@maz-ui/mcp 5.0.0-beta.17 → 5.0.0-beta.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/mcp.d.mts +22 -9
- package/dist/mcp.d.ts +22 -9
- package/dist/mcp.mjs +160 -83
- package/docs/src/blog/v4.md +1 -1
- package/docs/src/blog/v5.md +4 -4
- package/docs/src/components/maz-btn.md +1 -1
- package/docs/src/components/maz-date-picker.md +1 -1
- package/docs/src/components/maz-icon.md +2 -2
- package/docs/src/directives/click-outside.md +1 -1
- package/docs/src/directives/fullscreen-img.md +1 -1
- package/docs/src/directives/lazy-img.md +1 -1
- package/docs/src/directives/tooltip.md +1 -1
- package/docs/src/directives/zoom-img.md +1 -1
- package/docs/src/{guide/icons.md → ecosystem/icons/index.md} +1 -1
- package/docs/src/ecosystem/node/exec-promise.md +87 -0
- package/docs/src/ecosystem/node/index.md +53 -0
- package/docs/src/ecosystem/node/logger.md +146 -0
- package/docs/src/ecosystem/node/print-banner.md +93 -0
- package/docs/src/{guide → ecosystem}/nuxt.md +1 -1
- package/docs/src/{guide → ecosystem}/themes.md +4 -4
- package/docs/src/{guide → ecosystem}/translations.md +1 -1
- package/docs/src/ecosystem/utils/camel-case.md +31 -0
- package/docs/src/ecosystem/utils/check-availability.md +79 -0
- package/docs/src/ecosystem/utils/cookie.md +80 -0
- package/docs/src/ecosystem/utils/debounce-callback.md +38 -0
- package/docs/src/ecosystem/utils/debounce-id.md +69 -0
- package/docs/src/ecosystem/utils/debounce.md +65 -0
- package/docs/src/ecosystem/utils/fetch-locale-ip.md +33 -0
- package/docs/src/ecosystem/utils/format-json.md +33 -0
- package/docs/src/ecosystem/utils/format-phone-number.md +37 -0
- package/docs/src/ecosystem/utils/get-browser-locale.md +29 -0
- package/docs/src/ecosystem/utils/get-error-message.md +39 -0
- package/docs/src/ecosystem/utils/idle-timeout.md +90 -0
- package/docs/src/ecosystem/utils/index.md +60 -0
- package/docs/src/ecosystem/utils/is-client.md +32 -0
- package/docs/src/ecosystem/utils/is-equal.md +38 -0
- package/docs/src/ecosystem/utils/is-server.md +31 -0
- package/docs/src/ecosystem/utils/is-standalone-mode.md +43 -0
- package/docs/src/ecosystem/utils/kebab-case.md +36 -0
- package/docs/src/ecosystem/utils/normalize-string.md +77 -0
- package/docs/src/ecosystem/utils/pascal-case.md +35 -0
- package/docs/src/ecosystem/utils/script-loader.md +77 -0
- package/docs/src/ecosystem/utils/sleep.md +59 -0
- package/docs/src/ecosystem/utils/snake-case.md +36 -0
- package/docs/src/ecosystem/utils/swipe-handler.md +91 -0
- package/docs/src/ecosystem/utils/textarea-autogrow.md +41 -0
- package/docs/src/ecosystem/utils/throttle-id.md +48 -0
- package/docs/src/ecosystem/utils/throttle.md +57 -0
- package/docs/src/ecosystem/utils/truthy-filter.md +31 -0
- package/docs/src/ecosystem/utils/types/deep-key-of.md +48 -0
- package/docs/src/ecosystem/utils/types/deep-partial.md +42 -0
- package/docs/src/ecosystem/utils/types/deep-required.md +39 -0
- package/docs/src/ecosystem/utils/types/flatten-object-keys.md +44 -0
- package/docs/src/ecosystem/utils/types/generic-instance-type.md +42 -0
- package/docs/src/ecosystem/utils/types/infer-maybe-ref.md +35 -0
- package/docs/src/ecosystem/utils/upper-first.md +32 -0
- package/docs/src/ecosystem/utils/user-visibility.md +69 -0
- package/docs/src/guide/getting-started.md +2 -2
- package/docs/src/guide/migration-v4.md +6 -6
- package/docs/src/guide/resolvers.md +7 -7
- package/docs/src/guide/vue.md +4 -4
- package/docs/src/index.md +12 -12
- package/docs/src/plugins/aos.md +1 -1
- package/package.json +5 -4
- package/docs/src/helpers/camel-case.md +0 -14
- package/docs/src/helpers/check-availability.md +0 -14
- package/docs/src/helpers/debounce-callback.md +0 -14
- package/docs/src/helpers/debounce-id.md +0 -14
- package/docs/src/helpers/debounce.md +0 -14
- package/docs/src/helpers/is-client.md +0 -14
- package/docs/src/helpers/is-equal.md +0 -14
- package/docs/src/helpers/is-standalone-mode.md +0 -14
- package/docs/src/helpers/kebab-case.md +0 -14
- package/docs/src/helpers/normalize-string.md +0 -14
- package/docs/src/helpers/pascal-case.md +0 -14
- package/docs/src/helpers/script-loader.md +0 -14
- package/docs/src/helpers/sleep.md +0 -14
- package/docs/src/helpers/snake-case.md +0 -14
- package/docs/src/helpers/throttle-id.md +0 -14
- package/docs/src/helpers/throttle.md +0 -14
- /package/docs/src/{guide → ecosystem/icons}/icon-set.md +0 -0
- /package/docs/src/{guide → ecosystem}/mcp.md +0 -0
- /package/docs/src/{helpers → ecosystem/utils}/capitalize.md +0 -0
- /package/docs/src/{helpers → ecosystem/utils}/country-code-to-unicode-flag.md +0 -0
- /package/docs/src/{helpers → ecosystem/utils}/currency.md +0 -0
- /package/docs/src/{helpers → ecosystem/utils}/date.md +0 -0
- /package/docs/src/{helpers → ecosystem/utils}/get-country-flag-url.md +0 -0
- /package/docs/src/{helpers → ecosystem/utils}/number.md +0 -0
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: FlattenObjectKeys
|
|
3
|
+
description: Build a union of dot-separated leaf paths for a nested object, with an optional prefix.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# {{ $frontmatter.title }}
|
|
7
|
+
|
|
8
|
+
{{ $frontmatter.description }}
|
|
9
|
+
|
|
10
|
+
Similar to [`DeepKeyOf`](./deep-key-of) but only yields **leaf** paths (skips intermediate object keys), and accepts a `Prefix` parameter for namespacing.
|
|
11
|
+
|
|
12
|
+
## Usage
|
|
13
|
+
|
|
14
|
+
```ts
|
|
15
|
+
import type { FlattenObjectKeys } from '@maz-ui/utils'
|
|
16
|
+
|
|
17
|
+
interface Config {
|
|
18
|
+
app: {
|
|
19
|
+
name: string
|
|
20
|
+
version: number
|
|
21
|
+
}
|
|
22
|
+
debug: boolean
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
type Leaves = FlattenObjectKeys<Config>
|
|
26
|
+
// → 'app.name' | 'app.version' | 'debug'
|
|
27
|
+
|
|
28
|
+
type Namespaced = FlattenObjectKeys<Config, 'config.'>
|
|
29
|
+
// → 'config.app.name' | 'config.app.version' | 'config.debug'
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## API
|
|
33
|
+
|
|
34
|
+
```ts
|
|
35
|
+
type FlattenObjectKeys<T extends Record<string, any>, Prefix extends string = ''> = {
|
|
36
|
+
[K in keyof T]: T[K] extends Record<string, any>
|
|
37
|
+
? FlattenObjectKeys<T[K], `${Prefix}${K extends string ? K : ''}.`>
|
|
38
|
+
: `${Prefix}${K extends string ? K : ''}`
|
|
39
|
+
}[keyof T]
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
## Notes
|
|
43
|
+
|
|
44
|
+
- Unlike `DeepKeyOf`, intermediate object keys (e.g. `'app'` in the example) are not included — only the paths that resolve to non-object leaves.
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: GenericInstanceType
|
|
3
|
+
description: Extract the public instance type from a generic Vue component — solves the limitation where `InstanceType<typeof Component>` returns `any` for generic SFCs.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# {{ $frontmatter.title }}
|
|
7
|
+
|
|
8
|
+
{{ $frontmatter.description }}
|
|
9
|
+
|
|
10
|
+
Vue's `InstanceType<typeof Component>` does not work on **generic** components (`<script setup lang="ts" generic="T">`). `GenericInstanceType` walks the type to recover the exposed methods/refs typing.
|
|
11
|
+
|
|
12
|
+
See the underlying TypeScript / Vue Language Tools issue: [vuejs/language-tools#3206](https://github.com/vuejs/language-tools/issues/3206).
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```ts
|
|
17
|
+
import type { GenericInstanceType } from '@maz-ui/utils'
|
|
18
|
+
import { ref } from 'vue'
|
|
19
|
+
import MyGenericList from './MyGenericList.vue'
|
|
20
|
+
|
|
21
|
+
const listRef = ref<GenericInstanceType<typeof MyGenericList> | null>(null)
|
|
22
|
+
|
|
23
|
+
// listRef.value.focus() is fully typed
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
## API
|
|
27
|
+
|
|
28
|
+
```ts
|
|
29
|
+
type GenericInstanceType<T> = T extends new (...args: any[]) => infer R
|
|
30
|
+
? R
|
|
31
|
+
: T extends (...args: any[]) => infer R
|
|
32
|
+
? R extends { __ctx?: infer K }
|
|
33
|
+
? Exclude<K, void> extends { expose: (...args: infer Y) => void }
|
|
34
|
+
? Y[0] & InstanceType<DefineComponent>
|
|
35
|
+
: any
|
|
36
|
+
: any
|
|
37
|
+
: any
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## Notes
|
|
41
|
+
|
|
42
|
+
- Use this only for generic components. For non-generic SFCs, plain `InstanceType<typeof Component>` already works and is clearer.
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: InferMaybeRef
|
|
3
|
+
description: Unwrap a Vue `Ref<U>` to its inner `U` — leaves non-ref types unchanged.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# {{ $frontmatter.title }}
|
|
7
|
+
|
|
8
|
+
{{ $frontmatter.description }}
|
|
9
|
+
|
|
10
|
+
Useful when authoring composables that accept either a plain value or a `Ref`, and you want a unified type for the inner value.
|
|
11
|
+
|
|
12
|
+
## Usage
|
|
13
|
+
|
|
14
|
+
```ts
|
|
15
|
+
import type { InferMaybeRef } from '@maz-ui/utils'
|
|
16
|
+
import { ref } from 'vue'
|
|
17
|
+
|
|
18
|
+
const a = ref(42)
|
|
19
|
+
const b = 42
|
|
20
|
+
|
|
21
|
+
type A = InferMaybeRef<typeof a> // number
|
|
22
|
+
type B = InferMaybeRef<typeof b> // number
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
## API
|
|
26
|
+
|
|
27
|
+
```ts
|
|
28
|
+
import type { Ref } from 'vue'
|
|
29
|
+
|
|
30
|
+
type InferMaybeRef<T> = T extends Ref<infer U> ? U : T
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## Notes
|
|
34
|
+
|
|
35
|
+
- Pairs well with Vue's built-in [`unref()`](https://vuejs.org/api/reactivity-utilities.html#unref), which provides the same behaviour at runtime.
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: upperFirst
|
|
3
|
+
description: Uppercase the first character of a string and leave the rest unchanged.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# {{ $frontmatter.title }}
|
|
7
|
+
|
|
8
|
+
{{ $frontmatter.description }}
|
|
9
|
+
|
|
10
|
+
## Usage
|
|
11
|
+
|
|
12
|
+
```ts
|
|
13
|
+
import { upperFirst } from '@maz-ui/utils'
|
|
14
|
+
|
|
15
|
+
upperFirst('hello') // → 'Hello'
|
|
16
|
+
upperFirst('hELLO') // → 'HELLO'
|
|
17
|
+
upperFirst('') // → ''
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
## API
|
|
21
|
+
|
|
22
|
+
```ts
|
|
23
|
+
function upperFirst(value: string): string
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
| Parameter | Type | Description |
|
|
27
|
+
| --------- | -------- | --------------------- |
|
|
28
|
+
| `value` | `string` | The string to process |
|
|
29
|
+
|
|
30
|
+
## Notes
|
|
31
|
+
|
|
32
|
+
- Does **not** lowercase the remaining characters — use [`capitalize`](./capitalize) for the same behaviour when you control the input shape.
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: UserVisibility
|
|
3
|
+
description: Track whether the user is currently looking at the tab using the Page Visibility API, with an optional grace timeout before declaring them away.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# {{ $frontmatter.title }}
|
|
7
|
+
|
|
8
|
+
{{ $frontmatter.description }}
|
|
9
|
+
|
|
10
|
+
`UserVisibility` listens to `visibilitychange` events. When the tab becomes hidden, it waits `timeout` ms before invoking the callback with `isVisible: false` — this avoids spurious switches when the user briefly tabs away.
|
|
11
|
+
|
|
12
|
+
## Usage
|
|
13
|
+
|
|
14
|
+
```ts
|
|
15
|
+
import { UserVisibility } from '@maz-ui/utils'
|
|
16
|
+
|
|
17
|
+
const watcher = new UserVisibility(
|
|
18
|
+
({ isVisible }) => {
|
|
19
|
+
if (isVisible) {
|
|
20
|
+
resumeVideo()
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
pauseVideo()
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
{ timeout: 3000 },
|
|
27
|
+
)
|
|
28
|
+
|
|
29
|
+
// later
|
|
30
|
+
watcher.destroy()
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## API
|
|
34
|
+
|
|
35
|
+
```ts
|
|
36
|
+
class UserVisibility {
|
|
37
|
+
constructor(callback: UserVisibilyCallback, options?: UserVisibilyOptions)
|
|
38
|
+
|
|
39
|
+
start(): void
|
|
40
|
+
destroy(): void
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
type UserVisibilyCallback = (payload: { isVisible: boolean }) => void
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
### Options
|
|
47
|
+
|
|
48
|
+
| Option | Type | Default | Description |
|
|
49
|
+
| ----------- | --------- | ------- | --------------------------------------------------------------------------------- |
|
|
50
|
+
| `timeout` | `number` | `5000` | Grace period in ms before a hidden tab fires the `isVisible: false` callback. |
|
|
51
|
+
| `immediate` | `boolean` | `true` | Fire the callback once on construction with the current visibility state. |
|
|
52
|
+
| `once` | `boolean` | `false` | Auto-destroy after the first callback invocation. |
|
|
53
|
+
|
|
54
|
+
## Examples
|
|
55
|
+
|
|
56
|
+
Pause expensive timers when the user tabs away:
|
|
57
|
+
|
|
58
|
+
```ts
|
|
59
|
+
new UserVisibility(
|
|
60
|
+
({ isVisible }) => {
|
|
61
|
+
isVisible ? animations.resume() : animations.pause()
|
|
62
|
+
},
|
|
63
|
+
{ timeout: 0 }, // react immediately
|
|
64
|
+
)
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
## Related
|
|
68
|
+
|
|
69
|
+
- [`IdleTimeout`](./idle-timeout) — track in-page activity instead of tab visibility.
|
|
@@ -55,7 +55,7 @@ Start by choosing your framework:
|
|
|
55
55
|
</template>
|
|
56
56
|
</MazCard>
|
|
57
57
|
<MazCard
|
|
58
|
-
href="/
|
|
58
|
+
href="/ecosystem/nuxt"
|
|
59
59
|
class="maz:flex-1"
|
|
60
60
|
content-title="Nuxt Users Guide"
|
|
61
61
|
:gallery="{
|
|
@@ -70,7 +70,7 @@ Start by choosing your framework:
|
|
|
70
70
|
</h3>
|
|
71
71
|
</template>
|
|
72
72
|
<template #footer>
|
|
73
|
-
<MazBtn color="contrast" href="/
|
|
73
|
+
<MazBtn color="contrast" href="/ecosystem/nuxt">
|
|
74
74
|
Nuxt guide
|
|
75
75
|
</MazBtn>
|
|
76
76
|
</template>
|
|
@@ -13,7 +13,7 @@ Performance has also been significantly improved thanks to optimal tree-shaking,
|
|
|
13
13
|
|
|
14
14
|
::: tip Connected to Maz-UI MCP
|
|
15
15
|
|
|
16
|
-
Follow the [MCP](/
|
|
16
|
+
Follow the [MCP](/ecosystem/mcp) guide to connect your AI assistant to Maz-UI's documentation for a smooth migration process.
|
|
17
17
|
|
|
18
18
|
:::
|
|
19
19
|
|
|
@@ -708,7 +708,7 @@ toggleDarkMode()
|
|
|
708
708
|
</template>
|
|
709
709
|
```
|
|
710
710
|
|
|
711
|
-
**📖 Complete documentation:** [Theme Guide](/
|
|
711
|
+
**📖 Complete documentation:** [Theme Guide](/ecosystem/themes)
|
|
712
712
|
|
|
713
713
|
## Translation System
|
|
714
714
|
|
|
@@ -748,7 +748,7 @@ setLocale('fr')
|
|
|
748
748
|
</template>
|
|
749
749
|
```
|
|
750
750
|
|
|
751
|
-
**📖 Complete documentation:** [Translation Guide](/
|
|
751
|
+
**📖 Complete documentation:** [Translation Guide](/ecosystem/translations)
|
|
752
752
|
|
|
753
753
|
## Common Errors and Solutions
|
|
754
754
|
|
|
@@ -905,10 +905,10 @@ app.use(MazUi)
|
|
|
905
905
|
## Additional Resources
|
|
906
906
|
|
|
907
907
|
- **[Official v4 Documentation](https://maz-ui.com)** - Complete documentation
|
|
908
|
-
- **[Theme Guide](/
|
|
909
|
-
- **[Translation Guide](/
|
|
908
|
+
- **[Theme Guide](/ecosystem/themes)** - Advanced theme system
|
|
909
|
+
- **[Translation Guide](/ecosystem/translations)** - Internationalization
|
|
910
910
|
- **[Vue Installation Guide](/guide/vue)** - Vue setup
|
|
911
|
-
- **[Nuxt Installation Guide](/
|
|
911
|
+
- **[Nuxt Installation Guide](/ecosystem/nuxt)** - Nuxt setup
|
|
912
912
|
- **[Resolvers Guide](/guide/resolvers)** - Smart auto-imports
|
|
913
913
|
- **[Complete Changelog](https://github.com/LouisMazel/maz-ui/blob/master/CHANGELOG.md)** - All changes
|
|
914
914
|
|
|
@@ -12,7 +12,7 @@ head:
|
|
|
12
12
|
Supercharge your Vue development with Maz-UI's intelligent auto-import resolvers. Never write import statements again while maintaining perfect tree-shaking and TypeScript support.
|
|
13
13
|
|
|
14
14
|
::: tip Vue Only Feature
|
|
15
|
-
Auto-import resolvers are designed for Vue projects using build tools like Vite or Webpack. For Nuxt users, everything is already integrated in the [@maz-ui/nuxt module](/
|
|
15
|
+
Auto-import resolvers are designed for Vue projects using build tools like Vite or Webpack. For Nuxt users, everything is already integrated in the [@maz-ui/nuxt module](/ecosystem/nuxt).
|
|
16
16
|
:::
|
|
17
17
|
|
|
18
18
|
## Why Use Auto-Import Resolvers?
|
|
@@ -229,7 +229,7 @@ function showSuccess() {
|
|
|
229
229
|
|
|
230
230
|
| Category | Composables |
|
|
231
231
|
| -------------------- | --------------------------------------------------- |
|
|
232
|
-
| **UI Management** | [`useToast`](./../composables/use-toast.md), [`useDialog`](./../composables/use-dialog.md), [`useTheme`](./../
|
|
232
|
+
| **UI Management** | [`useToast`](./../composables/use-toast.md), [`useDialog`](./../composables/use-dialog.md), [`useTheme`](./../ecosystem/themes.md#usetheme-composable-api), [`useWait`](./../composables/use-wait.md) |
|
|
233
233
|
| **Responsive** | [`useBreakpoints`](./../composables/use-breakpoints.md), [`useWindowSize`](./../composables/use-window-size.md) |
|
|
234
234
|
| **User Interaction** | [`useUserVisibility`](./../composables/use-user-visibility.md), [`useIdleTimeout`](./../composables/use-idle-timeout.md), [`useSwipe`](./../composables/use-swipe.md) |
|
|
235
235
|
| **Form Handling** | [`useFormValidator`](./../composables/use-form-validator.md) |
|
|
@@ -237,10 +237,10 @@ function showSuccess() {
|
|
|
237
237
|
|
|
238
238
|
**Most used available formatters and utilities:**
|
|
239
239
|
|
|
240
|
-
| Category
|
|
241
|
-
|
|
|
242
|
-
| **Formatters**
|
|
243
|
-
| **Utilities**
|
|
240
|
+
| Category | Utilities/Formatters |
|
|
241
|
+
| -------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
242
|
+
| **Formatters** | [`formatCurrency`](./../ecosystem/utils/currency.md), [`formatDate`](./../ecosystem/utils/date.md), [`sleep`](./../ecosystem/utils/sleep.md) |
|
|
243
|
+
| **Utilities** | [`debounce`](./../ecosystem/utils/debounce.md), [`throttle`](./../ecosystem/utils/throttle.md), [`isEqual`](./../ecosystem/utils/is-equal.md) |
|
|
244
244
|
|
|
245
245
|
## Advanced Configuration
|
|
246
246
|
|
|
@@ -670,7 +670,7 @@ const toast = useToast()
|
|
|
670
670
|
|
|
671
671
|
- [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) - The underlying auto-import system
|
|
672
672
|
- [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) - Auto-import for composables and utilities
|
|
673
|
-
- [Nuxt Module](/
|
|
673
|
+
- [Nuxt Module](/ecosystem/nuxt) - All auto-imports included out of the box
|
|
674
674
|
|
|
675
675
|
---
|
|
676
676
|
|
package/docs/src/guide/vue.md
CHANGED
|
@@ -81,7 +81,7 @@ app.use(MazUi, {
|
|
|
81
81
|
/**
|
|
82
82
|
* Theme configuration (optional if you are using the default theme)
|
|
83
83
|
* More information in dedicated documentation
|
|
84
|
-
* @see https://maz-ui.com/
|
|
84
|
+
* @see https://maz-ui.com/ecosystem/themes
|
|
85
85
|
*/
|
|
86
86
|
theme: {
|
|
87
87
|
preset: mazUi, // 'ocean' | 'pristine' | 'obsidian' | 'nova'
|
|
@@ -103,7 +103,7 @@ app.use(MazUi, {
|
|
|
103
103
|
/**
|
|
104
104
|
* Translations configuration (optional if you are using english)
|
|
105
105
|
* More information in dedicated documentation
|
|
106
|
-
* @see https://maz-ui.com/
|
|
106
|
+
* @see https://maz-ui.com/ecosystem/translations
|
|
107
107
|
*/
|
|
108
108
|
translations: {
|
|
109
109
|
locale: 'fr',
|
|
@@ -143,11 +143,11 @@ function handleClick() {
|
|
|
143
143
|
|
|
144
144
|
## Theming
|
|
145
145
|
|
|
146
|
-
More information in the [theme documentation](/
|
|
146
|
+
More information in the [theme documentation](/ecosystem/themes).
|
|
147
147
|
|
|
148
148
|
## Translations
|
|
149
149
|
|
|
150
|
-
More information in the [translations documentation](/
|
|
150
|
+
More information in the [translations documentation](/ecosystem/translations).
|
|
151
151
|
|
|
152
152
|
## Plugins
|
|
153
153
|
|
package/docs/src/index.md
CHANGED
|
@@ -219,7 +219,7 @@ description: Build amazing interfaces with Maz-UI - standalone components & tool
|
|
|
219
219
|
This library is written in Typescript, so all types and declarations are directly available.
|
|
220
220
|
</p>
|
|
221
221
|
</MazCardSpotlight>
|
|
222
|
-
<a href="/
|
|
222
|
+
<a href="/ecosystem/themes" class="maz:flex">
|
|
223
223
|
<MazCardSpotlight class="maz:w-full" content-class="maz:flex maz:flex-col maz:gap-2 maz:items-start">
|
|
224
224
|
<span class="maz:py-1 maz:px-2 maz:bg-surface-600 maz:dark:bg-surface-400 maz:rounded-md maz:text-2xl">
|
|
225
225
|
💄
|
|
@@ -229,7 +229,7 @@ description: Build amazing interfaces with Maz-UI - standalone components & tool
|
|
|
229
229
|
Created with TailwindCSS | Optimized CSS file sizes | Complies with all CSS best practices | Use your theme easily.
|
|
230
230
|
</p>
|
|
231
231
|
<div class="maz:flex-1"></div>
|
|
232
|
-
<MazBtn color="surface" outlined size="sm" block href="/
|
|
232
|
+
<MazBtn color="surface" outlined size="sm" block href="/ecosystem/themes">Discover</MazBtn>
|
|
233
233
|
</MazCardSpotlight>
|
|
234
234
|
</a>
|
|
235
235
|
<a href="/guide/dark-mode" class="maz:flex">
|
|
@@ -265,7 +265,7 @@ description: Build amazing interfaces with Maz-UI - standalone components & tool
|
|
|
265
265
|
<h2 class="maz:text-2xl maz:font-bold maz:mb-8">Ecosystem</h2>
|
|
266
266
|
|
|
267
267
|
<div class="maz:grid maz:grid-cols-1 maz:tab-m:grid-cols-2 maz:gap-4">
|
|
268
|
-
<a href="/
|
|
268
|
+
<a href="/ecosystem/nuxt" class="maz:flex">
|
|
269
269
|
<MazCardSpotlight class="maz:w-full" color="accent" content-class="maz:flex maz:flex-col maz:gap-2 maz:items-start">
|
|
270
270
|
<div class="maz:flex maz:items-start maz:gap-2 maz:justify-between maz:w-full">
|
|
271
271
|
<span class="maz:py-1 maz:px-2 maz:bg-surface-600 maz:dark:bg-surface-400 maz:rounded-md maz:text-2xl">
|
|
@@ -278,10 +278,10 @@ description: Build amazing interfaces with Maz-UI - standalone components & tool
|
|
|
278
278
|
Official Nuxt module with auto-imports, optimized builds, and seamless SSR support. Zero configuration required.
|
|
279
279
|
</p>
|
|
280
280
|
<div class="maz:flex-1"></div>
|
|
281
|
-
<MazBtn color="surface" outlined size="sm" block href="/
|
|
281
|
+
<MazBtn color="surface" outlined size="sm" block href="/ecosystem/nuxt">Discover</MazBtn>
|
|
282
282
|
</MazCardSpotlight>
|
|
283
283
|
</a>
|
|
284
|
-
<a href="/
|
|
284
|
+
<a href="/ecosystem/icons/" class="maz:flex">
|
|
285
285
|
<MazCardSpotlight class="maz:w-full" color="accent" content-class="maz:flex maz:flex-col maz:gap-2 maz:items-start">
|
|
286
286
|
<div class="maz:flex maz:items-start maz:gap-2 maz:justify-between maz:w-full">
|
|
287
287
|
<span class="maz:py-1 maz:px-2 maz:bg-surface-600 maz:dark:bg-surface-400 maz:rounded-md maz:text-2xl">
|
|
@@ -294,10 +294,10 @@ description: Build amazing interfaces with Maz-UI - standalone components & tool
|
|
|
294
294
|
860+ beautiful SVG icons ready for Vue. Multiple usage patterns: components, direct SVG files, raw SVG strings or auto-import.
|
|
295
295
|
</p>
|
|
296
296
|
<div class="maz:flex-1"></div>
|
|
297
|
-
<MazBtn color="surface" outlined size="sm" block href="/
|
|
297
|
+
<MazBtn color="surface" outlined size="sm" block href="/ecosystem/icons/">Discover</MazBtn>
|
|
298
298
|
</MazCardSpotlight>
|
|
299
299
|
</a>
|
|
300
|
-
<a href="/
|
|
300
|
+
<a href="/ecosystem/translations" class="maz:flex">
|
|
301
301
|
<MazCardSpotlight class="maz:w-full" color="accent" content-class="maz:flex maz:flex-col maz:gap-2 maz:items-start">
|
|
302
302
|
<div class="maz:flex maz:items-start maz:gap-2 maz:justify-between maz:w-full">
|
|
303
303
|
<span class="maz:py-1 maz:px-2 maz:bg-surface-600 maz:dark:bg-surface-400 maz:rounded-md maz:text-2xl">
|
|
@@ -310,10 +310,10 @@ description: Build amazing interfaces with Maz-UI - standalone components & tool
|
|
|
310
310
|
Simple internationalization system for Maz-UI components. Translate your interface into any language with ease.
|
|
311
311
|
</p>
|
|
312
312
|
<div class="maz:flex-1"></div>
|
|
313
|
-
<MazBtn color="surface" outlined size="sm" block href="/
|
|
313
|
+
<MazBtn color="surface" outlined size="sm" block href="/ecosystem/translations">Discover</MazBtn>
|
|
314
314
|
</MazCardSpotlight>
|
|
315
315
|
</a>
|
|
316
|
-
<a href="/
|
|
316
|
+
<a href="/ecosystem/themes" class="maz:flex">
|
|
317
317
|
<MazCardSpotlight class="maz:w-full" color="accent" content-class="maz:flex maz:flex-col maz:gap-2 maz:items-start">
|
|
318
318
|
<div class="maz:flex maz:items-start maz:gap-2 maz:justify-between maz:w-full">
|
|
319
319
|
<span class="maz:py-1 maz:px-2 maz:bg-surface-600 maz:dark:bg-surface-400 maz:rounded-md maz:text-2xl">
|
|
@@ -326,10 +326,10 @@ description: Build amazing interfaces with Maz-UI - standalone components & tool
|
|
|
326
326
|
Pre-built theme collections and design tokens for rapid UI development. Ready-to-use color schemes and styles.
|
|
327
327
|
</p>
|
|
328
328
|
<div class="maz:flex-1"></div>
|
|
329
|
-
<MazBtn color="surface" outlined size="sm" block href="/
|
|
329
|
+
<MazBtn color="surface" outlined size="sm" block href="/ecosystem/themes">Discover</MazBtn>
|
|
330
330
|
</MazCardSpotlight>
|
|
331
331
|
</a>
|
|
332
|
-
<a href="/
|
|
332
|
+
<a href="/ecosystem/mcp" class="maz:flex">
|
|
333
333
|
<MazCardSpotlight class="maz:w-full" color="accent" content-class="maz:flex maz:flex-col maz:gap-2 maz:items-start">
|
|
334
334
|
<div class="maz:flex maz:items-start maz:gap-2 maz:justify-between maz:w-full">
|
|
335
335
|
<span class="maz:py-1 maz:px-2 maz:bg-surface-600 maz:dark:bg-surface-400 maz:rounded-md maz:text-2xl">
|
|
@@ -342,7 +342,7 @@ description: Build amazing interfaces with Maz-UI - standalone components & tool
|
|
|
342
342
|
Provides a Model Context Protocol (MCP) server that exposes Maz-UI documentation to AI agents. This server enables AI agents to generate code and assist developers in using Maz-UI.
|
|
343
343
|
</p>
|
|
344
344
|
<div class="maz:flex-1"></div>
|
|
345
|
-
<MazBtn color="surface" outlined size="sm" block href="/
|
|
345
|
+
<MazBtn color="surface" outlined size="sm" block href="/ecosystem/mcp">Discover</MazBtn>
|
|
346
346
|
</MazCardSpotlight>
|
|
347
347
|
</a>
|
|
348
348
|
</div>
|
package/docs/src/plugins/aos.md
CHANGED
|
@@ -231,7 +231,7 @@ You can choose one of these timing function to animate elements nicely:
|
|
|
231
231
|
## Nuxt
|
|
232
232
|
|
|
233
233
|
::: tip
|
|
234
|
-
For **NuxtJS v3** and higher, use the dedicated Nuxt module to take advantage of auto-imports of components, plugins, composables and css files: [Nuxt Module Documentation](./../
|
|
234
|
+
For **NuxtJS v3** and higher, use the dedicated Nuxt module to take advantage of auto-imports of components, plugins, composables and css files: [Nuxt Module Documentation](./../ecosystem/nuxt.md)
|
|
235
235
|
:::
|
|
236
236
|
|
|
237
237
|
Should be executed on client side
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maz-ui/mcp",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "5.0.0-beta.
|
|
4
|
+
"version": "5.0.0-beta.19",
|
|
5
5
|
"description": "Maz-UI ModelContextProtocol Client",
|
|
6
6
|
"author": "Louis Mazel <me@loicmazuel.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
],
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@modelcontextprotocol/sdk": "^1.29.0",
|
|
45
|
-
"@maz-ui/utils": "5.0.0-beta.
|
|
45
|
+
"@maz-ui/utils": "5.0.0-beta.18",
|
|
46
46
|
"@maz-ui/node": "5.0.0-beta.11"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
@@ -50,9 +50,10 @@
|
|
|
50
50
|
"@swc/core": "1.15.33",
|
|
51
51
|
"prettier": "^3.8.3",
|
|
52
52
|
"ts-node-maintained": "^10.9.5",
|
|
53
|
-
"tsx": "^4.
|
|
53
|
+
"tsx": "^4.22.3",
|
|
54
54
|
"unbuild": "^3.6.1",
|
|
55
|
-
"@maz-ui/eslint-config": "5.0.0-beta.
|
|
55
|
+
"@maz-ui/eslint-config": "5.0.0-beta.18",
|
|
56
|
+
"maz-ui": "5.0.0-beta.19"
|
|
56
57
|
},
|
|
57
58
|
"lint-staged": {
|
|
58
59
|
"*.{js,ts,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: checkAvailability
|
|
3
|
-
description: Utility method to execute a call back when the awaited data is available with timeout and check interval
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
# {{ $frontmatter.title }}
|
|
7
|
-
|
|
8
|
-
{{ $frontmatter.description }}
|
|
9
|
-
|
|
10
|
-
::: warning
|
|
11
|
-
|
|
12
|
-
TO DO
|
|
13
|
-
|
|
14
|
-
:::
|