@adyen/bento-vue3 1.6.1 → 1.7.0

package/dist/filter-bar.js

@@ -1,43 +1,44 @@
-import { defineComponent as q, useSlots as Ct, useAttrs as gt, computed as b, ref as H, openBlock as p, createBlock as B, unref as le, normalizeClass as ve, withCtx as _, createTextVNode as w, toDisplayString as V, createCommentVNode as K, createElementBlock as k, createElementVNode as R, renderSlot as ie, createVNode as S, watch as Fe, resolveComponent as y, resolveDirective as St, withDirectives as Se, withKeys as be, toRef as z, onBeforeUpdate as De, mergeProps as ne, Fragment as fe, reactive as We, createSlots as $e, renderList as pe, normalizeProps as ke, guardReactiveProps as Ve, pushScopeId as Ie, popScopeId as Te, toRefs as $t, provide as Bt, nextTick as At, onMounted as Dt, resolveDynamicComponent as Be, vShow as Re } from "vue";
-import { _ as L } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { BentoPopover as Le } from "./popover.js";
-import { B as It } from "./chunks/directive.0408e565.js";
-import { B as Tt } from "./chunks/tooltip.b5391514.js";
-import { u as re } from "./chunks/i18n.6c402773.js";
-import { g as Ee } from "./chunks/unique-id.a2a2b458.js";
-import { B as ce, d as Et } from "./chunks/index.7f24db66.js";
-import { u as Qe } from "./chunks/aria-label.ac9651a5.js";
-import { B as Xe, a as Oe } from "./chunks/base-button.4b5ab17e.js";
-import { g as xe } from "./chunks/get-slot-text.bead058f.js";
-import { u as et } from "./chunks/use-has-slot.4d98bf29.js";
-import { a as tt, C as lt } from "./chunks/chevron-up.9bf21068.js";
-import { BentoRadioGroup as Ut } from "./radio-group.js";
-import { BentoInputField as nt } from "./input-field.js";
+import { defineComponent as j, useSlots as ht, useAttrs as gt, computed as b, ref as K, openBlock as p, createBlock as A, unref as ne, normalizeClass as ve, withCtx as m, createTextVNode as w, toDisplayString as V, createCommentVNode as z, createElementBlock as k, createElementVNode as L, renderSlot as re, createVNode as C, watch as Fe, resolveComponent as y, resolveDirective as St, withDirectives as Ce, withKeys as be, toRef as J, onBeforeUpdate as De, mergeProps as oe, Fragment as fe, reactive as Je, createSlots as $e, renderList as pe, normalizeProps as Ue, guardReactiveProps as Pe, pushScopeId as Ge, popScopeId as We, toRefs as Ct, provide as $t, nextTick as At, onMounted as Bt, resolveDynamicComponent as Ae, vShow as ke } from "vue";
+import { _ as M } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { BentoPopover as Re } from "./popover.js";
+import { B as Dt } from "./chunks/directive.0408e565.js";
+import { B as It } from "./chunks/tooltip.f769eb14.js";
+import { u as ue } from "./chunks/i18n.6c402773.js";
+import { g as Ie } from "./chunks/unique-id.a2a2b458.js";
+import { B as ce, d as Tt } from "./chunks/index.2bd3812b.js";
+import { u as Ze } from "./chunks/aria-label.ac9651a5.js";
+import { B as Qe, a as Ve } from "./chunks/base-button.7897a95e.js";
+import { g as Xe } from "./chunks/get-slot-text.bead058f.js";
+import { u as xe } from "./chunks/use-has-slot.4d98bf29.js";
+import { a as et, C as tt } from "./chunks/chevron-up.9bf21068.js";
+import { BentoRadioGroup as Et } from "./radio-group.js";
+import { BentoInputField as lt } from "./input-field.js";
 import { BentoSearchBar as he, BentoSearchBarEvent as de } from "./search-bar.js";
-import { u as Pt } from "./chunks/toastController.0b01d2e8.js";
-import { BentoModal as kt } from "./modal.js";
-import { e as Vt } from "./chunks/base-modal.53a229ac.js";
-import { a as Rt } from "./chunks/button.975d0bb8.js";
-import { B as Lt, u as at } from "./chunks/dropdown.7a104ce3.js";
-import { g as Ot } from "./chunks/index.6700224a.js";
-import { BentoDivider as ot } from "./divider.js";
-import { BentoDatePicker as Nt } from "./date-picker.js";
-import { f as se } from "./chunks/index.d68847b0.js";
-import { e as ae, d as st, f as it } from "./chunks/index.f55fdc32.js";
-import { C as wt, i as Mt } from "./chunks/calendar.cc37ac1f.js";
-import { B as Ht, D as qt, i as Ne } from "./chunks/index.1dc4ebae.js";
-import { D as we } from "./chunks/date-input.9186a0bf.js";
-import { BentoButtonActions as Kt } from "./button.js";
-import { B as jt } from "./chunks/listbox.0f25778d.js";
-import { B as Yt, L as rt } from "./chunks/listbox-option-tag.0f31ecb2.js";
-import { BentoCountry as zt } from "./country.js";
-import { u as Jt } from "./chunks/useCountryItems.e83ef8f0.js";
-import { BentoPaymentMethod as Gt } from "./payment-method.js";
-import "./assets/index42.css";
-const Zt = { class: "b-filter-bar-button__container" }, Wt = { class: "b-filter-bar-button__label-container" }, Qt = {
+import { u as Ut } from "./chunks/toastController.0b01d2e8.js";
+import { BentoModal as Pt } from "./modal.js";
+import { e as kt } from "./chunks/base-modal.0c85e7cb.js";
+import { a as Rt } from "./chunks/button.e5177388.js";
+import { B as Vt, u as nt } from "./chunks/dropdown.afff433b.js";
+import { g as Lt } from "./chunks/index.e579bc02.js";
+import { BentoDivider as at } from "./divider.js";
+import { BentoDatePicker as Ot } from "./date-picker.js";
+import { f as ie } from "./chunks/index.fa7b44f1.js";
+import { e as ae, d as ot, f as st } from "./chunks/index.f55fdc32.js";
+import { C as Nt, i as wt } from "./chunks/calendar.c83d4e99.js";
+import { B as Mt, D as Ht, i as Le } from "./chunks/index.369b0e66.js";
+import { D as Oe } from "./chunks/date-input.9186a0bf.js";
+import { BentoButtonActions as qt } from "./button.js";
+import { B as Kt } from "./chunks/listbox.f6e5a11d.js";
+import { B as jt, L as it } from "./chunks/listbox-option-tag.809ec40e.js";
+import { BentoCountry as Yt } from "./country.js";
+import { u as zt } from "./chunks/useCountryItems.e83ef8f0.js";
+import { BentoPaymentMethod as Jt } from "./payment-method.js";
+import { R as Gt } from "./chunks/refresh.c38c9eee.js";
+import "./assets/index13.css";
+const Wt = { class: "b-filter-bar-button__container" }, Zt = { class: "b-filter-bar-button__label-container" }, Qt = {
   key: 1,
   class: "b-filter-bar-button__chevron"
-}, Xt = {}, xt = /* @__PURE__ */ q({
+}, Xt = {}, xt = /* @__PURE__ */ j({
   ...Xt,
   __name: "filter-bar-button",
   props: {
@@ -68,78 +69,78 @@ const Zt = { class: "b-filter-bar-button__container" }, Wt = { class: "b-filter-
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, l = Ct(), o = gt(), i = et(l), s = b(() => l.default ? xe(l)("default") : null), r = Qe({ ariaLabel: s }), a = H(null), f = b(() => {
+    const n = e, l = ht(), s = gt(), i = xe(l), o = b(() => l.default ? Xe(l)("default") : null), r = Ze({ ariaLabel: o }), a = K(null), f = b(() => {
       var F;
       return {
-        "aria-controls": (F = o["aria-controls"]) == null ? void 0 : F.toString()
+        "aria-controls": (F = s["aria-controls"]) == null ? void 0 : F.toString()
       };
     }), u = b(() => ({
       "b-filter-bar-button--filter-open": n.isFilterOpen,
       "b-filter-bar-button--with-counter": n.appliedFiltersCount,
       "b-filter-bar-button--with-chevron": n.hasChevron
-    })), g = (F) => {
+    })), S = (F) => {
       n.disabled || t("click", F);
     };
-    return (F, d) => (p(), B(le(Xe), {
+    return (F, d) => (p(), A(ne(Qe), {
       ref_key: "filterBarButtonRef",
       ref: a,
-      class: ve(["b-filter-bar-button", le(u)]),
+      class: ve(["b-filter-bar-button", ne(u)]),
       disabled: e.disabled,
-      "aria-label": le(r),
-      "aria-controls": le(f)["aria-controls"],
+      "aria-label": ne(r),
+      "aria-controls": ne(f)["aria-controls"],
       type: "button",
-      onClick: g
+      onClick: S
     }, {
-      iconRight: _(() => [
-        e.appliedFiltersCount && !e.hasChevron ? (p(), B(le(ce), {
+      iconRight: m(() => [
+        e.appliedFiltersCount && !e.hasChevron ? (p(), A(ne(ce), {
           key: 0,
           class: "b-filter-bar-button__counter",
           el: "span",
           variant: "body",
           stronger: ""
         }, {
-          default: _(() => [
+          default: m(() => [
             w(V(e.appliedFiltersCount), 1)
           ]),
           _: 1
-        })) : K("", !0),
+        })) : z("", !0),
         e.hasChevron ? (p(), k("div", Qt, [
-          e.isFilterOpen ? (p(), B(le(tt), {
+          e.isFilterOpen ? (p(), A(ne(et), {
             key: 0,
             "aria-hidden": "true"
-          })) : (p(), B(le(lt), {
+          })) : (p(), A(ne(tt), {
             key: 1,
             "aria-hidden": "true"
           }))
-        ])) : K("", !0)
+        ])) : z("", !0)
       ]),
-      default: _(() => [
-        R("div", Zt, [
-          le(i)("iconLeft") ? ie(F.$slots, "iconLeft", { key: 0 }, void 0, !0) : K("", !0),
-          R("div", Wt, [
-            S(le(ce), {
+      default: m(() => [
+        L("div", Wt, [
+          ne(i)("iconLeft") ? re(F.$slots, "iconLeft", { key: 0 }, void 0, !0) : z("", !0),
+          L("div", Zt, [
+            C(ne(ce), {
               el: "span",
               variant: "body",
               stronger: "",
               class: "b-filter-bar-button__label"
             }, {
-              default: _(() => [
-                ie(F.$slots, "default", {}, void 0, !0)
+              default: m(() => [
+                re(F.$slots, "default", {}, void 0, !0)
               ]),
               _: 3
             }),
-            e.secondaryLabel ? (p(), B(le(ce), {
+            e.secondaryLabel ? (p(), A(ne(ce), {
               key: 0,
               el: "span",
               variant: "body",
               stronger: "",
               class: "b-filter-bar-button__secondary-label"
             }, {
-              default: _(() => [
+              default: m(() => [
                 w(V(e.secondaryLabel), 1)
               ]),
               _: 1
-            })) : K("", !0)
+            })) : z("", !0)
           ])
         ])
       ]),
@@ -147,9 +148,9 @@ const Zt = { class: "b-filter-bar-button__container" }, Wt = { class: "b-filter-
     }, 8, ["class", "disabled", "aria-label", "aria-controls"]));
   }
 });
-const Ue = /* @__PURE__ */ L(xt, [["__scopeId", "data-v-b1f946e5"]]);
-var v = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(v || {}), _e = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES = "update:filter-values", e))(_e || {}), W = /* @__PURE__ */ ((e) => (e.INPUT = "BentoInputFilter", e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", 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))(W || {}), ee = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(ee || {});
-const Me = {
+const Te = /* @__PURE__ */ M(xt, [["__scopeId", "data-v-b1f946e5"]]);
+var v = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(v || {}), _e = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES = "update:filter-values", e))(_e || {}), Q = /* @__PURE__ */ ((e) => (e.INPUT = "BentoInputFilter", e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", 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))(Q || {}), te = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(te || {});
+const Ne = {
   "en-US": {
     clear: "Clear",
     apply: "Apply",
@@ -175,14 +176,14 @@ const Me = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, el = q({
-  i18n: { messages: Me },
+}, el = j({
+  i18n: { messages: Ne },
   name: "bento-base-filter",
   components: {
-    BentoPopover: Le,
-    FilterBarButton: Ue
+    BentoPopover: Re,
+    FilterBarButton: Te
   },
-  directives: { BentoClickOutsideDirective: It },
+  directives: { BentoClickOutsideDirective: Dt },
   props: {
     /**
      * Total count of applied filters
@@ -233,53 +234,53 @@ const Me = {
     /**
      * Sets the size of the container to fit its content
      */
-    fitContent: Le.props.fitContent
+    fitContent: Re.props.fitContent
   },
   emits: [
-    ee.APPLY,
-    ee.CLEAR,
-    ee.OPEN,
-    ee.CLOSE,
-    ee.RESET
+    te.APPLY,
+    te.CLEAR,
+    te.OPEN,
+    te.CLOSE,
+    te.RESET
   ],
   setup(e, { emit: t }) {
-    const { t: n } = re({ messages: Me }), l = Ee("base-filter-popover"), o = H(!1), i = H(null), s = b(() => e.defaultValue !== null), r = () => {
-      o.value = !1, t(ee.CLOSE);
+    const { t: n } = ue({ messages: Ne }), l = Ie("base-filter-popover"), s = K(!1), i = K(null), o = b(() => e.defaultValue !== null), r = () => {
+      s.value = !1, t(te.CLOSE);
     }, a = () => {
-      r(), s.value ? t(ee.RESET) : t(ee.CLEAR);
+      r(), o.value ? t(te.RESET) : t(te.CLEAR);
     }, f = () => r(), u = () => {
-      o.value ? r() : (o.value = !0, t(ee.OPEN));
-    }, g = () => {
-      r(), t(ee.APPLY);
+      s.value ? r() : (s.value = !0, t(te.OPEN));
+    }, S = () => {
+      r(), t(te.APPLY);
     }, F = b(() => [
       {
         title: n("apply"),
-        event: g,
+        event: S,
         disabled: e.disableApplyButton
       },
       {
-        title: s.value ? n("reset") : n("clear"),
+        title: o.value ? n("reset") : n("clear"),
         event: a,
         disabled: e.disableSecondaryButton
       }
     ]);
     return Fe(
-      () => o.value,
-      (d, A) => {
-        var D, $;
-        !d && A && ($ = (D = i.value) == null ? void 0 : D.filterBarButtonRef) != null && $.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      () => s.value,
+      (d, D) => {
+        var I, $;
+        !d && D && ($ = (I = i.value) == null ? void 0 : I.filterBarButtonRef) != null && $.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
     ), {
       // Values
       actions: F,
       popoverId: l,
-      isFilterOpen: o,
-      isPersistentFilter: s,
+      isFilterOpen: s,
+      isPersistentFilter: o,
       // Enums
-      BentoTooltipPosition: Tt,
+      BentoTooltipPosition: It,
       // Events
       onClickFilter: u,
-      onClickApply: g,
+      onClickApply: S,
       onClickSecondaryAction: a,
       onClickOutside: f,
       closePopover: r,
@@ -289,16 +290,16 @@ const Me = {
   }
 });
 const tl = { key: 0 };
-function ll(e, t, n, l, o, i) {
-  const s = y("filter-bar-button"), r = y("bento-popover"), a = St("bento-click-outside-directive");
+function ll(e, t, n, l, s, i) {
+  const o = y("filter-bar-button"), r = y("bento-popover"), a = St("bento-click-outside-directive");
   return e.onlySlot ? (p(), k("div", tl, [
-    ie(e.$slots, "default", {}, void 0, !0)
-  ])) : Se((p(), k("div", {
+    re(e.$slots, "default", {}, void 0, !0)
+  ])) : Ce((p(), k("div", {
     key: 1,
     class: "b-base-filter",
     onKeydown: t[0] || (t[0] = be((...f) => e.closePopover && e.closePopover(...f), ["esc"]))
   }, [
-    S(s, {
+    C(o, {
       ref: "filterButtonRef",
       "aria-controls": e.isFilterOpen ? e.popoverId : null,
       "has-chevron": e.isPersistentFilter,
@@ -307,12 +308,12 @@ function ll(e, t, n, l, o, i) {
       "secondary-label": e.buttonSecondaryLabel,
       onClick: e.onClickFilter
     }, {
-      default: _(() => [
+      default: m(() => [
         w(V(e.buttonLabel || e.label), 1)
       ]),
       _: 1
     }, 8, ["aria-controls", "has-chevron", "is-filter-open", "applied-filters-count", "secondary-label", "onClick"]),
-    e.filterButtonRef ? (p(), B(r, {
+    e.filterButtonRef ? (p(), A(r, {
       key: 0,
       id: e.popoverId,
       class: "b-base-filter__popover",
@@ -327,39 +328,39 @@ function ll(e, t, n, l, o, i) {
       "without-space": e.controlled,
       "fallback-position": ["bottom-end"]
     }, {
-      default: _(() => [
-        ie(e.$slots, "default", {}, void 0, !0)
+      default: m(() => [
+        re(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
-    }, 8, ["id", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : K("", !0)
+    }, 8, ["id", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : z("", !0)
   ], 32)), [
     [a, e.onClickOutside]
   ]);
 }
-const ye = /* @__PURE__ */ L(el, [["render", ll], ["__scopeId", "data-v-7f11dd78"]]), nl = (e) => e instanceof Array, He = (e) => nl(e) ? e.length === 0 || e.every((t) => t === "") : !e, qe = (e, t) => JSON.stringify(e) === JSON.stringify(t), me = (e, t) => {
-  const n = H(e.value);
+const ye = /* @__PURE__ */ M(el, [["render", ll], ["__scopeId", "data-v-7f11dd78"]]), nl = (e) => e instanceof Array, we = (e) => nl(e) ? e.length === 0 || e.every((t) => t === "") : !e, Me = (e, t) => JSON.stringify(e) === JSON.stringify(t), me = (e, t) => {
+  const n = K(e.value);
   Fe(
     () => e.value,
     () => {
       n.value = e.value;
     }
   );
-  const l = b(() => He(e.value)), o = b(
-    () => t.value !== null ? qe(t.value, e.value) : l.value
-  ), i = b(() => qe(n.value, e.value) || He(n.value) && l.value);
+  const l = b(() => we(e.value)), s = b(
+    () => t.value !== null ? Me(t.value, e.value) : l.value
+  ), i = b(() => Me(n.value, e.value) || we(n.value) && l.value);
   return {
     internalFilterValue: n,
-    isSecondaryButtonDisabled: o,
+    isSecondaryButtonDisabled: s,
     isApplyButtonDisabled: i
   };
-}, oe = (e, t) => {
+}, se = (e, t) => {
   const n = e == null ? void 0 : e.toString();
   return (n == null ? void 0 : n.length) > t ? `${n == null ? void 0 : n.slice(0, t)}...` : n;
-}, al = q({
+}, al = j({
   name: "bento-input-filter",
   components: {
     BentoBaseFilter: ye,
-    BentoInputField: nt
+    BentoInputField: lt
   },
   props: {
     /**
@@ -387,19 +388,19 @@ const ye = /* @__PURE__ */ L(el, [["render", ll], ["__scopeId", "data-v-7f11dd78
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const n = H(null), { internalFilterValue: l, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = me(
-      z(e, "value"),
-      z(e, "defaultValue")
-    ), s = b(() => e.defaultValue === null ? e.label : oe(e.value, 18)), r = b(
-      () => e.defaultValue === null ? oe(e.value, 12) : null
+    const n = K(null), { internalFilterValue: l, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = me(
+      J(e, "value"),
+      J(e, "defaultValue")
+    ), o = b(() => e.defaultValue === null ? e.label : se(e.value, 18)), r = b(
+      () => e.defaultValue === null ? se(e.value, 12) : null
     ), a = b(() => ({
       ["b-input-filter--only-slot"]: e.onlySlot
     }));
     De(() => {
       l.value === "" && (l.value = null);
     }), Fe(n, () => {
-      var D;
-      (D = n.value) == null || D.focusInput();
+      var I;
+      (I = n.value) == null || I.focusInput();
     });
     const f = () => {
       l.value = e.value;
@@ -408,12 +409,12 @@ const ye = /* @__PURE__ */ L(el, [["render", ll], ["__scopeId", "data-v-7f11dd78
     };
     return {
       // Values
-      buttonLabel: s,
+      buttonLabel: o,
       buttonSecondaryLabel: r,
       conditionalClasses: a,
       internalFilterValue: l,
       isApplyButtonDisabled: i,
-      isSecondaryButtonDisabled: o,
+      isSecondaryButtonDisabled: s,
       // Refs
       inputTextRef: n,
       // Events
@@ -426,15 +427,15 @@ const ye = /* @__PURE__ */ L(el, [["render", ll], ["__scopeId", "data-v-7f11dd78
       onInput: () => {
         t(v.INPUT, { ...e, value: l.value });
       },
-      setInternalFilterValue: (D) => {
-        l.value = D;
+      setInternalFilterValue: (I) => {
+        l.value = I;
       }
     };
   }
 });
-function ol(e, t, n, l, o, i) {
-  const s = y("bento-input-field"), r = y("bento-base-filter");
-  return p(), B(r, ne(e.$props, {
+function ol(e, t, n, l, s, i) {
+  const o = y("bento-input-field"), r = y("bento-base-filter");
+  return p(), A(r, oe(e.$props, {
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
     "disable-apply-button": e.isApplyButtonDisabled,
@@ -445,13 +446,13 @@ function ol(e, t, n, l, o, i) {
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }), {
-    default: _(() => [
-      R("div", {
+    default: m(() => [
+      L("div", {
         class: ve(["b-input-filter", e.conditionalClasses]),
         onKeydown: t[0] || (t[0] = be((...a) => e.updateFilter && e.updateFilter(...a), ["enter"])),
         onInput: t[1] || (t[1] = (...a) => e.onInput && e.onInput(...a))
       }, [
-        S(s, {
+        C(o, {
           ref: "inputTextRef",
           value: e.internalFilterValue,
           onInput: e.setInternalFilterValue
@@ -461,13 +462,13 @@ function ol(e, t, n, l, o, i) {
     _: 1
   }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const ut = /* @__PURE__ */ L(al, [["render", ol], ["__scopeId", "data-v-331367ce"]]), sl = q({
+const rt = /* @__PURE__ */ M(al, [["render", ol], ["__scopeId", "data-v-331367ce"]]), sl = j({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: ye,
-    BentoDatePicker: Nt,
-    BentoDivider: ot,
-    Calendar: wt
+    BentoDatePicker: Ot,
+    BentoDivider: at,
+    Calendar: Nt
   },
   props: {
     isDateInput: { type: Boolean, default: !0 },
@@ -506,11 +507,11 @@ const ut = /* @__PURE__ */ L(al, [["render", ol], ["__scopeId", "data-v-331367ce
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const { locale: n } = re(void 0, !0), l = { de: st, enUS: ae, fr: it }, { internalFilterValue: o, isSecondaryButtonDisabled: i, isApplyButtonDisabled: s } = me(
-      z(e, "value"),
-      z(e, "defaultValue")
+    const { locale: n } = ue(void 0, !0), l = { de: ot, enUS: ae, fr: st }, { internalFilterValue: s, isSecondaryButtonDisabled: i, isApplyButtonDisabled: o } = me(
+      J(e, "value"),
+      J(e, "defaultValue")
     ), r = b(
-      () => e.value ? se(e.value, "dd MMM, yyyy", {
+      () => e.value ? ie(e.value, "dd MMM, yyyy", {
         locale: l[n.value.substring(0, 2)] || ae
       }) : null
     ), a = b(
@@ -518,39 +519,39 @@ const ut = /* @__PURE__ */ L(al, [["render", ol], ["__scopeId", "data-v-331367ce
     ), f = b(
       () => e.defaultValue === null ? r.value : null
     ), u = () => {
-      t(v.UPDATE, { ...e, value: o.value });
-    }, g = () => {
-      o.value = null, u();
+      t(v.UPDATE, { ...e, value: s.value });
+    }, S = () => {
+      s.value = null, u();
     }, F = () => {
-      o.value = e.defaultValue, u();
+      s.value = e.defaultValue, u();
     }, d = () => {
-      o.value = e.value;
-    }, A = ($) => {
-      o.value = $, t(v.INPUT, { ...e, value: o.value });
+      s.value = e.value;
+    }, D = ($) => {
+      s.value = $, t(v.INPUT, { ...e, value: s.value });
     };
     return {
       // Values
-      internalFilterValue: o,
-      isApplyButtonDisabled: s,
+      internalFilterValue: s,
+      isApplyButtonDisabled: o,
       isSecondaryButtonDisabled: i,
       buttonLabel: a,
       buttonSecondaryLabel: f,
       // Events
-      clearFilter: g,
-      onDateSelected: A,
+      clearFilter: S,
+      onDateSelected: D,
       openFilter: d,
       updateFilter: u,
       resetFilter: F,
       onDateInputSelected: ($) => {
-        o.value = $, A($), u();
+        s.value = $, D($), u();
       }
     };
   }
 });
 const il = { class: "b-date-filter" };
-function rl(e, t, n, l, o, i) {
-  const s = y("bento-date-picker"), r = y("bento-divider"), a = y("calendar"), f = y("bento-base-filter");
-  return p(), B(f, {
+function rl(e, t, n, l, s, i) {
+  const o = y("bento-date-picker"), r = y("bento-divider"), a = y("calendar"), f = y("bento-base-filter");
+  return p(), A(f, {
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
     "default-value": e.defaultValue,
@@ -565,19 +566,19 @@ function rl(e, t, n, l, o, i) {
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }, {
-    default: _(() => {
-      var u, g, F, d;
+    default: m(() => {
+      var u, S, F, d;
       return [
-        e.onlySlot ? (p(), B(s, {
+        e.onlySlot ? (p(), A(o, {
           key: 0,
           value: e.internalFilterValue,
           "first-day-of-week": (u = e.options) == null ? void 0 : u.firstDayOfWeek,
-          "is-date-disabled": (g = e.options) == null ? void 0 : g.isDateDisabled,
+          "is-date-disabled": (S = e.options) == null ? void 0 : S.isDateDisabled,
           onInput: e.onDateInputSelected
         }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "onInput"])) : (p(), k(fe, { key: 1 }, [
-          S(r, { class: "b-date-filter__divider" }),
-          R("div", il, [
-            S(a, {
+          C(r, { class: "b-date-filter__divider" }),
+          L("div", il, [
+            C(a, {
               "first-day-of-week": (F = e.options) == null ? void 0 : F.firstDayOfWeek,
               "is-date-disabled": (d = e.options) == null ? void 0 : d.isDateDisabled,
               "number-of-months": 1,
@@ -591,7 +592,7 @@ function rl(e, t, n, l, o, i) {
     _: 1
   }, 8, ["button-label", "button-secondary-label", "default-value", "disable-apply-button", "disable-secondary-button", "field", "label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const dt = /* @__PURE__ */ L(sl, [["render", rl], ["__scopeId", "data-v-66ffdc53"]]), Ke = {
+const ut = /* @__PURE__ */ M(sl, [["render", rl], ["__scopeId", "data-v-66ffdc53"]]), He = {
   "en-US": {
     clear: "Clear",
     reset: "Reset",
@@ -617,16 +618,16 @@ const dt = /* @__PURE__ */ L(sl, [["render", rl], ["__scopeId", "data-v-66ffdc53
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, ul = q({
-  i18n: { messages: Ke },
+}, ul = j({
+  i18n: { messages: He },
   name: "bento-date-range-filter",
   components: {
     BentoBaseFilter: ye,
-    BentoButtonActions: Kt,
-    BentoDateRangePicker: Ht,
+    BentoButtonActions: qt,
+    BentoDateRangePicker: Mt,
     BentoTypography: ce,
-    BentoDivider: ot,
-    DateRangePickerCalendar: qt
+    BentoDivider: at,
+    DateRangePickerCalendar: Ht
   },
   props: {
     /**
@@ -671,70 +672,70 @@ const dt = /* @__PURE__ */ L(sl, [["render", rl], ["__scopeId", "data-v-66ffdc53
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    var O, N, Z, G;
-    const { locale: n, t: l } = re({ messages: Ke }), o = { de: st, enUS: ae, fr: it }, { internalFilterValue: i, isSecondaryButtonDisabled: s, isApplyButtonDisabled: r } = me(
-      z(e, "value"),
-      z(e, "defaultValue")
-    ), a = (h) => h ? se(h, we.NUMERIC_DATE_YEAR_FIRST, {
-      locale: o[n.value.substring(0, 2)] || ae
-    }) : void 0, f = (h) => h ? se(h, we.HOUR_MINUTE_SECONDS, {
-      locale: o[n.value.substring(0, 2)] || ae
-    }) : "", u = H(null), g = H(!1), F = We({
+    var O, N, Z, W;
+    const { locale: n, t: l } = ue({ messages: He }), s = { de: ot, enUS: ae, fr: st }, { internalFilterValue: i, isSecondaryButtonDisabled: o, isApplyButtonDisabled: r } = me(
+      J(e, "value"),
+      J(e, "defaultValue")
+    ), a = (h) => h ? ie(h, Oe.NUMERIC_DATE_YEAR_FIRST, {
+      locale: s[n.value.substring(0, 2)] || ae
+    }) : void 0, f = (h) => h ? ie(h, Oe.HOUR_MINUTE_SECONDS, {
+      locale: s[n.value.substring(0, 2)] || ae
+    }) : "", u = K(null), S = K(!1), F = Je({
       startDate: a((O = e.value) == null ? void 0 : O.startDate),
       endDate: a((N = e.value) == null ? void 0 : N.endDate),
       startTime: f((Z = e.value) == null ? void 0 : Z.startDate),
-      endTime: f((G = e.value) == null ? void 0 : G.endDate)
+      endTime: f((W = e.value) == null ? void 0 : W.endDate)
     }), d = b(() => {
-      var h, X, Ce, ge, c, T, E, Y;
+      var h, x, ge, Se, c, T, E, Y;
       if (!((h = e.value) != null && h.startDate) && !e.value.endDate)
         return null;
-      if (((Ce = (X = e.options) == null ? void 0 : X.quickSelectRanges) == null ? void 0 : Ce.length) > 0) {
-        const te = (c = (ge = e.options) == null ? void 0 : ge.quickSelectRanges) == null ? void 0 : c.find(
-          ({ data: x }) => Ne(x == null ? void 0 : x.startDate, e.value.startDate) && Ne(x == null ? void 0 : x.endDate, e.value.endDate)
+      if (((ge = (x = e.options) == null ? void 0 : x.quickSelectRanges) == null ? void 0 : ge.length) > 0) {
+        const le = (c = (Se = e.options) == null ? void 0 : Se.quickSelectRanges) == null ? void 0 : c.find(
+          ({ data: ee }) => Le(ee == null ? void 0 : ee.startDate, e.value.startDate) && Le(ee == null ? void 0 : ee.endDate, e.value.endDate)
         );
-        if (te)
-          return te.label;
+        if (le)
+          return le.label;
       }
-      return Mt((T = e.value) == null ? void 0 : T.startDate, (E = e.value) == null ? void 0 : E.endDate) && ((Y = e == null ? void 0 : e.options) != null && Y.allowTimeInput) ? `${se(e.value.startDate, "dd MMM, yyyy HH:mm:ss", {
-        locale: o[n.value.substring(0, 2)] || ae
-      })} - ${se(e.value.endDate, "HH:mm:ss", {
-        locale: o[n.value.substring(0, 2)] || ae
-      })}` : `${se(e.value.startDate, "dd MMM, yyyy", {
-        locale: o[n.value.substring(0, 2)] || ae
-      })} - ${se(e.value.endDate, "dd MMM, yyyy", {
-        locale: o[n.value.substring(0, 2)] || ae
+      return wt((T = e.value) == null ? void 0 : T.startDate, (E = e.value) == null ? void 0 : E.endDate) && ((Y = e == null ? void 0 : e.options) != null && Y.allowTimeInput) ? `${ie(e.value.startDate, "dd MMM, yyyy HH:mm:ss", {
+        locale: s[n.value.substring(0, 2)] || ae
+      })} - ${ie(e.value.endDate, "HH:mm:ss", {
+        locale: s[n.value.substring(0, 2)] || ae
+      })}` : `${ie(e.value.startDate, "dd MMM, yyyy", {
+        locale: s[n.value.substring(0, 2)] || ae
+      })} - ${ie(e.value.endDate, "dd MMM, yyyy", {
+        locale: s[n.value.substring(0, 2)] || ae
       })}`;
-    }), A = b(
+    }), D = b(
       () => e.defaultValue === null ? e.label : d.value
-    ), D = b(
+    ), I = b(
       () => e.defaultValue === null ? d.value : null
     ), $ = () => {
       u.value.closePopover();
-      const { onlySlot: h, ...X } = e;
-      t(v.UPDATE, { ...X, value: i.value });
-    }, P = () => {
+      const { onlySlot: h, ...x } = e;
+      t(v.UPDATE, { ...x, value: i.value });
+    }, U = () => {
       i.value = void 0, $();
-    }, M = () => {
+    }, H = () => {
       i.value = e.defaultValue, $();
-    }, C = () => {
+    }, g = () => {
       i.value = e.value;
-    }, m = (h) => {
+    }, _ = (h) => {
       i.value = h, F.startDate = a(h.startDate), F.endDate = a(h.endDate), t(v.INPUT, { ...e, value: i.value });
-    }, I = (h) => {
+    }, B = (h) => {
       h != null && h.startDate && (h != null && h.endDate) && (i.value = h, F.startDate = a(h.startDate), F.endDate = a(h.endDate), t(v.INPUT, { ...e, value: i.value }));
-    }, U = (h) => {
-      m(h), t(v.INPUT, { ...e, value: i.value });
-    }, j = b(
+    }, R = (h) => {
+      _(h), t(v.INPUT, { ...e, value: i.value });
+    }, G = b(
       () => [
         {
           title: l("apply"),
           event: $,
-          disabled: g.value || r.value
+          disabled: S.value || r.value
         },
         {
           title: e.defaultValue ? l("reset") : l("clear"),
-          event: e.defaultValue ? M : P,
-          disabled: g.value && s.value
+          event: e.defaultValue ? H : U,
+          disabled: S.value && o.value
         }
       ]
     );
@@ -742,25 +743,25 @@ const dt = /* @__PURE__ */ L(sl, [["render", rl], ["__scopeId", "data-v-66ffdc53
       // Refs
       baseFilter: u,
       // Values
-      actions: j,
+      actions: G,
       formData: F,
       internalFilterValue: i,
       isApplyButtonDisabled: r,
-      isSecondaryButtonDisabled: s,
-      buttonLabel: A,
-      buttonSecondaryLabel: D,
+      isSecondaryButtonDisabled: o,
+      buttonLabel: D,
+      buttonSecondaryLabel: I,
       // Events
-      onDateSelected: m,
-      openFilter: C,
+      onDateSelected: _,
+      openFilter: g,
       updateFilter: $,
       onDatePickerRangeError: () => {
-        g.value = !0, i.value = { startDate: void 0, endDate: void 0 }, t(v.INPUT, { ...e, value: i.value });
+        S.value = !0, i.value = { startDate: void 0, endDate: void 0 }, t(v.INPUT, { ...e, value: i.value });
       },
       onDatePickerRangeFormDateInputUpdate: (h) => {
-        g.value = !1, h.startTime && (F.startTime = h.startTime), h.endTime && (F.endTime = h.endTime);
+        S.value = !1, h.startTime && (F.startTime = h.startTime), h.endTime && (F.endTime = h.endTime);
       },
-      onDateInputSelected: U,
-      onRangeSelectorInput: I
+      onDateInputSelected: R,
+      onRangeSelectorInput: B
     };
   }
 });
@@ -768,9 +769,9 @@ const dl = {
   key: 1,
   class: "b-date-range-filter"
 };
-function cl(e, t, n, l, o, i) {
-  const s = y("bento-date-range-picker"), r = y("bento-typography"), a = y("bento-divider"), f = y("bento-button-actions"), u = y("date-range-picker-calendar"), g = y("bento-base-filter");
-  return p(), B(g, {
+function cl(e, t, n, l, s, i) {
+  const o = y("bento-date-range-picker"), r = y("bento-typography"), a = y("bento-divider"), f = y("bento-button-actions"), u = y("date-range-picker-calendar"), S = y("bento-base-filter");
+  return p(), A(S, {
     ref: "baseFilter",
     class: "b-base-filter-date-range-filter",
     "button-label": e.buttonLabel,
@@ -785,26 +786,26 @@ function cl(e, t, n, l, o, i) {
     "fit-content": "",
     onOpen: e.openFilter
   }, {
-    default: _(() => {
-      var F, d, A, D, $, P, M, C, m, I, U;
+    default: m(() => {
+      var F, d, D, I, $, U, H, g, _, B, R;
       return [
-        e.onlySlot ? (p(), B(s, {
+        e.onlySlot ? (p(), A(o, {
           key: 0,
           "allow-time-input": (F = e.options) == null ? void 0 : F.allowTimeInput,
           value: e.internalFilterValue,
           "first-day-of-week": (d = e.options) == null ? void 0 : d.firstDayOfWeek,
-          "is-date-disabled": (A = e.options) == null ? void 0 : A.isDateDisabled,
-          "number-of-months": (D = e.options) == null ? void 0 : D.numberOfMonths,
+          "is-date-disabled": (D = e.options) == null ? void 0 : D.isDateDisabled,
+          "number-of-months": (I = e.options) == null ? void 0 : I.numberOfMonths,
           "quick-select-ranges": ($ = e.options) == null ? void 0 : $.quickSelectRanges,
           onInput: e.onDateInputSelected
         }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "onInput"])) : (p(), k("div", dl, [
-          S(u, {
-            "allow-time-input": (P = e.options) == null ? void 0 : P.allowTimeInput,
-            "first-day-of-week": (M = e.options) == null ? void 0 : M.firstDayOfWeek,
-            "is-date-disabled": (C = e.options) == null ? void 0 : C.isDateDisabled,
-            "max-range": (m = e.options) == null ? void 0 : m.maxRange,
-            "number-of-months": (I = e.options) == null ? void 0 : I.numberOfMonths,
-            "quick-select-ranges": (U = e.options) == null ? void 0 : U.quickSelectRanges,
+          C(u, {
+            "allow-time-input": (U = e.options) == null ? void 0 : U.allowTimeInput,
+            "first-day-of-week": (H = e.options) == null ? void 0 : H.firstDayOfWeek,
+            "is-date-disabled": (g = e.options) == null ? void 0 : g.isDateDisabled,
+            "max-range": (_ = e.options) == null ? void 0 : _.maxRange,
+            "number-of-months": (B = e.options) == null ? void 0 : B.numberOfMonths,
+            "quick-select-ranges": (R = e.options) == null ? void 0 : R.quickSelectRanges,
             value: e.internalFilterValue,
             "date-form-data": e.formData,
             onInput: e.onDateSelected,
@@ -812,21 +813,21 @@ function cl(e, t, n, l, o, i) {
             onError: e.onDatePickerRangeError,
             onFormDate: e.onDatePickerRangeFormDateInputUpdate
           }, {
-            title: _(() => [
-              S(r, {
+            title: m(() => [
+              C(r, {
                 strongest: "",
                 variant: "body",
                 el: "span"
               }, {
-                default: _(() => [
+                default: m(() => [
                   w(V(e.label), 1)
                 ]),
                 _: 1
               })
             ]),
-            actions: _(() => [
-              S(a, { class: "b-date-range-filter__divider" }),
-              S(f, {
+            actions: m(() => [
+              C(a, { class: "b-date-range-filter__divider" }),
+              C(f, {
                 class: "b-date-range-filter__actions",
                 actions: e.actions,
                 layout: "space-between"
@@ -840,20 +841,20 @@ function cl(e, t, n, l, o, i) {
     _: 1
   }, 8, ["button-label", "button-secondary-label", "controlled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "onOpen"]);
 }
-const ct = /* @__PURE__ */ L(ul, [["render", cl], ["__scopeId", "data-v-f5976db7"]]), je = {
+const dt = /* @__PURE__ */ M(ul, [["render", cl], ["__scopeId", "data-v-f5976db7"]]), qe = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
     search: "Search",
     searchFilter: "Search {filter}"
   }
-}, bl = q({
-  i18n: { messages: je },
+}, bl = j({
+  i18n: { messages: qe },
   name: "bento-select-filter",
   components: {
     BentoBaseFilter: ye,
-    BentoDropdown: Lt,
-    BentoListbox: jt,
+    BentoDropdown: Vt,
+    BentoListbox: Kt,
     BentoSearchBar: he
   },
   props: {
@@ -895,33 +896,33 @@ const ct = /* @__PURE__ */ L(ul, [["render", cl], ["__scopeId", "data-v-f5976db7
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t, slots: n }) {
-    var j, ue;
-    const { internalFilterValue: l, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = me(
-      z(e, "value"),
-      z(e, "defaultValue")
-    ), { t: s, locale: r } = re({ messages: je }), a = H(""), f = z(e, "options"), u = H(e.options.listboxItems);
+    var G, q;
+    const { internalFilterValue: l, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = me(
+      J(e, "value"),
+      J(e, "defaultValue")
+    ), { t: o, locale: r } = ue({ messages: qe }), a = K(""), f = J(e, "options"), u = K(e.options.listboxItems);
     Fe(f, () => {
       u.value = f.value.listboxItems;
     });
-    const g = at(
+    const S = nt(
       a,
       u,
-      (ue = (j = e.options) == null ? void 0 : j.search) == null ? void 0 : ue.searchEvent
-    ), F = b(() => s("noFiltersMatchThisSearch")), d = b(() => {
-      var J, O, N, Z;
+      (q = (G = e.options) == null ? void 0 : G.search) == null ? void 0 : q.searchEvent
+    ), F = b(() => o("noFiltersMatchThisSearch")), d = b(() => {
+      var P, O, N, Z;
       if (e.defaultValue === null)
         return e.label;
       if (e.options.multiple) {
-        const G = (J = e.value) == null ? void 0 : J.length;
-        if (G === e.options.listboxItems.length)
+        const W = (P = e.value) == null ? void 0 : P.length;
+        if (W === e.options.listboxItems.length)
           return (O = e == null ? void 0 : e.options) == null ? void 0 : O.messages[r.value].persistentButtonLabelAllSelected;
-        const h = (N = e == null ? void 0 : e.options) == null ? void 0 : N.messages[r.value].persistentButtonLabelPartiallySelected.split("|").map((X) => X.trim());
-        return G === 1 ? h[0].replace("{count}", G) : h[1].replace("{count}", G);
+        const h = (N = e == null ? void 0 : e.options) == null ? void 0 : N.messages[r.value].persistentButtonLabelPartiallySelected.split("|").map((x) => x.trim());
+        return W === 1 ? h[0].replace("{count}", W) : h[1].replace("{count}", W);
       }
-      return oe((Z = e.options.listboxItems.find(({ value: G }) => G === e.value)) == null ? void 0 : Z.label, 18);
-    }), A = b(() => {
-      var J, O;
-      return e.defaultValue === null && (!e.options.multiple || ((J = e.value) == null ? void 0 : J.length) === 1) ? oe(
+      return se((Z = e.options.listboxItems.find(({ value: W }) => W === e.value)) == null ? void 0 : Z.label, 18);
+    }), D = b(() => {
+      var P, O;
+      return e.defaultValue === null && (!e.options.multiple || ((P = e.value) == null ? void 0 : P.length) === 1) ? se(
         (O = e.options.listboxItems.find(
           ({ value: N }) => {
             var Z;
@@ -930,23 +931,23 @@ const ct = /* @__PURE__ */ L(ul, [["render", cl], ["__scopeId", "data-v-f5976db7
         )) == null ? void 0 : O.label,
         12
       ) : null;
-    }), D = b(() => Ee(`filter-listbox-${e.field}`)), $ = (J) => {
-      l.value = J;
+    }), I = b(() => Ie(`filter-listbox-${e.field}`)), $ = (P) => {
+      l.value = P;
       const { onlySlot: O, ...N } = e;
       t(v.INPUT, { ...N, value: l.value });
-    }, P = () => {
+    }, U = () => {
       var N;
       e.options.multiple && l.value && ((N = l.value) == null ? void 0 : N.length) === 0 && (l.value = e.defaultValue !== null ? e.defaultValue : void 0);
-      const { onlySlot: J, ...O } = e;
+      const { onlySlot: P, ...O } = e;
       t(v.UPDATE, { ...O, value: l.value });
-    }, M = () => {
+    }, H = () => {
       l.value = e.value;
-    }, C = () => {
+    }, g = () => {
       a.value && (a.value = "");
-    }, m = () => {
-      l.value = e.defaultValue, P();
-    }, I = () => {
-      l.value = null, P();
+    }, _ = () => {
+      l.value = e.defaultValue, U();
+    }, B = () => {
+      l.value = null, U();
     };
     return {
       // Values
@@ -954,37 +955,37 @@ const ct = /* @__PURE__ */ L(ul, [["render", cl], ["__scopeId", "data-v-f5976db7
         var N, Z;
         if (e.value == null || e.defaultValue !== null || !e.options.multiple)
           return null;
-        const J = (N = e.options.listboxItems) == null ? void 0 : N.reduce((G, h) => {
-          var X;
-          return G += (X = h == null ? void 0 : h.items) != null && X.length ? h.items.length : 1, G;
+        const P = (N = e.options.listboxItems) == null ? void 0 : N.reduce((W, h) => {
+          var x;
+          return W += (x = h == null ? void 0 : h.items) != null && x.length ? h.items.length : 1, W;
         }, 0), O = (Z = e.value) == null ? void 0 : Z.length;
-        return O === 1 ? null : O === J ? s("all") : O;
+        return O === 1 ? null : O === P ? o("all") : O;
       }),
-      filteredItems: g,
+      filteredItems: S,
       internalFilterValue: l,
       isApplyButtonDisabled: i,
-      isSecondaryButtonDisabled: o,
-      listboxFilterId: D,
+      isSecondaryButtonDisabled: s,
+      listboxFilterId: I,
       noResultsMessage: F,
       slots: n,
       buttonLabel: d,
-      buttonSecondaryLabel: A,
+      buttonSecondaryLabel: D,
       // Search
       searchTerm: a,
       // Events
-      clearFilter: I,
-      closeFilter: C,
+      clearFilter: B,
+      closeFilter: g,
       onOptionSelected: $,
-      openFilter: M,
-      updateFilter: P,
-      resetFilter: m
+      openFilter: H,
+      updateFilter: U,
+      resetFilter: _
     };
   }
 });
-const fl = (e) => (Ie("data-v-b8a78549"), e = e(), Te(), e), pl = { class: "b-select-filter__search-bar" }, vl = /* @__PURE__ */ fl(() => /* @__PURE__ */ R("hr", { class: "b-select-filter__divider" }, null, -1));
-function yl(e, t, n, l, o, i) {
-  const s = y("bento-dropdown"), r = y("bento-search-bar"), a = y("bento-listbox"), f = y("bento-base-filter");
-  return p(), B(f, {
+const fl = (e) => (Ge("data-v-b8decbb4"), e = e(), We(), e), pl = { class: "b-select-filter__search-bar" }, vl = /* @__PURE__ */ fl(() => /* @__PURE__ */ L("hr", { class: "b-select-filter__divider" }, null, -1));
+function yl(e, t, n, l, s, i) {
+  const o = y("bento-dropdown"), r = y("bento-search-bar"), a = y("bento-listbox"), f = y("bento-base-filter");
+  return p(), A(f, {
     "applied-filters-count": e.appliedFiltersCount,
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
@@ -1000,10 +1001,10 @@ function yl(e, t, n, l, o, i) {
     onOpen: e.openFilter,
     onClose: e.closeFilter
   }, {
-    default: _(() => {
-      var u, g, F, d, A, D, $, P, M, C, m;
+    default: m(() => {
+      var u, S, F, d, D, I, $, U, H, g, _, B, R;
       return [
-        e.onlySlot ? (p(), B(s, {
+        e.onlySlot ? (p(), A(o, {
           key: 0,
           value: e.internalFilterValue,
           class: "b-select-filter__dropdown-variant",
@@ -1013,64 +1014,66 @@ function yl(e, t, n, l, o, i) {
           searching: !!e.searchTerm,
           "is-option-disabled": e.options.isOptionDisabled,
           "dynamic-filtering": !0,
+          "empty-state": (S = e.options) == null ? void 0 : S.emptyState,
           onInput: e.onOptionSelected
         }, $e({ _: 2 }, [
-          pe(e.slots, (I, U) => ({
-            name: U,
-            fn: _((j) => [
-              ie(e.$slots, U, ke(Ve(j)), void 0, !0)
+          pe(e.slots, (G, q) => ({
+            name: q,
+            fn: m((P) => [
+              re(e.$slots, q, Ue(Pe(P)), void 0, !0)
             ])
           }))
-        ]), 1032, ["value", "items", "multiple", "no-results-message", "searching", "is-option-disabled", "onInput"])) : (p(), k(fe, { key: 1 }, [
-          R("div", pl, [
-            S(r, {
-              "debounce-time": (F = (g = e.options) == null ? void 0 : g.search) == null ? void 0 : F.debounceTime,
+        ]), 1032, ["value", "items", "multiple", "no-results-message", "searching", "is-option-disabled", "empty-state", "onInput"])) : (p(), k(fe, { key: 1 }, [
+          L("div", pl, [
+            C(r, {
+              "debounce-time": (d = (F = e.options) == null ? void 0 : F.search) == null ? void 0 : d.debounceTime,
               value: e.searchTerm,
               "input-field-aria-label": e.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString(),
-              onInput: t[0] || (t[0] = (I) => e.searchTerm = I)
+              onInput: t[0] || (t[0] = (G) => e.searchTerm = G)
             }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
           ]),
           vl,
-          S(a, {
+          C(a, {
             id: e.listboxFilterId,
             "aria-label": e.label,
             class: "b-select-filter__wrapper",
-            "has-more-items": (A = (d = e.options) == null ? void 0 : d.lazy) == null ? void 0 : A.hasMoreItems,
+            "empty-state": (D = e.options) == null ? void 0 : D.emptyState,
+            "has-more-items": ($ = (I = e.options) == null ? void 0 : I.lazy) == null ? void 0 : $.hasMoreItems,
             items: e.filteredItems,
-            "is-option-disabled": (D = e.options) == null ? void 0 : D.isOptionDisabled,
-            "lazy-load-type": (P = ($ = e.options) == null ? void 0 : $.lazy) == null ? void 0 : P.lazyLoadType,
-            loading: (C = (M = e.options) == null ? void 0 : M.lazy) == null ? void 0 : C.loading,
-            multiple: (m = e.options) == null ? void 0 : m.multiple,
+            "is-option-disabled": (U = e.options) == null ? void 0 : U.isOptionDisabled,
+            "lazy-load-type": (g = (H = e.options) == null ? void 0 : H.lazy) == null ? void 0 : g.lazyLoadType,
+            loading: (B = (_ = e.options) == null ? void 0 : _.lazy) == null ? void 0 : B.loading,
+            multiple: (R = e.options) == null ? void 0 : R.multiple,
             "no-results-message": e.noResultsMessage,
             searching: !!e.searchTerm,
             "selected-value": e.internalFilterValue,
             onSelect: e.onOptionSelected,
-            onShowMore: t[1] || (t[1] = (I) => {
-              var U, j;
-              return (j = (U = e.options) == null ? void 0 : U.lazy) == null ? void 0 : j.showMoreEvent();
+            onShowMore: t[1] || (t[1] = (G) => {
+              var q, P;
+              return (P = (q = e.options) == null ? void 0 : q.lazy) == null ? void 0 : P.showMoreEvent();
             })
           }, $e({ _: 2 }, [
-            pe(e.slots, (I, U) => ({
-              name: U,
-              fn: _((j) => [
-                ie(e.$slots, U, ke(Ve(j)), void 0, !0)
+            pe(e.slots, (G, q) => ({
+              name: q,
+              fn: m((P) => [
+                re(e.$slots, q, Ue(Pe(P)), void 0, !0)
               ])
             }))
-          ]), 1032, ["id", "aria-label", "has-more-items", "items", "is-option-disabled", "lazy-load-type", "loading", "multiple", "no-results-message", "searching", "selected-value", "onSelect"])
+          ]), 1032, ["id", "aria-label", "empty-state", "has-more-items", "items", "is-option-disabled", "lazy-load-type", "loading", "multiple", "no-results-message", "searching", "selected-value", "onSelect"])
         ], 64))
       ];
     }),
     _: 3
   }, 8, ["applied-filters-count", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "default-value", "label", "field", "only-slot", "onApply", "onClear", "onReset", "onOpen", "onClose"]);
 }
-const Q = /* @__PURE__ */ L(bl, [["render", yl], ["__scopeId", "data-v-b8a78549"]]), ml = q({
+const X = /* @__PURE__ */ M(bl, [["render", yl], ["__scopeId", "data-v-b8decbb4"]]), ml = j({
   name: "bento-select-avatar-filter",
   components: {
-    BentoSelectFilter: Q,
-    BentoAvatar: Yt
+    BentoSelectFilter: X,
+    BentoAvatar: jt
   },
   props: {
-    ...Q.props,
+    ...X.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1092,16 +1095,16 @@ const Q = /* @__PURE__ */ L(bl, [["render", yl], ["__scopeId", "data-v-b8a78549"
     };
   }
 });
-function _l(e, t, n, l, o, i) {
-  const s = y("bento-avatar"), r = y("bento-select-filter");
-  return p(), B(r, ne(e.$props, {
+function _l(e, t, n, l, s, i) {
+  const o = y("bento-avatar"), r = y("bento-select-filter");
+  return p(), A(r, oe(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
     onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
   }), {
-    default: _(({ label: a, data: f }) => [
-      S(s, {
+    default: m(({ label: a, data: f }) => [
+      C(o, {
         username: a,
         src: f
       }, null, 8, ["username", "src"])
@@ -1109,14 +1112,14 @@ function _l(e, t, n, l, o, i) {
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const bt = /* @__PURE__ */ L(ml, [["render", _l]]), Fl = q({
+const ct = /* @__PURE__ */ M(ml, [["render", _l]]), Fl = j({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: Q,
-    ListboxOptionTag: rt
+    BentoSelectFilter: X,
+    ListboxOptionTag: it
   },
   props: {
-    ...Q.props,
+    ...X.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1140,28 +1143,28 @@ const bt = /* @__PURE__ */ L(ml, [["render", _l]]), Fl = q({
     };
   }
 });
-function hl(e, t, n, l, o, i) {
-  const s = y("listbox-option-tag"), r = y("bento-select-filter");
-  return p(), B(r, ne(e.$props, {
+function hl(e, t, n, l, s, i) {
+  const o = y("listbox-option-tag"), r = y("bento-select-filter");
+  return p(), A(r, oe(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
     onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
   }), {
-    default: _((a) => [
-      S(s, { option: a }, null, 8, ["option"])
+    default: m((a) => [
+      C(o, { option: a }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const ft = /* @__PURE__ */ L(Fl, [["render", hl]]), Cl = q({
+const bt = /* @__PURE__ */ M(Fl, [["render", hl]]), gl = j({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: Q,
-    BentoCountry: zt
+    BentoSelectFilter: X,
+    BentoCountry: Yt
   },
   props: {
-    ...Q.props,
+    ...X.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1176,11 +1179,11 @@ const ft = /* @__PURE__ */ L(Fl, [["render", hl]]), Cl = q({
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const n = z(e, "options"), { listboxItems: l, variant: o } = $t(n.value), i = (a) => t(v.UPDATE, a), s = Jt(o, l), r = b(() => ({
+    const n = J(e, "options"), { listboxItems: l, variant: s } = Ct(n.value), i = (a) => t(v.UPDATE, a), o = zt(s, l), r = b(() => ({
       ...e.options,
-      listboxItems: s.value
+      listboxItems: o.value
     }));
-    return Bt("skipBentoCountryDeprecateMessage", !0), (!o || o.value === "custom") && Et(
+    return $t("skipBentoCountryDeprecateMessage", !0), (!s || s.value === "custom") && Tt(
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
       "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
       "2.0.0"
@@ -1194,17 +1197,17 @@ const ft = /* @__PURE__ */ L(Fl, [["render", hl]]), Cl = q({
     };
   }
 });
-function gl(e, t, n, l, o, i) {
-  const s = y("bento-country"), r = y("bento-select-filter");
-  return p(), B(r, ne(e.$props, {
+function Sl(e, t, n, l, s, i) {
+  const o = y("bento-country"), r = y("bento-select-filter");
+  return p(), A(r, oe(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
     onUpdate: e.onUpdate,
     onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
   }), {
-    default: _(({ value: a, label: f }) => [
-      S(s, {
+    default: m(({ value: a, label: f }) => [
+      C(o, {
         code: a,
         label: f,
         variant: "custom"
@@ -1213,14 +1216,14 @@ function gl(e, t, n, l, o, i) {
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const pt = /* @__PURE__ */ L(Cl, [["render", gl]]), Sl = q({
+const ft = /* @__PURE__ */ M(gl, [["render", Sl]]), Cl = j({
   name: "bento-select-payment-method-filter",
   components: {
-    BentoSelectFilter: Q,
-    BentoPaymentMethod: Gt
+    BentoSelectFilter: X,
+    BentoPaymentMethod: Jt
   },
   props: {
-    ...Q.props,
+    ...X.props,
     /**
      * List of options that are needed to setup the payment method filter
      * Available options:
@@ -1242,16 +1245,16 @@ const pt = /* @__PURE__ */ L(Cl, [["render", gl]]), Sl = q({
     };
   }
 });
-function $l(e, t, n, l, o, i) {
-  const s = y("bento-payment-method"), r = y("bento-select-filter");
-  return p(), B(r, ne(e.$props, {
+function $l(e, t, n, l, s, i) {
+  const o = y("bento-payment-method"), r = y("bento-select-filter");
+  return p(), A(r, oe(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
     onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
   }), {
-    default: _(({ value: a, label: f }) => [
-      S(s, {
+    default: m(({ value: a, label: f }) => [
+      C(o, {
         type: a,
         label: f
       }, null, 8, ["type", "label"])
@@ -1259,14 +1262,14 @@ function $l(e, t, n, l, o, i) {
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const vt = /* @__PURE__ */ L(Sl, [["render", $l]]), Bl = q({
+const pt = /* @__PURE__ */ M(Cl, [["render", $l]]), Al = j({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: Q,
-    ListboxOptionTag: rt
+    BentoSelectFilter: X,
+    ListboxOptionTag: it
   },
   props: {
-    ...Q.props,
+    ...X.props,
     /**
      * List of options that are needed to setup the tag filter
      * Available options:
@@ -1282,8 +1285,8 @@ const vt = /* @__PURE__ */ L(Sl, [["render", $l]]), Bl = q({
   setup(e, { emit: t }) {
     const n = (i) => t(v.UPDATE, i), l = b(
       () => {
-        var i, s;
-        return (s = (i = e == null ? void 0 : e.options) == null ? void 0 : i.listboxItems) == null ? void 0 : s.map(({ label: r, value: a, variant: f }) => ({ label: r, value: a, data: f }));
+        var i, o;
+        return (o = (i = e == null ? void 0 : e.options) == null ? void 0 : i.listboxItems) == null ? void 0 : o.map(({ label: r, value: a, variant: f }) => ({ label: r, value: a, data: f }));
       }
     );
     return {
@@ -1299,32 +1302,32 @@ const vt = /* @__PURE__ */ L(Sl, [["render", $l]]), Bl = q({
     };
   }
 });
-function Al(e, t, n, l, o, i) {
-  const s = y("listbox-option-tag"), r = y("bento-select-filter");
-  return p(), B(r, ne(e.$props, {
+function Bl(e, t, n, l, s, i) {
+  const o = y("listbox-option-tag"), r = y("bento-select-filter");
+  return p(), A(r, oe(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
     onUpdate: e.onUpdate,
     onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
   }), {
-    default: _(({ label: a, data: f }) => [
-      S(s, {
+    default: m(({ label: a, data: f }) => [
+      C(o, {
         option: { value: a, data: f, label: "" }
       }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const yt = /* @__PURE__ */ L(Bl, [["render", Al]]), Ye = {
+const vt = /* @__PURE__ */ M(Al, [["render", Bl]]), Ke = {
   "en-US": {
     yes: "Yes",
     no: "No"
   }
-}, Dl = q({
+}, Dl = j({
   name: "bento-boolean-filter",
-  i18n: { messages: Ye },
-  components: { BentoBaseFilter: ye, BentoRadioGroup: Ut },
+  i18n: { messages: Ke },
+  components: { BentoBaseFilter: ye, BentoRadioGroup: Et },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1347,35 +1350,44 @@ const yt = /* @__PURE__ */ L(Bl, [["render", Al]]), Ye = {
      * 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:
+     *   - listboxItems: The option elements to populate the filter with.
+     */
+    options: {
+      type: Object,
+      default: void 0
+    }
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const { t: n } = re({ messages: Ye }), l = b(() => [
+    const { t: n } = ue({ messages: Ke }), l = b(() => e.options && e.options.positiveOption && e.options.negativeOption ? [e.options.positiveOption, e.options.negativeOption] : [
       { value: "yes", label: n("yes") },
       { value: "no", label: n("no") }
-    ]), { internalFilterValue: o, isSecondaryButtonDisabled: i, isApplyButtonDisabled: s } = me(
-      z(e, "value"),
-      z(e, "defaultValue")
+    ]), { internalFilterValue: s, isSecondaryButtonDisabled: i, isApplyButtonDisabled: o } = me(
+      J(e, "value"),
+      J(e, "defaultValue")
     ), r = b(
-      () => e.defaultValue === null ? e.label : oe(l.value.find(({ value: D }) => D === e.value).label, 18)
+      () => e.defaultValue === null ? e.label : se(l.value.find(({ value: I }) => I === e.value).label, 18)
     ), a = b(
       () => {
-        var D;
-        return e.defaultValue === null ? oe((D = l.value.find(({ value: $ }) => $ === e.value)) == null ? void 0 : D.label, 12) : null;
+        var I;
+        return e.defaultValue === null ? se((I = l.value.find(({ value: $ }) => $ === e.value)) == null ? void 0 : I.label, 12) : null;
       }
     ), f = b(() => ({
       ["b-boolean-filter--only-slot"]: e.onlySlot
     }));
     De(() => {
-      o.value || (o.value = null);
+      s.value || (s.value = null);
     });
-    const u = (D) => {
-      o.value = D, t(v.INPUT, { ...e, value: o.value });
-    }, g = () => {
-      o.value = e.value;
+    const u = (I) => {
+      s.value = I, t(v.INPUT, { ...e, value: s.value });
+    }, S = () => {
+      s.value = e.value;
     }, F = () => {
-      t(v.UPDATE, { ...e, value: o.value });
+      t(v.UPDATE, { ...e, value: s.value });
     };
     return {
       // Values
@@ -1383,23 +1395,23 @@ const yt = /* @__PURE__ */ L(Bl, [["render", Al]]), Ye = {
       conditionalClasses: f,
       buttonLabel: r,
       buttonSecondaryLabel: a,
-      internalFilterValue: o,
-      isApplyButtonDisabled: s,
+      internalFilterValue: s,
+      isApplyButtonDisabled: o,
       isSecondaryButtonDisabled: i,
       // Events
       onInput: u,
       updateFilter: F,
       clearFilter: () => {
-        o.value = null, F();
+        s.value = null, F();
       },
-      openFilter: g,
+      openFilter: S,
       resetFilter: () => t(v.UPDATE, { ...e, value: e.defaultValue })
     };
   }
 });
-function Il(e, t, n, l, o, i) {
-  const s = y("bento-radio-group"), r = y("bento-base-filter");
-  return p(), B(r, ne(e.$props, {
+function Il(e, t, n, l, s, i) {
+  const o = y("bento-radio-group"), r = y("bento-base-filter");
+  return p(), A(r, oe(e.$props, {
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
     "disable-apply-button": e.isApplyButtonDisabled,
@@ -1410,12 +1422,12 @@ function Il(e, t, n, l, o, i) {
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }), {
-    default: _(() => [
-      R("div", {
+    default: m(() => [
+      L("div", {
         class: ve(["b-boolean-filter", e.conditionalClasses]),
         onKeydown: t[0] || (t[0] = be((...a) => e.updateFilter && e.updateFilter(...a), ["enter"]))
       }, [
-        S(s, {
+        C(o, {
           items: e.items,
           label: e.label,
           "model-value": e.internalFilterValue,
@@ -1427,15 +1439,15 @@ function Il(e, t, n, l, o, i) {
     _: 1
   }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const mt = /* @__PURE__ */ L(Dl, [["render", Il], ["__scopeId", "data-v-3478b97b"]]), Tl = {
+const yt = /* @__PURE__ */ M(Dl, [["render", Il], ["__scopeId", "data-v-8510b360"]]), Tl = {
   "en-US": {
     from: "From",
     to: "To"
   }
-}, El = q({
+}, El = j({
   name: "bento-range-filter",
   i18n: { messages: Tl },
-  components: { BentoBaseFilter: ye, BentoInputField: nt },
+  components: { BentoBaseFilter: ye, BentoInputField: lt },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1462,30 +1474,30 @@ const mt = /* @__PURE__ */ L(Dl, [["render", Il], ["__scopeId", "data-v-3478b97b
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const n = H(null), { internalFilterValue: l, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = me(
-      z(e, "value"),
-      z(e, "defaultValue")
-    ), s = b(
+    const n = K(null), { internalFilterValue: l, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = me(
+      J(e, "value"),
+      J(e, "defaultValue")
+    ), o = b(
       () => {
-        var P, M;
-        return (P = e.value) != null && P[0] && ((M = e.value) != null && M[1]) ? `${oe(e.value[0], 5)} - ${oe(e.value[1], 5)}` : null;
+        var U, H;
+        return (U = e.value) != null && U[0] && ((H = e.value) != null && H[1]) ? `${se(e.value[0], 5)} - ${se(e.value[1], 5)}` : null;
       }
     ), r = b(
-      () => e.defaultValue === null ? e.label : s.value
+      () => e.defaultValue === null ? e.label : o.value
     ), a = b(
-      () => e.defaultValue === null ? s.value : null
+      () => e.defaultValue === null ? o.value : null
     ), f = b(() => ({
       ["b-range-filter--only-slot"]: e.onlySlot
     })), u = () => {
       l.value = e.value, At(() => n.value.focusInput());
-    }, g = () => {
+    }, S = () => {
       t(v.INPUT, { ...e, value: l.value });
-    }, F = (P) => {
-      l.value = [P, l.value[1]], g();
-    }, d = (P) => {
-      l.value = [l.value[0], P], g();
-    }, A = () => {
-      l.value.some((P) => P) || (l.value = e.defaultValue !== null ? e.defaultValue : void 0), t(v.UPDATE, {
+    }, F = (U) => {
+      l.value = [U, l.value[1]], S();
+    }, d = (U) => {
+      l.value = [l.value[0], U], S();
+    }, D = () => {
+      l.value.some((U) => U) || (l.value = e.defaultValue !== null ? e.defaultValue : void 0), t(v.UPDATE, {
         ...e,
         value: l.value
       });
@@ -1496,24 +1508,24 @@ const mt = /* @__PURE__ */ L(Dl, [["render", Il], ["__scopeId", "data-v-3478b97b
       conditionalClasses: f,
       internalFilterValue: l,
       isApplyButtonDisabled: i,
-      isSecondaryButtonDisabled: o,
+      isSecondaryButtonDisabled: s,
       buttonLabel: r,
       buttonSecondaryLabel: a,
       // Events
       updateFrom: F,
       updateTo: d,
-      updateFilter: A,
+      updateFilter: D,
       clearFilter: () => {
-        l.value = ["", ""], A();
+        l.value = ["", ""], D();
       },
       openFilter: u,
       resetFilter: () => t(v.UPDATE, { ...e, value: e.defaultValue })
     };
   }
 });
-function Ul(e, t, n, l, o, i) {
-  const s = y("bento-input-field"), r = y("bento-base-filter");
-  return p(), B(r, ne(e.$props, {
+function Ul(e, t, n, l, s, i) {
+  const o = y("bento-input-field"), r = y("bento-base-filter");
+  return p(), A(r, oe(e.$props, {
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
     "button-label": e.buttonLabel,
@@ -1524,31 +1536,31 @@ function Ul(e, t, n, l, o, i) {
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }), {
-    default: _(() => [
-      R("div", {
+    default: m(() => [
+      L("div", {
         class: ve(["b-range-filter", e.conditionalClasses]),
         onKeydown: t[0] || (t[0] = be((...a) => e.updateFilter && e.updateFilter(...a), ["enter"]))
       }, [
-        S(s, {
+        C(o, {
           ref: "inputTextRef",
           value: e.internalFilterValue ? e.internalFilterValue[0] : "",
           type: "number",
           "aria-label": e.$t("from").toString(),
           onInput: e.updateFrom
         }, {
-          default: _(() => [
+          default: m(() => [
             w(V(e.$t("from")), 1)
           ]),
           _: 1
         }, 8, ["value", "aria-label", "onInput"]),
-        S(s, {
+        C(o, {
           class: "b-range-filter__input-field",
           value: e.internalFilterValue ? e.internalFilterValue[1] : "",
           type: "number",
           "aria-label": e.$t("to").toString(),
           onInput: e.updateTo
         }, {
-          default: _(() => [
+          default: m(() => [
             w(V(e.$t("to")), 1)
           ]),
           _: 1
@@ -1558,11 +1570,11 @@ function Ul(e, t, n, l, o, i) {
     _: 1
   }, 16, ["disable-apply-button", "disable-secondary-button", "button-label", "button-secondary-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const _t = /* @__PURE__ */ L(El, [["render", Ul], ["__scopeId", "data-v-a4d1d149"]]);
-var Ae = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(Ae || {});
-const Pl = q({
+const mt = /* @__PURE__ */ M(El, [["render", Ul], ["__scopeId", "data-v-a4d1d149"]]);
+var Be = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(Be || {});
+const Pl = j({
   name: "base-filter-button",
-  components: { BaseButton: Xe, BentoTypography: ce, ChevronUpIcon: tt, ChevronDownIcon: lt },
+  components: { BaseButton: Qe, BentoTypography: ce, ChevronUpIcon: et, ChevronDownIcon: tt },
   props: {
     /**
      * The number of applies values within the filter.
@@ -1587,9 +1599,9 @@ const Pl = q({
      */
     bold: { type: Boolean, default: !1 }
   },
-  emits: [Oe.CLICK],
+  emits: [Ve.CLICK],
   setup(e, { slots: t, emit: n, attrs: l }) {
-    const o = b(() => t.default ? xe(t)("default") : null), i = Qe({ ariaLabel: o }), s = H(null), r = b(() => {
+    const s = b(() => t.default ? Xe(t)("default") : null), i = Ze({ ariaLabel: s }), o = K(null), r = b(() => {
       var u;
       return {
         "aria-controls": (u = l["aria-controls"]) == null ? void 0 : u.toString()
@@ -1605,21 +1617,21 @@ const Pl = q({
       conditionalClasses: a,
       // Methods
       onClickButton: () => {
-        e.disabled || n(Oe.CLICK);
+        e.disabled || n(Ve.CLICK);
       },
-      hasSlot: et(t),
+      hasSlot: xe(t),
       // Refs
-      baseFilterButtonRef: s
+      baseFilterButtonRef: o
     };
   }
 });
-const kl = { class: "b-base-filter-button__default-container" }, Vl = { class: "b-base-filter-button__label-container" }, Rl = {
+const kl = { class: "b-base-filter-button__default-container" }, Rl = { class: "b-base-filter-button__label-container" }, Vl = {
   key: 0,
   class: "b-base-filter-button__counter-wrapper"
 };
-function Ll(e, t, n, l, o, i) {
-  const s = y("bento-typography"), r = y("chevron-up-icon"), a = y("chevron-down-icon"), f = y("base-button");
-  return p(), B(f, {
+function Ll(e, t, n, l, s, i) {
+  const o = y("bento-typography"), r = y("chevron-up-icon"), a = y("chevron-down-icon"), f = y("base-button");
+  return p(), A(f, {
     ref: "baseFilterButtonRef",
     class: ve(["b-base-filter-button", e.conditionalClasses]),
     disabled: e.disabled,
@@ -1628,45 +1640,45 @@ function Ll(e, t, n, l, o, i) {
     type: "button",
     onClick: e.onClickButton
   }, $e({
-    default: _(() => [
-      R("div", kl, [
-        R("div", Vl, [
-          S(s, {
+    default: m(() => [
+      L("div", kl, [
+        L("div", Rl, [
+          C(o, {
             el: "span",
             variant: "body",
             stronger: e.bold,
             class: "b-base-filter-button__label"
           }, {
-            default: _(() => [
-              ie(e.$slots, "default", {}, void 0, !0)
+            default: m(() => [
+              re(e.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["stronger"])
         ]),
-        e.amountAppliedValues && !e.hasChevron ? (p(), k("div", Rl, [
-          S(s, {
+        e.amountAppliedValues && !e.hasChevron ? (p(), k("div", Vl, [
+          C(o, {
             class: "b-base-filter-button__counter",
             el: "span",
             variant: "body",
             stronger: ""
           }, {
-            default: _(() => [
+            default: m(() => [
               w(V(e.amountAppliedValues), 1)
             ]),
             _: 1
           })
-        ])) : K("", !0)
+        ])) : z("", !0)
       ])
     ]),
     _: 2
   }, [
     e.hasChevron ? {
       name: "iconRight",
-      fn: _(() => [
-        e.isFilterOpen ? (p(), B(r, {
+      fn: m(() => [
+        e.isFilterOpen ? (p(), A(r, {
           key: 0,
           "aria-hidden": "true"
-        })) : (p(), B(a, {
+        })) : (p(), A(a, {
           key: 1,
           "aria-hidden": "true"
         }))
@@ -1675,7 +1687,7 @@ function Ll(e, t, n, l, o, i) {
     } : void 0
   ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
 }
-const Ol = /* @__PURE__ */ L(Pl, [["render", Ll], ["__scopeId", "data-v-af9efc73"]]), Nl = q({
+const Ol = /* @__PURE__ */ M(Pl, [["render", Ll], ["__scopeId", "data-v-af9efc73"]]), Nl = j({
   name: "all-filters-modal-button",
   components: { BaseFilterButton: Ol },
   props: {
@@ -1709,51 +1721,51 @@ const Ol = /* @__PURE__ */ L(Pl, [["render", Ll], ["__scopeId", "data-v-af9efc73
     };
   }
 });
-function wl(e, t, n, l, o, i) {
-  const s = y("base-filter-button");
-  return p(), B(s, {
+function wl(e, t, n, l, s, i) {
+  const o = y("base-filter-button");
+  return p(), A(o, {
     class: ve(["b-all-filters-modal-button", e.conditionalClasses]),
     "amount-applied-values": e.appliedFiltersCount,
     "is-filter-open": e.isFilterOpen,
     disabled: e.disabled,
     onClick: e.onClick
   }, {
-    default: _(() => [
+    default: m(() => [
       w(V(e.label), 1)
     ]),
     _: 1
   }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
 }
-const Ml = /* @__PURE__ */ L(Nl, [["render", wl], ["__scopeId", "data-v-b96a672f"]]);
-let ze = 0;
+const Ml = /* @__PURE__ */ M(Nl, [["render", wl], ["__scopeId", "data-v-b96a672f"]]);
+let je = 0;
 const Hl = {
   beforeCreate() {
-    this.uuid = ze.toString(), ze += 1;
+    this.uuid = je.toString(), je += 1;
   }
-}, Ft = (e) => (Ie("data-v-6a35173c"), e = e(), Te(), e), ql = { key: 0 }, Kl = /* @__PURE__ */ Ft(() => /* @__PURE__ */ R("path", {
+}, _t = (e) => (Ge("data-v-6a35173c"), e = e(), We(), e), ql = { key: 0 }, Kl = /* @__PURE__ */ _t(() => /* @__PURE__ */ L("path", {
   fill: "#00112C",
   "fill-rule": "evenodd",
   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.58337H2C1.58579 4.58337 1.25 4.91916 1.25 5.33337C1.25 5.74759 1.58579 6.08337 2 6.08337H7.35352C7.67998 7.23763 8.74122 8.08337 10 8.08337C11.2588 8.08337 12.32 7.23763 12.6465 6.08337H14C14.4142 6.08337 14.75 5.74759 14.75 5.33337C14.75 4.91916 14.4142 4.58337 14 4.58337H12.6465ZM11.25 5.33337C11.25 4.64302 10.6904 4.08337 10 4.08337C9.30964 4.08337 8.75 4.64302 8.75 5.33337C8.75 6.02373 9.30964 6.58337 10 6.58337C10.6904 6.58337 11.25 6.02373 11.25 5.33337Z",
   "clip-rule": "evenodd"
-}, null, -1)), jl = /* @__PURE__ */ Ft(() => /* @__PURE__ */ R("path", {
+}, null, -1)), jl = /* @__PURE__ */ _t(() => /* @__PURE__ */ L("path", {
   fill: "#00112C",
   "fill-rule": "evenodd",
   d: "M4 7.91675C5.25878 7.91675 6.32002 8.7625 6.64648 9.91675H14C14.4142 9.91675 14.75 10.2525 14.75 10.6667C14.75 11.081 14.4142 11.4167 14 11.4167H6.64648C6.32002 12.571 5.25878 13.4167 4 13.4167C2.48122 13.4167 1.25 12.1855 1.25 10.6667C1.25 9.14796 2.48122 7.91675 4 7.91675ZM5.25 10.6667C5.25 9.97639 4.69036 9.41675 4 9.41675C3.30964 9.41675 2.75 9.97639 2.75 10.6667C2.75 11.3571 3.30964 11.9167 4 11.9167C4.69036 11.9167 5.25 11.3571 5.25 10.6667Z",
   "clip-rule": "evenodd"
 }, null, -1));
-function Yl(e, t, n, l, o, i) {
-  return p(), k("svg", ne({ role: "img" }, e.$attrs, {
+function Yl(e, t, n, l, s, i) {
+  return p(), k("svg", oe({ role: "img" }, e.$attrs, {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (p(), k("title", ql, V(e.$attrs["svg-title"]), 1)) : K("", !0),
+    e.$attrs["svg-title"] ? (p(), k("title", ql, V(e.$attrs["svg-title"]), 1)) : z("", !0),
     Kl,
     jl
   ], 16);
 }
-const zl = /* @__PURE__ */ L(Hl, [["render", Yl], ["__scopeId", "data-v-6a35173c"]]), Je = {
+const zl = /* @__PURE__ */ M(Hl, [["render", Yl], ["__scopeId", "data-v-6a35173c"]]), Ye = {
   "en-US": {
     all: "All",
     activeFilters: "Active filters",
@@ -1766,27 +1778,27 @@ const zl = /* @__PURE__ */ L(Hl, [["render", Yl], ["__scopeId", "data-v-6a35173c
     otherFilters: "Other filters",
     searchBar: "Search bar"
   }
-}, Jl = q({
-  i18n: { messages: Je },
+}, Jl = j({
+  i18n: { messages: Ye },
   name: "all-filters-modal",
   components: {
     AllFiltersModalButton: Ml,
-    BentoBooleanFilter: mt,
+    BentoBooleanFilter: yt,
     BentoButton: Rt,
-    BentoDateFilter: dt,
-    BentoDateRangeFilter: ct,
-    BentoInputFilter: ut,
-    BentoModal: kt,
-    BentoRangeFilter: _t,
+    BentoDateFilter: ut,
+    BentoDateRangeFilter: dt,
+    BentoInputFilter: rt,
+    BentoModal: Pt,
+    BentoRangeFilter: mt,
     BentoSearchBar: he,
-    BentoSelectAvatarFilter: bt,
-    BentoSelectCurrencyFilter: ft,
-    BentoSelectCountryFilter: pt,
-    BentoSelectFilter: Q,
-    BentoSelectPaymentMethodFilter: vt,
-    BentoSelectTagFilter: yt,
+    BentoSelectAvatarFilter: ct,
+    BentoSelectCurrencyFilter: bt,
+    BentoSelectCountryFilter: ft,
+    BentoSelectFilter: X,
+    BentoSelectPaymentMethodFilter: pt,
+    BentoSelectTagFilter: vt,
     BentoTypography: ce,
-    FilterBarButton: Ue,
+    FilterBarButton: Te,
     SlidersIcon: zl
   },
   props: {
@@ -1815,11 +1827,11 @@ const zl = /* @__PURE__ */ L(Hl, [["render", Yl], ["__scopeId", "data-v-6a35173c
       default: () => []
     }
   },
-  emits: [Ae.INPUT],
+  emits: [Be.INPUT],
   setup(e, { emit: t }) {
-    const n = We({ value: e.value }), l = Ee("all-filters-modal"), o = H([]), i = H(!1), s = H(0), r = H(null), a = H(""), { t: f } = re({ messages: Je }), u = at(a, z(n, "value")), g = H({});
+    const n = Je({ value: e.value }), l = Ie("all-filters-modal"), s = K([]), i = K(!1), o = K(0), r = K(null), a = K(""), { t: f } = ue({ messages: Ye }), u = nt(a, J(n, "value")), S = K({});
     De(() => {
-      g.value = [];
+      S.value = [];
     }), Fe(
       () => e.value,
       () => {
@@ -1838,7 +1850,7 @@ const zl = /* @__PURE__ */ L(Hl, [["render", Yl], ["__scopeId", "data-v-6a35173c
           }
         )
       )
-    ), A = b(
+    ), D = b(
       () => F(
         u.value.filter(
           (c) => {
@@ -1847,28 +1859,28 @@ const zl = /* @__PURE__ */ L(Hl, [["render", Yl], ["__scopeId", "data-v-6a35173c
           }
         )
       )
-    ), D = b(() => {
+    ), I = b(() => {
       var c;
       return a.value && ((c = u.value) == null ? void 0 : c.length) === 0;
-    }), $ = b(() => n.value[s.value]), P = () => {
-      const c = d.value.length ? d.value[0] : A.value[0], T = n.value.findIndex(
+    }), $ = b(() => n.value[o.value]), U = () => {
+      const c = d.value.length ? d.value[0] : D.value[0], T = n.value.findIndex(
         (E) => E.label === c.label && E.field === c.field
       );
-      s.value = T;
+      o.value = T;
     };
-    Dt(() => {
-      P();
+    Bt(() => {
+      U();
     });
-    const M = b(
+    const H = b(
       () => n.value.map((c) => {
-        var T, E, Y, te, x, Pe;
+        var T, E, Y, le, ee, Ee;
         switch (c.type) {
-          case W.SELECT:
-          case W.SELECT_AVATAR:
-          case W.SELECT_COUNTRY:
-          case W.SELECT_CURRENCY:
-          case W.SELECT_PAYMENT_METHOD:
-          case W.SELECT_TAG:
+          case Q.SELECT:
+          case Q.SELECT_AVATAR:
+          case Q.SELECT_COUNTRY:
+          case Q.SELECT_CURRENCY:
+          case Q.SELECT_PAYMENT_METHOD:
+          case Q.SELECT_TAG:
             switch ((T = c.options) == null ? void 0 : T.multiple) {
               case !0:
                 return {
@@ -1883,21 +1895,21 @@ const zl = /* @__PURE__ */ L(Hl, [["render", Yl], ["__scopeId", "data-v-6a35173c
                   count: c.value == null ? null : 1
                 };
             }
-          case W.DATE_RANGE:
+          case Q.DATE_RANGE:
             return {
               label: c.label,
               field: c.field,
-              count: ((te = c.value) == null ? void 0 : te.startDate) != null && ((x = c.value) == null ? void 0 : x.endDate) != null ? 1 : null
+              count: ((le = c.value) == null ? void 0 : le.startDate) != null && ((ee = c.value) == null ? void 0 : ee.endDate) != null ? 1 : null
             };
-          case W.RANGE:
+          case Q.RANGE:
             return {
               label: c.label,
               field: c.field,
-              count: (Pe = c.value) != null && Pe.find((ht) => ht !== "") ? 1 : null
+              count: (Ee = c.value) != null && Ee.find((Ft) => Ft !== "") ? 1 : null
             };
-          case W.INPUT:
-          case W.BOOLEAN:
-          case W.DATE:
+          case Q.INPUT:
+          case Q.BOOLEAN:
+          case Q.DATE:
           default:
             return {
               label: c.label,
@@ -1906,35 +1918,35 @@ const zl = /* @__PURE__ */ L(Hl, [["render", Yl], ["__scopeId", "data-v-6a35173c
             };
         }
       })
-    ), C = b(
+    ), g = b(
       () => {
         var c;
-        return Array.isArray($.value.value) ? ((c = $.value) == null ? void 0 : c.value.length) && $.value.value.find((T) => T !== "") : !!n.value[s.value].value;
+        return Array.isArray($.value.value) ? ((c = $.value) == null ? void 0 : c.value.length) && $.value.value.find((T) => T !== "") : !!n.value[o.value].value;
       }
-    ), m = b(
+    ), _ = b(
       () => {
         var c;
         return (
           // eslint-disable-next-line no-return-assign, no-param-reassign
-          (c = M.value) == null ? void 0 : c.reduce((T, E) => T += E.count, 0)
+          (c = H.value) == null ? void 0 : c.reduce((T, E) => T += E.count, 0)
         );
       }
-    ), I = () => {
+    ), B = () => {
       i.value ? i.value = !1 : i.value = !0;
-    }, U = (c) => {
-      var E, Y, te;
-      const T = M.value.find((x) => x.field === c.field).count;
-      return c.type.includes("BentoSelect") && ((E = c.options) != null && E.multiple) && T === ((te = (Y = c.options) == null ? void 0 : Y.listboxItems) == null ? void 0 : te.length) ? f("all") : T;
-    }, j = (c, T) => {
-      s.value = n.value.findIndex(
+    }, R = (c) => {
+      var E, Y, le;
+      const T = H.value.find((ee) => ee.field === c.field).count;
+      return c.type.includes("BentoSelect") && ((E = c.options) != null && E.multiple) && T === ((le = (Y = c.options) == null ? void 0 : Y.listboxItems) == null ? void 0 : le.length) ? f("all") : T;
+    }, G = (c, T) => {
+      o.value = n.value.findIndex(
         (E) => E.label === c && E.field === T
       );
-    }, ue = () => {
+    }, q = () => {
       a.value = "";
-    }, J = () => {
-      i.value = !1, n.value = e.value, ue(), P();
+    }, P = () => {
+      i.value = !1, n.value = e.value, q(), U();
     }, O = (c) => {
-      const T = n.value.map(({ value: E, ...Y }, te) => te === s.value ? { value: c.value, ...Y } : { value: E, ...Y });
+      const T = n.value.map(({ value: E, ...Y }, le) => le === o.value ? { value: c.value, ...Y } : { value: E, ...Y });
       n.value = T;
     }, N = () => {
       O({
@@ -1948,89 +1960,89 @@ const zl = /* @__PURE__ */ L(Hl, [["render", Yl], ["__scopeId", "data-v-6a35173c
         ...T,
         value: void 0
       }));
-    }, G = () => {
-      t(Ae.INPUT, n.value), i.value = !1;
+    }, W = () => {
+      t(Be.INPUT, n.value), i.value = !1;
     }, h = b(
       () => JSON.stringify(n.value) === JSON.stringify(e.value)
-    ), X = b(() => [
+    ), x = b(() => [
       {
         title: f("applyAll"),
         disabled: h.value,
-        event: G
+        event: W
       },
       {
         title: f("cancel"),
-        event: J
+        event: P
       },
       {
         title: f("clearAll"),
-        disabled: !m.value,
+        disabled: !_.value,
         event: Z
       }
     ]);
     return {
       // Enums
-      BentoModalEvent: Vt,
+      BentoModalEvent: kt,
       // Values
       allFiltersModalUniqueId: l,
-      allFiltersModalFiltersSection: o,
-      allFiltersModalFilterButtons: g,
-      numberOfActiveFilters: m,
-      isEmptyResultForSearchFilter: D,
+      allFiltersModalFiltersSection: s,
+      allFiltersModalFilterButtons: S,
+      numberOfActiveFilters: _,
+      isEmptyResultForSearchFilter: I,
       isModalOpen: i,
-      isClearButtonEnabled: C,
+      isClearButtonEnabled: g,
       activeFilters: d,
-      otherFilters: A,
-      modalActions: X,
+      otherFilters: D,
+      modalActions: x,
       selectedFilter: $,
       selectedFilterRef: r,
       filters: n,
-      computedCounts: M,
+      computedCounts: H,
       searchTerm: a,
       // Methods
-      onClickAllFiltersModal: I,
-      getFilterCount: U,
-      cancel: J,
-      selectFilter: j,
+      onClickAllFiltersModal: B,
+      getFilterCount: R,
+      cancel: P,
+      selectFilter: G,
       clearFilter: N,
       updateFilter: O,
-      onSearchbarClear: ue,
+      onSearchbarClear: q,
       onKeydownRight: () => {
-        Ot(1, r.value.$el).focus();
+        Lt(1, r.value.$el).focus();
       },
       onKeydownLeft: () => {
-        g.value[$.value.label].$el.focus();
+        S.value[$.value.label].$el.focus();
       }
     };
   }
 });
-const Gl = { class: "b-all-filters-modal" }, Zl = {
+const Gl = { class: "b-all-filters-modal" }, Wl = {
   key: 0,
   class: "b-all-filters-modal__empty-search-message"
-}, Wl = {
+}, Zl = {
   key: 1,
   class: "b-all-filters-modal__filters-section"
 }, Ql = ["aria-labelledby"], Xl = {
   key: 2,
   class: "b-all-filters-modal__filters-section"
 }, xl = ["aria-labelledby"], en = { class: "b-all-filters-modal__selected-filter-text" }, tn = { class: "b-all-filters-modal__selected-filter-component" }, ln = { class: "b-all-filters-modal__clear-button" };
-function nn(e, t, n, l, o, i) {
-  const s = y("sliders-icon"), r = y("filter-bar-button"), a = y("bento-search-bar"), f = y("bento-typography"), u = y("all-filters-modal-button"), g = y("bento-button"), F = y("bento-modal");
+function nn(e, t, n, l, s, i) {
+  const o = y("sliders-icon"), r = y("filter-bar-button"), a = y("bento-search-bar"), f = y("bento-typography"), u = y("all-filters-modal-button"), S = y("bento-button"), F = y("bento-modal");
   return p(), k("div", Gl, [
-    S(r, {
+    C(r, {
       "is-filter-open": e.isModalOpen,
       "applied-filters-count": e.numberOfActiveFilters,
       onClick: e.onClickAllFiltersModal
     }, {
-      iconLeft: _(() => [
-        S(s, { "aria-hidden": "true" })
+      iconLeft: m(() => [
+        C(o, { "aria-hidden": "true" })
       ]),
-      default: _(() => [
+      default: m(() => [
         w(V(e.$t("allFilters")) + " ", 1)
       ]),
       _: 1
     }, 8, ["is-filter-open", "applied-filters-count", "onClick"]),
-    S(F, {
+    C(F, {
       class: "'b-all-filters-modal__modal'",
       "is-open": e.isModalOpen,
       "with-column-layout": !0,
@@ -2040,123 +2052,123 @@ function nn(e, t, n, l, o, i) {
       "hide-close-button": "",
       onCloseModal: e.cancel
     }, {
-      default: _(() => [
+      default: m(() => [
         w(V(e.$t("allFilters")), 1)
       ]),
-      "content-col-1": _(() => [
-        R("div", {
+      "content-col-1": m(() => [
+        L("div", {
           ref: "allFiltersModalFiltersSection",
           class: "b-all-filters-modal__filters",
           onKeydown: t[1] || (t[1] = be((...d) => e.onKeydownRight && e.onKeydownRight(...d), ["right"]))
         }, [
-          S(a, {
+          C(a, {
             class: "b-all-filters-modal__search-bar",
             value: e.searchTerm,
             "input-field-aria-label": e.$t("searchBar").toString(),
             onInput: t[0] || (t[0] = (d) => e.searchTerm = d),
             onClear: e.onSearchbarClear
           }, null, 8, ["value", "input-field-aria-label", "onClear"]),
-          e.isEmptyResultForSearchFilter ? (p(), k("div", Zl, [
-            S(f, { el: "span" }, {
-              default: _(() => [
+          e.isEmptyResultForSearchFilter ? (p(), k("div", Wl, [
+            C(f, { el: "span" }, {
+              default: m(() => [
                 w(V(e.$t("noFiltersMatchThisSearch")), 1)
               ]),
               _: 1
             })
-          ])) : K("", !0),
-          e.activeFilters.length ? (p(), k("div", Wl, [
-            S(f, {
+          ])) : z("", !0),
+          e.activeFilters.length ? (p(), k("div", Zl, [
+            C(f, {
               id: `active-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
               el: "span",
               variant: "caption"
             }, {
-              default: _(() => [
+              default: m(() => [
                 w(V(e.$t("activeFilters")), 1)
               ]),
               _: 1
             }, 8, ["id"]),
-            R("ul", {
+            L("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}`
             }, [
               (p(!0), k(fe, null, pe(e.activeFilters, (d) => (p(), k("li", {
                 key: `${d.label}-${d.field}`
               }, [
-                S(u, {
+                C(u, {
                   ref_for: !0,
-                  ref: (A) => e.allFiltersModalFilterButtons[d.label] = A,
+                  ref: (D) => e.allFiltersModalFilterButtons[d.label] = D,
                   label: d.label,
                   "applied-filters-count": e.getFilterCount(d),
                   "is-filter-open": e.selectedFilter.label === d.label,
-                  onClick: (A) => e.selectFilter(d.label, d.field)
+                  onClick: (D) => e.selectFilter(d.label, d.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
             ], 8, Ql)
-          ])) : K("", !0),
+          ])) : z("", !0),
           e.otherFilters.length ? (p(), k("div", Xl, [
-            e.activeFilters.length ? (p(), B(f, {
+            e.activeFilters.length ? (p(), A(f, {
               key: 0,
               id: `other-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
               el: "span",
               variant: "caption"
             }, {
-              default: _(() => [
+              default: m(() => [
                 w(V(e.$t("otherFilters")), 1)
               ]),
               _: 1
-            }, 8, ["id"])) : K("", !0),
-            R("ul", {
+            }, 8, ["id"])) : z("", !0),
+            L("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}`
             }, [
               (p(!0), k(fe, null, pe(e.otherFilters, (d) => (p(), k("li", {
                 key: `${d.label}-${d.field}`
               }, [
-                S(u, {
+                C(u, {
                   ref_for: !0,
-                  ref: (A) => e.allFiltersModalFilterButtons[d.label] = A,
+                  ref: (D) => e.allFiltersModalFilterButtons[d.label] = D,
                   label: d.label,
                   "applied-filters-count": e.getFilterCount(d),
                   "is-filter-open": e.selectedFilter.label === d.label,
-                  onClick: (A) => e.selectFilter(d.label, d.field)
+                  onClick: (D) => e.selectFilter(d.label, d.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
             ], 8, xl)
-          ])) : K("", !0)
+          ])) : z("", !0)
         ], 544)
       ]),
-      "content-col-2": _(() => [
-        R("div", {
+      "content-col-2": m(() => [
+        L("div", {
           class: "b-all-filters-modal__selected-filter-content",
           onKeydown: t[2] || (t[2] = be((...d) => e.onKeydownLeft && e.onKeydownLeft(...d), ["left"]))
         }, [
-          R("div", en, [
-            S(f, {
+          L("div", en, [
+            C(f, {
               el: "div",
               variant: "title",
               medium: ""
             }, {
-              default: _(() => [
+              default: m(() => [
                 w(V(e.selectedFilter.label), 1)
               ]),
               _: 1
             }),
-            e.selectedFilter.description ? (p(), B(f, {
+            e.selectedFilter.description ? (p(), A(f, {
               key: 0,
               el: "div",
               variant: "body",
               wide: ""
             }, {
-              default: _(() => [
+              default: m(() => [
                 w(V(e.selectedFilter.description), 1)
               ]),
               _: 1
-            })) : K("", !0)
+            })) : z("", !0)
           ]),
-          R("div", tn, [
-            (p(), B(Be(e.selectedFilter.type), {
+          L("div", tn, [
+            (p(), A(Ae(e.selectedFilter.type), {
               ref: "selectedFilterRef",
               key: e.selectedFilter.field,
               field: e.selectedFilter.field,
@@ -2168,13 +2180,13 @@ function nn(e, t, n, l, o, i) {
               onInput: e.updateFilter
             }, null, 40, ["field", "label", "options", "value", "default-value", "onInput"]))
           ]),
-          R("div", ln, [
-            S(g, {
+          L("div", ln, [
+            C(S, {
               variant: "secondary",
               disabled: !e.isClearButtonEnabled,
               onClick: e.clearFilter
             }, {
-              default: _(() => [
+              default: m(() => [
                 w(V(e.$t("clear")), 1)
               ]),
               _: 1
@@ -2186,30 +2198,7 @@ function nn(e, t, n, l, o, i) {
     }, 8, ["is-open", "actions", "onCloseModal"])
   ]);
 }
-const an = /* @__PURE__ */ L(Jl, [["render", nn], ["__scopeId", "data-v-2653c56a"]]);
-let Ge = 0;
-const on = {
-  beforeCreate() {
-    this.uuid = Ge.toString(), Ge += 1;
-  }
-}, sn = (e) => (Ie("data-v-35088f28"), e = e(), Te(), e), rn = { key: 0 }, un = /* @__PURE__ */ sn(() => /* @__PURE__ */ R("path", {
-  fill: "#00112C",
-  "fill-rule": "evenodd",
-  d: "M14 1.25C14.4142 1.25 14.75 1.58579 14.75 2V6C14.75 6.41421 14.4142 6.75 14 6.75H13.6783C13.6661 6.7503 13.6539 6.7503 13.6418 6.75H10C9.58579 6.75 9.25 6.41421 9.25 6C9.25 5.58579 9.58579 5.25 10 5.25H12.4738C12.0646 4.58631 11.51 4.018 10.8465 3.59097C9.86926 2.96199 8.71093 2.67505 7.55308 2.77512C6.39523 2.8752 5.30331 3.35663 4.44847 4.14395C3.59363 4.93128 3.0242 5.97999 2.82942 7.12572C2.82642 7.14333 2.82284 7.16069 2.81868 7.17779C2.75208 7.59699 2.73609 8.02569 2.77328 8.45478C2.88357 9.72739 3.45406 10.9161 4.37787 11.7983C5.30168 12.6805 6.51543 13.1956 7.79177 13.2472C9.06811 13.2988 10.3195 12.8832 11.3114 12.0784C12.3034 11.2736 12.9679 10.1347 13.1805 8.87518C13.2494 8.46674 13.6364 8.19152 14.0448 8.26046C14.4533 8.32939 14.7285 8.71637 14.6595 9.12481C14.3862 10.7443 13.5319 12.2085 12.2565 13.2432C10.9811 14.278 9.37223 14.8123 7.73123 14.746C6.09022 14.6797 4.52968 14.0174 3.34192 12.8831C2.15417 11.7489 1.42069 10.2205 1.27888 8.58429C1.13708 6.94808 1.59668 5.3163 2.57158 3.99462C3.54649 2.67294 4.96983 1.75203 6.57496 1.40441C8.18009 1.05679 9.8569 1.3063 11.2913 2.10621C12.0495 2.52906 12.7125 3.09037 13.25 3.7543V2C13.25 1.58579 13.5858 1.25 14 1.25Z",
-  "clip-rule": "evenodd"
-}, null, -1));
-function dn(e, t, n, l, o, i) {
-  return p(), k("svg", ne({ role: "img" }, e.$attrs, {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    fill: "none"
-  }), [
-    e.$attrs["svg-title"] ? (p(), k("title", rn, V(e.$attrs["svg-title"]), 1)) : K("", !0),
-    un
-  ], 16);
-}
-const cn = /* @__PURE__ */ L(on, [["render", dn], ["__scopeId", "data-v-35088f28"]]), Ze = {
+const an = /* @__PURE__ */ M(Jl, [["render", nn], ["__scopeId", "data-v-2653c56a"]]), ze = {
   "en-US": {
     clearAll: "Clear all",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -2218,27 +2207,47 @@ const cn = /* @__PURE__ */ L(on, [["render", dn], ["__scopeId", "data-v-35088f28
     resetAll: "Reset all",
     searchBar: "Search bar"
   }
-}, bn = q({
-  i18n: { messages: Ze },
+}, on = j({
+  i18n: { messages: ze },
   name: "bento-filter-bar",
   components: {
     AllFiltersModal: an,
-    BentoBooleanFilter: mt,
-    BentoDateFilter: dt,
-    BentoDateRangeFilter: ct,
-    BentoRangeFilter: _t,
-    BentoInputFilter: ut,
-    BentoSelectFilter: Q,
-    BentoSelectAvatarFilter: bt,
-    BentoSelectCountryFilter: pt,
-    BentoSelectCurrencyFilter: ft,
-    BentoSelectPaymentMethodFilter: vt,
-    BentoSelectTagFilter: yt,
+    BentoBooleanFilter: yt,
+    BentoDateFilter: ut,
+    BentoDateRangeFilter: dt,
+    BentoRangeFilter: mt,
+    BentoInputFilter: rt,
+    BentoSelectFilter: X,
+    BentoSelectAvatarFilter: ct,
+    BentoSelectCountryFilter: ft,
+    BentoSelectCurrencyFilter: bt,
+    BentoSelectPaymentMethodFilter: pt,
+    BentoSelectTagFilter: vt,
     BentoSearchBar: he,
-    FilterBarButton: Ue,
-    RefreshIcon: cn
+    FilterBarButton: Te,
+    RefreshIcon: Gt
   },
   props: {
+    /**
+     * Array of filters based on {@see BentoFilterBarModel}.
+     * Each one of the elements in the array correspond to a filter that will
+     * be created and rendered in the FilterBar.
+     *
+     * @example
+     * [{
+     *   field: 'company',
+     *   label: 'Company',
+     *   type: FilterType.TEXT,
+     * }, {
+     *   field: 'name',
+     *   label: 'Name',
+     *   type: FilterType.TEXT,
+     * }]
+     */
+    config: {
+      type: Array,
+      default: () => []
+    },
     /**
      * Search term useful to filter all the data by text.
      * If the value is non-existant (null or undefined) the search bar won't be enabled.
@@ -2247,6 +2256,9 @@ const cn = /* @__PURE__ */ L(on, [["render", dn], ["__scopeId", "data-v-35088f28
       type: he.props.value.type,
       default: void 0
     },
+    /**
+     * @deprecated from version 2.0.0. Use the config property instead.
+     */
     /**
      * Array of filters based on {@see BentoFilterBarModel}.
      * Each one of the elements in the array correspond to a filter that will
@@ -2297,89 +2309,90 @@ const cn = /* @__PURE__ */ L(on, [["render", dn], ["__scopeId", "data-v-35088f28
     de.UPDATE
   ],
   setup(e, { emit: t }) {
-    const { t: n } = re({ messages: Ze }), l = b(
+    const { t: n } = ue({ messages: ze }), l = b(
       () => {
-        var C;
-        return (C = e.value) == null ? void 0 : C.map((m) => {
-          var U;
-          const I = (U = e.filterValues.find(({ field: j }) => j === m.field)) == null ? void 0 : U.value;
-          return { ...m, value: I !== void 0 ? I : m == null ? void 0 : m.value };
+        var g, _;
+        return (_ = ((g = e.config) == null ? void 0 : g.length) > 0 ? e.config : e.value) == null ? void 0 : _.map((B) => {
+          var G;
+          const R = (G = e.filterValues.find(({ field: q }) => q === B.field)) == null ? void 0 : G.value;
+          return { ...B, value: R !== void 0 ? R : B == null ? void 0 : B.value };
         });
       }
-    ), o = Pt(), i = b(() => n("searchBar")), s = b(() => l.value.some(
-      ({ visible: m }) => m != null
-    ) ? l.value.some(({ visible: m }) => !m) : !1), r = b(
-      () => l.value.filter(({ defaultValue: C }) => C !== void 0)
+    ), s = Ut(), i = b(() => n("searchBar")), o = b(() => l.value.some(
+      ({ visible: _ }) => _ != null
+    ) ? l.value.some(({ visible: _ }) => !_) : !1), r = b(
+      () => l.value.filter(({ defaultValue: g }) => g !== void 0)
     ), a = b(() => l.value.some(
-      ({ visible: m }) => m != null
+      ({ visible: _ }) => _ != null
     ) ? l.value.filter(
-      ({ defaultValue: m, visible: I }) => m === void 0 && I
-    ) : l.value.filter(({ defaultValue: m }) => m === void 0)), f = b(() => e.searchTerm != null), u = b(
-      () => l.value.filter(({ defaultValue: C }) => C == null).some(({ value: C }) => C != null)
-    ), g = b(() => r.value.length === 0 && u.value), F = b(() => r.value.length === 0 ? !1 : !l.value.filter(({ defaultValue: m }) => m !== void 0 || m !== null).every(({ value: m, defaultValue: I }) => JSON.stringify(m) === JSON.stringify(I)) || u.value), d = (C) => {
-      t(_e.INPUT, C), t(
+      ({ defaultValue: _, visible: B }) => _ === void 0 && B
+    ) : l.value.filter(({ defaultValue: _ }) => _ === void 0)), f = b(() => e.searchTerm != null), u = b(
+      () => l.value.filter(({ defaultValue: g }) => g == null).some(({ value: g }) => g != null)
+    ), S = b(() => r.value.length === 0 && u.value), F = b(() => r.value.length === 0 ? !1 : !l.value.filter(({ defaultValue: _ }) => _ !== void 0 || _ !== null).every(({ value: _, defaultValue: B }) => JSON.stringify(_) === JSON.stringify(B)) || u.value), d = (g) => {
+      t(_e.INPUT, g), t(
         _e.UPDATE_FILTER_VALUES,
-        C == null ? void 0 : C.filter(({ value: m }) => m !== null || m !== void 0).map(({ field: m, value: I }) => ({ field: m, value: I }))
+        g == null ? void 0 : g.filter(({ value: _ }) => _ !== null || _ !== void 0).map(({ field: _, value: B }) => ({ field: _, value: B }))
       );
     };
     return {
       // Values
-      hasHiddenFilters: s,
-      isClearAllVisible: g,
+      hasHiddenFilters: o,
+      isClearAllVisible: S,
       isSearchBarEnabled: f,
       searchBarAriaLabel: i,
       persistentFilters: r,
       regularFilters: a,
       isResetAllVisible: F,
+      valueAndFilterValuesPropsMerged: l,
       // Events
       updateAllFilters: d,
-      updateFilterHandler: (C) => {
-        const m = l.value.findIndex(
-          (U) => U.field === C.field
-        ), I = l.value.slice();
-        I[m].value = C.value, d(I);
+      updateFilterHandler: (g) => {
+        const _ = l.value.findIndex(
+          (R) => R.field === g.field
+        ), B = l.value.slice();
+        B[_].value = g.value, d(B);
       },
       clearAllFilters: () => {
-        const C = l.value.slice(), m = l.value.map(({ value: I, ...U }) => ({
-          ...U,
+        const g = l.value.slice(), _ = l.value.map(({ value: B, ...R }) => ({
+          ...R,
           value: void 0
         }));
-        o.addToast({
+        s.addToast({
           text: n("filtersHaveBeenCleared"),
           action: {
-            handler: () => d(C),
+            handler: () => d(g),
             text: n("undo")
           }
-        }), d(m);
+        }), d(_);
       },
       onSearchbarClear: () => {
         t(de.CLEAR);
       },
-      onSearchbarInput: (C) => {
-        t(de.INPUT, C), t(de.UPDATE, C);
+      onSearchbarInput: (g) => {
+        t(de.INPUT, g), t(de.UPDATE, g);
       },
       resetAllFilters: () => {
-        const C = l.value.slice(), m = l.value.map(({ defaultValue: I, ...U }) => ({
-          ...U,
-          defaultValue: I,
-          value: I
+        const g = l.value.slice(), _ = l.value.map(({ defaultValue: B, ...R }) => ({
+          ...R,
+          defaultValue: B,
+          value: B
         }));
-        o.addToast({
+        s.addToast({
           text: n("filtersHaveBeenReset"),
           action: {
-            handler: () => d(C),
+            handler: () => d(g),
             text: n("undo")
           }
-        }), d(m);
+        }), d(_);
       }
     };
   }
 });
-const fn = { class: "b-filter-bar" };
-function pn(e, t, n, l, o, i) {
-  const s = y("bento-search-bar"), r = y("all-filters-modal"), a = y("refresh-icon"), f = y("filter-bar-button");
-  return p(), k("div", fn, [
-    e.isSearchBarEnabled ? (p(), B(s, {
+const sn = { class: "b-filter-bar" };
+function rn(e, t, n, l, s, i) {
+  const o = y("bento-search-bar"), r = y("all-filters-modal"), a = y("refresh-icon"), f = y("filter-bar-button");
+  return p(), k("div", sn, [
+    e.isSearchBarEnabled ? (p(), A(o, {
       key: 0,
       class: "b-filter-bar__search-bar",
       "input-field-aria-label": e.searchBarAriaLabel,
@@ -2387,8 +2400,8 @@ function pn(e, t, n, l, o, i) {
       condensed: "",
       onInput: e.onSearchbarInput,
       onClear: e.onSearchbarClear
-    }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : K("", !0),
-    e.persistentFilters.length ? (p(!0), k(fe, { key: 1 }, pe(e.persistentFilters, (u) => (p(), B(Be(u.type), {
+    }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : z("", !0),
+    e.persistentFilters.length ? (p(!0), k(fe, { key: 1 }, pe(e.persistentFilters, (u) => (p(), A(Ae(u.type), {
       key: u.field,
       field: u.field,
       label: u.label,
@@ -2396,8 +2409,8 @@ function pn(e, t, n, l, o, i) {
       value: u.value,
       "default-value": u.defaultValue,
       onUpdate: e.updateFilterHandler
-    }, null, 40, ["field", "label", "options", "value", "default-value", "onUpdate"]))), 128)) : K("", !0),
-    (p(!0), k(fe, null, pe(e.regularFilters, (u) => (p(), B(Be(u.type), {
+    }, null, 40, ["field", "label", "options", "value", "default-value", "onUpdate"]))), 128)) : z("", !0),
+    (p(!0), k(fe, null, pe(e.regularFilters, (u) => (p(), A(Ae(u.type), {
       key: u.field,
       field: u.field,
       label: u.label,
@@ -2405,43 +2418,43 @@ function pn(e, t, n, l, o, i) {
       value: u.value,
       onUpdate: e.updateFilterHandler
     }, null, 40, ["field", "label", "options", "value", "onUpdate"]))), 128)),
-    e.hasHiddenFilters ? (p(), B(r, {
+    e.hasHiddenFilters ? (p(), A(r, {
       key: 2,
-      value: e.value,
+      value: e.valueAndFilterValuesPropsMerged,
       onInput: e.updateAllFilters
-    }, null, 8, ["value", "onInput"])) : K("", !0),
-    Se(S(f, { onClick: e.clearAllFilters }, {
-      iconLeft: _(() => [
-        S(a, { "aria-hidden": "true" })
+    }, null, 8, ["value", "onInput"])) : z("", !0),
+    Ce(C(f, { onClick: e.clearAllFilters }, {
+      iconLeft: m(() => [
+        C(a, { "aria-hidden": "true" })
       ]),
-      default: _(() => [
+      default: m(() => [
         w(V(e.$t("clearAll")) + " ", 1)
       ]),
       _: 1
     }, 8, ["onClick"]), [
-      [Re, e.isClearAllVisible]
+      [ke, e.isClearAllVisible]
     ]),
-    Se(S(f, {
+    Ce(C(f, {
       class: "b-filter-bar__reset-all",
       onClick: e.resetAllFilters
     }, {
-      iconLeft: _(() => [
-        S(a, { "aria-hidden": "true" })
+      iconLeft: m(() => [
+        C(a, { "aria-hidden": "true" })
       ]),
-      default: _(() => [
+      default: m(() => [
         w(V(e.$t("resetAll")) + " ", 1)
       ]),
       _: 1
     }, 8, ["onClick"]), [
-      [Re, e.isResetAllVisible]
+      [ke, e.isResetAllVisible]
     ])
   ]);
 }
-const Wn = /* @__PURE__ */ L(bn, [["render", pn], ["__scopeId", "data-v-73c85758"]]);
+const Yn = /* @__PURE__ */ M(on, [["render", rn], ["__scopeId", "data-v-013af320"]]);
 export {
-  Wn as BentoFilterBar,
+  Yn as BentoFilterBar,
   _e as BentoFilterBarEvent,
   v as BentoFilterEvent,
-  W as BentoFilterItemType
+  Q as BentoFilterItemType
 };
 //# sourceMappingURL=filter-bar.js.map