@adyen/bento-vue3 1.7.0 → 1.8.0

package/dist/index.js

@@ -3,66 +3,67 @@ var h = (t, e, r) => e in t ? S(t, e, { enumerable: !0, configurable: !0, writab
 var f = (t, e, r) => (h(t, typeof e != "symbol" ? e + "" : e, r), r);
 import { reactive as C, defineComponent as b, computed as k, openBlock as a, createElementBlock as v, mergeProps as s, unref as m, createBlock as p, withCtx as l, renderSlot as i, createElementVNode as D } from "vue";
 import { g as I } from "./chunks/unique-id.a2a2b458.js";
-import { BentoAccordion as K, BentoAccordionItem as Q } from "./accordion.js";
-import { BentoAlert as j, BentoAlertEvent as H, BentoAlertTypeOption as J, BentoAlertVariant as X } from "./alert.js";
-import { a as Z, b as ee, B as te } from "./chunks/button.e5177388.js";
-import { BentoCard as re, BentoCardBackground as ne, BentoCardTitleSize as ae } from "./card.js";
-import { BentoColumnOverflow as Be, BentoDataGrid as se, BentoDatagridAriaSortValue as me, BentoDatagridEvent as pe, BentoDatagridSortDirection as le, BentoDatagridStyleState as de } from "./data-grid.js";
-import { BentoDatePicker as fe, BentoDatePickerEvent as ce } from "./date-picker.js";
-import { B as xe, a as ge } from "./chunks/index.369b0e66.js";
-import { B as Se, u as he } from "./chunks/dropdown.afff433b.js";
-import { BentoDropdownAvatar as be, BentoDropdownCountry as ke, BentoDropdownCurrency as ve, BentoDropdownPaymentMethod as De, BentoDropdownTag as Ie } from "./dropdown.js";
-import { BentoDivider as Le } from "./divider.js";
-import { B as Fe, b as _e, a as Ve } from "./chunks/checkbox.3cdbdd52.js";
-import { BentoClickOutside as Ae } from "./click-outside.js";
-import { BentoCodeSnippet as Me, BentoCodeSnippetEvent as Oe, BentoCodeSnippetSupportedLanguage as $e, BentoCodeSnippetVariant as Re } from "./code-snippet.js";
-import { BentoCountry as Ne, BentoCountryCode as qe, BentoCountryVariant as ze, useCountryCapital as Ke, useCountryName as Qe, useCountryPhoneCode as We } from "./country.js";
-import { BentoCurrency as He, BentoCurrencyISOCode as Je } from "./currency.js";
-import { B as Ye, a as Ze } from "./chunks/index.fa7b44f1.js";
-import { BentoEmptyState as tt, BentoEmptyStateImage as ot, BentoEmptyStateImageVariant as rt, BentoEmptyStateVariant as nt } from "./empty-state.js";
-import { BentoFilterBar as it, BentoFilterBarEvent as Bt, BentoFilterEvent as st, BentoFilterItemType as mt } from "./filter-bar.js";
-import { BentoFormLayout as lt, BentoFormLayoutFieldTip as dt, BentoFormLayoutGroup as ut, BentoFormLayoutTitle as ft } from "./form-layout.js";
-import { BentoImage as yt, BentoImageAspectRatio as xt, BentoImageObjectFit as gt } from "./image.js";
-import { BentoInfoIcon as St } from "./info-icon.js";
-import { BentoInputField as Ct, BentoInputFieldElementPosition as bt, BentoInputFieldEvent as kt, BentoInputFieldStateClass as vt, BentoInputFieldType as Dt, BentoInputFieldVariant as It } from "./input-field.js";
-import { BentoLoadingIndicator as Lt, BentoLoadingIndicatorEvent as Pt } from "./loading-indicator.js";
-import { B as _t, a as Vt } from "./chunks/index.c207e9ab.js";
-import { BentoModal as At } from "./modal.js";
-import { b as Mt, d as Ot, e as $t, c as Rt, a as Ut, B as Nt } from "./chunks/base-modal.0c85e7cb.js";
-import { BentoHeader as zt } from "./header.js";
-import { BentoPagination as Qt } from "./pagination.js";
-import { BentoPaymentMethod as jt, BentoPaymentMethodType as Ht } from "./payment-method.js";
-import { BentoPopover as Xt, BentoPopoverPositions as Yt } from "./popover.js";
-import { BentoRadioGroup as eo, BentoRadioGroupVariant as to } from "./radio-group.js";
-import { BentoSearchBar as ro, BentoSearchBarEvent as no, BentoSearchBarInternalEvent as ao } from "./search-bar.js";
-import { BentoSegmentedControl as Bo, BentoSegmentedControlEvent as so } from "./segmented-control.js";
-import { BentoStatus as po, BentoStatusVariant as lo } from "./status.js";
-import { BentoStep as fo, BentoStepper as co, BentoStepperTypeOption as yo, BentoStepperVariantOption as xo } from "./stepper.js";
-import { B as To, a as So } from "./chunks/index.77f35162.js";
-import { BentoSummaryGrid as Co, BentoSummaryGridItemAmount as bo, BentoSummaryGridItemCustom as ko, BentoSummaryGridItemNumeric as vo, BentoSummaryGridItemPercentage as Do, BentoSummaryGridItemSize as Io, BentoSummaryGridItemText as Eo, BentoSummaryGridItemTrendDirection as Lo } from "./summary-grid.js";
-import { BentoTab as Fo, BentoTabs as _o } from "./tabs.js";
-import { BentoTag as wo, BentoTagVariant as Ao } from "./tag.js";
-import { BentoTextarea as Mo } from "./textarea.js";
-import { BentoTimeline as $o, BentoTimelineGapUnit as Ro, BentoTimelineItem as Uo, BentoTimelineItemVariant as No, BentoTimelineShowMorePlacement as qo } from "./timeline.js";
-import { BentoToast as Ko } from "./toast.js";
-import { u as Wo } from "./chunks/toastController.0b01d2e8.js";
-import { BentoToggle as Ho, BentoToggleLabelPosition as Jo, BentoTogglePropClass as Xo } from "./toggle.js";
-import { B as c } from "./chunks/index.2bd3812b.js";
-import { c as Zo, b as er, a as tr } from "./chunks/index.2bd3812b.js";
-import { D as rr } from "./chunks/date-input.9186a0bf.js";
-import { a as ar, B as ir } from "./chunks/keyboard-navigation.ca47dfa8.js";
-import { a as sr, b as mr } from "./chunks/listbox.f6e5a11d.js";
-import { B as lr } from "./chunks/directive.0408e565.js";
-import { b as ur, B as fr, a as cr } from "./chunks/tooltip.f769eb14.js";
-import { BentoButtonActions as xr, BentoButtonActionsLayout as gr, BentoButtonActionsLayoutBasic as Tr, BentoButtonActionsLayoutExtended as Sr } from "./button.js";
-import { B as Cr, a as br } from "./chunks/loading-button.746b7fa1.js";
-import { b as vr, b as Dr } from "./chunks/calendar.c83d4e99.js";
-import { BentoCheckboxGroup as Er, BentoCheckboxGroupVariant as Lr } from "./checkbox.js";
+import { BentoActionBar as K } from "./action-bar.js";
+import { BentoAccordion as W, BentoAccordionItem as j } from "./accordion.js";
+import { BentoAlert as J, BentoAlertEvent as X, BentoAlertTypeOption as Y, BentoAlertVariant as Z } from "./alert.js";
+import { a as te, b as oe, B as re } from "./chunks/button.82ed953e.js";
+import { BentoCard as ae, BentoCardBackground as ie, BentoCardTitleSize as Be } from "./card.js";
+import { BentoColumnOverflow as me, BentoDataGrid as pe, BentoDatagridAriaSortValue as le, BentoDatagridEvent as de, BentoDatagridSortDirection as ue, BentoDatagridStyleState as fe } from "./data-grid.js";
+import { BentoDatePicker as ye, BentoDatePickerEvent as xe } from "./date-picker.js";
+import { B as Te, a as Se } from "./chunks/index.e9156fe3.js";
+import { B as Ce, u as be } from "./chunks/dropdown.502e1f5c.js";
+import { BentoDropdownAvatar as ve, BentoDropdownCountry as De, BentoDropdownCurrency as Ie, BentoDropdownPaymentMethod as Ee, BentoDropdownTag as Le } from "./dropdown.js";
+import { BentoDivider as Fe } from "./divider.js";
+import { B as Ve, b as we, a as Ae } from "./chunks/checkbox.03c4b0fe.js";
+import { BentoClickOutside as Me } from "./click-outside.js";
+import { BentoCodeSnippet as $e, BentoCodeSnippetEvent as Re, BentoCodeSnippetSupportedLanguage as Ue, BentoCodeSnippetVariant as Ne } from "./code-snippet.js";
+import { BentoCountry as ze, BentoCountryCode as Ke, BentoCountryVariant as Qe, useCountryCapital as We, useCountryName as je, useCountryPhoneCode as He } from "./country.js";
+import { BentoCurrency as Xe, BentoCurrencyISOCode as Ye } from "./currency.js";
+import { B as et, a as tt } from "./chunks/index.0ee895e0.js";
+import { BentoEmptyState as rt, BentoEmptyStateImage as nt, BentoEmptyStateImageVariant as at, BentoEmptyStateVariant as it } from "./empty-state.js";
+import { BentoFilterBar as st, BentoFilterBarEvent as mt, BentoFilterEvent as pt, BentoFilterItemType as lt } from "./filter-bar.js";
+import { BentoFormLayout as ut, BentoFormLayoutFieldTip as ft, BentoFormLayoutGroup as ct, BentoFormLayoutTitle as yt } from "./form-layout.js";
+import { BentoImage as gt, BentoImageAspectRatio as Tt, BentoImageObjectFit as St } from "./image.js";
+import { BentoInfoIcon as Ct } from "./info-icon.js";
+import { BentoInputField as kt, BentoInputFieldElementPosition as vt, BentoInputFieldEvent as Dt, BentoInputFieldStateClass as It, BentoInputFieldType as Et, BentoInputFieldVariant as Lt } from "./input-field.js";
+import { BentoLoadingIndicator as Ft, BentoLoadingIndicatorEvent as _t } from "./loading-indicator.js";
+import { B as wt, a as At } from "./chunks/index.d2542c6a.js";
+import { BentoModal as Mt } from "./modal.js";
+import { b as $t, d as Rt, e as Ut, c as Nt, a as qt, B as zt } from "./chunks/base-modal.3dcf8376.js";
+import { BentoHeader as Qt } from "./header.js";
+import { BentoPagination as jt } from "./pagination.js";
+import { BentoPaymentMethod as Jt, BentoPaymentMethodType as Xt } from "./payment-method.js";
+import { a as Zt, B as eo } from "./chunks/index.726e2f3c.js";
+import { BentoRadioGroup as oo, BentoRadioGroupVariant as ro } from "./radio-group.js";
+import { BentoSearchBar as ao, BentoSearchBarEvent as io, BentoSearchBarInternalEvent as Bo } from "./search-bar.js";
+import { BentoSegmentedControl as mo, BentoSegmentedControlEvent as po } from "./segmented-control.js";
+import { BentoStatus as uo, BentoStatusVariant as fo } from "./status.js";
+import { BentoStep as yo, BentoStepper as xo, BentoStepperTypeOption as go, BentoStepperVariantOption as To } from "./stepper.js";
+import { B as ho, a as Co } from "./chunks/index.b043371e.js";
+import { BentoSummaryGrid as ko, BentoSummaryGridItemAmount as vo, BentoSummaryGridItemCustom as Do, BentoSummaryGridItemNumeric as Io, BentoSummaryGridItemPercentage as Eo, BentoSummaryGridItemSize as Lo, BentoSummaryGridItemText as Po, BentoSummaryGridItemTrendDirection as Fo } from "./summary-grid.js";
+import { BentoTab as Vo, BentoTabs as wo } from "./tabs.js";
+import { BentoTag as Go, BentoTagVariant as Mo } from "./tag.js";
+import { BentoTextarea as $o } from "./textarea.js";
+import { BentoTimeline as Uo, BentoTimelineGapUnit as No, BentoTimelineItem as qo, BentoTimelineItemVariant as zo, BentoTimelineShowMorePlacement as Ko } from "./timeline.js";
+import { BentoToast as Wo } from "./toast.js";
+import { u as Ho } from "./chunks/toastController.0b01d2e8.js";
+import { BentoToggle as Xo, BentoToggleLabelPosition as Yo, BentoTogglePropClass as Zo } from "./toggle.js";
+import { B as c } from "./chunks/index.75f3672e.js";
+import { c as tr, b as or, a as rr } from "./chunks/index.75f3672e.js";
+import { D as ar } from "./chunks/date-input.9186a0bf.js";
+import { a as Br, B as sr } from "./chunks/keyboard-navigation.ca47dfa8.js";
+import { a as pr, b as lr } from "./chunks/listbox.d07c24e6.js";
+import { B as ur } from "./chunks/directive.0408e565.js";
+import { b as cr, B as yr, a as xr } from "./chunks/tooltip.054d2eb6.js";
+import { BentoButtonActions as Tr, BentoButtonActionsLayout as Sr, BentoButtonActionsLayoutBasic as hr, BentoButtonActionsLayoutExtended as Cr } from "./button.js";
+import { B as kr, a as vr } from "./chunks/loading-button.ad7cfaee.js";
+import { b as Ir, b as Er } from "./chunks/calendar.d4ab387d.js";
+import { BentoCheckboxGroup as Pr, BentoCheckboxGroupVariant as Fr } from "./checkbox.js";
 import { BentoLinkVariant as d } from "./link.js";
 import { RouterLink as y } from "vue-router";
 import { _ as E } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { BentoTutorial as Fr } from "./tutorial.js";
-import "./assets/index34.css";
+import { BentoTutorial as Vr } from "./tutorial.js";
+import "./assets/index6.css";
 class L {
   constructor() {
     f(this, "_state");
@@ -168,157 +169,158 @@ const x = (t) => {
 });
 const U = /* @__PURE__ */ E(_, [["__scopeId", "data-v-bdaab366"]]);
 export {
-  K as BentoAccordion,
-  Q as BentoAccordionItem,
-  j as BentoAlert,
-  H as BentoAlertEvent,
-  J as BentoAlertTypeOption,
-  X as BentoAlertVariant,
-  Z as BentoButton,
-  xr as BentoButtonActions,
-  gr as BentoButtonActionsLayout,
-  Tr as BentoButtonActionsLayoutBasic,
-  Sr as BentoButtonActionsLayoutExtended,
-  ee as BentoButtonPropClass,
-  te as BentoButtonVariant,
-  re as BentoCard,
-  ne as BentoCardBackground,
-  ae as BentoCardTitleSize,
-  Fe as BentoCheckbox,
-  _e as BentoCheckboxEvent,
-  Er as BentoCheckboxGroup,
-  Lr as BentoCheckboxGroupVariant,
-  Ve as BentoCheckboxState,
-  Ae as BentoClickOutside,
-  lr as BentoClickOutsideDirective,
-  Me as BentoCodeSnippet,
-  Oe as BentoCodeSnippetEvent,
-  $e as BentoCodeSnippetSupportedLanguage,
-  Re as BentoCodeSnippetVariant,
-  Be as BentoColumnOverflow,
-  Ne as BentoCountry,
-  qe as BentoCountryCode,
-  ze as BentoCountryVariant,
-  He as BentoCurrency,
-  Je as BentoCurrencyISOCode,
-  se as BentoDataGrid,
-  me as BentoDatagridAriaSortValue,
-  pe as BentoDatagridEvent,
-  le as BentoDatagridSortDirection,
-  de as BentoDatagridStyleState,
-  Ye as BentoDate,
-  Ze as BentoDateFormat,
-  fe as BentoDatePicker,
-  ce as BentoDatePickerEvent,
-  vr as BentoDatePickerFirstDayOfWeek,
-  xe as BentoDateRangePicker,
-  ge as BentoDateRangePickerEvent,
-  Dr as BentoDateRangePickerFirstDayOfWeek,
-  Le as BentoDivider,
-  Se as BentoDropdown,
-  be as BentoDropdownAvatar,
-  ke as BentoDropdownCountry,
-  ve as BentoDropdownCurrency,
-  De as BentoDropdownPaymentMethod,
-  Ie as BentoDropdownTag,
-  tt as BentoEmptyState,
-  ot as BentoEmptyStateImage,
-  rt as BentoEmptyStateImageVariant,
-  nt as BentoEmptyStateVariant,
-  it as BentoFilterBar,
-  Bt as BentoFilterBarEvent,
-  st as BentoFilterEvent,
-  mt as BentoFilterItemType,
-  lt as BentoFormLayout,
-  dt as BentoFormLayoutFieldTip,
-  ut as BentoFormLayoutGroup,
-  ft as BentoFormLayoutTitle,
-  zt as BentoHeader,
-  yt as BentoImage,
-  xt as BentoImageAspectRatio,
-  gt as BentoImageObjectFit,
-  St as BentoInfoIcon,
-  Ct as BentoInputField,
-  bt as BentoInputFieldElementPosition,
-  kt as BentoInputFieldEvent,
-  vt as BentoInputFieldStateClass,
-  Dt as BentoInputFieldType,
-  It as BentoInputFieldVariant,
-  ar as BentoKeyboardNavigationDirective,
-  ir as BentoKeyboardNavigationKeyDownEvent,
+  W as BentoAccordion,
+  j as BentoAccordionItem,
+  K as BentoActionBar,
+  J as BentoAlert,
+  X as BentoAlertEvent,
+  Y as BentoAlertTypeOption,
+  Z as BentoAlertVariant,
+  te as BentoButton,
+  Tr as BentoButtonActions,
+  Sr as BentoButtonActionsLayout,
+  hr as BentoButtonActionsLayoutBasic,
+  Cr as BentoButtonActionsLayoutExtended,
+  oe as BentoButtonPropClass,
+  re as BentoButtonVariant,
+  ae as BentoCard,
+  ie as BentoCardBackground,
+  Be as BentoCardTitleSize,
+  Ve as BentoCheckbox,
+  we as BentoCheckboxEvent,
+  Pr as BentoCheckboxGroup,
+  Fr as BentoCheckboxGroupVariant,
+  Ae as BentoCheckboxState,
+  Me as BentoClickOutside,
+  ur as BentoClickOutsideDirective,
+  $e as BentoCodeSnippet,
+  Re as BentoCodeSnippetEvent,
+  Ue as BentoCodeSnippetSupportedLanguage,
+  Ne as BentoCodeSnippetVariant,
+  me as BentoColumnOverflow,
+  ze as BentoCountry,
+  Ke as BentoCountryCode,
+  Qe as BentoCountryVariant,
+  Xe as BentoCurrency,
+  Ye as BentoCurrencyISOCode,
+  pe as BentoDataGrid,
+  le as BentoDatagridAriaSortValue,
+  de as BentoDatagridEvent,
+  ue as BentoDatagridSortDirection,
+  fe as BentoDatagridStyleState,
+  et as BentoDate,
+  tt as BentoDateFormat,
+  ye as BentoDatePicker,
+  xe as BentoDatePickerEvent,
+  Ir as BentoDatePickerFirstDayOfWeek,
+  Te as BentoDateRangePicker,
+  Se as BentoDateRangePickerEvent,
+  Er as BentoDateRangePickerFirstDayOfWeek,
+  Fe as BentoDivider,
+  Ce as BentoDropdown,
+  ve as BentoDropdownAvatar,
+  De as BentoDropdownCountry,
+  Ie as BentoDropdownCurrency,
+  Ee as BentoDropdownPaymentMethod,
+  Le as BentoDropdownTag,
+  rt as BentoEmptyState,
+  nt as BentoEmptyStateImage,
+  at as BentoEmptyStateImageVariant,
+  it as BentoEmptyStateVariant,
+  st as BentoFilterBar,
+  mt as BentoFilterBarEvent,
+  pt as BentoFilterEvent,
+  lt as BentoFilterItemType,
+  ut as BentoFormLayout,
+  ft as BentoFormLayoutFieldTip,
+  ct as BentoFormLayoutGroup,
+  yt as BentoFormLayoutTitle,
+  Qt as BentoHeader,
+  gt as BentoImage,
+  Tt as BentoImageAspectRatio,
+  St as BentoImageObjectFit,
+  Ct as BentoInfoIcon,
+  kt as BentoInputField,
+  vt as BentoInputFieldElementPosition,
+  Dt as BentoInputFieldEvent,
+  It as BentoInputFieldStateClass,
+  Et as BentoInputFieldType,
+  Lt as BentoInputFieldVariant,
+  Br as BentoKeyboardNavigationDirective,
+  sr as BentoKeyboardNavigationKeyDownEvent,
   U as BentoLink,
   d as BentoLinkVariant,
-  sr as BentoListboxEvent,
-  mr as BentoListboxLazyLoadType,
-  Cr as BentoLoadingButton,
-  br as BentoLoadingButtonState,
-  Lt as BentoLoadingIndicator,
-  Pt as BentoLoadingIndicatorEvent,
-  _t as BentoMenu,
-  Vt as BentoMenuEvent,
-  At as BentoModal,
-  Mt as BentoModalColumnLayoutVariant,
-  Ot as BentoModalDialogType,
-  $t as BentoModalEvent,
-  Rt as BentoModalRole,
-  Ut as BentoModalSize,
-  Nt as BentoModalVariant,
-  Qt as BentoPagination,
-  jt as BentoPaymentMethod,
-  Ht as BentoPaymentMethodType,
-  Xt as BentoPopover,
-  Yt as BentoPopoverPositions,
-  eo as BentoRadioGroup,
-  to as BentoRadioGroupVariant,
-  ro as BentoSearchBar,
-  no as BentoSearchBarEvent,
-  ao as BentoSearchBarInternalEvent,
-  Bo as BentoSegmentedControl,
-  so as BentoSegmentedControlEvent,
-  po as BentoStatus,
-  lo as BentoStatusVariant,
-  fo as BentoStep,
-  co as BentoStepper,
-  yo as BentoStepperTypeOption,
-  xo as BentoStepperVariantOption,
-  To as BentoStructuredList,
-  So as BentoStructuredListItem,
-  Co as BentoSummaryGrid,
-  bo as BentoSummaryGridItemAmount,
-  ko as BentoSummaryGridItemCustom,
-  vo as BentoSummaryGridItemNumeric,
-  Do as BentoSummaryGridItemPercentage,
-  Io as BentoSummaryGridItemSize,
-  Eo as BentoSummaryGridItemText,
-  Lo as BentoSummaryGridItemTrendDirection,
-  Fo as BentoTab,
-  _o as BentoTabs,
-  wo as BentoTag,
-  Ao as BentoTagVariant,
-  Mo as BentoTextarea,
-  $o as BentoTimeline,
-  Ro as BentoTimelineGapUnit,
-  Uo as BentoTimelineItem,
-  No as BentoTimelineItemVariant,
-  qo as BentoTimelineShowMorePlacement,
-  Ko as BentoToast,
-  Ho as BentoToggle,
-  Jo as BentoToggleLabelPosition,
-  Xo as BentoTogglePropClass,
-  ur as BentoTooltipDirective,
-  fr as BentoTooltipPosition,
-  cr as BentoTooltipState,
-  Fr as BentoTutorial,
+  pr as BentoListboxEvent,
+  lr as BentoListboxLazyLoadType,
+  kr as BentoLoadingButton,
+  vr as BentoLoadingButtonState,
+  Ft as BentoLoadingIndicator,
+  _t as BentoLoadingIndicatorEvent,
+  wt as BentoMenu,
+  At as BentoMenuEvent,
+  Mt as BentoModal,
+  $t as BentoModalColumnLayoutVariant,
+  Rt as BentoModalDialogType,
+  Ut as BentoModalEvent,
+  Nt as BentoModalRole,
+  qt as BentoModalSize,
+  zt as BentoModalVariant,
+  jt as BentoPagination,
+  Jt as BentoPaymentMethod,
+  Xt as BentoPaymentMethodType,
+  Zt as BentoPopover,
+  eo as BentoPopoverPositions,
+  oo as BentoRadioGroup,
+  ro as BentoRadioGroupVariant,
+  ao as BentoSearchBar,
+  io as BentoSearchBarEvent,
+  Bo as BentoSearchBarInternalEvent,
+  mo as BentoSegmentedControl,
+  po as BentoSegmentedControlEvent,
+  uo as BentoStatus,
+  fo as BentoStatusVariant,
+  yo as BentoStep,
+  xo as BentoStepper,
+  go as BentoStepperTypeOption,
+  To as BentoStepperVariantOption,
+  ho as BentoStructuredList,
+  Co as BentoStructuredListItem,
+  ko as BentoSummaryGrid,
+  vo as BentoSummaryGridItemAmount,
+  Do as BentoSummaryGridItemCustom,
+  Io as BentoSummaryGridItemNumeric,
+  Eo as BentoSummaryGridItemPercentage,
+  Lo as BentoSummaryGridItemSize,
+  Po as BentoSummaryGridItemText,
+  Fo as BentoSummaryGridItemTrendDirection,
+  Vo as BentoTab,
+  wo as BentoTabs,
+  Go as BentoTag,
+  Mo as BentoTagVariant,
+  $o as BentoTextarea,
+  Uo as BentoTimeline,
+  No as BentoTimelineGapUnit,
+  qo as BentoTimelineItem,
+  zo as BentoTimelineItemVariant,
+  Ko as BentoTimelineShowMorePlacement,
+  Wo as BentoToast,
+  Xo as BentoToggle,
+  Yo as BentoToggleLabelPosition,
+  Zo as BentoTogglePropClass,
+  cr as BentoTooltipDirective,
+  yr as BentoTooltipPosition,
+  xr as BentoTooltipState,
+  Vr as BentoTutorial,
   c as BentoTypography,
-  Zo as BentoTypographyElement,
-  er as BentoTypographyModifier,
-  tr as BentoTypographyVariant,
-  rr as DateFormat,
+  tr as BentoTypographyElement,
+  or as BentoTypographyModifier,
+  rr as BentoTypographyVariant,
+  ar as DateFormat,
   R as default,
-  Wo as useBentoToastController,
-  Ke as useCountryCapital,
-  Qe as useCountryName,
-  We as useCountryPhoneCode,
-  he as useSearchBarFilter
+  Ho as useBentoToastController,
+  We as useCountryCapital,
+  je as useCountryName,
+  He as useCountryPhoneCode,
+  be as useSearchBarFilter
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../vue2/src/plugins/toastController.ts","../../vue2/src/install.ts","../src/components/link/link.vue"],"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","<template>\n    <a\n        v-if=\"external\"\n        v-bind=\"$attrs\"\n        :href=\"to\"\n        target=\"_blank\"\n        class=\"b-link\"\n        :class=\"conditionalClasses\"\n        @click=\"onClick\"\n    >\n        <bento-typography v-if=\"!disableTypography\" el=\"span\" variant=\"body\">\n            <slot />\n        </bento-typography>\n        <slot v-else />\n    </a>\n    <router-link v-else v-slot=\"{ href, navigate }\" v-bind=\"$props\" custom @click=\"onClick\">\n        <a v-bind=\"$attrs\" :href=\"href\" class=\"b-link\" :class=\"conditionalClasses\" @click=\"navigate\">\n            <bento-typography v-if=\"!disableTypography\" el=\"span\" variant=\"body\">\n                <slot />\n            </bento-typography>\n            <slot v-else />\n        </a>\n    </router-link>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoLinkVariant } from '@/core/components/link/link.types';\n    import BentoTypography from '@/components/typography/typography.vue';\n    import { computed, type PropType } from 'vue';\n    import { RouterLink } from 'vue-router';\n    import type { RouterLinkSlotArgument } from 'vue-router/types/router';\n\n    const props = defineProps({\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        ...RouterLink.props,\n        /**\n         * Set the rendered link to a regular external anchor link.\n         */\n        external: { type: Boolean, default: false },\n        /**\n         * Disable the default typography for the component. Only use this when the component is inside another typography component.\n         */\n        disableTypography: { type: Boolean, default: false },\n        /**\n         * Link variant type affecting visual style.\n         * @values default, quiet\n         */\n        variant: { type: String as PropType<BentoLinkVariant>, default: BentoLinkVariant.DEFAULT },\n    });\n    const emit = defineEmits(['click']);\n    const conditionalClasses = computed(() => ({\n        [`b-link--${BentoLinkVariant.QUIET}`]: props.variant === BentoLinkVariant.QUIET,\n    }));\n\n    const onClick = (e: MouseEvent, navigateCallback?: RouterLinkSlotArgument['navigate']) => {\n        emit('click', e);\n        if (navigateCallback) {\n            navigateCallback();\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/link/link.scss\" />\n"],"names":["ToastController","__publicField","reactive","toast","params","id","generateUid","setTheme","theme","plugin","Vue","options","conditionalClasses","computed","BentoLinkVariant","props","onClick","e","navigateCallback","emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAAA,EAAA;AAAA,EAKY,cAAA;AAFR,IAAAC,EAAA;AAKI,SAAA,SAAAC,EAAA,EAAA,OAAA,CAAA,EAAA,CAAA;AAAA,EAAoC;AAAA,EARP,IAAA,QAAA;AAE7B,WAAA,KAAA;AAAA,EAAY;AAAA,EAOhB,aAAAC,GAAA;AAGI,SAAA,OAAA,MAAA,OAAA,KAAA,OAAA,MAAA,QAAAA,CAAA,GAAA,CAAA;AAAA,EAA4D;AAAA,EAChE,SAAAC,GAAA;AAGI,UAAAC,IAAAC,EAAA,OAAA,GACAH,IAAA;AAAA,MAAc,GAAAC;AAAA,MACP,IAAAC;AAAA,MACH,SAAA,MAAA,KAAA,aAAAF,CAAA;AAAA,IACsC;AAI1C,gBAAA,OAAA,MAAA,KAAAA,CAAA,GAGA;AAAA,MAAO,SAAA,MAAA,KAAA,aAAAA,CAAA;AAAA,IACmC;AAAA,EAC1C;AAER;ACrBA,MAAAI,IAAA,CAAAC,MAAA;AACI,WAAA,KAAA,UAAA,IAAAA,CAAA;AACJ,GAEAC,IAAA;AAAA,EAA6C,SAAA,OAAAC,GAAAC,MAAA;AAErC,IAAAA,KAAA,QAAAA,EAAA,cAOQD,EAAA,OAAA,iBAAA,wBAAA,IAAAV,EAAA,KAIRW,KAAA,gBAAAA,EAAA,WAAA,oBACIJ;AAAA,MAAA;AAAA;AAAA,IAAA,GACA,MAAA,OAAA,qEAAA,MAA6EI,KAAA,gBAAAA,EAAA,WAAA,wBAE7EJ;AAAA,MAAA;AAAA;AAAA,IAAA,GACA,MAAA,OAAA,yEAAA,KAEA,MAAA,OAAA,8DAAA,GAGJI,KAAA,QAAAA,EAAA,sBACI,MAAA,OAAA,4DAAA;AAAA,EACJ;AAER;;;;;;;;;;;;;;;;;;;;;;iBCKIC,IAAAC,EAAA,OAAA;AAAA,MAA2C,CAAA,WAAAC,EAAA,OAAA,GAAAC,EAAA,YAAAD,EAAA;AAAA,IACmC,EAAA,GAG9EE,IAAA,CAAAC,GAAAC,MAAA;AACI,MAAAC,EAAA,SAAAF,CAAA,GACAC,KACIA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../vue2/src/plugins/toastController.ts","../../vue2/src/install.ts","../src/components/link/link.vue"],"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","<template>\n    <a\n        v-if=\"external\"\n        v-bind=\"$attrs\"\n        :href=\"to\"\n        target=\"_blank\"\n        class=\"b-link\"\n        :class=\"conditionalClasses\"\n        @click=\"onClick\"\n    >\n        <bento-typography v-if=\"!disableTypography\" el=\"span\" variant=\"body\">\n            <slot />\n        </bento-typography>\n        <slot v-else />\n    </a>\n    <router-link v-else v-slot=\"{ href, navigate }\" v-bind=\"$props\" custom @click=\"onClick\">\n        <a v-bind=\"$attrs\" :href=\"href\" class=\"b-link\" :class=\"conditionalClasses\" @click=\"navigate\">\n            <bento-typography v-if=\"!disableTypography\" el=\"span\" variant=\"body\">\n                <slot />\n            </bento-typography>\n            <slot v-else />\n        </a>\n    </router-link>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoLinkVariant } from '@/core/components/link/link.types';\n    import BentoTypography from '@/components/typography/typography.vue';\n    import { computed, type PropType } from 'vue';\n    import { RouterLink } from 'vue-router';\n    import type { RouterLinkSlotArgument } from 'vue-router/types/router';\n\n    const props = defineProps({\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        ...RouterLink.props,\n        /**\n         * Set the rendered link to a regular external anchor link.\n         */\n        external: { type: Boolean, default: false },\n        /**\n         * Disable the default typography for the component. Only use this when the component is inside another typography component.\n         */\n        disableTypography: { type: Boolean, default: false },\n        /**\n         * Link variant type affecting visual style.\n         * @values default, quiet\n         */\n        variant: { type: String as PropType<BentoLinkVariant>, default: BentoLinkVariant.DEFAULT },\n    });\n    const emit = defineEmits(['click']);\n    const conditionalClasses = computed(() => ({\n        [`b-link--${BentoLinkVariant.QUIET}`]: props.variant === BentoLinkVariant.QUIET,\n    }));\n\n    const onClick = (e: MouseEvent, navigateCallback?: RouterLinkSlotArgument['navigate']) => {\n        emit('click', e);\n        if (navigateCallback) {\n            navigateCallback();\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/link/link.scss\" />\n"],"names":["ToastController","__publicField","reactive","toast","params","id","generateUid","setTheme","theme","plugin","Vue","options","conditionalClasses","computed","BentoLinkVariant","props","onClick","e","navigateCallback","emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAAA,EAAA;AAAA,EAKY,cAAA;AAFR,IAAAC,EAAA;AAKI,SAAA,SAAAC,EAAA,EAAA,OAAA,CAAA,EAAA,CAAA;AAAA,EAAoC;AAAA,EARP,IAAA,QAAA;AAE7B,WAAA,KAAA;AAAA,EAAY;AAAA,EAOhB,aAAAC,GAAA;AAGI,SAAA,OAAA,MAAA,OAAA,KAAA,OAAA,MAAA,QAAAA,CAAA,GAAA,CAAA;AAAA,EAA4D;AAAA,EAChE,SAAAC,GAAA;AAGI,UAAAC,IAAAC,EAAA,OAAA,GACAH,IAAA;AAAA,MAAc,GAAAC;AAAA,MACP,IAAAC;AAAA,MACH,SAAA,MAAA,KAAA,aAAAF,CAAA;AAAA,IACsC;AAI1C,gBAAA,OAAA,MAAA,KAAAA,CAAA,GAGA;AAAA,MAAO,SAAA,MAAA,KAAA,aAAAA,CAAA;AAAA,IACmC;AAAA,EAC1C;AAER;ACrBA,MAAAI,IAAA,CAAAC,MAAA;AACI,WAAA,KAAA,UAAA,IAAAA,CAAA;AACJ,GAEAC,IAAA;AAAA,EAA6C,SAAA,OAAAC,GAAAC,MAAA;AAErC,IAAAA,KAAA,QAAAA,EAAA,cAOQD,EAAA,OAAA,iBAAA,wBAAA,IAAAV,EAAA,KAIRW,KAAA,gBAAAA,EAAA,WAAA,oBACIJ;AAAA,MAAA;AAAA;AAAA,IAAA,GACA,MAAA,OAAA,qEAAA,MAA6EI,KAAA,gBAAAA,EAAA,WAAA,wBAE7EJ;AAAA,MAAA;AAAA;AAAA,IAAA,GACA,MAAA,OAAA,yEAAA,KAEA,MAAA,OAAA,8DAAA,GAGJI,KAAA,QAAAA,EAAA,sBACI,MAAA,OAAA,4DAAA;AAAA,EACJ;AAER;;;;;;;;;;;;;;;;;;;;;;iBCKIC,IAAAC,EAAA,OAAA;AAAA,MAA2C,CAAA,WAAAC,EAAA,OAAA,GAAAC,EAAA,YAAAD,EAAA;AAAA,IACmC,EAAA,GAG9EE,IAAA,CAAAC,GAAAC,MAAA;AACI,MAAAC,EAAA,SAAAF,CAAA,GACAC,KACIA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/info-icon.js

@@ -1,8 +1,8 @@
 import { openBlock as i, createElementBlock as n, mergeProps as f, toDisplayString as h, createCommentVNode as v, createElementVNode as e, pushScopeId as m, popScopeId as g, defineComponent as b, resolveComponent as $, resolveDirective as I, withDirectives as w, createVNode as y } from "vue";
-import { c as s } from "./chunks/index.bcc58fdd.js";
-import { b as S } from "./chunks/tooltip.f769eb14.js";
+import { c as s } from "./chunks/index.7262642e.js";
+import { b as S } from "./chunks/tooltip.054d2eb6.js";
 import { _ as r } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index17.css";
+import "./assets/index27.css";
 let c = 0;
 const P = {
   beforeCreate() {