@volverjs/ui-vue 0.0.10-beta.7 → 0.0.10-beta.9

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, useSlots, h, onMounted, withDirectives, vModelCheckbox, createVNode, createSlots, nextTick, Transition, toHandlers, 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, useSlots, h, onMounted, withDirectives, vModelCheckbox, createSlots, nextTick, Transition, toHandlers, normalizeStyle, vShow, vModelSelect, vModelText, vModelRadio } 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";
@@ -502,6 +502,13 @@ const ActionProps = {
   ariaLabel: {
     type: String,
     default: void 0
+  },
+  /**
+   * Default tag for the action
+   */
+  defaultTag: {
+    type: String,
+    default: ActionTag.button
   }
 };
 const NavProps = {
@@ -834,7 +841,11 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(onClick)(), ["prevent"]))
         }, [
           renderSlot(_ctx.$slots, "summary", normalizeProps(guardReactiveProps({ open: unref(isOpen) })), () => [
-            createTextVNode(toDisplayString(unref(title)), 1)
+            createTextVNode(
+              toDisplayString(unref(title)),
+              1
+              /* TEXT */
+            )
           ])
         ], 8, _hoisted_2$d),
         createElementVNode("div", {
@@ -842,7 +853,11 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           class: "vv-accordion__content"
         }, [
           renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ open: unref(isOpen) })), () => [
-            createTextVNode(toDisplayString(unref(content)), 1)
+            createTextVNode(
+              toDisplayString(unref(content)),
+              1
+              /* TEXT */
+            )
           ])
         ], 8, _hoisted_3$7)
       ], 10, _hoisted_1$i);
@@ -964,29 +979,48 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       }))
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(bemCssClasses))
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item) => {
-            return openBlock(), createBlock(_sfc_main$r, mergeProps({
-              key: item.title
-            }, {
-              name: item.name,
-              title: item.title,
-              content: item.content
-            }), {
-              header: withCtx((data) => [
-                renderSlot(_ctx.$slots, `header::${item.name}`, normalizeProps(guardReactiveProps(data)))
-              ]),
-              details: withCtx((data) => [
-                renderSlot(_ctx.$slots, `details::${item.name}`, normalizeProps(guardReactiveProps(data)))
-              ]),
-              _: 2
-            }, 1040);
-          }), 128))
-        ])
-      ], 2);
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bemCssClasses))
+        },
+        [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(unref(items), (item) => {
+                return openBlock(), createBlock(
+                  _sfc_main$r,
+                  mergeProps({
+                    key: item.title
+                  }, {
+                    name: item.name,
+                    title: item.title,
+                    content: item.content
+                  }),
+                  {
+                    header: withCtx((data) => [
+                      renderSlot(_ctx.$slots, `header::${item.name}`, normalizeProps(guardReactiveProps(data)))
+                    ]),
+                    details: withCtx((data) => [
+                      renderSlot(_ctx.$slots, `details::${item.name}`, normalizeProps(guardReactiveProps(data)))
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  },
+                  1040
+                  /* FULL_PROPS, DYNAMIC_SLOTS */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
@@ -1043,7 +1077,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         case props.href !== void 0:
           return ActionTag.a;
         default:
-          return ActionTag.button;
+          return props.defaultTag;
       }
     });
     const hasProps = computed(() => {
@@ -1068,12 +1102,14 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             to: props.to,
             target: props.target
           };
-        default:
+        case ActionTag.button:
           return {
             ...toReturn,
             type: props.type,
             disabled: props.disabled
           };
+        default:
+          return toReturn;
       }
     });
     const onClick = (e) => {
@@ -1108,10 +1144,15 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.label), 1)
+            createTextVNode(
+              toDisplayString(_ctx.label),
+              1
+              /* TEXT */
+            )
           ])
         ]),
         _: 3
+        /* FORWARDED */
       }, 16, ["class"]);
     };
   }
@@ -1302,7 +1343,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         color: _ctx.color,
         onLoad: _ctx.onLoad,
         icon: unref(icon)
-      }), null, 16, ["class"])) : createCommentVNode("", true);
+      }), null, 16, ["class"])) : createCommentVNode("v-if", true);
     };
   }
 });
@@ -1457,7 +1498,13 @@ const _hoisted_1$h = {
 };
 const _hoisted_2$c = ["id"];
 const _hoisted_3$6 = ["aria-label"];
-const _hoisted_4$5 = /* @__PURE__ */ createElementVNode("div", { class: "vv-alert__close-mask" }, null, -1);
+const _hoisted_4$5 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "vv-alert__close-mask" },
+  null,
+  -1
+  /* HOISTED */
+);
 const _hoisted_5$4 = [
   _hoisted_4$5
 ];
@@ -1481,47 +1528,71 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const { hasProps, hasTitleId, hasIcon, close } = useVvAlert(props, emit);
     __expose({ close });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("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$h, [
-          unref(hasIcon) ? (openBlock(), createBlock(_sfc_main$o, mergeProps({ key: 0 }, unref(hasIcon), { class: "vv-alert__icon" }), null, 16)) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "header", {}, () => [
-            renderSlot(_ctx.$slots, "title::before"),
-            _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("strong", {
-              key: 0,
-              id: unref(hasTitleId),
-              class: "vv-alert__title"
-            }, [
-              renderSlot(_ctx.$slots, "title", {}, () => [
-                createTextVNode(toDisplayString(_ctx.title), 1)
-              ])
-            ], 8, _hoisted_2$c)) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "title::after")
-          ]),
-          renderSlot(_ctx.$slots, "close", normalizeProps(guardReactiveProps({ close: unref(close) })), () => [
-            _ctx.dismissable || _ctx.autoClose ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              class: "vv-alert__close",
-              type: "button",
-              "aria-label": _ctx.closeLabel,
-              onClick: _cache[0] || (_cache[0] = withModifiers(
-                //@ts-ignore
-                (...args) => unref(close) && unref(close)(...args),
-                ["stop"]
-              ))
-            }, _hoisted_5$4, 8, _hoisted_3$6)) : createCommentVNode("", true)
-          ])
-        ])) : createCommentVNode("", true),
-        _ctx.$slots.default || _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.content), 1)
-          ])
-        ])) : createCommentVNode("", true),
-        _ctx.$slots.footer || _ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
-          renderSlot(_ctx.$slots, "footer", {}, () => [
-            createTextVNode(toDisplayString(_ctx.footer), 1)
-          ])
-        ])) : createCommentVNode("", true)
-      ], 16);
+      return openBlock(), createElementBlock(
+        "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$h, [
+            unref(hasIcon) ? (openBlock(), createBlock(
+              _sfc_main$o,
+              mergeProps({ key: 0 }, unref(hasIcon), { class: "vv-alert__icon" }),
+              null,
+              16
+              /* FULL_PROPS */
+            )) : createCommentVNode("v-if", true),
+            renderSlot(_ctx.$slots, "header", {}, () => [
+              renderSlot(_ctx.$slots, "title::before"),
+              _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("strong", {
+                key: 0,
+                id: unref(hasTitleId),
+                class: "vv-alert__title"
+              }, [
+                renderSlot(_ctx.$slots, "title", {}, () => [
+                  createTextVNode(
+                    toDisplayString(_ctx.title),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ], 8, _hoisted_2$c)) : createCommentVNode("v-if", true),
+              renderSlot(_ctx.$slots, "title::after")
+            ]),
+            renderSlot(_ctx.$slots, "close", normalizeProps(guardReactiveProps({ close: unref(close) })), () => [
+              _ctx.dismissable || _ctx.autoClose ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                class: "vv-alert__close",
+                type: "button",
+                "aria-label": _ctx.closeLabel,
+                onClick: _cache[0] || (_cache[0] = withModifiers(
+                  //@ts-ignore
+                  (...args) => unref(close) && unref(close)(...args),
+                  ["stop"]
+                ))
+              }, _hoisted_5$4, 8, _hoisted_3$6)) : createCommentVNode("v-if", true)
+            ])
+          ])) : createCommentVNode("v-if", true),
+          _ctx.$slots.default || _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(
+                toDisplayString(_ctx.content),
+                1
+                /* TEXT */
+              )
+            ])
+          ])) : createCommentVNode("v-if", true),
+          _ctx.$slots.footer || _ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
+            renderSlot(_ctx.$slots, "footer", {}, () => [
+              createTextVNode(
+                toDisplayString(_ctx.footer),
+                1
+                /* TEXT */
+              )
+            ])
+          ])) : createCommentVNode("v-if", true)
+        ],
+        16
+        /* FULL_PROPS */
+      );
     };
   }
 });
@@ -1540,14 +1611,24 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     const { modifiers } = toRefs(props);
     const bemCssClasses = useModifiers("vv-badge", modifiers);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(unref(bemCssClasses)),
-        role: "status"
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createTextVNode(toDisplayString(_ctx.value), 1)
-        ])
-      ], 2);
+      return openBlock(), createElementBlock(
+        "span",
+        {
+          class: normalizeClass(unref(bemCssClasses)),
+          role: "status"
+        },
+        [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(
+              toDisplayString(_ctx.value),
+              1
+              /* TEXT */
+            )
+          ])
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
@@ -1567,46 +1648,71 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { modifiers } = toRefs(props);
     const bemCssClasses = useModifiers("vv-breadcrumb", modifiers);
+    const length = computed(() => {
+      var _a;
+      return ((_a = props.routes) == null ? void 0 : _a.length) ?? 0;
+    });
+    const isLast = (index) => index === length.value - 1;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("nav", {
-        class: normalizeClass(unref(bemCssClasses)),
-        "aria-label": "breadcrumbs"
-      }, [
-        createElementVNode("ol", _hoisted_1$g, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.routes, (route, index) => {
-            var _a, _b, _c, _d;
-            return openBlock(), createElementBlock("li", {
-              key: `${route.label}-${index}`,
-              class: normalizeClass({
-                "vv-breadcrumb__item": index < Number((_a = _ctx.routes) == null ? void 0 : _a.length) - 1,
-                "vv-breadcrumb__item-active": index === Number((_b = _ctx.routes) == null ? void 0 : _b.length) - 1
+      return openBlock(), createElementBlock(
+        "nav",
+        {
+          class: normalizeClass(unref(bemCssClasses)),
+          "aria-label": "breadcrumbs"
+        },
+        [
+          createElementVNode("ol", _hoisted_1$g, [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(_ctx.routes, ({ label, ...route }, index) => {
+                return openBlock(), createElementBlock(
+                  "li",
+                  {
+                    key: `${label}-${index}`,
+                    class: normalizeClass(
+                      !isLast(index) ? "vv-breadcrumb__item" : "vv-breadcrumb__item-active"
+                    ),
+                    itemprop: "itemListElement",
+                    itemtype: "https://schema.org/ListItem",
+                    itemscope: ""
+                  },
+                  [
+                    createVNode(_sfc_main$p, mergeProps(route, {
+                      class: !isLast(index) ? "vv-breadcrumb__link" : "vv-breadcrumb__label",
+                      "aria-current": isLast(index) ? "page" : void 0,
+                      itemprop: "item",
+                      "default-tag": "span"
+                    }), {
+                      default: withCtx(() => [
+                        renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps({ route, index })), () => [
+                          createTextVNode(
+                            toDisplayString(label),
+                            1
+                            /* TEXT */
+                          )
+                        ])
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1040, ["class", "aria-current"]),
+                    createElementVNode("meta", {
+                      itemprop: "position",
+                      content: `${index + 1}`
+                    }, null, 8, _hoisted_2$b)
+                  ],
+                  2
+                  /* CLASS */
+                );
               }),
-              itemprop: "itemListElement",
-              itemtype: "https://schema.org/ListItem",
-              itemscope: ""
-            }, [
-              (openBlock(), createBlock(resolveDynamicComponent(route.to ? "router-link" : route.href ? "a" : "span"), mergeProps(route, {
-                class: {
-                  "vv-breadcrumb__link": index < Number((_c = _ctx.routes) == null ? void 0 : _c.length) - 1
-                },
-                "aria-current": index === Number((_d = _ctx.routes) == null ? void 0 : _d.length) - 1 ? "page" : void 0,
-                itemprop: "item"
-              }), {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps({ route, index })), () => [
-                    createTextVNode(toDisplayString(route.label), 1)
-                  ])
-                ]),
-                _: 2
-              }, 1040, ["class", "aria-current"])),
-              createElementVNode("meta", {
-                itemprop: "position",
-                content: `${index + 1}`
-              }, null, 8, _hoisted_2$b)
-            ], 2);
-          }), 128))
-        ])
-      ], 2);
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
@@ -1828,24 +1934,47 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                 key: 0,
                 class: "vv-button__loading-icon",
                 name: _ctx.loadingIcon
-              }, null, 8, ["name"])) : createCommentVNode("", true),
-              _ctx.loadingLabel ? (openBlock(), createElementBlock("span", _hoisted_1$f, toDisplayString(_ctx.loadingLabel), 1)) : createCommentVNode("", true)
-            ]) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              renderSlot(_ctx.$slots, "before"),
-              unref(icon) ? (openBlock(), createBlock(_sfc_main$o, mergeProps({
-                key: 0,
-                class: "vv-button__icon"
-              }, unref(hasIconProps)), null, 16)) : createCommentVNode("", true),
-              unref(label) ? (openBlock(), createElementBlock("span", _hoisted_2$a, [
-                renderSlot(_ctx.$slots, "label", {}, () => [
-                  createTextVNode(toDisplayString(unref(label)), 1)
-                ])
-              ])) : createCommentVNode("", true),
-              renderSlot(_ctx.$slots, "after")
-            ], 64))
+              }, null, 8, ["name"])) : createCommentVNode("v-if", true),
+              _ctx.loadingLabel ? (openBlock(), createElementBlock(
+                "span",
+                _hoisted_1$f,
+                toDisplayString(_ctx.loadingLabel),
+                1
+                /* TEXT */
+              )) : createCommentVNode("v-if", true)
+            ]) : (openBlock(), createElementBlock(
+              Fragment,
+              { key: 1 },
+              [
+                renderSlot(_ctx.$slots, "before"),
+                unref(icon) ? (openBlock(), createBlock(
+                  _sfc_main$o,
+                  mergeProps({
+                    key: 0,
+                    class: "vv-button__icon"
+                  }, unref(hasIconProps)),
+                  null,
+                  16
+                  /* FULL_PROPS */
+                )) : createCommentVNode("v-if", true),
+                unref(label) ? (openBlock(), createElementBlock("span", _hoisted_2$a, [
+                  renderSlot(_ctx.$slots, "label", {}, () => [
+                    createTextVNode(
+                      toDisplayString(unref(label)),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ])) : createCommentVNode("v-if", true),
+                renderSlot(_ctx.$slots, "after")
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
           ])
         ]),
         _: 3
+        /* FORWARDED */
       }, 16, ["id", "class"]);
     };
   }
@@ -1918,12 +2047,18 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     });
     const bemCssClasses = useModifiers("vv-button-group", modifiers);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(bemCssClasses)),
-        role: "group"
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bemCssClasses)),
+          role: "group"
+        },
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
@@ -1954,22 +2089,32 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const { modifiers } = toRefs(props);
     const bemCssClasses = useModifiers("vv-card", modifiers);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("article", {
-        class: normalizeClass(unref(bemCssClasses))
-      }, [
-        _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$e, [
-          renderSlot(_ctx.$slots, "header", {}, () => [
-            createTextVNode(toDisplayString(_ctx.title), 1)
-          ])
-        ])) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default"),
-        _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
-          renderSlot(_ctx.$slots, "content")
-        ])) : createCommentVNode("", true),
-        _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3$5, [
-          renderSlot(_ctx.$slots, "footer")
-        ])) : createCommentVNode("", true)
-      ], 2);
+      return openBlock(), createElementBlock(
+        "article",
+        {
+          class: normalizeClass(unref(bemCssClasses))
+        },
+        [
+          _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$e, [
+            renderSlot(_ctx.$slots, "header", {}, () => [
+              createTextVNode(
+                toDisplayString(_ctx.title),
+                1
+                /* TEXT */
+              )
+            ])
+          ])) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "default"),
+          _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+            renderSlot(_ctx.$slots, "content")
+          ])) : createCommentVNode("v-if", true),
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3$5, [
+            renderSlot(_ctx.$slots, "footer")
+          ])) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
@@ -2347,12 +2492,19 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           [vModelCheckbox, unref(localModelValue)]
         ]),
         renderSlot(_ctx.$slots, "default", { value: unref(modelValue) }, () => [
-          createTextVNode(toDisplayString(_ctx.label), 1)
+          createTextVNode(
+            toDisplayString(_ctx.label),
+            1
+            /* TEXT */
+          )
         ]),
         createVNode(unref(HintSlot), {
           id: unref(hasHintId),
           class: "vv-checkbox__hint"
-        }, createSlots({ _: 2 }, [
+        }, createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
           _ctx.$slots.hint ? {
             name: "hint",
             fn: withCtx(() => [
@@ -2469,49 +2621,76 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
     const { HintSlot, hintSlotScope } = HintSlotFactory(propsDefaults, slots);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", {
-        class: normalizeClass(unref(bemCssClasses))
-      }, [
-        _ctx.label ? (openBlock(), createElementBlock("legend", {
-          key: 0,
-          textContent: toDisplayString(_ctx.label)
-        }, null, 8, _hoisted_1$c)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$7, [
-          _ctx.options.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.options, (option, index) => {
-            return openBlock(), createBlock(_sfc_main$h, mergeProps({ key: index }, getOptionProps(option, index)), null, 16);
-          }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 })
-        ]),
-        createVNode(unref(HintSlot), { class: "vv-checkbox-group__hint" }, createSlots({ _: 2 }, [
-          _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))))
+      return openBlock(), createElementBlock(
+        "fieldset",
+        {
+          class: normalizeClass(unref(bemCssClasses))
+        },
+        [
+          _ctx.label ? (openBlock(), createElementBlock("legend", {
+            key: 0,
+            textContent: toDisplayString(_ctx.label)
+          }, null, 8, _hoisted_1$c)) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_2$7, [
+            _ctx.options.length > 0 ? (openBlock(true), createElementBlock(
+              Fragment,
+              { key: 0 },
+              renderList(_ctx.options, (option, index) => {
+                return openBlock(), createBlock(
+                  _sfc_main$h,
+                  mergeProps({ key: index }, getOptionProps(option, index)),
+                  null,
+                  16
+                  /* FULL_PROPS */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            )) : renderSlot(_ctx.$slots, "default", { key: 1 })
+          ]),
+          createVNode(
+            unref(HintSlot),
+            { class: "vv-checkbox-group__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
             ]),
-            key: "3"
-          } : void 0
-        ]), 1024)
-      ], 2);
+            1024
+            /* DYNAMIC_SLOTS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
@@ -3104,50 +3283,70 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(VvDropdownTriggerProvider), null, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ init, show, hide, toggle, expanded: unref(expanded), aria: unref(referenceAria) })))
-          ]),
-          _: 3
-        }),
-        createVNode(Transition, mergeProps({ name: _ctx.transitionName }, toHandlers(dropdownTransitionHandlers)), {
-          default: withCtx(() => [
-            withDirectives(createElementVNode("div", {
-              ref_key: "floatingEl",
-              ref: floatingEl,
-              style: normalizeStyle(unref(dropdownPlacement)),
-              class: normalizeClass(unref(bemCssClasses))
-            }, [
-              props.arrow ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                ref_key: "arrowEl",
-                ref: arrowEl,
-                style: normalizeStyle(unref(arrowPlacement)),
-                class: "vv-dropdown__arrow"
-              }, null, 4)) : createCommentVNode("", true),
-              renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps({ expanded: unref(expanded) }))),
-              createElementVNode("div", mergeProps(unref(attrs), {
-                id: unref(hasId),
-                ref_key: "listEl",
-                ref: listEl,
-                tabindex: !unref(expanded) ? -1 : void 0,
-                role: unref(role),
-                "aria-labelledby": unref(hasAriaLabelledby),
-                class: "vv-dropdown__list"
-              }), [
-                renderSlot(_ctx.$slots, "items", normalizeProps(guardReactiveProps({
-                  role: unref(itemRole)
-                })))
-              ], 16, _hoisted_1$b),
-              renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps({ expanded: unref(expanded) })))
-            ], 6), [
-              [vShow, unref(expanded)]
-            ])
-          ]),
-          _: 3
-        }, 16, ["name"])
-      ], 64);
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createVNode(unref(VvDropdownTriggerProvider), null, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ init, show, hide, toggle, expanded: unref(expanded), aria: unref(referenceAria) })))
+            ]),
+            _: 3
+            /* FORWARDED */
+          }),
+          createVNode(Transition, mergeProps({ name: _ctx.transitionName }, toHandlers(dropdownTransitionHandlers), { persisted: "" }), {
+            default: withCtx(() => [
+              withDirectives(createElementVNode(
+                "div",
+                {
+                  ref_key: "floatingEl",
+                  ref: floatingEl,
+                  style: normalizeStyle(unref(dropdownPlacement)),
+                  class: normalizeClass(unref(bemCssClasses))
+                },
+                [
+                  props.arrow ? (openBlock(), createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      ref_key: "arrowEl",
+                      ref: arrowEl,
+                      style: normalizeStyle(unref(arrowPlacement)),
+                      class: "vv-dropdown__arrow"
+                    },
+                    null,
+                    4
+                    /* STYLE */
+                  )) : createCommentVNode("v-if", true),
+                  renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps({ expanded: unref(expanded) }))),
+                  createElementVNode("div", mergeProps(unref(attrs), {
+                    id: unref(hasId),
+                    ref_key: "listEl",
+                    ref: listEl,
+                    tabindex: !unref(expanded) ? -1 : void 0,
+                    role: unref(role),
+                    "aria-labelledby": unref(hasAriaLabelledby),
+                    class: "vv-dropdown__list"
+                  }), [
+                    renderSlot(_ctx.$slots, "items", normalizeProps(guardReactiveProps({
+                      role: unref(itemRole)
+                    })))
+                  ], 16, _hoisted_1$b),
+                  renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps({ expanded: unref(expanded) })))
+                ],
+                6
+                /* CLASS, STYLE */
+              ), [
+                [vShow, unref(expanded)]
+              ])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["name"])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
     };
   }
 });
@@ -3169,13 +3368,19 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({ role: unref(role) }, {
-        ref_key: "element",
-        ref: element,
-        class: ["vv-dropdown__item", { "focus-visible": unref(focused) || unref(focusedWithin) }]
-      }), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16);
+      return openBlock(), createElementBlock(
+        "div",
+        mergeProps({ role: unref(role) }, {
+          ref_key: "element",
+          ref: element,
+          class: ["vv-dropdown__item", { "focus-visible": unref(focused) || unref(focusedWithin) }]
+        }),
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
     };
   }
 });
@@ -3234,11 +3439,16 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             title: unref(hintLabel)
           }, [
             renderSlot(_ctx.$slots, "hint", normalizeProps(guardReactiveProps({ disabled: _ctx.disabled, selected: _ctx.selected, unselectable: _ctx.unselectable })), () => [
-              createTextVNode(toDisplayString(unref(hintLabel)), 1)
+              createTextVNode(
+                toDisplayString(unref(hintLabel)),
+                1
+                /* TEXT */
+              )
             ])
           ], 8, _hoisted_1$a)
         ]),
         _: 3
+        /* FORWARDED */
       }, 8, ["class", "tabindex", "aria-selected", "aria-disabled"]);
     };
   }
@@ -3259,7 +3469,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("li", _hoisted_1$9, toDisplayString(props.label), 1);
+      return openBlock(), createElementBlock(
+        "li",
+        _hoisted_1$9,
+        toDisplayString(props.label),
+        1
+        /* TEXT */
+      );
     };
   }
 });
@@ -3493,101 +3709,140 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       return option && option.options && option.options.length > 0;
     };
     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$8)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$6, [
-          _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
-            renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4$4, [
-            unref(hasIconBefore) ? (openBlock(), createBlock(_sfc_main$o, mergeProps({
-              key: 0,
-              class: "vv-select__icon"
-            }, unref(hasIcon)), null, 16)) : createCommentVNode("", true),
-            withDirectives(createElementVNode("select", mergeProps({
-              id: unref(hasId),
-              ref_key: "select",
-              ref: select,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(localModelValue) ? localModelValue.value = $event : null)
-            }, unref(hasAttrs)), [
-              _ctx.placeholder ? (openBlock(), createElementBlock("option", {
-                key: 0,
-                value: void 0,
-                disabled: !_ctx.unselectable,
-                hidden: !_ctx.unselectable
-              }, toDisplayString(_ctx.placeholder), 9, _hoisted_6$3)) : createCommentVNode("", true),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
-                return openBlock(), createElementBlock(Fragment, null, [
-                  !isGroup(option) ? (openBlock(), createElementBlock("option", {
-                    key: index,
-                    disabled: unref(isOptionDisabled)(option),
-                    value: unref(getOptionValue)(option)
-                  }, toDisplayString(unref(getOptionLabel)(option)), 9, _hoisted_7$3)) : (openBlock(), createElementBlock("optgroup", {
-                    key: `group-${index}`,
-                    disabled: unref(isOptionDisabled)(option),
-                    label: unref(getOptionLabel)(option)
-                  }, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getOptionGrouped)(option), (item, i) => {
-                      return openBlock(), createElementBlock("option", {
-                        key: `group-${index}-item-${i}`,
-                        disabled: unref(isOptionDisabled)(item),
-                        value: unref(getOptionValue)(item)
-                      }, toDisplayString(unref(getOptionLabel)(item)), 9, _hoisted_9$1);
-                    }), 128))
-                  ], 8, _hoisted_8$2))
-                ], 64);
-              }), 256))
-            ], 16, _hoisted_5$3), [
-              [vModelSelect, unref(localModelValue)]
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bemCssClasses))
+        },
+        [
+          _ctx.label ? (openBlock(), createElementBlock("label", {
+            key: 0,
+            for: unref(hasId)
+          }, toDisplayString(_ctx.label), 9, _hoisted_1$8)) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_2$6, [
+            _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
+              renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
+            ])) : createCommentVNode("v-if", true),
+            createElementVNode("div", _hoisted_4$4, [
+              unref(hasIconBefore) ? (openBlock(), createBlock(
+                _sfc_main$o,
+                mergeProps({
+                  key: 0,
+                  class: "vv-select__icon"
+                }, unref(hasIcon)),
+                null,
+                16
+                /* FULL_PROPS */
+              )) : createCommentVNode("v-if", true),
+              withDirectives(createElementVNode("select", mergeProps({
+                id: unref(hasId),
+                ref_key: "select",
+                ref: select,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(localModelValue) ? localModelValue.value = $event : null)
+              }, unref(hasAttrs)), [
+                _ctx.placeholder ? (openBlock(), createElementBlock("option", {
+                  key: 0,
+                  value: void 0,
+                  disabled: !_ctx.unselectable,
+                  hidden: !_ctx.unselectable
+                }, toDisplayString(_ctx.placeholder), 9, _hoisted_6$3)) : createCommentVNode("v-if", true),
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(_ctx.options, (option, index) => {
+                    return openBlock(), createElementBlock(
+                      Fragment,
+                      null,
+                      [
+                        !isGroup(option) ? (openBlock(), createElementBlock("option", {
+                          key: index,
+                          disabled: unref(isOptionDisabled)(option),
+                          value: unref(getOptionValue)(option)
+                        }, toDisplayString(unref(getOptionLabel)(option)), 9, _hoisted_7$3)) : (openBlock(), createElementBlock("optgroup", {
+                          key: `group-${index}`,
+                          disabled: unref(isOptionDisabled)(option),
+                          label: unref(getOptionLabel)(option)
+                        }, [
+                          (openBlock(true), createElementBlock(
+                            Fragment,
+                            null,
+                            renderList(unref(getOptionGrouped)(option), (item, i) => {
+                              return openBlock(), createElementBlock("option", {
+                                key: `group-${index}-item-${i}`,
+                                disabled: unref(isOptionDisabled)(item),
+                                value: unref(getOptionValue)(item)
+                              }, toDisplayString(unref(getOptionLabel)(item)), 9, _hoisted_9$1);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ], 8, _hoisted_8$2))
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    );
+                  }),
+                  256
+                  /* UNKEYED_FRAGMENT */
+                ))
+              ], 16, _hoisted_5$3), [
+                [vModelSelect, unref(localModelValue)]
+              ]),
+              unref(hasIconAfter) ? (openBlock(), createBlock(
+                _sfc_main$o,
+                mergeProps({
+                  key: 1,
+                  class: "vv-select__icon vv-select__icon-after"
+                }, unref(hasIcon)),
+                null,
+                16
+                /* FULL_PROPS */
+              )) : createCommentVNode("v-if", true)
             ]),
-            unref(hasIconAfter) ? (openBlock(), createBlock(_sfc_main$o, mergeProps({
-              key: 1,
-              class: "vv-select__icon vv-select__icon-after"
-            }, unref(hasIcon)), null, 16)) : createCommentVNode("", true)
+            _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_10, [
+              renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
+            ])) : createCommentVNode("v-if", true)
           ]),
-          _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_10, [
-            renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
-          ])) : createCommentVNode("", true)
-        ]),
-        createVNode(unref(HintSlot), {
-          id: unref(hasHintId),
-          class: "vv-select__hint"
-        }, createSlots({ _: 2 }, [
-          _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);
+          createVNode(unref(HintSlot), {
+            id: unref(hasHintId),
+            class: "vv-select__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 */
+      );
     };
   }
 });
@@ -3902,208 +4157,307 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           key: 0,
           id: unref(hasLabelId),
           for: unref(propsDefaults).searchable ? unref(hasSearchId) : void 0
-        }, toDisplayString(_ctx.label), 9, _hoisted_2$5)) : createCommentVNode("", true),
-        createElementVNode("div", {
-          ref_key: "wrapperEl",
-          ref: wrapperEl,
-          class: "vv-select__wrapper"
-        }, [
-          createVNode(_sfc_main$f, mergeProps({
-            ref_key: "dropdownEl",
-            ref: dropdownEl,
-            modelValue: unref(expanded),
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(expanded) ? expanded.value = $event : null)
-          }, unref(dropdownProps), {
-            role: unref(DropdownRole).listbox,
-            onAfterExpand,
-            onAfterCollapse
-          }), createSlots({
-            default: withCtx(({ aria }) => [
-              _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
-                renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
-              ])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_5$2, [
-                unref(hasIconBefore) ? (openBlock(), createBlock(_sfc_main$o, mergeProps({
-                  key: 0,
-                  class: "vv-select__icon"
-                }, unref(hasIcon)), null, 16)) : createCommentVNode("", true),
-                createElementVNode("div", mergeProps({
-                  ref_key: "inputEl",
-                  ref: inputEl
-                }, aria, {
-                  class: "vv-select__input",
-                  role: "combobox",
-                  "aria-expanded": unref(expanded),
-                  "aria-labelledby": unref(hasLabelId),
-                  "aria-describedby": unref(hasHintLabelOrSlot) ? unref(hasHintId) : void 0,
-                  "aria-errormessage": unref(hasInvalidLabelOrSlot) ? unref(hasHintId) : void 0,
-                  tabindex: unref(hasTabindex),
-                  onClickPassive: onClickInput
-                }), [
-                  renderSlot(_ctx.$slots, "value", normalizeProps(guardReactiveProps({ selectedOptions: unref(selectedOptions), onInput })), () => [
-                    unref(hasValue) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      !_ctx.badges ? (openBlock(), createElementBlock("div", _hoisted_7$2, toDisplayString(unref(hasValue)), 1)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(selectedOptions), (option, index) => {
-                        return openBlock(), createBlock(_sfc_main$m, {
-                          key: index,
-                          modifiers: _ctx.badgeModifiers,
-                          class: "vv-select__badge"
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(getOptionLabel)(option)) + " ", 1),
-                            _ctx.unselectable && !unref(readonly) && !unref(disabled) ? (openBlock(), createElementBlock("button", {
-                              key: 0,
-                              "aria-label": unref(propsDefaults).deselectActionLabel,
-                              type: "button",
-                              onClick: withModifiers(($event) => onInput(option), ["stop"])
-                            }, [
-                              createVNode(_sfc_main$o, { name: "close" })
-                            ], 8, _hoisted_8$1)) : createCommentVNode("", true)
-                          ]),
-                          _: 2
-                        }, 1032, ["modifiers"]);
-                      }), 128))
-                    ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      createTextVNode(toDisplayString(_ctx.placeholder), 1)
-                    ], 64))
-                  ])
-                ], 16, _hoisted_6$2),
-                unref(hasIconAfter) ? (openBlock(), createBlock(_sfc_main$o, mergeProps({
-                  key: 1,
-                  class: "vv-select__icon vv-select__icon-after"
-                }, unref(hasIcon)), null, 16)) : createCommentVNode("", true)
-              ]),
-              _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
-              ])) : createCommentVNode("", true)
-            ]),
-            items: withCtx(() => {
-              var _a;
-              return [
-                !unref(disabled) && ((_a = unref(filteredOptions)) == null ? void 0 : _a.length) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(filteredOptions), (option, index) => {
-                  return openBlock(), createElementBlock(Fragment, { key: index }, [
-                    isGroup(option) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      createVNode(_sfc_main$c, {
-                        label: unref(getOptionLabel)(option)
-                      }, null, 8, ["label"]),
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getOptionGrouped)(
-                        option
-                      ), (item, i) => {
-                        return openBlock(), createBlock(_sfc_main$d, mergeProps({
-                          selected: isOptionSelected(item),
-                          disabled: unref(isOptionDisabled)(item),
-                          unselectable: _ctx.unselectable,
-                          deselectHintLabel: unref(propsDefaults).deselectHintLabel,
-                          selectHintLabel: unref(propsDefaults).selectHintLabel,
-                          selectedHintLabel: unref(propsDefaults).selectedHintLabel
-                        }, {
-                          key: i,
-                          class: "vv-dropdown-option",
-                          onClickPassive: ($event) => onInput(item)
-                        }), {
-                          default: withCtx(() => [
-                            renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps({
-                              option,
-                              selectedOptions: unref(selectedOptions),
-                              selected: isOptionSelected(item),
-                              disabled: unref(isOptionDisabled)(item)
-                            })), () => [
-                              createTextVNode(toDisplayString(unref(getOptionLabel)(item)), 1)
-                            ])
-                          ]),
-                          _: 2
-                        }, 1040, ["onClickPassive"]);
-                      }), 128))
-                    ], 64)) : (openBlock(), createBlock(_sfc_main$d, mergeProps({ key: 1 }, {
-                      selected: isOptionSelected(option),
-                      disabled: unref(isOptionDisabled)(option),
-                      unselectable: _ctx.unselectable,
-                      deselectHintLabel: unref(propsDefaults).deselectHintLabel,
-                      selectHintLabel: unref(propsDefaults).selectHintLabel,
-                      selectedHintLabel: unref(propsDefaults).selectedHintLabel
-                    }, {
-                      class: "vv-dropdown-option",
-                      onClickPassive: ($event) => onInput(option)
-                    }), {
-                      default: withCtx(() => [
-                        renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps({
-                          option,
-                          selectedOptions: unref(selectedOptions),
-                          selected: isOptionSelected(option),
-                          disabled: unref(isOptionDisabled)(option)
-                        })), () => [
-                          createTextVNode(toDisplayString(unref(getOptionLabel)(option)), 1)
-                        ])
-                      ]),
-                      _: 2
-                    }, 1040, ["onClickPassive"]))
-                  ], 64);
-                }), 128)) : !_ctx.options.length ? (openBlock(), createBlock(_sfc_main$d, {
-                  key: 1,
-                  modifiers: "inert"
-                }, {
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "no-options", {}, () => [
-                      createTextVNode(toDisplayString(unref(propsDefaults).noOptionsLabel), 1)
-                    ])
-                  ]),
-                  _: 3
-                })) : !unref(disabled) ? (openBlock(), createBlock(_sfc_main$d, {
-                  key: 2,
-                  modifiers: "inert"
-                }, {
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "no-results", {}, () => [
-                      createTextVNode(toDisplayString(unref(propsDefaults).noResultsLabel), 1)
+        }, toDisplayString(_ctx.label), 9, _hoisted_2$5)) : createCommentVNode("v-if", true),
+        createElementVNode(
+          "div",
+          {
+            ref_key: "wrapperEl",
+            ref: wrapperEl,
+            class: "vv-select__wrapper"
+          },
+          [
+            createVNode(_sfc_main$f, mergeProps({
+              ref_key: "dropdownEl",
+              ref: dropdownEl,
+              modelValue: unref(expanded),
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(expanded) ? expanded.value = $event : null)
+            }, unref(dropdownProps), {
+              role: unref(DropdownRole).listbox,
+              onAfterExpand,
+              onAfterCollapse
+            }), createSlots({
+              default: withCtx(({ aria }) => [
+                _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$2, [
+                  unref(hasIconBefore) ? (openBlock(), createBlock(
+                    _sfc_main$o,
+                    mergeProps({
+                      key: 0,
+                      class: "vv-select__icon"
+                    }, unref(hasIcon)),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )) : createCommentVNode("v-if", true),
+                  createElementVNode("div", mergeProps({
+                    ref_key: "inputEl",
+                    ref: inputEl
+                  }, aria, {
+                    class: "vv-select__input",
+                    role: "combobox",
+                    "aria-expanded": unref(expanded),
+                    "aria-labelledby": unref(hasLabelId),
+                    "aria-describedby": unref(hasHintLabelOrSlot) ? unref(hasHintId) : void 0,
+                    "aria-errormessage": unref(hasInvalidLabelOrSlot) ? unref(hasHintId) : void 0,
+                    tabindex: unref(hasTabindex),
+                    onClickPassive: onClickInput
+                  }), [
+                    renderSlot(_ctx.$slots, "value", normalizeProps(guardReactiveProps({ selectedOptions: unref(selectedOptions), onInput })), () => [
+                      unref(hasValue) ? (openBlock(), createElementBlock(
+                        Fragment,
+                        { key: 0 },
+                        [
+                          !_ctx.badges ? (openBlock(), createElementBlock(
+                            "div",
+                            _hoisted_7$2,
+                            toDisplayString(unref(hasValue)),
+                            1
+                            /* TEXT */
+                          )) : (openBlock(true), createElementBlock(
+                            Fragment,
+                            { key: 1 },
+                            renderList(unref(selectedOptions), (option, index) => {
+                              return openBlock(), createBlock(_sfc_main$m, {
+                                key: index,
+                                modifiers: _ctx.badgeModifiers,
+                                class: "vv-select__badge"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(
+                                    toDisplayString(unref(getOptionLabel)(option)) + " ",
+                                    1
+                                    /* TEXT */
+                                  ),
+                                  _ctx.unselectable && !unref(readonly) && !unref(disabled) ? (openBlock(), createElementBlock("button", {
+                                    key: 0,
+                                    "aria-label": unref(propsDefaults).deselectActionLabel,
+                                    type: "button",
+                                    onClick: withModifiers(($event) => onInput(option), ["stop"])
+                                  }, [
+                                    createVNode(_sfc_main$o, { name: "close" })
+                                  ], 8, _hoisted_8$1)) : createCommentVNode("v-if", true)
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["modifiers"]);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      )) : (openBlock(), createElementBlock(
+                        Fragment,
+                        { key: 1 },
+                        [
+                          createTextVNode(
+                            toDisplayString(_ctx.placeholder),
+                            1
+                            /* TEXT */
+                          )
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      ))
                     ])
-                  ]),
-                  _: 3
-                })) : createCommentVNode("", true)
-              ];
-            }),
-            after: withCtx(() => [
-              renderSlot(_ctx.$slots, "dropdown::after", {}, () => {
+                  ], 16, _hoisted_6$2),
+                  unref(hasIconAfter) ? (openBlock(), createBlock(
+                    _sfc_main$o,
+                    mergeProps({
+                      key: 1,
+                      class: "vv-select__icon vv-select__icon-after"
+                    }, unref(hasIcon)),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )) : createCommentVNode("v-if", true)
+                ]),
+                _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                  renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
+                ])) : createCommentVNode("v-if", true)
+              ]),
+              items: withCtx(() => {
                 var _a;
                 return [
-                  ((_a = unref(dropdownEl)) == null ? void 0 : _a.customPosition) ? (openBlock(), createBlock(_sfc_main$k, {
-                    key: 0,
-                    label: unref(propsDefaults).closeLabel,
-                    modifiers: "secondary",
-                    onClick: _cache[1] || (_cache[1] = ($event) => unref(dropdownEl).hide())
-                  }, null, 8, ["label"])) : createCommentVNode("", true)
+                  !unref(disabled) && ((_a = unref(filteredOptions)) == null ? void 0 : _a.length) ? (openBlock(true), createElementBlock(
+                    Fragment,
+                    { key: 0 },
+                    renderList(unref(filteredOptions), (option, index) => {
+                      return openBlock(), createElementBlock(
+                        Fragment,
+                        { key: index },
+                        [
+                          isGroup(option) ? (openBlock(), createElementBlock(
+                            Fragment,
+                            { key: 0 },
+                            [
+                              createVNode(_sfc_main$c, {
+                                label: unref(getOptionLabel)(option)
+                              }, null, 8, ["label"]),
+                              (openBlock(true), createElementBlock(
+                                Fragment,
+                                null,
+                                renderList(unref(getOptionGrouped)(
+                                  option
+                                ), (item, i) => {
+                                  return openBlock(), createBlock(_sfc_main$d, mergeProps({
+                                    selected: isOptionSelected(item),
+                                    disabled: unref(isOptionDisabled)(item),
+                                    unselectable: _ctx.unselectable,
+                                    deselectHintLabel: unref(propsDefaults).deselectHintLabel,
+                                    selectHintLabel: unref(propsDefaults).selectHintLabel,
+                                    selectedHintLabel: unref(propsDefaults).selectedHintLabel
+                                  }, {
+                                    key: i,
+                                    class: "vv-dropdown-option",
+                                    onClickPassive: ($event) => onInput(item)
+                                  }), {
+                                    default: withCtx(() => [
+                                      renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps({
+                                        option,
+                                        selectedOptions: unref(selectedOptions),
+                                        selected: isOptionSelected(item),
+                                        disabled: unref(isOptionDisabled)(item)
+                                      })), () => [
+                                        createTextVNode(
+                                          toDisplayString(unref(getOptionLabel)(item)),
+                                          1
+                                          /* TEXT */
+                                        )
+                                      ])
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  }, 1040, ["onClickPassive"]);
+                                }),
+                                128
+                                /* KEYED_FRAGMENT */
+                              ))
+                            ],
+                            64
+                            /* STABLE_FRAGMENT */
+                          )) : (openBlock(), createBlock(_sfc_main$d, mergeProps({ key: 1 }, {
+                            selected: isOptionSelected(option),
+                            disabled: unref(isOptionDisabled)(option),
+                            unselectable: _ctx.unselectable,
+                            deselectHintLabel: unref(propsDefaults).deselectHintLabel,
+                            selectHintLabel: unref(propsDefaults).selectHintLabel,
+                            selectedHintLabel: unref(propsDefaults).selectedHintLabel
+                          }, {
+                            class: "vv-dropdown-option",
+                            onClickPassive: ($event) => onInput(option)
+                          }), {
+                            default: withCtx(() => [
+                              renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps({
+                                option,
+                                selectedOptions: unref(selectedOptions),
+                                selected: isOptionSelected(option),
+                                disabled: unref(isOptionDisabled)(option)
+                              })), () => [
+                                createTextVNode(
+                                  toDisplayString(unref(getOptionLabel)(option)),
+                                  1
+                                  /* TEXT */
+                                )
+                              ])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1040, ["onClickPassive"]))
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  )) : !_ctx.options.length ? (openBlock(), createBlock(_sfc_main$d, {
+                    key: 1,
+                    modifiers: "inert"
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "no-options", {}, () => [
+                        createTextVNode(
+                          toDisplayString(unref(propsDefaults).noOptionsLabel),
+                          1
+                          /* TEXT */
+                        )
+                      ])
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  })) : !unref(disabled) ? (openBlock(), createBlock(_sfc_main$d, {
+                    key: 2,
+                    modifiers: "inert"
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "no-results", {}, () => [
+                        createTextVNode(
+                          toDisplayString(unref(propsDefaults).noResultsLabel),
+                          1
+                          /* TEXT */
+                        )
+                      ])
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  })) : createCommentVNode("v-if", true)
                 ];
-              })
-            ]),
-            _: 2
-          }, [
-            unref(propsDefaults).searchable || _ctx.$slots["dropdown::before"] ? {
-              name: "before",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "dropdown::before"),
-                unref(propsDefaults).searchable && !unref(disabled) ? withDirectives((openBlock(), createElementBlock("input", {
-                  key: 0,
-                  id: unref(hasSearchId),
-                  ref_key: "inputSearchEl",
-                  ref: inputSearchEl,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(searchText) ? searchText.value = $event : null),
-                  "aria-autocomplete": "list",
-                  "aria-controls": unref(hasDropdownId),
-                  autocomplete: "off",
-                  spellcheck: "false",
-                  type: "search",
-                  class: "vv-dropdown__search",
-                  placeholder: unref(propsDefaults).searchPlaceholder
-                }, null, 8, _hoisted_3$3)), [
-                  [vModelText, unref(searchText)]
-                ]) : createCommentVNode("", true)
+              }),
+              after: withCtx(() => [
+                renderSlot(_ctx.$slots, "dropdown::after", {}, () => {
+                  var _a;
+                  return [
+                    ((_a = unref(dropdownEl)) == null ? void 0 : _a.customPosition) ? (openBlock(), createBlock(_sfc_main$k, {
+                      key: 0,
+                      label: unref(propsDefaults).closeLabel,
+                      modifiers: "secondary",
+                      onClick: _cache[1] || (_cache[1] = ($event) => unref(dropdownEl).hide())
+                    }, null, 8, ["label"])) : createCommentVNode("v-if", true)
+                  ];
+                })
               ]),
-              key: "0"
-            } : void 0
-          ]), 1040, ["modelValue", "role"])
-        ], 512),
+              _: 2
+              /* DYNAMIC */
+            }, [
+              unref(propsDefaults).searchable || _ctx.$slots["dropdown::before"] ? {
+                name: "before",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "dropdown::before"),
+                  unref(propsDefaults).searchable && !unref(disabled) ? withDirectives((openBlock(), createElementBlock("input", {
+                    key: 0,
+                    id: unref(hasSearchId),
+                    ref_key: "inputSearchEl",
+                    ref: inputSearchEl,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(searchText) ? searchText.value = $event : null),
+                    "aria-autocomplete": "list",
+                    "aria-controls": unref(hasDropdownId),
+                    autocomplete: "off",
+                    spellcheck: "false",
+                    type: "search",
+                    class: "vv-dropdown__search",
+                    placeholder: unref(propsDefaults).searchPlaceholder
+                  }, null, 8, _hoisted_3$3)), [
+                    [vModelText, unref(searchText)]
+                  ]) : createCommentVNode("v-if", true)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040, ["modelValue", "role"])
+          ],
+          512
+          /* NEED_PATCH */
+        ),
         createVNode(unref(HintSlot), {
           id: unref(hasHintId),
           class: "vv-select__hint"
-        }, createSlots({ _: 2 }, [
+        }, createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
           _ctx.$slots.hint ? {
             name: "hint",
             fn: withCtx(() => [
@@ -4133,9 +4487,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             key: "3"
           } : void 0
         ]), 1032, ["id"])
-      ], 10, _hoisted_1$7)) : (openBlock(), createBlock(_sfc_main$b, mergeProps({ key: 1 }, unref(selectProps), {
-        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => emit("update:modelValue", $event))
-      }), null, 16));
+      ], 10, _hoisted_1$7)) : (openBlock(), createBlock(
+        _sfc_main$b,
+        mergeProps({ key: 1 }, unref(selectProps), {
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => emit("update:modelValue", $event))
+        }),
+        null,
+        16
+        /* FULL_PROPS */
+      ));
     };
   }
 });
@@ -4278,7 +4638,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, mergeProps({ name: unref(transitioName) }, toHandlers(dialogTransitionHandlers)), {
+      return openBlock(), createBlock(Transition, mergeProps({ name: unref(transitioName) }, toHandlers(dialogTransitionHandlers), { persisted: "" }), {
         default: withCtx(() => [
           withDirectives(createElementVNode("dialog", mergeProps(unref(dialogAttrs), {
             ref_key: "dialogEl",
@@ -4286,36 +4646,53 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             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$4, [
-                renderSlot(_ctx.$slots, "header", {}, () => [
-                  createTextVNode(toDisplayString(_ctx.title) + " ", 1),
-                  createElementVNode("button", {
-                    type: "button",
-                    "aria-label": "Close",
-                    class: "vv-dialog__close",
-                    onClickPassive: close
-                  }, [
-                    createVNode(_sfc_main$o, { name: "close" })
-                  ], 32)
-                ])
-              ])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_3$2, [
-                renderSlot(_ctx.$slots, "default")
-              ]),
-              _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$2, [
-                renderSlot(_ctx.$slots, "footer")
-              ])) : createCommentVNode("", true)
-            ], 512)
+            createElementVNode(
+              "article",
+              {
+                ref_key: "modalWrapper",
+                ref: modalWrapper,
+                class: "vv-dialog__wrapper"
+              },
+              [
+                _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_2$4, [
+                  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$o, { name: "close" })
+                      ],
+                      32
+                      /* HYDRATE_EVENTS */
+                    )
+                  ])
+                ])) : createCommentVNode("v-if", true),
+                createElementVNode("div", _hoisted_3$2, [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$2, [
+                  renderSlot(_ctx.$slots, "footer")
+                ])) : createCommentVNode("v-if", true)
+              ],
+              512
+              /* NEED_PATCH */
+            )
           ], 16, _hoisted_1$6), [
             [vShow, unref(isOpened)]
           ])
         ]),
         _: 3
+        /* FORWARDED */
       }, 16, ["name"]);
     };
   }
@@ -4986,7 +5363,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           return;
         }
         inputEl.value.stepUp();
-        localModelValue.value = unref(inputEl).value;
+        localModelValue.value = Number(unref(inputEl).value);
       }
     };
     const onStepDown = () => {
@@ -4996,7 +5373,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           return;
         }
         inputEl.value.stepDown();
-        localModelValue.value = unref(inputEl).value;
+        localModelValue.value = Number(unref(inputEl).value);
       }
     };
     const isSearch = computed(() => props.type === INPUT_TYPES.SEARCH);
@@ -5160,101 +5537,130 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       emit("keydown", event);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(bemCssClasses))
-      }, [
-        unref(label) ? (openBlock(), createElementBlock("label", {
-          key: 0,
-          for: unref(hasId),
-          class: "vv-input-text__label"
-        }, toDisplayString(unref(label)), 9, _hoisted_1$5)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$3, [
-          _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
-            renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", {
-            ref_key: "innerEl",
-            ref: innerEl,
-            class: "vv-input-text__inner",
-            onClick: withModifiers(onClickInner, ["stop"])
-          }, [
-            unref(hasIconBefore) ? (openBlock(), createBlock(_sfc_main$o, mergeProps({
-              key: 0,
-              class: "vv-input-text__icon"
-            }, unref(hasIcon)), null, 16)) : createCommentVNode("", 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$1),
-            (_ctx.unit || _ctx.$slots.unit) && unref(isDirty) ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
-              renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
-                createTextVNode(toDisplayString(_ctx.unit), 1)
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bemCssClasses))
+        },
+        [
+          unref(label) ? (openBlock(), createElementBlock("label", {
+            key: 0,
+            for: unref(hasId),
+            class: "vv-input-text__label"
+          }, toDisplayString(unref(label)), 9, _hoisted_1$5)) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_2$3, [
+            _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+              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$o,
+                mergeProps({
+                  key: 0,
+                  class: "vv-input-text__icon"
+                }, unref(hasIcon)),
+                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$1),
+              (_ctx.unit || _ctx.$slots.unit) && unref(isDirty) ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+                renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
+                  createTextVNode(
+                    toDisplayString(_ctx.unit),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ])) : createCommentVNode("v-if", true)
+            ], 8, _hoisted_4$1),
+            unref(hasIconAfter) || unref(defaultAfterIcon) ? (openBlock(), createBlock(
+              _sfc_main$o,
+              mergeProps({
+                key: 1,
+                class: "vv-input-text__icon vv-input-text__icon-after"
+              }, unref(hasIconAfter) ? unref(hasIcon) : unref(defaultAfterIcon)),
+              null,
+              16
+              /* FULL_PROPS */
+            )) : unref(isPassword) && !_ctx.hideActions && unref(isClickable) ? (openBlock(), createBlock(unref(PasswordInputActions), {
+              key: 2,
+              onTogglePassword
+            })) : unref(isNumber) && !_ctx.hideActions && unref(isClickable) ? (openBlock(), createBlock(unref(NumberInputActions), {
+              key: 3,
+              onStepUp,
+              onStepDown
+            })) : unref(isSearch) && !_ctx.hideActions && unref(isClickable) ? (openBlock(), createBlock(unref(SearchInputActions), {
+              key: 4,
+              onClear
+            })) : createCommentVNode("v-if", true),
+            _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+              renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
+            ])) : createCommentVNode("v-if", true),
+            unref(count) ? (openBlock(), createElementBlock("span", _hoisted_8, [
+              renderSlot(_ctx.$slots, "count", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
+                createTextVNode(
+                  toDisplayString(unref(countFormatted)),
+                  1
+                  /* TEXT */
+                )
               ])
-            ])) : createCommentVNode("", true)
-          ], 8, _hoisted_4$1),
-          unref(hasIconAfter) || unref(defaultAfterIcon) ? (openBlock(), createBlock(_sfc_main$o, mergeProps({
-            key: 1,
-            class: "vv-input-text__icon vv-input-text__icon-after"
-          }, unref(hasIconAfter) ? unref(hasIcon) : unref(defaultAfterIcon)), null, 16)) : unref(isPassword) && !_ctx.hideActions && unref(isClickable) ? (openBlock(), createBlock(unref(PasswordInputActions), {
-            key: 2,
-            onTogglePassword
-          })) : unref(isNumber) && !_ctx.hideActions && unref(isClickable) ? (openBlock(), createBlock(unref(NumberInputActions), {
-            key: 3,
-            onStepUp,
-            onStepDown
-          })) : unref(isSearch) && !_ctx.hideActions && unref(isClickable) ? (openBlock(), createBlock(unref(SearchInputActions), {
-            key: 4,
-            onClear
-          })) : createCommentVNode("", true),
-          _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
-            renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
-          ])) : createCommentVNode("", true),
-          unref(count) ? (openBlock(), createElementBlock("span", _hoisted_8, [
-            renderSlot(_ctx.$slots, "count", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
-              createTextVNode(toDisplayString(unref(countFormatted)), 1)
-            ])
-          ])) : createCommentVNode("", true)
-        ]),
-        createVNode(unref(HintSlot), {
-          id: unref(hasHintId),
-          class: "vv-input-text__hint"
-        }, createSlots({ _: 2 }, [
-          _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);
+            ])) : createCommentVNode("v-if", true)
+          ]),
+          createVNode(unref(HintSlot), {
+            id: unref(hasHintId),
+            class: "vv-input-text__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 */
+      );
     };
   }
 });
@@ -5276,12 +5682,19 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("li", _hoisted_1$4, [
-        createVNode(_sfc_main$p, mergeProps(_ctx.$attrs, { class: "vv-nav__item-label" }), {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 16)
+        createVNode(
+          _sfc_main$p,
+          mergeProps(_ctx.$attrs, { class: "vv-nav__item-label" }),
+          {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+            /* FORWARDED */
+          },
+          16
+          /* FULL_PROPS */
+        )
       ]);
     };
   }
@@ -5308,25 +5721,37 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
     const bemCssClasses = useModifiers("vv-nav", modifiers);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("nav", {
-        class: normalizeClass(unref(bemCssClasses))
-      }, [
-        createElementVNode("ul", {
-          class: "vv-nav__menu",
-          role: "menu",
-          "aria-busy": "true",
-          onClick: withModifiers(onClick, ["stop"])
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, ({ on = {}, ...item }, index) => {
-              return openBlock(), createBlock(_sfc_main$7, mergeProps({
-                key: index,
-                "data-index": index
-              }, item, toHandlers(on)), null, 16, ["data-index"]);
-            }), 128))
-          ])
-        ], 8, _hoisted_1$3)
-      ], 2);
+      return openBlock(), createElementBlock(
+        "nav",
+        {
+          class: normalizeClass(unref(bemCssClasses))
+        },
+        [
+          createElementVNode("ul", {
+            class: "vv-nav__menu",
+            role: "menu",
+            "aria-busy": "true",
+            onClick: withModifiers(onClick, ["stop"])
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(_ctx.items, ({ on = {}, ...item }, index) => {
+                  return openBlock(), createBlock(_sfc_main$7, mergeProps({
+                    key: index,
+                    "data-index": index
+                  }, item, toHandlers(on)), null, 16, ["data-index"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ], 8, _hoisted_1$3)
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
@@ -5377,12 +5802,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       computed(() => ({ indeterminate: indeterminate.value }))
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("progress", mergeProps({ role: "progressbar" }, {
-        class: unref(bemCssClasses),
-        ariaLabel: unref(ariaLabel),
-        max: unref(max),
-        value: unref(value)
-      }), null, 16);
+      return openBlock(), createElementBlock(
+        "progress",
+        mergeProps({ role: "progressbar" }, {
+          class: unref(bemCssClasses),
+          ariaLabel: unref(ariaLabel),
+          max: unref(max),
+          value: unref(value)
+        }),
+        null,
+        16
+        /* FULL_PROPS */
+      );
     };
   }
 });
@@ -5510,12 +5941,19 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           [vModelRadio, unref(localModelValue)]
         ]),
         renderSlot(_ctx.$slots, "default", { value: unref(modelValue) }, () => [
-          createTextVNode(toDisplayString(_ctx.label), 1)
+          createTextVNode(
+            toDisplayString(_ctx.label),
+            1
+            /* TEXT */
+          )
         ]),
         createVNode(unref(HintSlot), {
           id: unref(hasHintId),
           class: "vv-radio__hint"
-        }, createSlots({ _: 2 }, [
+        }, createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
           _ctx.$slots.hint ? {
             name: "hint",
             fn: withCtx(() => [
@@ -5600,49 +6038,76 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
     const { HintSlot, hintSlotScope } = HintSlotFactory(propsDefaults, slots);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", {
-        class: normalizeClass(unref(bemCssClasses))
-      }, [
-        _ctx.label ? (openBlock(), createElementBlock("legend", {
-          key: 0,
-          textContent: toDisplayString(_ctx.label)
-        }, null, 8, _hoisted_1$1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$1, [
-          _ctx.options.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.options, (option, index) => {
-            return openBlock(), createBlock(_sfc_main$4, mergeProps({ key: index }, getOptionProps(option, index)), null, 16);
-          }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 })
-        ]),
-        createVNode(unref(HintSlot), { class: "vv-radio-group__hint" }, createSlots({ _: 2 }, [
-          _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))))
+      return openBlock(), createElementBlock(
+        "fieldset",
+        {
+          class: normalizeClass(unref(bemCssClasses))
+        },
+        [
+          _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, [
+            _ctx.options.length > 0 ? (openBlock(true), createElementBlock(
+              Fragment,
+              { key: 0 },
+              renderList(_ctx.options, (option, index) => {
+                return openBlock(), createBlock(
+                  _sfc_main$4,
+                  mergeProps({ key: index }, getOptionProps(option, index)),
+                  null,
+                  16
+                  /* FULL_PROPS */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            )) : renderSlot(_ctx.$slots, "default", { key: 1 })
+          ]),
+          createVNode(
+            unref(HintSlot),
+            { class: "vv-radio-group__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
             ]),
-            key: "3"
-          } : void 0
-        ]), 1024)
-      ], 2);
+            1024
+            /* DYNAMIC_SLOTS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
@@ -5707,24 +6172,54 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     );
     const bemCssClasses = useModifiers("vv-tab", modifiers);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(bemCssClasses))
-      }, [
-        createVNode(_sfc_main$6, mergeProps({
-          items: unref(navItems),
-          modifiers: unref(hasNavModifiers)
-        }, { onClick: onNavClick }), null, 16),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item, index) => {
-          return openBlock(), createElementBlock(Fragment, { key: index }, [
-            item.tab ? (openBlock(), createElementBlock("article", {
-              key: 0,
-              class: normalizeClass([{ target: unref(activeTabKey) === item.tab }, "vv-tab__panel"])
-            }, [
-              renderSlot(_ctx.$slots, `panel::${item.tab}`)
-            ], 2)) : createCommentVNode("", true)
-          ], 64);
-        }), 128))
-      ], 2);
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bemCssClasses))
+        },
+        [
+          createVNode(
+            _sfc_main$6,
+            mergeProps({
+              items: unref(navItems),
+              modifiers: unref(hasNavModifiers)
+            }, { onClick: onNavClick }),
+            null,
+            16
+            /* FULL_PROPS */
+          ),
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(unref(items), (item, index) => {
+              return openBlock(), createElementBlock(
+                Fragment,
+                { key: index },
+                [
+                  item.tab ? (openBlock(), createElementBlock(
+                    "article",
+                    {
+                      key: 0,
+                      class: normalizeClass([{ target: unref(activeTabKey) === item.tab }, "vv-tab__panel"])
+                    },
+                    [
+                      renderSlot(_ctx.$slots, `panel::${item.tab}`)
+                    ],
+                    2
+                    /* CLASS */
+                  )) : createCommentVNode("v-if", true)
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              );
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
@@ -5909,81 +6404,106 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       localModelValue.value = void 0;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(bemCssClasses))
-      }, [
-        unref(label) ? (openBlock(), createElementBlock("label", {
-          key: 0,
-          for: unref(hasId),
-          class: "vv-textarea__label"
-        }, toDisplayString(unref(label)), 9, _hoisted_1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2, [
-          _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4, [
-            unref(hasIconBefore) ? (openBlock(), createBlock(_sfc_main$o, mergeProps({
-              key: 0,
-              class: "vv-textarea__icon"
-            }, unref(hasIcon)), null, 16)) : createCommentVNode("", true),
-            withDirectives(createElementVNode("textarea", mergeProps({
-              id: unref(hasId),
-              ref_key: "textarea",
-              ref: textarea,
-              "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), [
-              [vModelText, unref(localModelValue)]
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bemCssClasses))
+        },
+        [
+          unref(label) ? (openBlock(), createElementBlock("label", {
+            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, [
+              renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
+            ])) : createCommentVNode("v-if", true),
+            createElementVNode("div", _hoisted_4, [
+              unref(hasIconBefore) ? (openBlock(), createBlock(
+                _sfc_main$o,
+                mergeProps({
+                  key: 0,
+                  class: "vv-textarea__icon"
+                }, unref(hasIcon)),
+                null,
+                16
+                /* FULL_PROPS */
+              )) : createCommentVNode("v-if", true),
+              withDirectives(createElementVNode("textarea", mergeProps({
+                id: unref(hasId),
+                ref_key: "textarea",
+                ref: textarea,
+                "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), [
+                [vModelText, unref(localModelValue)]
+              ]),
+              unref(hasIconAfter) ? (openBlock(), createBlock(
+                _sfc_main$o,
+                mergeProps({
+                  key: 1,
+                  class: "vv-textarea__icon vv-textarea__icon-after"
+                }, unref(hasIcon)),
+                null,
+                16
+                /* FULL_PROPS */
+              )) : createCommentVNode("v-if", true)
             ]),
-            unref(hasIconAfter) ? (openBlock(), createBlock(_sfc_main$o, mergeProps({
-              key: 1,
-              class: "vv-textarea__icon vv-textarea__icon-after"
-            }, unref(hasIcon)), null, 16)) : createCommentVNode("", true)
+            _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
+            ])) : createCommentVNode("v-if", true),
+            unref(count) ? (openBlock(), createElementBlock("span", _hoisted_7, [
+              renderSlot(_ctx.$slots, "count", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
+                createTextVNode(
+                  toDisplayString(unref(countFormatted)),
+                  1
+                  /* TEXT */
+                )
+              ])
+            ])) : createCommentVNode("v-if", true)
           ]),
-          _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
-          ])) : createCommentVNode("", true),
-          unref(count) ? (openBlock(), createElementBlock("span", _hoisted_7, [
-            renderSlot(_ctx.$slots, "count", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
-              createTextVNode(toDisplayString(unref(countFormatted)), 1)
-            ])
-          ])) : createCommentVNode("", true)
-        ]),
-        createVNode(unref(HintSlot), {
-          id: unref(hasHintId),
-          class: "vv-textarea__hint"
-        }, createSlots({ _: 2 }, [
-          _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);
+          createVNode(unref(HintSlot), {
+            id: unref(hasHintId),
+            class: "vv-textarea__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 */
+      );
     };
   }
 });
@@ -6015,15 +6535,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }))
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(unref(bemCssClasses)),
-        role: "tooltip",
-        inert: ""
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createTextVNode(toDisplayString(_ctx.value), 1)
-        ])
-      ], 2);
+      return openBlock(), createElementBlock(
+        "span",
+        {
+          class: normalizeClass(unref(bemCssClasses)),
+          role: "tooltip",
+          inert: ""
+        },
+        [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(
+              toDisplayString(_ctx.value),
+              1
+              /* TEXT */
+            )
+          ])
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });