@adyen/bento-vue2 1.68.2 → 1.69.0

package/dist/index.js

@@ -1,92 +1,89 @@
 import "./chunks/index.Cl4_42j5.js";
-import { c as T, t as y } from "./chunks/use-bento-toast-controller.Cn_2Eogn.js";
-import { u as N } from "./chunks/use-bento-toast-controller.Cn_2Eogn.js";
-import { p as g, d } from "./chunks/typography.J1v_SPG3.js";
-import { B as _, c as Y, b as j, a as U } from "./chunks/typography.J1v_SPG3.js";
-import { a as K, b as H } from "./chunks/accordion-item.BNtdoVto.js";
-import { B as W } from "./chunks/action-bar.DQb7WVVd.js";
-import { B as J, c as Q, b as X, a as $ } from "./chunks/alert.c1rhDDrU.js";
-import { B as te } from "./chunks/avatar.BgwjpLQO.js";
-import { B as ae, b as ne, a as re } from "./chunks/button.hF-nD1Og.js";
-import { B as Be } from "./chunks/dashed-underline.BbH6Lnd2.js";
-import { B as me, d as pe, a as ue, b as de, g as le, f as ce, e as fe, c as xe } from "./chunks/data-grid.erxjh5TN.js";
-import { c as Te, B as ye, a as ge } from "./chunks/card.CASAAsuJ.js";
-import { B as be, a as Ee } from "./chunks/date-picker.DGIS6Pp-.js";
-import { B as De, a as Ie } from "./chunks/date-range-picker.CIaKRXIQ.js";
-import { B as Le, u as Pe } from "./chunks/dropdown.DazYAy4B.js";
-import { B as Ge } from "./chunks/dropdown-default-textbox.94q6opSD.js";
-import { B as ke, a as we } from "./chunks/checkbox.DCD6SSXC.js";
-import { B as Ve } from "./chunks/chip.OV0EWIP3.js";
+import { c as T, t as y } from "./chunks/use-bento-toast-controller.uglKlMjv.js";
+import { u as N } from "./chunks/use-bento-toast-controller.uglKlMjv.js";
+import { p as g, d } from "./chunks/typography.w3m-EY4E.js";
+import { B as _, c as Y, b as j, a as U } from "./chunks/typography.w3m-EY4E.js";
+import { a as K, b as H } from "./chunks/accordion-item.NSQ50RyR.js";
+import { B as W } from "./chunks/action-bar.Dhi6k0CP.js";
+import { B as J, c as Q, b as X, a as $ } from "./chunks/alert.Dx9P_L2k.js";
+import { B as te } from "./chunks/avatar.CWmZ2n1W.js";
+import { B as ae, b as ne, a as re } from "./chunks/button.B0hSQWOR.js";
+import { B as Be } from "./chunks/dashed-underline.BN_whJrR.js";
+import { B as me, d as pe, a as ue, b as de, g as le, f as ce, e as fe, c as xe } from "./chunks/data-grid.B0bOXr4p.js";
+import { c as Te, B as ye, a as ge } from "./chunks/card.DLRC9V0Q.js";
+import { B as be, a as Ee } from "./chunks/date-picker.Dyf6HJwP.js";
+import { B as De, a as Ie } from "./chunks/date-range-picker.-FSh7RLm.js";
+import { B as Le, u as Pe } from "./chunks/dropdown.DB_MlO1F.js";
+import { B as Ge } from "./chunks/dropdown-default-textbox.DzpZoK-P.js";
+import { B as ke, a as we } from "./chunks/checkbox.JhfbjDfJ.js";
+import { B as Ve } from "./chunks/chip.Cn68PNxA.js";
 import { B as Ne } from "./chunks/click-outside.C1Ud8AA2.js";
-import { c as _e, b as Ye, a as je, B as Ue } from "./chunks/code-snippet.dIKi0D7d.js";
-import { c as Ke } from "./chunks/country.melpzEsY.js";
+import { c as _e, b as Ye, a as je, B as Ue } from "./chunks/code-snippet.hYghglvk.js";
+import { c as Ke } from "./chunks/country.CZQYhKpE.js";
 import { a as qe, B as We, u as Ze } from "./chunks/country.types.C0Q_hhgJ.js";
-import { c as Qe, B as Xe } from "./chunks/currency.BM9OXTqe.js";
-import { B as et, a as tt } from "./chunks/date.BfyWX2PY.js";
-import { B as at } from "./chunks/divider.Cc4JFWG_.js";
-import { B as rt, b as st, c as Bt, a as it } from "./chunks/empty-state.mtXfb1BB.js";
-import { f as pt } from "./chunks/file-uploader.BPslxGI8.js";
-import { B as dt, b as lt, a as ct, c as ft } from "./chunks/filter-bar.DL19SXF1.js";
-import { f as St, a as Tt, c as yt, b as gt } from "./chunks/form-layout-title.CIynHgCF.js";
-import { h as bt } from "./chunks/header-with-views.BUQ-MlAq.js";
+import { c as Qe, B as Xe } from "./chunks/currency.Oq7zcRM5.js";
+import { B as et, a as tt } from "./chunks/date.w2Ya6_lp.js";
+import { B as at } from "./chunks/divider.CFbtmKeQ.js";
+import { B as rt, b as st, c as Bt, a as it } from "./chunks/empty-state.BqMgiQAu.js";
+import { f as pt } from "./chunks/file-uploader.llBOTc1s.js";
+import { B as dt, b as lt, a as ct, c as ft } from "./chunks/filter-bar.8rNB7K2X.js";
+import { f as St, a as Tt, c as yt, b as gt } from "./chunks/form-layout-title.CboZDCN9.js";
+import { h as bt } from "./chunks/header-with-views.Dzifal09.js";
 import { B as Ct, a as Dt, b as It } from "./chunks/image.C2D2hKat.js";
-import { B as Lt } from "./chunks/info-icon.CYOXx8CL.js";
-import { B as Ft, b as Gt, e as Ot, c as kt, d as wt, a as Mt } from "./chunks/input-field.5S-pUNxA.js";
-import { i as At, m as Nt, r as Rt, b as _t, c as Yt, a as jt } from "./chunks/input-field-password.C1zTapiN.js";
-import { i as zt } from "./chunks/input-field-phone-number.K8BYjWfa.js";
-import { B as Ht } from "./chunks/inspector.BI28vKQz.js";
-import { B as Wt } from "./chunks/inspector.types.DyHwE18g.js";
-import { l as Jt, a as Qt } from "./chunks/layout-row.C_F2wX6d.js";
-import { B as $t, a as eo } from "./chunks/loading-indicator.z8COalOc.js";
-import { B as oo, a as ao } from "./chunks/link.CXy_LoFI.js";
-import { B as ro, a as so } from "./chunks/menu.D0OQgk40.js";
-import { B as io } from "./chunks/modal.eoNQ6E3U.js";
-import { c as po, e as uo, f as lo, g as co, d as fo, b as xo, B as So, a as To } from "./chunks/base-modal.CkkfT6r6.js";
-import { m as go, B as ho } from "./chunks/modal-fullscreen.DHotw1RI.js";
-import { B as Eo } from "./chunks/header.uyxNdQa3.js";
-import { B as Do } from "./chunks/pagination.4J7ZMyf5.js";
-import { B as vo } from "./chunks/payment-method.Cx4nPDtE.js";
-import { B as Po } from "./chunks/payment-method.types.BqtH7RM2.js";
-import { B as Go } from "./chunks/popover.Bo4Bkudr.js";
-import { B as ko } from "./chunks/popover.types.CBqyA4ly.js";
-import { p as Mo, B as Vo, a as Ao } from "./chunks/promo-banner.Bbc2U3S3.js";
-import { b as Ro, B as _o, a as Yo } from "./chunks/radio-group.4_KKjvAm.js";
-import { r as Uo } from "./chunks/rich-text-editor.BUKLdRkN.js";
-import { B as Ko, b as Ho, a as qo } from "./chunks/search-bar.CuBj5FAE.js";
-import { s as Zo } from "./chunks/secondary-nav.C6usurfD.js";
-import { B as Qo, s as Xo, a as $o } from "./chunks/selection-card-group.0o5T4tab.js";
-import { B as ta } from "./chunks/segmented-control.DHZEfmT-.js";
-import { B as aa } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { a as ra, B as sa, s as Ba } from "./chunks/sidepanel.DyThBUgV.js";
-import { s as ma, B as pa } from "./chunks/status.types.p_TCvoo0.js";
-import { a as da, s as la, B as ca, b as fa } from "./chunks/step.DMMofD4B.js";
-import { B as Sa, a as Ta } from "./chunks/structured-list-item.Bnn6-Z3q.js";
-import { s as ga, a as ha, e as ba, b as Ea, c as Ca, B as Da, d as Ia, f as va } from "./chunks/summary-grid.types.D_FU3sUq.js";
-import { a as Pa, B as Fa } from "./chunks/tab.BhWPBxcB.js";
-import { B as Oa, a as ka } from "./chunks/tag.CGkclKVL.js";
-import { B as Ma } from "./chunks/textarea.UPM6N9V1.js";
-import { t as Aa, b as Na, a as Ra, c as _a, B as Ya, d as ja } from "./chunks/timeline-item.DqLhj0Lb.js";
-import { t as za } from "./chunks/toast.BOyeuS19.js";
-import { B as Ha, b as qa, a as Wa } from "./chunks/toggle.DyXL09-x.js";
-import { t as Ja } from "./chunks/tutorial.CxrGhLS7.js";
-import { a as Xa, d as $a } from "./chunks/dashboard-section.BIe6eVHq.js";
-import { d as tn } from "./chunks/data-grid-template.Co0Ecr79.js";
-import { B as an, c as nn, a as rn, b as sn, d as Bn, e as mn } from "./chunks/button-actions.Ju27CRNG.js";
-import { B as un } from "./chunks/toggle-button.DEVVvpkw.js";
-import { C as ln, C as cn } from "./chunks/calendar.DvIQEYwN.js";
-import { a as xn, B as Sn, a as Tn, B as yn } from "./chunks/use-cached-selected-values.0EeyFfyF.js";
-import { d as hn, a as bn, b as En, c as Cn, e as Dn } from "./chunks/dropdown-tag.BaosvGGZ.js";
+import { B as Lt } from "./chunks/info-icon.B4P_Zi58.js";
+import { B as Ft, b as Gt, e as Ot, c as kt, d as wt, a as Mt } from "./chunks/input-field.DnnXXill.js";
+import { i as At, m as Nt, r as Rt, b as _t, c as Yt, a as jt } from "./chunks/input-field-password.DsslmTb_.js";
+import { i as zt, B as Kt } from "./chunks/input-field-phone-number.D2T8jzAr.js";
+import { B as qt } from "./chunks/inspector.H05UI3LY.js";
+import { B as Zt } from "./chunks/inspector.types.DyHwE18g.js";
+import { l as Qt, a as Xt } from "./chunks/layout-row.BWxn-eQ-.js";
+import { B as eo, a as to } from "./chunks/loading-indicator.Iy1CVr_T.js";
+import { B as ao, a as no } from "./chunks/link.B3F22FTY.js";
+import { B as so, a as Bo, b as io, f as mo, g as po, h as uo, c as lo, u as co } from "./chunks/toggle-button.DeECoGRn.js";
+import { B as xo } from "./chunks/modal.DMqbIDcX.js";
+import { c as To, e as yo, f as go, g as ho, d as bo, b as Eo, B as Co, a as Do } from "./chunks/base-modal.Cehud1uW.js";
+import { m as vo, B as Lo } from "./chunks/modal-fullscreen.BgmKDCl4.js";
+import { B as Fo } from "./chunks/header.DAcRpRch.js";
+import { B as Oo } from "./chunks/pagination.38ahUAk8.js";
+import { B as wo } from "./chunks/payment-method.CRluCp_L.js";
+import { B as Vo } from "./chunks/payment-method.types.BqtH7RM2.js";
+import { B as No } from "./chunks/popover.types.B1HUQoCG.js";
+import { p as _o, B as Yo, a as jo } from "./chunks/promo-banner.BGMV3nRn.js";
+import { b as zo, B as Ko, a as Ho } from "./chunks/radio-group.BVLoYrgU.js";
+import { r as Wo } from "./chunks/rich-text-editor.BZ6CyBsK.js";
+import { B as Jo, b as Qo, a as Xo } from "./chunks/search-bar.VfZoy5FX.js";
+import { s as ea } from "./chunks/secondary-nav.BXXKo5HE.js";
+import { B as oa, s as aa, a as na } from "./chunks/selection-card-group.DgQLQ4Wo.js";
+import { B as sa } from "./chunks/segmented-control.CGBrRBLL.js";
+import { B as ia } from "./chunks/segmented-control.types.BHRLV8KU.js";
+import { a as pa, B as ua, s as da } from "./chunks/sidepanel.BR0coAJl.js";
+import { s as ca, B as fa } from "./chunks/status.types.DBYsEsiT.js";
+import { a as Sa, s as Ta, B as ya, b as ga } from "./chunks/step.DJkLl2s4.js";
+import { B as ba, a as Ea } from "./chunks/structured-list-item.CACpjdy4.js";
+import { s as Da, a as Ia, e as va, b as La, c as Pa, B as Fa, d as Ga, f as Oa } from "./chunks/summary-grid.types.CVuvqM3p.js";
+import { a as wa, B as Ma } from "./chunks/tab.D33__imf.js";
+import { B as Aa, a as Na } from "./chunks/tag.DfHE26ZN.js";
+import { B as _a } from "./chunks/textarea.D7uQzuRr.js";
+import { t as ja, b as Ua, a as za, c as Ka, B as Ha, d as qa } from "./chunks/timeline-item.QOBiWKEL.js";
+import { t as Za } from "./chunks/toast.CZxRRsPl.js";
+import { B as Qa, b as Xa, a as $a } from "./chunks/toggle.hylSNOmz.js";
+import { t as tn } from "./chunks/tutorial.BkAXmyzV.js";
+import { a as an, d as nn } from "./chunks/dashboard-section.BRnRO3AZ.js";
+import { d as sn } from "./chunks/data-grid-template.BlRKgkX6.js";
+import { B as mn, a as pn, b as un } from "./chunks/button-actions.types.BptAXjD8.js";
+import { C as ln, C as cn } from "./chunks/calendar.BuAVH2aU.js";
+import { a as xn, B as Sn, a as Tn, B as yn } from "./chunks/use-cached-selected-values.CI9xi8dE.js";
+import { d as hn, a as bn, b as En, c as Cn, e as Dn } from "./chunks/dropdown-tag.CRbOHBPK.js";
 import { C as vn } from "./chunks/minus-small.DJacLGTw.js";
-import { c as Pn, B as Fn } from "./chunks/checkbox-group.QdX-NrSG.js";
+import { c as Pn, B as Fn } from "./chunks/checkbox-group.Cdt2Ik2_.js";
 import { u as On, a as kn } from "./chunks/use-country-phon-code.BOaJ9PDl.js";
-import { R as Mn } from "./chunks/radio-input.uJAhxKRs.js";
+import { R as Mn } from "./chunks/radio-input.BRceOAA4.js";
 import { shallowRef as h, ref as l, getCurrentInstance as b } from "vue";
 import * as s from "zod";
-import { u as An } from "./chunks/use-click-outside.BnhTgpSt.js";
-import { D as Rn } from "./chunks/date-input.BqBdAO1E.js";
-import { a as Yn, B as jn } from "./chunks/keyboard-navigation.pB8weElW.js";
-import { B as zn } from "./chunks/directive.Cbdox5VL.js";
-import { B as Hn, a as qn, b as Wn } from "./chunks/tooltip.wQsyAwkC.js";
+import { D as An } from "./chunks/date-input.BqBdAO1E.js";
+import { a as Rn, B as _n } from "./chunks/keyboard-navigation.pB8weElW.js";
+import { B as jn } from "./chunks/directive.Cbdox5VL.js";
+import { b as zn, c as Kn, d as Hn } from "./chunks/tooltip.BYj8cc9F.js";
 function O(e) {
   return e;
 }
@@ -177,10 +174,10 @@ export {
   $ as BentoAlertVariant,
   te as BentoAvatar,
   ae as BentoButton,
-  an as BentoButtonActions,
-  nn as BentoButtonActionsLayout,
-  rn as BentoButtonActionsLayoutBasic,
-  sn as BentoButtonActionsLayoutExtended,
+  so as BentoButtonActions,
+  mn as BentoButtonActionsLayout,
+  pn as BentoButtonActionsLayoutBasic,
+  un as BentoButtonActionsLayoutExtended,
   ne as BentoButtonPropClass,
   re as BentoButtonVariant,
   Te as BentoCard,
@@ -193,7 +190,7 @@ export {
   vn as BentoCheckboxState,
   Ve as BentoChip,
   Ne as BentoClickOutside,
-  zn as BentoClickOutsideDirective,
+  jn as BentoClickOutsideDirective,
   _e as BentoCodeSnippet,
   Ye as BentoCodeSnippetEvent,
   je as BentoCodeSnippetSupportedLanguage,
@@ -204,13 +201,13 @@ export {
   We as BentoCountryVariant,
   Qe as BentoCurrency,
   Xe as BentoCurrencyISOCode,
-  Xa as BentoDashboardSection,
-  $a as BentoDashboardTemplate,
+  an as BentoDashboardSection,
+  nn as BentoDashboardTemplate,
   Be as BentoDashedUnderline,
   pe as BentoDataGrid,
   ue as BentoDataGridStaticIcon,
   de as BentoDataGridSummaryCell,
-  tn as BentoDataGridTemplate,
+  sn as BentoDataGridTemplate,
   le as BentoDatagridAriaSortValue,
   ce as BentoDatagridEvent,
   fe as BentoDatagridSortDirection,
@@ -246,7 +243,7 @@ export {
   Tt as BentoFormLayoutFieldTip,
   yt as BentoFormLayoutGroup,
   gt as BentoFormLayoutTitle,
-  Eo as BentoHeader,
+  Fo as BentoHeader,
   bt as BentoHeaderWithViews,
   Ct as BentoImage,
   Dt as BentoImageAspectRatio,
@@ -257,103 +254,104 @@ export {
   Ot as BentoInputFieldEvent,
   At as BentoInputFieldPassword,
   zt as BentoInputFieldPhoneNumber,
+  Kt as BentoInputFieldPhoneNumberCountries,
   kt as BentoInputFieldStateClass,
   wt as BentoInputFieldType,
   Mt as BentoInputFieldVariant,
-  Ht as BentoInspector,
-  Wt as BentoInspectorSizeOptions,
-  Yn as BentoKeyboardNavigationDirective,
-  jn as BentoKeyboardNavigationKeyDownEvent,
-  Jt as BentoLayout,
-  Qt as BentoLayoutRow,
-  oo as BentoLink,
-  ao as BentoLinkVariant,
+  qt as BentoInspector,
+  Zt as BentoInspectorSizeOptions,
+  Rn as BentoKeyboardNavigationDirective,
+  _n as BentoKeyboardNavigationKeyDownEvent,
+  Qt as BentoLayout,
+  Xt as BentoLayoutRow,
+  ao as BentoLink,
+  no as BentoLinkVariant,
   Tn as BentoListboxEvent,
   yn as BentoListboxLazyLoadType,
-  Bn as BentoLoadingButton,
-  mn as BentoLoadingButtonState,
-  $t as BentoLoadingIndicator,
-  eo as BentoLoadingIndicatorEvent,
-  ro as BentoMenu,
-  so as BentoMenuEvent,
-  io as BentoModal,
-  po as BentoModalColumnLayoutVariant,
-  uo as BentoModalDialogType,
-  lo as BentoModalEvent,
-  go as BentoModalFullscreen,
-  ho as BentoModalFullscreenPage,
-  co as BentoModalPage,
-  fo as BentoModalRole,
-  xo as BentoModalSize,
-  So as BentoModalVariant,
-  To as BentoModalVariantMapping,
-  Do as BentoPagination,
-  vo as BentoPaymentMethod,
-  Po as BentoPaymentMethodType,
-  Go as BentoPopover,
-  ko as BentoPopoverPositions,
-  Mo as BentoPromoBanner,
-  Vo as BentoPromoBannerColor,
-  Ao as BentoPromoBannerLayout,
-  Ro as BentoRadioButton,
+  Bo as BentoLoadingButton,
+  io as BentoLoadingButtonState,
+  eo as BentoLoadingIndicator,
+  to as BentoLoadingIndicatorEvent,
+  mo as BentoMenu,
+  po as BentoMenuEvent,
+  xo as BentoModal,
+  To as BentoModalColumnLayoutVariant,
+  yo as BentoModalDialogType,
+  go as BentoModalEvent,
+  vo as BentoModalFullscreen,
+  Lo as BentoModalFullscreenPage,
+  ho as BentoModalPage,
+  bo as BentoModalRole,
+  Eo as BentoModalSize,
+  Co as BentoModalVariant,
+  Do as BentoModalVariantMapping,
+  Oo as BentoPagination,
+  wo as BentoPaymentMethod,
+  Vo as BentoPaymentMethodType,
+  uo as BentoPopover,
+  No as BentoPopoverPositions,
+  _o as BentoPromoBanner,
+  Yo as BentoPromoBannerColor,
+  jo as BentoPromoBannerLayout,
+  zo as BentoRadioButton,
   Mn as BentoRadioButtonStateClass,
-  _o as BentoRadioGroup,
-  Yo as BentoRadioGroupVariant,
-  Uo as BentoRichTextEditor,
-  Ko as BentoSearchBar,
-  Ho as BentoSearchBarEvent,
-  qo as BentoSearchBarInternalEvent,
-  Zo as BentoSecondaryNav,
-  ta as BentoSegmentedControl,
-  aa as BentoSegmentedControlEvent,
-  Qo as BentoSelectionCard,
-  Xo as BentoSelectionCardGroup,
-  $o as BentoSelectionCardState,
-  ra as BentoSidepanel,
-  sa as BentoSidepanelEvent,
-  Ba as BentoSidepanelPage,
-  ma as BentoStatus,
-  pa as BentoStatusVariant,
-  da as BentoStep,
-  la as BentoStepper,
-  ca as BentoStepperTypeOption,
-  fa as BentoStepperVariantOption,
-  Sa as BentoStructuredList,
-  Ta as BentoStructuredListItem,
-  ga as BentoSummaryGrid,
-  ha as BentoSummaryGridItemAmount,
-  ba as BentoSummaryGridItemCustom,
-  Ea as BentoSummaryGridItemNumeric,
-  Ca as BentoSummaryGridItemPercentage,
-  Da as BentoSummaryGridItemSize,
-  Ia as BentoSummaryGridItemText,
-  va as BentoSummaryGridItemTrendDirection,
-  Pa as BentoTab,
-  Fa as BentoTabs,
-  Oa as BentoTag,
-  ka as BentoTagVariant,
-  Ma as BentoTextarea,
+  Ko as BentoRadioGroup,
+  Ho as BentoRadioGroupVariant,
+  Wo as BentoRichTextEditor,
+  Jo as BentoSearchBar,
+  Qo as BentoSearchBarEvent,
+  Xo as BentoSearchBarInternalEvent,
+  ea as BentoSecondaryNav,
+  sa as BentoSegmentedControl,
+  ia as BentoSegmentedControlEvent,
+  oa as BentoSelectionCard,
+  aa as BentoSelectionCardGroup,
+  na as BentoSelectionCardState,
+  pa as BentoSidepanel,
+  ua as BentoSidepanelEvent,
+  da as BentoSidepanelPage,
+  ca as BentoStatus,
+  fa as BentoStatusVariant,
+  Sa as BentoStep,
+  Ta as BentoStepper,
+  ya as BentoStepperTypeOption,
+  ga as BentoStepperVariantOption,
+  ba as BentoStructuredList,
+  Ea as BentoStructuredListItem,
+  Da as BentoSummaryGrid,
+  Ia as BentoSummaryGridItemAmount,
+  va as BentoSummaryGridItemCustom,
+  La as BentoSummaryGridItemNumeric,
+  Pa as BentoSummaryGridItemPercentage,
+  Fa as BentoSummaryGridItemSize,
+  Ga as BentoSummaryGridItemText,
+  Oa as BentoSummaryGridItemTrendDirection,
+  wa as BentoTab,
+  Ma as BentoTabs,
+  Aa as BentoTag,
+  Na as BentoTagVariant,
+  _a as BentoTextarea,
   o as BentoTheme,
-  Aa as BentoTimeline,
-  Na as BentoTimelineGapUnit,
-  Ra as BentoTimelineItem,
-  _a as BentoTimelineItemVariant,
-  Ya as BentoTimelineShowMorePlacement,
-  ja as BentoTimelineStatus,
-  za as BentoToast,
-  Ha as BentoToggle,
-  un as BentoToggleButton,
-  qa as BentoToggleLabelPosition,
-  Wa as BentoTogglePropClass,
-  Hn as BentoTooltipDirective,
-  qn as BentoTooltipPosition,
-  Wn as BentoTooltipState,
-  Ja as BentoTutorial,
+  ja as BentoTimeline,
+  Ua as BentoTimelineGapUnit,
+  za as BentoTimelineItem,
+  Ka as BentoTimelineItemVariant,
+  Ha as BentoTimelineShowMorePlacement,
+  qa as BentoTimelineStatus,
+  Za as BentoToast,
+  Qa as BentoToggle,
+  lo as BentoToggleButton,
+  Xa as BentoToggleLabelPosition,
+  $a as BentoTogglePropClass,
+  zn as BentoTooltipDirective,
+  Kn as BentoTooltipPosition,
+  Hn as BentoTooltipState,
+  tn as BentoTutorial,
   _ as BentoTypography,
   Y as BentoTypographyElement,
   j as BentoTypographyModifier,
   U as BentoTypographyVariant,
-  Rn as DateFormat,
+  An as DateFormat,
   M as default,
   Nt as minLength,
   Rt as requireLowercase,
@@ -364,7 +362,7 @@ export {
   w as useBentoTheme,
   c as useBentoThemeKey,
   N as useBentoToastController,
-  An as useClickOutside,
+  co as useClickOutside,
   Ze as useCountryCapital,
   On as useCountryName,
   kn as useCountryPhoneCode,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/composables/use-form-validate/use-form.ts","../src/composables/use-bento-theme/use-bento-theme.types.ts","../src/composables/use-bento-theme/use-bento-theme.ts","../src/composables/use-bento-toast-controller/install.ts","../src/composables/use-bento-theme/install.ts","../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 * @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 { 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","_a","getCurrentInstance","printDevelopmentWarning","installToast","Vue","toastStackInjectionKey","createToastStack","getTheme","getThemeForSystemPreference","BentoTheme","setTheme","theme","currentTheme","systemTheme","themeToSet","installTheme","themeProvider","plugin","withToast","withUtilityClasses","withDesignTokensCSSInjection","deprecate"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/composables/use-form-validate/use-form.ts","../src/composables/use-bento-theme/use-bento-theme.types.ts","../src/composables/use-bento-theme/use-bento-theme.ts","../src/composables/use-bento-toast-controller/install.ts","../src/composables/use-bento-theme/install.ts","../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","_a","getCurrentInstance","printDevelopmentWarning","installToast","Vue","toastStackInjectionKey","createToastStack","getTheme","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.CYOXx8CL.js";
+import { B as e } from "./chunks/info-icon.B4P_Zi58.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.C1zTapiN.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.DsslmTb_.js";
 export {
   a as BentoInputFieldPassword,
   s as minLength,

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

@@ -1,5 +1,6 @@
-import { i as n } from "./chunks/input-field-phone-number.K8BYjWfa.js";
+import { i as o, B as t } from "./chunks/input-field-phone-number.D2T8jzAr.js";
 export {
-  n as BentoInputFieldPhoneNumber
+  o as BentoInputFieldPhoneNumber,
+  t as BentoInputFieldPhoneNumberCountries
 };
 //# sourceMappingURL=input-field-phone-number.js.map

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

package/dist/inspector.js

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