@adyen/bento-vue3 1.3.0 → 1.4.0

package/dist/index.js

@@ -1,66 +1,68 @@
-var S = Object.defineProperty;
-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.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.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 { 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 { _ as P } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index3.css";
-class _ {
+var h = Object.defineProperty;
+var C = (t, e, r) => e in t ? h(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var f = (t, e, r) => (C(t, typeof e != "symbol" ? e + "" : e, r), r);
+import { reactive as S, defineComponent as b, computed as k, openBlock as a, createElementBlock as v, mergeProps as s, unref as m, createBlock as l, withCtx as p, renderSlot as i, createElementVNode as D } from "vue";
+import { g as E } from "./chunks/unique-id.a2a2b458.js";
+import { BentoAlert as K, BentoAlertEvent as Q, BentoAlertTypeOption as W, BentoAlertVariant as H } from "./alert.js";
+import { a as J, b as X, B as Y } from "./chunks/button.a8462029.js";
+import { BentoCard as ee, BentoCardBackground as te, BentoCardTitleSize as oe } from "./card.js";
+import { BentoColumnOverflow as ne, BentoDataGrid as ae, BentoDatagridAriaSortValue as ie, BentoDatagridEvent as Be, BentoDatagridSortDirection as se, BentoDatagridStyleState as me } from "./data-grid.js";
+import { BentoDatePicker as pe, BentoDatePickerEvent as de } from "./date-picker.js";
+import { B as fe, a as ce } from "./chunks/index.c2a80208.js";
+import { B as xe, u as ge } from "./chunks/dropdown.b798a82e.js";
+import { BentoDropdownAvatar as he, BentoDropdownCountry as Ce, BentoDropdownCurrency as Se, BentoDropdownPaymentMethod as be, BentoDropdownTag as ke } from "./dropdown.js";
+import { BentoDivider as De } from "./divider.js";
+import { B as Ie, b as Le, a as Pe } from "./chunks/checkbox.5e1e05ae.js";
+import { BentoClickOutside as Fe } from "./click-outside.js";
+import { BentoCodeSnippet as we, BentoCodeSnippetEvent as Ge, BentoCodeSnippetSupportedLanguage as Me, BentoCodeSnippetVariant as Ae } from "./code-snippet.js";
+import { BentoCountry as Oe, BentoCountryCode as Re, BentoCountryVariant as Ue, useCountryCapital as Ne, useCountryName as qe, useCountryPhoneCode as ze } from "./country.js";
+import { BentoCurrency as Qe, BentoCurrencyISOCode as We } from "./currency.js";
+import { B as je, a as Je } from "./chunks/index.e84dbeae.js";
+import { BentoEmptyState as Ye, BentoEmptyStateImage as Ze, BentoEmptyStateImageVariant as et, BentoEmptyStateVariant as tt } from "./empty-state.js";
+import { BentoFilterBar as rt, BentoFilterBarEvent as nt, BentoFilterEvent as at, BentoFilterItemType as it } from "./filter-bar.js";
+import { BentoFormLayout as st, BentoFormLayoutFieldTip as mt, BentoFormLayoutGroup as lt, BentoFormLayoutTitle as pt } from "./form-layout.js";
+import { BentoInfoIcon as ut } from "./info-icon.js";
+import { BentoInputField as ct, BentoInputFieldElementPosition as yt, BentoInputFieldEvent as xt, BentoInputFieldStateClass as gt, BentoInputFieldType as Tt, BentoInputFieldVariant as ht } from "./input-field.js";
+import { BentoLoadingIndicator as St, BentoLoadingIndicatorEvent as bt } from "./loading-indicator.js";
+import { BentoMenu as vt, BentoMenuEvent as Dt } from "./menu.js";
+import { BentoModal as It } from "./modal.js";
+import { b as Pt, d as _t, e as Ft, c as Vt, a as wt, B as Gt } from "./chunks/base-modal.3ccb9eb5.js";
+import { BentoHeader as At } from "./header.js";
+import { BentoPagination as Ot } from "./pagination.js";
+import { BentoPaymentMethod as Ut, BentoPaymentMethodType as Nt } from "./payment-method.js";
+import { BentoPopover as zt, BentoPopoverPositions as Kt } from "./popover.js";
+import { BentoRadioGroup as Wt, BentoRadioGroupVariant as Ht } from "./radio-group.js";
+import { BentoSearchBar as Jt, BentoSearchBarEvent as Xt, BentoSearchBarInternalEvent as Yt } from "./search-bar.js";
+import { BentoSegmentedControl as eo, BentoSegmentedControlEvent as to } from "./segmented-control.js";
+import { BentoStatus as ro, BentoStatusVariant as no } from "./status.js";
+import { B as io, a as Bo } from "./chunks/index.9d8273fc.js";
+import { BentoSummaryGrid as mo, BentoSummaryGridItemAmount as lo, BentoSummaryGridItemCustom as po, BentoSummaryGridItemNumeric as uo, BentoSummaryGridItemPercentage as fo, BentoSummaryGridItemSize as co, BentoSummaryGridItemText as yo, BentoSummaryGridItemTrendDirection as xo } from "./summary-grid.js";
+import { BentoTab as To, BentoTabs as ho } from "./tabs.js";
+import { BentoTag as So, BentoTagVariant as bo } from "./tag.js";
+import { BentoTextarea as vo } from "./textarea.js";
+import { BentoTimeline as Eo, BentoTimelineGapUnit as Io, BentoTimelineItem as Lo, BentoTimelineItemVariant as Po, BentoTimelineShowMorePlacement as _o } from "./timeline.js";
+import { BentoToast as Vo } from "./toast.js";
+import { u as Go } from "./chunks/toastController.0b01d2e8.js";
+import { BentoToggle as Ao, BentoToggleLabelPosition as $o, BentoTogglePropClass as Oo } from "./toggle.js";
+import { B as c } from "./chunks/index.89b00b94.js";
+import { c as Uo, b as No, a as qo } from "./chunks/index.89b00b94.js";
+import { D as Ko } from "./chunks/date-input.9186a0bf.js";
+import { a as Wo, B as Ho } from "./chunks/debounce.f8d92e44.js";
+import { a as Jo, b as Xo } from "./chunks/listbox.6b52af1a.js";
+import { B as Zo } from "./chunks/directive.0408e565.js";
+import { b as tr, B as or, a as rr } from "./chunks/tooltip.e4e34b86.js";
+import { BentoButtonActions as ar, BentoButtonActionsLayout as ir, BentoButtonActionsLayoutBasic as Br, BentoButtonActionsLayoutExtended as sr } from "./button.js";
+import { B as lr, a as pr } from "./chunks/loading-button.081adbf3.js";
+import { b as ur, b as fr } from "./chunks/calendar.3f930683.js";
+import { BentoCheckboxGroup as yr, BentoCheckboxGroupVariant as xr } from "./checkbox.js";
+import { BentoLinkVariant as d } from "./link.js";
+import { RouterLink as y } from "vue-router";
+import { _ as I } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import "./assets/index.css";
+class L {
   constructor() {
     f(this, "_state");
-    this._state = v({ queue: [] });
+    this._state = S({ queue: [] });
   }
   get state() {
     return this._state;
@@ -69,34 +71,34 @@ class _ {
     this._state.queue.splice(this._state.queue.indexOf(e), 1);
   }
   addToast(e) {
-    const r = L("toast"), a = {
+    const r = E("toast"), n = {
       ...e,
       id: r,
-      dismiss: () => this.dismissToast(a)
+      dismiss: () => this.dismissToast(n)
     };
-    return this._state.queue.push(a), {
-      dismiss: () => this.dismissToast(a)
+    return this._state.queue.push(n), {
+      dismiss: () => this.dismissToast(n)
     };
   }
 }
-const T = (t) => {
+const x = (t) => {
   document.body.classList.add(t);
-}, U = {
+}, R = {
   install: async (t, e) => {
-    e != null && e.withToast && (t.config.globalProperties.$bentoToastController = new _()), (e == null ? void 0 : e.theme) === "b-legacy-theme" ? (T(
+    e != null && e.withToast && (t.config.globalProperties.$bentoToastController = new L()), (e == null ? void 0 : e.theme) === "b-legacy-theme" ? (x(
       "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" ? (T(
+    ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css?used")) : (e == null ? void 0 : e.theme) === "b-styleguide-theme" ? (x(
       "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");
   }
-}, F = ["href"], w = ["href", "onClick"], V = /* @__PURE__ */ b({
+}, P = ["href"], _ = ["href", "onClick"], F = /* @__PURE__ */ b({
   __name: "link",
   props: {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    ...g.props,
+    ...y.props,
     /**
      * Set the rendered link to a regular external anchor link.
      */
@@ -109,195 +111,200 @@ const T = (t) => {
      * Link variant type affecting visual style.
      * @values default, quiet
      */
-    variant: { type: String, default: p.DEFAULT }
+    variant: { type: String, default: d.DEFAULT }
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const r = t, a = D(() => ({
-      [`b-link--${p.QUIET}`]: r.variant === p.QUIET
-    })), u = (o, s) => {
-      e("click", o), s && s();
+    const r = t, n = k(() => ({
+      [`b-link--${d.QUIET}`]: r.variant === d.QUIET
+    })), u = (o, B) => {
+      e("click", o), B && B();
     };
-    return (o, s) => t.external ? (i(), I("a", m({ key: 0 }, o.$attrs, {
+    return (o, B) => t.external ? (a(), v("a", s({ key: 0 }, o.$attrs, {
       href: o.to,
       target: "_blank",
-      class: ["b-link", n(a)],
+      class: ["b-link", m(n)],
       onClick: u
     }), [
-      t.disableTypography ? B(o.$slots, "default", { key: 1 }, void 0, !0) : (i(), l(c, {
+      t.disableTypography ? i(o.$slots, "default", { key: 1 }, void 0, !0) : (a(), l(c, {
         key: 0,
-        el: n(y).SPAN,
-        variant: n(x).BODY
+        el: "span",
+        variant: "body"
       }, {
-        default: d(() => [
-          B(o.$slots, "default", {}, void 0, !0)
+        default: p(() => [
+          i(o.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["el", "variant"]))
-    ], 16, F)) : (i(), l(n(g), m({ key: 1 }, o.$props, {
+      }))
+    ], 16, P)) : (a(), l(m(y), s({ key: 1 }, o.$props, {
       custom: "",
       onClick: u
     }), {
-      default: d(({ href: h, navigate: C }) => [
-        E("a", m(o.$attrs, {
-          href: h,
-          class: ["b-link", n(a)],
-          onClick: C
+      default: p(({ href: g, navigate: T }) => [
+        D("a", s(o.$attrs, {
+          href: g,
+          class: ["b-link", m(n)],
+          onClick: T
         }), [
-          t.disableTypography ? B(o.$slots, "default", { key: 1 }, void 0, !0) : (i(), l(c, {
+          t.disableTypography ? i(o.$slots, "default", { key: 1 }, void 0, !0) : (a(), l(c, {
             key: 0,
-            el: n(y).SPAN,
-            variant: n(x).BODY
+            el: "span",
+            variant: "body"
           }, {
-            default: d(() => [
-              B(o.$slots, "default", {}, void 0, !0)
+            default: p(() => [
+              i(o.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
-          }, 8, ["el", "variant"]))
-        ], 16, w)
+          }))
+        ], 16, _)
       ]),
       _: 3
     }, 16));
   }
 });
-const q = /* @__PURE__ */ P(V, [["__scopeId", "data-v-3a8d44b1"]]);
+const U = /* @__PURE__ */ I(F, [["__scopeId", "data-v-bdaab366"]]);
 export {
-  W as BentoAlert,
-  Y as BentoAlertEvent,
-  H as BentoAlertTypeOption,
-  j as BentoAlertVariant,
-  X as BentoButton,
-  Zo as BentoButtonActions,
-  er as BentoButtonActionsLayout,
-  tr as BentoButtonActionsLayoutBasic,
-  or as BentoButtonActionsLayoutExtended,
-  Z as BentoButtonPropClass,
-  ee as BentoButtonVariant,
-  oe as BentoCard,
-  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,
-  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,
-  Xe as BentoDateFormat,
-  ue as BentoDatePicker,
-  fe as BentoDatePickerEvent,
-  Br as BentoDatePickerFirstDayOfWeek,
-  ye as BentoDateRangePicker,
-  xe as BentoDateRangePickerEvent,
-  sr as BentoDateRangePickerFirstDayOfWeek,
-  Ee as BentoDivider,
-  Te as BentoDropdown,
-  Se as BentoDropdownAvatar,
-  ke as BentoDropdownCountry,
-  ve as BentoDropdownCurrency,
+  K as BentoAlert,
+  Q as BentoAlertEvent,
+  W as BentoAlertTypeOption,
+  H as BentoAlertVariant,
+  J as BentoButton,
+  ar as BentoButtonActions,
+  ir as BentoButtonActionsLayout,
+  Br as BentoButtonActionsLayoutBasic,
+  sr as BentoButtonActionsLayoutExtended,
+  X as BentoButtonPropClass,
+  Y as BentoButtonVariant,
+  ee as BentoCard,
+  te as BentoCardBackground,
+  oe as BentoCardTitleSize,
+  Ie as BentoCheckbox,
+  Le as BentoCheckboxEvent,
+  yr as BentoCheckboxGroup,
+  xr as BentoCheckboxGroupVariant,
+  Pe as BentoCheckboxState,
+  Fe as BentoClickOutside,
+  Zo as BentoClickOutsideDirective,
+  we as BentoCodeSnippet,
+  Ge as BentoCodeSnippetEvent,
+  Me as BentoCodeSnippetSupportedLanguage,
+  Ae as BentoCodeSnippetVariant,
+  ne as BentoColumnOverflow,
+  Oe as BentoCountry,
+  Re as BentoCountryCode,
+  Ue as BentoCountryVariant,
+  Qe as BentoCurrency,
+  We as BentoCurrencyISOCode,
+  ae as BentoDataGrid,
+  ie as BentoDatagridAriaSortValue,
+  Be as BentoDatagridEvent,
+  se as BentoDatagridSortDirection,
+  me as BentoDatagridStyleState,
+  je as BentoDate,
+  Je as BentoDateFormat,
+  pe as BentoDatePicker,
+  de as BentoDatePickerEvent,
+  ur as BentoDatePickerFirstDayOfWeek,
+  fe as BentoDateRangePicker,
+  ce as BentoDateRangePickerEvent,
+  fr as BentoDateRangePickerFirstDayOfWeek,
+  De as BentoDivider,
+  xe as BentoDropdown,
+  he as BentoDropdownAvatar,
+  Ce as BentoDropdownCountry,
+  Se as BentoDropdownCurrency,
   be as BentoDropdownPaymentMethod,
-  De as BentoDropdownTag,
-  et as BentoFilterBar,
-  tt as BentoFilterBarEvent,
-  ot as BentoFilterEvent,
-  rt as BentoFilterItemType,
-  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,
-  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,
+  ke as BentoDropdownTag,
+  Ye as BentoEmptyState,
+  Ze as BentoEmptyStateImage,
+  et as BentoEmptyStateImageVariant,
+  tt as BentoEmptyStateVariant,
+  rt as BentoFilterBar,
+  nt as BentoFilterBarEvent,
+  at as BentoFilterEvent,
+  it as BentoFilterItemType,
+  st as BentoFormLayout,
+  mt as BentoFormLayoutFieldTip,
+  lt as BentoFormLayoutGroup,
+  pt as BentoFormLayoutTitle,
+  At as BentoHeader,
+  ut as BentoInfoIcon,
+  ct as BentoInputField,
+  yt as BentoInputFieldElementPosition,
+  xt as BentoInputFieldEvent,
+  gt as BentoInputFieldStateClass,
+  Tt as BentoInputFieldType,
+  ht as BentoInputFieldVariant,
+  Wo as BentoKeyboardNavigationDirective,
+  Ho as BentoKeyboardNavigationKeyDownEvent,
+  U as BentoLink,
+  d as BentoLinkVariant,
+  Jo as BentoListboxEvent,
+  Xo as BentoListboxLazyLoadType,
+  lr as BentoLoadingButton,
+  pr as BentoLoadingButtonState,
+  St as BentoLoadingIndicator,
+  bt as BentoLoadingIndicatorEvent,
+  vt as BentoMenu,
+  Dt as BentoMenuEvent,
+  It as BentoModal,
+  Pt as BentoModalColumnLayoutVariant,
+  _t as BentoModalDialogType,
+  Ft as BentoModalEvent,
+  Vt as BentoModalRole,
+  wt as BentoModalSize,
+  Gt as BentoModalVariant,
+  Ot as BentoPagination,
+  Ut as BentoPaymentMethod,
+  Nt as BentoPaymentMethodType,
+  zt as BentoPopover,
+  Kt as BentoPopoverPositions,
+  Wt as BentoRadioGroup,
+  Ht as BentoRadioGroupVariant,
+  Jt as BentoSearchBar,
+  Xt 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,
+  eo as BentoSegmentedControl,
+  to as BentoSegmentedControlEvent,
+  ro as BentoStatus,
+  no as BentoStatusVariant,
+  io as BentoStructuredList,
+  Bo as BentoStructuredListItem,
+  mo as BentoSummaryGrid,
+  lo as BentoSummaryGridItemAmount,
+  po as BentoSummaryGridItemCustom,
+  uo as BentoSummaryGridItemNumeric,
+  fo as BentoSummaryGridItemPercentage,
+  co as BentoSummaryGridItemSize,
+  yo as BentoSummaryGridItemText,
+  xo as BentoSummaryGridItemTrendDirection,
+  To as BentoTab,
+  ho as BentoTabs,
+  So as BentoTag,
+  bo as BentoTagVariant,
+  vo as BentoTextarea,
+  Eo as BentoTimeline,
+  Io as BentoTimelineGapUnit,
+  Lo as BentoTimelineItem,
+  Po as BentoTimelineItemVariant,
+  _o as BentoTimelineShowMorePlacement,
+  Vo as BentoToast,
+  Ao as BentoToggle,
+  $o as BentoToggleLabelPosition,
+  Oo as BentoTogglePropClass,
+  tr as BentoTooltipDirective,
+  or as BentoTooltipPosition,
+  rr as BentoTooltipState,
   c as BentoTypography,
-  y as BentoTypographyElement,
-  Mo as BentoTypographyModifier,
-  x as BentoTypographyVariant,
-  $o as DateFormat,
-  U as default,
-  _o as useBentoToastController,
-  ze as useCountryCapital,
-  Ke as useCountryName,
-  Qe as useCountryPhoneCode,
-  he as useSearchBarFilter
+  Uo as BentoTypographyElement,
+  No as BentoTypographyModifier,
+  qo as BentoTypographyVariant,
+  Ko as DateFormat,
+  R as default,
+  Go as useBentoToastController,
+  Ne as useCountryCapital,
+  qe as useCountryName,
+  ze as useCountryPhoneCode,
+  ge 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 v-if=\"!disableTypography\" el=\"span\" variant=\"body\">\n            <slot />\n        </bento-typography>\n        <slot v-else />\n    </a>\n    <router-link v-else v-slot=\"{ href, navigate }\" v-bind=\"$props\" custom @click=\"onClick\">\n        <a v-bind=\"$attrs\" :href=\"href\" class=\"b-link\" :class=\"conditionalClasses\" @click=\"navigate\">\n            <bento-typography v-if=\"!disableTypography\" el=\"span\" variant=\"body\">\n                <slot />\n            </bento-typography>\n            <slot v-else />\n        </a>\n    </router-link>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoLinkVariant } from '@/core/components/link/link.types';\n    import BentoTypography from '@/components/typography/typography.vue';\n    import { computed, type PropType } from 'vue';\n    import { RouterLink } from 'vue-router';\n    import type { RouterLinkSlotArgument } from 'vue-router/types/router';\n\n    const props = defineProps({\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        ...RouterLink.props,\n        /**\n         * Set the rendered link to a regular external anchor link.\n         */\n        external: { type: Boolean, default: false },\n        /**\n         * Disable the default typography for the component. Only use this when the component is inside another typography component.\n         */\n        disableTypography: { type: Boolean, default: false },\n        /**\n         * Link variant type affecting visual style.\n         * @values default, quiet\n         */\n        variant: { type: String as PropType<BentoLinkVariant>, default: BentoLinkVariant.DEFAULT },\n    });\n    const emit = defineEmits(['click']);\n    const conditionalClasses = computed(() => ({\n        [`b-link--${BentoLinkVariant.QUIET}`]: props.variant === BentoLinkVariant.QUIET,\n    }));\n\n    const onClick = (e: MouseEvent, navigateCallback?: RouterLinkSlotArgument['navigate']) => {\n        emit('click', e);\n        if (navigateCallback) {\n            navigateCallback();\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/link/link.scss\" />\n"],"names":["ToastController","__publicField","reactive","toast","params","id","generateUid","setTheme","theme","plugin","Vue","options","conditionalClasses","computed","BentoLinkVariant","props","onClick","e","navigateCallback","emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAAA,EAAA;AAAA,EAKY,cAAA;AAFR,IAAAC,EAAA;AAKI,SAAA,SAAAC,EAAA,EAAA,OAAA,CAAA,EAAA,CAAA;AAAA,EAAoC;AAAA,EARP,IAAA,QAAA;AAE7B,WAAA,KAAA;AAAA,EAAY;AAAA,EAOhB,aAAAC,GAAA;AAGI,SAAA,OAAA,MAAA,OAAA,KAAA,OAAA,MAAA,QAAAA,CAAA,GAAA,CAAA;AAAA,EAA4D;AAAA,EAChE,SAAAC,GAAA;AAGI,UAAAC,IAAAC,EAAA,OAAA,GACAH,IAAA;AAAA,MAAc,GAAAC;AAAA,MACP,IAAAC;AAAA,MACH,SAAA,MAAA,KAAA,aAAAF,CAAA;AAAA,IACsC;AAI1C,gBAAA,OAAA,MAAA,KAAAA,CAAA,GAGA;AAAA,MAAO,SAAA,MAAA,KAAA,aAAAA,CAAA;AAAA,IACmC;AAAA,EAC1C;AAER;ACrBA,MAAAI,IAAA,CAAAC,MAAA;AACI,WAAA,KAAA,UAAA,IAAAA,CAAA;AACJ,GAEAC,IAAA;AAAA,EAA6C,SAAA,OAAAC,GAAAC,MAAA;AAErC,IAAAA,KAAA,QAAAA,EAAA,cAOQD,EAAA,OAAA,iBAAA,wBAAA,IAAAV,EAAA,KAIRW,KAAA,gBAAAA,EAAA,WAAA,oBACIJ;AAAA,MAAA;AAAA;AAAA,IAAA,GACA,MAAA,OAAA,qEAAA,MAA6EI,KAAA,gBAAAA,EAAA,WAAA,wBAE7EJ;AAAA,MAAA;AAAA;AAAA,IAAA,GACA,MAAA,OAAA,yEAAA,KAEA,MAAA,OAAA,8DAAA,GAGJI,KAAA,QAAAA,EAAA,sBACI,MAAA,OAAA,4DAAA;AAAA,EACJ;AAER;;;;;;;;;;;;;;;;;;;;;;iBCKIC,IAAAC,EAAA,OAAA;AAAA,MAA2C,CAAA,WAAAC,EAAA,OAAA,GAAAC,EAAA,YAAAD,EAAA;AAAA,IACmC,EAAA,GAG9EE,IAAA,CAAAC,GAAAC,MAAA;AACI,MAAAC,EAAA,SAAAF,CAAA,GACAC,KACIA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/info-icon.js

@@ -1,8 +1,8 @@
 import { openBlock as i, createElementBlock as n, mergeProps as f, toDisplayString as h, createCommentVNode as v, createElementVNode as e, pushScopeId as m, popScopeId as g, defineComponent as $, 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.835d9b52.js";
+import { b as S } from "./chunks/tooltip.e4e34b86.js";
 import { _ as r } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index18.css";
+import "./assets/index17.css";
 let c = 0;
 const P = {
   beforeCreate() {