@adyen/bento-vue2 1.24.0 → 1.25.0

package/dist/chunks/{index.8e6bc325.js.map → index.444d221f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.8e6bc325.js","sources":["../../../core/src/components/link/link.types.ts","../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/external-link.vue","../../src/components/link/link.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoLinkVariant {\n    DEFAULT = 'default',\n    QUIET = 'quiet',\n}\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M2.93933 11.9999L10.1893 4.74989H5.24999V3.24989H12.75V10.7499H11.25V5.81055L3.99999 13.0605L2.93933 11.9999Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","<template>\n    <a\n        v-if=\"external || isNotRouting\"\n        :class=\"conditionalClasses\"\n        v-bind=\"$attrs\"\n        :href=\"$props.to.toString()\"\n        :title=\"getAttributeTitle($attrs.title)\"\n        :target=\"computedTarget\"\n        @click=\"onClick\"\n    >\n        <bento-typography v-if=\"!disableTypography\" class=\"b-link__text\" el=\"span\" variant=\"body\">\n            <slot />\n        </bento-typography>\n        <slot v-else />\n        <span v-if=\"showExternalLinkIcon\" class=\"b-link__external-link-icon\">\n            <external-link-icon />\n        </span>\n    </a>\n    <router-link\n        v-else\n        v-bind=\"{ ...$attrs, ...$props }\"\n        :class=\"conditionalClasses\"\n        :target=\"target\"\n        :to=\"props.to\"\n        custom\n        @click.native=\"onClick\"\n    >\n        <bento-typography v-if=\"!disableTypography\" class=\"b-link__text\" el=\"span\" variant=\"body\">\n            <slot />\n        </bento-typography>\n        <slot v-else />\n    </router-link>\n</template>\n\n<script setup lang=\"ts\">\n    import { RouterLink } from 'vue-router';\n    import { computed } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoLinkVariant } from '@/core/components/link/link.types';\n    import type { RouterLinkSlotArgument } from 'vue-router/types/router';\n    import ExternalLinkIcon from '@adyen/ui-assets-icons-16/vue/external-link';\n\n    /* eslint-disable vue/require-default-prop */ // Allow RouterLink to set the defaults\n    /* eslint-disable @typescript-eslint/no-explicit-any */ // \"to\" needs to be any\n    export interface LinkProps {\n        /**\n         * Denotes the target route of the link. When clicked, the value of the `to` prop will be passed to\n         * `router.push()` internally, so the value can be either a \"string\" or a location\" descriptor object.\n         */\n        to: any;\n        /* eslint-enable @typescript-eslint/no-explicit-any */\n\n        /**\n         * Setting `replace` prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will\n         * not create a new history record.\n         *\n         * @default false\n         */\n        replace?: boolean;\n        /**\n         * Setting `append` prop always appends the relative path to the current path. For example, assuming we are navigating\n         * from `/a` to a relative link `b`, without `append` we will end up at `/b`, but with append we will end up at\n         * `/a/b`.\n         *\n         * @default false\n         */\n        append?: boolean;\n        /**\n         * Sometimes we want <RouterLink> to render as another tag, e.g <li>. Then we can use tag prop to specify which tag to\n         * render to, and it will still listen to click events for navigation.\n         *\n         * @default \"a\"\n         */\n        tag?: string;\n        /**\n         * Configure the active CSS class applied when the link is active. Note the default value can also be configured\n         * globally via the `linkActiveClass` router constructor option.\n         *\n         * @default \"router-link-active\"\n         */\n        activeClass?: string;\n        /**\n         * The default active class matching behavior is **inclusive match**. For example, `<RouterLink to=\"/a\">` will get\n         * this class applied as long as the current path starts with `/a/` or is `/a`.\n         *\n         * @default false\n         */\n        exact?: boolean;\n        /**\n         * Allows matching only using the `path` section of the url, effectively ignoring the `query` and the `hash` sections.\n         *\n         * @default false\n         */\n        exactPath?: boolean;\n        /**\n         * Configure the active CSS class applied when the link is active with exact path match. Note the default value can\n         * also be configured globally via the `linkExactPathActiveClass` router constructor option.\n         *\n         * @default \"router-link-exact-path-active\"\n         */\n        exactPathActiveClass?: string;\n\n        /**\n         * Specify the event(s) that can trigger the link navigation.\n         *\n         * @default 'click'\n         */\n        event?: string | ReadonlyArray<string>;\n        /**\n         * Configure the active CSS class applied when the link is active with exact match. Note the default value can also be\n         * configured globally via the `linkExactActiveClass` router constructor option.\n         *\n         * @default \"router-link-exact-active\"\n         */\n        exactActiveClass?: string;\n        /**\n         * Configure the value of `aria-current` when the link is active with exact match. It must be one of the allowed\n         * values for [aria-current](https://www.w3.org/TR/wai-aria-1.2/#aria-current) in the ARIA spec. In most cases, the\n         * default of page should be the best fit.\n         *\n         * @default \"page\"\n         */\n        ariaCurrentValue?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';\n\n        /**\n         * Custom Props\n         */\n\n        /**\n         * Disable the default typography for the component. Only use this when the component is inside another typography component.\n         */\n        disableTypography?: boolean;\n\n        /**\n         * Set the rendered link to a regular external anchor link and renders an external link icon.\n         */\n        external?: boolean;\n\n        /**\n         * Set to true if used inside a `BentoButton` component.\n         */\n        isButton?: boolean;\n\n        /**\n         * Set the rendered link to a regular external anchor link.\n         */\n        isNotRouting?: boolean;\n\n        /**\n         * Sets the target of the rendered link.\n         */\n        target?: string;\n\n        /**\n         * Set to true to truncate link. Doesn't work with disableTypography.\n         */\n        truncate?: boolean;\n\n        /**\n         * Link variant type affecting visual style.\n         * @values default, quiet\n         */\n        variant?: BentoLinkVariant | `${BentoLinkVariant}`;\n    }\n\n    const props = withDefaults(defineProps<LinkProps>(), {\n        target: null,\n        variant: BentoLinkVariant.DEFAULT,\n    });\n\n    const getAttributeTitle = (attributesTitle: unknown) => attributesTitle as string;\n\n    const conditionalClasses = computed(() => ({\n        'b-link': !props.isButton,\n        [`b-link--${BentoLinkVariant.QUIET}`]: props.variant === BentoLinkVariant.QUIET,\n        [`b-link--truncate`]: props.truncate,\n    }));\n\n    const computedTarget = computed(() => (props.external ? props.target ?? '_blank' : props.target));\n    const showExternalLinkIcon = computed(() => !(props.isButton || props.isNotRouting));\n\n    const emit = defineEmits<{\n        (e: 'click', clickEvent: MouseEvent): void;\n    }>();\n\n    const onClick = (e: MouseEvent, navigateCallback?: RouterLinkSlotArgument['navigate']) => {\n        emit('click', e);\n        if (navigateCallback) {\n            navigateCallback();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Extends the `router-link` from the `vue-router` NPM package.\n     *\n     * @example\n     * import { BentoLink } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoLink },\n     *     template: `\n     *       <bento-link to=\"/\">\n     *           link\n     *       </bento-link>\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-link',\n        inheritAttrs: false,\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/link/link.scss\" />\n"],"names":["BentoLinkVariant","BentoLinkVariant2","uuid","_sfc_main$1","__default__","getAttributeTitle","attributesTitle","conditionalClasses","computed","props","computedTarget","showExternalLinkIcon","e","navigateCallback","emit"],"mappings":";;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA;ACEZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;qBCqMIE,IAAA;AAAA,EAAe,MAAA;AAAA,EACL,cAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;;iBA1CAC,IAAA,CAAAC,MAAAA,GAEAC,IAAAC,EAAA,OAAA;AAAA,MAA2C,UAAA,CAAAC,EAAA;AAAA,MACtB,CAAA,WAAAT,EAAA,OAAA,GAAAS,EAAA,YAAAT,EAAA;AAAA,MACyD,CAAA,kBAAA,GAAAS,EAAA;AAAA,IAC9C,EAAA,GAGhCC,IAAAF,EAAA,MAAAC,EAAA,WAAAA,EAAA,UAAA,WAAAA,EAAA,MAAA,GACAE,IAAAH,EAAA,MAAA,EAAAC,EAAA,YAAAA,EAAA,aAAA;6IAMA,CAAAG,GAAAC,MAAA;AACI,MAAAC,EAAA,SAAAF,CAAA,GACAC,KACIA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}
+{"version":3,"file":"index.444d221f.js","sources":["../../../core/src/components/link/link.types.ts","../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/external-link.vue","../../src/components/link/link.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoLinkVariant {\n    DEFAULT = 'default',\n    QUIET = 'quiet',\n}\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M2.93933 11.9999L10.1893 4.74989H5.24999V3.24989H12.75V10.7499H11.25V5.81055L3.99999 13.0605L2.93933 11.9999Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","<template>\n    <a\n        v-if=\"external || isNotRouting\"\n        :class=\"conditionalClasses\"\n        v-bind=\"$attrs\"\n        :href=\"$props.to.toString()\"\n        :title=\"getAttributeTitle($attrs.title)\"\n        :target=\"computedTarget\"\n        @click=\"onClick\"\n    >\n        <bento-typography v-if=\"!disableTypography\" class=\"b-link__text\" el=\"span\" variant=\"body\">\n            <slot />\n        </bento-typography>\n        <slot v-else />\n        <span v-if=\"showExternalLinkIcon\" class=\"b-link__external-link-icon\">\n            <external-link-icon />\n        </span>\n    </a>\n    <router-link\n        v-else\n        v-bind=\"{ ...$attrs, ...$props }\"\n        :class=\"conditionalClasses\"\n        :target=\"target\"\n        :to=\"props.to\"\n        custom\n        @click.native=\"onClick\"\n    >\n        <bento-typography v-if=\"!disableTypography\" class=\"b-link__text\" el=\"span\" variant=\"body\">\n            <slot />\n        </bento-typography>\n        <slot v-else />\n    </router-link>\n</template>\n\n<script setup lang=\"ts\">\n    import { RouterLink } from 'vue-router';\n    import { computed } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoLinkVariant } from '@/core/components/link/link.types';\n    import type { RouterLinkSlotArgument } from 'vue-router/types/router';\n    import ExternalLinkIcon from '@adyen/ui-assets-icons-16/vue/external-link';\n\n    /* eslint-disable vue/require-default-prop */ // Allow RouterLink to set the defaults\n    /* eslint-disable @typescript-eslint/no-explicit-any */ // \"to\" needs to be any\n    export interface LinkProps {\n        /**\n         * Denotes the target route of the link. When clicked, the value of the `to` prop will be passed to\n         * `router.push()` internally, so the value can be either a \"string\" or a location\" descriptor object.\n         */\n        to: any;\n        /* eslint-enable @typescript-eslint/no-explicit-any */\n\n        /**\n         * Setting `replace` prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will\n         * not create a new history record.\n         *\n         * @default false\n         */\n        replace?: boolean;\n        /**\n         * Setting `append` prop always appends the relative path to the current path. For example, assuming we are navigating\n         * from `/a` to a relative link `b`, without `append` we will end up at `/b`, but with append we will end up at\n         * `/a/b`.\n         *\n         * @default false\n         */\n        append?: boolean;\n        /**\n         * Sometimes we want <RouterLink> to render as another tag, e.g <li>. Then we can use tag prop to specify which tag to\n         * render to, and it will still listen to click events for navigation.\n         *\n         * @default \"a\"\n         */\n        tag?: string;\n        /**\n         * Configure the active CSS class applied when the link is active. Note the default value can also be configured\n         * globally via the `linkActiveClass` router constructor option.\n         *\n         * @default \"router-link-active\"\n         */\n        activeClass?: string;\n        /**\n         * The default active class matching behavior is **inclusive match**. For example, `<RouterLink to=\"/a\">` will get\n         * this class applied as long as the current path starts with `/a/` or is `/a`.\n         *\n         * @default false\n         */\n        exact?: boolean;\n        /**\n         * Allows matching only using the `path` section of the url, effectively ignoring the `query` and the `hash` sections.\n         *\n         * @default false\n         */\n        exactPath?: boolean;\n        /**\n         * Configure the active CSS class applied when the link is active with exact path match. Note the default value can\n         * also be configured globally via the `linkExactPathActiveClass` router constructor option.\n         *\n         * @default \"router-link-exact-path-active\"\n         */\n        exactPathActiveClass?: string;\n\n        /**\n         * Specify the event(s) that can trigger the link navigation.\n         *\n         * @default 'click'\n         */\n        event?: string | ReadonlyArray<string>;\n        /**\n         * Configure the active CSS class applied when the link is active with exact match. Note the default value can also be\n         * configured globally via the `linkExactActiveClass` router constructor option.\n         *\n         * @default \"router-link-exact-active\"\n         */\n        exactActiveClass?: string;\n        /**\n         * Configure the value of `aria-current` when the link is active with exact match. It must be one of the allowed\n         * values for [aria-current](https://www.w3.org/TR/wai-aria-1.2/#aria-current) in the ARIA spec. In most cases, the\n         * default of page should be the best fit.\n         *\n         * @default \"page\"\n         */\n        ariaCurrentValue?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';\n\n        /**\n         * Custom Props\n         */\n\n        /**\n         * Disable the default typography for the component. Only use this when the component is inside another typography component.\n         */\n        disableTypography?: boolean;\n\n        /**\n         * Set the rendered link to a regular external anchor link and renders an external link icon.\n         */\n        external?: boolean;\n\n        /**\n         * Set to true if used inside a `BentoButton` component.\n         */\n        isButton?: boolean;\n\n        /**\n         * Set the rendered link to a regular external anchor link.\n         */\n        isNotRouting?: boolean;\n\n        /**\n         * Sets the target of the rendered link.\n         */\n        target?: string;\n\n        /**\n         * Set to true to truncate link. Doesn't work with disableTypography.\n         */\n        truncate?: boolean;\n\n        /**\n         * Link variant type affecting visual style.\n         * @values default, quiet\n         */\n        variant?: BentoLinkVariant | `${BentoLinkVariant}`;\n    }\n\n    const props = withDefaults(defineProps<LinkProps>(), {\n        target: null,\n        variant: BentoLinkVariant.DEFAULT,\n    });\n\n    const getAttributeTitle = (attributesTitle: unknown) => attributesTitle as string;\n\n    const conditionalClasses = computed(() => ({\n        'b-link': !props.isButton,\n        [`b-link--${BentoLinkVariant.QUIET}`]: props.variant === BentoLinkVariant.QUIET,\n        [`b-link--truncate`]: props.truncate,\n    }));\n\n    const computedTarget = computed(() => (props.external ? props.target ?? '_blank' : props.target));\n    const showExternalLinkIcon = computed(() => !(props.isButton || props.isNotRouting));\n\n    const emit = defineEmits<{\n        (e: 'click', clickEvent: MouseEvent): void;\n    }>();\n\n    const onClick = (e: MouseEvent, navigateCallback?: RouterLinkSlotArgument['navigate']) => {\n        emit('click', e);\n        if (navigateCallback) {\n            navigateCallback();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Extends the `router-link` from the `vue-router` NPM package.\n     *\n     * @example\n     * import { BentoLink } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoLink },\n     *     template: `\n     *       <bento-link to=\"/\">\n     *           link\n     *       </bento-link>\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-link',\n        inheritAttrs: false,\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/link/link.scss\" />\n"],"names":["BentoLinkVariant","BentoLinkVariant2","uuid","_sfc_main$1","__default__","getAttributeTitle","attributesTitle","conditionalClasses","computed","props","computedTarget","showExternalLinkIcon","e","navigateCallback","emit"],"mappings":";;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA;ACEZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;qBCqMIE,IAAA;AAAA,EAAe,MAAA;AAAA,EACL,cAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;;iBA1CAC,IAAA,CAAAC,MAAAA,GAEAC,IAAAC,EAAA,OAAA;AAAA,MAA2C,UAAA,CAAAC,EAAA;AAAA,MACtB,CAAA,WAAAT,EAAA,OAAA,GAAAS,EAAA,YAAAT,EAAA;AAAA,MACyD,CAAA,kBAAA,GAAAS,EAAA;AAAA,IAC9C,EAAA,GAGhCC,IAAAF,EAAA,MAAAC,EAAA,WAAAA,EAAA,UAAA,WAAAA,EAAA,MAAA,GACAE,IAAAH,EAAA,MAAA,EAAAC,EAAA,YAAAA,EAAA,aAAA;6IAMA,CAAAG,GAAAC,MAAA;AACI,MAAAC,EAAA,SAAAF,CAAA,GACAC,KACIA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}

package/dist/chunks/{index.73abb1a9.js → index.4b6211c7.js}

@@ -1,25 +1,25 @@
 import { reactive as J, defineComponent as ke, ref as M, computed as k, onMounted as We, toRaw as qe, toRef as fe, watch as Ve } from "vue";
-import { a as He } from "./index.5d5f2200.js";
-import { B as Ee } from "./index.ba6c1040.js";
-import { c as je, B as Ke } from "./dropdown-default-textbox.c1f8fe5f.js";
+import { a as He } from "./index.ec632d95.js";
+import { B as Ee } from "./index.d97166c6.js";
 import { g as V } from "./unique-id.a2a2b458.js";
 import { u as re } from "./i18n.eb5b985b.js";
-import { t as se, f as $ } from "./index.03ae22b4.js";
+import { t as se, f as $ } from "./index.9e40ffeb.js";
 import { r as Q, t as j, e as S, d as oe, f as ie } from "./index.f55fdc32.js";
-import { f as pe, v as ze, D as E } from "./date-input.9186a0bf.js";
-import { u as Je } from "./use-form-layout-loading.d03e5d48.js";
+import { f as pe, v as je, D as E } from "./date-input.9186a0bf.js";
+import { u as Ke } from "./use-form-layout-loading.d03e5d48.js";
 import "./index.4c062058.js";
-import { BentoInputField as Qe } from "../input-field.js";
-import { B as Xe } from "./dropdown.669b858b.js";
-import { BentoSegmentedControl as Ze } from "../segmented-control.js";
+import { BentoInputField as ze } from "../input-field.js";
+import { B as Je } from "./dropdown.7d4a8dfc.js";
+import { BentoSegmentedControl as Qe } from "../segmented-control.js";
 import { d as z } from "./debounce.b5ef6acf.js";
-import { u as et } from "./use-has-slot.fbeb19ec.js";
-import { s as H, c as ge, i as B, d as tt, e as ve, f as at, g as _e, h as nt, j as rt, C as F, u as st } from "./calendar.1e416969.js";
+import { u as Xe } from "./use-has-slot.fbeb19ec.js";
+import { s as H, c as ge, i as B, d as Ze, e as ve, f as et, g as _e, h as tt, j as at, C as F, u as nt } from "./calendar.7d3e2db0.js";
 import { e as O } from "./index.fdf12170.js";
 import { e as Te } from "./index.d80206ed.js";
 import { n as Se } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import { E as ot, F as it } from "./error-message.8734e591.js";
-import "../assets/index16.css";
+import { c as rt, B as st } from "./dropdown-default-textbox.a1c0c0fb.js";
+import { E as ot, F as it } from "./error-message.db315e68.js";
+import "../assets/index2.css";
 function Re(t, e) {
   Q(2, arguments);
   var n = j(t), d = j(e);
@@ -51,13 +51,13 @@ const ct = ({
       D = H(l.earliest);
     else {
       const f = ge(D, { weekStartsOn: t });
-      B(D, f) || (D = H(tt(ve(D, { weekStartsOn: t }), 1)));
+      B(D, f) || (D = H(Ze(ve(D, { weekStartsOn: t }), 1)));
     }
     if (l.latest)
       r = O(l.latest);
     else {
       const f = ve(r, { weekStartsOn: t });
-      B(r, f) || (r = O(at(ge(r, { weekStartsOn: t }), 1)));
+      B(r, f) || (r = O(et(ge(r, { weekStartsOn: t }), 1)));
     }
   }
   if ((l == null ? void 0 : l.type) === "monthly") {
@@ -65,13 +65,13 @@ const ct = ({
       D = H(l.earliest);
     else {
       const f = _e(D);
-      B(D, f) || (D = _e(nt(D, 1)));
+      B(D, f) || (D = _e(tt(D, 1)));
     }
     if (l.latest)
       r = O(l.latest);
     else {
       const f = Te(r);
-      B(r, f) || (r = Te(rt(r, 1)));
+      B(r, f) || (r = Te(at(r, 1)));
     }
   }
   return { min: D, max: r };
@@ -121,9 +121,9 @@ const mt = /[\d]/, ft = /^\d{2}$/, pt = /^\d{2}:\d{2}$/, gt = (t) => {
   i18n: { messages: vt },
   name: "date-range-picker-calendar",
   components: {
-    BentoDropdown: Xe,
-    BentoInputField: Qe,
-    BentoSegmentedControl: Ze,
+    BentoDropdown: Je,
+    BentoInputField: ze,
+    BentoSegmentedControl: Qe,
     BentoTypography: Ee,
     Calendar: F
   },
@@ -229,7 +229,7 @@ const mt = /[\d]/, ft = /^\d{2}$/, pt = /^\d{2}:\d{2}$/, gt = (t) => {
       adjustEndDateInputForWeekly: _,
       adjustStartDateInputForMonthly: X,
       adjustEndDateInputForMonthly: Z
-    } = st(t.firstDayOfWeek), { savedRanges: R, saveRange: le, resetSavedRanges: ee } = Dt(), C = () => {
+    } = nt(t.firstDayOfWeek), { savedRanges: R, saveRange: le, resetSavedRanges: ee } = Dt(), C = () => {
       t != null && t.quickSelectRanges && (f.value = ne);
     }, T = (a) => a ? $(a, E.NUMERIC_DATE_YEAR_FIRST, {
       locale: D[d.value.substring(0, 2)] || S
@@ -340,7 +340,7 @@ const mt = /[\d]/, ft = /^\d{2}$/, pt = /^\d{2}:\d{2}$/, gt = (t) => {
     }, Ie), Fe = (a) => {
       C(), o.endDate = pe(a), he(o.endDate);
     }, Pe = (a) => {
-      ze(a);
+      je(a);
     }, Ae = z((a) => {
       if (te(a)) {
         c.value = !1, r.startDate = U(r.startDate, a);
@@ -439,7 +439,7 @@ const mt = /[\d]/, ft = /^\d{2}$/, pt = /^\d{2}:\d{2}$/, gt = (t) => {
       quickSelectRangeDefaultItems: G,
       formInputWrapperConditionalClasses: Y,
       // Methods
-      hasSlot: et(n),
+      hasSlot: Xe(n),
       t: l,
       // Events
       onDateInput: Me,
@@ -527,11 +527,11 @@ const bt = {
     BentoTypography: Ee,
     BentoPopover: He,
     DateRangePickerCalendar: b,
-    DropdownInputDefault: je,
+    DropdownInputDefault: rt,
     ErrorMessage: ot,
     FieldLabel: it
   },
-  directives: { BentoClickOutsideDirective: Ke },
+  directives: { BentoClickOutsideDirective: st },
   props: {
     /**
      * Allows user to enter time values in the form
@@ -618,7 +618,7 @@ const bt = {
   setup(t, { emit: e }) {
     const { locale: n, t: d } = re(), l = { de: oe, enUS: S, fr: ie }, D = V("bento-date-range-picker-container"), r = V("bento-date-range-picker-label"), f = V("bento-date-range-picker-description"), Y = V("bento-date-range-picker-error"), G = V("bento-date-range-picker-date-error"), y = k(
       () => t.label || d("dateRangePicker", { name: D })
-    ), g = M(!1), P = M(null), u = M(!1), { isReadOnly: A } = Je(fe(t, "readonly"));
+    ), g = M(!1), P = M(null), u = M(!1), { isReadOnly: A } = Ke(fe(t, "readonly"));
     Ve(
       () => t.disabled,
       () => {
@@ -709,4 +709,4 @@ export {
   L as a,
   Re as i
 };
-//# sourceMappingURL=index.73abb1a9.js.map
+//# sourceMappingURL=index.4b6211c7.js.map