@adyen/bento-vue2 1.9.0 → 1.10.0

package/dist/focus-trap.js

@@ -1,4 +1,4 @@
-import { B as a } from "./chunks/index.6cef7328.js";
+import { B as a } from "./chunks/index.6c299479.js";
 export {
   a as BentoFocusTrap
 };

package/dist/form-layout.js

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

package/dist/header.js

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

package/dist/index.js

@@ -3,24 +3,24 @@ var i = (e, t, o) => t in e ? B(e, t, { enumerable: !0, configurable: !0, writab
 var r = (e, t, o) => (i(e, typeof t != "symbol" ? t + "" : t, o), o);
 import "./chunks/index.4c062058.js";
 import { reactive as m } from "vue";
-import { g as p } from "./chunks/unique-id.a2a2b458.js";
+import { g as s } from "./chunks/unique-id.a2a2b458.js";
 import { BentoAccordion as T, BentoAccordionItem as C } from "./accordion.js";
 import { BentoActionBar as D } from "./action-bar.js";
 import { BentoAlert as I, BentoAlertEvent as b, BentoAlertTypeOption as E, BentoAlertVariant as L } from "./alert.js";
-import { a as F, b as V, B as k } from "./chunks/button.7dd8d4de.js";
+import { a as F, b as V, B as k } from "./chunks/button.f3f05408.js";
 import { BentoColumnOverflow as G, BentoDataGrid as w, BentoDatagridAriaSortValue as M, BentoDatagridEvent as O, BentoDatagridSortDirection as R, BentoDatagridStyleState as _ } from "./data-grid.js";
 import { BentoCard as q, BentoCardBackground as z, BentoCardTitleSize as U } from "./card.js";
 import { BentoDatePicker as W, BentoDatePickerEvent as Y } from "./date-picker.js";
-import { B as H, a as $ } from "./chunks/index.16914bb1.js";
-import { B as Q, u as X } from "./chunks/dropdown.6461dbe3.js";
+import { B as H, a as $ } from "./chunks/index.9051abfc.js";
+import { B as Q, u as X } from "./chunks/dropdown.f784ac67.js";
 import { BentoDropdownAvatar as tt, BentoDropdownCountry as et, BentoDropdownCurrency as ot, BentoDropdownPaymentMethod as nt, BentoDropdownTag as rt } from "./dropdown.js";
-import { B as Bt, b as it, a as mt } from "./chunks/checkbox.65743b08.js";
-import { BentoClickOutside as st } from "./click-outside.js";
+import { B as Bt, b as it, a as mt } from "./chunks/checkbox.f6f6ce39.js";
+import { BentoClickOutside as pt } from "./click-outside.js";
 import { BentoCodeSnippet as ut, BentoCodeSnippetEvent as lt, BentoCodeSnippetSupportedLanguage as ft, BentoCodeSnippetVariant as xt } from "./code-snippet.js";
 import { BentoCountry as ct, BentoCountryCode as gt, BentoCountryVariant as St, useCountryCapital as Tt, useCountryName as Ct, useCountryPhoneCode as ht } from "./country.js";
 import { BentoCurrency as vt, BentoCurrencyISOCode as It } from "./currency.js";
-import { B as Et, a as Lt } from "./chunks/index.322692c8.js";
-import { BentoDivider as Ft } from "./divider.js";
+import { B as Et, a as Lt } from "./chunks/index.158c522b.js";
+import { B as Ft } from "./chunks/index.f651209d.js";
 import { BentoEmptyState as kt, BentoEmptyStateImage as At, BentoEmptyStateImageVariant as Gt, BentoEmptyStateVariant as wt } from "./empty-state.js";
 import { BentoFilterBar as Ot, BentoFilterBarEvent as Rt, BentoFilterEvent as _t, BentoFilterItemType as Nt } from "./filter-bar.js";
 import { BentoFormLayout as zt, BentoFormLayoutFieldTip as Ut, BentoFormLayoutGroup as Kt, BentoFormLayoutTitle as Wt } from "./form-layout.js";
@@ -28,41 +28,41 @@ import { BentoImage as jt, BentoImageAspectRatio as Ht, BentoImageObjectFit as $
 import { BentoInfoIcon as Qt } from "./info-icon.js";
 import { BentoInputField as Zt, BentoInputFieldElementPosition as te, BentoInputFieldEvent as ee, BentoInputFieldStateClass as oe, BentoInputFieldType as ne, BentoInputFieldVariant as re } from "./input-field.js";
 import { BentoLoadingIndicator as Be, BentoLoadingIndicatorEvent as ie } from "./loading-indicator.js";
-import { BentoLink as pe, BentoLinkVariant as se } from "./link.js";
-import { B as ue, a as le } from "./chunks/index.f358c4bd.js";
+import { BentoLink as se, BentoLinkVariant as pe } from "./link.js";
+import { B as ue, a as le } from "./chunks/index.4824eab5.js";
 import { BentoModal as xe } from "./modal.js";
-import { b as ce, d as ge, e as Se, c as Te, a as Ce, B as he } from "./chunks/base-modal.75319f4e.js";
+import { b as ce, d as ge, e as Se, c as Te, a as Ce, B as he } from "./chunks/base-modal.193ce866.js";
 import { BentoHeader as ve } from "./header.js";
 import { BentoPagination as be } from "./pagination.js";
 import { BentoPaymentMethod as Le, BentoPaymentMethodType as Pe } from "./payment-method.js";
-import { a as Ve, B as ke } from "./chunks/index.d1beb704.js";
+import { a as Ve, B as ke } from "./chunks/index.ad4b770b.js";
 import { BentoRadioGroup as Ge, BentoRadioGroupVariant as we } from "./radio-group.js";
 import { BentoSearchBar as Oe, BentoSearchBarEvent as Re, BentoSearchBarInternalEvent as _e } from "./search-bar.js";
 import { BentoSegmentedControl as qe, BentoSegmentedControlEvent as ze } from "./segmented-control.js";
 import { BentoSidepanel as Ke, BentoSidepanelAnimation as We, BentoSidepanelEvent as Ye, BentoSidepanelPage as je } from "./sidepanel.js";
 import { BentoStatus as $e, BentoStatusVariant as Je } from "./status.js";
 import { BentoStep as Xe, BentoStepper as Ze, BentoStepperTypeOption as to, BentoStepperVariantOption as eo } from "./stepper.js";
-import { B as no, a as ro } from "./chunks/index.0890dc99.js";
-import { BentoSummaryGrid as Bo, BentoSummaryGridItemAmount as io, BentoSummaryGridItemCustom as mo, BentoSummaryGridItemNumeric as po, BentoSummaryGridItemPercentage as so, BentoSummaryGridItemSize as uo, BentoSummaryGridItemText as lo, BentoSummaryGridItemTrendDirection as fo } from "./summary-grid.js";
+import { B as no, a as ro } from "./chunks/index.9bdf4d78.js";
+import { BentoSummaryGrid as Bo, BentoSummaryGridItemAmount as io, BentoSummaryGridItemCustom as mo, BentoSummaryGridItemNumeric as so, BentoSummaryGridItemPercentage as po, BentoSummaryGridItemSize as uo, BentoSummaryGridItemText as lo, BentoSummaryGridItemTrendDirection as fo } from "./summary-grid.js";
 import { BentoTab as yo, BentoTabs as co } from "./tabs.js";
 import { BentoTag as So, BentoTagVariant as To } from "./tag.js";
 import { BentoTextarea as ho } from "./textarea.js";
-import { BentoTimeline as vo, BentoTimelineGapUnit as Io, BentoTimelineItem as bo, BentoTimelineItemVariant as Eo, BentoTimelineShowMorePlacement as Lo } from "./timeline.js";
-import { BentoToast as Fo } from "./toast.js";
-import { u as ko } from "./chunks/toastController.fd667b68.js";
-import { BentoToggle as Go, BentoToggleLabelPosition as wo, BentoTogglePropClass as Mo } from "./toggle.js";
-import { BentoTutorial as Ro } from "./tutorial.js";
-import { B as No, c as qo, b as zo, a as Uo } from "./chunks/index.b201e81d.js";
-import { BentoButtonActions as Wo, BentoButtonActionsLayout as Yo, BentoButtonActionsLayoutBasic as jo, BentoButtonActionsLayoutExtended as Ho } from "./button.js";
-import { B as Jo, a as Qo } from "./chunks/loading-button.459b9ab4.js";
-import { b as Zo, b as tn } from "./chunks/calendar.a885d8fc.js";
-import { BentoCheckboxGroup as on, BentoCheckboxGroupVariant as nn } from "./checkbox.js";
-import { D as an } from "./chunks/date-input.9186a0bf.js";
-import { a as mn, B as pn } from "./chunks/keyboard-navigation.ca47dfa8.js";
-import { a as dn, b as un } from "./chunks/listbox.a117e6d4.js";
-import { B as fn } from "./chunks/directive.0408e565.js";
-import { b as yn, B as cn, a as gn } from "./chunks/tooltip.b8929659.js";
-class s {
+import { BentoTimeline as vo, BentoTimelineGapUnit as Io, BentoTimelineItem as bo, BentoTimelineItemVariant as Eo, BentoTimelineShowMorePlacement as Lo, BentoTimelineStatus as Po } from "./timeline.js";
+import { BentoToast as Vo } from "./toast.js";
+import { u as Ao } from "./chunks/toastController.fd667b68.js";
+import { BentoToggle as wo, BentoToggleLabelPosition as Mo, BentoTogglePropClass as Oo } from "./toggle.js";
+import { BentoTutorial as _o } from "./tutorial.js";
+import { B as qo, c as zo, b as Uo, a as Ko } from "./chunks/index.858b0720.js";
+import { BentoButtonActions as Yo, BentoButtonActionsLayout as jo, BentoButtonActionsLayoutBasic as Ho, BentoButtonActionsLayoutExtended as $o } from "./button.js";
+import { B as Qo, a as Xo } from "./chunks/loading-button.7b5d0c22.js";
+import { b as tn, b as en } from "./chunks/calendar.7dbac3b8.js";
+import { BentoCheckboxGroup as nn, BentoCheckboxGroupVariant as rn } from "./checkbox.js";
+import { D as Bn } from "./chunks/date-input.9186a0bf.js";
+import { a as sn, B as pn } from "./chunks/keyboard-navigation.ca47dfa8.js";
+import { a as un, b as ln } from "./chunks/listbox.163433c5.js";
+import { B as xn } from "./chunks/directive.0408e565.js";
+import { b as cn, B as gn, a as Sn } from "./chunks/tooltip.4a1300d5.js";
+class p {
   constructor() {
     r(this, "_state");
     this._state = m({ queue: [] });
@@ -74,7 +74,7 @@ class s {
     this._state.queue.splice(this._state.queue.indexOf(t), 1);
   }
   addToast(t) {
-    const o = p("toast"), n = {
+    const o = s("toast"), n = {
       ...t,
       id: o,
       dismiss: () => this.dismissToast(n)
@@ -89,7 +89,7 @@ const a = (e) => {
   document.body.classList.add(e);
 }, u = {
   install: async (e, t) => {
-    t != null && t.withToast && (e.prototype.$bentoToastController = new s()), (t == null ? void 0 : t.theme) === "b-legacy-theme" ? (a(
+    t != null && t.withToast && (e.prototype.$bentoToastController = new p()), (t == null ? void 0 : t.theme) === "b-legacy-theme" ? (a(
       "b-legacy-theme"
       /* LEGACY */
     ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css?used")) : (t == null ? void 0 : t.theme) === "b-styleguide-theme" ? (a(
@@ -107,10 +107,10 @@ export {
   E as BentoAlertTypeOption,
   L as BentoAlertVariant,
   F as BentoButton,
-  Wo as BentoButtonActions,
-  Yo as BentoButtonActionsLayout,
-  jo as BentoButtonActionsLayoutBasic,
-  Ho as BentoButtonActionsLayoutExtended,
+  Yo as BentoButtonActions,
+  jo as BentoButtonActionsLayout,
+  Ho as BentoButtonActionsLayoutBasic,
+  $o as BentoButtonActionsLayoutExtended,
   V as BentoButtonPropClass,
   k as BentoButtonVariant,
   q as BentoCard,
@@ -118,11 +118,11 @@ export {
   U as BentoCardTitleSize,
   Bt as BentoCheckbox,
   it as BentoCheckboxEvent,
-  on as BentoCheckboxGroup,
-  nn as BentoCheckboxGroupVariant,
+  nn as BentoCheckboxGroup,
+  rn as BentoCheckboxGroupVariant,
   mt as BentoCheckboxState,
-  st as BentoClickOutside,
-  fn as BentoClickOutsideDirective,
+  pt as BentoClickOutside,
+  xn as BentoClickOutsideDirective,
   ut as BentoCodeSnippet,
   lt as BentoCodeSnippetEvent,
   ft as BentoCodeSnippetSupportedLanguage,
@@ -142,10 +142,10 @@ export {
   Lt as BentoDateFormat,
   W as BentoDatePicker,
   Y as BentoDatePickerEvent,
-  Zo as BentoDatePickerFirstDayOfWeek,
+  tn as BentoDatePickerFirstDayOfWeek,
   H as BentoDateRangePicker,
   $ as BentoDateRangePickerEvent,
-  tn as BentoDateRangePickerFirstDayOfWeek,
+  en as BentoDateRangePickerFirstDayOfWeek,
   Ft as BentoDivider,
   Q as BentoDropdown,
   tt as BentoDropdownAvatar,
@@ -176,14 +176,14 @@ export {
   oe as BentoInputFieldStateClass,
   ne as BentoInputFieldType,
   re as BentoInputFieldVariant,
-  mn as BentoKeyboardNavigationDirective,
+  sn as BentoKeyboardNavigationDirective,
   pn as BentoKeyboardNavigationKeyDownEvent,
-  pe as BentoLink,
-  se as BentoLinkVariant,
-  dn as BentoListboxEvent,
-  un as BentoListboxLazyLoadType,
-  Jo as BentoLoadingButton,
-  Qo as BentoLoadingButtonState,
+  se as BentoLink,
+  pe as BentoLinkVariant,
+  un as BentoListboxEvent,
+  ln as BentoListboxLazyLoadType,
+  Qo as BentoLoadingButton,
+  Xo as BentoLoadingButtonState,
   Be as BentoLoadingIndicator,
   ie as BentoLoadingIndicatorEvent,
   ue as BentoMenu,
@@ -222,8 +222,8 @@ export {
   Bo as BentoSummaryGrid,
   io as BentoSummaryGridItemAmount,
   mo as BentoSummaryGridItemCustom,
-  po as BentoSummaryGridItemNumeric,
-  so as BentoSummaryGridItemPercentage,
+  so as BentoSummaryGridItemNumeric,
+  po as BentoSummaryGridItemPercentage,
   uo as BentoSummaryGridItemSize,
   lo as BentoSummaryGridItemText,
   fo as BentoSummaryGridItemTrendDirection,
@@ -238,21 +238,22 @@ export {
   bo as BentoTimelineItem,
   Eo as BentoTimelineItemVariant,
   Lo as BentoTimelineShowMorePlacement,
-  Fo as BentoToast,
-  Go as BentoToggle,
-  wo as BentoToggleLabelPosition,
-  Mo as BentoTogglePropClass,
-  yn as BentoTooltipDirective,
-  cn as BentoTooltipPosition,
-  gn as BentoTooltipState,
-  Ro as BentoTutorial,
-  No as BentoTypography,
-  qo as BentoTypographyElement,
-  zo as BentoTypographyModifier,
-  Uo as BentoTypographyVariant,
-  an as DateFormat,
+  Po as BentoTimelineStatus,
+  Vo as BentoToast,
+  wo as BentoToggle,
+  Mo as BentoToggleLabelPosition,
+  Oo as BentoTogglePropClass,
+  cn as BentoTooltipDirective,
+  gn as BentoTooltipPosition,
+  Sn as BentoTooltipState,
+  _o as BentoTutorial,
+  qo as BentoTypography,
+  zo as BentoTypographyElement,
+  Uo as BentoTypographyModifier,
+  Ko as BentoTypographyVariant,
+  Bn as DateFormat,
   c as default,
-  ko as useBentoToastController,
+  Ao as useBentoToastController,
   Tt as useCountryCapital,
   Ct as useCountryName,
   ht as useCountryPhoneCode,

package/dist/info-icon.js

@@ -1,8 +1,8 @@
 import { defineComponent as r } from "vue";
-import { c as i } from "./chunks/index.152b2b16.js";
+import { c as i } from "./chunks/index.7039d901.js";
 import { n as s } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { b as a } from "./chunks/tooltip.b8929659.js";
-import "./assets/index31.css";
+import { b as a } from "./chunks/tooltip.4a1300d5.js";
+import "./assets/index33.css";
 let n = 0;
 const l = {
   beforeCreate() {

package/dist/input-field.js

@@ -1,15 +1,15 @@
 import { defineComponent as H, useAttrs as F, useSlots as z, ref as O, toRef as j, computed as i, toRefs as W } from "vue";
-import { B as Y, a as q } from "./chunks/dropdown.6461dbe3.js";
-import { d as X, B as G } from "./chunks/index.b201e81d.js";
+import { B as Y, a as q } from "./chunks/dropdown.f784ac67.js";
+import { d as X, B as G } from "./chunks/index.858b0720.js";
 import { g as u } from "./chunks/unique-id.a2a2b458.js";
 import { g as K } from "./chunks/get-slot-text.99c3d860.js";
 import { u as J } from "./chunks/aria-label.ac9651a5.js";
 import { u as Q } from "./chunks/i18n.eb5b985b.js";
 import { u as Z } from "./chunks/use-form-layout-loading.d03e5d48.js";
 import { u as tt } from "./chunks/use-has-slot.fbeb19ec.js";
-import { E as et, F as at } from "./chunks/field-label.01df3cba.js";
+import { E as et, F as at } from "./chunks/field-label.bdf22f47.js";
 import { n as ot } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index44.css";
+import "./assets/index35.css";
 var d = /* @__PURE__ */ ((a) => (a.DEFAULT = "default", a.PAYMENT_METHOD = "payment-method", a.STATIC_VALUE = "static-value", a.DROPDOWN = "dropdown", a))(d || {}), n = /* @__PURE__ */ ((a) => (a.START = "start", a.END = "end", a))(n || {}), p = /* @__PURE__ */ ((a) => (a.CONDENSED = "condensed", a.DISABLED = "disabled", a.READONLY = "readonly", a.ERROR = "error", a))(p || {}), w = /* @__PURE__ */ ((a) => (a.SEARCH = "search", a.TEXT = "text", a.NUMBER = "number", a))(w || {}), rt = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.ESCAPE_PRESSED = "escape-pressed", a.UPDATE_DROPDOWN = "update:dropdown", a.DROPDOWN_INPUT = "dropdown-input", a.FOCUS = "focus", a.CHANGE = "change", a.BLUR = "blur", a.KEYDOWN = "keydown", a))(rt || {});
 const it = {
   "en-US": {

package/dist/internal.js

@@ -1,24 +1,26 @@
-import { B as o, L as e } from "./chunks/listbox-option-tag.55cd9c16.js";
-import { C as s, a as p, b as x } from "./chunks/calendar.a885d8fc.js";
-import { C as f } from "./chunks/copy.e12b418e.js";
-import { C } from "./chunks/controls-group.dd967ccf.js";
-import { E as m, F as d } from "./chunks/field-label.01df3cba.js";
-import { F as y } from "./chunks/fixed-scroller.42354ccc.js";
+import { B as r, L as e } from "./chunks/listbox-option-tag.60c0beca.js";
+import { C as s, a as p, b as i } from "./chunks/calendar.7dbac3b8.js";
+import { C as x, a as n } from "./chunks/copy.f4019f8d.js";
+import { C as f } from "./chunks/controls-group.24a9efb1.js";
+import { E as d, F as L } from "./chunks/field-label.bdf22f47.js";
+import { F as y } from "./chunks/fixed-scroller.28158c25.js";
 import { G as b, a as B } from "./chunks/grid-layout.e0025286.js";
-import { B as u } from "./chunks/listbox.a117e6d4.js";
+import { B as v, u as E } from "./chunks/listbox.163433c5.js";
 export {
-  o as BentoAvatar,
-  u as BentoListbox,
+  r as BentoAvatar,
+  v as BentoListbox,
   s as Calendar,
   p as CalendarEvent,
-  x as CalendarFirstDayOfWeek,
-  C as ControlsGroup,
-  f as Copy,
-  m as ErrorMessage,
-  d as FieldLabel,
+  i as CalendarFirstDayOfWeek,
+  f as ControlsGroup,
+  x as Copy,
+  n as CopyTooltipState,
+  d as ErrorMessage,
+  L as FieldLabel,
   y as FixedScroller,
   b as GridLayout,
   B as GridLayoutContainerType,
-  e as ListboxOptionTag
+  e as ListboxOptionTag,
+  E as useMultiLevelItems
 };
 //# sourceMappingURL=internal.js.map

package/dist/link.js

@@ -1,8 +1,8 @@
 import { defineComponent as c, computed as p, useAttrs as _ } from "vue";
 import { RouterLink as u } from "vue-router";
-import { B as f } from "./chunks/index.b201e81d.js";
+import { B as f } from "./chunks/index.858b0720.js";
 import { n as d } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index38.css";
+import "./assets/index6.css";
 var a = /* @__PURE__ */ ((s) => (s.DEFAULT = "default", s.QUIET = "quiet", s))(a || {});
 const k = {
   name: "bento-link",

package/dist/loading-indicator.js

@@ -1,6 +1,6 @@
 import { defineComponent as t, onMounted as s, onUnmounted as l, computed as i } from "vue";
 import { n as r } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index32.css";
+import "./assets/index45.css";
 var a = /* @__PURE__ */ ((n) => (n.START = "loading-start", n.END = "loading-end", n))(a || {});
 const d = t({
   name: "bento-loading-indicator",

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/index.f358c4bd.js";
+import { B as o, a as t } from "./chunks/index.4824eab5.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent

package/dist/modal.js

@@ -1,14 +1,14 @@
-import { defineComponent as _, onMounted as C, toRefs as M, computed as f, useAttrs as h, watch as E } from "vue";
-import { f as A, b as p, e as r, d as u, c as w, B as y, a as B } from "./chunks/base-modal.75319f4e.js";
+import { defineComponent as _, onMounted as C, toRefs as h, ref as E, computed as f, useAttrs as w, watch as x } from "vue";
+import { f as A, b as p, e as c, d as r, c as T, B as y, a as B } from "./chunks/base-modal.193ce866.js";
 import { u as v } from "./chunks/use-has-slot.fbeb19ec.js";
-import { F as x } from "./chunks/footer-actions.2cd9079e.js";
+import { F as k } from "./chunks/footer-actions.08a8323b.js";
 import { n as b } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as S } from "./chunks/button.7dd8d4de.js";
-import { u as T } from "./chunks/i18n.eb5b985b.js";
-import { BentoButtonActions as k } from "./button.js";
-const N = _({
+import { B as S } from "./chunks/button.f3f05408.js";
+import { u as R } from "./chunks/i18n.eb5b985b.js";
+import { BentoButtonActions as N } from "./button.js";
+const z = _({
   name: "bento-modal-default",
-  components: { BaseModal: A, FooterActions: x },
+  components: { BaseModal: A, FooterActions: k },
   props: {
     /**
      * Adds a cross icon on the right side of the alert
@@ -123,10 +123,10 @@ const N = _({
       default: !1
     }
   },
-  emits: [r.CLOSE_MODAL],
+  emits: [c.CLOSE_MODAL],
   setup(e, { slots: t, emit: n }) {
     const l = v(t), s = () => {
-      n(r.CLOSE_MODAL);
+      n(c.CLOSE_MODAL);
     };
     return C(() => {
       if (!(l("content") || l("content-col-1") && l("content-col-2")))
@@ -138,7 +138,7 @@ const N = _({
     };
   }
 });
-var R = function() {
+var V = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("base-modal", t._b({ staticClass: "b-modal-default", attrs: { actions: t.actions, size: t.size, "hide-close-button": t.hideCloseButton, "custom-padding": t.customPadding, "is-dismissible": t.isDismissible, "is-open": t.isOpen, "overflow-visible": t.overflowVisible, "with-column-layout": t.withColumnLayout, "initially-open": t.initiallyOpen }, on: { "close-modal": t.onCloseModal }, scopedSlots: t._u([t.hasSlot("default") ? { key: "default", fn: function() {
     return [t._t("default")];
@@ -153,24 +153,24 @@ var R = function() {
       return [n("footer-actions", { attrs: { actions: t.actions, "actions-label": t.actionsLabel, "destructive-actions": t.destructiveActions } })];
     })];
   }, proxy: !0 } : null], null, !0) }, "base-modal", t.$attrs, !1));
-}, z = [], V = /* @__PURE__ */ b(
-  N,
-  R,
+}, P = [], $ = /* @__PURE__ */ b(
   z,
+  V,
+  P,
   !1,
   null,
   null,
   null,
   null
 );
-const P = V.exports, $ = {
+const F = $.exports, q = {
   "en-US": {
     okButtonText: "OK"
   }
-}, F = _({
-  i18n: { messages: $ },
+}, I = _({
+  i18n: { messages: q },
   name: "bento-modal-dialog",
-  components: { BaseModal: A, BentoButtonActions: k },
+  components: { BaseModal: A, BentoButtonActions: N },
   props: {
     /**
      * Controls the modal's state from the outside. Set it to true to open the modal
@@ -240,76 +240,78 @@ const P = V.exports, $ = {
       default: !1
     }
   },
-  emits: [r.CLOSE_MODAL],
+  emits: [c.CLOSE_MODAL],
   setup(e, { slots: t, emit: n }) {
-    const { t: l } = T(), s = v(t), { actions: o, dialogType: a } = M(e), c = () => {
-      n(r.CLOSE_MODAL);
-    }, m = () => {
-      c();
-    }, O = f(() => [
+    const { t: l } = R(), s = v(t), { actions: o, dialogType: a } = h(e), d = E(null), O = () => {
+      n(c.CLOSE_MODAL);
+    }, m = (i) => {
+      d.value.internalModalActionClose(i);
+    }, L = f(() => [
       {
         title: l("okButtonText"),
         event: m,
         variant: S.SECONDARY
       }
-    ]), L = f(() => {
+    ]), M = f(() => {
       var g;
-      const d = {
+      const i = {
         title: "Cancel",
         event: m
-      }, i = (g = o == null ? void 0 : o.value) == null ? void 0 : g[0];
-      return a.value === u.DESTRUCTIVE ? i.critical = !0 : a.value === u.INFO && (i.variant = S.SECONDARY), [i, d];
+      }, u = (g = o == null ? void 0 : o.value) == null ? void 0 : g[0];
+      return a.value === r.DESTRUCTIVE ? u.critical = !0 : a.value === r.INFO && (u.variant = S.SECONDARY), [u, i];
     }), D = f(() => ({
       [`b-modal-dialog--${a.value}`]: a.value
     }));
     return C(() => {
-      var d, i;
+      var i, u;
       if (!s("default") || !e.content && !s("content"))
         throw new Error("Bento Modal Dialog requires header title and content");
-      if (((d = o == null ? void 0 : o.value) == null ? void 0 : d.length) > 1)
+      if (((i = o == null ? void 0 : o.value) == null ? void 0 : i.length) > 1)
         throw new Error("Not more than 1 action button may be provided to Modal Dialog");
-      if (a.value !== u.ACKNOWLEDGEMENT && !(o != null && o.value))
+      if (a.value !== r.ACKNOWLEDGEMENT && !(o != null && o.value))
         throw new Error(
           "Modal Dialog, except ACKNOWLEDGEMENT type, always has to contain one action button"
         );
-      if (a.value === u.ACKNOWLEDGEMENT && ((i = o == null ? void 0 : o.value) != null && i.length))
+      if (a.value === r.ACKNOWLEDGEMENT && ((u = o == null ? void 0 : o.value) != null && u.length))
         throw new Error("Acknowledgement Modal Dialog does not accept action buttons");
     }), {
+      // Refs
+      modalRef: d,
       // Values
-      dialogActions: L,
-      acknowledgementDialogActions: O,
+      dialogActions: M,
+      acknowledgementDialogActions: L,
       // Methods
-      onCloseModal: c,
+      onCloseModal: O,
       onCloseActionButton: m,
       // Styles
       modalDialogConditionalClasses: D,
       // Enums
-      BentoModalRole: w
+      BentoModalRole: T
     };
   }
 });
-var q = function() {
+var j = function() {
   var t = this, n = t._self._c;
-  return t._self._setupProxy, n("base-modal", t._b({ staticClass: "b-modal-dialog", class: t.modalDialogConditionalClasses, attrs: { actions: t.actions, "hide-close-button": !0, size: "small", "is-dismissible": t.isDismissible, "is-open": t.isOpen, "overflow-visible": t.overflowVisible, "modal-role": t.BentoModalRole.ALERT_DIALOG, "initially-open": t.initiallyOpen }, on: { "close-modal": t.onCloseModal }, scopedSlots: t._u([{ key: "default", fn: function() {
+  return t._self._setupProxy, n("base-modal", t._b({ ref: "modalRef", staticClass: "b-modal-dialog", class: t.modalDialogConditionalClasses, attrs: { actions: t.actions, "hide-close-button": !0, size: "small", "is-dismissible": t.isDismissible, "is-open": t.isOpen, "overflow-visible": t.overflowVisible, "modal-role": t.BentoModalRole.ALERT_DIALOG, "initially-open": t.initiallyOpen }, on: { "close-modal": t.onCloseModal }, scopedSlots: t._u([{ key: "default", fn: function() {
     return [t._t("default")];
   }, proxy: !0 }, { key: "content", fn: function() {
     return [t._v(" " + t._s(t.content) + " ")];
   }, proxy: !0 }, { key: "actions", fn: function() {
     return [t.dialogType === "acknowledgement" ? n("bento-button-actions", { attrs: { actions: t.acknowledgementDialogActions, layout: "buttons-end" } }) : n("bento-button-actions", { attrs: { actions: t.dialogActions, layout: "buttons-end" } })];
   }, proxy: !0 }], null, !0) }, "base-modal", t.$attrs, !1));
-}, I = [], j = /* @__PURE__ */ b(
-  F,
-  q,
+}, G = [], U = /* @__PURE__ */ b(
   I,
+  j,
+  G,
   !1,
   null,
   null,
   null,
   null
 );
-const G = j.exports, U = 500, K = _({
+const K = U.exports, W = 500, Y = _({
   name: "bento-modal",
-  components: { BentoModalDefault: P, BentoModalDialog: G },
+  components: { BentoModalDefault: F, BentoModalDialog: K },
   props: {
     /**
      * Choose between default or dialog versions of modal
@@ -435,8 +437,8 @@ const G = j.exports, U = 500, K = _({
      */
     dialogType: {
       type: String,
-      default: u.CONFIRMATION,
-      validator: (e) => Object.values(u).includes(e)
+      default: r.CONFIRMATION,
+      validator: (e) => Object.values(r).includes(e)
     },
     /**
      * Text that will be displayed in the content section of Modal
@@ -446,9 +448,9 @@ const G = j.exports, U = 500, K = _({
       default: null
     }
   },
-  emits: [r.CLOSE_MODAL],
+  emits: [c.CLOSE_MODAL],
   setup(e, { slots: t, emit: n }) {
-    const l = h(), s = f(
+    const l = w(), s = f(
       () => e.variant === y.DEFAULT ? {
         hideCloseButton: e.hideCloseButton,
         size: e.size,
@@ -468,13 +470,13 @@ const G = j.exports, U = 500, K = _({
         ...l
       }
     ), o = () => {
-      n(r.CLOSE_MODAL);
+      n(c.CLOSE_MODAL);
     };
-    return E(
+    return x(
       () => e.actions,
       () => {
-        var a, c;
-        ((c = (a = e.actions) == null ? void 0 : a[0]) == null ? void 0 : c.state) === "success" && setTimeout(o, U);
+        var a, d;
+        ((d = (a = e.actions) == null ? void 0 : a[0]) == null ? void 0 : d.state) === "success" && setTimeout(o, W);
       }
     ), {
       onCloseModal: o,
@@ -483,7 +485,7 @@ const G = j.exports, U = 500, K = _({
     };
   }
 });
-var W = function() {
+var H = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, n(t.variant, t._b({ tag: "component", staticClass: "b-modal", attrs: { "is-open": t.isOpen, actions: t.actions, "initially-open": t.initiallyOpen }, on: { "close-modal": t.onCloseModal }, scopedSlots: t._u([t.hasSlot("default") ? { key: "default", fn: function() {
     return [t._t("default")];
@@ -494,23 +496,23 @@ var W = function() {
   }, proxy: !0 } : null, t.hasSlot("content") ? { key: "content", fn: function() {
     return [t._t("content")];
   }, proxy: !0 } : null], null, !0) }, "component", t.customProps, !1));
-}, Y = [], H = /* @__PURE__ */ b(
-  K,
-  W,
+}, J = [], Q = /* @__PURE__ */ b(
   Y,
+  H,
+  J,
   !1,
   null,
   null,
   null,
   null
 );
-const lt = H.exports;
+const st = Q.exports;
 export {
-  lt as BentoModal,
+  st as BentoModal,
   p as BentoModalColumnLayoutVariant,
-  u as BentoModalDialogType,
-  r as BentoModalEvent,
-  w as BentoModalRole,
+  r as BentoModalDialogType,
+  c as BentoModalEvent,
+  T as BentoModalRole,
   B as BentoModalSize,
   y as BentoModalVariant
 };