@adyen/bento-vue2 1.4.1 → 1.5.0

package/dist/index.js

@@ -1,65 +1,66 @@
 var B = Object.defineProperty;
-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);
+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);
 import "./chunks/index.af05ced4.js";
 import { reactive as m } from "vue";
-import { g as s } from "./chunks/unique-id.a2a2b458.js";
+import { g as p } from "./chunks/unique-id.a2a2b458.js";
 import { BentoAccordion as T, BentoAccordionItem as C } from "./accordion.js";
-import { BentoAlert as D, BentoAlertEvent as v, BentoAlertTypeOption as E, BentoAlertVariant as b } from "./alert.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.66df5734.js";
-import { BentoColumnOverflow as V, BentoDataGrid as G, BentoDatagridAriaSortValue as w, BentoDatagridEvent as A, BentoDatagridSortDirection as M, BentoDatagridStyleState as O } from "./data-grid.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 H } from "./chunks/index.58ce168a.js";
-import { B as j, u as J } from "./chunks/dropdown.15cc1c45.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.5a69ce9d.js";
-import { BentoClickOutside as mt } from "./click-outside.js";
-import { BentoCodeSnippet as pt, 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 Et, a as bt } from "./chunks/index.e722eb60.js";
-import { BentoDivider as Lt } from "./divider.js";
-import { BentoEmptyState as Ft, BentoEmptyStateImage as kt, BentoEmptyStateImageVariant as Vt, 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 } from "./image.js";
-import { BentoInfoIcon as Ht } from "./info-icon.js";
-import { BentoInputField as jt, BentoInputFieldElementPosition as Jt, BentoInputFieldEvent as Qt, BentoInputFieldStateClass as Xt, BentoInputFieldType as Zt, BentoInputFieldVariant as te } from "./input-field.js";
-import { BentoLoadingIndicator as oe, BentoLoadingIndicatorEvent as ne } from "./loading-indicator.js";
-import { BentoLink as ae, BentoLinkVariant as Be } from "./link.js";
-import { BentoMenu as me, BentoMenuEvent as se } from "./menu.js";
-import { BentoModal as de } from "./modal.js";
-import { b as le, d as fe, e as xe, c as ye, a as ce, B as ge } from "./chunks/base-modal.a51d2395.js";
-import { BentoHeader as Te } from "./header.js";
-import { BentoPagination as he } from "./pagination.js";
-import { BentoPaymentMethod as ve, BentoPaymentMethodType as Ee } from "./payment-method.js";
-import { BentoPopover as Ie, BentoPopoverPositions as Le } from "./popover.js";
-import { BentoRadioGroup as Fe, BentoRadioGroupVariant as ke } from "./radio-group.js";
-import { BentoSearchBar as Ge, BentoSearchBarEvent as we, BentoSearchBarInternalEvent as Ae } from "./search-bar.js";
-import { BentoSegmentedControl as Oe, BentoSegmentedControlEvent as Re } from "./segmented-control.js";
-import { BentoSidepanel as Ne, BentoSidepanelAnimation as qe, BentoSidepanelEvent as ze, BentoSidepanelPage as Ue } from "./sidepanel.js";
-import { BentoStatus as We, BentoStatusVariant as Ye } from "./status.js";
-import { B as $e, a as je } from "./chunks/index.b9c8c99a.js";
-import { BentoSummaryGrid as Qe, BentoSummaryGridItemAmount as Xe, BentoSummaryGridItemCustom as Ze, BentoSummaryGridItemNumeric as to, BentoSummaryGridItemPercentage as eo, BentoSummaryGridItemSize as oo, BentoSummaryGridItemText as no, BentoSummaryGridItemTrendDirection as ro } from "./summary-grid.js";
-import { BentoTab as Bo, BentoTabs as io } from "./tabs.js";
-import { BentoTag as so, BentoTagVariant as po } from "./tag.js";
-import { BentoTextarea as lo } from "./textarea.js";
-import { BentoTimeline as xo, BentoTimelineGapUnit as yo, BentoTimelineItem as co, BentoTimelineItemVariant as go, BentoTimelineShowMorePlacement as So } from "./timeline.js";
-import { BentoToast as Co } from "./toast.js";
-import { u as Do } from "./chunks/toastController.0e01443d.js";
-import { BentoToggle as Eo, BentoToggleLabelPosition as bo, BentoTogglePropClass as Io } from "./toggle.js";
-import { B as Po, c as Fo, b as ko, a as Vo } from "./chunks/index.1645ffcb.js";
-import { BentoButtonActions as wo, BentoButtonActionsLayout as Ao, BentoButtonActionsLayoutBasic as Mo, BentoButtonActionsLayoutExtended as Oo } from "./button.js";
-import { B as _o, a as No } from "./chunks/loading-button.9d18b4f2.js";
-import { b as zo, b as Uo } from "./chunks/calendar.c20df708.js";
-import { BentoCheckboxGroup as Wo, BentoCheckboxGroupVariant as Yo } from "./checkbox.js";
-import { D as $o } from "./chunks/date-input.9186a0bf.js";
-import { a as Jo, B as Qo } from "./chunks/debounce.f8d92e44.js";
-import { a as Zo, b as tn } from "./chunks/listbox.cbf47484.js";
-import { B as on } from "./chunks/directive.0408e565.js";
-import { b as rn, B as an, a as Bn } from "./chunks/tooltip.0297fd5d.js";
-class p {
+import { B as Y, a as j } from "./chunks/index.4a11da21.js";
+import { B as $, u as J } from "./chunks/dropdown.10ea8304.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.b69b8f22.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 Te } from "./country.js";
+import { BentoCurrency as he, BentoCurrencyISOCode as De } from "./currency.js";
+import { B as Ie, a as be } from "./chunks/index.e722eb60.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 Tt } from "./chunks/base-modal.6eaa7e53.js";
+import { BentoHeader as ht } from "./header.js";
+import { BentoPagination as vt } from "./pagination.js";
+import { BentoPaymentMethod as bt, BentoPaymentMethodType as Et } 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.f607a3f1.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 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.1645ffcb.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.9d18b4f2.js";
+import { b as $o, b as Jo } from "./chunks/calendar.44459d87.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 { a as Bn, b as mn } from "./chunks/listbox.201a8521.js";
+import { B as sn } from "./chunks/directive.0408e565.js";
+import { b as un, B as ln, a as fn } from "./chunks/tooltip.f89cb0cd.js";
+class s {
   constructor() {
     r(this, "_state");
     this._state = m({ queue: [] });
@@ -67,12 +68,12 @@ class p {
   get state() {
     return this._state;
   }
-  dismissToast(t) {
-    this._state.queue.splice(this._state.queue.indexOf(t), 1);
+  dismissToast(e) {
+    this._state.queue.splice(this._state.queue.indexOf(e), 1);
   }
-  addToast(t) {
-    const o = s("toast"), n = {
-      ...t,
+  addToast(e) {
+    const o = p("toast"), n = {
+      ...e,
       id: o,
       dismiss: () => this.dismissToast(n)
     };
@@ -81,18 +82,18 @@ class p {
     };
   }
 }
-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);
+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);
 }, u = {
-  install: async (e, t) => {
-    t != null && t.withToast && (e.prototype.$bentoToastController = new p()), (t == null ? void 0 : t.theme) === "b-legacy-theme" ? (a(
+  install: async (t, e) => {
+    e != null && e.withToast && (t.prototype.$bentoToastController = new s()), (e == null ? void 0 : e.theme) === "b-legacy-theme" ? (a(
       "b-legacy-theme"
       /* LEGACY */
-    ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css?used")) : (t == null ? void 0 : t.theme) === "b-styleguide-theme" ? (a(
+    ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css?used")) : (e == null ? void 0 : e.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"), t != null && t.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"), e != null && e.withUtilityClasses && await import("@adyen/bento-design-tokens/dist/css/bento/utility.css?used");
   }
 }, c = u;
 export {
@@ -100,151 +101,157 @@ export {
   C as BentoAccordionItem,
   D as BentoAlert,
   v as BentoAlertEvent,
-  E as BentoAlertTypeOption,
+  I as BentoAlertTypeOption,
   b as BentoAlertVariant,
   L as BentoButton,
-  wo as BentoButtonActions,
-  Ao as BentoButtonActionsLayout,
-  Mo as BentoButtonActionsLayoutBasic,
-  Oo as BentoButtonActionsLayoutExtended,
+  qo as BentoButtonActions,
+  zo as BentoButtonActionsLayout,
+  Uo as BentoButtonActionsLayoutBasic,
+  Ko as BentoButtonActionsLayoutExtended,
   P as BentoButtonPropClass,
   F as BentoButtonVariant,
   _ as BentoCard,
   N as BentoCardBackground,
   q as BentoCardTitleSize,
-  rt as BentoCheckbox,
-  at as BentoCheckboxEvent,
-  Wo as BentoCheckboxGroup,
-  Yo as BentoCheckboxGroupVariant,
-  Bt as BentoCheckboxState,
-  mt as BentoClickOutside,
-  on as BentoClickOutsideDirective,
-  pt as BentoCodeSnippet,
-  dt as BentoCodeSnippetEvent,
-  ut as BentoCodeSnippetSupportedLanguage,
-  lt as BentoCodeSnippetVariant,
-  V as BentoColumnOverflow,
-  xt as BentoCountry,
-  yt as BentoCountryCode,
-  ct as BentoCountryVariant,
-  ht as BentoCurrency,
-  Dt as BentoCurrencyISOCode,
+  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,
+  k as BentoColumnOverflow,
+  xe as BentoCountry,
+  ye as BentoCountryCode,
+  ce as BentoCountryVariant,
+  he as BentoCurrency,
+  De as BentoCurrencyISOCode,
   G as BentoDataGrid,
   w as BentoDatagridAriaSortValue,
   A as BentoDatagridEvent,
   M as BentoDatagridSortDirection,
   O as BentoDatagridStyleState,
-  Et as BentoDate,
-  bt as BentoDateFormat,
+  Ie as BentoDate,
+  be as BentoDateFormat,
   U as BentoDatePicker,
   K as BentoDatePickerEvent,
-  zo as BentoDatePickerFirstDayOfWeek,
+  $o as BentoDatePickerFirstDayOfWeek,
   Y as BentoDateRangePicker,
-  H as BentoDateRangePickerEvent,
-  Uo as BentoDateRangePickerFirstDayOfWeek,
-  Lt as BentoDivider,
-  j as BentoDropdown,
+  j as BentoDateRangePickerEvent,
+  Jo as BentoDateRangePickerFirstDayOfWeek,
+  Le as BentoDivider,
+  $ as BentoDropdown,
   X as BentoDropdownAvatar,
   Z as BentoDropdownCountry,
-  tt as BentoDropdownCurrency,
-  et as BentoDropdownPaymentMethod,
-  ot as BentoDropdownTag,
-  Ft as BentoEmptyState,
-  kt as BentoEmptyStateImage,
-  Vt 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,
-  Te as BentoHeader,
-  Wt as BentoImage,
-  Ht as BentoInfoIcon,
-  jt as BentoInputField,
-  Jt as BentoInputFieldElementPosition,
-  Qt as BentoInputFieldEvent,
-  Xt as BentoInputFieldStateClass,
-  Zt as BentoInputFieldType,
-  te as BentoInputFieldVariant,
-  Jo as BentoKeyboardNavigationDirective,
-  Qo as BentoKeyboardNavigationKeyDownEvent,
-  ae as BentoLink,
-  Be as BentoLinkVariant,
-  Zo as BentoListboxEvent,
-  tn as BentoListboxLazyLoadType,
-  _o as BentoLoadingButton,
-  No as BentoLoadingButtonState,
-  oe as BentoLoadingIndicator,
-  ne as BentoLoadingIndicatorEvent,
-  me as BentoMenu,
-  se as BentoMenuEvent,
-  de as BentoModal,
-  le as BentoModalColumnLayoutVariant,
-  fe as BentoModalDialogType,
-  xe as BentoModalEvent,
-  ye as BentoModalRole,
-  ce as BentoModalSize,
-  ge as BentoModalVariant,
-  he as BentoPagination,
-  ve as BentoPaymentMethod,
-  Ee as BentoPaymentMethodType,
-  Ie as BentoPopover,
-  Le as BentoPopoverPositions,
-  Fe as BentoRadioGroup,
-  ke as BentoRadioGroupVariant,
-  Ge as BentoSearchBar,
-  we as BentoSearchBarEvent,
-  Ae as BentoSearchBarInternalEvent,
-  Oe as BentoSegmentedControl,
-  Re as BentoSegmentedControlEvent,
-  Ne as BentoSidepanel,
-  qe as BentoSidepanelAnimation,
-  ze as BentoSidepanelEvent,
-  Ue as BentoSidepanelPage,
-  We as BentoStatus,
-  Ye as BentoStatusVariant,
-  $e as BentoStructuredList,
-  je as BentoStructuredListItem,
-  Qe as BentoSummaryGrid,
-  Xe as BentoSummaryGridItemAmount,
-  Ze as BentoSummaryGridItemCustom,
-  to as BentoSummaryGridItemNumeric,
-  eo as BentoSummaryGridItemPercentage,
-  oo as BentoSummaryGridItemSize,
-  no as BentoSummaryGridItemText,
-  ro as BentoSummaryGridItemTrendDirection,
-  Bo as BentoTab,
-  io as BentoTabs,
-  so as BentoTag,
-  po as BentoTagVariant,
-  lo as BentoTextarea,
+  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,
+  Tt as BentoModalVariant,
+  vt as BentoPagination,
+  bt as BentoPaymentMethod,
+  Et 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,
+  oo as BentoStructuredListItem,
+  ro as BentoSummaryGrid,
+  ao as BentoSummaryGridItemAmount,
+  Bo as BentoSummaryGridItemCustom,
+  io as BentoSummaryGridItemNumeric,
+  mo as BentoSummaryGridItemPercentage,
+  po as BentoSummaryGridItemSize,
+  so as BentoSummaryGridItemText,
+  uo as BentoSummaryGridItemTrendDirection,
+  fo as BentoTab,
+  xo as BentoTabs,
+  co as BentoTag,
+  go as BentoTagVariant,
+  To as BentoTextarea,
   d as BentoTheme,
-  xo as BentoTimeline,
-  yo as BentoTimelineGapUnit,
-  co as BentoTimelineItem,
-  go as BentoTimelineItemVariant,
-  So as BentoTimelineShowMorePlacement,
-  Co as BentoToast,
-  Eo as BentoToggle,
-  bo as BentoToggleLabelPosition,
-  Io as BentoTogglePropClass,
-  rn as BentoTooltipDirective,
-  an as BentoTooltipPosition,
-  Bn as BentoTooltipState,
-  Po as BentoTypography,
-  Fo as BentoTypographyElement,
-  ko as BentoTypographyModifier,
-  Vo as BentoTypographyVariant,
-  $o as DateFormat,
+  ho as BentoTimeline,
+  Do as BentoTimelineGapUnit,
+  vo as BentoTimelineItem,
+  Io as BentoTimelineItemVariant,
+  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,
   c as default,
-  Do as useBentoToastController,
-  gt as useCountryCapital,
-  St as useCountryName,
-  Tt as useCountryPhoneCode,
+  Fo as useBentoToastController,
+  ge as useCountryCapital,
+  Se as useCountryName,
+  Te 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 { n as s } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { b as a } from "./chunks/tooltip.0297fd5d.js";
-import "./assets/index21.css";
+import { b as a } from "./chunks/tooltip.f89cb0cd.js";
+import "./assets/index38.css";
 let n = 0;
 const l = {
   beforeCreate() {

package/dist/input-field.js

@@ -4,12 +4,12 @@ import { u as Y } from "./chunks/use-has-slot.6052d56a.js";
 import { u as X } from "./chunks/use-form-layout-loading.d03e5d48.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.15cc1c45.js";
+import { a as J, B as Q } from "./chunks/dropdown.10ea8304.js";
 import { g as Z } from "./chunks/get-slot-text.c1114034.js";
 import { u as ee } from "./chunks/aria-label.ac9651a5.js";
 import { E as te } from "./chunks/error-message.7a5db7f6.js";
 import { n as ae } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index41.css";
+import "./assets/index34.css";
 var d = /* @__PURE__ */ ((a) => (a.DEFAULT = "default", a.PAYMENT_METHOD = "payment-method", a.STATIC_VALUE = "static-value", a.DROPDOWN = "dropdown", a))(d || {}), n = /* @__PURE__ */ ((a) => (a.START = "start", a.END = "end", a))(n || {}), s = /* @__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))(s || {}), D = /* @__PURE__ */ ((a) => (a.SEARCH = "search", a.TEXT = "text", a.NUMBER = "number", a))(D || {}), oe = /* @__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))(oe || {});
 const re = {
   "en-US": {

package/dist/internal.js

@@ -1,10 +1,10 @@
-import { B as r, L as e } from "./chunks/listbox-option-tag.f8b467a7.js";
-import { C as s, a as p, b as n } from "./chunks/calendar.c20df708.js";
-import { C } from "./chunks/copy.982e1b19.js";
+import { B as r, L as e } from "./chunks/listbox-option-tag.e2688e54.js";
+import { C as s, a as p, b as n } from "./chunks/calendar.44459d87.js";
+import { C } from "./chunks/copy.57f969d4.js";
 import { C as i } from "./chunks/controls-group.a2a2916f.js";
 import { E as d } from "./chunks/error-message.7a5db7f6.js";
 import { G as L, a as l } from "./chunks/grid-layout.b7e0d964.js";
-import { B as G } from "./chunks/listbox.cbf47484.js";
+import { B as G } from "./chunks/listbox.201a8521.js";
 export {
   r as BentoAvatar,
   G as BentoListbox,

package/dist/link.js

@@ -2,7 +2,7 @@ import { defineComponent as i, computed as p, useAttrs as c } from "vue";
 import { RouterLink as _ } from "vue-router";
 import { B as u } from "./chunks/index.1645ffcb.js";
 import { n as f } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index22.css";
+import "./assets/index36.css";
 var o = /* @__PURE__ */ ((s) => (s.DEFAULT = "default", s.QUIET = "quiet", s))(o || {});
 const d = {
   name: "bento-link"

package/dist/loading-indicator.js

@@ -1,6 +1,6 @@
 import { defineComponent as t, onMounted as s, onUnmounted as l, computed as i } from "vue";
 import { n as r } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index36.css";
+import "./assets/index39.css";
 var a = /* @__PURE__ */ ((n) => (n.START = "loading-start", n.END = "loading-end", n))(a || {});
 const d = t({
   name: "bento-loading-indicator",