@adyen/bento-vue3 1.69.0 → 1.70.0

package/dist/index.js

@@ -1,127 +1,127 @@
 import { shallowRef as T, ref as d, inject as g } from "vue";
-import { t as y, c as h } from "./chunks/use-bento-toast-controller.BzKbXZPO.js";
-import { u as A } from "./chunks/use-bento-toast-controller.BzKbXZPO.js";
-import { p as b, d as l } from "./chunks/typography.CFHvBR7L.js";
-import { B as R, c as _, b as j, a as Y } from "./chunks/typography.CFHvBR7L.js";
-import { B as z } from "./chunks/action-bar.CbO7oNER.js";
-import { a as H, b as q } from "./chunks/accordion-item.H062lKz1.js";
-import { B as Z, c as J, b as Q, a as X } from "./chunks/alert.DFSdD4jX.js";
-import { B as ee } from "./chunks/avatar.BtxoYBvq.js";
-import { B as oe, b as ae, a as ne } from "./chunks/button.wMNce6wZ.js";
-import { c as se, B as Be, a as ie } from "./chunks/card.CNYYIpQW.js";
-import { B as pe } from "./chunks/dashed-underline.CyZEW1LZ.js";
-import { B as de, d as le, a as ce, b as fe, g as xe, f as Se, e as Te, c as ge } from "./chunks/data-grid.aEQt05d9.js";
-import { B as he, a as be } from "./chunks/date-picker.Bk0A3rha.js";
-import { B as Ce, a as De } from "./chunks/date-range-picker.l-CSmXBk.js";
-import { B as Ie, u as Le } from "./chunks/dropdown.Co86azLK.js";
-import { B as Fe } from "./chunks/dropdown-default-textbox.DWgL31p1.js";
-import { B as Oe } from "./chunks/divider.DnKNNyWB.js";
-import { B as we, a as Me } from "./chunks/checkbox.C62ek8A8.js";
-import { B as Ae } from "./chunks/chip.CoBGGkn7.js";
+import { t as y, c as h } from "./chunks/use-bento-toast-controller.Kri_h7jS.js";
+import { u as N } from "./chunks/use-bento-toast-controller.Kri_h7jS.js";
+import { p as b, d as l } from "./chunks/typography.yBEME_Gu.js";
+import { B as R, c as _, b as j, a as U } from "./chunks/typography.yBEME_Gu.js";
+import { B as K } from "./chunks/action-bar.CweA2FeY.js";
+import { a as H, b as q } from "./chunks/accordion-item.6etqAJV9.js";
+import { B as Z, c as J, b as Q, a as X } from "./chunks/alert.Dzx5MzgE.js";
+import { B as ee } from "./chunks/avatar.Dq59yj6m.js";
+import { B as oe, b as ae, a as ne } from "./chunks/button.C-MAa6ut.js";
+import { c as se, B as Be, a as ie } from "./chunks/card.BspLDcas.js";
+import { B as pe } from "./chunks/dashed-underline.2OYxO-Rh.js";
+import { B as de, d as le, a as ce, b as fe, g as xe, f as Se, e as Te, c as ge } from "./chunks/data-grid.DMOTTywp.js";
+import { B as he, a as be } from "./chunks/date-picker.CBlQ0ql7.js";
+import { B as Ce, a as De } from "./chunks/date-range-picker.D-gGqpFB.js";
+import { B as Ie, u as Le } from "./chunks/dropdown.agfzvJZE.js";
+import { B as Fe } from "./chunks/dropdown-default-textbox.CGsOngY1.js";
+import { B as ke } from "./chunks/divider.DnKNNyWB.js";
+import { B as we, a as Me } from "./chunks/checkbox.M6lKj2hQ.js";
+import { B as Ne } from "./chunks/chip.DcpP3zb6.js";
 import { B as Re } from "./chunks/click-outside.C1Ud8AA2.js";
-import { c as je, b as Ye, a as Ue, B as ze } from "./chunks/code-snippet.CrKl93Wq.js";
-import { c as He } from "./chunks/country.BdqTkF7A.js";
+import { c as je, b as Ue, a as ze, B as Ke } from "./chunks/code-snippet.CKrxKjkQ.js";
+import { c as He } from "./chunks/country.RVvsGwuV.js";
 import { a as We, B as Ze, u as Je } from "./chunks/country.types.C0Q_hhgJ.js";
-import { c as Xe, B as $e } from "./chunks/currency.XiEfa4LT.js";
-import { B as tt, a as ot } from "./chunks/date.BZENjOb6.js";
-import { B as nt, b as rt, c as st, a as Bt } from "./chunks/empty-state.YNNEDsnK.js";
-import { f as mt } from "./chunks/file-uploader.09149Fx8.js";
-import { B as ut, b as dt, a as lt, c as ct } from "./chunks/filter-bar.D6n7Srr5.js";
-import { f as xt, a as St, c as Tt, b as gt } from "./chunks/form-layout-title.Cq_xVPUq.js";
-import { h as ht } from "./chunks/header-with-views.Drzq84zs.js";
+import { c as Xe, B as $e } from "./chunks/currency.CN4UnCx8.js";
+import { B as tt, a as ot } from "./chunks/date.4GAXrgy5.js";
+import { B as nt, b as rt, c as st, a as Bt } from "./chunks/empty-state.BTaeZdQu.js";
+import { f as mt } from "./chunks/file-uploader.Vac1Cu0i.js";
+import { B as ut, b as dt, a as lt, c as ct } from "./chunks/filter-bar.uUpoP-XZ.js";
+import { f as xt, a as St, c as Tt, b as gt } from "./chunks/form-layout-title.DdRqnXXi.js";
+import { h as ht } from "./chunks/header-with-views.BVHdSAKp.js";
 import { _ as Et, B as Ct, a as Dt } from "./chunks/image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
-import { B as It } from "./chunks/info-icon.DKnzFXy1.js";
-import { B as Pt, b as Ft, e as Gt, c as Ot, d as kt, a as wt } from "./chunks/input-field.6bH4yGb2.js";
-import { i as Vt, m as At, r as Nt, b as Rt, c as _t, a as jt } from "./chunks/input-field-password.DC8lJFsr.js";
-import { i as Ut, B as zt } from "./chunks/input-field-phone-number.BbMEzDiR.js";
-import { B as Ht } from "./chunks/inspector.Bsv68G-e.js";
+import { B as It } from "./chunks/info-icon.Bl0iKUfC.js";
+import { B as Pt, b as Ft, e as Ot, c as kt, d as Gt, a as wt } from "./chunks/input-field.CgbiOju9.js";
+import { i as Vt, m as Nt, r as At, b as Rt, c as _t, a as jt } from "./chunks/input-field-password.DkIWrrxy.js";
+import { i as zt, B as Kt } from "./chunks/input-field-phone-number.EXlRu8qq.js";
+import { B as Ht } from "./chunks/inspector.BGtTMtE0.js";
 import { B as Wt } from "./chunks/inspector.types.DyHwE18g.js";
-import { l as Jt, a as Qt } from "./chunks/layout-row.CIg1pwOd.js";
-import { B as $t, a as eo } from "./chunks/loading-indicator.BmAQqPP2.js";
-import { B as oo, a as ao } from "./chunks/link.Di0rtpOj.js";
-import { B as ro, a as so, b as Bo, f as io, g as mo, h as po, c as uo, u as lo } from "./chunks/toggle-button.ByyLw0Yf.js";
-import { _ as fo } from "./chunks/modal.vue_vue_type_script_setup_true_lang.CqDhzFJ9.js";
-import { c as So, e as To, f as go, g as yo, d as ho, b as bo, B as Eo, a as Co } from "./chunks/base-modal.7vdoT8zp.js";
-import { m as vo, B as Io } from "./chunks/modal-fullscreen.BHzyS4y7.js";
-import { B as Po } from "./chunks/header.B6DzOioR.js";
-import { B as Go } from "./chunks/pagination.BuYH2_62.js";
-import { B as ko } from "./chunks/payment-method.4cnK2M5b.js";
+import { l as Jt, a as Qt } from "./chunks/layout-row.BPfOPn4x.js";
+import { B as $t, a as eo } from "./chunks/loading-indicator.VHi5tbZa.js";
+import { B as oo, a as ao } from "./chunks/link.cwPmWlsk.js";
+import { B as ro, a as so, b as Bo, f as io, g as mo, h as po, c as uo, u as lo } from "./chunks/toggle-button.CQl9HneO.js";
+import { _ as fo } from "./chunks/modal.vue_vue_type_script_setup_true_lang.TFh7p51f.js";
+import { c as So, e as To, f as go, g as yo, d as ho, b as bo, B as Eo, a as Co } from "./chunks/base-modal.BrBcILSe.js";
+import { m as vo, B as Io } from "./chunks/modal-fullscreen.-Q-7GMyT.js";
+import { B as Po } from "./chunks/header.Cd1P8lYK.js";
+import { B as Oo } from "./chunks/pagination.DW_HPEIu.js";
+import { B as Go } from "./chunks/payment-method.CDnn1bjo.js";
 import { B as Mo } from "./chunks/payment-method.types.BqtH7RM2.js";
-import { B as Ao } from "./chunks/popover.types.BQILgzhs.js";
-import { p as Ro, B as _o, a as jo } from "./chunks/promo-banner.il4_mdEk.js";
-import { b as Uo, B as zo, a as Ko } from "./chunks/radio-group.BG8W9epW.js";
-import { r as qo } from "./chunks/rich-text-editor.vqti0Ls0.js";
-import { B as Zo, b as Jo, a as Qo } from "./chunks/search-bar.RGL70u_Y.js";
-import { s as $o } from "./chunks/secondary-nav.Dtw_Dm_X.js";
-import { B as ta } from "./chunks/segmented-control.C6QyN2jS.js";
+import { B as No } from "./chunks/popover.types.COM6oQgq.js";
+import { p as Ro, B as _o, a as jo } from "./chunks/promo-banner.BbqIA4Ce.js";
+import { b as zo, B as Ko, a as Yo } from "./chunks/radio-group.CbLIPi7h.js";
+import { r as qo } from "./chunks/rich-text-editor.C0hJeV4H.js";
+import { B as Zo, b as Jo, a as Qo } from "./chunks/search-bar.CvAi2t3-.js";
+import { s as $o } from "./chunks/secondary-nav.yntS8-u5.js";
+import { B as ta } from "./chunks/segmented-control.CRSdIvha.js";
 import { B as aa } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { B as ra, s as sa, a as Ba } from "./chunks/selection-card-group.DpogJSo0.js";
-import { a as ma, B as pa, s as ua } from "./chunks/sidepanel.BqRWoCd3.js";
-import { s as la, B as ca } from "./chunks/status.types.B7vJ-_oJ.js";
-import { a as xa, s as Sa, B as Ta, b as ga } from "./chunks/step.BdZrreHU.js";
-import { B as ha, a as ba } from "./chunks/structured-list-item.DIwkcIMT.js";
-import { s as Ca, a as Da, d as va, _ as Ia, b as La, B as Pa, c as Fa, e as Ga } from "./chunks/summary-grid.types.DHUnTXI-.js";
-import { a as ka, B as wa } from "./chunks/tab.jIG8-7-Q.js";
-import { B as Va, a as Aa } from "./chunks/tag.BP8fBCx-.js";
-import { B as Ra } from "./chunks/textarea.CtfRoIUw.js";
-import { t as ja, b as Ya, a as Ua, c as za, B as Ka, d as Ha } from "./chunks/timeline-item.DthjD14m.js";
-import { t as Wa } from "./chunks/toast.w_FD0zQA.js";
-import { B as Ja, b as Qa, a as Xa } from "./chunks/toggle.CjEL1ko8.js";
-import { _ as en } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.rY33hqQQ.js";
-import * as s from "zod";
-import { a as on, d as an } from "./chunks/dashboard-section.Di16gWGI.js";
-import { d as rn } from "./chunks/data-grid-template.CnYNEhPR.js";
+import { B as ra, s as sa, a as Ba } from "./chunks/selection-card-group.Cu3V8h4R.js";
+import { a as ma, B as pa, s as ua } from "./chunks/sidepanel.z18XSO3M.js";
+import { s as la, B as ca } from "./chunks/status.types.-l2qJxLn.js";
+import { a as xa, s as Sa, B as Ta, b as ga } from "./chunks/step.BMSjltwl.js";
+import { B as ha, a as ba } from "./chunks/structured-list-item.CD1nMqzH.js";
+import { s as Ca, a as Da, d as va, _ as Ia, b as La, B as Pa, c as Fa, e as Oa } from "./chunks/summary-grid.types.BHuDlPDw.js";
+import { a as Ga, B as wa } from "./chunks/tab.C3R_VoJL.js";
+import { B as Va, a as Na } from "./chunks/tag.B6AmSws9.js";
+import { B as Ra } from "./chunks/textarea.DfQLxj_w.js";
+import { t as ja, b as Ua, a as za, c as Ka, B as Ya, d as Ha } from "./chunks/timeline-item.25y9USE-.js";
+import { t as Wa } from "./chunks/toast.DIhABAW8.js";
+import { B as Ja, b as Qa, a as Xa } from "./chunks/toggle.C8k7NQ7y.js";
+import { _ as en } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.BProZFmI.js";
+import * as r from "zod";
+import { a as on, d as an } from "./chunks/dashboard-section.Cll3tn0q.js";
+import { d as rn } from "./chunks/data-grid-template.CTRHofoW.js";
 import { D as Bn } from "./chunks/date-input.BqBdAO1E.js";
 import { a as pn, B as un } from "./chunks/keyboard-navigation.pB8weElW.js";
-import { a as ln, B as cn, a as fn, B as xn } from "./chunks/use-cached-selected-values.BcNRo4mZ.js";
+import { a as ln, B as cn, a as fn, B as xn } from "./chunks/use-cached-selected-values.CELe-MsT.js";
 import { B as Tn } from "./chunks/directive.Cbdox5VL.js";
-import { b as yn, c as hn, d as bn } from "./chunks/tooltip.Dww8NiUR.js";
-import { _ as Cn, a as Dn, b as vn, c as In, d as Ln } from "./chunks/dropdown-tag.CnqIUH1X.js";
-import { B as Fn, a as Gn, b as On } from "./chunks/button-actions.types.BptAXjD8.js";
-import { C as wn, C as Mn } from "./chunks/calendar.CYrrR8wd.js";
-import { C as An } from "./chunks/minus-small.DYIyF5XW.js";
-import { c as Rn, B as _n } from "./chunks/checkbox-group.fX5_d3XZ.js";
-import { u as Yn, a as Un } from "./chunks/use-country-phon-code.BOaJ9PDl.js";
-import { R as Kn } from "./chunks/radio-input.DvPjlvPm.js";
-function G(e) {
+import { b as yn, c as hn, d as bn } from "./chunks/tooltip.lBnko9QV.js";
+import { _ as Cn, a as Dn, b as vn, c as In, d as Ln } from "./chunks/dropdown-tag.DlFpUeXa.js";
+import { B as Fn, a as On, b as kn } from "./chunks/button-actions.types.BptAXjD8.js";
+import { C as wn, C as Mn } from "./chunks/calendar.DFHiga9k.js";
+import { C as Nn } from "./chunks/minus-small.DYIyF5XW.js";
+import { c as Rn, B as _n } from "./chunks/checkbox-group.DIXgr1WQ.js";
+import { u as Un, a as zn } from "./chunks/use-country-phon-code.Bui3zD6W.js";
+import { R as Yn } from "./chunks/radio-input.odN9FOyr.js";
+function O(e) {
   return e;
 }
 function p(e) {
-  if (s && e instanceof s.ZodObject)
+  if (r && e instanceof r.ZodObject)
     return Object.fromEntries(
-      Object.entries(e.shape).map(([t, a]) => s && a instanceof s.ZodDefault ? [t, a._def.defaultValue()] : s && a instanceof s.ZodObject ? [t, p(a)] : [t, void 0])
+      Object.entries(e.shape).map(([t, o]) => r && o instanceof r.ZodDefault ? [t, o._def.defaultValue()] : r && o instanceof r.ZodObject ? [t, p(o)] : [t, void 0])
     );
 }
 function E(e) {
   return e.path.join(".");
 }
-function O({
+function k({
   validationSchema: e
 }) {
-  const t = T({}), a = d({}), n = d(p(e)), i = () => {
-    t.value = {}, a.value = {};
+  const t = T({}), o = d({}), a = d(p(e)), i = () => {
+    t.value = {}, o.value = {};
   }, x = () => {
-    i(), n.value = p(e);
+    i(), a.value = p(e);
   };
   return {
     // Values
-    errorBag: a,
+    errorBag: o,
     errors: t,
-    values: n,
+    values: a,
     // Methods
     handleReset: () => x(),
     submitForm: (S) => () => {
       i();
-      const u = e.safeParse(n.value);
-      u.success ? S(n.value) : u.error.issues.forEach((m) => {
+      const u = e.safeParse(a.value);
+      u.success ? S(a.value) : u.error.issues.forEach((m) => {
         const B = E(m);
-        t.value[B] || (t.value[B] = m.message), a.value[B] ? a.value[B].push(m.message) : a.value[B] = [m.message];
+        t.value[B] || (t.value[B] = m.message), o.value[B] ? o.value[B].push(m.message) : o.value[B] = [m.message];
       });
     }
   };
 }
 const c = Symbol("use-bento-theme");
-function k() {
+function G() {
   const e = g(c, null);
   return e ? { ...e } : (b("useBentoTheme does not work without Vue.use(BentoPlugin)"), {
     getTheme: () => {
@@ -136,36 +136,36 @@ const C = (e) => {
   var e;
   return ((e = document.body.className.match(/b-\w+-theme/)) == null ? void 0 : e[0]) ?? "";
 }, D = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? "b-dark-theme" : "b-light-theme";
-var o = /* @__PURE__ */ ((e) => (e.LEGACY = "b-legacy-theme", e.STYLEGUIDE = "b-styleguide-theme", e.BENTO = "", e.BENTO_LIGHT = "b-light-theme", e.BENTO_DARK = "b-dark-theme", e.BENTO_SYSTEM = "b-system", e))(o || {});
-const r = (e) => {
-  const t = f(), a = D(), n = e === "b-system" ? a : e;
-  n === "b-light-theme" || n === "" ? document.documentElement.style.colorScheme = "light" : n === "b-dark-theme" && (document.documentElement.style.colorScheme = "dark"), t.length && t !== n && document.body.classList.remove(t), n.length && document.body.classList.add(n);
+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 s = (e) => {
+  const t = f(), o = D(), a = e === "b-system" ? o : e;
+  a === "b-light-theme" || a === "" ? document.documentElement.style.colorScheme = "light" : a === "b-dark-theme" && (document.documentElement.style.colorScheme = "dark"), t.length && t !== a && document.body.classList.remove(t), a.length && document.body.classList.add(a);
 }, v = (e) => {
   const t = {
     getTheme: f,
-    setTheme: r
+    setTheme: s
   };
   e.provide(c, t);
 }, w = {
   name: "BentoVue",
   install: async (e, {
-    theme: t = o.BENTO_LIGHT,
-    withToast: a = !1,
-    withUtilityClasses: n = !1,
+    theme: t = n.BENTO_LIGHT,
+    withToast: o = !1,
+    withUtilityClasses: a = !1,
     withDesignTokensCSSInjection: i = !0
   }) => {
-    v(e), a && C(e), i && (l(
+    v(e), o && C(e), i && (l(
       "Using default setting withDesignTokensCSSInjection set to true in BentoVue plugin",
       `Please disable CSS injection by setting withDesignTokensCSSInjection to false in BentoVue plugin options as highlighted here:
 https://adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import-css-variables`,
       "2.0.0"
-    ), t === o.LEGACY ? await import("@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css") : t === o.STYLEGUIDE ? await import("@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css") : await import("@adyen/bento-design-tokens/dist/css/bento/variables.css"), n && await import("@adyen/bento-design-tokens/dist/css/bento/utility.css")), t === o.LEGACY ? r(o.LEGACY) : t === o.STYLEGUIDE ? r(o.STYLEGUIDE) : t === o.BENTO_SYSTEM ? r(o.BENTO_SYSTEM) : t === o.BENTO_DARK ? r(o.BENTO_DARK) : (t === o.BENTO && l("Using `BentoTheme.BENTO`", "Please use `BentoTheme.BENTO_LIGHT` instead", "2.0.0"), r(o.BENTO_LIGHT));
+    ), t === n.STYLEGUIDE ? await import("@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css") : await import("@adyen/bento-design-tokens/dist/css/bento/variables.css"), a && await import("@adyen/bento-design-tokens/dist/css/bento/utility.css")), t === n.STYLEGUIDE ? s(n.STYLEGUIDE) : t === n.BENTO_SYSTEM ? s(n.BENTO_SYSTEM) : t === n.BENTO_DARK ? s(n.BENTO_DARK) : (t === n.BENTO && l("Using `BentoTheme.BENTO`", "Please use `BentoTheme.BENTO_LIGHT` instead", "2.0.0"), s(n.BENTO_LIGHT));
   }
 };
 export {
   H as BentoAccordion,
   q as BentoAccordionItem,
-  z as BentoActionBar,
+  K as BentoActionBar,
   Z as BentoAlert,
   J as BentoAlertEvent,
   Q as BentoAlertTypeOption,
@@ -174,8 +174,8 @@ export {
   oe as BentoButton,
   ro as BentoButtonActions,
   Fn as BentoButtonActionsLayout,
-  Gn as BentoButtonActionsLayoutBasic,
-  On as BentoButtonActionsLayoutExtended,
+  On as BentoButtonActionsLayoutBasic,
+  kn as BentoButtonActionsLayoutExtended,
   ae as BentoButtonPropClass,
   ne as BentoButtonVariant,
   se as BentoCard,
@@ -185,14 +185,14 @@ export {
   Me as BentoCheckboxEvent,
   Rn as BentoCheckboxGroup,
   _n as BentoCheckboxGroupVariant,
-  An as BentoCheckboxState,
-  Ae as BentoChip,
+  Nn as BentoCheckboxState,
+  Ne as BentoChip,
   Re as BentoClickOutside,
   Tn as BentoClickOutsideDirective,
   je as BentoCodeSnippet,
-  Ye as BentoCodeSnippetEvent,
-  Ue as BentoCodeSnippetSupportedLanguage,
-  ze as BentoCodeSnippetVariant,
+  Ue as BentoCodeSnippetEvent,
+  ze as BentoCodeSnippetSupportedLanguage,
+  Ke as BentoCodeSnippetVariant,
   de as BentoColumnOverflow,
   He as BentoCountry,
   We as BentoCountryCode,
@@ -218,7 +218,7 @@ export {
   Ce as BentoDateRangePicker,
   De as BentoDateRangePickerEvent,
   Mn as BentoDateRangePickerFirstDayOfWeek,
-  Oe as BentoDivider,
+  ke as BentoDivider,
   Ie as BentoDropdown,
   Cn as BentoDropdownAvatar,
   Dn as BentoDropdownCountry,
@@ -249,12 +249,12 @@ export {
   It as BentoInfoIcon,
   Pt as BentoInputField,
   Ft as BentoInputFieldElementPosition,
-  Gt as BentoInputFieldEvent,
+  Ot as BentoInputFieldEvent,
   Vt as BentoInputFieldPassword,
-  Ut as BentoInputFieldPhoneNumber,
-  zt as BentoInputFieldPhoneNumberCountries,
-  Ot as BentoInputFieldStateClass,
-  kt as BentoInputFieldType,
+  zt as BentoInputFieldPhoneNumber,
+  Kt as BentoInputFieldPhoneNumberCountries,
+  kt as BentoInputFieldStateClass,
+  Gt as BentoInputFieldType,
   wt as BentoInputFieldVariant,
   Ht as BentoInspector,
   Wt as BentoInspectorSizeOptions,
@@ -283,18 +283,18 @@ export {
   bo as BentoModalSize,
   Eo as BentoModalVariant,
   Co as BentoModalVariantMapping,
-  Go as BentoPagination,
-  ko as BentoPaymentMethod,
+  Oo as BentoPagination,
+  Go as BentoPaymentMethod,
   Mo as BentoPaymentMethodType,
   po as BentoPopover,
-  Ao as BentoPopoverPositions,
+  No as BentoPopoverPositions,
   Ro as BentoPromoBanner,
   _o as BentoPromoBannerColor,
   jo as BentoPromoBannerLayout,
-  Uo as BentoRadioButton,
-  Kn as BentoRadioButtonStateClass,
-  zo as BentoRadioGroup,
-  Ko as BentoRadioGroupVariant,
+  zo as BentoRadioButton,
+  Yn as BentoRadioButtonStateClass,
+  Ko as BentoRadioGroup,
+  Yo as BentoRadioGroupVariant,
   qo as BentoRichTextEditor,
   Zo as BentoSearchBar,
   Jo as BentoSearchBarEvent,
@@ -323,18 +323,18 @@ export {
   La as BentoSummaryGridItemPercentage,
   Pa as BentoSummaryGridItemSize,
   Fa as BentoSummaryGridItemText,
-  Ga as BentoSummaryGridItemTrendDirection,
-  ka as BentoTab,
+  Oa as BentoSummaryGridItemTrendDirection,
+  Ga as BentoTab,
   wa as BentoTabs,
   Va as BentoTag,
-  Aa as BentoTagVariant,
+  Na as BentoTagVariant,
   Ra as BentoTextarea,
-  o as BentoTheme,
+  n as BentoTheme,
   ja as BentoTimeline,
-  Ya as BentoTimelineGapUnit,
-  Ua as BentoTimelineItem,
-  za as BentoTimelineItemVariant,
-  Ka as BentoTimelineShowMorePlacement,
+  Ua as BentoTimelineGapUnit,
+  za as BentoTimelineItem,
+  Ka as BentoTimelineItemVariant,
+  Ya as BentoTimelineShowMorePlacement,
   Ha as BentoTimelineStatus,
   Wa as BentoToast,
   Ja as BentoToggle,
@@ -348,23 +348,23 @@ export {
   R as BentoTypography,
   _ as BentoTypographyElement,
   j as BentoTypographyModifier,
-  Y as BentoTypographyVariant,
+  U as BentoTypographyVariant,
   Bn as DateFormat,
   w as default,
-  At as minLength,
-  Nt as requireLowercase,
+  Nt as minLength,
+  At as requireLowercase,
   Rt as requireNumeric,
   _t as requireSpecialCharacter,
   jt as requireUppercase,
-  G as toTypedSchema,
-  k as useBentoTheme,
+  O as toTypedSchema,
+  G as useBentoTheme,
   c as useBentoThemeKey,
-  A as useBentoToastController,
+  N as useBentoToastController,
   lo as useClickOutside,
   Je as useCountryCapital,
-  Yn as useCountryName,
-  Un as useCountryPhoneCode,
-  O as useForm,
+  Un as useCountryName,
+  zn as useCountryPhoneCode,
+  k as useForm,
   Le as useSearchBarFilter
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../vue2/src/composables/use-form-validate/use-form.ts","../../vue2/src/composables/use-bento-theme/use-bento-theme.types.ts","../../vue2/src/composables/use-bento-theme/use-bento-theme.ts","../../vue2/src/composables/use-bento-toast-controller/install.ts","../../vue2/src/composables/use-bento-theme/install.ts","../../vue2/src/install.ts"],"sourcesContent":["import { type Ref, ref, shallowRef } from 'vue';\nimport * as z from 'zod';\nimport type { ZodSchema } from 'zod';\nimport { type allKeys, type ErrorBag, type UseForm } from './use-form.types';\n\n/**\n * Composable that tansforms a Zod schema into a Typed Schema that can be used alongside with {@see useForm}.\n *\n * This is meant to simulate the behavior of {@link @vee-validate/zod} {@see https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation}.\n * Function that transform Zod’s schemas into something that can be understood by vee-validate\n *\n * @deprecated For usage with Zod/v3. Migrate to Zod/v4 and use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.\n *\n * @param formSchema Zod schema to be transformed into a `vee-validate` schema\n * @returns Schema transformed\n */\nexport function toTypedSchema<T extends ZodSchema>(formSchema: T) {\n    return formSchema;\n}\n\n/**\n * Finds and returns the initial values of each of the values defined in the schema so that they\n * can be transformed into a reactive element.\n * @param schema Zod validation schema containing the definitions of each value to be used in the form\n * @returns Object with the items defined in the schema and their (default) values\n *\n * @example\n * const validationSchema = toTypedSchema(\n *      z.object({\n *          name: z\n *              .string()\n *              .min(3, { message: 'Name is required' })\n *              .startsWith('Jane')\n *              .max(4, { message: 'Name cannot be longer than 4 characters' })\n *              .default('Joe'),\n *      })\n * );\n * getInitialFormValues(validationSchema)\n *\n * Will return:\n *\n * {\n *      name: 'Joe'\n * }\n *\n */\nfunction getInitialFormValues<T extends ZodSchema>(schema: T): z.infer<typeof schema> {\n    if (!!z && schema instanceof z.ZodObject) {\n        return Object.fromEntries(\n            Object.entries(schema.shape).map(([key, value]) => {\n                if (!!z && value instanceof z.ZodDefault) {\n                    // eslint-disable-next-line no-underscore-dangle\n                    return [key, value._def.defaultValue()];\n                }\n\n                if (!!z && value instanceof z.ZodObject) {\n                    return [key, getInitialFormValues(value)];\n                }\n\n                return [key, undefined];\n            })\n        ) as z.infer<typeof schema>;\n    }\n\n    return undefined;\n}\n\n/**\n * Constructs a path with dot paths for arrays to use brackets to be compatible with vee-validate path syntax\n * @param issue List of nested path elements\n * @returns Path with dots\n */\nfunction normalizeFormPath(issue: z.ZodIssue) {\n    return issue.path.join('.');\n}\n\n/**\n * Composable that facilitates validating form data for Vue2 & Vue3 implementations with FormLayout\n * to ease the migration to Vue3.\n *\n * For Vue3 implementations use Vee-Validate.\n *\n * This provides a simplified version of Vee-Validate v4 implemented with Zod to validate a form schema.\n * It returns reactive values that can be used directly in form input elements with 'v-model' alongside\n * with functions to \"reset\" the data (sets values to default value) and a function to execute the\n * successful form validation process (through a callback).\n *\n * @deprecated For usage with Zod/v3. Migrate to Zod/v4 and use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.\n *\n * @param props Form configuration object\n * @param extends ZodSchema} props.validationSchema Zod typed validation schema\n * @returns response - Composable with reactive form values and errors, and functions to handle the reactive data\n * @returns response.errorBag Object with all the form values and an array of each one of the errors (if any) per value\n * @returns response.errors Object with all the form values and the first error found for that field (if any)\n * @returns response.values Object with all the form values and their current value\n * @returns response.handleReset Resets the form values to default (initial values) when it gets called\n * @returns response.submitForm Validates the data set in {response.values} and sets errors (if found) inside {response.errors} and {response.errorBag}.\n *                                                                   When the validation is successful it calls the callback so the submit process can continue\n *\n * @example\n * const validationSchema = toTypedSchema(\n *      z.object({\n *          name: z\n *              .string()\n *              .min(3, { message: 'Name is required' })\n *              .startsWith('Jane')\n *              .max(4, { message: 'Name cannot be longer than 4 characters' })\n *              .default('Joe'),\n *      })\n * );\n *\n * const { values, errors, errorBag, submitForm, handleReset } = useForm({\n *     validationSchema\n * });\n * const handleSubmit = submitForm(() => {\n *     // Send data to API here\n * })\n *\n */\nexport function useForm<T extends ZodSchema>({\n    validationSchema,\n}: UseForm<T>): {\n    errorBag: Ref<{\n        [P in allKeys<(typeof validationSchema)['_type']>]?: string[];\n    }>;\n    errors: Ref<{\n        [P in allKeys<(typeof validationSchema)['_type']>]?: string;\n    }>;\n    values: Ref<(typeof validationSchema)['_type']>;\n    handleReset: () => void;\n    submitForm: (submitted: any) => () => void;\n} {\n    // Errors per field\n    const errors = shallowRef<z.infer<typeof validationSchema>>({});\n    // All errors per field\n    const errorBag: Ref<ErrorBag<z.infer<typeof validationSchema>>> = ref({});\n    const values: Ref<z.TypeOf<T>> = ref(getInitialFormValues<T>(validationSchema));\n\n    const cleanErrors = () => {\n        errors.value = {};\n        errorBag.value = {};\n    };\n\n    const resetForm = () => {\n        cleanErrors();\n        values.value = getInitialFormValues<T>(validationSchema);\n    };\n\n    const submitForm = submitted => () => {\n        cleanErrors();\n\n        // Run validations on the form data through the schema\n        const validSchema = validationSchema.safeParse(values.value);\n\n        // Update errors\n        if (!validSchema.success) {\n            (validSchema as z.SafeParseError<T>).error.issues.forEach(error => {\n                const path = normalizeFormPath(error);\n\n                // Add the first ocurrance of a fild error to the \"errors\" object\n                if (!errors.value[path]) {\n                    errors.value[path] = error.message;\n                }\n\n                // Add each error to the \"errorBag\" per field array\n                if (!errorBag.value[path]) {\n                    errorBag.value[path] = [error.message];\n                } else {\n                    errorBag.value[path].push(error.message);\n                }\n            });\n        } else {\n            submitted(values.value);\n        }\n    };\n\n    return {\n        // Values\n        errorBag,\n        errors,\n        values,\n\n        // Methods\n        handleReset: () => resetForm(),\n        submitForm,\n    };\n}\n","import { type BentoTheme } from './install';\n\nexport const useBentoThemeKey = Symbol('use-bento-theme');\n\nexport interface UseBentoTheme {\n    getTheme: () => string;\n    setTheme: (theme: BentoTheme | `${BentoTheme}`) => void;\n}\n","import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\nimport { getCurrentInstance, inject } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport { type UseBentoTheme, useBentoThemeKey } from './use-bento-theme.types';\n\n/**\n * Composable that handles theming-related capabilities for the Bento component library.\n * Requires the use of `BentoPlugin`.\n *\n * @example\n * <script setup lang=\"ts\">\n *    import { useBentoTheme, BentoTheme } from '@adyen/bento-vue2';\n *\n *    const { setTheme } = useBentoTheme();\n *\n *    setTheme(BentoTheme.BENTO_DARK)\n * </script>\n *\n * @returns {UseBentoTheme} An object with getter and setter method for the Bento theme.\n * @returns {Function} getTheme - Returns the current theme in the string form of BentoTheme enum.\n * @returns {Function} setTheme - Sets the theme of the Bento component library.\n *\n */\nexport function useBentoTheme(): UseBentoTheme {\n    const bentoThemeController = isVue2\n        ? getCurrentInstance()?.proxy[useBentoThemeKey]\n        : inject(useBentoThemeKey, null);\n\n    if (!bentoThemeController) {\n        printDevelopmentWarning('useBentoTheme does not work without Vue.use(BentoPlugin)');\n\n        // Return placeholder functions so client code won't break, but theme won't toggle\n        return {\n            getTheme: () => undefined,\n            setTheme: () => undefined,\n        };\n    }\n\n    // Return a new object so unintentional reassigning its properties won't override a global state\n    return { ...bentoThemeController };\n}\n","import { type App, isVue2, type Vue2 } from 'vue-demi';\nimport { createToastStack, toastStackInjectionKey } from './toast-stack';\n\n/**\n * This function is used to create and register global reactive state necessary fro the Toasts to operate.\n * @param {Vue} Vue A context application to register global state with.\n */\nexport default Vue => {\n    if (isVue2) {\n        // Add toast stack as a global property as there is no \"app.provide\" functionality in Vue2\n        // eslint-disable-next-line no-param-reassign -- this is an official way of setting up instance properties on Vue\n        (Vue as typeof Vue2).prototype[toastStackInjectionKey] = createToastStack();\n    } else {\n        (Vue as App).provide(toastStackInjectionKey, createToastStack());\n    }\n};\n","import { type App, isVue2, type Vue2 } from 'vue-demi';\nimport { useBentoThemeKey } from './use-bento-theme.types';\n\nconst getTheme = () => document.body.className.match(/b-\\w+-theme/)?.[0] ?? '';\nconst getThemeForSystemPreference = () => {\n    const preferredDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n    if (preferredDarkMode) {\n        return BentoTheme.BENTO_DARK;\n    }\n\n    return BentoTheme.BENTO_LIGHT;\n};\n\nexport enum BentoTheme {\n    LEGACY = 'b-legacy-theme',\n    STYLEGUIDE = 'b-styleguide-theme',\n\n    /**\n     * @deprecated in favor of {@link BENTO_LIGHT}. To be removed in v2.0.0.\n     */\n    BENTO = '',\n\n    BENTO_LIGHT = 'b-light-theme',\n    BENTO_DARK = 'b-dark-theme',\n    BENTO_SYSTEM = 'b-system',\n}\n\nexport const setTheme = (theme: BentoTheme) => {\n    const currentTheme = getTheme();\n    const systemTheme = getThemeForSystemPreference();\n    const themeToSet = theme === BentoTheme.BENTO_SYSTEM ? systemTheme : theme;\n\n    if (themeToSet === BentoTheme.BENTO_LIGHT || themeToSet === BentoTheme.BENTO) {\n        document.documentElement.style.colorScheme = 'light';\n    } else if (themeToSet === BentoTheme.BENTO_DARK) {\n        document.documentElement.style.colorScheme = 'dark';\n    }\n\n    // if theme is different from current and it is not `BentoTheme.BENTO`\n    if (currentTheme.length && currentTheme !== themeToSet) {\n        document.body.classList.remove(currentTheme);\n    }\n\n    // if theme is not `BentoTheme.BENTO`\n    if (themeToSet.length) {\n        document.body.classList.add(themeToSet);\n    }\n};\n\n/**\n * This function is used to create and register global reactive state necessary for theme to operate.\n * @param {Vue} Vue A context application to register global state with.\n */\nexport default Vue => {\n    const themeProvider = {\n        getTheme,\n        setTheme,\n    };\n\n    if (isVue2) {\n        // Add theme  as a global property as there is no \"app.provide\" functionality in Vue2\n        // eslint-disable-next-line no-param-reassign -- this is an official way of setting up instance properties on Vue\n        (Vue as typeof Vue2).prototype[useBentoThemeKey] = themeProvider;\n    } else {\n        (Vue as App).provide(useBentoThemeKey, themeProvider);\n    }\n};\n","import type { PluginObject } from 'vue';\nimport installToast from './composables/use-bento-toast-controller/install';\nimport installTheme, { BentoTheme, setTheme } from './composables/use-bento-theme/install';\nimport { deprecate } from './utils/ts/deprecate';\n\ninterface BentoVuePlugin {\n    theme?: BentoTheme;\n    withToast?: boolean;\n    withUtilityClasses?: boolean;\n    withDesignTokensCSSInjection?: boolean;\n}\n\nconst plugin: PluginObject<BentoVuePlugin> = {\n    name: 'BentoVue',\n    install: async (\n        Vue,\n        {\n            theme = BentoTheme.BENTO_LIGHT,\n            withToast = false,\n            withUtilityClasses = false,\n            withDesignTokensCSSInjection = true,\n        }: BentoVuePlugin\n    ) => {\n        installTheme(Vue);\n\n        if (withToast) {\n            installToast(Vue);\n        }\n        if (withDesignTokensCSSInjection) {\n            deprecate(\n                'Using default setting withDesignTokensCSSInjection set to true in BentoVue plugin',\n                'Please disable CSS injection by setting withDesignTokensCSSInjection to false in BentoVue plugin options as highlighted here:\\nhttps://adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import-css-variables',\n                '2.0.0'\n            );\n            // Make sure to put all awaited CSS imports below this point and not above!\n            if (theme === BentoTheme.LEGACY) {\n                await import('@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css');\n            } else if (theme === BentoTheme.STYLEGUIDE) {\n                await import('@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css');\n            } else {\n                await import('@adyen/bento-design-tokens/dist/css/bento/variables.css');\n            }\n\n            if (withUtilityClasses) {\n                await import('@adyen/bento-design-tokens/dist/css/bento/utility.css');\n            }\n        }\n\n        if (theme === BentoTheme.LEGACY) {\n            setTheme(BentoTheme.LEGACY);\n        } else if (theme === BentoTheme.STYLEGUIDE) {\n            setTheme(BentoTheme.STYLEGUIDE);\n        } else if (theme === BentoTheme.BENTO_SYSTEM) {\n            setTheme(BentoTheme.BENTO_SYSTEM);\n        } else if (theme === BentoTheme.BENTO_DARK) {\n            setTheme(BentoTheme.BENTO_DARK);\n        } else if (theme === BentoTheme.BENTO) {\n            deprecate('Using `BentoTheme.BENTO`', 'Please use `BentoTheme.BENTO_LIGHT` instead', '2.0.0');\n            setTheme(BentoTheme.BENTO_LIGHT);\n        } else {\n            setTheme(BentoTheme.BENTO_LIGHT);\n        }\n    },\n};\n\nexport { BentoTheme };\nexport default plugin;\n"],"names":["toTypedSchema","formSchema","getInitialFormValues","schema","z","key","value","normalizeFormPath","issue","useForm","validationSchema","errors","shallowRef","errorBag","ref","values","cleanErrors","resetForm","validSchema","submitted","error","path","useBentoThemeKey","useBentoTheme","bentoThemeController","inject","printDevelopmentWarning","installToast","Vue","toastStackInjectionKey","createToastStack","getTheme","_a","getThemeForSystemPreference","BentoTheme","setTheme","theme","currentTheme","systemTheme","themeToSet","installTheme","themeProvider","plugin","withToast","withUtilityClasses","withDesignTokensCSSInjection","deprecate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,SAASA,EAAmCC,GAAe;AACvD,SAAAA;AACX;AA4BA,SAASC,EAA0CC,GAAmC;AAClF,MAAMC,KAAKD,aAAkBC,EAAE;AAC3B,WAAO,OAAO;AAAA,MACV,OAAO,QAAQD,EAAO,KAAK,EAAE,IAAI,CAAC,CAACE,GAAKC,CAAK,MACnCF,KAAKE,aAAiBF,EAAE,aAEnB,CAACC,GAAKC,EAAM,KAAK,cAAc,IAGpCF,KAAKE,aAAiBF,EAAE,YACnB,CAACC,GAAKH,EAAqBI,CAAK,CAAC,IAGrC,CAACD,GAAK,MAAS,CACzB;AAAA,IACL;AAIR;AAOA,SAASE,EAAkBC,GAAmB;AACnC,SAAAA,EAAM,KAAK,KAAK,GAAG;AAC9B;AA6CO,SAASC,EAA6B;AAAA,EACzC,kBAAAC;AACJ,GAUE;AAEQ,QAAAC,IAASC,EAA6C,EAAE,GAExDC,IAA4DC,EAAI,EAAE,GAClEC,IAA2BD,EAAIZ,EAAwBQ,CAAgB,CAAC,GAExEM,IAAc,MAAM;AACtB,IAAAL,EAAO,QAAQ,CAAC,GAChBE,EAAS,QAAQ,CAAC;AAAA,EACtB,GAEMI,IAAY,MAAM;AACR,IAAAD,EAAA,GACLD,EAAA,QAAQb,EAAwBQ,CAAgB;AAAA,EAC3D;AA8BO,SAAA;AAAA;AAAA,IAEH,UAAAG;AAAA,IACA,QAAAF;AAAA,IACA,QAAAI;AAAA;AAAA,IAGA,aAAa,MAAME,EAAU;AAAA,IAC7B,YApCe,OAAa,MAAM;AACtB,MAAAD,EAAA;AAGZ,YAAME,IAAcR,EAAiB,UAAUK,EAAO,KAAK;AAGvD,MAACG,EAAY,UAiBbC,EAAUJ,EAAO,KAAK,IAhBrBG,EAAoC,MAAM,OAAO,QAAQ,CAASE,MAAA;AACzD,cAAAC,IAAOd,EAAkBa,CAAK;AAGpC,QAAKT,EAAO,MAAMU,CAAI,MACXV,EAAA,MAAMU,CAAI,IAAID,EAAM,UAI1BP,EAAS,MAAMQ,CAAI,IAGpBR,EAAS,MAAMQ,CAAI,EAAE,KAAKD,EAAM,OAAO,IAFvCP,EAAS,MAAMQ,CAAI,IAAI,CAACD,EAAM,OAAO;AAAA,MAGzC,CACH;AAAA,IAIT;AAAA,EAWA;AACJ;ACxLa,MAAAE,IAAmB,OAAO,iBAAiB;ACqBjD,SAASC,IAA+B;AACrC,QAAAC,IAEAC,EAAOH,GAAkB,IAAI;AAEnC,SAAKE,IAWE,EAAE,GAAGA,EAAqB,KAV7BE,EAAwB,0DAA0D,GAG3E;AAAA,IACH,UAAU,MAAA;AAAA;AAAA,IACV,UAAU,MAAM;AAAA;AAAA,EACpB;AAKR;ACjCA,MAAeC,IAAA,CAAOC,MAAA;AAMb,EAAAA,EAAY,QAAQC,GAAwBC,GAAkB;AAEvE,GCZMC,IAAW,MAAA;;AAAM,WAAAC,IAAA,SAAS,KAAK,UAAU,MAAM,aAAa,MAA3C,gBAAAA,EAA+C,OAAM;AAAA,GACtEC,IAA8B,MACN,OAAO,WAAW,8BAA8B,EAAE,UAGjE,iBAGJ;AAGC,IAAAC,sBAAAA,OACRA,EAAA,SAAS,kBACTA,EAAA,aAAa,sBAKbA,EAAA,QAAQ,IAERA,EAAA,cAAc,iBACdA,EAAA,aAAa,gBACbA,EAAA,eAAe,YAXPA,IAAAA,KAAA,CAAA,CAAA;AAcC,MAAAC,IAAW,CAACC,MAAsB;AAC3C,QAAMC,IAAeN,EAAS,GACxBO,IAAcL,EAA4B,GAC1CM,IAAaH,MAAU,aAA0BE,IAAcF;AAEjE,EAAAG,MAAe,mBAA0BA,MAAe,KAC/C,SAAA,gBAAgB,MAAM,cAAc,UACtCA,MAAe,mBACb,SAAA,gBAAgB,MAAM,cAAc,SAI7CF,EAAa,UAAUA,MAAiBE,KAC/B,SAAA,KAAK,UAAU,OAAOF,CAAY,GAI3CE,EAAW,UACF,SAAA,KAAK,UAAU,IAAIA,CAAU;AAE9C,GAMeC,IAAA,CAAOZ,MAAA;AAClB,QAAMa,IAAgB;AAAA,IAClB,UAAAV;AAAA,IACA,UAAAI;AAAA,EACJ;AAOK,EAAAP,EAAY,QAAQN,GAAkBmB,CAAa;AAE5D,GCvDMC,IAAuC;AAAA,EACzC,MAAM;AAAA,EACN,SAAS,OACLd,GACA;AAAA,IACI,OAAAQ,IAAQF,EAAW;AAAA,IACnB,WAAAS,IAAY;AAAA,IACZ,oBAAAC,IAAqB;AAAA,IACrB,8BAAAC,IAA+B;AAAA,EAAA,MAElC;AACD,IAAAL,EAAaZ,CAAG,GAEZe,KACAhB,EAAaC,CAAG,GAEhBiB,MACAC;AAAA,MACI;AAAA,MACA;AAAA;AAAA,MACA;AAAA,IACJ,GAEIV,MAAUF,EAAW,SACrB,MAAM,OAAO,gEAAgE,IACtEE,MAAUF,EAAW,aAC5B,MAAM,OAAO,oEAAoE,IAEjF,MAAM,OAAO,yDAAyD,GAGtEU,KACA,MAAM,OAAO,uDAAuD,IAIxER,MAAUF,EAAW,SACrBC,EAASD,EAAW,MAAM,IACnBE,MAAUF,EAAW,aAC5BC,EAASD,EAAW,UAAU,IACvBE,MAAUF,EAAW,eAC5BC,EAASD,EAAW,YAAY,IACzBE,MAAUF,EAAW,aAC5BC,EAASD,EAAW,UAAU,KACvBE,MAAUF,EAAW,SAClBY,EAAA,4BAA4B,+CAA+C,OAAO,GAC5FX,EAASD,EAAW,WAAW;AAAA,EAGnC;AAER;"}
+{"version":3,"file":"index.js","sources":["../../vue2/src/composables/use-form-validate/use-form.ts","../../vue2/src/composables/use-bento-theme/use-bento-theme.types.ts","../../vue2/src/composables/use-bento-theme/use-bento-theme.ts","../../vue2/src/composables/use-bento-toast-controller/install.ts","../../vue2/src/composables/use-bento-theme/install.ts","../../vue2/src/install.ts"],"sourcesContent":["import { type Ref, ref, shallowRef } from 'vue';\nimport * as z from 'zod';\nimport type { ZodSchema } from 'zod';\nimport { type allKeys, type ErrorBag, type UseForm } from './use-form.types';\n\n/**\n * Composable that tansforms a Zod schema into a Typed Schema that can be used alongside with {@see useForm}.\n *\n * This is meant to simulate the behavior of {@link @vee-validate/zod} {@see https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation}.\n * Function that transform Zod’s schemas into something that can be understood by vee-validate\n *\n * @deprecated For usage with Zod/v3. Migrate to Zod/v4 and use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.\n *\n * @param formSchema Zod schema to be transformed into a `vee-validate` schema\n * @returns Schema transformed\n */\nexport function toTypedSchema<T extends ZodSchema>(formSchema: T) {\n    return formSchema;\n}\n\n/**\n * Finds and returns the initial values of each of the values defined in the schema so that they\n * can be transformed into a reactive element.\n * @param schema Zod validation schema containing the definitions of each value to be used in the form\n * @returns Object with the items defined in the schema and their (default) values\n *\n * @example\n * const validationSchema = toTypedSchema(\n *      z.object({\n *          name: z\n *              .string()\n *              .min(3, { message: 'Name is required' })\n *              .startsWith('Jane')\n *              .max(4, { message: 'Name cannot be longer than 4 characters' })\n *              .default('Joe'),\n *      })\n * );\n * getInitialFormValues(validationSchema)\n *\n * Will return:\n *\n * {\n *      name: 'Joe'\n * }\n *\n */\nfunction getInitialFormValues<T extends ZodSchema>(schema: T): z.infer<typeof schema> {\n    if (!!z && schema instanceof z.ZodObject) {\n        return Object.fromEntries(\n            Object.entries(schema.shape).map(([key, value]) => {\n                if (!!z && value instanceof z.ZodDefault) {\n                    // eslint-disable-next-line no-underscore-dangle\n                    return [key, value._def.defaultValue()];\n                }\n\n                if (!!z && value instanceof z.ZodObject) {\n                    return [key, getInitialFormValues(value)];\n                }\n\n                return [key, undefined];\n            })\n        ) as z.infer<typeof schema>;\n    }\n\n    return undefined;\n}\n\n/**\n * Constructs a path with dot paths for arrays to use brackets to be compatible with vee-validate path syntax\n * @param issue List of nested path elements\n * @returns Path with dots\n */\nfunction normalizeFormPath(issue: z.ZodIssue) {\n    return issue.path.join('.');\n}\n\n/**\n * Composable that facilitates validating form data for Vue2 & Vue3 implementations with FormLayout\n * to ease the migration to Vue3.\n *\n * For Vue3 implementations use Vee-Validate.\n *\n * This provides a simplified version of Vee-Validate v4 implemented with Zod to validate a form schema.\n * It returns reactive values that can be used directly in form input elements with 'v-model' alongside\n * with functions to \"reset\" the data (sets values to default value) and a function to execute the\n * successful form validation process (through a callback).\n *\n * @deprecated For usage with Zod/v3. Migrate to Zod/v4 and use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.\n *\n * @param props Form configuration object\n * @param extends ZodSchema} props.validationSchema Zod typed validation schema\n * @returns response - Composable with reactive form values and errors, and functions to handle the reactive data\n * @returns response.errorBag Object with all the form values and an array of each one of the errors (if any) per value\n * @returns response.errors Object with all the form values and the first error found for that field (if any)\n * @returns response.values Object with all the form values and their current value\n * @returns response.handleReset Resets the form values to default (initial values) when it gets called\n * @returns response.submitForm Validates the data set in {response.values} and sets errors (if found) inside {response.errors} and {response.errorBag}.\n *                                                                   When the validation is successful it calls the callback so the submit process can continue\n *\n * @example\n * const validationSchema = toTypedSchema(\n *      z.object({\n *          name: z\n *              .string()\n *              .min(3, { message: 'Name is required' })\n *              .startsWith('Jane')\n *              .max(4, { message: 'Name cannot be longer than 4 characters' })\n *              .default('Joe'),\n *      })\n * );\n *\n * const { values, errors, errorBag, submitForm, handleReset } = useForm({\n *     validationSchema\n * });\n * const handleSubmit = submitForm(() => {\n *     // Send data to API here\n * })\n *\n */\nexport function useForm<T extends ZodSchema>({\n    validationSchema,\n}: UseForm<T>): {\n    errorBag: Ref<{\n        [P in allKeys<(typeof validationSchema)['_type']>]?: string[];\n    }>;\n    errors: Ref<{\n        [P in allKeys<(typeof validationSchema)['_type']>]?: string;\n    }>;\n    values: Ref<(typeof validationSchema)['_type']>;\n    handleReset: () => void;\n    submitForm: (submitted: any) => () => void;\n} {\n    // Errors per field\n    const errors = shallowRef<z.infer<typeof validationSchema>>({});\n    // All errors per field\n    const errorBag: Ref<ErrorBag<z.infer<typeof validationSchema>>> = ref({});\n    const values: Ref<z.TypeOf<T>> = ref(getInitialFormValues<T>(validationSchema));\n\n    const cleanErrors = () => {\n        errors.value = {};\n        errorBag.value = {};\n    };\n\n    const resetForm = () => {\n        cleanErrors();\n        values.value = getInitialFormValues<T>(validationSchema);\n    };\n\n    const submitForm = submitted => () => {\n        cleanErrors();\n\n        // Run validations on the form data through the schema\n        const validSchema = validationSchema.safeParse(values.value);\n\n        // Update errors\n        if (!validSchema.success) {\n            (validSchema as z.SafeParseError<T>).error.issues.forEach(error => {\n                const path = normalizeFormPath(error);\n\n                // Add the first ocurrance of a fild error to the \"errors\" object\n                if (!errors.value[path]) {\n                    errors.value[path] = error.message;\n                }\n\n                // Add each error to the \"errorBag\" per field array\n                if (!errorBag.value[path]) {\n                    errorBag.value[path] = [error.message];\n                } else {\n                    errorBag.value[path].push(error.message);\n                }\n            });\n        } else {\n            submitted(values.value);\n        }\n    };\n\n    return {\n        // Values\n        errorBag,\n        errors,\n        values,\n\n        // Methods\n        handleReset: () => resetForm(),\n        submitForm,\n    };\n}\n","import { type BentoTheme } from './install';\n\nexport const useBentoThemeKey = Symbol('use-bento-theme');\n\nexport interface UseBentoTheme {\n    getTheme: () => string;\n    setTheme: (theme: BentoTheme | `${BentoTheme}`) => void;\n}\n","import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\nimport { getCurrentInstance, inject } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport { type UseBentoTheme, useBentoThemeKey } from './use-bento-theme.types';\n\n/**\n * Composable that handles theming-related capabilities for the Bento component library.\n * Requires the use of `BentoPlugin`.\n *\n * @example\n * <script setup lang=\"ts\">\n *    import { useBentoTheme, BentoTheme } from '@adyen/bento-vue2';\n *\n *    const { setTheme } = useBentoTheme();\n *\n *    setTheme(BentoTheme.BENTO_DARK)\n * </script>\n *\n * @returns {UseBentoTheme} An object with getter and setter method for the Bento theme.\n * @returns {Function} getTheme - Returns the current theme in the string form of BentoTheme enum.\n * @returns {Function} setTheme - Sets the theme of the Bento component library.\n *\n */\nexport function useBentoTheme(): UseBentoTheme {\n    const bentoThemeController = isVue2\n        ? getCurrentInstance()?.proxy[useBentoThemeKey]\n        : inject(useBentoThemeKey, null);\n\n    if (!bentoThemeController) {\n        printDevelopmentWarning('useBentoTheme does not work without Vue.use(BentoPlugin)');\n\n        // Return placeholder functions so client code won't break, but theme won't toggle\n        return {\n            getTheme: () => undefined,\n            setTheme: () => undefined,\n        };\n    }\n\n    // Return a new object so unintentional reassigning its properties won't override a global state\n    return { ...bentoThemeController };\n}\n","import { type App, isVue2, type Vue2 } from 'vue-demi';\nimport { createToastStack, toastStackInjectionKey } from './toast-stack';\n\n/**\n * This function is used to create and register global reactive state necessary fro the Toasts to operate.\n * @param {Vue} Vue A context application to register global state with.\n */\nexport default Vue => {\n    if (isVue2) {\n        // Add toast stack as a global property as there is no \"app.provide\" functionality in Vue2\n        // eslint-disable-next-line no-param-reassign -- this is an official way of setting up instance properties on Vue\n        (Vue as typeof Vue2).prototype[toastStackInjectionKey] = createToastStack();\n    } else {\n        (Vue as App).provide(toastStackInjectionKey, createToastStack());\n    }\n};\n","import { type App, isVue2, type Vue2 } from 'vue-demi';\nimport { useBentoThemeKey } from './use-bento-theme.types';\n\nconst getTheme = () => document.body.className.match(/b-\\w+-theme/)?.[0] ?? '';\nconst getThemeForSystemPreference = () => {\n    const preferredDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n    if (preferredDarkMode) {\n        return BentoTheme.BENTO_DARK;\n    }\n\n    return BentoTheme.BENTO_LIGHT;\n};\n\nexport enum BentoTheme {\n    /**\n     * @deprecated in favor of {@link BENTO_LIGHT}. To be removed in v2.0.0.\n     */\n    LEGACY = 'b-legacy-theme',\n    STYLEGUIDE = 'b-styleguide-theme',\n\n    /**\n     * @deprecated in favor of {@link BENTO_LIGHT}. To be removed in v2.0.0.\n     */\n    BENTO = '',\n\n    BENTO_LIGHT = 'b-light-theme',\n    BENTO_DARK = 'b-dark-theme',\n    BENTO_SYSTEM = 'b-system',\n}\n\nexport const setTheme = (theme: BentoTheme) => {\n    const currentTheme = getTheme();\n    const systemTheme = getThemeForSystemPreference();\n    const themeToSet = theme === BentoTheme.BENTO_SYSTEM ? systemTheme : theme;\n\n    if (themeToSet === BentoTheme.BENTO_LIGHT || themeToSet === BentoTheme.BENTO) {\n        document.documentElement.style.colorScheme = 'light';\n    } else if (themeToSet === BentoTheme.BENTO_DARK) {\n        document.documentElement.style.colorScheme = 'dark';\n    }\n\n    // if theme is different from current and it is not `BentoTheme.BENTO`\n    if (currentTheme.length && currentTheme !== themeToSet) {\n        document.body.classList.remove(currentTheme);\n    }\n\n    // if theme is not `BentoTheme.BENTO`\n    if (themeToSet.length) {\n        document.body.classList.add(themeToSet);\n    }\n};\n\n/**\n * This function is used to create and register global reactive state necessary for theme to operate.\n * @param {Vue} Vue A context application to register global state with.\n */\nexport default Vue => {\n    const themeProvider = {\n        getTheme,\n        setTheme,\n    };\n\n    if (isVue2) {\n        // Add theme  as a global property as there is no \"app.provide\" functionality in Vue2\n        // eslint-disable-next-line no-param-reassign -- this is an official way of setting up instance properties on Vue\n        (Vue as typeof Vue2).prototype[useBentoThemeKey] = themeProvider;\n    } else {\n        (Vue as App).provide(useBentoThemeKey, themeProvider);\n    }\n};\n","import type { PluginObject } from 'vue';\nimport installToast from './composables/use-bento-toast-controller/install';\nimport installTheme, { BentoTheme, setTheme } from './composables/use-bento-theme/install';\nimport { deprecate } from './utils/ts/deprecate';\n\ninterface BentoVuePlugin {\n    theme?: BentoTheme;\n    withToast?: boolean;\n    withUtilityClasses?: boolean;\n    withDesignTokensCSSInjection?: boolean;\n}\n\nconst plugin: PluginObject<BentoVuePlugin> = {\n    name: 'BentoVue',\n    install: async (\n        Vue,\n        {\n            theme = BentoTheme.BENTO_LIGHT,\n            withToast = false,\n            withUtilityClasses = false,\n            withDesignTokensCSSInjection = true,\n        }: BentoVuePlugin\n    ) => {\n        installTheme(Vue);\n\n        if (withToast) {\n            installToast(Vue);\n        }\n        if (withDesignTokensCSSInjection) {\n            deprecate(\n                'Using default setting withDesignTokensCSSInjection set to true in BentoVue plugin',\n                'Please disable CSS injection by setting withDesignTokensCSSInjection to false in BentoVue plugin options as highlighted here:\\nhttps://adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import-css-variables',\n                '2.0.0'\n            );\n            // Make sure to put all awaited CSS imports below this point and not above!\n            if (theme === BentoTheme.STYLEGUIDE) {\n                await import('@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css');\n            } else {\n                await import('@adyen/bento-design-tokens/dist/css/bento/variables.css');\n            }\n\n            if (withUtilityClasses) {\n                await import('@adyen/bento-design-tokens/dist/css/bento/utility.css');\n            }\n        }\n\n        if (theme === BentoTheme.STYLEGUIDE) {\n            setTheme(BentoTheme.STYLEGUIDE);\n        } else if (theme === BentoTheme.BENTO_SYSTEM) {\n            setTheme(BentoTheme.BENTO_SYSTEM);\n        } else if (theme === BentoTheme.BENTO_DARK) {\n            setTheme(BentoTheme.BENTO_DARK);\n        } else if (theme === BentoTheme.BENTO) {\n            deprecate('Using `BentoTheme.BENTO`', 'Please use `BentoTheme.BENTO_LIGHT` instead', '2.0.0');\n            setTheme(BentoTheme.BENTO_LIGHT);\n        } else {\n            setTheme(BentoTheme.BENTO_LIGHT);\n        }\n    },\n};\n\nexport { BentoTheme };\nexport default plugin;\n"],"names":["toTypedSchema","formSchema","getInitialFormValues","schema","z","key","value","normalizeFormPath","issue","useForm","validationSchema","errors","shallowRef","errorBag","ref","values","cleanErrors","resetForm","validSchema","submitted","error","path","useBentoThemeKey","useBentoTheme","bentoThemeController","inject","printDevelopmentWarning","installToast","Vue","toastStackInjectionKey","createToastStack","getTheme","_a","getThemeForSystemPreference","BentoTheme","setTheme","theme","currentTheme","systemTheme","themeToSet","installTheme","themeProvider","plugin","withToast","withUtilityClasses","withDesignTokensCSSInjection","deprecate"],"mappings":"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"}

package/dist/info-icon.js

@@ -1,4 +1,4 @@
-import { B as e } from "./chunks/info-icon.DKnzFXy1.js";
+import { B as e } from "./chunks/info-icon.Bl0iKUfC.js";
 export {
   e as BentoInfoIcon
 };

package/dist/input-field-password.js

@@ -1,4 +1,4 @@
-import { i as a, m as s, r as i, b as c, c as u, a as o } from "./chunks/input-field-password.DC8lJFsr.js";
+import { i as a, m as s, r as i, b as c, c as u, a as o } from "./chunks/input-field-password.DkIWrrxy.js";
 export {
   a as BentoInputFieldPassword,
   s as minLength,

package/dist/input-field-phone-number.js

@@ -1,4 +1,4 @@
-import { i as o, B as t } from "./chunks/input-field-phone-number.BbMEzDiR.js";
+import { i as o, B as t } from "./chunks/input-field-phone-number.EXlRu8qq.js";
 export {
   o as BentoInputFieldPhoneNumber,
   t as BentoInputFieldPhoneNumberCountries

package/dist/input-field.js

@@ -1,4 +1,4 @@
-import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.6bH4yGb2.js";
+import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.CgbiOju9.js";
 export {
   n as BentoInputField,
   a as BentoInputFieldElementPosition,

package/dist/inspector.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/inspector.Bsv68G-e.js";
+import { B as t } from "./chunks/inspector.BGtTMtE0.js";
 import { B as n } from "./chunks/inspector.types.DyHwE18g.js";
 export {
   t as BentoInspector,

package/dist/internal.js

@@ -1,16 +1,16 @@
-import { a as e, b as t, C as r, c as s, d as i } from "./chunks/calendar.CYrrR8wd.js";
-import { C as p, a as l } from "./chunks/copy.-8xjj6Hr.js";
-import { C as I } from "./chunks/controls-group.2xftPPd7.js";
-import { B as x, b as E, a as f, D as m } from "./chunks/dialog-page.BJaRwRhF.js";
-import { E as d, F as N } from "./chunks/error-message.Cu4cIfdg.js";
-import { F as O } from "./chunks/fixed-scroller.QlDKOD7y.js";
+import { a as e, b as t, C as r, c as s, d as i } from "./chunks/calendar.DFHiga9k.js";
+import { C as p, a as l } from "./chunks/copy.C4DAAiPw.js";
+import { C as I } from "./chunks/controls-group.CXVHTaYp.js";
+import { B as x, b as E, a as f, D as m } from "./chunks/dialog-page.VSJgHY3C.js";
+import { E as d, F as N } from "./chunks/error-message.B1P5ictH.js";
+import { F as O } from "./chunks/fixed-scroller.DSGxXiAH.js";
 import { G as B, a as A } from "./chunks/grid-layout.DDaRNz4-.js";
-import { H as P, I as c } from "./chunks/header-meta.BJGF0E3r.js";
-import { b as g, c as y, u as D } from "./chunks/use-cached-selected-values.BcNRo4mZ.js";
-import { L as S } from "./chunks/listbox-option-tag.C6WHiASI.js";
-import { e as W, d as h } from "./chunks/toggle-button.ByyLw0Yf.js";
-import { B as H, a as J, T as K } from "./chunks/tooltip.Dww8NiUR.js";
-import { B as Y } from "./chunks/button-actions-with-menu.zdsGh7un.js";
+import { H as P, I as c } from "./chunks/header-meta.Ct79L1O8.js";
+import { b as g, c as y, u as D } from "./chunks/use-cached-selected-values.CELe-MsT.js";
+import { L as S } from "./chunks/listbox-option-tag.CDIkX7nh.js";
+import { e as W, d as h } from "./chunks/toggle-button.CQl9HneO.js";
+import { B as H, a as J, T as K } from "./chunks/tooltip.lBnko9QV.js";
+import { B as Y } from "./chunks/button-actions-with-menu.CBuoSd3w.js";
 export {
   W as BUTTON_ACTIONS_WITH_MENU_CONTAINER_INJECTION_KEY,
   x as BentoDialogPageAnimation,

package/dist/layout.js

@@ -1,4 +1,4 @@
-import { l as t, a as e } from "./chunks/layout-row.CIg1pwOd.js";
+import { l as t, a as e } from "./chunks/layout-row.BPfOPn4x.js";
 export {
   t as BentoLayout,
   e as BentoLayoutRow

package/dist/link.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/link.Di0rtpOj.js";
+import { B as o, a as t } from "./chunks/link.cwPmWlsk.js";
 export {
   o as BentoLink,
   t as BentoLinkVariant

package/dist/loading-indicator.js

@@ -1,4 +1,4 @@
-import { B as n, a as t } from "./chunks/loading-indicator.BmAQqPP2.js";
+import { B as n, a as t } from "./chunks/loading-indicator.VHi5tbZa.js";
 export {
   n as BentoLoadingIndicator,
   t as BentoLoadingIndicatorEvent

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { f as o, g as t } from "./chunks/toggle-button.ByyLw0Yf.js";
+import { f as o, g as t } from "./chunks/toggle-button.CQl9HneO.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent

package/dist/modal-fullscreen.js

@@ -1,4 +1,4 @@
-import { m as o, B as a } from "./chunks/modal-fullscreen.BHzyS4y7.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen.-Q-7GMyT.js";
 export {
   o as BentoModalFullscreen,
   a as BentoModalFullscreenPage