@adyen/bento-vue3 1.9.0 → 1.11.0

package/dist/filter-bar.js

@@ -1,55 +1,54 @@
-import { onMounted as Je, onUnmounted as _t, defineComponent as N, useSlots as Ft, useAttrs as gt, computed as f, ref as K, openBlock as b, createBlock as $, unref as te, normalizeClass as ie, withCtx as p, createTextVNode as O, toDisplayString as R, createCommentVNode as w, createElementBlock as P, createElementVNode as k, renderSlot as oe, createVNode as g, Teleport as Ct, watch as _e, resolveComponent as y, withKeys as de, toRef as J, onBeforeUpdate as Ie, mergeProps as se, Fragment as pe, reactive as Ge, createSlots as Ae, renderList as ve, normalizeProps as ke, guardReactiveProps as Pe, pushScopeId as St, popScopeId as $t, toRefs as At, provide as Bt, nextTick as Dt, resolveDynamicComponent as Be, withDirectives as Fe, vShow as ge } from "vue";
-import { _ as M } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { a as Ve } from "./chunks/index.98174339.js";
-import { B as It } from "./chunks/directive.0408e565.js";
-import { B as Tt } from "./chunks/tooltip.27c32d36.js";
-import { u as ce } from "./chunks/i18n.6c402773.js";
+import { onMounted as Je, onUnmounted as _t, defineComponent as H, useSlots as Ft, useAttrs as gt, computed as b, ref as j, openBlock as c, createBlock as A, unref as te, normalizeClass as ie, withCtx as p, createTextVNode as N, toDisplayString as O, createCommentVNode as M, createElementBlock as R, createElementVNode as P, renderSlot as oe, createVNode as S, Teleport as Ct, watch as _e, resolveComponent as y, withKeys as ce, toRef as G, onBeforeUpdate as Ie, mergeProps as se, Fragment as pe, reactive as Ge, createSlots as Ae, renderList as ve, normalizeProps as ke, guardReactiveProps as Pe, pushScopeId as St, popScopeId as $t, toRefs as At, nextTick as Bt, resolveDynamicComponent as Be, withDirectives as Fe, vShow as ge } from "vue";
+import { _ as q } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { a as Ve } from "./chunks/index.03605cb0.js";
+import { B as Dt } from "./chunks/directive.0408e565.js";
+import { B as It } from "./chunks/tooltip.785993dd.js";
+import { u as be } from "./chunks/i18n.6c402773.js";
 import { g as Te } from "./chunks/unique-id.a2a2b458.js";
-import { o as Et } from "./chunks/on-click-outside.3e0c3e2a.js";
-import { B as fe, d as Ut } from "./chunks/index.75f3672e.js";
+import { o as Tt } from "./chunks/on-click-outside.3e0c3e2a.js";
+import { B as de, d as Et } from "./chunks/index.09f7f1b5.js";
 import { u as We } from "./chunks/aria-label.ac9651a5.js";
-import { B as Ze, a as Re } from "./chunks/base-button.aa085dfa.js";
+import { B as Ze, a as Re } from "./chunks/base-button.39fae75f.js";
 import { g as Qe } from "./chunks/get-slot-text.bead058f.js";
 import { u as Xe } from "./chunks/use-has-slot.4d98bf29.js";
 import { a as xe, C as et } from "./chunks/chevron-up.46afb34c.js";
-import { BentoRadioGroup as kt } from "./radio-group.js";
+import { BentoRadioGroup as Ut } from "./radio-group.js";
 import { BentoInputField as tt } from "./input-field.js";
-import { BentoSearchBar as Ce, BentoSearchBarEvent as be } from "./search-bar.js";
-import { u as Pt } from "./chunks/toastController.0b01d2e8.js";
-import { BentoModal as Vt } from "./modal.js";
-import { e as Rt } from "./chunks/base-modal.a629cb32.js";
-import { a as Ot } from "./chunks/button.82ed953e.js";
-import { B as Lt, u as lt } from "./chunks/dropdown.63de9aac.js";
-import { g as wt } from "./chunks/index.4d2a13e1.js";
-import { BentoDivider as nt } from "./divider.js";
-import { BentoDatePicker as Nt } from "./date-picker.js";
-import { f as ue } from "./chunks/index.0ee895e0.js";
-import { e as ae, d as at, f as ot } from "./chunks/index.f55fdc32.js";
-import { C as Mt, i as Ht } from "./chunks/calendar.fa7712e8.js";
-import { B as qt, D as Kt, i as Oe } from "./chunks/index.c6fecf1c.js";
+import { BentoSearchBar as Ce, BentoSearchBarEvent as fe } from "./search-bar.js";
+import { u as kt } from "./chunks/toastController.0b01d2e8.js";
+import { BentoModal as Pt } from "./modal.js";
+import { e as Vt } from "./chunks/base-modal.161ce8f0.js";
+import { a as Rt } from "./chunks/button.623a46d2.js";
+import { B as Ot, u as lt } from "./chunks/dropdown.96431c25.js";
+import { g as Lt } from "./chunks/index.80078bf9.js";
+import { B as at } from "./chunks/index.113137fb.js";
+import { BentoDatePicker as wt } from "./date-picker.js";
+import { f as ue } from "./chunks/index.45d00aad.js";
+import { e as ne, d as nt, f as ot } from "./chunks/index.f55fdc32.js";
+import { C as Nt, i as Mt } from "./chunks/calendar.b1d05580.js";
+import { B as Ht, D as qt, i as Oe } from "./chunks/index.ef1c4d59.js";
 import { D as Le } from "./chunks/date-input.9186a0bf.js";
-import { BentoButtonActions as jt } from "./button.js";
-import { B as Yt } from "./chunks/listbox.ac43f8ab.js";
-import { B as zt, L as st } from "./chunks/listbox-option-tag.b1eb32bd.js";
-import { BentoCountry as Jt } from "./country.js";
-import { u as Gt } from "./chunks/useCountryItems.e83ef8f0.js";
-import { BentoPaymentMethod as Wt } from "./payment-method.js";
-import { R as Zt } from "./chunks/refresh.bd60f6a8.js";
-import { F as Qt } from "./chunks/fixed-scroller.bced60dd.js";
-import "./assets/index33.css";
+import { BentoButtonActions as Kt } from "./button.js";
+import { B as jt } from "./chunks/listbox.dd9883c5.js";
+import { B as Yt, L as st } from "./chunks/listbox-option-tag.ff6d6f32.js";
+import { u as zt } from "./chunks/useCountryItems.d2a1f224.js";
+import { BentoPaymentMethod as Jt } from "./payment-method.js";
+import { R as Gt } from "./chunks/refresh.bd60f6a8.js";
+import { F as Wt } from "./chunks/fixed-scroller.ebfb2f80.js";
+import "./assets/index2.css";
 var it = !1;
-const Xt = (e, t, n = {}) => {
+const Zt = (e, t, a = {}) => {
   let l;
   Je(() => {
-    l = Et(e, t, n);
+    l = Tt(e, t, a);
   }), _t(() => {
     l && (l(), l = null);
   });
-}, xt = { class: "b-filter-bar-button__container" }, el = { class: "b-filter-bar-button__label-container" }, tl = {
+}, Qt = { class: "b-filter-bar-button__container" }, Xt = { class: "b-filter-bar-button__label-container" }, xt = {
   key: 1,
   class: "b-filter-bar-button__chevron"
-}, ll = {}, nl = /* @__PURE__ */ N({
-  ...ll,
+}, el = {}, tl = /* @__PURE__ */ H({
+  ...el,
   __name: "filter-bar-button",
   props: {
     /**
@@ -79,30 +78,30 @@ const Xt = (e, t, n = {}) => {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, l = Ft(), o = gt(), i = Xe(l), s = f(() => l.default ? Qe(l)("default") : null), r = We({ ariaLabel: s }), a = K(null), u = f(() => {
+    const a = e, l = Ft(), o = gt(), i = Xe(l), s = b(() => l.default ? Qe(l)("default") : null), r = We({ ariaLabel: s }), n = j(null), f = b(() => {
       var _;
       return {
         "aria-controls": (_ = o["aria-controls"]) == null ? void 0 : _.toString()
       };
-    }), h = f(() => ({
-      "b-filter-bar-button--filter-open": n.isFilterOpen,
-      "b-filter-bar-button--with-counter": n.appliedFiltersCount,
-      "b-filter-bar-button--with-chevron": n.hasChevron
+    }), h = b(() => ({
+      "b-filter-bar-button--filter-open": a.isFilterOpen,
+      "b-filter-bar-button--with-counter": a.appliedFiltersCount,
+      "b-filter-bar-button--with-chevron": a.hasChevron
     })), m = (_) => {
-      n.disabled || t("click", _);
+      a.disabled || t("click", _);
     };
-    return (_, d) => (b(), $(te(Ze), {
+    return (_, u) => (c(), A(te(Ze), {
       ref_key: "filterBarButtonRef",
-      ref: a,
+      ref: n,
       class: ie(["b-filter-bar-button", te(h)]),
       disabled: e.disabled,
       "aria-label": te(r),
-      "aria-controls": te(u)["aria-controls"],
+      "aria-controls": te(f)["aria-controls"],
       type: "button",
       onClick: m
     }, {
       iconRight: p(() => [
-        e.appliedFiltersCount && !e.hasChevron ? (b(), $(te(fe), {
+        e.appliedFiltersCount && !e.hasChevron ? (c(), A(te(de), {
           key: 0,
           class: "b-filter-bar-button__counter",
           el: "span",
@@ -110,25 +109,25 @@ const Xt = (e, t, n = {}) => {
           stronger: ""
         }, {
           default: p(() => [
-            O(R(e.appliedFiltersCount), 1)
+            N(O(e.appliedFiltersCount), 1)
           ]),
           _: 1
-        })) : w("", !0),
-        e.hasChevron ? (b(), P("div", tl, [
-          e.isFilterOpen ? (b(), $(te(xe), {
+        })) : M("", !0),
+        e.hasChevron ? (c(), R("div", xt, [
+          e.isFilterOpen ? (c(), A(te(xe), {
             key: 0,
             "aria-hidden": "true"
-          })) : (b(), $(te(et), {
+          })) : (c(), A(te(et), {
             key: 1,
             "aria-hidden": "true"
           }))
-        ])) : w("", !0)
+        ])) : M("", !0)
       ]),
       default: p(() => [
-        k("div", xt, [
-          te(i)("iconLeft") ? oe(_.$slots, "iconLeft", { key: 0 }, void 0, !0) : w("", !0),
-          k("div", el, [
-            g(te(fe), {
+        P("div", Qt, [
+          te(i)("iconLeft") ? oe(_.$slots, "iconLeft", { key: 0 }, void 0, !0) : M("", !0),
+          P("div", Xt, [
+            S(te(de), {
               el: "span",
               variant: "body",
               stronger: "",
@@ -139,7 +138,7 @@ const Xt = (e, t, n = {}) => {
               ]),
               _: 3
             }),
-            e.secondaryLabel ? (b(), $(te(fe), {
+            e.secondaryLabel ? (c(), A(te(de), {
               key: 0,
               el: "span",
               variant: "body",
@@ -147,10 +146,10 @@ const Xt = (e, t, n = {}) => {
               class: "b-filter-bar-button__secondary-label"
             }, {
               default: p(() => [
-                O(R(e.secondaryLabel), 1)
+                N(O(e.secondaryLabel), 1)
               ]),
               _: 1
-            })) : w("", !0)
+            })) : M("", !0)
           ])
         ])
       ]),
@@ -158,8 +157,8 @@ const Xt = (e, t, n = {}) => {
     }, 8, ["class", "disabled", "aria-label", "aria-controls"]));
   }
 });
-const Ee = /* @__PURE__ */ M(nl, [["__scopeId", "data-v-b1f946e5"]]);
-var v = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(v || {}), he = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES = "update:filter-values", e))(he || {}), 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 || {}), le = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(le || {});
+const Ee = /* @__PURE__ */ q(tl, [["__scopeId", "data-v-b1f946e5"]]);
+var v = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(v || {}), he = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES = "update:filter-values", e))(he || {}), Z = /* @__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))(Z || {}), le = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(le || {});
 const we = {
   "en-US": {
     clear: "Clear",
@@ -186,7 +185,7 @@ const we = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, al = N({
+}, ll = H({
   name: "teleport",
   props: {
     to: {
@@ -249,8 +248,8 @@ const we = {
     },
     onMutations(e) {
       let t = !1;
-      for (let n = 0; n < e.length; n++) {
-        const l = e[n], o = Array.from(l.addedNodes).filter(
+      for (let a = 0; a < e.length; a++) {
+        const l = e[a], o = Array.from(l.addedNodes).filter(
           (i) => !this.nodes.includes(i)
         );
         Array.from(l.removedNodes).includes(this.parent) ? (this.disable(), this.waiting = !this.disabled) : this.waiting && o.length > 0 && (t = !0);
@@ -264,7 +263,7 @@ const we = {
         attributes: !1,
         characterData: !1
       }), !this.childObserver && (this.childObserver = new MutationObserver((e) => {
-        e.find((n) => n.target === this.$el) && (this.nodes.forEach((n) => n.parentNode && n.parentNode.removeChild(n)), this.nodes = this.getComponentChildrenNode(), this.maybeMove());
+        e.find((a) => a.target === this.$el) && (this.nodes.forEach((a) => a.parentNode && a.parentNode.removeChild(a)), this.nodes = this.getComponentChildrenNode(), this.maybeMove());
       }), this.childObserver.observe(this.$el, {
         childList: !0,
         subtree: !1,
@@ -279,15 +278,15 @@ const we = {
       return [];
     }
   }
-}), ol = /* @__PURE__ */ N({
-  ...al,
+}), al = /* @__PURE__ */ H({
+  ...ll,
   setup(e) {
-    return (t, n) => te(it) ? (b(), P("div", {
+    return (t, a) => te(it) ? (c(), R("div", {
       key: 0,
       class: ie(t.classes)
     }, [
       oe(t.$slots, "default", {}, void 0, !0)
-    ], 2)) : (b(), $(Ct, {
+    ], 2)) : (c(), A(Ct, {
       key: 1,
       to: t.to,
       where: t.where,
@@ -298,15 +297,15 @@ const we = {
     ], 8, ["to", "where", "disabled", "class"]));
   }
 });
-const sl = /* @__PURE__ */ M(ol, [["__scopeId", "data-v-d3ffe999"]]), il = N({
+const nl = /* @__PURE__ */ q(al, [["__scopeId", "data-v-d3ffe999"]]), ol = H({
   i18n: { messages: we },
   name: "bento-base-filter",
   components: {
     BentoPopover: Ve,
-    BentoTeleport: sl,
+    BentoTeleport: nl,
     FilterBarButton: Ee
   },
-  directives: { BentoClickOutsideDirective: It },
+  directives: { BentoClickOutsideDirective: Dt },
   props: {
     /**
      * Total count of applied filters
@@ -367,62 +366,62 @@ const sl = /* @__PURE__ */ M(ol, [["__scopeId", "data-v-d3ffe999"]]), il = N({
     le.RESET
   ],
   setup(e, { emit: t }) {
-    const { t: n } = ce({ messages: we }), l = Te("base-filter-popover"), o = K(!1), i = K(null), s = K(null), r = f(() => e.defaultValue !== null), a = () => {
+    const { t: a } = be({ messages: we }), l = Te("base-filter-popover"), o = j(!1), i = j(null), s = j(null), r = b(() => e.defaultValue !== null), n = () => {
       o.value && (o.value = !1, t(le.CLOSE));
-    }, u = () => {
-      a(), r.value ? t(le.RESET) : t(le.CLEAR);
-    }, h = () => a(), m = () => {
-      o.value ? a() : (o.value = !0, t(le.OPEN));
+    }, f = () => {
+      n(), r.value ? t(le.RESET) : t(le.CLEAR);
+    }, h = () => n(), m = () => {
+      o.value ? n() : (o.value = !0, t(le.OPEN));
     }, _ = () => {
-      a(), t(le.APPLY);
-    }, d = f(() => [
+      n(), t(le.APPLY);
+    }, u = b(() => [
       {
-        title: n("apply"),
+        title: a("apply"),
         event: _,
         disabled: e.disableApplyButton
       },
       {
-        title: r.value ? n("reset") : n("clear"),
-        event: u,
+        title: r.value ? a("reset") : a("clear"),
+        event: f,
         disabled: e.disableSecondaryButton
       }
     ]);
     return _e(
       () => o.value,
-      (D, T) => {
-        var A, E;
-        !D && T && (E = (A = i.value) == null ? void 0 : A.filterBarButtonRef) != null && E.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      (I, E) => {
+        var B, U;
+        !I && E && (U = (B = i.value) == null ? void 0 : B.filterBarButtonRef) != null && U.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
-    ), Xt(s, h, { ignore: [i] }), {
+    ), Zt(s, h, { ignore: [i] }), {
       // Values
-      actions: d,
+      actions: u,
       popoverId: l,
       isFilterOpen: o,
       isPersistentFilter: r,
       // Enums
-      BentoTooltipPosition: Tt,
+      BentoTooltipPosition: It,
       // Events
       onClickFilter: m,
       onClickApply: _,
-      onClickSecondaryAction: u,
+      onClickSecondaryAction: f,
       onClickOutside: h,
-      closePopover: a,
+      closePopover: n,
       // Refs
       filterButtonRef: i,
       popoverRef: s
     };
   }
 });
-const rl = { key: 0 }, ul = {
+const sl = { key: 0 }, il = {
   key: 1,
   class: "b-base-filter"
 };
-function dl(e, t, n, l, o, i) {
-  const s = y("filter-bar-button"), r = y("bento-popover"), a = y("bento-teleport");
-  return e.onlySlot ? (b(), P("div", rl, [
+function rl(e, t, a, l, o, i) {
+  const s = y("filter-bar-button"), r = y("bento-popover"), n = y("bento-teleport");
+  return e.onlySlot ? (c(), R("div", sl, [
     oe(e.$slots, "default", {}, void 0, !0)
-  ])) : (b(), P("div", ul, [
-    g(s, {
+  ])) : (c(), R("div", il, [
+    S(s, {
       ref: "filterButtonRef",
       "aria-controls": e.isFilterOpen ? e.popoverId : null,
       "has-chevron": e.isPersistentFilter,
@@ -430,16 +429,16 @@ function dl(e, t, n, l, o, i) {
       "applied-filters-count": e.appliedFiltersCount,
       "secondary-label": e.buttonSecondaryLabel,
       onClick: e.onClickFilter,
-      onKeydown: de(e.closePopover, ["esc"])
+      onKeydown: ce(e.closePopover, ["esc"])
     }, {
       default: p(() => [
-        O(R(e.buttonLabel || e.label), 1)
+        N(O(e.buttonLabel || e.label), 1)
       ]),
       _: 1
     }, 8, ["aria-controls", "has-chevron", "is-filter-open", "applied-filters-count", "secondary-label", "onClick", "onKeydown"]),
-    g(a, { to: "body" }, {
+    S(n, { to: "body" }, {
       default: p(() => [
-        e.filterButtonRef ? (b(), $(r, {
+        e.filterButtonRef ? (c(), A(r, {
           key: 0,
           id: e.popoverId,
           ref: "popoverRef",
@@ -456,39 +455,39 @@ function dl(e, t, n, l, o, i) {
           "fallback-position": ["bottom-end"]
         }, {
           default: p(() => [
-            k("div", {
-              onKeydown: t[0] || (t[0] = de((...u) => e.closePopover && e.closePopover(...u), ["esc"]))
+            P("div", {
+              onKeydown: t[0] || (t[0] = ce((...f) => e.closePopover && e.closePopover(...f), ["esc"]))
             }, [
               oe(e.$slots, "default", {}, void 0, !0)
             ], 32)
           ]),
           _: 3
-        }, 8, ["id", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : w("", !0)
+        }, 8, ["id", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : M("", !0)
       ]),
       _: 3
     })
   ]));
 }
-const ye = /* @__PURE__ */ M(il, [["render", dl], ["__scopeId", "data-v-84e3bc72"]]), cl = (e) => e instanceof Array, Ne = (e) => cl(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);
+const ye = /* @__PURE__ */ q(ol, [["render", rl], ["__scopeId", "data-v-84e3bc72"]]), ul = (e) => e instanceof Array, Ne = (e) => ul(e) ? e.length === 0 || e.every((t) => t === "") : !e, Me = (e, t) => JSON.stringify(e) === JSON.stringify(t), me = (e, t) => {
+  const a = j(e.value);
   _e(
     () => e.value,
     () => {
-      n.value = e.value;
+      a.value = e.value;
     }
   );
-  const l = f(() => Ne(e.value)), o = f(
+  const l = b(() => Ne(e.value)), o = b(
     () => t.value !== null ? Me(t.value, e.value) : l.value
-  ), i = f(() => Me(n.value, e.value) || Ne(n.value) && l.value);
+  ), i = b(() => Me(a.value, e.value) || Ne(a.value) && l.value);
   return {
-    internalFilterValue: n,
+    internalFilterValue: a,
     isSecondaryButtonDisabled: o,
     isApplyButtonDisabled: i
   };
 }, re = (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;
-}, bl = N({
+  const a = e == null ? void 0 : e.toString();
+  return (a == null ? void 0 : a.length) > t ? `${a == null ? void 0 : a.slice(0, t)}...` : a;
+}, dl = H({
   name: "bento-input-filter",
   components: {
     BentoBaseFilter: ye,
@@ -520,21 +519,21 @@ const ye = /* @__PURE__ */ M(il, [["render", dl], ["__scopeId", "data-v-84e3bc72
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const n = K(null), { internalFilterValue: l, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = me(
-      J(e, "value"),
-      J(e, "defaultValue")
-    ), s = f(() => e.defaultValue === null ? e.label : re(e.value, 18)), r = f(
+    const a = j(null), { internalFilterValue: l, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = me(
+      G(e, "value"),
+      G(e, "defaultValue")
+    ), s = b(() => e.defaultValue === null ? e.label : re(e.value, 18)), r = b(
       () => e.defaultValue === null ? re(e.value, 12) : null
-    ), a = f(() => ({
+    ), n = b(() => ({
       ["b-input-filter--only-slot"]: e.onlySlot
     }));
     Ie(() => {
       l.value === "" && (l.value = null);
-    }), _e(n, () => {
-      var T;
-      (T = n.value) == null || T.focusInput();
+    }), _e(a, () => {
+      var E;
+      (E = a.value) == null || E.focusInput();
     });
-    const u = () => {
+    const f = () => {
       l.value = e.value;
     }, h = () => {
       !l.value && e.defaultValue !== null && (l.value = e.defaultValue), t(v.UPDATE, { ...e, value: l.value });
@@ -543,31 +542,31 @@ const ye = /* @__PURE__ */ M(il, [["render", dl], ["__scopeId", "data-v-84e3bc72
       // Values
       buttonLabel: s,
       buttonSecondaryLabel: r,
-      conditionalClasses: a,
+      conditionalClasses: n,
       internalFilterValue: l,
       isApplyButtonDisabled: i,
       isSecondaryButtonDisabled: o,
       // Refs
-      inputTextRef: n,
+      inputTextRef: a,
       // Events
       updateFilter: h,
       clearFilter: () => {
         l.value = null, h();
       },
-      openFilter: u,
+      openFilter: f,
       resetFilter: () => t(v.UPDATE, { ...e, value: e.defaultValue }),
       onInput: () => {
         t(v.INPUT, { ...e, value: l.value });
       },
-      setInternalFilterValue: (T) => {
-        l.value = T;
+      setInternalFilterValue: (E) => {
+        l.value = E;
       }
     };
   }
 });
-function fl(e, t, n, l, o, i) {
+function cl(e, t, a, l, o, i) {
   const s = y("bento-input-field"), r = y("bento-base-filter");
-  return b(), $(r, se(e.$props, {
+  return c(), A(r, se(e.$props, {
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
     "disable-apply-button": e.isApplyButtonDisabled,
@@ -579,12 +578,12 @@ function fl(e, t, n, l, o, i) {
     onReset: e.resetFilter
   }), {
     default: p(() => [
-      k("div", {
+      P("div", {
         class: ie(["b-input-filter", e.conditionalClasses]),
-        onKeydown: t[0] || (t[0] = de((...a) => e.updateFilter && e.updateFilter(...a), ["enter"])),
-        onInput: t[1] || (t[1] = (...a) => e.onInput && e.onInput(...a))
+        onKeydown: t[0] || (t[0] = ce((...n) => e.updateFilter && e.updateFilter(...n), ["enter"])),
+        onInput: t[1] || (t[1] = (...n) => e.onInput && e.onInput(...n))
       }, [
-        g(s, {
+        S(s, {
           ref: "inputTextRef",
           value: e.internalFilterValue,
           onInput: e.setInternalFilterValue
@@ -594,13 +593,13 @@ function fl(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 rt = /* @__PURE__ */ M(bl, [["render", fl], ["__scopeId", "data-v-331367ce"]]), pl = N({
+const rt = /* @__PURE__ */ q(dl, [["render", cl], ["__scopeId", "data-v-331367ce"]]), bl = H({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: ye,
-    BentoDatePicker: Nt,
-    BentoDivider: nt,
-    Calendar: Mt
+    BentoDatePicker: wt,
+    BentoDivider: at,
+    Calendar: Nt
   },
   props: {
     isDateInput: { type: Boolean, default: !0 },
@@ -639,16 +638,16 @@ const rt = /* @__PURE__ */ M(bl, [["render", fl], ["__scopeId", "data-v-331367ce
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const { locale: n } = ce(void 0, !0), l = { de: at, enUS: ae, fr: ot }, { internalFilterValue: o, isSecondaryButtonDisabled: i, isApplyButtonDisabled: s } = me(
-      J(e, "value"),
-      J(e, "defaultValue")
-    ), r = f(
+    const { locale: a } = be(void 0, !0), l = { de: nt, enUS: ne, fr: ot }, { internalFilterValue: o, isSecondaryButtonDisabled: i, isApplyButtonDisabled: s } = me(
+      G(e, "value"),
+      G(e, "defaultValue")
+    ), r = b(
       () => e.value ? ue(e.value, "dd MMM, yyyy", {
-        locale: l[n.value.substring(0, 2)] || ae
+        locale: l[a.value.substring(0, 2)] || ne
       }) : null
-    ), a = f(
+    ), n = b(
       () => e.defaultValue === null ? e.label : r.value
-    ), u = f(
+    ), f = b(
       () => e.defaultValue === null ? r.value : null
     ), h = () => {
       t(v.UPDATE, { ...e, value: o.value });
@@ -656,34 +655,34 @@ const rt = /* @__PURE__ */ M(bl, [["render", fl], ["__scopeId", "data-v-331367ce
       o.value = null, h();
     }, _ = () => {
       o.value = e.defaultValue, h();
-    }, d = () => {
+    }, u = () => {
       o.value = e.value;
-    }, D = (A) => {
-      o.value = A, t(v.INPUT, { ...e, value: o.value });
+    }, I = (B) => {
+      o.value = B, t(v.INPUT, { ...e, value: o.value });
     };
     return {
       // Values
       internalFilterValue: o,
       isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: i,
-      buttonLabel: a,
-      buttonSecondaryLabel: u,
+      buttonLabel: n,
+      buttonSecondaryLabel: f,
       // Events
       clearFilter: m,
-      onDateSelected: D,
-      openFilter: d,
+      onDateSelected: I,
+      openFilter: u,
       updateFilter: h,
       resetFilter: _,
-      onDateInputSelected: (A) => {
-        o.value = A, D(A), h();
+      onDateInputSelected: (B) => {
+        o.value = B, I(B), h();
       }
     };
   }
 });
-const vl = { class: "b-date-filter" };
-function yl(e, t, n, l, o, i) {
-  const s = y("bento-date-picker"), r = y("bento-divider"), a = y("calendar"), u = y("bento-base-filter");
-  return b(), $(u, {
+const fl = { class: "b-date-filter" };
+function pl(e, t, a, l, o, i) {
+  const s = y("bento-date-picker"), r = y("bento-divider"), n = y("calendar"), f = y("bento-base-filter");
+  return c(), A(f, {
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
     "default-value": e.defaultValue,
@@ -699,20 +698,20 @@ function yl(e, t, n, l, o, i) {
     onReset: e.resetFilter
   }, {
     default: p(() => {
-      var h, m, _, d;
+      var h, m, _, u;
       return [
-        e.onlySlot ? (b(), $(s, {
+        e.onlySlot ? (c(), A(s, {
           key: 0,
           value: e.internalFilterValue,
           "first-day-of-week": (h = e.options) == null ? void 0 : h.firstDayOfWeek,
           "is-date-disabled": (m = e.options) == null ? void 0 : m.isDateDisabled,
           onInput: e.onDateInputSelected
-        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "onInput"])) : (b(), P(pe, { key: 1 }, [
-          g(r, { class: "b-date-filter__divider" }),
-          k("div", vl, [
-            g(a, {
+        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "onInput"])) : (c(), R(pe, { key: 1 }, [
+          S(r, { class: "b-date-filter__divider" }),
+          P("div", fl, [
+            S(n, {
               "first-day-of-week": (_ = e.options) == null ? void 0 : _.firstDayOfWeek,
-              "is-date-disabled": (d = e.options) == null ? void 0 : d.isDateDisabled,
+              "is-date-disabled": (u = e.options) == null ? void 0 : u.isDateDisabled,
               "number-of-months": 1,
               value: e.internalFilterValue,
               onInput: e.onDateSelected
@@ -724,7 +723,7 @@ function yl(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 ut = /* @__PURE__ */ M(pl, [["render", yl], ["__scopeId", "data-v-66ffdc53"]]), He = {
+const ut = /* @__PURE__ */ q(bl, [["render", pl], ["__scopeId", "data-v-66ffdc53"]]), He = {
   "en-US": {
     clear: "Clear",
     reset: "Reset",
@@ -750,16 +749,16 @@ const ut = /* @__PURE__ */ M(pl, [["render", yl], ["__scopeId", "data-v-66ffdc53
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, ml = N({
+}, vl = H({
   i18n: { messages: He },
   name: "bento-date-range-filter",
   components: {
     BentoBaseFilter: ye,
-    BentoButtonActions: jt,
-    BentoDateRangePicker: qt,
-    BentoTypography: fe,
-    BentoDivider: nt,
-    DateRangePickerCalendar: Kt
+    BentoButtonActions: Kt,
+    BentoDateRangePicker: Ht,
+    BentoTypography: de,
+    BentoDivider: at,
+    DateRangePickerCalendar: qt
   },
   props: {
     /**
@@ -804,69 +803,69 @@ const ut = /* @__PURE__ */ M(pl, [["render", yl], ["__scopeId", "data-v-66ffdc53
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    var H, q, Z, W;
-    const { locale: n, t: l } = ce({ messages: He }), o = { de: at, enUS: ae, fr: ot }, { internalFilterValue: i, isSecondaryButtonDisabled: s, isApplyButtonDisabled: r } = me(
-      J(e, "value"),
-      J(e, "defaultValue")
-    ), a = (C) => C ? ue(C, Le.NUMERIC_DATE_YEAR_FIRST, {
-      locale: o[n.value.substring(0, 2)] || ae
-    }) : void 0, u = (C) => C ? ue(C, Le.HOUR_MINUTE_SECONDS, {
-      locale: o[n.value.substring(0, 2)] || ae
-    }) : "", h = K(null), m = K(!1), _ = Ge({
-      startDate: a((H = e.value) == null ? void 0 : H.startDate),
-      endDate: a((q = e.value) == null ? void 0 : q.endDate),
-      startTime: u((Z = e.value) == null ? void 0 : Z.startDate),
-      endTime: u((W = e.value) == null ? void 0 : W.endDate)
-    }), d = f(() => {
-      var C, x, Se, $e, c, I, U, z;
+    var V, D, w, K;
+    const { locale: a, t: l } = be({ messages: He }), o = { de: nt, enUS: ne, fr: ot }, { internalFilterValue: i, isSecondaryButtonDisabled: s, isApplyButtonDisabled: r } = me(
+      G(e, "value"),
+      G(e, "defaultValue")
+    ), n = (C) => C ? ue(C, Le.NUMERIC_DATE_YEAR_FIRST, {
+      locale: o[a.value.substring(0, 2)] || ne
+    }) : void 0, f = (C) => C ? ue(C, Le.HOUR_MINUTE_SECONDS, {
+      locale: o[a.value.substring(0, 2)] || ne
+    }) : "", h = j(null), m = j(!1), _ = Ge({
+      startDate: n((V = e.value) == null ? void 0 : V.startDate),
+      endDate: n((D = e.value) == null ? void 0 : D.endDate),
+      startTime: f((w = e.value) == null ? void 0 : w.startDate),
+      endTime: f((K = e.value) == null ? void 0 : K.endDate)
+    }), u = b(() => {
+      var C, x, Se, $e, d, T, k, J;
       if (!((C = e.value) != null && C.startDate) && !e.value.endDate)
         return null;
       if (((Se = (x = e.options) == null ? void 0 : x.quickSelectRanges) == null ? void 0 : Se.length) > 0) {
-        const ne = (c = ($e = e.options) == null ? void 0 : $e.quickSelectRanges) == null ? void 0 : c.find(
+        const ae = (d = ($e = e.options) == null ? void 0 : $e.quickSelectRanges) == null ? void 0 : d.find(
           ({ data: ee }) => Oe(ee == null ? void 0 : ee.startDate, e.value.startDate) && Oe(ee == null ? void 0 : ee.endDate, e.value.endDate)
         );
-        if (ne)
-          return ne.label;
+        if (ae)
+          return ae.label;
       }
-      return Ht((I = e.value) == null ? void 0 : I.startDate, (U = e.value) == null ? void 0 : U.endDate) && ((z = e == null ? void 0 : e.options) != null && z.allowTimeInput) ? `${ue(e.value.startDate, "dd MMM, yyyy HH:mm:ss", {
-        locale: o[n.value.substring(0, 2)] || ae
+      return Mt((T = e.value) == null ? void 0 : T.startDate, (k = e.value) == null ? void 0 : k.endDate) && ((J = e == null ? void 0 : e.options) != null && J.allowTimeInput) ? `${ue(e.value.startDate, "dd MMM, yyyy HH:mm:ss", {
+        locale: o[a.value.substring(0, 2)] || ne
       })} - ${ue(e.value.endDate, "HH:mm:ss", {
-        locale: o[n.value.substring(0, 2)] || ae
+        locale: o[a.value.substring(0, 2)] || ne
       })}` : `${ue(e.value.startDate, "dd MMM, yyyy", {
-        locale: o[n.value.substring(0, 2)] || ae
+        locale: o[a.value.substring(0, 2)] || ne
       })} - ${ue(e.value.endDate, "dd MMM, yyyy", {
-        locale: o[n.value.substring(0, 2)] || ae
+        locale: o[a.value.substring(0, 2)] || ne
       })}`;
-    }), D = f(
-      () => e.defaultValue === null ? e.label : d.value
-    ), T = f(
-      () => e.defaultValue === null ? d.value : null
-    ), A = () => {
+    }), I = b(
+      () => e.defaultValue === null ? e.label : u.value
+    ), E = b(
+      () => e.defaultValue === null ? u.value : null
+    ), B = () => {
       h.value.closePopover();
       const { onlySlot: C, ...x } = e;
       t(v.UPDATE, { ...x, value: i.value });
-    }, E = () => {
-      i.value = void 0, A();
-    }, j = () => {
-      i.value = e.defaultValue, A();
-    }, S = () => {
+    }, U = () => {
+      i.value = void 0, B();
+    }, Y = () => {
+      i.value = e.defaultValue, B();
+    }, $ = () => {
       i.value = e.value;
     }, F = (C) => {
-      i.value = C, _.startDate = a(C.startDate), _.endDate = a(C.endDate), t(v.INPUT, { ...e, value: i.value });
-    }, B = (C) => {
-      C != null && C.startDate && (C != null && C.endDate) && (i.value = C, _.startDate = a(C.startDate), _.endDate = a(C.endDate), t(v.INPUT, { ...e, value: i.value }));
+      i.value = C, _.startDate = n(C.startDate), _.endDate = n(C.endDate), t(v.INPUT, { ...e, value: i.value });
+    }, g = (C) => {
+      C != null && C.startDate && (C != null && C.endDate) && (i.value = C, _.startDate = n(C.startDate), _.endDate = n(C.endDate), t(v.INPUT, { ...e, value: i.value }));
     }, L = (C) => {
       F(C), t(v.INPUT, { ...e, value: i.value });
-    }, G = f(
+    }, W = b(
       () => [
         {
           title: l("apply"),
-          event: A,
+          event: B,
           disabled: m.value || r.value
         },
         {
           title: e.defaultValue ? l("reset") : l("clear"),
-          event: e.defaultValue ? j : E,
+          event: e.defaultValue ? Y : U,
           disabled: m.value && s.value
         }
       ]
@@ -875,17 +874,17 @@ const ut = /* @__PURE__ */ M(pl, [["render", yl], ["__scopeId", "data-v-66ffdc53
       // Refs
       baseFilter: h,
       // Values
-      actions: G,
+      actions: W,
       formData: _,
       internalFilterValue: i,
       isApplyButtonDisabled: r,
       isSecondaryButtonDisabled: s,
-      buttonLabel: D,
-      buttonSecondaryLabel: T,
+      buttonLabel: I,
+      buttonSecondaryLabel: E,
       // Events
       onDateSelected: F,
-      openFilter: S,
-      updateFilter: A,
+      openFilter: $,
+      updateFilter: B,
       onDatePickerRangeError: () => {
         m.value = !0, i.value = { startDate: void 0, endDate: void 0 }, t(v.INPUT, { ...e, value: i.value });
       },
@@ -893,17 +892,17 @@ const ut = /* @__PURE__ */ M(pl, [["render", yl], ["__scopeId", "data-v-66ffdc53
         m.value = !1, C.startTime && (_.startTime = C.startTime), C.endTime && (_.endTime = C.endTime);
       },
       onDateInputSelected: L,
-      onRangeSelectorInput: B
+      onRangeSelectorInput: g
     };
   }
 });
-const hl = {
+const yl = {
   key: 1,
   class: "b-date-range-filter"
 };
-function _l(e, t, n, l, o, i) {
-  const s = y("bento-date-range-picker"), r = y("bento-typography"), a = y("bento-divider"), u = y("bento-button-actions"), h = y("date-range-picker-calendar"), m = y("bento-base-filter");
-  return b(), $(m, {
+function ml(e, t, a, l, o, i) {
+  const s = y("bento-date-range-picker"), r = y("bento-typography"), n = y("bento-divider"), f = y("bento-button-actions"), h = y("date-range-picker-calendar"), m = y("bento-base-filter");
+  return c(), A(m, {
     ref: "baseFilter",
     class: "b-base-filter-date-range-filter",
     "button-label": e.buttonLabel,
@@ -919,24 +918,24 @@ function _l(e, t, n, l, o, i) {
     onOpen: e.openFilter
   }, {
     default: p(() => {
-      var _, d, D, T, A, E, j, S, F, B, L;
+      var _, u, I, E, B, U, Y, $, F, g, L;
       return [
-        e.onlySlot ? (b(), $(s, {
+        e.onlySlot ? (c(), A(s, {
           key: 0,
           "allow-time-input": (_ = e.options) == null ? void 0 : _.allowTimeInput,
           value: e.internalFilterValue,
-          "first-day-of-week": (d = e.options) == null ? void 0 : d.firstDayOfWeek,
-          "is-date-disabled": (D = e.options) == null ? void 0 : D.isDateDisabled,
-          "number-of-months": (T = e.options) == null ? void 0 : T.numberOfMonths,
-          "quick-select-ranges": (A = e.options) == null ? void 0 : A.quickSelectRanges,
+          "first-day-of-week": (u = e.options) == null ? void 0 : u.firstDayOfWeek,
+          "is-date-disabled": (I = e.options) == null ? void 0 : I.isDateDisabled,
+          "number-of-months": (E = e.options) == null ? void 0 : E.numberOfMonths,
+          "quick-select-ranges": (B = e.options) == null ? void 0 : B.quickSelectRanges,
           onInput: e.onDateInputSelected
-        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "onInput"])) : (b(), P("div", hl, [
-          g(h, {
-            "allow-time-input": (E = e.options) == null ? void 0 : E.allowTimeInput,
-            "first-day-of-week": (j = e.options) == null ? void 0 : j.firstDayOfWeek,
-            "is-date-disabled": (S = e.options) == null ? void 0 : S.isDateDisabled,
+        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "onInput"])) : (c(), R("div", yl, [
+          S(h, {
+            "allow-time-input": (U = e.options) == null ? void 0 : U.allowTimeInput,
+            "first-day-of-week": (Y = e.options) == null ? void 0 : Y.firstDayOfWeek,
+            "is-date-disabled": ($ = e.options) == null ? void 0 : $.isDateDisabled,
             "max-range": (F = e.options) == null ? void 0 : F.maxRange,
-            "number-of-months": (B = e.options) == null ? void 0 : B.numberOfMonths,
+            "number-of-months": (g = e.options) == null ? void 0 : g.numberOfMonths,
             "quick-select-ranges": (L = e.options) == null ? void 0 : L.quickSelectRanges,
             value: e.internalFilterValue,
             "date-form-data": e.formData,
@@ -946,20 +945,20 @@ function _l(e, t, n, l, o, i) {
             onFormDate: e.onDatePickerRangeFormDateInputUpdate
           }, {
             title: p(() => [
-              g(r, {
+              S(r, {
                 strongest: "",
                 variant: "body",
                 el: "span"
               }, {
                 default: p(() => [
-                  O(R(e.label), 1)
+                  N(O(e.label), 1)
                 ]),
                 _: 1
               })
             ]),
             actions: p(() => [
-              g(a, { class: "b-date-range-filter__divider" }),
-              g(u, {
+              S(n, { class: "b-date-range-filter__divider" }),
+              S(f, {
                 class: "b-date-range-filter__actions",
                 actions: e.actions,
                 layout: "space-between"
@@ -973,20 +972,20 @@ function _l(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 dt = /* @__PURE__ */ M(ml, [["render", _l], ["__scopeId", "data-v-f5976db7"]]), qe = {
+const dt = /* @__PURE__ */ q(vl, [["render", ml], ["__scopeId", "data-v-f5976db7"]]), qe = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
     search: "Search",
     searchFilter: "Search {filter}"
   }
-}, Fl = N({
+}, hl = H({
   i18n: { messages: qe },
   name: "bento-select-filter",
   components: {
     BentoBaseFilter: ye,
-    BentoDropdown: Lt,
-    BentoListbox: Yt,
+    BentoDropdown: Ot,
+    BentoListbox: jt,
     BentoSearchBar: Ce
   },
   props: {
@@ -1027,97 +1026,106 @@ const dt = /* @__PURE__ */ M(ml, [["render", _l], ["__scopeId", "data-v-f5976db7
     }
   },
   emits: [v.INPUT, v.UPDATE],
-  setup(e, { emit: t, slots: n }) {
-    var G, Y;
+  setup(e, { emit: t, slots: a }) {
+    var W, X;
     const { internalFilterValue: l, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = me(
-      J(e, "value"),
-      J(e, "defaultValue")
-    ), { t: s, locale: r } = ce({ messages: qe }), a = K(""), u = J(e, "options"), h = K(e.options.listboxItems);
-    _e(u, () => {
-      h.value = u.value.listboxItems;
+      G(e, "value"),
+      G(e, "defaultValue")
+    ), { t: s, locale: r } = be({ messages: qe }), n = j(""), f = G(e, "options"), h = j(e.options.listboxItems);
+    _e(f, () => {
+      h.value = f.value.listboxItems;
     });
     const m = lt(
-      a,
+      n,
       h,
-      (Y = (G = e.options) == null ? void 0 : G.search) == null ? void 0 : Y.searchEvent
-    ), _ = f(() => s("noFiltersMatchThisSearch")), d = f(() => {
-      var V, H, q, Z;
+      (X = (W = e.options) == null ? void 0 : W.search) == null ? void 0 : X.searchEvent
+    ), _ = b(() => s("noFiltersMatchThisSearch")), u = b(() => {
+      var z, V, D, w;
       if (e.defaultValue === null)
         return e.label;
       if (e.options.multiple) {
-        const W = (V = e.value) == null ? void 0 : V.length;
-        if (W === e.options.listboxItems.length)
-          return (H = e == null ? void 0 : e.options) == null ? void 0 : H.messages[r.value].persistentButtonLabelAllSelected;
-        const C = (q = e == null ? void 0 : e.options) == null ? void 0 : q.messages[r.value].persistentButtonLabelPartiallySelected.split("|").map((x) => x.trim());
-        return W === 1 ? C[0].replace("{count}", W) : C[1].replace("{count}", W);
+        const K = (z = e.value) == null ? void 0 : z.length;
+        if (K === e.options.listboxItems.length)
+          return (V = e == null ? void 0 : e.options) == null ? void 0 : V.messages[r.value].persistentButtonLabelAllSelected;
+        const C = (D = e == null ? void 0 : e.options) == null ? void 0 : D.messages[r.value].persistentButtonLabelPartiallySelected.split("|").map((x) => x.trim());
+        return K === 1 ? C[0].replace("{count}", K) : C[1].replace("{count}", K);
       }
-      return re((Z = e.options.listboxItems.find(({ value: W }) => W === e.value)) == null ? void 0 : Z.label, 18);
-    }), D = f(() => {
-      var V, H;
-      return e.defaultValue === null && (!e.options.multiple || ((V = e.value) == null ? void 0 : V.length) === 1) ? re(
-        (H = e.options.listboxItems.find(
-          ({ value: q }) => {
-            var Z;
-            return Array.isArray(e.value) ? (Z = e == null ? void 0 : e.value) == null ? void 0 : Z.includes(q) : q === e.value;
-          }
-        )) == null ? void 0 : H.label,
-        12
-      ) : null;
-    }), T = f(() => Te(`filter-listbox-${e.field}`)), A = (V) => {
-      l.value = V;
-      const { onlySlot: H, ...q } = e;
-      t(v.INPUT, { ...q, value: l.value });
-    }, E = () => {
-      var q;
-      e.options.multiple && l.value && ((q = l.value) == null ? void 0 : q.length) === 0 && (l.value = e.defaultValue !== null ? e.defaultValue : void 0);
-      const { onlySlot: V, ...H } = e;
-      t(v.UPDATE, { ...H, value: l.value });
-    }, j = () => {
+      return re((w = e.options.listboxItems.find(({ value: K }) => K === e.value)) == null ? void 0 : w.label, 18);
+    }), I = b(() => {
+      var z, V;
+      if (e.defaultValue === null && (!e.options.multiple || ((z = e.value) == null ? void 0 : z.length) === 1)) {
+        if (e.options.staticCategories) {
+          const D = e.options.listboxItems.find(
+            (K) => K.items.some((C) => C.value === e.value)
+          );
+          return D ? D.items.find((K) => K.value === e.value).label : null;
+        }
+        return re(
+          (V = e.options.listboxItems.find(
+            ({ value: D }) => {
+              var w;
+              return Array.isArray(e.value) ? (w = e == null ? void 0 : e.value) == null ? void 0 : w.includes(D) : D === e.value;
+            }
+          )) == null ? void 0 : V.label,
+          12
+        );
+      }
+      return null;
+    }), E = b(() => Te(`filter-listbox-${e.field}`)), B = (z) => {
+      l.value = z;
+      const { onlySlot: V, ...D } = e;
+      t(v.INPUT, { ...D, value: l.value });
+    }, U = () => {
+      var D;
+      e.options.multiple && l.value && ((D = l.value) == null ? void 0 : D.length) === 0 && (l.value = e.defaultValue !== null ? e.defaultValue : void 0);
+      const { onlySlot: z, ...V } = e;
+      t(v.UPDATE, { ...V, value: l.value });
+    }, Y = () => {
       l.value = e.value;
-    }, S = () => {
-      a.value && (a.value = "");
+    }, $ = () => {
+      n.value && (n.value = "");
     }, F = () => {
-      l.value = e.defaultValue, E();
-    }, B = () => {
-      l.value = null, E();
+      l.value = e.defaultValue, U();
+    }, g = () => {
+      l.value = null, U();
     };
     return {
       // Values
-      appliedFiltersCount: f(() => {
-        var q, Z;
+      appliedFiltersCount: b(() => {
+        var D, w;
         if (e.value == null || e.defaultValue !== null || !e.options.multiple)
           return null;
-        const V = (q = e.options.listboxItems) == null ? void 0 : q.reduce((W, C) => {
+        const z = (D = e.options.listboxItems) == null ? void 0 : D.reduce((K, C) => {
           var x;
-          return W += (x = C == null ? void 0 : C.items) != null && x.length ? C.items.length : 1, W;
-        }, 0), H = (Z = e.value) == null ? void 0 : Z.length;
-        return H === 1 ? null : H === V ? s("all") : H;
+          return K += (x = C == null ? void 0 : C.items) != null && x.length ? C.items.length : 1, K;
+        }, 0), V = (w = e.value) == null ? void 0 : w.length;
+        return V === 1 ? null : V === z ? s("all") : V;
       }),
       filteredItems: m,
       internalFilterValue: l,
       isApplyButtonDisabled: i,
       isSecondaryButtonDisabled: o,
-      listboxFilterId: T,
+      listboxFilterId: E,
       noResultsMessage: _,
-      slots: n,
-      buttonLabel: d,
-      buttonSecondaryLabel: D,
+      slots: a,
+      buttonLabel: u,
+      buttonSecondaryLabel: I,
       // Search
-      searchTerm: a,
+      searchTerm: n,
       // Events
-      clearFilter: B,
-      closeFilter: S,
-      onOptionSelected: A,
-      openFilter: j,
-      updateFilter: E,
+      clearFilter: g,
+      closeFilter: $,
+      onOptionSelected: B,
+      openFilter: Y,
+      updateFilter: U,
       resetFilter: F
     };
   }
 });
-const gl = (e) => (St("data-v-b8decbb4"), e = e(), $t(), e), Cl = { class: "b-select-filter__search-bar" }, Sl = /* @__PURE__ */ gl(() => /* @__PURE__ */ k("hr", { class: "b-select-filter__divider" }, null, -1));
-function $l(e, t, n, l, o, i) {
-  const s = y("bento-dropdown"), r = y("bento-search-bar"), a = y("bento-listbox"), u = y("bento-base-filter");
-  return b(), $(u, {
+const _l = (e) => (St("data-v-c8798d12"), e = e(), $t(), e), Fl = { class: "b-select-filter__search-bar" }, gl = /* @__PURE__ */ _l(() => /* @__PURE__ */ P("hr", { class: "b-select-filter__divider" }, null, -1));
+function Cl(e, t, a, l, o, i) {
+  const s = y("bento-dropdown"), r = y("bento-search-bar"), n = y("bento-listbox"), f = y("bento-base-filter");
+  return c(), A(f, {
     "applied-filters-count": e.appliedFiltersCount,
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
@@ -1134,78 +1142,81 @@ function $l(e, t, n, l, o, i) {
     onClose: e.closeFilter
   }, {
     default: p(() => {
-      var h, m, _, d, D, T, A, E, j, S, F, B, L;
+      var h, m, _, u, I, E, B, U, Y, $, F, g, L, W, X, z;
       return [
-        e.onlySlot ? (b(), $(s, {
+        e.onlySlot ? (c(), A(s, {
           key: 0,
           value: e.internalFilterValue,
           class: "b-select-filter__dropdown-variant",
           items: e.options.listboxItems,
           multiple: (h = e.options) == null ? void 0 : h.multiple,
+          "static-categories": (m = e.options) == null ? void 0 : m.staticCategories,
           "no-results-message": e.noResultsMessage,
           searching: !!e.searchTerm,
           "is-option-disabled": e.options.isOptionDisabled,
           "dynamic-filtering": !0,
-          "empty-state": (m = e.options) == null ? void 0 : m.emptyState,
+          "empty-state": (_ = e.options) == null ? void 0 : _.emptyState,
           onInput: e.onOptionSelected
         }, Ae({ _: 2 }, [
-          ve(e.slots, (G, Y) => ({
-            name: Y,
-            fn: p((V) => [
-              oe(e.$slots, Y, ke(Pe(V)), void 0, !0)
+          ve(e.slots, (V, D) => ({
+            name: D,
+            fn: p((w) => [
+              oe(e.$slots, D, ke(Pe(w)), void 0, !0)
             ])
           }))
-        ]), 1032, ["value", "items", "multiple", "no-results-message", "searching", "is-option-disabled", "empty-state", "onInput"])) : (b(), P(pe, { key: 1 }, [
-          k("div", Cl, [
-            g(r, {
-              "debounce-time": (d = (_ = e.options) == null ? void 0 : _.search) == null ? void 0 : d.debounceTime,
+        ]), 1032, ["value", "items", "multiple", "static-categories", "no-results-message", "searching", "is-option-disabled", "empty-state", "onInput"])) : (c(), R(pe, { key: 1 }, [
+          P("div", Fl, [
+            S(r, {
+              "debounce-time": (I = (u = e.options) == null ? void 0 : u.search) == null ? void 0 : I.debounceTime,
               value: e.searchTerm,
               "input-field-aria-label": e.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString(),
-              onInput: t[0] || (t[0] = (G) => e.searchTerm = G)
+              onInput: t[0] || (t[0] = (V) => e.searchTerm = V)
             }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
           ]),
-          Sl,
-          g(a, {
+          gl,
+          S(n, {
             id: e.listboxFilterId,
             "aria-label": e.label,
             class: "b-select-filter__wrapper",
-            "empty-state": (D = e.options) == null ? void 0 : D.emptyState,
-            "has-more-items": (A = (T = e.options) == null ? void 0 : T.lazy) == null ? void 0 : A.hasMoreItems,
+            "empty-state": (E = e.options) == null ? void 0 : E.emptyState,
+            "has-more-items": (U = (B = e.options) == null ? void 0 : B.lazy) == null ? void 0 : U.hasMoreItems,
             items: e.filteredItems,
-            "is-option-disabled": (E = e.options) == null ? void 0 : E.isOptionDisabled,
-            "lazy-load-type": (S = (j = e.options) == null ? void 0 : j.lazy) == null ? void 0 : S.lazyLoadType,
-            loading: (B = (F = e.options) == null ? void 0 : F.lazy) == null ? void 0 : B.loading,
-            multiple: (L = e.options) == null ? void 0 : L.multiple,
+            "is-option-disabled": (Y = e.options) == null ? void 0 : Y.isOptionDisabled,
+            "lazy-load-type": (F = ($ = e.options) == null ? void 0 : $.lazy) == null ? void 0 : F.lazyLoadType,
+            loading: (L = (g = e.options) == null ? void 0 : g.lazy) == null ? void 0 : L.loading,
+            multiple: (W = e.options) == null ? void 0 : W.multiple,
+            "static-categories": (X = e.options) == null ? void 0 : X.staticCategories,
             "no-results-message": e.noResultsMessage,
             searching: !!e.searchTerm,
             "selected-value": e.internalFilterValue,
+            "virtual-scroll": (z = e.options) == null ? void 0 : z.virtualScroll,
             onSelect: e.onOptionSelected,
-            onShowMore: t[1] || (t[1] = (G) => {
-              var Y, V;
-              return (V = (Y = e.options) == null ? void 0 : Y.lazy) == null ? void 0 : V.showMoreEvent();
+            onShowMore: t[1] || (t[1] = (V) => {
+              var D, w;
+              return (w = (D = e.options) == null ? void 0 : D.lazy) == null ? void 0 : w.showMoreEvent();
             })
           }, Ae({ _: 2 }, [
-            ve(e.slots, (G, Y) => ({
-              name: Y,
-              fn: p((V) => [
-                oe(e.$slots, Y, ke(Pe(V)), void 0, !0)
+            ve(e.slots, (V, D) => ({
+              name: D,
+              fn: p((w) => [
+                oe(e.$slots, D, ke(Pe(w)), void 0, !0)
               ])
             }))
-          ]), 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"])
+          ]), 1032, ["id", "aria-label", "empty-state", "has-more-items", "items", "is-option-disabled", "lazy-load-type", "loading", "multiple", "static-categories", "no-results-message", "searching", "selected-value", "virtual-scroll", "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 X = /* @__PURE__ */ M(Fl, [["render", $l], ["__scopeId", "data-v-b8decbb4"]]), Al = N({
+const Q = /* @__PURE__ */ q(hl, [["render", Cl], ["__scopeId", "data-v-c8798d12"]]), Sl = H({
   name: "bento-select-avatar-filter",
   components: {
-    BentoSelectFilter: X,
-    BentoAvatar: zt
+    BentoSelectFilter: Q,
+    BentoAvatar: Yt
   },
   props: {
-    ...X.props,
+    ...Q.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1227,31 +1238,31 @@ const X = /* @__PURE__ */ M(Fl, [["render", $l], ["__scopeId", "data-v-b8decbb4"
     };
   }
 });
-function Bl(e, t, n, l, o, i) {
+function $l(e, t, a, l, o, i) {
   const s = y("bento-avatar"), r = y("bento-select-filter");
-  return b(), $(r, se(e.$props, {
+  return c(), A(r, se(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p(({ label: a, data: u }) => [
-      g(s, {
-        username: a,
-        src: u
+    default: p(({ label: n, data: f }) => [
+      S(s, {
+        username: n,
+        src: f
       }, null, 8, ["username", "src"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const ct = /* @__PURE__ */ M(Al, [["render", Bl]]), Dl = N({
+const ct = /* @__PURE__ */ q(Sl, [["render", $l]]), Al = H({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: X,
+    BentoSelectFilter: Q,
     ListboxOptionTag: st
   },
   props: {
-    ...X.props,
+    ...Q.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1275,28 +1286,28 @@ const ct = /* @__PURE__ */ M(Al, [["render", Bl]]), Dl = N({
     };
   }
 });
-function Il(e, t, n, l, o, i) {
+function Bl(e, t, a, l, o, i) {
   const s = y("listbox-option-tag"), r = y("bento-select-filter");
-  return b(), $(r, se(e.$props, {
+  return c(), A(r, se(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p((a) => [
-      g(s, { option: a }, null, 8, ["option"])
+    default: p((n) => [
+      S(s, { option: n }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const bt = /* @__PURE__ */ M(Dl, [["render", Il]]), Tl = N({
+const bt = /* @__PURE__ */ q(Al, [["render", Bl]]), Dl = H({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: X,
-    BentoCountry: Jt
+    BentoSelectFilter: Q,
+    BentoTypography: de
   },
   props: {
-    ...X.props,
+    ...Q.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1311,11 +1322,11 @@ const bt = /* @__PURE__ */ M(Dl, [["render", Il]]), Tl = N({
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const n = J(e, "options"), { listboxItems: l, variant: o } = At(n.value), i = (a) => t(v.UPDATE, a), s = Gt(o, l), r = f(() => ({
+    const a = G(e, "options"), { listboxItems: l, variant: o } = At(a.value), i = (n) => t(v.UPDATE, n), s = zt(o, l), r = b(() => ({
       ...e.options,
       listboxItems: s.value
     }));
-    return Bt("skipBentoCountryDeprecateMessage", !0), (!o || o.value === "custom") && Ut(
+    return (!o || o.value === "custom") && Et(
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
       "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
       "2.0.0"
@@ -1329,33 +1340,34 @@ const bt = /* @__PURE__ */ M(Dl, [["render", Il]]), Tl = N({
     };
   }
 });
-function El(e, t, n, l, o, i) {
-  const s = y("bento-country"), r = y("bento-select-filter");
-  return b(), $(r, se(e.$props, {
+function Il(e, t, a, l, o, i) {
+  const s = y("bento-typography"), r = y("bento-select-filter");
+  return c(), A(r, se(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))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p(({ value: a, label: u }) => [
-      g(s, {
-        code: a,
-        label: u,
-        variant: "custom"
-      }, null, 8, ["code", "label"])
+    default: p(({ label: n }) => [
+      S(s, null, {
+        default: p(() => [
+          N(O(n), 1)
+        ]),
+        _: 2
+      }, 1024)
     ]),
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const ft = /* @__PURE__ */ M(Tl, [["render", El]]), Ul = N({
+const ft = /* @__PURE__ */ q(Dl, [["render", Il]]), Tl = H({
   name: "bento-select-payment-method-filter",
   components: {
-    BentoSelectFilter: X,
-    BentoPaymentMethod: Wt
+    BentoSelectFilter: Q,
+    BentoPaymentMethod: Jt
   },
   props: {
-    ...X.props,
+    ...Q.props,
     /**
      * List of options that are needed to setup the payment method filter
      * Available options:
@@ -1377,31 +1389,31 @@ const ft = /* @__PURE__ */ M(Tl, [["render", El]]), Ul = N({
     };
   }
 });
-function kl(e, t, n, l, o, i) {
+function El(e, t, a, l, o, i) {
   const s = y("bento-payment-method"), r = y("bento-select-filter");
-  return b(), $(r, se(e.$props, {
+  return c(), A(r, se(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p(({ value: a, label: u }) => [
-      g(s, {
-        type: a,
-        label: u
+    default: p(({ value: n, label: f }) => [
+      S(s, {
+        type: n,
+        label: f
       }, null, 8, ["type", "label"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const pt = /* @__PURE__ */ M(Ul, [["render", kl]]), Pl = N({
+const pt = /* @__PURE__ */ q(Tl, [["render", El]]), Ul = H({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: X,
+    BentoSelectFilter: Q,
     ListboxOptionTag: st
   },
   props: {
-    ...X.props,
+    ...Q.props,
     /**
      * List of options that are needed to setup the tag filter
      * Available options:
@@ -1415,51 +1427,51 @@ const pt = /* @__PURE__ */ M(Ul, [["render", kl]]), Pl = N({
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const n = (i) => t(v.UPDATE, i), l = f(
+    const a = (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: u }) => ({ label: r, value: a, data: u }));
+        return (s = (i = e == null ? void 0 : e.options) == null ? void 0 : i.listboxItems) == null ? void 0 : s.map(({ label: r, value: n, variant: f }) => ({ label: r, value: n, data: f }));
       }
     );
     return {
       // Values
-      countryOptions: f(() => ({
+      countryOptions: b(() => ({
         ...e.options,
         listboxItems: l.value
       })),
       // Methods
-      onUpdate: n,
+      onUpdate: a,
       // Enums
       BentoFilterEvent: v
     };
   }
 });
-function Vl(e, t, n, l, o, i) {
+function kl(e, t, a, l, o, i) {
   const s = y("listbox-option-tag"), r = y("bento-select-filter");
-  return b(), $(r, se(e.$props, {
+  return c(), A(r, se(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))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p(({ label: a, data: u }) => [
-      g(s, {
-        option: { value: a, data: u, label: "" }
+    default: p(({ label: n, data: f }) => [
+      S(s, {
+        option: { value: n, data: f, label: "" }
       }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const vt = /* @__PURE__ */ M(Pl, [["render", Vl]]), Ke = {
+const vt = /* @__PURE__ */ q(Ul, [["render", kl]]), Ke = {
   "en-US": {
     yes: "Yes",
     no: "No"
   }
-}, Rl = N({
+}, Pl = H({
   name: "bento-boolean-filter",
   i18n: { messages: Ke },
-  components: { BentoBaseFilter: ye, BentoRadioGroup: kt },
+  components: { BentoBaseFilter: ye, BentoRadioGroup: Ut },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1495,27 +1507,27 @@ const vt = /* @__PURE__ */ M(Pl, [["render", Vl]]), Ke = {
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const { t: n } = ce({ messages: Ke }), l = f(() => e.options && e.options.positiveOption && e.options.negativeOption ? [e.options.positiveOption, e.options.negativeOption] : [
-      { value: "yes", label: n("yes") },
-      { value: "no", label: n("no") }
+    const { t: a } = be({ messages: Ke }), l = b(() => e.options && e.options.positiveOption && e.options.negativeOption ? [e.options.positiveOption, e.options.negativeOption] : [
+      { value: "yes", label: a("yes") },
+      { value: "no", label: a("no") }
     ]), { internalFilterValue: o, isSecondaryButtonDisabled: i, isApplyButtonDisabled: s } = me(
-      J(e, "value"),
-      J(e, "defaultValue")
-    ), r = f(
-      () => e.defaultValue === null ? e.label : re(l.value.find(({ value: T }) => T === e.value).label, 18)
-    ), a = f(
+      G(e, "value"),
+      G(e, "defaultValue")
+    ), r = b(
+      () => e.defaultValue === null ? e.label : re(l.value.find(({ value: E }) => E === e.value).label, 18)
+    ), n = b(
       () => {
-        var T;
-        return e.defaultValue === null ? re((T = l.value.find(({ value: A }) => A === e.value)) == null ? void 0 : T.label, 12) : null;
+        var E;
+        return e.defaultValue === null ? re((E = l.value.find(({ value: B }) => B === e.value)) == null ? void 0 : E.label, 12) : null;
       }
-    ), u = f(() => ({
+    ), f = b(() => ({
       ["b-boolean-filter--only-slot"]: e.onlySlot
     }));
     Ie(() => {
       o.value || (o.value = null);
     });
-    const h = (T) => {
-      o.value = T, t(v.INPUT, { ...e, value: o.value });
+    const h = (E) => {
+      o.value = E, t(v.INPUT, { ...e, value: o.value });
     }, m = () => {
       o.value = e.value;
     }, _ = () => {
@@ -1524,9 +1536,9 @@ const vt = /* @__PURE__ */ M(Pl, [["render", Vl]]), Ke = {
     return {
       // Values
       items: l,
-      conditionalClasses: u,
+      conditionalClasses: f,
       buttonLabel: r,
-      buttonSecondaryLabel: a,
+      buttonSecondaryLabel: n,
       internalFilterValue: o,
       isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: i,
@@ -1541,9 +1553,9 @@ const vt = /* @__PURE__ */ M(Pl, [["render", Vl]]), Ke = {
     };
   }
 });
-function Ol(e, t, n, l, o, i) {
+function Vl(e, t, a, l, o, i) {
   const s = y("bento-radio-group"), r = y("bento-base-filter");
-  return b(), $(r, se(e.$props, {
+  return c(), A(r, se(e.$props, {
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
     "disable-apply-button": e.isApplyButtonDisabled,
@@ -1555,11 +1567,11 @@ function Ol(e, t, n, l, o, i) {
     onReset: e.resetFilter
   }), {
     default: p(() => [
-      k("div", {
+      P("div", {
         class: ie(["b-boolean-filter", e.conditionalClasses]),
-        onKeydown: t[0] || (t[0] = de((...a) => e.updateFilter && e.updateFilter(...a), ["enter"]))
+        onKeydown: t[0] || (t[0] = ce((...n) => e.updateFilter && e.updateFilter(...n), ["enter"]))
       }, [
-        g(s, {
+        S(s, {
           items: e.items,
           label: e.label,
           "model-value": e.internalFilterValue,
@@ -1571,14 +1583,14 @@ 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 yt = /* @__PURE__ */ M(Rl, [["render", Ol], ["__scopeId", "data-v-8510b360"]]), Ll = {
+const yt = /* @__PURE__ */ q(Pl, [["render", Vl], ["__scopeId", "data-v-8510b360"]]), Rl = {
   "en-US": {
     from: "From",
     to: "To"
   }
-}, wl = N({
+}, Ol = H({
   name: "bento-range-filter",
-  i18n: { messages: Ll },
+  i18n: { messages: Rl },
   components: { BentoBaseFilter: ye, BentoInputField: tt },
   props: {
     /**
@@ -1606,58 +1618,58 @@ const yt = /* @__PURE__ */ M(Rl, [["render", Ol], ["__scopeId", "data-v-8510b360
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const n = K(null), { internalFilterValue: l, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = me(
-      J(e, "value"),
-      J(e, "defaultValue")
-    ), s = f(
+    const a = j(null), { internalFilterValue: l, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = me(
+      G(e, "value"),
+      G(e, "defaultValue")
+    ), s = b(
       () => {
-        var E, j;
-        return (E = e.value) != null && E[0] && ((j = e.value) != null && j[1]) ? `${re(e.value[0], 5)} - ${re(e.value[1], 5)}` : null;
+        var U, Y;
+        return (U = e.value) != null && U[0] && ((Y = e.value) != null && Y[1]) ? `${re(e.value[0], 5)} - ${re(e.value[1], 5)}` : null;
       }
-    ), r = f(
+    ), r = b(
       () => e.defaultValue === null ? e.label : s.value
-    ), a = f(
+    ), n = b(
       () => e.defaultValue === null ? s.value : null
-    ), u = f(() => ({
+    ), f = b(() => ({
       ["b-range-filter--only-slot"]: e.onlySlot
     })), h = () => {
-      l.value = e.value, Dt(() => n.value.focusInput());
+      l.value = e.value, Bt(() => a.value.focusInput());
     }, m = () => {
       t(v.INPUT, { ...e, value: l.value });
-    }, _ = (E) => {
-      l.value = [E, l.value[1]], m();
-    }, d = (E) => {
-      l.value = [l.value[0], E], m();
-    }, D = () => {
-      l.value.some((E) => E) || (l.value = e.defaultValue !== null ? e.defaultValue : void 0), t(v.UPDATE, {
+    }, _ = (U) => {
+      l.value = [U, l.value[1]], m();
+    }, u = (U) => {
+      l.value = [l.value[0], U], m();
+    }, I = () => {
+      l.value.some((U) => U) || (l.value = e.defaultValue !== null ? e.defaultValue : void 0), t(v.UPDATE, {
         ...e,
         value: l.value
       });
     };
     return {
       // Values
-      inputTextRef: n,
-      conditionalClasses: u,
+      inputTextRef: a,
+      conditionalClasses: f,
       internalFilterValue: l,
       isApplyButtonDisabled: i,
       isSecondaryButtonDisabled: o,
       buttonLabel: r,
-      buttonSecondaryLabel: a,
+      buttonSecondaryLabel: n,
       // Events
       updateFrom: _,
-      updateTo: d,
-      updateFilter: D,
+      updateTo: u,
+      updateFilter: I,
       clearFilter: () => {
-        l.value = ["", ""], D();
+        l.value = ["", ""], I();
       },
       openFilter: h,
       resetFilter: () => t(v.UPDATE, { ...e, value: e.defaultValue })
     };
   }
 });
-function Nl(e, t, n, l, o, i) {
+function Ll(e, t, a, l, o, i) {
   const s = y("bento-input-field"), r = y("bento-base-filter");
-  return b(), $(r, se(e.$props, {
+  return c(), A(r, se(e.$props, {
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
     "button-label": e.buttonLabel,
@@ -1669,11 +1681,11 @@ function Nl(e, t, n, l, o, i) {
     onReset: e.resetFilter
   }), {
     default: p(() => [
-      k("div", {
+      P("div", {
         class: ie(["b-range-filter", e.conditionalClasses]),
-        onKeydown: t[0] || (t[0] = de((...a) => e.updateFilter && e.updateFilter(...a), ["enter"]))
+        onKeydown: t[0] || (t[0] = ce((...n) => e.updateFilter && e.updateFilter(...n), ["enter"]))
       }, [
-        g(s, {
+        S(s, {
           ref: "inputTextRef",
           value: e.internalFilterValue ? e.internalFilterValue[0] : "",
           type: "number",
@@ -1681,11 +1693,11 @@ function Nl(e, t, n, l, o, i) {
           onInput: e.updateFrom
         }, {
           default: p(() => [
-            O(R(e.$t("from")), 1)
+            N(O(e.$t("from")), 1)
           ]),
           _: 1
         }, 8, ["value", "aria-label", "onInput"]),
-        g(s, {
+        S(s, {
           class: "b-range-filter__input-field",
           value: e.internalFilterValue ? e.internalFilterValue[1] : "",
           type: "number",
@@ -1693,7 +1705,7 @@ function Nl(e, t, n, l, o, i) {
           onInput: e.updateTo
         }, {
           default: p(() => [
-            O(R(e.$t("to")), 1)
+            N(O(e.$t("to")), 1)
           ]),
           _: 1
         }, 8, ["value", "aria-label", "onInput"])
@@ -1702,11 +1714,11 @@ function Nl(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 mt = /* @__PURE__ */ M(wl, [["render", Nl], ["__scopeId", "data-v-a4d1d149"]]);
+const mt = /* @__PURE__ */ q(Ol, [["render", Ll], ["__scopeId", "data-v-a4d1d149"]]);
 var De = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(De || {});
-const Ml = N({
+const wl = H({
   name: "base-filter-button",
-  components: { BaseButton: Ze, BentoTypography: fe, ChevronUpIcon: xe, ChevronDownIcon: et },
+  components: { BaseButton: Ze, BentoTypography: de, ChevronUpIcon: xe, ChevronDownIcon: et },
   props: {
     /**
      * The number of applies values within the filter.
@@ -1732,13 +1744,13 @@ const Ml = N({
     bold: { type: Boolean, default: !1 }
   },
   emits: [Re.CLICK],
-  setup(e, { slots: t, emit: n, attrs: l }) {
-    const o = f(() => t.default ? Qe(t)("default") : null), i = We({ ariaLabel: o }), s = K(null), r = f(() => {
+  setup(e, { slots: t, emit: a, attrs: l }) {
+    const o = b(() => t.default ? Qe(t)("default") : null), i = We({ ariaLabel: o }), s = j(null), r = b(() => {
       var h;
       return {
         "aria-controls": (h = l["aria-controls"]) == null ? void 0 : h.toString()
       };
-    }), a = f(() => ({
+    }), n = b(() => ({
       ["b-base-filter-button--with-chevron"]: e.hasChevron,
       ["b-base-filter-button--filter-open"]: e.isFilterOpen
     }));
@@ -1746,10 +1758,10 @@ const Ml = N({
       // Values
       ariaAttributes: r,
       computedAriaLabel: i,
-      conditionalClasses: a,
+      conditionalClasses: n,
       // Methods
       onClickButton: () => {
-        e.disabled || n(Re.CLICK);
+        e.disabled || a(Re.CLICK);
       },
       hasSlot: Xe(t),
       // Refs
@@ -1757,13 +1769,13 @@ const Ml = N({
     };
   }
 });
-const Hl = { class: "b-base-filter-button__default-container" }, ql = { class: "b-base-filter-button__label-container" }, Kl = {
+const Nl = { class: "b-base-filter-button__default-container" }, Ml = { class: "b-base-filter-button__label-container" }, Hl = {
   key: 0,
   class: "b-base-filter-button__counter-wrapper"
 };
-function jl(e, t, n, l, o, i) {
-  const s = y("bento-typography"), r = y("chevron-up-icon"), a = y("chevron-down-icon"), u = y("base-button");
-  return b(), $(u, {
+function ql(e, t, a, l, o, i) {
+  const s = y("bento-typography"), r = y("chevron-up-icon"), n = y("chevron-down-icon"), f = y("base-button");
+  return c(), A(f, {
     ref: "baseFilterButtonRef",
     class: ie(["b-base-filter-button", e.conditionalClasses]),
     disabled: e.disabled,
@@ -1773,9 +1785,9 @@ function jl(e, t, n, l, o, i) {
     onClick: e.onClickButton
   }, Ae({
     default: p(() => [
-      k("div", Hl, [
-        k("div", ql, [
-          g(s, {
+      P("div", Nl, [
+        P("div", Ml, [
+          S(s, {
             el: "span",
             variant: "body",
             stronger: e.bold,
@@ -1787,19 +1799,19 @@ function jl(e, t, n, l, o, i) {
             _: 3
           }, 8, ["stronger"])
         ]),
-        e.amountAppliedValues && !e.hasChevron ? (b(), P("div", Kl, [
-          g(s, {
+        e.amountAppliedValues && !e.hasChevron ? (c(), R("div", Hl, [
+          S(s, {
             class: "b-base-filter-button__counter",
             el: "span",
             variant: "body",
             stronger: ""
           }, {
             default: p(() => [
-              O(R(e.amountAppliedValues), 1)
+              N(O(e.amountAppliedValues), 1)
             ]),
             _: 1
           })
-        ])) : w("", !0)
+        ])) : M("", !0)
       ])
     ]),
     _: 2
@@ -1807,10 +1819,10 @@ function jl(e, t, n, l, o, i) {
     e.hasChevron ? {
       name: "iconRight",
       fn: p(() => [
-        e.isFilterOpen ? (b(), $(r, {
+        e.isFilterOpen ? (c(), A(r, {
           key: 0,
           "aria-hidden": "true"
-        })) : (b(), $(a, {
+        })) : (c(), A(n, {
           key: 1,
           "aria-hidden": "true"
         }))
@@ -1819,9 +1831,9 @@ function jl(e, t, n, l, o, i) {
     } : void 0
   ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
 }
-const Yl = /* @__PURE__ */ M(Ml, [["render", jl], ["__scopeId", "data-v-af9efc73"]]), zl = N({
+const Kl = /* @__PURE__ */ q(wl, [["render", ql], ["__scopeId", "data-v-af9efc73"]]), jl = H({
   name: "all-filters-modal-button",
-  components: { BaseFilterButton: Yl },
+  components: { BaseFilterButton: Kl },
   props: {
     /**
      * Button label to be displayed
@@ -1843,7 +1855,7 @@ const Yl = /* @__PURE__ */ M(Ml, [["render", jl], ["__scopeId", "data-v-af9efc73
   emits: ["click"],
   setup(e, { emit: t }) {
     return {
-      conditionalClasses: f(() => ({
+      conditionalClasses: b(() => ({
         ["b-all-filters-modal-button--with-counter"]: e.appliedFiltersCount,
         ["b-all-filters-modal-button--filter-open"]: e.isFilterOpen
       })),
@@ -1853,9 +1865,9 @@ const Yl = /* @__PURE__ */ M(Ml, [["render", jl], ["__scopeId", "data-v-af9efc73
     };
   }
 });
-function Jl(e, t, n, l, o, i) {
+function Yl(e, t, a, l, o, i) {
   const s = y("base-filter-button");
-  return b(), $(s, {
+  return c(), A(s, {
     class: ie(["b-all-filters-modal-button", e.conditionalClasses]),
     "amount-applied-values": e.appliedFiltersCount,
     "is-filter-open": e.isFilterOpen,
@@ -1863,38 +1875,38 @@ function Jl(e, t, n, l, o, i) {
     onClick: e.onClick
   }, {
     default: p(() => [
-      O(R(e.label), 1)
+      N(O(e.label), 1)
     ]),
     _: 1
   }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
 }
-const Gl = /* @__PURE__ */ M(zl, [["render", Jl], ["__scopeId", "data-v-b96a672f"]]);
+const zl = /* @__PURE__ */ q(jl, [["render", Yl], ["__scopeId", "data-v-b96a672f"]]);
 let je = 0;
-const Wl = {
+const Jl = {
   beforeCreate() {
     this.uuid = je.toString(), je += 1;
   }
-}, Zl = { key: 0 }, Ql = /* @__PURE__ */ k("path", {
+}, Gl = { key: 0 }, Wl = /* @__PURE__ */ P("path", {
   fill: "#00112C",
   d: "M12.6465 4.58337C12.32 3.42912 11.2588 2.58337 10 2.58337C8.74122 2.58337 7.67998 3.42912 7.35352 4.58337H1.25V6.08337H7.35352C7.67998 7.23763 8.74122 8.08337 10 8.08337C11.2588 8.08337 12.32 7.23763 12.6465 6.08337H14.75V4.58337H12.6465ZM11.25 5.33337C11.25 6.02373 10.6904 6.58337 10 6.58337C9.30964 6.58337 8.75 6.02373 8.75 5.33337C8.75 4.64302 9.30964 4.08337 10 4.08337C10.6904 4.08337 11.25 4.64302 11.25 5.33337Z"
-}, null, -1), Xl = /* @__PURE__ */ k("path", {
+}, null, -1), Zl = /* @__PURE__ */ P("path", {
   fill: "#00112C",
   d: "M4 7.91687C5.25878 7.91687 6.32002 8.76262 6.64648 9.91687H14.75V11.4169H6.64648C6.32002 12.5711 5.25878 13.4169 4 13.4169C2.48122 13.4169 1.25 12.1857 1.25 10.6669C1.25 9.14809 2.48122 7.91687 4 7.91687ZM5.25 10.6669C5.25 9.97651 4.69036 9.41687 4 9.41687C3.30964 9.41687 2.75 9.97651 2.75 10.6669C2.75 11.3572 3.30964 11.9169 4 11.9169C4.69036 11.9169 5.25 11.3572 5.25 10.6669Z"
 }, null, -1);
-function xl(e, t, n, l, o, i) {
-  return b(), P("svg", se({ role: "img" }, e.$attrs, {
+function Ql(e, t, a, l, o, i) {
+  return c(), R("svg", se({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (b(), P("title", Zl, R(e.$attrs["svg-title"]), 1)) : w("", !0),
-    Ql,
-    Xl
+    e.$attrs["svg-title"] ? (c(), R("title", Gl, O(e.$attrs["svg-title"]), 1)) : M("", !0),
+    Wl,
+    Zl
   ], 16);
 }
-const en = /* @__PURE__ */ M(Wl, [["render", xl]]), Ye = {
+const Xl = /* @__PURE__ */ q(Jl, [["render", Ql]]), Ye = {
   "en-US": {
     all: "All",
     activeFilters: "Active filters",
@@ -1907,28 +1919,28 @@ const en = /* @__PURE__ */ M(Wl, [["render", xl]]), Ye = {
     otherFilters: "Other filters",
     searchBar: "Search bar"
   }
-}, tn = N({
+}, xl = H({
   i18n: { messages: Ye },
   name: "all-filters-modal",
   components: {
-    AllFiltersModalButton: Gl,
+    AllFiltersModalButton: zl,
     BentoBooleanFilter: yt,
-    BentoButton: Ot,
+    BentoButton: Rt,
     BentoDateFilter: ut,
     BentoDateRangeFilter: dt,
     BentoInputFilter: rt,
-    BentoModal: Vt,
+    BentoModal: Pt,
     BentoRangeFilter: mt,
     BentoSearchBar: Ce,
     BentoSelectAvatarFilter: ct,
     BentoSelectCurrencyFilter: bt,
     BentoSelectCountryFilter: ft,
-    BentoSelectFilter: X,
+    BentoSelectFilter: Q,
     BentoSelectPaymentMethodFilter: pt,
     BentoSelectTagFilter: vt,
-    BentoTypography: fe,
+    BentoTypography: de,
     FilterBarButton: Ee,
-    SlidersIcon: en
+    SlidersIcon: Xl
   },
   props: {
     /**
@@ -1958,220 +1970,220 @@ const en = /* @__PURE__ */ M(Wl, [["render", xl]]), Ye = {
   },
   emits: [De.INPUT],
   setup(e, { emit: t }) {
-    const n = Ge({ value: e.value }), l = Te("all-filters-modal"), o = K([]), i = K(!1), s = K(0), r = K(null), a = K(""), { t: u } = ce({ messages: Ye }), h = lt(a, J(n, "value")), m = K({});
+    const a = Ge({ value: e.value }), l = Te("all-filters-modal"), o = j([]), i = j(!1), s = j(0), r = j(null), n = j(""), { t: f } = be({ messages: Ye }), h = lt(n, G(a, "value")), m = j({});
     Ie(() => {
       m.value = [];
     }), _e(
       () => e.value,
       () => {
-        n.value = e.value;
+        a.value = e.value;
       }
     );
-    const _ = (c) => (
+    const _ = (d) => (
       /* eslint-disable-next-line no-nested-ternary */
-      c.sort((I, U) => I.label > U.label ? 1 : U.label > I.label ? -1 : 0)
-    ), d = f(
+      d.sort((T, k) => T.label > k.label ? 1 : k.label > T.label ? -1 : 0)
+    ), u = b(
       () => _(
         h.value.filter(
-          (c) => {
-            var I, U;
-            return Array.isArray(c.value) ? ((I = c.value) == null ? void 0 : I.length) && ((U = c.value) == null ? void 0 : U.find((z) => z !== "")) : c.value;
+          (d) => {
+            var T, k;
+            return Array.isArray(d.value) ? ((T = d.value) == null ? void 0 : T.length) && ((k = d.value) == null ? void 0 : k.find((J) => J !== "")) : d.value;
           }
         )
       )
-    ), D = f(
+    ), I = b(
       () => _(
         h.value.filter(
-          (c) => {
-            var I, U;
-            return Array.isArray(c.value) ? ((I = c.value) == null ? void 0 : I.length) === 0 || ((U = c.value) == null ? void 0 : U.every((z) => z === "")) : !c.value;
+          (d) => {
+            var T, k;
+            return Array.isArray(d.value) ? ((T = d.value) == null ? void 0 : T.length) === 0 || ((k = d.value) == null ? void 0 : k.every((J) => J === "")) : !d.value;
           }
         )
       )
-    ), T = f(() => {
-      var c;
-      return a.value && ((c = h.value) == null ? void 0 : c.length) === 0;
-    }), A = f(() => n.value[s.value]), E = () => {
-      const c = d.value.length ? d.value[0] : D.value[0], I = n.value.findIndex(
-        (U) => U.label === c.label && U.field === c.field
+    ), E = b(() => {
+      var d;
+      return n.value && ((d = h.value) == null ? void 0 : d.length) === 0;
+    }), B = b(() => a.value[s.value]), U = () => {
+      const d = u.value.length ? u.value[0] : I.value[0], T = a.value.findIndex(
+        (k) => k.label === d.label && k.field === d.field
       );
-      s.value = I;
+      s.value = T;
     };
     Je(() => {
-      E();
+      U();
     });
-    const j = f(
-      () => n.value.map((c) => {
-        var I, U, z, ne, ee, Ue;
-        switch (c.type) {
-          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 ((I = c.options) == null ? void 0 : I.multiple) {
+    const Y = b(
+      () => a.value.map((d) => {
+        var T, k, J, ae, ee, Ue;
+        switch (d.type) {
+          case Z.SELECT:
+          case Z.SELECT_AVATAR:
+          case Z.SELECT_COUNTRY:
+          case Z.SELECT_CURRENCY:
+          case Z.SELECT_PAYMENT_METHOD:
+          case Z.SELECT_TAG:
+            switch ((T = d.options) == null ? void 0 : T.multiple) {
               case !0:
                 return {
-                  label: c.label,
-                  field: c.field,
-                  count: (U = c.value) != null && U.length ? (z = c.value) == null ? void 0 : z.length : null
+                  label: d.label,
+                  field: d.field,
+                  count: (k = d.value) != null && k.length ? (J = d.value) == null ? void 0 : J.length : null
                 };
               default:
                 return {
-                  label: c.label,
-                  field: c.field,
-                  count: c.value == null ? null : 1
+                  label: d.label,
+                  field: d.field,
+                  count: d.value == null ? null : 1
                 };
             }
-          case Q.DATE_RANGE:
+          case Z.DATE_RANGE:
             return {
-              label: c.label,
-              field: c.field,
-              count: ((ne = c.value) == null ? void 0 : ne.startDate) != null && ((ee = c.value) == null ? void 0 : ee.endDate) != null ? 1 : null
+              label: d.label,
+              field: d.field,
+              count: ((ae = d.value) == null ? void 0 : ae.startDate) != null && ((ee = d.value) == null ? void 0 : ee.endDate) != null ? 1 : null
             };
-          case Q.RANGE:
+          case Z.RANGE:
             return {
-              label: c.label,
-              field: c.field,
-              count: (Ue = c.value) != null && Ue.find((ht) => ht !== "") ? 1 : null
+              label: d.label,
+              field: d.field,
+              count: (Ue = d.value) != null && Ue.find((ht) => ht !== "") ? 1 : null
             };
-          case Q.INPUT:
-          case Q.BOOLEAN:
-          case Q.DATE:
+          case Z.INPUT:
+          case Z.BOOLEAN:
+          case Z.DATE:
           default:
             return {
-              label: c.label,
-              field: c.field,
-              count: c.value != null ? 1 : null
+              label: d.label,
+              field: d.field,
+              count: d.value != null ? 1 : null
             };
         }
       })
-    ), S = f(
+    ), $ = b(
       () => {
-        var c;
-        return Array.isArray(A.value.value) ? ((c = A.value) == null ? void 0 : c.value.length) && A.value.value.find((I) => I !== "") : !!n.value[s.value].value;
+        var d;
+        return Array.isArray(B.value.value) ? ((d = B.value) == null ? void 0 : d.value.length) && B.value.value.find((T) => T !== "") : !!a.value[s.value].value;
       }
-    ), F = f(
+    ), F = b(
       () => {
-        var c;
+        var d;
         return (
           // eslint-disable-next-line no-return-assign, no-param-reassign
-          (c = j.value) == null ? void 0 : c.reduce((I, U) => I += U.count, 0)
+          (d = Y.value) == null ? void 0 : d.reduce((T, k) => T += k.count, 0)
         );
       }
-    ), B = () => {
+    ), g = () => {
       i.value ? i.value = !1 : i.value = !0;
-    }, L = (c) => {
-      var U, z, ne;
-      const I = j.value.find((ee) => ee.field === c.field).count;
-      return c.type.includes("BentoSelect") && ((U = c.options) != null && U.multiple) && I === ((ne = (z = c.options) == null ? void 0 : z.listboxItems) == null ? void 0 : ne.length) ? u("all") : I;
-    }, G = (c, I) => {
-      s.value = n.value.findIndex(
-        (U) => U.label === c && U.field === I
+    }, L = (d) => {
+      var k, J, ae;
+      const T = Y.value.find((ee) => ee.field === d.field).count;
+      return d.type.includes("BentoSelect") && ((k = d.options) != null && k.multiple) && T === ((ae = (J = d.options) == null ? void 0 : J.listboxItems) == null ? void 0 : ae.length) ? f("all") : T;
+    }, W = (d, T) => {
+      s.value = a.value.findIndex(
+        (k) => k.label === d && k.field === T
       );
-    }, Y = () => {
-      a.value = "";
-    }, V = () => {
-      i.value = !1, n.value = e.value, Y(), E();
-    }, H = (c) => {
-      const I = n.value.map(({ value: U, ...z }, ne) => ne === s.value ? { value: c.value, ...z } : { value: U, ...z });
-      n.value = I;
-    }, q = () => {
-      H({
-        field: A.value.field,
-        label: A.value.label,
-        type: A.value.type,
+    }, X = () => {
+      n.value = "";
+    }, z = () => {
+      i.value = !1, a.value = e.value, X(), U();
+    }, V = (d) => {
+      const T = a.value.map(({ value: k, ...J }, ae) => ae === s.value ? { value: d.value, ...J } : { value: k, ...J });
+      a.value = T;
+    }, D = () => {
+      V({
+        field: B.value.field,
+        label: B.value.label,
+        type: B.value.type,
         value: void 0
       });
-    }, Z = () => {
-      n.value = n.value.map(({ value: c, ...I }) => ({
-        ...I,
+    }, w = () => {
+      a.value = a.value.map(({ value: d, ...T }) => ({
+        ...T,
         value: void 0
       }));
-    }, W = () => {
-      t(De.INPUT, n.value), i.value = !1;
-    }, C = f(
-      () => JSON.stringify(n.value) === JSON.stringify(e.value)
-    ), x = f(() => [
+    }, K = () => {
+      t(De.INPUT, a.value), i.value = !1;
+    }, C = b(
+      () => JSON.stringify(a.value) === JSON.stringify(e.value)
+    ), x = b(() => [
       {
-        title: u("applyAll"),
+        title: f("applyAll"),
         disabled: C.value,
-        event: W
+        event: K
       },
       {
-        title: u("cancel"),
-        event: V
+        title: f("cancel"),
+        event: z
       },
       {
-        title: u("clearAll"),
+        title: f("clearAll"),
         disabled: !F.value,
-        event: Z
+        event: w
       }
     ]);
     return {
       // Enums
-      BentoModalEvent: Rt,
+      BentoModalEvent: Vt,
       // Values
       allFiltersModalUniqueId: l,
       allFiltersModalFiltersSection: o,
       allFiltersModalFilterButtons: m,
       numberOfActiveFilters: F,
-      isEmptyResultForSearchFilter: T,
+      isEmptyResultForSearchFilter: E,
       isModalOpen: i,
-      isClearButtonEnabled: S,
-      activeFilters: d,
-      otherFilters: D,
+      isClearButtonEnabled: $,
+      activeFilters: u,
+      otherFilters: I,
       modalActions: x,
-      selectedFilter: A,
+      selectedFilter: B,
       selectedFilterRef: r,
-      filters: n,
-      computedCounts: j,
-      searchTerm: a,
+      filters: a,
+      computedCounts: Y,
+      searchTerm: n,
       // Methods
-      onClickAllFiltersModal: B,
+      onClickAllFiltersModal: g,
       getFilterCount: L,
-      cancel: V,
-      selectFilter: G,
-      clearFilter: q,
-      updateFilter: H,
-      onSearchbarClear: Y,
+      cancel: z,
+      selectFilter: W,
+      clearFilter: D,
+      updateFilter: V,
+      onSearchbarClear: X,
       onKeydownRight: () => {
-        wt(1, r.value.$el).focus();
+        Lt(1, r.value.$el).focus();
       },
       onKeydownLeft: () => {
-        m.value[A.value.label].$el.focus();
+        m.value[B.value.label].$el.focus();
       }
     };
   }
 });
-const ln = { class: "b-all-filters-modal" }, nn = {
+const ea = { class: "b-all-filters-modal" }, ta = {
   key: 0,
   class: "b-all-filters-modal__empty-search-message"
-}, an = {
+}, la = {
   key: 1,
   class: "b-all-filters-modal__filters-section"
-}, on = ["aria-labelledby"], sn = {
+}, aa = ["aria-labelledby"], na = {
   key: 2,
   class: "b-all-filters-modal__filters-section"
-}, rn = ["aria-labelledby"], un = { class: "b-all-filters-modal__selected-filter-text" }, dn = { class: "b-all-filters-modal__selected-filter-component" }, cn = { class: "b-all-filters-modal__clear-button" };
-function bn(e, t, n, l, o, i) {
-  const s = y("sliders-icon"), r = y("filter-bar-button"), a = y("bento-search-bar"), u = y("bento-typography"), h = y("all-filters-modal-button"), m = y("bento-button"), _ = y("bento-modal");
-  return b(), P("div", ln, [
-    g(r, {
+}, oa = ["aria-labelledby"], sa = { class: "b-all-filters-modal__selected-filter-text" }, ia = { class: "b-all-filters-modal__selected-filter-component" }, ra = { class: "b-all-filters-modal__clear-button" };
+function ua(e, t, a, l, o, i) {
+  const s = y("sliders-icon"), r = y("filter-bar-button"), n = y("bento-search-bar"), f = y("bento-typography"), h = y("all-filters-modal-button"), m = y("bento-button"), _ = y("bento-modal");
+  return c(), R("div", ea, [
+    S(r, {
       "is-filter-open": e.isModalOpen,
       "applied-filters-count": e.numberOfActiveFilters,
       onClick: e.onClickAllFiltersModal
     }, {
       iconLeft: p(() => [
-        g(s, { "aria-hidden": "true" })
+        S(s, { "aria-hidden": "true" })
       ]),
       default: p(() => [
-        O(R(e.$t("allFilters")) + " ", 1)
+        N(O(e.$t("allFilters")) + " ", 1)
       ]),
       _: 1
     }, 8, ["is-filter-open", "applied-filters-count", "onClick"]),
-    g(_, {
+    S(_, {
       class: "'b-all-filters-modal__modal'",
       "is-open": e.isModalOpen,
       "with-column-layout": !0,
@@ -2182,61 +2194,61 @@ function bn(e, t, n, l, o, i) {
       onCloseModal: e.cancel
     }, {
       default: p(() => [
-        O(R(e.$t("allFilters")), 1)
+        N(O(e.$t("allFilters")), 1)
       ]),
       "content-col-1": p(() => [
-        k("div", {
+        P("div", {
           ref: "allFiltersModalFiltersSection",
           class: "b-all-filters-modal__filters",
-          onKeydown: t[1] || (t[1] = de((...d) => e.onKeydownRight && e.onKeydownRight(...d), ["right"]))
+          onKeydown: t[1] || (t[1] = ce((...u) => e.onKeydownRight && e.onKeydownRight(...u), ["right"]))
         }, [
-          g(a, {
+          S(n, {
             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),
+            onInput: t[0] || (t[0] = (u) => e.searchTerm = u),
             onClear: e.onSearchbarClear
           }, null, 8, ["value", "input-field-aria-label", "onClear"]),
-          e.isEmptyResultForSearchFilter ? (b(), P("div", nn, [
-            g(u, { el: "span" }, {
+          e.isEmptyResultForSearchFilter ? (c(), R("div", ta, [
+            S(f, { el: "span" }, {
               default: p(() => [
-                O(R(e.$t("noFiltersMatchThisSearch")), 1)
+                N(O(e.$t("noFiltersMatchThisSearch")), 1)
               ]),
               _: 1
             })
-          ])) : w("", !0),
-          e.activeFilters.length ? (b(), P("div", an, [
-            g(u, {
+          ])) : M("", !0),
+          e.activeFilters.length ? (c(), R("div", la, [
+            S(f, {
               id: `active-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
               el: "span",
               variant: "caption"
             }, {
               default: p(() => [
-                O(R(e.$t("activeFilters")), 1)
+                N(O(e.$t("activeFilters")), 1)
               ]),
               _: 1
             }, 8, ["id"]),
-            k("ul", {
+            P("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}`
             }, [
-              (b(!0), P(pe, null, ve(e.activeFilters, (d) => (b(), P("li", {
-                key: `${d.label}-${d.field}`
+              (c(!0), R(pe, null, ve(e.activeFilters, (u) => (c(), R("li", {
+                key: `${u.label}-${u.field}`
               }, [
-                g(h, {
+                S(h, {
                   ref_for: !0,
-                  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: (D) => e.selectFilter(d.label, d.field)
+                  ref: (I) => e.allFiltersModalFilterButtons[u.label] = I,
+                  label: u.label,
+                  "applied-filters-count": e.getFilterCount(u),
+                  "is-filter-open": e.selectedFilter.label === u.label,
+                  onClick: (I) => e.selectFilter(u.label, u.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
-            ], 8, on)
-          ])) : w("", !0),
-          e.otherFilters.length ? (b(), P("div", sn, [
-            e.activeFilters.length ? (b(), $(u, {
+            ], 8, aa)
+          ])) : M("", !0),
+          e.otherFilters.length ? (c(), R("div", na, [
+            e.activeFilters.length ? (c(), A(f, {
               key: 0,
               id: `other-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
@@ -2244,60 +2256,60 @@ function bn(e, t, n, l, o, i) {
               variant: "caption"
             }, {
               default: p(() => [
-                O(R(e.$t("otherFilters")), 1)
+                N(O(e.$t("otherFilters")), 1)
               ]),
               _: 1
-            }, 8, ["id"])) : w("", !0),
-            k("ul", {
+            }, 8, ["id"])) : M("", !0),
+            P("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}`
             }, [
-              (b(!0), P(pe, null, ve(e.otherFilters, (d) => (b(), P("li", {
-                key: `${d.label}-${d.field}`
+              (c(!0), R(pe, null, ve(e.otherFilters, (u) => (c(), R("li", {
+                key: `${u.label}-${u.field}`
               }, [
-                g(h, {
+                S(h, {
                   ref_for: !0,
-                  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: (D) => e.selectFilter(d.label, d.field)
+                  ref: (I) => e.allFiltersModalFilterButtons[u.label] = I,
+                  label: u.label,
+                  "applied-filters-count": e.getFilterCount(u),
+                  "is-filter-open": e.selectedFilter.label === u.label,
+                  onClick: (I) => e.selectFilter(u.label, u.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
-            ], 8, rn)
-          ])) : w("", !0)
+            ], 8, oa)
+          ])) : M("", !0)
         ], 544)
       ]),
       "content-col-2": p(() => [
-        k("div", {
+        P("div", {
           class: "b-all-filters-modal__selected-filter-content",
-          onKeydown: t[2] || (t[2] = de((...d) => e.onKeydownLeft && e.onKeydownLeft(...d), ["left"]))
+          onKeydown: t[2] || (t[2] = ce((...u) => e.onKeydownLeft && e.onKeydownLeft(...u), ["left"]))
         }, [
-          k("div", un, [
-            g(u, {
+          P("div", sa, [
+            S(f, {
               el: "div",
               variant: "title",
               medium: ""
             }, {
               default: p(() => [
-                O(R(e.selectedFilter.label), 1)
+                N(O(e.selectedFilter.label), 1)
               ]),
               _: 1
             }),
-            e.selectedFilter.description ? (b(), $(u, {
+            e.selectedFilter.description ? (c(), A(f, {
               key: 0,
               el: "div",
               variant: "body",
               wide: ""
             }, {
               default: p(() => [
-                O(R(e.selectedFilter.description), 1)
+                N(O(e.selectedFilter.description), 1)
               ]),
               _: 1
-            })) : w("", !0)
+            })) : M("", !0)
           ]),
-          k("div", dn, [
-            (b(), $(Be(e.selectedFilter.type), {
+          P("div", ia, [
+            (c(), A(Be(e.selectedFilter.type), {
               ref: "selectedFilterRef",
               key: e.selectedFilter.field,
               field: e.selectedFilter.field,
@@ -2309,14 +2321,14 @@ function bn(e, t, n, l, o, i) {
               onInput: e.updateFilter
             }, null, 40, ["field", "label", "options", "value", "default-value", "onInput"]))
           ]),
-          k("div", cn, [
-            g(m, {
+          P("div", ra, [
+            S(m, {
               variant: "secondary",
               disabled: !e.isClearButtonEnabled,
               onClick: e.clearFilter
             }, {
               default: p(() => [
-                O(R(e.$t("clear")), 1)
+                N(O(e.$t("clear")), 1)
               ]),
               _: 1
             }, 8, ["disabled", "onClick"])
@@ -2327,7 +2339,7 @@ function bn(e, t, n, l, o, i) {
     }, 8, ["is-open", "actions", "onCloseModal"])
   ]);
 }
-const fn = /* @__PURE__ */ M(tn, [["render", bn], ["__scopeId", "data-v-2653c56a"]]), ze = {
+const da = /* @__PURE__ */ q(xl, [["render", ua], ["__scopeId", "data-v-2653c56a"]]), ze = {
   "en-US": {
     clearAll: "Clear all",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -2336,17 +2348,17 @@ const fn = /* @__PURE__ */ M(tn, [["render", bn], ["__scopeId", "data-v-2653c56a
     resetAll: "Reset all",
     searchBar: "Search bar"
   }
-}, pn = N({
+}, ca = H({
   i18n: { messages: ze },
   name: "bento-filter-bar",
   components: {
-    AllFiltersModal: fn,
+    AllFiltersModal: da,
     BentoBooleanFilter: yt,
     BentoDateFilter: ut,
     BentoDateRangeFilter: dt,
     BentoRangeFilter: mt,
     BentoInputFilter: rt,
-    BentoSelectFilter: X,
+    BentoSelectFilter: Q,
     BentoSelectAvatarFilter: ct,
     BentoSelectCountryFilter: ft,
     BentoSelectCurrencyFilter: bt,
@@ -2354,8 +2366,8 @@ const fn = /* @__PURE__ */ M(tn, [["render", bn], ["__scopeId", "data-v-2653c56a
     BentoSelectTagFilter: vt,
     BentoSearchBar: Ce,
     FilterBarButton: Ee,
-    FixedScroller: Qt,
-    RefreshIcon: Zt
+    FixedScroller: Wt,
+    RefreshIcon: Gt
   },
   props: {
     /**
@@ -2434,103 +2446,103 @@ const fn = /* @__PURE__ */ M(tn, [["render", bn], ["__scopeId", "data-v-2653c56a
   emits: [
     he.INPUT,
     he.UPDATE_FILTER_VALUES,
-    be.CLEAR,
-    be.INPUT,
-    be.UPDATE
+    fe.CLEAR,
+    fe.INPUT,
+    fe.UPDATE
   ],
   setup(e, { emit: t }) {
-    const { t: n } = ce({ messages: ze }), l = f(
+    const { t: a } = be({ messages: ze }), l = b(
       () => {
-        var S, F;
-        return (F = ((S = e.config) == null ? void 0 : S.length) > 0 ? e.config : e.value) == null ? void 0 : F.map((B) => {
-          var G;
-          const L = (G = e.filterValues.find(({ field: Y }) => Y === B.field)) == null ? void 0 : G.value;
-          return { ...B, value: L !== void 0 ? L : B == null ? void 0 : B.value };
+        var $, F;
+        return (F = (($ = e.config) == null ? void 0 : $.length) > 0 ? e.config : e.value) == null ? void 0 : F.map((g) => {
+          var W;
+          let L = (W = e.filterValues.find(({ field: X }) => X === g.field)) == null ? void 0 : W.value;
+          return L === void 0 && (L = (g == null ? void 0 : g.value) === void 0 && (g == null ? void 0 : g.defaultValue) !== void 0 ? g == null ? void 0 : g.defaultValue : g == null ? void 0 : g.value), { ...g, value: L !== void 0 ? L : g == null ? void 0 : g.value };
         });
       }
-    ), o = Pt(), i = f(() => n("searchBar")), s = f(() => l.value.some(
+    ), o = kt(), i = b(() => a("searchBar")), s = b(() => l.value.some(
       ({ visible: F }) => F != null
-    ) ? l.value.some(({ visible: F }) => !F) : !1), r = f(
-      () => l.value.filter(({ defaultValue: S }) => S !== void 0)
-    ), a = f(() => l.value.some(
+    ) ? l.value.some(({ visible: F }) => !F) : !1), r = b(
+      () => l.value.filter(({ defaultValue: $ }) => $ !== void 0)
+    ), n = b(() => l.value.some(
       ({ visible: F }) => F != null
     ) ? l.value.filter(
-      ({ defaultValue: F, visible: B }) => F === void 0 && B
-    ) : l.value.filter(({ defaultValue: F }) => F === void 0)), u = f(() => e.searchTerm != null), h = f(
-      () => l.value.filter(({ defaultValue: S }) => S == null).some(({ value: S }) => S != null)
-    ), m = f(() => r.value.length === 0 && h.value), _ = f(() => r.value.length === 0 ? !1 : !l.value.filter(({ defaultValue: F }) => F !== void 0 || F !== null).every(({ value: F, defaultValue: B }) => JSON.stringify(F) === JSON.stringify(B)) || h.value), d = (S) => {
-      t(he.INPUT, S), t(
+      ({ defaultValue: F, visible: g }) => F === void 0 && g
+    ) : l.value.filter(({ defaultValue: F }) => F === void 0)), f = b(() => e.searchTerm != null), h = b(
+      () => l.value.filter(({ defaultValue: $ }) => $ == null).some(({ value: $ }) => $ != null)
+    ), m = b(() => r.value.length === 0 && h.value), _ = b(() => r.value.length === 0 ? !1 : !l.value.filter(({ defaultValue: F }) => F !== void 0 || F !== null).every(({ value: F, defaultValue: g }) => JSON.stringify(F) === JSON.stringify(g)) || h.value), u = ($) => {
+      t(he.INPUT, $), t(
         he.UPDATE_FILTER_VALUES,
-        S == null ? void 0 : S.filter(({ value: F }) => F !== null || F !== void 0).map(({ field: F, value: B }) => ({ field: F, value: B }))
+        $ == null ? void 0 : $.filter(({ value: F }) => F !== null || F !== void 0).map(({ field: F, value: g }) => ({ field: F, value: g }))
       );
     };
     return {
       // Values
       hasHiddenFilters: s,
       isClearAllVisible: m,
-      isSearchBarEnabled: u,
+      isSearchBarEnabled: f,
       searchBarAriaLabel: i,
       persistentFilters: r,
-      regularFilters: a,
+      regularFilters: n,
       isResetAllVisible: _,
       valueAndFilterValuesPropsMerged: l,
       // Events
-      updateAllFilters: d,
-      updateFilterHandler: (S) => {
+      updateAllFilters: u,
+      updateFilterHandler: ($) => {
         const F = l.value.findIndex(
-          (L) => L.field === S.field
-        ), B = l.value.slice();
-        B[F].value = S.value, d(B);
+          (L) => L.field === $.field
+        ), g = l.value.slice();
+        g[F].value = $.value, u(g);
       },
       clearAllFilters: () => {
-        const S = l.value.slice(), F = l.value.map(({ value: B, ...L }) => ({
+        const $ = l.value.slice(), F = l.value.map(({ value: g, ...L }) => ({
           ...L,
           value: void 0
         }));
         o.addToast({
-          text: n("filtersHaveBeenCleared"),
+          text: a("filtersHaveBeenCleared"),
           action: {
-            handler: () => d(S),
-            text: n("undo")
+            handler: () => u($),
+            text: a("undo")
           }
-        }), d(F);
+        }), u(F);
       },
       onSearchbarClear: () => {
-        t(be.CLEAR);
+        t(fe.CLEAR);
       },
-      onSearchbarInput: (S) => {
-        t(be.INPUT, S), t(be.UPDATE, S);
+      onSearchbarInput: ($) => {
+        t(fe.INPUT, $), t(fe.UPDATE, $);
       },
       resetAllFilters: () => {
-        const S = l.value.slice(), F = l.value.map(({ defaultValue: B, ...L }) => ({
+        const $ = l.value.slice(), F = l.value.map(({ defaultValue: g, ...L }) => ({
           ...L,
-          defaultValue: B,
-          value: B
+          defaultValue: g,
+          value: g
         }));
         o.addToast({
-          text: n("filtersHaveBeenReset"),
+          text: a("filtersHaveBeenReset"),
           action: {
-            handler: () => d(S),
-            text: n("undo")
+            handler: () => u($),
+            text: a("undo")
           }
-        }), d(F);
+        }), u(F);
       }
     };
   }
 });
-const vn = { class: "b-filter-bar" }, yn = { class: "b-filter-bar__container" }, mn = {
+const ba = { class: "b-filter-bar" }, fa = { class: "b-filter-bar__container" }, pa = {
   key: 0,
   class: "b-filter-bar__before-filters"
-}, hn = { class: "b-filter-bar__filters-container" }, _n = { class: "b-filter-bar__filters" }, Fn = { class: "b-filter-bar__scroller-content" }, gn = {
+}, va = { class: "b-filter-bar__filters-container" }, ya = { class: "b-filter-bar__filters" }, ma = { class: "b-filter-bar__scroller-content" }, ha = {
   key: 0,
   class: "b-filter-bar__actions"
 };
-function Cn(e, t, n, l, o, i) {
-  const s = y("bento-search-bar"), r = y("all-filters-modal"), a = y("refresh-icon"), u = y("filter-bar-button"), h = y("fixed-scroller");
-  return b(), P("div", vn, [
-    k("div", yn, [
-      e.isSearchBarEnabled || e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? (b(), P("div", mn, [
-        e.isSearchBarEnabled ? (b(), $(s, {
+function _a(e, t, a, l, o, i) {
+  const s = y("bento-search-bar"), r = y("all-filters-modal"), n = y("refresh-icon"), f = y("filter-bar-button"), h = y("fixed-scroller");
+  return c(), R("div", ba, [
+    P("div", fa, [
+      e.isSearchBarEnabled || e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? (c(), R("div", pa, [
+        e.isSearchBarEnabled ? (c(), A(s, {
           key: 0,
           class: "b-filter-bar__search-bar",
           "input-field-aria-label": e.searchBarAriaLabel,
@@ -2538,48 +2550,48 @@ function Cn(e, t, n, l, o, i) {
           condensed: "",
           onInput: e.onSearchbarInput,
           onClear: e.onSearchbarClear
-        }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : w("", !0),
-        e.hasHiddenFilters ? (b(), $(r, {
+        }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : M("", !0),
+        e.hasHiddenFilters ? (c(), A(r, {
           key: 1,
           class: "b-filter-bar__all-filters-modal",
           value: e.valueAndFilterValuesPropsMerged,
           onInput: e.updateAllFilters
-        }, null, 8, ["value", "onInput"])) : w("", !0),
-        Fe(g(u, {
+        }, null, 8, ["value", "onInput"])) : M("", !0),
+        Fe(S(f, {
           class: "b-filter-bar__clear-all",
           onClick: e.clearAllFilters
         }, {
           iconLeft: p(() => [
-            g(a, { "aria-hidden": "true" })
+            S(n, { "aria-hidden": "true" })
           ]),
           default: p(() => [
-            O(R(e.$t("clearAll")) + " ", 1)
+            N(O(e.$t("clearAll")) + " ", 1)
           ]),
           _: 1
         }, 8, ["onClick"]), [
           [ge, e.isClearAllVisible]
         ]),
-        Fe(g(u, {
+        Fe(S(f, {
           class: "b-filter-bar__reset-all",
           onClick: e.resetAllFilters
         }, {
           iconLeft: p(() => [
-            g(a, { "aria-hidden": "true" })
+            S(n, { "aria-hidden": "true" })
           ]),
           default: p(() => [
-            O(R(e.$t("resetAll")) + " ", 1)
+            N(O(e.$t("resetAll")) + " ", 1)
           ]),
           _: 1
         }, 8, ["onClick"]), [
           [ge, e.isResetAllVisible]
         ])
-      ])) : w("", !0),
-      k("div", hn, [
-        k("div", _n, [
-          g(h, { condensed: "" }, {
+      ])) : M("", !0),
+      P("div", va, [
+        P("div", ya, [
+          S(h, { condensed: "" }, {
             default: p(() => [
-              k("div", Fn, [
-                e.isSearchBarEnabled ? (b(), $(s, {
+              P("div", ma, [
+                e.isSearchBarEnabled ? (c(), A(s, {
                   key: 0,
                   class: "b-filter-bar__search-bar",
                   "input-field-aria-label": e.searchBarAriaLabel,
@@ -2587,8 +2599,8 @@ function Cn(e, t, n, l, o, i) {
                   condensed: "",
                   onInput: e.onSearchbarInput,
                   onClear: e.onSearchbarClear
-                }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : w("", !0),
-                e.persistentFilters.length ? (b(!0), P(pe, { key: 1 }, ve(e.persistentFilters, (m) => (b(), $(Be(m.type), {
+                }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : M("", !0),
+                e.persistentFilters.length ? (c(!0), R(pe, { key: 1 }, ve(e.persistentFilters, (m) => (c(), A(Be(m.type), {
                   key: m.field,
                   field: m.field,
                   label: m.label,
@@ -2596,8 +2608,8 @@ function Cn(e, t, n, l, o, i) {
                   value: m.value,
                   "default-value": m.defaultValue,
                   onUpdate: e.updateFilterHandler
-                }, null, 40, ["field", "label", "options", "value", "default-value", "onUpdate"]))), 128)) : w("", !0),
-                (b(!0), P(pe, null, ve(e.regularFilters, (m) => (b(), $(Be(m.type), {
+                }, null, 40, ["field", "label", "options", "value", "default-value", "onUpdate"]))), 128)) : M("", !0),
+                (c(!0), R(pe, null, ve(e.regularFilters, (m) => (c(), A(Be(m.type), {
                   key: m.field,
                   field: m.field,
                   label: m.label,
@@ -2610,51 +2622,51 @@ function Cn(e, t, n, l, o, i) {
             _: 1
           })
         ]),
-        e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? (b(), P("div", gn, [
-          e.hasHiddenFilters ? (b(), $(r, {
+        e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? (c(), R("div", ha, [
+          e.hasHiddenFilters ? (c(), A(r, {
             key: 0,
             class: "b-filter-bar__all-filters-modal",
             value: e.valueAndFilterValuesPropsMerged,
             onInput: e.updateAllFilters
-          }, null, 8, ["value", "onInput"])) : w("", !0),
-          Fe(g(u, {
+          }, null, 8, ["value", "onInput"])) : M("", !0),
+          Fe(S(f, {
             class: "b-filter-bar__clear-all",
             onClick: e.clearAllFilters
           }, {
             iconLeft: p(() => [
-              g(a, { "aria-hidden": "true" })
+              S(n, { "aria-hidden": "true" })
             ]),
             default: p(() => [
-              O(R(e.$t("clearAll")) + " ", 1)
+              N(O(e.$t("clearAll")) + " ", 1)
             ]),
             _: 1
           }, 8, ["onClick"]), [
             [ge, e.isClearAllVisible]
           ]),
-          Fe(g(u, {
+          Fe(S(f, {
             class: "b-filter-bar__reset-all",
             onClick: e.resetAllFilters
           }, {
             iconLeft: p(() => [
-              g(a, { "aria-hidden": "true" })
+              S(n, { "aria-hidden": "true" })
             ]),
             default: p(() => [
-              O(R(e.$t("resetAll")) + " ", 1)
+              N(O(e.$t("resetAll")) + " ", 1)
             ]),
             _: 1
           }, 8, ["onClick"]), [
             [ge, e.isResetAllVisible]
           ])
-        ])) : w("", !0)
+        ])) : M("", !0)
       ])
     ])
   ]);
 }
-const ia = /* @__PURE__ */ M(pn, [["render", Cn], ["__scopeId", "data-v-5f910a0f"]]);
+const an = /* @__PURE__ */ q(ca, [["render", _a], ["__scopeId", "data-v-be394ee4"]]);
 export {
-  ia as BentoFilterBar,
+  an as BentoFilterBar,
   he as BentoFilterBarEvent,
   v as BentoFilterEvent,
-  Q as BentoFilterItemType
+  Z as BentoFilterItemType
 };
 //# sourceMappingURL=filter-bar.js.map