@maz-ui/mcp 4.9.3 → 5.0.0-beta.1

package/docs/src/made-with-maz-ui.md

@@ -15,18 +15,18 @@ Propose your website by opening an [issue](https://github.com/LouisMazel/maz-ui/
 :::
 
 <div class="flex flex-col" style="display: flex; flex-direction: column; gap: 2rem">
-  <MazCard zoom v-for="({images, description, link, title, github }, i) in projects" :key="i" class="maz-w-full" elevation :gallery="{ images, height: 350 }">
-    <h1 class="maz-m-0" style="margin-bottom: 16px;">
+  <MazCard zoom v-for="({images, description, link, title, github }, i) in projects" :key="i" class="maz:w-full" elevation :gallery="{ images, height: 350 }">
+    <h1 class="maz:m-0" style="margin-bottom: 16px;">
       {{ title }}
     </h1>
-    <h5 class="maz-m-0">
+    <h5 class="maz:m-0">
       {{ description }}
     </h5>
     <template #footer>
-      <MazBtn v-if="github" color="black" :href="github" target="_blank" left-icon="github" class="maz-me-4">
+      <MazBtn v-if="github" color="black" :href="github" target="_blank" left-icon="/github.svg" class="maz:me-4">
         Github
       </MazBtn>
-      <MazBtn :href="link" target="_blank" left-icon="arrow-top-right-on-square">
+      <MazBtn :href="link" target="_blank" left-icon="/arrow-top-right-on-square.svg">
         Show
       </MazBtn>
     </template>

package/docs/src/plugins/aos.md

@@ -23,7 +23,7 @@ import router from './router'
 import { AosPlugin, AosOptions } from 'maz-ui/plugins/aos'
 
 // ⚠️ import necessary CSS file ⚠️
-import 'maz-ui/aos-styles'
+import 'maz-ui/aos.css'
 
 const app = createApp(App)
 
@@ -67,7 +67,7 @@ export default defineNuxtConfig({
 ## Basic usage
 
 <MazCard overflow-hidden data-maz-aos="scale-out" id="parentCard">
-  <div class="maz-flex" style="display: flex; align-items: start; gap: 1rem; margin-bottom: 1rem;">
+  <div class="maz:flex" style="display: flex; align-items: start; gap: 1rem; margin-bottom: 1rem;">
     <MazAvatar
       data-maz-aos-delay="300"
       data-maz-aos="scale-in"
@@ -87,7 +87,7 @@ export default defineNuxtConfig({
         data-maz-aos="zoom-in-left"
         data-maz-aos-delay="900"
         style="margin: 0"
-        class="maz-text-muted"
+        class="maz:text-muted"
       >
         Library
       </p>
@@ -105,7 +105,7 @@ export default defineNuxtConfig({
 
 ```html{1,13}
 <MazCard overflow-hidden data-maz-aos="scale-out" id="parentCard">
-  <div class="maz-flex" style="display: flex; align-items: start; gap: 1rem; margin-bottom: 1rem;">
+  <div class="maz:flex" style="display: flex; align-items: start; gap: 1rem; margin-bottom: 1rem;">
     <MazAvatar
       data-maz-aos-delay="300"
       data-maz-aos="scale-in"
@@ -125,7 +125,7 @@ export default defineNuxtConfig({
         data-maz-aos="zoom-in-left"
         data-maz-aos-delay="900"
         style="margin: 0"
-        class="maz-text-muted"
+        class="maz:text-muted"
       >
         Library
       </p>
@@ -240,7 +240,7 @@ Should be executed on client side
 
 ```ts
 export default defineNuxtConfig({
-  css: ['maz-ui/aos-styles'],
+  css: ['maz-ui/aos.css'],
 })
 ```
 

package/docs/src/plugins/dialog.md

@@ -98,7 +98,7 @@ async function openDialog() {
 The buttons property allows you to display custom buttons in the dialog and replace the default confirm and cancel buttons. You can use all props of [`MazBtn`](./../components/maz-btn.md#props) component. Each button can have a custom action to execute when clicked.
 
 <ComponentDemo>
-  <div class="maz-flex maz-flex-wrap maz-gap-2">
+  <div class="maz:flex maz:flex-wrap maz:gap-2">
     <MazBtn color="contrast" @click="openDialogActions">
       Show dialog with custom buttons
     </MazBtn>
@@ -162,7 +162,7 @@ function openDialogActions() {
 The buttons property allows you to display custom buttons in the dialog and replace the default confirm and cancel buttons. Each button can have a custom response to return when clicked. The type property allows you to define the type of the button. The response property allows you to define the response of the promise when the button is clicked.
 
 <ComponentDemo>
-  <div class="maz-flex maz-flex-wrap maz-gap-2">
+  <div class="maz:flex maz:flex-wrap maz:gap-2">
     <MazBtn color="contrast" @click="openDialogResponse">
       Show dialog with custom response
     </MazBtn>
@@ -224,7 +224,7 @@ async function openDialogResponse() {
 You can close the dialog programmatically by calling the close method returned by the open method.
 
 <ComponentDemo>
-  <div class="maz-flex maz-flex-wrap maz-gap-2">
+  <div class="maz:flex maz:flex-wrap maz:gap-2">
     <MazBtn color="contrast" @click="openAndCloseDialog">
       Open and close dialog
     </MazBtn>
@@ -313,7 +313,7 @@ type DialogOptions = Partial<Omit<MazDialogConfirmProps, 'modelValue'>> & {
 ```
 
 <script lang="ts" setup>
-  import { useDialog, useToast } from 'maz-ui/src/composables/index'
+  import { useDialog, useToast } from 'maz-ui/composables'
 
   const dialog = useDialog()
   const toast = useToast()

package/docs/src/plugins/toast.md

@@ -47,7 +47,7 @@ export default defineNuxtConfig({
 ## Basic usage
 
 <ComponentDemo expanded>
-  <div class="maz-flex maz-flex-wrap maz-gap-2">
+  <div class="maz:flex maz:flex-wrap maz:gap-2">
     <MazBtn color="contrast" @click="toast.message('Message text')">
       Message
     </MazBtn>
@@ -109,7 +109,7 @@ export default defineNuxtConfig({
 Toast can have a link or an action
 
 <ComponentDemo>
-  <div class="maz-flex maz-flex-wrap maz-gap-2">
+  <div class="maz:flex maz:flex-wrap maz:gap-2">
     <MazBtn color="info" @click="showInfoWithLink">
       Toast with  link
     </MazBtn>
@@ -183,7 +183,7 @@ Toast can have a link or an action
 
 You can close a toast programmatically by using the `close` method returned by the `toast` function
 
-<div class="maz-flex maz-flex-wrap maz-gap-2">
+<div class="maz:flex maz:flex-wrap maz:gap-2">
   <MazBtn color="primary" @click="showToastAutoCLose">
     Show toast
   </MazBtn>

package/docs/src/plugins/wait.md

@@ -46,7 +46,7 @@ export default defineNuxtConfig({
 
 <br />
 
-<div v-if="submitted" style="padding: 20px; background-color: hsl(var(--maz-background-300)); border-radius: 10px; margin-top: 1rem;">
+<div v-if="submitted" style="padding: 20px; background-color: var(--maz-surface-300); border-radius: 10px; margin-top: 1rem;">
   Data Submitted
 </div>
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maz-ui/mcp",
   "type": "module",
-  "version": "4.9.3",
+  "version": "5.0.0-beta.1",
   "description": "Maz-UI ModelContextProtocol Client",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -42,17 +42,17 @@
   ],
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.29.0",
-    "@maz-ui/node": "4.6.1",
-    "@maz-ui/utils": "4.7.6"
+    "@maz-ui/node": "5.0.0-beta.1",
+    "@maz-ui/utils": "5.0.0-beta.1"
   },
   "devDependencies": {
     "@modelcontextprotocol/inspector": "^0.21.2",
-    "@swc/core": "1.15.30",
+    "@swc/core": "1.15.33",
     "prettier": "^3.8.3",
     "ts-node-maintained": "^10.9.5",
     "tsx": "^4.21.0",
     "unbuild": "^3.6.1",
-    "@maz-ui/eslint-config": "4.9.1"
+    "@maz-ui/eslint-config": "5.0.0-beta.1"
   },
   "lint-staged": {
     "*.{js,ts,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"