@adyen/bento-vue3 1.76.2 → 1.77.0

package/dist/chunks/{filter-bar.JXmlFnHV.js → filter-bar.CmF92iAr.js}

@@ -1,12 +1,12 @@
-import { defineComponent as Q, useSlots as Ne, useAttrs as Ot, computed as b, ref as N, createBlock as w, openBlock as F, unref as T, normalizeClass as de, withCtx as B, 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 Ve, provide as ut, mergeProps as re, resolveComponent as V, 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.RS02IcLc.js";
+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.D3Ri_RUK.js";
 import { u as kt } from "./use-bento-toast-controller.Kri_h7jS.js";
 import { u as pe } from "./index.pdBj0KQU.js";
-import { k as Nt } from "./index.E60QniEu.js";
+import { k as Vt } from "./index.E60QniEu.js";
 import { F as ct } from "./fixed-scroller.Dmg8r9QP.js";
-import { _ as Vt } from "./modal.vue_vue_type_script_setup_true_lang.c3Ma1oAL.js";
+import { _ as Nt } from "./modal.vue_vue_type_script_setup_true_lang.c3Ma1oAL.js";
 import { B as Mt } from "./button.DhcxX2GJ.js";
-import { B as Ht } from "./radio-group.DWNqrkZ3.js";
+import { B as Ht } from "./radio-group.B_8R6vGx.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";
@@ -17,24 +17,24 @@ 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.DQlZEsId.js";
-import { B as Je } from "./input-field.C29FCI4j.js";
-import { u as Ye, B as Gt } from "./dropdown.KStrJVoP.js";
+import { g as mt } from "./get-slot-text.CQRAP2_q.js";
+import { B as Je } from "./input-field.CYGGIK48.js";
+import { u as Ye, B as Gt } from "./dropdown.DYDHM__3.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.uHSB7MO6.js";
-import { B as el } from "./payment-method.CDnn1bjo.js";
+import { L as yt } from "./listbox-option-tag.Cwe9Bn-R.js";
+import { B as el } from "./payment-method.D6PeTYWq.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, b as nl } from "./date-range-picker.D7IwIR5V.js";
+import { D as al, B as ol, i as He, b as nl } from "./date-range-picker.C19CWG27.js";
 import { g as ht } from "./differenceInMonths.C8FyCrav.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.OI-sQ232.js";
+import { B as rl } from "./date-picker.CsGq3iSK.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,7 +71,7 @@ const ul = { class: "b-filter-bar-button__container" }, dl = { class: "b-filter-
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = Ne(), o = Ot(), u = ft(t), a = b(() => t.default ? mt(t)("default") : null), i = b(() => !u("default") && u("iconLeft")), f = vt({ ariaLabel: a }), p = N(null), S = b(() => {
+    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;
       return {
         "aria-controls": (P = o["aria-controls"]) == null ? void 0 : P.toString()
@@ -88,52 +88,52 @@ const ul = { class: "b-filter-bar-button__container" }, dl = { class: "b-filter-
     })), g = (P) => {
       P.preventDefault(), l.disabled || s("click", P);
     };
-    return (P, $) => (F(), w(T(bt), {
+    return (P, $) => (F(), w(I(bt), {
       ref_key: "filterBarButtonRef",
       ref: p,
       class: de(["b-filter-bar-button", r.value]),
       disabled: e.disabled,
-      "aria-label": T(f),
-      "aria-controls": S.value["aria-controls"],
+      "aria-label": I(f),
+      "aria-controls": C.value["aria-controls"],
       type: "button",
       onClick: g
     }, {
-      iconRight: B(() => [
-        e.appliedFiltersCount && !i.value ? (F(), w(T(ve), {
+      iconRight: D(() => [
+        e.appliedFiltersCount && !i.value ? (F(), w(I(ve), {
           key: 0,
           class: "b-filter-bar-button__counter",
           el: "span",
           variant: "body",
           stronger: ""
         }, {
-          default: B(() => [
+          default: D(() => [
             X(x(e.appliedFiltersCount), 1)
           ]),
           _: 1
         })) : Z("", !0)
       ]),
-      default: B(() => [
+      default: D(() => [
         W("div", ul, [
-          T(u)("iconLeft") ? ce(P.$slots, "iconLeft", { key: 0 }, void 0, !0) : Z("", !0),
+          I(u)("iconLeft") ? ce(P.$slots, "iconLeft", { key: 0 }, void 0, !0) : Z("", !0),
           W("div", dl, [
-            R(T(ve), {
+            R(I(ve), {
               el: "span",
               variant: "body",
               stronger: "",
               class: "b-filter-bar-button__label"
             }, {
-              default: B(() => [
+              default: D(() => [
                 W("span", null, [
                   ce(P.$slots, "default", {}, void 0, !0)
                 ]),
-                e.secondaryLabel && !i.value ? (F(), w(T(ve), {
+                e.secondaryLabel && !i.value ? (F(), w(I(ve), {
                   key: 0,
                   el: "span",
                   variant: "body",
                   stronger: "",
                   class: "b-filter-bar-button__label"
                 }, {
-                  default: B(() => $[0] || ($[0] = [
+                  default: D(() => $[0] || ($[0] = [
                     X(":")
                   ])),
                   _: 1
@@ -141,14 +141,14 @@ const ul = { class: "b-filter-bar-button__container" }, dl = { class: "b-filter-
               ]),
               _: 3
             }),
-            e.secondaryLabel && !i.value ? (F(), w(T(ve), {
+            e.secondaryLabel && !i.value ? (F(), w(I(ve), {
               key: 0,
               el: "span",
               variant: "body",
               stronger: "",
               class: "b-filter-bar-button__secondary-label"
             }, {
-              default: B(() => [
+              default: D(() => [
                 X(x(e.secondaryLabel), 1)
               ]),
               _: 1
@@ -163,7 +163,7 @@ const ul = { class: "b-filter-bar-button__container" }, dl = { class: "b-filter-
 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 || {});
 const xe = 430, et = 700;
 function bl(e, n) {
-  const l = N("div"), s = N(!1), t = N(0), o = b(() => !(t.value < xe && n.value.small === "multi-line"));
+  const l = V("div"), s = V(!1), t = V(0), o = b(() => !(t.value < xe && n.value.small === "multi-line"));
   function u() {
     s.value = !1, l.value = "div";
   }
@@ -173,7 +173,7 @@ function bl(e, n) {
   function i() {
     t.value > et || t.value < et && t.value >= xe && n.value.medium === "multi-line" ? u() : a();
   }
-  return ie(() => n.value, i), Nt(e, (f) => {
+  return ie(() => n.value, i), Vt(e, (f) => {
     t.value = f[0].contentRect.width, i();
   }), {
     screenLayoutComponent: l,
@@ -255,9 +255,9 @@ 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 = N(!1), i = N(null), f = N(null), p = b(() => t.defaultValue !== null), S = 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 : g.value) + I;
+    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(
       () => p.value ? o("resetFilter", {
         function: g.value
@@ -265,8 +265,8 @@ const Ft = {
         function: g.value
       })
     ), g = b(() => t.buttonLabel || t.label), P = async () => {
-      var I, D;
-      await rt(), (D = (I = i.value) == null ? void 0 : I.$el) == null || D.focus();
+      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));
     }, U = () => {
@@ -293,82 +293,82 @@ const Ft = {
     ]);
     return ie(
       () => a.value,
-      (I, D) => {
+      (T, S) => {
         var J, z;
-        !I && D && (z = (J = i.value) == null ? void 0 : J.filterBarButtonRef) != null && z.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+        !T && 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: $
-    }), (I, D) => I.onlySlot ? (F(), G("div", yl, [
-      ce(I.$slots, "default", {}, void 0, !0)
+    }), (T, S) => T.onlySlot ? (F(), G("div", yl, [
+      ce(T.$slots, "default", {}, void 0, !0)
     ])) : (F(), G("div", hl, [
       Rt((F(), w(ml, {
         "is-active": a.value,
-        "skip-grouping": !S.value
+        "skip-grouping": !C.value
       }, {
-        default: B(() => [
-          R(T(Ee), {
+        default: D(() => [
+          R(I(Ee), {
             ref_key: "filterButtonRef",
             ref: i,
             "aria-label": _.value,
-            "aria-controls": a.value ? T(u) : null,
-            "applied-filters-count": I.appliedFiltersCount,
-            disabled: I.disabled,
+            "aria-controls": a.value ? I(u) : null,
+            "applied-filters-count": T.appliedFiltersCount,
+            disabled: T.disabled,
             "is-persistent-filter": p.value,
             "is-filter-open": a.value,
-            "secondary-label": I.buttonSecondaryLabel,
+            "secondary-label": T.buttonSecondaryLabel,
             onClick: E,
             onKeydown: me($, ["esc"])
           }, {
-            default: B(() => [
+            default: D(() => [
               X(x(g.value), 1)
             ]),
             _: 1
           }, 8, ["aria-label", "aria-controls", "applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label"]),
-          S.value ? (F(), w(T(Ee), {
+          C.value ? (F(), w(I(Ee), {
             key: 0,
-            "applied-filters-count": I.appliedFiltersCount,
-            disabled: I.disabled,
+            "applied-filters-count": T.appliedFiltersCount,
+            disabled: T.disabled,
             "is-persistent-filter": p.value,
             "is-filter-open": a.value,
-            "secondary-label": I.buttonSecondaryLabel,
+            "secondary-label": T.buttonSecondaryLabel,
             onClick: U
           }, {
-            iconLeft: B(() => [
-              R(T(Wt), { "svg-title": r.value }, null, 8, ["svg-title"])
+            iconLeft: D(() => [
+              R(I(Wt), { "svg-title": r.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"])), [
-        [T(zt), I.tooltipText, I.tooltipPosition]
+        [I(zt), T.tooltipText, T.tooltipPosition]
       ]),
       i.value ? (F(), w(pt, { key: 0 }, {
-        default: B(() => [
+        default: D(() => [
           i.value ? (F(), w(qt, {
             key: 0,
-            id: T(u),
+            id: I(u),
             ref_key: "popoverRef",
             ref: f,
             class: "b-base-filter__popover",
             divider: "",
             open: a.value,
-            actions: I.controlled ? null : H.value,
+            actions: T.controlled ? null : H.value,
             "actions-layout": "space-between",
             "target-element": i.value,
-            title: I.controlled ? null : I.label,
-            "fit-content": I.fitContent,
+            title: T.controlled ? null : T.label,
+            "fit-content": T.fitContent,
             position: "bottom-start",
-            "without-space": I.controlled,
+            "without-space": T.controlled,
             "fallback-position": ["bottom-end"],
             "overflow-visible": ""
           }, {
-            default: B(() => [
+            default: D(() => [
               W("div", {
                 onKeydown: me(h, ["esc"])
               }, [
-                ce(I.$slots, "default", {}, void 0, !0)
+                ce(T.$slots, "default", {}, void 0, !0)
               ], 32)
             ]),
             _: 3
@@ -379,7 +379,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 = N(e.value);
+  const l = V(e.value);
   ie(
     () => e.value,
     () => {
@@ -409,36 +409,36 @@ const Ft = {
   },
   emits: ["input", "update"],
   setup(e, { emit: n }) {
-    var H, I;
-    const l = e, s = n, t = N(null), o = N((I = (H = l == null ? void 0 : l.options) == null ? void 0 : H.dropdown) == null ? void 0 : I.value), u = b(
+    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 D, J;
-        return ((D = l == null ? void 0 : l.options) == null ? void 0 : D.variant) === "dropdown" && ((J = l == null ? void 0 : l.options) == null ? void 0 : J.dropdown) !== void 0;
+        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;
       }
     ), a = b(
       () => {
-        var D;
-        return u.value ? { ...(D = l == null ? void 0 : l.options) == null ? void 0 : D.dropdown, value: o.value } : void 0;
+        var S;
+        return u.value ? { ...(S = l == null ? void 0 : l.options) == null ? void 0 : S.dropdown, value: o.value } : void 0;
       }
     ), i = b(() => {
-      var D;
-      return ((D = l == null ? void 0 : l.options) == null ? void 0 : D.variant) === "dropdown" ? "dropdown" : "default";
+      var S;
+      return ((S = l == null ? void 0 : l.options) == null ? void 0 : S.variant) === "dropdown" ? "dropdown" : "default";
     }), f = b(
       () => {
-        var D;
-        return u.value ? (D = l.value) == null ? void 0 : D.inputValue : l == null ? void 0 : l.value;
+        var S;
+        return u.value ? (S = l.value) == null ? void 0 : S.inputValue : l == null ? void 0 : l.value;
       }
-    ), { internalFilterValue: p, isSecondaryButtonDisabled: S, isApplyButtonDisabled: _ } = he(
+    ), { internalFilterValue: p, isSecondaryButtonDisabled: C, isApplyButtonDisabled: _ } = he(
       f,
       te(l, "defaultValue")
     ), r = b(() => l.label), g = b(() => Ce(f.value, 12)), P = b(() => ({
       "b-input-filter--only-slot": l.onlySlot
     }));
-    Ve(() => {
+    Ne(() => {
       p.value === "" && (p.value = null);
     }), ie(t, () => {
-      var D;
-      (D = t.value) == null || D.focusInput();
+      var S;
+      (S = t.value) == null || S.focusInput();
     });
     const $ = () => {
       p.value = f.value;
@@ -454,16 +454,16 @@ const Ft = {
       p.value = null, U();
     }, q = () => {
       s("input", { ...l, value: p.value });
-    }, h = (D) => {
-      p.value = D;
-    }, M = (D) => {
-      o.value = D;
+    }, h = (S) => {
+      p.value = S;
+    }, M = (S) => {
+      o.value = S;
     };
     return ut(Kt, u.value), ie(
       () => l.options,
       () => {
-        var D, J, z;
-        ((D = l.options) != null && D.dropdown || (J = l.options) != null && J.dropdownPosition || (z = l.options) != null && z.variant) && Ke(
+        var S, J, z;
+        ((S = l.options) != null && S.dropdown || (J = l.options) != null && J.dropdownPosition || (z = l.options) != null && z.variant) && Ke(
           'BentoInputFilter "options" property',
           `BentoInputFilter "options" no longer supports "dropdown", "dropdownPosition" or "variant" attributes.
                             Use the "BentoFilterItemType.INPUT_DROPDOWN" instead of "BentoFilterItemType.INPUT"
@@ -479,39 +479,39 @@ const Ft = {
         );
       },
       { immediate: !0 }
-    ), (D, J) => {
+    ), (S, J) => {
       var z, ee;
-      return F(), w(T(Be), re(D.$props, {
+      return F(), w(I(Be), re(S.$props, {
         "button-label": r.value,
         "button-secondary-label": g.value,
-        "disable-apply-button": T(_),
-        "disable-secondary-button": T(S),
-        "only-slot": D.onlySlot,
+        "disable-apply-button": I(_),
+        "disable-secondary-button": I(C),
+        "only-slot": S.onlySlot,
         "popover-overflow-visible": u.value,
-        "tooltip-position": (z = D.options) == null ? void 0 : z.tooltipPosition,
-        "tooltip-text": (ee = D.options) == null ? void 0 : ee.tooltipText,
+        "tooltip-position": (z = S.options) == null ? void 0 : z.tooltipPosition,
+        "tooltip-text": (ee = S.options) == null ? void 0 : ee.tooltipText,
         onApply: U,
         onClear: E,
         onOpen: $,
         onReset: j
       }), {
-        default: B(() => {
-          var C, v;
+        default: D(() => {
+          var B, v;
           return [
             W("div", {
               class: de(["b-input-filter", P.value]),
               onKeydown: me(U, ["enter"]),
               onInput: q
             }, [
-              R(T(Je), {
+              R(I(Je), {
                 ref_key: "inputTextRef",
                 ref: t,
                 dropdown: a.value,
-                "dropdown-position": (C = D.options) == null ? void 0 : C.dropdownPosition,
-                placeholder: (v = D.options) == null ? void 0 : v.placeholder,
+                "dropdown-position": (B = S.options) == null ? void 0 : B.dropdownPosition,
+                placeholder: (v = S.options) == null ? void 0 : v.placeholder,
                 variant: i.value,
-                value: T(p),
-                disabled: D.disabled,
+                value: I(p),
+                disabled: S.disabled,
                 onInput: h,
                 onDropdownInput: M
               }, null, 8, ["dropdown", "dropdown-position", "placeholder", "variant", "value", "disabled"])
@@ -537,19 +537,19 @@ const Ft = {
   },
   emits: [A.INPUT, A.UPDATE],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = N(null), { internalFilterValue: o, isSecondaryButtonDisabled: u, isApplyButtonDisabled: a } = he(te(l, "value"), te(l, "defaultValue")), i = b(() => l.label), f = b(() => {
+    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);
     }), p = b(
       () => {
-        var h, M, H;
-        return ((h = o.value) == null ? void 0 : h.dropdownValue) ?? ((H = (M = l.options) == null ? void 0 : M.dropdown) == null ? void 0 : H.value);
+        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);
       }
-    ), S = b(() => {
+    ), C = b(() => {
       var h;
       return {
         ...((h = l.options) == null ? void 0 : h.dropdown) || {},
-        value: p.value
+        modelValue: p.value
       };
     }), _ = b(() => ({
       "b-input-with-dropdown-filter--only-slot": l.onlySlot
@@ -557,7 +557,7 @@ const Ft = {
       var M;
       return !(!!((M = o.value) != null && M.inputValue) && !!p.value) || a.value;
     });
-    Ve(() => {
+    Ne(() => {
       var h;
       ((h = o.value) == null ? void 0 : h.inputValue) === "" && (o.value = { ...o.value, inputValue: void 0 });
     }), ie(t, () => {
@@ -582,35 +582,35 @@ const Ft = {
       o.value = { ...o.value, dropdownValue: h };
     };
     return ut(Jt, !0), (h, M) => {
-      var H, I;
-      return F(), w(T(Be), re(h.$props, {
+      var H, T;
+      return F(), w(I(Be), re(h.$props, {
         "button-label": i.value,
         "button-secondary-label": f.value,
         "disable-apply-button": r.value,
-        "disable-secondary-button": T(u),
+        "disable-secondary-button": I(u),
         "only-slot": h.onlySlot,
         "tooltip-position": (H = h.options) == null ? void 0 : H.tooltipPosition,
-        "tooltip-text": (I = h.options) == null ? void 0 : I.tooltipText,
+        "tooltip-text": (T = h.options) == null ? void 0 : T.tooltipText,
         onApply: P,
         onClear: U,
         onOpen: g,
         onReset: $
       }), {
-        default: B(() => {
-          var D, J;
+        default: D(() => {
+          var S, J;
           return [
             W("div", {
               class: de(["b-input-with-dropdown-filter", _.value]),
               onKeydown: me(P, ["enter"]),
               onInput: j
             }, [
-              R(T(Je), {
+              R(I(Je), {
                 ref_key: "inputTextRef",
                 ref: t,
-                dropdown: S.value,
-                "dropdown-position": (D = h.options) == null ? void 0 : D.dropdownPosition,
+                dropdown: C.value,
+                "dropdown-position": (S = h.options) == null ? void 0 : S.dropdownPosition,
                 variant: "dropdown",
-                value: (J = T(o)) == null ? void 0 : J.inputValue,
+                value: (J = I(o)) == null ? void 0 : J.inputValue,
                 disabled: h.disabled,
                 onInput: E,
                 onDropdownInput: q
@@ -622,7 +622,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-f10e25d2"]]), Tl = Q({
+}), St = /* @__PURE__ */ le(Al, [["__scopeId", "data-v-30d40e52"]]), Tl = Q({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: Be,
@@ -685,7 +685,7 @@ const Ft = {
       }
     ), i = b(() => e.label), f = b(() => a.value), p = () => {
       n(A.UPDATE, { ...e, value: t.value });
-    }, S = () => {
+    }, C = () => {
       t.value = null, p();
     }, _ = () => {
       t.value = e.defaultValue, p();
@@ -702,7 +702,7 @@ const Ft = {
       buttonLabel: i,
       buttonSecondaryLabel: f,
       // Events
-      clearFilter: S,
+      clearFilter: C,
       onDateSelected: g,
       openFilter: r,
       updateFilter: p,
@@ -714,8 +714,8 @@ const Ft = {
   }
 }), Il = { class: "b-date-filter" };
 function _l(e, n, l, s, t, o) {
-  var p, S;
-  const u = V("bento-date-picker"), a = V("bento-divider"), i = V("calendar"), f = V("bento-base-filter");
+  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, {
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
@@ -727,14 +727,14 @@ function _l(e, n, l, s, t, o) {
     label: e.label,
     "only-slot": e.onlySlot,
     "tooltip-position": (p = e.options) == null ? void 0 : p.tooltipPosition,
-    "tooltip-text": (S = e.options) == null ? void 0 : S.tooltipText,
+    "tooltip-text": (C = e.options) == null ? void 0 : C.tooltipText,
     "fit-content": "",
     onApply: e.updateFilter,
     onClear: e.clearFilter,
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }, {
-    default: B(() => {
+    default: D(() => {
       var _, r, g, P, $, U;
       return [
         e.onlySlot ? (F(), w(u, {
@@ -846,7 +846,7 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
     const { locale: l, t: s } = pe({ messages: at }), t = ht(), { internalFilterValue: o, isSecondaryButtonDisabled: u, isApplyButtonDisabled: a } = he(
       te(e, "value"),
       te(e, "defaultValue")
-    ), i = N(!1), f = b(() => {
+    ), i = V(!1), f = b(() => {
       var c;
       return ((c = e == null ? void 0 : e.options) == null ? void 0 : c.quickSelectRanges) && e.options.quickSelectRanges.map((L) => {
         const y = L.data.endDate ? void 0 : new Date(Date.now()).getTime() - L.data.startDate.getTime();
@@ -864,22 +864,22 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
       return c ? ge(c, Qe.NUMERIC_DATE_YEAR_FIRST, {
         locale: t[(L = l.value) == null ? void 0 : L.substring(0, 2)] || t.enUS
       }) : void 0;
-    }, S = (c) => {
+    }, C = (c) => {
       var L;
       return c ? ge(c, Qe.HOUR_MINUTE_SECONDS, {
         locale: t[(L = l.value) == null ? void 0 : L.substring(0, 2)] || t.enUS
       }) : "";
-    }, _ = N(null), r = N(!1), g = wt({
+    }, _ = V(null), r = V(!1), g = wt({
       startDate: p((v = e.value) == null ? void 0 : v.startDate),
       endDate: p((d = e.value) == null ? void 0 : d.endDate),
-      startTime: S((O = e.value) == null ? void 0 : O.startDate),
-      endTime: S((Y = e.value) == null ? void 0 : Y.endDate)
+      startTime: C((O = e.value) == null ? void 0 : O.startDate),
+      endTime: C((Y = e.value) == null ? void 0 : Y.endDate)
     });
     ie(
       () => e.value,
       () => {
         var c, L, y, m;
-        g.startDate = p((c = e.value) == null ? void 0 : c.startDate), g.endDate = p((L = e.value) == null ? void 0 : L.endDate), g.startTime = S((y = e.value) == null ? void 0 : y.startDate), g.endTime = S((m = e.value) == null ? void 0 : m.endDate);
+        g.startDate = p((c = e.value) == null ? void 0 : c.startDate), g.endDate = p((L = e.value) == null ? void 0 : L.endDate), g.startTime = C((y = e.value) == null ? void 0 : y.startDate), g.endTime = C((m = e.value) == null ? void 0 : m.endDate);
       }
     );
     function P(c) {
@@ -903,7 +903,7 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
       })} - ${ge(c.endDate, "dd MMM, yyyy", {
         locale: t[(Fe = l.value) == null ? void 0 : Fe.substring(0, 2)] || t.enUS
       })}`;
-    }, U = N($(e.value)), j = b(() => e.label), E = () => {
+    }, U = V($(e.value)), j = b(() => e.label), E = () => {
       _.value.closePopover();
       const { onlySlot: c, ...L } = e;
       n(A.UPDATE, { ...L, value: o.value });
@@ -915,13 +915,13 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
       o.value = e.value;
     }, H = () => {
       var c, L, y, m;
-      o.value = e.value, i.value = !1, g.startDate = p((c = e.value) == null ? void 0 : c.startDate), g.endDate = p((L = e.value) == null ? void 0 : L.endDate), g.startTime = S((y = e.value) == null ? void 0 : y.startDate), g.endTime = S((m = e.value) == null ? void 0 : m.endDate);
-    }, I = (c) => {
+      o.value = e.value, i.value = !1, g.startDate = p((c = e.value) == null ? void 0 : c.startDate), g.endDate = p((L = e.value) == null ? void 0 : L.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 });
-    }, D = (c) => {
+    }, 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) => {
-      I(c), n(A.INPUT, { ...e, value: o.value });
+      T(c), n(A.INPUT, { ...e, value: o.value });
     }, z = b(
       () => [
         {
@@ -937,7 +937,7 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
       ]
     ), ee = () => {
       r.value = !0, o.value = { startDate: void 0, endDate: void 0 }, n(A.INPUT, { ...e, value: o.value });
-    }, C = (c) => {
+    }, B = (c) => {
       r.value = !1, c.startTime && (g.startTime = c.startTime), c.endTime && (g.endTime = c.endTime);
     };
     return ie(
@@ -961,15 +961,15 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
       adjustedQuickSelectRanges: f,
       // Events
       onCancel: H,
-      onDateSelected: I,
+      onDateSelected: T,
       openFilter: M,
       clearFilter: q,
       resetFilter: h,
       updateFilter: E,
       onDatePickerRangeError: ee,
-      onDatePickerRangeFormDateInputUpdate: C,
+      onDatePickerRangeFormDateInputUpdate: B,
       onDateInputSelected: J,
-      onRangeSelectorInput: D
+      onRangeSelectorInput: S
     };
   }
 }), Pl = {
@@ -978,8 +978,8 @@ const Ct = /* @__PURE__ */ le(Tl, [["render", _l], ["__scopeId", "data-v-28d8abb
 };
 function El(e, n, l, s, t, o) {
   var _, r;
-  const u = V("bento-date-range-picker"), a = V("bento-typography"), i = V("bento-divider"), f = V("bento-button-actions"), p = V("date-range-picker-calendar"), S = V("bento-base-filter");
-  return F(), w(S, {
+  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, {
     ref: "baseFilter",
     class: "b-base-filter-date-range-filter",
     "button-label": e.buttonLabel,
@@ -1000,8 +1000,8 @@ function El(e, n, l, s, t, o) {
     onReset: e.resetFilter,
     onCancel: e.onCancel
   }, {
-    default: B(() => {
-      var g, P, $, U, j, E, q, h, M, H, I, D, J, z, ee, C, v, d, O, Y, c;
+    default: D(() => {
+      var g, P, $, U, j, E, q, h, M, H, T, S, J, z, ee, B, v, d, O, Y, c;
       return [
         e.onlySlot ? (F(), w(u, {
           key: 0,
@@ -1018,15 +1018,15 @@ function El(e, n, l, s, t, o) {
           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": (I = e.options) == null ? void 0 : I.showEndDateOnOpen,
+          "show-end-date-on-open": (T = e.options) == null ? void 0 : T.showEndDateOnOpen,
           onInput: e.onDateInputSelected
         }, null, 8, ["allow-time-input", "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", "onInput"])) : (F(), G("div", Pl, [
           R(p, {
-            "allow-time-input": (D = e.options) == null ? void 0 : D.allowTimeInput,
+            "allow-time-input": (S = e.options) == null ? void 0 : S.allowTimeInput,
             "first-day-of-week": (J = e.options) == null ? void 0 : J.firstDayOfWeek,
             "is-date-disabled": (z = e.options) == null ? void 0 : z.isDateDisabled,
             granularities: (ee = e.options) == null ? void 0 : ee.granularities,
-            "max-range": (C = e.options) == null ? void 0 : C.maxRange,
+            "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,
             "number-of-months": (O = e.options) == null ? void 0 : O.numberOfMonths,
@@ -1041,19 +1041,19 @@ function El(e, n, l, s, t, o) {
             onFormDate: e.onDatePickerRangeFormDateInputUpdate,
             onStartDateSelected: n[0] || (n[0] = (L) => e.isSelectingDate = !0)
           }, {
-            title: B(() => [
+            title: D(() => [
               R(a, {
                 strongest: "",
                 variant: "body",
                 el: "span"
               }, {
-                default: B(() => [
+                default: D(() => [
                   X(x(e.label), 1)
                 ]),
                 _: 1
               })
             ]),
-            actions: B(() => [
+            actions: D(() => [
               R(i, { class: "b-date-range-filter__divider" }),
               R(f, {
                 class: "b-date-range-filter__actions",
@@ -1140,8 +1140,8 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
   },
   emits: ["input", "update"],
   setup(e, { emit: n }) {
-    var ee, C;
-    const l = Ne(), s = n, t = e, { t: o } = pe({ messages: Dt }), u = N(""), a = te(t, "options"), i = N(t.options.listboxItems ?? []), { cachedSelectedListboxOptions: f, setCachedValues: p, resetCache: S } = Ze(
+    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(
       i,
       te(t, "value"),
       te(a.value, "multiple")
@@ -1156,7 +1156,7 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
     const $ = Ye(
       u,
       i,
-      (C = (ee = t.options) == null ? void 0 : ee.search) == null ? void 0 : C.searchEvent
+      (B = (ee = t.options) == null ? void 0 : ee.search) == null ? void 0 : B.searchEvent
     ), U = b(() => o("noFiltersMatchThisSearch")), j = b(() => t.label), E = b(() => {
       var O, Y, c, L, 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;
@@ -1202,12 +1202,12 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
     }, H = () => {
       var v, d;
       r.value = f.value, (d = (v = t.options) == null ? void 0 : v.onOpen) == null || d.call(v);
-    }, I = () => {
+    }, T = () => {
       u.value && (u.value = "");
-    }, D = () => {
+    }, S = () => {
       p(_.value), r.value = _.value, M();
     }, J = () => {
-      S(), r.value = [], M();
+      C(), r.value = [], M();
     }, z = b(() => {
       var O, Y;
       if (t.value == null || !t.options.multiple)
@@ -1220,13 +1220,13 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
     });
     return (v, d) => {
       var O, Y;
-      return F(), w(T(Be), {
+      return F(), w(I(Be), {
         "applied-filters-count": z.value,
         "button-label": j.value,
         "button-secondary-label": E.value,
         disabled: e.disabled,
-        "disable-apply-button": T(P),
-        "disable-secondary-button": T(g),
+        "disable-apply-button": I(P),
+        "disable-secondary-button": I(g),
         "default-value": e.defaultValue,
         label: e.label,
         field: e.field,
@@ -1236,11 +1236,11 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
         value: e.value,
         onApply: M,
         onClear: J,
-        onReset: D,
+        onReset: S,
         onOpen: H,
-        onClose: I
+        onClose: T
       }, {
-        default: B(() => {
+        default: D(() => {
           var c, L, y, m, k, K, ae, ue, be, fe, Fe, Ie, Le, oe, We;
           return [
             W("div", Ll, [
@@ -1248,22 +1248,22 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
                 R(ke, {
                   "debounce-time": (y = (L = e.options) == null ? void 0 : L.search) == null ? void 0 : y.debounceTime,
                   value: u.value,
-                  "input-field-aria-label": T(o)("searchFilter", { filter: e.label.toLocaleLowerCase() }),
+                  "input-field-aria-label": I(o)("searchFilter", { filter: e.label.toLocaleLowerCase() }),
                   onInput: d[0] || (d[0] = (Me) => u.value = Me)
                 }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
               ])) : Z("", !0),
               W("div", Ol, [
-                R(T(ze))
+                R(I(ze))
               ])
             ]),
-            R(T(xt), {
+            R(I(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: T($),
+              items: I($),
               "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,
@@ -1271,7 +1271,7 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
               "static-categories": (oe = e.options) == null ? void 0 : oe.staticCategories,
               "no-results-message": U.value,
               searching: !!u.value,
-              "selected-value": T(r),
+              "selected-value": I(r),
               "virtual-scroll": (We = e.options) == null ? void 0 : We.virtualScroll,
               onSelect: h,
               onSpacePressed: h,
@@ -1281,9 +1281,9 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
                 return (Ue = (_e = e.options) == null ? void 0 : _e.lazy) == null ? void 0 : Ue.showMoreEvent();
               })
             }, Pe({ _: 2 }, [
-              ye(T(l), (Me, _e) => ({
+              ye(I(l), (Me, _e) => ({
                 name: _e,
-                fn: B((Ue) => [
+                fn: D((Ue) => [
                   ce(v.$slots, _e, Re(we(Ue)), void 0, !0)
                 ])
               }))
@@ -1298,11 +1298,11 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
   "en-US": {
     noFiltersMatchThisSearch: "No filters match this search"
   }
-}, Nl = {
+}, Vl = {
   i18n: { messages: At },
   name: "select-filter-dropdown"
-}, Vl = /* @__PURE__ */ Q({
-  ...Nl,
+}, Nl = /* @__PURE__ */ Q({
+  ...Vl,
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -1355,19 +1355,19 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
   },
   emits: ["input", "update"],
   setup(e, { emit: n }) {
-    const { t: l } = pe({ messages: At }), s = Ne(), t = n, o = e, { internalFilterValue: u } = he(te(o, "value"), te(o, "defaultValue")), a = te(o, "options"), i = N(o.options.listboxItems);
+    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, () => {
       i.value = a.value.listboxItems;
     });
-    const f = b(() => l("noFiltersMatchThisSearch")), p = (S) => {
-      u.value = S;
+    const f = b(() => l("noFiltersMatchThisSearch")), p = (C) => {
+      u.value = C;
       const { onlySlot: _, ...r } = o;
       t(A.INPUT, { ...r, value: u.value });
     };
-    return (S, _) => {
+    return (C, _) => {
       var r, g, P, $, U, j, E;
-      return F(), w(T(Gt), {
-        value: T(u),
+      return F(), w(I(Gt), {
+        "model-value": I(u),
         items: e.options.listboxItems,
         search: (r = e.options) == null ? void 0 : r.search,
         multiple: (g = e.options) == null ? void 0 : g.multiple,
@@ -1379,19 +1379,19 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
         "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,
-        onInput: p,
+        "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);
         })
       }, Pe({ _: 2 }, [
-        ye(T(s), (q, h) => ({
+        ye(I(s), (q, h) => ({
           name: h,
-          fn: B((M) => [
-            ce(S.$slots, h, Re(we(M)))
+          fn: D((M) => [
+            ce(C.$slots, h, Re(we(M)))
           ])
         }))
-      ]), 1032, ["value", "items", "search", "multiple", "static-categories", "no-results-message", "is-option-disabled", "dynamic-filtering", "component-loading", "empty-state", "disabled", "enable-value-label-pair"]);
+      ]), 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"]);
     };
   }
 }), Te = {
@@ -1451,7 +1451,7 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
   props: Te,
   emits: ["input", "update"],
   setup(e, { emit: n }) {
-    const l = Ne(), 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), u = (a) => s("update", a);
     return dt(() => {
       var a;
       (a = t == null ? void 0 : t.options) != null && a.messages && Ke(
@@ -1460,7 +1460,7 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
                         This will be the default behavior in the v2 and "options.messages" will be removed.`,
         "2.0.0"
       );
-    }), (a, i) => a.onlySlot ? (F(), w(T(Vl), {
+    }), (a, i) => a.onlySlot ? (F(), w(I(Nl), {
       key: 0,
       disabled: a.disabled,
       "default-value": a.defaultValue,
@@ -1471,13 +1471,13 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
       onInput: o,
       onUpdate: u
     }, Pe({ _: 2 }, [
-      ye(T(l), (f, p) => ({
+      ye(I(l), (f, p) => ({
         name: p,
-        fn: B((S) => [
-          ce(a.$slots, p, Re(we(S)))
+        fn: D((C) => [
+          ce(a.$slots, p, Re(we(C)))
         ])
       }))
-    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (F(), w(T(kl), {
+    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (F(), w(I(kl), {
       key: 1,
       disabled: a.disabled,
       "default-value": a.defaultValue,
@@ -1488,10 +1488,10 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
       onInput: o,
       onUpdate: u
     }, Pe({ _: 2 }, [
-      ye(T(l), (f, p) => ({
+      ye(I(l), (f, p) => ({
         name: p,
-        fn: B((S) => [
-          ce(a.$slots, p, Re(we(S)))
+        fn: D((C) => [
+          ce(a.$slots, p, Re(we(C)))
         ])
       }))
     ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"]));
@@ -1526,14 +1526,14 @@ const Bt = /* @__PURE__ */ le($l, [["render", El], ["__scopeId", "data-v-49d0606
   }
 });
 function jl(e, n, l, s, t, o) {
-  const u = V("bento-avatar"), a = V("bento-select-filter");
+  const u = N("bento-avatar"), a = N("bento-select-filter");
   return F(), 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: B(({ label: i, data: f }) => [
+    default: D(({ label: i, data: f }) => [
       R(u, {
         username: i,
         src: f
@@ -1566,18 +1566,18 @@ const Tt = /* @__PURE__ */ le(Hl, [["render", jl]]), ql = Q({
     var u;
     const l = (a) => {
       n(A.UPDATE, a);
-    }, s = N(e.options.listboxItems), t = (u = e.options) != null && u.search ? e.options.search : {
+    }, s = V(e.options.listboxItems), t = (u = e.options) != null && u.search ? e.options.search : {
       debounceTime: 500,
       searchEvent: async (a) => {
-        var S, _;
+        var C, _;
         const i = e.options.listboxItems.map((r) => ({
           ...r,
           label: `${r.value} ${r.label}`
         })), f = Ye(
-          N(a),
-          N(i),
-          (_ = (S = e.options) == null ? void 0 : S.search) == null ? void 0 : _.searchEvent,
-          N(!1)
+          V(a),
+          V(i),
+          (_ = (C = e.options) == null ? void 0 : C.search) == null ? void 0 : _.searchEvent,
+          V(!1)
         ).value, p = f == null ? void 0 : f.map((r) => ({
           ...r,
           label: r.label.substring(r.value.length + 1)
@@ -1599,7 +1599,7 @@ const Tt = /* @__PURE__ */ le(Hl, [["render", jl]]), ql = Q({
   }
 });
 function Kl(e, n, l, s, t, o) {
-  const u = V("listbox-option-tag"), a = V("bento-select-filter");
+  const u = N("listbox-option-tag"), a = N("bento-select-filter");
   return F(), w(a, re(e.$props, {
     field: e.field,
     label: e.label,
@@ -1607,7 +1607,7 @@ function Kl(e, n, l, s, t, o) {
     onUpdate: e.onUpdate,
     onInput: n[0] || (n[0] = (i) => e.$emit(e.BentoFilterEvent.INPUT, i))
   }), {
-    default: B((i) => [
+    default: D((i) => [
       R(u, { option: i }, null, 8, ["option"])
     ]),
     _: 1
@@ -1633,7 +1633,7 @@ const It = /* @__PURE__ */ le(ql, [["render", Kl]]), Jl = {
   },
   emits: [A.INPUT, A.UPDATE],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = N(l.options.variant), o = N(l.options.listboxItems);
+    const l = e, s = n, t = V(l.options.variant), o = V(l.options.listboxItems);
     ie([() => l.options.variant, () => l.options.listboxItems], () => {
       t.value = l.options.variant, o.value = l.options.listboxItems;
     });
@@ -1650,12 +1650,12 @@ const It = /* @__PURE__ */ le(ql, [["render", Kl]]), Jl = {
       label: f.label,
       options: i.value,
       onUpdate: u,
-      onInput: p[0] || (p[0] = (S) => f.$emit(T(A).INPUT, S))
+      onInput: p[0] || (p[0] = (C) => f.$emit(I(A).INPUT, C))
     }), {
-      default: B(({ label: S }) => [
-        R(T(ve), { el: "span" }, {
-          default: B(() => [
-            X(x(S), 1)
+      default: D(({ label: C }) => [
+        R(I(ve), { el: "span" }, {
+          default: D(() => [
+            X(x(C), 1)
           ]),
           _: 2
         }, 1024)
@@ -1693,14 +1693,14 @@ const It = /* @__PURE__ */ le(ql, [["render", Kl]]), Jl = {
   }
 });
 function zl(e, n, l, s, t, o) {
-  const u = V("bento-payment-method"), a = V("bento-select-filter");
+  const u = N("bento-payment-method"), a = N("bento-select-filter");
   return F(), 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: B(({ value: i, label: f }) => [
+    default: D(({ value: i, label: f }) => [
       R(u, {
         type: i,
         label: f
@@ -1750,7 +1750,7 @@ const $t = /* @__PURE__ */ le(Yl, [["render", zl]]), Wl = Q({
   }
 });
 function Gl(e, n, l, s, t, o) {
-  const u = V("listbox-option-tag"), a = V("bento-select-filter");
+  const u = N("listbox-option-tag"), a = N("bento-select-filter");
   return F(), w(a, re(e.$props, {
     field: e.field,
     label: e.label,
@@ -1758,7 +1758,7 @@ function Gl(e, n, l, s, t, o) {
     onUpdate: e.onUpdate,
     onInput: n[0] || (n[0] = (i) => e.$emit(e.BentoFilterEvent.INPUT, i))
   }), {
-    default: B(({ label: i, data: f }) => [
+    default: D(({ label: i, data: f }) => [
       R(u, {
         option: { value: i, data: f, label: "" }
       }, null, 8, ["option"])
@@ -1843,7 +1843,7 @@ const Pt = /* @__PURE__ */ le(Wl, [["render", Gl]]), ot = {
     ]), { internalFilterValue: i, isSecondaryButtonDisabled: f, isApplyButtonDisabled: p } = he(
       u,
       o
-    ), S = 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);
@@ -1851,7 +1851,7 @@ const Pt = /* @__PURE__ */ le(Wl, [["render", Gl]]), ot = {
     ), r = b(() => ({
       "b-boolean-filter--only-slot": e.onlySlot
     }));
-    Ve(() => {
+    Ne(() => {
       i.value || (i.value = null);
     });
     const g = (E) => {
@@ -1871,7 +1871,7 @@ const Pt = /* @__PURE__ */ le(Wl, [["render", Gl]]), ot = {
       // Values
       items: a,
       conditionalClasses: r,
-      buttonLabel: S,
+      buttonLabel: C,
       buttonSecondaryLabel: _,
       internalFilterValue: i,
       isApplyButtonDisabled: p,
@@ -1891,7 +1891,7 @@ const Pt = /* @__PURE__ */ le(Wl, [["render", Gl]]), ot = {
 });
 function Ql(e, n, l, s, t, o) {
   var i, f;
-  const u = V("bento-radio-group"), a = V("bento-base-filter");
+  const u = N("bento-radio-group"), a = N("bento-base-filter");
   return F(), w(a, re(e.$props, {
     value: e.translatedValue,
     "default-value": e.translatedDefaultValue,
@@ -1907,7 +1907,7 @@ function Ql(e, n, l, s, t, o) {
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }), {
-    default: B(() => [
+    default: D(() => [
       W("div", {
         class: de(["b-boolean-filter", e.conditionalClasses]),
         onKeydown: n[0] || (n[0] = me((...p) => e.updateFilter && e.updateFilter(...p), ["enter"]))
@@ -1971,20 +1971,20 @@ 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 = N(null), { internalFilterValue: t, isSecondaryButtonDisabled: o, isApplyButtonDisabled: u } = he(
+    const { t: l } = pe({ messages: nt }), s = V(null), { internalFilterValue: t, isSecondaryButtonDisabled: o, isApplyButtonDisabled: u } = he(
       te(e, "value"),
       te(e, "defaultValue")
     ), a = b(() => {
-      var M, H, I, D, J, z, ee, C;
+      var M, H, T, S, J, z, ee, B;
       if (!((M = e.value) != null && M[0]) && !((H = e.value) != null && H[1]))
         return null;
       let j = "";
-      (I = e.value) != null && I[0] ? (D = e.value) != null && D[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 = (C = e.value) != null && C[1] ? `${Ce(e.value[1], 5)}` : "";
+      (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 = b(() => e.label), f = b(() => a.value), p = b(() => ({
       "b-range-filter--only-slot": e.onlySlot
-    })), S = () => {
+    })), C = () => {
       t.value = e.value, rt(() => s.value.focusInput());
     }, _ = () => {
       n(A.INPUT, { ...e, value: t.value });
@@ -2014,7 +2014,7 @@ const Et = /* @__PURE__ */ le(Zl, [["render", Ql], ["__scopeId", "data-v-7772a6d
       clearFilter: () => {
         t.value = ["", ""], P();
       },
-      openFilter: S,
+      openFilter: C,
       resetFilter: () => n(A.UPDATE, { ...e, value: e.defaultValue }),
       // Translations
       t: l
@@ -2023,7 +2023,7 @@ const Et = /* @__PURE__ */ le(Zl, [["render", Ql], ["__scopeId", "data-v-7772a6d
 });
 function xl(e, n, l, s, t, o) {
   var i, f;
-  const u = V("bento-input-field"), a = V("bento-base-filter");
+  const u = N("bento-input-field"), a = N("bento-base-filter");
   return F(), w(a, re(e.$props, {
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
@@ -2037,7 +2037,7 @@ function xl(e, n, l, s, t, o) {
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }), {
-    default: B(() => [
+    default: D(() => [
       W("div", {
         class: de(["b-range-filter", e.conditionalClasses]),
         onKeydown: n[0] || (n[0] = me((...p) => e.updateFilter && e.updateFilter(...p), ["enter"]))
@@ -2050,7 +2050,7 @@ function xl(e, n, l, s, t, o) {
           disabled: e.disabled,
           onInput: e.updateFrom
         }, {
-          default: B(() => [
+          default: D(() => [
             X(x(e.t("from")), 1)
           ]),
           _: 1
@@ -2063,7 +2063,7 @@ function xl(e, n, l, s, t, o) {
           disabled: e.disabled,
           onInput: e.updateTo
         }, {
-          default: B(() => [
+          default: D(() => [
             X(x(e.t("to")), 1)
           ]),
           _: 1
@@ -2104,7 +2104,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 = N(null), a = b(() => {
+    const t = b(() => n.default ? mt(n)("default") : null), o = vt({ ariaLabel: t }), u = V(null), a = b(() => {
       var p;
       return {
         "aria-controls": (p = s["aria-controls"]) == null ? void 0 : p.toString()
@@ -2132,7 +2132,7 @@ const ea = Q({
   class: "b-base-filter-button__counter-wrapper"
 };
 function oa(e, n, l, s, t, o) {
-  const u = V("bento-typography"), a = V("chevron-up-icon"), i = V("chevron-down-icon"), f = V("base-button");
+  const u = N("bento-typography"), a = N("chevron-up-icon"), i = N("chevron-down-icon"), f = N("base-button");
   return F(), w(f, {
     ref: "baseFilterButtonRef",
     class: de(["b-base-filter-button", e.conditionalClasses]),
@@ -2142,7 +2142,7 @@ function oa(e, n, l, s, t, o) {
     type: "button",
     onClick: e.onClickButton
   }, Pe({
-    default: B(() => [
+    default: D(() => [
       W("div", ta, [
         W("div", la, [
           R(u, {
@@ -2151,7 +2151,7 @@ function oa(e, n, l, s, t, o) {
             stronger: e.bold,
             class: "b-base-filter-button__label"
           }, {
-            default: B(() => [
+            default: D(() => [
               ce(e.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
@@ -2164,7 +2164,7 @@ function oa(e, n, l, s, t, o) {
             variant: "body",
             stronger: ""
           }, {
-            default: B(() => [
+            default: D(() => [
               X(x(e.amountAppliedValues), 1)
             ]),
             _: 1
@@ -2176,7 +2176,7 @@ function oa(e, n, l, s, t, o) {
   }, [
     e.hasChevron ? {
       name: "iconRight",
-      fn: B(() => [
+      fn: D(() => [
         e.isFilterOpen ? (F(), w(a, {
           key: 0,
           "aria-hidden": "true"
@@ -2224,7 +2224,7 @@ const na = /* @__PURE__ */ le(ea, [["render", oa], ["__scopeId", "data-v-af9efc7
   }
 });
 function ia(e, n, l, s, t, o) {
-  const u = V("base-filter-button");
+  const u = N("base-filter-button");
   return F(), w(u, {
     class: de(["b-all-filters-modal-button", e.conditionalClasses]),
     "amount-applied-values": e.appliedFiltersCount,
@@ -2232,7 +2232,7 @@ function ia(e, n, l, s, t, o) {
     disabled: e.disabled,
     onClick: e.onClick
   }, {
-    default: B(() => [
+    default: D(() => [
       X(x(e.label), 1)
     ]),
     _: 1
@@ -2312,7 +2312,7 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
     BentoDateRangeFilter: Bt,
     BentoInputFilter: gt,
     BentoInputWithDropdownFilter: St,
-    BentoModal: Vt,
+    BentoModal: Nt,
     BentoRangeFilter: Lt,
     BentoSearchBar: ke,
     BentoSelectAvatarFilter: Tt,
@@ -2353,8 +2353,8 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
   },
   emits: [je.INPUT],
   setup(e, { emit: n }) {
-    const l = N(e.value), s = qe("all-filters-modal"), t = N([]), o = N(!1), u = N(0), a = N(null), i = N(""), { t: f, n: p } = pe({ messages: it }), S = Ye(i, te(l, "value")), _ = N({});
-    Ve(() => {
+    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({});
+    Ne(() => {
       _.value = [];
     }), ie(
       () => e.value,
@@ -2364,7 +2364,7 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
     );
     const r = (y) => y.sort((m, k) => m.label > k.label ? 1 : k.label > m.label ? -1 : 0), g = b(
       () => r(
-        S.value.filter(
+        C.value.filter(
           (y) => {
             var m, k;
             return Array.isArray(y.value) ? ((m = y.value) == null ? void 0 : m.length) && ((k = y.value) == null ? void 0 : k.find((K) => K !== "")) : y.value;
@@ -2373,7 +2373,7 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
       )
     ), P = b(
       () => r(
-        S.value.filter(
+        C.value.filter(
           (y) => {
             var m, k;
             return Array.isArray(y.value) ? ((m = y.value) == null ? void 0 : m.length) === 0 || ((k = y.value) == null ? void 0 : k.every((K) => K === "")) : !y.value;
@@ -2382,7 +2382,7 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
       )
     ), $ = b(() => {
       var y;
-      return i.value && ((y = S.value) == null ? void 0 : y.length) === 0;
+      return i.value && ((y = C.value) == null ? void 0 : y.length) === 0;
     }), U = b(() => l.value[u.value]), j = () => {
       const y = g.value.length ? g.value[0] : P.value[0], m = l.value.findIndex(
         (k) => k.label === y.label && k.field === y.field
@@ -2449,12 +2449,12 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
       }
     ), H = () => {
       o.value ? o.value = !1 : o.value = !0;
-    }, I = (y) => {
+    }, T = (y) => {
       var k, K, ae;
       const m = E(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);
-    }, D = (y, m) => {
+    }, S = (y, m) => {
       u.value = l.value.findIndex(
         (k) => k.label === y && k.field === m
       );
@@ -2465,7 +2465,7 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
     }, ee = (y) => {
       const m = l.value.map(({ value: k, ...K }, ae) => ae === u.value ? { value: y.value, ...K } : { value: k, ...K });
       l.value = m;
-    }, C = () => {
+    }, B = () => {
       ee({
         field: U.value.field,
         label: U.value.label,
@@ -2514,10 +2514,10 @@ const pa = /* @__PURE__ */ le(ua, [["render", ca]]), it = {
       searchTerm: i,
       // Methods
       onClickAllFiltersModal: H,
-      getFilterCount: I,
+      getFilterCount: T,
       cancel: z,
-      selectFilter: D,
-      clearFilter: C,
+      selectFilter: S,
+      clearFilter: B,
       updateFilter: ee,
       onSearchbarClear: J,
       onKeydownRight: () => {
@@ -2541,7 +2541,7 @@ 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 = V("sliders-icon"), a = V("filter-bar-button"), i = V("bento-search-bar"), f = V("bento-typography"), p = V("all-filters-modal-button"), S = V("bento-button"), _ = V("bento-modal");
+  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, [
     R(a, {
       "is-filter-open": e.isModalOpen,
@@ -2549,10 +2549,10 @@ function Ba(e, n, l, s, t, o) {
       "no-applied-state-styles": "",
       onClick: e.onClickAllFiltersModal
     }, {
-      iconLeft: B(() => [
+      iconLeft: D(() => [
         R(u, { "aria-hidden": "true" })
       ]),
-      default: B(() => [
+      default: D(() => [
         X(x(e.t("allFilters")) + " ", 1)
       ]),
       _: 1
@@ -2567,10 +2567,10 @@ function Ba(e, n, l, s, t, o) {
       "hide-close-button": "",
       onCloseModal: e.cancel
     }, {
-      default: B(() => [
+      default: D(() => [
         X(x(e.t("allFilters")), 1)
       ]),
-      "content-col-1": B(() => [
+      "content-col-1": D(() => [
         W("div", {
           ref: "allFiltersModalFiltersSection",
           class: "b-all-filters-modal__filters",
@@ -2585,7 +2585,7 @@ function Ba(e, n, l, s, t, o) {
           }, null, 8, ["value", "input-field-aria-label", "onClear"]),
           e.isEmptyResultForSearchFilter ? (F(), G("div", va, [
             R(f, { el: "span" }, {
-              default: B(() => [
+              default: D(() => [
                 X(x(e.t("noFiltersMatchThisSearch")), 1)
               ]),
               _: 1
@@ -2598,7 +2598,7 @@ function Ba(e, n, l, s, t, o) {
               el: "span",
               variant: "caption"
             }, {
-              default: B(() => [
+              default: D(() => [
                 X(x(e.t("activeFilters")), 1)
               ]),
               _: 1
@@ -2630,7 +2630,7 @@ function Ba(e, n, l, s, t, o) {
               el: "span",
               variant: "caption"
             }, {
-              default: B(() => [
+              default: D(() => [
                 X(x(e.t("otherFilters")), 1)
               ]),
               _: 1
@@ -2656,7 +2656,7 @@ function Ba(e, n, l, s, t, o) {
           ])) : Z("", !0)
         ], 544)
       ]),
-      "content-col-2": B(() => [
+      "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"]))
@@ -2667,7 +2667,7 @@ function Ba(e, n, l, s, t, o) {
               variant: "title",
               medium: ""
             }, {
-              default: B(() => [
+              default: D(() => [
                 X(x(e.selectedFilter.label), 1)
               ]),
               _: 1
@@ -2678,7 +2678,7 @@ function Ba(e, n, l, s, t, o) {
               variant: "body",
               wide: ""
             }, {
-              default: B(() => [
+              default: D(() => [
                 X(x(e.selectedFilter.description), 1)
               ]),
               _: 1
@@ -2699,12 +2699,12 @@ function Ba(e, n, l, s, t, o) {
             }, null, 40, ["field", "label", "options", "value", "default-value", "disabled", "onInput"]))
           ]),
           W("div", Ca, [
-            R(S, {
+            R(C, {
               variant: "secondary",
               disabled: e.isClearButtonDisabled,
               onClick: e.clearFilter
             }, {
-              default: B(() => [
+              default: D(() => [
                 X(x(e.t("clear")), 1)
               ]),
               _: 1
@@ -2787,38 +2787,38 @@ 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: Ut }), u = N(null), a = b(
+    const s = e, t = l, { t: o } = pe({ messages: Ut }), u = V(null), a = b(
       () => {
-        var C, v;
-        return (v = ((C = s.config) == null ? void 0 : C.length) > 0 ? s.config : s.value) == null ? void 0 : v.map((d) => {
+        var B, v;
+        return (v = ((B = s.config) == null ? void 0 : B.length) > 0 ? s.config : s.value) == null ? void 0 : v.map((d) => {
           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 };
         });
       }
-    ), { addToast: i } = kt(), { screenLayoutComponent: f, showSearchbarInsideContainer: p, isOneLineLayout: S } = bl(
+    ), { addToast: i } = kt(), { screenLayoutComponent: f, showSearchbarInsideContainer: p, isOneLineLayout: C } = bl(
       u,
       te(s, "containerSizeLayout")
     ), _ = b(() => ({
-      "b-filter-bar__fixed-scroller": S.value,
-      "b-filter-bar__container": !S.value
+      "b-filter-bar__fixed-scroller": C.value,
+      "b-filter-bar__container": !C.value
       // Multi-line
     })), r = b(() => ({
-      "b-filter-bar__scroller-content": S.value,
-      "b-filter-bar__filters": !S.value
+      "b-filter-bar__scroller-content": C.value,
+      "b-filter-bar__filters": !C.value
       // Multi-line
     })), g = b(() => {
-      var C;
-      return ((C = s.search) == null ? void 0 : C.inputFieldAriaLabel) || o("searchBar");
+      var B;
+      return ((B = s.search) == null ? void 0 : B.inputFieldAriaLabel) || o("searchBar");
     }), P = b(() => {
       if (!s.search)
         return;
-      const { debounceTime: C, disabled: v, inputFieldAriaLabel: d, hint: O, placeholder: Y } = s.search;
-      return { debounceTime: C, disabled: v, inputFieldAriaLabel: d, hint: O, placeholder: Y };
+      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(
       ({ visible: v }) => v != null
     ) ? a.value.some(({ visible: v }) => !v) : !1), U = b(
-      () => a.value.filter(({ defaultValue: C }) => C !== void 0)
+      () => a.value.filter(({ defaultValue: B }) => B !== void 0)
     ), j = b(() => a.value.some(
       ({ visible: v }) => v != null
     ) ? a.value.filter(
@@ -2832,34 +2832,34 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
         v === void 0 || s.showAppliedHiddenFilters && d != null
       )
     )), E = b(() => s.searchTerm != null), q = b(
-      () => a.value.filter(({ defaultValue: C }) => C == null).some(({ value: C }) => C != null)
-    ), h = b(() => U.value.length === 0 && q.value), M = b(() => U.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 = (C) => {
-      t(Se.INPUT, C), t(
+      () => a.value.filter(({ defaultValue: B }) => B == null).some(({ value: B }) => B != null)
+    ), h = b(() => U.value.length === 0 && q.value), M = b(() => U.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) => {
+      t(Se.INPUT, B), t(
         Se.UPDATE_FILTER_VALUES_ARRAY,
-        C == null ? void 0 : C.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: d }) => ({ field: v, value: d }))
       ), t(
         Se.UPDATE_FILTER_VALUES_OBJECT,
-        C == null ? void 0 : C.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, d) => (v[d.field] = d.value, v), {})
       );
-    }, I = (C) => {
+    }, T = (B) => {
       const v = a.value.findIndex(
-        (O) => O.field === C.field
+        (O) => O.field === B.field
       ), d = a.value.slice();
-      d[v].value = C.value, H(d);
-    }, D = () => {
-      const C = a.value.slice(), v = a.value.map(({ value: d, ...O }) => ({
+      d[v].value = B.value, H(d);
+    }, S = () => {
+      const B = a.value.slice(), v = a.value.map(({ value: d, ...O }) => ({
         ...O,
         value: void 0
       }));
       i({
         text: o("filtersHaveBeenCleared"),
         action: {
-          handler: () => H(C),
+          handler: () => H(B),
           text: o("undo")
         }
       }), H(v);
     }, J = () => {
-      const C = a.value.slice(), v = a.value.map(({ defaultValue: d, ...O }) => ({
+      const B = a.value.slice(), v = a.value.map(({ defaultValue: d, ...O }) => ({
         ...O,
         defaultValue: d,
         value: d
@@ -2867,41 +2867,41 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
       i({
         text: o("filtersHaveBeenReset"),
         action: {
-          handler: () => H(C),
+          handler: () => H(B),
           text: o("undo")
         }
       }), H(v);
-    }, z = (C) => {
-      t(Ae.INPUT, C), t(Ae.UPDATE, C);
+    }, z = (B) => {
+      t(Ae.INPUT, B), t(Ae.UPDATE, B);
     }, ee = () => {
       t(Ae.CLEAR);
     };
-    return n({ isClearAllVisible: h, clearAllFilters: D, isResetAllVisible: M, resetAllFilters: J }), (C, v) => (F(), G("div", {
+    return n({ isClearAllVisible: h, clearAllFilters: S, isResetAllVisible: M, resetAllFilters: J }), (B, v) => (F(), G("div", {
       ref_key: "filterBarRef",
       ref: u,
       class: "b-filter-bar"
     }, [
-      !T(p) && E.value ? (F(), G("div", Aa, [
+      !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,
-          value: C.searchTerm,
+          value: B.searchTerm,
           condensed: "",
           onInput: z,
           onClear: ee
         }), null, 16, ["input-field-aria-label", "value"])
       ])) : Z("", !0),
-      (F(), w(Oe(T(f)), {
+      (F(), w(Oe(I(f)), {
         class: de(_.value),
         condensed: ""
       }, {
-        default: B(() => [
+        default: D(() => [
           W("div", {
             class: de(r.value)
           }, [
-            T(p) && E.value ? (F(), G("div", Ta, [
+            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,
-                value: C.searchTerm,
+                value: B.searchTerm,
                 condensed: "",
                 onInput: z,
                 onClear: ee
@@ -2915,7 +2915,7 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
               options: d.options,
               value: d.value,
               "default-value": d.defaultValue,
-              onUpdate: I
+              onUpdate: T
             }, 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,
@@ -2924,7 +2924,7 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
               disabled: d == null ? void 0 : d.disabled,
               options: d.options,
               value: d.value,
-              onUpdate: I
+              onUpdate: T
             }, null, 40, ["field", "label", "disabled", "options", "value"]))), 128)),
             $.value ? (F(), w(Da, {
               key: 2,
@@ -2932,29 +2932,29 @@ const Da = /* @__PURE__ */ le(ba, [["render", Ba], ["__scopeId", "data-v-cf3baf8
               value: a.value,
               onInput: H
             }, null, 8, ["value"])) : Z("", !0),
-            h.value ? (F(), w(T(Ee), {
+            h.value ? (F(), w(I(Ee), {
               key: 3,
               class: "b-filter-bar__clear-all",
-              onClick: D
+              onClick: S
             }, {
-              iconLeft: B(() => [
-                R(T(Xe), { "aria-hidden": "true" })
+              iconLeft: D(() => [
+                R(I(Xe), { "aria-hidden": "true" })
               ]),
-              default: B(() => [
-                X(x(T(o)("clearFilters")) + " ", 1)
+              default: D(() => [
+                X(x(I(o)("clearFilters")) + " ", 1)
               ]),
               _: 1
             })) : Z("", !0),
-            M.value ? (F(), w(T(Ee), {
+            M.value ? (F(), w(I(Ee), {
               key: 4,
               class: "b-filter-bar__reset-all",
               onClick: J
             }, {
-              iconLeft: B(() => [
-                R(T(Xe), { "aria-hidden": "true" })
+              iconLeft: D(() => [
+                R(I(Xe), { "aria-hidden": "true" })
               ]),
-              default: B(() => [
-                X(x(T(o)("resetFilters")) + " ", 1)
+              default: D(() => [
+                X(x(I(o)("resetFilters")) + " ", 1)
               ]),
               _: 1
             })) : Z("", !0)
@@ -2972,4 +2972,4 @@ export {
   Se as c,
   se as d
 };
-//# sourceMappingURL=filter-bar.JXmlFnHV.js.map
+//# sourceMappingURL=filter-bar.CmF92iAr.js.map