@adyen/bento-vue3 1.43.0 → 1.45.0

package/dist/index.js

@@ -1,86 +1,85 @@
-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.C2wUDcoc.js";
-import { u as A } from "./chunks/use-bento-toast-controller.C2wUDcoc.js";
-import { p as b, d as u } from "./chunks/typography.DNzU41ah.js";
-import { B as R, c as _, b as j, a as Y } from "./chunks/typography.DNzU41ah.js";
-import { B as z } from "./chunks/action-bar.COQrEUYU.js";
-import { a as H, b as q } from "./chunks/accordion-item.BOftQTUm.js";
-import { B as Z, c as J, b as Q, a as X } from "./chunks/alert.B9V6kUmo.js";
-import { B as ee } from "./chunks/avatar.DqdDHXay.js";
-import { B as oe, b as ae, a as ne } from "./chunks/button.pwNCxwPu.js";
-import { c as se, B as Be, a as ie } from "./chunks/card.D_XL2TWr.js";
-import { d as pe } from "./chunks/dashed-underline.BKfUevuM.js";
-import { B as de, d as ue, a as ce, f as fe, e as xe, c as Se, b as Te } from "./chunks/data-grid.DgPWs1hH.js";
-import { B as ye, a as he } from "./chunks/date-picker.DDsfecHp.js";
-import { B as Ee, a as Ce } from "./chunks/date-range-picker.DjPmRy0E.js";
-import { B as ve, u as Ie } from "./chunks/dropdown.DpjMobyf.js";
-import { B as Pe } from "./chunks/dropdown-default-textbox.CcRQ1f4U.js";
-import { B as Ge } from "./chunks/divider.ugNXYI-T.js";
-import { B as ke, a as we } from "./chunks/checkbox.L94hTcPY.js";
+import { shallowRef as T, ref as l, inject as g } from "vue";
+import { t as y, c as h } from "./chunks/use-bento-toast-controller.D3LA1FCd.js";
+import { u as A } from "./chunks/use-bento-toast-controller.D3LA1FCd.js";
+import { p as b, d as u } from "./chunks/typography.DN5eC5ch.js";
+import { B as R, c as _, b as j, a as Y } from "./chunks/typography.DN5eC5ch.js";
+import { B as z } from "./chunks/action-bar.CmDQZkM2.js";
+import { a as H, b as q } from "./chunks/accordion-item.DfOb4Pyx.js";
+import { B as Z, c as J, b as Q, a as X } from "./chunks/alert.D1Ax6AnI.js";
+import { B as ee } from "./chunks/avatar.B0-9jC6H.js";
+import { B as oe, b as ae, a as ne } from "./chunks/button.Cneb6rPP.js";
+import { c as se, B as Be, a as ie } from "./chunks/card.rkMUtirc.js";
+import { d as pe } from "./chunks/dashed-underline.DYVSwQtH.js";
+import { B as le, d as ue, a as ce, f as fe, e as xe, c as Se, b as Te } from "./chunks/data-grid.DVc9qzLU.js";
+import { B as ye, a as he } from "./chunks/date-picker.Bt4fyPQ4.js";
+import { B as Ee, a as Ce } from "./chunks/date-range-picker.Bna_2pBL.js";
+import { B as ve, u as Ie } from "./chunks/dropdown.CZDXXpKe.js";
+import { B as Pe } from "./chunks/dropdown-default-textbox.ipIFhyWZ.js";
+import { B as Ge } from "./chunks/divider.DwBC4bpr.js";
+import { B as ke, a as we } from "./chunks/checkbox.D9FJcICR.js";
 import { B as Ve } from "./chunks/click-outside.DSszkIvs.js";
-import { c as Ne, b as Re, a as _e, B as je } from "./chunks/code-snippet.DbUGxmYi.js";
-import { c as Ue } from "./chunks/country.DEQhE7oa.js";
-import { a as Ke, B as He, u as qe, b as We, c as Ze } from "./chunks/country.types.Br0AjxGy.js";
-import { c as Qe, B as Xe } from "./chunks/currency.Dz2x17_Q.js";
-import { B as et, a as tt } from "./chunks/date.DVGj7WKQ.js";
-import { B as at, b as nt, c as rt, a as st } from "./chunks/empty-state.CpXSj1aU.js";
-import { f as it } from "./chunks/file-uploader.cRbwpcAw.js";
-import { B as pt, b as lt, a as dt, c as ut } from "./chunks/filter-bar.BwJTrH5U.js";
-import { f as ft, a as xt, c as St, b as Tt } from "./chunks/form-layout-title.BqNDCnLk.js";
-import { _ as yt, B as ht, a as bt } from "./chunks/image.vue_vue_type_script_setup_true_lang.BMoSMeM-.js";
-import { B as Ct } from "./chunks/info-icon.CUC0fwLb.js";
-import { B as vt, b as It, e as Lt, c as Pt, d as Ft, a as Gt } from "./chunks/input-field.BQKEQIZd.js";
-import { i as kt, m as wt, r as Mt, b as Vt, c as At, a as Nt } from "./chunks/input-field-password.DxNS4MmO.js";
-import { i as _t, B as jt } from "./chunks/inspector.types.DcdY_5cC.js";
-import { l as Ut, a as zt } from "./chunks/layout-row.DcyZ3DP3.js";
-import { B as Ht, a as qt } from "./chunks/loading-indicator.N_WV9Gwz.js";
-import { B as Zt, a as Jt } from "./chunks/link.D7wA0jkY.js";
-import { B as Xt, a as $t } from "./chunks/menu.BpqOdkxR.js";
-import { d as to, f as oo, g as ao, B as no, e as ro, c as so, a as Bo, b as io } from "./chunks/base-modal.ku0lyHOs.js";
-import { m as po, B as lo } from "./chunks/modal-fullscreen.DtgTb1Xh.js";
-import { B as co } from "./chunks/header.C0NBlBJv.js";
-import { B as xo } from "./chunks/pagination.C34l_EYf.js";
-import { B as To } from "./chunks/payment-method.Lwl-3chY.js";
-import { B as yo } from "./chunks/payment-method.types.CJKfZQN5.js";
-import { B as bo, a as Eo } from "./chunks/popover.D9Zw4w9l.js";
-import { p as Do, B as vo, a as Io } from "./chunks/promo-banner.CzR9ri5v.js";
-import { b as Po, B as Fo, a as Go } from "./chunks/radio-group.DIyCKfOQ.js";
-import { B as ko, b as wo, a as Mo } from "./chunks/search-bar.Dy0dBek2.js";
-import { s as Ao } from "./chunks/secondary-nav.DYFnrUIK.js";
-import { B as Ro } from "./chunks/segmented-control.B5H5Wiyz.js";
-import { B as jo } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { B as Uo, s as zo, a as Ko } from "./chunks/selection-card-group.BY8o4PYF.js";
-import { a as qo, B as Wo, s as Zo } from "./chunks/sidepanel.BywianGe.js";
-import { s as Qo, B as Xo } from "./chunks/status.types.Bh_mGknA.js";
-import { a as ea, s as ta, B as oa, b as aa } from "./chunks/step.Db0UJ8mx.js";
-import { B as ra, a as sa } from "./chunks/structured-list-item.C_6ju-IY.js";
-import { s as ia, a as ma, e as pa, b as la, c as da, B as ua, d as ca, f as fa } from "./chunks/summary-grid-item-custom.FxBnzHzb.js";
-import { B as Sa, a as Ta } from "./chunks/tabs.B3DGxpmI.js";
-import { B as ya, a as ha } from "./chunks/tag.xvqrfTwk.js";
-import { B as Ea } from "./chunks/textarea.vAp6HFi9.js";
-import { t as Da, b as va, a as Ia, c as La, B as Pa, d as Fa } from "./chunks/timeline-item.ND_EMuwP.js";
-import { t as Oa } from "./chunks/toast.D8AYOorS.js";
-import { B as wa, b as Ma, a as Va } from "./chunks/toggle.Bme9eaeR.js";
+import { c as Ne, b as Re, a as _e, B as je } from "./chunks/code-snippet.volJxGqR.js";
+import { c as Ue } from "./chunks/country.Cv_8NTmw.js";
+import { a as Ke, B as He, u as qe, b as We, c as Ze } from "./chunks/country.types.pilf5B3F.js";
+import { c as Qe, B as Xe } from "./chunks/currency.DGX-aejv.js";
+import { B as et, a as tt } from "./chunks/date.DeaBl297.js";
+import { B as at, b as nt, c as rt, a as st } from "./chunks/empty-state.C2ancCe6.js";
+import { f as it } from "./chunks/file-uploader.BXHt0PWz.js";
+import { B as pt, b as dt, a as lt, c as ut } from "./chunks/filter-bar.oihCCt5N.js";
+import { f as ft, a as xt, c as St, b as Tt } from "./chunks/form-layout-title.srkVLEUW.js";
+import { _ as yt, B as ht, a as bt } from "./chunks/image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
+import { B as Ct } from "./chunks/info-icon.BCSBCH-5.js";
+import { B as vt, b as It, e as Lt, c as Pt, d as Ft, a as Gt } from "./chunks/input-field.3PUv6XC3.js";
+import { i as kt, m as wt, r as Mt, b as Vt, c as At, a as Nt } from "./chunks/input-field-password.DedPkZxg.js";
+import { i as _t, B as jt } from "./chunks/inspector.types.Dr0D250X.js";
+import { l as Ut, a as zt } from "./chunks/layout-row.9G7yVMVt.js";
+import { B as Ht, a as qt } from "./chunks/loading-indicator.DEepb9Wl.js";
+import { B as Zt, a as Jt } from "./chunks/link.ClFi8uSm.js";
+import { B as Xt, a as $t } from "./chunks/menu.Dmzh3Uat.js";
+import { d as to, f as oo, g as ao, B as no, e as ro, c as so, a as Bo, b as io } from "./chunks/base-modal.DbJYaHyG.js";
+import { _ as po } from "./chunks/modal.vue_vue_type_script_setup_true_lang.C8vZDtlE.js";
+import { m as uo, B as co } from "./chunks/modal-fullscreen.BazQAAU1.js";
+import { B as xo } from "./chunks/header.CAHXObTT.js";
+import { B as To } from "./chunks/pagination.BCC3GZV5.js";
+import { B as yo } from "./chunks/payment-method.2IeC7f4x.js";
+import { B as bo } from "./chunks/payment-method.types.CJKfZQN5.js";
+import { B as Co, a as Do } from "./chunks/popover.3KG1IoYE.js";
+import { p as Io, B as Lo, a as Po } from "./chunks/promo-banner.BjLfDhBq.js";
+import { b as Go, B as Oo, a as ko } from "./chunks/radio-group.CeiSaH6M.js";
+import { B as Mo, b as Vo, a as Ao } from "./chunks/search-bar.BZDJJtWB.js";
+import { s as Ro } from "./chunks/secondary-nav.qm-rh-r6.js";
+import { B as jo } from "./chunks/segmented-control.BIwBQ8i3.js";
+import { B as Uo } from "./chunks/segmented-control.types.BHRLV8KU.js";
+import { B as Ko, s as Ho, a as qo } from "./chunks/selection-card-group.DPGh4nwl.js";
+import { a as Zo, B as Jo, s as Qo } from "./chunks/sidepanel.DxSdFwm1.js";
+import { s as $o, B as ea } from "./chunks/status.types.Dil95sGx.js";
+import { a as oa, s as aa, B as na, b as ra } from "./chunks/step.DAB8h_4u.js";
+import { B as Ba, a as ia } from "./chunks/structured-list-item.DpI6jzfM.js";
+import { s as pa, a as da, e as la, b as ua, c as ca, B as fa, d as xa, f as Sa } from "./chunks/summary-grid-item-custom.DCNWMasy.js";
+import { B as ga, a as ya } from "./chunks/tabs.B5-PZCxc.js";
+import { B as ba, a as Ea } from "./chunks/tag.BuUbvgok.js";
+import { B as Da } from "./chunks/textarea.CCr8inwI.js";
+import { t as Ia, b as La, a as Pa, c as Fa, B as Ga, d as Oa } from "./chunks/timeline-item.DG9YaOiC.js";
+import { t as wa } from "./chunks/toast.CVy2sf_5.js";
+import { B as Va, b as Aa, a as Na } from "./chunks/toggle.Dl82VpiQ.js";
+import { _ as _a } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.CQ0vEvB4.js";
 import * as s from "zod";
-import { u as Na } from "./chunks/use-click-outside.D6aIgS15.js";
-import { a as _a, d as ja } from "./chunks/dashboard-section.YU5gKDEJ.js";
-import { d as Ua } from "./chunks/data-grid-template.DI27ou71.js";
-import { D as Ka } from "./chunks/date-input.BqBdAO1E.js";
-import { a as qa, B as Wa } from "./chunks/keyboard-navigation.C3QMVRKY.js";
-import { a as Ja, B as Qa, a as Xa, B as $a } from "./chunks/use-cached-selected-values.BOZK76mN.js";
-import { B as tn } from "./chunks/directive.O3yEdalv.js";
-import { B as an, a as nn } from "./chunks/events.FNmSWp_P.js";
-import { B as sn } from "./chunks/tooltip.BvJoy09y.js";
-import { B as mn, c as pn, a as ln, b as dn } from "./chunks/button-actions.Bjfo46Q_.js";
-import { B as cn, a as fn } from "./chunks/loading-button.CNWhVIPK.js";
-import { B as Sn } from "./chunks/toggle-button.Bf77_tMh.js";
-import { C as gn, C as yn } from "./chunks/calendar.S9HFQA8j.js";
-import { _ as bn, a as En, b as Cn, c as Dn, d as vn } from "./chunks/dropdown-tag.BKDmDRSv.js";
-import { C as Ln } from "./chunks/checkbox-input.D8ZUqd4m.js";
-import { c as Fn, B as Gn } from "./chunks/checkbox-group.BUmkYc2R.js";
-import { _ as kn } from "./chunks/modal.vue_vue_type_script_setup_true_lang.CjD91zJo.js";
-import { R as Mn } from "./chunks/radio-input.DtvlM-mr.js";
-import { _ as An } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.LBw_ALfS.js";
+import { u as Ya } from "./chunks/teleport.B1NhF5-O.js";
+import { a as za, d as Ka } from "./chunks/dashboard-section.Buh9mb22.js";
+import { d as qa } from "./chunks/data-grid-template.B6xmEgaM.js";
+import { D as Za } from "./chunks/date-input.BqBdAO1E.js";
+import { a as Qa, B as Xa } from "./chunks/keyboard-navigation.C3QMVRKY.js";
+import { a as en, B as tn, a as on, B as an } from "./chunks/use-cached-selected-values.BBD_AA1m.js";
+import { B as rn } from "./chunks/directive.O3yEdalv.js";
+import { B as Bn, a as mn } from "./chunks/events.FNmSWp_P.js";
+import { B as dn } from "./chunks/tooltip.2MOlGHD9.js";
+import { _ as un, a as cn, b as fn, c as xn, d as Sn } from "./chunks/dropdown-tag.DLyxItIS.js";
+import { B as gn, c as yn, a as hn, b as bn, d as En, e as Cn } from "./chunks/button-actions.CShVMUOC.js";
+import { B as vn } from "./chunks/toggle-button.CCgvi7TQ.js";
+import { C as Ln, C as Pn } from "./chunks/calendar.1qqtC8ba.js";
+import { C as Gn } from "./chunks/checkbox-input.CAYgiRHG.js";
+import { c as kn, B as wn } from "./chunks/checkbox-group.PTNxE0kL.js";
+import { R as Vn } from "./chunks/radio-input.0TPahhZT.js";
 function G(e) {
   return e;
 }
@@ -96,7 +95,7 @@ function E(e) {
 function O({
   validationSchema: e
 }) {
-  const t = T({}), a = d({}), n = d(p(e)), i = () => {
+  const t = T({}), a = l({}), n = l(p(e)), i = () => {
     t.value = {}, a.value = {};
   }, x = () => {
     i(), n.value = p(e);
@@ -110,8 +109,8 @@ function O({
     handleReset: () => x(),
     submitForm: (S) => () => {
       i();
-      const l = e.safeParse(n.value);
-      l.success ? S(n.value) : l.error.issues.forEach((m) => {
+      const d = e.safeParse(n.value);
+      d.success ? S(n.value) : d.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];
       });
@@ -170,10 +169,10 @@ export {
   X as BentoAlertVariant,
   ee as BentoAvatar,
   oe as BentoButton,
-  mn as BentoButtonActions,
-  pn as BentoButtonActionsLayout,
-  ln as BentoButtonActionsLayoutBasic,
-  dn as BentoButtonActionsLayoutExtended,
+  gn as BentoButtonActions,
+  yn as BentoButtonActionsLayout,
+  hn as BentoButtonActionsLayoutBasic,
+  bn as BentoButtonActionsLayoutExtended,
   ae as BentoButtonPropClass,
   ne as BentoButtonVariant,
   se as BentoCard,
@@ -181,27 +180,27 @@ export {
   ie as BentoCardTitleSize,
   ke as BentoCheckbox,
   we as BentoCheckboxEvent,
-  Fn as BentoCheckboxGroup,
-  Gn as BentoCheckboxGroupVariant,
-  Ln as BentoCheckboxState,
+  kn as BentoCheckboxGroup,
+  wn as BentoCheckboxGroupVariant,
+  Gn as BentoCheckboxState,
   Ve as BentoClickOutside,
-  tn as BentoClickOutsideDirective,
+  rn as BentoClickOutsideDirective,
   Ne as BentoCodeSnippet,
   Re as BentoCodeSnippetEvent,
   _e as BentoCodeSnippetSupportedLanguage,
   je as BentoCodeSnippetVariant,
-  de as BentoColumnOverflow,
+  le as BentoColumnOverflow,
   Ue as BentoCountry,
   Ke as BentoCountryCode,
   He as BentoCountryVariant,
   Qe as BentoCurrency,
   Xe as BentoCurrencyISOCode,
-  _a as BentoDashboardSection,
-  ja as BentoDashboardTemplate,
+  za as BentoDashboardSection,
+  Ka as BentoDashboardTemplate,
   pe as BentoDashedUnderline,
   ue as BentoDataGrid,
   ce as BentoDataGridStaticIcon,
-  Ua as BentoDataGridTemplate,
+  qa as BentoDataGridTemplate,
   fe as BentoDatagridAriaSortValue,
   xe as BentoDatagridEvent,
   Se as BentoDatagridSortDirection,
@@ -210,34 +209,34 @@ export {
   tt as BentoDateFormat,
   ye as BentoDatePicker,
   he as BentoDatePickerEvent,
-  gn as BentoDatePickerFirstDayOfWeek,
+  Ln as BentoDatePickerFirstDayOfWeek,
   Ee as BentoDateRangePicker,
   Ce as BentoDateRangePickerEvent,
-  yn as BentoDateRangePickerFirstDayOfWeek,
+  Pn as BentoDateRangePickerFirstDayOfWeek,
   Ge as BentoDivider,
   ve as BentoDropdown,
-  bn as BentoDropdownAvatar,
-  En as BentoDropdownCountry,
-  Cn as BentoDropdownCurrency,
-  Ja as BentoDropdownEvent,
-  Qa as BentoDropdownLazyLoadType,
-  Dn as BentoDropdownPaymentMethod,
+  un as BentoDropdownAvatar,
+  cn as BentoDropdownCountry,
+  fn as BentoDropdownCurrency,
+  en as BentoDropdownEvent,
+  tn as BentoDropdownLazyLoadType,
+  xn as BentoDropdownPaymentMethod,
   Pe as BentoDropdownSize,
-  vn as BentoDropdownTag,
+  Sn as BentoDropdownTag,
   at as BentoEmptyState,
   nt as BentoEmptyStateImage,
   rt as BentoEmptyStateImageVariant,
   st as BentoEmptyStateVariant,
   it as BentoFileUploader,
   pt as BentoFilterBar,
-  lt as BentoFilterBarEvent,
-  dt as BentoFilterEvent,
+  dt as BentoFilterBarEvent,
+  lt as BentoFilterEvent,
   ut as BentoFilterItemType,
   ft as BentoFormLayout,
   xt as BentoFormLayoutFieldTip,
   St as BentoFormLayoutGroup,
   Tt as BentoFormLayoutTitle,
-  co as BentoHeader,
+  xo as BentoHeader,
   yt as BentoImage,
   ht as BentoImageAspectRatio,
   bt as BentoImageObjectFit,
@@ -251,97 +250,97 @@ export {
   Gt as BentoInputFieldVariant,
   _t as BentoInspector,
   jt as BentoInspectorSizeOptions,
-  qa as BentoKeyboardNavigationDirective,
-  Wa as BentoKeyboardNavigationKeyDownEvent,
+  Qa as BentoKeyboardNavigationDirective,
+  Xa as BentoKeyboardNavigationKeyDownEvent,
   Ut as BentoLayout,
   zt as BentoLayoutRow,
   Zt as BentoLink,
   Jt as BentoLinkVariant,
-  Xa as BentoListboxEvent,
-  $a as BentoListboxLazyLoadType,
-  cn as BentoLoadingButton,
-  fn as BentoLoadingButtonState,
+  on as BentoListboxEvent,
+  an as BentoListboxLazyLoadType,
+  En as BentoLoadingButton,
+  Cn as BentoLoadingButtonState,
   Ht as BentoLoadingIndicator,
   qt as BentoLoadingIndicatorEvent,
   Xt as BentoMenu,
   $t as BentoMenuEvent,
-  kn as BentoModal,
+  po as BentoModal,
   to as BentoModalColumnLayoutVariant,
   oo as BentoModalDialogType,
   ao as BentoModalEvent,
-  po as BentoModalFullscreen,
-  lo as BentoModalFullscreenPage,
+  uo as BentoModalFullscreen,
+  co as BentoModalFullscreenPage,
   no as BentoModalPage,
   ro as BentoModalRole,
   so as BentoModalSize,
   Bo as BentoModalVariant,
   io as BentoModalVariantMapping,
-  xo as BentoPagination,
-  To as BentoPaymentMethod,
-  yo as BentoPaymentMethodType,
-  bo as BentoPopover,
-  Eo as BentoPopoverPositions,
-  Do as BentoPromoBanner,
-  vo as BentoPromoBannerColor,
-  Io as BentoPromoBannerLayout,
-  Po as BentoRadioButton,
-  Mn as BentoRadioButtonStateClass,
-  Fo as BentoRadioGroup,
-  Go as BentoRadioGroupVariant,
-  ko as BentoSearchBar,
-  wo as BentoSearchBarEvent,
-  Mo as BentoSearchBarInternalEvent,
-  Ao as BentoSecondaryNav,
-  Ro as BentoSegmentedControl,
-  jo as BentoSegmentedControlEvent,
-  Uo as BentoSelectionCard,
-  zo as BentoSelectionCardGroup,
-  Ko as BentoSelectionCardState,
-  qo as BentoSidepanel,
-  Wo as BentoSidepanelEvent,
-  Zo as BentoSidepanelPage,
-  Qo as BentoStatus,
-  Xo as BentoStatusVariant,
-  ea as BentoStep,
-  ta as BentoStepper,
-  oa as BentoStepperTypeOption,
-  aa as BentoStepperVariantOption,
-  ra as BentoStructuredList,
-  sa as BentoStructuredListItem,
-  ia as BentoSummaryGrid,
-  ma as BentoSummaryGridItemAmount,
-  pa as BentoSummaryGridItemCustom,
-  la as BentoSummaryGridItemNumeric,
-  da as BentoSummaryGridItemPercentage,
-  ua as BentoSummaryGridItemSize,
-  ca as BentoSummaryGridItemText,
-  fa as BentoSummaryGridItemTrendDirection,
-  Sa as BentoTab,
-  Ta as BentoTabs,
-  ya as BentoTag,
-  ha as BentoTagVariant,
-  Ea as BentoTextarea,
+  To as BentoPagination,
+  yo as BentoPaymentMethod,
+  bo as BentoPaymentMethodType,
+  Co as BentoPopover,
+  Do as BentoPopoverPositions,
+  Io as BentoPromoBanner,
+  Lo as BentoPromoBannerColor,
+  Po as BentoPromoBannerLayout,
+  Go as BentoRadioButton,
+  Vn as BentoRadioButtonStateClass,
+  Oo as BentoRadioGroup,
+  ko as BentoRadioGroupVariant,
+  Mo as BentoSearchBar,
+  Vo as BentoSearchBarEvent,
+  Ao as BentoSearchBarInternalEvent,
+  Ro as BentoSecondaryNav,
+  jo as BentoSegmentedControl,
+  Uo as BentoSegmentedControlEvent,
+  Ko as BentoSelectionCard,
+  Ho as BentoSelectionCardGroup,
+  qo as BentoSelectionCardState,
+  Zo as BentoSidepanel,
+  Jo as BentoSidepanelEvent,
+  Qo as BentoSidepanelPage,
+  $o as BentoStatus,
+  ea as BentoStatusVariant,
+  oa as BentoStep,
+  aa as BentoStepper,
+  na as BentoStepperTypeOption,
+  ra as BentoStepperVariantOption,
+  Ba as BentoStructuredList,
+  ia as BentoStructuredListItem,
+  pa as BentoSummaryGrid,
+  da as BentoSummaryGridItemAmount,
+  la as BentoSummaryGridItemCustom,
+  ua as BentoSummaryGridItemNumeric,
+  ca as BentoSummaryGridItemPercentage,
+  fa as BentoSummaryGridItemSize,
+  xa as BentoSummaryGridItemText,
+  Sa as BentoSummaryGridItemTrendDirection,
+  ga as BentoTab,
+  ya as BentoTabs,
+  ba as BentoTag,
+  Ea as BentoTagVariant,
+  Da as BentoTextarea,
   o as BentoTheme,
-  Da as BentoTimeline,
-  va as BentoTimelineGapUnit,
-  Ia as BentoTimelineItem,
-  La as BentoTimelineItemVariant,
-  Pa as BentoTimelineShowMorePlacement,
-  Fa as BentoTimelineStatus,
-  Oa as BentoToast,
-  wa as BentoToggle,
-  Sn as BentoToggleButton,
-  Ma as BentoToggleLabelPosition,
-  Va as BentoTogglePropClass,
-  sn as BentoTooltipDirective,
-  an as BentoTooltipPosition,
-  nn as BentoTooltipState,
-  An as BentoTutorial,
+  Ia as BentoTimeline,
+  La as BentoTimelineGapUnit,
+  Pa as BentoTimelineItem,
+  Fa as BentoTimelineItemVariant,
+  Ga as BentoTimelineShowMorePlacement,
+  Oa as BentoTimelineStatus,
+  wa as BentoToast,
+  Va as BentoToggle,
+  vn as BentoToggleButton,
+  Aa as BentoToggleLabelPosition,
+  Na as BentoTogglePropClass,
+  dn as BentoTooltipDirective,
+  Bn as BentoTooltipPosition,
+  mn as BentoTooltipState,
+  _a as BentoTutorial,
   R as BentoTypography,
   _ as BentoTypographyElement,
   j as BentoTypographyModifier,
   Y as BentoTypographyVariant,
-  Ka as DateFormat,
+  Za as DateFormat,
   w as default,
   wt as minLength,
   Mt as requireLowercase,
@@ -352,7 +351,7 @@ export {
   k as useBentoTheme,
   c as useBentoThemeKey,
   A as useBentoToastController,
-  Na as useClickOutside,
+  Ya as useClickOutside,
   qe as useCountryCapital,
   We as useCountryName,
   Ze as useCountryPhoneCode,

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, type ShallowRef, shallowRef } from 'vue';\nimport * as z from 'zod';\nimport type { ZodSchema } from 'zod';\nimport { ErrorBag, 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 * @param {T extends ZodSchema} formSchema Zod schema to be transformed into a `vee-validate` schema\n * @returns {UseForm<T>} schema 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 {ZodSchema} 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 * @param {UseForm<T>} props Form configuration object\n * @param {T extends ZodSchema} props.validationSchema Zod typed validation schema\n * @returns {Object} response - Composable with reactive form values and errors, and functions to handle the reactive data\n * @returns {Ref<ErrorBag<T>>} response.errorBag Object with all the form values and an array of each one of the errors (if any) per value\n * @returns {Ref<T>} response.errors Object with all the form values and the first error found for that field (if any)\n * @returns {Ref<T>} response.values Object with all the form values and their current value\n * @returns {() => void} response.handleReset Resets the form values to default (initial values) when it gets called\n * @returns {(callback: (values: T) => void) => () => void} 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<ErrorBag<z.TypeOf<T>>>;\n    errors: Ref<z.TypeOf<T>> | ShallowRef<z.TypeOf<T>>;\n    values: Ref<z.TypeOf<T>>;\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 { 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 { 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,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;AA2CO,SAASC,EAA6B;AAAA,EACzC,kBAAAC;AACJ,GAME;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;AChLa,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,MAAM;AAAA;AAAA,IAChB,UAAU,MAAA;AAAA;AAAA,EACd;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 { allKeys, ErrorBag, 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 * @param {T extends ZodSchema} formSchema Zod schema to be transformed into a `vee-validate` schema\n * @returns {UseForm<T>} schema 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 {ZodSchema} 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 * @param {UseForm<T>} props Form configuration object\n * @param {T extends ZodSchema} props.validationSchema Zod typed validation schema\n * @returns {Object} response - Composable with reactive form values and errors, and functions to handle the reactive data\n * @returns {Ref<ErrorBag<T>>} response.errorBag Object with all the form values and an array of each one of the errors (if any) per value\n * @returns {Ref<T>} response.errors Object with all the form values and the first error found for that field (if any)\n * @returns {Ref<T>} response.values Object with all the form values and their current value\n * @returns {() => void} response.handleReset Resets the form values to default (initial values) when it gets called\n * @returns {(callback: (values: T) => void) => () => void} 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 { 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 { 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":"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"}

package/dist/info-icon.js

@@ -1,4 +1,4 @@
-import { B as e } from "./chunks/info-icon.CUC0fwLb.js";
+import { B as e } from "./chunks/info-icon.BCSBCH-5.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.DxNS4MmO.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.DedPkZxg.js";
 export {
   a as BentoInputFieldPassword,
   s as minLength,

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.BQKEQIZd.js";
+import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.3PUv6XC3.js";
 export {
   n as BentoInputField,
   a as BentoInputFieldElementPosition,

package/dist/inspector.js

@@ -1,4 +1,4 @@
-import { i as t, B as n } from "./chunks/inspector.types.DcdY_5cC.js";
+import { i as t, B as n } from "./chunks/inspector.types.Dr0D250X.js";
 export {
   t as BentoInspector,
   n as BentoInspectorSizeOptions