@adyen/bento-vue3 1.72.0 → 1.74.0

package/dist/chunks/{field-label.DSeawpYh.js → field-label.C97CrBI_.js}

@@ -1,9 +1,9 @@
 import { defineComponent as m, createBlock as s, openBlock as o, unref as e, withCtx as l, createElementVNode as q, createTextVNode as n, createVNode as c, toDisplayString as i, computed as x, createElementBlock as u, normalizeClass as k, createCommentVNode as f, renderSlot as v, Fragment as C } from "vue";
 import { B as r } from "./typography.yBEME_Gu.js";
 import { C as S } from "./cross-circle-fill.CYLL7jfC.js";
-import { u as _ } from "./i18n.B6g5VX0q.js";
+import { u as _ } from "./index.pdBj0KQU.js";
 import { _ as b } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as E } from "./info-icon.CRnO5lpq.js";
+import { B as E } from "./info-icon.BhOm72U4.js";
 import "../assets/field-label.css";
 const g = {
   "en-US": {
@@ -155,4 +155,4 @@ export {
   R as E,
   U as F
 };
-//# sourceMappingURL=field-label.DSeawpYh.js.map
+//# sourceMappingURL=field-label.C97CrBI_.js.map

package/dist/chunks/{field-label.DSeawpYh.js.map → field-label.C97CrBI_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"field-label.DSeawpYh.js","sources":["../../../vue2/src/components/internal/error-message/error-message.vue","../../../vue2/src/components/internal/field-label/field-label.vue"],"sourcesContent":["<template>\n    <bento-typography :id=\"$attrs.id\" class=\"b-error-message\" el=\"span\" aria-live=\"polite\">\n        <div class=\"b-error-message__icon\">\n            <cross-circle-icon :svg-title=\"t('error')\" />\n        </div>\n        {{ errorMessage }}\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoTypography } from '@/components/typography';\n    import CrossCircleIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import { useI18n } from '@/utils/ts/i18n';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * An error message component should be used whenever it is necessary to add an error message to a component.\n     * If adding to a form component, the proper accessibility measures should be taken when necessary\n     * (ex. associating an element with this one using aria-describedby).\n\n    * @example\n    * import { ErrorMessage } from '@/components/internal/error-message';\n    *\n    * export default {\n    *     components: { ErrorMessage },\n    *     template: `\n    *          <error-message :error-message=\"errorMessage\" />\n    *     `\n    * }\n    */\n\n    defineProps({\n        /**\n         * The rendered error message\n         */\n        errorMessage: {\n            type: String,\n            required: true,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\n        name: 'error-message',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./error-message.scss\" />\n","<template>\n    <label class=\"b-field-label\" :class=\"conditionalClasses\">\n        <bento-typography el=\"span\" stronger>\n            <template v-if=\"label\">{{ label }}</template>\n            <template v-else><slot></slot></template>\n        </bento-typography>\n        <bento-typography v-if=\"!!tooltipText\" el=\"span\" class=\"b-field-label__tooltip-wrapper\">\n            <bento-info-icon :tooltip-text=\"tooltipText\" class=\"b-field-label__tooltip\" />\n        </bento-typography>\n        <bento-typography v-if=\"required\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('required') }})</bento-typography\n        >\n        <bento-typography v-else-if=\"optional\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('optional') }})</bento-typography\n        >\n    </label>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography } from '@/components/typography';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { computed } from 'vue';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * Renders the dropdown with a condensed style.\n         */\n        condensed: { type: Boolean, default: false },\n        /**\n         * Field label\n         */\n        label: {\n            type: String,\n            default: null,\n        },\n        /**\n         * Sets the field as optional\n         */\n        optional: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Sets the field as required\n         */\n        required: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Adds a info icon next to the label to display the passed tooltip message.\n         */\n        tooltipText: {\n            type: String,\n            default: null,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const conditionalClasses = computed(() => ({ 'b-field-label--condensed': props.condensed }));\n</script>\n\n<script lang=\"ts\">\n    /**\n    * Internal component to handle the labels for all field components\n\n    * @example\n    * import { FieldLabel } from '@/components/internal/field-label';\n    *\n    * export default {\n    *     components: { FieldLabel },\n    *     template: `\n    *          <field-label label=\"Label\" tooltip-text=\"Tooltip info\" required />\n    *     `\n    * }\n    */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./field-label.scss\" />\n"],"names":["__default__$1","messages$1","t","useI18n","__default__","messages","props","__props","conditionalClasses","computed"],"mappings":";;;;;;;;;;;;;;;;;2CA+CIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;AAPA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAF,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCwCAG,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxDA,UAAAC,IAAAC,GAmCA,EAAA,GAAAL,EAAA,IAAAC,EAAA,EAAA,UAAAE,EAAA,CAAA,GAEAG,IAAAC,EAAA,OAAA,EAAA,4BAAAH,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"field-label.C97CrBI_.js","sources":["../../../vue2/src/components/internal/error-message/error-message.vue","../../../vue2/src/components/internal/field-label/field-label.vue"],"sourcesContent":["<template>\n    <bento-typography :id=\"$attrs.id\" class=\"b-error-message\" el=\"span\" aria-live=\"polite\">\n        <div class=\"b-error-message__icon\">\n            <cross-circle-icon :svg-title=\"t('error')\" />\n        </div>\n        {{ errorMessage }}\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoTypography } from '@/components/typography';\n    import CrossCircleIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import { useI18n } from '@/utils/ts/i18n';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * An error message component should be used whenever it is necessary to add an error message to a component.\n     * If adding to a form component, the proper accessibility measures should be taken when necessary\n     * (ex. associating an element with this one using aria-describedby).\n\n    * @example\n    * import { ErrorMessage } from '@/components/internal/error-message';\n    *\n    * export default {\n    *     components: { ErrorMessage },\n    *     template: `\n    *          <error-message :error-message=\"errorMessage\" />\n    *     `\n    * }\n    */\n\n    defineProps({\n        /**\n         * The rendered error message\n         */\n        errorMessage: {\n            type: String,\n            required: true,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\n        name: 'error-message',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./error-message.scss\" />\n","<template>\n    <label class=\"b-field-label\" :class=\"conditionalClasses\">\n        <bento-typography el=\"span\" stronger>\n            <template v-if=\"label\">{{ label }}</template>\n            <template v-else><slot></slot></template>\n        </bento-typography>\n        <bento-typography v-if=\"!!tooltipText\" el=\"span\" class=\"b-field-label__tooltip-wrapper\">\n            <bento-info-icon :tooltip-text=\"tooltipText\" class=\"b-field-label__tooltip\" />\n        </bento-typography>\n        <bento-typography v-if=\"required\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('required') }})</bento-typography\n        >\n        <bento-typography v-else-if=\"optional\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('optional') }})</bento-typography\n        >\n    </label>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography } from '@/components/typography';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { computed } from 'vue';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * Renders the dropdown with a condensed style.\n         */\n        condensed: { type: Boolean, default: false },\n        /**\n         * Field label\n         */\n        label: {\n            type: String,\n            default: null,\n        },\n        /**\n         * Sets the field as optional\n         */\n        optional: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Sets the field as required\n         */\n        required: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Adds a info icon next to the label to display the passed tooltip message.\n         */\n        tooltipText: {\n            type: String,\n            default: null,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const conditionalClasses = computed(() => ({ 'b-field-label--condensed': props.condensed }));\n</script>\n\n<script lang=\"ts\">\n    /**\n    * Internal component to handle the labels for all field components\n\n    * @example\n    * import { FieldLabel } from '@/components/internal/field-label';\n    *\n    * export default {\n    *     components: { FieldLabel },\n    *     template: `\n    *          <field-label label=\"Label\" tooltip-text=\"Tooltip info\" required />\n    *     `\n    * }\n    */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./field-label.scss\" />\n"],"names":["__default__$1","messages$1","t","useI18n","__default__","messages","props","__props","conditionalClasses","computed"],"mappings":";;;;;;;;;;;;;;;;;2CA+CIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;AAPA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAF,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCwCAG,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxDA,UAAAC,IAAAC,GAmCA,EAAA,GAAAL,EAAA,IAAAC,EAAA,EAAA,UAAAE,EAAA,CAAA,GAEAG,IAAAC,EAAA,OAAA,EAAA,4BAAAH,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{file-uploader.DELe6_NM.js → file-uploader.By0MTfKk.js}

@@ -1,26 +1,26 @@
-import { createElementBlock as x, openBlock as s, mergeProps as V, createCommentVNode as v, createElementVNode as m, toDisplayString as f, defineComponent as la, createBlock as k, unref as t, Transition as li, withCtx as y, renderSlot as Ca, TransitionGroup as si, ref as I, onUnmounted as ci, onMounted as Oa, computed as h, watch as ha, normalizeClass as q, createVNode as O, resolveDynamicComponent as di, withDirectives as Ha, createTextVNode as _, reactive as ba, toRef as xa, withKeys as $a, withModifiers as aa, Fragment as _a, renderList as ri, vShow as mi, nextTick as ui } from "vue";
+import { createElementBlock as x, openBlock as s, mergeProps as V, createCommentVNode as v, createElementVNode as m, toDisplayString as f, defineComponent as la, createBlock as k, unref as t, Transition as li, withCtx as y, renderSlot as $a, TransitionGroup as si, ref as I, onUnmounted as ci, onMounted as Ha, computed as h, watch as ha, normalizeClass as q, createVNode as O, resolveDynamicComponent as di, withDirectives as qa, createTextVNode as _, reactive as ba, toRef as xa, withKeys as _a, withModifiers as aa, Fragment as ja, renderList as ri, vShow as mi, nextTick as ui } from "vue";
 /* empty css              */
 import { _ as L } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { W as qa } from "./warning-filled.BMGD0G-_.js";
-import { B as vi } from "./alert.Dzx5MzgE.js";
+import { W as Ba } from "./warning-filled.BMGD0G-_.js";
+import { B as vi } from "./alert.C2pusd-_.js";
 import { B as R, d as fi } from "./typography.yBEME_Gu.js";
-import { u as sa } from "./i18n.B6g5VX0q.js";
+import { u as sa } from "./index.pdBj0KQU.js";
 import { g as S } from "./generate-uid.NJ8tVoha.js";
-import { i as Ba } from "./index.CWuzEfiV.js";
+import { i as Za } from "./index.CWuzEfiV.js";
 import { B as xi } from "./bin.DuHlEQBO.js";
 import { C as gi } from "./checkmark-circle-fill._6-d40ru.js";
 import { C as hi } from "./cross.B92GxFTY.js";
 import { R as bi } from "./refresh.BB4ouvz_.js";
-import { b as wi } from "./tooltip.CEHc6lzU.js";
-import { B as ga } from "./button.C-MAa6ut.js";
+import { b as wi } from "./tooltip.Dp9_ESm_.js";
+import { B as ga } from "./button.DhcxX2GJ.js";
 import { B as yi } from "./link.cwPmWlsk.js";
-import { B as ki } from "./loading-indicator.VHi5tbZa.js";
-import { F as Ci, E as $i } from "./field-label.DSeawpYh.js";
+import { B as ki } from "./loading-indicator.Db794TT5.js";
+import { F as Ci, E as $i } from "./field-label.C97CrBI_.js";
 import "../assets/file-uploader.css";
-let ja = 0;
+let za = 0;
 const _i = {
   beforeCreate() {
-    this.uuid = ja.toString(), ja += 1;
+    this.uuid = za.toString(), za += 1;
   }
 }, ji = { key: 0 };
 function zi(a, i, o, p, n, d) {
@@ -49,14 +49,14 @@ const Ri = /* @__PURE__ */ L(_i, [["render", zi]]), Ei = /* @__PURE__ */ la({
     showFileIcon: { type: Boolean }
   },
   setup(a) {
-    return (i, o) => t(Ba) ? (s(), k(li, {
+    return (i, o) => t(Za) ? (s(), k(li, {
       key: 0,
       name: i.name,
       mode: "out-in",
       css: i.showFileIcon
     }, {
       default: y(() => [
-        Ca(i.$slots, "default")
+        $a(i.$slots, "default")
       ]),
       _: 3
     }, 8, ["name", "css"])) : (s(), k(si, {
@@ -65,7 +65,7 @@ const Ri = /* @__PURE__ */ L(_i, [["render", zi]]), Ei = /* @__PURE__ */ la({
       css: i.showFileIcon
     }, {
       default: y(() => [
-        Ca(i.$slots, "default")
+        $a(i.$slots, "default")
       ]),
       _: 3
     }, 8, ["name", "css"]));
@@ -79,7 +79,7 @@ function Ii(a, i) {
   }
   return ci(() => {
     n();
-  }), Oa(() => {
+  }), Ha(() => {
     n(), p = new IntersectionObserver(
       (d) => {
         o.value = !d[0].isIntersecting;
@@ -91,12 +91,12 @@ function Ii(a, i) {
     ), p.observe(a.value.$el);
   }), o;
 }
-const za = ["byte", "kilobyte", "megabyte", "gigabyte", "terabyte", "petabyte"];
-function Za(a, i) {
-  const o = Math.max(0, Math.min(Math.floor(Math.log(i) / Math.log(1024)), za.length - 1));
+const Ra = ["byte", "kilobyte", "megabyte", "gigabyte", "terabyte", "petabyte"];
+function Aa(a, i) {
+  const o = Math.max(0, Math.min(Math.floor(Math.log(i) / Math.log(1024)), Ra.length - 1));
   return Intl.NumberFormat(a, {
     style: "unit",
-    unit: za[o]
+    unit: Ra[o]
   }).format(i / 1024 ** o);
 }
 var F = /* @__PURE__ */ ((a) => (a.LOADING = "loading", a.SUCCESS = "success", a.ERROR = "error", a))(F || {}), E = /* @__PURE__ */ ((a) => (a.ERROR_SIZE = "error-size", a.ERROR_LOAD = "error-load", a.ERROR_DIMENSIONS = "error-dimensions", a.ERROR_TYPE = "error-type", a))(E || {}), pa = /* @__PURE__ */ ((a) => (a.DISABLED = "disabled", a.DRAG_OVER = "drag-over", a.ERROR = "error", a.READONLY = "readonly", a))(pa || {}), b = /* @__PURE__ */ ((a) => (a.TABLE = "table", a.IMAGE = "image", a.VIDEO = "video", a.AUDIO = "audio", a.TEXT = "text", a.PDF = "pdf", a.SLIDES = "slides", a.COMPRESSED = "compressed", a.GENERIC = "generic", a))(b || {});
@@ -191,10 +191,10 @@ function Di(a, i, o) {
     n.state = F.ERROR, n.errors.push(E.ERROR_LOAD), n.progress = null;
   }, p.readAsArrayBuffer(n.data);
 }
-let Ra = 0;
+let Ea = 0;
 const Oi = {
   beforeCreate() {
-    this.uuid = Ra.toString(), Ra += 1;
+    this.uuid = Ea.toString(), Ea += 1;
   }
 }, Hi = { key: 0 }, qi = ["clip-path"], Bi = ["id"];
 function Zi(a, i, o, p, n, d) {
@@ -228,10 +228,10 @@ function Zi(a, i, o, p, n, d) {
   ], 16);
 }
 const Ai = /* @__PURE__ */ L(Oi, [["render", Zi]]);
-let Ea = 0;
+let Ia = 0;
 const Ui = {
   beforeCreate() {
-    this.uuid = Ea.toString(), Ea += 1;
+    this.uuid = Ia.toString(), Ia += 1;
   }
 }, Ni = { key: 0 };
 function Pi(a, i, o, p, n, d) {
@@ -252,10 +252,10 @@ function Pi(a, i, o, p, n, d) {
   ], 16);
 }
 const Gi = /* @__PURE__ */ L(Ui, [["render", Pi]]);
-let Ia = 0;
+let La = 0;
 const Wi = {
   beforeCreate() {
-    this.uuid = Ia.toString(), Ia += 1;
+    this.uuid = La.toString(), La += 1;
   }
 }, Yi = { key: 0 };
 function Xi(a, i, o, p, n, d) {
@@ -274,10 +274,10 @@ function Xi(a, i, o, p, n, d) {
   ], 16);
 }
 const Ji = /* @__PURE__ */ L(Wi, [["render", Xi]]);
-let La = 0;
+let Ta = 0;
 const Ki = {
   beforeCreate() {
-    this.uuid = La.toString(), La += 1;
+    this.uuid = Ta.toString(), Ta += 1;
   }
 }, Qi = { key: 0 };
 function ae(a, i, o, p, n, d) {
@@ -304,10 +304,10 @@ function ae(a, i, o, p, n, d) {
   ], 16);
 }
 const ie = /* @__PURE__ */ L(Ki, [["render", ae]]);
-let Ta = 0;
+let Ma = 0;
 const ee = {
   beforeCreate() {
-    this.uuid = Ta.toString(), Ta += 1;
+    this.uuid = Ma.toString(), Ma += 1;
   }
 }, te = { key: 0 };
 function ne(a, i, o, p, n, d) {
@@ -326,10 +326,10 @@ function ne(a, i, o, p, n, d) {
   ], 16);
 }
 const oe = /* @__PURE__ */ L(ee, [["render", ne]]);
-let Ma = 0;
+let Sa = 0;
 const pe = {
   beforeCreate() {
-    this.uuid = Ma.toString(), Ma += 1;
+    this.uuid = Sa.toString(), Sa += 1;
   }
 }, le = { key: 0 };
 function se(a, i, o, p, n, d) {
@@ -352,10 +352,10 @@ function se(a, i, o, p, n, d) {
   ], 16);
 }
 const ce = /* @__PURE__ */ L(pe, [["render", se]]);
-let Sa = 0;
+let Fa = 0;
 const de = {
   beforeCreate() {
-    this.uuid = Sa.toString(), Sa += 1;
+    this.uuid = Fa.toString(), Fa += 1;
   }
 }, re = { key: 0 }, me = ["clip-path"], ue = ["id"];
 function ve(a, i, o, p, n, d) {
@@ -388,10 +388,10 @@ function ve(a, i, o, p, n, d) {
   ], 16);
 }
 const fe = /* @__PURE__ */ L(de, [["render", ve]]);
-let Fa = 0;
+let Va = 0;
 const xe = {
   beforeCreate() {
-    this.uuid = Fa.toString(), Fa += 1;
+    this.uuid = Va.toString(), Va += 1;
   }
 }, ge = { key: 0 };
 function he(a, i, o, p, n, d) {
@@ -418,10 +418,10 @@ function he(a, i, o, p, n, d) {
   ], 16);
 }
 const be = /* @__PURE__ */ L(xe, [["render", he]]);
-let Va = 0;
+let Da = 0;
 const we = {
   beforeCreate() {
-    this.uuid = Va.toString(), Va += 1;
+    this.uuid = Da.toString(), Da += 1;
   }
 }, ye = { key: 0 };
 function ke(a, i, o, p, n, d) {
@@ -467,7 +467,7 @@ function je(a) {
       return "green";
   }
 }
-const Aa = {
+const Ua = {
   "en-US": {
     cancel: "Cancel",
     fileExceedsSizeLimit: "File exceeds size limit",
@@ -488,7 +488,7 @@ const Aa = {
   }
 }, ze = { class: "b-file-uploader-file-card__details" }, Re = { class: "b-file-uploader-file-card__info" }, Ee = ["id"], Ie = { class: "b-file-uploader-file-card__actions" }, Le = {
   name: "file-uploader-file-card",
-  i18n: { messages: Aa }
+  i18n: { messages: Ua }
 }, Te = /* @__PURE__ */ la({
   ...Le,
   props: {
@@ -497,12 +497,12 @@ const Aa = {
   },
   emits: ["cancel", "remove", "retry"],
   setup(a, { expose: i, emit: o }) {
-    const n = a, d = o, { t: l, locale: u } = sa({ messages: Aa }), w = I(null), r = I(null), z = I(null), B = S("file-errors-section"), Z = S("cancel-file-button"), P = S("remove-file-button"), g = S("retry-file-button"), H = I(n.file.state === F.SUCCESS), D = h(() => URL.createObjectURL(n.file.data)), A = h(() => n.file.state === F.ERROR), ea = h(() => n.file.errors.includes(E.ERROR_LOAD)), ta = h(() => n.file.errors.includes(E.ERROR_SIZE)), na = h(() => n.file.errors.includes(E.ERROR_DIMENSIONS)), Y = h(() => n.file.errors.includes(E.ERROR_TYPE)), U = h(() => n.file.state === F.LOADING), X = h(() => n.file.progress && `(${n.file.progress.toFixed(0)}%)`), ca = h(() => Za(u.value, n.file.data.size)), J = I(), G = I(), da = Ii(J, G), K = h(() => ({
+    const n = a, d = o, { t: l, locale: u } = sa({ messages: Ua }), w = I(null), r = I(null), z = I(null), B = S("file-errors-section"), Z = S("cancel-file-button"), P = S("remove-file-button"), g = S("retry-file-button"), H = I(n.file.state === F.SUCCESS), D = h(() => URL.createObjectURL(n.file.data)), A = h(() => n.file.state === F.ERROR), ea = h(() => n.file.errors.includes(E.ERROR_LOAD)), ta = h(() => n.file.errors.includes(E.ERROR_SIZE)), na = h(() => n.file.errors.includes(E.ERROR_DIMENSIONS)), Y = h(() => n.file.errors.includes(E.ERROR_TYPE)), U = h(() => n.file.state === F.LOADING), X = h(() => n.file.progress && `(${n.file.progress.toFixed(0)}%)`), ca = h(() => Aa(u.value, n.file.data.size)), J = I(), G = I(), da = Ii(J, G), K = h(() => ({
       "b-file-uploader-file-card--error": A.value
     })), ra = h(() => ({
       [`b-file-uploader-file-card__icon--${je(n.file)}`]: H.value,
       "b-file-uploader-file-card__icon--error": A.value
-    })), oa = h(() => U.value ? ki : A.value ? qa : H.value ? _e(n.file) : gi);
+    })), oa = h(() => U.value ? ki : A.value ? Ba : H.value ? _e(n.file) : gi);
     ha(
       () => n.file.state,
       (j) => {
@@ -535,7 +535,7 @@ const Aa = {
       m("div", ze, [
         m("div", Re, [
           O(t(Ei), {
-            name: t(Ba) ? "b-file-uploader-file-card__animation" : "b-file-uploader-file-card__animation--vue3",
+            name: t(Za) ? "b-file-uploader-file-card__animation" : "b-file-uploader-file-card__animation--vue3",
             "show-file-icon": H.value
           }, {
             default: y(() => [
@@ -564,7 +564,7 @@ const Aa = {
               variant: "quiet"
             }, {
               default: y(() => [
-                Ha((s(), k(t(R), {
+                qa((s(), k(t(R), {
                   ref_key: "fileNameRef",
                   ref: J,
                   stronger: "",
@@ -689,7 +689,7 @@ const Aa = {
       ])
     ], 2));
   }
-}), Me = /* @__PURE__ */ L(Te, [["__scopeId", "data-v-389ff9bd"]]), Ua = {
+}), Me = /* @__PURE__ */ L(Te, [["__scopeId", "data-v-e2340e06"]]), Na = {
   "en-US": {
     maxFileSize: "Max file size: {size}",
     maxImageDimensions: "Max image dimensions: {width} × {height}px",
@@ -699,7 +699,7 @@ const Aa = {
     supportedFileTypes: "Supported file types: {list}"
   }
 }, Se = {
-  i18n: { messages: Ua }
+  i18n: { messages: Na }
 }, Fe = /* @__PURE__ */ la({
   ...Se,
   __name: "file-uploader-restrictions",
@@ -712,7 +712,7 @@ const Aa = {
     supportedFileTypes: { default: null }
   },
   setup(a) {
-    const i = a, { t: o, tc: p, n, locale: d } = sa({ messages: Ua }), l = h(() => ({
+    const i = a, { t: o, tc: p, n, locale: d } = sa({ messages: Na }), l = h(() => ({
       "b-file-uploader-restrictions--condensed": i.condensed,
       "b-file-uploader-restrictions--disabled": i.disabled
     }));
@@ -746,7 +746,7 @@ const Aa = {
         class: q(u(r.maxSize.error))
       }, {
         default: y(() => [
-          _(f(t(o)("maxFileSize", { size: t(Za)(t(d), r.maxSize.value) })), 1)
+          _(f(t(o)("maxFileSize", { size: t(Aa)(t(d), r.maxSize.value) })), 1)
         ]),
         _: 1
       }, 8, ["class"])) : v("", !0),
@@ -770,7 +770,7 @@ const Aa = {
       }, 8, ["class"])) : v("", !0)
     ], 2));
   }
-}), Da = /* @__PURE__ */ L(Fe, [["__scopeId", "data-v-6ad327db"]]), Na = {
+}), Oa = /* @__PURE__ */ L(Fe, [["__scopeId", "data-v-6ad327db"]]), Pa = {
   "application/prs.cww": ["cww"],
   "application/prs.xsf+xml": ["xsf"],
   "application/vnd.1000minds.decision-model+xml": ["1km"],
@@ -1469,8 +1469,8 @@ const Aa = {
   "video/x-smv": ["smv"],
   "x-conference/x-cooltalk": ["ice"]
 };
-Object.freeze(Na);
-const Pa = {
+Object.freeze(Pa);
+const Ga = {
   "application/andrew-inset": ["ez"],
   "application/appinstaller": ["appinstaller"],
   "application/applixware": ["aw"],
@@ -1822,7 +1822,7 @@ const Pa = {
   "video/quicktime": ["qt", "mov"],
   "video/webm": ["webm"]
 };
-Object.freeze(Pa);
+Object.freeze(Ga);
 var M = function(a, i, o, p) {
   if (o === "a" && !p) throw new TypeError("Private accessor was defined without a getter");
   if (typeof i == "function" ? a !== i || !p : !i.has(a)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
@@ -1880,12 +1880,24 @@ class Ve {
   }
 }
 W = /* @__PURE__ */ new WeakMap(), ia = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
-const Ga = new Ve(Pa, Na)._freeze();
+const Wa = new Ve(Ga, Pa)._freeze(), wa = {
+  "en-US": {
+    audioFiles: "audio files",
+    browseFiles: "Browse files",
+    dropArea: "Drop area",
+    dropFiles: "Drop file to upload | Drop files to upload",
+    fileExceedsSizeLimit: "File exceeds size limit",
+    imageFiles: "image files",
+    tooManyFiles: "Too many files",
+    videoFiles: "video files",
+    youHaveExceededTheMaximum: "You have exceeded the maximum limit of {count} files. Please remove some files before proceeding."
+  }
+};
 function De(a) {
-  return a.includes("/") ? `.${Ga.getExtension(a).toUpperCase()}` : a.toUpperCase();
+  return a.includes("/") ? `.${Wa.getExtension(a).toUpperCase()}` : a.toUpperCase();
 }
 function Oe(a) {
-  const { locale: i, t: o } = sa();
+  const { locale: i, t: o } = sa({ messages: wa });
   return { supportedFileTypeList: h(() => {
     const n = new Intl.ListFormat(i.value, { style: "short", type: "unit" });
     return a != null && a.value ? n.format(
@@ -1904,21 +1916,8 @@ function Oe(a) {
     ) : null;
   }) };
 }
-const Wa = {
-  "en-US": {
-    audioFiles: "audio files",
-    browseFiles: "Browse files",
-    dropArea: "Drop area",
-    dropFiles: "Drop file to upload | Drop files to upload",
-    fileExceedsSizeLimit: "File exceeds size limit",
-    imageFiles: "image files",
-    tooManyFiles: "Too many files",
-    videoFiles: "video files",
-    youHaveExceededTheMaximum: "You have exceeded the maximum limit of {count} files. Please remove some files before proceeding."
-  }
-};
 function He(a) {
-  return Ga.getType(a) ?? a;
+  return Wa.getType(a) ?? a;
 }
 function qe({ maxCount: a, accept: i }) {
   const o = ba({
@@ -1956,7 +1955,7 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
   "aria-hidden": "true"
 }, Ne = { class: "b-file-uploader__files" }, Pe = {
   model: { prop: "modelValue" },
-  i18n: { messages: Wa }
+  i18n: { messages: wa }
 }, Ge = /* @__PURE__ */ la({
   ...Pe,
   __name: "file-uploader",
@@ -1977,11 +1976,11 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
   },
   emits: ["change", "input", "update:modelValue", "error:upload"],
   setup(a, { emit: i }) {
-    const { t: o, tc: p, n } = sa({ messages: Wa }), d = i, l = a;
+    const { t: o, tc: p, n } = sa({ messages: wa }), d = i, l = a;
     function u(e) {
       return !!e && typeof e.length == "number" && typeof e.item == "function";
     }
-    Oa(() => {
+    Ha(() => {
       u(l.modelValue) || fi(
         "BentoFileUploaderValue types: string | Array<string> | File | Array<File>",
         "Use FileList instead.",
@@ -2056,7 +2055,7 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
       }
       A.value.focus();
     }
-    async function wa(e) {
+    async function ya(e) {
       g.value = g.value.filter(({ id: c }) => c !== e.id), await ua(), j(g.value);
     }
     function va(e) {
@@ -2074,7 +2073,7 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
       var c;
       ((c = g.value) == null ? void 0 : c.length) === l.maxCount && e.preventDefault();
     }
-    async function ya(e) {
+    async function ka(e) {
       if (l.maxCount === 1 && e.length > l.maxCount) {
         fa(), X();
         return;
@@ -2100,11 +2099,11 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
     }
     async function ii(e) {
       var c;
-      l.disabled || (!U.invalidTypes && ((c = e.dataTransfer.files) != null && c.length) && ya(e.dataTransfer.files), fa(), X());
+      l.disabled || (!U.invalidTypes && ((c = e.dataTransfer.files) != null && c.length) && ka(e.dataTransfer.files), fa(), X());
     }
     async function ei() {
       var e;
-      (e = D.value.files) != null && e.length && ya(D.value.files), D.value.value = "", await ua();
+      (e = D.value.files) != null && e.length && ka(D.value.files), D.value.value = "", await ua();
     }
     ha(
       () => l.modelValue,
@@ -2132,7 +2131,7 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
       );
       if (c.length) {
         const C = new DataTransfer();
-        return c.forEach(({ data: $, id: ka }) => {
+        return c.forEach(({ data: $, id: Ca }) => {
           C.items.add($);
         }), C.files;
       }
@@ -2184,14 +2183,14 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
           onDrop: aa(ii, ["stop", "prevent"]),
           onDragover: ai,
           onKeydownCapture: [
-            c[1] || (c[1] = $a(aa(($) => D.value.click(), ["prevent"]), ["enter"])),
-            c[2] || (c[2] = $a(aa(($) => D.value.click(), ["prevent"]), ["space"]))
+            c[1] || (c[1] = _a(aa(($) => D.value.click(), ["prevent"]), ["enter"])),
+            c[2] || (c[2] = _a(aa(($) => D.value.click(), ["prevent"]), ["space"]))
           ]
         }, [
           m("div", Ue, [
-            T.value ? (s(), k(t(qa), { key: 0 })) : (s(), k(t(Ri), { key: 1 }))
+            T.value ? (s(), k(t(Ba), { key: 0 })) : (s(), k(t(Ri), { key: 1 }))
           ]),
-          e.condensed ? v("", !0) : (s(), x(_a, { key: 0 }, [
+          e.condensed ? v("", !0) : (s(), x(ja, { key: 0 }, [
             O(t(R), {
               id: t(B),
               el: "span",
@@ -2214,7 +2213,7 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
               ]),
               _: 1
             }, 8, ["id"])) : v("", !0),
-            O(t(Da), V(J.value, { id: t(P) }), null, 16, ["id"])
+            O(t(Oa), V(J.value, { id: t(P) }), null, 16, ["id"])
           ], 64)),
           O(t(R), {
             id: t(r),
@@ -2245,7 +2244,7 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
           ]),
           _: 1
         }, 8, ["id"])) : v("", !0),
-        e.condensed ? (s(), k(t(Da), V({ key: 3 }, J.value, { id: t(P) }), null, 16, ["id"])) : v("", !0),
+        e.condensed ? (s(), k(t(Oa), V({ key: 3 }, J.value, { id: t(P) }), null, 16, ["id"])) : v("", !0),
         Q.value ? (s(), k(t(vi), {
           key: 4,
           type: "critical"
@@ -2258,15 +2257,15 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
           ]),
           _: 1
         })) : v("", !0),
-        Ha(m("div", Ne, [
-          (s(!0), x(_a, null, ri(g.value, ($, ka) => (s(), k(t(Me), {
+        qa(m("div", Ne, [
+          (s(!0), x(ja, null, ri(g.value, ($, Ca) => (s(), k(t(Me), {
             ref_for: !0,
-            ref: ma(ka),
+            ref: ma(Ca),
             key: $.id,
             file: $,
             "supported-file-types": t(w),
-            onCancel: (pi) => wa($),
-            onRemove: (pi) => wa($)
+            onCancel: (pi) => ya($),
+            onRemove: (pi) => ya($)
           }, null, 8, ["file", "supported-file-types", "onCancel", "onRemove"]))), 128))
         ], 512), [
           [mi, (C = g.value) == null ? void 0 : C.length]
@@ -2278,4 +2277,4 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
 export {
   mt as f
 };
-//# sourceMappingURL=file-uploader.DELe6_NM.js.map
+//# sourceMappingURL=file-uploader.By0MTfKk.js.map