maz-ui 4.0.0-beta.3 → 4.0.0-beta.31

package/dist/types/composables/useFormValidator.d.ts

@@ -1,17 +1,23 @@
-import { Ref } from 'vue';
-import { BaseFormPayload, ExtractModelKey, FieldsStates, FormSchema, FormValidatorOptions, UseFormValidatorParams } from '../composables/useFormValidator/types';
-import { scrollToError } from '../composables/useFormValidator/utils';
-export declare function useFormValidator<Model extends BaseFormPayload>({ schema, defaultValues, model, options }: UseFormValidatorParams<Model>): {
+import { DeepPartial } from '@maz-ui/utils/src/ts-helpers/DeepPartial.js';
+import { MaybeRefOrGetter, Ref } from 'vue';
+import { BaseFormPayload, ExtractModelKey, FieldsStates, FormSchema, FormValidatorOptions, InferOutputSchemaFormValidator, InferSchemaFormValidator } from './useFormValidator/types';
+import { scrollToError } from './useFormValidator/dom-events';
+export declare function useFormValidator<TSchema extends MaybeRefOrGetter<FormSchema<BaseFormPayload>>>({ schema, defaultValues, model, options }: {
+    schema: TSchema;
+    defaultValues?: MaybeRefOrGetter<DeepPartial<InferSchemaFormValidator<TSchema>> | undefined | null>;
+    model?: Ref<DeepPartial<InferSchemaFormValidator<TSchema>> | undefined | null>;
+    options?: FormValidatorOptions<InferSchemaFormValidator<TSchema>>;
+}): {
     identifier: string | symbol;
     isDirty: import('vue').ComputedRef<boolean>;
     isSubmitting: Ref<boolean, boolean>;
     isSubmitted: Ref<boolean, boolean>;
     isValid: import('vue').ComputedRef<boolean>;
-    errors: import('vue').ComputedRef<Record<ExtractModelKey<FormSchema<Model>>, import('.').ValidationIssues>>;
-    model: Ref<Model, Model>;
-    fieldsStates: Ref<FieldsStates<Model>, FieldsStates<Model>>;
-    validateForm: (showErrors?: boolean) => Promise<void[]>;
+    errors: import('vue').ComputedRef<Record<ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>, import('./useFormValidator/types').ValidationIssues>>;
+    model: Ref<InferSchemaFormValidator<TSchema>, InferSchemaFormValidator<TSchema>>;
+    fieldsStates: Ref<FieldsStates<InferSchemaFormValidator<TSchema>, ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>>, FieldsStates<InferSchemaFormValidator<TSchema>, ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>>>;
+    validateForm: (setErrors?: boolean) => Promise<void[]>;
     scrollToError: typeof scrollToError;
-    handleSubmit: <Func extends (model: Model) => Promise<Awaited<ReturnType<Func>>> | ReturnType<Func>>(successCallback: Func, enableScrollOrSelector?: FormValidatorOptions["scrollToError"]) => (event?: Event) => Promise<ReturnType<Func> | undefined>;
-    errorMessages: import('vue').ComputedRef<Record<ExtractModelKey<FormSchema<Model>>, string | undefined>>;
+    handleSubmit: <Func extends (model: InferOutputSchemaFormValidator<TSchema>) => Promise<Awaited<ReturnType<Func>>> | ReturnType<Func>>(successCallback: Func, enableScrollOrSelector?: FormValidatorOptions["scrollToError"]) => (event?: Event) => Promise<ReturnType<Func> | undefined>;
+    errorMessages: import('vue').ComputedRef<Record<ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>, string | undefined>>;
 };

package/dist/types/composables/useIdleTimeout.d.ts

@@ -1,4 +1,4 @@
-import { IdleTimeoutCallback, IdleTimeoutOptions, IdleTimeout } from '@maz-ui/utils/src/utils/idleTimeout.js';
+import { IdleTimeoutCallback, IdleTimeoutOptions, IdleTimeout } from '@maz-ui/utils/src/helpers/idleTimeout.js';
 export declare function useIdleTimeout({ callback, options, }: {
     callback: IdleTimeoutCallback;
     options?: IdleTimeoutOptions;

package/dist/types/composables/useInjectStrict.d.ts

@@ -1,2 +1,2 @@
 import { InjectionKey } from 'vue';
-export declare function useInjectStrict<T>(key: string | InjectionKey<T> | symbol, fallback?: T): NonNullable<T>;
+export declare function useInjectStrict<T>(key: string | InjectionKey<T> | symbol, fallback?: T, errorMessage?: string): NonNullable<T>;

package/dist/types/composables/useSwipe.d.ts

@@ -1,4 +1,4 @@
-import { SwipeOptions } from '@maz-ui/utils/src/utils/swipeHandler.js';
+import { SwipeOptions } from '@maz-ui/utils/src/helpers/swipeHandler.js';
 import { MaybeRef } from 'vue';
 export declare function useSwipe(options: Omit<SwipeOptions, 'onValuesChanged' | 'element'> & {
     element: MaybeRef<HTMLElement> | string | null | undefined;

package/dist/types/composables/useUserVisibility.d.ts

@@ -1,4 +1,4 @@
-import { UserVisibility, UserVisibilyCallback, UserVisibilyOptions } from '@maz-ui/utils/src/utils/userVisibility.js';
+import { UserVisibilyCallback, UserVisibilyOptions, UserVisibility } from '@maz-ui/utils/src/helpers/userVisibility.js';
 export declare function useUserVisibility({ callback, options, }: {
     callback: UserVisibilyCallback;
     options?: UserVisibilyOptions;

package/dist/types/directives/vClickOutside.d.ts

@@ -1,4 +1,4 @@
-import { DirectiveBinding } from 'vue';
+import { ObjectDirective, Plugin } from 'vue';
 interface VClickOutsideOptions {
     /**
      * The callback function to be called when the element is clicked outside.
@@ -24,20 +24,13 @@ interface VClickOutsideOptions {
 /**
  * The value of the v-click-outside directive.
  */
-type vClickOutsideBindingValue = ((...args: any[]) => any) | VClickOutsideOptions;
-/**
- * The binding of the v-click-outside directive.
- */
-type vClickOutsideDirectiveBinding = DirectiveBinding<vClickOutsideBindingValue>;
-declare function onMounted(el: HTMLElement, binding: vClickOutsideDirectiveBinding): Promise<void>;
-declare function onUnmounted(el: HTMLElement): void;
-declare function onUpdated(el: HTMLElement, binding: vClickOutsideDirectiveBinding): void;
-declare const directive: {
-    mounted: typeof onMounted;
-    updated: typeof onUpdated;
-    unmounted: typeof onUnmounted;
-};
-declare const plugin: {
-    install: (app: import('vue').App<any>) => void;
-};
-export { directive as vClickOutside, type vClickOutsideBindingValue, plugin as vClickOutsideInstall, type VClickOutsideOptions, };
+type VClickOutsideBindingValue = ((...args: any[]) => any) | VClickOutsideOptions;
+export type VClickOutsideDirective = ObjectDirective<HTMLElement, VClickOutsideBindingValue>;
+declare const directive: VClickOutsideDirective;
+declare const plugin: Plugin;
+export { directive as vClickOutside, type VClickOutsideBindingValue, plugin as vClickOutsideInstall, type VClickOutsideOptions, };
+declare module 'vue' {
+    interface GlobalDirectives {
+        vClickOutside: VClickOutsideDirective;
+    }
+}

package/dist/types/directives/vFullscreenImg/MazFullscreenImg.vue.d.ts

@@ -29,13 +29,12 @@ declare const _default: import('vue').DefineComponent<MazFullscreenImgProps, {},
     onPrevious?: ((...args: any[]) => any) | undefined;
 }>, {
     destroy: () => void;
+    offset: number;
     animation: {
         duration?: number;
         easing?: string;
     };
     alt: string | null;
-    offset: number;
-    zoom: boolean;
     clickedElementBounds: {
         top: number;
         left: number;
@@ -43,6 +42,7 @@ declare const _default: import('vue').DefineComponent<MazFullscreenImgProps, {},
         width: number;
     };
     openInstanceClass: string;
+    zoom: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     FullscreenImgElement: HTMLDivElement;
     ImgElement: HTMLImageElement;

package/dist/types/directives/vFullscreenImg/fullscreen-img.directive.d.ts

@@ -1,7 +1,5 @@
+import { ObjectDirective } from 'vue';
 import { VFullscreenImgBindingValue } from './fullscreen-img.handler';
-declare const directive: {
-    mounted(el: HTMLElement, binding: import('vue').DirectiveBinding<VFullscreenImgBindingValue, string, string>): void;
-    updated(el: HTMLElement, binding: import('vue').DirectiveBinding<VFullscreenImgBindingValue, string, string>): void;
-    unmounted(el: HTMLElement): void;
-};
+export type VFullscreenImgDirective = ObjectDirective<HTMLElement, VFullscreenImgBindingValue>;
+declare const directive: VFullscreenImgDirective;
 export { directive as vFullscreenImg };

package/dist/types/directives/vFullscreenImg.d.ts

@@ -1,6 +1,11 @@
-declare const plugin: {
-    install(app: import('vue').App<any>): void;
-};
+import { Plugin } from 'vue';
+import { VFullscreenImgDirective } from './vFullscreenImg/fullscreen-img.directive';
+declare const plugin: Plugin;
 export { plugin as vFullscreenImgInstall };
-export { vFullscreenImg } from './vFullscreenImg/fullscreen-img.directive';
+export { vFullscreenImg, type VFullscreenImgDirective } from './vFullscreenImg/fullscreen-img.directive';
 export type { VFullscreenImgBindingValue, VFullscreenImgOptions } from './vFullscreenImg/fullscreen-img.handler';
+declare module 'vue' {
+    interface GlobalDirectives {
+        vFullscreenImg: VFullscreenImgDirective;
+    }
+}

package/dist/types/directives/vLazyImg/lazy-img.directive.d.ts

@@ -1,7 +1,5 @@
+import { ObjectDirective } from 'vue';
 import { VLazyImgBindingValue } from './lazy-img.handler';
-declare const directive: {
-    created(el: HTMLElement, binding: import('vue').DirectiveBinding<VLazyImgBindingValue, string, string>): void;
-    updated(el: HTMLElement, binding: import('vue').DirectiveBinding<VLazyImgBindingValue, string, string>): void;
-    unmounted(el: HTMLElement, binding: import('vue').DirectiveBinding<VLazyImgBindingValue, string, string>): void;
-};
+export type VLazyImgDirective = ObjectDirective<HTMLElement, VLazyImgBindingValue>;
+declare const directive: VLazyImgDirective;
 export { directive as vLazyImg };

package/dist/types/directives/vLazyImg.d.ts

@@ -1,7 +1,12 @@
-import { VLazyImgBindingValue, VLazyImgOptions } from './vLazyImg/types';
-declare const plugin: {
-    install(app: import('vue').App<any>, opts?: Partial<import('./vLazyImg/types').ClassOptions>): void;
-};
-export { vLazyImg } from './vLazyImg/lazy-img.directive';
+import { Plugin } from 'vue';
+import { VLazyImgDirective } from './vLazyImg/lazy-img.directive';
+import { VLazyImgOptions } from './vLazyImg/types';
+declare const plugin: Plugin<[VLazyImgOptions?]>;
+export { vLazyImg, type VLazyImgDirective } from './vLazyImg/lazy-img.directive';
 export { plugin as vLazyImgInstall };
-export type { VLazyImgBindingValue, VLazyImgOptions };
+export type { VLazyImgBindingValue, VLazyImgOptions } from './vLazyImg/types';
+declare module 'vue' {
+    interface GlobalDirectives {
+        vLazyImg: VLazyImgDirective;
+    }
+}

package/dist/types/directives/vTooltip.d.ts

@@ -1,5 +1,5 @@
-import { DirectiveBinding } from 'vue';
-import { MazPopoverProps, PopoverPosition, PopoverTrigger } from '../components/MazPopover.vue';
+import { DirectiveBinding, ObjectDirective, Plugin } from 'vue';
+import { MazPopoverPosition, MazPopoverProps, MazPopoverTrigger } from '../components/MazPopover.vue';
 interface VTooltipOptions extends Partial<Omit<MazPopoverProps, 'modelValue'>> {
     /**
      * Text to display in the tooltip
@@ -11,20 +11,20 @@ interface VTooltipOptions extends Partial<Omit<MazPopoverProps, 'modelValue'>> {
     html?: string;
     /**
      * Color variant of the tooltip
-     * @default default
+     * @default contrast
      */
     color?: MazPopoverProps['color'];
     /**
      * Position of the tooltip
      * The preferred position is set to 'top' if no position is provided
-     * @default undefined
+     * @default top
      */
-    position?: PopoverPosition;
+    position?: MazPopoverPosition;
     /**
      * Trigger of the tooltip
      * @default hover
      */
-    trigger?: PopoverTrigger;
+    trigger?: MazPopoverTrigger;
     /**
      * Close on click outside
      * @default false
@@ -43,12 +43,12 @@ interface VTooltipOptions extends Partial<Omit<MazPopoverProps, 'modelValue'>> {
 }
 type VTooltipBindingValue = string | VTooltipOptions;
 export type TooltipBinding = DirectiveBinding<VTooltipBindingValue, NonNullable<MazPopoverProps['position']>>;
-declare const directive: {
-    mounted(el: HTMLElement, binding: TooltipBinding): void;
-    updated(el: HTMLElement, binding: TooltipBinding): void;
-    unmounted(el: HTMLElement): void;
-};
-declare const plugin: {
-    install: (app: import('vue').App<any>, options?: Partial<VTooltipOptions>) => void;
-};
+export type VTooltipDirective = ObjectDirective<HTMLElement, VTooltipBindingValue, NonNullable<MazPopoverProps['position']>>;
+declare const directive: VTooltipDirective;
+declare const plugin: Plugin<[Partial<VTooltipOptions>?]>;
 export { directive as vTooltip, type VTooltipBindingValue, plugin as vTooltipInstall, type VTooltipOptions, };
+declare module 'vue' {
+    interface GlobalDirectives {
+        vTooltip: VTooltipDirective;
+    }
+}

package/dist/types/directives/vZoomImg/zoom-img.directive.d.ts

@@ -1,4 +1,6 @@
+import { ObjectDirective } from 'vue';
 import { VZoomImgBindingValue } from './zoom-img.handler';
+export type VZoomImgDirective = ObjectDirective<HTMLElement, VZoomImgBindingValue>;
 export declare const vZoomImg: {
     created(el: HTMLElement, binding: import('vue').DirectiveBinding<VZoomImgBindingValue, string, string>): void;
     updated(_el: HTMLElement, binding: import('vue').DirectiveBinding<VZoomImgBindingValue, string, string>): void;

package/dist/types/directives/vZoomImg.d.ts

@@ -1,6 +1,10 @@
-import { vZoomImg } from './vZoomImg/zoom-img.directive';
-declare const plugin: {
-    install(app: import('vue').App<any>): void;
-};
-export { vZoomImg, plugin as vZoomImgInstall };
+import { Plugin } from 'vue';
+import { VZoomImgDirective, vZoomImg } from './vZoomImg/zoom-img.directive';
+declare const plugin: Plugin;
+export { vZoomImg, type VZoomImgDirective, plugin as vZoomImgInstall };
 export type { VZoomImgBindingValue } from './vZoomImg/zoom-img.handler';
+declare module 'vue' {
+    interface GlobalDirectives {
+        vZoomImg: VZoomImgDirective;
+    }
+}

package/dist/types/index.d.ts

@@ -1 +1 @@
-export * from '@maz-ui/utils/src/index.js';
+export * from '@maz-ui/utils';

package/dist/types/plugins/aos.d.ts

@@ -1,13 +1,41 @@
-import { App } from 'vue';
+import { Plugin } from 'vue';
 import { Router } from 'vue-router';
 export interface AosOptions {
     animation?: {
+        /**
+         * The delay of the animation
+         * @default 0
+         */
         delay?: number;
+        /**
+         * The duration of the animation
+         * @default 300
+         */
         duration?: number;
+        /**
+         * If true, the animation will be triggered only once
+         * @default true
+         */
         once?: boolean;
     };
+    /**
+     * The delay before the animation starts
+     * @default 100
+     */
     delay?: number;
+    /**
+     * The observer options
+     * @default {
+     *   root: undefined,
+     *   rootMargin: '0px',
+     *   threshold: 0.2,
+     * }
+     */
     observer?: IntersectionObserverInit;
+    /**
+     * The router instance to trigger the animation on route change
+     * @default undefined
+     */
     router?: Router;
 }
 interface ClassOptions extends Omit<AosOptions, 'router'> {
@@ -29,9 +57,7 @@ export declare class AosHandler {
     private handleObserver;
     runAnimations(): Promise<void> | undefined;
 }
-export declare const AosPlugin: {
-    install: (app: App, options?: AosOptions) => void;
-};
+export declare const AosPlugin: Plugin<[AosOptions?]>;
 declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
         /**

package/dist/types/plugins/dialog/DialogHandler.d.ts

@@ -1,6 +1,6 @@
 import { App } from 'vue';
-import { MazDialogPromiseProps } from '../../components/MazDialogPromise.vue';
-export type DialogOptions = Partial<Omit<MazDialogPromiseProps, 'modelValue' | 'variant' | 'justify'>> & {
+import { MazDialogConfirmProps } from '../../components/MazDialogConfirm.vue';
+export type DialogOptions = Partial<Omit<MazDialogConfirmProps, 'modelValue' | 'variant' | 'justify'>> & {
     onClose?: () => unknown;
     onAccept?: (response: unknown) => unknown;
     onReject?: (response: unknown) => unknown;

package/dist/types/plugins/dialog.d.ts

@@ -1,8 +1,6 @@
-import { App } from 'vue';
+import { Plugin } from 'vue';
 import { DialogOptions, DialogHandler } from './dialog/DialogHandler';
-export declare const DialogPlugin: {
-    install(app: App, options?: DialogOptions): void;
-};
+export declare const DialogPlugin: Plugin<[DialogOptions?]>;
 declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
         /**

package/dist/types/plugins/maz-ui.d.ts

@@ -1,7 +1,6 @@
-import { VLazyImgOptions, VTooltipOptions } from '../directives';
-import { AosOptions, DialogOptions, ToastOptions } from './index';
 import { MazUiThemeOptions } from '@maz-ui/themes/src/plugin.js';
 import { MazTranslationsOptions } from '@maz-ui/translations/src/index.js';
+import { Plugin } from 'vue';
 export interface MazUiOptions {
     /**
      * The theme configurations
@@ -13,51 +12,6 @@ export interface MazUiOptions {
      * Can not be disabled
      */
     translations?: MazTranslationsOptions;
-    plugins?: {
-        /**
-         * If true or options are provided, the dialog plugin will be installed
-         * The dialog plugin configurations are available in the [dialog plugin documentation](./dialog.md)
-         */
-        dialog?: boolean | DialogOptions;
-        /**
-         * If true or options are provided, the toast plugin will be installed
-         * The toast plugin configurations
-         */
-        toast?: boolean | ToastOptions;
-        /**
-         * If true, the wait plugin will be installed
-         * No global options are available for this plugin
-         */
-        wait?: boolean;
-        /**
-         * If true or options are provided, the aos plugin will be installed
-         * The aos plugin configurations
-         */
-        aos?: boolean | AosOptions;
-    };
-    directives?: {
-        /**
-         * If true, the tooltip directive will be installed globally
-         */
-        vTooltip?: boolean | VTooltipOptions;
-        /**
-         * If true, the lazy-img directive will be installed globally
-         */
-        vLazyImg?: boolean | VLazyImgOptions;
-        /**
-         * If true, the click-outside directive will be installed globally
-         */
-        vClickOutside?: boolean;
-        /**
-         * If true, the fullscreen-img directive will be installed globally
-         */
-        vFullscreenImg?: boolean;
-        /**
-         * If true, the scroll-lock directive will be installed globally
-         * No global options are available for this plugin
-         */
-        vZoomImg?: boolean;
-    };
 }
 /**
  * @example
@@ -83,22 +37,7 @@ export interface MazUiOptions {
  *       },
  *     },
  *   },
- *   plugins: {
- *     dialog: true,
- *     toast: true,
- *     wait: true,
- *     aos: true,
- *   },
- *   directives: {
- *     vTooltip: true,
- *     vLazyImg: true,
- *     vClickOutside: true,
- *     vFullscreenImg: true,
- *     vZoomImg: true,
- *   },
  * })
  * ```
  */
-export declare const MazUi: {
-    install(app: import('vue').App<any>, options?: MazUiOptions): Promise<void>;
-};
+export declare const MazUi: Plugin<[MazUiOptions?]>;

package/dist/types/plugins/toast.d.ts

@@ -1,9 +1,7 @@
-import { App } from 'vue';
+import { Plugin } from 'vue';
 import { ToastOptions } from './toast/types';
 import { ToastHandler } from './toast/ToastHandler';
-export declare const ToastPlugin: {
-    install(app: App, options?: ToastOptions): void;
-};
+export declare const ToastPlugin: Plugin<[ToastOptions?]>;
 declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
         /**

package/dist/types/plugins/wait.d.ts

@@ -1,3 +1,4 @@
+import { Plugin } from 'vue';
 type LoaderId = string | symbol | number;
 export declare class WaitHandler {
     private _loaders;
@@ -8,9 +9,7 @@ export declare class WaitHandler {
     get anyLoading(): import('vue').ComputedRef<boolean>;
 }
 export declare const waitInstance: WaitHandler;
-export declare const WaitPlugin: {
-    install: (app: import('vue').App<any>) => void;
-};
+export declare const WaitPlugin: Plugin;
 declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
         /**

package/dist/types/tailwindcss/tailwind.config.d.ts

@@ -3,6 +3,8 @@ import { getNumericScreensFromTailwind } from './variables/breakpoints';
 export { getNumericScreensFromTailwind };
 export declare function defineMazTailwindConfig(config?: Partial<Config> & {
     content: Config['content'];
+}, { utilities }?: {
+    utilities?: Record<string, any>;
 }): {
     content: (import('tailwindcss/types/config').ContentConfig | undefined) & import('tailwindcss/types/config').ContentConfig;
     important?: Partial<import('tailwindcss/types/config').ImportantConfig> | undefined;
@@ -54,6 +56,9 @@ export declare function defineMazTailwindConfig(config?: Partial<Config> & {
                 lg: string;
                 xl: string;
             };
+            borderColor: {
+                DEFAULT: string;
+            };
             borderWidth: {
                 DEFAULT: string;
                 0: string;

package/dist/types/tailwindcss/variables/design-tokens.d.ts

@@ -6,6 +6,9 @@ export declare const designTokens: {
         lg: string;
         xl: string;
     };
+    borderColor: {
+        DEFAULT: string;
+    };
     borderWidth: {
         DEFAULT: string;
         0: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "maz-ui",
   "type": "module",
-  "version": "4.0.0-beta.3",
+  "version": "4.0.0-beta.31",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -28,10 +28,7 @@
   ],
   "sideEffects": [
     "*.css",
-    "./dist/css/**",
-    "./dist/**/plugins/**",
-    "./dist/**/directives/**",
-    "./dist/**/composables/useToast*"
+    "./dist/css/**"
   ],
   "exports": {
     ".": {
@@ -139,20 +136,24 @@
     "tailwindcss"
   ],
   "engines": {
-    "node": ">= 16.0.0"
+    "node": ">= 18.0.0"
   },
   "scripts": {
     "maz": "maz",
     "lint": "pnpm lint:js && pnpm lint:style",
-    "lint:nofix": "cross-env NODE_ENV=production eslint",
-    "lint:js": "pnpm lint:nofix --fix",
-    "lint:oxlint": "oxlint . --fix -D correctness --ignore-path .gitignore",
-    "lint:style": "stylelint --fix \"./**/*.{vue,css,scss,postcss,pcss,html}\"",
+    "lint:fix": "pnpm lint:js:fix && pnpm lint:style:fix",
+    "lint:js": "cross-env NODE_ENV=production eslint",
+    "lint:js:fix": "pnpm lint:js --fix",
+    "lint:oxlint": "oxlint . -D correctness --ignore-path .gitignore",
+    "lint:oxlint:fix": "oxlint . --fix -D correctness --ignore-path .gitignore",
+    "lint:style": "stylelint \"./**/*.{vue,css,scss,postcss,pcss,html}\"",
+    "lint:style:fix": "pnpm lint:style --fix",
     "build": "pnpm typecheck && pnpm build:only",
     "build:only": "vite build",
+    "build:watch": "vite build --watch",
     "build:dev": "vite build --watch",
     "build:analyze": "vite-node build/analyze-bundle.ts",
-    "test:unit": "vitest",
+    "test:unit": "vitest run",
     "test:unit:watch": "vitest watch",
     "test:unit:coverage": "vitest run --coverage",
     "test:unit:coverage:watch": "vitest watch --coverage",
@@ -161,7 +162,7 @@
     "typecheck": "vue-tsc --noEmit --skipLibCheck"
   },
   "peerDependencies": {
-    "nuxt": "^3.4.0",
+    "nuxt": ">=3.4.0 <5.0.0",
     "unplugin-auto-import": ">=19.0.0 <20.0.0",
     "unplugin-vue-components": ">=28.0.0 <29.0.0",
     "vue": "^3.5.0",
@@ -182,60 +183,60 @@
     }
   },
   "dependencies": {
-    "@maz-ui/cli": "4.0.0-beta.3",
-    "@maz-ui/themes": "4.0.0-beta.3",
-    "@maz-ui/translations": "4.0.0-beta.3",
-    "@maz-ui/utils": "4.0.0-beta.3",
+    "@floating-ui/vue": "^1.1.8",
+    "@maz-ui/cli": "4.0.0-beta.27",
+    "@maz-ui/icons": "4.0.0-beta.27",
+    "@maz-ui/themes": "4.0.0-beta.27",
+    "@maz-ui/translations": "4.0.0-beta.27",
+    "@maz-ui/utils": "4.0.0-beta.27",
     "chart.js": "^4.5.0",
     "dayjs": "^1.11.13",
-    "libphonenumber-js": "^1.12.9",
+    "libphonenumber-js": "^1.12.10",
     "valibot": "^1.1.0",
     "vue-chartjs": "^5.3.2"
   },
   "devDependencies": {
-    "@maz-ui/eslint-config": "4.0.0-beta.1",
-    "@maz-ui/icons": "4.0.0-beta.3",
-    "@vitejs/plugin-vue": "^5.2.4",
+    "@maz-ui/eslint-config": "4.0.0-beta.25",
+    "@maz-ui/node": "4.0.0-beta.27",
+    "@vitejs/plugin-vue": "^6.0.1",
     "@vitest/coverage-v8": "^3.2.4",
-    "@vue/compiler-sfc": "^3.5.16",
+    "@vue/compiler-sfc": "^3.5.18",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
     "autoprefixer": "^10.4.21",
-    "chalk": "5.4.1",
     "glob": "^11.0.3",
     "jsdom": "^26.1.0",
     "lightningcss": "^1.30.1",
-    "nuxt": "^3.17.5",
+    "nuxt": "^4.0.3",
     "postcss": "^8.5.6",
     "postcss-html": "^1.8.0",
-    "postcss-import": "^16.1.0",
+    "postcss-import": "^16.1.1",
     "postcss-nested": "^7.0.2",
     "postcss-replace": "^2.0.1",
     "postcss-url": "^10.1.3",
-    "sass": "^1.89.1",
-    "stylelint": "^16.20.0",
-    "stylelint-config-recommended-vue": "^1.6.0",
-    "stylelint-config-standard": "^38.0.0",
+    "sass": "^1.90.0",
+    "stylelint": "^16.23.0",
+    "stylelint-config-recommended-vue": "^1.6.1",
+    "stylelint-config-standard": "^39.0.0",
     "stylelint-config-standard-scss": "^15.0.1",
     "stylelint-config-tailwindcss": "^1.0.0",
     "stylelint-scss": "^6.12.0",
     "tailwindcss": "^3.4.16",
-    "typescript": "~5.8.3",
-    "unplugin-auto-import": "^19.3.0",
-    "unplugin-vue-components": "^28.7.0",
-    "vite": "^6.3.5",
+    "typescript": "~5.9.2",
+    "unplugin-auto-import": "^20.0.0",
+    "unplugin-vue-components": "^28.8.0",
+    "vite": "^7.0.6",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-svg-loader": "^5.1.0",
     "vitest": "^3.2.4",
-    "vitest-canvas-mock": "^0.3.3",
-    "vue": "^3.5.17",
+    "vue": "^3.5.18",
     "vue-router": "^4.5.1",
-    "vue-tsc": "^2.2.10"
+    "vue-tsc": "^3.0.5"
   },
   "lint-staged": {
-    "*.{js,ts,vue,mjs,mts,cjs,md}": "cross-env NODE_ENV=production eslint --fix",
+    "*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix",
     "*.{vue,css,scss,postcss,pcss}": "stylelint --fix --allow-empty-input"
   },
-  "gitHead": "f244a338c386a818da90b083800e0fe5f37bf655"
+  "gitHead": "1d16660bb8243d5a653fbe1bb1ba4d5d2ba6aec0"
 }

package/dist/assets/MazAccordion.esK3rR4p.css

@@ -1 +0,0 @@
-.m-accordion[data-v-3531c128]{vertical-align:top;flex-direction:column;gap:1rem;display:inline-flex;position:relative}.m-accordion__spotlight[data-v-3531c128]{width:100%}.m-accordion__header[data-v-3531c128]{text-align:start;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.m-accordion__header .header-icon[data-v-3531c128]{transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-accordion__header .header-icon.--rotate[data-v-3531c128]{transform:rotate(135deg)}.m-accordion__content[data-v-3531c128]{padding:1rem}