@varlet/ui 3.2.4 → 3.2.6-alpha.1713858357643

package/lib/varlet.cjs.js

@@ -559,11 +559,15 @@ function useTouch() {
     isReachBottom
   };
 }
-function useId() {
-  const id = vue.ref();
+function useClientId() {
   const instance = vue.getCurrentInstance();
   const name2 = kebabCase(instance.type.name);
-  id.value = process.env.NODE_ENV === "test" ? `${name2}-mock-id` : `${name2}-${instance.uid}`;
+  const id = vue.ref(process.env.NODE_ENV === "test" ? `${name2}-mock-id` : "");
+  vue.onMounted(() => {
+    if (process.env.NODE_ENV !== "test") {
+      id.value = `${name2}-${instance.uid}`;
+    }
+  });
   return id;
 }
 function useWindowSize(options = {}) {
@@ -1225,7 +1229,9 @@ var stdin_default$5T = vue.defineComponent({
         "class": classes$1a(n$1o("content"), n$1o(`--${props2.position}`), [props2.defaultStyle, n$1o("--content-background-color")], [props2.defaultStyle, n$1o("$-elevation--3")], [props2.safeArea, n$1o("--safe-area")], [props2.safeAreaTop, n$1o("--safe-area-top")]),
         "style": {
           zIndex: zIndex.value
-        }
+        },
+        "role": "dialog",
+        "aria-modal": "true"
       }, attrs), [rendered.value && call(slots.default)]), [[vue.vShow, props2.show]]);
     }
     function renderPopup() {
@@ -2298,7 +2304,6 @@ function useLocale() {
     if (hasOwn(currentMessage2.value, id)) {
       return currentMessage2.value[id];
     }
-    return id;
   };
   return {
     messages: messages2,
@@ -2963,7 +2968,7 @@ const props$1b = {
 };
 const isInternalSize$1 = (size) => ["mini", "small", "normal", "large"].includes(size);
 const { name: name$1b, n: n$1i, classes: classes$14 } = createNamespace("avatar");
-const _hoisted_1$w = ["src", "alt", "lazy-loading", "lazy-error"];
+const _hoisted_1$y = ["src", "alt", "lazy-loading", "lazy-error"];
 const _hoisted_2$g = ["src", "alt"];
 function __render__$1i(_ctx, _cache) {
   const _directive_lazy = vue.resolveDirective("lazy");
@@ -3004,7 +3009,7 @@ function __render__$1i(_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$w)), [
+          }, null, 46, _hoisted_1$y)), [
             [_directive_lazy, _ctx.src]
           ]) : (vue.openBlock(), vue.createElementBlock("img", {
             key: 1,
@@ -3157,7 +3162,7 @@ const props$19 = {
 };
 const { name: name$19, n: n$1g, classes: classes$12 } = createNamespace("loading");
 const _withScopeId$6 = (n2) => (vue.pushScopeId(""), n2 = n2(), vue.popScopeId(), n2);
-const _hoisted_1$v = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_1$x = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode(
   "svg",
   { viewBox: "25 25 50 50" },
   [
@@ -3172,7 +3177,7 @@ const _hoisted_1$v = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.cr
   /* HOISTED */
 ));
 const _hoisted_2$f = [
-  _hoisted_1$v
+  _hoisted_1$x
 ];
 function __render__$1g(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
@@ -3413,7 +3418,7 @@ function useButtonGroup() {
   };
 }
 const { name: name$18, n: n$1f, classes: classes$11 } = createNamespace("button");
-const _hoisted_1$u = ["type", "disabled"];
+const _hoisted_1$w = ["type", "disabled"];
 function __render__$1f(_ctx, _cache) {
   const _component_var_loading = vue.resolveComponent("var-loading");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
@@ -3472,7 +3477,7 @@ function __render__$1f(_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$u)), [
+  ], 46, _hoisted_1$w)), [
     [_directive_ripple, { disabled: _ctx.disabled || !_ctx.ripple || _ctx.loading || _ctx.pending }],
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
@@ -3727,7 +3732,7 @@ var __spreadValues$n = (a, b) => {
   return a;
 };
 const { name: name$16, n: n$1d, classes: classes$$ } = createNamespace("badge");
-const _hoisted_1$t = { key: 0 };
+const _hoisted_1$v = { key: 0 };
 function __render__$1d(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createElementBlock(
@@ -3765,7 +3770,7 @@ function __render__$1d(_ctx, _cache) {
               vue.renderSlot(_ctx.$slots, "value", {}, () => [
                 !_ctx.icon && !_ctx.dot ? (vue.openBlock(), vue.createElementBlock(
                   "span",
-                  _hoisted_1$t,
+                  _hoisted_1$v,
                   vue.toDisplayString(_ctx.value),
                   1
                   /* TEXT */
@@ -4249,7 +4254,8 @@ function __render__$1a(_ctx, _cache) {
           vue.createElementVNode(
             "div",
             {
-              class: vue.normalizeClass(_ctx.n("separator"))
+              class: vue.normalizeClass(_ctx.n("separator")),
+              "aria-hidden": "true"
             },
             vue.toDisplayString((_a = _ctx.separator) != null ? _a : _ctx.parentSeparator),
             3
@@ -4302,7 +4308,9 @@ function __render__$19(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
-      class: vue.normalizeClass(_ctx.n())
+      class: vue.normalizeClass(_ctx.n()),
+      role: "navigation",
+      "aria-label": "Breadcrumbs"
     },
     [
       vue.renderSlot(_ctx.$slots, "default")
@@ -4453,7 +4461,7 @@ var __async$e = (__this, __arguments, generator) => {
 };
 const { name: name$10, n: n$17, classes: classes$W } = createNamespace("card");
 const RIPPLE_DELAY = 500;
-const _hoisted_1$s = ["src", "alt"];
+const _hoisted_1$u = ["src", "alt"];
 function __render__$17(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_button = vue.resolveComponent("var-button");
@@ -4498,7 +4506,7 @@ function __render__$17(_ctx, _cache) {
               }),
               src: _ctx.src,
               alt: _ctx.alt
-            }, null, 14, _hoisted_1$s)) : vue.createCommentVNode("v-if", true)
+            }, null, 14, _hoisted_1$u)) : vue.createCommentVNode("v-if", true)
           ]),
           vue.createElementVNode(
             "div",
@@ -4912,7 +4920,7 @@ const props$_ = {
   }
 };
 const { name: name$_, n: n$15 } = createNamespace("form-details");
-const _hoisted_1$r = { key: 0 };
+const _hoisted_1$t = { key: 0 };
 const _hoisted_2$e = { key: 0 };
 function __render__$15(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.Transition, {
@@ -4938,7 +4946,7 @@ function __render__$15(_ctx, _cache) {
                 default: vue.withCtx(() => [
                   _ctx.errorMessage ? (vue.openBlock(), vue.createElementBlock(
                     "div",
-                    _hoisted_1$r,
+                    _hoisted_1$t,
                     vue.toDisplayString(_ctx.errorMessage),
                     1
                     /* TEXT */
@@ -5093,7 +5101,7 @@ function useFormItems() {
   };
 }
 const { name: name$Z, n: n$14, classes: classes$U } = createNamespace("checkbox");
-const _hoisted_1$q = ["tabindex"];
+const _hoisted_1$s = ["tabindex"];
 function __render__$14(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
@@ -5156,7 +5164,7 @@ function __render__$14(_ctx, _cache) {
               hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering,
               focusing: !_ctx.disabled && !_ctx.formDisabled && _ctx.isFocusing
             }, null, 8, ["hovering", "focusing"])
-          ], 46, _hoisted_1$q)), [
+          ], 46, _hoisted_1$s)), [
             [_directive_hover, _ctx.handleHovering, "desktop"],
             [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }]
           ]),
@@ -5777,12 +5785,14 @@ const __sfc__$11 = vue.defineComponent({
     const offset2 = vue.computed(() => props2.offset);
     const divider = vue.computed(() => props2.divider);
     const elevation = vue.computed(() => props2.elevation);
+    const accordion = vue.computed(() => props2.accordion);
     const normalizeValues = vue.computed(() => normalizeToArray(props2.modelValue));
     const { length, collapseItems, bindCollapseItems } = useCollapseItem();
     const collapseProvider = {
       offset: offset2,
       divider,
       elevation,
+      accordion,
       updateItem
     };
     vue.watch(
@@ -5972,6 +5982,7 @@ function useCollapseTransition(options) {
   };
 }
 const { name: name$U, n: n$$, classes: classes$Q } = createNamespace("collapse-item");
+const _hoisted_1$r = ["aria-expanded", "aria-disabled", "role"];
 function __render__$$(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createElementBlock(
@@ -5990,58 +6001,55 @@ function __render__$$(_ctx, _cache) {
         2
         /* CLASS */
       ),
-      vue.createElementVNode(
-        "div",
-        {
-          class: vue.normalizeClass(_ctx.n("header")),
-          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggle && _ctx.toggle(...args))
-        },
-        [
-          _ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: vue.normalizeClass(_ctx.n("header-title"))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                vue.createTextVNode(
-                  vue.toDisplayString(_ctx.title),
-                  1
-                  /* TEXT */
-                )
-              ])
-            ],
-            2
-            /* CLASS */
-          )) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode(
-            "div",
-            {
-              class: vue.normalizeClass(_ctx.n("header-icon"))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-                vue.createVNode(_component_var_icon, {
-                  name: _ctx.icon,
-                  transition: 250,
-                  class: vue.normalizeClass(
-                    _ctx.classes(
-                      _ctx.n("header-icon"),
-                      [_ctx.isShow && _ctx.icon === "chevron-down", _ctx.n("header-open")],
-                      [_ctx.disabled, _ctx.n("header--disable")]
-                    )
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.classes(_ctx.n("header"), [!_ctx.disabled, _ctx.n("header--cursor-pointer")])),
+        "aria-expanded": _ctx.isShow,
+        "aria-disabled": _ctx.disabled,
+        role: _ctx.accordion ? "tab" : "button",
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggle && _ctx.toggle(...args))
+      }, [
+        _ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            key: 0,
+            class: vue.normalizeClass(_ctx.n("header-title"))
+          },
+          [
+            vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createTextVNode(
+                vue.toDisplayString(_ctx.title),
+                1
+                /* TEXT */
+              )
+            ])
+          ],
+          2
+          /* CLASS */
+        )) : vue.createCommentVNode("v-if", true),
+        vue.createElementVNode(
+          "div",
+          {
+            class: vue.normalizeClass(_ctx.n("header-icon"))
+          },
+          [
+            vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+              vue.createVNode(_component_var_icon, {
+                name: _ctx.icon,
+                transition: 250,
+                class: vue.normalizeClass(
+                  _ctx.classes(
+                    _ctx.n("header-icon"),
+                    [_ctx.isShow && _ctx.icon === "chevron-down", _ctx.n("header-open")],
+                    [_ctx.disabled, _ctx.n("header--disable")]
                   )
-                }, null, 8, ["name", "class"])
-              ])
-            ],
-            2
-            /* CLASS */
-          )
-        ],
-        2
-        /* CLASS */
-      ),
+                )
+              }, null, 8, ["name", "class"])
+            ])
+          ],
+          2
+          /* CLASS */
+        )
+      ], 10, _hoisted_1$r),
       vue.withDirectives(vue.createElementVNode(
         "div",
         {
@@ -6086,7 +6094,7 @@ const __sfc__$10 = vue.defineComponent({
     const name2 = vue.computed(() => props2.name);
     const disabled = vue.computed(() => props2.disabled);
     const { index, collapse, bindCollapse } = useCollapse();
-    const { offset: offset2, divider, elevation, updateItem } = collapse;
+    const { offset: offset2, divider, elevation, accordion, updateItem } = collapse;
     const collapseItemProvider = {
       index,
       name: name2,
@@ -6116,6 +6124,7 @@ const __sfc__$10 = vue.defineComponent({
       divider,
       elevation,
       contentEl,
+      accordion,
       n: n$$,
       classes: classes$Q,
       toggle,
@@ -8743,7 +8752,7 @@ const props$R = {
 const SPEED = 100;
 const DELAY = 600;
 const { name: name$R, n: n$Y, classes: classes$P } = createNamespace("counter");
-const _hoisted_1$p = ["inputmode", "readonly", "disabled"];
+const _hoisted_1$q = ["inputmode", "readonly", "disabled"];
 function __render__$Y(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_button = vue.resolveComponent("var-button");
@@ -8803,7 +8812,7 @@ function __render__$Y(_ctx, _cache) {
             disabled: _ctx.disabled || _ctx.formDisabled || _ctx.disableInput,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
             onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
-          }, null, 46, _hoisted_1$p), [
+          }, null, 46, _hoisted_1$q), [
             [vue.vModelText, _ctx.inputValue]
           ]),
           vue.createVNode(_component_var_button, {
@@ -9072,7 +9081,7 @@ var MILLISECONDS_A_DAY = SECONDS_A_DAY * MILLISECONDS_A_SECOND;
 var MILLISECONDS_A_WEEK = SECONDS_A_WEEK * MILLISECONDS_A_SECOND;
 var MS = "millisecond";
 var S = "second";
-var MIN = "minute";
+var MIN$1 = "minute";
 var H = "hour";
 var D = "day";
 var W = "week";
@@ -9122,7 +9131,7 @@ var prettyUnit = function prettyUnit2(u) {
     d: D,
     D: DATE,
     h: H,
-    m: MIN,
+    m: MIN$1,
     s: S,
     ms: MS,
     Q
@@ -9298,7 +9307,7 @@ var Dayjs = /* @__PURE__ */ function() {
         return instanceFactorySet(utcPad + "Hours", 0);
       case H:
         return instanceFactorySet(utcPad + "Minutes", 1);
-      case MIN:
+      case MIN$1:
         return instanceFactorySet(utcPad + "Seconds", 2);
       case S:
         return instanceFactorySet(utcPad + "Milliseconds", 3);
@@ -9313,7 +9322,7 @@ var Dayjs = /* @__PURE__ */ function() {
     var _C$D$C$DATE$C$M$C$Y$C;
     var unit = Utils.p(units);
     var utcPad = "set" + (this.$u ? "UTC" : "");
-    var name2 = (_C$D$C$DATE$C$M$C$Y$C = {}, _C$D$C$DATE$C$M$C$Y$C[D] = utcPad + "Date", _C$D$C$DATE$C$M$C$Y$C[DATE] = utcPad + "Date", _C$D$C$DATE$C$M$C$Y$C[M] = utcPad + "Month", _C$D$C$DATE$C$M$C$Y$C[Y] = utcPad + "FullYear", _C$D$C$DATE$C$M$C$Y$C[H] = utcPad + "Hours", _C$D$C$DATE$C$M$C$Y$C[MIN] = utcPad + "Minutes", _C$D$C$DATE$C$M$C$Y$C[S] = utcPad + "Seconds", _C$D$C$DATE$C$M$C$Y$C[MS] = utcPad + "Milliseconds", _C$D$C$DATE$C$M$C$Y$C)[unit];
+    var name2 = (_C$D$C$DATE$C$M$C$Y$C = {}, _C$D$C$DATE$C$M$C$Y$C[D] = utcPad + "Date", _C$D$C$DATE$C$M$C$Y$C[DATE] = utcPad + "Date", _C$D$C$DATE$C$M$C$Y$C[M] = utcPad + "Month", _C$D$C$DATE$C$M$C$Y$C[Y] = utcPad + "FullYear", _C$D$C$DATE$C$M$C$Y$C[H] = utcPad + "Hours", _C$D$C$DATE$C$M$C$Y$C[MIN$1] = utcPad + "Minutes", _C$D$C$DATE$C$M$C$Y$C[S] = utcPad + "Seconds", _C$D$C$DATE$C$M$C$Y$C[MS] = utcPad + "Milliseconds", _C$D$C$DATE$C$M$C$Y$C)[unit];
     var arg = unit === D ? this.$D + (_int - this.$W) : _int;
     if (unit === M || unit === Y) {
       var date = this.clone().set(DATE, 1);
@@ -9351,7 +9360,7 @@ var Dayjs = /* @__PURE__ */ function() {
     if (unit === W) {
       return instanceFactorySet(7);
     }
-    var step = (_C$MIN$C$H$C$S$unit = {}, _C$MIN$C$H$C$S$unit[MIN] = MILLISECONDS_A_MINUTE, _C$MIN$C$H$C$S$unit[H] = MILLISECONDS_A_HOUR, _C$MIN$C$H$C$S$unit[S] = MILLISECONDS_A_SECOND, _C$MIN$C$H$C$S$unit)[unit] || 1;
+    var step = (_C$MIN$C$H$C$S$unit = {}, _C$MIN$C$H$C$S$unit[MIN$1] = MILLISECONDS_A_MINUTE, _C$MIN$C$H$C$S$unit[H] = MILLISECONDS_A_HOUR, _C$MIN$C$H$C$S$unit[S] = MILLISECONDS_A_SECOND, _C$MIN$C$H$C$S$unit)[unit] || 1;
     var nextTimeStamp = this.$d.getTime() + number * step;
     return Utils.w(nextTimeStamp, this);
   };
@@ -9418,7 +9427,7 @@ var Dayjs = /* @__PURE__ */ function() {
     var zoneDelta = (that.utcOffset() - this.utcOffset()) * MILLISECONDS_A_MINUTE;
     var diff3 = this - that;
     var result = Utils.m(this, that);
-    result = (_C$Y$C$M$C$Q$C$W$C$D$ = {}, _C$Y$C$M$C$Q$C$W$C$D$[Y] = result / 12, _C$Y$C$M$C$Q$C$W$C$D$[M] = result, _C$Y$C$M$C$Q$C$W$C$D$[Q] = result / 3, _C$Y$C$M$C$Q$C$W$C$D$[W] = (diff3 - zoneDelta) / MILLISECONDS_A_WEEK, _C$Y$C$M$C$Q$C$W$C$D$[D] = (diff3 - zoneDelta) / MILLISECONDS_A_DAY, _C$Y$C$M$C$Q$C$W$C$D$[H] = diff3 / MILLISECONDS_A_HOUR, _C$Y$C$M$C$Q$C$W$C$D$[MIN] = diff3 / MILLISECONDS_A_MINUTE, _C$Y$C$M$C$Q$C$W$C$D$[S] = diff3 / MILLISECONDS_A_SECOND, _C$Y$C$M$C$Q$C$W$C$D$)[unit] || diff3;
+    result = (_C$Y$C$M$C$Q$C$W$C$D$ = {}, _C$Y$C$M$C$Q$C$W$C$D$[Y] = result / 12, _C$Y$C$M$C$Q$C$W$C$D$[M] = result, _C$Y$C$M$C$Q$C$W$C$D$[Q] = result / 3, _C$Y$C$M$C$Q$C$W$C$D$[W] = (diff3 - zoneDelta) / MILLISECONDS_A_WEEK, _C$Y$C$M$C$Q$C$W$C$D$[D] = (diff3 - zoneDelta) / MILLISECONDS_A_DAY, _C$Y$C$M$C$Q$C$W$C$D$[H] = diff3 / MILLISECONDS_A_HOUR, _C$Y$C$M$C$Q$C$W$C$D$[MIN$1] = diff3 / MILLISECONDS_A_MINUTE, _C$Y$C$M$C$Q$C$W$C$D$[S] = diff3 / MILLISECONDS_A_SECOND, _C$Y$C$M$C$Q$C$W$C$D$)[unit] || diff3;
     return _float ? result : Utils.a(result);
   };
   _proto.daysInMonth = function daysInMonth() {
@@ -9455,7 +9464,7 @@ var Dayjs = /* @__PURE__ */ function() {
 }();
 var proto = Dayjs.prototype;
 dayjs.prototype = proto;
-[["$ms", MS], ["$s", S], ["$m", MIN], ["$H", H], ["$W", D], ["$M", M], ["$y", Y], ["$D", DATE]].forEach(function(g) {
+[["$ms", MS], ["$s", S], ["$m", MIN$1], ["$H", H], ["$W", D], ["$M", M], ["$y", Y], ["$D", DATE]].forEach(function(g) {
   proto[g[1]] = function(input) {
     return this.$g(input, g[0], g[1]);
   };
@@ -13846,7 +13855,8 @@ function __render__$O(_ctx, _cache) {
                   "div",
                   {
                     style: vue.normalizeStyle({ background: _ctx.color, width: _ctx.sameWidth ? _ctx.toSizeUnit(Math.ceil(_ctx.hostSize.width)) : void 0 }),
-                    class: vue.normalizeClass(_ctx.classes(_ctx.n("content-container"), _ctx.n(`--${_ctx.type}`)))
+                    class: vue.normalizeClass(_ctx.classes(_ctx.n("content-container"), _ctx.n(`--${_ctx.type}`))),
+                    role: "tooltip"
                   },
                   [
                     vue.renderSlot(_ctx.$slots, "content", {}, () => [
@@ -13957,7 +13967,7 @@ var __spreadValues$c = (a, b) => {
   return a;
 };
 const { name: name$K, n: n$N, classes: classes$F } = createNamespace("ellipsis");
-const _hoisted_1$o = { key: 0 };
+const _hoisted_1$p = { key: 0 };
 function __render__$N(_ctx, _cache) {
   const _component_var_tooltip = vue.resolveComponent("var-tooltip");
   return vue.openBlock(), vue.createBlock(
@@ -13970,7 +13980,7 @@ function __render__$N(_ctx, _cache) {
           return [
             ((_a = _ctx.tooltipProps) == null ? void 0 : _a.content) ? (vue.openBlock(), vue.createElementBlock(
               "span",
-              _hoisted_1$o,
+              _hoisted_1$p,
               vue.toDisplayString(_ctx.tooltipProps.content),
               1
               /* TEXT */
@@ -14288,7 +14298,7 @@ const props$I = {
   onClear: defineListenerProp()
 };
 const { name: name$I, n: n$L, classes: classes$D } = createNamespace("field-decorator");
-const _hoisted_1$n = ["for"];
+const _hoisted_1$o = ["for"];
 function __render__$M(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createElementBlock(
@@ -14368,7 +14378,7 @@ function __render__$M(_ctx, _cache) {
               1
               /* TEXT */
             )
-          ], 14, _hoisted_1$n)) : vue.createCommentVNode("v-if", true),
+          ], 14, _hoisted_1$o)) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode(
             "div",
             {
@@ -14912,7 +14922,7 @@ const props$F = {
   onError: defineListenerProp()
 };
 const { name: name$F, n: n$I, classes: classes$B } = createNamespace("image");
-const _hoisted_1$m = ["alt", "title", "referrerpolicy", "lazy-loading", "lazy-error"];
+const _hoisted_1$n = ["alt", "title", "referrerpolicy", "lazy-loading", "lazy-error"];
 const _hoisted_2$d = ["alt", "title", "referrerpolicy", "src"];
 function __render__$J(_ctx, _cache) {
   var _a;
@@ -14941,7 +14951,7 @@ function __render__$J(_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$m)), [
+      }, null, 46, _hoisted_1$n)), [
         [_directive_lazy, (_a = _ctx.src) != null ? _a : ""]
       ]) : vue.createCommentVNode("v-if", true),
       !_ctx.lazy && !_ctx.showErrorSlot ? (vue.openBlock(), vue.createElementBlock("img", {
@@ -15082,7 +15092,7 @@ var __async$7 = (__this, __arguments, generator) => {
 const SWIPE_DELAY = 250;
 const SWIPE_OFFSET = 20;
 const { name: name$E, n: n$H, classes: classes$A } = createNamespace("swipe");
-const _hoisted_1$l = ["onClick"];
+const _hoisted_1$m = ["onClick"];
 function __render__$I(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_button = vue.resolveComponent("var-button");
@@ -15228,7 +15238,7 @@ function __render__$I(_ctx, _cache) {
                   style: vue.normalizeStyle({ background: _ctx.indicatorColor }),
                   key: l,
                   onClick: ($event) => _ctx.to(idx)
-                }, null, 14, _hoisted_1$l);
+                }, null, 14, _hoisted_1$m);
               }),
               128
               /* KEYED_FRAGMENT */
@@ -15280,6 +15290,7 @@ const __sfc__$J = vue.defineComponent({
     let timer = -1;
     const swipeProvider = {
       size,
+      currentIndex: index,
       vertical
     };
     bindSwipeItems(swipeProvider);
@@ -15569,30 +15580,27 @@ function useSwipe() {
   };
 }
 const { name: name$D, n: n$G } = createNamespace("swipe-item");
+const _hoisted_1$l = ["aria-hidden"];
 function __render__$H(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock(
-    "div",
-    {
-      class: vue.normalizeClass(_ctx.n()),
-      style: vue.normalizeStyle({
-        width: !_ctx.vertical ? `${_ctx.size}px` : void 0,
-        height: _ctx.vertical ? `${_ctx.size}px` : void 0,
-        transform: `translate${_ctx.vertical ? "Y" : "X"}(${_ctx.translate}px)`
-      })
-    },
-    [
-      vue.renderSlot(_ctx.$slots, "default")
-    ],
-    6
-    /* CLASS, STYLE */
-  );
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(_ctx.n()),
+    style: vue.normalizeStyle({
+      width: !_ctx.vertical ? `${_ctx.size}px` : void 0,
+      height: _ctx.vertical ? `${_ctx.size}px` : void 0,
+      transform: `translate${_ctx.vertical ? "Y" : "X"}(${_ctx.translate}px)`
+    }),
+    tabindex: "-1",
+    "aria-hidden": _ctx.currentIndex === _ctx.index ? "false" : "true"
+  }, [
+    vue.renderSlot(_ctx.$slots, "default")
+  ], 14, _hoisted_1$l);
 }
 const __sfc__$I = vue.defineComponent({
   name: name$D,
   setup() {
     const translate = vue.ref(0);
     const { swipe, bindSwipe, index } = useSwipe();
-    const { size, vertical } = swipe;
+    const { size, currentIndex, vertical } = swipe;
     const swipeItemProvider = {
       index,
       setTranslate
@@ -15604,6 +15612,8 @@ const __sfc__$I = vue.defineComponent({
     return {
       n: n$G,
       size,
+      index,
+      currentIndex,
       vertical,
       translate
     };
@@ -16624,7 +16634,7 @@ const __sfc__$E = vue.defineComponent({
   },
   props: props$A,
   setup(props2) {
-    const id = useId();
+    const id = useClientId();
     const el = vue.ref(null);
     const isFocusing = vue.ref(false);
     const isComposing = vue.ref(false);
@@ -19302,211 +19312,212 @@ const props$n = {
     default: "primary"
   }
 };
-const ONE_HUNDRED = 100;
+const MAX = 100;
+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 = ["viewBox"];
-const _hoisted_2$9 = { key: 0 };
-const _hoisted_3$8 = ["id"];
-const _hoisted_4$2 = ["offset", "stop-color"];
-const _hoisted_5$1 = ["d", "stroke-width", "stroke-dasharray"];
-const _hoisted_6$1 = ["d", "stroke-width", "stroke-dasharray", "stroke-dashoffset"];
+const _hoisted_1$d = ["aria-valuenow"];
+const _hoisted_2$9 = ["viewBox"];
+const _hoisted_3$8 = { key: 0 };
+const _hoisted_4$3 = ["id"];
+const _hoisted_5$1 = ["offset", "stop-color"];
+const _hoisted_6$1 = ["d", "stroke-width", "stroke-dasharray"];
+const _hoisted_7 = ["d", "stroke-width", "stroke-dasharray", "stroke-dashoffset"];
 function __render__$t(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock(
-    "div",
-    {
-      class: vue.normalizeClass(_ctx.n())
-    },
-    [
-      _ctx.mode === "linear" ? (vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          key: 0,
-          class: vue.normalizeClass(_ctx.n("linear"))
-        },
-        [
-          vue.createElementVNode(
-            "div",
-            {
-              class: vue.normalizeClass(_ctx.classes(_ctx.n("linear-block"), [_ctx.track, _ctx.n("linear-background")])),
-              style: vue.normalizeStyle({ height: _ctx.toSizeUnit(_ctx.lineWidth), background: _ctx.trackColor })
-            },
-            [
-              _ctx.indeterminate ? (vue.openBlock(), vue.createElementBlock(
-                "div",
-                {
-                  key: 0,
-                  class: vue.normalizeClass(_ctx.classes([_ctx.indeterminate, _ctx.n("linear-indeterminate")]))
-                },
-                [
-                  vue.createElementVNode(
-                    "div",
-                    {
-                      class: vue.normalizeClass(_ctx.classes(_ctx.n(`linear--${_ctx.type}`))),
-                      style: vue.normalizeStyle({ background: _ctx.progressColor })
-                    },
-                    null,
-                    6
-                    /* CLASS, STYLE */
-                  ),
-                  vue.createElementVNode(
-                    "div",
-                    {
-                      class: vue.normalizeClass(_ctx.classes(_ctx.n(`linear--${_ctx.type}`))),
-                      style: vue.normalizeStyle({ background: _ctx.progressColor })
-                    },
-                    null,
-                    6
-                    /* CLASS, STYLE */
-                  )
-                ],
-                2
-                /* CLASS */
-              )) : (vue.openBlock(), vue.createElementBlock(
-                "div",
-                {
-                  key: 1,
-                  class: vue.normalizeClass(_ctx.classes(_ctx.n("linear-certain"), _ctx.n(`linear--${_ctx.type}`))),
-                  style: vue.normalizeStyle({ background: _ctx.progressColor, width: _ctx.linearProps.width })
-                },
-                null,
-                6
-                /* CLASS, STYLE */
-              ))
-            ],
-            6
-            /* CLASS, STYLE */
-          ),
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: vue.normalizeClass(_ctx.classes(_ctx.n("linear-label"), [_ctx.labelClass, _ctx.labelClass]))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                vue.createTextVNode(
-                  vue.toDisplayString(_ctx.linearProps.roundValue),
-                  1
-                  /* TEXT */
-                )
-              ])
-            ],
-            2
-            /* CLASS */
-          )) : vue.createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      )) : vue.createCommentVNode("v-if", true),
-      _ctx.mode === "circle" ? (vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          key: 1,
-          class: vue.normalizeClass(_ctx.classes(_ctx.n("circle"), [_ctx.indeterminate, _ctx.n("circle-indeterminate")])),
-          style: vue.normalizeStyle({ width: _ctx.toSizeUnit(_ctx.size), height: _ctx.toSizeUnit(_ctx.size) })
-        },
-        [
-          (vue.openBlock(), vue.createElementBlock("svg", {
-            class: vue.normalizeClass(_ctx.n("circle-svg")),
-            viewBox: _ctx.circleProps.viewBox
-          }, [
-            _ctx.isPlainObject(_ctx.color) ? (vue.openBlock(), vue.createElementBlock("defs", _hoisted_2$9, [
-              vue.createElementVNode("linearGradient", {
-                id: _ctx.id,
-                x1: "100%",
-                y1: "0%",
-                x2: "0%",
-                y2: "0%"
-              }, [
-                (vue.openBlock(true), vue.createElementBlock(
-                  vue.Fragment,
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(_ctx.n()),
+    role: "progressbar",
+    "aria-valuemin": "0",
+    "aria-valuemax": "100",
+    "aria-valuenow": _ctx.indeterminate ? void 0 : _ctx.mode === "linear" ? _ctx.linearProps.value : _ctx.circleProps.value
+  }, [
+    _ctx.mode === "linear" ? (vue.openBlock(), vue.createElementBlock(
+      "div",
+      {
+        key: 0,
+        class: vue.normalizeClass(_ctx.n("linear"))
+      },
+      [
+        vue.createElementVNode(
+          "div",
+          {
+            class: vue.normalizeClass(_ctx.classes(_ctx.n("linear-block"), [_ctx.track, _ctx.n("linear-background")])),
+            style: vue.normalizeStyle({ height: _ctx.toSizeUnit(_ctx.lineWidth), background: _ctx.trackColor })
+          },
+          [
+            _ctx.indeterminate ? (vue.openBlock(), vue.createElementBlock(
+              "div",
+              {
+                key: 0,
+                class: vue.normalizeClass(_ctx.n("linear-indeterminate"))
+              },
+              [
+                vue.createElementVNode(
+                  "div",
+                  {
+                    class: vue.normalizeClass(_ctx.classes(_ctx.n(`linear--${_ctx.type}`))),
+                    style: vue.normalizeStyle({ background: _ctx.progressColor })
+                  },
                   null,
-                  vue.renderList(_ctx.linearGradientProgress, (progress, idx) => {
-                    return vue.openBlock(), vue.createElementBlock("stop", {
-                      key: idx,
-                      offset: progress,
-                      "stop-color": _ctx.color[progress]
-                    }, null, 8, _hoisted_4$2);
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ], 8, _hoisted_3$8)
-            ])) : vue.createCommentVNode("v-if", true),
-            _ctx.track ? (vue.openBlock(), vue.createElementBlock("path", {
-              key: 1,
-              class: vue.normalizeClass(_ctx.n("circle-background")),
-              d: _ctx.circleProps.path,
-              fill: "transparent",
-              "stroke-width": _ctx.circleProps.strokeWidth,
-              "stroke-dasharray": _ctx.CIRCUMFERENCE,
-              style: vue.normalizeStyle({
-                stroke: _ctx.trackColor
-              })
-            }, null, 14, _hoisted_5$1)) : vue.createCommentVNode("v-if", true),
-            vue.createElementVNode("path", {
-              class: vue.normalizeClass(_ctx.classes(_ctx.n("circle-certain"), _ctx.n(`circle--${_ctx.type}`), [_ctx.indeterminate, _ctx.n("circle-overlay")])),
-              d: _ctx.circleProps.path,
-              fill: "transparent",
-              "stroke-width": _ctx.circleProps.strokeWidth,
-              "stroke-dasharray": _ctx.CIRCUMFERENCE,
-              "stroke-dashoffset": _ctx.circleProps.strokeOffset,
-              style: vue.normalizeStyle({
-                stroke: _ctx.progressColor,
-                transform: `rotateZ(${_ctx.rotate}deg)`,
-                transformOrigin: "50% 50%"
-              })
-            }, null, 14, _hoisted_6$1)
-          ], 10, _hoisted_1$d)),
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: vue.normalizeClass(_ctx.classes(_ctx.n("circle-label"), [_ctx.labelClass, _ctx.labelClass]))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                vue.createTextVNode(
-                  vue.toDisplayString(_ctx.circleProps.roundValue),
-                  1
-                  /* TEXT */
+                  6
+                  /* CLASS, STYLE */
+                ),
+                vue.createElementVNode(
+                  "div",
+                  {
+                    class: vue.normalizeClass(_ctx.classes(_ctx.n(`linear--${_ctx.type}`))),
+                    style: vue.normalizeStyle({ background: _ctx.progressColor })
+                  },
+                  null,
+                  6
+                  /* CLASS, STYLE */
                 )
-              ])
-            ],
-            2
-            /* CLASS */
-          )) : vue.createCommentVNode("v-if", true)
-        ],
-        6
-        /* CLASS, STYLE */
-      )) : vue.createCommentVNode("v-if", true)
-    ],
-    2
-    /* CLASS */
-  );
+              ],
+              2
+              /* CLASS */
+            )) : (vue.openBlock(), vue.createElementBlock(
+              "div",
+              {
+                key: 1,
+                class: vue.normalizeClass(_ctx.classes(_ctx.n("linear-certain"), _ctx.n(`linear--${_ctx.type}`))),
+                style: vue.normalizeStyle({ background: _ctx.progressColor, width: _ctx.linearProps.width })
+              },
+              null,
+              6
+              /* CLASS, STYLE */
+            ))
+          ],
+          6
+          /* CLASS, STYLE */
+        ),
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            key: 0,
+            class: vue.normalizeClass(_ctx.classes(_ctx.n("linear-label"), [_ctx.labelClass, _ctx.labelClass]))
+          },
+          [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(
+                vue.toDisplayString(_ctx.linearProps.roundValue),
+                1
+                /* TEXT */
+              )
+            ])
+          ],
+          2
+          /* CLASS */
+        )) : vue.createCommentVNode("v-if", true)
+      ],
+      2
+      /* CLASS */
+    )) : vue.createCommentVNode("v-if", true),
+    _ctx.mode === "circle" ? (vue.openBlock(), vue.createElementBlock(
+      "div",
+      {
+        key: 1,
+        class: vue.normalizeClass(_ctx.classes(_ctx.n("circle"), [_ctx.indeterminate, _ctx.n("circle-indeterminate")])),
+        style: vue.normalizeStyle({ width: _ctx.toSizeUnit(_ctx.size), height: _ctx.toSizeUnit(_ctx.size) })
+      },
+      [
+        (vue.openBlock(), vue.createElementBlock("svg", {
+          class: vue.normalizeClass(_ctx.n("circle-svg")),
+          viewBox: _ctx.circleProps.viewBox
+        }, [
+          _ctx.isPlainObject(_ctx.color) ? (vue.openBlock(), vue.createElementBlock("defs", _hoisted_3$8, [
+            vue.createElementVNode("linearGradient", {
+              id: _ctx.id,
+              x1: "100%",
+              y1: "0%",
+              x2: "0%",
+              y2: "0%"
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(_ctx.linearGradientProgress, (progress, idx) => {
+                  return vue.openBlock(), vue.createElementBlock("stop", {
+                    key: idx,
+                    offset: progress,
+                    "stop-color": _ctx.color[progress]
+                  }, null, 8, _hoisted_5$1);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ], 8, _hoisted_4$3)
+          ])) : vue.createCommentVNode("v-if", true),
+          _ctx.track ? (vue.openBlock(), vue.createElementBlock("path", {
+            key: 1,
+            class: vue.normalizeClass(_ctx.n("circle-background")),
+            d: _ctx.circleProps.path,
+            fill: "transparent",
+            "stroke-width": _ctx.circleProps.strokeWidth,
+            "stroke-dasharray": _ctx.CIRCUMFERENCE,
+            style: vue.normalizeStyle({
+              stroke: _ctx.trackColor
+            })
+          }, null, 14, _hoisted_6$1)) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("path", {
+            class: vue.normalizeClass(_ctx.classes(_ctx.n("circle-certain"), _ctx.n(`circle--${_ctx.type}`), [_ctx.indeterminate, _ctx.n("circle-overlay")])),
+            d: _ctx.circleProps.path,
+            fill: "transparent",
+            "stroke-width": _ctx.circleProps.strokeWidth,
+            "stroke-dasharray": _ctx.CIRCUMFERENCE,
+            "stroke-dashoffset": _ctx.circleProps.strokeOffset,
+            style: vue.normalizeStyle({
+              stroke: _ctx.progressColor,
+              transform: `rotateZ(${_ctx.rotate}deg)`,
+              transformOrigin: "50% 50%"
+            })
+          }, null, 14, _hoisted_7)
+        ], 10, _hoisted_2$9)),
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            key: 0,
+            class: vue.normalizeClass(_ctx.classes(_ctx.n("circle-label"), _ctx.labelClass))
+          },
+          [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(
+                vue.toDisplayString(_ctx.circleProps.roundValue),
+                1
+                /* TEXT */
+              )
+            ])
+          ],
+          2
+          /* CLASS */
+        )) : vue.createCommentVNode("v-if", true)
+      ],
+      6
+      /* CLASS, STYLE */
+    )) : vue.createCommentVNode("v-if", true)
+  ], 10, _hoisted_1$d);
 }
 const __sfc__$u = vue.defineComponent({
   name: name$n,
   props: props$n,
   setup(props2) {
-    const id = useId();
+    const id = useClientId();
     const linearProps = vue.computed(() => {
       const value = toNumber(props2.value);
-      const width = value > ONE_HUNDRED ? ONE_HUNDRED : value;
-      const roundValue = value > ONE_HUNDRED ? ONE_HUNDRED : Math.round(value);
+      const width = clamp$1(value, MIN, MAX);
+      const roundValue = clamp$1(Math.round(value), MIN, MAX);
       return {
         width: `${width}%`,
-        roundValue: `${roundValue}%`
+        roundValue: `${roundValue}%`,
+        value: width
       };
     });
     const circleProps = vue.computed(() => {
       const { size, lineWidth, value } = props2;
       const diameter = RADIUS / (1 - toPxNum(lineWidth) / toPxNum(size)) * 2;
       const viewBox = `0 0 ${diameter} ${diameter}`;
-      const roundValue = toNumber(value) > ONE_HUNDRED ? ONE_HUNDRED : Math.round(toNumber(value));
-      const strokeOffset = `${(ONE_HUNDRED - roundValue) / ONE_HUNDRED * CIRCUMFERENCE}`;
+      const roundValue = clamp$1(Math.round(toNumber(value)), MIN, MAX);
+      const strokeOffset = `${(MAX - roundValue) / MAX * CIRCUMFERENCE}`;
       const strokeWidth = toPxNum(lineWidth) / toPxNum(size) * diameter;
       const beginPositionX = 0;
       const beginPositionY = -RADIUS;
@@ -19519,7 +19530,8 @@ const __sfc__$u = vue.defineComponent({
         viewBox,
         strokeOffset,
         roundValue: `${roundValue}%`,
-        path
+        path,
+        value: clamp$1(toNumber(value), MIN, MAX)
       };
     });
     const progressColor = vue.computed(() => {
@@ -21633,7 +21645,7 @@ const props$e = {
   "onUpdate:modelValue": defineListenerProp()
 };
 const { name: name$e, n: n$g, classes: classes$c } = createNamespace("slider");
-const _hoisted_1$4 = ["tabindex", "onTouchstart", "onFocusin", "onFocusout"];
+const _hoisted_1$4 = ["tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-valuetext", "onTouchstart", "onFocusin", "onFocusout"];
 function __render__$e(_ctx, _cache) {
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
   const _component_var_form_details = vue.resolveComponent("var-form-details");
@@ -21649,7 +21661,7 @@ function __render__$e(_ctx, _cache) {
         {
           class: vue.normalizeClass(_ctx.classes(_ctx.n(`${_ctx.direction}-block`), [_ctx.isDisabled, _ctx.n("--disabled")], [_ctx.errorMessage, _ctx.n(`${_ctx.direction}--error`)])),
           ref: "sliderEl",
-          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
         },
         [
           vue.createElementVNode(
@@ -21695,6 +21707,12 @@ function __render__$e(_ctx, _cache) {
                 key: item.enumValue,
                 style: vue.normalizeStyle(_ctx.thumbStyle(item)),
                 tabindex: _ctx.isDisabled ? void 0 : "0",
+                role: "slider",
+                "aria-valuemin": _ctx.min,
+                "aria-valuemax": _ctx.max,
+                "aria-valuenow": item.value,
+                "aria-disabled": _ctx.isDisabled,
+                "aria-valuetext": `${item.text}`,
                 onTouchstart: vue.withModifiers(($event) => _ctx.start($event, item.enumValue), ["stop"]),
                 onFocusin: ($event) => _ctx.handleFocus(item),
                 onFocusout: ($event) => _ctx.handleBlur(item)
@@ -21951,13 +21969,7 @@ const __sfc__$f = vue.defineComponent({
       if (!isNumber(value)) {
         return 0;
       }
-      let num = value;
-      if (num < Number(props2.min)) {
-        num = Number(props2.min);
-      }
-      if (num > Number(props2.max)) {
-        num = Number(props2.max);
-      }
+      const num = clamp$1(value, toNumber(props2.min), toNumber(props2.max));
       const isInteger = parseInt(`${num}`, 10) === num;
       return isInteger ? num : toNumber(num.toPrecision(5));
     }
@@ -22056,11 +22068,13 @@ const __sfc__$f = vue.defineComponent({
       call(onEnd, range ? rangeValue : curValue);
       isScroll.value = false;
     }
-    function click(event) {
-      if (isDisabled.value || isReadonly.value)
+    function handleClick(event) {
+      if (isDisabled.value || isReadonly.value) {
         return;
-      if (event.target.closest(`.${n$g("thumb")}`))
+      }
+      if (event.target.closest(`.${n$g("thumb")}`)) {
         return;
+      }
       const offset2 = getOffset(event);
       const type = getType(offset2);
       activeThumb = type;
@@ -22068,13 +22082,8 @@ const __sfc__$f = vue.defineComponent({
       end2();
     }
     function stepValidator() {
-      const stepNumber = toNumber(props2.step);
-      if (isNaN(stepNumber)) {
-        warn("Slider", 'type of prop "step" should be Number');
-        return false;
-      }
-      if (stepNumber < 0) {
-        warn("Slider", '"step" should be > 0');
+      if (toNumber(props2.step) <= 0) {
+        warn("[Varlet] Slider", '"step" should be > 0');
         return false;
       }
       return true;
@@ -22121,7 +22130,7 @@ const __sfc__$f = vue.defineComponent({
       resetValidation();
     }
     function moveFocusingThumb(offset2, value) {
-      const stepValue = Number(props2.step);
+      const stepValue = toNumber(props2.step);
       if (isArray(value)) {
         const updatedFirstValue = value[0] + (focusingFirst.value ? offset2 * stepValue : 0);
         const updatedSecondValue = value[1] + (focusingSecond.value ? offset2 * stepValue : 0);
@@ -22161,7 +22170,6 @@ const __sfc__$f = vue.defineComponent({
       item.handleFocusing(false);
     }
     return {
-      Thumbs,
       sliderEl,
       getFillStyle,
       isDisabled,
@@ -22181,7 +22189,7 @@ const __sfc__$f = vue.defineComponent({
       start: start2,
       move,
       end: end2,
-      click
+      handleClick
     };
   }
 });
@@ -23063,8 +23071,9 @@ const props$8 = {
 };
 const { name: name$8, n: n$9, classes: classes$8 } = createNamespace("switch");
 const _withScopeId = (n2) => (vue.pushScopeId(""), n2 = n2(), vue.popScopeId(), n2);
-const _hoisted_1$2 = ["tabindex"];
-const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_1$2 = ["aria-checked"];
+const _hoisted_2$2 = ["tabindex"];
+const _hoisted_3$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
   "svg",
   { viewBox: "25 25 50 50" },
   [
@@ -23078,97 +23087,93 @@ const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.crea
   -1
   /* HOISTED */
 ));
-const _hoisted_3$2 = [
-  _hoisted_2$2
+const _hoisted_4$2 = [
+  _hoisted_3$2
 ];
 function __render__$9(_ctx, _cache) {
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
   const _component_var_form_details = vue.resolveComponent("var-form-details");
   const _directive_ripple = vue.resolveDirective("ripple");
   const _directive_hover = vue.resolveDirective("hover");
-  return vue.withDirectives((vue.openBlock(), vue.createElementBlock(
-    "div",
-    {
-      class: vue.normalizeClass(_ctx.classes(_ctx.n(), [_ctx.variant, _ctx.n("--variant")]))
-    },
-    [
-      vue.createElementVNode(
-        "div",
-        {
-          ref: "switchRef",
-          class: vue.normalizeClass(_ctx.classes(_ctx.n("block"), [_ctx.disabled || _ctx.formDisabled, _ctx.n("--disabled")], [_ctx.isActive, _ctx.n("block--active")])),
-          style: vue.normalizeStyle(_ctx.styleComputed.switch),
-          onClick: _cache[2] || (_cache[2] = (...args) => _ctx.switchActive && _ctx.switchActive(...args))
-        },
-        [
+  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(_ctx.classes(_ctx.n(), [_ctx.variant, _ctx.n("--variant")])),
+    role: "switch",
+    "aria-checked": _ctx.modelValue
+  }, [
+    vue.createElementVNode(
+      "div",
+      {
+        ref: "switchRef",
+        class: vue.normalizeClass(_ctx.classes(_ctx.n("block"), [_ctx.disabled || _ctx.formDisabled, _ctx.n("--disabled")], [_ctx.isActive, _ctx.n("block--active")])),
+        style: vue.normalizeStyle(_ctx.styleComputed.switch),
+        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.switchActive && _ctx.switchActive(...args))
+      },
+      [
+        vue.createElementVNode(
+          "div",
+          {
+            style: vue.normalizeStyle(_ctx.styleComputed.track),
+            class: vue.normalizeClass(_ctx.classes(_ctx.n("track"), [_ctx.isActive, _ctx.n("track--active")], [_ctx.errorMessage && !_ctx.variant, _ctx.n("track--error")]))
+          },
+          null,
+          6
+          /* CLASS, STYLE */
+        ),
+        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(_ctx.classes(_ctx.n("ripple"), [_ctx.isActive, _ctx.n("ripple--active")])),
+          style: vue.normalizeStyle(_ctx.styleComputed.ripple),
+          tabindex: _ctx.disabled || _ctx.formDisabled ? void 0 : "0",
+          onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
+          onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
+        }, [
           vue.createElementVNode(
             "div",
             {
-              style: vue.normalizeStyle(_ctx.styleComputed.track),
-              class: vue.normalizeClass(_ctx.classes(_ctx.n("track"), [_ctx.isActive, _ctx.n("track--active")], [_ctx.errorMessage && !_ctx.variant, _ctx.n("track--error")]))
+              style: vue.normalizeStyle(_ctx.styleComputed.handle),
+              class: vue.normalizeClass(
+                _ctx.classes(
+                  _ctx.n("handle"),
+                  _ctx.n("$-elevation--2"),
+                  [_ctx.isActive, _ctx.n("handle--active")],
+                  [_ctx.errorMessage && !_ctx.variant, _ctx.n("handle--error")],
+                  [_ctx.hovering, _ctx.n("handle--hover")]
+                )
+              )
             },
-            null,
+            [
+              _ctx.loading ? (vue.openBlock(), vue.createElementBlock(
+                "span",
+                {
+                  key: 0,
+                  class: vue.normalizeClass(_ctx.n("loading")),
+                  style: vue.normalizeStyle({
+                    width: _ctx.radius,
+                    height: _ctx.radius
+                  })
+                },
+                [..._hoisted_4$2],
+                6
+                /* CLASS, STYLE */
+              )) : vue.createCommentVNode("v-if", true)
+            ],
             6
             /* CLASS, STYLE */
           ),
-          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-            class: vue.normalizeClass(_ctx.classes(_ctx.n("ripple"), [_ctx.isActive, _ctx.n("ripple--active")])),
-            style: vue.normalizeStyle(_ctx.styleComputed.ripple),
-            tabindex: _ctx.disabled || _ctx.formDisabled ? void 0 : "0",
-            onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
-            onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
-          }, [
-            vue.createElementVNode(
-              "div",
-              {
-                style: vue.normalizeStyle(_ctx.styleComputed.handle),
-                class: vue.normalizeClass(
-                  _ctx.classes(
-                    _ctx.n("handle"),
-                    _ctx.n("$-elevation--2"),
-                    [_ctx.isActive, _ctx.n("handle--active")],
-                    [_ctx.errorMessage && !_ctx.variant, _ctx.n("handle--error")],
-                    [_ctx.hovering, _ctx.n("handle--hover")]
-                  )
-                )
-              },
-              [
-                _ctx.loading ? (vue.openBlock(), vue.createElementBlock(
-                  "span",
-                  {
-                    key: 0,
-                    class: vue.normalizeClass(_ctx.n("loading")),
-                    style: vue.normalizeStyle({
-                      width: _ctx.radius,
-                      height: _ctx.radius
-                    })
-                  },
-                  [..._hoisted_3$2],
-                  6
-                  /* CLASS, STYLE */
-                )) : vue.createCommentVNode("v-if", true)
-              ],
-              6
-              /* CLASS, STYLE */
-            ),
-            vue.createVNode(_component_var_hover_overlay, {
-              hovering: _ctx.hovering && !_ctx.disabled && !_ctx.formDisabled,
-              focusing: _ctx.isFocusing && !_ctx.disabled && !_ctx.formDisabled
-            }, null, 8, ["hovering", "focusing"])
-          ], 46, _hoisted_1$2)), [
-            [_directive_ripple, {
-              disabled: !_ctx.ripple || _ctx.disabled || _ctx.loading || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly
-            }]
-          ])
-        ],
-        6
-        /* CLASS, STYLE */
-      ),
-      vue.createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
-    ],
-    2
-    /* CLASS */
-  )), [
+          vue.createVNode(_component_var_hover_overlay, {
+            hovering: _ctx.hovering && !_ctx.disabled && !_ctx.formDisabled,
+            focusing: _ctx.isFocusing && !_ctx.disabled && !_ctx.formDisabled
+          }, null, 8, ["hovering", "focusing"])
+        ], 46, _hoisted_2$2)), [
+          [_directive_ripple, {
+            disabled: !_ctx.ripple || _ctx.disabled || _ctx.loading || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly
+          }]
+        ])
+      ],
+      6
+      /* CLASS, STYLE */
+    ),
+    vue.createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
+  ], 10, _hoisted_1$2)), [
     [_directive_hover, _ctx.hover, "desktop"]
   ]);
 }
@@ -28488,7 +28493,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.2.4";
+const version = "3.2.6-alpha.1713858357643";
 function install(app) {
   stdin_default$5E.install && app.use(stdin_default$5E);
   stdin_default$5C.install && app.use(stdin_default$5C);