@adyen/bento-vue3 1.2.0 → 1.3.0

package/dist/index.js

@@ -1,62 +1,63 @@
 var S = Object.defineProperty;
-var k = (t, e, n) => e in t ? S(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var f = (t, e, n) => (k(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { reactive as v, defineComponent as b, computed as D, openBlock as i, createElementBlock as I, mergeProps as m, unref as r, createBlock as l, withCtx as d, renderSlot as s, createElementVNode as E } from "vue";
-import { g as P } from "./chunks/unique-id.a2a2b458.js";
+var k = (t, e, r) => e in t ? S(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var f = (t, e, r) => (k(t, typeof e != "symbol" ? e + "" : e, r), r);
+import { reactive as v, defineComponent as b, computed as D, openBlock as i, createElementBlock as I, mergeProps as m, unref as n, createBlock as l, withCtx as d, renderSlot as B, createElementVNode as E } from "vue";
+import { g as L } from "./chunks/unique-id.a2a2b458.js";
 import { BentoAlert as W, BentoAlertEvent as Y, BentoAlertTypeOption as H, BentoAlertVariant as j } from "./alert.js";
-import { B as X, b as Z, a as ee } from "./chunks/button.1f630b6e.js";
-import { BentoCard as oe, BentoCardBackground as ne, BentoCardTitleSize as re } from "./card.js";
-import { BentoColumnOverflow as ie, BentoDataGrid as se, BentoDatagridAriaSortValue as Be, BentoDatagridEvent as me, BentoDatagridSortDirection as le, BentoDatagridStyleState as de } from "./data-grid.js";
+import { B as X, b as Z, a as ee } from "./chunks/button.e1c39f66.js";
+import { BentoCard as oe, BentoCardBackground as re, BentoCardTitleSize as ne } from "./card.js";
+import { BentoColumnOverflow as ie, BentoDataGrid as Be, BentoDatagridAriaSortValue as se, BentoDatagridEvent as me, BentoDatagridSortDirection as le, BentoDatagridStyleState as de } from "./data-grid.js";
 import { BentoDatePicker as ue, BentoDatePickerEvent as fe } from "./date-picker.js";
-import { B as ye, a as xe } from "./chunks/index.b46a5047.js";
-import { B as Ce, u as Te } from "./chunks/dropdown.f9997464.js";
+import { B as ye, a as xe } from "./chunks/index.c9225c3b.js";
+import { B as Te, u as he } from "./chunks/dropdown.8b415aac.js";
 import { BentoDropdownAvatar as Se, BentoDropdownCountry as ke, BentoDropdownCurrency as ve, BentoDropdownPaymentMethod as be, BentoDropdownTag as De } from "./dropdown.js";
-import { B as Ee, b as Pe, a as _e } from "./chunks/checkbox.cfb8b8df.js";
-import { BentoClickOutside as we } from "./click-outside.js";
-import { BentoCodeSnippet as Ve, BentoCodeSnippetEvent as Ae, BentoCodeSnippetSupportedLanguage as Ge, BentoCodeSnippetVariant as Me } from "./code-snippet.js";
-import { BentoCountry as $e, BentoCountryCode as Ne, BentoCountryVariant as Re, useCountryCapital as Ue, useCountryFlag as qe, useCountryName as ze, useCountryPhoneCode as Ke } from "./country.js";
-import { BentoCurrency as We, BentoCurrencyISOCode as Ye } from "./currency.js";
-import { B as je, a as Je } from "./chunks/index.7dd953ea.js";
-import { BentoDivider as Ze } from "./divider.js";
-import { BentoFilterBar as tt, BentoFilterBarEvent as ot, BentoFilterEvent as nt, BentoFilterItemType as rt } from "./filter-bar.js";
-import { BentoInfoIcon as it } from "./info-icon.js";
-import { BentoInputField as Bt, BentoInputFieldElementPosition as mt, BentoInputFieldEvent as lt, BentoInputFieldStateClass as dt, BentoInputFieldType as pt, BentoInputFieldVariant as ut } from "./input-field.js";
-import { BentoLoadingIndicator as ct, BentoLoadingIndicatorEvent as yt } from "./loading-indicator.js";
-import { BentoMenu as gt, BentoMenuEvent as Ct } from "./menu.js";
-import { BentoModal as ht, BentoModalColumnLayoutVariant as St, BentoModalDialogType as kt, BentoModalEvent as vt, BentoModalRole as bt, BentoModalSize as Dt, BentoModalVariant as It } from "./modal.js";
-import { BentoHeader as Pt } from "./header.js";
-import { BentoPagination as Lt } from "./pagination.js";
-import { BentoPaymentMethod as Ft, BentoPaymentMethodType as Vt } from "./payment-method.js";
-import { BentoPopover as Gt, BentoPopoverPositions as Mt } from "./popover.js";
-import { BentoRadioGroup as $t, BentoRadioGroupVariant as Nt } from "./radio-group.js";
-import { BentoSearchBar as Ut, BentoSearchBarEvent as qt, BentoSearchBarInternalEvent as zt } from "./search-bar.js";
-import { BentoSegmentedControl as Qt, BentoSegmentedControlEvent as Wt } from "./segmented-control.js";
-import { BentoStatus as Ht, BentoStatusVariant as jt } from "./status.js";
-import { B as Xt, a as Zt } from "./chunks/index.64b7b3cc.js";
-import { BentoSummaryGrid as to, BentoSummaryGridItemAmount as oo, BentoSummaryGridItemCustom as no, BentoSummaryGridItemNumeric as ro, BentoSummaryGridItemPercentage as ao, BentoSummaryGridItemSize as io, BentoSummaryGridItemText as so, BentoSummaryGridItemTrendDirection as Bo } from "./summary-grid.js";
-import { BentoTab as lo, BentoTabs as po } from "./tabs.js";
-import { BentoTag as fo, BentoTagVariant as co } from "./tag.js";
-import { BentoTextarea as xo } from "./textarea.js";
-import { BentoTimeline as Co, BentoTimelineGapUnit as To, BentoTimelineItem as ho, BentoTimelineItemVariant as So, BentoTimelineShowMorePlacement as ko } from "./timeline.js";
-import { BentoToast as bo } from "./toast.js";
-import { u as Io } from "./chunks/toastController.0b01d2e8.js";
-import { BentoToggle as Po, BentoToggleLabelPosition as _o, BentoTogglePropClass as Lo } from "./toggle.js";
-import { B as c, a as y, b as x } from "./chunks/index.ebf5f6cf.js";
-import { c as Fo } from "./chunks/index.ebf5f6cf.js";
-import { D as Ao } from "./chunks/date-input.9186a0bf.js";
-import { a as Mo, B as Oo } from "./chunks/debounce.f8d92e44.js";
-import { a as No, b as Ro } from "./chunks/listbox.7b5e0eee.js";
-import { B as qo } from "./chunks/directive.0408e565.js";
-import { b as Ko, B as Qo, a as Wo } from "./chunks/tooltip.53290a34.js";
-import { B as Ho, c as jo, a as Jo, b as Xo } from "./chunks/button-actions.a6e541ad.js";
-import { B as en, a as tn } from "./chunks/loading-button.426d89b9.js";
-import { b as nn, b as rn } from "./chunks/calendar.08885a56.js";
-import { BentoCheckboxGroup as sn, BentoCheckboxGroupVariant as Bn } from "./checkbox.js";
+import { BentoDivider as Ee } from "./divider.js";
+import { B as Pe, b as _e, a as Fe } from "./chunks/checkbox.a404069b.js";
+import { BentoClickOutside as Ve } from "./click-outside.js";
+import { BentoCodeSnippet as Ae, BentoCodeSnippetEvent as Me, BentoCodeSnippetSupportedLanguage as Oe, BentoCodeSnippetVariant as $e } from "./code-snippet.js";
+import { BentoCountry as Re, BentoCountryCode as Ue, BentoCountryVariant as qe, useCountryCapital as ze, useCountryName as Ke, useCountryPhoneCode as Qe } from "./country.js";
+import { BentoCurrency as Ye, BentoCurrencyISOCode as He } from "./currency.js";
+import { B as Je, a as Xe } from "./chunks/index.d27367cd.js";
+import { BentoFilterBar as et, BentoFilterBarEvent as tt, BentoFilterEvent as ot, BentoFilterItemType as rt } from "./filter-bar.js";
+import { BentoFormLayout as at, BentoFormLayoutFieldTip as it, BentoFormLayoutGroup as Bt, BentoFormLayoutTitle as st } from "./form-layout.js";
+import { BentoInfoIcon as lt } from "./info-icon.js";
+import { BentoInputField as pt, BentoInputFieldElementPosition as ut, BentoInputFieldEvent as ft, BentoInputFieldStateClass as ct, BentoInputFieldType as yt, BentoInputFieldVariant as xt } from "./input-field.js";
+import { BentoLoadingIndicator as Tt, BentoLoadingIndicatorEvent as ht } from "./loading-indicator.js";
+import { BentoMenu as St, BentoMenuEvent as kt } from "./menu.js";
+import { BentoModal as bt, BentoModalColumnLayoutVariant as Dt, BentoModalDialogType as It, BentoModalEvent as Et, BentoModalRole as Lt, BentoModalSize as Pt, BentoModalVariant as _t } from "./modal.js";
+import { BentoHeader as wt } from "./header.js";
+import { BentoPagination as Gt } from "./pagination.js";
+import { BentoPaymentMethod as Mt, BentoPaymentMethodType as Ot } from "./payment-method.js";
+import { BentoPopover as Nt, BentoPopoverPositions as Rt } from "./popover.js";
+import { BentoRadioGroup as qt, BentoRadioGroupVariant as zt } from "./radio-group.js";
+import { BentoSearchBar as Qt, BentoSearchBarEvent as Wt, BentoSearchBarInternalEvent as Yt } from "./search-bar.js";
+import { BentoSegmentedControl as jt, BentoSegmentedControlEvent as Jt } from "./segmented-control.js";
+import { BentoStatus as Zt, BentoStatusVariant as eo } from "./status.js";
+import { B as oo, a as ro } from "./chunks/index.3da90517.js";
+import { BentoSummaryGrid as ao, BentoSummaryGridItemAmount as io, BentoSummaryGridItemCustom as Bo, BentoSummaryGridItemNumeric as so, BentoSummaryGridItemPercentage as mo, BentoSummaryGridItemSize as lo, BentoSummaryGridItemText as po, BentoSummaryGridItemTrendDirection as uo } from "./summary-grid.js";
+import { BentoTab as co, BentoTabs as yo } from "./tabs.js";
+import { BentoTag as go, BentoTagVariant as To } from "./tag.js";
+import { BentoTextarea as Co } from "./textarea.js";
+import { BentoTimeline as ko, BentoTimelineGapUnit as vo, BentoTimelineItem as bo, BentoTimelineItemVariant as Do, BentoTimelineShowMorePlacement as Io } from "./timeline.js";
+import { BentoToast as Lo } from "./toast.js";
+import { u as _o } from "./chunks/toastController.0b01d2e8.js";
+import { BentoToggle as wo, BentoToggleLabelPosition as Vo, BentoTogglePropClass as Go } from "./toggle.js";
+import { B as c, a as y, b as x } from "./chunks/index.222d29b0.js";
+import { c as Mo } from "./chunks/index.222d29b0.js";
+import { D as $o } from "./chunks/date-input.9186a0bf.js";
+import { a as Ro, B as Uo } from "./chunks/debounce.f8d92e44.js";
+import { a as zo, b as Ko } from "./chunks/listbox.0c7c4e5e.js";
+import { B as Wo } from "./chunks/directive.0408e565.js";
+import { b as Ho, B as jo, a as Jo } from "./chunks/tooltip.835d9b52.js";
+import { B as Zo, c as er, a as tr, b as or } from "./chunks/button-actions.54e28e75.js";
+import { B as nr, a as ar } from "./chunks/loading-button.61d8ebe5.js";
+import { b as Br, b as sr } from "./chunks/calendar.09b683b3.js";
+import { BentoCheckboxGroup as lr, BentoCheckboxGroupVariant as dr } from "./checkbox.js";
 import { BentoLinkVariant as p } from "./link.js";
 import { RouterLink as g } from "vue-router";
-import { _ } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index32.css";
-class L {
+import { _ as P } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import "./assets/index3.css";
+class _ {
   constructor() {
     f(this, "_state");
     this._state = v({ queue: [] });
@@ -68,9 +69,9 @@ class L {
     this._state.queue.splice(this._state.queue.indexOf(e), 1);
   }
   addToast(e) {
-    const n = P("toast"), a = {
+    const r = L("toast"), a = {
       ...e,
-      id: n,
+      id: r,
       dismiss: () => this.dismissToast(a)
     };
     return this._state.queue.push(a), {
@@ -78,19 +79,19 @@ class L {
     };
   }
 }
-const C = (t) => {
+const T = (t) => {
   document.body.classList.add(t);
 }, U = {
   install: async (t, e) => {
-    e != null && e.withToast && (t.config.globalProperties.$bentoToastController = new L()), (e == null ? void 0 : e.theme) === "b-legacy-theme" ? (C(
+    e != null && e.withToast && (t.config.globalProperties.$bentoToastController = new _()), (e == null ? void 0 : e.theme) === "b-legacy-theme" ? (T(
       "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" ? (C(
+    ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css?used")) : (e == null ? void 0 : e.theme) === "b-styleguide-theme" ? (T(
       "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");
   }
-}, w = ["href"], F = ["href", "onClick"], V = /* @__PURE__ */ b({
+}, F = ["href"], w = ["href", "onClick"], V = /* @__PURE__ */ b({
   __name: "link",
   props: {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -112,188 +113,191 @@ const C = (t) => {
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const n = t, a = D(() => ({
-      [`b-link--${p.QUIET}`]: n.variant === p.QUIET
-    })), u = (o, B) => {
-      e("click", o), B && B();
+    const r = t, a = D(() => ({
+      [`b-link--${p.QUIET}`]: r.variant === p.QUIET
+    })), u = (o, s) => {
+      e("click", o), s && s();
     };
-    return (o, B) => t.external ? (i(), I("a", m({ key: 0 }, o.$attrs, {
+    return (o, s) => t.external ? (i(), I("a", m({ key: 0 }, o.$attrs, {
       href: o.to,
       target: "_blank",
-      class: ["b-link", r(a)],
+      class: ["b-link", n(a)],
       onClick: u
     }), [
-      t.disableTypography ? s(o.$slots, "default", { key: 1 }, void 0, !0) : (i(), l(c, {
+      t.disableTypography ? B(o.$slots, "default", { key: 1 }, void 0, !0) : (i(), l(c, {
         key: 0,
-        el: r(y).SPAN,
-        variant: r(x).BODY
+        el: n(y).SPAN,
+        variant: n(x).BODY
       }, {
         default: d(() => [
-          s(o.$slots, "default", {}, void 0, !0)
+          B(o.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["el", "variant"]))
-    ], 16, w)) : (i(), l(r(g), m({ key: 1 }, o.$props, {
+    ], 16, F)) : (i(), l(n(g), m({ key: 1 }, o.$props, {
       custom: "",
       onClick: u
     }), {
-      default: d(({ href: T, navigate: h }) => [
+      default: d(({ href: h, navigate: C }) => [
         E("a", m(o.$attrs, {
-          href: T,
-          class: ["b-link", r(a)],
-          onClick: h
+          href: h,
+          class: ["b-link", n(a)],
+          onClick: C
         }), [
-          t.disableTypography ? s(o.$slots, "default", { key: 1 }, void 0, !0) : (i(), l(c, {
+          t.disableTypography ? B(o.$slots, "default", { key: 1 }, void 0, !0) : (i(), l(c, {
             key: 0,
-            el: r(y).SPAN,
-            variant: r(x).BODY
+            el: n(y).SPAN,
+            variant: n(x).BODY
           }, {
             default: d(() => [
-              s(o.$slots, "default", {}, void 0, !0)
+              B(o.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["el", "variant"]))
-        ], 16, F)
+        ], 16, w)
       ]),
       _: 3
     }, 16));
   }
 });
-const q = /* @__PURE__ */ _(V, [["__scopeId", "data-v-3a8d44b1"]]);
+const q = /* @__PURE__ */ P(V, [["__scopeId", "data-v-3a8d44b1"]]);
 export {
   W as BentoAlert,
   Y as BentoAlertEvent,
   H as BentoAlertTypeOption,
   j as BentoAlertVariant,
   X as BentoButton,
-  Ho as BentoButtonActions,
-  jo as BentoButtonActionsLayout,
-  Jo as BentoButtonActionsLayoutBasic,
-  Xo as BentoButtonActionsLayoutExtended,
+  Zo as BentoButtonActions,
+  er as BentoButtonActionsLayout,
+  tr as BentoButtonActionsLayoutBasic,
+  or as BentoButtonActionsLayoutExtended,
   Z as BentoButtonPropClass,
   ee as BentoButtonVariant,
   oe as BentoCard,
-  ne as BentoCardBackground,
-  re as BentoCardTitleSize,
-  Ee as BentoCheckbox,
-  Pe as BentoCheckboxEvent,
-  sn as BentoCheckboxGroup,
-  Bn as BentoCheckboxGroupVariant,
-  _e as BentoCheckboxState,
-  we as BentoClickOutside,
-  qo as BentoClickOutsideDirective,
-  Ve as BentoCodeSnippet,
-  Ae as BentoCodeSnippetEvent,
-  Ge as BentoCodeSnippetSupportedLanguage,
-  Me as BentoCodeSnippetVariant,
+  re as BentoCardBackground,
+  ne as BentoCardTitleSize,
+  Pe as BentoCheckbox,
+  _e as BentoCheckboxEvent,
+  lr as BentoCheckboxGroup,
+  dr as BentoCheckboxGroupVariant,
+  Fe as BentoCheckboxState,
+  Ve as BentoClickOutside,
+  Wo as BentoClickOutsideDirective,
+  Ae as BentoCodeSnippet,
+  Me as BentoCodeSnippetEvent,
+  Oe as BentoCodeSnippetSupportedLanguage,
+  $e as BentoCodeSnippetVariant,
   ie as BentoColumnOverflow,
-  $e as BentoCountry,
-  Ne as BentoCountryCode,
-  Re as BentoCountryVariant,
-  We as BentoCurrency,
-  Ye as BentoCurrencyISOCode,
-  se as BentoDataGrid,
-  Be as BentoDatagridAriaSortValue,
+  Re as BentoCountry,
+  Ue as BentoCountryCode,
+  qe as BentoCountryVariant,
+  Ye as BentoCurrency,
+  He as BentoCurrencyISOCode,
+  Be as BentoDataGrid,
+  se as BentoDatagridAriaSortValue,
   me as BentoDatagridEvent,
   le as BentoDatagridSortDirection,
   de as BentoDatagridStyleState,
-  je as BentoDate,
-  Je as BentoDateFormat,
+  Je as BentoDate,
+  Xe as BentoDateFormat,
   ue as BentoDatePicker,
   fe as BentoDatePickerEvent,
-  nn as BentoDatePickerFirstDayOfWeek,
+  Br as BentoDatePickerFirstDayOfWeek,
   ye as BentoDateRangePicker,
   xe as BentoDateRangePickerEvent,
-  rn as BentoDateRangePickerFirstDayOfWeek,
-  Ze as BentoDivider,
-  Ce as BentoDropdown,
+  sr as BentoDateRangePickerFirstDayOfWeek,
+  Ee as BentoDivider,
+  Te as BentoDropdown,
   Se as BentoDropdownAvatar,
   ke as BentoDropdownCountry,
   ve as BentoDropdownCurrency,
   be as BentoDropdownPaymentMethod,
   De as BentoDropdownTag,
-  tt as BentoFilterBar,
-  ot as BentoFilterBarEvent,
-  nt as BentoFilterEvent,
+  et as BentoFilterBar,
+  tt as BentoFilterBarEvent,
+  ot as BentoFilterEvent,
   rt as BentoFilterItemType,
-  Pt as BentoHeader,
-  it as BentoInfoIcon,
-  Bt as BentoInputField,
-  mt as BentoInputFieldElementPosition,
-  lt as BentoInputFieldEvent,
-  dt as BentoInputFieldStateClass,
-  pt as BentoInputFieldType,
-  ut as BentoInputFieldVariant,
-  Mo as BentoKeyboardNavigationDirective,
-  Oo as BentoKeyboardNavigationKeyDownEvent,
+  at as BentoFormLayout,
+  it as BentoFormLayoutFieldTip,
+  Bt as BentoFormLayoutGroup,
+  st as BentoFormLayoutTitle,
+  wt as BentoHeader,
+  lt as BentoInfoIcon,
+  pt as BentoInputField,
+  ut as BentoInputFieldElementPosition,
+  ft as BentoInputFieldEvent,
+  ct as BentoInputFieldStateClass,
+  yt as BentoInputFieldType,
+  xt as BentoInputFieldVariant,
+  Ro as BentoKeyboardNavigationDirective,
+  Uo as BentoKeyboardNavigationKeyDownEvent,
   q as BentoLink,
-  No as BentoListboxEvent,
-  Ro as BentoListboxLazyLoadType,
-  en as BentoLoadingButton,
-  tn as BentoLoadingButtonState,
-  ct as BentoLoadingIndicator,
-  yt as BentoLoadingIndicatorEvent,
-  gt as BentoMenu,
-  Ct as BentoMenuEvent,
-  ht as BentoModal,
-  St as BentoModalColumnLayoutVariant,
-  kt as BentoModalDialogType,
-  vt as BentoModalEvent,
-  bt as BentoModalRole,
-  Dt as BentoModalSize,
-  It as BentoModalVariant,
-  Lt as BentoPagination,
-  Ft as BentoPaymentMethod,
-  Vt as BentoPaymentMethodType,
-  Gt as BentoPopover,
-  Mt as BentoPopoverPositions,
-  $t as BentoRadioGroup,
-  Nt as BentoRadioGroupVariant,
-  Ut as BentoSearchBar,
-  qt as BentoSearchBarEvent,
-  zt as BentoSearchBarInternalEvent,
-  Qt as BentoSegmentedControl,
-  Wt as BentoSegmentedControlEvent,
-  Ht as BentoStatus,
-  jt as BentoStatusVariant,
-  Xt as BentoStructuredList,
-  Zt as BentoStructuredListItem,
-  to as BentoSummaryGrid,
-  oo as BentoSummaryGridItemAmount,
-  no as BentoSummaryGridItemCustom,
-  ro as BentoSummaryGridItemNumeric,
-  ao as BentoSummaryGridItemPercentage,
-  io as BentoSummaryGridItemSize,
-  so as BentoSummaryGridItemText,
-  Bo as BentoSummaryGridItemTrendDirection,
-  lo as BentoTab,
-  po as BentoTabs,
-  fo as BentoTag,
-  co as BentoTagVariant,
-  xo as BentoTextarea,
-  Co as BentoTimeline,
-  To as BentoTimelineGapUnit,
-  ho as BentoTimelineItem,
-  So as BentoTimelineItemVariant,
-  ko as BentoTimelineShowMorePlacement,
-  bo as BentoToast,
-  Po as BentoToggle,
-  _o as BentoToggleLabelPosition,
-  Lo as BentoTogglePropClass,
-  Ko as BentoTooltipDirective,
-  Qo as BentoTooltipPosition,
-  Wo as BentoTooltipState,
+  zo as BentoListboxEvent,
+  Ko as BentoListboxLazyLoadType,
+  nr as BentoLoadingButton,
+  ar as BentoLoadingButtonState,
+  Tt as BentoLoadingIndicator,
+  ht as BentoLoadingIndicatorEvent,
+  St as BentoMenu,
+  kt as BentoMenuEvent,
+  bt as BentoModal,
+  Dt as BentoModalColumnLayoutVariant,
+  It as BentoModalDialogType,
+  Et as BentoModalEvent,
+  Lt as BentoModalRole,
+  Pt as BentoModalSize,
+  _t as BentoModalVariant,
+  Gt as BentoPagination,
+  Mt as BentoPaymentMethod,
+  Ot as BentoPaymentMethodType,
+  Nt as BentoPopover,
+  Rt as BentoPopoverPositions,
+  qt as BentoRadioGroup,
+  zt as BentoRadioGroupVariant,
+  Qt as BentoSearchBar,
+  Wt as BentoSearchBarEvent,
+  Yt as BentoSearchBarInternalEvent,
+  jt as BentoSegmentedControl,
+  Jt as BentoSegmentedControlEvent,
+  Zt as BentoStatus,
+  eo as BentoStatusVariant,
+  oo as BentoStructuredList,
+  ro as BentoStructuredListItem,
+  ao as BentoSummaryGrid,
+  io as BentoSummaryGridItemAmount,
+  Bo as BentoSummaryGridItemCustom,
+  so as BentoSummaryGridItemNumeric,
+  mo as BentoSummaryGridItemPercentage,
+  lo as BentoSummaryGridItemSize,
+  po as BentoSummaryGridItemText,
+  uo as BentoSummaryGridItemTrendDirection,
+  co as BentoTab,
+  yo as BentoTabs,
+  go as BentoTag,
+  To as BentoTagVariant,
+  Co as BentoTextarea,
+  ko as BentoTimeline,
+  vo as BentoTimelineGapUnit,
+  bo as BentoTimelineItem,
+  Do as BentoTimelineItemVariant,
+  Io as BentoTimelineShowMorePlacement,
+  Lo as BentoToast,
+  wo as BentoToggle,
+  Vo as BentoToggleLabelPosition,
+  Go as BentoTogglePropClass,
+  Ho as BentoTooltipDirective,
+  jo as BentoTooltipPosition,
+  Jo as BentoTooltipState,
   c as BentoTypography,
   y as BentoTypographyElement,
-  Fo as BentoTypographyModifier,
+  Mo as BentoTypographyModifier,
   x as BentoTypographyVariant,
-  Ao as DateFormat,
+  $o as DateFormat,
   U as default,
-  Io as useBentoToastController,
-  Ue as useCountryCapital,
-  qe as useCountryFlag,
-  ze as useCountryName,
-  Ke as useCountryPhoneCode,
-  Te as useSearchBarFilter
+  _o as useBentoToastController,
+  ze as useCountryCapital,
+  Ke as useCountryName,
+  Qe as useCountryPhoneCode,
+  he 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\n            v-if=\"!disableTypography\"\n            :el=\"BentoTypographyElement.SPAN\"\n            :variant=\"BentoTypographyVariant.BODY\"\n        >\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\n                v-if=\"!disableTypography\"\n                :el=\"BentoTypographyElement.SPAN\"\n                :variant=\"BentoTypographyVariant.BODY\"\n            >\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 { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography/typography.types';\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;;;;;;;;;;;;;;;;;;;;;;iBCcIC,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\n            v-if=\"!disableTypography\"\n            :el=\"BentoTypographyElement.SPAN\"\n            :variant=\"BentoTypographyVariant.BODY\"\n        >\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\n                v-if=\"!disableTypography\"\n                :el=\"BentoTypographyElement.SPAN\"\n                :variant=\"BentoTypographyVariant.BODY\"\n            >\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 { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography/typography.types';\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;;;;;;;;;;;;;;;;;;;;;;iBCcIC,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 $, resolveComponent as b, resolveDirective as I, withDirectives as w, createVNode as y } from "vue";
 import { PopperContainerPosition as s } from "./popper-container.js";
-import { b as S } from "./chunks/tooltip.53290a34.js";
+import { b as S } from "./chunks/tooltip.835d9b52.js";
 import { _ as r } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index12.css";
+import "./assets/index18.css";
 let c = 0;
 const P = {
   beforeCreate() {