@adyen/bento-vue3 1.34.0 → 1.35.0

package/dist/index.js

@@ -3,79 +3,79 @@ import { t as f, c as x } from "./chunks/use-bento-toast-controller.BDYlxAYq.js"
 import { u as P } from "./chunks/use-bento-toast-controller.BDYlxAYq.js";
 import { d as g } from "./chunks/typography.z9P0Ec3Q.js";
 import { B as k, c as w, b as G, a as M } from "./chunks/typography.z9P0Ec3Q.js";
-import { B as O } from "./chunks/action-bar.DGQYYi8b.js";
-import { a as j, b as z } from "./chunks/accordion-item.CQ8DLt9l.js";
-import { B as K, c as U, b as _, a as Z } from "./chunks/alert.Bz4tNKDH.js";
-import { B as Y } from "./chunks/avatar.mNlMngHQ.js";
+import { B as O } from "./chunks/action-bar.BYMas_1s.js";
+import { a as j, b as z } from "./chunks/accordion-item.4Cnn47v_.js";
+import { B as K, c as U, b as _, a as Z } from "./chunks/alert.B_GZON9f.js";
+import { B as Y } from "./chunks/avatar.8erKxh8t.js";
 import { B as q, b as J, a as Q } from "./chunks/button.Br6CyG40.js";
-import { c as $, B as ee, a as te } from "./chunks/card.BvSoujBc.js";
-import { d as ae } from "./chunks/dashed-underline.CFJdLuJp.js";
-import { B as re, d as se, a as Be, f as ie, e as pe, c as me, b as de } from "./chunks/data-grid.DUwLxtW_.js";
-import { B as le, a as ce } from "./chunks/date-picker.21z_Sw4V.js";
-import { B as xe, a as ge } from "./chunks/date-range-picker.K2TeW8aX.js";
-import { B as Se, u as be } from "./chunks/dropdown.ex87AZ7s.js";
-import { B as Te } from "./chunks/dropdown-default-textbox.Bu4bpNGU.js";
+import { c as $, B as ee, a as te } from "./chunks/card.B7AyQI7f.js";
+import { d as ae } from "./chunks/dashed-underline.CMKbg0Fq.js";
+import { B as re, d as se, a as Be, f as ie, e as pe, c as me, b as de } from "./chunks/data-grid.CcGMljDl.js";
+import { B as le, a as ce } from "./chunks/date-picker.BsXcXOgl.js";
+import { B as xe, a as ge } from "./chunks/date-range-picker.BFm6Udzx.js";
+import { B as Se, u as be } from "./chunks/dropdown.BxvydNp0.js";
+import { B as Te } from "./chunks/dropdown-default-textbox.BopLaEkG.js";
 import { B as De } from "./chunks/divider.ugNXYI-T.js";
-import { B as Ie, a as Ee } from "./chunks/checkbox.DMMXn-h8.js";
+import { B as Ie, a as Ee } from "./chunks/checkbox.BnYx06nC.js";
 import { B as Le } from "./chunks/click-outside.DSszkIvs.js";
-import { c as Ve, b as ke, a as we, B as Ge } from "./chunks/code-snippet.BWM5w4CP.js";
+import { c as Ve, b as ke, a as we, B as Ge } from "./chunks/code-snippet.1duYqiRx.js";
 import { c as Ae } from "./chunks/country.CVI-oSer.js";
 import { a as Re, B as je, u as ze, b as Ne, c as Ke } from "./chunks/country.types.Br0AjxGy.js";
-import { c as _e, B as Ze } from "./chunks/currency.CFJy6QYU.js";
-import { B as Ye, a as He } from "./chunks/date.D8rQMzMG.js";
+import { c as _e, B as Ze } from "./chunks/currency.BdtY-UIM.js";
+import { B as Ye, a as He } from "./chunks/date.CYUV4seY.js";
 import { B as Je, b as Qe, c as Xe, a as $e } from "./chunks/empty-state.CyEWCcDk.js";
-import { B as tt, b as ot, a as at, c as nt } from "./chunks/filter-bar.BAmG-yML.js";
-import { f as st, a as Bt, c as it, b as pt } from "./chunks/form-layout-title.Boi0QQZL.js";
+import { B as tt, b as ot, a as at, c as nt } from "./chunks/filter-bar.re1Tqyai.js";
+import { f as st, a as Bt, c as it, b as pt } from "./chunks/form-layout-title.ATi1W9uG.js";
 import { B as dt, a as ut, b as lt } from "./chunks/image.0KzfycGE.js";
-import { B as ft } from "./chunks/info-icon.DIu8FeJC.js";
-import { i as gt, B as yt } from "./chunks/inspector.types.t2SPyhw3.js";
-import { B as bt, b as Ct, e as Tt, c as vt, d as Dt, a as ht } from "./chunks/input-field.Dely7A8G.js";
+import { B as ft } from "./chunks/info-icon.CBiqUH3L.js";
+import { i as gt, B as yt } from "./chunks/inspector.types.X_7VgZmS.js";
+import { B as bt, b as Ct, e as Tt, c as vt, d as Dt, a as ht } from "./chunks/input-field.foJTqE5i.js";
 import { B as Et, a as Ft } from "./chunks/loading-indicator.BFMEf39U.js";
 import { B as Pt, a as Vt } from "./chunks/link.2YS7haGc.js";
-import { B as wt, a as Gt } from "./chunks/menu.CLicp_2I.js";
-import { d as At, f as Ot, g as Rt, B as jt, e as zt, c as Nt, a as Kt, b as Ut } from "./chunks/base-modal.Bl7DBkt0.js";
-import { m as Zt, B as Wt } from "./chunks/modal-fullscreen.Caqa7dDp.js";
-import { B as Ht } from "./chunks/header.BMYhkrGT.js";
-import { B as Jt } from "./chunks/pagination.I5w8bpUS.js";
+import { B as wt, a as Gt } from "./chunks/menu.CI4R2iw1.js";
+import { d as At, f as Ot, g as Rt, B as jt, e as zt, c as Nt, a as Kt, b as Ut } from "./chunks/base-modal.BbiSFAn1.js";
+import { m as Zt, B as Wt } from "./chunks/modal-fullscreen.B4sPrlfq.js";
+import { B as Ht } from "./chunks/header.CrNceSOd.js";
+import { B as Jt } from "./chunks/pagination.-1ibfp5g.js";
 import { B as Xt } from "./chunks/payment-method.-3VYG5ud.js";
 import { B as eo } from "./chunks/payment-method.types.CJKfZQN5.js";
-import { B as oo, a as ao } from "./chunks/popover.DQP3ce2x.js";
-import { b as ro, B as so, a as Bo } from "./chunks/radio-group.lOSBHghv.js";
-import { B as po, b as mo, a as uo } from "./chunks/search-bar.GCRTgBUA.js";
-import { s as co } from "./chunks/secondary-nav.CGH_6m7u.js";
+import { B as oo, a as ao } from "./chunks/popover.BN52L17t.js";
+import { b as ro, B as so, a as Bo } from "./chunks/radio-group.RLUDLHPT.js";
+import { B as po, b as mo, a as uo } from "./chunks/search-bar.CCWTGvJ6.js";
+import { s as co } from "./chunks/secondary-nav.D81GEGuc.js";
 import { B as xo } from "./chunks/segmented-control.DbR5NYWR.js";
 import { B as yo } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { B as bo, s as Co, a as To } from "./chunks/selection-card-group.BdTuPhEm.js";
-import { a as Do, B as ho, s as Io } from "./chunks/sidepanel.DA8nQepj.js";
+import { B as bo, s as Co, a as To } from "./chunks/selection-card-group.3OexUu8G.js";
+import { a as Do, B as ho, s as Io } from "./chunks/sidepanel.iEewXNIJ.js";
 import { s as Fo, B as Lo } from "./chunks/status.types.r9TfZmvE.js";
-import { a as Vo, s as ko, B as wo, b as Go } from "./chunks/step.ClnCjesW.js";
-import { B as Ao, a as Oo } from "./chunks/structured-list-item.Z-1ivOFu.js";
-import { s as jo, a as zo, e as No, b as Ko, c as Uo, B as _o, d as Zo, f as Wo } from "./chunks/summary-grid-item-custom.Dq3IIEvH.js";
-import { B as Ho, a as qo } from "./chunks/tabs.xY_6yqmE.js";
+import { a as Vo, s as ko, B as wo, b as Go } from "./chunks/step.CyvTQbAk.js";
+import { B as Ao, a as Oo } from "./chunks/structured-list-item.DZvCfZuG.js";
+import { s as jo, a as zo, e as No, b as Ko, c as Uo, B as _o, d as Zo, f as Wo } from "./chunks/summary-grid-item-custom.BRXtpB7y.js";
+import { B as Ho, a as qo } from "./chunks/tabs.BUPiNLbZ.js";
 import { B as Qo, a as Xo } from "./chunks/tag.RYw4OhWk.js";
-import { B as ea } from "./chunks/textarea.kYFGQFwd.js";
-import { t as oa, b as aa, a as na, c as ra, B as sa, d as Ba } from "./chunks/timeline-item.D-Yy2qQr.js";
-import { t as pa } from "./chunks/toast.CIVPmwmU.js";
-import { B as da, b as ua, a as la } from "./chunks/toggle.8t4flh_3.js";
+import { B as ea } from "./chunks/textarea.Bk8-ivBT.js";
+import { t as oa, b as aa, a as na, c as ra, B as sa, d as Ba } from "./chunks/timeline-item.USmzRWfs.js";
+import { t as pa } from "./chunks/toast.BwPhzM1x.js";
+import { B as da, b as ua, a as la } from "./chunks/toggle.PLkyyLr1.js";
 import * as n from "zod";
 import { u as fa } from "./chunks/use-click-outside.D6aIgS15.js";
-import { a as ga, d as ya } from "./chunks/dashboard-section.BIH2wzgk.js";
-import { d as ba } from "./chunks/data-grid-template.21gqdYrs.js";
+import { a as ga, d as ya } from "./chunks/dashboard-section.BDkYN89r.js";
+import { d as ba } from "./chunks/data-grid-template.CydHXTmg.js";
 import { D as Ta } from "./chunks/date-input.BqBdAO1E.js";
 import { a as Da, B as ha } from "./chunks/keyboard-navigation.Clz1jOaA.js";
-import { a as Ea, B as Fa, a as La, B as Pa } from "./chunks/use-cached-selected-values.ClVxNmUf.js";
+import { a as Ea, B as Fa, a as La, B as Pa } from "./chunks/use-cached-selected-values.DditZmZy.js";
 import { B as ka } from "./chunks/directive.O3yEdalv.js";
 import { B as Ga, a as Ma, b as Aa } from "./chunks/tooltip.DvsfWV0-.js";
-import { B as Ra, c as ja, a as za, b as Na } from "./chunks/button-actions.hdK5IgrZ.js";
-import { B as Ua, a as _a } from "./chunks/loading-button.Mx-oDIGy.js";
+import { B as Ra, c as ja, a as za, b as Na } from "./chunks/button-actions.DcvU9vMt.js";
+import { B as Ua, a as _a } from "./chunks/loading-button.BU536EK4.js";
 import { B as Wa } from "./chunks/toggle-button.CBRd1v6x.js";
-import { C as Ha, C as qa } from "./chunks/calendar.D--sOCBT.js";
-import { _ as Qa, a as Xa, b as $a, c as en, d as tn } from "./chunks/dropdown-tag.BNJnscD2.js";
-import { C as an } from "./chunks/checkbox-input.JdcvpfTa.js";
-import { c as rn, B as sn } from "./chunks/checkbox-group.CuLP3hPd.js";
-import { _ as pn } from "./chunks/modal.vue_vue_type_script_setup_true_lang.Dzmth-oW.js";
+import { C as Ha, C as qa } from "./chunks/calendar.BPatBsD5.js";
+import { _ as Qa, a as Xa, b as $a, c as en, d as tn } from "./chunks/dropdown-tag.x3n5-YkA.js";
+import { C as an } from "./chunks/checkbox-input.YgPBRaZP.js";
+import { c as rn, B as sn } from "./chunks/checkbox-group.BJM2i93S.js";
+import { _ as pn } from "./chunks/modal.vue_vue_type_script_setup_true_lang.DuNQ8N4W.js";
 import { R as dn } from "./chunks/radio-input.DtvlM-mr.js";
-import { _ as ln } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.D-ZFDn95.js";
+import { _ as ln } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.CoFRoKtq.js";
 function h(e) {
   return e;
 }

package/dist/info-icon.js

@@ -1,4 +1,4 @@
-import { B as e } from "./chunks/info-icon.DIu8FeJC.js";
+import { B as e } from "./chunks/info-icon.CBiqUH3L.js";
 export {
   e as BentoInfoIcon
 };

package/dist/input-field.js

@@ -1,4 +1,4 @@
-import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.Dely7A8G.js";
+import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.foJTqE5i.js";
 export {
   n as BentoInputField,
   a as BentoInputFieldElementPosition,

package/dist/inspector.js

@@ -1,4 +1,4 @@
-import { i as t, B as n } from "./chunks/inspector.types.t2SPyhw3.js";
+import { i as t, B as n } from "./chunks/inspector.types.X_7VgZmS.js";
 export {
   t as BentoInspector,
   n as BentoInspectorSizeOptions

package/dist/internal.js

@@ -1,11 +1,11 @@
-import { a as o, b as r, C as s } from "./chunks/calendar.D--sOCBT.js";
-import { C as p, a as l } from "./chunks/copy.h-wVGvID.js";
-import { C } from "./chunks/controls-group.BnZVHgQK.js";
-import { B as x, b as m, a as E, D as f } from "./chunks/dialog-page.DALFn9KR.js";
-import { E as d, F as I } from "./chunks/error-message.D2Y99KjT.js";
-import { F as _ } from "./chunks/fixed-scroller.DwYB1pqo.js";
+import { a as o, b as r, C as s } from "./chunks/calendar.BPatBsD5.js";
+import { C as p, a as l } from "./chunks/copy.5y12_05v.js";
+import { C } from "./chunks/controls-group.DmroeX6Q.js";
+import { B as x, b as m, a as E, D as f } from "./chunks/dialog-page.CjKMgUlz.js";
+import { E as d, F as I } from "./chunks/error-message.CUZgtlDT.js";
+import { F as _ } from "./chunks/fixed-scroller.Co0y0kWZ.js";
 import { G as O, a as T } from "./chunks/grid-layout.CqLbbEzI.js";
-import { b as g, c as y, u as A } from "./chunks/use-cached-selected-values.ClVxNmUf.js";
+import { b as g, c as y, u as A } from "./chunks/use-cached-selected-values.DditZmZy.js";
 import { L as F } from "./chunks/listbox-option-tag.QqDEHMKB.js";
 import { B as N } from "./chunks/teleport.L8qFCYpr.js";
 export {

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/menu.CLicp_2I.js";
+import { B as o, a as t } from "./chunks/menu.CI4R2iw1.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent

package/dist/modal-fullscreen.js

@@ -1,4 +1,4 @@
-import { m as o, B as a } from "./chunks/modal-fullscreen.Caqa7dDp.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen.B4sPrlfq.js";
 export {
   o as BentoModalFullscreen,
   a as BentoModalFullscreenPage

package/dist/modal.js

@@ -1,5 +1,5 @@
-import { d as e, f as t, g as n, B as l, e as d, c as B, a as M, b as s } from "./chunks/base-modal.Bl7DBkt0.js";
-import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.Dzmth-oW.js";
+import { d as e, f as t, g as n, B as l, e as d, c as B, a as M, b as s } from "./chunks/base-modal.BbiSFAn1.js";
+import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.DuNQ8N4W.js";
 export {
   i as BentoModal,
   e as BentoModalColumnLayoutVariant,

package/dist/pagination.js

@@ -1,4 +1,4 @@
-import { B as n } from "./chunks/pagination.I5w8bpUS.js";
+import { B as n } from "./chunks/pagination.-1ibfp5g.js";
 export {
   n as BentoPagination
 };

package/dist/popover.js

@@ -1,4 +1,4 @@
-import { B as r, a as s } from "./chunks/popover.DQP3ce2x.js";
+import { B as r, a as s } from "./chunks/popover.BN52L17t.js";
 export {
   r as BentoPopover,
   s as BentoPopoverPositions

package/dist/radio-group.js

@@ -1,4 +1,4 @@
-import { b as t, B as e, a as n } from "./chunks/radio-group.lOSBHghv.js";
+import { b as t, B as e, a as n } from "./chunks/radio-group.RLUDLHPT.js";
 import { R as B } from "./chunks/radio-input.DtvlM-mr.js";
 export {
   t as BentoRadioButton,

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.GCRTgBUA.js";
-import { u as o } from "./chunks/dropdown.ex87AZ7s.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.CCWTGvJ6.js";
+import { u as o } from "./chunks/dropdown.BxvydNp0.js";
 export {
   r as BentoSearchBar,
   t as BentoSearchBarEvent,

package/dist/secondary-nav.js

@@ -1,4 +1,4 @@
-import { s as e } from "./chunks/secondary-nav.CGH_6m7u.js";
+import { s as e } from "./chunks/secondary-nav.D81GEGuc.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/selection-card.js

@@ -1,4 +1,4 @@
-import { B as t, s as a, a as n } from "./chunks/selection-card-group.BdTuPhEm.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.3OexUu8G.js";
 export {
   t as BentoSelectionCard,
   a as BentoSelectionCardGroup,

package/dist/sidepanel.js

@@ -1,4 +1,4 @@
-import { a as n, B as o, s as t } from "./chunks/sidepanel.DA8nQepj.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.iEewXNIJ.js";
 export {
   n as BentoSidepanel,
   o as BentoSidepanelEvent,

package/dist/stepper.js

@@ -1,4 +1,4 @@
-import { a as p, s as o, B as a, b as n } from "./chunks/step.ClnCjesW.js";
+import { a as p, s as o, B as a, b as n } from "./chunks/step.CyvTQbAk.js";
 export {
   p as BentoStep,
   o as BentoStepper,

package/dist/structured-list.js

@@ -1,4 +1,4 @@
-import { B as r, a as o } from "./chunks/structured-list-item.Z-1ivOFu.js";
+import { B as r, a as o } from "./chunks/structured-list-item.DZvCfZuG.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem

package/dist/styles/bento.css

@@ -1377,6 +1377,7 @@
   --b-dashboard-template-xxl-padding: var(--b-spacer-110) var(--b-spacer-130);
   --b-dashboard-template-m-and-up-padding: var(--b-spacer-110) var(--b-spacer-110);
   --b-dashboard-template-padding: var(--b-spacer-090) var(--b-spacer-090);
+  --b-currency-color: var(--b-color-label-primary);
   --b-country-label-color: var(--b-color-label-primary);
   --b-controls-group-label-container-margin-bottom: var(--b-spacer-060);
   --b-controls-group-label-container-gap: var(--b-spacer-020);
@@ -1733,10 +1734,12 @@
   --b-accordion-item-animation-easing: var(--b-animation-easing-standard);
   --b-accordion-item-animation-duration: var(--b-animation-duration-moderate);
   --b-accordion-item-content-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-100);
+  --b-accordion-item-content-color: var(--b-color-label-primary);
   --b-accordion-item-button-active-background-color: var(--b-color-background-primary-active);
   --b-accordion-item-button-hover-background-color: var(--b-color-background-primary-hover);
   --b-accordion-item-button-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-060) 0;
   --b-accordion-item-button-gap: var(--b-spacer-070);
+  --b-accordion-item-button-color: var(--b-color-label-primary);
   --b-accordion-item-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
   --b-accordion-item-background-color: var(--b-color-background-primary);
   --b-focus-ring-outline: var(--b-border-width-l);

package/dist/styles/legacy.css

@@ -1326,6 +1326,7 @@
   --b-dashboard-template-xxl-padding: var(--b-spacer-110) var(--b-spacer-130);
   --b-dashboard-template-m-and-up-padding: var(--b-spacer-110) var(--b-spacer-110);
   --b-dashboard-template-padding: var(--b-spacer-090) var(--b-spacer-090);
+  --b-currency-color: var(--b-color-label-primary);
   --b-country-label-color: var(--b-color-label-primary);
   --b-controls-group-label-container-margin-bottom: var(--b-spacer-060);
   --b-controls-group-label-container-gap: var(--b-spacer-020);
@@ -1598,10 +1599,12 @@
   --b-accordion-item-animation-easing: var(--b-animation-easing-standard);
   --b-accordion-item-animation-duration: var(--b-animation-duration-moderate);
   --b-accordion-item-content-padding: 0 var(--b-spacer-070) var(--b-spacer-090) 44px;
+  --b-accordion-item-content-color: var(--b-color-label-primary);
   --b-accordion-item-button-active-background-color: var(--b-color-grey-20);
   --b-accordion-item-button-hover-background-color: var(--b-color-grey-10);
   --b-accordion-item-button-padding: var(--b-spacer-070);
   --b-accordion-item-button-gap: var(--b-spacer-070);
+  --b-accordion-item-button-color: var(--b-color-label-primary);
   --b-accordion-item-border: var(--b-border-width-s) solid var(--b-color-grey-20);
   --b-text-title-l-font-weight: var(--b-font-weight-600);
   --b-text-title-l-font-family: var(--b-font-family-primary);

package/dist/styles/styleguide.css

@@ -1432,6 +1432,7 @@
   --b-dashboard-template-xxl-padding: var(--b-spacer-110) var(--b-spacer-130);
   --b-dashboard-template-m-and-up-padding: var(--b-spacer-110) var(--b-spacer-110);
   --b-dashboard-template-padding: var(--b-spacer-090) var(--b-spacer-090);
+  --b-currency-color: var(--b-color-label-primary);
   --b-country-label-color: var(--b-color-label-primary);
   --b-controls-group-label-container-margin-bottom: var(--b-spacer-060);
   --b-controls-group-label-container-gap: var(--b-spacer-020);
@@ -1788,10 +1789,12 @@
   --b-accordion-item-animation-easing: var(--b-animation-easing-standard);
   --b-accordion-item-animation-duration: var(--b-animation-duration-moderate);
   --b-accordion-item-content-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-100);
+  --b-accordion-item-content-color: var(--b-color-label-primary);
   --b-accordion-item-button-active-background-color: var(--b-color-background-primary-active);
   --b-accordion-item-button-hover-background-color: var(--b-color-background-primary-hover);
   --b-accordion-item-button-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-060) 0;
   --b-accordion-item-button-gap: var(--b-spacer-070);
+  --b-accordion-item-button-color: var(--b-color-label-primary);
   --b-accordion-item-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
   --b-accordion-item-background-color: var(--b-color-background-primary);
   --b-focus-ring-outline: var(--b-border-width-l);

package/dist/summary-grid.js

@@ -1,4 +1,4 @@
-import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid-item-custom.Dq3IIEvH.js";
+import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid-item-custom.BRXtpB7y.js";
 export {
   r as BentoSummaryGrid,
   t as BentoSummaryGridItemAmount,

package/dist/tabs.js

@@ -1,4 +1,4 @@
-import { B as e, a as s } from "./chunks/tabs.xY_6yqmE.js";
+import { B as e, a as s } from "./chunks/tabs.BUPiNLbZ.js";
 export {
   e as BentoTab,
   s as BentoTabs

package/dist/textarea.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/textarea.kYFGQFwd.js";
+import { B as o } from "./chunks/textarea.Bk8-ivBT.js";
 export {
   o as BentoTextarea
 };

package/dist/timeline.js

@@ -1,4 +1,4 @@
-import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.D-Yy2qQr.js";
+import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.USmzRWfs.js";
 export {
   t as BentoTimeline,
   i as BentoTimelineGapUnit,

package/dist/toast.js

@@ -1,4 +1,4 @@
-import { t as a } from "./chunks/toast.CIVPmwmU.js";
+import { t as a } from "./chunks/toast.BwPhzM1x.js";
 export {
   a as BentoToast
 };

package/dist/toggle.js

@@ -1,4 +1,4 @@
-import { B as a, b as g, a as s } from "./chunks/toggle.8t4flh_3.js";
+import { B as a, b as g, a as s } from "./chunks/toggle.PLkyyLr1.js";
 export {
   a as BentoToggle,
   g as BentoToggleLabelPosition,

package/dist/tutorial.js

@@ -1,4 +1,4 @@
-import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.D-ZFDn95.js";
+import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.CoFRoKtq.js";
 export {
   t as BentoTutorial
 };

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue3",
-  "version": "1.34.0",
+  "version": "1.35.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue3",
-  "version": "1.34.0",
+  "version": "1.35.0",
   "description": "Adyen Bento Vue 3 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -27,15 +27,15 @@
     "url": "git@github.com:Adyen/bento.git"
   },
   "dependencies": {
-    "@adyen/ui-assets-icons-16": "4.1.0",
-    "@adyen/ui-assets-payment-method-icons": "6.1.0",
+    "@adyen/ui-assets-icons-16": "6.0.2",
+    "@adyen/ui-assets-payment-method-icons": "8.0.1",
     "@floating-ui/vue": "1.0.7",
     "@vueuse/core": "10.9.0",
     "date-fns": "2.28.0",
     "focus-lock": "0.11.0",
     "uuid": "9.0.0",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.34.0"
+    "@adyen/bento-design-tokens": "1.35.0"
   },
   "peerDependencies": {
     "vue": "^3.2.47",

package/dist/chunks/accordion-item.CQ8DLt9l.js

@@ -1,126 +0,0 @@
-import { defineComponent as C, provide as B, toRef as O, openBlock as a, createElementBlock as d, renderSlot as E, ref as b, inject as $, computed as z, watch as s, createVNode as h, unref as e, withCtx as y, createElementVNode as g, createBlock as I, createTextVNode as D, toDisplayString as H, Transition as V, normalizeStyle as w, createCommentVNode as A } from "vue";
-import { _ as N } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as R } from "./typography.z9P0Ec3Q.js";
-import { C as j, a as M } from "./chevron-up.DQZG_BP3.js";
-import { g as x } from "./unique-id.XFfoKuc2.js";
-import { o as U } from "./resize.Bqks3WUm.js";
-import { u as q } from "./use-expandable-content-height.GkjjbmPy.js";
-import "../assets/accordion-item.css";
-const S = Symbol("accordion title size injection key"), J = { class: "b-accordion" }, K = {}, L = /* @__PURE__ */ C({
-  ...K,
-  __name: "accordion",
-  props: {
-    /**
-     * Controls accordion title size.
-     * @values default, small
-     */
-    titleSize: {
-      type: String,
-      default: "default"
-    }
-  },
-  setup(i) {
-    return B(S, O(i, "titleSize")), (r, c) => (a(), d("div", J, [
-      E(r.$slots, "default", {}, void 0, !0)
-    ]));
-  }
-}), ie = /* @__PURE__ */ N(L, [["__scopeId", "data-v-9fccc066"]]), Y = { class: "b-accordion-item" }, Z = ["id", "aria-controls", "aria-expanded"], F = ["id", "aria-labelledby"], G = {}, P = /* @__PURE__ */ C({
-  ...G,
-  __name: "accordion-item",
-  props: {
-    /**
-     * Sets the title of the accordion item.
-     */
-    title: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Controls if the content is visible or hidden.
-     */
-    isExpanded: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:is-expanded"],
-  setup(i, { emit: l }) {
-    const r = "b-accordion-item__animation--content", c = i, T = l, n = b(null), t = b(c.isExpanded), u = x("accordionItemButton"), m = x("accordionItemContent"), p = $(S, "default"), { updateContentHeight: _, contentHeight: v } = q(n, t), k = z(() => v.value ? { "max-height": v.value } : {});
-    return s(
-      () => c.isExpanded,
-      (o) => {
-        t.value = o;
-      }
-    ), s(
-      () => n.value,
-      () => {
-        let o = null;
-        !o && n.value && (o = U(n.value, () => {
-          n.value && _();
-        }));
-      }
-    ), s(
-      t,
-      (o) => {
-        T("update:is-expanded", o), _();
-      },
-      { immediate: !0 }
-    ), (o, f) => (a(), d("div", Y, [
-      h(e(R), {
-        el: "h3",
-        variant: e(p) === "small" ? "body" : "title",
-        strongest: e(p) === "small"
-      }, {
-        default: y(() => [
-          g("button", {
-            id: e(u),
-            "aria-controls": e(m),
-            "aria-expanded": `${t.value}`,
-            type: "button",
-            class: "b-accordion-item__button",
-            onClick: f[0] || (f[0] = (Q) => t.value = !t.value)
-          }, [
-            t.value ? (a(), I(e(j), {
-              key: 0,
-              class: "b-accordion-item__icon",
-              "svg-title": "collapse",
-              "aria-hidden": "true"
-            })) : (a(), I(e(M), {
-              key: 1,
-              class: "b-accordion-item__icon",
-              "svg-title": "expand",
-              "aria-hidden": "true"
-            })),
-            D(" " + H(i.title), 1)
-          ], 8, Z)
-        ]),
-        _: 1
-      }, 8, ["variant", "strongest"]),
-      h(V, { name: r }, {
-        default: y(() => [
-          t.value ? (a(), d("div", {
-            key: 0,
-            id: e(m),
-            "aria-labelledby": e(u),
-            role: "region",
-            style: w(k.value)
-          }, [
-            g("div", {
-              ref_key: "contentDiv",
-              ref: n,
-              class: "b-accordion-item__content"
-            }, [
-              E(o.$slots, "default", {}, void 0, !0)
-            ], 512)
-          ], 12, F)) : A("", !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), re = /* @__PURE__ */ N(P, [["__scopeId", "data-v-b1de8d3a"]]);
-export {
-  ie as a,
-  re as b
-};
-//# sourceMappingURL=accordion-item.CQ8DLt9l.js.map

package/dist/chunks/accordion-item.CQ8DLt9l.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion-item.CQ8DLt9l.js","sources":["../../../vue2/src/components/accordion/accordion.keys.ts","../../../vue2/src/components/accordion/accordion.vue","../../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n    <div class=\"b-accordion\">\n        <slot />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { PropType, provide, toRef } from 'vue';\n\n    import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n    import type { BentoAccordionTitleSize } from './accordion.types';\n\n    const props = defineProps({\n        /**\n         * Controls accordion title size.\n         * @values default, small\n         */\n        titleSize: {\n            type: String as PropType<BentoAccordionTitleSize>,\n            default: 'default',\n        },\n    });\n\n    provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An accordion is a vertical stack of interactive headers used to reveal or hide\n     * sections of content associated with these headers.\n     *\n     * This component must only have `BentoAccordionItem` components in its default slot.\n     *\n     * Accordion items should be collapsed by default.\n     *\n     * @example\n     * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAccordion, BentoAccordionItem },\n     *     template: `\n     *          <bento-accordion>\n     *              <bento-accordion-item title=\"Item 1\">\n     *                  Content for item 1\n     *              </bento-accordion-item>\n     *              <bento-accordion-item title=\"Item 2\">\n     *                  Content for item 2\n     *              </bento-accordion-item>\n     *          </bento-accordion>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n    <div class=\"b-accordion-item\">\n        <bento-typography\n            el=\"h3\"\n            :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n            :strongest=\"titleSize === 'small'\"\n        >\n            <button\n                :id=\"buttonId\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"`${isOpen}`\"\n                type=\"button\"\n                class=\"b-accordion-item__button\"\n                @click=\"isOpen = !isOpen\"\n            >\n                <chevron-up-icon v-if=\"isOpen\" class=\"b-accordion-item__icon\" svg-title=\"collapse\" aria-hidden=\"true\" />\n                <chevron-down-icon v-else class=\"b-accordion-item__icon\" svg-title=\"expand\" aria-hidden=\"true\" />\n                {{ title }}\n            </button>\n        </bento-typography>\n\n        <Transition :name=\"CONTENT_TRANSITION_NAME\">\n            <div v-if=\"isOpen\" :id=\"contentId\" :aria-labelledby=\"buttonId\" role=\"region\" :style=\"contentMaxHeight\">\n                <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n                    <slot />\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, ref, watch } from 'vue';\n\n    import { BentoTypography } from '@/components/typography';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n\n    import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from '../accordion.keys';\n\n    import type { BentoAccordionTitleSize } from '../accordion.types';\n    import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n    const CONTENT_TRANSITION_NAME = 'b-accordion-item__animation--content';\n\n    const props = defineProps({\n        /**\n         * Sets the title of the accordion item.\n         */\n        title: {\n            type: String,\n            required: true,\n        },\n        /**\n         * Controls if the content is visible or hidden.\n         */\n        isExpanded: {\n            type: Boolean,\n            default: false,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when content is toggled\n         */\n        (e: 'update:is-expanded', value: boolean): void;\n    }>();\n\n    // Refs\n    const contentDiv = ref<HTMLDivElement>(null);\n    const isOpen = ref(props.isExpanded);\n\n    // Generating IDs\n    const buttonId = generateUid('accordionItemButton');\n    const contentId = generateUid('accordionItemContent');\n\n    // Injecting prop from parent\n    const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n    // Getting and setting the item height to be able to handle height animation\n    const { updateContentHeight, contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n\n    const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n    watch(\n        () => props.isExpanded,\n        value => {\n            isOpen.value = value;\n        }\n    );\n\n    watch(\n        () => contentDiv.value,\n        () => {\n            let observer: ResizeObserver | null = null;\n            if (!observer && contentDiv.value) {\n                observer = observeSizeOfElement(contentDiv.value, () => {\n                    if (contentDiv.value) {\n                        updateContentHeight();\n                    }\n                });\n            }\n        }\n    );\n\n    watch(\n        isOpen,\n        value => {\n            // Enable two-way data binding for `isExpanded`\n            emit('update:is-expanded', value);\n\n            updateContentHeight();\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An accordion item is an interactive header used to reveal or hide a\n     * section of content associated with this header.\n     *\n     * This component must always be wrapped by a `BentoAccordion` component.\n     *\n     * @example\n     * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAccordion, BentoAccordionItem },\n     *     template: `\n     *          <bento-accordion>\n     *              <bento-accordion-item title=\"Item 1\">\n     *                  Content for item 1\n     *              </bento-accordion-item>\n     *              <bento-accordion-item title=\"Item 2\">\n     *                  Content for item 2\n     *              </bento-accordion-item>\n     *          </bento-accordion>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","__props","__default__","CONTENT_TRANSITION_NAME","props","emit","__emit","contentDiv","ref","isOpen","buttonId","generateUid","contentId","titleSize","inject","updateContentHeight","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value","observer","observeSizeOfElement"],"mappings":";;;;;;;;AAAa,MAAAA,IAAA,OAAA,oCAAA,iCCqDTC,IAAA,CAAA;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAXAC,GAWA,WAAA,CAAA;;;;mLCyHAC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAnGA,UAAAC,IAAA,wCAEAC,IAAAH,GAiBAI,IAAAC,GAQAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAJ,EAAA,UAAA,GAGAM,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAAjB,GAAA,SAAA,GAGA,EAAA,qBAAAkB,GAAA,eAAAC,EAAA,IAAAC,EAAAV,GAAAE,CAAA,GAEAS,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAhB,EAAA;AAAA,MACgB,CAAAiB,MAAA;AAER,QAAAZ,EAAA,QAAAY;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAA,MAAAb,EAAA;AAAA,MACqB,MAAA;AAEb,YAAAe,IAAA;AACA,QAAA,CAAAA,KAAAf,EAAA,UACIe,IAAAC,EAAAhB,EAAA,OAAA,MAAA;AACI,UAAAA,EAAA,SACIQ,EAAA;AAAA,QACJ,CAAA;AAAA,MAER;AAAA,IACJ,GAGJK;AAAA,MAAAX;AAAA,MACI,CAAAY,MAAA;AAGI,QAAAhB,EAAA,sBAAAgB,CAAA,GAEAN,EAAA;AAAA,MAAoB;AAAA,MACxB,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/alert.Bz4tNKDH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.Bz4tNKDH.js","sources":["../../../vue2/src/components/alert/alert.types.ts","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/info-filled.vue","../../../vue2/src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n    DEFAULT = 'default',\n    TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n    WARNING = 'warning',\n    CRITICAL = 'critical',\n    HIGHLIGHT = 'highlight',\n    SUCCESS = 'success',\n}\n\n/**\n * @deprecated from version 2.0.0. Use \"@close-alert\" instead.\n */\nexport enum BentoAlertEvent {\n    CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","<template>\n    <div class=\"b-alert\" :role=\"computedRole\">\n        <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n            <div class=\"b-alert__icon\">\n                <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n            </div>\n\n            <div class=\"b-alert__content\">\n                <bento-typography\n                    v-if=\"hasSlot('default') && !isTipVariant\"\n                    class=\"b-alert__title\"\n                    el=\"div\"\n                    variant=\"body\"\n                    strongest\n                    wide\n                >\n                    <slot />\n                </bento-typography>\n\n                <bento-typography\n                    v-if=\"hasSlot('description')\"\n                    class=\"b-alert__description\"\n                    v-bind=\"descriptionTypography\"\n                    data-testid=\"alert-description\"\n                >\n                    <slot name=\"description\" />\n                </bento-typography>\n\n                <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n                    <slot name=\"actions\" />\n                </div>\n            </div>\n\n            <bento-button\n                v-if=\"closeButton && !isTipVariant\"\n                class=\"b-alert__close-button\"\n                variant=\"tertiary\"\n                type=\"button\"\n                @click=\"onCloseButtonClick\"\n            >\n                <cross-small :svg-title=\"t('close')\" />\n            </bento-button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, useSlots } from 'vue';\n\n    // Component\n    import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { BentoButton } from '@/components/button';\n\n    import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n    import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n    import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n    import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n    // Utils\n    import { useHasSlot } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const emit = defineEmits<{\n        /**\n         * Emits event when the alert is closed. `closeButton` must be `true`\n         */\n        (e: 'close-alert');\n    }>();\n\n    const props = withDefaults(\n        defineProps<{\n            /**\n             * Adds a close button on the right side of the alert\n             */\n            closeButton?: boolean;\n\n            /**\n             * Type of a alert; set a distinctive icon and color. Defaults to highlight.\n             * @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING\n             */\n            type?: BentoAlertTypeOption | `${BentoAlertTypeOption}`;\n\n            /**\n             * Variant for the alert\n             * @values DEFAULT, TIP\n             */\n            variant?: BentoAlertVariant | `${BentoAlertVariant}`;\n        }>(),\n        {\n            closeButton: false,\n            type: BentoAlertTypeOption.HIGHLIGHT,\n            variant: BentoAlertVariant.DEFAULT,\n        }\n    );\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n    const alertConditionalClasses = computed(() => ({\n        [`b-alert--${props.type}`]: props.type,\n        [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n    }));\n\n    const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n    const iconComponent = computed(() => {\n        switch (props.type) {\n            case BentoAlertTypeOption.CRITICAL:\n                return CrossCircle;\n            case BentoAlertTypeOption.SUCCESS:\n                return CheckedCircle;\n            case BentoAlertTypeOption.WARNING:\n                return Warning;\n            case BentoAlertTypeOption.HIGHLIGHT:\n            default:\n                return Info;\n        }\n    });\n\n    const descriptionTypography = computed(() => ({\n        el: BentoTypographyElement.DIV,\n        variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n        wide: true,\n    }));\n\n    const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n    const onCloseButtonClick = () => {\n        emit(BentoAlertEvent.CLOSE_ALERT);\n    };\n\n    onMounted(() => {\n        if (!slots.default && !slots.description) {\n            throw new Error('Alert Component requires a title or a description');\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An Alert component is used to display a persistent\n     * notification containing information important to the user\n     *\n     * @example\n     * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAlert },\n     *     template: `\n     *          <bento-alert type=\"highlight\">\n     *              Title of the Alert\n     *          </bento-alert>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-alert',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_hoisted_2$1","_hoisted_3$1","openBlock","createElementBlock","mergeProps","_ctx","createCommentVNode","__default__","messages","slots","useSlots","hasSlot","useHasSlot","emit","__emit","props","__props","t","useI18n","isTipVariant","computed","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkIcon","WarningIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","onMounted"],"mappings":";;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;AChBR,IAAAE,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;mBAVZC,IAAA,CAAA,WAAA,GAAAC,IAAA,CAAA,IAAA;;AAEI,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;gFAFzHC,EAAA,IAAA,EAAA;AAAA;MAE4M,aAAA,qCAAAD,EAAA,OAAA;AAAA;;QAAkE,MAAA;AAAA,QAAe,GAAA;AAAA;IAF7R,IAAA,GAAAL,CAAA;AAAA;;QAE8xC,IAAA,gCAAAK,EAAA;AAAA;;UAAgD,OAAA;AAAA,UAAW,QAAA;AAAA,UAAY,MAAA;AAAA;MAFr2C,IAAA,GAAAJ,CAAA;AAAA;;;;;;;;;;;;;;;GCqKIM,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;AApGA,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,GAOAC,IAAAC,GA0BA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAV,EAAA,CAAA,GAEAW,IAAAC,EAAA,MAAAL,EAAA,YAAAtB,EAAA,GAAA,GAEA4B,IAAAD,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAL,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAtB,EAAA,GAAA,EAAA,GAAA0B,EAAA;AAAA,IACkB,EAAA,GAGxDG,IAAAF,EAAA,MAAAH,EAAA,GAAAF,EAAA,IAAA,MAAA,CAAA,GAEAQ,IAAAH,EAAA,MAAA;AACI,cAAAL,EAAA,MAAA;AAAA,QAAoB,KAAApB,EAAA;AAEZ,iBAAA6B;AAAA,QAAO,KAAA7B,EAAA;AAEP,iBAAA8B;AAAA,QAAO,KAAA9B,EAAA;AAEP,iBAAA+B;AAAA,QAAO,KAAA/B,EAAA;AAAA,QACe;AAEtB,iBAAAgC;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAR,EAAA,OAAA;AAAA,MAA8C,IAAAS,EAAA;AAAA,MACf,SAAAV,EAAA,QAAAW,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAX,EAAA,MAAAL,EAAA,SAAApB,EAAA,YAAA,WAAA,OAAA,GAEAqC,IAAA,MAAA;AACI,MAAAnB,EAAAhB,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAAoC,EAAA,MAAA;AACI,UAAA,CAAAxB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}