@adyen/bento-vue3 1.46.0 → 1.47.0

package/dist/chunks/{typography.DNzU41ah.js.map → typography.DN5eC5ch.js.map}

@@ -1 +1 @@
-{"version":3,"file":"typography.DNzU41ah.js","sources":["../../../core/src/components/typography/typography.types.ts","../../../vue2/src/utils/ts/dev-environment.ts","../../../vue2/src/utils/ts/print-development-warning.ts","../../../vue2/src/utils/ts/deprecate.ts","../../../vue2/src/components/typography/typography.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoTypographyVariant {\n    CAPTION = 'caption',\n    BODY = 'body',\n    /** @deprecated Use \"TITLE\" instead. */\n    SUBTITLE = 'subtitle',\n    TITLE = 'title',\n}\n\nexport enum BentoTypographyModifier {\n    WIDE = 'wide',\n    STRONGER = 'stronger',\n    STRONGER_WIDE = 'stronger-wide',\n    STRONGEST = 'strongest',\n    STRONGEST_WIDE = 'strongest-wide',\n    MEDIUM = 'm',\n    LARGE = 'l',\n    MOBILE = 'mobile',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoTypographyElement {\n    H1 = 'h1',\n    H2 = 'h2',\n    H3 = 'h3',\n    H4 = 'h4',\n    H5 = 'h5',\n    H6 = 'h6',\n    DIV = 'div',\n    PARAGRAPH = 'p',\n    SPAN = 'span',\n}\n","const DEV_ENVIROMENT_NAMES = ['development', 'DEVELOPMENT', 'dev', 'DEV'];\n\nexport const isDevelopmentEnviroment = () => DEV_ENVIROMENT_NAMES.includes(process.env.NODE_ENV);\n","import { isDevelopmentEnviroment } from '@/utils/ts/dev-environment';\n\n/**\n * Prints console.warn messages in development mode only.\n *\n * @see console.warn for what parameters you can use\n */\n\nexport function printDevelopmentWarning(...args: Parameters<typeof console.warn>) {\n    if (isDevelopmentEnviroment()) {\n        // eslint-disable-next-line no-console\n        console.warn(...args);\n    }\n}\n","import { printDevelopmentWarning } from './print-development-warning';\n\nconst DEPRECATION_STYLES = ['color: red', 'background: yellow'].join(';');\nconst shownMessages = new Set<string>();\n\n/**\n * Informs users about the deprecations in development mode only.\n *\n * @param title Indicates what is being deprecated.\n * @param deprecationMessage How to avoid the deprecation by giving an example of the alternatives. Backticks can be used to multi-line the message.\n * @param toBeRemovedInVersion The version it will be removed. Must be in X.Y.Z format.\n */\nexport function deprecate(title: string, deprecationMessage: string, toBeRemovedInVersion: string) {\n    // If the message is already showing, don't show it again\n    if (!shownMessages.has(title)) {\n        printDevelopmentWarning(`%cDEPRECATED:\\x1b[0m ${title}`, DEPRECATION_STYLES);\n        // Format multi-line descriptions with the backtick\n        printDevelopmentWarning(`${deprecationMessage.replaceAll('  ', '').trim()}`);\n        printDevelopmentWarning(`To be removed in: %c${toBeRemovedInVersion}`, DEPRECATION_STYLES);\n        shownMessages.add(title);\n    }\n}\n\n/**\n * Reset shownMessages set\n *\n * @deprecated For testing purposes only. Do not use.\n */\nexport function resetShownMessages() {\n    shownMessages.clear();\n}\n","<template>\n    <component :is=\"el\" class=\"b-typography\" :class=\"conditionalClasses\" data-testid=\"typography\">\n        <slot />\n    </component>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted } from 'vue';\n    import {\n        BentoTypographyElement,\n        BentoTypographyModifier,\n        BentoTypographyVariant,\n    } from '@/core/components/typography/typography.types';\n    import { deprecate } from '@/utils/ts/deprecate';\n\n    const props = withDefaults(\n        defineProps<{\n            /**\n             * Sets the HTML DOM element.\n             * @values h1, h2, h3, h4, h5, h6, div, p, span\n             */\n            el?: BentoTypographyElement | `${BentoTypographyElement}`;\n\n            /**\n             * Adds the large class modifier.\n             * Applicable to the Title variant.\n             */\n            large?: boolean;\n\n            /**\n             * Adds the medium class modifier.\n             * Applicable to the Title variant.\n             */\n            medium?: boolean;\n\n            /**\n             * Adds the rich-text modifier, which allows for the use of HTML tags inside typography.\n             */\n            richText?: boolean;\n\n            /**\n             * Adds the stronger class modifier.\n             * Applicable to Caption, Body and Subtitle variants.\n             */\n            stronger?: boolean;\n\n            /**\n             * Adds the strongest class modifier.\n             * Applicable to Caption, Body and Subtitle variants.\n             */\n            strongest?: boolean;\n\n            /**\n             * Sets the type of typography variant.\n             * @values caption, body, title.\n             */\n            variant?: BentoTypographyVariant | `${BentoTypographyVariant}`;\n\n            /**\n             * Adds the medium class modifier.\n             * Applicable to tje Body variant.\n             */\n            wide?: boolean;\n        }>(),\n        {\n            el: BentoTypographyElement.PARAGRAPH,\n            large: false,\n            medium: false,\n            stronger: false,\n            strongest: false,\n            variant: BentoTypographyVariant.BODY,\n            wide: false,\n        }\n    );\n\n    if (props.variant === BentoTypographyVariant.SUBTITLE) {\n        deprecate(\n            'BentoTypography \"subtitle\" variant (BentoTypographyVariant.SUBTITLE)',\n            `Use the \"title\" or \"BentoTypographyVariant.TITLE\" variant and (optionally) combine it with a size property. e.g. medium / large.\n                    <bento-typography :variant=\"BentoTypographyVariant.TITLE\" medium>`,\n            '2.0.0'\n        );\n    }\n\n    const conditionalClasses = computed(() => ({\n        // Rich text\n        ['b-typography--rich-text']: props.richText,\n        // Caption\n        [`b-typography--${BentoTypographyVariant.CAPTION}`]: props.variant === BentoTypographyVariant.CAPTION,\n        [`b-typography--${BentoTypographyVariant.CAPTION}-${BentoTypographyModifier.WIDE}`]:\n            props.variant === BentoTypographyVariant.CAPTION && props.wide,\n        [`b-typography--${BentoTypographyVariant.CAPTION}-${BentoTypographyModifier.STRONGER}`]:\n            props.variant === BentoTypographyVariant.CAPTION && props.stronger,\n\n        // Body\n        [`b-typography--${BentoTypographyVariant.BODY}`]: props.variant === BentoTypographyVariant.BODY,\n        [`b-typography--${BentoTypographyVariant.BODY}-${BentoTypographyModifier.WIDE}`]:\n            props.variant === BentoTypographyVariant.BODY && props.wide,\n        [`b-typography--${BentoTypographyVariant.BODY}-${BentoTypographyModifier.STRONGER}`]:\n            props.variant === BentoTypographyVariant.BODY && props.stronger,\n        [`b-typography--${BentoTypographyVariant.BODY}-${BentoTypographyModifier.STRONGEST}`]:\n            props.variant === BentoTypographyVariant.BODY && props.strongest,\n\n        // Subtitle\n        [`b-typography--${BentoTypographyVariant.SUBTITLE}`]: props.variant === BentoTypographyVariant.SUBTITLE,\n        [`b-typography--${BentoTypographyVariant.SUBTITLE}-${BentoTypographyModifier.STRONGER}`]:\n            props.variant === BentoTypographyVariant.SUBTITLE && props.stronger,\n\n        // Title\n        [`b-typography--${BentoTypographyVariant.TITLE}`]:\n            props.variant === BentoTypographyVariant.TITLE && !props.medium && !props.large,\n        [`b-typography--${BentoTypographyVariant.TITLE}-${BentoTypographyModifier.MEDIUM}`]:\n            props.variant === BentoTypographyVariant.TITLE && props.medium,\n        [`b-typography--${BentoTypographyVariant.TITLE}-${BentoTypographyModifier.LARGE}`]:\n            props.variant === BentoTypographyVariant.TITLE && props.large,\n    }));\n\n    onMounted(() => {\n        if (props.richText && props.el !== 'div') {\n            throw new Error('Rich-text prop must be used with el=\"div\" for correct HTML semantics');\n        }\n\n        if (props.richText && props.variant === 'title') {\n            throw new Error('Rich-text prop cannot be used with the title variant.');\n        }\n\n        if (props.richText && props.variant === 'subtitle') {\n            throw new Error('Rich-text prop cannot be used with the subtitle variant.');\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * The Typography component makes it easy to apply a default set of font weights, sizes and other text styles\n     * easily to text. The variants and properties match with those found in Figma.\n     *\n     * For example, seeing text with the typography styling of\n     *\n     * @example\n     * import { BentoTypography } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoTypography },\n     *     template: `\n     *          <bento-typography>\n     *              ... text content\n     *          </bento-typography>\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-typography',\n        inheritAttrs: true,\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/typography/typography.scss\" />\n"],"names":["BentoTypographyVariant","BentoTypographyVariant2","BentoTypographyModifier","BentoTypographyModifier2","BentoTypographyElement","BentoTypographyElement2","DEV_ENVIROMENT_NAMES","isDevelopmentEnviroment","printDevelopmentWarning","args","DEPRECATION_STYLES","shownMessages","deprecate","title","deprecationMessage","toBeRemovedInVersion","__default__","props","__props","conditionalClasses","computed","onMounted"],"mappings":";;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,OAAA,QAEAA,EAAA,WAAA,YACAA,EAAA,QAAA,SALQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,WAAA,YACAA,EAAA,gBAAA,iBACAA,EAAA,YAAA,aACAA,EAAA,iBAAA,kBACAA,EAAA,SAAA,KACAA,EAAA,QAAA,KACAA,EAAA,SAAA,UARQA,IAAAD,KAAA,CAAA,CAAA,GAcAE,IAAA,kBAAAC,OACRA,EAAA,KAAA,MACAA,EAAA,KAAA,MACAA,EAAA,KAAA,MACAA,EAAA,KAAA,MACAA,EAAA,KAAA,MACAA,EAAA,KAAA,MACAA,EAAA,MAAA,OACAA,EAAA,YAAA,KACAA,EAAA,OAAA,QATQA,IAAAD,KAAA,CAAA,CAAA;ACzBZ,MAAAE,IAAA,CAAA,eAAA,eAAA,OAAA,KAAA,GAEOC,IAAA,MAAAD,EAAA,SAAA,QAAA,IAAA,QAAA;ACMA,SAAAE,KAAAC,GAAA;AACH,EAAAF,EAAA,KAEI,QAAA,KAAA,GAAAE,CAAA;AAER;ACXA,MAAAC,IAAA,CAAA,cAAA,oBAAA,EAAA,KAAA,GAAA,GACAC,IAAA,oBAAA,IAAA;AASgB,SAAAC,EAAAC,GAAAC,GAAAC,GAAA;AAEZ,EAAAJ,EAAA,IAAAE,CAAA,MACIL,EAAA,wBAAAK,CAAA,IAAAH,CAAA,GAEAF,EAAA,GAAAM,EAAA,WAAA,MAAA,EAAA,EAAA,KAAA,CAAA,EAAA,GACAN,EAAA,uBAAAO,CAAA,IAAAL,CAAA,GACAC,EAAA,IAAAE,CAAA;AAER;ACkII,MAAAG,IAAA;AAAA,EAAe,MAAA;AAAA,EACL,cAAA;AAEV;;;;;;;;;;;;;AA3IA,UAAAC,IAAAC;AA4DA,IAAAD,EAAA,YAAAjB,EAAA,YACIY;AAAA,MAAA;AAAA,MACI;AAAA;AAAA,MACA;AAAA,IAEA;AAIR,UAAAO,IAAAC,EAAA,OAAA;AAAA;AAAA,MAA2C,2BAAAH,EAAA;AAAA;AAAA,MAEJ,CAAA,iBAAAjB,EAAA,OAAA,EAAA,GAAAiB,EAAA,YAAAjB,EAAA;AAAA,MAE2D,CAAA,iBAAAA,EAAA,OAAA,IAAAE,EAAA,IAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,WAAAiB,EAAA;AAAA,MAEhC,CAAA,iBAAAjB,EAAA,OAAA,IAAAE,EAAA,QAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,WAAAiB,EAAA;AAAA;AAAA,MAEA,CAAA,iBAAAjB,EAAA,IAAA,EAAA,GAAAiB,EAAA,YAAAjB,EAAA;AAAA,MAG6B,CAAA,iBAAAA,EAAA,IAAA,IAAAE,EAAA,IAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,QAAAiB,EAAA;AAAA,MAEhC,CAAA,iBAAAjB,EAAA,IAAA,IAAAE,EAAA,QAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,QAAAiB,EAAA;AAAA,MAEA,CAAA,iBAAAjB,EAAA,IAAA,IAAAE,EAAA,SAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,QAAAiB,EAAA;AAAA;AAAA,MAEA,CAAA,iBAAAjB,EAAA,QAAA,EAAA,GAAAiB,EAAA,YAAAjB,EAAA;AAAA,MAGoC,CAAA,iBAAAA,EAAA,QAAA,IAAAE,EAAA,QAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,YAAAiB,EAAA;AAAA;AAAA,MAEhC,CAAA,iBAAAjB,EAAA,KAAA,EAAA,GAAAiB,EAAA,YAAAjB,EAAA,SAAA,CAAAiB,EAAA,UAAA,CAAAA,EAAA;AAAA,MAIe,CAAA,iBAAAjB,EAAA,KAAA,IAAAE,EAAA,MAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,SAAAiB,EAAA;AAAA,MAElB,CAAA,iBAAAjB,EAAA,KAAA,IAAAE,EAAA,KAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,SAAAiB,EAAA;AAAA,IAEA,EAAA;AAGhE,WAAAI,EAAA,MAAA;AACI,UAAAJ,EAAA,YAAAA,EAAA,OAAA;AACI,cAAA,IAAA,MAAA,sEAAA;AAGJ,UAAAA,EAAA,YAAAA,EAAA,YAAA;AACI,cAAA,IAAA,MAAA,uDAAA;AAGJ,UAAAA,EAAA,YAAAA,EAAA,YAAA;AACI,cAAA,IAAA,MAAA,0DAAA;AAAA,IACJ,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"typography.DN5eC5ch.js","sources":["../../../core/src/components/typography/typography.types.ts","../../../vue2/src/utils/ts/dev-environment.ts","../../../vue2/src/utils/ts/print-development-warning.ts","../../../vue2/src/utils/ts/deprecate.ts","../../../vue2/src/components/typography/typography.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoTypographyVariant {\n    CAPTION = 'caption',\n    BODY = 'body',\n    /** @deprecated Use \"TITLE\" instead. */\n    SUBTITLE = 'subtitle',\n    TITLE = 'title',\n}\n\nexport enum BentoTypographyModifier {\n    WIDE = 'wide',\n    STRONGER = 'stronger',\n    STRONGER_WIDE = 'stronger-wide',\n    STRONGEST = 'strongest',\n    STRONGEST_WIDE = 'strongest-wide',\n    MEDIUM = 'm',\n    LARGE = 'l',\n    MOBILE = 'mobile',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoTypographyElement {\n    H1 = 'h1',\n    H2 = 'h2',\n    H3 = 'h3',\n    H4 = 'h4',\n    H5 = 'h5',\n    H6 = 'h6',\n    DIV = 'div',\n    PARAGRAPH = 'p',\n    SPAN = 'span',\n}\n","const DEV_ENVIROMENT_NAMES = ['development', 'DEVELOPMENT', 'dev', 'DEV'];\n\nexport const isDevelopmentEnviroment = () => DEV_ENVIROMENT_NAMES.includes(process.env.NODE_ENV);\n","import { isDevelopmentEnviroment } from '@/utils/ts/dev-environment';\n\n/**\n * Prints console.warn messages in development mode only.\n *\n * @see console.warn for what parameters you can use\n */\n\nexport function printDevelopmentWarning(...args: Parameters<typeof console.warn>) {\n    if (isDevelopmentEnviroment()) {\n        // eslint-disable-next-line no-console\n        console.warn(...args);\n    }\n}\n","import { printDevelopmentWarning } from './print-development-warning';\n\nconst DEPRECATION_STYLES = ['color: red', 'background: yellow'].join(';');\nconst shownMessages = new Set<string>();\n\n/**\n * Informs users about the deprecations in development mode only.\n *\n * @param title Indicates what is being deprecated.\n * @param deprecationMessage How to avoid the deprecation by giving an example of the alternatives. Backticks can be used to multi-line the message.\n * @param toBeRemovedInVersion The version it will be removed. Must be in X.Y.Z format.\n */\nexport function deprecate(title: string, deprecationMessage: string, toBeRemovedInVersion: string) {\n    // If the message is already showing, don't show it again\n    if (!shownMessages.has(title)) {\n        printDevelopmentWarning(`%cDEPRECATED:\\x1b[0m ${title}`, DEPRECATION_STYLES);\n        // Format multi-line descriptions with the backtick\n        printDevelopmentWarning(`${deprecationMessage.replaceAll('  ', '').trim()}`);\n        printDevelopmentWarning(`To be removed in: %c${toBeRemovedInVersion}`, DEPRECATION_STYLES);\n        shownMessages.add(title);\n    }\n}\n\n/**\n * Reset shownMessages set\n *\n * @deprecated For testing purposes only. Do not use.\n */\nexport function resetShownMessages() {\n    shownMessages.clear();\n}\n","<template>\n    <component :is=\"el\" class=\"b-typography\" :class=\"conditionalClasses\" data-testid=\"typography\">\n        <slot />\n    </component>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted } from 'vue';\n    import {\n        BentoTypographyElement,\n        BentoTypographyModifier,\n        BentoTypographyVariant,\n    } from '@/core/components/typography/typography.types';\n    import { deprecate } from '@/utils/ts/deprecate';\n\n    const props = withDefaults(\n        defineProps<{\n            /**\n             * Sets the HTML DOM element.\n             * @values h1, h2, h3, h4, h5, h6, div, p, span\n             */\n            el?: BentoTypographyElement | `${BentoTypographyElement}`;\n\n            /**\n             * Adds the large class modifier.\n             * Applicable to the Title variant.\n             */\n            large?: boolean;\n\n            /**\n             * Adds the medium class modifier.\n             * Applicable to the Title variant.\n             */\n            medium?: boolean;\n\n            /**\n             * Adds the rich-text modifier, which allows for the use of HTML tags inside typography.\n             */\n            richText?: boolean;\n\n            /**\n             * Adds the stronger class modifier.\n             * Applicable to Caption, Body and Subtitle variants.\n             */\n            stronger?: boolean;\n\n            /**\n             * Adds the strongest class modifier.\n             * Applicable to Caption, Body and Subtitle variants.\n             */\n            strongest?: boolean;\n\n            /**\n             * Sets the type of typography variant.\n             * @values caption, body, title.\n             */\n            variant?: BentoTypographyVariant | `${BentoTypographyVariant}`;\n\n            /**\n             * Adds the medium class modifier.\n             * Applicable to tje Body variant.\n             */\n            wide?: boolean;\n        }>(),\n        {\n            el: BentoTypographyElement.PARAGRAPH,\n            large: false,\n            medium: false,\n            stronger: false,\n            strongest: false,\n            variant: BentoTypographyVariant.BODY,\n            wide: false,\n        }\n    );\n\n    if (props.variant === BentoTypographyVariant.SUBTITLE) {\n        deprecate(\n            'BentoTypography \"subtitle\" variant (BentoTypographyVariant.SUBTITLE)',\n            `Use the \"title\" or \"BentoTypographyVariant.TITLE\" variant and (optionally) combine it with a size property. e.g. medium / large.\n                    <bento-typography :variant=\"BentoTypographyVariant.TITLE\" medium>`,\n            '2.0.0'\n        );\n    }\n\n    const conditionalClasses = computed(() => ({\n        // Rich text\n        ['b-typography--rich-text']: props.richText,\n        // Caption\n        [`b-typography--${BentoTypographyVariant.CAPTION}`]: props.variant === BentoTypographyVariant.CAPTION,\n        [`b-typography--${BentoTypographyVariant.CAPTION}-${BentoTypographyModifier.WIDE}`]:\n            props.variant === BentoTypographyVariant.CAPTION && props.wide,\n        [`b-typography--${BentoTypographyVariant.CAPTION}-${BentoTypographyModifier.STRONGER}`]:\n            props.variant === BentoTypographyVariant.CAPTION && props.stronger,\n\n        // Body\n        [`b-typography--${BentoTypographyVariant.BODY}`]: props.variant === BentoTypographyVariant.BODY,\n        [`b-typography--${BentoTypographyVariant.BODY}-${BentoTypographyModifier.WIDE}`]:\n            props.variant === BentoTypographyVariant.BODY && props.wide,\n        [`b-typography--${BentoTypographyVariant.BODY}-${BentoTypographyModifier.STRONGER}`]:\n            props.variant === BentoTypographyVariant.BODY && props.stronger,\n        [`b-typography--${BentoTypographyVariant.BODY}-${BentoTypographyModifier.STRONGEST}`]:\n            props.variant === BentoTypographyVariant.BODY && props.strongest,\n\n        // Subtitle\n        [`b-typography--${BentoTypographyVariant.SUBTITLE}`]: props.variant === BentoTypographyVariant.SUBTITLE,\n        [`b-typography--${BentoTypographyVariant.SUBTITLE}-${BentoTypographyModifier.STRONGER}`]:\n            props.variant === BentoTypographyVariant.SUBTITLE && props.stronger,\n\n        // Title\n        [`b-typography--${BentoTypographyVariant.TITLE}`]:\n            props.variant === BentoTypographyVariant.TITLE && !props.medium && !props.large,\n        [`b-typography--${BentoTypographyVariant.TITLE}-${BentoTypographyModifier.MEDIUM}`]:\n            props.variant === BentoTypographyVariant.TITLE && props.medium,\n        [`b-typography--${BentoTypographyVariant.TITLE}-${BentoTypographyModifier.LARGE}`]:\n            props.variant === BentoTypographyVariant.TITLE && props.large,\n    }));\n\n    onMounted(() => {\n        if (props.richText && props.el !== 'div') {\n            throw new Error('Rich-text prop must be used with el=\"div\" for correct HTML semantics');\n        }\n\n        if (props.richText && props.variant === 'title') {\n            throw new Error('Rich-text prop cannot be used with the title variant.');\n        }\n\n        if (props.richText && props.variant === 'subtitle') {\n            throw new Error('Rich-text prop cannot be used with the subtitle variant.');\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * The Typography component makes it easy to apply a default set of font weights, sizes and other text styles\n     * easily to text. The variants and properties match with those found in Figma.\n     *\n     * For example, seeing text with the typography styling of\n     *\n     * @example\n     * import { BentoTypography } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoTypography },\n     *     template: `\n     *          <bento-typography>\n     *              ... text content\n     *          </bento-typography>\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-typography',\n        inheritAttrs: true,\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/typography/typography.scss\" />\n"],"names":["BentoTypographyVariant","BentoTypographyVariant2","BentoTypographyModifier","BentoTypographyModifier2","BentoTypographyElement","BentoTypographyElement2","DEV_ENVIROMENT_NAMES","isDevelopmentEnviroment","printDevelopmentWarning","args","DEPRECATION_STYLES","shownMessages","deprecate","title","deprecationMessage","toBeRemovedInVersion","__default__","props","__props","conditionalClasses","computed","onMounted"],"mappings":";;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,OAAA,QAEAA,EAAA,WAAA,YACAA,EAAA,QAAA,SALQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,WAAA,YACAA,EAAA,gBAAA,iBACAA,EAAA,YAAA,aACAA,EAAA,iBAAA,kBACAA,EAAA,SAAA,KACAA,EAAA,QAAA,KACAA,EAAA,SAAA,UARQA,IAAAD,KAAA,CAAA,CAAA,GAcAE,IAAA,kBAAAC,OACRA,EAAA,KAAA,MACAA,EAAA,KAAA,MACAA,EAAA,KAAA,MACAA,EAAA,KAAA,MACAA,EAAA,KAAA,MACAA,EAAA,KAAA,MACAA,EAAA,MAAA,OACAA,EAAA,YAAA,KACAA,EAAA,OAAA,QATQA,IAAAD,KAAA,CAAA,CAAA;ACzBZ,MAAAE,IAAA,CAAA,eAAA,eAAA,OAAA,KAAA,GAEOC,IAAA,MAAAD,EAAA,SAAA,QAAA,IAAA,QAAA;ACMA,SAAAE,KAAAC,GAAA;AACH,EAAAF,EAAA,KAEI,QAAA,KAAA,GAAAE,CAAA;AAER;ACXA,MAAAC,IAAA,CAAA,cAAA,oBAAA,EAAA,KAAA,GAAA,GACAC,IAAA,oBAAA,IAAA;AASgB,SAAAC,EAAAC,GAAAC,GAAAC,GAAA;AAEZ,EAAAJ,EAAA,IAAAE,CAAA,MACIL,EAAA,wBAAAK,CAAA,IAAAH,CAAA,GAEAF,EAAA,GAAAM,EAAA,WAAA,MAAA,EAAA,EAAA,KAAA,CAAA,EAAA,GACAN,EAAA,uBAAAO,CAAA,IAAAL,CAAA,GACAC,EAAA,IAAAE,CAAA;AAER;ACkII,MAAAG,IAAA;AAAA,EAAe,MAAA;AAAA,EACL,cAAA;AAEV;;;;;;;;;;;;;AA3IA,UAAAC,IAAAC;AA4DA,IAAAD,EAAA,YAAAjB,EAAA,YACIY;AAAA,MAAA;AAAA,MACI;AAAA;AAAA,MACA;AAAA,IAEA;AAIR,UAAAO,IAAAC,EAAA,OAAA;AAAA;AAAA,MAA2C,2BAAAH,EAAA;AAAA;AAAA,MAEJ,CAAA,iBAAAjB,EAAA,OAAA,EAAA,GAAAiB,EAAA,YAAAjB,EAAA;AAAA,MAE2D,CAAA,iBAAAA,EAAA,OAAA,IAAAE,EAAA,IAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,WAAAiB,EAAA;AAAA,MAEhC,CAAA,iBAAAjB,EAAA,OAAA,IAAAE,EAAA,QAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,WAAAiB,EAAA;AAAA;AAAA,MAEA,CAAA,iBAAAjB,EAAA,IAAA,EAAA,GAAAiB,EAAA,YAAAjB,EAAA;AAAA,MAG6B,CAAA,iBAAAA,EAAA,IAAA,IAAAE,EAAA,IAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,QAAAiB,EAAA;AAAA,MAEhC,CAAA,iBAAAjB,EAAA,IAAA,IAAAE,EAAA,QAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,QAAAiB,EAAA;AAAA,MAEA,CAAA,iBAAAjB,EAAA,IAAA,IAAAE,EAAA,SAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,QAAAiB,EAAA;AAAA;AAAA,MAEA,CAAA,iBAAAjB,EAAA,QAAA,EAAA,GAAAiB,EAAA,YAAAjB,EAAA;AAAA,MAGoC,CAAA,iBAAAA,EAAA,QAAA,IAAAE,EAAA,QAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,YAAAiB,EAAA;AAAA;AAAA,MAEhC,CAAA,iBAAAjB,EAAA,KAAA,EAAA,GAAAiB,EAAA,YAAAjB,EAAA,SAAA,CAAAiB,EAAA,UAAA,CAAAA,EAAA;AAAA,MAIe,CAAA,iBAAAjB,EAAA,KAAA,IAAAE,EAAA,MAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,SAAAiB,EAAA;AAAA,MAElB,CAAA,iBAAAjB,EAAA,KAAA,IAAAE,EAAA,KAAA,EAAA,GAAAe,EAAA,YAAAjB,EAAA,SAAAiB,EAAA;AAAA,IAEA,EAAA;AAGhE,WAAAI,EAAA,MAAA;AACI,UAAAJ,EAAA,YAAAA,EAAA,OAAA;AACI,cAAA,IAAA,MAAA,sEAAA;AAGJ,UAAAA,EAAA,YAAAA,EAAA,YAAA;AACI,cAAA,IAAA,MAAA,uDAAA;AAGJ,UAAAA,EAAA,YAAAA,EAAA,YAAA;AACI,cAAA,IAAA,MAAA,0DAAA;AAAA,IACJ,CAAA;;;;;;;;;;;"}

package/dist/chunks/{use-bento-toast-controller.C2wUDcoc.js → use-bento-toast-controller.D3LA1FCd.js}

@@ -1,6 +1,6 @@
 import { ref as n, computed as i, inject as c, readonly as u } from "vue";
-import { p as d } from "./typography.DNzU41ah.js";
-import { g as m } from "./generate-uid.D-HFI38h.js";
+import { p as d } from "./typography.DN5eC5ch.js";
+import { g as m } from "./generate-uid.NJ8tVoha.js";
 const a = (t, e) => {
   const o = t.value.findIndex((s) => s.id === e);
   o !== -1 && t.value.splice(o, 1);
@@ -47,4 +47,4 @@ export {
   l as t,
   v as u
 };
-//# sourceMappingURL=use-bento-toast-controller.C2wUDcoc.js.map
+//# sourceMappingURL=use-bento-toast-controller.D3LA1FCd.js.map

package/dist/chunks/{use-bento-toast-controller.C2wUDcoc.js.map → use-bento-toast-controller.D3LA1FCd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-bento-toast-controller.C2wUDcoc.js","sources":["../../../vue2/src/composables/use-bento-toast-controller/toast-stack.ts","../../../vue2/src/composables/use-bento-toast-controller/use-bento-toast-controller.ts"],"sourcesContent":["import { computed, ref, type Ref } from 'vue';\nimport { generateUid } from '@/core/utils/ts';\nimport type { BentoToastItemsList, ToastStack } from './use-bento-toast-controller.types';\n\nconst dismissToast: (stack: Ref<BentoToastItemsList>, id: string) => void = (stack, id) => {\n    const toastIndex = stack.value.findIndex(toast => toast.id === id);\n    if (toastIndex !== -1) {\n        stack.value.splice(toastIndex, 1);\n    }\n};\n\nexport const toastStackInjectionKey = Symbol('toast-stack');\n\n/**\n * This utility creates a global reactive state to add new toasts and keep track of them.\n * @returns {ToastStack} An object that contains reactive stack property with all add toasts and a function to add new toasts\n */\nexport const createToastStack: () => ToastStack = () => {\n    const stack = ref<BentoToastItemsList>([]);\n\n    const addToast = params => {\n        const id = generateUid('toast');\n        const toast = {\n            ...params,\n            id,\n            dismiss: () => dismissToast(stack, id),\n        };\n\n        stack.value.unshift(toast);\n\n        return {\n            dismiss: () => dismissToast(stack, id),\n        };\n    };\n\n    return {\n        // Even though stack is a reactive property, its content suppose to be only changed from this module.\n        // For this reason we return \"stack\" as readonly prop, but also return methods that can affect \"stack\" content.\n        stack: computed(() => Object.freeze(Array.from(stack.value))),\n        /**\n         * A function that allows to add new toasts\n         * @param {Object} params Toast parameters\n         * @param {String} params.text A text to display inside the toast\n         * @param {Object} [params.action] An object that defines action parameters for the toast\n         * @param {String} params.action.text An action button text\n         * @param {Function} params.action.handler A callback that would be called when action button is clicked\n         * @return {Object} An object that includes \"dismiss\" function to programatically dismiss the toast\n         */\n        addToast,\n    };\n};\n","import { getCurrentInstance, inject, readonly, ref } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport { printDevelopmentWarning } from '../../utils/ts/print-development-warning';\nimport { toastStackInjectionKey } from './toast-stack';\nimport { UseBentoToastController } from './use-bento-toast-controller.types';\n\nexport function useBentoToastController(): UseBentoToastController {\n    const toastStack = isVue2\n        ? getCurrentInstance()?.proxy[toastStackInjectionKey]\n        : inject(toastStackInjectionKey, null);\n    if (!toastStack) {\n        printDevelopmentWarning('Toast does not work without Vue.use(BentoPlugin, { withToast: true })');\n        // Return placeholder functions so client code won't brake, but Toasts just won't show up\n        return {\n            stack: readonly(ref([])),\n            addToast: () => ({\n                // eslint-disable-next-line @typescript-eslint/no-empty-function -- intentional empty function explained by the comment above\n                dismiss: () => {},\n            }),\n        };\n    }\n    // Return a new object so unintentional reassigning its properties won't override a global state\n    return { ...toastStack };\n}\n"],"names":["dismissToast","stack","id","toastIndex","toast","toastStackInjectionKey","createToastStack","ref","addToast","params","generateUid","computed","useBentoToastController","toastStack","inject","printDevelopmentWarning","readonly"],"mappings":";;;AAIA,MAAMA,IAAsE,CAACC,GAAOC,MAAO;AACvF,QAAMC,IAAaF,EAAM,MAAM,UAAU,CAASG,MAAAA,EAAM,OAAOF,CAAE;AACjE,EAAIC,MAAe,MACTF,EAAA,MAAM,OAAOE,GAAY,CAAC;AAExC,GAEaE,IAAyB,OAAO,aAAa,GAM7CC,IAAqC,MAAM;AAC9C,QAAAL,IAAQM,EAAyB,EAAE,GAEnCC,IAAW,CAAUC,MAAA;AACjB,UAAAP,IAAKQ,EAAY,OAAO,GACxBN,IAAQ;AAAA,MACV,GAAGK;AAAA,MACH,IAAAP;AAAA,MACA,SAAS,MAAMF,EAAaC,GAAOC,CAAE;AAAA,IACzC;AAEM,WAAAD,EAAA,MAAM,QAAQG,CAAK,GAElB;AAAA,MACH,SAAS,MAAMJ,EAAaC,GAAOC,CAAE;AAAA,IACzC;AAAA,EACJ;AAEO,SAAA;AAAA;AAAA;AAAA,IAGH,OAAOS,EAAS,MAAM,OAAO,OAAO,MAAM,KAAKV,EAAM,KAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAU5D,UAAAO;AAAA,EACJ;AACJ;AC5CO,SAASI,IAAmD;AACzD,QAAAC,IAEAC,EAAOT,GAAwB,IAAI;AACzC,SAAKQ,IAYE,EAAE,GAAGA,EAAW,KAXnBE,EAAwB,uEAAuE,GAExF;AAAA,IACH,OAAOC,EAAST,EAAI,CAAA,CAAE,CAAC;AAAA,IACvB,UAAU,OAAO;AAAA;AAAA,MAEb,SAAS,MAAM;AAAA,MAAA;AAAA,IACnB;AAAA,EACJ;AAIR;"}
+{"version":3,"file":"use-bento-toast-controller.D3LA1FCd.js","sources":["../../../vue2/src/composables/use-bento-toast-controller/toast-stack.ts","../../../vue2/src/composables/use-bento-toast-controller/use-bento-toast-controller.ts"],"sourcesContent":["import { computed, ref, type Ref } from 'vue';\nimport { generateUid } from '@/core/utils/ts';\nimport type { BentoToastItemsList, ToastStack } from './use-bento-toast-controller.types';\n\nconst dismissToast: (stack: Ref<BentoToastItemsList>, id: string) => void = (stack, id) => {\n    const toastIndex = stack.value.findIndex(toast => toast.id === id);\n    if (toastIndex !== -1) {\n        stack.value.splice(toastIndex, 1);\n    }\n};\n\nexport const toastStackInjectionKey = Symbol('toast-stack');\n\n/**\n * This utility creates a global reactive state to add new toasts and keep track of them.\n * @returns {ToastStack} An object that contains reactive stack property with all add toasts and a function to add new toasts\n */\nexport const createToastStack: () => ToastStack = () => {\n    const stack = ref<BentoToastItemsList>([]);\n\n    const addToast = params => {\n        const id = generateUid('toast');\n        const toast = {\n            ...params,\n            id,\n            dismiss: () => dismissToast(stack, id),\n        };\n\n        stack.value.unshift(toast);\n\n        return {\n            dismiss: () => dismissToast(stack, id),\n        };\n    };\n\n    return {\n        // Even though stack is a reactive property, its content suppose to be only changed from this module.\n        // For this reason we return \"stack\" as readonly prop, but also return methods that can affect \"stack\" content.\n        stack: computed(() => Object.freeze(Array.from(stack.value))),\n        /**\n         * A function that allows to add new toasts\n         * @param {Object} params Toast parameters\n         * @param {String} params.text A text to display inside the toast\n         * @param {Object} [params.action] An object that defines action parameters for the toast\n         * @param {String} params.action.text An action button text\n         * @param {Function} params.action.handler A callback that would be called when action button is clicked\n         * @return {Object} An object that includes \"dismiss\" function to programatically dismiss the toast\n         */\n        addToast,\n    };\n};\n","import { getCurrentInstance, inject, readonly, ref } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport { printDevelopmentWarning } from '../../utils/ts/print-development-warning';\nimport { toastStackInjectionKey } from './toast-stack';\nimport { UseBentoToastController } from './use-bento-toast-controller.types';\n\nexport function useBentoToastController(): UseBentoToastController {\n    const toastStack = isVue2\n        ? getCurrentInstance()?.proxy[toastStackInjectionKey]\n        : inject(toastStackInjectionKey, null);\n    if (!toastStack) {\n        printDevelopmentWarning('Toast does not work without Vue.use(BentoPlugin, { withToast: true })');\n        // Return placeholder functions so client code won't brake, but Toasts just won't show up\n        return {\n            stack: readonly(ref([])),\n            addToast: () => ({\n                // eslint-disable-next-line @typescript-eslint/no-empty-function -- intentional empty function explained by the comment above\n                dismiss: () => {},\n            }),\n        };\n    }\n    // Return a new object so unintentional reassigning its properties won't override a global state\n    return { ...toastStack };\n}\n"],"names":["dismissToast","stack","id","toastIndex","toast","toastStackInjectionKey","createToastStack","ref","addToast","params","generateUid","computed","useBentoToastController","toastStack","inject","printDevelopmentWarning","readonly"],"mappings":";;;AAIA,MAAMA,IAAsE,CAACC,GAAOC,MAAO;AACvF,QAAMC,IAAaF,EAAM,MAAM,UAAU,CAASG,MAAAA,EAAM,OAAOF,CAAE;AACjE,EAAIC,MAAe,MACTF,EAAA,MAAM,OAAOE,GAAY,CAAC;AAExC,GAEaE,IAAyB,OAAO,aAAa,GAM7CC,IAAqC,MAAM;AAC9C,QAAAL,IAAQM,EAAyB,EAAE,GAEnCC,IAAW,CAAUC,MAAA;AACjB,UAAAP,IAAKQ,EAAY,OAAO,GACxBN,IAAQ;AAAA,MACV,GAAGK;AAAA,MACH,IAAAP;AAAA,MACA,SAAS,MAAMF,EAAaC,GAAOC,CAAE;AAAA,IACzC;AAEM,WAAAD,EAAA,MAAM,QAAQG,CAAK,GAElB;AAAA,MACH,SAAS,MAAMJ,EAAaC,GAAOC,CAAE;AAAA,IACzC;AAAA,EACJ;AAEO,SAAA;AAAA;AAAA;AAAA,IAGH,OAAOS,EAAS,MAAM,OAAO,OAAO,MAAM,KAAKV,EAAM,KAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAU5D,UAAAO;AAAA,EACJ;AACJ;AC5CO,SAASI,IAAmD;AACzD,QAAAC,IAEAC,EAAOT,GAAwB,IAAI;AACzC,SAAKQ,IAYE,EAAE,GAAGA,EAAW,KAXnBE,EAAwB,uEAAuE,GAExF;AAAA,IACH,OAAOC,EAAST,EAAI,CAAA,CAAE,CAAC;AAAA,IACvB,UAAU,OAAO;AAAA;AAAA,MAEb,SAAS,MAAM;AAAA,MAAA;AAAA,IACnB;AAAA,EACJ;AAIR;"}

package/dist/chunks/{use-cached-selected-values.CvdhdRHz.js → use-cached-selected-values.YAg3m-Af.js}

@@ -1,17 +1,17 @@
-import { computed as v, ref as P, onMounted as Oe, onUnmounted as xe, watch as Ie, defineComponent as W, resolveComponent as L, openBlock as f, createElementBlock as _, createVNode as B, withCtx as T, createTextVNode as G, toDisplayString as w, createElementVNode as K, renderSlot as z, mergeProps as U, withKeys as ve, createCommentVNode as Y, createBlock as D, withModifiers as Ye, normalizeProps as ee, guardReactiveProps as ne, withDirectives as ae, vShow as Ae, toRef as se, resolveDirective as pe, toHandlers as te, Fragment as J, renderList as F, createSlots as ie, normalizeClass as fe, unref as ce, normalizeStyle as Ke } from "vue";
+import { computed as v, ref as P, onMounted as Oe, onUnmounted as xe, watch as Ie, defineComponent as W, resolveComponent as L, createElementBlock as _, openBlock as f, createVNode as B, createElementVNode as K, withCtx as T, createTextVNode as G, toDisplayString as w, renderSlot as z, mergeProps as U, withKeys as ve, createCommentVNode as Y, createBlock as D, withModifiers as Ye, normalizeProps as ee, guardReactiveProps as ne, withDirectives as ae, vShow as Ae, toRef as se, resolveDirective as pe, toHandlers as te, Fragment as J, renderList as F, createSlots as ie, normalizeClass as fe, unref as ce, normalizeStyle as Ke } from "vue";
 import { B as x, a as Se } from "./keyboard-navigation.C3QMVRKY.js";
 import "./events.FNmSWp_P.js";
-import { B as Z } from "./typography.DNzU41ah.js";
-import { B as qe } from "./loading-indicator.N_WV9Gwz.js";
-import { B as We } from "./empty-state.DYfl7gnt.js";
-import { u as ue } from "./i18n.CPGoe9tN.js";
+import { B as Z } from "./typography.DN5eC5ch.js";
+import { B as qe } from "./loading-indicator.DEepb9Wl.js";
+import { B as We } from "./empty-state.C2ancCe6.js";
+import { u as ue } from "./i18n.WMYWtwxB.js";
 import { d as je } from "./debounce.DUTu11PS.js";
+import { B as Ce } from "./checkbox.J51-tG4g.js";
+import { B as He } from "./base-button.DdNFlbgH.js";
+import { C as Xe } from "./cross-small.Z5EKYRm0.js";
 import { _ as q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as Ce } from "./checkbox.BphbrpUx.js";
-import { a as He, C as Xe } from "./chevron-up.DQZG_BP3.js";
-import { B as Je } from "./base-button.DgHMejMF.js";
-import { C as Ze } from "./cross-small.CXWTuKA_.js";
-import { d as Qe, e as he } from "./button-actions.C8CJcXxS.js";
+import { C as Je, a as Ze } from "./chevron-up.Cu9qXgBY.js";
+import { d as Qe, e as he } from "./button-actions.DBgK5Qwo.js";
 import { o as et } from "./resize.Bqks3WUm.js";
 import "../assets/use-cached-selected-values.css";
 const $e = (e, t, a, c) => {
@@ -522,8 +522,8 @@ const Ct = {
     BentoCheckbox: Ce,
     BentoTypography: Z,
     BentoListboxOption: de,
-    ChevronDownIcon: He,
-    ChevronUpIcon: Xe
+    ChevronDownIcon: Ze,
+    ChevronUpIcon: Je
   },
   props: {
     /**
@@ -882,11 +882,11 @@ const $t = /* @__PURE__ */ q(_t, [["render", At], ["__scopeId", "data-v-25938a72
   "en-US": {
     remove: "Remove"
   },
-  "pt-BR": {
-    remove: "Remover"
-  },
   "ja-JP": {
     remove: "削除"
+  },
+  "pt-BR": {
+    remove: "Remover"
   }
 }, kt = { class: "b-listbox-multi-select-chips" }, Bt = {
   i18n: { messages: Be }
@@ -920,13 +920,13 @@ const $t = /* @__PURE__ */ q(_t, [["render", At], ["__scopeId", "data-v-25938a72
       (f(!0), _(J, null, F(e.items, (l) => (f(), _("div", {
         key: `selected-${l.value}`
       }, [
-        B(ce(Je), {
+        B(ce(He), {
           class: "b-listbox-multi-select-chips__chip",
           disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null,
           onClick: (r) => u(l)
         }, {
           iconRight: T(() => [
-            B(ce(Ze), {
+            B(ce(Xe), {
               "svg-title": ce(c)("remove")
             }, null, 8, ["svg-title"])
           ]),
@@ -1243,13 +1243,13 @@ const Te = /* @__PURE__ */ q(Pt, [["render", Ut], ["__scopeId", "data-v-282f5857
     loading: "Loading",
     showMore: "Show more"
   },
-  "pt-BR": {
-    loading: "Carregando",
-    showMore: "Mostrar mais"
-  },
   "ja-JP": {
     loading: "読み込み中",
     showMore: "表示内容を増やす"
+  },
+  "pt-BR": {
+    loading: "Carregando",
+    showMore: "Mostrar mais"
   }
 }, Vt = 36, Gt = W({
   name: "bento-listbox",
@@ -1588,4 +1588,4 @@ export {
   rs as c,
   Mt as u
 };
-//# sourceMappingURL=use-cached-selected-values.CvdhdRHz.js.map
+//# sourceMappingURL=use-cached-selected-values.YAg3m-Af.js.map