@adyen/bento-vue3 1.2.0 → 1.3.0

package/dist/filter-bar.js

@@ -1,42 +1,42 @@
-import { defineComponent as k, computed as b, ref as P, resolveComponent as f, openBlock as v, createBlock as S, normalizeClass as ie, createSlots as ye, withCtx as m, createElementVNode as N, createVNode as g, renderSlot as pe, createElementBlock as U, createTextVNode as V, toDisplayString as L, createCommentVNode as Q, watch as ve, resolveDirective as bt, withDirectives as me, withKeys as ae, toRef as M, onBeforeUpdate as Be, nextTick as qe, mergeProps as ee, Fragment as oe, reactive as Ye, renderList as se, normalizeProps as Ie, guardReactiveProps as De, pushScopeId as ft, popScopeId as vt, toRefs as yt, onMounted as mt, resolveDynamicComponent as Fe, vShow as Ee } from "vue";
-import { _ as R } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { a as he, B as Ke } from "./chunks/button.1f630b6e.js";
-import { BentoPopover as Ue, BentoPopoverPositions as Ft } from "./popover.js";
-import { B as _t } from "./chunks/directive.0408e565.js";
-import { B as Bt } from "./chunks/tooltip.53290a34.js";
+import { defineComponent as R, computed as f, ref as P, resolveComponent as b, openBlock as v, createBlock as S, normalizeClass as ie, createSlots as ye, withCtx as m, createElementVNode as V, createVNode as g, renderSlot as pe, createElementBlock as U, createTextVNode as N, toDisplayString as L, createCommentVNode as Q, watch as ve, resolveDirective as bt, withDirectives as me, withKeys as ae, toRef as M, onBeforeUpdate as Be, nextTick as Ye, mergeProps as ee, Fragment as oe, reactive as Ke, renderList as se, normalizeProps as Ie, guardReactiveProps as De, pushScopeId as vt, popScopeId as yt, toRefs as mt, provide as Ft, onMounted as _t, resolveDynamicComponent as Fe, vShow as Ee } from "vue";
+import { _ as k } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { a as he, B as He } from "./chunks/button.e1c39f66.js";
+import { BentoPopover as Ue, BentoPopoverPositions as Bt } from "./popover.js";
+import { B as ht } from "./chunks/directive.0408e565.js";
+import { B as gt } from "./chunks/tooltip.835d9b52.js";
 import { u as le } from "./chunks/i18n.6c402773.js";
 import { g as ge } from "./chunks/unique-id.a2a2b458.js";
-import { B as Ce, a as Se, b as Ae } from "./chunks/index.ebf5f6cf.js";
-import { u as ht } from "./chunks/aria-label.ac9651a5.js";
-import { u as gt } from "./chunks/use-has-slot.068222e6.js";
-import { B as Ct, a as Pe } from "./chunks/base-button.4a56c2fb.js";
-import { g as St } from "./chunks/get-slot-text.2db867f8.js";
-import { a as At, C as Tt } from "./chunks/chevron-down.69bedf14.js";
-import { c as He, B as $t } from "./chunks/button-actions.a6e541ad.js";
-import { BentoRadioGroup as It } from "./radio-group.js";
-import { BentoInputField as je, BentoInputFieldType as Dt } from "./input-field.js";
-import { BentoSearchBar as fe, BentoSearchBarEvent as ne } from "./search-bar.js";
-import { u as Et } from "./chunks/toastController.0b01d2e8.js";
-import { BentoModal as Ut, BentoModalEvent as Pt, BentoModalSize as kt } from "./modal.js";
-import { B as Rt, u as ze } from "./chunks/dropdown.f9997464.js";
-import { g as Ot } from "./chunks/index.361c61d3.js";
-import { BentoDivider as Ge } from "./divider.js";
-import { BentoDatePicker as Nt } from "./date-picker.js";
-import { f as de } from "./chunks/index.7dd953ea.js";
-import { e as te, d as Je, f as We } from "./chunks/index.f55fdc32.js";
-import { C as Vt } from "./chunks/calendar.08885a56.js";
-import { B as Lt, D as Mt } from "./chunks/index.b46a5047.js";
-import { D as ke } from "./chunks/date-input.9186a0bf.js";
-import { B as wt } from "./chunks/listbox.7b5e0eee.js";
-import { B as qt, L as Qe } from "./chunks/listbox-option-tag.73661a5d.js";
-import { BentoCountry as Yt, BentoCountryVariant as Xe } from "./country.js";
-import { u as Kt } from "./chunks/useCountryItems.e83ef8f0.js";
-import { BentoPaymentMethod as Ht } from "./payment-method.js";
-import "./assets/index14.css";
+import { B as Ce, a as Se, b as Ae, d as Ct } from "./chunks/index.222d29b0.js";
+import { u as St } from "./chunks/aria-label.ac9651a5.js";
+import { u as At } from "./chunks/use-has-slot.068222e6.js";
+import { B as Tt, a as Pe } from "./chunks/base-button.20be08da.js";
+import { g as $t } from "./chunks/get-slot-text.2db867f8.js";
+import { a as It, C as Dt } from "./chunks/chevron-down.69bedf14.js";
+import { c as je, B as Et } from "./chunks/button-actions.54e28e75.js";
+import { BentoRadioGroup as Ut } from "./radio-group.js";
+import { BentoInputField as ze, BentoInputFieldType as Pt } from "./input-field.js";
+import { BentoSearchBar as be, BentoSearchBarEvent as ne } from "./search-bar.js";
+import { u as Rt } from "./chunks/toastController.0b01d2e8.js";
+import { BentoModal as kt, BentoModalEvent as Ot, BentoModalSize as Vt } from "./modal.js";
+import { B as Nt, u as Ge } from "./chunks/dropdown.8b415aac.js";
+import { g as Lt } from "./chunks/index.13949709.js";
+import { BentoDivider as Je } from "./divider.js";
+import { BentoDatePicker as Mt } from "./date-picker.js";
+import { f as de } from "./chunks/index.d27367cd.js";
+import { e as te, d as We, f as Qe } from "./chunks/index.f55fdc32.js";
+import { C as wt } from "./chunks/calendar.09b683b3.js";
+import { B as qt, D as Yt } from "./chunks/index.c9225c3b.js";
+import { D as Re } from "./chunks/date-input.9186a0bf.js";
+import { B as Kt } from "./chunks/listbox.0c7c4e5e.js";
+import { B as Ht, L as Xe } from "./chunks/listbox-option-tag.5ae8b79b.js";
+import { BentoCountry as jt, BentoCountryVariant as Ze } from "./country.js";
+import { u as zt } from "./chunks/useCountryItems.e83ef8f0.js";
+import { BentoPaymentMethod as Gt } from "./payment-method.js";
+import "./assets/index30.css";
 var c = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(c || {}), x = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(x || {}), H = /* @__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))(H || {});
-const jt = k({
+const Jt = R({
   name: "base-filter-button",
-  components: { BaseButton: Ct, BentoTypography: Ce, ChevronUpIcon: At, ChevronDownIcon: Tt },
+  components: { BaseButton: Tt, BentoTypography: Ce, ChevronUpIcon: It, ChevronDownIcon: Dt },
   props: {
     /**
      * The number of applies values within the filter.
@@ -62,13 +62,13 @@ const jt = k({
     bold: { type: Boolean, default: !1 }
   },
   emits: [Pe.CLICK],
-  setup(e, { slots: t, emit: a, attrs: n }) {
-    const r = b(() => t.default ? St(t)("default") : null), u = ht({ ariaLabel: r }), o = P(null), i = b(() => {
+  setup(e, { slots: t, emit: a, attrs: l }) {
+    const s = f(() => t.default ? $t(t)("default") : null), u = St({ ariaLabel: s }), o = P(null), i = f(() => {
       var y;
       return {
-        "aria-controls": (y = n["aria-controls"]) == null ? void 0 : y.toString()
+        "aria-controls": (y = l["aria-controls"]) == null ? void 0 : y.toString()
       };
-    }), l = b(() => ({
+    }), n = f(() => ({
       ["b-base-filter-button--with-chevron"]: e.hasChevron,
       ["b-base-filter-button--filter-open"]: e.isFilterOpen
     }));
@@ -79,24 +79,24 @@ const jt = k({
       // Values
       ariaAttributes: i,
       computedAriaLabel: u,
-      conditionalClasses: l,
+      conditionalClasses: n,
       // Methods
       onClickButton: () => {
         e.disabled || a(Pe.CLICK);
       },
-      hasSlot: gt(t),
+      hasSlot: At(t),
       // Refs
       baseFilterButtonRef: o
     };
   }
 });
-const zt = { class: "b-base-filter-button__default-container" }, Gt = {
+const Wt = { class: "b-base-filter-button__default-container" }, Qt = {
   key: 0,
   class: "b-base-filter-button__counter-wrapper"
 };
-function Jt(e, t, a, n, r, u) {
-  const o = f("bento-typography"), i = f("chevron-up-icon"), l = f("chevron-down-icon"), s = f("base-button");
-  return v(), S(s, {
+function Xt(e, t, a, l, s, u) {
+  const o = b("bento-typography"), i = b("chevron-up-icon"), n = b("chevron-down-icon"), r = b("base-button");
+  return v(), S(r, {
     ref: "baseFilterButtonRef",
     class: ie(["b-base-filter-button", e.conditionalClasses]),
     disabled: e.disabled,
@@ -106,7 +106,7 @@ function Jt(e, t, a, n, r, u) {
     onClick: e.onClickButton
   }, ye({
     default: m(() => [
-      N("div", zt, [
+      V("div", Wt, [
         g(o, {
           el: e.BentoTypographyElement.SPAN,
           variant: e.BentoTypographyVariant.BODY,
@@ -118,7 +118,7 @@ function Jt(e, t, a, n, r, u) {
           ]),
           _: 3
         }, 8, ["el", "variant", "stronger"]),
-        e.amountAppliedValues && !e.hasChevron ? (v(), U("div", Gt, [
+        e.amountAppliedValues && !e.hasChevron ? (v(), U("div", Qt, [
           g(o, {
             class: "b-base-filter-button__counter",
             el: e.BentoTypographyElement.SPAN,
@@ -126,7 +126,7 @@ function Jt(e, t, a, n, r, u) {
             stronger: ""
           }, {
             default: m(() => [
-              V(L(e.amountAppliedValues), 1)
+              N(L(e.amountAppliedValues), 1)
             ]),
             _: 1
           }, 8, ["el", "variant"])
@@ -141,7 +141,7 @@ function Jt(e, t, a, n, r, u) {
         e.isFilterOpen ? (v(), S(i, {
           key: 0,
           "aria-hidden": "true"
-        })) : (v(), S(l, {
+        })) : (v(), S(n, {
           key: 1,
           "aria-hidden": "true"
         }))
@@ -150,9 +150,9 @@ function Jt(e, t, a, n, r, u) {
     } : void 0
   ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
 }
-const Ze = /* @__PURE__ */ R(jt, [["render", Jt], ["__scopeId", "data-v-7c207511"]]), Wt = k({
+const xe = /* @__PURE__ */ k(Jt, [["render", Xt], ["__scopeId", "data-v-7c207511"]]), Zt = R({
   name: "filter-bar-filter-button",
-  components: { BaseFilterButton: Ze },
+  components: { BaseFilterButton: xe },
   props: {
     /**
      * Button label to be displayed
@@ -177,28 +177,28 @@ const Ze = /* @__PURE__ */ R(jt, [["render", Jt], ["__scopeId", "data-v-7c207511
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = b(() => ({
+    const a = f(() => ({
       ["b-filter-bar-filter-button--with-counter"]: e.appliedFiltersCount,
       ["b-filter-bar-filter-button--filter-open"]: e.isFilterOpen
-    })), n = P(null);
+    })), l = P(null);
     return ve(
       () => e.isFilterOpen,
       (u, o) => {
-        var i, l;
-        !u && o && (l = (i = n.value) == null ? void 0 : i.baseFilterButtonRef) != null && l.bentoBaseButtonRef && n.value.baseFilterButtonRef.bentoBaseButtonRef.focus();
+        var i, n;
+        !u && o && (n = (i = l.value) == null ? void 0 : i.baseFilterButtonRef) != null && n.bentoBaseButtonRef && l.value.baseFilterButtonRef.bentoBaseButtonRef.focus();
       }
     ), {
       conditionalClasses: a,
       // Refs
-      filterBarButtonRef: n,
+      filterBarButtonRef: l,
       onClick: () => {
         t("click");
       }
     };
   }
 });
-function Qt(e, t, a, n, r, u) {
-  const o = f("base-filter-button");
+function xt(e, t, a, l, s, u) {
+  const o = b("base-filter-button");
   return v(), S(o, {
     ref: "filterBarButtonRef",
     class: ie(["b-filter-bar-filter-button", e.conditionalClasses]),
@@ -210,14 +210,14 @@ function Qt(e, t, a, n, r, u) {
     onClick: e.onClick
   }, {
     default: m(() => [
-      V(L(e.label), 1)
+      N(L(e.label), 1)
     ]),
     _: 1
   }, 8, ["class", "amount-applied-values", "has-chevron", "is-filter-open", "disabled", "onClick"]);
 }
-const xe = /* @__PURE__ */ R(Wt, [["render", Qt], ["__scopeId", "data-v-43166ccd"]]);
+const et = /* @__PURE__ */ k(Zt, [["render", xt], ["__scopeId", "data-v-43166ccd"]]);
 var J = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(J || {});
-const Re = {
+const ke = {
   "en-US": {
     clear: "Clear",
     apply: "Apply",
@@ -243,14 +243,14 @@ const Re = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, Xt = k({
-  i18n: { messages: Re },
+}, el = R({
+  i18n: { messages: ke },
   name: "bento-base-filter",
   components: {
-    FilterBarFilterButton: xe,
+    FilterBarFilterButton: et,
     BentoPopover: Ue
   },
-  directives: { BentoClickOutsideDirective: _t },
+  directives: { BentoClickOutsideDirective: ht },
   props: {
     /**
      * Total count of applied filters
@@ -307,18 +307,18 @@ const Re = {
     J.RESET
   ],
   setup(e, { emit: t }) {
-    const { t: a } = le({ messages: Re }), n = ge("base-filter-popover"), r = P(!1), u = P(null), o = b(() => e.defaultValue !== null), i = () => {
-      r.value = !1, t(J.CLOSE);
-    }, l = () => {
+    const { t: a } = le({ messages: ke }), l = ge("base-filter-popover"), s = P(!1), u = P(null), o = f(() => e.defaultValue !== null), i = () => {
+      s.value = !1, t(J.CLOSE);
+    }, n = () => {
       i(), o.value ? t(J.RESET) : t(J.CLEAR);
-    }, s = () => i(), y = () => {
-      r.value ? i() : (r.value = !0, t(J.OPEN));
+    }, r = () => i(), y = () => {
+      s.value ? i() : (s.value = !0, t(J.OPEN));
     }, B = () => {
       i(), t(J.APPLY);
     };
     return {
       // Values
-      actions: b(() => [
+      actions: f(() => [
         {
           title: a("apply"),
           event: B,
@@ -326,39 +326,39 @@ const Re = {
         },
         {
           title: o.value ? a("reset") : a("clear"),
-          event: l,
+          event: n,
           disabled: e.disableSecondaryButton
         }
       ]),
-      popoverId: n,
-      isFilterOpen: r,
+      popoverId: l,
+      isFilterOpen: s,
       isPersistentFilter: o,
       // Enums
-      BentoPopoverPositions: Ft,
-      BentoTooltipPosition: Bt,
+      BentoPopoverPositions: Bt,
+      BentoTooltipPosition: gt,
       // Events
       onClickFilter: y,
       onClickApply: B,
-      onClickSecondaryAction: l,
-      onClickOutside: s,
+      onClickSecondaryAction: n,
+      onClickOutside: r,
       closePopover: i,
       // Refs
       filterButtonRef: u,
       // Enums
       BentoButtonVariant: he,
-      BentoButtonActionsLayout: He
+      BentoButtonActionsLayout: je
     };
   }
 });
-const Zt = { key: 0 };
-function xt(e, t, a, n, r, u) {
-  const o = f("filter-bar-filter-button"), i = f("bento-popover"), l = bt("bento-click-outside-directive");
-  return e.onlySlot ? (v(), U("div", Zt, [
+const tl = { key: 0 };
+function ll(e, t, a, l, s, u) {
+  const o = b("filter-bar-filter-button"), i = b("bento-popover"), n = bt("bento-click-outside-directive");
+  return e.onlySlot ? (v(), U("div", tl, [
     pe(e.$slots, "default", {}, void 0, !0)
   ])) : me((v(), U("div", {
     key: 1,
     class: "b-base-filter",
-    onKeydown: t[0] || (t[0] = ae((...s) => e.closePopover && e.closePopover(...s), ["esc"]))
+    onKeydown: t[0] || (t[0] = ae((...r) => e.closePopover && e.closePopover(...r), ["esc"]))
   }, [
     g(o, {
       ref: "filterButtonRef",
@@ -389,10 +389,10 @@ function xt(e, t, a, n, r, u) {
       _: 3
     }, 8, ["id", "open", "actions", "actions-layout", "target-element", "title", "fit-content", "position", "without-space"])) : Q("", !0)
   ], 32)), [
-    [l, e.onClickOutside]
+    [n, e.onClickOutside]
   ]);
 }
-const re = /* @__PURE__ */ R(Xt, [["render", xt], ["__scopeId", "data-v-074dc65c"]]), el = (e) => e instanceof Array, Oe = (e) => el(e) ? e.length === 0 || e.every((t) => t === "") : !e, tl = (e, t) => JSON.stringify(e) === JSON.stringify(t), ue = (e, t) => {
+const re = /* @__PURE__ */ k(el, [["render", ll], ["__scopeId", "data-v-074dc65c"]]), nl = (e) => e instanceof Array, Oe = (e) => nl(e) ? e.length === 0 || e.every((t) => t === "") : !e, Ve = (e, t) => JSON.stringify(e) === JSON.stringify(t), ue = (e, t) => {
   const a = P(e.value);
   ve(
     () => e.value,
@@ -400,19 +400,19 @@ const re = /* @__PURE__ */ R(Xt, [["render", xt], ["__scopeId", "data-v-074dc65c
       a.value = e.value;
     }
   );
-  const n = b(() => Oe(e.value)), r = b(
-    () => t.value !== null ? tl(t.value, e.value) : n.value
-  ), u = b(() => a.value === e.value || Oe(a.value) && n.value);
+  const l = f(() => Oe(e.value)), s = f(
+    () => t.value !== null ? Ve(t.value, e.value) : l.value
+  ), u = f(() => Ve(a.value, e.value) || Oe(a.value) && l.value);
   return {
     internalFilterValue: a,
-    isSecondaryButtonDisabled: r,
+    isSecondaryButtonDisabled: s,
     isApplyButtonDisabled: u
   };
-}, ce = (e, t) => (e == null ? void 0 : e.length) > t ? `${e.slice(0, t)}...` : e, ll = k({
+}, ce = (e, t) => (e == null ? void 0 : e.length) > t ? `${e.slice(0, t)}...` : e, al = R({
   name: "bento-input-filter",
   components: {
     BentoBaseFilter: re,
-    BentoInputField: je
+    BentoInputField: ze
   },
   props: {
     /**
@@ -440,45 +440,45 @@ const re = /* @__PURE__ */ R(Xt, [["render", xt], ["__scopeId", "data-v-074dc65c
   },
   emits: [c.INPUT, c.UPDATE],
   setup(e, { emit: t }) {
-    const a = P(null), { internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: u } = ue(
+    const a = P(null), { internalFilterValue: l, isSecondaryButtonDisabled: s, isApplyButtonDisabled: u } = ue(
       M(e, "value"),
       M(e, "defaultValue")
-    ), o = b(() => e.defaultValue === null ? e.label : ce(e.value, 18)), i = b(() => e.value != null ? 1 : null), l = b(() => ({
+    ), o = f(() => e.defaultValue === null ? e.label : ce(e.value, 18)), i = f(() => e.value != null ? 1 : null), n = f(() => ({
       ["b-input-filter--only-slot"]: e.onlySlot
     }));
     Be(() => {
-      n.value === "" && (n.value = null);
+      l.value === "" && (l.value = null);
     });
-    const s = () => {
-      n.value = e.value, qe(() => a.value.focusInput());
+    const r = () => {
+      l.value = e.value, Ye(() => a.value.focusInput());
     }, y = () => {
-      t(c.UPDATE, { ...e, value: n.value });
+      !l.value && e.defaultValue !== null && (l.value = e.defaultValue), t(c.UPDATE, { ...e, value: l.value });
     };
     return {
       // Values
       appliedFiltersCount: i,
       buttonLabel: o,
-      conditionalClasses: l,
-      internalFilterValue: n,
+      conditionalClasses: n,
+      internalFilterValue: l,
       isApplyButtonDisabled: u,
-      isSecondaryButtonDisabled: r,
+      isSecondaryButtonDisabled: s,
       // Refs
       inputTextRef: a,
       // Events
       updateFilter: y,
       clearFilter: () => {
-        n.value = null, y();
+        l.value = null, y();
       },
-      openFilter: s,
+      openFilter: r,
       resetFilter: () => t(c.UPDATE, { ...e, value: e.defaultValue }),
       onInput: () => {
-        t(c.INPUT, { ...e, value: n.value });
+        t(c.INPUT, { ...e, value: l.value });
       }
     };
   }
 });
-function nl(e, t, a, n, r, u) {
-  const o = f("bento-input-field"), i = f("bento-base-filter");
+function ol(e, t, a, l, s, u) {
+  const o = b("bento-input-field"), i = b("bento-base-filter");
   return v(), S(i, ee(e.$props, {
     "applied-filters-count": e.appliedFiltersCount,
     "disable-apply-button": e.isApplyButtonDisabled,
@@ -491,28 +491,28 @@ function nl(e, t, a, n, r, u) {
     onReset: e.resetFilter
   }), {
     default: m(() => [
-      N("div", {
+      V("div", {
         class: ie(["b-input-filter", e.conditionalClasses]),
-        onKeydown: t[1] || (t[1] = ae((...l) => e.updateFilter && e.updateFilter(...l), ["enter"])),
-        onInput: t[2] || (t[2] = (...l) => e.onInput && e.onInput(...l))
+        onKeydown: t[1] || (t[1] = ae((...n) => e.updateFilter && e.updateFilter(...n), ["enter"])),
+        onInput: t[2] || (t[2] = (...n) => e.onInput && e.onInput(...n))
       }, [
         g(o, {
           ref: "inputTextRef",
           value: e.internalFilterValue,
-          onInput: t[0] || (t[0] = (l) => e.internalFilterValue = l)
+          onInput: t[0] || (t[0] = (n) => e.internalFilterValue = n)
         }, null, 8, ["value"])
       ], 34)
     ]),
     _: 1
   }, 16, ["applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const et = /* @__PURE__ */ R(ll, [["render", nl], ["__scopeId", "data-v-6bde6676"]]), al = k({
+const tt = /* @__PURE__ */ k(al, [["render", ol], ["__scopeId", "data-v-95a33d93"]]), sl = R({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: re,
-    BentoDatePicker: Nt,
-    BentoDivider: Ge,
-    Calendar: Vt
+    BentoDatePicker: Mt,
+    BentoDivider: Je,
+    Calendar: wt
   },
   props: {
     isDateInput: { type: Boolean, default: !0 },
@@ -551,28 +551,28 @@ const et = /* @__PURE__ */ R(ll, [["render", nl], ["__scopeId", "data-v-6bde6676
   },
   emits: [c.INPUT, c.UPDATE],
   setup(e, { emit: t }) {
-    const { locale: a } = le(void 0, !0), n = { de: Je, enUS: te, fr: We }, { internalFilterValue: r, isSecondaryButtonDisabled: u, isApplyButtonDisabled: o } = ue(
+    const { locale: a } = le(void 0, !0), l = { de: We, enUS: te, fr: Qe }, { internalFilterValue: s, isSecondaryButtonDisabled: u, isApplyButtonDisabled: o } = ue(
       M(e, "value"),
       M(e, "defaultValue")
-    ), i = b(
+    ), i = f(
       () => e.defaultValue === null ? e.label : de(e.value, "dd MMM, yyyy", {
-        locale: n[a.value.substring(0, 2)] || te
+        locale: l[a.value.substring(0, 2)] || te
       })
-    ), l = b(() => e.value != null ? 1 : null), s = () => {
-      t(c.UPDATE, { ...e, value: r.value });
+    ), n = f(() => e.value != null ? 1 : null), r = () => {
+      t(c.UPDATE, { ...e, value: s.value });
     }, y = () => {
-      r.value = null, s();
+      s.value = null, r();
     }, B = () => {
-      r.value = e.defaultValue, s();
+      s.value = e.defaultValue, r();
     }, d = () => {
-      r.value = e.value;
+      s.value = e.value;
     }, h = (A) => {
-      r.value = A, t(c.INPUT, { ...e, value: r.value });
+      s.value = A, t(c.INPUT, { ...e, value: s.value });
     };
     return {
       // Values
-      appliedFiltersCount: l,
-      internalFilterValue: r,
+      appliedFiltersCount: n,
+      internalFilterValue: s,
       isApplyButtonDisabled: o,
       isSecondaryButtonDisabled: u,
       buttonLabel: i,
@@ -580,18 +580,18 @@ const et = /* @__PURE__ */ R(ll, [["render", nl], ["__scopeId", "data-v-6bde6676
       clearFilter: y,
       onDateSelected: h,
       openFilter: d,
-      updateFilter: s,
+      updateFilter: r,
       resetFilter: B,
       onDateInputSelected: (A) => {
-        r.value = A, h(A), s();
+        s.value = A, h(A), r();
       }
     };
   }
 });
-const ol = { class: "b-date-filter" };
-function sl(e, t, a, n, r, u) {
-  const o = f("bento-date-picker"), i = f("bento-divider"), l = f("calendar"), s = f("bento-base-filter");
-  return v(), S(s, {
+const il = { class: "b-date-filter" };
+function rl(e, t, a, l, s, u) {
+  const o = b("bento-date-picker"), i = b("bento-divider"), n = b("calendar"), r = b("bento-base-filter");
+  return v(), S(r, {
     label: e.label,
     field: e.field,
     "applied-filters-count": e.appliedFiltersCount,
@@ -617,8 +617,8 @@ function sl(e, t, a, n, r, u) {
           onInput: e.onDateInputSelected
         }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "onInput"])) : (v(), U(oe, { key: 1 }, [
           g(i, { class: "b-date-filter__divider" }),
-          N("div", ol, [
-            g(l, {
+          V("div", il, [
+            g(n, {
               "first-day-of-week": (d = e.options) == null ? void 0 : d.firstDayOfWeek,
               "is-date-disabled": (h = e.options) == null ? void 0 : h.isDateDisabled,
               "number-of-months": 1,
@@ -632,9 +632,10 @@ function sl(e, t, a, n, r, u) {
     _: 1
   }, 8, ["label", "field", "applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "default-value", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const tt = /* @__PURE__ */ R(al, [["render", sl], ["__scopeId", "data-v-7e21017e"]]), Ne = {
+const lt = /* @__PURE__ */ k(sl, [["render", rl], ["__scopeId", "data-v-7e21017e"]]), Ne = {
   "en-US": {
     clear: "Clear",
+    reset: "Reset",
     apply: "Apply"
   },
   "de-DE": {
@@ -657,16 +658,16 @@ const tt = /* @__PURE__ */ R(al, [["render", sl], ["__scopeId", "data-v-7e21017e
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, il = k({
+}, ul = R({
   i18n: { messages: Ne },
   name: "bento-date-range-filter",
   components: {
     BentoBaseFilter: re,
-    BentoButtonActions: $t,
-    BentoDateRangePicker: Lt,
+    BentoButtonActions: Et,
+    BentoDateRangePicker: qt,
     BentoTypography: Ce,
-    BentoDivider: Ge,
-    DateRangePickerCalendar: Mt
+    BentoDivider: Je,
+    DateRangePickerCalendar: Yt
   },
   props: {
     /**
@@ -711,53 +712,53 @@ const tt = /* @__PURE__ */ R(al, [["render", sl], ["__scopeId", "data-v-7e21017e
   emits: [c.INPUT, c.UPDATE],
   setup(e, { emit: t }) {
     var Y, z, W, G;
-    const { locale: a, t: n } = le({ messages: Ne }), r = { de: Je, enUS: te, fr: We }, { internalFilterValue: u, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = ue(
+    const { locale: a, t: l } = le({ messages: Ne }), s = { de: We, enUS: te, fr: Qe }, { internalFilterValue: u, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = ue(
       M(e, "value"),
       M(e, "defaultValue")
-    ), l = (T) => T ? de(T, ke.NUMERIC_DATE_YEAR_FIRST, {
-      locale: r[a.value.substring(0, 2)] || te
-    }) : void 0, s = (T) => T ? de(T, ke.HOUR_MINUTE_SECONDS, {
-      locale: r[a.value.substring(0, 2)] || te
-    }) : "", y = P(null), B = P(!1), d = Ye({
-      startDate: l((Y = e.value) == null ? void 0 : Y.startDate),
-      endDate: l((z = e.value) == null ? void 0 : z.endDate),
-      startTime: s((W = e.value) == null ? void 0 : W.startDate),
-      endTime: s((G = e.value) == null ? void 0 : G.endDate)
-    }), h = b(
+    ), n = (T) => T ? de(T, Re.NUMERIC_DATE_YEAR_FIRST, {
+      locale: s[a.value.substring(0, 2)] || te
+    }) : void 0, r = (T) => T ? de(T, Re.HOUR_MINUTE_SECONDS, {
+      locale: s[a.value.substring(0, 2)] || te
+    }) : "", y = P(null), B = P(!1), d = Ke({
+      startDate: n((Y = e.value) == null ? void 0 : Y.startDate),
+      endDate: n((z = e.value) == null ? void 0 : z.endDate),
+      startTime: r((W = e.value) == null ? void 0 : W.startDate),
+      endTime: r((G = e.value) == null ? void 0 : G.endDate)
+    }), h = f(
       () => {
         var T, Z;
         return ((T = e.value) == null ? void 0 : T.startDate) != null && ((Z = e.value) == null ? void 0 : Z.endDate) != null ? 1 : null;
       }
-    ), O = b(
+    ), O = f(
       () => e.defaultValue === null ? e.label : `${de(e.value.startDate, "dd MMM, yyyy", {
-        locale: r[a.value.substring(0, 2)] || te
+        locale: s[a.value.substring(0, 2)] || te
       })} - ${de(e.value.endDate, "dd MMM, yyyy", {
-        locale: r[a.value.substring(0, 2)] || te
+        locale: s[a.value.substring(0, 2)] || te
       })}`
     ), A = () => {
       y.value.closePopover();
       const { onlySlot: T, ...Z } = e;
       t(c.UPDATE, { ...Z, value: u.value });
     }, C = () => {
-      u.value = { startDate: void 0, endDate: void 0 }, A();
+      u.value = void 0, A();
     }, q = () => {
       u.value = e.defaultValue, A();
     }, F = () => {
       u.value = e.value;
     }, _ = (T) => {
-      u.value = T, d.startDate = l(T.startDate), d.endDate = l(T.endDate), t(c.INPUT, { ...e, value: u.value });
+      u.value = T, d.startDate = n(T.startDate), d.endDate = n(T.endDate), t(c.INPUT, { ...e, value: u.value });
     }, I = (T) => {
       _(T), t(c.INPUT, { ...e, value: u.value });
-    }, E = b(
+    }, E = f(
       () => [
         {
-          title: n("apply"),
+          title: l("apply"),
           event: A,
           disabled: B.value || i.value
         },
         {
-          title: n("clear"),
-          event: C,
+          title: e.defaultValue ? l("reset") : l("clear"),
+          event: e.defaultValue ? q : C,
           disabled: B.value && o.value
         }
       ]
@@ -774,15 +775,13 @@ const tt = /* @__PURE__ */ R(al, [["render", sl], ["__scopeId", "data-v-7e21017e
       isSecondaryButtonDisabled: o,
       buttonLabel: O,
       // Enum
-      BentoButtonActionsLayout: He,
+      BentoButtonActionsLayout: je,
       BentoTypographyElement: Se,
       BentoTypographyVariant: Ae,
       // Events
-      clearFilter: C,
       onDateSelected: _,
       openFilter: F,
       updateFilter: A,
-      resetFilter: q,
       onDatePickerRangeError: () => {
         B.value = !0, u.value = { startDate: void 0, endDate: void 0 }, t(c.INPUT, { ...e, value: u.value });
       },
@@ -793,12 +792,12 @@ const tt = /* @__PURE__ */ R(al, [["render", sl], ["__scopeId", "data-v-7e21017e
     };
   }
 });
-const rl = {
+const dl = {
   key: 1,
   class: "b-date-range-filter"
 };
-function ul(e, t, a, n, r, u) {
-  const o = f("bento-date-range-picker"), i = f("bento-typography"), l = f("bento-divider"), s = f("bento-button-actions"), y = f("date-range-picker-calendar"), B = f("bento-base-filter");
+function pl(e, t, a, l, s, u) {
+  const o = b("bento-date-range-picker"), i = b("bento-typography"), n = b("bento-divider"), r = b("bento-button-actions"), y = b("date-range-picker-calendar"), B = b("bento-base-filter");
   return v(), S(B, {
     ref: "baseFilter",
     label: e.label,
@@ -825,7 +824,7 @@ function ul(e, t, a, n, r, u) {
           "is-date-disabled": (A = e.options) == null ? void 0 : A.isDateDisabled,
           "number-of-months": (C = e.options) == null ? void 0 : C.numberOfMonths,
           onInput: e.onDateInputSelected
-        }, null, 8, ["allow-time-input", "value", "custom-range", "first-day-of-week", "is-date-disabled", "number-of-months", "onInput"])) : (v(), U("div", rl, [
+        }, null, 8, ["allow-time-input", "value", "custom-range", "first-day-of-week", "is-date-disabled", "number-of-months", "onInput"])) : (v(), U("div", dl, [
           g(y, {
             "allow-time-input": (q = e.options) == null ? void 0 : q.allowTimeInput,
             "first-day-of-week": (F = e.options) == null ? void 0 : F.firstDayOfWeek,
@@ -845,14 +844,14 @@ function ul(e, t, a, n, r, u) {
                 el: e.BentoTypographyElement.SPAN
               }, {
                 default: m(() => [
-                  V(L(e.label), 1)
+                  N(L(e.label), 1)
                 ]),
                 _: 1
               }, 8, ["variant", "el"])
             ]),
             actions: m(() => [
-              g(l, { class: "b-date-range-filter__divider" }),
-              g(s, {
+              g(n, { class: "b-date-range-filter__divider" }),
+              g(r, {
                 class: "b-date-range-filter__actions",
                 actions: e.actions,
                 layout: e.BentoButtonActionsLayout.SPACE_BETWEEN
@@ -866,20 +865,20 @@ function ul(e, t, a, n, r, u) {
     _: 1
   }, 8, ["label", "field", "applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "default-value", "controlled", "only-slot", "onOpen"]);
 }
-const lt = /* @__PURE__ */ R(il, [["render", ul], ["__scopeId", "data-v-4da7cef3"]]), Ve = {
+const nt = /* @__PURE__ */ k(ul, [["render", pl], ["__scopeId", "data-v-5fed922f"]]), Le = {
   "en-US": {
     noFiltersMatchThisSearch: "No filters match this search",
     search: "Search",
     searchFilter: "Search {filter}"
   }
-}, dl = k({
-  i18n: { messages: Ve },
+}, cl = R({
+  i18n: { messages: Le },
   name: "bento-select-filter",
   components: {
     BentoBaseFilter: re,
-    BentoDropdown: Rt,
-    BentoListbox: wt,
-    BentoSearchBar: fe
+    BentoDropdown: Nt,
+    BentoListbox: Kt,
+    BentoSearchBar: be
   },
   props: {
     /**
@@ -921,18 +920,18 @@ const lt = /* @__PURE__ */ R(il, [["render", ul], ["__scopeId", "data-v-4da7cef3
   emits: [c.INPUT, c.UPDATE],
   setup(e, { emit: t, slots: a }) {
     var w, K;
-    const { internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: u } = ue(
+    const { internalFilterValue: l, isSecondaryButtonDisabled: s, isApplyButtonDisabled: u } = ue(
       M(e, "value"),
       M(e, "defaultValue")
-    ), { t: o, locale: i } = le({ messages: Ve }), l = P(""), s = M(e, "options"), y = P(e.options.listboxItems);
-    ve(s, () => {
-      y.value = s.value.listboxItems;
+    ), { t: o, locale: i } = le({ messages: Le }), n = P(""), r = M(e, "options"), y = P(e.options.listboxItems);
+    ve(r, () => {
+      y.value = r.value.listboxItems;
     });
-    const B = ze(
-      l,
+    const B = Ge(
+      n,
       y,
       (K = (w = e.options) == null ? void 0 : w.search) == null ? void 0 : K.searchEvent
-    ), d = b(() => o("noFiltersMatchThisSearch")), h = b(() => {
+    ), d = f(() => o("noFiltersMatchThisSearch")), h = f(() => {
       var Y, z, W;
       if (e.defaultValue === null)
         return e.label;
@@ -944,41 +943,41 @@ const lt = /* @__PURE__ */ R(il, [["render", ul], ["__scopeId", "data-v-4da7cef3
         return G === 1 ? T[0].replace("{count}", G) : T[1].replace("{count}", G);
       }
       return ce((W = e.options.listboxItems.find(({ value: G }) => G === e.value)) == null ? void 0 : W.label, 18);
-    }), O = b(() => ge(`filter-listbox-${e.field}`)), A = (Y) => {
-      n.value = Y;
+    }), O = f(() => ge(`filter-listbox-${e.field}`)), A = (Y) => {
+      l.value = Y;
       const { onlySlot: z, ...W } = e;
-      t(c.INPUT, { ...W, value: n.value });
+      t(c.INPUT, { ...W, value: l.value });
     }, C = () => {
-      e.defaultValue !== null && e.options.multiple && n.value.length === 0 && (n.value = e.defaultValue);
+      e.options.multiple && l.value && l.value.length === 0 && (l.value = e.defaultValue !== null ? e.defaultValue : void 0);
       const { onlySlot: Y, ...z } = e;
-      t(c.UPDATE, { ...z, value: n.value });
+      t(c.UPDATE, { ...z, value: l.value });
     }, q = () => {
-      n.value = e.value;
+      l.value = e.value;
     }, F = () => {
-      l.value && (l.value = "");
+      n.value && (n.value = "");
     }, _ = () => {
-      n.value = e.defaultValue, C();
+      l.value = e.defaultValue, C();
     }, I = () => {
-      n.value = null, C();
+      l.value = null, C();
     };
     return {
       // Values
-      appliedFiltersCount: b(() => {
+      appliedFiltersCount: f(() => {
         if (e.value == null)
           return null;
         const Y = 1;
         return e.options.multiple ? e.value.length : Y;
       }),
       filteredItems: B,
-      internalFilterValue: n,
+      internalFilterValue: l,
       isApplyButtonDisabled: u,
-      isSecondaryButtonDisabled: r,
+      isSecondaryButtonDisabled: s,
       listboxFilterId: O,
       noResultsMessage: d,
       slots: a,
       buttonLabel: h,
       // Search
-      searchTerm: l,
+      searchTerm: n,
       // Events
       clearFilter: I,
       closeFilter: F,
@@ -989,10 +988,10 @@ const lt = /* @__PURE__ */ R(il, [["render", ul], ["__scopeId", "data-v-4da7cef3
     };
   }
 });
-const pl = (e) => (ft("data-v-d1b15598"), e = e(), vt(), e), cl = { class: "b-select-filter__search-bar" }, bl = /* @__PURE__ */ pl(() => /* @__PURE__ */ N("hr", { class: "b-select-filter__divider" }, null, -1));
-function fl(e, t, a, n, r, u) {
-  const o = f("bento-dropdown"), i = f("bento-search-bar"), l = f("bento-listbox"), s = f("bento-base-filter");
-  return v(), S(s, {
+const fl = (e) => (vt("data-v-0ca076e6"), e = e(), yt(), e), bl = { class: "b-select-filter__search-bar" }, vl = /* @__PURE__ */ fl(() => /* @__PURE__ */ V("hr", { class: "b-select-filter__divider" }, null, -1));
+function yl(e, t, a, l, s, u) {
+  const o = b("bento-dropdown"), i = b("bento-search-bar"), n = b("bento-listbox"), r = b("bento-base-filter");
+  return v(), S(r, {
     label: e.label,
     field: e.field,
     "applied-filters-count": e.appliedFiltersCount,
@@ -1029,7 +1028,7 @@ function fl(e, t, a, n, r, u) {
             ])
           }))
         ]), 1032, ["value", "items", "multiple", "no-results-message", "searching", "is-option-disabled", "onInput"])) : (v(), U(oe, { key: 1 }, [
-          N("div", cl, [
+          V("div", bl, [
             g(i, {
               "debounce-time": (d = (B = e.options) == null ? void 0 : B.search) == null ? void 0 : d.debounceTime,
               value: e.searchTerm,
@@ -1037,8 +1036,8 @@ function fl(e, t, a, n, r, u) {
               onInput: t[0] || (t[0] = (E) => e.searchTerm = E)
             }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
           ]),
-          bl,
-          g(l, {
+          vl,
+          g(n, {
             id: e.listboxFilterId,
             "aria-label": e.label,
             class: "b-select-filter__wrapper",
@@ -1070,11 +1069,11 @@ function fl(e, t, a, n, r, u) {
     _: 3
   }, 8, ["label", "field", "applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "default-value", "only-slot", "onApply", "onClear", "onReset", "onOpen", "onClose"]);
 }
-const j = /* @__PURE__ */ R(dl, [["render", fl], ["__scopeId", "data-v-d1b15598"]]), vl = k({
+const j = /* @__PURE__ */ k(cl, [["render", yl], ["__scopeId", "data-v-0ca076e6"]]), ml = R({
   name: "bento-select-avatar-filter",
   components: {
     BentoSelectFilter: j,
-    BentoAvatar: qt
+    BentoAvatar: Ht
   },
   props: {
     ...j.props,
@@ -1095,32 +1094,32 @@ const j = /* @__PURE__ */ R(dl, [["render", fl], ["__scopeId", "data-v-d1b15598"
       // Enums
       BentoFilterEvent: c,
       // Methods
-      onUpdate: (n) => t(c.UPDATE, n)
+      onUpdate: (l) => t(c.UPDATE, l)
     };
   }
 });
-function yl(e, t, a, n, r, u) {
-  const o = f("bento-avatar"), i = f("bento-select-filter");
+function Fl(e, t, a, l, s, u) {
+  const o = b("bento-avatar"), i = b("bento-select-filter");
   return v(), S(i, ee(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (l) => e.$emit(e.BentoFilterEvent.INPUT, l))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: m(({ label: l, data: s }) => [
+    default: m(({ label: n, data: r }) => [
       g(o, {
-        username: l,
-        src: s
+        username: n,
+        src: r
       }, null, 8, ["username", "src"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const nt = /* @__PURE__ */ R(vl, [["render", yl]]), ml = k({
+const at = /* @__PURE__ */ k(ml, [["render", Fl]]), _l = R({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: j,
-    ListboxOptionTag: Qe
+    ListboxOptionTag: Xe
   },
   props: {
     ...j.props,
@@ -1141,31 +1140,31 @@ const nt = /* @__PURE__ */ R(vl, [["render", yl]]), ml = k({
       // Enums
       BentoFilterEvent: c,
       // Methods
-      onUpdate: (n) => {
-        t(c.UPDATE, n);
+      onUpdate: (l) => {
+        t(c.UPDATE, l);
       }
     };
   }
 });
-function Fl(e, t, a, n, r, u) {
-  const o = f("listbox-option-tag"), i = f("bento-select-filter");
+function Bl(e, t, a, l, s, u) {
+  const o = b("listbox-option-tag"), i = b("bento-select-filter");
   return v(), S(i, ee(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (l) => e.$emit(e.BentoFilterEvent.INPUT, l))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: m((l) => [
-      g(o, { option: l }, null, 8, ["option"])
+    default: m((n) => [
+      g(o, { option: n }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const at = /* @__PURE__ */ R(ml, [["render", Fl]]), _l = k({
+const ot = /* @__PURE__ */ k(_l, [["render", Bl]]), hl = R({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: j,
-    BentoCountry: Yt
+    BentoCountry: jt
   },
   props: {
     ...j.props,
@@ -1183,45 +1182,49 @@ const at = /* @__PURE__ */ R(ml, [["render", Fl]]), _l = k({
   },
   emits: [c.INPUT, c.UPDATE],
   setup(e, { emit: t }) {
-    const a = M(e, "options"), { listboxItems: n, variant: r } = yt(a.value), u = (l) => t(c.UPDATE, l), o = Kt(r, n);
-    return {
+    const a = M(e, "options"), { listboxItems: l, variant: s } = mt(a.value), u = (n) => t(c.UPDATE, n), o = zt(s, l), i = f(() => ({
+      ...e.options,
+      listboxItems: o.value
+    }));
+    return Ft("skipBentoCountryDeprecateMessage", !0), (!s || s.value === "custom") && Ct(
+      'BentoSelectCountryFilter type with `options.variant==="custom"`',
+      "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
+      "2.0.0"
+    ), {
       // Values
-      countryOptions: b(() => ({
-        ...e.options,
-        listboxItems: o.value
-      })),
+      countryOptions: i,
       // Methods
       onUpdate: u,
       // Enums
-      BentoCountryVariant: Xe,
+      BentoCountryVariant: Ze,
       BentoFilterEvent: c
     };
   }
 });
-function Bl(e, t, a, n, r, u) {
-  const o = f("bento-country"), i = f("bento-select-filter");
+function gl(e, t, a, l, s, u) {
+  const o = b("bento-country"), i = b("bento-select-filter");
   return v(), S(i, ee(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (l) => e.$emit(e.BentoFilterEvent.INPUT, l))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: m(({ value: l, label: s }) => [
+    default: m(({ value: n, label: r }) => [
       g(o, {
-        code: l,
-        label: s,
+        code: n,
+        label: r,
         variant: e.BentoCountryVariant.CUSTOM
       }, null, 8, ["code", "label", "variant"])
     ]),
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const ot = /* @__PURE__ */ R(_l, [["render", Bl]]), hl = k({
+const st = /* @__PURE__ */ k(hl, [["render", gl]]), Cl = R({
   name: "bento-select-payment-method-filter",
   components: {
     BentoSelectFilter: j,
-    BentoPaymentMethod: Ht
+    BentoPaymentMethod: Gt
   },
   props: {
     ...j.props,
@@ -1242,32 +1245,32 @@ const ot = /* @__PURE__ */ R(_l, [["render", Bl]]), hl = k({
       // Enums
       BentoFilterEvent: c,
       // Methods
-      onUpdate: (n) => t(c.UPDATE, n)
+      onUpdate: (l) => t(c.UPDATE, l)
     };
   }
 });
-function gl(e, t, a, n, r, u) {
-  const o = f("bento-payment-method"), i = f("bento-select-filter");
+function Sl(e, t, a, l, s, u) {
+  const o = b("bento-payment-method"), i = b("bento-select-filter");
   return v(), S(i, ee(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (l) => e.$emit(e.BentoFilterEvent.INPUT, l))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: m(({ value: l, label: s }) => [
+    default: m(({ value: n, label: r }) => [
       g(o, {
-        type: l,
-        label: s
+        type: n,
+        label: r
       }, null, 8, ["type", "label"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const st = /* @__PURE__ */ R(hl, [["render", gl]]), Cl = k({
+const it = /* @__PURE__ */ k(Cl, [["render", Sl]]), Al = R({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: j,
-    ListboxOptionTag: Qe
+    ListboxOptionTag: Xe
   },
   props: {
     ...j.props,
@@ -1284,52 +1287,52 @@ const st = /* @__PURE__ */ R(hl, [["render", gl]]), Cl = k({
   },
   emits: [c.INPUT, c.UPDATE],
   setup(e, { emit: t }) {
-    const a = (u) => t(c.UPDATE, u), n = b(
+    const a = (u) => t(c.UPDATE, u), l = f(
       () => {
         var u, o;
-        return (o = (u = e == null ? void 0 : e.options) == null ? void 0 : u.listboxItems) == null ? void 0 : o.map(({ label: i, value: l, variant: s }) => ({ label: i, value: l, data: s }));
+        return (o = (u = e == null ? void 0 : e.options) == null ? void 0 : u.listboxItems) == null ? void 0 : o.map(({ label: i, value: n, variant: r }) => ({ label: i, value: n, data: r }));
       }
     );
     return {
       // Values
-      countryOptions: b(() => ({
+      countryOptions: f(() => ({
         ...e.options,
-        listboxItems: n.value
+        listboxItems: l.value
       })),
       // Methods
       onUpdate: a,
       // Enums
-      BentoCountryVariant: Xe,
+      BentoCountryVariant: Ze,
       BentoFilterEvent: c
     };
   }
 });
-function Sl(e, t, a, n, r, u) {
-  const o = f("listbox-option-tag"), i = f("bento-select-filter");
+function Tl(e, t, a, l, s, u) {
+  const o = b("listbox-option-tag"), i = b("bento-select-filter");
   return v(), S(i, ee(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (l) => e.$emit(e.BentoFilterEvent.INPUT, l))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: m(({ label: l, data: s }) => [
+    default: m(({ label: n, data: r }) => [
       g(o, {
-        option: { value: l, data: s, label: "" }
+        option: { value: n, data: r, label: "" }
       }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const it = /* @__PURE__ */ R(Cl, [["render", Sl]]), Le = {
+const rt = /* @__PURE__ */ k(Al, [["render", Tl]]), Me = {
   "en-US": {
     yes: "Yes",
     no: "No"
   }
-}, Al = k({
+}, $l = R({
   name: "bento-boolean-filter",
-  i18n: { messages: Le },
-  components: { BentoBaseFilter: re, BentoRadioGroup: It },
+  i18n: { messages: Me },
+  components: { BentoBaseFilter: re, BentoRadioGroup: Ut },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1356,49 +1359,49 @@ const it = /* @__PURE__ */ R(Cl, [["render", Sl]]), Le = {
   },
   emits: [c.INPUT, c.UPDATE],
   setup(e, { emit: t }) {
-    const { t: a } = le({ messages: Le }), n = b(() => [
+    const { t: a } = le({ messages: Me }), l = f(() => [
       { value: "yes", label: a("yes") },
       { value: "no", label: a("no") }
-    ]), { internalFilterValue: r, isSecondaryButtonDisabled: u, isApplyButtonDisabled: o } = ue(
+    ]), { internalFilterValue: s, isSecondaryButtonDisabled: u, isApplyButtonDisabled: o } = ue(
       M(e, "value"),
       M(e, "defaultValue")
-    ), i = b(
-      () => e.defaultValue === null ? e.label : ce(n.value.find(({ value: A }) => A === e.value).label, 18)
-    ), l = b(() => e.value != null ? 1 : null), s = b(() => ({
+    ), i = f(
+      () => e.defaultValue === null ? e.label : ce(l.value.find(({ value: A }) => A === e.value).label, 18)
+    ), n = f(() => e.value != null ? 1 : null), r = f(() => ({
       ["b-boolean-filter--only-slot"]: e.onlySlot
     }));
     Be(() => {
-      r.value || (r.value = null);
+      s.value || (s.value = null);
     });
     const y = (A) => {
-      r.value = A, t(c.INPUT, { ...e, value: r.value });
+      s.value = A, t(c.INPUT, { ...e, value: s.value });
     }, B = () => {
-      r.value = e.value;
+      s.value = e.value;
     }, d = () => {
-      t(c.UPDATE, { ...e, value: r.value });
+      t(c.UPDATE, { ...e, value: s.value });
     };
     return {
       // Values
-      items: n,
-      appliedFiltersCount: l,
-      conditionalClasses: s,
+      items: l,
+      appliedFiltersCount: n,
+      conditionalClasses: r,
       buttonLabel: i,
-      internalFilterValue: r,
+      internalFilterValue: s,
       isApplyButtonDisabled: o,
       isSecondaryButtonDisabled: u,
       // Events
       onInput: y,
       updateFilter: d,
       clearFilter: () => {
-        r.value = null, d();
+        s.value = null, d();
       },
       openFilter: B,
       resetFilter: () => t(c.UPDATE, { ...e, value: e.defaultValue })
     };
   }
 });
-function Tl(e, t, a, n, r, u) {
-  const o = f("bento-radio-group"), i = f("bento-base-filter");
+function Il(e, t, a, l, s, u) {
+  const o = b("bento-radio-group"), i = b("bento-base-filter");
   return v(), S(i, ee(e.$props, {
     "applied-filters-count": e.appliedFiltersCount,
     "disable-apply-button": e.isApplyButtonDisabled,
@@ -1411,14 +1414,15 @@ function Tl(e, t, a, n, r, u) {
     onReset: e.resetFilter
   }), {
     default: m(() => [
-      N("div", {
+      V("div", {
         class: ie(["b-boolean-filter", e.conditionalClasses]),
-        onKeydown: t[0] || (t[0] = ae((...l) => e.updateFilter && e.updateFilter(...l), ["enter"]))
+        onKeydown: t[0] || (t[0] = ae((...n) => e.updateFilter && e.updateFilter(...n), ["enter"]))
       }, [
         g(o, {
           items: e.items,
           label: e.label,
           "model-value": e.internalFilterValue,
+          "hide-label": "",
           "onUpdate:modelValue": e.onInput
         }, null, 8, ["items", "label", "model-value", "onUpdate:modelValue"])
       ], 34)
@@ -1426,15 +1430,15 @@ function Tl(e, t, a, n, r, u) {
     _: 1
   }, 16, ["applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const rt = /* @__PURE__ */ R(Al, [["render", Tl], ["__scopeId", "data-v-0e1506ae"]]), $l = {
+const ut = /* @__PURE__ */ k($l, [["render", Il], ["__scopeId", "data-v-781199b1"]]), Dl = {
   "en-US": {
     from: "From",
     to: "To"
   }
-}, Il = k({
+}, El = R({
   name: "bento-range-filter",
-  i18n: { messages: $l },
-  components: { BentoBaseFilter: re, BentoInputField: je },
+  i18n: { messages: Dl },
+  components: { BentoBaseFilter: re, BentoInputField: ze },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1461,52 +1465,52 @@ const rt = /* @__PURE__ */ R(Al, [["render", Tl], ["__scopeId", "data-v-0e1506ae
   },
   emits: [c.INPUT, c.UPDATE],
   setup(e, { emit: t }) {
-    const a = P(null), { internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: u } = ue(
+    const a = P(null), { internalFilterValue: l, isSecondaryButtonDisabled: s, isApplyButtonDisabled: u } = ue(
       M(e, "value"),
       M(e, "defaultValue")
-    ), o = b(
+    ), o = f(
       () => e.defaultValue === null ? e.label : `${ce(e.value[0], 5)}-${ce(e.value[1], 5)}`
-    ), i = b(() => e.value.find((C) => C !== "") ? 1 : null), l = b(() => ({
+    ), i = f(() => e.value.find((C) => C !== "") ? 1 : null), n = f(() => ({
       ["b-range-filter--only-slot"]: e.onlySlot
-    })), s = () => {
-      n.value = e.value, qe(() => a.value.focusInput());
+    })), r = () => {
+      l.value = e.value, Ye(() => a.value.focusInput());
     }, y = () => {
-      t(c.INPUT, { ...e, value: n.value });
+      t(c.INPUT, { ...e, value: l.value });
     }, B = (C) => {
-      n.value = [C, n.value[1]], y();
+      l.value = [C, l.value[1]], y();
     }, d = (C) => {
-      n.value = [n.value[0], C], y();
+      l.value = [l.value[0], C], y();
     }, h = () => {
-      t(c.UPDATE, {
+      l.value.some((C) => C) || (l.value = e.defaultValue !== null ? e.defaultValue : void 0), t(c.UPDATE, {
         ...e,
-        value: n.value
+        value: l.value
       });
     };
     return {
       // Enums
-      BentoInputFieldType: Dt,
+      BentoInputFieldType: Pt,
       // Values
       inputTextRef: a,
       appliedFiltersCount: i,
-      conditionalClasses: l,
-      internalFilterValue: n,
+      conditionalClasses: n,
+      internalFilterValue: l,
       isApplyButtonDisabled: u,
-      isSecondaryButtonDisabled: r,
+      isSecondaryButtonDisabled: s,
       buttonLabel: o,
       // Events
       updateFrom: B,
       updateTo: d,
       updateFilter: h,
       clearFilter: () => {
-        n.value = ["", ""], h();
+        l.value = ["", ""], h();
       },
-      openFilter: s,
+      openFilter: r,
       resetFilter: () => t(c.UPDATE, { ...e, value: e.defaultValue })
     };
   }
 });
-function Dl(e, t, a, n, r, u) {
-  const o = f("bento-input-field"), i = f("bento-base-filter");
+function Ul(e, t, a, l, s, u) {
+  const o = b("bento-input-field"), i = b("bento-base-filter");
   return v(), S(i, ee(e.$props, {
     "applied-filters-count": e.appliedFiltersCount,
     "disable-apply-button": e.isApplyButtonDisabled,
@@ -1519,31 +1523,31 @@ function Dl(e, t, a, n, r, u) {
     onReset: e.resetFilter
   }), {
     default: m(() => [
-      N("div", {
+      V("div", {
         class: ie(["b-range-filter", e.conditionalClasses]),
-        onKeydown: t[0] || (t[0] = ae((...l) => e.updateFilter && e.updateFilter(...l), ["enter"]))
+        onKeydown: t[0] || (t[0] = ae((...n) => e.updateFilter && e.updateFilter(...n), ["enter"]))
       }, [
         g(o, {
           ref: "inputTextRef",
-          value: e.internalFilterValue[0],
+          value: e.internalFilterValue ? e.internalFilterValue[0] : "",
           type: e.BentoInputFieldType.NUMBER,
           "aria-label": e.$t("from").toString(),
           onInput: e.updateFrom
         }, {
           default: m(() => [
-            V(L(e.$t("from")), 1)
+            N(L(e.$t("from")), 1)
           ]),
           _: 1
         }, 8, ["value", "type", "aria-label", "onInput"]),
         g(o, {
           class: "b-range-filter__input-field",
-          value: e.internalFilterValue[1],
+          value: e.internalFilterValue ? e.internalFilterValue[1] : "",
           type: e.BentoInputFieldType.NUMBER,
           "aria-label": e.$t("to").toString(),
           onInput: e.updateTo
         }, {
           default: m(() => [
-            V(L(e.$t("to")), 1)
+            N(L(e.$t("to")), 1)
           ]),
           _: 1
         }, 8, ["value", "type", "aria-label", "onInput"])
@@ -1552,11 +1556,11 @@ function Dl(e, t, a, n, r, u) {
     _: 1
   }, 16, ["applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const ut = /* @__PURE__ */ R(Il, [["render", Dl], ["__scopeId", "data-v-e8a42aea"]]);
+const dt = /* @__PURE__ */ k(El, [["render", Ul], ["__scopeId", "data-v-a248f4f6"]]);
 var _e = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(_e || {});
-const El = k({
+const Pl = R({
   name: "all-filters-modal-button",
-  components: { BaseFilterButton: Ze },
+  components: { BaseFilterButton: xe },
   props: {
     /**
      * Button label to be displayed
@@ -1578,7 +1582,7 @@ const El = k({
   emits: ["click"],
   setup(e, { emit: t }) {
     return {
-      conditionalClasses: b(() => ({
+      conditionalClasses: f(() => ({
         ["b-all-filters-modal-button--with-counter"]: e.appliedFiltersCount,
         ["b-all-filters-modal-button--filter-open"]: e.isFilterOpen
       })),
@@ -1588,8 +1592,8 @@ const El = k({
     };
   }
 });
-function Ul(e, t, a, n, r, u) {
-  const o = f("base-filter-button");
+function Rl(e, t, a, l, s, u) {
+  const o = b("base-filter-button");
   return v(), S(o, {
     class: ie(["b-all-filters-modal-button", e.conditionalClasses]),
     "amount-applied-values": e.appliedFiltersCount,
@@ -1598,12 +1602,12 @@ function Ul(e, t, a, n, r, u) {
     onClick: e.onClick
   }, {
     default: m(() => [
-      V(L(e.label), 1)
+      N(L(e.label), 1)
     ]),
     _: 1
   }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
 }
-const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-01e76c5e"]]), Me = {
+const kl = /* @__PURE__ */ k(Pl, [["render", Rl], ["__scopeId", "data-v-01e76c5e"]]), we = {
   "en-US": {
     activeFilters: "Active filters",
     allFilters: "All filters",
@@ -1615,27 +1619,27 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-01e76c5e
     otherFilters: "Other filters",
     searchBar: "Search bar"
   }
-}, kl = k({
-  i18n: { messages: Me },
+}, Ol = R({
+  i18n: { messages: we },
   name: "all-filters-modal",
   components: {
-    AllFiltersModalButton: Pl,
-    BentoBooleanFilter: rt,
-    BentoButton: Ke,
-    BentoDateFilter: tt,
-    BentoDateRangeFilter: lt,
-    BentoInputFilter: et,
-    BentoModal: Ut,
-    BentoRangeFilter: ut,
-    BentoSearchBar: fe,
-    BentoSelectAvatarFilter: nt,
-    BentoSelectCurrencyFilter: at,
-    BentoSelectCountryFilter: ot,
+    AllFiltersModalButton: kl,
+    BentoBooleanFilter: ut,
+    BentoButton: He,
+    BentoDateFilter: lt,
+    BentoDateRangeFilter: nt,
+    BentoInputFilter: tt,
+    BentoModal: kt,
+    BentoRangeFilter: dt,
+    BentoSearchBar: be,
+    BentoSelectAvatarFilter: at,
+    BentoSelectCurrencyFilter: ot,
+    BentoSelectCountryFilter: st,
     BentoSelectFilter: j,
-    BentoSelectPaymentMethodFilter: st,
-    BentoSelectTagFilter: it,
+    BentoSelectPaymentMethodFilter: it,
+    BentoSelectTagFilter: rt,
     BentoTypography: Ce,
-    FilterBarFilterButton: xe
+    FilterBarFilterButton: et
   },
   props: {
     /**
@@ -1665,7 +1669,7 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-01e76c5e
   },
   emits: [_e.INPUT],
   setup(e, { emit: t }) {
-    const a = Ye({ value: e.value }), n = ge("all-filters-modal"), r = P([]), u = P(!1), o = P(0), i = P(null), l = P(""), { t: s } = le({ messages: Me }), y = ze(l, M(a, "value")), B = P({});
+    const a = Ke({ value: e.value }), l = ge("all-filters-modal"), s = P([]), u = P(!1), o = P(0), i = P(null), n = P(""), { t: r } = le({ messages: we }), y = Ge(n, M(a, "value")), B = P({});
     Be(() => {
       B.value = [];
     }), ve(
@@ -1677,7 +1681,7 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-01e76c5e
     const d = (p) => (
       /* eslint-disable-next-line no-nested-ternary */
       p.sort(($, D) => $.label > D.label ? 1 : D.label > $.label ? -1 : 0)
-    ), h = b(
+    ), h = f(
       () => d(
         y.value.filter(
           (p) => {
@@ -1686,7 +1690,7 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-01e76c5e
           }
         )
       )
-    ), O = b(
+    ), O = f(
       () => d(
         y.value.filter(
           (p) => {
@@ -1695,21 +1699,21 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-01e76c5e
           }
         )
       )
-    ), A = b(() => {
+    ), A = f(() => {
       var p;
-      return l.value && ((p = y.value) == null ? void 0 : p.length) === 0;
-    }), C = b(() => a.value[o.value]), q = () => {
+      return n.value && ((p = y.value) == null ? void 0 : p.length) === 0;
+    }), C = f(() => a.value[o.value]), q = () => {
       const p = h.value.length ? h.value[0] : O.value[0], $ = a.value.findIndex(
         (D) => D.label === p.label && D.field === p.field
       );
       o.value = $;
     };
-    mt(() => {
+    _t(() => {
       q();
     });
-    const F = b(
+    const F = f(
       () => a.value.map((p) => {
-        var $, D, X, be, Te, $e;
+        var $, D, X, fe, Te, $e;
         switch (p.type) {
           case H.SELECT:
           case H.SELECT_AVATAR:
@@ -1735,13 +1739,13 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-01e76c5e
             return {
               label: p.label,
               field: p.field,
-              count: ((be = p.value) == null ? void 0 : be.startDate) != null && ((Te = p.value) == null ? void 0 : Te.endDate) != null ? 1 : null
+              count: ((fe = p.value) == null ? void 0 : fe.startDate) != null && ((Te = p.value) == null ? void 0 : Te.endDate) != null ? 1 : null
             };
           case H.RANGE:
             return {
               label: p.label,
               field: p.field,
-              count: ($e = p.value) != null && $e.find((ct) => ct !== "") ? 1 : null
+              count: ($e = p.value) != null && $e.find((ft) => ft !== "") ? 1 : null
             };
           case H.INPUT:
           case H.BOOLEAN:
@@ -1754,12 +1758,12 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-01e76c5e
             };
         }
       })
-    ), _ = b(
+    ), _ = f(
       () => {
         var p;
         return Array.isArray(C.value.value) ? ((p = C.value) == null ? void 0 : p.value.length) && C.value.value.find(($) => $ !== "") : !!a.value[o.value].value;
       }
-    ), I = b(
+    ), I = f(
       () => {
         var p;
         return (
@@ -1774,11 +1778,11 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-01e76c5e
         (D) => D.label === p && D.field === $
       );
     }, Y = () => {
-      l.value = "";
+      n.value = "";
     }, z = () => {
       u.value = !1, a.value = e.value, Y(), q();
     }, W = (p) => {
-      const $ = a.value.map(({ value: D, ...X }, be) => be === o.value ? { value: p.value, ...X } : { value: D, ...X });
+      const $ = a.value.map(({ value: D, ...X }, fe) => fe === o.value ? { value: p.value, ...X } : { value: D, ...X });
       a.value = $;
     }, G = () => {
       W({
@@ -1794,34 +1798,34 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-01e76c5e
       }));
     }, Z = () => {
       t(_e.INPUT, a.value), u.value = !1;
-    }, dt = b(
+    }, pt = f(
       () => JSON.stringify(a.value) === JSON.stringify(e.value)
-    ), pt = b(() => [
+    ), ct = f(() => [
       {
-        title: s("applyAll"),
-        disabled: dt.value,
+        title: r("applyAll"),
+        disabled: pt.value,
         event: Z
       },
       {
-        title: s("cancel"),
+        title: r("cancel"),
         event: z
       },
       {
-        title: s("clearAll"),
+        title: r("clearAll"),
         disabled: !I.value,
         event: T
       }
     ]);
     return {
       // Enums
-      BentoModalEvent: Pt,
-      BentoModalSize: kt,
+      BentoModalEvent: Ot,
+      BentoModalSize: Vt,
       BentoButtonVariant: he,
       BentoTypographyElement: Se,
       BentoTypographyVariant: Ae,
       // Values
-      allFiltersModalUniqueId: n,
-      allFiltersModalFiltersSection: r,
+      allFiltersModalUniqueId: l,
+      allFiltersModalFiltersSection: s,
       allFiltersModalFilterButtons: B,
       numberOfActiveFilters: I,
       isEmptyResultForSearchFilter: A,
@@ -1829,12 +1833,12 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-01e76c5e
       isClearButtonEnabled: _,
       activeFilters: h,
       otherFilters: O,
-      modalActions: pt,
+      modalActions: ct,
       selectedFilter: C,
       selectedFilterRef: i,
       filters: a,
       computedCounts: F,
-      searchTerm: l,
+      searchTerm: n,
       // Methods
       onClickAllFiltersModal: E,
       getFilterCount: w,
@@ -1844,7 +1848,7 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-01e76c5e
       updateFilter: W,
       onSearchbarClear: Y,
       onKeydownRight: () => {
-        Ot(1, i.value.$el).focus();
+        Lt(1, i.value.$el).focus();
       },
       onKeydownLeft: () => {
         B.value[C.value.label].$el.focus();
@@ -1852,19 +1856,19 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-01e76c5e
     };
   }
 });
-const Rl = { class: "b-all-filters-modal" }, Ol = {
+const Vl = { class: "b-all-filters-modal" }, Nl = {
   key: 0,
   class: "b-all-filters-modal__empty-search-message"
-}, Nl = {
+}, Ll = {
   key: 1,
   class: "b-all-filters-modal__filters-section"
-}, Vl = ["aria-labelledby"], Ll = {
+}, Ml = ["aria-labelledby"], wl = {
   key: 2,
   class: "b-all-filters-modal__filters-section"
-}, Ml = ["aria-labelledby"], wl = { class: "b-all-filters-modal__selected-filter-text" }, ql = { class: "b-all-filters-modal__selected-filter-component" }, Yl = { class: "b-all-filters-modal__clear-button" };
-function Kl(e, t, a, n, r, u) {
-  const o = f("filter-bar-filter-button"), i = f("bento-search-bar"), l = f("bento-typography"), s = f("all-filters-modal-button"), y = f("bento-button"), B = f("bento-modal");
-  return v(), U("div", Rl, [
+}, ql = ["aria-labelledby"], Yl = { class: "b-all-filters-modal__selected-filter-text" }, Kl = { class: "b-all-filters-modal__selected-filter-component" }, Hl = { class: "b-all-filters-modal__clear-button" };
+function jl(e, t, a, l, s, u) {
+  const o = b("filter-bar-filter-button"), i = b("bento-search-bar"), n = b("bento-typography"), r = b("all-filters-modal-button"), y = b("bento-button"), B = b("bento-modal");
+  return v(), U("div", Vl, [
     g(o, {
       label: e.$t("allFilters").toString(),
       "is-filter-open": e.isModalOpen,
@@ -1882,10 +1886,10 @@ function Kl(e, t, a, n, r, u) {
       onCloseModal: e.cancel
     }, {
       default: m(() => [
-        V(L(e.$t("allFilters")), 1)
+        N(L(e.$t("allFilters")), 1)
       ]),
       "content-col-1": m(() => [
-        N("div", {
+        V("div", {
           ref: "allFiltersModalFiltersSection",
           class: "b-all-filters-modal__filters",
           onKeydown: t[1] || (t[1] = ae((...d) => e.onKeydownRight && e.onKeydownRight(...d), ["right"]))
@@ -1897,36 +1901,36 @@ function Kl(e, t, a, n, r, u) {
             onInput: t[0] || (t[0] = (d) => e.searchTerm = d),
             onClear: e.onSearchbarClear
           }, null, 8, ["value", "input-field-aria-label", "onClear"]),
-          e.isEmptyResultForSearchFilter ? (v(), U("div", Ol, [
-            g(l, {
+          e.isEmptyResultForSearchFilter ? (v(), U("div", Nl, [
+            g(n, {
               el: e.BentoTypographyElement.SPAN
             }, {
               default: m(() => [
-                V(L(e.$t("noFiltersMatchThisSearch")), 1)
+                N(L(e.$t("noFiltersMatchThisSearch")), 1)
               ]),
               _: 1
             }, 8, ["el"])
           ])) : Q("", !0),
-          e.activeFilters.length ? (v(), U("div", Nl, [
-            g(l, {
+          e.activeFilters.length ? (v(), U("div", Ll, [
+            g(n, {
               id: `active-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
               el: e.BentoTypographyElement.SPAN,
               variant: e.BentoTypographyVariant.CAPTION
             }, {
               default: m(() => [
-                V(L(e.$t("activeFilters")), 1)
+                N(L(e.$t("activeFilters")), 1)
               ]),
               _: 1
             }, 8, ["id", "el", "variant"]),
-            N("ul", {
+            V("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}`
             }, [
               (v(!0), U(oe, null, se(e.activeFilters, (d) => (v(), U("li", {
                 key: `${d.label}-${d.field}`
               }, [
-                g(s, {
+                g(r, {
                   ref_for: !0,
                   ref: (h) => e.allFiltersModalFilterButtons[d.label] = h,
                   label: d.label,
@@ -1935,10 +1939,10 @@ function Kl(e, t, a, n, r, u) {
                   onClick: (h) => e.selectFilter(d.label, d.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
-            ], 8, Vl)
+            ], 8, Ml)
           ])) : Q("", !0),
-          e.otherFilters.length ? (v(), U("div", Ll, [
-            e.activeFilters.length ? (v(), S(l, {
+          e.otherFilters.length ? (v(), U("div", wl, [
+            e.activeFilters.length ? (v(), S(n, {
               key: 0,
               id: `other-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
@@ -1946,18 +1950,18 @@ function Kl(e, t, a, n, r, u) {
               variant: e.BentoTypographyVariant.CAPTION
             }, {
               default: m(() => [
-                V(L(e.$t("otherFilters")), 1)
+                N(L(e.$t("otherFilters")), 1)
               ]),
               _: 1
             }, 8, ["id", "el", "variant"])) : Q("", !0),
-            N("ul", {
+            V("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}`
             }, [
               (v(!0), U(oe, null, se(e.otherFilters, (d) => (v(), U("li", {
                 key: `${d.label}-${d.field}`
               }, [
-                g(s, {
+                g(r, {
                   ref_for: !0,
                   ref: (h) => e.allFiltersModalFilterButtons[d.label] = h,
                   label: d.label,
@@ -1966,39 +1970,39 @@ function Kl(e, t, a, n, r, u) {
                   onClick: (h) => e.selectFilter(d.label, d.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
-            ], 8, Ml)
+            ], 8, ql)
           ])) : Q("", !0)
         ], 544)
       ]),
       "content-col-2": m(() => [
-        N("div", {
+        V("div", {
           class: "b-all-filters-modal__selected-filter-content",
           onKeydown: t[2] || (t[2] = ae((...d) => e.onKeydownLeft && e.onKeydownLeft(...d), ["left"]))
         }, [
-          N("div", wl, [
-            g(l, {
+          V("div", Yl, [
+            g(n, {
               el: e.BentoTypographyElement.DIV,
               variant: e.BentoTypographyVariant.TITLE,
               medium: ""
             }, {
               default: m(() => [
-                V(L(e.selectedFilter.label), 1)
+                N(L(e.selectedFilter.label), 1)
               ]),
               _: 1
             }, 8, ["el", "variant"]),
-            e.selectedFilter.description ? (v(), S(l, {
+            e.selectedFilter.description ? (v(), S(n, {
               key: 0,
               el: e.BentoTypographyElement.DIV,
               variant: e.BentoTypographyVariant.BODY,
               wide: ""
             }, {
               default: m(() => [
-                V(L(e.selectedFilter.description), 1)
+                N(L(e.selectedFilter.description), 1)
               ]),
               _: 1
             }, 8, ["el", "variant"])) : Q("", !0)
           ]),
-          N("div", ql, [
+          V("div", Kl, [
             (v(), S(Fe(e.selectedFilter.type), {
               ref: "selectedFilterRef",
               key: e.selectedFilter.field,
@@ -2011,14 +2015,14 @@ function Kl(e, t, a, n, r, u) {
               onInput: e.updateFilter
             }, null, 40, ["field", "label", "options", "value", "default-value", "onInput"]))
           ]),
-          N("div", Yl, [
+          V("div", Hl, [
             g(y, {
               variant: e.BentoButtonVariant.SECONDARY,
               disabled: !e.isClearButtonEnabled,
               onClick: e.clearFilter
             }, {
               default: m(() => [
-                V(L(e.$t("clear")), 1)
+                N(L(e.$t("clear")), 1)
               ]),
               _: 1
             }, 8, ["variant", "disabled", "onClick"])
@@ -2029,7 +2033,7 @@ function Kl(e, t, a, n, r, u) {
     }, 8, ["is-open", "size", "actions", "onCloseModal"])
   ]);
 }
-const Hl = /* @__PURE__ */ R(kl, [["render", Kl], ["__scopeId", "data-v-c83c5109"]]), we = {
+const zl = /* @__PURE__ */ k(Ol, [["render", jl], ["__scopeId", "data-v-c83c5109"]]), qe = {
   "en-US": {
     clearAll: "Clear all",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -2038,24 +2042,24 @@ const Hl = /* @__PURE__ */ R(kl, [["render", Kl], ["__scopeId", "data-v-c83c5109
     resetAll: "Reset all",
     searchBar: "Search bar"
   }
-}, jl = k({
-  i18n: { messages: we },
+}, Gl = R({
+  i18n: { messages: qe },
   name: "bento-filter-bar",
   components: {
-    AllFiltersModal: Hl,
-    BentoButton: Ke,
-    BentoBooleanFilter: rt,
-    BentoDateFilter: tt,
-    BentoDateRangeFilter: lt,
-    BentoRangeFilter: ut,
-    BentoInputFilter: et,
+    AllFiltersModal: zl,
+    BentoButton: He,
+    BentoBooleanFilter: ut,
+    BentoDateFilter: lt,
+    BentoDateRangeFilter: nt,
+    BentoRangeFilter: dt,
+    BentoInputFilter: tt,
     BentoSelectFilter: j,
-    BentoSelectAvatarFilter: nt,
-    BentoSelectCountryFilter: ot,
-    BentoSelectCurrencyFilter: at,
-    BentoSelectPaymentMethodFilter: st,
-    BentoSelectTagFilter: it,
-    BentoSearchBar: fe
+    BentoSelectAvatarFilter: at,
+    BentoSelectCountryFilter: st,
+    BentoSelectCurrencyFilter: ot,
+    BentoSelectPaymentMethodFilter: it,
+    BentoSelectTagFilter: rt,
+    BentoSearchBar: be
   },
   props: {
     /**
@@ -2063,7 +2067,7 @@ const Hl = /* @__PURE__ */ R(kl, [["render", Kl], ["__scopeId", "data-v-c83c5109
      * If the value is non-existant (null or undefined) the search bar won't be enabled.
      */
     searchTerm: {
-      type: fe.props.value.type,
+      type: be.props.value.type,
       default: void 0
     },
     /**
@@ -2098,17 +2102,17 @@ const Hl = /* @__PURE__ */ R(kl, [["render", Kl], ["__scopeId", "data-v-c83c5109
     ne.UPDATE
   ],
   setup(e, { emit: t }) {
-    const { t: a } = le({ messages: we }), n = Et(), r = b(() => a("searchBar")), u = b(() => e.value.some(({ visible: _ }) => _ != null) ? e.value.some(({ visible: _ }) => !_) : !1), o = b(
+    const { t: a } = le({ messages: qe }), l = Rt(), s = f(() => a("searchBar")), u = f(() => e.value.some(({ visible: _ }) => _ != null) ? e.value.some(({ visible: _ }) => !_) : !1), o = f(
       () => e.value.filter(({ defaultValue: F }) => F !== void 0)
-    ), i = b(() => e.value.some(({ visible: _ }) => _ != null) ? e.value.filter(({ defaultValue: _, visible: I }) => _ === void 0 && I) : e.value.filter(({ defaultValue: _ }) => _ === void 0)), l = b(() => e.searchTerm != null), s = b(
+    ), i = f(() => e.value.some(({ visible: _ }) => _ != null) ? e.value.filter(({ defaultValue: _, visible: I }) => _ === void 0 && I) : e.value.filter(({ defaultValue: _ }) => _ === void 0)), n = f(() => e.searchTerm != null), r = f(
       () => e.value.filter(({ defaultValue: F }) => F == null).some(({ value: F }) => F != null)
-    ), y = b(() => o.value.length === 0 && s.value), B = b(() => o.value.length === 0 ? !1 : !e.value.filter(({ defaultValue: _ }) => _ !== void 0 || _ !== null).every(({ value: _, defaultValue: I }) => JSON.stringify(_) === JSON.stringify(I)) || s.value);
+    ), y = f(() => o.value.length === 0 && r.value), B = f(() => o.value.length === 0 ? !1 : !e.value.filter(({ defaultValue: _ }) => _ !== void 0 || _ !== null).every(({ value: _, defaultValue: I }) => JSON.stringify(_) === JSON.stringify(I)) || r.value);
     return {
       // Values
       hasHiddenFilters: u,
       isClearAllVisible: y,
-      isSearchBarEnabled: l,
-      searchBarAriaLabel: r,
+      isSearchBarEnabled: n,
+      searchBarAriaLabel: s,
       persistentFilters: o,
       regularFilters: i,
       isResetAllVisible: B,
@@ -2127,7 +2131,7 @@ const Hl = /* @__PURE__ */ R(kl, [["render", Kl], ["__scopeId", "data-v-c83c5109
           ...E,
           value: void 0
         }));
-        n.addToast({
+        l.addToast({
           text: a("filtersHaveBeenCleared"),
           action: {
             handler: () => t(x.INPUT, F),
@@ -2147,7 +2151,7 @@ const Hl = /* @__PURE__ */ R(kl, [["render", Kl], ["__scopeId", "data-v-c83c5109
           defaultValue: I,
           value: I
         }));
-        n.addToast({
+        l.addToast({
           text: a("filtersHaveBeenReset"),
           action: {
             handler: () => t(x.INPUT, F),
@@ -2158,32 +2162,32 @@ const Hl = /* @__PURE__ */ R(kl, [["render", Kl], ["__scopeId", "data-v-c83c5109
     };
   }
 });
-const zl = { class: "b-filter-bar" }, Gl = { class: "b-filter-bar__filters-wrapper" }, Jl = {
+const Jl = { class: "b-filter-bar" }, Wl = { class: "b-filter-bar__filters-wrapper" }, Ql = {
   key: 0,
   class: "b-filter-bar__persistent-filters"
-}, Wl = { class: "b-filter-bar__regular-filters" };
-function Ql(e, t, a, n, r, u) {
-  const o = f("all-filters-modal"), i = f("bento-button"), l = f("bento-search-bar");
-  return v(), U("div", zl, [
-    N("div", Gl, [
-      e.persistentFilters.length ? (v(), U("div", Jl, [
-        (v(!0), U(oe, null, se(e.persistentFilters, (s) => (v(), S(Fe(s.type), {
-          key: s.field,
-          field: s.field,
-          label: s.label,
-          options: s.options,
-          value: s.value,
-          "default-value": s.defaultValue,
+}, Xl = { class: "b-filter-bar__regular-filters" };
+function Zl(e, t, a, l, s, u) {
+  const o = b("all-filters-modal"), i = b("bento-button"), n = b("bento-search-bar");
+  return v(), U("div", Jl, [
+    V("div", Wl, [
+      e.persistentFilters.length ? (v(), U("div", Ql, [
+        (v(!0), U(oe, null, se(e.persistentFilters, (r) => (v(), S(Fe(r.type), {
+          key: r.field,
+          field: r.field,
+          label: r.label,
+          options: r.options,
+          value: r.value,
+          "default-value": r.defaultValue,
           onUpdate: e.updateFilterHandler
         }, null, 40, ["field", "label", "options", "value", "default-value", "onUpdate"]))), 128))
       ])) : Q("", !0),
-      N("div", Wl, [
-        (v(!0), U(oe, null, se(e.regularFilters, (s) => (v(), S(Fe(s.type), {
-          key: s.field,
-          field: s.field,
-          label: s.label,
-          options: s.options,
-          value: s.value,
+      V("div", Xl, [
+        (v(!0), U(oe, null, se(e.regularFilters, (r) => (v(), S(Fe(r.type), {
+          key: r.field,
+          field: r.field,
+          label: r.label,
+          options: r.options,
+          value: r.value,
           onUpdate: e.updateFilterHandler
         }, null, 40, ["field", "label", "options", "value", "onUpdate"]))), 128)),
         e.hasHiddenFilters ? (v(), S(o, {
@@ -2198,7 +2202,7 @@ function Ql(e, t, a, n, r, u) {
         onClick: e.clearAllFilters
       }, {
         default: m(() => [
-          V(L(e.$t("clearAll")), 1)
+          N(L(e.$t("clearAll")), 1)
         ]),
         _: 1
       }, 8, ["variant", "onClick"]), [
@@ -2210,14 +2214,14 @@ function Ql(e, t, a, n, r, u) {
         onClick: e.resetAllFilters
       }, {
         default: m(() => [
-          V(L(e.$t("resetAll")), 1)
+          N(L(e.$t("resetAll")), 1)
         ]),
         _: 1
       }, 8, ["variant", "onClick"]), [
         [Ee, e.isResetAllVisible]
       ])
     ]),
-    e.isSearchBarEnabled ? (v(), S(l, {
+    e.isSearchBarEnabled ? (v(), S(n, {
       key: 0,
       class: "b-filter-bar__search-bar",
       "input-field-aria-label": e.searchBarAriaLabel,
@@ -2227,9 +2231,9 @@ function Ql(e, t, a, n, r, u) {
     }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : Q("", !0)
   ]);
 }
-const Rn = /* @__PURE__ */ R(jl, [["render", Ql], ["__scopeId", "data-v-37437d66"]]);
+const Vn = /* @__PURE__ */ k(Gl, [["render", Zl], ["__scopeId", "data-v-37437d66"]]);
 export {
-  Rn as BentoFilterBar,
+  Vn as BentoFilterBar,
   x as BentoFilterBarEvent,
   c as BentoFilterEvent,
   H as BentoFilterItemType