@adyen/bento-vue3 1.69.0 → 1.70.0

package/dist/modal.js

@@ -1,5 +1,5 @@
-import { _ as e } from "./chunks/modal.vue_vue_type_script_setup_true_lang.CqDhzFJ9.js";
-import { c as n, e as l, f as d, g as B, d as M, b as s, B as r, a as i } from "./chunks/base-modal.7vdoT8zp.js";
+import { _ as e } from "./chunks/modal.vue_vue_type_script_setup_true_lang.TFh7p51f.js";
+import { c as n, e as l, f as d, g as B, d as M, b as s, B as r, a as i } from "./chunks/base-modal.BrBcILSe.js";
 export {
   e as BentoModal,
   n as BentoModalColumnLayoutVariant,

package/dist/pagination.js

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

package/dist/payment-method.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/payment-method.4cnK2M5b.js";
+import { B as t } from "./chunks/payment-method.CDnn1bjo.js";
 import { B as m } from "./chunks/payment-method.types.BqtH7RM2.js";
 export {
   t as BentoPaymentMethod,

package/dist/popover.js

@@ -1,5 +1,5 @@
-import { h as r } from "./chunks/toggle-button.ByyLw0Yf.js";
-import { B as p } from "./chunks/popover.types.BQILgzhs.js";
+import { h as r } from "./chunks/toggle-button.CQl9HneO.js";
+import { B as p } from "./chunks/popover.types.COM6oQgq.js";
 export {
   r as BentoPopover,
   p as BentoPopoverPositions

package/dist/popper-container.js

@@ -1,4 +1,4 @@
-import { P as n, c as a, d as i, a as r, b as p } from "./chunks/popper-container.idDrquM6.js";
+import { P as n, c as a, d as i, a as r, b as p } from "./chunks/popper-container.CgJzEQ7N.js";
 export {
   n as PopperContainer,
   a as PopperContainerAriaRole,

package/dist/promo-banner.js

@@ -1,4 +1,4 @@
-import { p as r, B as a, a as e } from "./chunks/promo-banner.il4_mdEk.js";
+import { p as r, B as a, a as e } from "./chunks/promo-banner.BbqIA4Ce.js";
 export {
   r as BentoPromoBanner,
   a as BentoPromoBannerColor,

package/dist/radio-group.js

@@ -1,5 +1,5 @@
-import { b as t, B as e, a as n } from "./chunks/radio-group.BG8W9epW.js";
-import { R as B } from "./chunks/radio-input.DvPjlvPm.js";
+import { b as t, B as e, a as n } from "./chunks/radio-group.CbLIPi7h.js";
+import { R as B } from "./chunks/radio-input.odN9FOyr.js";
 export {
   t as BentoRadioButton,
   B as BentoRadioButtonStateClass,

package/dist/rich-text-editor.js

@@ -1,4 +1,4 @@
-import { r as t } from "./chunks/rich-text-editor.vqti0Ls0.js";
+import { r as t } from "./chunks/rich-text-editor.C0hJeV4H.js";
 export {
   t as BentoRichTextEditor
 };

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.RGL70u_Y.js";
-import { u as o } from "./chunks/dropdown.Co86azLK.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.CvAi2t3-.js";
+import { u as o } from "./chunks/dropdown.agfzvJZE.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.Dtw_Dm_X.js";
+import { s as e } from "./chunks/secondary-nav.yntS8-u5.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/segmented-control.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/segmented-control.C6QyN2jS.js";
+import { B as t } from "./chunks/segmented-control.CRSdIvha.js";
 import { B as r } from "./chunks/segmented-control.types.BHRLV8KU.js";
 export {
   t as BentoSegmentedControl,

package/dist/selection-card.js

@@ -1,4 +1,4 @@
-import { B as t, s as a, a as n } from "./chunks/selection-card-group.DpogJSo0.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.Cu3V8h4R.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.BqRWoCd3.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.z18XSO3M.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.B7vJ-_oJ.js";
+import { s, B as o } from "./chunks/status.types.-l2qJxLn.js";
 export {
   s as BentoStatus,
   o as BentoStatusVariant

package/dist/stepper.js

@@ -1,4 +1,4 @@
-import { a as p, s as o, B as a, b as n } from "./chunks/step.BdZrreHU.js";
+import { a as p, s as o, B as a, b as n } from "./chunks/step.BMSjltwl.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.DIwkcIMT.js";
+import { B as r, a as o } from "./chunks/structured-list-item.CD1nMqzH.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem

package/dist/summary-grid.js

@@ -1,4 +1,4 @@
-import { s as r, a as t, d as a, _ as o, b as i, B as n, c as u, e as d } from "./chunks/summary-grid.types.DHUnTXI-.js";
+import { s as r, a as t, d as a, _ as o, b as i, B as n, c as u, e as d } from "./chunks/summary-grid.types.BHuDlPDw.js";
 export {
   r as BentoSummaryGrid,
   t as BentoSummaryGridItemAmount,

package/dist/tabs.js

@@ -1,4 +1,4 @@
-import { a as e, B as s } from "./chunks/tab.jIG8-7-Q.js";
+import { a as e, B as s } from "./chunks/tab.C3R_VoJL.js";
 export {
   e as BentoTab,
   s as BentoTabs

package/dist/tag.js

@@ -1,4 +1,4 @@
-import { B as t, a as e } from "./chunks/tag.BP8fBCx-.js";
+import { B as t, a as e } from "./chunks/tag.B6AmSws9.js";
 export {
   t as BentoTag,
   e as BentoTagVariant

package/dist/textarea.js

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

package/dist/toast.js

@@ -1,4 +1,4 @@
-import { t as a } from "./chunks/toast.w_FD0zQA.js";
+import { t as a } from "./chunks/toast.DIhABAW8.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.CjEL1ko8.js";
+import { B as a, b as g, a as s } from "./chunks/toggle.C8k7NQ7y.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.rY33hqQQ.js";
+import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.BProZFmI.js";
 export {
   t as BentoTutorial
 };

package/dist/typography.js

@@ -1,4 +1,4 @@
-import { B as p, c as e, b as r, a as y } from "./chunks/typography.CFHvBR7L.js";
+import { B as p, c as e, b as r, a as y } from "./chunks/typography.yBEME_Gu.js";
 export {
   p as BentoTypography,
   e as BentoTypographyElement,

package/dist/web-types.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue3",
-  "version": "1.69.0",
+  "version": "1.70.0",
   "description": "Adyen Bento Vue 3 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -45,7 +45,7 @@
     "unified": "11.0.5",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.69.0"
+    "@adyen/bento-design-tokens": "1.70.0"
   },
   "peerDependencies": {
     "vue": "^3.2.47",
@@ -135,9 +135,9 @@
     "vue-style-loader": "4.1.3",
     "vue-tsc": "1.0.24",
     "@adyen/bento-core": "0.0.1",
-    "@adyen/bento-tailwind": "0.5.3",
-    "@adyen/ui-assets-payment-method-icons": "10.2.0",
-    "@adyen/ui-assets-icons-16": "6.6.0"
+    "@adyen/bento-tailwind": "0.6.0",
+    "@adyen/ui-assets-icons-16": "6.7.0",
+    "@adyen/ui-assets-payment-method-icons": "10.3.0"
   },
   "scripts": {
     "build": "pnpm run build:prod",

package/dist/chunks/alert.DFSdD4jX.js

@@ -1,169 +0,0 @@
-import { createElementBlock as _, openBlock as s, mergeProps as b, createCommentVNode as c, createElementVNode as o, toDisplayString as V, defineComponent as N, useSlots as R, computed as n, onMounted as A, normalizeClass as P, createBlock as C, resolveDynamicComponent as D, unref as e, withCtx as f, renderSlot as v, createVNode as F } from "vue";
-import { a as I, c as U, B as y } from "./typography.CFHvBR7L.js";
-import { B as W } from "./button.wMNce6wZ.js";
-import { C as M } from "./cross-small.n1UO5wNB.js";
-import { W as Z } from "./warning-filled.AiUbXzzg.js";
-import { C as j } from "./cross-circle-fill.CYLL7jfC.js";
-import { C as q } from "./checkmark-circle-fill._6-d40ru.js";
-/* empty css              */
-import { _ as S } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { u as z } from "./use-has-slot.B7eQSabc.js";
-import { u as J } from "./i18n.B6g5VX0q.js";
-import "../assets/alert.css";
-var m = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.TIP = "tip", t))(m || {}), a = /* @__PURE__ */ ((t) => (t.WARNING = "warning", t.CRITICAL = "critical", t.HIGHLIGHT = "highlight", t.SUCCESS = "success", t))(a || {}), T = /* @__PURE__ */ ((t) => (t.CLOSE_ALERT = "close-alert", t))(T || {});
-let H = 0;
-const O = {
-  beforeCreate() {
-    this.uuid = H.toString(), H += 1;
-  }
-}, Y = { key: 0 }, K = ["clip-path"], Q = ["id"];
-function X(t, r, u, d, h, i) {
-  return s(), _("svg", b({ role: "img" }, t.$attrs, {
-    class: "ui-assets-icons-16",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    fill: "none"
-  }), [
-    t.$attrs["svg-title"] ? (s(), _("title", Y, V(t.$attrs["svg-title"]), 1)) : c("", !0),
-    o("g", {
-      "clip-path": "url(#uia-ui-assets/icons-16-info_filled__a" + t.uuid + ")"
-    }, r[0] || (r[0] = [
-      o("path", {
-        fill: "#001222",
-        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"
-      }, null, -1)
-    ]), 8, K),
-    o("defs", null, [
-      o("clipPath", {
-        id: "uia-ui-assets/icons-16-info_filled__a" + t.uuid
-      }, r[1] || (r[1] = [
-        o("rect", {
-          width: "16",
-          height: "16",
-          fill: "#fff"
-        }, null, -1)
-      ]), 8, Q)
-    ])
-  ], 16);
-}
-const x = /* @__PURE__ */ S(O, [["render", X]]), $ = {
-  "en-US": {
-    close: "Close",
-    criticalIcon: "Critical icon",
-    highlightIcon: "Highlight icon",
-    successIcon: "Success icon",
-    warningIcon: "Warning icon"
-  },
-  "ja-JP": {
-    close: "閉じる"
-  },
-  "pt-BR": {
-    close: "Fechar"
-  }
-}, tt = ["role"], et = { class: "b-alert__icon" }, st = { class: "b-alert__content" }, ot = {
-  key: 2,
-  class: "b-alert__actions",
-  "data-testid": "alert-actions"
-}, it = {
-  i18n: { messages: $ },
-  name: "bento-alert"
-}, at = /* @__PURE__ */ N({
-  ...it,
-  props: {
-    closeButton: { type: Boolean, default: !1 },
-    type: { default: a.HIGHLIGHT },
-    variant: { default: m.DEFAULT }
-  },
-  emits: ["close-alert"],
-  setup(t, { emit: r }) {
-    const u = R(), d = z(u), h = r, i = t, { t: g } = J({ messages: $ }), l = n(() => i.variant === m.TIP), w = n(() => ({
-      [`b-alert--${i.type}`]: i.type,
-      [`b-alert--${m.TIP}`]: l.value
-    })), B = n(() => g(`${i.type}Icon`)), k = n(() => {
-      switch (i.type) {
-        case a.CRITICAL:
-          return j;
-        case a.SUCCESS:
-          return q;
-        case a.WARNING:
-          return Z;
-        case a.HIGHLIGHT:
-        default:
-          return x;
-      }
-    }), E = n(() => ({
-      el: U.DIV,
-      variant: l.value ? I.CAPTION : I.BODY,
-      wide: !0
-    })), L = n(() => i.type === a.HIGHLIGHT ? "status" : "alert"), G = () => {
-      h(T.CLOSE_ALERT);
-    };
-    return A(() => {
-      if (!u.default && !u.description)
-        throw new Error("Alert Component requires a title or a description");
-    }), (p, rt) => (s(), _("div", {
-      class: "b-alert",
-      role: L.value
-    }, [
-      o("div", {
-        class: P(["b-alert__inner-container", w.value])
-      }, [
-        o("div", et, [
-          (s(), C(D(k.value), {
-            "aria-hidden": "true",
-            "svg-title": B.value
-          }, null, 8, ["svg-title"]))
-        ]),
-        o("div", st, [
-          e(d)("default") && !l.value ? (s(), C(e(y), {
-            key: 0,
-            class: "b-alert__title",
-            el: "div",
-            variant: "body",
-            strongest: "",
-            wide: ""
-          }, {
-            default: f(() => [
-              v(p.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 3
-          })) : c("", !0),
-          e(d)("description") ? (s(), C(e(y), b({
-            key: 1,
-            class: "b-alert__description"
-          }, E.value, { "data-testid": "alert-description" }), {
-            default: f(() => [
-              v(p.$slots, "description", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 16)) : c("", !0),
-          e(d)("actions") && !l.value ? (s(), _("div", ot, [
-            v(p.$slots, "actions", {}, void 0, !0)
-          ])) : c("", !0)
-        ]),
-        p.closeButton && !l.value ? (s(), C(e(W), {
-          key: 0,
-          class: "b-alert__close-button",
-          variant: "tertiary",
-          type: "button",
-          onClick: G
-        }, {
-          default: f(() => [
-            F(e(M), {
-              "svg-title": e(g)("close")
-            }, null, 8, ["svg-title"])
-          ]),
-          _: 1
-        })) : c("", !0)
-      ], 2)
-    ], 8, tt));
-  }
-}), ht = /* @__PURE__ */ S(at, [["__scopeId", "data-v-5c5a81b8"]]);
-export {
-  ht as B,
-  m as a,
-  a as b,
-  T as c
-};
-//# sourceMappingURL=alert.DFSdD4jX.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"alert.DFSdD4jX.js","sources":["../../../vue2/src/components/alert/alert.types.ts","../../../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-ui-assets/icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#001222\" 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-ui-assets/icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\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","CheckmarkCircleFillIcon","WarningFilledIcon","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;ACdR,IAAAE,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;mBAZZC,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,+CAAAD,EAAA,OAAA;AAAA;;QAA4E,MAAA;AAAA,QAAe,GAAA;AAAA;IAFvS,IAAA,GAAAL,CAAA;AAAA;;QAEwyC,IAAA,0CAAAK,EAAA;AAAA;;UAA0D,OAAA;AAAA,UAAW,QAAA;AAAA,UAAY,MAAA;AAAA;MAFz3C,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/bin.CiGG2V4b.js

@@ -1,37 +0,0 @@
-/* empty css              */
-import { createElementBlock as r, openBlock as s, mergeProps as l, createCommentVNode as n, createElementVNode as o, toDisplayString as C } from "vue";
-import { _ as p } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-let i = 0;
-const H = {
-  beforeCreate() {
-    this.uuid = i.toString(), i += 1;
-  }
-}, a = { key: 0 };
-function m(e, t, d, u, f, L) {
-  return s(), r("svg", l({ role: "img" }, e.$attrs, {
-    class: "ui-assets-icons-16",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    fill: "none"
-  }), [
-    e.$attrs["svg-title"] ? (s(), r("title", a, C(e.$attrs["svg-title"]), 1)) : n("", !0),
-    t[0] || (t[0] = o("path", {
-      fill: "#001222",
-      d: "M7.25 6.25H5.75V12.75H7.25V6.25Z"
-    }, null, -1)),
-    t[1] || (t[1] = o("path", {
-      fill: "#001222",
-      d: "M8.75 6.25H10.25V12.75H8.75V6.25Z"
-    }, null, -1)),
-    t[2] || (t[2] = o("path", {
-      fill: "#001222",
-      d: "M14.75 3.24999H12.54L12.05 1.74999C11.9 1.29999 11.61 0.92999 11.22 0.64999C10.83 0.37999 10.34 0.24999 9.92 0.23999H6.09C5.64 0.23999 5.17 0.37999 4.78 0.64999C4.39 0.91999 4.11 1.29999 3.95 1.75999L3.46 3.23999H1.25V4.73999H2.32L3.14 13.7C3.19 14.26 3.45 14.78 3.86 15.16C4.27 15.54 4.81 15.75 5.37 15.75H10.64C11.2 15.75 11.74 15.54 12.15 15.16C12.57 14.78 12.82 14.26 12.87 13.7L13.69 4.73999H14.76V3.23999L14.75 3.24999ZM5.37 2.24999C5.42 2.09999 5.52 1.97999 5.64 1.88999C5.77 1.79999 5.92 1.74999 6.08 1.75999H9.93C10.08 1.75999 10.23 1.80999 10.35 1.88999C10.48 1.97999 10.57 2.09999 10.62 2.23999L10.95 3.25999H5.02L5.35 2.25999L5.37 2.24999ZM11.37 13.58C11.35 13.77 11.27 13.94 11.13 14.06C10.99 14.19 10.81 14.25 10.63 14.25H5.36C5.17 14.25 5 14.18 4.86 14.06C4.72 13.93 4.64 13.76 4.62 13.57L3.81 4.74999H12.17L11.36 13.57L11.37 13.58Z"
-    }, null, -1))
-  ], 16);
-}
-const w = /* @__PURE__ */ p(H, [["render", m]]);
-export {
-  w as B
-};
-//# sourceMappingURL=bin.CiGG2V4b.js.map

package/dist/chunks/bin.CiGG2V4b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bin.CiGG2V4b.js","sources":["../../../ui-assets/icons-16/dist/vue/bin.vue"],"sourcesContent":["\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><path fill=\"#001222\" d=\"M7.25 6.25H5.75V12.75H7.25V6.25Z\"/><path fill=\"#001222\" d=\"M8.75 6.25H10.25V12.75H8.75V6.25Z\"/><path fill=\"#001222\" d=\"M14.75 3.24999H12.54L12.05 1.74999C11.9 1.29999 11.61 0.92999 11.22 0.64999C10.83 0.37999 10.34 0.24999 9.92 0.23999H6.09C5.64 0.23999 5.17 0.37999 4.78 0.64999C4.39 0.91999 4.11 1.29999 3.95 1.75999L3.46 3.23999H1.25V4.73999H2.32L3.14 13.7C3.19 14.26 3.45 14.78 3.86 15.16C4.27 15.54 4.81 15.75 5.37 15.75H10.64C11.2 15.75 11.74 15.54 12.15 15.16C12.57 14.78 12.82 14.26 12.87 13.7L13.69 4.73999H14.76V3.23999L14.75 3.24999ZM5.37 2.24999C5.42 2.09999 5.52 1.97999 5.64 1.88999C5.77 1.79999 5.92 1.74999 6.08 1.75999H9.93C10.08 1.75999 10.23 1.80999 10.35 1.88999C10.48 1.97999 10.57 2.09999 10.62 2.23999L10.95 3.25999H5.02L5.35 2.25999L5.37 2.24999ZM11.37 13.58C11.35 13.77 11.27 13.94 11.13 14.06C10.99 14.19 10.81 14.25 10.63 14.25H5.36C5.17 14.25 5 14.18 4.86 14.06C4.72 13.93 4.64 13.76 4.62 13.57L3.81 4.74999H12.17L11.36 13.57L11.37 13.58Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n"],"names":["uuid","_sfc_main","_openBlock","_createElementBlock","_mergeProps","_ctx","_hoisted_1","_createCommentVNode","_createElementVNode"],"mappings":";;;AAOI,IAAIA,IAAO;AAEX,MAAKC,IAAU;AAAA,EACX,eAAe;AACX,SAAK,OAAOD,EAAK,SAAU,GAC3BA,KAAQ;AAAA,EACX;AACJ,SAdL,KAAA,EAAA;;AAEI,SAAAE,EAAA,GAAAC,EAA2qC,OAA3qCC,EAA2qC,EAAtqC,MAAK,MAAK,GAASC,EAAM,QAAA;AAAA,IAAE,OAAM;AAAA,IAAqB,OAAM;AAAA,IAA6B,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,MAAK;AAAA;IAAoBA,EAAM,OAAA,WAAA,UAAnBF,EAAmE,SAFxMG,KAE0KD,EAAM,OAAA,WAAA,CAAA,GAAA,CAAA,KAFhLE,EAAA,IAAA,EAAA;AAAA,oBAEwMC,EAA2D,QAAA;AAAA,MAArD,MAAK;AAAA,MAAU,GAAE;AAAA;oBAAoCA,EAA4D,QAAA;AAAA,MAAtD,MAAK;AAAA,MAAU,GAAE;AAAA;oBAAqCA,EAA02B,QAAA;AAAA,MAAp2B,MAAK;AAAA,MAAU,GAAE;AAAA;;;;"}

package/dist/chunks/controls-group.2xftPPd7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-group.2xftPPd7.js","sources":["../../../vue2/src/components/internal/controls-group/controls-group.vue"],"sourcesContent":["<template>\n    <fieldset\n        class=\"b-controls-group\"\n        :class=\"conditionalClasses\"\n        :form=\"form\"\n        :disabled=\"disabled\"\n        :aria-describedby=\"ariaAttributes['aria-describedby']\"\n    >\n        <legend class=\"b-controls-group__label-container\" :class=\"legendConditionalClasses\">\n            <field-label\n                v-if=\"label\"\n                class=\"b-controls-group__label\"\n                :label=\"label\"\n                :tooltip-text=\"tooltipText\"\n                :optional=\"optional\"\n                :required=\"required\"\n            />\n            <bento-typography v-if=\"description\" class=\"b-controls-group__description\" el=\"span\">\n                {{ description }}\n            </bento-typography>\n        </legend>\n        <slot />\n    </fieldset>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, useAttrs } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { FieldLabel } from '@/components/internal/field-label';\n    import { deprecate } from '@/utils/ts/deprecate';\n\n    const attrs = useAttrs();\n\n    const props = defineProps({\n        /**\n         * Descriptive supporting text visbile underneath the label.\n         */\n        description: { type: String, default: null },\n\n        /**\n         * The name of the component to cite when throwing a depreacte error.\n         */\n        componentName: { type: String, required: true },\n\n        /**\n         * Sets all child controls of the <fieldset> as disabled.\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * The value of the id attribute of a <form> element the <fieldset> is to part of, even if it is not inside the form itself.\n         */\n        form: { type: String, default: null },\n\n        /**\n         * Shows/hides the group label.\n         */\n        hideLabel: { type: Boolean, default: null },\n\n        /**\n         * The name associated with the group. Required for accessibility purposes.\n         * The label is shown when `hideLabel` is set to `true` or if `description` is passed\n         */\n        label: { type: String, required: true },\n\n        /**\n         * Indicates the field is optional.\n         */\n        optional: { type: Boolean, default: false },\n\n        /**\n         * Indicates the field is required.\n         */\n        required: { type: Boolean, default: false },\n\n        /**\n         * Tooltip message.\n         */\n        tooltipText: { type: String, default: null },\n    });\n\n    const ariaAttributes = computed(() => ({\n        'aria-describedby': attrs['aria-describedby']?.toString() as string,\n    }));\n\n    const conditionalClasses = computed(() => ({\n        'b-controls-group--disabled': props.disabled,\n    }));\n\n    const legendConditionalClasses = computed(() => {\n        const isLabelAndDescriptionPresent = props.label && props.description;\n        const shouldShowLabel = isLabelAndDescriptionPresent || props.hideLabel === false;\n\n        return {\n            'b-controls-group__label-container--hidden': !shouldShowLabel,\n        };\n    });\n\n    // eslint-disable-next-line eqeqeq -- Needs to show deprecate message when hideLabel is not set and no description available\n    const hasNoPropsDefined = !props.description && props.hideLabel == undefined;\n    if (hasNoPropsDefined) {\n        deprecate(\n            `${props.componentName}: The property \\`label\\` will always be rendered by default.`,\n            `After version 2.0.0, the label will be shown by default.\n            To continue hiding the label set \\`:hide-label=\"true\"\\`.  Up until version 2.0.0, to display the label set \\`hide-label=\"false\"\\`.\n            \\`label\\` will always be rendered when \\`description\\` is passed alongside with \\`label\\``,\n            `2.0.0`\n        );\n    }\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A controls group components should be used whenever it is necessary to group a set of controls (i.e. radio buttons or checkboxes)\n     * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n     *\n     * NOTE: This component should not be used by itself but more implemented by other exported components\n     * @example\n     * import { ControlsGroup, BentoCheckbox, BentoRadioButton } from '@adyen/bento-vue2/';\n     *\n     * export default {\n     *     components: { ControlsGroup, BentoRadioButton },\n     *     template: `\n     *             <controls-group\n     *                 label=\"Your group label\"\n     *                 description=\"Description\"\n     *             >\n     *                 <bento-radio-button\n     *                      disabled\n     *                      value=\"inputRadio\"\n     *                 >\n     *                      Label text\n     *                 </bento-radio-button>\n     *                 <bento-radio-button\n     *                      value=\"inputRadio\"\n     *                 >\n     *                      Another label text\n     *                 </bento-radio-button>\n     *             </controls-group>\n     *     `\n     * };\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/controls-group/controls-group.scss\" />\n"],"names":["__default__","attrs","useAttrs","props","__props","ariaAttributes","computed","_a","conditionalClasses","legendConditionalClasses","deprecate"],"mappings":";;;;;oDA8IIA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GA,UAAAC,IAAAC,EAAA,GAEAC,IAAAC,GAgDAC,IAAAC,EAAA,MAAA;;AAAA;AAAA,QAAuC,qBAAAC,IAAAN,EAAA,kBAAA,MAAA,gBAAAM,EAAA;AAAA,MACqB;AAAA,KAAA,GAG5DC,IAAAF,EAAA,OAAA;AAAA,MAA2C,8BAAAH,EAAA;AAAA,IACH,EAAA,GAGxCM,IAAAH,EAAA,OAII;AAAA,MAAO,6CAAA,EAHPH,EAAA,SAAAA,EAAA,eACAA,EAAA,cAAA;AAAA,IAGkD,EAClD;AAKJ,WADA,CAAAA,EAAA,eAAAA,EAAA,aAAA,QAEIO;AAAA,MAAA,GAAAP,EAAA,aAAA;AAAA,MAC0B;AAAA,MACtB;AAAA,IAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}