@adyen/bento-vue2 1.79.1 → 1.80.0

package/dist/index.js

@@ -1,233 +1,196 @@
 import "./chunks/index.Cl4_42j5.js";
-import { c as L, t as P } from "./chunks/use-bento-toast-controller.BhtohoS1.js";
-import { u as ne } from "./chunks/use-bento-toast-controller.BhtohoS1.js";
-import { p as N, d as T } from "./chunks/typography.hlOAxsEn.js";
-import { B as se, c as ie, b as Be, a as me } from "./chunks/typography.hlOAxsEn.js";
-import { a as pe, b as le } from "./chunks/accordion-item.G1q4zgBG.js";
-import { B as de } from "./chunks/action-bar.DOaFj-A2.js";
-import { B as ge, c as ye, b as xe, a as Se } from "./chunks/alert.SZPP58tl.js";
-import { B as Te } from "./chunks/avatar.CeDqq2Z-.js";
-import { B as ve, b as Ee, a as De } from "./chunks/button.CS_kdxYh.js";
-import { B as Ie } from "./chunks/dashed-underline.D107w00E.js";
-import { g as Le, d as Pe, a as Ne, b as Fe, f as Ve, e as Ge, c as we, B as Ae } from "./chunks/data-grid.C8gSMQ0A.js";
-import { c as Me, B as je, a as Re } from "./chunks/card.XfRuWGfC.js";
-import { B as He } from "./chunks/date-picker.Dvx50znw.js";
-import { B as Ue } from "./chunks/date-picker.types.Ckt7zxGy.js";
-import { B as Ye } from "./chunks/date-range-picker.DYYyE_e2.js";
-import { B as Je } from "./chunks/date-range-picker.types.Ckt7zxGy.js";
-import { B as Ze, u as $e } from "./chunks/dropdown.BpT6ct8O.js";
-import { B as Xe } from "./chunks/dropdown-default-textbox.uWZMxeI7.js";
-import { B as tt, a as ot } from "./chunks/checkbox.CwOK7ss2.js";
-import { B as nt } from "./chunks/chip.fqEIkR-s.js";
-import { B as st } from "./chunks/click-outside.C1Ud8AA2.js";
-import { c as Bt, b as mt, a as ut, B as pt } from "./chunks/code-snippet.bzFOFUj4.js";
-import { c as ct } from "./chunks/country.B3z3-QRY.js";
-import { a as ft, B as gt, u as yt } from "./chunks/country.types.C0Q_hhgJ.js";
-import { c as St, B as ht, u as Tt } from "./chunks/currency.Cwhzzxw2.js";
-import { B as vt, a as Et } from "./chunks/date.C1z2TXzM.js";
-import { B as Ct } from "./chunks/divider.DX5gwN7p.js";
-import { B as Ot, b as Lt, c as Pt, a as Nt } from "./chunks/empty-state.BsdRxzS2.js";
-import { f as Vt } from "./chunks/file-uploader.CK6dhx8T.js";
-import { a as wt, B as At, c as kt, b as Mt, d as jt } from "./chunks/filter-bar.DpjD5bZe.js";
-import { f as _t, a as Ht, c as zt, b as Ut } from "./chunks/form-layout-title.B_oVSX5b.js";
-import { h as Yt } from "./chunks/header-with-views.DnGWHrWw.js";
-import { B as Jt, a as Wt, b as Zt } from "./chunks/image.C2D2hKat.js";
-import { B as Qt } from "./chunks/info-icon.DGrrXpIY.js";
-import { B as eo, b as to, e as oo, c as ao, d as no, a as ro } from "./chunks/input-field.C4XJ53Cn.js";
-import { i as io, m as Bo, r as mo, b as uo, c as po, a as lo } from "./chunks/input-field-password.uhQuUzyj.js";
-import { i as fo, B as go } from "./chunks/input-field-phone-number.BdbaTJwH.js";
-import { B as xo } from "./chunks/inspector.pmpheRch.js";
-import { B as ho } from "./chunks/inspector.types.DyHwE18g.js";
-import { l as bo, a as vo } from "./chunks/layout-row.DwdZbpVG.js";
-import { B as Do, a as Co } from "./chunks/loading-indicator.PxbRzshH.js";
-import { B as Oo, a as Lo } from "./chunks/link.D8qpqg3W.js";
-import { B as No, a as Fo, b as Vo, e as Go, f as wo, g as Ao, c as ko, u as Mo } from "./chunks/button-actions.C3cP-anb.js";
-import { B as Ro } from "./chunks/modal.D3OSxMF6.js";
-import { c as Ho, e as zo, f as Uo, g as Ko, d as Yo, b as qo, B as Jo, a as Wo } from "./chunks/base-modal.BJ6315kP.js";
-import { m as $o, B as Qo } from "./chunks/modal-fullscreen.B3Xx-Hoc.js";
-import { B as ea } from "./chunks/header.CLDtv3Ir.js";
-import { B as oa } from "./chunks/pagination.Bvhpu21H.js";
-import { B as na } from "./chunks/payment-method.C8Ie97qE.js";
-import { B as sa } from "./chunks/payment-method.types.BqtH7RM2.js";
-import { B as Ba } from "./chunks/popover.types.DK6opPkz.js";
-import { p as ua, B as pa, a as la } from "./chunks/promo-banner.DikQcQU2.js";
-import { b as da, B as fa, a as ga } from "./chunks/radio-group.BTu23ZgN.js";
-import { r as xa } from "./chunks/rich-text-editor.xXfZRlsV.js";
-import { B as ha, b as Ta, a as ba } from "./chunks/search-bar.BcHoTrjP.js";
-import { s as Ea } from "./chunks/secondary-nav.DEThy9WH.js";
-import { B as Ca, s as Ia, a as Oa } from "./chunks/selection-card-group.cD72SQlR.js";
-import { B as Pa } from "./chunks/segmented-control.Dj_ZKhmU.js";
-import { B as Fa } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { a as Ga, B as wa, s as Aa } from "./chunks/sidepanel.ClG3dhHf.js";
-import { s as Ma, B as ja } from "./chunks/status.types.BpMK-6IT.js";
-import { a as _a, s as Ha, B as za, b as Ua } from "./chunks/step.Cnqr8i4V.js";
-import { B as Ya, a as qa } from "./chunks/structured-list-item.zoY-ATTu.js";
-import { s as Wa, a as Za, e as $a, b as Qa, c as Xa, B as en, d as tn, f as on } from "./chunks/summary-grid.types.BA0XCVKK.js";
-import { a as nn, B as rn } from "./chunks/tab.DXE68qVf.js";
-import { B as Bn, a as mn } from "./chunks/tag.BdCP2CN_.js";
-import { B as pn } from "./chunks/textarea.DaNiOOJ7.js";
-import { t as cn, b as dn, a as fn, c as gn, B as yn, d as xn } from "./chunks/timeline-item.D2HsuNh-.js";
-import { t as hn } from "./chunks/toast.CA5H8vr9.js";
-import { B as bn, b as vn, a as En } from "./chunks/toggle.D2wmNu7m.js";
-import { t as Cn } from "./chunks/tutorial.C-q4mxUb.js";
-import { a as On, d as Ln } from "./chunks/dashboard-section.BvGMr9Vl.js";
-import { d as Nn } from "./chunks/data-grid-template.DShJunDa.js";
-import { a as Vn } from "./chunks/ai-button.DBwtNkyS.js";
-import { B as wn, a as An, b as kn } from "./chunks/button-actions.types.BptAXjD8.js";
-import { C as jn, a as Rn, C as _n, a as Hn } from "./chunks/calendar.Bhj58zR3.js";
-import { a as Un, B as Kn, a as Yn, B as qn } from "./chunks/use-cached-selected-values.FoXcm49J.js";
-import { d as Wn, a as Zn, b as $n, c as Qn, e as Xn } from "./chunks/dropdown-tag.Ctn5KMFU.js";
-import { C as tr } from "./chunks/minus-small.DJacLGTw.js";
-import { c as ar, B as nr } from "./chunks/checkbox-group.h4OYdn9w.js";
-import { u as sr, a as ir } from "./chunks/use-country-phon-code.Bui3zD6W.js";
-import { R as mr } 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 pr } from "./chunks/date-format.B8RU7D42.js";
-import { a as cr, B as dr } from "./chunks/keyboard-navigation.DWmhelVv.js";
-import { B as gr } from "./chunks/directive.Cbdox5VL.js";
-import { b as xr, c as Sr, d as hr } from "./chunks/tooltip.Dt87KVh2.js";
+import { c as E, t as D } from "./chunks/use-bento-toast-controller.BhtohoS1.js";
+import { u as W } from "./chunks/use-bento-toast-controller.BhtohoS1.js";
+import { p as C, d as x } from "./chunks/typography.hlOAxsEn.js";
+import { B as $, c as J, b as Q, a as X } from "./chunks/typography.hlOAxsEn.js";
+import { a as te, b as oe } from "./chunks/accordion-item.G1q4zgBG.js";
+import { B as ne } from "./chunks/action-bar.DYH79CCh.js";
+import { B as se, c as ie, b as Be, a as me } from "./chunks/alert.SZPP58tl.js";
+import { B as le } from "./chunks/avatar.CeDqq2Z-.js";
+import { B as de, b as ce, a as fe } from "./chunks/button.CS_kdxYh.js";
+import { B as xe } from "./chunks/dashed-underline.BfQuyT28.js";
+import { g as Te, d as Se, a as he, b as be, f as Ee, e as De, c as Ce, B as ve } from "./chunks/data-grid.CcddqHWZ.js";
+import { c as Le, B as Pe, a as Oe } from "./chunks/card.BEM0inJ6.js";
+import { B as Ge } from "./chunks/date-picker.D-7m8ONP.js";
+import { B as ke } from "./chunks/date-picker.types.Ckt7zxGy.js";
+import { B as Ve } from "./chunks/date-range-picker.CvxP8n0I.js";
+import { B as Ae } from "./chunks/date-range-picker.types.Ckt7zxGy.js";
+import { B as _e, u as je } from "./chunks/dropdown.BLgcbjv8.js";
+import { B as ze } from "./chunks/dropdown-default-textbox.uWZMxeI7.js";
+import { B as Ue, a as Ye } from "./chunks/checkbox.CiWvdg8S.js";
+import { B as We } from "./chunks/chip.fqEIkR-s.js";
+import { B as $e } from "./chunks/click-outside.C1Ud8AA2.js";
+import { c as Qe, b as Xe, a as et, B as tt } from "./chunks/code-snippet.CL3-Y8Az.js";
+import { c as at } from "./chunks/country.B3z3-QRY.js";
+import { a as rt, B as st, u as it } from "./chunks/country.types.C0Q_hhgJ.js";
+import { c as mt, B as pt, u as lt } from "./chunks/currency.Cwhzzxw2.js";
+import { B as dt, a as ct } from "./chunks/date.C1z2TXzM.js";
+import { B as gt } from "./chunks/divider.DX5gwN7p.js";
+import { B as yt, b as Tt, c as St, a as ht } from "./chunks/empty-state.BsdRxzS2.js";
+import { f as Et } from "./chunks/file-uploader.QLtB254W.js";
+import { a as Ct, B as vt, c as It, b as Lt, d as Pt, u as Ot } from "./chunks/filter-bar.DLAT3ops.js";
+import { f as Gt, a as Nt, c as kt, b as wt } from "./chunks/form-layout-title.B_oVSX5b.js";
+import { h as Mt } from "./chunks/header-with-views.D0zXZ9Jh.js";
+import { B as Rt, a as _t, b as jt } from "./chunks/image.C2D2hKat.js";
+import { B as zt } from "./chunks/info-icon.iKLaNff6.js";
+import { B as Ut, b as Yt, e as qt, c as Wt, d as Zt, a as $t } from "./chunks/input-field.MpAZisFn.js";
+import { i as Qt, m as Xt, r as eo, b as to, c as oo, a as ao } from "./chunks/input-field-password.DVC_KSqj.js";
+import { i as ro, B as so } from "./chunks/input-field-phone-number.DcY0wFJH.js";
+import { B as Bo } from "./chunks/inspector.C6bbjQC0.js";
+import { B as po } from "./chunks/inspector.types.DyHwE18g.js";
+import { l as uo, a as co } from "./chunks/layout-row.DwdZbpVG.js";
+import { B as go, a as xo } from "./chunks/loading-indicator.PxbRzshH.js";
+import { B as To, a as So } from "./chunks/link.D8qpqg3W.js";
+import { B as bo, a as Eo, b as Do, e as Co, f as vo, g as Io, c as Lo, u as Po } from "./chunks/button-actions.BoZOEVZi.js";
+import { B as Fo } from "./chunks/modal.BgimE0kj.js";
+import { c as No, e as ko, f as wo, g as Vo, d as Mo, b as Ao, B as Ro, a as _o } from "./chunks/base-modal.MpaQpAHB.js";
+import { m as Ho, B as zo } from "./chunks/modal-fullscreen.B9onBrN-.js";
+import { B as Uo } from "./chunks/header.BwS-1scb.js";
+import { B as qo } from "./chunks/pagination.DcTUYJsK.js";
+import { B as Zo } from "./chunks/payment-method.C8Ie97qE.js";
+import { B as Jo } from "./chunks/payment-method.types.BqtH7RM2.js";
+import { B as Xo } from "./chunks/popover.types.WDh5ggr3.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.Cr7UcYij.js";
+import { r as ma } from "./chunks/rich-text-editor.Bu4pffp2.js";
+import { B as la, b as ua, a as da } from "./chunks/search-bar.C41ZmlHr.js";
+import { s as fa } from "./chunks/secondary-nav.R6nXAdRN.js";
+import { B as xa, s as ya, a as Ta } from "./chunks/selection-card-group.jykyd9iE.js";
+import { B as ha } from "./chunks/segmented-control._CuB62pG.js";
+import { B as Ea } from "./chunks/segmented-control.types.BHRLV8KU.js";
+import { a as Ca, B as va, s as Ia } from "./chunks/sidepanel.ztFrPPdy.js";
+import { s as Pa, B as Oa } from "./chunks/status.types.BpMK-6IT.js";
+import { a as Ga, s as Na, B as ka, b as wa } from "./chunks/step.Cnqr8i4V.js";
+import { B as Ma, a as Aa } from "./chunks/structured-list-item.BLJabJwA.js";
+import { s as _a, a as ja, e as Ha, b as za, c as Ka, B as Ua, d as Ya, f as qa } from "./chunks/summary-grid.types.C2LMzLj-.js";
+import { a as Za, B as $a } from "./chunks/tab.DXE68qVf.js";
+import { B as Qa, a as Xa } from "./chunks/tag.7fp_M9Au.js";
+import { B as tn } from "./chunks/textarea.Ci9sKDFy.js";
+import { t as an, b as nn, a as rn, c as sn, B as Bn, d as mn } from "./chunks/timeline-item.DRA5mfHH.js";
+import { t as ln } from "./chunks/toast.CA5H8vr9.js";
+import { B as dn, b as cn, a as fn } from "./chunks/toggle.D2wmNu7m.js";
+import { t as xn } from "./chunks/tutorial.DVGxYGkx.js";
+import { a as Tn, d as Sn } from "./chunks/dashboard-section.DiCeWZh1.js";
+import { d as bn } from "./chunks/data-grid-template.Co0jg7Gj.js";
+import { a as Dn } from "./chunks/ai-button.DBwtNkyS.js";
+import { B as vn, a as In, b as Ln } from "./chunks/button-actions.types.BptAXjD8.js";
+import { C as On, a as Fn, C as Gn, a as Nn } from "./chunks/calendar.Bhj58zR3.js";
+import { a as wn, B as Vn, a as Mn, B as An } from "./chunks/use-cached-selected-values.nu4EL9kL.js";
+import { d as _n, a as jn, b as Hn, c as zn, e as Kn } from "./chunks/dropdown-tag.B2Ot75dU.js";
+import { C as Yn } from "./chunks/minus-small.DJacLGTw.js";
+import { B as Wn, a as Zn } from "./chunks/checkbox-group.CIIa-cYP.js";
+import { u as Jn, a as Qn } from "./chunks/use-country-phon-code.Bui3zD6W.js";
+import { R as er } from "./chunks/radio-input.kzb4gxLW.js";
+import { shallowRef as v, ref as y, getCurrentInstance as I } from "vue";
+import * as s from "zod";
+import { D as or } from "./chunks/date-format.B8RU7D42.js";
+import { a as nr, B as rr } from "./chunks/keyboard-navigation.DWmhelVv.js";
+import { B as ir } from "./chunks/directive.Cbdox5VL.js";
+import { b as mr, c as pr, d as lr } from "./chunks/tooltip.BcQ24pKP.js";
 import "./assets/main.css";
 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 = d(r);
-    },
-    { immediate: !0 }
-  );
-  const s = g(
-    () => b(e.value) || y(e.value, a.value)
-  ), l = g(
-    () => t.value != null ? y(t.value, e.value) : s.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 = d(t.value), r && r(o.value);
-  }
-  function m(r) {
-    o.value = d(e.value), r && r(o.value);
-  }
-  return {
-    // Values
-    internalFilterValue: o,
-    isSecondaryButtonDisabled: l,
-    isApplyButtonDisabled: c,
-    // Methods
-    clearFilter: B,
-    resetFilter: i,
-    openFilter: m
-  };
-}
-function q(e) {
+function M(e) {
   return e;
 }
-function S(e) {
-  if (u && e instanceof u.ZodObject)
+function f(e) {
+  if (s && e instanceof s.ZodObject)
     return Object.fromEntries(
-      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])
+      Object.entries(e.shape).map(([t, o]) => s && o instanceof s.ZodDefault ? [t, o._def.defaultValue()] : s && o instanceof s.ZodObject ? [t, f(o)] : [t, void 0])
     );
 }
-function k(e) {
+function L(e) {
   return e.path.join(".");
 }
-function J({
+function A({
   validationSchema: e
 }) {
-  const t = G({}), o = f({}), a = f(S(e)), s = () => {
+  const t = v({}), o = y({}), n = y(f(e)), r = () => {
     t.value = {}, o.value = {};
-  }, l = () => {
-    s(), a.value = S(e);
+  }, u = () => {
+    r(), n.value = f(e);
   };
   return {
     // Values
     errorBag: o,
     errors: t,
-    values: a,
+    values: n,
     // Methods
-    handleReset: () => l(),
-    submitForm: (B) => () => {
-      s();
-      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];
+    handleReset: () => u(),
+    submitForm: (p) => () => {
+      r();
+      const B = e.safeParse(n.value);
+      B.success ? p(n.value) : B.error.issues.forEach((l) => {
+        const m = L(l);
+        t.value[m] || (t.value[m] = l.message), o.value[m] ? o.value[m].push(l.message) : o.value[m] = [l.message];
       });
     }
   };
 }
-const I = /* @__PURE__ */ Symbol("use-bento-theme");
-function W() {
+const h = /* @__PURE__ */ Symbol("use-bento-theme");
+function R() {
   var t;
-  const e = (t = w()) == null ? void 0 : t.proxy[I];
-  return e ? { ...e } : (N("useBentoTheme does not work without Vue.use(BentoPlugin)"), {
+  const e = (t = I()) == null ? void 0 : t.proxy[h];
+  return e ? { ...e } : (C("useBentoTheme does not work without Vue.use(BentoPlugin)"), {
     getTheme: () => {
     },
     setTheme: () => {
     }
   });
 }
-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);
+const P = ({ modifiers: e, value: t }) => Object.keys(e)[0] || (t == null ? void 0 : t.size) || "small", g = (e, t, o) => {
+  var d, p;
+  const n = ((d = t.value) == null ? void 0 : d.extraPadding) ?? !1, r = ((p = t.value) == null ? void 0 : p.rounded) ?? !1, u = P(t);
+  e.classList.toggle("b-highlight", o), e.classList.toggle("b-highlight--extra-padding", o && n), e.classList.toggle("b-highlight--rounded", o && r), ["small", "medium", "large"].forEach((B) => {
+    e.classList.toggle(`b-highlight--${B}`, o && B === u);
   });
-}, 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 = {
+}, T = (e, t) => {
+  g(e, t, t.value !== !1);
+}, c = (e, t) => {
+  g(e, t, t.value !== !1);
+}, S = (e, t) => {
+  g(e, t, !1);
+}, _ = {
   // Vue 2
-  bind: v,
-  update: x,
-  unbind: E,
+  bind: T,
+  update: c,
+  unbind: S,
   // Vue 3
-  beforeMount: v,
-  mounted: x,
-  updated: x,
-  unmounted: E
-}, j = (e) => {
-  e.prototype[P] = L();
+  beforeMount: T,
+  mounted: c,
+  updated: c,
+  unmounted: S
+}, O = (e) => {
+  e.prototype[D] = 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 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 b = () => {
   var e;
   return ((e = document.body.className.match(/b-\w+-theme/)) == null ? void 0 : e[0]) ?? "";
-}, 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) => {
+}, F = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? a.BENTO_DARK : a.BENTO_LIGHT, i = (e) => {
+  const t = b(), o = F(), 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);
+}, G = (e) => {
   const t = {
-    getTheme: O,
-    setTheme: p
+    getTheme: b,
+    setTheme: i
   };
-  e.prototype[I] = t;
-}, $ = {
+  e.prototype[h] = t;
+}, j = {
   name: "BentoVue",
   install: async (e, {
-    theme: t = n.BENTO_LIGHT,
+    theme: t = a.BENTO_LIGHT,
     withToast: o = !1,
-    withUtilityClasses: a = !1,
-    withDesignTokensCSSInjection: s = !0
+    withUtilityClasses: n = !1,
+    withDesignTokensCSSInjection: r = !0
   }) => {
-    _(e), o && j(e), s && (T(
+    G(e), o && O(e), r && (x(
       "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 === 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));
+    ), 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 ? i(a.STYLEGUIDE) : t === a.BENTO_SYSTEM ? i(a.BENTO_SYSTEM) : t === a.BENTO_DARK ? i(a.BENTO_DARK) : (t === a.BENTO && x("Using `BentoTheme.BENTO`", "Please use `BentoTheme.BENTO_LIGHT` instead", "2.0.0"), i(a.BENTO_LIGHT));
   }
-}, Q = Object.freeze({
+}, H = Object.freeze({
   /**
    * Disables the filter from being interacted with.
    */
@@ -260,219 +223,219 @@ https://adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import
     type: [Object, Number, Boolean, Array, String, Date],
     default: void 0
   }
-}), X = ["input", "update"];
+}), z = ["input", "update"];
 export {
-  pe as BentoAccordion,
-  le as BentoAccordionItem,
-  de as BentoActionBar,
-  Vn as BentoAiButton,
-  ge as BentoAlert,
-  ye as BentoAlertEvent,
-  xe as BentoAlertTypeOption,
-  Se as BentoAlertVariant,
-  Te as BentoAvatar,
-  wt as BentoBaseFilter,
-  X as BentoBaseFilterEvents,
-  Q as BentoBaseFilterProps,
-  ve as BentoButton,
-  No as BentoButtonActions,
-  wn as BentoButtonActionsLayout,
-  An as BentoButtonActionsLayoutBasic,
-  kn as BentoButtonActionsLayoutExtended,
-  Ee as BentoButtonPropClass,
-  De as BentoButtonVariant,
-  Me as BentoCard,
-  je as BentoCardBackground,
-  Re as BentoCardTitleSize,
-  tt as BentoCheckbox,
-  ot as BentoCheckboxEvent,
-  ar as BentoCheckboxGroup,
-  nr as BentoCheckboxGroupVariant,
-  tr as BentoCheckboxState,
-  nt as BentoChip,
-  st as BentoClickOutside,
-  gr as BentoClickOutsideDirective,
-  Bt as BentoCodeSnippet,
-  mt as BentoCodeSnippetEvent,
-  ut as BentoCodeSnippetSupportedLanguage,
-  pt as BentoCodeSnippetVariant,
-  Le as BentoColumnOverflow,
-  ct as BentoCountry,
-  ft as BentoCountryCode,
-  gt as BentoCountryVariant,
-  St as BentoCurrency,
-  ht as BentoCurrencyISOCode,
-  On as BentoDashboardSection,
-  Ln as BentoDashboardTemplate,
-  Ie as BentoDashedUnderline,
-  Pe as BentoDataGrid,
-  Ne as BentoDataGridStaticIcon,
-  Fe as BentoDataGridSummaryCell,
-  Nn as BentoDataGridTemplate,
-  Ve as BentoDatagridAriaSortValue,
-  Ge as BentoDatagridEvent,
-  we as BentoDatagridSortDirection,
-  Ae as BentoDatagridStyleState,
-  vt as BentoDate,
-  Et as BentoDateFormat,
-  He as BentoDatePicker,
-  Ue as BentoDatePickerEvent,
-  jn as BentoDatePickerFirstDayOfWeek,
-  Rn as BentoDatePickerVariant,
-  Ye as BentoDateRangePicker,
-  Je as BentoDateRangePickerEvent,
-  _n as BentoDateRangePickerFirstDayOfWeek,
-  Hn as BentoDateRangePickerVariant,
-  Ct as BentoDivider,
-  Ze as BentoDropdown,
-  Wn as BentoDropdownAvatar,
-  Zn as BentoDropdownCountry,
-  $n as BentoDropdownCurrency,
-  Un as BentoDropdownEvent,
-  Kn as BentoDropdownLazyLoadType,
-  Qn as BentoDropdownPaymentMethod,
-  Xe as BentoDropdownSize,
-  Xn as BentoDropdownTag,
-  Ot as BentoEmptyState,
-  Lt as BentoEmptyStateImage,
-  Pt as BentoEmptyStateImageVariant,
-  Nt as BentoEmptyStateVariant,
-  Vt as BentoFileUploader,
-  At as BentoFilterBar,
-  kt as BentoFilterBarEvent,
-  Mt as BentoFilterEvent,
-  jt as BentoFilterItemType,
-  _t as BentoFormLayout,
-  Ht as BentoFormLayoutFieldTip,
-  zt as BentoFormLayoutGroup,
-  Ut as BentoFormLayoutTitle,
-  ea as BentoHeader,
-  Yt as BentoHeaderWithViews,
-  Z as BentoHighlightDirective,
-  Jt as BentoImage,
-  Wt as BentoImageAspectRatio,
-  Zt as BentoImageObjectFit,
-  Qt as BentoInfoIcon,
-  eo as BentoInputField,
-  to as BentoInputFieldElementPosition,
-  oo as BentoInputFieldEvent,
-  io as BentoInputFieldPassword,
-  fo as BentoInputFieldPhoneNumber,
-  go as BentoInputFieldPhoneNumberCountries,
-  ao as BentoInputFieldStateClass,
-  no as BentoInputFieldType,
-  ro as BentoInputFieldVariant,
-  xo as BentoInspector,
-  ho as BentoInspectorSizeOptions,
-  cr as BentoKeyboardNavigationDirective,
-  dr as BentoKeyboardNavigationKeyDownEvent,
-  bo as BentoLayout,
-  vo as BentoLayoutRow,
-  Oo as BentoLink,
-  Lo as BentoLinkVariant,
-  Yn as BentoListboxEvent,
-  qn as BentoListboxLazyLoadType,
-  Fo as BentoLoadingButton,
-  Vo as BentoLoadingButtonState,
-  Do as BentoLoadingIndicator,
-  Co as BentoLoadingIndicatorEvent,
-  Go as BentoMenu,
-  wo as BentoMenuEvent,
-  Ro as BentoModal,
-  Ho as BentoModalColumnLayoutVariant,
-  zo as BentoModalDialogType,
-  Uo as BentoModalEvent,
-  $o as BentoModalFullscreen,
-  Qo as BentoModalFullscreenPage,
-  Ko as BentoModalPage,
-  Yo as BentoModalRole,
-  qo as BentoModalSize,
-  Jo as BentoModalVariant,
-  Wo as BentoModalVariantMapping,
-  oa as BentoPagination,
-  na as BentoPaymentMethod,
-  sa as BentoPaymentMethodType,
-  Ao as BentoPopover,
-  Ba as BentoPopoverPositions,
-  ua as BentoPromoBanner,
-  pa as BentoPromoBannerColor,
-  la as BentoPromoBannerLayout,
-  da as BentoRadioButton,
-  mr as BentoRadioButtonStateClass,
-  fa as BentoRadioGroup,
-  ga as BentoRadioGroupVariant,
-  xa as BentoRichTextEditor,
-  ha as BentoSearchBar,
-  Ta as BentoSearchBarEvent,
-  ba as BentoSearchBarInternalEvent,
-  Ea as BentoSecondaryNav,
-  Pa as BentoSegmentedControl,
-  Fa as BentoSegmentedControlEvent,
-  Ca as BentoSelectionCard,
-  Ia as BentoSelectionCardGroup,
-  Oa as BentoSelectionCardState,
-  Ga as BentoSidepanel,
-  wa as BentoSidepanelEvent,
-  Aa as BentoSidepanelPage,
-  Ma as BentoStatus,
-  ja as BentoStatusVariant,
-  _a as BentoStep,
-  Ha as BentoStepper,
-  za as BentoStepperTypeOption,
-  Ua as BentoStepperVariantOption,
-  Ya as BentoStructuredList,
-  qa as BentoStructuredListItem,
-  Wa as BentoSummaryGrid,
-  Za as BentoSummaryGridItemAmount,
-  $a as BentoSummaryGridItemCustom,
-  Qa as BentoSummaryGridItemNumeric,
-  Xa as BentoSummaryGridItemPercentage,
-  en as BentoSummaryGridItemSize,
-  tn as BentoSummaryGridItemText,
-  on as BentoSummaryGridItemTrendDirection,
-  nn as BentoTab,
-  rn as BentoTabs,
-  Bn as BentoTag,
-  mn as BentoTagVariant,
-  pn as BentoTextarea,
-  n as BentoTheme,
-  cn as BentoTimeline,
-  dn as BentoTimelineGapUnit,
-  fn as BentoTimelineItem,
-  gn as BentoTimelineItemVariant,
-  yn as BentoTimelineShowMorePlacement,
-  xn as BentoTimelineStatus,
-  hn as BentoToast,
-  bn as BentoToggle,
-  ko as BentoToggleButton,
-  vn as BentoToggleLabelPosition,
-  En as BentoTogglePropClass,
-  xr as BentoTooltipDirective,
-  Sr as BentoTooltipPosition,
-  hr as BentoTooltipState,
-  Cn as BentoTutorial,
-  se as BentoTypography,
-  ie as BentoTypographyElement,
-  Be as BentoTypographyModifier,
-  me as BentoTypographyVariant,
-  pr as DateFormat,
-  $ as default,
-  Bo as minLength,
-  mo as requireLowercase,
-  uo as requireNumeric,
-  po as requireSpecialCharacter,
-  lo as requireUppercase,
-  q as toTypedSchema,
-  Y as useBentoBaseFilter,
-  Tt as useBentoCurrency,
-  W as useBentoTheme,
-  I as useBentoThemeKey,
-  ne as useBentoToastController,
-  Mo as useClickOutside,
-  yt as useCountryCapital,
-  sr as useCountryName,
-  ir as useCountryPhoneCode,
-  J as useForm,
-  $e as useSearchBarFilter
+  te as BentoAccordion,
+  oe as BentoAccordionItem,
+  ne as BentoActionBar,
+  Dn as BentoAiButton,
+  se as BentoAlert,
+  ie as BentoAlertEvent,
+  Be as BentoAlertTypeOption,
+  me as BentoAlertVariant,
+  le as BentoAvatar,
+  Ct as BentoBaseFilter,
+  z as BentoBaseFilterEvents,
+  H as BentoBaseFilterProps,
+  de as BentoButton,
+  bo as BentoButtonActions,
+  vn as BentoButtonActionsLayout,
+  In as BentoButtonActionsLayoutBasic,
+  Ln as BentoButtonActionsLayoutExtended,
+  ce as BentoButtonPropClass,
+  fe as BentoButtonVariant,
+  Le as BentoCard,
+  Pe as BentoCardBackground,
+  Oe as BentoCardTitleSize,
+  Ue as BentoCheckbox,
+  Ye as BentoCheckboxEvent,
+  Wn as BentoCheckboxGroup,
+  Zn as BentoCheckboxGroupVariant,
+  Yn as BentoCheckboxState,
+  We as BentoChip,
+  $e as BentoClickOutside,
+  ir as BentoClickOutsideDirective,
+  Qe as BentoCodeSnippet,
+  Xe as BentoCodeSnippetEvent,
+  et as BentoCodeSnippetSupportedLanguage,
+  tt as BentoCodeSnippetVariant,
+  Te as BentoColumnOverflow,
+  at as BentoCountry,
+  rt as BentoCountryCode,
+  st as BentoCountryVariant,
+  mt as BentoCurrency,
+  pt as BentoCurrencyISOCode,
+  Tn as BentoDashboardSection,
+  Sn as BentoDashboardTemplate,
+  xe as BentoDashedUnderline,
+  Se as BentoDataGrid,
+  he as BentoDataGridStaticIcon,
+  be as BentoDataGridSummaryCell,
+  bn as BentoDataGridTemplate,
+  Ee as BentoDatagridAriaSortValue,
+  De as BentoDatagridEvent,
+  Ce as BentoDatagridSortDirection,
+  ve as BentoDatagridStyleState,
+  dt as BentoDate,
+  ct as BentoDateFormat,
+  Ge as BentoDatePicker,
+  ke as BentoDatePickerEvent,
+  On as BentoDatePickerFirstDayOfWeek,
+  Fn as BentoDatePickerVariant,
+  Ve as BentoDateRangePicker,
+  Ae as BentoDateRangePickerEvent,
+  Gn as BentoDateRangePickerFirstDayOfWeek,
+  Nn as BentoDateRangePickerVariant,
+  gt as BentoDivider,
+  _e as BentoDropdown,
+  _n as BentoDropdownAvatar,
+  jn as BentoDropdownCountry,
+  Hn as BentoDropdownCurrency,
+  wn as BentoDropdownEvent,
+  Vn as BentoDropdownLazyLoadType,
+  zn as BentoDropdownPaymentMethod,
+  ze as BentoDropdownSize,
+  Kn as BentoDropdownTag,
+  yt as BentoEmptyState,
+  Tt as BentoEmptyStateImage,
+  St as BentoEmptyStateImageVariant,
+  ht as BentoEmptyStateVariant,
+  Et as BentoFileUploader,
+  vt as BentoFilterBar,
+  It as BentoFilterBarEvent,
+  Lt as BentoFilterEvent,
+  Pt as BentoFilterItemType,
+  Gt as BentoFormLayout,
+  Nt as BentoFormLayoutFieldTip,
+  kt as BentoFormLayoutGroup,
+  wt as BentoFormLayoutTitle,
+  Uo as BentoHeader,
+  Mt as BentoHeaderWithViews,
+  _ as BentoHighlightDirective,
+  Rt as BentoImage,
+  _t as BentoImageAspectRatio,
+  jt as BentoImageObjectFit,
+  zt as BentoInfoIcon,
+  Ut as BentoInputField,
+  Yt as BentoInputFieldElementPosition,
+  qt as BentoInputFieldEvent,
+  Qt as BentoInputFieldPassword,
+  ro as BentoInputFieldPhoneNumber,
+  so as BentoInputFieldPhoneNumberCountries,
+  Wt as BentoInputFieldStateClass,
+  Zt as BentoInputFieldType,
+  $t as BentoInputFieldVariant,
+  Bo as BentoInspector,
+  po as BentoInspectorSizeOptions,
+  nr as BentoKeyboardNavigationDirective,
+  rr as BentoKeyboardNavigationKeyDownEvent,
+  uo as BentoLayout,
+  co as BentoLayoutRow,
+  To as BentoLink,
+  So as BentoLinkVariant,
+  Mn as BentoListboxEvent,
+  An as BentoListboxLazyLoadType,
+  Eo as BentoLoadingButton,
+  Do as BentoLoadingButtonState,
+  go as BentoLoadingIndicator,
+  xo as BentoLoadingIndicatorEvent,
+  Co as BentoMenu,
+  vo as BentoMenuEvent,
+  Fo as BentoModal,
+  No as BentoModalColumnLayoutVariant,
+  ko as BentoModalDialogType,
+  wo as BentoModalEvent,
+  Ho as BentoModalFullscreen,
+  zo as BentoModalFullscreenPage,
+  Vo as BentoModalPage,
+  Mo as BentoModalRole,
+  Ao as BentoModalSize,
+  Ro as BentoModalVariant,
+  _o as BentoModalVariantMapping,
+  qo as BentoPagination,
+  Zo as BentoPaymentMethod,
+  Jo as BentoPaymentMethodType,
+  Io as BentoPopover,
+  Xo 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,
+  la as BentoSearchBar,
+  ua as BentoSearchBarEvent,
+  da as BentoSearchBarInternalEvent,
+  fa as BentoSecondaryNav,
+  ha as BentoSegmentedControl,
+  Ea as BentoSegmentedControlEvent,
+  xa as BentoSelectionCard,
+  ya as BentoSelectionCardGroup,
+  Ta as BentoSelectionCardState,
+  Ca as BentoSidepanel,
+  va as BentoSidepanelEvent,
+  Ia as BentoSidepanelPage,
+  Pa as BentoStatus,
+  Oa as BentoStatusVariant,
+  Ga as BentoStep,
+  Na as BentoStepper,
+  ka as BentoStepperTypeOption,
+  wa as BentoStepperVariantOption,
+  Ma as BentoStructuredList,
+  Aa as BentoStructuredListItem,
+  _a as BentoSummaryGrid,
+  ja as BentoSummaryGridItemAmount,
+  Ha as BentoSummaryGridItemCustom,
+  za as BentoSummaryGridItemNumeric,
+  Ka as BentoSummaryGridItemPercentage,
+  Ua as BentoSummaryGridItemSize,
+  Ya as BentoSummaryGridItemText,
+  qa as BentoSummaryGridItemTrendDirection,
+  Za as BentoTab,
+  $a as BentoTabs,
+  Qa as BentoTag,
+  Xa 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,
+  ln as BentoToast,
+  dn as BentoToggle,
+  Lo as BentoToggleButton,
+  cn as BentoToggleLabelPosition,
+  fn as BentoTogglePropClass,
+  mr as BentoTooltipDirective,
+  pr as BentoTooltipPosition,
+  lr as BentoTooltipState,
+  xn as BentoTutorial,
+  $ as BentoTypography,
+  J as BentoTypographyElement,
+  Q as BentoTypographyModifier,
+  X as BentoTypographyVariant,
+  or as DateFormat,
+  j as default,
+  Xt as minLength,
+  eo as requireLowercase,
+  to as requireNumeric,
+  oo as requireSpecialCharacter,
+  ao as requireUppercase,
+  M as toTypedSchema,
+  Ot as useBentoBaseFilter,
+  lt as useBentoCurrency,
+  R as useBentoTheme,
+  h as useBentoThemeKey,
+  W as useBentoToastController,
+  Po as useClickOutside,
+  it as useCountryCapital,
+  Jn as useCountryName,
+  Qn as useCountryPhoneCode,
+  A as useForm,
+  je as useSearchBarFilter
 };
 //# sourceMappingURL=index.js.map