@adyen/bento-vue2 2.0.1 → 2.1.0

package/dist/index.js

@@ -1,100 +1,100 @@
 import "./chunks/index.Cl4_42j5.js";
-import { t as b, c as I } from "./chunks/use-bento-toast-controller.A5xraVqa.js";
-import { u as Z } from "./chunks/use-bento-toast-controller.A5xraVqa.js";
-import { p as M, d as g } from "./chunks/typography.D1OZJbEa.js";
-import { B as J, a as Q, b as X, c as ee } from "./chunks/typography.D1OZJbEa.js";
-import { a as oe, b as ae } from "./chunks/accordion-item.B7lteJBu.js";
-import { B as re } from "./chunks/action-bar.BsXW7BI2.js";
-import { a as Be } from "./chunks/ai-tag.D2Q0xhFK.js";
-import { B as pe, a as me, b as le, c as ue } from "./chunks/alert.DJDHwVeR.js";
-import { a as ce } from "./chunks/anchor-scroller.BbvghQxZ.js";
-import { B as ge } from "./chunks/avatar.CxPKc8Gy.js";
-import { B as ye, a as xe, b as Se } from "./chunks/button.DII5Ifwa.js";
-import { B as Ee } from "./chunks/dashed-underline.CzKc-fJW.js";
-import { B as Ie, d as Me, a as Ce, b as De, c as ve, e as Le, f as Oe, g as Ne, h as Pe, i as _e } from "./chunks/data-grid.CMxQpfrY.js";
-import { c as Ge, B as Re, a as ke } from "./chunks/card.BmpB0VbL.js";
-import { B as we } from "./chunks/date-picker.gDsw8bn1.js";
+import { t as b, c as I } from "./chunks/use-bento-toast-controller.DMA9d_oD.js";
+import { u as Z } from "./chunks/use-bento-toast-controller.DMA9d_oD.js";
+import { p as L, d as g } from "./chunks/typography.Cd386LC_.js";
+import { B as J, a as Q, b as X, c as ee } from "./chunks/typography.Cd386LC_.js";
+import { a as oe, b as ae } from "./chunks/accordion-item.C158YxId.js";
+import { B as re } from "./chunks/action-bar.D29UQHoA.js";
+import { a as Be } from "./chunks/ai-tag.BLi-Xoh_.js";
+import { B as pe, a as me, b as le, c as ue } from "./chunks/alert.BddJPWMN.js";
+import { a as ce } from "./chunks/anchor-scroller.Clb_9RNz.js";
+import { B as ge } from "./chunks/avatar.BN4MI-42.js";
+import { B as ye, a as xe, b as Se } from "./chunks/button.tsTeQRcP.js";
+import { B as Ee } from "./chunks/dashed-underline.RcRbre03.js";
+import { B as Ie, d as Le, a as Ce, b as Me, c as De, e as Oe, f as ve, g as _e, h as Ne, i as Ae } from "./chunks/data-grid.Pg5iM8CJ.js";
+import { c as Pe, B as Re, a as ke } from "./chunks/card.BhhC01dV.js";
+import { B as we } from "./chunks/date-picker.RFus1MVJ.js";
 import { B as Ve } from "./chunks/date-picker.types.Ckt7zxGy.js";
-import { B as Ye } from "./chunks/date-range-picker.CqixIJxG.js";
+import { B as Ye } from "./chunks/date-range-picker.B2B4hO6R.js";
 import { B as ze } from "./chunks/date-range-picker.types.Ckt7zxGy.js";
-import { d as We } from "./chunks/date-time-picker.Bktntun4.js";
-import { d as Ze } from "./chunks/draggable.DYKdXdbj.js";
+import { d as We } from "./chunks/date-time-picker.DJxDa81N.js";
+import { d as Ze } from "./chunks/draggable.BczXedk7.js";
 import { d as Je } from "./chunks/drawer.DPSDM5Mo.js";
-import { B as Xe, a as et, b as tt, c as ot, a as at, b as nt, f as rt } from "./chunks/dropdown.Bnq4kP7k.js";
-import { B as Bt, a as it } from "./chunks/checkbox.D5xZ5Nnh.js";
-import { B as mt } from "./chunks/chip.DRsJylWl.js";
+import { B as Xe, a as et, b as tt, c as ot, a as at, b as nt, f as rt } from "./chunks/dropdown.CpZQYisR.js";
+import { B as Bt, a as it } from "./chunks/checkbox.CnuIUi4-.js";
+import { B as mt } from "./chunks/chip.Cc4f2vws.js";
 import { B as ut } from "./chunks/click-outside.B0whuTUU.js";
-import { c as ct, B as ft, a as gt, b as Tt } from "./chunks/code-snippet.CnThWqVb.js";
-import { c as xt } from "./chunks/country.UZbwr635.js";
+import { c as ct, B as ft, a as gt, b as Tt } from "./chunks/code-snippet.Bkd8R0vf.js";
+import { c as xt } from "./chunks/country._NpkT-91.js";
 import { B as ht, a as Et, u as bt } from "./chunks/country.types.BCOrkmVK.js";
-import { c as Mt, B as Ct, u as Dt } from "./chunks/currency.POwX-Trj.js";
-import { B as Lt, a as Ot } from "./chunks/date.CPo8t1n9.js";
-import { B as Pt } from "./chunks/divider.KxXy6nzJ.js";
-import { B as At, a as Gt, b as Rt, c as kt } from "./chunks/empty-state.C2wjdE3y.js";
-import { f as wt } from "./chunks/file-uploader.DllKBmP8.js";
-import { B as Vt, a as Ut, b as Yt, c as jt, d as zt, u as Kt } from "./chunks/filter-bar.D7Lk7wlq.js";
-import { f as qt, a as Zt, b as $t } from "./chunks/form-layout-title.C0lwzPZz.js";
-import { h as Qt } from "./chunks/header-with-views.BqobE7IF.js";
+import { c as Lt, B as Ct, u as Mt } from "./chunks/currency.BXsSGoWa.js";
+import { B as Ot, a as vt } from "./chunks/date.P3Xx7JdV.js";
+import { B as Nt } from "./chunks/divider.KxXy6nzJ.js";
+import { B as Gt, a as Pt, b as Rt, c as kt } from "./chunks/empty-state.L3DTfiY7.js";
+import { f as wt } from "./chunks/file-uploader.Bo17jWtf.js";
+import { B as Vt, a as Ut, b as Yt, c as jt, d as zt, u as Kt } from "./chunks/filter-bar.Bio9nf9V.js";
+import { f as qt, a as Zt, b as $t } from "./chunks/form-layout-title.b2BMYjnl.js";
+import { h as Qt } from "./chunks/header-with-views.BJCjvhem.js";
 import { B as eo, a as to, b as oo } from "./chunks/image.C2D2hKat.js";
-import { B as no } from "./chunks/info-icon.B-FAeceD.js";
-import { B as so, a as Bo, b as io, c as po, d as mo, e as lo } from "./chunks/input-field.D912rZS_.js";
-import { i as co, m as fo, r as go, a as To, b as yo, c as xo } from "./chunks/input-field-password.9bWhLud0.js";
-import { i as ho, B as Eo } from "./chunks/input-field-phone-number.CCn1N9St.js";
-import { B as Io } from "./chunks/input-time.CXMuvF9N.js";
-import { B as Co } from "./chunks/inspector.IOtNex1r.js";
-import { i as vo, B as Lo } from "./chunks/inspector-page.BRC_7uro.js";
-import { l as No, a as Po } from "./chunks/layout-row.LBn6aJv4.js";
-import { l as Ao, a as Go } from "./chunks/list-item.HjabBEb8.js";
+import { B as no } from "./chunks/info-icon.D11usblr.js";
+import { B as so, a as Bo, b as io, c as po, d as mo, e as lo } from "./chunks/input-field.90DWNO1a.js";
+import { i as co, m as fo, r as go, a as To, b as yo, c as xo } from "./chunks/input-field-password.D4Jn2yCi.js";
+import { i as ho, B as Eo } from "./chunks/input-field-phone-number.lV7yePoJ.js";
+import { B as Io } from "./chunks/input-time.D7IsprlH.js";
+import { B as Co } from "./chunks/inspector.BwtV4rE9.js";
+import { i as Do, B as Oo } from "./chunks/inspector-page.IoC9naSV.js";
+import { l as _o, a as No } from "./chunks/layout-row.DYx7F4cb.js";
+import { l as Go, a as Po } from "./chunks/list-item.ByyA5h1d.js";
 import { B as ko, a as Ho } from "./chunks/loading-indicator.PxbRzshH.js";
-import { B as Fo, a as Vo } from "./chunks/link.Cls8XShm.js";
-import { B as Yo, a as jo, b as zo, f as Ko, g as Wo, h as qo, c as Zo, u as $o } from "./chunks/button-actions.bkcLUE1G.js";
-import { B as Qo } from "./chunks/modal.B3-pmL5s.js";
-import { B as ea, a as ta, b as oa, c as aa, d as na, e as ra, f as sa, g as Ba } from "./chunks/base-modal.CcmoTJdc.js";
-import { B as pa, a as ma } from "./chunks/modal-fullscreen.Bi1bQs4Z.js";
-import { n as ua, a as da, b as ca } from "./chunks/navigation-menu-group.BnHdXODQ.js";
-import { B as ga } from "./chunks/header.CmyqVXuG.js";
-import { B as ya } from "./chunks/pagination.cI_pc6oE.js";
-import { B as Sa } from "./chunks/payment-method.DcAITDcK.js";
+import { B as Fo, a as Vo } from "./chunks/link.iNnolG9W.js";
+import { B as Yo, a as jo, b as zo, f as Ko, g as Wo, h as qo, c as Zo, u as $o } from "./chunks/button-actions.CdetBz3J.js";
+import { B as Qo } from "./chunks/modal.UkzON4bz.js";
+import { B as ea, a as ta, b as oa, c as aa, d as na, e as ra, f as sa, g as Ba } from "./chunks/base-modal._-Cc6jfi.js";
+import { B as pa, a as ma } from "./chunks/modal-fullscreen.DG8Q-jHL.js";
+import { n as ua, a as da, b as ca } from "./chunks/navigation-menu-group.BzKRuhrd.js";
+import { B as ga } from "./chunks/header.CDiold9n.js";
+import { B as ya } from "./chunks/pagination.DZEVT-CA.js";
+import { B as Sa } from "./chunks/payment-method.meF6XN_X.js";
 import { B as Ea } from "./chunks/payment-method.types.BqtH7RM2.js";
 import { B as Ia } from "./chunks/popover.types.DvIwSAAp.js";
-import { p as Ca } from "./chunks/progress-bar.RlF3a0Gb.js";
-import { p as va, B as La, a as Oa } from "./chunks/promo-banner.B5szTysj.js";
-import { B as Pa, a as _a, b as Aa } from "./chunks/radio-group.CvsQDlHi.js";
-import { r as Ra } from "./chunks/rich-text-editor.rXoS7KGY.js";
-import { B as Ha, a as wa, b as Fa } from "./chunks/search-bar.--4KVNkf.js";
-import { s as Ua } from "./chunks/secondary-nav.CgdV0QwZ.js";
-import { B as ja, s as za, a as Ka } from "./chunks/selection-card-group.CmDuj1c7.js";
-import { B as qa } from "./chunks/segmented-control.nYpRQTGc.js";
+import { p as Ca } from "./chunks/progress-bar.CaurNYsc.js";
+import { p as Da, B as Oa, a as va } from "./chunks/promo-banner.CcYpFY9b.js";
+import { B as Na, a as Aa, b as Ga } from "./chunks/radio-group.CLbYlzD7.js";
+import { r as Ra } from "./chunks/rich-text-editor.5SMm2BbC.js";
+import { B as Ha, a as wa, b as Fa } from "./chunks/search-bar.DrIwlAQj.js";
+import { s as Ua } from "./chunks/secondary-nav.DRs5yAve.js";
+import { B as ja, s as za, a as Ka } from "./chunks/selection-card-group.BYBAG8ig.js";
+import { B as qa } from "./chunks/segmented-control.CcQoBTfT.js";
 import { B as $a } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { s as Qa, B as Xa, a as en } from "./chunks/sidepanel.CntIcmx-.js";
-import { B as on } from "./chunks/status.DJ1Dfh5s.js";
+import { s as Qa, B as Xa, a as en } from "./chunks/sidepanel.CLbVkH7v.js";
+import { B as on } from "./chunks/status.BdWYs5MK.js";
 import { B as nn } from "./chunks/status.types.Dx8MDhEH.js";
-import { s as sn, a as Bn, B as pn, b as mn } from "./chunks/step.BCa9IOWB.js";
-import { B as un, a as dn } from "./chunks/structured-list-item.Bhe0CH1M.js";
-import { s as fn, a as gn, b as Tn, c as yn, d as xn, B as Sn, e as hn, f as En } from "./chunks/summary-grid.types.C70ED6WD.js";
-import { B as In, a as Mn } from "./chunks/tab.BK1sIJAJ.js";
-import { t as Dn } from "./chunks/table-of-contents.BTy95Rrs.js";
-import { B as Ln, a as On } from "./chunks/tag.Dz1FQSZb.js";
-import { B as Pn } from "./chunks/textarea.CcV9U3I7.js";
-import { t as An, B as Gn, a as Rn, b as kn, c as Hn, d as wn } from "./chunks/timeline-item.BG2by0xf.js";
-import { B as Vn } from "./chunks/toast.CO6ByH3n.js";
-import { B as Yn, a as jn, b as zn } from "./chunks/toggle.Dgh7aw1D.js";
-import { t as Wn } from "./chunks/tutorial.K0aOQWIg.js";
-import { d as Zn, a as $n } from "./chunks/dashboard-section.CYEoNH9Q.js";
-import { d as Qn } from "./chunks/data-grid-template.DCwzh2G7.js";
-import { a as er } from "./chunks/ai-button.BnFk5CzK.js";
+import { s as sn, a as Bn, B as pn, b as mn } from "./chunks/step.SkRHgSxN.js";
+import { B as un, a as dn } from "./chunks/structured-list-item.BgcR0XlO.js";
+import { s as fn, a as gn, b as Tn, c as yn, d as xn, B as Sn, e as hn, f as En } from "./chunks/summary-grid.types.Do2PZQGm.js";
+import { B as In, a as Ln } from "./chunks/tab.zeRxc-3T.js";
+import { t as Mn } from "./chunks/table-of-contents.D4sF13f8.js";
+import { B as On, a as vn } from "./chunks/tag.CgsX8v2m.js";
+import { B as Nn } from "./chunks/textarea.DMBnJaB1.js";
+import { t as Gn, B as Pn, a as Rn, b as kn, c as Hn, d as wn } from "./chunks/timeline-item.CS7TCdoU.js";
+import { B as Vn } from "./chunks/toast.CjDkuh2x.js";
+import { B as Yn, a as jn, b as zn } from "./chunks/toggle.BL_w2xUm.js";
+import { t as Wn } from "./chunks/tutorial.DSbBx_2h.js";
+import { d as Zn, a as $n } from "./chunks/dashboard-section.yS2FNoIV.js";
+import { d as Qn } from "./chunks/data-grid-template.B5A9whlD.js";
+import { a as er } from "./chunks/ai-button.qEaHYybv.js";
 import { B as or, a as ar, b as nr } from "./chunks/button-actions.types.BptAXjD8.js";
-import { B as sr, a as Br } from "./chunks/checkbox-group.D1uyc3z3.js";
+import { B as sr, a as Br } from "./chunks/checkbox-group.C-1v4X3c.js";
 import { B as pr } from "./chunks/minus-small.CAycYt5H.js";
 import { B as lr } from "./chunks/directive.D1-d-C2K.js";
-import { C as dr, a as cr, C as fr, a as gr } from "./chunks/calendar.CXdLEeN4.js";
-import { B as yr } from "./chunks/draggable-handle.DgVdGC1V.js";
-import { d as Sr, a as hr, b as Er, c as br, e as Ir } from "./chunks/dropdown-tag.Dk7SooVv.js";
-import { B as Cr } from "./chunks/form-layout-group.D4T0Z5xk.js";
-import { a as vr, B as Lr } from "./chunks/keyboard-navigation.DWmhelVv.js";
-import { R as Nr } from "./chunks/radio-input.CLlYadKI.js";
-import { b as _r, c as Ar, d as Gr } from "./chunks/tooltip.DFYc5NKM.js";
-import { shallowRef as C, ref as T, getCurrentInstance as D } from "vue";
+import { C as dr, a as cr, C as fr, a as gr } from "./chunks/calendar.BalfhApP.js";
+import { B as yr } from "./chunks/draggable-handle.BM07OVdH.js";
+import { d as Sr, a as hr, b as Er, c as br, e as Ir } from "./chunks/dropdown-tag.BmUNKoNw.js";
+import { B as Cr } from "./chunks/form-layout-group.BSC2esG8.js";
+import { a as Dr, B as Or } from "./chunks/keyboard-navigation.DWmhelVv.js";
+import { R as _r } from "./chunks/radio-input.CLlYadKI.js";
+import { b as Ar, c as Gr, d as Pr } from "./chunks/tooltip.BOe7LOfD.js";
+import { shallowRef as C, ref as T, getCurrentInstance as M } from "vue";
 import * as r from "zod";
 import { u as kr } from "./chunks/use-bento-delayed-hover.D6QjSugc.js";
 import { u as wr, a as Fr } from "./chunks/use-country-phon-code.Cv5YgCOo.js";
@@ -106,25 +106,25 @@ function H(e) {
 function m(e) {
   if (r && e instanceof r.ZodObject)
     return Object.fromEntries(
-      Object.entries(e.shape).map(([t, o]) => r && o instanceof r.ZodDefault ? [t, o._def.defaultValue()] : r && o instanceof r.ZodObject ? [t, m(o)] : [t, void 0])
+      Object.entries(e.shape).map(([t, a]) => r && a instanceof r.ZodDefault ? [t, a._def.defaultValue()] : r && a instanceof r.ZodObject ? [t, m(a)] : [t, void 0])
     );
   if (r && e instanceof r.ZodEffects)
     return m(e._def.schema);
 }
-function v(e) {
+function D(e) {
   return e.path.join(".");
 }
 function w({
   validationSchema: e
 }) {
-  const t = C({}), o = T({}), n = T(m(e)), s = () => {
-    t.value = {}, o.value = {};
+  const t = C({}), a = T({}), n = T(m(e)), s = () => {
+    t.value = {}, a.value = {};
   }, l = () => {
     s(), n.value = m(e);
   };
   return {
     // Values
-    errorBag: o,
+    errorBag: a,
     errors: t,
     values: n,
     // Methods
@@ -132,27 +132,27 @@ function w({
     submitForm: (E) => () => {
       s();
       const f = e.safeParse(n.value);
-      f.success ? E(n.value) : f.error.issues.forEach((p) => {
-        const i = v(p);
-        t.value[i] || (t.value[i] = p.message), o.value[i] ? o.value[i].push(p.message) : o.value[i] = [p.message];
+      f.success ? E(n.value) : f.error.issues.forEach((i) => {
+        const B = D(i);
+        t.value[B] || (t.value[B] = i.message), a.value[B] ? a.value[B].push(i.message) : a.value[B] = [i.message];
       });
     }
   };
 }
 const S = /* @__PURE__ */ Symbol("use-bento-theme");
 function F() {
-  const e = D()?.proxy[S];
-  return e ? { ...e } : (M("useBentoTheme does not work without Vue.use(BentoPlugin)"), {
+  const e = M()?.proxy[S];
+  return e ? { ...e } : (L("useBentoTheme does not work without Vue.use(BentoPlugin)"), {
     getTheme: () => {
     },
     setTheme: () => {
     }
   });
 }
-const L = ({ modifiers: e, value: t }) => Object.keys(e)[0] || t?.size || "small", c = (e, t, o) => {
-  const n = t.value?.extraPadding ?? !1, s = t.value?.rounded ?? !1, l = L(t);
-  e.classList.toggle("b-highlight", o), e.classList.toggle("b-highlight--extra-padding", o && n), e.classList.toggle("b-highlight--rounded", o && s), ["small", "medium", "large"].forEach((u) => {
-    e.classList.toggle(`b-highlight--${u}`, o && u === l);
+const O = ({ modifiers: e, value: t }) => Object.keys(e)[0] || t?.size || "small", c = (e, t, a) => {
+  const n = t.value?.extraPadding ?? !1, s = t.value?.rounded ?? !1, l = O(t);
+  e.classList.toggle("b-highlight", a), e.classList.toggle("b-highlight--extra-padding", a && n), e.classList.toggle("b-highlight--rounded", a && s), ["small", "medium", "large"].forEach((u) => {
+    e.classList.toggle(`b-highlight--${u}`, a && u === l);
   });
 }, y = (e, t) => {
   c(e, t, t.value !== !1);
@@ -170,33 +170,58 @@ const L = ({ modifiers: e, value: t }) => Object.keys(e)[0] || t?.size || "small
   mounted: d,
   updated: d,
   unmounted: x
-}, O = (e) => {
+}, v = (e) => {
   e.prototype[b] = I();
 };
-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 h = () => document.body.className.match(/b-\w+-theme/)?.[0] ?? "", N = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? a.BENTO_DARK : a.BENTO_LIGHT, B = (e) => {
-  const t = h(), o = N(), 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);
-}, P = (e) => {
+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.BENTO_LARGE_LIGHT = "b-large-light-theme", e.BENTO_LARGE_DARK = "b-large-dark-theme", e))(o || {});
+const h = () => [...document.body.classList].find((e) => /^b-[\w-]+-theme$/.test(e)) ?? "", _ = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? o.BENTO_DARK : o.BENTO_LIGHT, p = (e) => {
+  const t = h(), a = _(), n = e === o.BENTO_SYSTEM ? a : e;
+  switch (n) {
+    case o.BENTO_LIGHT:
+    case o.BENTO_LARGE_LIGHT:
+    case o.BENTO:
+      document.documentElement.style.colorScheme = "light";
+      break;
+    case o.BENTO_DARK:
+    case o.BENTO_LARGE_DARK:
+      document.documentElement.style.colorScheme = "dark";
+      break;
+  }
+  t.length && t !== n && document.body.classList.remove(t), n.length && document.body.classList.add(n);
+}, N = (e) => {
   const t = {
     getTheme: h,
-    setTheme: B
+    setTheme: p
   };
   e.prototype[S] = t;
 }, U = {
   name: "BentoVue",
   install: async (e, {
-    theme: t = a.BENTO_LIGHT,
-    withToast: o = !1,
+    theme: t = o.BENTO_LIGHT,
+    withToast: a = !1,
     withUtilityClasses: n = !1,
     withDesignTokensCSSInjection: s = !0
   }) => {
-    P(e), o && O(e), s && (g(
+    switch (N(e), a && v(e), s && (g(
       "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 ? B(a.STYLEGUIDE) : t === a.BENTO_SYSTEM ? B(a.BENTO_SYSTEM) : t === a.BENTO_DARK ? B(a.BENTO_DARK) : (t === a.BENTO && g("Using `BentoTheme.BENTO`", "Please use `BentoTheme.BENTO_LIGHT` instead", "2.0.0"), B(a.BENTO_LIGHT));
+      "3.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) {
+      case o.STYLEGUIDE:
+      case o.BENTO_SYSTEM:
+      case o.BENTO_LIGHT:
+      case o.BENTO_DARK:
+      case o.BENTO_LARGE_LIGHT:
+      case o.BENTO_LARGE_DARK:
+        p(t);
+        break;
+      case o.BENTO:
+        g("Using `BentoTheme.BENTO`", "Please use `BentoTheme.BENTO_LIGHT` instead", "3.0.0"), p(o.BENTO_LIGHT);
+        break;
+      default:
+        p(o.BENTO_LIGHT);
+    }
   }
 }, Y = Object.freeze({
   /**
@@ -232,7 +257,7 @@ https://adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import
     default: void 0
   }
 }), j = ["input", "update"];
-var _ = /* @__PURE__ */ ((e) => (e.DAY_OF_MONTH = "d", e.NUMERIC_DAY = "dd", e.SHORT_WEEKDAY = "EEE", e.NUMERIC_MONTH = "MM", e.SHORT_MONTH = "MMM", e.LONG_MONTH = "MMMM", e.LONG_MONTH_YEAR = "MMMM yyyy", e.FULL_YEAR = "yyyy", e.FULL_DATE = "d MMM, yyyy", e.FULL_DATE_MONTH_FIRST = "MMM dd, yyyy", e.NUMERIC_DATE_YEAR_FIRST = "yyyy-MM-dd", e.NUMERIC_DATE_DAY_FIRST = "yyyy-MM-dd", e.MILITARY_HOUR = "HH", e.MINUTES_TWO_DIGITS = "mm", e.SECONDS_TWO_DIGITS = "ss", e.HOUR_MINUTE_SECONDS = "HH:mm:ss", e))(_ || {});
+var A = /* @__PURE__ */ ((e) => (e.DAY_OF_MONTH = "d", e.NUMERIC_DAY = "dd", e.SHORT_WEEKDAY = "EEE", e.NUMERIC_MONTH = "MM", e.SHORT_MONTH = "MMM", e.LONG_MONTH = "MMMM", e.LONG_MONTH_YEAR = "MMMM yyyy", e.FULL_YEAR = "yyyy", e.FULL_DATE = "d MMM, yyyy", e.FULL_DATE_MONTH_FIRST = "MMM dd, yyyy", e.NUMERIC_DATE_YEAR_FIRST = "yyyy-MM-dd", e.NUMERIC_DATE_DAY_FIRST = "yyyy-MM-dd", e.MILITARY_HOUR = "HH", e.MINUTES_TWO_DIGITS = "mm", e.SECONDS_TWO_DIGITS = "ss", e.HOUR_MINUTE_SECONDS = "HH:mm:ss", e))(A || {});
 export {
   oe as BentoAccordion,
   ae as BentoAccordionItem,
@@ -255,7 +280,7 @@ export {
   nr as BentoButtonActionsLayoutExtended,
   xe as BentoButtonPropClass,
   Se as BentoButtonVariant,
-  Ge as BentoCard,
+  Pe as BentoCard,
   Re as BentoCardBackground,
   ke as BentoCardTitleSize,
   Bt as BentoCheckbox,
@@ -274,23 +299,23 @@ export {
   xt as BentoCountry,
   ht as BentoCountryCode,
   Et as BentoCountryVariant,
-  Mt as BentoCurrency,
+  Lt as BentoCurrency,
   Ct as BentoCurrencyISOCode,
   Zn as BentoDashboardSection,
   $n as BentoDashboardTemplate,
   Ee as BentoDashedUnderline,
-  Me as BentoDataGrid,
+  Le as BentoDataGrid,
   Ce as BentoDataGridStaticIcon,
-  De as BentoDataGridSummaryCell,
-  ve as BentoDataGridTagWithTextCell,
+  Me as BentoDataGridSummaryCell,
+  De as BentoDataGridTagWithTextCell,
   Qn as BentoDataGridTemplate,
-  Le as BentoDataGridTrendCell,
-  Oe as BentoDatagridAriaSortValue,
-  Ne as BentoDatagridEvent,
-  Pe as BentoDatagridSortDirection,
-  _e as BentoDatagridStyleState,
-  Lt as BentoDate,
-  Ot as BentoDateFormat,
+  Oe as BentoDataGridTrendCell,
+  ve as BentoDatagridAriaSortValue,
+  _e as BentoDatagridEvent,
+  Ne as BentoDatagridSortDirection,
+  Ae as BentoDatagridStyleState,
+  Ot as BentoDate,
+  vt as BentoDateFormat,
   we as BentoDatePicker,
   Ve as BentoDatePickerEvent,
   dr as BentoDatePickerFirstDayOfWeek,
@@ -300,7 +325,7 @@ export {
   fr as BentoDateRangePickerFirstDayOfWeek,
   gr as BentoDateRangePickerVariant,
   We as BentoDateTimePicker,
-  Pt as BentoDivider,
+  Nt as BentoDivider,
   Ze as BentoDraggable,
   yr as BentoDraggableHandle,
   Je as BentoDrawer,
@@ -313,8 +338,8 @@ export {
   br as BentoDropdownPaymentMethod,
   ot as BentoDropdownSize,
   Ir as BentoDropdownTag,
-  At as BentoEmptyState,
-  Gt as BentoEmptyStateImage,
+  Gt as BentoEmptyState,
+  Pt as BentoEmptyStateImage,
   Rt as BentoEmptyStateImageVariant,
   kt as BentoEmptyStateVariant,
   wt as BentoFileUploader,
@@ -344,16 +369,16 @@ export {
   lo as BentoInputFieldVariant,
   Io as BentoInputTime,
   Co as BentoInspector,
-  vo as BentoInspectorPage,
-  Lo as BentoInspectorSizeOptions,
-  vr as BentoKeyboardNavigationDirective,
-  Lr as BentoKeyboardNavigationKeyDownEvent,
-  No as BentoLayout,
-  Po as BentoLayoutRow,
+  Do as BentoInspectorPage,
+  Oo as BentoInspectorSizeOptions,
+  Dr as BentoKeyboardNavigationDirective,
+  Or as BentoKeyboardNavigationKeyDownEvent,
+  _o as BentoLayout,
+  No as BentoLayoutRow,
   Fo as BentoLink,
   Vo as BentoLinkVariant,
-  Ao as BentoList,
-  Go as BentoListItem,
+  Go as BentoList,
+  Po as BentoListItem,
   at as BentoListboxEvent,
   nt as BentoListboxLazyLoadType,
   jo as BentoLoadingButton,
@@ -382,13 +407,13 @@ export {
   qo as BentoPopover,
   Ia as BentoPopoverPositions,
   Ca as BentoProgressBar,
-  va as BentoPromoBanner,
-  La as BentoPromoBannerColor,
-  Oa as BentoPromoBannerLayout,
-  Pa as BentoRadioButton,
-  Nr as BentoRadioButtonStateClass,
-  _a as BentoRadioGroup,
-  Aa as BentoRadioGroupVariant,
+  Da as BentoPromoBanner,
+  Oa as BentoPromoBannerColor,
+  va as BentoPromoBannerLayout,
+  Na as BentoRadioButton,
+  _r as BentoRadioButtonStateClass,
+  Aa as BentoRadioGroup,
+  Ga as BentoRadioGroupVariant,
   Ra as BentoRichTextEditor,
   Ha as BentoSearchBar,
   wa as BentoSearchBarEvent,
@@ -419,14 +444,14 @@ export {
   hn as BentoSummaryGridItemText,
   En as BentoSummaryGridItemTrendDirection,
   In as BentoTab,
-  Dn as BentoTableOfContents,
-  Mn as BentoTabs,
-  Ln as BentoTag,
-  On as BentoTagVariant,
-  Pn as BentoTextarea,
-  a as BentoTheme,
-  An as BentoTimeline,
-  Gn as BentoTimelineGapUnit,
+  Mn as BentoTableOfContents,
+  Ln as BentoTabs,
+  On as BentoTag,
+  vn as BentoTagVariant,
+  Nn as BentoTextarea,
+  o as BentoTheme,
+  Gn as BentoTimeline,
+  Pn as BentoTimelineGapUnit,
   Rn as BentoTimelineItem,
   kn as BentoTimelineItemVariant,
   Hn as BentoTimelineShowMorePlacement,
@@ -436,15 +461,15 @@ export {
   Zo as BentoToggleButton,
   jn as BentoToggleLabelPosition,
   zn as BentoTogglePropClass,
-  _r as BentoTooltipDirective,
-  Ar as BentoTooltipPosition,
-  Gr as BentoTooltipState,
+  Ar as BentoTooltipDirective,
+  Gr as BentoTooltipPosition,
+  Pr as BentoTooltipState,
   Wn as BentoTutorial,
   J as BentoTypography,
   Q as BentoTypographyElement,
   X as BentoTypographyModifier,
   ee as BentoTypographyVariant,
-  _ as DateFormat,
+  A as DateFormat,
   U as default,
   fo as minLength,
   go as requireLowercase,
@@ -453,7 +478,7 @@ export {
   xo as requireUppercase,
   H as toTypedSchema,
   Kt as useBentoBaseFilter,
-  Dt as useBentoCurrency,
+  Mt as useBentoCurrency,
   kr as useBentoDelayedHover,
   F as useBentoTheme,
   S as useBentoThemeKey,