maz-ui 4.0.0-beta.8 → 4.0.0

package/dist/components/MazAnimatedCounter.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, onMounted, onBeforeUnmount, watch, createElementBlock, openBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
-import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
+import { e } from "../chunks/isClient.8V3qjGdO.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAnimatedCounter.DkZNPRLp.css';const _hoisted_1 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazAnimatedCounter.LK7oyUrl.css';const _hoisted_1 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazAnimatedCounter",
   props: {
     count: {},
@@ -14,11 +14,11 @@ import '../assets/MazAnimatedCounter.DkZNPRLp.css';const _hoisted_1 = { class: "
   setup(__props) {
     const props = __props, currentCount = ref(0), elementRef = ref(null);
     function getRequestAnimationFrame() {
-      return !isClient() || !globalThis.requestAnimationFrame ? (callback) => (setTimeout(callback, 1e3 / 60), 0) : globalThis.requestAnimationFrame.bind(globalThis);
+      return !e() || !globalThis.requestAnimationFrame ? (callback) => (setTimeout(callback, 1e3 / 60), 0) : globalThis.requestAnimationFrame.bind(globalThis);
     }
     function animate(start, end, duration, delay) {
       const requestAnim = getRequestAnimationFrame();
-      if (!isClient()) {
+      if (!e()) {
         currentCount.value = end;
         return;
       }
@@ -71,7 +71,7 @@ import '../assets/MazAnimatedCounter.DkZNPRLp.css';const _hoisted_1 = { class: "
       ], !0)
     ], 512));
   }
-}), MazAnimatedCounter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-02bb6e23"]]);
+}), MazAnimatedCounter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-91a33c54"]]);
 export {
   MazAnimatedCounter as default
 };

package/dist/components/MazAnimatedCounter.vue.d.ts

@@ -0,0 +1,59 @@
+export interface MazAnimatedCounterProps {
+    /**
+     * 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;
+    /**
+     * Delay before the animation starts in milliseconds
+     * @default 100
+     */
+    delay?: number;
+    /**
+     * Play the animation only once
+     * @default true
+     */
+    once?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {
+        elementRef: HTMLSpanElement;
+    };
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazAnimatedCounterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedCounterProps> & Readonly<{}>, {
+    duration: number;
+    delay: number;
+    once: boolean;
+    prefix: string;
+    suffix: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    elementRef: HTMLSpanElement;
+}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MazAnimatedElement.vue.d.ts

@@ -0,0 +1,44 @@
+export interface MazAnimatedElementProps {
+    /**
+     * The direction of the animation
+     * @default "up"
+     * @values "up", "down", "left", "right"
+     */
+    direction?: 'up' | 'down' | 'left' | 'right';
+    /**
+     * The delay of the animation
+     * @default 0
+     */
+    delay?: number;
+    /**
+     * The duration of the animation
+     * @default 2000
+     */
+    duration?: number;
+    /**
+     * Play the animation only once
+     * @default true
+     */
+    once?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        element: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazAnimatedElementProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedElementProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    element: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MazAnimatedText.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createCommentVNode, Fragment, renderList, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, createTextVNode } from "vue";
-import { c as checkAvailability } from "../chunks/checkAvailability.aTpZidex.js";
+import { l } from "../chunks/checkAvailability.UFZSC8-1.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAnimatedText.DDqCxrFX.css';const _hoisted_1 = { class: "m-reset-css m-animated-text" }, _hoisted_2 = { class: "m-animated-text__last-word-inner" }, _hoisted_3 = { class: "m-animated-text__last-word-inner-text" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazAnimatedText.CHvAudRU.css';const _hoisted_1 = { class: "m-reset-css m-animated-text" }, _hoisted_2 = { class: "m-animated-text__last-word-inner" }, _hoisted_3 = { class: "m-animated-text__last-word-inner-text" }, _sfc_main = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
   __name: "MazAnimatedText",
   props: {
@@ -22,7 +22,7 @@ import '../assets/MazAnimatedText.DDqCxrFX.css';const _hoisted_1 = { class: "m-r
     return onMounted(() => {
       isClient.value = !0, observer = new IntersectionObserver(([entry]) => {
         isVisible.value = entry.isIntersecting, __props.once && element.value && observer?.unobserve(element.value);
-      }), checkAvailability(() => element.value, (element2) => {
+      }), l(() => element.value, (element2) => {
         observer?.observe(element2);
       });
     }), onBeforeUnmount(() => observer?.disconnect()), (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
@@ -73,7 +73,7 @@ import '../assets/MazAnimatedText.DDqCxrFX.css';const _hoisted_1 = { class: "m-r
       }, 16))
     ]));
   }
-}), MazAnimatedText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1285ff2b"]]);
+}), MazAnimatedText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-00727bc1"]]);
 export {
   MazAnimatedText as default
 };

package/dist/components/MazAnimatedText.vue.d.ts

@@ -0,0 +1,57 @@
+export interface MazAnimatedTextProps {
+    /**
+     * The text to animate
+     * @example "Hello"
+     */
+    text: string;
+    /**
+     * The last word(s) to be highlighted
+     * @example "world"
+     */
+    lastWord?: string;
+    /**
+     * The delay of the animation
+     * @default 0
+     */
+    delay?: number;
+    /**
+     * The direction of the animation
+     * @default "up"
+     * @values "up", "down", "left", "right"
+     */
+    direction?: 'up' | 'down' | 'left' | 'right';
+    /**
+     * The tag to use for the text
+     * @default "span"
+     */
+    tag?: string;
+    /**
+     * The delay between each word
+     * @default 75
+     */
+    wordDelay?: number;
+    /**
+     * The column gap between each word
+     * @default 0.5
+     */
+    columnGap?: number;
+    /**
+     * The row gap between each word
+     * @default 0
+     */
+    rowGap?: number;
+    /**
+     * The duration of the animation
+     * @default 2000
+     */
+    duration?: number;
+    /**
+     * Play the animation only once
+     * @default true
+     */
+    once?: boolean;
+}
+declare const _default: import('vue').DefineComponent<MazAnimatedTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    element: unknown;
+}, any>;
+export default _default;

package/dist/components/MazAvatar.vue.d.ts

@@ -0,0 +1,99 @@
+import { HTMLAttributes } from 'vue';
+import { MazColor } from './types';
+export interface MazAvatarProps {
+    /** The style of the component */
+    style?: HTMLAttributes['style'];
+    /** The class of the component */
+    class?: HTMLAttributes['class'];
+    /** The source of the image */
+    src?: string | null;
+    /** The caption of the avatar */
+    caption?: string | null;
+    /** The link of the avatar */
+    href?: string;
+    /** The link (router-link) of the avatar */
+    to?: string | Record<string, unknown>;
+    /** The alt of the image */
+    alt?: string;
+    /** The target of the link */
+    target?: string;
+    /** The size of the avatar */
+    size?: string;
+    /** Add a border to the avatar */
+    bordered?: boolean;
+    /** Make the avatar clickable */
+    clickable?: boolean;
+    /** Make the avatar square */
+    square?: boolean;
+    /** Remove the shadow */
+    noElevation?: boolean;
+    /** Show the caption */
+    showCaption?: boolean;
+    /** Make the image height full */
+    imageHeightFull?: boolean;
+    /** Remove the loader */
+    hideLoader?: boolean;
+    /** The color of the clickable button */
+    buttonColor?: MazColor;
+    /** Remove the icon on hover when component is clickable */
+    hideClickableIcon?: boolean;
+    /** Number of letters to display in the round text */
+    letterCount?: number;
+    /**
+     * Size of the rounded
+     * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
+     */
+    roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /** The fallback src to replace the src on loading error */
+    fallbackSrc?: string;
+    /**
+     * The loading strategy of the image - lazy, eager or intersecting
+     * @default 'intersecting'
+     * @values `'lazy' | 'eager' | 'intersecting'`
+     */
+    loading?: 'lazy' | 'eager' | 'intersecting';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'round-text'?(_: {}): any;
+        icon?(_: {}): any;
+        caption?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazAvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+    error: (el: Element) => any;
+    loaded: (el: Element) => any;
+    loading: (el: Element) => any;
+    intersecting: (el: Element) => any;
+}, string, import('vue').PublicProps, Readonly<MazAvatarProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    onError?: ((el: Element) => any) | undefined;
+    onLoaded?: ((el: Element) => any) | undefined;
+    onLoading?: ((el: Element) => any) | undefined;
+    onIntersecting?: ((el: Element) => any) | undefined;
+}>, {
+    src: string | null;
+    size: string;
+    caption: string | null;
+    roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
+    loading: "lazy" | "eager" | "intersecting";
+    href: string;
+    to: string | Record<string, unknown>;
+    target: string;
+    alt: string;
+    fallbackSrc: string;
+    buttonColor: MazColor;
+    letterCount: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MazBackdrop.js

@@ -1,10 +1,10 @@
 import { defineComponent, ref, onMounted, watch, nextTick, createBlock, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createCommentVNode, mergeProps, createElementVNode, withModifiers, normalizeClass, renderSlot } from "vue";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazBackdrop.BnhcmjbP.css';const _hoisted_1 = {
+import '../assets/MazBackdrop.09bziTPM.css';const _hoisted_1 = ["aria-labelledby", "aria-describedby"], _hoisted_2 = {
   role: "dialog",
   class: "m-backdrop-container",
   "aria-modal": "true"
-}, _hoisted_2 = { class: "m-backdrop-wrapper" }, MODAL_OPENED_CLASS = "--backdrop-present", _sfc_main = /* @__PURE__ */ defineComponent({
+}, _hoisted_3 = { class: "m-backdrop-wrapper" }, MODAL_OPENED_CLASS = "--backdrop-present", _sfc_main = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
   __name: "MazBackdrop",
   props: {
@@ -19,7 +19,9 @@ import '../assets/MazBackdrop.BnhcmjbP.css';const _hoisted_1 = {
     contentPadding: { type: Boolean, default: !1 },
     justify: { default: "none" },
     align: { default: "none" },
-    variant: {}
+    variant: {},
+    ariaLabelledby: {},
+    ariaDescribedby: {}
   },
   emits: ["open", "close", "update:model-value", "before-close"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -36,10 +38,11 @@ import '../assets/MazBackdrop.BnhcmjbP.css';const _hoisted_1 = {
     }
     const present = ref(__props.modelValue);
     function close() {
-      toggleModal(!1);
+      __props.persistent || toggleModal(!1);
     }
     async function toggleModal(value) {
-      value || (emits("before-close"), await __props.beforeClose?.()), present.value = value;
+      const newValue = value ?? !present.value;
+      newValue || (emits("before-close"), await __props.beforeClose?.()), present.value = newValue;
     }
     function onBackdropAnimationEnter() {
       emits("open");
@@ -47,28 +50,43 @@ import '../assets/MazBackdrop.BnhcmjbP.css';const _hoisted_1 = {
     function onBackdropAnimationLeave() {
       emits("update:model-value", !1), emits("close"), removeClassAndEventToDocument();
     }
-    function onBackdropClicked() {
-      __props.persistent || close();
-    }
     function onKeyPress(event) {
-      __props.closeOnEscape && event.key === "Escape" && !__props.persistent && close();
+      __props.closeOnEscape && event.key === "Escape" && close();
     }
     function addClassAndEventToDocument() {
-      addClassToDocument(), document.addEventListener("keyup", onKeyPress, !1);
+      addClassToDocument(), document.addEventListener("keyup", onKeyPress, !1), document.addEventListener("keydown", trapFocus, !1);
     }
     function removeClassAndEventToDocument() {
-      document.removeEventListener("keyup", onKeyPress), removeClassFromDocument();
+      try {
+        document.removeEventListener("keyup", onKeyPress), document.removeEventListener("keydown", trapFocus);
+      } catch (error) {
+        console.warn("Error removing event listeners:", error);
+      }
+      removeClassFromDocument();
     }
     onMounted(() => {
       __props.modelValue ? addClassAndEventToDocument() : removeClassAndEventToDocument();
     });
     let initialFocusableElement = null;
+    function getAllFocusableElements(selector) {
+      const modal = document.querySelector(selector);
+      return (modal && Array.from(modal.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"], input[type="number"], input[type="search"], input[type="date"], input[type="time"], select, [tabindex]:not([tabindex="-1"]), [contenteditable="true"]')))?.filter((el) => {
+        const style = globalThis.getComputedStyle(el), isDisabled = "disabled" in el ? el.disabled : !1;
+        return style.display !== "none" && style.visibility !== "hidden" && !isDisabled && el.tabIndex !== -1;
+      }) || [];
+    }
     function findFirstFocusableElement(selector) {
-      const modal = document.querySelector(selector), visibleFocusableElements = (modal && Array.from(modal.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select')))?.filter((el) => {
-        const style = globalThis.getComputedStyle(el);
-        return style.display !== "none" && style.visibility !== "hidden" && !el.disabled;
-      });
-      return visibleFocusableElements && visibleFocusableElements.length > 0 ? visibleFocusableElements[0] : null;
+      const focusableElements = getAllFocusableElements(selector);
+      return focusableElements.length > 0 ? focusableElements[0] : null;
+    }
+    function trapFocus(event) {
+      if (event.key !== "Tab")
+        return;
+      const focusableElements = getAllFocusableElements(".m-backdrop-content");
+      if (focusableElements.length === 0)
+        return;
+      const firstFocusable = focusableElements[0], lastFocusable = focusableElements[focusableElements.length - 1];
+      event.shiftKey ? document.activeElement === firstFocusable && (event.preventDefault(), lastFocusable.focus()) : document.activeElement === lastFocusable && (event.preventDefault(), firstFocusable.focus());
     }
     return watch(
       () => __props.modelValue,
@@ -76,14 +94,36 @@ import '../assets/MazBackdrop.BnhcmjbP.css';const _hoisted_1 = {
         present.value = value, value ? (addClassAndEventToDocument(), initialFocusableElement = document.activeElement, await nextTick(), findFirstFocusableElement(".m-backdrop-content")?.focus()) : (removeClassAndEventToDocument(), await nextTick(), initialFocusableElement?.focus());
       }
     ), __expose({
-      onBackdropAnimationEnter,
+      /**
+       * Animation leave event
+       * @description This is used to handle animation leave events
+       */
       onBackdropAnimationLeave,
-      onBackdropClicked,
+      /**
+       * Close the backdrop
+       * @description This is used to close the backdrop
+       */
       close,
+      /**
+       * The present state of the backdrop
+       * @description This is used to check if the backdrop is present (open)
+       */
       present,
+      /**
+       * Toggle the backdrop
+       * @description This is used to toggle the backdrop
+       * @param {boolean} value - The value to toggle the backdrop (optional)
+       */
       toggleModal,
+      /**
+       * Key press event
+       * @description This is used to handle key press events
+       */
       onKeyPress
-    }), (_ctx, _cache) => (openBlock(), createBlock(Teleport, { to: _ctx.teleportSelector }, [
+    }), (_ctx, _cache) => (openBlock(), createBlock(Teleport, {
+      to: _ctx.teleportSelector,
+      disabled: !present.value
+    }, [
       createVNode(Transition, {
         appear: "",
         name: _ctx.transitionName,
@@ -95,30 +135,29 @@ import '../assets/MazBackdrop.BnhcmjbP.css';const _hoisted_1 = {
             key: 0,
             class: "m-backdrop --present m-reset-css"
           }, _ctx.$attrs, {
-            class: [_ctx.backdropClass, _ctx.variant && `--variant-${_ctx.variant}`, { "--persistent": _ctx.persistent }]
+            class: [_ctx.backdropClass, _ctx.variant && `--variant-${_ctx.variant}`, { "--persistent": _ctx.persistent }],
+            "aria-labelledby": _ctx.ariaLabelledby,
+            "aria-describedby": _ctx.ariaDescribedby
           }), [
-            createElementVNode("div", _hoisted_1, [
-              createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
                 createElementVNode("div", {
                   class: normalizeClass(["m-backdrop-content", [_ctx.backdropContentClass, `--justify-${_ctx.justify}`, `--align-${_ctx.align}`, { "--padding": _ctx.contentPadding }]]),
                   role: "button",
                   tabindex: "-1",
-                  onClick: withModifiers(onBackdropClicked, ["self"])
+                  onPointerdown: withModifiers(close, ["self"])
                 }, [
-                  renderSlot(_ctx.$slots, "default", {
-                    close,
-                    onBackdropClicked
-                  }, void 0, !0)
-                ], 2)
+                  renderSlot(_ctx.$slots, "default", { close }, void 0, !0)
+                ], 34)
               ])
             ])
-          ], 16)) : createCommentVNode("", !0)
+          ], 16, _hoisted_1)) : createCommentVNode("", !0)
         ]),
         _: 3
       }, 8, ["name"])
-    ], 8, ["to"]));
+    ], 8, ["to", "disabled"]));
   }
-}), MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-94bf4716"]]);
+}), MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d23340ed"]]);
 export {
   MazBackdrop as default
 };

package/dist/components/MazBackdrop.vue.d.ts

@@ -0,0 +1,91 @@
+import { HTMLAttributes } from 'vue';
+export interface MazBackdropProps {
+    /** @model Modal's model value */
+    modelValue?: boolean;
+    /** Teleport selector */
+    teleportSelector?: string;
+    /** Function called before modal is close */
+    beforeClose?: () => Promise<void> | void;
+    /** Persistent dialog (not closable by clicking outside and remove close button) */
+    persistent?: boolean;
+    /** Prevent close on escape key */
+    closeOnEscape?: boolean;
+    /** Transition name */
+    transitionName?: string;
+    /** Backdrop class */
+    backdropClass?: HTMLAttributes['class'];
+    /** Backdrop content class */
+    backdropContentClass?: HTMLAttributes['class'];
+    /** Add padding to the content */
+    contentPadding?: boolean;
+    /** Justify content */
+    justify?: 'center' | 'end' | 'start' | 'space-between' | 'space-around' | 'none';
+    /** Align content */
+    align?: 'center' | 'end' | 'start' | 'none';
+    /** Variant */
+    variant?: 'bottom-sheet' | 'dialog' | 'drawer';
+    /** ID for aria-labelledby */
+    ariaLabelledby?: string;
+    /** ID for aria-describedby */
+    ariaDescribedby?: string;
+}
+declare function close(): void;
+declare function toggleModal(value?: boolean): Promise<void>;
+declare function onBackdropAnimationLeave(): void;
+declare function onKeyPress(event: KeyboardEvent): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            close: typeof close;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazBackdropProps, {
+    /**
+     * Animation leave event
+     * @description This is used to handle animation leave events
+     */
+    onBackdropAnimationLeave: typeof onBackdropAnimationLeave;
+    /**
+     * Close the backdrop
+     * @description This is used to close the backdrop
+     */
+    close: typeof close;
+    /**
+     * The present state of the backdrop
+     * @description This is used to check if the backdrop is present (open)
+     */
+    present: import('vue').Ref<boolean, boolean>;
+    /**
+     * Toggle the backdrop
+     * @description This is used to toggle the backdrop
+     * @param {boolean} value - The value to toggle the backdrop (optional)
+     */
+    toggleModal: typeof toggleModal;
+    /**
+     * Key press event
+     * @description This is used to handle key press events
+     */
+    onKeyPress: typeof onKeyPress;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (value: void) => any;
+    open: (value: void) => any;
+    "update:model-value": (value: boolean) => any;
+    "before-close": (value: void) => any;
+}, string, import('vue').PublicProps, Readonly<MazBackdropProps> & Readonly<{
+    onClose?: ((value?: void | undefined) => any) | undefined;
+    onOpen?: ((value?: void | undefined) => any) | undefined;
+    "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+    "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MazBadge.js

@@ -1,6 +1,7 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot } from "vue";
+import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazBadge.DN8tdE8_.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazBadge.ChI2DaTU.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBadge",
   props: {
     color: { default: "primary" },
@@ -13,7 +14,7 @@ import '../assets/MazBadge.DN8tdE8_.css';const _sfc_main = /* @__PURE__ */ defin
   setup(__props) {
     return (_ctx, _cache) => (openBlock(), createElementBlock("span", {
       class: normalizeClass(["m-badge m-reset-css", [
-        `--${_ctx.color}`,
+        `--${unref(getColor)(_ctx.color)}`,
         { "--outlined": _ctx.outlined, "--pastel": _ctx.pastel, "--nowrap": _ctx.nowrap },
         `--rounded-${_ctx.roundedSize}`
       ]]),
@@ -22,7 +23,7 @@ import '../assets/MazBadge.DN8tdE8_.css';const _sfc_main = /* @__PURE__ */ defin
       renderSlot(_ctx.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), MazBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-75298911"]]);
+}), MazBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3e5aca4b"]]);
 export {
   MazBadge as default
 };