@adyen/bento-vue3 1.92.2 → 1.93.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../vue2/src/composables/use-form-validate/use-form.ts","../../vue2/src/composables/use-bento-theme/use-bento-theme.types.ts","../../vue2/src/composables/use-bento-theme/use-bento-theme.ts","../../vue2/src/directives/highlight/highlight.ts","../../vue2/src/composables/use-bento-toast-controller/install.ts","../../vue2/src/composables/use-bento-theme/install.types.ts","../../vue2/src/composables/use-bento-theme/install.ts","../../vue2/src/install.ts","../../vue2/src/types/base-filter.ts","../../vue2/src/types/date-format.ts"],"sourcesContent":["import { type Ref, ref, shallowRef } from 'vue';\nimport * as z from 'zod';\nimport type { ZodSchema } from 'zod';\nimport { type allKeys, type ErrorBag, type UseForm } from './use-form.types';\n\n/**\n * Composable that transforms a Zod schema into a Typed Schema that can be used alongside with {@see useForm}.\n *\n * This is meant to simulate the behavior of {@link @vee-validate/zod} {@see https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation}.\n * Function that transform Zod’s schemas into something that can be understood by vee-validate\n *\n * @deprecated Since v2.0.0. Use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.\n *\n * @param formSchema Zod schema to be transformed into a `vee-validate` schema\n * @returns Schema transformed\n */\nexport function toTypedSchema<T extends ZodSchema>(formSchema: T) {\n    return formSchema;\n}\n\n/**\n * Finds and returns the initial values of each of the values defined in the schema so that they\n * can be transformed into a reactive element.\n * @param schema Zod validation schema containing the definitions of each value to be used in the form\n * @returns Object with the items defined in the schema and their (default) values\n *\n * @example\n * const validationSchema = toTypedSchema(\n *      z.object({\n *          name: z\n *              .string()\n *              .min(3, { message: 'Name is required' })\n *              .startsWith('Jane')\n *              .max(4, { message: 'Name cannot be longer than 4 characters' })\n *              .default('Joe'),\n *      })\n * );\n * getInitialFormValues(validationSchema)\n *\n * Will return:\n *\n * {\n *      name: 'Joe'\n * }\n *\n */\nfunction getInitialFormValues<T extends ZodSchema>(schema: T): z.infer<typeof schema> {\n    if (!!z && schema instanceof z.ZodObject) {\n        return Object.fromEntries(\n            Object.entries(schema.shape).map(([key, value]) => {\n                if (!!z && value instanceof z.ZodDefault) {\n                    /* eslint-disable-next-line no-underscore-dangle */\n                    return [key, value._def.defaultValue()];\n                }\n\n                if (!!z && value instanceof z.ZodObject) {\n                    return [key, getInitialFormValues(value)];\n                }\n\n                return [key, undefined];\n            })\n        ) as z.infer<typeof schema>;\n    }\n\n    /**\n     * Zod's refine and superRefine use {@link z.ZodEffects} instead of {@link z.ZodSchema}.\n     * We need to extract the schema from the {@link z.ZodEffects} structure.\n     */\n    if (!!z && schema instanceof z.ZodEffects) {\n        // eslint-disable-next-line no-underscore-dangle\n        return getInitialFormValues(schema._def.schema);\n    }\n\n    return undefined;\n}\n\n/**\n * Constructs a path with dot paths for arrays to use brackets to be compatible with vee-validate path syntax\n * @param issue List of nested path elements\n * @returns Path with dots\n */\nfunction normalizeFormPath(issue: z.ZodIssue) {\n    return issue.path.join('.');\n}\n\n/**\n * Composable that facilitates validating form data for Vue2 & Vue3 implementations with FormLayout\n * to ease the migration to Vue3.\n *\n * For Vue3 implementations use Vee-Validate.\n *\n * This provides a simplified version of Vee-Validate v4 implemented with Zod to validate a form schema.\n * It returns reactive values that can be used directly in form input elements with 'v-model' alongside\n * with functions to \"reset\" the data (sets values to default value) and a function to execute the\n * successful form validation process (through a callback).\n *\n * @deprecated Since v2.0.0. Use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.\n *\n * @param props Form configuration object\n * @param extends ZodSchema} props.validationSchema Zod typed validation schema\n * @returns response - Composable with reactive form values and errors, and functions to handle the reactive data\n * @returns response.errorBag Object with all the form values and an array of each one of the errors (if any) per value\n * @returns response.errors Object with all the form values and the first error found for that field (if any)\n * @returns response.values Object with all the form values and their current value\n * @returns response.handleReset Resets the form values to default (initial values) when it gets called\n * @returns response.submitForm Validates the data set in {response.values} and sets errors (if found) inside {response.errors} and {response.errorBag}.\n *                                                                   When the validation is successful it calls the callback so the submit process can continue\n *\n * @example\n * const validationSchema = toTypedSchema(\n *      z.object({\n *          name: z\n *              .string()\n *              .min(3, { message: 'Name is required' })\n *              .startsWith('Jane')\n *              .max(4, { message: 'Name cannot be longer than 4 characters' })\n *              .default('Joe'),\n *      })\n * );\n *\n * const { values, errors, errorBag, submitForm, handleReset } = useForm({\n *     validationSchema\n * });\n * const handleSubmit = submitForm(() => {\n *     // Send data to API here\n * })\n *\n */\nexport function useForm<T extends ZodSchema>({\n    validationSchema,\n}: UseForm<T>): {\n    errorBag: Ref<{\n        [P in allKeys<(typeof validationSchema)['_type']>]?: Array<string>;\n    }>;\n    errors: Ref<{\n        [P in allKeys<(typeof validationSchema)['_type']>]?: string;\n    }>;\n    values: Ref<(typeof validationSchema)['_type']>;\n    handleReset: () => void;\n    submitForm: (submitted: any) => () => void;\n} {\n    // Errors per field\n    const errors = shallowRef<z.infer<typeof validationSchema>>({});\n    // All errors per field\n    const errorBag: Ref<ErrorBag<z.infer<typeof validationSchema>>> = ref({});\n    const values: Ref<z.TypeOf<T>> = ref(getInitialFormValues<T>(validationSchema));\n\n    const cleanErrors = () => {\n        errors.value = {};\n        errorBag.value = {};\n    };\n\n    const resetForm = () => {\n        cleanErrors();\n        values.value = getInitialFormValues<T>(validationSchema);\n    };\n\n    const submitForm = submitted => () => {\n        cleanErrors();\n\n        // Run validations on the form data through the schema\n        const validSchema = validationSchema.safeParse(values.value);\n\n        // Update errors\n        if (!validSchema.success) {\n            (validSchema as z.SafeParseError<T>).error.issues.forEach(error => {\n                const path = normalizeFormPath(error);\n\n                // Add the first occurrence of a field error to the \"errors\" object\n                if (!errors.value[path]) {\n                    errors.value[path] = error.message;\n                }\n\n                // Add each error to the \"errorBag\" per field array\n                if (!errorBag.value[path]) {\n                    errorBag.value[path] = [error.message];\n                } else {\n                    errorBag.value[path].push(error.message);\n                }\n            });\n        } else {\n            submitted(values.value);\n        }\n    };\n\n    return {\n        // Values\n        errorBag,\n        errors,\n        values,\n\n        // Methods\n        handleReset: () => resetForm(),\n        submitForm,\n    };\n}\n","import { type BentoTheme } from './install.types';\n\nexport const useBentoThemeKey = Symbol('use-bento-theme');\n\nexport interface UseBentoTheme {\n    getTheme: () => string;\n    setTheme: (theme: BentoTheme | `${BentoTheme}`) => void;\n}\n","import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\nimport { getCurrentInstance, inject } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport { type UseBentoTheme, useBentoThemeKey } from './use-bento-theme.types';\n\n/**\n * Composable that handles theming-related capabilities for the Bento component library.\n * Requires the use of `BentoPlugin`.\n *\n * @example\n * <script setup lang=\"ts\">\n *    import { useBentoTheme, BentoTheme } from '@adyen/bento-vue2';\n *\n *    const { setTheme } = useBentoTheme();\n *\n *    setTheme(BentoTheme.BENTO_DARK)\n * </script>\n *\n * @returns {UseBentoTheme} An object with getter and setter method for the Bento theme.\n * @returns {Function} getTheme - Returns the current theme in the string form of BentoTheme enum.\n * @returns {Function} setTheme - Sets the theme of the Bento component library.\n *\n */\nexport function useBentoTheme(): UseBentoTheme {\n    const bentoThemeController = isVue2\n        ? getCurrentInstance()?.proxy[useBentoThemeKey]\n        : inject(useBentoThemeKey, null);\n\n    if (!bentoThemeController) {\n        printDevelopmentWarning('useBentoTheme does not work without Vue.use(BentoPlugin)');\n\n        // Return placeholder functions so client code won't break, but theme won't toggle\n        return {\n            getTheme: () => undefined,\n            setTheme: () => undefined,\n        };\n    }\n\n    // Return a new object so unintentional reassigning its properties won't override a global state\n    return { ...bentoThemeController };\n}\n","const getSize = ({ modifiers, value }) => Object.keys(modifiers)[0] || value?.size || 'small';\n\nconst toggleHighlight = (el, binding, enabled) => {\n    const extraPadding = binding.value?.extraPadding ?? false;\n    const rounded = binding.value?.rounded ?? false;\n    const size = getSize(binding);\n\n    el.classList.toggle('b-highlight', enabled);\n    el.classList.toggle('b-highlight--extra-padding', enabled && extraPadding);\n    el.classList.toggle('b-highlight--rounded', enabled && rounded);\n\n    ['small', 'medium', 'large'].forEach(s => {\n        el.classList.toggle(`b-highlight--${s}`, enabled && s === size);\n    });\n};\n\nconst applyHighlight = (el, binding) => {\n    toggleHighlight(el, binding, binding.value !== false);\n};\n\nconst updateHighlight = (el, binding) => {\n    toggleHighlight(el, binding, binding.value !== false);\n};\n\nconst removeHighlight = (el, binding) => {\n    toggleHighlight(el, binding, false);\n};\n\nexport const BentoHighlightDirective = {\n    // Vue 2\n    bind: applyHighlight,\n    update: updateHighlight,\n    unbind: removeHighlight,\n\n    // Vue 3\n    beforeMount: applyHighlight,\n    mounted: updateHighlight,\n    updated: updateHighlight,\n    unmounted: removeHighlight,\n};\n\nimport './highlight.scss';\n","import { type App, isVue2, type Vue2 } from 'vue-demi';\nimport { createToastStack, toastStackInjectionKey } from './toast-stack';\n\n/**\n * This function is used to create and register global reactive state necessary fro the Toasts to operate.\n * @param {Vue} Vue A context application to register global state with.\n */\nexport default Vue => {\n    if (isVue2) {\n        // Add toast stack as a global property as there is no \"app.provide\" functionality in Vue2\n        // eslint-disable-next-line no-param-reassign -- this is an official way of setting up instance properties on Vue\n        (Vue as typeof Vue2).prototype[toastStackInjectionKey] = createToastStack();\n    } else {\n        (Vue as App).provide(toastStackInjectionKey, createToastStack());\n    }\n};\n","export enum BentoTheme {\n    /**\n     * @deprecated Since v2.0.0. Use `BENTO_LIGHT` instead.\n     */\n    LEGACY = 'b-legacy-theme',\n    STYLEGUIDE = 'b-styleguide-theme',\n\n    /**\n     * @deprecated Since v2.0.0. Use `BENTO_LIGHT` instead.\n     */\n    BENTO = '',\n\n    BENTO_LIGHT = 'b-light-theme',\n    BENTO_DARK = 'b-dark-theme',\n    BENTO_SYSTEM = 'b-system',\n}\n","import { type App, isVue2, type Vue2 } from 'vue-demi';\nimport { useBentoThemeKey } from './use-bento-theme.types';\nimport { BentoTheme } from './install.types';\n\nconst getTheme = () => document.body.className.match(/b-\\w+-theme/)?.[0] ?? '';\nconst getThemeForSystemPreference = () => {\n    const preferredDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n    if (preferredDarkMode) {\n        return BentoTheme.BENTO_DARK;\n    }\n\n    return BentoTheme.BENTO_LIGHT;\n};\n\nexport const setTheme = (theme: BentoTheme) => {\n    const currentTheme = getTheme();\n    const systemTheme = getThemeForSystemPreference();\n    const themeToSet = theme === BentoTheme.BENTO_SYSTEM ? systemTheme : theme;\n\n    if (themeToSet === BentoTheme.BENTO_LIGHT || themeToSet === BentoTheme.BENTO) {\n        document.documentElement.style.colorScheme = 'light';\n    } else if (themeToSet === BentoTheme.BENTO_DARK) {\n        document.documentElement.style.colorScheme = 'dark';\n    }\n\n    // if theme is different from current and it is not `BentoTheme.BENTO`\n    if (currentTheme.length && currentTheme !== themeToSet) {\n        document.body.classList.remove(currentTheme);\n    }\n\n    // if theme is not `BentoTheme.BENTO`\n    if (themeToSet.length) {\n        document.body.classList.add(themeToSet);\n    }\n};\n\n/**\n * This function is used to create and register global reactive state necessary for theme to operate.\n * @param {Vue} Vue A context application to register global state with.\n */\nexport default Vue => {\n    const themeProvider = {\n        getTheme,\n        setTheme,\n    };\n\n    if (isVue2) {\n        // Add theme  as a global property as there is no \"app.provide\" functionality in Vue2\n        // eslint-disable-next-line no-param-reassign -- this is an official way of setting up instance properties on Vue\n        (Vue as typeof Vue2).prototype[useBentoThemeKey] = themeProvider;\n    } else {\n        (Vue as App).provide(useBentoThemeKey, themeProvider);\n    }\n};\n","import installToast from './composables/use-bento-toast-controller/install';\nimport installTheme, { setTheme } from './composables/use-bento-theme/install';\nimport { deprecate } from './utils/ts/deprecate';\nimport { BentoTheme } from './composables/use-bento-theme/install.types';\nimport type { PluginObject } from 'vue';\n\ninterface BentoVuePlugin {\n    theme?: BentoTheme;\n    withToast?: boolean;\n    withUtilityClasses?: boolean;\n    withDesignTokensCSSInjection?: boolean;\n}\n\nconst plugin: PluginObject<BentoVuePlugin> = {\n    name: 'BentoVue',\n    install: async (\n        Vue,\n        {\n            theme = BentoTheme.BENTO_LIGHT,\n            withToast = false,\n            withUtilityClasses = false,\n            withDesignTokensCSSInjection = true,\n        }: BentoVuePlugin\n    ) => {\n        installTheme(Vue);\n\n        if (withToast) {\n            installToast(Vue);\n        }\n        if (withDesignTokensCSSInjection) {\n            deprecate(\n                'Using default setting withDesignTokensCSSInjection set to true in BentoVue plugin',\n                'Please disable CSS injection by setting withDesignTokensCSSInjection to false in BentoVue plugin options as highlighted here:\\nhttps://adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import-css-variables',\n                '2.0.0'\n            );\n            // Make sure to put all awaited CSS imports below this point and not above!\n            if (theme === BentoTheme.STYLEGUIDE) {\n                await import('@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css');\n            } else {\n                await import('@adyen/bento-design-tokens/dist/css/bento/variables.css');\n            }\n\n            if (withUtilityClasses) {\n                await import('@adyen/bento-design-tokens/dist/css/bento/utility.css');\n            }\n        }\n\n        if (theme === BentoTheme.STYLEGUIDE) {\n            setTheme(BentoTheme.STYLEGUIDE);\n        } else if (theme === BentoTheme.BENTO_SYSTEM) {\n            setTheme(BentoTheme.BENTO_SYSTEM);\n        } else if (theme === BentoTheme.BENTO_DARK) {\n            setTheme(BentoTheme.BENTO_DARK);\n        } else if (theme === BentoTheme.BENTO) {\n            deprecate('Using `BentoTheme.BENTO`', 'Please use `BentoTheme.BENTO_LIGHT` instead', '2.0.0');\n            setTheme(BentoTheme.BENTO_LIGHT);\n        } else {\n            setTheme(BentoTheme.BENTO_LIGHT);\n        }\n    },\n};\n\nexport { BentoTheme };\nexport default plugin;\n","/**\n * Defines the props used by `bento-base-filter` that must be implemented\n * on every filter as `defineProps`.\n *\n * The interface can be extended if new values are required.\n * The object can be extended if new values are required.\n *\n * @template CustomValue Defines the type of the `value` and `defaultValue` props.\n * @template CustomOptions Defines the type of the options used by the filter (default: `undefined`).\n *\n * @example\n * Using the interface\n *\n * ```typescript\n * import { type BentoBaseFilterProps } from '@adyen/bento-vue2'\n *\n * interface CustomOptions {\n *      option: string;\n * }\n *\n * withDefaults(defineProps<BentoBaseFilterProps<string, CustomOptions>>(), {\n *    defaultValue: undefined,\n * })\n * ```\n *\n * @example\n * Using the object\n *\n * ```typescript\n * import { BentoBaseFilterProps } from '@adyen/bento-vue2'\n *\n * defineProps({\n *   ...BentoBaseFilterProps,\n *   options: {\n *      type: Object,\n *      default: () => ({\n *          option: null\n *      })\n *   }\n * })\n * ```\n */\nexport interface BentoBaseFilterProps<CustomValue, CustomOptions = undefined> {\n    /**\n     * Disables the filter from being interacted with.\n     */\n    disabled?: boolean;\n\n    /**\n     * Default value of the filter to reset to.\n     */\n    defaultValue?: CustomValue;\n\n    /**\n     * Filter name/key referencing the actual property name in the data set.\n     * Should be unique per filter bar.\n     */\n    field: string;\n\n    /**\n     * Label text to be displayed\n     */\n    label: string;\n\n    /**\n     * Renders the base filter's slot content only - leaving out the button and the popover.\n     * Used for the allFiltersModal component.\n     */\n    onlySlot?: boolean;\n\n    /**\n     * List of options that are needed to setup the filter\n     * Available options:\n     *   - firstDayOfWeek: Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday\n     *   - isDateDisabled: Indicate if a date should be disabled or not\n     *   - tooltipPosition: The position of the tooltip attached to the filter button\n     *   - tooltipText: The content of the tooltip attached to the filter button\n     */\n    options?: CustomOptions;\n\n    /**\n     * Current value of the filter\n     */\n    value: CustomValue;\n}\n\nexport const BentoBaseFilterProps = Object.freeze({\n    /**\n     * Disables the filter from being interacted with.\n     */\n    disabled: { type: Boolean, default: false },\n\n    /**\n     * Default value of the filter to reset to.\n     */\n    defaultValue: {\n        type: [Object, Number, Boolean, Array, String, Date],\n        default: null,\n    },\n\n    /**\n     * Filter name/key referencing the actual property name in the data set.\n     * Should be unique per filter bar.\n     */\n    field: { type: String, required: true },\n\n    /**\n     * Label text to be displayed\n     */\n    label: { type: String, required: true },\n\n    /**\n     * Renders the base filter's slot content only - leaving out the button and the popover.\n     * Used for the allFiltersModal component.\n     */\n    onlySlot: { type: Boolean, default: false },\n\n    /**\n     * The current value of the filter, used for v-model.\n     */\n    value: {\n        type: [Object, Number, Boolean, Array, String, Date],\n        default: undefined,\n    },\n});\n\n/**\n * Defines the mandatory emits that need to be defined by the implementation of any filter\n *\n * @template CustomValue Defines the type of the value being passed to the emit. Same as the type set in `BentoBaseFilterProps`\n *\n * @example\n * Using the interface\n *\n * ```typescript\n * import { type BentoBaseFilterEvents } from '@adyen/bento-vue2'\n *\n * defineEmits<BentoBaseFilterEvents<string>>()\n * ```\n *\n * @example\n * Using the object\n *\n * ```typescript\n * import { BentoBaseFilterEvents } from '@adyen/bento-vue2'\n *\n * defineEmits(BentoBaseFilterEvents)\n * ```\n */\nexport interface BentoBaseFilterEvents<CustomFilterProps> {\n    /**\n     * Used in the All filters modal\n     */\n    (e: 'input', updatedProps: CustomFilterProps): void;\n\n    /**\n     * Used in the Filter Bar\n     */\n    (e: 'update', updatedProps: CustomFilterProps): void;\n}\n\nexport const BentoBaseFilterEvents = ['input', 'update'];\n","export enum DateFormat {\n    // DAY\n    DAY_OF_MONTH = 'd', // 1, 2, ..., 31,\n    NUMERIC_DAY = 'dd', // 01, 02, ..., 31,\n\n    // WEEK\n    SHORT_WEEKDAY = 'EEE', // Fri\n\n    // MONTH\n    NUMERIC_MONTH = 'MM', // 06\n    SHORT_MONTH = 'MMM', // Jun\n    LONG_MONTH = 'MMMM', // June\n    LONG_MONTH_YEAR = `${LONG_MONTH} yyyy`, // June 2023\n\n    // YEAR\n    FULL_YEAR = 'yyyy', // 0001, 2023\n\n    // DATE\n    FULL_DATE = `${DAY_OF_MONTH} ${SHORT_MONTH}, ${FULL_YEAR}`, // 25 Jun, 2023\n    FULL_DATE_MONTH_FIRST = `${SHORT_MONTH} ${NUMERIC_DAY}, ${FULL_YEAR}`, // Jun 25, 2023\n    NUMERIC_DATE_YEAR_FIRST = `${FULL_YEAR}-${NUMERIC_MONTH}-${NUMERIC_DAY}`, // 2023-06-25\n    NUMERIC_DATE_DAY_FIRST = `${FULL_YEAR}-${NUMERIC_MONTH}-${NUMERIC_DAY}`, // 25-06-2023\n\n    // TIME\n    MILITARY_HOUR = 'HH',\n    MINUTES_TWO_DIGITS = 'mm',\n    SECONDS_TWO_DIGITS = 'ss',\n    HOUR_MINUTE_SECONDS = `${MILITARY_HOUR}:${MINUTES_TWO_DIGITS}:${SECONDS_TWO_DIGITS}`,\n}\n\nexport type BentoTextInputDateFormat = 'YYYY-MM-DD' | 'DD-MM-YYYY' | 'MM-DD-YYYY';\n"],"names":["toTypedSchema","formSchema","getInitialFormValues","schema","z","key","value","normalizeFormPath","issue","useForm","validationSchema","errors","shallowRef","errorBag","ref","values","cleanErrors","resetForm","submitted","validSchema","error","path","useBentoThemeKey","useBentoTheme","bentoThemeController","inject","printDevelopmentWarning","getSize","modifiers","toggleHighlight","el","binding","enabled","extraPadding","rounded","size","s","applyHighlight","updateHighlight","removeHighlight","BentoHighlightDirective","installToast","Vue","toastStackInjectionKey","createToastStack","BentoTheme","BentoTheme2","getTheme","getThemeForSystemPreference","setTheme","theme","currentTheme","systemTheme","themeToSet","installTheme","themeProvider","plugin","withToast","withUtilityClasses","withDesignTokensCSSInjection","deprecate","BentoBaseFilterProps","BentoBaseFilterEvents","DateFormat","DateFormat2"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,SAAAA,EAAAC,GAAA;AACH,SAAAA;AACJ;AA4BA,SAAAC,EAAAC,GAAA;AACI,MAAAC,KAAAD,aAAAC,EAAA;AACI,WAAA,OAAA;AAAA,MAAc,OAAA,QAAAD,EAAA,KAAA,EAAA,IAAA,CAAA,CAAAE,GAAAC,CAAA,MAENF,KAAAE,aAAAF,EAAA,aAEI,CAAAC,GAAAC,EAAA,KAAA,aAAA,CAAA,IAGJF,KAAAE,aAAAF,EAAA,YACI,CAAAC,GAAAH,EAAAI,CAAA,CAAA,IAGJ,CAAAD,GAAA,MAAA,CAAsB;AAAA,IACzB;AAQT,MAAAD,KAAAD,aAAAC,EAAA;AAEI,WAAAF,EAAAC,EAAA,KAAA,MAAA;AAIR;AAOA,SAAAI,EAAAC,GAAA;AACI,SAAAA,EAAA,KAAA,KAAA,GAAA;AACJ;AA6CO,SAAAC,EAAA;AAAA,EAAsC,kBAAAC;AAE7C,GAAA;AAYI,QAAAC,IAAAC,EAAA,CAAA,CAAA,GAEAC,IAAAC,EAAA,CAAA,CAAA,GACAC,IAAAD,EAAAZ,EAAAQ,CAAA,CAAA,GAEAM,IAAA,MAAA;AACI,IAAAL,EAAA,QAAA,CAAA,GACAE,EAAA,QAAA,CAAA;AAAA,EAAkB,GAGtBI,IAAA,MAAA;AACI,IAAAD,EAAA,GACAD,EAAA,QAAAb,EAAAQ,CAAA;AAAA,EAAuD;AA+B3D,SAAA;AAAA;AAAA,IAAO,UAAAG;AAAA,IAEH,QAAAF;AAAA,IACA,QAAAI;AAAA;AAAA,IACA,aAAA,MAAAE,EAAA;AAAA,IAG6B,YAnCjC,CAAAC,MAAA,MAAA;AACI,MAAAF,EAAA;AAGA,YAAAG,IAAAT,EAAA,UAAAK,EAAA,KAAA;AAGA,MAAAI,EAAA,UAiBID,EAAAH,EAAA,KAAA,IAhBAI,EAAA,MAAA,OAAA,QAAA,CAAAC,MAAA;AACI,cAAAC,IAAAd,EAAAa,CAAA;AAGA,QAAAT,EAAA,MAAAU,CAAA,MACIV,EAAA,MAAAU,CAAA,IAAAD,EAAA,UAIJP,EAAA,MAAAQ,CAAA,IAGIR,EAAA,MAAAQ,CAAA,EAAA,KAAAD,EAAA,OAAA,IAFAP,EAAA,MAAAQ,CAAA,IAAA,CAAAD,EAAA,OAAA;AAAA,MAGJ,CAAA;AAAA,IAIR;AAAA,EAWA;AAER;ACjMO,MAAAE,IAAA,uBAAA,iBAAA;ACqBA,SAAAC,IAAA;AACH,QAAAC,IAAAC,EAAAH,GAAA,IAAA;AAIA,SAAAE,IAWA,EAAA,GAAAA,EAAA,KAVIE,EAAA,0DAAA,GAGA;AAAA,IAAO,UAAA,MAAA;AAAA;AAAA,IACa,UAAA,MAAA;AAAA;AAAA,EACA;AAM5B;ACxCA,MAAAC,IAAA,CAAA,EAAA,WAAAC,GAAA,OAAAtB,EAAA,MAAA,OAAA,KAAAsB,CAAA,EAAA,CAAA,KAAAtB,GAAA,QAAA,SAEAuB,IAAA,CAAAC,GAAAC,GAAAC,MAAA;AACI,QAAAC,IAAAF,EAAA,OAAA,gBAAA,IACAG,IAAAH,EAAA,OAAA,WAAA,IACAI,IAAAR,EAAAI,CAAA;AAEA,EAAAD,EAAA,UAAA,OAAA,eAAAE,CAAA,GACAF,EAAA,UAAA,OAAA,8BAAAE,KAAAC,CAAA,GACAH,EAAA,UAAA,OAAA,wBAAAE,KAAAE,CAAA,GAEA,CAAA,SAAA,UAAA,OAAA,EAAA,QAAA,CAAAE,MAAA;AACI,IAAAN,EAAA,UAAA,OAAA,gBAAAM,CAAA,IAAAJ,KAAAI,MAAAD,CAAA;AAAA,EAA8D,CAAA;AAEtE,GAEAE,IAAA,CAAAP,GAAAC,MAAA;AACI,EAAAF,EAAAC,GAAAC,GAAAA,EAAA,UAAA,EAAA;AACJ,GAEAO,IAAA,CAAAR,GAAAC,MAAA;AACI,EAAAF,EAAAC,GAAAC,GAAAA,EAAA,UAAA,EAAA;AACJ,GAEAQ,IAAA,CAAAT,GAAAC,MAAA;AACI,EAAAF,EAAAC,GAAAC,GAAA,EAAA;AACJ,GAEOS,IAAA;AAAA;AAAA,EAAgC,MAAAH;AAAA,EAE7B,QAAAC;AAAA,EACE,QAAAC;AAAA;AAAA,EACA,aAAAF;AAAA,EAGK,SAAAC;AAAA,EACJ,SAAAA;AAAA,EACA,WAAAC;AAEb,GChCAE,IAAA,CAAAC,MAAA;AAMQ,EAAAA,EAAA,QAAAC,GAAAC,EAAA,CAAA;AAER;ACfO,IAAAC,IAAA,kBAAAC,OAIHA,EAAA,SAAA,kBACAA,EAAA,aAAA,sBAKAA,EAAA,QAAA,IAEAA,EAAA,cAAA,iBACAA,EAAA,aAAA,gBACAA,EAAA,eAAA,YAdQA,IAAAD,KAAA,CAAA,CAAA;ACIZ,MAAAE,IAAA,MAAA,SAAA,KAAA,UAAA,MAAA,aAAA,IAAA,CAAA,KAAA,IACAC,IAAA,MACI,OAAA,WAAA,8BAAA,EAAA,UAGIH,EAAA,aAGJA,EAAA,aAGGI,IAAA,CAAAC,MAAA;AACH,QAAAC,IAAAJ,EAAA,GACAK,IAAAJ,EAAA,GACAK,IAAAH,MAAAL,EAAA,eAAAO,IAAAF;AAEA,EAAAG,MAAAR,EAAA,eAAAQ,MAAAR,EAAA,QACI,SAAA,gBAAA,MAAA,cAAA,UAA6CQ,MAAAR,EAAA,eAE7C,SAAA,gBAAA,MAAA,cAAA,SAIJM,EAAA,UAAAA,MAAAE,KACI,SAAA,KAAA,UAAA,OAAAF,CAAA,GAIJE,EAAA,UACI,SAAA,KAAA,UAAA,IAAAA,CAAA;AAER,GAMAC,IAAA,CAAAZ,MAAA;AACI,QAAAa,IAAA;AAAA,IAAsB,UAAAR;AAAA,IAClB,UAAAE;AAAA,EACA;AAQA,EAAAP,EAAA,QAAApB,GAAAiC,CAAA;AAER,GCzCAC,IAAA;AAAA,EAA6C,MAAA;AAAA,EACnC,SAAA,OAAAd,GAAA;AAAA,IAGF,OAAAQ,IAAAL,EAAA;AAAA,IACuB,WAAAY,IAAA;AAAA,IACP,oBAAAC,IAAA;AAAA,IACS,8BAAAC,IAAA;AAAA,EACU,MAAA;AAGnC,IAAAL,EAAAZ,CAAA,GAEAe,KACIhB,EAAAC,CAAA,GAEJiB,MACIC;AAAA,MAAA;AAAA,MACI;AAAA;AAAA,MACA;AAAA,IACA,GAGJV,MAAAL,EAAA,aACI,MAAA,OAAA,oEAAA,IAEA,MAAA,OAAA,yDAAA,GAGJa,KACI,MAAA,OAAA,uDAAA,IAIRR,MAAAL,EAAA,aACII,EAAAJ,EAAA,UAAA,IAA8BK,MAAAL,EAAA,eAE9BI,EAAAJ,EAAA,YAAA,IAAgCK,MAAAL,EAAA,aAEhCI,EAAAJ,EAAA,UAAA,KAA8BK,MAAAL,EAAA,SAE9Be,EAAA,4BAAA,+CAAA,OAAA,GACAX,EAAAJ,EAAA,WAAA;AAAA,EAGJ;AAER,GC0BOgB,IAAA,OAAA,OAAA;AAAA;AAAA;AAAA;AAAA,EAA2C,UAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA,EAIJ,cAAA;AAAA,IAK5B,MAAA,CAAA,QAAA,QAAA,SAAA,OAAA,QAAA,IAAA;AAAA,IACyC,SAAA;AAAA,EAC1C;AAAA;AAAA;AAAA;AAAA;AAAA,EACb,OAAA,EAAA,MAAA,QAAA,UAAA,GAAA;AAAA;AAAA;AAAA;AAAA,EAMsC,OAAA,EAAA,MAAA,QAAA,UAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,UAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAA;AAAA,IAKnC,MAAA,CAAA,QAAA,QAAA,SAAA,OAAA,QAAA,IAAA;AAAA,IACgD,SAAA;AAAA,EAC1C;AAEjB,CAAA,GAqCOC,IAAA,CAAA,SAAA,QAAA;ACjKA,IAAAC,IAAA,kBAAAC,OAEHA,EAAA,eAAA,KACAA,EAAA,cAAA,MAGAA,EAAA,gBAAA,OAGAA,EAAA,gBAAA,MACAA,EAAA,cAAA,OACAA,EAAA,aAAA,QACAA,EAAA,kBAAA,aAGAA,EAAA,YAAA,QAGAA,EAAA,YAAA,eACAA,EAAA,wBAAA,gBACAA,EAAA,0BAAA,cACAA,EAAA,yBAAA,cAGAA,EAAA,gBAAA,MACAA,EAAA,qBAAA,MACAA,EAAA,qBAAA,MACAA,EAAA,sBAAA,YA3BQA,IAAAD,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"index.js","sources":["../../vue2/src/composables/use-form-validate/use-form.ts","../../vue2/src/composables/use-bento-theme/use-bento-theme.types.ts","../../vue2/src/composables/use-bento-theme/use-bento-theme.ts","../../vue2/src/directives/highlight/highlight.ts","../../vue2/src/composables/use-bento-toast-controller/install.ts","../../vue2/src/composables/use-bento-theme/install.types.ts","../../vue2/src/composables/use-bento-theme/install.ts","../../vue2/src/install.ts","../../vue2/src/types/base-filter.ts","../../vue2/src/types/date-format.ts"],"sourcesContent":["import { type Ref, ref, shallowRef } from 'vue';\nimport * as z from 'zod';\nimport type { ZodSchema } from 'zod';\nimport { type allKeys, type ErrorBag, type UseForm } from './use-form.types';\n\n/**\n * Composable that transforms a Zod schema into a Typed Schema that can be used alongside with {@see useForm}.\n *\n * This is meant to simulate the behavior of {@link @vee-validate/zod} {@see https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation}.\n * Function that transform Zod’s schemas into something that can be understood by vee-validate\n *\n * @deprecated Since v2.0.0. Use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.\n *\n * @param formSchema Zod schema to be transformed into a `vee-validate` schema\n * @returns Schema transformed\n */\nexport function toTypedSchema<T extends ZodSchema>(formSchema: T) {\n    return formSchema;\n}\n\n/**\n * Finds and returns the initial values of each of the values defined in the schema so that they\n * can be transformed into a reactive element.\n * @param schema Zod validation schema containing the definitions of each value to be used in the form\n * @returns Object with the items defined in the schema and their (default) values\n *\n * @example\n * const validationSchema = toTypedSchema(\n *      z.object({\n *          name: z\n *              .string()\n *              .min(3, { message: 'Name is required' })\n *              .startsWith('Jane')\n *              .max(4, { message: 'Name cannot be longer than 4 characters' })\n *              .default('Joe'),\n *      })\n * );\n * getInitialFormValues(validationSchema)\n *\n * Will return:\n *\n * {\n *      name: 'Joe'\n * }\n *\n */\nfunction getInitialFormValues<T extends ZodSchema>(schema: T): z.infer<typeof schema> {\n    if (!!z && schema instanceof z.ZodObject) {\n        return Object.fromEntries(\n            Object.entries(schema.shape).map(([key, value]) => {\n                if (!!z && value instanceof z.ZodDefault) {\n                    /* eslint-disable-next-line no-underscore-dangle */\n                    return [key, value._def.defaultValue()];\n                }\n\n                if (!!z && value instanceof z.ZodObject) {\n                    return [key, getInitialFormValues(value)];\n                }\n\n                return [key, undefined];\n            })\n        ) as z.infer<typeof schema>;\n    }\n\n    /**\n     * Zod's refine and superRefine use {@link z.ZodEffects} instead of {@link z.ZodSchema}.\n     * We need to extract the schema from the {@link z.ZodEffects} structure.\n     */\n    if (!!z && schema instanceof z.ZodEffects) {\n        // eslint-disable-next-line no-underscore-dangle\n        return getInitialFormValues(schema._def.schema);\n    }\n\n    return undefined;\n}\n\n/**\n * Constructs a path with dot paths for arrays to use brackets to be compatible with vee-validate path syntax\n * @param issue List of nested path elements\n * @returns Path with dots\n */\nfunction normalizeFormPath(issue: z.ZodIssue) {\n    return issue.path.join('.');\n}\n\n/**\n * Composable that facilitates validating form data for Vue2 & Vue3 implementations with FormLayout\n * to ease the migration to Vue3.\n *\n * For Vue3 implementations use Vee-Validate.\n *\n * This provides a simplified version of Vee-Validate v4 implemented with Zod to validate a form schema.\n * It returns reactive values that can be used directly in form input elements with 'v-model' alongside\n * with functions to \"reset\" the data (sets values to default value) and a function to execute the\n * successful form validation process (through a callback).\n *\n * @deprecated Since v2.0.0. Use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.\n *\n * @param props Form configuration object\n * @param extends ZodSchema} props.validationSchema Zod typed validation schema\n * @returns response - Composable with reactive form values and errors, and functions to handle the reactive data\n * @returns response.errorBag Object with all the form values and an array of each one of the errors (if any) per value\n * @returns response.errors Object with all the form values and the first error found for that field (if any)\n * @returns response.values Object with all the form values and their current value\n * @returns response.handleReset Resets the form values to default (initial values) when it gets called\n * @returns response.submitForm Validates the data set in {response.values} and sets errors (if found) inside {response.errors} and {response.errorBag}.\n *                                                                   When the validation is successful it calls the callback so the submit process can continue\n *\n * @example\n * const validationSchema = toTypedSchema(\n *      z.object({\n *          name: z\n *              .string()\n *              .min(3, { message: 'Name is required' })\n *              .startsWith('Jane')\n *              .max(4, { message: 'Name cannot be longer than 4 characters' })\n *              .default('Joe'),\n *      })\n * );\n *\n * const { values, errors, errorBag, submitForm, handleReset } = useForm({\n *     validationSchema\n * });\n * const handleSubmit = submitForm(() => {\n *     // Send data to API here\n * })\n *\n */\nexport function useForm<T extends ZodSchema>({\n    validationSchema,\n}: UseForm<T>): {\n    errorBag: Ref<{\n        [P in allKeys<(typeof validationSchema)['_type']>]?: Array<string>;\n    }>;\n    errors: Ref<{\n        [P in allKeys<(typeof validationSchema)['_type']>]?: string;\n    }>;\n    values: Ref<(typeof validationSchema)['_type']>;\n    handleReset: () => void;\n    submitForm: (submitted: any) => () => void;\n} {\n    // Errors per field\n    const errors = shallowRef<z.infer<typeof validationSchema>>({});\n    // All errors per field\n    const errorBag: Ref<ErrorBag<z.infer<typeof validationSchema>>> = ref({});\n    const values: Ref<z.TypeOf<T>> = ref(getInitialFormValues<T>(validationSchema));\n\n    const cleanErrors = () => {\n        errors.value = {};\n        errorBag.value = {};\n    };\n\n    const resetForm = () => {\n        cleanErrors();\n        values.value = getInitialFormValues<T>(validationSchema);\n    };\n\n    const submitForm = submitted => () => {\n        cleanErrors();\n\n        // Run validations on the form data through the schema\n        const validSchema = validationSchema.safeParse(values.value);\n\n        // Update errors\n        if (!validSchema.success) {\n            (validSchema as z.SafeParseError<T>).error.issues.forEach(error => {\n                const path = normalizeFormPath(error);\n\n                // Add the first occurrence of a field error to the \"errors\" object\n                if (!errors.value[path]) {\n                    errors.value[path] = error.message;\n                }\n\n                // Add each error to the \"errorBag\" per field array\n                if (!errorBag.value[path]) {\n                    errorBag.value[path] = [error.message];\n                } else {\n                    errorBag.value[path].push(error.message);\n                }\n            });\n        } else {\n            submitted(values.value);\n        }\n    };\n\n    return {\n        // Values\n        errorBag,\n        errors,\n        values,\n\n        // Methods\n        handleReset: () => resetForm(),\n        submitForm,\n    };\n}\n","import { type BentoTheme } from './install.types';\n\nexport const useBentoThemeKey = Symbol('use-bento-theme');\n\nexport interface UseBentoTheme {\n    getTheme: () => string;\n    setTheme: (theme: BentoTheme | `${BentoTheme}`) => void;\n}\n","import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\nimport { getCurrentInstance, inject } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport { type UseBentoTheme, useBentoThemeKey } from './use-bento-theme.types';\n\n/**\n * Composable that handles theming-related capabilities for the Bento component library.\n * Requires the use of `BentoPlugin`.\n *\n * @example\n * <script setup lang=\"ts\">\n *    import { useBentoTheme, BentoTheme } from '@adyen/bento-vue2';\n *\n *    const { setTheme } = useBentoTheme();\n *\n *    setTheme(BentoTheme.BENTO_DARK)\n * </script>\n *\n * @returns {UseBentoTheme} An object with getter and setter method for the Bento theme.\n * @returns {Function} getTheme - Returns the current theme in the string form of BentoTheme enum.\n * @returns {Function} setTheme - Sets the theme of the Bento component library.\n *\n */\nexport function useBentoTheme(): UseBentoTheme {\n    const bentoThemeController = isVue2\n        ? getCurrentInstance()?.proxy[useBentoThemeKey]\n        : inject(useBentoThemeKey, null);\n\n    if (!bentoThemeController) {\n        printDevelopmentWarning('useBentoTheme does not work without Vue.use(BentoPlugin)');\n\n        // Return placeholder functions so client code won't break, but theme won't toggle\n        return {\n            getTheme: () => undefined,\n            setTheme: () => undefined,\n        };\n    }\n\n    // Return a new object so unintentional reassigning its properties won't override a global state\n    return { ...bentoThemeController };\n}\n","const getSize = ({ modifiers, value }) => Object.keys(modifiers)[0] || value?.size || 'small';\n\nconst toggleHighlight = (el, binding, enabled) => {\n    const extraPadding = binding.value?.extraPadding ?? false;\n    const rounded = binding.value?.rounded ?? false;\n    const size = getSize(binding);\n\n    el.classList.toggle('b-highlight', enabled);\n    el.classList.toggle('b-highlight--extra-padding', enabled && extraPadding);\n    el.classList.toggle('b-highlight--rounded', enabled && rounded);\n\n    ['small', 'medium', 'large'].forEach(s => {\n        el.classList.toggle(`b-highlight--${s}`, enabled && s === size);\n    });\n};\n\nconst applyHighlight = (el, binding) => {\n    toggleHighlight(el, binding, binding.value !== false);\n};\n\nconst updateHighlight = (el, binding) => {\n    toggleHighlight(el, binding, binding.value !== false);\n};\n\nconst removeHighlight = (el, binding) => {\n    toggleHighlight(el, binding, false);\n};\n\nexport const BentoHighlightDirective = {\n    // Vue 2\n    bind: applyHighlight,\n    update: updateHighlight,\n    unbind: removeHighlight,\n\n    // Vue 3\n    beforeMount: applyHighlight,\n    mounted: updateHighlight,\n    updated: updateHighlight,\n    unmounted: removeHighlight,\n};\n\nimport './highlight.scss';\n","import { type App, isVue2, type Vue2 } from 'vue-demi';\nimport { createToastStack, toastStackInjectionKey } from './toast-stack';\n\n/**\n * This function is used to create and register global reactive state necessary fro the Toasts to operate.\n * @param {Vue} Vue A context application to register global state with.\n */\nexport default Vue => {\n    if (isVue2) {\n        // Add toast stack as a global property as there is no \"app.provide\" functionality in Vue2\n        // eslint-disable-next-line no-param-reassign -- this is an official way of setting up instance properties on Vue\n        (Vue as typeof Vue2).prototype[toastStackInjectionKey] = createToastStack();\n    } else {\n        (Vue as App).provide(toastStackInjectionKey, createToastStack());\n    }\n};\n","export enum BentoTheme {\n    /**\n     * @deprecated Since v2.0.0. Use `BENTO_LIGHT` instead.\n     */\n    LEGACY = 'b-legacy-theme',\n    STYLEGUIDE = 'b-styleguide-theme',\n\n    /**\n     * @deprecated Since v2.0.0. Use `BENTO_LIGHT` instead.\n     */\n    BENTO = '',\n\n    BENTO_LIGHT = 'b-light-theme',\n    BENTO_DARK = 'b-dark-theme',\n    BENTO_SYSTEM = 'b-system',\n}\n","import { type App, isVue2, type Vue2 } from 'vue-demi';\nimport { useBentoThemeKey } from './use-bento-theme.types';\nimport { BentoTheme } from './install.types';\n\nconst getTheme = () => document.body.className.match(/b-\\w+-theme/)?.[0] ?? '';\nconst getThemeForSystemPreference = () => {\n    const preferredDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n    if (preferredDarkMode) {\n        return BentoTheme.BENTO_DARK;\n    }\n\n    return BentoTheme.BENTO_LIGHT;\n};\n\nexport const setTheme = (theme: BentoTheme) => {\n    const currentTheme = getTheme();\n    const systemTheme = getThemeForSystemPreference();\n    const themeToSet = theme === BentoTheme.BENTO_SYSTEM ? systemTheme : theme;\n\n    if (themeToSet === BentoTheme.BENTO_LIGHT || themeToSet === BentoTheme.BENTO) {\n        document.documentElement.style.colorScheme = 'light';\n    } else if (themeToSet === BentoTheme.BENTO_DARK) {\n        document.documentElement.style.colorScheme = 'dark';\n    }\n\n    // if theme is different from current and it is not `BentoTheme.BENTO`\n    if (currentTheme.length && currentTheme !== themeToSet) {\n        document.body.classList.remove(currentTheme);\n    }\n\n    // if theme is not `BentoTheme.BENTO`\n    if (themeToSet.length) {\n        document.body.classList.add(themeToSet);\n    }\n};\n\n/**\n * This function is used to create and register global reactive state necessary for theme to operate.\n * @param {Vue} Vue A context application to register global state with.\n */\nexport default Vue => {\n    const themeProvider = {\n        getTheme,\n        setTheme,\n    };\n\n    if (isVue2) {\n        // Add theme  as a global property as there is no \"app.provide\" functionality in Vue2\n        // eslint-disable-next-line no-param-reassign -- this is an official way of setting up instance properties on Vue\n        (Vue as typeof Vue2).prototype[useBentoThemeKey] = themeProvider;\n    } else {\n        (Vue as App).provide(useBentoThemeKey, themeProvider);\n    }\n};\n","import installToast from './composables/use-bento-toast-controller/install';\nimport installTheme, { setTheme } from './composables/use-bento-theme/install';\nimport { deprecate } from './utils/ts/deprecate';\nimport { BentoTheme } from './composables/use-bento-theme/install.types';\nimport type { PluginObject } from 'vue';\n\ninterface BentoVuePlugin {\n    theme?: BentoTheme;\n    withToast?: boolean;\n    withUtilityClasses?: boolean;\n    withDesignTokensCSSInjection?: boolean;\n}\n\nconst plugin: PluginObject<BentoVuePlugin> = {\n    name: 'BentoVue',\n    install: async (\n        Vue,\n        {\n            theme = BentoTheme.BENTO_LIGHT,\n            withToast = false,\n            withUtilityClasses = false,\n            withDesignTokensCSSInjection = true,\n        }: BentoVuePlugin\n    ) => {\n        installTheme(Vue);\n\n        if (withToast) {\n            installToast(Vue);\n        }\n        if (withDesignTokensCSSInjection) {\n            deprecate(\n                'Using default setting withDesignTokensCSSInjection set to true in BentoVue plugin',\n                'Please disable CSS injection by setting withDesignTokensCSSInjection to false in BentoVue plugin options as highlighted here:\\nhttps://adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import-css-variables',\n                '2.0.0'\n            );\n            // Make sure to put all awaited CSS imports below this point and not above!\n            if (theme === BentoTheme.STYLEGUIDE) {\n                await import('@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css');\n            } else {\n                await import('@adyen/bento-design-tokens/dist/css/bento/variables.css');\n            }\n\n            if (withUtilityClasses) {\n                await import('@adyen/bento-design-tokens/dist/css/bento/utility.css');\n            }\n        }\n\n        if (theme === BentoTheme.STYLEGUIDE) {\n            setTheme(BentoTheme.STYLEGUIDE);\n        } else if (theme === BentoTheme.BENTO_SYSTEM) {\n            setTheme(BentoTheme.BENTO_SYSTEM);\n        } else if (theme === BentoTheme.BENTO_DARK) {\n            setTheme(BentoTheme.BENTO_DARK);\n        } else if (theme === BentoTheme.BENTO) {\n            deprecate('Using `BentoTheme.BENTO`', 'Please use `BentoTheme.BENTO_LIGHT` instead', '2.0.0');\n            setTheme(BentoTheme.BENTO_LIGHT);\n        } else {\n            setTheme(BentoTheme.BENTO_LIGHT);\n        }\n    },\n};\n\nexport { BentoTheme };\nexport default plugin;\n","/**\n * Defines the props used by `bento-base-filter` that must be implemented\n * on every filter as `defineProps`.\n *\n * The interface can be extended if new values are required.\n * The object can be extended if new values are required.\n *\n * @template CustomValue Defines the type of the `value` and `defaultValue` props.\n * @template CustomOptions Defines the type of the options used by the filter (default: `undefined`).\n *\n * @example\n * Using the interface\n *\n * ```typescript\n * import { type BentoBaseFilterProps } from '@adyen/bento-vue2'\n *\n * interface CustomOptions {\n *      option: string;\n * }\n *\n * withDefaults(defineProps<BentoBaseFilterProps<string, CustomOptions>>(), {\n *    defaultValue: undefined,\n * })\n * ```\n *\n * @example\n * Using the object\n *\n * ```typescript\n * import { BentoBaseFilterProps } from '@adyen/bento-vue2'\n *\n * defineProps({\n *   ...BentoBaseFilterProps,\n *   options: {\n *      type: Object,\n *      default: () => ({\n *          option: null\n *      })\n *   }\n * })\n * ```\n */\nexport interface BentoBaseFilterProps<CustomValue, CustomOptions = undefined> {\n    /**\n     * Disables the filter from being interacted with.\n     */\n    disabled?: boolean;\n\n    /**\n     * Default value of the filter to reset to.\n     */\n    defaultValue?: CustomValue;\n\n    /**\n     * Filter name/key referencing the actual property name in the data set.\n     * Should be unique per filter bar.\n     */\n    field: string;\n\n    /**\n     * Label text to be displayed\n     */\n    label: string;\n\n    /**\n     * Renders the base filter's slot content only - leaving out the button and the popover.\n     * Used for the allFiltersModal component.\n     */\n    onlySlot?: boolean;\n\n    /**\n     * List of options that are needed to setup the filter\n     * Available options:\n     *   - firstDayOfWeek: Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday\n     *   - isDateDisabled: Indicate if a date should be disabled or not\n     *   - tooltipPosition: The position of the tooltip attached to the filter button\n     *   - tooltipText: The content of the tooltip attached to the filter button\n     */\n    options?: CustomOptions;\n\n    /**\n     * Current value of the filter\n     */\n    value: CustomValue;\n}\n\nexport const BentoBaseFilterProps = Object.freeze({\n    /**\n     * Disables the filter from being interacted with.\n     */\n    disabled: { type: Boolean, default: false },\n\n    /**\n     * Default value of the filter to reset to.\n     */\n    defaultValue: {\n        type: [Object, Number, Boolean, Array, String, Date],\n        default: null,\n    },\n\n    /**\n     * Filter name/key referencing the actual property name in the data set.\n     * Should be unique per filter bar.\n     */\n    field: { type: String, required: true },\n\n    /**\n     * Label text to be displayed\n     */\n    label: { type: String, required: true },\n\n    /**\n     * Renders the base filter's slot content only - leaving out the button and the popover.\n     * Used for the allFiltersModal component.\n     */\n    onlySlot: { type: Boolean, default: false },\n\n    /**\n     * The current value of the filter, used for v-model.\n     */\n    value: {\n        type: [Object, Number, Boolean, Array, String, Date],\n        default: undefined,\n    },\n});\n\n/**\n * Defines the mandatory emits that need to be defined by the implementation of any filter\n *\n * @template CustomValue Defines the type of the value being passed to the emit. Same as the type set in `BentoBaseFilterProps`\n *\n * @example\n * Using the interface\n *\n * ```typescript\n * import { type BentoBaseFilterEvents } from '@adyen/bento-vue2'\n *\n * defineEmits<BentoBaseFilterEvents<string>>()\n * ```\n *\n * @example\n * Using the object\n *\n * ```typescript\n * import { BentoBaseFilterEvents } from '@adyen/bento-vue2'\n *\n * defineEmits(BentoBaseFilterEvents)\n * ```\n */\nexport interface BentoBaseFilterEvents<CustomFilterProps> {\n    /**\n     * Used in the All filters modal\n     */\n    (e: 'input', updatedProps: CustomFilterProps): void;\n\n    /**\n     * Used in the Filter Bar\n     */\n    (e: 'update', updatedProps: CustomFilterProps): void;\n}\n\nexport const BentoBaseFilterEvents = ['input', 'update'];\n","export enum DateFormat {\n    // DAY\n    DAY_OF_MONTH = 'd', // 1, 2, ..., 31,\n    NUMERIC_DAY = 'dd', // 01, 02, ..., 31,\n\n    // WEEK\n    SHORT_WEEKDAY = 'EEE', // Fri\n\n    // MONTH\n    NUMERIC_MONTH = 'MM', // 06\n    SHORT_MONTH = 'MMM', // Jun\n    LONG_MONTH = 'MMMM', // June\n    LONG_MONTH_YEAR = `${LONG_MONTH} yyyy`, // June 2023\n\n    // YEAR\n    FULL_YEAR = 'yyyy', // 0001, 2023\n\n    // DATE\n    FULL_DATE = `${DAY_OF_MONTH} ${SHORT_MONTH}, ${FULL_YEAR}`, // 25 Jun, 2023\n    FULL_DATE_MONTH_FIRST = `${SHORT_MONTH} ${NUMERIC_DAY}, ${FULL_YEAR}`, // Jun 25, 2023\n    NUMERIC_DATE_YEAR_FIRST = `${FULL_YEAR}-${NUMERIC_MONTH}-${NUMERIC_DAY}`, // 2023-06-25\n    NUMERIC_DATE_DAY_FIRST = `${FULL_YEAR}-${NUMERIC_MONTH}-${NUMERIC_DAY}`, // 25-06-2023\n\n    // TIME\n    MILITARY_HOUR = 'HH',\n    MINUTES_TWO_DIGITS = 'mm',\n    SECONDS_TWO_DIGITS = 'ss',\n    HOUR_MINUTE_SECONDS = `${MILITARY_HOUR}:${MINUTES_TWO_DIGITS}:${SECONDS_TWO_DIGITS}`,\n}\n\nexport type BentoTextInputDateFormat = 'YYYY-MM-DD' | 'DD-MM-YYYY' | 'MM-DD-YYYY';\n"],"names":["toTypedSchema","formSchema","getInitialFormValues","schema","z","key","value","normalizeFormPath","issue","useForm","validationSchema","errors","shallowRef","errorBag","ref","values","cleanErrors","resetForm","submitted","validSchema","error","path","useBentoThemeKey","useBentoTheme","bentoThemeController","inject","printDevelopmentWarning","getSize","modifiers","toggleHighlight","el","binding","enabled","extraPadding","rounded","size","s","applyHighlight","updateHighlight","removeHighlight","BentoHighlightDirective","installToast","Vue","toastStackInjectionKey","createToastStack","BentoTheme","BentoTheme2","getTheme","getThemeForSystemPreference","setTheme","theme","currentTheme","systemTheme","themeToSet","installTheme","themeProvider","plugin","withToast","withUtilityClasses","withDesignTokensCSSInjection","deprecate","BentoBaseFilterProps","BentoBaseFilterEvents","DateFormat","DateFormat2"],"mappings":"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"}

package/dist/info-icon.js

@@ -1,4 +1,4 @@
-import { B as e } from "./chunks/info-icon.B3MDsjMu.js";
+import { B as e } from "./chunks/info-icon.PcvZwhgr.js";
 export {
   e as BentoInfoIcon
 };

package/dist/input-field-password.js

@@ -1,4 +1,4 @@
-import { i as a, m as s, r as i, a as c, b as u, c as o } from "./chunks/input-field-password.CpRKmq4h.js";
+import { i as a, m as s, r as i, a as c, b as u, c as o } from "./chunks/input-field-password.CeG5ZP5I.js";
 export {
   a as BentoInputFieldPassword,
   s as minLength,

package/dist/input-field-phone-number.js

@@ -1,4 +1,4 @@
-import { i as o, B as t } from "./chunks/input-field-phone-number.BZy1o9VW.js";
+import { i as o, B as t } from "./chunks/input-field-phone-number.86z6mzPz.js";
 export {
   o as BentoInputFieldPhoneNumber,
   t as BentoInputFieldPhoneNumberCountries

package/dist/input-field.js

@@ -1,4 +1,4 @@
-import { B as n, a, b as o, c as i, d as s, e as l } from "./chunks/input-field.BseE_MT0.js";
+import { B as n, a, b as o, c as i, d as s, e as l } from "./chunks/input-field.B7wHgguP.js";
 export {
   n as BentoInputField,
   a as BentoInputFieldElementPosition,

package/dist/input-time.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/input-time.DAxp5Kku.js";
+import { B as t } from "./chunks/input-time.PpFtmHYm.js";
 export {
   t as BentoInputTime
 };

package/dist/inspector.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/inspector.DMhKNW1K.js";
+import { B as t } from "./chunks/inspector.BNZxnDFh.js";
 import { B as n } from "./chunks/inspector.types.DyHwE18g.js";
 export {
   t as BentoInspector,

package/dist/internal.js

@@ -1,17 +1,17 @@
-import { d as e, e as t } from "./chunks/button-actions.7Oi2Ra4p.js";
-import { B as s, D as i, a as n, b as p } from "./chunks/dialog-page.Bh-7RAwX.js";
-import { b as C, u as x, c as I } from "./chunks/use-cached-selected-values.DUWGSMvO.js";
-import { B as f, a as m, T as E } from "./chunks/tooltip.DHfG2aRt.js";
-import { B as d } from "./chunks/button-actions-with-menu.KaWdHibo.js";
-import { b as G, c as O, C as u, d as B, a as A } from "./chunks/calendar.DfMwuOIR.js";
-import { C as P } from "./chunks/controls-group.DqRpF9bh.js";
-import { C as b, a as g } from "./chunks/copy.CL893i9-.js";
+import { d as e, e as t } from "./chunks/button-actions.Dp3VkQWU.js";
+import { B as s, D as i, a as n, b as p } from "./chunks/dialog-page.DM3Lie55.js";
+import { b as C, u as x, c as I } from "./chunks/use-cached-selected-values.D_CQxKZa.js";
+import { B as f, a as m, T as E } from "./chunks/tooltip.CZ_sV-Vj.js";
+import { B as d } from "./chunks/button-actions-with-menu.DVMjHT7W.js";
+import { b as G, c as O, C as u, d as B, a as A } from "./chunks/calendar.DPSJK8zi.js";
+import { C as P } from "./chunks/controls-group.i2Lxh7sB.js";
+import { C as b, a as g } from "./chunks/copy.C4LTKtNj.js";
 import { E as D } from "./chunks/error-message.Dyvrw6ZB.js";
-import { F as S } from "./chunks/field-label.DZYFjFgr.js";
+import { F as S } from "./chunks/field-label.B_E_3J8j.js";
 import { F as W } from "./chunks/fixed-scroller.yVsaQzy5.js";
 import { G as v, a as H } from "./chunks/grid-layout.CCWNscU_.js";
-import { H as K, I as R } from "./chunks/header-meta.BJjFOcxY.js";
-import { L as U } from "./chunks/listbox-option-tag.CVxaZqbc.js";
+import { H as K, I as R } from "./chunks/header-meta.BCyK7ndE.js";
+import { L as U } from "./chunks/listbox-option-tag.ByoUG-fO.js";
 export {
   e as BUTTON_ACTIONS_WITH_MENU_CONTAINER_INJECTION_KEY,
   s as BentoDialogPageAnimation,

package/dist/layout.js

@@ -1,4 +1,4 @@
-import { l as t, a as e } from "./chunks/layout-row.B5VJGEQH.js";
+import { l as t, a as e } from "./chunks/layout-row.ByVDza7f.js";
 export {
   t as BentoLayout,
   e as BentoLayoutRow

package/dist/list.js

@@ -1,4 +1,4 @@
-import { l as o, a as s } from "./chunks/list-item.BHvXpqaS.js";
+import { l as o, a as s } from "./chunks/list-item.B2tBYsTW.js";
 export {
   o as BentoList,
   s as BentoListItem

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { f as o, g as t } from "./chunks/button-actions.7Oi2Ra4p.js";
+import { f as o, g as t } from "./chunks/button-actions.Dp3VkQWU.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent

package/dist/modal-fullscreen.js

@@ -1,4 +1,4 @@
-import { m as o, B as a } from "./chunks/modal-fullscreen.CepaWyoi.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen.DmnnwPRi.js";
 export {
   o as BentoModalFullscreen,
   a as BentoModalFullscreenPage

package/dist/modal.js

@@ -1,5 +1,5 @@
-import { _ as e } from "./chunks/modal.vue_vue_type_script_setup_true_lang.Bh_GY-Ah.js";
-import { B as n, a as l, b as d, c as B, d as M, e as s, f as r, g as i } from "./chunks/base-modal.C8Rsc2oO.js";
+import { _ as e } from "./chunks/modal.vue_vue_type_script_setup_true_lang.2GzUt81U.js";
+import { B as n, a as l, b as d, c as B, d as M, e as s, f as r, g as i } from "./chunks/base-modal.Dzvnfomn.js";
 export {
   e as BentoModal,
   n as BentoModalColumnLayoutVariant,

package/dist/navigation-menu.js

@@ -0,0 +1,7 @@
+import { n as o, a as e, b as t } from "./chunks/navigation-menu-group.DeDmNZ4C.js";
+export {
+  o as BentoNavigationMenu,
+  e as BentoNavigationMenuGroup,
+  t as BentoNavigationMenuItem
+};
+//# sourceMappingURL=navigation-menu.js.map

package/dist/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/pagination.js

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

package/dist/popover.js

@@ -1,5 +1,5 @@
-import { h as r } from "./chunks/button-actions.7Oi2Ra4p.js";
-import { B as p } from "./chunks/popover.types.D8tHtFl3.js";
+import { h as r } from "./chunks/button-actions.Dp3VkQWU.js";
+import { B as p } from "./chunks/popover.types.DTieDKDn.js";
 export {
   r as BentoPopover,
   p as BentoPopoverPositions

package/dist/popper-container.js

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

package/dist/promo-banner.js

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

package/dist/radio-group.js

@@ -1,4 +1,4 @@
-import { B as t, a as e, b as n } from "./chunks/radio-group.CfMr1fmW.js";
+import { B as t, a as e, b as n } from "./chunks/radio-group.BxJS4qfR.js";
 import { R as B } from "./chunks/radio-input.FC4PVCHr.js";
 export {
   t as BentoRadioButton,

package/dist/rich-text-editor.js

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

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, a as t, b as B } from "./chunks/search-bar.BRf_Mf7n.js";
-import { u as o } from "./chunks/dropdown.CuIBYLdy.js";
+import { B as r, a as t, b as B } from "./chunks/search-bar.7jhPiuah.js";
+import { u as o } from "./chunks/dropdown.B4pTluCz.js";
 export {
   r as BentoSearchBar,
   t as BentoSearchBarEvent,

package/dist/secondary-nav.js

@@ -1,4 +1,4 @@
-import { s as e } from "./chunks/secondary-nav.CROQNbYk.js";
+import { s as e } from "./chunks/secondary-nav.CuhX-Akn.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/segmented-control.js

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

package/dist/selection-card.js

@@ -1,4 +1,4 @@
-import { B as t, s as a, a as n } from "./chunks/selection-card-group.58XZj_SJ.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.DmqSNQPQ.js";
 export {
   t as BentoSelectionCard,
   a as BentoSelectionCardGroup,

package/dist/sidepanel.js

@@ -1,4 +1,4 @@
-import { s as n, B as o, a as t } from "./chunks/sidepanel.S037xghX.js";
+import { s as n, B as o, a as t } from "./chunks/sidepanel.EKe43ODO.js";
 export {
   n as BentoSidepanel,
   o as BentoSidepanelEvent,

package/dist/structured-list.js

@@ -1,4 +1,4 @@
-import { B as r, a as o } from "./chunks/structured-list-item.CgJR_ufh.js";
+import { B as r, a as o } from "./chunks/structured-list-item.BkPA7std.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem

package/dist/styles/bento-dark.css

@@ -242,6 +242,9 @@
   --b-color-background-inverse-primary-active: #b4b4b4;
   --b-color-background-inverse-primary-hover: #cbcbcb;
   --b-color-background-inverse-primary: #ededed;
+  --b-color-background-navigation-active: #00582c;
+  --b-color-background-navigation-hover: #004724;
+  --b-color-background-navigation: #00381d;
   --b-color-background-highlight-strong: #84b9ed;
   --b-color-background-highlight-weak: #00305f;
   --b-color-background-success-strong: #00d16a;

package/dist/styles/bento-light.css

@@ -240,6 +240,9 @@
   --b-color-background-inverse-primary-active: #6c7782;
   --b-color-background-inverse-primary-hover: #5c6874;
   --b-color-background-inverse-primary: #001222;
+  --b-color-background-navigation-active: #9dedc6;
+  --b-color-background-navigation-hover: #b8f2d6;
+  --b-color-background-navigation: #cef6e2;
   --b-color-background-highlight-strong: #0f75dc;
   --b-color-background-highlight-weak: #f0f6fd;
   --b-color-background-success-strong: #008845;

package/dist/styles/bento.css

@@ -240,6 +240,9 @@
   --b-color-background-inverse-primary-active: #6c7782;
   --b-color-background-inverse-primary-hover: #5c6874;
   --b-color-background-inverse-primary: #001222;
+  --b-color-background-navigation-active: #9dedc6;
+  --b-color-background-navigation-hover: #b8f2d6;
+  --b-color-background-navigation: #cef6e2;
   --b-color-background-highlight-strong: #0f75dc;
   --b-color-background-highlight-weak: #f0f6fd;
   --b-color-background-success-strong: #008845;

package/dist/styles/legacy.css

@@ -240,6 +240,9 @@
   --b-color-background-inverse-primary-active: #6c7782;
   --b-color-background-inverse-primary-hover: #5c6874;
   --b-color-background-inverse-primary: #001222;
+  --b-color-background-navigation-active: #9dedc6;
+  --b-color-background-navigation-hover: #b8f2d6;
+  --b-color-background-navigation: #cef6e2;
   --b-color-background-highlight-strong: #0f75dc;
   --b-color-background-highlight-weak: #f0f6fd;
   --b-color-background-success-strong: #008845;

package/dist/styles/styleguide.css

@@ -295,6 +295,9 @@
   --b-color-background-inverse-primary-active: #6c7782;
   --b-color-background-inverse-primary-hover: #5c6874;
   --b-color-background-inverse-primary: #001222;
+  --b-color-background-navigation-active: #9dedc6;
+  --b-color-background-navigation-hover: #b8f2d6;
+  --b-color-background-navigation: #cef6e2;
   --b-color-background-highlight-strong: #0f75dc;
   --b-color-background-highlight-weak: #f0f6fd;
   --b-color-background-success-strong: #008845;

package/dist/styles/utility.css

@@ -94,6 +94,15 @@
 .b-color-background-highlight-strong {
     background-color: #0f75dc;
 }
+.b-color-background-navigation {
+    background-color: #cef6e2;
+}
+.b-color-background-navigation-hover {
+    background-color: #b8f2d6;
+}
+.b-color-background-navigation-active {
+    background-color: #9dedc6;
+}
 .b-color-background-inverse-primary {
     background-color: #001222;
 }

package/dist/summary-grid.js

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

package/dist/tag.js

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

package/dist/textarea.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/textarea.-6FHesSp.js";
+import { B as o } from "./chunks/textarea.Cn52prhR.js";
 export {
   o as BentoTextarea
 };

package/dist/timeline.js

@@ -1,4 +1,4 @@
-import { t, B as i, a, b as m, c as o, d as l } from "./chunks/timeline-item.BJaFr2_Y.js";
+import { t, B as i, a, b as m, c as o, d as l } from "./chunks/timeline-item.C6jPnHUZ.js";
 export {
   t as BentoTimeline,
   i as BentoTimelineGapUnit,

package/dist/tutorial.js

@@ -1,4 +1,4 @@
-import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.D_Z1zKam.js";
+import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.Z5MhMTSh.js";
 export {
   t as BentoTutorial
 };

package/dist/web-types.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue3",
-  "version": "1.92.2",
+  "version": "1.93.0",
   "description": "Adyen Bento Vue 3 components",
   "type": "module",
   "main": "dist/index.js",
@@ -48,7 +48,7 @@
     "unified": "11.0.5",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.92.2"
+    "@adyen/bento-design-tokens": "1.93.0"
   },
   "dependenciesMeta": {
     "@adyen/bento-vue-i18n-demi": {
@@ -103,7 +103,7 @@
     "storybook": "9.1.19",
     "tsc-alias": "1.8.11",
     "typescript": "5.6.3",
-    "vite": "7.3.1",
+    "vite": "7.3.2",
     "vite-plugin-css-injected-by-js": "2.4.0",
     "vite-plugin-dynamic-import": "1.5.0",
     "vite-plugin-static-copy": "3.2.0",
@@ -116,8 +116,8 @@
     "zod": "3.25.35",
     "@adyen/bento-core": "0.0.1",
     "@adyen/bento-vue-i18n-demi": "0.1.0",
-    "@adyen/ui-assets-icons-16": "7.9.0",
-    "@adyen/ui-assets-payment-method-icons": "10.8.1"
+    "@adyen/ui-assets-icons-16": "7.9.1",
+    "@adyen/ui-assets-payment-method-icons": "10.8.2"
   },
   "scripts": {
     "build": "pnpm run build:prod",

package/dist/chunks/es6.C1DXQV6f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"es6.C1DXQV6f.js","sources":["../../../design-tokens/dist/js/bento/es6.js"],"sourcesContent":["export const BColorBackgroundPrimary = \"#ffffff\";\nexport const BColorBackgroundPrimaryHover = \"#f4f5f6\";\nexport const BColorBackgroundPrimaryActive = \"#ecedef\";\nexport const BColorBackgroundSecondary = \"#f4f5f6\";\nexport const BColorBackgroundSecondaryHover = \"#ecedef\";\nexport const BColorBackgroundSecondaryActive = \"#e2e5e7\";\nexport const BColorBackgroundTertiary = \"#ecedef\";\nexport const BColorBackgroundTertiaryHover = \"#e2e5e7\";\nexport const BColorBackgroundTertiaryActive = \"#dadddf\";\nexport const BColorBackgroundQuaternary = \"#c0c5ca\";\nexport const BColorBackgroundQuaternaryHover = \"#b7bdc2\";\nexport const BColorBackgroundQuaternaryActive = \"#aeb5ba\";\nexport const BColorBackgroundModal = \"#ffffff\";\nexport const BColorBackgroundModalHover = \"#f4f5f6\";\nexport const BColorBackgroundModalActive = \"#ecedef\";\nexport const BColorBackgroundDisabled = \"#ecedef\";\nexport const BColorBackgroundSelected = \"#e3effb\";\nexport const BColorBackgroundSelectedHover = \"#d4e6f9\";\nexport const BColorBackgroundSelectedActive = \"#c8dff7\";\nexport const BColorBackgroundSpotlight = \"#ffe379\";\nexport const BColorBackgroundCriticalWeak = \"#fff3ef\";\nexport const BColorBackgroundCriticalStrong = \"#dc3801\";\nexport const BColorBackgroundCriticalStrongHover = \"#c13101\";\nexport const BColorBackgroundCriticalStrongActive = \"#751e00\";\nexport const BColorBackgroundWarningWeak = \"#fff4e5\";\nexport const BColorBackgroundWarningWeakHover = \"#ffecd0\";\nexport const BColorBackgroundWarningWeakActive = \"#ffe0b3\";\nexport const BColorBackgroundWarningStrong = \"#d77f00\";\nexport const BColorBackgroundSuccessWeak = \"#e4faef\";\nexport const BColorBackgroundSuccessStrong = \"#008845\";\nexport const BColorBackgroundHighlightWeak = \"#f0f6fd\";\nexport const BColorBackgroundHighlightStrong = \"#0f75dc\";\nexport const BColorBackgroundInversePrimary = \"#001222\";\nexport const BColorBackgroundInversePrimaryHover = \"#5c6874\";\nexport const BColorBackgroundInversePrimaryActive = \"#6c7782\";\nexport const BColorBackgroundInverseSecondary = \"#1a2b3b\";\nexport const BColorBackgroundInverseSecondaryHover = \"#273746\";\nexport const BColorBackgroundInverseSecondaryActive = \"#364553\";\nexport const BColorBackgroundInverseDisabled = \"#273746\";\nexport const BColorBackgroundInverseCriticalWeak = \"#5c1800\";\nexport const BColorBackgroundInverseCriticalStrong = \"#ff9a78\";\nexport const BColorBackgroundInverseCriticalStrongHover = \"#ffbda6\";\nexport const BColorBackgroundInverseCriticalStrongActive = \"#ffded3\";\nexport const BColorBackgroundAlwaysLight = \"#ffffff\";\nexport const BColorBackgroundAlwaysLightHover = \"#f4f5f6\";\nexport const BColorBackgroundAlwaysLightActive = \"#ecedef\";\nexport const BColorBackgroundAlwaysLightDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysLightSelected = \"#e3effb\";\nexport const BColorBackgroundAlwaysDark = \"#001222\";\nexport const BColorBackgroundAlwaysDarkHover = \"#5c6874\";\nexport const BColorBackgroundAlwaysDarkActive = \"#8c959d\";\nexport const BColorBackgroundAlwaysDarkDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysDarkSelected = \"#00305f\";\nexport const BColorBackgroundAlwaysDarkPrimary = \"#001222\";\nexport const BColorBackgroundAlwaysDarkPrimaryHover = \"#132434\";\nexport const BColorBackgroundAlwaysDarkPrimaryActive = \"#213140\";\nexport const BColorBackgroundAlwaysDarkPrimaryDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysDarkPrimarySelected = \"#00305f\";\nexport const BColorBackgroundAlwaysDarkSecondary = \"#213140\";\nexport const BColorBackgroundAlwaysDarkSecondaryHover = \"#364553\";\nexport const BColorBackgroundAlwaysDarkSecondaryActive = \"#455460\";\nexport const BColorBackgroundAlwaysDarkSecondaryDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysDarkSecondarySelected = \"#00305f\";\nexport const BColorBackgroundAlwaysDarkTertiary = \"#2f3e4d\";\nexport const BColorBackgroundAlwaysDarkTertiaryHover = \"#3d4c5a\";\nexport const BColorBackgroundAlwaysDarkTertiaryActive = \"#455460\";\nexport const BColorBackgroundAlwaysDarkTertiaryDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysDarkTertiarySelected = \"#00305f\";\nexport const BColorLabelPrimary = \"#001222\";\nexport const BColorLabelPrimaryHover = \"#5c6874\";\nexport const BColorLabelPrimaryActive = \"#6c7782\";\nexport const BColorLabelSecondary = \"#5c6874\";\nexport const BColorLabelTertiary = \"#8c959d\";\nexport const BColorLabelDisabled = \"#8c959d\";\nexport const BColorLabelCritical = \"#dc3801\";\nexport const BColorLabelCriticalHover = \"#c13101\";\nexport const BColorLabelCriticalActive = \"#751e00\";\nexport const BColorLabelWarning = \"#ab6600\";\nexport const BColorLabelHighlight = \"#0f75dc\";\nexport const BColorLabelSuccess = \"#008845\";\nexport const BColorLabelOnColor = \"#ffffff\";\nexport const BColorLabelInversePrimary = \"#ffffff\";\nexport const BColorLabelInversePrimaryHover = \"#f4f5f6\";\nexport const BColorLabelInversePrimaryActive = \"#ecedef\";\nexport const BColorLabelInverseSecondary = \"#9da5ac\";\nexport const BColorLabelInverseDisabled = \"#737e88\";\nexport const BColorLabelInverseCritical = \"#ff9a78\";\nexport const BColorLabelInverseCriticalHover = \"#ffbda6\";\nexport const BColorLabelInverseCriticalActive = \"#ffded3\";\nexport const BColorLabelOnBackgroundCriticalWeak = \"#c13101\";\nexport const BColorLabelOnBackgroundWarningWeak = \"#955900\";\nexport const BColorLabelOnBackgroundSuccessWeak = \"#00773c\";\nexport const BColorLabelOnBackgroundHighlightWeak = \"#0065c9\";\nexport const BColorLabelAlwaysLight = \"#ffffff\";\nexport const BColorLabelAlwaysLightPrimary = \"#ecedef\";\nexport const BColorLabelAlwaysLightPrimaryHover = \"#c8ccd0\";\nexport const BColorLabelAlwaysLightPrimaryActive = \"#959da5\";\nexport const BColorLabelAlwaysLightSecondary = \"#a6adb3\";\nexport const BColorLabelAlwaysLightSecondaryHover = \"#959da5\";\nexport const BColorLabelAlwaysLightSecondaryActive = \"#737e88\";\nexport const BColorLabelAlwaysLightTertiary = \"#848d96\";\nexport const BColorLabelAlwaysLightTertiaryHover = \"#737e88\";\nexport const BColorLabelAlwaysLightTertiaryActive = \"#54616d\";\nexport const BColorLabelAlwaysDark = \"#001222\";\nexport const BColorLinkPrimary = \"#0065c9\";\nexport const BColorLinkPrimaryHover = \"#0f75dc\";\nexport const BColorLinkPrimaryActive = \"#0f75dc\";\nexport const BColorLinkPrimaryDisabled = \"#8c959d\";\nexport const BColorLinkPrimaryVisited = \"#540884\";\nexport const BColorLinkPrimaryVisitedHover = \"#710ab3\";\nexport const BColorLinkPrimaryVisitedActive = \"#710ab3\";\nexport const BColorLinkQuiet = \"#001222\";\nexport const BColorLinkQuietHover = \"#5c6874\";\nexport const BColorLinkQuietActive = \"#5c6874\";\nexport const BColorLinkQuietDisabled = \"#8c959d\";\nexport const BColorOutlinePrimary = \"#dadddf\";\nexport const BColorOutlinePrimaryHover = \"#c8ccd0\";\nexport const BColorOutlinePrimaryActive = \"#001222\";\nexport const BColorOutlineSecondary = \"#c8ccd0\";\nexport const BColorOutlineSecondaryHover = \"#b7bdc2\";\nexport const BColorOutlineSecondaryActive = \"#001222\";\nexport const BColorOutlineTertiary = \"#8c959d\";\nexport const BColorOutlineTertiaryHover = \"#6c7782\";\nexport const BColorOutlineTertiaryActive = \"#001222\";\nexport const BColorOutlineDisabled = \"#dadddf\";\nexport const BColorOutlineSelected = \"#001222\";\nexport const BColorOutlineCritical = \"#dc3801\";\nexport const BColorOutlineCriticalHover = \"#c13101\";\nexport const BColorOutlineCriticalActive = \"#751e00\";\nexport const BColorOutlineSuccess = \"#008845\";\nexport const BColorOutlineSuccessHover = \"#00773c\";\nexport const BColorOutlineSuccessActive = \"#004724\";\nexport const BColorOutlineInversePrimary = \"#2f3e4d\";\nexport const BColorOutlineInversePrimaryHover = \"#6c7782\";\nexport const BColorOutlineInversePrimaryActive = \"#9da5ac\";\nexport const BColorOutlineInverseDisabled = \"#455460\";\nexport const BColorOutlineInverseCritical = \"#ff9a78\";\nexport const BColorOutlineInverseCriticalHover = \"#ffbda6\";\nexport const BColorOutlineInverseCriticalActive = \"#ffded3\";\nexport const BColorSeparatorPrimary = \"#dadddf\";\nexport const BColorSeparatorSecondary = \"#c8ccd0\";\nexport const BColorSeparatorInversePrimary = \"#2f3e4d\";\nexport const BColorSeparatorInverseSecondary = \"#5c6874\";\nexport const BColorDecorativeGreen = \"#00d16a\";\nexport const BColorDecorativeBlue = \"#006bd7\";\nexport const BColorDecorativeYellow = \"#f9c500\";\nexport const BColorDecorativeOrange = \"#f99300\";\nexport const BColorDecorativeRed = \"#f73f01\";\nexport const BColorDecorativeGrey = \"#848d96\";\nexport const BColorSupportOverlay = \"#001222\";\nexport const BColorSupportShadow = \"#001222\";\nexport const BFocusRingColor = \"#0f75dc\";\nexport const BFocusRingSpacer = \"1px\";\nexport const BFocusRingOutline = \"3px\";\nexport const BTextFontVariantNumeric = \"normal\";\nexport const BTextRichTextHeadingMargin = \"32px 0 10px 0\";\nexport const BTextRichTextHeadingFontWeight = 700;\nexport const BTextRichTextParagraphMargin = \"0 0 8px 0\";\nexport const BTextRichTextListPaddingLeft = \"20px\";\nexport const BTextRichTextListMargin = \"0 0 4px 0\";\nexport const BTextRichTextCodeBackgroundColor = \"#f4f5f6\";\nexport const BTextRichTextCodeFontFamily = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextRichTextCodeFontWeight = 500;\nexport const BTextRichTextPreMargin = \"16px 0 16px 0\";\nexport const BTextRichTextPrePadding = \"10px 16px\";\nexport const BTextRichTextPreLineHeight = \"24px\";\nexport const BTextRichTextMarkBackgroundColor = \"#f0f6fd\";\nexport const BTextRichTextBlockquoteFontWeight = 500;\nexport const BTextRichTextBlockquoteMargin = \"16px 0 16px 16px\";\nexport const BTextRichTextTableBorder = \"1px solid #dadddf\";\nexport const BTextRichTextTableLineHeight = \"20px\";\nexport const BTextRichTextTableMargin = \"16px 0 16px 0\";\nexport const BTextRichTextTablePadding = \"10px 16px\";\nexport const BTextRichTextTableHeaderFontWeight = 700;\nexport const BTextRichTextTableCaptionLineHeight = \"20px\";\nexport const BTextRichTextTableCaptionMargin = \"0 0 6px 0\";\nexport const BTextRichTextCaptionParagraphMargin = \"0 0 6px 0\";\nexport const BTextRichTextCaptionListPaddingLeft = \"16px\";\nexport const BTextRichTextCaptionListMargin = \"0 0 2px 0\";\nexport const BTextRichTextCaptionBlockquoteMargin = \"12px 0 12px 16px\";\nexport const BTextRichTextCaptionPreLineHeight = \"20px\";\nexport const BTextRichTextCaptionTablePadding = \"8px 12px\";\nexport const BTextCaptionFontFamily = \"'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextCaptionFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextCaptionFontSize = \"12px\";\nexport const BTextCaptionFontWeight = 400;\nexport const BTextCaptionLineHeight = \"18px\";\nexport const BTextCaptionLetterSpacing = 0;\nexport const BTextCaptionWideLineHeight = \"20px\";\nexport const BTextCaptionStrongerFontWeight = 500;\nexport const BTextCaptionStrongerWideFontWeight = 500;\nexport const BTextCaptionStrongerWideLineHeight = \"20px\";\nexport const BTextBodyFontFamily = \"'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextBodyFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextBodyFontSize = \"14px\";\nexport const BTextBodyFontWeight = 400;\nexport const BTextBodyLineHeight = \"20px\";\nexport const BTextBodyLetterSpacing = 0;\nexport const BTextBodyWideLineHeight = \"24px\";\nexport const BTextBodyStrongerFontWeight = 500;\nexport const BTextBodyStrongerWideFontWeight = 500;\nexport const BTextBodyStrongerWideLineHeight = \"24px\";\nexport const BTextBodyStrongestFontWeight = 600;\nexport const BTextBodyStrongestWideFontWeight = 600;\nexport const BTextBodyStrongestWideLineHeight = \"24px\";\nexport const BTextSubtitleFontFamily = \"'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextSubtitleFontSize = \"16px\";\nexport const BTextSubtitleFontWeight = 500;\nexport const BTextSubtitleLineHeight = \"26px\";\nexport const BTextSubtitleLetterSpacing = 0;\nexport const BTextSubtitleStrongerFontWeight = 600;\nexport const BTextTitleFontFamily = \"'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextTitleFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextTitleFontSize = \"16px\";\nexport const BTextTitleFontWeight = 600;\nexport const BTextTitleLineHeight = \"26px\";\nexport const BTextTitleLetterSpacing = 0;\nexport const BTextTitleMobileFontSize = \"16px\";\nexport const BTextTitleMobileLineHeight = \"26px\";\nexport const BTextTitleMFontFamily = \"'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextTitleMFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextTitleMFontSize = \"20px\";\nexport const BTextTitleMFontWeight = 600;\nexport const BTextTitleMLineHeight = \"30px\";\nexport const BTextTitleMLetterSpacing = 0;\nexport const BTextTitleMMobileFontSize = \"18px\";\nexport const BTextTitleMMobileLineHeight = \"28px\";\nexport const BTextTitleLFontFamily = \"'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextTitleLFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextTitleLFontSize = \"24px\";\nexport const BTextTitleLFontWeight = 600;\nexport const BTextTitleLLineHeight = \"34px\";\nexport const BTextTitleLLetterSpacing = 0;\nexport const BTextTitleLMobileFontSize = \"20px\";\nexport const BTextTitleLMobileLineHeight = \"30px\";\nexport const BZIndexGlobalScreen = \"auto\";\nexport const BZIndexGlobalElevated = 5;\nexport const BZIndexGlobalNavigation = 10;\nexport const BZIndexGlobalInstantInteraction = 15;\nexport const BZIndexLocalTier1 = 1;\nexport const BZIndexLocalTier2 = 2;\nexport const BZIndexLocalTier3 = 3;\nexport const BZIndexLocalTier4 = 4;\nexport const BPopoverZIndex = 5;\nexport const BToastWidth = \"420px\";\nexport const BToastSpacingInner = \"12px\";\nexport const BToastSpacingOuter = \"16px\";\nexport const BToastItemSpacing = \"16px\";\nexport const BToastItemZIndex = 15;\nexport const BTooltipBackgroundColor = \"#001222\";\nexport const BTooltipBorderRadius = \"4px\";\nexport const BTooltipColor = \"#ffffff\";\nexport const BTooltipMaxWidth = \"300px\";\nexport const BTooltipPadding = \"4px 8px\";\nexport const BTooltipZIndex = 5;\nexport const BAnimationEasingStandard = \"cubic-bezier(0.2, 0, 0.4, 0.9)\";\nexport const BAnimationEasingEnter = \"cubic-bezier(0.12, 0.6, 0.4, 0.95)\";\nexport const BAnimationEasingExit = \"cubic-bezier(0.4, 0, 1, 1)\";\nexport const BAnimationEasingLinear = \"linear\";\nexport const BAnimationDurationFast = \"100ms\";\nexport const BAnimationDurationModerate = \"150ms\";\nexport const BAnimationDurationSlow = \"250ms\";\nexport const BBorderRadiusXs = \"2px\";\nexport const BBorderRadiusS = \"4px\";\nexport const BBorderRadiusM = \"8px\";\nexport const BBorderRadiusL = \"12px\";\nexport const BBorderRadiusXl = \"24px\";\nexport const BBorderWidthS = \"1px\";\nexport const BBorderWidthM = \"2px\";\nexport const BBorderWidthL = \"3px\";\nexport const BBorderWidthAttention = \"1.5px\";\nexport const BMediaQueryXsMin = \"0px\";\nexport const BMediaQueryXsMax = \"375px\";\nexport const BMediaQuerySMin = \"376px\";\nexport const BMediaQuerySMax = \"499px\";\nexport const BMediaQueryMMin = \"500px\";\nexport const BMediaQueryMMax = \"767px\";\nexport const BMediaQueryLMin = \"768px\";\nexport const BMediaQueryLMax = \"1279px\";\nexport const BMediaQueryXlMin = \"1280px\";\nexport const BMediaQueryXlMax = \"1535px\";\nexport const BMediaQueryXxl = \"1536px\";\nexport const BGradientDataGridHover = \"linear-gradient(270deg, #f4f5f6 0%, rgba(247, 247, 248, .82) 53.34%, rgba(247, 247, 248, .75) 61.73%, rgba(247, 247, 248, .11) 99.25%, rgba(247, 247, 248, 0) 100%)\";\nexport const BGradientDataGridZebraHover = \"linear-gradient(270deg, #ecedef 0%, rgba(236, 237, 239, .82) 53.34%, rgba(236, 237, 239, .75) 61.73%, rgba(236, 237, 239, .11) 99.25%, rgba(236, 237, 239, 0) 100%)\";\nexport const BGradientDataGridSelectedHover = \"linear-gradient(270deg, #d4e6f9 0%, rgba(212, 230, 249, .82) 53.34%, rgba(212, 230, 249, .75) 61.73%, rgba(212, 230, 249, .11) 99.25%, rgba(212, 230, 249, 0) 100%)\";\nexport const BGradientDataGridHighlightedHover = \"linear-gradient(270deg, #ffecd0 0%, rgba(255, 236, 208, .82) 53.34%, rgba(255, 236, 208, .75) 61.73%, rgba(255, 236, 208, .11) 99.25%, rgba(255, 236, 208, 0) 100%)\";\nexport const BShadowLow = \"0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02)\";\nexport const BShadowMedium = \"0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04)\";\nexport const BShadowHigh = \"0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06)\";\nexport const BShadowLowBorder = \"0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02), 0px 0px 0px 1px rgba(218, 221, 223, 1)\";\nexport const BShadowMediumBorder = \"0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 0px 0px 1px rgba(218, 221, 223, 1)\";\nexport const BShadowHighBorder = \"0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06), 0px 0px 0px 1px rgba(218, 221, 223, 1)\";\nexport const BSpacer100 = \"32px\";\nexport const BSpacer110 = \"40px\";\nexport const BSpacer120 = \"48px\";\nexport const BSpacer130 = \"56px\";\nexport const BSpacer140 = \"64px\";\nexport const BSpacer000 = \"0px\";\nexport const BSpacer010 = \"2px\";\nexport const BSpacer020 = \"4px\";\nexport const BSpacer030 = \"6px\";\nexport const BSpacer040 = \"8px\";\nexport const BSpacer050 = \"10px\";\nexport const BSpacer060 = \"12px\";\nexport const BSpacer070 = \"16px\";\nexport const BSpacer080 = \"20px\";\nexport const BSpacer090 = \"24px\";\n"],"names":["BColorLabelOnBackgroundCriticalWeak","BColorLabelOnBackgroundWarningWeak","BColorLabelOnBackgroundSuccessWeak","BColorLabelOnBackgroundHighlightWeak","BBorderWidthAttention","BMediaQuerySMax","BMediaQueryMMax","BSpacer040"],"mappings":"AAyFY,MAACA,IAAsC,WACtCC,IAAqC,WACrCC,IAAqC,WACrCC,IAAuC,WAkLvCC,IAAwB,SAIxBC,IAAkB,SAElBC,IAAkB,SAyBlBC,IAAa;"}