maz-ui 3.40.3 → 3.41.0

package/components/MazAccordion.mjs

@@ -50,14 +50,14 @@ const j = /* @__PURE__ */ z({
     color: { default: "primary" },
     noElevation: { type: Boolean, default: !1 },
     padding: { type: Boolean, default: !0 },
-    contentClass: { default: "maz-p-4" },
+    contentClass: { default: void 0 },
     contentStyle: { default: void 0 },
     innerOpacity: { default: 0.95 }
   },
   setup(r) {
     B((i) => ({
-      "49b43185": i.innerOpacity,
-      "37547d56": s.value
+      "474a7292": i.innerOpacity,
+      f69a3cbc: s.value
     }));
     const l = r, n = y(), d = y(), t = y(!1);
     function a({ clientX: i, clientY: c }) {
@@ -134,7 +134,7 @@ const j = /* @__PURE__ */ z({
       /* CLASS, STYLE */
     ));
   }
-}), G = /* @__PURE__ */ E(F, [["__scopeId", "data-v-3030d98c"]]), P = {
+}), G = /* @__PURE__ */ E(F, [["__scopeId", "data-v-14299ed5"]]), P = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",

package/components/MazAnimatedCounter.d.ts

@@ -0,0 +1,75 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /**
+     * The number to animate
+     */
+    count: number;
+    /**
+     * Duration of the animation in milliseconds
+     * @default 1000
+     */
+    duration?: number | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    prefix?: string | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    suffix?: string | undefined;
+}>, {
+    duration: number;
+    prefix: undefined;
+    suffix: undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /**
+     * The number to animate
+     */
+    count: number;
+    /**
+     * Duration of the animation in milliseconds
+     * @default 1000
+     */
+    duration?: number | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    prefix?: string | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    suffix?: string | undefined;
+}>, {
+    duration: number;
+    prefix: undefined;
+    suffix: undefined;
+}>>>, {
+    duration: number;
+    prefix: string;
+    suffix: string;
+}, {}>, {
+    prefix?(_: {}): any;
+    suffix?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/components/MazAnimatedCounter.mjs

@@ -0,0 +1,91 @@
+import './assets/MazAnimatedCounter.css';
+import { defineComponent as v, useCssVars as _, useSlots as h, computed as l, ref as C, watch as $, openBlock as p, createElementBlock as m, normalizeClass as A, createElementVNode as S, renderSlot as f, createTextVNode as o, toDisplayString as a, createCommentVNode as d } from "vue";
+const b = { class: "maz-sr-only" }, g = {
+  key: 0,
+  class: "m-animated-counter__fix"
+}, k = /* @__PURE__ */ v({
+  __name: "MazAnimatedCounter",
+  props: {
+    count: {},
+    duration: { default: 1e3 },
+    prefix: { default: void 0 },
+    suffix: { default: void 0 }
+  },
+  setup(n) {
+    _((e) => ({
+      "0b7109b2": x.value,
+      e965ff72: e.count
+    }));
+    const t = n, s = h(), r = l(() => !!t.prefix || !!s.prefix), u = l(() => !!t.suffix || !!s.suffix), i = C(!0);
+    $(
+      () => t.count,
+      (e, c) => {
+        e !== c && (i.value = !1, setTimeout(() => {
+          i.value = !0;
+        }, 100));
+      }
+    );
+    const x = l(() => `${t.duration}ms`);
+    return (e, c) => (p(), m(
+      "span",
+      {
+        class: A(["m-animated-counter", {
+          "--animated": i.value,
+          "--prefixed": r.value,
+          "--suffixed": u.value
+        }])
+      },
+      [
+        S("span", b, [
+          f(e.$slots, "prefix", {}, () => [
+            o(
+              a(e.prefix),
+              1
+              /* TEXT */
+            )
+          ], !0),
+          o(
+            " " + a(e.count) + " ",
+            1
+            /* TEXT */
+          ),
+          f(e.$slots, "suffix", {}, () => [
+            o(
+              a(e.suffix),
+              1
+              /* TEXT */
+            )
+          ], !0)
+        ]),
+        r.value || u.value ? (p(), m("span", g, [
+          d(' @slot Prefix slot - Add a prefix next to the number (e.g: "$") '),
+          f(e.$slots, "prefix", {}, () => [
+            o(
+              a(e.prefix),
+              1
+              /* TEXT */
+            )
+          ], !0),
+          d(' @slot Suffix slot - Add a suffix next to the number (e.g: "%") '),
+          f(e.$slots, "suffix", {}, () => [
+            o(
+              a(e.suffix),
+              1
+              /* TEXT */
+            )
+          ], !0)
+        ])) : d("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), y = (n, t) => {
+  const s = n.__vccOpts || n;
+  for (const [r, u] of t)
+    s[r] = u;
+  return s;
+}, V = /* @__PURE__ */ y(k, [["__scopeId", "data-v-ca68c5dd"]]);
+export {
+  V as default
+};

package/components/MazBottomSheet.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBottomSheet-BuBc8C9L.mjs";
+import { M as f } from "./chunks/MazBottomSheet-CIlIdn-2.mjs";
 export {
   f as default
 };

package/components/MazBtn.mjs

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

package/components/MazCard.mjs

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

package/components/MazCardSpotlight.d.ts

@@ -37,14 +37,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noElevation: boolean;
     color: string;
     padding: boolean;
-    contentClass: string;
+    contentClass: undefined;
     contentStyle: undefined;
     innerOpacity: number;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     noElevation: boolean;
     color: string;
     padding: boolean;
-    contentClass: string;
+    contentClass: undefined;
     contentStyle: undefined;
     innerOpacity: number;
 }>>>, {

package/components/MazCardSpotlight.mjs

@@ -1,26 +1,26 @@
 import './assets/MazCardSpotlight.css';
-import { defineComponent as g, useCssVars as k, ref as c, computed as f, onMounted as E, onUnmounted as z, openBlock as w, createElementBlock as B, normalizeClass as b, normalizeStyle as h, createElementVNode as i, renderSlot as S, withDirectives as y, vShow as C } from "vue";
+import { defineComponent as g, useCssVars as k, ref as c, computed as m, onMounted as E, onUnmounted as w, openBlock as z, createElementBlock as B, normalizeClass as b, normalizeStyle as h, createElementVNode as i, renderSlot as S, withDirectives as y, vShow as C } from "vue";
 const $ = { class: "inner" }, M = /* @__PURE__ */ g({
   __name: "MazCardSpotlight",
   props: {
     color: { default: "primary" },
     noElevation: { type: Boolean, default: !1 },
     padding: { type: Boolean, default: !0 },
-    contentClass: { default: "maz-p-4" },
+    contentClass: { default: void 0 },
     contentStyle: { default: void 0 },
     innerOpacity: { default: 0.95 }
   },
   setup(l) {
     k((e) => ({
-      "49b43185": e.innerOpacity,
-      "37547d56": u.value
+      "474a7292": e.innerOpacity,
+      f69a3cbc: u.value
     }));
     const n = l, o = c(), r = c(), t = c(!1);
     function d({ clientX: e, clientY: p }) {
-      var m, s, v;
+      var v, s, f;
       t.value = !0;
-      const a = (m = r.value) == null ? void 0 : m.getBoundingClientRect();
-      a && ((v = (s = o.value) == null ? void 0 : s.animate) == null || v.call(
+      const a = (v = r.value) == null ? void 0 : v.getBoundingClientRect();
+      a && ((f = (s = o.value) == null ? void 0 : s.animate) == null || f.call(
         s,
         [
           {
@@ -33,12 +33,12 @@ const $ = { class: "inner" }, M = /* @__PURE__ */ g({
         }
       ));
     }
-    const u = f(() => `var(--maz-color-${n.color}-alpha)`), _ = f(() => `var(--maz-color-${n.color}-alpha-20)`);
+    const u = m(() => `var(--maz-color-${n.color}-alpha)`), _ = m(() => `var(--maz-color-${n.color}-alpha-20)`);
     return E(() => {
       window.addEventListener("mousemove", d);
-    }), z(() => {
+    }), w(() => {
       window.removeEventListener("mousemove", d);
-    }), (e, p) => (w(), B(
+    }), (e, p) => (z(), B(
       "div",
       {
         class: b(["m-card-spotlight", { "maz-elevation": !e.noElevation }]),
@@ -95,7 +95,7 @@ const $ = { class: "inner" }, M = /* @__PURE__ */ g({
   for (const [r, t] of n)
     o[r] = t;
   return o;
-}, L = /* @__PURE__ */ O(M, [["__scopeId", "data-v-3030d98c"]]);
+}, L = /* @__PURE__ */ O(M, [["__scopeId", "data-v-14299ed5"]]);
 export {
   L as default
 };

package/components/MazCarousel.mjs

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

package/components/MazCircularProgressBar.d.ts

@@ -0,0 +1,114 @@
+import { type Color } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /**
+     * The percentage value of the progress bar
+     */
+    percentage: number;
+    /**
+     * The size of the progress bar
+     * @default '10em'
+     */
+    size?: string | undefined;
+    /**
+     * Duration of the animation in milliseconds
+     * @default 1000
+     */
+    duration?: number | undefined;
+    /**
+     * The color of the progress bar
+     */
+    color?: Color | undefined;
+    /**
+     * Auto color based on the count (danger, warning, success)
+     * @default false
+     */
+    autoColor?: boolean | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    prefix?: string | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    suffix?: string | undefined;
+}>, {
+    percentage: number;
+    size: string;
+    duration: number;
+    color: undefined;
+    prefix: undefined;
+    suffix: undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /**
+     * The percentage value of the progress bar
+     */
+    percentage: number;
+    /**
+     * The size of the progress bar
+     * @default '10em'
+     */
+    size?: string | undefined;
+    /**
+     * Duration of the animation in milliseconds
+     * @default 1000
+     */
+    duration?: number | undefined;
+    /**
+     * The color of the progress bar
+     */
+    color?: Color | undefined;
+    /**
+     * Auto color based on the count (danger, warning, success)
+     * @default false
+     */
+    autoColor?: boolean | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    prefix?: string | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    suffix?: string | undefined;
+}>, {
+    percentage: number;
+    size: string;
+    duration: number;
+    color: undefined;
+    prefix: undefined;
+    suffix: undefined;
+}>>>, {
+    size: string;
+    color: Color;
+    duration: number;
+    prefix: string;
+    suffix: string;
+    percentage: number;
+}, {}>, {
+    default?(_: {}): any;
+    prefix?(_: {}): any;
+    suffix?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/components/MazCircularProgressBar.mjs

@@ -0,0 +1,220 @@
+import './assets/MazCircularProgressBar.css';
+import { defineComponent as $, useCssVars as y, useSlots as k, computed as r, ref as w, watch as b, openBlock as p, createElementBlock as v, normalizeClass as B, createElementVNode as n, renderSlot as l, createTextVNode as u, toDisplayString as i, createCommentVNode as m, getCurrentInstance as P, normalizeStyle as A, unref as g, createBlock as M, createSlots as I, withCtx as _ } from "vue";
+const N = { class: "maz-sr-only" }, V = {
+  key: 0,
+  class: "m-animated-counter__fix"
+}, D = /* @__PURE__ */ $({
+  __name: "MazAnimatedCounter",
+  props: {
+    count: {},
+    duration: { default: 1e3 },
+    prefix: { default: void 0 },
+    suffix: { default: void 0 }
+  },
+  setup(a) {
+    y((t) => ({
+      "0b7109b2": h.value,
+      e965ff72: t.count
+    }));
+    const e = a, o = k(), f = r(() => !!e.prefix || !!o.prefix), c = r(() => !!e.suffix || !!o.suffix), d = w(!0);
+    b(
+      () => e.count,
+      (t, x) => {
+        t !== x && (d.value = !1, setTimeout(() => {
+          d.value = !0;
+        }, 100));
+      }
+    );
+    const h = r(() => `${e.duration}ms`);
+    return (t, x) => (p(), v(
+      "span",
+      {
+        class: B(["m-animated-counter", {
+          "--animated": d.value,
+          "--prefixed": f.value,
+          "--suffixed": c.value
+        }])
+      },
+      [
+        n("span", N, [
+          l(t.$slots, "prefix", {}, () => [
+            u(
+              i(t.prefix),
+              1
+              /* TEXT */
+            )
+          ], !0),
+          u(
+            " " + i(t.count) + " ",
+            1
+            /* TEXT */
+          ),
+          l(t.$slots, "suffix", {}, () => [
+            u(
+              i(t.suffix),
+              1
+              /* TEXT */
+            )
+          ], !0)
+        ]),
+        f.value || c.value ? (p(), v("span", V, [
+          m(' @slot Prefix slot - Add a prefix next to the number (e.g: "$") '),
+          l(t.$slots, "prefix", {}, () => [
+            u(
+              i(t.prefix),
+              1
+              /* TEXT */
+            )
+          ], !0),
+          m(' @slot Suffix slot - Add a suffix next to the number (e.g: "%") '),
+          l(t.$slots, "suffix", {}, () => [
+            u(
+              i(t.suffix),
+              1
+              /* TEXT */
+            )
+          ], !0)
+        ])) : m("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), z = (a, e) => {
+  const o = a.__vccOpts || a;
+  for (const [f, c] of e)
+    o[f] = c;
+  return o;
+}, E = /* @__PURE__ */ z(D, [["__scopeId", "data-v-ca68c5dd"]]);
+function T({
+  componentName: a,
+  providedId: e
+}) {
+  const o = P();
+  return r(() => e ?? `${a}-${o == null ? void 0 : o.uid}`);
+}
+const j = { class: "outer" }, q = { class: "inner" }, G = { key: 0 }, O = {
+  xmlns: "http://www.w3.org/2000/svg",
+  height: "1em",
+  width: "1em",
+  viewBox: "0 0 100 100"
+}, R = ["id"], U = ["stop-color"], F = ["stop-color"], H = ["stroke"], J = /* @__PURE__ */ $({
+  __name: "MazCircularProgressBar",
+  props: {
+    percentage: { default: 0 },
+    size: { default: "10em" },
+    duration: { default: 1e3 },
+    color: { default: void 0 },
+    autoColor: { type: Boolean },
+    prefix: { default: void 0 },
+    suffix: { default: void 0 }
+  },
+  setup(a) {
+    y((s) => ({
+      "2ff460f7": C.value,
+      "181ba074": S.value
+    }));
+    const e = a, o = k(), f = r(() => !!e.prefix || !!o.prefix), c = r(() => !!e.suffix || !!o.suffix), d = T({
+      componentName: "MazCircularProgressBar"
+    }), h = r(() => e.percentage > 100 ? 100 : e.percentage <= 0 ? 0.5 : e.percentage), t = r(
+      () => e.autoColor ? x(e.percentage) : e.color
+    );
+    function x(s) {
+      return s < 50 || s > 100 ? "danger" : s < 100 ? "warning" : "success";
+    }
+    const C = r(() => `${e.duration}ms`), S = r(() => Math.round(290 - 290 * (h.value / 100)));
+    return (s, K) => (p(), v(
+      "div",
+      {
+        class: "m-circular-progress-bar",
+        style: A([
+          {
+            fontSize: s.size
+          }
+        ])
+      },
+      [
+        n("div", j, [
+          n("div", q, [
+            g(o).default ? (p(), v("span", G, [
+              m(" @slot Default slot - Replace the percaentage value "),
+              l(s.$slots, "default", {}, void 0, !0)
+            ])) : (p(), M(E, {
+              key: 1,
+              count: s.percentage,
+              duration: s.duration
+            }, I({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              f.value ? {
+                name: "prefix",
+                fn: _(() => [
+                  m(' @slot Prefix slot - Add a prefix next to the number (e.g: "$") '),
+                  l(s.$slots, "prefix", {}, () => [
+                    u(
+                      i(s.prefix),
+                      1
+                      /* TEXT */
+                    )
+                  ], !0)
+                ]),
+                key: "0"
+              } : void 0,
+              c.value ? {
+                name: "suffix",
+                fn: _(() => [
+                  m(' @slot Suffix slot - Add a suffix next to the number (e.g: "%") '),
+                  l(s.$slots, "suffix", {}, () => [
+                    u(
+                      i(s.suffix),
+                      1
+                      /* TEXT */
+                    )
+                  ], !0)
+                ]),
+                key: "1"
+              } : void 0
+            ]), 1032, ["count", "duration"]))
+          ])
+        ]),
+        (p(), v("svg", O, [
+          n("defs", null, [
+            n("linearGradient", {
+              id: `${g(d)}-gradient`,
+              x1: "0",
+              x2: "0",
+              y1: "1",
+              y2: "0"
+            }, [
+              n("stop", {
+                offset: "0%",
+                "stop-color": t.value ? `var(--maz-color-${t.value}-400)` : "var(--maz-color-primary)"
+              }, null, 8, U),
+              n("stop", {
+                offset: "100%",
+                "stop-color": t.value ? `var(--maz-color-${t.value}-700)` : "var(--maz-color-secondary)"
+              }, null, 8, F)
+            ], 8, R)
+          ]),
+          n("circle", {
+            cx: "50",
+            cy: "50",
+            r: "46",
+            "stroke-width": "6",
+            "stroke-dasharray": "290",
+            "stroke-dashoffset": "290",
+            stroke: `url(#${g(d)}-gradient)`,
+            fill: "none",
+            "stroke-linecap": "round"
+          }, null, 8, H)
+        ]))
+      ],
+      4
+      /* STYLE */
+    ));
+  }
+}), Q = /* @__PURE__ */ z(J, [["__scopeId", "data-v-9b86a1a5"]]);
+export {
+  Q as default
+};

package/components/MazDialog.mjs

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

package/components/MazDialogPromise.mjs

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

package/components/MazDrawer.mjs

@@ -126,7 +126,7 @@ const V = "--backdrop-present", U = /* @__PURE__ */ h({
   },
   emits: ["before-close", "open", "close", "update:model-value"],
   setup(C) {
-    const c = z(() => import("./chunks/MazBtn-IBS93Vda.mjs").then((e) => e.M)), m = z(() => import("./chunks/x-mark-BP8zWe_C.mjs"));
+    const c = z(() => import("./chunks/MazBtn-BydIwD1J.mjs").then((e) => e.M)), m = z(() => import("./chunks/x-mark-BP8zWe_C.mjs"));
     return (e, n) => (d(), D(U, {
       "backdrop-class": ["m-drawer", `--${e.variant}`, e.backdropClass],
       style: F({

package/components/MazDropdown.mjs

@@ -83,7 +83,7 @@ const de = {
     "update:open"
   ],
   setup(n, { emit: t }) {
-    const a = A(() => import("./chunks/MazBtn-IBS93Vda.mjs").then((e) => e.M)), m = A(() => import("./chunks/chevron-down-CzMH-gFW.mjs")), s = n, g = t, p = ae({
+    const a = A(() => import("./chunks/MazBtn-BydIwD1J.mjs").then((e) => e.M)), m = A(() => import("./chunks/chevron-down-CzMH-gFW.mjs")), s = n, g = t, p = ae({
       componentName: "MazDropdown",
       providedId: s.id
     }), i = I(s.open), r = I();

package/components/MazInput.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazInput-CuNNbyX5.mjs";
+import { M as f } from "./chunks/MazInput-BZBaDBjc.mjs";
 export {
   f as default
 };

package/components/MazInputNumber.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazInputNumber-D9lhCaXw.mjs";
+import { a as f } from "./chunks/MazInputNumber-DsSRD1TO.mjs";
 export {
   f as default
 };