maz-ui 4.1.8-beta.1 → 4.1.8-beta.3

package/dist/assets/MazPopover.DQ6XHvaR.css

@@ -0,0 +1 @@
+.m-popover[data-v-141e3fb8]{display:inline-block}.m-popover .m-popover-trigger[data-v-141e3fb8]{width:100%;height:100%;display:inline-block}.m-popover.--block[data-v-141e3fb8]{width:100%}.m-popover-panel[data-v-141e3fb8]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);outline-offset:2px;--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);will-change:transform,opacity;contain:layout style paint;backface-visibility:hidden;outline:2px solid #0000;position:fixed}.m-popover-panel.--surface[data-v-141e3fb8]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-popover-panel.--surface[data-v-141e3fb8]:is([class~=dark] *){border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.m-popover-panel.--primary[data-v-141e3fb8]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--secondary[data-v-141e3fb8]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--success[data-v-141e3fb8]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--warning[data-v-141e3fb8]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--destructive[data-v-141e3fb8]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--info[data-v-141e3fb8]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--accent[data-v-141e3fb8]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--contrast[data-v-141e3fb8]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--background[data-v-141e3fb8]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.maz-scale-fade-enter-active[data-v-141e3fb8],.maz-scale-pop-enter-active[data-v-141e3fb8]{transition:opacity .15s ease-out,transform .15s ease-out}.maz-scale-fade-leave-active[data-v-141e3fb8],.maz-scale-pop-leave-active[data-v-141e3fb8],.maz-scale-pop-leave-active[data-v-141e3fb8]{transition:opacity .15s ease-in,transform .15s ease-in}.m-popover-panel.--position-bottom.maz-scale-fade-enter-from[data-v-141e3fb8],.m-popover-panel.--position-bottom.maz-scale-fade-leave-to[data-v-141e3fb8],.m-popover-panel.--position-bottom-start.maz-scale-fade-enter-from[data-v-141e3fb8],.m-popover-panel.--position-bottom-start.maz-scale-fade-leave-to[data-v-141e3fb8],.m-popover-panel.--position-bottom-end.maz-scale-fade-enter-from[data-v-141e3fb8],.m-popover-panel.--position-bottom-end.maz-scale-fade-leave-to[data-v-141e3fb8]{opacity:0;transform-origin:top;transform:scaleY(.5)}.m-popover-panel.--position-bottom.maz-scale-pop-enter-from[data-v-141e3fb8],.m-popover-panel.--position-bottom.maz-scale-pop-leave-to[data-v-141e3fb8],.m-popover-panel.--position-bottom-start.maz-scale-pop-enter-from[data-v-141e3fb8],.m-popover-panel.--position-bottom-start.maz-scale-pop-leave-to[data-v-141e3fb8],.m-popover-panel.--position-bottom-end.maz-scale-pop-enter-from[data-v-141e3fb8],.m-popover-panel.--position-bottom-end.maz-scale-pop-leave-to[data-v-141e3fb8]{opacity:0;transform-origin:top;transform:scale(.2)translateY(-4px)}.m-popover-panel.--position-top.maz-scale-fade-enter-from[data-v-141e3fb8],.m-popover-panel.--position-top.maz-scale-fade-leave-to[data-v-141e3fb8],.m-popover-panel.--position-top-start.maz-scale-fade-enter-from[data-v-141e3fb8],.m-popover-panel.--position-top-start.maz-scale-fade-leave-to[data-v-141e3fb8],.m-popover-panel.--position-top-end.maz-scale-fade-enter-from[data-v-141e3fb8],.m-popover-panel.--position-top-end.maz-scale-fade-leave-to[data-v-141e3fb8]{opacity:0;transform-origin:bottom;transform:scaleY(.5)}.m-popover-panel.--position-top.maz-scale-pop-enter-from[data-v-141e3fb8],.m-popover-panel.--position-top.maz-scale-pop-leave-to[data-v-141e3fb8],.m-popover-panel.--position-top-start.maz-scale-pop-enter-from[data-v-141e3fb8],.m-popover-panel.--position-top-start.maz-scale-pop-leave-to[data-v-141e3fb8],.m-popover-panel.--position-top-end.maz-scale-pop-enter-from[data-v-141e3fb8],.m-popover-panel.--position-top-end.maz-scale-pop-leave-to[data-v-141e3fb8]{opacity:0;transform-origin:bottom;transform:scale(.2)translateY(4px)}.m-popover-panel.--position-right.maz-scale-fade-enter-from[data-v-141e3fb8],.m-popover-panel.--position-right.maz-scale-fade-leave-to[data-v-141e3fb8],.m-popover-panel.--position-right-start.maz-scale-fade-enter-from[data-v-141e3fb8],.m-popover-panel.--position-right-start.maz-scale-fade-leave-to[data-v-141e3fb8],.m-popover-panel.--position-right-end.maz-scale-fade-enter-from[data-v-141e3fb8],.m-popover-panel.--position-right-end.maz-scale-fade-leave-to[data-v-141e3fb8]{opacity:0;transform-origin:0;transform:scaleX(.5)}.m-popover-panel.--position-right.maz-scale-pop-enter-from[data-v-141e3fb8],.m-popover-panel.--position-right.maz-scale-pop-leave-to[data-v-141e3fb8],.m-popover-panel.--position-right-start.maz-scale-pop-enter-from[data-v-141e3fb8],.m-popover-panel.--position-right-start.maz-scale-pop-leave-to[data-v-141e3fb8],.m-popover-panel.--position-right-end.maz-scale-pop-enter-from[data-v-141e3fb8],.m-popover-panel.--position-right-end.maz-scale-pop-leave-to[data-v-141e3fb8]{opacity:0;transform-origin:0;transform:scale(.2)translate(-4px)}.m-popover-panel.--position-left.maz-scale-fade-enter-from[data-v-141e3fb8],.m-popover-panel.--position-left.maz-scale-fade-leave-to[data-v-141e3fb8],.m-popover-panel.--position-left-start.maz-scale-fade-enter-from[data-v-141e3fb8],.m-popover-panel.--position-left-start.maz-scale-fade-leave-to[data-v-141e3fb8],.m-popover-panel.--position-left-end.maz-scale-fade-enter-from[data-v-141e3fb8],.m-popover-panel.--position-left-end.maz-scale-fade-leave-to[data-v-141e3fb8]{opacity:0;transform-origin:100%;transform:scaleX(.5)}.m-popover-panel.--position-left.maz-scale-pop-enter-from[data-v-141e3fb8],.m-popover-panel.--position-left.maz-scale-pop-leave-to[data-v-141e3fb8],.m-popover-panel.--position-left-start.maz-scale-pop-enter-from[data-v-141e3fb8],.m-popover-panel.--position-left-start.maz-scale-pop-leave-to[data-v-141e3fb8],.m-popover-panel.--position-left-end.maz-scale-pop-enter-from[data-v-141e3fb8],.m-popover-panel.--position-left-end.maz-scale-pop-leave-to[data-v-141e3fb8]{opacity:0;transform-origin:100%;transform:scale(.2)translate(4px)}.m-popover-panel:not([class*=--position-]).maz-scale-pop-enter-from[data-v-141e3fb8],.m-popover-panel:not([class*=--position-]).maz-scale-pop-leave-to[data-v-141e3fb8]{opacity:0;transform-origin:50%;transform:scale(.2)}.m-popover-panel:not([class*=--position-]).maz-scale-fade-enter-from[data-v-141e3fb8],.m-popover-panel:not([class*=--position-]).maz-scale-fade-leave-to[data-v-141e3fb8]{opacity:0;transform-origin:50%;transform:scale(.5)translateY(-4px)}

package/dist/chunks/{MazDropdown.vue_vue_type_style_index_0_lang.qBaRy629.js → MazDropdown.vue_vue_type_style_index_0_lang.BnTHMdrm.js}

@@ -124,7 +124,7 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
       block: __props.block,
       "onUpdate:modelValue": setDropdown
     }, {
-      trigger: withCtx(({ toggle, close, open, trigger: triggerType }) => [
+      trigger: withCtx(({ toggle, close, open }) => [
         createElementVNode("div", {
           id: unref(instanceId),
           tabindex: "-1",
@@ -157,7 +157,7 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
                 withKeys(withModifiers(toggle, ["stop", "prevent"]), ["enter"]),
                 withKeys(withModifiers(toggle, ["stop", "prevent"]), ["space"])
               ],
-              onBlur: withModifiers(($event) => triggerType === "hover" ? close() : void 0, ["stop", "prevent"])
+              onBlur: withModifiers(close, ["stop", "prevent"])
             }), createSlots({
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "default")

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

@@ -0,0 +1,36 @@
+export interface MazAccordionProps {
+    id?: string;
+    modelValue?: number;
+    contentClass?: unknown;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`title-${number}`, (_: {
+        isOpen: boolean;
+    }) => any>> & Partial<Record<`content-${number}`, (_: {
+        isOpen: boolean;
+    }) => any>> & {
+        content?(_: {
+            isOpen: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazAccordionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:model-value": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<MazAccordionProps> & Readonly<{
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    id: string;
+    modelValue: number;
+    contentClass: undefined;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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.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.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.vue.d.ts

@@ -0,0 +1,61 @@
+import { MazColor } from './types';
+export type MazBadgeColor = MazColor | 'background';
+export type MazBadgeRoundedSize = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface MazBadgeProps {
+    /**
+     * Color of the badge
+     * @values `'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'destructive' | 'contrast' | 'background'`
+     * @default primary
+     */
+    color?: MazBadgeColor;
+    /**
+     * Size of the badge
+     * @default 0.8em
+     */
+    size?: string;
+    /**
+     * Will not wrap the text
+     * @default false
+     */
+    nowrap?: boolean;
+    /**
+     * Will add a border to the badge
+     * @default false
+     */
+    outlined?: boolean;
+    /**
+     * Will add a pastel style to the badge
+     * @default false
+     */
+    pastel?: boolean;
+    /**
+     * Size radius of the component's border
+     * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
+     * @default md
+     */
+    roundedSize?: MazBadgeRoundedSize;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazBadgeProps> & Readonly<{}>, {
+    size: string;
+    color: MazBadgeColor;
+    roundedSize: MazBadgeRoundedSize;
+    outlined: boolean;
+    pastel: boolean;
+    nowrap: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,35 @@
+export interface MazBottomSheetProps {
+    /** @model Modal's model value */
+    modelValue?: boolean;
+    /** Remove the close button */
+    hideCloseButton?: boolean;
+    /** Remove the padding on the container */
+    padding?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            close: () => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazBottomSheetProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (value: void) => any;
+    open: (value: void) => any;
+    "update:model-value": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<MazBottomSheetProps> & Readonly<{
+    onClose?: ((value?: void | undefined) => any) | undefined;
+    onOpen?: ((value?: void | undefined) => any) | undefined;
+    "onUpdate:model-value"?: ((value: boolean) => 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/MazBtn.vue.d.ts

@@ -0,0 +1,105 @@
+import { IconComponent } from '@maz-ui/icons';
+import { MazColor, MazSize } from './types';
+export interface MazBtnProps {
+    /**
+     * The text of the button, if not provided, the slot will be used
+     * @default undefined
+     */
+    text?: string;
+    /**
+     * The size of the button
+     * @values `'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'mini'`
+     */
+    size?: MazSize;
+    /**
+     * The color of the button
+     * @values `'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'destructive' | 'transparent' | 'contrast' | 'accent' | 'background'`
+     */
+    color?: MazColor | 'background';
+    /**
+     * The type of the button
+     * @values `'submit' | 'reset' | 'button'`
+     */
+    type?: 'submit' | 'reset' | 'button';
+    /**
+     * Size of the rounded
+     * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
+     * @default 'lg'
+     */
+    roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /**
+     * If true, the button have the "border" style
+     * @default false
+     */
+    outlined?: boolean;
+    /**
+     * If true, the button will have a pastel color
+     * @default false
+     */
+    pastel?: boolean;
+    /**
+     * If true, the button will have a full width
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * Enable the button loader
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Disable the button
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If true, the button will have a fab style
+     * @default false
+     */
+    fab?: boolean;
+    /**
+     * The name of the icon to display or component, only with fab
+     * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
+     */
+    icon?: string | IconComponent;
+    /**
+     * The name of the icon or component to display on the left of the button
+     * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
+     */
+    leftIcon?: string | IconComponent;
+    /**
+     * The name of the icon or component to display on the right of the button
+     * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
+     */
+    rightIcon?: string | IconComponent;
+    /**
+     * If true, the button will have no padding
+     * @default true
+     */
+    padding?: boolean;
+    /**
+     * Choose how the elements are aligned in the button
+     */
+    justify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'left-icon'?(_: {}): any;
+        icon?(_: {}): any;
+        default?(_: {}): any;
+        'right-icon'?(_: {}): any;
+        loader?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazBtnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazBtnProps> & Readonly<{}>, {}, {}, {}, {}, 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;
+    };
+};