@adyen/bento-vue3 1.6.1 → 1.7.0

package/dist/image.js

@@ -1,6 +1,6 @@
 import { defineComponent as c, computed as u, openBlock as i, createElementBlock as _, normalizeStyle as d } from "vue";
 import { _ as P } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-var e = /* @__PURE__ */ ((r) => (r.LANDSCAPE = "landscape", r.P4_3 = "4:3", r.P3_3 = "3:3", r.P16_9 = "16:9", r.P2_1 = "2:1", r.PORTRAIT = "portrait", r.P3_4 = "3:4", r.P2_3 = "2:3", r.P9_16 = "9:16", r.P1_2 = "1:2", r.SQUARE = "square", r.P1_1 = "1:1", r))(e || {}), a = /* @__PURE__ */ ((r) => (r.COVER = "cover", r.FILL = "fill", r.CONTAIN = "contain", r))(a || {});
+var e = /* @__PURE__ */ ((r) => (r.LANDSCAPE = "landscape", r.P4_3 = "4:3", r.P3_3 = "3:3", r.P16_9 = "16:9", r.P2_1 = "2:1", r.PORTRAIT = "portrait", r.P3_4 = "3:4", r.P2_3 = "2:3", r.P9_16 = "9:16", r.P1_2 = "1:2", r.SQUARE = "square", r.P1_1 = "1:1", r))(e || {}), n = /* @__PURE__ */ ((r) => (r.COVER = "cover", r.FILL = "fill", r.CONTAIN = "contain", r))(n || {});
 const o = c({
   name: "bento-image",
   props: {
@@ -32,7 +32,7 @@ const o = c({
     objectFit: {
       type: String,
       default: null,
-      validator: (r) => Object.values(a).includes(r)
+      validator: (r) => Object.values(n).includes(r)
     }
   },
   setup(r) {
@@ -62,7 +62,7 @@ const o = c({
     };
   }
 }), p = ["src", "alt"];
-function S(r, s, n, t, l, f) {
+function S(r, s, a, t, l, f) {
   return i(), _("img", {
     src: r.src,
     alt: r.alt,
@@ -73,6 +73,6 @@ const v = /* @__PURE__ */ P(o, [["render", S]]);
 export {
   v as BentoImage,
   e as BentoImageAspectRatio,
-  a as BentoImageObjectFit
+  n as BentoImageObjectFit
 };
 //# sourceMappingURL=image.js.map

package/dist/index.js

@@ -1,66 +1,68 @@
 var S = Object.defineProperty;
-var h = (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) => (h(t, typeof e != "symbol" ? e + "" : e, n), n);
+var h = (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) => (h(t, typeof e != "symbol" ? e + "" : e, r), r);
 import { reactive as C, defineComponent as b, computed as k, openBlock as a, createElementBlock as v, mergeProps as s, unref as m, createBlock as p, withCtx as l, renderSlot as i, createElementVNode as D } from "vue";
-import { g as E } from "./chunks/unique-id.a2a2b458.js";
+import { g as I } from "./chunks/unique-id.a2a2b458.js";
 import { BentoAccordion as K, BentoAccordionItem as Q } from "./accordion.js";
-import { BentoAlert as H, BentoAlertEvent as j, BentoAlertTypeOption as J, BentoAlertVariant as X } from "./alert.js";
-import { a as Z, b as ee, B as te } from "./chunks/button.975d0bb8.js";
-import { BentoCard as ne, BentoCardBackground as re, BentoCardTitleSize as ae } from "./card.js";
+import { BentoAlert as j, BentoAlertEvent as H, BentoAlertTypeOption as J, BentoAlertVariant as X } from "./alert.js";
+import { a as Z, b as ee, B as te } from "./chunks/button.e5177388.js";
+import { BentoCard as re, BentoCardBackground as ne, BentoCardTitleSize as ae } from "./card.js";
 import { BentoColumnOverflow as Be, BentoDataGrid as se, BentoDatagridAriaSortValue as me, BentoDatagridEvent as pe, BentoDatagridSortDirection as le, BentoDatagridStyleState as de } from "./data-grid.js";
 import { BentoDatePicker as fe, BentoDatePickerEvent as ce } from "./date-picker.js";
-import { B as xe, a as ge } from "./chunks/index.1dc4ebae.js";
-import { B as Se, u as he } from "./chunks/dropdown.7a104ce3.js";
-import { BentoDropdownAvatar as be, BentoDropdownCountry as ke, BentoDropdownCurrency as ve, BentoDropdownPaymentMethod as De, BentoDropdownTag as Ee } from "./dropdown.js";
+import { B as xe, a as ge } from "./chunks/index.369b0e66.js";
+import { B as Se, u as he } from "./chunks/dropdown.afff433b.js";
+import { BentoDropdownAvatar as be, BentoDropdownCountry as ke, BentoDropdownCurrency as ve, BentoDropdownPaymentMethod as De, BentoDropdownTag as Ie } from "./dropdown.js";
 import { BentoDivider as Le } from "./divider.js";
-import { B as _e, b as Fe, a as Ve } from "./chunks/checkbox.67ceb148.js";
-import { BentoClickOutside as Ge } from "./click-outside.js";
+import { B as Fe, b as _e, a as Ve } from "./chunks/checkbox.3cdbdd52.js";
+import { BentoClickOutside as Ae } from "./click-outside.js";
 import { BentoCodeSnippet as Me, BentoCodeSnippetEvent as Oe, BentoCodeSnippetSupportedLanguage as $e, BentoCodeSnippetVariant as Re } from "./code-snippet.js";
 import { BentoCountry as Ne, BentoCountryCode as qe, BentoCountryVariant as ze, useCountryCapital as Ke, useCountryName as Qe, useCountryPhoneCode as We } from "./country.js";
-import { BentoCurrency as je, BentoCurrencyISOCode as Je } from "./currency.js";
-import { B as Ye, a as Ze } from "./chunks/index.d68847b0.js";
-import { BentoEmptyState as tt, BentoEmptyStateImage as ot, BentoEmptyStateImageVariant as nt, BentoEmptyStateVariant as rt } from "./empty-state.js";
+import { BentoCurrency as He, BentoCurrencyISOCode as Je } from "./currency.js";
+import { B as Ye, a as Ze } from "./chunks/index.fa7b44f1.js";
+import { BentoEmptyState as tt, BentoEmptyStateImage as ot, BentoEmptyStateImageVariant as rt, BentoEmptyStateVariant as nt } from "./empty-state.js";
 import { BentoFilterBar as it, BentoFilterBarEvent as Bt, BentoFilterEvent as st, BentoFilterItemType as mt } from "./filter-bar.js";
 import { BentoFormLayout as lt, BentoFormLayoutFieldTip as dt, BentoFormLayoutGroup as ut, BentoFormLayoutTitle as ft } from "./form-layout.js";
-import { BentoInfoIcon as yt } from "./info-icon.js";
-import { BentoInputField as gt, BentoInputFieldElementPosition as Tt, BentoInputFieldEvent as St, BentoInputFieldStateClass as ht, BentoInputFieldType as Ct, BentoInputFieldVariant as bt } from "./input-field.js";
-import { BentoLoadingIndicator as vt, BentoLoadingIndicatorEvent as Dt } from "./loading-indicator.js";
-import { BentoMenu as It, BentoMenuEvent as Lt } from "./menu.js";
-import { BentoModal as _t } from "./modal.js";
-import { b as Vt, d as wt, e as Gt, c as At, a as Mt, B as Ot } from "./chunks/base-modal.53a229ac.js";
-import { BentoHeader as Rt } from "./header.js";
-import { BentoPagination as Nt } from "./pagination.js";
-import { BentoPaymentMethod as zt, BentoPaymentMethodType as Kt } from "./payment-method.js";
-import { BentoPopover as Wt, BentoPopoverPositions as Ht } from "./popover.js";
-import { BentoRadioGroup as Jt, BentoRadioGroupVariant as Xt } from "./radio-group.js";
-import { BentoSearchBar as Zt, BentoSearchBarEvent as eo, BentoSearchBarInternalEvent as to } from "./search-bar.js";
-import { BentoSegmentedControl as no, BentoSegmentedControlEvent as ro } from "./segmented-control.js";
-import { BentoStatus as io, BentoStatusVariant as Bo } from "./status.js";
-import { BentoStep as mo, BentoStepper as po, BentoStepperTypeOption as lo, BentoStepperVariantOption as uo } from "./stepper.js";
-import { B as co, a as yo } from "./chunks/index.4c951e0d.js";
-import { BentoSummaryGrid as go, BentoSummaryGridItemAmount as To, BentoSummaryGridItemCustom as So, BentoSummaryGridItemNumeric as ho, BentoSummaryGridItemPercentage as Co, BentoSummaryGridItemSize as bo, BentoSummaryGridItemText as ko, BentoSummaryGridItemTrendDirection as vo } from "./summary-grid.js";
-import { BentoTab as Eo, BentoTabs as Io } from "./tabs.js";
-import { BentoTag as Po, BentoTagVariant as _o } from "./tag.js";
-import { BentoTextarea as Vo } from "./textarea.js";
-import { BentoTimeline as Go, BentoTimelineGapUnit as Ao, BentoTimelineItem as Mo, BentoTimelineItemVariant as Oo, BentoTimelineShowMorePlacement as $o } from "./timeline.js";
-import { BentoToast as Uo } from "./toast.js";
-import { u as qo } from "./chunks/toastController.0b01d2e8.js";
-import { BentoToggle as Ko, BentoToggleLabelPosition as Qo, BentoTogglePropClass as Wo } from "./toggle.js";
-import { B as c } from "./chunks/index.7f24db66.js";
-import { c as jo, b as Jo, a as Xo } from "./chunks/index.7f24db66.js";
-import { D as Zo } from "./chunks/date-input.9186a0bf.js";
-import { a as tn, B as on } from "./chunks/keyboard-navigation.ca47dfa8.js";
-import { a as rn, b as an } from "./chunks/listbox.0f25778d.js";
-import { B as sn } from "./chunks/directive.0408e565.js";
-import { b as pn, B as ln, a as dn } from "./chunks/tooltip.b5391514.js";
-import { BentoButtonActions as fn, BentoButtonActionsLayout as cn, BentoButtonActionsLayoutBasic as yn, BentoButtonActionsLayoutExtended as xn } from "./button.js";
-import { B as Tn, a as Sn } from "./chunks/loading-button.6523a015.js";
-import { b as Cn, b as bn } from "./chunks/calendar.cc37ac1f.js";
-import { BentoCheckboxGroup as vn, BentoCheckboxGroupVariant as Dn } from "./checkbox.js";
+import { BentoImage as yt, BentoImageAspectRatio as xt, BentoImageObjectFit as gt } from "./image.js";
+import { BentoInfoIcon as St } from "./info-icon.js";
+import { BentoInputField as Ct, BentoInputFieldElementPosition as bt, BentoInputFieldEvent as kt, BentoInputFieldStateClass as vt, BentoInputFieldType as Dt, BentoInputFieldVariant as It } from "./input-field.js";
+import { BentoLoadingIndicator as Lt, BentoLoadingIndicatorEvent as Pt } from "./loading-indicator.js";
+import { B as _t, a as Vt } from "./chunks/index.c207e9ab.js";
+import { BentoModal as At } from "./modal.js";
+import { b as Mt, d as Ot, e as $t, c as Rt, a as Ut, B as Nt } from "./chunks/base-modal.0c85e7cb.js";
+import { BentoHeader as zt } from "./header.js";
+import { BentoPagination as Qt } from "./pagination.js";
+import { BentoPaymentMethod as jt, BentoPaymentMethodType as Ht } from "./payment-method.js";
+import { BentoPopover as Xt, BentoPopoverPositions as Yt } from "./popover.js";
+import { BentoRadioGroup as eo, BentoRadioGroupVariant as to } from "./radio-group.js";
+import { BentoSearchBar as ro, BentoSearchBarEvent as no, BentoSearchBarInternalEvent as ao } from "./search-bar.js";
+import { BentoSegmentedControl as Bo, BentoSegmentedControlEvent as so } from "./segmented-control.js";
+import { BentoStatus as po, BentoStatusVariant as lo } from "./status.js";
+import { BentoStep as fo, BentoStepper as co, BentoStepperTypeOption as yo, BentoStepperVariantOption as xo } from "./stepper.js";
+import { B as To, a as So } from "./chunks/index.77f35162.js";
+import { BentoSummaryGrid as Co, BentoSummaryGridItemAmount as bo, BentoSummaryGridItemCustom as ko, BentoSummaryGridItemNumeric as vo, BentoSummaryGridItemPercentage as Do, BentoSummaryGridItemSize as Io, BentoSummaryGridItemText as Eo, BentoSummaryGridItemTrendDirection as Lo } from "./summary-grid.js";
+import { BentoTab as Fo, BentoTabs as _o } from "./tabs.js";
+import { BentoTag as wo, BentoTagVariant as Ao } from "./tag.js";
+import { BentoTextarea as Mo } from "./textarea.js";
+import { BentoTimeline as $o, BentoTimelineGapUnit as Ro, BentoTimelineItem as Uo, BentoTimelineItemVariant as No, BentoTimelineShowMorePlacement as qo } from "./timeline.js";
+import { BentoToast as Ko } from "./toast.js";
+import { u as Wo } from "./chunks/toastController.0b01d2e8.js";
+import { BentoToggle as Ho, BentoToggleLabelPosition as Jo, BentoTogglePropClass as Xo } from "./toggle.js";
+import { B as c } from "./chunks/index.2bd3812b.js";
+import { c as Zo, b as er, a as tr } from "./chunks/index.2bd3812b.js";
+import { D as rr } from "./chunks/date-input.9186a0bf.js";
+import { a as ar, B as ir } from "./chunks/keyboard-navigation.ca47dfa8.js";
+import { a as sr, b as mr } from "./chunks/listbox.f6e5a11d.js";
+import { B as lr } from "./chunks/directive.0408e565.js";
+import { b as ur, B as fr, a as cr } from "./chunks/tooltip.f769eb14.js";
+import { BentoButtonActions as xr, BentoButtonActionsLayout as gr, BentoButtonActionsLayoutBasic as Tr, BentoButtonActionsLayoutExtended as Sr } from "./button.js";
+import { B as Cr, a as br } from "./chunks/loading-button.746b7fa1.js";
+import { b as vr, b as Dr } from "./chunks/calendar.c83d4e99.js";
+import { BentoCheckboxGroup as Er, BentoCheckboxGroupVariant as Lr } 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/index14.css";
+import { _ as E } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { BentoTutorial as Fr } from "./tutorial.js";
+import "./assets/index34.css";
 class L {
   constructor() {
     f(this, "_state");
@@ -73,13 +75,13 @@ class L {
     this._state.queue.splice(this._state.queue.indexOf(e), 1);
   }
   addToast(e) {
-    const n = E("toast"), r = {
+    const r = I("toast"), n = {
       ...e,
-      id: n,
-      dismiss: () => this.dismissToast(r)
+      id: r,
+      dismiss: () => this.dismissToast(n)
     };
-    return this._state.queue.push(r), {
-      dismiss: () => this.dismissToast(r)
+    return this._state.queue.push(n), {
+      dismiss: () => this.dismissToast(n)
     };
   }
 }
@@ -95,7 +97,7 @@ const x = (t) => {
       /* 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");
   }
-}, P = ["href"], _ = ["href", "onClick"], F = /* @__PURE__ */ b({
+}, P = ["href"], F = ["href", "onClick"], _ = /* @__PURE__ */ b({
   __name: "link",
   props: {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -117,15 +119,15 @@ const x = (t) => {
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const n = t, r = k(() => ({
-      [`b-link--${d.QUIET}`]: n.variant === d.QUIET
+    const r = t, n = k(() => ({
+      [`b-link--${d.QUIET}`]: r.variant === d.QUIET
     })), u = (o, B) => {
       e("click", o), B && B();
     };
     return (o, B) => t.external ? (a(), v("a", s({ key: 0 }, o.$attrs, {
       href: o.to,
       target: "_blank",
-      class: ["b-link", m(r)],
+      class: ["b-link", m(n)],
       onClick: u
     }), [
       t.disableTypography ? i(o.$slots, "default", { key: 1 }, void 0, !0) : (a(), p(c, {
@@ -145,7 +147,7 @@ const x = (t) => {
       default: l(({ href: g, navigate: T }) => [
         D("a", s(o.$attrs, {
           href: g,
-          class: ["b-link", m(r)],
+          class: ["b-link", m(n)],
           onClick: T
         }), [
           t.disableTypography ? i(o.$slots, "default", { key: 1 }, void 0, !0) : (a(), p(c, {
@@ -158,37 +160,37 @@ const x = (t) => {
             ]),
             _: 3
           }))
-        ], 16, _)
+        ], 16, F)
       ]),
       _: 3
     }, 16));
   }
 });
-const U = /* @__PURE__ */ I(F, [["__scopeId", "data-v-bdaab366"]]);
+const U = /* @__PURE__ */ E(_, [["__scopeId", "data-v-bdaab366"]]);
 export {
   K as BentoAccordion,
   Q as BentoAccordionItem,
-  H as BentoAlert,
-  j as BentoAlertEvent,
+  j as BentoAlert,
+  H as BentoAlertEvent,
   J as BentoAlertTypeOption,
   X as BentoAlertVariant,
   Z as BentoButton,
-  fn as BentoButtonActions,
-  cn as BentoButtonActionsLayout,
-  yn as BentoButtonActionsLayoutBasic,
-  xn as BentoButtonActionsLayoutExtended,
+  xr as BentoButtonActions,
+  gr as BentoButtonActionsLayout,
+  Tr as BentoButtonActionsLayoutBasic,
+  Sr as BentoButtonActionsLayoutExtended,
   ee as BentoButtonPropClass,
   te as BentoButtonVariant,
-  ne as BentoCard,
-  re as BentoCardBackground,
+  re as BentoCard,
+  ne as BentoCardBackground,
   ae as BentoCardTitleSize,
-  _e as BentoCheckbox,
-  Fe as BentoCheckboxEvent,
-  vn as BentoCheckboxGroup,
-  Dn as BentoCheckboxGroupVariant,
+  Fe as BentoCheckbox,
+  _e as BentoCheckboxEvent,
+  Er as BentoCheckboxGroup,
+  Lr as BentoCheckboxGroupVariant,
   Ve as BentoCheckboxState,
-  Ge as BentoClickOutside,
-  sn as BentoClickOutsideDirective,
+  Ae as BentoClickOutside,
+  lr as BentoClickOutsideDirective,
   Me as BentoCodeSnippet,
   Oe as BentoCodeSnippetEvent,
   $e as BentoCodeSnippetSupportedLanguage,
@@ -197,7 +199,7 @@ export {
   Ne as BentoCountry,
   qe as BentoCountryCode,
   ze as BentoCountryVariant,
-  je as BentoCurrency,
+  He as BentoCurrency,
   Je as BentoCurrencyISOCode,
   se as BentoDataGrid,
   me as BentoDatagridAriaSortValue,
@@ -208,21 +210,21 @@ export {
   Ze as BentoDateFormat,
   fe as BentoDatePicker,
   ce as BentoDatePickerEvent,
-  Cn as BentoDatePickerFirstDayOfWeek,
+  vr as BentoDatePickerFirstDayOfWeek,
   xe as BentoDateRangePicker,
   ge as BentoDateRangePickerEvent,
-  bn as BentoDateRangePickerFirstDayOfWeek,
+  Dr as BentoDateRangePickerFirstDayOfWeek,
   Le as BentoDivider,
   Se as BentoDropdown,
   be as BentoDropdownAvatar,
   ke as BentoDropdownCountry,
   ve as BentoDropdownCurrency,
   De as BentoDropdownPaymentMethod,
-  Ee as BentoDropdownTag,
+  Ie as BentoDropdownTag,
   tt as BentoEmptyState,
   ot as BentoEmptyStateImage,
-  nt as BentoEmptyStateImageVariant,
-  rt as BentoEmptyStateVariant,
+  rt as BentoEmptyStateImageVariant,
+  nt as BentoEmptyStateVariant,
   it as BentoFilterBar,
   Bt as BentoFilterBarEvent,
   st as BentoFilterEvent,
@@ -231,85 +233,89 @@ export {
   dt as BentoFormLayoutFieldTip,
   ut as BentoFormLayoutGroup,
   ft as BentoFormLayoutTitle,
-  Rt as BentoHeader,
-  yt as BentoInfoIcon,
-  gt as BentoInputField,
-  Tt as BentoInputFieldElementPosition,
-  St as BentoInputFieldEvent,
-  ht as BentoInputFieldStateClass,
-  Ct as BentoInputFieldType,
-  bt as BentoInputFieldVariant,
-  tn as BentoKeyboardNavigationDirective,
-  on as BentoKeyboardNavigationKeyDownEvent,
+  zt as BentoHeader,
+  yt as BentoImage,
+  xt as BentoImageAspectRatio,
+  gt as BentoImageObjectFit,
+  St as BentoInfoIcon,
+  Ct as BentoInputField,
+  bt as BentoInputFieldElementPosition,
+  kt as BentoInputFieldEvent,
+  vt as BentoInputFieldStateClass,
+  Dt as BentoInputFieldType,
+  It as BentoInputFieldVariant,
+  ar as BentoKeyboardNavigationDirective,
+  ir as BentoKeyboardNavigationKeyDownEvent,
   U as BentoLink,
   d as BentoLinkVariant,
-  rn as BentoListboxEvent,
-  an as BentoListboxLazyLoadType,
-  Tn as BentoLoadingButton,
-  Sn as BentoLoadingButtonState,
-  vt as BentoLoadingIndicator,
-  Dt as BentoLoadingIndicatorEvent,
-  It as BentoMenu,
-  Lt as BentoMenuEvent,
-  _t as BentoModal,
-  Vt as BentoModalColumnLayoutVariant,
-  wt as BentoModalDialogType,
-  Gt as BentoModalEvent,
-  At as BentoModalRole,
-  Mt as BentoModalSize,
-  Ot as BentoModalVariant,
-  Nt as BentoPagination,
-  zt as BentoPaymentMethod,
-  Kt as BentoPaymentMethodType,
-  Wt as BentoPopover,
-  Ht as BentoPopoverPositions,
-  Jt as BentoRadioGroup,
-  Xt as BentoRadioGroupVariant,
-  Zt as BentoSearchBar,
-  eo as BentoSearchBarEvent,
-  to as BentoSearchBarInternalEvent,
-  no as BentoSegmentedControl,
-  ro as BentoSegmentedControlEvent,
-  io as BentoStatus,
-  Bo as BentoStatusVariant,
-  mo as BentoStep,
-  po as BentoStepper,
-  lo as BentoStepperTypeOption,
-  uo as BentoStepperVariantOption,
-  co as BentoStructuredList,
-  yo as BentoStructuredListItem,
-  go as BentoSummaryGrid,
-  To as BentoSummaryGridItemAmount,
-  So as BentoSummaryGridItemCustom,
-  ho as BentoSummaryGridItemNumeric,
-  Co as BentoSummaryGridItemPercentage,
-  bo as BentoSummaryGridItemSize,
-  ko as BentoSummaryGridItemText,
-  vo as BentoSummaryGridItemTrendDirection,
-  Eo as BentoTab,
-  Io as BentoTabs,
-  Po as BentoTag,
-  _o as BentoTagVariant,
-  Vo as BentoTextarea,
-  Go as BentoTimeline,
-  Ao as BentoTimelineGapUnit,
-  Mo as BentoTimelineItem,
-  Oo as BentoTimelineItemVariant,
-  $o as BentoTimelineShowMorePlacement,
-  Uo as BentoToast,
-  Ko as BentoToggle,
-  Qo as BentoToggleLabelPosition,
-  Wo as BentoTogglePropClass,
-  pn as BentoTooltipDirective,
-  ln as BentoTooltipPosition,
-  dn as BentoTooltipState,
+  sr as BentoListboxEvent,
+  mr as BentoListboxLazyLoadType,
+  Cr as BentoLoadingButton,
+  br as BentoLoadingButtonState,
+  Lt as BentoLoadingIndicator,
+  Pt as BentoLoadingIndicatorEvent,
+  _t as BentoMenu,
+  Vt as BentoMenuEvent,
+  At as BentoModal,
+  Mt as BentoModalColumnLayoutVariant,
+  Ot as BentoModalDialogType,
+  $t as BentoModalEvent,
+  Rt as BentoModalRole,
+  Ut as BentoModalSize,
+  Nt as BentoModalVariant,
+  Qt as BentoPagination,
+  jt as BentoPaymentMethod,
+  Ht as BentoPaymentMethodType,
+  Xt as BentoPopover,
+  Yt as BentoPopoverPositions,
+  eo as BentoRadioGroup,
+  to as BentoRadioGroupVariant,
+  ro as BentoSearchBar,
+  no as BentoSearchBarEvent,
+  ao as BentoSearchBarInternalEvent,
+  Bo as BentoSegmentedControl,
+  so as BentoSegmentedControlEvent,
+  po as BentoStatus,
+  lo as BentoStatusVariant,
+  fo as BentoStep,
+  co as BentoStepper,
+  yo as BentoStepperTypeOption,
+  xo as BentoStepperVariantOption,
+  To as BentoStructuredList,
+  So as BentoStructuredListItem,
+  Co as BentoSummaryGrid,
+  bo as BentoSummaryGridItemAmount,
+  ko as BentoSummaryGridItemCustom,
+  vo as BentoSummaryGridItemNumeric,
+  Do as BentoSummaryGridItemPercentage,
+  Io as BentoSummaryGridItemSize,
+  Eo as BentoSummaryGridItemText,
+  Lo as BentoSummaryGridItemTrendDirection,
+  Fo as BentoTab,
+  _o as BentoTabs,
+  wo as BentoTag,
+  Ao as BentoTagVariant,
+  Mo as BentoTextarea,
+  $o as BentoTimeline,
+  Ro as BentoTimelineGapUnit,
+  Uo as BentoTimelineItem,
+  No as BentoTimelineItemVariant,
+  qo as BentoTimelineShowMorePlacement,
+  Ko as BentoToast,
+  Ho as BentoToggle,
+  Jo as BentoToggleLabelPosition,
+  Xo as BentoTogglePropClass,
+  ur as BentoTooltipDirective,
+  fr as BentoTooltipPosition,
+  cr as BentoTooltipState,
+  Fr as BentoTutorial,
   c as BentoTypography,
-  jo as BentoTypographyElement,
-  Jo as BentoTypographyModifier,
-  Xo as BentoTypographyVariant,
-  Zo as DateFormat,
+  Zo as BentoTypographyElement,
+  er as BentoTypographyModifier,
+  tr as BentoTypographyVariant,
+  rr as DateFormat,
   R as default,
-  qo as useBentoToastController,
+  Wo as useBentoToastController,
   Ke as useCountryCapital,
   Qe as useCountryName,
   We as useCountryPhoneCode,

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 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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,12 +1,12 @@
 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 b, resolveComponent as $, 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.b5391514.js";
-import { _ as c } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index21.css";
-let r = 0;
+import { c as s } from "./chunks/index.bcc58fdd.js";
+import { b as S } from "./chunks/tooltip.f769eb14.js";
+import { _ as r } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import "./assets/index17.css";
+let c = 0;
 const P = {
   beforeCreate() {
-    this.uuid = r.toString(), r += 1;
+    this.uuid = c.toString(), c += 1;
   }
 }, o = (t) => (m("data-v-20ae506d"), t = t(), g(), t), T = { key: 0 }, H = ["clip-path"], V = /* @__PURE__ */ o(() => /* @__PURE__ */ e("path", { d: "M8.58147 5.05557C8.47159 5.22002 8.31541 5.34819 8.13268 5.42388C7.94996 5.49957 7.74889 5.51937 7.55491 5.48079C7.36093 5.4422 7.18275 5.34696 7.04289 5.20711C6.90304 5.06725 6.8078 4.88907 6.76922 4.69509C6.73063 4.50111 6.75043 4.30004 6.82612 4.11732C6.90181 3.93459 7.02998 3.77841 7.19443 3.66853C7.35888 3.55865 7.55222 3.5 7.75 3.5C8.01522 3.5 8.26957 3.60536 8.45711 3.79289C8.64464 3.98043 8.75 4.23478 8.75 4.5C8.75 4.69778 8.69135 4.89112 8.58147 5.05557Z" }, null, -1)), B = /* @__PURE__ */ o(() => /* @__PURE__ */ e("path", { d: "M6.25 7C6.25 6.58579 6.58579 6.25 7 6.25H8C8.41421 6.25 8.75 6.58579 8.75 7V10.25H9C9.41421 10.25 9.75 10.5858 9.75 11C9.75 11.4142 9.41421 11.75 9 11.75H7C6.58579 11.75 6.25 11.4142 6.25 11C6.25 10.5858 6.58579 10.25 7 10.25H7.25V7.75H7C6.58579 7.75 6.25 7.41421 6.25 7Z" }, null, -1)), D = /* @__PURE__ */ o(() => /* @__PURE__ */ e("path", { d: "M9.51195 0.398918C8.0086 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.70453 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8888 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.3012 11.5338 12.5001 12.5099 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C3.49007 3.49988 4.46619 2.6988 5.60823 2.22576Z" }, null, -1)), M = [
   V,
@@ -40,7 +40,7 @@ function N(t, d, l, _, p, a) {
     ])
   ], 16);
 }
-const E = /* @__PURE__ */ c(P, [["render", N], ["__scopeId", "data-v-20ae506d"]]), O = b({
+const E = /* @__PURE__ */ r(P, [["render", N], ["__scopeId", "data-v-20ae506d"]]), O = b({
   name: "bento-info-icon",
   components: { InfoIcon: E },
   directives: { BentoTooltipDirective: S },
@@ -75,7 +75,7 @@ function q(t, d, l, _, p, a) {
     [u, t.tooltipText, t.tooltipPosition]
   ]);
 }
-const G = /* @__PURE__ */ c(O, [["render", q], ["__scopeId", "data-v-ded345b1"]]);
+const G = /* @__PURE__ */ r(O, [["render", q], ["__scopeId", "data-v-ded345b1"]]);
 export {
   G as BentoInfoIcon
 };

package/dist/input-field.js

@@ -1,15 +1,15 @@
 import { defineComponent as re, useAttrs as ne, useSlots as le, ref as I, toRef as se, computed as n, toRefs as ue, openBlock as d, createBlock as u, unref as t, normalizeClass as pe, withCtx as c, createElementBlock as f, createVNode as B, renderSlot as b, createTextVNode as q, toDisplayString as G, createCommentVNode as o, createElementVNode as x, withModifiers as z, mergeProps as N, withKeys as ce } from "vue";
-import { d as fe, B as y } from "./chunks/index.7f24db66.js";
-import { u as be } from "./chunks/use-has-slot.4d98bf29.js";
-import { u as ye } from "./chunks/use-form-layout-loading.d03e5d48.js";
+import { d as fe, B as y } from "./chunks/index.2bd3812b.js";
+import { u as be } from "./chunks/use-form-layout-loading.d03e5d48.js";
+import { u as ye } from "./chunks/use-has-slot.4d98bf29.js";
 import { g as A } from "./chunks/unique-id.a2a2b458.js";
 import { u as ve } from "./chunks/i18n.6c402773.js";
-import { B as j, a as W } from "./chunks/dropdown.7a104ce3.js";
+import { B as j, a as W } from "./chunks/dropdown.afff433b.js";
 import { g as me } from "./chunks/get-slot-text.bead058f.js";
 import { u as De } from "./chunks/aria-label.ac9651a5.js";
-import { E as _e } from "./chunks/error-message.b91afffc.js";
+import { E as _e } from "./chunks/error-message.64e1964b.js";
 import { _ as we } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index39.css";
+import "./assets/index45.css";
 var v = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.PAYMENT_METHOD = "payment-method", e.STATIC_VALUE = "static-value", e.DROPDOWN = "dropdown", e))(v || {}), l = /* @__PURE__ */ ((e) => (e.START = "start", e.END = "end", e))(l || {}), m = /* @__PURE__ */ ((e) => (e.CONDENSED = "condensed", e.DISABLED = "disabled", e.READONLY = "readonly", e.ERROR = "error", e.SMALL_PADDING_LEFT = "small-padding-left", e.SMALL_PADDING_RIGHT = "small-padding-right", e))(m || {}), R = /* @__PURE__ */ ((e) => (e.SEARCH = "search", e.TEXT = "text", e.NUMBER = "number", e))(R || {}), Ae = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.ESCAPE_PRESSED = "escape-pressed", e.UPDATE_DROPDOWN = "update:dropdown", e.DROPDOWN_INPUT = "dropdown-input", e.FOCUS = "focus", e.CHANGE = "change", e.BLUR = "blur", e.KEYDOWN = "keydown", e))(Ae || {});
 const Y = {
   "en-US": {
@@ -120,7 +120,7 @@ const Y = {
   },
   emits: ["update:dropdown", "blur", "change", "dropdown-input", "escape-pressed", "focus", "keydown", "input"],
   setup(e, { expose: K, emit: s }) {
-    const a = e, O = ne(), T = le(), { t: k } = ve({ messages: Y }), p = be(T), M = I(null), $ = A("input"), _ = A("input-dropdown"), S = A("input-static-value"), P = A("input-description"), C = A("input-error"), { isReadOnly: D } = ye(se(a, "readonly")), g = n(
+    const a = e, O = ne(), T = le(), { t: k } = ve({ messages: Y }), p = ye(T), M = I(null), $ = A("input"), _ = A("input-dropdown"), S = A("input-static-value"), P = A("input-description"), C = A("input-error"), { isReadOnly: D } = be(se(a, "readonly")), g = n(
       () => a.variant === v.STATIC_VALUE && !!T.staticValue
     ), F = n(() => a.variant === v.DEFAULT), X = n(() => a.variant === v.PAYMENT_METHOD), J = n(
       () => g.value && a.staticValuePosition === l.START