@varlet/ui 3.3.5 → 3.3.6-alpha.1720620017198

package/es/varlet.esm.js

@@ -437,14 +437,17 @@ function Ed(e) {
 }
 function Yn() {
   const e = k(""), n = (r, a, i) => qs(this, null, function* () {
-    return !He(r) || !r.length ? !0 : !(yield Promise.all(r.map((s) => s(a, i)))).some((s) => s !== !0 ? (e.value = String(s), !0) : !1);
-  });
+    if (!He(r) || !r.length)
+      return !0;
+    const l = yield Promise.all(r.map((s) => s(a, i)));
+    return o(), !l.some((s) => s !== !0 ? (e.value = String(s), !0) : !1);
+  }), o = () => {
+    e.value = "";
+  };
   return {
     errorMessage: e,
     validate: n,
-    resetValidation: () => {
-      e.value = "";
-    },
+    resetValidation: o,
     validateWithTrigger: (r, a, i, l, s) => qs(this, null, function* () {
       r.includes(a) && (yield n(i, l, s)) && (e.value = "");
     })
@@ -12344,7 +12347,7 @@ function nS(e, n) {
               maxlength: e.maxlength,
               rows: e.rows,
               enterkeyhint: e.enterkeyhint,
-              inputmode: e.type === "number" ? "numeric" : void 0,
+              inputmode: e.type === "number" ? "decimal" : void 0,
               style: K({
                 color: e.errorMessage ? void 0 : e.textColor,
                 caretColor: e.errorMessage ? void 0 : e.focusColor,
@@ -12377,7 +12380,7 @@ function nS(e, n) {
               placeholder: e.hint ? void 0 : e.placeholder,
               maxlength: e.maxlength,
               enterkeyhint: e.enterkeyhint,
-              inputmode: e.type === "number" ? "numeric" : void 0,
+              inputmode: e.type === "number" ? "decimal" : void 0,
               style: K({
                 color: e.errorMessage ? void 0 : e.textColor,
                 caretColor: e.errorMessage ? void 0 : e.focusColor,
@@ -15497,8 +15500,8 @@ const sm = {
   rules: Array,
   onChange: R(),
   "onUpdate:modelValue": R()
-}, { name: e4, n: wt } = ee("rate"), n4 = ["onClick"];
-function o4(e, n) {
+}, { name: e2, n: wt } = ee("rate"), n2 = ["onClick"];
+function o2(e, n) {
   const o = ne("var-icon"), t = ne("var-hover-overlay"), r = ne("var-form-details"), a = je("ripple"), i = je("hover");
   return h(), P(
     "div",
@@ -15532,7 +15535,7 @@ function o4(e, n) {
               G(t, {
                 hovering: e.hovering && l === e.currentHoveringValue && !e.disabled && !e.formDisabled
               }, null, 8, ["hovering"])
-            ], 14, n4)), [
+            ], 14, n2)), [
               [a, { disabled: e.formReadonly || e.readonly || e.formDisabled || e.disabled || !e.ripple }],
               [i, e.createHoverHandler(l), "desktop"]
             ])),
@@ -15550,7 +15553,7 @@ function o4(e, n) {
   );
 }
 const um = x({
-  name: e4,
+  name: e2,
   components: {
     VarIcon: Je,
     VarFormDetails: En,
@@ -15646,68 +15649,68 @@ const um = x({
     };
   }
 });
-um.render = o4;
+um.render = o2;
 var ti = um;
 te(ti);
 ue(ti, sm);
 const cT = ti;
 var Vl = ti;
-const t4 = (e) => (Wo(""), e = e(), Ko(), e), r4 = {
+const t2 = (e) => (Wo(""), e = e(), Ko(), e), r2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "2 3.6 20 20"
-}, a4 = /* @__PURE__ */ t4(() => /* @__PURE__ */ I(
+}, a2 = /* @__PURE__ */ t2(() => /* @__PURE__ */ I(
   "path",
   { d: "M11,9H13V7H11M11,20H13V11H11V20Z" },
   null,
   -1
   /* HOISTED */
-)), i4 = [
-  a4
+)), i2 = [
+  a2
 ];
-function l4(e, n) {
-  return h(), P("svg", r4, [...i4]);
+function l2(e, n) {
+  return h(), P("svg", r2, [...i2]);
 }
 const cm = x({});
-cm.render = l4;
-var s4 = cm;
-const u4 = (e) => (Wo(""), e = e(), Ko(), e), c4 = {
+cm.render = l2;
+var s2 = cm;
+const u2 = (e) => (Wo(""), e = e(), Ko(), e), c2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "2 2 20 20"
-}, d4 = /* @__PURE__ */ u4(() => /* @__PURE__ */ I(
+}, d2 = /* @__PURE__ */ u2(() => /* @__PURE__ */ I(
   "path",
   { d: "M19,3V5H19V19M17,8.4L13.4,12L17,15.6L15.6,17L12,13.4L8.4,17L7,15.6L10.6,12L7,8.4L8.4,7L12,10.6L15.6,7L17,8.4Z" },
   null,
   -1
   /* HOISTED */
-)), f4 = [
-  d4
+)), f2 = [
+  d2
 ];
-function p4(e, n) {
-  return h(), P("svg", c4, [...f4]);
+function p2(e, n) {
+  return h(), P("svg", c2, [...f2]);
 }
 const dm = x({});
-dm.render = p4;
-var v4 = dm;
-const m4 = (e) => (Wo(""), e = e(), Ko(), e), h4 = {
+dm.render = p2;
+var v2 = dm;
+const m2 = (e) => (Wo(""), e = e(), Ko(), e), h2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "-6 -4 35 35"
-}, g4 = /* @__PURE__ */ m4(() => /* @__PURE__ */ I(
+}, g2 = /* @__PURE__ */ m2(() => /* @__PURE__ */ I(
   "path",
   { d: "M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M17,11A5,5 0 0,0 12,6A5,5 0 0,0 7,11V18H17V11M19.75,3.19L18.33,4.61M1,11" },
   null,
   -1
   /* HOISTED */
-)), b4 = [
-  g4
+)), b2 = [
+  g2
 ];
-function y4(e, n) {
-  return h(), P("svg", h4, [...b4]);
+function y2(e, n) {
+  return h(), P("svg", h2, [...b2]);
 }
 const fm = x({});
-fm.render = y4;
-var k4 = fm;
-const { n: $4, classes: w4 } = ee("result");
-function C4(e, n) {
+fm.render = y2;
+var k2 = fm;
+const { n: $2, classes: w2 } = ee("result");
+function C2(e, n) {
   return h(), P(
     Ae,
     null,
@@ -15795,32 +15798,32 @@ const pm = x({
   },
   setup() {
     return {
-      n: $4,
-      classes: w4
+      n: $2,
+      classes: w2
     };
   }
 });
-pm.render = C4;
-var S4 = pm;
-const P4 = (e) => (Wo(""), e = e(), Ko(), e), z4 = {
+pm.render = C2;
+var S2 = pm;
+const P2 = (e) => (Wo(""), e = e(), Ko(), e), z2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "-3 -3 30 30"
-}, O4 = /* @__PURE__ */ P4(() => /* @__PURE__ */ I(
+}, O2 = /* @__PURE__ */ P2(() => /* @__PURE__ */ I(
   "path",
   { d: "M10,19H13V22H10V19M12,2C17.35,2.22 19.68,7.62 16.5,11.67C15.67,12.67 14.33,13.33 13.67,14.17C13,15 13,16 13,17H10C10,15.33 10,13.92 10.67,12.92C11.33,11.92 12.67,11.33 13.5,10.67C15.92,8.43 15.32,5.26 12,5A3,3 0 0,0 9,8H6A6,6 0 0,1 12,2Z" },
   null,
   -1
   /* HOISTED */
-)), T4 = [
-  O4
+)), T2 = [
+  O2
 ];
-function E4(e, n) {
-  return h(), P("svg", z4, [...T4]);
+function E2(e, n) {
+  return h(), P("svg", z2, [...T2]);
 }
 const vm = x({});
-vm.render = E4;
-var D4 = vm;
-const B4 = (e) => (Wo(""), e = e(), Ko(), e), I4 = { viewBox: "-4 -4 32 32" }, M4 = /* @__PURE__ */ B4(() => /* @__PURE__ */ I(
+vm.render = E2;
+var D2 = vm;
+const B2 = (e) => (Wo(""), e = e(), Ko(), e), I2 = { viewBox: "-4 -4 32 32" }, M2 = /* @__PURE__ */ B2(() => /* @__PURE__ */ I(
   "path",
   {
     fill: "currentColor",
@@ -15829,15 +15832,15 @@ const B4 = (e) => (Wo(""), e = e(), Ko(), e), I4 = { viewBox: "-4 -4 32 32" }, M
   null,
   -1
   /* HOISTED */
-)), N4 = [
-  M4
+)), N2 = [
+  M2
 ];
-function A4(e, n) {
-  return h(), P("svg", I4, [...N4]);
+function A2(e, n) {
+  return h(), P("svg", I2, [...N2]);
 }
 const mm = x({});
-mm.render = A4;
-var V4 = mm;
+mm.render = A2;
+var V2 = mm;
 const hm = {
   imageSize: [String, Number],
   type: {
@@ -15850,8 +15853,8 @@ const hm = {
     type: Boolean,
     default: !0
   }
-}, { name: L4, n: R4, classes: F4 } = ee("result");
-function U4(e, n) {
+}, { name: L2, n: R2, classes: F2 } = ee("result");
+function U2(e, n) {
   return h(), P(
     "div",
     {
@@ -15932,14 +15935,14 @@ function U4(e, n) {
   );
 }
 const gm = x({
-  name: L4,
+  name: L2,
   components: {
-    Info: s4,
-    Success: S4,
-    Warning: k4,
-    Error: v4,
-    Question: D4,
-    Empty: V4
+    Info: s2,
+    Success: S2,
+    Warning: k2,
+    Error: v2,
+    Question: D2,
+    Empty: V2
   },
   props: hm,
   setup(e) {
@@ -15951,12 +15954,12 @@ const gm = x({
     return {
       circleSize: n,
       borderSize: o,
-      n: R4,
-      classes: F4
+      n: R2,
+      classes: F2
     };
   }
 });
-gm.render = U4;
+gm.render = U2;
 var ri = gm;
 te(ri);
 ue(ri, hm);
@@ -15976,8 +15979,8 @@ const bm = {
     default: "flex-start"
   },
   onClick: R()
-}, { name: H4, n: Y4, classes: j4 } = ee("row");
-function W4(e, n) {
+}, { name: H2, n: Y2, classes: j2 } = ee("row");
+function W2(e, n) {
   return h(), P(
     "div",
     {
@@ -15997,7 +16000,7 @@ function W4(e, n) {
   );
 }
 const ym = x({
-  name: H4,
+  name: H2,
   props: bm,
   setup(e) {
     const n = B(
@@ -16015,27 +16018,27 @@ const ym = x({
     }
     return {
       average: n,
-      n: Y4,
-      classes: j4,
+      n: Y2,
+      classes: j2,
       handleClick: l,
       padStartFlex: Pr
     };
   }
 });
-ym.render = W4;
+ym.render = W2;
 var ai = ym;
 te(ai);
 ue(ai, bm);
 const fT = ai;
-var Rl = ai, K4 = Object.defineProperty, Zc = Object.getOwnPropertySymbols, q4 = Object.prototype.hasOwnProperty, G4 = Object.prototype.propertyIsEnumerable, Jc = (e, n, o) => n in e ? K4(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o, X4 = (e, n) => {
+var Rl = ai, K2 = Object.defineProperty, Zc = Object.getOwnPropertySymbols, q2 = Object.prototype.hasOwnProperty, G2 = Object.prototype.propertyIsEnumerable, Jc = (e, n, o) => n in e ? K2(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o, X2 = (e, n) => {
   for (var o in n || (n = {}))
-    q4.call(n, o) && Jc(e, o, n[o]);
+    q2.call(n, o) && Jc(e, o, n[o]);
   if (Zc)
     for (var o of Zc(n))
-      G4.call(n, o) && Jc(e, o, n[o]);
+      G2.call(n, o) && Jc(e, o, n[o]);
   return e;
 };
-const km = X4({
+const km = X2({
   modelValue: {
     type: [String, Number, Boolean, Array],
     default: void 0
@@ -16087,8 +16090,8 @@ const km = X4({
   "disabled",
   "clearable",
   "onClick"
-])), { name: Z4, n: J4, classes: Q4 } = ee("select"), _4 = ["tabindex"];
-function x4(e, n) {
+])), { name: Z2, n: J2, classes: Q2 } = ee("select"), _2 = ["tabindex"];
+function x2(e, n) {
   const o = ne("maybe-v-node"), t = ne("var-chip"), r = ne("var-icon"), a = ne("var-field-decorator"), i = ne("var-option"), l = ne("var-menu"), s = ne("var-form-details");
   return h(), P("div", {
     ref: "root",
@@ -16318,10 +16321,10 @@ function x4(e, n) {
       onClick: n[2] || (n[2] = An(() => {
       }, ["stop"]))
     }, null, 8, ["error-message"])
-  ], 42, _4);
+  ], 42, _2);
 }
 const $m = x({
-  name: Z4,
+  name: Z2,
   components: {
     VarIcon: Je,
     VarMenu: Ut,
@@ -16476,8 +16479,8 @@ const $m = x({
       enableCustomPlaceholder: D,
       selectOptions: s,
       isFunction: oo,
-      n: J4,
-      classes: Q4,
+      n: J2,
+      classes: Q2,
       handleFocus: q,
       handleBlur: j,
       handleClickOutside: _,
@@ -16493,7 +16496,7 @@ const $m = x({
     };
   }
 });
-$m.render = x4;
+$m.render = x2;
 var ii = $m;
 te(ii);
 ue(ii, km);
@@ -16523,8 +16526,8 @@ const wm = {
     type: Array,
     default: () => []
   }
-}, { name: e2, n: n2, classes: o2 } = ee("skeleton");
-function t2(e, n) {
+}, { name: e4, n: n4, classes: o4 } = ee("skeleton");
+function t4(e, n) {
   return h(), P(
     "div",
     {
@@ -16696,16 +16699,16 @@ function t2(e, n) {
   );
 }
 const Cm = x({
-  name: e2,
+  name: e4,
   props: wm,
   setup: () => ({
-    n: n2,
-    classes: o2,
+    n: n4,
+    classes: o4,
     toSizeUnit: Oe,
     toNumber: F
   })
 });
-Cm.render = t2;
+Cm.render = t4;
 var li = Cm;
 te(li);
 ue(li, wm);
@@ -16751,8 +16754,8 @@ const Sm = {
   onStart: R(),
   onEnd: R(),
   "onUpdate:modelValue": R()
-}, { name: r2, n: Qc, classes: a2 } = ee("slider"), i2 = ["tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-valuetext", "onTouchstart", "onFocusin", "onFocusout"];
-function l2(e, n) {
+}, { name: r4, n: Qc, classes: a4 } = ee("slider"), i4 = ["tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-valuetext", "onTouchstart", "onFocusin", "onFocusout"];
+function l4(e, n) {
   const o = ne("var-hover-overlay"), t = ne("var-form-details"), r = je("hover");
   return h(), P(
     "div",
@@ -16885,7 +16888,7 @@ function l2(e, n) {
                   /* CLASS, STYLE */
                 )
               ])
-            ], 46, i2))),
+            ], 46, i4))),
             128
             /* KEYED_FRAGMENT */
           ))
@@ -16904,7 +16907,7 @@ function l2(e, n) {
   );
 }
 const Pm = x({
-  name: r2,
+  name: r4,
   components: {
     VarFormDetails: En,
     VarHoverOverlay: Ln
@@ -17130,7 +17133,7 @@ const Pm = x({
       handleFocus: Ve,
       handleBlur: nn,
       n: Qc,
-      classes: a2,
+      classes: a4,
       thumbStyle: q,
       hover: pe,
       toSizeUnit: Oe,
@@ -17143,19 +17146,19 @@ const Pm = x({
     };
   }
 });
-Pm.render = l2;
+Pm.render = l4;
 var si = Pm;
 te(si);
 ue(si, Sm);
 const mT = si;
-var Hl = si, s2 = Object.defineProperty, u2 = Object.defineProperties, c2 = Object.getOwnPropertyDescriptors, _c = Object.getOwnPropertySymbols, d2 = Object.prototype.hasOwnProperty, f2 = Object.prototype.propertyIsEnumerable, xc = (e, n, o) => n in e ? s2(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o, p2 = (e, n) => {
+var Hl = si, s4 = Object.defineProperty, u4 = Object.defineProperties, c4 = Object.getOwnPropertyDescriptors, _c = Object.getOwnPropertySymbols, d4 = Object.prototype.hasOwnProperty, f4 = Object.prototype.propertyIsEnumerable, xc = (e, n, o) => n in e ? s4(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o, p4 = (e, n) => {
   for (var o in n || (n = {}))
-    d2.call(n, o) && xc(e, o, n[o]);
+    d4.call(n, o) && xc(e, o, n[o]);
   if (_c)
     for (var o of _c(n))
-      f2.call(n, o) && xc(e, o, n[o]);
+      f4.call(n, o) && xc(e, o, n[o]);
   return e;
-}, v2 = (e, n) => u2(e, c2(n));
+}, v4 = (e, n) => u4(e, c4(n));
 const As = {
   type: String,
   position: {
@@ -17176,7 +17179,7 @@ const As = {
   loadingType: Ie(lo, "type"),
   loadingSize: Ie(lo, "size"),
   loadingRadius: Ie(lo, "radius"),
-  loadingColor: v2(p2({}, Ie(lo, "color")), {
+  loadingColor: v4(p4({}, Ie(lo, "color")), {
     default: "currentColor"
   }),
   lockScroll: Boolean,
@@ -17192,14 +17195,14 @@ const As = {
   onClosed: R(),
   "onUpdate:show": R(),
   _update: String
-}, { n: m2, classes: h2 } = ee("snackbar"), g2 = {
+}, { n: m4, classes: h4 } = ee("snackbar"), g4 = {
   success: "checkbox-marked-circle",
   warning: "warning",
   info: "information",
   error: "error",
   loading: ""
 };
-function b2(e, n) {
+function b4(e, n) {
   const o = ne("var-icon"), t = ne("var-loading");
   return Me((h(), P(
     "div",
@@ -17302,7 +17305,7 @@ const zm = x({
     const t = B(() => {
       const { type: i, forbidClick: l } = e;
       return i === "loading" || l;
-    }), r = B(() => e.type ? g2[e.type] : "");
+    }), r = B(() => e.type ? g4[e.type] : "");
     function a() {
       n.value = setTimeout(() => {
         e.type !== "loading" && S(e["onUpdate:show"], !1);
@@ -17325,16 +17328,16 @@ const zm = x({
       zIndex: o,
       iconName: r,
       isForbidClick: t,
-      n: m2,
-      classes: h2,
+      n: m4,
+      classes: h4,
       formatElevation: fn
     };
   }
 });
-zm.render = b2;
+zm.render = b4;
 var Om = zm;
-const { name: y2, n: k2 } = ee("snackbar");
-function $2(e, n) {
+const { name: y4, n: k4 } = ee("snackbar");
+function $4(e, n) {
   const o = ne("var-snackbar-core");
   return h(), Pe(no, {
     to: e.teleport === !1 ? void 0 : e.teleport,
@@ -17377,24 +17380,24 @@ function $2(e, n) {
   ], 8, ["to", "disabled"]);
 }
 const Tm = x({
-  name: y2,
+  name: y4,
   components: { VarSnackbarCore: Om },
   props: As,
   setup() {
     const { disabled: e } = Go();
     return {
       disabled: e,
-      n: k2
+      n: k4
     };
   }
 });
-Tm.render = $2;
-var ui = Tm, w2 = Object.defineProperty, ed = Object.getOwnPropertySymbols, C2 = Object.prototype.hasOwnProperty, S2 = Object.prototype.propertyIsEnumerable, nd = (e, n, o) => n in e ? w2(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o, Ht = (e, n) => {
+Tm.render = $4;
+var ui = Tm, w4 = Object.defineProperty, ed = Object.getOwnPropertySymbols, C4 = Object.prototype.hasOwnProperty, S4 = Object.prototype.propertyIsEnumerable, nd = (e, n, o) => n in e ? w4(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o, Ht = (e, n) => {
   for (var o in n || (n = {}))
-    C2.call(n, o) && nd(e, o, n[o]);
+    C4.call(n, o) && nd(e, o, n[o]);
   if (ed)
     for (var o of ed(n))
-      S2.call(n, o) && nd(e, o, n[o]);
+      S4.call(n, o) && nd(e, o, n[o]);
   return e;
 };
 const Em = ["loading", "success", "warning", "info", "error"];
@@ -17424,11 +17427,11 @@ const Bm = {
   }
 };
 let Hn = Qe([]), Vs = Bm;
-const P2 = {
+const P4 = {
   name: "var-snackbar-fade",
   tag: "div",
   class: "var-transition-group"
-}, Mi = (e) => () => oo(e) ? e() : e, z2 = {
+}, Mi = (e) => () => oo(e) ? e() : e, z4 = {
   setup() {
     return () => {
       const e = Hn.map(({
@@ -17440,7 +17443,7 @@ const P2 = {
         o.forbidClick || o.type === "loading" ? r.classList.add("var-pointer-auto") : r.classList.remove("var-pointer-auto");
         const a = Ht({
           position: Yt ? "relative" : "absolute"
-        }, I2(o.position)), {
+        }, I4(o.position)), {
           content: i,
           icon: l,
           action: s
@@ -17458,20 +17461,20 @@ const P2 = {
           "onUpdate:show": (c) => o.show = c
         }), u);
       });
-      return G(bh, Ye(P2, {
+      return G(bh, Ye(P4, {
         style: {
           zIndex: Nn.zIndex
         },
-        onAfterEnter: O2,
-        onAfterLeave: T2
+        onAfterEnter: O4,
+        onAfterLeave: T4
       }), {
         default: () => [e]
       });
     };
   }
 }, eo = function(e) {
-  const n = D2(e), o = Qe(Ht(Ht({}, Vs), n));
-  o.show = !0, Yl || (Yl = !0, Dm = ht(z2).unmountInstance);
+  const n = D4(e), o = Qe(Ht(Ht({}, Vs), n));
+  o.show = !0, Yl || (Yl = !0, Dm = ht(z4).unmountInstance);
   const {
     length: t
   } = Hn, r = {
@@ -17479,10 +17482,10 @@ const P2 = {
     reactiveSnackOptions: o
   };
   if (t === 0 || Yt)
-    E2(r);
+    E4(r);
   else {
     const a = `update-${od}`;
-    B2(o, a);
+    B4(o, a);
   }
   return {
     clear() {
@@ -17512,28 +17515,28 @@ eo.setDefaultOptions = function(e) {
 eo.resetDefaultOptions = function() {
   Vs = Bm;
 };
-function O2(e) {
+function O4(e) {
   const n = e.getAttribute("data-id"), o = Hn.find((t) => t.id === F(n));
   o && S(o.reactiveSnackOptions.onOpened);
 }
-function T2(e) {
+function T4(e) {
   e.parentElement && e.parentElement.classList.remove("var-pointer-auto");
   const n = e.getAttribute("data-id"), o = Hn.find((r) => r.id === F(n));
   o && (o.animationEnd = !0, S(o.reactiveSnackOptions.onClosed)), Hn.every((r) => r.animationEnd) && (S(Dm), Hn = Qe([]), Yl = !1);
 }
-function E2(e) {
+function E4(e) {
   Hn.push(e);
 }
-function D2(e = {}) {
+function D4(e = {}) {
   return gn(e) ? {
     content: e
   } : e;
 }
-function B2(e, n) {
+function B4(e, n) {
   const [o] = Hn;
   o.reactiveSnackOptions = Ht(Ht({}, o.reactiveSnackOptions), e), o._update = n;
 }
-function I2(e = "top") {
+function I4(e = "top") {
   return e === "bottom" ? {
     top: "85%"
   } : {
@@ -17569,21 +17572,21 @@ const Im = {
 function In(e) {
   return `calc(${e} / 2)`;
 }
-function M2(e, n, o) {
+function M4(e, n, o) {
   const { direction: t, justify: r, index: a, lastIndex: i } = o;
   let l = "0";
   return t === "row" && (["flex-start", "center", "flex-end", "start", "end"].includes(r) ? a !== i ? l = `${In(e)} ${n} ${In(e)} 0` : l = `${In(e)} 0` : r === "space-around" ? l = `${In(e)} ${In(n)}` : r === "space-between" && (a === 0 ? l = `${In(e)} ${In(n)} ${In(e)} 0` : a === i ? l = `${In(e)} 0 ${In(e)} ${In(n)}` : l = `${In(e)} ${In(n)}`)), t === "column" && a !== i && (l = `0 0 ${e} 0`), l;
 }
-const N2 = (e) => ["mini", "small", "normal", "large"].includes(e), {
-  name: A2,
+const N4 = (e) => ["mini", "small", "normal", "large"].includes(e), {
+  name: A4,
   n: fr,
   classes: td
 } = ee("space");
-function V2(e, n) {
+function V4(e, n) {
   return n ? [`var(--space-size-${e}-y)`, `var(--space-size-${e}-x)`] : He(e) ? e.map(Oe) : [Oe(e), Oe(e)];
 }
 var ci = x({
-  name: A2,
+  name: A4,
   props: Im,
   setup(e, {
     slots: n
@@ -17599,10 +17602,10 @@ var ci = x({
         size: s
       } = e;
       let u = (o = S(n.default)) != null ? o : [];
-      const [c, d] = V2(s, N2(s));
+      const [c, d] = V4(s, N4(s));
       u = Ed(u);
       const f = u.length - 1, v = u.map((y, m) => {
-        const b = M2(c, d, {
+        const b = M4(c, d, {
           direction: l,
           justify: r,
           index: m,
@@ -17643,14 +17646,14 @@ const Mm = {
   currentIconNamespace: Ie(on, "namespace"),
   inactiveIconNamespace: Ie(on, "namespace")
 }, Nm = Symbol("STEPS_BIND_STEP_KEY");
-function L2() {
+function L4() {
   const { bindChildren: e, childProviders: n } = yn(Nm);
   return {
     step: n,
     bindStep: e
   };
 }
-function R2() {
+function R4() {
   const { parentProvider: e, index: n, bindParent: o } = bn(Nm);
   return o || Vn("Steps", "<step/> must in <steps>"), {
     index: n,
@@ -17658,8 +17661,8 @@ function R2() {
     bindSteps: o
   };
 }
-const { name: F2, n: U2, classes: H2 } = ee("step"), Y2 = { key: 3 };
-function j2(e, n) {
+const { name: F4, n: U4, classes: H4 } = ee("step"), Y4 = { key: 3 };
+function j4(e, n) {
   const o = ne("var-icon");
   return h(), P(
     "div",
@@ -17701,7 +17704,7 @@ function j2(e, n) {
                 namespace: e.inactiveIconNamespace
               }, null, 8, ["class", "name", "namespace"])) : (h(), P(
                 "span",
-                Y2,
+                Y4,
                 re(e.index + 1),
                 1
                 /* TEXT */
@@ -17742,11 +17745,11 @@ function j2(e, n) {
   );
 }
 const Am = x({
-  name: F2,
+  name: F4,
   components: { VarIcon: Je },
   props: Mm,
   setup() {
-    const { index: e, steps: n, bindSteps: o } = R2(), { active: t, activeColor: r, inactiveColor: a, direction: i, clickStep: l } = n, s = B(() => t.value === e.value), u = B(() => e.value !== -1 && F(t.value) > e.value);
+    const { index: e, steps: n, bindSteps: o } = R4(), { active: t, activeColor: r, inactiveColor: a, direction: i, clickStep: l } = n, s = B(() => t.value === e.value), u = B(() => e.value !== -1 && F(t.value) > e.value);
     o({ index: e });
     function d() {
       return l(e.value);
@@ -17758,13 +17761,13 @@ const Am = x({
       direction: i,
       activeColor: r,
       inactiveColor: a,
-      n: U2,
-      classes: H2,
+      n: U4,
+      classes: H4,
       click: d
     };
   }
 });
-Am.render = j2;
+Am.render = j4;
 var di = Am;
 te(di);
 ue(di, Mm);
@@ -17782,8 +17785,8 @@ const Vm = {
   activeColor: String,
   inactiveColor: String,
   onClickStep: R()
-}, { name: W2, n: K2 } = ee("steps");
-function q2(e, n) {
+}, { name: W4, n: K4 } = ee("steps");
+function q4(e, n) {
   return h(), P(
     "div",
     {
@@ -17798,10 +17801,10 @@ function q2(e, n) {
   );
 }
 const Lm = x({
-  name: W2,
+  name: W4,
   props: Vm,
   setup(e) {
-    const n = B(() => e.active), o = B(() => e.activeColor), t = B(() => e.inactiveColor), r = B(() => e.direction), { bindStep: a } = L2();
+    const n = B(() => e.active), o = B(() => e.activeColor), t = B(() => e.inactiveColor), r = B(() => e.direction), { bindStep: a } = L4();
     a({
       active: n,
       direction: r,
@@ -17812,10 +17815,10 @@ const Lm = x({
     function l(s) {
       S(e.onClickStep, s);
     }
-    return { n: K2 };
+    return { n: K4 };
   }
 });
-Lm.render = q2;
+Lm.render = q4;
 var fi = Lm;
 te(fi);
 ue(fi, Vm);
@@ -17830,27 +17833,27 @@ const Rm = {
     type: String,
     default: "div"
   }
-}, { name: G2, n: X2 } = ee("style-provider"), Z2 = x({
-  name: G2,
+}, { name: G4, n: X4 } = ee("style-provider"), Z4 = x({
+  name: G4,
   props: Rm,
   setup(e, { slots: n }) {
     return () => Yr(
       e.tag,
       {
-        class: X2(),
+        class: X4(),
         style: Rd(e.styleVars)
       },
       S(n.default)
     );
   }
 });
-var pi = Z2;
+var pi = Z4;
 const Fm = "varlet-style-vars";
 function rd() {
   const e = document.head.querySelector(`#${Fm}`);
   e && document.head.removeChild(e);
 }
-function J2(e) {
+function J4(e) {
   const n = document.createElement("style");
   n.id = Fm, n.innerHTML = e, document.head.appendChild(n);
 }
@@ -17861,7 +17864,7 @@ function vi(e) {
   }
   const n = Rd(e ?? {}), o = Object.entries(n).reduce((t, [r, a]) => (t += `${r}:${a};`, t), `:root:root {
 `);
-  rd(), J2(`${o}
+  rd(), J4(`${o}
 }`);
 }
 vi.Component = pi;
@@ -17906,7 +17909,7 @@ const Um = {
   onBeforeChange: R(),
   onChange: R(),
   "onUpdate:modelValue": R()
-}, { name: Q2, n: _2, classes: x2 } = ee("switch"), eP = (e) => (Wo(""), e = e(), Ko(), e), nP = ["aria-checked"], oP = ["tabindex"], tP = /* @__PURE__ */ eP(() => /* @__PURE__ */ I(
+}, { name: Q4, n: _4, classes: x4 } = ee("switch"), eP = (e) => (Wo(""), e = e(), Ko(), e), nP = ["aria-checked"], oP = ["tabindex"], tP = /* @__PURE__ */ eP(() => /* @__PURE__ */ I(
   "svg",
   { viewBox: "25 25 50 50" },
   [
@@ -18007,7 +18010,7 @@ function aP(e, n) {
   ]);
 }
 const Hm = x({
-  name: Q2,
+  name: Q4,
   components: {
     VarFormDetails: En,
     VarHoverOverlay: Ln
@@ -18100,8 +18103,8 @@ const Hm = x({
       errorMessage: a,
       formDisabled: r == null ? void 0 : r.disabled,
       formReadonly: r == null ? void 0 : r.readonly,
-      n: _2,
-      classes: x2,
+      n: _4,
+      classes: x4,
       formatElevation: fn,
       multiplySizeUnit: Cn,
       switchActive: g,
@@ -22681,7 +22684,7 @@ te(Ci);
 ue(Ci, lh);
 const DT = Ci;
 var ts = Ci;
-const X8 = "3.3.5";
+const X8 = "3.3.6-alpha.1720620017198";
 function Z8(e) {
   Li.install && e.use(Li), Ri.install && e.use(Ri), Hi.install && e.use(Hi), Yi.install && e.use(Yi), ji.install && e.use(ji), Or.install && e.use(Or), Wi.install && e.use(Wi), Ki.install && e.use(Ki), qi.install && e.use(qi), Gi.install && e.use(Gi), Pn.install && e.use(Pn), Xi.install && e.use(Xi), Zi.install && e.use(Zi), Ji.install && e.use(Ji), lt.install && e.use(lt), Qi.install && e.use(Qi), Tr.install && e.use(Tr), _i.install && e.use(_i), xi.install && e.use(xi), el.install && e.use(el), nl.install && e.use(nl), Nn.install && e.use(Nn), al.install && e.use(al), dl.install && e.use(dl), pl.install && e.use(pl), vl.install && e.use(vl), ml.install && e.use(ml), Nr.install && e.use(Nr), bl.install && e.use(bl), yl.install && e.use(yl), Vt.install && e.use(Vt), kl.install && e.use(kl), $l.install && e.use($l), En.install && e.use(En), Tn.install && e.use(Tn), Ln.install && e.use(Ln), Je.install && e.use(Je), wl.install && e.use(wl), Ft.install && e.use(Ft), Cl.install && e.use(Cl), Sl.install && e.use(Sl), Vr.install && e.use(Vr), It.install && e.use(It), Pl.install && e.use(Pl), zl.install && e.use(zl), it.install && e.use(it), Ol.install && e.use(Ol), Ai.install && e.use(Ai), Tl.install && e.use(Tl), Ut.install && e.use(Ut), Lr.install && e.use(Lr), Rr.install && e.use(Rr), Fr.install && e.use(Fr), El.install && e.use(El), Dl.install && e.use(Dl), Bl.install && e.use(Bl), Il.install && e.use(Il), Po.install && e.use(Po), Ml.install && e.use(Ml), Nl.install && e.use(Nl), Ur.install && e.use(Ur), Al.install && e.use(Al), Vl.install && e.use(Vl), Ll.install && e.use(Ll), tn.install && e.use(tn), Rl.install && e.use(Rl), Fl.install && e.use(Fl), Ul.install && e.use(Ul), Hl.install && e.use(Hl), jl.install && e.use(jl), Wl.install && e.use(Wl), Kl.install && e.use(Kl), ql.install && e.use(ql), ct.install && e.use(ct), Gl.install && e.use(Gl), Lt.install && e.use(Lt), Rt.install && e.use(Rt), Xl.install && e.use(Xl), Zl.install && e.use(Zl), Jl.install && e.use(Jl), Ql.install && e.use(Ql), _l.install && e.use(_l), xl.install && e.use(xl), es.install && e.use(es), ns.install && e.use(ns), Ar.install && e.use(Ar), os.install && e.use(os), ts.install && e.use(ts);
 }