@adyen/bento-vue2 1.27.0 → 1.28.1

package/dist/chunks/{radio-input.c6550a9c.js → radio-input.BQcC0INR.js}

@@ -1,12 +1,12 @@
-import { defineComponent as c, toRefs as p, ref as _, computed as o } from "vue";
-import { n as f } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { defineComponent as c, toRefs as p, ref as f, computed as i } from "vue";
+import { n as b } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/radio-input.css";
-var l = /* @__PURE__ */ ((n) => (n.DISABLED = "disabled", n.READONLY = "readonly", n.ERROR = "error", n))(l || {});
-const y = {
+var o = /* @__PURE__ */ ((n) => (n.DISABLED = "disabled", n.READONLY = "readonly", n.ERROR = "error", n))(o || {});
+const _ = {
   name: "radio-input",
   inheritAttrs: !1
-}, b = /* @__PURE__ */ c({
-  ...y,
+}, y = /* @__PURE__ */ c({
+  ..._,
   props: {
     /**
      * The aria label associated to the input checkbox.
@@ -50,12 +50,12 @@ const y = {
   },
   emits: ["update:model-value"],
   setup(n, { emit: a }) {
-    const e = n, { value: r } = p(e), i = _(null), t = o(() => ({
-      [`b-radio-input--${l.DISABLED}`]: e.disabled,
-      [`b-radio-input--${l.ERROR}`]: e.hasError,
-      [`b-radio-input--${l.READONLY}`]: e.readonly
-    })), d = o(() => e.hasError), s = o(() => e.value === e.modelValue);
-    return { __sfc: !0, props: e, emit: a, value: r, inputRef: i, conditionalClasses: t, ariaInvalid: d, isChecked: s, onChange: () => {
+    const e = n, { value: r } = p(e), l = f(null), t = i(() => ({
+      [`b-radio-input--${o.DISABLED}`]: e.disabled,
+      [`b-radio-input--${o.ERROR}`]: e.hasError,
+      [`b-radio-input--${o.READONLY}`]: e.readonly
+    })), d = i(() => e.hasError), s = i(() => e.value === e.modelValue);
+    return { __sfc: !0, props: e, emit: a, value: r, inputRef: l, conditionalClasses: t, ariaInvalid: d, isChecked: s, onChange: () => {
       !e.disabled && !e.readonly && a("update:model-value", e.value);
     }, onClick: (u) => {
       e.readonly && u.preventDefault();
@@ -65,19 +65,17 @@ const y = {
 var m = function() {
   var a = this, e = a._self._c, r = a._self._setupProxy;
   return e("input", { ref: "inputRef", staticClass: "b-radio-input", class: r.conditionalClasses, attrs: { id: a.id, "aria-checked": r.isChecked, "aria-label": a.ariaLabel, "aria-invalid": r.ariaInvalid, "aria-describedby": a.ariaDescribedby, disabled: a.disabled, "aria-readonly": a.readonly ? a.readonly : void 0, type: "radio", role: "radio" }, domProps: { checked: r.isChecked, value: r.value }, on: { click: r.onClick, change: r.onChange } });
-}, v = [], h = /* @__PURE__ */ f(
-  b,
+}, v = [], h = /* @__PURE__ */ b(
+  y,
   m,
   v,
   !1,
   null,
-  "142ce0d6",
-  null,
-  null
+  "0da78bbf"
 );
 const D = h.exports;
 export {
-  l as R,
+  o as R,
   D as a
 };
-//# sourceMappingURL=radio-input.c6550a9c.js.map
+//# sourceMappingURL=radio-input.BQcC0INR.js.map

package/dist/chunks/radio-input.BQcC0INR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-input.BQcC0INR.js","sources":["../../../core/src/components/radio-input/radio-input.types.ts","../../src/components/internal/radio-input/radio-input.vue"],"sourcesContent":["export type RadioInputValue = string | number;\n\nexport enum RadioInputStateClass {\n    DISABLED = 'disabled',\n    READONLY = 'readonly',\n    ERROR = 'error',\n}\n","<template>\n    <input\n        :id=\"id\"\n        ref=\"inputRef\"\n        :aria-checked=\"isChecked\"\n        :aria-label=\"ariaLabel\"\n        :aria-invalid=\"ariaInvalid\"\n        :aria-describedby=\"ariaDescribedby\"\n        :checked=\"isChecked\"\n        :disabled=\"disabled\"\n        :aria-readonly=\"readonly ? readonly : undefined\"\n        :value=\"value\"\n        type=\"radio\"\n        class=\"b-radio-input\"\n        :class=\"conditionalClasses\"\n        role=\"radio\"\n        @click=\"onClick\"\n        @change=\"onChange\"\n    />\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ComputedRef, PropType, ref, toRefs } from 'vue';\n    import { RadioInputStateClass, RadioInputValue } from '@/core/components/radio-input/radio-input.types';\n    import { HTMLAttributes } from 'vue/types/jsx';\n\n    const props = defineProps({\n        /**\n         * The aria label associated to the input checkbox.\n         */\n        ariaLabel: { type: String, default: '' },\n\n        /**\n         * An additional string that serves as description for the input checkbox (useful if the component shows a description).\n         */\n        ariaDescribedby: { type: String, default: '' },\n\n        /**\n         * Disable the radio button (optional)\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * Shows bento-radio-button in error state (optional)\n         */\n        hasError: { type: Boolean, default: false },\n\n        /**\n         * Sets the id of the radio input. Required for accessibility purposes\n         */\n        id: { type: String, default: null },\n\n        /**\n         * This property should not be used directly.\n         * It will be used by v-model directive on radio component.\n         */\n        modelValue: {\n            type: [String, Number] as PropType<RadioInputValue>,\n            default: null,\n        },\n\n        /**\n         * Sets the radio button to readonly (optional)\n         */\n        readonly: { type: Boolean, default: false },\n\n        /**\n         * Indicates the value of the input that will be returned when it's checked\n         */\n        value: {\n            type: [String, Number] as PropType<RadioInputValue>,\n            required: true,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emit that emits the input value\n         */\n        (e: 'update:model-value', value: RadioInputValue): void;\n    }>();\n\n    const { value } = toRefs(props);\n\n    const inputRef = ref(null);\n\n    const conditionalClasses = computed(() => ({\n        [`b-radio-input--${RadioInputStateClass.DISABLED}`]: props.disabled,\n        [`b-radio-input--${RadioInputStateClass.ERROR}`]: props.hasError,\n        [`b-radio-input--${RadioInputStateClass.READONLY}`]: props.readonly,\n    }));\n\n    const ariaInvalid = computed<HTMLAttributes['aria-invalid']>(() => props.hasError);\n\n    const isChecked: ComputedRef<boolean> = computed(() => props.value === props.modelValue);\n\n    const onChange = () => {\n        if (!props.disabled && !props.readonly) {\n            emit('update:model-value', props.value);\n        }\n    };\n\n    // readonly attr doesn't work with radio button, so we need to manually ignore the click instead\n    const onClick = event => {\n        if (props.readonly) {\n            event.preventDefault();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Internal component that renders a radio input (without label)\n     *\n     * @example\n     * import { RadioInput } from '@/internal/radio-input';\n     *\n     * export default {\n     *     components: { BentoCheckboxInput },\n     *     template: `\n     *      <label for=\"checkbox-id\">Your label</label>\n     *      <span id=\"description-id\">Description</span>\n     *      <radio-input id=\"checkbox-id\" aria=label=\"Your label\" aria-describedby=\"description-id\" />\n     *     `\n     * }\n     */\n    export default {\n        name: 'radio-input',\n        inheritAttrs: false,\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/radio-input/radio-input.scss\" />\n"],"names":["RadioInputStateClass","RadioInputStateClass2","__default__","value","toRefs","props","inputRef","ref","conditionalClasses","computed","ariaInvalid","isChecked","emit","event"],"mappings":";;;AAEY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,WAAA,YACAA,EAAA,WAAA,YACAA,EAAA,QAAA,SAHQA,IAAAD,KAAA,CAAA,CAAA;AC4HR,MAAAE,IAAA;AAAA,EAAe,MAAA;AAAA,EACL,cAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA/CA,EAAA,OAAAC,EAAA,IAAAC,EAAAC,CAAA,GAEAC,IAAAC,EAAA,IAAA,GAEAC,IAAAC,EAAA,OAAA;AAAA,MAA2C,CAAA,kBAAAT,EAAA,QAAA,EAAA,GAAAK,EAAA;AAAA,MACoB,CAAA,kBAAAL,EAAA,KAAA,EAAA,GAAAK,EAAA;AAAA,MACH,CAAA,kBAAAL,EAAA,QAAA,EAAA,GAAAK,EAAA;AAAA,IACG,EAAA,GAG/DK,IAAAD,EAAA,MAAAJ,EAAA,QAAA,GAEAM,IAAAF,EAAA,MAAAJ,EAAA,UAAAA,EAAA,UAAA;iIAEA,MAAA;AACI,MAAA,CAAAA,EAAA,YAAA,CAAAA,EAAA,YACIO,EAAA,sBAAAP,EAAA,KAAA;AAAA,IACJ,YAIJ,CAAAQ,MAAA;AACI,MAAAR,EAAA,YACIQ,EAAA,eAAA;AAAA,IACJ;;;;;;;;;;;;;;;"}

package/dist/chunks/referrals.BvtT-kQS.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='450'%20height='300'%20viewBox='0%200%20450%20300'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M57.1395%20258.833H90.8021C94.6708%20258.833%2097.9243%20255.921%2098.348%20252.079L102.661%20213.264H45.2807L49.5936%20252.079C50.0242%20255.928%2053.2709%20258.833%2057.1395%20258.833Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M44.4331%20205.662L45.2807%20213.257H102.661L103.502%20205.662H44.4331Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M58.782%20198.067L61.8167%20240.581C62.2473%20246.583%2067.2438%20251.238%2073.2586%20251.238H74.6803C80.702%20251.238%2085.6916%20246.59%2086.1222%20240.581L89.157%20198.067'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.3518%20266.428H54.5834C52.649%20266.428%2051.0223%20264.972%2050.8104%20263.051L43.5926%20198.067H104.349L97.1316%20263.051C96.9197%20264.972%2095.2929%20266.428%2093.3586%20266.428H93.3518Z'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M89.1622%20198.067L86.2436%20238.947C85.772%20245.592%2091.0281%20251.238%2097.6855%20251.238'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M58.7807%20198.067L61.6993%20238.947C62.1709%20245.592%2056.9148%20251.238%2050.2574%20251.238'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M58.782%20198.067L59.8141%20212.498'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M88.1311%20212.498L89.1632%20198.067'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M345.894%2034H99.8315C88.5068%2034%2079.3263%2043.1819%2079.3263%2054.5084V204.903C79.3263%20216.23%2088.5068%20225.411%2099.8315%20225.411H345.894C357.218%20225.411%20366.399%20216.23%20366.399%20204.903V54.5084C366.399%2043.1819%20357.218%2034%20345.894%2034Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M175.016%20259.592C178.789%20259.592%20181.851%20256.53%20181.851%20252.756V225.412H263.871V252.756C263.871%20256.53%20266.933%20259.592%20270.706%20259.592H175.016Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M284.378%20259.592H161.347V266.428H284.378V259.592Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M263.873%20225.412H181.852V239.084H263.873V225.412Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M182.536%20225.412H263.19'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M359.563%20129.706V54.5084C359.563%2046.9545%20353.445%2040.8362%20345.892%2040.8362H222.861V129.706H359.563Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M222.862%2040.8362H99.8306C92.2778%2040.8362%2086.1605%2046.9545%2086.1605%2054.5084V129.706H222.862V40.8362Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M222.861%20129.706V218.575H345.892C353.445%20218.575%20359.563%20212.457%20359.563%20204.903V129.706H222.861Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M86.1605%20129.706V204.903C86.1605%20212.457%2092.2778%20218.575%2099.8306%20218.575H222.862V129.706H86.1605Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M120.338%20259.592H325.39C325.39%20263.366%20322.328%20266.428%20318.555%20266.428H127.173C123.4%20266.428%20120.338%20263.366%20120.338%20259.592Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M120.338%20259.592L127.173%20252.756H318.555L325.39%20259.592H120.338Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M381.191%20239.084C366.578%20239.084%20354.104%20246.426%20349.217%20256.748C347.084%20261.246%20350.454%20266.428%20355.437%20266.428H406.946C411.922%20266.428%20415.291%20261.246%20413.166%20256.748C408.279%20246.426%20395.811%20239.084%20381.191%20239.084Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M291.212%20198.067C302.537%20198.067%20311.718%20187.355%20311.718%20174.141C311.718%20160.926%20302.537%20150.214%20291.212%20150.214C279.888%20150.214%20270.707%20160.926%20270.707%20174.141C270.707%20187.355%20279.888%20198.067%20291.212%20198.067Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M291.212%20198.067H310.609C323.514%20198.067%20334.976%20206.325%20339.057%20218.575H243.366C247.447%20206.325%20258.909%20198.067%20271.814%20198.067H291.212Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M291.212%20109.197C302.537%20109.197%20311.718%2098.4853%20311.718%2085.2711C311.718%2072.0569%20302.537%2061.3446%20291.212%2061.3446C279.888%2061.3446%20270.707%2072.0569%20270.707%2085.2711C270.707%2098.4853%20279.888%20109.197%20291.212%20109.197Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M291.212%20109.197H310.609C323.514%20109.197%20334.976%20117.455%20339.057%20129.706H243.366C247.447%20117.455%20258.909%20109.197%20271.814%20109.197H291.212Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.511%20198.067C165.836%20198.067%20175.017%20187.355%20175.017%20174.141C175.017%20160.926%20165.836%20150.214%20154.511%20150.214C143.187%20150.214%20134.006%20160.926%20134.006%20174.141C134.006%20187.355%20143.187%20198.067%20154.511%20198.067Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.511%20198.067H173.908C186.813%20198.067%20198.275%20206.325%20202.356%20218.575H106.665C110.746%20206.325%20122.208%20198.067%20135.113%20198.067H154.511Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.511%20109.197C165.836%20109.197%20175.017%2098.4853%20175.017%2085.2711C175.017%2072.0569%20165.836%2061.3446%20154.511%2061.3446C143.187%2061.3446%20134.006%2072.0569%20134.006%2085.2711C134.006%2098.4853%20143.187%20109.197%20154.511%20109.197Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.511%20109.197H173.908C186.813%20109.197%20198.275%20117.455%20202.356%20129.706H106.665C110.746%20117.455%20122.208%20109.197%20135.113%20109.197H154.511Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M198.777%20124.127C206.024%20124.127%20211.9%20118.251%20211.9%20111.002C211.9%20103.753%20206.024%2097.8766%20198.777%2097.8766C191.529%2097.8766%20185.653%20103.753%20185.653%20111.002C185.653%20118.251%20191.529%20124.127%20198.777%20124.127Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M198.775%20115.733V106.278'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M194.045%20111.002H203.498'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M198.777%20211.876C206.024%20211.876%20211.9%20205.999%20211.9%20198.75C211.9%20191.501%20206.024%20185.625%20198.777%20185.625C191.529%20185.625%20185.653%20191.501%20185.653%20198.75C185.653%20205.999%20191.529%20211.876%20198.777%20211.876Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M198.775%20203.481V194.02'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M194.045%20198.75H203.498'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M338.513%20124.127C345.761%20124.127%20351.636%20118.251%20351.636%20111.002C351.636%20103.753%20345.761%2097.8766%20338.513%2097.8766C331.265%2097.8766%20325.39%20103.753%20325.39%20111.002C325.39%20118.251%20331.265%20124.127%20338.513%20124.127Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M338.511%20115.733V106.278'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M333.781%20111.002H343.241'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M338.513%20211.876C345.761%20211.876%20351.636%20205.999%20351.636%20198.75C351.636%20191.501%20345.761%20185.625%20338.513%20185.625C331.265%20185.625%20325.39%20191.501%20325.39%20198.75C325.39%20205.999%20331.265%20211.876%20338.513%20211.876Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M338.511%20203.481V194.02'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M333.781%20198.75H343.241'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M30.1006%20266.428H420.328'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=referrals.BvtT-kQS.js.map

package/dist/chunks/referrals.BvtT-kQS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"referrals.BvtT-kQS.js","sources":["../../src/components/empty-state/assets/large/referrals.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='450'%20height='300'%20viewBox='0%200%20450%20300'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M57.1395%20258.833H90.8021C94.6708%20258.833%2097.9243%20255.921%2098.348%20252.079L102.661%20213.264H45.2807L49.5936%20252.079C50.0242%20255.928%2053.2709%20258.833%2057.1395%20258.833Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M44.4331%20205.662L45.2807%20213.257H102.661L103.502%20205.662H44.4331Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M58.782%20198.067L61.8167%20240.581C62.2473%20246.583%2067.2438%20251.238%2073.2586%20251.238H74.6803C80.702%20251.238%2085.6916%20246.59%2086.1222%20240.581L89.157%20198.067'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.3518%20266.428H54.5834C52.649%20266.428%2051.0223%20264.972%2050.8104%20263.051L43.5926%20198.067H104.349L97.1316%20263.051C96.9197%20264.972%2095.2929%20266.428%2093.3586%20266.428H93.3518Z'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M89.1622%20198.067L86.2436%20238.947C85.772%20245.592%2091.0281%20251.238%2097.6855%20251.238'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M58.7807%20198.067L61.6993%20238.947C62.1709%20245.592%2056.9148%20251.238%2050.2574%20251.238'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M58.782%20198.067L59.8141%20212.498'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M88.1311%20212.498L89.1632%20198.067'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M345.894%2034H99.8315C88.5068%2034%2079.3263%2043.1819%2079.3263%2054.5084V204.903C79.3263%20216.23%2088.5068%20225.411%2099.8315%20225.411H345.894C357.218%20225.411%20366.399%20216.23%20366.399%20204.903V54.5084C366.399%2043.1819%20357.218%2034%20345.894%2034Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M175.016%20259.592C178.789%20259.592%20181.851%20256.53%20181.851%20252.756V225.412H263.871V252.756C263.871%20256.53%20266.933%20259.592%20270.706%20259.592H175.016Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M284.378%20259.592H161.347V266.428H284.378V259.592Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M263.873%20225.412H181.852V239.084H263.873V225.412Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M182.536%20225.412H263.19'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M359.563%20129.706V54.5084C359.563%2046.9545%20353.445%2040.8362%20345.892%2040.8362H222.861V129.706H359.563Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M222.862%2040.8362H99.8306C92.2778%2040.8362%2086.1605%2046.9545%2086.1605%2054.5084V129.706H222.862V40.8362Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M222.861%20129.706V218.575H345.892C353.445%20218.575%20359.563%20212.457%20359.563%20204.903V129.706H222.861Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M86.1605%20129.706V204.903C86.1605%20212.457%2092.2778%20218.575%2099.8306%20218.575H222.862V129.706H86.1605Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M120.338%20259.592H325.39C325.39%20263.366%20322.328%20266.428%20318.555%20266.428H127.173C123.4%20266.428%20120.338%20263.366%20120.338%20259.592Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M120.338%20259.592L127.173%20252.756H318.555L325.39%20259.592H120.338Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M381.191%20239.084C366.578%20239.084%20354.104%20246.426%20349.217%20256.748C347.084%20261.246%20350.454%20266.428%20355.437%20266.428H406.946C411.922%20266.428%20415.291%20261.246%20413.166%20256.748C408.279%20246.426%20395.811%20239.084%20381.191%20239.084Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M291.212%20198.067C302.537%20198.067%20311.718%20187.355%20311.718%20174.141C311.718%20160.926%20302.537%20150.214%20291.212%20150.214C279.888%20150.214%20270.707%20160.926%20270.707%20174.141C270.707%20187.355%20279.888%20198.067%20291.212%20198.067Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M291.212%20198.067H310.609C323.514%20198.067%20334.976%20206.325%20339.057%20218.575H243.366C247.447%20206.325%20258.909%20198.067%20271.814%20198.067H291.212Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M291.212%20109.197C302.537%20109.197%20311.718%2098.4853%20311.718%2085.2711C311.718%2072.0569%20302.537%2061.3446%20291.212%2061.3446C279.888%2061.3446%20270.707%2072.0569%20270.707%2085.2711C270.707%2098.4853%20279.888%20109.197%20291.212%20109.197Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M291.212%20109.197H310.609C323.514%20109.197%20334.976%20117.455%20339.057%20129.706H243.366C247.447%20117.455%20258.909%20109.197%20271.814%20109.197H291.212Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.511%20198.067C165.836%20198.067%20175.017%20187.355%20175.017%20174.141C175.017%20160.926%20165.836%20150.214%20154.511%20150.214C143.187%20150.214%20134.006%20160.926%20134.006%20174.141C134.006%20187.355%20143.187%20198.067%20154.511%20198.067Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.511%20198.067H173.908C186.813%20198.067%20198.275%20206.325%20202.356%20218.575H106.665C110.746%20206.325%20122.208%20198.067%20135.113%20198.067H154.511Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.511%20109.197C165.836%20109.197%20175.017%2098.4853%20175.017%2085.2711C175.017%2072.0569%20165.836%2061.3446%20154.511%2061.3446C143.187%2061.3446%20134.006%2072.0569%20134.006%2085.2711C134.006%2098.4853%20143.187%20109.197%20154.511%20109.197Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.511%20109.197H173.908C186.813%20109.197%20198.275%20117.455%20202.356%20129.706H106.665C110.746%20117.455%20122.208%20109.197%20135.113%20109.197H154.511Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M198.777%20124.127C206.024%20124.127%20211.9%20118.251%20211.9%20111.002C211.9%20103.753%20206.024%2097.8766%20198.777%2097.8766C191.529%2097.8766%20185.653%20103.753%20185.653%20111.002C185.653%20118.251%20191.529%20124.127%20198.777%20124.127Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M198.775%20115.733V106.278'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M194.045%20111.002H203.498'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M198.777%20211.876C206.024%20211.876%20211.9%20205.999%20211.9%20198.75C211.9%20191.501%20206.024%20185.625%20198.777%20185.625C191.529%20185.625%20185.653%20191.501%20185.653%20198.75C185.653%20205.999%20191.529%20211.876%20198.777%20211.876Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M198.775%20203.481V194.02'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M194.045%20198.75H203.498'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M338.513%20124.127C345.761%20124.127%20351.636%20118.251%20351.636%20111.002C351.636%20103.753%20345.761%2097.8766%20338.513%2097.8766C331.265%2097.8766%20325.39%20103.753%20325.39%20111.002C325.39%20118.251%20331.265%20124.127%20338.513%20124.127Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M338.511%20115.733V106.278'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M333.781%20111.002H343.241'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M338.513%20211.876C345.761%20211.876%20351.636%20205.999%20351.636%20198.75C351.636%20191.501%20345.761%20185.625%20338.513%20185.625C331.265%20185.625%20325.39%20191.501%20325.39%20198.75C325.39%20205.999%20331.265%20211.876%20338.513%20211.876Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M338.511%20203.481V194.02'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M333.781%20198.75H343.241'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M30.1006%20266.428H420.328'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["referrals"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/chunks/referrals.aX8WZigH.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='300'%20height='200'%20viewBox='0%200%20300%20200'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M42.6532%20171.132H64.2329C66.7129%20171.132%2068.7986%20169.265%2069.0703%20166.802L71.8351%20141.919H35.051L37.8158%20166.802C38.0918%20169.269%2040.1731%20171.132%2042.6532%20171.132Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M34.5095%20137.046L35.0528%20141.915H71.837L72.3759%20137.046H34.5095Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M43.7062%20132.176L45.6517%20159.43C45.9277%20163.278%2049.1307%20166.262%2052.9866%20166.262H53.898C57.7583%20166.262%2060.9569%20163.282%2061.2329%20159.43L63.1784%20132.176'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M65.8687%20176H41.0158C39.7758%20176%2038.733%20175.066%2038.5971%20173.835L33.9701%20132.176H72.9188L68.2917%20173.835C68.1559%20175.066%2067.1131%20176%2065.873%20176H65.8687Z'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M63.1828%20132.176L61.3118%20158.383C61.0095%20162.642%2064.379%20166.262%2068.6468%20166.262'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M43.7052%20132.176L45.5762%20158.383C45.8785%20162.642%2042.509%20166.262%2038.2413%20166.262'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M43.7062%20132.176L44.3679%20141.427'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M62.5223%20141.427L63.184%20132.176'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M227.763%2027H70.0232C62.7634%2027%2056.8782%2032.8861%2056.8782%2040.1471V136.559C56.8782%20143.82%2062.7634%20149.706%2070.0232%20149.706H227.763C235.023%20149.706%20240.908%20143.82%20240.908%20136.559V40.1471C240.908%2032.8861%20235.023%2027%20227.763%2027Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M118.219%20171.618C120.638%20171.618%20122.601%20169.654%20122.601%20167.235V149.706H175.181V167.235C175.181%20169.654%20177.144%20171.618%20179.563%20171.618H118.219Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M188.327%20171.618H109.457V176H188.327V171.618Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M175.182%20149.706H122.602V158.471H175.182V149.706Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M123.04%20149.706H174.744'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M236.525%2088.3537V40.1478C236.525%2035.3053%20232.604%2031.3831%20227.762%2031.3831H148.892V88.3537H236.525Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M148.893%2031.3831H70.0226C65.1809%2031.3831%2061.2593%2035.3053%2061.2593%2040.1478V88.3537H148.893V31.3831Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M148.892%2088.3525V145.323H227.762C232.604%20145.323%20236.525%20141.401%20236.525%20136.558V88.3525H148.892Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M61.2593%2088.3525V136.558C61.2593%20141.401%2065.1809%20145.323%2070.0226%20145.323H148.893V88.3525H61.2593Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.1677%20171.618H214.618C214.618%20174.037%20212.655%20176%20210.236%20176H87.5493C85.1307%20176%2083.1677%20174.037%2083.1677%20171.618Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.1677%20171.618L87.5493%20167.235H210.236L214.618%20171.618H83.1677Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M250.39%20158.471C241.022%20158.471%20233.025%20163.177%20229.892%20169.795C228.525%20172.678%20230.685%20176%20233.88%20176H266.9C270.09%20176%20272.25%20172.678%20270.887%20169.795C267.754%20163.177%20259.762%20158.471%20250.39%20158.471Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M192.709%20132.176C199.969%20132.176%20205.854%20125.309%20205.854%20116.838C205.854%20108.367%20199.969%20101.5%20192.709%20101.5C185.45%20101.5%20179.564%20108.367%20179.564%20116.838C179.564%20125.309%20185.45%20132.176%20192.709%20132.176Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M192.71%20132.176H205.145C213.418%20132.176%20220.766%20137.47%20223.381%20145.323H162.038C164.654%20137.47%20172.002%20132.176%20180.275%20132.176H192.71Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M192.709%2075.2063C199.969%2075.2063%20205.854%2068.3391%20205.854%2059.868C205.854%2051.3969%20199.969%2044.5298%20192.709%2044.5298C185.45%2044.5298%20179.564%2051.3969%20179.564%2059.868C179.564%2068.3391%20185.45%2075.2063%20192.709%2075.2063Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M192.71%2075.2058H205.145C213.418%2075.2058%20220.766%2080.4997%20223.381%2088.3529H162.038C164.654%2080.4997%20172.002%2075.2058%20180.275%2075.2058H192.71Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M105.075%20132.176C112.335%20132.176%20118.22%20125.309%20118.22%20116.838C118.22%20108.367%20112.335%20101.5%20105.075%20101.5C97.815%20101.5%2091.9298%20108.367%2091.9298%20116.838C91.9298%20125.309%2097.815%20132.176%20105.075%20132.176Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M105.076%20132.176H117.511C125.784%20132.176%20133.132%20137.47%20135.748%20145.323H74.4045C77.0204%20137.47%2084.3685%20132.176%2092.6411%20132.176H105.076Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M105.075%2075.2063C112.335%2075.2063%20118.22%2068.3391%20118.22%2059.868C118.22%2051.3969%20112.335%2044.5298%20105.075%2044.5298C97.815%2044.5298%2091.9298%2051.3969%2091.9298%2059.868C91.9298%2068.3391%2097.815%2075.2063%20105.075%2075.2063Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M105.076%2075.2058H117.511C125.784%2075.2058%20133.132%2080.4997%20135.748%2088.3529H74.4045C77.0204%2080.4997%2084.3685%2075.2058%2092.6411%2075.2058H105.076Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M133.45%2084.7769C138.096%2084.7769%20141.863%2081.0098%20141.863%2076.3628C141.863%2071.7158%20138.096%2067.9487%20133.45%2067.9487C128.804%2067.9487%20125.037%2071.7158%20125.037%2076.3628C125.037%2081.0098%20128.804%2084.7769%20133.45%2084.7769Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M133.451%2079.3958V73.335'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M130.42%2076.3629H136.48'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M133.45%20141.029C138.096%20141.029%20141.863%20137.262%20141.863%20132.615C141.863%20127.968%20138.096%20124.201%20133.45%20124.201C128.804%20124.201%20125.037%20127.968%20125.037%20132.615C125.037%20137.262%20128.804%20141.029%20133.45%20141.029Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M133.451%20135.648V129.583'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M130.42%20132.615H136.48'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M223.03%2084.7769C227.676%2084.7769%20231.443%2081.0098%20231.443%2076.3628C231.443%2071.7158%20227.676%2067.9487%20223.03%2067.9487C218.384%2067.9487%20214.617%2071.7158%20214.617%2076.3628C214.617%2081.0098%20218.384%2084.7769%20223.03%2084.7769Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M223.032%2079.3958V73.335'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M219.998%2076.3629H226.062'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M223.03%20141.029C227.676%20141.029%20231.443%20137.262%20231.443%20132.615C231.443%20127.968%20227.676%20124.201%20223.03%20124.201C218.384%20124.201%20214.617%20127.968%20214.617%20132.615C214.617%20137.262%20218.384%20141.029%20223.03%20141.029Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M223.032%20135.648V129.583'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M219.998%20132.615H226.062'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M25.3207%20176H275.479'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=referrals.aX8WZigH.js.map

package/dist/chunks/referrals.aX8WZigH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"referrals.aX8WZigH.js","sources":["../../src/components/empty-state/assets/small/referrals.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='300'%20height='200'%20viewBox='0%200%20300%20200'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M42.6532%20171.132H64.2329C66.7129%20171.132%2068.7986%20169.265%2069.0703%20166.802L71.8351%20141.919H35.051L37.8158%20166.802C38.0918%20169.269%2040.1731%20171.132%2042.6532%20171.132Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M34.5095%20137.046L35.0528%20141.915H71.837L72.3759%20137.046H34.5095Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M43.7062%20132.176L45.6517%20159.43C45.9277%20163.278%2049.1307%20166.262%2052.9866%20166.262H53.898C57.7583%20166.262%2060.9569%20163.282%2061.2329%20159.43L63.1784%20132.176'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M65.8687%20176H41.0158C39.7758%20176%2038.733%20175.066%2038.5971%20173.835L33.9701%20132.176H72.9188L68.2917%20173.835C68.1559%20175.066%2067.1131%20176%2065.873%20176H65.8687Z'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M63.1828%20132.176L61.3118%20158.383C61.0095%20162.642%2064.379%20166.262%2068.6468%20166.262'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M43.7052%20132.176L45.5762%20158.383C45.8785%20162.642%2042.509%20166.262%2038.2413%20166.262'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M43.7062%20132.176L44.3679%20141.427'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M62.5223%20141.427L63.184%20132.176'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M227.763%2027H70.0232C62.7634%2027%2056.8782%2032.8861%2056.8782%2040.1471V136.559C56.8782%20143.82%2062.7634%20149.706%2070.0232%20149.706H227.763C235.023%20149.706%20240.908%20143.82%20240.908%20136.559V40.1471C240.908%2032.8861%20235.023%2027%20227.763%2027Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M118.219%20171.618C120.638%20171.618%20122.601%20169.654%20122.601%20167.235V149.706H175.181V167.235C175.181%20169.654%20177.144%20171.618%20179.563%20171.618H118.219Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M188.327%20171.618H109.457V176H188.327V171.618Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M175.182%20149.706H122.602V158.471H175.182V149.706Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M123.04%20149.706H174.744'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M236.525%2088.3537V40.1478C236.525%2035.3053%20232.604%2031.3831%20227.762%2031.3831H148.892V88.3537H236.525Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M148.893%2031.3831H70.0226C65.1809%2031.3831%2061.2593%2035.3053%2061.2593%2040.1478V88.3537H148.893V31.3831Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M148.892%2088.3525V145.323H227.762C232.604%20145.323%20236.525%20141.401%20236.525%20136.558V88.3525H148.892Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M61.2593%2088.3525V136.558C61.2593%20141.401%2065.1809%20145.323%2070.0226%20145.323H148.893V88.3525H61.2593Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.1677%20171.618H214.618C214.618%20174.037%20212.655%20176%20210.236%20176H87.5493C85.1307%20176%2083.1677%20174.037%2083.1677%20171.618Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.1677%20171.618L87.5493%20167.235H210.236L214.618%20171.618H83.1677Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M250.39%20158.471C241.022%20158.471%20233.025%20163.177%20229.892%20169.795C228.525%20172.678%20230.685%20176%20233.88%20176H266.9C270.09%20176%20272.25%20172.678%20270.887%20169.795C267.754%20163.177%20259.762%20158.471%20250.39%20158.471Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M192.709%20132.176C199.969%20132.176%20205.854%20125.309%20205.854%20116.838C205.854%20108.367%20199.969%20101.5%20192.709%20101.5C185.45%20101.5%20179.564%20108.367%20179.564%20116.838C179.564%20125.309%20185.45%20132.176%20192.709%20132.176Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M192.71%20132.176H205.145C213.418%20132.176%20220.766%20137.47%20223.381%20145.323H162.038C164.654%20137.47%20172.002%20132.176%20180.275%20132.176H192.71Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M192.709%2075.2063C199.969%2075.2063%20205.854%2068.3391%20205.854%2059.868C205.854%2051.3969%20199.969%2044.5298%20192.709%2044.5298C185.45%2044.5298%20179.564%2051.3969%20179.564%2059.868C179.564%2068.3391%20185.45%2075.2063%20192.709%2075.2063Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M192.71%2075.2058H205.145C213.418%2075.2058%20220.766%2080.4997%20223.381%2088.3529H162.038C164.654%2080.4997%20172.002%2075.2058%20180.275%2075.2058H192.71Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M105.075%20132.176C112.335%20132.176%20118.22%20125.309%20118.22%20116.838C118.22%20108.367%20112.335%20101.5%20105.075%20101.5C97.815%20101.5%2091.9298%20108.367%2091.9298%20116.838C91.9298%20125.309%2097.815%20132.176%20105.075%20132.176Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M105.076%20132.176H117.511C125.784%20132.176%20133.132%20137.47%20135.748%20145.323H74.4045C77.0204%20137.47%2084.3685%20132.176%2092.6411%20132.176H105.076Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M105.075%2075.2063C112.335%2075.2063%20118.22%2068.3391%20118.22%2059.868C118.22%2051.3969%20112.335%2044.5298%20105.075%2044.5298C97.815%2044.5298%2091.9298%2051.3969%2091.9298%2059.868C91.9298%2068.3391%2097.815%2075.2063%20105.075%2075.2063Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M105.076%2075.2058H117.511C125.784%2075.2058%20133.132%2080.4997%20135.748%2088.3529H74.4045C77.0204%2080.4997%2084.3685%2075.2058%2092.6411%2075.2058H105.076Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M133.45%2084.7769C138.096%2084.7769%20141.863%2081.0098%20141.863%2076.3628C141.863%2071.7158%20138.096%2067.9487%20133.45%2067.9487C128.804%2067.9487%20125.037%2071.7158%20125.037%2076.3628C125.037%2081.0098%20128.804%2084.7769%20133.45%2084.7769Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M133.451%2079.3958V73.335'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M130.42%2076.3629H136.48'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M133.45%20141.029C138.096%20141.029%20141.863%20137.262%20141.863%20132.615C141.863%20127.968%20138.096%20124.201%20133.45%20124.201C128.804%20124.201%20125.037%20127.968%20125.037%20132.615C125.037%20137.262%20128.804%20141.029%20133.45%20141.029Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M133.451%20135.648V129.583'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M130.42%20132.615H136.48'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M223.03%2084.7769C227.676%2084.7769%20231.443%2081.0098%20231.443%2076.3628C231.443%2071.7158%20227.676%2067.9487%20223.03%2067.9487C218.384%2067.9487%20214.617%2071.7158%20214.617%2076.3628C214.617%2081.0098%20218.384%2084.7769%20223.03%2084.7769Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M223.032%2079.3958V73.335'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M219.998%2076.3629H226.062'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M223.03%20141.029C227.676%20141.029%20231.443%20137.262%20231.443%20132.615C231.443%20127.968%20227.676%20124.201%20223.03%20124.201C218.384%20124.201%20214.617%20127.968%20214.617%20132.615C214.617%20137.262%20218.384%20141.029%20223.03%20141.029Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M223.032%20135.648V129.583'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M219.998%20132.615H226.062'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M25.3207%20176H275.479'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["referrals"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/chunks/{refresh.71a03998.js → refresh.BKI9WwKh.js}

@@ -1,4 +1,4 @@
-import { n as r } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { n as r } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/cross.css";
 let e = 0;
 const n = {
@@ -6,21 +6,19 @@ const n = {
     this.uuid = e.toString(), e += 1;
   }
 };
-var l = function() {
+var i = function() {
   var t = this, s = t._self._c;
   return s("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? s("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), s("path", { attrs: { fill: "#00112C", d: "M2.75 8C2.75 5.10421 5.10421 2.75 8 2.75C9.88725 2.75 11.5441 3.74881 12.472 5.25H9.25V6.75H14.75V1.25H13.25V3.75995C12.0118 2.23 10.1214 1.25 8 1.25C4.27579 1.25 1.25 4.27579 1.25 8C1.25 11.7242 4.27579 14.75 8 14.75C11.7242 14.75 14.75 11.7242 14.75 8H13.25C13.25 10.8958 10.8958 13.25 8 13.25C5.10421 13.25 2.75 10.8958 2.75 8Z" } })]);
-}, _ = [], i = /* @__PURE__ */ r(
+}, a = [], o = /* @__PURE__ */ r(
   n,
-  l,
-  _,
+  i,
+  a,
   !1,
   null,
-  null,
-  null,
   null
 );
-const c = i.exports;
+const c = o.exports;
 export {
   c as R
 };
-//# sourceMappingURL=refresh.71a03998.js.map
+//# sourceMappingURL=refresh.BKI9WwKh.js.map

package/dist/chunks/{refresh.71a03998.js.map → refresh.BKI9WwKh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"refresh.71a03998.js","sources":["../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/refresh.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=\"#00112C\" d=\"M2.75 8C2.75 5.10421 5.10421 2.75 8 2.75C9.88725 2.75 11.5441 3.74881 12.472 5.25H9.25V6.75H14.75V1.25H13.25V3.75995C12.0118 2.23 10.1214 1.25 8 1.25C4.27579 1.25 1.25 4.27579 1.25 8C1.25 11.7242 4.27579 14.75 8 14.75C11.7242 14.75 14.75 11.7242 14.75 8H13.25C13.25 10.8958 10.8958 13.25 8 13.25C5.10421 13.25 2.75 10.8958 2.75 8Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"refresh.BKI9WwKh.js","sources":["../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/refresh.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=\"#00112C\" d=\"M2.75 8C2.75 5.10421 5.10421 2.75 8 2.75C9.88725 2.75 11.5441 3.74881 12.472 5.25H9.25V6.75H14.75V1.25H13.25V3.75995C12.0118 2.23 10.1214 1.25 8 1.25C4.27579 1.25 1.25 4.27579 1.25 8C1.25 11.7242 4.27579 14.75 8 14.75C11.7242 14.75 14.75 11.7242 14.75 8H13.25C13.25 10.8958 10.8958 13.25 8 13.25C5.10421 13.25 2.75 10.8958 2.75 8Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/{resize.a041304d.js → resize.Bqks3WUm.js}

@@ -12,4 +12,4 @@ const o = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap(), i =
 export {
   i as o
 };
-//# sourceMappingURL=resize.a041304d.js.map
+//# sourceMappingURL=resize.Bqks3WUm.js.map

package/dist/chunks/{resize.a041304d.js.map → resize.Bqks3WUm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"resize.a041304d.js","sources":["../../src/utils/ts/resize.ts"],"sourcesContent":["const callbackMap = new WeakMap();\nconst observerMap = new WeakMap();\n\nexport const observeSizeOfElement = (element, callback): ResizeObserver | null => {\n    if (!window.ResizeObserver) {\n        return null;\n    }\n\n    const elementToObserve = element.$el ?? element;\n\n    const observer = new ResizeObserver(([entry]) => {\n        requestAnimationFrame(() => {\n            const callbackToInvoke = callbackMap.get(entry.target);\n            if (callbackToInvoke) {\n                callbackToInvoke(entry.target.getBoundingClientRect());\n            }\n        });\n    });\n\n    callbackMap.set(elementToObserve, callback);\n    observerMap.set(elementToObserve, observer);\n    observer.observe(elementToObserve);\n\n    return observer;\n};\n"],"names":["callbackMap","observerMap","observeSizeOfElement","element","callback","elementToObserve","observer","entry","callbackToInvoke"],"mappings":"AAAA,MAAMA,wBAAkB,WAClBC,wBAAkB,WAEXC,IAAuB,CAACC,GAASC,MAAoC;AAC1E,MAAA,CAAC,OAAO;AACD,WAAA;AAGL,QAAAC,IAAmBF,EAAQ,OAAOA,GAElCG,IAAW,IAAI,eAAe,CAAC,CAACC,CAAK,MAAM;AAC7C,0BAAsB,MAAM;AACxB,YAAMC,IAAmBR,EAAY,IAAIO,EAAM,MAAM;AACrD,MAAIC,KACiBA,EAAAD,EAAM,OAAO,sBAAuB,CAAA;AAAA,IACzD,CACH;AAAA,EAAA,CACJ;AAEW,SAAAP,EAAA,IAAIK,GAAkBD,CAAQ,GAC9BH,EAAA,IAAII,GAAkBC,CAAQ,GAC1CA,EAAS,QAAQD,CAAgB,GAE1BC;AACX;"}
+{"version":3,"file":"resize.Bqks3WUm.js","sources":["../../src/utils/ts/resize.ts"],"sourcesContent":["const callbackMap = new WeakMap();\nconst observerMap = new WeakMap();\n\nexport const observeSizeOfElement = (element, callback): ResizeObserver | null => {\n    if (!window.ResizeObserver) {\n        return null;\n    }\n\n    const elementToObserve = element.$el ?? element;\n\n    const observer = new ResizeObserver(([entry]) => {\n        requestAnimationFrame(() => {\n            const callbackToInvoke = callbackMap.get(entry.target);\n            if (callbackToInvoke) {\n                callbackToInvoke(entry.target.getBoundingClientRect());\n            }\n        });\n    });\n\n    callbackMap.set(elementToObserve, callback);\n    observerMap.set(elementToObserve, observer);\n    observer.observe(elementToObserve);\n\n    return observer;\n};\n"],"names":["callbackMap","observerMap","observeSizeOfElement","element","callback","elementToObserve","observer","entry","callbackToInvoke"],"mappings":"AAAA,MAAMA,wBAAkB,QAAQ,GAC1BC,wBAAkB,QAAQ,GAEnBC,IAAuB,CAACC,GAASC,MAAoC;AAC1E,MAAA,CAAC,OAAO;AACD,WAAA;AAGL,QAAAC,IAAmBF,EAAQ,OAAOA,GAElCG,IAAW,IAAI,eAAe,CAAC,CAACC,CAAK,MAAM;AAC7C,0BAAsB,MAAM;AACxB,YAAMC,IAAmBR,EAAY,IAAIO,EAAM,MAAM;AACrD,MAAIC,KACiBA,EAAAD,EAAM,OAAO,uBAAuB;AAAA,IACzD,CACH;AAAA,EAAA,CACJ;AAEW,SAAAP,EAAA,IAAIK,GAAkBD,CAAQ,GAC9BH,EAAA,IAAII,GAAkBC,CAAQ,GAC1CA,EAAS,QAAQD,CAAgB,GAE1BC;AACX;"}

package/dist/chunks/search-bar.CsAgO-t5.js

@@ -0,0 +1,89 @@
+import { defineComponent as p, ref as c, watch as d } from "vue";
+import { d as f } from "./debounce.DUTu11PS.js";
+import { u as m } from "./i18n.BQkEbtPM.js";
+import { B as h } from "./input-field.BnlEPPYr.js";
+import { S as _ } from "./search.CBKhp7zB.js";
+import { C as y } from "./cross-circle-fill.CnYH4R_h.js";
+import { n as b } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import "../assets/search-bar.css";
+var o = /* @__PURE__ */ ((t) => (t.CLEAR = "clear", t.ESCAPE = "escape-pressed", t.INPUT = "input", t.UPDATE = "update:search-term", t))(o || {}), C = /* @__PURE__ */ ((t) => (t.CLEAR = "search-clear", t.INPUT = "search-input", t.UPDATE = "update:search-term", t))(C || {});
+const v = {
+  "en-US": {
+    search: "Search",
+    clearSearch: "Clear search"
+  }
+}, S = {
+  i18n: { messages: v }
+}, k = /* @__PURE__ */ p({
+  ...S,
+  __name: "search-bar",
+  props: {
+    /**
+     * Text that labels an the search bar input element
+     */
+    inputFieldAriaLabel: { type: String, required: !0 },
+    /**
+     * Reduces height of the search bar
+     */
+    condensed: { type: Boolean, default: !1 },
+    /**
+     * Custom debounce time. Default: 300
+     */
+    debounceTime: { type: Number, default: 300 },
+    /**
+     * Text displayed as the placeholder of the input-field
+     */
+    placeholder: { type: String, default: "" },
+    /**
+     * Text displayed as the value being searched
+     */
+    value: { type: String, default: void 0 }
+  },
+  emits: ["input", "clear", "escape-pressed"],
+  setup(t, { emit: a }) {
+    const n = t, { t: e } = m(), r = c(n.value), u = c();
+    d(
+      () => n.value,
+      () => {
+        r.value = n.value;
+      },
+      { immediate: !0 }
+    );
+    const l = () => {
+      r.value = "", a("clear"), a("input", "");
+    }, s = f(() => {
+      a("input", r.value);
+    }, n.debounceTime);
+    return { __sfc: !0, t: e, props: n, emit: a, searchTerm: r, bentoInputField: u, onClearSearch: l, debouncedEmit: s, onInputEvent: (i) => {
+      r.value = i, s();
+    }, BentoSearchBarInternalEvent: o, BentoInputField: h, SearchIcon: _, CrossCircleFillIcon: y };
+  }
+});
+var I = function() {
+  var a = this, n = a._self._c, e = a._self._setupProxy;
+  return n("div", { staticClass: "b-search-bar" }, [n(e.BentoInputField, { ref: "bentoInputField", attrs: { value: e.searchTerm, type: "search", condensed: a.condensed, "aria-label": a.inputFieldAriaLabel, "aria-hidden": !1, placeholder: a.placeholder }, on: { input: e.onInputEvent, "escape-pressed": function(r) {
+    return e.emit(e.BentoSearchBarInternalEvent.ESCAPE);
+  } }, scopedSlots: a._u([{ key: "iconBefore", fn: function() {
+    return [n(e.SearchIcon, { attrs: { "svg-title": e.t("search"), "aria-hidden": "true" } })];
+  }, proxy: !0 }, e.searchTerm ? { key: "iconAfter", fn: function() {
+    return [n("div", { staticClass: "b-search-bar__clear-search", attrs: { tabindex: "0", "data-testid": "b-search-bar-clear-search-button" }, on: { click: e.onClearSearch, keypress: function(r) {
+      return !r.type.indexOf("key") && a._k(r.keyCode, "enter", 13, r.key, "Enter") ? null : e.onClearSearch.apply(null, arguments);
+    }, keyup: function(r) {
+      return !r.type.indexOf("key") && a._k(r.keyCode, "space", 32, r.key, [" ", "Spacebar"]) ? null : e.onClearSearch.apply(null, arguments);
+    } } }, [n(e.CrossCircleFillIcon, { attrs: { "svg-title": e.t("clearSearch") } })], 1)];
+  }, proxy: !0 } : null], null, !0) })], 1);
+}, A = [], E = /* @__PURE__ */ b(
+  k,
+  I,
+  A,
+  !1,
+  null,
+  "433ba33d"
+);
+const R = E.exports;
+export {
+  R as B,
+  o as a,
+  C as b
+};
+//# sourceMappingURL=search-bar.CsAgO-t5.js.map

package/dist/chunks/search-bar.CsAgO-t5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.CsAgO-t5.js","sources":["../../src/components/search-bar/search-bar.types.ts","../../src/components/search-bar/search-bar.vue"],"sourcesContent":["export enum BentoSearchBarInternalEvent {\n    CLEAR = 'clear',\n    ESCAPE = 'escape-pressed',\n    INPUT = 'input',\n    UPDATE = 'update:search-term',\n}\n\nexport enum BentoSearchBarEvent {\n    CLEAR = 'search-clear',\n    INPUT = 'search-input',\n    UPDATE = 'update:search-term',\n}\n\nexport interface BentoSearchBarItem {\n    label: string;\n    items?: Array<BentoSearchBarItem>;\n}\n\nexport type BentoSearchBarData = Array<BentoSearchBarItem>;\n","<template>\n    <div class=\"b-search-bar\">\n        <bento-input-field\n            ref=\"bentoInputField\"\n            :value=\"searchTerm\"\n            type=\"search\"\n            :condensed=\"condensed\"\n            :aria-label=\"inputFieldAriaLabel\"\n            :aria-hidden=\"false\"\n            :placeholder=\"placeholder\"\n            @input=\"onInputEvent\"\n            @escape-pressed=\"emit(BentoSearchBarInternalEvent.ESCAPE)\"\n        >\n            <template #iconBefore>\n                <search-icon :svg-title=\"t('search')\" aria-hidden=\"true\" />\n            </template>\n\n            <template v-if=\"searchTerm\" #iconAfter>\n                <div\n                    class=\"b-search-bar__clear-search\"\n                    tabindex=\"0\"\n                    data-testid=\"b-search-bar-clear-search-button\"\n                    @click=\"onClearSearch\"\n                    @keypress.enter=\"onClearSearch\"\n                    @keyup.space=\"onClearSearch\"\n                >\n                    <cross-circle-fill-icon :svg-title=\"t('clearSearch')\" />\n                </div>\n            </template>\n        </bento-input-field>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { ref, watch } from 'vue';\n    import { debounce } from '@/utils/ts/debounce';\n    import { BentoSearchBarInternalEvent } from './search-bar.types';\n    import { useI18n } from '@/utils/ts/i18n';\n    import BentoInputField from '@/components/input-field/input-field.vue';\n    import SearchIcon from '@adyen/ui-assets-icons-16/vue/search';\n    import CrossCircleFillIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const props = defineProps({\n        /**\n         * Text that labels an the search bar input element\n         */\n        inputFieldAriaLabel: { type: String, required: true },\n\n        /**\n         * Reduces height of the search bar\n         */\n        condensed: { type: Boolean, default: false },\n\n        /**\n         * Custom debounce time. Default: 300\n         */\n        debounceTime: { type: Number, default: 300 },\n\n        /**\n         * Text displayed as the placeholder of the input-field\n         */\n        placeholder: { type: String, default: '' },\n\n        /**\n         * Text displayed as the value being searched\n         */\n        value: { type: String, default: undefined },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emitted when the input value changes by typing a search. Debounced by the `debounceTime` property\n         */\n        (e: 'input', inputValue: string): void;\n\n        /**\n         * Emitted when the \"clear search\" button is clicked\n         */\n        (e: 'clear'): void;\n\n        /**\n         * Emitted when the \"ESC\" key is pressed inside the Search Bar input\n         */\n        (e: 'escape-pressed'): void;\n    }>();\n\n    const searchTerm = ref(props.value);\n    const bentoInputField = ref<InstanceType<typeof BentoInputField> | null>();\n\n    watch(\n        () => props.value,\n        () => {\n            searchTerm.value = props.value;\n        },\n        { immediate: true }\n    );\n\n    const onClearSearch = () => {\n        searchTerm.value = '';\n        emit('clear');\n        emit('input', '');\n    };\n\n    const debouncedEmit = debounce(() => {\n        emit('input', searchTerm.value);\n    }, props.debounceTime);\n\n    const onInputEvent = (value: string) => {\n        searchTerm.value = value;\n        debouncedEmit();\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Search functionality to help users find the desired data quicker.\n     * When a user starts typing, the data is dynamically filtered to\n     * only show the relevant results.\n     *\n     * Clearing the search field displays the entire list again.\n     *\n     * @example\n     * import {\n     *     BentoSearchBar,\n     *     BentoSearchBarData,\n     *     useSearchBarFilter\n     * } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSearchBar },\n     *     template: `\n     *          <bento-search-bar\n     *              input-field-aria-label=\"Search bar\"\n     *              v-model=\"searchTerm\"\n     *              @input=\"onInput\"\n     *              @clear=\"onClearSearch\"\n     *          />\n     *          // Render the filtered data\n     *          {{ filteredData }}\n     *     `,\n     *     setup() {\n     *         const searchTerm = ref('');\n     *         const data = ref<BentoSearchBarData>([]);\n     *         const filteredData = useSearchBarFilter(searchTerm, data);\n     *\n     *         consdt onInput = () => {}\n     *         consdt onClearSearch = () => {}\n     *\n     *         return {\n     *             searchTerm,\n     *             filteredData,\n     *             onInput,\n     *             onClearSearch,\n     *         };\n     *     }\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./search-bar.scss\" />\n"],"names":["BentoSearchBarInternalEvent","BentoSearchBarInternalEvent2","BentoSearchBarEvent","BentoSearchBarEvent2","__default__","messages","t","useI18n","searchTerm","ref","props","bentoInputField","watch","onClearSearch","emit","debouncedEmit","debounce","value"],"mappings":";;;;;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,QAAA,SACAA,EAAA,SAAA,kBACAA,EAAA,QAAA,SACAA,EAAA,SAAA,sBAJQA,IAAAD,KAAA,CAAA,CAAA,GAOAE,IAAA,kBAAAC,OACRA,EAAA,QAAA,gBACAA,EAAA,QAAA,gBACAA,EAAA,SAAA,sBAHQA,IAAAD,KAAA,CAAA,CAAA;;;;;;GC2JRE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAvHA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GA8CAC,IAAAC,EAAAC,EAAA,KAAA,GACAC,IAAAF,EAAA;AAEA,IAAAG;AAAA,MAAA,MAAAF,EAAA;AAAA,MACgB,MAAA;AAER,QAAAF,EAAA,QAAAE,EAAA;AAAA,MAAyB;AAAA,MAC7B,EAAA,WAAA,GAAA;AAAA,IACkB;AAGtB,UAAAG,IAAA,MAAA;AACI,MAAAL,EAAA,QAAA,IACAM,EAAA,OAAA,GACAA,EAAA,SAAA,EAAA;AAAA,IAAgB,GAGpBC,IAAAC,EAAA,MAAA;AACI,MAAAF,EAAA,SAAAN,EAAA,KAAA;AAAA,IAA8B,GAAAE,EAAA,YAAA;sIAGlC,CAAAO,MAAA;AACI,MAAAT,EAAA,QAAAS,GACAF,EAAA;AAAA,IAAc;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{search.471270fe.js → search.CBKhp7zB.js}

@@ -1,26 +1,24 @@
-import { n as r } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { n as e } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/cross.css";
-let e = 0;
-const a = {
+let r = 0;
+const i = {
   beforeCreate() {
-    this.uuid = e.toString(), e += 1;
+    this.uuid = r.toString(), r += 1;
   }
 };
-var i = function() {
+var a = function() {
   var t = this, s = t._self._c;
   return s("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? s("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), s("g", { attrs: { "clip-path": "url(#uia-icons-16-search__a" + t.uuid + ")" } }, [s("path", { attrs: { fill: "#00112C", d: "M8.31686 0.379702C7.00749 0.119252 5.65029 0.252925 4.41689 0.763816C3.18349 1.27471 2.12928 2.13987 1.38758 3.2499C0.645881 4.35994 0.25 5.66498 0.25 7C0.25 8.79021 0.961159 10.5071 2.22703 11.773C3.4929 13.0388 5.20979 13.75 7 13.75C8.33502 13.75 9.64007 13.3541 10.7501 12.6124C10.9096 12.5059 11.064 12.3928 11.2131 12.2738L15.0001 16.0608L16.0608 15.0001L12.2737 11.2131C12.6674 10.7203 12.9922 10.1721 13.2362 9.58312C13.7471 8.34972 13.8808 6.99252 13.6203 5.68314C13.3598 4.37377 12.717 3.17104 11.773 2.22703C10.829 1.28303 9.62623 0.640153 8.31686 0.379702ZM4.99091 2.14964C5.95022 1.75228 7.00582 1.64831 8.02422 1.85088C9.04262 2.05345 9.97808 2.55347 10.7123 3.28769C11.4465 4.02192 11.9465 4.95738 12.1491 5.97578C12.3517 6.99418 12.2477 8.04978 11.8504 9.00909C11.453 9.9684 10.7801 10.7883 9.91674 11.3652C9.05339 11.9421 8.03835 12.25 7 12.25C5.60761 12.25 4.27225 11.6969 3.28769 10.7123C2.30312 9.72775 1.75 8.39239 1.75 7C1.75 5.96165 2.05791 4.94662 2.63478 4.08326C3.21166 3.2199 4.0316 2.547 4.99091 2.14964Z" } })]), s("defs", [s("clipPath", { attrs: { id: "uia-icons-16-search__a" + t.uuid } }, [s("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, n = [], l = /* @__PURE__ */ r(
-  a,
+}, n = [], C = /* @__PURE__ */ e(
   i,
+  a,
   n,
   !1,
   null,
-  null,
-  null,
   null
 );
-const c = l.exports;
+const _ = C.exports;
 export {
-  c as S
+  _ as S
 };
-//# sourceMappingURL=search.471270fe.js.map
+//# sourceMappingURL=search.CBKhp7zB.js.map

package/dist/chunks/{search.471270fe.js.map → search.CBKhp7zB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"search.471270fe.js","sources":["../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/search.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-icons-16-search__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M8.31686 0.379702C7.00749 0.119252 5.65029 0.252925 4.41689 0.763816C3.18349 1.27471 2.12928 2.13987 1.38758 3.2499C0.645881 4.35994 0.25 5.66498 0.25 7C0.25 8.79021 0.961159 10.5071 2.22703 11.773C3.4929 13.0388 5.20979 13.75 7 13.75C8.33502 13.75 9.64007 13.3541 10.7501 12.6124C10.9096 12.5059 11.064 12.3928 11.2131 12.2738L15.0001 16.0608L16.0608 15.0001L12.2737 11.2131C12.6674 10.7203 12.9922 10.1721 13.2362 9.58312C13.7471 8.34972 13.8808 6.99252 13.6203 5.68314C13.3598 4.37377 12.717 3.17104 11.773 2.22703C10.829 1.28303 9.62623 0.640153 8.31686 0.379702ZM4.99091 2.14964C5.95022 1.75228 7.00582 1.64831 8.02422 1.85088C9.04262 2.05345 9.97808 2.55347 10.7123 3.28769C11.4465 4.02192 11.9465 4.95738 12.1491 5.97578C12.3517 6.99418 12.2477 8.04978 11.8504 9.00909C11.453 9.9684 10.7801 10.7883 9.91674 11.3652C9.05339 11.9421 8.03835 12.25 7 12.25C5.60761 12.25 4.27225 11.6969 3.28769 10.7123C2.30312 9.72775 1.75 8.39239 1.75 7C1.75 5.96165 2.05791 4.94662 2.63478 4.08326C3.21166 3.2199 4.0316 2.547 4.99091 2.14964Z\"/></g><defs><clipPath :id=\"'uia-icons-16-search__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"search.CBKhp7zB.js","sources":["../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/search.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-icons-16-search__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M8.31686 0.379702C7.00749 0.119252 5.65029 0.252925 4.41689 0.763816C3.18349 1.27471 2.12928 2.13987 1.38758 3.2499C0.645881 4.35994 0.25 5.66498 0.25 7C0.25 8.79021 0.961159 10.5071 2.22703 11.773C3.4929 13.0388 5.20979 13.75 7 13.75C8.33502 13.75 9.64007 13.3541 10.7501 12.6124C10.9096 12.5059 11.064 12.3928 11.2131 12.2738L15.0001 16.0608L16.0608 15.0001L12.2737 11.2131C12.6674 10.7203 12.9922 10.1721 13.2362 9.58312C13.7471 8.34972 13.8808 6.99252 13.6203 5.68314C13.3598 4.37377 12.717 3.17104 11.773 2.22703C10.829 1.28303 9.62623 0.640153 8.31686 0.379702ZM4.99091 2.14964C5.95022 1.75228 7.00582 1.64831 8.02422 1.85088C9.04262 2.05345 9.97808 2.55347 10.7123 3.28769C11.4465 4.02192 11.9465 4.95738 12.1491 5.97578C12.3517 6.99418 12.2477 8.04978 11.8504 9.00909C11.453 9.9684 10.7801 10.7883 9.91674 11.3652C9.05339 11.9421 8.03835 12.25 7 12.25C5.60761 12.25 4.27225 11.6969 3.28769 10.7123C2.30312 9.72775 1.75 8.39239 1.75 7C1.75 5.96165 2.05791 4.94662 2.63478 4.08326C3.21166 3.2199 4.0316 2.547 4.99091 2.14964Z\"/></g><defs><clipPath :id=\"'uia-icons-16-search__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/secondary-nav.CNgpPxUU.js

@@ -0,0 +1,97 @@
+import { defineComponent as o, inject as p, computed as d, ref as y, readonly as m, watch as f, provide as b } from "vue";
+import { B as _ } from "./typography.Bjtu3Gca.js";
+import { n as c } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import "../assets/secondary-nav.css";
+const u = Symbol("secondary nav state"), C = {}, g = /* @__PURE__ */ o({
+  ...C,
+  __name: "secondary-nav-item",
+  props: {
+    label: null,
+    value: null
+  },
+  emits: ["click"],
+  setup(n, { emit: e }) {
+    const a = n, { activeItemValue: t, updateActiveItemValue: s } = p(u), l = d(() => ({
+      "b-secondary-nav-item--active": t.value === a.value
+    }));
+    return { __sfc: !0, activeItemValue: t, updateActiveItemValue: s, props: a, conditionalClasses: l, emit: e, onClick: (v) => {
+      e("click", v), s(a.value);
+    }, BentoTypography: _ };
+  }
+});
+var h = function() {
+  var e = this, a = e._self._c, t = e._self._setupProxy;
+  return a("button", { staticClass: "b-secondary-nav-item", class: t.conditionalClasses, on: { click: t.onClick } }, [a(t.BentoTypography, { staticClass: "b-secondary-nav-item__title", attrs: { variant: "body", stronger: "" } }, [e._v(" " + e._s(e.label) + " ")])], 1);
+}, $ = [], k = /* @__PURE__ */ c(
+  g,
+  h,
+  $,
+  !1,
+  null,
+  "88034e97"
+);
+const i = k.exports, I = {}, N = /* @__PURE__ */ o({
+  ...I,
+  __name: "secondary-nav-category",
+  props: {
+    label: null,
+    items: null
+  },
+  setup(n) {
+    return { __sfc: !0, BentoTypography: _, SecondaryNavItem: i };
+  }
+});
+var S = function() {
+  var e = this, a = e._self._c, t = e._self._setupProxy;
+  return a("section", { staticClass: "b-secondary-nav-category", attrs: { "aria-label": e.label } }, [a(t.BentoTypography, { staticClass: "b-secondary-nav-category__label", attrs: { el: "h1", variant: "caption", stronger: "" } }, [e._v(e._s(e.label))]), a("ul", { staticClass: "b-secondary-nav__list" }, e._l(e.items, function(s) {
+    return a("li", { key: s.value }, [a(t.SecondaryNavItem, { attrs: { label: s.label, value: s.value } })], 1);
+  }), 0)], 1);
+}, x = [], V = /* @__PURE__ */ c(
+  N,
+  S,
+  x,
+  !1,
+  null,
+  "e84d58de"
+);
+const A = V.exports, T = {}, B = /* @__PURE__ */ o({
+  ...T,
+  __name: "secondary-nav",
+  props: {
+    items: null,
+    value: null
+  },
+  emits: ["change"],
+  setup(n, { emit: e }) {
+    const a = n, t = y(a.value), s = (r) => {
+      t.value = r, e("change", r);
+    }, l = {
+      activeItemValue: m(t),
+      updateActiveItemValue: s
+    };
+    return f(
+      () => a.value,
+      (r) => {
+        t.value = r;
+      }
+    ), b(u, l), { __sfc: !0, props: a, emit: e, activeItemValue: t, updateActiveItemValue: s, state: l, SecondaryNavItem: i, SecondaryNavCategory: A };
+  }
+});
+var R = function() {
+  var e = this, a = e._self._c, t = e._self._setupProxy;
+  return a("nav", { staticClass: "b-secondary-nav" }, [a("ul", { staticClass: "b-secondary-nav__list" }, e._l(e.items, function(s) {
+    return a("li", { key: s.label }, ["items" in s ? a(t.SecondaryNavCategory, { attrs: { label: s.label, items: s.items } }) : a(t.SecondaryNavItem, { attrs: { label: s.label, value: s.value } })], 1);
+  }), 0)]);
+}, F = [], P = /* @__PURE__ */ c(
+  B,
+  R,
+  F,
+  !1,
+  null,
+  "59f72588"
+);
+const z = P.exports;
+export {
+  z as s
+};
+//# sourceMappingURL=secondary-nav.CNgpPxUU.js.map

package/dist/chunks/secondary-nav.CNgpPxUU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"secondary-nav.CNgpPxUU.js","sources":["../../src/components/secondary-nav/secondary-nav.keys.ts","../../src/components/secondary-nav/components/secondary-nav-item/secondary-nav-item.vue","../../src/components/secondary-nav/components/secondary-nav-category/secondary-nav-category.vue","../../src/components/secondary-nav/secondary-nav.vue"],"sourcesContent":["import { InjectionKey } from 'vue';\nimport { BentoSecondaryNavState } from './secondary-nav.types';\n\nexport const SECONDARY_NAV_STATE = Symbol('secondary nav state') as InjectionKey<BentoSecondaryNavState>;\n","<template>\n    <button class=\"b-secondary-nav-item\" :class=\"conditionalClasses\" @click=\"onClick\">\n        <bento-typography class=\"b-secondary-nav-item__title\" variant=\"body\" stronger>\n            {{ label }}\n        </bento-typography>\n    </button>\n</template>\n\n<script lang=\"ts\" setup>\n    import { SECONDARY_NAV_STATE } from '../../secondary-nav.keys';\n    import { BentoTypography } from '@/components/typography';\n    import { computed, inject } from 'vue';\n\n    const { activeItemValue, updateActiveItemValue } = inject(SECONDARY_NAV_STATE);\n\n    const props = defineProps<{\n        /**\n         * The display name of the navigation item\n         */\n        label: string;\n        /**\n         * The value of this item.\n         */\n        value: string;\n    }>();\n\n    const conditionalClasses = computed(() => ({\n        'b-secondary-nav-item--active': activeItemValue.value === props.value,\n    }));\n\n    const emit = defineEmits<{\n        /**\n         * Event emitted when this element is clicked\n         */\n        (e: 'click', clickEvent: MouseEvent): void;\n    }>();\n\n    const onClick = (e: MouseEvent) => {\n        emit('click', e);\n        updateActiveItemValue(props.value);\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * This component shouldn't be used directly. It is internally used by {@see BentoSecondaryNav}\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./secondary-nav-item.scss\" />\n","<template>\n    <section class=\"b-secondary-nav-category\" :aria-label=\"label\">\n        <bento-typography el=\"h1\" class=\"b-secondary-nav-category__label\" variant=\"caption\" stronger>{{\n            label\n        }}</bento-typography>\n        <ul class=\"b-secondary-nav__list\">\n            <li v-for=\"item in items\" :key=\"item.value\">\n                <secondary-nav-item :label=\"item.label\" :value=\"item.value\" />\n            </li>\n        </ul>\n    </section>\n</template>\n\n<script lang=\"ts\" setup>\n    import { BentoTypography } from '@/components/typography';\n    import { SecondaryNavItem } from '../secondary-nav-item';\n    import { BentoSecondaryNavItemsItem } from '../../secondary-nav.types';\n\n    defineProps<{\n        /**\n         * The display name of the category\n         */\n        label: string;\n        /**\n         * A list of {@see BentoSecondaryNavItemsItem} that belongs to this category\n         */\n        items: BentoSecondaryNavItemsItem[];\n    }>();\n</script>\n\n<script lang=\"ts\">\n    /**\n     * This component shouldn't be used directly. It is internally used by {@see BentoSecondaryNav}\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./secondary-nav-category.scss\" />\n","<template>\n    <nav class=\"b-secondary-nav\">\n        <ul class=\"b-secondary-nav__list\">\n            <li v-for=\"item in items\" :key=\"item.label\">\n                <secondary-nav-category v-if=\"'items' in item\" :label=\"item.label\" :items=\"item.items\" />\n                <secondary-nav-item v-else :label=\"item.label\" :value=\"item.value\" />\n            </li>\n        </ul>\n    </nav>\n</template>\n\n<script setup lang=\"ts\">\n    import { provide, readonly, ref, watch } from 'vue';\n    import { SecondaryNavItem } from './components/secondary-nav-item';\n    import { SecondaryNavCategory } from './components/secondary-nav-category';\n    import { SECONDARY_NAV_STATE } from './secondary-nav.keys';\n    import { BentoSecondaryNavItems, BentoSecondaryNavState } from './secondary-nav.types';\n\n    const props = defineProps<{\n        /**\n         * An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },\n         * which is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.\n         */\n        items: BentoSecondaryNavItems;\n        /**\n         * The value of the selected item.\n         */\n        value?: string;\n    }>();\n\n    const emit = defineEmits<{\n        /**\n         * Emmited when the current selected item changes\n         */\n        (e: 'change', category: string): void;\n    }>();\n\n    const activeItemValue = ref(props.value);\n    const updateActiveItemValue = (value: string) => {\n        activeItemValue.value = value;\n        emit('change', value);\n    };\n\n    // The component's state is inject on `secondary-nav-item` to determine the\n    // current active item and to change its value\n    const state: BentoSecondaryNavState = {\n        activeItemValue: readonly(activeItemValue),\n        updateActiveItemValue,\n    };\n\n    watch(\n        () => props.value,\n        value => {\n            activeItemValue.value = value;\n        }\n    );\n\n    provide(SECONDARY_NAV_STATE, state);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Secondary Nav offers users a structured way to access information.\n     * It also provides a clear hierarchy for users to understand and navigate through various information.\n     *\n     * @example\n     * import { BentoSecondaryNav } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSecondaryNav },\n     *     template: `\n     *          <bento-secondary-nav :value=\"value\" :items=\"items\" />\n     *     `,\n     *     setup() {\n     *         const value = ref(2) // Active item value\n     *         const items: BentoSecondaryNavItemInfo[] = [\n     *              { label: 'Option 1', value: 1 },\n     *              { label: 'Option 2', value: 2 },\n     *         ];\n     *         return { items, value };\n     *     }\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./secondary-nav.scss\" />\n"],"names":["SECONDARY_NAV_STATE","__default__$2","activeItemValue","updateActiveItemValue","inject","conditionalClasses","computed","props","e","emit","__default__$1","__default__","ref","value","state","readonly","watch","provide"],"mappings":";;;;AAGa,MAAAA,IAAA,OAAA,qBAAA,GC4CTC,IAAA,CAAA;;;;;;;;;iBAlCA,EAAA,iBAAAC,GAAA,uBAAAC,EAAA,IAAAC,EAAAJ,CAAA,GAaAK,IAAAC,EAAA,OAAA;AAAA,MAA2C,gCAAAJ,EAAA,UAAAK,EAAA;AAAA,IACyB,EAAA;yHAUpE,CAAAC,MAAA;AACI,MAAAC,EAAA,SAAAD,CAAA,GACAL,EAAAI,EAAA,KAAA;AAAA,IAAiC;;;;;;;;;;;;;;qBCLrCG,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;qBCiDAC,IAAA,CAAA;;;;;;;;;iBA9CAT,IAAAU,EAAAL,EAAA,KAAA,GACAJ,IAAA,CAAAU,MAAA;AACI,MAAAX,EAAA,QAAAW,GACAJ,EAAA,UAAAI,CAAA;AAAA,IAAoB,GAKxBC,IAAA;AAAA,MAAsC,iBAAAC,EAAAb,CAAA;AAAA,MACO,uBAAAC;AAAA,IACzC;AAGJ,WAAAa;AAAA,MAAA,MAAAT,EAAA;AAAA,MACgB,CAAAM,MAAA;AAER,QAAAX,EAAA,QAAAW;AAAA,MAAwB;AAAA,IAC5B,GAGJI,EAAAjB,GAAAc,CAAA;;;;;;;;;;;;;;;;;"}