@adyen/bento-vue3 1.44.0 → 1.46.0

package/dist/@types/packages/vue2/src/types/listbox.d.ts

@@ -1,52 +0,0 @@
-import { BentoSearchBarItem } from "../components/search-bar";
-import { BentoEmptyState } from "../components/empty-state";
-import { OmitStrict } from "../../../core/src/types/omit-strict";
-import { BentoButtonActionObject } from "../components/button";
-import { UseVirtualListItemHeight } from "../composables/use-virtual-list";
-export type BentoListboxValue = string | number;
-export type BentoListboxMultiSelectValue = BentoListboxValue[];
-export interface BentoListboxOptionItem extends BentoSearchBarItem {
-    data?: unknown;
-    description?: string;
-    value: BentoListboxValue;
-    items?: Array<BentoListboxOptionItem>;
-}
-export type BentoListboxSelectedValue = BentoListboxValue | BentoListboxMultiSelectValue;
-export type BentoListboxOptions = Array<BentoListboxOptionItem>;
-export type BentoListboxIsOptionDisabled = undefined | ((optionValue: BentoListboxOptionItem) => boolean);
-export declare enum BentoListboxEvent {
-    SELECT = "select",
-    SHOW_MORE = "show-more",
-    ESCAPE = "escape-pressed",
-    CLICK = "click",
-    ENTER = "enter-pressed",
-    SPACE = "space-pressed",
-    TAB = "tab-pressed",
-    CLOSE_DROPDOWN = "close-dropdown"
-}
-/**
- * @deprecated for usage with properties since version 2.0. Use the string literal instead.
- */
-export declare enum BentoListboxLazyLoadType {
-    AUTOMATIC = "automatic",
-    BUTTON = "button",
-    NONE = "none"
-}
-export interface BentoListboxSearchOptions {
-    /**
-     * Custom debounce time. Default: 300
-     */
-    debounceTime?: number;
-    /**
-     * The event that triggers upon user filtering the listbox items.
-     */
-    searchEvent: (searchValue: string) => void;
-}
-export type BentoListboxEmptyStateProps = {
-    action: {
-        icon?: any;
-    } & BentoButtonActionObject;
-} & OmitStrict<InstanceType<typeof BentoEmptyState>['$props'], 'variant' | 'image' | 'description'>;
-export type BentoListboxVirtulisationOptions = boolean | {
-    itemHeight: UseVirtualListItemHeight;
-};

package/dist/@types/packages/vue2/src/types/maybe-ref.d.ts

@@ -1,7 +0,0 @@
-import { Ref } from "../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-/**
- * As recommmended by the vue community to use this type when you are not sure
- * if the argument is a ref.
- * Source: https://github.com/vueuse/vueuse/blob/main/packages/shared/utils/types.ts#L28
- */
-export type MaybeRef<T> = T | Ref<T>;

package/dist/@types/packages/vue2/src/types/prop-types.d.ts

@@ -1 +0,0 @@
-export type Booleanish = boolean | 'true' | 'false';

package/dist/@types/packages/vue2/src/types/refs.d.ts

@@ -1,30 +0,0 @@
-import { ComputedRef, Ref, UnwrapRef } from "../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-/**
- *
- * Maybe it's a `ref`, or a plain value.
- *
- * As recommmended by the vue community to use this type when you are not sure
- * if the argument is a ref.
- * Source: https://github.com/vueuse/vueuse/blob/main/packages/shared/utils/types.ts#L28
- *
- * ```ts
- * type MaybeRef<T> = T | Ref<T>
- * ```
- */
-export type MaybeRef<T> = T | Ref<T> | Ref<UnwrapRef<T>>;
-/**
- * Maybe it's a computed ref, or a getter function
- *
- * ```ts
- * type MaybeReadonlyRef<T> = (() => T) | ComputedRef<T>
- * ```
- */
-export type MaybeReadonlyRef<T> = (() => T) | ComputedRef<T>;
-/**
- * Maybe it's a ref, or a plain value, or a getter function
- *
- * ```ts
- * type MaybeComputedRef<T> = (() => T) | T | Ref<T> | ComputedRef<T>
- * ```
- */
-export type MaybeComputedRef<T> = MaybeReadonlyRef<T> | MaybeRef<T>;

package/dist/@types/packages/vue2/src/types/utils-events.d.ts

@@ -1,35 +0,0 @@
-export interface ListenOptions {
-    capture?: boolean;
-    passive?: boolean;
-    once?: boolean;
-    self?: boolean;
-    vm?: Vue;
-    onCleanup?: () => void;
-}
-export declare enum EventKey {
-    ESCAPE = "Escape",
-    ENTER = "Enter",
-    ARROW_LEFT = "ArrowLeft",
-    ARROW_UP = "ArrowUp",
-    ARROW_RIGHT = "ArrowRight",
-    ARROW_DOWN = "ArrowDown",
-    PAGE_UP = "PageUp",
-    PAGE_DOWN = "PageDown",
-    END = "End",
-    HOME = "Home"
-}
-/**
- * @deprecated `Event.keyCode` is deprecated. Use `EventKey` instead
- */
-export declare enum KeyCode {
-    ESCAPE = 27,
-    ENTER = 13,
-    ARROW_LEFT = 37,
-    ARROW_UP = 38,
-    ARROW_RIGHT = 39,
-    ARROW_DOWN = 40,
-    PAGE_UP = 33,
-    PAGE_DOWN = 34,
-    END = 35,
-    HOME = 36
-}

package/dist/@types/packages/vue2/src/utils/ts/aria-label.d.ts

@@ -1,16 +0,0 @@
-import { ComputedRef } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-import { MaybeRef } from "../../types/maybe-ref";
-interface ariaLabelOptions {
-    ariaLabel?: MaybeRef<string | null>;
-    label?: MaybeRef<string | null>;
-    defaultFallback?: MaybeRef<string | null>;
-}
-/**
- * Returns a valid aria-label for the element it's invoked for
- * @param ariaLabel - The aria label, which has to be set manually through the homonymous prop
- * @param label - Any other label provided, usually the component's main text
- * @param defaultFallback - The default fallback if no other value is provided
- * @returns {string | null} - A string corresponding to the aria label or null if no value is provided
- */
-export declare const useAriaLabel: ({ ariaLabel, label, defaultFallback, }: ariaLabelOptions) => ComputedRef<string>;
-export {};

package/dist/@types/packages/vue2/src/utils/ts/currency/countries-list.d.ts

@@ -1,11 +0,0 @@
-/**
- * Contains mapping configuration between currency code and exponent for amount in the corresponding currency.
- * Since the majority of the currencies have an exponent equal to 2, they are not listed here.
- * https://docs.adyen.com/development-resources/currency-codes
- * @type {Array}
- * @internal
- */
-export declare const currencyExponentMap: {
-    exponent: number;
-    currencies: string[];
-}[];

package/dist/@types/packages/vue2/src/utils/ts/currency/currency.d.ts

@@ -1,35 +0,0 @@
-import { CurrencyAmount, CurrencyOptions, NumberFormatOptionsResult } from './currency.types';
-/**
- * Returns exponent for specified currency code.
- */
-export declare const getExponent: (currencyCode: string) => number;
-/**
- * Converts passed amount from regular to minor units, based on currency exponent
- */
-export declare const getMinorUnitsAmount: (amount: CurrencyAmount) => number;
-/**
- * Returns normalized amount value from minor units as decimal point number (when exponent is more than zero).
- */
-export declare const getNormalizedAmount: (amount: CurrencyAmount, exponent: number) => number;
-/**
- * /**
- * Prepares amount to be rendered by Intl.NumberFormat function.
- * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
- *
- * It enables language-sensitive number formatting.
- * Adds currency symbol and ISO code based on provided options
- * The result of execution - is a configuration object that is used in 'getLocalizedCurrencyValue' function
- *
- * @param amount - the value and currency to format.
- * @param options - the formatting options that are passed to the Intl.NumberFormat function.
- * @param majorUnits - if set to true, then currency major units will be used instead of minor ones
- */
-export declare function getNumberFormatOptions(amount: CurrencyAmount, options?: CurrencyOptions, majorUnits?: boolean): NumberFormatOptionsResult;
-/**
- * Get a formatted and localised currency string given an amount and currency type.
- *
- * @param amountValue - the amount of the currency.
- * @param currency - the ISO 4217 currency code.
- * @param majorUnits - if set to true, then currency major units will be used instead of minor ones
- */
-export declare const getLocalizedCurrencyValue: (amountValue: string, currency: string, majorUnits?: boolean) => string;

package/dist/@types/packages/vue2/src/utils/ts/currency/currency.types.d.ts

@@ -1,24 +0,0 @@
-export interface CurrencyAmount {
-    value: number;
-    currency: string;
-}
-export interface CurrencyOptions {
-    style?: string;
-    exponent?: number;
-    optionalFractions?: boolean;
-    highPrecision?: boolean;
-}
-export interface CurrencyFormatOptions {
-    amount: CurrencyAmount;
-    options?: CurrencyOptions;
-}
-export interface NumberFormatOptionsResult {
-    value: number;
-    format: {
-        currency: string;
-        currencyDisplay: string;
-        maximumFractionDigits: number;
-        minimumFractionDigits: number;
-        style: string;
-    };
-}

package/dist/@types/packages/vue2/src/utils/ts/date-input.d.ts

@@ -1,2 +0,0 @@
-export declare const validateDateInput: (event: KeyboardEvent) => void;
-export declare const formatDateInputValue: (value: string) => string;

package/dist/@types/packages/vue2/src/utils/ts/debounce/debounce.d.ts

@@ -1,10 +0,0 @@
-/**
- * The debounce() method is used to create a debounced function which
- * delays the given callback function until after the stated wait time
- * in milliseconds have passed since the last time this debounced function was called.
- *
- * @param {Function} callback - The function to debounce.
- * @param debounceTime - The number of milliseconds to delay.
- * @returns {Function} - Returns the new debounced function.
- */
-export declare const debounce: <T extends (...args: any[]) => any>(callback: T, debounceTime?: number) => T;

package/dist/@types/packages/vue2/src/utils/ts/debounce/index.d.ts

@@ -1 +0,0 @@
-export * from './debounce';

package/dist/@types/packages/vue2/src/utils/ts/deep-merge/deep-merge.d.ts

@@ -1 +0,0 @@
-export declare function deepMerge(target: object, source: object): object;

package/dist/@types/packages/vue2/src/utils/ts/deep-merge/index.d.ts

@@ -1 +0,0 @@
-export * from './deep-merge';

package/dist/@types/packages/vue2/src/utils/ts/deprecate.d.ts

@@ -1,14 +0,0 @@
-/**
- * Informs users about the deprecations in development mode only.
- *
- * @param title Indicates what is being deprecated.
- * @param deprecationMessage How to avoid the deprecation by giving an example of the alternatives. Backticks can be used to multi-line the message.
- * @param toBeRemovedInVersion The version it will be removed. Must be in X.Y.Z format.
- */
-export declare function deprecate(title: string, deprecationMessage: string, toBeRemovedInVersion: string): void;
-/**
- * Reset shownMessages set
- *
- * @deprecated For testing purposes only. Do not use.
- */
-export declare function resetShownMessages(): void;

package/dist/@types/packages/vue2/src/utils/ts/dev-environment.d.ts

@@ -1 +0,0 @@
-export declare const isDevelopmentEnviroment: () => boolean;

package/dist/@types/packages/vue2/src/utils/ts/events.d.ts

@@ -1,22 +0,0 @@
-import { ListenOptions } from "../../types/utils-events";
-/**
- * Attach event listeners using options object (implementing browser fallbacks), easy cleanup
- *
- * @param {EventTarget}  target              - Target where the event will be attached
- * @param {string}       type                - Event type(s). Accepts multiple types separated by space
- * @param {EventHandler} listener            - Handler function
- * @param {ListenOptions}[options]           - Listener options
- * @param {boolean}      [options.capture]   - Capture event listener
- * @param {boolean}      [options.passive]   - Passive event listener
- * @param {boolean}      [options.once]      - Auto cleanup after event is fired for the first time
- * @param {boolean}      [options.self]      - Only trigger if the target of the event is itself
- * @param {Vue}          [options.vm]        - Auto cleanup when vue instance is destroyed
- * @param {Function}     [options.onCleanup] - Callback function invoked after cleaning up
- * @return {Function} Cleanup function that removes the listener
- */
-export declare function listen(target: EventTarget, type: string, listener: EventListener, options?: ListenOptions): any;
-/**
- * Prevents the event from bubbling
- * @param {Event} event - Triggered event
- */
-export declare const stopEventPropagation: (event: Event) => void;

package/dist/@types/packages/vue2/src/utils/ts/focus-trap.utils.d.ts

@@ -1,33 +0,0 @@
-import { BentoFocusTrapHorizontalNavigationEvent, BentoFocusTrapVerticalNavigationEvent } from "../../components/focus-trap/focus-trap.types";
-/**
- * Perform callback before next re-paint frame of browser.
- *
- * @param action
- * @returns
- */
-export declare const deferAction: (callback: FrameRequestCallback) => number;
-/**
- * Retrieves the next focusable element using a factor to either choose
- * the next or previous focusable element.
- *
- * @param factor a number +1 or -1
- * @param element the element to checks for focusable elements inside of
- * @returns
- */
-export declare const getNextFocusableElement: (factor: any, element: any) => HTMLElement;
-/**
- * Returns an object is if keyboard event key is an arrow previous or next key.
- * this changes depending on if the arrow navigation is horizontal or vertical.
- *
- * @param event
- * @param arrowOrder
- * @returns { isArrowNext: boolean, isArrowPrev: boolean }
- */
-export declare const getArrowType: (event: KeyboardEvent, arrowOrder: BentoFocusTrapVerticalNavigationEvent[] | BentoFocusTrapHorizontalNavigationEvent[]) => {
-    isArrowNext: boolean;
-    isArrowPrev: boolean;
-};
-/**
- * Default scrolling into view options
- */
-export declare const SCROLL_INTO_VIEW_OPTIONS: ScrollIntoViewOptions;

package/dist/@types/packages/vue2/src/utils/ts/get-date-locale/get-date-locale.d.ts

@@ -1,11 +0,0 @@
-/**
- * Returns all the supported languages by the Dates.
- * @returns set of supported date locale
- */
-export declare function getDateLocale(): {
-    de: Locale;
-    enUS: Locale;
-    fr: Locale;
-    ja: Locale;
-    ptBR: Locale;
-};

package/dist/@types/packages/vue2/src/utils/ts/get-slot-text/get-slot-text.d.ts

@@ -1,9 +0,0 @@
-import type { Slots } from "../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-/**
- * Get text recursively from slot by giving slot name.
- * This recursion will only occur 5 times before the method gives up and returns an empty string.
- * @param slots - the slots provided the the component's setup function
- * @returns A function who's first parameter is the name of the slot.
- */
-export declare const getSlotText: (slots: Slots) => (name: string) => string;
-export default getSlotText;

package/dist/@types/packages/vue2/src/utils/ts/get-slot-text/index.d.ts

@@ -1 +0,0 @@
-export { getSlotText } from './get-slot-text';

package/dist/@types/packages/vue2/src/utils/ts/i18n.d.ts

@@ -1,52 +0,0 @@
-import type { WritableComputedRef } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-import VueI18n from 'vue-i18n';
-export declare const defaultI18nOptions: {
-    locale: string;
-    fallbackLocale: string;
-    fallbackRoot: boolean;
-};
-export declare function createI18n(options?: {
-    locale: string;
-    fallbackLocale: string;
-    fallbackRoot: boolean;
-}): VueI18n;
-export interface Composer<MessageKey> {
-    locale: WritableComputedRef<string>;
-    t?(key: MessageKey, values?: VueI18n.Values): string;
-    tc?(key: MessageKey, choice?: VueI18n.Choice, values?: VueI18n.Values): string;
-    tc?(key: MessageKey, choice: VueI18n.Choice, locale: VueI18n.Locale, values?: VueI18n.Values): string;
-    te?(key: MessageKey, locale?: VueI18n.Locale): boolean;
-    d?: typeof VueI18n.prototype.d;
-    n?: typeof VueI18n.prototype.n;
-}
-export type MessageKeys = {
-    [key: string]: string;
-};
-export interface i18nMessages {
-    'en-US': {
-        [key: string]: string;
-    };
-    [key: string]: {
-        [key: string]: string;
-    };
-}
-export declare const useI18n: <T extends {
-    message: MessageKeys;
-}>(params?: {
-    messages?: i18nMessages;
-} | undefined, onlyLocale?: boolean) => Composer<keyof T["message"]>;
-/**
- * Gets the vue 2 or vue 3 global vue-i18n component
- */
-export declare const getI18nComponent: () => "i18n" | "i18n-t";
-/**
- * Gets the correct props for the global vue-i18n component depending on if the component is used in vue 2 or vue 3.
- * @param path - the translation key path.
- */
-export declare const getI18nProps: (path: string) => {
-    path: string;
-    keypath?: undefined;
-} | {
-    keypath: string;
-    path?: undefined;
-};

package/dist/@types/packages/vue2/src/utils/ts/print-development-warning.d.ts

@@ -1,6 +0,0 @@
-/**
- * Prints console.warn messages in development mode only.
- *
- * @see console.warn for what parameters you can use
- */
-export declare function printDevelopmentWarning(...args: Parameters<typeof console.warn>): void;

package/dist/@types/packages/vue2/src/utils/ts/resize.d.ts

@@ -1 +0,0 @@
-export declare const observeSizeOfElement: (element: any, callback: any) => ResizeObserver | null;

package/dist/@types/packages/vue2/src/utils/ts/storybook.d.ts

@@ -1,11 +0,0 @@
-export * from "../../../../core/src/utils/ts/storybook";
-/**
- * Adds necessary Toast component to display toasts.
- * It should be added just once on the app level, but never in the views or components itself
- */
-export declare const withToastDecorator: () => {
-    components: {
-        BentoToast: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
-    };
-    template: string;
-};

package/dist/@types/packages/vue2/src/utils/ts/time-input.d.ts

@@ -1,2 +0,0 @@
-export declare const validateTimeInput: (event: KeyboardEvent) => void;
-export declare const formatTimeInputValue: (value: string) => string;

package/dist/@types/packages/vue2/src/utils/ts/truncate.d.ts

@@ -1,7 +0,0 @@
-/**
- * Trunctes a string if it goes over a certain character limit.
- * @param aString the string or number to truncate.
- * @param characterLimit the character limit to start truncating at.
- * @returns a string that is truncated if it's length is over the limit.
- */
-export declare const truncate: (aStringOrNumber: string | number, characterLimit: number) => string;

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

@@ -1 +0,0 @@
-{"version":3,"file":"base-button.N4QTXNIp.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        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, PropType, ref } from 'vue';\n    import { BentoBaseButtonEvent, BentoBaseButtonPropClass } from './base-button.types';\n    import type { ButtonHTMLAttributes } from 'vue/types/jsx';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import { Booleanish } from '@/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","normalizeClass","_ctx","_cache","args","renderSlot","createCommentVNode","createBlock","_component_bento_typography","_hoisted_3"],"mappings":"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"}

package/dist/chunks/button.pwNCxwPu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.pwNCxwPu.js","sources":["../../../core/src/components/button/button.types.ts","../../../vue2/src/components/button/button.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoButtonVariant {\n    PRIMARY = 'primary',\n    SECONDARY = 'secondary',\n    TERTIARY = 'tertiary',\n    TERTIARY_WITH_BACKGROUND = 'tertiary-with-background',\n}\n\nexport enum BentoButtonPropClass {\n    CONDENSED = 'condensed',\n    DESTRUCTIVE = 'critical',\n    DISABLED = 'disabled',\n    ICON_ONLY = 'icon-only',\n    INVERSE = 'inverse',\n}\n\nexport interface BentoButtonProps {\n    condensed?: boolean;\n    critical?: boolean;\n    disabled?: boolean;\n    inverse?: boolean;\n    variant?: BentoButtonVariant | `${BentoButtonVariant}`;\n    type?: string;\n    link?: object;\n}\n","<template>\n    <component\n        :is=\"componentType\"\n        v-bind=\"componentProps\"\n        class=\"b-button\"\n        :class=\"{ ...conditionalClasses, ...getIconOnlyClass() }\"\n        @click.capture=\"onClickButton\"\n    >\n        <span v-if=\"hasSlot('iconLeft')\" class=\"b-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-button__label\">\n            <slot />\n        </bento-typography>\n        <span v-if=\"hasSlot('iconRight')\" class=\"b-button__icon-right\" data-testid=\"icon-button-right\">\n            <slot name=\"iconRight\" />\n        </span>\n    </component>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, useAttrs, useSlots } from 'vue';\n    import { BentoButtonPropClass, BentoButtonVariant } from '@/core/components/button/button.types';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n    import { Booleanish } from '@/types/prop-types';\n    import type { RouterLinkProps } from 'vue-router/types/router';\n    import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'vue/types/jsx';\n    import { BentoLink, BentoLinkVariant } from '@/components/link';\n\n    // TODO: replace all this code when migrated to Vue 3 is complete as this is the only\n    // current way to extend the `router-link` component in Vue 2 and Vue Router 3\n    export interface LinkProps extends RouterLinkProps, AnchorHTMLAttributes {\n        // eslint-disable-next-line vue/require-default-prop\n        args?: { props: RouterLinkProps };\n\n        /**\n         * Set the rendered link to a regular external anchor link.\n         */\n        external: boolean;\n    }\n\n    const props = defineProps({\n        /**\n         * Reduces sizing of button\n         */\n        condensed: { type: Boolean, default: false },\n\n        /**\n         * Displays button as critical\n         */\n        critical: { type: Boolean, default: false },\n\n        /**\n         * Disables button functionality\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * Sets color set to inverse\n         */\n        inverse: { type: Boolean, default: false },\n\n        /**\n         * Object containing props passed on to the BentoLink component. @see BentoLink documentation for which properties you can pass.\n         */\n        link: { type: Object, default: undefined },\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        /**\n         * Types of flavour of Button\n         * @values primary, secondary, tertiary, tertiary-with-background\n         */\n        variant: {\n            type: String as PropType<BentoButtonVariant | `${BentoButtonVariant}`>,\n            default: BentoButtonVariant.PRIMARY,\n            validator: (value: BentoButtonVariant) => Object.values(BentoButtonVariant).includes(value),\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emitted when the element has lost focus\n         */\n        (e: 'blur');\n\n        /**\n         * Emitted when the button is clicked\n         */\n        (e: 'click', event: MouseEvent);\n\n        /**\n         * Emitted when the element has received focus\n         */\n        (e: 'focus');\n\n        /**\n         * Emitted when the \"ESC\" key is pressed\n         */\n        (e: 'keydown.esc');\n    }>();\n\n    const attrs = useAttrs();\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const componentType = computed(() => {\n        if (props?.link !== undefined) {\n            return BentoLink;\n        }\n        return 'button';\n    });\n    const ariaAttributes = computed(() => ({\n        'aria-controls': attrs['aria-controls']?.toString() as string,\n        'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n    }));\n\n    const componentProps = computed(() =>\n        componentType.value === 'button'\n            ? {\n                  ...ariaAttributes.value,\n                  disabled: props.disabled,\n                  type: props.type,\n              }\n            : { ...props.link, disableTypography: true, variant: BentoLinkVariant.DEFAULT, isButton: true }\n    );\n\n    const variantClass = computed(() => ({\n        [`b-button--${props.variant}${props.critical ? `-${BentoButtonPropClass.DESTRUCTIVE}` : ''}`]: true,\n    }));\n\n    const conditionalClasses = computed(() => ({\n        ...variantClass.value,\n        [`b-button--${BentoButtonPropClass.CONDENSED}`]: props.condensed,\n        [`b-button--${BentoButtonPropClass.DISABLED}`]: props.disabled,\n        [`b-button--${BentoButtonPropClass.INVERSE}`]: props.inverse,\n    }));\n\n    const getIconOnlyClass = () => ({\n        [`b-button--${BentoButtonPropClass.ICON_ONLY}`]: !hasSlot('default'),\n    });\n\n    const onClickButton = (e: MouseEvent) => {\n        if (!props.disabled) {\n            emit('click', e);\n        } else {\n            e.preventDefault();\n            e.stopPropagation();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Button component for all the various types of bento buttons.\n     *\n     * @example\n     * import { BentoButton } from '@adyen/bento-vue2';\n     * import { CheckMarkIcon } from '@adyen/ui-assets-icons-16';\n     *\n     * export default {\n     *     components: { BentoButton },\n     *     template: `\n     *         <bento-button\n     *             disabled\n     *             variant=\"secondary\"\n     *         >\n     *              <template #iconLeft>\n     *                  <check-mark svg-title=\"checked\" />\n     *              </template>\n     *\n     *              Button text\n     *\n     *              <template #iconRight>\n     *                  <check-mark svg-title=\"checked\" />\n     *              </template>\n     *         </bento-button>\n     *     `,\n     * }\n     */\n    export default {\n        name: 'bento-button',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/button/button.scss\" />\n"],"names":["BentoButtonVariant","BentoButtonVariant2","BentoButtonPropClass","BentoButtonPropClass2","__default__","props","__props","emit","__emit","attrs","useAttrs","slots","useSlots","hasSlot","useHasSlot","componentType","computed","BentoLink","ariaAttributes","_a","_b","componentProps","BentoLinkVariant","variantClass","conditionalClasses","getIconOnlyClass","onClickButton","e"],"mappings":";;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YACAA,EAAA,2BAAA,4BAJQA,IAAAD,KAAA,CAAA,CAAA,GAOAE,IAAA,kBAAAC,OACRA,EAAA,YAAA,aACAA,EAAA,cAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WALQA,IAAAD,KAAA,CAAA,CAAA;;;;;;;;;GCkLRE,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApJA,UAAAC,IAAAC,GA8CAC,IAAAC,GAsBAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OACIX,KAAA,gBAAAA,EAAA,UAAA,SACIY,IAEJ,QAAO,GAEXC,IAAAF,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAG,IAAAV,EAAA,eAAA,MAAA,gBAAAU,EAAA;AAAA,QACe,kBAAAC,IAAAX,EAAA,eAAA,MAAA,gBAAAW,EAAA;AAAA,MACA;AAAA,KAAA,GAGtDC,IAAAL;AAAA,MAAuB,MAAAD,EAAA,UAAA,WAAA;AAAA,QAEb,GAAAG,EAAA;AAAA,QACsB,UAAAb,EAAA;AAAA,QACF,MAAAA,EAAA;AAAA,MACJ,IAAA,EAAA,GAAAA,EAAA,MAAA,mBAAA,IAAA,SAAAiB,EAAA,SAAA,UAAA,GAAA;AAAA,IAE4E,GAGtGC,IAAAP,EAAA,OAAA;AAAA,MAAqC,CAAA,aAAAX,EAAA,OAAA,GAAAA,EAAA,WAAA,IAAAH,EAAA,WAAA,KAAA,EAAA,EAAA,GAAA;AAAA,IAC8D,EAAA,GAGnGsB,IAAAR,EAAA,OAAA;AAAA,MAA2C,GAAAO,EAAA;AAAA,MACvB,CAAA,aAAArB,EAAA,SAAA,EAAA,GAAAG,EAAA;AAAA,MACuC,CAAA,aAAAH,EAAA,QAAA,EAAA,GAAAG,EAAA;AAAA,MACD,CAAA,aAAAH,EAAA,OAAA,EAAA,GAAAG,EAAA;AAAA,IACD,EAAA,GAGzDoB,IAAA,OAAA;AAAA,MAAgC,CAAA,aAAAvB,EAAA,SAAA,EAAA,GAAA,CAAAW,EAAA,SAAA;AAAA,IACuC,IAGvEa,IAAA,CAAAC,MAAA;AACI,MAAAtB,EAAA,YAGIsB,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHApB,EAAA,SAAAoB,CAAA;AAAA,IAIJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/checkbox.B72ok3Yu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.B72ok3Yu.js","sources":["../../../core/src/components/checkbox/checkbox.types.ts","../../../vue2/src/components/checkbox/checkbox.vue"],"sourcesContent":["import type { BentoTagProps } from '@/core/components/tag/tag.types';\nimport type {\n    CheckboxInputType as BentoCheckboxType,\n    MultiCheckboxInputType as BentoMultiCheckboxType,\n} from '@/core/components/internal/checkbox-input/checkbox-input.types';\nimport { CheckboxInputState as BentoCheckboxState } from '@/core/components/internal/checkbox-input/checkbox-input.types';\n\nexport { BentoCheckboxState, BentoCheckboxType, BentoMultiCheckboxType };\n\nexport enum BentoCheckboxEvent {\n    UPDATE = 'update:model-value',\n    INPUT = 'input',\n}\n\nexport type BentoCheckboxTag = BentoTagProps;\n","<template>\n    <label class=\"b-checkbox\" :class=\"conditionalClass\">\n        <checkbox-input\n            ref=\"input\"\n            v-bind=\"$attrs\"\n            :aria-label=\"computedAriaLabel\"\n            :aria-describedby=\"ariaDescribedBy\"\n            :disabled=\"disabled\"\n            :has-error=\"shouldShowError\"\n            :indeterminate=\"isIndeterminate\"\n            :value=\"value\"\n            :model-value=\"modelValue\"\n            :readonly=\"readonly\"\n            @update:model-value=\"onChange\"\n        />\n        <span v-if=\"hasSlot('default') || shouldShowErrorMessage\" class=\"b-checkbox__text\">\n            <bento-typography v-if=\"hasSlot('default')\" class=\"b-checkbox__label\" el=\"span\" variant=\"body\">\n                <span><slot /></span>\n                <bento-typography v-if=\"optional\" class=\"b-checkbox__label-requirement\" el=\"span\"\n                    >({{ t('optional') }})</bento-typography\n                >\n                <bento-typography v-else-if=\"required\" class=\"b-checkbox__label-requirement\" el=\"span\"\n                    >({{ t('required') }})</bento-typography\n                >\n                <bento-tag v-if=\"tag\" class=\"b-checkbox__label-tag\" v-bind=\"tag\" />\n            </bento-typography>\n            <bento-typography\n                v-if=\"hasSlot('default') && hasSlot('description')\"\n                :id=\"descriptionId\"\n                class=\"b-checkbox__description\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"description\"></slot>\n            </bento-typography>\n            <error-message v-if=\"shouldShowErrorMessage\" :id=\"errorId\" :error-message=\"errorMessage\" />\n\n            <bento-typography v-if=\"contentSlotAvailable\" class=\"b-checkbox__content\" el=\"span\" variant=\"body\">\n                <slot name=\"content\"></slot>\n            </bento-typography>\n        </span>\n    </label>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref, toRefs } from 'vue';\n    import {\n        BentoCheckboxEvent,\n        BentoCheckboxState,\n        BentoCheckboxTag,\n        BentoCheckboxType,\n        BentoMultiCheckboxType,\n    } from '@/core/components/checkbox/checkbox.types';\n    import { BentoTypography } from '@/components/typography';\n    import { CheckboxInput } from '@/components/internal/checkbox-input';\n    import { ErrorMessage } from '@/components/internal/error-message';\n    import type { HTMLAttributes } from 'vue/types/jsx';\n    import { useDefaultSlotValidator, useHasSlot } from '@/composables';\n    import { generateUid } from '@/core/utils/ts';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { BentoTag } from '@/components/tag';\n    import { BentoCheckboxGroupItems } from '@/core/components/checkbox-group/checkbox-group.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * Checkboxes are used to make a binary choice about an option.\n     * The label tag area is also clickable.\n     *\n     * @usage\n     * import { BentoCheckbox } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCheckbox },\n     *     template: `\n     *         <bento-checkbox>\n     *             Label text\n     *             <template #description>Sub label text</template>\n     *         </bento-checkbox>\n     *     `,\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-checkbox',\n        i18n: { messages },\n        components: {\n            BentoTag,\n            BentoTypography,\n            CheckboxInput,\n            ErrorMessage,\n        },\n        model: { prop: 'modelValue' },\n        props: {\n            /**\n             * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n             */\n            /**\n             * Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.\n             */\n            ariaLabel: { type: String, default: null },\n\n            /**\n             * Setting this property to true will disable the checkbox in your form.\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Renders the checkbox in an error state with an error message.\n             */\n            errorMessage: { type: String, default: null },\n\n            /**\n             * Setting this property to true will show the checkbox in error state.\n             */\n            hasError: { type: Boolean, default: false },\n\n            /**\n             * The :indeterminate CSS pseudo-class represents any form element\n             * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute\n             * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,\n             * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate\n             * This property lets you control the input.indeterminate native property.\n             */\n            indeterminate: { type: Boolean, default: false },\n\n            /**\n             * When handling a single checkbox with a singular state, use a boolean.\n             *\n             * When handling multiple checkboxes, use an array of keys.\n             * These keys exist as a set \"value\" prop for each checkbox.\n             */\n            modelValue: {\n                type: [Boolean, Array] as PropType<BentoCheckboxType | BentoCheckboxGroupItems>,\n                default: false,\n            },\n\n            /**\n             * Highlights the checkbox is optional.\n             */\n            optional: { type: Boolean, default: false },\n\n            /**\n             * Setting this property to true will set the checkbox to read only state.\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * Highlights the checkbox is required.\n             */\n            required: { type: Boolean, default: false },\n\n            /**\n             * Sets the properties of the BentoTag component that is placed next to the label.\n             * {@see BentoTag}\n             */\n            tag: { type: Object as PropType<BentoCheckboxTag>, default: undefined },\n\n            /**\n             * The value of the component. The DOM API casts this to a string.\n             * The browser uses \"on\" as the default value.\n             *\n             * In the case of multiple checkboxes this value is used as a unique key.\n             */\n            value: { type: [String, Number], default: null },\n        },\n        emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n        setup(props, { attrs, emit, slots }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n            const descriptionId = generateUid('description');\n            const errorId = generateUid('error');\n            const hasSlot = useHasSlot(slots);\n\n            const { disabled, indeterminate, modelValue, readonly, value } = toRefs(props);\n\n            const defaultSlotValue = getSlotText(slots)('default');\n            const descriptionSlotValue = getSlotText(slots)('description');\n\n            useDefaultSlotValidator('bento-checkbox', slots.default, slots.description);\n\n            const isCheckboxGroup = computed(() => Array.isArray(modelValue.value));\n            const isChecked = computed(() => {\n                if (!isCheckboxGroup.value) {\n                    return modelValue.value as boolean;\n                }\n\n                return (modelValue.value as BentoMultiCheckboxType).some(item => item === value.value);\n            });\n            const isIndeterminate = computed(() => indeterminate.value);\n\n            const shouldShowError = computed(\n                () => !props.disabled && !props.readonly && (props.hasError || !!props.errorMessage)\n            );\n            const shouldShowErrorMessage = computed(() => !props.disabled && !props.readonly && !!props.errorMessage);\n\n            // Content slot logic\n            const hasContentSlot = computed(() => hasSlot('content'));\n            const isCheckedOrIntermediate = computed(() => isIndeterminate?.value || isChecked?.value);\n            const contentSlotAvailable = computed(\n                () => hasContentSlot?.value && isCheckboxGroup?.value && isCheckedOrIntermediate?.value\n            );\n\n            // ARIA fields\n            const ariaDescribedBy = computed<HTMLAttributes['aria-describedby']>(\n                () =>\n                    `${shouldShowErrorMessage.value ? errorId : ''} ${\n                        defaultSlotValue && descriptionSlotValue ? descriptionId : ''\n                    }`.trim() || null\n            );\n\n            const ariaLabelAttribute = ref(attrs['aria-label']);\n            const { ariaLabel } = toRefs(props);\n            const computedAriaLabel = useAriaLabel({\n                ariaLabel: ariaLabelAttribute.value as string,\n                // TODO: take this line away when the aria-label props is removed\n                label: ariaLabel,\n                defaultFallback: hasSlot('default') ? (getSlotText(slots)('default') as string) : t('checkbox'),\n            });\n\n            const conditionalClass = computed(() => ({\n                [`b-checkbox--${BentoCheckboxState.DISABLED}`]: disabled.value,\n                [`b-checkbox--${BentoCheckboxState.READONLY}`]: readonly.value,\n            }));\n\n            const onChange = (newValue: BentoCheckboxType | BentoCheckboxGroupItems) => {\n                if (disabled.value) {\n                    return;\n                }\n                emit(BentoCheckboxEvent.UPDATE, newValue);\n                emit(BentoCheckboxEvent.INPUT, newValue);\n            };\n\n            return {\n                // Values\n                descriptionId,\n                errorId,\n                ariaDescribedBy,\n                computedAriaLabel,\n                conditionalClass,\n                defaultSlotValue,\n                descriptionSlotValue,\n                isIndeterminate,\n                shouldShowError,\n                shouldShowErrorMessage,\n                contentSlotAvailable,\n                hasContentSlot,\n\n                // Methods\n                hasSlot,\n                onChange,\n\n                t,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/checkbox/checkbox.scss\" />\n"],"names":["BentoCheckboxEvent","BentoCheckboxEvent2","_sfc_main","defineComponent","messages","BentoTag","BentoTypography","CheckboxInput","ErrorMessage","props","attrs","emit","slots","t","useI18n","descriptionId","generateUid","errorId","hasSlot","useHasSlot","disabled","indeterminate","modelValue","readonly","value","toRefs","defaultSlotValue","getSlotText","descriptionSlotValue","useDefaultSlotValidator","isCheckboxGroup","computed","isChecked","item","isIndeterminate","shouldShowError","shouldShowErrorMessage","hasContentSlot","isCheckedOrIntermediate","contentSlotAvailable","ariaDescribedBy","ariaLabelAttribute","ref","ariaLabel","computedAriaLabel","useAriaLabel","conditionalClass","CheckboxInputState","newValue","normalizeClass","_ctx","createVNode","_component_checkbox_input","mergeProps","openBlock","createElementBlock","_hoisted_1","createBlock","_component_bento_typography","createElementVNode","createTextVNode","toDisplayString","required","createCommentVNode","_component_bento_tag","tag","renderSlot","_component_error_message"],"mappings":"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"}