@volverjs/ui-vue 0.0.10-beta.16 → 0.0.10-beta.18

package/dist/components/index.es.js

@@ -817,7 +817,7 @@ function useModifiers(prefix, modifiers, others) {
     return toReturn;
   });
 }
-const _hoisted_1$m = ["id", "open"];
+const _hoisted_1$l = ["id", "open"];
 const _hoisted_2$f = ["aria-controls", "aria-expanded"];
 const _hoisted_3$8 = ["aria-hidden"];
 const __default__$r = {
@@ -827,9 +827,10 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...__default__$r,
   props: VvAccordionProps,
   emits: VvAccordionEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const attrs = useAttrs();
+    const emit = __emit;
     const accordionName = computed(
       () => props.name || (attrs == null ? void 0 : attrs.id) || uid()
     );
@@ -923,7 +924,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             )
           ])
         ], 8, _hoisted_3$8)
-      ], 10, _hoisted_1$m);
+      ], 10, _hoisted_1$l);
     };
   }
 });
@@ -983,8 +984,9 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...__default__$q,
   props: VvAccordionGroupProps,
   emits: VvAccordionGroupEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const { disabled, collapse, modifiers, itemModifiers, items, not } = toRefs(props);
     watchEffect(() => {
       if (typeof props.modelValue === "string" && collapse.value) {
@@ -1108,8 +1110,9 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...__default__$p,
   props: VvActionProps,
   emits: VvActionEvents,
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const volver = useVolver();
     const element = ref(null);
     __expose({ $el: element });
@@ -1229,7 +1232,7 @@ const __default__$o = {
 };
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...__default__$o,
-  props: mergeDefaults({
+  props: /* @__PURE__ */ mergeDefaults({
     name: {},
     color: {},
     width: {},
@@ -1515,13 +1518,13 @@ const useVvAlert = (props, emit) => {
     }))
   };
 };
-const _hoisted_1$l = {
+const _hoisted_1$k = {
   key: 0,
   class: "vv-alert__header"
 };
 const _hoisted_2$e = ["id"];
 const _hoisted_3$7 = ["aria-label"];
-const _hoisted_4$6 = /* @__PURE__ */ createElementVNode(
+const _hoisted_4$5 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "vv-alert__close-mask" },
   null,
@@ -1529,7 +1532,7 @@ const _hoisted_4$6 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_5$5 = [
-  _hoisted_4$6
+  _hoisted_4$5
 ];
 const _hoisted_6$5 = {
   key: 1,
@@ -1546,8 +1549,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...__default__$n,
   props: VvAlertProps,
   emits: VvAlertEvents,
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const { hasProps, hasTitleId, hasIcon, close } = useVvAlert(props, emit);
     __expose({ close });
     return (_ctx, _cache) => {
@@ -1555,7 +1559,7 @@ const _sfc_main$t = /* @__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$l, [
+          _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, [
             unref(hasIcon) ? (openBlock(), createBlock(
               _sfc_main$u,
               mergeProps({ key: 0 }, unref(hasIcon), { class: "vv-alert__icon" }),
@@ -1738,8 +1742,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...__default__$m,
   props: VvAlertGroupProps,
   emits: VvAlertGroupEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const { hasProps, hasTransition } = useVvAlertGroup(props, emit);
     const alertGroupTransitionHandlers = {
       "before-enter": () => {
@@ -1818,7 +1823,7 @@ const VvAvatarProps = {
    */
   imgSrc: String
 };
-const _hoisted_1$k = ["role", "aria-label"];
+const _hoisted_1$j = ["role", "aria-label"];
 const _hoisted_2$d = ["src"];
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "VvAvatar",
@@ -1840,7 +1845,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             alt: "avatar"
           }, null, 8, _hoisted_2$d)) : createCommentVNode("v-if", true)
         ])
-      ], 10, _hoisted_1$k);
+      ], 10, _hoisted_1$j);
     };
   }
 });
@@ -1863,7 +1868,7 @@ const VvAvatarGroupProps = {
   },
   avatarModifiers: [String, Array]
 };
-const _hoisted_1$j = { key: 0 };
+const _hoisted_1$i = { key: 0 };
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "VvAvatarGroup",
   props: VvAvatarGroupProps,
@@ -1918,7 +1923,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       avatarItem.text ? (openBlock(), createElementBlock(
                         "span",
-                        _hoisted_1$j,
+                        _hoisted_1$i,
                         toDisplayString(avatarItem.text),
                         1
                         /* TEXT */
@@ -1996,7 +2001,7 @@ const VvBreadcrumbProps = {
   ...ModifiersProps,
   routes: Array
 };
-const _hoisted_1$i = { class: "vv-breadcrumb__list" };
+const _hoisted_1$h = { class: "vv-breadcrumb__list" };
 const _hoisted_2$c = ["content"];
 const __default__$k = {
   name: "VvBreadcrumb"
@@ -2021,7 +2026,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           "aria-label": "breadcrumbs"
         },
         [
-          createElementVNode("ol", _hoisted_1$i, [
+          createElementVNode("ol", _hoisted_1$h, [
             (openBlock(true), createElementBlock(
               Fragment,
               null,
@@ -2177,7 +2182,7 @@ function useGroupProps$2(props, emit) {
     label
   };
 }
-const _hoisted_1$h = {
+const _hoisted_1$g = {
   key: 1,
   class: "vv-button__label"
 };
@@ -2192,10 +2197,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...__default__$j,
   props: VvButtonProps,
   emits: VvButtonEvents,
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const attrs = useAttrs();
     const slots = useSlots();
+    const emit = __emit;
     const {
       id,
       modifiers,
@@ -2292,7 +2298,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               }, null, 8, ["name"])) : createCommentVNode("v-if", true),
               _ctx.loadingLabel ? (openBlock(), createElementBlock(
                 "span",
-                _hoisted_1$h,
+                _hoisted_1$g,
                 toDisplayString(_ctx.loadingLabel),
                 1
                 /* TEXT */
@@ -2357,7 +2363,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...__default__$i,
   props: VvButtonGroupProps,
   emits: VvButtonGroupEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const {
       disabled,
@@ -2418,7 +2425,7 @@ const VvCardProps = {
   ...ModifiersProps,
   title: String
 };
-const _hoisted_1$g = {
+const _hoisted_1$f = {
   key: 0,
   class: "vv-card__header"
 };
@@ -2447,7 +2454,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(bemCssClasses))
         },
         [
-          _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$g, [
+          _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$f, [
             renderSlot(_ctx.$slots, "header", {}, () => [
               createTextVNode(
                 toDisplayString(_ctx.title),
@@ -2691,7 +2698,7 @@ function useDefaults(componentName, propsDefinition, props) {
     }, {});
   });
 }
-const _hoisted_1$f = ["for"];
+const _hoisted_1$e = ["for"];
 const _hoisted_2$9 = ["id", "name", "disabled", "value", "tabindex", "aria-invalid", "aria-describedby", "aria-errormessage"];
 const __default__$g = {
   name: "VvCheckbox"
@@ -2700,8 +2707,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...__default__$g,
   props: VvCheckboxProps,
   emits: VvCheckboxEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const slots = useSlots();
     const propsDefaults = useDefaults(
       "VvCheckbox",
@@ -2886,7 +2894,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             key: "3"
           } : void 0
         ]), 1032, ["id"])
-      ], 10, _hoisted_1$f);
+      ], 10, _hoisted_1$e);
     };
   }
 });
@@ -2924,7 +2932,7 @@ function useOptions(props) {
     getOptionGrouped
   };
 }
-const _hoisted_1$e = ["textContent"];
+const _hoisted_1$d = ["textContent"];
 const _hoisted_2$8 = { class: "vv-checkbox-group__wrapper" };
 const __default__$f = {
   name: "VvCheckboxGroup"
@@ -2933,8 +2941,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...__default__$f,
   props: VvCheckboxGroupProps,
   emits: VvCheckboxGroupEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const slots = useSlots();
     const propsDefaults = useDefaults(
       "VvCheckboxGroup",
@@ -2982,7 +2991,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           _ctx.label ? (openBlock(), createElementBlock("legend", {
             key: 0,
             textContent: toDisplayString(_ctx.label)
-          }, null, 8, _hoisted_1$e)) : createCommentVNode("v-if", true),
+          }, null, 8, _hoisted_1$d)) : createCommentVNode("v-if", true),
           createElementVNode("div", _hoisted_2$8, [
             _ctx.options.length > 0 ? (openBlock(true), createElementBlock(
               Fragment,
@@ -3275,7 +3284,7 @@ function useProvideDropdownAction({
     expanded
   });
 }
-const _hoisted_1$d = ["id", "tabindex", "role", "aria-labelledby"];
+const _hoisted_1$c = ["id", "tabindex", "role", "aria-labelledby"];
 const __default__$e = {
   name: "VvDropdown",
   inheritAttrs: false
@@ -3298,8 +3307,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     "leave",
     "leave-cancelled"
   ],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const { id } = toRefs(props);
     const hasId = useUniqueId(id);
     const attrs = useAttrs();
@@ -3683,7 +3693,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "items", normalizeProps(guardReactiveProps({
                       role: unref(itemRole)
                     })))
-                  ], 16, _hoisted_1$d),
+                  ], 16, _hoisted_1$c),
                   renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps({ expanded: unref(expanded) })))
                 ],
                 6
@@ -3736,7 +3746,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = ["title"];
+const _hoisted_1$b = ["title"];
 const __default__$c = {
   name: "VvDropdownOption"
 };
@@ -3797,7 +3807,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 /* TEXT */
               )
             ])
-          ], 8, _hoisted_1$c)
+          ], 8, _hoisted_1$b)
         ]),
         _: 3
         /* FORWARDED */
@@ -3805,7 +3815,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = {
+const _hoisted_1$a = {
   class: "vv-dropdown-optgroup",
   role: "presentation",
   tabindex: "-1"
@@ -3823,7 +3833,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         "li",
-        _hoisted_1$b,
+        _hoisted_1$a,
         toDisplayString(props.label),
         1
         /* TEXT */
@@ -3889,17 +3899,17 @@ function useComponentFocus(inputTemplateRef, emit) {
     focused
   };
 }
-const _hoisted_1$a = ["for"];
+const _hoisted_1$9 = ["for"];
 const _hoisted_2$7 = { class: "vv-select__wrapper" };
 const _hoisted_3$5 = {
   key: 0,
   class: "vv-select__input-before"
 };
-const _hoisted_4$5 = { class: "vv-select__inner" };
+const _hoisted_4$4 = { 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_8$2 = ["disabled", "label"];
 const _hoisted_9$2 = ["disabled", "value"];
 const _hoisted_10$1 = {
   key: 1,
@@ -3912,8 +3922,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...__default__$a,
   props: VvSelectProps,
   emits: VvSelectEmits,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const slots = useSlots();
     const propsDefaults = useDefaults(
       "VvSelect",
@@ -4032,12 +4043,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           _ctx.label ? (openBlock(), createElementBlock("label", {
             key: 0,
             for: unref(hasId)
-          }, toDisplayString(_ctx.label), 9, _hoisted_1$a)) : createCommentVNode("v-if", true),
+          }, toDisplayString(_ctx.label), 9, _hoisted_1$9)) : 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$5, [
+            createElementVNode("div", _hoisted_4$4, [
               unref(hasIconBefore) ? (openBlock(), createBlock(
                 _sfc_main$u,
                 mergeProps({ key: 0 }, unref(hasIconBefore), { class: "vv-select__icon" }),
@@ -4087,7 +4098,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                             128
                             /* KEYED_FRAGMENT */
                           ))
-                        ], 8, _hoisted_8$3))
+                        ], 8, _hoisted_8$2))
                       ],
                       64
                       /* STABLE_FRAGMENT */
@@ -4154,10 +4165,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = ["id"];
+const _hoisted_1$8 = ["id"];
 const _hoisted_2$6 = ["id", "for"];
 const _hoisted_3$4 = ["id", "aria-controls", "placeholder"];
-const _hoisted_4$4 = {
+const _hoisted_4$3 = {
   key: 0,
   class: "vv-select__input-before"
 };
@@ -4167,7 +4178,7 @@ const _hoisted_7$3 = {
   key: 0,
   class: "vv-select__value"
 };
-const _hoisted_8$2 = ["aria-label", "onClick"];
+const _hoisted_8$1 = ["aria-label", "onClick"];
 const _hoisted_9$1 = {
   key: 1,
   class: "vv-select__input-after"
@@ -4185,8 +4196,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...__default__$9,
   props: VvComboboxProps,
   emits: VvComboboxEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const slots = useSlots();
     const propsDefaults = useDefaults(
       "VvCombobox",
@@ -4482,7 +4494,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               onAfterCollapse
             }), createSlots({
               default: withCtx(({ aria }) => [
-                _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
+                _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
                   renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
                 ])) : createCommentVNode("v-if", true),
                 createElementVNode("div", _hoisted_5$3, [
@@ -4539,7 +4551,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                                     onClick: withModifiers(($event) => onInput(option), ["stop"])
                                   }, [
                                     createVNode(_sfc_main$u, { name: "close" })
-                                  ], 8, _hoisted_8$2)) : createCommentVNode("v-if", true)
+                                  ], 8, _hoisted_8$1)) : createCommentVNode("v-if", true)
                                 ]),
                                 _: 2
                                 /* DYNAMIC */
@@ -4786,7 +4798,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             key: "3"
           } : void 0
         ]), 1032, ["id"])
-      ], 10, _hoisted_1$9)) : (openBlock(), createBlock(
+      ], 10, _hoisted_1$8)) : (openBlock(), createBlock(
         _sfc_main$e,
         mergeProps({ key: 1 }, unref(selectProps), {
           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => emit("update:modelValue", $event))
@@ -4837,13 +4849,12 @@ const VvDialogProps = {
    */
   keepOpen: { type: Boolean, default: false }
 };
-const _hoisted_1$8 = ["onCancel"];
-const _hoisted_2$5 = {
+const _hoisted_1$7 = {
   key: 0,
   class: "vv-dialog__header"
 };
-const _hoisted_3$3 = { class: "vv-dialog__content" };
-const _hoisted_4$3 = {
+const _hoisted_2$5 = { class: "vv-dialog__content" };
+const _hoisted_3$3 = {
   key: 1,
   class: "vv-dialog__footer"
 };
@@ -4854,8 +4865,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...__default__$8,
   props: VvDialogProps,
   emits: VvDialogEvents,
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const dialogEl = ref();
     const modelValue = useVModel(props, "modelValue", emit);
     const localModelValue = ref(false);
@@ -4939,54 +4951,60 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, mergeProps({ name: unref(transitioName) }, toHandlers(dialogTransitionHandlers), { persisted: "" }), {
         default: withCtx(() => [
-          withDirectives(createElementVNode("dialog", mergeProps(unref(dialogAttrs), {
-            ref_key: "dialogEl",
-            ref: dialogEl,
-            class: unref(dialogClass),
-            onCancel: withModifiers(onCancel, ["stop", "prevent"])
-          }), [
-            createElementVNode(
-              "article",
-              {
-                ref_key: "modalWrapper",
-                ref: modalWrapper,
-                class: "vv-dialog__wrapper"
-              },
-              [
-                _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_2$5, [
-                  renderSlot(_ctx.$slots, "header", {}, () => [
-                    createTextVNode(
-                      toDisplayString(_ctx.title) + " ",
-                      1
-                      /* TEXT */
-                    ),
-                    createElementVNode(
-                      "button",
-                      {
-                        type: "button",
-                        "aria-label": "Close",
-                        class: "vv-dialog__close",
-                        onClickPassive: close
-                      },
-                      [
-                        createVNode(_sfc_main$u, { name: "close" })
-                      ],
-                      32
-                      /* HYDRATE_EVENTS */
-                    )
-                  ])
-                ])) : createCommentVNode("v-if", true),
-                createElementVNode("div", _hoisted_3$3, [
-                  renderSlot(_ctx.$slots, "default")
-                ]),
-                _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$3, [
-                  renderSlot(_ctx.$slots, "footer")
-                ])) : createCommentVNode("v-if", true)
-              ],
-              512
-              /* NEED_PATCH */
-            )
-          ], 16, _hoisted_1$8), [
+          withDirectives(createElementVNode(
+            "dialog",
+            mergeProps(unref(dialogAttrs), {
+              ref_key: "dialogEl",
+              ref: dialogEl,
+              class: unref(dialogClass),
+              onCancel: withModifiers(onCancel, ["stop", "prevent"])
+            }),
+            [
+              createElementVNode(
+                "article",
+                {
+                  ref_key: "modalWrapper",
+                  ref: modalWrapper,
+                  class: "vv-dialog__wrapper"
+                },
+                [
+                  _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$7, [
+                    renderSlot(_ctx.$slots, "header", {}, () => [
+                      createTextVNode(
+                        toDisplayString(_ctx.title) + " ",
+                        1
+                        /* TEXT */
+                      ),
+                      createElementVNode(
+                        "button",
+                        {
+                          type: "button",
+                          "aria-label": "Close",
+                          class: "vv-dialog__close",
+                          onClickPassive: close
+                        },
+                        [
+                          createVNode(_sfc_main$u, { name: "close" })
+                        ],
+                        32
+                        /* NEED_HYDRATION */
+                      )
+                    ])
+                  ])) : createCommentVNode("v-if", true),
+                  createElementVNode("div", _hoisted_2$5, [
+                    renderSlot(_ctx.$slots, "default")
+                  ]),
+                  _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3$3, [
+                    renderSlot(_ctx.$slots, "footer")
+                  ])) : createCommentVNode("v-if", true)
+                ],
+                512
+                /* NEED_PATCH */
+              )
+            ],
+            16
+            /* FULL_PROPS */
+          ), [
             [vShow, unref(isOpened)]
           ])
         ]),
@@ -5516,23 +5534,22 @@ function useTextCount(text, options) {
     formatted
   };
 }
-const _hoisted_1$7 = ["for"];
+const _hoisted_1$6 = ["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$2 = ["onClick"];
-const _hoisted_5$2 = ["id"];
-const _hoisted_6$2 = {
+const _hoisted_4$2 = ["id"];
+const _hoisted_5$2 = {
   key: 1,
   class: "vv-input-text__unit"
 };
-const _hoisted_7$2 = {
+const _hoisted_6$2 = {
   key: 5,
   class: "vv-input-text__input-after"
 };
-const _hoisted_8$1 = {
+const _hoisted_7$2 = {
   key: 6,
   class: "vv-input-text__limit"
 };
@@ -5543,8 +5560,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...__default__$6,
   props: VvInputTextProps,
   emits: VvInputTextEvents,
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const slots = useSlots();
     const propsDefaults = useDefaults(
       "VvInputText",
@@ -5890,44 +5908,50 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             key: 0,
             for: unref(hasId),
             class: "vv-input-text__label"
-          }, toDisplayString(unref(label)), 9, _hoisted_1$7)) : createCommentVNode("v-if", true),
+          }, toDisplayString(unref(label)), 9, _hoisted_1$6)) : 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", {
-              ref_key: "innerEl",
-              ref: innerEl,
-              class: "vv-input-text__inner",
-              onClick: withModifiers(onClickInner, ["stop"])
-            }, [
-              unref(hasIconBefore) ? (openBlock(), createBlock(
-                _sfc_main$u,
-                mergeProps({ key: 0 }, unref(hasIconBefore), { class: "vv-input-text__icon" }),
-                null,
-                16
-                /* FULL_PROPS */
-              )) : createCommentVNode("v-if", true),
-              createElementVNode("input", mergeProps({
-                id: unref(hasId),
-                ref_key: "inputEl",
-                ref: inputEl
-              }, unref(hasAttrs), {
-                style: unref(hasStyle),
-                onKeyup: _cache[0] || (_cache[0] = ($event) => emit("keyup", $event)),
-                onKeydown: onKeyDown,
-                onKeypress: _cache[1] || (_cache[1] = ($event) => emit("keypress", $event))
-              }), 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),
-                    1
-                    /* TEXT */
-                  )
-                ])
-              ])) : createCommentVNode("v-if", true)
-            ], 8, _hoisted_4$2),
+            createElementVNode(
+              "div",
+              {
+                ref_key: "innerEl",
+                ref: innerEl,
+                class: "vv-input-text__inner",
+                onClick: withModifiers(onClickInner, ["stop"])
+              },
+              [
+                unref(hasIconBefore) ? (openBlock(), createBlock(
+                  _sfc_main$u,
+                  mergeProps({ key: 0 }, unref(hasIconBefore), { class: "vv-input-text__icon" }),
+                  null,
+                  16
+                  /* FULL_PROPS */
+                )) : createCommentVNode("v-if", true),
+                createElementVNode("input", mergeProps({
+                  id: unref(hasId),
+                  ref_key: "inputEl",
+                  ref: inputEl
+                }, unref(hasAttrs), {
+                  style: unref(hasStyle),
+                  onKeyup: _cache[0] || (_cache[0] = ($event) => emit("keyup", $event)),
+                  onKeydown: onKeyDown,
+                  onKeypress: _cache[1] || (_cache[1] = ($event) => emit("keypress", $event))
+                }), null, 16, _hoisted_4$2),
+                (_ctx.unit || _ctx.$slots.unit) && unref(isDirty) ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+                  renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
+                    createTextVNode(
+                      toDisplayString(_ctx.unit),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ])) : createCommentVNode("v-if", true)
+              ],
+              512
+              /* NEED_PATCH */
+            ),
             unref(iconAfter) ? (openBlock(), createBlock(
               _sfc_main$u,
               mergeProps({ key: 1 }, unref(iconAfter), { class: "vv-input-text__icon vv-input-text__icon-after" }),
@@ -5945,10 +5969,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               key: 4,
               onClear
             })) : createCommentVNode("v-if", true),
-            _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
+            _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
               renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true),
-            unref(count) ? (openBlock(), createElementBlock("span", _hoisted_8$1, [
+            unref(count) ? (openBlock(), createElementBlock("span", _hoisted_7$2, [
               renderSlot(_ctx.$slots, "count", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
                 createTextVNode(
                   toDisplayString(unref(countFormatted)),
@@ -6006,7 +6030,7 @@ const VvNavProps = {
   ...NavProps
 };
 const VvNavEvents = ["click"];
-const _hoisted_1$6 = {
+const _hoisted_1$5 = {
   class: "vv-nav__item",
   role: "presentation"
 };
@@ -6018,7 +6042,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...__default__$5,
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("li", _hoisted_1$6, [
+      return openBlock(), createElementBlock("li", _hoisted_1$5, [
         createVNode(
           _sfc_main$v,
           mergeProps(_ctx.$attrs, { class: "vv-nav__item-label" }),
@@ -6036,14 +6060,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = ["onClick"];
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "VvNav",
   props: VvNavProps,
   emits: VvNavEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const { modifiers } = toRefs(props);
+    const emit = __emit;
     const onClick = (event) => {
       var _a;
       const target = event.target;
@@ -6090,7 +6114,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 /* KEYED_FRAGMENT */
               ))
             ])
-          ], 8, _hoisted_1$5)
+          ])
         ],
         2
         /* CLASS */
@@ -6222,8 +6246,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   props: VvRadioProps,
   emits: VvRadioEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const slots = useSlots();
     const propsDefaults = useDefaults(
       "VvRadio",
@@ -6361,8 +6386,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: VvRadioGroupProps,
   emits: VvRadioGroupEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const slots = useSlots();
     const propsDefaults = useDefaults(
       "VvRadioGroup",
@@ -6493,8 +6519,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "VvTab",
   props: VvTabProps,
   emits: VvTabEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const { modifiers, items } = toRefs(props);
     const tabKeys = computed(() => {
       return items.value.reduce((acc, item) => {
@@ -6657,8 +6684,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   props: VvTextareaProps,
   emits: VvTextareaEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const slots = useSlots();
     const propsDefaults = useDefaults(
       "VvTextarea",
@@ -6940,15 +6968,16 @@ const VvInputFileProps = {
   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 _hoisted_2 = { class: "vv-input-file__preview" };
+const _hoisted_3 = ["src", "alt"];
+const _hoisted_4 = { class: "vv-input-file__wrapper" };
+const _hoisted_5 = ["id", "placeholder", "aria-describedby", "aria-invalid", "aria-errormessage", "multiple", "accept", "name"];
+const _hoisted_6 = { class: "vv-input-file__list" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "vv-input-file__item-name cursor-pointer" };
+const _hoisted_10 = { class: "vv-input-file__item-info" };
+const _hoisted_11 = ["onClick"];
 const __default__ = {
   name: "VvInputFile"
 };
@@ -6956,8 +6985,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: VvInputFileProps,
   emits: ["update:modelValue"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const slots = useSlots();
     const propsDefaults = useDefaults(
       "VvInputFile",
@@ -7071,14 +7101,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       toReturn.splice(index, 1);
       localModelValue.value = toReturn;
     };
+    const currentFileIndex = ref(0);
     const previewSrc = computed(() => {
       if (files.value.length === 0) {
         return;
       }
-      if (files.value[0] instanceof File) {
-        return URL.createObjectURL(files.value[0]);
+      if (files.value[currentFileIndex.value] instanceof File) {
+        return URL.createObjectURL(
+          files.value[currentFileIndex.value]
+        );
       }
-      return files.value[0].url;
+      return files.value[currentFileIndex.value].url;
     });
     onBeforeUnmount(() => {
       if (previewSrc.value) {
@@ -7091,6 +7124,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return Math.floor(size2 / 1024);
     };
+    const onClickDownloadFile = (file) => {
+      const link = document.createElement("a");
+      if (file instanceof File) {
+        link.href = URL.createObjectURL(file);
+      } else if (file.url) {
+        link.href = file.url;
+      }
+      link.setAttribute("download", file.name);
+      document.body.appendChild(link);
+      link.click();
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         "div",
@@ -7102,37 +7146,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             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)
+          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" : isMultiple.value ? "add" : "edit",
+                  onClick: withModifiers(onClick, ["stop"])
+                }, null, 8, ["label", "class", "icon"]),
+                createElementVNode("picture", _hoisted_2, [
+                  previewSrc.value ? (openBlock(), createElementBlock("img", {
+                    key: 0,
+                    src: previewSrc.value,
+                    alt: files.value[currentFileIndex.value].name
+                  }, null, 8, _hoisted_3)) : createCommentVNode("v-if", true)
+                ])
               ])
-            ])
-          ], 40, _hoisted_2)) : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_5, [
+            ],
+            32
+            /* NEED_HYDRATION */
+          )) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_4, [
             _ctx.iconLeft ? (openBlock(), createBlock(_sfc_main$u, {
               key: 0,
               name: _ctx.iconLeft
@@ -7150,35 +7200,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               type: "file",
               name: _ctx.name,
               onChange
-            }, null, 40, _hoisted_6),
+            }, null, 40, _hoisted_5),
             _ctx.iconRight ? (openBlock(), createBlock(_sfc_main$u, {
               key: 1,
               name: _ctx.iconRight
             }, null, 8, ["name"])) : createCommentVNode("v-if", true)
           ]),
-          createElementVNode("ul", _hoisted_7, [
+          createElementVNode("ul", _hoisted_6, [
             (openBlock(true), createElementBlock(
               Fragment,
               null,
               renderList(files.value, (file, index) => {
                 return openBlock(), createElementBlock("li", {
                   key: index,
-                  class: "vv-input-file__item"
+                  class: "vv-input-file__item",
+                  onClick: withModifiers(($event) => currentFileIndex.value = index, ["stop"])
                 }, [
-                  createVNode(_sfc_main$u, {
-                    class: "vv-input-file__item-icon",
-                    name: "akar-icons:file"
-                  }),
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "vv-input-file__item-icon cursor-pointer",
+                    title: "Download",
+                    "aria-label": "download-file",
+                    onClick: withModifiers(($event) => onClickDownloadFile(file), ["stop"])
+                  }, [
+                    createVNode(_sfc_main$u, { name: "download" })
+                  ], 8, _hoisted_8),
                   createElementVNode(
                     "div",
-                    _hoisted_8,
+                    _hoisted_9,
                     toDisplayString(file.name),
                     1
                     /* TEXT */
                   ),
                   createElementVNode(
                     "small",
-                    _hoisted_9,
+                    _hoisted_10,
                     toDisplayString(sizeInKiB(file.size)) + " KB ",
                     1
                     /* TEXT */
@@ -7189,8 +7245,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     title: "Remove",
                     "aria-label": "remove-file",
                     onClick: withModifiers(($event) => onClickRemoveFile(index), ["stop"])
-                  }, null, 8, _hoisted_10)
-                ]);
+                  }, null, 8, _hoisted_11)
+                ], 8, _hoisted_7);
               }),
               128
               /* KEYED_FRAGMENT */