@volverjs/ui-vue 0.0.10-beta.11 → 0.0.10-beta.13

package/dist/components/index.es.js

@@ -1,4 +1,4 @@
-import { unref, inject, computed, toRef, toRefs, defineComponent, useAttrs, ref, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, isRef, provide, watchEffect, watch, Fragment, renderList, createBlock, mergeProps, withCtx, resolveDynamicComponent, createCommentVNode, createVNode, TransitionGroup, toHandlers, useSlots, h, onMounted, withDirectives, vModelCheckbox, createSlots, nextTick, Transition, normalizeStyle, vShow, vModelSelect, vModelText, vModelRadio } from "vue";
+import { unref, inject, computed, toRef, toRefs, defineComponent, useAttrs, ref, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, isRef, provide, watchEffect, watch, Fragment, renderList, createBlock, mergeProps, withCtx, resolveDynamicComponent, createCommentVNode, createVNode, TransitionGroup, toHandlers, useSlots, h, onMounted, withDirectives, vModelCheckbox, createSlots, nextTick, Transition, normalizeStyle, vShow, vModelSelect, vModelText, vModelRadio, onBeforeUnmount } from "vue";
 import { uid } from "uid";
 import { useToggle, useStorage, useVModel, useMutationObserver, onClickOutside, useFocusWithin, onKeyStroke, useElementHover, useFocus, useElementVisibility, refDebounced, computedAsync } from "@vueuse/core";
 import { iconExists, Icon, addIcon } from "@iconify/vue";
@@ -754,14 +754,14 @@ function useModifiers(prefix, modifiers, others) {
     return toReturn;
   });
 }
-const _hoisted_1$l = ["id", "open"];
-const _hoisted_2$e = ["aria-controls", "aria-expanded"];
-const _hoisted_3$7 = ["aria-hidden"];
-const __default__$q = {
+const _hoisted_1$m = ["id", "open"];
+const _hoisted_2$f = ["aria-controls", "aria-expanded"];
+const _hoisted_3$8 = ["aria-hidden"];
+const __default__$r = {
   name: "VvAccordion"
 };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  ...__default__$r,
   props: VvAccordionProps,
   emits: VvAccordionEvents,
   setup(__props, { emit }) {
@@ -847,7 +847,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
               /* TEXT */
             )
           ])
-        ], 8, _hoisted_2$e),
+        ], 8, _hoisted_2$f),
         createElementVNode("div", {
           "aria-hidden": !unref(isOpen),
           class: "vv-accordion__content"
@@ -859,8 +859,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
               /* TEXT */
             )
           ])
-        ], 8, _hoisted_3$7)
-      ], 10, _hoisted_1$l);
+        ], 8, _hoisted_3$8)
+      ], 10, _hoisted_1$m);
     };
   }
 });
@@ -913,11 +913,11 @@ function useProvideGroupState(groupState) {
     computed(() => groupState)
   );
 }
-const __default__$p = {
+const __default__$q = {
   name: "VvAccordionGroup"
 };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  ...__default__$q,
   props: VvAccordionGroupProps,
   emits: VvAccordionGroupEvents,
   setup(__props, { emit }) {
@@ -991,7 +991,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               null,
               renderList(unref(items), (item) => {
                 return openBlock(), createBlock(
-                  _sfc_main$w,
+                  _sfc_main$x,
                   mergeProps({
                     key: item.title
                   }, {
@@ -1038,11 +1038,11 @@ function useInjectedDropdownItem() {
 function useInjectedDropdownAction() {
   return inject(INJECTION_KEY_DROPDOWN_ACTION, {});
 }
-const __default__$o = {
+const __default__$p = {
   name: "VvAction"
 };
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
   props: VvActionProps,
   emits: VvActionEvents,
   setup(__props, { expose: __expose, emit }) {
@@ -1251,11 +1251,11 @@ const VvIconProps = {
     type: [String, Array]
   }
 };
-const __default__$n = {
+const __default__$o = {
   name: "VvIcon"
 };
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
   props: VvIconProps,
   setup(__props) {
     const props = __props;
@@ -1492,35 +1492,35 @@ const useVvAlert = (props, emit) => {
     }))
   };
 };
-const _hoisted_1$k = {
+const _hoisted_1$l = {
   key: 0,
   class: "vv-alert__header"
 };
-const _hoisted_2$d = ["id"];
-const _hoisted_3$6 = ["aria-label"];
-const _hoisted_4$5 = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$e = ["id"];
+const _hoisted_3$7 = ["aria-label"];
+const _hoisted_4$6 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "vv-alert__close-mask" },
   null,
   -1
   /* HOISTED */
 );
-const _hoisted_5$4 = [
-  _hoisted_4$5
+const _hoisted_5$5 = [
+  _hoisted_4$6
 ];
-const _hoisted_6$4 = {
+const _hoisted_6$5 = {
   key: 1,
   class: "vv-alert__content"
 };
-const _hoisted_7$4 = {
+const _hoisted_7$5 = {
   key: 2,
   class: "vv-alert__footer"
 };
-const __default__$m = {
+const __default__$n = {
   name: "VvAlert"
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  ...__default__$n,
   props: VvAlertProps,
   emits: VvAlertEvents,
   setup(__props, { expose: __expose, emit }) {
@@ -1532,9 +1532,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         "div",
         normalizeProps(guardReactiveProps(unref(hasProps))),
         [
-          _ctx.$slots.header || _ctx.$slots.title || _ctx.$slots.close || _ctx.$slots["title::before"] || _ctx.$slots["title::after"] || _ctx.title || _ctx.dismissable || _ctx.autoClose ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
+          _ctx.$slots.header || _ctx.$slots.title || _ctx.$slots.close || _ctx.$slots["title::before"] || _ctx.$slots["title::after"] || _ctx.title || _ctx.dismissable || _ctx.autoClose ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
             unref(hasIcon) ? (openBlock(), createBlock(
-              _sfc_main$t,
+              _sfc_main$u,
               mergeProps({ key: 0 }, unref(hasIcon), { class: "vv-alert__icon" }),
               null,
               16
@@ -1554,7 +1554,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                     /* TEXT */
                   )
                 ])
-              ], 8, _hoisted_2$d)) : createCommentVNode("v-if", true),
+              ], 8, _hoisted_2$e)) : createCommentVNode("v-if", true),
               renderSlot(_ctx.$slots, "title::after")
             ]),
             renderSlot(_ctx.$slots, "close", normalizeProps(guardReactiveProps({ close: unref(close) })), () => [
@@ -1568,10 +1568,10 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                   (...args) => unref(close) && unref(close)(...args),
                   ["stop"]
                 ))
-              }, _hoisted_5$4, 8, _hoisted_3$6)) : createCommentVNode("v-if", true)
+              }, _hoisted_5$5, 8, _hoisted_3$7)) : createCommentVNode("v-if", true)
             ])
           ])) : createCommentVNode("v-if", true),
-          _ctx.$slots.default || _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
+          _ctx.$slots.default || _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_6$5, [
             renderSlot(_ctx.$slots, "default", {}, () => [
               createTextVNode(
                 toDisplayString(_ctx.content),
@@ -1580,7 +1580,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               )
             ])
           ])) : createCommentVNode("v-if", true),
-          _ctx.$slots.footer || _ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
+          _ctx.$slots.footer || _ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
             renderSlot(_ctx.$slots, "footer", {}, () => [
               createTextVNode(
                 toDisplayString(_ctx.footer),
@@ -1708,11 +1708,11 @@ const useVvAlertGroup = (props, emit) => {
     }))
   };
 };
-const __default__$l = {
+const __default__$m = {
   name: "VvAlertGroup"
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
+  ...__default__$m,
   props: VvAlertGroupProps,
   emits: VvAlertGroupEvents,
   setup(__props, { emit }) {
@@ -1763,7 +1763,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                   null,
                   renderList(_ctx.items, (item) => {
                     return openBlock(), createBlock(
-                      _sfc_main$s,
+                      _sfc_main$t,
                       mergeProps(item, {
                         key: item.id
                       }),
@@ -1795,9 +1795,9 @@ const VvAvatarProps = {
    */
   imgSrc: String
 };
-const _hoisted_1$j = ["role", "aria-label"];
-const _hoisted_2$c = ["src"];
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = ["role", "aria-label"];
+const _hoisted_2$d = ["src"];
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "VvAvatar",
   props: VvAvatarProps,
   setup(__props) {
@@ -1815,9 +1815,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             key: 0,
             src: _ctx.imgSrc,
             alt: "avatar"
-          }, null, 8, _hoisted_2$c)) : createCommentVNode("v-if", true)
+          }, null, 8, _hoisted_2$d)) : createCommentVNode("v-if", true)
         ])
-      ], 10, _hoisted_1$j);
+      ], 10, _hoisted_1$k);
     };
   }
 });
@@ -1840,8 +1840,8 @@ const VvAvatarGroupProps = {
   },
   avatarModifiers: [String, Array]
 };
-const _hoisted_1$i = { key: 0 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _hoisted_1$j = { key: 0 };
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "VvAvatarGroup",
   props: VvAvatarGroupProps,
   setup(__props) {
@@ -1884,7 +1884,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               null,
               renderList(unref(avatarItems), (avatarItem) => {
                 return openBlock(), createBlock(
-                  _sfc_main$q,
+                  _sfc_main$r,
                   mergeProps({
                     key: avatarItem.key
                   }, {
@@ -1895,7 +1895,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       avatarItem.text ? (openBlock(), createElementBlock(
                         "span",
-                        _hoisted_1$i,
+                        _hoisted_1$j,
                         toDisplayString(avatarItem.text),
                         1
                         /* TEXT */
@@ -1911,7 +1911,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               128
               /* KEYED_FRAGMENT */
             )),
-            (unref(totalItems) || unref(items).length) > unref(toShow) ? (openBlock(), createBlock(_sfc_main$q, {
+            (unref(totalItems) || unref(items).length) > unref(toShow) ? (openBlock(), createBlock(_sfc_main$r, {
               key: 0,
               modifiers: `${unref(stringModifiers)} surface bordered`
             }, {
@@ -1937,11 +1937,11 @@ const VvBadgeProps = {
   ...ModifiersProps,
   value: [String, Number]
 };
-const __default__$k = {
+const __default__$l = {
   name: "VvBadge"
 };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  ...__default__$l,
   props: VvBadgeProps,
   setup(__props) {
     const props = __props;
@@ -1973,13 +1973,13 @@ const VvBreadcrumbProps = {
   ...ModifiersProps,
   routes: Array
 };
-const _hoisted_1$h = { class: "vv-breadcrumb__list" };
-const _hoisted_2$b = ["content"];
-const __default__$j = {
+const _hoisted_1$i = { class: "vv-breadcrumb__list" };
+const _hoisted_2$c = ["content"];
+const __default__$k = {
   name: "VvBreadcrumb"
 };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  ...__default__$k,
   props: VvBreadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -1998,7 +1998,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           "aria-label": "breadcrumbs"
         },
         [
-          createElementVNode("ol", _hoisted_1$h, [
+          createElementVNode("ol", _hoisted_1$i, [
             (openBlock(true), createElementBlock(
               Fragment,
               null,
@@ -2015,7 +2015,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     itemscope: ""
                   },
                   [
-                    createVNode(_sfc_main$u, mergeProps(route, {
+                    createVNode(_sfc_main$v, mergeProps(route, {
                       class: !isLast(index) ? "vv-breadcrumb__link" : "vv-breadcrumb__label",
                       "aria-current": isLast(index) ? "page" : void 0,
                       itemprop: "item",
@@ -2036,7 +2036,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     createElementVNode("meta", {
                       itemprop: "position",
                       content: `${index + 1}`
-                    }, null, 8, _hoisted_2$b)
+                    }, null, 8, _hoisted_2$c)
                   ],
                   2
                   /* CLASS */
@@ -2157,19 +2157,19 @@ function useGroupProps$2(props, emit) {
     label
   };
 }
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   key: 1,
   class: "vv-button__label"
 };
-const _hoisted_2$a = {
+const _hoisted_2$b = {
   key: 1,
   class: "vv-button__label"
 };
-const __default__$i = {
+const __default__$j = {
   name: "VvButton"
 };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  ...__default__$j,
   props: VvButtonProps,
   emits: VvButtonEvents,
   setup(__props, { expose: __expose, emit }) {
@@ -2247,7 +2247,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, mergeProps({
+      return openBlock(), createBlock(_sfc_main$v, mergeProps({
         disabled: unref(disabled),
         pressed: unref(pressed),
         active: _ctx.active,
@@ -2267,14 +2267,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
             _ctx.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }, () => [
-              _ctx.loadingIcon ? (openBlock(), createBlock(_sfc_main$t, {
+              _ctx.loadingIcon ? (openBlock(), createBlock(_sfc_main$u, {
                 key: 0,
                 class: "vv-button__loading-icon",
                 name: _ctx.loadingIcon
               }, null, 8, ["name"])) : createCommentVNode("v-if", true),
               _ctx.loadingLabel ? (openBlock(), createElementBlock(
                 "span",
-                _hoisted_1$g,
+                _hoisted_1$h,
                 toDisplayString(_ctx.loadingLabel),
                 1
                 /* TEXT */
@@ -2285,7 +2285,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               [
                 renderSlot(_ctx.$slots, "before"),
                 unref(icon) ? (openBlock(), createBlock(
-                  _sfc_main$t,
+                  _sfc_main$u,
                   mergeProps({
                     key: 0,
                     class: "vv-button__icon"
@@ -2294,7 +2294,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   16
                   /* FULL_PROPS */
                 )) : createCommentVNode("v-if", true),
-                unref(label) ? (openBlock(), createElementBlock("span", _hoisted_2$a, [
+                unref(label) ? (openBlock(), createElementBlock("span", _hoisted_2$b, [
                   renderSlot(_ctx.$slots, "label", {}, () => [
                     createTextVNode(
                       toDisplayString(unref(label)),
@@ -2335,11 +2335,11 @@ const VvButtonGroupProps = {
   }
 };
 const VvButtonGroupEvents = ["update:modelValue"];
-const __default__$h = {
+const __default__$i = {
   name: "VvButtonGroup"
 };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  ...__default__$i,
   props: VvButtonGroupProps,
   emits: VvButtonGroupEvents,
   setup(__props, { emit }) {
@@ -2403,23 +2403,23 @@ const VvCardProps = {
   ...ModifiersProps,
   title: String
 };
-const _hoisted_1$f = {
+const _hoisted_1$g = {
   key: 0,
   class: "vv-card__header"
 };
-const _hoisted_2$9 = {
+const _hoisted_2$a = {
   key: 1,
   class: "vv-card__content"
 };
-const _hoisted_3$5 = {
+const _hoisted_3$6 = {
   key: 2,
   class: "vv-card__footer"
 };
-const __default__$g = {
+const __default__$h = {
   name: "VvCard"
 };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
   props: VvCardProps,
   setup(__props) {
     const props = __props;
@@ -2432,7 +2432,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(bemCssClasses))
         },
         [
-          _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$f, [
+          _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$g, [
             renderSlot(_ctx.$slots, "header", {}, () => [
               createTextVNode(
                 toDisplayString(_ctx.title),
@@ -2442,10 +2442,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             ])
           ])) : createCommentVNode("v-if", true),
           renderSlot(_ctx.$slots, "default"),
-          _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+          _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
             renderSlot(_ctx.$slots, "content")
           ])) : createCommentVNode("v-if", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3$5, [
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3$6, [
             renderSlot(_ctx.$slots, "footer")
           ])) : createCommentVNode("v-if", true)
         ],
@@ -2676,13 +2676,13 @@ function useDefaults(componentName, propsDefinition, props) {
     }, {});
   });
 }
-const _hoisted_1$e = ["for"];
-const _hoisted_2$8 = ["id", "name", "disabled", "value", "tabindex", "aria-invalid", "aria-describedby", "aria-errormessage"];
-const __default__$f = {
+const _hoisted_1$f = ["for"];
+const _hoisted_2$9 = ["id", "name", "disabled", "value", "tabindex", "aria-invalid", "aria-describedby", "aria-errormessage"];
+const __default__$g = {
   name: "VvCheckbox"
 };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
   props: VvCheckboxProps,
   emits: VvCheckboxEvents,
   setup(__props, { emit }) {
@@ -2825,7 +2825,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           "aria-invalid": unref(isInvalid),
           "aria-describedby": unref(hasHintLabelOrSlot) ? unref(hasHintId) : void 0,
           "aria-errormessage": unref(hasInvalidLabelOrSlot) ? unref(hasHintId) : void 0
-        }, null, 8, _hoisted_2$8), [
+        }, null, 8, _hoisted_2$9), [
           [vModelCheckbox, unref(localModelValue)]
         ]),
         renderSlot(_ctx.$slots, "default", { value: unref(modelValue) }, () => [
@@ -2871,7 +2871,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             key: "3"
           } : void 0
         ]), 1032, ["id"])
-      ], 10, _hoisted_1$e);
+      ], 10, _hoisted_1$f);
     };
   }
 });
@@ -2909,13 +2909,13 @@ function useOptions(props) {
     getOptionGrouped
   };
 }
-const _hoisted_1$d = ["textContent"];
-const _hoisted_2$7 = { class: "vv-checkbox-group__wrapper" };
-const __default__$e = {
+const _hoisted_1$e = ["textContent"];
+const _hoisted_2$8 = { class: "vv-checkbox-group__wrapper" };
+const __default__$f = {
   name: "VvCheckboxGroup"
 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
   props: VvCheckboxGroupProps,
   emits: VvCheckboxGroupEvents,
   setup(__props, { emit }) {
@@ -2967,14 +2967,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           _ctx.label ? (openBlock(), createElementBlock("legend", {
             key: 0,
             textContent: toDisplayString(_ctx.label)
-          }, null, 8, _hoisted_1$d)) : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_2$7, [
+          }, null, 8, _hoisted_1$e)) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_2$8, [
             _ctx.options.length > 0 ? (openBlock(true), createElementBlock(
               Fragment,
               { key: 0 },
               renderList(_ctx.options, (option, index) => {
                 return openBlock(), createBlock(
-                  _sfc_main$j,
+                  _sfc_main$k,
                   mergeProps({ key: index }, getOptionProps(option, index)),
                   null,
                   16
@@ -3260,13 +3260,13 @@ function useProvideDropdownAction({
     expanded
   });
 }
-const _hoisted_1$c = ["id", "tabindex", "role", "aria-labelledby"];
-const __default__$d = {
+const _hoisted_1$d = ["id", "tabindex", "role", "aria-labelledby"];
+const __default__$e = {
   name: "VvDropdown",
   inheritAttrs: false
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
   props: VvDropdownProps,
   emits: [
     "update:modelValue",
@@ -3668,7 +3668,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "items", normalizeProps(guardReactiveProps({
                       role: unref(itemRole)
                     })))
-                  ], 16, _hoisted_1$c),
+                  ], 16, _hoisted_1$d),
                   renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps({ expanded: unref(expanded) })))
                 ],
                 6
@@ -3687,11 +3687,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const __default__$c = {
+const __default__$d = {
   name: "VvDropdownItem"
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  ...__default__$d,
   setup(__props) {
     const { role, expanded } = useInjectedDropdownItem();
     const element = ref(null);
@@ -3721,12 +3721,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["title"];
-const __default__$b = {
+const _hoisted_1$c = ["title"];
+const __default__$c = {
   name: "VvDropdownOption"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
   props: {
     ...DisabledProps,
     ...SelectedProps,
@@ -3763,7 +3763,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$g, {
+      return openBlock(), createBlock(_sfc_main$h, {
         class: normalizeClass(unref(bemCssClasses)),
         tabindex: _ctx.disabled ? -1 : 0,
         "aria-selected": _ctx.selected,
@@ -3782,7 +3782,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                 /* TEXT */
               )
             ])
-          ], 8, _hoisted_1$b)
+          ], 8, _hoisted_1$c)
         ]),
         _: 3
         /* FORWARDED */
@@ -3790,16 +3790,16 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$a = {
+const _hoisted_1$b = {
   class: "vv-dropdown-optgroup",
   role: "presentation",
   tabindex: "-1"
 };
-const __default__$a = {
+const __default__$b = {
   name: "VvDropdownOptgroup"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
   props: {
     ...LabelProps
   },
@@ -3808,7 +3808,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         "li",
-        _hoisted_1$a,
+        _hoisted_1$b,
         toDisplayString(props.label),
         1
         /* TEXT */
@@ -3909,27 +3909,27 @@ function useComponentIcon(icon, iconPosition) {
     hasIconAfter
   };
 }
-const _hoisted_1$9 = ["for"];
-const _hoisted_2$6 = { class: "vv-select__wrapper" };
-const _hoisted_3$4 = {
+const _hoisted_1$a = ["for"];
+const _hoisted_2$7 = { class: "vv-select__wrapper" };
+const _hoisted_3$5 = {
   key: 0,
   class: "vv-select__input-before"
 };
-const _hoisted_4$4 = { class: "vv-select__inner" };
-const _hoisted_5$3 = ["id"];
-const _hoisted_6$3 = ["disabled", "hidden"];
-const _hoisted_7$3 = ["disabled", "value"];
-const _hoisted_8$2 = ["disabled", "label"];
-const _hoisted_9$1 = ["disabled", "value"];
-const _hoisted_10 = {
+const _hoisted_4$5 = { class: "vv-select__inner" };
+const _hoisted_5$4 = ["id"];
+const _hoisted_6$4 = ["disabled", "hidden"];
+const _hoisted_7$4 = ["disabled", "value"];
+const _hoisted_8$3 = ["disabled", "label"];
+const _hoisted_9$2 = ["disabled", "value"];
+const _hoisted_10$1 = {
   key: 1,
   class: "vv-select__input-after"
 };
-const __default__$9 = {
+const __default__$a = {
   name: "VvSelect"
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
   props: VvSelectProps,
   emits: VvSelectEmits,
   setup(__props, { emit }) {
@@ -4055,14 +4055,14 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           _ctx.label ? (openBlock(), createElementBlock("label", {
             key: 0,
             for: unref(hasId)
-          }, toDisplayString(_ctx.label), 9, _hoisted_1$9)) : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_2$6, [
-            _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
+          }, toDisplayString(_ctx.label), 9, _hoisted_1$a)) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_2$7, [
+            _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
               renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_4$4, [
+            createElementVNode("div", _hoisted_4$5, [
               unref(hasIconBefore) ? (openBlock(), createBlock(
-                _sfc_main$t,
+                _sfc_main$u,
                 mergeProps({
                   key: 0,
                   class: "vv-select__icon"
@@ -4082,7 +4082,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   value: void 0,
                   disabled: !_ctx.unselectable,
                   hidden: !_ctx.unselectable
-                }, toDisplayString(_ctx.placeholder), 9, _hoisted_6$3)) : createCommentVNode("v-if", true),
+                }, toDisplayString(_ctx.placeholder), 9, _hoisted_6$4)) : createCommentVNode("v-if", true),
                 (openBlock(true), createElementBlock(
                   Fragment,
                   null,
@@ -4095,7 +4095,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                           key: index,
                           disabled: unref(isOptionDisabled)(option),
                           value: unref(getOptionValue)(option)
-                        }, toDisplayString(unref(getOptionLabel)(option)), 9, _hoisted_7$3)) : (openBlock(), createElementBlock("optgroup", {
+                        }, toDisplayString(unref(getOptionLabel)(option)), 9, _hoisted_7$4)) : (openBlock(), createElementBlock("optgroup", {
                           key: `group-${index}`,
                           disabled: unref(isOptionDisabled)(option),
                           label: unref(getOptionLabel)(option)
@@ -4108,12 +4108,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                                 key: `group-${index}-item-${i}`,
                                 disabled: unref(isOptionDisabled)(item),
                                 value: unref(getOptionValue)(item)
-                              }, toDisplayString(unref(getOptionLabel)(item)), 9, _hoisted_9$1);
+                              }, toDisplayString(unref(getOptionLabel)(item)), 9, _hoisted_9$2);
                             }),
                             128
                             /* KEYED_FRAGMENT */
                           ))
-                        ], 8, _hoisted_8$2))
+                        ], 8, _hoisted_8$3))
                       ],
                       64
                       /* STABLE_FRAGMENT */
@@ -4122,11 +4122,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   256
                   /* UNKEYED_FRAGMENT */
                 ))
-              ], 16, _hoisted_5$3), [
+              ], 16, _hoisted_5$4), [
                 [vModelSelect, unref(localModelValue)]
               ]),
               unref(hasIconAfter) ? (openBlock(), createBlock(
-                _sfc_main$t,
+                _sfc_main$u,
                 mergeProps({
                   key: 1,
                   class: "vv-select__icon vv-select__icon-after"
@@ -4136,7 +4136,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                 /* FULL_PROPS */
               )) : createCommentVNode("v-if", true)
             ]),
-            _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
               renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true)
           ]),
@@ -4183,35 +4183,35 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = ["id"];
-const _hoisted_2$5 = ["id", "for"];
-const _hoisted_3$3 = ["id", "aria-controls", "placeholder"];
-const _hoisted_4$3 = {
+const _hoisted_1$9 = ["id"];
+const _hoisted_2$6 = ["id", "for"];
+const _hoisted_3$4 = ["id", "aria-controls", "placeholder"];
+const _hoisted_4$4 = {
   key: 0,
   class: "vv-select__input-before"
 };
-const _hoisted_5$2 = { class: "vv-select__inner" };
-const _hoisted_6$2 = ["aria-expanded", "aria-labelledby", "aria-describedby", "aria-errormessage", "tabindex"];
-const _hoisted_7$2 = {
+const _hoisted_5$3 = { class: "vv-select__inner" };
+const _hoisted_6$3 = ["aria-expanded", "aria-labelledby", "aria-describedby", "aria-errormessage", "tabindex"];
+const _hoisted_7$3 = {
   key: 0,
   class: "vv-select__value"
 };
-const _hoisted_8$1 = ["aria-label", "onClick"];
-const _hoisted_9 = {
+const _hoisted_8$2 = ["aria-label", "onClick"];
+const _hoisted_9$1 = {
   key: 1,
   class: "vv-select__input-after"
 };
-const __default__$8 = {
+const __default__$9 = {
   name: "VvCombobox",
   components: {
-    VvDropdown: _sfc_main$h,
-    VvDropdownOption: _sfc_main$f,
-    VvDropdownOptgroup: _sfc_main$e,
-    VvButton: _sfc_main$m
+    VvDropdown: _sfc_main$i,
+    VvDropdownOption: _sfc_main$g,
+    VvDropdownOptgroup: _sfc_main$f,
+    VvButton: _sfc_main$n
   }
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   props: VvComboboxProps,
   emits: VvComboboxEvents,
   setup(__props, { emit }) {
@@ -4494,7 +4494,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           key: 0,
           id: unref(hasLabelId),
           for: unref(propsDefaults).searchable ? unref(hasSearchId) : void 0
-        }, toDisplayString(_ctx.label), 9, _hoisted_2$5)) : createCommentVNode("v-if", true),
+        }, toDisplayString(_ctx.label), 9, _hoisted_2$6)) : createCommentVNode("v-if", true),
         createElementVNode(
           "div",
           {
@@ -4503,7 +4503,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             class: "vv-select__wrapper"
           },
           [
-            createVNode(_sfc_main$h, mergeProps({
+            createVNode(_sfc_main$i, mergeProps({
               ref_key: "dropdownEl",
               ref: dropdownEl,
               modelValue: unref(expanded),
@@ -4514,12 +4514,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               onAfterCollapse
             }), createSlots({
               default: withCtx(({ aria }) => [
-                _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+                _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
                   renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
                 ])) : createCommentVNode("v-if", true),
-                createElementVNode("div", _hoisted_5$2, [
+                createElementVNode("div", _hoisted_5$3, [
                   unref(hasIconBefore) ? (openBlock(), createBlock(
-                    _sfc_main$t,
+                    _sfc_main$u,
                     mergeProps({
                       key: 0,
                       class: "vv-select__icon"
@@ -4548,7 +4548,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                         [
                           !_ctx.badges ? (openBlock(), createElementBlock(
                             "div",
-                            _hoisted_7$2,
+                            _hoisted_7$3,
                             toDisplayString(unref(hasValue)),
                             1
                             /* TEXT */
@@ -4556,7 +4556,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                             Fragment,
                             { key: 1 },
                             renderList(unref(selectedOptions), (option, index) => {
-                              return openBlock(), createBlock(_sfc_main$o, {
+                              return openBlock(), createBlock(_sfc_main$p, {
                                 key: index,
                                 modifiers: _ctx.badgeModifiers,
                                 class: "vv-select__badge"
@@ -4573,8 +4573,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                                     type: "button",
                                     onClick: withModifiers(($event) => onInput(option), ["stop"])
                                   }, [
-                                    createVNode(_sfc_main$t, { name: "close" })
-                                  ], 8, _hoisted_8$1)) : createCommentVNode("v-if", true)
+                                    createVNode(_sfc_main$u, { name: "close" })
+                                  ], 8, _hoisted_8$2)) : createCommentVNode("v-if", true)
                                 ]),
                                 _: 2
                                 /* DYNAMIC */
@@ -4600,9 +4600,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                         /* STABLE_FRAGMENT */
                       ))
                     ])
-                  ], 16, _hoisted_6$2),
+                  ], 16, _hoisted_6$3),
                   unref(hasIconAfter) ? (openBlock(), createBlock(
-                    _sfc_main$t,
+                    _sfc_main$u,
                     mergeProps({
                       key: 1,
                       class: "vv-select__icon vv-select__icon-after"
@@ -4612,7 +4612,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                     /* FULL_PROPS */
                   )) : createCommentVNode("v-if", true)
                 ]),
-                _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
                   renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
                 ])) : createCommentVNode("v-if", true)
               ]),
@@ -4631,7 +4631,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                             Fragment,
                             { key: 0 },
                             [
-                              createVNode(_sfc_main$e, {
+                              createVNode(_sfc_main$f, {
                                 label: unref(getOptionLabel)(option)
                               }, null, 8, ["label"]),
                               (openBlock(true), createElementBlock(
@@ -4640,7 +4640,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                                 renderList(unref(getOptionGrouped)(
                                   option
                                 ), (item, i) => {
-                                  return openBlock(), createBlock(_sfc_main$f, mergeProps({
+                                  return openBlock(), createBlock(_sfc_main$g, mergeProps({
                                     selected: isOptionSelected(item),
                                     disabled: unref(isOptionDisabled)(item),
                                     unselectable: _ctx.unselectable,
@@ -4676,7 +4676,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                             ],
                             64
                             /* STABLE_FRAGMENT */
-                          )) : (openBlock(), createBlock(_sfc_main$f, mergeProps({ key: 1 }, {
+                          )) : (openBlock(), createBlock(_sfc_main$g, mergeProps({ key: 1 }, {
                             selected: isOptionSelected(option),
                             disabled: unref(isOptionDisabled)(option),
                             unselectable: _ctx.unselectable,
@@ -4711,7 +4711,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                     }),
                     128
                     /* KEYED_FRAGMENT */
-                  )) : !_ctx.options.length ? (openBlock(), createBlock(_sfc_main$f, {
+                  )) : !_ctx.options.length ? (openBlock(), createBlock(_sfc_main$g, {
                     key: 1,
                     modifiers: "inert"
                   }, {
@@ -4726,7 +4726,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 3
                     /* FORWARDED */
-                  })) : !unref(disabled) ? (openBlock(), createBlock(_sfc_main$f, {
+                  })) : !unref(disabled) ? (openBlock(), createBlock(_sfc_main$g, {
                     key: 2,
                     modifiers: "inert"
                   }, {
@@ -4748,7 +4748,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 renderSlot(_ctx.$slots, "dropdown::after", {}, () => {
                   var _a;
                   return [
-                    ((_a = unref(dropdownEl)) == null ? void 0 : _a.customPosition) ? (openBlock(), createBlock(_sfc_main$m, {
+                    ((_a = unref(dropdownEl)) == null ? void 0 : _a.customPosition) ? (openBlock(), createBlock(_sfc_main$n, {
                       key: 0,
                       label: unref(propsDefaults).closeLabel,
                       modifiers: "secondary",
@@ -4777,7 +4777,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                     type: "search",
                     class: "vv-dropdown__search",
                     placeholder: unref(propsDefaults).searchPlaceholder
-                  }, null, 8, _hoisted_3$3)), [
+                  }, null, 8, _hoisted_3$4)), [
                     [vModelText, unref(searchText)]
                   ]) : createCommentVNode("v-if", true)
                 ]),
@@ -4824,8 +4824,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             key: "3"
           } : void 0
         ]), 1032, ["id"])
-      ], 10, _hoisted_1$8)) : (openBlock(), createBlock(
-        _sfc_main$d,
+      ], 10, _hoisted_1$9)) : (openBlock(), createBlock(
+        _sfc_main$e,
         mergeProps({ key: 1 }, unref(selectProps), {
           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => emit("update:modelValue", $event))
         }),
@@ -4875,21 +4875,21 @@ const VvDialogProps = {
    */
   keepOpen: { type: Boolean, default: false }
 };
-const _hoisted_1$7 = ["onCancel"];
-const _hoisted_2$4 = {
+const _hoisted_1$8 = ["onCancel"];
+const _hoisted_2$5 = {
   key: 0,
   class: "vv-dialog__header"
 };
-const _hoisted_3$2 = { class: "vv-dialog__content" };
-const _hoisted_4$2 = {
+const _hoisted_3$3 = { class: "vv-dialog__content" };
+const _hoisted_4$3 = {
   key: 1,
   class: "vv-dialog__footer"
 };
-const __default__$7 = {
+const __default__$8 = {
   name: "VvDialog"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   props: VvDialogProps,
   emits: VvDialogEvents,
   setup(__props, { expose: __expose, emit }) {
@@ -4991,7 +4991,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 class: "vv-dialog__wrapper"
               },
               [
-                _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_2$4, [
+                _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_2$5, [
                   renderSlot(_ctx.$slots, "header", {}, () => [
                     createTextVNode(
                       toDisplayString(_ctx.title) + " ",
@@ -5007,24 +5007,24 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                         onClickPassive: close
                       },
                       [
-                        createVNode(_sfc_main$t, { name: "close" })
+                        createVNode(_sfc_main$u, { name: "close" })
                       ],
                       32
                       /* HYDRATE_EVENTS */
                     )
                   ])
                 ])) : createCommentVNode("v-if", true),
-                createElementVNode("div", _hoisted_3$2, [
+                createElementVNode("div", _hoisted_3$3, [
                   renderSlot(_ctx.$slots, "default")
                 ]),
-                _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$2, [
+                _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$3, [
                   renderSlot(_ctx.$slots, "footer")
                 ])) : createCommentVNode("v-if", true)
               ],
               512
               /* NEED_PATCH */
             )
-          ], 16, _hoisted_1$7), [
+          ], 16, _hoisted_1$8), [
             [vShow, unref(isOpened)]
           ])
         ]),
@@ -5034,11 +5034,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const __default__$6 = {
+const __default__$7 = {
   name: "VvDropdownAction"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   props: {
     ...ActionProps,
     ...ModifiersProps
@@ -5048,9 +5048,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const { modifiers } = toRefs(props);
     const bemCssClasses = useModifiers("vv-dropdown-action", modifiers);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$g, null, {
+      return openBlock(), createBlock(_sfc_main$h, null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$u, mergeProps({
+          createVNode(_sfc_main$v, mergeProps({
             disabled: _ctx.disabled,
             pressed: _ctx.pressed,
             active: _ctx.active,
@@ -5269,7 +5269,7 @@ const VvInputTextProps = {
 };
 const VvInputPasswordAction = defineComponent({
   components: {
-    VvIcon: _sfc_main$t
+    VvIcon: _sfc_main$u
   },
   props: {
     disabled: {
@@ -5313,7 +5313,7 @@ const VvInputPasswordAction = defineComponent({
     };
   },
   render() {
-    const icon = h(_sfc_main$t, {
+    const icon = h(_sfc_main$u, {
       name: this.activeIcon,
       class: "vv-input-text__icon"
     });
@@ -5332,7 +5332,7 @@ const VvInputPasswordAction = defineComponent({
 });
 const VvInputStepAction = defineComponent({
   components: {
-    VvIcon: _sfc_main$t
+    VvIcon: _sfc_main$u
   },
   props: {
     disabled: {
@@ -5377,7 +5377,7 @@ const VvInputStepAction = defineComponent({
 });
 const VvInputClearAction = defineComponent({
   components: {
-    VvIcon: _sfc_main$t
+    VvIcon: _sfc_main$u
   },
   props: {
     disabled: {
@@ -5406,7 +5406,7 @@ const VvInputClearAction = defineComponent({
     };
   },
   render() {
-    const icon = h(_sfc_main$t, {
+    const icon = h(_sfc_main$u, {
       name: this.icon,
       class: "vv-input-text__icon"
     });
@@ -5427,7 +5427,7 @@ function VvInputTextActionsFactory(type, parentProps) {
   return {
     name: "VvInputTextActions",
     components: {
-      VvIcon: _sfc_main$t,
+      VvIcon: _sfc_main$u,
       VvInputPasswordAction,
       VvInputStepAction,
       VvInputClearAction
@@ -5554,31 +5554,31 @@ function useTextCount(text, options) {
     formatted
   };
 }
-const _hoisted_1$6 = ["for"];
-const _hoisted_2$3 = { class: "vv-input-text__wrapper" };
-const _hoisted_3$1 = {
+const _hoisted_1$7 = ["for"];
+const _hoisted_2$4 = { class: "vv-input-text__wrapper" };
+const _hoisted_3$2 = {
   key: 0,
   class: "vv-input-text__input-before"
 };
-const _hoisted_4$1 = ["onClick"];
-const _hoisted_5$1 = ["id"];
-const _hoisted_6$1 = {
+const _hoisted_4$2 = ["onClick"];
+const _hoisted_5$2 = ["id"];
+const _hoisted_6$2 = {
   key: 1,
   class: "vv-input-text__unit"
 };
-const _hoisted_7$1 = {
+const _hoisted_7$2 = {
   key: 5,
   class: "vv-input-text__input-after"
 };
-const _hoisted_8 = {
+const _hoisted_8$1 = {
   key: 6,
   class: "vv-input-text__limit"
 };
-const __default__$5 = {
+const __default__$6 = {
   name: "VvInputText"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   props: VvInputTextProps,
   emits: VvInputTextEvents,
   setup(__props, { expose: __expose, emit }) {
@@ -5929,9 +5929,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             key: 0,
             for: unref(hasId),
             class: "vv-input-text__label"
-          }, toDisplayString(unref(label)), 9, _hoisted_1$6)) : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_2$3, [
-            _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+          }, toDisplayString(unref(label)), 9, _hoisted_1$7)) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_2$4, [
+            _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
               renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true),
             createElementVNode("div", {
@@ -5941,7 +5941,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               onClick: withModifiers(onClickInner, ["stop"])
             }, [
               unref(hasIconBefore) ? (openBlock(), createBlock(
-                _sfc_main$t,
+                _sfc_main$u,
                 mergeProps({
                   key: 0,
                   class: "vv-input-text__icon"
@@ -5959,8 +5959,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 onKeyup: _cache[0] || (_cache[0] = ($event) => emit("keyup", $event)),
                 onKeydown: onKeyDown,
                 onKeypress: _cache[1] || (_cache[1] = ($event) => emit("keypress", $event))
-              }), null, 16, _hoisted_5$1),
-              (_ctx.unit || _ctx.$slots.unit) && unref(isDirty) ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+              }), null, 16, _hoisted_5$2),
+              (_ctx.unit || _ctx.$slots.unit) && unref(isDirty) ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
                 renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
                   createTextVNode(
                     toDisplayString(_ctx.unit),
@@ -5969,9 +5969,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                   )
                 ])
               ])) : createCommentVNode("v-if", true)
-            ], 8, _hoisted_4$1),
+            ], 8, _hoisted_4$2),
             unref(hasIconAfter) || unref(defaultAfterIcon) ? (openBlock(), createBlock(
-              _sfc_main$t,
+              _sfc_main$u,
               mergeProps({
                 key: 1,
                 class: "vv-input-text__icon vv-input-text__icon-after"
@@ -5990,10 +5990,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               key: 4,
               onClear
             })) : createCommentVNode("v-if", true),
-            _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+            _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
               renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true),
-            unref(count) ? (openBlock(), createElementBlock("span", _hoisted_8, [
+            unref(count) ? (openBlock(), createElementBlock("span", _hoisted_8$1, [
               renderSlot(_ctx.$slots, "count", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
                 createTextVNode(
                   toDisplayString(unref(countFormatted)),
@@ -6051,21 +6051,21 @@ const VvNavProps = {
   ...NavProps
 };
 const VvNavEvents = ["click"];
-const _hoisted_1$5 = {
+const _hoisted_1$6 = {
   class: "vv-nav__item",
   role: "presentation"
 };
-const __default__$4 = {
+const __default__$5 = {
   name: "VvNavItem",
   inheritAttrs: false
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("li", _hoisted_1$5, [
+      return openBlock(), createElementBlock("li", _hoisted_1$6, [
         createVNode(
-          _sfc_main$u,
+          _sfc_main$v,
           mergeProps(_ctx.$attrs, { class: "vv-nav__item-label" }),
           {
             default: withCtx(() => [
@@ -6081,8 +6081,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["onClick"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = ["onClick"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "VvNav",
   props: VvNavProps,
   emits: VvNavEvents,
@@ -6120,7 +6120,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 Fragment,
                 null,
                 renderList(_ctx.items, ({ on = {}, data, ...item }, index) => {
-                  return openBlock(), createBlock(_sfc_main$8, mergeProps({
+                  return openBlock(), createBlock(_sfc_main$9, mergeProps({
                     key: index,
                     "data-index": index
                   }, item, toHandlers(on)), {
@@ -6135,7 +6135,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 /* KEYED_FRAGMENT */
               ))
             ])
-          ], 8, _hoisted_1$4)
+          ], 8, _hoisted_1$5)
         ],
         2
         /* CLASS */
@@ -6143,7 +6143,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = {
+const _sfc_main$7 = {
   name: "VvNavSeparator"
 };
 const _export_sfc = (sfc, props) => {
@@ -6153,16 +6153,16 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$3 = {
+const _hoisted_1$4 = {
   class: "vv-nav__separator",
   role: "separator"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("li", _hoisted_1$3, [
+  return openBlock(), createElementBlock("li", _hoisted_1$4, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-const VvNavSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]);
+const VvNavSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]);
 const VvProgressProps = {
   ...ModifiersProps,
   /**
@@ -6193,11 +6193,11 @@ const VvProgressProps = {
     required: true
   }
 };
-const __default__$3 = {
+const __default__$4 = {
   name: "VvProgress"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
   props: VvProgressProps,
   setup(__props) {
     const props = __props;
@@ -6258,13 +6258,13 @@ function useGroupProps(props, emit) {
     disabled
   };
 }
-const _hoisted_1$2 = ["for"];
-const _hoisted_2$2 = ["id", "name", "disabled", "value", "tabindex", "aria-invalid", "aria-describedby", "aria-errormessage"];
-const __default__$2 = {
+const _hoisted_1$3 = ["for"];
+const _hoisted_2$3 = ["id", "name", "disabled", "value", "tabindex", "aria-invalid", "aria-describedby", "aria-errormessage"];
+const __default__$3 = {
   name: "VvRadio"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: VvRadioProps,
   emits: VvRadioEvents,
   setup(__props, { emit }) {
@@ -6345,7 +6345,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           "aria-invalid": unref(isInvalid),
           "aria-describedby": unref(hasHintLabelOrSlot) ? unref(hasHintId) : void 0,
           "aria-errormessage": unref(hasInvalidLabelOrSlot) ? unref(hasHintId) : void 0
-        }, null, 8, _hoisted_2$2), [
+        }, null, 8, _hoisted_2$3), [
           [vModelRadio, unref(localModelValue)]
         ]),
         renderSlot(_ctx.$slots, "default", { value: unref(modelValue) }, () => [
@@ -6391,19 +6391,19 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             key: "3"
           } : void 0
         ]), 1032, ["id"])
-      ], 10, _hoisted_1$2);
+      ], 10, _hoisted_1$3);
     };
   }
 });
 const VvRadioGroupProps = CheckboxRadioGroupProps;
 const VvRadioGroupEvents = ["update:modelValue", "change"];
-const _hoisted_1$1 = ["textContent"];
-const _hoisted_2$1 = { class: "vv-radio-group__wrapper" };
-const __default__$1 = {
+const _hoisted_1$2 = ["textContent"];
+const _hoisted_2$2 = { class: "vv-radio-group__wrapper" };
+const __default__$2 = {
   name: "VvRadioGroup"
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
   props: VvRadioGroupProps,
   emits: VvRadioGroupEvents,
   setup(__props, { emit }) {
@@ -6455,14 +6455,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           _ctx.label ? (openBlock(), createElementBlock("legend", {
             key: 0,
             textContent: toDisplayString(_ctx.label)
-          }, null, 8, _hoisted_1$1)) : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_2$1, [
+          }, null, 8, _hoisted_1$2)) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_2$2, [
             _ctx.options.length > 0 ? (openBlock(true), createElementBlock(
               Fragment,
               { key: 0 },
               renderList(_ctx.options, (option, index) => {
                 return openBlock(), createBlock(
-                  _sfc_main$4,
+                  _sfc_main$5,
                   mergeProps({ key: index }, getOptionProps(option, index)),
                   null,
                   16
@@ -6534,7 +6534,7 @@ const VvTabProps = {
   }
 };
 const VvTabEvents = ["update:modelValue"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "VvTab",
   props: VvTabProps,
   emits: VvTabEvents,
@@ -6587,14 +6587,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         },
         [
           createVNode(
-            _sfc_main$7,
+            _sfc_main$8,
             mergeProps({
               items: unref(navItems),
               modifiers: unref(hasNavModifiers)
             }, { onClick: onNavClick }),
             {
-              item: withCtx(({ item, index }) => [
-                renderSlot(_ctx.$slots, "nav-item", normalizeProps(guardReactiveProps({ item, index })))
+              item: withCtx(({ item, data, index }) => [
+                renderSlot(_ctx.$slots, "nav-item", normalizeProps(guardReactiveProps({ item, data, index })))
               ]),
               _: 3
               /* FORWARDED */
@@ -6679,27 +6679,27 @@ const VvTextareaProps = {
    */
   resizable: Boolean
 };
-const _hoisted_1 = ["for"];
-const _hoisted_2 = { class: "vv-textarea__wrapper" };
-const _hoisted_3 = {
+const _hoisted_1$1 = ["for"];
+const _hoisted_2$1 = { class: "vv-textarea__wrapper" };
+const _hoisted_3$1 = {
   key: 0,
   class: "vv-textarea__input-before"
 };
-const _hoisted_4 = { class: "vv-textarea__inner" };
-const _hoisted_5 = ["id"];
-const _hoisted_6 = {
+const _hoisted_4$1 = { class: "vv-textarea__inner" };
+const _hoisted_5$1 = ["id"];
+const _hoisted_6$1 = {
   key: 1,
   class: "vv-textarea__input-after"
 };
-const _hoisted_7 = {
+const _hoisted_7$1 = {
   key: 2,
   class: "vv-textarea__limit"
 };
-const __default__ = {
+const __default__$1 = {
   name: "VvTextarea"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
   props: VvTextareaProps,
   emits: VvTextareaEvents,
   setup(__props, { emit }) {
@@ -6828,14 +6828,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             key: 0,
             for: unref(hasId),
             class: "vv-textarea__label"
-          }, toDisplayString(unref(label)), 9, _hoisted_1)) : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_2, [
-            _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          }, toDisplayString(unref(label)), 9, _hoisted_1$1)) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_2$1, [
+            _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
               renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", _hoisted_4$1, [
               unref(hasIconBefore) ? (openBlock(), createBlock(
-                _sfc_main$t,
+                _sfc_main$u,
                 mergeProps({
                   key: 0,
                   class: "vv-textarea__icon"
@@ -6851,11 +6851,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(localModelValue) ? localModelValue.value = $event : null)
               }, unref(hasAttrs), {
                 onKeyup: _cache[1] || (_cache[1] = ($event) => emit("keyup", $event))
-              }), null, 16, _hoisted_5), [
+              }), null, 16, _hoisted_5$1), [
                 [vModelText, unref(localModelValue)]
               ]),
               unref(hasIconAfter) ? (openBlock(), createBlock(
-                _sfc_main$t,
+                _sfc_main$u,
                 mergeProps({
                   key: 1,
                   class: "vv-textarea__icon vv-textarea__icon-after"
@@ -6865,10 +6865,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 /* FULL_PROPS */
               )) : createCommentVNode("v-if", true)
             ]),
-            _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
               renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true),
-            unref(count) ? (openBlock(), createElementBlock("span", _hoisted_7, [
+            unref(count) ? (openBlock(), createElementBlock("span", _hoisted_7$1, [
               renderSlot(_ctx.$slots, "count", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
                 createTextVNode(
                   toDisplayString(unref(countFormatted)),
@@ -6935,7 +6935,7 @@ const VvTooltipProps = {
     type: String
   }
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "VvTooltip",
   props: VvTooltipProps,
   setup(__props) {
@@ -6971,38 +6971,361 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const VvInputFileProps = {
+  ...ModifiersProps,
+  ...ValidProps,
+  ...InvalidProps,
+  ...HintProps,
+  ...LabelProps,
+  ...LoadingProps,
+  name: { type: String },
+  id: { type: String },
+  modelValue: {
+    type: Object,
+    required: true
+  },
+  max: [Number, String],
+  labelButton: { type: String, default: "Image" },
+  loading: Boolean,
+  accept: String,
+  placeholder: String,
+  multiple: Boolean,
+  iconLeft: String,
+  iconRight: String
+};
+const _hoisted_1 = ["for"];
+const _hoisted_2 = ["onDragenter", "onDragleave", "onDrop", "onClick"];
+const _hoisted_3 = { class: "vv-input-file__preview" };
+const _hoisted_4 = ["src", "alt"];
+const _hoisted_5 = { class: "vv-input-file__wrapper" };
+const _hoisted_6 = ["id", "placeholder", "aria-describedby", "aria-invalid", "aria-errormessage", "multiple", "accept", "name"];
+const _hoisted_7 = { class: "vv-input-file__list" };
+const _hoisted_8 = { class: "vv-input-file__item-name" };
+const _hoisted_9 = { class: "vv-input-file__item-info" };
+const _hoisted_10 = ["onClick"];
+const __default__ = {
+  name: "VvInputFile"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: VvInputFileProps,
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const slots = useSlots();
+    const propsDefaults = useDefaults(
+      "VvInputFile",
+      VvInputFileProps,
+      props
+    );
+    const { modifiers, id } = toRefs(props);
+    const hasId = useUniqueId(id);
+    const hasHintId = computed(() => `${hasId.value}-hint`);
+    const bemCssClasses = useModifiers(
+      "vv-input-file",
+      modifiers,
+      computed(() => ({
+        dragging: isDragging.value,
+        loading: props.loading,
+        valid: props.valid === true,
+        invalid: props.invalid === true,
+        "icon-before": !!props.iconLeft,
+        "icon-after": !!props.iconRight
+      }))
+    );
+    const {
+      HintSlot,
+      hasHintLabelOrSlot,
+      hasInvalidLabelOrSlot,
+      hintSlotScope
+    } = HintSlotFactory(propsDefaults, slots);
+    const localModelValue = useVModel(props, "modelValue", emit);
+    const files = computed(() => {
+      var _a;
+      if (!localModelValue.value || !Array.isArray(localModelValue.value) && !((_a = localModelValue.value) == null ? void 0 : _a.name)) {
+        return [];
+      }
+      return Array.isArray(localModelValue.value) ? localModelValue.value : [localModelValue.value];
+    });
+    const hasMax = computed(() => {
+      return typeof props.max === "string" ? parseInt(props.max) : props.max;
+    });
+    const hasDropArea = computed(() => {
+      var _a;
+      return (_a = modifiers == null ? void 0 : modifiers.value) == null ? void 0 : _a.includes("drop-area");
+    });
+    const isMultiple = computed(() => {
+      if (!props.multiple) {
+        return false;
+      }
+      if (!hasMax.value) {
+        return true;
+      }
+      return hasMax.value - files.value.length > 1;
+    });
+    const isDragging = ref(false);
+    const inputEl = ref();
+    const onDragenter = () => {
+      isDragging.value = true;
+    };
+    const onDragleave = () => {
+      isDragging.value = false;
+    };
+    const onDrop = (event) => {
+      var _a, _b;
+      if (!((_a = event.dataTransfer) == null ? void 0 : _a.files)) {
+        return;
+      }
+      isDragging.value = false;
+      addFiles((_b = event.dataTransfer) == null ? void 0 : _b.files);
+    };
+    const onChange = () => {
+      var _a;
+      if (!((_a = inputEl.value) == null ? void 0 : _a.files)) {
+        return;
+      }
+      addFiles(inputEl.value.files);
+      inputEl.value.value = "";
+    };
+    const addFiles = (uploadedFiles) => {
+      if (!props.multiple) {
+        if (Array.isArray(localModelValue.value)) {
+          localModelValue.value = [...uploadedFiles];
+          return;
+        }
+        localModelValue.value = uploadedFiles[0];
+        return;
+      }
+      let toReturn = [];
+      if (!Array.isArray(localModelValue.value) && localModelValue.value) {
+        toReturn = [localModelValue.value];
+      } else {
+        toReturn = localModelValue.value && Array.isArray(localModelValue.value) ? [...localModelValue.value] : toReturn;
+      }
+      for (const file of uploadedFiles) {
+        if (hasMax.value && toReturn.length >= hasMax.value) {
+          break;
+        }
+        toReturn.push(file);
+      }
+      localModelValue.value = toReturn;
+    };
+    const onClick = () => {
+      if (!inputEl.value) {
+        return;
+      }
+      inputEl.value.click();
+    };
+    const onClickRemoveFile = (index) => {
+      if (!Array.isArray(localModelValue.value)) {
+        localModelValue.value = void 0;
+        return;
+      }
+      const toReturn = [...localModelValue.value];
+      toReturn.splice(index, 1);
+      localModelValue.value = toReturn;
+    };
+    const previewSrc = computed(() => {
+      if (files.value.length === 0) {
+        return;
+      }
+      if (files.value[0] instanceof File) {
+        return URL.createObjectURL(files.value[0]);
+      }
+      return files.value[0].url;
+    });
+    onBeforeUnmount(() => {
+      if (previewSrc.value) {
+        URL.revokeObjectURL(previewSrc.value);
+      }
+    });
+    const sizeInKiB = (size2) => {
+      if (!size2) {
+        return;
+      }
+      return Math.floor(size2 / 1024);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bemCssClasses))
+        },
+        [
+          _ctx.label ? (openBlock(), createElementBlock("label", {
+            key: 0,
+            for: unref(hasId)
+          }, toDisplayString(_ctx.label), 9, _hoisted_1)) : createCommentVNode("v-if", true),
+          hasDropArea.value ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "vv-input-file__drop-area",
+            onDragenter: withModifiers(onDragenter, ["prevent", "stop"]),
+            onDragleave: withModifiers(onDragleave, ["prevent", "stop"]),
+            onDrop: withModifiers(onDrop, ["prevent", "stop"]),
+            onDragover: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["prevent", "stop"])),
+            onClick: withModifiers(onClick, ["stop"])
+          }, [
+            renderSlot(_ctx.$slots, "drop-area", {}, () => [
+              createVNode(_sfc_main$n, {
+                modifiers: "action",
+                "aria-label": "upload",
+                label: !previewSrc.value ? _ctx.labelButton : void 0,
+                class: normalizeClass([{
+                  "absolute top-8 right-8": previewSrc.value
+                }, "z-1"]),
+                icon: !previewSrc.value ? "image" : "edit",
+                onClick: withModifiers(onClick, ["stop"])
+              }, null, 8, ["label", "class", "icon", "onClick"]),
+              createElementVNode("picture", _hoisted_3, [
+                previewSrc.value ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  src: previewSrc.value,
+                  alt: files.value[0].name
+                }, null, 8, _hoisted_4)) : createCommentVNode("v-if", true)
+              ])
+            ])
+          ], 40, _hoisted_2)) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_5, [
+            _ctx.iconLeft ? (openBlock(), createBlock(_sfc_main$u, {
+              key: 0,
+              name: _ctx.iconLeft
+            }, null, 8, ["name"])) : createCommentVNode("v-if", true),
+            createElementVNode("input", {
+              id: unref(hasId),
+              ref_key: "inputEl",
+              ref: inputEl,
+              placeholder: _ctx.placeholder,
+              "aria-describedby": unref(hasHintLabelOrSlot) ? hasHintId.value : void 0,
+              "aria-invalid": _ctx.invalid,
+              "aria-errormessage": unref(hasInvalidLabelOrSlot) ? hasHintId.value : void 0,
+              multiple: isMultiple.value,
+              accept: _ctx.accept,
+              type: "file",
+              name: _ctx.name,
+              onChange
+            }, null, 40, _hoisted_6),
+            _ctx.iconRight ? (openBlock(), createBlock(_sfc_main$u, {
+              key: 1,
+              name: _ctx.iconRight
+            }, null, 8, ["name"])) : createCommentVNode("v-if", true)
+          ]),
+          createElementVNode("ul", _hoisted_7, [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(files.value, (file, index) => {
+                return openBlock(), createElementBlock("li", {
+                  key: index,
+                  class: "vv-input-file__item"
+                }, [
+                  createVNode(_sfc_main$u, {
+                    class: "vv-input-file__item-icon",
+                    name: "akar-icons:file"
+                  }),
+                  createElementVNode(
+                    "div",
+                    _hoisted_8,
+                    toDisplayString(file.name),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode(
+                    "small",
+                    _hoisted_9,
+                    toDisplayString(sizeInKiB(file.size)) + " KB ",
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "vv-input-file__item-remove",
+                    title: "Remove",
+                    "aria-label": "remove-file",
+                    onClick: withModifiers(($event) => onClickRemoveFile(index), ["stop"])
+                  }, null, 8, _hoisted_10)
+                ]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          createVNode(unref(HintSlot), {
+            id: hasHintId.value,
+            class: "vv-input-file__hint"
+          }, createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            _ctx.$slots.hint ? {
+              name: "hint",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "hint", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
+              ]),
+              key: "0"
+            } : void 0,
+            _ctx.$slots.loading ? {
+              name: "loading",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "loading", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
+              ]),
+              key: "1"
+            } : void 0,
+            _ctx.$slots.valid ? {
+              name: "valid",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "valid", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
+              ]),
+              key: "2"
+            } : void 0,
+            _ctx.$slots.invalid ? {
+              name: "invalid",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "invalid", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1032, ["id"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
 export {
-  _sfc_main$w as VvAccordion,
-  _sfc_main$v as VvAccordionGroup,
-  _sfc_main$u as VvAction,
-  _sfc_main$s as VvAlert,
-  _sfc_main$r as VvAlertGroup,
-  _sfc_main$q as VvAvatar,
-  _sfc_main$p as VvAvatarGroup,
-  _sfc_main$o as VvBadge,
-  _sfc_main$n as VvBreadcrumb,
-  _sfc_main$m as VvButton,
-  _sfc_main$l as VvButtonGroup,
-  _sfc_main$k as VvCard,
-  _sfc_main$j as VvCheckbox,
-  _sfc_main$i as VvCheckboxGroup,
-  _sfc_main$c as VvCombobox,
-  _sfc_main$b as VvDialog,
-  _sfc_main$h as VvDropdown,
-  _sfc_main$a as VvDropdownAction,
-  _sfc_main$g as VvDropdownItem,
-  _sfc_main$e as VvDropdownOptgroup,
-  _sfc_main$f as VvDropdownOption,
-  _sfc_main$t as VvIcon,
-  _sfc_main$9 as VvInputText,
-  _sfc_main$7 as VvNav,
-  _sfc_main$8 as VvNavItem,
+  _sfc_main$x as VvAccordion,
+  _sfc_main$w as VvAccordionGroup,
+  _sfc_main$v as VvAction,
+  _sfc_main$t as VvAlert,
+  _sfc_main$s as VvAlertGroup,
+  _sfc_main$r as VvAvatar,
+  _sfc_main$q as VvAvatarGroup,
+  _sfc_main$p as VvBadge,
+  _sfc_main$o as VvBreadcrumb,
+  _sfc_main$n as VvButton,
+  _sfc_main$m as VvButtonGroup,
+  _sfc_main$l as VvCard,
+  _sfc_main$k as VvCheckbox,
+  _sfc_main$j as VvCheckboxGroup,
+  _sfc_main$d as VvCombobox,
+  _sfc_main$c as VvDialog,
+  _sfc_main$i as VvDropdown,
+  _sfc_main$b as VvDropdownAction,
+  _sfc_main$h as VvDropdownItem,
+  _sfc_main$f as VvDropdownOptgroup,
+  _sfc_main$g as VvDropdownOption,
+  _sfc_main$u as VvIcon,
+  _sfc_main as VvInputFile,
+  _sfc_main$a as VvInputText,
+  _sfc_main$8 as VvNav,
+  _sfc_main$9 as VvNavItem,
   VvNavSeparator,
-  _sfc_main$5 as VvProgress,
-  _sfc_main$4 as VvRadio,
-  _sfc_main$3 as VvRadioGroup,
-  _sfc_main$d as VvSelect,
-  _sfc_main$2 as VvTab,
-  _sfc_main$1 as VvTextarea,
-  _sfc_main as VvTooltip
+  _sfc_main$6 as VvProgress,
+  _sfc_main$5 as VvRadio,
+  _sfc_main$4 as VvRadioGroup,
+  _sfc_main$e as VvSelect,
+  _sfc_main$3 as VvTab,
+  _sfc_main$2 as VvTextarea,
+  _sfc_main$1 as VvTooltip
 };