maz-ui 3.46.1-beta.3 → 3.46.1-beta.5

package/components/MazAccordion.d.ts

@@ -22,9 +22,9 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }>, {
-    contentClass: undefined;
     id: string;
     modelValue: number;
+    contentClass: undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/MazAvatar.mjs

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

package/components/MazBottomSheet.mjs

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

package/components/MazBtn.d.ts

@@ -1,5 +1,4 @@
 import type { Color, Icon, Size } from './types';
-import { type HTMLAttributes } from 'vue';
 export type { Color, Size };
 export interface Props {
     /**
@@ -99,8 +98,6 @@ export interface Props {
      * @default false
      */
     noElevation?: boolean;
-    /** The class applied to the content wrapper (<span />) of the button */
-    contentClass?: HTMLAttributes['class'];
 }
 declare function __VLS_template(): {
     slots: {
@@ -122,7 +119,6 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     icon: string | Icon;
     leftIcon: string | Icon;
     rightIcon: string | Icon;
-    contentClass: HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/MazBtn.mjs

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

package/components/MazCard.mjs

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

package/components/MazCardSpotlight.d.ts

@@ -47,8 +47,8 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     color: Color;
     noElevation: boolean;
-    contentClass: HTMLAttributes["class"];
     padding: boolean;
+    contentClass: HTMLAttributes["class"];
     contentStyle: string | false | import("vue").CSSProperties | StyleValue[] | null;
     innerOpacity: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/components/MazCarousel.mjs

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

package/components/MazCheckbox.mjs

@@ -1,10 +1,10 @@
-import { useId as S, computed as l, openBlock as f, createElementBlock as p, createElementVNode as c, defineComponent as N, useCssVars as _, ref as E, unref as i, normalizeClass as m, normalizeStyle as A, mergeProps as $, createVNode as M, renderSlot as D, createTextVNode as R, toDisplayString as k, createCommentVNode as j } from "vue";
+import { useId as S, computed as n, openBlock as f, createElementBlock as h, createElementVNode as c, defineComponent as N, useCssVars as _, ref as E, unref as i, normalizeClass as m, normalizeStyle as A, mergeProps as $, createVNode as M, renderSlot as D, createTextVNode as R, toDisplayString as k, createCommentVNode as j } from "vue";
 import './assets/MazCheckbox.css';function q({
-  componentName: n,
+  componentName: t,
   providedId: a
 }) {
-  const o = S();
-  return l(() => a ?? `${n}-${o}`);
+  const e = S();
+  return n(() => a ?? `${t}-${e}`);
 }
 const F = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -13,8 +13,8 @@ const F = {
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function H(n, a) {
-  return f(), p("svg", F, a[0] || (a[0] = [
+function H(t, a) {
+  return f(), h("svg", F, a[0] || (a[0] = [
     c(
       "path",
       {
@@ -50,35 +50,35 @@ const K = { render: H }, O = ["for", "aria-checked"], P = ["id", "checked", "dis
     hint: {}
   },
   emits: ["update:model-value", "change", "blur", "focus"],
-  setup(n, { emit: a }) {
-    _((e) => ({
-      "1807a958": z.value,
-      "7dffd3f6": y.value,
-      "6b75359a": w.value,
-      "2fd35bf6": V.value
+  setup(t, { emit: a }) {
+    _((o) => ({
+      b7df6194: z.value,
+      "89a0ef50": g.value,
+      "199d7f11": w.value,
+      b0e1d658: V.value
     }));
-    const o = n, t = a, s = q({
+    const e = t, l = a, s = q({
       componentName: "MazCheckbox",
-      providedId: o.id
-    }), h = l(
-      () => typeof o.value != "boolean" && Array.isArray(o.modelValue) ? o.modelValue.includes(o.value) : typeof o.modelValue == "boolean" ? o.modelValue : !1
-    ), y = l(() => {
-      switch (o.size) {
+      providedId: e.id
+    }), p = n(
+      () => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
+    ), g = n(() => {
+      switch (e.size) {
         case "xl":
-          return "2.25rem";
-        case "lg":
           return "2rem";
+        case "lg":
+          return "1.75rem";
         case "sm":
-          return "1.425rem";
+          return "1.25rem";
         case "xs":
-          return "1.325rem";
+          return "1rem";
         case "mini":
-          return "1.2rem";
+          return "0.75rem";
         default:
-          return "1.625rem";
+          return "1.5rem";
       }
-    }), g = l(() => {
-      switch (o.size) {
+    }), y = n(() => {
+      switch (e.size) {
         case "xl":
           return "maz-text-2xl";
         case "lg":
@@ -92,33 +92,33 @@ const K = { render: H }, O = ["for", "aria-checked"], P = ["id", "checked", "dis
         default:
           return "maz-text-lg";
       }
-    }), z = l(() => `var(--maz-color-${o.color}-contrast)`), w = l(() => `var(--maz-color-${o.color})`), V = l(() => 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));
+    }), z = n(() => e.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${e.color}-contrast)`), w = n(() => e.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${e.color})`), V = n(() => e.error ? "var(--maz-color-danger)" : e.warning ? "var(--maz-color-warning)" : e.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`);
+    function x(o) {
+      ["Space"].includes(o.code) && (o.preventDefault(), b(e.value ?? !e.modelValue));
     }
-    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((r) => r !== e) : [...o.modelValue, e] : [e];
+    function C(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((r) => r !== o) : [...e.modelValue, o] : [o];
     }
-    function b(e) {
-      const r = C(e);
-      t("update:model-value", r), t("change", r);
+    function b(o) {
+      const r = C(o);
+      l("update:model-value", r), l("change", r);
     }
     const u = E();
-    function B(e) {
+    function B(o) {
       var r;
-      (r = u.value) == null || r.dispatchEvent(new Event("blur")), t("blur", e);
+      (r = u.value) == null || r.dispatchEvent(new Event("blur")), l("blur", o);
     }
-    function I(e) {
+    function I(o) {
       var r;
-      (r = u.value) == null || r.dispatchEvent(new Event("focus")), t("focus", e);
+      (r = u.value) == null || r.dispatchEvent(new Event("focus")), l("focus", o);
     }
-    return (e, r) => (f(), p("label", {
+    return (o, r) => (f(), h("label", {
       for: i(s),
-      class: m(["m-checkbox", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, o.class]]),
+      class: m(["m-checkbox", [{ "--disabled": o.disabled, "--error": o.error, "--warning": o.warning, "--success": o.success }, e.class]]),
       tabindex: "0",
-      style: A(e.style),
+      style: A(o.style),
       role: "checkbox",
-      "aria-checked": h.value,
+      "aria-checked": p.value,
       onKeydown: x,
       onBlur: B,
       onFocus: I
@@ -127,53 +127,53 @@ const K = { render: H }, O = ["for", "aria-checked"], P = ["id", "checked", "dis
         id: i(s),
         ref_key: "inputRef",
         ref: u,
-        checked: h.value
-      }, e.$attrs, {
+        checked: p.value
+      }, o.$attrs, {
         tabindex: "-1",
-        disabled: e.disabled,
-        name: e.name,
+        disabled: o.disabled,
+        name: o.name,
         type: "checkbox",
         onChange: r[0] || (r[0] = (d) => {
           var v;
-          return b(e.value ?? ((v = d == null ? void 0 : d.target) == null ? void 0 : v.checked));
+          return b(o.value ?? ((v = d == null ? void 0 : d.target) == null ? void 0 : v.checked));
         })
       }), null, 16, P),
       c("span", null, [
         M(i(K), {
-          class: m(["check-icon", g.value])
+          class: m(["check-icon", y.value])
         }, null, 8, ["class"])
       ]),
       c("div", T, [
-        D(e.$slots, "default", { value: e.value }, () => [
+        D(o.$slots, "default", { value: o.value }, () => [
           R(
-            k(e.label),
+            k(o.label),
             1
             /* TEXT */
           )
         ], !0),
-        e.hint ? (f(), p(
+        o.hint ? (f(), h(
           "span",
           {
             key: 0,
             class: m(["m-checkbox__hint", {
-              "--error": e.error,
-              "--success": e.success,
-              "--warning": e.warning
+              "--error": o.error,
+              "--success": o.success,
+              "--warning": o.warning
             }])
           },
-          k(e.hint),
+          k(o.hint),
           3
           /* TEXT, CLASS */
         )) : j("v-if", !0)
       ])
     ], 46, O));
   }
-}), G = (n, a) => {
-  const o = n.__vccOpts || n;
-  for (const [t, s] of a)
-    o[t] = s;
-  return o;
-}, L = /* @__PURE__ */ G(U, [["__scopeId", "data-v-779dd731"]]);
+}), G = (t, a) => {
+  const e = t.__vccOpts || t;
+  for (const [l, s] of a)
+    e[l] = s;
+  return e;
+}, L = /* @__PURE__ */ G(U, [["__scopeId", "data-v-178c6a46"]]);
 export {
   L as default
 };

package/components/MazDialog.mjs

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

package/components/MazDialogPromise.mjs

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

package/components/MazDrawer.mjs

@@ -128,7 +128,7 @@ import './assets/MazDrawer.css';const A = "--backdrop-present", U = /* @__PURE__
   },
   emits: ["before-close", "open", "close", "update:model-value"],
   setup(b) {
-    const i = B(() => import("./chunks/MazBtn-BTxqbijR.mjs").then((e) => e.M)), c = B(() => import("./chunks/x-mark-CnZwVvA7.mjs"));
+    const i = B(() => import("./chunks/MazBtn-DarjZUV4.mjs").then((e) => e.M)), c = B(() => import("./chunks/x-mark-CnZwVvA7.mjs"));
     return (e, t) => (r(), h(U, {
       "backdrop-class": ["m-drawer", `--${e.variant}`, e.backdropClass],
       style: F({

package/components/MazDropdown.d.ts

@@ -64,6 +64,19 @@ export interface MazDropdownProps {
      * @default 'Open menu dropdown'
      */
     screenReaderDescription?: string;
+    /**
+     * Class for the menu panel - useful for custom dropdown panel (background, border, etc.)
+     */
+    menuPanelClass?: HTMLAttributes['class'];
+    /**
+     * Style for the menu panel - useful for custom dropdown panel (background, border, etc.)
+     * You may use `!important` to override the default style
+     */
+    menuPanelStyle?: HTMLAttributes['style'];
+    /**
+     * If true, the button will have a full width
+     */
+    block?: boolean;
 }
 declare function __VLS_template(): {
     slots: {