@adyen/bento-vue3 1.94.0 → 1.96.0

package/dist/chunks/{filter-bar.Dhghqmhb.js → filter-bar.CvZnM3hM.js}

@@ -1,54 +1,54 @@
-import { ref as R, onMounted as Ne, watch as te, computed as d, defineComponent as W, useSlots as Ue, useAttrs as Qt, openBlock as m, createBlock as O, unref as r, mergeProps as le, withCtx as h, createElementVNode as q, renderSlot as pe, createCommentVNode as K, createVNode as C, createTextVNode as X, toDisplayString as J, shallowRef as Zt, resolveComponent as M, normalizeClass as oe, createSlots as Ie, createElementBlock as Y, withDirectives as Ye, withKeys as be, nextTick as ft, toRef as Q, onBeforeUpdate as Ve, provide as pt, Fragment as Ee, reactive as xt, isRef as el, renderList as he, normalizeProps as Le, guardReactiveProps as $e, vShow as tl, resolveDynamicComponent as Pe } from "vue";
-import { B as ke, a as Te } from "./search-bar.tmX9JctT.js";
-import { u as ll } from "./use-bento-toast-controller.D_NSnBxi.js";
+import { ref as R, onMounted as Ne, watch as te, computed as d, defineComponent as W, useSlots as Ue, useAttrs as Qt, openBlock as m, createBlock as O, unref as r, mergeProps as le, withCtx as h, createElementVNode as q, renderSlot as pe, createCommentVNode as K, createVNode as C, createTextVNode as X, toDisplayString as J, shallowRef as Zt, resolveComponent as M, normalizeClass as oe, createSlots as Ie, createElementBlock as Y, withDirectives as Ye, withKeys as be, nextTick as ft, toRef as Q, onBeforeUpdate as Ve, provide as pt, Fragment as Ee, reactive as xt, isRef as el, renderList as he, normalizeProps as Le, guardReactiveProps as $e, vShow as tl, resolveDynamicComponent as Pe, normalizeStyle as ll } from "vue";
+import { B as ke, a as Te } from "./search-bar.TKgi1KLs.js";
+import { u as al } from "./use-bento-toast-controller.D_NSnBxi.js";
 import { u as ce } from "./index.B875RXHM.js";
-import { m as al } from "./index.Cqv1XuTj.js";
+import { n as nl } from "./index.oOAkh64h.js";
 import { F as bt } from "./fixed-scroller.yVsaQzy5.js";
-import { _ as nl } from "./modal.vue_vue_type_script_setup_true_lang.B_CD-6Sn.js";
-import { B as ol } from "./button.DWF7FSIw.js";
-import { B as ne, d as Me, p as il } from "./typography.B3J6_tYk.js";
-import { u as ze, B as sl } from "./dropdown.Bsic3Nll.js";
+import { _ as ol } from "./modal.vue_vue_type_script_setup_true_lang.CrJQWuzb.js";
+import { B as il } from "./button.DWF7FSIw.js";
+import { B as ne, d as Me, p as sl } from "./typography.B3J6_tYk.js";
+import { u as ze, B as rl } from "./dropdown.C5um1anU.js";
 import { g as Oe } from "./generate-uid.DBWe4g6T.js";
-import { g as rl } from "./focus-trap.DcxrXRKl.js";
+import { g as ul } from "./focus-trap.Dl_rHbwH.js";
 import { u as vt } from "./aria-label.CaUURpnB.js";
 import { u as mt } from "./use-has-slot.CyMiImRQ.js";
 import { B as yt, a as Qe } from "./base-button.CvHl36Ue.js";
 import { g as ht } from "./get-slot-text.8Fbl1GOr.js";
-import { C as ul } from "./chevron-up.Cmgl2a3x.js";
-import { C as dl } from "./chevron-down.XeE-LBV_.js";
+import { C as dl } from "./chevron-up.Cmgl2a3x.js";
+import { C as cl } from "./chevron-down.XeE-LBV_.js";
 import { _ as Z } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 /* empty css              */
-import { a as gt } from "./radio-group.DpLQ_Wnj.js";
+import { a as gt } from "./radio-group.Cg67ZU0c.js";
 import { t as ve } from "./truncate.DmCXQmeb.js";
-import { u as cl, e as Ft, h as fl, I as pl, m as bl, B as vl } from "./button-actions.uco5ptf5.js";
-import { b as St } from "./tooltip.CuwiX213.js";
+import { u as fl, e as Ft, h as pl, I as bl, m as vl, B as ml } from "./button-actions.CxTxPprd.js";
+import { b as St } from "./tooltip.Djn54E1O.js";
 import { C as Bt } from "./cross-small.Bjq2Gqvh.js";
-import { B as Xe } from "./input-field.DlEEFday.js";
-import { B as ml } from "./checkbox-group.Bq6PsVI_.js";
-import { C as yl } from "./checkbox-input.CVFQCfZM.js";
-import { u as Ze, b as hl, C as gl } from "./use-cached-selected-values.C2nbQ4g-.js";
+import { B as Xe } from "./input-field.DBlTGgAD.js";
+import { B as yl } from "./checkbox-group.BcDIXL27.js";
+import { C as hl } from "./checkbox-input.CVFQCfZM.js";
+import { u as Ze, b as gl, C as Fl } from "./use-cached-selected-values.DOw5IKdU.js";
 import { B as Je } from "./divider.BIY84UH7.js";
-import { L as Ct } from "./listbox-option-tag.12duL_ZH.js";
-import { B as Fl } from "./payment-method.AeKHZlAO.js";
-import { u as Sl } from "./use-country-items.Dp7X1r2e.js";
-import { B as Bl } from "./avatar.Caeba-pw.js";
-import { D as Cl, B as Tl, i as He, a as Dl } from "./date-range-picker.C5CSReZ5.js";
-import Al from "./pt-BR.ChPOra5s.js";
-import wl from "./ja.cLwacUE6.js";
-import Ol from "./fr.DJtn8ron.js";
-import { t as Ke, j as Tt, g as _l } from "./en-US.BR6y7foR.js";
-import { de as Il } from "./de.ctR_lBqr.js";
-import { y as El, z as Rl, b as Pl, g as Ll, v as De, i as $l } from "./calendar.D8CM3XkW.js";
-import { g as kl, b as Nl, c as Ul, d as Vl, i as Ml, e as ql, w as Hl, l as Gl, u as jl } from "./use-date-input-formatter.DaBZd09a.js";
-import { B as Yl } from "./date-picker.DUUGSbot.js";
-import { u as Wl } from "./use-touch-device.DTqFAbXh.js";
+import { L as Ct } from "./listbox-option-tag.yF6p9iQw.js";
+import { B as Sl } from "./payment-method.AeKHZlAO.js";
+import { u as Bl } from "./use-country-items.Dp7X1r2e.js";
+import { B as Cl } from "./avatar.Caeba-pw.js";
+import { D as Tl, B as Al, i as He, a as Dl } from "./date-range-picker.BigC6wm2.js";
+import wl from "./pt-BR.ChPOra5s.js";
+import Ol from "./ja.cLwacUE6.js";
+import _l from "./fr.DJtn8ron.js";
+import { t as Ke, j as Tt, g as Il } from "./en-US.BR6y7foR.js";
+import { de as El } from "./de.ctR_lBqr.js";
+import { z as Rl, A as Pl, b as Ll, g as $l, e as Ae, k as kl } from "./calendar.iQyNwQBL.js";
+import { g as Nl, b as Ul, c as Vl, d as Ml, i as ql, e as Hl, w as Gl, l as jl, u as Yl } from "./use-date-input-formatter.x285YiSd.js";
+import { B as Wl } from "./date-picker.DyImOUH4.js";
+import { u as zl } from "./use-touch-device.DTqFAbXh.js";
 import { R as xe } from "./refresh.C31KClfx.js";
 import "../assets/filter-bar.css";
-const Dt = (e) => e === null || typeof e != "object" ? !1 : Object.prototype.toString.call(e) === "[object Object]", At = (e) => Array.isArray(e), et = (e) => At(e) ? e.length === 0 || e.every((l) => l === "") : !e, Ge = (e, l) => JSON.stringify(e) === JSON.stringify(l), we = (e) => Dt(e) ? e instanceof Date ? new Date(e.getTime()) : At(e) ? e.map((l) => we(l)) : Object.keys(e).reduce((l, t) => (l[t] = we(e[t]), l), {}) : e, zl = (e) => Dt(e) ? Object.fromEntries(Object.keys(e).map((l) => [l, void 0])) : void 0;
+const At = (e) => e === null || typeof e != "object" ? !1 : Object.prototype.toString.call(e) === "[object Object]", Dt = (e) => Array.isArray(e), et = (e) => Dt(e) ? e.length === 0 || e.every((l) => l === "") : !e, Ge = (e, l) => JSON.stringify(e) === JSON.stringify(l), we = (e) => At(e) ? e instanceof Date ? new Date(e.getTime()) : Dt(e) ? e.map((l) => we(l)) : Object.keys(e).reduce((l, t) => (l[t] = we(e[t]), l), {}) : e, Xl = (e) => At(e) ? Object.fromEntries(Object.keys(e).map((l) => [l, void 0])) : void 0;
 function wt(e, l) {
   const t = R(), n = R();
   Ne(() => {
-    e.value != null && (n.value = zl(e.value));
+    e.value != null && (n.value = Xl(e.value));
   }), te(
     () => e.value,
     (u) => {
@@ -81,15 +81,15 @@ function wt(e, l) {
     openFilter: v
   };
 }
-function Xl(e) {
+function Jl(e) {
   return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
 }
-function Jl(e) {
-  return !(!Xl(e) && typeof e != "number" || isNaN(+Ke(e)));
+function Kl(e) {
+  return !(!Jl(e) && typeof e != "number" || isNaN(+Ke(e)));
 }
-function Kl(e, l) {
+function Ql(e, l) {
   const t = Ke(e, l?.in);
-  return El(t, Rl(t)) + 1;
+  return Rl(t, Pl(t)) + 1;
 }
 function k(e, l) {
   const t = e < 0 ? "-" : "", n = Math.abs(e).toString().padStart(l, "0");
@@ -148,7 +148,7 @@ const ye = {
     );
     return k(a, l.length);
   }
-}, Ae = {
+}, De = {
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -182,7 +182,7 @@ const ye = {
   },
   // Local week-numbering year
   Y: function(e, l, t, n) {
-    const a = Vl(e, n), o = a > 0 ? a : 1 - a;
+    const a = Ml(e, n), o = a > 0 ? a : 1 - a;
     if (l === "YY") {
       const s = o % 100;
       return k(s, 2);
@@ -191,7 +191,7 @@ const ye = {
   },
   // ISO week-numbering year
   R: function(e, l) {
-    const t = Ul(e);
+    const t = Vl(e);
     return k(t, l.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
@@ -328,12 +328,12 @@ const ye = {
   },
   // Local week of year
   w: function(e, l, t, n) {
-    const a = Nl(e, n);
+    const a = Ul(e, n);
     return l === "wo" ? t.ordinalNumber(a, { unit: "week" }) : k(a, l.length);
   },
   // ISO week of year
   I: function(e, l, t) {
-    const n = kl(e);
+    const n = Nl(e);
     return l === "Io" ? t.ordinalNumber(n, { unit: "week" }) : k(n, l.length);
   },
   // Day of the month
@@ -342,7 +342,7 @@ const ye = {
   },
   // Day of year
   D: function(e, l, t) {
-    const n = Kl(e);
+    const n = Ql(e);
     return l === "Do" ? t.ordinalNumber(n, { unit: "dayOfYear" }) : k(n, l.length);
   },
   // Day of week
@@ -519,7 +519,7 @@ const ye = {
   b: function(e, l, t) {
     const n = e.getHours();
     let a;
-    switch (n === 12 ? a = Ae.noon : n === 0 ? a = Ae.midnight : a = n / 12 >= 1 ? "pm" : "am", l) {
+    switch (n === 12 ? a = De.noon : n === 0 ? a = De.midnight : a = n / 12 >= 1 ? "pm" : "am", l) {
       case "b":
       case "bb":
         return t.dayPeriod(a, {
@@ -547,7 +547,7 @@ const ye = {
   B: function(e, l, t) {
     const n = e.getHours();
     let a;
-    switch (n >= 17 ? a = Ae.evening : n >= 12 ? a = Ae.afternoon : n >= 4 ? a = Ae.morning : a = Ae.night, l) {
+    switch (n >= 17 ? a = De.evening : n >= 12 ? a = De.afternoon : n >= 4 ? a = De.morning : a = De.night, l) {
       case "B":
       case "BB":
       case "BBB":
@@ -686,27 +686,27 @@ function Fe(e, l = "") {
   const t = e > 0 ? "-" : "+", n = Math.abs(e), a = k(Math.trunc(n / 60), 2), o = k(n % 60, 2);
   return t + a + l + o;
 }
-const Ql = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Zl = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, xl = /^'([^]*?)'?$/, ea = /''/g, ta = /[a-zA-Z]/;
+const Zl = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, xl = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, ea = /^'([^]*?)'?$/, ta = /''/g, la = /[a-zA-Z]/;
 function Re(e, l, t) {
-  const n = _l(), a = t?.locale ?? n.locale ?? Tt, o = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, s = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, i = Ke(e, t?.in);
-  if (!Jl(i))
+  const n = Il(), a = t?.locale ?? n.locale ?? Tt, o = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, s = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, i = Ke(e, t?.in);
+  if (!Kl(i))
     throw new RangeError("Invalid time value");
-  let c = l.match(Zl).map((u) => {
+  let c = l.match(xl).map((u) => {
     const p = u[0];
     if (p === "p" || p === "P") {
-      const F = Gl[p];
+      const F = jl[p];
       return F(u, a.formatLong);
     }
     return u;
-  }).join("").match(Ql).map((u) => {
+  }).join("").match(Zl).map((u) => {
     if (u === "''")
       return { isToken: !1, value: "'" };
     const p = u[0];
     if (p === "'")
-      return { isToken: !1, value: la(u) };
+      return { isToken: !1, value: aa(u) };
     if (tt[p])
       return { isToken: !0, value: u };
-    if (p.match(ta))
+    if (p.match(la))
       throw new RangeError(
         "Format string contains an unescaped latin alphabet character `" + p + "`"
       );
@@ -721,17 +721,17 @@ function Re(e, l, t) {
   return c.map((u) => {
     if (!u.isToken) return u.value;
     const p = u.value;
-    (!t?.useAdditionalWeekYearTokens && Ml(p) || !t?.useAdditionalDayOfYearTokens && ql(p)) && Hl(p, l, String(e));
+    (!t?.useAdditionalWeekYearTokens && ql(p) || !t?.useAdditionalDayOfYearTokens && Hl(p)) && Gl(p, l, String(e));
     const F = tt[p[0]];
     return F(i, p, a.localize, v);
   }).join("");
 }
-function la(e) {
-  const l = e.match(xl);
-  return l ? l[1].replace(ea, "'") : e;
+function aa(e) {
+  const l = e.match(ea);
+  return l ? l[1].replace(ta, "'") : e;
 }
-const aa = { class: "b-filter-bar-button__container" }, na = { class: "b-filter-bar-button__label-container" }, oa = {}, ia = /* @__PURE__ */ W({
-  ...oa,
+const na = { class: "b-filter-bar-button__container" }, oa = { class: "b-filter-bar-button__label-container" }, ia = {}, sa = /* @__PURE__ */ W({
+  ...ia,
   __name: "filter-bar-button",
   props: {
     /**
@@ -779,13 +779,13 @@ const aa = { class: "b-filter-bar-button__container" }, na = { class: "b-filter-
       "b-filter-bar-button--with-secondary-label": t.secondaryLabel,
       "b-filter-bar-button--with-counter": t.appliedFiltersCount,
       "b-filter-bar-button--icon-only": c.value
-    })), w = (D) => {
-      D.preventDefault(), t.disabled || n("click", D);
+    })), w = (A) => {
+      A.preventDefault(), t.disabled || n("click", A);
     };
-    return (D, _) => (m(), O(r(yt), le({
+    return (A, _) => (m(), O(r(yt), le({
       ref_key: "filterBarButtonRef",
       ref: u
-    }, D.$attrs, {
+    }, A.$attrs, {
       class: ["b-filter-bar-button", f.value],
       disabled: e.disabled,
       "aria-label": r(v),
@@ -808,9 +808,9 @@ const aa = { class: "b-filter-bar-button__container" }, na = { class: "b-filter-
         })) : K("", !0)
       ]),
       default: h(() => [
-        q("div", aa, [
-          r(s)("iconLeft") ? pe(D.$slots, "iconLeft", { key: 0 }, void 0, !0) : K("", !0),
-          q("div", na, [
+        q("div", na, [
+          r(s)("iconLeft") ? pe(A.$slots, "iconLeft", { key: 0 }, void 0, !0) : K("", !0),
+          q("div", oa, [
             C(r(ne), {
               el: "span",
               variant: "body",
@@ -819,7 +819,7 @@ const aa = { class: "b-filter-bar-button__container" }, na = { class: "b-filter-
             }, {
               default: h(() => [
                 q("span", null, [
-                  pe(D.$slots, "default", {}, void 0, !0)
+                  pe(A.$slots, "default", {}, void 0, !0)
                 ]),
                 e.secondaryLabel && !c.value ? (m(), O(r(ne), {
                   key: 0,
@@ -854,10 +854,10 @@ const aa = { class: "b-filter-bar-button__container" }, na = { class: "b-filter-
       _: 3
     }, 16, ["class", "disabled", "aria-label", "aria-controls"]));
   }
-}), Be = /* @__PURE__ */ Z(ia, [["__scopeId", "data-v-e8fc31f4"]]);
+}), Be = /* @__PURE__ */ Z(sa, [["__scopeId", "data-v-e8fc31f4"]]);
 var g = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(g || {}), Se = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", e))(Se || {}), x = /* @__PURE__ */ ((e) => (e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", e.INPUT = "BentoInputFilter", e.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", e.SELECT = "BentoSelectFilter", e.SELECT_AVATAR = "BentoSelectAvatarFilter", e.SELECT_COUNTRY = "BentoSelectCountryFilter", e.SELECT_CURRENCY = "BentoSelectCurrencyFilter", e.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", e.SELECT_TAG = "BentoSelectTagFilter", e.DATE = "BentoDateFilter", e.DATE_RANGE = "BentoDateRangeFilter", e.RADIO_GROUP = "BentoRadioGroupFilter", e.CHECKBOX_GROUP = "BentoCheckboxGroupFilter", e.TOGGLE = "BentoToggleFilter", e))(x || {});
 const nt = 430, je = 700;
-function sa(e, l) {
+function ra(e, l) {
   const t = Zt("div"), n = R(!1), a = R(0), o = d(() => !(a.value < nt && l.value.small === "multi-line"));
   function s() {
     n.value = !1, t.value = "div";
@@ -868,7 +868,7 @@ function sa(e, l) {
   function c() {
     a.value > je || a.value < je && a.value >= nt && l.value.medium === "multi-line" ? s() : i();
   }
-  te(() => l.value, c), al(e, (p) => {
+  te(() => l.value, c), nl(e, (p) => {
     a.value = p[0].contentRect.width, c();
   });
   const v = d(() => a.value >= je), u = d(() => ({ "b-filter-bar--large-layout": v.value }));
@@ -881,9 +881,9 @@ function sa(e, l) {
   };
 }
 var We = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(We || {});
-const ra = W({
+const ua = W({
   name: "base-filter-button",
-  components: { BaseButton: yt, BentoTypography: ne, ChevronUpIcon: ul, ChevronDownIcon: dl },
+  components: { BaseButton: yt, BentoTypography: ne, ChevronUpIcon: dl, ChevronDownIcon: cl },
   props: {
     /**
      * The number of applies values within the filter.
@@ -930,11 +930,11 @@ const ra = W({
       baseFilterButtonRef: s
     };
   }
-}), ua = { class: "b-base-filter-button__default-container" }, da = { class: "b-base-filter-button__label-container" }, ca = {
+}), da = { class: "b-base-filter-button__default-container" }, ca = { class: "b-base-filter-button__label-container" }, fa = {
   key: 0,
   class: "b-base-filter-button__counter-wrapper"
 };
-function fa(e, l, t, n, a, o) {
+function pa(e, l, t, n, a, o) {
   const s = M("bento-typography"), i = M("chevron-up-icon"), c = M("chevron-down-icon"), v = M("base-button");
   return m(), O(v, {
     ref: "baseFilterButtonRef",
@@ -946,8 +946,8 @@ function fa(e, l, t, n, a, o) {
     onClick: e.onClickButton
   }, Ie({
     default: h(() => [
-      q("div", ua, [
-        q("div", da, [
+      q("div", da, [
+        q("div", ca, [
           C(s, {
             el: "span",
             variant: "body",
@@ -960,7 +960,7 @@ function fa(e, l, t, n, a, o) {
             _: 3
           }, 8, ["stronger"])
         ]),
-        e.amountAppliedValues && !e.hasChevron ? (m(), Y("div", ca, [
+        e.amountAppliedValues && !e.hasChevron ? (m(), Y("div", fa, [
           C(s, {
             class: "b-base-filter-button__counter",
             el: "span",
@@ -992,9 +992,9 @@ function fa(e, l, t, n, a, o) {
     } : void 0
   ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
 }
-const pa = /* @__PURE__ */ Z(ra, [["render", fa], ["__scopeId", "data-v-af9efc73"]]), ba = W({
+const ba = /* @__PURE__ */ Z(ua, [["render", pa], ["__scopeId", "data-v-af9efc73"]]), va = W({
   name: "all-filters-modal-button",
-  components: { BaseFilterButton: pa },
+  components: { BaseFilterButton: ba },
   props: {
     /**
      * Button label to be displayed
@@ -1026,7 +1026,7 @@ const pa = /* @__PURE__ */ Z(ra, [["render", fa], ["__scopeId", "data-v-af9efc73
     };
   }
 });
-function va(e, l, t, n, a, o) {
+function ma(e, l, t, n, a, o) {
   const s = M("base-filter-button");
   return m(), O(s, {
     class: oe(["b-all-filters-modal-button", e.conditionalClasses]),
@@ -1041,14 +1041,14 @@ function va(e, l, t, n, a, o) {
     _: 1
   }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
 }
-const ot = /* @__PURE__ */ Z(ba, [["render", va], ["__scopeId", "data-v-b96a672f"]]);
+const ot = /* @__PURE__ */ Z(va, [["render", ma], ["__scopeId", "data-v-b96a672f"]]);
 let it = 0;
-const ma = {
+const ya = {
   beforeCreate() {
     this.uuid = it.toString(), it += 1;
   }
-}, ya = { key: 0 };
-function ha(e, l, t, n, a, o) {
+}, ha = { key: 0 };
+function ga(e, l, t, n, a, o) {
   return m(), Y("svg", le({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -1056,7 +1056,7 @@ function ha(e, l, t, n, a, o) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (m(), Y("title", ya, J(e.$attrs["svg-title"]), 1)) : K("", !0),
+    e.$attrs["svg-title"] ? (m(), Y("title", ha, J(e.$attrs["svg-title"]), 1)) : K("", !0),
     l[0] || (l[0] = q("path", {
       fill: "#001222",
       d: "M12.6465 4.58337C12.32 3.42912 11.2588 2.58337 10 2.58337C8.74122 2.58337 7.67998 3.42912 7.35352 4.58337H1.25V6.08337H7.35352C7.67998 7.23763 8.74122 8.08337 10 8.08337C11.2588 8.08337 12.32 7.23763 12.6465 6.08337H14.75V4.58337H12.6465ZM11.25 5.33337C11.25 6.02373 10.6904 6.58337 10 6.58337C9.30964 6.58337 8.75 6.02373 8.75 5.33337C8.75 4.64302 9.30964 4.08337 10 4.08337C10.6904 4.08337 11.25 4.64302 11.25 5.33337Z"
@@ -1067,7 +1067,7 @@ function ha(e, l, t, n, a, o) {
     }, null, -1))
   ], 16);
 }
-const ga = /* @__PURE__ */ Z(ma, [["render", ha]]), Ot = {
+const Fa = /* @__PURE__ */ Z(ya, [["render", ga]]), Ot = {
   "de-DE": { activeFilters: "Aktive Filter", all: "Alle", allFilters: "Alle Filter", applyAll: "Alle anwenden", cancel: "Abbrechen", clear: "Löschen", clearAll: "Alle löschen", noFiltersMatchThisSearch: "Keine Filter entsprechen dieser Suche.", otherFilters: "Andere Filter", searchBar: "Suchleiste" },
   "en-GB": { activeFilters: "Active filters", all: "All", allFilters: "All filters", applyAll: "Apply all", cancel: "Cancel", clear: "Clear", clearAll: "Clear all", noFiltersMatchThisSearch: "No filters match this search", otherFilters: "Other filters", searchBar: "Search bar" },
   "en-US": { activeFilters: "Active filters", all: "All", allFilters: "All filters", applyAll: "Apply all", cancel: "Cancel", clear: "Clear", clearAll: "Clear all", noFiltersMatchThisSearch: "No filters match this search", otherFilters: "Other filters", searchBar: "Search bar" },
@@ -1075,11 +1075,11 @@ const ga = /* @__PURE__ */ Z(ma, [["render", ha]]), Ot = {
   "es-MX": { activeFilters: "Filtros activos", all: "Todos", allFilters: "Todos los filtros", applyAll: "Aplicar todo", cancel: "Cancelar", clear: "Claro", clearAll: "Borrar todo", noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda", otherFilters: "Otros filtros", searchBar: "Barra de búsqueda" },
   "fr-FR": { activeFilters: "Filtres actifs", all: "Tous", allFilters: "Tous les filtres", applyAll: "Tout appliquer", cancel: "Annuler", clear: "Clair", clearAll: "Tout effacer", noFiltersMatchThisSearch: "Aucun filtre ne correspond à cette recherche", otherFilters: "Autres filtres", searchBar: "Barre de recherche" },
   "it-IT": { activeFilters: "Filtri attivi", all: "Tutti", allFilters: "Tutti i filtri", applyAll: "Applica tutto", cancel: "Annulla", clear: "Cancella", clearAll: "Cancella tutto", noFiltersMatchThisSearch: "Nessun filtro corrisponde a questa ricerca", otherFilters: "Altri filtri", searchBar: "Barra di ricerca" },
-  "ja-JP": { activeFilters: "アクティブなフィルター", all: "すべて", allFilters: "すべてのフィルター", applyAll: "すべて適用", cancel: "キャンセル", clear: "クリア", clearAll: "すべてクリア", noFiltersMatchThisSearch: "この検索に一致するフィルターはありません", otherFilters: "他のフィルター", searchBar: "検索バー" },
+  "ja-JP": { activeFilters: "適用中のフィルター", all: "すべて", allFilters: "すべてのフィルター", applyAll: "すべて適用", cancel: "キャンセル", clear: "クリア", clearAll: "すべてクリア", noFiltersMatchThisSearch: "この検索に一致するフィルターはありません", otherFilters: "他のフィルター", searchBar: "検索バー" },
   "pt-BR": { activeFilters: "Filtros ativos", all: "Todos", allFilters: "Todos os filtros", applyAll: "Aplicar tudo", cancel: "Cancelar", clear: "Limpar", clearAll: "Limpar tudo", noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca", otherFilters: "Outros filtros", searchBar: "Barra de busca" },
   "zh-CN": { activeFilters: "有效筛选器", all: "全部", allFilters: "所有筛选器", applyAll: "全部应用", cancel: "取消", clear: "清除", clearAll: "全部清除", noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器", otherFilters: "其他筛选器", searchBar: "搜索栏" }
-}, Fa = {}, Sa = /* @__PURE__ */ W({
-  ...Fa,
+}, Sa = {}, Ba = /* @__PURE__ */ W({
+  ...Sa,
   __name: "filter-bar-button-group",
   props: {
     isActive: { type: Boolean, default: !1 },
@@ -1096,7 +1096,7 @@ const ga = /* @__PURE__ */ Z(ma, [["render", ha]]), Ot = {
       pe(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), _t = /* @__PURE__ */ Z(Sa, [["__scopeId", "data-v-9ce16194"]]);
+}), _t = /* @__PURE__ */ Z(Ba, [["__scopeId", "data-v-9ce16194"]]);
 var ie = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e.CANCEL = "cancel", e))(ie || {});
 const It = {
   "de-DE": { apply: "Anwenden", clear: "Löschen", clearFilter: "Filter löschen {function}", filtersHaveBeenCleared: "Filter wurden gelöscht", numberSelected: "{numberOfItemsSelected} ausgewählt", reset: "Zurücksetzen", resetFilter: "Filter zurücksetzen {function}" },
@@ -1109,14 +1109,14 @@ const It = {
   "ja-JP": { apply: "適用", clear: "クリア", clearFilter: "フィルター{function}をクリア", filtersHaveBeenCleared: "フィルターをクリアしました", numberSelected: "{numberOfItemsSelected}件選択済み", reset: "リセット", resetFilter: "フィルター{function}をリセット" },
   "pt-BR": { apply: "Aplicar", clear: "Apagar", clearFilter: "Limpar filtro {function}", filtersHaveBeenCleared: "Os filtros foram apagados", numberSelected: "{numberOfItemsSelected} selecionados", reset: "Redefinir", resetFilter: "Limpar filtro {function}" },
   "zh-CN": { apply: "应用", clear: "清除", clearFilter: "清除筛选器 {function}", filtersHaveBeenCleared: "筛选器已清除", numberSelected: "{numberOfItemsSelected} 已选择", reset: "重置", resetFilter: "重置过滤器 {function}" }
-}, Ba = { key: 0 }, Ca = {
+}, Ca = { key: 0 }, Ta = {
   key: 1,
   class: "b-base-filter"
-}, Ta = {
+}, Aa = {
   i18n: { messages: It },
   name: "bento-base-filter"
 }, Da = /* @__PURE__ */ W({
-  ...Ta,
+  ...Aa,
   props: {
     appliedFiltersCount: { default: null },
     buttonLabel: { default: void 0 },
@@ -1148,7 +1148,7 @@ const It = {
     }, F = d(() => a.defaultValue !== null), f = d(() => F.value ? JSON.stringify(a.value) !== JSON.stringify(a.defaultValue) : a.appliedFiltersCount || a.buttonSecondaryLabel), w = d(() => {
       let L = a.buttonSecondaryLabel ? `: ${a.buttonSecondaryLabel}` : "";
       return a.appliedFiltersCount && (L = `: ${o("numberSelected", { numberOfItemsSelected: a.appliedFiltersCount })}`), (F.value ? a.label : _.value) + L;
-    }), D = d(
+    }), A = d(
       () => F.value ? o("resetFilter", {
         function: _.value
       }) : o("clearFilter", {
@@ -1185,11 +1185,11 @@ const It = {
       (L, ee) => {
         !L && ee && c.value?.filterBarButtonRef?.bentoBaseButtonRef && c.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
-    ), cl(v, se, { ignore: [c] }), l({
+    ), fl(v, se, { ignore: [c] }), l({
       closePopover: B
-    }), (L, ee) => L.onlySlot ? (m(), Y("div", Ba, [
+    }), (L, ee) => L.onlySlot ? (m(), Y("div", Ca, [
       pe(L.$slots, "default", {}, void 0, !0)
-    ])) : (m(), Y("div", Ca, [
+    ])) : (m(), Y("div", Ta, [
       Ye((m(), O(_t, {
         "is-active": i.value,
         "skip-grouping": !f.value
@@ -1223,7 +1223,7 @@ const It = {
             onClick: y
           }, {
             iconLeft: h(() => [
-              C(r(Bt), { "svg-title": D.value }, null, 8, ["svg-title"])
+              C(r(Bt), { "svg-title": A.value }, null, 8, ["svg-title"])
             ]),
             _: 1
           }, 8, ["applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label"])) : K("", !0)
@@ -1234,7 +1234,7 @@ const It = {
       ]),
       u.value ? (m(), O(Ft, { key: 0 }, {
         default: h(() => [
-          C(fl, {
+          C(pl, {
             id: r(s),
             ref: p,
             class: "b-base-filter__popover",
@@ -1265,7 +1265,7 @@ const It = {
       })) : K("", !0)
     ]));
   }
-}), me = /* @__PURE__ */ Z(Da, [["__scopeId", "data-v-77e077a9"]]), Aa = (e) => e instanceof Array, st = (e) => Aa(e) ? e.length === 0 || e.every((l) => l === "") : !e, rt = (e, l) => JSON.stringify(e) === JSON.stringify(l), ge = (e, l) => {
+}), me = /* @__PURE__ */ Z(Da, [["__scopeId", "data-v-77e077a9"]]), wa = (e) => e instanceof Array, st = (e) => wa(e) ? e.length === 0 || e.every((l) => l === "") : !e, rt = (e, l) => JSON.stringify(e) === JSON.stringify(l), ge = (e, l) => {
   const t = R(e.value);
   te(
     () => e.value,
@@ -1281,10 +1281,10 @@ const It = {
     isSecondaryButtonDisabled: a,
     isApplyButtonDisabled: o
   };
-}, wa = {
+}, Oa = {
   name: "bento-input-filter"
-}, Oa = /* @__PURE__ */ W({
-  ...wa,
+}, _a = /* @__PURE__ */ W({
+  ...Oa,
   props: {
     defaultValue: { default: null },
     disabled: { type: Boolean, default: !1 },
@@ -1305,7 +1305,7 @@ const It = {
     ), { internalFilterValue: u, isSecondaryButtonDisabled: p, isApplyButtonDisabled: F } = ge(
       v,
       Q(t, "defaultValue")
-    ), f = d(() => t.label), w = d(() => ve(v.value, 12)), D = d(() => ({
+    ), f = d(() => t.label), w = d(() => ve(v.value, 12)), A = d(() => ({
       "b-input-filter--only-slot": t.onlySlot
     }));
     Ve(() => {
@@ -1332,7 +1332,7 @@ const It = {
     }, ae = (j) => {
       o.value = j;
     };
-    return pt(pl, s.value), te(
+    return pt(bl, s.value), te(
       () => t.options,
       () => {
         (t.options?.dropdown || t.options?.dropdownPosition || t.options?.variant) && Me(
@@ -1367,7 +1367,7 @@ const It = {
     }), {
       default: h(() => [
         q("div", {
-          class: oe(["b-input-filter", D.value]),
+          class: oe(["b-input-filter", A.value]),
           onKeydown: be($, ["enter"]),
           onInput: G
         }, [
@@ -1388,10 +1388,10 @@ const It = {
       _: 1
     }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "popover-overflow-visible", "tooltip-position", "tooltip-text"]));
   }
-}), Et = /* @__PURE__ */ Z(Oa, [["__scopeId", "data-v-57f2a128"]]), _a = {
+}), Et = /* @__PURE__ */ Z(_a, [["__scopeId", "data-v-57f2a128"]]), Ia = {
   name: "bento-input-with-dropdown-filter"
-}, Ia = /* @__PURE__ */ W({
-  ..._a,
+}, Ea = /* @__PURE__ */ W({
+  ...Ia,
   props: {
     disabled: { type: Boolean },
     defaultValue: { default: void 0 },
@@ -1418,13 +1418,13 @@ const It = {
     });
     const w = () => {
       o.value = t.value;
-    }, D = () => {
+    }, A = () => {
       !o.value?.inputValue && t.defaultValue !== null && (o.value = { ...t.defaultValue }), n(g.UPDATE, {
         ...t,
         value: o.value
       });
     }, _ = () => n(g.UPDATE, { ...t, value: t.defaultValue }), $ = () => {
-      o.value = null, D();
+      o.value = null, A();
     }, B = () => {
       n(g.INPUT, { ...t, value: o.value });
     }, y = (N) => {
@@ -1432,7 +1432,7 @@ const It = {
     }, G = (N) => {
       o.value = { ...o.value, dropdownValue: N };
     };
-    return pt(bl, !0), (N, ae) => (m(), O(r(me), le(N.$props, {
+    return pt(vl, !0), (N, ae) => (m(), O(r(me), le(N.$props, {
       "button-label": c.value,
       "button-secondary-label": v.value,
       "disable-apply-button": f.value,
@@ -1440,7 +1440,7 @@ const It = {
       "only-slot": N.onlySlot,
       "tooltip-position": N.options?.tooltipPosition,
       "tooltip-text": N.options?.tooltipText,
-      onApply: D,
+      onApply: A,
       onClear: $,
       onOpen: w,
       onReset: _
@@ -1448,7 +1448,7 @@ const It = {
       default: h(() => [
         q("div", {
           class: oe(["b-input-with-dropdown-filter", F.value]),
-          onKeydown: be(D, ["enter"]),
+          onKeydown: be(A, ["enter"]),
           onInput: B
         }, [
           C(r(Xe), {
@@ -1467,13 +1467,13 @@ const It = {
       _: 1
     }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "tooltip-position", "tooltip-text"]));
   }
-}), Rt = /* @__PURE__ */ Z(Ia, [["__scopeId", "data-v-db04529c"]]), Ea = W({
+}), Rt = /* @__PURE__ */ Z(Ea, [["__scopeId", "data-v-db04529c"]]), Ra = W({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: me,
-    BentoDatePicker: Yl,
+    BentoDatePicker: Wl,
     BentoDivider: Je,
-    Calendar: Pl
+    Calendar: Ll
   },
   props: {
     /**
@@ -1518,12 +1518,12 @@ const It = {
   },
   emits: [g.INPUT, g.UPDATE],
   setup(e, { emit: l }) {
-    const { isTouchDevice: t } = Wl(), { locale: n } = ce(void 0), { internalFilterValue: a, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = ge(
+    const { isTouchDevice: t } = zl(), { locale: n } = ce(void 0), { internalFilterValue: a, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = ge(
       Q(e, "value"),
       Q(e, "defaultValue")
     ), i = d(() => {
       const $ = e?.options?.variant === "month" ? { month: "long", year: "numeric" } : { day: "numeric", month: "short", year: "numeric" };
-      return e.value ? Ll(n.value, $).format(e.value) : null;
+      return e.value ? $l(n.value, $).format(e.value) : null;
     }), c = d(() => e.label), v = d(() => i.value), u = () => {
       l(g.UPDATE, { ...e, value: a.value });
     }, p = () => {
@@ -1534,7 +1534,7 @@ const It = {
       a.value = e.value;
     }, w = ($) => {
       a.value = $, l(g.INPUT, { ...e, value: a.value });
-    }, D = ($) => {
+    }, A = ($) => {
       a.value = $, w($), u();
     }, _ = d(() => ({
       "b-date-filter--touch-device": t.value
@@ -1554,11 +1554,11 @@ const It = {
       openFilter: f,
       updateFilter: u,
       resetFilter: F,
-      onDateInputSelected: D
+      onDateInputSelected: A
     };
   }
-}), Ra = { class: "b-date-filter" };
-function Pa(e, l, t, n, a, o) {
+}), Pa = { class: "b-date-filter" };
+function La(e, l, t, n, a, o) {
   const s = M("bento-date-picker"), i = M("bento-divider"), c = M("calendar"), v = M("bento-base-filter");
   return m(), O(v, {
     "button-label": e.buttonLabel,
@@ -1591,7 +1591,7 @@ function Pa(e, l, t, n, a, o) {
         onInput: e.onDateInputSelected
       }, null, 8, ["class", "aria-labelledby", "value", "first-day-of-week", "is-date-disabled", "variant", "disabled", "onInput"])) : (m(), Y(Ee, { key: 1 }, [
         C(i, { class: "b-date-filter__divider" }),
-        q("div", Ra, [
+        q("div", Pa, [
           C(c, {
             "first-day-of-week": e.options?.firstDayOfWeek,
             "is-date-disabled": e.options?.isDateDisabled,
@@ -1606,14 +1606,14 @@ function Pa(e, l, t, n, a, o) {
     _: 1
   }, 8, ["button-label", "button-secondary-label", "disabled", "default-value", "disable-apply-button", "disable-secondary-button", "field", "label", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const Pt = /* @__PURE__ */ Z(Ea, [["render", Pa], ["__scopeId", "data-v-9173ae84"]]);
-function La() {
+const Pt = /* @__PURE__ */ Z(Ra, [["render", La], ["__scopeId", "data-v-9173ae84"]]);
+function $a() {
   return {
-    de: Il,
+    de: El,
     enUS: Tt,
-    fr: Ol,
-    ja: wl,
-    ptBR: Al
+    fr: _l,
+    ja: Ol,
+    ptBR: wl
   };
 }
 const ut = {
@@ -1627,16 +1627,16 @@ const ut = {
   "ja-JP": { apply: "適用", clear: "クリア", reset: "リセット" },
   "pt-BR": { apply: "Aplicar", clear: "Limpar", reset: "Limpar" },
   "zh-CN": { apply: "应用", clear: "清除", reset: "重置" }
-}, $a = W({
+}, ka = W({
   i18n: { messages: ut },
   name: "bento-date-range-filter",
   components: {
     BentoBaseFilter: me,
-    BentoButtonActions: vl,
-    BentoDateRangePicker: Tl,
+    BentoButtonActions: ml,
+    BentoDateRangePicker: Al,
     BentoTypography: ne,
     BentoDivider: Je,
-    DateRangePickerCalendar: Cl
+    DateRangePickerCalendar: Tl
   },
   props: {
     /**
@@ -1690,7 +1690,7 @@ const ut = {
   },
   emits: [g.INPUT, g.UPDATE],
   setup(e, { emit: l }) {
-    const { locale: t, t: n } = ce({ messages: ut }), a = La(), { dateToInputDateString: o } = jl(), { internalFilterValue: s, isSecondaryButtonDisabled: i, isApplyButtonDisabled: c } = ge(
+    const { locale: t, t: n } = ce({ messages: ut }), a = $a(), { dateToInputDateString: o } = Yl(), { internalFilterValue: s, isSecondaryButtonDisabled: i, isApplyButtonDisabled: c } = ge(
       Q(e, "value"),
       Q(e, "defaultValue")
     ), v = R(!1), u = d(() => e?.options?.quickSelectRanges && e.options.quickSelectRanges.map((b) => {
@@ -1706,19 +1706,19 @@ const ut = {
     })), p = R(null), F = R(!1), f = xt({
       startDate: o(e.value?.startDate),
       endDate: o(e.value?.endDate),
-      startTime: De(e.value?.startDate),
-      endTime: De(e.value?.endDate)
+      startTime: Ae(e.value?.startDate),
+      endTime: Ae(e.value?.endDate)
     });
     te(
       () => e.value,
       () => {
-        f.startDate = o(e.value?.startDate), f.endDate = o(e.value?.endDate), f.startTime = De(e.value?.startDate), f.endTime = De(e.value?.endDate);
+        f.startDate = o(e.value?.startDate), f.endDate = o(e.value?.endDate), f.startTime = Ae(e.value?.startDate), f.endTime = Ae(e.value?.endDate);
       }
     );
     function w(b) {
       return b?.length !== void 0;
     }
-    const D = (b) => {
+    const A = (b) => {
       if (!b || !b?.startDate && !b.endDate)
         return null;
       if (w(e.options?.quickSelectRanges) && e.options?.quickSelectRanges?.length > 0) {
@@ -1726,7 +1726,7 @@ const ut = {
         if (V)
           return V.label;
       }
-      return !b.startDate || !b.endDate ? null : $l(b.startDate, b.endDate) && e?.options?.allowTimeInput ? `${Re(b.startDate, "dd MMM, yyyy HH:mm:ss", {
+      return !b.startDate || !b.endDate ? null : kl(b.startDate, b.endDate) && e?.options?.allowTimeInput ? `${Re(b.startDate, "dd MMM, yyyy HH:mm:ss", {
         locale: a[t.value?.substring(0, 2)] || a.enUS
       })} - ${Re(b.endDate, "HH:mm:ss", {
         locale: a[t.value?.substring(0, 2)] || a.enUS
@@ -1735,7 +1735,7 @@ const ut = {
       })} - ${Re(b.endDate, "dd MMM, yyyy", {
         locale: a[t.value?.substring(0, 2)] || a.enUS
       })}`;
-    }, _ = R(D(e.value)), $ = d(() => e.label), B = () => {
+    }, _ = R(A(e.value)), $ = d(() => e.label), B = () => {
       p.value.closePopover();
       const { onlySlot: b, ...V } = e;
       l(g.UPDATE, { ...V, value: s.value });
@@ -1746,7 +1746,7 @@ const ut = {
     }, N = () => {
       s.value = e.value;
     }, ae = () => {
-      s.value = e.value, v.value = !1, f.startDate = o(e.value?.startDate), f.endDate = o(e.value?.endDate), f.startTime = De(e.value?.startDate), f.endTime = De(e.value?.endDate);
+      s.value = e.value, v.value = !1, f.startDate = o(e.value?.startDate), f.endDate = o(e.value?.endDate), f.startTime = Ae(e.value?.startDate), f.endTime = Ae(e.value?.endDate);
     }, j = (b) => {
       v.value = !1, s.value = b, f.startDate = o(b.startDate), f.endDate = o(b.endDate), l(g.INPUT, { ...e, value: s.value });
     }, se = (b) => {
@@ -1774,7 +1774,7 @@ const ut = {
     return te(
       () => e.value,
       (b) => {
-        _.value = D(b);
+        _.value = A(b);
       },
       { deep: !0 }
     ), {
@@ -1803,11 +1803,11 @@ const ut = {
       onRangeSelectorInput: se
     };
   }
-}), ka = {
+}), Na = {
   key: 1,
   class: "b-date-range-filter"
 };
-function Na(e, l, t, n, a, o) {
+function Ua(e, l, t, n, a, o) {
   const s = M("bento-date-range-picker"), i = M("bento-typography"), c = M("bento-divider"), v = M("bento-button-actions"), u = M("date-range-picker-calendar"), p = M("bento-base-filter");
   return m(), O(p, {
     ref: "baseFilter",
@@ -1849,7 +1849,7 @@ function Na(e, l, t, n, a, o) {
         "show-end-date-on-open": e.options?.showEndDateOnOpen,
         "aria-labelledby": e.$attrs?.["aria-labelledby"],
         "onUpdate:modelValue": e.onDateInputSelected
-      }, null, 8, ["allow-time-input", "model-value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "variant", "disabled", "granularities", "max-range", "min", "max", "date-form-data", "show-end-date-on-open", "aria-labelledby", "onUpdate:modelValue"])) : (m(), Y("div", ka, [
+      }, null, 8, ["allow-time-input", "model-value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "variant", "disabled", "granularities", "max-range", "min", "max", "date-form-data", "show-end-date-on-open", "aria-labelledby", "onUpdate:modelValue"])) : (m(), Y("div", Na, [
         C(u, {
           "allow-time-input": e.options?.allowTimeInput,
           "first-day-of-week": e.options?.firstDayOfWeek,
@@ -1897,10 +1897,10 @@ function Na(e, l, t, n, a, o) {
     _: 1
   }, 8, ["button-label", "button-secondary-label", "controlled", "disabled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "tooltip-position", "tooltip-text", "onOpen", "onClear", "onReset", "onCancel"]);
 }
-const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f"]]), Ua = {
+const Lt = /* @__PURE__ */ Z(ka, [["render", Ua], ["__scopeId", "data-v-ae77b64f"]]), Va = {
   name: "bento-radio-group-filter"
-}, Va = /* @__PURE__ */ W({
-  ...Ua,
+}, Ma = /* @__PURE__ */ W({
+  ...Va,
   props: {
     disabled: { type: Boolean },
     defaultValue: { default: void 0 },
@@ -1924,7 +1924,7 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
       openFilter: c,
       resetFilter: v
     } = wt(Q(t, "value"), Q(t, "defaultValue")), u = d(() => {
-      const w = t.options.items.find((D) => D.value === t.value)?.label || "";
+      const w = t.options.items.find((A) => A.value === t.value)?.label || "";
       return ve(w, 12);
     }), p = d(() => ({
       "b-radio-group-filter--only-slot": t.onlySlot
@@ -1935,16 +1935,16 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
     function f() {
       n("update", { ...t, value: a.value });
     }
-    return (w, D) => (m(), O(r(me), le(w.$props, {
+    return (w, A) => (m(), O(r(me), le(w.$props, {
       "button-label": w.label,
       "button-secondary-label": u.value,
       "disable-apply-button": r(s),
       "disable-secondary-button": r(o),
       "only-slot": w.onlySlot,
       onApply: f,
-      onClear: D[1] || (D[1] = (_) => r(i)(f)),
+      onClear: A[1] || (A[1] = (_) => r(i)(f)),
       onOpen: r(c),
-      onReset: D[2] || (D[2] = (_) => r(v)(f))
+      onReset: A[2] || (A[2] = (_) => r(v)(f))
     }), {
       default: h(() => [
         q("div", {
@@ -1953,7 +1953,7 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
           C(r(gt), {
             modelValue: r(a),
             "onUpdate:modelValue": [
-              D[0] || (D[0] = (_) => el(a) ? a.value = _ : null),
+              A[0] || (A[0] = (_) => el(a) ? a.value = _ : null),
               F
             ],
             items: w.options?.items,
@@ -1967,7 +1967,7 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
       _: 1
     }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "onOpen"]));
   }
-}), $t = /* @__PURE__ */ Z(Va, [["__scopeId", "data-v-b1a70e21"]]), kt = {
+}), $t = /* @__PURE__ */ Z(Ma, [["__scopeId", "data-v-b1a70e21"]]), kt = {
   "de-DE": { all: "Alle", noFiltersMatchThisSearch: "Keine Filter entsprechen dieser Suche.", searchFilter: "Suche {filter}" },
   "en-GB": { all: "All", noFiltersMatchThisSearch: "No filters match this search", searchFilter: "Search {filter}" },
   "en-US": { all: "All", noFiltersMatchThisSearch: "No filters match this search", searchFilter: "Search {filter}" },
@@ -1978,13 +1978,13 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
   "ja-JP": { all: "すべて", noFiltersMatchThisSearch: "この検索に一致するフィルターはありません", searchFilter: "{filter}を検索" },
   "pt-BR": { all: "Todos", noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca", searchFilter: "Procurar {filter}" },
   "zh-CN": { all: "全部", noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器", searchFilter: "搜索 {filter}" }
-}, Ma = { class: "b-select-filter-button__search-bar-wrapper" }, qa = {
+}, qa = { class: "b-select-filter-button__search-bar-wrapper" }, Ha = {
   key: 0,
   class: "b-select-filter-button__search-bar"
-}, Ha = { class: "b-select-filter-button__divider" }, Ga = {
+}, Ga = { class: "b-select-filter-button__divider" }, ja = {
   i18n: { messages: kt }
-}, ja = /* @__PURE__ */ W({
-  ...Ga,
+}, Ya = /* @__PURE__ */ W({
+  ...ja,
   __name: "select-filter-button",
   props: {
     /**
@@ -2045,7 +2045,7 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
       c,
       Q(a, "defaultValue"),
       Q(i.value, "multiple")
-    ), { internalFilterValue: f, isSecondaryButtonDisabled: w, isApplyButtonDisabled: D } = ge(v, F);
+    ), { internalFilterValue: f, isSecondaryButtonDisabled: w, isApplyButtonDisabled: A } = ge(v, F);
     te(i, () => {
       c.value = i.value.listboxItems ?? [];
     });
@@ -2058,7 +2058,7 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
       if (z || b) {
         if (a.options?.enableValueLabelPair) {
           let U = a.value?.length > 0 ? a.value[0].label : a.value.label;
-          return U || (U = a.value, il(
+          return U || (U = a.value, sl(
             'BentoFilterBar Select filter (single & multi): The "value" provided is incorrect. The "value" must be of type "BentoListboxSelectedValueLabelPair" or "Array<BentoListboxSelectedValueLabelPair>" when "enableValueLabelPair" is set to true'
           )), ve(U, 12);
         }
@@ -2110,7 +2110,7 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
       "button-label": B.value,
       "button-secondary-label": y.value,
       disabled: e.disabled,
-      "disable-apply-button": r(D),
+      "disable-apply-button": r(A),
       "disable-secondary-button": r(w),
       "default-value": e.defaultValue,
       label: e.label,
@@ -2126,8 +2126,8 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
       onClose: se
     }, {
       default: h(() => [
-        q("div", Ma, [
-          e.options?.dynamicFiltering ?? !0 ? (m(), Y("div", qa, [
+        q("div", qa, [
+          e.options?.dynamicFiltering ?? !0 ? (m(), Y("div", Ha, [
             C(ke, {
               "debounce-time": e.options?.search?.debounceTime,
               value: s.value,
@@ -2135,11 +2135,11 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
               onInput: b[0] || (b[0] = (V) => s.value = V)
             }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
           ])) : K("", !0),
-          q("div", Ha, [
+          q("div", Ga, [
             C(r(Je))
           ])
         ]),
-        C(r(hl), {
+        C(r(gl), {
           id: G.value,
           "aria-label": e.label,
           class: "b-select-filter-button__wrapper",
@@ -2172,7 +2172,7 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
       _: 3
     }, 8, ["applied-filters-count", "button-label", "button-secondary-label", "disabled", "disable-apply-button", "disable-secondary-button", "default-value", "label", "field", "tooltip-position", "tooltip-text", "value"]));
   }
-}), Ya = /* @__PURE__ */ Z(ja, [["__scopeId", "data-v-a5f40d81"]]), Nt = {
+}), Wa = /* @__PURE__ */ Z(Ya, [["__scopeId", "data-v-a5f40d81"]]), Nt = {
   "de-DE": { noFiltersMatchThisSearch: "Keine Filter entsprechen dieser Suche." },
   "en-GB": { noFiltersMatchThisSearch: "No filters match this search" },
   "en-US": { noFiltersMatchThisSearch: "No filters match this search" },
@@ -2183,11 +2183,11 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
   "ja-JP": { noFiltersMatchThisSearch: "この検索に一致するフィルターはありません" },
   "pt-BR": { noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca" },
   "zh-CN": { noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器" }
-}, Wa = {
+}, za = {
   i18n: { messages: Nt },
   name: "select-filter-dropdown"
-}, za = /* @__PURE__ */ W({
-  ...Wa,
+}, Xa = /* @__PURE__ */ W({
+  ...za,
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -2249,7 +2249,7 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
       const { onlySlot: F, ...f } = o;
       a(g.INPUT, { ...f, value: s.value });
     };
-    return (p, F) => (m(), O(r(sl), {
+    return (p, F) => (m(), O(r(rl), {
       "model-value": r(s),
       items: e.options.listboxItems,
       search: e.options?.search,
@@ -2267,8 +2267,8 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
     }, Ie({ _: 2 }, [
       he(r(n), (f, w) => ({
         name: w,
-        fn: h((D) => [
-          pe(p.$slots, w, Le($e(D)))
+        fn: h((A) => [
+          pe(p.$slots, w, Le($e(A)))
         ])
       }))
     ]), 1032, ["model-value", "items", "search", "multiple", "static-categories", "no-results-message", "is-option-disabled", "dynamic-filtering", "component-loading", "empty-state", "disabled", "enable-value-label-pair"]));
@@ -2324,8 +2324,8 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
     type: [String, Number, Array, Object],
     default: void 0
   }
-}, Xa = {}, Ce = /* @__PURE__ */ W({
-  ...Xa,
+}, Ja = {}, Ce = /* @__PURE__ */ W({
+  ...Ja,
   __name: "select-filter",
   props: _e,
   emits: ["input", "update"],
@@ -2338,7 +2338,7 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
                         This will be the default behavior in the v2 and "options.messages" will be removed.`,
         "2.0.0"
       );
-    }), (i, c) => i.onlySlot ? (m(), O(r(za), {
+    }), (i, c) => i.onlySlot ? (m(), O(r(Xa), {
       key: 0,
       disabled: i.disabled,
       "default-value": i.defaultValue,
@@ -2355,7 +2355,7 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
           pe(i.$slots, u, Le($e(p)))
         ])
       }))
-    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (m(), O(r(Ya), {
+    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (m(), O(r(Wa), {
       key: 1,
       disabled: i.disabled,
       "default-value": i.defaultValue,
@@ -2374,11 +2374,11 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
       }))
     ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"]));
   }
-}), Ja = W({
+}), Ka = W({
   name: "bento-select-avatar-filter",
   components: {
     BentoSelectFilter: Ce,
-    BentoAvatar: Bl
+    BentoAvatar: Cl
   },
   props: {
     ..._e,
@@ -2403,7 +2403,7 @@ const Lt = /* @__PURE__ */ Z($a, [["render", Na], ["__scopeId", "data-v-ae77b64f
     };
   }
 });
-function Ka(e, l, t, n, a, o) {
+function Qa(e, l, t, n, a, o) {
   const s = M("bento-avatar"), i = M("bento-select-filter");
   return m(), O(i, le(e.$props, {
     field: e.field,
@@ -2420,7 +2420,7 @@ function Ka(e, l, t, n, a, o) {
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const Ut = /* @__PURE__ */ Z(Ja, [["render", Ka]]), Qa = W({
+const Ut = /* @__PURE__ */ Z(Ka, [["render", Qa]]), Za = W({
   name: "bento-select-currency-filter",
   components: {
     BentoSelectFilter: Ce,
@@ -2486,7 +2486,7 @@ const Ut = /* @__PURE__ */ Z(Ja, [["render", Ka]]), Qa = W({
     };
   }
 });
-function Za(e, l, t, n, a, o) {
+function xa(e, l, t, n, a, o) {
   const s = M("listbox-option-tag"), i = M("bento-select-filter");
   return m(), O(i, le(e.$props, {
     field: e.field,
@@ -2501,10 +2501,10 @@ function Za(e, l, t, n, a, o) {
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const Vt = /* @__PURE__ */ Z(Qa, [["render", Za]]), xa = {
+const Vt = /* @__PURE__ */ Z(Za, [["render", xa]]), en = {
   name: "bento-select-country-filter"
 }, Mt = /* @__PURE__ */ W({
-  ...xa,
+  ...en,
   props: {
     ..._e,
     /**
@@ -2525,7 +2525,7 @@ const Vt = /* @__PURE__ */ Z(Qa, [["render", Za]]), xa = {
     te([() => t.options.variant, () => t.options.listboxItems], () => {
       a.value = t.options.variant, o.value = t.options.listboxItems;
     });
-    const s = (v) => n(g.UPDATE, v), i = Sl(a, o), c = d(() => ({
+    const s = (v) => n(g.UPDATE, v), i = Bl(a, o), c = d(() => ({
       ...t?.options ? t.options : {},
       listboxItems: i.value
     }));
@@ -2551,11 +2551,11 @@ const Vt = /* @__PURE__ */ Z(Qa, [["render", Za]]), xa = {
       _: 1
     }, 16, ["field", "label", "options"]));
   }
-}), en = W({
+}), tn = W({
   name: "bento-select-payment-method-filter",
   components: {
     BentoSelectFilter: Ce,
-    BentoPaymentMethod: Fl
+    BentoPaymentMethod: Sl
   },
   props: {
     ..._e,
@@ -2580,7 +2580,7 @@ const Vt = /* @__PURE__ */ Z(Qa, [["render", Za]]), xa = {
     };
   }
 });
-function tn(e, l, t, n, a, o) {
+function ln(e, l, t, n, a, o) {
   const s = M("bento-payment-method"), i = M("bento-select-filter");
   return m(), O(i, le(e.$props, {
     field: e.field,
@@ -2597,7 +2597,7 @@ function tn(e, l, t, n, a, o) {
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const qt = /* @__PURE__ */ Z(en, [["render", tn]]), ln = W({
+const qt = /* @__PURE__ */ Z(tn, [["render", ln]]), an = W({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: Ce,
@@ -2634,7 +2634,7 @@ const qt = /* @__PURE__ */ Z(en, [["render", tn]]), ln = W({
     };
   }
 });
-function an(e, l, t, n, a, o) {
+function nn(e, l, t, n, a, o) {
   const s = M("listbox-option-tag"), i = M("bento-select-filter");
   return m(), O(i, le(e.$props, {
     field: e.field,
@@ -2651,7 +2651,7 @@ function an(e, l, t, n, a, o) {
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const Ht = /* @__PURE__ */ Z(ln, [["render", an]]), Gt = {
+const Ht = /* @__PURE__ */ Z(an, [["render", nn]]), Gt = {
   "de-DE": { filter: "Mein Filter", resetFilter: "Filter zurücksetzen {filterName}" },
   "en-GB": { filter: "My filter", resetFilter: "Reset filter {filterName}" },
   "en-US": { filter: "My filter", resetFilter: "Reset filter {filterName}" },
@@ -2662,11 +2662,11 @@ const Ht = /* @__PURE__ */ Z(ln, [["render", an]]), Gt = {
   "ja-JP": { filter: "フィルター", resetFilter: "フィルター{filterName}をリセット" },
   "pt-BR": { filter: "Meu filtro", resetFilter: "Limpar filtro {filterName}" },
   "zh-CN": { filter: "我的筛选器", resetFilter: "重置筛选器 {filterName}" }
-}, nn = { class: "b-toggle-filter" }, on = { class: "b-toggle-filter__content" }, sn = {
+}, on = { class: "b-toggle-filter" }, sn = { class: "b-toggle-filter__content" }, rn = {
   i18n: { messages: Gt },
   name: "bento-toggle-filter"
-}, rn = /* @__PURE__ */ W({
-  ...sn,
+}, un = /* @__PURE__ */ W({
+  ...rn,
   props: {
     description: {},
     disabled: { type: Boolean, default: !1 },
@@ -2700,7 +2700,7 @@ const Ht = /* @__PURE__ */ Z(ln, [["render", an]]), Gt = {
       key: 1,
       class: oe(["b-toggle-filter__only-slot", c.value])
     }, [
-      C(r(yl), {
+      C(r(hl), {
         "aria-labelledby": r(n),
         "aria-describedby": r(a),
         disabled: f.disabled,
@@ -2708,7 +2708,7 @@ const Ht = /* @__PURE__ */ Z(ln, [["render", an]]), Gt = {
         "model-value": i.value,
         "onUpdate:modelValue": v
       }, null, 8, ["aria-labelledby", "aria-describedby", "disabled", "model-value"]),
-      q("div", on, [
+      q("div", sn, [
         C(r(ne), {
           id: r(n),
           variant: "title",
@@ -2741,9 +2741,9 @@ const Ht = /* @__PURE__ */ Z(ln, [["render", an]]), Gt = {
           onClick: p
         }, {
           default: h(() => [
-            q("div", nn, [
+            q("div", on, [
               X(J(f.label) + " ", 1),
-              Ye(C(r(gl), {
+              Ye(C(r(Fl), {
                 "aria-hidden": "true",
                 class: "b-toggle-filter__checkmark"
               }, null, 512), [
@@ -2771,7 +2771,7 @@ const Ht = /* @__PURE__ */ Z(ln, [["render", an]]), Gt = {
       [r(St), f.options?.tooltipText, f.options?.tooltipPosition]
     ]);
   }
-}), jt = /* @__PURE__ */ Z(rn, [["__scopeId", "data-v-5cedf9b6"]]), dt = {
+}), jt = /* @__PURE__ */ Z(un, [["__scopeId", "data-v-5cedf9b6"]]), dt = {
   "de-DE": { no: "Nein", yes: "Ja" },
   "en-GB": { no: "No", yes: "Yes" },
   "en-US": { no: "No", yes: "Yes" },
@@ -2782,7 +2782,7 @@ const Ht = /* @__PURE__ */ Z(ln, [["render", an]]), Gt = {
   "ja-JP": { no: "いいえ", yes: "はい" },
   "pt-BR": { no: "Não", yes: "Sim" },
   "zh-CN": { no: "不", yes: "是" }
-}, un = W({
+}, dn = W({
   name: "bento-boolean-filter",
   i18n: { messages: dt },
   components: { BentoBaseFilter: me, BentoRadioGroup: gt },
@@ -2856,7 +2856,7 @@ const Ht = /* @__PURE__ */ Z(ln, [["render", an]]), Gt = {
         ...e,
         value: a(c.value)
       });
-    }, D = () => {
+    }, A = () => {
       c.value = s.value;
     }, _ = () => {
       l(g.UPDATE, {
@@ -2887,12 +2887,12 @@ const Ht = /* @__PURE__ */ Z(ln, [["render", an]]), Gt = {
       onInput: w,
       updateFilter: _,
       clearFilter: B,
-      openFilter: D,
+      openFilter: A,
       resetFilter: $
     };
   }
 });
-function dn(e, l, t, n, a, o) {
+function cn(e, l, t, n, a, o) {
   const s = M("bento-radio-group"), i = M("bento-base-filter");
   return m(), O(i, le(e.$props, {
     value: e.translatedValue,
@@ -2927,7 +2927,7 @@ function dn(e, l, t, n, a, o) {
     _: 1
   }, 16, ["value", "default-value", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const Yt = /* @__PURE__ */ Z(un, [["render", dn], ["__scopeId", "data-v-82a9272e"]]), ct = {
+const Yt = /* @__PURE__ */ Z(dn, [["render", cn], ["__scopeId", "data-v-82a9272e"]]), ct = {
   "de-DE": { from: "Von", to: "Bis" },
   "en-GB": { from: "From", to: "To" },
   "en-US": { from: "From", to: "To" },
@@ -2935,10 +2935,10 @@ const Yt = /* @__PURE__ */ Z(un, [["render", dn], ["__scopeId", "data-v-82a9272e
   "es-MX": { from: "De", to: "A" },
   "fr-FR": { from: "De", to: "À" },
   "it-IT": { from: "Da", to: "A" },
-  "ja-JP": { from: "開始", to: "終了" },
+  "ja-JP": { from: "下限", to: "上限" },
   "pt-BR": { from: "De", to: "Para" },
   "zh-CN": { from: "自", to: "至" }
-}, cn = W({
+}, fn = W({
   name: "bento-range-filter",
   i18n: { messages: ct },
   components: { BentoBaseFilter: me, BentoInputField: Xe },
@@ -2999,7 +2999,7 @@ const Yt = /* @__PURE__ */ Z(un, [["render", dn], ["__scopeId", "data-v-82a9272e
       a.value = [B, a.value[1]], F();
     }, w = (B) => {
       a.value = [a.value[0], B], F();
-    }, D = () => {
+    }, A = () => {
       a.value.some((B) => B) || (a.value = e.defaultValue !== null ? e.defaultValue : void 0), l(g.UPDATE, {
         ...e,
         value: a.value
@@ -3017,9 +3017,9 @@ const Yt = /* @__PURE__ */ Z(un, [["render", dn], ["__scopeId", "data-v-82a9272e
       // Events
       updateFrom: f,
       updateTo: w,
-      updateFilter: D,
+      updateFilter: A,
       clearFilter: () => {
-        a.value = ["", ""], D();
+        a.value = ["", ""], A();
       },
       openFilter: p,
       resetFilter: () => l(g.UPDATE, { ...e, value: e.defaultValue }),
@@ -3028,7 +3028,7 @@ const Yt = /* @__PURE__ */ Z(un, [["render", dn], ["__scopeId", "data-v-82a9272e
     };
   }
 });
-function fn(e, l, t, n, a, o) {
+function pn(e, l, t, n, a, o) {
   const s = M("bento-input-field"), i = M("bento-base-filter");
   return m(), O(i, le(e.$props, {
     "disable-apply-button": e.isApplyButtonDisabled,
@@ -3079,7 +3079,7 @@ function fn(e, l, t, n, a, o) {
     _: 1
   }, 16, ["disable-apply-button", "disable-secondary-button", "button-label", "button-secondary-label", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd"]]), zt = {
+const Wt = /* @__PURE__ */ Z(fn, [["render", pn], ["__scopeId", "data-v-c71c8dbd"]]), zt = {
   "de-DE": { all: "Alle" },
   "en-GB": { all: "All" },
   "en-US": { all: "All" },
@@ -3090,11 +3090,11 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
   "ja-JP": { all: "すべて" },
   "pt-BR": { all: "Todos os" },
   "zh-CN": { all: "全部" }
-}, pn = {
+}, bn = {
   name: "bento-checkbox-group-filter",
   i18n: { messages: zt }
-}, bn = /* @__PURE__ */ W({
-  ...pn,
+}, vn = /* @__PURE__ */ W({
+  ...bn,
   props: {
     disabled: { type: Boolean, default: !1 },
     defaultValue: { default: void 0 },
@@ -3120,13 +3120,13 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
         t.options?.checkboxItems.find((B) => p.value[0] === B.value)?.label ?? "",
         12
       ) : null
-    ), D = d(() => !p.value.length || w.value ? null : p.value.length === t.options?.checkboxItems.length ? a("all") : p.value.length), _ = (B) => {
+    ), A = d(() => !p.value.length || w.value ? null : p.value.length === t.options?.checkboxItems.length ? a("all") : p.value.length), _ = (B) => {
       p.value = B ?? [], n("update", { ...t, value: B });
     }, $ = (B) => {
       o.value = B, n("input", { ...t, value: o.value });
     };
     return (B, y) => (m(), O(r(me), le(B.$props, {
-      "applied-filters-count": D.value,
+      "applied-filters-count": A.value,
       "button-label": f.value,
       "button-secondary-label": w.value,
       "disable-apply-button": r(i),
@@ -3143,7 +3143,7 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
           class: oe(["b-checkbox-group-filter", F.value]),
           onKeydown: y[0] || (y[0] = be((G) => _(r(o)), ["enter"]))
         }, [
-          C(ml, {
+          C(yl, {
             "model-value": r(o),
             items: B.options?.checkboxItems,
             label: B.label,
@@ -3156,19 +3156,19 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
       _: 1
     }, 16, ["applied-filters-count", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "tooltip-position", "tooltip-text", "onOpen"]));
   }
-}), Xt = /* @__PURE__ */ Z(bn, [["__scopeId", "data-v-a691cbf8"]]), vn = { class: "b-all-filters-modal" }, mn = {
+}), Xt = /* @__PURE__ */ Z(vn, [["__scopeId", "data-v-a691cbf8"]]), mn = { class: "b-all-filters-modal" }, yn = {
   key: 0,
   class: "b-all-filters-modal__empty-search-message"
-}, yn = {
+}, hn = {
   key: 1,
   class: "b-all-filters-modal__filters-section"
-}, hn = ["aria-labelledby"], gn = {
+}, gn = ["aria-labelledby"], Fn = {
   key: 2,
   class: "b-all-filters-modal__filters-section"
-}, Fn = ["aria-labelledby"], Sn = {
+}, Sn = ["aria-labelledby"], Bn = {
   key: 0,
   class: "b-all-filters-modal__selected-filter-text"
-}, Bn = { class: "b-all-filters-modal__selected-filter-component" }, Cn = { class: "b-all-filters-modal__clear-button" }, Tn = {
+}, Cn = { class: "b-all-filters-modal__selected-filter-component" }, Tn = { class: "b-all-filters-modal__clear-button" }, An = {
   name: "all-filters-modal",
   i18n: { messages: Ot },
   components: {
@@ -3189,7 +3189,7 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
     BentoToggleFilter: jt
   }
 }, Dn = /* @__PURE__ */ W({
-  ...Tn,
+  ...An,
   props: {
     value: { default: () => [] }
   },
@@ -3204,14 +3204,14 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
         i.value ? a.value = t.value.map((E, S) => ({ ...E, value: a.value[S].value })) : a.value = t.value;
       }
     );
-    const D = (E) => E.sort((S, P) => S.label > P.label ? 1 : P.label > S.label ? -1 : 0), _ = d(
-      () => D(
+    const A = (E) => E.sort((S, P) => S.label > P.label ? 1 : P.label > S.label ? -1 : 0), _ = d(
+      () => A(
         f.value.filter(
           (E) => Array.isArray(E.value) ? E.value?.length && E.value?.find((S) => S !== "") : E.value
         )
       )
     ), $ = d(
-      () => D(
+      () => A(
         f.value.filter(
           (E) => Array.isArray(E.value) ? E.value?.length === 0 || E.value?.every((S) => S === "") : !E.value
         )
@@ -3311,7 +3311,7 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
         ...S,
         value: void 0
       }));
-    }, A = () => {
+    }, D = () => {
       n(We.INPUT, a.value), i.value = !1;
     }, I = d(
       () => JSON.stringify(a.value) === JSON.stringify(t.value)
@@ -3319,7 +3319,7 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
       {
         title: p("applyAll"),
         disabled: I.value,
-        event: A
+        event: D
       },
       {
         title: p("cancel"),
@@ -3331,11 +3331,11 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
         event: T
       }
     ]), de = () => {
-      rl(1, v.value.$el).focus();
+      ul(1, v.value.$el).focus();
     }, Kt = () => {
       w.value[y.value.label].$el.focus();
     };
-    return (E, S) => (m(), Y("div", vn, [
+    return (E, S) => (m(), Y("div", mn, [
       C(r(Be), {
         "is-filter-open": i.value,
         "applied-filters-count": re.value,
@@ -3343,14 +3343,14 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
         onClick: L
       }, {
         iconLeft: h(() => [
-          C(r(ga), { "aria-hidden": "true" })
+          C(r(Fa), { "aria-hidden": "true" })
         ]),
         default: h(() => [
           X(J(r(p)("allFilters")) + " ", 1)
         ]),
         _: 1
       }, 8, ["is-filter-open", "applied-filters-count"]),
-      C(nl, {
+      C(ol, {
         class: "'b-all-filters-modal__modal'",
         "is-open": i.value,
         "with-column-layout": !0,
@@ -3377,7 +3377,7 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
               onInput: S[0] || (S[0] = (P) => u.value = P),
               onClear: b
             }, null, 8, ["value", "input-field-aria-label"]),
-            B.value ? (m(), Y("div", mn, [
+            B.value ? (m(), Y("div", yn, [
               C(r(ne), { el: "span" }, {
                 default: h(() => [
                   X(J(r(p)("noFiltersMatchThisSearch")), 1)
@@ -3385,7 +3385,7 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
                 _: 1
               })
             ])) : K("", !0),
-            _.value.length ? (m(), Y("div", yn, [
+            _.value.length ? (m(), Y("div", hn, [
               C(r(ne), {
                 id: `active-filters-${r(o)}`,
                 class: "b-all-filters-modal__filters-section-title",
@@ -3414,9 +3414,9 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
                     onClick: (fe) => z(P.label, P.field)
                   }, null, 8, ["label", "applied-filters-count", "is-filter-open", "disabled", "onClick"])
                 ]))), 128))
-              ], 8, hn)
+              ], 8, gn)
             ])) : K("", !0),
-            $.value.length ? (m(), Y("div", gn, [
+            $.value.length ? (m(), Y("div", Fn, [
               _.value.length ? (m(), O(r(ne), {
                 key: 0,
                 id: `other-filters-${r(o)}`,
@@ -3446,7 +3446,7 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
                     onClick: (fe) => z(P.label, P.field)
                   }, null, 8, ["label", "disabled", "applied-filters-count", "is-filter-open", "onClick"])
                 ]))), 128))
-              ], 8, Fn)
+              ], 8, Sn)
             ])) : K("", !0)
           ], 544)
         ]),
@@ -3455,7 +3455,7 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
             class: "b-all-filters-modal__selected-filter-content",
             onKeydown: be(Kt, ["left"])
           }, [
-            j.value ? (m(), Y("div", Sn, [
+            j.value ? (m(), Y("div", Bn, [
               C(r(ne), {
                 id: y.value.labelId,
                 el: "div",
@@ -3479,7 +3479,7 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
                 _: 1
               })) : K("", !0)
             ])) : K("", !0),
-            q("div", Bn, [
+            q("div", Cn, [
               (m(), O(Pe(y.value.type), {
                 ref_key: "selectedFilterRef",
                 ref: v,
@@ -3496,8 +3496,8 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
                 onInput: H
               }, null, 40, ["description", "field", "label", "options", "value", "default-value", "disabled", "aria-labelledby"]))
             ]),
-            q("div", Cn, [
-              C(r(ol), {
+            q("div", Tn, [
+              C(r(il), {
                 variant: "secondary",
                 disabled: se.value,
                 onClick: U
@@ -3514,7 +3514,7 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
       }, 8, ["is-open", "actions"])
     ]));
   }
-}), An = /* @__PURE__ */ Z(Dn, [["__scopeId", "data-v-91ab896a"]]), Jt = {
+}), wn = /* @__PURE__ */ Z(Dn, [["__scopeId", "data-v-91ab896a"]]), Jt = {
   "de-DE": { clearFilters: "Filter löschen", filtersHaveBeenCleared: "Filter wurden gelöscht.", filtersHaveBeenReset: "Die Filter wurden zurückgesetzt.", resetFilters: "Filter zurücksetzen", searchBar: "Suchleiste", undo: "Rückgängig machen" },
   "en-GB": { clearFilters: "Clear filters", filtersHaveBeenCleared: "Filters have been cleared.", filtersHaveBeenReset: "Filters have been reset.", resetFilters: "Reset filters", searchBar: "Search bar", undo: "Undo" },
   "en-US": { clearFilters: "Clear filters", filtersHaveBeenCleared: "Filters have been cleared.", filtersHaveBeenReset: "Filters have been reset.", resetFilters: "Reset filters", searchBar: "Search bar", undo: "Undo" },
@@ -3525,10 +3525,10 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
   "ja-JP": { clearFilters: "フィルターをクリア", filtersHaveBeenCleared: "フィルターをクリアしました。", filtersHaveBeenReset: "フィルターがリセットされました。", resetFilters: "フィルターをリセット", searchBar: "検索バー", undo: "元に戻す" },
   "pt-BR": { clearFilters: "Limpar filtros", filtersHaveBeenCleared: "Os filtros foram apagados.", filtersHaveBeenReset: "Os filtros foram limpos.", resetFilters: "Limpar filtros", searchBar: "Barra de busca", undo: "Desfazer" },
   "zh-CN": { clearFilters: "清除筛选器", filtersHaveBeenCleared: "筛选器已清除。", filtersHaveBeenReset: "筛选器已重置。", resetFilters: "重置筛选器", searchBar: "搜索栏", undo: "撤销" }
-}, wn = {
+}, On = {
   key: 0,
   class: "b-filter-bar__search-external-container"
-}, On = { key: 0 }, _n = {
+}, _n = {
   i18n: { messages: Jt },
   name: "bento-filter-bar",
   components: {
@@ -3576,63 +3576,63 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
   setup(e, { expose: l, emit: t }) {
     const n = e, a = t, { t: o } = ce({ messages: Jt }), s = R(null), i = d(
       () => (n.config?.length > 0 ? n.config : n.value)?.map((T) => {
-        let A = n.filterValues.find(({ field: I }) => I === T.field)?.value;
-        return n.filterValuesObject && T.field in n.filterValuesObject && (A = n.filterValuesObject[T.field]), A === void 0 && (A = T?.value === void 0 && T?.defaultValue !== void 0 ? T?.defaultValue : T?.value), { ...T, value: A !== void 0 ? A : T?.value };
+        let D = n.filterValues.find(({ field: I }) => I === T.field)?.value;
+        return n.filterValuesObject && T.field in n.filterValuesObject && (D = n.filterValuesObject[T.field]), D === void 0 && (D = T?.value === void 0 && T?.defaultValue !== void 0 ? T?.defaultValue : T?.value), { ...T, value: D !== void 0 ? D : T?.value };
       })
-    ), { addToast: c } = ll(), {
+    ), { addToast: c } = al(), {
       screenLayoutComponent: v,
       showSearchbarInsideContainer: u,
       isOneLineLayout: p,
       isLargeLayout: F,
       rootElementConditionalClasses: f
-    } = sa(s, Q(n, "containerSizeLayout")), w = d(() => ({
+    } = ra(s, Q(n, "containerSizeLayout")), w = d(() => ({
       "b-filter-bar__fixed-scroller": p.value,
       "b-filter-bar__container": !p.value
       // Multi-line
-    })), D = d(() => ({
+    })), A = d(() => ({
       "b-filter-bar__scroller-content": p.value,
       "b-filter-bar__filters": !p.value
       // Multi-line
     })), _ = d(() => n.search?.inputFieldAriaLabel || o("searchBar")), $ = d(() => {
       if (!n.search)
         return;
-      const { debounceTime: T, disabled: A, inputFieldAriaLabel: I, hint: ue, placeholder: de } = n.search;
-      return { debounceTime: T, disabled: A, inputFieldAriaLabel: I, hint: ue, placeholder: de };
+      const { debounceTime: T, disabled: D, inputFieldAriaLabel: I, hint: ue, placeholder: de } = n.search;
+      return { debounceTime: T, disabled: D, inputFieldAriaLabel: I, hint: ue, placeholder: de };
     }), B = d(
-      () => n.search?.width && F.value ? { minWidth: n.search.width, maxWidth: n.search.width } : void 0
+      () => n.search?.width && F.value ? { flexBasis: n.search.width, maxWidth: n.search.width } : void 0
     ), y = d(() => i.value.some(
-      ({ visible: A }) => A != null
-    ) ? i.value.some(({ visible: A }) => !A) : !1), G = d(
+      ({ visible: D }) => D != null
+    ) ? i.value.some(({ visible: D }) => !D) : !1), G = d(
       () => i.value.filter(({ defaultValue: T }) => T !== void 0)
     ), N = d(
       () => i.value.filter(({ defaultValue: T }) => T === void 0)
     ), ae = d(() => i.value.some(
-      ({ visible: A }) => A != null
+      ({ visible: D }) => D != null
     ) ? i.value.filter(
-      ({ defaultValue: A, visible: I, value: ue }) => (
+      ({ defaultValue: D, visible: I, value: ue }) => (
         // eslint-disable-next-line eqeqeq
-        A === void 0 && I || n.showAppliedHiddenFilters && ue != null
+        D === void 0 && I || n.showAppliedHiddenFilters && ue != null
       )
     ) : i.value.filter(
-      ({ defaultValue: A, value: I }) => (
+      ({ defaultValue: D, value: I }) => (
         // eslint-disable-next-line eqeqeq
-        A === void 0 || n.showAppliedHiddenFilters && I != null
+        D === void 0 || n.showAppliedHiddenFilters && I != null
       )
     )), j = d(() => n.searchTerm != null), se = d(
       () => i.value.filter(({ defaultValue: T }) => T == null).some(({ value: T }) => T != null)
-    ), re = d(() => G.value.length === 0 && se.value), L = d(() => G.value.length === 0 ? !1 : !i.value.filter(({ defaultValue: A }) => A !== void 0 || A !== null).every(({ value: A, defaultValue: I }) => JSON.stringify(A) === JSON.stringify(I)) || se.value), ee = (T) => {
+    ), re = d(() => G.value.length === 0 && se.value), L = d(() => G.value.length === 0 ? !1 : !i.value.filter(({ defaultValue: D }) => D !== void 0 || D !== null).every(({ value: D, defaultValue: I }) => JSON.stringify(D) === JSON.stringify(I)) || se.value), ee = (T) => {
       a(Se.INPUT, T), a(
         Se.UPDATE_FILTER_VALUES_ARRAY,
-        T?.filter(({ value: A }) => A !== null || A !== void 0).map(({ field: A, value: I }) => ({ field: A, value: I }))
+        T?.filter(({ value: D }) => D !== null || D !== void 0).map(({ field: D, value: I }) => ({ field: D, value: I }))
       ), a(
         Se.UPDATE_FILTER_VALUES_OBJECT,
-        T?.filter(({ value: A }) => A !== null || A !== void 0).reduce((A, I) => (A[I.field] = I.value, A), {})
+        T?.filter(({ value: D }) => D !== null || D !== void 0).reduce((D, I) => (D[I.field] = I.value, D), {})
       );
     }, z = (T) => {
-      const A = Array.isArray(T) ? T : [T], I = new Map(A.map((de) => [de.field, de.value])), ue = i.value.map((de) => I.has(de.field) ? { ...de, value: I.get(de.field) } : de);
+      const D = Array.isArray(T) ? T : [T], I = new Map(D.map((de) => [de.field, de.value])), ue = i.value.map((de) => I.has(de.field) ? { ...de, value: I.get(de.field) } : de);
       ee(ue);
     }, b = () => {
-      const T = i.value.slice(), A = i.value.map(({ value: I, ...ue }) => ({
+      const T = i.value.slice(), D = i.value.map(({ value: I, ...ue }) => ({
         ...ue,
         value: void 0
       }));
@@ -3642,9 +3642,9 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
           handler: () => ee(T),
           text: o("undo")
         }
-      }), ee(A);
+      }), ee(D);
     }, V = () => {
-      const T = i.value.slice(), A = i.value.map(({ defaultValue: I, ...ue }) => ({
+      const T = i.value.slice(), D = i.value.map(({ defaultValue: I, ...ue }) => ({
         ...ue,
         defaultValue: I,
         value: I
@@ -3655,18 +3655,18 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
           handler: () => ee(T),
           text: o("undo")
         }
-      }), ee(A);
+      }), ee(D);
     }, H = (T) => {
       a(Te.INPUT, T), a(Te.UPDATE, T);
     }, U = () => {
       a(Te.CLEAR);
     };
-    return l({ isClearAllVisible: re, clearAllFilters: b, isResetAllVisible: L, resetAllFilters: V }), (T, A) => (m(), Y("div", {
+    return l({ isClearAllVisible: re, clearAllFilters: b, isResetAllVisible: L, resetAllFilters: V }), (T, D) => (m(), Y("div", {
       ref_key: "filterBarRef",
       ref: s,
       class: oe(["b-filter-bar", r(f)])
     }, [
-      !r(u) && j.value ? (m(), Y("div", wn, [
+      !r(u) && j.value ? (m(), Y("div", On, [
         C(ke, le({ class: "b-filter-bar__search-bar" }, $.value, {
           "input-field-aria-label": _.value,
           value: T.searchTerm,
@@ -3682,18 +3682,21 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
       }, {
         default: h(() => [
           q("div", {
-            class: oe(D.value)
+            class: oe(A.value)
           }, [
-            r(u) && j.value ? (m(), Y("div", On, [
+            r(u) && j.value ? (m(), Y("div", {
+              key: 0,
+              class: "b-filter-bar__search-bar-container",
+              style: ll(B.value)
+            }, [
               C(ke, le({ class: "b-filter-bar__search-bar" }, $.value, {
                 "input-field-aria-label": _.value,
                 value: T.searchTerm,
                 condensed: "",
-                style: B.value,
                 onInput: H,
                 onClear: U
-              }), null, 16, ["input-field-aria-label", "value", "style"])
-            ])) : K("", !0),
+              }), null, 16, ["input-field-aria-label", "value"])
+            ], 4)) : K("", !0),
             G.value.length ? (m(!0), Y(Ee, { key: 1 }, he(G.value, (I) => (m(), O(Pe(I.type), {
               key: I.field,
               field: I.field,
@@ -3713,7 +3716,7 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
               value: I.value,
               onUpdate: z
             }, null, 40, ["field", "label", "disabled", "options", "value"]))), 128)),
-            y.value ? (m(), O(An, {
+            y.value ? (m(), O(wn, {
               key: 2,
               class: "b-filter-bar__all-filters-modal",
               value: N.value,
@@ -3751,7 +3754,7 @@ const Wt = /* @__PURE__ */ Z(cn, [["render", fn], ["__scopeId", "data-v-c71c8dbd
       }, 8, ["class"]))
     ], 2));
   }
-}), Co = /* @__PURE__ */ Z(In, [["__scopeId", "data-v-5ef6d5d6"]]);
+}), Co = /* @__PURE__ */ Z(In, [["__scopeId", "data-v-db350e75"]]);
 export {
   me as B,
   Co as a,
@@ -3760,4 +3763,4 @@ export {
   x as d,
   wt as u
 };
-//# sourceMappingURL=filter-bar.Dhghqmhb.js.map
+//# sourceMappingURL=filter-bar.CvZnM3hM.js.map