maz-ui 3.47.2-beta.7 → 3.47.2-beta.9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "maz-ui",
   "type": "module",
-  "version": "3.47.2-beta.7",
+  "version": "3.47.2-beta.9",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -130,22 +130,22 @@
     "@mazui/cli": "latest"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.8",
-    "@babel/preset-env": "^7.25.8",
-    "@babel/preset-typescript": "^7.25.7",
-    "@nuxt/kit": "^3.13.2",
-    "@nuxt/schema": "^3.13.2",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-typescript": "^7.26.0",
+    "@nuxt/kit": "^3.14.159",
+    "@nuxt/schema": "^3.14.159",
     "@types/dropzone": "^5.7.8",
     "@types/google.maps": "^3.58.1",
     "@vitejs/plugin-vue": "^5.1.4",
-    "@vitest/coverage-v8": "^2.1.2",
-    "@vue/compiler-sfc": "^3.5.11",
+    "@vitest/coverage-v8": "^2.1.4",
+    "@vue/compiler-sfc": "^3.5.12",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.5.1",
     "autoprefixer": "^10.4.20",
     "c8": "^10.1.2",
     "chalk": "5.3.0",
-    "chart.js": "^4.4.4",
+    "chart.js": "^4.4.6",
     "dayjs": "^1.11.13",
     "defu": "^6.1.4",
     "dropzone": "^5.9.3",
@@ -153,43 +153,43 @@
     "fs": "0.0.2",
     "jsdom": "^25.0.1",
     "json-templater": "^1.2.0",
-    "libphonenumber-js": "^1.11.11",
+    "libphonenumber-js": "^1.11.13",
     "minimist": "^1.2.8",
-    "nuxt": "^3.13.2",
+    "nuxt": "^3.14.159",
     "onchange": "^7.1.0",
     "path": "^0.12.7",
     "postcss": "^8.4.47",
     "postcss-html": "^1.7.0",
     "postcss-import": "^16.1.0",
-    "postcss-nested": "^6.2.0",
+    "postcss-nested": "^7.0.2",
     "postcss-simple-vars": "^7.0.1",
     "postcss-url": "^10.1.3",
     "replace-in-file": "^8.2.0",
     "rimraf": "^6.0.1",
-    "sass": "^1.79.5",
+    "sass": "^1.80.6",
     "semver": "^7.6.3",
-    "sirv": "^2.0.4",
-    "stylelint": "^16.9.0",
+    "sirv": "^3.0.0",
+    "stylelint": "^16.10.0",
     "stylelint-config-recommended-vue": "^1.5.0",
     "stylelint-config-standard": "^36.0.1",
-    "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-config-tailwindcss": "^0.0.7",
-    "tailwindcss": "^3.4.13",
+    "stylelint-scss": "^6.8.1",
+    "tailwindcss": "^3.4.14",
     "unplugin-auto-import": "^0.18.3",
     "unplugin-vue-components": "^0.27.4",
     "valibot": "^0.42.1",
-    "vite": "^5.4.8",
+    "vite": "^5.4.10",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-static-copy": "^2.0.0",
     "vite-svg-loader": "^5.1.0",
-    "vitest": "^2.1.2",
+    "vitest": "^2.1.4",
     "vitest-canvas-mock": "^0.3.3",
-    "vue": "^3.5.11",
-    "vue-chartjs": "^5.3.1",
+    "vue": "^3.5.12",
+    "vue-chartjs": "^5.3.2",
     "vue-loader": "^17.4.2",
     "vue-router": "^4.4.5",
-    "vue-tsc": "^2.1.6"
+    "vue-tsc": "^2.1.10"
   },
   "lint-staged": {
     "*.{js,ts,vue,mjs,mts,cjs}": "cross-env NODE_ENV=production eslint --fix",

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

@@ -4,6 +4,7 @@ export interface Props {
     contentClass?: unknown;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Partial<Record<`title-${number}`, (_: {
         isOpen: boolean;
     }) => any>> & Partial<Record<`content-${number}`, (_: {
@@ -14,7 +15,7 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -25,7 +26,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     id: string;
     modelValue: number;
     contentClass: undefined;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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 & {

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

@@ -1,33 +1,4 @@
-declare function __VLS_template(): {
-    slots: {
-        prefix?(_: {}): any;
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
-        suffix?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
-    /**
-     * 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;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+type __VLS_Props = {
     /**
      * The number to animate
      */
@@ -45,11 +16,24 @@ declare const __VLS_component: import("vue").DefineComponent<{
      * Suffix to display next to the number
      */
     suffix?: string;
-}> & Readonly<{}>, {
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     duration: number;
     prefix: string;
     suffix: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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 & {

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

@@ -57,13 +57,14 @@ export interface Props {
     loading?: 'lazy' | 'eager' | 'intersecting';
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         "round-text"?(_: {}): any;
         icon?(_: {}): any;
         caption?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

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

@@ -16,13 +16,14 @@ declare function onBackdropAnimationLeave(): void;
 declare function onBackdropClicked(): void;
 declare function onKeyPress(event: KeyboardEvent): void;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             close: typeof close;
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {

package/types/components/MazBadge.vue.d.ts

@@ -7,14 +7,19 @@ export interface Props {
     nowrap?: boolean;
     outline?: boolean;
     pastel?: boolean;
+    /**
+     * Size radius of the component's border
+     * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
+     */
     roundedSize?: BadgeRoundedSize;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLSpanElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
@@ -24,7 +29,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     outline: boolean;
     pastel: boolean;
     nowrap: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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 & {

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

@@ -1,11 +1,12 @@
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             close: () => void;
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/types/components/MazBtn.vue.d.ts

@@ -101,9 +101,10 @@ export interface Props {
     /**
      * Choose how the elements are aligned in the button
      */
-    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+    justify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         "left-icon"?(_: {}): any;
         icon?(_: {}): any;
@@ -111,7 +112,7 @@ declare function __VLS_template(): {
         "right-icon"?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
@@ -123,7 +124,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     icon: string | Icon;
     leftIcon: string | Icon;
     rightIcon: string | Icon;
-    justify: "start" | "end" | "center" | "between" | "around" | "evenly";
+    justify: "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/types/components/MazCard.vue.d.ts

@@ -55,6 +55,7 @@ export interface Props {
     block?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         header?(_: {}): any;
         default?(_: {}): any;
@@ -65,7 +66,7 @@ declare function __VLS_template(): {
         actions?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
@@ -84,7 +85,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     radius: boolean;
     imagesShowCount: number;
     wrapperClass: HTMLAttributes["class"];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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 & {

package/types/components/MazCardSpotlight.vue.d.ts

@@ -34,6 +34,7 @@ export interface Props {
     innerOpacity?: number;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
@@ -41,7 +42,7 @@ declare function __VLS_template(): {
         blobElement: HTMLDivElement;
         fakeblobElement: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
@@ -51,7 +52,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     contentClass: HTMLAttributes["class"];
     contentStyle: string | false | import("vue").CSSProperties | StyleValue[] | null;
     innerOpacity: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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 & {

package/types/components/MazCarousel.vue.d.ts

@@ -9,6 +9,7 @@ export interface Props {
     hideScrollbar?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         title?(_: {}): any;
         "previous-icon"?(_: {}): any;
@@ -18,13 +19,13 @@ declare function __VLS_template(): {
     refs: {
         MazCarouselItems: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     ariaLabelPreviousButton: string;
     ariaLabelNextButton: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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 & {

package/types/components/MazCheckbox.vue.d.ts

@@ -1,5 +1,6 @@
 import type { Color, Size } from './types';
 import { type HTMLAttributes } from 'vue';
+export type CheckboxValue = string | number | boolean;
 export interface Props<T = boolean | (string | number)[]> {
     /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
@@ -12,7 +13,7 @@ export interface Props<T = boolean | (string | number)[]> {
     /** The color of the checkbox */
     color?: Color;
     /** The value of the checkbox when selected */
-    value?: string | number | boolean;
+    value?: CheckboxValue;
     /** The name of the checkbox */
     name?: string;
     /** The size of the checkbox */
@@ -37,12 +38,12 @@ declare const _default: <T extends boolean | (string | number)[]>(__VLS_props: N
         readonly onChange?: ((value: T) => any) | undefined;
         readonly onFocus?: ((value: FocusEvent) => any) | undefined;
         readonly "onUpdate:model-value"?: ((value: T) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & Props<T>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & Partial<{}> & Props<T>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {
-            value: string | number | boolean;
+            value: CheckboxValue;
         }): any;
     };
     emit: ((evt: "blur", value: FocusEvent) => void) & ((evt: "change", value: T) => void) & ((evt: "focus", value: FocusEvent) => void) & ((evt: "update:model-value", value: T) => void);

package/types/components/MazChecklist.vue.d.ts

@@ -49,7 +49,7 @@ declare const _default: <T extends string, O extends ItemOption>(__VLS_props: No
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:model-value"?: ((value?: T[] | undefined) => any) | undefined;
         readonly "onUpdate:query"?: ((value?: string | undefined) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:model-value" | "onUpdate:query"> & MazCheckListProps<T, O>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:model-value" | "onUpdate:query"> & Partial<{}> & MazCheckListProps<T, O>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

package/types/components/MazCircularProgressBar.vue.d.ts

@@ -1,65 +1,6 @@
 import type { Color } from './types';
 import { type SVGAttributes } from 'vue';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
-    /**
-     * The percentage value of the progress bar
-     */
-    percentage: number;
-    /**
-     * The size of the progress bar
-     * @default '10em' (equal 80px for a font-size of 16px)
-     */
-    size?: string;
-    /**
-     * Duration of the animation in milliseconds
-     * @default 1000
-     */
-    duration?: number;
-    /**
-     * The color of the progress bar
-     */
-    color?: Color;
-    /**
-     * Auto color based on the count (danger, warning, success)
-     * @default false
-     */
-    autoColor?: boolean;
-    /**
-     * Suffix to display next to the number
-     */
-    prefix?: string;
-    /**
-     * Suffix to display next to the number
-     */
-    suffix?: string;
-    /**
-     * The stroke-linecap style
-     * @default 'round'
-     * @values 'butt', 'round', 'square', 'inherit'
-     */
-    strokeLinecap?: SVGAttributes["stroke-linecap"];
-    /**
-     * The stroke width
-     * @default 6
-     */
-    strokeWidth?: SVGAttributes["width"];
-    /**
-     * The stroke color
-     * Use this prop to override the gradient color
-     * You can use a color name or a color code
-     */
-    stroke?: SVGAttributes["stroke"];
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+type __VLS_Props = {
     /**
      * The percentage value of the progress bar
      */
@@ -96,19 +37,31 @@ declare const __VLS_component: import("vue").DefineComponent<{
      * @default 'round'
      * @values 'butt', 'round', 'square', 'inherit'
      */
-    strokeLinecap?: SVGAttributes["stroke-linecap"];
+    strokeLinecap?: SVGAttributes['stroke-linecap'];
     /**
      * The stroke width
      * @default 6
      */
-    strokeWidth?: SVGAttributes["width"];
+    strokeWidth?: SVGAttributes['width'];
     /**
      * The stroke color
      * Use this prop to override the gradient color
      * You can use a color name or a color code
      */
-    stroke?: SVGAttributes["stroke"];
-}> & Readonly<{}>, {
+    stroke?: SVGAttributes['stroke'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: string;
     color: Color;
     duration: number;
@@ -118,7 +71,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     percentage: number;
     strokeLinecap: "inherit" | "round" | "square" | "butt";
     strokeWidth: string | number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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 & {

package/types/components/MazDialog.vue.d.ts

@@ -19,7 +19,9 @@ export interface InternalProps {
     persistent?: boolean;
 }
 export type Props = InternalProps & MazBackdropProps;
+type __VLS_Props = Props & MazBackdropProps;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         header?(_: {
             close: () => void;
@@ -141,16 +143,16 @@ declare function __VLS_template(): {
             };
         }) | null;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<InternalProps & MazBackdropProps, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     close: () => any;
 }, {}, {}, {}, 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<InternalProps & MazBackdropProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: ((value?: void | undefined) => any) | undefined;
     onOpen?: ((value?: void | undefined) => any) | undefined;
     "onUpdate:model-value"?: ((value: boolean) => any) | undefined;

package/types/components/MazDrawer.vue.d.ts

@@ -11,6 +11,7 @@ export interface Props {
     noClose?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         title?(_: {
             close: () => void;
@@ -20,7 +21,7 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

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

@@ -95,6 +95,7 @@ export interface MazDropdownProps {
     size?: Size;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         "screen-reader-description"?(_: {}): any;
         element?(_: {
@@ -138,7 +139,7 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<MazDropdownProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

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

@@ -124,6 +124,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     height: string | number;
     noDestroyOnUnmount: boolean;
 }, {}, {
-    MazSpinner: import("vue").DefineComponent<import("./MazSpinner.vue").MazSpinnerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./MazSpinner.vue").MazSpinnerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    MazSpinner: import("vue").DefineComponent<import("./MazSpinner.vue").MazSpinnerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./MazSpinner.vue").MazSpinnerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, SVGSVGElement>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/components/MazExpandAnimation.vue.d.ts

@@ -10,24 +10,25 @@ export interface Props {
      */
     timingFunction?: string;
 }
-declare let __VLS_typeProps: Props;
+type __VLS_Props = Props;
 type __VLS_PublicProps = {
     modelValue?: boolean;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         expandAnimationRef: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    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": (modelValue: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     duration: string;
     timingFunction: string;

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

@@ -8,11 +8,12 @@ export interface MazFullscreenLoaderProps {
     teleportSelector?: string;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    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>;