maz-ui 3.47.2-beta.0 → 3.47.2-beta.10

package/components/MazAccordion.d.ts

@@ -4,6 +4,7 @@ export interface Props {
     contentClass?: unknown;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Partial<Record<`title-${number}`, (_: {
         isOpen: boolean;
     }) => any>> & Partial<Record<`content-${number}`, (_: {
@@ -14,7 +15,7 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -25,7 +26,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     id: string;
     modelValue: number;
     contentClass: undefined;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazAccordion.mjs

@@ -1,13 +1,13 @@
-import { openBlock as f, createElementBlock as b, createElementVNode as c, useId as A, computed as g, defineComponent as k, useCssVars as V, ref as p, onMounted as O, onUnmounted as B, normalizeClass as $, normalizeStyle as w, renderSlot as h, withDirectives as E, vShow as z, mergeModels as x, useModel as I, mergeProps as L, createCommentVNode as N, useSlots as j, Fragment as D, renderList as F, createBlock as R, withCtx as M, unref as y, createVNode as S } from "vue";
-import './assets/MazAccordion.css';const P = {
+import { openBlock as p, createElementBlock as b, createElementVNode as c, useId as V, computed as g, 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 './assets/MazAccordion.css';const R = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function T(r, t) {
-  return f(), b("svg", P, t[0] || (t[0] = [
+function P(r, n) {
+  return p(), b("svg", R, n[0] || (n[0] = [
     c(
       "path",
       {
@@ -23,15 +23,15 @@ function T(r, t) {
     )
   ]));
 }
-const U = { render: T };
-function q({
+const T = { render: P };
+function U({
   componentName: r,
-  providedId: t
+  providedId: n
 }) {
-  const a = A();
-  return g(() => t ?? `${r}-${a}`);
+  const o = V();
+  return g(() => n ?? `${r}-${o}`);
 }
-const H = { class: "inner" }, W = /* @__PURE__ */ k({
+const q = { class: "inner" }, D = /* @__PURE__ */ w({
   __name: "MazCardSpotlight",
   props: {
     color: { default: "primary" },
@@ -42,16 +42,12 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
     innerOpacity: { default: 0.95 }
   },
   setup(r) {
-    V((d) => ({
-      "4f499add": d.innerOpacity,
-      "2e65a0ad": n.value
-    }));
-    const t = r, a = p(), l = p(), i = p(!1);
+    const n = r, o = f(), a = f(), s = f(!1);
     function m({ clientX: d, clientY: u }) {
-      var e, _, o;
-      i.value = !0;
-      const v = (e = l.value) == null ? void 0 : e.getBoundingClientRect();
-      v && ((o = (_ = a.value) == null ? void 0 : _.animate) == null || o.call(
+      var e, _, t;
+      s.value = !0;
+      const v = (e = a.value) == null ? void 0 : e.getBoundingClientRect();
+      v && ((t = (_ = o.value) == null ? void 0 : _.animate) == null || t.call(
         _,
         [
           {
@@ -64,19 +60,19 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
         }
       ));
     }
-    const n = g(() => `var(--maz-color-${t.color}-alpha)`), s = g(() => `var(--maz-color-${t.color}-alpha-20)`);
+    const l = g(() => `var(--maz-color-${n.color}-alpha)`), i = g(() => `var(--maz-color-${n.color}-alpha-20)`);
     return O(() => {
       window.addEventListener("mousemove", m);
     }), B(() => {
       window.removeEventListener("mousemove", m);
-    }), (d, u) => (f(), b(
+    }), (d, u) => (p(), b(
       "div",
       {
         class: $(["m-card-spotlight", { "maz-elevation": !d.noElevation }]),
-        style: w({ backgroundColor: s.value })
+        style: k({ backgroundColor: i.value, "--inner-opacity": d.innerOpacity })
       },
       [
-        c("div", H, [
+        c("div", q, [
           c(
             "div",
             {
@@ -93,43 +89,43 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
           "div",
           {
             ref_key: "blobElement",
-            ref: a,
+            ref: o,
             class: "blob",
-            style: w({ backgroundColor: n.value })
+            style: k({ backgroundColor: l.value })
           },
           null,
           4
           /* STYLE */
         ), [
-          [z, i.value]
+          [z, s.value]
         ]),
         E(c(
           "div",
           {
             ref_key: "fakeblobElement",
-            ref: l,
+            ref: a,
             class: "fakeblob"
           },
           null,
           512
           /* NEED_PATCH */
         ), [
-          [z, i.value]
+          [z, s.value]
         ])
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), C = (r, t) => {
-  const a = r.__vccOpts || r;
-  for (const [l, i] of t)
-    a[l] = i;
-  return a;
-}, G = /* @__PURE__ */ C(W, [["__scopeId", "data-v-31abf9ff"]]), J = ["aria-hidden"], K = /* @__PURE__ */ k({
+}), C = (r, n) => {
+  const o = r.__vccOpts || r;
+  for (const [a, s] of n)
+    o[a] = s;
+  return o;
+}, H = /* @__PURE__ */ C(D, [["__scopeId", "data-v-30c7054c"]]), W = ["aria-hidden"], G = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "MazExpandAnimation",
-  props: /* @__PURE__ */ x({
+  props: /* @__PURE__ */ A({
     duration: { default: "300ms" },
     timingFunction: { default: "ease-in-out" }
   }, {
@@ -138,50 +134,46 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    V((n) => ({
-      "3628b947": n.duration,
-      "239277b5": n.timingFunction
-    }));
-    const t = I(r, "modelValue"), a = p(!t.value), l = p();
-    function i() {
-      t.value || (a.value = !0);
+    const n = x(r, "modelValue"), o = f(!n.value), a = f();
+    function s() {
+      n.value || (o.value = !0);
     }
     function m() {
-      t.value && (a.value = !1);
+      n.value && (o.value = !1);
     }
     return O(() => {
-      var n, s;
-      (n = l.value) == null || n.addEventListener("transitionstart", i, !1), (s = l.value) == null || s.addEventListener("transitionend", m, !1);
+      var l, i;
+      (l = a.value) == null || l.addEventListener("transitionstart", s, !1), (i = a.value) == null || i.addEventListener("transitionend", m, !1);
     }), B(() => {
-      var n, s;
-      (n = l.value) == null || n.removeEventListener("transitionstart", i, !1), (s = l.value) == null || s.removeEventListener("transitionend", m, !1);
-    }), (n, s) => (f(), b("div", {
+      var l, i;
+      (l = a.value) == null || l.removeEventListener("transitionstart", s, !1), (i = a.value) == null || i.removeEventListener("transitionend", m, !1);
+    }), (l, i) => (p(), b("div", {
       ref_key: "expandAnimationRef",
-      ref: l,
-      class: $(["m-expand-animation", { "m-expand-animation--expanded": t.value }]),
-      "aria-hidden": !t.value,
-      role: "region"
+      ref: a,
+      class: $(["m-expand-animation", { "m-expand-animation--expanded": n.value }]),
+      "aria-hidden": !n.value,
+      role: "region",
+      style: k([{ "--expand-animation-duration": l.duration, "--expand-animation-timing-function": l.timingFunction }])
     }, [
       c(
         "div",
-        L({ class: "m-expand-animation__inner" }, n.$attrs, {
+        I({ class: "m-expand-animation__inner" }, l.$attrs, {
           class: {
-            "--overflow-hidden": a.value
+            "--overflow-hidden": o.value
           }
         }),
         [
-          N(" @slot Default Slot - Display content "),
-          h(n.$slots, "default", {}, void 0, !0)
+          h(l.$slots, "default", {}, void 0, !0)
         ],
         16
         /* FULL_PROPS */
       )
-    ], 10, J));
+    ], 14, W));
   }
-}), Q = /* @__PURE__ */ C(K, [["__scopeId", "data-v-b7ca6b97"]]), X = {
+}), J = /* @__PURE__ */ C(G, [["__scopeId", "data-v-3bfdfbc1"]]), K = {
   class: "m-accordion",
   role: "presentation"
-}, Y = ["id", "aria-controls", "aria-expanded", "onClick"], Z = /* @__PURE__ */ k({
+}, Q = ["id", "aria-controls", "aria-expanded", "onClick"], X = /* @__PURE__ */ w({
   __name: "MazAccordion",
   props: {
     id: { default: void 0 },
@@ -189,55 +181,55 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
     contentClass: { default: void 0 }
   },
   emits: ["update:model-value"],
-  setup(r, { emit: t }) {
-    const a = r, l = t, i = q({
+  setup(r, { emit: n }) {
+    const o = r, a = n, s = U({
       componentName: "MazAccordion",
-      providedId: a.id
-    }), m = j(), n = g(
+      providedId: o.id
+    }), m = L(), l = g(
       () => Object.keys(m).filter((e) => e.startsWith("title-")).length
-    ), s = p(a.modelValue), d = g({
-      get: () => a.modelValue || s.value,
+    ), i = f(o.modelValue), d = g({
+      get: () => o.modelValue || i.value,
       set: (e) => {
-        s.value = e, l("update:model-value", e);
+        i.value = e, a("update:model-value", e);
       }
     });
     function u(e) {
       return d.value === e;
     }
     function v(e) {
-      d.value === e ? (s.value = 0, l("update:model-value", 0)) : (s.value = e, l("update:model-value", e));
+      d.value === e ? (i.value = 0, a("update:model-value", 0)) : (i.value = e, a("update:model-value", e));
     }
-    return (e, _) => (f(), b("div", X, [
-      (f(!0), b(
-        D,
+    return (e, _) => (p(), b("div", K, [
+      (p(!0), b(
+        j,
         null,
-        F(n.value, (o) => (f(), R(
-          G,
+        F(l.value, (t) => (p(), N(
+          H,
           {
-            key: o,
+            key: t,
             class: "m-accordion__spotlight",
             padding: !1
           },
           {
             default: M(() => [
               c("button", {
-                id: `step-${o}-${y(i)}`,
+                id: `step-${t}-${y(s)}`,
                 class: "m-accordion__header",
-                "aria-controls": `step-${o}-${y(i)}`,
-                "aria-expanded": u(o),
-                onClick: (ee) => v(o)
+                "aria-controls": `step-${t}-${y(s)}`,
+                "aria-expanded": u(t),
+                onClick: (Y) => v(t)
               }, [
-                h(e.$slots, `title-${o}`, {
-                  isOpen: u(o)
+                h(e.$slots, `title-${t}`, {
+                  isOpen: u(t)
                 }, void 0, !0),
-                S(y(U), {
-                  class: $(["header-icon", { "--rotate": u(o) }])
+                S(y(T), {
+                  class: $(["header-icon", { "--rotate": u(t) }])
                 }, null, 8, ["class"])
-              ], 8, Y),
-              S(Q, {
+              ], 8, Q),
+              S(J, {
                 "animation-duration": "300ms",
-                "model-value": u(o),
-                "aria-labelledby": `step-${o}-${y(i)}`
+                "model-value": u(t),
+                "aria-labelledby": `step-${t}-${y(s)}`
               }, {
                 default: M(() => [
                   c(
@@ -247,10 +239,10 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
                     },
                     [
                       h(e.$slots, "content", {
-                        isOpen: u(o)
+                        isOpen: u(t)
                       }, void 0, !0),
-                      h(e.$slots, `content-${o}`, {
-                        isOpen: u(o)
+                      h(e.$slots, `content-${t}`, {
+                        isOpen: u(t)
                       }, void 0, !0)
                     ],
                     2
@@ -272,7 +264,7 @@ const H = { class: "inner" }, W = /* @__PURE__ */ k({
       ))
     ]));
   }
-}), ne = /* @__PURE__ */ C(Z, [["__scopeId", "data-v-052b6500"]]);
+}), ee = /* @__PURE__ */ C(X, [["__scopeId", "data-v-052b6500"]]);
 export {
-  ne as default
+  ee as default
 };

package/components/MazAnimatedCounter.d.ts

@@ -1,33 +1,4 @@
-declare function __VLS_template(): {
-    slots: {
-        prefix?(_: {}): any;
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
-        suffix?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
-    /**
-     * The number to animate
-     */
-    count: number;
-    /**
-     * Duration of the animation in milliseconds
-     * @default 1000
-     */
-    duration?: number;
-    /**
-     * Suffix to display next to the number
-     */
-    prefix?: string;
-    /**
-     * Suffix to display next to the number
-     */
-    suffix?: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+type __VLS_Props = {
     /**
      * The number to animate
      */
@@ -45,11 +16,24 @@ declare const __VLS_component: import("vue").DefineComponent<{
      * Suffix to display next to the number
      */
     suffix?: string;
-}> & Readonly<{}>, {
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     duration: number;
     prefix: string;
     suffix: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazAnimatedCounter.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as v, useCssVars as _, useSlots as h, computed as l, ref as b, watch as C, openBlock as p, createElementBlock as m, normalizeClass as $, createElementVNode as A, renderSlot as f, createTextVNode as o, toDisplayString as a, createCommentVNode as d } from "vue";
-import './assets/MazAnimatedCounter.css';const S = { class: "maz-sr-only" }, g = {
+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 './assets/MazAnimatedCounter.css';const $ = { class: "maz-sr-only" }, k = {
   key: 0,
   class: "m-animated-counter__fix"
-}, k = /* @__PURE__ */ v({
+}, A = /* @__PURE__ */ v({
   __name: "MazAnimatedCounter",
   props: {
     count: {},
@@ -11,32 +11,32 @@ import './assets/MazAnimatedCounter.css';const S = { class: "maz-sr-only" }, g =
     suffix: { default: void 0 }
   },
   setup(n) {
-    _((e) => ({
-      "7cf84c3b": x.value,
-      a2b7049a: e.count
-    }));
-    const t = n, s = h(), r = l(() => !!t.prefix || !!s.prefix), u = l(() => !!t.suffix || !!s.suffix), i = b(!0);
-    C(
+    const t = n, s = x(), r = l(() => !!t.prefix || !!s.prefix), u = l(() => !!t.suffix || !!s.suffix), f = _(!0);
+    h(
       () => t.count,
       (e, c) => {
-        e !== c && (i.value = !1, setTimeout(() => {
-          i.value = !0;
+        e !== c && (f.value = !1, setTimeout(() => {
+          f.value = !0;
         }, 100));
       }
     );
-    const x = l(() => `${t.duration}ms`);
-    return (e, c) => (p(), m(
+    const m = l(() => `${t.duration}ms`);
+    return (e, c) => (d(), p(
       "span",
       {
-        class: $(["m-animated-counter", {
-          "--animated": i.value,
+        class: y(["m-animated-counter", {
+          "--animated": f.value,
           "--prefixed": r.value,
           "--suffixed": u.value
-        }])
+        }]),
+        style: z({
+          "--count": e.count,
+          "--animation-duration": m.value
+        })
       },
       [
-        A("span", S, [
-          f(e.$slots, "prefix", {}, () => [
+        C("span", $, [
+          i(e.$slots, "prefix", {}, () => [
             o(
               a(e.prefix),
               1
@@ -48,7 +48,7 @@ import './assets/MazAnimatedCounter.css';const S = { class: "maz-sr-only" }, g =
             1
             /* TEXT */
           ),
-          f(e.$slots, "suffix", {}, () => [
+          i(e.$slots, "suffix", {}, () => [
             o(
               a(e.suffix),
               1
@@ -56,35 +56,33 @@ import './assets/MazAnimatedCounter.css';const S = { class: "maz-sr-only" }, g =
             )
           ], !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", {}, () => [
+        r.value || u.value ? (d(), p("span", k, [
+          i(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", {}, () => [
+          i(e.$slots, "suffix", {}, () => [
             o(
               a(e.suffix),
               1
               /* TEXT */
             )
           ], !0)
-        ])) : d("v-if", !0)
+        ])) : S("v-if", !0)
       ],
-      2
-      /* CLASS */
+      6
+      /* CLASS, STYLE */
     ));
   }
-}), y = (n, t) => {
+}), M = (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-95ad1bb8"]]);
+}, V = /* @__PURE__ */ M(A, [["__scopeId", "data-v-fc78b268"]]);
 export {
   V as default
 };

package/components/MazAvatar.d.ts

@@ -57,13 +57,14 @@ export interface Props {
     loading?: 'lazy' | 'eager' | 'intersecting';
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         "round-text"?(_: {}): any;
         icon?(_: {}): any;
         caption?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

package/components/MazAvatar.mjs

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

package/components/MazBackdrop.d.ts

@@ -16,13 +16,14 @@ declare function onBackdropAnimationLeave(): void;
 declare function onBackdropClicked(): void;
 declare function onKeyPress(event: KeyboardEvent): void;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             close: typeof close;
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {

package/components/MazBadge.d.ts

@@ -7,14 +7,19 @@ export interface Props {
     nowrap?: boolean;
     outline?: boolean;
     pastel?: boolean;
+    /**
+     * Size radius of the component's border
+     * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
+     */
     roundedSize?: BadgeRoundedSize;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLSpanElement;
 };
 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<{}>, {
@@ -24,7 +29,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     outline: boolean;
     pastel: boolean;
     nowrap: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazBadge.mjs

@@ -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-2b12426e"]]);
+}, c = /* @__PURE__ */ i(f, [["__scopeId", "data-v-e0711595"]]);
 export {
   c as default
 };

package/components/MazBottomSheet.d.ts

@@ -1,11 +1,12 @@
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             close: () => void;
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/components/MazBottomSheet.mjs

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

package/components/MazBtn.d.ts

@@ -101,9 +101,10 @@ export interface Props {
     /**
      * Choose how the elements are aligned in the button
      */
-    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+    justify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         "left-icon"?(_: {}): any;
         icon?(_: {}): any;
@@ -111,7 +112,7 @@ declare function __VLS_template(): {
         "right-icon"?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 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<{}>, {
@@ -123,7 +124,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     icon: string | Icon;
     leftIcon: string | Icon;
     rightIcon: string | Icon;
-    justify: "start" | "end" | "center" | "between" | "around" | "evenly";
+    justify: "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly";
 }, {}, {}, {}, 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-DzBXfedt.mjs";
+import { M as f } from "./chunks/MazBtn-CM-xSnA5.mjs";
 export {
   f as default
 };