maz-ui 3.47.2-beta.8 → 3.48.0

package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue.d.ts

@@ -111,5 +111,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     minDate: string;
     maxDate: string;
     hoverredDay: dayjs.Dayjs;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue.d.ts

@@ -122,5 +122,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     maxDate: string;
     hoverredDay: dayjs.Dayjs;
     offsetMonth: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/MazPicker/MazPickerCalendarSwitcher.vue.d.ts

@@ -38,5 +38,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onOpen-year-switcher"?: ((...args: any[]) => any) | undefined;
 }>, {
     calendarDate: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/MazPicker/MazPickerContainer.vue.d.ts

@@ -210,5 +210,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     maxDate: string;
     shortcut: string;
     noHeader: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/MazPicker/MazPickerFooter.vue.d.ts

@@ -14,5 +14,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/MazPicker/MazPickerHeader.vue.d.ts

@@ -78,5 +78,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     modelValue: PickerValue;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/MazPicker/MazPickerMonthSwitcher.vue.d.ts

@@ -40,5 +40,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:calendar-date"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/MazPicker/MazPickerShortcuts.vue.d.ts

@@ -58,5 +58,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     modelValue: PickerValue;
     shortcut: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/MazPicker/MazPickerTime.vue.d.ts

@@ -125,5 +125,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     minDate: string;
     maxDate: string;
     disabledHours: number[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/MazPicker/MazPickerYearSwitcher.vue.d.ts

@@ -32,5 +32,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:calendar-date"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/MazPicker.mjs

@@ -1,4 +1,4 @@
-import { b as f } from "./chunks/MazPicker-DteyWEwr.mjs";
+import { b as f } from "./chunks/MazPicker-BUXJof_-.mjs";
 export {
   f as default
 };

package/components/MazPullToRefresh.d.ts

@@ -11,6 +11,7 @@ export interface Props {
     standaloneMode?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         "pull-before"?(_: {}): any;
         "pull-ready"?(_: {}): any;
@@ -18,7 +19,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -42,7 +43,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     headerClass: string;
     spinnerColor: Color;
     standaloneMode: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazPullToRefresh.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazPullToRefresh-CFQX0soS.mjs";
+import { M as f } from "./chunks/MazPullToRefresh-a1rT-zWr.mjs";
 export {
   f as default
 };

package/components/MazRadio.d.ts

@@ -37,7 +37,7 @@ declare const _default: <T extends string | number | boolean>(__VLS_props: NonNu
         readonly onChange?: ((value: T) => any) | undefined;
         readonly onFocus?: ((value: FocusEvent) => any) | undefined;
         readonly "onUpdate:model-value"?: ((value: T) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & Props<T>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & Partial<{}> & Props<T>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

package/components/MazRadio.mjs

@@ -1,10 +1,9 @@
-import { useId as S, computed as l, defineComponent as B, ref as $, openBlock as m, createElementBlock as v, unref as f, normalizeClass as p, normalizeStyle as E, createElementVNode as i, mergeProps as I, renderSlot as V, createTextVNode as C, toDisplayString as b, createCommentVNode as R } from "vue";
+import { computed as l, useId as S, defineComponent as B, ref as $, openBlock as m, createElementBlock as v, unref as f, normalizeClass as p, normalizeStyle as E, createElementVNode as i, mergeProps as I, renderSlot as V, createTextVNode as C, toDisplayString as b, createCommentVNode as R } from "vue";
 import './assets/MazRadio.css';function N({
-  componentName: r,
+  componentName: o,
   providedId: s
 }) {
-  const a = S();
-  return l(() => s ?? `${r}-${a}`);
+  return l(() => s ?? `${o}-${S().replace(/:/g, "")}`);
 }
 const M = ["for", "aria-checked"], D = ["id", "value", "disabled", "name", "checked"], _ = { class: "m-radio__text" }, q = /* @__PURE__ */ B({
   __name: "MazRadio",
@@ -25,8 +24,8 @@ const M = ["for", "aria-checked"], D = ["id", "value", "disabled", "name", "chec
     hint: {}
   },
   emits: ["update:model-value", "change", "blur", "focus"],
-  setup(r, { emit: s }) {
-    const a = r, n = s, t = N({
+  setup(o, { emit: s }) {
+    const a = o, n = s, t = N({
       componentName: "MazRadio",
       providedId: a.id
     }), d = l(() => a.modelValue === a.value), h = l(() => {
@@ -44,7 +43,7 @@ const M = ["for", "aria-checked"], D = ["id", "value", "disabled", "name", "chec
         default:
           return "1.625rem";
       }
-    }), y = l(() => `var(--maz-color-${a.color})`), g = l(() => a.error ? "var(--maz-color-danger)" : a.warning ? "var(--maz-color-warning)" : a.success ? "var(--maz-color-success)" : ["black", "transparent"].includes(a.color) ? "var(--maz-color-muted)" : `var(--maz-color-${a.color}-alpha)`);
+    }), g = l(() => `var(--maz-color-${a.color})`), y = l(() => a.error ? "var(--maz-color-danger)" : a.warning ? "var(--maz-color-warning)" : a.success ? "var(--maz-color-success)" : ["black", "transparent"].includes(a.color) ? "var(--maz-color-muted)" : `var(--maz-color-${a.color}-alpha)`);
     function z(e) {
       ["Space"].includes(e.code) && (e.preventDefault(), c());
     }
@@ -53,19 +52,19 @@ const M = ["for", "aria-checked"], D = ["id", "value", "disabled", "name", "chec
     }
     const u = $();
     function w(e) {
-      var o;
-      (o = u.value) == null || o.dispatchEvent(new Event("blur")), n("blur", e);
+      var r;
+      (r = u.value) == null || r.dispatchEvent(new Event("blur")), n("blur", e);
     }
     function k(e) {
-      var o;
-      (o = u.value) == null || o.dispatchEvent(new Event("focus")), n("focus", e);
+      var r;
+      (r = u.value) == null || r.dispatchEvent(new Event("focus")), n("focus", e);
     }
-    return (e, o) => (m(), v("label", {
+    return (e, r) => (m(), v("label", {
       for: f(t),
-      class: p(["m-radio", [{ "--disabled": e.disabled, "--selected": d.value, "--error": e.error, "--warning": e.warning, "--success": e.success }, a.class]]),
+      class: p(["m-radio m-reset-css", [{ "--disabled": e.disabled, "--selected": d.value, "--error": e.error, "--warning": e.warning, "--success": e.success }, a.class]]),
       tabindex: "0",
       role: "radio",
-      style: E([e.style, { "--radio-size": h.value, "--radio-selected-color": y.value, "--radio-box-shadow": g.value }]),
+      style: E([e.style, { "--radio-size": h.value, "--radio-selected-color": g.value, "--radio-box-shadow": y.value }]),
       "aria-checked": d.value,
       onBlur: w,
       onFocus: k,
@@ -82,9 +81,9 @@ const M = ["for", "aria-checked"], D = ["id", "value", "disabled", "name", "chec
         name: e.name,
         type: "radio",
         checked: d.value,
-        onChange: o[0] || (o[0] = (H) => c())
+        onChange: r[0] || (r[0] = (H) => c())
       }), null, 16, D),
-      o[1] || (o[1] = i(
+      r[1] || (r[1] = i(
         "span",
         null,
         [
@@ -121,12 +120,12 @@ const M = ["for", "aria-checked"], D = ["id", "value", "disabled", "name", "chec
       ])
     ], 46, M));
   }
-}), F = (r, s) => {
-  const a = r.__vccOpts || r;
+}), F = (o, s) => {
+  const a = o.__vccOpts || o;
   for (const [n, t] of s)
     a[n] = t;
   return a;
-}, O = /* @__PURE__ */ F(q, [["__scopeId", "data-v-016d293e"]]);
+}, O = /* @__PURE__ */ F(q, [["__scopeId", "data-v-54e93b9f"]]);
 export {
   O as default
 };

package/components/MazRadioButtons.d.ts

@@ -51,7 +51,7 @@ declare const _default: <T extends string | number | boolean>(__VLS_props: NonNu
         readonly onChange?: ((value: T) => any) | undefined;
         readonly onFocus?: ((value: FocusEvent) => any) | undefined;
         readonly "onUpdate:model-value"?: ((value: T) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & Props<T>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & Partial<{}> & Props<T>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

package/components/MazRadioButtons.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as C, defineAsyncComponent as S, ref as $, openBlock as u, createElementBlock as c, createElementVNode as y, normalizeClass as i, Fragment as E, renderList as V, normalizeStyle as b, createVNode as k, Transition as R, withCtx as F, withDirectives as N, unref as q, vShow as D, createCommentVNode as _, renderSlot as I, createTextVNode as M, toDisplayString as z } from "vue";
-import './assets/MazRadioButtons.css';const O = { class: "m-radio-buttons" }, K = ["for", "aria-checked", "onKeydown", "onBlur", "onFocus"], T = ["id", "name", "value", "onChange"], W = {
+import './assets/MazRadioButtons.css';const O = { class: "m-radio-buttons m-reset-css" }, K = ["for", "aria-checked", "onKeydown", "onBlur", "onFocus"], T = ["id", "name", "value", "onChange"], W = {
   key: 0,
   class: "m-radio-buttons__items__checkbox"
 }, A = /* @__PURE__ */ C({
@@ -171,7 +171,7 @@ import './assets/MazRadioButtons.css';const O = { class: "m-radio-buttons" }, K
   for (const [s, m] of f)
     l[s] = m;
   return l;
-}, j = /* @__PURE__ */ H(A, [["__scopeId", "data-v-62236bc3"]]);
+}, j = /* @__PURE__ */ H(A, [["__scopeId", "data-v-4dea30c9"]]);
 export {
   j as default
 };

package/components/MazReadingProgressBar.mjs

@@ -1,10 +1,10 @@
 import { defineComponent as p, computed as m, ref as u, watch as v, onMounted as h, onBeforeUnmount as g, openBlock as w, createBlock as y, Teleport as b, createElementVNode as d, mergeProps as S, normalizeClass as _, normalizeStyle as T, nextTick as B } from "vue";
-import './assets/MazReadingProgressBar.css';function C(l, a) {
+import './assets/MazReadingProgressBar.css';function C(l, s) {
   let t = !1, n, o;
   return function(...r) {
     t ? (clearTimeout(n), n = setTimeout(() => {
-      Date.now() - o >= a && (l.apply(this, r), o = Date.now());
-    }, Math.max(a - (Date.now() - o), 0))) : (l.apply(this, r), o = Date.now(), t = !0);
+      Date.now() - o >= s && (l.apply(this, r), o = Date.now());
+    }, Math.max(s - (Date.now() - o), 0))) : (l.apply(this, r), o = Date.now(), t = !0);
   };
 }
 const k = /* @__PURE__ */ p({
@@ -19,12 +19,12 @@ const k = /* @__PURE__ */ p({
     distance: { default: void 0 }
   },
   emits: ["begin", "complete"],
-  setup(l, { emit: a }) {
-    const t = l, n = a, o = m(() => `var(--maz-color-${t.color})`), r = u(), s = u(0);
+  setup(l, { emit: s }) {
+    const t = l, n = s, o = m(() => `var(--maz-color-${t.color})`), r = u(), a = u(0);
     v(
       () => t.distance,
       (e) => {
-        e && (s.value = e);
+        e && (a.value = e);
       },
       {
         immediate: !0
@@ -32,19 +32,19 @@ const k = /* @__PURE__ */ p({
     );
     const c = C(() => {
       const e = window.scrollY;
-      if (e >= 0 && e <= s.value) {
-        const i = e / s.value * 100;
+      if (e >= 0 && e <= a.value) {
+        const i = e / a.value * 100;
         r.value = `${i}%`;
-      } else e <= 0 ? (r.value = "0%", n("begin")) : e > s.value ? (r.value = "100%", n("complete")) : r.value = "0%";
+      } else e <= 0 ? (r.value = "0%", n("begin")) : e > a.value ? (r.value = "100%", n("complete")) : r.value = "0%";
     }, 15);
     async function f() {
-      if (s.value === 0) {
+      if (a.value === 0) {
         const e = document.querySelector(t.contentSelector);
         if (!e) {
           console.error(`HTML Element with selector "${t.contentSelector}" not found.`);
           return;
         }
-        await B(), s.value = e.offsetHeight + e.offsetTop + t.offset - window.innerHeight;
+        await B(), a.value = e.offsetHeight + e.offsetTop + t.offset - window.innerHeight;
       }
       window.addEventListener("scroll", c, {
         passive: !0
@@ -57,7 +57,7 @@ const k = /* @__PURE__ */ p({
     }), (e, i) => (w(), y(b, { to: e.teleportSelector }, [
       d(
         "div",
-        S({ class: "m-reading-progress-bar" }, e.$attrs),
+        S({ class: "m-reading-progress-bar m-reset-css" }, e.$attrs),
         [
           d(
             "div",
@@ -79,12 +79,12 @@ const k = /* @__PURE__ */ p({
       )
     ], 8, ["to"]));
   }
-}), z = (l, a) => {
+}), z = (l, s) => {
   const t = l.__vccOpts || l;
-  for (const [n, o] of a)
+  for (const [n, o] of s)
     t[n] = o;
   return t;
-}, D = /* @__PURE__ */ z(k, [["__scopeId", "data-v-106ed894"]]);
+}, D = /* @__PURE__ */ z(k, [["__scopeId", "data-v-25e35848"]]);
 export {
   D as default
 };

package/components/MazSelect.d.ts

@@ -88,7 +88,7 @@ export interface Props<T extends ModelValueSimple, U extends MazSelectOption> {
     autocomplete?: string;
 }
 export type { Color, ModelValueSimple, Position, Size } from './types';
-declare const _default: <T extends ModelValueSimple, U extends MazSelectOption, M = boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <T extends ModelValueSimple, U extends MazSelectOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onInput?: ((value: Event) => any) | undefined;
         readonly onBlur?: ((value: Event) => any) | undefined;
@@ -98,7 +98,7 @@ declare const _default: <T extends ModelValueSimple, U extends MazSelectOption,
         readonly onOpen?: ((value: boolean) => any) | undefined;
         readonly "onUpdate:model-value"?: ((value: T | T[]) => any) | undefined;
         readonly "onSelected-option"?: ((value: U) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onClose" | "onOpen" | "onUpdate:model-value" | "onSelected-option"> & Props<T, U>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onClose" | "onOpen" | "onUpdate:model-value" | "onSelected-option"> & Partial<{}> & Props<T, U>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         openList: (event: Event) => Promise<void>;
         closeList: (event?: Event) => Promise<void>;

package/components/MazSelect.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazSelect-CJnsMuMG.mjs";
+import { M as f } from "./chunks/MazSelect-BwahUlbE.mjs";
 export {
   f as default
 };

package/components/MazSlider.mjs

@@ -87,7 +87,7 @@ const re = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ie = ["data-labe
     });
     async function z(e) {
       e === !0 && U(), await Q(), await g();
-      for (const [t, s] of y.value.entries())
+      for (const [t] of y.value.entries())
         P(t);
     }
     function R(e, t) {
@@ -97,10 +97,10 @@ const re = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ie = ["data-labe
       i.value = void 0, $(e);
     }
     function U() {
-      const { min: e, max: t } = n, s = y.value.map(
+      const { min: e, max: t } = n, r = y.value.map(
         (o) => o < e ? e : o > t ? t : o
       );
-      x(s), d.value = s;
+      x(r), d.value = r;
     }
     function x(e) {
       const t = H.value ? [...e] : e[0];
@@ -114,44 +114,44 @@ const re = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ie = ["data-labe
       $(e), n.noDivider || J();
     }
     async function $(e) {
-      var s;
+      var r;
       await g();
       const t = document.querySelectorAll(".m-slider .m-slider__btn");
       if (t) {
-        const o = t[e], u = (o == null ? void 0 : o.clientWidth) + 16, r = {
-          left: typeof ((s = m.value) == null ? void 0 : s[e]) == "number" ? `${m.value[e] - u / 2 || 1}px` : ""
+        const o = t[e], u = (o == null ? void 0 : o.clientWidth) + 16, s = {
+          left: typeof ((r = m.value) == null ? void 0 : r[e]) == "number" ? `${m.value[e] - u / 2 || 1}px` : ""
         };
-        _.value[e] = r;
+        _.value[e] = s;
       }
     }
     function J() {
       if (m.value) {
         const e = [...m.value];
         e.push(0);
-        const t = e.length, s = Math.round(t / 2);
+        const t = e.length, r = Math.round(t / 2);
         B.value = e.map((o, u) => ({
           left: u === 0 ? 0 : `${e[u - 1]}px`,
           // ATTENTION: buttonPositions.value[i - 1]
           right: u + 1 === t ? 0 : `calc( 100% - ${o}px )`,
-          backgroundColor: s === u + 1 ? void 0 : u < s ? `rgba(255, 255, 255, ${I(u, s, t)})` : `rgba(0, 0, 0, ${I(u, s, t)})`
+          backgroundColor: r === u + 1 ? void 0 : u < r ? `rgba(255, 255, 255, ${I(u, r, t)})` : `rgba(0, 0, 0, ${I(u, r, t)})`
           // darken
         }));
       }
     }
     async function Q() {
-      var u, r;
+      var u, s;
       await g();
-      const { min: e, max: t, log: s } = n, o = (u = v.value) == null ? void 0 : u.clientWidth;
-      o ? m.value = (r = d.value) == null ? void 0 : r.map(
-        (h) => s ? o / t * (e + (Math.log(h) - M.value) / C.value) : o / k.value * (h - e)
+      const { min: e, max: t, log: r } = n, o = (u = v.value) == null ? void 0 : u.clientWidth;
+      o ? m.value = (s = d.value) == null ? void 0 : s.map(
+        (h) => r ? o / t * (e + (Math.log(h) - M.value) / C.value) : o / k.value * (h - e)
       ) : console.warn("[maz-ui][MazSlider] ref component not found");
     }
     async function W() {
-      var u, r, h;
+      var u, s, h;
       await g();
-      const { max: e, min: t, log: s } = n, o = (u = v.value) == null ? void 0 : u.clientWidth;
+      const { max: e, min: t, log: r } = n, o = (u = v.value) == null ? void 0 : u.clientWidth;
       if (o)
-        return s ? (r = m.value) == null ? void 0 : r.map((T) => {
+        return r ? (s = m.value) == null ? void 0 : s.map((T) => {
           const Z = T / (o / e), ee = Math.exp((Z - t) * C.value + M.value);
           return Math.round(ee);
         }) : (h = m.value) == null ? void 0 : h.map(
@@ -169,17 +169,17 @@ const re = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ie = ["data-labe
       e && x(e), i.value = void 0;
     }
     async function E(e) {
-      var s;
+      var r;
       if (await g(), i.value === void 0)
         return;
-      const t = (s = v.value) == null ? void 0 : s.clientWidth;
+      const t = (r = v.value) == null ? void 0 : r.clientWidth;
       if (m.value) {
         const o = m.value[i.value - 1] || 0, u = m.value[i.value + 1] || t;
         if (!v.value)
           return console.error("[maz-ui](MazSlider/handleMousemove) MazSlider not available");
         m.value[i.value] = (() => {
-          const r = se(e, v.value).x;
-          return r < o ? o : u && r > u ? u : r;
+          const s = se(e, v.value).x;
+          return s < o ? o : u && s > u ? u : s;
         })(), d.value = await W(), P(i.value);
       }
     }
@@ -187,7 +187,7 @@ const re = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ie = ["data-labe
       "div",
       {
         style: V([Y.value, { fontSize: a.size }]),
-        class: F(["m-slider", [`m-slider--${a.color}`]]),
+        class: F(["m-slider m-reset-css", [`m-slider--${a.color}`]]),
         role: "button",
         tabindex: "-1",
         onMousemovePassive: E,
@@ -208,11 +208,11 @@ const re = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ie = ["data-labe
           (b(!0), w(
             K,
             null,
-            j(B.value, (s, o) => (b(), w(
+            j(B.value, (r, o) => (b(), w(
               "div",
               {
                 key: `divider-${o}`,
-                style: V([s]),
+                style: V([r]),
                 class: "m-slider__divider"
               },
               null,
@@ -225,7 +225,7 @@ const re = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ie = ["data-labe
           (b(!0), w(
             K,
             null,
-            j(y.value, (s, o) => {
+            j(y.value, (r, o) => {
               var u;
               return b(), w("button", {
                 key: `cursor-${o}`,
@@ -235,12 +235,12 @@ const re = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ie = ["data-labe
                   "active-cursor": o === i.value && !a.noCursorAnim
                 }]),
                 style: V([_.value[o]]),
-                onMousedownPassive: (r) => S(r, o),
-                onTouchstartPassive: (r) => S(r, o),
-                onFocusPassive: (r) => S(r, o),
-                onBlurPassive: (r) => A(o),
-                onTouchendPassive: (r) => A(o),
-                onKeydownPassive: (r) => R(r, o)
+                onMousedownPassive: (s) => S(s, o),
+                onTouchstartPassive: (s) => S(s, o),
+                onFocusPassive: (s) => S(s, o),
+                onBlurPassive: (s) => A(o),
+                onTouchendPassive: (s) => A(o),
+                onKeydownPassive: (s) => R(s, o)
               }, [
                 N(
                   "span",
@@ -265,7 +265,7 @@ const re = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ie = ["data-labe
   for (const [c, v] of l)
     n[c] = v;
   return n;
-}, me = /* @__PURE__ */ de(ce, [["__scopeId", "data-v-3d4add96"]]);
+}, me = /* @__PURE__ */ de(ce, [["__scopeId", "data-v-a0330fd0"]]);
 export {
   me as default
 };

package/components/MazSpinner.d.ts

@@ -12,5 +12,5 @@ export interface MazSpinnerProps {
      */
     color?: Color;
 }
-declare const _default: import("vue").DefineComponent<MazSpinnerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MazSpinnerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<MazSpinnerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MazSpinnerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, SVGSVGElement>;
 export default _default;

package/components/MazSpinner.mjs

@@ -5,7 +5,7 @@ import './assets/MazSpinner.css';const i = ["width", "height"], m = /* @__PURE__
     size: { default: "2em" },
     color: { default: "theme" }
   },
-  setup(n) {
+  setup(s) {
     return (e, t) => (p(), a("svg", {
       width: e.size,
       height: e.size,
@@ -15,7 +15,7 @@ import './assets/MazSpinner.css';const i = ["width", "height"], m = /* @__PURE__
       y: "0px",
       viewBox: "0 0 50 50",
       "xml:space": "preserve",
-      class: c(["m-spinner", `m-spinner--${e.color}`]),
+      class: c(["m-spinner m-reset-css", `m-spinner--${e.color}`]),
       style: { "enable-background": "new 0 0 50 50" }
     }, t[0] || (t[0] = [
       l(
@@ -27,12 +27,12 @@ import './assets/MazSpinner.css';const i = ["width", "height"], m = /* @__PURE__
       )
     ]), 10, i));
   }
-}), d = (n, e) => {
-  const t = n.__vccOpts || n;
-  for (const [o, s] of e)
-    t[o] = s;
+}), d = (s, e) => {
+  const t = s.__vccOpts || s;
+  for (const [n, o] of e)
+    t[n] = o;
   return t;
-}, h = /* @__PURE__ */ d(m, [["__scopeId", "data-v-2868435d"]]);
+}, h = /* @__PURE__ */ d(m, [["__scopeId", "data-v-52831d3b"]]);
 export {
   h as default
 };

package/components/MazStepper.d.ts

@@ -35,6 +35,7 @@ export interface Props {
     canCloseSteps?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Partial<Record<`icon-${number}`, (_: {}) => any>> & Partial<Record<`title-${number}`, (_: {}) => any>> & Partial<Record<`subtitle-${number}`, (_: {}) => any>> & Partial<Record<`title-info-${number}`, (_: {}) => any>> & Partial<Record<`content-${number}`, (_: {
         validated: boolean;
         error: boolean | undefined;
@@ -43,10 +44,10 @@ declare function __VLS_template(): {
         previousStep: () => void;
     }) => any>>;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:model-value"?: ((value: number) => any) | undefined;
@@ -54,7 +55,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     color: Color;
     modelValue: number;
     steps: Steps;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazStepper.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazStepper-BWyXIppj.mjs";
+import { M as f } from "./chunks/MazStepper-DtAqtJjn.mjs";
 export {
   f as default
 };

package/components/MazSwitch.d.ts

@@ -28,6 +28,7 @@ export interface Props {
     hint?: string;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             value: boolean;
@@ -36,7 +37,7 @@ declare function __VLS_template(): {
     refs: {
         inputRef: HTMLInputElement;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {