@adyen/bento-vue3 1.77.0 → 1.78.0

package/dist/index.js

@@ -1,206 +1,230 @@
-import { ref as l, onMounted as D, watch as C, computed as f, shallowRef as I, inject as O } from "vue";
-import { t as L, c as P } from "./chunks/use-bento-toast-controller.Kri_h7jS.js";
-import { u as W } from "./chunks/use-bento-toast-controller.Kri_h7jS.js";
-import { p as N, d as T } from "./chunks/typography.yBEME_Gu.js";
-import { B as Q, c as X, b as $, a as ee } from "./chunks/typography.yBEME_Gu.js";
-import { B as oe } from "./chunks/action-bar.BZ04Y7Yi.js";
-import { a as ne, b as re } from "./chunks/accordion-item.Bd3v6erb.js";
-import { B as ie, c as Be, b as me, a as ue } from "./chunks/alert.C2pusd-_.js";
-import { B as le } from "./chunks/avatar.P2Fkz2I6.js";
-import { B as de, b as fe, a as ye } from "./chunks/button.DhcxX2GJ.js";
-import { c as xe, B as Te, a as ge } from "./chunks/card.GxkxfBoV.js";
-import { B as he } from "./chunks/dashed-underline.r62L_XBr.js";
-import { g as Ee, d as De, a as Ce, b as Ie, f as Oe, e as Le, c as Pe, B as Ne } from "./chunks/data-grid.CMIG82Xt.js";
-import { B as Ve } from "./chunks/date-picker.CsGq3iSK.js";
-import { B as we } from "./chunks/date-picker.types.Ckt7zxGy.js";
-import { B as ke, a as Me } from "./chunks/date-range-picker.C19CWG27.js";
-import { B as je, u as Re } from "./chunks/dropdown.DYDHM__3.js";
-import { B as ze } from "./chunks/dropdown-default-textbox._KEBXjKT.js";
-import { B as He } from "./chunks/divider.DnKNNyWB.js";
-import { B as qe, a as Je } from "./chunks/checkbox.SffuKyNj.js";
-import { B as Ze } from "./chunks/chip.DuLyhNCy.js";
-import { B as Xe } from "./chunks/click-outside.C1Ud8AA2.js";
-import { c as et, b as tt, a as ot, B as at } from "./chunks/code-snippet.ByoBEM00.js";
-import { c as rt } from "./chunks/country.DmnN9YIW.js";
-import { a as it, B as Bt, u as mt } from "./chunks/country.types.C0Q_hhgJ.js";
-import { c as pt, B as lt } from "./chunks/currency.WmvQjX7l.js";
-import { B as dt, a as ft } from "./chunks/date.DZvVL-uz.js";
-import { B as St, b as xt, c as Tt, a as gt } from "./chunks/empty-state.Be6M8ivH.js";
-import { f as ht } from "./chunks/file-uploader.BDXQ7Ccv.js";
-import { a as Et, B as Dt, c as Ct, b as It, d as Ot } from "./chunks/filter-bar.CmF92iAr.js";
-import { f as Pt, a as Nt, c as Ft, b as Vt } from "./chunks/form-layout-title.61ESsGAY.js";
-import { h as wt } from "./chunks/header-with-views.xPfeOz0Y.js";
-import { _ as kt, B as Mt, a as _t } from "./chunks/image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
-import { B as Rt } from "./chunks/info-icon.BhOm72U4.js";
-import { B as zt, b as Kt, e as Ht, c as Yt, d as qt, a as Jt } from "./chunks/input-field.CYGGIK48.js";
-import { i as Zt, m as Qt, r as Xt, b as $t, c as eo, a as to } from "./chunks/input-field-password.BZBYVyAb.js";
-import { i as ao, B as no } from "./chunks/input-field-phone-number.a8Mw5PAW.js";
-import { B as so } from "./chunks/inspector.BKP15cx6.js";
-import { B as Bo } from "./chunks/inspector.types.DyHwE18g.js";
-import { l as uo, a as po } from "./chunks/layout-row.DVf7wNSB.js";
-import { B as co, a as fo } from "./chunks/loading-indicator.Db794TT5.js";
-import { B as So, a as xo } from "./chunks/link.cwPmWlsk.js";
-import { B as go, a as bo, b as ho, f as vo, g as Eo, h as Do, c as Co, u as Io } from "./chunks/button-actions.BQ3AFQqt.js";
-import { _ as Lo } from "./chunks/modal.vue_vue_type_script_setup_true_lang.c3Ma1oAL.js";
-import { c as No, e as Fo, f as Vo, g as Go, d as wo, b as Ao, B as ko, a as Mo } from "./chunks/base-modal.UA93s_8c.js";
-import { m as jo, B as Ro } from "./chunks/modal-fullscreen.DTT-5rQX.js";
-import { B as zo } from "./chunks/header.3It50Clh.js";
-import { B as Ho } from "./chunks/pagination.CYdGcyMA.js";
-import { B as qo } from "./chunks/payment-method.D6PeTYWq.js";
-import { B as Wo } from "./chunks/payment-method.types.BqtH7RM2.js";
-import { B as Qo } from "./chunks/popover.types.BFFy1ChU.js";
-import { p as $o, B as ea, a as ta } from "./chunks/promo-banner.B-TLTLEd.js";
-import { b as aa, B as na, a as ra } from "./chunks/radio-group.B_8R6vGx.js";
-import { r as ia } from "./chunks/rich-text-editor.B6Ftqv55.js";
-import { B as ma, b as ua, a as pa } from "./chunks/search-bar.D3Ri_RUK.js";
-import { s as ca } from "./chunks/secondary-nav.CAb20jWW.js";
-import { B as fa } from "./chunks/segmented-control.BCHGDSrf.js";
-import { B as Sa } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { B as Ta, s as ga, a as ba } from "./chunks/selection-card-group.F8alOPtl.js";
-import { a as va, B as Ea, s as Da } from "./chunks/sidepanel.CS9CfAWZ.js";
-import { s as Ia, B as Oa } from "./chunks/status.types.-l2qJxLn.js";
-import { a as Pa, s as Na, B as Fa, b as Va } from "./chunks/step.CoSuGK16.js";
-import { B as wa, a as Aa } from "./chunks/structured-list-item.BTPh7SPj.js";
-import { s as Ma, a as _a, d as ja, _ as Ra, b as Ua, B as za, c as Ka, e as Ha } from "./chunks/summary-grid.types.cE1fyLvC.js";
-import { a as qa, B as Ja } from "./chunks/tab.CD5Eu6ql.js";
-import { B as Za, a as Qa } from "./chunks/tag.CjaB9DxL.js";
-import { B as $a } from "./chunks/textarea.C_gnXj6b.js";
-import { t as tn, b as on, a as an, c as nn, B as rn, d as sn } from "./chunks/timeline-item.rSY0Xce3.js";
-import { t as mn } from "./chunks/toast.6oJx7SNq.js";
-import { B as pn, b as ln, a as cn } from "./chunks/toggle.BHCUjMpp.js";
-import { _ as fn } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.KvlJ_dl9.js";
-import * as B from "zod";
-import { a as Sn, d as xn } from "./chunks/dashboard-section.Cqi0PWeJ.js";
-import { d as gn } from "./chunks/data-grid-template.D7kB3S1u.js";
-import { D as hn } from "./chunks/date-format.B8RU7D42.js";
-import { a as En, B as Dn } from "./chunks/keyboard-navigation.pB8weElW.js";
-import { a as In, B as On, a as Ln, B as Pn } from "./chunks/use-cached-selected-values.8MdrR9wt.js";
-import { B as Fn } from "./chunks/directive.Cbdox5VL.js";
-import { b as Gn, c as wn, d as An } from "./chunks/tooltip.Dp9_ESm_.js";
-import { _ as Mn, a as _n, b as jn, d as Rn, c as Un } from "./chunks/dropdown-tag.B90dpg8J.js";
-import { a as Kn } from "./chunks/ai-button.DaRuea3x.js";
-import { B as Yn, a as qn, b as Jn } from "./chunks/button-actions.types.BptAXjD8.js";
-import { C as Zn, a as Qn, C as Xn, a as $n } from "./chunks/calendar.Tm7Cvpwu.js";
-import { C as tr } from "./chunks/minus-small.DYIyF5XW.js";
-import { c as ar, B as nr } from "./chunks/checkbox-group.COUx8Ne8.js";
-import { u as sr, a as ir } from "./chunks/use-country-phon-code.Bui3zD6W.js";
-import { R as mr } from "./chunks/radio-input.CBNE-AkM.js";
-const b = (e) => e === null || typeof e != "object" ? !1 : Object.prototype.toString.call(e) === "[object Object]", h = (e) => Array.isArray(e), g = (e) => h(e) ? e.length === 0 || e.every((t) => t === "") : !e, y = (e, t) => JSON.stringify(e) === JSON.stringify(t), p = (e) => b(e) || h(e) ? JSON.parse(JSON.stringify(e)) : e, F = (e) => b(e) ? Object.fromEntries(Object.keys(e).map((t) => [t, void 0])) : void 0;
-function j(e, t) {
-  const o = l(), n = l();
-  D(() => {
-    e.value != null && (n.value = F(e.value));
-  }), C(
+import { ref as f, onMounted as L, watch as P, computed as g, shallowRef as N, inject as F } from "vue";
+import { t as V, c as G } from "./chunks/use-bento-toast-controller.Kri_h7jS.js";
+import { u as oe } from "./chunks/use-bento-toast-controller.Kri_h7jS.js";
+import { p as w, d as T } from "./chunks/typography.yBEME_Gu.js";
+import { B as ne, c as re, b as se, a as ie } from "./chunks/typography.yBEME_Gu.js";
+import { B as me } from "./chunks/action-bar.BZ04Y7Yi.js";
+import { a as le, b as pe } from "./chunks/accordion-item.Bd3v6erb.js";
+import { B as de, c as fe, b as ge, a as ye } from "./chunks/alert.C2pusd-_.js";
+import { B as Se } from "./chunks/avatar.P2Fkz2I6.js";
+import { B as Te, b as be, a as ve } from "./chunks/button.DhcxX2GJ.js";
+import { c as De, B as Ce, a as Ie } from "./chunks/card.GxkxfBoV.js";
+import { B as Le } from "./chunks/dashed-underline.r62L_XBr.js";
+import { g as Ne, d as Fe, a as Ve, b as Ge, f as we, e as Ae, c as ke, B as Me } from "./chunks/data-grid.D70AFJkA.js";
+import { B as _e } from "./chunks/date-picker.De5ox4c1.js";
+import { B as He } from "./chunks/date-picker.types.Ckt7zxGy.js";
+import { B as Ue } from "./chunks/date-range-picker.qXIfFq69.js";
+import { B as Ye } from "./chunks/date-range-picker.types.Ckt7zxGy.js";
+import { B as Je, u as We } from "./chunks/dropdown.cUORKsFC.js";
+import { B as $e } from "./chunks/dropdown-default-textbox._KEBXjKT.js";
+import { B as Xe } from "./chunks/divider.DnKNNyWB.js";
+import { B as tt, a as ot } from "./chunks/checkbox.SffuKyNj.js";
+import { B as nt } from "./chunks/chip.DuLyhNCy.js";
+import { B as st } from "./chunks/click-outside.C1Ud8AA2.js";
+import { c as Bt, b as mt, a as ut, B as lt } from "./chunks/code-snippet.D1iNH2rn.js";
+import { c as ct } from "./chunks/country.DmnN9YIW.js";
+import { a as ft, B as gt, u as yt } from "./chunks/country.types.C0Q_hhgJ.js";
+import { c as St, B as ht } from "./chunks/currency.WmvQjX7l.js";
+import { B as bt, a as vt } from "./chunks/date.DZvVL-uz.js";
+import { B as Dt, b as Ct, c as It, a as Ot } from "./chunks/empty-state.Be6M8ivH.js";
+import { f as Pt } from "./chunks/file-uploader.BDXQ7Ccv.js";
+import { a as Ft, B as Vt, c as Gt, b as wt, d as At } from "./chunks/filter-bar.CnKxMs_L.js";
+import { f as Mt, a as jt, c as _t, b as Rt } from "./chunks/form-layout-title.61ESsGAY.js";
+import { h as zt } from "./chunks/header-with-views.C773fdiL.js";
+import { _ as Kt, B as Yt, a as qt } from "./chunks/image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
+import { B as Wt } from "./chunks/info-icon.BhOm72U4.js";
+import { B as $t, b as Qt, e as Xt, c as eo, d as to, a as oo } from "./chunks/input-field.GEIdI0nu.js";
+import { i as no, m as ro, r as so, b as io, c as Bo, a as mo } from "./chunks/input-field-password.COET8hlJ.js";
+import { i as lo, B as po } from "./chunks/input-field-phone-number.rBDPxxxe.js";
+import { B as fo } from "./chunks/inspector.BKP15cx6.js";
+import { B as yo } from "./chunks/inspector.types.DyHwE18g.js";
+import { l as So, a as ho } from "./chunks/layout-row.DVf7wNSB.js";
+import { B as bo, a as vo } from "./chunks/loading-indicator.Db794TT5.js";
+import { B as Do, a as Co } from "./chunks/link.cwPmWlsk.js";
+import { B as Oo, a as Lo, b as Po, f as No, g as Fo, h as Vo, c as Go, u as wo } from "./chunks/button-actions.BQ3AFQqt.js";
+import { _ as ko } from "./chunks/modal.vue_vue_type_script_setup_true_lang.c3Ma1oAL.js";
+import { c as jo, e as _o, f as Ro, g as Ho, d as zo, b as Uo, B as Ko, a as Yo } from "./chunks/base-modal.UA93s_8c.js";
+import { m as Jo, B as Wo } from "./chunks/modal-fullscreen.DTT-5rQX.js";
+import { B as $o } from "./chunks/header.3It50Clh.js";
+import { B as Xo } from "./chunks/pagination.BZbMpRHw.js";
+import { B as ta } from "./chunks/payment-method.D6PeTYWq.js";
+import { B as aa } from "./chunks/payment-method.types.BqtH7RM2.js";
+import { B as ra } from "./chunks/popover.types.BFFy1ChU.js";
+import { p as ia, B as Ba, a as ma } from "./chunks/promo-banner.B-TLTLEd.js";
+import { b as la, B as pa, a as ca } from "./chunks/radio-group.D3GbOHUx.js";
+import { r as fa } from "./chunks/rich-text-editor.B6Ftqv55.js";
+import { B as ya, b as xa, a as Sa } from "./chunks/search-bar.eP4fk79T.js";
+import { s as Ta } from "./chunks/secondary-nav.CKA07_TU.js";
+import { B as va } from "./chunks/segmented-control.BCHGDSrf.js";
+import { B as Da } from "./chunks/segmented-control.types.BHRLV8KU.js";
+import { B as Ia, s as Oa, a as La } from "./chunks/selection-card-group.B8Uoar3X.js";
+import { a as Na, B as Fa, s as Va } from "./chunks/sidepanel.CS9CfAWZ.js";
+import { s as wa, B as Aa } from "./chunks/status.types.-l2qJxLn.js";
+import { a as Ma, s as ja, B as _a, b as Ra } from "./chunks/step.CoSuGK16.js";
+import { B as za, a as Ua } from "./chunks/structured-list-item.BTPh7SPj.js";
+import { s as Ya, a as qa, d as Ja, _ as Wa, b as Za, B as $a, c as Qa, e as Xa } from "./chunks/summary-grid.types.cE1fyLvC.js";
+import { a as tn, B as on } from "./chunks/tab.CD5Eu6ql.js";
+import { B as nn, a as rn } from "./chunks/tag.CjaB9DxL.js";
+import { B as Bn } from "./chunks/textarea.C_gnXj6b.js";
+import { t as un, b as ln, a as pn, c as cn, B as dn, d as fn } from "./chunks/timeline-item.rSY0Xce3.js";
+import { t as yn } from "./chunks/toast.6oJx7SNq.js";
+import { B as Sn, b as hn, a as Tn } from "./chunks/toggle.BHCUjMpp.js";
+import { _ as vn } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.KvlJ_dl9.js";
+import * as u from "zod";
+import { a as Dn, d as Cn } from "./chunks/dashboard-section.Cqi0PWeJ.js";
+import { d as On } from "./chunks/data-grid-template.D7kB3S1u.js";
+import { D as Pn } from "./chunks/date-format.B8RU7D42.js";
+import { a as Fn, B as Vn } from "./chunks/keyboard-navigation.pB8weElW.js";
+import { a as wn, B as An, a as kn, B as Mn } from "./chunks/use-cached-selected-values.8MdrR9wt.js";
+import { B as _n } from "./chunks/directive.Cbdox5VL.js";
+import { b as Hn, c as zn, d as Un } from "./chunks/tooltip.Dp9_ESm_.js";
+import { _ as Yn, a as qn, b as Jn, d as Wn, c as Zn } from "./chunks/dropdown-tag.D63up7xm.js";
+import { a as Qn } from "./chunks/ai-button.DaRuea3x.js";
+import { B as er, a as tr, b as or } from "./chunks/button-actions.types.BptAXjD8.js";
+import { C as nr, a as rr, C as sr, a as ir } from "./chunks/calendar.Tm7Cvpwu.js";
+import { C as mr } from "./chunks/minus-small.DYIyF5XW.js";
+import { c as lr, B as pr } from "./chunks/checkbox-group.D56nUmre.js";
+import { u as dr, a as fr } from "./chunks/use-country-phon-code.Bui3zD6W.js";
+import { R as yr } from "./chunks/radio-input.CBNE-AkM.js";
+import "./assets/index.css";
+const D = (e) => e === null || typeof e != "object" ? !1 : Object.prototype.toString.call(e) === "[object Object]", C = (e) => Array.isArray(e), b = (e) => C(e) ? e.length === 0 || e.every((t) => t === "") : !e, y = (e, t) => JSON.stringify(e) === JSON.stringify(t), d = (e) => D(e) || C(e) ? JSON.parse(JSON.stringify(e)) : e, A = (e) => D(e) ? Object.fromEntries(Object.keys(e).map((t) => [t, void 0])) : void 0;
+function K(e, t) {
+  const o = f(), a = f();
+  L(() => {
+    e.value != null && (a.value = A(e.value));
+  }), P(
     () => e.value,
     (r) => {
-      o.value = p(r);
+      o.value = d(r);
     },
     { immediate: !0 }
   );
-  const s = f(
-    () => g(e.value) || y(e.value, n.value)
-  ), c = f(
+  const s = g(
+    () => b(e.value) || y(e.value, a.value)
+  ), p = g(
     () => t.value != null ? y(t.value, e.value) : s.value
-  ), x = f(() => y(o.value, e.value) || g(o.value) && s.value);
-  function d(r) {
-    o.value = p(n.value), r && r(o.value);
-  }
-  function u(r) {
-    o.value = p(t.value), r && r(o.value);
+  ), c = g(() => y(o.value, e.value) || b(o.value) && s.value);
+  function B(r) {
+    o.value = d(a.value), r && r(o.value);
   }
   function i(r) {
-    o.value = p(e.value), r && r(o.value);
+    o.value = d(t.value), r && r(o.value);
+  }
+  function m(r) {
+    o.value = d(e.value), r && r(o.value);
   }
   return {
     // Values
     internalFilterValue: o,
-    isSecondaryButtonDisabled: c,
-    isApplyButtonDisabled: x,
+    isSecondaryButtonDisabled: p,
+    isApplyButtonDisabled: c,
     // Methods
-    clearFilter: d,
-    resetFilter: u,
-    openFilter: i
+    clearFilter: B,
+    resetFilter: i,
+    openFilter: m
   };
 }
-function R(e) {
+function Y(e) {
   return e;
 }
 function S(e) {
-  if (B && e instanceof B.ZodObject)
+  if (u && e instanceof u.ZodObject)
     return Object.fromEntries(
-      Object.entries(e.shape).map(([t, o]) => B && o instanceof B.ZodDefault ? [t, o._def.defaultValue()] : B && o instanceof B.ZodObject ? [t, S(o)] : [t, void 0])
+      Object.entries(e.shape).map(([t, o]) => u && o instanceof u.ZodDefault ? [t, o._def.defaultValue()] : u && o instanceof u.ZodObject ? [t, S(o)] : [t, void 0])
     );
 }
-function V(e) {
+function k(e) {
   return e.path.join(".");
 }
-function U({
+function q({
   validationSchema: e
 }) {
-  const t = I({}), o = l({}), n = l(S(e)), s = () => {
+  const t = N({}), o = f({}), a = f(S(e)), s = () => {
     t.value = {}, o.value = {};
-  }, c = () => {
-    s(), n.value = S(e);
+  }, p = () => {
+    s(), a.value = S(e);
   };
   return {
     // Values
     errorBag: o,
     errors: t,
-    values: n,
+    values: a,
     // Methods
-    handleReset: () => c(),
-    submitForm: (d) => () => {
+    handleReset: () => p(),
+    submitForm: (B) => () => {
       s();
-      const u = e.safeParse(n.value);
-      u.success ? d(n.value) : u.error.issues.forEach((i) => {
-        const r = V(i);
-        t.value[r] || (t.value[r] = i.message), o.value[r] ? o.value[r].push(i.message) : o.value[r] = [i.message];
+      const i = e.safeParse(a.value);
+      i.success ? B(a.value) : i.error.issues.forEach((m) => {
+        const r = k(m);
+        t.value[r] || (t.value[r] = m.message), o.value[r] ? o.value[r].push(m.message) : o.value[r] = [m.message];
       });
     }
   };
 }
-const v = Symbol("use-bento-theme");
-function z() {
-  const e = O(v, null);
-  return e ? { ...e } : (N("useBentoTheme does not work without Vue.use(BentoPlugin)"), {
+const I = Symbol("use-bento-theme");
+function J() {
+  const e = F(I, null);
+  return e ? { ...e } : (w("useBentoTheme does not work without Vue.use(BentoPlugin)"), {
     getTheme: () => {
     },
     setTheme: () => {
     }
   });
 }
-const G = (e) => {
-  e.provide(L, P());
+const M = ({ modifiers: e, value: t }) => Object.keys(e)[0] || (t == null ? void 0 : t.size) || "small", h = (e, t, o) => {
+  var c, B;
+  const a = ((c = t.value) == null ? void 0 : c.extraPadding) ?? !1, s = ((B = t.value) == null ? void 0 : B.rounded) ?? !1, p = M(t);
+  e.classList.toggle("b-highlight", o), e.classList.toggle("b-highlight--extra-padding", o && a), e.classList.toggle("b-highlight--rounded", o && s), ["small", "medium", "large"].forEach((i) => {
+    e.classList.toggle(`b-highlight--${i}`, o && i === p);
+  });
+}, v = (e, t) => {
+  h(e, t, t.value !== !1);
+}, x = (e, t) => {
+  h(e, t, t.value !== !1);
+}, E = (e, t) => {
+  h(e, t, !1);
+}, W = {
+  // Vue 2
+  bind: v,
+  update: x,
+  unbind: E,
+  // Vue 3
+  beforeMount: v,
+  mounted: x,
+  updated: x,
+  unmounted: E
+}, j = (e) => {
+  e.provide(V, G());
 };
-var a = /* @__PURE__ */ ((e) => (e.LEGACY = "b-legacy-theme", e.STYLEGUIDE = "b-styleguide-theme", e.BENTO = "", e.BENTO_LIGHT = "b-light-theme", e.BENTO_DARK = "b-dark-theme", e.BENTO_SYSTEM = "b-system", e))(a || {});
-const E = () => {
+var n = /* @__PURE__ */ ((e) => (e.LEGACY = "b-legacy-theme", e.STYLEGUIDE = "b-styleguide-theme", e.BENTO = "", e.BENTO_LIGHT = "b-light-theme", e.BENTO_DARK = "b-dark-theme", e.BENTO_SYSTEM = "b-system", e))(n || {});
+const O = () => {
   var e;
   return ((e = document.body.className.match(/b-\w+-theme/)) == null ? void 0 : e[0]) ?? "";
-}, w = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? a.BENTO_DARK : a.BENTO_LIGHT, m = (e) => {
-  const t = E(), o = w(), n = e === a.BENTO_SYSTEM ? o : e;
-  n === a.BENTO_LIGHT || n === a.BENTO ? document.documentElement.style.colorScheme = "light" : n === a.BENTO_DARK && (document.documentElement.style.colorScheme = "dark"), t.length && t !== n && document.body.classList.remove(t), n.length && document.body.classList.add(n);
-}, A = (e) => {
+}, _ = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? n.BENTO_DARK : n.BENTO_LIGHT, l = (e) => {
+  const t = O(), o = _(), a = e === n.BENTO_SYSTEM ? o : e;
+  a === n.BENTO_LIGHT || a === n.BENTO ? document.documentElement.style.colorScheme = "light" : a === n.BENTO_DARK && (document.documentElement.style.colorScheme = "dark"), t.length && t !== a && document.body.classList.remove(t), a.length && document.body.classList.add(a);
+}, R = (e) => {
   const t = {
-    getTheme: E,
-    setTheme: m
+    getTheme: O,
+    setTheme: l
   };
-  e.provide(v, t);
-}, K = {
+  e.provide(I, t);
+}, Z = {
   name: "BentoVue",
   install: async (e, {
-    theme: t = a.BENTO_LIGHT,
+    theme: t = n.BENTO_LIGHT,
     withToast: o = !1,
-    withUtilityClasses: n = !1,
+    withUtilityClasses: a = !1,
     withDesignTokensCSSInjection: s = !0
   }) => {
-    A(e), o && G(e), s && (T(
+    R(e), o && j(e), s && (T(
       "Using default setting withDesignTokensCSSInjection set to true in BentoVue plugin",
       `Please disable CSS injection by setting withDesignTokensCSSInjection to false in BentoVue plugin options as highlighted here:
 https://adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import-css-variables`,
       "2.0.0"
-    ), t === a.STYLEGUIDE ? await import("@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css") : await import("@adyen/bento-design-tokens/dist/css/bento/variables.css"), n && await import("@adyen/bento-design-tokens/dist/css/bento/utility.css")), t === a.STYLEGUIDE ? m(a.STYLEGUIDE) : t === a.BENTO_SYSTEM ? m(a.BENTO_SYSTEM) : t === a.BENTO_DARK ? m(a.BENTO_DARK) : (t === a.BENTO && T("Using `BentoTheme.BENTO`", "Please use `BentoTheme.BENTO_LIGHT` instead", "2.0.0"), m(a.BENTO_LIGHT));
+    ), t === n.STYLEGUIDE ? await import("@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css") : await import("@adyen/bento-design-tokens/dist/css/bento/variables.css"), a && await import("@adyen/bento-design-tokens/dist/css/bento/utility.css")), t === n.STYLEGUIDE ? l(n.STYLEGUIDE) : t === n.BENTO_SYSTEM ? l(n.BENTO_SYSTEM) : t === n.BENTO_DARK ? l(n.BENTO_DARK) : (t === n.BENTO && T("Using `BentoTheme.BENTO`", "Please use `BentoTheme.BENTO_LIGHT` instead", "2.0.0"), l(n.BENTO_LIGHT));
   }
-}, H = Object.freeze({
+}, $ = Object.freeze({
   /**
    * Disables the filter from being interacted with.
    */
@@ -233,217 +257,218 @@ https://adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import
     type: [Object, Number, Boolean, Array, String, Date],
     default: void 0
   }
-}), Y = ["input", "update"];
+}), Q = ["input", "update"];
 export {
-  ne as BentoAccordion,
-  re as BentoAccordionItem,
-  oe as BentoActionBar,
-  Kn as BentoAiButton,
-  ie as BentoAlert,
-  Be as BentoAlertEvent,
-  me as BentoAlertTypeOption,
-  ue as BentoAlertVariant,
-  le as BentoAvatar,
-  Et as BentoBaseFilter,
-  Y as BentoBaseFilterEvents,
-  H as BentoBaseFilterProps,
-  de as BentoButton,
-  go as BentoButtonActions,
-  Yn as BentoButtonActionsLayout,
-  qn as BentoButtonActionsLayoutBasic,
-  Jn as BentoButtonActionsLayoutExtended,
-  fe as BentoButtonPropClass,
-  ye as BentoButtonVariant,
-  xe as BentoCard,
-  Te as BentoCardBackground,
-  ge as BentoCardTitleSize,
-  qe as BentoCheckbox,
-  Je as BentoCheckboxEvent,
-  ar as BentoCheckboxGroup,
-  nr as BentoCheckboxGroupVariant,
-  tr as BentoCheckboxState,
-  Ze as BentoChip,
-  Xe as BentoClickOutside,
-  Fn as BentoClickOutsideDirective,
-  et as BentoCodeSnippet,
-  tt as BentoCodeSnippetEvent,
-  ot as BentoCodeSnippetSupportedLanguage,
-  at as BentoCodeSnippetVariant,
-  Ee as BentoColumnOverflow,
-  rt as BentoCountry,
-  it as BentoCountryCode,
-  Bt as BentoCountryVariant,
-  pt as BentoCurrency,
-  lt as BentoCurrencyISOCode,
-  Sn as BentoDashboardSection,
-  xn as BentoDashboardTemplate,
-  he as BentoDashedUnderline,
-  De as BentoDataGrid,
-  Ce as BentoDataGridStaticIcon,
-  Ie as BentoDataGridSummaryCell,
-  gn as BentoDataGridTemplate,
-  Oe as BentoDatagridAriaSortValue,
-  Le as BentoDatagridEvent,
-  Pe as BentoDatagridSortDirection,
-  Ne as BentoDatagridStyleState,
-  dt as BentoDate,
-  ft as BentoDateFormat,
-  Ve as BentoDatePicker,
-  we as BentoDatePickerEvent,
-  Zn as BentoDatePickerFirstDayOfWeek,
-  Qn as BentoDatePickerVariant,
-  ke as BentoDateRangePicker,
-  Me as BentoDateRangePickerEvent,
-  Xn as BentoDateRangePickerFirstDayOfWeek,
-  $n as BentoDateRangePickerVariant,
-  He as BentoDivider,
-  je as BentoDropdown,
-  Mn as BentoDropdownAvatar,
-  _n as BentoDropdownCountry,
-  jn as BentoDropdownCurrency,
-  In as BentoDropdownEvent,
-  On as BentoDropdownLazyLoadType,
-  Rn as BentoDropdownPaymentMethod,
-  ze as BentoDropdownSize,
-  Un as BentoDropdownTag,
-  St as BentoEmptyState,
-  xt as BentoEmptyStateImage,
-  Tt as BentoEmptyStateImageVariant,
-  gt as BentoEmptyStateVariant,
-  ht as BentoFileUploader,
-  Dt as BentoFilterBar,
-  Ct as BentoFilterBarEvent,
-  It as BentoFilterEvent,
-  Ot as BentoFilterItemType,
-  Pt as BentoFormLayout,
-  Nt as BentoFormLayoutFieldTip,
-  Ft as BentoFormLayoutGroup,
-  Vt as BentoFormLayoutTitle,
-  zo as BentoHeader,
-  wt as BentoHeaderWithViews,
-  kt as BentoImage,
-  Mt as BentoImageAspectRatio,
-  _t as BentoImageObjectFit,
-  Rt as BentoInfoIcon,
-  zt as BentoInputField,
-  Kt as BentoInputFieldElementPosition,
-  Ht as BentoInputFieldEvent,
-  Zt as BentoInputFieldPassword,
-  ao as BentoInputFieldPhoneNumber,
-  no as BentoInputFieldPhoneNumberCountries,
-  Yt as BentoInputFieldStateClass,
-  qt as BentoInputFieldType,
-  Jt as BentoInputFieldVariant,
-  so as BentoInspector,
-  Bo as BentoInspectorSizeOptions,
-  En as BentoKeyboardNavigationDirective,
-  Dn as BentoKeyboardNavigationKeyDownEvent,
-  uo as BentoLayout,
-  po as BentoLayoutRow,
-  So as BentoLink,
-  xo as BentoLinkVariant,
-  Ln as BentoListboxEvent,
-  Pn as BentoListboxLazyLoadType,
-  bo as BentoLoadingButton,
-  ho as BentoLoadingButtonState,
-  co as BentoLoadingIndicator,
-  fo as BentoLoadingIndicatorEvent,
-  vo as BentoMenu,
-  Eo as BentoMenuEvent,
-  Lo as BentoModal,
-  No as BentoModalColumnLayoutVariant,
-  Fo as BentoModalDialogType,
-  Vo as BentoModalEvent,
-  jo as BentoModalFullscreen,
-  Ro as BentoModalFullscreenPage,
-  Go as BentoModalPage,
-  wo as BentoModalRole,
-  Ao as BentoModalSize,
-  ko as BentoModalVariant,
-  Mo as BentoModalVariantMapping,
-  Ho as BentoPagination,
-  qo as BentoPaymentMethod,
-  Wo as BentoPaymentMethodType,
-  Do as BentoPopover,
-  Qo as BentoPopoverPositions,
-  $o as BentoPromoBanner,
-  ea as BentoPromoBannerColor,
-  ta as BentoPromoBannerLayout,
-  aa as BentoRadioButton,
-  mr as BentoRadioButtonStateClass,
-  na as BentoRadioGroup,
-  ra as BentoRadioGroupVariant,
-  ia as BentoRichTextEditor,
-  ma as BentoSearchBar,
-  ua as BentoSearchBarEvent,
-  pa as BentoSearchBarInternalEvent,
-  ca as BentoSecondaryNav,
-  fa as BentoSegmentedControl,
-  Sa as BentoSegmentedControlEvent,
-  Ta as BentoSelectionCard,
-  ga as BentoSelectionCardGroup,
-  ba as BentoSelectionCardState,
-  va as BentoSidepanel,
-  Ea as BentoSidepanelEvent,
-  Da as BentoSidepanelPage,
-  Ia as BentoStatus,
-  Oa as BentoStatusVariant,
-  Pa as BentoStep,
-  Na as BentoStepper,
-  Fa as BentoStepperTypeOption,
-  Va as BentoStepperVariantOption,
-  wa as BentoStructuredList,
-  Aa as BentoStructuredListItem,
-  Ma as BentoSummaryGrid,
-  _a as BentoSummaryGridItemAmount,
-  ja as BentoSummaryGridItemCustom,
-  Ra as BentoSummaryGridItemNumeric,
-  Ua as BentoSummaryGridItemPercentage,
-  za as BentoSummaryGridItemSize,
-  Ka as BentoSummaryGridItemText,
-  Ha as BentoSummaryGridItemTrendDirection,
-  qa as BentoTab,
-  Ja as BentoTabs,
-  Za as BentoTag,
-  Qa as BentoTagVariant,
-  $a as BentoTextarea,
-  a as BentoTheme,
-  tn as BentoTimeline,
-  on as BentoTimelineGapUnit,
-  an as BentoTimelineItem,
-  nn as BentoTimelineItemVariant,
-  rn as BentoTimelineShowMorePlacement,
-  sn as BentoTimelineStatus,
-  mn as BentoToast,
-  pn as BentoToggle,
-  Co as BentoToggleButton,
-  ln as BentoToggleLabelPosition,
-  cn as BentoTogglePropClass,
-  Gn as BentoTooltipDirective,
-  wn as BentoTooltipPosition,
-  An as BentoTooltipState,
-  fn as BentoTutorial,
-  Q as BentoTypography,
-  X as BentoTypographyElement,
-  $ as BentoTypographyModifier,
-  ee as BentoTypographyVariant,
-  hn as DateFormat,
-  K as default,
-  Qt as minLength,
-  Xt as requireLowercase,
-  $t as requireNumeric,
-  eo as requireSpecialCharacter,
-  to as requireUppercase,
-  R as toTypedSchema,
-  j as useBentoBaseFilter,
-  z as useBentoTheme,
-  v as useBentoThemeKey,
-  W as useBentoToastController,
-  Io as useClickOutside,
-  mt as useCountryCapital,
-  sr as useCountryName,
-  ir as useCountryPhoneCode,
-  U as useForm,
-  Re as useSearchBarFilter
+  le as BentoAccordion,
+  pe as BentoAccordionItem,
+  me as BentoActionBar,
+  Qn as BentoAiButton,
+  de as BentoAlert,
+  fe as BentoAlertEvent,
+  ge as BentoAlertTypeOption,
+  ye as BentoAlertVariant,
+  Se as BentoAvatar,
+  Ft as BentoBaseFilter,
+  Q as BentoBaseFilterEvents,
+  $ as BentoBaseFilterProps,
+  Te as BentoButton,
+  Oo as BentoButtonActions,
+  er as BentoButtonActionsLayout,
+  tr as BentoButtonActionsLayoutBasic,
+  or as BentoButtonActionsLayoutExtended,
+  be as BentoButtonPropClass,
+  ve as BentoButtonVariant,
+  De as BentoCard,
+  Ce as BentoCardBackground,
+  Ie as BentoCardTitleSize,
+  tt as BentoCheckbox,
+  ot as BentoCheckboxEvent,
+  lr as BentoCheckboxGroup,
+  pr as BentoCheckboxGroupVariant,
+  mr as BentoCheckboxState,
+  nt as BentoChip,
+  st as BentoClickOutside,
+  _n as BentoClickOutsideDirective,
+  Bt as BentoCodeSnippet,
+  mt as BentoCodeSnippetEvent,
+  ut as BentoCodeSnippetSupportedLanguage,
+  lt as BentoCodeSnippetVariant,
+  Ne as BentoColumnOverflow,
+  ct as BentoCountry,
+  ft as BentoCountryCode,
+  gt as BentoCountryVariant,
+  St as BentoCurrency,
+  ht as BentoCurrencyISOCode,
+  Dn as BentoDashboardSection,
+  Cn as BentoDashboardTemplate,
+  Le as BentoDashedUnderline,
+  Fe as BentoDataGrid,
+  Ve as BentoDataGridStaticIcon,
+  Ge as BentoDataGridSummaryCell,
+  On as BentoDataGridTemplate,
+  we as BentoDatagridAriaSortValue,
+  Ae as BentoDatagridEvent,
+  ke as BentoDatagridSortDirection,
+  Me as BentoDatagridStyleState,
+  bt as BentoDate,
+  vt as BentoDateFormat,
+  _e as BentoDatePicker,
+  He as BentoDatePickerEvent,
+  nr as BentoDatePickerFirstDayOfWeek,
+  rr as BentoDatePickerVariant,
+  Ue as BentoDateRangePicker,
+  Ye as BentoDateRangePickerEvent,
+  sr as BentoDateRangePickerFirstDayOfWeek,
+  ir as BentoDateRangePickerVariant,
+  Xe as BentoDivider,
+  Je as BentoDropdown,
+  Yn as BentoDropdownAvatar,
+  qn as BentoDropdownCountry,
+  Jn as BentoDropdownCurrency,
+  wn as BentoDropdownEvent,
+  An as BentoDropdownLazyLoadType,
+  Wn as BentoDropdownPaymentMethod,
+  $e as BentoDropdownSize,
+  Zn as BentoDropdownTag,
+  Dt as BentoEmptyState,
+  Ct as BentoEmptyStateImage,
+  It as BentoEmptyStateImageVariant,
+  Ot as BentoEmptyStateVariant,
+  Pt as BentoFileUploader,
+  Vt as BentoFilterBar,
+  Gt as BentoFilterBarEvent,
+  wt as BentoFilterEvent,
+  At as BentoFilterItemType,
+  Mt as BentoFormLayout,
+  jt as BentoFormLayoutFieldTip,
+  _t as BentoFormLayoutGroup,
+  Rt as BentoFormLayoutTitle,
+  $o as BentoHeader,
+  zt as BentoHeaderWithViews,
+  W as BentoHighlightDirective,
+  Kt as BentoImage,
+  Yt as BentoImageAspectRatio,
+  qt as BentoImageObjectFit,
+  Wt as BentoInfoIcon,
+  $t as BentoInputField,
+  Qt as BentoInputFieldElementPosition,
+  Xt as BentoInputFieldEvent,
+  no as BentoInputFieldPassword,
+  lo as BentoInputFieldPhoneNumber,
+  po as BentoInputFieldPhoneNumberCountries,
+  eo as BentoInputFieldStateClass,
+  to as BentoInputFieldType,
+  oo as BentoInputFieldVariant,
+  fo as BentoInspector,
+  yo as BentoInspectorSizeOptions,
+  Fn as BentoKeyboardNavigationDirective,
+  Vn as BentoKeyboardNavigationKeyDownEvent,
+  So as BentoLayout,
+  ho as BentoLayoutRow,
+  Do as BentoLink,
+  Co as BentoLinkVariant,
+  kn as BentoListboxEvent,
+  Mn as BentoListboxLazyLoadType,
+  Lo as BentoLoadingButton,
+  Po as BentoLoadingButtonState,
+  bo as BentoLoadingIndicator,
+  vo as BentoLoadingIndicatorEvent,
+  No as BentoMenu,
+  Fo as BentoMenuEvent,
+  ko as BentoModal,
+  jo as BentoModalColumnLayoutVariant,
+  _o as BentoModalDialogType,
+  Ro as BentoModalEvent,
+  Jo as BentoModalFullscreen,
+  Wo as BentoModalFullscreenPage,
+  Ho as BentoModalPage,
+  zo as BentoModalRole,
+  Uo as BentoModalSize,
+  Ko as BentoModalVariant,
+  Yo as BentoModalVariantMapping,
+  Xo as BentoPagination,
+  ta as BentoPaymentMethod,
+  aa as BentoPaymentMethodType,
+  Vo as BentoPopover,
+  ra as BentoPopoverPositions,
+  ia as BentoPromoBanner,
+  Ba as BentoPromoBannerColor,
+  ma as BentoPromoBannerLayout,
+  la as BentoRadioButton,
+  yr as BentoRadioButtonStateClass,
+  pa as BentoRadioGroup,
+  ca as BentoRadioGroupVariant,
+  fa as BentoRichTextEditor,
+  ya as BentoSearchBar,
+  xa as BentoSearchBarEvent,
+  Sa as BentoSearchBarInternalEvent,
+  Ta as BentoSecondaryNav,
+  va as BentoSegmentedControl,
+  Da as BentoSegmentedControlEvent,
+  Ia as BentoSelectionCard,
+  Oa as BentoSelectionCardGroup,
+  La as BentoSelectionCardState,
+  Na as BentoSidepanel,
+  Fa as BentoSidepanelEvent,
+  Va as BentoSidepanelPage,
+  wa as BentoStatus,
+  Aa as BentoStatusVariant,
+  Ma as BentoStep,
+  ja as BentoStepper,
+  _a as BentoStepperTypeOption,
+  Ra as BentoStepperVariantOption,
+  za as BentoStructuredList,
+  Ua as BentoStructuredListItem,
+  Ya as BentoSummaryGrid,
+  qa as BentoSummaryGridItemAmount,
+  Ja as BentoSummaryGridItemCustom,
+  Wa as BentoSummaryGridItemNumeric,
+  Za as BentoSummaryGridItemPercentage,
+  $a as BentoSummaryGridItemSize,
+  Qa as BentoSummaryGridItemText,
+  Xa as BentoSummaryGridItemTrendDirection,
+  tn as BentoTab,
+  on as BentoTabs,
+  nn as BentoTag,
+  rn as BentoTagVariant,
+  Bn as BentoTextarea,
+  n as BentoTheme,
+  un as BentoTimeline,
+  ln as BentoTimelineGapUnit,
+  pn as BentoTimelineItem,
+  cn as BentoTimelineItemVariant,
+  dn as BentoTimelineShowMorePlacement,
+  fn as BentoTimelineStatus,
+  yn as BentoToast,
+  Sn as BentoToggle,
+  Go as BentoToggleButton,
+  hn as BentoToggleLabelPosition,
+  Tn as BentoTogglePropClass,
+  Hn as BentoTooltipDirective,
+  zn as BentoTooltipPosition,
+  Un as BentoTooltipState,
+  vn as BentoTutorial,
+  ne as BentoTypography,
+  re as BentoTypographyElement,
+  se as BentoTypographyModifier,
+  ie as BentoTypographyVariant,
+  Pn as DateFormat,
+  Z as default,
+  ro as minLength,
+  so as requireLowercase,
+  io as requireNumeric,
+  Bo as requireSpecialCharacter,
+  mo as requireUppercase,
+  Y as toTypedSchema,
+  K as useBentoBaseFilter,
+  J as useBentoTheme,
+  I as useBentoThemeKey,
+  oe as useBentoToastController,
+  wo as useClickOutside,
+  yt as useCountryCapital,
+  dr as useCountryName,
+  fr as useCountryPhoneCode,
+  q as useForm,
+  We as useSearchBarFilter
 };
 //# sourceMappingURL=index.js.map