@adyen/bento-vue3 1.0.0 → 1.1.0

package/dist/filter-bar.js

@@ -1,42 +1,42 @@
-import { defineComponent as k, computed as f, ref as P, resolveComponent as b, openBlock as v, createBlock as C, normalizeClass as ie, createSlots as ye, withCtx as m, createElementVNode as N, createVNode as g, renderSlot as pe, createElementBlock as U, createTextVNode as V, toDisplayString as L, createCommentVNode as Q, watch as ve, resolveDirective as ft, withDirectives as me, withKeys as ae, toRef as M, onBeforeUpdate as he, nextTick as qe, mergeProps as ee, Fragment as oe, reactive as Ye, renderList as se, normalizeProps as Ie, guardReactiveProps as De, pushScopeId as bt, popScopeId as vt, toRefs as yt, onMounted as mt, resolveDynamicComponent as Fe, vShow as Ee } from "vue";
+import { defineComponent as k, computed as b, ref as P, resolveComponent as f, openBlock as v, createBlock as S, normalizeClass as ie, createSlots as ye, withCtx as m, createElementVNode as N, createVNode as g, renderSlot as pe, createElementBlock as U, createTextVNode as V, toDisplayString as L, createCommentVNode as Q, watch as ve, resolveDirective as bt, withDirectives as me, withKeys as ae, toRef as M, onBeforeUpdate as Be, nextTick as qe, mergeProps as ee, Fragment as oe, reactive as Ye, renderList as se, normalizeProps as Ie, guardReactiveProps as De, pushScopeId as ft, popScopeId as vt, toRefs as yt, onMounted as mt, resolveDynamicComponent as Fe, vShow as Ee } from "vue";
 import { _ as R } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { a as Be, B as Ke } from "./chunks/button.51be5335.js";
+import { a as he, B as Ke } from "./chunks/button.4ccc3a72.js";
 import { BentoPopover as Ue, BentoPopoverPositions as Ft } from "./popover.js";
-import { u as le } from "./chunks/i18n.3619d46c.js";
+import { B as _t } from "./chunks/directive.0408e565.js";
+import { B as Bt } from "./chunks/tooltip.ca53a83a.js";
+import { u as le } from "./chunks/i18n.6c402773.js";
 import { g as ge } from "./chunks/unique-id.a2a2b458.js";
-import { B as Ae, c as Ce, a as Se } from "./chunks/index.1d501e31.js";
-import { u as _t } from "./chunks/aria-label.ac9651a5.js";
-import { h as ht } from "./chunks/hasSlot.dceac207.js";
-import { B as Bt, a as Pe } from "./chunks/base-button.ba17724a.js";
-import { g as gt } from "./chunks/get-slot-text.2db867f8.js";
-import { a as At, C as Ct } from "./chunks/chevron-up.cc78e526.js";
-import { B as St } from "./chunks/tooltip.68fc3821.js";
-import { B as Tt } from "./chunks/directive.0408e565.js";
-import { c as je, B as $t } from "./chunks/button-actions.1dcbde15.js";
+import { B as Ce, a as Se, b as Ae } from "./chunks/index.92f7d550.js";
+import { u as ht } from "./chunks/aria-label.ac9651a5.js";
+import { u as gt } from "./chunks/use-has-slot.068222e6.js";
+import { B as Ct, a as Pe } from "./chunks/base-button.fe807878.js";
+import { g as St } from "./chunks/get-slot-text.2db867f8.js";
+import { a as At, C as Tt } from "./chunks/chevron-down.69bedf14.js";
+import { c as He, B as $t } from "./chunks/button-actions.59449cda.js";
 import { BentoRadioGroup as It } from "./radio-group.js";
-import { BentoInputField as ze, BentoInputFieldType as Dt } from "./input-field.js";
-import { BentoSearchBar as be, BentoSearchBarEvent as ne } from "./search-bar.js";
+import { BentoInputField as je, BentoInputFieldType as Dt } from "./input-field.js";
+import { BentoSearchBar as fe, BentoSearchBarEvent as ne } from "./search-bar.js";
 import { u as Et } from "./chunks/toastController.0b01d2e8.js";
 import { BentoModal as Ut, BentoModalEvent as Pt, BentoModalSize as kt } from "./modal.js";
-import { B as Rt, u as He } from "./chunks/dropdown.751d23b5.js";
-import { g as Ot } from "./chunks/index.84d248b7.js";
+import { B as Rt, u as ze } from "./chunks/dropdown.374481a8.js";
+import { g as Ot } from "./chunks/index.0f958a0c.js";
 import { BentoDivider as Ge } from "./divider.js";
 import { BentoDatePicker as Nt } from "./date-picker.js";
-import { f as de } from "./chunks/index.af260515.js";
+import { f as de } from "./chunks/index.c25bbcc8.js";
 import { e as te, d as Je, f as We } from "./chunks/index.f55fdc32.js";
-import { C as Vt } from "./chunks/calendar.24ede03d.js";
-import { B as Lt, D as Mt } from "./chunks/index.67588e3d.js";
+import { C as Vt } from "./chunks/calendar.1fb0d5b2.js";
+import { B as Lt, D as Mt } from "./chunks/index.b2d970f6.js";
 import { D as ke } from "./chunks/date-input.9186a0bf.js";
-import { B as wt } from "./chunks/listbox.b34141cd.js";
-import { B as qt, L as Qe } from "./chunks/listbox-option-tag.cca50ff3.js";
+import { B as wt } from "./chunks/listbox.ceacb0ca.js";
+import { B as qt, L as Qe } from "./chunks/listbox-option-tag.caa1ceba.js";
 import { BentoCountry as Yt, BentoCountryVariant as Xe } from "./country.js";
-import { u as Kt } from "./chunks/useCountryItems.4a11b512.js";
-import { BentoPaymentMethod as jt } from "./payment-method.js";
-import "./assets/index16.css";
-var c = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(c || {}), x = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(x || {}), j = /* @__PURE__ */ ((e) => (e.INPUT = "BentoInputFilter", e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", 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))(j || {});
-const zt = k({
+import { u as Kt } from "./chunks/useCountryItems.e83ef8f0.js";
+import { BentoPaymentMethod as Ht } from "./payment-method.js";
+import "./assets/index39.css";
+var c = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(c || {}), x = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(x || {}), H = /* @__PURE__ */ ((e) => (e.INPUT = "BentoInputFilter", e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", 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))(H || {});
+const jt = k({
   name: "base-filter-button",
-  components: { BaseButton: Bt, BentoTypography: Ae, ChevronUpIcon: At, ChevronDownIcon: Ct },
+  components: { BaseButton: Ct, BentoTypography: Ce, ChevronUpIcon: At, ChevronDownIcon: Tt },
   props: {
     /**
      * The number of applies values within the filter.
@@ -63,19 +63,19 @@ const zt = k({
   },
   emits: [Pe.CLICK],
   setup(e, { slots: t, emit: a, attrs: n }) {
-    const r = f(() => t.default ? gt(t)("default") : null), u = _t({ ariaLabel: r }), o = P(null), i = f(() => {
+    const r = b(() => t.default ? St(t)("default") : null), u = ht({ ariaLabel: r }), o = P(null), i = b(() => {
       var y;
       return {
         "aria-controls": (y = n["aria-controls"]) == null ? void 0 : y.toString()
       };
-    }), l = f(() => ({
+    }), l = b(() => ({
       ["b-base-filter-button--with-chevron"]: e.hasChevron,
       ["b-base-filter-button--filter-open"]: e.isFilterOpen
     }));
     return {
       // Enums
-      BentoTypographyElement: Ce,
-      BentoTypographyVariant: Se,
+      BentoTypographyElement: Se,
+      BentoTypographyVariant: Ae,
       // Values
       ariaAttributes: i,
       computedAriaLabel: u,
@@ -84,19 +84,19 @@ const zt = k({
       onClickButton: () => {
         e.disabled || a(Pe.CLICK);
       },
-      hasSlot: ht(t),
+      hasSlot: gt(t),
       // Refs
       baseFilterButtonRef: o
     };
   }
 });
-const Ht = { class: "b-base-filter-button__default-container" }, Gt = {
+const zt = { class: "b-base-filter-button__default-container" }, Gt = {
   key: 0,
   class: "b-base-filter-button__counter-wrapper"
 };
 function Jt(e, t, a, n, r, u) {
-  const o = b("bento-typography"), i = b("chevron-up-icon"), l = b("chevron-down-icon"), s = b("base-button");
-  return v(), C(s, {
+  const o = f("bento-typography"), i = f("chevron-up-icon"), l = f("chevron-down-icon"), s = f("base-button");
+  return v(), S(s, {
     ref: "baseFilterButtonRef",
     class: ie(["b-base-filter-button", e.conditionalClasses]),
     disabled: e.disabled,
@@ -106,7 +106,7 @@ function Jt(e, t, a, n, r, u) {
     onClick: e.onClickButton
   }, ye({
     default: m(() => [
-      N("div", Ht, [
+      N("div", zt, [
         g(o, {
           el: e.BentoTypographyElement.SPAN,
           variant: e.BentoTypographyVariant.BODY,
@@ -138,10 +138,10 @@ function Jt(e, t, a, n, r, u) {
     e.hasChevron ? {
       name: "iconRight",
       fn: m(() => [
-        e.isFilterOpen ? (v(), C(i, {
+        e.isFilterOpen ? (v(), S(i, {
           key: 0,
           "aria-hidden": "true"
-        })) : (v(), C(l, {
+        })) : (v(), S(l, {
           key: 1,
           "aria-hidden": "true"
         }))
@@ -150,7 +150,7 @@ function Jt(e, t, a, n, r, u) {
     } : void 0
   ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
 }
-const Ze = /* @__PURE__ */ R(zt, [["render", Jt], ["__scopeId", "data-v-285bbc68"]]), Wt = k({
+const Ze = /* @__PURE__ */ R(jt, [["render", Jt], ["__scopeId", "data-v-7c207511"]]), Wt = k({
   name: "filter-bar-filter-button",
   components: { BaseFilterButton: Ze },
   props: {
@@ -177,7 +177,7 @@ const Ze = /* @__PURE__ */ R(zt, [["render", Jt], ["__scopeId", "data-v-285bbc68
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = f(() => ({
+    const a = b(() => ({
       ["b-filter-bar-filter-button--with-counter"]: e.appliedFiltersCount,
       ["b-filter-bar-filter-button--filter-open"]: e.isFilterOpen
     })), n = P(null);
@@ -198,8 +198,8 @@ const Ze = /* @__PURE__ */ R(zt, [["render", Jt], ["__scopeId", "data-v-285bbc68
   }
 });
 function Qt(e, t, a, n, r, u) {
-  const o = b("base-filter-button");
-  return v(), C(o, {
+  const o = f("base-filter-button");
+  return v(), S(o, {
     ref: "filterBarButtonRef",
     class: ie(["b-filter-bar-filter-button", e.conditionalClasses]),
     bold: !0,
@@ -250,7 +250,7 @@ const Re = {
     FilterBarFilterButton: xe,
     BentoPopover: Ue
   },
-  directives: { BentoClickOutsideDirective: Tt },
+  directives: { BentoClickOutsideDirective: _t },
   props: {
     /**
      * Total count of applied filters
@@ -307,21 +307,21 @@ const Re = {
     J.RESET
   ],
   setup(e, { emit: t }) {
-    const { t: a } = le({ messages: Re }), n = ge("base-filter-popover"), r = P(!1), u = P(null), o = f(() => e.defaultValue !== null), i = () => {
+    const { t: a } = le({ messages: Re }), n = ge("base-filter-popover"), r = P(!1), u = P(null), o = b(() => e.defaultValue !== null), i = () => {
       r.value = !1, t(J.CLOSE);
     }, l = () => {
       i(), o.value ? t(J.RESET) : t(J.CLEAR);
     }, s = () => i(), y = () => {
       r.value ? i() : (r.value = !0, t(J.OPEN));
-    }, h = () => {
+    }, B = () => {
       i(), t(J.APPLY);
     };
     return {
       // Values
-      actions: f(() => [
+      actions: b(() => [
         {
           title: a("apply"),
-          event: h,
+          event: B,
           disabled: e.disableApplyButton
         },
         {
@@ -335,24 +335,24 @@ const Re = {
       isPersistentFilter: o,
       // Enums
       BentoPopoverPositions: Ft,
-      BentoTooltipPosition: St,
+      BentoTooltipPosition: Bt,
       // Events
       onClickFilter: y,
-      onClickApply: h,
+      onClickApply: B,
       onClickSecondaryAction: l,
       onClickOutside: s,
       closePopover: i,
       // Refs
       filterButtonRef: u,
       // Enums
-      BentoButtonVariant: Be,
-      BentoButtonActionsLayout: je
+      BentoButtonVariant: he,
+      BentoButtonActionsLayout: He
     };
   }
 });
 const Zt = { key: 0 };
 function xt(e, t, a, n, r, u) {
-  const o = b("filter-bar-filter-button"), i = b("bento-popover"), l = ft("bento-click-outside-directive");
+  const o = f("filter-bar-filter-button"), i = f("bento-popover"), l = bt("bento-click-outside-directive");
   return e.onlySlot ? (v(), U("div", Zt, [
     pe(e.$slots, "default", {}, void 0, !0)
   ])) : me((v(), U("div", {
@@ -369,7 +369,7 @@ function xt(e, t, a, n, r, u) {
       "applied-filters-count": e.appliedFiltersCount,
       onClick: e.onClickFilter
     }, null, 8, ["aria-controls", "has-chevron", "is-filter-open", "label", "applied-filters-count", "onClick"]),
-    e.filterButtonRef ? (v(), C(i, {
+    e.filterButtonRef ? (v(), S(i, {
       key: 0,
       id: e.popoverId,
       class: "b-base-filter__popover",
@@ -400,9 +400,9 @@ const re = /* @__PURE__ */ R(Xt, [["render", xt], ["__scopeId", "data-v-074dc65c
       a.value = e.value;
     }
   );
-  const n = f(() => Oe(e.value)), r = f(
+  const n = b(() => Oe(e.value)), r = b(
     () => t.value !== null ? tl(t.value, e.value) : n.value
-  ), u = f(() => a.value === e.value || Oe(a.value) && n.value);
+  ), u = b(() => a.value === e.value || Oe(a.value) && n.value);
   return {
     internalFilterValue: a,
     isSecondaryButtonDisabled: r,
@@ -412,9 +412,8 @@ const re = /* @__PURE__ */ R(Xt, [["render", xt], ["__scopeId", "data-v-074dc65c
   name: "bento-input-filter",
   components: {
     BentoBaseFilter: re,
-    BentoInputField: ze
+    BentoInputField: je
   },
-  inheritAttrs: !1,
   props: {
     /**
      * Default value of the filter to reset to.
@@ -444,10 +443,10 @@ const re = /* @__PURE__ */ R(Xt, [["render", xt], ["__scopeId", "data-v-074dc65c
     const a = P(null), { internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: u } = ue(
       M(e, "value"),
       M(e, "defaultValue")
-    ), o = f(() => e.defaultValue === null ? e.label : ce(e.value, 18)), i = f(() => e.value != null ? 1 : null), l = f(() => ({
+    ), o = b(() => e.defaultValue === null ? e.label : ce(e.value, 18)), i = b(() => e.value != null ? 1 : null), l = b(() => ({
       ["b-input-filter--only-slot"]: e.onlySlot
     }));
-    he(() => {
+    Be(() => {
       n.value === "" && (n.value = null);
     });
     const s = () => {
@@ -479,8 +478,8 @@ const re = /* @__PURE__ */ R(Xt, [["render", xt], ["__scopeId", "data-v-074dc65c
   }
 });
 function nl(e, t, a, n, r, u) {
-  const o = b("bento-input-field"), i = b("bento-base-filter");
-  return v(), C(i, ee(e.$props, {
+  const o = f("bento-input-field"), i = f("bento-base-filter");
+  return v(), S(i, ee(e.$props, {
     "applied-filters-count": e.appliedFiltersCount,
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
@@ -507,7 +506,7 @@ function nl(e, t, a, n, r, u) {
     _: 1
   }, 16, ["applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const et = /* @__PURE__ */ R(ll, [["render", nl], ["__scopeId", "data-v-186880fd"]]), al = k({
+const et = /* @__PURE__ */ R(ll, [["render", nl], ["__scopeId", "data-v-6bde6676"]]), al = k({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: re,
@@ -515,7 +514,6 @@ const et = /* @__PURE__ */ R(ll, [["render", nl], ["__scopeId", "data-v-186880fd
     BentoDivider: Ge,
     Calendar: Vt
   },
-  inheritAttrs: !1,
   props: {
     isDateInput: { type: Boolean, default: !0 },
     /**
@@ -556,20 +554,20 @@ const et = /* @__PURE__ */ R(ll, [["render", nl], ["__scopeId", "data-v-186880fd
     const { locale: a } = le(void 0, !0), n = { de: Je, enUS: te, fr: We }, { internalFilterValue: r, isSecondaryButtonDisabled: u, isApplyButtonDisabled: o } = ue(
       M(e, "value"),
       M(e, "defaultValue")
-    ), i = f(
+    ), i = b(
       () => e.defaultValue === null ? e.label : de(e.value, "dd MMM, yyyy", {
         locale: n[a.value.substring(0, 2)] || te
       })
-    ), l = f(() => e.value != null ? 1 : null), s = () => {
+    ), l = b(() => e.value != null ? 1 : null), s = () => {
       t(c.UPDATE, { ...e, value: r.value });
     }, y = () => {
       r.value = null, s();
-    }, h = () => {
+    }, B = () => {
       r.value = e.defaultValue, s();
     }, d = () => {
       r.value = e.value;
-    }, B = (S) => {
-      r.value = S, t(c.INPUT, { ...e, value: r.value });
+    }, h = (A) => {
+      r.value = A, t(c.INPUT, { ...e, value: r.value });
     };
     return {
       // Values
@@ -580,20 +578,20 @@ const et = /* @__PURE__ */ R(ll, [["render", nl], ["__scopeId", "data-v-186880fd
       buttonLabel: i,
       // Events
       clearFilter: y,
-      onDateSelected: B,
+      onDateSelected: h,
       openFilter: d,
       updateFilter: s,
-      resetFilter: h,
-      onDateInputSelected: (S) => {
-        r.value = S, B(S), s();
+      resetFilter: B,
+      onDateInputSelected: (A) => {
+        r.value = A, h(A), s();
       }
     };
   }
 });
 const ol = { class: "b-date-filter" };
 function sl(e, t, a, n, r, u) {
-  const o = b("bento-date-picker"), i = b("bento-divider"), l = b("calendar"), s = b("bento-base-filter");
-  return v(), C(s, {
+  const o = f("bento-date-picker"), i = f("bento-divider"), l = f("calendar"), s = f("bento-base-filter");
+  return v(), S(s, {
     label: e.label,
     field: e.field,
     "applied-filters-count": e.appliedFiltersCount,
@@ -609,20 +607,20 @@ function sl(e, t, a, n, r, u) {
     onReset: e.resetFilter
   }, {
     default: m(() => {
-      var y, h, d, B;
+      var y, B, d, h;
       return [
-        e.onlySlot ? (v(), C(o, {
+        e.onlySlot ? (v(), S(o, {
           key: 0,
           value: e.internalFilterValue,
           "first-day-of-week": (y = e.options) == null ? void 0 : y.firstDayOfWeek,
-          "is-date-disabled": (h = e.options) == null ? void 0 : h.isDateDisabled,
+          "is-date-disabled": (B = e.options) == null ? void 0 : B.isDateDisabled,
           onInput: e.onDateInputSelected
         }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "onInput"])) : (v(), U(oe, { key: 1 }, [
           g(i, { class: "b-date-filter__divider" }),
           N("div", ol, [
             g(l, {
               "first-day-of-week": (d = e.options) == null ? void 0 : d.firstDayOfWeek,
-              "is-date-disabled": (B = e.options) == null ? void 0 : B.isDateDisabled,
+              "is-date-disabled": (h = e.options) == null ? void 0 : h.isDateDisabled,
               "number-of-months": 1,
               value: e.internalFilterValue,
               onInput: e.onDateSelected
@@ -634,7 +632,7 @@ function sl(e, t, a, n, r, u) {
     _: 1
   }, 8, ["label", "field", "applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "default-value", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const tt = /* @__PURE__ */ R(al, [["render", sl], ["__scopeId", "data-v-ae7822cf"]]), Ne = {
+const tt = /* @__PURE__ */ R(al, [["render", sl], ["__scopeId", "data-v-7e21017e"]]), Ne = {
   "en-US": {
     clear: "Clear",
     apply: "Apply"
@@ -666,11 +664,10 @@ const tt = /* @__PURE__ */ R(al, [["render", sl], ["__scopeId", "data-v-ae7822cf
     BentoBaseFilter: re,
     BentoButtonActions: $t,
     BentoDateRangePicker: Lt,
-    BentoTypography: Ae,
+    BentoTypography: Ce,
     BentoDivider: Ge,
     DateRangePickerCalendar: Mt
   },
-  inheritAttrs: !1,
   props: {
     /**
      * Default value of the filter to reset to.
@@ -713,7 +710,7 @@ const tt = /* @__PURE__ */ R(al, [["render", sl], ["__scopeId", "data-v-ae7822cf
   },
   emits: [c.INPUT, c.UPDATE],
   setup(e, { emit: t }) {
-    var Y, H, W, G;
+    var Y, z, W, G;
     const { locale: a, t: n } = le({ messages: Ne }), r = { de: Je, enUS: te, fr: We }, { internalFilterValue: u, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = ue(
       M(e, "value"),
       M(e, "defaultValue")
@@ -721,47 +718,47 @@ const tt = /* @__PURE__ */ R(al, [["render", sl], ["__scopeId", "data-v-ae7822cf
       locale: r[a.value.substring(0, 2)] || te
     }) : void 0, s = (T) => T ? de(T, ke.HOUR_MINUTE_SECONDS, {
       locale: r[a.value.substring(0, 2)] || te
-    }) : "", y = P(null), h = P(!1), d = Ye({
+    }) : "", y = P(null), B = P(!1), d = Ye({
       startDate: l((Y = e.value) == null ? void 0 : Y.startDate),
-      endDate: l((H = e.value) == null ? void 0 : H.endDate),
+      endDate: l((z = e.value) == null ? void 0 : z.endDate),
       startTime: s((W = e.value) == null ? void 0 : W.startDate),
       endTime: s((G = e.value) == null ? void 0 : G.endDate)
-    }), B = f(
+    }), h = b(
       () => {
         var T, Z;
         return ((T = e.value) == null ? void 0 : T.startDate) != null && ((Z = e.value) == null ? void 0 : Z.endDate) != null ? 1 : null;
       }
-    ), O = f(
+    ), O = b(
       () => e.defaultValue === null ? e.label : `${de(e.value.startDate, "dd MMM, yyyy", {
         locale: r[a.value.substring(0, 2)] || te
       })} - ${de(e.value.endDate, "dd MMM, yyyy", {
         locale: r[a.value.substring(0, 2)] || te
       })}`
-    ), S = () => {
+    ), A = () => {
       y.value.closePopover();
       const { onlySlot: T, ...Z } = e;
       t(c.UPDATE, { ...Z, value: u.value });
-    }, A = () => {
-      u.value = { startDate: void 0, endDate: void 0 }, S();
+    }, C = () => {
+      u.value = { startDate: void 0, endDate: void 0 }, A();
     }, q = () => {
-      u.value = e.defaultValue, S();
+      u.value = e.defaultValue, A();
     }, F = () => {
       u.value = e.value;
     }, _ = (T) => {
       u.value = T, d.startDate = l(T.startDate), d.endDate = l(T.endDate), t(c.INPUT, { ...e, value: u.value });
     }, I = (T) => {
       _(T), t(c.INPUT, { ...e, value: u.value });
-    }, E = f(
+    }, E = b(
       () => [
         {
           title: n("apply"),
-          event: S,
-          disabled: h.value || i.value
+          event: A,
+          disabled: B.value || i.value
         },
         {
           title: n("clear"),
-          event: A,
-          disabled: h.value && o.value
+          event: C,
+          disabled: B.value && o.value
         }
       ]
     );
@@ -770,27 +767,27 @@ const tt = /* @__PURE__ */ R(al, [["render", sl], ["__scopeId", "data-v-ae7822cf
       baseFilter: y,
       // Values
       actions: E,
-      appliedFiltersCount: B,
+      appliedFiltersCount: h,
       formData: d,
       internalFilterValue: u,
       isApplyButtonDisabled: i,
       isSecondaryButtonDisabled: o,
       buttonLabel: O,
       // Enum
-      BentoButtonActionsLayout: je,
-      BentoTypographyElement: Ce,
-      BentoTypographyVariant: Se,
+      BentoButtonActionsLayout: He,
+      BentoTypographyElement: Se,
+      BentoTypographyVariant: Ae,
       // Events
-      clearFilter: A,
+      clearFilter: C,
       onDateSelected: _,
       openFilter: F,
-      updateFilter: S,
+      updateFilter: A,
       resetFilter: q,
       onDatePickerRangeError: () => {
-        h.value = !0, u.value = { startDate: void 0, endDate: void 0 }, t(c.INPUT, { ...e, value: u.value });
+        B.value = !0, u.value = { startDate: void 0, endDate: void 0 }, t(c.INPUT, { ...e, value: u.value });
       },
       onDatePickerRangeFormDateInputUpdate: (T) => {
-        h.value = !1, T.startTime && (d.startTime = T.startTime), T.endTime && (d.endTime = T.endTime);
+        B.value = !1, T.startTime && (d.startTime = T.startTime), T.endTime && (d.endTime = T.endTime);
       },
       onDateInputSelected: I
     };
@@ -801,8 +798,8 @@ const rl = {
   class: "b-date-range-filter"
 };
 function ul(e, t, a, n, r, u) {
-  const o = b("bento-date-range-picker"), i = b("bento-typography"), l = b("bento-divider"), s = b("bento-button-actions"), y = b("date-range-picker-calendar"), h = b("bento-base-filter");
-  return v(), C(h, {
+  const o = f("bento-date-range-picker"), i = f("bento-typography"), l = f("bento-divider"), s = f("bento-button-actions"), y = f("date-range-picker-calendar"), B = f("bento-base-filter");
+  return v(), S(B, {
     ref: "baseFilter",
     label: e.label,
     field: e.field,
@@ -817,16 +814,16 @@ function ul(e, t, a, n, r, u) {
     onOpen: e.openFilter
   }, {
     default: m(() => {
-      var d, B, O, S, A, q, F, _, I, E;
+      var d, h, O, A, C, q, F, _, I, E;
       return [
-        e.onlySlot ? (v(), C(o, {
+        e.onlySlot ? (v(), S(o, {
           key: 0,
           "allow-time-input": (d = e.options) == null ? void 0 : d.allowTimeInput,
           value: e.internalFilterValue,
-          "custom-range": (B = e.options) == null ? void 0 : B.quickSelectRanges,
+          "custom-range": (h = e.options) == null ? void 0 : h.quickSelectRanges,
           "first-day-of-week": (O = e.options) == null ? void 0 : O.firstDayOfWeek,
-          "is-date-disabled": (S = e.options) == null ? void 0 : S.isDateDisabled,
-          "number-of-months": (A = e.options) == null ? void 0 : A.numberOfMonths,
+          "is-date-disabled": (A = e.options) == null ? void 0 : A.isDateDisabled,
+          "number-of-months": (C = e.options) == null ? void 0 : C.numberOfMonths,
           onInput: e.onDateInputSelected
         }, null, 8, ["allow-time-input", "value", "custom-range", "first-day-of-week", "is-date-disabled", "number-of-months", "onInput"])) : (v(), U("div", rl, [
           g(y, {
@@ -869,7 +866,7 @@ function ul(e, t, a, n, r, u) {
     _: 1
   }, 8, ["label", "field", "applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "default-value", "controlled", "only-slot", "onOpen"]);
 }
-const lt = /* @__PURE__ */ R(il, [["render", ul], ["__scopeId", "data-v-b733f9c9"]]), Ve = {
+const lt = /* @__PURE__ */ R(il, [["render", ul], ["__scopeId", "data-v-4da7cef3"]]), Ve = {
   "en-US": {
     noFiltersMatchThisSearch: "No filters match this search",
     search: "Search",
@@ -882,9 +879,8 @@ const lt = /* @__PURE__ */ R(il, [["render", ul], ["__scopeId", "data-v-b733f9c9
     BentoBaseFilter: re,
     BentoDropdown: Rt,
     BentoListbox: wt,
-    BentoSearchBar: be
+    BentoSearchBar: fe
   },
-  inheritAttrs: !1,
   props: {
     /**
      * Default value of the filter to reset to.
@@ -932,71 +928,71 @@ const lt = /* @__PURE__ */ R(il, [["render", ul], ["__scopeId", "data-v-b733f9c9
     ve(s, () => {
       y.value = s.value.listboxItems;
     });
-    const h = He(
+    const B = ze(
       l,
       y,
       (K = (w = e.options) == null ? void 0 : w.search) == null ? void 0 : K.searchEvent
-    ), d = f(() => o("noFiltersMatchThisSearch")), B = f(() => {
-      var Y, H, W;
+    ), d = b(() => o("noFiltersMatchThisSearch")), h = b(() => {
+      var Y, z, W;
       if (e.defaultValue === null)
         return e.label;
       if (e.options.multiple) {
         const G = e.value.length;
         if (G === e.options.listboxItems.length)
           return (Y = e == null ? void 0 : e.options) == null ? void 0 : Y.messages[i.value].persistentButtonLabelAllSelected;
-        const T = (H = e == null ? void 0 : e.options) == null ? void 0 : H.messages[i.value].persistentButtonLabelPartiallySelected.split("|").map((Z) => Z.trim());
+        const T = (z = e == null ? void 0 : e.options) == null ? void 0 : z.messages[i.value].persistentButtonLabelPartiallySelected.split("|").map((Z) => Z.trim());
         return G === 1 ? T[0].replace("{count}", G) : T[1].replace("{count}", G);
       }
       return ce((W = e.options.listboxItems.find(({ value: G }) => G === e.value)) == null ? void 0 : W.label, 18);
-    }), O = f(() => ge(`filter-listbox-${e.field}`)), S = (Y) => {
+    }), O = b(() => ge(`filter-listbox-${e.field}`)), A = (Y) => {
       n.value = Y;
-      const { onlySlot: H, ...W } = e;
+      const { onlySlot: z, ...W } = e;
       t(c.INPUT, { ...W, value: n.value });
-    }, A = () => {
+    }, C = () => {
       e.defaultValue !== null && e.options.multiple && n.value.length === 0 && (n.value = e.defaultValue);
-      const { onlySlot: Y, ...H } = e;
-      t(c.UPDATE, { ...H, value: n.value });
+      const { onlySlot: Y, ...z } = e;
+      t(c.UPDATE, { ...z, value: n.value });
     }, q = () => {
       n.value = e.value;
     }, F = () => {
       l.value && (l.value = "");
     }, _ = () => {
-      n.value = e.defaultValue, A();
+      n.value = e.defaultValue, C();
     }, I = () => {
-      n.value = null, A();
+      n.value = null, C();
     };
     return {
       // Values
-      appliedFiltersCount: f(() => {
+      appliedFiltersCount: b(() => {
         if (e.value == null)
           return null;
         const Y = 1;
         return e.options.multiple ? e.value.length : Y;
       }),
-      filteredItems: h,
+      filteredItems: B,
       internalFilterValue: n,
       isApplyButtonDisabled: u,
       isSecondaryButtonDisabled: r,
       listboxFilterId: O,
       noResultsMessage: d,
       slots: a,
-      buttonLabel: B,
+      buttonLabel: h,
       // Search
       searchTerm: l,
       // Events
       clearFilter: I,
       closeFilter: F,
-      onOptionSelected: S,
+      onOptionSelected: A,
       openFilter: q,
-      updateFilter: A,
+      updateFilter: C,
       resetFilter: _
     };
   }
 });
-const pl = (e) => (bt("data-v-74b3d402"), e = e(), vt(), e), cl = { class: "b-select-filter__search-bar" }, fl = /* @__PURE__ */ pl(() => /* @__PURE__ */ N("hr", { class: "b-select-filter__divider" }, null, -1));
-function bl(e, t, a, n, r, u) {
-  const o = b("bento-dropdown"), i = b("bento-search-bar"), l = b("bento-listbox"), s = b("bento-base-filter");
-  return v(), C(s, {
+const pl = (e) => (ft("data-v-d1b15598"), e = e(), vt(), e), cl = { class: "b-select-filter__search-bar" }, bl = /* @__PURE__ */ pl(() => /* @__PURE__ */ N("hr", { class: "b-select-filter__divider" }, null, -1));
+function fl(e, t, a, n, r, u) {
+  const o = f("bento-dropdown"), i = f("bento-search-bar"), l = f("bento-listbox"), s = f("bento-base-filter");
+  return v(), S(s, {
     label: e.label,
     field: e.field,
     "applied-filters-count": e.appliedFiltersCount,
@@ -1012,9 +1008,9 @@ function bl(e, t, a, n, r, u) {
     onClose: e.closeFilter
   }, {
     default: m(() => {
-      var y, h, d, B, O, S, A, q, F, _, I;
+      var y, B, d, h, O, A, C, q, F, _, I;
       return [
-        e.onlySlot ? (v(), C(o, {
+        e.onlySlot ? (v(), S(o, {
           key: 0,
           value: e.internalFilterValue,
           class: "b-select-filter__dropdown-variant",
@@ -1035,21 +1031,21 @@ function bl(e, t, a, n, r, u) {
         ]), 1032, ["value", "items", "multiple", "no-results-message", "searching", "is-option-disabled", "onInput"])) : (v(), U(oe, { key: 1 }, [
           N("div", cl, [
             g(i, {
-              "debounce-time": (d = (h = e.options) == null ? void 0 : h.search) == null ? void 0 : d.debounceTime,
+              "debounce-time": (d = (B = e.options) == null ? void 0 : B.search) == null ? void 0 : d.debounceTime,
               value: e.searchTerm,
               "input-field-aria-label": e.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString(),
               onInput: t[0] || (t[0] = (E) => e.searchTerm = E)
             }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
           ]),
-          fl,
+          bl,
           g(l, {
             id: e.listboxFilterId,
             "aria-label": e.label,
             class: "b-select-filter__wrapper",
-            "has-more-items": (O = (B = e.options) == null ? void 0 : B.lazy) == null ? void 0 : O.hasMoreItems,
+            "has-more-items": (O = (h = e.options) == null ? void 0 : h.lazy) == null ? void 0 : O.hasMoreItems,
             items: e.filteredItems,
-            "is-option-disabled": (S = e.options) == null ? void 0 : S.isOptionDisabled,
-            "lazy-load-type": (q = (A = e.options) == null ? void 0 : A.lazy) == null ? void 0 : q.lazyLoadType,
+            "is-option-disabled": (A = e.options) == null ? void 0 : A.isOptionDisabled,
+            "lazy-load-type": (q = (C = e.options) == null ? void 0 : C.lazy) == null ? void 0 : q.lazyLoadType,
             loading: (_ = (F = e.options) == null ? void 0 : F.lazy) == null ? void 0 : _.loading,
             multiple: (I = e.options) == null ? void 0 : I.multiple,
             "no-results-message": e.noResultsMessage,
@@ -1074,15 +1070,14 @@ function bl(e, t, a, n, r, u) {
     _: 3
   }, 8, ["label", "field", "applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "default-value", "only-slot", "onApply", "onClear", "onReset", "onOpen", "onClose"]);
 }
-const z = /* @__PURE__ */ R(dl, [["render", bl], ["__scopeId", "data-v-74b3d402"]]), vl = k({
+const j = /* @__PURE__ */ R(dl, [["render", fl], ["__scopeId", "data-v-d1b15598"]]), vl = k({
   name: "bento-select-avatar-filter",
   components: {
-    BentoSelectFilter: z,
+    BentoSelectFilter: j,
     BentoAvatar: qt
   },
-  inheritAttrs: !1,
   props: {
-    ...z.props,
+    ...j.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1105,8 +1100,8 @@ const z = /* @__PURE__ */ R(dl, [["render", bl], ["__scopeId", "data-v-74b3d402"
   }
 });
 function yl(e, t, a, n, r, u) {
-  const o = b("bento-avatar"), i = b("bento-select-filter");
-  return v(), C(i, ee(e.$props, {
+  const o = f("bento-avatar"), i = f("bento-select-filter");
+  return v(), S(i, ee(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
@@ -1124,12 +1119,11 @@ function yl(e, t, a, n, r, u) {
 const nt = /* @__PURE__ */ R(vl, [["render", yl]]), ml = k({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: z,
+    BentoSelectFilter: j,
     ListboxOptionTag: Qe
   },
-  inheritAttrs: !1,
   props: {
-    ...z.props,
+    ...j.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1154,8 +1148,8 @@ const nt = /* @__PURE__ */ R(vl, [["render", yl]]), ml = k({
   }
 });
 function Fl(e, t, a, n, r, u) {
-  const o = b("listbox-option-tag"), i = b("bento-select-filter");
-  return v(), C(i, ee(e.$props, {
+  const o = f("listbox-option-tag"), i = f("bento-select-filter");
+  return v(), S(i, ee(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
@@ -1170,12 +1164,11 @@ function Fl(e, t, a, n, r, u) {
 const at = /* @__PURE__ */ R(ml, [["render", Fl]]), _l = k({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: z,
+    BentoSelectFilter: j,
     BentoCountry: Yt
   },
-  inheritAttrs: !1,
   props: {
-    ...z.props,
+    ...j.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1193,7 +1186,7 @@ const at = /* @__PURE__ */ R(ml, [["render", Fl]]), _l = k({
     const a = M(e, "options"), { listboxItems: n, variant: r } = yt(a.value), u = (l) => t(c.UPDATE, l), o = Kt(r, n);
     return {
       // Values
-      countryOptions: f(() => ({
+      countryOptions: b(() => ({
         ...e.options,
         listboxItems: o.value
       })),
@@ -1205,9 +1198,9 @@ const at = /* @__PURE__ */ R(ml, [["render", Fl]]), _l = k({
     };
   }
 });
-function hl(e, t, a, n, r, u) {
-  const o = b("bento-country"), i = b("bento-select-filter");
-  return v(), C(i, ee(e.$props, {
+function Bl(e, t, a, n, r, u) {
+  const o = f("bento-country"), i = f("bento-select-filter");
+  return v(), S(i, ee(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
@@ -1224,15 +1217,14 @@ function hl(e, t, a, n, r, u) {
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const ot = /* @__PURE__ */ R(_l, [["render", hl]]), Bl = k({
+const ot = /* @__PURE__ */ R(_l, [["render", Bl]]), hl = k({
   name: "bento-select-payment-method-filter",
   components: {
-    BentoSelectFilter: z,
-    BentoPaymentMethod: jt
+    BentoSelectFilter: j,
+    BentoPaymentMethod: Ht
   },
-  inheritAttrs: !1,
   props: {
-    ...z.props,
+    ...j.props,
     /**
      * List of options that are needed to setup the payment method filter
      * Available options:
@@ -1255,8 +1247,8 @@ const ot = /* @__PURE__ */ R(_l, [["render", hl]]), Bl = k({
   }
 });
 function gl(e, t, a, n, r, u) {
-  const o = b("bento-payment-method"), i = b("bento-select-filter");
-  return v(), C(i, ee(e.$props, {
+  const o = f("bento-payment-method"), i = f("bento-select-filter");
+  return v(), S(i, ee(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
@@ -1271,15 +1263,14 @@ function gl(e, t, a, n, r, u) {
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const st = /* @__PURE__ */ R(Bl, [["render", gl]]), Al = k({
+const st = /* @__PURE__ */ R(hl, [["render", gl]]), Cl = k({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: z,
+    BentoSelectFilter: j,
     ListboxOptionTag: Qe
   },
-  inheritAttrs: !1,
   props: {
-    ...z.props,
+    ...j.props,
     /**
      * List of options that are needed to setup the tag filter
      * Available options:
@@ -1293,7 +1284,7 @@ const st = /* @__PURE__ */ R(Bl, [["render", gl]]), Al = k({
   },
   emits: [c.INPUT, c.UPDATE],
   setup(e, { emit: t }) {
-    const a = (u) => t(c.UPDATE, u), n = f(
+    const a = (u) => t(c.UPDATE, u), n = b(
       () => {
         var u, o;
         return (o = (u = e == null ? void 0 : e.options) == null ? void 0 : u.listboxItems) == null ? void 0 : o.map(({ label: i, value: l, variant: s }) => ({ label: i, value: l, data: s }));
@@ -1301,7 +1292,7 @@ const st = /* @__PURE__ */ R(Bl, [["render", gl]]), Al = k({
     );
     return {
       // Values
-      countryOptions: f(() => ({
+      countryOptions: b(() => ({
         ...e.options,
         listboxItems: n.value
       })),
@@ -1313,9 +1304,9 @@ const st = /* @__PURE__ */ R(Bl, [["render", gl]]), Al = k({
     };
   }
 });
-function Cl(e, t, a, n, r, u) {
-  const o = b("listbox-option-tag"), i = b("bento-select-filter");
-  return v(), C(i, ee(e.$props, {
+function Sl(e, t, a, n, r, u) {
+  const o = f("listbox-option-tag"), i = f("bento-select-filter");
+  return v(), S(i, ee(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
@@ -1330,16 +1321,15 @@ function Cl(e, t, a, n, r, u) {
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const it = /* @__PURE__ */ R(Al, [["render", Cl]]), Le = {
+const it = /* @__PURE__ */ R(Cl, [["render", Sl]]), Le = {
   "en-US": {
     yes: "Yes",
     no: "No"
   }
-}, Sl = k({
+}, Al = k({
   name: "bento-boolean-filter",
   i18n: { messages: Le },
   components: { BentoBaseFilter: re, BentoRadioGroup: It },
-  inheritAttrs: !1,
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1366,23 +1356,23 @@ const it = /* @__PURE__ */ R(Al, [["render", Cl]]), Le = {
   },
   emits: [c.INPUT, c.UPDATE],
   setup(e, { emit: t }) {
-    const { t: a } = le({ messages: Le }), n = f(() => [
+    const { t: a } = le({ messages: Le }), n = b(() => [
       { value: "yes", label: a("yes") },
       { value: "no", label: a("no") }
     ]), { internalFilterValue: r, isSecondaryButtonDisabled: u, isApplyButtonDisabled: o } = ue(
       M(e, "value"),
       M(e, "defaultValue")
-    ), i = f(
-      () => e.defaultValue === null ? e.label : ce(n.value.find(({ value: S }) => S === e.value).label, 18)
-    ), l = f(() => e.value != null ? 1 : null), s = f(() => ({
+    ), i = b(
+      () => e.defaultValue === null ? e.label : ce(n.value.find(({ value: A }) => A === e.value).label, 18)
+    ), l = b(() => e.value != null ? 1 : null), s = b(() => ({
       ["b-boolean-filter--only-slot"]: e.onlySlot
     }));
-    he(() => {
+    Be(() => {
       r.value || (r.value = null);
     });
-    const y = (S) => {
-      r.value = S, t(c.INPUT, { ...e, value: r.value });
-    }, h = () => {
+    const y = (A) => {
+      r.value = A, t(c.INPUT, { ...e, value: r.value });
+    }, B = () => {
       r.value = e.value;
     }, d = () => {
       t(c.UPDATE, { ...e, value: r.value });
@@ -1402,14 +1392,14 @@ const it = /* @__PURE__ */ R(Al, [["render", Cl]]), Le = {
       clearFilter: () => {
         r.value = null, d();
       },
-      openFilter: h,
+      openFilter: B,
       resetFilter: () => t(c.UPDATE, { ...e, value: e.defaultValue })
     };
   }
 });
 function Tl(e, t, a, n, r, u) {
-  const o = b("bento-radio-group"), i = b("bento-base-filter");
-  return v(), C(i, ee(e.$props, {
+  const o = f("bento-radio-group"), i = f("bento-base-filter");
+  return v(), S(i, ee(e.$props, {
     "applied-filters-count": e.appliedFiltersCount,
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
@@ -1436,7 +1426,7 @@ function Tl(e, t, a, n, r, u) {
     _: 1
   }, 16, ["applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const rt = /* @__PURE__ */ R(Sl, [["render", Tl], ["__scopeId", "data-v-d525af04"]]), $l = {
+const rt = /* @__PURE__ */ R(Al, [["render", Tl], ["__scopeId", "data-v-0e1506ae"]]), $l = {
   "en-US": {
     from: "From",
     to: "To"
@@ -1444,8 +1434,7 @@ const rt = /* @__PURE__ */ R(Sl, [["render", Tl], ["__scopeId", "data-v-d525af04
 }, Il = k({
   name: "bento-range-filter",
   i18n: { messages: $l },
-  components: { BentoBaseFilter: re, BentoInputField: ze },
-  inheritAttrs: !1,
+  components: { BentoBaseFilter: re, BentoInputField: je },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1475,19 +1464,19 @@ const rt = /* @__PURE__ */ R(Sl, [["render", Tl], ["__scopeId", "data-v-d525af04
     const a = P(null), { internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: u } = ue(
       M(e, "value"),
       M(e, "defaultValue")
-    ), o = f(
+    ), o = b(
       () => e.defaultValue === null ? e.label : `${ce(e.value[0], 5)}-${ce(e.value[1], 5)}`
-    ), i = f(() => e.value.find((A) => A !== "") ? 1 : null), l = f(() => ({
+    ), i = b(() => e.value.find((C) => C !== "") ? 1 : null), l = b(() => ({
       ["b-range-filter--only-slot"]: e.onlySlot
     })), s = () => {
       n.value = e.value, qe(() => a.value.focusInput());
     }, y = () => {
       t(c.INPUT, { ...e, value: n.value });
-    }, h = (A) => {
-      n.value = [A, n.value[1]], y();
-    }, d = (A) => {
-      n.value = [n.value[0], A], y();
-    }, B = () => {
+    }, B = (C) => {
+      n.value = [C, n.value[1]], y();
+    }, d = (C) => {
+      n.value = [n.value[0], C], y();
+    }, h = () => {
       t(c.UPDATE, {
         ...e,
         value: n.value
@@ -1505,11 +1494,11 @@ const rt = /* @__PURE__ */ R(Sl, [["render", Tl], ["__scopeId", "data-v-d525af04
       isSecondaryButtonDisabled: r,
       buttonLabel: o,
       // Events
-      updateFrom: h,
+      updateFrom: B,
       updateTo: d,
-      updateFilter: B,
+      updateFilter: h,
       clearFilter: () => {
-        n.value = ["", ""], B();
+        n.value = ["", ""], h();
       },
       openFilter: s,
       resetFilter: () => t(c.UPDATE, { ...e, value: e.defaultValue })
@@ -1517,8 +1506,8 @@ const rt = /* @__PURE__ */ R(Sl, [["render", Tl], ["__scopeId", "data-v-d525af04
   }
 });
 function Dl(e, t, a, n, r, u) {
-  const o = b("bento-input-field"), i = b("bento-base-filter");
-  return v(), C(i, ee(e.$props, {
+  const o = f("bento-input-field"), i = f("bento-base-filter");
+  return v(), S(i, ee(e.$props, {
     "applied-filters-count": e.appliedFiltersCount,
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
@@ -1563,12 +1552,11 @@ function Dl(e, t, a, n, r, u) {
     _: 1
   }, 16, ["applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const ut = /* @__PURE__ */ R(Il, [["render", Dl], ["__scopeId", "data-v-0498bce5"]]);
+const ut = /* @__PURE__ */ R(Il, [["render", Dl], ["__scopeId", "data-v-e8a42aea"]]);
 var _e = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(_e || {});
 const El = k({
   name: "all-filters-modal-button",
   components: { BaseFilterButton: Ze },
-  inheritAttrs: !1,
   props: {
     /**
      * Button label to be displayed
@@ -1590,7 +1578,7 @@ const El = k({
   emits: ["click"],
   setup(e, { emit: t }) {
     return {
-      conditionalClasses: f(() => ({
+      conditionalClasses: b(() => ({
         ["b-all-filters-modal-button--with-counter"]: e.appliedFiltersCount,
         ["b-all-filters-modal-button--filter-open"]: e.isFilterOpen
       })),
@@ -1601,8 +1589,8 @@ const El = k({
   }
 });
 function Ul(e, t, a, n, r, u) {
-  const o = b("base-filter-button");
-  return v(), C(o, {
+  const o = f("base-filter-button");
+  return v(), S(o, {
     class: ie(["b-all-filters-modal-button", e.conditionalClasses]),
     "amount-applied-values": e.appliedFiltersCount,
     "is-filter-open": e.isFilterOpen,
@@ -1615,7 +1603,7 @@ function Ul(e, t, a, n, r, u) {
     _: 1
   }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
 }
-const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb"]]), Me = {
+const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-01e76c5e"]]), Me = {
   "en-US": {
     activeFilters: "Active filters",
     allFilters: "All filters",
@@ -1639,17 +1627,16 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb
     BentoInputFilter: et,
     BentoModal: Ut,
     BentoRangeFilter: ut,
-    BentoSearchBar: be,
+    BentoSearchBar: fe,
     BentoSelectAvatarFilter: nt,
     BentoSelectCurrencyFilter: at,
     BentoSelectCountryFilter: ot,
-    BentoSelectFilter: z,
+    BentoSelectFilter: j,
     BentoSelectPaymentMethodFilter: st,
     BentoSelectTagFilter: it,
-    BentoTypography: Ae,
+    BentoTypography: Ce,
     FilterBarFilterButton: xe
   },
-  inheritAttrs: !1,
   props: {
     /**
      * Array of filters based on {@see FilterBarModel}.
@@ -1678,9 +1665,9 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb
   },
   emits: [_e.INPUT],
   setup(e, { emit: t }) {
-    const a = Ye({ value: e.value }), n = ge("all-filters-modal"), r = P([]), u = P(!1), o = P(0), i = P(null), l = P(""), { t: s } = le({ messages: Me }), y = He(l, M(a, "value")), h = P({});
-    he(() => {
-      h.value = [];
+    const a = Ye({ value: e.value }), n = ge("all-filters-modal"), r = P([]), u = P(!1), o = P(0), i = P(null), l = P(""), { t: s } = le({ messages: Me }), y = ze(l, M(a, "value")), B = P({});
+    Be(() => {
+      B.value = [];
     }), ve(
       () => e.value,
       () => {
@@ -1690,7 +1677,7 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb
     const d = (p) => (
       /* eslint-disable-next-line no-nested-ternary */
       p.sort(($, D) => $.label > D.label ? 1 : D.label > $.label ? -1 : 0)
-    ), B = f(
+    ), h = b(
       () => d(
         y.value.filter(
           (p) => {
@@ -1699,7 +1686,7 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb
           }
         )
       )
-    ), O = f(
+    ), O = b(
       () => d(
         y.value.filter(
           (p) => {
@@ -1708,11 +1695,11 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb
           }
         )
       )
-    ), S = f(() => {
+    ), A = b(() => {
       var p;
       return l.value && ((p = y.value) == null ? void 0 : p.length) === 0;
-    }), A = f(() => a.value[o.value]), q = () => {
-      const p = B.value.length ? B.value[0] : O.value[0], $ = a.value.findIndex(
+    }), C = b(() => a.value[o.value]), q = () => {
+      const p = h.value.length ? h.value[0] : O.value[0], $ = a.value.findIndex(
         (D) => D.label === p.label && D.field === p.field
       );
       o.value = $;
@@ -1720,16 +1707,16 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb
     mt(() => {
       q();
     });
-    const F = f(
+    const F = b(
       () => a.value.map((p) => {
-        var $, D, X, fe, Te, $e;
+        var $, D, X, be, Te, $e;
         switch (p.type) {
-          case j.SELECT:
-          case j.SELECT_AVATAR:
-          case j.SELECT_COUNTRY:
-          case j.SELECT_CURRENCY:
-          case j.SELECT_PAYMENT_METHOD:
-          case j.SELECT_TAG:
+          case H.SELECT:
+          case H.SELECT_AVATAR:
+          case H.SELECT_COUNTRY:
+          case H.SELECT_CURRENCY:
+          case H.SELECT_PAYMENT_METHOD:
+          case H.SELECT_TAG:
             switch (($ = p.options) == null ? void 0 : $.multiple) {
               case !0:
                 return {
@@ -1744,21 +1731,21 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb
                   count: p.value == null ? null : 1
                 };
             }
-          case j.DATE_RANGE:
+          case H.DATE_RANGE:
             return {
               label: p.label,
               field: p.field,
-              count: ((fe = p.value) == null ? void 0 : fe.startDate) != null && ((Te = p.value) == null ? void 0 : Te.endDate) != null ? 1 : null
+              count: ((be = p.value) == null ? void 0 : be.startDate) != null && ((Te = p.value) == null ? void 0 : Te.endDate) != null ? 1 : null
             };
-          case j.RANGE:
+          case H.RANGE:
             return {
               label: p.label,
               field: p.field,
               count: ($e = p.value) != null && $e.find((ct) => ct !== "") ? 1 : null
             };
-          case j.INPUT:
-          case j.BOOLEAN:
-          case j.DATE:
+          case H.INPUT:
+          case H.BOOLEAN:
+          case H.DATE:
           default:
             return {
               label: p.label,
@@ -1767,12 +1754,12 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb
             };
         }
       })
-    ), _ = f(
+    ), _ = b(
       () => {
         var p;
-        return Array.isArray(A.value.value) ? ((p = A.value) == null ? void 0 : p.value.length) && A.value.value.find(($) => $ !== "") : !!a.value[o.value].value;
+        return Array.isArray(C.value.value) ? ((p = C.value) == null ? void 0 : p.value.length) && C.value.value.find(($) => $ !== "") : !!a.value[o.value].value;
       }
-    ), I = f(
+    ), I = b(
       () => {
         var p;
         return (
@@ -1788,16 +1775,16 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb
       );
     }, Y = () => {
       l.value = "";
-    }, H = () => {
+    }, z = () => {
       u.value = !1, a.value = e.value, Y(), q();
     }, W = (p) => {
-      const $ = a.value.map(({ value: D, ...X }, fe) => fe === o.value ? { value: p.value, ...X } : { value: D, ...X });
+      const $ = a.value.map(({ value: D, ...X }, be) => be === o.value ? { value: p.value, ...X } : { value: D, ...X });
       a.value = $;
     }, G = () => {
       W({
-        field: A.value.field,
-        label: A.value.label,
-        type: A.value.type,
+        field: C.value.field,
+        label: C.value.label,
+        type: C.value.type,
         value: void 0
       });
     }, T = () => {
@@ -1807,9 +1794,9 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb
       }));
     }, Z = () => {
       t(_e.INPUT, a.value), u.value = !1;
-    }, dt = f(
+    }, dt = b(
       () => JSON.stringify(a.value) === JSON.stringify(e.value)
-    ), pt = f(() => [
+    ), pt = b(() => [
       {
         title: s("applyAll"),
         disabled: dt.value,
@@ -1817,7 +1804,7 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb
       },
       {
         title: s("cancel"),
-        event: H
+        event: z
       },
       {
         title: s("clearAll"),
@@ -1829,21 +1816,21 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb
       // Enums
       BentoModalEvent: Pt,
       BentoModalSize: kt,
-      BentoButtonVariant: Be,
-      BentoTypographyElement: Ce,
-      BentoTypographyVariant: Se,
+      BentoButtonVariant: he,
+      BentoTypographyElement: Se,
+      BentoTypographyVariant: Ae,
       // Values
       allFiltersModalUniqueId: n,
       allFiltersModalFiltersSection: r,
-      allFiltersModalFilterButtons: h,
+      allFiltersModalFilterButtons: B,
       numberOfActiveFilters: I,
-      isEmptyResultForSearchFilter: S,
+      isEmptyResultForSearchFilter: A,
       isModalOpen: u,
       isClearButtonEnabled: _,
-      activeFilters: B,
+      activeFilters: h,
       otherFilters: O,
       modalActions: pt,
-      selectedFilter: A,
+      selectedFilter: C,
       selectedFilterRef: i,
       filters: a,
       computedCounts: F,
@@ -1851,7 +1838,7 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb
       // Methods
       onClickAllFiltersModal: E,
       getFilterCount: w,
-      cancel: H,
+      cancel: z,
       selectFilter: K,
       clearFilter: G,
       updateFilter: W,
@@ -1860,7 +1847,7 @@ const Pl = /* @__PURE__ */ R(El, [["render", Ul], ["__scopeId", "data-v-352028fb
         Ot(1, i.value.$el).focus();
       },
       onKeydownLeft: () => {
-        h.value[A.value.label].$el.focus();
+        B.value[C.value.label].$el.focus();
       }
     };
   }
@@ -1876,7 +1863,7 @@ const Rl = { class: "b-all-filters-modal" }, Ol = {
   class: "b-all-filters-modal__filters-section"
 }, Ml = ["aria-labelledby"], wl = { class: "b-all-filters-modal__selected-filter-text" }, ql = { class: "b-all-filters-modal__selected-filter-component" }, Yl = { class: "b-all-filters-modal__clear-button" };
 function Kl(e, t, a, n, r, u) {
-  const o = b("filter-bar-filter-button"), i = b("bento-search-bar"), l = b("bento-typography"), s = b("all-filters-modal-button"), y = b("bento-button"), h = b("bento-modal");
+  const o = f("filter-bar-filter-button"), i = f("bento-search-bar"), l = f("bento-typography"), s = f("all-filters-modal-button"), y = f("bento-button"), B = f("bento-modal");
   return v(), U("div", Rl, [
     g(o, {
       label: e.$t("allFilters").toString(),
@@ -1884,7 +1871,7 @@ function Kl(e, t, a, n, r, u) {
       "applied-filters-count": e.numberOfActiveFilters,
       onClick: e.onClickAllFiltersModal
     }, null, 8, ["label", "is-filter-open", "applied-filters-count", "onClick"]),
-    g(h, {
+    g(B, {
       class: "'b-all-filters-modal__modal'",
       "is-open": e.isModalOpen,
       "with-column-layout": !0,
@@ -1941,17 +1928,17 @@ function Kl(e, t, a, n, r, u) {
               }, [
                 g(s, {
                   ref_for: !0,
-                  ref: (B) => e.allFiltersModalFilterButtons[d.label] = B,
+                  ref: (h) => e.allFiltersModalFilterButtons[d.label] = h,
                   label: d.label,
                   "applied-filters-count": e.getFilterCount(d.label),
                   "is-filter-open": e.selectedFilter.label === d.label,
-                  onClick: (B) => e.selectFilter(d.label, d.field)
+                  onClick: (h) => e.selectFilter(d.label, d.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
             ], 8, Vl)
           ])) : Q("", !0),
           e.otherFilters.length ? (v(), U("div", Ll, [
-            e.activeFilters.length ? (v(), C(l, {
+            e.activeFilters.length ? (v(), S(l, {
               key: 0,
               id: `other-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
@@ -1972,11 +1959,11 @@ function Kl(e, t, a, n, r, u) {
               }, [
                 g(s, {
                   ref_for: !0,
-                  ref: (B) => e.allFiltersModalFilterButtons[d.label] = B,
+                  ref: (h) => e.allFiltersModalFilterButtons[d.label] = h,
                   label: d.label,
                   "applied-filters-count": e.getFilterCount(d.label),
                   "is-filter-open": e.selectedFilter.label === d.label,
-                  onClick: (B) => e.selectFilter(d.label, d.field)
+                  onClick: (h) => e.selectFilter(d.label, d.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
             ], 8, Ml)
@@ -1999,7 +1986,7 @@ function Kl(e, t, a, n, r, u) {
               ]),
               _: 1
             }, 8, ["el", "variant"]),
-            e.selectedFilter.description ? (v(), C(l, {
+            e.selectedFilter.description ? (v(), S(l, {
               key: 0,
               el: e.BentoTypographyElement.DIV,
               variant: e.BentoTypographyVariant.BODY,
@@ -2012,7 +1999,7 @@ function Kl(e, t, a, n, r, u) {
             }, 8, ["el", "variant"])) : Q("", !0)
           ]),
           N("div", ql, [
-            (v(), C(Fe(e.selectedFilter.type), {
+            (v(), S(Fe(e.selectedFilter.type), {
               ref: "selectedFilterRef",
               key: e.selectedFilter.field,
               field: e.selectedFilter.field,
@@ -2042,7 +2029,7 @@ function Kl(e, t, a, n, r, u) {
     }, 8, ["is-open", "size", "actions", "onCloseModal"])
   ]);
 }
-const jl = /* @__PURE__ */ R(kl, [["render", Kl], ["__scopeId", "data-v-f58bf2b3"]]), we = {
+const Hl = /* @__PURE__ */ R(kl, [["render", Kl], ["__scopeId", "data-v-c83c5109"]]), we = {
   "en-US": {
     clearAll: "Clear all",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -2051,33 +2038,32 @@ const jl = /* @__PURE__ */ R(kl, [["render", Kl], ["__scopeId", "data-v-f58bf2b3
     resetAll: "Reset all",
     searchBar: "Search bar"
   }
-}, zl = k({
+}, jl = k({
   i18n: { messages: we },
   name: "bento-filter-bar",
   components: {
-    AllFiltersModal: jl,
+    AllFiltersModal: Hl,
     BentoButton: Ke,
     BentoBooleanFilter: rt,
     BentoDateFilter: tt,
     BentoDateRangeFilter: lt,
     BentoRangeFilter: ut,
     BentoInputFilter: et,
-    BentoSelectFilter: z,
+    BentoSelectFilter: j,
     BentoSelectAvatarFilter: nt,
     BentoSelectCountryFilter: ot,
     BentoSelectCurrencyFilter: at,
     BentoSelectPaymentMethodFilter: st,
     BentoSelectTagFilter: it,
-    BentoSearchBar: be
+    BentoSearchBar: fe
   },
-  inheritAttrs: !1,
   props: {
     /**
      * Search term useful to filter all the data by text.
      * If the value is non-existant (null or undefined) the search bar won't be enabled.
      */
     searchTerm: {
-      type: be.props.value.type,
+      type: fe.props.value.type,
       default: void 0
     },
     /**
@@ -2112,11 +2098,11 @@ const jl = /* @__PURE__ */ R(kl, [["render", Kl], ["__scopeId", "data-v-f58bf2b3
     ne.UPDATE
   ],
   setup(e, { emit: t }) {
-    const { t: a } = le({ messages: we }), n = Et(), r = f(() => a("searchBar")), u = f(() => e.value.some(({ visible: _ }) => _ != null) ? e.value.some(({ visible: _ }) => !_) : !1), o = f(
+    const { t: a } = le({ messages: we }), n = Et(), r = b(() => a("searchBar")), u = b(() => e.value.some(({ visible: _ }) => _ != null) ? e.value.some(({ visible: _ }) => !_) : !1), o = b(
       () => e.value.filter(({ defaultValue: F }) => F !== void 0)
-    ), i = f(() => e.value.some(({ visible: _ }) => _ != null) ? e.value.filter(({ defaultValue: _, visible: I }) => _ === void 0 && I) : e.value.filter(({ defaultValue: _ }) => _ === void 0)), l = f(() => e.searchTerm != null), s = f(
+    ), i = b(() => e.value.some(({ visible: _ }) => _ != null) ? e.value.filter(({ defaultValue: _, visible: I }) => _ === void 0 && I) : e.value.filter(({ defaultValue: _ }) => _ === void 0)), l = b(() => e.searchTerm != null), s = b(
       () => e.value.filter(({ defaultValue: F }) => F == null).some(({ value: F }) => F != null)
-    ), y = f(() => o.value.length === 0 && s.value), h = f(() => o.value.length === 0 ? !1 : !e.value.filter(({ defaultValue: _ }) => _ !== void 0 || _ !== null).every(({ value: _, defaultValue: I }) => JSON.stringify(_) === JSON.stringify(I)) || s.value);
+    ), y = b(() => o.value.length === 0 && s.value), B = b(() => o.value.length === 0 ? !1 : !e.value.filter(({ defaultValue: _ }) => _ !== void 0 || _ !== null).every(({ value: _, defaultValue: I }) => JSON.stringify(_) === JSON.stringify(I)) || s.value);
     return {
       // Values
       hasHiddenFilters: u,
@@ -2125,9 +2111,9 @@ const jl = /* @__PURE__ */ R(kl, [["render", Kl], ["__scopeId", "data-v-f58bf2b3
       searchBarAriaLabel: r,
       persistentFilters: o,
       regularFilters: i,
-      isResetAllVisible: h,
+      isResetAllVisible: B,
       // Enums
-      BentoButtonVariant: Be,
+      BentoButtonVariant: he,
       // Events
       updateAllFilters: (F) => {
         t(x.INPUT, F);
@@ -2172,16 +2158,16 @@ const jl = /* @__PURE__ */ R(kl, [["render", Kl], ["__scopeId", "data-v-f58bf2b3
     };
   }
 });
-const Hl = { class: "b-filter-bar" }, Gl = { class: "b-filter-bar__filters-wrapper" }, Jl = {
+const zl = { class: "b-filter-bar" }, Gl = { class: "b-filter-bar__filters-wrapper" }, Jl = {
   key: 0,
   class: "b-filter-bar__persistent-filters"
 }, Wl = { class: "b-filter-bar__regular-filters" };
 function Ql(e, t, a, n, r, u) {
-  const o = b("all-filters-modal"), i = b("bento-button"), l = b("bento-search-bar");
-  return v(), U("div", Hl, [
+  const o = f("all-filters-modal"), i = f("bento-button"), l = f("bento-search-bar");
+  return v(), U("div", zl, [
     N("div", Gl, [
       e.persistentFilters.length ? (v(), U("div", Jl, [
-        (v(!0), U(oe, null, se(e.persistentFilters, (s) => (v(), C(Fe(s.type), {
+        (v(!0), U(oe, null, se(e.persistentFilters, (s) => (v(), S(Fe(s.type), {
           key: s.field,
           field: s.field,
           label: s.label,
@@ -2192,7 +2178,7 @@ function Ql(e, t, a, n, r, u) {
         }, null, 40, ["field", "label", "options", "value", "default-value", "onUpdate"]))), 128))
       ])) : Q("", !0),
       N("div", Wl, [
-        (v(!0), U(oe, null, se(e.regularFilters, (s) => (v(), C(Fe(s.type), {
+        (v(!0), U(oe, null, se(e.regularFilters, (s) => (v(), S(Fe(s.type), {
           key: s.field,
           field: s.field,
           label: s.label,
@@ -2200,7 +2186,7 @@ function Ql(e, t, a, n, r, u) {
           value: s.value,
           onUpdate: e.updateFilterHandler
         }, null, 40, ["field", "label", "options", "value", "onUpdate"]))), 128)),
-        e.hasHiddenFilters ? (v(), C(o, {
+        e.hasHiddenFilters ? (v(), S(o, {
           key: 0,
           value: e.value,
           onInput: e.updateAllFilters
@@ -2231,7 +2217,7 @@ function Ql(e, t, a, n, r, u) {
         [Ee, e.isResetAllVisible]
       ])
     ]),
-    e.isSearchBarEnabled ? (v(), C(l, {
+    e.isSearchBarEnabled ? (v(), S(l, {
       key: 0,
       class: "b-filter-bar__search-bar",
       "input-field-aria-label": e.searchBarAriaLabel,
@@ -2241,11 +2227,11 @@ function Ql(e, t, a, n, r, u) {
     }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : Q("", !0)
   ]);
 }
-const Rn = /* @__PURE__ */ R(zl, [["render", Ql], ["__scopeId", "data-v-cf69ca26"]]);
+const Rn = /* @__PURE__ */ R(jl, [["render", Ql], ["__scopeId", "data-v-37437d66"]]);
 export {
   Rn as BentoFilterBar,
   x as BentoFilterBarEvent,
   c as BentoFilterEvent,
-  j as BentoFilterItemType
+  H as BentoFilterItemType
 };
 //# sourceMappingURL=filter-bar.js.map