@adyen/bento-vue3 1.78.1 → 1.79.0

package/dist/chunks/{filter-bar.CvSdAVYh.js → filter-bar.B9yGivxl.js}

@@ -1,40 +1,41 @@
-import { defineComponent as Q, useSlots as Ve, useAttrs as Ot, computed as b, ref as V, createBlock as w, openBlock as F, unref as I, normalizeClass as de, withCtx as D, createElementVNode as W, renderSlot as ce, createCommentVNode as Z, createVNode as R, createTextVNode as X, toDisplayString as x, watch as ie, createElementBlock as G, withDirectives as Rt, withKeys as me, nextTick as rt, toRef as te, onBeforeUpdate as Ne, provide as ut, mergeProps as re, resolveComponent as N, Fragment as $e, reactive as wt, createSlots as Pe, renderList as ye, normalizeProps as Re, guardReactiveProps as we, onMounted as dt, resolveDynamicComponent as Oe } from "vue";
-import { B as ke, b as Ae } from "./search-bar.BmNEcy0L.js";
-import { u as kt } from "./use-bento-toast-controller.Kri_h7jS.js";
+import { defineComponent as Q, useSlots as Ve, useAttrs as Ot, computed as b, ref as V, createBlock as w, openBlock as g, unref as _, normalizeClass as de, withCtx as D, createElementVNode as W, renderSlot as ce, createCommentVNode as Z, createVNode as R, createTextVNode as X, toDisplayString as x, watch as se, createElementBlock as G, withDirectives as Rt, withKeys as me, nextTick as rt, toRef as te, onBeforeUpdate as Ne, provide as ut, mergeProps as re, resolveComponent as N, Fragment as $e, reactive as wt, createSlots as Pe, renderList as ye, normalizeProps as Re, guardReactiveProps as we, onMounted as dt, resolveDynamicComponent as Oe } from "vue";
+import { B as ke, b as Ae } from "./search-bar.BwrFcw9L.js";
+import { u as kt } from "./use-bento-toast-controller.DK1PV3YW.js";
 import { u as pe } from "./index.pdBj0KQU.js";
 import { k as Vt } from "./index.E60QniEu.js";
 import { F as ct } from "./fixed-scroller.Dmg8r9QP.js";
-import { _ as Nt } from "./modal.vue_vue_type_script_setup_true_lang.c3Ma1oAL.js";
+import { _ as Nt } from "./modal.vue_vue_type_script_setup_true_lang.BYqbdsty.js";
 import { B as Mt } from "./button.DhcxX2GJ.js";
-import { B as Ht } from "./radio-group.Br-N309Y.js";
+import { B as Ht } from "./radio-group.CVDDBCP4.js";
 import { t as Ce } from "./truncate.BfIl_-71.js";
-import { u as jt, d as pt, h as qt, I as Kt, k as Jt, B as Yt } from "./button-actions.BQ3AFQqt.js";
-import { b as zt } from "./tooltip.Dp9_ESm_.js";
+import { u as jt, g as qt, I as Kt, h as Jt, B as Yt } from "./button-actions.Bg38lywL.js";
+import { b as zt } from "./tooltip.CeX5eGnw.js";
 import { _ as le } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { g as qe } from "./generate-uid.NJ8tVoha.js";
+import { B as pt } from "./teleport.CHhznja1.js";
 import { C as Wt } from "./cross-small.n1UO5wNB.js";
 import { B as bt, a as Ge } from "./base-button.BYhf0xf3.js";
 import { B as ve, d as Ke } from "./typography.yBEME_Gu.js";
 import { u as ft } from "./use-has-slot.B7eQSabc.js";
 import { u as vt } from "./aria-label.CaUURpnB.js";
 import { g as mt } from "./get-slot-text.CQRAP2_q.js";
-import { B as Je } from "./input-field.B6nL7d8O.js";
-import { u as Ye, B as Gt } from "./dropdown.CdsjtT9_.js";
+import { B as Je } from "./input-field.C9ABE4cI.js";
+import { u as Ye, B as Gt } from "./dropdown.B5tPWVxg.js";
 import { g as Zt } from "./focus-trap.CpNGD7PH.js";
 import { C as Qt } from "./chevron-up.kfuLRpZb.js";
 import { C as Xt } from "./chevron-down.DCQ6ZLaq.js";
 /* empty css              */
-import { B as ze } from "./divider.DnKNNyWB.js";
-import { c as Ze, b as xt } from "./use-cached-selected-values.8MdrR9wt.js";
-import { L as yt } from "./listbox-option-tag.Cwe9Bn-R.js";
-import { B as el } from "./payment-method.D6PeTYWq.js";
+import { B as ze } from "./divider.Dho4_hQ7.js";
+import { c as Ze, b as xt } from "./use-cached-selected-values.os3Yp7Tw.js";
+import { L as yt } from "./listbox-option-tag.C1cZs38g.js";
+import { B as el } from "./payment-method.CExDsirg.js";
 import { u as tl } from "./use-country-items.Dzbl2UsO.js";
 import { B as ll } from "./avatar.P2Fkz2I6.js";
-import { D as al, B as ol, i as He, a as nl } from "./date-range-picker.CXeFdxAA.js";
-import { g as ht } from "./differenceInMonths.C8FyCrav.js";
+import { D as al, B as ol, i as He, a as nl } from "./date-range-picker.BPZE6r01.js";
+import { g as ht } from "./differenceInMonths.Cab3nOsb.js";
 import { D as Qe } from "./date-format.B8RU7D42.js";
-import { b as sl, f as ge, i as il } from "./calendar.Tm7Cvpwu.js";
-import { B as rl } from "./date-picker.x9GeC_UO.js";
+import { b as sl, f as ge, i as il } from "./calendar.CyJXcMz2.js";
+import { B as rl } from "./date-picker.C3BH0Bsr.js";
 import { R as Xe } from "./refresh.BB4ouvz_.js";
 import "../assets/filter-bar.css";
 const ul = { class: "b-filter-bar-button__container" }, dl = { class: "b-filter-bar-button__label-container" }, cl = {}, pl = /* @__PURE__ */ Q({
@@ -71,35 +72,35 @@ const ul = { class: "b-filter-bar-button__container" }, dl = { class: "b-filter-
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = Ve(), o = Ot(), u = ft(t), a = b(() => t.default ? mt(t)("default") : null), i = b(() => !u("default") && u("iconLeft")), f = vt({ ariaLabel: a }), p = V(null), C = b(() => {
-      var P;
+    const l = e, s = n, t = Ve(), o = Ot(), r = ft(t), a = b(() => t.default ? mt(t)("default") : null), i = b(() => !r("default") && r("iconLeft")), f = vt({ ariaLabel: a }), p = V(null), C = b(() => {
+      var T;
       return {
-        "aria-controls": (P = o["aria-controls"]) == null ? void 0 : P.toString()
+        "aria-controls": (T = o["aria-controls"]) == null ? void 0 : T.toString()
       };
-    }), _ = b(
+    }), $ = b(
       () => (l.appliedFiltersCount || l.secondaryLabel || l.isPersistentFilter) && !l.noAppliedStateStyles
-    ), r = b(() => ({
-      "b-filter-bar-button--applied": _.value,
-      "b-filter-bar-button--filter-open": l.isFilterOpen && !_.value,
-      "b-filter-bar-button--filter-open-applied": l.isFilterOpen && _.value,
+    ), c = b(() => ({
+      "b-filter-bar-button--applied": $.value,
+      "b-filter-bar-button--filter-open": l.isFilterOpen && !$.value,
+      "b-filter-bar-button--filter-open-applied": l.isFilterOpen && $.value,
       "b-filter-bar-button--with-secondary-label": l.secondaryLabel,
       "b-filter-bar-button--with-counter": l.appliedFiltersCount,
       "b-filter-bar-button--icon-only": i.value
-    })), g = (P) => {
-      P.preventDefault(), l.disabled || s("click", P);
+    })), h = (T) => {
+      T.preventDefault(), l.disabled || s("click", T);
     };
-    return (P, $) => (F(), w(I(bt), {
+    return (T, P) => (g(), w(_(bt), {
       ref_key: "filterBarButtonRef",
       ref: p,
-      class: de(["b-filter-bar-button", r.value]),
+      class: de(["b-filter-bar-button", c.value]),
       disabled: e.disabled,
-      "aria-label": I(f),
+      "aria-label": _(f),
       "aria-controls": C.value["aria-controls"],
       type: "button",
-      onClick: g
+      onClick: h
     }, {
       iconRight: D(() => [
-        e.appliedFiltersCount && !i.value ? (F(), w(I(ve), {
+        e.appliedFiltersCount && !i.value ? (g(), w(_(ve), {
           key: 0,
           class: "b-filter-bar-button__counter",
           el: "span",
@@ -114,9 +115,9 @@ const ul = { class: "b-filter-bar-button__container" }, dl = { class: "b-filter-
       ]),
       default: D(() => [
         W("div", ul, [
-          I(u)("iconLeft") ? ce(P.$slots, "iconLeft", { key: 0 }, void 0, !0) : Z("", !0),
+          _(r)("iconLeft") ? ce(T.$slots, "iconLeft", { key: 0 }, void 0, !0) : Z("", !0),
           W("div", dl, [
-            R(I(ve), {
+            R(_(ve), {
               el: "span",
               variant: "body",
               stronger: "",
@@ -124,16 +125,16 @@ const ul = { class: "b-filter-bar-button__container" }, dl = { class: "b-filter-
             }, {
               default: D(() => [
                 W("span", null, [
-                  ce(P.$slots, "default", {}, void 0, !0)
+                  ce(T.$slots, "default", {}, void 0, !0)
                 ]),
-                e.secondaryLabel && !i.value ? (F(), w(I(ve), {
+                e.secondaryLabel && !i.value ? (g(), w(_(ve), {
                   key: 0,
                   el: "span",
                   variant: "body",
                   stronger: "",
                   class: "b-filter-bar-button__label"
                 }, {
-                  default: D(() => $[0] || ($[0] = [
+                  default: D(() => P[0] || (P[0] = [
                     X(":")
                   ])),
                   _: 1
@@ -141,7 +142,7 @@ const ul = { class: "b-filter-bar-button__container" }, dl = { class: "b-filter-
               ]),
               _: 3
             }),
-            e.secondaryLabel && !i.value ? (F(), w(I(ve), {
+            e.secondaryLabel && !i.value ? (g(), w(_(ve), {
               key: 0,
               el: "span",
               variant: "body",
@@ -159,21 +160,21 @@ const ul = { class: "b-filter-bar-button__container" }, dl = { class: "b-filter-
       _: 3
     }, 8, ["class", "disabled", "aria-label", "aria-controls"]));
   }
-}), Ee = /* @__PURE__ */ le(pl, [["__scopeId", "data-v-3556e231"]]);
-var A = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(A || {}), Se = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", e))(Se || {}), se = /* @__PURE__ */ ((e) => (e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", e.INPUT = "BentoInputFilter", e.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", e.SELECT = "BentoSelectFilter", e.SELECT_AVATAR = "BentoSelectAvatarFilter", e.SELECT_COUNTRY = "BentoSelectCountryFilter", e.SELECT_CURRENCY = "BentoSelectCurrencyFilter", e.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", e.SELECT_TAG = "BentoSelectTagFilter", e.DATE = "BentoDateFilter", e.DATE_RANGE = "BentoDateRangeFilter", e))(se || {});
+}), Ue = /* @__PURE__ */ le(pl, [["__scopeId", "data-v-3556e231"]]);
+var A = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(A || {}), Se = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", e))(Se || {}), ie = /* @__PURE__ */ ((e) => (e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", e.INPUT = "BentoInputFilter", e.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", e.SELECT = "BentoSelectFilter", e.SELECT_AVATAR = "BentoSelectAvatarFilter", e.SELECT_COUNTRY = "BentoSelectCountryFilter", e.SELECT_CURRENCY = "BentoSelectCurrencyFilter", e.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", e.SELECT_TAG = "BentoSelectTagFilter", e.DATE = "BentoDateFilter", e.DATE_RANGE = "BentoDateRangeFilter", e))(ie || {});
 const xe = 430, et = 700;
 function bl(e, n) {
   const l = V("div"), s = V(!1), t = V(0), o = b(() => !(t.value < xe && n.value.small === "multi-line"));
-  function u() {
+  function r() {
     s.value = !1, l.value = "div";
   }
   function a() {
     s.value = !0, l.value = ct;
   }
   function i() {
-    t.value > et || t.value < et && t.value >= xe && n.value.medium === "multi-line" ? u() : a();
+    t.value > et || t.value < et && t.value >= xe && n.value.medium === "multi-line" ? r() : a();
   }
-  return ie(() => n.value, i), Vt(e, (f) => {
+  return se(() => n.value, i), Vt(e, (f) => {
     t.value = f[0].contentRect.width, i();
   }), {
     screenLayoutComponent: l,
@@ -193,7 +194,7 @@ const fl = {}, vl = /* @__PURE__ */ Q({
       "b-filter-bar-button-group--active": n.isActive,
       "b-filter-bar-button-group--grouped": !n.skipGrouping
     }));
-    return (s, t) => (F(), G("div", {
+    return (s, t) => (g(), G("div", {
       class: de(["b-filter-bar-button-group", l.value])
     }, [
       ce(s.$slots, "default", {}, void 0, !0)
@@ -255,31 +256,31 @@ const Ft = {
     ne.CANCEL
   ],
   setup(e, { expose: n, emit: l }) {
-    const s = l, t = e, { t: o } = pe({ messages: Ft }), u = qe("base-filter-popover"), a = V(!1), i = V(null), f = V(null), p = b(() => t.defaultValue !== null), C = b(() => p.value ? JSON.stringify(t.value) !== JSON.stringify(t.defaultValue) : t.appliedFiltersCount || t.buttonSecondaryLabel), _ = b(() => {
-      let T = t.buttonSecondaryLabel ? `: ${t.buttonSecondaryLabel}` : "";
-      return t.appliedFiltersCount && (T = `: ${o("numberSelected", { numberOfItemsSelected: t.appliedFiltersCount })}`), (p.value ? t.label : g.value) + T;
-    }), r = b(
+    const s = l, t = e, { t: o } = pe({ messages: Ft }), r = qe("base-filter-popover"), a = V(!1), i = V(null), f = V(null), p = b(() => t.defaultValue !== null), C = b(() => p.value ? JSON.stringify(t.value) !== JSON.stringify(t.defaultValue) : t.appliedFiltersCount || t.buttonSecondaryLabel), $ = b(() => {
+      let I = t.buttonSecondaryLabel ? `: ${t.buttonSecondaryLabel}` : "";
+      return t.appliedFiltersCount && (I = `: ${o("numberSelected", { numberOfItemsSelected: t.appliedFiltersCount })}`), (p.value ? t.label : h.value) + I;
+    }), c = b(
       () => p.value ? o("resetFilter", {
-        function: g.value
+        function: h.value
       }) : o("clearFilter", {
-        function: g.value
+        function: h.value
       })
-    ), g = b(() => t.buttonLabel || t.label), P = async () => {
-      var T, S;
-      await rt(), (S = (T = i.value) == null ? void 0 : T.$el) == null || S.focus();
-    }, $ = () => {
-      a.value && (a.value = !1, P(), s(ne.CLOSE));
+    ), h = b(() => t.buttonLabel || t.label), T = async () => {
+      var I, S;
+      await rt(), (S = (I = i.value) == null ? void 0 : I.$el) == null || S.focus();
+    }, P = () => {
+      a.value && (a.value = !1, T(), s(ne.CLOSE));
     }, L = () => {
-      p.value ? s(ne.RESET) : s(ne.CLEAR), P();
+      p.value ? s(ne.RESET) : s(ne.CLEAR), T();
     }, j = () => {
-      $(), L();
-    }, E = () => {
-      a.value ? $() : (a.value = !0, s(ne.OPEN));
+      P(), L();
+    }, U = () => {
+      a.value ? P() : (a.value = !0, s(ne.OPEN));
     }, q = () => {
-      $(), s(ne.APPLY);
-    }, h = () => {
-      $(), s(ne.CANCEL);
-    }, M = () => h(), H = b(() => [
+      P(), s(ne.APPLY);
+    }, F = () => {
+      P(), s(ne.CANCEL);
+    }, M = () => F(), H = b(() => [
       {
         title: o("apply"),
         event: q,
@@ -291,84 +292,84 @@ const Ft = {
         disabled: t.disableSecondaryButton
       }
     ]);
-    return ie(
+    return se(
       () => a.value,
-      (T, S) => {
+      (I, S) => {
         var J, z;
-        !T && S && (z = (J = i.value) == null ? void 0 : J.filterBarButtonRef) != null && z.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+        !I && S && (z = (J = i.value) == null ? void 0 : J.filterBarButtonRef) != null && z.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
     ), jt(f, M, { ignore: [i] }), n({
-      closePopover: $
-    }), (T, S) => T.onlySlot ? (F(), G("div", yl, [
-      ce(T.$slots, "default", {}, void 0, !0)
-    ])) : (F(), G("div", hl, [
-      Rt((F(), w(ml, {
+      closePopover: P
+    }), (I, S) => I.onlySlot ? (g(), G("div", yl, [
+      ce(I.$slots, "default", {}, void 0, !0)
+    ])) : (g(), G("div", hl, [
+      Rt((g(), w(ml, {
         "is-active": a.value,
         "skip-grouping": !C.value
       }, {
         default: D(() => [
-          R(I(Ee), {
+          R(_(Ue), {
             ref_key: "filterButtonRef",
             ref: i,
-            "aria-label": _.value,
-            "aria-controls": a.value ? I(u) : null,
-            "applied-filters-count": T.appliedFiltersCount,
-            disabled: T.disabled,
+            "aria-label": $.value,
+            "aria-controls": a.value ? _(r) : null,
+            "applied-filters-count": I.appliedFiltersCount,
+            disabled: I.disabled,
             "is-persistent-filter": p.value,
             "is-filter-open": a.value,
-            "secondary-label": T.buttonSecondaryLabel,
-            onClick: E,
-            onKeydown: me($, ["esc"])
+            "secondary-label": I.buttonSecondaryLabel,
+            onClick: U,
+            onKeydown: me(P, ["esc"])
           }, {
             default: D(() => [
-              X(x(g.value), 1)
+              X(x(h.value), 1)
             ]),
             _: 1
           }, 8, ["aria-label", "aria-controls", "applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label"]),
-          C.value ? (F(), w(I(Ee), {
+          C.value ? (g(), w(_(Ue), {
             key: 0,
-            "applied-filters-count": T.appliedFiltersCount,
-            disabled: T.disabled,
+            "applied-filters-count": I.appliedFiltersCount,
+            disabled: I.disabled,
             "is-persistent-filter": p.value,
             "is-filter-open": a.value,
-            "secondary-label": T.buttonSecondaryLabel,
+            "secondary-label": I.buttonSecondaryLabel,
             onClick: L
           }, {
             iconLeft: D(() => [
-              R(I(Wt), { "svg-title": r.value }, null, 8, ["svg-title"])
+              R(_(Wt), { "svg-title": c.value }, null, 8, ["svg-title"])
             ]),
             _: 1
           }, 8, ["applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label"])) : Z("", !0)
         ]),
         _: 1
       }, 8, ["is-active", "skip-grouping"])), [
-        [I(zt), T.tooltipText, T.tooltipPosition]
+        [_(zt), I.tooltipText, I.tooltipPosition]
       ]),
-      i.value ? (F(), w(pt, { key: 0 }, {
+      i.value ? (g(), w(pt, { key: 0 }, {
         default: D(() => [
-          i.value ? (F(), w(qt, {
+          i.value ? (g(), w(qt, {
             key: 0,
-            id: I(u),
+            id: _(r),
             ref_key: "popoverRef",
             ref: f,
             class: "b-base-filter__popover",
             divider: "",
             open: a.value,
-            actions: T.controlled ? null : H.value,
+            actions: I.controlled ? null : H.value,
             "actions-layout": "space-between",
             "target-element": i.value,
-            title: T.controlled ? null : T.label,
-            "fit-content": T.fitContent,
+            title: I.controlled ? null : I.label,
+            "fit-content": I.fitContent,
             position: "bottom-start",
-            "without-space": T.controlled,
+            "without-space": I.controlled,
             "fallback-position": ["bottom-end"],
             "overflow-visible": ""
           }, {
             default: D(() => [
               W("div", {
-                onKeydown: me(h, ["esc"])
+                onKeydown: me(F, ["esc"])
               }, [
-                ce(T.$slots, "default", {}, void 0, !0)
+                ce(I.$slots, "default", {}, void 0, !0)
               ], 32)
             ]),
             _: 3
@@ -380,7 +381,7 @@ const Ft = {
   }
 }), Be = /* @__PURE__ */ le(gl, [["__scopeId", "data-v-0b7847c0"]]), Sl = (e) => e instanceof Array, tt = (e) => Sl(e) ? e.length === 0 || e.every((n) => n === "") : !e, lt = (e, n) => JSON.stringify(e) === JSON.stringify(n), he = (e, n) => {
   const l = V(e.value);
-  ie(
+  se(
     () => e.value,
     () => {
       l.value = e.value;
@@ -409,8 +410,8 @@ const Ft = {
   },
   emits: ["input", "update"],
   setup(e, { emit: n }) {
-    var H, T;
-    const l = e, s = n, t = V(null), o = V((T = (H = l == null ? void 0 : l.options) == null ? void 0 : H.dropdown) == null ? void 0 : T.value), u = b(
+    var H, I;
+    const l = e, s = n, t = V(null), o = V((I = (H = l == null ? void 0 : l.options) == null ? void 0 : H.dropdown) == null ? void 0 : I.value), r = b(
       () => {
         var S, J;
         return ((S = l == null ? void 0 : l.options) == null ? void 0 : S.variant) === "dropdown" && ((J = l == null ? void 0 : l.options) == null ? void 0 : J.dropdown) !== void 0;
@@ -418,7 +419,7 @@ const Ft = {
     ), a = b(
       () => {
         var S;
-        return u.value ? { ...(S = l == null ? void 0 : l.options) == null ? void 0 : S.dropdown, value: o.value } : void 0;
+        return r.value ? { ...(S = l == null ? void 0 : l.options) == null ? void 0 : S.dropdown, value: o.value } : void 0;
       }
     ), i = b(() => {
       var S;
@@ -426,40 +427,40 @@ const Ft = {
     }), f = b(
       () => {
         var S;
-        return u.value ? (S = l.value) == null ? void 0 : S.inputValue : l == null ? void 0 : l.value;
+        return r.value ? (S = l.value) == null ? void 0 : S.inputValue : l == null ? void 0 : l.value;
       }
-    ), { internalFilterValue: p, isSecondaryButtonDisabled: C, isApplyButtonDisabled: _ } = he(
+    ), { internalFilterValue: p, isSecondaryButtonDisabled: C, isApplyButtonDisabled: $ } = he(
       f,
       te(l, "defaultValue")
-    ), r = b(() => l.label), g = b(() => Ce(f.value, 12)), P = b(() => ({
+    ), c = b(() => l.label), h = b(() => Ce(f.value, 12)), T = b(() => ({
       "b-input-filter--only-slot": l.onlySlot
     }));
     Ne(() => {
       p.value === "" && (p.value = null);
-    }), ie(t, () => {
+    }), se(t, () => {
       var S;
       (S = t.value) == null || S.focusInput();
     });
-    const $ = () => {
+    const P = () => {
       p.value = f.value;
     }, L = () => {
       !p.value && l.defaultValue !== null && (p.value = l.defaultValue), s("update", {
         ...l,
-        value: u.value ? {
+        value: r.value ? {
           inputValue: p.value,
           dropdownValue: o.value
         } : p.value
       });
-    }, j = () => s("update", { ...l, value: l.defaultValue }), E = () => {
+    }, j = () => s("update", { ...l, value: l.defaultValue }), U = () => {
       p.value = null, L();
     }, q = () => {
       s("input", { ...l, value: p.value });
-    }, h = (S) => {
+    }, F = (S) => {
       p.value = S;
     }, M = (S) => {
       o.value = S;
     };
-    return ut(Kt, u.value), ie(
+    return ut(Kt, r.value), se(
       () => l.options,
       () => {
         var S, J, z;
@@ -481,40 +482,40 @@ const Ft = {
       { immediate: !0 }
     ), (S, J) => {
       var z, ee;
-      return F(), w(I(Be), re(S.$props, {
-        "button-label": r.value,
-        "button-secondary-label": g.value,
-        "disable-apply-button": I(_),
-        "disable-secondary-button": I(C),
+      return g(), w(_(Be), re(S.$props, {
+        "button-label": c.value,
+        "button-secondary-label": h.value,
+        "disable-apply-button": _($),
+        "disable-secondary-button": _(C),
         "only-slot": S.onlySlot,
-        "popover-overflow-visible": u.value,
+        "popover-overflow-visible": r.value,
         "tooltip-position": (z = S.options) == null ? void 0 : z.tooltipPosition,
         "tooltip-text": (ee = S.options) == null ? void 0 : ee.tooltipText,
         onApply: L,
-        onClear: E,
-        onOpen: $,
+        onClear: U,
+        onOpen: P,
         onReset: j
       }), {
         default: D(() => {
           var B, v;
           return [
             W("div", {
-              class: de(["b-input-filter", P.value]),
+              class: de(["b-input-filter", T.value]),
               onKeydown: me(L, ["enter"]),
               onInput: q
             }, [
-              R(I(Je), {
+              R(_(Je), {
                 ref_key: "inputTextRef",
                 ref: t,
                 dropdown: a.value,
                 "dropdown-position": (B = S.options) == null ? void 0 : B.dropdownPosition,
                 placeholder: (v = S.options) == null ? void 0 : v.placeholder,
                 variant: i.value,
-                value: I(p),
+                "model-value": _(p),
                 disabled: S.disabled,
-                onInput: h,
+                "onUpdate:modelValue": F,
                 onDropdownInput: M
-              }, null, 8, ["dropdown", "dropdown-position", "placeholder", "variant", "value", "disabled"])
+              }, null, 8, ["dropdown", "dropdown-position", "placeholder", "variant", "model-value", "disabled"])
             ], 34)
           ];
         }),
@@ -522,7 +523,7 @@ const Ft = {
       }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "popover-overflow-visible", "tooltip-position", "tooltip-text"]);
     };
   }
-}), gt = /* @__PURE__ */ le(Bl, [["__scopeId", "data-v-cfef2e49"]]), Dl = {
+}), gt = /* @__PURE__ */ le(Bl, [["__scopeId", "data-v-57f2a128"]]), Dl = {
   name: "bento-input-with-dropdown-filter"
 }, Al = /* @__PURE__ */ Q({
   ...Dl,
@@ -537,84 +538,84 @@ const Ft = {
   },
   emits: [A.INPUT, A.UPDATE],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = V(null), { internalFilterValue: o, isSecondaryButtonDisabled: u, isApplyButtonDisabled: a } = he(te(l, "value"), te(l, "defaultValue")), i = b(() => l.label), f = b(() => {
-      var h;
-      return Ce((h = l.value) == null ? void 0 : h.inputValue, 12);
+    const l = e, s = n, t = V(null), { internalFilterValue: o, isSecondaryButtonDisabled: r, isApplyButtonDisabled: a } = he(te(l, "value"), te(l, "defaultValue")), i = b(() => l.label), f = b(() => {
+      var F;
+      return Ce((F = l.value) == null ? void 0 : F.inputValue, 12);
     }), p = b(
       () => {
-        var h, M, H, T, S;
-        return ((h = o.value) == null ? void 0 : h.dropdownValue) ?? ((H = (M = l.options) == null ? void 0 : M.dropdown) == null ? void 0 : H.modelValue) ?? ((S = (T = l.options) == null ? void 0 : T.dropdown) == null ? void 0 : S.value);
+        var F, M, H, I, S;
+        return ((F = o.value) == null ? void 0 : F.dropdownValue) ?? ((H = (M = l.options) == null ? void 0 : M.dropdown) == null ? void 0 : H.modelValue) ?? ((S = (I = l.options) == null ? void 0 : I.dropdown) == null ? void 0 : S.value);
       }
     ), C = b(() => {
-      var h;
+      var F;
       return {
-        ...((h = l.options) == null ? void 0 : h.dropdown) || {},
+        ...((F = l.options) == null ? void 0 : F.dropdown) || {},
         modelValue: p.value
       };
-    }), _ = b(() => ({
+    }), $ = b(() => ({
       "b-input-with-dropdown-filter--only-slot": l.onlySlot
-    })), r = b(() => {
+    })), c = b(() => {
       var M;
       return !(!!((M = o.value) != null && M.inputValue) && !!p.value) || a.value;
     });
     Ne(() => {
-      var h;
-      ((h = o.value) == null ? void 0 : h.inputValue) === "" && (o.value = { ...o.value, inputValue: void 0 });
-    }), ie(t, () => {
-      var h;
-      (h = t.value) == null || h.focusInput();
+      var F;
+      ((F = o.value) == null ? void 0 : F.inputValue) === "" && (o.value = { ...o.value, inputValue: void 0 });
+    }), se(t, () => {
+      var F;
+      (F = t.value) == null || F.focusInput();
     });
-    const g = () => {
+    const h = () => {
       o.value = l.value;
-    }, P = () => {
-      var h;
-      !((h = o.value) != null && h.inputValue) && l.defaultValue !== null && (o.value = { ...l.defaultValue }), s(A.UPDATE, {
+    }, T = () => {
+      var F;
+      !((F = o.value) != null && F.inputValue) && l.defaultValue !== null && (o.value = { ...l.defaultValue }), s(A.UPDATE, {
         ...l,
         value: o.value
       });
-    }, $ = () => s(A.UPDATE, { ...l, value: l.defaultValue }), L = () => {
-      o.value = null, P();
+    }, P = () => s(A.UPDATE, { ...l, value: l.defaultValue }), L = () => {
+      o.value = null, T();
     }, j = () => {
       s(A.INPUT, { ...l, value: o.value });
-    }, E = (h) => {
-      o.value = { dropdownValue: p.value, inputValue: h };
-    }, q = (h) => {
-      o.value = { ...o.value, dropdownValue: h };
+    }, U = (F) => {
+      o.value = { dropdownValue: p.value, inputValue: F };
+    }, q = (F) => {
+      o.value = { ...o.value, dropdownValue: F };
     };
-    return ut(Jt, !0), (h, M) => {
-      var H, T;
-      return F(), w(I(Be), re(h.$props, {
+    return ut(Jt, !0), (F, M) => {
+      var H, I;
+      return g(), w(_(Be), re(F.$props, {
         "button-label": i.value,
         "button-secondary-label": f.value,
-        "disable-apply-button": r.value,
-        "disable-secondary-button": I(u),
-        "only-slot": h.onlySlot,
-        "tooltip-position": (H = h.options) == null ? void 0 : H.tooltipPosition,
-        "tooltip-text": (T = h.options) == null ? void 0 : T.tooltipText,
-        onApply: P,
+        "disable-apply-button": c.value,
+        "disable-secondary-button": _(r),
+        "only-slot": F.onlySlot,
+        "tooltip-position": (H = F.options) == null ? void 0 : H.tooltipPosition,
+        "tooltip-text": (I = F.options) == null ? void 0 : I.tooltipText,
+        onApply: T,
         onClear: L,
-        onOpen: g,
-        onReset: $
+        onOpen: h,
+        onReset: P
       }), {
         default: D(() => {
           var S, J;
           return [
             W("div", {
-              class: de(["b-input-with-dropdown-filter", _.value]),
-              onKeydown: me(P, ["enter"]),
+              class: de(["b-input-with-dropdown-filter", $.value]),
+              onKeydown: me(T, ["enter"]),
               onInput: j
             }, [
-              R(I(Je), {
+              R(_(Je), {
                 ref_key: "inputTextRef",
                 ref: t,
                 dropdown: C.value,
-                "dropdown-position": (S = h.options) == null ? void 0 : S.dropdownPosition,
+                "dropdown-position": (S = F.options) == null ? void 0 : S.dropdownPosition,
                 variant: "dropdown",
-                value: (J = I(o)) == null ? void 0 : J.inputValue,
-                disabled: h.disabled,
-                onInput: E,
+                "model-value": (J = _(o)) == null ? void 0 : J.inputValue,
+                disabled: F.disabled,
+                "onUpdate:modelValue": U,
                 onDropdownInput: q
-              }, null, 8, ["dropdown", "dropdown-position", "value", "disabled"])
+              }, null, 8, ["dropdown", "dropdown-position", "model-value", "disabled"])
             ], 34)
           ];
         }),
@@ -622,7 +623,7 @@ const Ft = {
       }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "tooltip-position", "tooltip-text"]);
     };
   }
-}), St = /* @__PURE__ */ le(Al, [["__scopeId", "data-v-30d40e52"]]), Tl = Q({
+}), St = /* @__PURE__ */ le(Al, [["__scopeId", "data-v-db04529c"]]), Tl = Q({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: Be,
@@ -673,50 +674,50 @@ const Ft = {
   },
   emits: [A.INPUT, A.UPDATE],
   setup(e, { emit: n }) {
-    const { locale: l } = pe(void 0), s = ht(), { internalFilterValue: t, isSecondaryButtonDisabled: o, isApplyButtonDisabled: u } = he(
+    const { locale: l } = pe(void 0), s = ht(), { internalFilterValue: t, isSecondaryButtonDisabled: o, isApplyButtonDisabled: r } = he(
       te(e, "value"),
       te(e, "defaultValue")
     ), a = b(
       () => {
-        var $;
+        var P;
         return e.value ? ge(e.value, "dd MMM, yyyy", {
-          locale: s[($ = l.value) == null ? void 0 : $.substring(0, 2)] || s.enUS
+          locale: s[(P = l.value) == null ? void 0 : P.substring(0, 2)] || s.enUS
         }) : null;
       }
     ), i = b(() => e.label), f = b(() => a.value), p = () => {
       n(A.UPDATE, { ...e, value: t.value });
     }, C = () => {
       t.value = null, p();
-    }, _ = () => {
+    }, $ = () => {
       t.value = e.defaultValue, p();
-    }, r = () => {
+    }, c = () => {
       t.value = e.value;
-    }, g = ($) => {
-      t.value = $, n(A.INPUT, { ...e, value: t.value });
+    }, h = (P) => {
+      t.value = P, n(A.INPUT, { ...e, value: t.value });
     };
     return {
       // Values
       internalFilterValue: t,
-      isApplyButtonDisabled: u,
+      isApplyButtonDisabled: r,
       isSecondaryButtonDisabled: o,
       buttonLabel: i,
       buttonSecondaryLabel: f,
       // Events
       clearFilter: C,
-      onDateSelected: g,
-      openFilter: r,
+      onDateSelected: h,
+      openFilter: c,
       updateFilter: p,
-      resetFilter: _,
-      onDateInputSelected: ($) => {
-        t.value = $, g($), p();
+      resetFilter: $,
+      onDateInputSelected: (P) => {
+        t.value = P, h(P), p();
       }
     };
   }
 }), Il = { class: "b-date-filter" };
 function _l(e, n, l, s, t, o) {
   var p, C;
-  const u = N("bento-date-picker"), a = N("bento-divider"), i = N("calendar"), f = N("bento-base-filter");
-  return F(), w(f, {
+  const r = N("bento-date-picker"), a = N("bento-divider"), i = N("calendar"), f = N("bento-base-filter");
+  return g(), w(f, {
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
     disabled: e.disabled,
@@ -735,22 +736,22 @@ function _l(e, n, l, s, t, o) {
     onReset: e.resetFilter
   }, {
     default: D(() => {
-      var _, r, g, P, $, L;
+      var $, c, h, T, P, L;
       return [
-        e.onlySlot ? (F(), w(u, {
+        e.onlySlot ? (g(), w(r, {
           key: 0,
           value: e.internalFilterValue,
-          "first-day-of-week": (_ = e.options) == null ? void 0 : _.firstDayOfWeek,
-          "is-date-disabled": (r = e.options) == null ? void 0 : r.isDateDisabled,
-          variant: (g = e.options) == null ? void 0 : g.variant,
+          "first-day-of-week": ($ = e.options) == null ? void 0 : $.firstDayOfWeek,
+          "is-date-disabled": (c = e.options) == null ? void 0 : c.isDateDisabled,
+          variant: (h = e.options) == null ? void 0 : h.variant,
           disabled: e.disabled,
           onInput: e.onDateInputSelected
-        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "variant", "disabled", "onInput"])) : (F(), G($e, { key: 1 }, [
+        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "variant", "disabled", "onInput"])) : (g(), G($e, { key: 1 }, [
           R(a, { class: "b-date-filter__divider" }),
           W("div", Il, [
             R(i, {
-              "first-day-of-week": (P = e.options) == null ? void 0 : P.firstDayOfWeek,
-              "is-date-disabled": ($ = e.options) == null ? void 0 : $.isDateDisabled,
+              "first-day-of-week": (T = e.options) == null ? void 0 : T.firstDayOfWeek,
+              "is-date-disabled": (P = e.options) == null ? void 0 : P.isDateDisabled,
               "number-of-months": 1,
               value: e.internalFilterValue,
               variant: (L = e.options) == null ? void 0 : L.variant,
@@ -842,130 +843,130 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
   },
   emits: [A.INPUT, A.UPDATE],
   setup(e, { emit: n }) {
-    var v, d, O, Y;
-    const { locale: l, t: s } = pe({ messages: at }), t = ht(), { internalFilterValue: o, isSecondaryButtonDisabled: u, isApplyButtonDisabled: a } = he(
+    var v, u, O, Y;
+    const { locale: l, t: s } = pe({ messages: at }), t = ht(), { internalFilterValue: o, isSecondaryButtonDisabled: r, isApplyButtonDisabled: a } = he(
       te(e, "value"),
       te(e, "defaultValue")
     ), i = V(!1), f = b(() => {
-      var c;
-      return ((c = e == null ? void 0 : e.options) == null ? void 0 : c.quickSelectRanges) && e.options.quickSelectRanges.map((U) => {
-        const y = U.data.endDate ? void 0 : new Date(Date.now()).getTime() - U.data.startDate.getTime();
+      var d;
+      return ((d = e == null ? void 0 : e.options) == null ? void 0 : d.quickSelectRanges) && e.options.quickSelectRanges.map((E) => {
+        const y = E.data.endDate ? void 0 : new Date(Date.now()).getTime() - E.data.startDate.getTime();
         return {
-          ...U,
+          ...E,
           data: {
-            ...U.data,
+            ...E.data,
             // Adding timeDifference to calculate an up-to-date endDate on range selection
             timeDifference: y
           }
         };
       });
-    }), p = (c) => {
-      var U;
-      return c ? ge(c, Qe.NUMERIC_DATE_YEAR_FIRST, {
-        locale: t[(U = l.value) == null ? void 0 : U.substring(0, 2)] || t.enUS
+    }), p = (d) => {
+      var E;
+      return d ? ge(d, Qe.NUMERIC_DATE_YEAR_FIRST, {
+        locale: t[(E = l.value) == null ? void 0 : E.substring(0, 2)] || t.enUS
       }) : void 0;
-    }, C = (c) => {
-      var U;
-      return c ? ge(c, Qe.HOUR_MINUTE_SECONDS, {
-        locale: t[(U = l.value) == null ? void 0 : U.substring(0, 2)] || t.enUS
+    }, C = (d) => {
+      var E;
+      return d ? ge(d, Qe.HOUR_MINUTE_SECONDS, {
+        locale: t[(E = l.value) == null ? void 0 : E.substring(0, 2)] || t.enUS
       }) : "";
-    }, _ = V(null), r = V(!1), g = wt({
+    }, $ = V(null), c = V(!1), h = wt({
       startDate: p((v = e.value) == null ? void 0 : v.startDate),
-      endDate: p((d = e.value) == null ? void 0 : d.endDate),
+      endDate: p((u = e.value) == null ? void 0 : u.endDate),
       startTime: C((O = e.value) == null ? void 0 : O.startDate),
       endTime: C((Y = e.value) == null ? void 0 : Y.endDate)
     });
-    ie(
+    se(
       () => e.value,
       () => {
-        var c, U, y, m;
-        g.startDate = p((c = e.value) == null ? void 0 : c.startDate), g.endDate = p((U = e.value) == null ? void 0 : U.endDate), g.startTime = C((y = e.value) == null ? void 0 : y.startDate), g.endTime = C((m = e.value) == null ? void 0 : m.endDate);
+        var d, E, y, m;
+        h.startDate = p((d = e.value) == null ? void 0 : d.startDate), h.endDate = p((E = e.value) == null ? void 0 : E.endDate), h.startTime = C((y = e.value) == null ? void 0 : y.startDate), h.endTime = C((m = e.value) == null ? void 0 : m.endDate);
       }
     );
-    function P(c) {
-      return (c == null ? void 0 : c.length) !== void 0;
+    function T(d) {
+      return (d == null ? void 0 : d.length) !== void 0;
     }
-    const $ = (c) => {
-      var U, y, m, k, K, ae, ue, be, fe, Fe;
-      if (!c || !(c != null && c.startDate) && !c.endDate)
+    const P = (d) => {
+      var E, y, m, k, K, ae, ue, be, fe, Fe;
+      if (!d || !(d != null && d.startDate) && !d.endDate)
         return null;
-      if (P((U = e.options) == null ? void 0 : U.quickSelectRanges) && ((m = (y = e.options) == null ? void 0 : y.quickSelectRanges) == null ? void 0 : m.length) > 0) {
-        const Ie = (K = (k = e.options) == null ? void 0 : k.quickSelectRanges) == null ? void 0 : K.find(({ value: Ue, data: oe }) => c ? c.range ? Ue === c.range : !c.startDate || !c.endDate ? !1 : oe != null && oe.endDate ? He(oe == null ? void 0 : oe.startDate, c.startDate) && He(oe == null ? void 0 : oe.endDate, c.endDate) : He(oe == null ? void 0 : oe.startDate, c.startDate) && nl(c.endDate) : !1);
+      if (T((E = e.options) == null ? void 0 : E.quickSelectRanges) && ((m = (y = e.options) == null ? void 0 : y.quickSelectRanges) == null ? void 0 : m.length) > 0) {
+        const Ie = (K = (k = e.options) == null ? void 0 : k.quickSelectRanges) == null ? void 0 : K.find(({ value: Ee, data: oe }) => d ? d.range ? Ee === d.range : !d.startDate || !d.endDate ? !1 : oe != null && oe.endDate ? He(oe == null ? void 0 : oe.startDate, d.startDate) && He(oe == null ? void 0 : oe.endDate, d.endDate) : He(oe == null ? void 0 : oe.startDate, d.startDate) && nl(d.endDate) : !1);
         if (Ie)
           return Ie.label;
       }
-      return !c.startDate || !c.endDate ? null : il(c.startDate, c.endDate) && ((ae = e == null ? void 0 : e.options) != null && ae.allowTimeInput) ? `${ge(c.startDate, "dd MMM, yyyy HH:mm:ss", {
+      return !d.startDate || !d.endDate ? null : il(d.startDate, d.endDate) && ((ae = e == null ? void 0 : e.options) != null && ae.allowTimeInput) ? `${ge(d.startDate, "dd MMM, yyyy HH:mm:ss", {
         locale: t[(ue = l.value) == null ? void 0 : ue.substring(0, 2)] || t.enUS
-      })} - ${ge(c.endDate, "HH:mm:ss", {
+      })} - ${ge(d.endDate, "HH:mm:ss", {
         locale: t[(be = l.value) == null ? void 0 : be.substring(0, 2)] || t.enUS
-      })}` : `${ge(c.startDate, "dd MMM, yyyy", {
+      })}` : `${ge(d.startDate, "dd MMM, yyyy", {
         locale: t[(fe = l.value) == null ? void 0 : fe.substring(0, 2)] || t.enUS
-      })} - ${ge(c.endDate, "dd MMM, yyyy", {
+      })} - ${ge(d.endDate, "dd MMM, yyyy", {
         locale: t[(Fe = l.value) == null ? void 0 : Fe.substring(0, 2)] || t.enUS
       })}`;
-    }, L = V($(e.value)), j = b(() => e.label), E = () => {
-      _.value.closePopover();
-      const { onlySlot: c, ...U } = e;
-      n(A.UPDATE, { ...U, value: o.value });
+    }, L = V(P(e.value)), j = b(() => e.label), U = () => {
+      $.value.closePopover();
+      const { onlySlot: d, ...E } = e;
+      n(A.UPDATE, { ...E, value: o.value });
     }, q = () => {
-      o.value = void 0, E();
-    }, h = () => {
-      o.value = e.defaultValue, E();
+      o.value = void 0, U();
+    }, F = () => {
+      o.value = e.defaultValue, U();
     }, M = () => {
       o.value = e.value;
     }, H = () => {
-      var c, U, y, m;
-      o.value = e.value, i.value = !1, g.startDate = p((c = e.value) == null ? void 0 : c.startDate), g.endDate = p((U = e.value) == null ? void 0 : U.endDate), g.startTime = C((y = e.value) == null ? void 0 : y.startDate), g.endTime = C((m = e.value) == null ? void 0 : m.endDate);
-    }, T = (c) => {
-      i.value = !1, o.value = c, g.startDate = p(c.startDate), g.endDate = p(c.endDate), n(A.INPUT, { ...e, value: o.value });
-    }, S = (c) => {
-      c != null && c.startDate && (c != null && c.endDate) && (o.value = c, g.startDate = p(c.startDate), g.endDate = p(c.endDate), n(A.INPUT, { ...e, value: o.value }));
-    }, J = (c) => {
-      T(c), n(A.INPUT, { ...e, value: o.value });
+      var d, E, y, m;
+      o.value = e.value, i.value = !1, h.startDate = p((d = e.value) == null ? void 0 : d.startDate), h.endDate = p((E = e.value) == null ? void 0 : E.endDate), h.startTime = C((y = e.value) == null ? void 0 : y.startDate), h.endTime = C((m = e.value) == null ? void 0 : m.endDate);
+    }, I = (d) => {
+      i.value = !1, o.value = d, h.startDate = p(d.startDate), h.endDate = p(d.endDate), n(A.INPUT, { ...e, value: o.value });
+    }, S = (d) => {
+      d != null && d.startDate && (d != null && d.endDate) && (o.value = d, h.startDate = p(d.startDate), h.endDate = p(d.endDate), n(A.INPUT, { ...e, value: o.value }));
+    }, J = (d) => {
+      I(d), n(A.INPUT, { ...e, value: o.value });
     }, z = b(
       () => [
         {
           title: s("apply"),
-          event: E,
-          disabled: i.value || r.value || a.value
+          event: U,
+          disabled: i.value || c.value || a.value
         },
         {
           title: e.defaultValue ? s("reset") : s("clear"),
-          event: e.defaultValue ? h : q,
-          disabled: r.value && u.value
+          event: e.defaultValue ? F : q,
+          disabled: c.value && r.value
         }
       ]
     ), ee = () => {
-      r.value = !0, o.value = { startDate: void 0, endDate: void 0 }, n(A.INPUT, { ...e, value: o.value });
-    }, B = (c) => {
-      r.value = !1, c.startTime && (g.startTime = c.startTime), c.endTime && (g.endTime = c.endTime);
+      c.value = !0, o.value = { startDate: void 0, endDate: void 0 }, n(A.INPUT, { ...e, value: o.value });
+    }, B = (d) => {
+      c.value = !1, d.startTime && (h.startTime = d.startTime), d.endTime && (h.endTime = d.endTime);
     };
-    return ie(
+    return se(
       () => e.value,
-      (c) => {
-        L.value = $(c);
+      (d) => {
+        L.value = P(d);
       },
       { deep: !0 }
     ), {
       // Refs
-      baseFilter: _,
+      baseFilter: $,
       // Values
       actions: z,
-      formData: g,
+      formData: h,
       internalFilterValue: o,
       isApplyButtonDisabled: a,
-      isSecondaryButtonDisabled: u,
+      isSecondaryButtonDisabled: r,
       isSelectingDate: i,
       buttonLabel: j,
       buttonSecondaryLabel: L,
       adjustedQuickSelectRanges: f,
       // Events
       onCancel: H,
-      onDateSelected: T,
+      onDateSelected: I,
       openFilter: M,
       clearFilter: q,
-      resetFilter: h,
-      updateFilter: E,
+      resetFilter: F,
+      updateFilter: U,
       onDatePickerRangeError: ee,
       onDatePickerRangeFormDateInputUpdate: B,
       onDateInputSelected: J,
@@ -976,10 +977,10 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
   key: 1,
   class: "b-date-range-filter"
 };
-function El(e, n, l, s, t, o) {
-  var _, r;
-  const u = N("bento-date-range-picker"), a = N("bento-typography"), i = N("bento-divider"), f = N("bento-button-actions"), p = N("date-range-picker-calendar"), C = N("bento-base-filter");
-  return F(), w(C, {
+function Ul(e, n, l, s, t, o) {
+  var $, c;
+  const r = N("bento-date-range-picker"), a = N("bento-typography"), i = N("bento-divider"), f = N("bento-button-actions"), p = N("date-range-picker-calendar"), C = N("bento-base-filter");
+  return g(), w(C, {
     ref: "baseFilter",
     class: "b-base-filter-date-range-filter",
     "button-label": e.buttonLabel,
@@ -992,8 +993,8 @@ function El(e, n, l, s, t, o) {
     field: e.field,
     label: e.label,
     "only-slot": e.onlySlot,
-    "tooltip-position": (_ = e.options) == null ? void 0 : _.tooltipPosition,
-    "tooltip-text": (r = e.options) == null ? void 0 : r.tooltipText,
+    "tooltip-position": ($ = e.options) == null ? void 0 : $.tooltipPosition,
+    "tooltip-text": (c = e.options) == null ? void 0 : c.tooltipText,
     "fit-content": "",
     onOpen: e.openFilter,
     onClear: e.clearFilter,
@@ -1001,26 +1002,26 @@ function El(e, n, l, s, t, o) {
     onCancel: e.onCancel
   }, {
     default: D(() => {
-      var g, P, $, L, j, E, q, h, M, H, T, S, J, z, ee, B, v, d, O, Y, c;
+      var h, T, P, L, j, U, q, F, M, H, I, S, J, z, ee, B, v, u, O, Y, d;
       return [
-        e.onlySlot ? (F(), w(u, {
+        e.onlySlot ? (g(), w(r, {
           key: 0,
-          "allow-time-input": (g = e.options) == null ? void 0 : g.allowTimeInput,
+          "allow-time-input": (h = e.options) == null ? void 0 : h.allowTimeInput,
           "model-value": e.internalFilterValue,
-          "first-day-of-week": (P = e.options) == null ? void 0 : P.firstDayOfWeek,
-          "is-date-disabled": ($ = e.options) == null ? void 0 : $.isDateDisabled,
+          "first-day-of-week": (T = e.options) == null ? void 0 : T.firstDayOfWeek,
+          "is-date-disabled": (P = e.options) == null ? void 0 : P.isDateDisabled,
           "number-of-months": (L = e.options) == null ? void 0 : L.numberOfMonths,
           "quick-select-ranges": (j = e.options) == null ? void 0 : j.quickSelectRanges,
-          variant: (E = e.options) == null ? void 0 : E.variant,
+          variant: (U = e.options) == null ? void 0 : U.variant,
           disabled: e.disabled,
           granularities: (q = e.options) == null ? void 0 : q.granularities,
-          "max-range": (h = e.options) == null ? void 0 : h.maxRange,
+          "max-range": (F = e.options) == null ? void 0 : F.maxRange,
           min: (M = e.options) == null ? void 0 : M.min,
           max: (H = e.options) == null ? void 0 : H.max,
           "date-form-data": e.formData,
-          "show-end-date-on-open": (T = e.options) == null ? void 0 : T.showEndDateOnOpen,
+          "show-end-date-on-open": (I = e.options) == null ? void 0 : I.showEndDateOnOpen,
           "onUpdate:modelValue": e.onDateInputSelected
-        }, null, 8, ["allow-time-input", "model-value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "variant", "disabled", "granularities", "max-range", "min", "max", "date-form-data", "show-end-date-on-open", "onUpdate:modelValue"])) : (F(), G("div", Pl, [
+        }, null, 8, ["allow-time-input", "model-value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "variant", "disabled", "granularities", "max-range", "min", "max", "date-form-data", "show-end-date-on-open", "onUpdate:modelValue"])) : (g(), G("div", Pl, [
           R(p, {
             "allow-time-input": (S = e.options) == null ? void 0 : S.allowTimeInput,
             "first-day-of-week": (J = e.options) == null ? void 0 : J.firstDayOfWeek,
@@ -1028,18 +1029,18 @@ function El(e, n, l, s, t, o) {
             granularities: (ee = e.options) == null ? void 0 : ee.granularities,
             "max-range": (B = e.options) == null ? void 0 : B.maxRange,
             min: (v = e.options) == null ? void 0 : v.min,
-            max: (d = e.options) == null ? void 0 : d.max,
+            max: (u = e.options) == null ? void 0 : u.max,
             "number-of-months": (O = e.options) == null ? void 0 : O.numberOfMonths,
             "quick-select-ranges": e.adjustedQuickSelectRanges,
             value: e.internalFilterValue,
             "date-form-data": e.formData,
             "show-end-date-on-open": (Y = e.options) == null ? void 0 : Y.showEndDateOnOpen,
-            variant: (c = e.options) == null ? void 0 : c.variant,
+            variant: (d = e.options) == null ? void 0 : d.variant,
             onInput: e.onDateSelected,
             onCustomRange: e.onRangeSelectorInput,
             onError: e.onDatePickerRangeError,
             onFormDate: e.onDatePickerRangeFormDateInputUpdate,
-            onStartDateSelected: n[0] || (n[0] = (U) => e.isSelectingDate = !0)
+            onStartDateSelected: n[0] || (n[0] = (E) => e.isSelectingDate = !0)
           }, {
             title: D(() => [
               R(a, {
@@ -1069,7 +1070,7 @@ function El(e, n, l, s, t, o) {
     _: 1
   }, 8, ["button-label", "button-secondary-label", "controlled", "disabled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "tooltip-position", "tooltip-text", "onOpen", "onClear", "onReset", "onCancel"]);
 }
-const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e3901321"]]), Dt = {
+const Bt = /* @__PURE__ */ le($l, [["render", Ul], ["__scopeId", "data-v-e3901321"]]), Dt = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
@@ -1081,7 +1082,7 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
   "pt-BR": {
     all: "Todos"
   }
-}, Ul = { class: "b-select-filter-button__search-bar-wrapper" }, Ll = {
+}, El = { class: "b-select-filter-button__search-bar-wrapper" }, Ll = {
   key: 0,
   class: "b-select-filter-button__search-bar"
 }, Ol = { class: "b-select-filter-button__divider" }, Rl = {
@@ -1141,28 +1142,28 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
   emits: ["input", "update"],
   setup(e, { emit: n }) {
     var ee, B;
-    const l = Ve(), s = n, t = e, { t: o } = pe({ messages: Dt }), u = V(""), a = te(t, "options"), i = V(t.options.listboxItems ?? []), { cachedSelectedListboxOptions: f, setCachedValues: p, resetCache: C } = Ze(
+    const l = Ve(), s = n, t = e, { t: o } = pe({ messages: Dt }), r = V(""), a = te(t, "options"), i = V(t.options.listboxItems ?? []), { cachedSelectedListboxOptions: f, setCachedValues: p, resetCache: C } = Ze(
       i,
       te(t, "value"),
       te(a.value, "multiple")
-    ), { cachedSelectedListboxOptions: _ } = Ze(
+    ), { cachedSelectedListboxOptions: $ } = Ze(
       i,
       te(t, "defaultValue"),
       te(a.value, "multiple")
-    ), { internalFilterValue: r, isSecondaryButtonDisabled: g, isApplyButtonDisabled: P } = he(f, _);
-    ie(a, () => {
+    ), { internalFilterValue: c, isSecondaryButtonDisabled: h, isApplyButtonDisabled: T } = he(f, $);
+    se(a, () => {
       i.value = a.value.listboxItems ?? [];
     });
-    const $ = Ye(
-      u,
+    const P = Ye(
+      r,
       i,
       (B = (ee = t.options) == null ? void 0 : ee.search) == null ? void 0 : B.searchEvent
-    ), L = b(() => o("noFiltersMatchThisSearch")), j = b(() => t.label), E = b(() => {
-      var O, Y, c, U, y;
-      const v = !((O = t == null ? void 0 : t.options) != null && O.multiple) && (t == null ? void 0 : t.value), d = ((Y = t == null ? void 0 : t.options) == null ? void 0 : Y.multiple) && Array.isArray(t.value) && t.value.length === 1;
-      if (v || d) {
-        if ((c = t.options) != null && c.enableValueLabelPair) {
-          const K = ((U = r.value) == null ? void 0 : U.length) > 0 ? r.value[0].label : t.value;
+    ), L = b(() => o("noFiltersMatchThisSearch")), j = b(() => t.label), U = b(() => {
+      var O, Y, d, E, y;
+      const v = !((O = t == null ? void 0 : t.options) != null && O.multiple) && (t == null ? void 0 : t.value), u = ((Y = t == null ? void 0 : t.options) == null ? void 0 : Y.multiple) && Array.isArray(t.value) && t.value.length === 1;
+      if (v || u) {
+        if ((d = t.options) != null && d.enableValueLabelPair) {
+          const K = ((E = c.value) == null ? void 0 : E.length) > 0 ? c.value[0].label : t.value;
           return Ce(K, 12);
         }
         let k = (y = t.options.listboxItems.flatMap((K) => K.items ? K.items : K).find(
@@ -1174,59 +1175,59 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
         return !k && t.value && (k = t.value[0]), Ce(k, 12);
       }
       return null;
-    }), q = b(() => qe(`filter-listbox-${t.field}`)), h = (v) => {
-      var c, U, y;
-      r.value = v;
-      const { onlySlot: d, ...O } = t;
-      if ((c = t.options) != null && c.multiple) {
+    }), q = b(() => qe(`filter-listbox-${t.field}`)), F = (v) => {
+      var d, E, y;
+      c.value = v;
+      const { onlySlot: u, ...O } = t;
+      if ((d = t.options) != null && d.multiple) {
         let m;
-        (U = t.options) != null && U.enableValueLabelPair ? m = v.length ? r.value : null : m = v.length ? r.value.map(({ value: k }) => k) : null, s(A.INPUT, { ...O, value: m });
+        (E = t.options) != null && E.enableValueLabelPair ? m = v.length ? c.value : null : m = v.length ? c.value.map(({ value: k }) => k) : null, s(A.INPUT, { ...O, value: m });
         return;
       }
       let Y;
       (y = t.options) != null && y.enableValueLabelPair ? Y = v.length ? v[0] : null : Y = v.length ? v[0].value : null, s(A.INPUT, { ...O, value: Y });
     }, M = () => {
-      var Y, c, U, y, m, k;
-      const { onlySlot: v, ...d } = t;
+      var Y, d, E, y, m, k;
+      const { onlySlot: v, ...u } = t;
       if (t.options.multiple) {
-        r.value && ((Y = r.value) == null ? void 0 : Y.length) === 0 && (r.value = t.defaultValue !== null ? _.value : void 0);
+        c.value && ((Y = c.value) == null ? void 0 : Y.length) === 0 && (c.value = t.defaultValue !== null ? $.value : void 0);
         let K;
-        (c = t.options) != null && c.enableValueLabelPair ? K = (U = r.value) != null && U.length ? r.value : null : K = (y = r.value) != null && y.length ? (m = r.value) == null ? void 0 : m.map(({ value: ae }) => ae) : null, s(A.UPDATE, {
-          ...d,
+        (d = t.options) != null && d.enableValueLabelPair ? K = (E = c.value) != null && E.length ? c.value : null : K = (y = c.value) != null && y.length ? (m = c.value) == null ? void 0 : m.map(({ value: ae }) => ae) : null, s(A.UPDATE, {
+          ...u,
           value: K
         });
         return;
       }
       let O;
-      (k = t.options) != null && k.enableValueLabelPair ? O = r.value.length ? r.value[0] : void 0 : O = r.value.length ? r.value[0].value : void 0, s(A.UPDATE, { ...d, value: O });
+      (k = t.options) != null && k.enableValueLabelPair ? O = c.value.length ? c.value[0] : void 0 : O = c.value.length ? c.value[0].value : void 0, s(A.UPDATE, { ...u, value: O });
     }, H = () => {
-      var v, d;
-      r.value = f.value, (d = (v = t.options) == null ? void 0 : v.onOpen) == null || d.call(v);
-    }, T = () => {
-      u.value && (u.value = "");
+      var v, u;
+      c.value = f.value, (u = (v = t.options) == null ? void 0 : v.onOpen) == null || u.call(v);
+    }, I = () => {
+      r.value && (r.value = "");
     }, S = () => {
-      p(_.value), r.value = _.value, M();
+      p($.value), c.value = $.value, M();
     }, J = () => {
-      C(), r.value = [], M();
+      C(), c.value = [], M();
     }, z = b(() => {
       var O, Y;
       if (t.value == null || !t.options.multiple)
         return null;
-      const v = (O = t.options.listboxItems) == null ? void 0 : O.reduce((c, U) => {
+      const v = (O = t.options.listboxItems) == null ? void 0 : O.reduce((d, E) => {
         var y;
-        return c += (y = U == null ? void 0 : U.items) != null && y.length ? U.items.length : 1, c;
-      }, 0), d = (Y = t.value) == null ? void 0 : Y.length;
-      return d === 1 ? null : d === v ? o("all") : d;
+        return d += (y = E == null ? void 0 : E.items) != null && y.length ? E.items.length : 1, d;
+      }, 0), u = (Y = t.value) == null ? void 0 : Y.length;
+      return u === 1 ? null : u === v ? o("all") : u;
     });
-    return (v, d) => {
+    return (v, u) => {
       var O, Y;
-      return F(), w(I(Be), {
+      return g(), w(_(Be), {
         "applied-filters-count": z.value,
         "button-label": j.value,
-        "button-secondary-label": E.value,
+        "button-secondary-label": U.value,
         disabled: e.disabled,
-        "disable-apply-button": I(P),
-        "disable-secondary-button": I(g),
+        "disable-apply-button": _(T),
+        "disable-secondary-button": _(h),
         "default-value": e.defaultValue,
         label: e.label,
         field: e.field,
@@ -1238,50 +1239,50 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
         onClear: J,
         onReset: S,
         onOpen: H,
-        onClose: T
+        onClose: I
       }, {
         default: D(() => {
-          var c, U, y, m, k, K, ae, ue, be, fe, Fe, Ie, Ue, oe, We;
+          var d, E, y, m, k, K, ae, ue, be, fe, Fe, Ie, Ee, oe, We;
           return [
-            W("div", Ul, [
-              ((c = e.options) == null ? void 0 : c.dynamicFiltering) ?? !0 ? (F(), G("div", Ll, [
+            W("div", El, [
+              ((d = e.options) == null ? void 0 : d.dynamicFiltering) ?? !0 ? (g(), G("div", Ll, [
                 R(ke, {
-                  "debounce-time": (y = (U = e.options) == null ? void 0 : U.search) == null ? void 0 : y.debounceTime,
-                  value: u.value,
-                  "input-field-aria-label": I(o)("searchFilter", { filter: e.label.toLocaleLowerCase() }),
-                  onInput: d[0] || (d[0] = (Me) => u.value = Me)
+                  "debounce-time": (y = (E = e.options) == null ? void 0 : E.search) == null ? void 0 : y.debounceTime,
+                  value: r.value,
+                  "input-field-aria-label": _(o)("searchFilter", { filter: e.label.toLocaleLowerCase() }),
+                  onInput: u[0] || (u[0] = (Me) => r.value = Me)
                 }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
               ])) : Z("", !0),
               W("div", Ol, [
-                R(I(ze))
+                R(_(ze))
               ])
             ]),
-            R(I(xt), {
+            R(_(xt), {
               id: q.value,
               "aria-label": e.label,
               class: "b-select-filter-button__wrapper",
               "component-loading": (m = e.options) == null ? void 0 : m.loading,
               "empty-state": (k = e.options) == null ? void 0 : k.emptyState,
               "has-more-items": (ae = (K = e.options) == null ? void 0 : K.lazy) == null ? void 0 : ae.hasMoreItems,
-              items: I($),
+              items: _(P),
               "is-option-disabled": (ue = e.options) == null ? void 0 : ue.isOptionDisabled,
               "lazy-load-type": (fe = (be = e.options) == null ? void 0 : be.lazy) == null ? void 0 : fe.lazyLoadType,
               loading: (Ie = (Fe = e.options) == null ? void 0 : Fe.lazy) == null ? void 0 : Ie.loading,
-              multiple: (Ue = e.options) == null ? void 0 : Ue.multiple,
+              multiple: (Ee = e.options) == null ? void 0 : Ee.multiple,
               "static-categories": (oe = e.options) == null ? void 0 : oe.staticCategories,
               "no-results-message": L.value,
-              searching: !!u.value,
-              "selected-value": I(r),
+              searching: !!r.value,
+              "selected-value": _(c),
               "virtual-scroll": (We = e.options) == null ? void 0 : We.virtualScroll,
-              onSelect: h,
-              onSpacePressed: h,
-              onEnterPressed: h,
-              onShowMore: d[1] || (d[1] = (Me) => {
+              onSelect: F,
+              onSpacePressed: F,
+              onEnterPressed: F,
+              onShowMore: u[1] || (u[1] = (Me) => {
                 var _e, Le;
                 return (Le = (_e = e.options) == null ? void 0 : _e.lazy) == null ? void 0 : Le.showMoreEvent();
               })
             }, Pe({ _: 2 }, [
-              ye(I(l), (Me, _e) => ({
+              ye(_(l), (Me, _e) => ({
                 name: _e,
                 fn: D((Le) => [
                   ce(v.$slots, _e, Re(we(Le)), void 0, !0)
@@ -1355,40 +1356,40 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
   },
   emits: ["input", "update"],
   setup(e, { emit: n }) {
-    const { t: l } = pe({ messages: At }), s = Ve(), t = n, o = e, { internalFilterValue: u } = he(te(o, "value"), te(o, "defaultValue")), a = te(o, "options"), i = V(o.options.listboxItems);
-    ie(a, () => {
+    const { t: l } = pe({ messages: At }), s = Ve(), t = n, o = e, { internalFilterValue: r } = he(te(o, "value"), te(o, "defaultValue")), a = te(o, "options"), i = V(o.options.listboxItems);
+    se(a, () => {
       i.value = a.value.listboxItems;
     });
     const f = b(() => l("noFiltersMatchThisSearch")), p = (C) => {
-      u.value = C;
-      const { onlySlot: _, ...r } = o;
-      t(A.INPUT, { ...r, value: u.value });
+      r.value = C;
+      const { onlySlot: $, ...c } = o;
+      t(A.INPUT, { ...c, value: r.value });
     };
-    return (C, _) => {
-      var r, g, P, $, L, j, E;
-      return F(), w(I(Gt), {
-        "model-value": I(u),
+    return (C, $) => {
+      var c, h, T, P, L, j, U;
+      return g(), w(_(Gt), {
+        "model-value": _(r),
         items: e.options.listboxItems,
-        search: (r = e.options) == null ? void 0 : r.search,
-        multiple: (g = e.options) == null ? void 0 : g.multiple,
-        "static-categories": (P = e.options) == null ? void 0 : P.staticCategories,
+        search: (c = e.options) == null ? void 0 : c.search,
+        multiple: (h = e.options) == null ? void 0 : h.multiple,
+        "static-categories": (T = e.options) == null ? void 0 : T.staticCategories,
         "no-results-message": f.value,
         "is-option-disabled": e.options.isOptionDisabled,
-        "dynamic-filtering": (($ = e.options) == null ? void 0 : $.dynamicFiltering) ?? !0,
+        "dynamic-filtering": ((P = e.options) == null ? void 0 : P.dynamicFiltering) ?? !0,
         "component-loading": (L = e.options) == null ? void 0 : L.loading,
         "empty-state": (j = e.options) == null ? void 0 : j.emptyState,
         disabled: e.disabled,
-        "enable-value-label-pair": (E = e.options) == null ? void 0 : E.enableValueLabelPair,
+        "enable-value-label-pair": (U = e.options) == null ? void 0 : U.enableValueLabelPair,
         "onUpdate:modelValue": p,
-        onOpen: _[0] || (_[0] = () => {
-          var q, h;
-          return (h = (q = e.options) == null ? void 0 : q.onOpen) == null ? void 0 : h.call(q);
+        onOpen: $[0] || ($[0] = () => {
+          var q, F;
+          return (F = (q = e.options) == null ? void 0 : q.onOpen) == null ? void 0 : F.call(q);
         })
       }, Pe({ _: 2 }, [
-        ye(I(s), (q, h) => ({
-          name: h,
+        ye(_(s), (q, F) => ({
+          name: F,
           fn: D((M) => [
-            ce(C.$slots, h, Re(we(M)))
+            ce(C.$slots, F, Re(we(M)))
           ])
         }))
       ]), 1032, ["model-value", "items", "search", "multiple", "static-categories", "no-results-message", "is-option-disabled", "dynamic-filtering", "component-loading", "empty-state", "disabled", "enable-value-label-pair"]);
@@ -1451,7 +1452,7 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
   props: Te,
   emits: ["input", "update"],
   setup(e, { emit: n }) {
-    const l = Ve(), s = n, t = e, o = (a) => s("input", a), u = (a) => s("update", a);
+    const l = Ve(), s = n, t = e, o = (a) => s("input", a), r = (a) => s("update", a);
     return dt(() => {
       var a;
       (a = t == null ? void 0 : t.options) != null && a.messages && Ke(
@@ -1460,7 +1461,7 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
                         This will be the default behavior in the v2 and "options.messages" will be removed.`,
         "2.0.0"
       );
-    }), (a, i) => a.onlySlot ? (F(), w(I(Nl), {
+    }), (a, i) => a.onlySlot ? (g(), w(_(Nl), {
       key: 0,
       disabled: a.disabled,
       "default-value": a.defaultValue,
@@ -1469,15 +1470,15 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
       options: a.options,
       value: a.value,
       onInput: o,
-      onUpdate: u
+      onUpdate: r
     }, Pe({ _: 2 }, [
-      ye(I(l), (f, p) => ({
+      ye(_(l), (f, p) => ({
         name: p,
         fn: D((C) => [
           ce(a.$slots, p, Re(we(C)))
         ])
       }))
-    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (F(), w(I(kl), {
+    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (g(), w(_(kl), {
       key: 1,
       disabled: a.disabled,
       "default-value": a.defaultValue,
@@ -1486,9 +1487,9 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
       options: a.options,
       value: a.value,
       onInput: o,
-      onUpdate: u
+      onUpdate: r
     }, Pe({ _: 2 }, [
-      ye(I(l), (f, p) => ({
+      ye(_(l), (f, p) => ({
         name: p,
         fn: D((C) => [
           ce(a.$slots, p, Re(we(C)))
@@ -1526,15 +1527,15 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-e390132
   }
 });
 function jl(e, n, l, s, t, o) {
-  const u = N("bento-avatar"), a = N("bento-select-filter");
-  return F(), w(a, re(e.$props, {
+  const r = N("bento-avatar"), a = N("bento-select-filter");
+  return g(), w(a, re(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
     onInput: n[0] || (n[0] = (i) => e.$emit(e.BentoFilterEvent.INPUT, i))
   }), {
     default: D(({ label: i, data: f }) => [
-      R(u, {
+      R(r, {
         username: i,
         src: f
       }, null, 8, ["username", "src"])
@@ -1563,24 +1564,39 @@ const Tt = /* @__PURE__ */ le(Hl, [["render", jl]]), ql = Q({
   },
   emits: [A.INPUT, A.UPDATE],
   setup(e, { emit: n }) {
-    var u;
+    var r;
     const l = (a) => {
       n(A.UPDATE, a);
-    }, s = V(e.options.listboxItems), t = (u = e.options) != null && u.search ? e.options.search : {
+    }, s = V([]);
+    se(
+      () => {
+        var a;
+        return (a = e.options) == null ? void 0 : a.listboxItems;
+      },
+      (a) => {
+        s.value = a || [];
+      },
+      { immediate: !0 }
+    );
+    const t = (r = e.options) != null && r.search ? e.options.search : {
       debounceTime: 500,
       searchEvent: async (a) => {
-        var C, _;
-        const i = e.options.listboxItems.map((r) => ({
-          ...r,
-          label: `${r.value} ${r.label}`
+        var C, $, c, h;
+        if (!a) {
+          s.value = ((C = e.options) == null ? void 0 : C.listboxItems) || [];
+          return;
+        }
+        const i = ((($ = e.options) == null ? void 0 : $.listboxItems) || []).map((T) => ({
+          ...T,
+          label: `${T.value} ${T.label}`
         })), f = Ye(
           V(a),
           V(i),
-          (_ = (C = e.options) == null ? void 0 : C.search) == null ? void 0 : _.searchEvent,
+          (h = (c = e.options) == null ? void 0 : c.search) == null ? void 0 : h.searchEvent,
           V(!1)
-        ).value, p = f == null ? void 0 : f.map((r) => ({
-          ...r,
-          label: r.label.substring(r.value.length + 1)
+        ).value, p = f == null ? void 0 : f.map((T) => ({
+          ...T,
+          label: T.label.substring(T.value.length + 1)
         }));
         s.value = p;
       }
@@ -1599,8 +1615,8 @@ const Tt = /* @__PURE__ */ le(Hl, [["render", jl]]), ql = Q({
   }
 });
 function Kl(e, n, l, s, t, o) {
-  const u = N("listbox-option-tag"), a = N("bento-select-filter");
-  return F(), w(a, re(e.$props, {
+  const r = N("listbox-option-tag"), a = N("bento-select-filter");
+  return g(), w(a, re(e.$props, {
     field: e.field,
     label: e.label,
     options: e.internalOptions,
@@ -1608,7 +1624,7 @@ function Kl(e, n, l, s, t, o) {
     onInput: n[0] || (n[0] = (i) => e.$emit(e.BentoFilterEvent.INPUT, i))
   }), {
     default: D((i) => [
-      R(u, { option: i }, null, 8, ["option"])
+      R(r, { option: i }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
@@ -1634,10 +1650,10 @@ const It = /* @__PURE__ */ le(ql, [["render", Kl]]), Jl = {
   emits: [A.INPUT, A.UPDATE],
   setup(e, { emit: n }) {
     const l = e, s = n, t = V(l.options.variant), o = V(l.options.listboxItems);
-    ie([() => l.options.variant, () => l.options.listboxItems], () => {
+    se([() => l.options.variant, () => l.options.listboxItems], () => {
       t.value = l.options.variant, o.value = l.options.listboxItems;
     });
-    const u = (f) => s(A.UPDATE, f), a = tl(t, o), i = b(() => ({
+    const r = (f) => s(A.UPDATE, f), a = tl(t, o), i = b(() => ({
       ...l != null && l.options ? l.options : {},
       listboxItems: a.value
     }));
@@ -1645,15 +1661,15 @@ const It = /* @__PURE__ */ le(ql, [["render", Kl]]), Jl = {
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
       "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
       "2.0.0"
-    ), (f, p) => (F(), w(De, re(l, {
+    ), (f, p) => (g(), w(De, re(l, {
       field: f.field,
       label: f.label,
       options: i.value,
-      onUpdate: u,
-      onInput: p[0] || (p[0] = (C) => f.$emit(I(A).INPUT, C))
+      onUpdate: r,
+      onInput: p[0] || (p[0] = (C) => f.$emit(_(A).INPUT, C))
     }), {
       default: D(({ label: C }) => [
-        R(I(ve), { el: "span" }, {
+        R(_(ve), { el: "span" }, {
           default: D(() => [
             X(x(C), 1)
           ]),
@@ -1693,15 +1709,15 @@ const It = /* @__PURE__ */ le(ql, [["render", Kl]]), Jl = {
   }
 });
 function zl(e, n, l, s, t, o) {
-  const u = N("bento-payment-method"), a = N("bento-select-filter");
-  return F(), w(a, re(e.$props, {
+  const r = N("bento-payment-method"), a = N("bento-select-filter");
+  return g(), w(a, re(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
     onInput: n[0] || (n[0] = (i) => e.$emit(e.BentoFilterEvent.INPUT, i))
   }), {
     default: D(({ value: i, label: f }) => [
-      R(u, {
+      R(r, {
         type: i,
         label: f
       }, null, 8, ["type", "label"])
@@ -1732,8 +1748,8 @@ const $t = /* @__PURE__ */ le(Yl, [["render", zl]]), Wl = Q({
   setup(e, { emit: n }) {
     const l = (o) => n(A.UPDATE, o), s = b(
       () => {
-        var o, u;
-        return (u = (o = e == null ? void 0 : e.options) == null ? void 0 : o.listboxItems) == null ? void 0 : u.map(({ label: a, value: i, variant: f }) => ({ label: a, value: i, data: f }));
+        var o, r;
+        return (r = (o = e == null ? void 0 : e.options) == null ? void 0 : o.listboxItems) == null ? void 0 : r.map(({ label: a, value: i, variant: f }) => ({ label: a, value: i, data: f }));
       }
     );
     return {
@@ -1750,8 +1766,8 @@ const $t = /* @__PURE__ */ le(Yl, [["render", zl]]), Wl = Q({
   }
 });
 function Gl(e, n, l, s, t, o) {
-  const u = N("listbox-option-tag"), a = N("bento-select-filter");
-  return F(), w(a, re(e.$props, {
+  const r = N("listbox-option-tag"), a = N("bento-select-filter");
+  return g(), w(a, re(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
@@ -1759,7 +1775,7 @@ function Gl(e, n, l, s, t, o) {
     onInput: n[0] || (n[0] = (i) => e.$emit(e.BentoFilterEvent.INPUT, i))
   }), {
     default: D(({ label: i, data: f }) => [
-      R(u, {
+      R(r, {
         option: { value: i, data: f, label: "" }
       }, null, 8, ["option"])
     ]),
@@ -1825,10 +1841,10 @@ const Pt = /* @__PURE__ */ le(Wl, [["render", Gl]]), ot = {
   },
   emits: [A.INPUT, A.UPDATE],
   setup(e, { emit: n }) {
-    const { t: l } = pe({ messages: ot }), s = (E) => typeof E == "boolean" ? E == null ? void 0 : E.toString() : E, t = (E) => {
-      var q, h, M, H;
-      return ((h = (q = e == null ? void 0 : e.options) == null ? void 0 : q.positiveOption) == null ? void 0 : h.value) !== void 0 && ((H = (M = e == null ? void 0 : e.options) == null ? void 0 : M.negativeOption) == null ? void 0 : H.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof E == "string" ? E === "true" : E;
-    }, o = b(() => s(e.defaultValue)), u = b(() => s(e.value)), a = b(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
+    const { t: l } = pe({ messages: ot }), s = (U) => typeof U == "boolean" ? U == null ? void 0 : U.toString() : U, t = (U) => {
+      var q, F, M, H;
+      return ((F = (q = e == null ? void 0 : e.options) == null ? void 0 : q.positiveOption) == null ? void 0 : F.value) !== void 0 && ((H = (M = e == null ? void 0 : e.options) == null ? void 0 : M.negativeOption) == null ? void 0 : H.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof U == "string" ? U === "true" : U;
+    }, o = b(() => s(e.defaultValue)), r = b(() => s(e.value)), a = b(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
       {
         ...e.options.positiveOption,
         value: s(e.options.positiveOption.value)
@@ -1841,27 +1857,27 @@ const Pt = /* @__PURE__ */ le(Wl, [["render", Gl]]), ot = {
       { value: "yes", label: l("yes") },
       { value: "no", label: l("no") }
     ]), { internalFilterValue: i, isSecondaryButtonDisabled: f, isApplyButtonDisabled: p } = he(
-      u,
+      r,
       o
-    ), C = b(() => e.label), _ = b(
+    ), C = b(() => e.label), $ = b(
       () => {
-        var E;
-        return Ce((E = a.value.find(({ value: q }) => q === u.value)) == null ? void 0 : E.label, 12);
+        var U;
+        return Ce((U = a.value.find(({ value: q }) => q === r.value)) == null ? void 0 : U.label, 12);
       }
-    ), r = b(() => ({
+    ), c = b(() => ({
       "b-boolean-filter--only-slot": e.onlySlot
     }));
     Ne(() => {
       i.value || (i.value = null);
     });
-    const g = (E) => {
-      i.value = E, n(A.INPUT, {
+    const h = (U) => {
+      i.value = U, n(A.INPUT, {
         ...e,
         value: t(i.value)
       });
+    }, T = () => {
+      i.value = r.value;
     }, P = () => {
-      i.value = u.value;
-    }, $ = () => {
       n(A.UPDATE, {
         ...e,
         value: t(i.value)
@@ -1870,29 +1886,29 @@ const Pt = /* @__PURE__ */ le(Wl, [["render", Gl]]), ot = {
     return {
       // Values
       items: a,
-      conditionalClasses: r,
+      conditionalClasses: c,
       buttonLabel: C,
-      buttonSecondaryLabel: _,
+      buttonSecondaryLabel: $,
       internalFilterValue: i,
       isApplyButtonDisabled: p,
       isSecondaryButtonDisabled: f,
-      translatedValue: u,
+      translatedValue: r,
       translatedDefaultValue: o,
       // Events
-      onInput: g,
-      updateFilter: $,
+      onInput: h,
+      updateFilter: P,
       clearFilter: () => {
-        i.value = null, $();
+        i.value = null, P();
       },
-      openFilter: P,
+      openFilter: T,
       resetFilter: () => n(A.UPDATE, { ...e, value: e.defaultValue })
     };
   }
 });
 function Ql(e, n, l, s, t, o) {
   var i, f;
-  const u = N("bento-radio-group"), a = N("bento-base-filter");
-  return F(), w(a, re(e.$props, {
+  const r = N("bento-radio-group"), a = N("bento-base-filter");
+  return g(), w(a, re(e.$props, {
     value: e.translatedValue,
     "default-value": e.translatedDefaultValue,
     "button-label": e.buttonLabel,
@@ -1912,7 +1928,7 @@ function Ql(e, n, l, s, t, o) {
         class: de(["b-boolean-filter", e.conditionalClasses]),
         onKeydown: n[0] || (n[0] = me((...p) => e.updateFilter && e.updateFilter(...p), ["enter"]))
       }, [
-        R(u, {
+        R(r, {
           items: e.items,
           label: e.label,
           "model-value": e.internalFilterValue,
@@ -1925,7 +1941,7 @@ function Ql(e, n, l, s, t, o) {
     _: 1
   }, 16, ["value", "default-value", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const Et = /* @__PURE__ */ le(Zl, [["render", Ql], ["__scopeId", "data-v-7772a6d5"]]), nt = {
+const Ut = /* @__PURE__ */ le(Zl, [["render", Ql], ["__scopeId", "data-v-7772a6d5"]]), nt = {
   "en-US": {
     from: "From",
     to: "To"
@@ -1971,28 +1987,28 @@ const Et = /* @__PURE__ */ le(Zl, [["render", Ql], ["__scopeId", "data-v-7772a6d
   },
   emits: [A.INPUT, A.UPDATE],
   setup(e, { emit: n }) {
-    const { t: l } = pe({ messages: nt }), s = V(null), { internalFilterValue: t, isSecondaryButtonDisabled: o, isApplyButtonDisabled: u } = he(
+    const { t: l } = pe({ messages: nt }), s = V(null), { internalFilterValue: t, isSecondaryButtonDisabled: o, isApplyButtonDisabled: r } = he(
       te(e, "value"),
       te(e, "defaultValue")
     ), a = b(() => {
-      var M, H, T, S, J, z, ee, B;
+      var M, H, I, S, J, z, ee, B;
       if (!((M = e.value) != null && M[0]) && !((H = e.value) != null && H[1]))
         return null;
       let j = "";
-      (T = e.value) != null && T[0] ? (S = e.value) != null && S[1] || (j = "≥") : j = "≤";
-      const E = (J = e.value) != null && J[0] ? `${Ce(e.value[0], 5)}` : "", q = (z = e.value) != null && z[0] && ((ee = e.value) != null && ee[1]) ? " - " : "", h = (B = e.value) != null && B[1] ? `${Ce(e.value[1], 5)}` : "";
-      return `${j}${E}${q}${h}`;
+      (I = e.value) != null && I[0] ? (S = e.value) != null && S[1] || (j = "≥") : j = "≤";
+      const U = (J = e.value) != null && J[0] ? `${Ce(e.value[0], 5)}` : "", q = (z = e.value) != null && z[0] && ((ee = e.value) != null && ee[1]) ? " - " : "", F = (B = e.value) != null && B[1] ? `${Ce(e.value[1], 5)}` : "";
+      return `${j}${U}${q}${F}`;
     }), i = b(() => e.label), f = b(() => a.value), p = b(() => ({
       "b-range-filter--only-slot": e.onlySlot
     })), C = () => {
       t.value = e.value, rt(() => s.value.focusInput());
-    }, _ = () => {
+    }, $ = () => {
       n(A.INPUT, { ...e, value: t.value });
-    }, r = (j) => {
-      t.value = [j, t.value[1]], _();
-    }, g = (j) => {
-      t.value = [t.value[0], j], _();
-    }, P = () => {
+    }, c = (j) => {
+      t.value = [j, t.value[1]], $();
+    }, h = (j) => {
+      t.value = [t.value[0], j], $();
+    }, T = () => {
       t.value.some((j) => j) || (t.value = e.defaultValue !== null ? e.defaultValue : void 0), n(A.UPDATE, {
         ...e,
         value: t.value
@@ -2003,16 +2019,16 @@ const Et = /* @__PURE__ */ le(Zl, [["render", Ql], ["__scopeId", "data-v-7772a6d
       inputTextRef: s,
       conditionalClasses: p,
       internalFilterValue: t,
-      isApplyButtonDisabled: u,
+      isApplyButtonDisabled: r,
       isSecondaryButtonDisabled: o,
       buttonLabel: i,
       buttonSecondaryLabel: f,
       // Events
-      updateFrom: r,
-      updateTo: g,
-      updateFilter: P,
+      updateFrom: c,
+      updateTo: h,
+      updateFilter: T,
       clearFilter: () => {
-        t.value = ["", ""], P();
+        t.value = ["", ""], T();
       },
       openFilter: C,
       resetFilter: () => n(A.UPDATE, { ...e, value: e.defaultValue }),
@@ -2023,8 +2039,8 @@ const Et = /* @__PURE__ */ le(Zl, [["render", Ql], ["__scopeId", "data-v-7772a6d
 });
 function xl(e, n, l, s, t, o) {
   var i, f;
-  const u = N("bento-input-field"), a = N("bento-base-filter");
-  return F(), w(a, re(e.$props, {
+  const r = N("bento-input-field"), a = N("bento-base-filter");
+  return g(), w(a, re(e.$props, {
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
     "button-label": e.buttonLabel,
@@ -2042,38 +2058,38 @@ function xl(e, n, l, s, t, o) {
         class: de(["b-range-filter", e.conditionalClasses]),
         onKeydown: n[0] || (n[0] = me((...p) => e.updateFilter && e.updateFilter(...p), ["enter"]))
       }, [
-        R(u, {
+        R(r, {
           ref: "inputTextRef",
-          value: e.internalFilterValue ? e.internalFilterValue[0] : "",
+          "model-value": e.internalFilterValue ? e.internalFilterValue[0] : "",
           type: "number",
           "aria-label": e.t("from").toString(),
           disabled: e.disabled,
-          onInput: e.updateFrom
+          "onUpdate:modelValue": e.updateFrom
         }, {
           default: D(() => [
             X(x(e.t("from")), 1)
           ]),
           _: 1
-        }, 8, ["value", "aria-label", "disabled", "onInput"]),
-        R(u, {
+        }, 8, ["model-value", "aria-label", "disabled", "onUpdate:modelValue"]),
+        R(r, {
           class: "b-range-filter__input-field",
-          value: e.internalFilterValue ? e.internalFilterValue[1] : "",
+          "model-value": e.internalFilterValue ? e.internalFilterValue[1] : "",
           type: "number",
           "aria-label": e.t("to"),
           disabled: e.disabled,
-          onInput: e.updateTo
+          "onUpdate:modelValue": e.updateTo
         }, {
           default: D(() => [
             X(x(e.t("to")), 1)
           ]),
           _: 1
-        }, 8, ["value", "aria-label", "disabled", "onInput"])
+        }, 8, ["model-value", "aria-label", "disabled", "onUpdate:modelValue"])
       ], 34)
     ]),
     _: 1
   }, 16, ["disable-apply-button", "disable-secondary-button", "button-label", "button-secondary-label", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const Ut = /* @__PURE__ */ le(Xl, [["render", xl], ["__scopeId", "data-v-355c6c3b"]]);
+const Et = /* @__PURE__ */ le(Xl, [["render", xl], ["__scopeId", "data-v-c71c8dbd"]]);
 var je = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(je || {});
 const ea = Q({
   name: "base-filter-button",
@@ -2104,7 +2120,7 @@ const ea = Q({
   },
   emits: [Ge.CLICK],
   setup(e, { slots: n, emit: l, attrs: s }) {
-    const t = b(() => n.default ? mt(n)("default") : null), o = vt({ ariaLabel: t }), u = V(null), a = b(() => {
+    const t = b(() => n.default ? mt(n)("default") : null), o = vt({ ariaLabel: t }), r = V(null), a = b(() => {
       var p;
       return {
         "aria-controls": (p = s["aria-controls"]) == null ? void 0 : p.toString()
@@ -2124,7 +2140,7 @@ const ea = Q({
       },
       hasSlot: ft(n),
       // Refs
-      baseFilterButtonRef: u
+      baseFilterButtonRef: r
     };
   }
 }), ta = { class: "b-base-filter-button__default-container" }, la = { class: "b-base-filter-button__label-container" }, aa = {
@@ -2132,8 +2148,8 @@ const ea = Q({
   class: "b-base-filter-button__counter-wrapper"
 };
 function oa(e, n, l, s, t, o) {
-  const u = N("bento-typography"), a = N("chevron-up-icon"), i = N("chevron-down-icon"), f = N("base-button");
-  return F(), w(f, {
+  const r = N("bento-typography"), a = N("chevron-up-icon"), i = N("chevron-down-icon"), f = N("base-button");
+  return g(), w(f, {
     ref: "baseFilterButtonRef",
     class: de(["b-base-filter-button", e.conditionalClasses]),
     disabled: e.disabled,
@@ -2145,7 +2161,7 @@ function oa(e, n, l, s, t, o) {
     default: D(() => [
       W("div", ta, [
         W("div", la, [
-          R(u, {
+          R(r, {
             el: "span",
             variant: "body",
             stronger: e.bold,
@@ -2157,8 +2173,8 @@ function oa(e, n, l, s, t, o) {
             _: 3
           }, 8, ["stronger"])
         ]),
-        e.amountAppliedValues && !e.hasChevron ? (F(), G("div", aa, [
-          R(u, {
+        e.amountAppliedValues && !e.hasChevron ? (g(), G("div", aa, [
+          R(r, {
             class: "b-base-filter-button__counter",
             el: "span",
             variant: "body",
@@ -2177,10 +2193,10 @@ function oa(e, n, l, s, t, o) {
     e.hasChevron ? {
       name: "iconRight",
       fn: D(() => [
-        e.isFilterOpen ? (F(), w(a, {
+        e.isFilterOpen ? (g(), w(a, {
           key: 0,
           "aria-hidden": "true"
-        })) : (F(), w(i, {
+        })) : (g(), w(i, {
           key: 1,
           "aria-hidden": "true"
         }))
@@ -2224,8 +2240,8 @@ const na = /* @__PURE__ */ le(ea, [["render", oa], ["__scopeId", "data-v-af9efc7
   }
 });
 function ia(e, n, l, s, t, o) {
-  const u = N("base-filter-button");
-  return F(), w(u, {
+  const r = N("base-filter-button");
+  return g(), w(r, {
     class: de(["b-all-filters-modal-button", e.conditionalClasses]),
     "amount-applied-values": e.appliedFiltersCount,
     "is-filter-open": e.isFilterOpen,
@@ -2246,14 +2262,14 @@ const ua = {
   }
 }, da = { key: 0 };
 function ca(e, n, l, s, t, o) {
-  return F(), G("svg", re({ role: "img" }, e.$attrs, {
+  return g(), G("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(), G("title", da, x(e.$attrs["svg-title"]), 1)) : Z("", !0),
+    e.$attrs["svg-title"] ? (g(), G("title", da, x(e.$attrs["svg-title"]), 1)) : Z("", !0),
     n[0] || (n[0] = W("path", {
       fill: "#001222",
       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"
@@ -2306,14 +2322,14 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
   name: "all-filters-modal",
   components: {
     AllFiltersModalButton: ra,
-    BentoBooleanFilter: Et,
+    BentoBooleanFilter: Ut,
     BentoButton: Mt,
     BentoDateFilter: Ct,
     BentoDateRangeFilter: Bt,
     BentoInputFilter: gt,
     BentoInputWithDropdownFilter: St,
     BentoModal: Nt,
-    BentoRangeFilter: Ut,
+    BentoRangeFilter: Et,
     BentoSearchBar: ke,
     BentoSelectAvatarFilter: Tt,
     BentoSelectCurrencyFilter: It,
@@ -2322,7 +2338,7 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
     BentoSelectPaymentMethodFilter: $t,
     BentoSelectTagFilter: Pt,
     BentoTypography: ve,
-    FilterBarButton: Ee,
+    FilterBarButton: Ue,
     SlidersIcon: pa
   },
   props: {
@@ -2353,17 +2369,17 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
   },
   emits: [je.INPUT],
   setup(e, { emit: n }) {
-    const l = V(e.value), s = qe("all-filters-modal"), t = V([]), o = V(!1), u = V(0), a = V(null), i = V(""), { t: f, n: p } = pe({ messages: it }), C = Ye(i, te(l, "value")), _ = V({});
+    const l = V(e.value), s = qe("all-filters-modal"), t = V([]), o = V(!1), r = V(0), a = V(null), i = V(""), { t: f, n: p } = pe({ messages: it }), C = Ye(i, te(l, "value")), $ = V({});
     Ne(() => {
-      _.value = [];
-    }), ie(
+      $.value = [];
+    }), se(
       () => e.value,
       () => {
         o.value ? l.value = e.value.map((y, m) => ({ ...y, value: l.value[m].value })) : l.value = e.value;
       }
     );
-    const r = (y) => y.sort((m, k) => m.label > k.label ? 1 : k.label > m.label ? -1 : 0), g = b(
-      () => r(
+    const c = (y) => y.sort((m, k) => m.label > k.label ? 1 : k.label > m.label ? -1 : 0), h = b(
+      () => c(
         C.value.filter(
           (y) => {
             var m, k;
@@ -2371,8 +2387,8 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
           }
         )
       )
-    ), P = b(
-      () => r(
+    ), T = b(
+      () => c(
         C.value.filter(
           (y) => {
             var m, k;
@@ -2380,56 +2396,51 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
           }
         )
       )
-    ), $ = b(() => {
+    ), P = b(() => {
       var y;
       return i.value && ((y = C.value) == null ? void 0 : y.length) === 0;
-    }), L = b(() => l.value[u.value]), j = () => {
-      const y = g.value.length ? g.value[0] : P.value[0], m = l.value.findIndex(
+    }), L = b(() => l.value[r.value]), j = () => {
+      const y = h.value.length ? h.value[0] : T.value[0], m = l.value.findIndex(
         (k) => k.label === y.label && k.field === y.field
       );
-      u.value = m;
+      r.value = m;
     };
     dt(() => {
       j();
     });
-    const E = (y) => y.map((m) => {
+    const U = (y) => y.map((m) => {
       var k, K, ae, ue, be, fe;
       switch (m.type) {
-        case se.SELECT:
-        case se.SELECT_AVATAR:
-        case se.SELECT_COUNTRY:
-        case se.SELECT_CURRENCY:
-        case se.SELECT_PAYMENT_METHOD:
-        case se.SELECT_TAG:
-          switch ((k = m.options) == null ? void 0 : k.multiple) {
-            case !0:
-              return {
-                label: m.label,
-                field: m.field,
-                count: (K = m.value) != null && K.length ? (ae = m.value) == null ? void 0 : ae.length : null
-              };
-            default:
-              return {
-                label: m.label,
-                field: m.field,
-                count: m.value == null ? null : 1
-              };
-          }
-        case se.DATE_RANGE:
+        case ie.SELECT:
+        case ie.SELECT_AVATAR:
+        case ie.SELECT_COUNTRY:
+        case ie.SELECT_CURRENCY:
+        case ie.SELECT_PAYMENT_METHOD:
+        case ie.SELECT_TAG:
+          return ((k = m.options) == null ? void 0 : k.multiple) === !0 ? {
+            label: m.label,
+            field: m.field,
+            count: (K = m.value) != null && K.length ? (ae = m.value) == null ? void 0 : ae.length : null
+          } : {
+            label: m.label,
+            field: m.field,
+            count: m.value == null ? null : 1
+          };
+        case ie.DATE_RANGE:
           return {
             label: m.label,
             field: m.field,
             count: ((ue = m.value) == null ? void 0 : ue.startDate) != null && ((be = m.value) == null ? void 0 : be.endDate) != null ? 1 : null
           };
-        case se.RANGE:
+        case ie.RANGE:
           return {
             label: m.label,
             field: m.field,
             count: (fe = m.value) != null && fe.find((Fe) => Fe !== "") ? 1 : null
           };
-        case se.INPUT:
-        case se.BOOLEAN:
-        case se.DATE:
+        case ie.INPUT:
+        case ie.BOOLEAN:
+        case ie.DATE:
         default:
           return {
             label: m.label,
@@ -2440,22 +2451,22 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
     }), q = b(
       () => {
         var y;
-        return Array.isArray(L.value.value) ? ((y = L.value) == null ? void 0 : y.value.length) && L.value.value.find((m) => m !== "") : !!l.value[u.value].value;
+        return Array.isArray(L.value.value) ? ((y = L.value) == null ? void 0 : y.value.length) && L.value.value.find((m) => m !== "") : !!l.value[r.value].value;
       }
-    ), h = b(() => !q.value || L.value.disabled), M = b(
+    ), F = b(() => !q.value || L.value.disabled), M = b(
       () => {
         var y;
-        return (y = E(e.value)) == null ? void 0 : y.filter(({ count: m }) => !!m).length;
+        return (y = U(e.value)) == null ? void 0 : y.filter(({ count: m }) => !!m).length;
       }
     ), H = () => {
       o.value ? o.value = !1 : o.value = !0;
-    }, T = (y) => {
+    }, I = (y) => {
       var k, K, ae;
-      const m = E(l.value).find((ue) => ue.field === y.field).count;
+      const m = U(l.value).find((ue) => ue.field === y.field).count;
       return typeof y.type == "string" && // Type guard to avoid casting
       y.type.includes("BentoSelect") && ((k = y.options) != null && k.multiple) && m === ((ae = (K = y.options) == null ? void 0 : K.listboxItems) == null ? void 0 : ae.length) ? f("all") : m === null ? null : p(m);
     }, S = (y, m) => {
-      u.value = l.value.findIndex(
+      r.value = l.value.findIndex(
         (k) => k.label === y && k.field === m
       );
     }, J = () => {
@@ -2463,7 +2474,7 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
     }, z = () => {
       o.value = !1, l.value = e.value, J(), j();
     }, ee = (y) => {
-      const m = l.value.map(({ value: k, ...K }, ae) => ae === u.value ? { value: y.value, ...K } : { value: k, ...K });
+      const m = l.value.map(({ value: k, ...K }, ae) => ae === r.value ? { value: y.value, ...K } : { value: k, ...K });
       l.value = m;
     }, B = () => {
       ee({
@@ -2477,7 +2488,7 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
         ...m,
         value: void 0
       }));
-    }, d = () => {
+    }, u = () => {
       n(je.INPUT, l.value), o.value = !1;
     }, O = b(
       () => JSON.stringify(l.value) === JSON.stringify(e.value)
@@ -2485,7 +2496,7 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
       {
         title: f("applyAll"),
         disabled: O.value,
-        event: d
+        event: u
       },
       {
         title: f("cancel"),
@@ -2501,20 +2512,20 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
       // Values
       allFiltersModalUniqueId: s,
       allFiltersModalFiltersSection: t,
-      allFiltersModalFilterButtons: _,
+      allFiltersModalFilterButtons: $,
       numberOfActiveFilters: M,
-      isEmptyResultForSearchFilter: $,
+      isEmptyResultForSearchFilter: P,
       isModalOpen: o,
-      isClearButtonDisabled: h,
-      activeFilters: g,
-      otherFilters: P,
+      isClearButtonDisabled: F,
+      activeFilters: h,
+      otherFilters: T,
       modalActions: Y,
       selectedFilter: L,
       selectedFilterRef: a,
       searchTerm: i,
       // Methods
       onClickAllFiltersModal: H,
-      getFilterCount: T,
+      getFilterCount: I,
       cancel: z,
       selectFilter: S,
       clearFilter: B,
@@ -2524,7 +2535,7 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
         Zt(1, a.value.$el).focus();
       },
       onKeydownLeft: () => {
-        _.value[L.value.label].$el.focus();
+        $.value[L.value.label].$el.focus();
       },
       // Translations
       t: f
@@ -2541,8 +2552,8 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
   class: "b-all-filters-modal__filters-section"
 }, Fa = ["aria-labelledby"], ga = { class: "b-all-filters-modal__selected-filter-text" }, Sa = { class: "b-all-filters-modal__selected-filter-component" }, Ca = { class: "b-all-filters-modal__clear-button" };
 function Ba(e, n, l, s, t, o) {
-  const u = N("sliders-icon"), a = N("filter-bar-button"), i = N("bento-search-bar"), f = N("bento-typography"), p = N("all-filters-modal-button"), C = N("bento-button"), _ = N("bento-modal");
-  return F(), G("div", fa, [
+  const r = N("sliders-icon"), a = N("filter-bar-button"), i = N("bento-search-bar"), f = N("bento-typography"), p = N("all-filters-modal-button"), C = N("bento-button"), $ = N("bento-modal");
+  return g(), G("div", fa, [
     R(a, {
       "is-filter-open": e.isModalOpen,
       "applied-filters-count": e.numberOfActiveFilters,
@@ -2550,14 +2561,14 @@ function Ba(e, n, l, s, t, o) {
       onClick: e.onClickAllFiltersModal
     }, {
       iconLeft: D(() => [
-        R(u, { "aria-hidden": "true" })
+        R(r, { "aria-hidden": "true" })
       ]),
       default: D(() => [
         X(x(e.t("allFilters")) + " ", 1)
       ]),
       _: 1
     }, 8, ["is-filter-open", "applied-filters-count", "onClick"]),
-    R(_, {
+    R($, {
       class: "'b-all-filters-modal__modal'",
       "is-open": e.isModalOpen,
       "with-column-layout": !0,
@@ -2574,16 +2585,16 @@ function Ba(e, n, l, s, t, o) {
         W("div", {
           ref: "allFiltersModalFiltersSection",
           class: "b-all-filters-modal__filters",
-          onKeydown: n[1] || (n[1] = me((...r) => e.onKeydownRight && e.onKeydownRight(...r), ["right"]))
+          onKeydown: n[1] || (n[1] = me((...c) => e.onKeydownRight && e.onKeydownRight(...c), ["right"]))
         }, [
           R(i, {
             class: "b-all-filters-modal__search-bar",
             value: e.searchTerm,
             "input-field-aria-label": e.t("searchBar").toString(),
-            onInput: n[0] || (n[0] = (r) => e.searchTerm = r),
+            onInput: n[0] || (n[0] = (c) => e.searchTerm = c),
             onClear: e.onSearchbarClear
           }, null, 8, ["value", "input-field-aria-label", "onClear"]),
-          e.isEmptyResultForSearchFilter ? (F(), G("div", va, [
+          e.isEmptyResultForSearchFilter ? (g(), G("div", va, [
             R(f, { el: "span" }, {
               default: D(() => [
                 X(x(e.t("noFiltersMatchThisSearch")), 1)
@@ -2591,7 +2602,7 @@ function Ba(e, n, l, s, t, o) {
               _: 1
             })
           ])) : Z("", !0),
-          e.activeFilters.length ? (F(), G("div", ma, [
+          e.activeFilters.length ? (g(), G("div", ma, [
             R(f, {
               id: `active-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
@@ -2607,23 +2618,23 @@ function Ba(e, n, l, s, t, o) {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}`
             }, [
-              (F(!0), G($e, null, ye(e.activeFilters, (r) => (F(), G("li", {
-                key: `${r.label}-${r.field}`
+              (g(!0), G($e, null, ye(e.activeFilters, (c) => (g(), G("li", {
+                key: `${c.label}-${c.field}`
               }, [
                 R(p, {
                   ref_for: !0,
-                  ref: (g) => e.allFiltersModalFilterButtons[r.label] = g,
-                  label: r.label,
-                  "applied-filters-count": e.getFilterCount(r),
-                  "is-filter-open": e.selectedFilter.label === r.label,
-                  disabled: r.disabled,
-                  onClick: (g) => e.selectFilter(r.label, r.field)
+                  ref: (h) => e.allFiltersModalFilterButtons[c.label] = h,
+                  label: c.label,
+                  "applied-filters-count": e.getFilterCount(c),
+                  "is-filter-open": e.selectedFilter.label === c.label,
+                  disabled: c.disabled,
+                  onClick: (h) => e.selectFilter(c.label, c.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "disabled", "onClick"])
               ]))), 128))
             ], 8, ya)
           ])) : Z("", !0),
-          e.otherFilters.length ? (F(), G("div", ha, [
-            e.activeFilters.length ? (F(), w(f, {
+          e.otherFilters.length ? (g(), G("div", ha, [
+            e.activeFilters.length ? (g(), w(f, {
               key: 0,
               id: `other-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
@@ -2639,17 +2650,17 @@ function Ba(e, n, l, s, t, o) {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}`
             }, [
-              (F(!0), G($e, null, ye(e.otherFilters, (r) => (F(), G("li", {
-                key: `${r.label}-${r.field}`
+              (g(!0), G($e, null, ye(e.otherFilters, (c) => (g(), G("li", {
+                key: `${c.label}-${c.field}`
               }, [
                 R(p, {
                   ref_for: !0,
-                  ref: (g) => e.allFiltersModalFilterButtons[r.label] = g,
-                  label: r.label,
-                  disabled: r.disabled,
-                  "applied-filters-count": e.getFilterCount(r),
-                  "is-filter-open": e.selectedFilter.label === r.label,
-                  onClick: (g) => e.selectFilter(r.label, r.field)
+                  ref: (h) => e.allFiltersModalFilterButtons[c.label] = h,
+                  label: c.label,
+                  disabled: c.disabled,
+                  "applied-filters-count": e.getFilterCount(c),
+                  "is-filter-open": e.selectedFilter.label === c.label,
+                  onClick: (h) => e.selectFilter(c.label, c.field)
                 }, null, 8, ["label", "disabled", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
             ], 8, Fa)
@@ -2659,7 +2670,7 @@ function Ba(e, n, l, s, t, o) {
       "content-col-2": D(() => [
         W("div", {
           class: "b-all-filters-modal__selected-filter-content",
-          onKeydown: n[2] || (n[2] = me((...r) => e.onKeydownLeft && e.onKeydownLeft(...r), ["left"]))
+          onKeydown: n[2] || (n[2] = me((...c) => e.onKeydownLeft && e.onKeydownLeft(...c), ["left"]))
         }, [
           W("div", ga, [
             R(f, {
@@ -2672,7 +2683,7 @@ function Ba(e, n, l, s, t, o) {
               ]),
               _: 1
             }),
-            e.selectedFilter.description ? (F(), w(f, {
+            e.selectedFilter.description ? (g(), w(f, {
               key: 0,
               el: "div",
               variant: "body",
@@ -2685,7 +2696,7 @@ function Ba(e, n, l, s, t, o) {
             })) : Z("", !0)
           ]),
           W("div", Sa, [
-            (F(), w(Oe(e.selectedFilter.type), {
+            (g(), w(Oe(e.selectedFilter.type), {
               ref: "selectedFilterRef",
               key: e.selectedFilter.field,
               field: e.selectedFilter.field,
@@ -2748,12 +2759,12 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
   i18n: { messages: Lt },
   name: "bento-filter-bar",
   components: {
-    BentoBooleanFilter: Et,
+    BentoBooleanFilter: Ut,
     BentoDateFilter: Ct,
     BentoDateRangeFilter: Bt,
     BentoInputFilter: gt,
     BentoInputWithDropdownFilter: St,
-    BentoRangeFilter: Ut,
+    BentoRangeFilter: Et,
     BentoSelectAvatarFilter: Tt,
     BentoSelectCountryFilter: _t,
     BentoSelectCurrencyFilter: It,
@@ -2787,67 +2798,67 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
     Ae.UPDATE
   ],
   setup(e, { expose: n, emit: l }) {
-    const s = e, t = l, { t: o } = pe({ messages: Lt }), u = V(null), a = b(
+    const s = e, t = l, { t: o } = pe({ messages: Lt }), r = V(null), a = b(
       () => {
         var B, v;
-        return (v = ((B = s.config) == null ? void 0 : B.length) > 0 ? s.config : s.value) == null ? void 0 : v.map((d) => {
+        return (v = ((B = s.config) == null ? void 0 : B.length) > 0 ? s.config : s.value) == null ? void 0 : v.map((u) => {
           var Y;
-          let O = (Y = s.filterValues.find(({ field: c }) => c === d.field)) == null ? void 0 : Y.value;
-          return s.filterValuesObject && d.field in s.filterValuesObject && (O = s.filterValuesObject[d.field]), O === void 0 && (O = (d == null ? void 0 : d.value) === void 0 && (d == null ? void 0 : d.defaultValue) !== void 0 ? d == null ? void 0 : d.defaultValue : d == null ? void 0 : d.value), { ...d, value: O !== void 0 ? O : d == null ? void 0 : d.value };
+          let O = (Y = s.filterValues.find(({ field: d }) => d === u.field)) == null ? void 0 : Y.value;
+          return s.filterValuesObject && u.field in s.filterValuesObject && (O = s.filterValuesObject[u.field]), O === void 0 && (O = (u == null ? void 0 : u.value) === void 0 && (u == null ? void 0 : u.defaultValue) !== void 0 ? u == null ? void 0 : u.defaultValue : u == null ? void 0 : u.value), { ...u, value: O !== void 0 ? O : u == null ? void 0 : u.value };
         });
       }
     ), { addToast: i } = kt(), { screenLayoutComponent: f, showSearchbarInsideContainer: p, isOneLineLayout: C } = bl(
-      u,
+      r,
       te(s, "containerSizeLayout")
-    ), _ = b(() => ({
+    ), $ = b(() => ({
       "b-filter-bar__fixed-scroller": C.value,
       "b-filter-bar__container": !C.value
       // Multi-line
-    })), r = b(() => ({
+    })), c = b(() => ({
       "b-filter-bar__scroller-content": C.value,
       "b-filter-bar__filters": !C.value
       // Multi-line
-    })), g = b(() => {
+    })), h = b(() => {
       var B;
       return ((B = s.search) == null ? void 0 : B.inputFieldAriaLabel) || o("searchBar");
-    }), P = b(() => {
+    }), T = b(() => {
       if (!s.search)
         return;
-      const { debounceTime: B, disabled: v, inputFieldAriaLabel: d, hint: O, placeholder: Y } = s.search;
-      return { debounceTime: B, disabled: v, inputFieldAriaLabel: d, hint: O, placeholder: Y };
-    }), $ = b(() => a.value.some(
+      const { debounceTime: B, disabled: v, inputFieldAriaLabel: u, hint: O, placeholder: Y } = s.search;
+      return { debounceTime: B, disabled: v, inputFieldAriaLabel: u, hint: O, placeholder: Y };
+    }), P = b(() => a.value.some(
       ({ visible: v }) => v != null
     ) ? a.value.some(({ visible: v }) => !v) : !1), L = b(
       () => a.value.filter(({ defaultValue: B }) => B !== void 0)
     ), j = b(() => a.value.some(
       ({ visible: v }) => v != null
     ) ? a.value.filter(
-      ({ defaultValue: v, visible: d, value: O }) => (
+      ({ defaultValue: v, visible: u, value: O }) => (
         // eslint-disable-next-line eqeqeq
-        v === void 0 && d || s.showAppliedHiddenFilters && O != null
+        v === void 0 && u || s.showAppliedHiddenFilters && O != null
       )
     ) : a.value.filter(
-      ({ defaultValue: v, value: d }) => (
+      ({ defaultValue: v, value: u }) => (
         // eslint-disable-next-line eqeqeq
-        v === void 0 || s.showAppliedHiddenFilters && d != null
+        v === void 0 || s.showAppliedHiddenFilters && u != null
       )
-    )), E = b(() => s.searchTerm != null), q = b(
+    )), U = b(() => s.searchTerm != null), q = b(
       () => a.value.filter(({ defaultValue: B }) => B == null).some(({ value: B }) => B != null)
-    ), h = b(() => L.value.length === 0 && q.value), M = b(() => L.value.length === 0 ? !1 : !a.value.filter(({ defaultValue: v }) => v !== void 0 || v !== null).every(({ value: v, defaultValue: d }) => JSON.stringify(v) === JSON.stringify(d)) || q.value), H = (B) => {
+    ), F = b(() => L.value.length === 0 && q.value), M = b(() => L.value.length === 0 ? !1 : !a.value.filter(({ defaultValue: v }) => v !== void 0 || v !== null).every(({ value: v, defaultValue: u }) => JSON.stringify(v) === JSON.stringify(u)) || q.value), H = (B) => {
       t(Se.INPUT, B), t(
         Se.UPDATE_FILTER_VALUES_ARRAY,
-        B == null ? void 0 : B.filter(({ value: v }) => v !== null || v !== void 0).map(({ field: v, value: d }) => ({ field: v, value: d }))
+        B == null ? void 0 : B.filter(({ value: v }) => v !== null || v !== void 0).map(({ field: v, value: u }) => ({ field: v, value: u }))
       ), t(
         Se.UPDATE_FILTER_VALUES_OBJECT,
-        B == null ? void 0 : B.filter(({ value: v }) => v !== null || v !== void 0).reduce((v, d) => (v[d.field] = d.value, v), {})
+        B == null ? void 0 : B.filter(({ value: v }) => v !== null || v !== void 0).reduce((v, u) => (v[u.field] = u.value, v), {})
       );
-    }, T = (B) => {
+    }, I = (B) => {
       const v = a.value.findIndex(
         (O) => O.field === B.field
-      ), d = a.value.slice();
-      d[v].value = B.value, H(d);
+      ), u = a.value.slice();
+      u[v].value = B.value, H(u);
     }, S = () => {
-      const B = a.value.slice(), v = a.value.map(({ value: d, ...O }) => ({
+      const B = a.value.slice(), v = a.value.map(({ value: u, ...O }) => ({
         ...O,
         value: void 0
       }));
@@ -2859,10 +2870,10 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
         }
       }), H(v);
     }, J = () => {
-      const B = a.value.slice(), v = a.value.map(({ defaultValue: d, ...O }) => ({
+      const B = a.value.slice(), v = a.value.map(({ defaultValue: u, ...O }) => ({
         ...O,
-        defaultValue: d,
-        value: d
+        defaultValue: u,
+        value: u
       }));
       i({
         text: o("filtersHaveBeenReset"),
@@ -2876,85 +2887,85 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
     }, ee = () => {
       t(Ae.CLEAR);
     };
-    return n({ isClearAllVisible: h, clearAllFilters: S, isResetAllVisible: M, resetAllFilters: J }), (B, v) => (F(), G("div", {
+    return n({ isClearAllVisible: F, clearAllFilters: S, isResetAllVisible: M, resetAllFilters: J }), (B, v) => (g(), G("div", {
       ref_key: "filterBarRef",
-      ref: u,
+      ref: r,
       class: "b-filter-bar"
     }, [
-      !I(p) && E.value ? (F(), G("div", Aa, [
-        R(ke, re({ class: "b-filter-bar__search-bar" }, P.value, {
-          "input-field-aria-label": g.value,
+      !_(p) && U.value ? (g(), G("div", Aa, [
+        R(ke, re({ class: "b-filter-bar__search-bar" }, T.value, {
+          "input-field-aria-label": h.value,
           value: B.searchTerm,
           condensed: "",
           onInput: z,
           onClear: ee
         }), null, 16, ["input-field-aria-label", "value"])
       ])) : Z("", !0),
-      (F(), w(Oe(I(f)), {
-        class: de(_.value),
+      (g(), w(Oe(_(f)), {
+        class: de($.value),
         condensed: ""
       }, {
         default: D(() => [
           W("div", {
-            class: de(r.value)
+            class: de(c.value)
           }, [
-            I(p) && E.value ? (F(), G("div", Ta, [
-              R(ke, re({ class: "b-filter-bar__search-bar" }, P.value, {
-                "input-field-aria-label": g.value,
+            _(p) && U.value ? (g(), G("div", Ta, [
+              R(ke, re({ class: "b-filter-bar__search-bar" }, T.value, {
+                "input-field-aria-label": h.value,
                 value: B.searchTerm,
                 condensed: "",
                 onInput: z,
                 onClear: ee
               }), null, 16, ["input-field-aria-label", "value"])
             ])) : Z("", !0),
-            L.value.length ? (F(!0), G($e, { key: 1 }, ye(L.value, (d) => (F(), w(Oe(d.type), {
-              key: d.field,
-              field: d.field,
-              label: d.label,
-              disabled: d == null ? void 0 : d.disabled,
-              options: d.options,
-              value: d.value,
-              "default-value": d.defaultValue,
-              onUpdate: T
+            L.value.length ? (g(!0), G($e, { key: 1 }, ye(L.value, (u) => (g(), w(Oe(u.type), {
+              key: u.field,
+              field: u.field,
+              label: u.label,
+              disabled: u == null ? void 0 : u.disabled,
+              options: u.options,
+              value: u.value,
+              "default-value": u.defaultValue,
+              onUpdate: I
             }, null, 40, ["field", "label", "disabled", "options", "value", "default-value"]))), 128)) : Z("", !0),
-            (F(!0), G($e, null, ye(j.value, (d) => (F(), w(Oe(d.type), {
-              key: d.field,
-              field: d.field,
-              label: d.label,
-              disabled: d == null ? void 0 : d.disabled,
-              options: d.options,
-              value: d.value,
-              onUpdate: T
+            (g(!0), G($e, null, ye(j.value, (u) => (g(), w(Oe(u.type), {
+              key: u.field,
+              field: u.field,
+              label: u.label,
+              disabled: u == null ? void 0 : u.disabled,
+              options: u.options,
+              value: u.value,
+              onUpdate: I
             }, null, 40, ["field", "label", "disabled", "options", "value"]))), 128)),
-            $.value ? (F(), w(Da, {
+            P.value ? (g(), w(Da, {
               key: 2,
               class: "b-filter-bar__all-filters-modal",
               value: a.value,
               onInput: H
             }, null, 8, ["value"])) : Z("", !0),
-            h.value ? (F(), w(I(Ee), {
+            F.value ? (g(), w(_(Ue), {
               key: 3,
               class: "b-filter-bar__clear-all",
               onClick: S
             }, {
               iconLeft: D(() => [
-                R(I(Xe), { "aria-hidden": "true" })
+                R(_(Xe), { "aria-hidden": "true" })
               ]),
               default: D(() => [
-                X(x(I(o)("clearFilters")) + " ", 1)
+                X(x(_(o)("clearFilters")) + " ", 1)
               ]),
               _: 1
             })) : Z("", !0),
-            M.value ? (F(), w(I(Ee), {
+            M.value ? (g(), w(_(Ue), {
               key: 4,
               class: "b-filter-bar__reset-all",
               onClick: J
             }, {
               iconLeft: D(() => [
-                R(I(Xe), { "aria-hidden": "true" })
+                R(_(Xe), { "aria-hidden": "true" })
               ]),
               default: D(() => [
-                X(x(I(o)("resetFilters")) + " ", 1)
+                X(x(_(o)("resetFilters")) + " ", 1)
               ]),
               _: 1
             })) : Z("", !0)
@@ -2964,12 +2975,12 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
       }, 8, ["class"]))
     ], 512));
   }
-}), fo = /* @__PURE__ */ le(_a, [["__scopeId", "data-v-08825006"]]);
+}), vo = /* @__PURE__ */ le(_a, [["__scopeId", "data-v-08825006"]]);
 export {
-  fo as B,
+  vo as B,
   Be as a,
   A as b,
   Se as c,
-  se as d
+  ie as d
 };
-//# sourceMappingURL=filter-bar.CvSdAVYh.js.map
+//# sourceMappingURL=filter-bar.B9yGivxl.js.map