@varlet/ui 3.9.0-alpha.1736270797421 → 3.9.0

package/lib/varlet.cjs.js

@@ -1926,7 +1926,7 @@ const MaybeVNode = vue.defineComponent({
     return () => isString(props2.is) ? vue.h(props2.tag, props2.is) : props2.is;
   }
 });
-var stdin_default$6c = {
+var stdin_default$6d = {
   // Dialog
   dialogTitle: "Hint",
   dialogConfirmButtonText: "Confirm",
@@ -2031,7 +2031,7 @@ var stdin_default$6c = {
   // time-picker
   timePickerHint: "SELECT TIME"
 };
-var stdin_default$6b = {
+var stdin_default$6c = {
   // Dialog
   dialogTitle: "اشاره",
   dialogConfirmButtonText: "تایید",
@@ -2136,6 +2136,111 @@ var stdin_default$6b = {
   // time-picker
   timePickerHint: "انتخاب زمان"
 };
+var stdin_default$6b = {
+  // Dialog
+  dialogTitle: "確認",
+  dialogConfirmButtonText: "確認",
+  dialogCancelButtonText: "キャンセル",
+  // ActionSheet
+  actionSheetTitle: "いずれかを選択",
+  // List
+  listLoadingText: "読み込み中",
+  listFinishedText: "以上です",
+  listErrorText: "読み込み失敗",
+  // Picker
+  pickerTitle: "選択してください",
+  pickerConfirmButtonText: "確認",
+  pickerCancelButtonText: "キャンセル",
+  // date-picker
+  datePickerMonthDict: {
+    "01": {
+      name: "1月",
+      abbr: "1月"
+    },
+    "02": {
+      name: "2月",
+      abbr: "2月"
+    },
+    "03": {
+      name: "3月",
+      abbr: "3月"
+    },
+    "04": {
+      name: "4月",
+      abbr: "4月"
+    },
+    "05": {
+      name: "5月",
+      abbr: "5月"
+    },
+    "06": {
+      name: "6月",
+      abbr: "6月"
+    },
+    "07": {
+      name: "7月",
+      abbr: "7月"
+    },
+    "08": {
+      name: "8月",
+      abbr: "8月"
+    },
+    "09": {
+      name: "9月",
+      abbr: "9月"
+    },
+    "10": {
+      name: "10月",
+      abbr: "10月"
+    },
+    "11": {
+      name: "11月",
+      abbr: "11月"
+    },
+    "12": {
+      name: "12月",
+      abbr: "12月"
+    }
+  },
+  datePickerWeekDict: {
+    "0": {
+      name: "日曜日",
+      abbr: "日"
+    },
+    "1": {
+      name: "月曜日",
+      abbr: "月"
+    },
+    "2": {
+      name: "火曜日",
+      abbr: "火"
+    },
+    "3": {
+      name: "水曜日",
+      abbr: "水"
+    },
+    "4": {
+      name: "木曜日",
+      abbr: "木"
+    },
+    "5": {
+      name: "金曜日",
+      abbr: "金"
+    },
+    "6": {
+      name: "土曜日",
+      abbr: "土"
+    }
+  },
+  datePickerSelected: "件選択済み",
+  datePickerHint: "日付を選択",
+  // pagination
+  paginationItem: "件",
+  paginationPage: "ページ",
+  paginationJump: "ジャンプ",
+  // time-picker
+  timePickerHint: "時間を選択"
+};
 var stdin_default$6a = {
   // Dialog
   dialogTitle: "提示",
@@ -2338,10 +2443,13 @@ var stdin_default$69 = {
     }
   },
   datePickerSelected: "個被選擇",
+  datePickerHint: "選擇日期",
   // pagination
   paginationItem: "條",
   paginationPage: "頁",
-  paginationJump: "前往"
+  paginationJump: "前往",
+  // time-picker
+  timePickerHint: "選擇時間"
 };
 var stdin_default$68 = stdin_default$69;
 var __defProp$y = Object.defineProperty;
@@ -2401,10 +2509,11 @@ add$2("zh-CN", stdin_default$6a);
 use("zh-CN");
 const _LocaleComponent = {
   zhCN: stdin_default$6a,
-  enUS: stdin_default$6c,
+  enUS: stdin_default$6d,
   zhTW: stdin_default$69,
   zhHK: stdin_default$68,
-  faIR: stdin_default$6b,
+  faIR: stdin_default$6c,
+  jaJP: stdin_default$6b,
   messages,
   currentMessage,
   add: add$2,
@@ -2415,10 +2524,11 @@ const _LocaleComponent = {
 };
 var stdin_default$67 = {
   zhCN: stdin_default$6a,
-  enUS: stdin_default$6c,
+  enUS: stdin_default$6d,
   zhTW: stdin_default$69,
   zhHK: stdin_default$68,
-  faIR: stdin_default$6b,
+  faIR: stdin_default$6c,
+  jaJP: stdin_default$6b,
   messages,
   currentMessage,
   add: add$2,
@@ -4064,8 +4174,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 +4200,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 +4226,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 +4396,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 +4476,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 +4715,7 @@ const props$1d = __spreadProps$a(__spreadValues$s({
     default: "text"
   },
   textarea: Boolean,
+  ariaLabel: String,
   rows: {
     type: [String, Number],
     default: 8
@@ -4655,9 +4766,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 +4787,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 +4815,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 +4859,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 +5194,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 +5257,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 +5491,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 +5573,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"]
   ]);
@@ -6209,7 +6324,6 @@ function detectOverflow(state, options) {
   var popperOffsets2 = computeOffsets({
     reference: referenceClientRect,
     element: popperRect,
-    strategy: "absolute",
     placement
   });
   var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets2));
@@ -6833,7 +6947,6 @@ function popperOffsets(_ref) {
   state.modifiersData[name2] = computeOffsets({
     reference: state.rects.reference,
     element: state.rects.popper,
-    strategy: "absolute",
     placement: state.placement
   });
 }
@@ -7598,7 +7711,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 +7751,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 +8333,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 +8454,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 +8937,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 +8978,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 +8989,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 +9388,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 +9448,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 +9710,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 +9748,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 +10470,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 +10523,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 +11287,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 +11706,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 +11773,7 @@ function __render__$X(_ctx, _cache) {
           2
           /* CLASS */
         )
-      ], 10, _hoisted_1$o),
+      ], 10, _hoisted_1$p),
       vue.withDirectives(vue.createElementVNode(
         "div",
         {
@@ -12127,7 +12240,7 @@ var EXP_LIMIT = 9e15, MAX_DIGITS = 1e9, NUMERALS = "0123456789abcdef", LN10 = "2
   // 0 to EXP_LIMIT
   // The minimum exponent value, beneath which underflow to zero occurs.
   // JavaScript numbers: -324  (5e-324)
-  minE: -EXP_LIMIT,
+  minE: -9e15,
   // -1 to -EXP_LIMIT
   // The maximum exponent value, above which overflow to Infinity occurs.
   // JavaScript numbers: 308  (1.7976931348623157e+308)
@@ -13881,7 +13994,7 @@ function config(obj) {
     0,
     8,
     "toExpNeg",
-    -EXP_LIMIT,
+    -9e15,
     0,
     "toExpPos",
     0,
@@ -13890,7 +14003,7 @@ function config(obj) {
     0,
     EXP_LIMIT,
     "minE",
-    -EXP_LIMIT,
+    -9e15,
     0,
     "modulo",
     0,
@@ -14270,7 +14383,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 +14443,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 +18048,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 +18061,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 +18725,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 +18754,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 +18769,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 +18884,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 +19030,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 +19394,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 +19409,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 +19497,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 +19560,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 +20039,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 +20073,7 @@ function __render__$A(_ctx, _cache) {
                     /* TEXT */
                   )
                 ])
-              ], 14, _hoisted_1$h);
+              ], 14, _hoisted_1$i);
             }),
             128
             /* KEYED_FRAGMENT */
@@ -20688,7 +20801,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 +20859,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 +21103,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");
@@ -21037,6 +21150,7 @@ function __render__$w(_ctx, _cache) {
             modelValue: _ctx.simpleCurrentValue,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.simpleCurrentValue = $event),
             "var-pagination-cover": "",
+            variant: "standard",
             hint: false,
             disabled: _ctx.disabled,
             onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.setPage("simple", _ctx.simpleCurrentValue, $event)),
@@ -21085,7 +21199,7 @@ function __render__$w(_ctx, _cache) {
               1
               /* TEXT */
             )
-          ], 10, _hoisted_1$f)), [
+          ], 10, _hoisted_1$g)), [
             [_directive_ripple, { disabled: _ctx.disabled }]
           ]);
         }),
@@ -21115,45 +21229,45 @@ function __render__$w(_ctx, _cache) {
       )), [
         [_directive_ripple, { disabled: _ctx.current >= _ctx.pageCount || _ctx.disabled }]
       ]),
-      _ctx.showSizeChanger ? (vue.openBlock(), vue.createElementBlock(
-        "li",
-        {
-          key: 2,
-          class: vue.normalizeClass(_ctx.classes(_ctx.n("size"), [_ctx.disabled, _ctx.n("item--disabled")]))
-        },
-        [
-          vue.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: vue.withCtx(() => [
-              (vue.openBlock(true), vue.createElementBlock(
-                vue.Fragment,
-                null,
-                vue.renderList(_ctx.sizeOption, (option, index) => {
-                  return vue.openBlock(), vue.createBlock(_component_var_menu_option, {
-                    key: index,
-                    value: option,
-                    onClick: _ctx.clickSize
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(
-                        vue.toDisplayString(option) + vue.toDisplayString((_ctx.pt ? _ctx.pt : _ctx.t)("paginationItem")) + " / " + vue.toDisplayString((_ctx.pt ? _ctx.pt : _ctx.t)("paginationPage")),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  }, 1032, ["value", "onClick"]);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            default: vue.withCtx(() => [
+      _ctx.showSizeChanger ? (vue.openBlock(), vue.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: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(
+            vue.Fragment,
+            null,
+            vue.renderList(_ctx.sizeOption, (option, index) => {
+              return vue.openBlock(), vue.createBlock(_component_var_menu_option, {
+                key: index,
+                value: option,
+                onClick: _ctx.clickSize
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(option) + vue.toDisplayString((_ctx.pt ? _ctx.pt : _ctx.t)("paginationItem")) + " / " + vue.toDisplayString((_ctx.pt ? _ctx.pt : _ctx.t)("paginationPage")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["value", "onClick"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode(
+            "li",
+            {
+              class: vue.normalizeClass(_ctx.classes(_ctx.n("size"), [_ctx.disabled, _ctx.n("item--disabled")]))
+            },
+            [
               vue.createElementVNode(
                 "div",
                 {
@@ -21176,14 +21290,14 @@ function __render__$w(_ctx, _cache) {
                 2
                 /* CLASS */
               )
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["modelValue", "disabled"])
-        ],
-        2
-        /* CLASS */
-      )) : vue.createCommentVNode("v-if", true),
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "disabled"])) : vue.createCommentVNode("v-if", true),
       _ctx.showQuickJumper && !_ctx.simple ? (vue.openBlock(), vue.createElementBlock(
         "li",
         {
@@ -21201,6 +21315,7 @@ function __render__$w(_ctx, _cache) {
             "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.quickJumperValue = $event),
             disabled: _ctx.disabled,
             hint: false,
+            variant: "standard",
             "var-pagination-cover": "",
             onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.setPage("quick", _ctx.quickJumperValue, $event)),
             onKeydown: _cache[8] || (_cache[8] = vue.withKeys(($event) => _ctx.setPage("quick", _ctx.quickJumperValue, $event), ["enter"]))
@@ -21549,8 +21664,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 +21821,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 +22260,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 +22415,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 +22438,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,
@@ -22348,11 +22463,11 @@ const __sfc__$u = vue.defineComponent({
       const strokeOffset = `${(MAX - roundValue) / MAX * CIRCUMFERENCE}`;
       const strokeWidth = toPxNum(lineWidth) / toPxNum(size) * diameter;
       const beginPositionX = 0;
-      const beginPositionY = -RADIUS;
+      const beginPositionY = -20;
       const endPositionX = 0;
       const endPositionY = -2 * RADIUS;
       const path = `M ${diameter / 2} ${diameter / 2} m ${beginPositionX} ${beginPositionY} a ${RADIUS} ${RADIUS} 
-        0 1 1 ${endPositionX} ${-endPositionY} a ${RADIUS} ${RADIUS} 0 1 1 ${-endPositionX} ${endPositionY}`;
+        0 1 1 ${endPositionX} ${40} a ${RADIUS} ${RADIUS} 0 1 1 ${-0} ${endPositionY}`;
       return {
         strokeWidth,
         viewBox,
@@ -22670,7 +22785,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 +22799,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 +22888,18 @@ const __sfc__$s = vue.defineComponent({
     const { radioGroup, bindRadioGroup } = useRadioGroup();
     const { hovering, handleHovering } = useHoverOverlay();
     const { form, bindForm } = useForm();
+    const tabIndex = vue.computed(() => {
+      const disabled = (form == null ? void 0 : form.disabled.value) || props2.disabled;
+      const isChecked = checked.value;
+      const hasCheckedInRadioGroup = radioGroup == null ? void 0 : radioGroup.hasChecked.value;
+      if (disabled) {
+        return;
+      }
+      if (radioGroup && hasCheckedInRadioGroup && !isChecked) {
+        return "-1";
+      }
+      return "0";
+    });
     const {
       errorMessage,
       validateWithTrigger: vt,
@@ -22855,7 +22979,9 @@ const __sfc__$s = vue.defineComponent({
     }
     function sync(v2) {
       const { checkedValue, uncheckedValue } = props2;
-      value.value = v2 === checkedValue ? checkedValue : uncheckedValue;
+      const checked2 = v2 === checkedValue;
+      value.value = checked2 ? checkedValue : uncheckedValue;
+      return checked2;
     }
     function reset() {
       value.value = props2.uncheckedValue;
@@ -22881,6 +23007,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 +23039,10 @@ const props$k = {
     type: Array,
     default: () => []
   },
+  ariaLabel: {
+    type: String,
+    default: ""
+  },
   labelKey: {
     type: String,
     default: "label"
@@ -22929,6 +23060,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 +23071,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
@@ -22992,11 +23120,13 @@ const __sfc__$r = vue.defineComponent({
       resetValidation
     } = useValidation();
     const radioGroupErrorMessage = vue.computed(() => errorMessage.value);
+    const hasChecked = vue.ref(false);
     const radioGroupProvider = {
       onToggle,
       validate,
       reset,
       resetValidation,
+      hasChecked: vue.computed(() => hasChecked.value),
       errorMessage: radioGroupErrorMessage
     };
     vue.watch(() => props2.modelValue, syncRadios);
@@ -23052,7 +23182,11 @@ const __sfc__$r = vue.defineComponent({
       });
     }
     function syncRadios() {
-      return radios.forEach(({ sync }) => sync(props2.modelValue));
+      radios.forEach(({ sync }) => {
+        if (sync(props2.modelValue)) {
+          hasChecked.value = true;
+        }
+      });
     }
     function onToggle(changedValue) {
       call(props2["onUpdate:modelValue"], changedValue);
@@ -27412,7 +27546,7 @@ var stdin_default$2B = {
   "--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",
@@ -27423,7 +27557,8 @@ var stdin_default$2B = {
   "--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"
 };
 var stdin_default$2A = {
   "--paper-background": "var(--color-surface-container-highest)",
@@ -27518,7 +27653,9 @@ var stdin_default$2r = {
   "--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"
@@ -28446,7 +28583,7 @@ var stdin_default$1z = {
   "--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",
@@ -28457,7 +28594,8 @@ var stdin_default$1z = {
   "--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"
 };
 var stdin_default$1y = {
   "--paper-background": "var(--color-surface-container-highest)",
@@ -28552,7 +28690,9 @@ var stdin_default$1p = {
   "--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"
@@ -29464,7 +29604,7 @@ var stdin_default$x = {
   "--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",
@@ -29476,7 +29616,8 @@ var stdin_default$x = {
   "--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"
 };
 var stdin_default$w = {
   "--paper-background": "var(--color-surface-container-low)",
@@ -29571,7 +29712,9 @@ var stdin_default$n = {
   "--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"
@@ -31708,7 +31851,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.9.0-alpha.1736270797421";
+const version = "3.9.0";
 function install(app) {
   stdin_default$5X.install && app.use(stdin_default$5X);
   stdin_default$5V.install && app.use(stdin_default$5V);
@@ -32124,8 +32267,8 @@ exports.dialogProps = props$K;
 exports.dividerProps = props$J;
 exports.dragProps = props$I;
 exports.ellipsisProps = props$G;
-exports.enUS = stdin_default$6c;
-exports.faIR = stdin_default$6b;
+exports.enUS = stdin_default$6d;
+exports.faIR = stdin_default$6c;
 exports.fabProps = props$F;
 exports.fieldDecoratorProps = props$1e;
 exports.formDetailsProps = props$1f;