maz-ui 3.43.4 → 3.44.0

package/components/MazCarousel.mjs

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

package/components/MazChart.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import { type ChartType, type ChartData, type UpdateMode } from 'chart.js';
+import { type ChartData, type ChartType, type UpdateMode } from 'chart.js';
 export type { ChartType, ChartData, UpdateMode };
 declare const _default: import("vue").DefineComponent<{
     /**

package/components/MazCheckbox.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes } from 'vue';
 import type { Color, Size } from './types';
 export type { Color, Size };
-export type Props = {
+export interface Props {
     style?: HTMLAttributes['style'];
     class?: HTMLAttributes['class'];
     modelValue?: boolean | (string | number)[];
@@ -12,7 +12,7 @@ export type Props = {
     size?: Size;
     label?: string;
     disabled?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;
     class: undefined;

package/components/MazCheckbox.mjs

@@ -1,6 +1,5 @@
-import './assets/MazCheckbox.css';
 import { getCurrentInstance as _, computed as l, openBlock as p, createElementBlock as b, createElementVNode as u, defineComponent as w, useCssVars as C, unref as d, normalizeClass as h, normalizeStyle as I, mergeProps as S, createVNode as B, renderSlot as A, createTextVNode as N, toDisplayString as $ } from "vue";
-function M({
+import './assets/MazCheckbox.css';function M({
   componentName: a,
   providedId: r
 }) {
@@ -54,10 +53,10 @@ const H = { render: q }, K = ["for", "aria-checked"], O = ["id", "checked", "dis
   ],
   setup(a, { emit: r }) {
     C((o) => ({
-      "3eedcc0a": v.value,
-      a3137f46: k.value,
-      "03d4fcac": y.value,
-      "5778d022": V.value
+      "30ad0e00": v.value,
+      "46bd1cbc": k.value,
+      "7c7c6907": y.value,
+      "47a52c6c": V.value
     }));
     const e = a, n = r, c = M({
       componentName: "MazCheckbox",
@@ -70,14 +69,14 @@ const H = { render: q }, K = ["for", "aria-checked"], O = ["id", "checked", "dis
           return "2.25rem";
         case "lg":
           return "2rem";
-        default:
-          return "1.625rem";
         case "sm":
           return "1.425rem";
         case "xs":
           return "1.325rem";
         case "mini":
           return "1.2rem";
+        default:
+          return "1.625rem";
       }
     }), x = l(() => {
       switch (e.size) {
@@ -85,14 +84,14 @@ const H = { render: q }, K = ["for", "aria-checked"], O = ["id", "checked", "dis
           return "maz-text-2xl";
         case "lg":
           return "maz-text-xl";
-        default:
-          return "maz-text-lg";
         case "sm":
           return "maz-text-base";
         case "xs":
           return "maz-text-sm";
         case "mini":
           return "maz-text-xs";
+        default:
+          return "maz-text-lg";
       }
     }), v = l(() => `var(--maz-color-${e.color}-contrast)`), y = l(() => `var(--maz-color-${e.color})`), V = l(
       () => ["black", "transparent"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`
@@ -148,7 +147,7 @@ const H = { render: q }, K = ["for", "aria-checked"], O = ["id", "checked", "dis
   for (const [n, c] of r)
     e[n] = c;
   return e;
-}, F = /* @__PURE__ */ T(P, [["__scopeId", "data-v-06d3ee3a"]]);
+}, F = /* @__PURE__ */ T(P, [["__scopeId", "data-v-85c875a9"]]);
 export {
   F as default
 };

package/components/MazCircularProgressBar.d.ts

@@ -1,4 +1,4 @@
-import { type Color } from './types';
+import type { Color } from './types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /**
      * The percentage value of the progress bar

package/components/MazCircularProgressBar.mjs

@@ -1,9 +1,15 @@
-import './assets/MazCircularProgressBar.css';
-import { defineComponent as _, useCssVars as $, useSlots as y, computed as r, ref as S, watch as B, openBlock as p, createElementBlock as v, normalizeClass as P, createElementVNode as n, renderSlot as l, createTextVNode as u, toDisplayString as i, createCommentVNode as m, getCurrentInstance as b, normalizeStyle as A, unref as g, createBlock as M, createSlots as I, withCtx as k } from "vue";
-const N = { class: "maz-sr-only" }, V = {
+import { getCurrentInstance as S, computed as r, defineComponent as _, useCssVars as $, useSlots as y, ref as b, watch as B, openBlock as p, createElementBlock as v, normalizeClass as P, createElementVNode as n, renderSlot as l, createTextVNode as u, toDisplayString as i, 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
+}) {
+  const s = S();
+  return r(() => e ?? `${a}-${s == null ? void 0 : s.uid}`);
+}
+const V = { class: "maz-sr-only" }, D = {
   key: 0,
   class: "m-animated-counter__fix"
-}, D = /* @__PURE__ */ _({
+}, E = /* @__PURE__ */ _({
   __name: "MazAnimatedCounter",
   props: {
     count: {},
@@ -13,10 +19,10 @@ const N = { class: "maz-sr-only" }, V = {
   },
   setup(a) {
     $((t) => ({
-      "0b7109b2": h.value,
-      e965ff72: t.count
+      "7cf84c3b": h.value,
+      a2b7049a: t.count
     }));
-    const e = a, s = y(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = S(!0);
+    const e = a, s = y(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = b(!0);
     B(
       () => e.count,
       (t, x) => {
@@ -36,7 +42,7 @@ const N = { class: "maz-sr-only" }, V = {
         }])
       },
       [
-        n("span", N, [
+        n("span", V, [
           l(t.$slots, "prefix", {}, () => [
             u(
               i(t.prefix),
@@ -57,7 +63,7 @@ const N = { class: "maz-sr-only" }, V = {
             )
           ], !0)
         ]),
-        f.value || d.value ? (p(), v("span", V, [
+        f.value || d.value ? (p(), v("span", D, [
           m(' @slot Prefix slot - Add a prefix next to the number (e.g: "$") '),
           l(t.$slots, "prefix", {}, () => [
             u(
@@ -85,15 +91,7 @@ const N = { class: "maz-sr-only" }, V = {
   for (const [f, d] of e)
     s[f] = d;
   return s;
-}, E = /* @__PURE__ */ z(D, [["__scopeId", "data-v-ca68c5dd"]]);
-function L({
-  componentName: a,
-  providedId: e
-}) {
-  const s = b();
-  return r(() => e ?? `${a}-${s == null ? void 0 : s.uid}`);
-}
-const T = { class: "outer" }, W = { class: "inner" }, j = { key: 0 }, q = {
+}, L = /* @__PURE__ */ z(E, [["__scopeId", "data-v-95ad1bb8"]]), T = { class: "outer" }, W = { class: "inner" }, j = { key: 0 }, q = {
   xmlns: "http://www.w3.org/2000/svg",
   height: "1em",
   width: "1em",
@@ -114,10 +112,10 @@ const T = { class: "outer" }, W = { class: "inner" }, j = { key: 0 }, q = {
   },
   setup(a) {
     $((o) => ({
-      72728559: C.value,
-      "1cd555a4": w.value
+      "0bf2c547": C.value,
+      "7e590576": w.value
     }));
-    const e = a, s = y(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = L({
+    const e = a, s = y(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = N({
       componentName: "MazCircularProgressBar"
     }), h = r(() => e.percentage > 100 ? 100 : e.percentage <= 0 ? 0.5 : e.percentage), t = r(
       () => e.autoColor ? x(e.percentage) : e.color
@@ -142,7 +140,7 @@ const T = { class: "outer" }, W = { class: "inner" }, j = { key: 0 }, q = {
             g(s).default ? (p(), v("span", j, [
               m(" @slot Default slot - Replace the percaentage value "),
               l(o.$slots, "default", {}, void 0, !0)
-            ])) : (p(), M(E, {
+            ])) : (p(), M(L, {
               key: 1,
               count: o.percentage,
               duration: o.duration
@@ -217,7 +215,7 @@ const T = { class: "outer" }, W = { class: "inner" }, j = { key: 0 }, q = {
       /* STYLE */
     ));
   }
-}), K = /* @__PURE__ */ z(F, [["__scopeId", "data-v-fd58f273"]]);
+}), K = /* @__PURE__ */ z(F, [["__scopeId", "data-v-3ac6dd71"]]);
 export {
   K as default
 };

package/components/MazDialog.d.ts

@@ -1,5 +1,5 @@
 import { type Props as MazBackdropProps } from './MazBackdrop.vue';
-export type Props = {
+export interface Props {
     /** @model Modal's model value */
     modelValue?: boolean;
     /** Title of the modal in header */
@@ -16,7 +16,7 @@ export type Props = {
     scrollable?: boolean;
     /** Persistent dialog (not closable by clicking outside and remove close button) */
     persistent?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props & MazBackdropProps>, {
     title: undefined;
     noClose: boolean;

package/components/MazDialog.mjs

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

package/components/MazDialogPromise/use-maz-dialog-promise.d.ts

@@ -1,11 +1,11 @@
-import { type Color, type Size } from './../types';
+import type { Color, Size } from './../types';
 export interface DialogState {
     id: string;
     isActive: boolean;
     resolve: (value: unknown) => void;
     reject?: (reason?: unknown) => void;
 }
-export type DialogButton = {
+export interface DialogButton {
     text?: string;
     block?: boolean;
     color?: Color;
@@ -14,13 +14,13 @@ export type DialogButton = {
     outline?: boolean;
     rounded?: boolean;
     size?: Size;
-};
+}
 export type DialogCustomButton = DialogButton & {
     text: string;
     type: 'resolve' | 'reject';
     response?: unknown;
 };
-export type DialogData = {
+export interface DialogData {
     /**
      * Dialog title
      */
@@ -51,7 +51,7 @@ export type DialogData = {
      * Dialog custom buttons
      */
     buttons?: DialogCustomButton[];
-};
+}
 export declare const defaultData: {
     cancelText: string;
     confirmText: string;
@@ -65,7 +65,14 @@ export declare const defaultData: {
         color: "success";
     };
 };
-export declare const useMazDialogPromise: () => {
+declare function showDialogAndWaitChoice(identifier: string, callback?: () => unknown): Promise<unknown>;
+declare function removeDialogFromState(identifier: string): {
+    id: string;
+    isActive: boolean;
+    resolve: (value: unknown) => void;
+    reject?: ((reason?: unknown) => void) | undefined;
+}[];
+export declare function useMazDialogPromise(): {
     data: import("vue").Ref<{
         title?: string | undefined;
         message?: string | undefined;
@@ -100,7 +107,7 @@ export declare const useMazDialogPromise: () => {
             outline?: boolean | undefined;
             rounded?: boolean | undefined;
             size?: Size | undefined;
-            type: 'resolve' | 'reject';
+            type: "resolve" | "reject";
             response?: unknown;
         }[] | undefined;
     }>;
@@ -110,13 +117,9 @@ export declare const useMazDialogPromise: () => {
         resolve: (value: unknown) => void;
         reject?: ((reason?: unknown) => void) | undefined;
     }[]>;
-    showDialogAndWaitChoice: (identifier: string, callback?: () => unknown) => Promise<unknown>;
-    removeDialogFromState: (identifier: string) => {
-        id: string;
-        isActive: boolean;
-        resolve: (value: unknown) => void;
-        reject?: ((reason?: unknown) => void) | undefined;
-    }[];
+    showDialogAndWaitChoice: typeof showDialogAndWaitChoice;
+    removeDialogFromState: typeof removeDialogFromState;
     rejectDialog: (currentDialog: DialogState, response?: unknown) => void;
     resolveDialog: (currentDialog: DialogState, response?: unknown) => void;
 };
+export {};

package/components/MazDialogPromise.mjs

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

package/components/MazDrawer.d.ts

@@ -1,4 +1,4 @@
-export type Props = {
+export interface Props {
     /** The title of the drawer */
     title?: string;
     /** The variant of the drawer */
@@ -9,7 +9,7 @@ export type Props = {
     backdropClass?: string;
     /** Disable the close button */
     noClose?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     title: undefined;
     variant: string;

package/components/MazDrawer.mjs

@@ -1,6 +1,5 @@
-import './assets/MazDrawer.css';
-import { defineComponent as h, ref as S, onMounted as g, watch as N, openBlock as d, createBlock as D, Teleport as T, createVNode as v, Transition as O, withCtx as k, createElementBlock as L, normalizeClass as i, createElementVNode as s, withModifiers as P, mergeProps as K, renderSlot as b, createCommentVNode as M, defineAsyncComponent as z, normalizeStyle as F, createTextVNode as q, toDisplayString as I, unref as A } from "vue";
-const V = "--backdrop-present", U = /* @__PURE__ */ h({
+import { defineComponent as V, ref as S, onMounted as g, watch as N, openBlock as r, createBlock as h, Teleport as T, createVNode as f, Transition as O, withCtx as v, createElementBlock as D, normalizeClass as d, createElementVNode as a, withModifiers as P, mergeProps as K, renderSlot as k, createCommentVNode as L, defineAsyncComponent as B, normalizeStyle as F, createTextVNode as q, toDisplayString as I, unref as z } from "vue";
+import './assets/MazDrawer.css';const A = "--backdrop-present", U = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "MazBackdrop",
   props: {
@@ -14,81 +13,84 @@ const V = "--backdrop-present", U = /* @__PURE__ */ h({
     backdropContentClass: { default: void 0 }
   },
   emits: ["open", "close", "update:model-value", "before-close"],
-  setup(C, { expose: c, emit: m }) {
-    const e = () => {
-      document.documentElement.classList.add(V);
-    }, n = async () => {
-      document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(V);
-    }, t = m, a = C, l = S(a.modelValue);
-    function r() {
-      y(!1);
+  setup(b, { expose: i, emit: c }) {
+    const e = b, t = c;
+    function n() {
+      document.documentElement.classList.add(A);
     }
-    async function y(o) {
-      var f;
-      o || (t("before-close"), await ((f = a.beforeClose) == null ? void 0 : f.call(a))), l.value = o;
+    async function M() {
+      document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(A);
     }
-    function E() {
+    const s = S(e.modelValue);
+    function l() {
+      C(!1);
+    }
+    async function C(o) {
+      var p;
+      o || (t("before-close"), await ((p = e.beforeClose) == null ? void 0 : p.call(e))), s.value = o;
+    }
+    function y() {
       t("open");
     }
-    function $() {
+    function E() {
       t("update:model-value", !1), t("close"), u();
     }
-    function w() {
-      a.persistent || r();
+    function $() {
+      e.persistent || l();
     }
-    function p(o) {
-      !a.noCloseOnEscKey && o.key === "Escape" && !a.persistent && r();
+    function m(o) {
+      !e.noCloseOnEscKey && o.key === "Escape" && !e.persistent && l();
     }
-    function B() {
-      e(), document.addEventListener("keyup", p, !1);
+    function w() {
+      n(), document.addEventListener("keyup", m, !1);
     }
     function u() {
-      document.removeEventListener("keyup", p), n();
+      document.removeEventListener("keyup", m), M();
     }
     return g(() => {
-      a.modelValue ? B() : u();
+      e.modelValue ? w() : u();
     }), N(
-      () => a.modelValue,
+      () => e.modelValue,
       (o) => {
-        l.value = o, o ? B() : u();
+        s.value = o, o ? w() : u();
       }
-    ), c({
-      onBackdropAnimationEnter: E,
-      onBackdropAnimationLeave: $,
-      onBackdropClicked: w,
-      close: r,
-      present: l,
-      toggleModal: y,
-      onKeyPress: p
-    }), (o, f) => (d(), D(T, { to: o.teleportSelector }, [
-      v(O, {
+    ), i({
+      onBackdropAnimationEnter: y,
+      onBackdropAnimationLeave: E,
+      onBackdropClicked: $,
+      close: l,
+      present: s,
+      toggleModal: C,
+      onKeyPress: m
+    }), (o, p) => (r(), h(T, { to: o.teleportSelector }, [
+      f(O, {
         appear: "",
         name: o.transitionName,
-        onAfterEnter: E,
-        onAfterLeave: $
+        onAfterEnter: y,
+        onAfterLeave: E
       }, {
-        default: k(() => [
-          l.value ? (d(), L(
+        default: v(() => [
+          s.value ? (r(), D(
             "div",
             {
               key: 0,
-              class: i(["m-backdrop --present", [o.backdropClass]]),
+              class: d(["m-backdrop --present", [o.backdropClass]]),
               tabindex: "-1",
               role: "dialog"
             },
             [
-              s(
+              a(
                 "button",
                 {
-                  class: i(["m-backdrop-overlay", { "--disabled": o.persistent }]),
+                  class: d(["m-backdrop-overlay", { "--disabled": o.persistent }]),
                   tabindex: "-1",
-                  onClick: P(w, ["self"])
+                  onClick: P($, ["self"])
                 },
                 null,
                 2
                 /* CLASS */
               ),
-              s(
+              a(
                 "div",
                 K({
                   class: ["m-backdrop-content", o.backdropContentClass]
@@ -97,7 +99,7 @@ const V = "--backdrop-present", U = /* @__PURE__ */ h({
                   tabindex: "0"
                 }),
                 [
-                  b(o.$slots, "default", { close: r })
+                  k(o.$slots, "default", { close: l })
                 ],
                 16
                 /* FULL_PROPS */
@@ -105,7 +107,7 @@ const V = "--backdrop-present", U = /* @__PURE__ */ h({
             ],
             2
             /* CLASS */
-          )) : M("v-if", !0)
+          )) : L("v-if", !0)
         ]),
         _: 3
         /* FORWARDED */
@@ -115,7 +117,7 @@ const V = "--backdrop-present", U = /* @__PURE__ */ h({
 }), X = { class: "m-drawer-header__title" }, j = {
   key: 0,
   class: "m-drawer-header__close"
-}, G = { class: "m-drawer-body" }, J = /* @__PURE__ */ h({
+}, G = { class: "m-drawer-body" }, J = /* @__PURE__ */ V({
   __name: "MazDrawer",
   props: {
     title: { default: void 0 },
@@ -125,33 +127,33 @@ const V = "--backdrop-present", U = /* @__PURE__ */ h({
     noClose: { type: Boolean, default: !1 }
   },
   emits: ["before-close", "open", "close", "update:model-value"],
-  setup(C) {
-    const c = z(() => import("./chunks/MazBtn-BydIwD1J.mjs").then((e) => e.M)), m = z(() => import("./chunks/x-mark-BP8zWe_C.mjs"));
-    return (e, n) => (d(), D(U, {
+  setup(b) {
+    const i = B(() => import("./chunks/MazBtn-f1mBXJeU.mjs").then((e) => e.M)), c = B(() => import("./chunks/x-mark-BP8zWe_C.mjs"));
+    return (e, t) => (r(), h(U, {
       "backdrop-class": ["m-drawer", `--${e.variant}`, e.backdropClass],
       style: F({
         "--maz-drawer-size": e.size
       }),
-      onClose: n[0] || (n[0] = (t) => e.$emit("close")),
-      onOpen: n[1] || (n[1] = (t) => e.$emit("open")),
-      onBeforeClose: n[2] || (n[2] = (t) => e.$emit("before-close")),
-      "onUpdate:modelValue": n[3] || (n[3] = (t) => e.$emit("update:model-value", t))
+      onClose: t[0] || (t[0] = (n) => e.$emit("close")),
+      onOpen: t[1] || (t[1] = (n) => e.$emit("open")),
+      onBeforeClose: t[2] || (t[2] = (n) => e.$emit("before-close")),
+      "onUpdate:modelValue": t[3] || (t[3] = (n) => e.$emit("update:model-value", n))
     }, {
-      default: k(({ close: t }) => [
-        s(
+      default: v(({ close: n }) => [
+        a(
           "div",
           {
-            class: i(["m-drawer-content-wrap", [`--${e.variant}`]])
+            class: d(["m-drawer-content-wrap", [`--${e.variant}`]])
           },
           [
-            s(
+            a(
               "header",
               {
-                class: i(["m-drawer-header", [e.$slots.title || e.title ? "--between" : "--end"]])
+                class: d(["m-drawer-header", [e.$slots.title || e.title ? "--between" : "--end"]])
               },
               [
-                s("h4", X, [
-                  b(e.$slots, "title", { close: t }, () => [
+                a("h4", X, [
+                  k(e.$slots, "title", { close: n }, () => [
                     q(
                       I(e.title),
                       1
@@ -159,14 +161,14 @@ const V = "--backdrop-present", U = /* @__PURE__ */ h({
                     )
                   ])
                 ]),
-                e.noClose ? M("v-if", !0) : (d(), L("div", j, [
-                  v(A(c), {
+                e.noClose ? L("v-if", !0) : (r(), D("div", j, [
+                  f(z(i), {
                     size: "sm",
                     color: "transparent",
-                    onClick: t
+                    onClick: n
                   }, {
-                    default: k(() => [
-                      v(A(m), { class: "icon maz-text-lg" })
+                    default: v(() => [
+                      f(z(c), { class: "icon maz-text-lg" })
                     ]),
                     _: 2
                     /* DYNAMIC */
@@ -176,8 +178,8 @@ const V = "--backdrop-present", U = /* @__PURE__ */ h({
               2
               /* CLASS */
             ),
-            s("div", G, [
-              b(e.$slots, "default", { close: t })
+            a("div", G, [
+              k(e.$slots, "default", { close: n })
             ])
           ],
           2

package/components/MazDropdown.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes } from 'vue';
-import { type RouteLocationRaw } from 'vue-router';
-import { type Position } from './types';
-import { type Color } from './MazBtn.vue';
+import type { RouteLocationRaw } from 'vue-router';
+import type { Position } from './types';
+import type { Color } from './MazBtn.vue';
 export type { Color, Position };
 export type MenuItem = {
     label: string;
@@ -11,7 +11,7 @@ export type MenuItem = {
     to?: RouteLocationRaw;
     class?: unknown;
 } & Record<string, unknown>;
-export type Props = {
+export interface Props {
     style?: HTMLAttributes['style'];
     class?: HTMLAttributes['class'];
     /** Menu items */
@@ -20,7 +20,8 @@ export type Props = {
     open?: boolean;
     /** id of the menu */
     id?: string;
-    /** Should open the dropdown on click, hover or both
+    /**
+     * Should open the dropdown on click, hover or both
      * @default 'both'
      */
     trigger?: 'click' | 'hover' | 'both';
@@ -45,7 +46,7 @@ export type Props = {
      * @default 'Open menu dropdown'
      */
     screenReaderDescription?: string;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     class: undefined;
     style: undefined;