@adyen/bento-vue3 1.89.2 → 1.91.0

package/dist/chunks/{filter-bar.CkAjLQol.js → filter-bar.Dt-cU3zy.js}

@@ -1,73 +1,74 @@
-import { ref as P, onMounted as $e, watch as Z, computed as p, defineComponent as H, useSlots as Le, useAttrs as zt, openBlock as y, createBlock as w, unref as u, mergeProps as x, withCtx as S, createElementVNode as M, renderSlot as ie, createCommentVNode as j, createVNode as _, createTextVNode as G, toDisplayString as Y, resolveComponent as V, normalizeClass as ae, createSlots as _e, createElementBlock as q, withDirectives as Me, withKeys as re, nextTick as rt, toRef as W, onBeforeUpdate as ke, provide as ut, Fragment as we, reactive as Zt, isRef as xt, renderList as fe, normalizeProps as Ie, guardReactiveProps as Pe, vShow as el, resolveDynamicComponent as Ae } from "vue";
-import { B as Ee, a as he } from "./search-bar.CsFyP0_I.js";
+import { ref as R, onMounted as Ne, watch as ee, computed as c, defineComponent as W, useSlots as Ue, useAttrs as Qt, openBlock as m, createBlock as O, unref as u, mergeProps as te, withCtx as h, createElementVNode as q, renderSlot as fe, createCommentVNode as Y, createVNode as D, createTextVNode as J, toDisplayString as K, resolveComponent as M, normalizeClass as ne, createSlots as Ie, createElementBlock as j, withDirectives as Ye, withKeys as pe, nextTick as ft, toRef as Q, onBeforeUpdate as Ve, provide as pt, Fragment as Ee, reactive as Zt, isRef as xt, renderList as he, normalizeProps as Pe, guardReactiveProps as $e, vShow as el, resolveDynamicComponent as Le } from "vue";
+import { B as ke, a as Te } from "./search-bar.p6kHCCvT.js";
 import { u as tl } from "./use-bento-toast-controller.D_NSnBxi.js";
-import { u as ne } from "./index.B875RXHM.js";
+import { u as de } from "./index.B875RXHM.js";
 import { n as ll } from "./index.DDwcHPb6.js";
-import { F as dt } from "./fixed-scroller.DtkaGyMD.js";
-import { _ as al } from "./modal.vue_vue_type_script_setup_true_lang.DmPw0l5Y.js";
+import { F as bt } from "./fixed-scroller.yVsaQzy5.js";
+import { _ as al } from "./modal.vue_vue_type_script_setup_true_lang.ImqHKH-g.js";
 import { B as nl } from "./button.DWF7FSIw.js";
-import { B as ee, d as Re, p as ol } from "./typography.B3J6_tYk.js";
-import { u as je, B as il } from "./dropdown.MhmX1P9o.js";
-import { g as De } from "./generate-uid.DBWe4g6T.js";
+import { B as ae, d as Me, p as ol } from "./typography.B3J6_tYk.js";
+import { u as ze, B as il } from "./dropdown.DHoL50gV.js";
+import { g as Oe } from "./generate-uid.DBWe4g6T.js";
 import { g as sl } from "./focus-trap.BAiM_ywb.js";
-import { u as ct } from "./aria-label.CaUURpnB.js";
-import { u as pt } from "./use-has-slot.CyMiImRQ.js";
-import { B as ft, a as We } from "./base-button.CvHl36Ue.js";
-import { g as bt } from "./get-slot-text.8Fbl1GOr.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 rl } from "./chevron-up.Cmgl2a3x.js";
 import { C as ul } from "./chevron-down.XeE-LBV_.js";
-import { _ as Q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { _ as Z } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 /* empty css              */
-import { a as vt } from "./radio-group.Cuiq4mxy.js";
-import { t as ue } from "./truncate.DmCXQmeb.js";
-import { u as dl, e as mt, h as cl, I as pl, m as fl, B as bl } from "./button-actions.cMQWyZne.js";
-import { b as yt } from "./tooltip.CbADa_4p.js";
-import { C as gt } from "./cross-small.Bjq2Gqvh.js";
-import { B as He } from "./input-field.CfU0ZKtL.js";
-import { B as vl } from "./checkbox-group.96n9Cc3W.js";
+import { a as gt } from "./radio-group.CfMr1fmW.js";
+import { t as be } from "./truncate.DmCXQmeb.js";
+import { u as dl, e as Ft, h as cl, I as fl, m as pl, B as bl } from "./button-actions.DLiM8KZL.js";
+import { b as St } from "./tooltip.DHfG2aRt.js";
+import { C as Bt } from "./cross-small.Bjq2Gqvh.js";
+import { B as Xe } from "./input-field.DkUFvIWt.js";
+import { B as vl } from "./checkbox-group.i3W8WO-7.js";
 import { C as ml } from "./checkbox-input.CVFQCfZM.js";
-import { u as Je, b as yl, C as gl } from "./use-cached-selected-values.ClEJRFAd.js";
-import { B as Ge } from "./divider.BIY84UH7.js";
-import { L as ht } from "./listbox-option-tag.Cvplth7d.js";
-import { B as hl } from "./payment-method.AeKHZlAO.js";
-import { u as Sl } from "./use-country-items.D_3LBe2I.js";
-import { B as Fl } from "./avatar.Caeba-pw.js";
-import { D as Bl, B as Dl, i as Ve, a as Cl } from "./date-range-picker.DC6CK0As.js";
-import Tl from "./pt-BR.DmhmCzxE.js";
-import _l from "./ja.DXlq0H98.js";
+import { u as Ze, b as yl, C as hl } from "./use-cached-selected-values.Bx8uuky9.js";
+import { B as Je } from "./divider.BIY84UH7.js";
+import { L as Ct } from "./listbox-option-tag.CVxaZqbc.js";
+import { B as gl } from "./payment-method.AeKHZlAO.js";
+import { u as Fl } from "./use-country-items.Dp7X1r2e.js";
+import { B as Sl } from "./avatar.Caeba-pw.js";
+import { D as Bl, B as Cl, i as He, a as Tl } from "./date-range-picker.c5OwESTS.js";
+import Dl from "./pt-BR.DmhmCzxE.js";
+import Al from "./ja.DXlq0H98.js";
 import wl from "./fr.CJXL-Ief.js";
-import { t as Ye, j as St, g as Ol } from "./en-US.CCazFVNP.js";
-import { de as Al } from "./de.DXrHnkLX.js";
-import { q as Il, r as Pl, b as El, g as $l, o as Se, i as Ll } from "./calendar.DcCqkSNJ.js";
-import { g as kl, b as Rl, c as Ul, d as Vl, i as Nl, e as Ml, w as ql, l as jl, u as Hl } from "./use-date-input-formatter.CDRzd-hW.js";
-import { B as Gl } from "./date-picker.dlzZ_-5f.js";
-import { R as Ke } from "./refresh.C31KClfx.js";
+import { t as Ke, j as Tt, g as Ol } from "./en-US.CCazFVNP.js";
+import { de as _l } from "./de.DXrHnkLX.js";
+import { v as Il, w as El, b as Rl, g as Ll, r as De, j as Pl } from "./calendar.qm-kFNQv.js";
+import { g as $l, b as kl, c as Nl, d as Ul, i as Vl, e as Ml, w as ql, l as Hl, u as Gl } from "./use-date-input-formatter.BOuXpRb-.js";
+import { B as jl } from "./date-picker.CidHad1p.js";
+import { u as Yl } from "./use-touch-device.DTqFAbXh.js";
+import { R as xe } from "./refresh.C31KClfx.js";
 import "../assets/filter-bar.css";
-const Ft = (e) => e === null || typeof e != "object" ? !1 : Object.prototype.toString.call(e) === "[object Object]", Bt = (e) => Array.isArray(e), Qe = (e) => Bt(e) ? e.length === 0 || e.every((l) => l === "") : !e, Ne = (e, l) => JSON.stringify(e) === JSON.stringify(l), Be = (e) => Ft(e) ? e instanceof Date ? new Date(e.getTime()) : Bt(e) ? e.map((l) => Be(l)) : Object.keys(e).reduce((l, t) => (l[t] = Be(e[t]), l), {}) : e, Yl = (e) => Ft(e) ? Object.fromEntries(Object.keys(e).map((l) => [l, void 0])) : void 0;
-function Dt(e, l) {
-  const t = P(), a = P();
-  $e(() => {
-    e.value != null && (a.value = Yl(e.value));
-  }), Z(
+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, Wl = (e) => Dt(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 = Wl(e.value));
+  }), ee(
     () => e.value,
-    (d) => {
-      t.value = Be(d);
+    (r) => {
+      t.value = we(r);
     },
     { immediate: !0 }
   );
-  const n = p(
-    () => Qe(e.value) || Ne(e.value, a.value)
-  ), o = p(
-    () => l.value != null ? Ne(l.value, e.value) : n.value
-  ), s = p(() => Ne(t.value, e.value) || Qe(t.value) && n.value);
-  function i(d) {
-    t.value = Be(a.value), d && d(t.value);
+  const a = c(
+    () => et(e.value) || Ge(e.value, n.value)
+  ), o = c(
+    () => l.value != null ? Ge(l.value, e.value) : a.value
+  ), s = c(() => Ge(t.value, e.value) || et(t.value) && a.value);
+  function i(r) {
+    t.value = we(n.value), r && r(t.value);
   }
-  function c(d) {
-    t.value = Be(l.value), d && d(t.value);
+  function d(r) {
+    t.value = we(l.value), r && r(t.value);
   }
-  function v(d) {
-    t.value = Be(e.value), d && d(t.value);
+  function v(r) {
+    t.value = we(e.value), r && r(t.value);
   }
   return {
     // Values
@@ -76,38 +77,38 @@ function Dt(e, l) {
     isApplyButtonDisabled: s,
     // Methods
     clearFilter: i,
-    resetFilter: c,
+    resetFilter: d,
     openFilter: v
   };
 }
-function Wl(e) {
+function zl(e) {
   return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
 }
-function Jl(e) {
-  return !(!Wl(e) && typeof e != "number" || isNaN(+Ye(e)));
+function Xl(e) {
+  return !(!zl(e) && typeof e != "number" || isNaN(+Ke(e)));
 }
-function Kl(e, l) {
-  const t = Ye(e, l?.in);
-  return Il(t, Pl(t)) + 1;
+function Jl(e, l) {
+  const t = Ke(e, l?.in);
+  return Il(t, El(t)) + 1;
 }
-function R(e, l) {
-  const t = e < 0 ? "-" : "", a = Math.abs(e).toString().padStart(l, "0");
-  return t + a;
+function N(e, l) {
+  const t = e < 0 ? "-" : "", n = Math.abs(e).toString().padStart(l, "0");
+  return t + n;
 }
-const pe = {
+const ye = {
   // Year
   y(e, l) {
-    const t = e.getFullYear(), a = t > 0 ? t : 1 - t;
-    return R(l === "yy" ? a % 100 : a, l.length);
+    const t = e.getFullYear(), n = t > 0 ? t : 1 - t;
+    return N(l === "yy" ? n % 100 : n, l.length);
   },
   // Month
   M(e, l) {
     const t = e.getMonth();
-    return l === "M" ? String(t + 1) : R(t + 1, 2);
+    return l === "M" ? String(t + 1) : N(t + 1, 2);
   },
   // Day of the month
   d(e, l) {
-    return R(e.getDate(), l.length);
+    return N(e.getDate(), l.length);
   },
   // AM or PM
   a(e, l) {
@@ -126,72 +127,72 @@ const pe = {
   },
   // Hour [1-12]
   h(e, l) {
-    return R(e.getHours() % 12 || 12, l.length);
+    return N(e.getHours() % 12 || 12, l.length);
   },
   // Hour [0-23]
   H(e, l) {
-    return R(e.getHours(), l.length);
+    return N(e.getHours(), l.length);
   },
   // Minute
   m(e, l) {
-    return R(e.getMinutes(), l.length);
+    return N(e.getMinutes(), l.length);
   },
   // Second
   s(e, l) {
-    return R(e.getSeconds(), l.length);
+    return N(e.getSeconds(), l.length);
   },
   // Fraction of second
   S(e, l) {
-    const t = l.length, a = e.getMilliseconds(), n = Math.trunc(
-      a * Math.pow(10, t - 3)
+    const t = l.length, n = e.getMilliseconds(), a = Math.trunc(
+      n * Math.pow(10, t - 3)
     );
-    return R(n, l.length);
+    return N(a, l.length);
   }
-}, Fe = {
+}, Ae = {
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
   afternoon: "afternoon",
   evening: "evening",
   night: "night"
-}, Xe = {
+}, tt = {
   // Era
   G: function(e, l, t) {
-    const a = e.getFullYear() > 0 ? 1 : 0;
+    const n = e.getFullYear() > 0 ? 1 : 0;
     switch (l) {
       // AD, BC
       case "G":
       case "GG":
       case "GGG":
-        return t.era(a, { width: "abbreviated" });
+        return t.era(n, { width: "abbreviated" });
       // A, B
       case "GGGGG":
-        return t.era(a, { width: "narrow" });
+        return t.era(n, { width: "narrow" });
       default:
-        return t.era(a, { width: "wide" });
+        return t.era(n, { width: "wide" });
     }
   },
   // Year
   y: function(e, l, t) {
     if (l === "yo") {
-      const a = e.getFullYear(), n = a > 0 ? a : 1 - a;
-      return t.ordinalNumber(n, { unit: "year" });
+      const n = e.getFullYear(), a = n > 0 ? n : 1 - n;
+      return t.ordinalNumber(a, { unit: "year" });
     }
-    return pe.y(e, l);
+    return ye.y(e, l);
   },
   // Local week-numbering year
-  Y: function(e, l, t, a) {
-    const n = Vl(e, a), o = n > 0 ? n : 1 - n;
+  Y: function(e, l, t, n) {
+    const a = Ul(e, n), o = a > 0 ? a : 1 - a;
     if (l === "YY") {
       const s = o % 100;
-      return R(s, 2);
+      return N(s, 2);
     }
-    return l === "Yo" ? t.ordinalNumber(o, { unit: "year" }) : R(o, l.length);
+    return l === "Yo" ? t.ordinalNumber(o, { unit: "year" }) : N(o, l.length);
   },
   // ISO week-numbering year
   R: function(e, l) {
-    const t = Ul(e);
-    return R(t, l.length);
+    const t = Nl(e);
+    return N(t, l.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
   // The main difference between `y` and `u` localizers are B.C. years:
@@ -204,35 +205,35 @@ const pe = {
   // while `uu` pads single digit years to 2 characters and returns other years unchanged.
   u: function(e, l) {
     const t = e.getFullYear();
-    return R(t, l.length);
+    return N(t, l.length);
   },
   // Quarter
   Q: function(e, l, t) {
-    const a = Math.ceil((e.getMonth() + 1) / 3);
+    const n = Math.ceil((e.getMonth() + 1) / 3);
     switch (l) {
       // 1, 2, 3, 4
       case "Q":
-        return String(a);
+        return String(n);
       // 01, 02, 03, 04
       case "QQ":
-        return R(a, 2);
+        return N(n, 2);
       // 1st, 2nd, 3rd, 4th
       case "Qo":
-        return t.ordinalNumber(a, { unit: "quarter" });
+        return t.ordinalNumber(n, { unit: "quarter" });
       // Q1, Q2, Q3, Q4
       case "QQQ":
-        return t.quarter(a, {
+        return t.quarter(n, {
           width: "abbreviated",
           context: "formatting"
         });
       // 1, 2, 3, 4 (narrow quarter; could be not numerical)
       case "QQQQQ":
-        return t.quarter(a, {
+        return t.quarter(n, {
           width: "narrow",
           context: "formatting"
         });
       default:
-        return t.quarter(a, {
+        return t.quarter(n, {
           width: "wide",
           context: "formatting"
         });
@@ -240,31 +241,31 @@ const pe = {
   },
   // Stand-alone quarter
   q: function(e, l, t) {
-    const a = Math.ceil((e.getMonth() + 1) / 3);
+    const n = Math.ceil((e.getMonth() + 1) / 3);
     switch (l) {
       // 1, 2, 3, 4
       case "q":
-        return String(a);
+        return String(n);
       // 01, 02, 03, 04
       case "qq":
-        return R(a, 2);
+        return N(n, 2);
       // 1st, 2nd, 3rd, 4th
       case "qo":
-        return t.ordinalNumber(a, { unit: "quarter" });
+        return t.ordinalNumber(n, { unit: "quarter" });
       // Q1, Q2, Q3, Q4
       case "qqq":
-        return t.quarter(a, {
+        return t.quarter(n, {
           width: "abbreviated",
           context: "standalone"
         });
       // 1, 2, 3, 4 (narrow quarter; could be not numerical)
       case "qqqqq":
-        return t.quarter(a, {
+        return t.quarter(n, {
           width: "narrow",
           context: "standalone"
         });
       default:
-        return t.quarter(a, {
+        return t.quarter(n, {
           width: "wide",
           context: "standalone"
         });
@@ -272,178 +273,178 @@ const pe = {
   },
   // Month
   M: function(e, l, t) {
-    const a = e.getMonth();
+    const n = e.getMonth();
     switch (l) {
       case "M":
       case "MM":
-        return pe.M(e, l);
+        return ye.M(e, l);
       // 1st, 2nd, ..., 12th
       case "Mo":
-        return t.ordinalNumber(a + 1, { unit: "month" });
+        return t.ordinalNumber(n + 1, { unit: "month" });
       // Jan, Feb, ..., Dec
       case "MMM":
-        return t.month(a, {
+        return t.month(n, {
           width: "abbreviated",
           context: "formatting"
         });
       // J, F, ..., D
       case "MMMMM":
-        return t.month(a, {
+        return t.month(n, {
           width: "narrow",
           context: "formatting"
         });
       default:
-        return t.month(a, { width: "wide", context: "formatting" });
+        return t.month(n, { width: "wide", context: "formatting" });
     }
   },
   // Stand-alone month
   L: function(e, l, t) {
-    const a = e.getMonth();
+    const n = e.getMonth();
     switch (l) {
       // 1, 2, ..., 12
       case "L":
-        return String(a + 1);
+        return String(n + 1);
       // 01, 02, ..., 12
       case "LL":
-        return R(a + 1, 2);
+        return N(n + 1, 2);
       // 1st, 2nd, ..., 12th
       case "Lo":
-        return t.ordinalNumber(a + 1, { unit: "month" });
+        return t.ordinalNumber(n + 1, { unit: "month" });
       // Jan, Feb, ..., Dec
       case "LLL":
-        return t.month(a, {
+        return t.month(n, {
           width: "abbreviated",
           context: "standalone"
         });
       // J, F, ..., D
       case "LLLLL":
-        return t.month(a, {
+        return t.month(n, {
           width: "narrow",
           context: "standalone"
         });
       default:
-        return t.month(a, { width: "wide", context: "standalone" });
+        return t.month(n, { width: "wide", context: "standalone" });
     }
   },
   // Local week of year
-  w: function(e, l, t, a) {
-    const n = Rl(e, a);
-    return l === "wo" ? t.ordinalNumber(n, { unit: "week" }) : R(n, l.length);
+  w: function(e, l, t, n) {
+    const a = kl(e, n);
+    return l === "wo" ? t.ordinalNumber(a, { unit: "week" }) : N(a, l.length);
   },
   // ISO week of year
   I: function(e, l, t) {
-    const a = kl(e);
-    return l === "Io" ? t.ordinalNumber(a, { unit: "week" }) : R(a, l.length);
+    const n = $l(e);
+    return l === "Io" ? t.ordinalNumber(n, { unit: "week" }) : N(n, l.length);
   },
   // Day of the month
   d: function(e, l, t) {
-    return l === "do" ? t.ordinalNumber(e.getDate(), { unit: "date" }) : pe.d(e, l);
+    return l === "do" ? t.ordinalNumber(e.getDate(), { unit: "date" }) : ye.d(e, l);
   },
   // Day of year
   D: function(e, l, t) {
-    const a = Kl(e);
-    return l === "Do" ? t.ordinalNumber(a, { unit: "dayOfYear" }) : R(a, l.length);
+    const n = Jl(e);
+    return l === "Do" ? t.ordinalNumber(n, { unit: "dayOfYear" }) : N(n, l.length);
   },
   // Day of week
   E: function(e, l, t) {
-    const a = e.getDay();
+    const n = e.getDay();
     switch (l) {
       // Tue
       case "E":
       case "EE":
       case "EEE":
-        return t.day(a, {
+        return t.day(n, {
           width: "abbreviated",
           context: "formatting"
         });
       // T
       case "EEEEE":
-        return t.day(a, {
+        return t.day(n, {
           width: "narrow",
           context: "formatting"
         });
       // Tu
       case "EEEEEE":
-        return t.day(a, {
+        return t.day(n, {
           width: "short",
           context: "formatting"
         });
       default:
-        return t.day(a, {
+        return t.day(n, {
           width: "wide",
           context: "formatting"
         });
     }
   },
   // Local day of week
-  e: function(e, l, t, a) {
-    const n = e.getDay(), o = (n - a.weekStartsOn + 8) % 7 || 7;
+  e: function(e, l, t, n) {
+    const a = e.getDay(), o = (a - n.weekStartsOn + 8) % 7 || 7;
     switch (l) {
       // Numerical value (Nth day of week with current locale or weekStartsOn)
       case "e":
         return String(o);
       // Padded numerical value
       case "ee":
-        return R(o, 2);
+        return N(o, 2);
       // 1st, 2nd, ..., 7th
       case "eo":
         return t.ordinalNumber(o, { unit: "day" });
       case "eee":
-        return t.day(n, {
+        return t.day(a, {
           width: "abbreviated",
           context: "formatting"
         });
       // T
       case "eeeee":
-        return t.day(n, {
+        return t.day(a, {
           width: "narrow",
           context: "formatting"
         });
       // Tu
       case "eeeeee":
-        return t.day(n, {
+        return t.day(a, {
           width: "short",
           context: "formatting"
         });
       default:
-        return t.day(n, {
+        return t.day(a, {
           width: "wide",
           context: "formatting"
         });
     }
   },
   // Stand-alone local day of week
-  c: function(e, l, t, a) {
-    const n = e.getDay(), o = (n - a.weekStartsOn + 8) % 7 || 7;
+  c: function(e, l, t, n) {
+    const a = e.getDay(), o = (a - n.weekStartsOn + 8) % 7 || 7;
     switch (l) {
       // Numerical value (same as in `e`)
       case "c":
         return String(o);
       // Padded numerical value
       case "cc":
-        return R(o, l.length);
+        return N(o, l.length);
       // 1st, 2nd, ..., 7th
       case "co":
         return t.ordinalNumber(o, { unit: "day" });
       case "ccc":
-        return t.day(n, {
+        return t.day(a, {
           width: "abbreviated",
           context: "standalone"
         });
       // T
       case "ccccc":
-        return t.day(n, {
+        return t.day(a, {
           width: "narrow",
           context: "standalone"
         });
       // Tu
       case "cccccc":
-        return t.day(n, {
+        return t.day(a, {
           width: "short",
           context: "standalone"
         });
       default:
-        return t.day(n, {
+        return t.day(a, {
           width: "wide",
           context: "standalone"
         });
@@ -451,37 +452,37 @@ const pe = {
   },
   // ISO day of week
   i: function(e, l, t) {
-    const a = e.getDay(), n = a === 0 ? 7 : a;
+    const n = e.getDay(), a = n === 0 ? 7 : n;
     switch (l) {
       // 2
       case "i":
-        return String(n);
+        return String(a);
       // 02
       case "ii":
-        return R(n, l.length);
+        return N(a, l.length);
       // 2nd
       case "io":
-        return t.ordinalNumber(n, { unit: "day" });
+        return t.ordinalNumber(a, { unit: "day" });
       // Tue
       case "iii":
-        return t.day(a, {
+        return t.day(n, {
           width: "abbreviated",
           context: "formatting"
         });
       // T
       case "iiiii":
-        return t.day(a, {
+        return t.day(n, {
           width: "narrow",
           context: "formatting"
         });
       // Tu
       case "iiiiii":
-        return t.day(a, {
+        return t.day(n, {
           width: "short",
           context: "formatting"
         });
       default:
-        return t.day(a, {
+        return t.day(n, {
           width: "wide",
           context: "formatting"
         });
@@ -489,26 +490,26 @@ const pe = {
   },
   // AM or PM
   a: function(e, l, t) {
-    const n = e.getHours() / 12 >= 1 ? "pm" : "am";
+    const a = e.getHours() / 12 >= 1 ? "pm" : "am";
     switch (l) {
       case "a":
       case "aa":
-        return t.dayPeriod(n, {
+        return t.dayPeriod(a, {
           width: "abbreviated",
           context: "formatting"
         });
       case "aaa":
-        return t.dayPeriod(n, {
+        return t.dayPeriod(a, {
           width: "abbreviated",
           context: "formatting"
         }).toLowerCase();
       case "aaaaa":
-        return t.dayPeriod(n, {
+        return t.dayPeriod(a, {
           width: "narrow",
           context: "formatting"
         });
       default:
-        return t.dayPeriod(n, {
+        return t.dayPeriod(a, {
           width: "wide",
           context: "formatting"
         });
@@ -516,27 +517,27 @@ const pe = {
   },
   // AM, PM, midnight, noon
   b: function(e, l, t) {
-    const a = e.getHours();
-    let n;
-    switch (a === 12 ? n = Fe.noon : a === 0 ? n = Fe.midnight : n = a / 12 >= 1 ? "pm" : "am", l) {
+    const n = e.getHours();
+    let a;
+    switch (n === 12 ? a = Ae.noon : n === 0 ? a = Ae.midnight : a = n / 12 >= 1 ? "pm" : "am", l) {
       case "b":
       case "bb":
-        return t.dayPeriod(n, {
+        return t.dayPeriod(a, {
           width: "abbreviated",
           context: "formatting"
         });
       case "bbb":
-        return t.dayPeriod(n, {
+        return t.dayPeriod(a, {
           width: "abbreviated",
           context: "formatting"
         }).toLowerCase();
       case "bbbbb":
-        return t.dayPeriod(n, {
+        return t.dayPeriod(a, {
           width: "narrow",
           context: "formatting"
         });
       default:
-        return t.dayPeriod(n, {
+        return t.dayPeriod(a, {
           width: "wide",
           context: "formatting"
         });
@@ -544,23 +545,23 @@ const pe = {
   },
   // in the morning, in the afternoon, in the evening, at night
   B: function(e, l, t) {
-    const a = e.getHours();
-    let n;
-    switch (a >= 17 ? n = Fe.evening : a >= 12 ? n = Fe.afternoon : a >= 4 ? n = Fe.morning : n = Fe.night, l) {
+    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) {
       case "B":
       case "BB":
       case "BBB":
-        return t.dayPeriod(n, {
+        return t.dayPeriod(a, {
           width: "abbreviated",
           context: "formatting"
         });
       case "BBBBB":
-        return t.dayPeriod(n, {
+        return t.dayPeriod(a, {
           width: "narrow",
           context: "formatting"
         });
       default:
-        return t.dayPeriod(n, {
+        return t.dayPeriod(a, {
           width: "wide",
           context: "formatting"
         });
@@ -569,168 +570,168 @@ const pe = {
   // Hour [1-12]
   h: function(e, l, t) {
     if (l === "ho") {
-      let a = e.getHours() % 12;
-      return a === 0 && (a = 12), t.ordinalNumber(a, { unit: "hour" });
+      let n = e.getHours() % 12;
+      return n === 0 && (n = 12), t.ordinalNumber(n, { unit: "hour" });
     }
-    return pe.h(e, l);
+    return ye.h(e, l);
   },
   // Hour [0-23]
   H: function(e, l, t) {
-    return l === "Ho" ? t.ordinalNumber(e.getHours(), { unit: "hour" }) : pe.H(e, l);
+    return l === "Ho" ? t.ordinalNumber(e.getHours(), { unit: "hour" }) : ye.H(e, l);
   },
   // Hour [0-11]
   K: function(e, l, t) {
-    const a = e.getHours() % 12;
-    return l === "Ko" ? t.ordinalNumber(a, { unit: "hour" }) : R(a, l.length);
+    const n = e.getHours() % 12;
+    return l === "Ko" ? t.ordinalNumber(n, { unit: "hour" }) : N(n, l.length);
   },
   // Hour [1-24]
   k: function(e, l, t) {
-    let a = e.getHours();
-    return a === 0 && (a = 24), l === "ko" ? t.ordinalNumber(a, { unit: "hour" }) : R(a, l.length);
+    let n = e.getHours();
+    return n === 0 && (n = 24), l === "ko" ? t.ordinalNumber(n, { unit: "hour" }) : N(n, l.length);
   },
   // Minute
   m: function(e, l, t) {
-    return l === "mo" ? t.ordinalNumber(e.getMinutes(), { unit: "minute" }) : pe.m(e, l);
+    return l === "mo" ? t.ordinalNumber(e.getMinutes(), { unit: "minute" }) : ye.m(e, l);
   },
   // Second
   s: function(e, l, t) {
-    return l === "so" ? t.ordinalNumber(e.getSeconds(), { unit: "second" }) : pe.s(e, l);
+    return l === "so" ? t.ordinalNumber(e.getSeconds(), { unit: "second" }) : ye.s(e, l);
   },
   // Fraction of second
   S: function(e, l) {
-    return pe.S(e, l);
+    return ye.S(e, l);
   },
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function(e, l, t) {
-    const a = e.getTimezoneOffset();
-    if (a === 0)
+    const n = e.getTimezoneOffset();
+    if (n === 0)
       return "Z";
     switch (l) {
       // Hours and optional minutes
       case "X":
-        return Ze(a);
+        return at(n);
       // Hours, minutes and optional seconds without `:` delimiter
       // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
       // so this token always has the same output as `XX`
       case "XXXX":
       case "XX":
-        return ve(a);
+        return Fe(n);
       // Hours and minutes with `:` delimiter
       default:
-        return ve(a, ":");
+        return Fe(n, ":");
     }
   },
   // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
   x: function(e, l, t) {
-    const a = e.getTimezoneOffset();
+    const n = e.getTimezoneOffset();
     switch (l) {
       // Hours and optional minutes
       case "x":
-        return Ze(a);
+        return at(n);
       // Hours, minutes and optional seconds without `:` delimiter
       // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
       // so this token always has the same output as `xx`
       case "xxxx":
       case "xx":
-        return ve(a);
+        return Fe(n);
       // Hours and minutes with `:` delimiter
       default:
-        return ve(a, ":");
+        return Fe(n, ":");
     }
   },
   // Timezone (GMT)
   O: function(e, l, t) {
-    const a = e.getTimezoneOffset();
+    const n = e.getTimezoneOffset();
     switch (l) {
       // Short
       case "O":
       case "OO":
       case "OOO":
-        return "GMT" + ze(a, ":");
+        return "GMT" + lt(n, ":");
       default:
-        return "GMT" + ve(a, ":");
+        return "GMT" + Fe(n, ":");
     }
   },
   // Timezone (specific non-location)
   z: function(e, l, t) {
-    const a = e.getTimezoneOffset();
+    const n = e.getTimezoneOffset();
     switch (l) {
       // Short
       case "z":
       case "zz":
       case "zzz":
-        return "GMT" + ze(a, ":");
+        return "GMT" + lt(n, ":");
       default:
-        return "GMT" + ve(a, ":");
+        return "GMT" + Fe(n, ":");
     }
   },
   // Seconds timestamp
   t: function(e, l, t) {
-    const a = Math.trunc(+e / 1e3);
-    return R(a, l.length);
+    const n = Math.trunc(+e / 1e3);
+    return N(n, l.length);
   },
   // Milliseconds timestamp
   T: function(e, l, t) {
-    return R(+e, l.length);
+    return N(+e, l.length);
   }
 };
-function ze(e, l = "") {
-  const t = e > 0 ? "-" : "+", a = Math.abs(e), n = Math.trunc(a / 60), o = a % 60;
-  return o === 0 ? t + String(n) : t + String(n) + l + R(o, 2);
+function lt(e, l = "") {
+  const t = e > 0 ? "-" : "+", n = Math.abs(e), a = Math.trunc(n / 60), o = n % 60;
+  return o === 0 ? t + String(a) : t + String(a) + l + N(o, 2);
 }
-function Ze(e, l) {
-  return e % 60 === 0 ? (e > 0 ? "-" : "+") + R(Math.abs(e) / 60, 2) : ve(e, l);
+function at(e, l) {
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + N(Math.abs(e) / 60, 2) : Fe(e, l);
 }
-function ve(e, l = "") {
-  const t = e > 0 ? "-" : "+", a = Math.abs(e), n = R(Math.trunc(a / 60), 2), o = R(a % 60, 2);
-  return t + n + l + o;
+function Fe(e, l = "") {
+  const t = e > 0 ? "-" : "+", n = Math.abs(e), a = N(Math.trunc(n / 60), 2), o = N(n % 60, 2);
+  return t + a + l + o;
 }
-const Ql = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Xl = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, zl = /^'([^]*?)'?$/, Zl = /''/g, xl = /[a-zA-Z]/;
-function Oe(e, l, t) {
-  const a = Ol(), n = t?.locale ?? a.locale ?? St, o = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? a.firstWeekContainsDate ?? a.locale?.options?.firstWeekContainsDate ?? 1, s = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? a.weekStartsOn ?? a.locale?.options?.weekStartsOn ?? 0, i = Ye(e, t?.in);
-  if (!Jl(i))
+const Kl = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Ql = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Zl = /^'([^]*?)'?$/, xl = /''/g, ea = /[a-zA-Z]/;
+function Re(e, l, t) {
+  const n = Ol(), 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 (!Xl(i))
     throw new RangeError("Invalid time value");
-  let c = l.match(Xl).map((d) => {
-    const b = d[0];
-    if (b === "p" || b === "P") {
-      const C = jl[b];
-      return C(d, n.formatLong);
+  let d = l.match(Ql).map((r) => {
+    const p = r[0];
+    if (p === "p" || p === "P") {
+      const B = Hl[p];
+      return B(r, a.formatLong);
     }
-    return d;
-  }).join("").match(Ql).map((d) => {
-    if (d === "''")
+    return r;
+  }).join("").match(Kl).map((r) => {
+    if (r === "''")
       return { isToken: !1, value: "'" };
-    const b = d[0];
-    if (b === "'")
-      return { isToken: !1, value: ea(d) };
-    if (Xe[b])
-      return { isToken: !0, value: d };
-    if (b.match(xl))
+    const p = r[0];
+    if (p === "'")
+      return { isToken: !1, value: ta(r) };
+    if (tt[p])
+      return { isToken: !0, value: r };
+    if (p.match(ea))
       throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + b + "`"
+        "Format string contains an unescaped latin alphabet character `" + p + "`"
       );
-    return { isToken: !1, value: d };
+    return { isToken: !1, value: r };
   });
-  n.localize.preprocessor && (c = n.localize.preprocessor(i, c));
+  a.localize.preprocessor && (d = a.localize.preprocessor(i, d));
   const v = {
     firstWeekContainsDate: o,
     weekStartsOn: s,
-    locale: n
+    locale: a
   };
-  return c.map((d) => {
-    if (!d.isToken) return d.value;
-    const b = d.value;
-    (!t?.useAdditionalWeekYearTokens && Nl(b) || !t?.useAdditionalDayOfYearTokens && Ml(b)) && ql(b, l, String(e));
-    const C = Xe[b[0]];
-    return C(i, b, n.localize, v);
+  return d.map((r) => {
+    if (!r.isToken) return r.value;
+    const p = r.value;
+    (!t?.useAdditionalWeekYearTokens && Vl(p) || !t?.useAdditionalDayOfYearTokens && Ml(p)) && ql(p, l, String(e));
+    const B = tt[p[0]];
+    return B(i, p, a.localize, v);
   }).join("");
 }
-function ea(e) {
-  const l = e.match(zl);
-  return l ? l[1].replace(Zl, "'") : e;
+function ta(e) {
+  const l = e.match(Zl);
+  return l ? l[1].replace(xl, "'") : e;
 }
-const ta = { class: "b-filter-bar-button__container" }, la = { class: "b-filter-bar-button__label-container" }, aa = {}, na = /* @__PURE__ */ H({
-  ...aa,
+const la = { class: "b-filter-bar-button__container" }, aa = { class: "b-filter-bar-button__label-container" }, na = {}, oa = /* @__PURE__ */ W({
+  ...na,
   __name: "filter-bar-button",
   props: {
     /**
@@ -767,118 +768,122 @@ const ta = { class: "b-filter-bar-button__container" }, la = { class: "b-filter-
   },
   emits: ["click"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = Le(), o = zt(), s = pt(n), i = p(() => n.default ? bt(n)("default") : null), c = p(() => !s("default") && s("iconLeft")), v = ct({ ariaLabel: i }), d = P(null), b = p(() => ({
+    const t = e, n = l, a = Ue(), o = Qt(), s = mt(a), i = c(() => a.default ? ht(a)("default") : null), d = c(() => !s("default") && s("iconLeft")), v = vt({ ariaLabel: i }), r = R(null), p = c(() => ({
       "aria-controls": o["aria-controls"]?.toString()
-    })), C = p(
+    })), B = c(
       () => (t.appliedFiltersCount || t.secondaryLabel || t.isPersistentFilter) && !t.noAppliedStateStyles
-    ), f = p(() => ({
-      "b-filter-bar-button--applied": C.value || t.active,
-      "b-filter-bar-button--filter-open": t.isFilterOpen && !C.value,
-      "b-filter-bar-button--filter-open-applied": t.isFilterOpen && C.value,
+    ), f = c(() => ({
+      "b-filter-bar-button--applied": B.value || t.active,
+      "b-filter-bar-button--filter-open": t.isFilterOpen && !B.value,
+      "b-filter-bar-button--filter-open-applied": t.isFilterOpen && B.value,
       "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
-    })), T = (B) => {
-      B.preventDefault(), t.disabled || a("click", B);
+      "b-filter-bar-button--icon-only": d.value
+    })), S = (C) => {
+      C.preventDefault(), t.disabled || n("click", C);
     };
-    return (B, A) => (y(), w(u(ft), x({
+    return (C, _) => (m(), O(u(yt), te({
       ref_key: "filterBarButtonRef",
-      ref: d
-    }, B.$attrs, {
+      ref: r
+    }, C.$attrs, {
       class: ["b-filter-bar-button", f.value],
       disabled: e.disabled,
       "aria-label": u(v),
-      "aria-controls": b.value["aria-controls"],
+      "aria-controls": p.value["aria-controls"],
       type: "button",
-      onClick: T
+      onClick: S
     }), {
-      iconRight: S(() => [
-        e.appliedFiltersCount && !c.value ? (y(), w(u(ee), {
+      iconRight: h(() => [
+        e.appliedFiltersCount && !d.value ? (m(), O(u(ae), {
           key: 0,
           class: "b-filter-bar-button__counter",
           el: "span",
           variant: "body",
           stronger: ""
         }, {
-          default: S(() => [
-            G(Y(e.appliedFiltersCount), 1)
+          default: h(() => [
+            J(K(e.appliedFiltersCount), 1)
           ]),
           _: 1
-        })) : j("", !0)
+        })) : Y("", !0)
       ]),
-      default: S(() => [
-        M("div", ta, [
-          u(s)("iconLeft") ? ie(B.$slots, "iconLeft", { key: 0 }, void 0, !0) : j("", !0),
-          M("div", la, [
-            _(u(ee), {
+      default: h(() => [
+        q("div", la, [
+          u(s)("iconLeft") ? fe(C.$slots, "iconLeft", { key: 0 }, void 0, !0) : Y("", !0),
+          q("div", aa, [
+            D(u(ae), {
               el: "span",
               variant: "body",
               stronger: "",
               class: "b-filter-bar-button__label"
             }, {
-              default: S(() => [
-                M("span", null, [
-                  ie(B.$slots, "default", {}, void 0, !0)
+              default: h(() => [
+                q("span", null, [
+                  fe(C.$slots, "default", {}, void 0, !0)
                 ]),
-                e.secondaryLabel && !c.value ? (y(), w(u(ee), {
+                e.secondaryLabel && !d.value ? (m(), O(u(ae), {
                   key: 0,
                   el: "span",
                   variant: "body",
                   stronger: "",
                   class: "b-filter-bar-button__label"
                 }, {
-                  default: S(() => A[0] || (A[0] = [
-                    G(":")
+                  default: h(() => _[0] || (_[0] = [
+                    J(":")
                   ])),
                   _: 1
-                })) : j("", !0)
+                })) : Y("", !0)
               ]),
               _: 3
             }),
-            e.secondaryLabel && !c.value ? (y(), w(u(ee), {
+            e.secondaryLabel && !d.value ? (m(), O(u(ae), {
               key: 0,
               el: "span",
               variant: "body",
               stronger: "",
               class: "b-filter-bar-button__secondary-label"
             }, {
-              default: S(() => [
-                G(Y(e.secondaryLabel), 1)
+              default: h(() => [
+                J(K(e.secondaryLabel), 1)
               ]),
               _: 1
-            })) : j("", !0)
+            })) : Y("", !0)
           ])
         ])
       ]),
       _: 3
     }, 16, ["class", "disabled", "aria-label", "aria-controls"]));
   }
-}), ye = /* @__PURE__ */ Q(na, [["__scopeId", "data-v-e8fc31f4"]]);
-var F = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(F || {}), me = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", e))(me || {}), 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 xe = 430, et = 700;
-function oa(e, l) {
-  const t = P("div"), a = P(!1), n = P(0), o = p(() => !(n.value < xe && l.value.small === "multi-line"));
+}), Be = /* @__PURE__ */ Z(oa, [["__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 ia(e, l) {
+  const t = R("div"), n = R(!1), a = R(0), o = c(() => !(a.value < nt && l.value.small === "multi-line"));
   function s() {
-    a.value = !1, t.value = "div";
+    n.value = !1, t.value = "div";
   }
   function i() {
-    a.value = !0, t.value = dt;
+    n.value = !0, t.value = bt;
   }
-  function c() {
-    n.value > et || n.value < et && n.value >= xe && l.value.medium === "multi-line" ? s() : i();
+  function d() {
+    a.value > je || a.value < je && a.value >= nt && l.value.medium === "multi-line" ? s() : i();
   }
-  return Z(() => l.value, c), ll(e, (v) => {
-    n.value = v[0].contentRect.width, c();
-  }), {
+  ee(() => l.value, d), ll(e, (p) => {
+    a.value = p[0].contentRect.width, d();
+  });
+  const v = c(() => a.value >= je), r = c(() => ({ "b-filter-bar--large-layout": v.value }));
+  return {
     screenLayoutComponent: t,
     showSearchbarInsideContainer: o,
-    isOneLineLayout: a
+    isOneLineLayout: n,
+    isLargeLayout: v,
+    rootElementConditionalClasses: r
   };
 }
-var qe = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(qe || {});
-const ia = H({
+var We = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(We || {});
+const sa = W({
   name: "base-filter-button",
-  components: { BaseButton: ft, BentoTypography: ee, ChevronUpIcon: rl, ChevronDownIcon: ul },
+  components: { BaseButton: yt, BentoTypography: ae, ChevronUpIcon: rl, ChevronDownIcon: ul },
   props: {
     /**
      * The number of applies values within the filter.
@@ -903,11 +908,11 @@ const ia = H({
      */
     bold: { type: Boolean, default: !1 }
   },
-  emits: [We.CLICK],
-  setup(e, { slots: l, emit: t, attrs: a }) {
-    const n = p(() => l.default ? bt(l)("default") : null), o = ct({ ariaLabel: n }), s = P(null), i = p(() => ({
-      "aria-controls": a["aria-controls"]?.toString()
-    })), c = p(() => ({
+  emits: [Qe.CLICK],
+  setup(e, { slots: l, emit: t, attrs: n }) {
+    const a = c(() => l.default ? ht(l)("default") : null), o = vt({ ariaLabel: a }), s = R(null), i = c(() => ({
+      "aria-controls": n["aria-controls"]?.toString()
+    })), d = c(() => ({
       "b-base-filter-button--with-chevron": e.hasChevron,
       "b-base-filter-button--filter-open": e.isFilterOpen
     }));
@@ -915,70 +920,70 @@ const ia = H({
       // Values
       ariaAttributes: i,
       computedAriaLabel: o,
-      conditionalClasses: c,
+      conditionalClasses: d,
       // Methods
       onClickButton: () => {
-        e.disabled || t(We.CLICK);
+        e.disabled || t(Qe.CLICK);
       },
-      hasSlot: pt(l),
+      hasSlot: mt(l),
       // Refs
       baseFilterButtonRef: s
     };
   }
-}), sa = { class: "b-base-filter-button__default-container" }, ra = { class: "b-base-filter-button__label-container" }, ua = {
+}), ra = { class: "b-base-filter-button__default-container" }, ua = { class: "b-base-filter-button__label-container" }, da = {
   key: 0,
   class: "b-base-filter-button__counter-wrapper"
 };
-function da(e, l, t, a, n, o) {
-  const s = V("bento-typography"), i = V("chevron-up-icon"), c = V("chevron-down-icon"), v = V("base-button");
-  return y(), w(v, {
+function ca(e, l, t, n, a, o) {
+  const s = M("bento-typography"), i = M("chevron-up-icon"), d = M("chevron-down-icon"), v = M("base-button");
+  return m(), O(v, {
     ref: "baseFilterButtonRef",
-    class: ae(["b-base-filter-button", e.conditionalClasses]),
+    class: ne(["b-base-filter-button", e.conditionalClasses]),
     disabled: e.disabled,
     "aria-label": e.computedAriaLabel,
     "aria-controls": e.ariaAttributes["aria-controls"],
     type: "button",
     onClick: e.onClickButton
-  }, _e({
-    default: S(() => [
-      M("div", sa, [
-        M("div", ra, [
-          _(s, {
+  }, Ie({
+    default: h(() => [
+      q("div", ra, [
+        q("div", ua, [
+          D(s, {
             el: "span",
             variant: "body",
             stronger: e.bold,
             class: "b-base-filter-button__label"
           }, {
-            default: S(() => [
-              ie(e.$slots, "default", {}, void 0, !0)
+            default: h(() => [
+              fe(e.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["stronger"])
         ]),
-        e.amountAppliedValues && !e.hasChevron ? (y(), q("div", ua, [
-          _(s, {
+        e.amountAppliedValues && !e.hasChevron ? (m(), j("div", da, [
+          D(s, {
             class: "b-base-filter-button__counter",
             el: "span",
             variant: "body",
             stronger: ""
           }, {
-            default: S(() => [
-              G(Y(e.amountAppliedValues), 1)
+            default: h(() => [
+              J(K(e.amountAppliedValues), 1)
             ]),
             _: 1
           })
-        ])) : j("", !0)
+        ])) : Y("", !0)
       ])
     ]),
     _: 2
   }, [
     e.hasChevron ? {
       name: "iconRight",
-      fn: S(() => [
-        e.isFilterOpen ? (y(), w(i, {
+      fn: h(() => [
+        e.isFilterOpen ? (m(), O(i, {
           key: 0,
           "aria-hidden": "true"
-        })) : (y(), w(c, {
+        })) : (m(), O(d, {
           key: 1,
           "aria-hidden": "true"
         }))
@@ -987,9 +992,9 @@ function da(e, l, t, a, n, o) {
     } : void 0
   ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
 }
-const ca = /* @__PURE__ */ Q(ia, [["render", da], ["__scopeId", "data-v-af9efc73"]]), pa = H({
+const fa = /* @__PURE__ */ Z(sa, [["render", ca], ["__scopeId", "data-v-af9efc73"]]), pa = W({
   name: "all-filters-modal-button",
-  components: { BaseFilterButton: ca },
+  components: { BaseFilterButton: fa },
   props: {
     /**
      * Button label to be displayed
@@ -1011,7 +1016,7 @@ const ca = /* @__PURE__ */ Q(ia, [["render", da], ["__scopeId", "data-v-af9efc73
   emits: ["click"],
   setup(e, { emit: l }) {
     return {
-      conditionalClasses: p(() => ({
+      conditionalClasses: c(() => ({
         "b-all-filters-modal-button--with-counter": e.appliedFiltersCount,
         "b-all-filters-modal-button--filter-open": e.isFilterOpen
       })),
@@ -1021,52 +1026,59 @@ const ca = /* @__PURE__ */ Q(ia, [["render", da], ["__scopeId", "data-v-af9efc73
     };
   }
 });
-function fa(e, l, t, a, n, o) {
-  const s = V("base-filter-button");
-  return y(), w(s, {
-    class: ae(["b-all-filters-modal-button", e.conditionalClasses]),
+function ba(e, l, t, n, a, o) {
+  const s = M("base-filter-button");
+  return m(), O(s, {
+    class: ne(["b-all-filters-modal-button", e.conditionalClasses]),
     "amount-applied-values": e.appliedFiltersCount,
     "is-filter-open": e.isFilterOpen,
     disabled: e.disabled,
     onClick: e.onClick
   }, {
-    default: S(() => [
-      G(Y(e.label), 1)
+    default: h(() => [
+      J(K(e.label), 1)
     ]),
     _: 1
   }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
 }
-const tt = /* @__PURE__ */ Q(pa, [["render", fa], ["__scopeId", "data-v-b96a672f"]]);
-let lt = 0;
-const ba = {
+const ot = /* @__PURE__ */ Z(pa, [["render", ba], ["__scopeId", "data-v-b96a672f"]]);
+let it = 0;
+const va = {
   beforeCreate() {
-    this.uuid = lt.toString(), lt += 1;
+    this.uuid = it.toString(), it += 1;
   }
-}, va = { key: 0 };
-function ma(e, l, t, a, n, o) {
-  return y(), q("svg", x({ role: "img" }, e.$attrs, {
+}, ma = { key: 0 };
+function ya(e, l, t, n, a, o) {
+  return m(), j("svg", te({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (y(), q("title", va, Y(e.$attrs["svg-title"]), 1)) : j("", !0),
-    l[0] || (l[0] = M("path", {
+    e.$attrs["svg-title"] ? (m(), j("title", ma, K(e.$attrs["svg-title"]), 1)) : Y("", !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"
     }, null, -1)),
-    l[1] || (l[1] = M("path", {
+    l[1] || (l[1] = q("path", {
       fill: "#001222",
       d: "M4 7.91687C5.25878 7.91687 6.32002 8.76262 6.64648 9.91687H14.75V11.4169H6.64648C6.32002 12.5711 5.25878 13.4169 4 13.4169C2.48122 13.4169 1.25 12.1857 1.25 10.6669C1.25 9.14809 2.48122 7.91687 4 7.91687ZM5.25 10.6669C5.25 9.97651 4.69036 9.41687 4 9.41687C3.30964 9.41687 2.75 9.97651 2.75 10.6669C2.75 11.3572 3.30964 11.9169 4 11.9169C4.69036 11.9169 5.25 11.3572 5.25 10.6669Z"
     }, null, -1))
   ], 16);
 }
-const ya = /* @__PURE__ */ Q(ba, [["render", ma]]), Ct = {
+const ha = /* @__PURE__ */ Z(va, [["render", ya]]), 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" },
+  "es-ES": { activeFilters: "Filtros activos", all: "Todos", allFilters: "Todos los filtros", applyAll: "Aplicar todo", cancel: "Cancelar", clear: "Borrar", clearAll: "Borrar todo", noFiltersMatchThisSearch: "Ningún filtro coincide con esta búsqueda", otherFilters: "Otros filtros", searchBar: "Barra de búsqueda" },
+  "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: "検索バー" },
-  "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 pesquisa" }
-}, ga = {}, ha = /* @__PURE__ */ H({
+  "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: "搜索栏" }
+}, ga = {}, Fa = /* @__PURE__ */ W({
   ...ga,
   __name: "filter-bar-button-group",
   props: {
@@ -1074,30 +1086,37 @@ const ya = /* @__PURE__ */ Q(ba, [["render", ma]]), Ct = {
     skipGrouping: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, t = p(() => ({
+    const l = e, t = c(() => ({
       "b-filter-bar-button-group--active": l.isActive,
       "b-filter-bar-button-group--grouped": !l.skipGrouping
     }));
-    return (a, n) => (y(), q("div", {
-      class: ae(["b-filter-bar-button-group", t.value])
+    return (n, a) => (m(), j("div", {
+      class: ne(["b-filter-bar-button-group", t.value])
     }, [
-      ie(a.$slots, "default", {}, void 0, !0)
+      fe(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Tt = /* @__PURE__ */ Q(ha, [["__scopeId", "data-v-9ce16194"]]);
-var te = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e.CANCEL = "cancel", e))(te || {});
-const _t = {
+}), _t = /* @__PURE__ */ Z(Fa, [["__scopeId", "data-v-9ce16194"]]);
+var oe = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e.CANCEL = "cancel", e))(oe || {});
+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}" },
+  "en-GB": { apply: "Apply", clear: "Clear", clearFilter: "Clear filter {function}", filtersHaveBeenCleared: "Filters have been cleared", numberSelected: "{numberOfItemsSelected} selected", reset: "Reset", resetFilter: "Reset filter {function}" },
   "en-US": { apply: "Apply", clear: "Clear", clearFilter: "Clear filter {function}", filtersHaveBeenCleared: "Filters have been cleared", numberSelected: "{numberOfItemsSelected} selected", reset: "Reset", resetFilter: "Reset filter {function}" },
-  "ja-JP": { apply: "適用", clear: "クリア", clearFilter: "フィルターをクリア{function}", filtersHaveBeenCleared: "フィルターをクリアしました", numberSelected: "{numberOfItemsSelected}件選択済み", reset: "リセット", resetFilter: "フィルターをリセット{function}" },
-  "pt-BR": { apply: "Aplicar", clear: "Limpar", clearFilter: "Limpar filtro {function}", filtersHaveBeenCleared: "Os filtros foram apagados", numberSelected: "{numberOfItemsSelected} selecionados", reset: "Reiniciar", resetFilter: "Redefinir filtro {function}" }
-}, Sa = { key: 0 }, Fa = {
+  "es-ES": { apply: "Aplicar", clear: "Borrar", clearFilter: "Borrar filtro {function}", filtersHaveBeenCleared: "Se han borrado los filtros", numberSelected: "{numberOfItemsSelected} seleccionado(s)", reset: "Reiniciar", resetFilter: "Restablecer filtro {function}" },
+  "es-MX": { apply: "Aplicar", clear: "Borrar", clearFilter: "Borrar filtro {function}", filtersHaveBeenCleared: "Se limpiaron los filtros", numberSelected: "{numberOfItemsSelected} seleccionado", reset: "Restablecer", resetFilter: "Restablecer filtro {function}" },
+  "fr-FR": { apply: "Appliquer", clear: "Effacer", clearFilter: "Effacer le filtre {function}", filtersHaveBeenCleared: "Les filtres ont été effacés", numberSelected: "{numberOfItemsSelected} sélectionné(s)", reset: "Réinitialiser", resetFilter: "Réinitialiser le filtre {function}" },
+  "it-IT": { apply: "Applica", clear: "Cancella", clearFilter: "Cancella filtro {function}", filtersHaveBeenCleared: "I filtri sono stati cancellati", numberSelected: "{numberOfItemsSelected} selezionati", reset: "Resetta", resetFilter: "Resetta filtro {function}" },
+  "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}" }
+}, Sa = { key: 0 }, Ba = {
   key: 1,
   class: "b-base-filter"
-}, Ba = {
-  i18n: { messages: _t },
+}, Ca = {
+  i18n: { messages: It },
   name: "bento-base-filter"
-}, Da = /* @__PURE__ */ H({
-  ...Ba,
+}, Ta = /* @__PURE__ */ W({
+  ...Ca,
   props: {
     appliedFiltersCount: { default: null },
     buttonLabel: { default: void 0 },
@@ -1116,156 +1135,156 @@ const _t = {
     value: { type: [String, null, Object, Number, Array, Date, Boolean], default: void 0 }
   },
   emits: [
-    te.APPLY,
-    te.CLEAR,
-    te.OPEN,
-    te.CLOSE,
-    te.RESET,
-    te.CANCEL
+    oe.APPLY,
+    oe.CLEAR,
+    oe.OPEN,
+    oe.CLOSE,
+    oe.RESET,
+    oe.CANCEL
   ],
   setup(e, { expose: l, emit: t }) {
-    const a = t, n = e, { t: o } = ne({ messages: _t }), s = De("base-filter-popover"), i = P(!1), c = P(null), v = P(null), d = p(() => n.defaultValue !== null), b = p(() => d.value ? JSON.stringify(n.value) !== JSON.stringify(n.defaultValue) : n.appliedFiltersCount || n.buttonSecondaryLabel), C = p(() => {
-      let L = n.buttonSecondaryLabel ? `: ${n.buttonSecondaryLabel}` : "";
-      return n.appliedFiltersCount && (L = `: ${o("numberSelected", { numberOfItemsSelected: n.appliedFiltersCount })}`), (d.value ? n.label : T.value) + L;
-    }), f = p(
-      () => d.value ? o("resetFilter", {
-        function: T.value
+    const n = t, a = e, { t: o } = de({ messages: It }), s = Oe("base-filter-popover"), i = R(!1), d = R(null), v = R(null), r = c(() => a.defaultValue !== null), p = c(() => r.value ? JSON.stringify(a.value) !== JSON.stringify(a.defaultValue) : a.appliedFiltersCount || a.buttonSecondaryLabel), B = c(() => {
+      let P = a.buttonSecondaryLabel ? `: ${a.buttonSecondaryLabel}` : "";
+      return a.appliedFiltersCount && (P = `: ${o("numberSelected", { numberOfItemsSelected: a.appliedFiltersCount })}`), (r.value ? a.label : S.value) + P;
+    }), f = c(
+      () => r.value ? o("resetFilter", {
+        function: S.value
       }) : o("clearFilter", {
-        function: T.value
+        function: S.value
       })
-    ), T = p(() => n.buttonLabel || n.label), B = async () => {
-      await rt(), c.value?.$el?.focus();
-    }, A = () => {
-      i.value && (i.value = !1, B(), a(te.CLOSE));
-    }, N = () => {
-      d.value ? a(te.RESET) : a(te.CLEAR), B();
-    }, O = () => {
-      A(), N();
-    }, g = () => {
-      i.value ? A() : (i.value = !0, a(te.OPEN));
-    }, J = () => {
-      A(), a(te.APPLY);
+    ), S = c(() => a.buttonLabel || a.label), C = async () => {
+      await ft(), d.value?.$el?.focus();
+    }, _ = () => {
+      i.value && (i.value = !1, C(), n(oe.CLOSE));
+    }, $ = () => {
+      r.value ? n(oe.RESET) : n(oe.CLEAR), C();
+    }, w = () => {
+      _(), $();
+    }, y = () => {
+      i.value ? _() : (i.value = !0, n(oe.OPEN));
+    }, G = () => {
+      _(), n(oe.APPLY);
     }, k = () => {
-      A(), a(te.CANCEL);
-    }, z = () => k(), U = p(() => [
+      _(), n(oe.CANCEL);
+    }, le = () => k(), z = c(() => [
       {
         title: o("apply"),
-        event: J,
-        disabled: n.disableApplyButton
+        event: G,
+        disabled: a.disableApplyButton
       },
       {
-        title: d.value ? o("reset") : o("clear"),
-        event: O,
-        disabled: n.disableSecondaryButton
+        title: r.value ? o("reset") : o("clear"),
+        event: w,
+        disabled: a.disableSecondaryButton
       }
     ]);
-    return Z(
+    return ee(
       () => i.value,
-      (L, le) => {
-        !L && le && c.value?.filterBarButtonRef?.bentoBaseButtonRef && c.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      (P, ie) => {
+        !P && ie && d.value?.filterBarButtonRef?.bentoBaseButtonRef && d.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
-    ), dl(v, z, { ignore: [c] }), l({
-      closePopover: A
-    }), (L, le) => L.onlySlot ? (y(), q("div", Sa, [
-      ie(L.$slots, "default", {}, void 0, !0)
-    ])) : (y(), q("div", Fa, [
-      Me((y(), w(Tt, {
+    ), dl(v, le, { ignore: [d] }), l({
+      closePopover: _
+    }), (P, ie) => P.onlySlot ? (m(), j("div", Sa, [
+      fe(P.$slots, "default", {}, void 0, !0)
+    ])) : (m(), j("div", Ba, [
+      Ye((m(), O(_t, {
         "is-active": i.value,
-        "skip-grouping": !b.value
+        "skip-grouping": !p.value
       }, {
-        default: S(() => [
-          _(u(ye), {
+        default: h(() => [
+          D(u(Be), {
             ref_key: "filterButtonRef",
-            ref: c,
-            "aria-label": C.value,
+            ref: d,
+            "aria-label": B.value,
             "aria-controls": i.value ? u(s) : null,
-            "applied-filters-count": L.appliedFiltersCount,
-            disabled: L.disabled,
-            "is-persistent-filter": d.value,
+            "applied-filters-count": P.appliedFiltersCount,
+            disabled: P.disabled,
+            "is-persistent-filter": r.value,
             "is-filter-open": i.value,
-            "secondary-label": L.buttonSecondaryLabel,
-            onClick: g,
-            onKeydown: re(A, ["esc"])
+            "secondary-label": P.buttonSecondaryLabel,
+            onClick: y,
+            onKeydown: pe(_, ["esc"])
           }, {
-            default: S(() => [
-              G(Y(T.value), 1)
+            default: h(() => [
+              J(K(S.value), 1)
             ]),
             _: 1
           }, 8, ["aria-label", "aria-controls", "applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label"]),
-          b.value ? (y(), w(u(ye), {
+          p.value ? (m(), O(u(Be), {
             key: 0,
-            "applied-filters-count": L.appliedFiltersCount,
-            disabled: L.disabled,
-            "is-persistent-filter": d.value,
+            "applied-filters-count": P.appliedFiltersCount,
+            disabled: P.disabled,
+            "is-persistent-filter": r.value,
             "is-filter-open": i.value,
-            "secondary-label": L.buttonSecondaryLabel,
-            onClick: N
+            "secondary-label": P.buttonSecondaryLabel,
+            onClick: $
           }, {
-            iconLeft: S(() => [
-              _(u(gt), { "svg-title": f.value }, null, 8, ["svg-title"])
+            iconLeft: h(() => [
+              D(u(Bt), { "svg-title": f.value }, null, 8, ["svg-title"])
             ]),
             _: 1
-          }, 8, ["applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label"])) : j("", !0)
+          }, 8, ["applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label"])) : Y("", !0)
         ]),
         _: 1
       }, 8, ["is-active", "skip-grouping"])), [
-        [u(yt), L.tooltipText, L.tooltipPosition]
+        [u(St), P.tooltipText, P.tooltipPosition]
       ]),
-      c.value ? (y(), w(mt, { key: 0 }, {
-        default: S(() => [
-          c.value ? (y(), w(cl, {
+      d.value ? (m(), O(Ft, { key: 0 }, {
+        default: h(() => [
+          d.value ? (m(), O(cl, {
             key: 0,
             id: u(s),
             ref_key: "popoverRef",
             ref: v,
             class: "b-base-filter__popover",
             divider: "",
-            "aria-label": L.label,
+            "aria-label": P.label,
             open: i.value,
-            actions: L.controlled ? null : U.value,
+            actions: P.controlled ? null : z.value,
             "actions-layout": "space-between",
-            "target-element": c.value,
-            title: L.controlled ? null : L.label,
-            "fit-content": L.fitContent,
+            "target-element": d.value,
+            title: P.controlled ? null : P.label,
+            "fit-content": P.fitContent,
             position: "bottom-start",
-            "without-space": L.controlled,
+            "without-space": P.controlled,
             "fallback-position": ["bottom-end"],
             "overflow-visible": ""
           }, {
-            default: S(() => [
-              M("div", {
-                onKeydown: re(k, ["esc"])
+            default: h(() => [
+              q("div", {
+                onKeydown: pe(k, ["esc"])
               }, [
-                ie(L.$slots, "default", {}, void 0, !0)
+                fe(P.$slots, "default", {}, void 0, !0)
               ], 32)
             ]),
             _: 3
-          }, 8, ["id", "aria-label", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : j("", !0)
+          }, 8, ["id", "aria-label", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : Y("", !0)
         ]),
         _: 3
-      })) : j("", !0)
+      })) : Y("", !0)
     ]));
   }
-}), de = /* @__PURE__ */ Q(Da, [["__scopeId", "data-v-79ccf445"]]), Ca = (e) => e instanceof Array, at = (e) => Ca(e) ? e.length === 0 || e.every((l) => l === "") : !e, nt = (e, l) => JSON.stringify(e) === JSON.stringify(l), be = (e, l) => {
-  const t = P(e.value);
-  Z(
+}), ve = /* @__PURE__ */ Z(Ta, [["__scopeId", "data-v-79ccf445"]]), Da = (e) => e instanceof Array, st = (e) => Da(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);
+  ee(
     () => e.value,
     () => {
       t.value = e.value;
     }
   );
-  const a = p(() => at(e.value)), n = p(
-    () => l.value !== null ? nt(l.value, e.value) : a.value
-  ), o = p(() => nt(t.value, e.value) || at(t.value) && a.value);
+  const n = c(() => st(e.value)), a = c(
+    () => l.value !== null ? rt(l.value, e.value) : n.value
+  ), o = c(() => rt(t.value, e.value) || st(t.value) && n.value);
   return {
     internalFilterValue: t,
-    isSecondaryButtonDisabled: n,
+    isSecondaryButtonDisabled: a,
     isApplyButtonDisabled: o
   };
-}, Ta = {
+}, Aa = {
   name: "bento-input-filter"
-}, _a = /* @__PURE__ */ H({
-  ...Ta,
+}, wa = /* @__PURE__ */ W({
+  ...Aa,
   props: {
     defaultValue: { default: null },
     disabled: { type: Boolean, default: !1 },
@@ -1277,46 +1296,46 @@ const _t = {
   },
   emits: ["input", "update"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = P(null), o = P(t?.options?.dropdown?.value), s = p(
+    const t = e, n = l, a = R(null), o = R(t?.options?.dropdown?.value), s = c(
       () => t?.options?.variant === "dropdown" && t?.options?.dropdown !== void 0
-    ), i = p(
+    ), i = c(
       () => s.value ? { ...t?.options?.dropdown, value: o.value } : void 0
-    ), c = p(() => t?.options?.variant === "dropdown" ? "dropdown" : "default"), v = p(
+    ), d = c(() => t?.options?.variant === "dropdown" ? "dropdown" : "default"), v = c(
       () => s.value ? t.value?.inputValue : t?.value
-    ), { internalFilterValue: d, isSecondaryButtonDisabled: b, isApplyButtonDisabled: C } = be(
+    ), { internalFilterValue: r, isSecondaryButtonDisabled: p, isApplyButtonDisabled: B } = ge(
       v,
-      W(t, "defaultValue")
-    ), f = p(() => t.label), T = p(() => ue(v.value, 12)), B = p(() => ({
+      Q(t, "defaultValue")
+    ), f = c(() => t.label), S = c(() => be(v.value, 12)), C = c(() => ({
       "b-input-filter--only-slot": t.onlySlot
     }));
-    ke(() => {
-      d.value === "" && (d.value = null);
-    }), Z(n, () => {
-      n.value?.focusInput();
+    Ve(() => {
+      r.value === "" && (r.value = null);
+    }), ee(a, () => {
+      a.value?.focusInput();
     });
-    const A = () => {
-      d.value = v.value;
-    }, N = () => {
-      !d.value && t.defaultValue !== null && (d.value = t.defaultValue), a("update", {
+    const _ = () => {
+      r.value = v.value;
+    }, $ = () => {
+      !r.value && t.defaultValue !== null && (r.value = t.defaultValue), n("update", {
         ...t,
         value: s.value ? {
-          inputValue: d.value,
+          inputValue: r.value,
           dropdownValue: o.value
-        } : d.value
+        } : r.value
       });
-    }, O = () => a("update", { ...t, value: t.defaultValue }), g = () => {
-      d.value = null, N();
-    }, J = () => {
-      a("input", { ...t, value: d.value });
-    }, k = (U) => {
-      d.value = U;
-    }, z = (U) => {
-      o.value = U;
+    }, w = () => n("update", { ...t, value: t.defaultValue }), y = () => {
+      r.value = null, $();
+    }, G = () => {
+      n("input", { ...t, value: r.value });
+    }, k = (z) => {
+      r.value = z;
+    }, le = (z) => {
+      o.value = z;
     };
-    return ut(pl, s.value), Z(
+    return pt(fl, s.value), ee(
       () => t.options,
       () => {
-        (t.options?.dropdown || t.options?.dropdownPosition || t.options?.variant) && Re(
+        (t.options?.dropdown || t.options?.dropdownPosition || t.options?.variant) && Me(
           'BentoInputFilter "options" property',
           `BentoInputFilter "options" no longer supports "dropdown", "dropdownPosition" or "variant" attributes.
                             Use the "BentoFilterItemType.INPUT_DROPDOWN" instead of "BentoFilterItemType.INPUT"
@@ -1332,47 +1351,47 @@ const _t = {
         );
       },
       { immediate: !0 }
-    ), (U, L) => (y(), w(u(de), x(U.$props, {
+    ), (z, P) => (m(), O(u(ve), te(z.$props, {
       "button-label": f.value,
-      "button-secondary-label": T.value,
-      "disable-apply-button": u(C),
-      "disable-secondary-button": u(b),
-      "only-slot": U.onlySlot,
+      "button-secondary-label": S.value,
+      "disable-apply-button": u(B),
+      "disable-secondary-button": u(p),
+      "only-slot": z.onlySlot,
       "popover-overflow-visible": s.value,
-      "tooltip-position": U.options?.tooltipPosition,
-      "tooltip-text": U.options?.tooltipText,
-      onApply: N,
-      onClear: g,
-      onOpen: A,
-      onReset: O
+      "tooltip-position": z.options?.tooltipPosition,
+      "tooltip-text": z.options?.tooltipText,
+      onApply: $,
+      onClear: y,
+      onOpen: _,
+      onReset: w
     }), {
-      default: S(() => [
-        M("div", {
-          class: ae(["b-input-filter", B.value]),
-          onKeydown: re(N, ["enter"]),
-          onInput: J
+      default: h(() => [
+        q("div", {
+          class: ne(["b-input-filter", C.value]),
+          onKeydown: pe($, ["enter"]),
+          onInput: G
         }, [
-          _(u(He), {
+          D(u(Xe), {
             ref_key: "inputTextRef",
-            ref: n,
+            ref: a,
             dropdown: i.value,
-            "dropdown-position": U.options?.dropdownPosition,
-            placeholder: U.options?.placeholder,
-            variant: c.value,
-            "model-value": u(d),
-            disabled: U.disabled,
+            "dropdown-position": z.options?.dropdownPosition,
+            placeholder: z.options?.placeholder,
+            variant: d.value,
+            "model-value": u(r),
+            disabled: z.disabled,
             "onUpdate:modelValue": k,
-            onDropdownInput: z
+            onDropdownInput: le
           }, null, 8, ["dropdown", "dropdown-position", "placeholder", "variant", "model-value", "disabled"])
         ], 34)
       ]),
       _: 1
     }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "popover-overflow-visible", "tooltip-position", "tooltip-text"]));
   }
-}), wt = /* @__PURE__ */ Q(_a, [["__scopeId", "data-v-57f2a128"]]), wa = {
+}), Et = /* @__PURE__ */ Z(wa, [["__scopeId", "data-v-57f2a128"]]), Oa = {
   name: "bento-input-with-dropdown-filter"
-}, Oa = /* @__PURE__ */ H({
-  ...wa,
+}, _a = /* @__PURE__ */ W({
+  ...Oa,
   props: {
     disabled: { type: Boolean },
     defaultValue: { default: void 0 },
@@ -1382,79 +1401,79 @@ const _t = {
     options: { default: void 0 },
     value: { default: void 0 }
   },
-  emits: [F.INPUT, F.UPDATE],
+  emits: [g.INPUT, g.UPDATE],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = P(null), { internalFilterValue: o, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = be(W(t, "value"), W(t, "defaultValue")), c = p(() => t.label), v = p(() => ue(t.value?.inputValue, 12)), d = p(
+    const t = e, n = l, a = R(null), { internalFilterValue: o, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = ge(Q(t, "value"), Q(t, "defaultValue")), d = c(() => t.label), v = c(() => be(t.value?.inputValue, 12)), r = c(
       () => o.value?.dropdownValue ?? t.options?.dropdown?.modelValue ?? t.options?.dropdown?.value
-    ), b = p(() => ({
+    ), p = c(() => ({
       ...t.options?.dropdown || {},
-      modelValue: d.value
-    })), C = p(() => ({
+      modelValue: r.value
+    })), B = c(() => ({
       "b-input-with-dropdown-filter--only-slot": t.onlySlot
-    })), f = p(() => !(!!o.value?.inputValue && !!d.value) || i.value);
-    ke(() => {
+    })), f = c(() => !(!!o.value?.inputValue && !!r.value) || i.value);
+    Ve(() => {
       o.value?.inputValue === "" && (o.value = { ...o.value, inputValue: void 0 });
-    }), Z(n, () => {
-      n.value?.focusInput();
+    }), ee(a, () => {
+      a.value?.focusInput();
     });
-    const T = () => {
+    const S = () => {
       o.value = t.value;
-    }, B = () => {
-      !o.value?.inputValue && t.defaultValue !== null && (o.value = { ...t.defaultValue }), a(F.UPDATE, {
+    }, C = () => {
+      !o.value?.inputValue && t.defaultValue !== null && (o.value = { ...t.defaultValue }), n(g.UPDATE, {
         ...t,
         value: o.value
       });
-    }, A = () => a(F.UPDATE, { ...t, value: t.defaultValue }), N = () => {
-      o.value = null, B();
-    }, O = () => {
-      a(F.INPUT, { ...t, value: o.value });
-    }, g = (k) => {
-      o.value = { dropdownValue: d.value, inputValue: k };
-    }, J = (k) => {
+    }, _ = () => n(g.UPDATE, { ...t, value: t.defaultValue }), $ = () => {
+      o.value = null, C();
+    }, w = () => {
+      n(g.INPUT, { ...t, value: o.value });
+    }, y = (k) => {
+      o.value = { dropdownValue: r.value, inputValue: k };
+    }, G = (k) => {
       o.value = { ...o.value, dropdownValue: k };
     };
-    return ut(fl, !0), (k, z) => (y(), w(u(de), x(k.$props, {
-      "button-label": c.value,
+    return pt(pl, !0), (k, le) => (m(), O(u(ve), te(k.$props, {
+      "button-label": d.value,
       "button-secondary-label": v.value,
       "disable-apply-button": f.value,
       "disable-secondary-button": u(s),
       "only-slot": k.onlySlot,
       "tooltip-position": k.options?.tooltipPosition,
       "tooltip-text": k.options?.tooltipText,
-      onApply: B,
-      onClear: N,
-      onOpen: T,
-      onReset: A
+      onApply: C,
+      onClear: $,
+      onOpen: S,
+      onReset: _
     }), {
-      default: S(() => [
-        M("div", {
-          class: ae(["b-input-with-dropdown-filter", C.value]),
-          onKeydown: re(B, ["enter"]),
-          onInput: O
+      default: h(() => [
+        q("div", {
+          class: ne(["b-input-with-dropdown-filter", B.value]),
+          onKeydown: pe(C, ["enter"]),
+          onInput: w
         }, [
-          _(u(He), {
+          D(u(Xe), {
             ref_key: "inputTextRef",
-            ref: n,
-            dropdown: b.value,
+            ref: a,
+            dropdown: p.value,
             "dropdown-position": k.options?.dropdownPosition,
             variant: "dropdown",
             "model-value": u(o)?.inputValue,
             disabled: k.disabled,
-            "onUpdate:modelValue": g,
-            onDropdownInput: J
+            "onUpdate:modelValue": y,
+            onDropdownInput: G
           }, null, 8, ["dropdown", "dropdown-position", "model-value", "disabled"])
         ], 34)
       ]),
       _: 1
     }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "tooltip-position", "tooltip-text"]));
   }
-}), Ot = /* @__PURE__ */ Q(Oa, [["__scopeId", "data-v-db04529c"]]), Aa = H({
+}), Rt = /* @__PURE__ */ Z(_a, [["__scopeId", "data-v-db04529c"]]), Ia = W({
   name: "bento-date-filter",
   components: {
-    BentoBaseFilter: de,
-    BentoDatePicker: Gl,
-    BentoDivider: Ge,
-    Calendar: El
+    BentoBaseFilter: ve,
+    BentoDatePicker: jl,
+    BentoDivider: Je,
+    Calendar: Rl
   },
   props: {
     /**
@@ -1497,47 +1516,51 @@ const _t = {
      */
     value: { type: Date, default: void 0 }
   },
-  emits: [F.INPUT, F.UPDATE],
+  emits: [g.INPUT, g.UPDATE],
   setup(e, { emit: l }) {
-    const { locale: t } = ne(void 0), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: o } = be(
-      W(e, "value"),
-      W(e, "defaultValue")
-    ), s = p(() => {
-      const B = e?.options?.variant === "month" ? { month: "long", year: "numeric" } : { day: "numeric", month: "short", year: "numeric" };
-      return e.value ? $l(t.value, B).format(e.value) : null;
-    }), i = p(() => e.label), c = p(() => s.value), v = () => {
-      l(F.UPDATE, { ...e, value: a.value });
-    }, d = () => {
-      a.value = null, v();
-    }, b = () => {
-      a.value = e.defaultValue, v();
-    }, C = () => {
+    const { isTouchDevice: t } = Yl(), { locale: n } = de(void 0), { internalFilterValue: a, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = ge(
+      Q(e, "value"),
+      Q(e, "defaultValue")
+    ), i = c(() => {
+      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;
+    }), d = c(() => e.label), v = c(() => i.value), r = () => {
+      l(g.UPDATE, { ...e, value: a.value });
+    }, p = () => {
+      a.value = null, r();
+    }, B = () => {
+      a.value = e.defaultValue, r();
+    }, f = () => {
       a.value = e.value;
-    }, f = (B) => {
-      a.value = B, l(F.INPUT, { ...e, value: a.value });
-    };
+    }, S = ($) => {
+      a.value = $, l(g.INPUT, { ...e, value: a.value });
+    }, C = ($) => {
+      a.value = $, S($), r();
+    }, _ = c(() => ({
+      "b-date-filter--touch-device": t.value
+    }));
     return {
       // Values
       internalFilterValue: a,
-      isApplyButtonDisabled: o,
-      isSecondaryButtonDisabled: n,
-      buttonLabel: i,
-      buttonSecondaryLabel: c,
+      isApplyButtonDisabled: s,
+      isSecondaryButtonDisabled: o,
+      buttonLabel: d,
+      buttonSecondaryLabel: v,
+      isTouchDevice: t,
+      touchDeviceDatePickerConditionalClasses: _,
       // Events
-      clearFilter: d,
-      onDateSelected: f,
-      openFilter: C,
-      updateFilter: v,
-      resetFilter: b,
-      onDateInputSelected: (B) => {
-        a.value = B, f(B), v();
-      }
+      clearFilter: p,
+      onDateSelected: S,
+      openFilter: f,
+      updateFilter: r,
+      resetFilter: B,
+      onDateInputSelected: C
     };
   }
-}), Ia = { class: "b-date-filter" };
-function Pa(e, l, t, a, n, o) {
-  const s = V("bento-date-picker"), i = V("bento-divider"), c = V("calendar"), v = V("bento-base-filter");
-  return y(), w(v, {
+}), Ea = { class: "b-date-filter" };
+function Ra(e, l, t, n, a, o) {
+  const s = M("bento-date-picker"), i = M("bento-divider"), d = M("calendar"), v = M("bento-base-filter");
+  return m(), O(v, {
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
     disabled: e.disabled,
@@ -1555,19 +1578,21 @@ function Pa(e, l, t, a, n, o) {
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }, {
-    default: S(() => [
-      e.onlySlot ? (y(), w(s, {
+    default: h(() => [
+      e.onlySlot || e.isTouchDevice ? (m(), O(s, {
         key: 0,
+        class: ne(e.touchDeviceDatePickerConditionalClasses),
+        "aria-labelledby": e.$attrs?.["aria-labelledby"],
         value: e.internalFilterValue,
         "first-day-of-week": e.options?.firstDayOfWeek,
         "is-date-disabled": e.options?.isDateDisabled,
         variant: e.options?.variant,
         disabled: e.disabled,
         onInput: e.onDateInputSelected
-      }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "variant", "disabled", "onInput"])) : (y(), q(we, { key: 1 }, [
-        _(i, { class: "b-date-filter__divider" }),
-        M("div", Ia, [
-          _(c, {
+      }, null, 8, ["class", "aria-labelledby", "value", "first-day-of-week", "is-date-disabled", "variant", "disabled", "onInput"])) : (m(), j(Ee, { key: 1 }, [
+        D(i, { class: "b-date-filter__divider" }),
+        q("div", Ea, [
+          D(d, {
             "first-day-of-week": e.options?.firstDayOfWeek,
             "is-date-disabled": e.options?.isDateDisabled,
             "number-of-months": 1,
@@ -1581,29 +1606,36 @@ function Pa(e, l, t, a, n, 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 At = /* @__PURE__ */ Q(Aa, [["render", Pa], ["__scopeId", "data-v-b572be46"]]);
-function Ea() {
+const Lt = /* @__PURE__ */ Z(Ia, [["render", Ra], ["__scopeId", "data-v-9173ae84"]]);
+function La() {
   return {
-    de: Al,
-    enUS: St,
+    de: _l,
+    enUS: Tt,
     fr: wl,
-    ja: _l,
-    ptBR: Tl
+    ja: Al,
+    ptBR: Dl
   };
 }
-const ot = {
+const ut = {
+  "de-DE": { apply: "Anwenden", clear: "Löschen", reset: "Zurücksetzen" },
+  "en-GB": { apply: "Apply", clear: "Clear", reset: "Reset" },
   "en-US": { apply: "Apply", clear: "Clear", reset: "Reset" },
+  "es-ES": { apply: "Aplicar", clear: "Borrar", reset: "Reiniciar" },
+  "es-MX": { apply: "Aplicar", clear: "Limpiar", reset: "Restablecer" },
+  "fr-FR": { apply: "Appliquer", clear: "Clair", reset: "Réinitialiser" },
+  "it-IT": { apply: "Applica", clear: "Cancella", reset: "Resetta" },
   "ja-JP": { apply: "適用", clear: "クリア", reset: "リセット" },
-  "pt-BR": { apply: "Aplicar", clear: "Limpar", reset: "Reiniciar" }
-}, $a = H({
-  i18n: { messages: ot },
+  "pt-BR": { apply: "Aplicar", clear: "Limpar", reset: "Limpar" },
+  "zh-CN": { apply: "应用", clear: "清除", reset: "重置" }
+}, Pa = W({
+  i18n: { messages: ut },
   name: "bento-date-range-filter",
   components: {
-    BentoBaseFilter: de,
+    BentoBaseFilter: ve,
     BentoButtonActions: bl,
-    BentoDateRangePicker: Dl,
-    BentoTypography: ee,
-    BentoDivider: Ge,
+    BentoDateRangePicker: Cl,
+    BentoTypography: ae,
+    BentoDivider: Je,
     DateRangePickerCalendar: Bl
   },
   props: {
@@ -1656,128 +1688,128 @@ const ot = {
       default: () => ({ startDate: void 0, endDate: void 0 })
     }
   },
-  emits: [F.INPUT, F.UPDATE],
+  emits: [g.INPUT, g.UPDATE],
   setup(e, { emit: l }) {
-    const { locale: t, t: a } = ne({ messages: ot }), n = Ea(), { dateToInputDateString: o } = Hl(), { internalFilterValue: s, isSecondaryButtonDisabled: i, isApplyButtonDisabled: c } = be(
-      W(e, "value"),
-      W(e, "defaultValue")
-    ), v = P(!1), d = p(() => e?.options?.quickSelectRanges && e.options.quickSelectRanges.map((r) => {
-      const m = r.data.endDate ? void 0 : new Date(Date.now()).getTime() - r.data.startDate.getTime();
+    const { locale: t, t: n } = de({ messages: ut }), a = La(), { dateToInputDateString: o } = Gl(), { internalFilterValue: s, isSecondaryButtonDisabled: i, isApplyButtonDisabled: d } = ge(
+      Q(e, "value"),
+      Q(e, "defaultValue")
+    ), v = R(!1), r = c(() => e?.options?.quickSelectRanges && e.options.quickSelectRanges.map((b) => {
+      const V = b.data.endDate ? void 0 : new Date(Date.now()).getTime() - b.data.startDate.getTime();
       return {
-        ...r,
+        ...b,
         data: {
-          ...r.data,
+          ...b.data,
           // Adding timeDifference to calculate an up-to-date endDate on range selection
-          timeDifference: m
+          timeDifference: V
         }
       };
-    })), b = P(null), C = P(!1), f = Zt({
+    })), p = R(null), B = R(!1), f = Zt({
       startDate: o(e.value?.startDate),
       endDate: o(e.value?.endDate),
-      startTime: Se(e.value?.startDate),
-      endTime: Se(e.value?.endDate)
+      startTime: De(e.value?.startDate),
+      endTime: De(e.value?.endDate)
     });
-    Z(
+    ee(
       () => e.value,
       () => {
-        f.startDate = o(e.value?.startDate), f.endDate = o(e.value?.endDate), f.startTime = Se(e.value?.startDate), f.endTime = Se(e.value?.endDate);
+        f.startDate = o(e.value?.startDate), f.endDate = o(e.value?.endDate), f.startTime = De(e.value?.startDate), f.endTime = De(e.value?.endDate);
       }
     );
-    function T(r) {
-      return r?.length !== void 0;
+    function S(b) {
+      return b?.length !== void 0;
     }
-    const B = (r) => {
-      if (!r || !r?.startDate && !r.endDate)
+    const C = (b) => {
+      if (!b || !b?.startDate && !b.endDate)
         return null;
-      if (T(e.options?.quickSelectRanges) && e.options?.quickSelectRanges?.length > 0) {
-        const m = e.options?.quickSelectRanges?.find(({ value: h, data: $ }) => r ? r.range ? h === r.range : !r.startDate || !r.endDate ? !1 : $?.endDate ? Ve($?.startDate, r.startDate) && Ve($?.endDate, r.endDate) : Ve($?.startDate, r.startDate) && Cl(r.endDate) : !1);
-        if (m)
-          return m.label;
+      if (S(e.options?.quickSelectRanges) && e.options?.quickSelectRanges?.length > 0) {
+        const V = e.options?.quickSelectRanges?.find(({ value: H, data: U }) => b ? b.range ? H === b.range : !b.startDate || !b.endDate ? !1 : U?.endDate ? He(U?.startDate, b.startDate) && He(U?.endDate, b.endDate) : He(U?.startDate, b.startDate) && Tl(b.endDate) : !1);
+        if (V)
+          return V.label;
       }
-      return !r.startDate || !r.endDate ? null : Ll(r.startDate, r.endDate) && e?.options?.allowTimeInput ? `${Oe(r.startDate, "dd MMM, yyyy HH:mm:ss", {
-        locale: n[t.value?.substring(0, 2)] || n.enUS
-      })} - ${Oe(r.endDate, "HH:mm:ss", {
-        locale: n[t.value?.substring(0, 2)] || n.enUS
-      })}` : `${Oe(r.startDate, "dd MMM, yyyy", {
-        locale: n[t.value?.substring(0, 2)] || n.enUS
-      })} - ${Oe(r.endDate, "dd MMM, yyyy", {
-        locale: n[t.value?.substring(0, 2)] || n.enUS
+      return !b.startDate || !b.endDate ? null : Pl(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
+      })}` : `${Re(b.startDate, "dd MMM, yyyy", {
+        locale: a[t.value?.substring(0, 2)] || a.enUS
+      })} - ${Re(b.endDate, "dd MMM, yyyy", {
+        locale: a[t.value?.substring(0, 2)] || a.enUS
       })}`;
-    }, A = P(B(e.value)), N = p(() => e.label), O = () => {
-      b.value.closePopover();
-      const { onlySlot: r, ...m } = e;
-      l(F.UPDATE, { ...m, value: s.value });
-    }, g = () => {
-      s.value = void 0, O();
-    }, J = () => {
-      s.value = e.defaultValue, O();
+    }, _ = R(C(e.value)), $ = c(() => e.label), w = () => {
+      p.value.closePopover();
+      const { onlySlot: b, ...V } = e;
+      l(g.UPDATE, { ...V, value: s.value });
+    }, y = () => {
+      s.value = void 0, w();
+    }, G = () => {
+      s.value = e.defaultValue, w();
     }, k = () => {
       s.value = e.value;
-    }, z = () => {
-      s.value = e.value, v.value = !1, f.startDate = o(e.value?.startDate), f.endDate = o(e.value?.endDate), f.startTime = Se(e.value?.startDate), f.endTime = Se(e.value?.endDate);
-    }, U = (r) => {
-      v.value = !1, s.value = r, f.startDate = o(r.startDate), f.endDate = o(r.endDate), l(F.INPUT, { ...e, value: s.value });
-    }, L = (r) => {
-      r?.startDate && r?.endDate && (s.value = r, f.startDate = o(r.startDate), f.endDate = o(r.endDate), l(F.INPUT, { ...e, value: s.value }));
-    }, le = (r) => {
-      U(r), l(F.INPUT, { ...e, value: s.value });
-    }, ce = p(
+    }, le = () => {
+      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);
+    }, z = (b) => {
+      v.value = !1, s.value = b, f.startDate = o(b.startDate), f.endDate = o(b.endDate), l(g.INPUT, { ...e, value: s.value });
+    }, P = (b) => {
+      b?.startDate && b?.endDate && (s.value = b, f.startDate = o(b.startDate), f.endDate = o(b.endDate), l(g.INPUT, { ...e, value: s.value }));
+    }, ie = (b) => {
+      z(b), l(g.INPUT, { ...e, value: s.value });
+    }, me = c(
       () => [
         {
-          title: a("apply"),
-          event: O,
-          disabled: v.value || C.value || c.value
+          title: n("apply"),
+          event: w,
+          disabled: v.value || B.value || d.value
         },
         {
-          title: e.defaultValue ? a("reset") : a("clear"),
-          event: e.defaultValue ? J : g,
-          disabled: C.value && i.value
+          title: e.defaultValue ? n("reset") : n("clear"),
+          event: e.defaultValue ? G : y,
+          disabled: B.value && i.value
         }
       ]
     ), se = () => {
-      C.value = !0, s.value = { startDate: void 0, endDate: void 0 }, l(F.INPUT, { ...e, value: s.value });
-    }, K = (r) => {
-      C.value = !1, r.startTime && (f.startTime = r.startTime), r.endTime && (f.endTime = r.endTime);
+      B.value = !0, s.value = { startDate: void 0, endDate: void 0 }, l(g.INPUT, { ...e, value: s.value });
+    }, X = (b) => {
+      B.value = !1, b.startTime && (f.startTime = b.startTime), b.endTime && (f.endTime = b.endTime);
     };
-    return Z(
+    return ee(
       () => e.value,
-      (r) => {
-        A.value = B(r);
+      (b) => {
+        _.value = C(b);
       },
       { deep: !0 }
     ), {
       // Refs
-      baseFilter: b,
+      baseFilter: p,
       // Values
-      actions: ce,
+      actions: me,
       formData: f,
       internalFilterValue: s,
-      isApplyButtonDisabled: c,
+      isApplyButtonDisabled: d,
       isSecondaryButtonDisabled: i,
       isSelectingDate: v,
-      buttonLabel: N,
-      buttonSecondaryLabel: A,
-      adjustedQuickSelectRanges: d,
+      buttonLabel: $,
+      buttonSecondaryLabel: _,
+      adjustedQuickSelectRanges: r,
       // Events
-      onCancel: z,
-      onDateSelected: U,
+      onCancel: le,
+      onDateSelected: z,
       openFilter: k,
-      clearFilter: g,
-      resetFilter: J,
-      updateFilter: O,
+      clearFilter: y,
+      resetFilter: G,
+      updateFilter: w,
       onDatePickerRangeError: se,
-      onDatePickerRangeFormDateInputUpdate: K,
-      onDateInputSelected: le,
-      onRangeSelectorInput: L
+      onDatePickerRangeFormDateInputUpdate: X,
+      onDateInputSelected: ie,
+      onRangeSelectorInput: P
     };
   }
-}), La = {
+}), $a = {
   key: 1,
   class: "b-date-range-filter"
 };
-function ka(e, l, t, a, n, o) {
-  const s = V("bento-date-range-picker"), i = V("bento-typography"), c = V("bento-divider"), v = V("bento-button-actions"), d = V("date-range-picker-calendar"), b = V("bento-base-filter");
-  return y(), w(b, {
+function ka(e, l, t, n, a, o) {
+  const s = M("bento-date-range-picker"), i = M("bento-typography"), d = M("bento-divider"), v = M("bento-button-actions"), r = M("date-range-picker-calendar"), p = M("bento-base-filter");
+  return m(), O(p, {
     ref: "baseFilter",
     class: "b-base-filter-date-range-filter",
     "button-label": e.buttonLabel,
@@ -1798,8 +1830,8 @@ function ka(e, l, t, a, n, o) {
     onReset: e.resetFilter,
     onCancel: e.onCancel
   }, {
-    default: S(() => [
-      e.onlySlot ? (y(), w(s, {
+    default: h(() => [
+      e.onlySlot ? (m(), O(s, {
         key: 0,
         "allow-time-input": e.options?.allowTimeInput,
         "model-value": e.internalFilterValue,
@@ -1817,8 +1849,8 @@ function ka(e, l, t, a, n, 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"])) : (y(), q("div", La, [
-        _(d, {
+      }, 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(), j("div", $a, [
+        D(r, {
           "allow-time-input": e.options?.allowTimeInput,
           "first-day-of-week": e.options?.firstDayOfWeek,
           "is-date-disabled": e.options?.isDateDisabled,
@@ -1836,23 +1868,23 @@ function ka(e, l, t, a, n, o) {
           onCustomRange: e.onRangeSelectorInput,
           onError: e.onDatePickerRangeError,
           onFormDate: e.onDatePickerRangeFormDateInputUpdate,
-          onStartDateSelected: l[0] || (l[0] = (C) => e.isSelectingDate = !0)
+          onStartDateSelected: l[0] || (l[0] = (B) => e.isSelectingDate = !0)
         }, {
-          title: S(() => [
-            _(i, {
+          title: h(() => [
+            D(i, {
               strongest: "",
               variant: "body",
               el: "span"
             }, {
-              default: S(() => [
-                G(Y(e.label), 1)
+              default: h(() => [
+                J(K(e.label), 1)
               ]),
               _: 1
             })
           ]),
-          actions: S(() => [
-            _(c, { class: "b-date-range-filter__divider" }),
-            _(v, {
+          actions: h(() => [
+            D(d, { class: "b-date-range-filter__divider" }),
+            D(v, {
               class: "b-date-range-filter__actions",
               actions: e.actions,
               layout: "space-between"
@@ -1865,10 +1897,10 @@ function ka(e, l, t, a, n, 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 It = /* @__PURE__ */ Q($a, [["render", ka], ["__scopeId", "data-v-ae77b64f"]]), Ra = {
+const Pt = /* @__PURE__ */ Z(Pa, [["render", ka], ["__scopeId", "data-v-ae77b64f"]]), Na = {
   name: "bento-radio-group-filter"
-}, Ua = /* @__PURE__ */ H({
-  ...Ra,
+}, Ua = /* @__PURE__ */ W({
+  ...Na,
   props: {
     disabled: { type: Boolean },
     defaultValue: { default: void 0 },
@@ -1882,51 +1914,51 @@ const It = /* @__PURE__ */ Q($a, [["render", ka], ["__scopeId", "data-v-ae77b64f
   },
   emits: ["input", "update"],
   setup(e, { emit: l }) {
-    const t = e, a = l, {
+    const t = e, n = l, {
       // Fields
-      internalFilterValue: n,
+      internalFilterValue: a,
       isSecondaryButtonDisabled: o,
       isApplyButtonDisabled: s,
       // Methods
       clearFilter: i,
-      openFilter: c,
+      openFilter: d,
       resetFilter: v
-    } = Dt(W(t, "value"), W(t, "defaultValue")), d = p(() => {
-      const T = t.options.items.find((B) => B.value === t.value)?.label || "";
-      return ue(T, 12);
-    }), b = p(() => ({
+    } = wt(Q(t, "value"), Q(t, "defaultValue")), r = c(() => {
+      const S = t.options.items.find((C) => C.value === t.value)?.label || "";
+      return be(S, 12);
+    }), p = c(() => ({
       "b-radio-group-filter--only-slot": t.onlySlot
     }));
-    function C(T) {
-      n.value = T, a("input", { ...t, value: n.value });
+    function B(S) {
+      a.value = S, n("input", { ...t, value: a.value });
     }
     function f() {
-      a("update", { ...t, value: n.value });
+      n("update", { ...t, value: a.value });
     }
-    return (T, B) => (y(), w(u(de), x(T.$props, {
-      "button-label": T.label,
-      "button-secondary-label": d.value,
+    return (S, C) => (m(), O(u(ve), te(S.$props, {
+      "button-label": S.label,
+      "button-secondary-label": r.value,
       "disable-apply-button": u(s),
       "disable-secondary-button": u(o),
-      "only-slot": T.onlySlot,
+      "only-slot": S.onlySlot,
       onApply: f,
-      onClear: B[1] || (B[1] = (A) => u(i)(f)),
-      onOpen: u(c),
-      onReset: B[2] || (B[2] = (A) => u(v)(f))
+      onClear: C[1] || (C[1] = (_) => u(i)(f)),
+      onOpen: u(d),
+      onReset: C[2] || (C[2] = (_) => u(v)(f))
     }), {
-      default: S(() => [
-        M("div", {
-          class: ae(["b-radio-group-filter", b.value])
+      default: h(() => [
+        q("div", {
+          class: ne(["b-radio-group-filter", p.value])
         }, [
-          _(u(vt), {
-            modelValue: u(n),
+          D(u(gt), {
+            modelValue: u(a),
             "onUpdate:modelValue": [
-              B[0] || (B[0] = (A) => xt(n) ? n.value = A : null),
-              C
+              C[0] || (C[0] = (_) => xt(a) ? a.value = _ : null),
+              B
             ],
-            items: T.options?.items,
-            label: T.label,
-            disabled: T.disabled,
+            items: S.options?.items,
+            label: S.label,
+            disabled: S.disabled,
             "hide-label": "",
             variant: "vertical"
           }, null, 8, ["modelValue", "items", "label", "disabled"])
@@ -1935,17 +1967,24 @@ const It = /* @__PURE__ */ Q($a, [["render", ka], ["__scopeId", "data-v-ae77b64f
       _: 1
     }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "onOpen"]));
   }
-}), Pt = /* @__PURE__ */ Q(Ua, [["__scopeId", "data-v-b1a70e21"]]), Et = {
+}), $t = /* @__PURE__ */ Z(Ua, [["__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}" },
+  "es-ES": { all: "Todos", noFiltersMatchThisSearch: "Ningún filtro coincide con esta búsqueda", searchFilter: "Buscar {filter}" },
+  "es-MX": { all: "Todos", noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda", searchFilter: "Buscar {filter}" },
+  "fr-FR": { all: "Tous", noFiltersMatchThisSearch: "Aucun filtre ne correspond à cette recherche", searchFilter: "Rechercher {filter}" },
+  "it-IT": { all: "Tutti", noFiltersMatchThisSearch: "Nessun filtro corrisponde a questa ricerca", searchFilter: "Cerca {filter}" },
   "ja-JP": { all: "すべて", noFiltersMatchThisSearch: "この検索に一致するフィルターはありません", searchFilter: "{filter}を検索" },
-  "pt-BR": { all: "Todos", noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca", searchFilter: "Procurar {filter}" }
-}, Va = { class: "b-select-filter-button__search-bar-wrapper" }, Na = {
+  "pt-BR": { all: "Todos", noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca", searchFilter: "Procurar {filter}" },
+  "zh-CN": { all: "全部", noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器", searchFilter: "搜索 {filter}" }
+}, Va = { class: "b-select-filter-button__search-bar-wrapper" }, Ma = {
   key: 0,
   class: "b-select-filter-button__search-bar"
-}, Ma = { class: "b-select-filter-button__divider" }, qa = {
-  i18n: { messages: Et }
-}, ja = /* @__PURE__ */ H({
-  ...qa,
+}, qa = { class: "b-select-filter-button__divider" }, Ha = {
+  i18n: { messages: kt }
+}, Ga = /* @__PURE__ */ W({
+  ...Ha,
   __name: "select-filter-button",
   props: {
     /**
@@ -1998,81 +2037,81 @@ const It = /* @__PURE__ */ Q($a, [["render", ka], ["__scopeId", "data-v-ae77b64f
   },
   emits: ["input", "update"],
   setup(e, { emit: l }) {
-    const t = Le(), a = l, n = e, { t: o } = ne({ messages: Et }), s = P(""), i = W(n, "options"), c = P(n.options.listboxItems ?? []), { cachedSelectedListboxOptions: v, setCachedValues: d, resetCache: b } = Je(
-      c,
-      W(n, "value"),
-      W(i.value, "multiple")
-    ), { cachedSelectedListboxOptions: C } = Je(
-      c,
-      W(n, "defaultValue"),
-      W(i.value, "multiple")
-    ), { internalFilterValue: f, isSecondaryButtonDisabled: T, isApplyButtonDisabled: B } = be(v, C);
-    Z(i, () => {
-      c.value = i.value.listboxItems ?? [];
+    const t = Ue(), n = l, a = e, { t: o } = de({ messages: kt }), s = R(""), i = Q(a, "options"), d = R(a.options.listboxItems ?? []), { cachedSelectedListboxOptions: v, setCachedValues: r, resetCache: p } = Ze(
+      d,
+      Q(a, "value"),
+      Q(i.value, "multiple")
+    ), { cachedSelectedListboxOptions: B } = Ze(
+      d,
+      Q(a, "defaultValue"),
+      Q(i.value, "multiple")
+    ), { internalFilterValue: f, isSecondaryButtonDisabled: S, isApplyButtonDisabled: C } = ge(v, B);
+    ee(i, () => {
+      d.value = i.value.listboxItems ?? [];
     });
-    const A = je(
+    const _ = ze(
       s,
-      c,
-      n.options?.search?.searchEvent
-    ), N = p(() => o("noFiltersMatchThisSearch")), O = p(() => n.label), g = p(() => {
-      const K = !n?.options?.multiple && n.value != null, r = n?.options?.multiple && Array.isArray(n.value) && n.value.length === 1;
-      if (K || r) {
-        if (n.options?.enableValueLabelPair) {
-          let $ = n.value?.length > 0 ? n.value[0].label : n.value.label;
-          return $ || ($ = n.value, ol(
+      d,
+      a.options?.search?.searchEvent
+    ), $ = c(() => o("noFiltersMatchThisSearch")), w = c(() => a.label), y = c(() => {
+      const X = !a?.options?.multiple && a.value != null, b = a?.options?.multiple && Array.isArray(a.value) && a.value.length === 1;
+      if (X || b) {
+        if (a.options?.enableValueLabelPair) {
+          let U = a.value?.length > 0 ? a.value[0].label : a.value.label;
+          return U || (U = a.value, ol(
             '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'
-          )), ue($, 12);
+          )), be(U, 12);
         }
-        let h = n.options.listboxItems.flatMap(($) => $.items ? $.items : $).find(
-          ({ value: $ }) => Array.isArray(n.value) ? n?.value?.includes($) : $ === n.value
+        let H = a.options.listboxItems.flatMap((U) => U.items ? U.items : U).find(
+          ({ value: U }) => Array.isArray(a.value) ? a?.value?.includes(U) : U === a.value
         )?.label;
-        return !h && n.value && (h = n.value[0]), ue(h, 12);
+        return !H && a.value && (H = a.value[0]), be(H, 12);
       }
       return null;
-    }), J = p(() => De(`filter-listbox-${n.field}`)), k = (K) => {
-      f.value = K;
-      const { onlySlot: r, ...m } = n;
-      if (n.options?.multiple) {
-        let $;
-        n.options?.enableValueLabelPair ? $ = K.length ? f.value : null : $ = K.length ? f.value.map(({ value: Te }) => Te) : null, a(F.INPUT, { ...m, value: $ });
+    }), G = c(() => Oe(`filter-listbox-${a.field}`)), k = (X) => {
+      f.value = X;
+      const { onlySlot: b, ...V } = a;
+      if (a.options?.multiple) {
+        let U;
+        a.options?.enableValueLabelPair ? U = X.length ? f.value : null : U = X.length ? f.value.map(({ value: T }) => T) : null, n(g.INPUT, { ...V, value: U });
         return;
       }
-      let h;
-      n.options?.enableValueLabelPair ? h = K.length ? K[0] : null : h = K.length ? K[0].value : null, a(F.INPUT, { ...m, value: h });
-    }, z = () => {
-      const { onlySlot: K, ...r } = n;
-      if (n.options.multiple) {
-        f.value && f.value?.length === 0 && (f.value = n.defaultValue !== null ? C.value : void 0);
-        let h;
-        n.options?.enableValueLabelPair ? h = f.value?.length ? f.value : null : h = f.value?.length ? f.value?.map(({ value: $ }) => $) : null, a(F.UPDATE, {
-          ...r,
-          value: h
+      let H;
+      a.options?.enableValueLabelPair ? H = X.length ? X[0] : null : H = X.length ? X[0].value : null, n(g.INPUT, { ...V, value: H });
+    }, le = () => {
+      const { onlySlot: X, ...b } = a;
+      if (a.options.multiple) {
+        f.value && f.value?.length === 0 && (f.value = a.defaultValue !== null ? B.value : void 0);
+        let H;
+        a.options?.enableValueLabelPair ? H = f.value?.length ? f.value : null : H = f.value?.length ? f.value?.map(({ value: U }) => U) : null, n(g.UPDATE, {
+          ...b,
+          value: H
         });
         return;
       }
-      let m;
-      n.options?.enableValueLabelPair ? m = f.value.length ? f.value[0] : void 0 : m = f.value.length ? f.value[0].value : void 0, a(F.UPDATE, { ...r, value: m });
-    }, U = () => {
-      f.value = v.value, n.options?.onOpen?.();
-    }, L = () => {
+      let V;
+      a.options?.enableValueLabelPair ? V = f.value.length ? f.value[0] : void 0 : V = f.value.length ? f.value[0].value : void 0, n(g.UPDATE, { ...b, value: V });
+    }, z = () => {
+      f.value = v.value, a.options?.onOpen?.();
+    }, P = () => {
       s.value && (s.value = "");
-    }, le = () => {
-      d(C.value), f.value = C.value, z();
-    }, ce = () => {
-      b(), f.value = [], z();
-    }, se = p(() => {
-      if (n.value == null || !n.options.multiple)
+    }, ie = () => {
+      r(B.value), f.value = B.value, le();
+    }, me = () => {
+      p(), f.value = [], le();
+    }, se = c(() => {
+      if (a.value == null || !a.options.multiple)
         return null;
-      const K = n.options.listboxItems?.reduce((m, h) => (m += h?.items?.length ? h.items.length : 1, m), 0), r = n.value?.length;
-      return r === 1 ? null : r === K ? o("all") : r;
+      const X = a.options.listboxItems?.reduce((V, H) => (V += H?.items?.length ? H.items.length : 1, V), 0), b = a.value?.length;
+      return b === 1 ? null : b === X ? o("all") : b;
     });
-    return (K, r) => (y(), w(u(de), {
+    return (X, b) => (m(), O(u(ve), {
       "applied-filters-count": se.value,
-      "button-label": O.value,
-      "button-secondary-label": g.value,
+      "button-label": w.value,
+      "button-secondary-label": y.value,
       disabled: e.disabled,
-      "disable-apply-button": u(B),
-      "disable-secondary-button": u(T),
+      "disable-apply-button": u(C),
+      "disable-secondary-button": u(S),
       "default-value": e.defaultValue,
       label: e.label,
       field: e.field,
@@ -2080,52 +2119,52 @@ const It = /* @__PURE__ */ Q($a, [["render", ka], ["__scopeId", "data-v-ae77b64f
       "tooltip-position": e.options?.tooltipPosition,
       "tooltip-text": e.options?.tooltipText,
       value: e.value,
-      onApply: z,
-      onClear: ce,
-      onReset: le,
-      onOpen: U,
-      onClose: L
+      onApply: le,
+      onClear: me,
+      onReset: ie,
+      onOpen: z,
+      onClose: P
     }, {
-      default: S(() => [
-        M("div", Va, [
-          e.options?.dynamicFiltering ?? !0 ? (y(), q("div", Na, [
-            _(Ee, {
+      default: h(() => [
+        q("div", Va, [
+          e.options?.dynamicFiltering ?? !0 ? (m(), j("div", Ma, [
+            D(ke, {
               "debounce-time": e.options?.search?.debounceTime,
               value: s.value,
               "input-field-aria-label": u(o)("searchFilter", { filter: e.label.toLocaleLowerCase() }),
-              onInput: r[0] || (r[0] = (m) => s.value = m)
+              onInput: b[0] || (b[0] = (V) => s.value = V)
             }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
-          ])) : j("", !0),
-          M("div", Ma, [
-            _(u(Ge))
+          ])) : Y("", !0),
+          q("div", qa, [
+            D(u(Je))
           ])
         ]),
-        _(u(yl), {
-          id: J.value,
+        D(u(yl), {
+          id: G.value,
           "aria-label": e.label,
           class: "b-select-filter-button__wrapper",
           "component-loading": e.options?.loading,
           "empty-state": e.options?.emptyState,
           "has-more-items": e.options?.lazy?.hasMoreItems,
-          items: u(A),
+          items: u(_),
           "is-option-disabled": e.options?.isOptionDisabled,
           "lazy-load-type": e.options?.lazy?.lazyLoadType,
           loading: e.options?.lazy?.loading,
           multiple: e.options?.multiple,
           "static-categories": e.options?.staticCategories,
-          "no-results-message": N.value,
+          "no-results-message": $.value,
           searching: !!s.value,
           "selected-value": u(f),
           "virtual-scroll": e.options?.virtualScroll,
           onSelect: k,
           onSpacePressed: k,
           onEnterPressed: k,
-          onShowMore: r[1] || (r[1] = (m) => e.options?.lazy?.showMoreEvent())
-        }, _e({ _: 2 }, [
-          fe(u(t), (m, h) => ({
-            name: h,
-            fn: S(($) => [
-              ie(K.$slots, h, Ie(Pe($)), void 0, !0)
+          onShowMore: b[1] || (b[1] = (V) => e.options?.lazy?.showMoreEvent())
+        }, Ie({ _: 2 }, [
+          he(u(t), (V, H) => ({
+            name: H,
+            fn: h((U) => [
+              fe(X.$slots, H, Pe($e(U)), void 0, !0)
             ])
           }))
         ]), 1032, ["id", "aria-label", "component-loading", "empty-state", "has-more-items", "items", "is-option-disabled", "lazy-load-type", "loading", "multiple", "static-categories", "no-results-message", "searching", "selected-value", "virtual-scroll"])
@@ -2133,15 +2172,22 @@ const It = /* @__PURE__ */ Q($a, [["render", ka], ["__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"]));
   }
-}), Ha = /* @__PURE__ */ Q(ja, [["__scopeId", "data-v-a5f40d81"]]), $t = {
+}), ja = /* @__PURE__ */ Z(Ga, [["__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" },
+  "es-ES": { noFiltersMatchThisSearch: "Ningún filtro coincide con esta búsqueda" },
+  "es-MX": { noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda" },
+  "fr-FR": { noFiltersMatchThisSearch: "Aucun filtre ne correspond à cette recherche" },
+  "it-IT": { noFiltersMatchThisSearch: "Nessun filtro corrisponde a questa ricerca" },
   "ja-JP": { noFiltersMatchThisSearch: "この検索に一致するフィルターはありません" },
-  "pt-BR": { noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta pesquisa" }
-}, Ga = {
-  i18n: { messages: $t },
+  "pt-BR": { noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca" },
+  "zh-CN": { noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器" }
+}, Ya = {
+  i18n: { messages: Nt },
   name: "select-filter-dropdown"
-}, Ya = /* @__PURE__ */ H({
-  ...Ga,
+}, Wa = /* @__PURE__ */ W({
+  ...Ya,
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -2194,16 +2240,16 @@ const It = /* @__PURE__ */ Q($a, [["render", ka], ["__scopeId", "data-v-ae77b64f
   },
   emits: ["input", "update"],
   setup(e, { emit: l }) {
-    const { t } = ne({ messages: $t }), a = Le(), n = l, o = e, { internalFilterValue: s } = be(W(o, "value"), W(o, "defaultValue")), i = W(o, "options"), c = P(o.options.listboxItems);
-    Z(i, () => {
-      c.value = i.value.listboxItems;
+    const { t } = de({ messages: Nt }), n = Ue(), a = l, o = e, { internalFilterValue: s } = ge(Q(o, "value"), Q(o, "defaultValue")), i = Q(o, "options"), d = R(o.options.listboxItems);
+    ee(i, () => {
+      d.value = i.value.listboxItems;
     });
-    const v = p(() => t("noFiltersMatchThisSearch")), d = (b) => {
-      s.value = b;
-      const { onlySlot: C, ...f } = o;
-      n(F.INPUT, { ...f, value: s.value });
+    const v = c(() => t("noFiltersMatchThisSearch")), r = (p) => {
+      s.value = p;
+      const { onlySlot: B, ...f } = o;
+      a(g.INPUT, { ...f, value: s.value });
     };
-    return (b, C) => (y(), w(u(il), {
+    return (p, B) => (m(), O(u(il), {
       "model-value": u(s),
       items: e.options.listboxItems,
       search: e.options?.search,
@@ -2216,18 +2262,18 @@ const It = /* @__PURE__ */ Q($a, [["render", ka], ["__scopeId", "data-v-ae77b64f
       "empty-state": e.options?.emptyState,
       disabled: e.disabled,
       "enable-value-label-pair": e.options?.enableValueLabelPair,
-      "onUpdate:modelValue": d,
-      onOpen: C[0] || (C[0] = () => e.options?.onOpen?.())
-    }, _e({ _: 2 }, [
-      fe(u(a), (f, T) => ({
-        name: T,
-        fn: S((B) => [
-          ie(b.$slots, T, Ie(Pe(B)))
+      "onUpdate:modelValue": r,
+      onOpen: B[0] || (B[0] = () => e.options?.onOpen?.())
+    }, Ie({ _: 2 }, [
+      he(u(n), (f, S) => ({
+        name: S,
+        fn: h((C) => [
+          fe(p.$slots, S, Pe($e(C)))
         ])
       }))
     ]), 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"]));
   }
-}), Ce = {
+}), _e = {
   /**
    * Disables the filter from being interacted with.
    */
@@ -2278,21 +2324,21 @@ const It = /* @__PURE__ */ Q($a, [["render", ka], ["__scopeId", "data-v-ae77b64f
     type: [String, Number, Array, Object],
     default: void 0
   }
-}, Wa = {}, ge = /* @__PURE__ */ H({
-  ...Wa,
+}, za = {}, Ce = /* @__PURE__ */ W({
+  ...za,
   __name: "select-filter",
-  props: Ce,
+  props: _e,
   emits: ["input", "update"],
   setup(e, { emit: l }) {
-    const t = Le(), a = l, n = e, o = (i) => a("input", i), s = (i) => a("update", i);
-    return $e(() => {
-      n?.options?.messages && Re(
+    const t = Ue(), n = l, a = e, o = (i) => n("input", i), s = (i) => n("update", i);
+    return Ne(() => {
+      a?.options?.messages && Me(
         'BentoFilterBar filter of type "BentoFilterItemType.SELECT" options message property',
         `Please remove the "options.messages" property from this filter, it is not required any more for persistent filters.
                         This will be the default behavior in the v2 and "options.messages" will be removed.`,
         "2.0.0"
       );
-    }), (i, c) => i.onlySlot ? (y(), w(u(Ya), {
+    }), (i, d) => i.onlySlot ? (m(), O(u(Wa), {
       key: 0,
       disabled: i.disabled,
       "default-value": i.defaultValue,
@@ -2302,14 +2348,14 @@ const It = /* @__PURE__ */ Q($a, [["render", ka], ["__scopeId", "data-v-ae77b64f
       value: i.value,
       onInput: o,
       onUpdate: s
-    }, _e({ _: 2 }, [
-      fe(u(t), (v, d) => ({
-        name: d,
-        fn: S((b) => [
-          ie(i.$slots, d, Ie(Pe(b)))
+    }, Ie({ _: 2 }, [
+      he(u(t), (v, r) => ({
+        name: r,
+        fn: h((p) => [
+          fe(i.$slots, r, Pe($e(p)))
         ])
       }))
-    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (y(), w(u(Ha), {
+    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (m(), O(u(ja), {
       key: 1,
       disabled: i.disabled,
       "default-value": i.defaultValue,
@@ -2319,23 +2365,23 @@ const It = /* @__PURE__ */ Q($a, [["render", ka], ["__scopeId", "data-v-ae77b64f
       value: i.value,
       onInput: o,
       onUpdate: s
-    }, _e({ _: 2 }, [
-      fe(u(t), (v, d) => ({
-        name: d,
-        fn: S((b) => [
-          ie(i.$slots, d, Ie(Pe(b)))
+    }, Ie({ _: 2 }, [
+      he(u(t), (v, r) => ({
+        name: r,
+        fn: h((p) => [
+          fe(i.$slots, r, Pe($e(p)))
         ])
       }))
     ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"]));
   }
-}), Ja = H({
+}), Xa = W({
   name: "bento-select-avatar-filter",
   components: {
-    BentoSelectFilter: ge,
-    BentoAvatar: Fl
+    BentoSelectFilter: Ce,
+    BentoAvatar: Sl
   },
   props: {
-    ...Ce,
+    ..._e,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -2347,41 +2393,41 @@ const It = /* @__PURE__ */ Q($a, [["render", ka], ["__scopeId", "data-v-ae77b64f
       default: void 0
     }
   },
-  emits: [F.INPUT, F.UPDATE],
+  emits: [g.INPUT, g.UPDATE],
   setup(e, { emit: l }) {
     return {
       // Enums
-      BentoFilterEvent: F,
+      BentoFilterEvent: g,
       // Methods
-      onUpdate: (a) => l(F.UPDATE, a)
+      onUpdate: (n) => l(g.UPDATE, n)
     };
   }
 });
-function Ka(e, l, t, a, n, o) {
-  const s = V("bento-avatar"), i = V("bento-select-filter");
-  return y(), w(i, x(e.$props, {
+function Ja(e, l, t, n, a, o) {
+  const s = M("bento-avatar"), i = M("bento-select-filter");
+  return m(), O(i, te(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: l[0] || (l[0] = (c) => e.$emit(e.BentoFilterEvent.INPUT, c))
+    onInput: l[0] || (l[0] = (d) => e.$emit(e.BentoFilterEvent.INPUT, d))
   }), {
-    default: S(({ label: c, data: v }) => [
-      _(s, {
-        username: c,
+    default: h(({ label: d, data: v }) => [
+      D(s, {
+        username: d,
         src: v
       }, null, 8, ["username", "src"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const Lt = /* @__PURE__ */ Q(Ja, [["render", Ka]]), Qa = H({
+const Ut = /* @__PURE__ */ Z(Xa, [["render", Ja]]), Ka = W({
   name: "bento-select-currency-filter",
   components: {
-    BentoSelectFilter: ge,
-    ListboxOptionTag: ht
+    BentoSelectFilter: Ce,
+    ListboxOptionTag: Ct
   },
   props: {
-    ...Ce,
+    ..._e,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -2393,74 +2439,74 @@ const Lt = /* @__PURE__ */ Q(Ja, [["render", Ka]]), Qa = H({
       default: void 0
     }
   },
-  emits: [F.INPUT, F.UPDATE],
+  emits: [g.INPUT, g.UPDATE],
   setup(e, { emit: l }) {
     const t = (s) => {
-      l(F.UPDATE, s);
-    }, a = P([]);
-    Z(
+      l(g.UPDATE, s);
+    }, n = R([]);
+    ee(
       () => e.options?.listboxItems,
       (s) => {
-        a.value = s || [];
+        n.value = s || [];
       },
       { immediate: !0 }
     );
-    const n = e.options?.search ? e.options.search : {
+    const a = e.options?.search ? e.options.search : {
       debounceTime: 500,
       searchEvent: async (s) => {
         if (!s) {
-          a.value = e.options?.listboxItems || [];
+          n.value = e.options?.listboxItems || [];
           return;
         }
-        const i = (e.options?.listboxItems || []).map((d) => ({
-          ...d,
-          label: `${d.value} ${d.label}`
-        })), v = je(
-          P(s),
-          P(i),
+        const i = (e.options?.listboxItems || []).map((r) => ({
+          ...r,
+          label: `${r.value} ${r.label}`
+        })), v = ze(
+          R(s),
+          R(i),
           e.options?.search?.searchEvent,
-          P(!1)
-        ).value?.map((d) => ({
-          ...d,
-          label: d.label.substring(d.value.length + 1)
+          R(!1)
+        ).value?.map((r) => ({
+          ...r,
+          label: r.label.substring(r.value.length + 1)
         }));
-        a.value = v;
+        n.value = v;
       }
-    }, o = p(() => ({
+    }, o = c(() => ({
       ...e.options,
-      search: n,
-      listboxItems: a.value
+      search: a,
+      listboxItems: n.value
     }));
     return {
       // Enums
-      BentoFilterEvent: F,
+      BentoFilterEvent: g,
       // Methods
       onUpdate: t,
       internalOptions: o
     };
   }
 });
-function Xa(e, l, t, a, n, o) {
-  const s = V("listbox-option-tag"), i = V("bento-select-filter");
-  return y(), w(i, x(e.$props, {
+function Qa(e, l, t, n, a, o) {
+  const s = M("listbox-option-tag"), i = M("bento-select-filter");
+  return m(), O(i, te(e.$props, {
     field: e.field,
     label: e.label,
     options: e.internalOptions,
     onUpdate: e.onUpdate,
-    onInput: l[0] || (l[0] = (c) => e.$emit(e.BentoFilterEvent.INPUT, c))
+    onInput: l[0] || (l[0] = (d) => e.$emit(e.BentoFilterEvent.INPUT, d))
   }), {
-    default: S((c) => [
-      _(s, { option: c }, null, 8, ["option"])
+    default: h((d) => [
+      D(s, { option: d }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const kt = /* @__PURE__ */ Q(Qa, [["render", Xa]]), za = {
+const Vt = /* @__PURE__ */ Z(Ka, [["render", Qa]]), Za = {
   name: "bento-select-country-filter"
-}, Rt = /* @__PURE__ */ H({
-  ...za,
+}, Mt = /* @__PURE__ */ W({
+  ...Za,
   props: {
-    ...Ce,
+    ..._e,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -2473,31 +2519,31 @@ const kt = /* @__PURE__ */ Q(Qa, [["render", Xa]]), za = {
       default: void 0
     }
   },
-  emits: [F.INPUT, F.UPDATE],
+  emits: [g.INPUT, g.UPDATE],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = P(t.options.variant), o = P(t.options.listboxItems);
-    Z([() => t.options.variant, () => t.options.listboxItems], () => {
-      n.value = t.options.variant, o.value = t.options.listboxItems;
+    const t = e, n = l, a = R(t.options.variant), o = R(t.options.listboxItems);
+    ee([() => t.options.variant, () => t.options.listboxItems], () => {
+      a.value = t.options.variant, o.value = t.options.listboxItems;
     });
-    const s = (v) => a(F.UPDATE, v), i = Sl(n, o), c = p(() => ({
+    const s = (v) => n(g.UPDATE, v), i = Fl(a, o), d = c(() => ({
       ...t?.options ? t.options : {},
       listboxItems: i.value
     }));
-    return (!n.value || n.value === "custom") && Re(
+    return (!a.value || a.value === "custom") && Me(
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
       "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
       "2.0.0"
-    ), (v, d) => (y(), w(ge, x(t, {
+    ), (v, r) => (m(), O(Ce, te(t, {
       field: v.field,
       label: v.label,
-      options: c.value,
+      options: d.value,
       onUpdate: s,
-      onInput: d[0] || (d[0] = (b) => v.$emit(u(F).INPUT, b))
+      onInput: r[0] || (r[0] = (p) => v.$emit(u(g).INPUT, p))
     }), {
-      default: S(({ label: b }) => [
-        _(u(ee), { el: "span" }, {
-          default: S(() => [
-            G(Y(b), 1)
+      default: h(({ label: p }) => [
+        D(u(ae), { el: "span" }, {
+          default: h(() => [
+            J(K(p), 1)
           ]),
           _: 2
         }, 1024)
@@ -2505,14 +2551,14 @@ const kt = /* @__PURE__ */ Q(Qa, [["render", Xa]]), za = {
       _: 1
     }, 16, ["field", "label", "options"]));
   }
-}), Za = H({
+}), xa = W({
   name: "bento-select-payment-method-filter",
   components: {
-    BentoSelectFilter: ge,
-    BentoPaymentMethod: hl
+    BentoSelectFilter: Ce,
+    BentoPaymentMethod: gl
   },
   props: {
-    ...Ce,
+    ..._e,
     /**
      * List of options that are needed to setup the payment method filter
      * Available options:
@@ -2524,41 +2570,41 @@ const kt = /* @__PURE__ */ Q(Qa, [["render", Xa]]), za = {
       default: void 0
     }
   },
-  emits: [F.INPUT, F.UPDATE],
+  emits: [g.INPUT, g.UPDATE],
   setup(e, { emit: l }) {
     return {
       // Enums
-      BentoFilterEvent: F,
+      BentoFilterEvent: g,
       // Methods
-      onUpdate: (a) => l(F.UPDATE, a)
+      onUpdate: (n) => l(g.UPDATE, n)
     };
   }
 });
-function xa(e, l, t, a, n, o) {
-  const s = V("bento-payment-method"), i = V("bento-select-filter");
-  return y(), w(i, x(e.$props, {
+function en(e, l, t, n, a, o) {
+  const s = M("bento-payment-method"), i = M("bento-select-filter");
+  return m(), O(i, te(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: l[0] || (l[0] = (c) => e.$emit(e.BentoFilterEvent.INPUT, c))
+    onInput: l[0] || (l[0] = (d) => e.$emit(e.BentoFilterEvent.INPUT, d))
   }), {
-    default: S(({ value: c, label: v }) => [
-      _(s, {
-        type: c,
+    default: h(({ value: d, label: v }) => [
+      D(s, {
+        type: d,
         label: v
       }, null, 8, ["type", "label"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const Ut = /* @__PURE__ */ Q(Za, [["render", xa]]), en = H({
+const qt = /* @__PURE__ */ Z(xa, [["render", en]]), tn = W({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: ge,
-    ListboxOptionTag: ht
+    BentoSelectFilter: Ce,
+    ListboxOptionTag: Ct
   },
   props: {
-    ...Ce,
+    ..._e,
     /**
      * List of options that are needed to setup the tag filter
      * Available options:
@@ -2570,50 +2616,57 @@ const Ut = /* @__PURE__ */ Q(Za, [["render", xa]]), en = H({
       default: void 0
     }
   },
-  emits: [F.INPUT, F.UPDATE],
+  emits: [g.INPUT, g.UPDATE],
   setup(e, { emit: l }) {
-    const t = (o) => l(F.UPDATE, o), a = p(
+    const t = (o) => l(g.UPDATE, o), n = c(
       () => e?.options?.listboxItems?.map(({ label: o, value: s, variant: i }) => ({ label: o, value: s, data: i }))
     );
     return {
       // Values
-      countryOptions: p(() => ({
+      countryOptions: c(() => ({
         ...e.options,
-        listboxItems: a.value
+        listboxItems: n.value
       })),
       // Methods
       onUpdate: t,
       // Enums
-      BentoFilterEvent: F
+      BentoFilterEvent: g
     };
   }
 });
-function tn(e, l, t, a, n, o) {
-  const s = V("listbox-option-tag"), i = V("bento-select-filter");
-  return y(), w(i, x(e.$props, {
+function ln(e, l, t, n, a, o) {
+  const s = M("listbox-option-tag"), i = M("bento-select-filter");
+  return m(), O(i, te(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
     onUpdate: e.onUpdate,
-    onInput: l[0] || (l[0] = (c) => e.$emit(e.BentoFilterEvent.INPUT, c))
+    onInput: l[0] || (l[0] = (d) => e.$emit(e.BentoFilterEvent.INPUT, d))
   }), {
-    default: S(({ label: c, data: v }) => [
-      _(s, {
-        option: { value: c, data: v, label: "" }
+    default: h(({ label: d, data: v }) => [
+      D(s, {
+        option: { value: d, data: v, label: "" }
       }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const Vt = /* @__PURE__ */ Q(en, [["render", tn]]), Nt = {
+const Ht = /* @__PURE__ */ Z(tn, [["render", ln]]), 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}" },
+  "es-ES": { filter: "Mi filtro", resetFilter: "Reiniciar el filtro {filterName}" },
+  "es-MX": { filter: "Mi filtro", resetFilter: "Resetear el filtro {filterName}" },
+  "fr-FR": { filter: "Mon filtre", resetFilter: "Réinitialiser le filtre {filterName}" },
+  "it-IT": { filter: "Il mio filtro", resetFilter: "Reimposta il filtro {filterName}" },
   "ja-JP": { filter: "フィルター", resetFilter: "フィルター{filterName}をリセット" },
-  "pt-BR": { filter: "Meu filtro", resetFilter: "Limpar filtro {filterName}" }
-}, ln = { class: "b-toggle-filter" }, an = { class: "b-toggle-filter__content" }, nn = {
-  i18n: { messages: Nt },
+  "pt-BR": { filter: "Meu filtro", resetFilter: "Limpar filtro {filterName}" },
+  "zh-CN": { filter: "我的筛选器", resetFilter: "重置筛选器 {filterName}" }
+}, an = { class: "b-toggle-filter" }, nn = { class: "b-toggle-filter__content" }, on = {
+  i18n: { messages: Gt },
   name: "bento-toggle-filter"
-}, on = /* @__PURE__ */ H({
-  ...nn,
+}, sn = /* @__PURE__ */ W({
+  ...on,
   props: {
     description: {},
     disabled: { type: Boolean, default: !1 },
@@ -2625,72 +2678,72 @@ const Vt = /* @__PURE__ */ Q(en, [["render", tn]]), Nt = {
   },
   emits: ["input", "update"],
   setup(e, { emit: l }) {
-    const { t } = ne({ messages: Nt }), a = De("toggle-filter-checkbox-label"), n = De("toggle-filter-checkbox-description"), o = e, s = l, i = P(o.value);
-    Z(
+    const { t } = de({ messages: Gt }), n = Oe("toggle-filter-checkbox-label"), a = Oe("toggle-filter-checkbox-description"), o = e, s = l, i = R(o.value);
+    ee(
       () => o.value,
       (f) => {
         i.value = f;
       }
     );
-    const c = p(() => ({
+    const d = c(() => ({
       "b-toggle-filter__only-slot--disabled": o.disabled
     })), v = (f) => {
       i.value = f, s("input", { ...o, value: f });
-    }, d = () => {
+    }, r = () => {
       s("update", { ...o, value: i.value });
-    }, b = () => {
-      i.value = !i.value, d();
-    }, C = () => {
-      i.value = !1, d();
+    }, p = () => {
+      i.value = !i.value, r();
+    }, B = () => {
+      i.value = !1, r();
     };
-    return (f, T) => f.onlySlot ? (y(), q("label", {
+    return (f, S) => f.onlySlot ? (m(), j("label", {
       key: 1,
-      class: ae(["b-toggle-filter__only-slot", c.value])
+      class: ne(["b-toggle-filter__only-slot", d.value])
     }, [
-      _(u(ml), {
-        "aria-labelledby": u(a),
-        "aria-describedby": u(n),
+      D(u(ml), {
+        "aria-labelledby": u(n),
+        "aria-describedby": u(a),
         disabled: f.disabled,
         class: "b-toggle-filter__checkbox",
         "model-value": i.value,
         "onUpdate:modelValue": v
       }, null, 8, ["aria-labelledby", "aria-describedby", "disabled", "model-value"]),
-      M("div", an, [
-        _(u(ee), {
-          id: u(a),
+      q("div", nn, [
+        D(u(ae), {
+          id: u(n),
           variant: "title",
           medium: ""
         }, {
-          default: S(() => [
-            G(Y(f.label), 1)
+          default: h(() => [
+            J(K(f.label), 1)
           ]),
           _: 1
         }, 8, ["id"]),
-        f.description ? (y(), w(u(ee), {
+        f.description ? (m(), O(u(ae), {
           key: 0,
-          id: u(n)
+          id: u(a)
         }, {
-          default: S(() => [
-            G(Y(f.description), 1)
+          default: h(() => [
+            J(K(f.description), 1)
           ]),
           _: 1
-        }, 8, ["id"])) : j("", !0)
+        }, 8, ["id"])) : Y("", !0)
       ])
-    ], 2)) : Me((y(), w(u(Tt), {
+    ], 2)) : Ye((m(), O(u(_t), {
       key: 0,
       "skip-grouping": !i.value
     }, {
-      default: S(() => [
-        _(u(ye), {
+      default: h(() => [
+        D(u(Be), {
           "aria-pressed": i.value ? "true" : "false",
           active: i.value,
           disabled: f.disabled,
-          onClick: b
+          onClick: p
         }, {
-          default: S(() => [
-            M("div", ln, [
-              G(Y(f.label) + " ", 1),
-              Me(_(u(gl), {
+          default: h(() => [
+            q("div", an, [
+              J(K(f.label) + " ", 1),
+              Ye(D(u(hl), {
                 "aria-hidden": "true",
                 class: "b-toggle-filter__checkmark"
               }, null, 512), [
@@ -2700,32 +2753,39 @@ const Vt = /* @__PURE__ */ Q(en, [["render", tn]]), Nt = {
           ]),
           _: 1
         }, 8, ["aria-pressed", "active", "disabled"]),
-        i.value ? (y(), w(u(ye), {
+        i.value ? (m(), O(u(Be), {
           key: 0,
           "aria-label": u(t)("resetFilter", { filterName: f.label }),
           disabled: f.disabled,
           active: i.value,
-          onClick: C
+          onClick: B
         }, {
-          iconLeft: S(() => [
-            _(u(gt), { "aria-hidden": "true" })
+          iconLeft: h(() => [
+            D(u(Bt), { "aria-hidden": "true" })
           ]),
           _: 1
-        }, 8, ["aria-label", "disabled", "active"])) : j("", !0)
+        }, 8, ["aria-label", "disabled", "active"])) : Y("", !0)
       ]),
       _: 1
     }, 8, ["skip-grouping"])), [
-      [u(yt), f.options?.tooltipText, f.options?.tooltipPosition]
+      [u(St), f.options?.tooltipText, f.options?.tooltipPosition]
     ]);
   }
-}), Mt = /* @__PURE__ */ Q(on, [["__scopeId", "data-v-5cedf9b6"]]), it = {
+}), jt = /* @__PURE__ */ Z(sn, [["__scopeId", "data-v-5cedf9b6"]]), dt = {
+  "de-DE": { no: "Nein", yes: "Ja" },
+  "en-GB": { no: "No", yes: "Yes" },
   "en-US": { no: "No", yes: "Yes" },
+  "es-ES": { no: "No", yes: "Sí" },
+  "es-MX": { no: "No", yes: "Sí" },
+  "fr-FR": { no: "Non", yes: "Oui" },
+  "it-IT": { no: "No", yes: "Sì" },
   "ja-JP": { no: "いいえ", yes: "はい" },
-  "pt-BR": { no: "Não", yes: "Sim" }
-}, sn = H({
+  "pt-BR": { no: "Não", yes: "Sim" },
+  "zh-CN": { no: "不", yes: "是" }
+}, rn = W({
   name: "bento-boolean-filter",
-  i18n: { messages: it },
-  components: { BentoBaseFilter: de, BentoRadioGroup: vt },
+  i18n: { messages: dt },
+  components: { BentoBaseFilter: ve, BentoRadioGroup: gt },
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -2766,48 +2826,48 @@ const Vt = /* @__PURE__ */ Q(en, [["render", tn]]), Nt = {
       default: void 0
     }
   },
-  emits: [F.INPUT, F.UPDATE],
+  emits: [g.INPUT, g.UPDATE],
   setup(e, { emit: l }) {
-    const { t } = ne({ messages: it }), a = (g) => typeof g == "boolean" ? g?.toString() : g, n = (g) => e?.options?.positiveOption?.value !== void 0 && e?.options?.negativeOption?.value !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof g == "string" ? g === "true" : g, o = p(() => a(e.defaultValue)), s = p(() => a(e.value)), i = p(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
+    const { t } = de({ messages: dt }), n = (y) => typeof y == "boolean" ? y?.toString() : y, a = (y) => e?.options?.positiveOption?.value !== void 0 && e?.options?.negativeOption?.value !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof y == "string" ? y === "true" : y, o = c(() => n(e.defaultValue)), s = c(() => n(e.value)), i = c(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
       {
         ...e.options.positiveOption,
-        value: a(e.options.positiveOption.value)
+        value: n(e.options.positiveOption.value)
       },
       {
         ...e.options.negativeOption,
-        value: a(e.options.negativeOption.value)
+        value: n(e.options.negativeOption.value)
       }
     ] : [
       { value: "yes", label: t("yes") },
       { value: "no", label: t("no") }
-    ]), { internalFilterValue: c, isSecondaryButtonDisabled: v, isApplyButtonDisabled: d } = be(
+    ]), { internalFilterValue: d, isSecondaryButtonDisabled: v, isApplyButtonDisabled: r } = ge(
       s,
       o
-    ), b = p(() => e.label), C = p(
-      () => ue(i.value.find(({ value: g }) => g === s.value)?.label, 12)
-    ), f = p(() => ({
+    ), p = c(() => e.label), B = c(
+      () => be(i.value.find(({ value: y }) => y === s.value)?.label, 12)
+    ), f = c(() => ({
       "b-boolean-filter--only-slot": e.onlySlot
     }));
-    ke(() => {
-      c.value || (c.value = null);
+    Ve(() => {
+      d.value || (d.value = null);
     });
-    const T = (g) => {
-      c.value = g, l(F.INPUT, {
+    const S = (y) => {
+      d.value = y, l(g.INPUT, {
         ...e,
-        value: n(c.value)
+        value: a(d.value)
       });
-    }, B = () => {
-      c.value = s.value;
-    }, A = () => {
-      l(F.UPDATE, {
+    }, C = () => {
+      d.value = s.value;
+    }, _ = () => {
+      l(g.UPDATE, {
         ...e,
-        value: n(c.value)
+        value: a(d.value)
       });
-    }, N = () => l(F.UPDATE, { ...e, value: e.defaultValue }), O = () => {
-      c.value = null, A();
+    }, $ = () => l(g.UPDATE, { ...e, value: e.defaultValue }), w = () => {
+      d.value = null, _();
     };
-    return $e(() => {
-      Re(
+    return Ne(() => {
+      Me(
         'Boolean filter "BentoFilterItemType.BOOLEAN"',
         'Use the Radio group filter type "BentoFilterItemType.RADIO_GROUP" instead.',
         "2.0.0"
@@ -2816,25 +2876,25 @@ const Vt = /* @__PURE__ */ Q(en, [["render", tn]]), Nt = {
       // Values
       items: i,
       conditionalClasses: f,
-      buttonLabel: b,
-      buttonSecondaryLabel: C,
-      internalFilterValue: c,
-      isApplyButtonDisabled: d,
+      buttonLabel: p,
+      buttonSecondaryLabel: B,
+      internalFilterValue: d,
+      isApplyButtonDisabled: r,
       isSecondaryButtonDisabled: v,
       translatedValue: s,
       translatedDefaultValue: o,
       // Events
-      onInput: T,
-      updateFilter: A,
-      clearFilter: O,
-      openFilter: B,
-      resetFilter: N
+      onInput: S,
+      updateFilter: _,
+      clearFilter: w,
+      openFilter: C,
+      resetFilter: $
     };
   }
 });
-function rn(e, l, t, a, n, o) {
-  const s = V("bento-radio-group"), i = V("bento-base-filter");
-  return y(), w(i, x(e.$props, {
+function un(e, l, t, n, a, o) {
+  const s = M("bento-radio-group"), i = M("bento-base-filter");
+  return m(), O(i, te(e.$props, {
     value: e.translatedValue,
     "default-value": e.translatedDefaultValue,
     "button-label": e.buttonLabel,
@@ -2849,12 +2909,12 @@ function rn(e, l, t, a, n, o) {
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }), {
-    default: S(() => [
-      M("div", {
-        class: ae(["b-boolean-filter", e.conditionalClasses]),
-        onKeydown: l[0] || (l[0] = re((...c) => e.updateFilter && e.updateFilter(...c), ["enter"]))
+    default: h(() => [
+      q("div", {
+        class: ne(["b-boolean-filter", e.conditionalClasses]),
+        onKeydown: l[0] || (l[0] = pe((...d) => e.updateFilter && e.updateFilter(...d), ["enter"]))
       }, [
-        _(s, {
+        D(s, {
           items: e.items,
           label: e.label,
           "model-value": e.internalFilterValue,
@@ -2867,14 +2927,21 @@ function rn(e, l, t, a, n, 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 qt = /* @__PURE__ */ Q(sn, [["render", rn], ["__scopeId", "data-v-4f4270be"]]), st = {
+const Yt = /* @__PURE__ */ Z(rn, [["render", un], ["__scopeId", "data-v-4f4270be"]]), ct = {
+  "de-DE": { from: "Von", to: "Bis" },
+  "en-GB": { from: "From", to: "To" },
   "en-US": { from: "From", to: "To" },
+  "es-ES": { from: "Desde", to: "Hasta" },
+  "es-MX": { from: "De", to: "A" },
+  "fr-FR": { from: "De", to: "À" },
+  "it-IT": { from: "Da", to: "A" },
   "ja-JP": { from: "開始", to: "終了" },
-  "pt-BR": { from: "De", to: "Até" }
-}, un = H({
+  "pt-BR": { from: "De", to: "Para" },
+  "zh-CN": { from: "自", to: "至" }
+}, dn = W({
   name: "bento-range-filter",
-  i18n: { messages: st },
-  components: { BentoBaseFilter: de, BentoInputField: He },
+  i18n: { messages: ct },
+  components: { BentoBaseFilter: ve, BentoInputField: Xe },
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -2910,60 +2977,60 @@ const qt = /* @__PURE__ */ Q(sn, [["render", rn], ["__scopeId", "data-v-4f4270be
      */
     options: { type: Object, default: void 0 }
   },
-  emits: [F.INPUT, F.UPDATE],
+  emits: [g.INPUT, g.UPDATE],
   setup(e, { emit: l }) {
-    const { t } = ne({ messages: st }), a = P(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = be(
-      W(e, "value"),
-      W(e, "defaultValue")
-    ), i = p(() => {
+    const { t } = de({ messages: ct }), n = R(null), { internalFilterValue: a, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = ge(
+      Q(e, "value"),
+      Q(e, "defaultValue")
+    ), i = c(() => {
       if (!e.value?.[0] && !e.value?.[1])
         return null;
-      let O = "";
-      e.value?.[0] ? e.value?.[1] || (O = "≥") : O = "≤";
-      const g = e.value?.[0] ? `${ue(e.value[0], 5)}` : "", J = e.value?.[0] && e.value?.[1] ? " - " : "", k = e.value?.[1] ? `${ue(e.value[1], 5)}` : "";
-      return `${O}${g}${J}${k}`;
-    }), c = p(() => e.label), v = p(() => i.value), d = p(() => ({
+      let w = "";
+      e.value?.[0] ? e.value?.[1] || (w = "≥") : w = "≤";
+      const y = e.value?.[0] ? `${be(e.value[0], 5)}` : "", G = e.value?.[0] && e.value?.[1] ? " - " : "", k = e.value?.[1] ? `${be(e.value[1], 5)}` : "";
+      return `${w}${y}${G}${k}`;
+    }), d = c(() => e.label), v = c(() => i.value), r = c(() => ({
       "b-range-filter--only-slot": e.onlySlot
-    })), b = () => {
-      n.value = e.value, rt(() => a.value.focusInput());
-    }, C = () => {
-      l(F.INPUT, { ...e, value: n.value });
-    }, f = (O) => {
-      n.value = [O, n.value[1]], C();
-    }, T = (O) => {
-      n.value = [n.value[0], O], C();
+    })), p = () => {
+      a.value = e.value, ft(() => n.value.focusInput());
     }, B = () => {
-      n.value.some((O) => O) || (n.value = e.defaultValue !== null ? e.defaultValue : void 0), l(F.UPDATE, {
+      l(g.INPUT, { ...e, value: a.value });
+    }, f = (w) => {
+      a.value = [w, a.value[1]], B();
+    }, S = (w) => {
+      a.value = [a.value[0], w], B();
+    }, C = () => {
+      a.value.some((w) => w) || (a.value = e.defaultValue !== null ? e.defaultValue : void 0), l(g.UPDATE, {
         ...e,
-        value: n.value
+        value: a.value
       });
     };
     return {
       // Values
-      inputTextRef: a,
-      conditionalClasses: d,
-      internalFilterValue: n,
+      inputTextRef: n,
+      conditionalClasses: r,
+      internalFilterValue: a,
       isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: o,
-      buttonLabel: c,
+      buttonLabel: d,
       buttonSecondaryLabel: v,
       // Events
       updateFrom: f,
-      updateTo: T,
-      updateFilter: B,
+      updateTo: S,
+      updateFilter: C,
       clearFilter: () => {
-        n.value = ["", ""], B();
+        a.value = ["", ""], C();
       },
-      openFilter: b,
-      resetFilter: () => l(F.UPDATE, { ...e, value: e.defaultValue }),
+      openFilter: p,
+      resetFilter: () => l(g.UPDATE, { ...e, value: e.defaultValue }),
       // Translations
       t
     };
   }
 });
-function dn(e, l, t, a, n, o) {
-  const s = V("bento-input-field"), i = V("bento-base-filter");
-  return y(), w(i, x(e.$props, {
+function cn(e, l, t, n, a, o) {
+  const s = M("bento-input-field"), i = M("bento-base-filter");
+  return m(), O(i, te(e.$props, {
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
     "button-label": e.buttonLabel,
@@ -2976,12 +3043,12 @@ function dn(e, l, t, a, n, o) {
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }), {
-    default: S(() => [
-      M("div", {
-        class: ae(["b-range-filter", e.conditionalClasses]),
-        onKeydown: l[0] || (l[0] = re((...c) => e.updateFilter && e.updateFilter(...c), ["enter"]))
+    default: h(() => [
+      q("div", {
+        class: ne(["b-range-filter", e.conditionalClasses]),
+        onKeydown: l[0] || (l[0] = pe((...d) => e.updateFilter && e.updateFilter(...d), ["enter"]))
       }, [
-        _(s, {
+        D(s, {
           ref: "inputTextRef",
           "model-value": e.internalFilterValue ? e.internalFilterValue[0] : "",
           type: "number",
@@ -2989,12 +3056,12 @@ function dn(e, l, t, a, n, o) {
           disabled: e.disabled,
           "onUpdate:modelValue": e.updateFrom
         }, {
-          default: S(() => [
-            G(Y(e.t("from")), 1)
+          default: h(() => [
+            J(K(e.t("from")), 1)
           ]),
           _: 1
         }, 8, ["model-value", "aria-label", "disabled", "onUpdate:modelValue"]),
-        _(s, {
+        D(s, {
           class: "b-range-filter__input-field",
           "model-value": e.internalFilterValue ? e.internalFilterValue[1] : "",
           type: "number",
@@ -3002,8 +3069,8 @@ function dn(e, l, t, a, n, o) {
           disabled: e.disabled,
           "onUpdate:modelValue": e.updateTo
         }, {
-          default: S(() => [
-            G(Y(e.t("to")), 1)
+          default: h(() => [
+            J(K(e.t("to")), 1)
           ]),
           _: 1
         }, 8, ["model-value", "aria-label", "disabled", "onUpdate:modelValue"])
@@ -3012,15 +3079,22 @@ function dn(e, l, t, a, n, 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 jt = /* @__PURE__ */ Q(un, [["render", dn], ["__scopeId", "data-v-c71c8dbd"]]), Ht = {
+const Wt = /* @__PURE__ */ Z(dn, [["render", cn], ["__scopeId", "data-v-c71c8dbd"]]), zt = {
+  "de-DE": { all: "Alle" },
+  "en-GB": { all: "All" },
   "en-US": { all: "All" },
+  "es-ES": { all: "Todos" },
+  "es-MX": { all: "Todos" },
+  "fr-FR": { all: "Tout" },
+  "it-IT": { all: "Tutti" },
   "ja-JP": { all: "すべて" },
-  "pt-BR": { all: "Todos" }
-}, cn = {
+  "pt-BR": { all: "Todos os" },
+  "zh-CN": { all: "全部" }
+}, fn = {
   name: "bento-checkbox-group-filter",
-  i18n: { messages: Ht }
-}, pn = /* @__PURE__ */ H({
-  ...cn,
+  i18n: { messages: zt }
+}, pn = /* @__PURE__ */ W({
+  ...fn,
   props: {
     disabled: { type: Boolean, default: !1 },
     defaultValue: { default: void 0 },
@@ -3032,404 +3106,404 @@ const jt = /* @__PURE__ */ Q(un, [["render", dn], ["__scopeId", "data-v-c71c8dbd
   },
   emits: ["input", "update"],
   setup(e, { emit: l }) {
-    const t = e, a = l, { t: n } = ne({ messages: Ht }), {
+    const t = e, n = l, { t: a } = de({ messages: zt }), {
       internalFilterValue: o,
       isSecondaryButtonDisabled: s,
       isApplyButtonDisabled: i,
-      clearFilter: c,
+      clearFilter: d,
       resetFilter: v,
-      openFilter: d
-    } = Dt(W(t, "value"), W(t, "defaultValue")), b = P(o.value ?? []), C = p(() => ({
+      openFilter: r
+    } = wt(Q(t, "value"), Q(t, "defaultValue")), p = R(o.value ?? []), B = c(() => ({
       "b-checkbox-group-filter--only-slot": t.onlySlot
-    })), f = p(() => t.label), T = p(
-      () => b.value.length === 1 ? ue(
-        t.options?.checkboxItems.find((O) => b.value[0] === O.value)?.label ?? "",
+    })), f = c(() => t.label), S = c(
+      () => p.value.length === 1 ? be(
+        t.options?.checkboxItems.find((w) => p.value[0] === w.value)?.label ?? "",
         12
       ) : null
-    ), B = p(() => !b.value.length || T.value ? null : b.value.length === t.options?.checkboxItems.length ? n("all") : b.value.length), A = (O) => {
-      b.value = O ?? [], a("update", { ...t, value: O });
-    }, N = (O) => {
-      o.value = O, a("input", { ...t, value: o.value });
+    ), C = c(() => !p.value.length || S.value ? null : p.value.length === t.options?.checkboxItems.length ? a("all") : p.value.length), _ = (w) => {
+      p.value = w ?? [], n("update", { ...t, value: w });
+    }, $ = (w) => {
+      o.value = w, n("input", { ...t, value: o.value });
     };
-    return (O, g) => (y(), w(u(de), x(O.$props, {
-      "applied-filters-count": B.value,
+    return (w, y) => (m(), O(u(ve), te(w.$props, {
+      "applied-filters-count": C.value,
       "button-label": f.value,
-      "button-secondary-label": T.value,
+      "button-secondary-label": S.value,
       "disable-apply-button": u(i),
       "disable-secondary-button": u(s),
-      "tooltip-position": O.options?.tooltipPosition,
-      "tooltip-text": O.options?.tooltipText,
-      onApply: g[1] || (g[1] = (J) => A(u(o))),
-      onClear: g[2] || (g[2] = (J) => u(c)(A)),
-      onOpen: u(d),
-      onReset: g[3] || (g[3] = (J) => u(v)(A))
+      "tooltip-position": w.options?.tooltipPosition,
+      "tooltip-text": w.options?.tooltipText,
+      onApply: y[1] || (y[1] = (G) => _(u(o))),
+      onClear: y[2] || (y[2] = (G) => u(d)(_)),
+      onOpen: u(r),
+      onReset: y[3] || (y[3] = (G) => u(v)(_))
     }), {
-      default: S(() => [
-        M("div", {
-          class: ae(["b-checkbox-group-filter", C.value]),
-          onKeydown: g[0] || (g[0] = re((J) => A(u(o)), ["enter"]))
+      default: h(() => [
+        q("div", {
+          class: ne(["b-checkbox-group-filter", B.value]),
+          onKeydown: y[0] || (y[0] = pe((G) => _(u(o)), ["enter"]))
         }, [
-          _(vl, {
+          D(vl, {
             "model-value": u(o),
-            items: O.options?.checkboxItems,
-            label: O.label,
-            disabled: O.disabled,
+            items: w.options?.checkboxItems,
+            label: w.label,
+            disabled: w.disabled,
             "hide-label": "",
-            "onUpdate:modelValue": N
+            "onUpdate:modelValue": $
           }, null, 8, ["model-value", "items", "label", "disabled"])
         ], 34)
       ]),
       _: 1
     }, 16, ["applied-filters-count", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "tooltip-position", "tooltip-text", "onOpen"]));
   }
-}), Gt = /* @__PURE__ */ Q(pn, [["__scopeId", "data-v-a691cbf8"]]), fn = { class: "b-all-filters-modal" }, bn = {
+}), Xt = /* @__PURE__ */ Z(pn, [["__scopeId", "data-v-a691cbf8"]]), bn = { class: "b-all-filters-modal" }, vn = {
   key: 0,
   class: "b-all-filters-modal__empty-search-message"
-}, vn = {
+}, mn = {
   key: 1,
   class: "b-all-filters-modal__filters-section"
-}, mn = ["aria-labelledby"], yn = {
+}, yn = ["aria-labelledby"], hn = {
   key: 2,
   class: "b-all-filters-modal__filters-section"
-}, gn = ["aria-labelledby"], hn = {
+}, gn = ["aria-labelledby"], Fn = {
   key: 0,
   class: "b-all-filters-modal__selected-filter-text"
-}, Sn = { class: "b-all-filters-modal__selected-filter-component" }, Fn = { class: "b-all-filters-modal__clear-button" }, Bn = {
+}, Sn = { class: "b-all-filters-modal__selected-filter-component" }, Bn = { class: "b-all-filters-modal__clear-button" }, Cn = {
   name: "all-filters-modal",
-  i18n: { messages: Ct },
+  i18n: { messages: Ot },
   components: {
-    BentoBooleanFilter: qt,
-    BentoCheckboxGroupFilter: Gt,
-    BentoDateFilter: At,
-    BentoDateRangeFilter: It,
-    BentoInputFilter: wt,
-    BentoInputWithDropdownFilter: Ot,
-    BentoRadioGroupFilter: Pt,
-    BentoRangeFilter: jt,
-    BentoSelectAvatarFilter: Lt,
-    BentoSelectCountryFilter: Rt,
-    BentoSelectCurrencyFilter: kt,
-    BentoSelectFilter: ge,
-    BentoSelectPaymentMethodFilter: Ut,
-    BentoSelectTagFilter: Vt,
-    BentoToggleFilter: Mt
+    BentoBooleanFilter: Yt,
+    BentoCheckboxGroupFilter: Xt,
+    BentoDateFilter: Lt,
+    BentoDateRangeFilter: Pt,
+    BentoInputFilter: Et,
+    BentoInputWithDropdownFilter: Rt,
+    BentoRadioGroupFilter: $t,
+    BentoRangeFilter: Wt,
+    BentoSelectAvatarFilter: Ut,
+    BentoSelectCountryFilter: Mt,
+    BentoSelectCurrencyFilter: Vt,
+    BentoSelectFilter: Ce,
+    BentoSelectPaymentMethodFilter: qt,
+    BentoSelectTagFilter: Ht,
+    BentoToggleFilter: jt
   }
-}, Dn = /* @__PURE__ */ H({
-  ...Bn,
+}, Tn = /* @__PURE__ */ W({
+  ...Cn,
   props: {
     value: { default: () => [] }
   },
-  emits: [qe.INPUT],
+  emits: [We.INPUT],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = P(t.value), o = De("all-filters-modal"), s = P([]), i = P(!1), c = P(0), v = P(null), d = P(""), { t: b, n: C } = ne({ messages: Ct }), f = je(d, W(n, "value")), T = P({});
-    ke(() => {
-      T.value = [];
-    }), Z(
+    const t = e, n = l, a = R(t.value), o = Oe("all-filters-modal"), s = R([]), i = R(!1), d = R(0), v = R(null), r = R(""), { t: p, n: B } = de({ messages: Ot }), f = ze(r, Q(a, "value")), S = R({});
+    Ve(() => {
+      S.value = [];
+    }), ee(
       () => t.value,
       () => {
-        i.value ? n.value = t.value.map((I, D) => ({ ...I, value: n.value[D].value })) : n.value = t.value;
+        i.value ? a.value = t.value.map((E, F) => ({ ...E, value: a.value[F].value })) : a.value = t.value;
       }
     );
-    const B = (I) => I.sort((D, E) => D.label > E.label ? 1 : E.label > D.label ? -1 : 0), A = p(
-      () => B(
+    const C = (E) => E.sort((F, L) => F.label > L.label ? 1 : L.label > F.label ? -1 : 0), _ = c(
+      () => C(
         f.value.filter(
-          (I) => Array.isArray(I.value) ? I.value?.length && I.value?.find((D) => D !== "") : I.value
+          (E) => Array.isArray(E.value) ? E.value?.length && E.value?.find((F) => F !== "") : E.value
         )
       )
-    ), N = p(
-      () => B(
+    ), $ = c(
+      () => C(
         f.value.filter(
-          (I) => Array.isArray(I.value) ? I.value?.length === 0 || I.value?.every((D) => D === "") : !I.value
+          (E) => Array.isArray(E.value) ? E.value?.length === 0 || E.value?.every((F) => F === "") : !E.value
         )
       )
-    ), O = p(() => d.value && f.value?.length === 0), g = p(() => ({
-      ...n.value[c.value],
-      labelId: De(n.value[c.value]?.field)
-    })), J = () => {
-      const I = A.value.length ? A.value[0] : N.value[0], D = n.value.findIndex(
-        (E) => E.label === I.label && E.field === I.field
+    ), w = c(() => r.value && f.value?.length === 0), y = c(() => ({
+      ...a.value[d.value],
+      labelId: Oe(a.value[d.value]?.field)
+    })), G = () => {
+      const E = _.value.length ? _.value[0] : $.value[0], F = a.value.findIndex(
+        (L) => L.label === E.label && L.field === E.field
       );
-      c.value = D;
+      d.value = F;
     };
-    $e(() => {
-      J();
+    Ne(() => {
+      G();
     });
-    const k = (I) => I.map((D) => {
-      switch (D.type) {
-        case X.SELECT:
-        case X.SELECT_AVATAR:
-        case X.SELECT_COUNTRY:
-        case X.SELECT_CURRENCY:
-        case X.SELECT_PAYMENT_METHOD:
-        case X.SELECT_TAG:
-          return D.options?.multiple === !0 ? {
-            label: D.label,
-            field: D.field,
-            count: D.value?.length ? D.value?.length : null
+    const k = (E) => E.map((F) => {
+      switch (F.type) {
+        case x.SELECT:
+        case x.SELECT_AVATAR:
+        case x.SELECT_COUNTRY:
+        case x.SELECT_CURRENCY:
+        case x.SELECT_PAYMENT_METHOD:
+        case x.SELECT_TAG:
+          return F.options?.multiple === !0 ? {
+            label: F.label,
+            field: F.field,
+            count: F.value?.length ? F.value?.length : null
           } : {
-            label: D.label,
-            field: D.field,
-            count: D.value == null ? null : 1
+            label: F.label,
+            field: F.field,
+            count: F.value == null ? null : 1
           };
-        case X.DATE_RANGE:
+        case x.DATE_RANGE:
           return {
-            label: D.label,
-            field: D.field,
-            count: D.value?.startDate != null && D.value?.endDate != null ? 1 : null
+            label: F.label,
+            field: F.field,
+            count: F.value?.startDate != null && F.value?.endDate != null ? 1 : null
           };
-        case X.RANGE:
+        case x.RANGE:
           return {
-            label: D.label,
-            field: D.field,
-            count: D.value?.find((E) => E !== "") ? 1 : null
+            label: F.label,
+            field: F.field,
+            count: F.value?.find((L) => L !== "") ? 1 : null
           };
-        case X.CHECKBOX_GROUP:
+        case x.CHECKBOX_GROUP:
           return {
-            label: D.label,
-            field: D.field,
-            count: D.value?.length ? D.value?.length : null
+            label: F.label,
+            field: F.field,
+            count: F.value?.length ? F.value?.length : null
           };
-        case X.TOGGLE:
+        case x.TOGGLE:
           return {
-            label: D.label,
-            field: D.field,
-            count: D.value ? 1 : null
+            label: F.label,
+            field: F.field,
+            count: F.value ? 1 : null
           };
-        case X.INPUT:
-        case X.BOOLEAN:
-        case X.DATE:
-        case X.RADIO_GROUP:
+        case x.INPUT:
+        case x.BOOLEAN:
+        case x.DATE:
+        case x.RADIO_GROUP:
         default:
           return {
-            label: D.label,
-            field: D.field,
-            count: D.value != null ? 1 : null
+            label: F.label,
+            field: F.field,
+            count: F.value != null ? 1 : null
           };
       }
-    }), z = p(
-      () => Array.isArray(g.value.value) ? g.value?.value.length && g.value.value.find((I) => I !== "") : !!n.value[c.value].value
-    ), U = p(() => g.value.type !== X.TOGGLE), L = p(() => !z.value || g.value.disabled), le = p(() => k(t.value)?.filter(({ count: I }) => !!I).length), ce = () => {
+    }), le = c(
+      () => Array.isArray(y.value.value) ? y.value?.value.length && y.value.value.find((E) => E !== "") : !!a.value[d.value].value
+    ), z = c(() => y.value.type !== x.TOGGLE), P = c(() => !le.value || y.value.disabled), ie = c(() => k(t.value)?.filter(({ count: E }) => !!E).length), me = () => {
       i.value ? i.value = !1 : i.value = !0;
-    }, se = (I) => {
-      const D = k(n.value).find((Ue) => Ue.field === I.field).count, E = typeof I.type == "string" && // Type guard to avoid casting
-      I.type.includes("BentoSelect") && I.options?.multiple && D === I.options?.listboxItems?.length, oe = typeof I.type == "string" && I.type === X.CHECKBOX_GROUP && D === I.options?.checkboxItems?.length;
-      return E || oe ? b("all") : D === null ? null : C(D);
-    }, K = (I, D) => {
-      c.value = n.value.findIndex(
-        (E) => E.label === I && E.field === D
+    }, se = (E) => {
+      const F = k(a.value).find((qe) => qe.field === E.field).count, L = typeof E.type == "string" && // Type guard to avoid casting
+      E.type.includes("BentoSelect") && E.options?.multiple && F === E.options?.listboxItems?.length, ce = typeof E.type == "string" && E.type === x.CHECKBOX_GROUP && F === E.options?.checkboxItems?.length;
+      return L || ce ? p("all") : F === null ? null : B(F);
+    }, X = (E, F) => {
+      d.value = a.value.findIndex(
+        (L) => L.label === E && L.field === F
       );
-    }, r = () => {
-      d.value = "";
-    }, m = () => {
-      i.value = !1, n.value = t.value, r(), J();
-    }, h = (I) => {
-      const D = n.value.map(({ value: E, ...oe }, Ue) => Ue === c.value ? { value: I.value, ...oe } : { value: E, ...oe });
-      n.value = D;
-    }, $ = () => {
-      h({
-        field: g.value.field,
-        label: g.value.label,
-        type: g.value.type,
+    }, b = () => {
+      r.value = "";
+    }, V = () => {
+      i.value = !1, a.value = t.value, b(), G();
+    }, H = (E) => {
+      const F = a.value.map(({ value: L, ...ce }, qe) => qe === d.value ? { value: E.value, ...ce } : { value: L, ...ce });
+      a.value = F;
+    }, U = () => {
+      H({
+        field: y.value.field,
+        label: y.value.label,
+        type: y.value.type,
         value: void 0
       });
-    }, Te = () => {
-      n.value = t.value.map(({ value: I, ...D }) => ({
-        ...D,
+    }, T = () => {
+      a.value = t.value.map(({ value: E, ...F }) => ({
+        ...F,
         value: void 0
       }));
-    }, Wt = () => {
-      a(qe.INPUT, n.value), i.value = !1;
-    }, Jt = p(
-      () => JSON.stringify(n.value) === JSON.stringify(t.value)
-    ), Kt = p(() => [
+    }, A = () => {
+      n(We.INPUT, a.value), i.value = !1;
+    }, I = c(
+      () => JSON.stringify(a.value) === JSON.stringify(t.value)
+    ), re = c(() => [
       {
-        title: b("applyAll"),
-        disabled: Jt.value,
-        event: Wt
+        title: p("applyAll"),
+        disabled: I.value,
+        event: A
       },
       {
-        title: b("cancel"),
-        event: m
+        title: p("cancel"),
+        event: V
       },
       {
-        title: b("clearAll"),
-        disabled: !le.value,
-        event: Te
+        title: p("clearAll"),
+        disabled: !ie.value,
+        event: T
       }
-    ]), Qt = () => {
+    ]), ue = () => {
       sl(1, v.value.$el).focus();
-    }, Xt = () => {
-      T.value[g.value.label].$el.focus();
+    }, Kt = () => {
+      S.value[y.value.label].$el.focus();
     };
-    return (I, D) => (y(), q("div", fn, [
-      _(u(ye), {
+    return (E, F) => (m(), j("div", bn, [
+      D(u(Be), {
         "is-filter-open": i.value,
-        "applied-filters-count": le.value,
+        "applied-filters-count": ie.value,
         "no-applied-state-styles": "",
-        onClick: ce
+        onClick: me
       }, {
-        iconLeft: S(() => [
-          _(u(ya), { "aria-hidden": "true" })
+        iconLeft: h(() => [
+          D(u(ha), { "aria-hidden": "true" })
         ]),
-        default: S(() => [
-          G(Y(u(b)("allFilters")) + " ", 1)
+        default: h(() => [
+          J(K(u(p)("allFilters")) + " ", 1)
         ]),
         _: 1
       }, 8, ["is-filter-open", "applied-filters-count"]),
-      _(al, {
+      D(al, {
         class: "'b-all-filters-modal__modal'",
         "is-open": i.value,
         "with-column-layout": !0,
         size: "large",
-        actions: Kt.value,
+        actions: re.value,
         "is-dismissible": !1,
         "hide-close-button": "",
-        onCloseModal: m
+        onCloseModal: V
       }, {
-        default: S(() => [
-          G(Y(u(b)("allFilters")), 1)
+        default: h(() => [
+          J(K(u(p)("allFilters")), 1)
         ]),
-        "content-col-1": S(() => [
-          M("div", {
+        "content-col-1": h(() => [
+          q("div", {
             ref_key: "allFiltersModalFiltersSection",
             ref: s,
             class: "b-all-filters-modal__filters",
-            onKeydown: re(Qt, ["right"])
+            onKeydown: pe(ue, ["right"])
           }, [
-            _(Ee, {
+            D(ke, {
               class: "b-all-filters-modal__search-bar",
-              value: d.value,
-              "input-field-aria-label": u(b)("searchBar").toString(),
-              onInput: D[0] || (D[0] = (E) => d.value = E),
-              onClear: r
+              value: r.value,
+              "input-field-aria-label": u(p)("searchBar").toString(),
+              onInput: F[0] || (F[0] = (L) => r.value = L),
+              onClear: b
             }, null, 8, ["value", "input-field-aria-label"]),
-            O.value ? (y(), q("div", bn, [
-              _(u(ee), { el: "span" }, {
-                default: S(() => [
-                  G(Y(u(b)("noFiltersMatchThisSearch")), 1)
+            w.value ? (m(), j("div", vn, [
+              D(u(ae), { el: "span" }, {
+                default: h(() => [
+                  J(K(u(p)("noFiltersMatchThisSearch")), 1)
                 ]),
                 _: 1
               })
-            ])) : j("", !0),
-            A.value.length ? (y(), q("div", vn, [
-              _(u(ee), {
+            ])) : Y("", !0),
+            _.value.length ? (m(), j("div", mn, [
+              D(u(ae), {
                 id: `active-filters-${u(o)}`,
                 class: "b-all-filters-modal__filters-section-title",
                 el: "span",
                 variant: "caption"
               }, {
-                default: S(() => [
-                  G(Y(u(b)("activeFilters")), 1)
+                default: h(() => [
+                  J(K(u(p)("activeFilters")), 1)
                 ]),
                 _: 1
               }, 8, ["id"]),
-              M("ul", {
+              q("ul", {
                 class: "b-all-filters-modal__filters-list",
                 "aria-labelledby": `active-filters-${u(o)}`
               }, [
-                (y(!0), q(we, null, fe(A.value, (E) => (y(), q("li", {
-                  key: `${E.label}-${E.field}`
+                (m(!0), j(Ee, null, he(_.value, (L) => (m(), j("li", {
+                  key: `${L.label}-${L.field}`
                 }, [
-                  _(tt, {
+                  D(ot, {
                     ref_for: !0,
-                    ref: (oe) => T.value[E.label] = oe,
-                    label: E.label,
-                    "applied-filters-count": se(E),
-                    "is-filter-open": g.value.label === E.label,
-                    disabled: E.disabled,
-                    onClick: (oe) => K(E.label, E.field)
+                    ref: (ce) => S.value[L.label] = ce,
+                    label: L.label,
+                    "applied-filters-count": se(L),
+                    "is-filter-open": y.value.label === L.label,
+                    disabled: L.disabled,
+                    onClick: (ce) => X(L.label, L.field)
                   }, null, 8, ["label", "applied-filters-count", "is-filter-open", "disabled", "onClick"])
                 ]))), 128))
-              ], 8, mn)
-            ])) : j("", !0),
-            N.value.length ? (y(), q("div", yn, [
-              A.value.length ? (y(), w(u(ee), {
+              ], 8, yn)
+            ])) : Y("", !0),
+            $.value.length ? (m(), j("div", hn, [
+              _.value.length ? (m(), O(u(ae), {
                 key: 0,
                 id: `other-filters-${u(o)}`,
                 class: "b-all-filters-modal__filters-section-title",
                 el: "span",
                 variant: "caption"
               }, {
-                default: S(() => [
-                  G(Y(u(b)("otherFilters")), 1)
+                default: h(() => [
+                  J(K(u(p)("otherFilters")), 1)
                 ]),
                 _: 1
-              }, 8, ["id"])) : j("", !0),
-              M("ul", {
+              }, 8, ["id"])) : Y("", !0),
+              q("ul", {
                 class: "b-all-filters-modal__filters-list",
                 "aria-labelledby": `other-filters-${u(o)}`
               }, [
-                (y(!0), q(we, null, fe(N.value, (E) => (y(), q("li", {
-                  key: `${E.label}-${E.field}`
+                (m(!0), j(Ee, null, he($.value, (L) => (m(), j("li", {
+                  key: `${L.label}-${L.field}`
                 }, [
-                  _(tt, {
+                  D(ot, {
                     ref_for: !0,
-                    ref: (oe) => T.value[E.label] = oe,
-                    label: E.label,
-                    disabled: E.disabled,
-                    "applied-filters-count": se(E),
-                    "is-filter-open": g.value.label === E.label,
-                    onClick: (oe) => K(E.label, E.field)
+                    ref: (ce) => S.value[L.label] = ce,
+                    label: L.label,
+                    disabled: L.disabled,
+                    "applied-filters-count": se(L),
+                    "is-filter-open": y.value.label === L.label,
+                    onClick: (ce) => X(L.label, L.field)
                   }, null, 8, ["label", "disabled", "applied-filters-count", "is-filter-open", "onClick"])
                 ]))), 128))
               ], 8, gn)
-            ])) : j("", !0)
+            ])) : Y("", !0)
           ], 544)
         ]),
-        "content-col-2": S(() => [
-          M("div", {
+        "content-col-2": h(() => [
+          q("div", {
             class: "b-all-filters-modal__selected-filter-content",
-            onKeydown: re(Xt, ["left"])
+            onKeydown: pe(Kt, ["left"])
           }, [
-            U.value ? (y(), q("div", hn, [
-              _(u(ee), {
-                id: g.value.labelId,
+            z.value ? (m(), j("div", Fn, [
+              D(u(ae), {
+                id: y.value.labelId,
                 el: "div",
                 variant: "title",
                 medium: ""
               }, {
-                default: S(() => [
-                  G(Y(g.value.label), 1)
+                default: h(() => [
+                  J(K(y.value.label), 1)
                 ]),
                 _: 1
               }, 8, ["id"]),
-              g.value.description ? (y(), w(u(ee), {
+              y.value.description ? (m(), O(u(ae), {
                 key: 0,
                 el: "div",
                 variant: "body",
                 wide: ""
               }, {
-                default: S(() => [
-                  G(Y(g.value.description), 1)
+                default: h(() => [
+                  J(K(y.value.description), 1)
                 ]),
                 _: 1
-              })) : j("", !0)
-            ])) : j("", !0),
-            M("div", Sn, [
-              (y(), w(Ae(g.value.type), {
+              })) : Y("", !0)
+            ])) : Y("", !0),
+            q("div", Sn, [
+              (m(), O(Le(y.value.type), {
                 ref_key: "selectedFilterRef",
                 ref: v,
-                key: g.value.field,
-                description: g.value.description,
-                field: g.value.field,
-                label: g.value.label,
-                options: g.value.options,
-                value: g.value.value,
-                "default-value": g.value.defaultValue,
+                key: y.value.field,
+                description: y.value.description,
+                field: y.value.field,
+                label: y.value.label,
+                options: y.value.options,
+                value: y.value.value,
+                "default-value": y.value.defaultValue,
                 "only-slot": !0,
-                disabled: g.value.disabled,
-                "aria-labelledby": g.value.labelId,
-                onInput: h
+                disabled: y.value.disabled,
+                "aria-labelledby": y.value.labelId,
+                onInput: H
               }, null, 40, ["description", "field", "label", "options", "value", "default-value", "disabled", "aria-labelledby"]))
             ]),
-            M("div", Fn, [
-              _(u(nl), {
+            q("div", Bn, [
+              D(u(nl), {
                 variant: "secondary",
-                disabled: L.value,
-                onClick: $
+                disabled: P.value,
+                onClick: U
               }, {
-                default: S(() => [
-                  G(Y(u(b)("clear")), 1)
+                default: h(() => [
+                  J(K(u(p)("clear")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3440,37 +3514,44 @@ const jt = /* @__PURE__ */ Q(un, [["render", dn], ["__scopeId", "data-v-c71c8dbd
       }, 8, ["is-open", "actions"])
     ]));
   }
-}), Cn = /* @__PURE__ */ Q(Dn, [["__scopeId", "data-v-91ab896a"]]), Yt = {
+}), Dn = /* @__PURE__ */ Z(Tn, [["__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" },
-  "ja-JP": { clearFilters: "フィルターをクリア", filtersHaveBeenCleared: "フィルターをクリアしました。", filtersHaveBeenReset: "フィルターがリセットされました。", resetFilters: "フィルターのリセット", searchBar: "検索バー", undo: "元に戻す" },
-  "pt-BR": { clearFilters: "Limpar filtros", filtersHaveBeenCleared: "Os filtros foram apagados.", filtersHaveBeenReset: "Os filtros foram limpos.", resetFilters: "Redefinir filtros", searchBar: "Barra de busca", undo: "Desfazer" }
-}, Tn = {
+  "es-ES": { clearFilters: "Borrar filtros", filtersHaveBeenCleared: "Se han borrado los filtros.", filtersHaveBeenReset: "Los filtros se han restablecido.", resetFilters: "Reiniciar filtros", searchBar: "Barra de búsqueda", undo: "Deshacer" },
+  "es-MX": { clearFilters: "Borrar filtros", filtersHaveBeenCleared: "Se borraron los filtros.", filtersHaveBeenReset: "Se restablecieron los filtros.", resetFilters: "Restablecer filtros", searchBar: "Barra de búsqueda", undo: "Deshacer" },
+  "fr-FR": { clearFilters: "Effacer les filtres", filtersHaveBeenCleared: "Les filtres ont été effacés.", filtersHaveBeenReset: "Les filtres ont été réinitialisés.", resetFilters: "Réinitialiser les filtres", searchBar: "Barre de recherche", undo: "Annuler" },
+  "it-IT": { clearFilters: "Cancella filtri", filtersHaveBeenCleared: "I filtri sono stati cancellati.", filtersHaveBeenReset: "I filtri sono stati resettati.", resetFilters: "Resetta filtri", searchBar: "Barra di ricerca", undo: "Annulla" },
+  "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: "撤销" }
+}, An = {
   key: 0,
   class: "b-filter-bar__search-external-container"
-}, _n = { key: 0 }, wn = {
-  i18n: { messages: Yt },
+}, wn = { key: 0 }, On = {
+  i18n: { messages: Jt },
   name: "bento-filter-bar",
   components: {
-    BentoBooleanFilter: qt,
-    BentoCheckboxGroupFilter: Gt,
-    BentoDateFilter: At,
-    BentoDateRangeFilter: It,
-    BentoInputFilter: wt,
-    BentoInputWithDropdownFilter: Ot,
-    BentoRadioGroupFilter: Pt,
-    BentoRangeFilter: jt,
-    BentoSelectAvatarFilter: Lt,
-    BentoSelectCountryFilter: Rt,
-    BentoSelectCurrencyFilter: kt,
-    BentoSelectFilter: ge,
-    BentoSelectPaymentMethodFilter: Ut,
-    BentoSelectTagFilter: Vt,
-    BentoTeleport: mt,
-    BentoToggleFilter: Mt,
-    FixedScroller: dt
+    BentoBooleanFilter: Yt,
+    BentoCheckboxGroupFilter: Xt,
+    BentoDateFilter: Lt,
+    BentoDateRangeFilter: Pt,
+    BentoInputFilter: Et,
+    BentoInputWithDropdownFilter: Rt,
+    BentoRadioGroupFilter: $t,
+    BentoRangeFilter: Wt,
+    BentoSelectAvatarFilter: Ut,
+    BentoSelectCountryFilter: Mt,
+    BentoSelectCurrencyFilter: Vt,
+    BentoSelectFilter: Ce,
+    BentoSelectPaymentMethodFilter: qt,
+    BentoSelectTagFilter: Ht,
+    BentoTeleport: Ft,
+    BentoToggleFilter: jt,
+    FixedScroller: bt
   }
-}, On = /* @__PURE__ */ H({
-  ...wn,
+}, _n = /* @__PURE__ */ W({
+  ...On,
   props: {
     config: { default: () => [] },
     filterValues: { default: () => [] },
@@ -3485,191 +3566,198 @@ const jt = /* @__PURE__ */ Q(un, [["render", dn], ["__scopeId", "data-v-c71c8dbd
     filterValuesObject: { default: void 0 }
   },
   emits: [
-    me.INPUT,
-    me.UPDATE_FILTER_VALUES_OBJECT,
-    me.UPDATE_FILTER_VALUES_ARRAY,
-    he.CLEAR,
-    he.INPUT,
-    he.UPDATE
+    Se.INPUT,
+    Se.UPDATE_FILTER_VALUES_OBJECT,
+    Se.UPDATE_FILTER_VALUES_ARRAY,
+    Te.CLEAR,
+    Te.INPUT,
+    Te.UPDATE
   ],
   setup(e, { expose: l, emit: t }) {
-    const a = e, n = t, { t: o } = ne({ messages: Yt }), s = P(null), i = p(
-      () => (a.config?.length > 0 ? a.config : a.value)?.map((r) => {
-        let m = a.filterValues.find(({ field: h }) => h === r.field)?.value;
-        return a.filterValuesObject && r.field in a.filterValuesObject && (m = a.filterValuesObject[r.field]), m === void 0 && (m = r?.value === void 0 && r?.defaultValue !== void 0 ? r?.defaultValue : r?.value), { ...r, value: m !== void 0 ? m : r?.value };
+    const n = e, a = t, { t: o } = de({ messages: Jt }), s = R(null), i = c(
+      () => (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 };
       })
-    ), { addToast: c } = tl(), { screenLayoutComponent: v, showSearchbarInsideContainer: d, isOneLineLayout: b } = oa(
-      s,
-      W(a, "containerSizeLayout")
-    ), C = p(() => ({
-      "b-filter-bar__fixed-scroller": b.value,
-      "b-filter-bar__container": !b.value
+    ), { addToast: d } = tl(), {
+      screenLayoutComponent: v,
+      showSearchbarInsideContainer: r,
+      isOneLineLayout: p,
+      isLargeLayout: B,
+      rootElementConditionalClasses: f
+    } = ia(s, Q(n, "containerSizeLayout")), S = c(() => ({
+      "b-filter-bar__fixed-scroller": p.value,
+      "b-filter-bar__container": !p.value
       // Multi-line
-    })), f = p(() => ({
-      "b-filter-bar__scroller-content": b.value,
-      "b-filter-bar__filters": !b.value
+    })), C = c(() => ({
+      "b-filter-bar__scroller-content": p.value,
+      "b-filter-bar__filters": !p.value
       // Multi-line
-    })), T = p(() => a.search?.inputFieldAriaLabel || o("searchBar")), B = p(() => {
-      if (!a.search)
+    })), _ = c(() => n.search?.inputFieldAriaLabel || o("searchBar")), $ = c(() => {
+      if (!n.search)
         return;
-      const { debounceTime: r, disabled: m, inputFieldAriaLabel: h, hint: $, placeholder: Te } = a.search;
-      return { debounceTime: r, disabled: m, inputFieldAriaLabel: h, hint: $, placeholder: Te };
-    }), A = p(() => i.value.some(
-      ({ visible: m }) => m != null
-    ) ? i.value.some(({ visible: m }) => !m) : !1), N = p(
-      () => i.value.filter(({ defaultValue: r }) => r !== void 0)
-    ), O = p(() => i.value.some(
-      ({ visible: m }) => m != null
+      const { debounceTime: T, disabled: A, inputFieldAriaLabel: I, hint: re, placeholder: ue } = n.search;
+      return { debounceTime: T, disabled: A, inputFieldAriaLabel: I, hint: re, placeholder: ue };
+    }), w = c(
+      () => n.search?.width && B.value ? { minWidth: n.search.width, maxWidth: n.search.width } : void 0
+    ), y = c(() => i.value.some(
+      ({ visible: A }) => A != null
+    ) ? i.value.some(({ visible: A }) => !A) : !1), G = c(
+      () => i.value.filter(({ defaultValue: T }) => T !== void 0)
+    ), k = c(
+      () => i.value.filter(({ defaultValue: T }) => T === void 0)
+    ), le = c(() => i.value.some(
+      ({ visible: A }) => A != null
     ) ? i.value.filter(
-      ({ defaultValue: m, visible: h, value: $ }) => (
+      ({ defaultValue: A, visible: I, value: re }) => (
         // eslint-disable-next-line eqeqeq
-        m === void 0 && h || a.showAppliedHiddenFilters && $ != null
+        A === void 0 && I || n.showAppliedHiddenFilters && re != null
       )
     ) : i.value.filter(
-      ({ defaultValue: m, value: h }) => (
+      ({ defaultValue: A, value: I }) => (
         // eslint-disable-next-line eqeqeq
-        m === void 0 || a.showAppliedHiddenFilters && h != null
+        A === void 0 || n.showAppliedHiddenFilters && I != null
       )
-    )), g = p(() => a.searchTerm != null), J = p(
-      () => i.value.filter(({ defaultValue: r }) => r == null).some(({ value: r }) => r != null)
-    ), k = p(() => N.value.length === 0 && J.value), z = p(() => N.value.length === 0 ? !1 : !i.value.filter(({ defaultValue: m }) => m !== void 0 || m !== null).every(({ value: m, defaultValue: h }) => JSON.stringify(m) === JSON.stringify(h)) || J.value), U = (r) => {
-      n(me.INPUT, r), n(
-        me.UPDATE_FILTER_VALUES_ARRAY,
-        r?.filter(({ value: m }) => m !== null || m !== void 0).map(({ field: m, value: h }) => ({ field: m, value: h }))
-      ), n(
-        me.UPDATE_FILTER_VALUES_OBJECT,
-        r?.filter(({ value: m }) => m !== null || m !== void 0).reduce((m, h) => (m[h.field] = h.value, m), {})
+    )), z = c(() => n.searchTerm != null), P = c(
+      () => i.value.filter(({ defaultValue: T }) => T == null).some(({ value: T }) => T != null)
+    ), ie = c(() => G.value.length === 0 && P.value), me = c(() => 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)) || P.value), se = (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 }))
+      ), a(
+        Se.UPDATE_FILTER_VALUES_OBJECT,
+        T?.filter(({ value: A }) => A !== null || A !== void 0).reduce((A, I) => (A[I.field] = I.value, A), {})
       );
-    }, L = (r) => {
-      const m = i.value.findIndex(
-        ($) => $.field === r.field
-      ), h = i.value.slice();
-      h[m].value = r.value, U(h);
-    }, le = () => {
-      const r = i.value.slice(), m = i.value.map(({ value: h, ...$ }) => ({
-        ...$,
+    }, X = (T) => {
+      const A = Array.isArray(T) ? T : [T], I = new Map(A.map((ue) => [ue.field, ue.value])), re = i.value.map((ue) => I.has(ue.field) ? { ...ue, value: I.get(ue.field) } : ue);
+      se(re);
+    }, b = () => {
+      const T = i.value.slice(), A = i.value.map(({ value: I, ...re }) => ({
+        ...re,
         value: void 0
       }));
-      c({
+      d({
         text: o("filtersHaveBeenCleared"),
         action: {
-          handler: () => U(r),
+          handler: () => se(T),
           text: o("undo")
         }
-      }), U(m);
-    }, ce = () => {
-      const r = i.value.slice(), m = i.value.map(({ defaultValue: h, ...$ }) => ({
-        ...$,
-        defaultValue: h,
-        value: h
+      }), se(A);
+    }, V = () => {
+      const T = i.value.slice(), A = i.value.map(({ defaultValue: I, ...re }) => ({
+        ...re,
+        defaultValue: I,
+        value: I
       }));
-      c({
+      d({
         text: o("filtersHaveBeenReset"),
         action: {
-          handler: () => U(r),
+          handler: () => se(T),
           text: o("undo")
         }
-      }), U(m);
-    }, se = (r) => {
-      n(he.INPUT, r), n(he.UPDATE, r);
-    }, K = () => {
-      n(he.CLEAR);
+      }), se(A);
+    }, H = (T) => {
+      a(Te.INPUT, T), a(Te.UPDATE, T);
+    }, U = () => {
+      a(Te.CLEAR);
     };
-    return l({ isClearAllVisible: k, clearAllFilters: le, isResetAllVisible: z, resetAllFilters: ce }), (r, m) => (y(), q("div", {
+    return l({ isClearAllVisible: ie, clearAllFilters: b, isResetAllVisible: me, resetAllFilters: V }), (T, A) => (m(), j("div", {
       ref_key: "filterBarRef",
       ref: s,
-      class: "b-filter-bar"
+      class: ne(["b-filter-bar", u(f)])
     }, [
-      !u(d) && g.value ? (y(), q("div", Tn, [
-        _(Ee, x({ class: "b-filter-bar__search-bar" }, B.value, {
-          "input-field-aria-label": T.value,
-          value: r.searchTerm,
+      !u(r) && z.value ? (m(), j("div", An, [
+        D(ke, te({ class: "b-filter-bar__search-bar" }, $.value, {
+          "input-field-aria-label": _.value,
+          value: T.searchTerm,
           condensed: "",
-          onInput: se,
-          onClear: K
-        }), null, 16, ["input-field-aria-label", "value"])
-      ])) : j("", !0),
-      (y(), w(Ae(u(v)), {
-        class: ae(C.value),
+          style: w.value,
+          onInput: H,
+          onClear: U
+        }), null, 16, ["input-field-aria-label", "value", "style"])
+      ])) : Y("", !0),
+      (m(), O(Le(u(v)), {
+        class: ne(S.value),
         condensed: ""
       }, {
-        default: S(() => [
-          M("div", {
-            class: ae(f.value)
+        default: h(() => [
+          q("div", {
+            class: ne(C.value)
           }, [
-            u(d) && g.value ? (y(), q("div", _n, [
-              _(Ee, x({ class: "b-filter-bar__search-bar" }, B.value, {
-                "input-field-aria-label": T.value,
-                value: r.searchTerm,
+            u(r) && z.value ? (m(), j("div", wn, [
+              D(ke, te({ class: "b-filter-bar__search-bar" }, $.value, {
+                "input-field-aria-label": _.value,
+                value: T.searchTerm,
                 condensed: "",
-                onInput: se,
-                onClear: K
-              }), null, 16, ["input-field-aria-label", "value"])
-            ])) : j("", !0),
-            N.value.length ? (y(!0), q(we, { key: 1 }, fe(N.value, (h) => (y(), w(Ae(h.type), {
-              key: h.field,
-              field: h.field,
-              label: h.label,
-              disabled: h?.disabled,
-              options: h.options,
-              value: h.value,
-              "default-value": h.defaultValue,
-              onUpdate: L
-            }, null, 40, ["field", "label", "disabled", "options", "value", "default-value"]))), 128)) : j("", !0),
-            (y(!0), q(we, null, fe(O.value, (h) => (y(), w(Ae(h.type), {
-              key: h.field,
-              field: h.field,
-              label: h.label,
-              disabled: h?.disabled,
-              options: h.options,
-              value: h.value,
-              onUpdate: L
+                style: w.value,
+                onInput: H,
+                onClear: U
+              }), null, 16, ["input-field-aria-label", "value", "style"])
+            ])) : Y("", !0),
+            G.value.length ? (m(!0), j(Ee, { key: 1 }, he(G.value, (I) => (m(), O(Le(I.type), {
+              key: I.field,
+              field: I.field,
+              label: I.label,
+              disabled: I?.disabled,
+              options: I.options,
+              value: I.value,
+              "default-value": I.defaultValue,
+              onUpdate: X
+            }, null, 40, ["field", "label", "disabled", "options", "value", "default-value"]))), 128)) : Y("", !0),
+            (m(!0), j(Ee, null, he(le.value, (I) => (m(), O(Le(I.type), {
+              key: I.field,
+              field: I.field,
+              label: I.label,
+              disabled: I?.disabled,
+              options: I.options,
+              value: I.value,
+              onUpdate: X
             }, null, 40, ["field", "label", "disabled", "options", "value"]))), 128)),
-            A.value ? (y(), w(Cn, {
+            y.value ? (m(), O(Dn, {
               key: 2,
               class: "b-filter-bar__all-filters-modal",
-              value: i.value,
-              onInput: U
-            }, null, 8, ["value"])) : j("", !0),
-            k.value ? (y(), w(u(ye), {
+              value: k.value,
+              onInput: X
+            }, null, 8, ["value"])) : Y("", !0),
+            ie.value ? (m(), O(u(Be), {
               key: 3,
               class: "b-filter-bar__clear-all",
-              onClick: le
+              onClick: b
             }, {
-              iconLeft: S(() => [
-                _(u(Ke), { "aria-hidden": "true" })
+              iconLeft: h(() => [
+                D(u(xe), { "aria-hidden": "true" })
               ]),
-              default: S(() => [
-                G(Y(u(o)("clearFilters")) + " ", 1)
+              default: h(() => [
+                J(K(u(o)("clearFilters")) + " ", 1)
               ]),
               _: 1
-            })) : j("", !0),
-            z.value ? (y(), w(u(ye), {
+            })) : Y("", !0),
+            me.value ? (m(), O(u(Be), {
               key: 4,
               class: "b-filter-bar__reset-all",
-              onClick: ce
+              onClick: V
             }, {
-              iconLeft: S(() => [
-                _(u(Ke), { "aria-hidden": "true" })
+              iconLeft: h(() => [
+                D(u(xe), { "aria-hidden": "true" })
               ]),
-              default: S(() => [
-                G(Y(u(o)("resetFilters")) + " ", 1)
+              default: h(() => [
+                J(K(u(o)("resetFilters")) + " ", 1)
               ]),
               _: 1
-            })) : j("", !0)
+            })) : Y("", !0)
           ], 2)
         ]),
         _: 1
       }, 8, ["class"]))
-    ], 512));
+    ], 2));
   }
-}), So = /* @__PURE__ */ Q(On, [["__scopeId", "data-v-a24c78d2"]]);
+}), Bo = /* @__PURE__ */ Z(_n, [["__scopeId", "data-v-5ef6d5d6"]]);
 export {
-  de as B,
-  So as a,
-  me as b,
-  F as c,
-  X as d,
-  Dt as u
+  ve as B,
+  Bo as a,
+  Se as b,
+  g as c,
+  x as d,
+  wt as u
 };
-//# sourceMappingURL=filter-bar.CkAjLQol.js.map
+//# sourceMappingURL=filter-bar.Dt-cU3zy.js.map