@maz-ui/mcp 4.1.1 → 4.1.2

package/dist/mcp.mjs

@@ -7,7 +7,7 @@ import { existsSync, readFileSync, readdirSync } from 'node:fs';
 import { resolve, dirname, join } from 'node:path';
 import { fileURLToPath } from 'node:url';
 
-const version = "4.1.1-beta.0";
+const version = "4.1.1";
 
 const _dirname = dirname(fileURLToPath(import.meta.url));
 class DocumentationService {

package/docs/src/blog/v4.md

@@ -0,0 +1,276 @@
+---
+title: Maz-UI v4.0.0 - The Complete Rebuild
+description: Discover the complete rebuild of Maz-UI - now with modular architecture, advanced tree-shaking, comprehensive theming system, and performance optimizations that will transform your Vue & Nuxt development experience.
+date: 2024-12-15
+author: Louis Mazel
+layout: doc
+head:
+  - - meta
+    - name: keywords
+      content: vue ui library, vue components, nuxt ui, maz-ui v4, tree-shaking, theming, typescript, performance
+---
+
+<img src="./../public/img/post-layer.png" alt="Maz-UI v4.0.0" class="maz-rounded maz-w-full maz-mb-12" />
+
+# Maz-UI v4.0.0 - The Complete Rebuild
+
+After months of development, I'm announcing **Maz-UI v4.0.0** — a complete architectural rebuild focused on performance, modularity, and developer experience.
+
+## Why I Built v4.0.0
+
+Modern applications require better performance, smaller bundle sizes, and improved developer tooling. Maz-UI v3 served its purpose, but I wanted to address these requirements with a ground-up rebuild.
+
+**The goals were:** Better tree-shaking, modular architecture, and enhanced TypeScript support.
+
+## What's New
+
+### Modular Architecture
+
+Maz-UI v4 uses a monorepo structure where every component, composable, directive, and utility can be imported independently. This gives you better control over your bundle size.
+
+### Bundle Size Improvements
+
+Optimal tree-shaking implementation results in **60-90% bundle size reductions** compared to v3. You can now import exactly what you need.
+
+```typescript
+// Before v4: Large bundle with unused code
+import * as MazUI from 'maz-ui'
+
+// v4: Surgical imports for minimal bundles
+import MazBtn from 'maz-ui/components/MazBtn'
+import { useToast } from 'maz-ui/composables'
+import { formatCurrency } from 'maz-ui/utils'
+```
+
+### Theme System
+
+#### Four Theme Presets
+
+Choose from four pre-built themes:
+
+- **Maz-UI**: Vibrant and modern with signature Maz-UI aesthetics
+- **Pristine**: Minimalist elegance
+- **Ocean**: Fresh aquatic theme with deep blues and coral accents
+- **Obsidian**: Sophisticated dark theme focused on readability
+
+#### HSL CSS Variables & Smart Dark Mode
+
+The theming system uses HSL variables for flexibility, with automatic color scale generation (50-950) and dark mode support.
+
+```typescript
+import { MazUi } from 'maz-ui/plugins/maz-ui'
+import { ocean } from '@maz-ui/themes/presets'
+
+app.use(MazUi, {
+  theme: {
+    preset: ocean,
+    strategy: 'hybrid', // Optimal performance
+    darkModeStrategy: 'class'
+  }
+})
+```
+
+### Internationalization
+
+#### Multi-language Support
+
+Support for 9 languages: English, French, German, Spanish, Italian, Portuguese, Japanese, and Chinese, with custom language integration.
+
+```typescript
+import { MazUi } from 'maz-ui/plugins/maz-ui'
+import { fr, en } from '@maz-ui/translations'
+
+app.use(MazUi, {
+  translations: {
+    locale: 'fr',
+    fallbackLocale: 'en',
+    messages: { fr, en }
+  }
+})
+```
+
+### Specialized Ecosystem Packages
+
+- **@maz-ui/icons** - 840+ Icons
+SVG icon library with Vue components, direct SVG files, and auto-import support.
+
+- **@maz-ui/nuxt** - Nuxt Integration
+Nuxt module with auto-imports and SSR support.
+
+- **@maz-ui/themes** - Theming System
+Pre-built theme collections and design tokens.
+
+- **@maz-ui/translations** - Internationalization
+Lightweight i18n system for Maz-UI components.
+
+- **@maz-ui/mcp** - MCP Server
+Model Context Protocol server that connects AI agents to Maz-UI documentation.
+
+### New & Enhanced Components
+
+- **MazPopover** - Overlay Component
+Popover with positioning, trigger modes, and accessibility features.
+
+- **MazSelectCountry** - Country Selector
+Country/language selector with i18n support and flag display.
+
+- **MazLink** - Link Component
+Replaces `MazBtn variant="link"` with auto-external detection and icons.
+
+- **MazExpandAnimation** - CSS Grid Animations
+Replaces `MazTransitionExpand` with v-model control and timing functions.
+
+- **MazDropzone** - File Upload
+Rewritten without external dependencies, featuring auto-upload and event handling.
+
+## Performance Improvements
+
+| Metric | v3.x | v4.0.0 | Improvement |
+|--------|------|--------|-------------|
+| **Bundle Size** | ~500KB | ~50-200KB | **60-90%** reduction |
+| **Tree-shaking** | Limited | Optimal | Perfect granular imports |
+| **TypeScript** | Good | Excellent | Strict types with auto-completion |
+| **Build Speed** | Standard | Enhanced | Faster compilation |
+
+## Developer Experience
+
+### TypeScript-First Architecture
+
+All components, composables, and utilities include TypeScript definitions with IDE auto-completion. Types are prefixed with `Maz` for consistency.
+
+### Auto-Import Resolvers
+
+Integration with `unplugin-vue-components` and `unplugin-auto-import` for auto-imports.
+
+### Composable-Based Architecture
+
+Several utilities are now Vue composables:
+
+```typescript
+// Before: Utility function
+import { idleTimeout } from 'maz-ui'
+
+// v4: Vue composable with reactive state
+import { useIdleTimeout } from 'maz-ui/composables'
+const { isIdle } = useIdleTimeout({ timeout: 5000 })
+```
+
+### Enhanced Development Tools
+
+- Nuxt DevTools integration
+- Interactive documentation with live examples
+- Comprehensive migration guides
+- MCP server for AI-assisted development
+
+## Key Features
+
+### Modular
+
+Import individual components without the entire library. Tree-shaking ensures minimal bundle size.
+
+### SSR Compatible
+
+Compatible with Nuxt and server-side rendering.
+
+### TypeScript Support
+
+Built with TypeScript with auto-completion and type safety.
+
+### Theming System
+
+HSL-based theming with CSS custom properties and multiple rendering strategies.
+
+### Dark Mode
+
+Components support light and dark themes with system preference detection.
+
+### Complete Ecosystem
+
+Components, plugins, directives, composables, and utilities.
+
+## Getting Started
+
+### For Vue Projects
+
+```bash
+npm install maz-ui@4.0.0
+```
+
+```typescript
+// main.ts
+import { createApp } from 'vue'
+import { MazUi } from 'maz-ui/plugins/maz-ui'
+import { mazUi } from '@maz-ui/themes/presets'
+import { fr } from '@maz-ui/translations'
+import 'maz-ui/styles'
+
+const app = createApp(App)
+
+app.use(MazUi, {
+  theme: { preset: mazUi },
+  translations: {
+    locale: 'fr',
+    fallbackLocale: 'en',
+    messages: { fr }
+  }
+})
+
+app.mount('#app')
+```
+
+### For Nuxt Projects
+
+```bash
+npm install @maz-ui/nuxt
+```
+
+```typescript
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: ['@maz-ui/nuxt'],
+})
+```
+
+## Migration Resources
+
+To help with migration from v3 to v4:
+
+- **[Complete Migration Guide](../guide/migration-v4.md)** - Step-by-step migration instructions
+- **[MCP Integration](../guide/mcp.md)** - Connect AI agents for migration assistance
+- **[Interactive Examples](../index.md)** - Live demonstrations of new features
+- **[Community Support](https://github.com/LouisMazel/maz-ui/discussions)** - Get help from the community
+
+## Summary
+
+Maz-UI v4.0.0 is a complete rebuild focusing on performance, modularity, and developer experience. The new architecture provides better tree-shaking, smaller bundles, and improved TypeScript support.
+
+Whether you're building a small project or large application, v4 offers the components and tools you need with better performance characteristics.
+
+## Essential Links
+
+- **[Get Started](/guide/getting-started)** - Installation and setup
+- **[View Components](/components/maz-btn)** - Explore 50+ components
+- **[Migration Guide](/guide/migration-v4)** - Upgrade from v3.x
+- **[GitHub Repository](https://github.com/LouisMazel/maz-ui)** - Source code & issues
+- **[Changelog](https://github.com/LouisMazel/maz-ui/blob/master/CHANGELOG.md)** - Detailed release notes
+- **[v3 Documentation](https://v3.maz-ui.com)** - Legacy version support
+
+## Get Started
+
+**Ready to try Maz-UI v4.0.0?**
+
+<div class="maz-flex maz-gap-4 maz-mt-8 maz-flex-wrap">
+  <MazBtn href="https://maz-ui.com/guide/getting-started" size="lg">
+    Get Started Now
+  </MazBtn>
+  <MazBtn href="https://maz-ui.com/guide/migration-v4" color="background" outlined size="lg">
+    Migration Guide
+  </MazBtn>
+  <MazBtn href="https://github.com/LouisMazel/maz-ui" color="background" outlined size="lg" target="blank">
+    View on GitHub
+  </MazBtn>
+</div>
+
+---
+
+*Feel free to share your feedback and contribute to the project on GitHub.*

package/docs/src/components/maz-slider.md

@@ -29,10 +29,10 @@ const sliderValue = ref(50)
 
 ### Step
 
-<MazSlider v-model="sliderValue" :step="10" class="vp-raw" />
+<MazSlider v-model="sliderStepValue" :step="10" class="vp-raw" />
 
 ```html
-<MazSlider v-model="sliderValue" :step="10" class="vp-raw" />
+<MazSlider v-model="value" :step="10" class="vp-raw" />
 ```
 
 ### Multiple sliders & labels
@@ -181,6 +181,7 @@ const multipleSilders = ref([25, 50, 75])
 <script lang="ts" setup>
   import { ref } from 'vue'
   const sliderValue = ref(50)
+  const sliderStepValue = ref(50)
   const multipleSilders = ref([25, 50, 75])
   const multipleSildersLabels = ['Small', 'Middle', 'Big']
 

package/docs/src/guide/getting-started.md

@@ -19,7 +19,7 @@ head:
 - 🆕 **New components** - MazPopover & MazSelectCountry
 - 🎨 **Theming system** - Customizable themes and dark mode support (4 presets available) - [@maz-ui/themes](./themes.md)
 - 🌐 **Internationalization** - Locale management and tree-shakable imports - [@maz-ui/translations](./translations.md)
-- 🎨 **Icon library** - Comprehensive collection of SVG icons designed for performance and flexibility (300+ icons) - [@maz-ui/icons](./icons.md)
+- 🎨 **Icon library** - Comprehensive collection of SVG icons designed for performance and flexibility (400+ icons) - [@maz-ui/icons](./icons.md)
 - 🧰 **Nuxt module** - Effortless Maz-UI integration with auto-imports - [@maz-ui/nuxt](./nuxt.md)
 - 🤖 **MCP** - Connect your IA agents to the documentation - [@maz-ui/mcp](./mcp.md)
 
@@ -131,7 +131,7 @@ npm install @maz-ui/icons
 
 **Features:**
 
-- 300+ icons
+- 840+ icons
 - Usable as Vue components (e.g. `<MazStar />`)
 - Tree-shakable imports
 - Multiple sizes and variants

package/docs/src/guide/icon-set.md

@@ -1,6 +1,6 @@
-# Icon Set (300+ icons)
+# Icon Set (840+ icons)
 
-The library includes **300+ carefully**
+The library includes **840+ carefully**
 
 ## Icon Naming Convention
 
@@ -16,13 +16,16 @@ All icons follow a consistent naming pattern:
     <div class="maz-flex maz-gap-2 maz-items-start">
       <MazInput v-model="search" label="Search icon" @update:model-value="search = $event.trim()" :left-icon="MazIcons.MazMagnifyingGlass" class="flex-1" :assistive-text="`${filteredIcons.length} icons found`" />
     </div>
+    <MazTabs v-model="currentTab">
+      <MazTabsBar :items="tabs" />
+    </MazTabs>
     <div class="maz-grid maz-grid-cols-3 maz-gap-2">
-      <div v-for="icon in filteredIcons" :key="icon.label" class="maz-flex maz-flex-col maz-items-center maz-gap-3 maz-text-center maz-border maz-border-solid maz-border-divider maz-rounded maz-p-4 maz-truncate hover:maz-bg-surface-600/50 dark:hover:maz-bg-surface-400">
-        <Component :is="icon.value" class="maz-size-8" />
-        <span class="maz-text-xs maz-text-muted maz-truncate">{{ icon.label }}</span>
+      <div v-for="icon in filteredIcons" :key="icon.name" class="maz-flex maz-flex-col maz-items-center maz-gap-3 maz-text-center maz-border maz-border-solid maz-border-divider maz-rounded maz-p-4 maz-truncate hover:maz-bg-surface-600/50 dark:hover:maz-bg-surface-400">
+        <Component :is="icon.component" class="maz-size-8" />
+        <span class="maz-text-xs maz-text-muted maz-truncate">{{ icon.name }}</span>
         <div class="maz-flex maz-flex-row maz-gap-2 maz-w-full">
-          <MazBtn v-tooltip="'Copy Name'" class="maz-flex-1" size="xs" color="background" outlined @click="copyIcon(icon.label)" :icon="MazClipboardDocument" />
-          <MazBtn v-tooltip="'Copy Import'" class="maz-flex-1" size="xs" color="background" outlined @click="copyIconImport(icon.label)" :icon="MazClipboardDocumentList" />
+          <MazBtn v-tooltip="{ text: 'Copy Name', panelClass: 'maz-text-xs' }" class="maz-flex-1" size="xs" color="background" outlined @click="copyIcon(icon.name)" :icon="MazClipboardDocument" />
+          <MazBtn v-tooltip="{ text: 'Copy Import', panelClass: 'maz-text-xs' }" class="maz-flex-1" size="xs" color="background" outlined @click="copyIconImport(icon.name)" :icon="MazClipboardDocumentList" />
         </div>
       </div>
     </div>
@@ -36,20 +39,51 @@ import { vTooltip } from 'maz-ui/directives/vTooltip'
 import { MazClipboardDocument, MazClipboardDocumentList } from '@maz-ui/icons'
 
 const MazIcons = await import('@maz-ui/icons')
-const { success} = useToast()
 
 const icons = Object.entries(MazIcons).sort(([nameA, _], [nameB, __]) => nameA.localeCompare(nameB)).map(([name, component]) => ({
-  label: name,
-  value: component,
+  name,
+  component,
 }))
 
+const { commonIcons, flags, flagsSquare, all } = icons.reduce((acc, iconComponent) => {
+  if (iconComponent.name.startsWith('MazFlagSquare')) {
+    acc.flagsSquare.push(iconComponent)
+  }
+  else if (iconComponent.name.startsWith('MazFlag') && iconComponent.name.length >= 8) acc.flags.push(iconComponent)
+  else if (iconComponent.name.startsWith('Maz')) acc.commonIcons.push(iconComponent)
+
+  acc.all.push(iconComponent)
+
+  return acc
+}, {
+  commonIcons: [],
+  flags: [],
+  flagsSquare: [],
+  all: [],
+})
+
+const currentTab = ref(1)
+
+const tabs = [
+  { label: 'All', badge: { color: 'secondary', content: all.length, roundedSize: 'full' } },
+  { label: 'Icons', badge: { color: 'secondary', content: commonIcons.length, roundedSize: 'full' } },
+  { label: 'Flags', badge: { color: 'secondary', content: flags.length, roundedSize: 'full' } },
+  { label: 'Flags Square', badge: { color: 'secondary', content: flagsSquare.length, roundedSize: 'full' } },
+]
+
+const { success } = useToast()
+
 const search = ref()
 
 const filteredIcons = computed(() => {
+  const _currentTab = currentTab.value
+
+  const baseIcons = _currentTab === 1 ? all : _currentTab === 2 ? commonIcons : _currentTab === 3 ? flags : _currentTab === 4 ? flagsSquare : all
+
   const _search = search.value?.toLowerCase().replace(/\s/g, '')
-  if (!_search) return icons
+  if (!_search) return baseIcons
 
-  return icons.filter(icon => icon.label.toLowerCase().includes(_search) || _search.includes(icon.label.toLowerCase()))
+  return baseIcons.filter(icon => icon.name.toLowerCase().includes(_search) || _search.includes(icon.name.toLowerCase()))
 })
 
 const copyIcon = (icon) => {

package/docs/src/guide/icons.md

@@ -4,7 +4,7 @@ A comprehensive collection of **328 beautiful SVG icons** ready for use in your
 
 ## Features
 
-- **300+ icons** - Comprehensive set covering all common use cases
+- **840+ icons** - All icons are available [in the icon set page](./icon-set.md)
 - **Multiple usage patterns** - Direct SVG files, Vue components, or auto-import
 - **TypeScript support** - Full type definitions included
 - **Tree-shakeable** - Import only the icons you need
@@ -270,7 +270,7 @@ All icons support CSS custom properties for advanced styling:
 
 ## Available Icons
 
-The library includes **300+ carefully** covering all common use cases:
+The library includes **840+ carefully** covering all common use cases:
 
 ### Icon Naming Convention
 

package/docs/src/guide/migration-v4.md

@@ -5,7 +5,11 @@ description: Complete guide to migrate from Maz-UI v3.x to v4.0.0 - Modular arch
 
 # {{ $frontmatter.title }}
 
-Welcome to the most comprehensive migration guide for upgrading from Maz-UI v3.x to v4.0.0. This major version revolutionizes the library architecture with a modular approach, optimized performance, and enhanced developer experience.
+Maz-UI v4.0.0 isn’t just an update — it’s a complete rebuild designed to give developers more flexibility and simplicity.
+
+The library is now split into independent packages, allowing you to install and use only what you need.\
+The theme system has been redesigned to make customizing and managing multiple themes easier, while the internationalization system offers full control over translations.\
+Performance has also been significantly improved thanks to optimal tree-shaking, more efficient minification, and a modernized architecture.
 
 ::: tip Connected to Maz-UI MCP
 
@@ -17,12 +21,12 @@ Follow the [MCP](/guide/mcp) guide to connect your AI assistant to Maz-UI's docu
 
 ### Architectural Revolution
 
-v4.0.0 isn't just an update, it's a **complete rebuild** that transforms Maz-UI into a modern, performant component library:
+v4.0.0 isn't just an update, it's a **complete rebuild** that transforms Maz-UI into a modern and performant library:
 
 #### Optimized Tree-Shaking
 
 - **Dramatic bundle reduction**: 60-90% size reduction
-- **Granular imports**: Every component, directive, and utility is individually importable
+- **Granular imports**: Every component, composables, plugins, directive, and utility is individually importable
 - **Modern bundlers**: Perfect compatibility with Vite, Webpack 5, Rollup
 
 #### Modular Architecture
@@ -35,15 +39,16 @@ v4.0.0 isn't just an update, it's a **complete rebuild** that transforms Maz-UI
 
 - **Predefined presets**: `mazUi`, `obsidian`, `ocean`, `pristine`
 - **Dynamic CSS Variables**: Automatic CSS variable generation
-- **Intelligent dark mode**: Configurable strategies for dark mode
+- **Intelligent dark mode**: Configurable strategies for dark mode based on system preferences and user choice stored in cookies
 
 #### Complete Internationalization
 
-- **9 supported languages**: EN, FR, DE, ES, IT, PT, JA, ZH-CN
+- **9 supported languages by default**: EN, FR, DE, ES, IT, PT, JA, ZH-CN
+- **Add your own languages**: Easy integration of custom translations
 - **Translation system**: Vue plugin and dedicated composables
 - **Automatic fallback**: Smart handling of missing translations
 
-#### New Components
+#### New Components or refactored
 
 - **MazLink**: Modern link component replacing `MazBtn variant="link"`
 - **MazExpandAnimation**: CSS Grid expansion animation (replaces `MazTransitionExpand`)
@@ -63,10 +68,10 @@ v4.0.0 separates functionality into specialized packages for better modularity:
 | **@maz-ui/themes** | Theme system and presets | New |
 | **@maz-ui/translations** | i18n translations | New |
 | **@maz-ui/utils** | JavaScript/TypeScript utilities | New |
-| **@maz-ui/icons** | SVG icons (336+ icons) | 🆕 New |
-| **@maz-ui/cli** | CLI for theme generation | 🆕 New |
-| **@maz-ui/nuxt** | Nuxt 3 module | 🆕 New |
-| **@maz-ui/mcp** | MCP server for IA agent | 🆕 New |
+| **@maz-ui/icons** | SVG icons and flags (840+ icons) | New |
+| **@maz-ui/cli** | CLI for theme generation | Renamed |
+| **@maz-ui/nuxt** | Nuxt 3 module | New |
+| **@maz-ui/mcp** | MCP server for IA agent | New |
 
 ## Migration Checklist
 
@@ -88,10 +93,10 @@ npm uninstall dropzone
 
 **Updated peer dependencies:**
 - **Vue**: `^3.5.0` (was `^3.0.0`)
-- **unplugin-vue-components**: `>=28.0.0` (was `>=0.27.0`)
-- **unplugin-auto-import**: `>=19.0.0` (was `>=0.18.0`)
+- **unplugin-vue-components**: `>=28.0.0`
+- **unplugin-auto-import**: `>=19.0.0`
 
-### Step 2: Vue Plugin Configuration
+### Vue users - Plugin configuration
 
 **NEW**: v4.0.0 introduces a mandatory Vue plugin for configuration.
 
@@ -123,7 +128,7 @@ import App from './App.vue'
 
 const app = createApp(App)
 
-// 🆕 NEW: MazUi plugin required
+// NEW: MazUi plugin required
 app.use(MazUi, {
   // Theme configuration (optional)
   theme: {
@@ -142,7 +147,7 @@ app.use(MazUi, {
 app.mount('#app')
 ```
 
-### Step 3: Nuxt Configuration
+### Nuxt users - Module Configuration
 
 **NEW**: Dedicated Nuxt module with simplified API.
 
@@ -163,9 +168,9 @@ export default defineNuxtConfig({
 ```typescript
 // nuxt.config.ts
 export default defineNuxtConfig({
-  modules: ['@maz-ui/nuxt'], // 🆕 New package
+  modules: ['@maz-ui/nuxt'], // New package
   mazUi: {
-    // 🆕 New configuration API
+    // New configuration API
     theme: {
       preset: 'maz-ui',
       strategy: 'hybrid',
@@ -190,7 +195,7 @@ export default defineNuxtConfig({
 })
 ```
 
-### Step 4: Import Migration
+### Import Migration
 
 **MAJOR CHANGE**: New modular import structure.
 
@@ -463,7 +468,7 @@ import { MazDialogPromise } from 'maz-ui'
 import { MazDialogConfirm } from 'maz-ui'
 ```
 
-## 🔧 Composable Changes
+## Composable Changes
 
 ### useDialog - API Changes
 
@@ -829,69 +834,69 @@ app.use(MazUi)
 
 ### Dependencies
 
-- [ ] Update maz-ui to v4.0.0+
-- [ ] Remove `dropzone` dependency
-- [ ] Update Vue to v3.5+
-- [ ] Update unplugin-auto-import to v19+
-- [ ] Update unplugin-vue-components to v28+
+- <MazCheckbox> Update maz-ui to v4.0.0+ </MazCheckbox>
+- <MazCheckbox> Remove `dropzone` dependency </MazCheckbox>
+- <MazCheckbox> Update Vue to v3.5+ </MazCheckbox>
+- <MazCheckbox> Update unplugin-auto-import to v19+ </MazCheckbox>
+- <MazCheckbox> Update unplugin-vue-components to v28+ </MazCheckbox>
 
 ### Configuration
 
-- [ ] Add MazUi plugin in main.ts
-- [ ] Configure theme with new system
-- [ ] Configure translations with new system
-- [ ] Migrate Nuxt configuration to @maz-ui/nuxt
+- <MazCheckbox> Add MazUi plugin in main.ts </MazCheckbox>
+- <MazCheckbox> Configure theme with new system </MazCheckbox>
+- <MazCheckbox> Configure translations with new system </MazCheckbox>
+- <MazCheckbox> Migrate Nuxt configuration to @maz-ui/nuxt (if using Nuxt) </MazCheckbox>
 
 ### Imports
 
-- [ ] Migrate plugin imports to `maz-ui/plugins/*`
-- [ ] Migrate directive imports to `maz-ui/directives/*`
-- [ ] Migrate composable imports to `maz-ui/composables/*`
-- [ ] Update utility imports (currency → formatCurrency, etc.)
+- <MazCheckbox> Migrate plugin imports to `maz-ui/plugins/*` </MazCheckbox>
+- <MazCheckbox> Migrate directive imports to `maz-ui/directives/*` </MazCheckbox>
+- <MazCheckbox> Migrate composable imports to `maz-ui/composables/*` </MazCheckbox>
+- <MazCheckbox> Update utility imports (e.g. currency → formatCurrency, etc.) </MazCheckbox>
 
 ### Components
 
-- [ ] Replace `MazBtn variant="link"` with `MazLink`
-- [ ] Update `MazBtn outline` to `outlined`
-- [ ] Rename `MazPhoneNumberInput` to `MazInputPhoneNumber`
-- [ ] Rename `MazPicker` to `MazDatePicker`
-- [ ] Replace `MazTransitionExpand` with `MazExpandAnimation`
-- [ ] Update `MazDropdown`/`MazSelect` position props
-- [ ] Rename `MazDialogPromise` to `MazDialogConfirm`
-- [ ] Check new `MazDropzone` props
-- [ ] Rename `MazPicker` to `MazDatePicker`
+- <MazCheckbox> Replace `MazBtn variant="link"` with `MazLink` </MazCheckbox>
+- <MazCheckbox> Update `MazBtn outline` to `outlined` </MazCheckbox>
+- <MazCheckbox> Rename `MazPhoneNumberInput` to `MazInputPhoneNumber` </MazCheckbox>
+- <MazCheckbox> Rename `MazPicker` to `MazDatePicker` </MazCheckbox>
+- <MazCheckbox> Replace `MazTransitionExpand` with `MazExpandAnimation` </MazCheckbox>
+- <MazCheckbox> Update `MazDropdown`/`MazSelect` position props </MazCheckbox>
+- <MazCheckbox> Rename `MazDialogPromise` to `MazDialogConfirm` </MazCheckbox>
+- <MazCheckbox> Check new `MazDropzone` props </MazCheckbox>
+- <MazCheckbox> Rename `MazPicker` to `MazDatePicker` </MazCheckbox>
 
 ### API Changes
 
-- [ ] Migrate `useDialog` from Promise to callback API
-- [ ] Rename `useLanguageDisplayNames` to `useDisplayNames`
-- [ ] Update `@update` to `@data` in `MazInputPhoneNumber`
-- [ ] Replace removed colors (theme → contrast, danger → destructive)
-- [ ] Remove `v-closable` directive usage
+- <MazCheckbox> Migrate `useDialog` from Promise to callback API </MazCheckbox>
+- <MazCheckbox> Rename `useLanguageDisplayNames` to `useDisplayNames` </MazCheckbox>
+- <MazCheckbox> Update `@update` to `@data` in `MazInputPhoneNumber` </MazCheckbox>
+- <MazCheckbox> Replace removed colors (theme → contrast, danger → destructive) </MazCheckbox>
+- <MazCheckbox> Remove `v-closable` directive usage </MazCheckbox>
 
 ### Helpers to Composables
 
-- [ ] Migrate `idleTimeout` to `useIdleTimeout`
-- [ ] Migrate `userVisibility` to `useUserVisibility`
-- [ ] Migrate `mountComponent` to `useMountComponent`
-- [ ] Migrate `injectStrict` to `useInjectStrict`
-- [ ] Migrate `freezeValue` to `useFreezeValue`
+- <MazCheckbox> Migrate `idleTimeout` to `useIdleTimeout` </MazCheckbox>
+- <MazCheckbox> Migrate `userVisibility` to `useUserVisibility` </MazCheckbox>
+- <MazCheckbox> Migrate `mountComponent` to `useMountComponent` </MazCheckbox>
+- <MazCheckbox> Migrate `injectStrict` to `useInjectStrict` </MazCheckbox>
+- <MazCheckbox> Migrate `freezeValue` to `useFreezeValue` </MazCheckbox>
 
 ### TypeScript
 
-- [ ] Update all type imports to use `Maz` prefix
-- [ ] Update prop type imports (Props → MazBtnProps)
-- [ ] Update generic types (Color → MazColor, Size → MazSize)
+- <MazCheckbox> Update all type imports to use `Maz` prefix </MazCheckbox>
+- <MazCheckbox> Update prop type imports (e.g. Props → MazBtnProps) </MazCheckbox>
+- <MazCheckbox> Update generic types (e.g. Color → MazColor, Size → MazSize) </MazCheckbox>
 
 ### Testing and Validation
 
-- [ ] Test TypeScript compilation
-- [ ] Test production build
-- [ ] Check bundle size
-- [ ] Run unit tests
-- [ ] Test in development and production
-- [ ] Test SSR/Nuxt if applicable
-- [ ] Validate critical functionality
+- <MazCheckbox> Test TypeScript compilation </MazCheckbox>
+- <MazCheckbox> Test production build </MazCheckbox>
+- <MazCheckbox> Check bundle size </MazCheckbox>
+- <MazCheckbox> Run unit tests </MazCheckbox>
+- <MazCheckbox> Test in development and production </MazCheckbox>
+- <MazCheckbox> Test SSR/Nuxt if applicable </MazCheckbox>
+- <MazCheckbox> Validate critical functionality </MazCheckbox>
 
 ## Additional Resources
 

package/docs/src/index.md

@@ -20,8 +20,8 @@ description: Build amazing interfaces with Maz-UI - standalone components & tool
     Discover the latest major release with improved performance, better tree-shaking, and enhanced TypeScript support, advanced theming, translations, icons set and more.
   </p>
 
-  <div class="maz-flex maz-gap-2 maz-justify-center maz-flex-wrap">
-    <MazBtn href="https://v3.maz-ui.com" color="contrast" outlined class="dark maz-w-full mob-l:maz-w-auto" target="blank">
+  <div class="maz-flex maz-gap-2 maz-justify-center maz-flex-wrap maz-flex-col-reverse mob-l:maz-flex-row">
+    <MazBtn href="https://v3.maz-ui.com" color="contrast" outlined class="dark maz-w-full mob-l:maz-w-auto">
       V3 documentation
     </MazBtn>
     <MazBtn href="https://github.com/LouisMazel/maz-ui/blob/master/CHANGELOG.md" color="contrast" outlined class="dark maz-w-full mob-l:maz-w-auto" target="blank">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maz-ui/mcp",
   "type": "module",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "description": "Maz-UI ModelContextProtocol Client",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -58,12 +58,12 @@
     "test:unit:coverage": "pnpm generate:docs && vitest run --coverage"
   },
   "dependencies": {
-    "@maz-ui/node": "4.1.1",
-    "@maz-ui/utils": "4.1.1",
+    "@maz-ui/node": "4.1.2",
+    "@maz-ui/utils": "4.1.2",
     "@modelcontextprotocol/sdk": "^1.17.2"
   },
   "devDependencies": {
-    "@maz-ui/eslint-config": "4.1.1",
+    "@maz-ui/eslint-config": "4.1.2",
     "@modelcontextprotocol/inspector": "^0.16.2",
     "@swc/core": "1.13.3",
     "@types/node": "^24.2.1",
@@ -80,5 +80,5 @@
   "lint-staged": {
     "*.{js,ts,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"
   },
-  "gitHead": "d5061e40c3317cb039d4058013f77a87c18e45b5"
+  "gitHead": "7be37c69c61b31f83699a61039b407ff196facc4"
 }