@adyen/bento-vue2 1.77.0 → 1.78.0

package/dist/index.js

@@ -1,208 +1,232 @@
 import "./chunks/index.Cl4_42j5.js";
-import { c as D, t as C } from "./chunks/use-bento-toast-controller.BKHU1qBv.js";
-import { u as Z } from "./chunks/use-bento-toast-controller.BKHU1qBv.js";
-import { p as I, d as T } from "./chunks/typography.hlOAxsEn.js";
-import { B as X, c as $, b as ee, a as te } from "./chunks/typography.hlOAxsEn.js";
-import { a as ae, b as ne } from "./chunks/accordion-item.nQhXD2tV.js";
-import { B as se } from "./chunks/action-bar.MXZTIUNk.js";
-import { B as Be, c as me, b as ue, a as pe } from "./chunks/alert.SZPP58tl.js";
-import { B as ce } from "./chunks/avatar.CeDqq2Z-.js";
-import { B as fe, b as ye, a as Se } from "./chunks/button.CS_kdxYh.js";
-import { B as Te } from "./chunks/dashed-underline.K-l-7bDq.js";
-import { g as be, d as he, a as ve, b as Ee, f as De, e as Ce, c as Ie, B as Oe } from "./chunks/data-grid.B-kBw540.js";
-import { c as Pe, B as Ne, a as Fe } from "./chunks/card.VOCKI7Ad.js";
-import { B as Ge } from "./chunks/date-picker.CKaQJcPa.js";
-import { B as Ae } from "./chunks/date-picker.types.Ckt7zxGy.js";
-import { B as Me, a as je } from "./chunks/date-range-picker.BtPxkPN0.js";
-import { B as _e, u as Ue } from "./chunks/dropdown.-3x2IBDg.js";
-import { B as Ke } from "./chunks/dropdown-default-textbox.BCOVaw-a.js";
-import { B as Ye, a as qe } from "./chunks/checkbox.itbBlXev.js";
-import { B as We } from "./chunks/chip.fqEIkR-s.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.BEbA1bIn.js";
-import { c as nt } from "./chunks/country.CGn5WjFx.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, u as lt } from "./chunks/currency.Cwhzzxw2.js";
-import { B as dt, a as ft } from "./chunks/date.C1z2TXzM.js";
-import { B as St } from "./chunks/divider.CFbtmKeQ.js";
-import { B as Tt, b as gt, c as bt, a as ht } from "./chunks/empty-state.BsdRxzS2.js";
-import { f as Et } from "./chunks/file-uploader.BkTtqgvQ.js";
-import { a as Ct, B as It, c as Ot, b as Lt, d as Pt } from "./chunks/filter-bar.BLnSnOlj.js";
-import { f as Ft, a as Vt, c as Gt, b as wt } from "./chunks/form-layout-title.DoF6ovPB.js";
-import { h as kt } from "./chunks/header-with-views.C6Y7mAkq.js";
-import { B as jt, a as Rt, b as _t } from "./chunks/image.C2D2hKat.js";
-import { B as zt } from "./chunks/info-icon.Bhka3oGh.js";
-import { B as Ht, b as Yt, e as qt, c as Jt, d as Wt, a as Zt } from "./chunks/input-field.CwKD3p3q.js";
-import { i as Xt, m as $t, r as eo, b as to, c as oo, a as ao } from "./chunks/input-field-password.sthICA2L.js";
-import { i as ro, B as so } from "./chunks/input-field-phone-number.BjinuvOl.js";
-import { B as Bo } from "./chunks/inspector.pmpheRch.js";
-import { B as uo } from "./chunks/inspector.types.DyHwE18g.js";
-import { l as lo, a as co } from "./chunks/layout-row.BP3lZAOh.js";
-import { B as yo, a as So } from "./chunks/loading-indicator.PxbRzshH.js";
-import { B as To, a as go } from "./chunks/link.D8qpqg3W.js";
-import { B as ho, a as vo, b as Eo, f as Do, g as Co, h as Io, c as Oo, u as Lo } from "./chunks/button-actions.B81vY51z.js";
-import { B as No } from "./chunks/modal.Bp5twyjz.js";
-import { c as Vo, e as Go, f as wo, g as Ao, d as ko, b as Mo, B as jo, a as Ro } from "./chunks/base-modal.BMdlCSd0.js";
-import { m as Uo, B as zo } from "./chunks/modal-fullscreen.BSKm6yn_.js";
-import { B as Ho } from "./chunks/header.DoWKsA15.js";
-import { B as qo } from "./chunks/pagination.BzyyZJy6.js";
-import { B as Wo } from "./chunks/payment-method.CcASYR3B.js";
-import { B as Qo } from "./chunks/payment-method.types.BqtH7RM2.js";
-import { B as $o } from "./chunks/popover.types.DK6opPkz.js";
-import { p as ta, B as oa, a as aa } from "./chunks/promo-banner.DikQcQU2.js";
-import { b as ra, B as sa, a as ia } from "./chunks/radio-group.B8ukv-pw.js";
-import { r as ma } from "./chunks/rich-text-editor.DzH-Z5oi.js";
-import { B as pa, b as la, a as ca } from "./chunks/search-bar.CgzPXP8r.js";
-import { s as fa } from "./chunks/secondary-nav.3eZKyb8K.js";
-import { B as Sa, s as xa, a as Ta } from "./chunks/selection-card-group.D4rcUyvV.js";
-import { B as ba } from "./chunks/segmented-control.Cma_nu0G.js";
-import { B as va } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { a as Da, B as Ca, s as Ia } from "./chunks/sidepanel.A9yG4FP_.js";
-import { s as La, B as Pa } from "./chunks/status.types.BpMK-6IT.js";
-import { a as Fa, s as Va, B as Ga, b as wa } from "./chunks/step.TzzZSA9f.js";
-import { B as ka, a as Ma } from "./chunks/structured-list-item.CMsVwwA6.js";
-import { s as Ra, a as _a, e as Ua, b as za, c as Ka, B as Ha, d as Ya, f as qa } from "./chunks/summary-grid.types.CaYrtyVO.js";
-import { a as Wa, B as Za } from "./chunks/tab.CTui3j3e.js";
-import { B as Xa, a as $a } from "./chunks/tag.BltIbSh3.js";
-import { B as tn } from "./chunks/textarea.h-WF62HP.js";
-import { t as an, b as nn, a as rn, c as sn, B as Bn, d as mn } from "./chunks/timeline-item.BLhS7uNF.js";
-import { t as pn } from "./chunks/toast.B4J4V6n-.js";
-import { B as cn, b as dn, a as fn } from "./chunks/toggle.D2wmNu7m.js";
-import { t as Sn } from "./chunks/tutorial.B32GMtIj.js";
-import { a as Tn, d as gn } from "./chunks/dashboard-section.D1l7wDX3.js";
-import { d as hn } from "./chunks/data-grid-template.DGUDqzjj.js";
-import { a as En } from "./chunks/ai-button.DBwtNkyS.js";
-import { B as Cn, a as In, b as On } from "./chunks/button-actions.types.BptAXjD8.js";
-import { C as Pn, a as Nn, C as Fn, a as Vn } from "./chunks/calendar.Fm_dfQC5.js";
-import { a as wn, B as An, a as kn, B as Mn } from "./chunks/use-cached-selected-values.BZd3CTeP.js";
-import { d as Rn, a as _n, b as Un, c as zn, e as Kn } from "./chunks/dropdown-tag.BXMgDH3v.js";
-import { C as Yn } from "./chunks/minus-small.DJacLGTw.js";
-import { c as Jn, B as Wn } from "./chunks/checkbox-group.C3RH5Gcg.js";
-import { u as Qn, a as Xn } from "./chunks/use-country-phon-code.Bui3zD6W.js";
-import { R as er } from "./chunks/radio-input.kzb4gxLW.js";
-import { ref as l, onMounted as O, watch as L, computed as f, shallowRef as P, getCurrentInstance as N } from "vue";
-import * as B from "zod";
-import { D as or } from "./chunks/date-format.B8RU7D42.js";
-import { a as nr, B as rr } from "./chunks/keyboard-navigation.pB8weElW.js";
-import { B as ir } from "./chunks/directive.Cbdox5VL.js";
-import { b as mr, c as ur, d as pr } from "./chunks/tooltip.D3SDcRef.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 _(e, t) {
-  const o = l(), n = l();
-  O(() => {
-    e.value != null && (n.value = F(e.value));
-  }), L(
+import { c as L, t as P } from "./chunks/use-bento-toast-controller.BKHU1qBv.js";
+import { u as ae } from "./chunks/use-bento-toast-controller.BKHU1qBv.js";
+import { p as N, d as T } from "./chunks/typography.hlOAxsEn.js";
+import { B as re, c as se, b as ie, a as Be } from "./chunks/typography.hlOAxsEn.js";
+import { a as ue, b as pe } from "./chunks/accordion-item.nQhXD2tV.js";
+import { B as ce } from "./chunks/action-bar.MXZTIUNk.js";
+import { B as fe, c as ge, b as ye, a as xe } from "./chunks/alert.SZPP58tl.js";
+import { B as he } from "./chunks/avatar.CeDqq2Z-.js";
+import { B as be, b as ve, a as Ee } from "./chunks/button.CS_kdxYh.js";
+import { B as Ce } from "./chunks/dashed-underline.K-l-7bDq.js";
+import { g as Oe, d as Le, a as Pe, b as Ne, f as Fe, e as Ve, c as Ge, B as we } from "./chunks/data-grid.BhwTkhfk.js";
+import { c as ke, B as Me, a as je } from "./chunks/card.VOCKI7Ad.js";
+import { B as _e } from "./chunks/date-picker.CKaQJcPa.js";
+import { B as ze } from "./chunks/date-picker.types.Ckt7zxGy.js";
+import { B as Ke } from "./chunks/date-range-picker.CmKA76Yu.js";
+import { B as qe } from "./chunks/date-range-picker.types.Ckt7zxGy.js";
+import { B as We, u as Ze } from "./chunks/dropdown.-3x2IBDg.js";
+import { B as Qe } from "./chunks/dropdown-default-textbox.BCOVaw-a.js";
+import { B as et, a as tt } from "./chunks/checkbox.CqF5Dank.js";
+import { B as at } from "./chunks/chip.fqEIkR-s.js";
+import { B as rt } from "./chunks/click-outside.C1Ud8AA2.js";
+import { c as it, b as Bt, a as mt, B as ut } from "./chunks/code-snippet.BEbA1bIn.js";
+import { c as lt } from "./chunks/country.CGn5WjFx.js";
+import { a as dt, B as ft, u as gt } from "./chunks/country.types.C0Q_hhgJ.js";
+import { c as xt, B as St, u as ht } from "./chunks/currency.Cwhzzxw2.js";
+import { B as bt, a as vt } from "./chunks/date.C1z2TXzM.js";
+import { B as Dt } from "./chunks/divider.CFbtmKeQ.js";
+import { B as It, b as Ot, c as Lt, a as Pt } from "./chunks/empty-state.BsdRxzS2.js";
+import { f as Ft } from "./chunks/file-uploader.BkTtqgvQ.js";
+import { a as Gt, B as wt, c as At, b as kt, d as Mt } from "./chunks/filter-bar.Bj4LgjzJ.js";
+import { f as Rt, a as _t, c as Ht, b as zt } from "./chunks/form-layout-title.DoF6ovPB.js";
+import { h as Kt } from "./chunks/header-with-views.D6JUlnEf.js";
+import { B as qt, a as Jt, b as Wt } from "./chunks/image.C2D2hKat.js";
+import { B as $t } from "./chunks/info-icon.Bhka3oGh.js";
+import { B as Xt, b as eo, e as to, c as oo, d as ao, a as no } from "./chunks/input-field.CwKD3p3q.js";
+import { i as so, m as io, r as Bo, b as mo, c as uo, a as po } from "./chunks/input-field-password.sthICA2L.js";
+import { i as co, B as fo } from "./chunks/input-field-phone-number.BjinuvOl.js";
+import { B as yo } from "./chunks/inspector.pmpheRch.js";
+import { B as So } from "./chunks/inspector.types.DyHwE18g.js";
+import { l as To, a as bo } from "./chunks/layout-row.BP3lZAOh.js";
+import { B as Eo, a as Do } from "./chunks/loading-indicator.PxbRzshH.js";
+import { B as Io, a as Oo } from "./chunks/link.D8qpqg3W.js";
+import { B as Po, a as No, b as Fo, f as Vo, g as Go, h as wo, c as Ao, u as ko } from "./chunks/button-actions.B81vY51z.js";
+import { B as jo } from "./chunks/modal.Bp5twyjz.js";
+import { c as _o, e as Ho, f as zo, g as Uo, d as Ko, b as Yo, B as qo, a as Jo } from "./chunks/base-modal.BMdlCSd0.js";
+import { m as Zo, B as $o } from "./chunks/modal-fullscreen.BSKm6yn_.js";
+import { B as Xo } from "./chunks/header.DoWKsA15.js";
+import { B as ta } from "./chunks/pagination.BzyyZJy6.js";
+import { B as aa } from "./chunks/payment-method.CcASYR3B.js";
+import { B as ra } from "./chunks/payment-method.types.BqtH7RM2.js";
+import { B as ia } from "./chunks/popover.types.DK6opPkz.js";
+import { p as ma, B as ua, a as pa } from "./chunks/promo-banner.DikQcQU2.js";
+import { b as ca, B as da, a as fa } from "./chunks/radio-group.0JNwgkZa.js";
+import { r as ya } from "./chunks/rich-text-editor.NFLhgVJo.js";
+import { B as Sa, b as ha, a as Ta } from "./chunks/search-bar.CgzPXP8r.js";
+import { s as va } from "./chunks/secondary-nav.3eZKyb8K.js";
+import { B as Da, s as Ca, a as Ia } from "./chunks/selection-card-group.u-2Y_9o2.js";
+import { B as La } from "./chunks/segmented-control.Cma_nu0G.js";
+import { B as Na } from "./chunks/segmented-control.types.BHRLV8KU.js";
+import { a as Va, B as Ga, s as wa } from "./chunks/sidepanel.A9yG4FP_.js";
+import { s as ka, B as Ma } from "./chunks/status.types.BpMK-6IT.js";
+import { a as Ra, s as _a, B as Ha, b as za } from "./chunks/step.TzzZSA9f.js";
+import { B as Ka, a as Ya } from "./chunks/structured-list-item.CMsVwwA6.js";
+import { s as Ja, a as Wa, e as Za, b as $a, c as Qa, B as Xa, d as en, f as tn } from "./chunks/summary-grid.types.CaYrtyVO.js";
+import { a as an, B as nn } from "./chunks/tab.CTui3j3e.js";
+import { B as sn, a as Bn } from "./chunks/tag.BltIbSh3.js";
+import { B as un } from "./chunks/textarea.h-WF62HP.js";
+import { t as ln, b as cn, a as dn, c as fn, B as gn, d as yn } from "./chunks/timeline-item.BLhS7uNF.js";
+import { t as Sn } from "./chunks/toast.B4J4V6n-.js";
+import { B as Tn, b as bn, a as vn } from "./chunks/toggle.D2wmNu7m.js";
+import { t as Dn } from "./chunks/tutorial.B32GMtIj.js";
+import { a as In, d as On } from "./chunks/dashboard-section.D1l7wDX3.js";
+import { d as Pn } from "./chunks/data-grid-template.DGUDqzjj.js";
+import { a as Fn } from "./chunks/ai-button.DBwtNkyS.js";
+import { B as Gn, a as wn, b as An } from "./chunks/button-actions.types.BptAXjD8.js";
+import { C as Mn, a as jn, C as Rn, a as _n } from "./chunks/calendar.Fm_dfQC5.js";
+import { a as zn, B as Un, a as Kn, B as Yn } from "./chunks/use-cached-selected-values.BZd3CTeP.js";
+import { d as Jn, a as Wn, b as Zn, c as $n, e as Qn } from "./chunks/dropdown-tag.BXMgDH3v.js";
+import { C as er } from "./chunks/minus-small.DJacLGTw.js";
+import { c as or, B as ar } from "./chunks/checkbox-group.HqNbZx2y.js";
+import { u as rr, a as sr } from "./chunks/use-country-phon-code.Bui3zD6W.js";
+import { R as Br } from "./chunks/radio-input.kzb4gxLW.js";
+import { ref as f, onMounted as F, watch as V, computed as g, shallowRef as G, getCurrentInstance as w } from "vue";
+import * as u from "zod";
+import { D as ur } from "./chunks/date-format.B8RU7D42.js";
+import { a as lr, B as cr } from "./chunks/keyboard-navigation.pB8weElW.js";
+import { B as fr } from "./chunks/directive.Cbdox5VL.js";
+import { b as yr, c as xr, d as Sr } from "./chunks/tooltip.D3SDcRef.js";
+import "./assets/index.css";
+const D = (e) => e === null || typeof e != "object" ? !1 : Object.prototype.toString.call(e) === "[object Object]", C = (e) => Array.isArray(e), b = (e) => C(e) ? e.length === 0 || e.every((t) => t === "") : !e, y = (e, t) => JSON.stringify(e) === JSON.stringify(t), d = (e) => D(e) || C(e) ? JSON.parse(JSON.stringify(e)) : e, A = (e) => D(e) ? Object.fromEntries(Object.keys(e).map((t) => [t, void 0])) : void 0;
+function Y(e, t) {
+  const o = f(), a = f();
+  F(() => {
+    e.value != null && (a.value = A(e.value));
+  }), V(
     () => e.value,
     (r) => {
-      o.value = p(r);
+      o.value = d(r);
     },
     { immediate: !0 }
   );
-  const s = f(
-    () => g(e.value) || y(e.value, n.value)
-  ), c = f(
+  const s = g(
+    () => b(e.value) || y(e.value, a.value)
+  ), l = g(
     () => 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);
+  ), c = g(() => y(o.value, e.value) || b(o.value) && s.value);
+  function B(r) {
+    o.value = d(a.value), r && r(o.value);
   }
   function i(r) {
-    o.value = p(e.value), r && r(o.value);
+    o.value = d(t.value), r && r(o.value);
+  }
+  function m(r) {
+    o.value = d(e.value), r && r(o.value);
   }
   return {
     // Values
     internalFilterValue: o,
-    isSecondaryButtonDisabled: c,
-    isApplyButtonDisabled: x,
+    isSecondaryButtonDisabled: l,
+    isApplyButtonDisabled: c,
     // Methods
-    clearFilter: d,
-    resetFilter: u,
-    openFilter: i
+    clearFilter: B,
+    resetFilter: i,
+    openFilter: m
   };
 }
-function U(e) {
+function q(e) {
   return e;
 }
 function S(e) {
-  if (B && e instanceof B.ZodObject)
+  if (u && e instanceof u.ZodObject)
     return Object.fromEntries(
-      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])
+      Object.entries(e.shape).map(([t, o]) => u && o instanceof u.ZodDefault ? [t, o._def.defaultValue()] : u && o instanceof u.ZodObject ? [t, S(o)] : [t, void 0])
     );
 }
-function V(e) {
+function k(e) {
   return e.path.join(".");
 }
-function z({
+function J({
   validationSchema: e
 }) {
-  const t = P({}), o = l({}), n = l(S(e)), s = () => {
+  const t = G({}), o = f({}), a = f(S(e)), s = () => {
     t.value = {}, o.value = {};
-  }, c = () => {
-    s(), n.value = S(e);
+  }, l = () => {
+    s(), a.value = S(e);
   };
   return {
     // Values
     errorBag: o,
     errors: t,
-    values: n,
+    values: a,
     // Methods
-    handleReset: () => c(),
-    submitForm: (d) => () => {
+    handleReset: () => l(),
+    submitForm: (B) => () => {
       s();
-      const u = e.safeParse(n.value);
-      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 i = e.safeParse(a.value);
+      i.success ? B(a.value) : i.error.issues.forEach((m) => {
+        const r = k(m);
+        t.value[r] || (t.value[r] = m.message), o.value[r] ? o.value[r].push(m.message) : o.value[r] = [m.message];
       });
     }
   };
 }
-const v = Symbol("use-bento-theme");
-function K() {
+const I = Symbol("use-bento-theme");
+function W() {
   var t;
-  const e = (t = N()) == null ? void 0 : t.proxy[v];
-  return e ? { ...e } : (I("useBentoTheme does not work without Vue.use(BentoPlugin)"), {
+  const e = (t = w()) == null ? void 0 : t.proxy[I];
+  return e ? { ...e } : (N("useBentoTheme does not work without Vue.use(BentoPlugin)"), {
     getTheme: () => {
     },
     setTheme: () => {
     }
   });
 }
-const G = (e) => {
-  e.prototype[C] = D();
+const M = ({ modifiers: e, value: t }) => Object.keys(e)[0] || (t == null ? void 0 : t.size) || "small", h = (e, t, o) => {
+  var c, B;
+  const a = ((c = t.value) == null ? void 0 : c.extraPadding) ?? !1, s = ((B = t.value) == null ? void 0 : B.rounded) ?? !1, l = M(t);
+  e.classList.toggle("b-highlight", o), e.classList.toggle("b-highlight--extra-padding", o && a), e.classList.toggle("b-highlight--rounded", o && s), ["small", "medium", "large"].forEach((i) => {
+    e.classList.toggle(`b-highlight--${i}`, o && i === l);
+  });
+}, v = (e, t) => {
+  h(e, t, t.value !== !1);
+}, x = (e, t) => {
+  h(e, t, t.value !== !1);
+}, E = (e, t) => {
+  h(e, t, !1);
+}, Z = {
+  // Vue 2
+  bind: v,
+  update: x,
+  unbind: E,
+  // Vue 3
+  beforeMount: v,
+  mounted: x,
+  updated: x,
+  unmounted: E
+}, j = (e) => {
+  e.prototype[P] = L();
 };
-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 n = /* @__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))(n || {});
+const O = () => {
   var e;
   return ((e = document.body.className.match(/b-\w+-theme/)) == null ? void 0 : e[0]) ?? "";
-}, 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) => {
+}, R = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? n.BENTO_DARK : n.BENTO_LIGHT, p = (e) => {
+  const t = O(), o = R(), a = e === n.BENTO_SYSTEM ? o : e;
+  a === n.BENTO_LIGHT || a === n.BENTO ? document.documentElement.style.colorScheme = "light" : a === n.BENTO_DARK && (document.documentElement.style.colorScheme = "dark"), t.length && t !== a && document.body.classList.remove(t), a.length && document.body.classList.add(a);
+}, _ = (e) => {
   const t = {
-    getTheme: E,
-    setTheme: m
+    getTheme: O,
+    setTheme: p
   };
-  e.prototype[v] = t;
-}, H = {
+  e.prototype[I] = t;
+}, $ = {
   name: "BentoVue",
   install: async (e, {
-    theme: t = a.BENTO_LIGHT,
+    theme: t = n.BENTO_LIGHT,
     withToast: o = !1,
-    withUtilityClasses: n = !1,
+    withUtilityClasses: a = !1,
     withDesignTokensCSSInjection: s = !0
   }) => {
-    A(e), o && G(e), s && (T(
+    _(e), o && j(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 === 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));
+    ), t === n.STYLEGUIDE ? await import("@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css") : await import("@adyen/bento-design-tokens/dist/css/bento/variables.css"), a && await import("@adyen/bento-design-tokens/dist/css/bento/utility.css")), t === n.STYLEGUIDE ? p(n.STYLEGUIDE) : t === n.BENTO_SYSTEM ? p(n.BENTO_SYSTEM) : t === n.BENTO_DARK ? p(n.BENTO_DARK) : (t === n.BENTO && T("Using `BentoTheme.BENTO`", "Please use `BentoTheme.BENTO_LIGHT` instead", "2.0.0"), p(n.BENTO_LIGHT));
   }
-}, Y = Object.freeze({
+}, Q = Object.freeze({
   /**
    * Disables the filter from being interacted with.
    */
@@ -235,218 +259,219 @@ https://adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import
     type: [Object, Number, Boolean, Array, String, Date],
     default: void 0
   }
-}), q = ["input", "update"];
+}), X = ["input", "update"];
 export {
-  ae as BentoAccordion,
-  ne as BentoAccordionItem,
-  se as BentoActionBar,
-  En as BentoAiButton,
-  Be as BentoAlert,
-  me as BentoAlertEvent,
-  ue as BentoAlertTypeOption,
-  pe as BentoAlertVariant,
-  ce as BentoAvatar,
-  Ct as BentoBaseFilter,
-  q as BentoBaseFilterEvents,
-  Y as BentoBaseFilterProps,
-  fe as BentoButton,
-  ho as BentoButtonActions,
-  Cn as BentoButtonActionsLayout,
-  In as BentoButtonActionsLayoutBasic,
-  On as BentoButtonActionsLayoutExtended,
-  ye as BentoButtonPropClass,
-  Se as BentoButtonVariant,
-  Pe as BentoCard,
-  Ne as BentoCardBackground,
-  Fe as BentoCardTitleSize,
-  Ye as BentoCheckbox,
-  qe as BentoCheckboxEvent,
-  Jn as BentoCheckboxGroup,
-  Wn as BentoCheckboxGroupVariant,
-  Yn as BentoCheckboxState,
-  We as BentoChip,
-  Qe as BentoClickOutside,
-  ir as BentoClickOutsideDirective,
-  $e as BentoCodeSnippet,
-  et as BentoCodeSnippetEvent,
-  tt as BentoCodeSnippetSupportedLanguage,
-  ot as BentoCodeSnippetVariant,
-  be as BentoColumnOverflow,
-  nt as BentoCountry,
-  st as BentoCountryCode,
-  it as BentoCountryVariant,
-  ut as BentoCurrency,
-  pt as BentoCurrencyISOCode,
-  Tn as BentoDashboardSection,
-  gn as BentoDashboardTemplate,
-  Te as BentoDashedUnderline,
-  he as BentoDataGrid,
-  ve as BentoDataGridStaticIcon,
-  Ee as BentoDataGridSummaryCell,
-  hn as BentoDataGridTemplate,
-  De as BentoDatagridAriaSortValue,
-  Ce as BentoDatagridEvent,
-  Ie as BentoDatagridSortDirection,
-  Oe as BentoDatagridStyleState,
-  dt as BentoDate,
-  ft as BentoDateFormat,
-  Ge as BentoDatePicker,
-  Ae as BentoDatePickerEvent,
-  Pn as BentoDatePickerFirstDayOfWeek,
-  Nn as BentoDatePickerVariant,
-  Me as BentoDateRangePicker,
-  je as BentoDateRangePickerEvent,
-  Fn as BentoDateRangePickerFirstDayOfWeek,
-  Vn as BentoDateRangePickerVariant,
-  St as BentoDivider,
-  _e as BentoDropdown,
-  Rn as BentoDropdownAvatar,
-  _n as BentoDropdownCountry,
-  Un as BentoDropdownCurrency,
-  wn as BentoDropdownEvent,
-  An as BentoDropdownLazyLoadType,
-  zn as BentoDropdownPaymentMethod,
-  Ke as BentoDropdownSize,
-  Kn as BentoDropdownTag,
-  Tt as BentoEmptyState,
-  gt as BentoEmptyStateImage,
-  bt as BentoEmptyStateImageVariant,
-  ht as BentoEmptyStateVariant,
-  Et as BentoFileUploader,
-  It as BentoFilterBar,
-  Ot as BentoFilterBarEvent,
-  Lt as BentoFilterEvent,
-  Pt as BentoFilterItemType,
-  Ft as BentoFormLayout,
-  Vt as BentoFormLayoutFieldTip,
-  Gt as BentoFormLayoutGroup,
-  wt as BentoFormLayoutTitle,
-  Ho as BentoHeader,
-  kt as BentoHeaderWithViews,
-  jt as BentoImage,
-  Rt as BentoImageAspectRatio,
-  _t as BentoImageObjectFit,
-  zt as BentoInfoIcon,
-  Ht as BentoInputField,
-  Yt as BentoInputFieldElementPosition,
-  qt as BentoInputFieldEvent,
-  Xt as BentoInputFieldPassword,
-  ro as BentoInputFieldPhoneNumber,
-  so as BentoInputFieldPhoneNumberCountries,
-  Jt as BentoInputFieldStateClass,
-  Wt as BentoInputFieldType,
-  Zt as BentoInputFieldVariant,
-  Bo as BentoInspector,
-  uo as BentoInspectorSizeOptions,
-  nr as BentoKeyboardNavigationDirective,
-  rr as BentoKeyboardNavigationKeyDownEvent,
-  lo as BentoLayout,
-  co as BentoLayoutRow,
-  To as BentoLink,
-  go as BentoLinkVariant,
-  kn as BentoListboxEvent,
-  Mn as BentoListboxLazyLoadType,
-  vo as BentoLoadingButton,
-  Eo as BentoLoadingButtonState,
-  yo as BentoLoadingIndicator,
-  So as BentoLoadingIndicatorEvent,
-  Do as BentoMenu,
-  Co as BentoMenuEvent,
-  No as BentoModal,
-  Vo as BentoModalColumnLayoutVariant,
-  Go as BentoModalDialogType,
-  wo as BentoModalEvent,
-  Uo as BentoModalFullscreen,
-  zo as BentoModalFullscreenPage,
-  Ao as BentoModalPage,
-  ko as BentoModalRole,
-  Mo as BentoModalSize,
-  jo as BentoModalVariant,
-  Ro as BentoModalVariantMapping,
-  qo as BentoPagination,
-  Wo as BentoPaymentMethod,
-  Qo as BentoPaymentMethodType,
-  Io as BentoPopover,
-  $o as BentoPopoverPositions,
-  ta as BentoPromoBanner,
-  oa as BentoPromoBannerColor,
-  aa as BentoPromoBannerLayout,
-  ra as BentoRadioButton,
-  er as BentoRadioButtonStateClass,
-  sa as BentoRadioGroup,
-  ia as BentoRadioGroupVariant,
-  ma as BentoRichTextEditor,
-  pa as BentoSearchBar,
-  la as BentoSearchBarEvent,
-  ca as BentoSearchBarInternalEvent,
-  fa as BentoSecondaryNav,
-  ba as BentoSegmentedControl,
-  va as BentoSegmentedControlEvent,
-  Sa as BentoSelectionCard,
-  xa as BentoSelectionCardGroup,
-  Ta as BentoSelectionCardState,
-  Da as BentoSidepanel,
-  Ca as BentoSidepanelEvent,
-  Ia as BentoSidepanelPage,
-  La as BentoStatus,
-  Pa as BentoStatusVariant,
-  Fa as BentoStep,
-  Va as BentoStepper,
-  Ga as BentoStepperTypeOption,
-  wa as BentoStepperVariantOption,
-  ka as BentoStructuredList,
-  Ma as BentoStructuredListItem,
-  Ra as BentoSummaryGrid,
-  _a as BentoSummaryGridItemAmount,
-  Ua as BentoSummaryGridItemCustom,
-  za as BentoSummaryGridItemNumeric,
-  Ka as BentoSummaryGridItemPercentage,
-  Ha as BentoSummaryGridItemSize,
-  Ya as BentoSummaryGridItemText,
-  qa as BentoSummaryGridItemTrendDirection,
-  Wa as BentoTab,
-  Za as BentoTabs,
-  Xa as BentoTag,
-  $a as BentoTagVariant,
-  tn as BentoTextarea,
-  a as BentoTheme,
-  an as BentoTimeline,
-  nn as BentoTimelineGapUnit,
-  rn as BentoTimelineItem,
-  sn as BentoTimelineItemVariant,
-  Bn as BentoTimelineShowMorePlacement,
-  mn as BentoTimelineStatus,
-  pn as BentoToast,
-  cn as BentoToggle,
-  Oo as BentoToggleButton,
-  dn as BentoToggleLabelPosition,
-  fn as BentoTogglePropClass,
-  mr as BentoTooltipDirective,
-  ur as BentoTooltipPosition,
-  pr as BentoTooltipState,
-  Sn as BentoTutorial,
-  X as BentoTypography,
-  $ as BentoTypographyElement,
-  ee as BentoTypographyModifier,
-  te as BentoTypographyVariant,
-  or as DateFormat,
-  H as default,
-  $t as minLength,
-  eo as requireLowercase,
-  to as requireNumeric,
-  oo as requireSpecialCharacter,
-  ao as requireUppercase,
-  U as toTypedSchema,
-  _ as useBentoBaseFilter,
-  lt as useBentoCurrency,
-  K as useBentoTheme,
-  v as useBentoThemeKey,
-  Z as useBentoToastController,
-  Lo as useClickOutside,
-  Bt as useCountryCapital,
-  Qn as useCountryName,
-  Xn as useCountryPhoneCode,
-  z as useForm,
-  Ue as useSearchBarFilter
+  ue as BentoAccordion,
+  pe as BentoAccordionItem,
+  ce as BentoActionBar,
+  Fn as BentoAiButton,
+  fe as BentoAlert,
+  ge as BentoAlertEvent,
+  ye as BentoAlertTypeOption,
+  xe as BentoAlertVariant,
+  he as BentoAvatar,
+  Gt as BentoBaseFilter,
+  X as BentoBaseFilterEvents,
+  Q as BentoBaseFilterProps,
+  be as BentoButton,
+  Po as BentoButtonActions,
+  Gn as BentoButtonActionsLayout,
+  wn as BentoButtonActionsLayoutBasic,
+  An as BentoButtonActionsLayoutExtended,
+  ve as BentoButtonPropClass,
+  Ee as BentoButtonVariant,
+  ke as BentoCard,
+  Me as BentoCardBackground,
+  je as BentoCardTitleSize,
+  et as BentoCheckbox,
+  tt as BentoCheckboxEvent,
+  or as BentoCheckboxGroup,
+  ar as BentoCheckboxGroupVariant,
+  er as BentoCheckboxState,
+  at as BentoChip,
+  rt as BentoClickOutside,
+  fr as BentoClickOutsideDirective,
+  it as BentoCodeSnippet,
+  Bt as BentoCodeSnippetEvent,
+  mt as BentoCodeSnippetSupportedLanguage,
+  ut as BentoCodeSnippetVariant,
+  Oe as BentoColumnOverflow,
+  lt as BentoCountry,
+  dt as BentoCountryCode,
+  ft as BentoCountryVariant,
+  xt as BentoCurrency,
+  St as BentoCurrencyISOCode,
+  In as BentoDashboardSection,
+  On as BentoDashboardTemplate,
+  Ce as BentoDashedUnderline,
+  Le as BentoDataGrid,
+  Pe as BentoDataGridStaticIcon,
+  Ne as BentoDataGridSummaryCell,
+  Pn as BentoDataGridTemplate,
+  Fe as BentoDatagridAriaSortValue,
+  Ve as BentoDatagridEvent,
+  Ge as BentoDatagridSortDirection,
+  we as BentoDatagridStyleState,
+  bt as BentoDate,
+  vt as BentoDateFormat,
+  _e as BentoDatePicker,
+  ze as BentoDatePickerEvent,
+  Mn as BentoDatePickerFirstDayOfWeek,
+  jn as BentoDatePickerVariant,
+  Ke as BentoDateRangePicker,
+  qe as BentoDateRangePickerEvent,
+  Rn as BentoDateRangePickerFirstDayOfWeek,
+  _n as BentoDateRangePickerVariant,
+  Dt as BentoDivider,
+  We as BentoDropdown,
+  Jn as BentoDropdownAvatar,
+  Wn as BentoDropdownCountry,
+  Zn as BentoDropdownCurrency,
+  zn as BentoDropdownEvent,
+  Un as BentoDropdownLazyLoadType,
+  $n as BentoDropdownPaymentMethod,
+  Qe as BentoDropdownSize,
+  Qn as BentoDropdownTag,
+  It as BentoEmptyState,
+  Ot as BentoEmptyStateImage,
+  Lt as BentoEmptyStateImageVariant,
+  Pt as BentoEmptyStateVariant,
+  Ft as BentoFileUploader,
+  wt as BentoFilterBar,
+  At as BentoFilterBarEvent,
+  kt as BentoFilterEvent,
+  Mt as BentoFilterItemType,
+  Rt as BentoFormLayout,
+  _t as BentoFormLayoutFieldTip,
+  Ht as BentoFormLayoutGroup,
+  zt as BentoFormLayoutTitle,
+  Xo as BentoHeader,
+  Kt as BentoHeaderWithViews,
+  Z as BentoHighlightDirective,
+  qt as BentoImage,
+  Jt as BentoImageAspectRatio,
+  Wt as BentoImageObjectFit,
+  $t as BentoInfoIcon,
+  Xt as BentoInputField,
+  eo as BentoInputFieldElementPosition,
+  to as BentoInputFieldEvent,
+  so as BentoInputFieldPassword,
+  co as BentoInputFieldPhoneNumber,
+  fo as BentoInputFieldPhoneNumberCountries,
+  oo as BentoInputFieldStateClass,
+  ao as BentoInputFieldType,
+  no as BentoInputFieldVariant,
+  yo as BentoInspector,
+  So as BentoInspectorSizeOptions,
+  lr as BentoKeyboardNavigationDirective,
+  cr as BentoKeyboardNavigationKeyDownEvent,
+  To as BentoLayout,
+  bo as BentoLayoutRow,
+  Io as BentoLink,
+  Oo as BentoLinkVariant,
+  Kn as BentoListboxEvent,
+  Yn as BentoListboxLazyLoadType,
+  No as BentoLoadingButton,
+  Fo as BentoLoadingButtonState,
+  Eo as BentoLoadingIndicator,
+  Do as BentoLoadingIndicatorEvent,
+  Vo as BentoMenu,
+  Go as BentoMenuEvent,
+  jo as BentoModal,
+  _o as BentoModalColumnLayoutVariant,
+  Ho as BentoModalDialogType,
+  zo as BentoModalEvent,
+  Zo as BentoModalFullscreen,
+  $o as BentoModalFullscreenPage,
+  Uo as BentoModalPage,
+  Ko as BentoModalRole,
+  Yo as BentoModalSize,
+  qo as BentoModalVariant,
+  Jo as BentoModalVariantMapping,
+  ta as BentoPagination,
+  aa as BentoPaymentMethod,
+  ra as BentoPaymentMethodType,
+  wo as BentoPopover,
+  ia as BentoPopoverPositions,
+  ma as BentoPromoBanner,
+  ua as BentoPromoBannerColor,
+  pa as BentoPromoBannerLayout,
+  ca as BentoRadioButton,
+  Br as BentoRadioButtonStateClass,
+  da as BentoRadioGroup,
+  fa as BentoRadioGroupVariant,
+  ya as BentoRichTextEditor,
+  Sa as BentoSearchBar,
+  ha as BentoSearchBarEvent,
+  Ta as BentoSearchBarInternalEvent,
+  va as BentoSecondaryNav,
+  La as BentoSegmentedControl,
+  Na as BentoSegmentedControlEvent,
+  Da as BentoSelectionCard,
+  Ca as BentoSelectionCardGroup,
+  Ia as BentoSelectionCardState,
+  Va as BentoSidepanel,
+  Ga as BentoSidepanelEvent,
+  wa as BentoSidepanelPage,
+  ka as BentoStatus,
+  Ma as BentoStatusVariant,
+  Ra as BentoStep,
+  _a as BentoStepper,
+  Ha as BentoStepperTypeOption,
+  za as BentoStepperVariantOption,
+  Ka as BentoStructuredList,
+  Ya as BentoStructuredListItem,
+  Ja as BentoSummaryGrid,
+  Wa as BentoSummaryGridItemAmount,
+  Za as BentoSummaryGridItemCustom,
+  $a as BentoSummaryGridItemNumeric,
+  Qa as BentoSummaryGridItemPercentage,
+  Xa as BentoSummaryGridItemSize,
+  en as BentoSummaryGridItemText,
+  tn as BentoSummaryGridItemTrendDirection,
+  an as BentoTab,
+  nn as BentoTabs,
+  sn as BentoTag,
+  Bn as BentoTagVariant,
+  un as BentoTextarea,
+  n as BentoTheme,
+  ln as BentoTimeline,
+  cn as BentoTimelineGapUnit,
+  dn as BentoTimelineItem,
+  fn as BentoTimelineItemVariant,
+  gn as BentoTimelineShowMorePlacement,
+  yn as BentoTimelineStatus,
+  Sn as BentoToast,
+  Tn as BentoToggle,
+  Ao as BentoToggleButton,
+  bn as BentoToggleLabelPosition,
+  vn as BentoTogglePropClass,
+  yr as BentoTooltipDirective,
+  xr as BentoTooltipPosition,
+  Sr as BentoTooltipState,
+  Dn as BentoTutorial,
+  re as BentoTypography,
+  se as BentoTypographyElement,
+  ie as BentoTypographyModifier,
+  Be as BentoTypographyVariant,
+  ur as DateFormat,
+  $ as default,
+  io as minLength,
+  Bo as requireLowercase,
+  mo as requireNumeric,
+  uo as requireSpecialCharacter,
+  po as requireUppercase,
+  q as toTypedSchema,
+  Y as useBentoBaseFilter,
+  ht as useBentoCurrency,
+  W as useBentoTheme,
+  I as useBentoThemeKey,
+  ae as useBentoToastController,
+  ko as useClickOutside,
+  gt as useCountryCapital,
+  rr as useCountryName,
+  sr as useCountryPhoneCode,
+  J as useForm,
+  Ze as useSearchBarFilter
 };
 //# sourceMappingURL=index.js.map