@adyen/bento-vue3 1.84.2 → 1.85.0

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

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

package/dist/chunks/{calendar.DKPx_cQU.js → calendar.Dbc0yjyg.js}

@@ -1,13 +1,13 @@
-import { defineComponent as fe, computed as k, resolveComponent as ae, createElementBlock as $, openBlock as O, withKeys as oe, normalizeClass as Ae, createElementVNode as A, createVNode as q, withCtx as Q, createTextVNode as ge, toDisplayString as be, ref as X, watch as le, nextTick as tt, toRef as j, resolveDirective as nt, withDirectives as We, mergeProps as Ve, toHandlers as Ke, createBlock as ee, createCommentVNode as re, Fragment as Z, renderList as x, unref as Y, reactive as qe, resolveDynamicComponent as at } from "vue";
+import { defineComponent as fe, computed as T, resolveComponent as ae, createElementBlock as $, openBlock as O, withKeys as oe, normalizeClass as Ae, createElementVNode as A, createVNode as q, withCtx as Q, createTextVNode as Ne, toDisplayString as be, ref as X, watch as le, nextTick as tt, toRef as j, resolveDirective as nt, withDirectives as We, mergeProps as Ve, toHandlers as Ke, createBlock as ee, createCommentVNode as re, Fragment as Z, renderList as x, unref as Y, reactive as qe, resolveDynamicComponent as at } from "vue";
 import { B as we } from "./button.CSp48LJt.js";
 import { B as Re } from "./typography.6Oo5TOMP.js";
 import { u as Fe } from "./index.pdBj0KQU.js";
 import { g as Qe } from "./generate-uid.NJ8tVoha.js";
 import { a as ze } from "./keyboard-navigation.DWmhelVv.js";
-import { a as ot } from "./index.E60QniEu.js";
-import { t as T, c as ue, g as Je, n as Oe, b as Pe, i as rt } from "./getTimezoneOffsetInMilliseconds.C-aIpRfB.js";
-import { d as Be, a as Ie } from "./differenceInMonths.DcFDl4eH.js";
-import { s as ye } from "./startOfWeek.Dxw2MhGp.js";
+import { a as ot } from "./index.CL07S4Wa.js";
+import { t as k, c as ue, g as Je, n as Oe, b as Pe, h as rt } from "./getTimezoneOffsetInMilliseconds.Tu2wlbTR.js";
+import { d as Be, a as Ie } from "./differenceInMonths.BR4Z2HIa.js";
+import { s as ye } from "./startOfWeek.CM1KIrNi.js";
 import { a as Xe, C as Ze } from "./chevron-left.Cfn1uGLH.js";
 import { _ as ve } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { B as st, a as lt } from "./date.CL55prL0.js";
@@ -50,6 +50,11 @@ const sn = (e) => {
   let a = `${t}-${n}`;
   const o = e.getDate().toString().padStart(2, "0");
   return a += `-${o}`, a;
+}, ln = (e) => {
+  if (!e)
+    return "";
+  const t = (n) => n.toString().padStart(2, "0");
+  return [t(e.getHours()), t(e.getMinutes()), t(e.getSeconds())].join(":");
 }, it = fe({
   name: "calendar-month-day",
   components: { BentoTypography: Re },
@@ -57,16 +62,16 @@ const sn = (e) => {
   props: ut,
   emits: [de.CLICK, de.MOUSE_OVER],
   setup(e, { emit: t }) {
-    const { locale: n } = Fe(void 0), a = k(() => {
+    const { locale: n } = Fe(void 0), a = T(() => {
       const u = /* @__PURE__ */ new Date();
       return e.day.getDate() === u.getDate() && e.day.getMonth() === u.getMonth() && e.day.getFullYear() === u.getFullYear();
-    }), o = k(() => {
-      const N = _e(n.value, { day: "numeric" }).formatToParts(e.day).find((m) => m.type === "day");
-      return (N == null ? void 0 : N.value) ?? "";
+    }), o = T(() => {
+      const g = _e(n.value, { day: "numeric" }).formatToParts(e.day).find((m) => m.type === "day");
+      return (g == null ? void 0 : g.value) ?? "";
     });
     return {
       // Values
-      conditionalClasses: k(() => ({
+      conditionalClasses: T(() => ({
         // Variants
         [`b-calendar-month-day--${V.BEGINNING}`]: e.variant === U.BEGINNING,
         [`b-calendar-month-day--${V.MIDDLE}`]: e.variant === U.MIDDLE,
@@ -112,7 +117,7 @@ function Dt(e, t, n, a, o, l) {
         strong: ""
       }, {
         default: Q(() => [
-          ge(be(e.formattedDate), 1)
+          Ne(be(e.formattedDate), 1)
         ]),
         _: 1
       })
@@ -122,11 +127,11 @@ function Dt(e, t, n, a, o, l) {
 const ft = /* @__PURE__ */ ve(it, [["render", Dt], ["__scopeId", "data-v-e6d7eb12"]]);
 var G = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.MOUSE_OVER = "mouseover", e.CHANGE_DAY = "changeDay", e.NEXT_MONTH = "nextMonth", e.PREVIOUS_MONTH = "previousMonth", e))(G || {}), p = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(p || {}), se = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(se || {}), z = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))(z || {}), $e = /* @__PURE__ */ ((e) => (e.DAY = "day", e.MONTH = "month", e))($e || {});
 function De(e, t, n) {
-  const a = T(e, n == null ? void 0 : n.in);
+  const a = k(e, n == null ? void 0 : n.in);
   return isNaN(t) ? ue(e, NaN) : (t && a.setDate(a.getDate() + t), a);
 }
 function te(e, t, n) {
-  const a = T(e, n == null ? void 0 : n.in);
+  const a = k(e, n == null ? void 0 : n.in);
   if (isNaN(t)) return ue(e, NaN);
   if (!t)
     return a;
@@ -140,26 +145,26 @@ function te(e, t, n) {
   ), a);
 }
 function Me(e, t) {
-  var u, D, N, m;
-  const n = Je(), a = (t == null ? void 0 : t.weekStartsOn) ?? ((D = (u = t == null ? void 0 : t.locale) == null ? void 0 : u.options) == null ? void 0 : D.weekStartsOn) ?? n.weekStartsOn ?? ((m = (N = n.locale) == null ? void 0 : N.options) == null ? void 0 : m.weekStartsOn) ?? 0, o = T(e, t == null ? void 0 : t.in), l = o.getDay(), i = (l < a ? -7 : 0) + 6 - (l - a);
+  var u, D, g, m;
+  const n = Je(), a = (t == null ? void 0 : t.weekStartsOn) ?? ((D = (u = t == null ? void 0 : t.locale) == null ? void 0 : u.options) == null ? void 0 : D.weekStartsOn) ?? n.weekStartsOn ?? ((m = (g = n.locale) == null ? void 0 : g.options) == null ? void 0 : m.weekStartsOn) ?? 0, o = k(e, t == null ? void 0 : t.in), l = o.getDay(), i = (l < a ? -7 : 0) + 6 - (l - a);
   return o.setDate(o.getDate() + i), o.setHours(23, 59, 59, 999), o;
 }
 function vt(e, t) {
-  const n = T(e, t == null ? void 0 : t.in), a = n.getFullYear(), o = n.getMonth(), l = ue(n, 0);
+  const n = k(e, t == null ? void 0 : t.in), a = n.getFullYear(), o = n.getMonth(), l = ue(n, 0);
   return l.setFullYear(a, o + 1, 0), l.setHours(0, 0, 0, 0), l.getDate();
 }
 function mt(e, t, n) {
-  const a = T(e, n == null ? void 0 : n.in), o = a.getFullYear(), l = a.getDate(), i = ue(e, 0);
+  const a = k(e, n == null ? void 0 : n.in), o = a.getFullYear(), l = a.getDate(), i = ue(e, 0);
   i.setFullYear(o, t, 15), i.setHours(0, 0, 0, 0);
   const u = vt(i);
   return a.setMonth(t, Math.min(l, u)), a;
 }
 function ht(e, t, n) {
-  let a = T(e, n == null ? void 0 : n.in);
+  let a = k(e, n == null ? void 0 : n.in);
   return isNaN(+a) ? ue(e, NaN) : (t.year != null && a.setFullYear(t.year), t.month != null && (a = mt(a, t.month)), t.date != null && a.setDate(t.date), t.hours != null && a.setHours(t.hours), t.minutes != null && a.setMinutes(t.minutes), t.seconds != null && a.setSeconds(t.seconds), t.milliseconds != null && a.setMilliseconds(t.milliseconds), a);
 }
 function Ce(e, t) {
-  const n = T(e, t == null ? void 0 : t.in);
+  const n = k(e, t == null ? void 0 : t.in);
   return n.setFullYear(n.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
 }
 function Le(e, t, n) {
@@ -183,33 +188,33 @@ const xe = ({ currentSelectedDate: e, month: t, isDateDisabled: n, firstDayOfWee
   });
   const u = ot(), D = X(i.value);
   le(u, (d) => {
-    const g = d.getAttribute("data-date");
-    D.value = g ? new Date(g) : i.value;
+    const N = d.getAttribute("data-date");
+    D.value = N ? new Date(N) : i.value;
   });
-  const N = X({}), m = (d) => (g) => {
-    N.value[d.toDateString()] = g;
+  const g = X({}), m = (d) => (N) => {
+    g.value[d.toDateString()] = N;
   }, y = () => {
-    N.value = {};
+    g.value = {};
   }, f = (d = 1) => {
     l.value = te(l.value, d), o(G.NEXT_MONTH, d), y();
   }, c = (d = 1) => {
     l.value = ce(l.value, d), o(G.PREVIOUS_MONTH, d), y();
-  }, r = (d, g) => {
-    const _ = !!N.value[d == null ? void 0 : d.toDateString()];
-    return !d || !_ ? null : g ? N.value[d.toDateString()].$el : (N.value[d.toDateString()].$el.focus(), null);
+  }, r = (d, N) => {
+    const _ = !!g.value[d == null ? void 0 : d.toDateString()];
+    return !d || !_ ? null : N ? g.value[d.toDateString()].$el : (g.value[d.toDateString()].$el.focus(), null);
   }, s = (d) => {
     d.preventDefault(), d.stopImmediatePropagation(), d.stopPropagation();
-  }, v = ({ nextDate: d, isIncreasingDays: g, amountOfMonths: _, isCalendarButtonsNav: W }) => {
+  }, v = ({ nextDate: d, isIncreasingDays: N, amountOfMonths: _, isCalendarButtonsNav: W }) => {
     if (!W && n && n(d))
       return;
-    d.getMonth() === i.value.getMonth() && d.getFullYear() === i.value.getFullYear() ? (i.value = d, r(d)) : (g ? f(_) : c(_), tt(() => {
+    d.getMonth() === i.value.getMonth() && d.getFullYear() === i.value.getFullYear() ? (i.value = d, r(d)) : (N ? f(_) : c(_), tt(() => {
       const B = d.getMonth() === l.value.getMonth() && d.getFullYear() === l.value.getFullYear();
       n && n(d) || !B || W || (i.value = d, r(d));
     }));
   };
   return {
     // Calendar days ref
-    calendarRef: N,
+    calendarRef: g,
     addDayRef: m,
     /**
      *  Month navigation
@@ -248,11 +253,11 @@ const xe = ({ currentSelectedDate: e, month: t, isDateDisabled: n, firstDayOfWee
     },
     moveToFirstMonthOfYear: (d) => {
       s(d);
-      const g = Be(i.value, Ce(i.value));
+      const N = Be(i.value, Ce(i.value));
       v({
         nextDate: Ce(i.value),
         isIncreasingDays: !1,
-        amountOfMonths: g
+        amountOfMonths: N
       });
     },
     // End
@@ -264,55 +269,55 @@ const xe = ({ currentSelectedDate: e, month: t, isDateDisabled: n, firstDayOfWee
     },
     moveToLastMonthOfYear: (d) => {
       s(d);
-      const g = ht(i.value, { month: 11, date: 1 }), _ = Be(g, i.value);
+      const N = ht(i.value, { month: 11, date: 1 }), _ = Be(N, i.value);
       v({
-        nextDate: g,
+        nextDate: N,
         isIncreasingDays: !0,
         amountOfMonths: _
       });
     },
     // PageUp
-    moveToPreviousMonth: (d, g = !1, _ = 1) => {
+    moveToPreviousMonth: (d, N = !1, _ = 1) => {
       s(d);
       const W = _;
       v({
         nextDate: ce(D.value, W),
         isIncreasingDays: !1,
         amountOfMonths: W,
-        isCalendarButtonsNav: g
+        isCalendarButtonsNav: N
       });
     },
     // Shift+PageUp
-    moveToPreviousYear: (d, g = !1) => {
+    moveToPreviousYear: (d, N = !1) => {
       s(d);
       const _ = 12;
       v({
         nextDate: ce(D.value, _),
         isIncreasingDays: !1,
         amountOfMonths: _,
-        isCalendarButtonsNav: g
+        isCalendarButtonsNav: N
       });
     },
     // PageDown
-    moveToNextMonth: (d, g = !1, _ = 1) => {
+    moveToNextMonth: (d, N = !1, _ = 1) => {
       s(d);
       const W = _;
       v({
         nextDate: te(D.value, W),
         isIncreasingDays: !0,
         amountOfMonths: W,
-        isCalendarButtonsNav: g
+        isCalendarButtonsNav: N
       });
     },
     // Shift-PageDown
-    moveToNextYear: (d, g = !1) => {
+    moveToNextYear: (d, N = !1) => {
       s(d);
       const _ = 12;
       v({
         nextDate: te(D.value, _),
         isIncreasingDays: !0,
         amountOfMonths: _,
-        isCalendarButtonsNav: g
+        isCalendarButtonsNav: N
       });
     },
     // Values
@@ -322,15 +327,15 @@ const xe = ({ currentSelectedDate: e, month: t, isDateDisabled: n, firstDayOfWee
 };
 function yt(e, t, n) {
   var y, f;
-  const a = Je(), o = a.weekStartsOn ?? ((f = (y = a.locale) == null ? void 0 : y.options) == null ? void 0 : f.weekStartsOn) ?? 0, l = T(e, n == null ? void 0 : n.in), i = l.getDay(), D = (t % 7 + 7) % 7, N = 7 - o, m = t < 0 || t > 6 ? t - (i + N) % 7 : (D + N) % 7 - (i + N) % 7;
+  const a = Je(), o = a.weekStartsOn ?? ((f = (y = a.locale) == null ? void 0 : y.options) == null ? void 0 : f.weekStartsOn) ?? 0, l = k(e, n == null ? void 0 : n.in), i = l.getDay(), D = (t % 7 + 7) % 7, g = 7 - o, m = t < 0 || t > 6 ? t - (i + g) % 7 : (D + g) % 7 - (i + g) % 7;
   return De(l, m, n);
 }
-function Ne(e, t) {
-  const n = T(e, t == null ? void 0 : t.in);
+function ge(e, t) {
+  const n = k(e, t == null ? void 0 : t.in);
   return n.setDate(1), n.setHours(0, 0, 0, 0), n;
 }
 function ne(e, t) {
-  const n = T(e, t == null ? void 0 : t.in);
+  const n = k(e, t == null ? void 0 : t.in);
   return n.setHours(0, 0, 0, 0), n;
 }
 function me(e, t, n) {
@@ -342,9 +347,9 @@ function me(e, t, n) {
   return +ne(a) == +ne(o);
 }
 function Ee(e, t, n) {
-  const a = +T(e, n == null ? void 0 : n.in), [o, l] = [
-    +T(t.start, n == null ? void 0 : n.in),
-    +T(t.end, n == null ? void 0 : n.in)
+  const a = +k(e, n == null ? void 0 : n.in), [o, l] = [
+    +k(t.start, n == null ? void 0 : n.in),
+    +k(t.end, n == null ? void 0 : n.in)
   ].sort((i, u) => i - u);
   return a >= o && a <= l;
 }
@@ -429,7 +434,7 @@ const Ge = {
     G.MOUSE_OVER
   ],
   setup(e, { emit: t }) {
-    const { locale: n, t: a } = Fe({ messages: Ge }), o = Qe("bento-date-picker-month-label"), l = k(
+    const { locale: n, t: a } = Fe({ messages: Ge }), o = Qe("bento-date-picker-month-label"), l = T(
       () => (S) => {
         var B;
         return e.min && S < e.min || e.max && S > e.max || ((B = e.isDateDisabled) == null ? void 0 : B.call(e, S));
@@ -440,7 +445,7 @@ const Ge = {
       // Calendar refs
       addDayRef: D,
       // Month navigation
-      showNextMonth: N,
+      showNextMonth: g,
       showPreviousMonth: m,
       // Day navigation
       moveToNextDay: y,
@@ -462,17 +467,17 @@ const Ge = {
         firstDayOfWeek: e.firstDayOfWeek
       },
       t
-    ), w = k(
+    ), w = T(
       () => Object.values(p).includes(e.firstDayOfWeek) ? e.firstDayOfWeek : p.MONDAY
-    ), P = k(() => ["first", "unique"].includes(e.position)), M = k(() => ["last", "unique"].includes(e.position)), E = k(
+    ), P = T(() => ["first", "unique"].includes(e.position)), M = T(() => ["last", "unique"].includes(e.position)), E = T(
       () => _e(n.value, { month: "long", year: "numeric" }).format(u.value)
-    ), I = k(
+    ), I = T(
       () => new Array(7).fill(/* @__PURE__ */ new Date()).map((S, B) => {
         const ie = yt(S, w.value + B);
         return _e(n.value, { weekday: "short" }).format(ie);
       })
-    ), J = k(() => {
-      const S = [], B = Ne(e.month);
+    ), J = T(() => {
+      const S = [], B = ge(e.month);
       let ie = S[S.push([]) - 1];
       for (; B.getMonth() === e.month.getMonth(); )
         B.getDay() - w.value === 0 && ie.length > 0 && (ie = S[S.push([]) - 1]), ie.push(ne(B)), B.setDate(B.getDate() + 1);
@@ -493,7 +498,7 @@ const Ge = {
       CalendarMonthEvent: G,
       // Functions
       isSelectedDate: (S) => i.value && me(i.value, S) && !e.endDate ? !0 : e.startDate && e.endDate && Ee(S, { start: e.startDate, end: e.endDate }),
-      showNextMonth: N,
+      showNextMonth: g,
       showPreviousMonth: m,
       dayVariant: (S) => {
         if (!e.isRange || me(e.startDate, e.endDate))
@@ -540,13 +545,13 @@ const Ge = {
       t: a
     };
   }
-}), Nt = { class: "b-calendar-month__month-selector" }, gt = { class: "b-calendar-month__previous" }, bt = { class: "b-calendar-month__next" }, Et = ["aria-labelledby"], Ot = { class: "b-calendar-month__week-header" }, It = ["colspan"];
+}), gt = { class: "b-calendar-month__month-selector" }, Nt = { class: "b-calendar-month__previous" }, bt = { class: "b-calendar-month__next" }, Et = ["aria-labelledby"], Ot = { class: "b-calendar-month__week-header" }, It = ["colspan"];
 function St(e, t, n, a, o, l) {
   var f, c;
-  const i = ae("chevron-left-icon"), u = ae("bento-button"), D = ae("bento-typography"), N = ae("chevron-right-icon"), m = ae("calendar-month-day"), y = nt("bento-keyboard-navigation-directive");
+  const i = ae("chevron-left-icon"), u = ae("bento-button"), D = ae("bento-typography"), g = ae("chevron-right-icon"), m = ae("calendar-month-day"), y = nt("bento-keyboard-navigation-directive");
   return We((O(), $("div", Ve({ class: "b-calendar-month" }, Ke(e.listeners, !0)), [
-    A("div", Nt, [
-      A("div", gt, [
+    A("div", gt, [
+      A("div", Nt, [
         e.shouldShowPreviousMonthButton ? (O(), ee(u, {
           key: 0,
           variant: "tertiary",
@@ -567,7 +572,7 @@ function St(e, t, n, a, o, l) {
         "aria-live": "polite"
       }, {
         default: Q(() => [
-          ge(be(e.formattedMonthDate), 1)
+          Ne(be(e.formattedMonthDate), 1)
         ]),
         _: 1
       }, 8, ["id"]),
@@ -578,7 +583,7 @@ function St(e, t, n, a, o, l) {
           onClick: t[1] || (t[1] = (r) => e.moveToNextMonth(r, !0))
         }, {
           iconLeft: Q(() => [
-            q(N, {
+            q(g, {
               "svg-title": e.t("nextMonth")
             }, null, 8, ["svg-title"])
           ]),
@@ -604,7 +609,7 @@ function St(e, t, n, a, o, l) {
               variant: "caption"
             }, {
               default: Q(() => [
-                ge(be(r), 1)
+                Ne(be(r), 1)
               ]),
               _: 2
             }, 1024)
@@ -660,7 +665,7 @@ function he(e, t, n) {
   return a.getFullYear() === o.getFullYear() && a.getMonth() === o.getMonth();
 }
 var H = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(H || {}), K = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e.SELECTED = "selected", e.UNSELECTED = "unselected", e.CURRENT_MONTH = "current-month", e.DISABLED = "disabled", e))(K || {}), Ye = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(Ye || {});
-const kt = ["tabindex", "aria-selected"], Tt = { class: "b-calendar-year-month__wrapper" }, wt = {}, _t = /* @__PURE__ */ fe({
+const Tt = ["tabindex", "aria-selected"], kt = { class: "b-calendar-year-month__wrapper" }, wt = {}, _t = /* @__PURE__ */ fe({
   ...wt,
   __name: "calendar-year-month",
   props: {
@@ -671,10 +676,10 @@ const kt = ["tabindex", "aria-selected"], Tt = { class: "b-calendar-year-month__
   },
   emits: ["click", "mouseover"],
   setup(e, { emit: t }) {
-    const n = e, a = t, o = k(() => {
+    const n = e, a = t, o = T(() => {
       const u = /* @__PURE__ */ new Date();
       return n.month.getMonth() === u.getMonth() && n.month.getFullYear() === u.getFullYear();
-    }), l = k(() => ({
+    }), l = T(() => ({
       // Variants
       [`b-calendar-year-month--${K.BEGINNING}`]: n.variant === H.BEGINNING,
       [`b-calendar-year-month--${K.MIDDLE}`]: n.variant === H.MIDDLE,
@@ -694,18 +699,18 @@ const kt = ["tabindex", "aria-selected"], Tt = { class: "b-calendar-year-month__
       class: Ae(["b-calendar-year-month", l.value]),
       tabindex: u.selected ? "0" : "-1",
       "aria-selected": u.selected ? u.selected : void 0,
-      onClick: D[0] || (D[0] = (N) => i(N, u.month)),
-      onMouseover: D[1] || (D[1] = (N) => a(Y(Ye).MOUSE_OVER)),
-      onKeydown: D[2] || (D[2] = oe((N) => i(N, u.month), ["space", "enter"]))
+      onClick: D[0] || (D[0] = (g) => i(g, u.month)),
+      onMouseover: D[1] || (D[1] = (g) => a(Y(Ye).MOUSE_OVER)),
+      onKeydown: D[2] || (D[2] = oe((g) => i(g, u.month), ["space", "enter"]))
     }, [
-      A("div", Tt, [
+      A("div", kt, [
         q(Y(st), {
           class: "b-calendar-year-month__label",
           date: u.month,
           format: Y(lt).SHORT_MONTH
         }, null, 8, ["date", "format"])
       ])
-    ], 42, kt));
+    ], 42, Tt));
   }
 }), $t = /* @__PURE__ */ ve(_t, [["__scopeId", "data-v-ad9a13f2"]]), pe = {
   "en-US": {
@@ -740,7 +745,7 @@ const kt = ["tabindex", "aria-selected"], Tt = { class: "b-calendar-year-month__
     const a = Qe("bento-date-picker-year-label"), o = e, l = n, { t: i } = Fe({ messages: pe }), u = (M) => {
       var E;
       return o.min && M < o.min || o.max && M > o.max || ((E = o.isDateDisabled) == null ? void 0 : E.call(o, M));
-    }, D = k(() => ["first", "unique"].includes(o.position)), N = k(() => ["last", "unique"].includes(o.position)), {
+    }, D = T(() => ["first", "unique"].includes(o.position)), g = T(() => ["last", "unique"].includes(o.position)), {
       internalDate: m,
       // Calendar refs
       addDayRef: y,
@@ -761,7 +766,7 @@ const kt = ["tabindex", "aria-selected"], Tt = { class: "b-calendar-year-month__
       l
     );
     t({ focusOnDate: h });
-    const b = k(() => {
+    const b = T(() => {
       const M = [];
       let E = 0;
       for (let I = 0; I < 3; I++) {
@@ -806,12 +811,12 @@ const kt = ["tabindex", "aria-selected"], Tt = { class: "b-calendar-year-month__
           "aria-live": "polite"
         }, {
           default: Q(() => [
-            ge(be(M.year.getFullYear()), 1)
+            Ne(be(M.year.getFullYear()), 1)
           ]),
           _: 1
         }, 8, ["id"]),
         A("div", At, [
-          N.value ? (O(), ee(we, {
+          g.value ? (O(), ee(we, {
             key: 0,
             variant: "tertiary",
             onClick: E[1] || (E[1] = (I) => Y(s)(I, !0))
@@ -841,7 +846,7 @@ const kt = ["tabindex", "aria-selected"], Tt = { class: "b-calendar-year-month__
               selected: R(C),
               variant: F(C),
               onClick: w,
-              onMouseover: (g) => l("mouseover", C)
+              onMouseover: (N) => l("mouseover", C)
             }, null, 8, ["month", "disabled", "selected", "variant", "onMouseover"]))), 128))
           ]))), 128))
         ])
@@ -873,10 +878,10 @@ const kt = ["tabindex", "aria-selected"], Tt = { class: "b-calendar-year-month__
   };
 };
 function Ct(e, t) {
-  return +T(e) < +T(t);
+  return +k(e) < +k(t);
 }
 function Gt(e, t) {
-  return +T(e) > +T(t);
+  return +k(e) > +k(t);
 }
 function Ut(e, t, n) {
   const [a, o] = Oe(
@@ -902,12 +907,12 @@ function He(e, t) {
   const n = e.getFullYear() - t.getFullYear() || e.getMonth() - t.getMonth() || e.getDate() - t.getDate() || e.getHours() - t.getHours() || e.getMinutes() - t.getMinutes() || e.getSeconds() - t.getSeconds() || e.getMilliseconds() - t.getMilliseconds();
   return n < 0 ? -1 : n > 0 ? 1 : n;
 }
-function ke(e, t) {
-  const n = T(e, t == null ? void 0 : t.in), a = n.getMonth(), o = a - a % 3 + 3;
+function Te(e, t) {
+  const n = k(e, t == null ? void 0 : t.in), a = n.getMonth(), o = a - a % 3 + 3;
   return n.setMonth(o, 0), n.setHours(23, 59, 59, 999), n;
 }
-function Te(e, t) {
-  const n = T(e, t == null ? void 0 : t.in), a = n.getMonth(), o = a - a % 3;
+function ke(e, t) {
+  const n = k(e, t == null ? void 0 : t.in), a = n.getMonth(), o = a - a % 3;
   return n.setMonth(o, 1), n.setHours(0, 0, 0, 0), n;
 }
 const Ht = (e) => {
@@ -916,13 +921,13 @@ const Ht = (e) => {
     const v = f && r < f, L = c && s > c;
     return v && (r = ye(f, { weekStartsOn: e })), L && (s = Me(c, { weekStartsOn: e })), r > s && (v ? s = Me(r, { weekStartsOn: e }) : r = ye(s, { weekStartsOn: e })), { startDate: r, endDate: s };
   }, n = (m, y, f, c) => {
-    let r = Ne(m), s = Ie(y || m);
+    let r = ge(m), s = Ie(y || m);
     const v = f && r < f, L = c && s > c;
-    return v && (r = Ne(f)), L && (s = Ie(c)), r > s && (v ? s = Ie(r) : r = Ne(s)), { startDate: r, endDate: s };
+    return v && (r = ge(f)), L && (s = Ie(c)), r > s && (v ? s = Ie(r) : r = ge(s)), { startDate: r, endDate: s };
   }, a = (m, y, f, c) => {
-    let r = Te(m), s = ke(y || m);
+    let r = ke(m), s = Te(y || m);
     const v = f instanceof Date && r < f, L = c instanceof Date && s > c;
-    return v && (r = Te(f)), L && (s = ke(c)), r > s && (v ? s = ke(r) : r = Te(s)), { startDate: r, endDate: s };
+    return v && (r = ke(f)), L && (s = Te(c)), r > s && (v ? s = Te(r) : r = ke(s)), { startDate: r, endDate: s };
   };
   return {
     adjustDateForWeekly: t,
@@ -1132,9 +1137,9 @@ const Kt = fe({
       },
       { immediate: !0, deep: !0 }
     );
-    const o = k(
+    const o = T(
       () => e.variant === $e.MONTH ? je : Ue
-    ), l = k(() => ({
+    ), l = T(() => ({
       "b-calendar__range": e.isRange
     })), { internalValue: i, onDateInput: u, onMouseOver: D } = e.isRange ? Wt(
       {
@@ -1153,10 +1158,10 @@ const Kt = fe({
         firstDayOfWeek: e.firstDayOfWeek
       },
       t
-    ), N = (r) => e.numberOfMonths === 1 ? se.UNIQUE : r === 0 ? se.FIRST : r === e.numberOfMonths - 1 ? se.LAST : se.MIDDLE, m = k(() => (r) => {
+    ), g = (r) => e.numberOfMonths === 1 ? se.UNIQUE : r === 0 ? se.FIRST : r === e.numberOfMonths - 1 ? se.LAST : se.MIDDLE, m = T(() => (r) => {
       const s = e != null && e.showEndDateOnOpen && e.isRange ? ce(a.value, e.numberOfMonths - 1) : a.value;
       return te(s, r);
-    }), y = k(() => (r) => {
+    }), y = T(() => (r) => {
       const s = e != null && e.showEndDateOnOpen ? Vt(a.value, e.numberOfMonths - 1) : a.value;
       return et(s, r);
     });
@@ -1171,7 +1176,7 @@ const Kt = fe({
       // Methods
       calculateOffsetMonth: m,
       calculateOffsetYear: y,
-      calendarPosition: N,
+      calendarPosition: g,
       // Events
       onDateInput: u,
       onMouseOver: D,
@@ -1211,11 +1216,11 @@ function qt(e, t, n, a, o, l) {
     }, null, 40, ["first-day-of-week", "is-date-disabled", "month", "year", "position", "min", "max", "is-range", "start-date", "end-date", "granularity", "onInput", "onMouseover", "onChangeDay", "onNextMonth", "onPreviousMonth"]))), 128))
   ], 2);
 }
-const ln = /* @__PURE__ */ ve(Kt, [["render", qt], ["__scopeId", "data-v-0efc3efc"]]);
+const un = /* @__PURE__ */ ve(Kt, [["render", qt], ["__scopeId", "data-v-0efc3efc"]]);
 export {
   p as C,
   $e as a,
-  ln as b,
+  un as b,
   z as c,
   se as d,
   sn as e,
@@ -1227,11 +1232,12 @@ export {
   Me as k,
   Le as l,
   ce as m,
-  Te as n,
-  ke as o,
-  Ut as p,
-  Ce as q,
-  Ne as s,
+  ke as n,
+  Te as o,
+  ln as p,
+  Ut as q,
+  Ce as r,
+  ge as s,
   Ht as u
 };
-//# sourceMappingURL=calendar.DKPx_cQU.js.map
+//# sourceMappingURL=calendar.Dbc0yjyg.js.map