@adyen/bento-vue3 1.81.0 → 1.82.0

package/dist/chunks/adyen-giving.LiKHj_jY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adyen-giving.LiKHj_jY.js","sources":["../../../vue2/src/components/empty-state/assets/large/adyen-giving.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='300'%20height='300'%20viewBox='0%200%20300%20300'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24%20275.732H276'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M158.98%20117.995L139.872%20137.129C134.799%20142.209%20131.976%20149.092%20131.976%20156.262V275.732H185.985V156.262C185.985%20149.092%20183.12%20142.209%20178.088%20137.129L158.98%20117.995Z'%20fill='%23EEF0F3'/%3e%3cpath%20d='M158.98%20104.475V117.995M158.98%20117.995L139.873%20137.129C134.799%20142.209%20131.976%20149.092%20131.976%20156.262V275.732H185.985V156.262C185.985%20149.092%20183.12%20142.209%20178.088%20137.129L158.98%20117.995Z'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M158.98%20108.982V117.995L178.088%20137.129C183.162%20142.209%20185.985%20149.092%20185.985%20156.262V266.719C185.985%20271.676%20181.975%20275.732%20176.983%20275.732H248.995C253.946%20275.732%20257.997%20271.717%20257.997%20266.719V156.262C257.997%20149.092%20255.132%20142.209%20250.1%20137.129L230.992%20117.995V108.982H158.98Z'%20fill='white'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M230.992%20108.982H158.98V117.995L170.232%20129.262H242.244L230.992%20117.995V108.982Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M185.985%20266.718V248.691H131.976V266.718C131.976%20271.676%20135.986%20275.732%20140.977%20275.732H176.983C181.975%20275.732%20185.985%20271.676%20185.985%20266.718Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M239.993%20117.995L234.469%20104.188C234.142%20103.41%20233.487%20103.041%20232.791%20103.041H160.78C161.475%20103.041%20162.13%20103.369%20162.457%20104.188L167.981%20118.036L169.372%20121.519L170.231%20123.649C171.05%20125.698%20173.054%20127.05%20175.264%20127.05H234.919H239.624C241.547%20127.05%20242.857%20125.124%20242.12%20123.321L239.993%20117.995Z'%20fill='white'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M170.232%20123.608L169.373%20121.478L168.432%20119.142L167.982%20117.995L162.458%20104.188C162.131%20103.41%20161.476%20103.041%20160.781%20103.041C159.881%20103.041%20158.98%20103.696%20158.98%20104.843V117.995L167.982%20127.009H175.224C173.055%20127.009%20171.051%20125.657%20170.232%20123.608Z'%20fill='%2300112C'/%3e%3cpath%20d='M168.432%20119.142L169.373%20121.478L170.232%20123.608C171.051%20125.657%20173.055%20127.009%20175.224%20127.009H167.982L158.98%20117.995V104.843C158.98%20103.696%20159.881%20103.041%20160.781%20103.041C161.476%20103.041%20162.131%20103.41%20162.458%20104.188L167.982%20117.995L168.432%20119.142ZM168.432%20119.142L170.437%20124.182'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M185.985%20248.691V266.718C185.985%20271.676%20181.975%20275.732%20176.984%20275.732H248.995C253.946%20275.732%20257.997%20271.717%20257.997%20266.718V248.691H185.985Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M158.98%20117.995L164.012%20123.035C166.549%20125.575%20167.981%20129.016%20167.981%20132.581V256.599C167.981%20260.204%20166.549%20263.605%20164.012%20266.145L158.98%20271.184'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M220.845%20124.223L212.375%20103H185.371L193.84%20124.223C194.577%20126.066%20195.395%20127.91%20196.295%20129.672L199.446%20136.022H226.45L223.3%20129.672C222.4%20127.91%20221.581%20126.107%20220.845%20124.223Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M173.914%20124.305H239.87'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M222.073%20168.02C216.181%20163.719%20207.916%20164.21%20202.597%20169.536C197.278%20174.863%20196.787%20183.139%20201.084%20189.038L212.826%20195.799L223.628%20205.877L226.492%20203.624C226.492%20203.624%20227.883%20205.058%20230.011%20203.911C232.179%20202.764%20232.466%20200.264%20231.279%20198.421C231.279%20198.421%20233.857%20199.814%20235.698%20198.339C235.698%20198.339%20237.908%20196.618%20237.089%20194.037C237.089%20194.037%20236.721%20193.094%20235.494%20191.906C235.494%20191.906%20237.539%20194.61%20240.404%20193.34C243.268%20192.07%20242.899%20188.547%20241.385%20187.072C239.872%20185.597%20228.006%20173.551%20228.006%20173.551L222.073%20168.02Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.443662'%20stroke-miterlimit='10'/%3e%3cpath%20d='M222.073%20168.02C216.181%20163.719%20207.916%20164.21%20202.597%20169.536C197.278%20174.863%20196.787%20183.139%20201.084%20189.038'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M209.594%20185.474C211.067%20186.949%20211.067%20189.325%20209.594%20190.8L206.934%20193.463C205.461%20194.938%20203.088%20194.938%20201.615%20193.463C200.142%20191.988%20200.142%20189.612%20201.615%20188.137L204.275%20185.474C205.748%20184.04%20208.121%20184.04%20209.594%20185.474Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M214.913%20190.8C216.386%20192.275%20216.386%20194.651%20214.913%20196.126L212.254%20198.789C210.781%20200.264%20208.408%20200.264%20206.935%20198.789C205.462%20197.314%20205.462%20194.938%20206.935%20193.463L209.594%20190.8C211.067%20189.325%20213.44%20189.325%20214.913%20190.8Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M220.233%20196.126C221.705%20197.601%20221.705%20199.978%20220.233%20201.453L217.573%20204.116C216.1%20205.591%20213.727%20205.591%20212.254%20204.116C210.781%20202.641%20210.781%20200.264%20212.254%20198.789L214.913%20196.126C216.386%20194.651%20218.76%20194.651%20220.233%20196.126Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M226.409%20200.551C227.882%20202.026%20227.882%20204.403%20226.409%20205.877L223.749%20208.541C222.276%20210.015%20219.903%20210.015%20218.43%20208.541C216.957%20207.066%20216.957%20204.689%20218.43%20203.214L221.09%20200.551C222.562%20199.117%20224.936%20199.117%20226.409%20200.551Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M228.865%20185.146L236.188%20192.603C237.661%20194.078%20237.661%20196.454%20236.188%20197.929C234.716%20199.404%20232.342%20199.404%20230.869%20197.929L228.21%20195.266'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M234.185%20179.82L241.509%20187.277C242.982%20188.752%20242.982%20191.128%20241.509%20192.603C240.036%20194.078%20237.663%20194.078%20236.19%20192.603'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M222.892%20189.94L230.871%20197.929C232.344%20199.404%20232.344%20201.78%20230.871%20203.255C229.93%20204.198%20228.621%20204.525%20227.393%20204.28'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M242.572%20189.489C247.278%20183.59%20246.869%20174.986%20241.386%20169.537C235.535%20163.678%20226.002%20163.678%20220.151%20169.537L213.154%20176.543L212.254%20177.526C211.763%20178.018%20211.763%20178.796%20212.254%20179.288L213.154%20180.189C214.627%20181.664%20217%20181.664%20218.473%20180.189L223.792%20174.863C225.265%20173.388%20227.638%20173.388%20229.111%20174.863L241.509%20187.277C242.163%20187.932%20242.572%20189.489%20242.572%20189.489Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M144.415%20137.128H173.588'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M253.496%20273.929C255.982%20273.929%20257.997%20271.911%20257.997%20269.422C257.997%20266.933%20255.982%20264.916%20253.496%20264.916C251.01%20264.916%20248.995%20266.933%20248.995%20269.422C248.995%20271.911%20251.01%20273.929%20253.496%20273.929Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M244.495%20275.732C244.495%20273.233%20246.499%20271.225%20248.995%20271.225C251.491%20271.225%20253.496%20273.233%20253.496%20275.732'%20fill='%2300112C'/%3e%3cpath%20d='M244.495%20275.732C244.495%20273.233%20246.499%20271.225%20248.995%20271.225C251.491%20271.225%20253.496%20273.233%20253.496%20275.732'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M208.488%20275.732C208.488%20273.233%20210.493%20271.225%20212.989%20271.225C215.485%20271.225%20217.49%20273.233%20217.49%20275.732'%20fill='%2300112C'/%3e%3cpath%20d='M208.488%20275.732C208.488%20273.233%20210.493%20271.225%20212.989%20271.225C215.485%20271.225%20217.49%20273.233%20217.49%20275.732'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M221.992%20275.732C221.992%20273.233%20223.997%20271.225%20226.493%20271.225C228.989%20271.225%20230.994%20273.233%20230.994%20275.732'%20fill='%2300112C'/%3e%3cpath%20d='M221.992%20275.732C221.992%20273.233%20223.997%20271.225%20226.493%20271.225C228.989%20271.225%20230.994%20273.233%20230.994%20275.732'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.48%20194.61H46.4625C43.9666%20194.61%2041.9617%20192.603%2041.9617%20190.103V172.076C41.9617%20169.577%2043.9666%20167.57%2046.4625%20167.57H154.48C156.976%20167.57%20158.981%20169.577%20158.981%20172.076V190.103C158.981%20192.603%20156.976%20194.61%20154.48%20194.61Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M137.419%20275.732H63.5254C58.9428%20275.732%2055.0967%20272.29%2054.5648%20267.702L46.5044%20194.61H154.522L146.421%20267.702C145.889%20272.29%20142.002%20275.732%20137.419%20275.732Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M46.5044%20194.61C46.7908%20197.191%2048.9594%20199.117%2051.5371%20199.117H149.489C152.067%20199.117%20154.236%20197.191%20154.522%20194.61H46.5044Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M262.498%20275.732C262.498%20273.233%20260.494%20271.225%20257.998%20271.225C255.502%20271.225%20253.497%20273.233%20253.497%20275.732H262.498Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M257.998%20269.422C260.483%20269.422%20262.498%20267.405%20262.498%20264.916C262.498%20262.427%20260.483%20260.409%20257.998%20260.409C255.512%20260.409%20253.497%20262.427%20253.497%20264.916C253.497%20267.405%20255.512%20269.422%20257.998%20269.422Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M253.497%20275.732C255.983%20275.732%20257.998%20273.714%20257.998%20271.225C257.998%20268.736%20255.983%20266.718%20253.497%20266.718C251.011%20266.718%20248.996%20268.736%20248.996%20271.225C248.996%20273.714%20251.011%20275.732%20253.497%20275.732Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M262.499%20275.732C264.984%20275.732%20266.999%20273.714%20266.999%20271.225C266.999%20268.736%20264.984%20266.718%20262.499%20266.718C260.013%20266.718%20257.998%20268.736%20257.998%20271.225C257.998%20273.714%20260.013%20275.732%20262.499%20275.732Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M217.492%20275.732C219.978%20275.732%20221.993%20273.714%20221.993%20271.225C221.993%20268.736%20219.978%20266.718%20217.492%20266.718C215.007%20266.718%20212.992%20268.736%20212.992%20271.225C212.992%20273.714%20215.007%20275.732%20217.492%20275.732Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M230.992%20275.732C233.478%20275.732%20235.493%20273.714%20235.493%20271.225C235.493%20268.736%20233.478%20266.718%20230.992%20266.718C228.506%20266.718%20226.491%20268.736%20226.491%20271.225C226.491%20273.714%20228.506%20275.732%20230.992%20275.732Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M192.41%20263.4L143.106%20275.322C140.979%20275.814%20138.81%20274.749%20137.951%20272.782L134.923%20266.022C133.041%20261.802%20129.154%20258.852%20124.571%20258.156L103.745%20255.083L122.239%20245.045C126.29%20242.833%20128.949%20238.735%20129.277%20234.106L129.809%20226.731C129.972%20224.56%20131.65%20222.798%20133.777%20222.552L184.186%20216.857C195.601%20215.587%20207.098%20217.963%20217.082%20223.658L222.892%20226.977C227.761%20229.763%20228.907%20236.318%20225.306%20240.62L221.01%20245.741C213.563%20254.509%20203.539%20260.696%20192.41%20263.4Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M131.895%20259.221L162.091%20247.421C164.833%20246.356%20164.137%20242.259%20161.191%20242.218L128.827%20241.481'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M103.746%20255.042L167.411%20243.816L218.433%20234.802'%20fill='%23EEF0F3'/%3e%3cpath%20d='M103.746%20255.042L167.411%20243.816L218.433%20234.802'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M115.449%20243.816L35.6628%20257.91C33.2079%20258.36%2031.5713%20260.696%2032.0213%20263.113L33.5761%20272.003C34.0262%20274.462%2036.3584%20276.101%2038.7724%20275.65L118.558%20261.556C121.013%20261.105%20122.65%20258.77%20122.2%20256.353L120.645%20247.462C120.236%20245.045%20117.903%20243.406%20115.449%20243.816Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["adyenGiving"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/chunks/ai-button.DaRuea3x.js

@@ -0,0 +1,93 @@
+import { createElementBlock as n, openBlock as s, mergeProps as g, createCommentVNode as v, createElementVNode as o, toDisplayString as h, defineComponent as C, useSlots as B, computed as V, onMounted as $, normalizeClass as k, createVNode as c, withModifiers as w, withCtx as p, renderSlot as y, unref as H } from "vue";
+import { B as S } from "./button.DhcxX2GJ.js";
+/* empty css              */
+import { _ as m } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { u as A } from "./use-has-slot.B7eQSabc.js";
+import { p as I } from "./typography.yBEME_Gu.js";
+import "../assets/ai-button.css";
+let f = 0;
+const M = {
+  beforeCreate() {
+    this.uuid = f.toString(), f += 1;
+  }
+}, N = { key: 0 }, P = ["clip-path"], D = ["id"];
+function E(t, i, a, l, d, r) {
+  return s(), n("svg", g({ 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(), n("title", N, h(t.$attrs["svg-title"]), 1)) : v("", !0),
+    o("g", {
+      "clip-path": "url(#uia-ui-assets/icons-16-artificial_intelligence_ai_filled__a" + t.uuid + ")"
+    }, i[0] || (i[0] = [
+      o("path", {
+        fill: "#001222",
+        d: "M8.75 2.75C8.75 5.23579 10.7642 7.25 13.25 7.25H15.5V8.75H13.25C10.7642 8.75 8.75 10.7642 8.75 13.25V15.5H7.25V13.25C7.25 10.7642 5.23579 8.75 2.75 8.75H0.5V7.25H2.75C5.23579 7.25 7.25 5.23579 7.25 2.75V0.5H8.75V2.75Z"
+      }, null, -1)
+    ]), 8, P),
+    o("defs", null, [
+      o("clipPath", {
+        id: "uia-ui-assets/icons-16-artificial_intelligence_ai_filled__a" + t.uuid
+      }, i[1] || (i[1] = [
+        o("rect", {
+          width: "16",
+          height: "16",
+          fill: "#fff"
+        }, null, -1)
+      ]), 8, D)
+    ])
+  ], 16);
+}
+const z = /* @__PURE__ */ m(M, [["render", E]]), F = {
+  name: "bento-ai-button"
+}, L = /* @__PURE__ */ C({
+  ...F,
+  props: {
+    condensed: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    inverse: { type: Boolean, default: !1 },
+    link: { default: void 0 },
+    type: { default: "button" }
+  },
+  emits: ["click"],
+  setup(t, { emit: i }) {
+    const a = t, l = i, d = B(), r = A(d), _ = V(() => ({
+      "b-ai-button--disabled": a.disabled
+    })), b = (e) => {
+      e.stopPropagation(), l("click", e);
+    };
+    return $(() => {
+      r("default") || I("An icon-only button cannot be a AI button");
+    }), (e, u) => (s(), n("div", {
+      class: k(["b-ai-button", _.value])
+    }, [
+      u[0] || (u[0] = o("div", { class: "b-ai-button__animation" }, null, -1)),
+      c(S, {
+        class: "b-ai-button__button",
+        condensed: e.condensed,
+        disabled: e.disabled,
+        inverse: e.inverse,
+        variant: "secondary",
+        onClickCapture: w(b, ["stop"])
+      }, {
+        iconLeft: p(() => [
+          c(H(z), {
+            "aria-hidden": "true",
+            class: "b-ai-button__icon"
+          })
+        ]),
+        default: p(() => [
+          y(e.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["condensed", "disabled", "inverse"])
+    ], 2));
+  }
+}), K = /* @__PURE__ */ m(L, [["__scopeId", "data-v-659c4c06"]]);
+export {
+  K as a
+};
+//# sourceMappingURL=ai-button.DaRuea3x.js.map

package/dist/chunks/ai-button.DaRuea3x.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-button.DaRuea3x.js","sources":["../../../ui-assets/icons-16/dist/vue/artificial-intelligence-ai-filled.vue","../../../vue2/src/components/button/components/ai-button/ai-button.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><g :clip-path=\"'url(#uia-ui-assets/icons-16-artificial_intelligence_ai_filled__a' + uuid + ')'\"><path fill=\"#001222\" d=\"M8.75 2.75C8.75 5.23579 10.7642 7.25 13.25 7.25H15.5V8.75H13.25C10.7642 8.75 8.75 10.7642 8.75 13.25V15.5H7.25V13.25C7.25 10.7642 5.23579 8.75 2.75 8.75H0.5V7.25H2.75C5.23579 7.25 7.25 5.23579 7.25 2.75V0.5H8.75V2.75Z\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-16-artificial_intelligence_ai_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-ai-button\" :class=\"conditionalClass\">\n        <div class=\"b-ai-button__animation\" />\n\n        <bento-button\n            class=\"b-ai-button__button\"\n            :condensed=\"condensed\"\n            :disabled=\"disabled\"\n            :inverse=\"inverse\"\n            variant=\"secondary\"\n            @click.capture.stop=\"onClick\"\n        >\n            <template #iconLeft>\n                <ai-filled-icon aria-hidden=\"true\" class=\"b-ai-button__icon\" />\n            </template>\n\n            <slot></slot>\n        </bento-button>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, useSlots } from 'vue';\n    import BentoButton from '../../button.vue';\n    import AiFilledIcon from '@adyen/ui-assets-icons-16/vue/artificial-intelligence-ai-filled';\n    import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n    import { type BentoAiButtonProps } from './ai-button.types';\n\n    const props = withDefaults(defineProps<BentoAiButtonProps>(), {\n        link: undefined,\n        type: 'button',\n        condensed: false,\n        disabled: false,\n        inverse: false,\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Click event handler\n         */\n        (e: 'click', event: MouseEvent): void;\n    }>();\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const conditionalClass = computed(() => ({\n        'b-ai-button--disabled': props.disabled,\n    }));\n\n    const onClick = (e: MouseEvent) => {\n        // Prevent Vue3 from triggering event twice\n        e.stopPropagation();\n\n        emit('click', e);\n    };\n\n    onMounted(() => {\n        if (!hasSlot('default')) {\n            printDevelopmentWarning('An icon-only button cannot be a AI button');\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * AI Button component is used for cases where pressing a button starts an AI-related action.\n     *\n     * @example\n     * import { BentoAiButton } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAiButton },\n     *     template: `\n     *        <bento-ai-button @click=\"onClick\">Generate with AI</bento-ai-button>\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-ai-button',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./ai-button.scss\" />\n"],"names":["uuid","_hoisted_2","_hoisted_3","openBlock","createElementBlock","mergeProps","_ctx","createCommentVNode","__default__","props","__props","emit","__emit","slots","useSlots","hasSlot","useHasSlot","conditionalClass","computed","onClick","onMounted","printDevelopmentWarning"],"mappings":";;;;;;;AAOI,IAAAA,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,qEAAAD,EAAA,OAAA;AAAA;;QAAkG,MAAA;AAAA,QAAe,GAAA;AAAA;IAF7T,IAAA,GAAAL,CAAA;AAAA;;QAEijB,IAAA,gEAAAK,EAAA;AAAA;;UAAgF,OAAA;AAAA,UAAW,QAAA;AAAA,UAAY,MAAA;AAAA;MAFxpB,IAAA,GAAAJ,CAAA;AAAA;;;iDC+EIM,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;AApDA,UAAAC,IAAAC,GAQAC,IAAAC,GAOAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OAAA;AAAA,MAAyC,yBAAAT,EAAA;AAAA,IACN,EAAA,GAGnCU,IAAA,CAAA,MAAA;AAEI,QAAA,gBAAA,GAEAR,EAAA,SAAA,CAAA;AAAA,IAAe;AAGnB,WAAAS,EAAA,MAAA;AACI,MAAAL,EAAA,SAAA,KACIM,EAAA,2CAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/alert.C2pusd-_.js

@@ -0,0 +1,171 @@
+import { createElementBlock as f, openBlock as o, mergeProps as L, createCommentVNode as c, createElementVNode as s, toDisplayString as V, defineComponent as N, useSlots as R, computed as n, onMounted as A, normalizeClass as P, createBlock as p, resolveDynamicComponent as D, unref as e, withCtx as _, renderSlot as v, createVNode as F } from "vue";
+import { a as I, c as U, B as y } from "./typography.yBEME_Gu.js";
+import { B as W } from "./button.DhcxX2GJ.js";
+import { C as M } from "./cross-small.n1UO5wNB.js";
+import { W as Z } from "./warning-filled.BMGD0G-_.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 b } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { u as z } from "./use-has-slot.B7eQSabc.js";
+import { u as J } from "./index.pdBj0KQU.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 || {}), S = /* @__PURE__ */ ((t) => (t.CLOSE_ALERT = "close-alert", t))(S || {});
+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, C, h, i) {
+  return o(), f("svg", L({ 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"] ? (o(), f("title", Y, V(t.$attrs["svg-title"]), 1)) : c("", !0),
+    s("g", {
+      "clip-path": "url(#uia-ui-assets/icons-16-info_filled__a" + t.uuid + ")"
+    }, r[0] || (r[0] = [
+      s("path", {
+        fill: "#001222",
+        "fill-rule": "evenodd",
+        d: "M5.03418 0.839544C6.45015 0.253058 8.00853 0.0992122 9.51172 0.398138C11.015 0.697159 12.3966 1.43547 13.4805 2.51923C14.5642 3.60301 15.3025 4.98476 15.6016 6.48798C15.9005 7.99113 15.7466 9.54958 15.1602 10.9655C14.5736 12.3816 13.5801 13.5925 12.3057 14.444C11.1109 15.2423 9.71924 15.6917 8.28711 15.7448L8 15.7497C5.94458 15.7497 3.97294 14.9336 2.51953 13.4802C1.06623 12.0268 0.250005 10.055 0.25 7.9997C0.250066 6.4671 0.70424 4.96838 1.55566 3.69404C2.40724 2.41967 3.61814 1.42609 5.03418 0.839544ZM6.25 6.2497V7.7497H7.25V10.2497H6.25V11.7497H9.75V10.2497H8.75V6.2497H6.25ZM7.75 3.4997C7.58674 3.4997 7.42763 3.54211 7.28418 3.61786C7.25386 3.63389 7.22303 3.64949 7.19434 3.66865L7.07812 3.75947C7.04744 3.78732 7.01817 3.817 6.99121 3.84833C6.97917 3.86236 6.96827 3.8776 6.95703 3.89228C6.93942 3.91522 6.9228 3.93915 6.90723 3.96357C6.90005 3.97485 6.89248 3.98618 6.88574 3.99775C6.86351 4.03594 6.84324 4.07574 6.82617 4.11689L6.78027 4.25751C6.77017 4.29795 6.7628 4.33927 6.75781 4.38056C6.75552 4.39961 6.75411 4.41902 6.75293 4.43818C6.75166 4.45856 6.75196 4.47926 6.75195 4.4997C6.75195 4.52207 6.75144 4.54472 6.75293 4.56708C6.75579 4.60979 6.76114 4.65273 6.76953 4.69501L6.80859 4.83661C6.82299 4.87685 6.84098 4.91584 6.86035 4.9538C6.86847 4.96971 6.87775 4.98522 6.88672 5.00068C6.89748 5.01922 6.90895 5.03753 6.9209 5.05536C6.93323 5.07376 6.94544 5.09248 6.95898 5.11005C6.98495 5.14371 7.01269 5.17643 7.04297 5.20673L7.1543 5.30341C7.19021 5.33003 7.2285 5.35325 7.26758 5.3747C7.27775 5.38031 7.28847 5.38508 7.29883 5.39033C7.32903 5.40554 7.35995 5.41924 7.3916 5.43134C7.40264 5.43559 7.41361 5.44018 7.4248 5.44404C7.46721 5.45855 7.51041 5.47134 7.55469 5.48017C7.59672 5.48853 7.63919 5.49291 7.68164 5.49579C7.70021 5.49707 7.71872 5.49751 7.7373 5.49775C7.76179 5.49804 7.78614 5.49729 7.81055 5.49579C7.82982 5.49462 7.84899 5.4932 7.86816 5.49091C7.90982 5.48592 7.95139 5.47962 7.99219 5.46943L8.13281 5.42353C8.1739 5.40649 8.21283 5.38517 8.25098 5.36298C8.2626 5.35623 8.27383 5.3487 8.28516 5.3415C8.30964 5.32589 8.33345 5.30934 8.35645 5.29169C8.37116 5.28043 8.38633 5.26958 8.40039 5.25751C8.43176 5.23053 8.46235 5.20229 8.49023 5.17158L8.58105 5.05536C8.69084 4.89096 8.75 4.6974 8.75 4.4997C8.74992 4.2346 8.64449 3.98013 8.45703 3.79267C8.26951 3.60523 8.01514 3.4997 7.75 3.4997Z",
+        "clip-rule": "evenodd"
+      }, null, -1)
+    ]), 8, K),
+    s("defs", null, [
+      s("clipPath", {
+        id: "uia-ui-assets/icons-16-info_filled__a" + t.uuid
+      }, r[1] || (r[1] = [
+        s("rect", {
+          width: "16",
+          height: "16",
+          fill: "#fff"
+        }, null, -1)
+      ]), 8, Q)
+    ])
+  ], 16);
+}
+const x = /* @__PURE__ */ b(O, [["render", X]]), T = {
+  "en-US": {
+    close: "Close",
+    criticalIcon: "Critical icon",
+    highlightIcon: "Highlight icon",
+    successIcon: "Success icon",
+    warningIcon: "Warning icon"
+  },
+  "ja-JP": {
+    close: "閉じる"
+  },
+  "pt-BR": {
+    close: "Fechar"
+  }
+}, t5 = ["role"], e5 = { class: "b-alert__icon" }, o5 = { class: "b-alert__content" }, s5 = {
+  key: 2,
+  class: "b-alert__actions",
+  "data-testid": "alert-actions"
+}, i5 = {
+  i18n: { messages: T },
+  name: "bento-alert"
+}, a5 = /* @__PURE__ */ N({
+  ...i5,
+  props: {
+    closeButton: { type: Boolean, default: !1 },
+    type: { default: a.HIGHLIGHT },
+    variant: { default: m.DEFAULT }
+  },
+  emits: ["close-alert"],
+  setup(t, { emit: r }) {
+    const u = R(), C = z(u), h = r, i = t, { t: g } = J({ messages: T }), l = n(() => i.variant === m.TIP), $ = n(() => ({
+      [`b-alert--${i.type}`]: i.type,
+      [`b-alert--${m.TIP}`]: l.value
+    })), w = n(() => g(`${i.type}Icon`)), B = 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;
+      }
+    }), k = n(() => ({
+      el: U.DIV,
+      variant: l.value ? I.CAPTION : I.BODY,
+      wide: !0
+    })), E = n(() => i.type === a.HIGHLIGHT ? "status" : "alert"), G = () => {
+      h(S.CLOSE_ALERT);
+    };
+    return A(() => {
+      if (!u.default && !u.description)
+        throw new Error("Alert Component requires a title or a description");
+    }), (d, r5) => (o(), f("div", {
+      class: "b-alert",
+      role: E.value
+    }, [
+      s("div", {
+        class: P(["b-alert__inner-container", $.value])
+      }, [
+        s("div", e5, [
+          (o(), p(D(B.value), {
+            "aria-hidden": "true",
+            "svg-title": w.value
+          }, null, 8, ["svg-title"]))
+        ]),
+        s("div", o5, [
+          e(C)("default") && !l.value ? (o(), p(e(y), {
+            key: 0,
+            class: "b-alert__title",
+            el: "div",
+            variant: "body",
+            strongest: "",
+            wide: ""
+          }, {
+            default: _(() => [
+              v(d.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          })) : c("", !0),
+          e(C)("description") ? (o(), p(e(y), L({
+            key: 1,
+            class: "b-alert__description"
+          }, k.value, { "data-testid": "alert-description" }), {
+            default: _(() => [
+              v(d.$slots, "description", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 16)) : c("", !0),
+          e(C)("actions") && !l.value ? (o(), f("div", s5, [
+            v(d.$slots, "actions", {}, void 0, !0)
+          ])) : c("", !0)
+        ]),
+        d.closeButton && !l.value ? (o(), p(e(W), {
+          key: 0,
+          class: "b-alert__close-button",
+          variant: "tertiary",
+          type: "button",
+          onClick: G
+        }, {
+          default: _(() => [
+            F(e(M), {
+              "svg-title": e(g)("close")
+            }, null, 8, ["svg-title"])
+          ]),
+          _: 1
+        })) : c("", !0)
+      ], 2)
+    ], 8, t5));
+  }
+}), h5 = /* @__PURE__ */ b(a5, [["__scopeId", "data-v-5c5a81b8"]]);
+export {
+  h5 as B,
+  m as a,
+  a as b,
+  S as c
+};
+//# sourceMappingURL=alert.C2pusd-_.js.map

package/dist/chunks/alert.C2pusd-_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.C2pusd-_.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\" fill-rule=\"evenodd\" d=\"M5.03418 0.839544C6.45015 0.253058 8.00853 0.0992122 9.51172 0.398138C11.015 0.697159 12.3966 1.43547 13.4805 2.51923C14.5642 3.60301 15.3025 4.98476 15.6016 6.48798C15.9005 7.99113 15.7466 9.54958 15.1602 10.9655C14.5736 12.3816 13.5801 13.5925 12.3057 14.444C11.1109 15.2423 9.71924 15.6917 8.28711 15.7448L8 15.7497C5.94458 15.7497 3.97294 14.9336 2.51953 13.4802C1.06623 12.0268 0.250005 10.055 0.25 7.9997C0.250066 6.4671 0.70424 4.96838 1.55566 3.69404C2.40724 2.41967 3.61814 1.42609 5.03418 0.839544ZM6.25 6.2497V7.7497H7.25V10.2497H6.25V11.7497H9.75V10.2497H8.75V6.2497H6.25ZM7.75 3.4997C7.58674 3.4997 7.42763 3.54211 7.28418 3.61786C7.25386 3.63389 7.22303 3.64949 7.19434 3.66865L7.07812 3.75947C7.04744 3.78732 7.01817 3.817 6.99121 3.84833C6.97917 3.86236 6.96827 3.8776 6.95703 3.89228C6.93942 3.91522 6.9228 3.93915 6.90723 3.96357C6.90005 3.97485 6.89248 3.98618 6.88574 3.99775C6.86351 4.03594 6.84324 4.07574 6.82617 4.11689L6.78027 4.25751C6.77017 4.29795 6.7628 4.33927 6.75781 4.38056C6.75552 4.39961 6.75411 4.41902 6.75293 4.43818C6.75166 4.45856 6.75196 4.47926 6.75195 4.4997C6.75195 4.52207 6.75144 4.54472 6.75293 4.56708C6.75579 4.60979 6.76114 4.65273 6.76953 4.69501L6.80859 4.83661C6.82299 4.87685 6.84098 4.91584 6.86035 4.9538C6.86847 4.96971 6.87775 4.98522 6.88672 5.00068C6.89748 5.01922 6.90895 5.03753 6.9209 5.05536C6.93323 5.07376 6.94544 5.09248 6.95898 5.11005C6.98495 5.14371 7.01269 5.17643 7.04297 5.20673L7.1543 5.30341C7.19021 5.33003 7.2285 5.35325 7.26758 5.3747C7.27775 5.38031 7.28847 5.38508 7.29883 5.39033C7.32903 5.40554 7.35995 5.41924 7.3916 5.43134C7.40264 5.43559 7.41361 5.44018 7.4248 5.44404C7.46721 5.45855 7.51041 5.47134 7.55469 5.48017C7.59672 5.48853 7.63919 5.49291 7.68164 5.49579C7.70021 5.49707 7.71872 5.49751 7.7373 5.49775C7.76179 5.49804 7.78614 5.49729 7.81055 5.49579C7.82982 5.49462 7.84899 5.4932 7.86816 5.49091C7.90982 5.48592 7.95139 5.47962 7.99219 5.46943L8.13281 5.42353C8.1739 5.40649 8.21283 5.38517 8.25098 5.36298C8.2626 5.35623 8.27383 5.3487 8.28516 5.3415C8.30964 5.32589 8.33345 5.30934 8.35645 5.29169C8.37116 5.28043 8.38633 5.26958 8.40039 5.25751C8.43176 5.23053 8.46235 5.20229 8.49023 5.17158L8.58105 5.05536C8.69084 4.89096 8.75 4.6974 8.75 4.4997C8.74992 4.2346 8.64449 3.98013 8.45703 3.79267C8.26951 3.60523 8.01514 3.4997 7.75 3.4997Z\" clip-rule=\"evenodd\"/></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,aAAA;AAAA,QAAoB,GAAA;AAAA,QAAwyE,aAAA;AAAA;IAFnmF,IAAA,GAAAL,CAAA;AAAA;;QAE6oF,IAAA,0CAAAK,EAAA;AAAA;;UAA0D,OAAA;AAAA,UAAW,QAAA;AAAA,UAAY,MAAA;AAAA;MAF9tF,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/aria-label.CaUURpnB.js

@@ -0,0 +1,13 @@
+import { ref as e, computed as n } from "vue";
+const m = ({
+  ariaLabel: l = null,
+  label: u = null,
+  defaultFallback: a = null
+}) => {
+  const t = e(l), o = e(u), c = e(a);
+  return n(() => t.value ?? o.value ?? c.value);
+};
+export {
+  m as u
+};
+//# sourceMappingURL=aria-label.CaUURpnB.js.map

package/dist/chunks/aria-label.CaUURpnB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-label.CaUURpnB.js","sources":["../../../vue2/src/utils/ts/aria-label.ts"],"sourcesContent":["import { computed, type ComputedRef, ref } from 'vue';\nimport { type MaybeRef } from '@/types/maybe-ref';\n\ninterface ariaLabelOptions {\n    ariaLabel?: MaybeRef<string | null>;\n    label?: MaybeRef<string | null>;\n    defaultFallback?: MaybeRef<string | null>;\n}\n\n/**\n * Returns a valid aria-label for the element it's invoked for\n * @param ariaLabel - The aria label, which has to be set manually through the homonymous prop\n * @param label - Any other label provided, usually the component's main text\n * @param defaultFallback - The default fallback if no other value is provided\n * @returns {string | null} - A string corresponding to the aria label or null if no value is provided\n */\nexport const useAriaLabel = ({\n    ariaLabel = null,\n    label = null,\n    defaultFallback = null,\n}: ariaLabelOptions): ComputedRef<string> => {\n    const computedAriaLabel = ref(ariaLabel);\n    const computedLabel = ref(label);\n    const computedDefaultFallback = ref(defaultFallback);\n\n    return computed(() => computedAriaLabel.value ?? computedLabel.value ?? computedDefaultFallback.value);\n};\n"],"names":["useAriaLabel","ariaLabel","label","defaultFallback","computedAriaLabel","ref","computedLabel","computedDefaultFallback","computed"],"mappings":";AAgBO,MAAMA,IAAe,CAAC;AAAA,EACzB,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,iBAAAC,IAAkB;AACtB,MAA6C;AACnC,QAAAC,IAAoBC,EAAIJ,CAAS,GACjCK,IAAgBD,EAAIH,CAAK,GACzBK,IAA0BF,EAAIF,CAAe;AAEnD,SAAOK,EAAS,MAAMJ,EAAkB,SAASE,EAAc,SAASC,EAAwB,KAAK;AACzG;"}

package/dist/chunks/avatar.P2Fkz2I6.js

@@ -0,0 +1,95 @@
+import { ref as k, computed as r, defineComponent as _, toRefs as f, createElementBlock as d, openBlock as l, normalizeClass as R, createVNode as b, unref as n, withCtx as L, createTextVNode as y, toDisplayString as h, createBlock as B, createCommentVNode as S } from "vue";
+import { B as E } from "./typography.yBEME_Gu.js";
+import { _ as g } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import "../assets/avatar.css";
+const O = (e) => {
+  const a = k(e);
+  return r(() => a.value ? a.value.trim().charAt(0).toUpperCase() : null);
+};
+var o = /* @__PURE__ */ ((e) => (e.LARGE = "large", e.SMALL = "small", e))(o || {}), t = /* @__PURE__ */ ((e) => (e.BLUE = "blue", e.GREEN = "green", e.RED = "red", e.YELLOW = "yellow", e))(t || {});
+const N = ["src"], U = {
+  key: 1,
+  class: "b-avatar-image__default",
+  "data-testid": "avatar-content"
+}, $ = {}, G = /* @__PURE__ */ _({
+  ...$,
+  __name: "avatar-image",
+  props: {
+    color: { default: t.YELLOW },
+    src: { default: null },
+    username: { default: null },
+    variant: { default: o.LARGE }
+  },
+  setup(e) {
+    const a = e, { username: c } = f(a), m = O(c), p = r(() => ({
+      [`b-avatar-image--${o.SMALL}`]: a.variant === o.SMALL,
+      [`b-avatar-image--${a.color}`]: a.color
+    }));
+    return (s, u) => (l(), d("div", {
+      class: R(["b-avatar-image", p.value]),
+      "aria-hidden": "true",
+      "data-testid": "avatar"
+    }, [
+      s.src ? (l(), d("img", {
+        key: 0,
+        src: s.src,
+        class: "b-avatar-image__image",
+        alt: "",
+        "data-testid": "avatar-content"
+      }, null, 8, N)) : (l(), d("div", U, [
+        b(n(E), {
+          el: "span",
+          variant: "body",
+          strongest: ""
+        }, {
+          default: L(() => [
+            y(h(n(m)), 1)
+          ]),
+          _: 1
+        })
+      ]))
+    ], 2));
+  }
+}), M = /* @__PURE__ */ g(G, [["__scopeId", "data-v-32750732"]]), D = ["role", "aria-label"], W = {
+  name: "bento-avatar"
+}, Y = /* @__PURE__ */ _({
+  ...W,
+  props: {
+    iconOnly: { type: Boolean, default: !1 },
+    src: { default: null },
+    username: {}
+  },
+  setup(e) {
+    const a = e, { username: c } = f(a), m = r(() => a.iconOnly ? a.username : null), p = r(() => a.src ? null : a.username), s = O(c), u = r(() => s.value ? s.value.charCodeAt(0) - 65 : null), A = r(() => {
+      const v = 26 / Object.keys(t).length;
+      return u.value <= v ? t.YELLOW : u.value <= v * 2 ? t.BLUE : u.value <= v * 3 ? t.GREEN : t.RED;
+    });
+    return (i, C) => (l(), d("div", {
+      class: "b-avatar",
+      role: i.iconOnly ? "img" : null,
+      "aria-label": m.value
+    }, [
+      b(n(M), {
+        src: i.src,
+        username: p.value,
+        variant: n(o).SMALL,
+        color: A.value
+      }, null, 8, ["src", "username", "variant", "color"]),
+      i.iconOnly ? S("", !0) : (l(), B(n(E), {
+        key: 0,
+        class: "b-avatar__label",
+        el: "span",
+        variant: "body"
+      }, {
+        default: L(() => [
+          y(h(n(c)), 1)
+        ]),
+        _: 1
+      }))
+    ], 8, D));
+  }
+}), j = /* @__PURE__ */ g(Y, [["__scopeId", "data-v-66e784fe"]]);
+export {
+  j as B
+};
+//# sourceMappingURL=avatar.P2Fkz2I6.js.map

package/dist/chunks/avatar.P2Fkz2I6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.P2Fkz2I6.js","sources":["../../../vue2/src/composables/initials.ts","../../../vue2/src/components/avatar/components/avatar-image/avatar-image.types.ts","../../../vue2/src/components/avatar/components/avatar-image/avatar-image.vue","../../../vue2/src/components/avatar/avatar.vue"],"sourcesContent":["import { computed, type ComputedRef, ref } from 'vue';\nimport { type MaybeRef } from '@/types/refs';\n\n/** Extracts the first letter of a username\n * @param username - The name to return the initials of\n * Common patterns:\n * 1. John => J\n * 2. John Smith => J\n * John Smith Doe Holly => J\n */\nexport const useInitials = (username: MaybeRef<string | null>): ComputedRef<string | null> => {\n    const computedUsername = ref(username);\n    return computed(() => (computedUsername.value ? computedUsername.value.trim().charAt(0).toUpperCase() : null));\n};\n","export enum BentoAvatarImageVariant {\n    LARGE = 'large',\n    SMALL = 'small',\n}\n\nexport enum BentoAvatarImageColor {\n    BLUE = 'blue',\n    GREEN = 'green',\n    RED = 'red',\n    YELLOW = 'yellow',\n}\n","<template>\n    <div class=\"b-avatar-image\" :class=\"conditionalClasses\" aria-hidden=\"true\" data-testid=\"avatar\">\n        <img v-if=\"src\" :src=\"src\" class=\"b-avatar-image__image\" alt=\"\" data-testid=\"avatar-content\" />\n        <div v-else class=\"b-avatar-image__default\" data-testid=\"avatar-content\">\n            <bento-typography el=\"span\" variant=\"body\" strongest>\n                {{ initials }}\n            </bento-typography>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, toRefs } from 'vue';\n    import { BentoAvatarImageColor, BentoAvatarImageVariant } from './avatar-image.types';\n    import { BentoTypography } from '@/components/typography';\n    import { useInitials } from '@/composables';\n\n    const props = withDefaults(\n        defineProps<{\n            /**\n             * Avatar color. Defaults to yellow.\n             */\n            color?: BentoAvatarImageColor;\n\n            /**\n             * Image src to load the profile picture.\n             */\n            src?: string;\n\n            /**\n             * Name of the user that will be used to extract initials to display default value.\n             * John => J\n             * John Smith => JS\n             * John Smith Doe => JD\n             * John Smith Doe Holly => JH\n             */\n            username?: string;\n\n            /**\n             * Variants supported for small and large.\n             * Default - large\n             */\n            variant?: BentoAvatarImageVariant;\n        }>(),\n        {\n            color: BentoAvatarImageColor.YELLOW,\n            src: null,\n            username: null,\n            variant: BentoAvatarImageVariant.LARGE,\n        }\n    );\n\n    const { username } = toRefs(props);\n    const initials = useInitials(username);\n\n    const conditionalClasses = computed(() => ({\n        [`b-avatar-image--${BentoAvatarImageVariant.SMALL}`]: props.variant === BentoAvatarImageVariant.SMALL,\n        [`b-avatar-image--${props.color}`]: props.color,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Image used as user profile inside bento-avatar.\n     *\n     * @example\n     * import { AvatarImage } from './components/avatar-image';\n     *\n     * export default {\n     *     components: { AvatarImage },\n     *     template: `<avatar-image :src=\"userAvatarSrc\" username=\"Jane\" />`\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./avatar-image.scss\" />\n","<template>\n    <div class=\"b-avatar\" :role=\"iconOnly ? 'img' : null\" :aria-label=\"computedAriaLabel\">\n        <avatar-image\n            :src=\"src\"\n            :username=\"computedUsername\"\n            :variant=\"BentoAvatarImageVariant.SMALL\"\n            :color=\"avatarColor\"\n        />\n        <bento-typography v-if=\"!iconOnly\" class=\"b-avatar__label\" el=\"span\" variant=\"body\">\n            {{ username }}\n        </bento-typography>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, toRefs } from 'vue';\n    import { AvatarImage, BentoAvatarImageColor, BentoAvatarImageVariant } from './components/avatar-image';\n    import { BentoTypography } from '@/components/typography';\n    import { useInitials } from '@/composables';\n\n    const props = withDefaults(\n        defineProps<{\n            /**\n             * Displays the user profile without the label.\n             */\n            iconOnly?: boolean;\n\n            /**\n             * Image src to load the profile picture.\n             */\n            src?: string;\n\n            /**\n             * Name of the user that will be used both in the label and to extract initials to display default value.\n             * John => J\n             * John Smith => JS\n             * John Smith Doe => JD\n             * John Smith Doe Holly => JH\n             */\n            username: string;\n        }>(),\n        {\n            iconOnly: false,\n            src: null,\n        }\n    );\n\n    const { username } = toRefs(props);\n\n    const computedAriaLabel = computed(() => (props.iconOnly ? props.username : null));\n    const computedUsername = computed(() => (!props.src ? props.username : null));\n    const initials = useInitials(username);\n\n    // Returns the UTF-16 char code\n    const charCode = computed(() => (initials.value ? initials.value.charCodeAt(0) - 65 : null));\n\n    // Returns a computed color based on the letter passed\n    const avatarColor = computed(() => {\n        const numberOfAlphabetLetters = 26;\n        const numberOfColors = Object.keys(BentoAvatarImageColor).length;\n        const rangeStep = numberOfAlphabetLetters / numberOfColors;\n\n        if (charCode.value <= rangeStep) {\n            return BentoAvatarImageColor.YELLOW;\n        }\n        if (charCode.value <= rangeStep * 2) {\n            return BentoAvatarImageColor.BLUE;\n        }\n        if (charCode.value <= rangeStep * 3) {\n            return BentoAvatarImageColor.GREEN;\n        }\n        return BentoAvatarImageColor.RED;\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Displays an user profile including an avatar and optionally a label.\n     *\n     * @example\n     * import { BentoAvatar } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAvatar },\n     *     template: `<bento-avatar :src=\"userAvatarSrc\" username=\"Jane\" />`\n     * }\n     */\n    export default {\n        name: 'bento-avatar',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./avatar.scss\" />\n"],"names":["useInitials","username","computedUsername","ref","computed","BentoAvatarImageVariant","BentoAvatarImageVariant2","BentoAvatarImageColor","BentoAvatarImageColor2","__default__$1","props","__props","toRefs","initials","conditionalClasses","__default__","computedAriaLabel","charCode","avatarColor","rangeStep"],"mappings":";;;;AAUa,MAAAA,IAAA,CAAAC,MAAA;AACT,QAAAC,IAAAC,EAAAF,CAAA;AACA,SAAAG,EAAA,MAAAF,EAAA,QAAAA,EAAA,MAAA,KAAA,EAAA,OAAA,CAAA,EAAA,YAAA,IAAA,IAAA;AACJ;ACbY,IAAAG,IAAA,kBAAAC,OACRA,EAAA,QAAA,SACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,MAAA,OACAA,EAAA,SAAA,UAJQA,IAAAD,KAAA,CAAA,CAAA;;;;;GCoERE,IAAA,CAAA;;;;;;;;;;AAxDA,UAAAC,IAAAC,GAmCA,EAAA,UAAAV,EAAA,IAAAW,EAAAF,CAAA,GACAG,IAAAb,EAAAC,CAAA,GAEAa,IAAAV,EAAA,OAAA;AAAA,MAA2C,CAAA,mBAAAC,EAAA,KAAA,EAAA,GAAAK,EAAA,YAAAL,EAAA;AAAA,MACyD,CAAA,mBAAAK,EAAA,KAAA,EAAA,GAAAA,EAAA;AAAA,IACtD,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;8FC8B9CK,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;AArEA,UAAAL,IAAAC,GA2BA,EAAA,UAAAV,EAAA,IAAAW,EAAAF,CAAA,GAEAM,IAAAZ,EAAA,MAAAM,EAAA,WAAAA,EAAA,WAAA,IAAA,GACAR,IAAAE,EAAA,MAAAM,EAAA,MAAA,OAAAA,EAAA,QAAA,GACAG,IAAAb,EAAAC,CAAA,GAGAgB,IAAAb,EAAA,MAAAS,EAAA,QAAAA,EAAA,MAAA,WAAA,CAAA,IAAA,KAAA,IAAA,GAGAK,IAAAd,EAAA,MAAA;AAGI,YAAAe,IAAA,KADA,OAAA,KAAAZ,CAAA,EAAA;AAGA,aAAAU,EAAA,SAAAE,IACIZ,EAAA,SAEJU,EAAA,SAAAE,IAAA,IACIZ,EAAA,OAEJU,EAAA,SAAAE,IAAA,IACIZ,EAAA,QAEJA,EAAA;AAAA,IAA6B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/base-button.BSLpAs8A.js

@@ -0,0 +1,114 @@
+import { defineComponent as B, computed as C, ref as m, resolveComponent as y, createElementBlock as l, openBlock as r, mergeProps as S, createCommentVNode as u, createBlock as k, renderSlot as d, withCtx as g } from "vue";
+import { B as h } from "./typography.yBEME_Gu.js";
+import { u as L } from "./use-has-slot.B7eQSabc.js";
+import { _ as $ } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import "../assets/base-button.css";
+var p = /* @__PURE__ */ ((t) => (t.DESTRUCTIVE = "critical", t.ICON_ONLY = "icon-only", t))(p || {}), n = /* @__PURE__ */ ((t) => (t.BLUR = "blur", t.CLICK = "click", t.FOCUS = "focus", t.KEYDOWN_ESC = "keydown.esc", t))(n || {});
+const O = B({
+  name: "base-button",
+  components: { BentoTypography: h },
+  props: {
+    /**
+     * Disables button functionality
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Displays button as critical
+     */
+    critical: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The default behavior of the button.
+     * Possible values are: 'button', 'reset', 'submit'
+     */
+    type: {
+      type: String,
+      default: "button"
+    }
+  },
+  emits: [
+    n.CLICK,
+    n.FOCUS,
+    n.BLUR,
+    n.KEYDOWN_ESC
+  ],
+  setup(t, { slots: e, emit: s, attrs: b }) {
+    const c = C(() => {
+      var o;
+      return {
+        "aria-expanded": (o = b["aria-expanded"]) == null ? void 0 : o.toString()
+      };
+    }), f = m(null), i = C(() => ({
+      [`b-base-button--${p.DESTRUCTIVE}`]: t.critical,
+      [`b-base-button--${p.ICON_ONLY}`]: !e.default
+    }));
+    return {
+      // Values
+      ariaAttributes: c,
+      conditionalClasses: i,
+      // Methods
+      onClickButton: (o) => {
+        t.disabled ? (o.preventDefault(), o.stopPropagation()) : s(n.CLICK, o);
+      },
+      onFocusButton: (o) => {
+        s(n.FOCUS, o);
+      },
+      onBlurButton: (o) => {
+        s(n.BLUR, o);
+      },
+      hasSlot: L(e),
+      // Refs
+      bentoBaseButtonRef: f
+    };
+  }
+}), R = ["disabled", "type", "aria-expanded"], F = {
+  key: 0,
+  class: "b-base-button__icon-left",
+  "data-testid": "icon-button-left"
+}, I = {
+  key: 2,
+  class: "b-base-button__icon-right",
+  "data-testid": "icon-button-right"
+};
+function U(t, e, s, b, c, f) {
+  const i = y("bento-typography");
+  return r(), l("button", S({ ref: "bentoBaseButtonRef" }, t.$attrs, {
+    class: ["b-base-button", t.conditionalClasses],
+    disabled: t.disabled,
+    type: t.type,
+    "aria-expanded": t.ariaAttributes["aria-expanded"],
+    onClick: e[0] || (e[0] = (...a) => t.onClickButton && t.onClickButton(...a)),
+    onFocus: e[1] || (e[1] = (...a) => t.onFocusButton && t.onFocusButton(...a)),
+    onBlur: e[2] || (e[2] = (...a) => t.onBlurButton && t.onBlurButton(...a))
+  }), [
+    t.hasSlot("iconLeft") ? (r(), l("span", F, [
+      d(t.$slots, "iconLeft", {}, void 0, !0)
+    ])) : u("", !0),
+    t.hasSlot("default") ? (r(), k(i, {
+      key: 1,
+      el: "span",
+      variant: "body",
+      stronger: "",
+      class: "b-base-button__label"
+    }, {
+      default: g(() => [
+        d(t.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    })) : u("", !0),
+    t.hasSlot("iconRight") ? (r(), l("span", I, [
+      d(t.$slots, "iconRight", {}, void 0, !0)
+    ])) : u("", !0)
+  ], 16, R);
+}
+const T = /* @__PURE__ */ $(O, [["render", U], ["__scopeId", "data-v-cf942c5c"]]);
+export {
+  T as B,
+  n as a
+};
+//# sourceMappingURL=base-button.BSLpAs8A.js.map

package/dist/chunks/base-button.BSLpAs8A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-button.BSLpAs8A.js","sources":["../../../vue2/src/components/internal/base-button/base-button.types.ts","../../../vue2/src/components/internal/base-button/base-button.vue"],"sourcesContent":["export enum BentoBaseButtonPropClass {\n    DESTRUCTIVE = 'critical',\n    ICON_ONLY = 'icon-only',\n}\n\nexport enum BentoBaseButtonEvent {\n    BLUR = 'blur',\n    CLICK = 'click',\n    FOCUS = 'focus',\n    KEYDOWN_ESC = 'keydown.esc',\n}\n\nexport enum BaseButtonType {\n    BUTTON = 'button',\n    RESET = 'reset',\n    SUBMIT = 'submit',\n}\n","<template>\n    <button\n        ref=\"bentoBaseButtonRef\"\n        v-bind=\"$attrs\"\n        class=\"b-base-button\"\n        :class=\"conditionalClasses\"\n        :disabled=\"disabled\"\n        :type=\"type\"\n        :aria-expanded=\"ariaAttributes['aria-expanded']\"\n        @click=\"onClickButton\"\n        @focus=\"onFocusButton\"\n        @blur=\"onBlurButton\"\n    >\n        <span v-if=\"hasSlot('iconLeft')\" class=\"b-base-button__icon-left\" data-testid=\"icon-button-left\">\n            <slot name=\"iconLeft\" />\n        </span>\n        <bento-typography v-if=\"hasSlot('default')\" el=\"span\" variant=\"body\" stronger class=\"b-base-button__label\">\n            <slot />\n        </bento-typography>\n        <span v-if=\"hasSlot('iconRight')\" class=\"b-base-button__icon-right\" data-testid=\"icon-button-right\">\n            <slot name=\"iconRight\" />\n        </span>\n    </button>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, type PropType, ref } from 'vue';\n    import { BentoBaseButtonEvent, BentoBaseButtonPropClass } from './base-button.types';\n    import type { ButtonHTMLAttributes } from 'vue/types/jsx.d.ts';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import { type Booleanish } from '@/types/prop-types';\n\n    /**\n     * Base button component to use as a base for all the various types of bento buttons. For internal use only.\n     *\n     * * @example\n     * import { BaseButton, BaseButtonEvent } from '@/components/internal/base-button';\n     * import YourImportedIcon from @adyen/ui-assets-icons-16/example-icon';\n     *\n     * export default {\n     *      components: { BaseButton, YourImportedIcon },\n     *      props: {\n     *         text:\n     *      },\n     *      template: `\n     *          <base-button class=\"your-custom-button-styles\" @click=\"onClick\">\n     *             <template #iconLeft><your-imported-icon></template>\n     *             Button text\n     *             <template #iconRight><your-imported-icon></template>\n     *          </base-button>\n     *      `,\n     *      emits: [BentoButtonEvent.CLICK],\n     *      setup: (prps, { emit }) => {\n     *          const onClick = value => emit(BaseButtonEvent.CLICK, value);\n     *\n     *          return {\n     *              onClick,\n     *          };\n     *      }\n     * }\n     */\n    export default defineComponent({\n        name: 'base-button',\n        components: { BentoTypography },\n        props: {\n            /**\n             * Disables button functionality\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Displays button as critical\n             */\n            critical: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * The default behavior of the button.\n             * Possible values are: 'button', 'reset', 'submit'\n             */\n            type: {\n                type: String as PropType<ButtonHTMLAttributes['type']>,\n                default: 'button',\n            },\n        },\n        emits: [\n            BentoBaseButtonEvent.CLICK,\n            BentoBaseButtonEvent.FOCUS,\n            BentoBaseButtonEvent.BLUR,\n            BentoBaseButtonEvent.KEYDOWN_ESC,\n        ],\n        setup(props, { slots, emit, attrs }) {\n            const ariaAttributes = computed(() => ({\n                'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n            }));\n\n            const bentoBaseButtonRef = ref(null);\n\n            const conditionalClasses = computed(() => ({\n                [`b-base-button--${BentoBaseButtonPropClass.DESTRUCTIVE}`]: props.critical,\n                [`b-base-button--${BentoBaseButtonPropClass.ICON_ONLY}`]: !slots.default,\n            }));\n\n            const onClickButton = (e: MouseEvent) => {\n                if (!props.disabled) {\n                    emit(BentoBaseButtonEvent.CLICK, e);\n                } else {\n                    e.preventDefault();\n                    e.stopPropagation();\n                }\n            };\n\n            const onFocusButton = (e: FocusEvent) => {\n                emit(BentoBaseButtonEvent.FOCUS, e);\n            };\n\n            const onBlurButton = (e: FocusEvent) => {\n                emit(BentoBaseButtonEvent.BLUR, e);\n            };\n\n            return {\n                // Values\n                ariaAttributes,\n                conditionalClasses,\n\n                // Methods\n                onClickButton,\n                onFocusButton,\n                onBlurButton,\n                hasSlot: useHasSlot(slots),\n\n                // Refs\n                bentoBaseButtonRef,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-button.scss\" />\n"],"names":["BentoBaseButtonPropClass","BentoBaseButtonPropClass2","BentoBaseButtonEvent","BentoBaseButtonEvent2","_sfc_main","defineComponent","BentoTypography","props","slots","emit","attrs","ariaAttributes","computed","_a","bentoBaseButtonRef","ref","conditionalClasses","e","useHasSlot","_hoisted_1","openBlock","createElementBlock","mergeProps","_ctx","_cache","args","renderSlot","createCommentVNode","createBlock","_component_bento_typography","_hoisted_3"],"mappings":";;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,cAAA,YACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,QAAA,SACAA,EAAA,cAAA,eAJQA,IAAAD,KAAA,CAAA,CAAA;ACyDR,MAAAE,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACwB,OAAA;AAAA;AAAA;AAAA;AAAA,IACvB,UAAA;AAAA,MAIO,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,UAAA;AAAA,MAIU,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,MAAA;AAAA,MAKM,MAAA;AAAA,MACI,SAAA;AAAA,IACG;AAAA,EACb;AAAA,EACJ,OAAA;AAAA,IACOJ,EAAA;AAAA,IACkBA,EAAA;AAAA,IACAA,EAAA;AAAA,IACAA,EAAA;AAAA,EACA;AAAA,EACzB,MAAAK,GAAA,EAAA,OAAAC,GAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAEI,UAAAC,IAAAC,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAC,IAAAH,EAAA,eAAA,MAAA,gBAAAG,EAAA;AAAA,MACe;AAAA,KAAA,GAGtDC,IAAAC,EAAA,IAAA,GAEAC,IAAAJ,EAAA,OAAA;AAAA,MAA2C,CAAA,kBAAAZ,EAAA,WAAA,EAAA,GAAAO,EAAA;AAAA,MAC2B,CAAA,kBAAAP,EAAA,SAAA,EAAA,GAAA,CAAAQ,EAAA;AAAA,IACD,EAAA;AAoBrE,WAAA;AAAA;AAAA,MAAO,gBAAAG;AAAA,MAEH,oBAAAK;AAAA;AAAA,MACA,eApBJ,CAAAC,MAAA;AACI,QAAAV,EAAA,YAGIU,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAR,EAAAP,EAAA,OAAAe,CAAA;AAAA,MAIJ;AAAA,MAiBA,eAdJ,CAAAA,MAAA;AACI,QAAAR,EAAAP,EAAA,OAAAe,CAAA;AAAA,MAAkC;AAAA,MAclC,cAXJ,CAAAA,MAAA;AACI,QAAAR,EAAAP,EAAA,MAAAe,CAAA;AAAA,MAAiC;AAAA,MAWjC,SAAAC,EAAAV,CAAA;AAAA;AAAA,MACyB,oBAAAM;AAAA,IAGzB;AAAA,EACJ;AAER,CAAA,GA3IJK,IAAA,CAAA,YAAA,QAAA,eAAA;EAa+C,KAAA;AAAA,EAA2B,OAAA;AAAA;;EAM1B,KAAA;AAAA,EAA4B,OAAA;AAAA;;;;AAbnE,SAAAC,EAAA,GAAAC,EAAA,UAAAC,EAAA,EAAA,KAAA,qBAAA,GAAAC,EAAA,QAAA;AAAA,IAAkB,OAAA,CAAA,iBAAAA,EAAA,kBAAA;AAAA,IACR,UAAAA,EAAA;AAAA,IACG,MAAAA,EAAA;AAAA,IACR,iBAAAA,EAAA,eAAA,eAAA;AAAA,IACE,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,iBAAAA,EAAA,cAAA,GAAAE,CAAA;AAAA,IACW,SAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,iBAAAA,EAAA,cAAA,GAAAE,CAAA;AAAA;EAEA,CAAA,GAAA;AAAA;MAb3BC,EAAAH,EAAA,QAAA,YAAA,CAAA,GAAA,QAAA,EAAA;AAAA,IAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA,IAkB2BJ,EAAA,QAAA,SAAA,KAAAH,EAAA,GAAAQ,EAAAC,GAAA;AAAA,MAFkC,KAAA;AAAA,MAAC,IAAA;AAAA,MAAe,SAAA;AAAA,MAAe,UAAA;AAAA,MAhB5F,OAAA;AAAA,IAAA,GAAA;AAAA;QAAAH,EAAAH,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA,CAAA;AAAA,MAAA,GAAA;AAAA,IAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA,IAmBQJ,EAAA,QAAA,WAAA,KAAAH,EAAA,GAAAC,EAAA,QAAAS,GAAA;AAAA,MAnBRJ,EAAAH,EAAA,QAAA,aAAA,CAAA,GAAA,QAAA,EAAA;AAAA,IAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA;;;"}