maz-ui 3.24.0 → 3.25.1

package/components/MazAvatar.d.ts

@@ -62,6 +62,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<Color>;
         default: string;
     };
+    /** Remove the icon on hover when component is clickable */
+    noClickableIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -125,6 +130,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<Color>;
         default: string;
     };
+    /** Remove the icon on hover when component is clickable */
+    noClickableIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
@@ -143,6 +153,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     square: boolean;
     showCaption: boolean;
     buttonColor: Color;
+    noClickableIcon: boolean;
 }, {}>, {
     "round-text"?(_: {}): any;
     icon?(_: {}): any;

package/components/MazAvatar.mjs

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

package/components/MazBackdrop.mjs

@@ -1,10 +1,10 @@
 import "./assets/MazBackdrop.css";
-import { defineComponent as y, ref as b, onMounted as C, watch as E, openBlock as m, createBlock as B, Teleport as A, createVNode as _, Transition as g, withCtx as L, createElementBlock as S, normalizeClass as p, createElementVNode as f, withModifiers as M, mergeProps as O, renderSlot as V, createCommentVNode as D } from "vue";
-const k = "--backdrop-present", N = () => {
+import { defineComponent as v, ref as y, onMounted as C, watch as E, openBlock as u, createBlock as A, Teleport as B, createVNode as L, Transition as S, withCtx as g, createElementBlock as O, normalizeClass as p, createElementVNode as f, withModifiers as V, mergeProps as D, renderSlot as N, createCommentVNode as $ } from "vue";
+const k = "--backdrop-present", M = () => {
   document.documentElement.classList.add(k);
-}, $ = async () => {
+}, P = async () => {
   document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(k);
-}, P = y({
+}, T = v({
   inheritAttrs: !1,
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -25,23 +25,23 @@ const k = "--backdrop-present", N = () => {
   },
   emits: ["open", "before-close", "close", "update:model-value"],
   setup(e, { emit: o }) {
-    const t = b(e.modelValue), a = () => {
+    const t = y(e.modelValue), a = () => {
       s(!1);
     }, s = async (n) => {
-      var u;
-      n || (o("before-close"), await ((u = e.beforeClose) == null ? void 0 : u.call(e))), t.value = n;
+      var m;
+      n || (o("before-close"), await ((m = e.beforeClose) == null ? void 0 : m.call(e))), t.value = n;
     }, c = () => {
       o("open");
     }, r = () => {
       o("update:model-value", !1), o("close"), d();
-    }, v = () => {
+    }, b = () => {
       e.persistent || a();
     }, l = (n) => {
       !e.noCloseOnEscKey && n.key === "Escape" && !e.persistent && a();
     }, i = () => {
-      N(), document.addEventListener("keyup", l, !1);
+      M(), document.addEventListener("keyup", l, !1);
     }, d = () => {
-      document.removeEventListener("keyup", l), $();
+      document.removeEventListener("keyup", l), P();
     };
     return C(() => {
       e.modelValue ? i() : d();
@@ -53,30 +53,29 @@ const k = "--backdrop-present", N = () => {
     ), {
       onBackdropAnimationEnter: c,
       onBackdropAnimationLeave: r,
-      onBackdropClicked: v,
+      onBackdropClicked: b,
       close: a,
       present: t,
       toggleModal: s,
       onKeyPress: l
     };
   }
-});
-const T = (e, o) => {
+}), w = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [a, s] of o)
     t[a] = s;
   return t;
 };
-function w(e, o, t, a, s, c) {
-  return m(), B(A, { to: e.teleportSelector }, [
-    _(g, {
+function h(e, o, t, a, s, c) {
+  return u(), A(B, { to: e.teleportSelector }, [
+    L(S, {
       appear: "",
       name: e.transitionName,
       onAfterEnter: e.onBackdropAnimationEnter,
       onAfterLeave: e.onBackdropAnimationLeave
     }, {
-      default: L(() => [
-        e.present ? (m(), S(
+      default: g(() => [
+        e.present ? (u(), O(
           "div",
           {
             key: 0,
@@ -90,7 +89,7 @@ function w(e, o, t, a, s, c) {
               {
                 class: p(["m-backdrop-overlay", { "--disabled": e.persistent }]),
                 tabindex: "-1",
-                onClick: o[0] || (o[0] = M((...r) => e.onBackdropClicked && e.onBackdropClicked(...r), ["self"]))
+                onClick: o[0] || (o[0] = V((...r) => e.onBackdropClicked && e.onBackdropClicked(...r), ["self"]))
               },
               null,
               2
@@ -98,14 +97,14 @@ function w(e, o, t, a, s, c) {
             ),
             f(
               "div",
-              O({
+              D({
                 class: ["m-backdrop-content", e.backdropContentClass]
               }, e.$attrs, {
                 role: "document",
                 tabindex: "0"
               }),
               [
-                V(e.$slots, "default", { close: e.close })
+                N(e.$slots, "default", { close: e.close })
               ],
               16
               /* FULL_PROPS */
@@ -113,14 +112,14 @@ function w(e, o, t, a, s, c) {
           ],
           2
           /* CLASS */
-        )) : D("v-if", !0)
+        )) : $("v-if", !0)
       ]),
       _: 3
       /* FORWARDED */
     }, 8, ["name", "onAfterEnter", "onAfterLeave"])
   ], 8, ["to"]);
 }
-const K = /* @__PURE__ */ T(P, [["render", w]]);
+const z = /* @__PURE__ */ w(T, [["render", h]]);
 export {
-  K as default
+  z as default
 };

package/components/MazBadge.mjs

@@ -46,8 +46,7 @@ const c = /* @__PURE__ */ o({
       /* CLASS, STYLE */
     ));
   }
-});
-const f = (e, t) => {
+}), f = (e, t) => {
   const a = e.__vccOpts || e;
   for (const [n, l] of t)
     a[n] = l;

package/components/MazBottomSheet.mjs

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

package/components/MazBtn.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBtn-7313b190.mjs";
+import { M as f } from "./chunks/MazBtn-qSZOL-5_.mjs";
 export {
   f as default
 };

package/components/MazCard.d.ts

@@ -2,157 +2,193 @@ import { type PropType } from 'vue';
 import type { MazGalleryImage } from './types';
 export type { MazGalleryImage } from './types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Images displayed */
     images: {
         type: PropType<MazGalleryImage[]>;
         default: undefined;
     };
+    /** Card variant: Must be `column | row | row-reverse | column-reverse` */
     orientation: {
         type: StringConstructor;
         default: string;
         validator: (value: string) => boolean;
     };
+    /** Make card a link (footer area excluded) */
     href: {
         type: StringConstructor;
         default: undefined;
     };
+    /** Target option of link: Muse be one of `_blank | _self | _parent | _top | framename` */
     hrefTarget: {
         type: StringConstructor;
         default: string;
     };
+    /** Footer text alignment: `right | left` */
     footerAlign: {
         type: StringConstructor;
         default: string;
     };
+    /** Gallery image width */
     galleryWidth: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    /** Gallery image height */
     galleryHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    /** Enable "zoom" image on click (can't be used when the card has a link) */
     zoom: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Set elevation to card (box-shadow) */
     elevation: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Set radius to card (box-shadow) */
     radius: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Set border to card */
     bordered: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Number of images shown in the gallery */
     imagesShowCount: {
         type: NumberConstructor;
         default: number;
     };
+    /** Remove transparent layer with the remain count (ex: +2) */
     noRemaining: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** scale animation on hover (only linked cards) */
     scale: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** add classes to wrapper */
     wrapperClass: {
-        type: StringConstructor;
         default: undefined;
     };
+    /** Remove padding from content wrapper */
     noPadding: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Hide overflow */
     overflowHidden: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Card can be open and close */
     collapsable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Card is open by default if `true` */
     collapseOpen: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Images displayed */
     images: {
         type: PropType<MazGalleryImage[]>;
         default: undefined;
     };
+    /** Card variant: Must be `column | row | row-reverse | column-reverse` */
     orientation: {
         type: StringConstructor;
         default: string;
         validator: (value: string) => boolean;
     };
+    /** Make card a link (footer area excluded) */
     href: {
         type: StringConstructor;
         default: undefined;
     };
+    /** Target option of link: Muse be one of `_blank | _self | _parent | _top | framename` */
     hrefTarget: {
         type: StringConstructor;
         default: string;
     };
+    /** Footer text alignment: `right | left` */
     footerAlign: {
         type: StringConstructor;
         default: string;
     };
+    /** Gallery image width */
     galleryWidth: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    /** Gallery image height */
     galleryHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    /** Enable "zoom" image on click (can't be used when the card has a link) */
     zoom: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Set elevation to card (box-shadow) */
     elevation: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Set radius to card (box-shadow) */
     radius: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Set border to card */
     bordered: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Number of images shown in the gallery */
     imagesShowCount: {
         type: NumberConstructor;
         default: number;
     };
+    /** Remove transparent layer with the remain count (ex: +2) */
     noRemaining: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** scale animation on hover (only linked cards) */
     scale: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** add classes to wrapper */
     wrapperClass: {
-        type: StringConstructor;
         default: undefined;
     };
+    /** Remove padding from content wrapper */
     noPadding: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Hide overflow */
     overflowHidden: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Card can be open and close */
     collapsable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Card is open by default if `true` */
     collapseOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -173,7 +209,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     elevation: boolean;
     radius: boolean;
     imagesShowCount: number;
-    wrapperClass: string;
+    wrapperClass: undefined;
     overflowHidden: boolean;
     collapsable: boolean;
     collapseOpen: boolean;

package/components/MazCard.mjs

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

package/components/MazCarousel.mjs

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

package/components/MazCheckbox.d.ts

@@ -2,6 +2,14 @@ import { type PropType } from 'vue';
 import type { Color, Size } from './types';
 export type { Color, Size };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    style: {
+        type: PropType<import("vue").StyleValue | undefined>;
+        default: undefined;
+    };
+    class: {
+        type: PropType<any>;
+        default: undefined;
+    };
     modelValue: {
         type: PropType<boolean | (string | number)[]>;
         default: undefined;
@@ -34,6 +42,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     change: (...args: any[]) => void;
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    style: {
+        type: PropType<import("vue").StyleValue | undefined>;
+        default: undefined;
+    };
+    class: {
+        type: PropType<any>;
+        default: undefined;
+    };
     modelValue: {
         type: PropType<boolean | (string | number)[]>;
         default: undefined;
@@ -68,6 +84,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     size: Size;
     color: Color;
+    style: import("vue").StyleValue | undefined;
+    class: any;
     disabled: boolean;
     name: string;
     value: string | number | boolean;

package/components/MazCheckbox.mjs

@@ -1,10 +1,10 @@
 import "./assets/MazCheckbox.css";
-import { computed as r, openBlock as x, createElementBlock as b, createElementVNode as u, defineComponent as C, useCssVars as w, getCurrentInstance as S, unref as d, normalizeClass as p, mergeProps as I, createVNode as B, renderSlot as A } from "vue";
-const N = ({
-  componentName: t,
+import { computed as r, openBlock as p, createElementBlock as x, createElementVNode as u, defineComponent as w, useCssVars as C, getCurrentInstance as _, unref as d, normalizeClass as b, normalizeStyle as I, mergeProps as A, createVNode as B, renderSlot as N } from "vue";
+const $ = ({
+  componentName: o,
   instance: a,
   providedId: n
-}) => r(() => n ?? `${t}-${a == null ? void 0 : a.uid}`), $ = {
+}) => r(() => n ?? `${o}-${a == null ? void 0 : a.uid}`), j = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
@@ -22,15 +22,24 @@ const N = ({
   null,
   -1
   /* HOISTED */
-), E = [
+), O = [
   M
 ];
-function j(t, a) {
-  return x(), b("svg", $, [...E]);
+function E(o, a) {
+  return p(), x("svg", j, [...O]);
 }
-const q = { render: j }, D = ["for", "aria-checked"], H = ["id", "checked", "disabled", "name"], K = /* @__PURE__ */ C({
+const q = { render: E }, D = ["for", "aria-checked"], H = ["id", "checked", "disabled", "name"], K = /* @__PURE__ */ w({
+  inheritAttrs: !1,
   __name: "MazCheckbox",
   props: {
+    style: {
+      type: [String, Array, Object],
+      default: void 0
+    },
+    class: {
+      type: [String, Array, Object],
+      default: void 0
+    },
     modelValue: {
       type: [Boolean, Array],
       default: void 0
@@ -51,20 +60,20 @@ const q = { render: j }, D = ["for", "aria-checked"], H = ["id", "checked", "dis
     /* emited when value change */
     "change"
   ],
-  setup(t, { emit: a }) {
-    w((o) => ({
-      "209d1a7b": v.value,
-      "0c9060dd": k.value,
-      "35d76c2c": _.value,
-      a82c7122: g.value
+  setup(o, { emit: a }) {
+    C((t) => ({
+      "2019e7a5": v.value,
+      "175b1ef2": y.value,
+      "6ebb5bc2": g.value,
+      "0830f205": z.value
     }));
-    const n = S(), e = t, c = a, i = N({
+    const n = _(), e = o, c = a, i = $({
       componentName: "MazCheckbox",
       instance: n,
       providedId: e.id
     }), m = r(
       () => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
-    ), k = r(() => {
+    ), y = r(() => {
       switch (e.size) {
         case "xl":
           return "2.25rem";
@@ -79,7 +88,7 @@ const q = { render: j }, D = ["for", "aria-checked"], H = ["id", "checked", "dis
         case "mini":
           return "1.2rem";
       }
-    }), y = r(() => {
+    }), k = r(() => {
       switch (e.size) {
         case "xl":
           return "maz-text-2xl";
@@ -94,55 +103,55 @@ const q = { render: j }, D = ["for", "aria-checked"], H = ["id", "checked", "dis
         case "mini":
           return "maz-text-xs";
       }
-    }), v = r(() => `var(--maz-color-${e.color}-contrast)`), _ = r(() => `var(--maz-color-${e.color})`), g = r(
+    }), v = r(() => `var(--maz-color-${e.color}-contrast)`), g = r(() => `var(--maz-color-${e.color})`), z = r(
       () => ["black", "transparent"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`
     );
-    function z(o) {
-      ["Space"].includes(o.code) && (o.preventDefault(), h(e.value ?? !e.modelValue));
+    function V(t) {
+      ["Space"].includes(t.code) && (t.preventDefault(), f(e.value ?? !e.modelValue));
     }
-    function V(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((l) => l !== o) : [...e.modelValue, o] : [o];
+    function S(t) {
+      return typeof t == "boolean" && (typeof e.modelValue == "boolean" || e.modelValue === void 0 || e.modelValue === null) ? !e.modelValue : Array.isArray(e.modelValue) && typeof t != "boolean" ? e.modelValue.includes(t) ? e.modelValue.filter((l) => l !== t) : [...e.modelValue, t] : [t];
     }
-    function h(o) {
-      const l = V(o);
+    function f(t) {
+      const l = S(t);
       c("update:model-value", l), c("change", l);
     }
-    return (o, l) => (x(), b("label", {
+    return (t, l) => (p(), x("label", {
       for: d(i),
-      class: p(["m-checkbox", { "--disabled": t.disabled }]),
+      class: b(["m-checkbox", [{ "--disabled": o.disabled }, e.class]]),
       tabindex: "0",
+      style: I(o.style),
       role: "checkbox",
       "aria-checked": m.value,
-      onKeydown: z
+      onKeydown: V
     }, [
-      u("input", I({
+      u("input", A({
         id: d(i),
         checked: m.value
-      }, o.$attrs, {
+      }, t.$attrs, {
         tabindex: "-1",
-        disabled: t.disabled,
-        name: t.name,
+        disabled: o.disabled,
+        name: o.name,
         type: "checkbox",
         onChange: l[0] || (l[0] = (s) => {
-          var f;
-          return h(t.value ?? ((f = s == null ? void 0 : s.target) == null ? void 0 : f.checked));
+          var h;
+          return f(o.value ?? ((h = s == null ? void 0 : s.target) == null ? void 0 : h.checked));
         })
       }), null, 16, H),
       u("span", null, [
         B(d(q), {
-          class: p(["check-icon", y.value])
+          class: b(["check-icon", k.value])
         }, null, 8, ["class"])
       ]),
-      A(o.$slots, "default", {}, void 0, !0)
-    ], 42, D));
+      N(t.$slots, "default", {}, void 0, !0)
+    ], 46, D));
   }
-});
-const O = (t, a) => {
-  const n = t.__vccOpts || t;
+}), P = (o, a) => {
+  const n = o.__vccOpts || o;
   for (const [e, c] of a)
     n[e] = c;
   return n;
-}, F = /* @__PURE__ */ O(K, [["__scopeId", "data-v-619b4784"]]);
+}, G = /* @__PURE__ */ P(K, [["__scopeId", "data-v-23979d47"]]);
 export {
-  F as default
+  G as default
 };

package/components/MazDialog.mjs

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

package/components/MazDialogPromise.mjs

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

package/components/MazDrawer.d.ts

@@ -14,7 +14,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         validator: (value: string) => boolean;
     };
     backdropClass: {
-        type: StringConstructor;
         default: undefined;
     };
     size: {
@@ -40,7 +39,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         validator: (value: string) => boolean;
     };
     backdropClass: {
-        type: StringConstructor;
         default: undefined;
     };
     size: {
@@ -55,7 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: string;
     title: string;
     variant: "top" | "bottom" | "left" | "right";
-    backdropClass: string;
+    backdropClass: undefined;
     noClose: boolean;
 }, {}>, {
     title?(_: {

package/components/MazDrawer.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazDrawer-ff505fb8.mjs";
+import { a as f } from "./chunks/MazDrawer-3F4gXWn3.mjs";
 export {
   f as default
 };