@varlet/ui 3.9.0-alpha.1736270797421 → 3.9.0-alpha.1740240238764

package/es/action-sheet/style/index.mjs

@@ -3,5 +3,5 @@ import '../../icon/icon.css'
 import '../../ripple/ripple.css'
 import '../../popup/popup.css'
 import '../actionSheet.css'
-import '../ActionSheetSfc.css'
 import '../ActionItemSfc.css'
+import '../ActionSheetSfc.css'

package/es/index.bundle.mjs

@@ -280,7 +280,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.9.0-alpha.1736270797421'
+const version = '3.9.0-alpha.1740240238764'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -186,7 +186,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.9.0-alpha.1736270797421'
+const version = '3.9.0-alpha.1740240238764'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/input/Input.mjs

@@ -8,9 +8,9 @@ import { createNamespace, useValidation } from "../utils/components.mjs";
 import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("input");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, withCtx as _withCtx, createSlots as _createSlots, createVNode as _createVNode, createBlock as _createBlock } from "vue";
-const _hoisted_1 = ["placeholder", "enterkeyhint"];
-const _hoisted_2 = ["id", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
-const _hoisted_3 = ["id", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
+const _hoisted_1 = ["aria-label", "placeholder", "enterkeyhint"];
+const _hoisted_2 = ["id", "aria-label", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
+const _hoisted_3 = ["id", "aria-label", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
 function __render__(_ctx, _cache) {
   const _component_var_field_decorator = _resolveComponent("var-field-decorator");
   const _component_var_form_details = _resolveComponent("var-form-details");
@@ -29,6 +29,7 @@ function __render__(_ctx, _cache) {
           size: _ctx.size,
           variant: _ctx.variant,
           placeholder: _ctx.placeholder,
+          ariaLabel: _ctx.ariaLabel,
           line: _ctx.line,
           hint: _ctx.hint,
           textColor: _ctx.textColor,
@@ -56,6 +57,7 @@ function __render__(_ctx, _cache) {
             _ctx.normalizedType === "password" ? (_openBlock(), _createElementBlock("input", {
               key: 0,
               tabindex: "-1",
+              "aria-label": _ctx.ariaLabel,
               class: _normalizeClass(_ctx.n("autocomplete")),
               placeholder: !_ctx.hint ? _ctx.placeholder : void 0,
               style: _normalizeStyle({
@@ -67,6 +69,7 @@ function __render__(_ctx, _cache) {
               key: 1,
               id: _ctx.id,
               ref: "el",
+              "aria-label": _ctx.ariaLabel,
               class: _normalizeClass(
                 _ctx.classes(
                   _ctx.n("input"),
@@ -102,6 +105,7 @@ function __render__(_ctx, _cache) {
               key: 2,
               id: _ctx.id,
               ref: "el",
+              "aria-label": _ctx.ariaLabel,
               class: _normalizeClass(
                 _ctx.classes(
                   _ctx.n("input"),

package/es/input/props.mjs

@@ -30,6 +30,7 @@ const props = __spreadProps(__spreadValues({
     default: "text"
   },
   textarea: Boolean,
+  ariaLabel: String,
   rows: {
     type: [String, Number],
     default: 8

package/es/pagination/Pagination.mjs

@@ -136,45 +136,45 @@ function __render__(_ctx, _cache) {
       )), [
         [_directive_ripple, { disabled: _ctx.current >= _ctx.pageCount || _ctx.disabled }]
       ]),
-      _ctx.showSizeChanger ? (_openBlock(), _createElementBlock(
-        "li",
-        {
-          key: 2,
-          class: _normalizeClass(_ctx.classes(_ctx.n("size"), [_ctx.disabled, _ctx.n("item--disabled")]))
-        },
-        [
-          _createVNode(_component_var_menu_select, {
-            modelValue: _ctx.size,
-            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.size = $event),
-            placement: "cover-top",
-            disabled: _ctx.disabled
-          }, {
-            options: _withCtx(() => [
-              (_openBlock(true), _createElementBlock(
-                _Fragment,
-                null,
-                _renderList(_ctx.sizeOption, (option, index) => {
-                  return _openBlock(), _createBlock(_component_var_menu_option, {
-                    key: index,
-                    value: option,
-                    onClick: _ctx.clickSize
-                  }, {
-                    default: _withCtx(() => [
-                      _createTextVNode(
-                        _toDisplayString(option) + _toDisplayString((_ctx.pt ? _ctx.pt : _ctx.t)("paginationItem")) + " / " + _toDisplayString((_ctx.pt ? _ctx.pt : _ctx.t)("paginationPage")),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  }, 1032, ["value", "onClick"]);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            default: _withCtx(() => [
+      _ctx.showSizeChanger ? (_openBlock(), _createBlock(_component_var_menu_select, {
+        key: 2,
+        modelValue: _ctx.size,
+        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.size = $event),
+        placement: "cover-top",
+        disabled: _ctx.disabled
+      }, {
+        options: _withCtx(() => [
+          (_openBlock(true), _createElementBlock(
+            _Fragment,
+            null,
+            _renderList(_ctx.sizeOption, (option, index) => {
+              return _openBlock(), _createBlock(_component_var_menu_option, {
+                key: index,
+                value: option,
+                onClick: _ctx.clickSize
+              }, {
+                default: _withCtx(() => [
+                  _createTextVNode(
+                    _toDisplayString(option) + _toDisplayString((_ctx.pt ? _ctx.pt : _ctx.t)("paginationItem")) + " / " + _toDisplayString((_ctx.pt ? _ctx.pt : _ctx.t)("paginationPage")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["value", "onClick"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]),
+        default: _withCtx(() => [
+          _createElementVNode(
+            "li",
+            {
+              class: _normalizeClass(_ctx.classes(_ctx.n("size"), [_ctx.disabled, _ctx.n("item--disabled")]))
+            },
+            [
               _createElementVNode(
                 "div",
                 {
@@ -197,14 +197,14 @@ function __render__(_ctx, _cache) {
                 2
                 /* CLASS */
               )
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["modelValue", "disabled"])
-        ],
-        2
-        /* CLASS */
-      )) : _createCommentVNode("v-if", true),
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "disabled"])) : _createCommentVNode("v-if", true),
       _ctx.showQuickJumper && !_ctx.simple ? (_openBlock(), _createElementBlock(
         "li",
         {

package/es/pagination/pagination.css

@@ -1 +1 @@
-:root { --pagination-text-color: #555; --pagination-font-size: var(--font-size-md); --pagination-active-color: var(--color-on-primary); --pagination-active-bg-color: var(--color-primary); --pagination-hover-bg-color: rgba(85, 85, 85, 0.15); --pagination-total-margin: 0 12px; --pagination-total-line-height: 24px; --pagination-item-width: 32px; --pagination-item-height: 32px; --pagination-item-margin: 0 6px; --pagination-item-background: #fff; --pagination-item-border-radius: 4px; --pagination-item-simple-border-radius: 50%; --pagination-input-width: 32px; --pagination-disabled-color: var(--color-text-disabled); --pagination-bg-disabled-color: var(--color-disabled); --pagination-size-line-height: 24px; --pagination-size-padding: 0 6px;}.var-pagination-flex-nowrap { display: flex; white-space: nowrap; align-items: center;}.var-pagination { display: flex; align-items: center; list-style: none; margin: 0; font-size: var(--pagination-font-size); padding: 0; color: var(--pagination-text-color);}.var-pagination__item { display: inline-flex; min-width: var(--pagination-item-width); align-items: center; justify-content: center; margin: var(--pagination-item-margin); height: var(--pagination-item-height); cursor: pointer; border-radius: var(--pagination-item-border-radius); outline: none; transition: all 0.25s; user-select: none; background-color: var(--pagination-item-background);}.var-pagination__item:hover { background-color: var(--pagination-hover-bg-color);}.var-pagination__item--active { color: var(--pagination-active-color); background-color: var(--pagination-active-bg-color) !important;}.var-pagination__item--hide { display: none;}.var-pagination__item--simple { background: transparent; border-radius: var(--pagination-item-simple-border-radius);}.var-pagination__item--disabled { cursor: not-allowed !important; color: var(--pagination-disabled-color); background-color: unset;}.var-pagination__item--disabled:hover { background-color: unset;}.var-pagination__item--disabled--hover:hover { background-color: inherit;}.var-pagination__item--disabled--active { background-color: var(--pagination-bg-disabled-color);}.var-pagination__item--disabled--active:hover { background-color: var(--pagination-bg-disabled-color);}.var-pagination__prev { margin-left: 0;}.var-pagination__total { display: flex; white-space: nowrap; align-items: center; line-height: var(--pagination-total-line-height); margin: var(--pagination-total-margin);}.var-pagination__size { display: flex; white-space: nowrap; align-items: center; line-height: var(--pagination-size-line-height); margin: var(--pagination-item-margin); padding: var(--pagination-size-padding); cursor: pointer;}.var-pagination__size--open { display: flex; align-items: center; cursor: pointer;}.var-pagination__size--open--disabled { cursor: inherit;}.var-pagination__quickly,.var-pagination__simple { display: flex; white-space: nowrap; align-items: center;}.var-pagination__quickly [var-pagination-cover],.var-pagination__simple [var-pagination-cover] { width: var(--pagination-input-width);}.var-pagination__quickly [var-pagination-cover] .var-field-decorator__middle,.var-pagination__simple [var-pagination-cover] .var-field-decorator__middle { padding: 0;}.var-pagination__quickly [var-pagination-cover] .var-input__input,.var-pagination__simple [var-pagination-cover] .var-input__input { height: auto; text-align: center;}.var-pagination__quickly-line,.var-pagination__simple-line { height: 1px; background: transparent;}.var-pagination__quickly { margin: var(--pagination-item-margin);}.var-pagination__quickly [var-pagination-cover] { margin-left: 6px;}.var-pagination__size--open-icon[var-pagination-cover] { font-size: inherit;}
+:root { --pagination-text-color: #555; --pagination-font-size: var(--font-size-md); --pagination-active-color: var(--color-on-primary); --pagination-active-bg-color: var(--color-primary); --pagination-hover-bg-color: rgba(85, 85, 85, 0.15); --pagination-total-margin: 0 10px; --pagination-total-line-height: 24px; --pagination-item-width: 32px; --pagination-item-height: 32px; --pagination-item-margin: 0 6px; --pagination-item-background: #fff; --pagination-item-border-radius: 4px; --pagination-item-simple-border-radius: 50%; --pagination-input-width: 32px; --pagination-disabled-color: var(--color-text-disabled); --pagination-bg-disabled-color: var(--color-disabled); --pagination-size-line-height: 24px; --pagination-size-padding: 0 4px; --pagination-quick-jumper-margin: 0 10px;}.var-pagination-flex-nowrap { display: flex; white-space: nowrap; align-items: center;}.var-pagination { display: flex; align-items: center; list-style: none; margin: 0; font-size: var(--pagination-font-size); padding: 0; color: var(--pagination-text-color);}.var-pagination__item { display: inline-flex; min-width: var(--pagination-item-width); align-items: center; justify-content: center; margin: var(--pagination-item-margin); height: var(--pagination-item-height); cursor: pointer; border-radius: var(--pagination-item-border-radius); outline: none; transition: all 0.25s; user-select: none; background-color: var(--pagination-item-background);}.var-pagination__item:hover { background-color: var(--pagination-hover-bg-color);}.var-pagination__item--active { color: var(--pagination-active-color); background-color: var(--pagination-active-bg-color) !important;}.var-pagination__item--hide { display: none;}.var-pagination__item--simple { background: transparent; border-radius: var(--pagination-item-simple-border-radius);}.var-pagination__item--disabled { cursor: not-allowed !important; color: var(--pagination-disabled-color); background-color: unset; box-shadow: none !important;}.var-pagination__item--disabled:hover { background-color: unset;}.var-pagination__item--disabled--active { background-color: var(--pagination-bg-disabled-color);}.var-pagination__item--disabled--active:hover { background-color: var(--pagination-bg-disabled-color);}.var-pagination__prev { margin-left: 0;}.var-pagination__total { display: flex; white-space: nowrap; align-items: center; line-height: var(--pagination-total-line-height); margin: var(--pagination-total-margin);}.var-pagination__size { display: flex; white-space: nowrap; align-items: center; height: var(--pagination-item-height); line-height: var(--pagination-size-line-height); margin: var(--pagination-item-margin); padding: var(--pagination-size-padding); cursor: pointer;}.var-pagination__size--open { display: flex; align-items: center; cursor: pointer;}.var-pagination__size--open--disabled { cursor: inherit;}.var-pagination__quickly,.var-pagination__simple { display: flex; white-space: nowrap; align-items: center;}.var-pagination__quickly [var-pagination-cover],.var-pagination__simple [var-pagination-cover] { width: var(--pagination-input-width);}.var-pagination__quickly [var-pagination-cover] .var-field-decorator__middle,.var-pagination__simple [var-pagination-cover] .var-field-decorator__middle { padding: 0;}.var-pagination__quickly [var-pagination-cover] .var-input__input,.var-pagination__simple [var-pagination-cover] .var-input__input { height: auto; text-align: center; font-weight: normal; font-size: var(--pagination-font-size); padding-top: 1px;}.var-pagination__quickly-line,.var-pagination__simple-line { height: 1px; background: transparent;}.var-pagination__quickly { margin: var(--pagination-quick-jumper-margin);}.var-pagination__quickly [var-pagination-cover] { margin-left: 6px;}.var-pagination__size--open-icon[var-pagination-cover] { font-size: inherit;}

package/es/radio/Radio.mjs

@@ -12,7 +12,8 @@ import { props } from "./props.mjs";
 import { useRadioGroup } from "./provide.mjs";
 const { name, n, classes } = createNamespace("radio");
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, mergeProps as _mergeProps, createElementVNode as _createElementVNode } from "vue";
-const _hoisted_1 = ["tabindex"];
+const _hoisted_1 = ["aria-checked"];
+const _hoisted_2 = ["tabindex"];
 function __render__(_ctx, _cache) {
   const _component_var_icon = _resolveComponent("var-icon");
   const _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
@@ -25,75 +26,71 @@ function __render__(_ctx, _cache) {
       class: _normalizeClass(_ctx.n("wrap"))
     },
     [
-      _createElementVNode(
-        "div",
-        _mergeProps({
-          class: _ctx.n()
-        }, _ctx.$attrs, {
-          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-        }),
-        [
-          _withDirectives((_openBlock(), _createElementBlock("div", {
-            ref: "action",
+      _createElementVNode("div", _mergeProps({
+        role: "radio",
+        "aria-checked": _ctx.checked,
+        class: _ctx.n()
+      }, _ctx.$attrs, {
+        onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      }), [
+        _withDirectives((_openBlock(), _createElementBlock("div", {
+          ref: "action",
+          class: _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: _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 ? _renderSlot(_ctx.$slots, "checked-icon", { key: 0 }, () => [
+            _createVNode(_component_var_icon, {
+              class: _normalizeClass(_ctx.n("icon")),
+              "var-radio-cover": "",
+              name: "radio-marked",
+              size: _ctx.iconSize
+            }, null, 8, ["class", "size"])
+          ]) : _renderSlot(_ctx.$slots, "unchecked-icon", { key: 1 }, () => [
+            _createVNode(_component_var_icon, {
+              class: _normalizeClass(_ctx.n("icon")),
+              "var-radio-cover": "",
+              name: "radio-blank",
+              size: _ctx.iconSize
+            }, null, 8, ["class", "size"])
+          ]),
+          _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)), [
+          [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }],
+          [_directive_hover, _ctx.handleHovering, "desktop"]
+        ]),
+        _ctx.$slots.default ? (_openBlock(), _createElementBlock(
+          "div",
+          {
+            key: 0,
             class: _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: _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 ? _renderSlot(_ctx.$slots, "checked-icon", { key: 0 }, () => [
-              _createVNode(_component_var_icon, {
-                class: _normalizeClass(_ctx.n("icon")),
-                "var-radio-cover": "",
-                name: "radio-marked",
-                size: _ctx.iconSize
-              }, null, 8, ["class", "size"])
-            ]) : _renderSlot(_ctx.$slots, "unchecked-icon", { key: 1 }, () => [
-              _createVNode(_component_var_icon, {
-                class: _normalizeClass(_ctx.n("icon")),
-                "var-radio-cover": "",
-                name: "radio-blank",
-                size: _ctx.iconSize
-              }, null, 8, ["class", "size"])
-            ]),
-            _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)), [
-            [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }],
-            [_directive_hover, _ctx.handleHovering, "desktop"]
-          ]),
-          _ctx.$slots.default ? (_openBlock(), _createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: _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))
-            },
-            [
-              _renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
-            ],
-            2
-            /* CLASS */
-          )) : _createCommentVNode("v-if", true)
-        ],
-        16
-        /* FULL_PROPS */
-      ),
+            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
+          },
+          [
+            _renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
+          ],
+          2
+          /* CLASS */
+        )) : _createCommentVNode("v-if", true)
+      ], 16, _hoisted_1),
       _createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
     ],
     2
@@ -118,6 +115,9 @@ const __sfc__ = defineComponent({
     const { radioGroup, bindRadioGroup } = useRadioGroup();
     const { hovering, handleHovering } = useHoverOverlay();
     const { form, bindForm } = useForm();
+    const tabIndex = computed(
+      () => (form == null ? void 0 : form.disabled.value) || props2.disabled || checked.value && radioGroup ? void 0 : "0"
+    );
     const {
       errorMessage,
       validateWithTrigger: vt,
@@ -223,6 +223,7 @@ const __sfc__ = defineComponent({
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
       hovering,
+      tabIndex,
       handleHovering,
       n,
       classes,

package/es/radio-group/RadioGroup.mjs

@@ -9,6 +9,7 @@ import { props } from "./props.mjs";
 import { useRadios } from "./provide.mjs";
 const { name, n, classes } = createNamespace("radio-group");
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from "vue";
+const _hoisted_1 = ["aria-label"];
 function __render__(_ctx, _cache) {
   const _component_maybe_v_node = _resolveComponent("maybe-v-node");
   const _component_var_radio = _resolveComponent("var-radio");
@@ -19,38 +20,34 @@ function __render__(_ctx, _cache) {
       class: _normalizeClass(_ctx.n("wrap"))
     },
     [
-      _createElementVNode(
-        "div",
-        {
-          class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n(`--${_ctx.direction}`)))
-        },
-        [
-          _ctx.options.length ? (_openBlock(true), _createElementBlock(
-            _Fragment,
-            { key: 0 },
-            _renderList(_ctx.options, (option) => {
-              return _openBlock(), _createBlock(_component_var_radio, {
-                key: option[_ctx.valueKey],
-                "checked-value": option[_ctx.valueKey],
-                disabled: option.disabled
-              }, {
-                default: _withCtx(({ checked }) => [
-                  _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 */
-          )) : _createCommentVNode("v-if", true),
-          _renderSlot(_ctx.$slots, "default")
-        ],
-        2
-        /* CLASS */
-      ),
+      _createElementVNode("div", {
+        "aria-label": _ctx.ariaLabel,
+        role: "radiogroup",
+        class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n(`--${_ctx.direction}`)))
+      }, [
+        _ctx.options.length ? (_openBlock(true), _createElementBlock(
+          _Fragment,
+          { key: 0 },
+          _renderList(_ctx.options, (option) => {
+            return _openBlock(), _createBlock(_component_var_radio, {
+              key: option[_ctx.valueKey],
+              "checked-value": option[_ctx.valueKey],
+              disabled: option.disabled
+            }, {
+              default: _withCtx(({ checked }) => [
+                _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 */
+        )) : _createCommentVNode("v-if", true),
+        _renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1),
       _createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
     ],
     2

package/es/radio-group/props.mjs

@@ -12,6 +12,10 @@ const props = {
     type: Array,
     default: () => []
   },
+  ariaLabel: {
+    type: String,
+    default: ""
+  },
   labelKey: {
     type: String,
     default: "label"

package/es/select/select.css

@@ -1 +1 @@
-:root { --select-scroller-background: var(--color-surface-container-high); --select-scroller-padding: 6px 0; --select-scroller-max-height: 278px; --select-scroller-border-radius: 2px; --select-chip-margin: 5px 5px 0; --select-arrow-size: 20px; --select-standard-menu-margin: calc(var(--field-decorator-placeholder-size) * 0.75 + 12px) 0 0 0; --select-label-font-size: 16px;}.var-select { text-align: left; outline: none;}.var-select__menu[var-select-cover] { width: 100%; background: transparent; display: block;}.var-select__chip[var-select-cover] { margin: var(--select-chip-margin);}.var-select__scroller { max-height: var(--select-scroller-max-height); background: var(--select-scroller-background); padding: var(--select-scroller-padding); overflow-y: auto; transition: background-color 0.25s; border-radius: var(--select-scroller-border-radius);}.var-select__wrap { position: relative; display: flex; flex-direction: column; width: 100%;}.var-select__select { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 24px; outline: none; border: none; font-size: inherit; color: var(--field-decorator-text-color); word-break: break-all; overflow: hidden; transition: color 0.25s;}.var-select__label { display: flex; align-items: center; font-size: var(--select-label-font-size);}.var-select__placeholder { max-width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: var(--field-decorator-placeholder-size); line-height: 1.5em; color: var(--field-decorator-blur-color); pointer-events: none; cursor: inherit;}.var-select__arrow[var-select-cover] { flex-shrink: 0; font-size: var(--select-arrow-size);}.var-select--standard-menu-margin { margin: var(--select-standard-menu-margin) !important;}.var-select--disabled { color: var(--field-decorator-disabled-color); cursor: not-allowed;}.var-select--error { color: var(--field-decorator-error-color);}.var-select--arrow-rotate { transform: rotate(180deg);}
+:root { --select-scroller-background: var(--color-surface-container-high); --select-scroller-padding: 6px 0; --select-scroller-max-height: 278px; --select-scroller-border-radius: 2px; --select-chips-margin: -5px 0 0 0; --select-chips-padding: 2px 0; --select-chip-margin: 5px 5px 0 0; --select-arrow-size: 20px; --select-standard-menu-margin: calc(var(--field-decorator-placeholder-size) * 0.75 + 12px) 0 0 0; --select-label-font-size: 16px;}.var-select { text-align: left; outline: none;}.var-select__menu[var-select-cover] { width: 100%; background: transparent; display: block;}.var-select__chip[var-select-cover] { margin: var(--select-chip-margin);}.var-select__chips { padding: var(--select-chips-padding); margin: var(--select-chips-margin);}.var-select__scroller { max-height: var(--select-scroller-max-height); background: var(--select-scroller-background); padding: var(--select-scroller-padding); overflow-y: auto; transition: background-color 0.25s; border-radius: var(--select-scroller-border-radius);}.var-select__wrap { position: relative; display: flex; flex-direction: column; width: 100%;}.var-select__select { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 24px; outline: none; border: none; font-size: inherit; color: var(--field-decorator-text-color); word-break: break-all; overflow: hidden; transition: color 0.25s;}.var-select__label { display: flex; align-items: center; font-size: var(--select-label-font-size);}.var-select__placeholder { max-width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: var(--field-decorator-placeholder-size); line-height: 1.5em; color: var(--field-decorator-blur-color); pointer-events: none; cursor: inherit;}.var-select__arrow[var-select-cover] { flex-shrink: 0; font-size: var(--select-arrow-size);}.var-select--standard-menu-margin { margin: var(--select-standard-menu-margin) !important;}.var-select--disabled { color: var(--field-decorator-disabled-color); cursor: not-allowed;}.var-select--error { color: var(--field-decorator-error-color);}.var-select--arrow-rotate { transform: rotate(180deg);}

package/es/themes/dark/pagination.mjs

@@ -5,7 +5,7 @@ var stdin_default = {
   "--pagination-font-size": "var(--font-size-md)",
   "--pagination-active-color": "var(--color-on-primary)",
   "--pagination-active-bg-color": "var(--color-primary)",
-  "--pagination-total-margin": "0 12px",
+  "--pagination-total-margin": "0 10px",
   "--pagination-total-line-height": "24px",
   "--pagination-item-width": "32px",
   "--pagination-item-height": "32px",
@@ -16,7 +16,8 @@ var stdin_default = {
   "--pagination-disabled-color": "var(--color-text-disabled)",
   "--pagination-bg-disabled-color": "var(--color-disabled)",
   "--pagination-size-line-height": "24px",
-  "--pagination-size-padding": "0 6px"
+  "--pagination-size-padding": "0 4px",
+  "--pagination-quick-jumper-margin": "0 10px"
 };
 export {
   stdin_default as default

package/es/themes/dark/select.mjs

@@ -3,7 +3,9 @@ var stdin_default = {
   "--select-scroller-padding": "6px 0",
   "--select-scroller-max-height": "278px",
   "--select-scroller-border-radius": "2px",
-  "--select-chip-margin": "5px 5px 0",
+  "--select-chips-margin": "-5px 0 0 0",
+  "--select-chips-padding": "2px 0",
+  "--select-chip-margin": "5px 5px 0 0",
   "--select-arrow-size": "20px",
   "--select-standard-menu-margin": `calc(var(--field-decorator-placeholder-size) * 0.75 + 12px) 0 0 0`,
   "--select-label-font-size": "16px"

package/es/themes/md3-dark/pagination.mjs

@@ -5,7 +5,7 @@ var stdin_default = {
   "--pagination-active-color": "var(--color-on-primary)",
   "--pagination-active-bg-color": "var(--color-primary)",
   "--pagination-hover-bg-color": "rgba(85, 85, 85, 0.15)",
-  "--pagination-total-margin": "0 12px",
+  "--pagination-total-margin": "0 10px",
   "--pagination-total-line-height": "24px",
   "--pagination-item-width": "32px",
   "--pagination-item-height": "32px",
@@ -16,7 +16,8 @@ var stdin_default = {
   "--pagination-disabled-color": "var(--color-text-disabled)",
   "--pagination-bg-disabled-color": "var(--color-disabled)",
   "--pagination-size-line-height": "24px",
-  "--pagination-size-padding": "0 6px"
+  "--pagination-size-padding": "0 4px",
+  "--pagination-quick-jumper-margin": "0 10px"
 };
 export {
   stdin_default as default

package/es/themes/md3-dark/select.mjs

@@ -3,7 +3,9 @@ var stdin_default = {
   "--select-scroller-border-radius": "4px",
   "--select-scroller-padding": "6px 0",
   "--select-scroller-max-height": "278px",
-  "--select-chip-margin": "5px 5px 0",
+  "--select-chips-margin": "-5px 0 0 0",
+  "--select-chips-padding": "2px 0",
+  "--select-chip-margin": "5px 5px 0 0",
   "--select-arrow-size": "20px",
   "--select-standard-menu-margin": `calc(var(--field-decorator-placeholder-size) * 0.75 + 12px) 0 0 0`,
   "--select-label-font-size": "16px"

package/es/themes/md3-light/pagination.mjs

@@ -4,7 +4,7 @@ var stdin_default = {
   "--pagination-active-color": "var(--color-on-primary)",
   "--pagination-active-bg-color": "var(--color-primary)",
   "--pagination-hover-bg-color": "rgba(85, 85, 85, 0.15)",
-  "--pagination-total-margin": "0 12px",
+  "--pagination-total-margin": "0 10px",
   "--pagination-total-line-height": "24px",
   "--pagination-item-width": "32px",
   "--pagination-item-height": "32px",
@@ -16,7 +16,8 @@ var stdin_default = {
   "--pagination-disabled-color": "var(--color-text-disabled)",
   "--pagination-bg-disabled-color": "var(--color-disabled)",
   "--pagination-size-line-height": "24px",
-  "--pagination-size-padding": "0 6px"
+  "--pagination-size-padding": "0 4px",
+  "--pagination-quick-jumper-margin": "0 10px"
 };
 export {
   stdin_default as default

package/es/themes/md3-light/select.mjs

@@ -3,7 +3,9 @@ var stdin_default = {
   "--select-scroller-border-radius": "4px",
   "--select-scroller-padding": "6px 0",
   "--select-scroller-max-height": "278px",
-  "--select-chip-margin": "5px 5px 0",
+  "--select-chips-margin": "-5px 0 0 0",
+  "--select-chips-padding": "2px 0",
+  "--select-chip-margin": "5px 5px 0 0",
   "--select-arrow-size": "20px",
   "--select-standard-menu-margin": `calc(var(--field-decorator-placeholder-size) * 0.75 + 12px) 0 0 0`,
   "--select-label-font-size": "16px"