@adyen/bento-vue2 1.23.0 → 1.24.0

package/dist/date-picker.js

@@ -1,20 +1,20 @@
 import { ref as f, computed as D, defineComponent as Y, toRef as E, watch as W, nextTick as T } from "vue";
-import { a as q } from "./chunks/index.787ded40.js";
-import { B as K } from "./chunks/index.be6917c8.js";
-import { c as j, B as z } from "./chunks/dropdown-default-textbox.537c81a2.js";
+import { a as q } from "./chunks/index.5d5f2200.js";
+import { B as K } from "./chunks/index.ba6c1040.js";
+import { c as j, B as z } from "./chunks/dropdown-default-textbox.c1f8fe5f.js";
 import { d as $ } from "./chunks/debounce.b5ef6acf.js";
 import { D as O, v as G, f as H } from "./chunks/date-input.9186a0bf.js";
 import { g as u } from "./chunks/unique-id.a2a2b458.js";
 import { u as B } from "./chunks/i18n.eb5b985b.js";
-import { f as S } from "./chunks/index.b231f9ef.js";
+import { f as S } from "./chunks/index.03ae22b4.js";
 import { e as I, d as J, f as Q } from "./chunks/index.f55fdc32.js";
 import { u as X } from "./chunks/use-form-layout-loading.d03e5d48.js";
 import "./chunks/index.4c062058.js";
-import { C as p } from "./chunks/calendar.4ba3b251.js";
-import { b as we } from "./chunks/calendar.4ba3b251.js";
-import { E as Z, F as ee } from "./chunks/error-message.7022fa86.js";
+import { C as p } from "./chunks/calendar.1e416969.js";
+import { b as we } from "./chunks/calendar.1e416969.js";
+import { E as Z, F as ee } from "./chunks/error-message.8734e591.js";
 import { n as ae } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index13.css";
+import "./assets/index3.css";
 const te = ({ datePickerValue: a, isDateIncorrect: e }) => {
   var v;
   const { locale: r, t: n } = B(), m = { de: J, enUS: I, fr: Q }, s = f((v = a.value) == null ? void 0 : v.toDateString());

package/dist/date-range-picker.js

@@ -1,5 +1,5 @@
-import { B as t, a as r } from "./chunks/index.0be6a210.js";
-import { b as o } from "./chunks/calendar.4ba3b251.js";
+import { B as t, a as r } from "./chunks/index.73abb1a9.js";
+import { b as o } from "./chunks/calendar.1e416969.js";
 export {
   t as BentoDateRangePicker,
   r as BentoDateRangePickerEvent,

package/dist/date.js

@@ -1,4 +1,4 @@
-import { B as e, a as o } from "./chunks/index.b231f9ef.js";
+import { B as e, a as o } from "./chunks/index.03ae22b4.js";
 export {
   e as BentoDate,
   o as BentoDateFormat

package/dist/divider.js

@@ -1,4 +1,4 @@
-import { B as r } from "./chunks/index.f828081b.js";
+import { B as r } from "./chunks/index.f19887a1.js";
 export {
   r as BentoDivider
 };

package/dist/dropdown.js

@@ -1,14 +1,14 @@
-import { B as p } from "./chunks/dropdown.93a582cc.js";
-import { a as _t } from "./chunks/dropdown.93a582cc.js";
-import { b as dt, a as ct } from "./chunks/listbox.f99c2f3e.js";
+import { B as p } from "./chunks/dropdown.669b858b.js";
+import { a as _t } from "./chunks/dropdown.669b858b.js";
+import { b as dt, a as ct } from "./chunks/listbox.e6e1bc90.js";
 import { defineComponent as a, computed as l, toRefs as m } from "vue";
-import { B as y, L as i } from "./chunks/listbox-option-tag.e025da67.js";
+import { B as y, L as i } from "./chunks/listbox-option-tag.c0a56a95.js";
 import { n as d } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { d as v, B as w } from "./chunks/index.be6917c8.js";
+import { d as v, B as w } from "./chunks/index.ba6c1040.js";
 import { u as b } from "./chunks/use-country-items.6b7985bf.js";
 import { B as c } from "./chunks/country.types.002caff2.js";
-import { B } from "./chunks/payment-method.bf9e71a2.js";
-import "./assets/index17.css";
+import { B } from "./chunks/payment-method.faa302de.js";
+import "./assets/index14.css";
 const $ = a({
   name: "bento-dropdown-avatar"
 }), I = /* @__PURE__ */ a({

package/dist/empty-state.js

@@ -1,9 +1,9 @@
 import { defineComponent as D, ref as v, computed as l, watch as d } from "vue";
-import { a as L } from "./chunks/button.a823da67.js";
-import { c as y, B as C } from "./chunks/index.be6917c8.js";
+import { a as L } from "./chunks/button.6e6324f0.js";
+import { c as y, B as C } from "./chunks/index.ba6c1040.js";
 import { o as A } from "./chunks/resize.a041304d.js";
 import { n as O } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index20.css";
+import "./assets/index4.css";
 const _ = (s, e) => {
   const t = s[e];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((r, n) => {

package/dist/filter-bar.js

@@ -1,43 +1,43 @@
 import { n as V } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { defineComponent as k, useSlots as je, useAttrs as Ke, computed as s, ref as E, watch as te, toRef as K, onBeforeUpdate as ie, provide as Ye, reactive as he, nextTick as Je, onMounted as ze } from "vue";
-import { a as be, I as Ge } from "./chunks/index.787ded40.js";
+import { a as be, I as Ge } from "./chunks/index.5d5f2200.js";
 import { u as Z } from "./chunks/i18n.eb5b985b.js";
 import { g as ue } from "./chunks/unique-id.a2a2b458.js";
 import { u as We } from "./chunks/use-click-outside.941d1600.js";
 import "./chunks/index.4c062058.js";
-import { B as se, d as Ze } from "./chunks/index.be6917c8.js";
+import { B as se, d as Ze } from "./chunks/index.ba6c1040.js";
 import { u as ge } from "./chunks/aria-label.ac9651a5.js";
-import { B as Ce, a as ve } from "./chunks/base-button.025269d7.js";
+import { B as Ce, a as ve } from "./chunks/base-button.090f511d.js";
 import { g as Se } from "./chunks/get-slot-text.99c3d860.js";
 import { u as Ae } from "./chunks/use-has-slot.fbeb19ec.js";
 import { a as Be, C as De } from "./chunks/chevron-up.81185563.js";
-import { B as Qe } from "./chunks/tooltip.eb1eb37e.js";
+import { B as Qe } from "./chunks/tooltip.8e9d733c.js";
 import { B as Xe } from "./chunks/teleport.84b0f20b.js";
-import { B as et } from "./chunks/dropdown-default-textbox.537c81a2.js";
+import { B as et } from "./chunks/dropdown-default-textbox.c1f8fe5f.js";
 import { BentoRadioGroup as tt } from "./radio-group.js";
 import { BentoInputField as Te } from "./input-field.js";
 import { BentoSearchBar as oe, BentoSearchBarEvent as ee } from "./search-bar.js";
-import { u as lt } from "./chunks/toastController.fd667b68.js";
-import { BentoModal as at } from "./modal.js";
-import { g as nt } from "./chunks/base-modal.c354f456.js";
-import { a as st } from "./chunks/button.a823da67.js";
-import { B as ot, u as Ee } from "./chunks/dropdown.93a582cc.js";
-import { g as rt } from "./chunks/index.9d130872.js";
-import { B as Pe } from "./chunks/index.f828081b.js";
-import { BentoDatePicker as it } from "./date-picker.js";
-import { f as W } from "./chunks/index.b231f9ef.js";
+import { BentoModal as lt } from "./modal.js";
+import { g as at } from "./chunks/base-modal.aa09a60c.js";
+import { a as nt } from "./chunks/button.6e6324f0.js";
+import { B as st, u as Ee } from "./chunks/dropdown.669b858b.js";
+import { g as ot } from "./chunks/index.94980f50.js";
+import { B as Pe } from "./chunks/index.f19887a1.js";
+import { BentoDatePicker as rt } from "./date-picker.js";
+import { f as W } from "./chunks/index.03ae22b4.js";
 import { e as z, d as xe, f as Ie } from "./chunks/index.f55fdc32.js";
-import { C as ut, i as ct } from "./chunks/calendar.4ba3b251.js";
-import { B as dt, D as ft, i as _e } from "./chunks/index.0be6a210.js";
-import { B as bt } from "./chunks/button-actions.3882346f.js";
+import { C as it, i as ut } from "./chunks/calendar.1e416969.js";
+import { B as ct, D as dt, i as _e } from "./chunks/index.73abb1a9.js";
+import { B as ft } from "./chunks/button-actions.239456cb.js";
 import { D as pe } from "./chunks/date-input.9186a0bf.js";
-import { B as vt } from "./chunks/listbox.f99c2f3e.js";
-import { B as _t, L as Ue } from "./chunks/listbox-option-tag.e025da67.js";
-import { u as pt } from "./chunks/use-country-items.6b7985bf.js";
-import { B as yt } from "./chunks/payment-method.bf9e71a2.js";
-import { R as mt } from "./chunks/refresh.71a03998.js";
-import { F as Ft } from "./chunks/fixed-scroller.077a5709.js";
-import "./assets/index21.css";
+import { B as bt } from "./chunks/listbox.e6e1bc90.js";
+import { B as vt, L as Ue } from "./chunks/listbox-option-tag.c0a56a95.js";
+import { u as _t } from "./chunks/use-country-items.6b7985bf.js";
+import { B as pt } from "./chunks/payment-method.faa302de.js";
+import { R as yt } from "./chunks/refresh.71a03998.js";
+import { F as mt } from "./chunks/fixed-scroller.772ad033.js";
+import { u as Ft } from "./chunks/use-bento-toast-controller.7d4436ad.js";
+import "./assets/index45.css";
 const ht = {}, gt = /* @__PURE__ */ k({
   ...ht,
   __name: "filter-bar-button",
@@ -201,7 +201,7 @@ const Bt = {
       n.value && (n.value = !1, e(j.CLOSE));
     }, p = () => {
       r(), b.value ? e(j.RESET) : e(j.CLEAR);
-    }, y = () => r(), A = () => {
+    }, y = () => r(), S = () => {
       n.value ? r() : (n.value = !0, e(j.OPEN));
     }, g = () => {
       r(), e(j.APPLY);
@@ -232,7 +232,7 @@ const Bt = {
       // Enums
       BentoTooltipPosition: Qe,
       // Events
-      onClickFilter: A,
+      onClickFilter: S,
       onClickApply: g,
       onClickSecondaryAction: p,
       onClickOutside: y,
@@ -344,7 +344,7 @@ const le = Pt.exports, xt = (t) => t instanceof Array, ye = (t) => xt(t) ? t.len
     ), { internalFilterValue: r, isSecondaryButtonDisabled: p, isApplyButtonDisabled: y } = ae(
       b,
       K(t, "defaultValue")
-    ), A = s(
+    ), S = s(
       () => t.defaultValue === null ? t.label : G(b.value, 18)
     ), g = s(
       () => t.defaultValue === null ? G(b.value, 12) : null
@@ -375,7 +375,7 @@ const le = Pt.exports, xt = (t) => t instanceof Array, ye = (t) => xt(t) ? t.len
     };
     return Ye(Ge, n.value), {
       // Values
-      buttonLabel: A,
+      buttonLabel: S,
       buttonSecondaryLabel: g,
       conditionalClasses: h,
       dropdownProp: i,
@@ -417,9 +417,9 @@ const Ve = $t.exports, Rt = k({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: le,
-    BentoDatePicker: it,
+    BentoDatePicker: rt,
     BentoDivider: Pe,
-    Calendar: ut
+    Calendar: it
   },
   props: {
     isDateInput: { type: Boolean, default: !0 },
@@ -471,7 +471,7 @@ const Ve = $t.exports, Rt = k({
       () => t.defaultValue === null ? b.value : null
     ), y = () => {
       e(d.UPDATE, { ...t, value: n.value });
-    }, A = () => {
+    }, S = () => {
       n.value = null, y();
     }, g = () => {
       n.value = t.defaultValue, y();
@@ -488,7 +488,7 @@ const Ve = $t.exports, Rt = k({
       buttonLabel: r,
       buttonSecondaryLabel: p,
       // Events
-      clearFilter: A,
+      clearFilter: S,
       onDateSelected: B,
       openFilter: h,
       updateFilter: y,
@@ -544,11 +544,11 @@ const $e = Ot.exports, wt = {
   name: "bento-date-range-filter",
   components: {
     BentoBaseFilter: le,
-    BentoButtonActions: bt,
-    BentoDateRangePicker: dt,
+    BentoButtonActions: ft,
+    BentoDateRangePicker: ct,
     BentoTypography: se,
     BentoDivider: Pe,
-    DateRangePickerCalendar: ft
+    DateRangePickerCalendar: dt
   },
   props: {
     /**
@@ -601,13 +601,13 @@ const $e = Ot.exports, wt = {
       locale: n[l.value.substring(0, 2)] || z
     }) : void 0, y = (F) => F ? W(F, pe.HOUR_MINUTE_SECONDS, {
       locale: n[l.value.substring(0, 2)] || z
-    }) : "", A = E(null), g = E(!1), h = he({
+    }) : "", S = E(null), g = E(!1), h = he({
       startDate: p((x = t.value) == null ? void 0 : x.startDate),
       endDate: p((I = t.value) == null ? void 0 : I.endDate),
       startTime: y((w = t.value) == null ? void 0 : w.startDate),
       endTime: y((N = t.value) == null ? void 0 : N.endDate)
     }), B = s(() => {
-      var F, J, Q, X, _, v, S, R;
+      var F, J, Q, X, _, v, A, R;
       if (!((F = t.value) != null && F.startDate) && !t.value.endDate)
         return null;
       if (((Q = (J = t.options) == null ? void 0 : J.quickSelectRanges) == null ? void 0 : Q.length) > 0) {
@@ -617,7 +617,7 @@ const $e = Ot.exports, wt = {
         if (Y)
           return Y.label;
       }
-      return ct((v = t.value) == null ? void 0 : v.startDate, (S = t.value) == null ? void 0 : S.endDate) && ((R = t == null ? void 0 : t.options) != null && R.allowTimeInput) ? `${W(t.value.startDate, "dd MMM, yyyy HH:mm:ss", {
+      return ut((v = t.value) == null ? void 0 : v.startDate, (A = t.value) == null ? void 0 : A.endDate) && ((R = t == null ? void 0 : t.options) != null && R.allowTimeInput) ? `${W(t.value.startDate, "dd MMM, yyyy HH:mm:ss", {
         locale: n[l.value.substring(0, 2)] || z
       })} - ${W(t.value.endDate, "HH:mm:ss", {
         locale: n[l.value.substring(0, 2)] || z
@@ -631,7 +631,7 @@ const $e = Ot.exports, wt = {
     ), D = s(
       () => t.defaultValue === null ? B.value : null
     ), m = () => {
-      A.value.closePopover();
+      S.value.closePopover();
       const { onlySlot: F, ...J } = t;
       e(d.UPDATE, { ...J, value: i.value });
     }, L = () => {
@@ -662,7 +662,7 @@ const $e = Ot.exports, wt = {
     );
     return {
       // Refs
-      baseFilter: A,
+      baseFilter: S,
       // Values
       actions: O,
       formData: h,
@@ -688,9 +688,9 @@ const $e = Ot.exports, wt = {
   }
 });
 var Mt = function() {
-  var a, n, i, f, b, r, p, y, A, g, h, B, P, D;
+  var a, n, i, f, b, r, p, y, S, g, h, B, P, D;
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("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 ? l("bento-date-range-picker", { attrs: { "allow-time-input": (a = e.options) == null ? void 0 : a.allowTimeInput, value: e.internalFilterValue, "first-day-of-week": (n = e.options) == null ? void 0 : n.firstDayOfWeek, "is-date-disabled": (i = e.options) == null ? void 0 : i.isDateDisabled, "number-of-months": (f = e.options) == null ? void 0 : f.numberOfMonths, "quick-select-ranges": (b = e.options) == null ? void 0 : b.quickSelectRanges }, on: { input: e.onDateInputSelected } }) : [l("div", { staticClass: "b-date-range-filter" }, [l("date-range-picker-calendar", { attrs: { "allow-time-input": (r = e.options) == null ? void 0 : r.allowTimeInput, "first-day-of-week": (p = e.options) == null ? void 0 : p.firstDayOfWeek, "is-date-disabled": (y = e.options) == null ? void 0 : y.isDateDisabled, granularities: (A = e.options) == null ? void 0 : A.granularities, "max-range": (g = e.options) == null ? void 0 : g.maxRange, min: (h = e.options) == null ? void 0 : h.min, max: (B = e.options) == null ? void 0 : B.max, "number-of-months": (P = e.options) == null ? void 0 : P.numberOfMonths, "quick-select-ranges": (D = e.options) == null ? void 0 : D.quickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(m) {
+  return e._self._setupProxy, l("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 ? l("bento-date-range-picker", { attrs: { "allow-time-input": (a = e.options) == null ? void 0 : a.allowTimeInput, value: e.internalFilterValue, "first-day-of-week": (n = e.options) == null ? void 0 : n.firstDayOfWeek, "is-date-disabled": (i = e.options) == null ? void 0 : i.isDateDisabled, "number-of-months": (f = e.options) == null ? void 0 : f.numberOfMonths, "quick-select-ranges": (b = e.options) == null ? void 0 : b.quickSelectRanges }, on: { input: e.onDateInputSelected } }) : [l("div", { staticClass: "b-date-range-filter" }, [l("date-range-picker-calendar", { attrs: { "allow-time-input": (r = e.options) == null ? void 0 : r.allowTimeInput, "first-day-of-week": (p = e.options) == null ? void 0 : p.firstDayOfWeek, "is-date-disabled": (y = e.options) == null ? void 0 : y.isDateDisabled, granularities: (S = e.options) == null ? void 0 : S.granularities, "max-range": (g = e.options) == null ? void 0 : g.maxRange, min: (h = e.options) == null ? void 0 : h.min, max: (B = e.options) == null ? void 0 : B.max, "number-of-months": (P = e.options) == null ? void 0 : P.numberOfMonths, "quick-select-ranges": (D = e.options) == null ? void 0 : D.quickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(m) {
     e.isSelectingDate = !0;
   } }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [l("bento-typography", { attrs: { strongest: "", variant: "body", el: "span" } }, [e._v(" " + e._s(e.label) + " ")])];
@@ -719,8 +719,8 @@ const Re = qt.exports, jt = {
   name: "bento-select-filter",
   components: {
     BentoBaseFilter: le,
-    BentoDropdown: ot,
-    BentoListbox: vt,
+    BentoDropdown: st,
+    BentoListbox: bt,
     BentoSearchBar: oe
   },
   props: {
@@ -770,7 +770,7 @@ const Re = qt.exports, jt = {
     te(p, () => {
       y.value = p.value.listboxItems;
     });
-    const A = Ee(
+    const S = Ee(
       r,
       y,
       (O = (C = t.options) == null ? void 0 : C.search) == null ? void 0 : O.searchEvent
@@ -782,8 +782,8 @@ const Re = qt.exports, jt = {
         const _ = ($ = t.value) == null ? void 0 : $.length;
         if (_ === t.options.listboxItems.length)
           return (U = t == null ? void 0 : t.options) != null && U.messagesPersistentButtonLabelAllSelectedKey ? (I = t == null ? void 0 : t.options) == null ? void 0 : I.messages[b.value][(x = t == null ? void 0 : t.options) == null ? void 0 : x.messagesPersistentButtonLabelAllSelectedKey] : (w = t == null ? void 0 : t.options) == null ? void 0 : w.messages[b.value].persistentButtonLabelAllSelected;
-        const S = ((N = t == null ? void 0 : t.options) != null && N.messagesPersistentButtonLabelPartiallySelectedKey ? (J = t == null ? void 0 : t.options) == null ? void 0 : J.messages[b.value][(F = t == null ? void 0 : t.options) == null ? void 0 : F.messagesPersistentButtonLabelPartiallySelectedKey] : (Q = t == null ? void 0 : t.options) == null ? void 0 : Q.messages[b.value].persistentButtonLabelPartiallySelected).split("|").map((R) => R.trim());
-        return _ === 1 ? S[0].replace("{count}", _) : S[1].replace("{count}", _);
+        const A = ((N = t == null ? void 0 : t.options) != null && N.messagesPersistentButtonLabelPartiallySelectedKey ? (J = t == null ? void 0 : t.options) == null ? void 0 : J.messages[b.value][(F = t == null ? void 0 : t.options) == null ? void 0 : F.messagesPersistentButtonLabelPartiallySelectedKey] : (Q = t == null ? void 0 : t.options) == null ? void 0 : Q.messages[b.value].persistentButtonLabelPartiallySelected).split("|").map((R) => R.trim());
+        return _ === 1 ? A[0].replace("{count}", _) : A[1].replace("{count}", _);
       }
       return G((X = t.options.listboxItems.find(({ value: _ }) => _ === t.value)) == null ? void 0 : X.label, 18);
     }), B = s(() => {
@@ -831,7 +831,7 @@ const Re = qt.exports, jt = {
         }, 0), U = (I = t.value) == null ? void 0 : I.length;
         return U === 1 ? null : U === $ ? f("all") : U;
       }),
-      filteredItems: A,
+      filteredItems: S,
       internalFilterValue: a,
       isApplyButtonDisabled: i,
       isSecondaryButtonDisabled: n,
@@ -853,7 +853,7 @@ const Re = qt.exports, jt = {
   }
 });
 var Yt = function() {
-  var a, n, i, f, b, r, p, y, A, g, h, B, P, D, m, L;
+  var a, n, i, f, b, r, p, y, S, g, h, B, P, D, m, L;
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("bento-base-filter", { attrs: { "applied-filters-count": e.appliedFiltersCount, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, reset: e.resetFilter, open: e.openFilter, close: e.closeFilter } }, [e.onlySlot ? l("bento-dropdown", { staticClass: "b-select-filter__dropdown-variant", attrs: { value: e.internalFilterValue, items: e.options.listboxItems, multiple: (a = e.options) == null ? void 0 : a.multiple, "static-categories": (n = e.options) == null ? void 0 : n.staticCategories, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0, "empty-state": (i = e.options) == null ? void 0 : i.emptyState }, on: { input: e.onOptionSelected }, scopedSlots: e._u([e._l(e.slots, function(o, u) {
     return { key: u, fn: function(c) {
@@ -861,7 +861,7 @@ var Yt = function() {
     } };
   })], null, !0) }) : [l("div", { staticClass: "b-select-filter__search-bar" }, [l("bento-search-bar", { attrs: { "debounce-time": (b = (f = e.options) == null ? void 0 : f.search) == null ? void 0 : b.debounceTime, value: e.searchTerm, "input-field-aria-label": e.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString() }, on: { input: function(o) {
     e.searchTerm = o;
-  } } })], 1), l("hr", { staticClass: "b-select-filter__divider" }), l("bento-listbox", { staticClass: "b-select-filter__wrapper", attrs: { id: e.listboxFilterId, "aria-label": e.label, "empty-state": (r = e.options) == null ? void 0 : r.emptyState, "has-more-items": (y = (p = e.options) == null ? void 0 : p.lazy) == null ? void 0 : y.hasMoreItems, items: e.filteredItems, "is-option-disabled": (A = e.options) == null ? void 0 : A.isOptionDisabled, "lazy-load-type": (h = (g = e.options) == null ? void 0 : g.lazy) == null ? void 0 : h.lazyLoadType, loading: (P = (B = e.options) == null ? void 0 : B.lazy) == null ? void 0 : P.loading, multiple: (D = e.options) == null ? void 0 : D.multiple, "static-categories": (m = e.options) == null ? void 0 : m.staticCategories, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "selected-value": e.internalFilterValue, "virtual-scroll": (L = e.options) == null ? void 0 : L.virtualScroll }, on: { select: e.onOptionSelected, "show-more": function(o) {
+  } } })], 1), l("hr", { staticClass: "b-select-filter__divider" }), l("bento-listbox", { staticClass: "b-select-filter__wrapper", attrs: { id: e.listboxFilterId, "aria-label": e.label, "empty-state": (r = e.options) == null ? void 0 : r.emptyState, "has-more-items": (y = (p = e.options) == null ? void 0 : p.lazy) == null ? void 0 : y.hasMoreItems, items: e.filteredItems, "is-option-disabled": (S = e.options) == null ? void 0 : S.isOptionDisabled, "lazy-load-type": (h = (g = e.options) == null ? void 0 : g.lazy) == null ? void 0 : h.lazyLoadType, loading: (P = (B = e.options) == null ? void 0 : B.lazy) == null ? void 0 : P.loading, multiple: (D = e.options) == null ? void 0 : D.multiple, "static-categories": (m = e.options) == null ? void 0 : m.staticCategories, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "selected-value": e.internalFilterValue, "virtual-scroll": (L = e.options) == null ? void 0 : L.virtualScroll }, on: { select: e.onOptionSelected, "show-more": function(o) {
     var u, c;
     (c = (u = e.options) == null ? void 0 : u.lazy) == null || c.showMoreEvent();
   } }, scopedSlots: e._u([e._l(e.slots, function(o, u) {
@@ -883,7 +883,7 @@ const H = zt.exports, Gt = k({
   name: "bento-select-avatar-filter",
   components: {
     BentoSelectFilter: H,
-    BentoAvatar: _t
+    BentoAvatar: vt
   },
   props: {
     ...H.props,
@@ -995,7 +995,7 @@ const Le = ll.exports, al = k({
     te([() => t.options.variant, () => t.options.listboxItems], () => {
       l.value = t.options.variant, a.value = t.options.listboxItems;
     });
-    const n = (b) => e(d.UPDATE, b), i = pt(l, a), f = s(() => ({
+    const n = (b) => e(d.UPDATE, b), i = _t(l, a), f = s(() => ({
       ...t.options,
       listboxItems: i.value
     }));
@@ -1032,7 +1032,7 @@ const Oe = ol.exports, rl = k({
   name: "bento-select-payment-method-filter",
   components: {
     BentoSelectFilter: H,
-    BentoPaymentMethod: yt
+    BentoPaymentMethod: pt
   },
   props: {
     ...H.props,
@@ -1189,7 +1189,7 @@ const Ne = vl.exports, _l = {
     ]), { internalFilterValue: r, isSecondaryButtonDisabled: p, isApplyButtonDisabled: y } = ae(
       f,
       i
-    ), A = s(
+    ), S = s(
       () => t.defaultValue === null ? t.label : G(b.value.find(({ value: o }) => o === f.value).label, 18)
     ), g = s(
       () => {
@@ -1219,7 +1219,7 @@ const Ne = vl.exports, _l = {
       // Values
       items: b,
       conditionalClasses: h,
-      buttonLabel: A,
+      buttonLabel: S,
       buttonSecondaryLabel: g,
       internalFilterValue: r,
       isApplyButtonDisabled: y,
@@ -1306,12 +1306,12 @@ const Me = Fl.exports, hl = {
       ["b-range-filter--only-slot"]: t.onlySlot
     })), y = () => {
       a.value = t.value, Je(() => l.value.focusInput());
-    }, A = () => {
+    }, S = () => {
       e(d.INPUT, { ...t, value: a.value });
     }, g = (m) => {
-      a.value = [m, a.value[1]], A();
+      a.value = [m, a.value[1]], S();
     }, h = (m) => {
-      a.value = [a.value[0], m], A();
+      a.value = [a.value[0], m], S();
     }, B = () => {
       a.value.some((m) => m) || (a.value = t.defaultValue !== null ? t.defaultValue : void 0), e(d.UPDATE, {
         ...t,
@@ -1510,11 +1510,11 @@ const wl = Ol.exports, Nl = {
   components: {
     AllFiltersModalButton: $l,
     BentoBooleanFilter: Me,
-    BentoButton: st,
+    BentoButton: nt,
     BentoDateFilter: $e,
     BentoDateRangeFilter: Re,
     BentoInputFilter: Ve,
-    BentoModal: at,
+    BentoModal: lt,
     BentoRangeFilter: He,
     BentoSearchBar: oe,
     BentoSelectAvatarFilter: ke,
@@ -1555,7 +1555,7 @@ const wl = Ol.exports, Nl = {
   },
   emits: [re.INPUT],
   setup(t, { emit: e }) {
-    const l = he({ value: t.value }), a = E(l.value), n = ue("all-filters-modal"), i = E([]), f = E(!1), b = E(0), r = E(null), p = E(""), { t: y } = Z(), A = Ee(p, K(a, "value")), g = E({});
+    const l = he({ value: t.value }), a = E(l.value), n = ue("all-filters-modal"), i = E([]), f = E(!1), b = E(0), r = E(null), p = E(""), { t: y } = Z(), S = Ee(p, K(a, "value")), g = E({});
     ie(() => {
       g.value = [];
     }), te(
@@ -1566,31 +1566,31 @@ const wl = Ol.exports, Nl = {
     );
     const h = (_) => (
       /* eslint-disable-next-line no-nested-ternary */
-      _.sort((v, S) => v.label > S.label ? 1 : S.label > v.label ? -1 : 0)
+      _.sort((v, A) => v.label > A.label ? 1 : A.label > v.label ? -1 : 0)
     ), B = s(
       () => h(
-        A.value.filter(
+        S.value.filter(
           (_) => {
-            var v, S;
-            return Array.isArray(_.value) ? ((v = _.value) == null ? void 0 : v.length) && ((S = _.value) == null ? void 0 : S.find((R) => R !== "")) : _.value;
+            var v, A;
+            return Array.isArray(_.value) ? ((v = _.value) == null ? void 0 : v.length) && ((A = _.value) == null ? void 0 : A.find((R) => R !== "")) : _.value;
           }
         )
       )
     ), P = s(
       () => h(
-        A.value.filter(
+        S.value.filter(
           (_) => {
-            var v, S;
-            return Array.isArray(_.value) ? ((v = _.value) == null ? void 0 : v.length) === 0 || ((S = _.value) == null ? void 0 : S.every((R) => R === "")) : !_.value;
+            var v, A;
+            return Array.isArray(_.value) ? ((v = _.value) == null ? void 0 : v.length) === 0 || ((A = _.value) == null ? void 0 : A.every((R) => R === "")) : !_.value;
           }
         )
       )
     ), D = s(() => {
       var _;
-      return p.value && ((_ = A.value) == null ? void 0 : _.length) === 0;
+      return p.value && ((_ = S.value) == null ? void 0 : _.length) === 0;
     }), m = s(() => a.value[b.value]), L = () => {
       const _ = B.value.length ? B.value[0] : P.value[0], v = a.value.findIndex(
-        (S) => S.label === _.label && S.field === _.field
+        (A) => A.label === _.label && A.field === _.field
       );
       b.value = v;
     };
@@ -1598,7 +1598,7 @@ const wl = Ol.exports, Nl = {
       L();
     });
     const o = (_) => _.map((v) => {
-      var S, R, Y, q, de, fe;
+      var A, R, Y, q, de, fe;
       switch (v.type) {
         case M.SELECT:
         case M.SELECT_AVATAR:
@@ -1606,7 +1606,7 @@ const wl = Ol.exports, Nl = {
         case M.SELECT_CURRENCY:
         case M.SELECT_PAYMENT_METHOD:
         case M.SELECT_TAG:
-          switch ((S = v.options) == null ? void 0 : S.multiple) {
+          switch ((A = v.options) == null ? void 0 : A.multiple) {
             case !0:
               return {
                 label: v.label,
@@ -1650,28 +1650,24 @@ const wl = Ol.exports, Nl = {
     ), c = s(
       () => {
         var _;
-        return (_ = o(l.value)) == null ? void 0 : _.reduce(
-          // eslint-disable-next-line no-return-assign, no-param-reassign
-          (v, S) => v += S.count,
-          0
-        );
+        return (_ = o(l.value)) == null ? void 0 : _.filter(({ count: v }) => !!v).length;
       }
     ), T = () => {
       f.value ? f.value = !1 : f.value = !0;
     }, C = (_) => {
-      var S, R, Y;
+      var A, R, Y;
       const v = o(a.value).find((q) => q.field === _.field).count;
-      return _.type.includes("BentoSelect") && ((S = _.options) != null && S.multiple) && v === ((Y = (R = _.options) == null ? void 0 : R.listboxItems) == null ? void 0 : Y.length) ? y("all") : v;
+      return _.type.includes("BentoSelect") && ((A = _.options) != null && A.multiple) && v === ((Y = (R = _.options) == null ? void 0 : R.listboxItems) == null ? void 0 : Y.length) ? y("all") : v;
     }, O = (_, v) => {
       b.value = a.value.findIndex(
-        (S) => S.label === _ && S.field === v
+        (A) => A.label === _ && A.field === v
       );
     }, $ = () => {
       p.value = "";
     }, U = () => {
       f.value = !1, l.value = t.value, a.value = t.value, $(), L();
     }, x = (_) => {
-      const v = a.value.map(({ value: S, ...R }, Y) => Y === b.value ? { value: _.value, ...R } : { value: S, ...R });
+      const v = a.value.map(({ value: A, ...R }, Y) => Y === b.value ? { value: _.value, ...R } : { value: A, ...R });
       a.value = v;
     }, I = () => {
       x({
@@ -1707,7 +1703,7 @@ const wl = Ol.exports, Nl = {
     ]);
     return {
       // Enums
-      BentoModalEvent: nt,
+      BentoModalEvent: at,
       // Values
       allFiltersModalUniqueId: n,
       allFiltersModalFiltersSection: i,
@@ -1732,7 +1728,7 @@ const wl = Ol.exports, Nl = {
       updateFilter: x,
       onSearchbarClear: $,
       onKeydownRight: () => {
-        rt(1, r.value.$el).focus();
+        ot(1, r.value.$el).focus();
       },
       onKeydownLeft: () => {
         g.value[m.value.label].$el.focus();
@@ -1771,7 +1767,7 @@ var Hl = function() {
   ql,
   !1,
   null,
-  "c19d54ef",
+  "a6a7d960",
   null,
   null
 );
@@ -1802,8 +1798,8 @@ const Kl = jl.exports, Yl = {
     BentoSelectTagFilter: Ne,
     BentoSearchBar: oe,
     FilterBarButton: ce,
-    FixedScroller: Ft,
-    RefreshIcon: mt
+    FixedScroller: mt,
+    RefreshIcon: yt
   },
   props: {
     /**
@@ -1896,7 +1892,7 @@ const Kl = jl.exports, Yl = {
           return T === void 0 && (T = (c == null ? void 0 : c.value) === void 0 && (c == null ? void 0 : c.defaultValue) !== void 0 ? c == null ? void 0 : c.defaultValue : c == null ? void 0 : c.value), { ...c, value: T !== void 0 ? T : c == null ? void 0 : c.value };
         });
       }
-    ), n = lt(), i = s(() => l("searchBar")), f = s(() => a.value.some(
+    ), { addToast: n } = Ft(), i = s(() => l("searchBar")), f = s(() => a.value.some(
       ({ visible: u }) => u != null
     ) ? a.value.some(({ visible: u }) => !u) : !1), b = s(
       () => a.value.filter(({ defaultValue: o }) => o !== void 0)
@@ -1906,7 +1902,7 @@ const Kl = jl.exports, Yl = {
       ({ defaultValue: u, visible: c }) => u === void 0 && c
     ) : a.value.filter(({ defaultValue: u }) => u === void 0)), p = s(() => t.searchTerm != null), y = s(
       () => a.value.filter(({ defaultValue: o }) => o == null).some(({ value: o }) => o != null)
-    ), A = s(() => b.value.length === 0 && y.value), g = s(() => b.value.length === 0 ? !1 : !a.value.filter(({ defaultValue: u }) => u !== void 0 || u !== null).every(({ value: u, defaultValue: c }) => JSON.stringify(u) === JSON.stringify(c)) || y.value), h = (o) => {
+    ), S = s(() => b.value.length === 0 && y.value), g = s(() => b.value.length === 0 ? !1 : !a.value.filter(({ defaultValue: u }) => u !== void 0 || u !== null).every(({ value: u, defaultValue: c }) => JSON.stringify(u) === JSON.stringify(c)) || y.value), h = (o) => {
       e(ne.INPUT, o), e(
         ne.UPDATE_FILTER_VALUES,
         o == null ? void 0 : o.filter(({ value: u }) => u !== null || u !== void 0).map(({ field: u, value: c }) => ({ field: u, value: c }))
@@ -1915,7 +1911,7 @@ const Kl = jl.exports, Yl = {
     return {
       // Values
       hasHiddenFilters: f,
-      isClearAllVisible: A,
+      isClearAllVisible: S,
       isSearchBarEnabled: p,
       searchBarAriaLabel: i,
       persistentFilters: b,
@@ -1935,7 +1931,7 @@ const Kl = jl.exports, Yl = {
           ...T,
           value: void 0
         }));
-        n.addToast({
+        n({
           text: l("filtersHaveBeenCleared"),
           action: {
             handler: () => h(o),
@@ -1955,7 +1951,7 @@ const Kl = jl.exports, Yl = {
           defaultValue: c,
           value: c
         }));
-        n.addToast({
+        n({
           text: l("filtersHaveBeenReset"),
           action: {
             handler: () => h(o),
@@ -1987,7 +1983,7 @@ var zl = function() {
   Gl,
   !1,
   null,
-  "3a7949a1",
+  "f8c09e65",
   null,
   null
 );