@adyen/bento-vue3 2.0.1 → 2.1.0

package/dist/index.js

@@ -1,142 +1,143 @@
-import { shallowRef as b, ref as g, inject as I } from "vue";
-import { t as M, c as C } from "./chunks/use-bento-toast-controller.BAoPbtq7.js";
-import { u as q } from "./chunks/use-bento-toast-controller.BAoPbtq7.js";
-import { p as v, d as T } from "./chunks/typography.wIM07Hbl.js";
-import { B as $, a as J, b as Q, c as X } from "./chunks/typography.wIM07Hbl.js";
-import { B as te } from "./chunks/action-bar.CWjLoeOU.js";
-import { a as ae, b as ne } from "./chunks/accordion-item.BMxeTYDy.js";
-import { a as se } from "./chunks/ai-tag.CjrOE5yl.js";
-import { B as Be, a as pe, b as me, c as le } from "./chunks/alert.C8Pe1-OO.js";
-import { a as ue } from "./chunks/anchor-scroller.C3zkcfPH.js";
-import { B as fe } from "./chunks/avatar.DcXyOCS4.js";
-import { B as Te, a as ye, b as xe } from "./chunks/button.Ciflfide.js";
-import { c as he, B as Ee, a as be } from "./chunks/card.a8QL14dy.js";
-import { B as Me } from "./chunks/dashed-underline.C3lSC1_R.js";
-import { B as ve, d as De, a as Le, b as Oe, c as Ne, e as _e, f as Pe, g as Ae, h as Ge, i as Re } from "./chunks/data-grid.vBDlLHOW.js";
-import { B as we } from "./chunks/date-picker.Dnr2HuxA.js";
-import { B as He } from "./chunks/date-picker.types.Ckt7zxGy.js";
-import { B as Ue } from "./chunks/date-range-picker.CuBygd3O.js";
-import { B as je } from "./chunks/date-range-picker.types.Ckt7zxGy.js";
-import { d as Ke } from "./chunks/draggable.BZsgR26I.js";
-import { d as qe } from "./chunks/drawer.D3j-d3q5.js";
-import { B as $e, a as Je, b as Qe, c as Xe, a as et, b as tt, f as ot } from "./chunks/dropdown.D_jkFrMd.js";
-import { B as nt } from "./chunks/divider.BlxQCxkM.js";
-import { B as st, a as it } from "./chunks/checkbox.0RmIkniU.js";
-import { B as pt } from "./chunks/chip.Bv6IGch0.js";
-import { B as lt } from "./chunks/click-outside.B0whuTUU.js";
-import { c as ut, B as ct, a as ft, b as gt } from "./chunks/code-snippet.BbswO6TU.js";
-import { c as yt } from "./chunks/country.BN34hLpN.js";
-import { B as St, a as ht, u as Et } from "./chunks/country.types.BCOrkmVK.js";
-import { c as It, B as Mt } from "./chunks/currency.DS4-apvT.js";
-import { B as vt, a as Dt } from "./chunks/date.ojGAujAt.js";
-import { B as Ot, a as Nt, b as _t, c as Pt } from "./chunks/empty-state.DpUC-3wv.js";
-import { f as Gt } from "./chunks/file-uploader.BglImnqw.js";
-import { B as kt, a as wt, b as Ft, c as Ht, d as Vt, u as Ut } from "./chunks/filter-bar.DG4GTi8L.js";
-import { f as jt, a as zt, b as Kt } from "./chunks/form-layout-title.BZFh_nGD.js";
-import { h as qt } from "./chunks/header-with-views.WJlXgGI5.js";
-import { _ as $t, B as Jt, a as Qt } from "./chunks/image.vue_vue_type_script_setup_true_lang.BMoSMeM-.js";
-import { B as eo } from "./chunks/info-icon.Zlg6Sgz0.js";
-import { B as oo, a as ao, b as no, c as ro, d as so, e as io } from "./chunks/input-field.IyNujUZt.js";
-import { i as po, m as mo, r as lo, a as uo, b as co, c as fo } from "./chunks/input-field-password.CJZxudne.js";
-import { i as To, B as yo } from "./chunks/input-field-phone-number.OJ4MG9Gf.js";
-import { B as So } from "./chunks/input-time.BJ6YqkFi.js";
-import { B as Eo } from "./chunks/inspector.BBgrupfO.js";
-import { i as Io, B as Mo } from "./chunks/inspector-page.D42_PXHM.js";
-import { l as vo, a as Do } from "./chunks/layout-row.DijjweVX.js";
-import { l as Oo, a as No } from "./chunks/list-item.CT7dyMQH.js";
-import { B as Po, a as Ao } from "./chunks/loading-indicator.BPol9I84.js";
-import { B as Ro, a as ko } from "./chunks/link.types.BGj7apK3.js";
-import { B as Fo, a as Ho, b as Vo, f as Uo, g as Yo, h as jo, c as zo, u as Ko } from "./chunks/button-actions.uIjzze43.js";
-import { _ as qo } from "./chunks/modal.vue_vue_type_script_setup_true_lang.CrsIyU7A.js";
-import { B as $o, a as Jo, b as Qo, c as Xo, d as ea, e as ta, f as oa, g as aa } from "./chunks/base-modal.Bn4ZXwv6.js";
-import { B as ra, a as sa } from "./chunks/modal-fullscreen.I5bjqzfd.js";
-import { n as Ba, a as pa, b as ma } from "./chunks/navigation-menu-group.BJ9ZsXEn.js";
-import { B as da } from "./chunks/header.Bi3MPZKE.js";
-import { B as ca } from "./chunks/pagination.C5gZxtZY.js";
-import { B as ga } from "./chunks/payment-method.q2yow5VR.js";
-import { B as ya } from "./chunks/payment-method.types.BqtH7RM2.js";
-import { B as Sa } from "./chunks/popover.types.dhllh3NP.js";
-import { p as Ea, B as ba, a as Ia } from "./chunks/promo-banner.kE1-WkzI.js";
-import { B as Ca, a as va, b as Da } from "./chunks/radio-group.XmRPh03c.js";
-import { r as Oa } from "./chunks/rich-text-editor.Cv_Vwt-6.js";
-import { B as _a, a as Pa, b as Aa } from "./chunks/search-bar.5tObtLfW.js";
-import { s as Ra } from "./chunks/secondary-nav.DApIImQ0.js";
-import { B as wa } from "./chunks/segmented-control.CEt2dz4n.js";
-import { B as Ha } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { B as Ua, s as Ya, a as ja } from "./chunks/selection-card-group.DHXtJpoB.js";
-import { s as Ka, B as Wa, a as qa } from "./chunks/sidepanel._30g8POM.js";
-import { B as $a } from "./chunks/status.Nss4P5OU.js";
-import { B as Qa } from "./chunks/status.types.Dx8MDhEH.js";
-import { s as en, a as tn, B as on, b as an } from "./chunks/step.5_ZukVqJ.js";
-import { B as rn, a as sn } from "./chunks/structured-list-item.CBzznwcF.js";
-import { s as pn, a as mn, _ as ln, b as dn, c as un, B as cn, d as fn, e as gn } from "./chunks/summary-grid.types.BR_EGvRg.js";
-import { B as yn, a as xn } from "./chunks/tab.D_k5AVHk.js";
-import { t as hn } from "./chunks/table-of-contents.CJ2yMbAG.js";
-import { B as bn, a as In } from "./chunks/tag.BE1j0Oid.js";
-import { B as Cn } from "./chunks/textarea.BYshPd98.js";
-import { t as Dn, B as Ln, a as On, b as Nn, c as _n, d as Pn } from "./chunks/timeline-item.Sy_DSw6p.js";
-import { B as Gn } from "./chunks/toast.u5Y_CGe_.js";
-import { B as kn, a as wn, b as Fn } from "./chunks/toggle.BW8ww0Ih.js";
-import { _ as Vn } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.BIP-heAH.js";
+import { shallowRef as b, ref as T, inject as I, provide as L } from "vue";
+import { t as O, c as M } from "./chunks/use-bento-toast-controller.CkpBtweL.js";
+import { u as Q } from "./chunks/use-bento-toast-controller.CkpBtweL.js";
+import { p as v, d as g } from "./chunks/typography.B6elnWpr.js";
+import { B as ee, a as te, b as oe, c as ae } from "./chunks/typography.B6elnWpr.js";
+import { B as re } from "./chunks/action-bar.C6XFuiE0.js";
+import { a as ie, b as Be } from "./chunks/accordion-item.BbMoC7Rn.js";
+import { a as me } from "./chunks/ai-tag.BLDTP7fs.js";
+import { B as de, a as ue, b as ce, c as fe } from "./chunks/alert.BYmn1ewo.js";
+import { a as ge } from "./chunks/anchor-scroller.B35-JMuH.js";
+import { B as xe } from "./chunks/avatar.Bes5Qw12.js";
+import { B as Ee, a as he, b as be } from "./chunks/button.DAcwNdtP.js";
+import { c as Le, B as Oe, a as Me } from "./chunks/card.OErI_R47.js";
+import { B as _e } from "./chunks/dashed-underline.DAtZOaad.js";
+import { B as De, d as Ne, a as Ae, b as Ge, c as Re, e as Pe, f as ke, g as He, h as we, i as Fe } from "./chunks/data-grid.o5MQdWnJ.js";
+import { B as Ue } from "./chunks/date-picker.DyB8XkiY.js";
+import { B as je } from "./chunks/date-picker.types.Ckt7zxGy.js";
+import { B as ze } from "./chunks/date-range-picker.BcQUUVcW.js";
+import { B as qe } from "./chunks/date-range-picker.types.Ckt7zxGy.js";
+import { d as $e } from "./chunks/draggable.jzTSFcM7.js";
+import { d as Qe } from "./chunks/drawer.De-jDVb2.js";
+import { B as et, a as tt, b as ot, c as at, a as nt, b as rt, f as st } from "./chunks/dropdown.BoSI-Rre.js";
+import { B as Bt } from "./chunks/divider.BlxQCxkM.js";
+import { B as mt, a as lt } from "./chunks/checkbox.YBhv3GCJ.js";
+import { B as ut } from "./chunks/chip.D4OozULC.js";
+import { B as ft } from "./chunks/click-outside.B0whuTUU.js";
+import { c as gt, B as yt, a as xt, b as St } from "./chunks/code-snippet.DNDXr7t6.js";
+import { c as ht } from "./chunks/country.PHJgPzKU.js";
+import { B as It, a as Lt, u as Ot } from "./chunks/country.types.BCOrkmVK.js";
+import { c as vt, B as _t } from "./chunks/currency.Y6BqUzYE.js";
+import { B as Dt, a as Nt } from "./chunks/date.SUOSxkTe.js";
+import { B as Gt, a as Rt, b as Pt, c as kt } from "./chunks/empty-state.BuK12EGe.js";
+import { f as wt } from "./chunks/file-uploader.Cv8sm0Jd.js";
+import { B as Vt, a as Ut, b as Yt, c as jt, d as Kt, u as zt } from "./chunks/filter-bar.6ElVHgFA.js";
+import { f as qt, a as Zt, b as $t } from "./chunks/form-layout-title.C7f1ByNh.js";
+import { h as Qt } from "./chunks/header-with-views.Dl6bfk_7.js";
+import { _ as eo, B as to, a as oo } from "./chunks/image.vue_vue_type_script_setup_true_lang.BMoSMeM-.js";
+import { B as no } from "./chunks/info-icon.D_zu5SYT.js";
+import { B as so, a as io, b as Bo, c as po, d as mo, e as lo } from "./chunks/input-field._keU91LW.js";
+import { i as co, m as fo, r as To, a as go, b as yo, c as xo } from "./chunks/input-field-password.BXptrVTT.js";
+import { i as Eo, B as ho } from "./chunks/input-field-phone-number.Crxi8Wm7.js";
+import { B as Io } from "./chunks/input-time.D7UW_ww_.js";
+import { B as Oo } from "./chunks/inspector.BLAqbhmV.js";
+import { i as vo, B as _o } from "./chunks/inspector-page.DNsc0lK1.js";
+import { l as Do, a as No } from "./chunks/layout-row.X6mPrUu8.js";
+import { l as Go, a as Ro } from "./chunks/list-item.RuGQ8Y4T.js";
+import { B as ko, a as Ho } from "./chunks/loading-indicator.BPol9I84.js";
+import { B as Fo, a as Vo } from "./chunks/link.types.BZ1u_6CS.js";
+import { B as Yo, a as jo, b as Ko, f as zo, g as Wo, h as qo, c as Zo, u as $o } from "./chunks/button-actions.DvuGEQxM.js";
+import { _ as Qo } from "./chunks/modal.vue_vue_type_script_setup_true_lang.BwmYlzFm.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 ia } from "./chunks/base-modal.CulokESn.js";
+import { B as pa, a as ma } from "./chunks/modal-fullscreen.jXJnaueu.js";
+import { n as da, a as ua, b as ca } from "./chunks/navigation-menu-group.BnS0isK8.js";
+import { B as Ta } from "./chunks/header.E-KFjIG7.js";
+import { B as ya } from "./chunks/pagination.C-kvJ-XK.js";
+import { B as Sa } from "./chunks/payment-method.B69Mu88z.js";
+import { B as ha } from "./chunks/payment-method.types.BqtH7RM2.js";
+import { B as Ia } from "./chunks/popover.types.dhllh3NP.js";
+import { p as Oa, B as Ma, a as va } from "./chunks/promo-banner.3d1DHWas.js";
+import { B as Ca, a as Da, b as Na } from "./chunks/radio-group.BTI_2U11.js";
+import { r as Ga } from "./chunks/rich-text-editor.ClUU1zPM.js";
+import { B as Pa, a as ka, b as Ha } from "./chunks/search-bar.D1Jz7hdd.js";
+import { s as Fa } from "./chunks/secondary-nav.D32VFDTi.js";
+import { B as Ua } from "./chunks/segmented-control.CarI0i3p.js";
+import { B as ja } from "./chunks/segmented-control.types.BHRLV8KU.js";
+import { B as za, s as Wa, a as qa } from "./chunks/selection-card-group.CQsS8-H9.js";
+import { s as $a, B as Ja, a as Qa } from "./chunks/sidepanel.CYWPV9dE.js";
+import { B as en } from "./chunks/status.BJ48Isyh.js";
+import { B as on } from "./chunks/status.types.Dx8MDhEH.js";
+import { s as nn, a as rn, B as sn, b as Bn } from "./chunks/step.CRVu8HPR.js";
+import { B as mn, a as ln } from "./chunks/structured-list-item.C6SAUS9a.js";
+import { s as un, a as cn, _ as fn, b as Tn, c as gn, B as yn, d as xn, e as Sn } from "./chunks/summary-grid.types.FTWeUNFh.js";
+import { B as hn, a as bn } from "./chunks/tab.CwXAsp9E.js";
+import { t as Ln } from "./chunks/table-of-contents.Bnyua5hb.js";
+import { B as Mn, a as vn } from "./chunks/tag.BYxa556o.js";
+import { B as Cn } from "./chunks/textarea.D4aMdmDx.js";
+import { t as Nn, B as An, a as Gn, b as Rn, c as Pn, d as kn } from "./chunks/timeline-item.De8HCoYw.js";
+import { B as wn } from "./chunks/toast.BI2PD8Oj.js";
+import { B as Vn, a as Un, b as Yn } from "./chunks/toggle.BbCqV953.js";
+import { _ as Kn } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.Dn4toWHY.js";
 import * as r from "zod";
-import { d as Yn, a as jn } from "./chunks/dashboard-section.Bv-SveGN.js";
-import { d as Kn } from "./chunks/data-grid-template.DqZmPeze.js";
-import { B as qn } from "./chunks/minus-small.DBR64xRS.js";
-import { a as $n, B as Jn } from "./chunks/keyboard-navigation.DWmhelVv.js";
-import { B as Xn } from "./chunks/directive.D1-d-C2K.js";
-import { b as tr, c as or, d as ar } from "./chunks/tooltip.TFOGHOO0.js";
-import { _ as rr, a as sr, b as ir, d as Br, c as pr } from "./chunks/dropdown-tag.Bn5FPeEL.js";
-import { a as lr } from "./chunks/ai-button.CYaCMWFk.js";
-import { B as ur, a as cr, b as fr } from "./chunks/button-actions.types.BptAXjD8.js";
-import { B as Tr, a as yr } from "./chunks/checkbox-group.BCzNXT1-.js";
-import { C as Sr, a as hr, C as Er, a as br } from "./chunks/calendar.Dtba7fcs.js";
-import { B as Mr } from "./chunks/draggable-handle.Cvc8gHzx.js";
-import { B as vr } from "./chunks/form-layout-group.iAwbiI_S.js";
-import { R as Lr } from "./chunks/radio-input.FC4PVCHr.js";
-import { u as Nr, a as _r } from "./chunks/use-country-phon-code.Cv5YgCOo.js";
+import { B as _ } from "./chunks/index.CGBfMQdv.js";
+import { d as Wn, a as qn } from "./chunks/dashboard-section.CjC3fVU6.js";
+import { d as $n } from "./chunks/data-grid-template.bPjGSga2.js";
+import { B as Qn } from "./chunks/minus-small.DBR64xRS.js";
+import { a as er, B as tr } from "./chunks/keyboard-navigation.DWmhelVv.js";
+import { B as ar } from "./chunks/directive.D1-d-C2K.js";
+import { b as rr, c as sr, d as ir } from "./chunks/tooltip.0QqJo2sa.js";
+import { _ as pr, a as mr, b as lr, d as dr, c as ur } from "./chunks/dropdown-tag.BvXqllkv.js";
+import { a as fr } from "./chunks/ai-button.M2xaszNl.js";
+import { B as gr, a as yr, b as xr } from "./chunks/button-actions.types.BptAXjD8.js";
+import { B as Er, a as hr } from "./chunks/checkbox-group.Deb5pHjj.js";
+import { C as Ir, a as Lr, C as Or, a as Mr } from "./chunks/calendar.EuBZ9HoM.js";
+import { B as _r } from "./chunks/draggable-handle.CKkSJP0K.js";
+import { B as Dr } from "./chunks/form-layout-group.B9Kzae5F.js";
+import { R as Ar } from "./chunks/radio-input.FC4PVCHr.js";
+import { u as Rr, a as Pr } from "./chunks/use-country-phon-code.Cv5YgCOo.js";
 import "./assets/main.css";
 import "./assets/index.css";
-function k(e) {
+function F(e) {
   return 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 D(e) {
+function C(e) {
   return e.path.join(".");
 }
-function w({
+function V({
   validationSchema: e
 }) {
-  const t = b({}), o = g({}), n = g(m(e)), s = () => {
-    t.value = {}, o.value = {};
+  const t = b({}), 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
     handleReset: () => l(),
-    submitForm: (E) => () => {
+    submitForm: (h) => () => {
       s();
       const f = e.safeParse(n.value);
-      f.success ? E(n.value) : f.error.issues.forEach((p) => {
-        const B = D(p);
-        t.value[B] || (t.value[B] = p.message), o.value[B] ? o.value[B].push(p.message) : o.value[B] = [p.message];
+      f.success ? h(n.value) : f.error.issues.forEach((B) => {
+        const i = C(B);
+        t.value[i] || (t.value[i] = B.message), a.value[i] ? a.value[i].push(B.message) : a.value[i] = [B.message];
       });
     }
   };
 }
 const S = /* @__PURE__ */ Symbol("use-bento-theme");
-function F() {
+function U() {
   const e = I(S, null);
   return e ? { ...e } : (v("useBentoTheme does not work without Vue.use(BentoPlugin)"), {
     getTheme: () => {
@@ -145,10 +146,10 @@ function F() {
     }
   });
 }
-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((d) => {
-    e.classList.toggle(`b-highlight--${d}`, o && d === l);
+const D = ({ 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 = D(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((d) => {
+    e.classList.toggle(`b-highlight--${d}`, a && d === l);
   });
 }, y = (e, t) => {
   c(e, t, t.value !== !1);
@@ -156,7 +157,7 @@ const L = ({ modifiers: e, value: t }) => Object.keys(e)[0] || t?.size || "small
   c(e, t, t.value !== !1);
 }, x = (e, t) => {
   c(e, t, !1);
-}, H = {
+}, Y = {
   // Vue 2
   bind: y,
   update: u,
@@ -166,35 +167,62 @@ const L = ({ modifiers: e, value: t }) => Object.keys(e)[0] || t?.size || "small
   mounted: u,
   updated: u,
   unmounted: x
-}, O = (e) => {
-  e.provide(M, C());
+}, N = (e) => {
+  e.provide(O, M());
 };
-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, i = (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);
-}, _ = (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 E = () => [...document.body.classList].find((e) => /^b-[\w-]+-theme$/.test(e)) ?? "", A = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? o.BENTO_DARK : o.BENTO_LIGHT, p = (e) => {
+  const t = E(), a = 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);
+}, G = (e) => {
   const t = {
-    getTheme: h,
-    setTheme: i
+    getTheme: E,
+    setTheme: p
   };
   e.provide(S, t);
-}, V = {
+}, j = {
   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
   }) => {
-    _(e), o && O(e), s && (T(
+    switch (G(e), a && N(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 ? i(a.STYLEGUIDE) : t === a.BENTO_SYSTEM ? i(a.BENTO_SYSTEM) : t === a.BENTO_DARK ? i(a.BENTO_DARK) : (t === a.BENTO && T("Using `BentoTheme.BENTO`", "Please use `BentoTheme.BENTO_LIGHT` instead", "2.0.0"), i(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);
+    }
   }
-}, U = Object.freeze({
+}, K = (e) => {
+  L(_, e);
+}, z = Object.freeze({
   /**
    * Disables the filter from being interacted with.
    */
@@ -227,234 +255,235 @@ https://adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import
     type: [Object, Number, Boolean, Array, String, Date],
     default: void 0
   }
-}), Y = ["input", "update"];
-var P = /* @__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))(P || {});
+}), W = ["input", "update"];
+var R = /* @__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))(R || {});
 export {
-  ae as BentoAccordion,
-  ne as BentoAccordionItem,
-  te as BentoActionBar,
-  lr as BentoAiButton,
-  se as BentoAiTag,
-  Be as BentoAlert,
-  pe as BentoAlertEvent,
-  me as BentoAlertTypeOption,
-  le as BentoAlertVariant,
-  ue as BentoAnchorScroller,
-  fe as BentoAvatar,
-  kt as BentoBaseFilter,
-  Y as BentoBaseFilterEvents,
-  U as BentoBaseFilterProps,
-  Te as BentoButton,
-  Fo as BentoButtonActions,
-  ur as BentoButtonActionsLayout,
-  cr as BentoButtonActionsLayoutBasic,
-  fr as BentoButtonActionsLayoutExtended,
-  ye as BentoButtonPropClass,
-  xe as BentoButtonVariant,
-  he as BentoCard,
-  Ee as BentoCardBackground,
-  be as BentoCardTitleSize,
-  st as BentoCheckbox,
-  it as BentoCheckboxEvent,
-  Tr as BentoCheckboxGroup,
-  yr as BentoCheckboxGroupVariant,
-  qn as BentoCheckboxState,
-  pt as BentoChip,
-  lt as BentoClickOutside,
-  Xn as BentoClickOutsideDirective,
-  ut as BentoCodeSnippet,
-  ct as BentoCodeSnippetEvent,
-  ft as BentoCodeSnippetSupportedLanguage,
-  gt as BentoCodeSnippetVariant,
-  ve as BentoColumnOverflow,
-  yt as BentoCountry,
-  St as BentoCountryCode,
-  ht as BentoCountryVariant,
-  It as BentoCurrency,
-  Mt as BentoCurrencyISOCode,
-  Yn as BentoDashboardSection,
-  jn as BentoDashboardTemplate,
-  Me as BentoDashedUnderline,
-  De as BentoDataGrid,
-  Le as BentoDataGridStaticIcon,
-  Oe as BentoDataGridSummaryCell,
-  Ne as BentoDataGridTagWithTextCell,
-  Kn as BentoDataGridTemplate,
-  _e as BentoDataGridTrendCell,
-  Pe as BentoDatagridAriaSortValue,
-  Ae as BentoDatagridEvent,
-  Ge as BentoDatagridSortDirection,
-  Re as BentoDatagridStyleState,
-  vt as BentoDate,
-  Dt as BentoDateFormat,
-  we as BentoDatePicker,
-  He as BentoDatePickerEvent,
-  Sr as BentoDatePickerFirstDayOfWeek,
-  hr as BentoDatePickerVariant,
-  Ue as BentoDateRangePicker,
-  je as BentoDateRangePickerEvent,
-  Er as BentoDateRangePickerFirstDayOfWeek,
-  br as BentoDateRangePickerVariant,
-  nt as BentoDivider,
-  Ke as BentoDraggable,
-  Mr as BentoDraggableHandle,
-  qe as BentoDrawer,
-  $e as BentoDropdown,
-  rr as BentoDropdownAvatar,
-  sr as BentoDropdownCountry,
-  ir as BentoDropdownCurrency,
-  Je as BentoDropdownEvent,
-  Qe as BentoDropdownLazyLoadType,
-  Br as BentoDropdownPaymentMethod,
-  Xe as BentoDropdownSize,
-  pr as BentoDropdownTag,
-  Ot as BentoEmptyState,
-  Nt as BentoEmptyStateImage,
-  _t as BentoEmptyStateImageVariant,
-  Pt as BentoEmptyStateVariant,
-  Gt as BentoFileUploader,
-  wt as BentoFilterBar,
-  Ft as BentoFilterBarEvent,
-  Ht as BentoFilterEvent,
-  Vt as BentoFilterItemType,
-  jt as BentoFormLayout,
-  zt as BentoFormLayoutFieldTip,
-  vr as BentoFormLayoutGroup,
-  Kt as BentoFormLayoutTitle,
-  da as BentoHeader,
-  qt as BentoHeaderWithViews,
-  H as BentoHighlightDirective,
-  $t as BentoImage,
-  Jt as BentoImageAspectRatio,
-  Qt as BentoImageObjectFit,
-  eo as BentoInfoIcon,
-  oo as BentoInputField,
-  ao as BentoInputFieldElementPosition,
-  no as BentoInputFieldEvent,
-  po as BentoInputFieldPassword,
-  To as BentoInputFieldPhoneNumber,
-  yo as BentoInputFieldPhoneNumberCountries,
-  ro as BentoInputFieldStateClass,
-  so as BentoInputFieldType,
-  io as BentoInputFieldVariant,
-  So as BentoInputTime,
-  Eo as BentoInspector,
-  Io as BentoInspectorPage,
-  Mo as BentoInspectorSizeOptions,
-  $n as BentoKeyboardNavigationDirective,
-  Jn as BentoKeyboardNavigationKeyDownEvent,
-  vo as BentoLayout,
-  Do as BentoLayoutRow,
-  Ro as BentoLink,
-  ko as BentoLinkVariant,
-  Oo as BentoList,
-  No as BentoListItem,
-  et as BentoListboxEvent,
-  tt as BentoListboxLazyLoadType,
-  Ho as BentoLoadingButton,
-  Vo as BentoLoadingButtonState,
-  Po as BentoLoadingIndicator,
-  Ao as BentoLoadingIndicatorEvent,
-  Uo as BentoMenu,
-  Yo as BentoMenuEvent,
-  qo as BentoModal,
-  $o as BentoModalColumnLayoutVariant,
-  Jo as BentoModalDialogType,
-  Qo as BentoModalEvent,
-  ra as BentoModalFullscreen,
-  sa as BentoModalFullscreenPage,
-  Xo as BentoModalPage,
-  ea as BentoModalRole,
-  ta as BentoModalSize,
-  oa as BentoModalVariant,
-  aa as BentoModalVariantMapping,
-  Ba as BentoNavigationMenu,
-  pa as BentoNavigationMenuGroup,
-  ma as BentoNavigationMenuItem,
-  ca as BentoPagination,
-  ga as BentoPaymentMethod,
-  ya as BentoPaymentMethodType,
-  jo as BentoPopover,
-  Sa as BentoPopoverPositions,
-  Ea as BentoPromoBanner,
-  ba as BentoPromoBannerColor,
-  Ia as BentoPromoBannerLayout,
+  ie as BentoAccordion,
+  Be as BentoAccordionItem,
+  re as BentoActionBar,
+  fr as BentoAiButton,
+  me as BentoAiTag,
+  de as BentoAlert,
+  ue as BentoAlertEvent,
+  ce as BentoAlertTypeOption,
+  fe as BentoAlertVariant,
+  ge as BentoAnchorScroller,
+  xe as BentoAvatar,
+  Vt as BentoBaseFilter,
+  W as BentoBaseFilterEvents,
+  z as BentoBaseFilterProps,
+  Ee as BentoButton,
+  Yo as BentoButtonActions,
+  gr as BentoButtonActionsLayout,
+  yr as BentoButtonActionsLayoutBasic,
+  xr as BentoButtonActionsLayoutExtended,
+  he as BentoButtonPropClass,
+  be as BentoButtonVariant,
+  Le as BentoCard,
+  Oe as BentoCardBackground,
+  Me as BentoCardTitleSize,
+  mt as BentoCheckbox,
+  lt as BentoCheckboxEvent,
+  Er as BentoCheckboxGroup,
+  hr as BentoCheckboxGroupVariant,
+  Qn as BentoCheckboxState,
+  ut as BentoChip,
+  ft as BentoClickOutside,
+  ar as BentoClickOutsideDirective,
+  gt as BentoCodeSnippet,
+  yt as BentoCodeSnippetEvent,
+  xt as BentoCodeSnippetSupportedLanguage,
+  St as BentoCodeSnippetVariant,
+  De as BentoColumnOverflow,
+  ht as BentoCountry,
+  It as BentoCountryCode,
+  Lt as BentoCountryVariant,
+  vt as BentoCurrency,
+  _t as BentoCurrencyISOCode,
+  Wn as BentoDashboardSection,
+  qn as BentoDashboardTemplate,
+  _e as BentoDashedUnderline,
+  Ne as BentoDataGrid,
+  Ae as BentoDataGridStaticIcon,
+  Ge as BentoDataGridSummaryCell,
+  Re as BentoDataGridTagWithTextCell,
+  $n as BentoDataGridTemplate,
+  Pe as BentoDataGridTrendCell,
+  ke as BentoDatagridAriaSortValue,
+  He as BentoDatagridEvent,
+  we as BentoDatagridSortDirection,
+  Fe as BentoDatagridStyleState,
+  Dt as BentoDate,
+  Nt as BentoDateFormat,
+  Ue as BentoDatePicker,
+  je as BentoDatePickerEvent,
+  Ir as BentoDatePickerFirstDayOfWeek,
+  Lr as BentoDatePickerVariant,
+  ze as BentoDateRangePicker,
+  qe as BentoDateRangePickerEvent,
+  Or as BentoDateRangePickerFirstDayOfWeek,
+  Mr as BentoDateRangePickerVariant,
+  Bt as BentoDivider,
+  $e as BentoDraggable,
+  _r as BentoDraggableHandle,
+  Qe as BentoDrawer,
+  et as BentoDropdown,
+  pr as BentoDropdownAvatar,
+  mr as BentoDropdownCountry,
+  lr as BentoDropdownCurrency,
+  tt as BentoDropdownEvent,
+  ot as BentoDropdownLazyLoadType,
+  dr as BentoDropdownPaymentMethod,
+  at as BentoDropdownSize,
+  ur as BentoDropdownTag,
+  Gt as BentoEmptyState,
+  Rt as BentoEmptyStateImage,
+  Pt as BentoEmptyStateImageVariant,
+  kt as BentoEmptyStateVariant,
+  wt as BentoFileUploader,
+  Ut as BentoFilterBar,
+  Yt as BentoFilterBarEvent,
+  jt as BentoFilterEvent,
+  Kt as BentoFilterItemType,
+  qt as BentoFormLayout,
+  Zt as BentoFormLayoutFieldTip,
+  Dr as BentoFormLayoutGroup,
+  $t as BentoFormLayoutTitle,
+  Ta as BentoHeader,
+  Qt as BentoHeaderWithViews,
+  Y as BentoHighlightDirective,
+  eo as BentoImage,
+  to as BentoImageAspectRatio,
+  oo as BentoImageObjectFit,
+  no as BentoInfoIcon,
+  so as BentoInputField,
+  io as BentoInputFieldElementPosition,
+  Bo as BentoInputFieldEvent,
+  co as BentoInputFieldPassword,
+  Eo as BentoInputFieldPhoneNumber,
+  ho as BentoInputFieldPhoneNumberCountries,
+  po as BentoInputFieldStateClass,
+  mo as BentoInputFieldType,
+  lo as BentoInputFieldVariant,
+  Io as BentoInputTime,
+  Oo as BentoInspector,
+  vo as BentoInspectorPage,
+  _o as BentoInspectorSizeOptions,
+  er as BentoKeyboardNavigationDirective,
+  tr as BentoKeyboardNavigationKeyDownEvent,
+  Do as BentoLayout,
+  No as BentoLayoutRow,
+  Fo as BentoLink,
+  Vo as BentoLinkVariant,
+  Go as BentoList,
+  Ro as BentoListItem,
+  nt as BentoListboxEvent,
+  rt as BentoListboxLazyLoadType,
+  jo as BentoLoadingButton,
+  Ko as BentoLoadingButtonState,
+  ko as BentoLoadingIndicator,
+  Ho as BentoLoadingIndicatorEvent,
+  zo as BentoMenu,
+  Wo as BentoMenuEvent,
+  Qo as BentoModal,
+  ea as BentoModalColumnLayoutVariant,
+  ta as BentoModalDialogType,
+  oa as BentoModalEvent,
+  pa as BentoModalFullscreen,
+  ma as BentoModalFullscreenPage,
+  aa as BentoModalPage,
+  na as BentoModalRole,
+  ra as BentoModalSize,
+  sa as BentoModalVariant,
+  ia as BentoModalVariantMapping,
+  da as BentoNavigationMenu,
+  ua as BentoNavigationMenuGroup,
+  ca as BentoNavigationMenuItem,
+  ya as BentoPagination,
+  Sa as BentoPaymentMethod,
+  ha as BentoPaymentMethodType,
+  qo as BentoPopover,
+  Ia as BentoPopoverPositions,
+  Oa as BentoPromoBanner,
+  Ma as BentoPromoBannerColor,
+  va as BentoPromoBannerLayout,
   Ca as BentoRadioButton,
-  Lr as BentoRadioButtonStateClass,
-  va as BentoRadioGroup,
-  Da as BentoRadioGroupVariant,
-  Oa as BentoRichTextEditor,
-  _a as BentoSearchBar,
-  Pa as BentoSearchBarEvent,
-  Aa as BentoSearchBarInternalEvent,
-  Ra as BentoSecondaryNav,
-  wa as BentoSegmentedControl,
-  Ha as BentoSegmentedControlEvent,
-  Ua as BentoSelectionCard,
-  Ya as BentoSelectionCardGroup,
-  ja as BentoSelectionCardState,
-  Ka as BentoSidepanel,
-  Wa as BentoSidepanelEvent,
-  qa as BentoSidepanelPage,
-  $a as BentoStatus,
-  Qa as BentoStatusVariant,
-  en as BentoStep,
-  tn as BentoStepper,
-  on as BentoStepperTypeOption,
-  an as BentoStepperVariantOption,
-  rn as BentoStructuredList,
-  sn as BentoStructuredListItem,
-  pn as BentoSummaryGrid,
-  mn as BentoSummaryGridItemAmount,
-  ln as BentoSummaryGridItemCustom,
-  dn as BentoSummaryGridItemNumeric,
-  un as BentoSummaryGridItemPercentage,
-  cn as BentoSummaryGridItemSize,
-  fn as BentoSummaryGridItemText,
-  gn as BentoSummaryGridItemTrendDirection,
-  yn as BentoTab,
-  hn as BentoTableOfContents,
-  xn as BentoTabs,
-  bn as BentoTag,
-  In as BentoTagVariant,
+  Ar as BentoRadioButtonStateClass,
+  Da as BentoRadioGroup,
+  Na as BentoRadioGroupVariant,
+  Ga as BentoRichTextEditor,
+  Pa as BentoSearchBar,
+  ka as BentoSearchBarEvent,
+  Ha as BentoSearchBarInternalEvent,
+  Fa as BentoSecondaryNav,
+  Ua as BentoSegmentedControl,
+  ja as BentoSegmentedControlEvent,
+  za as BentoSelectionCard,
+  Wa as BentoSelectionCardGroup,
+  qa as BentoSelectionCardState,
+  $a as BentoSidepanel,
+  Ja as BentoSidepanelEvent,
+  Qa as BentoSidepanelPage,
+  en as BentoStatus,
+  on as BentoStatusVariant,
+  nn as BentoStep,
+  rn as BentoStepper,
+  sn as BentoStepperTypeOption,
+  Bn as BentoStepperVariantOption,
+  mn as BentoStructuredList,
+  ln as BentoStructuredListItem,
+  un as BentoSummaryGrid,
+  cn as BentoSummaryGridItemAmount,
+  fn as BentoSummaryGridItemCustom,
+  Tn as BentoSummaryGridItemNumeric,
+  gn as BentoSummaryGridItemPercentage,
+  yn as BentoSummaryGridItemSize,
+  xn as BentoSummaryGridItemText,
+  Sn as BentoSummaryGridItemTrendDirection,
+  hn as BentoTab,
+  Ln as BentoTableOfContents,
+  bn as BentoTabs,
+  Mn as BentoTag,
+  vn as BentoTagVariant,
   Cn as BentoTextarea,
-  a as BentoTheme,
-  Dn as BentoTimeline,
-  Ln as BentoTimelineGapUnit,
-  On as BentoTimelineItem,
-  Nn as BentoTimelineItemVariant,
-  _n as BentoTimelineShowMorePlacement,
-  Pn as BentoTimelineStatus,
-  Gn as BentoToast,
-  kn as BentoToggle,
-  zo as BentoToggleButton,
-  wn as BentoToggleLabelPosition,
-  Fn as BentoTogglePropClass,
-  tr as BentoTooltipDirective,
-  or as BentoTooltipPosition,
-  ar as BentoTooltipState,
-  Vn as BentoTutorial,
-  $ as BentoTypography,
-  J as BentoTypographyElement,
-  Q as BentoTypographyModifier,
-  X as BentoTypographyVariant,
-  P as DateFormat,
-  V as default,
-  mo as minLength,
-  lo as requireLowercase,
-  uo as requireNumeric,
-  co as requireSpecialCharacter,
-  fo as requireUppercase,
-  k as toTypedSchema,
-  Ut as useBentoBaseFilter,
-  F as useBentoTheme,
+  o as BentoTheme,
+  Nn as BentoTimeline,
+  An as BentoTimelineGapUnit,
+  Gn as BentoTimelineItem,
+  Rn as BentoTimelineItemVariant,
+  Pn as BentoTimelineShowMorePlacement,
+  kn as BentoTimelineStatus,
+  wn as BentoToast,
+  Vn as BentoToggle,
+  Zo as BentoToggleButton,
+  Un as BentoToggleLabelPosition,
+  Yn as BentoTogglePropClass,
+  rr as BentoTooltipDirective,
+  sr as BentoTooltipPosition,
+  ir as BentoTooltipState,
+  Kn as BentoTutorial,
+  ee as BentoTypography,
+  te as BentoTypographyElement,
+  oe as BentoTypographyModifier,
+  ae as BentoTypographyVariant,
+  R as DateFormat,
+  j as default,
+  fo as minLength,
+  To as requireLowercase,
+  go as requireNumeric,
+  yo as requireSpecialCharacter,
+  xo as requireUppercase,
+  F as toTypedSchema,
+  zt as useBentoBaseFilter,
+  U as useBentoTheme,
   S as useBentoThemeKey,
-  q as useBentoToastController,
-  Ko as useClickOutside,
-  Et as useCountryCapital,
-  Nr as useCountryName,
-  _r as useCountryPhoneCode,
-  w as useForm,
-  ot as useSearchBarFilter
+  Q as useBentoToastController,
+  K as useBentoTranslationOverrides,
+  $o as useClickOutside,
+  Ot as useCountryCapital,
+  Rr as useCountryName,
+  Pr as useCountryPhoneCode,
+  V as useForm,
+  st as useSearchBarFilter
 };
 //# sourceMappingURL=index.js.map