@adyen/bento-vue3 1.45.0 → 1.47.0

package/dist/chunks/{use-country-items.DnPo3yxj.js → use-country-items.DJn6gU4P.js}

@@ -1,5 +1,5 @@
 import { computed as t } from "vue";
-import { B as a, b as s, u as l, c as n } from "./country.types.pilf5B3F.js";
+import { B as a, b as s, u as l, c as n } from "./country.types.CLjbulKL.js";
 import { u as c } from "./i18n.WMYWtwxB.js";
 const y = (o, u) => {
   const { locale: r } = c(void 0, !0);
@@ -26,4 +26,4 @@ const y = (o, u) => {
 export {
   y as u
 };
-//# sourceMappingURL=use-country-items.DnPo3yxj.js.map
+//# sourceMappingURL=use-country-items.DJn6gU4P.js.map

package/dist/chunks/{use-country-items.DnPo3yxj.js.map → use-country-items.DJn6gU4P.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-country-items.DnPo3yxj.js","sources":["../../../vue2/src/components/dropdown/components/variants/dropdown-country/composables/use-country-items.ts"],"sourcesContent":["import { computed, ComputedRef, Ref } from 'vue';\nimport { BentoCountryVariant, useCountryCapital, useCountryName, useCountryPhoneCode } from '@/components/country';\nimport { BentoCountryListboxOptions } from '../dropdown-country.types';\nimport { useI18n } from '@/utils/ts/i18n';\nimport { BentoListboxOptions } from '@/types';\n\n/**\n * Transforms a list of country codes into a specific variant (phone, country or name)\n * and assigns it to the label of the country item.\n *\n * @param variant Ref to the country variant\n * @param items List of country items to be transformed\n * @returns List of country items with the label formatted to the variant\n */\nexport const useCountryItems = (\n    variant: Ref<BentoCountryVariant | `${BentoCountryVariant}`>,\n    items: Ref<BentoCountryListboxOptions>\n) => {\n    const { locale } = useI18n(undefined, true);\n\n    return computed(() => {\n        switch (variant?.value) {\n            case BentoCountryVariant.PHONE_CODE:\n                return items.value.map(({ value }) => ({\n                    value,\n                    label: useCountryPhoneCode(value).value,\n                }));\n            case BentoCountryVariant.CAPITAL:\n                return items.value.map(({ value }) => ({\n                    value,\n                    label: useCountryCapital(value, locale).value,\n                }));\n            case BentoCountryVariant.NAME:\n                return items.value.map(({ value }) => ({ value, label: useCountryName(value, locale).value }));\n            case BentoCountryVariant.CUSTOM:\n            default:\n                return items.value;\n        }\n    }) as ComputedRef<BentoListboxOptions>;\n};\n"],"names":["useCountryItems","variant","items","locale","useI18n","computed","BentoCountryVariant","value","useCountryPhoneCode","useCountryCapital","useCountryName"],"mappings":";;;AAca,MAAAA,IAAkB,CAC3BC,GACAC,MACC;AACD,QAAM,EAAE,QAAAC,EAAW,IAAAC,EAAQ,QAAW,EAAI;AAE1C,SAAOC,EAAS,MAAM;AAClB,YAAQJ,KAAA,gBAAAA,EAAS,OAAO;AAAA,MACpB,KAAKK,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,SAAa;AAAA,UACnC,OAAAA;AAAA,UACA,OAAOC,EAAoBD,CAAK,EAAE;AAAA,QAAA,EACpC;AAAA,MACN,KAAKD,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,SAAa;AAAA,UACnC,OAAAA;AAAA,UACA,OAAOE,EAAkBF,GAAOJ,CAAM,EAAE;AAAA,QAAA,EAC1C;AAAA,MACN,KAAKG,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,EAAM,OAAO,EAAE,OAAAA,GAAO,OAAOG,EAAeH,GAAOJ,CAAM,EAAE,MAAQ,EAAA;AAAA,MACjG,KAAKG,EAAoB;AAAA,MACzB;AACI,eAAOJ,EAAM;AAAA,IAAA;AAAA,EACrB,CACH;AACL;"}
+{"version":3,"file":"use-country-items.DJn6gU4P.js","sources":["../../../vue2/src/components/dropdown/components/variants/dropdown-country/composables/use-country-items.ts"],"sourcesContent":["import { computed, ComputedRef, Ref } from 'vue';\nimport { BentoCountryVariant, useCountryCapital, useCountryName, useCountryPhoneCode } from '@/components/country';\nimport { BentoCountryListboxOptions } from '../dropdown-country.types';\nimport { useI18n } from '@/utils/ts/i18n';\nimport { BentoListboxOptions } from '@/types';\n\n/**\n * Transforms a list of country codes into a specific variant (phone, country or name)\n * and assigns it to the label of the country item.\n *\n * @param variant Ref to the country variant\n * @param items List of country items to be transformed\n * @returns List of country items with the label formatted to the variant\n */\nexport const useCountryItems = (\n    variant: Ref<BentoCountryVariant | `${BentoCountryVariant}`>,\n    items: Ref<BentoCountryListboxOptions>\n) => {\n    const { locale } = useI18n(undefined, true);\n\n    return computed(() => {\n        switch (variant?.value) {\n            case BentoCountryVariant.PHONE_CODE:\n                return items.value.map(({ value }) => ({\n                    value,\n                    label: useCountryPhoneCode(value).value,\n                }));\n            case BentoCountryVariant.CAPITAL:\n                return items.value.map(({ value }) => ({\n                    value,\n                    label: useCountryCapital(value, locale).value,\n                }));\n            case BentoCountryVariant.NAME:\n                return items.value.map(({ value }) => ({ value, label: useCountryName(value, locale).value }));\n            case BentoCountryVariant.CUSTOM:\n            default:\n                return items.value;\n        }\n    }) as ComputedRef<BentoListboxOptions>;\n};\n"],"names":["useCountryItems","variant","items","locale","useI18n","computed","BentoCountryVariant","value","useCountryPhoneCode","useCountryCapital","useCountryName"],"mappings":";;;AAca,MAAAA,IAAkB,CAC3BC,GACAC,MACC;AACD,QAAM,EAAE,QAAAC,EAAW,IAAAC,EAAQ,QAAW,EAAI;AAE1C,SAAOC,EAAS,MAAM;AAClB,YAAQJ,KAAA,gBAAAA,EAAS,OAAO;AAAA,MACpB,KAAKK,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,SAAa;AAAA,UACnC,OAAAA;AAAA,UACA,OAAOC,EAAoBD,CAAK,EAAE;AAAA,QAAA,EACpC;AAAA,MACN,KAAKD,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,SAAa;AAAA,UACnC,OAAAA;AAAA,UACA,OAAOE,EAAkBF,GAAOJ,CAAM,EAAE;AAAA,QAAA,EAC1C;AAAA,MACN,KAAKG,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,EAAM,OAAO,EAAE,OAAAA,GAAO,OAAOG,EAAeH,GAAOJ,CAAM,EAAE,MAAQ,EAAA;AAAA,MACjG,KAAKG,EAAoB;AAAA,MACzB;AACI,eAAOJ,EAAM;AAAA,IAAA;AAAA,EACrB,CACH;AACL;"}

package/dist/code-snippet.js

@@ -1,4 +1,4 @@
-import { c as n, b as o, a as p, B as a } from "./chunks/code-snippet.volJxGqR.js";
+import { c as n, b as o, a as p, B as a } from "./chunks/code-snippet.CUzz3c-V.js";
 export {
   n as BentoCodeSnippet,
   o as BentoCodeSnippetEvent,

package/dist/country.js

@@ -1,5 +1,5 @@
-import { c as a } from "./chunks/country.Cv_8NTmw.js";
-import { a as n, B as r, u, b as s, c as C } from "./chunks/country.types.pilf5B3F.js";
+import { c as a } from "./chunks/country.D2t_VEYd.js";
+import { a as n, B as r, u, b as s, c as C } from "./chunks/country.types.CLjbulKL.js";
 export {
   a as BentoCountry,
   n as BentoCountryCode,

package/dist/dashboard-template.js

@@ -1,4 +1,4 @@
-import { a as e, d as t } from "./chunks/dashboard-section.Buh9mb22.js";
+import { a as e, d as t } from "./chunks/dashboard-section.BAJgkMXW.js";
 export {
   e as BentoDashboardSection,
   t as BentoDashboardTemplate

package/dist/dashed-underline.js

@@ -1,4 +1,4 @@
-import { d as n } from "./chunks/dashed-underline.DYVSwQtH.js";
+import { d as n } from "./chunks/dashed-underline.B_eVv1aB.js";
 export {
   n as BentoDashedUnderline
 };

package/dist/data-grid-template.js

@@ -1,4 +1,4 @@
-import { d as t } from "./chunks/data-grid-template.B6xmEgaM.js";
+import { d as t } from "./chunks/data-grid-template.DrwGj6Yq.js";
 export {
   t as BentoDataGridTemplate
 };

package/dist/data-grid.js

@@ -1,4 +1,4 @@
-import { B as e, d as o, a as r, f as n, e as i, c as B, b as d } from "./chunks/data-grid.DVc9qzLU.js";
+import { B as e, d as o, a as r, f as n, e as i, c as B, b as d } from "./chunks/data-grid.V4b5UdXZ.js";
 export {
   e as BentoColumnOverflow,
   o as BentoDataGrid,

package/dist/date-picker.js

@@ -1,5 +1,5 @@
-import { B as a, a as r } from "./chunks/date-picker.Bt4fyPQ4.js";
-import { C as i } from "./chunks/calendar.1qqtC8ba.js";
+import { B as a, a as r } from "./chunks/date-picker.DjuQyWzZ.js";
+import { C as i } from "./chunks/calendar.CKY08nCx.js";
 export {
   a as BentoDatePicker,
   r as BentoDatePickerEvent,

package/dist/date-range-picker.js

@@ -1,5 +1,5 @@
-import { B as t, a as r } from "./chunks/date-range-picker.Bna_2pBL.js";
-import { C as o } from "./chunks/calendar.1qqtC8ba.js";
+import { B as t, a as r } from "./chunks/date-range-picker.CmxXWnBc.js";
+import { C as o } from "./chunks/calendar.CKY08nCx.js";
 export {
   t as BentoDateRangePicker,
   r as BentoDateRangePickerEvent,

package/dist/divider.js

@@ -1,4 +1,4 @@
-import { B as r } from "./chunks/divider.DwBC4bpr.js";
+import { B as r } from "./chunks/divider.qUOSAbU6.js";
 export {
   r as BentoDivider
 };

package/dist/dropdown.js

@@ -1,7 +1,7 @@
-import { B as r } from "./chunks/dropdown.CZDXXpKe.js";
-import { B as t } from "./chunks/dropdown-default-textbox.ipIFhyWZ.js";
-import { _ as p, a as d, b as B, c as s, d as w } from "./chunks/dropdown-tag.DLyxItIS.js";
-import { a as m, B as y } from "./chunks/use-cached-selected-values.BBD_AA1m.js";
+import { B as r } from "./chunks/dropdown.BWu3fV-K.js";
+import { B as t } from "./chunks/dropdown-default-textbox.Dl8Jv2bS.js";
+import { _ as p, a as d, b as B, c as s, d as w } from "./chunks/dropdown-tag.D8hXRrMj.js";
+import { a as m, B as y } from "./chunks/use-cached-selected-values.YAg3m-Af.js";
 export {
   r as BentoDropdown,
   p as BentoDropdownAvatar,

package/dist/file-uploader.js

@@ -1,4 +1,4 @@
-import { f as r } from "./chunks/file-uploader.BXHt0PWz.js";
+import { f as r } from "./chunks/file-uploader.BNGBBltW.js";
 export {
   r as BentoFileUploader
 };

package/dist/filter-bar.js

@@ -1,4 +1,4 @@
-import { B as r, b as a, a as B, c as n } from "./chunks/filter-bar.oihCCt5N.js";
+import { B as r, b as a, a as B, c as n } from "./chunks/filter-bar.Db-KfD-S.js";
 export {
   r as BentoFilterBar,
   a as BentoFilterBarEvent,

package/dist/form-layout.js

@@ -1,4 +1,4 @@
-import { f as a, a as e, c as r, b as m } from "./chunks/form-layout-title.srkVLEUW.js";
+import { f as a, a as e, c as r, b as m } from "./chunks/form-layout-title._25l9_Xm.js";
 export {
   a as BentoFormLayout,
   e as BentoFormLayoutFieldTip,

package/dist/header.js

@@ -1,4 +1,4 @@
-import { B as r } from "./chunks/header.CAHXObTT.js";
+import { B as r } from "./chunks/header.vPx_0dwO.js";
 export {
   r as BentoHeader
 };

package/dist/index.js

@@ -3,83 +3,83 @@ import { t as y, c as h } from "./chunks/use-bento-toast-controller.D3LA1FCd.js"
 import { u as A } from "./chunks/use-bento-toast-controller.D3LA1FCd.js";
 import { p as b, d as u } from "./chunks/typography.DN5eC5ch.js";
 import { B as R, c as _, b as j, a as Y } from "./chunks/typography.DN5eC5ch.js";
-import { B as z } from "./chunks/action-bar.CmDQZkM2.js";
-import { a as H, b as q } from "./chunks/accordion-item.DfOb4Pyx.js";
-import { B as Z, c as J, b as Q, a as X } from "./chunks/alert.D1Ax6AnI.js";
+import { B as z } from "./chunks/action-bar.BN-AoRn0.js";
+import { a as H, b as q } from "./chunks/accordion-item.LeB4jteX.js";
+import { B as Z, c as J, b as Q, a as X } from "./chunks/alert.DTX7XqPC.js";
 import { B as ee } from "./chunks/avatar.B0-9jC6H.js";
 import { B as oe, b as ae, a as ne } from "./chunks/button.Cneb6rPP.js";
-import { c as se, B as Be, a as ie } from "./chunks/card.rkMUtirc.js";
-import { d as pe } from "./chunks/dashed-underline.DYVSwQtH.js";
-import { B as le, d as ue, a as ce, f as fe, e as xe, c as Se, b as Te } from "./chunks/data-grid.DVc9qzLU.js";
-import { B as ye, a as he } from "./chunks/date-picker.Bt4fyPQ4.js";
-import { B as Ee, a as Ce } from "./chunks/date-range-picker.Bna_2pBL.js";
-import { B as ve, u as Ie } from "./chunks/dropdown.CZDXXpKe.js";
-import { B as Pe } from "./chunks/dropdown-default-textbox.ipIFhyWZ.js";
-import { B as Ge } from "./chunks/divider.DwBC4bpr.js";
-import { B as ke, a as we } from "./chunks/checkbox.D9FJcICR.js";
+import { c as se, B as Be, a as ie } from "./chunks/card.BUBXMpP5.js";
+import { d as pe } from "./chunks/dashed-underline.B_eVv1aB.js";
+import { B as le, d as ue, a as ce, f as fe, e as xe, c as Se, b as Te } from "./chunks/data-grid.V4b5UdXZ.js";
+import { B as ye, a as he } from "./chunks/date-picker.DjuQyWzZ.js";
+import { B as Ee, a as Ce } from "./chunks/date-range-picker.CmxXWnBc.js";
+import { B as ve, u as Ie } from "./chunks/dropdown.BWu3fV-K.js";
+import { B as Pe } from "./chunks/dropdown-default-textbox.Dl8Jv2bS.js";
+import { B as Ge } from "./chunks/divider.qUOSAbU6.js";
+import { B as ke, a as we } from "./chunks/checkbox.J51-tG4g.js";
 import { B as Ve } from "./chunks/click-outside.DSszkIvs.js";
-import { c as Ne, b as Re, a as _e, B as je } from "./chunks/code-snippet.volJxGqR.js";
-import { c as Ue } from "./chunks/country.Cv_8NTmw.js";
-import { a as Ke, B as He, u as qe, b as We, c as Ze } from "./chunks/country.types.pilf5B3F.js";
+import { c as Ne, b as Re, a as _e, B as je } from "./chunks/code-snippet.CUzz3c-V.js";
+import { c as Ue } from "./chunks/country.D2t_VEYd.js";
+import { a as Ke, B as He, u as qe, b as We, c as Ze } from "./chunks/country.types.CLjbulKL.js";
 import { c as Qe, B as Xe } from "./chunks/currency.DGX-aejv.js";
 import { B as et, a as tt } from "./chunks/date.DeaBl297.js";
 import { B as at, b as nt, c as rt, a as st } from "./chunks/empty-state.C2ancCe6.js";
-import { f as it } from "./chunks/file-uploader.BXHt0PWz.js";
-import { B as pt, b as dt, a as lt, c as ut } from "./chunks/filter-bar.oihCCt5N.js";
-import { f as ft, a as xt, c as St, b as Tt } from "./chunks/form-layout-title.srkVLEUW.js";
+import { f as it } from "./chunks/file-uploader.BNGBBltW.js";
+import { B as pt, b as dt, a as lt, c as ut } from "./chunks/filter-bar.Db-KfD-S.js";
+import { f as ft, a as xt, c as St, b as Tt } from "./chunks/form-layout-title._25l9_Xm.js";
 import { _ as yt, B as ht, a as bt } from "./chunks/image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
 import { B as Ct } from "./chunks/info-icon.BCSBCH-5.js";
-import { B as vt, b as It, e as Lt, c as Pt, d as Ft, a as Gt } from "./chunks/input-field.3PUv6XC3.js";
-import { i as kt, m as wt, r as Mt, b as Vt, c as At, a as Nt } from "./chunks/input-field-password.DedPkZxg.js";
-import { i as _t, B as jt } from "./chunks/inspector.types.Dr0D250X.js";
+import { B as vt, b as It, e as Lt, c as Pt, d as Ft, a as Gt } from "./chunks/input-field.Cx4fMIb7.js";
+import { i as kt, m as wt, r as Mt, b as Vt, c as At, a as Nt } from "./chunks/input-field-password.CS7rxMCK.js";
+import { i as _t, B as jt } from "./chunks/inspector.types.DQQN1eqF.js";
 import { l as Ut, a as zt } from "./chunks/layout-row.9G7yVMVt.js";
 import { B as Ht, a as qt } from "./chunks/loading-indicator.DEepb9Wl.js";
 import { B as Zt, a as Jt } from "./chunks/link.ClFi8uSm.js";
-import { B as Xt, a as $t } from "./chunks/menu.Dmzh3Uat.js";
-import { d as to, f as oo, g as ao, B as no, e as ro, c as so, a as Bo, b as io } from "./chunks/base-modal.DbJYaHyG.js";
-import { _ as po } from "./chunks/modal.vue_vue_type_script_setup_true_lang.C8vZDtlE.js";
-import { m as uo, B as co } from "./chunks/modal-fullscreen.BazQAAU1.js";
-import { B as xo } from "./chunks/header.CAHXObTT.js";
-import { B as To } from "./chunks/pagination.BCC3GZV5.js";
+import { B as Xt, a as $t } from "./chunks/menu.CihQsfY6.js";
+import { d as to, f as oo, g as ao, B as no, e as ro, c as so, a as Bo, b as io } from "./chunks/base-modal.BsD3EOCY.js";
+import { _ as po } from "./chunks/modal.vue_vue_type_script_setup_true_lang.BHd_MGgH.js";
+import { m as uo, B as co } from "./chunks/modal-fullscreen.D39_mhdY.js";
+import { B as xo } from "./chunks/header.vPx_0dwO.js";
+import { B as To } from "./chunks/pagination.CbzgV2xT.js";
 import { B as yo } from "./chunks/payment-method.2IeC7f4x.js";
 import { B as bo } from "./chunks/payment-method.types.CJKfZQN5.js";
-import { B as Co, a as Do } from "./chunks/popover.3KG1IoYE.js";
+import { B as Co, a as Do } from "./chunks/popover.Bzb-pzfB.js";
 import { p as Io, B as Lo, a as Po } from "./chunks/promo-banner.BjLfDhBq.js";
-import { b as Go, B as Oo, a as ko } from "./chunks/radio-group.CeiSaH6M.js";
-import { B as Mo, b as Vo, a as Ao } from "./chunks/search-bar.BZDJJtWB.js";
-import { s as Ro } from "./chunks/secondary-nav.qm-rh-r6.js";
+import { b as Go, B as Oo, a as ko } from "./chunks/radio-group.DkfCMh_u.js";
+import { B as Mo, b as Vo, a as Ao } from "./chunks/search-bar.BTu1j3Ll.js";
+import { s as Ro } from "./chunks/secondary-nav.Bqvz5hjH.js";
 import { B as jo } from "./chunks/segmented-control.BIwBQ8i3.js";
 import { B as Uo } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { B as Ko, s as Ho, a as qo } from "./chunks/selection-card-group.DPGh4nwl.js";
-import { a as Zo, B as Jo, s as Qo } from "./chunks/sidepanel.DxSdFwm1.js";
-import { s as $o, B as ea } from "./chunks/status.types.Dil95sGx.js";
+import { B as Ko, s as Ho, a as qo } from "./chunks/selection-card-group.BHYvAL-T.js";
+import { a as Zo, B as Jo, s as Qo } from "./chunks/sidepanel.Bk35AAFF.js";
+import { s as $o, B as ea } from "./chunks/status.types.DsYAH3RM.js";
 import { a as oa, s as aa, B as na, b as ra } from "./chunks/step.DAB8h_4u.js";
-import { B as Ba, a as ia } from "./chunks/structured-list-item.DpI6jzfM.js";
-import { s as pa, a as da, e as la, b as ua, c as ca, B as fa, d as xa, f as Sa } from "./chunks/summary-grid-item-custom.DCNWMasy.js";
+import { B as Ba, a as ia } from "./chunks/structured-list-item.wpnBS69h.js";
+import { s as pa, a as da, e as la, b as ua, c as ca, B as fa, d as xa, f as Sa } from "./chunks/summary-grid-item-custom.C8AD1NAh.js";
 import { B as ga, a as ya } from "./chunks/tabs.B5-PZCxc.js";
 import { B as ba, a as Ea } from "./chunks/tag.BuUbvgok.js";
-import { B as Da } from "./chunks/textarea.CCr8inwI.js";
-import { t as Ia, b as La, a as Pa, c as Fa, B as Ga, d as Oa } from "./chunks/timeline-item.DG9YaOiC.js";
+import { B as Da } from "./chunks/textarea.C0k8by9A.js";
+import { t as Ia, b as La, a as Pa, c as Fa, B as Ga, d as Oa } from "./chunks/timeline-item.CYw68jQr.js";
 import { t as wa } from "./chunks/toast.CVy2sf_5.js";
 import { B as Va, b as Aa, a as Na } from "./chunks/toggle.Dl82VpiQ.js";
-import { _ as _a } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.CQ0vEvB4.js";
+import { _ as _a } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.CjlNffBI.js";
 import * as s from "zod";
 import { u as Ya } from "./chunks/teleport.B1NhF5-O.js";
-import { a as za, d as Ka } from "./chunks/dashboard-section.Buh9mb22.js";
-import { d as qa } from "./chunks/data-grid-template.B6xmEgaM.js";
+import { a as za, d as Ka } from "./chunks/dashboard-section.BAJgkMXW.js";
+import { d as qa } from "./chunks/data-grid-template.DrwGj6Yq.js";
 import { D as Za } from "./chunks/date-input.BqBdAO1E.js";
 import { a as Qa, B as Xa } from "./chunks/keyboard-navigation.C3QMVRKY.js";
-import { a as en, B as tn, a as on, B as an } from "./chunks/use-cached-selected-values.BBD_AA1m.js";
+import { a as en, B as tn, a as on, B as an } from "./chunks/use-cached-selected-values.YAg3m-Af.js";
 import { B as rn } from "./chunks/directive.O3yEdalv.js";
 import { B as Bn, a as mn } from "./chunks/events.FNmSWp_P.js";
 import { B as dn } from "./chunks/tooltip.2MOlGHD9.js";
-import { _ as un, a as cn, b as fn, c as xn, d as Sn } from "./chunks/dropdown-tag.DLyxItIS.js";
-import { B as gn, c as yn, a as hn, b as bn, d as En, e as Cn } from "./chunks/button-actions.CShVMUOC.js";
+import { _ as un, a as cn, b as fn, c as xn, d as Sn } from "./chunks/dropdown-tag.D8hXRrMj.js";
+import { B as gn, c as yn, a as hn, b as bn, d as En, e as Cn } from "./chunks/button-actions.DBgK5Qwo.js";
 import { B as vn } from "./chunks/toggle-button.CCgvi7TQ.js";
-import { C as Ln, C as Pn } from "./chunks/calendar.1qqtC8ba.js";
+import { C as Ln, C as Pn } from "./chunks/calendar.CKY08nCx.js";
 import { C as Gn } from "./chunks/checkbox-input.CAYgiRHG.js";
-import { c as kn, B as wn } from "./chunks/checkbox-group.PTNxE0kL.js";
-import { R as Vn } from "./chunks/radio-input.0TPahhZT.js";
+import { c as kn, B as wn } from "./chunks/checkbox-group.DOAFzAX-.js";
+import { R as Vn } from "./chunks/radio-input.DKfQGxtp.js";
 function G(e) {
   return e;
 }

package/dist/input-field-password.js

@@ -1,4 +1,4 @@
-import { i as a, m as s, r as i, b as c, c as u, a as o } from "./chunks/input-field-password.DedPkZxg.js";
+import { i as a, m as s, r as i, b as c, c as u, a as o } from "./chunks/input-field-password.CS7rxMCK.js";
 export {
   a as BentoInputFieldPassword,
   s as minLength,

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.3PUv6XC3.js";
+import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.Cx4fMIb7.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.Dr0D250X.js";
+import { i as t, B as n } from "./chunks/inspector.types.DQQN1eqF.js";
 export {
   t as BentoInspector,
   n as BentoInspectorSizeOptions

package/dist/internal.js

@@ -1,17 +1,17 @@
-import { a as e, b as r, C as t } from "./chunks/calendar.1qqtC8ba.js";
-import { C as p, a as i } from "./chunks/copy.DAMq-zRP.js";
-import { C as f } from "./chunks/controls-group.BHxcGQ2A.js";
+import { a as e, b as r, C as t } from "./chunks/calendar.CKY08nCx.js";
+import { C as p, a as i } from "./chunks/copy.VRsofU-g.js";
+import { C as f } from "./chunks/controls-group.CjqybvY2.js";
 import { B as x, b as C, a as I, D as m } from "./chunks/dialog-page.CJBSluwk.js";
-import { E as T, F as _ } from "./chunks/error-message.BVE3JdTq.js";
+import { E as T, F as _ } from "./chunks/error-message.qsc0nOWT.js";
 import { F as G } from "./chunks/fixed-scroller.XaGPUsUO.js";
 import { G as u, a as d } from "./chunks/grid-layout.BTLE3rac.js";
-import { I as L } from "./chunks/info-icon-with-popover.DFv8U4sh.js";
-import { b, c, u as g } from "./chunks/use-cached-selected-values.BBD_AA1m.js";
+import { I as L } from "./chunks/info-icon-with-popover.CieLDo3g.js";
+import { b, c, u as g } from "./chunks/use-cached-selected-values.YAg3m-Af.js";
 import { L as D } from "./chunks/listbox-option-tag.zYn_kSFz.js";
 import { B as P } from "./chunks/teleport.B1NhF5-O.js";
 import { T as M } from "./chunks/tooltip.2MOlGHD9.js";
-import { B as h } from "./chunks/button-actions-with-menu.BUyecZNi.js";
-import { f as J } from "./chunks/button-actions.CShVMUOC.js";
+import { B as h } from "./chunks/button-actions-with-menu.CUL1q1Ca.js";
+import { f as J } from "./chunks/button-actions.DBgK5Qwo.js";
 export {
   J as BUTTON_ACTIONS_WITH_MENU_CONTAINER_INJECTION_KEY,
   x as BentoDialogPageAnimation,

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/menu.Dmzh3Uat.js";
+import { B as o, a as t } from "./chunks/menu.CihQsfY6.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.BazQAAU1.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen.D39_mhdY.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.DbJYaHyG.js";
-import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.C8vZDtlE.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.BsD3EOCY.js";
+import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.BHd_MGgH.js";
 export {
   i as BentoModal,
   e as BentoModalColumnLayoutVariant,

package/dist/pagination.js

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

package/dist/popover.js

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

package/dist/radio-group.js

@@ -1,5 +1,5 @@
-import { b as t, B as e, a as n } from "./chunks/radio-group.CeiSaH6M.js";
-import { R as B } from "./chunks/radio-input.0TPahhZT.js";
+import { b as t, B as e, a as n } from "./chunks/radio-group.DkfCMh_u.js";
+import { R as B } from "./chunks/radio-input.DKfQGxtp.js";
 export {
   t as BentoRadioButton,
   B as BentoRadioButtonStateClass,

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.BZDJJtWB.js";
-import { u as o } from "./chunks/dropdown.CZDXXpKe.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.BTu1j3Ll.js";
+import { u as o } from "./chunks/dropdown.BWu3fV-K.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.qm-rh-r6.js";
+import { s as e } from "./chunks/secondary-nav.Bqvz5hjH.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.DPGh4nwl.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.BHYvAL-T.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.DxSdFwm1.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.Bk35AAFF.js";
 export {
   n as BentoSidepanel,
   o as BentoSidepanelEvent,

package/dist/status.js

@@ -1,4 +1,4 @@
-import { s, B as o } from "./chunks/status.types.Dil95sGx.js";
+import { s, B as o } from "./chunks/status.types.DsYAH3RM.js";
 export {
   s as BentoStatus,
   o as BentoStatusVariant

package/dist/structured-list.js

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

package/dist/styles/bento-dark.css

@@ -642,6 +642,7 @@
   --b-stepper-step-button-padding: var(--b-spacer-030) var(--b-spacer-040);
   --b-stepper-step-button-color: var(--b-color-label-secondary);
   --b-stepper-text-stepper-color: var(--b-color-label-secondary);
+  --b-stepper-horizontal-gap: var(--b-spacer-040);
   --b-stepper-gap: var(--b-spacer-030);
   --b-status-indicator-yellow-background-color: var(--b-color-decorative-yellow);
   --b-status-indicator-red-background-color: var(--b-color-decorative-red);
@@ -1398,6 +1399,7 @@
   --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
   --b-data-grid-pagination-border-width: var(--b-border-width-s);
   --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
+  --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-pagination-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-pagination-background-color: var(--b-color-background-primary);
   --b-data-grid-lazy-load-padding: var(--b-spacer-060) var(--b-spacer-070);

package/dist/styles/bento-light.css

@@ -641,6 +641,7 @@
   --b-stepper-step-button-padding: var(--b-spacer-030) var(--b-spacer-040);
   --b-stepper-step-button-color: var(--b-color-label-secondary);
   --b-stepper-text-stepper-color: var(--b-color-label-secondary);
+  --b-stepper-horizontal-gap: var(--b-spacer-040);
   --b-stepper-gap: var(--b-spacer-030);
   --b-status-indicator-yellow-background-color: var(--b-color-decorative-yellow);
   --b-status-indicator-red-background-color: var(--b-color-decorative-red);
@@ -1397,6 +1398,7 @@
   --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
   --b-data-grid-pagination-border-width: var(--b-border-width-s);
   --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
+  --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-pagination-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-pagination-background-color: var(--b-color-background-primary);
   --b-data-grid-lazy-load-padding: var(--b-spacer-060) var(--b-spacer-070);

package/dist/styles/bento.css

@@ -641,6 +641,7 @@
   --b-stepper-step-button-padding: var(--b-spacer-030) var(--b-spacer-040);
   --b-stepper-step-button-color: var(--b-color-label-secondary);
   --b-stepper-text-stepper-color: var(--b-color-label-secondary);
+  --b-stepper-horizontal-gap: var(--b-spacer-040);
   --b-stepper-gap: var(--b-spacer-030);
   --b-status-indicator-yellow-background-color: var(--b-color-decorative-yellow);
   --b-status-indicator-red-background-color: var(--b-color-decorative-red);
@@ -1397,6 +1398,7 @@
   --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
   --b-data-grid-pagination-border-width: var(--b-border-width-s);
   --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
+  --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-pagination-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-pagination-background-color: var(--b-color-background-primary);
   --b-data-grid-lazy-load-padding: var(--b-spacer-060) var(--b-spacer-070);

package/dist/styles/legacy.css

@@ -65,7 +65,7 @@
   --b-toggle-track-toggled-border: 1px solid transparent;
   --b-toggle-track-toggled-padding: 1px solid transparent;
   --b-toggle-track-active-border-color: transparent;
-  --b-toggle-track-margin-top: 3px;;
+  --b-toggle-track-margin-top: 3px;
   --b-toggle-track-border: 1px solid transparent;
   --b-toggle-track-padding: 1px;
   --b-toggle-track-width: 33px;
@@ -117,11 +117,11 @@
   --b-secondary-nav-max-width: 200px;
   --b-radio-input-knob-size: 6px;
   --b-radio-input-knob-offset-error: 3.5px;
-  --b-radio-input-unchecked-error-border-width: 1.5px;;
+  --b-radio-input-unchecked-error-border-width: 1.5px;
   --b-radio-button-knob-size: 6px;
   --b-radio-button-knob-offset-error: 3.5px;
-  --b-radio-button-unchecked-error-border-width: 1.5px;;
-  --b-popover-box-shadow: 0px 8px 8px rgba(0, 17, 44, 0.04), 0px 2px 4px rgba(0, 17, 44, 0.08);;
+  --b-radio-button-unchecked-error-border-width: 1.5px;
+  --b-popover-box-shadow: 0px 8px 8px rgba(0, 17, 44, 0.04), 0px 2px 4px rgba(0, 17, 44, 0.08);
   --b-modal-backdrop-background-color: #00112c;
   --b-modal-header-container-padding-block: 19px;
   --b-loading-button-tertiary-loading-text-decoration: underline;
@@ -131,6 +131,7 @@
   --b-loading-button-secondary-success-hover-box-shadow: unset;
   --b-loading-button-secondary-success-hover-border-color: rgba(0, 0, 0, 0);
   --b-loading-button-secondary-success-border-color: rgba(0, 0, 0, 0);
+  --b-listbox-option-focus-font-color: #000;
   --b-link-hover-text-decoration: underline;
   --b-link-text-decoration: none;
   --b-input-field-input-box-focus-outline: 0;
@@ -664,6 +665,7 @@
   --b-stepper-step-button-padding: var(--b-spacer-030) var(--b-spacer-040);
   --b-stepper-step-button-color: var(--b-color-label-secondary);
   --b-stepper-text-stepper-color: var(--b-color-label-secondary);
+  --b-stepper-horizontal-gap: var(--b-spacer-040);
   --b-stepper-gap: var(--b-spacer-030);
   --b-status-indicator-yellow-background-color: var(--b-color-decorative-yellow);
   --b-status-indicator-red-background-color: var(--b-color-red-50);
@@ -924,7 +926,6 @@
   --b-listbox-option-tag-label-padding: 0 0 0 var(--b-spacer-040);
   --b-listbox-option-tag-label-color: var(--b-color-label-primary);
   --b-listbox-option-description-margin-top: var(--b-spacer-020);
-  --b-listbox-option-focus-font-color: {color.black};
   --b-listbox-option-focus-background-color: var(--b-color-background-primary-active);
   --b-listbox-option-disabled-font-color: var(--b-color-label-disabled);
   --b-listbox-option-padding: var(--b-spacer-040) var(--b-spacer-070);
@@ -1350,6 +1351,7 @@
   --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
   --b-data-grid-pagination-border-width: var(--b-border-width-s);
   --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
+  --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-pagination-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-lazy-load-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-lazy-load-border: var(--b-border-width-s) solid var(--b-color-separator-primary);

package/dist/styles/styleguide.css

@@ -696,6 +696,7 @@
   --b-stepper-step-button-padding: var(--b-spacer-030) var(--b-spacer-040);
   --b-stepper-step-button-color: var(--b-color-label-secondary);
   --b-stepper-text-stepper-color: var(--b-color-label-secondary);
+  --b-stepper-horizontal-gap: var(--b-spacer-040);
   --b-stepper-gap: var(--b-spacer-030);
   --b-status-indicator-yellow-background-color: var(--b-color-decorative-yellow);
   --b-status-indicator-red-background-color: var(--b-color-decorative-red);
@@ -1452,6 +1453,7 @@
   --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
   --b-data-grid-pagination-border-width: var(--b-border-width-s);
   --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
+  --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-pagination-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-pagination-background-color: var(--b-color-background-primary);
   --b-data-grid-lazy-load-padding: var(--b-spacer-060) var(--b-spacer-070);

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.DCNWMasy.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.C8AD1NAh.js";
 export {
   r as BentoSummaryGrid,
   t as BentoSummaryGridItemAmount,

package/dist/textarea.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/textarea.CCr8inwI.js";
+import { B as o } from "./chunks/textarea.C0k8by9A.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.DG9YaOiC.js";
+import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.CYw68jQr.js";
 export {
   t as BentoTimeline,
   i as BentoTimelineGapUnit,

package/dist/tutorial.js

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

package/dist/web-types.json

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