@adyen/bento-vue3 1.0.0 → 1.1.0

package/dist/index.js

@@ -1,61 +1,65 @@
-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 n = (t, e, o) => (i(t, typeof e != "symbol" ? e + "" : e, o), o);
-import { reactive as s } from "vue";
-import { g as m } from "./chunks/unique-id.a2a2b458.js";
-import { BentoAlert as C, BentoAlertEvent as T, BentoAlertTypeOption as S, BentoAlertVariant as h } from "./alert.js";
-import { B as b, b as v, a as E } from "./chunks/button.51be5335.js";
-import { BentoColumnOverflow as P, BentoDataGrid as L, BentoDatagridAriaSortValue as k, BentoDatagridEvent as w, BentoDatagridSortDirection as F, BentoDatagridStyleState as G } from "./data-grid.js";
-import { BentoCard as A, BentoCardBackground as M, BentoCardTitleSize as O } from "./card.js";
-import { BentoDatePicker as _, BentoDatePickerEvent as N } from "./date-picker.js";
-import { B as z, a as U } from "./chunks/index.67588e3d.js";
-import { B as W, u as Y } from "./chunks/dropdown.751d23b5.js";
-import { BentoDropdownAvatar as $, BentoDropdownCountry as j, BentoDropdownCurrency as J, BentoDropdownPaymentMethod as Q, BentoDropdownTag as X } from "./dropdown.js";
-import { B as ee, b as te, a as oe } from "./chunks/checkbox.7e9349cf.js";
-import { BentoClickOutside as ne } from "./click-outside.js";
-import { BentoCodeSnippet as Be, BentoCodeSnippetEvent as ie, BentoCodeSnippetSupportedLanguage as se, BentoCodeSnippetVariant as me } from "./code-snippet.js";
-import { BentoCountry as de, BentoCountryCode as ue, BentoCountryVariant as le, useCountryCapital as fe, useCountryFlag as xe, useCountryName as ce, useCountryPhoneCode as ye } from "./country.js";
-import { BentoCurrency as Ce, BentoCurrencyISOCode as Te } from "./currency.js";
-import { B as he, a as De } from "./chunks/index.af260515.js";
-import { BentoDivider as ve } from "./divider.js";
-import { BentoFilterBar as Ie, BentoFilterBarEvent as Pe, BentoFilterEvent as Le, BentoFilterItemType as ke } from "./filter-bar.js";
-import { BentoInfoIcon as Fe } from "./info-icon.js";
-import { BentoInputField as Ve, BentoInputFieldElementPosition as Ae, BentoInputFieldEvent as Me, BentoInputFieldStateClass as Oe, BentoInputFieldType as Re, BentoInputFieldVariant as _e } from "./input-field.js";
-import { BentoLoadingIndicator as qe, BentoLoadingIndicatorEvent as ze } from "./loading-indicator.js";
-import { BentoLink as Ke, BentoLinkVariant as We } from "./link.js";
-import { BentoMenu as He, BentoMenuEvent as $e } from "./menu.js";
-import { BentoModal as Je, BentoModalColumnLayoutVariant as Qe, BentoModalDialogType as Xe, BentoModalEvent as Ze, BentoModalRole as et, BentoModalSize as tt, BentoModalVariant as ot } from "./modal.js";
-import { BentoHeader as nt } from "./header.js";
-import { BentoPagination as Bt } from "./pagination.js";
-import { BentoPaymentMethod as st, BentoPaymentMethodType as mt } from "./payment-method.js";
-import { BentoPopover as dt, BentoPopoverPositions as ut } from "./popover.js";
-import { BentoRadioGroup as ft, BentoRadioGroupVariant as xt } from "./radio-group.js";
-import { BentoSearchBar as yt, BentoSearchBarEvent as gt, BentoSearchBarInternalEvent as Ct } from "./search-bar.js";
-import { BentoSegmentedControl as St, BentoSegmentedControlEvent as ht } from "./segmented-control.js";
-import { BentoStatus as bt, BentoStatusVariant as vt } from "./status.js";
-import { B as It, a as Pt } from "./chunks/index.36742dc7.js";
-import { BentoSummaryGrid as kt, BentoSummaryGridItemAmount as wt, BentoSummaryGridItemCustom as Ft, BentoSummaryGridItemNumeric as Gt, BentoSummaryGridItemPercentage as Vt, BentoSummaryGridItemSize as At, BentoSummaryGridItemText as Mt, BentoSummaryGridItemTrendDirection as Ot } from "./summary-grid.js";
-import { BentoTab as _t, BentoTabs as Nt } from "./tabs.js";
-import { BentoTag as zt, BentoTagVariant as Ut } from "./tag.js";
-import { BentoTextarea as Wt } from "./textarea.js";
-import { BentoTimeline as Ht, BentoTimelineGapUnit as $t, BentoTimelineItem as jt, BentoTimelineItemVariant as Jt, BentoTimelineShowMorePlacement as Qt } from "./timeline.js";
-import { BentoToast as Zt } from "./toast.js";
-import { u as to } from "./chunks/toastController.0b01d2e8.js";
-import { A as ro, B as no, a as ao } from "./chunks/index.1312f359.js";
-import { B as io, c as so, b as mo, a as po } from "./chunks/index.1d501e31.js";
-import { B as lo, c as fo, a as xo, b as co } from "./chunks/button-actions.1dcbde15.js";
-import { B as go, a as Co } from "./chunks/loading-button.75ae5144.js";
-import { b as So, b as ho } from "./chunks/calendar.24ede03d.js";
-import { BentoCheckboxGroup as bo, BentoCheckboxGroupVariant as vo } from "./checkbox.js";
-import { D as Io } from "./chunks/date-input.9186a0bf.js";
-import { a as Lo, B as ko } from "./chunks/debounce.f8d92e44.js";
-import { a as Fo, b as Go } from "./chunks/listbox.b34141cd.js";
-import { B as Ao } from "./chunks/directive.0408e565.js";
-import { b as Oo, B as Ro, a as _o } from "./chunks/tooltip.68fc3821.js";
-class p {
+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 s, createElementVNode as E } from "vue";
+import { g as P } 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.4ccc3a72.js";
+import { BentoCard as oe, BentoCardBackground as re, BentoCardTitleSize as ne } 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 { BentoDatePicker as ue, BentoDatePickerEvent as fe } from "./date-picker.js";
+import { B as ye, a as xe } from "./chunks/index.b2d970f6.js";
+import { B as Ce, u as he } from "./chunks/dropdown.374481a8.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.39fa87c7.js";
+import { BentoClickOutside as we } from "./click-outside.js";
+import { BentoCodeSnippet as Ae, BentoCodeSnippetEvent as Ve, 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.c25bbcc8.js";
+import { BentoDivider as Ze } from "./divider.js";
+import { BentoFilterBar as tt, BentoFilterBarEvent as ot, BentoFilterEvent as rt, BentoFilterItemType as nt } 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 Tt, 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 At } 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.05d4c01b.js";
+import { BentoSummaryGrid as to, BentoSummaryGridItemAmount as oo, BentoSummaryGridItemCustom as ro, BentoSummaryGridItemNumeric as no, 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 ho, BentoTimelineItem as To, 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 { A as Po, B as _o, a as Lo } from "./chunks/index.0b6c7187.js";
+import { B as c, a as y, b as x } from "./chunks/index.92f7d550.js";
+import { c as Fo } from "./chunks/index.92f7d550.js";
+import { D as Vo } 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.ceacb0ca.js";
+import { B as qo } from "./chunks/directive.0408e565.js";
+import { b as Ko, B as Qo, a as Wo } from "./chunks/tooltip.ca53a83a.js";
+import { B as Ho, c as jo, a as Jo, b as Xo } from "./chunks/button-actions.59449cda.js";
+import { B as er, a as tr } from "./chunks/loading-button.5b8db3dc.js";
+import { b as rr, b as nr } from "./chunks/calendar.1fb0d5b2.js";
+import { BentoCheckboxGroup as ir, BentoCheckboxGroupVariant as sr } 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/index36.css";
+class L {
   constructor() {
-    n(this, "_state");
-    this._state = s({ queue: [] });
+    f(this, "_state");
+    this._state = v({ queue: [] });
   }
   get state() {
     return this._state;
@@ -64,166 +68,232 @@ class p {
     this._state.queue.splice(this._state.queue.indexOf(e), 1);
   }
   addToast(e) {
-    const o = m("toast"), r = {
+    const r = P("toast"), a = {
       ...e,
-      id: o,
-      dismiss: () => this.dismissToast(r)
+      id: r,
+      dismiss: () => this.dismissToast(a)
     };
-    return this._state.queue.push(r), {
-      dismiss: () => this.dismissToast(r)
+    return this._state.queue.push(a), {
+      dismiss: () => this.dismissToast(a)
     };
   }
 }
-var d = /* @__PURE__ */ ((t) => (t.LEGACY = "b-legacy-theme", t.STYLEGUIDE = "b-styleguide-theme", t.BENTO = "", t))(d || {});
-const a = (t) => {
+const C = (t) => {
   document.body.classList.add(t);
-}, u = {
+}, U = {
   install: async (t, e) => {
-    e != null && e.withToast && (t.config.globalProperties.$bentoToastController = new p()), (e == null ? void 0 : e.theme) === "b-legacy-theme" ? (a(
+    e != null && e.withToast && (t.config.globalProperties.$bentoToastController = new L()), (e == null ? void 0 : e.theme) === "b-legacy-theme" ? (C(
       "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")) : (e == null ? void 0 : e.theme) === "b-styleguide-theme" ? (C(
       "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");
   }
-}, c = u;
+}, w = ["href"], F = ["href", "onClick"], A = /* @__PURE__ */ b({
+  __name: "link",
+  props: {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    ...g.props,
+    /**
+     * Set the rendered link to a regular external anchor link.
+     */
+    external: { type: Boolean, default: !1 },
+    /**
+     * Disable the default typography for the component. Only use this when the component is inside another typography component.
+     */
+    disableTypography: { type: Boolean, default: !1 },
+    /**
+     * Link variant type affecting visual style.
+     * @values default, quiet
+     */
+    variant: { type: String, default: p.DEFAULT }
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const r = t, a = D(() => ({
+      [`b-link--${p.QUIET}`]: r.variant === p.QUIET
+    })), u = (o, B) => {
+      e("click", o), B && B();
+    };
+    return (o, B) => t.external ? (i(), I("a", m({ key: 0 }, o.$attrs, {
+      href: o.to,
+      target: "_blank",
+      class: ["b-link", n(a)],
+      onClick: u
+    }), [
+      t.disableTypography ? s(o.$slots, "default", { key: 1 }, void 0, !0) : (i(), l(c, {
+        key: 0,
+        el: n(y).SPAN,
+        variant: n(x).BODY
+      }, {
+        default: d(() => [
+          s(o.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["el", "variant"]))
+    ], 16, w)) : (i(), l(n(g), m({ key: 1 }, o.$props, {
+      custom: "",
+      onClick: u
+    }), {
+      default: d(({ href: h, navigate: T }) => [
+        E("a", m(o.$attrs, {
+          href: h,
+          class: ["b-link", n(a)],
+          onClick: T
+        }), [
+          t.disableTypography ? s(o.$slots, "default", { key: 1 }, void 0, !0) : (i(), l(c, {
+            key: 0,
+            el: n(y).SPAN,
+            variant: n(x).BODY
+          }, {
+            default: d(() => [
+              s(o.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["el", "variant"]))
+        ], 16, F)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+const q = /* @__PURE__ */ _(A, [["__scopeId", "data-v-3a8d44b1"]]);
 export {
-  ro as AdlLabelPosition,
-  C as BentoAlert,
-  T as BentoAlertEvent,
-  S as BentoAlertTypeOption,
-  h as BentoAlertVariant,
-  b as BentoButton,
-  lo as BentoButtonActions,
-  fo as BentoButtonActionsLayout,
-  xo as BentoButtonActionsLayoutBasic,
-  co as BentoButtonActionsLayoutExtended,
-  v as BentoButtonPropClass,
-  E as BentoButtonVariant,
-  A as BentoCard,
-  M as BentoCardBackground,
-  O as BentoCardTitleSize,
-  ee as BentoCheckbox,
-  te as BentoCheckboxEvent,
-  bo as BentoCheckboxGroup,
-  vo as BentoCheckboxGroupVariant,
-  oe as BentoCheckboxState,
-  ne as BentoClickOutside,
-  Ao as BentoClickOutsideDirective,
-  Be as BentoCodeSnippet,
-  ie as BentoCodeSnippetEvent,
-  se as BentoCodeSnippetSupportedLanguage,
-  me as BentoCodeSnippetVariant,
-  P as BentoColumnOverflow,
-  de as BentoCountry,
-  ue as BentoCountryCode,
-  le as BentoCountryVariant,
-  Ce as BentoCurrency,
-  Te as BentoCurrencyISOCode,
-  L as BentoDataGrid,
-  k as BentoDatagridAriaSortValue,
-  w as BentoDatagridEvent,
-  F as BentoDatagridSortDirection,
-  G as BentoDatagridStyleState,
-  he as BentoDate,
-  De as BentoDateFormat,
-  _ as BentoDatePicker,
-  N as BentoDatePickerEvent,
-  So as BentoDatePickerFirstDayOfWeek,
-  z as BentoDateRangePicker,
-  U as BentoDateRangePickerEvent,
-  ho as BentoDateRangePickerFirstDayOfWeek,
-  ve as BentoDivider,
-  W as BentoDropdown,
-  $ as BentoDropdownAvatar,
-  j as BentoDropdownCountry,
-  J as BentoDropdownCurrency,
-  Q as BentoDropdownPaymentMethod,
-  X as BentoDropdownTag,
-  Ie as BentoFilterBar,
-  Pe as BentoFilterBarEvent,
-  Le as BentoFilterEvent,
-  ke as BentoFilterItemType,
-  nt as BentoHeader,
-  Fe as BentoInfoIcon,
-  Ve as BentoInputField,
-  Ae as BentoInputFieldElementPosition,
-  Me as BentoInputFieldEvent,
-  Oe as BentoInputFieldStateClass,
-  Re as BentoInputFieldType,
-  _e as BentoInputFieldVariant,
-  Lo as BentoKeyboardNavigationDirective,
-  ko as BentoKeyboardNavigationKeyDownEvent,
-  Ke as BentoLink,
-  We as BentoLinkVariant,
-  Fo as BentoListboxEvent,
-  Go as BentoListboxLazyLoadType,
-  go as BentoLoadingButton,
-  Co as BentoLoadingButtonState,
-  qe as BentoLoadingIndicator,
-  ze as BentoLoadingIndicatorEvent,
-  He as BentoMenu,
-  $e as BentoMenuEvent,
-  Je as BentoModal,
-  Qe as BentoModalColumnLayoutVariant,
-  Xe as BentoModalDialogType,
-  Ze as BentoModalEvent,
-  et as BentoModalRole,
-  tt as BentoModalSize,
-  ot as BentoModalVariant,
-  Bt as BentoPagination,
-  st as BentoPaymentMethod,
-  mt as BentoPaymentMethodType,
-  dt as BentoPopover,
-  ut as BentoPopoverPositions,
-  ft as BentoRadioGroup,
-  xt as BentoRadioGroupVariant,
-  yt as BentoSearchBar,
-  gt as BentoSearchBarEvent,
-  Ct as BentoSearchBarInternalEvent,
-  St as BentoSegmentedControl,
-  ht as BentoSegmentedControlEvent,
-  bt as BentoStatus,
-  vt as BentoStatusVariant,
-  It as BentoStructuredList,
-  Pt as BentoStructuredListItem,
-  kt as BentoSummaryGrid,
-  wt as BentoSummaryGridItemAmount,
-  Ft as BentoSummaryGridItemCustom,
-  Gt as BentoSummaryGridItemNumeric,
-  Vt as BentoSummaryGridItemPercentage,
-  At as BentoSummaryGridItemSize,
-  Mt as BentoSummaryGridItemText,
-  Ot as BentoSummaryGridItemTrendDirection,
-  _t as BentoTab,
-  Nt as BentoTabs,
-  zt as BentoTag,
-  Ut as BentoTagVariant,
-  Wt as BentoTextarea,
-  d as BentoTheme,
-  Ht as BentoTimeline,
-  $t as BentoTimelineGapUnit,
-  jt as BentoTimelineItem,
-  Jt as BentoTimelineItemVariant,
-  Qt as BentoTimelineShowMorePlacement,
-  Zt as BentoToast,
-  no as BentoToggle,
-  ao as BentoTogglePropClass,
-  Oo as BentoTooltipDirective,
-  Ro as BentoTooltipPosition,
-  _o as BentoTooltipState,
-  io as BentoTypography,
-  so as BentoTypographyElement,
-  mo as BentoTypographyModifier,
-  po as BentoTypographyVariant,
-  Io as DateFormat,
-  c as default,
-  to as useBentoToastController,
-  fe as useCountryCapital,
-  xe as useCountryFlag,
-  ce as useCountryName,
-  ye as useCountryPhoneCode,
-  Y as useSearchBarFilter
+  Po as AdlLabelPosition,
+  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,
+  Z as BentoButtonPropClass,
+  ee as BentoButtonVariant,
+  oe as BentoCard,
+  re as BentoCardBackground,
+  ne as BentoCardTitleSize,
+  Ee as BentoCheckbox,
+  Pe as BentoCheckboxEvent,
+  ir as BentoCheckboxGroup,
+  sr as BentoCheckboxGroupVariant,
+  _e as BentoCheckboxState,
+  we as BentoClickOutside,
+  qo as BentoClickOutsideDirective,
+  Ae as BentoCodeSnippet,
+  Ve as BentoCodeSnippetEvent,
+  Ge as BentoCodeSnippetSupportedLanguage,
+  Me 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,
+  me as BentoDatagridEvent,
+  le as BentoDatagridSortDirection,
+  de as BentoDatagridStyleState,
+  je as BentoDate,
+  Je as BentoDateFormat,
+  ue as BentoDatePicker,
+  fe as BentoDatePickerEvent,
+  rr as BentoDatePickerFirstDayOfWeek,
+  ye as BentoDateRangePicker,
+  xe as BentoDateRangePickerEvent,
+  nr as BentoDateRangePickerFirstDayOfWeek,
+  Ze as BentoDivider,
+  Ce as BentoDropdown,
+  Se as BentoDropdownAvatar,
+  ke as BentoDropdownCountry,
+  ve as BentoDropdownCurrency,
+  be as BentoDropdownPaymentMethod,
+  De as BentoDropdownTag,
+  tt as BentoFilterBar,
+  ot as BentoFilterBarEvent,
+  rt as BentoFilterEvent,
+  nt 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,
+  q as BentoLink,
+  No as BentoListboxEvent,
+  Ro as BentoListboxLazyLoadType,
+  er as BentoLoadingButton,
+  tr as BentoLoadingButtonState,
+  ct as BentoLoadingIndicator,
+  yt as BentoLoadingIndicatorEvent,
+  gt as BentoMenu,
+  Ct as BentoMenuEvent,
+  Tt 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,
+  At 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,
+  ro as BentoSummaryGridItemCustom,
+  no 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,
+  ho as BentoTimelineGapUnit,
+  To as BentoTimelineItem,
+  So as BentoTimelineItemVariant,
+  ko as BentoTimelineShowMorePlacement,
+  bo as BentoToast,
+  _o as BentoToggle,
+  Lo as BentoTogglePropClass,
+  Ko as BentoTooltipDirective,
+  Qo as BentoTooltipPosition,
+  Wo as BentoTooltipState,
+  c as BentoTypography,
+  y as BentoTypographyElement,
+  Fo as BentoTypographyModifier,
+  x as BentoTypographyVariant,
+  Vo as DateFormat,
+  U as default,
+  Io as useBentoToastController,
+  Ue as useCountryCapital,
+  qe as useCountryFlag,
+  ze as useCountryName,
+  Ke 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"],"sourcesContent":["import { reactive } from 'vue';\nimport { generateUid } from '@/utils/ts/unique-id';\nimport { BentoToastItem } from '@/components/toast/components/toast-item';\n\n/* eslint-disable no-underscore-dangle */\nexport default class ToastController {\n    get state(): { queue: Array<BentoToastItem> } {\n        return this._state;\n    }\n\n    private _state: { queue: Array<BentoToastItem> };\n\n    constructor() {\n        this._state = reactive({ queue: [] });\n    }\n\n    private dismissToast(toast: BentoToastItem): void {\n        this._state.queue.splice(this._state.queue.indexOf(toast), 1);\n    }\n\n    public addToast(params: BentoToastItem) {\n        const id = generateUid('toast');\n        const toast = {\n            ...params,\n            id,\n            dismiss: () => this.dismissToast(toast),\n        };\n\n        // new messages always appear in front\n        this._state.queue.push(toast);\n\n        // return API to manipulate toast\n        return {\n            dismiss: () => this.dismissToast(toast),\n        };\n    }\n}\n/* eslint-enable no-underscore-dangle */\n","import type { PluginObject } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport ToastController from './plugins/toastController';\n\nexport enum BentoTheme {\n    LEGACY = 'b-legacy-theme',\n    STYLEGUIDE = 'b-styleguide-theme',\n    BENTO = '',\n}\n\ninterface BentoVuePlugin {\n    theme: BentoTheme;\n    withToast: boolean;\n}\n\nconst setTheme = (theme: BentoTheme) => {\n    document.body.classList.add(theme);\n};\n\nconst plugin: PluginObject<BentoVuePlugin> = {\n    install: async (Vue, options: { theme: BentoTheme; withToast: boolean; withUtilityClasses: boolean }) => {\n        if (options?.withToast) {\n            if (isVue2) {\n                // Adds a new property to the Vue instance\n                // eslint-disable-next-line no-param-reassign\n                (Vue as any).prototype.$bentoToastController = new ToastController();\n            } else {\n                // eslint-disable-next-line no-param-reassign\n                (Vue as any).config.globalProperties.$bentoToastController = new ToastController();\n            }\n        }\n        // Make sure to put all awaited CSS imports below this point and not above!\n        if (options?.theme === BentoTheme.LEGACY) {\n            setTheme(BentoTheme.LEGACY);\n            await import('@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css');\n        } else if (options?.theme === BentoTheme.STYLEGUIDE) {\n            setTheme(BentoTheme.STYLEGUIDE);\n            await import('@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css');\n        } else {\n            await import('@adyen/bento-design-tokens/dist/css/bento/variables.css');\n        }\n\n        if (options?.withUtilityClasses) {\n            await import('@adyen/bento-design-tokens/dist/css/bento/utility.css');\n        }\n    },\n};\n\nexport default plugin;\n"],"names":["ToastController","__publicField","reactive","toast","params","id","generateUid","BentoTheme","setTheme","theme","plugin","Vue","options","BentoVue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAqBA,EAAgB;AAAA,EAOjC,cAAc;AAFN,IAAAC,EAAA;AAGJ,SAAK,SAASC,EAAS,EAAE,OAAO,CAAA,EAAI,CAAA;AAAA,EACxC;AAAA,EARA,IAAI,QAA0C;AAC1C,WAAO,KAAK;AAAA,EAChB;AAAA,EAQQ,aAAaC,GAA6B;AACzC,SAAA,OAAO,MAAM,OAAO,KAAK,OAAO,MAAM,QAAQA,CAAK,GAAG,CAAC;AAAA,EAChE;AAAA,EAEO,SAASC,GAAwB;AAC9B,UAAAC,IAAKC,EAAY,OAAO,GACxBH,IAAQ;AAAA,MACV,GAAGC;AAAA,MACH,IAAAC;AAAA,MACA,SAAS,MAAM,KAAK,aAAaF,CAAK;AAAA,IAAA;AAIrC,gBAAA,OAAO,MAAM,KAAKA,CAAK,GAGrB;AAAA,MACH,SAAS,MAAM,KAAK,aAAaA,CAAK;AAAA,IAAA;AAAA,EAE9C;AACJ;AChCY,IAAAI,sBAAAA,OACRA,EAAA,SAAS,kBACTA,EAAA,aAAa,sBACbA,EAAA,QAAQ,IAHAA,IAAAA,KAAA,CAAA,CAAA;AAWZ,MAAMC,IAAW,CAACC,MAAsB;AAC3B,WAAA,KAAK,UAAU,IAAIA,CAAK;AACrC,GAEMC,IAAuC;AAAA,EACzC,SAAS,OAAOC,GAAKC,MAAoF;AACrG,IAAIA,KAAA,QAAAA,EAAS,cAOJD,EAAY,OAAO,iBAAiB,wBAAwB,IAAIX,EAAgB,KAIrFY,KAAA,gBAAAA,EAAS,WAAU,oBACnBJ;AAAA,MAAS;AAAA;AAAA,IAAiB,GAC1B,MAAM,OAAO,qEAAgE,MACtEI,KAAA,gBAAAA,EAAS,WAAU,wBAC1BJ;AAAA,MAAS;AAAA;AAAA,IAAqB,GAC9B,MAAM,OAAO,yEAAoE,KAEjF,MAAM,OAAO,8DAAyD,GAGtEI,KAAA,QAAAA,EAAS,sBACT,MAAM,OAAO,4DAAuD;AAAA,EAE5E;AACJ,GAEAC,IAAeH;"}
+{"version":3,"file":"index.js","sources":["../../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 u, createCommentVNode as h, createElementVNode as e, pushScopeId as v, popScopeId as m, defineComponent as g, resolveComponent as $, resolveDirective as b, withDirectives as I, createVNode as w } from "vue";
 import { PopperContainerPosition as y } from "./popper-container.js";
+import { b as S } from "./chunks/tooltip.ca53a83a.js";
 import { _ as r } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { b as S } from "./chunks/tooltip.68fc3821.js";
-import "./assets/index19.css";
+import "./assets/index30.css";
 let s = 0;
 const P = {
   beforeCreate() {
@@ -19,7 +19,7 @@ const P = {
 }, null, -1)), x = [
   k
 ];
-function N(t, c, _, l, a, p) {
+function N(t, c, _, l, p, d) {
   return i(), n("svg", f({ role: "img" }, t.$attrs, {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -40,11 +40,10 @@ function N(t, c, _, l, a, p) {
     ])
   ], 16);
 }
-const A = /* @__PURE__ */ r(P, [["render", N], ["__scopeId", "data-v-20ae506d"]]), E = g({
+const E = /* @__PURE__ */ r(P, [["render", N], ["__scopeId", "data-v-20ae506d"]]), q = g({
   name: "bento-info-icon",
-  components: { InfoIcon: A },
+  components: { InfoIcon: E },
   directives: { BentoTooltipDirective: S },
-  inheritAttrs: !1,
   props: {
     /**
      * Text showed in the info-icon tooltip on hover
@@ -59,23 +58,23 @@ const A = /* @__PURE__ */ r(P, [["render", N], ["__scopeId", "data-v-20ae506d"]]
     }
   }
 });
-const q = ["aria-label"];
-function O(t, c, _, l, a, p) {
-  const d = $("info-icon", !0), C = b("bento-tooltip-directive");
+const A = ["aria-label"];
+function O(t, c, _, l, p, d) {
+  const a = $("info-icon", !0), C = b("bento-tooltip-directive");
   return I((i(), n("span", {
     class: "b-info-icon",
     "aria-label": t.tooltipText,
     tabindex: "0"
   }, [
-    w(d, {
+    w(a, {
       "svg-title": t.tooltipText,
       class: "b-info-icon__svg"
     }, null, 8, ["svg-title"])
-  ], 8, q)), [
+  ], 8, A)), [
     [C, t.tooltipText, t.tooltipPosition]
   ]);
 }
-const G = /* @__PURE__ */ r(E, [["render", O], ["__scopeId", "data-v-b3656aca"]]);
+const G = /* @__PURE__ */ r(q, [["render", O], ["__scopeId", "data-v-f5e2e395"]]);
 export {
   G as BentoInfoIcon
 };