@adyen/bento-vue2 1.12.0 → 1.13.1

package/dist/focus-trap.js

@@ -1,4 +1,4 @@
-import { B as a } from "./chunks/index.2cfe4a09.js";
+import { B as a } from "./chunks/index.af238ed6.js";
 export {
   a as BentoFocusTrap
 };

package/dist/form-layout.js

@@ -3,8 +3,8 @@ import { BentoAlert as d } from "./alert.js";
 import { F as b } from "./chunks/form-layout.types.a7a1438d.js";
 import { u as m } from "./chunks/use-has-slot.fbeb19ec.js";
 import { n as l } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as u, c as C } from "./chunks/index.99a2184a.js";
-import "./assets/index2.css";
+import { B as u, c as C } from "./chunks/index.6ac01113.js";
+import "./assets/index41.css";
 const B = {}, $ = /* @__PURE__ */ _({
   ...B,
   __name: "form-layout",

package/dist/header.js

@@ -1,15 +1,15 @@
 import { defineComponent as O, computed as v } from "vue";
-import { B as C } from "./chunks/button-actions-with-menu.4c5091f4.js";
+import { B as C } from "./chunks/button-actions-with-menu.a9087340.js";
 import { BentoInfoIcon as E } from "./info-icon.js";
 import { u as A } from "./chunks/use-has-slot.fbeb19ec.js";
-import { B as U, c as T, a as X } from "./chunks/index.99a2184a.js";
+import { B as U, c as T, a as X } from "./chunks/index.6ac01113.js";
 import { u as w } from "./chunks/i18n.eb5b985b.js";
 import { c as p, a as P } from "./chunks/index.86453263.js";
 import { r as c, t as i, e as g, g as D, d as R, f as H } from "./chunks/index.f55fdc32.js";
 import { e as B } from "./chunks/index.fdf12170.js";
 import { e as Y } from "./chunks/index.d80206ed.js";
 import { n as G } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index3.css";
+import "./assets/index42.css";
 function L(e, t) {
   c(2, arguments);
   var a = i(e), n = i(t), l = a.getFullYear() - n.getFullYear(), r = a.getMonth() - n.getMonth();

package/dist/index.js

@@ -1,69 +1,69 @@
 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.4c062058.js";
 import { reactive as m } from "vue";
 import { g as s } from "./chunks/unique-id.a2a2b458.js";
 import { BentoAccordion as T, BentoAccordionItem as C } from "./accordion.js";
 import { BentoActionBar as D } from "./action-bar.js";
 import { BentoAlert as b, BentoAlertEvent as E, BentoAlertTypeOption as I, BentoAlertVariant as L } from "./alert.js";
-import { a as F, b as w, B as V } from "./chunks/button.133f145e.js";
-import { BentoColumnOverflow as A, BentoDataGrid as G, BentoDatagridAriaSortValue as M, BentoDatagridEvent as O, BentoDatagridSortDirection as R, BentoDatagridStyleState as z } from "./data-grid.js";
+import { a as F, b as w, B as V } from "./chunks/button.bb0d7584.js";
+import { BentoColumnOverflow as G, BentoDataGrid as A, BentoDatagridAriaSortValue as M, BentoDatagridEvent as O, BentoDatagridSortDirection as R, BentoDatagridStyleState as z } from "./data-grid.js";
 import { BentoCard as _, BentoCardBackground as q, BentoCardTitleSize as U } from "./card.js";
 import { BentoDatePicker as W, BentoDatePickerEvent as Y } from "./date-picker.js";
-import { B as H, a as $ } from "./chunks/index.18773b0b.js";
-import { B as Q, a as X, u as Z } from "./chunks/dropdown.eaee22a3.js";
-import { B as te, b as oe, a as ne } from "./chunks/checkbox.d8b810c7.js";
-import { BentoClickOutside as ae } from "./click-outside.js";
-import { BentoCodeSnippet as ie, BentoCodeSnippetEvent as me, BentoCodeSnippetSupportedLanguage as se, BentoCodeSnippetVariant as pe } from "./code-snippet.js";
-import { BentoCountry as ue } from "./country.js";
-import { c as fe, B as xe, a as ye, u as ce, b as Se } from "./chunks/country.types.002caff2.js";
-import { BentoCurrency as Te, BentoCurrencyISOCode as Ce } from "./currency.js";
-import { B as De, a as ve } from "./chunks/index.b38a191d.js";
-import { B as Ee } from "./chunks/index.3b7d40b7.js";
-import { BentoEmptyState as Le, BentoEmptyStateImage as Pe, BentoEmptyStateImageVariant as Fe, BentoEmptyStateVariant as we } from "./empty-state.js";
-import { BentoFilterBar as ke, BentoFilterBarEvent as Ae, BentoFilterEvent as Ge, BentoFilterItemType as Me } from "./filter-bar.js";
-import { BentoFormLayout as Re, BentoFormLayoutFieldTip as ze, BentoFormLayoutGroup as Ne, BentoFormLayoutTitle as _e } from "./form-layout.js";
-import { BentoImage as Ue, BentoImageAspectRatio as Ke, BentoImageObjectFit as We } from "./image.js";
-import { BentoInfoIcon as je } from "./info-icon.js";
-import { BentoInputField as $e, BentoInputFieldElementPosition as Je, BentoInputFieldEvent as Qe, BentoInputFieldStateClass as Xe, BentoInputFieldType as Ze, BentoInputFieldVariant as et } from "./input-field.js";
-import { BentoLoadingIndicator as ot, BentoLoadingIndicatorEvent as nt } from "./loading-indicator.js";
-import { BentoLink as at, BentoLinkVariant as Bt } from "./link.js";
-import { B as mt, a as st } from "./chunks/index.9b669c12.js";
-import { BentoModal as dt } from "./modal.js";
-import { b as lt, d as ft, e as xt, c as yt, a as ct, B as St } from "./chunks/base-modal.9d63bdaf.js";
-import { BentoHeader as Tt } from "./header.js";
-import { BentoPagination as ht } from "./pagination.js";
-import { BentoPaymentMethod as vt, BentoPaymentMethodType as bt } from "./payment-method.js";
-import { a as It, B as Lt } from "./chunks/index.45aa17fc.js";
-import { BentoRadioGroup as Ft, BentoRadioGroupVariant as wt } from "./radio-group.js";
-import { BentoSearchBar as kt, BentoSearchBarEvent as At, BentoSearchBarInternalEvent as Gt } from "./search-bar.js";
-import { BentoSecondaryNav as Ot } from "./secondary-nav.js";
-import { BentoSegmentedControl as zt, BentoSegmentedControlEvent as Nt } from "./segmented-control.js";
-import { BentoSidepanel as qt, 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.eb527b75.js";
-import { BentoSummaryGrid as ro, BentoSummaryGridItemAmount as ao, BentoSummaryGridItemCustom as Bo, BentoSummaryGridItemNumeric as io, BentoSummaryGridItemPercentage as mo, BentoSummaryGridItemSize as so, BentoSummaryGridItemText as po, BentoSummaryGridItemTrendDirection as uo } from "./summary-grid.js";
-import { BentoTab as fo, BentoTabs as xo } from "./tabs.js";
-import { BentoTag as co, BentoTagVariant as So } from "./tag.js";
-import { BentoTextarea as To } from "./textarea.js";
-import { BentoTimeline as ho, BentoTimelineGapUnit as Do, BentoTimelineItem as vo, BentoTimelineItemVariant as bo, BentoTimelineShowMorePlacement as Eo, BentoTimelineStatus as Io } from "./timeline.js";
-import { BentoToast as Po } from "./toast.js";
-import { u as wo } from "./chunks/toastController.fd667b68.js";
-import { BentoToggle as ko, BentoToggleLabelPosition as Ao, BentoTogglePropClass as Go } from "./toggle.js";
-import { BentoTutorial as Oo } from "./tutorial.js";
-import { B as zo, c as No, b as _o, a as qo } from "./chunks/index.99a2184a.js";
-import { BentoButtonActions as Ko, BentoButtonActionsLayout as Wo, BentoButtonActionsLayoutBasic as Yo, BentoButtonActionsLayoutExtended as jo } from "./button.js";
-import { B as $o, a as Jo } from "./chunks/loading-button.44d698b9.js";
-import { b as Xo, b as Zo } from "./chunks/calendar.9a8605d1.js";
-import { b as tn, a as on, b as nn, a as rn } from "./chunks/listbox.23c6b393.js";
-import { BentoDropdownAvatar as Bn, BentoDropdownCountry as mn, BentoDropdownCurrency as sn, BentoDropdownPaymentMethod as pn, BentoDropdownTag as dn } from "./dropdown.js";
-import { BentoCheckboxGroup as ln, BentoCheckboxGroupVariant as fn } from "./checkbox.js";
-import { D as yn } from "./chunks/date-input.9186a0bf.js";
-import { a as Sn, B as gn } from "./chunks/keyboard-navigation.ca47dfa8.js";
-import { B as Cn } from "./chunks/directive.0408e565.js";
-import { b as Dn, B as vn, a as bn } from "./chunks/tooltip.f91b2040.js";
+import { B as H, a as $ } from "./chunks/index.339f15c4.js";
+import { B as Q, a as X, u as Z } from "./chunks/dropdown.4d800c61.js";
+import { B as et, b as ot, a as nt } from "./chunks/checkbox.51cdb397.js";
+import { BentoClickOutside as at } from "./click-outside.js";
+import { BentoCodeSnippet as it, BentoCodeSnippetEvent as mt, BentoCodeSnippetSupportedLanguage as st, BentoCodeSnippetVariant as pt } from "./code-snippet.js";
+import { BentoCountry as ut } from "./country.js";
+import { c as ft, B as xt, a as yt, u as ct, b as St } from "./chunks/country.types.002caff2.js";
+import { BentoCurrency as Tt, BentoCurrencyISOCode as Ct } from "./currency.js";
+import { B as Dt, a as vt } from "./chunks/index.772a5595.js";
+import { B as Et } from "./chunks/index.541cce1c.js";
+import { BentoEmptyState as Lt, BentoEmptyStateImage as Pt, BentoEmptyStateImageVariant as Ft, BentoEmptyStateVariant as wt } from "./empty-state.js";
+import { BentoFilterBar as kt, BentoFilterBarEvent as Gt, BentoFilterEvent as At, BentoFilterItemType as Mt } from "./filter-bar.js";
+import { BentoFormLayout as Rt, BentoFormLayoutFieldTip as zt, BentoFormLayoutGroup as Nt, BentoFormLayoutTitle as _t } from "./form-layout.js";
+import { BentoImage as Ut, BentoImageAspectRatio as Kt, BentoImageObjectFit as Wt } from "./image.js";
+import { BentoInfoIcon as jt } from "./info-icon.js";
+import { BentoInputField as $t, 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 { B as ae, a as Be } from "./chunks/index.d1f65246.js";
+import { B as me, a as se } from "./chunks/index.5742fba4.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 Se } from "./chunks/base-modal.a580438d.js";
+import { BentoHeader as Te } from "./header.js";
+import { BentoPagination as he } from "./pagination.js";
+import { BentoPaymentMethod as ve, BentoPaymentMethodType as be } from "./payment-method.js";
+import { a as Ie, B as Le } from "./chunks/index.ec0743da.js";
+import { BentoRadioButton as Fe, BentoRadioButtonStateClass as we, BentoRadioGroup as Ve, BentoRadioGroupEvent as ke, BentoRadioGroupVariant as Ge } from "./radio-group.js";
+import { BentoSearchBar as Me, BentoSearchBarEvent as Oe, BentoSearchBarInternalEvent as Re } from "./search-bar.js";
+import { BentoSecondaryNav as Ne } from "./secondary-nav.js";
+import { BentoSegmentedControl as qe, BentoSegmentedControlEvent as Ue } from "./segmented-control.js";
+import { BentoSidepanel as We, BentoSidepanelAnimation as Ye, BentoSidepanelEvent as je, BentoSidepanelPage as He } from "./sidepanel.js";
+import { BentoStatus as Je, BentoStatusVariant as Qe } from "./status.js";
+import { BentoStep as Ze, BentoStepper as to, BentoStepperTypeOption as eo, BentoStepperVariantOption as oo } from "./stepper.js";
+import { B as ro, a as ao } from "./chunks/index.a4a820fd.js";
+import { BentoSummaryGrid as io, BentoSummaryGridItemAmount as mo, BentoSummaryGridItemCustom as so, BentoSummaryGridItemNumeric as po, BentoSummaryGridItemPercentage as uo, BentoSummaryGridItemSize as lo, BentoSummaryGridItemText as fo, BentoSummaryGridItemTrendDirection as xo } from "./summary-grid.js";
+import { BentoTab as co, BentoTabs as So } from "./tabs.js";
+import { BentoTag as To, BentoTagVariant as Co } from "./tag.js";
+import { BentoTextarea as Do } from "./textarea.js";
+import { BentoTimeline as bo, BentoTimelineGapUnit as Eo, BentoTimelineItem as Io, BentoTimelineItemVariant as Lo, BentoTimelineShowMorePlacement as Po, BentoTimelineStatus as Fo } from "./timeline.js";
+import { BentoToast as Vo } from "./toast.js";
+import { u as Go } from "./chunks/toastController.fd667b68.js";
+import { BentoToggle as Mo, BentoToggleLabelPosition as Oo, BentoTogglePropClass as Ro } from "./toggle.js";
+import { BentoTutorial as No } from "./tutorial.js";
+import { B as qo, c as Uo, b as Ko, a as Wo } from "./chunks/index.6ac01113.js";
+import { BentoButtonActions as jo, BentoButtonActionsLayout as Ho, BentoButtonActionsLayoutBasic as $o, BentoButtonActionsLayoutExtended as Jo } from "./button.js";
+import { B as Xo, a as Zo } from "./chunks/loading-button.7301cc2e.js";
+import { b as en, b as on } from "./chunks/calendar.17ab99de.js";
+import { b as rn, a as an, b as Bn, a as mn } from "./chunks/listbox.e5d70b9b.js";
+import { BentoDropdownAvatar as pn, BentoDropdownCountry as dn, BentoDropdownCurrency as un, BentoDropdownPaymentMethod as ln, BentoDropdownTag as fn } from "./dropdown.js";
+import { BentoCheckboxGroup as yn, BentoCheckboxGroupVariant as cn } from "./checkbox.js";
+import { D as gn } from "./chunks/date-input.9186a0bf.js";
+import { a as Cn, B as hn } from "./chunks/keyboard-navigation.ca47dfa8.js";
+import { B as vn } from "./chunks/directive.0408e565.js";
+import { b as En, B as In, a as Ln } from "./chunks/tooltip.46858ae6.js";
 class p {
   constructor() {
     r(this, "_state");
@@ -72,12 +72,12 @@ class p {
   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 = s("toast"), n = {
-      ...e,
+      ...t,
       id: o,
       dismiss: () => this.dismissToast(n)
     };
@@ -86,18 +86,18 @@ class p {
     };
   }
 }
-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 p()), (e == null ? void 0 : e.theme) === "b-legacy-theme" ? (a(
+  install: async (e, t) => {
+    t != null && t.withToast && (e.prototype.$bentoToastController = new p()), (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 {
@@ -109,160 +109,163 @@ export {
   I as BentoAlertTypeOption,
   L as BentoAlertVariant,
   F as BentoButton,
-  Ko as BentoButtonActions,
-  Wo as BentoButtonActionsLayout,
-  Yo as BentoButtonActionsLayoutBasic,
-  jo as BentoButtonActionsLayoutExtended,
+  jo as BentoButtonActions,
+  Ho as BentoButtonActionsLayout,
+  $o as BentoButtonActionsLayoutBasic,
+  Jo as BentoButtonActionsLayoutExtended,
   w as BentoButtonPropClass,
   V as BentoButtonVariant,
   _ as BentoCard,
   q as BentoCardBackground,
   U as BentoCardTitleSize,
-  te as BentoCheckbox,
-  oe as BentoCheckboxEvent,
-  ln as BentoCheckboxGroup,
-  fn as BentoCheckboxGroupVariant,
-  ne as BentoCheckboxState,
-  ae as BentoClickOutside,
-  Cn as BentoClickOutsideDirective,
-  ie as BentoCodeSnippet,
-  me as BentoCodeSnippetEvent,
-  se as BentoCodeSnippetSupportedLanguage,
-  pe as BentoCodeSnippetVariant,
-  A as BentoColumnOverflow,
-  ue as BentoCountry,
-  fe as BentoCountryCode,
-  xe as BentoCountryVariant,
-  Te as BentoCurrency,
-  Ce as BentoCurrencyISOCode,
-  G as BentoDataGrid,
+  et as BentoCheckbox,
+  ot as BentoCheckboxEvent,
+  yn as BentoCheckboxGroup,
+  cn as BentoCheckboxGroupVariant,
+  nt as BentoCheckboxState,
+  at as BentoClickOutside,
+  vn as BentoClickOutsideDirective,
+  it as BentoCodeSnippet,
+  mt as BentoCodeSnippetEvent,
+  st as BentoCodeSnippetSupportedLanguage,
+  pt as BentoCodeSnippetVariant,
+  G as BentoColumnOverflow,
+  ut as BentoCountry,
+  ft as BentoCountryCode,
+  xt as BentoCountryVariant,
+  Tt as BentoCurrency,
+  Ct as BentoCurrencyISOCode,
+  A as BentoDataGrid,
   M as BentoDatagridAriaSortValue,
   O as BentoDatagridEvent,
   R as BentoDatagridSortDirection,
   z as BentoDatagridStyleState,
-  De as BentoDate,
-  ve as BentoDateFormat,
+  Dt as BentoDate,
+  vt as BentoDateFormat,
   W as BentoDatePicker,
   Y as BentoDatePickerEvent,
-  Xo as BentoDatePickerFirstDayOfWeek,
+  en as BentoDatePickerFirstDayOfWeek,
   H as BentoDateRangePicker,
   $ as BentoDateRangePickerEvent,
-  Zo as BentoDateRangePickerFirstDayOfWeek,
-  Ee as BentoDivider,
+  on as BentoDateRangePickerFirstDayOfWeek,
+  Et as BentoDivider,
   Q as BentoDropdown,
-  Bn as BentoDropdownAvatar,
-  mn as BentoDropdownCountry,
-  sn as BentoDropdownCurrency,
-  tn as BentoDropdownEvent,
-  on as BentoDropdownLazyLoadType,
-  pn as BentoDropdownPaymentMethod,
+  pn as BentoDropdownAvatar,
+  dn as BentoDropdownCountry,
+  un as BentoDropdownCurrency,
+  rn as BentoDropdownEvent,
+  an as BentoDropdownLazyLoadType,
+  ln as BentoDropdownPaymentMethod,
   X as BentoDropdownSize,
-  dn as BentoDropdownTag,
-  Le as BentoEmptyState,
-  Pe as BentoEmptyStateImage,
-  Fe as BentoEmptyStateImageVariant,
-  we as BentoEmptyStateVariant,
-  ke as BentoFilterBar,
-  Ae as BentoFilterBarEvent,
-  Ge as BentoFilterEvent,
-  Me as BentoFilterItemType,
-  Re as BentoFormLayout,
-  ze as BentoFormLayoutFieldTip,
-  Ne as BentoFormLayoutGroup,
-  _e as BentoFormLayoutTitle,
-  Tt as BentoHeader,
-  Ue as BentoImage,
-  Ke as BentoImageAspectRatio,
-  We as BentoImageObjectFit,
-  je as BentoInfoIcon,
-  $e as BentoInputField,
-  Je as BentoInputFieldElementPosition,
-  Qe as BentoInputFieldEvent,
-  Xe as BentoInputFieldStateClass,
-  Ze as BentoInputFieldType,
-  et as BentoInputFieldVariant,
-  Sn as BentoKeyboardNavigationDirective,
-  gn as BentoKeyboardNavigationKeyDownEvent,
-  at as BentoLink,
-  Bt as BentoLinkVariant,
-  nn as BentoListboxEvent,
-  rn as BentoListboxLazyLoadType,
-  $o as BentoLoadingButton,
-  Jo as BentoLoadingButtonState,
-  ot as BentoLoadingIndicator,
-  nt as BentoLoadingIndicatorEvent,
-  mt as BentoMenu,
-  st as BentoMenuEvent,
-  dt as BentoModal,
-  lt as BentoModalColumnLayoutVariant,
-  ft as BentoModalDialogType,
-  xt as BentoModalEvent,
-  yt as BentoModalRole,
-  ct as BentoModalSize,
-  St as BentoModalVariant,
-  ht as BentoPagination,
-  vt as BentoPaymentMethod,
-  bt as BentoPaymentMethodType,
-  It as BentoPopover,
-  Lt as BentoPopoverPositions,
-  Ft as BentoRadioGroup,
-  wt as BentoRadioGroupVariant,
-  kt as BentoSearchBar,
-  At as BentoSearchBarEvent,
-  Gt as BentoSearchBarInternalEvent,
-  Ot as BentoSecondaryNav,
-  zt as BentoSegmentedControl,
-  Nt as BentoSegmentedControlEvent,
-  qt 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,
-  so as BentoSummaryGridItemSize,
-  po as BentoSummaryGridItemText,
-  uo as BentoSummaryGridItemTrendDirection,
-  fo as BentoTab,
-  xo as BentoTabs,
-  co as BentoTag,
-  So as BentoTagVariant,
-  To as BentoTextarea,
+  fn as BentoDropdownTag,
+  Lt as BentoEmptyState,
+  Pt as BentoEmptyStateImage,
+  Ft as BentoEmptyStateImageVariant,
+  wt as BentoEmptyStateVariant,
+  kt as BentoFilterBar,
+  Gt as BentoFilterBarEvent,
+  At as BentoFilterEvent,
+  Mt as BentoFilterItemType,
+  Rt as BentoFormLayout,
+  zt as BentoFormLayoutFieldTip,
+  Nt as BentoFormLayoutGroup,
+  _t as BentoFormLayoutTitle,
+  Te as BentoHeader,
+  Ut as BentoImage,
+  Kt as BentoImageAspectRatio,
+  Wt as BentoImageObjectFit,
+  jt as BentoInfoIcon,
+  $t as BentoInputField,
+  Jt as BentoInputFieldElementPosition,
+  Qt as BentoInputFieldEvent,
+  Xt as BentoInputFieldStateClass,
+  Zt as BentoInputFieldType,
+  te as BentoInputFieldVariant,
+  Cn as BentoKeyboardNavigationDirective,
+  hn as BentoKeyboardNavigationKeyDownEvent,
+  ae as BentoLink,
+  Be as BentoLinkVariant,
+  Bn as BentoListboxEvent,
+  mn as BentoListboxLazyLoadType,
+  Xo as BentoLoadingButton,
+  Zo 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,
+  Se as BentoModalVariant,
+  he as BentoPagination,
+  ve as BentoPaymentMethod,
+  be as BentoPaymentMethodType,
+  Ie as BentoPopover,
+  Le as BentoPopoverPositions,
+  Fe as BentoRadioButton,
+  we as BentoRadioButtonStateClass,
+  Ve as BentoRadioGroup,
+  ke as BentoRadioGroupEvent,
+  Ge as BentoRadioGroupVariant,
+  Me as BentoSearchBar,
+  Oe as BentoSearchBarEvent,
+  Re as BentoSearchBarInternalEvent,
+  Ne as BentoSecondaryNav,
+  qe as BentoSegmentedControl,
+  Ue as BentoSegmentedControlEvent,
+  We as BentoSidepanel,
+  Ye as BentoSidepanelAnimation,
+  je as BentoSidepanelEvent,
+  He as BentoSidepanelPage,
+  Je as BentoStatus,
+  Qe as BentoStatusVariant,
+  Ze as BentoStep,
+  to as BentoStepper,
+  eo as BentoStepperTypeOption,
+  oo as BentoStepperVariantOption,
+  ro as BentoStructuredList,
+  ao as BentoStructuredListItem,
+  io as BentoSummaryGrid,
+  mo as BentoSummaryGridItemAmount,
+  so as BentoSummaryGridItemCustom,
+  po as BentoSummaryGridItemNumeric,
+  uo as BentoSummaryGridItemPercentage,
+  lo as BentoSummaryGridItemSize,
+  fo as BentoSummaryGridItemText,
+  xo as BentoSummaryGridItemTrendDirection,
+  co as BentoTab,
+  So as BentoTabs,
+  To as BentoTag,
+  Co as BentoTagVariant,
+  Do as BentoTextarea,
   d as BentoTheme,
-  ho as BentoTimeline,
-  Do as BentoTimelineGapUnit,
-  vo as BentoTimelineItem,
-  bo as BentoTimelineItemVariant,
-  Eo as BentoTimelineShowMorePlacement,
-  Io as BentoTimelineStatus,
-  Po as BentoToast,
-  ko as BentoToggle,
-  Ao as BentoToggleLabelPosition,
-  Go as BentoTogglePropClass,
-  Dn as BentoTooltipDirective,
-  vn as BentoTooltipPosition,
-  bn as BentoTooltipState,
-  Oo as BentoTutorial,
-  zo as BentoTypography,
-  No as BentoTypographyElement,
-  _o as BentoTypographyModifier,
-  qo as BentoTypographyVariant,
-  yn as DateFormat,
+  bo as BentoTimeline,
+  Eo as BentoTimelineGapUnit,
+  Io as BentoTimelineItem,
+  Lo as BentoTimelineItemVariant,
+  Po as BentoTimelineShowMorePlacement,
+  Fo as BentoTimelineStatus,
+  Vo as BentoToast,
+  Mo as BentoToggle,
+  Oo as BentoToggleLabelPosition,
+  Ro as BentoTogglePropClass,
+  En as BentoTooltipDirective,
+  In as BentoTooltipPosition,
+  Ln as BentoTooltipState,
+  No as BentoTutorial,
+  qo as BentoTypography,
+  Uo as BentoTypographyElement,
+  Ko as BentoTypographyModifier,
+  Wo as BentoTypographyVariant,
+  gn as DateFormat,
   c as default,
-  wo as useBentoToastController,
-  ye as useCountryCapital,
-  ce as useCountryName,
-  Se as useCountryPhoneCode,
+  Go as useBentoToastController,
+  yt as useCountryCapital,
+  ct as useCountryName,
+  St as useCountryPhoneCode,
   Z as useSearchBarFilter
 };
 //# sourceMappingURL=index.js.map

package/dist/info-icon.js

@@ -1,8 +1,8 @@
 import { defineComponent as r } from "vue";
-import { c as i } from "./chunks/index.d90c5838.js";
+import { c as i } from "./chunks/index.170ac16b.js";
 import { n as s } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { b as a } from "./chunks/tooltip.f91b2040.js";
-import "./assets/index4.css";
+import { b as a } from "./chunks/tooltip.46858ae6.js";
+import "./assets/index33.css";
 let n = 0;
 const l = {
   beforeCreate() {

package/dist/info-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"info-icon.js","sources":["../node_modules/@adyen/ui-assets-icons-16/dist/vue/info.vue","../src/components/info-icon/info-icon.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g fill=\"#00112C\" :clip-path=\"'url(#uia-icons-16-info__a' + uuid + ')'\"><path d=\"M8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557Z\"/><path d=\"M6.25 6.25H8.75V10.25H9.75V11.75H6.25V10.25H7.25V7.75H6.25V6.25Z\"/><path d=\"M9.51195 0.398918C8.0086 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.704529 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8887 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.3012 11.5338 12.5001 12.5099 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C3.49007 3.49988 4.46619 2.6988 5.60823 2.22576Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","<template>\n    <span\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        :aria-label=\"tooltipText\"\n        class=\"b-info-icon\"\n        tabindex=\"0\"\n    >\n        <info-icon :svg-title=\"tooltipText\" class=\"b-info-icon__svg\" />\n    </span>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { BentoTooltipDirective } from '@/directives';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n\n    /**\n     * @example\n     * import { BentoInfoIcon } from '@adyen/adl-vue-components';\n     *\n     * export default {\n     *     components: { BentoInfoIcon },\n     *     template: `\n     *          <bento-info-icon tooltip-text=\"Text on hover\" />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-info-icon',\n        components: { InfoIcon },\n        directives: { BentoTooltipDirective },\n        props: {\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            tooltipText: { type: String, required: true },\n\n            /**\n             * Position the tooltip should take if space is available. Defaults to 'auto'\n             */\n            tooltipPosition: {\n                type: String as PropType<PopperContainerPosition | `${PopperContainerPosition}`>,\n                default: PopperContainerPosition.AUTO,\n                validator: (value: PopperContainerPosition) => Object.values(PopperContainerPosition).includes(value),\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon.scss\" />\n"],"names":["uuid","_sfc_main$1","_sfc_main","defineComponent","InfoIcon","BentoTooltipDirective","PopperContainerPosition","value"],"mappings":";;;;;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;qBCgBAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,UAAAC,EAAA;AAAA,EACA,YAAA,EAAA,uBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,aAAA,EAAA,MAAA,QAAA,UAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAIA,iBAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAAC,EAAA;AAAA,MACA,WAAA,CAAAC,MAAA,OAAA,OAAAD,CAAA,EAAA,SAAAC,CAAA;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"info-icon.js","sources":["../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/info.vue","../src/components/info-icon/info-icon.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g fill=\"#00112C\" :clip-path=\"'url(#uia-icons-16-info__a' + uuid + ')'\"><path d=\"M8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557Z\"/><path d=\"M6.25 6.25H8.75V10.25H9.75V11.75H6.25V10.25H7.25V7.75H6.25V6.25Z\"/><path d=\"M9.51195 0.398918C8.0086 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.704529 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8887 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.3012 11.5338 12.5001 12.5099 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C3.49007 3.49988 4.46619 2.6988 5.60823 2.22576Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","<template>\n    <span\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        :aria-label=\"tooltipText\"\n        class=\"b-info-icon\"\n        tabindex=\"0\"\n    >\n        <info-icon :svg-title=\"tooltipText\" class=\"b-info-icon__svg\" />\n    </span>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { BentoTooltipDirective } from '@/directives';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n\n    /**\n     * @example\n     * import { BentoInfoIcon } from '@adyen/adl-vue-components';\n     *\n     * export default {\n     *     components: { BentoInfoIcon },\n     *     template: `\n     *          <bento-info-icon tooltip-text=\"Text on hover\" />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-info-icon',\n        components: { InfoIcon },\n        directives: { BentoTooltipDirective },\n        props: {\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            tooltipText: { type: String, required: true },\n\n            /**\n             * Position the tooltip should take if space is available. Defaults to 'auto'\n             */\n            tooltipPosition: {\n                type: String as PropType<PopperContainerPosition | `${PopperContainerPosition}`>,\n                default: PopperContainerPosition.AUTO,\n                validator: (value: PopperContainerPosition) => Object.values(PopperContainerPosition).includes(value),\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon.scss\" />\n"],"names":["uuid","_sfc_main$1","_sfc_main","defineComponent","InfoIcon","BentoTooltipDirective","PopperContainerPosition","value"],"mappings":";;;;;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;qBCgBAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,UAAAC,EAAA;AAAA,EACA,YAAA,EAAA,uBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,aAAA,EAAA,MAAA,QAAA,UAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAIA,iBAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAAC,EAAA;AAAA,MACA,WAAA,CAAAC,MAAA,OAAA,OAAAD,CAAA,EAAA,SAAAC,CAAA;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/input-field.js

@@ -1,15 +1,15 @@
 import { defineComponent as H, useAttrs as F, useSlots as z, ref as O, toRef as j, computed as i, toRefs as W } from "vue";
-import { B as Y, a as q } from "./chunks/dropdown.eaee22a3.js";
-import { d as X, B as G } from "./chunks/index.99a2184a.js";
+import { B as Y, a as q } from "./chunks/dropdown.4d800c61.js";
+import { d as X, B as G } from "./chunks/index.6ac01113.js";
 import { g as u } from "./chunks/unique-id.a2a2b458.js";
 import { g as K } from "./chunks/get-slot-text.99c3d860.js";
 import { u as J } from "./chunks/aria-label.ac9651a5.js";
 import { u as Q } from "./chunks/i18n.eb5b985b.js";
 import { u as Z } from "./chunks/use-form-layout-loading.d03e5d48.js";
 import { u as tt } from "./chunks/use-has-slot.fbeb19ec.js";
-import { E as et, F as at } from "./chunks/field-label.66f52c8f.js";
+import { E as et, F as at } from "./chunks/field-label.7328b82b.js";
 import { n as ot } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index29.css";
+import "./assets/index39.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 || {}), p = /* @__PURE__ */ ((a) => (a.CONDENSED = "condensed", a.DISABLED = "disabled", a.READONLY = "readonly", a.ERROR = "error", a))(p || {}), w = /* @__PURE__ */ ((a) => (a.SEARCH = "search", a.TEXT = "text", a.NUMBER = "number", a))(w || {}), rt = /* @__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))(rt || {});
 const it = {
   "en-US": {

package/dist/internal.js

@@ -1,11 +1,11 @@
-import { B as r, L as e } from "./chunks/listbox-option-tag.168c794c.js";
-import { C as s, a as p, b as i } from "./chunks/calendar.9a8605d1.js";
-import { C as x, a as n } from "./chunks/copy.68a7d416.js";
-import { C as f } from "./chunks/controls-group.bf152dea.js";
-import { E as d, F as L } from "./chunks/field-label.66f52c8f.js";
-import { F as y } from "./chunks/fixed-scroller.01fc96f7.js";
+import { B as r, L as e } from "./chunks/listbox-option-tag.6f3e922c.js";
+import { C as s, a as p, b as i } from "./chunks/calendar.17ab99de.js";
+import { C as x, a as n } from "./chunks/copy.54cc3ab4.js";
+import { C as f } from "./chunks/controls-group.3716f4b4.js";
+import { E as d, F as L } from "./chunks/field-label.7328b82b.js";
+import { F as y } from "./chunks/fixed-scroller.d6c11166.js";
 import { G as b, a as B } from "./chunks/grid-layout.e0025286.js";
-import { B as v, u as E } from "./chunks/listbox.23c6b393.js";
+import { B as v, u as E } from "./chunks/listbox.e5d70b9b.js";
 export {
   r as BentoAvatar,
   v as BentoListbox,