@adyen/bento-vue3 1.78.2 → 1.79.0

package/dist/chunks/{header.3It50Clh.js → header.BQAAmjUF.js}

@@ -1,8 +1,8 @@
 import { defineComponent as b, computed as u, resolveComponent as n, createElementBlock as g, openBlock as a, normalizeClass as P, createElementVNode as r, createBlock as i, createCommentVNode as s, createVNode as C, mergeProps as B, withCtx as p, createTextVNode as I, toDisplayString as S, createSlots as m, renderSlot as f } from "vue";
 import { u as E } from "./use-has-slot.B7eQSabc.js";
 import { B as N, a as k, c as h } from "./typography.yBEME_Gu.js";
-import { B as O } from "./button-actions-with-menu.BeQ-j1bv.js";
-import { I as t, H as w } from "./header-meta.BE6QfUNi.js";
+import { B as O } from "./button-actions-with-menu.B8qBBN82.js";
+import { I as t, H as w } from "./header-meta.DZ8Gx4XE.js";
 import { _ as A } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/header.css";
 var o = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.COMPONENT = "component", e))(o || {});
@@ -138,4 +138,4 @@ const F = /* @__PURE__ */ A($, [["render", G], ["__scopeId", "data-v-56ef1e22"]]
 export {
   F as B
 };
-//# sourceMappingURL=header.3It50Clh.js.map
+//# sourceMappingURL=header.BQAAmjUF.js.map

package/dist/chunks/{header.3It50Clh.js.map → header.BQAAmjUF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header.3It50Clh.js","sources":["../../../vue2/src/components/header/header.types.ts","../../../vue2/src/components/header/header.vue"],"sourcesContent":["import { type BentoLoadingButtonState } from '../button/components/loading-button/loading-button.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoHeaderVariant {\n    PAGE = 'page',\n    COMPONENT = 'component',\n}\n\nexport interface BentoHeaderReloadButton {\n    title: string;\n    event?: (event: Event) => void;\n    state?: `${BentoLoadingButtonState}`;\n}\n","<template>\n    <header class=\"b-header\" :class=\"conditionalClasses\">\n        <div class=\"b-header__wrapper\">\n            <div class=\"b-header__title\">\n                <div>\n                    <bento-typography v-bind=\"typography\" class=\"b-header__text\">{{ title }}</bento-typography>\n                    <info-icon-with-popover\n                        v-if=\"infoIconTooltipText || hasSlot('infoIconTooltipContent')\"\n                        class=\"b-header__tooltip\"\n                        :popover-text=\"infoIconTooltipText\"\n                    >\n                        <template v-if=\"hasSlot('infoIconTooltipContent')\" #default\n                            ><slot name=\"infoIconTooltipContent\"\n                        /></template>\n                    </info-icon-with-popover>\n                </div>\n            </div>\n            <header-meta\n                v-if=\"description || hasSlot('description') || lastUpdated\"\n                class=\"b-header__meta-container\"\n                :description=\"description\"\n                :last-updated=\"lastUpdated\"\n                :reload-button=\"reloadButton\"\n            >\n                <template v-if=\"hasSlot('description')\" #description><slot name=\"description\" /></template>\n            </header-meta>\n            <button-actions-with-menu\n                v-if=\"actions\"\n                :actions=\"actions\"\n                :displayed-actions=\"2\"\n                class=\"b-header__actions\"\n            />\n        </div>\n    </header>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, type PropType } from 'vue';\n    import { InfoIconWithPopover } from '@/internal';\n    import { type BentoButtonActionsList } from '@/components/button';\n    import { useHasSlot } from '@/composables';\n    import { type BentoHeaderReloadButton, BentoHeaderVariant } from './header.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { HeaderMeta } from '@/internal/header-meta';\n    import ButtonActionsWithMenu from '../internal/button-actions-with-menu/button-actions-with-menu.vue';\n\n    export default defineComponent({\n        name: 'bento-header',\n        components: {\n            BentoTypography,\n            ButtonActionsWithMenu,\n            InfoIconWithPopover,\n            HeaderMeta,\n        },\n        props: {\n            /**\n             * Array of BentoButtonActionsList to show to the right of the title\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                default: null,\n            },\n\n            /**\n             * Text showed under the title\n             */\n            description: { type: String, default: null },\n\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: { type: InfoIconWithPopover.props.popoverText.type, default: null },\n\n            /**\n             * Popover position of the info icon text.\n             */\n            infoIconPopoverPosition: {\n                type: InfoIconWithPopover.props.popoverPosition.type,\n                default: InfoIconWithPopover.props.popoverPosition.default,\n                validator: InfoIconWithPopover.props.popoverPosition.validator,\n            },\n\n            /**\n             * JavaScript \"Date\" object for when the content was last updated\n             */\n            lastUpdated: { type: [Date, Number], default: null },\n\n            /**\n             * Variant represents type of Header\n             * @values page, component\n             */\n            variant: {\n                type: String as PropType<BentoHeaderVariant | `${BentoHeaderVariant}`>,\n                default: BentoHeaderVariant.PAGE,\n                validator: (value: BentoHeaderVariant) => Object.values(BentoHeaderVariant).includes(value),\n            },\n\n            /**\n             * Text used as a title\n             */\n            title: { type: String, required: true },\n\n            /**\n             * Reload button which shows next to the header's timestamp\n             * {@see BentoHeaderReloadButton}\n             */\n            reloadButton: {\n                type: Object as PropType<BentoHeaderReloadButton>,\n                default: null,\n            },\n        },\n        emits: ['reload'],\n        setup(props, { slots }) {\n            const conditionalClasses = computed(() => ({\n                'b-header--component': props.variant === BentoHeaderVariant.COMPONENT,\n            }));\n\n            const typography = computed(() => ({\n                el: props.variant === BentoHeaderVariant.PAGE ? BentoTypographyElement.H1 : BentoTypographyElement.H2,\n                variant: BentoTypographyVariant.TITLE,\n                medium: props.variant === BentoHeaderVariant.COMPONENT,\n                large: props.variant === BentoHeaderVariant.PAGE,\n            }));\n            return {\n                hasSlot: useHasSlot(slots),\n                conditionalClasses,\n                typography,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./header.scss\" />\n"],"names":["BentoHeaderVariant","BentoHeaderVariant2","_sfc_main","defineComponent","BentoTypography","ButtonActionsWithMenu","InfoIconWithPopover","HeaderMeta","value","props","slots","conditionalClasses","computed","typography","BentoTypographyElement","BentoTypographyVariant","useHasSlot","_component_button_actions_with_menu","resolveComponent","normalizeClass","_ctx","createElementVNode","_hoisted_2","createVNode","_component_bento_typography","mergeProps","withCtx","createTextVNode","toDisplayString","infoIconTooltipText","openBlock","createBlock","_component_info_icon_with_popover","createSlots","renderSlot","createCommentVNode","description","_component_header_meta","reloadButton"],"mappings":"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"}
+{"version":3,"file":"header.BQAAmjUF.js","sources":["../../../vue2/src/components/header/header.types.ts","../../../vue2/src/components/header/header.vue"],"sourcesContent":["import { type BentoLoadingButtonState } from '../button/components/loading-button/loading-button.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoHeaderVariant {\n    PAGE = 'page',\n    COMPONENT = 'component',\n}\n\nexport interface BentoHeaderReloadButton {\n    title: string;\n    event?: (event: Event) => void;\n    state?: `${BentoLoadingButtonState}`;\n}\n","<template>\n    <header class=\"b-header\" :class=\"conditionalClasses\">\n        <div class=\"b-header__wrapper\">\n            <div class=\"b-header__title\">\n                <div>\n                    <bento-typography v-bind=\"typography\" class=\"b-header__text\">{{ title }}</bento-typography>\n                    <info-icon-with-popover\n                        v-if=\"infoIconTooltipText || hasSlot('infoIconTooltipContent')\"\n                        class=\"b-header__tooltip\"\n                        :popover-text=\"infoIconTooltipText\"\n                    >\n                        <template v-if=\"hasSlot('infoIconTooltipContent')\" #default\n                            ><slot name=\"infoIconTooltipContent\"\n                        /></template>\n                    </info-icon-with-popover>\n                </div>\n            </div>\n            <header-meta\n                v-if=\"description || hasSlot('description') || lastUpdated\"\n                class=\"b-header__meta-container\"\n                :description=\"description\"\n                :last-updated=\"lastUpdated\"\n                :reload-button=\"reloadButton\"\n            >\n                <template v-if=\"hasSlot('description')\" #description><slot name=\"description\" /></template>\n            </header-meta>\n            <button-actions-with-menu\n                v-if=\"actions\"\n                :actions=\"actions\"\n                :displayed-actions=\"2\"\n                class=\"b-header__actions\"\n            />\n        </div>\n    </header>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, type PropType } from 'vue';\n    import { InfoIconWithPopover } from '@/internal';\n    import { type BentoButtonActionsList } from '@/components/button';\n    import { useHasSlot } from '@/composables';\n    import { type BentoHeaderReloadButton, BentoHeaderVariant } from './header.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { HeaderMeta } from '@/internal/header-meta';\n    import ButtonActionsWithMenu from '../internal/button-actions-with-menu/button-actions-with-menu.vue';\n\n    export default defineComponent({\n        name: 'bento-header',\n        components: {\n            BentoTypography,\n            ButtonActionsWithMenu,\n            InfoIconWithPopover,\n            HeaderMeta,\n        },\n        props: {\n            /**\n             * Array of BentoButtonActionsList to show to the right of the title\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                default: null,\n            },\n\n            /**\n             * Text showed under the title\n             */\n            description: { type: String, default: null },\n\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: { type: InfoIconWithPopover.props.popoverText.type, default: null },\n\n            /**\n             * Popover position of the info icon text.\n             */\n            infoIconPopoverPosition: {\n                type: InfoIconWithPopover.props.popoverPosition.type,\n                default: InfoIconWithPopover.props.popoverPosition.default,\n                validator: InfoIconWithPopover.props.popoverPosition.validator,\n            },\n\n            /**\n             * JavaScript \"Date\" object for when the content was last updated\n             */\n            lastUpdated: { type: [Date, Number], default: null },\n\n            /**\n             * Variant represents type of Header\n             * @values page, component\n             */\n            variant: {\n                type: String as PropType<BentoHeaderVariant | `${BentoHeaderVariant}`>,\n                default: BentoHeaderVariant.PAGE,\n                validator: (value: BentoHeaderVariant) => Object.values(BentoHeaderVariant).includes(value),\n            },\n\n            /**\n             * Text used as a title\n             */\n            title: { type: String, required: true },\n\n            /**\n             * Reload button which shows next to the header's timestamp\n             * {@see BentoHeaderReloadButton}\n             */\n            reloadButton: {\n                type: Object as PropType<BentoHeaderReloadButton>,\n                default: null,\n            },\n        },\n        emits: ['reload'],\n        setup(props, { slots }) {\n            const conditionalClasses = computed(() => ({\n                'b-header--component': props.variant === BentoHeaderVariant.COMPONENT,\n            }));\n\n            const typography = computed(() => ({\n                el: props.variant === BentoHeaderVariant.PAGE ? BentoTypographyElement.H1 : BentoTypographyElement.H2,\n                variant: BentoTypographyVariant.TITLE,\n                medium: props.variant === BentoHeaderVariant.COMPONENT,\n                large: props.variant === BentoHeaderVariant.PAGE,\n            }));\n            return {\n                hasSlot: useHasSlot(slots),\n                conditionalClasses,\n                typography,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./header.scss\" />\n"],"names":["BentoHeaderVariant","BentoHeaderVariant2","_sfc_main","defineComponent","BentoTypography","ButtonActionsWithMenu","InfoIconWithPopover","HeaderMeta","value","props","slots","conditionalClasses","computed","typography","BentoTypographyElement","BentoTypographyVariant","useHasSlot","_component_button_actions_with_menu","resolveComponent","normalizeClass","_ctx","createElementVNode","_hoisted_2","createVNode","_component_bento_typography","mergeProps","withCtx","createTextVNode","toDisplayString","infoIconTooltipText","openBlock","createBlock","_component_info_icon_with_popover","createSlots","renderSlot","createCommentVNode","description","_component_header_meta","reloadButton"],"mappings":"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"}

package/dist/chunks/{info-icon.BhOm72U4.js → info-icon.DB0MI-dH.js}

@@ -1,6 +1,6 @@
 import { defineComponent as r, withDirectives as p, createElementBlock as a, openBlock as l, createVNode as m, unref as e } from "vue";
 import { d as c } from "./popper-container.Uod3yjsR.js";
-import { b as f } from "./tooltip.Dp9_ESm_.js";
+import { b as f } from "./tooltip.CeX5eGnw.js";
 import { I as _ } from "./info.BKwey1HA.js";
 import { _ as u } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/info-icon.css";
@@ -32,4 +32,4 @@ const d = ["aria-label"], b = {
 export {
   k as B
 };
-//# sourceMappingURL=info-icon.BhOm72U4.js.map
+//# sourceMappingURL=info-icon.DB0MI-dH.js.map

package/dist/chunks/{info-icon.BhOm72U4.js.map → info-icon.DB0MI-dH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"info-icon.BhOm72U4.js","sources":["../../../vue2/src/components/info-icon/info-icon.vue"],"sourcesContent":["<template>\n    <span\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        :aria-label=\"tooltipText\"\n        class=\"b-info-icon\"\n        @mouseenter=\"emit('mouseenter', $event)\"\n    >\n        <info-icon :svg-title=\"tooltipText\" class=\"b-info-icon__svg\" />\n    </span>\n</template>\n\n<script setup lang=\"ts\">\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives';\n    import { type BentoInfoIconProps } from './info-icon.types';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n\n    withDefaults(defineProps<BentoInfoIconProps>(), {\n        tooltipPosition: PopperContainerPosition.AUTO,\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emitted when the mouse pointer enters the component.\n         */\n        (e: 'mouseenter', event: MouseEvent): void;\n    }>();\n</script>\n\n<script lang=\"ts\">\n    /**\n     * @example\n     * <template>\n     *     <bento-info-icon tooltip-text=\"Text on hover\" />\n     * </template>\n     *\n     * <script setup lang=\"ts\">\n     * import { BentoInfoIcon } from '@adyen/bento-vue2';\n     * </scrip>\n     */\n    export default {\n        name: 'bento-info-icon',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon.scss\" />\n"],"names":["__default__","emit","__emit"],"mappings":";;;;;;0BAwCIA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;AArBA,UAAAC,IAAAC;;;;;;;;;;;;;;;"}
+{"version":3,"file":"info-icon.DB0MI-dH.js","sources":["../../../vue2/src/components/info-icon/info-icon.vue"],"sourcesContent":["<template>\n    <span\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        :aria-label=\"tooltipText\"\n        class=\"b-info-icon\"\n        @mouseenter=\"emit('mouseenter', $event)\"\n    >\n        <info-icon :svg-title=\"tooltipText\" class=\"b-info-icon__svg\" />\n    </span>\n</template>\n\n<script setup lang=\"ts\">\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives';\n    import { type BentoInfoIconProps } from './info-icon.types';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n\n    withDefaults(defineProps<BentoInfoIconProps>(), {\n        tooltipPosition: PopperContainerPosition.AUTO,\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emitted when the mouse pointer enters the component.\n         */\n        (e: 'mouseenter', event: MouseEvent): void;\n    }>();\n</script>\n\n<script lang=\"ts\">\n    /**\n     * @example\n     * <template>\n     *     <bento-info-icon tooltip-text=\"Text on hover\" />\n     * </template>\n     *\n     * <script setup lang=\"ts\">\n     * import { BentoInfoIcon } from '@adyen/bento-vue2';\n     * </scrip>\n     */\n    export default {\n        name: 'bento-info-icon',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon.scss\" />\n"],"names":["__default__","emit","__emit"],"mappings":";;;;;;0BAwCIA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;AArBA,UAAAC,IAAAC;;;;;;;;;;;;;;;"}

package/dist/chunks/{input-field-password.-xEY2VB8.js → input-field-password.noxsH61p.js}

@@ -1,38 +1,39 @@
-import { defineComponent as ye, useAttrs as Ee, ref as r, provide as we, computed as v, watch as W, createElementBlock as R, openBlock as s, createVNode as A, createBlock as f, createCommentVNode as b, unref as i, mergeProps as Ce, createSlots as Re, withCtx as c, renderSlot as ae, Fragment as te, createTextVNode as L, toDisplayString as k, createElementVNode as U, normalizeClass as ie, renderList as Le } from "vue";
-import { B as Te } from "./button.DhcxX2GJ.js";
-import { _ as Ie } from "./image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
-import { B as Oe } from "./input-field.B6nL7d8O.js";
-import { h as Se } from "./button-actions.BQ3AFQqt.js";
-import { B as F } from "./typography.yBEME_Gu.js";
-import { C as Pe } from "./checkmark-circle-fill._6-d40ru.js";
+import { defineComponent as we, useAttrs as Ee, ref as r, provide as Ce, computed as v, watch as D, createElementBlock as R, openBlock as n, createVNode as P, createBlock as f, createCommentVNode as b, unref as i, mergeProps as Re, createSlots as Le, withCtx as c, renderSlot as ae, Fragment as te, createTextVNode as L, toDisplayString as k, createElementVNode as U, normalizeClass as ie, renderList as Te } from "vue";
+import { B as Ie } from "./button.DhcxX2GJ.js";
+import { _ as Ve } from "./image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
+import { B as Oe } from "./input-field.C9ABE4cI.js";
+import { g as Se } from "./button-actions.Bg38lywL.js";
+import { d as Pe, B as W } from "./typography.yBEME_Gu.js";
+import { C as Ue } from "./checkmark-circle-fill._6-d40ru.js";
 import { D as Ae } from "./dot.ob6N-5Um.js";
-import { S as Ue, H as Ve } from "./show.CT4Augxb.js";
-import { e as qe, w as Ne } from "./index.E60QniEu.js";
-import { u as Me } from "./index.pdBj0KQU.js";
+import { S as qe, H as Ne } from "./show.CT4Augxb.js";
+import { e as Me, w as Be } from "./index.E60QniEu.js";
+import { u as He } from "./index.pdBj0KQU.js";
 import { g as le } from "./generate-uid.NJ8tVoha.js";
-import { b as He } from "./dropdown.CdsjtT9_.js";
-import { T as Be } from "./tooltip.Dp9_ESm_.js";
-import { _ as De } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { u as Fe } from "./form-field.D_2g7vaP.js";
+import { b as De } from "./dropdown.B5tPWVxg.js";
+import { T as We } from "./tooltip.CeX5eGnw.js";
+import { _ as xe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/input-field-password.css";
-var T = /* @__PURE__ */ ((a) => (a.TEXT = "text", a.PASSWORD = "password", a))(T || {}), y = /* @__PURE__ */ ((a) => (a.MIN_LENGTH = "minLength", a.REQUIRE_LOWERCASE = "requireLowercase", a.REQUIRE_NUMERIC = "requireNumeric", a.REQUIRE_SPECIAL_CHARACTER = "requireSpecialCharacter", a.REQUIRE_UPPERCASE = "requireUppercase", a))(y || {});
-const We = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='capslock'%3e%3cg%20id='Union'%3e%3cpath%20d='M13.75%205.63952L8%201.03952L2.25%205.63952V7.74999H4.75V11.75H11.25V7.74999H13.75V5.63952ZM6.25%206.24999H3.88809L8%202.96046L12.1119%206.24999H9.75V10.25H6.25V6.24999Z'%20fill='%2300112C'/%3e%3cpath%20d='M11.25%2014.75V13.25H4.75V14.75H11.25Z'%20fill='%2300112C'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
-function I(a) {
-  return (a == null ? void 0 : a.toString()) ?? "";
+var T = /* @__PURE__ */ ((t) => (t.TEXT = "text", t.PASSWORD = "password", t))(T || {}), y = /* @__PURE__ */ ((t) => (t.MIN_LENGTH = "minLength", t.REQUIRE_LOWERCASE = "requireLowercase", t.REQUIRE_NUMERIC = "requireNumeric", t.REQUIRE_SPECIAL_CHARACTER = "requireSpecialCharacter", t.REQUIRE_UPPERCASE = "requireUppercase", t))(y || {});
+const Qe = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='capslock'%3e%3cg%20id='Union'%3e%3cpath%20d='M13.75%205.63952L8%201.03952L2.25%205.63952V7.74999H4.75V11.75H11.25V7.74999H13.75V5.63952ZM6.25%206.24999H3.88809L8%202.96046L12.1119%206.24999H9.75V10.25H6.25V6.24999Z'%20fill='%2300112C'/%3e%3cpath%20d='M11.25%2014.75V13.25H4.75V14.75H11.25Z'%20fill='%2300112C'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+function I(t) {
+  return (t == null ? void 0 : t.toString()) ?? "";
 }
-function Fe(a, V = 12) {
-  return I(a).length >= V;
+function Ze(t, A = 12) {
+  return I(t).length >= A;
 }
-function xe(a) {
-  return /[a-z]/.test(I(a));
+function ze(t) {
+  return /[a-z]/.test(I(t));
 }
-function Qe(a) {
-  return /[A-Z]/.test(I(a));
+function Xe(t) {
+  return /[A-Z]/.test(I(t));
 }
-function Ze(a) {
-  return /\d/.test(I(a));
+function $e(t) {
+  return /\d/.test(I(t));
 }
-function ze(a) {
-  return /[^a-zA-Z0-9]/.test(I(a));
+function Ge(t) {
+  return /[^a-zA-Z0-9]/.test(I(t));
 }
 const oe = {
   "en-US": {
@@ -74,20 +75,22 @@ const oe = {
     validationSuggestion: "Evite símbolos de moeda ou letras acentuadas.",
     validationTitle: "A senha deve conter pelo menos:"
   }
-}, Xe = ["id"], $e = {
+}, Ke = ["id"], Je = {
   key: 1,
   class: "b-input-field-password__validation-status--valid",
   role: "alert"
-}, Ge = ["id"], Ke = { class: "b-input-field-password__validation-list-icon" }, Je = 12, Ye = 500, je = 2e3, ea = 2e3, aa = {
+}, Ye = ["id"], je = { class: "b-input-field-password__validation-list-icon" }, ea = 12, aa = 500, ta = 2e3, ia = 2e3, la = {
   i18n: { messages: oe },
-  name: "bento-input-field-password"
-}, ta = /* @__PURE__ */ ye({
-  ...aa,
+  name: "bento-input-field-password",
+  model: { prop: "modelValue" }
+}, oa = /* @__PURE__ */ we({
+  ...la,
   props: {
     condensed: { type: Boolean, default: !1 },
-    debounceTime: { default: Ye },
+    debounceTime: { default: aa },
     disableValidation: { type: Boolean, default: !1 },
     value: { default: void 0 },
+    modelValue: { default: void 0 },
     validation: { default: void 0 },
     withHint: { type: Boolean, default: !0 },
     description: { default: null },
@@ -100,73 +103,73 @@ const oe = {
     required: { type: Boolean, default: !1 },
     tooltipText: { default: null }
   },
-  emits: ["blur", "focus", "input:valid", "input:error", "input"],
-  setup(a, { emit: V }) {
-    const { t: o, n: E } = Me({ messages: oe }), t = a, w = V, ne = Ee(), O = r(T.PASSWORD), h = r(t.value), x = r(!1), se = r(!1), S = r([]), Q = r({}), _ = r(null), g = r(!1), Z = r(null), q = r(null), N = r(null), M = r(!1);
-    we(He, "bento-input-field-password");
-    const { focused: re } = qe(Z), z = le("validationListId"), X = le("validationPopoverId"), H = v(() => O.value === T.TEXT), de = v(
-      () => S.value.map(
+  emits: ["blur", "focus", "input:valid", "input:error", "input", "update:model-value"],
+  setup(t, { emit: A }) {
+    const { t: o, n: w } = He({ messages: oe }), a = t, E = A, se = Ee(), V = r(T.PASSWORD), h = r(a.modelValue ?? a.value), x = r(!1), ne = r(!1), O = r([]), Q = r({}), g = r(null), _ = r(!1), Z = r(null), q = r(null), N = r(null), M = r(!1);
+    Ce(De, "bento-input-field-password");
+    const { focused: re } = Me(Z), { emitValue: de } = Fe(E), z = le("validationListId"), X = le("validationPopoverId"), B = v(() => V.value === T.TEXT), ue = v(
+      () => O.value.map(
         (e) => e ? "b-input-field-password__validation-list--valid" : "b-input-field-password__validation-list--invalid"
       )
-    ), ue = v(
-      () => _.value ? "b-input-field-password__input-tooltip--timed" : ""
-    ), ce = v(() => ({
+    ), ce = v(
+      () => g.value ? "b-input-field-password__input-tooltip--timed" : ""
+    ), pe = v(() => ({
       ariaHidden: !1,
-      condensed: t.condensed,
-      disabled: t.disabled,
-      errorMessage: t.errorMessage,
-      optional: t.optional,
-      placeholder: t.placeholder,
-      readonly: t.readonly,
-      required: t.required,
-      tooltipText: t.tooltipText,
-      type: O.value,
-      value: h.value,
-      "aria-haspopup": B.value ? "dialog" : !1,
-      "aria-describedby": B.value ? X : "",
-      ...ne
+      condensed: a.condensed,
+      disabled: a.disabled,
+      errorMessage: a.errorMessage,
+      optional: a.optional,
+      placeholder: a.placeholder,
+      readonly: a.readonly,
+      required: a.required,
+      tooltipText: a.tooltipText,
+      type: V.value,
+      modelValue: h.value,
+      "aria-haspopup": H.value ? "dialog" : !1,
+      "aria-describedby": H.value ? X : "",
+      ...se
     })), m = v(() => {
-      var p, d, n, C, P, Y;
-      if (t.validation && !t.validation.extendDefaultValidation)
-        return t.validation;
+      var p, d, s, C, S, Y;
+      if (a.validation && !a.validation.extendDefaultValidation)
+        return a.validation;
       const e = [
         {
-          label: o("validationMinLength", { numberOfCharacters: E(Je) }),
+          label: o("validationMinLength", { numberOfCharacters: w(ea) }),
           key: y.MIN_LENGTH,
-          validate: Fe
+          validate: Ze
         },
         {
-          label: o("validationRequireLowercase", { numberOne: E(1) }),
+          label: o("validationRequireLowercase", { numberOne: w(1) }),
           key: y.REQUIRE_LOWERCASE,
-          validate: xe
+          validate: ze
         },
         {
-          label: o("validationRequireUppercase", { numberOne: E(1) }),
+          label: o("validationRequireUppercase", { numberOne: w(1) }),
           key: y.REQUIRE_UPPERCASE,
-          validate: Qe
+          validate: Xe
         },
         {
-          label: o("validationRequireNumeric", { numberOne: E(1) }),
+          label: o("validationRequireNumeric", { numberOne: w(1) }),
           key: y.REQUIRE_NUMERIC,
-          validate: Ze
+          validate: $e
         },
         {
-          label: o("validationRequireSpecialCharacter", { numberOne: E(1) }),
+          label: o("validationRequireSpecialCharacter", { numberOne: w(1) }),
           key: y.REQUIRE_SPECIAL_CHARACTER,
-          validate: ze
+          validate: Ge
         }
       ];
       let l = e;
-      if (t.validation) {
-        const _e = e.map((u) => u.key), D = (d = (p = t.validation) == null ? void 0 : p.list) == null ? void 0 : d.map((u) => u.key), ge = ((C = (n = t.validation) == null ? void 0 : n.list) == null ? void 0 : C.filter((u) => !_e.includes(u.key))) ?? [];
+      if (a.validation) {
+        const _e = e.map((u) => u.key), F = (d = (p = a.validation) == null ? void 0 : p.list) == null ? void 0 : d.map((u) => u.key), ke = ((C = (s = a.validation) == null ? void 0 : s.list) == null ? void 0 : C.filter((u) => !_e.includes(u.key))) ?? [];
         l = [...e.map((u) => {
           var j, ee;
-          return D != null && D.includes(u.key) ? (ee = (j = t.validation) == null ? void 0 : j.list) == null ? void 0 : ee.find((ke) => ke.key === u.key) : u;
-        }), ...ge];
+          return F != null && F.includes(u.key) ? (ee = (j = a.validation) == null ? void 0 : j.list) == null ? void 0 : ee.find((ye) => ye.key === u.key) : u;
+        }), ...ke];
       }
       return {
-        title: ((P = t.validation) == null ? void 0 : P.title) ?? o("validationTitle"),
-        suggestion: ((Y = t.validation) == null ? void 0 : Y.suggestion) ?? o("validationSuggestion"),
+        title: ((S = a.validation) == null ? void 0 : S.title) ?? o("validationTitle"),
+        suggestion: ((Y = a.validation) == null ? void 0 : Y.suggestion) ?? o("validationSuggestion"),
         list: l
       };
     }), $ = v(() => {
@@ -174,78 +177,83 @@ const oe = {
       return (l = (e = m.value) == null ? void 0 : e.list) == null ? void 0 : l.filter((p) => !p.disabled);
     }), G = v(() => {
       var e;
-      return (e = S.value) == null ? void 0 : e.some((l) => !l);
-    }), B = v(
+      return (e = O.value) == null ? void 0 : e.some((l) => !l);
+    }), H = v(
       () => {
         var e, l;
         return q.value && ((l = (e = m.value) == null ? void 0 : e.list) == null ? void 0 : l.length) > 0;
       }
     ), K = (e) => {
       typeof e.getModifierState == "function" && (M.value = e.getModifierState("CapsLock"));
-    }, pe = () => {
-      H.value ? O.value = T.PASSWORD : O.value = T.TEXT;
-    }, ve = (e) => {
-      t.disabled || (h.value = e, w("input", h.value));
-    }, fe = () => {
-      w("focus");
+    }, ve = () => {
+      B.value ? V.value = T.PASSWORD : V.value = T.TEXT;
+    }, fe = (e) => {
+      a.disabled || (h.value = e, de(h.value));
     }, me = () => {
-      w("blur");
+      E("focus");
+    }, be = () => {
+      E("blur");
     }, J = (e) => {
       var d;
-      const l = (d = $.value) == null ? void 0 : d.map((n) => ({
-        key: n.key,
-        label: n.label,
-        isValid: n.validate(e, ...n.additionalArgs ?? [])
+      const l = (d = $.value) == null ? void 0 : d.map((s) => ({
+        key: s.key,
+        label: s.label,
+        isValid: s.validate(e, ...s.additionalArgs ?? [])
       }));
       let p = 1;
-      S.value = l == null ? void 0 : l.map((n) => n.isValid), Q.value = l == null ? void 0 : l.filter((n) => !n.isValid).reduce((n, C) => {
-        const P = C.key ?? `custom-rule-${p++}`;
+      O.value = l == null ? void 0 : l.map((s) => s.isValid), Q.value = l == null ? void 0 : l.filter((s) => !s.isValid).reduce((s, C) => {
+        const S = C.key ?? `custom-rule-${p++}`;
         return {
-          ...n,
-          [P]: C.label
+          ...s,
+          [S]: C.label
         };
       }, {});
-    }, be = () => {
-      g.value = !1, _.value = null;
     }, he = () => {
-      g.value = !0;
+      _.value = !1, g.value = null;
+    }, ge = () => {
+      _.value = !0;
     };
-    return W(
-      () => t.value,
-      (e) => {
-        h.value = e;
+    return D(
+      () => [a.value, a.modelValue],
+      () => {
+        h.value = a.modelValue ?? a.value;
       }
-    ), W(re, (e) => {
-      e || (se.value = !0), t.disableValidation || (t.withHint && (x.value = e), J(h.value));
-    }), W(M, (e) => {
-      e ? (g.value = !0, _.value = setTimeout(() => {
-        _.value = null, g.value = !1;
-      }, ea)) : (clearTimeout(_.value), _.value = null, g.value = !1);
-    }), Ne(
+    ), D(re, (e) => {
+      e || (ne.value = !0), a.disableValidation || (a.withHint && (x.value = e), J(h.value));
+    }), D(M, (e) => {
+      e ? (_.value = !0, g.value = setTimeout(() => {
+        g.value = null, _.value = !1;
+      }, ia)) : (clearTimeout(g.value), g.value = null, _.value = !1);
+    }), Be(
       h,
       (e) => {
-        J(e), G.value ? w("input:error", Q.value) : w("input:valid");
+        J(e), G.value ? E("input:error", Q.value) : E("input:valid");
       },
       // wait for 0.5s before checking validity OR 2s of continuous typing
-      { debounce: t.debounceTime, maxWait: je }
-    ), (e, l) => (s(), R("div", {
+      { debounce: a.debounceTime, maxWait: ta }
+    ), a.value && Pe(
+      'BentoInputFieldPassword "value" property',
+      `The use of "value" prop in "BentoInputFieldPassword" is no longer supported.
+                Use the "v-model" or "model-value" property instead.`,
+      "2.0.0"
+    ), (e, l) => (n(), R("div", {
       ref_key: "inputFieldPasswordRef",
       ref: Z
     }, [
-      A(i(Oe), Ce({
+      P(i(Oe), Re({
         ref_key: "inputFieldPasswordInputRef",
         ref: q
-      }, ce.value, {
+      }, pe.value, {
         class: "b-input-field-password__input",
         spellcheck: "false",
-        onBlur: me,
-        onFocus: fe,
-        onInput: ve,
+        onBlur: be,
+        onFocus: me,
+        "onUpdate:modelValue": fe,
         onKeydown: K,
         onKeyup: K
-      }), Re({
+      }), Le({
         default: c(() => [
-          e.label ? (s(), R(te, { key: 0 }, [
+          e.label ? (n(), R(te, { key: 0 }, [
             L(k(e.label), 1)
           ], 64)) : ae(e.$slots, "default", { key: 1 }, void 0, !0)
         ]),
@@ -265,23 +273,23 @@ const oe = {
           fn: c(() => [
             U("div", {
               class: "b-input-field-password__caps-lock-indicator",
-              onMouseenter: he,
-              onMouseleave: be
+              onMouseenter: ge,
+              onMouseleave: he
             }, [
-              A(i(Ie), {
+              P(i(Ve), {
                 ref_key: "inputFieldPasswordCapsLockIconRef",
                 ref: N,
-                src: i(We),
+                src: i(Qe),
                 alt: i(o)("capsLockEnabled")
               }, null, 8, ["src", "alt"])
             ], 32),
-            N.value ? (s(), f(i(Be), {
+            N.value ? (n(), f(i(We), {
               key: 0,
-              class: ie(ue.value),
+              class: ie(ce.value),
               content: i(o)("capsLockEnabled"),
               "disabled-focus-trap": !0,
               "fallback-position": ["top", "bottom"],
-              "is-shown": g.value,
+              "is-shown": _.value,
               "target-element": N.value
             }, null, 8, ["class", "content", "is-shown", "target-element"])) : b("", !0)
           ]),
@@ -290,16 +298,16 @@ const oe = {
         e.disabled ? void 0 : {
           name: "iconAfter",
           fn: c(() => [
-            A(i(Te), {
+            P(i(Ie), {
               variant: "tertiary",
-              onClick: pe
+              onClick: ve
             }, {
               iconLeft: c(() => [
-                H.value ? b("", !0) : (s(), f(i(Ue), {
+                B.value ? b("", !0) : (n(), f(i(qe), {
                   key: 0,
                   "svg-title": i(o)("showPassword")
                 }, null, 8, ["svg-title"])),
-                H.value ? (s(), f(i(Ve), {
+                B.value ? (n(), f(i(Ne), {
                   key: 1,
                   "svg-title": i(o)("hidePassword")
                 }, null, 8, ["svg-title"])) : b("", !0)
@@ -310,7 +318,7 @@ const oe = {
           key: "2"
         }
       ]), 1040),
-      B.value ? (s(), f(i(Se), {
+      H.value ? (n(), f(i(Se), {
         key: 0,
         open: x.value,
         "target-element": q.value,
@@ -321,7 +329,7 @@ const oe = {
       }, {
         default: c(() => [
           U("div", { id: i(X) }, [
-            m.value.title ? (s(), f(i(F), {
+            m.value.title ? (n(), f(i(W), {
               key: 0,
               class: "b-input-field-password__validation-title"
             }, {
@@ -330,27 +338,27 @@ const oe = {
               ]),
               _: 1
             })) : b("", !0),
-            G.value ? b("", !0) : (s(), R("p", $e, k(i(o)("validationValid")), 1)),
+            G.value ? b("", !0) : (n(), R("p", Je, k(i(o)("validationValid")), 1)),
             U("ul", {
               id: i(z),
               class: "b-input-field-password__validation-list"
             }, [
-              (s(!0), R(te, null, Le($.value, (p, d) => (s(), R("li", {
+              (n(!0), R(te, null, Te($.value, (p, d) => (n(), R("li", {
                 key: d,
-                class: ie(de.value[d]),
+                class: ie(ue.value[d]),
                 "aria-live": "polite",
                 "aria-atomic": "true"
               }, [
-                U("span", Ke, [
-                  S.value[d] ? (s(), f(i(Pe), {
+                U("span", je, [
+                  O.value[d] ? (n(), f(i(Ue), {
                     key: 0,
                     "svg-title": i(o)("validationChecked")
-                  }, null, 8, ["svg-title"])) : (s(), f(i(Ae), {
+                  }, null, 8, ["svg-title"])) : (n(), f(i(Ae), {
                     key: 1,
                     "svg-title": i(o)("validationUnchecked")
                   }, null, 8, ["svg-title"]))
                 ]),
-                A(i(F), {
+                P(i(W), {
                   class: "b-input-field-password__validation-list-text",
                   el: "span"
                 }, {
@@ -360,8 +368,8 @@ const oe = {
                   _: 2
                 }, 1024)
               ], 2))), 128))
-            ], 8, Ge),
-            m.value.suggestion ? (s(), f(i(F), {
+            ], 8, Ye),
+            m.value.suggestion ? (n(), f(i(W), {
               key: 2,
               class: "b-input-field-password__validation-suggestion"
             }, {
@@ -370,19 +378,19 @@ const oe = {
               ]),
               _: 1
             })) : b("", !0)
-          ], 8, Xe)
+          ], 8, Ke)
         ]),
         _: 1
       }, 8, ["open", "target-element", "aria-label", "aria-describedby"])) : b("", !0)
     ], 512));
   }
-}), ka = /* @__PURE__ */ De(ta, [["__scopeId", "data-v-5ff7942d"]]);
+}), Ca = /* @__PURE__ */ xe(oa, [["__scopeId", "data-v-e079f788"]]);
 export {
-  Qe as a,
-  Ze as b,
-  ze as c,
-  ka as i,
-  Fe as m,
-  xe as r
+  Xe as a,
+  $e as b,
+  Ge as c,
+  Ca as i,
+  Ze as m,
+  ze as r
 };
-//# sourceMappingURL=input-field-password.-xEY2VB8.js.map
+//# sourceMappingURL=input-field-password.noxsH61p.js.map