maz-ui 3.23.4 → 3.24.0

package/components/chunks/MazBtn-fbc2b2c9.mjs

@@ -0,0 +1,153 @@
+import "../assets/MazBtn.css";
+import { defineComponent as M, defineAsyncComponent as p, useAttrs as E, useSlots as L, onBeforeMount as P, computed as t, openBlock as o, createBlock as u, resolveDynamicComponent as R, mergeProps as w, withCtx as A, createElementBlock as m, normalizeClass as s, renderSlot as r, unref as d, createCommentVNode as a, createElementVNode as D } from "vue";
+import { _ as N } from "./MazCarousel-4a1f2f1b.mjs";
+const U = /* @__PURE__ */ M({
+  __name: "MazBtn",
+  props: {
+    variant: {
+      type: String,
+      default: "button",
+      validator: (e) => ["button", "link"].includes(e)
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
+    },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    type: {
+      type: String,
+      default: "button",
+      validator: (e) => ["button", "submit", "reset"].includes(e)
+    },
+    rounded: { type: Boolean, default: !1 },
+    noRounded: { type: Boolean, default: !1 },
+    outline: { type: Boolean, default: !1 },
+    pastel: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    noUnderline: { type: Boolean, default: !1 },
+    noLeading: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    fab: { type: Boolean, default: !1 },
+    icon: { type: String, default: void 0 },
+    leftIcon: { type: String, default: void 0 },
+    rightIcon: { type: String, default: void 0 },
+    noPadding: { type: Boolean, default: !1 },
+    noElevation: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const z = p(() => import("./MazSpinner-ef90ca5e.mjs")), c = p(() => import("./MazIcon-52a76873.mjs")), { href: B, to: h } = E(), b = L(), n = e;
+    P(() => {
+      n.icon && !n.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
+    });
+    const f = t(() => B ? "a" : h ? "router-link" : "button"), k = t(
+      () => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
+    ), v = t(
+      () => (n.loading || n.disabled) && f.value === "button"
+    ), I = t(() => v.value ? "--cursor-default" : "--cursor-pointer"), x = t(() => `--is-${n.variant}`), l = t(() => n.loading && n.variant === "button"), y = t(() => !!b["left-icon"] || n.leftIcon), g = t(() => !!b["right-icon"] || n.rightIcon), C = t(() => y.value || g.value), S = t(() => n.fab && n.icon), $ = t(() => f.value === "button" ? n.type : void 0);
+    return (i, V) => (o(), u(R(f.value), w(i.$attrs, {
+      disabled: v.value,
+      class: ["m-btn", [
+        `--${e.size}`,
+        k.value,
+        I.value,
+        x.value,
+        {
+          "--block": e.block,
+          "--no-underline": e.noUnderline,
+          "--no-leading": e.noLeading,
+          "--fab": e.fab,
+          "--loading": e.loading,
+          "--disabled": v.value,
+          "--icon": C.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]],
+      type: $.value
+    }), {
+      default: A(() => [
+        y.value ? (o(), m(
+          "div",
+          {
+            key: 0,
+            class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "left-icon", {}, () => [
+              e.leftIcon ? (o(), u(d(c), {
+                key: 0,
+                name: e.leftIcon
+              }, null, 8, ["name"])) : a("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : a("v-if", !0),
+        S.value ? (o(), m(
+          "div",
+          {
+            key: 1,
+            class: s(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "icon", {}, () => [
+              e.icon ? (o(), u(d(c), {
+                key: 0,
+                name: e.icon
+              }, null, 8, ["name"])) : a("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : a("v-if", !0),
+        D(
+          "span",
+          {
+            class: s(["maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "default", {}, void 0, !0)
+          ],
+          2
+          /* CLASS */
+        ),
+        g.value ? (o(), m(
+          "div",
+          {
+            key: 2,
+            class: s(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "right-icon", {}, () => [
+              e.rightIcon ? (o(), u(d(c), {
+                key: 0,
+                name: e.rightIcon
+              }, null, 8, ["name"])) : a("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : a("v-if", !0),
+        l.value ? (o(), u(d(z), {
+          key: 3,
+          size: "2em",
+          color: e.color,
+          class: "maz-absolute"
+        }, null, 8, ["color"])) : a("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["disabled", "class", "type"]));
+  }
+});
+const q = /* @__PURE__ */ N(U, [["__scopeId", "data-v-0410c0ed"]]);
+export {
+  q as default
+};

package/components/chunks/{MazCard-bcc36489.mjs → MazCard-cb88998a.mjs}

@@ -60,7 +60,7 @@ const D = {
     collapseOpen: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const g = c(() => import("./MazBtn-5e426592.mjs")), u = c(() => import("./MazGallery-6b8ecedf.mjs")), y = c(() => import("./MazTransitionExpand-cd24498f.mjs")), z = c(() => import("./chevron-down-2b60111a.mjs")), n = e, S = A(), l = H(n.collapsable ? n.collapseOpen : !0);
+    const g = c(() => import("./MazBtn-28eb4f51.mjs")), u = c(() => import("./MazGallery-eb620533.mjs")), y = c(() => import("./MazTransitionExpand-9d45da0e.mjs")), z = c(() => import("./chevron-down-2b60111a.mjs")), n = e, S = A(), l = H(n.collapsable ? n.collapseOpen : !0);
     V(
       () => n.collapseOpen,
       (t) => {
@@ -83,7 +83,7 @@ const D = {
             "maz-elevation": e.elevation,
             "maz-overflow-hidden": e.overflowHidden || !l.value,
             "maz-rounded": e.radius,
-            "maz-border-2 maz-border-solid maz-border-color-lighter": e.bordered
+            "maz-border maz-border-solid maz-border-color-lighter": e.bordered
           }
         ]])
       },
@@ -207,7 +207,7 @@ const G = (e, g) => {
   for (const [y, z] of g)
     u[y] = z;
   return u;
-}, J = /* @__PURE__ */ G(R, [["__scopeId", "data-v-4654982c"]]);
+}, J = /* @__PURE__ */ G(R, [["__scopeId", "data-v-1c671f5f"]]);
 export {
   J as M,
   G as _

package/components/chunks/{MazCarousel-6da75122.mjs → MazCarousel-4a1f2f1b.mjs}

@@ -15,7 +15,7 @@ const N = (t) => (W("data-v-e5ae2ebf"), t = t(), $(), t), T = { class: "m-carous
     noScrollBtn: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const s = m(() => import("./MazBtn-fb3c7af8.mjs")), l = m(() => import("./chevron-left-39b4621e.mjs")), _ = m(() => import("./chevron-right-949a60fa.mjs")), d = t, h = L(), C = p(!1), S = p(!1), f = p(), I = () => !d.noScrollBtn || h.title, y = () => !!h.title, M = () => {
+    const s = m(() => import("./MazBtn-fbc2b2c9.mjs")), l = m(() => import("./chevron-left-39b4621e.mjs")), _ = m(() => import("./chevron-right-949a60fa.mjs")), d = t, h = L(), C = p(!1), S = p(!1), f = p(), I = () => !d.noScrollBtn || h.title, y = () => !!h.title, M = () => {
       const e = f.value;
       e == null || e.scrollTo(e.scrollLeft + e.clientWidth, 0);
     }, b = () => {

package/components/chunks/{MazCheckbox-3a2b48b4.mjs → MazCheckbox-0df95780.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazCheckbox.css";
 import { defineComponent as g, useCssVars as C, getCurrentInstance as _, computed as t, openBlock as S, createElementBlock as I, unref as r, normalizeClass as m, createElementVNode as f, mergeProps as w, createVNode as B, renderSlot as A } from "vue";
-import { u as N, _ as M } from "./MazSelect-6ff6bb96.mjs";
+import { u as N, _ as M } from "./MazSelect-a0d29d46.mjs";
 import E from "./check-31d7ba2f.mjs";
 const q = ["for", "aria-checked"], D = ["id", "checked", "disabled", "name"], H = /* @__PURE__ */ g({
   __name: "MazCheckbox",
@@ -27,10 +27,10 @@ const q = ["for", "aria-checked"], D = ["id", "checked", "disabled", "name"], H
   ],
   setup(l, { emit: p }) {
     C((a) => ({
-      "40cdf8ce": k.value,
-      "25e00d0a": x.value,
-      "5692b564": y.value,
-      "9df23cde": z.value
+      "209d1a7b": k.value,
+      "0c9060dd": x.value,
+      "35d76c2c": y.value,
+      a82c7122: z.value
     }));
     const b = _(), e = l, n = p, s = N({
       componentName: "MazCheckbox",
@@ -111,7 +111,7 @@ const q = ["for", "aria-checked"], D = ["id", "checked", "disabled", "name"], H
     ], 42, q));
   }
 });
-const j = /* @__PURE__ */ M(H, [["__scopeId", "data-v-141a5e53"]]);
+const j = /* @__PURE__ */ M(H, [["__scopeId", "data-v-619b4784"]]);
 export {
   j as default
 };

package/components/chunks/{MazCheckbox-040dc2c4.mjs → MazCheckbox-4ccd0b53.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazCheckbox.css";
 import { defineComponent as g, useCssVars as C, getCurrentInstance as _, computed as t, openBlock as S, createElementBlock as I, unref as r, normalizeClass as m, createElementVNode as f, mergeProps as w, createVNode as B, renderSlot as A } from "vue";
-import { u as N, _ as M } from "./MazPhoneNumberInput-e1bf46f9.mjs";
+import { u as N, _ as M } from "./MazPhoneNumberInput-b32334b7.mjs";
 import E from "./check-31d7ba2f.mjs";
 const q = ["for", "aria-checked"], D = ["id", "checked", "disabled", "name"], H = /* @__PURE__ */ g({
   __name: "MazCheckbox",
@@ -27,10 +27,10 @@ const q = ["for", "aria-checked"], D = ["id", "checked", "disabled", "name"], H
   ],
   setup(l, { emit: p }) {
     C((a) => ({
-      "40cdf8ce": k.value,
-      "25e00d0a": x.value,
-      "5692b564": y.value,
-      "9df23cde": z.value
+      "209d1a7b": k.value,
+      "0c9060dd": x.value,
+      "35d76c2c": y.value,
+      a82c7122: z.value
     }));
     const b = _(), e = l, n = p, s = N({
       componentName: "MazCheckbox",
@@ -111,7 +111,7 @@ const q = ["for", "aria-checked"], D = ["id", "checked", "disabled", "name"], H
     ], 42, q));
   }
 });
-const j = /* @__PURE__ */ M(H, [["__scopeId", "data-v-141a5e53"]]);
+const j = /* @__PURE__ */ M(H, [["__scopeId", "data-v-619b4784"]]);
 export {
   j as default
 };

package/components/chunks/{MazDialog-44eda544.mjs → MazDialog-e80585a6.mjs}

@@ -151,7 +151,7 @@ const j = /* @__PURE__ */ M(K, [["render", W]]), I = {
     "open"
   ],
   setup(e) {
-    const n = B(() => import("./MazBtn-6905cc39.mjs")), s = B(() => import("./x-mark-35f2f1e7.mjs")), a = N(), i = h(() => ({
+    const n = B(() => import("./MazBtn-55bdce06.mjs")), s = B(() => import("./x-mark-35f2f1e7.mjs")), a = N(), i = h(() => ({
       ...a,
       class: void 0,
       style: void 0

package/components/chunks/{MazDialogPromise-eec5acde.mjs → MazDialogPromise-0769de39.mjs}

@@ -175,7 +175,7 @@ const R = /* @__PURE__ */ V(J, [["render", Q]]), Y = {
     "open"
   ],
   setup(e) {
-    const o = h(() => import("./MazBtn-3d74f737.mjs")), i = h(() => import("./x-mark-35f2f1e7.mjs")), s = K(), r = D(() => ({
+    const o = h(() => import("./MazBtn-5c7f35e9.mjs")), i = h(() => import("./x-mark-35f2f1e7.mjs")), s = K(), r = D(() => ({
       ...s,
       class: void 0,
       style: void 0
@@ -278,7 +278,7 @@ const te = /* @__PURE__ */ V(ee, [["__scopeId", "data-v-085e6d92"]]), oe = { cla
     buttons: { type: Array, default: () => [] }
   },
   setup(e) {
-    const o = h(() => import("./MazBtn-3d74f737.mjs")), i = e, { dialogState: s, rejectDialog: r, resolveDialog: f } = X(), n = D(
+    const o = h(() => import("./MazBtn-5c7f35e9.mjs")), i = e, { dialogState: s, rejectDialog: r, resolveDialog: f } = X(), n = D(
       () => s.value.find(({ id: a }) => a === i.identifier)
     );
     return (a, l) => {

package/components/chunks/{MazDrawer-b628b37e.mjs → MazDrawer-ff505fb8.mjs}

@@ -138,7 +138,7 @@ const F = /* @__PURE__ */ K(P, [["render", j]]), q = { class: "m-drawer-header__
   },
   emits: ["open", "close", "update:model-value"],
   setup(e) {
-    const a = b(() => import("./MazBtn-1e61862b.mjs")), s = b(() => import("./x-mark-35f2f1e7.mjs"));
+    const a = b(() => import("./MazBtn-54c46d7a.mjs")), s = b(() => import("./x-mark-35f2f1e7.mjs"));
     return (t, o) => (d(), B(F, A(t.$attrs, {
       "backdrop-class": ["m-drawer", `--${e.variant}`, e.backdropClass],
       style: {

package/components/chunks/MazDropdown-0dea4e44.mjs

@@ -0,0 +1,352 @@
+import "../assets/MazDropdown.css";
+import { defineComponent as N, defineAsyncComponent as S, useAttrs as R, useSlots as j, onBeforeMount as q, computed as c, openBlock as i, createBlock as b, resolveDynamicComponent as T, mergeProps as F, withCtx as B, createElementBlock as y, normalizeClass as g, renderSlot as k, unref as d, createCommentVNode as f, createElementVNode as V, getCurrentInstance as x, ref as A, watch as E, createVNode as L, withModifiers as O, Transition as H, Fragment as U, renderList as K, createTextVNode as G, toDisplayString as J } from "vue";
+const Q = /* @__PURE__ */ N({
+  __name: "MazBtn",
+  props: {
+    variant: {
+      type: String,
+      default: "button",
+      validator: (o) => ["button", "link"].includes(o)
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (o) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(o)
+    },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    type: {
+      type: String,
+      default: "button",
+      validator: (o) => ["button", "submit", "reset"].includes(o)
+    },
+    rounded: { type: Boolean, default: !1 },
+    noRounded: { type: Boolean, default: !1 },
+    outline: { type: Boolean, default: !1 },
+    pastel: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    noUnderline: { type: Boolean, default: !1 },
+    noLeading: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    fab: { type: Boolean, default: !1 },
+    icon: { type: String, default: void 0 },
+    leftIcon: { type: String, default: void 0 },
+    rightIcon: { type: String, default: void 0 },
+    noPadding: { type: Boolean, default: !1 },
+    noElevation: { type: Boolean, default: !1 }
+  },
+  setup(o) {
+    const v = S(() => import("./MazSpinner-f54688d1.mjs")), r = S(() => import("./MazIcon-52a76873.mjs")), { href: s, to: z } = R(), h = j(), l = o;
+    q(() => {
+      l.icon && !l.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
+    });
+    const a = c(() => s ? "a" : z ? "router-link" : "button"), I = c(
+      () => l.pastel ? `--${l.color}-pastel` : l.outline ? `--${l.color}-outline` : `--${l.color}`
+    ), u = c(
+      () => (l.loading || l.disabled) && a.value === "button"
+    ), m = c(() => u.value ? "--cursor-default" : "--cursor-pointer"), D = c(() => `--is-${l.variant}`), p = c(() => l.loading && l.variant === "button"), C = c(() => !!h["left-icon"] || l.leftIcon), $ = c(() => !!h["right-icon"] || l.rightIcon), M = c(() => C.value || $.value), e = c(() => l.fab && l.icon), t = c(() => a.value === "button" ? l.type : void 0);
+    return (n, w) => (i(), b(T(a.value), F(n.$attrs, {
+      disabled: u.value,
+      class: ["m-btn", [
+        `--${o.size}`,
+        I.value,
+        m.value,
+        D.value,
+        {
+          "--block": o.block,
+          "--no-underline": o.noUnderline,
+          "--no-leading": o.noLeading,
+          "--fab": o.fab,
+          "--loading": o.loading,
+          "--disabled": u.value,
+          "--icon": M.value,
+          "--rounded": o.rounded,
+          "--no-rounded": o.noRounded,
+          "--no-padding": o.noPadding,
+          "--no-elevation": o.noElevation
+        }
+      ]],
+      type: t.value
+    }), {
+      default: B(() => [
+        C.value ? (i(), y(
+          "div",
+          {
+            key: 0,
+            class: g(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": p.value }])
+          },
+          [
+            k(n.$slots, "left-icon", {}, () => [
+              o.leftIcon ? (i(), b(d(r), {
+                key: 0,
+                name: o.leftIcon
+              }, null, 8, ["name"])) : f("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : f("v-if", !0),
+        e.value ? (i(), y(
+          "div",
+          {
+            key: 1,
+            class: g(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": p.value }])
+          },
+          [
+            k(n.$slots, "icon", {}, () => [
+              o.icon ? (i(), b(d(r), {
+                key: 0,
+                name: o.icon
+              }, null, 8, ["name"])) : f("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : f("v-if", !0),
+        V(
+          "span",
+          {
+            class: g(["maz-flex maz-flex-center", { "maz-invisible": p.value }])
+          },
+          [
+            k(n.$slots, "default", {}, void 0, !0)
+          ],
+          2
+          /* CLASS */
+        ),
+        $.value ? (i(), y(
+          "div",
+          {
+            key: 2,
+            class: g(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": p.value }])
+          },
+          [
+            k(n.$slots, "right-icon", {}, () => [
+              o.rightIcon ? (i(), b(d(r), {
+                key: 0,
+                name: o.rightIcon
+              }, null, 8, ["name"])) : f("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : f("v-if", !0),
+        p.value ? (i(), b(d(v), {
+          key: 3,
+          size: "2em",
+          color: o.color,
+          class: "maz-absolute"
+        }, null, 8, ["color"])) : f("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["disabled", "class", "type"]));
+  }
+});
+const W = (o, v) => {
+  const r = o.__vccOpts || o;
+  for (const [s, z] of v)
+    r[s] = z;
+  return r;
+}, X = /* @__PURE__ */ W(Q, [["__scopeId", "data-v-0410c0ed"]]), Y = ({
+  componentName: o,
+  instance: v,
+  providedId: r
+}) => c(() => r ?? `${o}-${v == null ? void 0 : v.uid}`);
+function Z(o, v) {
+  let r;
+  return function(...s) {
+    clearTimeout(r), r = setTimeout(() => {
+      o.apply(this, s);
+    }, v);
+  };
+}
+const _ = ["id"], ee = { class: "maz-flex maz-items-center maz-gap-2" }, te = /* @__PURE__ */ N({
+  __name: "MazDropdown",
+  props: {
+    items: {},
+    open: { type: Boolean },
+    id: { default: "maz-dropdown" },
+    trigger: { default: "both" },
+    color: { default: "transparent" },
+    position: { default: "bottom left" },
+    noCloseOnClick: { type: Boolean },
+    disabled: { type: Boolean },
+    noChevron: { type: Boolean }
+  },
+  emits: [
+    /**
+     * emitted when a menu item is clicked
+     */
+    "menuitem-clicked",
+    /**
+     * Triggers when the number changes
+     *
+     * @property {boolean} open new value
+     */
+    "update:open"
+  ],
+  setup(o, { emit: v }) {
+    const r = S(() => import("./chevron-down-2b60111a.mjs")), s = o, z = v, h = Y({
+      componentName: "MazCheckbox",
+      instance: x(),
+      providedId: s.id
+    }), l = A(s.open), a = A();
+    function I() {
+      u(!l.value);
+    }
+    const u = (e) => {
+      s.disabled || (l.value = e, z("update:open", e));
+    }, m = Z((e) => {
+      u(e);
+    }, 200);
+    async function D(e, t) {
+      var n;
+      z("menuitem-clicked", t), await ((n = e.action) == null ? void 0 : n.call(e)), s.noCloseOnClick || p();
+    }
+    function p() {
+      s.noCloseOnClick === !1 && u(!1);
+    }
+    function C(e) {
+      e.key === "Escape" ? (e.preventDefault(), u(!1)) : ["ArrowDown", "ArrowUp"].includes(e.key) ? M(e) : e.key === "Enter" && typeof a.value == "number" && (e.preventDefault(), document.querySelectorAll(`#${h.value} .menuitem`)[a.value].click(), p());
+    }
+    function $(e) {
+      ["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && l.value === !1 && (e.preventDefault(), u(!0));
+    }
+    function M(e) {
+      var w;
+      e.preventDefault();
+      const t = e.key;
+      l.value || u(!0);
+      const n = (w = s.items) == null ? void 0 : w.length;
+      n && (typeof a.value == "number" ? a.value === n - 1 && t === "ArrowDown" ? a.value = 0 : a.value === 0 && t === "ArrowUp" ? a.value = n - 1 : a.value = t === "ArrowDown" ? a.value + 1 : a.value - 1 : a.value = t === "ArrowDown" ? 0 : n - 1);
+    }
+    return E(
+      () => l.value,
+      (e) => {
+        e ? document.addEventListener("keydown", C) : document.removeEventListener("keydown", C), a.value = void 0;
+      }
+    ), E(
+      () => s.open,
+      (e) => u(e)
+    ), (e, t) => (i(), y("div", {
+      id: d(h),
+      class: "m-dropdown"
+    }, [
+      L(X, F({
+        color: e.color,
+        size: "md",
+        "aria-expanded": l.value,
+        "aria-haspopup": "menu",
+        disabled: e.disabled
+      }, e.$attrs, {
+        onClick: t[0] || (t[0] = O((n) => ["click"].includes(e.trigger) ? I() : void 0, ["stop"])),
+        onFocus: t[1] || (t[1] = (n) => ["hover", "both"].includes(e.trigger) ? u(!0) : void 0),
+        onBlur: t[2] || (t[2] = (n) => d(m)(!1)),
+        onKeydown: $,
+        onMouseenter: t[3] || (t[3] = (n) => ["hover", "both"].includes(e.trigger) ? l.value === !1 ? u(!0) : d(m)(!0) : void 0),
+        onMouseleave: t[4] || (t[4] = (n) => ["hover", "both"].includes(e.trigger) ? d(m)(!1) : void 0)
+      }), {
+        default: B(() => [
+          V("span", ee, [
+            k(e.$slots, "default"),
+            e.noChevron ? f("v-if", !0) : (i(), b(d(r), {
+              key: 0,
+              class: g([{ "maz-rotate-180": l.value }, "maz-text-lg maz-transition-transform maz-duration-200 maz-ease-in-out"])
+            }, null, 8, ["class"]))
+          ]),
+          f(" @slot Menu Label ")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["color", "aria-expanded", "disabled"]),
+      L(H, { name: "maz-scale-fade" }, {
+        default: B(() => [
+          l.value ? (i(), y(
+            "div",
+            {
+              key: 0,
+              role: "menu",
+              "aria-label": "Menu",
+              class: g(["menu", {
+                "--top": e.position.includes("top"),
+                "--left": e.position.includes("left"),
+                "--right": e.position.includes("right"),
+                "--bottom": e.position.includes("bottom")
+              }]),
+              tabindex: "-1",
+              onFocus: t[5] || (t[5] = (n) => d(m)(!0)),
+              onBlur: t[6] || (t[6] = (n) => d(m)(!1)),
+              onMouseenter: t[7] || (t[7] = (n) => ["hover", "both"].includes(e.trigger) ? d(m)(!0) : void 0),
+              onMouseleave: t[8] || (t[8] = (n) => ["hover", "both"].includes(e.trigger) ? d(m)(!1) : void 0)
+            },
+            [
+              (i(!0), y(
+                U,
+                null,
+                K(e.items, (n, w) => (i(), y(
+                  U,
+                  null,
+                  [
+                    f(`
+            @slot Custom menu item
+              @binding {Object} item - menu item
+          `),
+                    k(e.$slots, "menuitem", { item: n }, () => [
+                      (i(), b(T(n.to ? "router-link" : n.action ? "button" : "a"), {
+                        key: w,
+                        href: n.href,
+                        tabindex: "-1",
+                        target: n.href ? n.target ?? "_self" : void 0,
+                        type: n.action ? "button" : void 0,
+                        class: g([[
+                          {
+                            "--is-keyboard-selected": a.value === w
+                          },
+                          n.class
+                        ], "menuitem"]),
+                        to: n.to,
+                        onClick: O((P) => n.action ? D(n, P) : p(), ["stop"])
+                      }, {
+                        default: B(() => [
+                          f(`
+                @slot Custom menu item label
+                  @binding {Object} item - menu item
+              `),
+                          k(e.$slots, "menuitem-label", { item: n }, () => [
+                            G(
+                              J(n.label),
+                              1
+                              /* TEXT */
+                            )
+                          ])
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["href", "target", "type", "class", "to", "onClick"]))
+                    ])
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                ))),
+                256
+                /* UNKEYED_FRAGMENT */
+              ))
+            ],
+            34
+            /* CLASS, HYDRATE_EVENTS */
+          )) : f("v-if", !0)
+        ]),
+        _: 3
+        /* FORWARDED */
+      })
+    ], 8, _));
+  }
+});
+export {
+  W as _,
+  te as a
+};

package/components/chunks/{MazGallery-6b8ecedf.mjs → MazGallery-eb620533.mjs}

@@ -3,7 +3,7 @@ var H = (o, e, t) => e in o ? _(o, e, { enumerable: !0, configurable: !0, writab
 var i = (o, e, t) => (H(o, typeof e != "symbol" ? e + "" : e, t), t);
 import "../assets/MazGallery.css";
 import { defineComponent as B, useCssVars as S, defineAsyncComponent as O, onBeforeMount as M, computed as p, openBlock as u, createElementBlock as g, normalizeClass as y, normalizeStyle as E, createElementVNode as b, Fragment as x, renderList as C, withDirectives as w, unref as v, toDisplayString as T, createCommentVNode as L, createVNode as N } from "vue";
-import { _ as R } from "./MazCard-bcc36489.mjs";
+import { _ as R } from "./MazCard-cb88998a.mjs";
 const U = `
 .maz-zoom-img {
   position: fixed;

package/components/chunks/{MazIcon-95e31ff8.mjs → MazIcon-b0ad5b4c.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as b, ref as f, computed as g, onMounted as P, watchEffect as _, openBlock as p, createElementBlock as h, Fragment as A, createCommentVNode as s, mergeProps as C, nextTick as $ } from "vue";
-import { i as q } from "./MazTabsBar-27965f16.mjs";
+import { i as q } from "./MazTabsBar-3fc93e3c.mjs";
 const H = ["innerHTML"], G = /* @__PURE__ */ b({
   __name: "MazIcon",
   props: {