@adyen/bento-vue2 1.84.2 → 1.86.0

package/dist/chunks/{button.DIU6m9wD.js → button.Ctj3rkxw.js}

@@ -1,7 +1,7 @@
 import { defineComponent as y, useAttrs as m, useSlots as v, computed as i } from "vue";
-import { B as S } from "./typography.Bq-EGj9y.js";
+import { B as S } from "./typography.C8lPlsbD.js";
 import { u as g } from "./use-has-slot.C9lQZ6nz.js";
-import { B as C, a as E } from "./link.PsTSQjK3.js";
+import { B as C, a as E } from "./link.DKimL08z.js";
 import { n as h } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/button.css";
 var r = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e.TERTIARY = "tertiary", e.TERTIARY_WITH_BACKGROUND = "tertiary-with-background", e))(r || {}), s = /* @__PURE__ */ ((e) => (e.CONDENSED = "condensed", e.DESTRUCTIVE = "critical", e.DISABLED = "disabled", e.ICON_ONLY = "icon-only", e.INVERSE = "inverse", e))(s || {});
@@ -104,7 +104,7 @@ var T = function() {
 const x = D.exports;
 export {
   x as B,
-  r as a,
-  s as b
+  s as a,
+  r as b
 };
-//# sourceMappingURL=button.DIU6m9wD.js.map
+//# sourceMappingURL=button.Ctj3rkxw.js.map

package/dist/chunks/{button.DIU6m9wD.js.map → button.Ctj3rkxw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button.DIU6m9wD.js","sources":["../../src/components/button/button.types.ts","../../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([\"blur\", \"click\", \"focus\", \"keydown.esc\"]);\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__","attrs","useAttrs","slots","useSlots","hasSlot","useHasSlot","componentType","computed","props","BentoLink","ariaAttributes","_a","_b","componentProps","BentoLinkVariant","variantClass","conditionalClasses","e","emit"],"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;ACwLR,MAAAE,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAjGAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OACIC,KAAA,gBAAAA,EAAA,UAAA,SAMIA,EAAA,WAAA,SAAAC,IAEJ,QAAO,GAEXC,IAAAH,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAI,IAAAX,EAAA,eAAA,MAAA,gBAAAW,EAAA;AAAA,QACe,kBAAAC,IAAAZ,EAAA,eAAA,MAAA,gBAAAY,EAAA;AAAA,MACA;AAAA,KAAA,GAGtDC,IAAAN;AAAA,MAAuB,MAAAD,EAAA,UAAA,WAAA;AAAA,QAEb,GAAAI,EAAA;AAAA,QACsB,UAAAF,EAAA;AAAA,QACF,MAAAA,EAAA;AAAA,MACJ,IAAA;AAAA,QAEhB,GAAAA,EAAA;AAAA,QACa,mBAAA;AAAA,QACU,SAAAM,EAAA;AAAA,QACO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAChB,iBAAAN,EAAA,WAAA,SAAA;AAAA,QAMiC,MAAAA,EAAA,WAAA,SAAA;AAAA,MACX;AAAA,IACpC,GAGVO,IAAAR,EAAA,OAAA;AAAA,MAAqC,CAAA,aAAAC,EAAA,OAAA,GAAAA,EAAA,WAAA,IAAAX,EAAA,WAAA,KAAA,EAAA,EAAA,GAAA;AAAA,IAC8D,EAAA,GAGnGmB,IAAAT,EAAA,OAAA;AAAA,MAA2C,GAAAQ,EAAA;AAAA,MACvB,CAAA,aAAAlB,EAAA,SAAA,EAAA,GAAAW,EAAA;AAAA,MACuC,CAAA,aAAAX,EAAA,QAAA,EAAA,GAAAW,EAAA;AAAA,MACD,CAAA,aAAAX,EAAA,OAAA,EAAA,GAAAW,EAAA;AAAA,IACD,EAAA;6LAGzD,OAAA;AAAA,MAAgC,CAAA,aAAAX,EAAA,SAAA,EAAA,GAAA,CAAAO,EAAA,SAAA;AAAA,IACuC,mBAGvE,CAAAa,MAAA;AACI,MAAAT,EAAA,YAGIS,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAC,EAAA,SAAAD,CAAA;AAAA,IAIJ;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"button.Ctj3rkxw.js","sources":["../../src/components/button/button.types.ts","../../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([\"blur\", \"click\", \"focus\", \"keydown.esc\"]);\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__","attrs","useAttrs","slots","useSlots","hasSlot","useHasSlot","componentType","computed","props","BentoLink","ariaAttributes","_a","_b","componentProps","BentoLinkVariant","variantClass","conditionalClasses","e","emit"],"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;ACwLR,MAAAE,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAjGAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OACIC,KAAA,gBAAAA,EAAA,UAAA,SAMIA,EAAA,WAAA,SAAAC,IAEJ,QAAO,GAEXC,IAAAH,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAI,IAAAX,EAAA,eAAA,MAAA,gBAAAW,EAAA;AAAA,QACe,kBAAAC,IAAAZ,EAAA,eAAA,MAAA,gBAAAY,EAAA;AAAA,MACA;AAAA,KAAA,GAGtDC,IAAAN;AAAA,MAAuB,MAAAD,EAAA,UAAA,WAAA;AAAA,QAEb,GAAAI,EAAA;AAAA,QACsB,UAAAF,EAAA;AAAA,QACF,MAAAA,EAAA;AAAA,MACJ,IAAA;AAAA,QAEhB,GAAAA,EAAA;AAAA,QACa,mBAAA;AAAA,QACU,SAAAM,EAAA;AAAA,QACO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAChB,iBAAAN,EAAA,WAAA,SAAA;AAAA,QAMiC,MAAAA,EAAA,WAAA,SAAA;AAAA,MACX;AAAA,IACpC,GAGVO,IAAAR,EAAA,OAAA;AAAA,MAAqC,CAAA,aAAAC,EAAA,OAAA,GAAAA,EAAA,WAAA,IAAAX,EAAA,WAAA,KAAA,EAAA,EAAA,GAAA;AAAA,IAC8D,EAAA,GAGnGmB,IAAAT,EAAA,OAAA;AAAA,MAA2C,GAAAQ,EAAA;AAAA,MACvB,CAAA,aAAAlB,EAAA,SAAA,EAAA,GAAAW,EAAA;AAAA,MACuC,CAAA,aAAAX,EAAA,QAAA,EAAA,GAAAW,EAAA;AAAA,MACD,CAAA,aAAAX,EAAA,OAAA,EAAA,GAAAW,EAAA;AAAA,IACD,EAAA;6LAGzD,OAAA;AAAA,MAAgC,CAAA,aAAAX,EAAA,SAAA,EAAA,GAAA,CAAAO,EAAA,SAAA;AAAA,IACuC,mBAGvE,CAAAa,MAAA;AACI,MAAAT,EAAA,YAGIS,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAC,EAAA,SAAAD,CAAA;AAAA,IAIJ;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{calendar.C8DpZ4Sr.js → calendar.DiXkjQDP.js}

@@ -1,18 +1,18 @@
 import { defineComponent as ee, computed as k, ref as j, watch as K, nextTick as Ce, toRef as F, reactive as Oe } from "vue";
-import { B as Se } from "./button.DIU6m9wD.js";
-import { B as ye } from "./typography.Bq-EGj9y.js";
+import { B as Se } from "./button.Ctj3rkxw.js";
+import { B as ye } from "./typography.C8lPlsbD.js";
 import { u as _e } from "./index.B6WW_F-J.js";
 import { g as Ie } from "./generate-uid.NJ8tVoha.js";
-import { a as Fe } from "./index.BDK4hwK_.js";
-import { t as E, c as Q, g as we, n as le, b as Me, i as Pe } from "./getTimezoneOffsetInMilliseconds.C-aIpRfB.js";
-import { d as Ne, a as ce } from "./differenceInMonths.DcFDl4eH.js";
-import { s as re } from "./startOfWeek.Dxw2MhGp.js";
+import { a as Fe } from "./index.BkJqgYF1.js";
+import { t as E, c as Q, g as we, n as le, b as ge, h as Pe } from "./getTimezoneOffsetInMilliseconds.Tu2wlbTR.js";
+import { d as Me, a as ce } from "./differenceInMonths.BR4Z2HIa.js";
+import { s as re } from "./startOfWeek.D8Yh4c0G.js";
 import { C as Te, a as xe } from "./chevron-left.BS24hEFa.js";
 import { a as Le } from "./keyboard-navigation.DWmhelVv.js";
 import { n as te } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { a as Be, B as Ue } from "./date.DBWzp0So.js";
+import { a as Be, B as Ue } from "./date.B0m0sFP6.js";
 import "../assets/calendar.css";
-var C = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(C || {}), U = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e.SELECTED = "selected", e.UNSELECTED = "unselected", e.CURRENT_DAY = "current-day", e.DISABLED = "disabled", e))(U || {}), X = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(X || {});
+var A = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.MOUSE_OVER = "mouseover", e.CHANGE_DAY = "changeDay", e.NEXT_MONTH = "nextMonth", e.PREVIOUS_MONTH = "previousMonth", e))(A || {}), H = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(H || {}), C = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(C || {}), U = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e.SELECTED = "selected", e.UNSELECTED = "unselected", e.CURRENT_DAY = "current-day", e.DISABLED = "disabled", e))(U || {}), X = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(X || {});
 const Ge = {
   /**
    * Date to be displayed as the calendar day. From 1st to 31st (or end of the month defined in the date)
@@ -50,6 +50,11 @@ const Bt = (e) => {
   let n = `${t}-${a}`;
   const r = e.getDate().toString().padStart(2, "0");
   return n += `-${r}`, n;
+}, Ut = (e) => {
+  if (!e)
+    return "";
+  const t = (a) => a.toString().padStart(2, "0");
+  return [t(e.getHours()), t(e.getMinutes()), t(e.getSeconds())].join(":");
 }, $e = ee({
   name: "calendar-month-day",
   components: { BentoTypography: ye },
@@ -107,7 +112,7 @@ var je = function() {
   "6cd88832"
 );
 const Ve = We.exports;
-var A = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.MOUSE_OVER = "mouseover", e.CHANGE_DAY = "changeDay", e.NEXT_MONTH = "nextMonth", e.PREVIOUS_MONTH = "previousMonth", e))(A || {}), H = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(H || {}), q = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(q || {}), $ = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))($ || {}), ve = /* @__PURE__ */ ((e) => (e.DAY = "day", e.MONTH = "month", e))(ve || {});
+var q = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(q || {}), $ = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))($ || {}), ve = /* @__PURE__ */ ((e) => (e.DAY = "day", e.MONTH = "month", e))(ve || {});
 function p(e, t, a) {
   const n = E(e, a == null ? void 0 : a.in);
   return isNaN(t) ? Q(e, NaN) : (t && n.setDate(n.getDate() + t), n);
@@ -145,7 +150,7 @@ function Qe(e, t, a) {
   let n = E(e, a == null ? void 0 : a.in);
   return isNaN(+n) ? Q(e, NaN) : (t.year != null && n.setFullYear(t.year), t.month != null && (n = Ke(n, t.month)), t.date != null && n.setDate(t.date), t.hours != null && n.setHours(t.hours), t.minutes != null && n.setMinutes(t.minutes), t.seconds != null && n.setSeconds(t.seconds), t.milliseconds != null && n.setMilliseconds(t.milliseconds), n);
 }
-function be(e, t) {
+function Ne(e, t) {
   const a = E(e, t == null ? void 0 : t.in);
   return a.setFullYear(a.getFullYear(), 0, 1), a.setHours(0, 0, 0, 0), a;
 }
@@ -170,26 +175,26 @@ const Ye = ({ currentSelectedDate: e, month: t, isDateDisabled: a, firstDayOfWee
   });
   const d = Fe(), h = j(u.value);
   K(d, (c) => {
-    const N = c.getAttribute("data-date");
-    h.value = N ? new Date(N) : u.value;
+    const M = c.getAttribute("data-date");
+    h.value = M ? new Date(M) : u.value;
   });
-  const i = j({}), v = (c) => (N) => {
-    i.value[c.toDateString()] = N;
+  const i = j({}), v = (c) => (M) => {
+    i.value[c.toDateString()] = M;
   }, m = () => {
     i.value = {};
   }, D = (c = 1) => {
     s.value = W(s.value, c), r(A.NEXT_MONTH, c), m();
   }, f = (c = 1) => {
     s.value = Z(s.value, c), r(A.PREVIOUS_MONTH, c), m();
-  }, o = (c, N) => {
+  }, o = (c, M) => {
     const w = !!i.value[c == null ? void 0 : c.toDateString()];
-    return !c || !w ? null : N ? i.value[c.toDateString()].$el : (i.value[c.toDateString()].$el.focus(), null);
+    return !c || !w ? null : M ? i.value[c.toDateString()].$el : (i.value[c.toDateString()].$el.focus(), null);
   }, l = (c) => {
     c.preventDefault(), c.stopImmediatePropagation(), c.stopPropagation();
-  }, _ = ({ nextDate: c, isIncreasingDays: N, amountOfMonths: w, isCalendarButtonsNav: B }) => {
+  }, _ = ({ nextDate: c, isIncreasingDays: M, amountOfMonths: w, isCalendarButtonsNav: B }) => {
     if (!B && a && a(c))
       return;
-    c.getMonth() === u.value.getMonth() && c.getFullYear() === u.value.getFullYear() ? (u.value = c, o(c)) : (N ? D(w) : f(w), Ce(() => {
+    c.getMonth() === u.value.getMonth() && c.getFullYear() === u.value.getFullYear() ? (u.value = c, o(c)) : (M ? D(w) : f(w), Ce(() => {
       const R = c.getMonth() === s.value.getMonth() && c.getFullYear() === s.value.getFullYear();
       a && a(c) || !R || B || (u.value = c, o(c));
     }));
@@ -235,11 +240,11 @@ const Ye = ({ currentSelectedDate: e, month: t, isDateDisabled: a, firstDayOfWee
     },
     moveToFirstMonthOfYear: (c) => {
       l(c);
-      const N = Ne(u.value, be(u.value));
+      const M = Me(u.value, Ne(u.value));
       _({
-        nextDate: be(u.value),
+        nextDate: Ne(u.value),
         isIncreasingDays: !1,
-        amountOfMonths: N
+        amountOfMonths: M
       });
     },
     // End
@@ -251,55 +256,55 @@ const Ye = ({ currentSelectedDate: e, month: t, isDateDisabled: a, firstDayOfWee
     },
     moveToLastMonthOfYear: (c) => {
       l(c);
-      const N = Qe(u.value, { month: 11, date: 1 }), w = Ne(N, u.value);
+      const M = Qe(u.value, { month: 11, date: 1 }), w = Me(M, u.value);
       _({
-        nextDate: N,
+        nextDate: M,
         isIncreasingDays: !0,
         amountOfMonths: w
       });
     },
     // PageUp
-    moveToPreviousMonth: (c, N = !1, w = 1) => {
+    moveToPreviousMonth: (c, M = !1, w = 1) => {
       l(c);
       const B = w;
       _({
         nextDate: Z(h.value, B),
         isIncreasingDays: !1,
         amountOfMonths: B,
-        isCalendarButtonsNav: N
+        isCalendarButtonsNav: M
       });
     },
     // Shift+PageUp
-    moveToPreviousYear: (c, N = !1) => {
+    moveToPreviousYear: (c, M = !1) => {
       l(c);
       const w = 12;
       _({
         nextDate: Z(h.value, w),
         isIncreasingDays: !1,
         amountOfMonths: w,
-        isCalendarButtonsNav: N
+        isCalendarButtonsNav: M
       });
     },
     // PageDown
-    moveToNextMonth: (c, N = !1, w = 1) => {
+    moveToNextMonth: (c, M = !1, w = 1) => {
       l(c);
       const B = w;
       _({
         nextDate: W(h.value, B),
         isIncreasingDays: !0,
         amountOfMonths: B,
-        isCalendarButtonsNav: N
+        isCalendarButtonsNav: M
       });
     },
     // Shift-PageDown
-    moveToNextYear: (c, N = !1) => {
+    moveToNextYear: (c, M = !1) => {
       l(c);
       const w = 12;
       _({
         nextDate: W(h.value, w),
         isIncreasingDays: !0,
         amountOfMonths: w,
-        isCalendarButtonsNav: N
+        isCalendarButtonsNav: M
       });
     },
     // Values
@@ -417,9 +422,9 @@ const Je = {
   ],
   setup(e, { emit: t }) {
     const { locale: a, t: n } = _e(), r = Ie("bento-date-picker-month-label"), s = k(
-      () => (g) => {
+      () => (b) => {
         var R;
-        return e.min && g < e.min || e.max && g > e.max || ((R = e.isDateDisabled) == null ? void 0 : R.call(e, g));
+        return e.min && b < e.min || e.max && b > e.max || ((R = e.isDateDisabled) == null ? void 0 : R.call(e, b));
       }
     ), {
       internalDate: u,
@@ -438,7 +443,7 @@ const Je = {
       moveToLastDayOfWeek: _,
       moveToPreviousMonth: x,
       moveToPreviousYear: y,
-      moveToNextMonth: b,
+      moveToNextMonth: N,
       moveToNextYear: Y,
       focusOnDate: L
     } = Ye(
@@ -451,19 +456,19 @@ const Je = {
       t
     ), O = k(
       () => Object.values(H).includes(e.firstDayOfWeek) ? e.firstDayOfWeek : H.MONDAY
-    ), M = k(() => ["first", "unique"].includes(e.position)), T = k(() => ["last", "unique"].includes(e.position)), S = k(
+    ), g = k(() => ["first", "unique"].includes(e.position)), T = k(() => ["last", "unique"].includes(e.position)), S = k(
       () => De(a.value, { month: "long", year: "numeric" }).format(d.value)
     ), I = k(
-      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((g, R) => {
-        const J = ze(g, O.value + R);
+      () => new Array(7).fill(/* @__PURE__ */ new Date()).map((b, R) => {
+        const J = ze(b, O.value + R);
         return De(a.value, { weekday: "short" }).format(J);
       })
     ), z = k(() => {
-      const g = [], R = oe(e.month);
-      let J = g[g.push([]) - 1];
+      const b = [], R = oe(e.month);
+      let J = b[b.push([]) - 1];
       for (; R.getMonth() === e.month.getMonth(); )
-        R.getDay() - O.value === 0 && J.length > 0 && (J = g[g.push([]) - 1]), J.push(V(R)), R.setDate(R.getDate() + 1);
-      return g;
+        R.getDay() - O.value === 0 && J.length > 0 && (J = b[b.push([]) - 1]), J.push(V(R)), R.setDate(R.getDate() + 1);
+      return b;
     });
     return {
       // Refs
@@ -474,30 +479,30 @@ const Je = {
       weeksOfMonth: z,
       formattedMonthDate: S,
       shouldShowNextMonthButton: T,
-      shouldShowPreviousMonthButton: M,
+      shouldShowPreviousMonthButton: g,
       monthLabelId: r,
       // Enums
       CalendarMonthEvent: A,
       // Functions
-      isSelectedDate: (g) => u.value && ne(u.value, g) && !e.endDate ? !0 : e.startDate && e.endDate && ue(g, { start: e.startDate, end: e.endDate }),
+      isSelectedDate: (b) => u.value && ne(u.value, b) && !e.endDate ? !0 : e.startDate && e.endDate && ue(b, { start: e.startDate, end: e.endDate }),
       showNextMonth: i,
       showPreviousMonth: v,
-      dayVariant: (g) => {
+      dayVariant: (b) => {
         if (!e.isRange || ne(e.startDate, e.endDate))
           return C.SINGLE;
-        if (e.startDate && ne(e.startDate, g))
+        if (e.startDate && ne(e.startDate, b))
           return C.BEGINNING;
-        if (e.endDate && ne(e.endDate, g))
+        if (e.endDate && ne(e.endDate, b))
           return C.END;
-        if (e.startDate && e.endDate && ue(g, { start: e.startDate, end: e.endDate }))
+        if (e.startDate && e.endDate && ue(b, { start: e.startDate, end: e.endDate }))
           return C.MIDDLE;
       },
       confirmNavigationDate: () => {
         t(A.INPUT, u);
       },
       // Events
-      onDayClicked: (g) => {
-        t(A.INPUT, g);
+      onDayClicked: (b) => {
+        t(A.INPUT, b);
       },
       listeners: {
         "keydown:arrow-right": m,
@@ -508,7 +513,7 @@ const Je = {
         "keydown:end": _,
         "keydown:page-up": x,
         "keydown:shift-page-up": y,
-        "keydown:page-down": b,
+        "keydown:page-down": N,
         "keydown:shift-page-down": Y
       },
       // Exposed methods
@@ -521,7 +526,7 @@ const Je = {
       moveToLastDayOfWeek: _,
       moveToPreviousMonth: x,
       moveToPreviousYear: y,
-      moveToNextMonth: b,
+      moveToNextMonth: N,
       moveToNextYear: Y,
       // Translations
       t: n
@@ -566,7 +571,7 @@ var Ze = function() {
   null,
   "b0c83eb5"
 );
-const ge = et.exports;
+const be = et.exports;
 function ae(e, t, a) {
   const [n, r] = le(
     a == null ? void 0 : a.in,
@@ -654,9 +659,9 @@ const ot = st.exports, ut = {
   },
   emits: ["input", "mouseover", "nextMonth", "previousMonth"],
   setup(e, { expose: t, emit: a }) {
-    const n = e, r = Ie("bento-date-picker-year-label"), { t: s } = _e(), u = (M) => {
+    const n = e, r = Ie("bento-date-picker-year-label"), { t: s } = _e(), u = (g) => {
       var T;
-      return n.min && M < n.min || n.max && M > n.max || ((T = n.isDateDisabled) == null ? void 0 : T.call(n, M));
+      return n.min && g < n.min || n.max && g > n.max || ((T = n.isDateDisabled) == null ? void 0 : T.call(n, g));
     }, d = k(() => ["first", "unique"].includes(n.position)), h = k(() => ["last", "unique"].includes(n.position)), {
       internalDate: i,
       // Calendar refs
@@ -679,28 +684,28 @@ const ot = st.exports, ut = {
     );
     t({ focusOnDate: x });
     const y = k(() => {
-      const M = [];
+      const g = [];
       let T = 0;
       for (let S = 0; S < 3; S++) {
         const I = [];
         for (let z = 0; z < 4; z++)
           I.push(new Date(n.year.getFullYear(), T++, 1));
-        M.push(I);
+        g.push(I);
       }
-      return M;
-    }), b = (M) => !n.isRange || ae(n.startDate, n.endDate) ? P.SINGLE : n.startDate && ae(n.startDate, M) ? P.BEGINNING : n.endDate && ae(n.endDate, M) ? P.END : n.startDate && n.endDate && ue(M, { start: n.startDate, end: n.endDate }) ? P.MIDDLE : null, Y = (M) => i.value && ae(i.value, M) ? !0 : n.startDate && n.endDate && ue(M, { start: n.startDate, end: n.endDate }), L = (M) => {
-      a("input", M);
+      return g;
+    }), N = (g) => !n.isRange || ae(n.startDate, n.endDate) ? P.SINGLE : n.startDate && ae(n.startDate, g) ? P.BEGINNING : n.endDate && ae(n.endDate, g) ? P.END : n.startDate && n.endDate && ue(g, { start: n.startDate, end: n.endDate }) ? P.MIDDLE : null, Y = (g) => i.value && ae(i.value, g) ? !0 : n.startDate && n.endDate && ue(g, { start: n.startDate, end: n.endDate }), L = (g) => {
+      a("input", g);
     }, O = n.isRange ? {} : {
       "keydown:arrow-right": f,
       "keydown:arrow-left": m,
-      "keydown:arrow-up": (M) => m(M, !1, 4),
-      "keydown:arrow-down": (M) => f(M, !1, 4),
+      "keydown:arrow-up": (g) => m(g, !1, 4),
+      "keydown:arrow-down": (g) => f(g, !1, 4),
       "keydown:home": l,
       "keydown:end": _,
       "keydown:page-up": D,
       "keydown:page-down": o
     };
-    return { __sfc: !0, yearLabelId: r, props: n, emit: a, t: s, isDateDisabled: u, shouldShowPreviousYearButton: d, shouldShowNextYearButton: h, internalDate: i, addDayRef: v, moveToPreviousMonth: m, moveToPreviousYear: D, moveToNextMonth: f, moveToNextYear: o, moveToFirstMonthOfYear: l, moveToLastMonthOfYear: _, focusOnDate: x, monthRows: y, monthVariant: b, isSelectedDate: Y, onMonthClicked: L, listeners: O, BentoButton: Se, BentoTypography: ye, CalendarYearMonth: ot, ChevronLeftIcon: xe, ChevronRightIcon: Te, vBentoKeyboardNavigationDirective: Le };
+    return { __sfc: !0, yearLabelId: r, props: n, emit: a, t: s, isDateDisabled: u, shouldShowPreviousYearButton: d, shouldShowNextYearButton: h, internalDate: i, addDayRef: v, moveToPreviousMonth: m, moveToPreviousYear: D, moveToNextMonth: f, moveToNextYear: o, moveToFirstMonthOfYear: l, moveToLastMonthOfYear: _, focusOnDate: x, monthRows: y, monthVariant: N, isSelectedDate: Y, onMonthClicked: L, listeners: O, BentoButton: Se, BentoTypography: ye, CalendarYearMonth: ot, ChevronLeftIcon: xe, ChevronRightIcon: Te, vBentoKeyboardNavigationDirective: Le };
   }
 });
 var it = function() {
@@ -761,7 +766,7 @@ function ht(e, t, a) {
     a == null ? void 0 : a.in,
     e,
     t
-  ), s = V(n), u = V(r), d = +s - Me(s), h = +u - Me(u);
+  ), s = V(n), u = V(r), d = +s - ge(s), h = +u - ge(u);
   return Math.round((d - h) / Pe);
 }
 function yt(e, t, a) {
@@ -831,7 +836,7 @@ const _t = (e) => {
       return m(o);
     }
   };
-}, Mt = ({ selectedDate: e, isDateDisabled: t, maxRange: a, granularity: n, firstDayOfWeek: r, min: s, max: u }, d) => {
+}, gt = ({ selectedDate: e, isDateDisabled: t, maxRange: a, granularity: n, firstDayOfWeek: r, min: s, max: u }, d) => {
   const { adjustDateForWeekly: v, adjustDateForMonthly: m, adjustDateForQuarterly: D } = _t(r), f = Oe({
     startDate: null,
     endDate: null
@@ -839,22 +844,22 @@ const _t = (e) => {
   K(
     () => e.value,
     () => {
-      let { startDate: y = null, endDate: b = null } = e.value || {};
-      y && (y = V(y)), b && (b = V(b)), !(y && t && t(y) || b && t && t(b) || y && b && mt(y, b)) && (f.startDate = y, f.endDate = b);
+      let { startDate: y = null, endDate: N = null } = e.value || {};
+      y && (y = V(y)), N && (N = V(N)), !(y && t && t(y) || N && t && t(N) || y && N && mt(y, N)) && (f.startDate = y, f.endDate = N);
     },
     { immediate: !0, deep: !0 }
   );
-  const l = (y, b, Y) => {
-    if (f.startDate = y, f.endDate = b, a.value) {
-      const L = yt(b, y) - a.value;
-      L > 0 && (Y < 1 ? (f.startDate = y, f.endDate = me(b, L)) : (f.startDate = p(y, L), f.endDate = b));
+  const l = (y, N, Y) => {
+    if (f.startDate = y, f.endDate = N, a.value) {
+      const L = yt(N, y) - a.value;
+      L > 0 && (Y < 1 ? (f.startDate = y, f.endDate = me(N, L)) : (f.startDate = p(y, L), f.endDate = N));
     }
     d($.START_DATE_SELECTED, f.startDate), d($.END_DATE_SELECTED, f.endDate);
   }, _ = (y) => {
-    var b, Y, L, O, M, T;
+    var N, Y, L, O, g, T;
     if (!(!o.value || t && t(y)))
       if (vt(y, o.value)) {
-        if (((b = n == null ? void 0 : n.value) == null ? void 0 : b.type) === "weekly") {
+        if (((N = n == null ? void 0 : n.value) == null ? void 0 : N.type) === "weekly") {
           const { startDate: S, endDate: I } = v(y, o.value, s.value, u.value);
           l(S, I, -1);
           return;
@@ -876,7 +881,7 @@ const _t = (e) => {
           l(S, I, 1);
           return;
         }
-        if (((M = n == null ? void 0 : n.value) == null ? void 0 : M.type) === "monthly") {
+        if (((g = n == null ? void 0 : n.value) == null ? void 0 : g.type) === "monthly") {
           const { startDate: S, endDate: I } = m(o.value, y, s.value, u.value);
           l(S, I, 1);
           return;
@@ -892,22 +897,22 @@ const _t = (e) => {
   return {
     internalValue: f,
     onDateInput: (y) => {
-      var b, Y, L;
+      var N, Y, L;
       if (o.value)
         o.value = null, d($.INPUT, f);
       else {
         let O = y;
-        if (((b = n == null ? void 0 : n.value) == null ? void 0 : b.type) === "weekly") {
-          const { startDate: M, endDate: T } = v(y);
-          O = M, l(O, T);
+        if (((N = n == null ? void 0 : n.value) == null ? void 0 : N.type) === "weekly") {
+          const { startDate: g, endDate: T } = v(y);
+          O = g, l(O, T);
         }
         if (((Y = n == null ? void 0 : n.value) == null ? void 0 : Y.type) === "monthly") {
-          const { startDate: M, endDate: T } = m(y);
-          O = M, l(O, T);
+          const { startDate: g, endDate: T } = m(y);
+          O = g, l(O, T);
         }
         if (((L = n == null ? void 0 : n.value) == null ? void 0 : L.type) === "quarterly") {
-          const { startDate: M, endDate: T } = D(y);
-          O = M, l(O, T);
+          const { startDate: g, endDate: T } = D(y);
+          O = g, l(O, T);
         }
         o.value = O, _(O);
       }
@@ -918,12 +923,12 @@ const _t = (e) => {
 function Re(e, t, a) {
   return W(e, t * 12, a);
 }
-function Nt(e, t, a) {
+function Mt(e, t, a) {
   return Re(e, -t, a);
 }
-const bt = ee({
+const Nt = ee({
   name: "calendar",
-  components: { CalendarMonth: ge, CalendarYear: ke },
+  components: { CalendarMonth: be, CalendarYear: ke },
   props: {
     /**
      * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
@@ -1011,10 +1016,10 @@ const bt = ee({
       { immediate: !0, deep: !0 }
     );
     const r = k(
-      () => e.variant === ve.MONTH ? ke : ge
+      () => e.variant === ve.MONTH ? ke : be
     ), s = k(() => ({
       "b-calendar__range": e.isRange
-    })), { internalValue: u, onDateInput: d, onMouseOver: h } = e.isRange ? Mt(
+    })), { internalValue: u, onDateInput: d, onMouseOver: h } = e.isRange ? gt(
       {
         selectedDate: F(e, "value"),
         isDateDisabled: e.isDateDisabled,
@@ -1035,7 +1040,7 @@ const bt = ee({
       const l = e != null && e.showEndDateOnOpen && e.isRange ? Z(n.value, e.numberOfMonths - 1) : n.value;
       return W(l, o);
     }), m = k(() => (o) => {
-      const l = e != null && e.showEndDateOnOpen ? Nt(n.value, e.numberOfMonths - 1) : n.value;
+      const l = e != null && e.showEndDateOnOpen ? Mt(n.value, e.numberOfMonths - 1) : n.value;
       return Re(l, o);
     });
     return {
@@ -1062,24 +1067,24 @@ const bt = ee({
     };
   }
 });
-var gt = function() {
+var bt = function() {
   var t = this, a = t._self._c;
   return t._self._setupProxy, a("div", { staticClass: "b-calendar", class: t.conditionalClasses }, t._l(t.numberOfMonths, function(n, r) {
     return a(t.calendarComponent, { key: `calendar-${r}`, ref: t.numberOfMonths === 1 ? "calendarRef" : null, refInFor: !0, tag: "component", attrs: { "first-day-of-week": t.firstDayOfWeek, "is-date-disabled": t.isDateDisabled, month: t.calculateOffsetMonth(r), year: t.calculateOffsetYear(r), position: t.calendarPosition(r), min: t.min, max: t.max, "is-range": t.isRange, "start-date": t.internalValue.startDate, "end-date": t.internalValue.endDate, granularity: t.granularity }, on: { input: t.onDateInput, mouseover: t.onMouseOver, changeDay: t.onMouseOver, nextMonth: t.calculateNextMonths, previousMonth: t.calculatePreviousMonths } });
   }), 1);
 }, kt = [], Et = /* @__PURE__ */ te(
+  Nt,
   bt,
-  gt,
   kt,
   !1,
   null,
   "7b26a1ab"
 );
-const Ut = Et.exports;
+const Gt = Et.exports;
 export {
   H as C,
   ve as a,
-  Ut as b,
+  Gt as b,
   $ as c,
   q as d,
   Bt as e,
@@ -1093,9 +1098,10 @@ export {
   Z as m,
   fe as n,
   de as o,
-  ht as p,
-  be as q,
+  Ut as p,
+  ht as q,
+  Ne as r,
   oe as s,
   _t as u
 };
-//# sourceMappingURL=calendar.C8DpZ4Sr.js.map
+//# sourceMappingURL=calendar.DiXkjQDP.js.map