maz-ui 4.0.0-beta.9 → 4.0.1

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

@@ -0,0 +1,249 @@
+import { IconComponent } from '@maz-ui/icons';
+import { HTMLAttributes } from 'vue';
+import { RouteLocationRaw } from 'vue-router';
+import { MazLinkProps } from './MazLink.vue';
+import { MazPopoverProps } from './MazPopover.vue';
+import { MazColor, MazSize } from './types';
+type __VLS_Props = MazDropdownProps;
+type MazDropdownItemBase = Record<string, unknown> & {
+    label: string;
+    class?: unknown;
+    color?: MazColor;
+};
+type MazDropdownLinkItem = MazDropdownItemBase & MazLinkProps & {
+    target?: string;
+    href?: string;
+    to?: RouteLocationRaw;
+};
+type MazDropdownActionItem = MazDropdownItemBase & {
+    onClick?: () => unknown;
+};
+export type MazDropdownMenuItem = (MazDropdownLinkItem & {
+    action?: never;
+}) | (MazDropdownActionItem & {
+    href?: never;
+    to?: never;
+    target?: never;
+});
+export interface MazDropdownProps extends Omit<MazPopoverProps, 'modelValue'> {
+    /**
+     * Controls whether the dropdown menu is open
+     * @model
+     * @type {boolean}
+     * @default false
+     */
+    modelValue?: boolean;
+    /**
+     * Inline styles to apply to the component root element
+     * @type {HTMLAttributes['style']}
+     */
+    style?: HTMLAttributes['style'];
+    /**
+     * CSS classes to apply to the component root element
+     * @type {HTMLAttributes['class']}
+     */
+    class?: HTMLAttributes['class'];
+    /**
+     * Menu items to display in the dropdown
+     * Each item can be either a link (with href/to properties) or an action (with onClick function)
+     * @type {MazDropdownMenuItem[]}
+     * @default []
+     * @example
+     * [
+     *   { label: 'Profile', href: '/profile' },
+     *   { label: 'Settings', onClick: () => console.log('Settings clicked') }
+     * ]
+     */
+    items?: MazDropdownMenuItem[];
+    /**
+     * Unique identifier for the dropdown component
+     * @type {string}
+     */
+    id?: string;
+    /**
+     * Determines how the dropdown should be triggered
+     * @type {MazPopoverProps['trigger']}
+     * @values click, hover, manual, adaptive
+     * @default 'adaptive'
+     */
+    trigger?: MazPopoverProps['trigger'];
+    /**
+     * Color theme for the dropdown button
+     * @type {MazColor}
+     * @values primary, secondary, info, success, warning, destructive, transparent, contrast, accent
+     * @default 'transparent'
+     */
+    color?: MazColor;
+    /**
+     * Position of the menu relative to trigger
+     * @values auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end
+     * @default 'auto'
+     */
+    position?: MazPopoverProps['position'];
+    /**
+     * Preferred position of the menu relative to trigger when auto position is used
+     * @values auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end
+     * @default 'bottom-start'
+     */
+    preferPosition?: MazPopoverProps['preferPosition'];
+    /**
+     * Controls whether the dropdown menu closes when a menu item is clicked
+     * @type {boolean}
+     * @default true
+     */
+    closeOnClick?: boolean;
+    /**
+     * Disables the dropdown functionality
+     * @type {boolean}
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Controls whether to show the chevron icon in the trigger button
+     * @type {boolean}
+     * @default true
+     */
+    chevron?: boolean;
+    /**
+     * Accessible description for screen readers describing the dropdown functionality
+     * If not provided, the default translation of MazUiTranslations plugin will be used
+     * @type {string}
+     * @default MazUiTranslationsSchema['dropdown']['screenReaderDescription']
+     */
+    screenReaderDescription?: string;
+    /**
+     * Additional CSS classes to apply to the dropdown menu panel
+     * Useful for customizing the dropdown appearance (background, border, etc.)
+     * @type {HTMLAttributes['class']}
+     */
+    menuPanelClass?: HTMLAttributes['class'];
+    /**
+     * Inline styles to apply to the dropdown menu panel
+     * Useful for custom styling. You may use `!important` to override default styles
+     * @type {HTMLAttributes['style']}
+     */
+    menuPanelStyle?: HTMLAttributes['style'];
+    /**
+     * Makes the dropdown button expand to full width of its container
+     * @type {boolean}
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * Icon to use instead of the default chevron for the dropdown indicator
+     * Can be either an icon name string or a Vue component
+     * @type {string | IconComponent}
+     * @example 'arrow-down'
+     * @example ArrowDownIcon (import { ArrowDownIcon } from '@maz-ui/icons')
+     */
+    dropdownIcon?: string | IconComponent;
+    /**
+     * Controls whether the dropdown icon rotates when the dropdown is opened
+     * @type {boolean}
+     * @default true
+     */
+    dropdownIconAnimation?: boolean;
+    /**
+     * Size of the dropdown button
+     * @type {MazSize}
+     * @values mini, xs, sm, md, lg, xl
+     * @default 'md'
+     */
+    size?: MazSize;
+    /**
+     * Transition to use when the dropdown is opened or closed
+     * @type {MazPopoverProps['transition']}
+     * @values 'scale-pop' | 'scale-fade' | string
+     * @default 'scale-pop'
+     */
+    transition?: MazPopoverProps['transition'];
+}
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'screen-reader-description'?(_: {}): any;
+        trigger?(_: {
+            isOpen: boolean;
+            toggle: () => void;
+            close: () => void;
+            open: () => void;
+        }): any;
+        default?(_: {}): any;
+        'dropdown-icon'?(_: {
+            isOpen: boolean;
+            toggle: () => void;
+            close: () => void;
+            open: () => void;
+        }): any;
+        dropdown?(_: {
+            items: MazDropdownMenuItem[];
+            open: () => void;
+            close: () => void;
+            isOpen: true;
+            toggle: () => void;
+        }): any;
+        menuitem?(_: {
+            item: MazDropdownMenuItem;
+            open: () => void;
+            close: () => void;
+            isOpen: true;
+            toggle: () => void;
+        }): any;
+        'menuitem-label'?(_: {
+            item: Record<string, unknown> & {
+                label: string;
+                class?: unknown;
+                color?: MazColor;
+            } & MazLinkProps & {
+                target?: string;
+                href?: string;
+                to?: RouteLocationRaw;
+            } & {
+                action?: never;
+            };
+            open: () => void;
+            close: () => void;
+            isOpen: true;
+            toggle: () => void;
+        }): any;
+        'menuitem-label'?(_: {
+            item: Record<string, unknown> & {
+                label: string;
+                class?: unknown;
+                color?: MazColor;
+            } & {
+                onClick?: () => unknown;
+            } & {
+                href?: never;
+                to?: never;
+                target?: never;
+            };
+            open: () => void;
+            close: () => void;
+            isOpen: true;
+            toggle: () => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:model-value": (value: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
+    "menuitem-clicked": (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onMenuitem-clicked"?: ((event: Event) => 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/MazDropzone.js

@@ -1,13 +1,13 @@
 import { defineComponent, mergeModels, defineAsyncComponent, useModel, onBeforeMount, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, createVNode, TransitionGroup, withCtx, Fragment, renderList, withModifiers, Transition, createBlock, mergeProps, toDisplayString, createTextVNode } from "vue";
 import { MazCheckCircle, MazXCircle, MazTrash, MazArrowUpOnSquare } from "@maz-ui/icons";
-import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
-import { s as sleep } from "../chunks/sleep.BLRH1qZG.js";
+import { useTranslations } from "@maz-ui/translations";
+import { n } from "../chunks/sleep.Ci7GE4BQ.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { useDropzone } from "../composables/useDropzone.js";
 import MazBtn from "./MazBtn.js";
 import MazIcon from "./MazIcon.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazDropzone.-8lzCrxJ.css';const _hoisted_1 = ["for"], _hoisted_2 = { class: "m-dropzone__icon-container" }, _hoisted_3 = { class: "m-dropzone__description" }, _hoisted_4 = { class: "m-dropzone__file-info" }, _hoisted_5 = { class: "m-dropzone__file-name" }, _hoisted_6 = { class: "m-dropzone__file-size" }, _hoisted_7 = { class: "m-dropzone__content" }, _hoisted_8 = { class: "m-dropzone__upload-text" }, _hoisted_9 = { class: "m-dropzone__divider" }, _hoisted_10 = {
+import '../assets/MazDropzone._2HwHowu.css';const _hoisted_1 = ["for"], _hoisted_2 = { class: "m-dropzone__icon-container" }, _hoisted_3 = { class: "m-dropzone__description" }, _hoisted_4 = { class: "m-dropzone__file-info" }, _hoisted_5 = { class: "m-dropzone__file-name" }, _hoisted_6 = { class: "m-dropzone__file-size" }, _hoisted_7 = { class: "m-dropzone__content" }, _hoisted_8 = { class: "m-dropzone__upload-text" }, _hoisted_9 = { class: "m-dropzone__divider" }, _hoisted_10 = {
   key: 0,
   class: "m-dropzone__info-text"
 }, _hoisted_11 = { key: 0 }, _hoisted_12 = { key: 0 }, _hoisted_13 = ["id", "multiple", "accept", "disabled"], _sfc_main = /* @__PURE__ */ defineComponent({
@@ -94,7 +94,7 @@ import '../assets/MazDropzone.-8lzCrxJ.css';const _hoisted_1 = ["for"], _hoisted
       } catch (error) {
         filesData.value = filesData.value.map((f) => ({ ...f, uploading: !1, success: !1, error: !0 })), emits("upload-error-multiple", { files: filesData.value.map((f) => f.file), code: "FILE_UPLOAD_ERROR_MULTIPLE", error });
       } finally {
-        isUploading.value = !1, await sleep(1e3), filesData.value = filesData.value.filter((f) => f.error);
+        isUploading.value = !1, await n(1e3), filesData.value = filesData.value.filter((f) => f.error);
       }
     }
     async function uploadFiles() {
@@ -123,7 +123,7 @@ import '../assets/MazDropzone.-8lzCrxJ.css';const _hoisted_1 = ["for"], _hoisted
           }
         }
       } finally {
-        isUploading.value = !1, await sleep(1e3), filesData.value = filesData.value.filter((f) => f.error);
+        isUploading.value = !1, await n(1e3), filesData.value = filesData.value.filter((f) => f.error);
       }
     }
     async function getFileData(file) {
@@ -498,7 +498,7 @@ import '../assets/MazDropzone.-8lzCrxJ.css';const _hoisted_1 = ["for"], _hoisted
       }, null, 40, _hoisted_13)
     ], 14, _hoisted_1));
   }
-}), MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f34771b3"]]);
+}), MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69969cc3"]]);
 export {
   MazDropzone as default
 };

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

@@ -0,0 +1,305 @@
+import { MazBtnProps } from './MazBtn.vue';
+import { MazSpinnerProps } from './MazSpinner.vue';
+import { MazColor } from './types';
+type __VLS_Props = MazDropzoneProps;
+export type MazDropzoneErrorCode = 'FILE_SIZE_EXCEEDED' | 'MAX_FILES_EXCEEDED' | 'FILE_TYPE_NOT_ALLOWED' | 'FILE_DUPLICATED' | 'FILE_UPLOAD_ERROR' | 'NO_FILES_TO_UPLOAD' | 'FILE_UPLOAD_ERROR_MULTIPLE' | 'NO_URL' | 'FILE_SIZE_TOO_SMALL';
+export type MazDropzoneProps = {
+    /**
+     * The id of the dropzone
+     */
+    id?: string;
+    /**
+     * Allow multiple files to be uploaded.
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Allowed data types/MIME types for files (e.g. ['application/json'])
+     * @default ['*\/*']
+     */
+    dataTypes?: string[];
+    /**
+     * Prevent default behavior for unhandled drag & drop events.
+     * @default true
+     */
+    preventDefaultForUnhandled?: boolean;
+    /**
+     * Maximum file size in MB.
+     */
+    maxFileSize?: number;
+    /**
+     * Maximum number of files allowed.
+     */
+    maxFiles?: number;
+    /**
+     * Disable the dropzone
+     */
+    disabled?: boolean;
+    /**
+     * Show file preview
+     */
+    preview?: boolean;
+    /**
+     * Minimum file size in MB
+     */
+    minFileSize?: number;
+    /**
+     * Allow duplicates
+     * @default false
+     */
+    allowDuplicates?: boolean;
+    /**
+     * Translations
+     * @description Custom translations for the component
+     * @default {
+     *   dragAndDrop: 'Drag and drop your files',
+     *   fileMaxCount: 'Maximum {count} files',
+     *   fileMaxSize: 'Maximum {size} MB',
+     *   fileTypes: 'Allowed file types: {types}',
+     *   selectFile: 'Select file',
+     *   divider: 'or'
+     * }
+     */
+    translations?: {
+        dragAndDrop?: string;
+        fileMaxCount?: string;
+        fileMaxSize?: string;
+        fileTypes?: string;
+        selectFile?: string;
+        divider?: string;
+    };
+    /**
+     * Main color of the component
+     * @default 'primary'
+     */
+    color?: MazColor;
+    /**
+     * MazBtn props [MazBtn props](/components/maz-btn#props)
+     * @default {}
+     */
+    selectFileBtnProps?: MazBtnProps;
+    /**
+     * MazBtn props [MazBtn props](/components/maz-btn#props)
+     * @default {}
+     */
+    removeFileBtnProps?: MazBtnProps;
+    /**
+     * MazSpinner props [MazSpinner props](/components/maz-spinner#props)
+     * @default {}
+     */
+    spinnerProps?: MazSpinnerProps;
+    /**
+     * Auto upload files
+     * @description If set to `multiple`, all files will be uploaded at once in a single request. If set to `single`, files will be uploaded one by one in separate requests. If set to `false`, no upload will be done automatically.
+     * @default false
+     */
+    autoUpload?: 'multiple' | 'single' | false;
+    /**
+     * Upload URL
+     * @description If set, files will be uploaded to the given URL.
+     */
+    url?: string;
+    /**
+     * Request options
+     * @description Request options to be used for the upload (using fetch) [Request options](https://developer.mozilla.org/en-US/docs/Web/API/fetch#options)
+     * @example `{ mode: 'no-cors', headers: { 'Content-Type': 'multipart/form-data', 'Authorization': 'Bearer 1234567890' } }`
+     */
+    requestOptions?: RequestInit;
+    /**
+     * Transform the body of the request
+     */
+    transformBody?: (formData: FormData) => RequestInit['body'];
+};
+export interface MazDropzoneFileData {
+    file: File;
+    name?: string;
+    size?: number;
+    type?: string;
+    lastModified?: number;
+    sizeInMb?: string;
+    thumbnail?: string | undefined;
+    lastModifiedDate?: Date;
+    uploading?: boolean;
+    success?: boolean;
+    error?: boolean;
+    url?: string;
+}
+declare function getFormData(file: File): FormData;
+declare function getFormDataMultiple(): FormData;
+declare function uploadFilesMultiple(): Promise<void>;
+declare function uploadFiles(): Promise<void>;
+declare function handleFileInputClick(): void;
+declare function reset(): void;
+declare function addFile(file: File): void;
+declare function removeFile(file: File): void;
+type __VLS_PublicProps = {
+    modelValue?: MazDropzoneFileData[];
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'files-area'?(_: {
+            filesData: MazDropzoneFileData[];
+        }): any;
+        'file-item'?(_: {
+            file: MazDropzoneFileData;
+        }): any;
+        'no-files-area'?(_: {
+            selectFile: typeof handleFileInputClick;
+        }): any;
+        'upload-icon'?(_: {}): any;
+    };
+    refs: {
+        dropZoneRef: HTMLLabelElement;
+        fileInput: HTMLInputElement;
+    };
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    /**
+     * Upload files
+     * @description With this method, the files are uploaded one by one (a request for each file)
+     * @usage `mazDropzoneInstance.value?.uploadFiles()`
+     */
+    uploadFiles: typeof uploadFiles;
+    /**
+     * Upload multiple files
+     * @description With this method, the files are uploaded all at once in a single request
+     * @usage `mazDropzoneInstance.value?.uploadFilesMultiple()`
+     */
+    uploadFilesMultiple: typeof uploadFilesMultiple;
+    /**
+     * Get form data
+     * @description Get the form data of one file
+     * @usage `const formData = mazDropzoneInstance.value?.getFormData(file)`
+     */
+    getFormData: typeof getFormData;
+    /**
+     * Get form data multiple
+     * @description Get the form data of all files
+     * @usage `const formData = mazDropzoneInstance.value?.getFormDataMultiple()`
+     */
+    getFormDataMultiple: typeof getFormDataMultiple;
+    /**
+     * Reset the files
+     * @description Remove all files from the dropzone
+     * @usage `mazDropzoneInstance.value?.reset()`
+     */
+    reset: typeof reset;
+    /**
+     * Check if the files are uploading
+     * @type boolean
+     * @description Check if the files are uploading
+     * @usage `const isUploading = mazDropzoneInstance.value?.isUploading`
+     */
+    isUploading: import('vue').Ref<boolean, boolean>;
+    /**
+     * Add a file to the dropzone
+     * @description Add a file manually to the dropzone
+     * @usage `mazDropzoneInstance.value?.addFile(file)`
+     */
+    addFile: typeof addFile;
+    /**
+     * Remove a file from the dropzone
+     * @description Remove a file manually from the dropzone
+     * @usage `mazDropzoneInstance.value?.removeFile(file)`
+     */
+    removeFile: typeof removeFile;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    drop: (values: {
+        files: File[] | null;
+        event: DragEvent;
+    }) => any;
+    error: (values: {
+        files: File[] | null;
+        event: DragEvent | null;
+        code: MazDropzoneErrorCode;
+    }) => any;
+    add: (value: File) => any;
+    enter: (values: {
+        files: File[] | null;
+        event: DragEvent;
+    }) => any;
+    over: (values: {
+        files: File[] | null;
+        event: DragEvent;
+    }) => any;
+    leave: (values: {
+        files: File[] | null;
+        event: DragEvent;
+    }) => any;
+    "update:modelValue": (value: MazDropzoneFileData[]) => any;
+    remove: (value: File) => any;
+    "upload-error": (values: {
+        file: File;
+        code: MazDropzoneErrorCode;
+        error: unknown;
+    }) => any;
+    "upload-error-multiple": (values: {
+        files: File[];
+        code: MazDropzoneErrorCode;
+        error: unknown;
+    }) => any;
+    "upload-success": (values: {
+        file: File;
+        response?: Response;
+    }) => any;
+    "upload-success-multiple": (values: {
+        files: File[];
+        response?: Response;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onDrop?: ((values: {
+        files: File[] | null;
+        event: DragEvent;
+    }) => any) | undefined;
+    onError?: ((values: {
+        files: File[] | null;
+        event: DragEvent | null;
+        code: MazDropzoneErrorCode;
+    }) => any) | undefined;
+    onAdd?: ((value: File) => any) | undefined;
+    onEnter?: ((values: {
+        files: File[] | null;
+        event: DragEvent;
+    }) => any) | undefined;
+    onOver?: ((values: {
+        files: File[] | null;
+        event: DragEvent;
+    }) => any) | undefined;
+    onLeave?: ((values: {
+        files: File[] | null;
+        event: DragEvent;
+    }) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: MazDropzoneFileData[]) => any) | undefined;
+    onRemove?: ((value: File) => any) | undefined;
+    "onUpload-error"?: ((values: {
+        file: File;
+        code: MazDropzoneErrorCode;
+        error: unknown;
+    }) => any) | undefined;
+    "onUpload-error-multiple"?: ((values: {
+        files: File[];
+        code: MazDropzoneErrorCode;
+        error: unknown;
+    }) => any) | undefined;
+    "onUpload-success"?: ((values: {
+        file: File;
+        response?: Response;
+    }) => any) | undefined;
+    "onUpload-success-multiple"?: ((values: {
+        files: File[];
+        response?: Response;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dropZoneRef: HTMLLabelElement;
+    fileInput: HTMLInputElement;
+}, HTMLLabelElement>;
+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/MazExpandAnimation.vue.d.ts

@@ -0,0 +1,44 @@
+export interface MazExpandAnimationProps {
+    /**
+     * Duration of the animation in milliseconds
+     * @default '300ms'
+     */
+    duration?: string;
+    /**
+     * Timing function of the animation
+     * @default 'ease-in-out'
+     */
+    timingFunction?: string;
+}
+type __VLS_Props = MazExpandAnimationProps;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        expandAnimationRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    duration: string;
+    timingFunction: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    expandAnimationRef: HTMLDivElement;
+}, 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/MazFullscreenLoader.js

@@ -1,7 +1,8 @@
 import { defineComponent, onMounted, onUnmounted, createBlock, openBlock, Teleport, createElementVNode, mergeProps, createVNode, createElementBlock, createCommentVNode, renderSlot } from "vue";
 import MazSpinner from "./MazSpinner.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazFullscreenLoader.BFfVGuTn.css';const _hoisted_1 = { key: 0 }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazFullscreenLoader.W0InbLUf.css';const _hoisted_1 = { key: 0 }, _sfc_main = /* @__PURE__ */ defineComponent({
+  inheritAttrs: !1,
   __name: "MazFullscreenLoader",
   props: {
     color: { default: "primary" },
@@ -31,7 +32,7 @@ import '../assets/MazFullscreenLoader.BFfVGuTn.css';const _hoisted_1 = { key: 0
       ], 16)
     ], 8, ["to"]));
   }
-}), MazFullscreenLoader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b7af8345"]]);
+}), MazFullscreenLoader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-205ca873"]]);
 export {
   MazFullscreenLoader as default
 };

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

@@ -0,0 +1,26 @@
+import { MazColor } from './types';
+export interface MazFullscreenLoaderProps {
+    /** The color of the spinner */
+    color?: MazColor;
+    /** The size of the spinner */
+    size?: string;
+    /** The selector to teleport the loader */
+    teleportSelector?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazFullscreenLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazFullscreenLoaderProps> & 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;
+    };
+};