maz-ui 3.44.4-beta.8 → 3.45.0

package/components/MazAccordion.mjs

@@ -175,8 +175,10 @@ function Y({
   componentName: r,
   providedId: a
 }) {
-  const t = N();
-  return $(() => a ?? `${r}-${t == null ? void 0 : t.uid}`);
+  return $(() => {
+    var t;
+    return a ?? `${r}-${(t = N()) == null ? void 0 : t.uid}`;
+  });
 }
 const Z = {
   class: "m-accordion",
@@ -272,7 +274,7 @@ const Z = {
       ))
     ]));
   }
-}), ae = /* @__PURE__ */ k(te, [["__scopeId", "data-v-3413d328"]]);
+}), ae = /* @__PURE__ */ k(te, [["__scopeId", "data-v-45a9432f"]]);
 export {
   ae as default
 };

package/components/MazBackdrop.d.ts

@@ -34,7 +34,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     onBackdropAnimationLeave: typeof onBackdropAnimationLeave;
     onBackdropClicked: typeof onBackdropClicked;
     close: typeof close;
-    present: import("vue").Ref<boolean>;
+    present: import("vue").Ref<boolean, boolean>;
     toggleModal: typeof toggleModal;
     onKeyPress: typeof onKeyPress;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {

package/components/MazBottomSheet.mjs

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

package/components/MazBtn.d.ts

@@ -32,6 +32,7 @@ export interface Props {
     /**
      * Size of the rounded
      * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
+     * @default 'lg'
      */
     roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
     /**

package/components/MazBtn.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBtn-Dfz-5FeI.mjs";
+import { M as f } from "./chunks/MazBtn-Db9bWwr8.mjs";
 export {
   f as default
 };

package/components/MazCard.mjs

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

package/components/MazCarousel.mjs

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

package/components/MazChart.d.ts

@@ -97,8 +97,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     options: Record<string, any>;
+    updateMode: "reset" | "resize" | "default" | "none" | "hide" | "show" | "active";
     plugins: unknown[];
     datasetIdKey: string;
-    updateMode: "reset" | "resize" | "default" | "none" | "hide" | "show" | "active";
 }, {}>;
 export default _default;

package/components/MazCheckbox.d.ts

@@ -1,82 +1,62 @@
 import { type HTMLAttributes } from 'vue';
 import type { Color, Size } from './types';
-export type { Color, Size };
-export interface Props {
+export interface Props<T = boolean | (string | number)[]> {
+    /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
+    /** Class attribut of the component root element */
     class?: HTMLAttributes['class'];
-    modelValue?: boolean | (string | number)[];
+    /** The model value of the checkbox */
+    modelValue?: T;
+    /** The id of the checkbox */
     id?: string;
+    /** The color of the checkbox */
     color?: Color;
+    /** The value of the checkbox when selected */
     value?: string | number | boolean;
+    /** The name of the checkbox */
     name?: string;
+    /** The size of the checkbox */
     size?: Size;
+    /** Text label */
     label?: string;
+    /** If the checkbox is disabled */
     disabled?: boolean;
+    /** Whether there is an error with the input. */
+    error?: boolean;
+    /** Whether the input is successful. */
+    success?: boolean;
+    /** Whether there is a warning with the input. */
+    warning?: boolean;
+    /** The hint text to display below the input. */
+    hint?: string;
 }
-declare function __VLS_template(): {
-    default?(_: {}): any;
+export type { Color, Size } from './types';
+declare const _default: <T extends boolean | (string | number)[]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
+        onFocus?: ((value: FocusEvent) => any) | undefined;
+        onBlur?: ((value: FocusEvent) => any) | undefined;
+        onChange?: ((value: T) => any) | undefined;
+        "onUpdate:model-value"?: ((value: T) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
+        onFocus?: ((value: FocusEvent) => any) | undefined;
+        onBlur?: ((value: FocusEvent) => any) | undefined;
+        onChange?: ((value: T) => any) | undefined;
+        "onUpdate:model-value"?: ((value: T) => any) | undefined;
+    }, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & Props<T>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {
+        default?(_: {
+            value: string | number | boolean | undefined;
+        }): any;
+    }>;
+    emit: (((evt: "blur", value: FocusEvent) => void) & ((evt: "change", value: T) => void) & ((evt: "focus", value: FocusEvent) => void) & ((evt: "update:model-value", value: T) => void)) & {};
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    style: undefined;
-    class: undefined;
-    modelValue: undefined;
-    label: undefined;
-    id: undefined;
-    color: string;
-    value: undefined;
-    name: string;
-    size: string;
-    disabled: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-    "update:model-value": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    style: undefined;
-    class: undefined;
-    modelValue: undefined;
-    label: undefined;
-    id: undefined;
-    color: string;
-    value: undefined;
-    name: string;
-    size: string;
-    disabled: boolean;
-}>>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-}, {
-    size: Size;
-    label: string;
-    style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
-    name: string;
-    id: string;
-    value: string | number | boolean;
-    disabled: boolean;
-    color: Color;
-    class: HTMLAttributes["class"];
-    modelValue: boolean | (string | number)[];
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 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/MazCheckbox.mjs

@@ -1,18 +1,20 @@
-import { getCurrentInstance as _, computed as l, openBlock as p, createElementBlock as b, createElementVNode as u, defineComponent as w, useCssVars as C, unref as d, normalizeClass as h, normalizeStyle as I, mergeProps as S, createVNode as B, renderSlot as A, createTextVNode as N, toDisplayString as $ } from "vue";
-import './assets/MazCheckbox.css';function M({
-  componentName: a,
-  providedId: r
+import { computed as n, getCurrentInstance as I, openBlock as f, createElementBlock as h, createElementVNode as c, defineComponent as S, useCssVars as N, ref as E, unref as i, normalizeClass as m, normalizeStyle as $, mergeProps as A, createVNode as M, renderSlot as D, createTextVNode as R, toDisplayString as k, createCommentVNode as j } from "vue";
+import './assets/MazCheckbox.css';function q({
+  componentName: r,
+  providedId: t
 }) {
-  const e = _();
-  return l(() => r ?? `${a}-${e == null ? void 0 : e.uid}`);
+  return n(() => {
+    var o;
+    return t ?? `${r}-${(o = I()) == null ? void 0 : o.uid}`;
+  });
 }
-const D = {
+const F = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, E = /* @__PURE__ */ u(
+}, H = /* @__PURE__ */ c(
   "path",
   {
     stroke: "currentColor",
@@ -24,47 +26,46 @@ const D = {
   null,
   -1
   /* HOISTED */
-), j = [
-  E
+), K = [
+  H
 ];
-function q(a, r) {
-  return p(), b("svg", D, [...j]);
+function O(r, t) {
+  return f(), h("svg", F, [...K]);
 }
-const H = { render: q }, K = ["for", "aria-checked"], O = ["id", "checked", "disabled", "name"], P = /* @__PURE__ */ w({
+const P = { render: O }, T = ["for", "aria-checked"], U = ["id", "checked", "disabled", "name"], G = { class: "m-checkbox__text" }, J = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "MazCheckbox",
   props: {
     style: { default: void 0 },
     class: { default: void 0 },
-    modelValue: { type: [Boolean, Array], default: void 0 },
+    modelValue: { default: void 0 },
     id: { default: void 0 },
     color: { default: "primary" },
     value: { type: [String, Number, Boolean], default: void 0 },
     name: { default: "m-checkbox" },
     size: { default: "md" },
     label: { default: void 0 },
-    disabled: { type: Boolean, default: !1 }
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean },
+    success: { type: Boolean },
+    warning: { type: Boolean },
+    hint: {}
   },
-  emits: [
-    /* emitted when value change */
-    "update:model-value",
-    /* emited when value change */
-    "change"
-  ],
-  setup(a, { emit: r }) {
-    C((o) => ({
-      "30ad0e00": v.value,
-      "46bd1cbc": k.value,
-      "7c7c6907": y.value,
-      "47a52c6c": V.value
+  emits: ["update:model-value", "change", "blur", "focus"],
+  setup(r, { emit: t }) {
+    N((e) => ({
+      "637b9682": z.value,
+      "7a7f3c21": y.value,
+      "4af0fd68": w.value,
+      "27d552aa": V.value
     }));
-    const e = a, n = r, c = M({
+    const o = r, l = t, s = q({
       componentName: "MazCheckbox",
-      providedId: e.id
-    }), i = l(
-      () => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
-    ), k = l(() => {
-      switch (e.size) {
+      providedId: o.id
+    }), p = n(
+      () => typeof o.value != "boolean" && Array.isArray(o.modelValue) ? o.modelValue.includes(o.value) : typeof o.modelValue == "boolean" ? o.modelValue : !1
+    ), y = n(() => {
+      switch (o.size) {
         case "xl":
           return "2.25rem";
         case "lg":
@@ -78,8 +79,8 @@ const H = { render: q }, K = ["for", "aria-checked"], O = ["id", "checked", "dis
         default:
           return "1.625rem";
       }
-    }), x = l(() => {
-      switch (e.size) {
+    }), g = n(() => {
+      switch (o.size) {
         case "xl":
           return "maz-text-2xl";
         case "lg":
@@ -93,61 +94,88 @@ const H = { render: q }, K = ["for", "aria-checked"], O = ["id", "checked", "dis
         default:
           return "maz-text-lg";
       }
-    }), v = l(() => `var(--maz-color-${e.color}-contrast)`), y = l(() => `var(--maz-color-${e.color})`), V = l(
-      () => ["black", "transparent"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`
-    );
-    function z(o) {
-      ["Space"].includes(o.code) && (o.preventDefault(), m(e.value ?? !e.modelValue));
+    }), z = n(() => `var(--maz-color-${o.color}-contrast)`), w = n(() => `var(--maz-color-${o.color})`), V = n(() => o.error ? "var(--maz-color-danger)" : o.warning ? "var(--maz-color-warning)" : o.success ? "var(--maz-color-success)" : ["black", "transparent"].includes(o.color) ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-alpha)`);
+    function x(e) {
+      ["Space"].includes(e.code) && (e.preventDefault(), b(o.value ?? !o.modelValue));
     }
-    function g(o) {
-      return typeof o == "boolean" && (typeof e.modelValue == "boolean" || e.modelValue === void 0 || e.modelValue === null) ? !e.modelValue : Array.isArray(e.modelValue) && typeof o != "boolean" ? e.modelValue.includes(o) ? e.modelValue.filter((t) => t !== o) : [...e.modelValue, o] : [o];
+    function C(e) {
+      return typeof e == "boolean" && (typeof o.modelValue == "boolean" || o.modelValue === void 0 || o.modelValue === null) ? !o.modelValue : Array.isArray(o.modelValue) && typeof e != "boolean" ? o.modelValue.includes(e) ? o.modelValue.filter((a) => a !== e) : [...o.modelValue, e] : [e];
     }
-    function m(o) {
-      const t = g(o);
-      n("update:model-value", t), n("change", t);
+    function b(e) {
+      const a = C(e);
+      l("update:model-value", a), l("change", a);
     }
-    return (o, t) => (p(), b("label", {
-      for: d(c),
-      class: h(["m-checkbox", [{ "--disabled": o.disabled }, e.class]]),
+    const u = E();
+    function _(e) {
+      var a;
+      (a = u.value) == null || a.dispatchEvent(new Event("blur")), l("blur", e);
+    }
+    function B(e) {
+      var a;
+      (a = u.value) == null || a.dispatchEvent(new Event("focus")), l("focus", e);
+    }
+    return (e, a) => (f(), h("label", {
+      for: i(s),
+      class: m(["m-checkbox", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, o.class]]),
       tabindex: "0",
-      style: I(o.style),
+      style: $(e.style),
       role: "checkbox",
-      "aria-checked": i.value,
-      onKeydown: z
+      "aria-checked": p.value,
+      onKeydown: x,
+      onBlur: _,
+      onFocus: B
     }, [
-      u("input", S({
-        id: d(c),
-        checked: i.value
-      }, o.$attrs, {
+      c("input", A({
+        id: i(s),
+        ref_key: "inputRef",
+        ref: u,
+        checked: p.value
+      }, e.$attrs, {
         tabindex: "-1",
-        disabled: o.disabled,
-        name: o.name,
+        disabled: e.disabled,
+        name: e.name,
         type: "checkbox",
-        onChange: t[0] || (t[0] = (s) => {
-          var f;
-          return m(o.value ?? ((f = s == null ? void 0 : s.target) == null ? void 0 : f.checked));
+        onChange: a[0] || (a[0] = (d) => {
+          var v;
+          return b(e.value ?? ((v = d == null ? void 0 : d.target) == null ? void 0 : v.checked));
         })
-      }), null, 16, O),
-      u("span", null, [
-        B(d(H), {
-          class: h(["check-icon", x.value])
+      }), null, 16, U),
+      c("span", null, [
+        M(i(P), {
+          class: m(["check-icon", g.value])
         }, null, 8, ["class"])
       ]),
-      A(o.$slots, "default", {}, () => [
-        N(
-          $(o.label),
-          1
-          /* TEXT */
-        )
-      ], !0)
-    ], 46, K));
+      c("div", G, [
+        D(e.$slots, "default", { value: e.value }, () => [
+          R(
+            k(e.label),
+            1
+            /* TEXT */
+          )
+        ], !0),
+        e.hint ? (f(), h(
+          "span",
+          {
+            key: 0,
+            class: m(["m-checkbox__hint", {
+              "--error": e.error,
+              "--success": e.success,
+              "--warning": e.warning
+            }])
+          },
+          k(e.hint),
+          3
+          /* TEXT, CLASS */
+        )) : j("v-if", !0)
+      ])
+    ], 46, T));
   }
-}), T = (a, r) => {
-  const e = a.__vccOpts || a;
-  for (const [n, c] of r)
-    e[n] = c;
-  return e;
-}, F = /* @__PURE__ */ T(P, [["__scopeId", "data-v-85c875a9"]]);
+}), L = (r, t) => {
+  const o = r.__vccOpts || r;
+  for (const [l, s] of t)
+    o[l] = s;
+  return o;
+}, W = /* @__PURE__ */ L(J, [["__scopeId", "data-v-a2b23999"]]);
 export {
-  F as default
+  W as default
 };

package/components/MazCircularProgressBar.mjs

@@ -1,10 +1,12 @@
-import { getCurrentInstance as S, computed as r, defineComponent as _, useCssVars as $, useSlots as y, ref as b, watch as B, openBlock as p, createElementBlock as v, normalizeClass as P, createElementVNode as n, renderSlot as l, createTextVNode as u, toDisplayString as i, createCommentVNode as m, normalizeStyle as A, unref as g, createBlock as M, createSlots as I, withCtx as k } from "vue";
+import { computed as r, getCurrentInstance as S, defineComponent as _, useCssVars as $, useSlots as y, ref as b, watch as B, openBlock as p, createElementBlock as v, normalizeClass as P, createElementVNode as n, renderSlot as l, createTextVNode as i, toDisplayString as u, createCommentVNode as m, normalizeStyle as A, unref as g, createBlock as M, createSlots as I, withCtx as k } from "vue";
 import './assets/MazCircularProgressBar.css';function N({
   componentName: a,
   providedId: e
 }) {
-  const s = S();
-  return r(() => e ?? `${a}-${s == null ? void 0 : s.uid}`);
+  return r(() => {
+    var s;
+    return e ?? `${a}-${(s = S()) == null ? void 0 : s.uid}`;
+  });
 }
 const V = { class: "maz-sr-only" }, D = {
   key: 0,
@@ -44,20 +46,20 @@ const V = { class: "maz-sr-only" }, D = {
       [
         n("span", V, [
           l(t.$slots, "prefix", {}, () => [
-            u(
-              i(t.prefix),
+            i(
+              u(t.prefix),
               1
               /* TEXT */
             )
           ], !0),
-          u(
-            " " + i(t.count) + " ",
+          i(
+            " " + u(t.count) + " ",
             1
             /* TEXT */
           ),
           l(t.$slots, "suffix", {}, () => [
-            u(
-              i(t.suffix),
+            i(
+              u(t.suffix),
               1
               /* TEXT */
             )
@@ -66,16 +68,16 @@ const V = { class: "maz-sr-only" }, D = {
         f.value || d.value ? (p(), v("span", D, [
           m(' @slot Prefix slot - Add a prefix next to the number (e.g: "$") '),
           l(t.$slots, "prefix", {}, () => [
-            u(
-              i(t.prefix),
+            i(
+              u(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),
+            i(
+              u(t.suffix),
               1
               /* TEXT */
             )
@@ -112,8 +114,8 @@ const V = { class: "maz-sr-only" }, D = {
   },
   setup(a) {
     $((o) => ({
-      "0bf2c547": C.value,
-      "7e590576": w.value
+      "266a8742": C.value,
+      "1f7e595e": w.value
     }));
     const e = a, s = y(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = N({
       componentName: "MazCircularProgressBar"
@@ -153,8 +155,8 @@ const V = { class: "maz-sr-only" }, D = {
                 fn: k(() => [
                   m(' @slot Prefix slot - Add a prefix next to the number (e.g: "$") '),
                   l(o.$slots, "prefix", {}, () => [
-                    u(
-                      i(o.prefix),
+                    i(
+                      u(o.prefix),
                       1
                       /* TEXT */
                     )
@@ -167,8 +169,8 @@ const V = { class: "maz-sr-only" }, D = {
                 fn: k(() => [
                   m(' @slot Suffix slot - Add a suffix next to the number (e.g: "%") '),
                   l(o.$slots, "suffix", {}, () => [
-                    u(
-                      i(o.suffix),
+                    i(
+                      u(o.suffix),
                       1
                       /* TEXT */
                     )
@@ -215,7 +217,7 @@ const V = { class: "maz-sr-only" }, D = {
       /* STYLE */
     ));
   }
-}), K = /* @__PURE__ */ z(F, [["__scopeId", "data-v-3ac6dd71"]]);
+}), K = /* @__PURE__ */ z(F, [["__scopeId", "data-v-5505af81"]]);
 export {
   K as default
 };

package/components/MazDialog.mjs

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