@adyen/bento-vue2 1.6.1 → 1.7.0

package/dist/index.js

@@ -1,65 +1,66 @@
 var B = Object.defineProperty;
-var i = (t, e, o) => e in t ? B(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var r = (t, e, o) => (i(t, typeof e != "symbol" ? e + "" : e, o), o);
+var i = (e, t, o) => t in e ? B(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var r = (e, t, o) => (i(e, typeof t != "symbol" ? t + "" : t, o), o);
 import "./chunks/index.af05ced4.js";
 import { reactive as m } from "vue";
 import { g as p } from "./chunks/unique-id.a2a2b458.js";
-import { BentoAccordion as C, BentoAccordionItem as T } from "./accordion.js";
-import { BentoAlert as D, BentoAlertEvent as v, BentoAlertTypeOption as I, BentoAlertVariant as E } from "./alert.js";
-import { a as L, b as P, B as F } from "./chunks/button.eb60d460.js";
+import { BentoAccordion as T, BentoAccordionItem as C } from "./accordion.js";
+import { BentoAlert as D, BentoAlertEvent as v, BentoAlertTypeOption as I, BentoAlertVariant as b } from "./alert.js";
+import { a as L, b as P, B as F } from "./chunks/button.e09d5980.js";
 import { BentoColumnOverflow as k, BentoDataGrid as G, BentoDatagridAriaSortValue as w, BentoDatagridEvent as A, BentoDatagridSortDirection as M, BentoDatagridStyleState as O } from "./data-grid.js";
 import { BentoCard as _, BentoCardBackground as N, BentoCardTitleSize as q } from "./card.js";
 import { BentoDatePicker as U, BentoDatePickerEvent as K } from "./date-picker.js";
-import { B as Y, a as j } from "./chunks/index.31949c1a.js";
-import { B as $, u as J } from "./chunks/dropdown.3f198167.js";
-import { BentoDropdownAvatar as X, BentoDropdownCountry as Z, BentoDropdownCurrency as ee, BentoDropdownPaymentMethod as te, BentoDropdownTag as oe } from "./dropdown.js";
-import { B as re, b as ae, a as Be } from "./chunks/checkbox.96ee3f71.js";
-import { BentoClickOutside as me } from "./click-outside.js";
-import { BentoCodeSnippet as se, BentoCodeSnippetEvent as de, BentoCodeSnippetSupportedLanguage as ue, BentoCodeSnippetVariant as le } from "./code-snippet.js";
-import { BentoCountry as xe, BentoCountryCode as ye, BentoCountryVariant as ce, useCountryCapital as ge, useCountryName as Se, useCountryPhoneCode as Ce } from "./country.js";
-import { BentoCurrency as he, BentoCurrencyISOCode as De } from "./currency.js";
-import { B as Ie, a as Ee } from "./chunks/index.a709a6b0.js";
-import { BentoDivider as Le } from "./divider.js";
-import { BentoEmptyState as Fe, BentoEmptyStateImage as Ve, BentoEmptyStateImageVariant as ke, BentoEmptyStateVariant as Ge } from "./empty-state.js";
-import { BentoFilterBar as Ae, BentoFilterBarEvent as Me, BentoFilterEvent as Oe, BentoFilterItemType as Re } from "./filter-bar.js";
-import { BentoFormLayout as Ne, BentoFormLayoutFieldTip as qe, BentoFormLayoutGroup as ze, BentoFormLayoutTitle as Ue } from "./form-layout.js";
-import { BentoImage as We, BentoImageAspectRatio as Ye, BentoImageObjectFit as je } from "./image.js";
-import { BentoInfoIcon as $e } from "./info-icon.js";
-import { BentoInputField as Qe, BentoInputFieldElementPosition as Xe, BentoInputFieldEvent as Ze, BentoInputFieldStateClass as et, BentoInputFieldType as tt, BentoInputFieldVariant as ot } from "./input-field.js";
-import { BentoLoadingIndicator as rt, BentoLoadingIndicatorEvent as at } from "./loading-indicator.js";
-import { BentoLink as it, BentoLinkVariant as mt } from "./link.js";
-import { BentoMenu as st, BentoMenuEvent as dt } from "./menu.js";
-import { BentoModal as lt } from "./modal.js";
-import { b as xt, d as yt, e as ct, c as gt, a as St, B as Ct } from "./chunks/base-modal.ec74044e.js";
-import { BentoHeader as ht } from "./header.js";
-import { BentoPagination as vt } from "./pagination.js";
-import { BentoPaymentMethod as Et, BentoPaymentMethodType as bt } from "./payment-method.js";
-import { BentoPopover as Pt, BentoPopoverPositions as Ft } from "./popover.js";
-import { BentoRadioGroup as kt, BentoRadioGroupVariant as Gt } from "./radio-group.js";
-import { BentoSearchBar as At, BentoSearchBarEvent as Mt, BentoSearchBarInternalEvent as Ot } from "./search-bar.js";
-import { BentoSegmentedControl as _t, BentoSegmentedControlEvent as Nt } from "./segmented-control.js";
-import { BentoSidepanel as zt, BentoSidepanelAnimation as Ut, BentoSidepanelEvent as Kt, BentoSidepanelPage as Wt } from "./sidepanel.js";
-import { BentoStatus as jt, BentoStatusVariant as Ht } from "./status.js";
-import { BentoStep as Jt, BentoStepper as Qt, BentoStepperTypeOption as Xt, BentoStepperVariantOption as Zt } from "./stepper.js";
-import { B as to, a as oo } from "./chunks/index.298f5eed.js";
+import { B as Y, a as j } from "./chunks/index.e566354f.js";
+import { B as $, u as J } from "./chunks/dropdown.f1253a54.js";
+import { BentoDropdownAvatar as X, BentoDropdownCountry as Z, BentoDropdownCurrency as tt, BentoDropdownPaymentMethod as et, BentoDropdownTag as ot } from "./dropdown.js";
+import { B as rt, b as at, a as Bt } from "./chunks/checkbox.5343e28e.js";
+import { BentoClickOutside as mt } from "./click-outside.js";
+import { BentoCodeSnippet as st, BentoCodeSnippetEvent as dt, BentoCodeSnippetSupportedLanguage as ut, BentoCodeSnippetVariant as lt } from "./code-snippet.js";
+import { BentoCountry as xt, BentoCountryCode as yt, BentoCountryVariant as ct, useCountryCapital as gt, useCountryName as St, useCountryPhoneCode as Tt } from "./country.js";
+import { BentoCurrency as ht, BentoCurrencyISOCode as Dt } from "./currency.js";
+import { B as It, a as bt } from "./chunks/index.b83f8b7e.js";
+import { BentoDivider as Lt } from "./divider.js";
+import { BentoEmptyState as Ft, BentoEmptyStateImage as Vt, BentoEmptyStateImageVariant as kt, BentoEmptyStateVariant as Gt } from "./empty-state.js";
+import { BentoFilterBar as At, BentoFilterBarEvent as Mt, BentoFilterEvent as Ot, BentoFilterItemType as Rt } from "./filter-bar.js";
+import { BentoFormLayout as Nt, BentoFormLayoutFieldTip as qt, BentoFormLayoutGroup as zt, BentoFormLayoutTitle as Ut } from "./form-layout.js";
+import { BentoImage as Wt, BentoImageAspectRatio as Yt, BentoImageObjectFit as jt } from "./image.js";
+import { BentoInfoIcon as $t } from "./info-icon.js";
+import { BentoInputField as Qt, BentoInputFieldElementPosition as Xt, BentoInputFieldEvent as Zt, BentoInputFieldStateClass as te, BentoInputFieldType as ee, BentoInputFieldVariant as oe } from "./input-field.js";
+import { BentoLoadingIndicator as re, BentoLoadingIndicatorEvent as ae } from "./loading-indicator.js";
+import { BentoLink as ie, BentoLinkVariant as me } from "./link.js";
+import { B as se, a as de } from "./chunks/index.37283390.js";
+import { BentoModal as le } from "./modal.js";
+import { b as xe, d as ye, e as ce, c as ge, a as Se, B as Te } from "./chunks/base-modal.88e7b9d4.js";
+import { BentoHeader as he } from "./header.js";
+import { BentoPagination as ve } from "./pagination.js";
+import { BentoPaymentMethod as be, BentoPaymentMethodType as Ee } from "./payment-method.js";
+import { BentoPopover as Pe, BentoPopoverPositions as Fe } from "./popover.js";
+import { BentoRadioGroup as ke, BentoRadioGroupVariant as Ge } from "./radio-group.js";
+import { BentoSearchBar as Ae, BentoSearchBarEvent as Me, BentoSearchBarInternalEvent as Oe } from "./search-bar.js";
+import { BentoSegmentedControl as _e, BentoSegmentedControlEvent as Ne } from "./segmented-control.js";
+import { BentoSidepanel as ze, BentoSidepanelAnimation as Ue, BentoSidepanelEvent as Ke, BentoSidepanelPage as We } from "./sidepanel.js";
+import { BentoStatus as je, BentoStatusVariant as He } from "./status.js";
+import { BentoStep as Je, BentoStepper as Qe, BentoStepperTypeOption as Xe, BentoStepperVariantOption as Ze } from "./stepper.js";
+import { B as eo, a as oo } from "./chunks/index.d6b5f5e1.js";
 import { BentoSummaryGrid as ro, BentoSummaryGridItemAmount as ao, BentoSummaryGridItemCustom as Bo, BentoSummaryGridItemNumeric as io, BentoSummaryGridItemPercentage as mo, BentoSummaryGridItemSize as po, BentoSummaryGridItemText as so, BentoSummaryGridItemTrendDirection as uo } from "./summary-grid.js";
 import { BentoTab as fo, BentoTabs as xo } from "./tabs.js";
 import { BentoTag as co, BentoTagVariant as go } from "./tag.js";
-import { BentoTextarea as Co } from "./textarea.js";
-import { BentoTimeline as ho, BentoTimelineGapUnit as Do, BentoTimelineItem as vo, BentoTimelineItemVariant as Io, BentoTimelineShowMorePlacement as Eo } from "./timeline.js";
+import { BentoTextarea as To } from "./textarea.js";
+import { BentoTimeline as ho, BentoTimelineGapUnit as Do, BentoTimelineItem as vo, BentoTimelineItemVariant as Io, BentoTimelineShowMorePlacement as bo } from "./timeline.js";
 import { BentoToast as Lo } from "./toast.js";
 import { u as Fo } from "./chunks/toastController.0e01443d.js";
 import { BentoToggle as ko, BentoToggleLabelPosition as Go, BentoTogglePropClass as wo } from "./toggle.js";
-import { B as Mo, c as Oo, b as Ro, a as _o } from "./chunks/index.2fce7703.js";
-import { BentoButtonActions as qo, BentoButtonActionsLayout as zo, BentoButtonActionsLayoutBasic as Uo, BentoButtonActionsLayoutExtended as Ko } from "./button.js";
-import { B as Yo, a as jo } from "./chunks/loading-button.0ad06c99.js";
-import { C as $o, C as Jo } from "./chunks/calendar.b74f8a0f.js";
-import { BentoCheckboxGroup as Xo, BentoCheckboxGroupVariant as Zo } from "./checkbox.js";
-import { D as tn } from "./chunks/date-input.9186a0bf.js";
-import { a as nn, B as rn } from "./chunks/keyboard-navigation.ca47dfa8.js";
-import { B as Bn, a as mn } from "./chunks/listbox.e7bf46e4.js";
-import { B as sn } from "./chunks/directive.0408e565.js";
-import { b as un, B as ln, a as fn } from "./chunks/tooltip.68e81e9c.js";
+import { BentoTutorial as Mo } from "./tutorial.js";
+import { B as Ro, c as _o, b as No, a as qo } from "./chunks/index.965ac1af.js";
+import { BentoButtonActions as Uo, BentoButtonActionsLayout as Ko, BentoButtonActionsLayoutBasic as Wo, BentoButtonActionsLayoutExtended as Yo } from "./button.js";
+import { B as Ho, a as $o } from "./chunks/loading-button.c65682d6.js";
+import { b as Qo, b as Xo } from "./chunks/calendar.24d0ac04.js";
+import { BentoCheckboxGroup as tn, BentoCheckboxGroupVariant as en } from "./checkbox.js";
+import { D as nn } from "./chunks/date-input.9186a0bf.js";
+import { a as an, B as Bn } from "./chunks/keyboard-navigation.ca47dfa8.js";
+import { a as pn, b as sn } from "./chunks/listbox.73c38f38.js";
+import { B as un } from "./chunks/directive.0408e565.js";
+import { b as fn, B as xn, a as yn } from "./chunks/tooltip.104e5fac.js";
 class s {
   constructor() {
     r(this, "_state");
@@ -68,12 +69,12 @@ class s {
   get state() {
     return this._state;
   }
-  dismissToast(e) {
-    this._state.queue.splice(this._state.queue.indexOf(e), 1);
+  dismissToast(t) {
+    this._state.queue.splice(this._state.queue.indexOf(t), 1);
   }
-  addToast(e) {
+  addToast(t) {
     const o = p("toast"), n = {
-      ...e,
+      ...t,
       id: o,
       dismiss: () => this.dismissToast(n)
     };
@@ -82,139 +83,139 @@ class s {
     };
   }
 }
-var d = /* @__PURE__ */ ((t) => (t.LEGACY = "b-legacy-theme", t.STYLEGUIDE = "b-styleguide-theme", t.BENTO = "", t))(d || {});
-const a = (t) => {
-  document.body.classList.add(t);
+var d = /* @__PURE__ */ ((e) => (e.LEGACY = "b-legacy-theme", e.STYLEGUIDE = "b-styleguide-theme", e.BENTO = "", e))(d || {});
+const a = (e) => {
+  document.body.classList.add(e);
 }, u = {
-  install: async (t, e) => {
-    e != null && e.withToast && (t.prototype.$bentoToastController = new s()), (e == null ? void 0 : e.theme) === "b-legacy-theme" ? (a(
+  install: async (e, t) => {
+    t != null && t.withToast && (e.prototype.$bentoToastController = new s()), (t == null ? void 0 : t.theme) === "b-legacy-theme" ? (a(
       "b-legacy-theme"
       /* LEGACY */
-    ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css?used")) : (e == null ? void 0 : e.theme) === "b-styleguide-theme" ? (a(
+    ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css?used")) : (t == null ? void 0 : t.theme) === "b-styleguide-theme" ? (a(
       "b-styleguide-theme"
       /* STYLEGUIDE */
-    ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css?used")) : await import("@adyen/bento-design-tokens/dist/css/bento/variables.css?used"), e != null && e.withUtilityClasses && await import("@adyen/bento-design-tokens/dist/css/bento/utility.css?used");
+    ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css?used")) : await import("@adyen/bento-design-tokens/dist/css/bento/variables.css?used"), t != null && t.withUtilityClasses && await import("@adyen/bento-design-tokens/dist/css/bento/utility.css?used");
   }
 }, c = u;
 export {
-  C as BentoAccordion,
-  T as BentoAccordionItem,
+  T as BentoAccordion,
+  C as BentoAccordionItem,
   D as BentoAlert,
   v as BentoAlertEvent,
   I as BentoAlertTypeOption,
-  E as BentoAlertVariant,
+  b as BentoAlertVariant,
   L as BentoButton,
-  qo as BentoButtonActions,
-  zo as BentoButtonActionsLayout,
-  Uo as BentoButtonActionsLayoutBasic,
-  Ko as BentoButtonActionsLayoutExtended,
+  Uo as BentoButtonActions,
+  Ko as BentoButtonActionsLayout,
+  Wo as BentoButtonActionsLayoutBasic,
+  Yo as BentoButtonActionsLayoutExtended,
   P as BentoButtonPropClass,
   F as BentoButtonVariant,
   _ as BentoCard,
   N as BentoCardBackground,
   q as BentoCardTitleSize,
-  re as BentoCheckbox,
-  ae as BentoCheckboxEvent,
-  Xo as BentoCheckboxGroup,
-  Zo as BentoCheckboxGroupVariant,
-  Be as BentoCheckboxState,
-  me as BentoClickOutside,
-  sn as BentoClickOutsideDirective,
-  se as BentoCodeSnippet,
-  de as BentoCodeSnippetEvent,
-  ue as BentoCodeSnippetSupportedLanguage,
-  le as BentoCodeSnippetVariant,
+  rt as BentoCheckbox,
+  at as BentoCheckboxEvent,
+  tn as BentoCheckboxGroup,
+  en as BentoCheckboxGroupVariant,
+  Bt as BentoCheckboxState,
+  mt as BentoClickOutside,
+  un as BentoClickOutsideDirective,
+  st as BentoCodeSnippet,
+  dt as BentoCodeSnippetEvent,
+  ut as BentoCodeSnippetSupportedLanguage,
+  lt as BentoCodeSnippetVariant,
   k as BentoColumnOverflow,
-  xe as BentoCountry,
-  ye as BentoCountryCode,
-  ce as BentoCountryVariant,
-  he as BentoCurrency,
-  De as BentoCurrencyISOCode,
+  xt as BentoCountry,
+  yt as BentoCountryCode,
+  ct as BentoCountryVariant,
+  ht as BentoCurrency,
+  Dt as BentoCurrencyISOCode,
   G as BentoDataGrid,
   w as BentoDatagridAriaSortValue,
   A as BentoDatagridEvent,
   M as BentoDatagridSortDirection,
   O as BentoDatagridStyleState,
-  Ie as BentoDate,
-  Ee as BentoDateFormat,
+  It as BentoDate,
+  bt as BentoDateFormat,
   U as BentoDatePicker,
   K as BentoDatePickerEvent,
-  $o as BentoDatePickerFirstDayOfWeek,
+  Qo as BentoDatePickerFirstDayOfWeek,
   Y as BentoDateRangePicker,
   j as BentoDateRangePickerEvent,
-  Jo as BentoDateRangePickerFirstDayOfWeek,
-  Le as BentoDivider,
+  Xo as BentoDateRangePickerFirstDayOfWeek,
+  Lt as BentoDivider,
   $ as BentoDropdown,
   X as BentoDropdownAvatar,
   Z as BentoDropdownCountry,
-  ee as BentoDropdownCurrency,
-  te as BentoDropdownPaymentMethod,
-  oe as BentoDropdownTag,
-  Fe as BentoEmptyState,
-  Ve as BentoEmptyStateImage,
-  ke as BentoEmptyStateImageVariant,
-  Ge as BentoEmptyStateVariant,
-  Ae as BentoFilterBar,
-  Me as BentoFilterBarEvent,
-  Oe as BentoFilterEvent,
-  Re as BentoFilterItemType,
-  Ne as BentoFormLayout,
-  qe as BentoFormLayoutFieldTip,
-  ze as BentoFormLayoutGroup,
-  Ue as BentoFormLayoutTitle,
-  ht as BentoHeader,
-  We as BentoImage,
-  Ye as BentoImageAspectRatio,
-  je as BentoImageObjectFit,
-  $e as BentoInfoIcon,
-  Qe as BentoInputField,
-  Xe as BentoInputFieldElementPosition,
-  Ze as BentoInputFieldEvent,
-  et as BentoInputFieldStateClass,
-  tt as BentoInputFieldType,
-  ot as BentoInputFieldVariant,
-  nn as BentoKeyboardNavigationDirective,
-  rn as BentoKeyboardNavigationKeyDownEvent,
-  it as BentoLink,
-  mt as BentoLinkVariant,
-  Bn as BentoListboxEvent,
-  mn as BentoListboxLazyLoadType,
-  Yo as BentoLoadingButton,
-  jo as BentoLoadingButtonState,
-  rt as BentoLoadingIndicator,
-  at as BentoLoadingIndicatorEvent,
-  st as BentoMenu,
-  dt as BentoMenuEvent,
-  lt as BentoModal,
-  xt as BentoModalColumnLayoutVariant,
-  yt as BentoModalDialogType,
-  ct as BentoModalEvent,
-  gt as BentoModalRole,
-  St as BentoModalSize,
-  Ct as BentoModalVariant,
-  vt as BentoPagination,
-  Et as BentoPaymentMethod,
-  bt as BentoPaymentMethodType,
-  Pt as BentoPopover,
-  Ft as BentoPopoverPositions,
-  kt as BentoRadioGroup,
-  Gt as BentoRadioGroupVariant,
-  At as BentoSearchBar,
-  Mt as BentoSearchBarEvent,
-  Ot as BentoSearchBarInternalEvent,
-  _t as BentoSegmentedControl,
-  Nt as BentoSegmentedControlEvent,
-  zt as BentoSidepanel,
-  Ut as BentoSidepanelAnimation,
-  Kt as BentoSidepanelEvent,
-  Wt as BentoSidepanelPage,
-  jt as BentoStatus,
-  Ht as BentoStatusVariant,
-  Jt as BentoStep,
-  Qt as BentoStepper,
-  Xt as BentoStepperTypeOption,
-  Zt as BentoStepperVariantOption,
-  to as BentoStructuredList,
+  tt as BentoDropdownCurrency,
+  et as BentoDropdownPaymentMethod,
+  ot as BentoDropdownTag,
+  Ft as BentoEmptyState,
+  Vt as BentoEmptyStateImage,
+  kt as BentoEmptyStateImageVariant,
+  Gt as BentoEmptyStateVariant,
+  At as BentoFilterBar,
+  Mt as BentoFilterBarEvent,
+  Ot as BentoFilterEvent,
+  Rt as BentoFilterItemType,
+  Nt as BentoFormLayout,
+  qt as BentoFormLayoutFieldTip,
+  zt as BentoFormLayoutGroup,
+  Ut as BentoFormLayoutTitle,
+  he as BentoHeader,
+  Wt as BentoImage,
+  Yt as BentoImageAspectRatio,
+  jt as BentoImageObjectFit,
+  $t as BentoInfoIcon,
+  Qt as BentoInputField,
+  Xt as BentoInputFieldElementPosition,
+  Zt as BentoInputFieldEvent,
+  te as BentoInputFieldStateClass,
+  ee as BentoInputFieldType,
+  oe as BentoInputFieldVariant,
+  an as BentoKeyboardNavigationDirective,
+  Bn as BentoKeyboardNavigationKeyDownEvent,
+  ie as BentoLink,
+  me as BentoLinkVariant,
+  pn as BentoListboxEvent,
+  sn as BentoListboxLazyLoadType,
+  Ho as BentoLoadingButton,
+  $o as BentoLoadingButtonState,
+  re as BentoLoadingIndicator,
+  ae as BentoLoadingIndicatorEvent,
+  se as BentoMenu,
+  de as BentoMenuEvent,
+  le as BentoModal,
+  xe as BentoModalColumnLayoutVariant,
+  ye as BentoModalDialogType,
+  ce as BentoModalEvent,
+  ge as BentoModalRole,
+  Se as BentoModalSize,
+  Te as BentoModalVariant,
+  ve as BentoPagination,
+  be as BentoPaymentMethod,
+  Ee as BentoPaymentMethodType,
+  Pe as BentoPopover,
+  Fe as BentoPopoverPositions,
+  ke as BentoRadioGroup,
+  Ge as BentoRadioGroupVariant,
+  Ae as BentoSearchBar,
+  Me as BentoSearchBarEvent,
+  Oe as BentoSearchBarInternalEvent,
+  _e as BentoSegmentedControl,
+  Ne as BentoSegmentedControlEvent,
+  ze as BentoSidepanel,
+  Ue as BentoSidepanelAnimation,
+  Ke as BentoSidepanelEvent,
+  We as BentoSidepanelPage,
+  je as BentoStatus,
+  He as BentoStatusVariant,
+  Je as BentoStep,
+  Qe as BentoStepper,
+  Xe as BentoStepperTypeOption,
+  Ze as BentoStepperVariantOption,
+  eo as BentoStructuredList,
   oo as BentoStructuredListItem,
   ro as BentoSummaryGrid,
   ao as BentoSummaryGridItemAmount,
@@ -228,30 +229,31 @@ export {
   xo as BentoTabs,
   co as BentoTag,
   go as BentoTagVariant,
-  Co as BentoTextarea,
+  To as BentoTextarea,
   d as BentoTheme,
   ho as BentoTimeline,
   Do as BentoTimelineGapUnit,
   vo as BentoTimelineItem,
   Io as BentoTimelineItemVariant,
-  Eo as BentoTimelineShowMorePlacement,
+  bo as BentoTimelineShowMorePlacement,
   Lo as BentoToast,
   ko as BentoToggle,
   Go as BentoToggleLabelPosition,
   wo as BentoTogglePropClass,
-  un as BentoTooltipDirective,
-  ln as BentoTooltipPosition,
-  fn as BentoTooltipState,
-  Mo as BentoTypography,
-  Oo as BentoTypographyElement,
-  Ro as BentoTypographyModifier,
-  _o as BentoTypographyVariant,
-  tn as DateFormat,
+  fn as BentoTooltipDirective,
+  xn as BentoTooltipPosition,
+  yn as BentoTooltipState,
+  Mo as BentoTutorial,
+  Ro as BentoTypography,
+  _o as BentoTypographyElement,
+  No as BentoTypographyModifier,
+  qo as BentoTypographyVariant,
+  nn as DateFormat,
   c as default,
   Fo as useBentoToastController,
-  ge as useCountryCapital,
-  Se as useCountryName,
-  Ce as useCountryPhoneCode,
+  gt as useCountryCapital,
+  St as useCountryName,
+  Tt as useCountryPhoneCode,
   J as useSearchBarFilter
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/plugins/toastController.ts","../src/install.ts"],"sourcesContent":["import { reactive } from 'vue';\nimport { generateUid } from '@/utils/ts/unique-id';\nimport { BentoToastItem } from '@/components/toast/components/toast-item';\n\n/* eslint-disable no-underscore-dangle */\nexport default class ToastController {\n    get state(): { queue: Array<BentoToastItem> } {\n        return this._state;\n    }\n\n    private _state: { queue: Array<BentoToastItem> };\n\n    constructor() {\n        this._state = reactive({ queue: [] });\n    }\n\n    private dismissToast(toast: BentoToastItem): void {\n        this._state.queue.splice(this._state.queue.indexOf(toast), 1);\n    }\n\n    public addToast(params: BentoToastItem) {\n        const id = generateUid('toast');\n        const toast = {\n            ...params,\n            id,\n            dismiss: () => this.dismissToast(toast),\n        };\n\n        // new messages always appear in front\n        this._state.queue.push(toast);\n\n        // return API to manipulate toast\n        return {\n            dismiss: () => this.dismissToast(toast),\n        };\n    }\n}\n/* eslint-enable no-underscore-dangle */\n","import type { PluginObject } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport ToastController from './plugins/toastController';\n\nexport enum BentoTheme {\n    LEGACY = 'b-legacy-theme',\n    STYLEGUIDE = 'b-styleguide-theme',\n    BENTO = '',\n}\n\ninterface BentoVuePlugin {\n    theme: BentoTheme;\n    withToast: boolean;\n}\n\nconst setTheme = (theme: BentoTheme) => {\n    document.body.classList.add(theme);\n};\n\nconst plugin: PluginObject<BentoVuePlugin> = {\n    install: async (Vue, options: { theme: BentoTheme; withToast: boolean; withUtilityClasses: boolean }) => {\n        if (options?.withToast) {\n            if (isVue2) {\n                // Adds a new property to the Vue instance\n                // eslint-disable-next-line no-param-reassign\n                (Vue as any).prototype.$bentoToastController = new ToastController();\n            } else {\n                // eslint-disable-next-line no-param-reassign\n                (Vue as any).config.globalProperties.$bentoToastController = new ToastController();\n            }\n        }\n        // Make sure to put all awaited CSS imports below this point and not above!\n        if (options?.theme === BentoTheme.LEGACY) {\n            setTheme(BentoTheme.LEGACY);\n            await import('@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css');\n        } else if (options?.theme === BentoTheme.STYLEGUIDE) {\n            setTheme(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 (options?.withUtilityClasses) {\n            await import('@adyen/bento-design-tokens/dist/css/bento/utility.css');\n        }\n    },\n};\n\nexport default plugin;\n"],"names":["ToastController","__publicField","reactive","toast","params","id","generateUid","BentoTheme","setTheme","theme","plugin","Vue","options","BentoVue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAqBA,EAAgB;AAAA,EAOjC,cAAc;AAFN,IAAAC,EAAA;AAGJ,SAAK,SAASC,EAAS,EAAE,OAAO,CAAA,EAAI,CAAA;AAAA,EACxC;AAAA,EARA,IAAI,QAA0C;AAC1C,WAAO,KAAK;AAAA,EAChB;AAAA,EAQQ,aAAaC,GAA6B;AACzC,SAAA,OAAO,MAAM,OAAO,KAAK,OAAO,MAAM,QAAQA,CAAK,GAAG,CAAC;AAAA,EAChE;AAAA,EAEO,SAASC,GAAwB;AAC9B,UAAAC,IAAKC,EAAY,OAAO,GACxBH,IAAQ;AAAA,MACV,GAAGC;AAAA,MACH,IAAAC;AAAA,MACA,SAAS,MAAM,KAAK,aAAaF,CAAK;AAAA,IAAA;AAIrC,gBAAA,OAAO,MAAM,KAAKA,CAAK,GAGrB;AAAA,MACH,SAAS,MAAM,KAAK,aAAaA,CAAK;AAAA,IAAA;AAAA,EAE9C;AACJ;AChCY,IAAAI,sBAAAA,OACRA,EAAA,SAAS,kBACTA,EAAA,aAAa,sBACbA,EAAA,QAAQ,IAHAA,IAAAA,KAAA,CAAA,CAAA;AAWZ,MAAMC,IAAW,CAACC,MAAsB;AAC3B,WAAA,KAAK,UAAU,IAAIA,CAAK;AACrC,GAEMC,IAAuC;AAAA,EACzC,SAAS,OAAOC,GAAKC,MAAoF;AACrG,IAAIA,KAAA,QAAAA,EAAS,cAIJD,EAAY,UAAU,wBAAwB,IAAIX,EAAgB,KAOvEY,KAAA,gBAAAA,EAAS,WAAU,oBACnBJ;AAAA,MAAS;AAAA;AAAA,IAAiB,GAC1B,MAAM,OAAO,qEAAgE,MACtEI,KAAA,gBAAAA,EAAS,WAAU,wBAC1BJ;AAAA,MAAS;AAAA;AAAA,IAAqB,GAC9B,MAAM,OAAO,yEAAoE,KAEjF,MAAM,OAAO,8DAAyD,GAGtEI,KAAA,QAAAA,EAAS,sBACT,MAAM,OAAO,4DAAuD;AAAA,EAE5E;AACJ,GAEAC,IAAeH;"}
+{"version":3,"file":"index.js","sources":["../src/plugins/toastController.ts","../src/install.ts"],"sourcesContent":["import { reactive } from 'vue';\nimport { generateUid } from '@/utils/ts/unique-id';\nimport { BentoToastItem } from '@/components/toast/components/toast-item';\n\n/* eslint-disable no-underscore-dangle */\nexport default class ToastController {\n    get state(): { queue: Array<BentoToastItem> } {\n        return this._state;\n    }\n\n    private _state: { queue: Array<BentoToastItem> };\n\n    constructor() {\n        this._state = reactive({ queue: [] });\n    }\n\n    private dismissToast(toast: BentoToastItem): void {\n        this._state.queue.splice(this._state.queue.indexOf(toast), 1);\n    }\n\n    public addToast(params: BentoToastItem) {\n        const id = generateUid('toast');\n        const toast = {\n            ...params,\n            id,\n            dismiss: () => this.dismissToast(toast),\n        };\n\n        // new messages always appear in front\n        this._state.queue.push(toast);\n\n        // return API to manipulate toast\n        return {\n            dismiss: () => this.dismissToast(toast),\n        };\n    }\n}\n/* eslint-enable no-underscore-dangle */\n","import type { PluginObject } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport ToastController from './plugins/toastController';\n\nexport enum BentoTheme {\n    LEGACY = 'b-legacy-theme',\n    STYLEGUIDE = 'b-styleguide-theme',\n    BENTO = '',\n}\n\ninterface BentoVuePlugin {\n    theme: BentoTheme;\n    withToast: boolean;\n}\n\nconst setTheme = (theme: BentoTheme) => {\n    document.body.classList.add(theme);\n};\n\nconst plugin: PluginObject<BentoVuePlugin> = {\n    install: async (Vue, options: { theme: BentoTheme; withToast: boolean; withUtilityClasses: boolean }) => {\n        if (options?.withToast) {\n            if (isVue2) {\n                // Adds a new property to the Vue instance\n                // eslint-disable-next-line no-param-reassign\n                (Vue as any).prototype.$bentoToastController = new ToastController();\n            } else {\n                // eslint-disable-next-line no-param-reassign\n                (Vue as any).config.globalProperties.$bentoToastController = new ToastController();\n            }\n        }\n        // Make sure to put all awaited CSS imports below this point and not above!\n        if (options?.theme === BentoTheme.LEGACY) {\n            setTheme(BentoTheme.LEGACY);\n            await import('@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css');\n        } else if (options?.theme === BentoTheme.STYLEGUIDE) {\n            setTheme(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 (options?.withUtilityClasses) {\n            await import('@adyen/bento-design-tokens/dist/css/bento/utility.css');\n        }\n    },\n};\n\nexport default plugin;\n"],"names":["ToastController","__publicField","reactive","toast","params","id","generateUid","BentoTheme","setTheme","theme","plugin","Vue","options","BentoVue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAqBA,EAAgB;AAAA,EAOjC,cAAc;AAFN,IAAAC,EAAA;AAGJ,SAAK,SAASC,EAAS,EAAE,OAAO,CAAA,EAAI,CAAA;AAAA,EACxC;AAAA,EARA,IAAI,QAA0C;AAC1C,WAAO,KAAK;AAAA,EAChB;AAAA,EAQQ,aAAaC,GAA6B;AACzC,SAAA,OAAO,MAAM,OAAO,KAAK,OAAO,MAAM,QAAQA,CAAK,GAAG,CAAC;AAAA,EAChE;AAAA,EAEO,SAASC,GAAwB;AAC9B,UAAAC,IAAKC,EAAY,OAAO,GACxBH,IAAQ;AAAA,MACV,GAAGC;AAAA,MACH,IAAAC;AAAA,MACA,SAAS,MAAM,KAAK,aAAaF,CAAK;AAAA,IAAA;AAIrC,gBAAA,OAAO,MAAM,KAAKA,CAAK,GAGrB;AAAA,MACH,SAAS,MAAM,KAAK,aAAaA,CAAK;AAAA,IAAA;AAAA,EAE9C;AACJ;AChCY,IAAAI,sBAAAA,OACRA,EAAA,SAAS,kBACTA,EAAA,aAAa,sBACbA,EAAA,QAAQ,IAHAA,IAAAA,KAAA,CAAA,CAAA;AAWZ,MAAMC,IAAW,CAACC,MAAsB;AAC3B,WAAA,KAAK,UAAU,IAAIA,CAAK;AACrC,GAEMC,IAAuC;AAAA,EACzC,SAAS,OAAOC,GAAKC,MAAoF;AACrG,IAAIA,KAAA,QAAAA,EAAS,cAIJD,EAAY,UAAU,wBAAwB,IAAIX,EAAgB,KAOvEY,KAAA,gBAAAA,EAAS,WAAU,oBACnBJ;AAAA,MAAS;AAAA;AAAA,IAAiB,GAC1B,MAAM,OAAO,qEAAgE,MACtEI,KAAA,gBAAAA,EAAS,WAAU,wBAC1BJ;AAAA,MAAS;AAAA;AAAA,IAAqB,GAC9B,MAAM,OAAO,yEAAoE,KAEjF,MAAM,OAAO,8DAAyD,GAGtEI,KAAA,QAAAA,EAAS,sBACT,MAAM,OAAO,4DAAuD;AAAA,EAE5E;AACJ,GAEAC,IAAeH;"}

package/dist/info-icon.js

@@ -1,8 +1,8 @@
 import { defineComponent as r } from "vue";
-import { PopperContainerPosition as i } from "./popper-container.js";
+import { c as i } from "./chunks/index.8ac70774.js";
 import { n as s } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { b as a } from "./chunks/tooltip.68e81e9c.js";
-import "./assets/index4.css";
+import { b as a } from "./chunks/tooltip.104e5fac.js";
+import "./assets/index44.css";
 let n = 0;
 const l = {
   beforeCreate() {

package/dist/input-field.js

@@ -1,15 +1,15 @@
 import { defineComponent as H, useAttrs as q, useSlots as G, ref as R, toRef as z, computed as i, toRefs as j } from "vue";
-import { d as F, B as W } from "./chunks/index.2fce7703.js";
-import { u as Y } from "./chunks/use-has-slot.6052d56a.js";
-import { u as X } from "./chunks/use-form-layout-loading.d03e5d48.js";
+import { d as F, B as W } from "./chunks/index.965ac1af.js";
+import { u as Y } from "./chunks/use-form-layout-loading.d03e5d48.js";
+import { u as X } from "./chunks/use-has-slot.6052d56a.js";
 import { g as p } from "./chunks/unique-id.a2a2b458.js";
 import { u as K } from "./chunks/i18n.155748d6.js";
-import { a as J, B as Q } from "./chunks/dropdown.3f198167.js";
+import { a as J, B as Q } from "./chunks/dropdown.f1253a54.js";
 import { g as Z } from "./chunks/get-slot-text.c1114034.js";
 import { u as tt } from "./chunks/aria-label.ac9651a5.js";
-import { E as et } from "./chunks/error-message.f5454f19.js";
+import { E as et } from "./chunks/error-message.8302a46c.js";
 import { n as at } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index24.css";
+import "./assets/index22.css";
 var s = /* @__PURE__ */ ((a) => (a.DEFAULT = "default", a.PAYMENT_METHOD = "payment-method", a.STATIC_VALUE = "static-value", a.DROPDOWN = "dropdown", a))(s || {}), n = /* @__PURE__ */ ((a) => (a.START = "start", a.END = "end", a))(n || {}), d = /* @__PURE__ */ ((a) => (a.CONDENSED = "condensed", a.DISABLED = "disabled", a.READONLY = "readonly", a.ERROR = "error", a.SMALL_PADDING_LEFT = "small-padding-left", a.SMALL_PADDING_RIGHT = "small-padding-right", a))(d || {}), D = /* @__PURE__ */ ((a) => (a.SEARCH = "search", a.TEXT = "text", a.NUMBER = "number", a))(D || {}), ot = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.ESCAPE_PRESSED = "escape-pressed", a.UPDATE_DROPDOWN = "update:dropdown", a.DROPDOWN_INPUT = "dropdown-input", a.FOCUS = "focus", a.CHANGE = "change", a.BLUR = "blur", a.KEYDOWN = "keydown", a))(ot || {});
 const rt = {
   "en-US": {
@@ -120,7 +120,7 @@ const rt = {
   },
   emits: ["update:dropdown", "blur", "change", "dropdown-input", "escape-pressed", "focus", "keydown", "input"],
   setup(a, { expose: e, emit: o }) {
-    const t = a, r = q(), c = G(), { t: h } = K(), b = Y(c), w = R(null), P = p("input"), y = p("input-dropdown"), v = p("input-static-value"), S = p("input-description"), A = p("input-error"), { isReadOnly: f } = X(z(t, "readonly")), l = i(
+    const t = a, r = q(), c = G(), { t: h } = K(), b = X(c), w = R(null), P = p("input"), y = p("input-dropdown"), v = p("input-static-value"), S = p("input-description"), A = p("input-error"), { isReadOnly: f } = Y(z(t, "readonly")), l = i(
       () => t.variant === s.STATIC_VALUE && !!c.staticValue
     ), C = i(() => t.variant === s.DEFAULT), N = i(() => t.variant === s.PAYMENT_METHOD), I = i(
       () => l.value && t.staticValuePosition === n.START

package/dist/internal.js

@@ -1,109 +1,23 @@
-import { B as X, L as $ } from "./chunks/listbox-option-tag.1362a2d7.js";
-import { a as q, b as H, C as J } from "./chunks/calendar.b74f8a0f.js";
-import { C as N } from "./chunks/copy.2ff56819.js";
-import { C as Y } from "./chunks/controls-group.e9537e45.js";
-import { E as tt } from "./chunks/error-message.f5454f19.js";
-import { ref as i, computed as a, defineComponent as g } from "vue";
-import { a as C } from "./chunks/button.eb60d460.js";
-import { u as B } from "./chunks/i18n.155748d6.js";
-import { C as R, a as L } from "./chunks/chevron-right.3b826337.js";
-import { n as S } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { G as ot, a as rt } from "./chunks/grid-layout.b7e0d964.js";
-import { b as st } from "./chunks/listbox.e7bf46e4.js";
-import "./assets/index3.css";
-const y = ({
-  contentRef: v,
-  containerRef: r,
-  leftButtonRef: e,
-  rightButtonRef: t
-}) => {
-  const s = i(0), l = i(0), u = a(() => {
-    var o;
-    return (o = v.value) == null ? void 0 : o.scrollWidth;
-  }), c = a(() => {
-    var o;
-    return (o = r.value) == null ? void 0 : o.clientWidth;
-  }), h = a(() => {
-    var n, _;
-    const o = ((n = e.value) == null ? void 0 : n.scrollWidth) ?? 0, p = ((_ = t.value) == null ? void 0 : _.scrollWidth) ?? 0;
-    return o + p;
-  }), f = a(() => Math.ceil(u.value / c.value) ?? 0), d = a(() => {
-    const o = new Array(f.value).fill(0);
-    return o.forEach((p, n) => {
-      if (n === 0)
-        return;
-      if (n === f.value - 1) {
-        o[o.length - 1] = -(u.value - c.value);
-        return;
-      }
-      const _ = o[n - 1];
-      o[n] = -(c.value + Math.abs(_) - h.value);
-    }), o;
-  }), m = a(() => l.value !== 0), x = a(
-    () => s.value === 0 || s.value >= -(u.value - c.value - 1)
-  );
-  return {
-    offset: s,
-    shouldShowLeftButton: m,
-    shouldShowRightButton: x,
-    // Methods
-    scrollLeft: () => {
-      l.value !== 0 && (l.value -= 1, s.value = d.value[l.value]);
-    },
-    scrollRight: () => {
-      l.value !== f.value - 1 && (l.value += 1, s.value = d.value[l.value]);
-    }
-  };
-}, b = {
-  "en-US": {
-    scrollLeft: "Scroll left",
-    scrollRight: "Scroll right"
-  }
-}, W = {
-  i18n: { messages: b }
-}, w = /* @__PURE__ */ g({
-  ...W,
-  __name: "fixed-scroller",
-  setup(v) {
-    const { t: r } = B(), e = i(null), t = i(null), s = i(null), l = i(null), { offset: u, shouldShowLeftButton: c, shouldShowRightButton: h, scrollLeft: f, scrollRight: d } = y({
-      contentRef: e,
-      containerRef: t,
-      leftButtonRef: s,
-      rightButtonRef: l
-    });
-    return { __sfc: !0, t: r, contentRef: e, fixedScrollerRef: t, leftButtonRef: s, rightButtonRef: l, offset: u, shouldShowLeftButton: c, shouldShowRightButton: h, scrollLeft: f, scrollRight: d, BentoButton: C, ChevronLeftIcon: R, ChevronRightIcon: L };
-  }
-});
-var k = function() {
-  var r = this, e = r._self._c, t = r._self._setupProxy;
-  return e("div", { ref: "fixedScrollerRef", staticClass: "b-fixed-scroller" }, [e("div", { staticClass: "b-fixed-scroller__container" }, [e("div", { ref: "contentRef", staticClass: "b-fixed-scroller__content", style: { transform: `translateX(${t.offset}px)` } }, [r._t("default")], 2)]), t.shouldShowLeftButton ? e("div", { ref: "leftButtonRef", staticClass: "b-fixed-scroller__left" }, [e(t.BentoButton, { attrs: { variant: "secondary", "aria-label": t.t("scrollLeft") }, on: { click: t.scrollLeft }, scopedSlots: r._u([{ key: "iconLeft", fn: function() {
-    return [e(t.ChevronLeftIcon, { attrs: { "svg-title": "checked", "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 1728943899) })], 1) : r._e(), t.shouldShowRightButton ? e("div", { ref: "rightButtonRef", staticClass: "b-fixed-scroller__right" }, [e(t.BentoButton, { attrs: { variant: "secondary", "aria-label": t.t("scrollRight") }, on: { click: t.scrollRight }, scopedSlots: r._u([{ key: "iconLeft", fn: function() {
-    return [e(t.ChevronRightIcon, { attrs: { "svg-title": "checked", "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 29940896) })], 1) : r._e()]);
-}, I = [], E = /* @__PURE__ */ S(
-  w,
-  k,
-  I,
-  !1,
-  null,
-  "ca3da0f2",
-  null,
-  null
-);
-const z = E.exports;
+import { B as a, L as e } from "./chunks/listbox-option-tag.6a09e8e2.js";
+import { C as s, a as p, b as x } from "./chunks/calendar.24d0ac04.js";
+import { C as f } from "./chunks/copy.346eadb1.js";
+import { C as i } from "./chunks/controls-group.2a21bd83.js";
+import { E as d } from "./chunks/error-message.8302a46c.js";
+import { F as y } from "./chunks/fixed-scroller.8994e30a.js";
+import { G as B, a as G } from "./chunks/grid-layout.b7e0d964.js";
+import { B as u } from "./chunks/listbox.73c38f38.js";
 export {
-  X as BentoAvatar,
-  st as BentoListbox,
-  q as Calendar,
-  H as CalendarEvent,
-  J as CalendarFirstDayOfWeek,
-  Y as ControlsGroup,
-  N as Copy,
-  tt as ErrorMessage,
-  z as FixedScroller,
-  ot as GridLayout,
-  rt as GridLayoutContainerType,
-  $ as ListboxOptionTag
+  a as BentoAvatar,
+  u as BentoListbox,
+  s as Calendar,
+  p as CalendarEvent,
+  x as CalendarFirstDayOfWeek,
+  i as ControlsGroup,
+  f as Copy,
+  d as ErrorMessage,
+  y as FixedScroller,
+  B as GridLayout,
+  G as GridLayoutContainerType,
+  e as ListboxOptionTag
 };
 //# sourceMappingURL=internal.js.map