@adyen/bento-vue2 1.41.0 → 1.42.0

package/dist/chunks/{filter-bar.dQZY8j9C.js → filter-bar.DP_nQeeo.js}

@@ -1,45 +1,45 @@
-import { defineComponent as L, useSlots as ue, useAttrs as We, computed as r, ref as E, watch as G, nextTick as Ae, toRef as O, onBeforeUpdate as ce, provide as De, reactive as Te, onMounted as ze } from "vue";
-import { B as ye, I as Ge, b as Ze } from "./popover.BcWFpCY_.js";
-import { u as Z } from "./i18n.BQkEbtPM.js";
-import { g as pe } from "./generate-uid.D-HFI38h.js";
-import { u as Qe } from "./use-click-outside.D6aIgS15.js";
+import { defineComponent as x, useSlots as ue, useAttrs as We, computed as r, ref as E, watch as z, nextTick as Ae, toRef as $, onBeforeUpdate as ce, provide as De, reactive as Te, onMounted as Pe } from "vue";
+import { B as ye, I as Ke, b as ze } from "./popover.Uy-vuQq5.js";
+import { u as G } from "./i18n.BQkEbtPM.js";
+import { g as fe } from "./generate-uid.D-HFI38h.js";
+import { u as Ge } from "./use-click-outside.D6aIgS15.js";
 import "./index.Cl4_42j5.js";
-import { B as re, d as Pe } from "./typography.Bu_WAKdf.js";
+import { B as re, d as pe } from "./typography.Bu_WAKdf.js";
 import { u as Ie } from "./aria-label.CaUURpnB.js";
-import { B as Ve, a as me } from "./base-button.4UYC3kp2.js";
-import { g as Ee } from "./get-slot-text.Cgn-E48s.js";
-import { u as Ue } from "./use-has-slot.C9lQZ6nz.js";
-import { a as Re, C as xe } from "./chevron-up.B2uWhZf7.js";
+import { B as Ee, a as me } from "./base-button.4UYC3kp2.js";
+import { g as Ue } from "./get-slot-text.Cgn-E48s.js";
+import { u as Re } from "./use-has-slot.C9lQZ6nz.js";
 import { n as R } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { a as Xe } from "./tooltip.CS2Gij6x.js";
-import { B as et } from "./teleport.CQKBJZU5.js";
-import { B as tt } from "./directive.O3yEdalv.js";
-import { B as lt } from "./radio-group.DtlPzh_w.js";
-import { B as ve } from "./input-field.CKOdyDVy.js";
-import { B as ie, b as ne } from "./search-bar.CN9pWrLP.js";
-import { B as at } from "./modal.tUtoM34X.js";
-import { g as nt } from "./base-modal.SJX9uGT4.js";
-import { B as ot } from "./button.CufUNBkv.js";
-import { u as Le, B as st } from "./dropdown.D8xKm1YA.js";
-import { g as rt } from "./focus-trap.DSkLNO_i.js";
-import { B as be } from "./divider.BZfeYmB9.js";
-import { B as it } from "./date-picker.lFLlAGXs.js";
-import { f as ee } from "./date.BQ29-2L1.js";
-import { g as ke } from "./get-date-locale.BN8xEjY0.js";
+import { a as Ze } from "./tooltip.DH8TqpYV.js";
+import { B as Qe } from "./teleport.CQKBJZU5.js";
+import { B as Xe } from "./directive.O3yEdalv.js";
+import { B as et } from "./radio-group.EnMXbuly.js";
+import { B as be } from "./input-field.BoElSWuV.js";
+import { B as ie, b as le } from "./search-bar.DD6eA0jG.js";
+import { B as tt } from "./modal.Cb4zg5fN.js";
+import { g as lt } from "./base-modal.DroVbSCn.js";
+import { B as at } from "./button.CufUNBkv.js";
+import { u as xe, B as nt } from "./dropdown.2tXfuDlU.js";
+import { g as ot } from "./focus-trap.DSkLNO_i.js";
+import { a as st, C as rt } from "./chevron-up.B2uWhZf7.js";
+import { B as ve } from "./divider.BZfeYmB9.js";
+import { B as it } from "./date-picker.Dfg1_eo6.js";
+import { f as X } from "./date.BQ29-2L1.js";
+import { g as Ve } from "./get-date-locale.BN8xEjY0.js";
 import { a as ut, i as ct } from "./calendar.B9WZ8ub3.js";
-import { B as dt, D as ft, i as Fe } from "./date-range-picker.Cr_YCwxP.js";
-import { B as pt } from "./button-actions.BJMK3kZC.js";
+import { B as dt, D as ft, i as Fe } from "./date-range-picker.BvHFTptS.js";
+import { B as pt } from "./button-actions.Cpx4PQp0.js";
 import { D as he } from "./date-input.BqBdAO1E.js";
-import { B as vt } from "./avatar.DXzyWKsI.js";
-import { c as Se, b as bt } from "./use-cached-selected-values.D5ARl96f.js";
-import { L as $e } from "./listbox-option-tag.CuHL51H9.js";
+import { B as bt } from "./avatar.DXzyWKsI.js";
+import { c as Se, b as vt } from "./use-cached-selected-values.-_Gk6HO_.js";
+import { L as $e } from "./listbox-option-tag.BnX0H4HE.js";
 import { u as _t } from "./use-country-items.C25TI6tp.js";
 import { B as yt } from "./payment-method.CoXB0ZAW.js";
 import { R as mt } from "./refresh.BKI9WwKh.js";
 import { u as Ft } from "./use-bento-toast-controller.BVVMh0wc.js";
 import { F as ht } from "./fixed-scroller.B880PL1J.js";
 import "../assets/filter-bar.css";
-const St = {}, gt = /* @__PURE__ */ L({
+const St = {}, Bt = /* @__PURE__ */ x({
   ...St,
   __name: "filter-bar-button",
   props: {
@@ -58,10 +58,9 @@ const St = {}, gt = /* @__PURE__ */ L({
      */
     isFilterOpen: { type: Boolean, default: !1 },
     /**
-     * Toggles if a chevron icon should be displayed in the button.
-     * The chevron will change depending on the open state of the filter.
+     * Signifies if the filter is a persistent filter
      */
-    hasChevron: { type: Boolean, default: !1 },
+    isPersistentFilter: { type: Boolean, default: !1 },
     /**
      * A secondary label to be added next to the primary for additional filtering information.
      * i.e. Can be used to show the set value for said filter.
@@ -70,37 +69,37 @@ const St = {}, gt = /* @__PURE__ */ L({
   },
   emits: ["click"],
   setup(a, { emit: e }) {
-    const t = a, l = ue(), n = We(), o = Ue(l), s = r(() => l.default ? Ee(l)("default") : null), d = Ie({ ariaLabel: s }), u = E(null), b = r(() => {
-      var S;
+    const t = a, l = ue(), n = We(), o = Re(l), s = r(() => l.default ? Ue(l)("default") : null), f = Ie({ ariaLabel: s }), u = E(null), y = r(() => {
+      var p;
       return {
-        "aria-controls": (S = n["aria-controls"]) == null ? void 0 : S.toString()
+        "aria-controls": (p = n["aria-controls"]) == null ? void 0 : p.toString()
       };
     }), h = r(() => ({
+      "b-filter-bar-button--attention": t.appliedFiltersCount || t.secondaryLabel || t.isPersistentFilter,
       "b-filter-bar-button--filter-open": t.isFilterOpen,
-      "b-filter-bar-button--active": t.appliedFiltersCount || t.secondaryLabel || t.hasChevron,
       "b-filter-bar-button--with-secondary-label": t.secondaryLabel,
-      "b-filter-bar-button--with-chevron": t.hasChevron
+      "b-filter-bar-button--with-counter": t.appliedFiltersCount
     }));
-    return { __sfc: !0, props: t, emit: e, slots: l, attrs: n, hasSlot: o, labelSlot: s, computedAriaLabel: d, filterBarButtonRef: u, ariaAttributes: b, conditionalClasses: h, onClickButton: (S) => {
-      t.disabled || e("click", S);
-    }, BentoTypography: re, BaseButton: Ve, ChevronUpIcon: Re, ChevronDownIcon: xe };
+    return { __sfc: !0, props: t, emit: e, slots: l, attrs: n, hasSlot: o, labelSlot: s, computedAriaLabel: f, filterBarButtonRef: u, ariaAttributes: y, conditionalClasses: h, onClickButton: (p) => {
+      p.preventDefault(), t.disabled || e("click", p);
+    }, BentoTypography: re, BaseButton: Ee };
   }
 });
-var Bt = function() {
+var gt = function() {
   var e = this, t = e._self._c, l = e._self._setupProxy;
   return t(l.BaseButton, { ref: "filterBarButtonRef", staticClass: "b-filter-bar-button", class: l.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": l.computedAriaLabel, "aria-controls": l.ariaAttributes["aria-controls"], type: "button" }, on: { click: l.onClickButton }, scopedSlots: e._u([{ key: "iconRight", fn: function() {
-    return [e.appliedFiltersCount && !e.hasChevron ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.appliedFiltersCount) + " ")]) : e._e(), e.hasChevron ? t("div", { staticClass: "b-filter-bar-button__chevron" }, [e.isFilterOpen ? t(l.ChevronUpIcon, { attrs: { "aria-hidden": "true" } }) : t(l.ChevronDownIcon, { attrs: { "aria-hidden": "true" } })], 1) : e._e()];
-  }, proxy: !0 }]) }, [t("div", { staticClass: "b-filter-bar-button__container" }, [l.hasSlot("iconLeft") ? [e._t("iconLeft")] : e._e(), t("div", { staticClass: "b-filter-bar-button__label-container" }, [t(l.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._t("default")], 2), e.secondaryLabel ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__secondary-label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.secondaryLabel) + " ")]) : e._e()], 1)], 2)]);
+    return [e.appliedFiltersCount ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.appliedFiltersCount) + " ")]) : e._e()];
+  }, proxy: !0 }]) }, [t("div", { staticClass: "b-filter-bar-button__container" }, [l.hasSlot("iconLeft") ? [e._t("iconLeft")] : e._e(), t("div", { staticClass: "b-filter-bar-button__label-container" }, [t(l.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [t("span", [e._t("default")], 2), e.secondaryLabel ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(":")]) : e._e()], 1), e.secondaryLabel ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__secondary-label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.secondaryLabel) + " ")]) : e._e()], 1)], 2)]);
 }, Ct = [], At = /* @__PURE__ */ R(
-  gt,
   Bt,
+  gt,
   Ct,
   !1,
   null,
-  "30e8ac4e"
+  "83ed6ba5"
 );
 const _e = At.exports;
-var J = /* @__PURE__ */ ((a) => (a.APPLY = "apply", a.CLEAR = "clear", a.OPEN = "open", a.CLOSE = "close", a.RESET = "reset", a))(J || {});
+var j = /* @__PURE__ */ ((a) => (a.APPLY = "apply", a.CLEAR = "clear", a.OPEN = "open", a.CLOSE = "close", a.RESET = "reset", a))(j || {});
 const Dt = {
   "en-US": {
     clear: "Clear",
@@ -118,15 +117,15 @@ const Dt = {
     apply: "適用",
     reset: "リセット"
   }
-}, Tt = L({
+}, Tt = x({
   i18n: { messages: Dt },
   name: "bento-base-filter",
   components: {
     BentoPopover: ye,
-    BentoTeleport: et,
+    BentoTeleport: Qe,
     FilterBarButton: _e
   },
-  directives: { BentoClickOutsideDirective: tt },
+  directives: { BentoClickOutsideDirective: Xe },
   props: {
     /**
      * Total count of applied filters
@@ -140,11 +139,15 @@ const Dt = {
      * Sets the secondary label text of the popover visibility toggle button text.
      */
     buttonSecondaryLabel: { type: String, default: void 0 },
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
     /**
      * Default value of the filter to reset to.
      */
     defaultValue: {
-      type: [Object, Number, Boolean, Array, String],
+      type: [Object, Number, Boolean, Array, String, Date],
       default: null
     },
     /**
@@ -180,61 +183,61 @@ const Dt = {
     fitContent: ye.props.fitContent
   },
   emits: [
-    J.APPLY,
-    J.CLEAR,
-    J.OPEN,
-    J.CLOSE,
-    J.RESET
+    j.APPLY,
+    j.CLEAR,
+    j.OPEN,
+    j.CLOSE,
+    j.RESET
   ],
   setup(a, { emit: e }) {
-    const { t } = Z(), l = pe("base-filter-popover"), n = E(!1), o = E(null), s = E(null), d = r(() => a.defaultValue !== null), u = r(
-      () => d.value ? t("filterButton", {
+    const { t } = G(), l = fe("base-filter-popover"), n = E(!1), o = E(null), s = E(null), f = r(() => a.defaultValue !== null), u = r(
+      () => f.value ? t("filterButton", {
         function: a.label
-      }) : b.value
-    ), b = r(() => a.buttonLabel || a.label), h = () => {
+      }) : y.value
+    ), y = r(() => a.buttonLabel || a.label), h = () => {
       n.value && (n.value = !1, Ae(() => {
-        var D, A;
-        (A = (D = o.value) == null ? void 0 : D.$el) == null || A.focus();
-      }), e(J.CLOSE));
+        var T, C;
+        (C = (T = o.value) == null ? void 0 : T.$el) == null || C.focus();
+      }), e(j.CLOSE));
     }, B = () => {
-      h(), d.value ? e(J.RESET) : e(J.CLEAR);
-    }, S = () => h(), _ = () => {
-      n.value ? h() : (n.value = !0, e(J.OPEN));
-    }, T = () => {
-      h(), e(J.APPLY);
-    }, C = r(() => [
+      h(), f.value ? e(j.RESET) : e(j.CLEAR);
+    }, p = () => h(), g = () => {
+      n.value ? h() : (n.value = !0, e(j.OPEN));
+    }, P = () => {
+      h(), e(j.APPLY);
+    }, A = r(() => [
       {
         title: t("apply"),
-        event: T,
+        event: P,
         disabled: a.disableApplyButton
       },
       {
-        title: d.value ? t("reset") : t("clear"),
+        title: f.value ? t("reset") : t("clear"),
         event: B,
         disabled: a.disableSecondaryButton
       }
     ]);
-    return G(
+    return z(
       () => n.value,
-      (D, A) => {
-        var g, c;
-        !D && A && (c = (g = o.value) == null ? void 0 : g.filterBarButtonRef) != null && c.bentoBaseButtonRef && o.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      (T, C) => {
+        var S, d;
+        !T && C && (d = (S = o.value) == null ? void 0 : S.filterBarButtonRef) != null && d.bentoBaseButtonRef && o.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
-    ), Qe(s, S, { ignore: [o] }), {
+    ), Ge(s, p, { ignore: [o] }), {
       // Values
-      actions: C,
+      actions: A,
       popoverId: l,
       isFilterOpen: n,
-      isPersistentFilter: d,
+      isPersistentFilter: f,
       computedAriaLabel: u,
-      computedButtonText: b,
+      computedButtonText: y,
       // Enums
-      BentoTooltipPosition: Xe,
+      BentoTooltipPosition: Ze,
       // Events
-      onClickFilter: _,
-      onClickApply: T,
+      onClickFilter: g,
+      onClickApply: P,
       onClickSecondaryAction: B,
-      onClickOutside: S,
+      onClickOutside: p,
       closePopover: h,
       // Refs
       filterButtonRef: o,
@@ -244,47 +247,51 @@ const Dt = {
 });
 var Pt = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, e.onlySlot ? t("div", [e._t("default")], 2) : t("div", { staticClass: "b-base-filter" }, [t("filter-bar-button", { ref: "filterButtonRef", attrs: { "aria-label": e.computedAriaLabel, "aria-controls": e.isFilterOpen ? e.popoverId : null, "has-chevron": e.isPersistentFilter, "is-filter-open": e.isFilterOpen, "applied-filters-count": e.appliedFiltersCount, "secondary-label": e.buttonSecondaryLabel }, on: { click: e.onClickFilter, keydown: function(l) {
+  return e._self._setupProxy, e.onlySlot ? t("div", [e._t("default")], 2) : t("div", { staticClass: "b-base-filter" }, [t("filter-bar-button", { ref: "filterButtonRef", attrs: { "aria-label": e.computedAriaLabel, "aria-controls": e.isFilterOpen ? e.popoverId : null, "applied-filters-count": e.appliedFiltersCount, disabled: e.disabled, "is-persistent-filter": e.isPersistentFilter, "is-filter-open": e.isFilterOpen, "secondary-label": e.buttonSecondaryLabel }, on: { click: e.onClickFilter, keydown: function(l) {
     return !l.type.indexOf("key") && e._k(l.keyCode, "esc", 27, l.key, ["Esc", "Escape"]) ? null : e.closePopover.apply(null, arguments);
   } } }, [e._v(" " + e._s(e.computedButtonText) + " ")]), e.filterButtonRef ? t("bento-teleport", [e.filterButtonRef ? t("bento-popover", { ref: "popoverRef", staticClass: "b-base-filter__popover", attrs: { id: e.popoverId, divider: "", open: e.isFilterOpen, actions: e.controlled ? null : e.actions, "actions-layout": "space-between", "target-element": e.filterButtonRef, title: e.controlled ? null : e.label, "fit-content": e.fitContent, position: "bottom-start", "without-space": e.controlled, "fallback-position": ["bottom-end"] } }, [t("div", { on: { keydown: function(l) {
     return !l.type.indexOf("key") && e._k(l.keyCode, "esc", 27, l.key, ["Esc", "Escape"]) ? null : e.closePopover.apply(null, arguments);
   } } }, [e._t("default")], 2)]) : e._e()], 1) : e._e()], 1);
-}, It = [], Vt = /* @__PURE__ */ R(
+}, It = [], Et = /* @__PURE__ */ R(
   Tt,
   Pt,
   It,
   !1,
   null,
-  "d0090304"
+  "16bfaad0"
 );
-const te = Vt.exports, Et = (a) => a instanceof Array, ge = (a) => Et(a) ? a.length === 0 || a.every((e) => e === "") : !a, Be = (a, e) => JSON.stringify(a) === JSON.stringify(e), X = (a, e) => {
+const ee = Et.exports, Ut = (a) => a instanceof Array, Be = (a) => Ut(a) ? a.length === 0 || a.every((e) => e === "") : !a, ge = (a, e) => JSON.stringify(a) === JSON.stringify(e), Z = (a, e) => {
   const t = E(a.value);
-  G(
+  z(
     () => a.value,
     () => {
       t.value = a.value;
     }
   );
-  const l = r(() => ge(a.value)), n = r(
-    () => e.value !== null ? Be(e.value, a.value) : l.value
-  ), o = r(() => Be(t.value, a.value) || ge(t.value) && l.value);
+  const l = r(() => Be(a.value)), n = r(
+    () => e.value !== null ? ge(e.value, a.value) : l.value
+  ), o = r(() => ge(t.value, a.value) || Be(t.value) && l.value);
   return {
     internalFilterValue: t,
     isSecondaryButtonDisabled: n,
     isApplyButtonDisabled: o
   };
 };
-var f = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE = "update", a))(f || {}), se = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE_FILTER_VALUES = "update:filter-values", a))(se || {}), q = /* @__PURE__ */ ((a) => (a.BOOLEAN = "BentoBooleanFilter", a.RANGE = "BentoRangeFilter", a.INPUT = "BentoInputFilter", a.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", a.SELECT = "BentoSelectFilter", a.SELECT_AVATAR = "BentoSelectAvatarFilter", a.SELECT_COUNTRY = "BentoSelectCountryFilter", a.SELECT_CURRENCY = "BentoSelectCurrencyFilter", a.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", a.SELECT_TAG = "BentoSelectTagFilter", a.DATE = "BentoDateFilter", a.DATE_RANGE = "BentoDateRangeFilter", a))(q || {});
-const z = (a, e) => {
+var c = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE = "update", a))(c || {}), se = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE_FILTER_VALUES = "update:filter-values", a))(se || {}), H = /* @__PURE__ */ ((a) => (a.BOOLEAN = "BentoBooleanFilter", a.RANGE = "BentoRangeFilter", a.INPUT = "BentoInputFilter", a.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", a.SELECT = "BentoSelectFilter", a.SELECT_AVATAR = "BentoSelectAvatarFilter", a.SELECT_COUNTRY = "BentoSelectCountryFilter", a.SELECT_CURRENCY = "BentoSelectCurrencyFilter", a.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", a.SELECT_TAG = "BentoSelectTagFilter", a.DATE = "BentoDateFilter", a.DATE_RANGE = "BentoDateRangeFilter", a))(H || {});
+const ae = (a, e) => {
   const t = a == null ? void 0 : a.toString();
   return (t == null ? void 0 : t.length) > e ? `${t == null ? void 0 : t.slice(0, e)}...` : t;
-}, Ut = L({
+}, Rt = x({
   name: "bento-input-filter",
   components: {
-    BentoBaseFilter: te,
-    BentoInputField: ve
+    BentoBaseFilter: ee,
+    BentoInputField: be
   },
   props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
     /**
      * Default value of the filter to reset to.
      */
@@ -319,13 +326,13 @@ const z = (a, e) => {
       default: void 0
     }
   },
-  emits: [f.INPUT, f.UPDATE],
+  emits: [c.INPUT, c.UPDATE],
   setup(a, { emit: e }) {
-    var F, y;
-    const t = E(null), l = E((y = (F = a == null ? void 0 : a.options) == null ? void 0 : F.dropdown) == null ? void 0 : y.value), n = r(
+    var v, m;
+    const t = E(null), l = E((m = (v = a == null ? void 0 : a.options) == null ? void 0 : v.dropdown) == null ? void 0 : m.value), n = r(
       () => {
-        var i, V;
-        return ((i = a == null ? void 0 : a.options) == null ? void 0 : i.variant) === "dropdown" && ((V = a == null ? void 0 : a.options) == null ? void 0 : V.dropdown) !== void 0;
+        var i, I;
+        return ((i = a == null ? void 0 : a.options) == null ? void 0 : i.variant) === "dropdown" && ((I = a == null ? void 0 : a.options) == null ? void 0 : I.dropdown) !== void 0;
       }
     ), o = r(
       () => {
@@ -335,58 +342,54 @@ const z = (a, e) => {
     ), s = r(() => {
       var i;
       return ((i = a == null ? void 0 : a.options) == null ? void 0 : i.variant) === "dropdown" ? "dropdown" : "default";
-    }), d = r(
+    }), f = r(
       () => {
         var i;
         return n.value ? (i = a.value) == null ? void 0 : i.inputValue : a == null ? void 0 : a.value;
       }
-    ), { internalFilterValue: u, isSecondaryButtonDisabled: b, isApplyButtonDisabled: h } = X(
-      d,
-      O(a, "defaultValue")
-    ), B = r(
-      () => a.defaultValue === null ? a.label : z(d.value, 18)
-    ), S = r(
-      () => a.defaultValue === null ? z(d.value, 12) : null
-    ), _ = r(() => ({
+    ), { internalFilterValue: u, isSecondaryButtonDisabled: y, isApplyButtonDisabled: h } = Z(
+      f,
+      $(a, "defaultValue")
+    ), B = r(() => a.label), p = r(() => ae(f.value, 12)), g = r(() => ({
       "b-input-filter--only-slot": a.onlySlot
     }));
     ce(() => {
       u.value === "" && (u.value = null);
-    }), G(t, () => {
+    }), z(t, () => {
       var i;
       (i = t.value) == null || i.focusInput();
     });
-    const T = () => {
-      u.value = d.value;
-    }, C = () => {
-      !u.value && a.defaultValue !== null && (u.value = a.defaultValue), e(f.UPDATE, {
+    const P = () => {
+      u.value = f.value;
+    }, A = () => {
+      !u.value && a.defaultValue !== null && (u.value = a.defaultValue), e(c.UPDATE, {
         ...a,
         value: n.value ? { inputValue: u.value, dropdownValue: l.value } : u.value
       });
-    }, D = () => e(f.UPDATE, { ...a, value: a.defaultValue }), A = () => {
-      u.value = null, C();
-    }, g = () => {
-      e(f.INPUT, { ...a, value: u.value });
-    }, c = (i) => {
+    }, T = () => e(c.UPDATE, { ...a, value: a.defaultValue }), C = () => {
+      u.value = null, A();
+    }, S = () => {
+      e(c.INPUT, { ...a, value: u.value });
+    }, d = (i) => {
       u.value = i;
-    }, I = (i) => {
+    }, U = (i) => {
       l.value = i;
     };
-    return De(Ge, n.value), G(
+    return De(Ke, n.value), z(
       () => a.options,
       () => {
-        var i, V, N;
-        ((i = a.options) != null && i.dropdown || (V = a.options) != null && V.dropdownPosition || (N = a.options) != null && N.variant) && Pe(
+        var i, I, w;
+        ((i = a.options) != null && i.dropdown || (I = a.options) != null && I.dropdownPosition || (w = a.options) != null && w.variant) && pe(
           'BentoInputFilter "options" property',
           `BentoInputFilter "options" no longer supports "dropdown", "dropdownPosition" or "variant" attributes.
                             Use the "BentoFilterItemType.INPUT_DROPDOWN" instead of "BentoFilterItemType.INPUT"
-                            <bento-filter-bar 
+                            <bento-filter-bar
                                :config="[{
                                     field: 'name',
                                     label: 'Name',
                                     type: BentoFilterItemType.INPUT_DROPDOWN,
                                     options: [...],
-                                }]" 
+                                }]"
                             />`,
           "2.0.0"
         );
@@ -395,46 +398,47 @@ const z = (a, e) => {
     ), {
       // Values
       buttonLabel: B,
-      buttonSecondaryLabel: S,
-      conditionalClasses: _,
+      buttonSecondaryLabel: p,
+      conditionalClasses: g,
       dropdownProp: o,
       inputVariant: s,
       internalFilterValue: u,
       isApplyButtonDisabled: h,
       isDropdownVariant: n,
-      isSecondaryButtonDisabled: b,
+      isSecondaryButtonDisabled: y,
       // Refs
       inputTextRef: t,
       // Events
-      updateFilter: C,
-      clearFilter: A,
-      openFilter: T,
-      resetFilter: D,
-      onDropdownInput: I,
-      onInput: g,
-      setInternalFilterValue: c
+      updateFilter: A,
+      clearFilter: C,
+      openFilter: P,
+      resetFilter: T,
+      onDropdownInput: U,
+      onInput: S,
+      setInternalFilterValue: d
     };
   }
 });
-var Rt = function() {
+var xt = function() {
   var l;
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("bento-base-filter", e._b({ attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "popover-overflow-visible": e.isDropdownVariant }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-input-filter", class: e.conditionalClasses, on: { keydown: function(n) {
     return !n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
   }, input: e.onInput } }, [t("bento-input-field", { ref: "inputTextRef", attrs: { dropdown: e.dropdownProp, "dropdown-position": (l = e.options) == null ? void 0 : l.dropdownPosition, variant: e.inputVariant, value: e.internalFilterValue }, on: { input: e.setInternalFilterValue, "dropdown-input": e.onDropdownInput } })], 1)]);
-}, xt = [], Lt = /* @__PURE__ */ R(
-  Ut,
+}, Vt = [], $t = /* @__PURE__ */ R(
   Rt,
   xt,
+  Vt,
   !1,
   null,
-  "d7bce814"
+  "50081efc"
 );
-const we = Lt.exports, kt = {
+const ke = $t.exports, kt = {
   name: "bento-input-with-dropdown-filter"
-}, $t = /* @__PURE__ */ L({
+}, Lt = /* @__PURE__ */ x({
   ...kt,
   props: {
+    disabled: { type: Boolean },
     defaultValue: { default: void 0 },
     field: null,
     label: null,
@@ -442,80 +446,77 @@ const we = Lt.exports, kt = {
     options: { default: void 0 },
     value: { default: void 0 }
   },
-  emits: [f.INPUT, f.UPDATE],
+  emits: [c.INPUT, c.UPDATE],
   setup(a, { emit: e }) {
-    const t = a, l = E(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = X(O(t, "value"), O(t, "defaultValue")), d = r(
-      () => {
-        var c, I;
-        return (c = t.defaultValue) != null && c.inputValue ? z((I = t.value) == null ? void 0 : I.inputValue, 18) : t.label;
-      }
-    ), u = r(
-      () => {
-        var c, I;
-        return (c = t.defaultValue) != null && c.inputValue ? null : z((I = t.value) == null ? void 0 : I.inputValue, 12);
-      }
-    ), b = r(() => {
-      var c, I;
+    const t = a, l = E(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Z($(t, "value"), $(t, "defaultValue")), f = r(() => t.label), u = r(() => {
+      var d;
+      return ae((d = t.value) == null ? void 0 : d.inputValue, 12);
+    }), y = r(() => {
+      var d, U;
       return {
-        ...((c = t.options) == null ? void 0 : c.dropdown) || {},
-        value: (I = n.value) == null ? void 0 : I.dropdownValue
+        ...((d = t.options) == null ? void 0 : d.dropdown) || {},
+        value: (U = n.value) == null ? void 0 : U.dropdownValue
       };
     }), h = r(() => ({
       "b-input-with-dropdown-filter--only-slot": t.onlySlot
     })), B = r(() => {
-      var I, F;
-      return !(!!((I = n.value) != null && I.inputValue) && !!((F = n.value) != null && F.dropdownValue)) || s.value;
+      var U, v;
+      return !(!!((U = n.value) != null && U.inputValue) && !!((v = n.value) != null && v.dropdownValue)) || s.value;
     });
     ce(() => {
-      var c;
-      ((c = n.value) == null ? void 0 : c.inputValue) === "" && (n.value = { ...n.value, inputValue: void 0 });
-    }), G(l, () => {
-      var c;
-      (c = l.value) == null || c.focusInput();
+      var d;
+      ((d = n.value) == null ? void 0 : d.inputValue) === "" && (n.value = { ...n.value, inputValue: void 0 });
+    }), z(l, () => {
+      var d;
+      (d = l.value) == null || d.focusInput();
     });
-    const S = () => {
+    const p = () => {
       n.value = t.value;
-    }, _ = () => {
-      var c;
-      !((c = n.value) != null && c.inputValue) && t.defaultValue !== null && (n.value = { ...t.defaultValue }), e(f.UPDATE, {
+    }, g = () => {
+      var d;
+      !((d = n.value) != null && d.inputValue) && t.defaultValue !== null && (n.value = { ...t.defaultValue }), e(c.UPDATE, {
         ...t,
         value: n.value
       });
-    }, T = () => e(f.UPDATE, { ...t, value: t.defaultValue }), C = () => {
-      n.value = null, _();
-    }, D = () => {
-      e(f.INPUT, { ...t, value: n.value });
-    }, A = (c) => {
-      n.value = { ...n.value, inputValue: c };
-    }, g = (c) => {
-      n.value = { ...n.value, dropdownValue: c };
+    }, P = () => e(c.UPDATE, { ...t, value: t.defaultValue }), A = () => {
+      n.value = null, g();
+    }, T = () => {
+      e(c.INPUT, { ...t, value: n.value });
+    }, C = (d) => {
+      n.value = { ...n.value, inputValue: d };
+    }, S = (d) => {
+      n.value = { ...n.value, dropdownValue: d };
     };
-    return De(Ze, !0), { __sfc: !0, props: t, emit: e, inputTextRef: l, internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s, buttonLabel: d, buttonSecondaryLabel: u, dropdownOptions: b, conditionalClasses: h, shouldDisableApply: B, openFilter: S, updateFilter: _, resetFilter: T, clearFilter: C, onInput: D, setInternalFilterValue: A, onDropdownInput: g, BentoBaseFilter: te, BentoInputField: ve };
+    return De(ze, !0), { __sfc: !0, props: t, emit: e, inputTextRef: l, internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s, buttonLabel: f, buttonSecondaryLabel: u, dropdownOptions: y, conditionalClasses: h, shouldDisableApply: B, openFilter: p, updateFilter: g, resetFilter: P, clearFilter: A, onInput: T, setInternalFilterValue: C, onDropdownInput: S, BentoBaseFilter: ee, BentoInputField: be };
   }
 });
-var wt = function() {
+var Ot = function() {
   var n, o;
   var e = this, t = e._self._c, l = e._self._setupProxy;
   return t(l.BentoBaseFilter, e._b({ attrs: { "button-label": l.buttonLabel, "button-secondary-label": l.buttonSecondaryLabel, "disable-apply-button": l.shouldDisableApply, "disable-secondary-button": l.isSecondaryButtonDisabled, "only-slot": e.onlySlot }, on: { apply: l.updateFilter, clear: l.clearFilter, open: l.openFilter, reset: l.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-input-with-dropdown-filter", class: l.conditionalClasses, on: { keydown: function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : l.updateFilter.apply(null, arguments);
   }, input: l.onInput } }, [t(l.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: l.dropdownOptions, "dropdown-position": (n = e.options) == null ? void 0 : n.dropdownPosition, variant: "dropdown", value: (o = l.internalFilterValue) == null ? void 0 : o.inputValue }, on: { input: l.setInternalFilterValue, "dropdown-input": l.onDropdownInput } })], 1)]);
-}, Ot = [], Nt = /* @__PURE__ */ R(
-  $t,
-  wt,
+}, wt = [], Nt = /* @__PURE__ */ R(
+  Lt,
   Ot,
+  wt,
   !1,
   null,
-  "2e819a64"
+  "0406187f"
 );
-const Mt = Nt.exports, Ht = L({
+const Mt = Nt.exports, Ht = x({
   name: "bento-date-filter",
   components: {
-    BentoBaseFilter: te,
+    BentoBaseFilter: ee,
     BentoDatePicker: it,
-    BentoDivider: be,
+    BentoDivider: ve,
     Calendar: ut
   },
   props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
     isDateInput: { type: Boolean, default: !0 },
     /**
      * Default value of the filter to reset to.
@@ -550,29 +551,25 @@ const Mt = Nt.exports, Ht = L({
      */
     value: { type: Date, default: void 0 }
   },
-  emits: [f.INPUT, f.UPDATE],
+  emits: [c.INPUT, c.UPDATE],
   setup(a, { emit: e }) {
-    const { locale: t } = Z(void 0, !0), l = ke(), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = X(
-      O(a, "value"),
-      O(a, "defaultValue")
-    ), d = r(
-      () => a.value ? ee(a.value, "dd MMM, yyyy", {
+    const { locale: t } = G(void 0, !0), l = Ve(), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Z(
+      $(a, "value"),
+      $(a, "defaultValue")
+    ), f = r(
+      () => a.value ? X(a.value, "dd MMM, yyyy", {
         locale: l[t.value.substring(0, 2)] || l.enUS
       }) : null
-    ), u = r(
-      () => a.defaultValue === null ? a.label : d.value
-    ), b = r(
-      () => a.defaultValue === null ? d.value : null
-    ), h = () => {
-      e(f.UPDATE, { ...a, value: n.value });
+    ), u = r(() => a.label), y = r(() => f.value), h = () => {
+      e(c.UPDATE, { ...a, value: n.value });
     }, B = () => {
       n.value = null, h();
-    }, S = () => {
+    }, p = () => {
       n.value = a.defaultValue, h();
-    }, _ = () => {
+    }, g = () => {
       n.value = a.value;
-    }, T = (D) => {
-      n.value = D, e(f.INPUT, { ...a, value: n.value });
+    }, P = (T) => {
+      n.value = T, e(c.INPUT, { ...a, value: n.value });
     };
     return {
       // Values
@@ -580,15 +577,15 @@ const Mt = Nt.exports, Ht = L({
       isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: o,
       buttonLabel: u,
-      buttonSecondaryLabel: b,
+      buttonSecondaryLabel: y,
       // Events
       clearFilter: B,
-      onDateSelected: T,
-      openFilter: _,
+      onDateSelected: P,
+      openFilter: g,
       updateFilter: h,
-      resetFilter: S,
-      onDateInputSelected: (D) => {
-        n.value = D, T(D), h();
+      resetFilter: p,
+      onDateInputSelected: (T) => {
+        n.value = T, P(T), h();
       }
     };
   }
@@ -596,16 +593,16 @@ const Mt = Nt.exports, Ht = L({
 var jt = function() {
   var l, n, o, s;
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-base-filter", { attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "default-value": e.defaultValue, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, field: e.field, label: e.label, "only-slot": e.onlySlot, "fit-content": "" }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, [e.onlySlot ? t("bento-date-picker", { attrs: { value: e.internalFilterValue, "first-day-of-week": (l = e.options) == null ? void 0 : l.firstDayOfWeek, "is-date-disabled": (n = e.options) == null ? void 0 : n.isDateDisabled }, on: { input: e.onDateInputSelected } }) : [t("bento-divider", { staticClass: "b-date-filter__divider" }), t("div", { staticClass: "b-date-filter" }, [t("calendar", { attrs: { "first-day-of-week": (o = e.options) == null ? void 0 : o.firstDayOfWeek, "is-date-disabled": (s = e.options) == null ? void 0 : s.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue }, on: { input: e.onDateSelected } })], 1)]], 2);
+  return e._self._setupProxy, t("bento-base-filter", { attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, disabled: e.disabled, "default-value": e.defaultValue, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, field: e.field, label: e.label, "only-slot": e.onlySlot, "fit-content": "" }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, [e.onlySlot ? t("bento-date-picker", { attrs: { value: e.internalFilterValue, "first-day-of-week": (l = e.options) == null ? void 0 : l.firstDayOfWeek, "is-date-disabled": (n = e.options) == null ? void 0 : n.isDateDisabled }, on: { input: e.onDateInputSelected } }) : [t("bento-divider", { staticClass: "b-date-filter__divider" }), t("div", { staticClass: "b-date-filter" }, [t("calendar", { attrs: { "first-day-of-week": (o = e.options) == null ? void 0 : o.firstDayOfWeek, "is-date-disabled": (s = e.options) == null ? void 0 : s.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue }, on: { input: e.onDateSelected } })], 1)]], 2);
 }, qt = [], Jt = /* @__PURE__ */ R(
   Ht,
   jt,
   qt,
   !1,
   null,
-  "7c9eb71a"
+  "eeb380bc"
 );
-const Oe = Jt.exports, Kt = {
+const Le = Jt.exports, Yt = {
   "en-US": {
     apply: "Apply",
     clear: "Clear",
@@ -621,18 +618,22 @@ const Oe = Jt.exports, Kt = {
     clear: "クリア",
     reset: "リセット"
   }
-}, Yt = L({
-  i18n: { messages: Kt },
+}, Wt = x({
+  i18n: { messages: Yt },
   name: "bento-date-range-filter",
   components: {
-    BentoBaseFilter: te,
+    BentoBaseFilter: ee,
     BentoButtonActions: pt,
     BentoDateRangePicker: dt,
     BentoTypography: re,
-    BentoDivider: be,
+    BentoDivider: ve,
     DateRangePickerCalendar: ft
   },
   props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
     /**
      * Default value of the filter to reset to.
      */
@@ -674,76 +675,72 @@ const Oe = Jt.exports, Kt = {
       default: () => ({ startDate: void 0, endDate: void 0 })
     }
   },
-  emits: [f.INPUT, f.UPDATE],
+  emits: [c.INPUT, c.UPDATE],
   setup(a, { emit: e }) {
-    var Y, W, k, $;
-    const { locale: t, t: l } = Z(), n = ke(), { internalFilterValue: o, isSecondaryButtonDisabled: s, isApplyButtonDisabled: d } = X(
-      O(a, "value"),
-      O(a, "defaultValue")
-    ), u = E(!1), b = (m) => m ? ee(m, he.NUMERIC_DATE_YEAR_FIRST, {
+    var J, k, M, N;
+    const { locale: t, t: l } = G(), n = Ve(), { internalFilterValue: o, isSecondaryButtonDisabled: s, isApplyButtonDisabled: f } = Z(
+      $(a, "value"),
+      $(a, "defaultValue")
+    ), u = E(!1), y = (_) => _ ? X(_, he.NUMERIC_DATE_YEAR_FIRST, {
       locale: n[t.value.substring(0, 2)] || n.enUS
-    }) : void 0, h = (m) => m ? ee(m, he.HOUR_MINUTE_SECONDS, {
+    }) : void 0, h = (_) => _ ? X(_, he.HOUR_MINUTE_SECONDS, {
       locale: n[t.value.substring(0, 2)] || n.enUS
-    }) : "", B = E(null), S = E(!1), _ = Te({
-      startDate: b((Y = a.value) == null ? void 0 : Y.startDate),
-      endDate: b((W = a.value) == null ? void 0 : W.endDate),
-      startTime: h((k = a.value) == null ? void 0 : k.startDate),
-      endTime: h(($ = a.value) == null ? void 0 : $.endDate)
+    }) : "", B = E(null), p = E(!1), g = Te({
+      startDate: y((J = a.value) == null ? void 0 : J.startDate),
+      endDate: y((k = a.value) == null ? void 0 : k.endDate),
+      startTime: h((M = a.value) == null ? void 0 : M.startDate),
+      endTime: h((N = a.value) == null ? void 0 : N.endDate)
     });
-    function T(m) {
-      return (m == null ? void 0 : m.length) !== void 0;
+    function P(_) {
+      return (_ == null ? void 0 : _.length) !== void 0;
     }
-    const C = r(() => {
-      var m, x, U, p, v, P, w, M, H;
-      if (!((m = a.value) != null && m.startDate) && !a.value.endDate)
+    const A = r(() => {
+      var _, L, O, F, b, D, V, Y, Q;
+      if (!((_ = a.value) != null && _.startDate) && !a.value.endDate)
         return null;
-      if (T((x = a.options) == null ? void 0 : x.quickSelectRanges) && ((p = (U = a.options) == null ? void 0 : U.quickSelectRanges) == null ? void 0 : p.length) > 0) {
-        const ae = (P = (v = a.options) == null ? void 0 : v.quickSelectRanges) == null ? void 0 : P.find(
-          ({ data: j }) => Fe(j == null ? void 0 : j.startDate, a.value.startDate) && Fe(j == null ? void 0 : j.endDate, a.value.endDate)
+      if (P((L = a.options) == null ? void 0 : L.quickSelectRanges) && ((F = (O = a.options) == null ? void 0 : O.quickSelectRanges) == null ? void 0 : F.length) > 0) {
+        const oe = (D = (b = a.options) == null ? void 0 : b.quickSelectRanges) == null ? void 0 : D.find(
+          ({ data: K }) => Fe(K == null ? void 0 : K.startDate, a.value.startDate) && Fe(K == null ? void 0 : K.endDate, a.value.endDate)
         );
-        if (ae)
-          return ae.label;
+        if (oe)
+          return oe.label;
       }
-      return ct((w = a.value) == null ? void 0 : w.startDate, (M = a.value) == null ? void 0 : M.endDate) && ((H = a == null ? void 0 : a.options) != null && H.allowTimeInput) ? `${ee(a.value.startDate, "dd MMM, yyyy HH:mm:ss", {
+      return ct((V = a.value) == null ? void 0 : V.startDate, (Y = a.value) == null ? void 0 : Y.endDate) && ((Q = a == null ? void 0 : a.options) != null && Q.allowTimeInput) ? `${X(a.value.startDate, "dd MMM, yyyy HH:mm:ss", {
         locale: n[t.value.substring(0, 2)] || n.enUS
-      })} - ${ee(a.value.endDate, "HH:mm:ss", {
+      })} - ${X(a.value.endDate, "HH:mm:ss", {
         locale: n[t.value.substring(0, 2)] || n.enUS
-      })}` : `${ee(a.value.startDate, "dd MMM, yyyy", {
+      })}` : `${X(a.value.startDate, "dd MMM, yyyy", {
         locale: n[t.value.substring(0, 2)] || n.enUS
-      })} - ${ee(a.value.endDate, "dd MMM, yyyy", {
+      })} - ${X(a.value.endDate, "dd MMM, yyyy", {
         locale: n[t.value.substring(0, 2)] || n.enUS
       })}`;
-    }), D = r(
-      () => a.defaultValue === null ? a.label : C.value
-    ), A = r(
-      () => a.defaultValue === null ? C.value : null
-    ), g = () => {
+    }), T = r(() => a.label), C = r(() => A.value), S = () => {
       B.value.closePopover();
-      const { onlySlot: m, ...x } = a;
-      e(f.UPDATE, { ...x, value: o.value });
-    }, c = () => {
-      o.value = void 0, g();
-    }, I = () => {
-      o.value = a.defaultValue, g();
-    }, F = () => {
+      const { onlySlot: _, ...L } = a;
+      e(c.UPDATE, { ...L, value: o.value });
+    }, d = () => {
+      o.value = void 0, S();
+    }, U = () => {
+      o.value = a.defaultValue, S();
+    }, v = () => {
       o.value = a.value;
-    }, y = (m) => {
-      u.value = !1, o.value = m, _.startDate = b(m.startDate), _.endDate = b(m.endDate), e(f.INPUT, { ...a, value: o.value });
-    }, i = (m) => {
-      m != null && m.startDate && (m != null && m.endDate) && (o.value = m, _.startDate = b(m.startDate), _.endDate = b(m.endDate), e(f.INPUT, { ...a, value: o.value }));
-    }, V = (m) => {
-      y(m), e(f.INPUT, { ...a, value: o.value });
-    }, N = r(
+    }, m = (_) => {
+      u.value = !1, o.value = _, g.startDate = y(_.startDate), g.endDate = y(_.endDate), e(c.INPUT, { ...a, value: o.value });
+    }, i = (_) => {
+      _ != null && _.startDate && (_ != null && _.endDate) && (o.value = _, g.startDate = y(_.startDate), g.endDate = y(_.endDate), e(c.INPUT, { ...a, value: o.value }));
+    }, I = (_) => {
+      m(_), e(c.INPUT, { ...a, value: o.value });
+    }, w = r(
       () => [
         {
           title: l("apply"),
-          event: g,
-          disabled: u.value || S.value || d.value
+          event: S,
+          disabled: u.value || p.value || f.value
         },
         {
           title: a.defaultValue ? l("reset") : l("clear"),
-          event: a.defaultValue ? I : c,
-          disabled: S.value && s.value
+          event: a.defaultValue ? U : d,
+          disabled: p.value && s.value
         }
       ]
     );
@@ -751,33 +748,33 @@ const Oe = Jt.exports, Kt = {
       // Refs
       baseFilter: B,
       // Values
-      actions: N,
-      formData: _,
+      actions: w,
+      formData: g,
       internalFilterValue: o,
-      isApplyButtonDisabled: d,
+      isApplyButtonDisabled: f,
       isSecondaryButtonDisabled: s,
       isSelectingDate: u,
-      buttonLabel: D,
-      buttonSecondaryLabel: A,
+      buttonLabel: T,
+      buttonSecondaryLabel: C,
       // Events
-      onDateSelected: y,
-      openFilter: F,
-      updateFilter: g,
+      onDateSelected: m,
+      openFilter: v,
+      updateFilter: S,
       onDatePickerRangeError: () => {
-        S.value = !0, o.value = { startDate: void 0, endDate: void 0 }, e(f.INPUT, { ...a, value: o.value });
+        p.value = !0, o.value = { startDate: void 0, endDate: void 0 }, e(c.INPUT, { ...a, value: o.value });
       },
-      onDatePickerRangeFormDateInputUpdate: (m) => {
-        S.value = !1, m.startTime && (_.startTime = m.startTime), m.endTime && (_.endTime = m.endTime);
+      onDatePickerRangeFormDateInputUpdate: (_) => {
+        p.value = !1, _.startTime && (g.startTime = _.startTime), _.endTime && (g.endTime = _.endTime);
       },
-      onDateInputSelected: V,
+      onDateInputSelected: I,
       onRangeSelectorInput: i
     };
   }
 });
-var Wt = function() {
-  var l, n, o, s, d, u, b, h, B, S, _, T, C, D, A;
+var Kt = function() {
+  var l, n, o, s, f, u, y, h, B, p, g, P, A, T, C;
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-base-filter", { ref: "baseFilter", staticClass: "b-base-filter-date-range-filter", attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, controlled: !e.onlySlot, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "fit-content": "" }, on: { open: e.openFilter } }, [e.onlySlot ? t("bento-date-range-picker", { attrs: { "allow-time-input": (l = e.options) == null ? void 0 : l.allowTimeInput, value: e.internalFilterValue, "first-day-of-week": (n = e.options) == null ? void 0 : n.firstDayOfWeek, "is-date-disabled": (o = e.options) == null ? void 0 : o.isDateDisabled, "number-of-months": (s = e.options) == null ? void 0 : s.numberOfMonths, "quick-select-ranges": (d = e.options) == null ? void 0 : d.quickSelectRanges }, on: { input: e.onDateInputSelected } }) : [t("div", { staticClass: "b-date-range-filter" }, [t("date-range-picker-calendar", { attrs: { "allow-time-input": (u = e.options) == null ? void 0 : u.allowTimeInput, "first-day-of-week": (b = e.options) == null ? void 0 : b.firstDayOfWeek, "is-date-disabled": (h = e.options) == null ? void 0 : h.isDateDisabled, granularities: (B = e.options) == null ? void 0 : B.granularities, "max-range": (S = e.options) == null ? void 0 : S.maxRange, min: (_ = e.options) == null ? void 0 : _.min, max: (T = e.options) == null ? void 0 : T.max, "number-of-months": (C = e.options) == null ? void 0 : C.numberOfMonths, "quick-select-ranges": (D = e.options) == null ? void 0 : D.quickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (A = e.options) == null ? void 0 : A.showEndDateOnOpen }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(g) {
+  return e._self._setupProxy, t("bento-base-filter", { ref: "baseFilter", staticClass: "b-base-filter-date-range-filter", attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, controlled: !e.onlySlot, disabled: e.disabled, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "fit-content": "" }, on: { open: e.openFilter } }, [e.onlySlot ? t("bento-date-range-picker", { attrs: { "allow-time-input": (l = e.options) == null ? void 0 : l.allowTimeInput, value: e.internalFilterValue, "first-day-of-week": (n = e.options) == null ? void 0 : n.firstDayOfWeek, "is-date-disabled": (o = e.options) == null ? void 0 : o.isDateDisabled, "number-of-months": (s = e.options) == null ? void 0 : s.numberOfMonths, "quick-select-ranges": (f = e.options) == null ? void 0 : f.quickSelectRanges }, on: { input: e.onDateInputSelected } }) : [t("div", { staticClass: "b-date-range-filter" }, [t("date-range-picker-calendar", { attrs: { "allow-time-input": (u = e.options) == null ? void 0 : u.allowTimeInput, "first-day-of-week": (y = e.options) == null ? void 0 : y.firstDayOfWeek, "is-date-disabled": (h = e.options) == null ? void 0 : h.isDateDisabled, granularities: (B = e.options) == null ? void 0 : B.granularities, "max-range": (p = e.options) == null ? void 0 : p.maxRange, min: (g = e.options) == null ? void 0 : g.min, max: (P = e.options) == null ? void 0 : P.max, "number-of-months": (A = e.options) == null ? void 0 : A.numberOfMonths, "quick-select-ranges": (T = e.options) == null ? void 0 : T.quickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (C = e.options) == null ? void 0 : C.showEndDateOnOpen }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(S) {
     e.isSelectingDate = !0;
   } }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("bento-typography", { attrs: { strongest: "", variant: "body", el: "span" } }, [e._v(" " + e._s(e.label) + " ")])];
@@ -785,14 +782,14 @@ var Wt = function() {
     return [t("bento-divider", { staticClass: "b-date-range-filter__divider" }), t("bento-button-actions", { staticClass: "b-date-range-filter__actions", attrs: { actions: e.actions, layout: "space-between" } })];
   }, proxy: !0 }]) })], 1)]], 2);
 }, zt = [], Gt = /* @__PURE__ */ R(
-  Yt,
   Wt,
+  Kt,
   zt,
   !1,
   null,
-  "c6ebdec9"
+  "13f04d6b"
 );
-const Ne = Gt.exports, Zt = {
+const Oe = Gt.exports, Zt = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
@@ -806,10 +803,14 @@ const Ne = Gt.exports, Zt = {
   }
 }, Qt = {
   i18n: { messages: Zt }
-}, Xt = /* @__PURE__ */ L({
+}, Xt = /* @__PURE__ */ x({
   ...Qt,
   __name: "select-filter-button",
   props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
     /**
      * Default value of the filter to reset to.
      *
@@ -856,103 +857,92 @@ const Ne = Gt.exports, Zt = {
   },
   emits: ["input", "update"],
   setup(a, { emit: e }) {
-    var Y, W;
-    const t = a, l = ue(), { t: n, locale: o } = Z(), s = E(""), d = O(t, "options"), u = E(t.options.listboxItems), { cachedSelectedListboxOptions: b, setCachedValues: h, resetCache: B } = Se(
-      u,
-      O(t, "value"),
-      O(d.value, "multiple")
-    ), { cachedSelectedListboxOptions: S } = Se(
-      u,
-      O(t, "defaultValue"),
-      O(d.value, "multiple")
-    ), { internalFilterValue: _, isSecondaryButtonDisabled: T, isApplyButtonDisabled: C } = X(b, S);
-    G(d, () => {
-      u.value = d.value.listboxItems;
+    var W, J;
+    const t = a, l = ue(), { t: n } = G(), o = E(""), s = $(t, "options"), f = E(t.options.listboxItems), { cachedSelectedListboxOptions: u, setCachedValues: y, resetCache: h } = Se(
+      f,
+      $(t, "value"),
+      $(s.value, "multiple")
+    ), { cachedSelectedListboxOptions: B } = Se(
+      f,
+      $(t, "defaultValue"),
+      $(s.value, "multiple")
+    ), { internalFilterValue: p, isSecondaryButtonDisabled: g, isApplyButtonDisabled: P } = Z(u, B);
+    z(s, () => {
+      f.value = s.value.listboxItems;
     });
-    const D = Le(
-      s,
-      u,
-      (W = (Y = t.options) == null ? void 0 : Y.search) == null ? void 0 : W.searchEvent
-    ), A = r(() => n("noFiltersMatchThisSearch")), g = r(() => {
-      var k, $, m, x, U, p, v, P, w, M;
-      if (t.defaultValue === null)
-        return t.label;
-      if (t.options.multiple) {
-        const H = (k = t.value) == null ? void 0 : k.length;
-        if (H === t.options.listboxItems.length)
-          return ($ = t == null ? void 0 : t.options) != null && $.messagesPersistentButtonLabelAllSelectedKey ? (x = t == null ? void 0 : t.options) == null ? void 0 : x.messages[o.value][(m = t == null ? void 0 : t.options) == null ? void 0 : m.messagesPersistentButtonLabelAllSelectedKey] : (U = t == null ? void 0 : t.options) == null ? void 0 : U.messages[o.value].persistentButtonLabelAllSelected;
-        const j = ((p = t == null ? void 0 : t.options) != null && p.messagesPersistentButtonLabelPartiallySelectedKey ? (P = t == null ? void 0 : t.options) == null ? void 0 : P.messages[o.value][(v = t == null ? void 0 : t.options) == null ? void 0 : v.messagesPersistentButtonLabelPartiallySelectedKey] : (w = t == null ? void 0 : t.options) == null ? void 0 : w.messages[o.value].persistentButtonLabelPartiallySelected).split("|").map((de) => de.trim());
-        return H === 1 ? j[0].replace("{count}", H) : j[1].replace("{count}", H);
-      }
-      return (M = b.value) != null && M.length ? z(b.value[0].label, 18) : "";
-    }), c = r(() => {
-      var k, $;
-      if (t.defaultValue === null && (!t.options.multiple || ((k = t.value) == null ? void 0 : k.length) === 1)) {
-        let x = ($ = t.options.listboxItems.flatMap((U) => U.items ? U.items : U).find(
-          ({ value: U }) => {
-            var p;
-            return Array.isArray(t.value) ? (p = t == null ? void 0 : t.value) == null ? void 0 : p.includes(U) : U === t.value;
+    const A = xe(
+      o,
+      f,
+      (J = (W = t.options) == null ? void 0 : W.search) == null ? void 0 : J.searchEvent
+    ), T = r(() => n("noFiltersMatchThisSearch")), C = r(() => t.label), S = r(() => {
+      var N, _, L, O;
+      const k = !((N = t == null ? void 0 : t.options) != null && N.multiple) && (t == null ? void 0 : t.value), M = ((L = ((_ = t == null ? void 0 : t.options) == null ? void 0 : _.multiple) && t.value) == null ? void 0 : L.length) === 1;
+      if (k || M) {
+        let b = (O = t.options.listboxItems.flatMap((D) => D.items ? D.items : D).find(
+          ({ value: D }) => {
+            var V;
+            return Array.isArray(t.value) ? (V = t == null ? void 0 : t.value) == null ? void 0 : V.includes(D) : D === t.value;
           }
-        )) == null ? void 0 : $.label;
-        return !x && t.value && (x = t.value[0]), z(x, 12);
+        )) == null ? void 0 : O.label;
+        return !b && t.value && (b = t.value[0]), ae(b, 12);
       }
       return null;
-    }), I = r(() => pe(`filter-listbox-${t.field}`)), F = (k) => {
-      _.value = k;
-      const { onlySlot: $, ...m } = t;
+    }), d = r(() => fe(`filter-listbox-${t.field}`)), U = (k) => {
+      p.value = k;
+      const { onlySlot: M, ...N } = t;
       if (t.options.multiple) {
-        const U = k.length ? _.value.map(({ value: p }) => p) : null;
-        e(f.INPUT, { ...m, value: U });
+        const L = k.length ? p.value.map(({ value: O }) => O) : null;
+        e(c.INPUT, { ...N, value: L });
         return;
       }
-      const x = k.length ? k[0].value : null;
-      e(f.INPUT, { ...m, value: x });
-    }, y = () => {
-      var x, U, p;
-      const { onlySlot: k, ...$ } = t;
+      const _ = k.length ? k[0].value : null;
+      e(c.INPUT, { ...N, value: _ });
+    }, v = () => {
+      var _, L, O;
+      const { onlySlot: k, ...M } = t;
       if (t.options.multiple) {
-        _.value && ((x = _.value) == null ? void 0 : x.length) === 0 && (_.value = t.defaultValue !== null ? S.value : void 0);
-        const v = (U = _.value) != null && U.length ? (p = _.value) == null ? void 0 : p.map(({ value: P }) => P) : null;
-        e(f.UPDATE, {
-          ...$,
-          value: v
+        p.value && ((_ = p.value) == null ? void 0 : _.length) === 0 && (p.value = t.defaultValue !== null ? B.value : void 0);
+        const F = (L = p.value) != null && L.length ? (O = p.value) == null ? void 0 : O.map(({ value: b }) => b) : null;
+        e(c.UPDATE, {
+          ...M,
+          value: F
         });
         return;
       }
-      const m = _.value.length ? _.value[0].value : void 0;
-      e(f.UPDATE, { ...$, value: m });
+      const N = p.value.length ? p.value[0].value : void 0;
+      e(c.UPDATE, { ...M, value: N });
+    }, m = () => {
+      p.value = u.value;
     }, i = () => {
-      _.value = b.value;
-    }, V = () => {
-      s.value && (s.value = "");
-    }, N = () => {
-      h(S.value), _.value = S.value, y();
-    }, K = () => {
-      B(), _.value = [], y();
-    }, Q = r(() => {
-      var m, x;
-      if (t.value == null || t.defaultValue !== null || !t.options.multiple)
+      o.value && (o.value = "");
+    }, I = () => {
+      y(B.value), p.value = B.value, v();
+    }, w = () => {
+      h(), p.value = [], v();
+    }, q = r(() => {
+      var N, _;
+      if (t.value == null || !t.options.multiple)
         return null;
-      const k = (m = t.options.listboxItems) == null ? void 0 : m.reduce((U, p) => {
-        var v;
-        return U += (v = p == null ? void 0 : p.items) != null && v.length ? p.items.length : 1, U;
-      }, 0), $ = (x = t.value) == null ? void 0 : x.length;
-      return $ === 1 ? null : $ === k ? n("all") : $;
+      const k = (N = t.options.listboxItems) == null ? void 0 : N.reduce((L, O) => {
+        var F;
+        return L += (F = O == null ? void 0 : O.items) != null && F.length ? O.items.length : 1, L;
+      }, 0), M = (_ = t.value) == null ? void 0 : _.length;
+      return M === 1 ? null : M === k ? n("all") : M;
     });
-    return { __sfc: !0, slots: l, emit: e, props: t, t: n, locale: o, searchTerm: s, optionsRef: d, itemsRef: u, cachedSelectedListboxOptions: b, setCachedValues: h, resetCache: B, cachedDefaultSelectedListboxOptions: S, internalFilterValue: _, isSecondaryButtonDisabled: T, isApplyButtonDisabled: C, filteredItems: D, noResultsMessage: A, buttonLabel: g, buttonSecondaryLabel: c, listboxFilterId: I, onOptionSelected: F, updateFilter: y, openFilter: i, closeFilter: V, resetFilter: N, clearFilter: K, appliedFiltersCount: Q, BentoSearchBar: ie, BentoDivider: be, BentoListbox: bt, BentoBaseFilter: te };
+    return { __sfc: !0, slots: l, emit: e, props: t, t: n, searchTerm: o, optionsRef: s, itemsRef: f, cachedSelectedListboxOptions: u, setCachedValues: y, resetCache: h, cachedDefaultSelectedListboxOptions: B, internalFilterValue: p, isSecondaryButtonDisabled: g, isApplyButtonDisabled: P, filteredItems: A, noResultsMessage: T, buttonLabel: C, buttonSecondaryLabel: S, listboxFilterId: d, onOptionSelected: U, updateFilter: v, openFilter: m, closeFilter: i, resetFilter: I, clearFilter: w, appliedFiltersCount: q, BentoSearchBar: ie, BentoDivider: ve, BentoListbox: vt, BentoBaseFilter: ee };
   }
 });
 var el = function() {
-  var n, o, s, d, u, b, h, B, S, _, T, C, D;
+  var n, o, s, f, u, y, h, B, p, g, P, A, T;
   var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t(l.BentoBaseFilter, { attrs: { "applied-filters-count": l.appliedFiltersCount, "button-label": l.buttonLabel, "button-secondary-label": l.buttonSecondaryLabel, "disable-apply-button": l.isApplyButtonDisabled, "disable-secondary-button": l.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": !1 }, on: { apply: l.updateFilter, clear: l.clearFilter, reset: l.resetFilter, open: l.openFilter, close: l.closeFilter } }, [t("div", { staticClass: "b-select-filter-button__search-bar" }, [t(l.BentoSearchBar, { attrs: { "debounce-time": (o = (n = e.options) == null ? void 0 : n.search) == null ? void 0 : o.debounceTime, value: l.searchTerm, "input-field-aria-label": l.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(A) {
-    l.searchTerm = A;
-  } } })], 1), t("div", { staticClass: "b-select-filter-button__divider" }, [t(l.BentoDivider)], 1), t(l.BentoListbox, { staticClass: "b-select-filter-button__wrapper", attrs: { id: l.listboxFilterId, "aria-label": e.label, "empty-state": (s = e.options) == null ? void 0 : s.emptyState, "has-more-items": (u = (d = e.options) == null ? void 0 : d.lazy) == null ? void 0 : u.hasMoreItems, items: l.filteredItems, "is-option-disabled": (b = e.options) == null ? void 0 : b.isOptionDisabled, "lazy-load-type": (B = (h = e.options) == null ? void 0 : h.lazy) == null ? void 0 : B.lazyLoadType, loading: (_ = (S = e.options) == null ? void 0 : S.lazy) == null ? void 0 : _.loading, multiple: (T = e.options) == null ? void 0 : T.multiple, "static-categories": (C = e.options) == null ? void 0 : C.staticCategories, "no-results-message": l.noResultsMessage, searching: !!l.searchTerm, "selected-value": l.internalFilterValue, "virtual-scroll": (D = e.options) == null ? void 0 : D.virtualScroll }, on: { select: l.onOptionSelected, "space-pressed": l.onOptionSelected, "enter-pressed": l.onOptionSelected, "show-more": function(A) {
-    var g, c;
-    (c = (g = e.options) == null ? void 0 : g.lazy) == null || c.showMoreEvent();
-  } }, scopedSlots: e._u([e._l(l.slots, function(A, g) {
-    return { key: g, fn: function(c) {
-      return [e._t(g, null, null, c)];
+  return t(l.BentoBaseFilter, { attrs: { "applied-filters-count": l.appliedFiltersCount, "button-label": l.buttonLabel, "button-secondary-label": l.buttonSecondaryLabel, disabled: e.disabled, "disable-apply-button": l.isApplyButtonDisabled, "disable-secondary-button": l.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": !1 }, on: { apply: l.updateFilter, clear: l.clearFilter, reset: l.resetFilter, open: l.openFilter, close: l.closeFilter } }, [t("div", { staticClass: "b-select-filter-button__search-bar" }, [t(l.BentoSearchBar, { attrs: { "debounce-time": (o = (n = e.options) == null ? void 0 : n.search) == null ? void 0 : o.debounceTime, value: l.searchTerm, "input-field-aria-label": l.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(C) {
+    l.searchTerm = C;
+  } } })], 1), t("div", { staticClass: "b-select-filter-button__divider" }, [t(l.BentoDivider)], 1), t(l.BentoListbox, { staticClass: "b-select-filter-button__wrapper", attrs: { id: l.listboxFilterId, "aria-label": e.label, "empty-state": (s = e.options) == null ? void 0 : s.emptyState, "has-more-items": (u = (f = e.options) == null ? void 0 : f.lazy) == null ? void 0 : u.hasMoreItems, items: l.filteredItems, "is-option-disabled": (y = e.options) == null ? void 0 : y.isOptionDisabled, "lazy-load-type": (B = (h = e.options) == null ? void 0 : h.lazy) == null ? void 0 : B.lazyLoadType, loading: (g = (p = e.options) == null ? void 0 : p.lazy) == null ? void 0 : g.loading, multiple: (P = e.options) == null ? void 0 : P.multiple, "static-categories": (A = e.options) == null ? void 0 : A.staticCategories, "no-results-message": l.noResultsMessage, searching: !!l.searchTerm, "selected-value": l.internalFilterValue, "virtual-scroll": (T = e.options) == null ? void 0 : T.virtualScroll }, on: { select: l.onOptionSelected, "space-pressed": l.onOptionSelected, "enter-pressed": l.onOptionSelected, "show-more": function(C) {
+    var S, d;
+    (d = (S = e.options) == null ? void 0 : S.lazy) == null || d.showMoreEvent();
+  } }, scopedSlots: e._u([e._l(l.slots, function(C, S) {
+    return { key: S, fn: function(d) {
+      return [e._t(S, null, null, d)];
     } };
   })], null, !0) })], 1);
 }, tl = [], ll = /* @__PURE__ */ R(
@@ -961,7 +951,7 @@ var el = function() {
   tl,
   !1,
   null,
-  "5ccf2522"
+  "da181367"
 );
 const al = ll.exports, nl = {
   "en-US": {
@@ -970,9 +960,13 @@ const al = ll.exports, nl = {
 }, ol = {
   i18n: { messages: nl },
   name: "select-filter-dropdown"
-}, sl = /* @__PURE__ */ L({
+}, sl = /* @__PURE__ */ x({
   ...ol,
   props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
     /**
      * Default value of the filter to reset to.
      *
@@ -1020,24 +1014,24 @@ const al = ll.exports, nl = {
   },
   emits: ["input", "update"],
   setup(a, { emit: e }) {
-    const t = a, { t: l } = Z(), n = ue(), { internalFilterValue: o } = X(O(t, "value"), O(t, "defaultValue")), s = E(""), d = O(t, "options"), u = E(t.options.listboxItems);
-    G(d, () => {
-      u.value = d.value.listboxItems;
+    const t = a, { t: l } = G(), n = ue(), { internalFilterValue: o } = Z($(t, "value"), $(t, "defaultValue")), s = E(""), f = $(t, "options"), u = E(t.options.listboxItems);
+    z(f, () => {
+      u.value = f.value.listboxItems;
     });
-    const b = r(() => l("noFiltersMatchThisSearch"));
-    return { __sfc: !0, t: l, slots: n, emit: e, props: t, internalFilterValue: o, searchTerm: s, optionsRef: d, itemsRef: u, noResultsMessage: b, onOptionSelected: (B) => {
+    const y = r(() => l("noFiltersMatchThisSearch"));
+    return { __sfc: !0, t: l, slots: n, emit: e, props: t, internalFilterValue: o, searchTerm: s, optionsRef: f, itemsRef: u, noResultsMessage: y, onOptionSelected: (B) => {
       o.value = B;
-      const { onlySlot: S, ..._ } = t;
-      e(f.INPUT, { ..._, value: o.value });
-    }, BentoDropdown: st };
+      const { onlySlot: p, ...g } = t;
+      e(c.INPUT, { ...g, value: o.value });
+    }, BentoDropdown: nt };
   }
 });
 var rl = function() {
   var n, o, s;
   var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t(l.BentoDropdown, { attrs: { value: l.internalFilterValue, items: e.options.listboxItems, multiple: (n = e.options) == null ? void 0 : n.multiple, "static-categories": (o = e.options) == null ? void 0 : o.staticCategories, "no-results-message": l.noResultsMessage, searching: !!l.searchTerm, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0, "empty-state": (s = e.options) == null ? void 0 : s.emptyState }, on: { input: l.onOptionSelected }, scopedSlots: e._u([e._l(l.slots, function(d, u) {
-    return { key: u, fn: function(b) {
-      return [e._t(u, null, null, b)];
+  return t(l.BentoDropdown, { attrs: { value: l.internalFilterValue, items: e.options.listboxItems, multiple: (n = e.options) == null ? void 0 : n.multiple, "static-categories": (o = e.options) == null ? void 0 : o.staticCategories, "no-results-message": l.noResultsMessage, searching: !!l.searchTerm, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0, "empty-state": (s = e.options) == null ? void 0 : s.emptyState, disabled: e.disabled }, on: { input: l.onOptionSelected }, scopedSlots: e._u([e._l(l.slots, function(f, u) {
+    return { key: u, fn: function(y) {
+      return [e._t(u, null, null, y)];
     } };
   })], null, !0) });
 }, il = [], ul = /* @__PURE__ */ R(
@@ -1048,7 +1042,11 @@ var rl = function() {
   null,
   null
 );
-const cl = ul.exports, oe = {
+const cl = ul.exports, ne = {
+  /**
+   * Disables the filter from being interacted with.
+   */
+  disabled: { type: Boolean, default: !1 },
   /**
    * Default value of the filter to reset to.
    *
@@ -1093,42 +1091,51 @@ const cl = ul.exports, oe = {
     type: [String, Number, Array],
     default: void 0
   }
-}, dl = {}, fl = /* @__PURE__ */ L({
+}, dl = {}, fl = /* @__PURE__ */ x({
   ...dl,
   __name: "select-filter",
-  props: oe,
+  props: ne,
   emits: ["input", "update"],
   setup(a, { emit: e }) {
-    return { __sfc: !0, slots: ue(), emit: e, onInput: (o) => e("input", o), onUpdate: (o) => e("update", o), SelectFilterButton: al, SelectFilterDropdown: cl };
+    const t = a, l = ue(), n = (s) => e("input", s), o = (s) => e("update", s);
+    return Pe(() => {
+      var s;
+      (s = t == null ? void 0 : t.options) != null && s.messages && pe(
+        'BentoFilterBar filter of type "BentoFilterItemType.SELECT" options message property',
+        `Please remove the "options.messages" property from this filter, it is not required any more for persistent filters.
+                        This will be the default behavior in the v2 and "options.messages" will be removed.`,
+        "2.0.0"
+      );
+    }), { __sfc: !0, slots: l, emit: e, props: t, onInput: n, onUpdate: o, SelectFilterButton: al, SelectFilterDropdown: cl };
   }
 });
 var pl = function() {
   var e = this, t = e._self._c, l = e._self._setupProxy;
-  return e.onlySlot ? t(l.SelectFilterDropdown, { attrs: { "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: l.onInput, update: l.onUpdate }, scopedSlots: e._u([e._l(l.slots, function(n, o) {
+  return e.onlySlot ? t(l.SelectFilterDropdown, { attrs: { disabled: e.disabled, "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: l.onInput, update: l.onUpdate }, scopedSlots: e._u([e._l(l.slots, function(n, o) {
     return { key: o, fn: function(s) {
       return [e._t(o, null, null, s)];
     } };
-  })], null, !0) }) : t(l.SelectFilterButton, { attrs: { "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: l.onInput, update: l.onUpdate }, scopedSlots: e._u([e._l(l.slots, function(n, o) {
+  })], null, !0) }) : t(l.SelectFilterButton, { attrs: { disabled: e.disabled, "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: l.onInput, update: l.onUpdate }, scopedSlots: e._u([e._l(l.slots, function(n, o) {
     return { key: o, fn: function(s) {
       return [e._t(o, null, null, s)];
     } };
   })], null, !0) });
-}, vl = [], bl = /* @__PURE__ */ R(
+}, bl = [], vl = /* @__PURE__ */ R(
   fl,
   pl,
-  vl,
+  bl,
   !1,
   null,
   null
 );
-const le = bl.exports, _l = L({
+const te = vl.exports, _l = x({
   name: "bento-select-avatar-filter",
   components: {
-    BentoSelectFilter: le,
-    BentoAvatar: vt
+    BentoSelectFilter: te,
+    BentoAvatar: bt
   },
   props: {
-    ...oe,
+    ...ne,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1140,13 +1147,13 @@ const le = bl.exports, _l = L({
       default: void 0
     }
   },
-  emits: [f.INPUT, f.UPDATE],
+  emits: [c.INPUT, c.UPDATE],
   setup(a, { emit: e }) {
     return {
       // Enums
-      BentoFilterEvent: f,
+      BentoFilterEvent: c,
       // Methods
-      onUpdate: (l) => e(f.UPDATE, l)
+      onUpdate: (l) => e(c.UPDATE, l)
     };
   }
 });
@@ -1163,14 +1170,14 @@ var yl = function() {
   null,
   null
 );
-const Me = Fl.exports, hl = L({
+const we = Fl.exports, hl = x({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: le,
+    BentoSelectFilter: te,
     ListboxOptionTag: $e
   },
   props: {
-    ...oe,
+    ...ne,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1182,14 +1189,14 @@ const Me = Fl.exports, hl = L({
       default: void 0
     }
   },
-  emits: [f.INPUT, f.UPDATE],
+  emits: [c.INPUT, c.UPDATE],
   setup(a, { emit: e }) {
     return {
       // Enums
-      BentoFilterEvent: f,
+      BentoFilterEvent: c,
       // Methods
       onUpdate: (l) => {
-        e(f.UPDATE, l);
+        e(c.UPDATE, l);
       }
     };
   }
@@ -1199,20 +1206,20 @@ var Sl = function() {
   return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function(l) {
     return [t("listbox-option-tag", { attrs: { option: l } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, gl = [], Bl = /* @__PURE__ */ R(
+}, Bl = [], gl = /* @__PURE__ */ R(
   hl,
   Sl,
-  gl,
+  Bl,
   !1,
   null,
   null
 );
-const He = Bl.exports, Cl = {
+const Ne = gl.exports, Cl = {
   name: "bento-select-country-filter"
-}, Al = /* @__PURE__ */ L({
+}, Al = /* @__PURE__ */ x({
   ...Cl,
   props: {
-    ...oe,
+    ...ne,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1225,21 +1232,21 @@ const He = Bl.exports, Cl = {
       default: void 0
     }
   },
-  emits: [f.INPUT, f.UPDATE],
+  emits: [c.INPUT, c.UPDATE],
   setup(a, { emit: e }) {
     const t = a, l = E(t.options.variant), n = E(t.options.listboxItems);
-    G([() => t.options.variant, () => t.options.listboxItems], () => {
+    z([() => t.options.variant, () => t.options.listboxItems], () => {
       l.value = t.options.variant, n.value = t.options.listboxItems;
     });
-    const o = (u) => e(f.UPDATE, u), s = _t(l, n), d = r(() => ({
+    const o = (u) => e(c.UPDATE, u), s = _t(l, n), f = r(() => ({
       ...t != null && t.options ? t.options : {},
       listboxItems: s.value
     }));
-    return (!l.value || l.value === "custom") && Pe(
+    return (!l.value || l.value === "custom") && pe(
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
       "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
       "2.0.0"
-    ), { __sfc: !0, props: t, emit: e, variant: l, listboxItems: n, onUpdate: o, countryItems: s, countryOptions: d, BentoFilterEvent: f, BentoTypography: re, BentoSelectFilter: le };
+    ), { __sfc: !0, props: t, emit: e, variant: l, listboxItems: n, onUpdate: o, countryItems: s, countryOptions: f, BentoFilterEvent: c, BentoTypography: re, BentoSelectFilter: te };
   }
 });
 var Dl = function() {
@@ -1255,14 +1262,14 @@ var Dl = function() {
   null,
   null
 );
-const je = Pl.exports, Il = L({
+const Me = Pl.exports, Il = x({
   name: "bento-select-payment-method-filter",
   components: {
-    BentoSelectFilter: le,
+    BentoSelectFilter: te,
     BentoPaymentMethod: yt
   },
   props: {
-    ...oe,
+    ...ne,
     /**
      * List of options that are needed to setup the payment method filter
      * Available options:
@@ -1274,37 +1281,37 @@ const je = Pl.exports, Il = L({
       default: void 0
     }
   },
-  emits: [f.INPUT, f.UPDATE],
+  emits: [c.INPUT, c.UPDATE],
   setup(a, { emit: e }) {
     return {
       // Enums
-      BentoFilterEvent: f,
+      BentoFilterEvent: c,
       // Methods
-      onUpdate: (l) => e(f.UPDATE, l)
+      onUpdate: (l) => e(c.UPDATE, l)
     };
   }
 });
-var Vl = function() {
+var El = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function({ value: l, label: n }) {
     return [t("bento-payment-method", { attrs: { type: l, label: n } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, El = [], Ul = /* @__PURE__ */ R(
+}, Ul = [], Rl = /* @__PURE__ */ R(
   Il,
-  Vl,
   El,
+  Ul,
   !1,
   null,
   null
 );
-const qe = Ul.exports, Rl = L({
+const He = Rl.exports, xl = x({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: le,
+    BentoSelectFilter: te,
     ListboxOptionTag: $e
   },
   props: {
-    ...oe,
+    ...ne,
     /**
      * List of options that are needed to setup the tag filter
      * Available options:
@@ -1316,12 +1323,12 @@ const qe = Ul.exports, Rl = L({
       default: void 0
     }
   },
-  emits: [f.INPUT, f.UPDATE],
+  emits: [c.INPUT, c.UPDATE],
   setup(a, { emit: e }) {
-    const t = (o) => e(f.UPDATE, o), l = r(
+    const t = (o) => e(c.UPDATE, o), l = r(
       () => {
         var o, s;
-        return (s = (o = a == null ? void 0 : a.options) == null ? void 0 : o.listboxItems) == null ? void 0 : s.map(({ label: d, value: u, variant: b }) => ({ label: d, value: u, data: b }));
+        return (s = (o = a == null ? void 0 : a.options) == null ? void 0 : o.listboxItems) == null ? void 0 : s.map(({ label: f, value: u, variant: y }) => ({ label: f, value: u, data: y }));
       }
     );
     return {
@@ -1333,24 +1340,24 @@ const qe = Ul.exports, Rl = L({
       // Methods
       onUpdate: t,
       // Enums
-      BentoFilterEvent: f
+      BentoFilterEvent: c
     };
   }
 });
-var xl = function() {
+var Vl = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.countryOptions }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function({ label: l, data: n }) {
     return [t("listbox-option-tag", { attrs: { option: { value: l, data: n, label: "" } } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, Ll = [], kl = /* @__PURE__ */ R(
-  Rl,
+}, $l = [], kl = /* @__PURE__ */ R(
   xl,
-  Ll,
+  Vl,
+  $l,
   !1,
   null,
   null
 );
-const Je = kl.exports, $l = {
+const je = kl.exports, Ll = {
   "en-US": {
     no: "No",
     yes: "Yes"
@@ -1363,11 +1370,15 @@ const Je = kl.exports, $l = {
     no: "いいえ",
     yes: "はい"
   }
-}, wl = L({
+}, Ol = x({
   name: "bento-boolean-filter",
-  i18n: { messages: $l },
-  components: { BentoBaseFilter: te, BentoRadioGroup: lt },
+  i18n: { messages: Ll },
+  components: { BentoBaseFilter: ee, BentoRadioGroup: et },
   props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
     /**
      * Default value of the filter to reset to.
      */
@@ -1400,12 +1411,12 @@ const Je = kl.exports, $l = {
       default: void 0
     }
   },
-  emits: [f.INPUT, f.UPDATE],
+  emits: [c.INPUT, c.UPDATE],
   setup(a, { emit: e }) {
-    const { t } = Z(), l = (c) => typeof c == "boolean" ? c == null ? void 0 : c.toString() : c, n = (c) => {
-      var I, F, y, i;
-      return ((F = (I = a == null ? void 0 : a.options) == null ? void 0 : I.positiveOption) == null ? void 0 : F.value) !== void 0 && ((i = (y = a == null ? void 0 : a.options) == null ? void 0 : y.negativeOption) == null ? void 0 : i.value) !== void 0 && typeof a.options.positiveOption.value == "boolean" && typeof a.options.negativeOption.value == "boolean" && typeof c == "string" ? c === "true" : c;
-    }, o = r(() => l(a.defaultValue)), s = r(() => l(a.value)), d = r(() => a.options && a.options.positiveOption && a.options.negativeOption ? [
+    const { t } = G(), l = (d) => typeof d == "boolean" ? d == null ? void 0 : d.toString() : d, n = (d) => {
+      var U, v, m, i;
+      return ((v = (U = a == null ? void 0 : a.options) == null ? void 0 : U.positiveOption) == null ? void 0 : v.value) !== void 0 && ((i = (m = a == null ? void 0 : a.options) == null ? void 0 : m.negativeOption) == null ? void 0 : i.value) !== void 0 && typeof a.options.positiveOption.value == "boolean" && typeof a.options.negativeOption.value == "boolean" && typeof d == "string" ? d === "true" : d;
+    }, o = r(() => l(a.defaultValue)), s = r(() => l(a.value)), f = r(() => a.options && a.options.positiveOption && a.options.negativeOption ? [
       {
         ...a.options.positiveOption,
         value: l(a.options.positiveOption.value)
@@ -1417,80 +1428,82 @@ const Je = kl.exports, $l = {
     ] : [
       { value: "yes", label: t("yes") },
       { value: "no", label: t("no") }
-    ]), { internalFilterValue: u, isSecondaryButtonDisabled: b, isApplyButtonDisabled: h } = X(
+    ]), { internalFilterValue: u, isSecondaryButtonDisabled: y, isApplyButtonDisabled: h } = Z(
       s,
       o
-    ), B = r(
-      () => a.defaultValue === null ? a.label : z(d.value.find(({ value: c }) => c === s.value).label, 18)
-    ), S = r(
+    ), B = r(() => a.label), p = r(
       () => {
-        var c;
-        return a.defaultValue === null ? z((c = d.value.find(({ value: I }) => I === s.value)) == null ? void 0 : c.label, 12) : null;
+        var d;
+        return ae((d = f.value.find(({ value: U }) => U === s.value)) == null ? void 0 : d.label, 12);
       }
-    ), _ = r(() => ({
+    ), g = r(() => ({
       "b-boolean-filter--only-slot": a.onlySlot
     }));
     ce(() => {
       u.value || (u.value = null);
     });
-    const T = (c) => {
-      u.value = c, e(f.INPUT, {
+    const P = (d) => {
+      u.value = d, e(c.INPUT, {
         ...a,
         value: n(u.value)
       });
-    }, C = () => {
+    }, A = () => {
       u.value = s.value;
-    }, D = () => {
-      e(f.UPDATE, {
+    }, T = () => {
+      e(c.UPDATE, {
         ...a,
         value: n(u.value)
       });
     };
     return {
       // Values
-      items: d,
-      conditionalClasses: _,
+      items: f,
+      conditionalClasses: g,
       buttonLabel: B,
-      buttonSecondaryLabel: S,
+      buttonSecondaryLabel: p,
       internalFilterValue: u,
       isApplyButtonDisabled: h,
-      isSecondaryButtonDisabled: b,
+      isSecondaryButtonDisabled: y,
       translatedValue: s,
       translatedDefaultValue: o,
       // Events
-      onInput: T,
-      updateFilter: D,
+      onInput: P,
+      updateFilter: T,
       clearFilter: () => {
-        u.value = null, D();
+        u.value = null, T();
       },
-      openFilter: C,
-      resetFilter: () => e(f.UPDATE, { ...a, value: a.defaultValue })
+      openFilter: A,
+      resetFilter: () => e(c.UPDATE, { ...a, value: a.defaultValue })
     };
   }
 });
-var Ol = function() {
+var wl = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("bento-base-filter", e._b({ attrs: { value: e.translatedValue, "default-value": e.translatedDefaultValue, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-boolean-filter", class: e.conditionalClasses, on: { keydown: function(l) {
     return !l.type.indexOf("key") && e._k(l.keyCode, "enter", 13, l.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
   } } }, [t("bento-radio-group", { attrs: { items: e.items, label: e.label, "model-value": e.internalFilterValue, "hide-label": "" }, on: { "update:model-value": e.onInput } })], 1)]);
 }, Nl = [], Ml = /* @__PURE__ */ R(
-  wl,
   Ol,
+  wl,
   Nl,
   !1,
   null,
-  "e6adae8e"
+  "c8af6e48"
 );
-const Ke = Ml.exports, Hl = {
+const qe = Ml.exports, Hl = {
   "en-US": {
     from: "From",
     to: "To"
   }
-}, jl = L({
+}, jl = x({
   name: "bento-range-filter",
   i18n: { messages: Hl },
-  components: { BentoBaseFilter: te, BentoInputField: ve },
+  components: { BentoBaseFilter: ee, BentoInputField: be },
   props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
     /**
      * Default value of the filter to reset to.
      */
@@ -1514,35 +1527,31 @@ const Ke = Ml.exports, Hl = {
      */
     onlySlot: { type: Boolean, default: !1 }
   },
-  emits: [f.INPUT, f.UPDATE],
+  emits: [c.INPUT, c.UPDATE],
   setup(a, { emit: e }) {
-    const { t } = Z(), l = E(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = X(
-      O(a, "value"),
-      O(a, "defaultValue")
-    ), d = r(() => {
-      var y, i, V, N, K, Q, Y, W;
-      if (!((y = a.value) != null && y[0]) && !((i = a.value) != null && i[1]))
+    const { t } = G(), l = E(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Z(
+      $(a, "value"),
+      $(a, "defaultValue")
+    ), f = r(() => {
+      var m, i, I, w, q, W, J, k;
+      if (!((m = a.value) != null && m[0]) && !((i = a.value) != null && i[1]))
         return null;
-      let g = "";
-      (V = a.value) != null && V[0] ? (N = a.value) != null && N[1] || (g = "≥") : g = "≤";
-      const c = (K = a.value) != null && K[0] ? `${z(a.value[0], 5)}` : "", I = (Q = a.value) != null && Q[0] && ((Y = a.value) != null && Y[1]) ? " - " : "", F = (W = a.value) != null && W[1] ? `${z(a.value[1], 5)}` : "";
-      return `${g}${c}${I}${F}`;
-    }), u = r(
-      () => a.defaultValue === null ? a.label : d.value
-    ), b = r(
-      () => a.defaultValue === null ? d.value : null
-    ), h = r(() => ({
+      let S = "";
+      (I = a.value) != null && I[0] ? (w = a.value) != null && w[1] || (S = "≥") : S = "≤";
+      const d = (q = a.value) != null && q[0] ? `${ae(a.value[0], 5)}` : "", U = (W = a.value) != null && W[0] && ((J = a.value) != null && J[1]) ? " - " : "", v = (k = a.value) != null && k[1] ? `${ae(a.value[1], 5)}` : "";
+      return `${S}${d}${U}${v}`;
+    }), u = r(() => a.label), y = r(() => f.value), h = r(() => ({
       "b-range-filter--only-slot": a.onlySlot
     })), B = () => {
       n.value = a.value, Ae(() => l.value.focusInput());
-    }, S = () => {
-      e(f.INPUT, { ...a, value: n.value });
-    }, _ = (g) => {
-      n.value = [g, n.value[1]], S();
-    }, T = (g) => {
-      n.value = [n.value[0], g], S();
-    }, C = () => {
-      n.value.some((g) => g) || (n.value = a.defaultValue !== null ? a.defaultValue : void 0), e(f.UPDATE, {
+    }, p = () => {
+      e(c.INPUT, { ...a, value: n.value });
+    }, g = (S) => {
+      n.value = [S, n.value[1]], p();
+    }, P = (S) => {
+      n.value = [n.value[0], S], p();
+    }, A = () => {
+      n.value.some((S) => S) || (n.value = a.defaultValue !== null ? a.defaultValue : void 0), e(c.UPDATE, {
         ...a,
         value: n.value
       });
@@ -1555,16 +1564,16 @@ const Ke = Ml.exports, Hl = {
       isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: o,
       buttonLabel: u,
-      buttonSecondaryLabel: b,
+      buttonSecondaryLabel: y,
       // Events
-      updateFrom: _,
-      updateTo: T,
-      updateFilter: C,
+      updateFrom: g,
+      updateTo: P,
+      updateFilter: A,
       clearFilter: () => {
-        n.value = ["", ""], C();
+        n.value = ["", ""], A();
       },
       openFilter: B,
-      resetFilter: () => e(f.UPDATE, { ...a, value: a.defaultValue }),
+      resetFilter: () => e(c.UPDATE, { ...a, value: a.defaultValue }),
       // Translations
       t
     };
@@ -1575,19 +1584,19 @@ var ql = function() {
   return e._self._setupProxy, t("bento-base-filter", e._b({ attrs: { "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-range-filter", class: e.conditionalClasses, on: { keydown: function(l) {
     return !l.type.indexOf("key") && e._k(l.keyCode, "enter", 13, l.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
   } } }, [t("bento-input-field", { ref: "inputTextRef", attrs: { value: e.internalFilterValue ? e.internalFilterValue[0] : "", type: "number", "aria-label": e.t("from").toString() }, on: { input: e.updateFrom } }, [e._v(" " + e._s(e.t("from")) + " ")]), t("bento-input-field", { staticClass: "b-range-filter__input-field", attrs: { value: e.internalFilterValue ? e.internalFilterValue[1] : "", type: "number", "aria-label": e.t("to") }, on: { input: e.updateTo } }, [e._v(" " + e._s(e.t("to")) + " ")])], 1)]);
-}, Jl = [], Kl = /* @__PURE__ */ R(
+}, Jl = [], Yl = /* @__PURE__ */ R(
   jl,
   ql,
   Jl,
   !1,
   null,
-  "b0ac51f9"
+  "0d8531d1"
 );
-const Ye = Kl.exports;
-var fe = /* @__PURE__ */ ((a) => (a.INPUT = "input", a))(fe || {});
-const Yl = L({
+const Je = Yl.exports;
+var de = /* @__PURE__ */ ((a) => (a.INPUT = "input", a))(de || {});
+const Wl = x({
   name: "base-filter-button",
-  components: { BaseButton: Ve, BentoTypography: re, ChevronUpIcon: Re, ChevronDownIcon: xe },
+  components: { BaseButton: Ee, BentoTypography: re, ChevronUpIcon: st, ChevronDownIcon: rt },
   props: {
     /**
      * The number of applies values within the filter.
@@ -1614,7 +1623,7 @@ const Yl = L({
   },
   emits: [me.CLICK],
   setup(a, { slots: e, emit: t, attrs: l }) {
-    const n = r(() => e.default ? Ee(e)("default") : null), o = Ie({ ariaLabel: n }), s = E(null), d = r(() => {
+    const n = r(() => e.default ? Ue(e)("default") : null), o = Ie({ ariaLabel: n }), s = E(null), f = r(() => {
       var h;
       return {
         "aria-controls": (h = l["aria-controls"]) == null ? void 0 : h.toString()
@@ -1625,33 +1634,33 @@ const Yl = L({
     }));
     return {
       // Values
-      ariaAttributes: d,
+      ariaAttributes: f,
       computedAriaLabel: o,
       conditionalClasses: u,
       // Methods
       onClickButton: () => {
         a.disabled || t(me.CLICK);
       },
-      hasSlot: Ue(e),
+      hasSlot: Re(e),
       // Refs
       baseFilterButtonRef: s
     };
   }
 });
-var Wl = function() {
+var Kl = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("base-button", { ref: "baseFilterButtonRef", staticClass: "b-base-filter-button", class: e.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": e.computedAriaLabel, "aria-controls": e.ariaAttributes["aria-controls"], type: "button" }, on: { click: e.onClickButton }, scopedSlots: e._u([e.hasChevron ? { key: "iconRight", fn: function() {
     return [e.isFilterOpen ? t("chevron-up-icon", { attrs: { "aria-hidden": "true" } }) : t("chevron-down-icon", { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 } : null], null, !0) }, [t("div", { staticClass: "b-base-filter-button__default-container" }, [t("div", { staticClass: "b-base-filter-button__label-container" }, [t("bento-typography", { staticClass: "b-base-filter-button__label", attrs: { el: "span", variant: "body", stronger: e.bold } }, [e._t("default")], 2)], 1), e.amountAppliedValues && !e.hasChevron ? t("div", { staticClass: "b-base-filter-button__counter-wrapper" }, [t("bento-typography", { staticClass: "b-base-filter-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.amountAppliedValues) + " ")])], 1) : e._e()])]);
 }, zl = [], Gl = /* @__PURE__ */ R(
-  Yl,
   Wl,
+  Kl,
   zl,
   !1,
   null,
   "66b170d4"
 );
-const Zl = Gl.exports, Ql = L({
+const Zl = Gl.exports, Ql = x({
   name: "all-filters-modal-button",
   components: { BaseFilterButton: Zl },
   props: {
@@ -1739,25 +1748,25 @@ const ra = sa.exports, ia = {
     clear: "クリア",
     clearAll: "すべてクリア"
   }
-}, ua = L({
+}, ua = x({
   i18n: { messages: ia },
   name: "all-filters-modal",
   components: {
     AllFiltersModalButton: la,
-    BentoBooleanFilter: Ke,
-    BentoButton: ot,
-    BentoDateFilter: Oe,
-    BentoDateRangeFilter: Ne,
-    BentoInputFilter: we,
-    BentoModal: at,
-    BentoRangeFilter: Ye,
+    BentoBooleanFilter: qe,
+    BentoButton: at,
+    BentoDateFilter: Le,
+    BentoDateRangeFilter: Oe,
+    BentoInputFilter: ke,
+    BentoModal: tt,
+    BentoRangeFilter: Je,
     BentoSearchBar: ie,
-    BentoSelectAvatarFilter: Me,
-    BentoSelectCurrencyFilter: He,
-    BentoSelectCountryFilter: je,
-    BentoSelectFilter: le,
-    BentoSelectPaymentMethodFilter: qe,
-    BentoSelectTagFilter: Je,
+    BentoSelectAvatarFilter: we,
+    BentoSelectCurrencyFilter: Ne,
+    BentoSelectCountryFilter: Me,
+    BentoSelectFilter: te,
+    BentoSelectPaymentMethodFilter: He,
+    BentoSelectTagFilter: je,
     BentoTypography: re,
     FilterBarButton: _e,
     SlidersIcon: ra
@@ -1788,185 +1797,185 @@ const ra = sa.exports, ia = {
       default: () => []
     }
   },
-  emits: [fe.INPUT],
+  emits: [de.INPUT],
   setup(a, { emit: e }) {
-    const t = Te({ value: a.value }), l = E(t.value), n = pe("all-filters-modal"), o = E([]), s = E(!1), d = E(0), u = E(null), b = E(""), { t: h } = Z(), B = Le(b, O(l, "value")), S = E({});
+    const t = Te({ value: a.value }), l = E(t.value), n = fe("all-filters-modal"), o = E([]), s = E(!1), f = E(0), u = E(null), y = E(""), { t: h } = G(), B = xe(y, $(l, "value")), p = E({});
     ce(() => {
-      S.value = [];
-    }), G(
+      p.value = [];
+    }), z(
       () => a.value,
       () => {
         t.value = a.value, l.value = a.value;
       }
     );
-    const _ = (p) => (
+    const g = (F) => (
       /* eslint-disable-next-line no-nested-ternary */
-      p.sort((v, P) => v.label > P.label ? 1 : P.label > v.label ? -1 : 0)
-    ), T = r(
-      () => _(
+      F.sort((b, D) => b.label > D.label ? 1 : D.label > b.label ? -1 : 0)
+    ), P = r(
+      () => g(
         B.value.filter(
-          (p) => {
-            var v, P;
-            return Array.isArray(p.value) ? ((v = p.value) == null ? void 0 : v.length) && ((P = p.value) == null ? void 0 : P.find((w) => w !== "")) : p.value;
+          (F) => {
+            var b, D;
+            return Array.isArray(F.value) ? ((b = F.value) == null ? void 0 : b.length) && ((D = F.value) == null ? void 0 : D.find((V) => V !== "")) : F.value;
           }
         )
       )
-    ), C = r(
-      () => _(
+    ), A = r(
+      () => g(
         B.value.filter(
-          (p) => {
-            var v, P;
-            return Array.isArray(p.value) ? ((v = p.value) == null ? void 0 : v.length) === 0 || ((P = p.value) == null ? void 0 : P.every((w) => w === "")) : !p.value;
+          (F) => {
+            var b, D;
+            return Array.isArray(F.value) ? ((b = F.value) == null ? void 0 : b.length) === 0 || ((D = F.value) == null ? void 0 : D.every((V) => V === "")) : !F.value;
           }
         )
       )
-    ), D = r(() => {
-      var p;
-      return b.value && ((p = B.value) == null ? void 0 : p.length) === 0;
-    }), A = r(() => l.value[d.value]), g = () => {
-      const p = T.value.length ? T.value[0] : C.value[0], v = l.value.findIndex(
-        (P) => P.label === p.label && P.field === p.field
+    ), T = r(() => {
+      var F;
+      return y.value && ((F = B.value) == null ? void 0 : F.length) === 0;
+    }), C = r(() => l.value[f.value]), S = () => {
+      const F = P.value.length ? P.value[0] : A.value[0], b = l.value.findIndex(
+        (D) => D.label === F.label && D.field === F.field
       );
-      d.value = v;
+      f.value = b;
     };
-    ze(() => {
-      g();
+    Pe(() => {
+      S();
     });
-    const c = (p) => p.map((v) => {
-      var P, w, M, H, ae, j;
-      switch (v.type) {
-        case q.SELECT:
-        case q.SELECT_AVATAR:
-        case q.SELECT_COUNTRY:
-        case q.SELECT_CURRENCY:
-        case q.SELECT_PAYMENT_METHOD:
-        case q.SELECT_TAG:
-          switch ((P = v.options) == null ? void 0 : P.multiple) {
+    const d = (F) => F.map((b) => {
+      var D, V, Y, Q, oe, K;
+      switch (b.type) {
+        case H.SELECT:
+        case H.SELECT_AVATAR:
+        case H.SELECT_COUNTRY:
+        case H.SELECT_CURRENCY:
+        case H.SELECT_PAYMENT_METHOD:
+        case H.SELECT_TAG:
+          switch ((D = b.options) == null ? void 0 : D.multiple) {
             case !0:
               return {
-                label: v.label,
-                field: v.field,
-                count: (w = v.value) != null && w.length ? (M = v.value) == null ? void 0 : M.length : null
+                label: b.label,
+                field: b.field,
+                count: (V = b.value) != null && V.length ? (Y = b.value) == null ? void 0 : Y.length : null
               };
             default:
               return {
-                label: v.label,
-                field: v.field,
-                count: v.value == null ? null : 1
+                label: b.label,
+                field: b.field,
+                count: b.value == null ? null : 1
               };
           }
-        case q.DATE_RANGE:
+        case H.DATE_RANGE:
           return {
-            label: v.label,
-            field: v.field,
-            count: ((H = v.value) == null ? void 0 : H.startDate) != null && ((ae = v.value) == null ? void 0 : ae.endDate) != null ? 1 : null
+            label: b.label,
+            field: b.field,
+            count: ((Q = b.value) == null ? void 0 : Q.startDate) != null && ((oe = b.value) == null ? void 0 : oe.endDate) != null ? 1 : null
           };
-        case q.RANGE:
+        case H.RANGE:
           return {
-            label: v.label,
-            field: v.field,
-            count: (j = v.value) != null && j.find((de) => de !== "") ? 1 : null
+            label: b.label,
+            field: b.field,
+            count: (K = b.value) != null && K.find((Ye) => Ye !== "") ? 1 : null
           };
-        case q.INPUT:
-        case q.BOOLEAN:
-        case q.DATE:
+        case H.INPUT:
+        case H.BOOLEAN:
+        case H.DATE:
         default:
           return {
-            label: v.label,
-            field: v.field,
-            count: v.value != null ? 1 : null
+            label: b.label,
+            field: b.field,
+            count: b.value != null ? 1 : null
           };
       }
-    }), I = r(
+    }), U = r(
       () => {
-        var p;
-        return Array.isArray(A.value.value) ? ((p = A.value) == null ? void 0 : p.value.length) && A.value.value.find((v) => v !== "") : !!l.value[d.value].value;
+        var F;
+        return Array.isArray(C.value.value) ? ((F = C.value) == null ? void 0 : F.value.length) && C.value.value.find((b) => b !== "") : !!l.value[f.value].value;
       }
-    ), F = r(
+    ), v = r(
       () => {
-        var p;
-        return (p = c(t.value)) == null ? void 0 : p.filter(({ count: v }) => !!v).length;
+        var F;
+        return (F = d(t.value)) == null ? void 0 : F.filter(({ count: b }) => !!b).length;
       }
-    ), y = () => {
+    ), m = () => {
       s.value ? s.value = !1 : s.value = !0;
-    }, i = (p) => {
-      var P, w, M;
-      const v = c(l.value).find((H) => H.field === p.field).count;
-      return p.type.includes("BentoSelect") && ((P = p.options) != null && P.multiple) && v === ((M = (w = p.options) == null ? void 0 : w.listboxItems) == null ? void 0 : M.length) ? h("all") : v;
-    }, V = (p, v) => {
-      d.value = l.value.findIndex(
-        (P) => P.label === p && P.field === v
+    }, i = (F) => {
+      var D, V, Y;
+      const b = d(l.value).find((Q) => Q.field === F.field).count;
+      return F.type.includes("BentoSelect") && ((D = F.options) != null && D.multiple) && b === ((Y = (V = F.options) == null ? void 0 : V.listboxItems) == null ? void 0 : Y.length) ? h("all") : b;
+    }, I = (F, b) => {
+      f.value = l.value.findIndex(
+        (D) => D.label === F && D.field === b
       );
-    }, N = () => {
-      b.value = "";
-    }, K = () => {
-      s.value = !1, t.value = a.value, l.value = a.value, N(), g();
-    }, Q = (p) => {
-      const v = l.value.map(({ value: P, ...w }, M) => M === d.value ? { value: p.value, ...w } : { value: P, ...w });
-      l.value = v;
-    }, Y = () => {
-      Q({
-        field: A.value.field,
-        label: A.value.label,
-        type: A.value.type,
+    }, w = () => {
+      y.value = "";
+    }, q = () => {
+      s.value = !1, t.value = a.value, l.value = a.value, w(), S();
+    }, W = (F) => {
+      const b = l.value.map(({ value: D, ...V }, Y) => Y === f.value ? { value: F.value, ...V } : { value: D, ...V });
+      l.value = b;
+    }, J = () => {
+      W({
+        field: C.value.field,
+        label: C.value.label,
+        type: C.value.type,
         value: void 0
       });
-    }, W = () => {
-      l.value = t.value.map(({ value: p, ...v }) => ({
-        ...v,
+    }, k = () => {
+      l.value = t.value.map(({ value: F, ...b }) => ({
+        ...b,
         value: void 0
       }));
-    }, k = () => {
-      e(fe.INPUT, l.value), s.value = !1;
-    }, $ = r(
+    }, M = () => {
+      e(de.INPUT, l.value), s.value = !1;
+    }, N = r(
       () => JSON.stringify(l.value) === JSON.stringify(a.value)
-    ), m = r(() => [
+    ), _ = r(() => [
       {
         title: h("applyAll"),
-        disabled: $.value,
-        event: k
+        disabled: N.value,
+        event: M
       },
       {
         title: h("cancel"),
-        event: K
+        event: q
       },
       {
         title: h("clearAll"),
-        disabled: !F.value,
-        event: W
+        disabled: !v.value,
+        event: k
       }
     ]);
     return {
       // Enums
-      BentoModalEvent: nt,
+      BentoModalEvent: lt,
       // Values
       allFiltersModalUniqueId: n,
       allFiltersModalFiltersSection: o,
-      allFiltersModalFilterButtons: S,
-      numberOfActiveFilters: F,
-      isEmptyResultForSearchFilter: D,
+      allFiltersModalFilterButtons: p,
+      numberOfActiveFilters: v,
+      isEmptyResultForSearchFilter: T,
       isModalOpen: s,
-      isClearButtonEnabled: I,
-      activeFilters: T,
-      otherFilters: C,
-      modalActions: m,
-      selectedFilter: A,
+      isClearButtonEnabled: U,
+      activeFilters: P,
+      otherFilters: A,
+      modalActions: _,
+      selectedFilter: C,
       selectedFilterRef: u,
       filters: t,
-      searchTerm: b,
+      searchTerm: y,
       // Methods
-      onClickAllFiltersModal: y,
+      onClickAllFiltersModal: m,
       getFilterCount: i,
-      cancel: K,
-      selectFilter: V,
-      clearFilter: Y,
-      updateFilter: Q,
-      onSearchbarClear: N,
+      cancel: q,
+      selectFilter: I,
+      clearFilter: J,
+      updateFilter: W,
+      onSearchbarClear: w,
       onKeydownRight: () => {
-        rt(1, u.value.$el).focus();
+        ot(1, u.value.$el).focus();
       },
       onKeydownLeft: () => {
-        S.value[A.value.label].$el.focus();
+        p.value[C.value.label].$el.focus();
       },
       // Translations
       t: h
@@ -2006,7 +2015,7 @@ var ca = function() {
   null,
   "d7f1c1e5"
 );
-const pa = fa.exports, va = {
+const pa = fa.exports, ba = {
   "en-US": {
     clearFilters: "Clear filters",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -2027,25 +2036,25 @@ const pa = fa.exports, va = {
     undo: "元に戻す",
     resetFilters: "フィルターのリセット"
   }
-}, ba = {
-  i18n: { messages: va },
+}, va = {
+  i18n: { messages: ba },
   name: "bento-filter-bar",
   components: {
-    BentoBooleanFilter: Ke,
-    BentoDateFilter: Oe,
-    BentoDateRangeFilter: Ne,
-    BentoInputFilter: we,
+    BentoBooleanFilter: qe,
+    BentoDateFilter: Le,
+    BentoDateRangeFilter: Oe,
+    BentoInputFilter: ke,
     BentoInputWithDropdownFilter: Mt,
-    BentoRangeFilter: Ye,
-    BentoSelectAvatarFilter: Me,
-    BentoSelectCountryFilter: je,
-    BentoSelectCurrencyFilter: He,
-    BentoSelectFilter: le,
-    BentoSelectPaymentMethodFilter: qe,
-    BentoSelectTagFilter: Je
+    BentoRangeFilter: Je,
+    BentoSelectAvatarFilter: we,
+    BentoSelectCountryFilter: Me,
+    BentoSelectCurrencyFilter: Ne,
+    BentoSelectFilter: te,
+    BentoSelectPaymentMethodFilter: He,
+    BentoSelectTagFilter: je
   }
-}, _a = /* @__PURE__ */ L({
-  ...ba,
+}, _a = /* @__PURE__ */ x({
+  ...va,
   props: {
     /**
      * Array of filters based on {@see BentoFilterBarModel}.
@@ -2130,103 +2139,99 @@ const pa = fa.exports, va = {
   emits: [
     se.INPUT,
     se.UPDATE_FILTER_VALUES,
-    ne.CLEAR,
-    ne.INPUT,
-    ne.UPDATE
+    le.CLEAR,
+    le.INPUT,
+    le.UPDATE
   ],
   setup(a, { expose: e, emit: t }) {
-    const l = a, { t: n } = Z(), o = r(
+    const l = a, { t: n } = G(), o = r(
       () => {
-        var F, y;
-        return (y = ((F = l.config) == null ? void 0 : F.length) > 0 ? l.config : l.value) == null ? void 0 : y.map((i) => {
-          var N;
-          let V = (N = l.filterValues.find(({ field: K }) => K === i.field)) == null ? void 0 : N.value;
-          return V === void 0 && (V = (i == null ? void 0 : i.value) === void 0 && (i == null ? void 0 : i.defaultValue) !== void 0 ? i == null ? void 0 : i.defaultValue : i == null ? void 0 : i.value), { ...i, value: V !== void 0 ? V : i == null ? void 0 : i.value };
+        var v, m;
+        return (m = ((v = l.config) == null ? void 0 : v.length) > 0 ? l.config : l.value) == null ? void 0 : m.map((i) => {
+          var w;
+          let I = (w = l.filterValues.find(({ field: q }) => q === i.field)) == null ? void 0 : w.value;
+          return I === void 0 && (I = (i == null ? void 0 : i.value) === void 0 && (i == null ? void 0 : i.defaultValue) !== void 0 ? i == null ? void 0 : i.defaultValue : i == null ? void 0 : i.value), { ...i, value: I !== void 0 ? I : i == null ? void 0 : i.value };
         });
       }
-    ), { addToast: s } = Ft(), d = r(() => n("searchBar")), u = r(() => o.value.some(
-      ({ visible: y }) => y != null
-    ) ? o.value.some(({ visible: y }) => !y) : !1), b = r(
-      () => o.value.filter(({ defaultValue: F }) => F !== void 0)
+    ), { addToast: s } = Ft(), f = r(() => n("searchBar")), u = r(() => o.value.some(
+      ({ visible: m }) => m != null
+    ) ? o.value.some(({ visible: m }) => !m) : !1), y = r(
+      () => o.value.filter(({ defaultValue: v }) => v !== void 0)
     ), h = r(() => o.value.some(
-      ({ visible: y }) => y != null
+      ({ visible: m }) => m != null
     ) ? o.value.filter(
-      ({ defaultValue: y, visible: i, value: V }) => y === void 0 && i || l.showAppliedHiddenFilters && V != null
+      ({ defaultValue: m, visible: i, value: I }) => m === void 0 && i || l.showAppliedHiddenFilters && I != null
     ) : o.value.filter(
-      ({ defaultValue: y, value: i }) => y === void 0 || l.showAppliedHiddenFilters && i != null
-    )), B = r(() => l.searchTerm != null), S = r(
-      () => o.value.filter(({ defaultValue: F }) => F == null).some(({ value: F }) => F != null)
-    ), _ = r(() => b.value.length === 0 && S.value), T = r(() => b.value.length === 0 ? !1 : !o.value.filter(({ defaultValue: y }) => y !== void 0 || y !== null).every(({ value: y, defaultValue: i }) => JSON.stringify(y) === JSON.stringify(i)) || S.value), C = (F) => {
-      t(se.INPUT, F), t(
+      ({ defaultValue: m, value: i }) => m === void 0 || l.showAppliedHiddenFilters && i != null
+    )), B = r(() => l.searchTerm != null), p = r(
+      () => o.value.filter(({ defaultValue: v }) => v == null).some(({ value: v }) => v != null)
+    ), g = r(() => y.value.length === 0 && p.value), P = r(() => y.value.length === 0 ? !1 : !o.value.filter(({ defaultValue: m }) => m !== void 0 || m !== null).every(({ value: m, defaultValue: i }) => JSON.stringify(m) === JSON.stringify(i)) || p.value), A = (v) => {
+      t(se.INPUT, v), t(
         se.UPDATE_FILTER_VALUES,
-        F == null ? void 0 : F.filter(({ value: y }) => y !== null || y !== void 0).map(({ field: y, value: i }) => ({ field: y, value: i }))
+        v == null ? void 0 : v.filter(({ value: m }) => m !== null || m !== void 0).map(({ field: m, value: i }) => ({ field: m, value: i }))
       );
-    }, D = (F) => {
-      const y = o.value.findIndex(
-        (V) => V.field === F.field
+    }, T = (v) => {
+      const m = o.value.findIndex(
+        (I) => I.field === v.field
       ), i = o.value.slice();
-      i[y].value = F.value, C(i);
-    }, A = () => {
-      const F = o.value.slice(), y = o.value.map(({ value: i, ...V }) => ({
-        ...V,
+      i[m].value = v.value, A(i);
+    }, C = () => {
+      const v = o.value.slice(), m = o.value.map(({ value: i, ...I }) => ({
+        ...I,
         value: void 0
       }));
       s({
         text: n("filtersHaveBeenCleared"),
         action: {
-          handler: () => C(F),
+          handler: () => A(v),
           text: n("undo")
         }
-      }), C(y);
-    }, g = () => {
-      const F = o.value.slice(), y = o.value.map(({ defaultValue: i, ...V }) => ({
-        ...V,
+      }), A(m);
+    }, S = () => {
+      const v = o.value.slice(), m = o.value.map(({ defaultValue: i, ...I }) => ({
+        ...I,
         defaultValue: i,
         value: i
       }));
       s({
         text: n("filtersHaveBeenReset"),
         action: {
-          handler: () => C(F),
+          handler: () => A(v),
           text: n("undo")
         }
-      }), C(y);
-    }, c = (F) => {
-      t(ne.INPUT, F), t(ne.UPDATE, F);
-    }, I = () => {
-      t(ne.CLEAR);
+      }), A(m);
+    }, d = (v) => {
+      t(le.INPUT, v), t(le.UPDATE, v);
+    }, U = () => {
+      t(le.CLEAR);
     };
-    return e({ isClearAllVisible: _, clearAllFilters: A, isResetAllVisible: T, resetAllFilters: g }), { __sfc: !0, props: l, emit: t, t: n, valueAndFilterValuesPropsMerged: o, addToast: s, searchBarAriaLabel: d, hasHiddenFilters: u, persistentFilters: b, regularFilters: h, isSearchBarEnabled: B, hasActiveFilters: S, isClearAllVisible: _, isResetAllVisible: T, updateAllFilters: C, updateFilterHandler: D, clearAllFilters: A, resetAllFilters: g, onSearchbarInput: c, onSearchbarClear: I, FilterBarButton: _e, BentoSearchBar: ie, FixedScroller: ht, AllFiltersModal: pa, RefreshIcon: mt };
+    return e({ isClearAllVisible: g, clearAllFilters: C, isResetAllVisible: P, resetAllFilters: S }), { __sfc: !0, props: l, emit: t, t: n, valueAndFilterValuesPropsMerged: o, addToast: s, searchBarAriaLabel: f, hasHiddenFilters: u, persistentFilters: y, regularFilters: h, isSearchBarEnabled: B, hasActiveFilters: p, isClearAllVisible: g, isResetAllVisible: P, updateAllFilters: A, updateFilterHandler: T, clearAllFilters: C, resetAllFilters: S, onSearchbarInput: d, onSearchbarClear: U, FilterBarButton: _e, BentoSearchBar: ie, FixedScroller: ht, AllFiltersModal: pa, RefreshIcon: mt };
   }
 });
 var ya = function() {
   var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t("div", { staticClass: "b-filter-bar" }, [t("div", { staticClass: "b-filter-bar__container" }, [l.isSearchBarEnabled || l.hasHiddenFilters || l.isClearAllVisible || l.isResetAllVisible ? t("div", { staticClass: "b-filter-bar__before-filters" }, [l.isSearchBarEnabled ? t(l.BentoSearchBar, { staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": l.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: l.onSearchbarInput, clear: l.onSearchbarClear } }) : e._e(), l.hasHiddenFilters ? t(l.AllFiltersModal, { staticClass: "b-filter-bar__all-filters-modal", attrs: { value: l.valueAndFilterValuesPropsMerged }, on: { input: l.updateAllFilters } }) : e._e(), t(l.FilterBarButton, { directives: [{ name: "show", rawName: "v-show", value: l.isClearAllVisible, expression: "isClearAllVisible" }], staticClass: "b-filter-bar__clear-all", on: { click: l.clearAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t(l.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("clearFilters")) + " ")]), t(l.FilterBarButton, { directives: [{ name: "show", rawName: "v-show", value: l.isResetAllVisible, expression: "isResetAllVisible" }], staticClass: "b-filter-bar__reset-all", on: { click: l.resetAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t(l.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("resetFilters")) + " ")])], 1) : e._e(), t("div", { staticClass: "b-filter-bar__filters-container" }, [t("div", { staticClass: "b-filter-bar__filters" }, [t(l.FixedScroller, { staticClass: "b-filter-bar__fixed-scroller", attrs: { condensed: "" } }, [t("div", { staticClass: "b-filter-bar__scroller-content" }, [l.isSearchBarEnabled ? t(l.BentoSearchBar, { staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": l.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: l.onSearchbarInput, clear: l.onSearchbarClear } }) : e._e(), l.persistentFilters.length ? e._l(l.persistentFilters, function(n) {
-    return t(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, options: n.options, value: n.value, "default-value": n.defaultValue }, on: { update: l.updateFilterHandler } });
+  return t("div", { staticClass: "b-filter-bar" }, [t("div", { staticClass: "b-filter-bar__container" }, [t("div", { staticClass: "b-filter-bar__filters" }, [t(l.FixedScroller, { staticClass: "b-filter-bar__fixed-scroller", attrs: { condensed: "" } }, [t("div", { staticClass: "b-filter-bar__scroller-content" }, [l.isSearchBarEnabled ? t(l.BentoSearchBar, { staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": l.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: l.onSearchbarInput, clear: l.onSearchbarClear } }) : e._e(), l.persistentFilters.length ? e._l(l.persistentFilters, function(n) {
+    return t(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, disabled: n == null ? void 0 : n.disabled, options: n.options, value: n.value, "default-value": n.defaultValue }, on: { update: l.updateFilterHandler } });
   }) : e._e(), e._l(l.regularFilters, function(n) {
-    return t(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, options: n.options, value: n.value }, on: { update: l.updateFilterHandler } });
+    return t(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, disabled: n == null ? void 0 : n.disabled, options: n.options, value: n.value }, on: { update: l.updateFilterHandler } });
   })], 2)])], 1), l.hasHiddenFilters || l.isClearAllVisible || l.isResetAllVisible ? t("div", { staticClass: "b-filter-bar__actions" }, [l.hasHiddenFilters ? t(l.AllFiltersModal, { staticClass: "b-filter-bar__all-filters-modal", attrs: { value: l.valueAndFilterValuesPropsMerged }, on: { input: l.updateAllFilters } }) : e._e(), t(l.FilterBarButton, { directives: [{ name: "show", rawName: "v-show", value: l.isClearAllVisible, expression: "isClearAllVisible" }], staticClass: "b-filter-bar__clear-all", on: { click: l.clearAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [t(l.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("clearFilters")) + " ")]), t(l.FilterBarButton, { directives: [{ name: "show", rawName: "v-show", value: l.isResetAllVisible, expression: "isResetAllVisible" }], staticClass: "b-filter-bar__reset-all", on: { click: l.resetAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [t(l.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("resetFilters")) + " ")])], 1) : e._e()])])]);
+  }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("resetFilters")) + " ")])], 1) : e._e()])]);
 }, ma = [], Fa = /* @__PURE__ */ R(
   _a,
   ya,
   ma,
   !1,
   null,
-  "c153753c"
+  "c9c7821b"
 );
 const sn = Fa.exports;
 export {
   sn as B,
-  f as a,
+  c as a,
   se as b,
-  q as c
+  H as c
 };
-//# sourceMappingURL=filter-bar.dQZY8j9C.js.map
+//# sourceMappingURL=filter-bar.DP_nQeeo.js.map