@adyen/bento-vue3 1.23.0 → 1.25.0

package/dist/filter-bar.js

@@ -1,47 +1,47 @@
-import { defineComponent as G, useSlots as Ft, useAttrs as ht, computed as b, ref as w, openBlock as f, createBlock as D, unref as ae, normalizeClass as _e, withCtx as p, createTextVNode as K, toDisplayString as M, createCommentVNode as j, createElementBlock as H, createElementVNode as L, renderSlot as de, createVNode as B, watch as Fe, resolveComponent as _, withKeys as ce, toRef as te, onBeforeUpdate as Te, provide as gt, mergeProps as se, Fragment as ye, reactive as We, createSlots as Be, renderList as me, normalizeProps as ke, guardReactiveProps as Re, pushScopeId as St, popScopeId as Ct, nextTick as $t, onMounted as At, resolveDynamicComponent as Ie, withDirectives as Ce, vShow as $e } from "vue";
-import { _ as z } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { a as Le, I as Bt } from "./chunks/index.08d813e2.js";
-import { B as It } from "./chunks/dropdown-default-textbox.e0ca5afb.js";
-import { B as Dt } from "./chunks/tooltip.066fd8f7.js";
+import { defineComponent as J, useSlots as ke, useAttrs as Bt, computed as c, ref as V, openBlock as p, createBlock as I, unref as U, normalizeClass as Se, withCtx as y, createTextVNode as q, toDisplayString as N, createCommentVNode as Y, createElementBlock as K, createElementVNode as R, renderSlot as ie, createVNode as A, watch as me, resolveComponent as S, withKeys as ye, toRef as X, onBeforeUpdate as we, provide as Dt, mergeProps as re, Fragment as Be, reactive as lt, createSlots as De, renderList as de, normalizeProps as Ue, guardReactiveProps as Pe, nextTick as It, onMounted as Tt, resolveDynamicComponent as Re, withDirectives as Te, vShow as Ee } from "vue";
+import { _ as G } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { a as Ke, I as Et } from "./chunks/index.bab8811d.js";
+import { B as Ut } from "./chunks/dropdown-default-textbox.424e0eb6.js";
+import { B as Pt } from "./chunks/tooltip.e29f7d7e.js";
 import { u as be } from "./chunks/i18n.f7e6533e.js";
-import { g as Ee } from "./chunks/unique-id.a2a2b458.js";
-import { u as Tt } from "./chunks/use-click-outside.941d1600.js";
-import { B as ue, d as Et } from "./chunks/index.99c63a74.js";
-import { u as Ze } from "./chunks/aria-label.ac9651a5.js";
-import { B as Qe, a as Oe } from "./chunks/base-button.13df4e44.js";
-import { g as Xe } from "./chunks/get-slot-text.bead058f.js";
-import { u as xe } from "./chunks/use-has-slot.4d98bf29.js";
-import { C as et, a as tt } from "./chunks/chevron-up.638a9f34.js";
-import { B as Ut } from "./chunks/teleport.afeb4c3b.js";
-import { BentoRadioGroup as Pt } from "./radio-group.js";
-import { BentoInputField as lt } from "./input-field.js";
-import { BentoSearchBar as Ae, BentoSearchBarEvent as pe } from "./search-bar.js";
-import { u as Vt } from "./chunks/toastController.0b01d2e8.js";
-import { BentoModal as kt } from "./modal.js";
-import { g as Rt } from "./chunks/base-modal.30bce990.js";
-import { a as Lt } from "./chunks/button.e965bf53.js";
-import { B as Ot, u as at } from "./chunks/dropdown.257691c0.js";
-import { g as wt } from "./chunks/index.44f2aca7.js";
-import { B as nt } from "./chunks/index.f800b267.js";
-import { BentoDatePicker as Nt } from "./date-picker.js";
-import { f as re } from "./chunks/index.824101bb.js";
-import { e as oe, d as ot, f as st } from "./chunks/index.f55fdc32.js";
-import { C as Mt, i as Ht } from "./chunks/calendar.52fe4032.js";
-import { B as Kt, D as qt, i as we } from "./chunks/index.56c13d2c.js";
-import { D as Ne } from "./chunks/date-input.9186a0bf.js";
-import { B as jt } from "./chunks/button-actions.ec3c649c.js";
-import { B as Yt } from "./chunks/listbox.eb436d06.js";
-import { B as zt, L as it } from "./chunks/listbox-option-tag.4de1659c.js";
-import { u as Jt } from "./chunks/use-country-items.32e30471.js";
-import { B as Gt } from "./chunks/payment-method.df1b62db.js";
-import { R as Wt } from "./chunks/refresh.bd60f6a8.js";
-import { F as Zt } from "./chunks/fixed-scroller.47546775.js";
-import "./assets/index37.css";
-const Qt = { class: "b-filter-bar-button__container" }, Xt = { class: "b-filter-bar-button__label-container" }, xt = {
+import { g as Ne } from "./chunks/unique-id.a2a2b458.js";
+import { u as Vt } from "./chunks/use-click-outside.941d1600.js";
+import { B as ve, d as kt } from "./chunks/index.11b6dd35.js";
+import { u as at } from "./chunks/aria-label.ac9651a5.js";
+import { B as nt, a as je } from "./chunks/base-button.6be8b60e.js";
+import { g as ot } from "./chunks/get-slot-text.bead058f.js";
+import { u as st } from "./chunks/use-has-slot.4d98bf29.js";
+import { C as it, a as rt } from "./chunks/chevron-up.638a9f34.js";
+import { B as Lt } from "./chunks/teleport.afeb4c3b.js";
+import { BentoRadioGroup as Rt } from "./radio-group.js";
+import { BentoInputField as ut } from "./input-field.js";
+import { BentoSearchBar as Ve, BentoSearchBarEvent as ge } from "./search-bar.js";
+import { u as Ot } from "./chunks/use-bento-toast-controller.98ca249a.js";
+import { BentoModal as wt } from "./modal.js";
+import { g as Nt } from "./chunks/base-modal.310c4790.js";
+import { a as Mt } from "./chunks/button.de5589fa.js";
+import { u as dt, B as Ht } from "./chunks/dropdown.57b2ea6f.js";
+import { g as qt } from "./chunks/index.ea65003b.js";
+import { B as Me } from "./chunks/index.98bbaed9.js";
+import { BentoDatePicker as Kt } from "./date-picker.js";
+import { f as pe } from "./chunks/index.8682bd04.js";
+import { e as se, d as ct, f as bt } from "./chunks/index.f55fdc32.js";
+import { C as jt, i as Yt } from "./chunks/calendar.73f5b904.js";
+import { B as zt, D as Jt, i as Ye } from "./chunks/index.faec0854.js";
+import { D as ze } from "./chunks/date-input.9186a0bf.js";
+import { B as Gt } from "./chunks/button-actions.adc0a2fe.js";
+import { a as Je, B as Wt } from "./chunks/use-cached-selected-values.a9b0fb3d.js";
+import { B as Zt, L as ft } from "./chunks/listbox-option-tag.d1a3b340.js";
+import { u as Qt } from "./chunks/use-country-items.32e30471.js";
+import { B as Xt } from "./chunks/payment-method.26fa5509.js";
+import { R as xt } from "./chunks/refresh.bd60f6a8.js";
+import { F as el } from "./chunks/fixed-scroller.5b93a6a6.js";
+import "./assets/index12.css";
+const tl = { class: "b-filter-bar-button__container" }, ll = { class: "b-filter-bar-button__label-container" }, al = {
   key: 1,
   class: "b-filter-bar-button__chevron"
-}, el = {}, tl = /* @__PURE__ */ G({
-  ...el,
+}, nl = {}, ol = /* @__PURE__ */ J({
+  ...nl,
   __name: "filter-bar-button",
   props: {
     /**
@@ -70,80 +70,80 @@ const Qt = { class: "b-filter-bar-button__container" }, Xt = { class: "b-filter-
     secondaryLabel: { type: String, default: null }
   },
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const n = e, l = Ft(), i = ht(), d = xe(l), o = b(() => l.default ? Xe(l)("default") : null), s = Ze({ ariaLabel: o }), a = w(null), r = b(() => {
+  setup(e, { emit: l }) {
+    const t = e, a = ke(), u = Bt(), r = st(a), o = c(() => a.default ? ot(a)("default") : null), s = at({ ariaLabel: o }), n = V(null), d = c(() => {
       var C;
       return {
-        "aria-controls": (C = i["aria-controls"]) == null ? void 0 : C.toString()
+        "aria-controls": (C = u["aria-controls"]) == null ? void 0 : C.toString()
       };
-    }), S = b(() => ({
-      "b-filter-bar-button--filter-open": n.isFilterOpen,
-      "b-filter-bar-button--active": n.appliedFiltersCount || n.secondaryLabel || n.hasChevron,
-      "b-filter-bar-button--with-secondary-label": n.secondaryLabel,
-      "b-filter-bar-button--with-chevron": n.hasChevron
+    }), $ = c(() => ({
+      "b-filter-bar-button--filter-open": t.isFilterOpen,
+      "b-filter-bar-button--active": t.appliedFiltersCount || t.secondaryLabel || t.hasChevron,
+      "b-filter-bar-button--with-secondary-label": t.secondaryLabel,
+      "b-filter-bar-button--with-chevron": t.hasChevron
     })), F = (C) => {
-      n.disabled || t("click", C);
+      t.disabled || l("click", C);
     };
-    return (C, u) => (f(), D(ae(Qe), {
+    return (C, i) => (p(), I(U(nt), {
       ref_key: "filterBarButtonRef",
-      ref: a,
-      class: _e(["b-filter-bar-button", ae(S)]),
+      ref: n,
+      class: Se(["b-filter-bar-button", U($)]),
       disabled: e.disabled,
-      "aria-label": ae(s),
-      "aria-controls": ae(r)["aria-controls"],
+      "aria-label": U(s),
+      "aria-controls": U(d)["aria-controls"],
       type: "button",
       onClick: F
     }, {
-      iconRight: p(() => [
-        e.appliedFiltersCount && !e.hasChevron ? (f(), D(ae(ue), {
+      iconRight: y(() => [
+        e.appliedFiltersCount && !e.hasChevron ? (p(), I(U(ve), {
           key: 0,
           class: "b-filter-bar-button__counter",
           el: "span",
           variant: "body",
           stronger: ""
         }, {
-          default: p(() => [
-            K(M(e.appliedFiltersCount), 1)
+          default: y(() => [
+            q(N(e.appliedFiltersCount), 1)
           ]),
           _: 1
-        })) : j("", !0),
-        e.hasChevron ? (f(), H("div", xt, [
-          e.isFilterOpen ? (f(), D(ae(et), {
+        })) : Y("", !0),
+        e.hasChevron ? (p(), K("div", al, [
+          e.isFilterOpen ? (p(), I(U(it), {
             key: 0,
             "aria-hidden": "true"
-          })) : (f(), D(ae(tt), {
+          })) : (p(), I(U(rt), {
             key: 1,
             "aria-hidden": "true"
           }))
-        ])) : j("", !0)
+        ])) : Y("", !0)
       ]),
-      default: p(() => [
-        L("div", Qt, [
-          ae(d)("iconLeft") ? de(C.$slots, "iconLeft", { key: 0 }, void 0, !0) : j("", !0),
-          L("div", Xt, [
-            B(ae(ue), {
+      default: y(() => [
+        R("div", tl, [
+          U(r)("iconLeft") ? ie(C.$slots, "iconLeft", { key: 0 }, void 0, !0) : Y("", !0),
+          R("div", ll, [
+            A(U(ve), {
               el: "span",
               variant: "body",
               stronger: "",
               class: "b-filter-bar-button__label"
             }, {
-              default: p(() => [
-                de(C.$slots, "default", {}, void 0, !0)
+              default: y(() => [
+                ie(C.$slots, "default", {}, void 0, !0)
               ]),
               _: 3
             }),
-            e.secondaryLabel ? (f(), D(ae(ue), {
+            e.secondaryLabel ? (p(), I(U(ve), {
               key: 0,
               el: "span",
               variant: "body",
               stronger: "",
               class: "b-filter-bar-button__secondary-label"
             }, {
-              default: p(() => [
-                K(M(e.secondaryLabel), 1)
+              default: y(() => [
+                q(N(e.secondaryLabel), 1)
               ]),
               _: 1
-            })) : j("", !0)
+            })) : Y("", !0)
           ])
         ])
       ]),
@@ -151,9 +151,9 @@ const Qt = { class: "b-filter-bar-button__container" }, Xt = { class: "b-filter-
     }, 8, ["class", "disabled", "aria-label", "aria-controls"]));
   }
 });
-const Ue = /* @__PURE__ */ z(tl, [["__scopeId", "data-v-fe3e2223"]]);
-var m = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(m || {}), Se = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES = "update:filter-values", e))(Se || {}), 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 || {}), ee = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(ee || {});
-const Me = {
+const He = /* @__PURE__ */ G(ol, [["__scopeId", "data-v-fe3e2223"]]);
+var m = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(m || {}), Ae = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES = "update:filter-values", e))(Ae || {}), x = /* @__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))(x || {}), le = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(le || {});
+const Ge = {
   "en-US": {
     clear: "Clear",
     apply: "Apply",
@@ -179,15 +179,15 @@ const Me = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, ll = G({
-  i18n: { messages: Me },
+}, sl = J({
+  i18n: { messages: Ge },
   name: "bento-base-filter",
   components: {
-    BentoPopover: Le,
-    BentoTeleport: Ut,
-    FilterBarButton: Ue
+    BentoPopover: Ke,
+    BentoTeleport: Lt,
+    FilterBarButton: He
   },
-  directives: { BentoClickOutsideDirective: It },
+  directives: { BentoClickOutsideDirective: Ut },
   props: {
     /**
      * Total count of applied filters
@@ -238,72 +238,72 @@ const Me = {
     /**
      * Sets the size of the container to fit its content
      */
-    fitContent: Le.props.fitContent
+    fitContent: Ke.props.fitContent
   },
   emits: [
-    ee.APPLY,
-    ee.CLEAR,
-    ee.OPEN,
-    ee.CLOSE,
-    ee.RESET
+    le.APPLY,
+    le.CLEAR,
+    le.OPEN,
+    le.CLOSE,
+    le.RESET
   ],
-  setup(e, { emit: t }) {
-    const { t: n } = be({ messages: Me }), l = Ee("base-filter-popover"), i = w(!1), d = w(null), o = w(null), s = b(() => e.defaultValue !== null), a = () => {
-      i.value && (i.value = !1, t(ee.CLOSE));
-    }, r = () => {
-      a(), s.value ? t(ee.RESET) : t(ee.CLEAR);
-    }, S = () => a(), F = () => {
-      i.value ? a() : (i.value = !0, t(ee.OPEN));
+  setup(e, { emit: l }) {
+    const { t } = be({ messages: Ge }), a = Ne("base-filter-popover"), u = V(!1), r = V(null), o = V(null), s = c(() => e.defaultValue !== null), n = () => {
+      u.value && (u.value = !1, l(le.CLOSE));
+    }, d = () => {
+      n(), s.value ? l(le.RESET) : l(le.CLEAR);
+    }, $ = () => n(), F = () => {
+      u.value ? n() : (u.value = !0, l(le.OPEN));
     }, C = () => {
-      a(), t(ee.APPLY);
-    }, u = b(() => [
+      n(), l(le.APPLY);
+    }, i = c(() => [
       {
-        title: n("apply"),
+        title: t("apply"),
         event: C,
         disabled: e.disableApplyButton
       },
       {
-        title: s.value ? n("reset") : n("clear"),
-        event: r,
+        title: s.value ? t("reset") : t("clear"),
+        event: d,
         disabled: e.disableSecondaryButton
       }
     ]);
-    return Fe(
-      () => i.value,
-      (T, N) => {
-        var k, $;
-        !T && N && ($ = (k = d.value) == null ? void 0 : k.filterBarButtonRef) != null && $.bentoBaseButtonRef && d.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+    return me(
+      () => u.value,
+      (T, O) => {
+        var k, B;
+        !T && O && (B = (k = r.value) == null ? void 0 : k.filterBarButtonRef) != null && B.bentoBaseButtonRef && r.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
-    ), Tt(o, S, { ignore: [d] }), {
+    ), Vt(o, $, { ignore: [r] }), {
       // Values
-      actions: u,
-      popoverId: l,
-      isFilterOpen: i,
+      actions: i,
+      popoverId: a,
+      isFilterOpen: u,
       isPersistentFilter: s,
       // Enums
-      BentoTooltipPosition: Dt,
+      BentoTooltipPosition: Pt,
       // Events
       onClickFilter: F,
       onClickApply: C,
-      onClickSecondaryAction: r,
-      onClickOutside: S,
-      closePopover: a,
+      onClickSecondaryAction: d,
+      onClickOutside: $,
+      closePopover: n,
       // Refs
-      filterButtonRef: d,
+      filterButtonRef: r,
       popoverRef: o
     };
   }
 });
-const al = { key: 0 }, nl = {
+const il = { key: 0 }, rl = {
   key: 1,
   class: "b-base-filter"
 };
-function ol(e, t, n, l, i, d) {
-  const o = _("filter-bar-button"), s = _("bento-popover"), a = _("bento-teleport");
-  return e.onlySlot ? (f(), H("div", al, [
-    de(e.$slots, "default", {}, void 0, !0)
-  ])) : (f(), H("div", nl, [
-    B(o, {
+function ul(e, l, t, a, u, r) {
+  const o = S("filter-bar-button"), s = S("bento-popover"), n = S("bento-teleport");
+  return e.onlySlot ? (p(), K("div", il, [
+    ie(e.$slots, "default", {}, void 0, !0)
+  ])) : (p(), K("div", rl, [
+    A(o, {
       ref: "filterButtonRef",
       "aria-controls": e.isFilterOpen ? e.popoverId : null,
       "has-chevron": e.isPersistentFilter,
@@ -311,16 +311,16 @@ function ol(e, t, n, l, i, d) {
       "applied-filters-count": e.appliedFiltersCount,
       "secondary-label": e.buttonSecondaryLabel,
       onClick: e.onClickFilter,
-      onKeydown: ce(e.closePopover, ["esc"])
+      onKeydown: ye(e.closePopover, ["esc"])
     }, {
-      default: p(() => [
-        K(M(e.buttonLabel || e.label), 1)
+      default: y(() => [
+        q(N(e.buttonLabel || e.label), 1)
       ]),
       _: 1
     }, 8, ["aria-controls", "has-chevron", "is-filter-open", "applied-filters-count", "secondary-label", "onClick", "onKeydown"]),
-    e.filterButtonRef ? (f(), D(a, { key: 0 }, {
-      default: p(() => [
-        e.filterButtonRef ? (f(), D(s, {
+    e.filterButtonRef ? (p(), I(n, { key: 0 }, {
+      default: y(() => [
+        e.filterButtonRef ? (p(), I(s, {
           key: 0,
           id: e.popoverId,
           ref: "popoverRef",
@@ -336,44 +336,44 @@ function ol(e, t, n, l, i, d) {
           "without-space": e.controlled,
           "fallback-position": ["bottom-end"]
         }, {
-          default: p(() => [
-            L("div", {
-              onKeydown: t[0] || (t[0] = ce((...r) => e.closePopover && e.closePopover(...r), ["esc"]))
+          default: y(() => [
+            R("div", {
+              onKeydown: l[0] || (l[0] = ye((...d) => e.closePopover && e.closePopover(...d), ["esc"]))
             }, [
-              de(e.$slots, "default", {}, void 0, !0)
+              ie(e.$slots, "default", {}, void 0, !0)
             ], 32)
           ]),
           _: 3
-        }, 8, ["id", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : j("", !0)
+        }, 8, ["id", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : Y("", !0)
       ]),
       _: 3
-    })) : j("", !0)
+    })) : Y("", !0)
   ]));
 }
-const he = /* @__PURE__ */ z(ll, [["render", ol], ["__scopeId", "data-v-3aee579e"]]), sl = (e) => e instanceof Array, He = (e) => sl(e) ? e.length === 0 || e.every((t) => t === "") : !e, Ke = (e, t) => JSON.stringify(e) === JSON.stringify(t), ge = (e, t) => {
-  const n = w(e.value);
-  Fe(
+const Ce = /* @__PURE__ */ G(sl, [["render", ul], ["__scopeId", "data-v-3aee579e"]]), dl = (e) => e instanceof Array, We = (e) => dl(e) ? e.length === 0 || e.every((l) => l === "") : !e, Ze = (e, l) => JSON.stringify(e) === JSON.stringify(l), _e = (e, l) => {
+  const t = V(e.value);
+  me(
     () => e.value,
     () => {
-      n.value = e.value;
+      t.value = e.value;
     }
   );
-  const l = b(() => He(e.value)), i = b(
-    () => t.value !== null ? Ke(t.value, e.value) : l.value
-  ), d = b(() => Ke(n.value, e.value) || He(n.value) && l.value);
+  const a = c(() => We(e.value)), u = c(
+    () => l.value !== null ? Ze(l.value, e.value) : a.value
+  ), r = c(() => Ze(t.value, e.value) || We(t.value) && a.value);
   return {
-    internalFilterValue: n,
-    isSecondaryButtonDisabled: i,
-    isApplyButtonDisabled: d
+    internalFilterValue: t,
+    isSecondaryButtonDisabled: u,
+    isApplyButtonDisabled: r
   };
-}, ie = (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;
-}, il = G({
+}, ce = (e, l) => {
+  const t = e == null ? void 0 : e.toString();
+  return (t == null ? void 0 : t.length) > l ? `${t == null ? void 0 : t.slice(0, l)}...` : t;
+}, cl = J({
   name: "bento-input-filter",
   components: {
-    BentoBaseFilter: he,
-    BentoInputField: lt
+    BentoBaseFilter: Ce,
+    BentoInputField: ut
   },
   props: {
     /**
@@ -411,85 +411,85 @@ const he = /* @__PURE__ */ z(ll, [["render", ol], ["__scopeId", "data-v-3aee579e
     }
   },
   emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: t }) {
-    var v, E;
-    const n = w(null), l = w((E = (v = e == null ? void 0 : e.options) == null ? void 0 : v.dropdown) == null ? void 0 : E.value), i = b(
+  setup(e, { emit: l }) {
+    var h, P;
+    const t = V(null), a = V((P = (h = e == null ? void 0 : e.options) == null ? void 0 : h.dropdown) == null ? void 0 : P.value), u = c(
       () => {
-        var A, q;
-        return ((A = e == null ? void 0 : e.options) == null ? void 0 : A.variant) === "dropdown" && ((q = e == null ? void 0 : e.options) == null ? void 0 : q.dropdown) !== void 0;
+        var D, Z;
+        return ((D = e == null ? void 0 : e.options) == null ? void 0 : D.variant) === "dropdown" && ((Z = e == null ? void 0 : e.options) == null ? void 0 : Z.dropdown) !== void 0;
       }
-    ), d = b(
+    ), r = c(
       () => {
-        var A;
-        return i.value ? { ...(A = e == null ? void 0 : e.options) == null ? void 0 : A.dropdown, value: l.value } : void 0;
+        var D;
+        return u.value ? { ...(D = e == null ? void 0 : e.options) == null ? void 0 : D.dropdown, value: a.value } : void 0;
       }
-    ), o = b(() => {
-      var A;
-      return ((A = e == null ? void 0 : e.options) == null ? void 0 : A.variant) === "dropdown" ? "dropdown" : "default";
-    }), s = b(
+    ), o = c(() => {
+      var D;
+      return ((D = e == null ? void 0 : e.options) == null ? void 0 : D.variant) === "dropdown" ? "dropdown" : "default";
+    }), s = c(
       () => {
-        var A;
-        return i.value ? (A = e.value) == null ? void 0 : A.inputValue : e == null ? void 0 : e.value;
+        var D;
+        return u.value ? (D = e.value) == null ? void 0 : D.inputValue : e == null ? void 0 : e.value;
       }
-    ), { internalFilterValue: a, isSecondaryButtonDisabled: r, isApplyButtonDisabled: S } = ge(
+    ), { internalFilterValue: n, isSecondaryButtonDisabled: d, isApplyButtonDisabled: $ } = _e(
       s,
-      te(e, "defaultValue")
-    ), F = b(
-      () => e.defaultValue === null ? e.label : ie(s.value, 18)
-    ), C = b(
-      () => e.defaultValue === null ? ie(s.value, 12) : null
-    ), u = b(() => ({
+      X(e, "defaultValue")
+    ), F = c(
+      () => e.defaultValue === null ? e.label : ce(s.value, 18)
+    ), C = c(
+      () => e.defaultValue === null ? ce(s.value, 12) : null
+    ), i = c(() => ({
       ["b-input-filter--only-slot"]: e.onlySlot
     }));
-    Te(() => {
-      a.value === "" && (a.value = null);
-    }), Fe(n, () => {
-      var A;
-      (A = n.value) == null || A.focusInput();
+    we(() => {
+      n.value === "" && (n.value = null);
+    }), me(t, () => {
+      var D;
+      (D = t.value) == null || D.focusInput();
     });
     const T = () => {
-      a.value = s.value;
-    }, N = () => {
-      !a.value && e.defaultValue !== null && (a.value = e.defaultValue), t(m.UPDATE, {
+      n.value = s.value;
+    }, O = () => {
+      !n.value && e.defaultValue !== null && (n.value = e.defaultValue), l(m.UPDATE, {
         ...e,
-        value: i.value ? { inputValue: a.value, dropdownValue: l.value } : a.value
+        value: u.value ? { inputValue: n.value, dropdownValue: a.value } : n.value
       });
-    }, k = () => t(m.UPDATE, { ...e, value: e.defaultValue }), $ = () => {
-      a.value = null, N();
-    }, Y = () => {
-      t(m.INPUT, { ...e, value: a.value });
-    }, c = (A) => {
-      a.value = A;
-    }, y = (A) => {
-      l.value = A;
+    }, k = () => l(m.UPDATE, { ...e, value: e.defaultValue }), B = () => {
+      n.value = null, O();
+    }, W = () => {
+      l(m.INPUT, { ...e, value: n.value });
+    }, b = (D) => {
+      n.value = D;
+    }, g = (D) => {
+      a.value = D;
     };
-    return gt(Bt, i.value), {
+    return Dt(Et, u.value), {
       // Values
       buttonLabel: F,
       buttonSecondaryLabel: C,
-      conditionalClasses: u,
-      dropdownProp: d,
+      conditionalClasses: i,
+      dropdownProp: r,
       inputVariant: o,
-      internalFilterValue: a,
-      isApplyButtonDisabled: S,
-      isDropdownVariant: i,
-      isSecondaryButtonDisabled: r,
+      internalFilterValue: n,
+      isApplyButtonDisabled: $,
+      isDropdownVariant: u,
+      isSecondaryButtonDisabled: d,
       // Refs
-      inputTextRef: n,
+      inputTextRef: t,
       // Events
-      updateFilter: N,
-      clearFilter: $,
+      updateFilter: O,
+      clearFilter: B,
       openFilter: T,
       resetFilter: k,
-      onDropdownInput: y,
-      onInput: Y,
-      setInternalFilterValue: c
+      onDropdownInput: g,
+      onInput: W,
+      setInternalFilterValue: b
     };
   }
 });
-function rl(e, t, n, l, i, d) {
-  const o = _("bento-input-field"), s = _("bento-base-filter");
-  return f(), D(s, se(e.$props, {
+function bl(e, l, t, a, u, r) {
+  const o = S("bento-input-field"), s = S("bento-base-filter");
+  return p(), I(s, re(e.$props, {
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
     "disable-apply-button": e.isApplyButtonDisabled,
@@ -501,18 +501,18 @@ function rl(e, t, n, l, i, d) {
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }), {
-    default: p(() => {
-      var a;
+    default: y(() => {
+      var n;
       return [
-        L("div", {
-          class: _e(["b-input-filter", e.conditionalClasses]),
-          onKeydown: t[0] || (t[0] = ce((...r) => e.updateFilter && e.updateFilter(...r), ["enter"])),
-          onInput: t[1] || (t[1] = (...r) => e.onInput && e.onInput(...r))
+        R("div", {
+          class: Se(["b-input-filter", e.conditionalClasses]),
+          onKeydown: l[0] || (l[0] = ye((...d) => e.updateFilter && e.updateFilter(...d), ["enter"])),
+          onInput: l[1] || (l[1] = (...d) => e.onInput && e.onInput(...d))
         }, [
-          B(o, {
+          A(o, {
             ref: "inputTextRef",
             dropdown: e.dropdownProp,
-            "dropdown-position": (a = e.options) == null ? void 0 : a.dropdownPosition,
+            "dropdown-position": (n = e.options) == null ? void 0 : n.dropdownPosition,
             variant: e.inputVariant,
             value: e.internalFilterValue,
             onInput: e.setInternalFilterValue,
@@ -524,13 +524,13 @@ function rl(e, t, n, l, i, d) {
     _: 1
   }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "popover-overflow-visible", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const rt = /* @__PURE__ */ z(il, [["render", rl], ["__scopeId", "data-v-4f3a323d"]]), ul = G({
+const pt = /* @__PURE__ */ G(cl, [["render", bl], ["__scopeId", "data-v-4f3a323d"]]), fl = J({
   name: "bento-date-filter",
   components: {
-    BentoBaseFilter: he,
-    BentoDatePicker: Nt,
-    BentoDivider: nt,
-    Calendar: Mt
+    BentoBaseFilter: Ce,
+    BentoDatePicker: Kt,
+    BentoDivider: Me,
+    Calendar: jt
   },
   props: {
     isDateInput: { type: Boolean, default: !0 },
@@ -568,52 +568,52 @@ const rt = /* @__PURE__ */ z(il, [["render", rl], ["__scopeId", "data-v-4f3a323d
     value: { type: Date, default: void 0 }
   },
   emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: t }) {
-    const { locale: n } = be(void 0, !0), l = { de: ot, enUS: oe, fr: st }, { internalFilterValue: i, isSecondaryButtonDisabled: d, isApplyButtonDisabled: o } = ge(
-      te(e, "value"),
-      te(e, "defaultValue")
-    ), s = b(
-      () => e.value ? re(e.value, "dd MMM, yyyy", {
-        locale: l[n.value.substring(0, 2)] || oe
+  setup(e, { emit: l }) {
+    const { locale: t } = be(void 0, !0), a = { de: ct, enUS: se, fr: bt }, { internalFilterValue: u, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o } = _e(
+      X(e, "value"),
+      X(e, "defaultValue")
+    ), s = c(
+      () => e.value ? pe(e.value, "dd MMM, yyyy", {
+        locale: a[t.value.substring(0, 2)] || se
       }) : null
-    ), a = b(
+    ), n = c(
       () => e.defaultValue === null ? e.label : s.value
-    ), r = b(
+    ), d = c(
       () => e.defaultValue === null ? s.value : null
-    ), S = () => {
-      t(m.UPDATE, { ...e, value: i.value });
+    ), $ = () => {
+      l(m.UPDATE, { ...e, value: u.value });
     }, F = () => {
-      i.value = null, S();
+      u.value = null, $();
     }, C = () => {
-      i.value = e.defaultValue, S();
-    }, u = () => {
-      i.value = e.value;
+      u.value = e.defaultValue, $();
+    }, i = () => {
+      u.value = e.value;
     }, T = (k) => {
-      i.value = k, t(m.INPUT, { ...e, value: i.value });
+      u.value = k, l(m.INPUT, { ...e, value: u.value });
     };
     return {
       // Values
-      internalFilterValue: i,
+      internalFilterValue: u,
       isApplyButtonDisabled: o,
-      isSecondaryButtonDisabled: d,
-      buttonLabel: a,
-      buttonSecondaryLabel: r,
+      isSecondaryButtonDisabled: r,
+      buttonLabel: n,
+      buttonSecondaryLabel: d,
       // Events
       clearFilter: F,
       onDateSelected: T,
-      openFilter: u,
-      updateFilter: S,
+      openFilter: i,
+      updateFilter: $,
       resetFilter: C,
       onDateInputSelected: (k) => {
-        i.value = k, T(k), S();
+        u.value = k, T(k), $();
       }
     };
   }
 });
-const dl = { class: "b-date-filter" };
-function cl(e, t, n, l, i, d) {
-  const o = _("bento-date-picker"), s = _("bento-divider"), a = _("calendar"), r = _("bento-base-filter");
-  return f(), D(r, {
+const pl = { class: "b-date-filter" };
+function vl(e, l, t, a, u, r) {
+  const o = S("bento-date-picker"), s = S("bento-divider"), n = S("calendar"), d = S("bento-base-filter");
+  return p(), I(d, {
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
     "default-value": e.defaultValue,
@@ -628,21 +628,21 @@ function cl(e, t, n, l, i, d) {
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }, {
-    default: p(() => {
-      var S, F, C, u;
+    default: y(() => {
+      var $, F, C, i;
       return [
-        e.onlySlot ? (f(), D(o, {
+        e.onlySlot ? (p(), I(o, {
           key: 0,
           value: e.internalFilterValue,
-          "first-day-of-week": (S = e.options) == null ? void 0 : S.firstDayOfWeek,
+          "first-day-of-week": ($ = e.options) == null ? void 0 : $.firstDayOfWeek,
           "is-date-disabled": (F = e.options) == null ? void 0 : F.isDateDisabled,
           onInput: e.onDateInputSelected
-        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "onInput"])) : (f(), H(ye, { key: 1 }, [
-          B(s, { class: "b-date-filter__divider" }),
-          L("div", dl, [
-            B(a, {
+        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "onInput"])) : (p(), K(Be, { key: 1 }, [
+          A(s, { class: "b-date-filter__divider" }),
+          R("div", pl, [
+            A(n, {
               "first-day-of-week": (C = e.options) == null ? void 0 : C.firstDayOfWeek,
-              "is-date-disabled": (u = e.options) == null ? void 0 : u.isDateDisabled,
+              "is-date-disabled": (i = e.options) == null ? void 0 : i.isDateDisabled,
               "number-of-months": 1,
               value: e.internalFilterValue,
               onInput: e.onDateSelected
@@ -654,7 +654,7 @@ function cl(e, t, n, l, i, d) {
     _: 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__ */ z(ul, [["render", cl], ["__scopeId", "data-v-66ffdc53"]]), qe = {
+const vt = /* @__PURE__ */ G(fl, [["render", vl], ["__scopeId", "data-v-66ffdc53"]]), Qe = {
   "en-US": {
     clear: "Clear",
     reset: "Reset",
@@ -680,16 +680,16 @@ const ut = /* @__PURE__ */ z(ul, [["render", cl], ["__scopeId", "data-v-66ffdc53
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, bl = G({
-  i18n: { messages: qe },
+}, yl = J({
+  i18n: { messages: Qe },
   name: "bento-date-range-filter",
   components: {
-    BentoBaseFilter: he,
-    BentoButtonActions: jt,
-    BentoDateRangePicker: Kt,
-    BentoTypography: ue,
-    BentoDivider: nt,
-    DateRangePickerCalendar: qt
+    BentoBaseFilter: Ce,
+    BentoButtonActions: Gt,
+    BentoDateRangePicker: zt,
+    BentoTypography: ve,
+    BentoDivider: Me,
+    DateRangePickerCalendar: Jt
   },
   props: {
     /**
@@ -733,70 +733,70 @@ const ut = /* @__PURE__ */ z(ul, [["render", cl], ["__scopeId", "data-v-66ffdc53
     }
   },
   emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: t }) {
-    var U, V, W, Z;
-    const { locale: n, t: l } = be({ messages: qe }), i = { de: ot, enUS: oe, fr: st }, { internalFilterValue: d, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = ge(
-      te(e, "value"),
-      te(e, "defaultValue")
-    ), a = w(!1), r = (I) => I ? re(I, Ne.NUMERIC_DATE_YEAR_FIRST, {
-      locale: i[n.value.substring(0, 2)] || oe
-    }) : void 0, S = (I) => I ? re(I, Ne.HOUR_MINUTE_SECONDS, {
-      locale: i[n.value.substring(0, 2)] || oe
-    }) : "", F = w(null), C = w(!1), u = We({
-      startDate: r((U = e.value) == null ? void 0 : U.startDate),
-      endDate: r((V = e.value) == null ? void 0 : V.endDate),
-      startTime: S((W = e.value) == null ? void 0 : W.startDate),
-      endTime: S((Z = e.value) == null ? void 0 : Z.endDate)
-    }), T = b(() => {
-      var I, ne, fe, ve, g, h, P, J;
-      if (!((I = e.value) != null && I.startDate) && !e.value.endDate)
+  setup(e, { emit: l }) {
+    var ae, ne, fe, M;
+    const { locale: t, t: a } = be({ messages: Qe }), u = { de: ct, enUS: se, fr: bt }, { internalFilterValue: r, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = _e(
+      X(e, "value"),
+      X(e, "defaultValue")
+    ), n = V(!1), d = (_) => _ ? pe(_, ze.NUMERIC_DATE_YEAR_FIRST, {
+      locale: u[t.value.substring(0, 2)] || se
+    }) : void 0, $ = (_) => _ ? pe(_, ze.HOUR_MINUTE_SECONDS, {
+      locale: u[t.value.substring(0, 2)] || se
+    }) : "", F = V(null), C = V(!1), i = lt({
+      startDate: d((ae = e.value) == null ? void 0 : ae.startDate),
+      endDate: d((ne = e.value) == null ? void 0 : ne.endDate),
+      startTime: $((fe = e.value) == null ? void 0 : fe.startDate),
+      endTime: $((M = e.value) == null ? void 0 : M.endDate)
+    }), T = c(() => {
+      var _, w, L, j, v, f, E, H;
+      if (!((_ = e.value) != null && _.startDate) && !e.value.endDate)
         return null;
-      if (((fe = (ne = e.options) == null ? void 0 : ne.quickSelectRanges) == null ? void 0 : fe.length) > 0) {
-        const le = (g = (ve = e.options) == null ? void 0 : ve.quickSelectRanges) == null ? void 0 : g.find(
-          ({ data: x }) => we(x == null ? void 0 : x.startDate, e.value.startDate) && we(x == null ? void 0 : x.endDate, e.value.endDate)
+      if (((L = (w = e.options) == null ? void 0 : w.quickSelectRanges) == null ? void 0 : L.length) > 0) {
+        const Q = (v = (j = e.options) == null ? void 0 : j.quickSelectRanges) == null ? void 0 : v.find(
+          ({ data: z }) => Ye(z == null ? void 0 : z.startDate, e.value.startDate) && Ye(z == null ? void 0 : z.endDate, e.value.endDate)
         );
-        if (le)
-          return le.label;
+        if (Q)
+          return Q.label;
       }
-      return Ht((h = e.value) == null ? void 0 : h.startDate, (P = e.value) == null ? void 0 : P.endDate) && ((J = e == null ? void 0 : e.options) != null && J.allowTimeInput) ? `${re(e.value.startDate, "dd MMM, yyyy HH:mm:ss", {
-        locale: i[n.value.substring(0, 2)] || oe
-      })} - ${re(e.value.endDate, "HH:mm:ss", {
-        locale: i[n.value.substring(0, 2)] || oe
-      })}` : `${re(e.value.startDate, "dd MMM, yyyy", {
-        locale: i[n.value.substring(0, 2)] || oe
-      })} - ${re(e.value.endDate, "dd MMM, yyyy", {
-        locale: i[n.value.substring(0, 2)] || oe
+      return Yt((f = e.value) == null ? void 0 : f.startDate, (E = e.value) == null ? void 0 : E.endDate) && ((H = e == null ? void 0 : e.options) != null && H.allowTimeInput) ? `${pe(e.value.startDate, "dd MMM, yyyy HH:mm:ss", {
+        locale: u[t.value.substring(0, 2)] || se
+      })} - ${pe(e.value.endDate, "HH:mm:ss", {
+        locale: u[t.value.substring(0, 2)] || se
+      })}` : `${pe(e.value.startDate, "dd MMM, yyyy", {
+        locale: u[t.value.substring(0, 2)] || se
+      })} - ${pe(e.value.endDate, "dd MMM, yyyy", {
+        locale: u[t.value.substring(0, 2)] || se
       })}`;
-    }), N = b(
+    }), O = c(
       () => e.defaultValue === null ? e.label : T.value
-    ), k = b(
+    ), k = c(
       () => e.defaultValue === null ? T.value : null
-    ), $ = () => {
+    ), B = () => {
       F.value.closePopover();
-      const { onlySlot: I, ...ne } = e;
-      t(m.UPDATE, { ...ne, value: d.value });
-    }, Y = () => {
-      d.value = void 0, $();
-    }, c = () => {
-      d.value = e.defaultValue, $();
-    }, y = () => {
-      d.value = e.value;
-    }, v = (I) => {
-      a.value = !1, d.value = I, u.startDate = r(I.startDate), u.endDate = r(I.endDate), t(m.INPUT, { ...e, value: d.value });
-    }, E = (I) => {
-      I != null && I.startDate && (I != null && I.endDate) && (d.value = I, u.startDate = r(I.startDate), u.endDate = r(I.endDate), t(m.INPUT, { ...e, value: d.value }));
-    }, A = (I) => {
-      v(I), t(m.INPUT, { ...e, value: d.value });
-    }, q = b(
+      const { onlySlot: _, ...w } = e;
+      l(m.UPDATE, { ...w, value: r.value });
+    }, W = () => {
+      r.value = void 0, B();
+    }, b = () => {
+      r.value = e.defaultValue, B();
+    }, g = () => {
+      r.value = e.value;
+    }, h = (_) => {
+      n.value = !1, r.value = _, i.startDate = d(_.startDate), i.endDate = d(_.endDate), l(m.INPUT, { ...e, value: r.value });
+    }, P = (_) => {
+      _ != null && _.startDate && (_ != null && _.endDate) && (r.value = _, i.startDate = d(_.startDate), i.endDate = d(_.endDate), l(m.INPUT, { ...e, value: r.value }));
+    }, D = (_) => {
+      h(_), l(m.INPUT, { ...e, value: r.value });
+    }, Z = c(
       () => [
         {
-          title: l("apply"),
-          event: $,
-          disabled: a.value || C.value || s.value
+          title: a("apply"),
+          event: B,
+          disabled: n.value || C.value || s.value
         },
         {
-          title: e.defaultValue ? l("reset") : l("clear"),
-          event: e.defaultValue ? c : Y,
+          title: e.defaultValue ? a("reset") : a("clear"),
+          event: e.defaultValue ? b : W,
           disabled: C.value && o.value
         }
       ]
@@ -805,36 +805,36 @@ const ut = /* @__PURE__ */ z(ul, [["render", cl], ["__scopeId", "data-v-66ffdc53
       // Refs
       baseFilter: F,
       // Values
-      actions: q,
-      formData: u,
-      internalFilterValue: d,
+      actions: Z,
+      formData: i,
+      internalFilterValue: r,
       isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: o,
-      isSelectingDate: a,
-      buttonLabel: N,
+      isSelectingDate: n,
+      buttonLabel: O,
       buttonSecondaryLabel: k,
       // Events
-      onDateSelected: v,
-      openFilter: y,
-      updateFilter: $,
+      onDateSelected: h,
+      openFilter: g,
+      updateFilter: B,
       onDatePickerRangeError: () => {
-        C.value = !0, d.value = { startDate: void 0, endDate: void 0 }, t(m.INPUT, { ...e, value: d.value });
+        C.value = !0, r.value = { startDate: void 0, endDate: void 0 }, l(m.INPUT, { ...e, value: r.value });
       },
-      onDatePickerRangeFormDateInputUpdate: (I) => {
-        C.value = !1, I.startTime && (u.startTime = I.startTime), I.endTime && (u.endTime = I.endTime);
+      onDatePickerRangeFormDateInputUpdate: (_) => {
+        C.value = !1, _.startTime && (i.startTime = _.startTime), _.endTime && (i.endTime = _.endTime);
       },
-      onDateInputSelected: A,
-      onRangeSelectorInput: E
+      onDateInputSelected: D,
+      onRangeSelectorInput: P
     };
   }
 });
-const fl = {
+const ml = {
   key: 1,
   class: "b-date-range-filter"
 };
-function vl(e, t, n, l, i, d) {
-  const o = _("bento-date-range-picker"), s = _("bento-typography"), a = _("bento-divider"), r = _("bento-button-actions"), S = _("date-range-picker-calendar"), F = _("bento-base-filter");
-  return f(), D(F, {
+function _l(e, l, t, a, u, r) {
+  const o = S("bento-date-range-picker"), s = S("bento-typography"), n = S("bento-divider"), d = S("bento-button-actions"), $ = S("date-range-picker-calendar"), F = S("bento-base-filter");
+  return p(), I(F, {
     ref: "baseFilter",
     class: "b-base-filter-date-range-filter",
     "button-label": e.buttonLabel,
@@ -849,52 +849,52 @@ function vl(e, t, n, l, i, d) {
     "fit-content": "",
     onOpen: e.openFilter
   }, {
-    default: p(() => {
-      var C, u, T, N, k, $, Y, c, y, v, E, A, q, O;
+    default: y(() => {
+      var C, i, T, O, k, B, W, b, g, h, P, D, Z, te;
       return [
-        e.onlySlot ? (f(), D(o, {
+        e.onlySlot ? (p(), I(o, {
           key: 0,
           "allow-time-input": (C = e.options) == null ? void 0 : C.allowTimeInput,
           value: e.internalFilterValue,
-          "first-day-of-week": (u = e.options) == null ? void 0 : u.firstDayOfWeek,
+          "first-day-of-week": (i = e.options) == null ? void 0 : i.firstDayOfWeek,
           "is-date-disabled": (T = e.options) == null ? void 0 : T.isDateDisabled,
-          "number-of-months": (N = e.options) == null ? void 0 : N.numberOfMonths,
+          "number-of-months": (O = e.options) == null ? void 0 : O.numberOfMonths,
           "quick-select-ranges": (k = e.options) == null ? void 0 : k.quickSelectRanges,
           onInput: e.onDateInputSelected
-        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "onInput"])) : (f(), H("div", fl, [
-          B(S, {
-            "allow-time-input": ($ = e.options) == null ? void 0 : $.allowTimeInput,
-            "first-day-of-week": (Y = e.options) == null ? void 0 : Y.firstDayOfWeek,
-            "is-date-disabled": (c = e.options) == null ? void 0 : c.isDateDisabled,
-            granularities: (y = e.options) == null ? void 0 : y.granularities,
-            "max-range": (v = e.options) == null ? void 0 : v.maxRange,
-            min: (E = e.options) == null ? void 0 : E.min,
-            max: (A = e.options) == null ? void 0 : A.max,
-            "number-of-months": (q = e.options) == null ? void 0 : q.numberOfMonths,
-            "quick-select-ranges": (O = e.options) == null ? void 0 : O.quickSelectRanges,
+        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "onInput"])) : (p(), K("div", ml, [
+          A($, {
+            "allow-time-input": (B = e.options) == null ? void 0 : B.allowTimeInput,
+            "first-day-of-week": (W = e.options) == null ? void 0 : W.firstDayOfWeek,
+            "is-date-disabled": (b = e.options) == null ? void 0 : b.isDateDisabled,
+            granularities: (g = e.options) == null ? void 0 : g.granularities,
+            "max-range": (h = e.options) == null ? void 0 : h.maxRange,
+            min: (P = e.options) == null ? void 0 : P.min,
+            max: (D = e.options) == null ? void 0 : D.max,
+            "number-of-months": (Z = e.options) == null ? void 0 : Z.numberOfMonths,
+            "quick-select-ranges": (te = e.options) == null ? void 0 : te.quickSelectRanges,
             value: e.internalFilterValue,
             "date-form-data": e.formData,
             onInput: e.onDateSelected,
             onCustomRange: e.onRangeSelectorInput,
             onError: e.onDatePickerRangeError,
             onFormDate: e.onDatePickerRangeFormDateInputUpdate,
-            onStartDateSelected: t[0] || (t[0] = (R) => e.isSelectingDate = !0)
+            onStartDateSelected: l[0] || (l[0] = (oe) => e.isSelectingDate = !0)
           }, {
-            title: p(() => [
-              B(s, {
+            title: y(() => [
+              A(s, {
                 strongest: "",
                 variant: "body",
                 el: "span"
               }, {
-                default: p(() => [
-                  K(M(e.label), 1)
+                default: y(() => [
+                  q(N(e.label), 1)
                 ]),
                 _: 1
               })
             ]),
-            actions: p(() => [
-              B(a, { class: "b-date-range-filter__divider" }),
-              B(r, {
+            actions: y(() => [
+              A(n, { class: "b-date-range-filter__divider" }),
+              A(d, {
                 class: "b-date-range-filter__actions",
                 actions: e.actions,
                 layout: "space-between"
@@ -908,27 +908,26 @@ function vl(e, t, n, l, i, d) {
     _: 1
   }, 8, ["button-label", "button-secondary-label", "controlled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "onOpen"]);
 }
-const dt = /* @__PURE__ */ z(bl, [["render", vl], ["__scopeId", "data-v-570ca68b"]]), je = {
+const yt = /* @__PURE__ */ G(yl, [["render", _l], ["__scopeId", "data-v-570ca68b"]]), mt = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
-    search: "Search",
     searchFilter: "Search {filter}"
   }
-}, pl = G({
-  i18n: { messages: je },
-  name: "bento-select-filter",
-  components: {
-    BentoBaseFilter: he,
-    BentoDropdown: Ot,
-    BentoListbox: Yt,
-    BentoSearchBar: Ae
-  },
+}, hl = { class: "b-select-filter-button__search-bar" }, Fl = { class: "b-select-filter-button__divider" }, gl = {
+  i18n: { messages: mt }
+}, Sl = /* @__PURE__ */ J({
+  ...gl,
+  __name: "select-filter-button",
   props: {
     /**
      * Default value of the filter to reset to.
+     *
      */
-    defaultValue: { type: [String, Number, Array], default: null },
+    defaultValue: {
+      type: [String, Number, Array],
+      default: null
+    },
     /**
      * Filter name/key referencing the actual property name in the data set.
      * Should be unique per filter bar.
@@ -948,6 +947,8 @@ const dt = /* @__PURE__ */ z(bl, [["render", vl], ["__scopeId", "data-v-570ca68b
      * Available options:
      *   - multiple: If "true", the user will be able to select multiple items.
      *   - listboxItems: The option elements to populate the filter with.
+     *
+     * @default undefined
      */
     options: {
       type: Object,
@@ -955,199 +956,350 @@ const dt = /* @__PURE__ */ z(bl, [["render", vl], ["__scopeId", "data-v-570ca68b
     },
     /**
      * Current value of the filter
+     *
+     * @default undefined
      */
     value: {
       type: [String, Number, Array],
       default: void 0
     }
   },
-  emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: t, slots: n }) {
-    var A, q;
-    const { internalFilterValue: l, isSecondaryButtonDisabled: i, isApplyButtonDisabled: d } = ge(
-      te(e, "value"),
-      te(e, "defaultValue")
-    ), { t: o, locale: s } = be({ messages: je }), a = w(""), r = te(e, "options"), S = w(e.options.listboxItems);
-    Fe(r, () => {
-      S.value = r.value.listboxItems;
+  emits: ["input", "update"],
+  setup(e, { emit: l }) {
+    var ne, fe;
+    const t = e, a = ke(), { t: u, locale: r } = be({ messages: mt }), o = V(""), s = X(t, "options"), n = V(t.options.listboxItems), { cachedSelectedListboxOptions: d, setCachedValues: $, resetCache: F } = Je(
+      n,
+      X(t, "value"),
+      X(s.value, "multiple")
+    ), { cachedSelectedListboxOptions: C } = Je(
+      n,
+      X(t, "defaultValue"),
+      X(s.value, "multiple")
+    ), { internalFilterValue: i, isSecondaryButtonDisabled: T, isApplyButtonDisabled: O } = _e(d, C);
+    me(s, () => {
+      n.value = s.value.listboxItems;
     });
-    const F = at(
-      a,
-      S,
-      (q = (A = e.options) == null ? void 0 : A.search) == null ? void 0 : q.searchEvent
-    ), C = b(() => o("noFiltersMatchThisSearch")), u = b(() => {
-      var O, R, U, V, W, Z, I, ne, fe, ve;
-      if (e.defaultValue === null)
-        return e.label;
-      if (e.options.multiple) {
-        const g = (O = e.value) == null ? void 0 : O.length;
-        if (g === e.options.listboxItems.length)
-          return (R = e == null ? void 0 : e.options) != null && R.messagesPersistentButtonLabelAllSelectedKey ? (V = e == null ? void 0 : e.options) == null ? void 0 : V.messages[s.value][(U = e == null ? void 0 : e.options) == null ? void 0 : U.messagesPersistentButtonLabelAllSelectedKey] : (W = e == null ? void 0 : e.options) == null ? void 0 : W.messages[s.value].persistentButtonLabelAllSelected;
-        const P = ((Z = e == null ? void 0 : e.options) != null && Z.messagesPersistentButtonLabelPartiallySelectedKey ? (ne = e == null ? void 0 : e.options) == null ? void 0 : ne.messages[s.value][(I = e == null ? void 0 : e.options) == null ? void 0 : I.messagesPersistentButtonLabelPartiallySelectedKey] : (fe = e == null ? void 0 : e.options) == null ? void 0 : fe.messages[s.value].persistentButtonLabelPartiallySelected).split("|").map((J) => J.trim());
-        return g === 1 ? P[0].replace("{count}", g) : P[1].replace("{count}", g);
+    const k = dt(
+      o,
+      n,
+      (fe = (ne = t.options) == null ? void 0 : ne.search) == null ? void 0 : fe.searchEvent
+    ), B = c(() => u("noFiltersMatchThisSearch")), W = c(() => {
+      var M, _, w, L, j, v, f, E, H, Q;
+      if (t.defaultValue === null)
+        return t.label;
+      if (t.options.multiple) {
+        const z = (M = t.value) == null ? void 0 : M.length;
+        if (z === t.options.listboxItems.length)
+          return (_ = t == null ? void 0 : t.options) != null && _.messagesPersistentButtonLabelAllSelectedKey ? (L = t == null ? void 0 : t.options) == null ? void 0 : L.messages[r.value][(w = t == null ? void 0 : t.options) == null ? void 0 : w.messagesPersistentButtonLabelAllSelectedKey] : (j = t == null ? void 0 : t.options) == null ? void 0 : j.messages[r.value].persistentButtonLabelAllSelected;
+        const ue = ((v = t == null ? void 0 : t.options) != null && v.messagesPersistentButtonLabelPartiallySelectedKey ? (E = t == null ? void 0 : t.options) == null ? void 0 : E.messages[r.value][(f = t == null ? void 0 : t.options) == null ? void 0 : f.messagesPersistentButtonLabelPartiallySelectedKey] : (H = t == null ? void 0 : t.options) == null ? void 0 : H.messages[r.value].persistentButtonLabelPartiallySelected).split("|").map((Fe) => Fe.trim());
+        return z === 1 ? ue[0].replace("{count}", z) : ue[1].replace("{count}", z);
       }
-      return ie((ve = e.options.listboxItems.find(({ value: g }) => g === e.value)) == null ? void 0 : ve.label, 18);
-    }), T = b(() => {
-      var O, R;
-      if (e.defaultValue === null && (!e.options.multiple || ((O = e.value) == null ? void 0 : O.length) === 1)) {
-        const U = e.options.listboxItems.flatMap((V) => V.items ? V.items : V);
-        return ie(
-          (R = U.find(
-            ({ value: V }) => {
-              var W;
-              return Array.isArray(e.value) ? (W = e == null ? void 0 : e.value) == null ? void 0 : W.includes(V) : V === e.value;
+      return (Q = d.value) != null && Q.length ? ce(d.value[0].label, 18) : "";
+    }), b = c(() => {
+      var M, _;
+      if (t.defaultValue === null && (!t.options.multiple || ((M = t.value) == null ? void 0 : M.length) === 1)) {
+        const w = t.options.listboxItems.flatMap((L) => L.items ? L.items : L);
+        return ce(
+          (_ = w.find(
+            ({ value: L }) => {
+              var j;
+              return Array.isArray(t.value) ? (j = t == null ? void 0 : t.value) == null ? void 0 : j.includes(L) : L === t.value;
             }
-          )) == null ? void 0 : R.label,
+          )) == null ? void 0 : _.label,
           12
         );
       }
       return null;
-    }), N = b(() => Ee(`filter-listbox-${e.field}`)), k = (O) => {
-      l.value = O;
-      const { onlySlot: R, ...U } = e;
-      t(m.INPUT, { ...U, value: l.value });
-    }, $ = () => {
-      var U;
-      e.options.multiple && l.value && ((U = l.value) == null ? void 0 : U.length) === 0 && (l.value = e.defaultValue !== null ? e.defaultValue : void 0);
-      const { onlySlot: O, ...R } = e;
-      t(m.UPDATE, { ...R, value: l.value });
-    }, Y = () => {
-      l.value = e.value;
-    }, c = () => {
-      a.value && (a.value = "");
-    }, y = () => {
-      l.value = e.defaultValue, $();
-    }, v = () => {
-      l.value = null, $();
-    };
-    return {
-      // Values
-      appliedFiltersCount: b(() => {
-        var U, V;
-        if (e.value == null || e.defaultValue !== null || !e.options.multiple)
-          return null;
-        const O = (U = e.options.listboxItems) == null ? void 0 : U.reduce((W, Z) => {
-          var I;
-          return W += (I = Z == null ? void 0 : Z.items) != null && I.length ? Z.items.length : 1, W;
-        }, 0), R = (V = e.value) == null ? void 0 : V.length;
-        return R === 1 ? null : R === O ? o("all") : R;
-      }),
-      filteredItems: F,
-      internalFilterValue: l,
-      isApplyButtonDisabled: d,
-      isSecondaryButtonDisabled: i,
-      listboxFilterId: N,
-      noResultsMessage: C,
-      slots: n,
-      buttonLabel: u,
-      buttonSecondaryLabel: T,
-      // Search
-      searchTerm: a,
-      // Events
-      clearFilter: v,
-      closeFilter: c,
-      onOptionSelected: k,
-      openFilter: Y,
-      updateFilter: $,
-      resetFilter: y
-    };
-  }
-});
-const yl = (e) => (St("data-v-bdfb0a36"), e = e(), Ct(), e), ml = { class: "b-select-filter__search-bar" }, _l = /* @__PURE__ */ yl(() => /* @__PURE__ */ L("hr", { class: "b-select-filter__divider" }, null, -1));
-function Fl(e, t, n, l, i, d) {
-  const o = _("bento-dropdown"), s = _("bento-search-bar"), a = _("bento-listbox"), r = _("bento-base-filter");
-  return f(), D(r, {
-    "applied-filters-count": e.appliedFiltersCount,
-    "button-label": e.buttonLabel,
-    "button-secondary-label": e.buttonSecondaryLabel,
-    "disable-apply-button": e.isApplyButtonDisabled,
-    "disable-secondary-button": e.isSecondaryButtonDisabled,
-    "default-value": e.defaultValue,
-    label: e.label,
-    field: e.field,
-    "only-slot": e.onlySlot,
-    onApply: e.updateFilter,
-    onClear: e.clearFilter,
-    onReset: e.resetFilter,
-    onOpen: e.openFilter,
-    onClose: e.closeFilter
-  }, {
-    default: p(() => {
-      var S, F, C, u, T, N, k, $, Y, c, y, v, E, A, q, O;
-      return [
-        e.onlySlot ? (f(), D(o, {
-          key: 0,
-          value: e.internalFilterValue,
-          class: "b-select-filter__dropdown-variant",
-          items: e.options.listboxItems,
-          multiple: (S = e.options) == null ? void 0 : S.multiple,
-          "static-categories": (F = e.options) == null ? void 0 : F.staticCategories,
-          "no-results-message": e.noResultsMessage,
-          searching: !!e.searchTerm,
-          "is-option-disabled": e.options.isOptionDisabled,
-          "dynamic-filtering": !0,
-          "empty-state": (C = e.options) == null ? void 0 : C.emptyState,
-          onInput: e.onOptionSelected
-        }, Be({ _: 2 }, [
-          me(e.slots, (R, U) => ({
-            name: U,
-            fn: p((V) => [
-              de(e.$slots, U, ke(Re(V)), void 0, !0)
-            ])
-          }))
-        ]), 1032, ["value", "items", "multiple", "static-categories", "no-results-message", "searching", "is-option-disabled", "empty-state", "onInput"])) : (f(), H(ye, { key: 1 }, [
-          L("div", ml, [
-            B(s, {
-              "debounce-time": (T = (u = e.options) == null ? void 0 : u.search) == null ? void 0 : T.debounceTime,
-              value: e.searchTerm,
-              "input-field-aria-label": e.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString(),
-              onInput: t[0] || (t[0] = (R) => e.searchTerm = R)
+    }), g = c(() => Ne(`filter-listbox-${t.field}`)), h = (M) => {
+      i.value = M;
+      const { onlySlot: _, ...w } = t;
+      if (t.options.multiple) {
+        const j = M.length ? i.value.map(({ value: v }) => v) : null;
+        l(m.INPUT, { ...w, value: j });
+        return;
+      }
+      const L = M.length ? M[0].value : null;
+      l(m.INPUT, { ...w, value: L });
+    }, P = () => {
+      var L, j, v;
+      const { onlySlot: M, ..._ } = t;
+      if (t.options.multiple) {
+        i.value && ((L = i.value) == null ? void 0 : L.length) === 0 && (i.value = t.defaultValue !== null ? C.value : void 0);
+        const f = (j = i.value) != null && j.length ? (v = i.value) == null ? void 0 : v.map(({ value: E }) => E) : null;
+        l(m.UPDATE, {
+          ..._,
+          value: f
+        });
+        return;
+      }
+      const w = i.value.length ? i.value[0].value : void 0;
+      l(m.UPDATE, { ..._, value: w });
+    }, D = () => {
+      i.value = d.value;
+    }, Z = () => {
+      o.value && (o.value = "");
+    }, te = () => {
+      $(C.value), i.value = C.value, P();
+    }, oe = () => {
+      F(), i.value = [], P();
+    }, ae = c(() => {
+      var w, L;
+      if (t.value == null || t.defaultValue !== null || !t.options.multiple)
+        return null;
+      const M = (w = t.options.listboxItems) == null ? void 0 : w.reduce((j, v) => {
+        var f;
+        return j += (f = v == null ? void 0 : v.items) != null && f.length ? v.items.length : 1, j;
+      }, 0), _ = (L = t.value) == null ? void 0 : L.length;
+      return _ === 1 ? null : _ === M ? u("all") : _;
+    });
+    return (M, _) => (p(), I(U(Ce), {
+      "applied-filters-count": U(ae),
+      "button-label": U(W),
+      "button-secondary-label": U(b),
+      "disable-apply-button": U(O),
+      "disable-secondary-button": U(T),
+      "default-value": e.defaultValue,
+      label: e.label,
+      field: e.field,
+      "only-slot": !1,
+      onApply: P,
+      onClear: oe,
+      onReset: te,
+      onOpen: D,
+      onClose: Z
+    }, {
+      default: y(() => {
+        var w, L, j, v, f, E, H, Q, z, he, ue, Fe, qe;
+        return [
+          R("div", hl, [
+            A(U(Ve), {
+              "debounce-time": (L = (w = e.options) == null ? void 0 : w.search) == null ? void 0 : L.debounceTime,
+              value: o.value,
+              "input-field-aria-label": M.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString(),
+              onInput: _[0] || (_[0] = (Le) => o.value = Le)
             }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
           ]),
-          _l,
-          B(a, {
-            id: e.listboxFilterId,
+          R("div", Fl, [
+            A(U(Me))
+          ]),
+          A(U(Wt), {
+            id: U(g),
             "aria-label": e.label,
-            class: "b-select-filter__wrapper",
-            "empty-state": (N = e.options) == null ? void 0 : N.emptyState,
-            "has-more-items": ($ = (k = e.options) == null ? void 0 : k.lazy) == null ? void 0 : $.hasMoreItems,
-            items: e.filteredItems,
-            "is-option-disabled": (Y = e.options) == null ? void 0 : Y.isOptionDisabled,
-            "lazy-load-type": (y = (c = e.options) == null ? void 0 : c.lazy) == null ? void 0 : y.lazyLoadType,
-            loading: (E = (v = e.options) == null ? void 0 : v.lazy) == null ? void 0 : E.loading,
-            multiple: (A = e.options) == null ? void 0 : A.multiple,
-            "static-categories": (q = e.options) == null ? void 0 : q.staticCategories,
-            "no-results-message": e.noResultsMessage,
-            searching: !!e.searchTerm,
-            "selected-value": e.internalFilterValue,
-            "virtual-scroll": (O = e.options) == null ? void 0 : O.virtualScroll,
-            onSelect: e.onOptionSelected,
-            onShowMore: t[1] || (t[1] = (R) => {
-              var U, V;
-              return (V = (U = e.options) == null ? void 0 : U.lazy) == null ? void 0 : V.showMoreEvent();
+            class: "b-select-filter-button__wrapper",
+            "empty-state": (j = e.options) == null ? void 0 : j.emptyState,
+            "has-more-items": (f = (v = e.options) == null ? void 0 : v.lazy) == null ? void 0 : f.hasMoreItems,
+            items: U(k),
+            "is-option-disabled": (E = e.options) == null ? void 0 : E.isOptionDisabled,
+            "lazy-load-type": (Q = (H = e.options) == null ? void 0 : H.lazy) == null ? void 0 : Q.lazyLoadType,
+            loading: (he = (z = e.options) == null ? void 0 : z.lazy) == null ? void 0 : he.loading,
+            multiple: (ue = e.options) == null ? void 0 : ue.multiple,
+            "static-categories": (Fe = e.options) == null ? void 0 : Fe.staticCategories,
+            "no-results-message": U(B),
+            searching: !!o.value,
+            "selected-value": U(i),
+            "virtual-scroll": (qe = e.options) == null ? void 0 : qe.virtualScroll,
+            onSelect: h,
+            onShowMore: _[1] || (_[1] = (Le) => {
+              var $e, Ie;
+              return (Ie = ($e = e.options) == null ? void 0 : $e.lazy) == null ? void 0 : Ie.showMoreEvent();
             })
-          }, Be({ _: 2 }, [
-            me(e.slots, (R, U) => ({
-              name: U,
-              fn: p((V) => [
-                de(e.$slots, U, ke(Re(V)), void 0, !0)
+          }, De({ _: 2 }, [
+            de(U(a), (Le, $e) => ({
+              name: $e,
+              fn: y((Ie) => [
+                ie(M.$slots, $e, Ue(Pe(Ie)), void 0, !0)
               ])
             }))
-          ]), 1032, ["id", "aria-label", "empty-state", "has-more-items", "items", "is-option-disabled", "lazy-load-type", "loading", "multiple", "static-categories", "no-results-message", "searching", "selected-value", "virtual-scroll", "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__ */ z(pl, [["render", Fl], ["__scopeId", "data-v-bdfb0a36"]]), hl = G({
+          ]), 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"])
+        ];
+      }),
+      _: 3
+    }, 8, ["applied-filters-count", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "default-value", "label", "field"]));
+  }
+});
+const Cl = /* @__PURE__ */ G(Sl, [["__scopeId", "data-v-4eb2ccc6"]]), _t = {
+  "en-US": {
+    noFiltersMatchThisSearch: "No filters match this search"
+  }
+}, $l = {
+  i18n: { messages: _t },
+  name: "select-filter-dropdown"
+}, Al = /* @__PURE__ */ J({
+  ...$l,
+  props: {
+    /**
+     * Default value of the filter to reset to.
+     *
+     */
+    defaultValue: {
+      type: [String, Number, Array],
+      default: null
+    },
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: { type: String, required: !0 },
+    /**
+     * Label text to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     *
+     */
+    onlySlot: { type: Boolean, default: !1 },
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - multiple: If "true", the user will be able to select multiple items.
+     *   - listboxItems: The option elements to populate the filter with.
+     *
+     * @default undefined
+     */
+    options: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Current value of the filter
+     *
+     * @default undefined
+     */
+    value: {
+      type: [String, Number, Array],
+      default: void 0
+    }
+  },
+  emits: ["input", "update"],
+  setup(e, { emit: l }) {
+    const t = e, { t: a } = be({ messages: _t }), u = ke(), { internalFilterValue: r } = _e(X(t, "value"), X(t, "defaultValue")), o = V(""), s = X(t, "options"), n = V(t.options.listboxItems);
+    me(s, () => {
+      n.value = s.value.listboxItems;
+    });
+    const d = c(() => a("noFiltersMatchThisSearch")), $ = (F) => {
+      r.value = F;
+      const { onlySlot: C, ...i } = t;
+      l(m.INPUT, { ...i, value: r.value });
+    };
+    return (F, C) => {
+      var i, T, O;
+      return p(), I(U(Ht), {
+        value: U(r),
+        items: e.options.listboxItems,
+        multiple: (i = e.options) == null ? void 0 : i.multiple,
+        "static-categories": (T = e.options) == null ? void 0 : T.staticCategories,
+        "no-results-message": U(d),
+        searching: !!o.value,
+        "is-option-disabled": e.options.isOptionDisabled,
+        "dynamic-filtering": !0,
+        "empty-state": (O = e.options) == null ? void 0 : O.emptyState,
+        onInput: $
+      }, De({ _: 2 }, [
+        de(U(u), (k, B) => ({
+          name: B,
+          fn: y((W) => [
+            ie(F.$slots, B, Ue(Pe(W)))
+          ])
+        }))
+      ]), 1032, ["value", "items", "multiple", "static-categories", "no-results-message", "searching", "is-option-disabled", "empty-state"]);
+    };
+  }
+}), Bl = {}, ee = /* @__PURE__ */ J({
+  ...Bl,
+  __name: "select-filter",
+  props: {
+    /**
+     * Default value of the filter to reset to.
+     *
+     */
+    defaultValue: {
+      type: [String, Number, Array],
+      default: null
+    },
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: { type: String, required: !0 },
+    /**
+     * Label text to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     *
+     */
+    onlySlot: { type: Boolean, default: !1 },
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - multiple: If "true", the user will be able to select multiple items.
+     *   - listboxItems: The option elements to populate the filter with.
+     *
+     * @default undefined
+     */
+    options: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Current value of the filter
+     *
+     * @default undefined
+     */
+    value: {
+      type: [String, Number, Array],
+      default: void 0
+    }
+  },
+  emits: ["input", "update"],
+  setup(e, { emit: l }) {
+    const t = ke(), a = (r) => l("input", r), u = (r) => l("update", r);
+    return (r, o) => e.onlySlot ? (p(), I(U(Al), {
+      key: 0,
+      "default-value": e.defaultValue,
+      field: e.field,
+      label: e.label,
+      options: e.options,
+      value: e.value,
+      onInput: a,
+      onUpdate: u
+    }, De({ _: 2 }, [
+      de(U(t), (s, n) => ({
+        name: n,
+        fn: y((d) => [
+          ie(r.$slots, n, Ue(Pe(d)))
+        ])
+      }))
+    ]), 1032, ["default-value", "field", "label", "options", "value"])) : (p(), I(U(Cl), {
+      key: 1,
+      "default-value": e.defaultValue,
+      field: e.field,
+      label: e.label,
+      options: e.options,
+      value: e.value,
+      onInput: a,
+      onUpdate: u
+    }, De({ _: 2 }, [
+      de(U(t), (s, n) => ({
+        name: n,
+        fn: y((d) => [
+          ie(r.$slots, n, Ue(Pe(d)))
+        ])
+      }))
+    ]), 1032, ["default-value", "field", "label", "options", "value"]));
+  }
+}), Dl = J({
   name: "bento-select-avatar-filter",
   components: {
-    BentoSelectFilter: X,
-    BentoAvatar: zt
+    BentoSelectFilter: ee,
+    BentoAvatar: Zt
   },
   props: {
-    ...X.props,
+    ...ee.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1160,40 +1312,40 @@ const X = /* @__PURE__ */ z(pl, [["render", Fl], ["__scopeId", "data-v-bdfb0a36"
     }
   },
   emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: t }) {
+  setup(e, { emit: l }) {
     return {
       // Enums
       BentoFilterEvent: m,
       // Methods
-      onUpdate: (l) => t(m.UPDATE, l)
+      onUpdate: (a) => l(m.UPDATE, a)
     };
   }
 });
-function gl(e, t, n, l, i, d) {
-  const o = _("bento-avatar"), s = _("bento-select-filter");
-  return f(), D(s, se(e.$props, {
+function Il(e, l, t, a, u, r) {
+  const o = S("bento-avatar"), s = S("bento-select-filter");
+  return p(), I(s, re(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
+    onInput: l[0] || (l[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p(({ label: a, data: r }) => [
-      B(o, {
-        username: a,
-        src: r
+    default: y(({ label: n, data: d }) => [
+      A(o, {
+        username: n,
+        src: d
       }, null, 8, ["username", "src"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const ct = /* @__PURE__ */ z(hl, [["render", gl]]), Sl = G({
+const ht = /* @__PURE__ */ G(Dl, [["render", Il]]), Tl = J({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: X,
-    ListboxOptionTag: it
+    BentoSelectFilter: ee,
+    ListboxOptionTag: ft
   },
   props: {
-    ...X.props,
+    ...ee.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1206,39 +1358,39 @@ const ct = /* @__PURE__ */ z(hl, [["render", gl]]), Sl = G({
     }
   },
   emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: t }) {
+  setup(e, { emit: l }) {
     return {
       // Enums
       BentoFilterEvent: m,
       // Methods
-      onUpdate: (l) => {
-        t(m.UPDATE, l);
+      onUpdate: (a) => {
+        l(m.UPDATE, a);
       }
     };
   }
 });
-function Cl(e, t, n, l, i, d) {
-  const o = _("listbox-option-tag"), s = _("bento-select-filter");
-  return f(), D(s, se(e.$props, {
+function El(e, l, t, a, u, r) {
+  const o = S("listbox-option-tag"), s = S("bento-select-filter");
+  return p(), I(s, re(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
+    onInput: l[0] || (l[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p((a) => [
-      B(o, { option: a }, null, 8, ["option"])
+    default: y((n) => [
+      A(o, { option: n }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const bt = /* @__PURE__ */ z(Sl, [["render", Cl]]), $l = G({
+const Ft = /* @__PURE__ */ G(Tl, [["render", El]]), Ul = J({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: X,
-    BentoTypography: ue
+    BentoSelectFilter: ee,
+    BentoTypography: ve
   },
   props: {
-    ...X.props,
+    ...ee.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1252,16 +1404,16 @@ const bt = /* @__PURE__ */ z(Sl, [["render", Cl]]), $l = G({
     }
   },
   emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: t }) {
-    const n = w(e.options.variant), l = w(e.options.listboxItems);
-    Fe([() => e.options.variant, () => e.options.listboxItems], () => {
-      n.value = e.options.variant, l.value = e.options.listboxItems;
+  setup(e, { emit: l }) {
+    const t = V(e.options.variant), a = V(e.options.listboxItems);
+    me([() => e.options.variant, () => e.options.listboxItems], () => {
+      t.value = e.options.variant, a.value = e.options.listboxItems;
     });
-    const i = (s) => t(m.UPDATE, s), d = Jt(n, l), o = b(() => ({
+    const u = (s) => l(m.UPDATE, s), r = Qt(t, a), o = c(() => ({
       ...e.options,
-      listboxItems: d.value
+      listboxItems: r.value
     }));
-    return (!n.value || n.value === "custom") && Et(
+    return (!t.value || t.value === "custom") && kt(
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
       "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
       "2.0.0"
@@ -1269,25 +1421,25 @@ const bt = /* @__PURE__ */ z(Sl, [["render", Cl]]), $l = G({
       // Values
       countryOptions: o,
       // Methods
-      onUpdate: i,
+      onUpdate: u,
       // Enums
       BentoFilterEvent: m
     };
   }
 });
-function Al(e, t, n, l, i, d) {
-  const o = _("bento-typography"), s = _("bento-select-filter");
-  return f(), D(s, se(e.$props, {
+function Pl(e, l, t, a, u, r) {
+  const o = S("bento-typography"), s = S("bento-select-filter");
+  return p(), I(s, re(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: l[0] || (l[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p(({ label: a }) => [
-      B(o, { el: "span" }, {
-        default: p(() => [
-          K(M(a), 1)
+    default: y(({ label: n }) => [
+      A(o, { el: "span" }, {
+        default: y(() => [
+          q(N(n), 1)
         ]),
         _: 2
       }, 1024)
@@ -1295,14 +1447,14 @@ function Al(e, t, n, l, i, d) {
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const ft = /* @__PURE__ */ z($l, [["render", Al]]), Bl = G({
+const gt = /* @__PURE__ */ G(Ul, [["render", Pl]]), Vl = J({
   name: "bento-select-payment-method-filter",
   components: {
-    BentoSelectFilter: X,
-    BentoPaymentMethod: Gt
+    BentoSelectFilter: ee,
+    BentoPaymentMethod: Xt
   },
   props: {
-    ...X.props,
+    ...ee.props,
     /**
      * List of options that are needed to setup the payment method filter
      * Available options:
@@ -1315,40 +1467,40 @@ const ft = /* @__PURE__ */ z($l, [["render", Al]]), Bl = G({
     }
   },
   emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: t }) {
+  setup(e, { emit: l }) {
     return {
       // Enums
       BentoFilterEvent: m,
       // Methods
-      onUpdate: (l) => t(m.UPDATE, l)
+      onUpdate: (a) => l(m.UPDATE, a)
     };
   }
 });
-function Il(e, t, n, l, i, d) {
-  const o = _("bento-payment-method"), s = _("bento-select-filter");
-  return f(), D(s, se(e.$props, {
+function kl(e, l, t, a, u, r) {
+  const o = S("bento-payment-method"), s = S("bento-select-filter");
+  return p(), I(s, re(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
+    onInput: l[0] || (l[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p(({ value: a, label: r }) => [
-      B(o, {
-        type: a,
-        label: r
+    default: y(({ value: n, label: d }) => [
+      A(o, {
+        type: n,
+        label: d
       }, null, 8, ["type", "label"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const vt = /* @__PURE__ */ z(Bl, [["render", Il]]), Dl = G({
+const St = /* @__PURE__ */ G(Vl, [["render", kl]]), Ll = J({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: X,
-    ListboxOptionTag: it
+    BentoSelectFilter: ee,
+    ListboxOptionTag: ft
   },
   props: {
-    ...X.props,
+    ...ee.props,
     /**
      * List of options that are needed to setup the tag filter
      * Available options:
@@ -1361,52 +1513,52 @@ const vt = /* @__PURE__ */ z(Bl, [["render", Il]]), Dl = G({
     }
   },
   emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: t }) {
-    const n = (d) => t(m.UPDATE, d), l = b(
+  setup(e, { emit: l }) {
+    const t = (r) => l(m.UPDATE, r), a = c(
       () => {
-        var d, o;
-        return (o = (d = e == null ? void 0 : e.options) == null ? void 0 : d.listboxItems) == null ? void 0 : o.map(({ label: s, value: a, variant: r }) => ({ label: s, value: a, data: r }));
+        var r, o;
+        return (o = (r = e == null ? void 0 : e.options) == null ? void 0 : r.listboxItems) == null ? void 0 : o.map(({ label: s, value: n, variant: d }) => ({ label: s, value: n, data: d }));
       }
     );
     return {
       // Values
-      countryOptions: b(() => ({
+      countryOptions: c(() => ({
         ...e.options,
-        listboxItems: l.value
+        listboxItems: a.value
       })),
       // Methods
-      onUpdate: n,
+      onUpdate: t,
       // Enums
       BentoFilterEvent: m
     };
   }
 });
-function Tl(e, t, n, l, i, d) {
-  const o = _("listbox-option-tag"), s = _("bento-select-filter");
-  return f(), D(s, se(e.$props, {
+function Rl(e, l, t, a, u, r) {
+  const o = S("listbox-option-tag"), s = S("bento-select-filter");
+  return p(), I(s, re(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: l[0] || (l[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p(({ label: a, data: r }) => [
-      B(o, {
-        option: { value: a, data: r, label: "" }
+    default: y(({ label: n, data: d }) => [
+      A(o, {
+        option: { value: n, data: d, label: "" }
       }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const pt = /* @__PURE__ */ z(Dl, [["render", Tl]]), Ye = {
+const Ct = /* @__PURE__ */ G(Ll, [["render", Rl]]), Xe = {
   "en-US": {
     yes: "Yes",
     no: "No"
   }
-}, El = G({
+}, Ol = J({
   name: "bento-boolean-filter",
-  i18n: { messages: Ye },
-  components: { BentoBaseFilter: he, BentoRadioGroup: Pt },
+  i18n: { messages: Xe },
+  components: { BentoBaseFilter: Ce, BentoRadioGroup: Rt },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1441,76 +1593,76 @@ const pt = /* @__PURE__ */ z(Dl, [["render", Tl]]), Ye = {
     }
   },
   emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: t }) {
-    const { t: n } = be({ messages: Ye }), l = (c) => typeof c == "boolean" ? c == null ? void 0 : c.toString() : c, i = (c) => {
-      var y, v, E, A;
-      return ((v = (y = e == null ? void 0 : e.options) == null ? void 0 : y.positiveOption) == null ? void 0 : v.value) !== void 0 && ((A = (E = e == null ? void 0 : e.options) == null ? void 0 : E.negativeOption) == null ? void 0 : A.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof c == "string" ? c === "true" : c;
-    }, d = b(() => l(e.defaultValue)), o = b(() => l(e.value)), s = b(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
+  setup(e, { emit: l }) {
+    const { t } = be({ messages: Xe }), a = (b) => typeof b == "boolean" ? b == null ? void 0 : b.toString() : b, u = (b) => {
+      var g, h, P, D;
+      return ((h = (g = e == null ? void 0 : e.options) == null ? void 0 : g.positiveOption) == null ? void 0 : h.value) !== void 0 && ((D = (P = e == null ? void 0 : e.options) == null ? void 0 : P.negativeOption) == null ? void 0 : D.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof b == "string" ? b === "true" : b;
+    }, r = c(() => a(e.defaultValue)), o = c(() => a(e.value)), s = c(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
       {
         ...e.options.positiveOption,
-        value: l(e.options.positiveOption.value)
+        value: a(e.options.positiveOption.value)
       },
       {
         ...e.options.negativeOption,
-        value: l(e.options.negativeOption.value)
+        value: a(e.options.negativeOption.value)
       }
     ] : [
-      { value: "yes", label: n("yes") },
-      { value: "no", label: n("no") }
-    ]), { internalFilterValue: a, isSecondaryButtonDisabled: r, isApplyButtonDisabled: S } = ge(
+      { value: "yes", label: t("yes") },
+      { value: "no", label: t("no") }
+    ]), { internalFilterValue: n, isSecondaryButtonDisabled: d, isApplyButtonDisabled: $ } = _e(
       o,
-      d
-    ), F = b(
-      () => e.defaultValue === null ? e.label : ie(s.value.find(({ value: c }) => c === o.value).label, 18)
-    ), C = b(
+      r
+    ), F = c(
+      () => e.defaultValue === null ? e.label : ce(s.value.find(({ value: b }) => b === o.value).label, 18)
+    ), C = c(
       () => {
-        var c;
-        return e.defaultValue === null ? ie((c = s.value.find(({ value: y }) => y === o.value)) == null ? void 0 : c.label, 12) : null;
+        var b;
+        return e.defaultValue === null ? ce((b = s.value.find(({ value: g }) => g === o.value)) == null ? void 0 : b.label, 12) : null;
       }
-    ), u = b(() => ({
+    ), i = c(() => ({
       ["b-boolean-filter--only-slot"]: e.onlySlot
     }));
-    Te(() => {
-      a.value || (a.value = null);
+    we(() => {
+      n.value || (n.value = null);
     });
-    const T = (c) => {
-      a.value = c, t(m.INPUT, {
+    const T = (b) => {
+      n.value = b, l(m.INPUT, {
         ...e,
-        value: i(a.value)
+        value: u(n.value)
       });
-    }, N = () => {
-      a.value = o.value;
+    }, O = () => {
+      n.value = o.value;
     }, k = () => {
-      t(m.UPDATE, {
+      l(m.UPDATE, {
         ...e,
-        value: i(a.value)
+        value: u(n.value)
       });
     };
     return {
       // Values
       items: s,
-      conditionalClasses: u,
+      conditionalClasses: i,
       buttonLabel: F,
       buttonSecondaryLabel: C,
-      internalFilterValue: a,
-      isApplyButtonDisabled: S,
-      isSecondaryButtonDisabled: r,
+      internalFilterValue: n,
+      isApplyButtonDisabled: $,
+      isSecondaryButtonDisabled: d,
       translatedValue: o,
-      translatedDefaultValue: d,
+      translatedDefaultValue: r,
       // Events
       onInput: T,
       updateFilter: k,
       clearFilter: () => {
-        a.value = null, k();
+        n.value = null, k();
       },
-      openFilter: N,
-      resetFilter: () => t(m.UPDATE, { ...e, value: e.defaultValue })
+      openFilter: O,
+      resetFilter: () => l(m.UPDATE, { ...e, value: e.defaultValue })
     };
   }
 });
-function Ul(e, t, n, l, i, d) {
-  const o = _("bento-radio-group"), s = _("bento-base-filter");
-  return f(), D(s, se(e.$props, {
+function wl(e, l, t, a, u, r) {
+  const o = S("bento-radio-group"), s = S("bento-base-filter");
+  return p(), I(s, re(e.$props, {
     value: e.translatedValue,
     "default-value": e.translatedDefaultValue,
     "button-label": e.buttonLabel,
@@ -1523,12 +1675,12 @@ function Ul(e, t, n, l, i, d) {
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }), {
-    default: p(() => [
-      L("div", {
-        class: _e(["b-boolean-filter", e.conditionalClasses]),
-        onKeydown: t[0] || (t[0] = ce((...a) => e.updateFilter && e.updateFilter(...a), ["enter"]))
+    default: y(() => [
+      R("div", {
+        class: Se(["b-boolean-filter", e.conditionalClasses]),
+        onKeydown: l[0] || (l[0] = ye((...n) => e.updateFilter && e.updateFilter(...n), ["enter"]))
       }, [
-        B(o, {
+        A(o, {
           items: e.items,
           label: e.label,
           "model-value": e.internalFilterValue,
@@ -1540,15 +1692,15 @@ function Ul(e, t, n, l, i, d) {
     _: 1
   }, 16, ["value", "default-value", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const yt = /* @__PURE__ */ z(El, [["render", Ul], ["__scopeId", "data-v-1fa97477"]]), Pl = {
+const $t = /* @__PURE__ */ G(Ol, [["render", wl], ["__scopeId", "data-v-1fa97477"]]), Nl = {
   "en-US": {
     from: "From",
     to: "To"
   }
-}, Vl = G({
+}, Ml = J({
   name: "bento-range-filter",
-  i18n: { messages: Pl },
-  components: { BentoBaseFilter: he, BentoInputField: lt },
+  i18n: { messages: Nl },
+  components: { BentoBaseFilter: Ce, BentoInputField: ut },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1574,62 +1726,62 @@ const yt = /* @__PURE__ */ z(El, [["render", Ul], ["__scopeId", "data-v-1fa97477
     onlySlot: { type: Boolean, default: !1 }
   },
   emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: t }) {
-    const n = w(null), { internalFilterValue: l, isSecondaryButtonDisabled: i, isApplyButtonDisabled: d } = ge(
-      te(e, "value"),
-      te(e, "defaultValue")
-    ), o = b(() => {
-      var v, E, A, q, O, R, U, V;
-      if (!((v = e.value) != null && v[0]) && !((E = e.value) != null && E[1]))
+  setup(e, { emit: l }) {
+    const t = V(null), { internalFilterValue: a, isSecondaryButtonDisabled: u, isApplyButtonDisabled: r } = _e(
+      X(e, "value"),
+      X(e, "defaultValue")
+    ), o = c(() => {
+      var h, P, D, Z, te, oe, ae, ne;
+      if (!((h = e.value) != null && h[0]) && !((P = e.value) != null && P[1]))
         return null;
-      let $ = "";
-      (A = e.value) != null && A[0] ? (q = e.value) != null && q[1] || ($ = "≥") : $ = "≤";
-      const Y = (O = e.value) != null && O[0] ? `${ie(e.value[0], 5)}` : "", c = (R = e.value) != null && R[0] && ((U = e.value) != null && U[1]) ? " - " : "", y = (V = e.value) != null && V[1] ? `${ie(e.value[1], 5)}` : "";
-      return `${$}${Y}${c}${y}`;
-    }), s = b(
+      let B = "";
+      (D = e.value) != null && D[0] ? (Z = e.value) != null && Z[1] || (B = "≥") : B = "≤";
+      const W = (te = e.value) != null && te[0] ? `${ce(e.value[0], 5)}` : "", b = (oe = e.value) != null && oe[0] && ((ae = e.value) != null && ae[1]) ? " - " : "", g = (ne = e.value) != null && ne[1] ? `${ce(e.value[1], 5)}` : "";
+      return `${B}${W}${b}${g}`;
+    }), s = c(
       () => e.defaultValue === null ? e.label : o.value
-    ), a = b(
+    ), n = c(
       () => e.defaultValue === null ? o.value : null
-    ), r = b(() => ({
+    ), d = c(() => ({
       ["b-range-filter--only-slot"]: e.onlySlot
-    })), S = () => {
-      l.value = e.value, $t(() => n.value.focusInput());
+    })), $ = () => {
+      a.value = e.value, It(() => t.value.focusInput());
     }, F = () => {
-      t(m.INPUT, { ...e, value: l.value });
-    }, C = ($) => {
-      l.value = [$, l.value[1]], F();
-    }, u = ($) => {
-      l.value = [l.value[0], $], F();
+      l(m.INPUT, { ...e, value: a.value });
+    }, C = (B) => {
+      a.value = [B, a.value[1]], F();
+    }, i = (B) => {
+      a.value = [a.value[0], B], F();
     }, T = () => {
-      l.value.some(($) => $) || (l.value = e.defaultValue !== null ? e.defaultValue : void 0), t(m.UPDATE, {
+      a.value.some((B) => B) || (a.value = e.defaultValue !== null ? e.defaultValue : void 0), l(m.UPDATE, {
         ...e,
-        value: l.value
+        value: a.value
       });
     };
     return {
       // Values
-      inputTextRef: n,
-      conditionalClasses: r,
-      internalFilterValue: l,
-      isApplyButtonDisabled: d,
-      isSecondaryButtonDisabled: i,
+      inputTextRef: t,
+      conditionalClasses: d,
+      internalFilterValue: a,
+      isApplyButtonDisabled: r,
+      isSecondaryButtonDisabled: u,
       buttonLabel: s,
-      buttonSecondaryLabel: a,
+      buttonSecondaryLabel: n,
       // Events
       updateFrom: C,
-      updateTo: u,
+      updateTo: i,
       updateFilter: T,
       clearFilter: () => {
-        l.value = ["", ""], T();
+        a.value = ["", ""], T();
       },
-      openFilter: S,
-      resetFilter: () => t(m.UPDATE, { ...e, value: e.defaultValue })
+      openFilter: $,
+      resetFilter: () => l(m.UPDATE, { ...e, value: e.defaultValue })
     };
   }
 });
-function kl(e, t, n, l, i, d) {
-  const o = _("bento-input-field"), s = _("bento-base-filter");
-  return f(), D(s, se(e.$props, {
+function Hl(e, l, t, a, u, r) {
+  const o = S("bento-input-field"), s = S("bento-base-filter");
+  return p(), I(s, re(e.$props, {
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
     "button-label": e.buttonLabel,
@@ -1640,32 +1792,32 @@ function kl(e, t, n, l, i, d) {
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }), {
-    default: p(() => [
-      L("div", {
-        class: _e(["b-range-filter", e.conditionalClasses]),
-        onKeydown: t[0] || (t[0] = ce((...a) => e.updateFilter && e.updateFilter(...a), ["enter"]))
+    default: y(() => [
+      R("div", {
+        class: Se(["b-range-filter", e.conditionalClasses]),
+        onKeydown: l[0] || (l[0] = ye((...n) => e.updateFilter && e.updateFilter(...n), ["enter"]))
       }, [
-        B(o, {
+        A(o, {
           ref: "inputTextRef",
           value: e.internalFilterValue ? e.internalFilterValue[0] : "",
           type: "number",
           "aria-label": e.$t("from").toString(),
           onInput: e.updateFrom
         }, {
-          default: p(() => [
-            K(M(e.$t("from")), 1)
+          default: y(() => [
+            q(N(e.$t("from")), 1)
           ]),
           _: 1
         }, 8, ["value", "aria-label", "onInput"]),
-        B(o, {
+        A(o, {
           class: "b-range-filter__input-field",
           value: e.internalFilterValue ? e.internalFilterValue[1] : "",
           type: "number",
           "aria-label": e.$t("to").toString(),
           onInput: e.updateTo
         }, {
-          default: p(() => [
-            K(M(e.$t("to")), 1)
+          default: y(() => [
+            q(N(e.$t("to")), 1)
           ]),
           _: 1
         }, 8, ["value", "aria-label", "onInput"])
@@ -1674,11 +1826,11 @@ function kl(e, t, n, l, i, d) {
     _: 1
   }, 16, ["disable-apply-button", "disable-secondary-button", "button-label", "button-secondary-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const mt = /* @__PURE__ */ z(Vl, [["render", kl], ["__scopeId", "data-v-93c845a0"]]);
-var De = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(De || {});
-const Rl = G({
+const At = /* @__PURE__ */ G(Ml, [["render", Hl], ["__scopeId", "data-v-93c845a0"]]);
+var Oe = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(Oe || {});
+const ql = J({
   name: "base-filter-button",
-  components: { BaseButton: Qe, BentoTypography: ue, ChevronUpIcon: et, ChevronDownIcon: tt },
+  components: { BaseButton: nt, BentoTypography: ve, ChevronUpIcon: it, ChevronDownIcon: rt },
   props: {
     /**
      * The number of applies values within the filter.
@@ -1703,86 +1855,86 @@ const Rl = G({
      */
     bold: { type: Boolean, default: !1 }
   },
-  emits: [Oe.CLICK],
-  setup(e, { slots: t, emit: n, attrs: l }) {
-    const i = b(() => t.default ? Xe(t)("default") : null), d = Ze({ ariaLabel: i }), o = w(null), s = b(() => {
-      var S;
+  emits: [je.CLICK],
+  setup(e, { slots: l, emit: t, attrs: a }) {
+    const u = c(() => l.default ? ot(l)("default") : null), r = at({ ariaLabel: u }), o = V(null), s = c(() => {
+      var $;
       return {
-        "aria-controls": (S = l["aria-controls"]) == null ? void 0 : S.toString()
+        "aria-controls": ($ = a["aria-controls"]) == null ? void 0 : $.toString()
       };
-    }), a = b(() => ({
+    }), n = c(() => ({
       ["b-base-filter-button--with-chevron"]: e.hasChevron,
       ["b-base-filter-button--filter-open"]: e.isFilterOpen
     }));
     return {
       // Values
       ariaAttributes: s,
-      computedAriaLabel: d,
-      conditionalClasses: a,
+      computedAriaLabel: r,
+      conditionalClasses: n,
       // Methods
       onClickButton: () => {
-        e.disabled || n(Oe.CLICK);
+        e.disabled || t(je.CLICK);
       },
-      hasSlot: xe(t),
+      hasSlot: st(l),
       // Refs
       baseFilterButtonRef: o
     };
   }
 });
-const Ll = { class: "b-base-filter-button__default-container" }, Ol = { class: "b-base-filter-button__label-container" }, wl = {
+const Kl = { class: "b-base-filter-button__default-container" }, jl = { class: "b-base-filter-button__label-container" }, Yl = {
   key: 0,
   class: "b-base-filter-button__counter-wrapper"
 };
-function Nl(e, t, n, l, i, d) {
-  const o = _("bento-typography"), s = _("chevron-up-icon"), a = _("chevron-down-icon"), r = _("base-button");
-  return f(), D(r, {
+function zl(e, l, t, a, u, r) {
+  const o = S("bento-typography"), s = S("chevron-up-icon"), n = S("chevron-down-icon"), d = S("base-button");
+  return p(), I(d, {
     ref: "baseFilterButtonRef",
-    class: _e(["b-base-filter-button", e.conditionalClasses]),
+    class: Se(["b-base-filter-button", e.conditionalClasses]),
     disabled: e.disabled,
     "aria-label": e.computedAriaLabel,
     "aria-controls": e.ariaAttributes["aria-controls"],
     type: "button",
     onClick: e.onClickButton
-  }, Be({
-    default: p(() => [
-      L("div", Ll, [
-        L("div", Ol, [
-          B(o, {
+  }, De({
+    default: y(() => [
+      R("div", Kl, [
+        R("div", jl, [
+          A(o, {
             el: "span",
             variant: "body",
             stronger: e.bold,
             class: "b-base-filter-button__label"
           }, {
-            default: p(() => [
-              de(e.$slots, "default", {}, void 0, !0)
+            default: y(() => [
+              ie(e.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["stronger"])
         ]),
-        e.amountAppliedValues && !e.hasChevron ? (f(), H("div", wl, [
-          B(o, {
+        e.amountAppliedValues && !e.hasChevron ? (p(), K("div", Yl, [
+          A(o, {
             class: "b-base-filter-button__counter",
             el: "span",
             variant: "body",
             stronger: ""
           }, {
-            default: p(() => [
-              K(M(e.amountAppliedValues), 1)
+            default: y(() => [
+              q(N(e.amountAppliedValues), 1)
             ]),
             _: 1
           })
-        ])) : j("", !0)
+        ])) : Y("", !0)
       ])
     ]),
     _: 2
   }, [
     e.hasChevron ? {
       name: "iconRight",
-      fn: p(() => [
-        e.isFilterOpen ? (f(), D(s, {
+      fn: y(() => [
+        e.isFilterOpen ? (p(), I(s, {
           key: 0,
           "aria-hidden": "true"
-        })) : (f(), D(a, {
+        })) : (p(), I(n, {
           key: 1,
           "aria-hidden": "true"
         }))
@@ -1791,9 +1943,9 @@ function Nl(e, t, n, l, i, d) {
     } : void 0
   ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
 }
-const Ml = /* @__PURE__ */ z(Rl, [["render", Nl], ["__scopeId", "data-v-af9efc73"]]), Hl = G({
+const Jl = /* @__PURE__ */ G(ql, [["render", zl], ["__scopeId", "data-v-af9efc73"]]), Gl = J({
   name: "all-filters-modal-button",
-  components: { BaseFilterButton: Ml },
+  components: { BaseFilterButton: Jl },
   props: {
     /**
      * Button label to be displayed
@@ -1813,60 +1965,60 @@ const Ml = /* @__PURE__ */ z(Rl, [["render", Nl], ["__scopeId", "data-v-af9efc73
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: t }) {
+  setup(e, { emit: l }) {
     return {
-      conditionalClasses: b(() => ({
+      conditionalClasses: c(() => ({
         ["b-all-filters-modal-button--with-counter"]: e.appliedFiltersCount,
         ["b-all-filters-modal-button--filter-open"]: e.isFilterOpen
       })),
       onClick: () => {
-        t("click");
+        l("click");
       }
     };
   }
 });
-function Kl(e, t, n, l, i, d) {
-  const o = _("base-filter-button");
-  return f(), D(o, {
-    class: _e(["b-all-filters-modal-button", e.conditionalClasses]),
+function Wl(e, l, t, a, u, r) {
+  const o = S("base-filter-button");
+  return p(), I(o, {
+    class: Se(["b-all-filters-modal-button", e.conditionalClasses]),
     "amount-applied-values": e.appliedFiltersCount,
     "is-filter-open": e.isFilterOpen,
     disabled: e.disabled,
     onClick: e.onClick
   }, {
-    default: p(() => [
-      K(M(e.label), 1)
+    default: y(() => [
+      q(N(e.label), 1)
     ]),
     _: 1
   }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
 }
-const ql = /* @__PURE__ */ z(Hl, [["render", Kl], ["__scopeId", "data-v-b96a672f"]]);
-let ze = 0;
-const jl = {
+const Zl = /* @__PURE__ */ G(Gl, [["render", Wl], ["__scopeId", "data-v-b96a672f"]]);
+let xe = 0;
+const Ql = {
   beforeCreate() {
-    this.uuid = ze.toString(), ze += 1;
+    this.uuid = xe.toString(), xe += 1;
   }
-}, Yl = { key: 0 }, zl = /* @__PURE__ */ L("path", {
+}, Xl = { key: 0 }, xl = /* @__PURE__ */ R("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), Jl = /* @__PURE__ */ L("path", {
+}, null, -1), ea = /* @__PURE__ */ R("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 Gl(e, t, n, l, i, d) {
-  return f(), H("svg", se({ role: "img" }, e.$attrs, {
+function ta(e, l, t, a, u, r) {
+  return p(), K("svg", re({ 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"] ? (f(), H("title", Yl, M(e.$attrs["svg-title"]), 1)) : j("", !0),
-    zl,
-    Jl
+    e.$attrs["svg-title"] ? (p(), K("title", Xl, N(e.$attrs["svg-title"]), 1)) : Y("", !0),
+    xl,
+    ea
   ], 16);
 }
-const Wl = /* @__PURE__ */ z(jl, [["render", Gl]]), Je = {
+const la = /* @__PURE__ */ G(Ql, [["render", ta]]), et = {
   "en-US": {
     all: "All",
     activeFilters: "Active filters",
@@ -1879,28 +2031,28 @@ const Wl = /* @__PURE__ */ z(jl, [["render", Gl]]), Je = {
     otherFilters: "Other filters",
     searchBar: "Search bar"
   }
-}, Zl = G({
-  i18n: { messages: Je },
+}, aa = J({
+  i18n: { messages: et },
   name: "all-filters-modal",
   components: {
-    AllFiltersModalButton: ql,
-    BentoBooleanFilter: yt,
-    BentoButton: Lt,
-    BentoDateFilter: ut,
-    BentoDateRangeFilter: dt,
-    BentoInputFilter: rt,
-    BentoModal: kt,
-    BentoRangeFilter: mt,
-    BentoSearchBar: Ae,
-    BentoSelectAvatarFilter: ct,
-    BentoSelectCurrencyFilter: bt,
-    BentoSelectCountryFilter: ft,
-    BentoSelectFilter: X,
-    BentoSelectPaymentMethodFilter: vt,
-    BentoSelectTagFilter: pt,
-    BentoTypography: ue,
-    FilterBarButton: Ue,
-    SlidersIcon: Wl
+    AllFiltersModalButton: Zl,
+    BentoBooleanFilter: $t,
+    BentoButton: Mt,
+    BentoDateFilter: vt,
+    BentoDateRangeFilter: yt,
+    BentoInputFilter: pt,
+    BentoModal: wt,
+    BentoRangeFilter: At,
+    BentoSearchBar: Ve,
+    BentoSelectAvatarFilter: ht,
+    BentoSelectCurrencyFilter: Ft,
+    BentoSelectCountryFilter: gt,
+    BentoSelectFilter: ee,
+    BentoSelectPaymentMethodFilter: St,
+    BentoSelectTagFilter: Ct,
+    BentoTypography: ve,
+    FilterBarButton: He,
+    SlidersIcon: la
   },
   props: {
     /**
@@ -1928,220 +2080,216 @@ const Wl = /* @__PURE__ */ z(jl, [["render", Gl]]), Je = {
       default: () => []
     }
   },
-  emits: [De.INPUT],
-  setup(e, { emit: t }) {
-    const n = We({ value: e.value }), l = w(n.value), i = Ee("all-filters-modal"), d = w([]), o = w(!1), s = w(0), a = w(null), r = w(""), { t: S } = be({ messages: Je }), F = at(r, te(l, "value")), C = w({});
-    Te(() => {
+  emits: [Oe.INPUT],
+  setup(e, { emit: l }) {
+    const t = lt({ value: e.value }), a = V(t.value), u = Ne("all-filters-modal"), r = V([]), o = V(!1), s = V(0), n = V(null), d = V(""), { t: $ } = be({ messages: et }), F = dt(d, X(a, "value")), C = V({});
+    we(() => {
       C.value = [];
-    }), Fe(
+    }), me(
       () => e.value,
       () => {
-        n.value = e.value, l.value = e.value;
+        t.value = e.value, a.value = e.value;
       }
     );
-    const u = (g) => (
+    const i = (v) => (
       /* eslint-disable-next-line no-nested-ternary */
-      g.sort((h, P) => h.label > P.label ? 1 : P.label > h.label ? -1 : 0)
-    ), T = b(
-      () => u(
+      v.sort((f, E) => f.label > E.label ? 1 : E.label > f.label ? -1 : 0)
+    ), T = c(
+      () => i(
         F.value.filter(
-          (g) => {
-            var h, P;
-            return Array.isArray(g.value) ? ((h = g.value) == null ? void 0 : h.length) && ((P = g.value) == null ? void 0 : P.find((J) => J !== "")) : g.value;
+          (v) => {
+            var f, E;
+            return Array.isArray(v.value) ? ((f = v.value) == null ? void 0 : f.length) && ((E = v.value) == null ? void 0 : E.find((H) => H !== "")) : v.value;
           }
         )
       )
-    ), N = b(
-      () => u(
+    ), O = c(
+      () => i(
         F.value.filter(
-          (g) => {
-            var h, P;
-            return Array.isArray(g.value) ? ((h = g.value) == null ? void 0 : h.length) === 0 || ((P = g.value) == null ? void 0 : P.every((J) => J === "")) : !g.value;
+          (v) => {
+            var f, E;
+            return Array.isArray(v.value) ? ((f = v.value) == null ? void 0 : f.length) === 0 || ((E = v.value) == null ? void 0 : E.every((H) => H === "")) : !v.value;
           }
         )
       )
-    ), k = b(() => {
-      var g;
-      return r.value && ((g = F.value) == null ? void 0 : g.length) === 0;
-    }), $ = b(() => l.value[s.value]), Y = () => {
-      const g = T.value.length ? T.value[0] : N.value[0], h = l.value.findIndex(
-        (P) => P.label === g.label && P.field === g.field
+    ), k = c(() => {
+      var v;
+      return d.value && ((v = F.value) == null ? void 0 : v.length) === 0;
+    }), B = c(() => a.value[s.value]), W = () => {
+      const v = T.value.length ? T.value[0] : O.value[0], f = a.value.findIndex(
+        (E) => E.label === v.label && E.field === v.field
       );
-      s.value = h;
+      s.value = f;
     };
-    At(() => {
-      Y();
+    Tt(() => {
+      W();
     });
-    const c = (g) => g.map((h) => {
-      var P, J, le, x, Pe, Ve;
-      switch (h.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 ((P = h.options) == null ? void 0 : P.multiple) {
+    const b = (v) => v.map((f) => {
+      var E, H, Q, z, he, ue;
+      switch (f.type) {
+        case x.SELECT:
+        case x.SELECT_AVATAR:
+        case x.SELECT_COUNTRY:
+        case x.SELECT_CURRENCY:
+        case x.SELECT_PAYMENT_METHOD:
+        case x.SELECT_TAG:
+          switch ((E = f.options) == null ? void 0 : E.multiple) {
             case !0:
               return {
-                label: h.label,
-                field: h.field,
-                count: (J = h.value) != null && J.length ? (le = h.value) == null ? void 0 : le.length : null
+                label: f.label,
+                field: f.field,
+                count: (H = f.value) != null && H.length ? (Q = f.value) == null ? void 0 : Q.length : null
               };
             default:
               return {
-                label: h.label,
-                field: h.field,
-                count: h.value == null ? null : 1
+                label: f.label,
+                field: f.field,
+                count: f.value == null ? null : 1
               };
           }
-        case Q.DATE_RANGE:
+        case x.DATE_RANGE:
           return {
-            label: h.label,
-            field: h.field,
-            count: ((x = h.value) == null ? void 0 : x.startDate) != null && ((Pe = h.value) == null ? void 0 : Pe.endDate) != null ? 1 : null
+            label: f.label,
+            field: f.field,
+            count: ((z = f.value) == null ? void 0 : z.startDate) != null && ((he = f.value) == null ? void 0 : he.endDate) != null ? 1 : null
           };
-        case Q.RANGE:
+        case x.RANGE:
           return {
-            label: h.label,
-            field: h.field,
-            count: (Ve = h.value) != null && Ve.find((_t) => _t !== "") ? 1 : null
+            label: f.label,
+            field: f.field,
+            count: (ue = f.value) != null && ue.find((Fe) => Fe !== "") ? 1 : null
           };
-        case Q.INPUT:
-        case Q.BOOLEAN:
-        case Q.DATE:
+        case x.INPUT:
+        case x.BOOLEAN:
+        case x.DATE:
         default:
           return {
-            label: h.label,
-            field: h.field,
-            count: h.value != null ? 1 : null
+            label: f.label,
+            field: f.field,
+            count: f.value != null ? 1 : null
           };
       }
-    }), y = b(
+    }), g = c(
       () => {
-        var g;
-        return Array.isArray($.value.value) ? ((g = $.value) == null ? void 0 : g.value.length) && $.value.value.find((h) => h !== "") : !!l.value[s.value].value;
+        var v;
+        return Array.isArray(B.value.value) ? ((v = B.value) == null ? void 0 : v.value.length) && B.value.value.find((f) => f !== "") : !!a.value[s.value].value;
       }
-    ), v = b(
+    ), h = c(
       () => {
-        var g;
-        return (g = c(n.value)) == null ? void 0 : g.reduce(
-          // eslint-disable-next-line no-return-assign, no-param-reassign
-          (h, P) => h += P.count,
-          0
-        );
+        var v;
+        return (v = b(t.value)) == null ? void 0 : v.filter(({ count: f }) => !!f).length;
       }
-    ), E = () => {
+    ), P = () => {
       o.value ? o.value = !1 : o.value = !0;
-    }, A = (g) => {
-      var P, J, le;
-      const h = c(l.value).find((x) => x.field === g.field).count;
-      return g.type.includes("BentoSelect") && ((P = g.options) != null && P.multiple) && h === ((le = (J = g.options) == null ? void 0 : J.listboxItems) == null ? void 0 : le.length) ? S("all") : h;
-    }, q = (g, h) => {
-      s.value = l.value.findIndex(
-        (P) => P.label === g && P.field === h
+    }, D = (v) => {
+      var E, H, Q;
+      const f = b(a.value).find((z) => z.field === v.field).count;
+      return v.type.includes("BentoSelect") && ((E = v.options) != null && E.multiple) && f === ((Q = (H = v.options) == null ? void 0 : H.listboxItems) == null ? void 0 : Q.length) ? $("all") : f;
+    }, Z = (v, f) => {
+      s.value = a.value.findIndex(
+        (E) => E.label === v && E.field === f
       );
-    }, O = () => {
-      r.value = "";
-    }, R = () => {
-      o.value = !1, n.value = e.value, l.value = e.value, O(), Y();
-    }, U = (g) => {
-      const h = l.value.map(({ value: P, ...J }, le) => le === s.value ? { value: g.value, ...J } : { value: P, ...J });
-      l.value = h;
-    }, V = () => {
-      U({
-        field: $.value.field,
-        label: $.value.label,
-        type: $.value.type,
+    }, te = () => {
+      d.value = "";
+    }, oe = () => {
+      o.value = !1, t.value = e.value, a.value = e.value, te(), W();
+    }, ae = (v) => {
+      const f = a.value.map(({ value: E, ...H }, Q) => Q === s.value ? { value: v.value, ...H } : { value: E, ...H });
+      a.value = f;
+    }, ne = () => {
+      ae({
+        field: B.value.field,
+        label: B.value.label,
+        type: B.value.type,
         value: void 0
       });
-    }, W = () => {
-      l.value = n.value.map(({ value: g, ...h }) => ({
-        ...h,
+    }, fe = () => {
+      a.value = t.value.map(({ value: v, ...f }) => ({
+        ...f,
         value: void 0
       }));
-    }, Z = () => {
-      t(De.INPUT, l.value), o.value = !1;
-    }, I = b(
-      () => JSON.stringify(l.value) === JSON.stringify(e.value)
-    ), ne = b(() => [
+    }, M = () => {
+      l(Oe.INPUT, a.value), o.value = !1;
+    }, _ = c(
+      () => JSON.stringify(a.value) === JSON.stringify(e.value)
+    ), w = c(() => [
       {
-        title: S("applyAll"),
-        disabled: I.value,
-        event: Z
+        title: $("applyAll"),
+        disabled: _.value,
+        event: M
       },
       {
-        title: S("cancel"),
-        event: R
+        title: $("cancel"),
+        event: oe
       },
       {
-        title: S("clearAll"),
-        disabled: !v.value,
-        event: W
+        title: $("clearAll"),
+        disabled: !h.value,
+        event: fe
       }
     ]);
     return {
       // Enums
-      BentoModalEvent: Rt,
+      BentoModalEvent: Nt,
       // Values
-      allFiltersModalUniqueId: i,
-      allFiltersModalFiltersSection: d,
+      allFiltersModalUniqueId: u,
+      allFiltersModalFiltersSection: r,
       allFiltersModalFilterButtons: C,
-      numberOfActiveFilters: v,
+      numberOfActiveFilters: h,
       isEmptyResultForSearchFilter: k,
       isModalOpen: o,
-      isClearButtonEnabled: y,
+      isClearButtonEnabled: g,
       activeFilters: T,
-      otherFilters: N,
-      modalActions: ne,
-      selectedFilter: $,
-      selectedFilterRef: a,
-      filters: n,
-      searchTerm: r,
+      otherFilters: O,
+      modalActions: w,
+      selectedFilter: B,
+      selectedFilterRef: n,
+      filters: t,
+      searchTerm: d,
       // Methods
-      onClickAllFiltersModal: E,
-      getFilterCount: A,
-      cancel: R,
-      selectFilter: q,
-      clearFilter: V,
-      updateFilter: U,
-      onSearchbarClear: O,
+      onClickAllFiltersModal: P,
+      getFilterCount: D,
+      cancel: oe,
+      selectFilter: Z,
+      clearFilter: ne,
+      updateFilter: ae,
+      onSearchbarClear: te,
       onKeydownRight: () => {
-        wt(1, a.value.$el).focus();
+        qt(1, n.value.$el).focus();
       },
       onKeydownLeft: () => {
-        C.value[$.value.label].$el.focus();
+        C.value[B.value.label].$el.focus();
       }
     };
   }
 });
-const Ql = { class: "b-all-filters-modal" }, Xl = {
+const na = { class: "b-all-filters-modal" }, oa = {
   key: 0,
   class: "b-all-filters-modal__empty-search-message"
-}, xl = {
+}, sa = {
   key: 1,
   class: "b-all-filters-modal__filters-section"
-}, ea = ["aria-labelledby"], ta = {
+}, ia = ["aria-labelledby"], ra = {
   key: 2,
   class: "b-all-filters-modal__filters-section"
-}, la = ["aria-labelledby"], aa = { class: "b-all-filters-modal__selected-filter-text" }, na = { class: "b-all-filters-modal__selected-filter-component" }, oa = { class: "b-all-filters-modal__clear-button" };
-function sa(e, t, n, l, i, d) {
-  const o = _("sliders-icon"), s = _("filter-bar-button"), a = _("bento-search-bar"), r = _("bento-typography"), S = _("all-filters-modal-button"), F = _("bento-button"), C = _("bento-modal");
-  return f(), H("div", Ql, [
-    B(s, {
+}, ua = ["aria-labelledby"], da = { class: "b-all-filters-modal__selected-filter-text" }, ca = { class: "b-all-filters-modal__selected-filter-component" }, ba = { class: "b-all-filters-modal__clear-button" };
+function fa(e, l, t, a, u, r) {
+  const o = S("sliders-icon"), s = S("filter-bar-button"), n = S("bento-search-bar"), d = S("bento-typography"), $ = S("all-filters-modal-button"), F = S("bento-button"), C = S("bento-modal");
+  return p(), K("div", na, [
+    A(s, {
       "is-filter-open": e.isModalOpen,
       "applied-filters-count": e.numberOfActiveFilters,
       onClick: e.onClickAllFiltersModal
     }, {
-      iconLeft: p(() => [
-        B(o, { "aria-hidden": "true" })
+      iconLeft: y(() => [
+        A(o, { "aria-hidden": "true" })
       ]),
-      default: p(() => [
-        K(M(e.$t("allFilters")) + " ", 1)
+      default: y(() => [
+        q(N(e.$t("allFilters")) + " ", 1)
       ]),
       _: 1
     }, 8, ["is-filter-open", "applied-filters-count", "onClick"]),
-    B(C, {
+    A(C, {
       class: "'b-all-filters-modal__modal'",
       "is-open": e.isModalOpen,
       "with-column-layout": !0,
@@ -2151,123 +2299,123 @@ function sa(e, t, n, l, i, d) {
       "hide-close-button": "",
       onCloseModal: e.cancel
     }, {
-      default: p(() => [
-        K(M(e.$t("allFilters")), 1)
+      default: y(() => [
+        q(N(e.$t("allFilters")), 1)
       ]),
-      "content-col-1": p(() => [
-        L("div", {
+      "content-col-1": y(() => [
+        R("div", {
           ref: "allFiltersModalFiltersSection",
           class: "b-all-filters-modal__filters",
-          onKeydown: t[1] || (t[1] = ce((...u) => e.onKeydownRight && e.onKeydownRight(...u), ["right"]))
+          onKeydown: l[1] || (l[1] = ye((...i) => e.onKeydownRight && e.onKeydownRight(...i), ["right"]))
         }, [
-          B(a, {
+          A(n, {
             class: "b-all-filters-modal__search-bar",
             value: e.searchTerm,
             "input-field-aria-label": e.$t("searchBar").toString(),
-            onInput: t[0] || (t[0] = (u) => e.searchTerm = u),
+            onInput: l[0] || (l[0] = (i) => e.searchTerm = i),
             onClear: e.onSearchbarClear
           }, null, 8, ["value", "input-field-aria-label", "onClear"]),
-          e.isEmptyResultForSearchFilter ? (f(), H("div", Xl, [
-            B(r, { el: "span" }, {
-              default: p(() => [
-                K(M(e.$t("noFiltersMatchThisSearch")), 1)
+          e.isEmptyResultForSearchFilter ? (p(), K("div", oa, [
+            A(d, { el: "span" }, {
+              default: y(() => [
+                q(N(e.$t("noFiltersMatchThisSearch")), 1)
               ]),
               _: 1
             })
-          ])) : j("", !0),
-          e.activeFilters.length ? (f(), H("div", xl, [
-            B(r, {
+          ])) : Y("", !0),
+          e.activeFilters.length ? (p(), K("div", sa, [
+            A(d, {
               id: `active-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
               el: "span",
               variant: "caption"
             }, {
-              default: p(() => [
-                K(M(e.$t("activeFilters")), 1)
+              default: y(() => [
+                q(N(e.$t("activeFilters")), 1)
               ]),
               _: 1
             }, 8, ["id"]),
-            L("ul", {
+            R("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}`
             }, [
-              (f(!0), H(ye, null, me(e.activeFilters, (u) => (f(), H("li", {
-                key: `${u.label}-${u.field}`
+              (p(!0), K(Be, null, de(e.activeFilters, (i) => (p(), K("li", {
+                key: `${i.label}-${i.field}`
               }, [
-                B(S, {
+                A($, {
                   ref_for: !0,
-                  ref: (T) => e.allFiltersModalFilterButtons[u.label] = T,
-                  label: u.label,
-                  "applied-filters-count": e.getFilterCount(u),
-                  "is-filter-open": e.selectedFilter.label === u.label,
-                  onClick: (T) => e.selectFilter(u.label, u.field)
+                  ref: (T) => e.allFiltersModalFilterButtons[i.label] = T,
+                  label: i.label,
+                  "applied-filters-count": e.getFilterCount(i),
+                  "is-filter-open": e.selectedFilter.label === i.label,
+                  onClick: (T) => e.selectFilter(i.label, i.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
-            ], 8, ea)
-          ])) : j("", !0),
-          e.otherFilters.length ? (f(), H("div", ta, [
-            e.activeFilters.length ? (f(), D(r, {
+            ], 8, ia)
+          ])) : Y("", !0),
+          e.otherFilters.length ? (p(), K("div", ra, [
+            e.activeFilters.length ? (p(), I(d, {
               key: 0,
               id: `other-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
               el: "span",
               variant: "caption"
             }, {
-              default: p(() => [
-                K(M(e.$t("otherFilters")), 1)
+              default: y(() => [
+                q(N(e.$t("otherFilters")), 1)
               ]),
               _: 1
-            }, 8, ["id"])) : j("", !0),
-            L("ul", {
+            }, 8, ["id"])) : Y("", !0),
+            R("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}`
             }, [
-              (f(!0), H(ye, null, me(e.otherFilters, (u) => (f(), H("li", {
-                key: `${u.label}-${u.field}`
+              (p(!0), K(Be, null, de(e.otherFilters, (i) => (p(), K("li", {
+                key: `${i.label}-${i.field}`
               }, [
-                B(S, {
+                A($, {
                   ref_for: !0,
-                  ref: (T) => e.allFiltersModalFilterButtons[u.label] = T,
-                  label: u.label,
-                  "applied-filters-count": e.getFilterCount(u),
-                  "is-filter-open": e.selectedFilter.label === u.label,
-                  onClick: (T) => e.selectFilter(u.label, u.field)
+                  ref: (T) => e.allFiltersModalFilterButtons[i.label] = T,
+                  label: i.label,
+                  "applied-filters-count": e.getFilterCount(i),
+                  "is-filter-open": e.selectedFilter.label === i.label,
+                  onClick: (T) => e.selectFilter(i.label, i.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
-            ], 8, la)
-          ])) : j("", !0)
+            ], 8, ua)
+          ])) : Y("", !0)
         ], 544)
       ]),
-      "content-col-2": p(() => [
-        L("div", {
+      "content-col-2": y(() => [
+        R("div", {
           class: "b-all-filters-modal__selected-filter-content",
-          onKeydown: t[2] || (t[2] = ce((...u) => e.onKeydownLeft && e.onKeydownLeft(...u), ["left"]))
+          onKeydown: l[2] || (l[2] = ye((...i) => e.onKeydownLeft && e.onKeydownLeft(...i), ["left"]))
         }, [
-          L("div", aa, [
-            B(r, {
+          R("div", da, [
+            A(d, {
               el: "div",
               variant: "title",
               medium: ""
             }, {
-              default: p(() => [
-                K(M(e.selectedFilter.label), 1)
+              default: y(() => [
+                q(N(e.selectedFilter.label), 1)
               ]),
               _: 1
             }),
-            e.selectedFilter.description ? (f(), D(r, {
+            e.selectedFilter.description ? (p(), I(d, {
               key: 0,
               el: "div",
               variant: "body",
               wide: ""
             }, {
-              default: p(() => [
-                K(M(e.selectedFilter.description), 1)
+              default: y(() => [
+                q(N(e.selectedFilter.description), 1)
               ]),
               _: 1
-            })) : j("", !0)
+            })) : Y("", !0)
           ]),
-          L("div", na, [
-            (f(), D(Ie(e.selectedFilter.type), {
+          R("div", ca, [
+            (p(), I(Re(e.selectedFilter.type), {
               ref: "selectedFilterRef",
               key: e.selectedFilter.field,
               field: e.selectedFilter.field,
@@ -2279,14 +2427,14 @@ function sa(e, t, n, l, i, d) {
               onInput: e.updateFilter
             }, null, 40, ["field", "label", "options", "value", "default-value", "onInput"]))
           ]),
-          L("div", oa, [
-            B(F, {
+          R("div", ba, [
+            A(F, {
               variant: "secondary",
               disabled: !e.isClearButtonEnabled,
               onClick: e.clearFilter
             }, {
-              default: p(() => [
-                K(M(e.$t("clear")), 1)
+              default: y(() => [
+                q(N(e.$t("clear")), 1)
               ]),
               _: 1
             }, 8, ["disabled", "onClick"])
@@ -2297,7 +2445,7 @@ function sa(e, t, n, l, i, d) {
     }, 8, ["is-open", "actions", "onCloseModal"])
   ]);
 }
-const ia = /* @__PURE__ */ z(Zl, [["render", sa], ["__scopeId", "data-v-9cb2fa60"]]), Ge = {
+const pa = /* @__PURE__ */ G(aa, [["render", fa], ["__scopeId", "data-v-dfa0bb7c"]]), tt = {
   "en-US": {
     clearAll: "Clear filters",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -2306,26 +2454,26 @@ const ia = /* @__PURE__ */ z(Zl, [["render", sa], ["__scopeId", "data-v-9cb2fa60
     resetAll: "Reset filters",
     searchBar: "Search bar"
   }
-}, ra = G({
-  i18n: { messages: Ge },
+}, va = J({
+  i18n: { messages: tt },
   name: "bento-filter-bar",
   components: {
-    AllFiltersModal: ia,
-    BentoBooleanFilter: yt,
-    BentoDateFilter: ut,
-    BentoDateRangeFilter: dt,
-    BentoRangeFilter: mt,
-    BentoInputFilter: rt,
-    BentoSelectFilter: X,
-    BentoSelectAvatarFilter: ct,
-    BentoSelectCountryFilter: ft,
-    BentoSelectCurrencyFilter: bt,
-    BentoSelectPaymentMethodFilter: vt,
-    BentoSelectTagFilter: pt,
-    BentoSearchBar: Ae,
-    FilterBarButton: Ue,
-    FixedScroller: Zt,
-    RefreshIcon: Wt
+    AllFiltersModal: pa,
+    BentoBooleanFilter: $t,
+    BentoDateFilter: vt,
+    BentoDateRangeFilter: yt,
+    BentoRangeFilter: At,
+    BentoInputFilter: pt,
+    BentoSelectFilter: ee,
+    BentoSelectAvatarFilter: ht,
+    BentoSelectCountryFilter: gt,
+    BentoSelectCurrencyFilter: Ft,
+    BentoSelectPaymentMethodFilter: St,
+    BentoSelectTagFilter: Ct,
+    BentoSearchBar: Ve,
+    FilterBarButton: He,
+    FixedScroller: el,
+    RefreshIcon: xt
   },
   props: {
     /**
@@ -2353,7 +2501,7 @@ const ia = /* @__PURE__ */ z(Zl, [["render", sa], ["__scopeId", "data-v-9cb2fa60
      * If the value is non-existant (null or undefined) the search bar won't be enabled.
      */
     searchTerm: {
-      type: Ae.props.value.type,
+      type: Ve.props.value.type,
       default: void 0
     },
     /**
@@ -2402,105 +2550,105 @@ const ia = /* @__PURE__ */ z(Zl, [["render", sa], ["__scopeId", "data-v-9cb2fa60
     }
   },
   emits: [
-    Se.INPUT,
-    Se.UPDATE_FILTER_VALUES,
-    pe.CLEAR,
-    pe.INPUT,
-    pe.UPDATE
+    Ae.INPUT,
+    Ae.UPDATE_FILTER_VALUES,
+    ge.CLEAR,
+    ge.INPUT,
+    ge.UPDATE
   ],
-  setup(e, { emit: t }) {
-    const { t: n } = be({ messages: Ge }), l = b(
+  setup(e, { emit: l }) {
+    const { t } = be({ messages: tt }), a = c(
       () => {
-        var c, y;
-        return (y = ((c = e.config) == null ? void 0 : c.length) > 0 ? e.config : e.value) == null ? void 0 : y.map((v) => {
-          var A;
-          let E = (A = e.filterValues.find(({ field: q }) => q === v.field)) == null ? void 0 : A.value;
-          return E === void 0 && (E = (v == null ? void 0 : v.value) === void 0 && (v == null ? void 0 : v.defaultValue) !== void 0 ? v == null ? void 0 : v.defaultValue : v == null ? void 0 : v.value), { ...v, value: E !== void 0 ? E : v == null ? void 0 : v.value };
+        var b, g;
+        return (g = ((b = e.config) == null ? void 0 : b.length) > 0 ? e.config : e.value) == null ? void 0 : g.map((h) => {
+          var D;
+          let P = (D = e.filterValues.find(({ field: Z }) => Z === h.field)) == null ? void 0 : D.value;
+          return P === void 0 && (P = (h == null ? void 0 : h.value) === void 0 && (h == null ? void 0 : h.defaultValue) !== void 0 ? h == null ? void 0 : h.defaultValue : h == null ? void 0 : h.value), { ...h, value: P !== void 0 ? P : h == null ? void 0 : h.value };
         });
       }
-    ), i = Vt(), d = b(() => n("searchBar")), o = b(() => l.value.some(
-      ({ visible: y }) => y != null
-    ) ? l.value.some(({ visible: y }) => !y) : !1), s = b(
-      () => l.value.filter(({ defaultValue: c }) => c !== void 0)
-    ), a = b(() => l.value.some(
-      ({ visible: y }) => y != null
-    ) ? l.value.filter(
-      ({ defaultValue: y, visible: v }) => y === void 0 && v
-    ) : l.value.filter(({ defaultValue: y }) => y === void 0)), r = b(() => e.searchTerm != null), S = b(
-      () => l.value.filter(({ defaultValue: c }) => c == null).some(({ value: c }) => c != null)
-    ), F = b(() => s.value.length === 0 && S.value), C = b(() => s.value.length === 0 ? !1 : !l.value.filter(({ defaultValue: y }) => y !== void 0 || y !== null).every(({ value: y, defaultValue: v }) => JSON.stringify(y) === JSON.stringify(v)) || S.value), u = (c) => {
-      t(Se.INPUT, c), t(
-        Se.UPDATE_FILTER_VALUES,
-        c == null ? void 0 : c.filter(({ value: y }) => y !== null || y !== void 0).map(({ field: y, value: v }) => ({ field: y, value: v }))
+    ), { addToast: u } = Ot(), r = c(() => t("searchBar")), o = c(() => a.value.some(
+      ({ visible: g }) => g != null
+    ) ? a.value.some(({ visible: g }) => !g) : !1), s = c(
+      () => a.value.filter(({ defaultValue: b }) => b !== void 0)
+    ), n = c(() => a.value.some(
+      ({ visible: g }) => g != null
+    ) ? a.value.filter(
+      ({ defaultValue: g, visible: h }) => g === void 0 && h
+    ) : a.value.filter(({ defaultValue: g }) => g === void 0)), d = c(() => e.searchTerm != null), $ = c(
+      () => a.value.filter(({ defaultValue: b }) => b == null).some(({ value: b }) => b != null)
+    ), F = c(() => s.value.length === 0 && $.value), C = c(() => s.value.length === 0 ? !1 : !a.value.filter(({ defaultValue: g }) => g !== void 0 || g !== null).every(({ value: g, defaultValue: h }) => JSON.stringify(g) === JSON.stringify(h)) || $.value), i = (b) => {
+      l(Ae.INPUT, b), l(
+        Ae.UPDATE_FILTER_VALUES,
+        b == null ? void 0 : b.filter(({ value: g }) => g !== null || g !== void 0).map(({ field: g, value: h }) => ({ field: g, value: h }))
       );
     };
     return {
       // Values
       hasHiddenFilters: o,
       isClearAllVisible: F,
-      isSearchBarEnabled: r,
-      searchBarAriaLabel: d,
+      isSearchBarEnabled: d,
+      searchBarAriaLabel: r,
       persistentFilters: s,
-      regularFilters: a,
+      regularFilters: n,
       isResetAllVisible: C,
-      valueAndFilterValuesPropsMerged: l,
+      valueAndFilterValuesPropsMerged: a,
       // Events
-      updateAllFilters: u,
-      updateFilterHandler: (c) => {
-        const y = l.value.findIndex(
-          (E) => E.field === c.field
-        ), v = l.value.slice();
-        v[y].value = c.value, u(v);
+      updateAllFilters: i,
+      updateFilterHandler: (b) => {
+        const g = a.value.findIndex(
+          (P) => P.field === b.field
+        ), h = a.value.slice();
+        h[g].value = b.value, i(h);
       },
       clearAllFilters: () => {
-        const c = l.value.slice(), y = l.value.map(({ value: v, ...E }) => ({
-          ...E,
+        const b = a.value.slice(), g = a.value.map(({ value: h, ...P }) => ({
+          ...P,
           value: void 0
         }));
-        i.addToast({
-          text: n("filtersHaveBeenCleared"),
+        u({
+          text: t("filtersHaveBeenCleared"),
           action: {
-            handler: () => u(c),
-            text: n("undo")
+            handler: () => i(b),
+            text: t("undo")
           }
-        }), u(y);
+        }), i(g);
       },
       onSearchbarClear: () => {
-        t(pe.CLEAR);
+        l(ge.CLEAR);
       },
-      onSearchbarInput: (c) => {
-        t(pe.INPUT, c), t(pe.UPDATE, c);
+      onSearchbarInput: (b) => {
+        l(ge.INPUT, b), l(ge.UPDATE, b);
       },
       resetAllFilters: () => {
-        const c = l.value.slice(), y = l.value.map(({ defaultValue: v, ...E }) => ({
-          ...E,
-          defaultValue: v,
-          value: v
+        const b = a.value.slice(), g = a.value.map(({ defaultValue: h, ...P }) => ({
+          ...P,
+          defaultValue: h,
+          value: h
         }));
-        i.addToast({
-          text: n("filtersHaveBeenReset"),
+        u({
+          text: t("filtersHaveBeenReset"),
           action: {
-            handler: () => u(c),
-            text: n("undo")
+            handler: () => i(b),
+            text: t("undo")
           }
-        }), u(y);
+        }), i(g);
       }
     };
   }
 });
-const ua = { class: "b-filter-bar" }, da = { class: "b-filter-bar__container" }, ca = {
+const ya = { class: "b-filter-bar" }, ma = { class: "b-filter-bar__container" }, _a = {
   key: 0,
   class: "b-filter-bar__before-filters"
-}, ba = { class: "b-filter-bar__filters-container" }, fa = { class: "b-filter-bar__filters" }, va = { class: "b-filter-bar__scroller-content" }, pa = {
+}, ha = { class: "b-filter-bar__filters-container" }, Fa = { class: "b-filter-bar__filters" }, ga = { class: "b-filter-bar__scroller-content" }, Sa = {
   key: 0,
   class: "b-filter-bar__actions"
 };
-function ya(e, t, n, l, i, d) {
-  const o = _("bento-search-bar"), s = _("all-filters-modal"), a = _("refresh-icon"), r = _("filter-bar-button"), S = _("fixed-scroller");
-  return f(), H("div", ua, [
-    L("div", da, [
-      e.isSearchBarEnabled || e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? (f(), H("div", ca, [
-        e.isSearchBarEnabled ? (f(), D(o, {
+function Ca(e, l, t, a, u, r) {
+  const o = S("bento-search-bar"), s = S("all-filters-modal"), n = S("refresh-icon"), d = S("filter-bar-button"), $ = S("fixed-scroller");
+  return p(), K("div", ya, [
+    R("div", ma, [
+      e.isSearchBarEnabled || e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? (p(), K("div", _a, [
+        e.isSearchBarEnabled ? (p(), I(o, {
           key: 0,
           class: "b-filter-bar__search-bar",
           "input-field-aria-label": e.searchBarAriaLabel,
@@ -2508,51 +2656,51 @@ function ya(e, t, n, l, i, d) {
           condensed: "",
           onInput: e.onSearchbarInput,
           onClear: e.onSearchbarClear
-        }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : j("", !0),
-        e.hasHiddenFilters ? (f(), D(s, {
+        }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : Y("", !0),
+        e.hasHiddenFilters ? (p(), I(s, {
           key: 1,
           class: "b-filter-bar__all-filters-modal",
           value: e.valueAndFilterValuesPropsMerged,
           onInput: e.updateAllFilters
-        }, null, 8, ["value", "onInput"])) : j("", !0),
-        Ce(B(r, {
+        }, null, 8, ["value", "onInput"])) : Y("", !0),
+        Te(A(d, {
           class: "b-filter-bar__clear-all",
           onClick: e.clearAllFilters
         }, {
-          iconLeft: p(() => [
-            B(a, { "aria-hidden": "true" })
+          iconLeft: y(() => [
+            A(n, { "aria-hidden": "true" })
           ]),
-          default: p(() => [
-            K(M(e.$t("clearAll")) + " ", 1)
+          default: y(() => [
+            q(N(e.$t("clearAll")) + " ", 1)
           ]),
           _: 1
         }, 8, ["onClick"]), [
-          [$e, e.isClearAllVisible]
+          [Ee, e.isClearAllVisible]
         ]),
-        Ce(B(r, {
+        Te(A(d, {
           class: "b-filter-bar__reset-all",
           onClick: e.resetAllFilters
         }, {
-          iconLeft: p(() => [
-            B(a, { "aria-hidden": "true" })
+          iconLeft: y(() => [
+            A(n, { "aria-hidden": "true" })
           ]),
-          default: p(() => [
-            K(M(e.$t("resetAll")) + " ", 1)
+          default: y(() => [
+            q(N(e.$t("resetAll")) + " ", 1)
           ]),
           _: 1
         }, 8, ["onClick"]), [
-          [$e, e.isResetAllVisible]
+          [Ee, e.isResetAllVisible]
         ])
-      ])) : j("", !0),
-      L("div", ba, [
-        L("div", fa, [
-          B(S, {
+      ])) : Y("", !0),
+      R("div", ha, [
+        R("div", Fa, [
+          A($, {
             class: "b-filter-bar__fixed-scroller",
             condensed: ""
           }, {
-            default: p(() => [
-              L("div", va, [
-                e.isSearchBarEnabled ? (f(), D(o, {
+            default: y(() => [
+              R("div", ga, [
+                e.isSearchBarEnabled ? (p(), I(o, {
                   key: 0,
                   class: "b-filter-bar__search-bar",
                   "input-field-aria-label": e.searchBarAriaLabel,
@@ -2560,8 +2708,8 @@ function ya(e, t, n, l, i, d) {
                   condensed: "",
                   onInput: e.onSearchbarInput,
                   onClear: e.onSearchbarClear
-                }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : j("", !0),
-                e.persistentFilters.length ? (f(!0), H(ye, { key: 1 }, me(e.persistentFilters, (F) => (f(), D(Ie(F.type), {
+                }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : Y("", !0),
+                e.persistentFilters.length ? (p(!0), K(Be, { key: 1 }, de(e.persistentFilters, (F) => (p(), I(Re(F.type), {
                   key: F.field,
                   field: F.field,
                   label: F.label,
@@ -2569,8 +2717,8 @@ function ya(e, t, n, l, i, d) {
                   value: F.value,
                   "default-value": F.defaultValue,
                   onUpdate: e.updateFilterHandler
-                }, null, 40, ["field", "label", "options", "value", "default-value", "onUpdate"]))), 128)) : j("", !0),
-                (f(!0), H(ye, null, me(e.regularFilters, (F) => (f(), D(Ie(F.type), {
+                }, null, 40, ["field", "label", "options", "value", "default-value", "onUpdate"]))), 128)) : Y("", !0),
+                (p(!0), K(Be, null, de(e.regularFilters, (F) => (p(), I(Re(F.type), {
                   key: F.field,
                   field: F.field,
                   label: F.label,
@@ -2583,51 +2731,51 @@ function ya(e, t, n, l, i, d) {
             _: 1
           })
         ]),
-        e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? (f(), H("div", pa, [
-          e.hasHiddenFilters ? (f(), D(s, {
+        e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? (p(), K("div", Sa, [
+          e.hasHiddenFilters ? (p(), I(s, {
             key: 0,
             class: "b-filter-bar__all-filters-modal",
             value: e.valueAndFilterValuesPropsMerged,
             onInput: e.updateAllFilters
-          }, null, 8, ["value", "onInput"])) : j("", !0),
-          Ce(B(r, {
+          }, null, 8, ["value", "onInput"])) : Y("", !0),
+          Te(A(d, {
             class: "b-filter-bar__clear-all",
             onClick: e.clearAllFilters
           }, {
-            iconLeft: p(() => [
-              B(a, { "aria-hidden": "true" })
+            iconLeft: y(() => [
+              A(n, { "aria-hidden": "true" })
             ]),
-            default: p(() => [
-              K(M(e.$t("clearAll")) + " ", 1)
+            default: y(() => [
+              q(N(e.$t("clearAll")) + " ", 1)
             ]),
             _: 1
           }, 8, ["onClick"]), [
-            [$e, e.isClearAllVisible]
+            [Ee, e.isClearAllVisible]
           ]),
-          Ce(B(r, {
+          Te(A(d, {
             class: "b-filter-bar__reset-all",
             onClick: e.resetAllFilters
           }, {
-            iconLeft: p(() => [
-              B(a, { "aria-hidden": "true" })
+            iconLeft: y(() => [
+              A(n, { "aria-hidden": "true" })
             ]),
-            default: p(() => [
-              K(M(e.$t("resetAll")) + " ", 1)
+            default: y(() => [
+              q(N(e.$t("resetAll")) + " ", 1)
             ]),
             _: 1
           }, 8, ["onClick"]), [
-            [$e, e.isResetAllVisible]
+            [Ee, e.isResetAllVisible]
           ])
-        ])) : j("", !0)
+        ])) : Y("", !0)
       ])
     ])
   ]);
 }
-const tn = /* @__PURE__ */ z(ra, [["render", ya], ["__scopeId", "data-v-87728fdf"]]);
+const un = /* @__PURE__ */ G(va, [["render", Ca], ["__scopeId", "data-v-7ae4cbf4"]]);
 export {
-  tn as BentoFilterBar,
-  Se as BentoFilterBarEvent,
+  un as BentoFilterBar,
+  Ae as BentoFilterBarEvent,
   m as BentoFilterEvent,
-  Q as BentoFilterItemType
+  x as BentoFilterItemType
 };
 //# sourceMappingURL=filter-bar.js.map