@adyen/bento-vue3 1.72.0 → 1.74.0

package/dist/index.js

@@ -1,372 +1,448 @@
-import { shallowRef as S, ref as d, inject as g } from "vue";
-import { t as y, c as h } from "./chunks/use-bento-toast-controller.Kri_h7jS.js";
-import { u as V } from "./chunks/use-bento-toast-controller.Kri_h7jS.js";
-import { p as E, d as l } from "./chunks/typography.yBEME_Gu.js";
-import { B as _, c as R, b as j, a as K } from "./chunks/typography.yBEME_Gu.js";
-import { B as z } from "./chunks/action-bar.DDLTN9TB.js";
-import { a as Y, b as q } from "./chunks/accordion-item.6etqAJV9.js";
-import { B as Z, c as J, b as Q, a as X } from "./chunks/alert.Dzx5MzgE.js";
-import { B as ee } from "./chunks/avatar.Dq59yj6m.js";
-import { B as oe, b as ae, a as ne } from "./chunks/button.C-MAa6ut.js";
-import { c as se, B as Be, a as ie } from "./chunks/card.B9lWURmF.js";
-import { B as pe } from "./chunks/dashed-underline.28J-9i5D.js";
-import { B as de, d as le, a as ce, b as fe, g as xe, f as Te, e as Se, c as ge } from "./chunks/data-grid._xo6LEB-.js";
-import { B as he, a as Ee } from "./chunks/date-picker.Bkz4GmyC.js";
-import { B as Ce, a as De } from "./chunks/date-range-picker.9Zlg9xnH.js";
-import { B as ve, u as Le } from "./chunks/dropdown.GyDAswAO.js";
-import { B as Oe } from "./chunks/dropdown-default-textbox.CGsOngY1.js";
-import { B as Ge } from "./chunks/divider.DnKNNyWB.js";
-import { B as we, a as ke } from "./chunks/checkbox.73QYC0y8.js";
-import { B as Ve } from "./chunks/chip.CUwVpPVo.js";
-import { B as _e } from "./chunks/click-outside.C1Ud8AA2.js";
-import { c as je, b as Ke, a as Ue, B as ze } from "./chunks/code-snippet.DL_1HNKV.js";
-import { c as Ye } from "./chunks/country.RVvsGwuV.js";
-import { a as We, B as Ze, u as Je } from "./chunks/country.types.C0Q_hhgJ.js";
-import { c as Xe, B as $e } from "./chunks/currency.CN4UnCx8.js";
-import { B as tt, a as ot } from "./chunks/date.4GAXrgy5.js";
-import { B as nt, b as rt, c as st, a as Bt } from "./chunks/empty-state.BsKJ-1pT.js";
-import { f as mt } from "./chunks/file-uploader.DELe6_NM.js";
-import { B as ut, b as dt, a as lt, c as ct } from "./chunks/filter-bar.BLhRZzJa.js";
-import { f as xt, a as Tt, c as St, b as gt } from "./chunks/form-layout-title.DdRqnXXi.js";
-import { h as ht } from "./chunks/header-with-views.afPw_Czi.js";
-import { _ as bt, B as Ct, a as Dt } from "./chunks/image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
-import { B as vt } from "./chunks/info-icon.CRnO5lpq.js";
-import { B as Pt, b as Ot, e as Ft, c as Gt, d as Nt, a as wt } from "./chunks/input-field.2S8zBviE.js";
-import { i as Mt, m as Vt, r as At, b as _t, c as Rt, a as jt } from "./chunks/input-field-password.JZkGOiMd.js";
-import { i as Ut, B as zt } from "./chunks/input-field-phone-number.CF5P0_yu.js";
-import { B as Yt } from "./chunks/inspector.C-yVhM15.js";
-import { B as Wt } from "./chunks/inspector.types.DyHwE18g.js";
-import { l as Jt, a as Qt } from "./chunks/layout-row.DVf7wNSB.js";
-import { B as $t, a as eo } from "./chunks/loading-indicator.VHi5tbZa.js";
-import { B as oo, a as ao } from "./chunks/link.cwPmWlsk.js";
-import { B as ro, a as so, b as Bo, f as io, g as mo, h as po, c as uo, u as lo } from "./chunks/button-actions.D1eBtYgZ.js";
-import { _ as fo } from "./chunks/modal.vue_vue_type_script_setup_true_lang.D4TJY7o_.js";
-import { c as To, e as So, f as go, g as yo, d as ho, b as Eo, B as bo, a as Co } from "./chunks/base-modal.Djw4pVal.js";
-import { m as Io, B as vo } from "./chunks/modal-fullscreen.CIxazX33.js";
-import { B as Po } from "./chunks/header.9kRuPR3K.js";
-import { B as Fo } from "./chunks/pagination.NDwXq6fh.js";
-import { B as No } from "./chunks/payment-method.CDnn1bjo.js";
-import { B as ko } from "./chunks/payment-method.types.BqtH7RM2.js";
-import { B as Vo } from "./chunks/popover.types.Bp97CGc4.js";
-import { p as _o, B as Ro, a as jo } from "./chunks/promo-banner.ChT2zKkO.js";
-import { b as Uo, B as zo, a as Ho } from "./chunks/radio-group.BNiif4On.js";
-import { r as qo } from "./chunks/rich-text-editor.D770fUpS.js";
-import { B as Zo, b as Jo, a as Qo } from "./chunks/search-bar.rZ_38y4j.js";
-import { s as $o } from "./chunks/secondary-nav.BBE8HyDR.js";
-import { B as ta } from "./chunks/segmented-control.D0SoqGlC.js";
-import { B as aa } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { B as ra, s as sa, a as Ba } from "./chunks/selection-card-group.KK9ZPqiU.js";
-import { a as ma, B as pa, s as ua } from "./chunks/sidepanel.CyPW8jxA.js";
-import { s as la, B as ca } from "./chunks/status.types.-l2qJxLn.js";
-import { a as xa, s as Ta, B as Sa, b as ga } from "./chunks/step.Ci-e1V9E.js";
-import { B as ha, a as Ea } from "./chunks/structured-list-item.CSkcduKn.js";
-import { s as Ca, a as Da, d as Ia, _ as va, b as La, B as Pa, c as Oa, e as Fa } from "./chunks/summary-grid.types.C-gcwqwB.js";
-import { a as Na, B as wa } from "./chunks/tab.8bEkiAkk.js";
-import { B as Ma, a as Va } from "./chunks/tag.BFYNxO6t.js";
-import { B as _a } from "./chunks/textarea.C7RmLKEx.js";
-import { t as ja, b as Ka, a as Ua, c as za, B as Ha, d as Ya } from "./chunks/timeline-item.BiivSMPD.js";
-import { t as Wa } from "./chunks/toast.DIhABAW8.js";
-import { B as Ja, b as Qa, a as Xa } from "./chunks/toggle.C8k7NQ7y.js";
-import { _ as en } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.BDCDB169.js";
-import * as r from "zod";
-import { a as on, d as an } from "./chunks/dashboard-section.BXE7_Y9R.js";
-import { d as rn } from "./chunks/data-grid-template.B13OrA1T.js";
-import { D as Bn } from "./chunks/date-input.BqBdAO1E.js";
-import { a as pn, B as un } from "./chunks/keyboard-navigation.pB8weElW.js";
-import { a as ln, B as cn, a as fn, B as xn } from "./chunks/use-cached-selected-values.CBOWMI4O.js";
-import { B as Sn } from "./chunks/directive.Cbdox5VL.js";
-import { b as yn, c as hn, d as En } from "./chunks/tooltip.CEHc6lzU.js";
-import { _ as Cn, a as Dn, b as In, c as vn, d as Ln } from "./chunks/dropdown-tag.hIiGmmBD.js";
-import { a as On } from "./chunks/ai-button.DsNrcgpK.js";
-import { B as Gn, a as Nn, b as wn } from "./chunks/button-actions.types.BptAXjD8.js";
-import { C as Mn, C as Vn } from "./chunks/calendar.B1a_mV-Q.js";
-import { C as _n } from "./chunks/minus-small.DYIyF5XW.js";
-import { c as jn, B as Kn } from "./chunks/checkbox-group.CcgOK4yt.js";
-import { u as zn, a as Hn } from "./chunks/use-country-phon-code.Bui3zD6W.js";
-import { R as qn } from "./chunks/radio-input.odN9FOyr.js";
-function F(e) {
+import { ref as l, onMounted as D, watch as C, computed as f, shallowRef as I, inject as O } from "vue";
+import { t as L, c as P } from "./chunks/use-bento-toast-controller.Kri_h7jS.js";
+import { u as W } from "./chunks/use-bento-toast-controller.Kri_h7jS.js";
+import { p as N, d as T } from "./chunks/typography.yBEME_Gu.js";
+import { B as Q, c as X, b as $, a as ee } from "./chunks/typography.yBEME_Gu.js";
+import { B as oe } from "./chunks/action-bar.BZ04Y7Yi.js";
+import { a as ne, b as re } from "./chunks/accordion-item.Bd3v6erb.js";
+import { B as ie, c as Be, b as me, a as ue } from "./chunks/alert.C2pusd-_.js";
+import { B as le } from "./chunks/avatar.P2Fkz2I6.js";
+import { B as de, b as fe, a as ye } from "./chunks/button.DhcxX2GJ.js";
+import { c as xe, B as Te, a as ge } from "./chunks/card.GxkxfBoV.js";
+import { B as he } from "./chunks/dashed-underline.r62L_XBr.js";
+import { g as Ee, d as De, a as Ce, b as Ie, f as Oe, e as Le, c as Pe, B as Ne } from "./chunks/data-grid.BjPdbx50.js";
+import { B as Ve, a as Ge } from "./chunks/date-picker.DSkvT_CA.js";
+import { B as Ae, a as ke } from "./chunks/date-range-picker.cmg75lC-.js";
+import { B as _e, u as je } from "./chunks/dropdown.bLsoTZbw.js";
+import { B as Ue } from "./chunks/dropdown-default-textbox.MkU0tMf1.js";
+import { B as Ke } from "./chunks/divider.DnKNNyWB.js";
+import { B as Ye, a as qe } from "./chunks/checkbox.BI0dqARY.js";
+import { B as We } from "./chunks/chip.DuLyhNCy.js";
+import { B as Qe } from "./chunks/click-outside.C1Ud8AA2.js";
+import { c as $e, b as et, a as tt, B as ot } from "./chunks/code-snippet.CO78Nfj0.js";
+import { c as nt } from "./chunks/country.DmnN9YIW.js";
+import { a as st, B as it, u as Bt } from "./chunks/country.types.C0Q_hhgJ.js";
+import { c as ut, B as pt } from "./chunks/currency.CBZMwm21.js";
+import { B as ct, a as dt } from "./chunks/date.DZvVL-uz.js";
+import { B as yt, b as St, c as xt, a as Tt } from "./chunks/empty-state.Be6M8ivH.js";
+import { f as bt } from "./chunks/file-uploader.By0MTfKk.js";
+import { a as vt, B as Et, c as Dt, b as Ct, d as It } from "./chunks/filter-bar.nX73NKNC.js";
+import { f as Lt, a as Pt, c as Nt, b as Ft } from "./chunks/form-layout-title.61ESsGAY.js";
+import { h as Gt } from "./chunks/header-with-views.BLW817ZC.js";
+import { _ as At, B as kt, a as Mt } from "./chunks/image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
+import { B as jt } from "./chunks/info-icon.BhOm72U4.js";
+import { B as Ut, b as zt, e as Kt, c as Ht, d as Yt, a as qt } from "./chunks/input-field.D_tADgPG.js";
+import { i as Wt, m as Zt, r as Qt, b as Xt, c as $t, a as eo } from "./chunks/input-field-password.BtM3-txc.js";
+import { i as oo, B as ao } from "./chunks/input-field-phone-number.oaNB69nM.js";
+import { B as ro } from "./chunks/inspector.BKP15cx6.js";
+import { B as io } from "./chunks/inspector.types.DyHwE18g.js";
+import { l as mo, a as uo } from "./chunks/layout-row.DVf7wNSB.js";
+import { B as lo, a as co } from "./chunks/loading-indicator.Db794TT5.js";
+import { B as yo, a as So } from "./chunks/link.cwPmWlsk.js";
+import { B as To, a as go, b as bo, f as ho, g as vo, h as Eo, c as Do, u as Co } from "./chunks/button-actions.BQ3AFQqt.js";
+import { _ as Oo } from "./chunks/modal.vue_vue_type_script_setup_true_lang.c3Ma1oAL.js";
+import { c as Po, e as No, f as Fo, g as Vo, d as Go, b as wo, B as Ao, a as ko } from "./chunks/base-modal.UA93s_8c.js";
+import { m as _o, B as jo } from "./chunks/modal-fullscreen.DTT-5rQX.js";
+import { B as Uo } from "./chunks/header.DARVAeE9.js";
+import { B as Ko } from "./chunks/pagination.D1Gdo5to.js";
+import { B as Yo } from "./chunks/payment-method.CDnn1bjo.js";
+import { B as Jo } from "./chunks/payment-method.types.BqtH7RM2.js";
+import { B as Zo } from "./chunks/popover.types.BFFy1ChU.js";
+import { p as Xo, B as $o, a as ea } from "./chunks/promo-banner.B-TLTLEd.js";
+import { b as oa, B as aa, a as na } from "./chunks/radio-group.DWNqrkZ3.js";
+import { r as sa } from "./chunks/rich-text-editor.BK9AivIm.js";
+import { B as Ba, b as ma, a as ua } from "./chunks/search-bar.BD_R-vgA.js";
+import { s as la } from "./chunks/secondary-nav.Du2PL7Ok.js";
+import { B as da } from "./chunks/segmented-control.BCHGDSrf.js";
+import { B as ya } from "./chunks/segmented-control.types.BHRLV8KU.js";
+import { B as xa, s as Ta, a as ga } from "./chunks/selection-card-group._RgLiMyQ.js";
+import { a as ha, B as va, s as Ea } from "./chunks/sidepanel.CS9CfAWZ.js";
+import { s as Ca, B as Ia } from "./chunks/status.types.-l2qJxLn.js";
+import { a as La, s as Pa, B as Na, b as Fa } from "./chunks/step.CoSuGK16.js";
+import { B as Ga, a as wa } from "./chunks/structured-list-item.BTPh7SPj.js";
+import { s as ka, a as Ma, d as _a, _ as ja, b as Ra, B as Ua, c as za, e as Ka } from "./chunks/summary-grid.types.ByQ4u19J.js";
+import { a as Ya, B as qa } from "./chunks/tab.CD5Eu6ql.js";
+import { B as Wa, a as Za } from "./chunks/tag.CEmpyuYX.js";
+import { B as Xa } from "./chunks/textarea.C1jkfowf.js";
+import { t as en, b as tn, a as on, c as an, B as nn, d as rn } from "./chunks/timeline-item.C8PA_w7m.js";
+import { t as Bn } from "./chunks/toast.6oJx7SNq.js";
+import { B as un, b as pn, a as ln } from "./chunks/toggle.Dd_NA8eH.js";
+import { _ as dn } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.KvlJ_dl9.js";
+import * as B from "zod";
+import { a as yn, d as Sn } from "./chunks/dashboard-section.CVttsom5.js";
+import { d as Tn } from "./chunks/data-grid-template.CFt1NV_4.js";
+import { D as bn } from "./chunks/date-format.B8RU7D42.js";
+import { a as vn, B as En } from "./chunks/keyboard-navigation.pB8weElW.js";
+import { a as Cn, B as In, a as On, B as Ln } from "./chunks/use-cached-selected-values.C32tjNKy.js";
+import { B as Nn } from "./chunks/directive.Cbdox5VL.js";
+import { b as Vn, c as Gn, d as wn } from "./chunks/tooltip.Dp9_ESm_.js";
+import { _ as kn, a as Mn, b as _n, c as jn, d as Rn } from "./chunks/dropdown-tag.DvQQIJsw.js";
+import { a as zn } from "./chunks/ai-button.DaRuea3x.js";
+import { B as Hn, a as Yn, b as qn } from "./chunks/button-actions.types.BptAXjD8.js";
+import { C as Wn, a as Zn, C as Qn, a as Xn } from "./chunks/calendar.Cqjyxc69.js";
+import { C as er } from "./chunks/minus-small.DYIyF5XW.js";
+import { c as or, B as ar } from "./chunks/checkbox-group.8ebmaHsA.js";
+import { u as rr, a as sr } from "./chunks/use-country-phon-code.Bui3zD6W.js";
+import { R as Br } from "./chunks/radio-input.CBNE-AkM.js";
+const b = (e) => e === null || typeof e != "object" ? !1 : Object.prototype.toString.call(e) === "[object Object]", h = (e) => Array.isArray(e), g = (e) => h(e) ? e.length === 0 || e.every((t) => t === "") : !e, y = (e, t) => JSON.stringify(e) === JSON.stringify(t), p = (e) => b(e) || h(e) ? JSON.parse(JSON.stringify(e)) : e, F = (e) => b(e) ? Object.fromEntries(Object.keys(e).map((t) => [t, void 0])) : void 0;
+function j(e, t) {
+  const o = l(), n = l();
+  D(() => {
+    e.value != null && (n.value = F(e.value));
+  }), C(
+    () => e.value,
+    (r) => {
+      o.value = p(r);
+    },
+    { immediate: !0 }
+  );
+  const s = f(
+    () => g(e.value) || y(e.value, n.value)
+  ), c = f(
+    () => t.value != null ? y(t.value, e.value) : s.value
+  ), x = f(() => y(o.value, e.value) || g(o.value) && s.value);
+  function d(r) {
+    o.value = p(n.value), r && r(o.value);
+  }
+  function u(r) {
+    o.value = p(t.value), r && r(o.value);
+  }
+  function i(r) {
+    o.value = p(e.value), r && r(o.value);
+  }
+  return {
+    // Values
+    internalFilterValue: o,
+    isSecondaryButtonDisabled: c,
+    isApplyButtonDisabled: x,
+    // Methods
+    clearFilter: d,
+    resetFilter: u,
+    openFilter: i
+  };
+}
+function R(e) {
   return e;
 }
-function p(e) {
-  if (r && e instanceof r.ZodObject)
+function S(e) {
+  if (B && e instanceof B.ZodObject)
     return Object.fromEntries(
-      Object.entries(e.shape).map(([t, a]) => r && a instanceof r.ZodDefault ? [t, a._def.defaultValue()] : r && a instanceof r.ZodObject ? [t, p(a)] : [t, void 0])
+      Object.entries(e.shape).map(([t, o]) => B && o instanceof B.ZodDefault ? [t, o._def.defaultValue()] : B && o instanceof B.ZodObject ? [t, S(o)] : [t, void 0])
     );
 }
-function b(e) {
+function V(e) {
   return e.path.join(".");
 }
-function G({
+function U({
   validationSchema: e
 }) {
-  const t = S({}), a = d({}), n = d(p(e)), i = () => {
-    t.value = {}, a.value = {};
-  }, x = () => {
-    i(), n.value = p(e);
+  const t = I({}), o = l({}), n = l(S(e)), s = () => {
+    t.value = {}, o.value = {};
+  }, c = () => {
+    s(), n.value = S(e);
   };
   return {
     // Values
-    errorBag: a,
+    errorBag: o,
     errors: t,
     values: n,
     // Methods
-    handleReset: () => x(),
-    submitForm: (T) => () => {
-      i();
+    handleReset: () => c(),
+    submitForm: (d) => () => {
+      s();
       const u = e.safeParse(n.value);
-      u.success ? T(n.value) : u.error.issues.forEach((m) => {
-        const B = b(m);
-        t.value[B] || (t.value[B] = m.message), a.value[B] ? a.value[B].push(m.message) : a.value[B] = [m.message];
+      u.success ? d(n.value) : u.error.issues.forEach((i) => {
+        const r = V(i);
+        t.value[r] || (t.value[r] = i.message), o.value[r] ? o.value[r].push(i.message) : o.value[r] = [i.message];
       });
     }
   };
 }
-const c = Symbol("use-bento-theme");
-function N() {
-  const e = g(c, null);
-  return e ? { ...e } : (E("useBentoTheme does not work without Vue.use(BentoPlugin)"), {
+const v = Symbol("use-bento-theme");
+function z() {
+  const e = O(v, null);
+  return e ? { ...e } : (N("useBentoTheme does not work without Vue.use(BentoPlugin)"), {
     getTheme: () => {
     },
     setTheme: () => {
     }
   });
 }
-const C = (e) => {
-  e.provide(y, h());
+const G = (e) => {
+  e.provide(L, P());
 };
-var o = /* @__PURE__ */ ((e) => (e.LEGACY = "b-legacy-theme", e.STYLEGUIDE = "b-styleguide-theme", e.BENTO = "", e.BENTO_LIGHT = "b-light-theme", e.BENTO_DARK = "b-dark-theme", e.BENTO_SYSTEM = "b-system", e))(o || {});
-const f = () => {
+var a = /* @__PURE__ */ ((e) => (e.LEGACY = "b-legacy-theme", e.STYLEGUIDE = "b-styleguide-theme", e.BENTO = "", e.BENTO_LIGHT = "b-light-theme", e.BENTO_DARK = "b-dark-theme", e.BENTO_SYSTEM = "b-system", e))(a || {});
+const E = () => {
   var e;
   return ((e = document.body.className.match(/b-\w+-theme/)) == null ? void 0 : e[0]) ?? "";
-}, D = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? o.BENTO_DARK : o.BENTO_LIGHT, s = (e) => {
-  const t = f(), a = D(), n = e === o.BENTO_SYSTEM ? a : e;
-  n === o.BENTO_LIGHT || n === o.BENTO ? document.documentElement.style.colorScheme = "light" : n === o.BENTO_DARK && (document.documentElement.style.colorScheme = "dark"), t.length && t !== n && document.body.classList.remove(t), n.length && document.body.classList.add(n);
-}, I = (e) => {
+}, w = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? a.BENTO_DARK : a.BENTO_LIGHT, m = (e) => {
+  const t = E(), o = w(), n = e === a.BENTO_SYSTEM ? o : e;
+  n === a.BENTO_LIGHT || n === a.BENTO ? document.documentElement.style.colorScheme = "light" : n === a.BENTO_DARK && (document.documentElement.style.colorScheme = "dark"), t.length && t !== n && document.body.classList.remove(t), n.length && document.body.classList.add(n);
+}, A = (e) => {
   const t = {
-    getTheme: f,
-    setTheme: s
+    getTheme: E,
+    setTheme: m
   };
-  e.provide(c, t);
-}, w = {
+  e.provide(v, t);
+}, K = {
   name: "BentoVue",
   install: async (e, {
-    theme: t = o.BENTO_LIGHT,
-    withToast: a = !1,
+    theme: t = a.BENTO_LIGHT,
+    withToast: o = !1,
     withUtilityClasses: n = !1,
-    withDesignTokensCSSInjection: i = !0
+    withDesignTokensCSSInjection: s = !0
   }) => {
-    I(e), a && C(e), i && (l(
+    A(e), o && G(e), s && (T(
       "Using default setting withDesignTokensCSSInjection set to true in BentoVue plugin",
       `Please disable CSS injection by setting withDesignTokensCSSInjection to false in BentoVue plugin options as highlighted here:
 https://adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import-css-variables`,
       "2.0.0"
-    ), t === o.STYLEGUIDE ? await import("@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css") : await import("@adyen/bento-design-tokens/dist/css/bento/variables.css"), n && await import("@adyen/bento-design-tokens/dist/css/bento/utility.css")), t === o.STYLEGUIDE ? s(o.STYLEGUIDE) : t === o.BENTO_SYSTEM ? s(o.BENTO_SYSTEM) : t === o.BENTO_DARK ? s(o.BENTO_DARK) : (t === o.BENTO && l("Using `BentoTheme.BENTO`", "Please use `BentoTheme.BENTO_LIGHT` instead", "2.0.0"), s(o.BENTO_LIGHT));
+    ), t === a.STYLEGUIDE ? await import("@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css") : await import("@adyen/bento-design-tokens/dist/css/bento/variables.css"), n && await import("@adyen/bento-design-tokens/dist/css/bento/utility.css")), t === a.STYLEGUIDE ? m(a.STYLEGUIDE) : t === a.BENTO_SYSTEM ? m(a.BENTO_SYSTEM) : t === a.BENTO_DARK ? m(a.BENTO_DARK) : (t === a.BENTO && T("Using `BentoTheme.BENTO`", "Please use `BentoTheme.BENTO_LIGHT` instead", "2.0.0"), m(a.BENTO_LIGHT));
   }
-};
+}, H = Object.freeze({
+  /**
+   * Disables the filter from being interacted with.
+   */
+  disabled: { type: Boolean, default: !1 },
+  /**
+   * Default value of the filter to reset to.
+   */
+  defaultValue: {
+    type: [Object, Number, Boolean, Array, String, Date],
+    default: null
+  },
+  /**
+   * Filter name/key referencing the actual property name in the data set.
+   * Should be unique per filter bar.
+   */
+  field: { type: String, required: !0 },
+  /**
+   * Label text to be displayed
+   */
+  label: { type: String, required: !0 },
+  /**
+   * Renders the base filter's slot content only - leaving out the button and the popover.
+   * Used for the allFiltersModal component.
+   */
+  onlySlot: { type: Boolean, default: !1 },
+  /**
+   * The current value of the filter, used for v-model.
+   */
+  value: {
+    type: [Object, Number, Boolean, Array, String, Date],
+    default: void 0
+  }
+}), Y = ["input", "update"];
 export {
-  Y as BentoAccordion,
-  q as BentoAccordionItem,
-  z as BentoActionBar,
-  On as BentoAiButton,
-  Z as BentoAlert,
-  J as BentoAlertEvent,
-  Q as BentoAlertTypeOption,
-  X as BentoAlertVariant,
-  ee as BentoAvatar,
-  oe as BentoButton,
-  ro as BentoButtonActions,
-  Gn as BentoButtonActionsLayout,
-  Nn as BentoButtonActionsLayoutBasic,
-  wn as BentoButtonActionsLayoutExtended,
-  ae as BentoButtonPropClass,
-  ne as BentoButtonVariant,
-  se as BentoCard,
-  Be as BentoCardBackground,
-  ie as BentoCardTitleSize,
-  we as BentoCheckbox,
-  ke as BentoCheckboxEvent,
-  jn as BentoCheckboxGroup,
-  Kn as BentoCheckboxGroupVariant,
-  _n as BentoCheckboxState,
-  Ve as BentoChip,
-  _e as BentoClickOutside,
-  Sn as BentoClickOutsideDirective,
-  je as BentoCodeSnippet,
-  Ke as BentoCodeSnippetEvent,
-  Ue as BentoCodeSnippetSupportedLanguage,
-  ze as BentoCodeSnippetVariant,
-  de as BentoColumnOverflow,
-  Ye as BentoCountry,
-  We as BentoCountryCode,
-  Ze as BentoCountryVariant,
-  Xe as BentoCurrency,
-  $e as BentoCurrencyISOCode,
-  on as BentoDashboardSection,
-  an as BentoDashboardTemplate,
-  pe as BentoDashedUnderline,
-  le as BentoDataGrid,
-  ce as BentoDataGridStaticIcon,
-  fe as BentoDataGridSummaryCell,
-  rn as BentoDataGridTemplate,
-  xe as BentoDatagridAriaSortValue,
-  Te as BentoDatagridEvent,
-  Se as BentoDatagridSortDirection,
-  ge as BentoDatagridStyleState,
-  tt as BentoDate,
-  ot as BentoDateFormat,
-  he as BentoDatePicker,
-  Ee as BentoDatePickerEvent,
-  Mn as BentoDatePickerFirstDayOfWeek,
-  Ce as BentoDateRangePicker,
-  De as BentoDateRangePickerEvent,
-  Vn as BentoDateRangePickerFirstDayOfWeek,
-  Ge as BentoDivider,
-  ve as BentoDropdown,
-  Cn as BentoDropdownAvatar,
-  Dn as BentoDropdownCountry,
-  In as BentoDropdownCurrency,
-  ln as BentoDropdownEvent,
-  cn as BentoDropdownLazyLoadType,
-  vn as BentoDropdownPaymentMethod,
-  Oe as BentoDropdownSize,
-  Ln as BentoDropdownTag,
-  nt as BentoEmptyState,
-  rt as BentoEmptyStateImage,
-  st as BentoEmptyStateImageVariant,
-  Bt as BentoEmptyStateVariant,
-  mt as BentoFileUploader,
-  ut as BentoFilterBar,
-  dt as BentoFilterBarEvent,
-  lt as BentoFilterEvent,
-  ct as BentoFilterItemType,
-  xt as BentoFormLayout,
-  Tt as BentoFormLayoutFieldTip,
-  St as BentoFormLayoutGroup,
-  gt as BentoFormLayoutTitle,
-  Po as BentoHeader,
-  ht as BentoHeaderWithViews,
-  bt as BentoImage,
-  Ct as BentoImageAspectRatio,
-  Dt as BentoImageObjectFit,
-  vt as BentoInfoIcon,
-  Pt as BentoInputField,
-  Ot as BentoInputFieldElementPosition,
-  Ft as BentoInputFieldEvent,
-  Mt as BentoInputFieldPassword,
-  Ut as BentoInputFieldPhoneNumber,
-  zt as BentoInputFieldPhoneNumberCountries,
-  Gt as BentoInputFieldStateClass,
-  Nt as BentoInputFieldType,
-  wt as BentoInputFieldVariant,
-  Yt as BentoInspector,
-  Wt as BentoInspectorSizeOptions,
-  pn as BentoKeyboardNavigationDirective,
-  un as BentoKeyboardNavigationKeyDownEvent,
-  Jt as BentoLayout,
-  Qt as BentoLayoutRow,
-  oo as BentoLink,
-  ao as BentoLinkVariant,
-  fn as BentoListboxEvent,
-  xn as BentoListboxLazyLoadType,
-  so as BentoLoadingButton,
-  Bo as BentoLoadingButtonState,
-  $t as BentoLoadingIndicator,
-  eo as BentoLoadingIndicatorEvent,
-  io as BentoMenu,
-  mo as BentoMenuEvent,
-  fo as BentoModal,
-  To as BentoModalColumnLayoutVariant,
-  So as BentoModalDialogType,
-  go as BentoModalEvent,
-  Io as BentoModalFullscreen,
-  vo as BentoModalFullscreenPage,
-  yo as BentoModalPage,
-  ho as BentoModalRole,
-  Eo as BentoModalSize,
-  bo as BentoModalVariant,
-  Co as BentoModalVariantMapping,
-  Fo as BentoPagination,
-  No as BentoPaymentMethod,
-  ko as BentoPaymentMethodType,
-  po as BentoPopover,
-  Vo as BentoPopoverPositions,
-  _o as BentoPromoBanner,
-  Ro as BentoPromoBannerColor,
-  jo as BentoPromoBannerLayout,
-  Uo as BentoRadioButton,
-  qn as BentoRadioButtonStateClass,
-  zo as BentoRadioGroup,
-  Ho as BentoRadioGroupVariant,
-  qo as BentoRichTextEditor,
-  Zo as BentoSearchBar,
-  Jo as BentoSearchBarEvent,
-  Qo as BentoSearchBarInternalEvent,
-  $o as BentoSecondaryNav,
-  ta as BentoSegmentedControl,
-  aa as BentoSegmentedControlEvent,
-  ra as BentoSelectionCard,
-  sa as BentoSelectionCardGroup,
-  Ba as BentoSelectionCardState,
-  ma as BentoSidepanel,
-  pa as BentoSidepanelEvent,
-  ua as BentoSidepanelPage,
-  la as BentoStatus,
-  ca as BentoStatusVariant,
-  xa as BentoStep,
-  Ta as BentoStepper,
-  Sa as BentoStepperTypeOption,
-  ga as BentoStepperVariantOption,
-  ha as BentoStructuredList,
-  Ea as BentoStructuredListItem,
-  Ca as BentoSummaryGrid,
-  Da as BentoSummaryGridItemAmount,
-  Ia as BentoSummaryGridItemCustom,
-  va as BentoSummaryGridItemNumeric,
-  La as BentoSummaryGridItemPercentage,
-  Pa as BentoSummaryGridItemSize,
-  Oa as BentoSummaryGridItemText,
-  Fa as BentoSummaryGridItemTrendDirection,
-  Na as BentoTab,
-  wa as BentoTabs,
-  Ma as BentoTag,
-  Va as BentoTagVariant,
-  _a as BentoTextarea,
-  o as BentoTheme,
-  ja as BentoTimeline,
-  Ka as BentoTimelineGapUnit,
-  Ua as BentoTimelineItem,
-  za as BentoTimelineItemVariant,
-  Ha as BentoTimelineShowMorePlacement,
-  Ya as BentoTimelineStatus,
-  Wa as BentoToast,
-  Ja as BentoToggle,
-  uo as BentoToggleButton,
-  Qa as BentoToggleLabelPosition,
-  Xa as BentoTogglePropClass,
-  yn as BentoTooltipDirective,
-  hn as BentoTooltipPosition,
-  En as BentoTooltipState,
-  en as BentoTutorial,
-  _ as BentoTypography,
-  R as BentoTypographyElement,
-  j as BentoTypographyModifier,
-  K as BentoTypographyVariant,
-  Bn as DateFormat,
-  w as default,
-  Vt as minLength,
-  At as requireLowercase,
-  _t as requireNumeric,
-  Rt as requireSpecialCharacter,
-  jt as requireUppercase,
-  F as toTypedSchema,
-  N as useBentoTheme,
-  c as useBentoThemeKey,
-  V as useBentoToastController,
-  lo as useClickOutside,
-  Je as useCountryCapital,
-  zn as useCountryName,
-  Hn as useCountryPhoneCode,
-  G as useForm,
-  Le as useSearchBarFilter
+  ne as BentoAccordion,
+  re as BentoAccordionItem,
+  oe as BentoActionBar,
+  zn as BentoAiButton,
+  ie as BentoAlert,
+  Be as BentoAlertEvent,
+  me as BentoAlertTypeOption,
+  ue as BentoAlertVariant,
+  le as BentoAvatar,
+  vt as BentoBaseFilter,
+  Y as BentoBaseFilterEvents,
+  H as BentoBaseFilterProps,
+  de as BentoButton,
+  To as BentoButtonActions,
+  Hn as BentoButtonActionsLayout,
+  Yn as BentoButtonActionsLayoutBasic,
+  qn as BentoButtonActionsLayoutExtended,
+  fe as BentoButtonPropClass,
+  ye as BentoButtonVariant,
+  xe as BentoCard,
+  Te as BentoCardBackground,
+  ge as BentoCardTitleSize,
+  Ye as BentoCheckbox,
+  qe as BentoCheckboxEvent,
+  or as BentoCheckboxGroup,
+  ar as BentoCheckboxGroupVariant,
+  er as BentoCheckboxState,
+  We as BentoChip,
+  Qe as BentoClickOutside,
+  Nn as BentoClickOutsideDirective,
+  $e as BentoCodeSnippet,
+  et as BentoCodeSnippetEvent,
+  tt as BentoCodeSnippetSupportedLanguage,
+  ot as BentoCodeSnippetVariant,
+  Ee as BentoColumnOverflow,
+  nt as BentoCountry,
+  st as BentoCountryCode,
+  it as BentoCountryVariant,
+  ut as BentoCurrency,
+  pt as BentoCurrencyISOCode,
+  yn as BentoDashboardSection,
+  Sn as BentoDashboardTemplate,
+  he as BentoDashedUnderline,
+  De as BentoDataGrid,
+  Ce as BentoDataGridStaticIcon,
+  Ie as BentoDataGridSummaryCell,
+  Tn as BentoDataGridTemplate,
+  Oe as BentoDatagridAriaSortValue,
+  Le as BentoDatagridEvent,
+  Pe as BentoDatagridSortDirection,
+  Ne as BentoDatagridStyleState,
+  ct as BentoDate,
+  dt as BentoDateFormat,
+  Ve as BentoDatePicker,
+  Ge as BentoDatePickerEvent,
+  Wn as BentoDatePickerFirstDayOfWeek,
+  Zn as BentoDatePickerVariant,
+  Ae as BentoDateRangePicker,
+  ke as BentoDateRangePickerEvent,
+  Qn as BentoDateRangePickerFirstDayOfWeek,
+  Xn as BentoDateRangePickerVariant,
+  Ke as BentoDivider,
+  _e as BentoDropdown,
+  kn as BentoDropdownAvatar,
+  Mn as BentoDropdownCountry,
+  _n as BentoDropdownCurrency,
+  Cn as BentoDropdownEvent,
+  In as BentoDropdownLazyLoadType,
+  jn as BentoDropdownPaymentMethod,
+  Ue as BentoDropdownSize,
+  Rn as BentoDropdownTag,
+  yt as BentoEmptyState,
+  St as BentoEmptyStateImage,
+  xt as BentoEmptyStateImageVariant,
+  Tt as BentoEmptyStateVariant,
+  bt as BentoFileUploader,
+  Et as BentoFilterBar,
+  Dt as BentoFilterBarEvent,
+  Ct as BentoFilterEvent,
+  It as BentoFilterItemType,
+  Lt as BentoFormLayout,
+  Pt as BentoFormLayoutFieldTip,
+  Nt as BentoFormLayoutGroup,
+  Ft as BentoFormLayoutTitle,
+  Uo as BentoHeader,
+  Gt as BentoHeaderWithViews,
+  At as BentoImage,
+  kt as BentoImageAspectRatio,
+  Mt as BentoImageObjectFit,
+  jt as BentoInfoIcon,
+  Ut as BentoInputField,
+  zt as BentoInputFieldElementPosition,
+  Kt as BentoInputFieldEvent,
+  Wt as BentoInputFieldPassword,
+  oo as BentoInputFieldPhoneNumber,
+  ao as BentoInputFieldPhoneNumberCountries,
+  Ht as BentoInputFieldStateClass,
+  Yt as BentoInputFieldType,
+  qt as BentoInputFieldVariant,
+  ro as BentoInspector,
+  io as BentoInspectorSizeOptions,
+  vn as BentoKeyboardNavigationDirective,
+  En as BentoKeyboardNavigationKeyDownEvent,
+  mo as BentoLayout,
+  uo as BentoLayoutRow,
+  yo as BentoLink,
+  So as BentoLinkVariant,
+  On as BentoListboxEvent,
+  Ln as BentoListboxLazyLoadType,
+  go as BentoLoadingButton,
+  bo as BentoLoadingButtonState,
+  lo as BentoLoadingIndicator,
+  co as BentoLoadingIndicatorEvent,
+  ho as BentoMenu,
+  vo as BentoMenuEvent,
+  Oo as BentoModal,
+  Po as BentoModalColumnLayoutVariant,
+  No as BentoModalDialogType,
+  Fo as BentoModalEvent,
+  _o as BentoModalFullscreen,
+  jo as BentoModalFullscreenPage,
+  Vo as BentoModalPage,
+  Go as BentoModalRole,
+  wo as BentoModalSize,
+  Ao as BentoModalVariant,
+  ko as BentoModalVariantMapping,
+  Ko as BentoPagination,
+  Yo as BentoPaymentMethod,
+  Jo as BentoPaymentMethodType,
+  Eo as BentoPopover,
+  Zo as BentoPopoverPositions,
+  Xo as BentoPromoBanner,
+  $o as BentoPromoBannerColor,
+  ea as BentoPromoBannerLayout,
+  oa as BentoRadioButton,
+  Br as BentoRadioButtonStateClass,
+  aa as BentoRadioGroup,
+  na as BentoRadioGroupVariant,
+  sa as BentoRichTextEditor,
+  Ba as BentoSearchBar,
+  ma as BentoSearchBarEvent,
+  ua as BentoSearchBarInternalEvent,
+  la as BentoSecondaryNav,
+  da as BentoSegmentedControl,
+  ya as BentoSegmentedControlEvent,
+  xa as BentoSelectionCard,
+  Ta as BentoSelectionCardGroup,
+  ga as BentoSelectionCardState,
+  ha as BentoSidepanel,
+  va as BentoSidepanelEvent,
+  Ea as BentoSidepanelPage,
+  Ca as BentoStatus,
+  Ia as BentoStatusVariant,
+  La as BentoStep,
+  Pa as BentoStepper,
+  Na as BentoStepperTypeOption,
+  Fa as BentoStepperVariantOption,
+  Ga as BentoStructuredList,
+  wa as BentoStructuredListItem,
+  ka as BentoSummaryGrid,
+  Ma as BentoSummaryGridItemAmount,
+  _a as BentoSummaryGridItemCustom,
+  ja as BentoSummaryGridItemNumeric,
+  Ra as BentoSummaryGridItemPercentage,
+  Ua as BentoSummaryGridItemSize,
+  za as BentoSummaryGridItemText,
+  Ka as BentoSummaryGridItemTrendDirection,
+  Ya as BentoTab,
+  qa as BentoTabs,
+  Wa as BentoTag,
+  Za as BentoTagVariant,
+  Xa as BentoTextarea,
+  a as BentoTheme,
+  en as BentoTimeline,
+  tn as BentoTimelineGapUnit,
+  on as BentoTimelineItem,
+  an as BentoTimelineItemVariant,
+  nn as BentoTimelineShowMorePlacement,
+  rn as BentoTimelineStatus,
+  Bn as BentoToast,
+  un as BentoToggle,
+  Do as BentoToggleButton,
+  pn as BentoToggleLabelPosition,
+  ln as BentoTogglePropClass,
+  Vn as BentoTooltipDirective,
+  Gn as BentoTooltipPosition,
+  wn as BentoTooltipState,
+  dn as BentoTutorial,
+  Q as BentoTypography,
+  X as BentoTypographyElement,
+  $ as BentoTypographyModifier,
+  ee as BentoTypographyVariant,
+  bn as DateFormat,
+  K as default,
+  Zt as minLength,
+  Qt as requireLowercase,
+  Xt as requireNumeric,
+  $t as requireSpecialCharacter,
+  eo as requireUppercase,
+  R as toTypedSchema,
+  j as useBentoBaseFilter,
+  z as useBentoTheme,
+  v as useBentoThemeKey,
+  W as useBentoToastController,
+  Co as useClickOutside,
+  Bt as useCountryCapital,
+  rr as useCountryName,
+  sr as useCountryPhoneCode,
+  U as useForm,
+  je as useSearchBarFilter
 };
 //# sourceMappingURL=index.js.map