maz-ui 3.47.2-beta.23 → 3.47.2-beta.25

package/components/MazAccordion.mjs

@@ -1,4 +1,4 @@
-import { openBlock as p, createElementBlock as b, createElementVNode as c, computed as g, useId as V, defineComponent as w, ref as f, onMounted as O, onUnmounted as B, normalizeClass as $, normalizeStyle as k, renderSlot as h, withDirectives as E, vShow as z, mergeModels as A, useModel as x, mergeProps as I, useSlots as L, Fragment as j, renderList as F, createBlock as N, withCtx as M, unref as y, createVNode as S } from "vue";
+import { openBlock as p, createElementBlock as g, createElementVNode as u, computed as $, useId as V, defineComponent as w, ref as f, onMounted as O, onUnmounted as B, normalizeClass as b, normalizeStyle as k, renderSlot as h, withDirectives as E, vShow as z, mergeModels as A, useModel as x, mergeProps as I, useSlots as L, Fragment as j, renderList as F, createBlock as N, withCtx as M, unref as y, createVNode as S } from "vue";
 import './assets/MazAccordion.css';const R = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -6,9 +6,9 @@ import './assets/MazAccordion.css';const R = {
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function P(r, n) {
-  return p(), b("svg", R, n[0] || (n[0] = [
-    c(
+function P(r, t) {
+  return p(), g("svg", R, t[0] || (t[0] = [
+    u(
       "path",
       {
         stroke: "currentColor",
@@ -26,9 +26,9 @@ function P(r, n) {
 const T = { render: P };
 function U({
   componentName: r,
-  providedId: n
+  providedId: t
 }) {
-  return g(() => n ?? `${r}-${V().replace(/:/g, "")}`);
+  return $(() => t ?? `${r}-${V().replace(/:/g, "")}`);
 }
 const q = { class: "inner" }, D = /* @__PURE__ */ w({
   __name: "MazCardSpotlight",
@@ -41,16 +41,16 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
     innerOpacity: { default: 0.95 }
   },
   setup(r) {
-    const n = r, l = f(), o = f(), s = f(!1);
-    function m({ clientX: d, clientY: u }) {
-      var e, _, t;
+    const t = r, l = f(), o = f(), s = f(!1);
+    function m({ clientX: d, clientY: c }) {
+      var e, _, n;
       s.value = !0;
       const v = (e = o.value) == null ? void 0 : e.getBoundingClientRect();
-      v && ((t = (_ = l.value) == null ? void 0 : _.animate) == null || t.call(
+      v && ((n = (_ = l.value) == null ? void 0 : _.animate) == null || n.call(
         _,
         [
           {
-            transform: `translate(${d - v.left - v.width / 2}px,${u - v.top - v.height / 2}px)`
+            transform: `translate(${d - v.left - v.width / 2}px,${c - v.top - v.height / 2}px)`
           }
         ],
         {
@@ -59,23 +59,23 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
         }
       ));
     }
-    const a = g(() => `var(--maz-color-${n.color}-alpha)`), i = g(() => `var(--maz-color-${n.color}-alpha-20)`);
+    const a = $(() => `var(--maz-color-${t.color}-alpha)`), i = $(() => `var(--maz-color-${t.color}-alpha-20)`);
     return O(() => {
       window.addEventListener("mousemove", m);
     }), B(() => {
       window.removeEventListener("mousemove", m);
-    }), (d, u) => (p(), b(
+    }), (d, c) => (p(), g(
       "div",
       {
-        class: $(["m-card-spotlight", { "maz-elevation": !d.noElevation }]),
+        class: b(["m-card-spotlight m-reset-css", { "maz-elevation": !d.noElevation }]),
         style: k({ backgroundColor: i.value, "--inner-opacity": d.innerOpacity })
       },
       [
-        c("div", q, [
-          c(
+        u("div", q, [
+          u(
             "div",
             {
-              class: $(["content", [{ "maz-p-4": d.padding }, d.contentClass]])
+              class: b(["content", [{ "maz-p-4": d.padding }, d.contentClass]])
             },
             [
               h(d.$slots, "default", {}, void 0, !0)
@@ -84,7 +84,7 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
             /* CLASS */
           )
         ]),
-        E(c(
+        E(u(
           "div",
           {
             ref_key: "blobElement",
@@ -98,7 +98,7 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
         ), [
           [z, s.value]
         ]),
-        E(c(
+        E(u(
           "div",
           {
             ref_key: "fakeblobElement",
@@ -116,12 +116,12 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
       /* CLASS, STYLE */
     ));
   }
-}), C = (r, n) => {
+}), C = (r, t) => {
   const l = r.__vccOpts || r;
-  for (const [o, s] of n)
+  for (const [o, s] of t)
     l[o] = s;
   return l;
-}, H = /* @__PURE__ */ C(D, [["__scopeId", "data-v-30c7054c"]]), W = ["aria-hidden"], G = /* @__PURE__ */ w({
+}, H = /* @__PURE__ */ C(D, [["__scopeId", "data-v-4f773edc"]]), W = ["aria-hidden"], G = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "MazExpandAnimation",
   props: /* @__PURE__ */ A({
@@ -133,12 +133,12 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    const n = x(r, "modelValue"), l = f(!n.value), o = f();
+    const t = x(r, "modelValue"), l = f(!t.value), o = f();
     function s() {
-      n.value || (l.value = !0);
+      t.value || (l.value = !0);
     }
     function m() {
-      n.value && (l.value = !1);
+      t.value && (l.value = !1);
     }
     return O(() => {
       var a, i;
@@ -146,15 +146,15 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
     }), B(() => {
       var a, i;
       (a = o.value) == null || a.removeEventListener("transitionstart", s, !1), (i = o.value) == null || i.removeEventListener("transitionend", m, !1);
-    }), (a, i) => (p(), b("div", {
+    }), (a, i) => (p(), g("div", {
       ref_key: "expandAnimationRef",
       ref: o,
-      class: $(["m-expand-animation", { "m-expand-animation--expanded": n.value }]),
-      "aria-hidden": !n.value,
+      class: b(["m-expand-animation m-reset-css", { "m-expand-animation--expanded": t.value }]),
+      "aria-hidden": !t.value,
       role: "region",
       style: k([{ "--expand-animation-duration": a.duration, "--expand-animation-timing-function": a.timingFunction }])
     }, [
-      c(
+      u(
         "div",
         I({ class: "m-expand-animation__inner" }, a.$attrs, {
           class: {
@@ -169,8 +169,8 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
       )
     ], 14, W));
   }
-}), J = /* @__PURE__ */ C(G, [["__scopeId", "data-v-3bfdfbc1"]]), K = {
-  class: "m-accordion",
+}), J = /* @__PURE__ */ C(G, [["__scopeId", "data-v-058a2912"]]), K = {
+  class: "m-accordion m-reset-css",
   role: "presentation"
 }, Q = ["id", "aria-controls", "aria-expanded", "onClick"], X = /* @__PURE__ */ w({
   __name: "MazAccordion",
@@ -180,68 +180,68 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
     contentClass: { default: void 0 }
   },
   emits: ["update:model-value"],
-  setup(r, { emit: n }) {
-    const l = r, o = n, s = U({
+  setup(r, { emit: t }) {
+    const l = r, o = t, s = U({
       componentName: "MazAccordion",
       providedId: l.id
-    }), m = L(), a = g(
+    }), m = L(), a = $(
       () => Object.keys(m).filter((e) => e.startsWith("title-")).length
-    ), i = f(l.modelValue), d = g({
+    ), i = f(l.modelValue), d = $({
       get: () => l.modelValue || i.value,
       set: (e) => {
         i.value = e, o("update:model-value", e);
       }
     });
-    function u(e) {
+    function c(e) {
       return d.value === e;
     }
     function v(e) {
       d.value === e ? (i.value = 0, o("update:model-value", 0)) : (i.value = e, o("update:model-value", e));
     }
-    return (e, _) => (p(), b("div", K, [
-      (p(!0), b(
+    return (e, _) => (p(), g("div", K, [
+      (p(!0), g(
         j,
         null,
-        F(a.value, (t) => (p(), N(
+        F(a.value, (n) => (p(), N(
           H,
           {
-            key: t,
+            key: n,
             class: "m-accordion__spotlight",
             padding: !1
           },
           {
             default: M(() => [
-              c("button", {
-                id: `step-${t}-${y(s)}`,
+              u("button", {
+                id: `step-${n}-${y(s)}`,
                 class: "m-accordion__header",
-                "aria-controls": `step-${t}-${y(s)}`,
-                "aria-expanded": u(t),
-                onClick: (Y) => v(t)
+                "aria-controls": `step-${n}-${y(s)}`,
+                "aria-expanded": c(n),
+                onClick: (Y) => v(n)
               }, [
-                h(e.$slots, `title-${t}`, {
-                  isOpen: u(t)
+                h(e.$slots, `title-${n}`, {
+                  isOpen: c(n)
                 }, void 0, !0),
                 S(y(T), {
-                  class: $(["header-icon", { "--rotate": u(t) }])
+                  class: b(["header-icon", { "--rotate": c(n) }])
                 }, null, 8, ["class"])
               ], 8, Q),
               S(J, {
                 "animation-duration": "300ms",
-                "model-value": u(t),
-                "aria-labelledby": `step-${t}-${y(s)}`
+                "model-value": c(n),
+                "aria-labelledby": `step-${n}-${y(s)}`
               }, {
                 default: M(() => [
-                  c(
+                  u(
                     "div",
                     {
-                      class: $(["m-accordion__content", e.contentClass])
+                      class: b(["m-accordion__content", e.contentClass])
                     },
                     [
                       h(e.$slots, "content", {
-                        isOpen: u(t)
+                        isOpen: c(n)
                       }, void 0, !0),
-                      h(e.$slots, `content-${t}`, {
-                        isOpen: u(t)
+                      h(e.$slots, `content-${n}`, {
+                        isOpen: c(n)
                       }, void 0, !0)
                     ],
                     2
@@ -263,7 +263,7 @@ const q = { class: "inner" }, D = /* @__PURE__ */ w({
       ))
     ]));
   }
-}), ee = /* @__PURE__ */ C(X, [["__scopeId", "data-v-052b6500"]]);
+}), ee = /* @__PURE__ */ C(X, [["__scopeId", "data-v-6a945de6"]]);
 export {
   ee as default
 };

package/components/MazAnimatedCounter.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as v, useSlots as x, computed as l, ref as _, watch as h, openBlock as d, createElementBlock as p, normalizeClass as y, normalizeStyle as z, createElementVNode as C, renderSlot as i, createTextVNode as o, toDisplayString as a, createCommentVNode as S } from "vue";
+import { defineComponent as v, useSlots as x, computed as l, ref as _, watch as h, openBlock as d, createElementBlock as m, normalizeClass as y, normalizeStyle as z, createElementVNode as C, renderSlot as i, createTextVNode as o, toDisplayString as a, createCommentVNode as S } from "vue";
 import './assets/MazAnimatedCounter.css';const $ = { class: "maz-sr-only" }, k = {
   key: 0,
   class: "m-animated-counter__fix"
@@ -20,18 +20,18 @@ import './assets/MazAnimatedCounter.css';const $ = { class: "maz-sr-only" }, k =
         }, 100));
       }
     );
-    const m = l(() => `${t.duration}ms`);
-    return (e, c) => (d(), p(
+    const p = l(() => `${t.duration}ms`);
+    return (e, c) => (d(), m(
       "span",
       {
-        class: y(["m-animated-counter", {
+        class: y(["m-animated-counter m-reset-css", {
           "--animated": f.value,
           "--prefixed": r.value,
           "--suffixed": u.value
         }]),
         style: z({
           "--count": e.count,
-          "--animation-duration": m.value
+          "--animation-duration": p.value
         })
       },
       [
@@ -56,7 +56,7 @@ import './assets/MazAnimatedCounter.css';const $ = { class: "maz-sr-only" }, k =
             )
           ], !0)
         ]),
-        r.value || u.value ? (d(), p("span", k, [
+        r.value || u.value ? (d(), m("span", k, [
           i(e.$slots, "prefix", {}, () => [
             o(
               a(e.prefix),
@@ -82,7 +82,7 @@ import './assets/MazAnimatedCounter.css';const $ = { class: "maz-sr-only" }, k =
   for (const [r, u] of t)
     s[r] = u;
   return s;
-}, V = /* @__PURE__ */ M(A, [["__scopeId", "data-v-fc78b268"]]);
+}, V = /* @__PURE__ */ M(A, [["__scopeId", "data-v-c2cd744f"]]);
 export {
   V as default
 };

package/components/MazAvatar.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazAvatar-CZzOIbzh.mjs";
+import { M as f } from "./chunks/MazAvatar-CuOWgdVG.mjs";
 export {
   f as default
 };

package/components/MazBackdrop.mjs

@@ -23,9 +23,9 @@ import './assets/MazBackdrop.css';const G = {
     variant: {}
   },
   emits: ["open", "close", "update:model-value", "before-close"],
-  setup(t, { expose: d, emit: a }) {
+  setup(t, { expose: r, emit: a }) {
     const o = a;
-    function r() {
+    function d() {
       document.documentElement.classList.add(A);
     }
     function w() {
@@ -52,7 +52,7 @@ import './assets/MazBackdrop.css';const G = {
       !t.noCloseOnEscKey && e.key === "Escape" && !t.persistent && l();
     }
     function C() {
-      r(), document.addEventListener("keyup", u, !1);
+      d(), document.addEventListener("keyup", u, !1);
     }
     function f() {
       document.removeEventListener("keyup", u), w();
@@ -78,7 +78,7 @@ import './assets/MazBackdrop.css';const G = {
         } else
           f(), await B(), c == null || c.focus();
       }
-    ), d({
+    ), r({
       onBackdropAnimationEnter: y,
       onBackdropAnimationLeave: b,
       onBackdropClicked: i,
@@ -98,7 +98,7 @@ import './assets/MazBackdrop.css';const G = {
             "div",
             q({
               key: 0,
-              class: "m-backdrop --present"
+              class: "m-backdrop --present m-reset-css"
             }, e.$attrs, {
               class: [e.backdropClass, e.variant && `--variant-${e.variant}`, { "--persistent": e.persistent }]
             }),
@@ -134,12 +134,12 @@ import './assets/MazBackdrop.css';const G = {
       }, 8, ["name"])
     ], 8, ["to"]));
   }
-}), Q = (t, d) => {
+}), Q = (t, r) => {
   const a = t.__vccOpts || t;
-  for (const [o, r] of d)
-    a[o] = r;
+  for (const [o, d] of r)
+    a[o] = d;
   return a;
-}, W = /* @__PURE__ */ Q(J, [["__scopeId", "data-v-7aa1682e"]]);
+}, W = /* @__PURE__ */ Q(J, [["__scopeId", "data-v-90448c91"]]);
 export {
   W as default
 };

package/components/MazBadge.mjs

@@ -13,7 +13,7 @@ import './assets/MazBadge.css';const f = /* @__PURE__ */ n({
     return (e, a) => (r(), s(
       "span",
       {
-        class: d(["m-badge", [
+        class: d(["m-badge m-reset-css", [
           `--${e.color}`,
           { "--outline": e.outline, "--pastel": e.pastel, "--nowrap": e.nowrap },
           `--rounded-${e.roundedSize}`
@@ -32,7 +32,7 @@ import './assets/MazBadge.css';const f = /* @__PURE__ */ n({
   for (const [t, l] of e)
     a[t] = l;
   return a;
-}, c = /* @__PURE__ */ i(f, [["__scopeId", "data-v-e0711595"]]);
+}, c = /* @__PURE__ */ i(f, [["__scopeId", "data-v-6e8e9093"]]);
 export {
   c as default
 };

package/components/MazBottomSheet.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBottomSheet-DGsGO0zo.mjs";
+import { M as f } from "./chunks/MazBottomSheet-CMqzf-dT.mjs";
 export {
   f as default
 };

package/components/MazBtn.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBtn-CM-xSnA5.mjs";
+import { M as f } from "./chunks/MazBtn-DsGaq_eB.mjs";
 export {
   f as default
 };

package/components/MazCard.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCard-98OuVlyK.mjs";
+import { M as f } from "./chunks/MazCard-l54W3CUU.mjs";
 export {
   f as default
 };

package/components/MazCardSpotlight.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as _, ref as c, computed as f, onMounted as k, onUnmounted as E, openBlock as w, createElementBlock as z, normalizeClass as m, normalizeStyle as b, createElementVNode as i, renderSlot as B, withDirectives as y, vShow as h } from "vue";
+import { defineComponent as _, ref as c, computed as m, onMounted as k, onUnmounted as E, openBlock as w, createElementBlock as z, normalizeClass as v, normalizeStyle as b, createElementVNode as i, renderSlot as B, withDirectives as y, vShow as h } from "vue";
 import './assets/MazCardSpotlight.css';const S = { class: "inner" }, $ = /* @__PURE__ */ _({
   __name: "MazCardSpotlight",
   props: {
@@ -12,10 +12,10 @@ import './assets/MazCardSpotlight.css';const S = { class: "inner" }, $ = /* @__P
   setup(l) {
     const n = l, o = c(), r = c(), t = c(!1);
     function d({ clientX: e, clientY: u }) {
-      var p, s, v;
+      var p, s, f;
       t.value = !0;
       const a = (p = r.value) == null ? void 0 : p.getBoundingClientRect();
-      a && ((v = (s = o.value) == null ? void 0 : s.animate) == null || v.call(
+      a && ((f = (s = o.value) == null ? void 0 : s.animate) == null || f.call(
         s,
         [
           {
@@ -28,7 +28,7 @@ import './assets/MazCardSpotlight.css';const S = { class: "inner" }, $ = /* @__P
         }
       ));
     }
-    const g = f(() => `var(--maz-color-${n.color}-alpha)`), C = f(() => `var(--maz-color-${n.color}-alpha-20)`);
+    const g = m(() => `var(--maz-color-${n.color}-alpha)`), C = m(() => `var(--maz-color-${n.color}-alpha-20)`);
     return k(() => {
       window.addEventListener("mousemove", d);
     }), E(() => {
@@ -36,7 +36,7 @@ import './assets/MazCardSpotlight.css';const S = { class: "inner" }, $ = /* @__P
     }), (e, u) => (w(), z(
       "div",
       {
-        class: m(["m-card-spotlight", { "maz-elevation": !e.noElevation }]),
+        class: v(["m-card-spotlight m-reset-css", { "maz-elevation": !e.noElevation }]),
         style: b({ backgroundColor: C.value, "--inner-opacity": e.innerOpacity })
       },
       [
@@ -44,7 +44,7 @@ import './assets/MazCardSpotlight.css';const S = { class: "inner" }, $ = /* @__P
           i(
             "div",
             {
-              class: m(["content", [{ "maz-p-4": e.padding }, e.contentClass]])
+              class: v(["content", [{ "maz-p-4": e.padding }, e.contentClass]])
             },
             [
               B(e.$slots, "default", {}, void 0, !0)
@@ -90,7 +90,7 @@ import './assets/MazCardSpotlight.css';const S = { class: "inner" }, $ = /* @__P
   for (const [r, t] of n)
     o[r] = t;
   return o;
-}, L = /* @__PURE__ */ O($, [["__scopeId", "data-v-30c7054c"]]);
+}, L = /* @__PURE__ */ O($, [["__scopeId", "data-v-4f773edc"]]);
 export {
   L as default
 };

package/components/MazCarousel.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCarousel-COTaKhKF.mjs";
+import { M as f } from "./chunks/MazCarousel-C16E1i1T.mjs";
 export {
   f as default
 };

package/components/MazChart.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as l, defineAsyncComponent as d, openBlock as m, createBlock as y, resolveDynamicComponent as f, unref as g, normalizeProps as b, guardReactiveProps as h } from "vue";
-import { Chart as C, CategoryScale as S, LinearScale as _, Title as A, Tooltip as B, Legend as P, BarElement as E, ArcElement as L, PointElement as v, LineElement as j } from "chart.js";
-const w = /* @__PURE__ */ l({
+import { defineComponent as l, defineAsyncComponent as d, openBlock as m, createBlock as y, resolveDynamicComponent as f, unref as g, mergeProps as b } from "vue";
+import { Chart as h, CategoryScale as C, LinearScale as S, Title as _, Tooltip as A, Legend as B, BarElement as E, ArcElement as L, PointElement as P, LineElement as j } from "chart.js";
+const v = /* @__PURE__ */ l({
   __name: "MazChart",
   props: {
     /**
@@ -52,41 +52,41 @@ const w = /* @__PURE__ */ l({
   },
   setup(a) {
     const e = a;
-    C.register(
+    h.register(
+      C,
       S,
       _,
       A,
       B,
-      P,
       E,
       L,
-      v,
+      P,
       j
     );
     const n = d(async () => {
-      const { Bar: t, Bubble: r, Doughnut: o, Line: c, Pie: u, PolarArea: p, Radar: i, Scatter: s } = await import("vue-chartjs");
+      const { Bar: t, Bubble: r, Doughnut: o, Line: c, Pie: s, PolarArea: u, Radar: p, Scatter: i } = await import("vue-chartjs");
       switch (e.type) {
         case "bar":
           return t;
         case "line":
           return c;
         case "scatter":
-          return s;
+          return i;
         case "bubble":
           return r;
         case "pie":
-          return u;
+          return s;
         case "doughnut":
           return o;
         case "polarArea":
-          return p;
+          return u;
         case "radar":
-          return i;
+          return p;
       }
     });
     return (t, r) => (m(), y(
       f(g(n)),
-      b(h(e)),
+      b({ class: "m-chart m-reset-css" }, e),
       null,
       16
       /* FULL_PROPS */
@@ -94,5 +94,5 @@ const w = /* @__PURE__ */ l({
   }
 });
 export {
-  w as default
+  v as default
 };

package/components/MazCheckbox.mjs

@@ -107,7 +107,7 @@ const H = { render: F }, K = ["for", "aria-checked"], O = ["id", "checked", "dis
     }
     return (e, r) => (h(), p("label", {
       for: m(s),
-      class: f(["m-checkbox", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, o.class]]),
+      class: f(["m-checkbox m-reset-css", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, o.class]]),
       tabindex: "0",
       style: c([e.style, { "--checkbox-selected-color": V.value, "--checkbox-box-shadow-color": k.value }]),
       role: "checkbox",
@@ -176,7 +176,7 @@ const H = { render: F }, K = ["for", "aria-checked"], O = ["id", "checked", "dis
   for (const [n, s] of a)
     o[n] = s;
   return o;
-}, J = /* @__PURE__ */ U(T, [["__scopeId", "data-v-65d7fb3b"]]);
+}, J = /* @__PURE__ */ U(T, [["__scopeId", "data-v-66c21eaf"]]);
 export {
   J as default
 };

package/components/MazChecklist.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazChecklist-Bb_70sf5.mjs";
+import { M as f } from "./chunks/MazChecklist-DSfD55m5.mjs";
 export {
   f as default
 };

package/components/MazCircularProgressBar.mjs

@@ -5,10 +5,10 @@ import './assets/MazCircularProgressBar.css';function A({
 }) {
   return r(() => e ?? `${a}-${C().replace(/:/g, "")}`);
 }
-const V = { class: "maz-sr-only" }, b = {
+const V = { class: "maz-sr-only" }, D = {
   key: 0,
   class: "m-animated-counter__fix"
-}, D = /* @__PURE__ */ x({
+}, E = /* @__PURE__ */ x({
   __name: "MazAnimatedCounter",
   props: {
     count: {},
@@ -30,7 +30,7 @@ const V = { class: "maz-sr-only" }, b = {
     return (t, g) => (p(), m(
       "span",
       {
-        class: B(["m-animated-counter", {
+        class: B(["m-animated-counter m-reset-css", {
           "--animated": d.value,
           "--prefixed": f.value,
           "--suffixed": c.value
@@ -62,7 +62,7 @@ const V = { class: "maz-sr-only" }, b = {
             )
           ], !0)
         ]),
-        f.value || c.value ? (p(), m("span", b, [
+        f.value || c.value ? (p(), m("span", D, [
           l(t.$slots, "prefix", {}, () => [
             i(
               u(t.prefix),
@@ -88,7 +88,7 @@ const V = { class: "maz-sr-only" }, b = {
   for (const [f, c] of e)
     s[f] = c;
   return s;
-}, E = /* @__PURE__ */ $(D, [["__scopeId", "data-v-fc78b268"]]), L = { class: "outer" }, T = { class: "inner" }, W = { key: 0 }, j = {
+}, L = /* @__PURE__ */ $(E, [["__scopeId", "data-v-c2cd744f"]]), T = { class: "outer" }, W = { class: "inner" }, b = { key: 0 }, j = {
   xmlns: "http://www.w3.org/2000/svg",
   height: "1em",
   width: "1em",
@@ -123,7 +123,7 @@ const V = { class: "maz-sr-only" }, b = {
     return (o, H) => (p(), m(
       "div",
       {
-        class: "m-circular-progress-bar",
+        class: "m-circular-progress-bar m-reset-css",
         style: y([
           {
             "--animation-duration": z.value,
@@ -135,11 +135,11 @@ const V = { class: "maz-sr-only" }, b = {
         ])
       },
       [
-        n("div", L, [
-          n("div", T, [
-            h(s).default ? (p(), m("span", W, [
+        n("div", T, [
+          n("div", W, [
+            h(s).default ? (p(), m("span", b, [
               l(o.$slots, "default", {}, void 0, !0)
-            ])) : (p(), I(E, {
+            ])) : (p(), I(L, {
               key: 1,
               count: o.percentage,
               duration: o.duration
@@ -212,7 +212,7 @@ const V = { class: "maz-sr-only" }, b = {
       /* STYLE */
     ));
   }
-}), K = /* @__PURE__ */ $(F, [["__scopeId", "data-v-3746a281"]]);
+}), K = /* @__PURE__ */ $(F, [["__scopeId", "data-v-73fe8da6"]]);
 export {
   K as default
 };

package/components/MazDialog.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazDialog-Ca3jJ12T.mjs";
+import { M as f } from "./chunks/MazDialog-BjQ3ivmv.mjs";
 export {
   f as default
 };

package/components/MazDialogPromise.mjs

@@ -1,4 +1,4 @@
-import { a as o, u as s } from "./chunks/MazDialogPromise-DOnmLhui.mjs";
+import { a as o, u as s } from "./chunks/MazDialogPromise-Bg3ZOsEI.mjs";
 export {
   o as default,
   s as useMazDialogPromise

package/components/MazDrawer.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazDrawer-Bas9dy0D.mjs";
+import { M as f } from "./chunks/MazDrawer-BqNLfW4e.mjs";
 export {
   f as default
 };