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

package/components/MazAccordion.mjs

@@ -1,4 +1,4 @@
-import { openBlock as p, createElementBlock as b, createElementVNode as u, computed as g, getCurrentInstance as A, defineComponent as C, useCssVars as V, ref as f, 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 { openBlock as p, createElementBlock as b, createElementVNode as u, useId as A, computed as g, defineComponent as k, useCssVars as V, ref as f, 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 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -28,12 +28,10 @@ function q({
   componentName: r,
   providedId: t
 }) {
-  return g(() => {
-    var n;
-    return t ?? `${r}-${(n = A()) == null ? void 0 : n.uid}`;
-  });
+  const a = A();
+  return g(() => t ?? `${r}-${a}`);
 }
-const H = { class: "inner" }, W = /* @__PURE__ */ C({
+const H = { class: "inner" }, W = /* @__PURE__ */ k({
   __name: "MazCardSpotlight",
   props: {
     color: { default: "primary" },
@@ -46,14 +44,14 @@ const H = { class: "inner" }, W = /* @__PURE__ */ C({
   setup(r) {
     V((d) => ({
       "829b4eb4": d.innerOpacity,
-      "57453cb6": o.value
+      "57453cb6": n.value
     }));
-    const t = r, n = f(), l = f(), i = f(!1);
+    const t = r, a = f(), l = f(), i = f(!1);
     function m({ clientX: d, clientY: c }) {
-      var e, _, a;
+      var e, _, o;
       i.value = !0;
       const v = (e = l.value) == null ? void 0 : e.getBoundingClientRect();
-      v && ((a = (_ = n.value) == null ? void 0 : _.animate) == null || a.call(
+      v && ((o = (_ = a.value) == null ? void 0 : _.animate) == null || o.call(
         _,
         [
           {
@@ -66,7 +64,7 @@ const H = { class: "inner" }, W = /* @__PURE__ */ C({
         }
       ));
     }
-    const o = g(() => `var(--maz-color-${t.color}-alpha)`), s = g(() => `var(--maz-color-${t.color}-alpha-20)`);
+    const n = g(() => `var(--maz-color-${t.color}-alpha)`), s = g(() => `var(--maz-color-${t.color}-alpha-20)`);
     return O(() => {
       window.addEventListener("mousemove", m);
     }), B(() => {
@@ -95,9 +93,9 @@ const H = { class: "inner" }, W = /* @__PURE__ */ C({
           "div",
           {
             ref_key: "blobElement",
-            ref: n,
+            ref: a,
             class: "blob",
-            style: w({ backgroundColor: o.value })
+            style: w({ backgroundColor: n.value })
           },
           null,
           4
@@ -123,12 +121,12 @@ const H = { class: "inner" }, W = /* @__PURE__ */ C({
       /* CLASS, STYLE */
     ));
   }
-}), k = (r, t) => {
-  const n = r.__vccOpts || r;
+}), C = (r, t) => {
+  const a = r.__vccOpts || r;
   for (const [l, i] of t)
-    n[l] = i;
-  return n;
-}, G = /* @__PURE__ */ k(W, [["__scopeId", "data-v-a4cc15ae"]]), J = ["aria-hidden"], K = /* @__PURE__ */ C({
+    a[l] = i;
+  return a;
+}, G = /* @__PURE__ */ C(W, [["__scopeId", "data-v-a4cc15ae"]]), J = ["aria-hidden"], K = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "MazExpandAnimation",
   props: /* @__PURE__ */ x({
@@ -140,24 +138,24 @@ const H = { class: "inner" }, W = /* @__PURE__ */ C({
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    V((o) => ({
-      "3628b947": o.duration,
-      "239277b5": o.timingFunction
+    V((n) => ({
+      "3628b947": n.duration,
+      "239277b5": n.timingFunction
     }));
-    const t = I(r, "modelValue"), n = f(!t.value), l = f();
+    const t = I(r, "modelValue"), a = f(!t.value), l = f();
     function i() {
-      t.value || (n.value = !0);
+      t.value || (a.value = !0);
     }
     function m() {
-      t.value && (n.value = !1);
+      t.value && (a.value = !1);
     }
     return O(() => {
-      var o, s;
-      (o = l.value) == null || o.addEventListener("transitionstart", i, !1), (s = l.value) == null || s.addEventListener("transitionend", m, !1);
+      var n, s;
+      (n = l.value) == null || n.addEventListener("transitionstart", i, !1), (s = l.value) == null || s.addEventListener("transitionend", m, !1);
     }), B(() => {
-      var o, s;
-      (o = l.value) == null || o.removeEventListener("transitionstart", i, !1), (s = l.value) == null || s.removeEventListener("transitionend", m, !1);
-    }), (o, s) => (p(), b("div", {
+      var n, s;
+      (n = l.value) == null || n.removeEventListener("transitionstart", i, !1), (s = l.value) == null || s.removeEventListener("transitionend", m, !1);
+    }), (n, s) => (p(), b("div", {
       ref_key: "expandAnimationRef",
       ref: l,
       class: $(["m-expand-animation", { "m-expand-animation--expanded": t.value }]),
@@ -166,24 +164,24 @@ const H = { class: "inner" }, W = /* @__PURE__ */ C({
     }, [
       u(
         "div",
-        L({ class: "m-expand-animation__inner" }, o.$attrs, {
+        L({ class: "m-expand-animation__inner" }, n.$attrs, {
           class: {
-            "--overflow-hidden": n.value
+            "--overflow-hidden": a.value
           }
         }),
         [
           N(" @slot Default Slot - Display content "),
-          h(o.$slots, "default", {}, void 0, !0)
+          h(n.$slots, "default", {}, void 0, !0)
         ],
         16
         /* FULL_PROPS */
       )
     ], 10, J));
   }
-}), Q = /* @__PURE__ */ k(K, [["__scopeId", "data-v-b7ca6b97"]]), X = {
+}), Q = /* @__PURE__ */ C(K, [["__scopeId", "data-v-b7ca6b97"]]), X = {
   class: "m-accordion",
   role: "presentation"
-}, Y = ["id", "aria-controls", "aria-expanded", "onClick"], Z = /* @__PURE__ */ C({
+}, Y = ["id", "aria-controls", "aria-expanded", "onClick"], Z = /* @__PURE__ */ k({
   __name: "MazAccordion",
   props: {
     id: { default: void 0 },
@@ -192,13 +190,13 @@ const H = { class: "inner" }, W = /* @__PURE__ */ C({
   },
   emits: ["update:model-value"],
   setup(r, { emit: t }) {
-    const n = r, l = t, i = q({
+    const a = r, l = t, i = q({
       componentName: "MazAccordion",
-      providedId: n.id
-    }), m = j(), o = g(
+      providedId: a.id
+    }), m = j(), n = g(
       () => Object.keys(m).filter((e) => e.startsWith("title-")).length
-    ), s = f(n.modelValue), d = g({
-      get: () => n.modelValue || s.value,
+    ), s = f(a.modelValue), d = g({
+      get: () => a.modelValue || s.value,
       set: (e) => {
         s.value = e, l("update:model-value", e);
       }
@@ -213,33 +211,33 @@ const H = { class: "inner" }, W = /* @__PURE__ */ C({
       (p(!0), b(
         D,
         null,
-        F(o.value, (a) => (p(), R(
+        F(n.value, (o) => (p(), R(
           G,
           {
-            key: a,
+            key: o,
             class: "m-accordion__spotlight",
             padding: !1
           },
           {
             default: M(() => [
               u("button", {
-                id: `step-${a}-${y(i)}`,
+                id: `step-${o}-${y(i)}`,
                 class: "m-accordion__header",
-                "aria-controls": `step-${a}-${y(i)}`,
-                "aria-expanded": c(a),
-                onClick: (ee) => v(a)
+                "aria-controls": `step-${o}-${y(i)}`,
+                "aria-expanded": c(o),
+                onClick: (ee) => v(o)
               }, [
-                h(e.$slots, `title-${a}`, {
-                  isOpen: c(a)
+                h(e.$slots, `title-${o}`, {
+                  isOpen: c(o)
                 }, void 0, !0),
                 S(y(U), {
-                  class: $(["header-icon", { "--rotate": c(a) }])
+                  class: $(["header-icon", { "--rotate": c(o) }])
                 }, null, 8, ["class"])
               ], 8, Y),
               S(Q, {
                 "animation-duration": "300ms",
-                "model-value": c(a),
-                "aria-labelledby": `step-${a}-${y(i)}`
+                "model-value": c(o),
+                "aria-labelledby": `step-${o}-${y(i)}`
               }, {
                 default: M(() => [
                   u(
@@ -249,10 +247,10 @@ const H = { class: "inner" }, W = /* @__PURE__ */ C({
                     },
                     [
                       h(e.$slots, "content", {
-                        isOpen: c(a)
+                        isOpen: c(o)
                       }, void 0, !0),
-                      h(e.$slots, `content-${a}`, {
-                        isOpen: c(a)
+                      h(e.$slots, `content-${o}`, {
+                        isOpen: c(o)
                       }, void 0, !0)
                     ],
                     2
@@ -274,7 +272,7 @@ const H = { class: "inner" }, W = /* @__PURE__ */ C({
       ))
     ]));
   }
-}), ne = /* @__PURE__ */ k(Z, [["__scopeId", "data-v-6bc141bc"]]);
+}), ne = /* @__PURE__ */ C(Z, [["__scopeId", "data-v-052b6500"]]);
 export {
   ne as default
 };

package/components/MazBottomSheet.mjs

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

package/components/MazBtn.d.ts

@@ -1,7 +1,6 @@
-import type { Color, Size } from './types';
-import { type Component, type ComponentPublicInstance, type FunctionalComponent, type HTMLAttributes, type SVGAttributes } from 'vue';
+import type { Color, Icon, Size } from './types';
+import { type HTMLAttributes } from 'vue';
 export type { Color, Size };
-export type Icon = FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component;
 export interface Props {
     /**
      * The variant of the button - Change UI of component (link or button style)

package/components/MazBtn.mjs

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

package/components/MazCard.mjs

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

package/components/MazCarousel.mjs

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

package/components/MazCheckbox.mjs

@@ -1,12 +1,10 @@
-import { computed as l, getCurrentInstance as S, 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 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 './assets/MazCheckbox.css';function q({
   componentName: n,
   providedId: a
 }) {
-  return l(() => {
-    var o;
-    return a ?? `${n}-${(o = S()) == null ? void 0 : o.uid}`;
-  });
+  const o = S();
+  return l(() => a ?? `${n}-${o}`);
 }
 const F = {
   xmlns: "http://www.w3.org/2000/svg",

package/components/MazCircularProgressBar.mjs

@@ -1,12 +1,10 @@
-import { computed as r, getCurrentInstance as w, defineComponent as _, useCssVars as $, useSlots as y, ref as S, 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 { useId as w, computed as r, defineComponent as _, useCssVars as $, useSlots as y, ref as S, 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
 }) {
-  return r(() => {
-    var s;
-    return e ?? `${a}-${(s = w()) == null ? void 0 : s.uid}`;
-  });
+  const s = w();
+  return r(() => e ?? `${a}-${s}`);
 }
 const V = { class: "maz-sr-only" }, D = {
   key: 0,

package/components/MazDialog.mjs

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

package/components/MazDialogPromise.mjs

@@ -1,4 +1,4 @@
-import { a as o, u as s } from "./chunks/MazDialogPromise-BjfZazCh.mjs";
+import { a as o, u as s } from "./chunks/MazDialogPromise-B2WdAwbv.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-C-RDq3T0.mjs").then((e) => e.M)), c = B(() => import("./chunks/x-mark-CnZwVvA7.mjs"));
+    const i = B(() => import("./chunks/MazBtn-BTxqbijR.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

@@ -1,6 +1,6 @@
 import type { RouteLocationRaw } from 'vue-router';
 import type { Color } from './MazBtn.vue';
-import type { Props as MazLinkProps } from './MazLink.vue';
+import type { MazLinkProps } from './MazLink.vue';
 import type { Position } from './types';
 import { type HTMLAttributes } from 'vue';
 export type { Color, Position };
@@ -24,10 +24,15 @@ export type MenuItem = (LinkItem & {
     to?: never;
     target?: never;
 });
-export interface Props {
+export interface MazDropdownProps {
+    /** Style object */
     style?: HTMLAttributes['style'];
+    /** Class name */
     class?: HTMLAttributes['class'];
-    /** Menu items */
+    /**
+     * Menu items
+     * @default '[]'
+     */
     items?: MenuItem[];
     /** Menu should be open? */
     open?: boolean;
@@ -104,10 +109,10 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<MazDropdownProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "menuitem-clicked": (event: Event) => any;
     "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<MazDropdownProps> & Readonly<{
     "onMenuitem-clicked"?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {