@varlet/ui 3.8.3 → 3.8.5

package/lib/varlet.cjs.js

@@ -4064,8 +4064,8 @@ const props$1f = {
   }
 };
 const { name: name$1h, n: n$1o } = createNamespace("form-details");
-const _hoisted_1$A = { key: 0 };
-const _hoisted_2$9 = { key: 0 };
+const _hoisted_1$B = { key: 0 };
+const _hoisted_2$a = { key: 0 };
 function __render__$1m(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.Transition, {
     name: _ctx.n()
@@ -4090,7 +4090,7 @@ function __render__$1m(_ctx, _cache) {
                 default: vue.withCtx(() => [
                   _ctx.errorMessage ? (vue.openBlock(), vue.createElementBlock(
                     "div",
-                    _hoisted_1$A,
+                    _hoisted_1$B,
                     vue.toDisplayString(_ctx.errorMessage),
                     1
                     /* TEXT */
@@ -4116,7 +4116,7 @@ function __render__$1m(_ctx, _cache) {
                   vue.renderSlot(_ctx.$slots, "extra-message", {}, () => [
                     _ctx.extraMessage ? (vue.openBlock(), vue.createElementBlock(
                       "div",
-                      _hoisted_2$9,
+                      _hoisted_2$a,
                       vue.toDisplayString(_ctx.extraMessage),
                       1
                       /* TEXT */
@@ -4286,7 +4286,7 @@ var __async$j = (__this, __arguments, generator) => {
   });
 };
 const { name: name$1g, n: n$1n, classes: classes$15 } = createNamespace("field-decorator");
-const _hoisted_1$z = ["for"];
+const _hoisted_1$A = ["for"];
 function __render__$1l(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createElementBlock(
@@ -4366,7 +4366,7 @@ function __render__$1l(_ctx, _cache) {
               1
               /* TEXT */
             )
-          ], 14, _hoisted_1$z)) : vue.createCommentVNode("v-if", true),
+          ], 14, _hoisted_1$A)) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode(
             "div",
             {
@@ -4605,6 +4605,7 @@ const props$1d = __spreadProps$a(__spreadValues$s({
     default: "text"
   },
   textarea: Boolean,
+  ariaLabel: String,
   rows: {
     type: [String, Number],
     default: 8
@@ -4655,9 +4656,9 @@ const props$1d = __spreadProps$a(__spreadValues$s({
   // internal end
 });
 const { name: name$1f, n: n$1m, classes: classes$14 } = createNamespace("input");
-const _hoisted_1$y = ["placeholder", "enterkeyhint"];
-const _hoisted_2$8 = ["id", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
-const _hoisted_3$4 = ["id", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
+const _hoisted_1$z = ["aria-label", "placeholder", "enterkeyhint"];
+const _hoisted_2$9 = ["id", "aria-label", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
+const _hoisted_3$4 = ["id", "aria-label", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
 function __render__$1k(_ctx, _cache) {
   const _component_var_field_decorator = vue.resolveComponent("var-field-decorator");
   const _component_var_form_details = vue.resolveComponent("var-form-details");
@@ -4676,6 +4677,7 @@ function __render__$1k(_ctx, _cache) {
           size: _ctx.size,
           variant: _ctx.variant,
           placeholder: _ctx.placeholder,
+          ariaLabel: _ctx.ariaLabel,
           line: _ctx.line,
           hint: _ctx.hint,
           textColor: _ctx.textColor,
@@ -4703,17 +4705,19 @@ function __render__$1k(_ctx, _cache) {
             _ctx.normalizedType === "password" ? (vue.openBlock(), vue.createElementBlock("input", {
               key: 0,
               tabindex: "-1",
+              "aria-label": _ctx.ariaLabel,
               class: vue.normalizeClass(_ctx.n("autocomplete")),
               placeholder: !_ctx.hint ? _ctx.placeholder : void 0,
               style: vue.normalizeStyle({
                 "--input-placeholder-color": _ctx.placeholderColor
               }),
               enterkeyhint: _ctx.enterkeyhint
-            }, null, 14, _hoisted_1$y)) : vue.createCommentVNode("v-if", true),
+            }, null, 14, _hoisted_1$z)) : vue.createCommentVNode("v-if", true),
             _ctx.textarea ? (vue.openBlock(), vue.createElementBlock("textarea", {
               key: 1,
               id: _ctx.id,
               ref: "el",
+              "aria-label": _ctx.ariaLabel,
               class: vue.normalizeClass(
                 _ctx.classes(
                   _ctx.n("input"),
@@ -4745,10 +4749,11 @@ function __render__$1k(_ctx, _cache) {
               onChange: _cache[3] || (_cache[3] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
               onCompositionstart: _cache[4] || (_cache[4] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
               onCompositionend: _cache[5] || (_cache[5] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args))
-            }, null, 46, _hoisted_2$8)) : (vue.openBlock(), vue.createElementBlock("input", {
+            }, null, 46, _hoisted_2$9)) : (vue.openBlock(), vue.createElementBlock("input", {
               key: 2,
               id: _ctx.id,
               ref: "el",
+              "aria-label": _ctx.ariaLabel,
               class: vue.normalizeClass(
                 _ctx.classes(
                   _ctx.n("input"),
@@ -5079,7 +5084,7 @@ function useCheckboxGroup() {
   };
 }
 const { name: name$1e, n: n$1l, classes: classes$13 } = createNamespace("checkbox");
-const _hoisted_1$x = ["tabindex"];
+const _hoisted_1$y = ["tabindex"];
 function __render__$1j(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
@@ -5142,7 +5147,7 @@ function __render__$1j(_ctx, _cache) {
               hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering,
               focusing: !_ctx.disabled && !_ctx.formDisabled && _ctx.isFocusing
             }, null, 8, ["hovering", "focusing"])
-          ], 46, _hoisted_1$x)), [
+          ], 46, _hoisted_1$y)), [
             [_directive_hover, _ctx.handleHovering, "desktop"],
             [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }]
           ]),
@@ -5376,7 +5381,7 @@ var __async$i = (__this, __arguments, generator) => {
   });
 };
 const { name: name$1d, n: n$1k, classes: classes$12 } = createNamespace("menu-option");
-const _hoisted_1$w = ["tabindex"];
+const _hoisted_1$x = ["tabindex"];
 function __render__$1i(_ctx, _cache) {
   const _component_var_checkbox = vue.resolveComponent("var-checkbox");
   const _component_maybe_v_node = vue.resolveComponent("maybe-v-node");
@@ -5458,7 +5463,7 @@ function __render__$1i(_ctx, _cache) {
       hovering: (_ctx.hovering || _ctx.highlight) && !_ctx.disabled,
       focusing: _ctx.isFocusing && !_ctx.disabled
     }, null, 8, ["hovering", "focusing"])
-  ], 42, _hoisted_1$w)), [
+  ], 42, _hoisted_1$x)), [
     [_directive_ripple, { disabled: _ctx.disabled || !_ctx.ripple }],
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
@@ -7598,7 +7603,7 @@ var __async$g = (__this, __arguments, generator) => {
   });
 };
 const { name: name$1b, n: n$1i } = createNamespace("menu-children");
-const _hoisted_1$v = { ref: "menuOptions" };
+const _hoisted_1$w = { ref: "menuOptions" };
 function __render__$1g(_ctx, _cache) {
   const _component_var_menu_option = vue.resolveComponent("var-menu-option");
   const _component_var_menu_children = vue.resolveComponent("var-menu-children");
@@ -7638,7 +7643,7 @@ function __render__$1g(_ctx, _cache) {
       fn: vue.withCtx(() => [
         vue.createElementVNode(
           "div",
-          _hoisted_1$v,
+          _hoisted_1$w,
           [
             (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
@@ -8220,7 +8225,7 @@ var __async$f = (__this, __arguments, generator) => {
   });
 };
 const { name: name$19, n: n$1g } = createNamespace("auto-complete");
-const _hoisted_1$u = ["tabindex"];
+const _hoisted_1$v = ["tabindex"];
 function __render__$1e(_ctx, _cache) {
   const _component_var_input = vue.resolveComponent("var-input");
   const _component_var_menu_option = vue.resolveComponent("var-menu-option");
@@ -8341,7 +8346,7 @@ function __render__$1e(_ctx, _cache) {
       "error-message": _ctx.errorMessage,
       "extra-message": _ctx.maxlengthText
     }, null, 8, ["error-message", "extra-message"])
-  ], 42, _hoisted_1$u);
+  ], 42, _hoisted_1$v);
 }
 const __sfc__$1h = vue.defineComponent({
   name: name$19,
@@ -8824,8 +8829,8 @@ const props$17 = {
 };
 const isInternalSize$1 = (size) => ["mini", "small", "normal", "large"].includes(size);
 const { name: name$18, n: n$1f, classes: classes$$ } = createNamespace("avatar");
-const _hoisted_1$t = ["src", "alt", "lazy-loading", "lazy-error"];
-const _hoisted_2$7 = ["src", "alt"];
+const _hoisted_1$u = ["src", "alt", "lazy-loading", "lazy-error"];
+const _hoisted_2$8 = ["src", "alt"];
 function __render__$1d(_ctx, _cache) {
   const _directive_lazy = vue.resolveDirective("lazy");
   return vue.openBlock(), vue.createElementBlock(
@@ -8865,7 +8870,7 @@ function __render__$1d(_ctx, _cache) {
             "lazy-loading": _ctx.loading,
             "lazy-error": _ctx.error,
             onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.handleLoad && _ctx.handleLoad(...args))
-          }, null, 46, _hoisted_1$t)), [
+          }, null, 46, _hoisted_1$u)), [
             [_directive_lazy, _ctx.src]
           ]) : (vue.openBlock(), vue.createElementBlock("img", {
             key: 1,
@@ -8876,7 +8881,7 @@ function __render__$1d(_ctx, _cache) {
             style: vue.normalizeStyle({ objectFit: _ctx.fit }),
             onLoad: _cache[1] || (_cache[1] = (...args) => _ctx.handleLoad && _ctx.handleLoad(...args)),
             onError: _cache[2] || (_cache[2] = (...args) => _ctx.handleError && _ctx.handleError(...args))
-          }, null, 46, _hoisted_2$7))
+          }, null, 46, _hoisted_2$8))
         ],
         64
         /* STABLE_FRAGMENT */
@@ -9275,7 +9280,7 @@ function useButtonGroup() {
   };
 }
 const { name: name$15, n: n$1c, classes: classes$Y } = createNamespace("button");
-const _hoisted_1$s = ["tabindex", "type", "disabled"];
+const _hoisted_1$t = ["tabindex", "type", "disabled"];
 function __render__$1a(_ctx, _cache) {
   const _component_var_loading = vue.resolveComponent("var-loading");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
@@ -9335,7 +9340,7 @@ function __render__$1a(_ctx, _cache) {
       hovering: _ctx.disabled || _ctx.loading || _ctx.pending ? false : _ctx.hovering,
       focusing: _ctx.disabled || _ctx.loading || _ctx.pending ? false : _ctx.isFocusing
     }, null, 8, ["hovering", "focusing"])
-  ], 46, _hoisted_1$s)), [
+  ], 46, _hoisted_1$t)), [
     [_directive_ripple, { disabled: _ctx.disabled || !_ctx.ripple || _ctx.loading || _ctx.pending }],
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
@@ -9597,7 +9602,7 @@ var __spreadValues$k = (a, b) => {
   return a;
 };
 const { name: name$13, n: n$1a, classes: classes$W } = createNamespace("badge");
-const _hoisted_1$r = { key: 0 };
+const _hoisted_1$s = { key: 0 };
 function __render__$18(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createElementBlock(
@@ -9635,7 +9640,7 @@ function __render__$18(_ctx, _cache) {
               vue.renderSlot(_ctx.$slots, "value", {}, () => [
                 !_ctx.icon && !_ctx.dot ? (vue.openBlock(), vue.createElementBlock(
                   "span",
-                  _hoisted_1$r,
+                  _hoisted_1$s,
                   vue.toDisplayString(_ctx.value),
                   1
                   /* TEXT */
@@ -10357,7 +10362,7 @@ var __async$d = (__this, __arguments, generator) => {
 };
 const { name: name$Z, n: n$14, classes: classes$R } = createNamespace("card");
 const RIPPLE_DELAY = 500;
-const _hoisted_1$q = ["src", "alt"];
+const _hoisted_1$r = ["src", "alt"];
 function __render__$12(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_button = vue.resolveComponent("var-button");
@@ -10410,7 +10415,7 @@ function __render__$12(_ctx, _cache) {
               }),
               src: _ctx.src,
               alt: _ctx.alt
-            }, null, 14, _hoisted_1$q)) : vue.createCommentVNode("v-if", true)
+            }, null, 14, _hoisted_1$r)) : vue.createCommentVNode("v-if", true)
           ]),
           vue.createElementVNode(
             "div",
@@ -11174,12 +11179,12 @@ var __async$c = (__this, __arguments, generator) => {
   });
 };
 const { name: name$V, n: n$10, classes: classes$N } = createNamespace("code");
-const _hoisted_1$p = ["innerHTML"];
+const _hoisted_1$q = ["innerHTML"];
 function __render__$_(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.classes(_ctx.n(), [_ctx.wordWrap, _ctx.n("--word-wrap")])),
     innerHTML: _ctx.highlightedCode
-  }, null, 10, _hoisted_1$p);
+  }, null, 10, _hoisted_1$q);
 }
 const __sfc__$11 = vue.defineComponent({
   name: name$V,
@@ -11593,7 +11598,7 @@ function useCollapse() {
   };
 }
 const { name: name$S, n: n$Z, classes: classes$L } = createNamespace("collapse-item");
-const _hoisted_1$o = ["aria-expanded", "aria-disabled", "role"];
+const _hoisted_1$p = ["aria-expanded", "aria-disabled", "role"];
 function __render__$X(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createElementBlock(
@@ -11660,7 +11665,7 @@ function __render__$X(_ctx, _cache) {
           2
           /* CLASS */
         )
-      ], 10, _hoisted_1$o),
+      ], 10, _hoisted_1$p),
       vue.withDirectives(vue.createElementVNode(
         "div",
         {
@@ -14270,7 +14275,7 @@ const props$N = {
 const SPEED = 100;
 const DELAY = 600;
 const { name: name$O, n: n$V, classes: classes$K } = createNamespace("counter");
-const _hoisted_1$n = ["inputmode", "readonly", "disabled"];
+const _hoisted_1$o = ["inputmode", "readonly", "disabled"];
 function __render__$T(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_button = vue.resolveComponent("var-button");
@@ -14330,7 +14335,7 @@ function __render__$T(_ctx, _cache) {
             readonly: _ctx.readonly || _ctx.formReadonly,
             disabled: _ctx.disabled || _ctx.formDisabled || _ctx.disableInput,
             onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
-          }, null, 46, _hoisted_1$n), [
+          }, null, 46, _hoisted_1$o), [
             [vue.vModelText, _ctx.inputValue]
           ]),
           vue.createVNode(_component_var_button, {
@@ -17935,7 +17940,7 @@ var __spreadValues$b = (a, b) => {
   return a;
 };
 const { name: name$H, n: n$K, classes: classes$A } = createNamespace("ellipsis");
-const _hoisted_1$m = { key: 0 };
+const _hoisted_1$n = { key: 0 };
 function __render__$I(_ctx, _cache) {
   const _component_var_tooltip = vue.resolveComponent("var-tooltip");
   return vue.openBlock(), vue.createBlock(
@@ -17948,7 +17953,7 @@ function __render__$I(_ctx, _cache) {
           return [
             ((_a = _ctx.tooltipProps) == null ? void 0 : _a.content) ? (vue.openBlock(), vue.createElementBlock(
               "span",
-              _hoisted_1$m,
+              _hoisted_1$n,
               vue.toDisplayString(_ctx.tooltipProps.content),
               1
               /* TEXT */
@@ -18612,8 +18617,8 @@ const props$B = {
   onError: defineListenerProp()
 };
 const { name: name$C, n: n$F, classes: classes$x } = createNamespace("image");
-const _hoisted_1$l = ["alt", "title", "referrerpolicy", "lazy-loading", "lazy-error"];
-const _hoisted_2$6 = ["alt", "title", "referrerpolicy", "src"];
+const _hoisted_1$m = ["alt", "title", "referrerpolicy", "lazy-loading", "lazy-error"];
+const _hoisted_2$7 = ["alt", "title", "referrerpolicy", "src"];
 function __render__$F(_ctx, _cache) {
   var _a;
   const _directive_lazy = vue.resolveDirective("lazy");
@@ -18641,7 +18646,7 @@ function __render__$F(_ctx, _cache) {
         style: vue.normalizeStyle({ objectFit: _ctx.fit, objectPosition: _ctx.position }),
         onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.handleLoad && _ctx.handleLoad(...args)),
         onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-      }, null, 46, _hoisted_1$l)), [
+      }, null, 46, _hoisted_1$m)), [
         [_directive_lazy, (_a = _ctx.src) != null ? _a : ""]
       ]) : vue.createCommentVNode("v-if", true),
       !_ctx.lazy && !_ctx.showErrorSlot ? (vue.openBlock(), vue.createElementBlock("img", {
@@ -18656,7 +18661,7 @@ function __render__$F(_ctx, _cache) {
         onLoad: _cache[2] || (_cache[2] = (...args) => _ctx.handleLoad && _ctx.handleLoad(...args)),
         onError: _cache[3] || (_cache[3] = (...args) => _ctx.handleError && _ctx.handleError(...args)),
         onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-      }, null, 46, _hoisted_2$6)) : vue.createCommentVNode("v-if", true),
+      }, null, 46, _hoisted_2$7)) : vue.createCommentVNode("v-if", true),
       _ctx.showErrorSlot ? vue.renderSlot(_ctx.$slots, "error", { key: 2 }) : vue.createCommentVNode("v-if", true)
     ],
     6
@@ -18771,7 +18776,7 @@ var __async$7 = (__this, __arguments, generator) => {
 const SWIPE_DELAY = 250;
 const SWIPE_OFFSET = 20;
 const { name: name$B, n: n$E, classes: classes$w } = createNamespace("swipe");
-const _hoisted_1$k = ["onClick"];
+const _hoisted_1$l = ["onClick"];
 function __render__$E(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_button = vue.resolveComponent("var-button");
@@ -18917,7 +18922,7 @@ function __render__$E(_ctx, _cache) {
                   ),
                   style: vue.normalizeStyle({ background: _ctx.indicatorColor }),
                   onClick: ($event) => _ctx.to(idx)
-                }, null, 14, _hoisted_1$k);
+                }, null, 14, _hoisted_1$l);
               }),
               128
               /* KEYED_FRAGMENT */
@@ -19281,7 +19286,7 @@ function useSwipe() {
   };
 }
 const { name: name$A, n: n$D } = createNamespace("swipe-item");
-const _hoisted_1$j = ["aria-hidden"];
+const _hoisted_1$k = ["aria-hidden"];
 function __render__$D(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.n()),
@@ -19296,7 +19301,7 @@ function __render__$D(_ctx, _cache) {
     onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
   }, [
     vue.renderSlot(_ctx.$slots, "default")
-  ], 46, _hoisted_1$j);
+  ], 46, _hoisted_1$k);
 }
 const __sfc__$F = vue.defineComponent({
   name: name$A,
@@ -19384,8 +19389,8 @@ const TAP_DELAY = 350;
 const ANIMATION_DURATION = 200;
 const LONG_PRESS_DELAY = 500;
 const BASE_RATIO = 1;
-const _hoisted_1$i = ["onTouchstart"];
-const _hoisted_2$5 = ["src", "alt"];
+const _hoisted_1$j = ["onTouchstart"];
+const _hoisted_2$6 = ["src", "alt"];
 function __render__$C(_ctx, _cache) {
   const _component_var_swipe_item = vue.resolveComponent("var-swipe-item");
   const _component_var_swipe = vue.resolveComponent("var-swipe");
@@ -19447,8 +19452,8 @@ function __render__$C(_ctx, _cache) {
                       class: vue.normalizeClass(_ctx.classes(_ctx.n("image"), [_ctx.isPreventDefault, _ctx.n("--prevent")])),
                       src: image,
                       alt: image
-                    }, null, 10, _hoisted_2$5)
-                  ], 46, _hoisted_1$i)
+                    }, null, 10, _hoisted_2$6)
+                  ], 46, _hoisted_1$j)
                 ]),
                 _: 2
                 /* DYNAMIC */
@@ -19926,7 +19931,7 @@ var __async$6 = (__this, __arguments, generator) => {
   });
 };
 const { name: name$x, n: n$A, classes: classes$t } = createNamespace("index-bar");
-const _hoisted_1$h = ["onClick"];
+const _hoisted_1$i = ["onClick"];
 function __render__$A(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -19960,7 +19965,7 @@ function __render__$A(_ctx, _cache) {
                     /* TEXT */
                   )
                 ])
-              ], 14, _hoisted_1$h);
+              ], 14, _hoisted_1$i);
             }),
             128
             /* KEYED_FRAGMENT */
@@ -20688,7 +20693,7 @@ function useSelect() {
   };
 }
 const { name: name$s, n: n$v, classes: classes$p } = createNamespace("option");
-const _hoisted_1$g = ["tabindex"];
+const _hoisted_1$h = ["tabindex"];
 function __render__$x(_ctx, _cache) {
   const _component_var_checkbox = vue.resolveComponent("var-checkbox");
   const _component_maybe_v_node = vue.resolveComponent("maybe-v-node");
@@ -20746,7 +20751,7 @@ function __render__$x(_ctx, _cache) {
       hovering: _ctx.hovering && !_ctx.disabled,
       focusing: _ctx.isFocusing && !_ctx.disabled
     }, null, 8, ["hovering", "focusing"])
-  ], 46, _hoisted_1$g)), [
+  ], 46, _hoisted_1$h)), [
     [_directive_ripple, { disabled: _ctx.disabled || !_ctx.ripple }],
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
@@ -20990,7 +20995,7 @@ const props$q = {
   "onUpdate:size": defineListenerProp()
 };
 const { name: name$q, n: n$t, classes: classes$o } = createNamespace("pagination");
-const _hoisted_1$f = ["item-mode", "onClick"];
+const _hoisted_1$g = ["item-mode", "onClick"];
 function __render__$w(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_input = vue.resolveComponent("var-input");
@@ -21085,7 +21090,7 @@ function __render__$w(_ctx, _cache) {
               1
               /* TEXT */
             )
-          ], 10, _hoisted_1$f)), [
+          ], 10, _hoisted_1$g)), [
             [_directive_ripple, { disabled: _ctx.disabled }]
           ]);
         }),
@@ -21549,8 +21554,8 @@ const MOMENTUM_ALLOW_DISTANCE = 15;
 const TRANSITION_DURATION = 200;
 const MOMENTUM_TRANSITION_DURATION = 1e3;
 let sid$1 = 0;
-const _hoisted_1$e = ["onTouchstartPassive", "onTouchmove", "onTouchend"];
-const _hoisted_2$4 = ["onTransitionend"];
+const _hoisted_1$f = ["onTouchstartPassive", "onTouchmove", "onTouchend"];
+const _hoisted_2$5 = ["onTransitionend"];
 const _hoisted_3$3 = ["onClick"];
 function __render__$u(_ctx, _cache) {
   const _component_var_button = vue.resolveComponent("var-button");
@@ -21706,8 +21711,8 @@ function __render__$u(_ctx, _cache) {
                           128
                           /* KEYED_FRAGMENT */
                         ))
-                      ], 46, _hoisted_2$4)
-                    ], 42, _hoisted_1$e);
+                      ], 46, _hoisted_2$5)
+                    ], 42, _hoisted_1$f);
                   }),
                   128
                   /* KEYED_FRAGMENT */
@@ -22145,8 +22150,8 @@ const MIN = 0;
 const RADIUS = 20;
 const CIRCUMFERENCE = 2 * Math.PI * RADIUS;
 const { name: name$n, n: n$q, classes: classes$l } = createNamespace("progress");
-const _hoisted_1$d = ["aria-valuenow"];
-const _hoisted_2$3 = ["viewBox"];
+const _hoisted_1$e = ["aria-valuenow"];
+const _hoisted_2$4 = ["viewBox"];
 const _hoisted_3$2 = { key: 0 };
 const _hoisted_4$2 = ["id"];
 const _hoisted_5$1 = ["offset", "stop-color"];
@@ -22300,7 +22305,7 @@ function __render__$t(_ctx, _cache) {
               transformOrigin: "50% 50%"
             })
           }, null, 14, _hoisted_7)
-        ], 10, _hoisted_2$3)),
+        ], 10, _hoisted_2$4)),
         _ctx.label ? (vue.openBlock(), vue.createElementBlock(
           "div",
           {
@@ -22323,7 +22328,7 @@ function __render__$t(_ctx, _cache) {
       6
       /* CLASS, STYLE */
     )) : vue.createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$d);
+  ], 10, _hoisted_1$e);
 }
 const __sfc__$u = vue.defineComponent({
   name: name$n,
@@ -22670,7 +22675,8 @@ function useRadioGroup() {
   };
 }
 const { name: name$l, n: n$o, classes: classes$j } = createNamespace("radio");
-const _hoisted_1$c = ["tabindex"];
+const _hoisted_1$d = ["aria-checked"];
+const _hoisted_2$3 = ["tabindex"];
 function __render__$r(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
@@ -22683,75 +22689,71 @@ function __render__$r(_ctx, _cache) {
       class: vue.normalizeClass(_ctx.n("wrap"))
     },
     [
-      vue.createElementVNode(
-        "div",
-        vue.mergeProps({
-          class: _ctx.n()
-        }, _ctx.$attrs, {
-          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-        }),
-        [
-          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-            ref: "action",
+      vue.createElementVNode("div", vue.mergeProps({
+        role: "radio",
+        "aria-checked": _ctx.checked,
+        class: _ctx.n()
+      }, _ctx.$attrs, {
+        onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      }), [
+        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          ref: "action",
+          class: vue.normalizeClass(
+            _ctx.classes(
+              _ctx.n("action"),
+              [_ctx.checked, _ctx.n("--checked"), _ctx.n("--unchecked")],
+              [_ctx.errorMessage || _ctx.radioGroupErrorMessage, _ctx.n("--error")],
+              [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
+            )
+          ),
+          tabindex: _ctx.tabIndex,
+          style: vue.normalizeStyle({ color: _ctx.checked ? _ctx.checkedColor : _ctx.uncheckedColor }),
+          onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
+          onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
+        }, [
+          _ctx.checked ? vue.renderSlot(_ctx.$slots, "checked-icon", { key: 0 }, () => [
+            vue.createVNode(_component_var_icon, {
+              class: vue.normalizeClass(_ctx.n("icon")),
+              "var-radio-cover": "",
+              name: "radio-marked",
+              size: _ctx.iconSize
+            }, null, 8, ["class", "size"])
+          ]) : vue.renderSlot(_ctx.$slots, "unchecked-icon", { key: 1 }, () => [
+            vue.createVNode(_component_var_icon, {
+              class: vue.normalizeClass(_ctx.n("icon")),
+              "var-radio-cover": "",
+              name: "radio-blank",
+              size: _ctx.iconSize
+            }, null, 8, ["class", "size"])
+          ]),
+          vue.createVNode(_component_var_hover_overlay, {
+            hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering,
+            focusing: !_ctx.disabled && !_ctx.formDisabled && _ctx.isFocusing
+          }, null, 8, ["hovering", "focusing"])
+        ], 46, _hoisted_2$3)), [
+          [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }],
+          [_directive_hover, _ctx.handleHovering, "desktop"]
+        ]),
+        _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            key: 0,
             class: vue.normalizeClass(
               _ctx.classes(
-                _ctx.n("action"),
-                [_ctx.checked, _ctx.n("--checked"), _ctx.n("--unchecked")],
+                _ctx.n("text"),
                 [_ctx.errorMessage || _ctx.radioGroupErrorMessage, _ctx.n("--error")],
                 [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
               )
             ),
-            tabindex: _ctx.formDisabled || _ctx.disabled ? void 0 : "0",
-            style: vue.normalizeStyle({ color: _ctx.checked ? _ctx.checkedColor : _ctx.uncheckedColor }),
-            onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
-            onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
-          }, [
-            _ctx.checked ? vue.renderSlot(_ctx.$slots, "checked-icon", { key: 0 }, () => [
-              vue.createVNode(_component_var_icon, {
-                class: vue.normalizeClass(_ctx.n("icon")),
-                "var-radio-cover": "",
-                name: "radio-marked",
-                size: _ctx.iconSize
-              }, null, 8, ["class", "size"])
-            ]) : vue.renderSlot(_ctx.$slots, "unchecked-icon", { key: 1 }, () => [
-              vue.createVNode(_component_var_icon, {
-                class: vue.normalizeClass(_ctx.n("icon")),
-                "var-radio-cover": "",
-                name: "radio-blank",
-                size: _ctx.iconSize
-              }, null, 8, ["class", "size"])
-            ]),
-            vue.createVNode(_component_var_hover_overlay, {
-              hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering,
-              focusing: !_ctx.disabled && !_ctx.formDisabled && _ctx.isFocusing
-            }, null, 8, ["hovering", "focusing"])
-          ], 46, _hoisted_1$c)), [
-            [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }],
-            [_directive_hover, _ctx.handleHovering, "desktop"]
-          ]),
-          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: vue.normalizeClass(
-                _ctx.classes(
-                  _ctx.n("text"),
-                  [_ctx.errorMessage || _ctx.radioGroupErrorMessage, _ctx.n("--error")],
-                  [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
-                )
-              ),
-              onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
-            ],
-            2
-            /* CLASS */
-          )) : vue.createCommentVNode("v-if", true)
-        ],
-        16
-        /* FULL_PROPS */
-      ),
+            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
+          },
+          [
+            vue.renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
+          ],
+          2
+          /* CLASS */
+        )) : vue.createCommentVNode("v-if", true)
+      ], 16, _hoisted_1$d),
       vue.createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
     ],
     2
@@ -22776,6 +22778,9 @@ const __sfc__$s = vue.defineComponent({
     const { radioGroup, bindRadioGroup } = useRadioGroup();
     const { hovering, handleHovering } = useHoverOverlay();
     const { form, bindForm } = useForm();
+    const tabIndex = vue.computed(
+      () => (form == null ? void 0 : form.disabled.value) || props2.disabled || checked.value && radioGroup ? void 0 : "0"
+    );
     const {
       errorMessage,
       validateWithTrigger: vt,
@@ -22881,6 +22886,7 @@ const __sfc__$s = vue.defineComponent({
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
       hovering,
+      tabIndex,
       handleHovering,
       n: n$o,
       classes: classes$j,
@@ -22912,6 +22918,10 @@ const props$k = {
     type: Array,
     default: () => []
   },
+  ariaLabel: {
+    type: String,
+    default: ""
+  },
   labelKey: {
     type: String,
     default: "label"
@@ -22929,6 +22939,7 @@ const props$k = {
   "onUpdate:modelValue": defineListenerProp()
 };
 const { name: name$k, n: n$n, classes: classes$i } = createNamespace("radio-group");
+const _hoisted_1$c = ["aria-label"];
 function __render__$q(_ctx, _cache) {
   const _component_maybe_v_node = vue.resolveComponent("maybe-v-node");
   const _component_var_radio = vue.resolveComponent("var-radio");
@@ -22939,38 +22950,34 @@ function __render__$q(_ctx, _cache) {
       class: vue.normalizeClass(_ctx.n("wrap"))
     },
     [
-      vue.createElementVNode(
-        "div",
-        {
-          class: vue.normalizeClass(_ctx.classes(_ctx.n(), _ctx.n(`--${_ctx.direction}`)))
-        },
-        [
-          _ctx.options.length ? (vue.openBlock(true), vue.createElementBlock(
-            vue.Fragment,
-            { key: 0 },
-            vue.renderList(_ctx.options, (option) => {
-              return vue.openBlock(), vue.createBlock(_component_var_radio, {
-                key: option[_ctx.valueKey],
-                "checked-value": option[_ctx.valueKey],
-                disabled: option.disabled
-              }, {
-                default: vue.withCtx(({ checked }) => [
-                  vue.createVNode(_component_maybe_v_node, {
-                    is: _ctx.isFunction(option[_ctx.labelKey]) ? option[_ctx.labelKey](option, checked) : option[_ctx.labelKey]
-                  }, null, 8, ["is"])
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["checked-value", "disabled"]);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          )) : vue.createCommentVNode("v-if", true),
-          vue.renderSlot(_ctx.$slots, "default")
-        ],
-        2
-        /* CLASS */
-      ),
+      vue.createElementVNode("div", {
+        "aria-label": _ctx.ariaLabel,
+        role: "radiogroup",
+        class: vue.normalizeClass(_ctx.classes(_ctx.n(), _ctx.n(`--${_ctx.direction}`)))
+      }, [
+        _ctx.options.length ? (vue.openBlock(true), vue.createElementBlock(
+          vue.Fragment,
+          { key: 0 },
+          vue.renderList(_ctx.options, (option) => {
+            return vue.openBlock(), vue.createBlock(_component_var_radio, {
+              key: option[_ctx.valueKey],
+              "checked-value": option[_ctx.valueKey],
+              disabled: option.disabled
+            }, {
+              default: vue.withCtx(({ checked }) => [
+                vue.createVNode(_component_maybe_v_node, {
+                  is: _ctx.isFunction(option[_ctx.labelKey]) ? option[_ctx.labelKey](option, checked) : option[_ctx.labelKey]
+                }, null, 8, ["is"])
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1032, ["checked-value", "disabled"]);
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        )) : vue.createCommentVNode("v-if", true),
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1$c),
       vue.createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
     ],
     2
@@ -31708,7 +31715,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.8.3";
+const version = "3.8.5";
 function install(app) {
   stdin_default$5X.install && app.use(stdin_default$5X);
   stdin_default$5V.install && app.use(stdin_default$5V);