@maz-ui/nuxt 4.0.0-beta.3 → 4.0.0-beta.31

package/README.md

@@ -16,20 +16,20 @@ Transform your Nuxt application with **Maz-UI** - a comprehensive Vue.js compone
 [![npm version](https://badge.fury.io/js/%40maz-ui%2Fnuxt.svg)](https://badge.fury.io/js/%40maz-ui%2Fnuxt)
 [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)
 
-## 🎯 What is Maz-UI?
+## What is Maz-UI?
 
 **Maz-UI** is a powerful Vue.js component library with **50+ beautiful components**, **20+ useful composables**, and **smart directives** that work perfectly with Nuxt. Think of it as your design system in a box!
 
-### 🌟 Why Choose Maz-UI for Your Nuxt App?
+### Why Choose Maz-UI for Your Nuxt App?
 
-- **🚀 Zero Configuration** - Works instantly with sensible defaults
-- **🎨 Beautiful by Default** - Professional design with dark mode included
-- **📦 Everything Auto-Imported** - No more import statements needed
-- **⚡ Super Fast** - Optimized for performance with tree-shaking
-- **🛠️ Developer Friendly** - TypeScript support and great DevTools
-- **🎯 Production Ready** - Perfect SSR/SSG support
+- **Zero Configuration** - Works instantly with sensible defaults
+- **Beautiful by Default** - Professional design with dark mode included
+- **Everything Auto-Imported** - No more import statements needed
+- **Super Fast** - Optimized for performance with tree-shaking
+- **Developer Friendly** - TypeScript support and great DevTools
+- **Production Ready** - Perfect SSR/SSG support
 
-## 🚀 Quick Start (2 minutes!)
+## Quick Start (2 minutes!)
 
 ### Step 1: Install the module
 
@@ -87,9 +87,9 @@ function showMessage() {
 </template>
 ```
 
-## 🎨 What You Get Out of the Box
+## What You Get Out of the Box
 
-### 🧩 50+ Beautiful Components
+### 50+ Beautiful Components
 
 - **Buttons**: `MazBtn`,
 - **Forms**: `MazInput`, `MazSelect`, `MazCheckbox`, `MazRadio`, `MazTextarea`, `MazInputPhoneNumber`
@@ -101,7 +101,7 @@ function showMessage() {
 - **Charts**: `MazChart` (with Chart.js integration)
 - **And 30+ more!**
 
-### 🎪 20+ Powerful Composables
+### 20+ Powerful Composables
 
 - **`useTheme()`** - Theme management and dark mode
 - **`useToast()`** - Beautiful toast notifications
@@ -112,7 +112,7 @@ function showMessage() {
 - **`useBreakpoints()`** - Responsive design helpers
 - **And many more!**
 
-### 🎯 Smart Directives
+### Smart Directives
 
 - **`v-tooltip`** - Beautiful tooltips anywhere
 - **`v-lazy-img`** - Lazy load images automatically
@@ -120,7 +120,7 @@ function showMessage() {
 - **`v-click-outside`** - Detect outside clicks
 - **`v-fullscreen-img`** - Fullscreen image viewer
 
-## 🌈 Theming Made Simple
+## Theming Made Simple
 
 Maz-UI comes with a powerful theming system that makes your app look professional instantly:
 
@@ -150,7 +150,7 @@ async function changeToOceanTheme() {
 
 **Built-in themes**: `mazUi`, `ocean`, `pristine`, `obsidian` + create your own!
 
-## ⚙️ Configuration Options
+## Configuration Options
 
 ### Minimal Setup (Recommended)
 
@@ -169,32 +169,32 @@ export default defineNuxtConfig({
 export default defineNuxtConfig({
   modules: ['@maz-ui/nuxt'],
   mazUi: {
-    // 🎛️ General Settings
+    // General Settings
     general: {
       autoImportPrefix: 'Maz', // useMazToast instead of useToast
       defaultMazIconPath: '/icons', // Path to your SVG icons
       devtools: true, // Enable DevTools integration
     },
 
-    // 🎨 Theme System
+    // Theme System
     theme: {
       preset: 'ocean', // Choose: 'mazUi', 'ocean', 'pristine', 'obsidian'
       strategy: 'hybrid', // 'runtime' | 'buildtime' | 'hybrid'
       darkModeStrategy: 'class', // 'class' | 'media' | 'auto'
     },
 
-    // 🌐 Translations
+    // Translations
     translations: {
       locale: 'fr', // Default language
       fallbackLocale: 'en',
     },
 
-    // 🧩 Components (all enabled by default)
+    // Components (all enabled by default)
     components: {
       autoImport: true, // Auto-import all components globally
     },
 
-    // 🎪 Composables (customize what you need)
+    // Composables (customize what you need)
     composables: {
       useTheme: true,
       useToast: true,
@@ -206,7 +206,7 @@ export default defineNuxtConfig({
       // ... all others enabled by default
     },
 
-    // 🎯 Directives
+    // Directives
     directives: {
       vTooltip: true,
       vLazyImg: { threshold: 0.1 }, // Custom intersection threshold
@@ -218,7 +218,7 @@ export default defineNuxtConfig({
 })
 ```
 
-## 🛠️ Advanced Features
+## Advanced Features
 
 ### Custom Theme Creation
 
@@ -252,7 +252,7 @@ export default defineNuxtConfig({
 })
 ```
 
-## 📱 SSR/SSG Support
+## SSR/SSG Support
 
 This module is built specifically for Nuxt with perfect SSR and SSG support:
 
@@ -262,7 +262,7 @@ This module is built specifically for Nuxt with perfect SSR and SSG support:
 - ✅ **Theme Persistence** - Dark mode preference remembered
 - ✅ **No FOUC** - Flash of unstyled content prevented
 
-## 🎯 Why This Module vs Manual Setup?
+## Why This Module vs Manual Setup?
 
 | Feature          | Manual Setup          | @maz-ui/nuxt Module           |
 | ---------------- | --------------------- | ----------------------------- |
@@ -274,17 +274,17 @@ This module is built specifically for Nuxt with perfect SSR and SSG support:
 | **DevTools**     | No integration        | ✅ Nuxt DevTools support      |
 | **TypeScript**   | Manual type setup     | ✅ Perfect TypeScript support |
 
-## 📚 Learn More
+## Learn More
 
-- 📖 **[Full Documentation](https://maz-ui.com/guide/nuxt)**
-- 🐛 **[Report Issues](https://github.com/LouisMazel/maz-ui/issues)**
-- 💬 **[Discussions](https://github.com/LouisMazel/maz-ui/discussions)**
+- **[Full Documentation](https://maz-ui.com/guide/nuxt)**
+- **[Report Issues](https://github.com/LouisMazel/maz-ui/issues)**
+- **[Discussions](https://github.com/LouisMazel/maz-ui/discussions)**
 
-## 🤝 Contributing
+## Contributing
 
 We love contributions! Check out our [Contributing Guide](https://github.com/LouisMazel/maz-ui/blob/main/CONTRIBUTING.md).
 
-## 📄 License
+## License
 
 MIT License © 2025 [LouisMazel](https://github.com/LouisMazel)
 

package/dist/module.d.mts

@@ -2,7 +2,7 @@ import * as _nuxt_schema from '@nuxt/schema';
 import { MazUiThemeOptions } from '@maz-ui/themes';
 import { MazTranslationsOptions } from '@maz-ui/translations';
 import { VLazyImgOptions, VFullscreenImgOptions, VTooltipOptions } from 'maz-ui/directives';
-import { AosOptions, ToastOptions, DialogOptions } from 'maz-ui/plugins';
+import { AosOptions, DialogOptions, ToastOptions } from 'maz-ui/plugins';
 
 interface MazUiNuxtThemeOptions extends MazUiThemeOptions {
     /**
@@ -10,7 +10,7 @@ interface MazUiNuxtThemeOptions extends MazUiThemeOptions {
      * @description Inject full CSS on server-side to prevent FOUC on client-side
      * @default true
      */
-    injectFullCSSOnServer?: boolean;
+    injectAllCSSOnServer?: boolean;
 }
 interface MazUiNuxtOptions {
     /**
@@ -81,27 +81,15 @@ interface MazUiNuxtOptions {
         autoImport?: boolean;
     };
     /**
-     * Composables configuration
+     * Plugins configuration
      */
-    composables?: {
-        /**
-         * Enable auto-import of useTranslations composable
-         * @description Provides translations functionality from `@maz-ui/translations` package
-         * @default true
-         */
-        useTranslations?: boolean;
-        /**
-         * Enable auto-import of useTheme composable
-         * @description Provides theme management functionality (toggle dark mode, change themes, etc.) from `@maz-ui/themes` package
-         * @default false
-         */
-        useTheme?: boolean;
+    plugins?: {
         /**
          * Enable auto-import of useAos composable and install AOS plugin
          * @description Animation On Scroll functionality with advanced configuration options
-         * @default true
+         * @default false
          */
-        useAos?: boolean | (Omit<AosOptions, 'router'> & {
+        aos?: boolean | (Omit<AosOptions, 'router'> & {
             /**
              * Auto inject AOS CSS file
              * @default true
@@ -113,24 +101,41 @@ interface MazUiNuxtOptions {
              */
             router?: boolean;
         });
-        /**
-         * Enable auto-import of useToast composable and install Toast plugin
-         * @description Toast notifications functionality
-         * @default true
-         */
-        useToast?: boolean | ToastOptions;
         /**
          * Enable auto-import of useDialog composable and install Dialog plugin
          * @description Modal dialogs functionality
-         * @default true
+         * @default false
          */
-        useDialog?: boolean | DialogOptions;
+        dialog?: boolean | DialogOptions;
+        /**
+         * Enable auto-import of useToast composable and install Toast plugin
+         * @description Toast notifications functionality
+         * @default false
+         */
+        toast?: boolean | ToastOptions;
         /**
          * Enable auto-import of useWait composable and install Wait plugin
          * @description Loading state management functionality
+         * @default false
+         */
+        wait?: boolean;
+    };
+    /**
+     * Composables configuration
+     */
+    composables?: {
+        /**
+         * Enable auto-import of useTranslations composable
+         * @description Provides translations functionality from `@maz-ui/translations` package
          * @default true
          */
-        useWait?: boolean;
+        useTranslations?: boolean;
+        /**
+         * Enable auto-import of useTheme composable
+         * @description Provides theme management functionality (toggle dark mode, change themes, etc.) from `@maz-ui/themes` package
+         * @default false
+         */
+        useTheme?: boolean;
         /**
          * Enable auto-import of useIdleTimeout composable
          * @description Detect user idle state and execute callbacks
@@ -267,7 +272,7 @@ declare module '@nuxt/schema' {
         mazUi: MazUiNuxtOptions;
     }
     interface PublicRuntimeConfig {
-        mazUi: MazUiNuxtOptions;
+        mazUi: Required<MazUiNuxtOptions>;
     }
 }
 declare const _default: _nuxt_schema.NuxtModule<MazUiNuxtOptions, MazUiNuxtOptions, false>;

package/dist/module.json

@@ -4,9 +4,9 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "4.0.0-beta.3",
+  "version": "4.0.0-beta.31",
   "builder": {
-    "@nuxt/module-builder": "1.0.1",
-    "unbuild": "3.5.0"
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.0"
   }
 }

package/dist/module.mjs

@@ -22,7 +22,7 @@ const COMPONENT_NAMES = {
   MazChecklist: true,
   MazCircularProgressBar: true,
   MazDialog: true,
-  MazDialogPromise: true,
+  MazDialogConfirm: true,
   MazDrawer: true,
   MazDropdown: true,
   MazDropzone: true,
@@ -63,6 +63,28 @@ const COMPONENT_NAMES = {
   MazPopover: true
 };
 const _dirname = dirname(fileURLToPath(import.meta.url));
+const pluginComposables = {
+  useTheme: true,
+  useTranslations: true
+};
+const mazUiComposables = {
+  useIdleTimeout: true,
+  useReadingTime: true,
+  useFormField: true,
+  useWindowSize: true,
+  useBreakpoints: true,
+  useUserVisibility: true,
+  useStringMatching: true,
+  useTimer: true,
+  useFormValidator: true,
+  useDisplayNames: true,
+  useFreezeValue: true,
+  useInjectStrict: true,
+  useDropzone: true,
+  useInstanceUniqId: true,
+  useMountComponent: true,
+  useSwipe: true
+};
 const defaults = {
   general: {
     autoImportPrefix: "",
@@ -76,37 +98,26 @@ const defaults = {
     preset: "maz-ui",
     strategy: "hybrid",
     darkModeStrategy: "class",
-    prefix: "maz",
-    colorMode: "auto"
+    colorMode: "auto",
+    mode: "both"
   },
   translations: {
-    locale: "en"
+    locale: "en",
+    fallbackLocale: "en",
+    preloadFallback: true
   },
   components: {
     autoImport: true
   },
+  plugins: {
+    aos: false,
+    dialog: false,
+    toast: false,
+    wait: false
+  },
   composables: {
-    useTheme: true,
-    useAos: true,
-    useToast: true,
-    useDialog: true,
-    useWait: true,
-    useIdleTimeout: true,
-    useReadingTime: true,
-    useTranslations: true,
-    useFormField: true,
-    useWindowSize: true,
-    useBreakpoints: true,
-    useUserVisibility: true,
-    useStringMatching: true,
-    useTimer: true,
-    useFormValidator: true,
-    useDisplayNames: true,
-    useFreezeValue: true,
-    useInjectStrict: true,
-    useInstanceUniqId: true,
-    useMountComponent: true,
-    useSwipe: true
+    ...pluginComposables,
+    ...mazUiComposables
   },
   directives: {
     vZoomImg: false,
@@ -116,7 +127,7 @@ const defaults = {
     vTooltip: false
   }
 };
-function addComposableImport({
+function addMazUiComposableImport({
   name,
   from,
   prefix = ""
@@ -124,7 +135,7 @@ function addComposableImport({
   addImports({
     from,
     name,
-    // typeFrom: `maz-ui/dist/types/composables/${name}.d.ts`,
+    typeFrom: `maz-ui/dist/types/composables/${name}.d.ts`,
     as: `use${capitalize(prefix)}${name.replace("use", "")}`
   });
 }
@@ -140,8 +151,16 @@ const module = defineNuxtModule({
   /* eslint-disable complexity, sonarjs/cognitive-complexity */
   setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
-    nuxt.options.build.transpile = ["maz-ui", "@maz-ui/themes", ...nuxt.options.build.transpile];
-    const moduleOptions = defu(nuxt.options.runtimeConfig.public.mazUi, options, defaults);
+    nuxt.options.build.transpile = [
+      "maz-ui",
+      "@maz-ui/themes",
+      ...nuxt.options.build.transpile
+    ];
+    const moduleOptions = defu(
+      nuxt.options.runtimeConfig.public.mazUi,
+      options,
+      defaults
+    );
     nuxt.options.runtimeConfig.public.mazUi = moduleOptions;
     if (moduleOptions.css.injectMainCss) {
       nuxt.options.css = ["maz-ui/dist/css/main.css", ...nuxt.options.css];
@@ -156,174 +175,78 @@ const module = defineNuxtModule({
         });
       }
     }
-    if (moduleOptions.composables.useAos) {
+    const autoImportPrefix = moduleOptions.general.autoImportPrefix;
+    if (moduleOptions.plugins.aos) {
       addPlugin(resolve(_dirname, "./runtime/plugins/aos"));
-      addComposableImport({
+      addImports({
         name: "useAos",
         from: resolve(_dirname, "./runtime/composables/useAos"),
-        prefix: moduleOptions.general?.autoImportPrefix
+        as: `use${capitalize(autoImportPrefix)}Aos`
       });
-      const injectAosCSS = typeof moduleOptions.composables.useAos === "object" && typeof moduleOptions.composables.useAos.injectCss === "boolean" ? moduleOptions.composables.useAos.injectCss : true;
+      const injectAosCSS = typeof moduleOptions.plugins.aos === "object" && typeof moduleOptions.plugins.aos.injectCss === "boolean" ? moduleOptions.plugins.aos.injectCss : true;
       if (injectAosCSS) {
         nuxt.options.css = ["maz-ui/aos-styles", ...nuxt.options.css];
       }
     }
-    if (moduleOptions.directives.vZoomImg) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/v-zoom-img"));
-    }
-    if (moduleOptions.directives.vLazyImg) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/v-lazy-img"));
-    }
-    if (moduleOptions.directives.vClickOutside) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/v-click-outside"));
-    }
-    if (moduleOptions.directives.vFullscreenImg) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/v-fullscreen-img"));
-    }
-    if (moduleOptions.directives.vTooltip) {
-      addPlugin(resolve(_dirname, "./runtime/plugins/v-tooltip"));
-    }
-    if (moduleOptions.composables.useToast) {
+    if (moduleOptions.plugins.toast) {
       addPlugin(resolve(_dirname, "./runtime/plugins/toast"));
-      addComposableImport({
+      addImports({
         name: "useToast",
         from: resolve(_dirname, "./runtime/composables/useToast"),
-        prefix: moduleOptions.general?.autoImportPrefix
+        as: `use${capitalize(autoImportPrefix)}Toast`
       });
     }
-    if (moduleOptions.composables.useDialog) {
+    if (moduleOptions.plugins.dialog) {
       addPlugin(resolve(_dirname, "./runtime/plugins/dialog"));
-      addComposableImport({
+      addImports({
         name: "useDialog",
         from: resolve(_dirname, "./runtime/composables/useDialog"),
-        prefix: moduleOptions.general?.autoImportPrefix
+        as: `use${capitalize(autoImportPrefix)}Dialog`
       });
     }
-    if (moduleOptions.composables.useWait) {
+    if (moduleOptions.plugins.wait) {
       addPlugin(resolve(_dirname, "./runtime/plugins/wait"));
-      addComposableImport({
+      addImports({
         name: "useWait",
         from: resolve(_dirname, "./runtime/composables/useWait"),
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useIdleTimeout) {
-      addComposableImport({
-        name: "useIdleTimeout",
-        from: "maz-ui/composables/useIdleTimeout",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useReadingTime) {
-      addComposableImport({
-        name: "useReadingTime",
-        from: "maz-ui/composables/useReadingTime",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useWindowSize) {
-      addComposableImport({
-        name: "useWindowSize",
-        from: "maz-ui/composables/useWindowSize",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useBreakpoints) {
-      addImports({
-        from: "maz-ui/composables/useBreakpoints",
-        name: "useBreakpoints",
-        as: "useBreakpoints"
-      });
-    }
-    if (moduleOptions.composables.useUserVisibility) {
-      addComposableImport({
-        name: "useUserVisibility",
-        from: "maz-ui/composables/useUserVisibility",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useStringMatching) {
-      addComposableImport({
-        name: "useStringMatching",
-        from: "maz-ui/composables/useStringMatching",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useTimer) {
-      addComposableImport({
-        name: "useTimer",
-        from: "maz-ui/composables/useTimer",
-        prefix: moduleOptions.general?.autoImportPrefix
+        as: `use${capitalize(autoImportPrefix)}Wait`
       });
     }
-    if (moduleOptions.composables.useFreezeValue) {
-      addComposableImport({
-        name: "useFreezeValue",
-        from: "maz-ui/composables/useFreezeValue",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useInjectStrict) {
-      addComposableImport({
-        name: "useInjectStrict",
-        from: "maz-ui/composables/useInjectStrict",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useInstanceUniqId) {
-      addComposableImport({
-        name: "useInstanceUniqId",
-        from: "maz-ui/composables/useInstanceUniqId",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
+    if (moduleOptions.directives.vZoomImg) {
+      addPlugin(resolve(_dirname, "./runtime/plugins/v-zoom-img"));
     }
-    if (moduleOptions.composables.useMountComponent) {
-      addComposableImport({
-        name: "useMountComponent",
-        from: "maz-ui/composables/useMountComponent",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
+    if (moduleOptions.directives.vLazyImg) {
+      addPlugin(resolve(_dirname, "./runtime/plugins/v-lazy-img"));
     }
-    if (moduleOptions.composables.useSwipe) {
-      addComposableImport({
-        name: "useSwipe",
-        from: "maz-ui/composables/useSwipe",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
+    if (moduleOptions.directives.vClickOutside) {
+      addPlugin(resolve(_dirname, "./runtime/plugins/v-click-outside"));
     }
-    if (moduleOptions.composables.useFormValidator) {
-      addComposableImport({
-        name: "useFormValidator",
-        from: "maz-ui/composables/useFormValidator",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
+    if (moduleOptions.directives.vFullscreenImg) {
+      addPlugin(resolve(_dirname, "./runtime/plugins/v-fullscreen-img"));
     }
-    if (moduleOptions.composables.useFormField) {
-      addComposableImport({
-        name: "useFormField",
-        from: "maz-ui/composables/useFormField",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
+    if (moduleOptions.directives.vTooltip) {
+      addPlugin(resolve(_dirname, "./runtime/plugins/v-tooltip"));
     }
-    if (moduleOptions.composables.useDisplayNames) {
-      addComposableImport({
-        name: "useDisplayNames",
-        from: "maz-ui/composables/useDisplayNames",
-        prefix: moduleOptions.general?.autoImportPrefix
+    const allowedMazUiComposables = Object.keys(moduleOptions.composables).filter((composable) => mazUiComposables[composable]);
+    for (const composable of allowedMazUiComposables) {
+      addMazUiComposableImport({
+        name: composable,
+        from: `maz-ui/composables`,
+        prefix: autoImportPrefix
       });
     }
     if (moduleOptions.composables.useTheme) {
-      addComposableImport({
+      addImports({
         name: "useTheme",
-        from: "@maz-ui/themes/composables/useTheme",
-        prefix: moduleOptions.general?.autoImportPrefix
+        from: "@maz-ui/themes",
+        as: `use${capitalize(autoImportPrefix)}Theme`
       });
     }
     if (moduleOptions.composables.useTranslations) {
-      addComposableImport({
+      addImports({
         name: "useTranslations",
         from: "@maz-ui/translations",
-        prefix: moduleOptions.general?.autoImportPrefix
+        as: `use${capitalize(autoImportPrefix)}Translations`
       });
     }
     if (moduleOptions.general.defaultMazIconPath) {

package/dist/runtime/composables/useAos.d.ts

@@ -1,2 +0,0 @@
-import type { AosHandler } from 'maz-ui/plugins/aos';
-export declare function useAos(): AosHandler;

package/dist/runtime/composables/useDialog.d.ts

@@ -1,2 +0,0 @@
-import type { DialogHandler } from 'maz-ui/plugins/dialog';
-export declare function useDialog(): DialogHandler;

package/dist/runtime/composables/useToast.d.ts

@@ -1,2 +0,0 @@
-import type { ToastHandler } from 'maz-ui/plugins/toast';
-export declare function useToast(): ToastHandler;

package/dist/runtime/composables/useWait.d.ts

@@ -1,2 +0,0 @@
-import type { WaitHandler } from 'maz-ui/plugins/wait';
-export declare function useWait(): WaitHandler;

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

@@ -1,12 +0,0 @@
-import { AosHandler } from 'maz-ui/plugins/aos';
-declare const _default: import("#app").Plugin<{
-    mazAos: AosHandler;
-}> & import("#app").ObjectPlugin<{
-    mazAos: AosHandler;
-}>;
-export default _default;
-declare module '#app' {
-    interface NuxtApp {
-        $mazAos: AosHandler;
-    }
-}

package/dist/runtime/plugins/aos.js

@@ -1,7 +1,7 @@
 import { AosHandler, AosPlugin } from "maz-ui/plugins/aos";
 import { defineNuxtPlugin, useRouter } from "nuxt/app";
 export default defineNuxtPlugin(({ $config, vueApp }) => {
-  const aosOptions = $config.public.mazUi?.composables?.useAos;
+  const aosOptions = $config.public.mazUi?.plugins?.aos;
   const options = typeof aosOptions === "object" ? { ...aosOptions, router: aosOptions.router ? useRouter() : void 0 } : {};
   vueApp.use(AosPlugin, options);
   return {

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

@@ -1,12 +0,0 @@
-import { DialogHandler } from 'maz-ui/plugins/dialog';
-declare const _default: import("#app").Plugin<{
-    mazDialog: DialogHandler;
-}> & import("#app").ObjectPlugin<{
-    mazDialog: DialogHandler;
-}>;
-export default _default;
-declare module '#app' {
-    interface NuxtApp {
-        $mazDialog: DialogHandler;
-    }
-}

package/dist/runtime/plugins/dialog.js

@@ -1,7 +1,7 @@
 import { DialogHandler } from "maz-ui/plugins/dialog";
 import { defineNuxtPlugin } from "nuxt/app";
 export default defineNuxtPlugin(({ vueApp, $config }) => {
-  const dialogOptions = $config.public.mazUi?.composables?.useDialog;
+  const dialogOptions = $config.public.mazUi?.plugins?.dialog;
   const options = typeof dialogOptions === "object" ? dialogOptions : void 0;
   const instance = new DialogHandler(vueApp, options);
   const dialogServer = {

package/dist/runtime/plugins/maz-icon-path.d.ts

@@ -1,11 +0,0 @@
-declare const _default: import("#app").Plugin<{
-    mazIconPath: any;
-}> & import("#app").ObjectPlugin<{
-    mazIconPath: any;
-}>;
-export default _default;
-declare module '#app' {
-    interface NuxtApp {
-        $mazIconPath: string;
-    }
-}

package/dist/runtime/plugins/theme.d.ts

@@ -1,8 +0,0 @@
-import { type ThemeState } from '@maz-ui/themes';
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
-export default _default;
-declare module '#app' {
-    interface NuxtApp {
-        $mazThemeState: ThemeState;
-    }
-}

package/dist/runtime/plugins/theme.js

@@ -1,12 +1,10 @@
-import {
-  generateFullCSS,
-  mergePresets
-} from "@maz-ui/themes";
 import { MazUiTheme } from "@maz-ui/themes/plugin";
-import { getPreset } from "@maz-ui/themes/utils";
-import { generateCriticalCSS } from "@maz-ui/themes/utils/css-generator";
+import { CSS_IDS, generateCriticalCSS, generateFullCSS, getPreset, mergePresets } from "@maz-ui/themes/utils";
 import { defineNuxtPlugin, useCookie, useHead, useRequestHeaders } from "nuxt/app";
-function getServerInitialColorMode() {
+function getServerInitialColorMode(colorMode) {
+  if (colorMode !== "auto") {
+    return colorMode;
+  }
   const colorModeCookie = useCookie("maz-color-mode");
   if (colorModeCookie.value && ["light", "dark", "auto"].includes(colorModeCookie.value)) {
     return colorModeCookie.value;
@@ -23,70 +21,81 @@ function getServerInitialColorMode() {
   }
   return "auto";
 }
-function getServerIsDark(colorMode) {
-  return colorMode === "dark";
+function injectThemeCSS({
+  mode,
+  preset,
+  config
+}) {
+  const cssOptions = {
+    mode,
+    darkSelectorStrategy: config.darkModeStrategy ?? "class",
+    prefix: "maz"
+  };
+  if (config.injectCriticalCSS) {
+    const criticalCSS = generateCriticalCSS(preset, cssOptions);
+    useHead({
+      style: [{ innerHTML: criticalCSS, id: CSS_IDS.CRITICAL }]
+    });
+  }
+  if (config.injectAllCSSOnServer) {
+    const fullCSS = generateFullCSS(preset, cssOptions);
+    useHead({
+      style: [{ innerHTML: fullCSS, id: CSS_IDS.FULL }]
+    });
+  }
+}
+function getInjectCSSStates(config) {
+  const criticalCSSAlreadyInjected = import.meta.client && !!document.getElementById(CSS_IDS.CRITICAL);
+  const shouldInjectCriticalCSSOnClient = !!config.injectCriticalCSS && import.meta.client && !criticalCSSAlreadyInjected;
+  const fullCSSAlreadyInjected = import.meta.client && !!document.getElementById(CSS_IDS.FULL);
+  const shouldInjectFullCSSOnClient = !!config.injectFullCSS && import.meta.client && !fullCSSAlreadyInjected;
+  return {
+    shouldInjectCriticalCSSOnClient,
+    shouldInjectFullCSSOnClient
+  };
 }
 export default defineNuxtPlugin(async ({ vueApp, $config }) => {
-  const themeConfig = $config.public.mazUi?.theme;
-  let preset = await getPreset(themeConfig?.preset);
-  if (themeConfig?.overrides) {
-    preset = mergePresets(preset, themeConfig.overrides);
+  const options = $config.public.mazUi.theme;
+  let preset = await getPreset(options?.preset);
+  if (options?.overrides) {
+    preset = mergePresets(preset, options.overrides);
   }
   const config = {
     strategy: "hybrid",
     darkModeStrategy: "class",
-    prefix: "maz",
-    colorMode: "auto",
-    injectFullCSSOnServer: true,
-    ...themeConfig,
+    colorMode: options.mode && options.mode !== "both" ? options.mode : options.colorMode ?? "auto",
+    mode: "both",
+    injectAllCSSOnServer: false,
+    injectCriticalCSS: true,
+    injectFullCSS: true,
+    overrides: {},
+    ...options,
     preset
   };
-  const initialColorMode = config.colorMode === "auto" ? getServerInitialColorMode() : config.colorMode ?? "auto";
-  const serverIsDark = getServerIsDark(initialColorMode);
-  const initialIsDark = initialColorMode === "dark" || initialColorMode === "auto" && serverIsDark;
-  const themeState = {
-    currentPreset: config.preset,
-    colorMode: initialColorMode,
-    isDark: initialIsDark,
-    strategy: config.strategy,
-    darkModeStrategy: config.darkModeStrategy
-  };
-  if (import.meta.server) {
-    const cssOptions = {
-      mode: config.colorMode === "auto" ? "both" : config.colorMode,
-      darkSelectorStrategy: config.darkModeStrategy ?? "class",
-      prefix: config.prefix
-    };
-    const criticalCSS = generateCriticalCSS(themeState.currentPreset, cssOptions);
+  const colorMode = config.mode !== "both" ? config.mode : getServerInitialColorMode(config.colorMode);
+  const isDark = colorMode === "auto" && config.mode === "both" ? getServerInitialColorMode(config.colorMode) === "dark" : colorMode === "dark" || config.mode === "dark";
+  if (isDark && config.darkModeStrategy === "class") {
     useHead({
-      style: [
-        {
-          innerHTML: criticalCSS,
-          id: "maz-theme-critical"
-        }
-      ]
+      htmlAttrs: {
+        class: "dark"
+      }
+    });
+  }
+  const { shouldInjectCriticalCSSOnClient, shouldInjectFullCSSOnClient } = getInjectCSSStates(config);
+  if (import.meta.server) {
+    injectThemeCSS({
+      mode: config.mode,
+      preset: config.preset,
+      config
     });
-    if (config.injectFullCSSOnServer) {
-      const fullCSS = generateFullCSS(themeState.currentPreset, cssOptions);
-      useHead({
-        style: [{ innerHTML: fullCSS, id: "maz-theme-full" }]
-      });
-    }
-    if (initialIsDark && config.darkModeStrategy === "class") {
-      useHead({
-        htmlAttrs: {
-          class: "dark"
-        }
-      });
-    }
   }
   MazUiTheme.install(vueApp, {
-    ...config,
-    preset: themeState.currentPreset,
-    colorMode: themeState.colorMode,
-    strategy: themeState.strategy,
-    darkModeStrategy: themeState.darkModeStrategy,
-    injectFullCSS: !config.injectFullCSSOnServer,
-    injectCriticalCSS: false
+    colorMode,
+    preset: config.preset,
+    strategy: config.strategy,
+    darkModeStrategy: config.darkModeStrategy,
+    mode: config.mode,
+    injectFullCSS: shouldInjectFullCSSOnClient,
+    injectCriticalCSS: shouldInjectCriticalCSSOnClient
   });
 });

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

@@ -1,12 +0,0 @@
-import { ToastHandler } from 'maz-ui/plugins/toast';
-declare const _default: import("#app").Plugin<{
-    mazToast: ToastHandler;
-}> & import("#app").ObjectPlugin<{
-    mazToast: ToastHandler;
-}>;
-export default _default;
-declare module '#app' {
-    interface NuxtApp {
-        $mazToast: ToastHandler;
-    }
-}

package/dist/runtime/plugins/toast.js

@@ -1,7 +1,7 @@
 import { ToastHandler } from "maz-ui/plugins/toast";
 import { defineNuxtPlugin } from "nuxt/app";
 export default defineNuxtPlugin(({ vueApp, $config }) => {
-  const toastOptions = $config.public.mazUi?.composables?.useToast;
+  const toastOptions = $config.public.mazUi?.plugins?.toast;
   const options = typeof toastOptions === "object" ? toastOptions : void 0;
   const instance = new ToastHandler(vueApp, options);
   const toastServer = {

package/dist/runtime/plugins/translations.d.ts

@@ -1,8 +0,0 @@
-import { type MazTranslationsInstance } from '@maz-ui/translations';
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
-export default _default;
-declare module '#app' {
-    interface NuxtApp {
-        $mazTranslations: MazTranslationsInstance;
-    }
-}

package/dist/runtime/plugins/translations.js

@@ -1,6 +1,19 @@
 import { MazTranslations } from "@maz-ui/translations";
 import { defineNuxtPlugin } from "nuxt/app";
 export default defineNuxtPlugin(async ({ vueApp, $config }) => {
-  const translationsOptions = $config.public.mazUi?.translations;
-  await MazTranslations.install(vueApp, translationsOptions);
+  const translationsOptions = $config.public.mazUi.translations || {};
+  const i18n = MazTranslations.install(vueApp, translationsOptions);
+  if (import.meta.server) {
+    const locale = translationsOptions.locale || "en";
+    const fallbackLocale = translationsOptions.fallbackLocale || "en";
+    try {
+      await i18n.setLocale(locale);
+      if (locale !== fallbackLocale && translationsOptions.preloadFallback !== false) {
+        await i18n.setLocale(fallbackLocale);
+        await i18n.setLocale(locale);
+      }
+    } catch (error) {
+      console.warn("Failed to preload locale:", error);
+    }
+  }
 });

package/dist/runtime/plugins/v-click-outside.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
-export default _default;

package/dist/runtime/plugins/v-fullscreen-img.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
-export default _default;

package/dist/runtime/plugins/v-fullscreen-img.js

@@ -1,4 +1,6 @@
-import { vFullscreenImgInstall } from "maz-ui/directives/vFullscreenImg";
+import {
+  vFullscreenImgInstall
+} from "maz-ui/directives/vFullscreenImg";
 import { defineNuxtPlugin } from "nuxt/app";
 export default defineNuxtPlugin(({ vueApp }) => {
   vueApp.use(vFullscreenImgInstall);

package/dist/runtime/plugins/v-lazy-img.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
-export default _default;

package/dist/runtime/plugins/v-tooltip.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
-export default _default;

package/dist/runtime/plugins/v-zoom-img.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
-export default _default;

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

@@ -1,12 +0,0 @@
-import { WaitHandler } from 'maz-ui/plugins/wait';
-declare const _default: import("#app").Plugin<{
-    mazWait: WaitHandler;
-}> & import("#app").ObjectPlugin<{
-    mazWait: WaitHandler;
-}>;
-export default _default;
-declare module '#app' {
-    interface NuxtApp {
-        $mazWait: WaitHandler;
-    }
-}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maz-ui/nuxt",
   "type": "module",
-  "version": "4.0.0-beta.3",
+  "version": "4.0.0-beta.31",
   "description": "Nuxt module for Maz-UI",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -46,35 +46,34 @@
   ],
   "scripts": {
     "prepack": "nuxt-module-build build",
-    "build": "pnpm prepare && nuxt-module-build build",
-    "prepare": "nuxt-module-build build --stub && nuxt-module-build prepare",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare",
+    "build": "pnpm dev && nuxt-module-build build",
+    "dev": "nuxt-module-build build --stub && nuxt-module-build prepare",
     "lint": "cross-env NODE_ENV=production eslint .",
     "lint:fix": "pnpm lint --fix",
-    "format": "prettier --ignore-path .gitignore . --write",
-    "typecheck": "vue-tsc --noEmit --skipLibCheck --project tsconfig.check.json",
-    "release": "npm run lint && npm run prepack && changelogen --release && npm publish && git push --follow-tags"
+    "typecheck": "nuxi typecheck"
+  },
+  "peerDependencies": {
+    "nuxt": ">=3.4.0 <5.0.0"
   },
   "dependencies": {
-    "@maz-ui/themes": "4.0.0-beta.3",
-    "@maz-ui/translations": "4.0.0-beta.3",
-    "@nuxt/kit": "^3.17.4",
+    "@maz-ui/themes": "4.0.0-beta.27",
+    "@maz-ui/translations": "4.0.0-beta.27",
+    "@nuxt/kit": "^4.0.3",
     "defu": "^6.1.4",
-    "maz-ui": "4.0.0-beta.3"
+    "maz-ui": "4.0.0-beta.31"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^2.4.1",
-    "@nuxt/eslint-config": "^1.4.1",
-    "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.4",
-    "@nuxt/test-utils": "^3.19.1",
-    "nuxt": "^3.17.4",
-    "typescript": "~5.8.3",
+    "@nuxt/devtools": "^2.6.2",
+    "@nuxt/eslint-config": "^1.7.1",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.0.3",
+    "@nuxt/test-utils": "^3.19.2",
+    "nuxt": "^4.0.3",
+    "typescript": "~5.9.2",
     "vitest": "^3.2.4"
   },
   "lint-staged": {
-    "*": "prettier -w -u",
-    "*.{js,ts,mjs,mts,cjs,md}": "cross-env NODE_ENV=production eslint --fix"
+    "*.{js,ts,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"
   },
-  "gitHead": "f244a338c386a818da90b083800e0fe5f37bf655"
+  "gitHead": "1d16660bb8243d5a653fbe1bb1ba4d5d2ba6aec0"
 }