@maz-ui/mcp 4.9.0 → 4.9.1

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.
Files changed (11) hide show
  1. package/dist/mcp.mjs +1 -1
  2. package/docs/generated-docs/maz-avatar.doc.md +25 -24
  3. package/docs/generated-docs/maz-btn.doc.md +1 -1
  4. package/docs/generated-docs/maz-container.doc.md +13 -13
  5. package/docs/generated-docs/maz-input.doc.md +33 -33
  6. package/docs/generated-docs/maz-read-more.doc.md +10 -10
  7. package/docs/generated-docs/maz-skeleton.doc.md +10 -10
  8. package/docs/generated-docs/maz-table.doc.md +37 -37
  9. package/docs/generated-docs/maz-textarea.doc.md +24 -22
  10. package/docs/src/components/maz-textarea.md +104 -6
  11. package/package.json +6 -6
package/dist/mcp.mjs CHANGED
@@ -7,7 +7,7 @@ import { existsSync, readFileSync, readdirSync } from 'node:fs';
7
7
  import { resolve, join, dirname } from 'node:path';
8
8
  import { fileURLToPath } from 'node:url';
9
9
 
10
- const version = "4.8.0";
10
+ const version = "4.9.0";
11
11
 
12
12
  class MetadataExtractor {
13
13
  extract(name, type, content, manualTags = []) {
package/docs/generated-docs/maz-avatar.doc.md CHANGED
@@ -1,29 +1,30 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | ----------------------- | --------------------------------------------------------------- | -------------------------------------------------- | -------- | ---------------- | -------------------------------------------------- |
5
- | **style** | The style of the component | `Native type` | No | `undefined` | - |
6
- | **class** | The class of the component | `Native type` | No | `undefined` | - |
7
- | **src** | The source of the image | `string \| null` | No | `undefined` | - |
8
- | **caption** | The caption of the avatar | `string \| null` | No | `undefined` | - |
9
- | **href** | The link of the avatar | `string` | No | `undefined` | - |
10
- | **to** | The link (router-link or nuxt-link) of the avatar | `string \| Record` | No | `undefined` | - |
11
- | **alt** | The alt of the image | `string` | No | `'avatar image'` | - |
12
- | **target** | The target of the link | `string` | No | `'_self'` | - |
13
- | **size** | The size of the avatar | `string` | No | `undefined` | - |
14
- | **bordered** | Add a border to the avatar | `boolean` | No | `undefined` | - |
15
- | **clickable** | Make the avatar clickable | `boolean` | No | `undefined` | - |
16
- | **square** | Make the avatar square | `boolean` | No | `undefined` | - |
17
- | **no-elevation** | Remove the shadow | `boolean` | No | `undefined` | - |
18
- | **show-caption** | Show the caption | `boolean` | No | `undefined` | - |
19
- | **image-height-full** | Make the image height full | `boolean` | No | `undefined` | - |
20
- | **hide-loader** | Remove the loader | `boolean` | No | `undefined` | - |
21
- | **button-color** | The color of the clickable button | `MazColor` | No | `'info'` | - |
22
- | **hide-clickable-icon** | Remove the icon on hover when component is clickable | `boolean` | No | `undefined` | - |
23
- | **letter-count** | Number of letters to display in the round text | `number` | No | `undefined` | - |
24
- | **rounded-size** | Size of the rounded | `"none" \| "sm" \| "md" \| "lg" \| "xl" \| "full"` | No | `'full'` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
25
- | **fallback-src** | The fallback src to replace the src on loading error | `string` | No | `undefined` | - |
26
- | **loading** | The loading strategy of the image - lazy, eager or intersecting | `"lazy" \| "eager" \| "intersecting"` | No | `'intersecting'` | `'lazy' \| 'eager' \| 'intersecting'` |
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ----------------------- | --------------------------------------------------------------- | -------------------------------------------------- | -------- | -------------- | -------------------------------------------------------------------------------------------------------------------------- |
5
+ | **style** | The style of the component | `Native type` | No | `undefined` | - |
6
+ | **class** | The class of the component | `Native type` | No | `undefined` | - |
7
+ | **src** | The source of the image | `string \| null` | No | `undefined` | - |
8
+ | **caption** | The caption of the avatar | `string \| null` | No | `undefined` | - |
9
+ | **href** | The link of the avatar | `string` | No | `undefined` | - |
10
+ | **to** | The link (router-link or nuxt-link) of the avatar | `string \| Record` | No | `undefined` | - |
11
+ | **alt** | The alt of the image | `string` | No | `undefined` | - |
12
+ | **target** | The target of the link | `string` | No | `undefined` | - |
13
+ | **size** | The size of the avatar | `string` | No | `undefined` | - |
14
+ | **bordered** | Add a border to the avatar | `boolean` | No | `undefined` | - |
15
+ | **clickable** | Make the avatar clickable | `boolean` | No | `undefined` | - |
16
+ | **square** | Make the avatar square | `boolean` | No | `undefined` | - |
17
+ | **no-elevation** | Remove the shadow | `boolean` | No | `undefined` | - |
18
+ | **show-caption** | Show the caption | `boolean` | No | `undefined` | - |
19
+ | **image-height-full** | Make the image height full | `boolean` | No | `undefined` | - |
20
+ | **hide-loader** | Remove the loader | `boolean` | No | `undefined` | - |
21
+ | **button-color** | The color of the clickable button | `MazColor` | No | `undefined` | `"primary" \| "secondary" \| "accent" \| "info" \| "success" \| "warning" \| "destructive" \| "contrast" \| "transparent"` |
22
+ | **hide-clickable-icon** | Remove the icon on hover when component is clickable | `boolean` | No | `undefined` | - |
23
+ | **letter-count** | Number of letters to display in the round text | `number` | No | `undefined` | - |
24
+ | **rounded-size** | Size of the rounded | `"none" \| "sm" \| "md" \| "lg" \| "xl" \| "full"` | No | `undefined` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
25
+ | **fallback-src** | The fallback src to replace the src on loading error | `string` | No | `undefined` | - |
26
+ | **loading** | The loading strategy of the image - lazy, eager or intersecting | `"lazy" \| "eager" \| "intersecting"` | No | `intersecting` | `'lazy' \| 'eager' \| 'intersecting'` |
27
+ | **color** | The color of the avatar | `MazColor` | No | `undefined` | `"primary" \| "secondary" \| "accent" \| "info" \| "success" \| "warning" \| "destructive" \| "contrast" \| "transparent"` |
27
28
 
28
29
  ## Events
29
30
 
package/docs/generated-docs/maz-btn.doc.md CHANGED
@@ -6,7 +6,7 @@
6
6
  | **size** | Predifined sizes of the button | `MazSize` | No | `undefined` | `'xl' \| 'lg' \| 'md' \| 'sm' \| 'xs' \| 'mini'` |
7
7
  | **color** | The color of the button | `MazColor \| "background"` | No | `undefined` | `'primary' \| 'secondary' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'transparent' \| 'contrast' \| 'accent' \| 'background'` |
8
8
  | **type** | The type of the button | `"submit" \| "reset" \| "button"` | No | `undefined` | `'submit' \| 'reset' \| 'button'` |
9
- | **rounded-size** | Size of the rounded | `"none" \| "sm" \| "md" \| "lg" \| "xl" \| "full"` | No | `lg` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
9
+ | **rounded-size** | Size of the rounded | `"none" \| "sm" \| "md" \| "lg" \| "xl" \| "full" \| "base"` | No | `base` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full' \| 'base'` |
10
10
  | **outlined** | If true, the button have the "border" style | `boolean` | No | `false` | - |
11
11
  | **pastel** | If true, the button will have a pastel color | `boolean` | No | `false` | - |
12
12
  | **block** | If true, the button will have a full width | `boolean` | No | `false` | - |
package/docs/generated-docs/maz-container.doc.md CHANGED
@@ -1,18 +1,18 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | ------------------- | ----------------------------------- | -------------------------------------------------- | -------- | ----------- | -------------------------------------------------- |
5
- | **title** | Title of the card in header | `string` | No | `undefined` | - |
6
- | **elevation** | Add elevation to the component | `boolean` | No | `false` | - |
7
- | **padding** | Add padding to the content | `boolean` | No | `true` | - |
8
- | **bordered** | Add border to the component | `boolean` | No | `true` | - |
9
- | **rounded-size** | Size of the rounded | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` | No | `undefined` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
10
- | **transparent** | Remove background color | `boolean` | No | `false` | - |
11
- | **overflow-hidden** | Hide overflow | `boolean` | No | `true` | - |
12
- | **left-icon** | Add icon to the header on the left | `IconComponent \| string` | No | `undefined` | - |
13
- | **right-icon** | Add icon to the header on the right | `IconComponent \| string` | No | `undefined` | - |
14
- | **icon-size** | Size of the icon | `MazIconProps['size']` | No | `md` | - |
15
- | **block** | Display the container in full width | `boolean` | No | `false` | - |
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ------------------- | ----------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ------------------------------------------------------------ |
5
+ | **title** | Title of the card in header | `string` | No | `undefined` | - |
6
+ | **elevation** | Add elevation to the component | `boolean` | No | `false` | - |
7
+ | **padding** | Add padding to the content | `boolean` | No | `true` | - |
8
+ | **bordered** | Add border to the component | `boolean` | No | `true` | - |
9
+ | **rounded-size** | Size of the rounded | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full' \| 'base'` | No | `base` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full' \| 'base'` |
10
+ | **transparent** | Remove background color | `boolean` | No | `false` | - |
11
+ | **overflow-hidden** | Hide overflow | `boolean` | No | `true` | - |
12
+ | **left-icon** | Add icon to the header on the left | `IconComponent \| string` | No | `undefined` | - |
13
+ | **right-icon** | Add icon to the header on the right | `IconComponent \| string` | No | `undefined` | - |
14
+ | **icon-size** | Size of the icon | `MazIconProps['size']` | No | `md` | - |
15
+ | **block** | Display the container in full width | `boolean` | No | `false` | - |
16
16
 
17
17
  ## Slots
18
18
 
package/docs/generated-docs/maz-input.doc.md CHANGED
@@ -1,38 +1,38 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------- | -------- | ----------- | ------------------------------------------------------------------------------------------ |
5
- | **style** | Inline styles to apply to the component root element | `HTMLAttributes['style']` | No | `undefined` | - |
6
- | **class** | CSS classes to apply to the component root element | `HTMLAttributes['class']` | No | `undefined` | - |
7
- | **model-value** | `v-model` <br/>The current value of the input field. This prop is used for two-way data binding with v-model<br/>**Example:** `<MazInput v-model="inputValue" />` | `T` | No | `undefined` | - |
8
- | **placeholder** | Text displayed when the input is empty to guide the user<br/>**Example:** `"Enter your email address"` | `string` | No | `undefined` | - |
9
- | **label** | Floating label that appears inside the input and moves up when focused or filled. Provides better UX than traditional placeholders<br/>**Example:** `"Email Address"` | `string` | No | `undefined` | - |
10
- | **top-label** | Static label displayed above the input field. Unlike the floating label, this remains fixed<br/>**Example:** `"User Information"` | `string` | No | `undefined` | - |
11
- | **assistive-text** | Helper text displayed below the input to provide additional context or validation feedback<br/>**Example:** `"Must contain at least 8 characters"` | `string` | No | `undefined` | - |
12
- | **color** | Theme color that affects the border and focus states of the input<br/>**Example:** `"primary"` | `MazColor` | No | `'primary'` | `primary, secondary, accent, info, success, warning, destructive, contrast` |
13
- | **type** | HTML input type attribute that determines the input behavior and validation<br/>**Example:** `"email"` | `InputHTMLAttributes['type']` | No | `'text'` | `text, password, email, number, tel, url, search, date, time, datetime-local, month, week` |
14
- | **required** | Makes the input field mandatory for form submission<br/>**Example:** `true` | `boolean` | No | `false` | - |
15
- | **disabled** | Disables the input field, preventing user interaction and form submission<br/>**Example:** `false` | `boolean` | No | `false` | - |
16
- | **readonly** | Makes the input field read-only, allowing selection but preventing modification<br/>**Example:** `false` | `boolean` | No | `undefined` | - |
17
- | **id** | Unique identifier for the input element, used for form labels and accessibility<br/>**Example:** `"user-email"` | `string` | No | `undefined` | - |
18
- | **error** | Applies error styling (red border and text) to indicate validation failure<br/>**Example:** `true` | `boolean` | No | `false` | - |
19
- | **success** | Applies success styling (green border and text) to indicate successful validation<br/>**Example:** `true` | `boolean` | No | `false` | - |
20
- | **warning** | Applies warning styling (orange border and text) to indicate potential issues<br/>**Example:** `true` | `boolean` | No | `false` | - |
21
- | **hint** | Alternative text that replaces the label when provided. Useful for contextual hints<br/>**Example:** `"Optional field"` | `string` | No | `undefined` | - |
22
- | **input-classes** | Additional CSS classes to apply specifically to the input wrapper element<br/>**Example:** `"custom-input-wrapper"` | `string` | No | `undefined` | - |
23
- | **border** | Controls whether the input has a visible border. Set to false for borderless inputs<br/>**Example:** `true` | `boolean` | No | `true` | - |
24
- | **inputmode** | HTML inputmode attribute that provides hints for virtual keyboards on mobile devices<br/>**Example:** `"numeric"` | `InputHTMLAttributes['inputmode']` | No | `'text'` | `text, numeric, decimal, tel, search, email, url` |
25
- | **size** | Controls the height and text size of the input component<br/>**Example:** `"md"` | `MazSize` | No | `'md'` | `xs, sm, md, lg, xl, mini` |
26
- | **debounce** | Enables input debouncing to limit the frequency of value updates. When true, uses 500ms delay. When a number, uses that value as delay in milliseconds<br/>**Example:** `true` | `boolean \| number` | No | `false` | - |
27
- | **auto-focus** | Automatically focuses the input when the component mounts<br/>**Example:** `false` | `boolean` | No | `false` | - |
28
- | **border-active** | When true, shows the colored border immediately instead of only on focus<br/>**Example:** `false` | `boolean` | No | `false` | - |
29
- | **left-icon** | Icon displayed on the left side of the input. Can be an icon name string or icon component<br/>**Example:** `"user"` | `string \| IconComponent` | No | `undefined` | - |
30
- | **right-icon** | Icon displayed on the right side of the input. Can be an icon name string or icon component<br/>**Example:** `"search"` | `string \| IconComponent` | No | `undefined` | - |
31
- | **rounded-size** | Controls the border radius of the input component<br/>**Example:** `"lg"` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` | No | `'lg'` | `none, sm, md, lg, xl, full` |
32
- | **block** | Makes the input expand to the full width of its container<br/>**Example:** `false` | `boolean` | No | `undefined` | - |
33
- | **name** | The name of the input field. Used for form submission and validation<br/>**Example:** `"email"` | `string` | No | `undefined` | - |
34
- | **autocomplete** | The autocomplete attribute for the input field. Used for form submission and validation<br/>**Example:** `"email"` | `string` | No | `undefined` | - |
35
- | **loading** | Loading state for the input field. Used to show a loading spinner | `boolean` | No | `false` | - |
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ------------------------------------------------------------------------------------------ |
5
+ | **style** | Inline styles to apply to the component root element | `HTMLAttributes['style']` | No | `undefined` | - |
6
+ | **class** | CSS classes to apply to the component root element | `HTMLAttributes['class']` | No | `undefined` | - |
7
+ | **model-value** | `v-model` <br/>The current value of the input field. This prop is used for two-way data binding with v-model<br/>**Example:** `<MazInput v-model="inputValue" />` | `T` | No | `undefined` | - |
8
+ | **placeholder** | Text displayed when the input is empty to guide the user<br/>**Example:** `"Enter your email address"` | `string` | No | `undefined` | - |
9
+ | **label** | Floating label that appears inside the input and moves up when focused or filled. Provides better UX than traditional placeholders<br/>**Example:** `"Email Address"` | `string` | No | `undefined` | - |
10
+ | **top-label** | Static label displayed above the input field. Unlike the floating label, this remains fixed<br/>**Example:** `"User Information"` | `string` | No | `undefined` | - |
11
+ | **assistive-text** | Helper text displayed below the input to provide additional context or validation feedback<br/>**Example:** `"Must contain at least 8 characters"` | `string` | No | `undefined` | - |
12
+ | **color** | Theme color that affects the border and focus states of the input<br/>**Example:** `"primary"` | `MazColor` | No | `'primary'` | `primary, secondary, accent, info, success, warning, destructive, contrast` |
13
+ | **type** | HTML input type attribute that determines the input behavior and validation<br/>**Example:** `"email"` | `InputHTMLAttributes['type']` | No | `'text'` | `text, password, email, number, tel, url, search, date, time, datetime-local, month, week` |
14
+ | **required** | Makes the input field mandatory for form submission<br/>**Example:** `true` | `boolean` | No | `false` | - |
15
+ | **disabled** | Disables the input field, preventing user interaction and form submission<br/>**Example:** `false` | `boolean` | No | `false` | - |
16
+ | **readonly** | Makes the input field read-only, allowing selection but preventing modification<br/>**Example:** `false` | `boolean` | No | `undefined` | - |
17
+ | **id** | Unique identifier for the input element, used for form labels and accessibility<br/>**Example:** `"user-email"` | `string` | No | `undefined` | - |
18
+ | **error** | Applies error styling (red border and text) to indicate validation failure<br/>**Example:** `true` | `boolean` | No | `false` | - |
19
+ | **success** | Applies success styling (green border and text) to indicate successful validation<br/>**Example:** `true` | `boolean` | No | `false` | - |
20
+ | **warning** | Applies warning styling (orange border and text) to indicate potential issues<br/>**Example:** `true` | `boolean` | No | `false` | - |
21
+ | **hint** | Alternative text that replaces the label when provided. Useful for contextual hints<br/>**Example:** `"Optional field"` | `string` | No | `undefined` | - |
22
+ | **input-classes** | Additional CSS classes to apply specifically to the input wrapper element<br/>**Example:** `"custom-input-wrapper"` | `string` | No | `undefined` | - |
23
+ | **border** | Controls whether the input has a visible border. Set to false for borderless inputs<br/>**Example:** `true` | `boolean` | No | `true` | - |
24
+ | **inputmode** | HTML inputmode attribute that provides hints for virtual keyboards on mobile devices<br/>**Example:** `"numeric"` | `InputHTMLAttributes['inputmode']` | No | `'text'` | `text, numeric, decimal, tel, search, email, url` |
25
+ | **size** | Controls the height and text size of the input component<br/>**Example:** `"md"` | `MazSize` | No | `'md'` | `xs, sm, md, lg, xl, mini` |
26
+ | **debounce** | Enables input debouncing to limit the frequency of value updates. When true, uses 500ms delay. When a number, uses that value as delay in milliseconds<br/>**Example:** `true` | `boolean \| number` | No | `false` | - |
27
+ | **auto-focus** | Automatically focuses the input when the component mounts<br/>**Example:** `false` | `boolean` | No | `false` | - |
28
+ | **border-active** | When true, shows the colored border immediately instead of only on focus<br/>**Example:** `false` | `boolean` | No | `false` | - |
29
+ | **left-icon** | Icon displayed on the left side of the input. Can be an icon name string or icon component<br/>**Example:** `"user"` | `string \| IconComponent` | No | `undefined` | - |
30
+ | **right-icon** | Icon displayed on the right side of the input. Can be an icon name string or icon component<br/>**Example:** `"search"` | `string \| IconComponent` | No | `undefined` | - |
31
+ | **rounded-size** | Controls the border radius of the input component<br/>**Example:** `"lg"` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full' \| 'base'` | No | `'base'` | `none, sm, md, lg, xl, full` |
32
+ | **block** | Makes the input expand to the full width of its container<br/>**Example:** `false` | `boolean` | No | `undefined` | - |
33
+ | **name** | The name of the input field. Used for form submission and validation<br/>**Example:** `"email"` | `string` | No | `undefined` | - |
34
+ | **autocomplete** | The autocomplete attribute for the input field. Used for form submission and validation<br/>**Example:** `"email"` | `string` | No | `undefined` | - |
35
+ | **loading** | Loading state for the input field. Used to show a loading spinner | `boolean` | No | `false` | - |
36
36
 
37
37
  ## Events
38
38
 
package/docs/generated-docs/maz-read-more.doc.md CHANGED
@@ -1,15 +1,15 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default |
4
- | ----------------- | --------------------------------------------------- | ---------- | -------- | ------------------------------------ |
5
- | **text** | The text to be truncated. | `string` | No | `undefined` |
6
- | **max-lines** | The maximum number of lines to be displayed. | `number` | No | `4` |
7
- | **max-chars** | The maximum number of characters to be displayed. | `number` | No | `undefined` |
8
- | **color** | The color of the link (MazLink). | `MazColor` | No | `primary` |
9
- | **collapse-text** | The text of the link when the content is collapsed. | `string` | No | `readMore.collapse' (translations)` |
10
- | **expand-text** | The text of the link when the content is expanded. | `string` | No | `readMore.expand' (translations)` |
11
- | **id** | Unique identifier for accessibility linking. | `string` | No | `undefined` |
12
- | **aria-label** | Accessibility label for the content region. | `string` | No | `readMore.ariaLabel' (translations)` |
3
+ | Name | Description | Type | Required | Default |
4
+ | ----------------- | --------------------------------------------------- | ----------------------- | -------- | ------------------------------------ |
5
+ | **text** | The text to be truncated. | `string` | No | `undefined` |
6
+ | **max-lines** | The maximum number of lines to be displayed. | `number` | No | `4` |
7
+ | **max-chars** | The maximum number of characters to be displayed. | `number` | No | `undefined` |
8
+ | **color** | The color of the link (MazLink). | `MazLinkProps['color']` | No | `primary` |
9
+ | **collapse-text** | The text of the link when the content is collapsed. | `string` | No | `readMore.collapse' (translations)` |
10
+ | **expand-text** | The text of the link when the content is expanded. | `string` | No | `readMore.expand' (translations)` |
11
+ | **id** | Unique identifier for accessibility linking. | `string` | No | `undefined` |
12
+ | **aria-label** | Accessibility label for the content region. | `string` | No | `readMore.ariaLabel' (translations)` |
13
13
 
14
14
  ## Slots
15
15
 
package/docs/generated-docs/maz-skeleton.doc.md CHANGED
@@ -1,12 +1,12 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | ---------------- | ------------------------------------------- | -------------------------------------------------- | -------- | -------------------------------------- | ---------------------------- |
5
- | **shape** | Skeleton shape type | `'circle' \| 'rectangle' \| 'square'` | No | `rectangle` | `circle, rectangle, square` |
6
- | **size** | Size with units (ex: '2rem', '40px', '3em') | `SizeUnit` | No | `1rem` | - |
7
- | **width** | Custom width | `SizeUnit` | No | `undefined` | - |
8
- | **height** | Custom height | `SizeUnit` | No | `undefined` | - |
9
- | **animated** | Disable animation | `boolean` | No | `true` | - |
10
- | **rounded-size** | Controls the border radius | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` | No | `md` | `none, sm, md, lg, xl, full` |
11
- | **aria-label** | Accessibility label | `string` | No | `skeleton.ariaLabel' (translations)` | - |
12
- | **loading-text** | Loading text for accessibility | `string` | No | `skeleton.loadingText' (translations)` | - |
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ---------------- | ------------------------------------------- | ------------------------------------------------------------ | -------- | -------------------------------------- | ---------------------------------- |
5
+ | **shape** | Skeleton shape type | `'circle' \| 'rectangle' \| 'square'` | No | `rectangle` | `circle, rectangle, square` |
6
+ | **size** | Size with units (ex: '2rem', '40px', '3em') | `SizeUnit` | No | `1rem` | - |
7
+ | **width** | Custom width | `SizeUnit` | No | `undefined` | - |
8
+ | **height** | Custom height | `SizeUnit` | No | `undefined` | - |
9
+ | **animated** | Disable animation | `boolean` | No | `true` | - |
10
+ | **rounded-size** | Controls the border radius | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full' \| 'base'` | No | `base` | `none, sm, md, lg, xl, full, base` |
11
+ | **aria-label** | Accessibility label | `string` | No | `skeleton.ariaLabel' (translations)` | - |
12
+ | **loading-text** | Loading text for accessibility | `string` | No | `skeleton.loadingText' (translations)` | - |
package/docs/generated-docs/maz-table.doc.md CHANGED
@@ -1,42 +1,42 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | ---------------------- | ---------------------------------------------------------------------------------------- | ----------------------------------------------------- | -------- | ---------------------------------------- | ---------------------------- |
5
- | **table-class** | CSS class of the table element | `HTMLAttributes['class']` | No | `undefined` | - |
6
- | **table-style** | CSS style of the table element | `HTMLAttributes['style']` | No | `undefined` | - |
7
- | **model-value** | `v-model` <br/>List of selected rows | `(string \| boolean \| number)[]` | No | `undefined` | - |
8
- | **size** | Size of the table | `MazSize` | No | `'md'` | `xl, lg, md, sm, xs, mini` |
9
- | **input-size** | Size of the search inputs | `MazSize` | No | `undefined` | `xl, lg, md, sm, xs, mini` |
10
- | **title** | Title of the table | `string` | No | `undefined` | - |
11
- | **headers** | Headers of the table | `MazTableHeader[]` | No | `undefined` | - |
12
- | **sortable** | Enable sort feature on all columns | `boolean` | No | `false` | - |
13
- | **headers-align** | Align all headers | `string` | No | `'left'` | - |
14
- | **rows** | Rows of the table | `T[]` | No | `undefined` | - |
15
- | **hoverable** | Add hover effect on rows | `boolean` | No | `false` | - |
16
- | **search** | Enable search feature in table header | `boolean` | No | `false` | - |
17
- | **hide-search-in-row** | Disable search in rows - useful to filter data yourself or make search request to server | `boolean` | No | `false` | - |
18
- | **hide-search-by** | Disable search by column (remove select input "search by") | `boolean` | No | `false` | - |
19
- | **search-query** | `v-model:search-query` <br/>Search query in input | `string` | No | `undefined` | - |
20
- | **background-odd** | Add background color to odd rows | `boolean` | No | `false` | - |
21
- | **background-even** | Add background color to even rows | `boolean` | No | `false` | - |
22
- | **elevation** | Add shadow to the table | `boolean` | No | `false` | - |
23
- | **divider** | add divider between rows | `boolean` | No | `false` | - |
24
- | **caption** | Caption of the table | `string` | No | `undefined` | - |
25
- | **caption-side** | Caption side | `string` | No | `'bottom'` | `top, bottom` |
26
- | **pagination** | Add pagination in table footer | `boolean` | No | `false` | - |
27
- | **page** | `v-model:page` <br/>Current page of pagination | `number` | No | `1` | - |
28
- | **page-size** | `v-model:page-size` <br/>Number of items per page | `number` | No | `20` | - |
29
- | **total-pages** | Total number of pages | `number` | No | `undefined` | - |
30
- | **paginate-rows** | Don't paginate rows - useful to make pagination request with your server | `boolean` | No | `true` | - |
31
- | **total-items** | Total number of items | `number` | No | `undefined` | - |
32
- | **loading** | Loading state | `boolean` | No | `false` | - |
33
- | **selectable** | Enable selection of rows | `boolean` | No | `false` | - |
34
- | **selected-key** | Enable selection of rows - key of the selected row | `string` | No | `undefined` | - |
35
- | **table-layout** | Table layout | `string` | No | `undefined` | `auto, fixed` |
36
- | **color** | Color of the component | `MazColor` | No | `'primary'` | - |
37
- | **translations** | Translations of the table | `DeepPartial<MazUiTranslationsNestedSchema['table']>` | No | `Translations from @maz-ui/translations` | - |
38
- | **rounded-size** | Size radius of the component's border | `string` | No | `'lg'` | `none, sm, md, lg, xl, full` |
39
- | **scrollable** | Enable scrollable on table | `boolean` | No | `false` | - |
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ---------------------- | ---------------------------------------------------------------------------------------- | ----------------------------------------------------- | -------- | ---------------------------------------- | ---------------------------------- |
5
+ | **table-class** | CSS class of the table element | `HTMLAttributes['class']` | No | `undefined` | - |
6
+ | **table-style** | CSS style of the table element | `HTMLAttributes['style']` | No | `undefined` | - |
7
+ | **model-value** | `v-model` <br/>List of selected rows | `(string \| boolean \| number)[]` | No | `undefined` | - |
8
+ | **size** | Size of the table | `MazSize` | No | `'md'` | `xl, lg, md, sm, xs, mini` |
9
+ | **input-size** | Size of the search inputs | `MazSize` | No | `undefined` | `xl, lg, md, sm, xs, mini` |
10
+ | **title** | Title of the table | `string` | No | `undefined` | - |
11
+ | **headers** | Headers of the table | `MazTableHeader[]` | No | `undefined` | - |
12
+ | **sortable** | Enable sort feature on all columns | `boolean` | No | `false` | - |
13
+ | **headers-align** | Align all headers | `string` | No | `'left'` | - |
14
+ | **rows** | Rows of the table | `T[]` | No | `undefined` | - |
15
+ | **hoverable** | Add hover effect on rows | `boolean` | No | `false` | - |
16
+ | **search** | Enable search feature in table header | `boolean` | No | `false` | - |
17
+ | **hide-search-in-row** | Disable search in rows - useful to filter data yourself or make search request to server | `boolean` | No | `false` | - |
18
+ | **hide-search-by** | Disable search by column (remove select input "search by") | `boolean` | No | `false` | - |
19
+ | **search-query** | `v-model:search-query` <br/>Search query in input | `string` | No | `undefined` | - |
20
+ | **background-odd** | Add background color to odd rows | `boolean` | No | `false` | - |
21
+ | **background-even** | Add background color to even rows | `boolean` | No | `false` | - |
22
+ | **elevation** | Add shadow to the table | `boolean` | No | `false` | - |
23
+ | **divider** | add divider between rows | `boolean` | No | `false` | - |
24
+ | **caption** | Caption of the table | `string` | No | `undefined` | - |
25
+ | **caption-side** | Caption side | `string` | No | `'bottom'` | `top, bottom` |
26
+ | **pagination** | Add pagination in table footer | `boolean` | No | `false` | - |
27
+ | **page** | `v-model:page` <br/>Current page of pagination | `number` | No | `1` | - |
28
+ | **page-size** | `v-model:page-size` <br/>Number of items per page | `number` | No | `20` | - |
29
+ | **total-pages** | Total number of pages | `number` | No | `undefined` | - |
30
+ | **paginate-rows** | Don't paginate rows - useful to make pagination request with your server | `boolean` | No | `true` | - |
31
+ | **total-items** | Total number of items | `number` | No | `undefined` | - |
32
+ | **loading** | Loading state | `boolean` | No | `false` | - |
33
+ | **selectable** | Enable selection of rows | `boolean` | No | `false` | - |
34
+ | **selected-key** | Enable selection of rows - key of the selected row | `string` | No | `undefined` | - |
35
+ | **table-layout** | Table layout | `string` | No | `undefined` | `auto, fixed` |
36
+ | **color** | Color of the component | `MazColor` | No | `'primary'` | - |
37
+ | **translations** | Translations of the table | `DeepPartial<MazUiTranslationsNestedSchema['table']>` | No | `Translations from @maz-ui/translations` | - |
38
+ | **rounded-size** | Size radius of the component's border | `string` | No | `'lg'` | `none, sm, md, lg, xl, full, base` |
39
+ | **scrollable** | Enable scrollable on table | `boolean` | No | `false` | - |
40
40
 
41
41
  ## Events
42
42
 
package/docs/generated-docs/maz-textarea.doc.md CHANGED
@@ -1,27 +1,29 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | ------------------ | -------------------------------------------- | ------------------------------------------------------------------------------------- | -------- | --------------- | ------------------------------------------------------------------------------------- |
5
- | **style** | Style attribut of the component root element | `Native type` | No | `undefined` | - |
6
- | **class** | Class attribut of the component root element | `Native type` | No | `undefined` | - |
7
- | **model-value** | `v-model` <br/> | `T` | No | `undefined` | - |
8
- | **id** | The id of the textarea | `string` | No | `undefined` | - |
9
- | **name** | The name of the textarea | `string` | No | `'MazTextarea'` | - |
10
- | **label** | The label of the textarea | `string` | No | `undefined` | - |
11
- | **placeholder** | The placeholder of the textarea | `string` | No | `undefined` | - |
12
- | **required** | If the textarea is required | `boolean` | No | `false` | - |
13
- | **disabled** | If the textarea is disabled | `boolean` | No | `false` | - |
14
- | **readonly** | If the textarea is readonly | `boolean` | No | `false` | - |
15
- | **error** | If the textarea has an error | `boolean` | No | `false` | - |
16
- | **success** | If the textarea has a success | `boolean` | No | `false` | - |
17
- | **warning** | If the textarea has a warning | `boolean` | No | `false` | - |
18
- | **hint** | The hint of the textarea | `string` | No | `undefined` | - |
19
- | **color** | The color of the textarea | `MazColor` | No | `'primary'` | - |
20
- | **rounded-size** | Size radius of the component's border | `"none" \| "sm" \| "md" \| "lg" \| "xl" \| "full"` | No | `undefined` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
21
- | **padding** | If the textarea has a padding | `boolean` | No | `true` | - |
22
- | **transparent** | If the textarea has a transparent background | `boolean` | No | `false` | - |
23
- | **border** | If the textarea has no border | `boolean` | No | `true` | - |
24
- | **append-justify** | The alignment of the append slot | `"start" \| "end" \| "center" \| "space-between" \| "space-around" \| "space-evenly"` | No | `'end'` | `'start' \| 'end' \| 'center' \| 'space-between' \| 'space-around' \| 'space-evenly'` |
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ------------------ | ---------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- | -------- | --------------- | ------------------------------------------------------------------------------------- |
5
+ | **style** | Style attribut of the component root element | `Native type` | No | `undefined` | - |
6
+ | **class** | Class attribut of the component root element | `Native type` | No | `undefined` | - |
7
+ | **model-value** | `v-model` <br/> | `T` | No | `undefined` | - |
8
+ | **id** | The id of the textarea | `string` | No | `undefined` | - |
9
+ | **name** | The name of the textarea | `string` | No | `'MazTextarea'` | - |
10
+ | **label** | The label of the textarea | `string` | No | `undefined` | - |
11
+ | **placeholder** | The placeholder of the textarea | `string` | No | `undefined` | - |
12
+ | **required** | If the textarea is required | `boolean` | No | `false` | - |
13
+ | **disabled** | If the textarea is disabled | `boolean` | No | `false` | - |
14
+ | **readonly** | If the textarea is readonly | `boolean` | No | `false` | - |
15
+ | **error** | If the textarea has an error | `boolean` | No | `false` | - |
16
+ | **success** | If the textarea has a success | `boolean` | No | `false` | - |
17
+ | **warning** | If the textarea has a warning | `boolean` | No | `false` | - |
18
+ | **hint** | The hint of the textarea | `string` | No | `undefined` | - |
19
+ | **color** | The color of the textarea | `MazColor` | No | `'primary'` | - |
20
+ | **rounded-size** | Size radius of the component's border | `"none" \| "sm" \| "md" \| "lg" \| "xl" \| "full" \| "base"` | No | `undefined` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full' \| 'base'` |
21
+ | **padding** | If the textarea has a padding | `boolean` | No | `true` | - |
22
+ | **transparent** | If the textarea has a transparent background | `boolean` | No | `false` | - |
23
+ | **border** | If the textarea has no border | `boolean` | No | `true` | - |
24
+ | **autogrow** | If the textarea should autogrow based on its content | `boolean` | No | `true` | - |
25
+ | **append-justify** | The alignment of the append slot | `"start" \| "end" \| "center" \| "space-between" \| "space-around" \| "space-evenly"` | No | `'end'` | `'start' \| 'end' \| 'center' \| 'space-between' \| 'space-around' \| 'space-evenly'` |
26
+ | **top-label** | Static label displayed above the textarea. Unlike the floating label, this remains fixed | `string` | No | `undefined` | - |
25
27
 
26
28
  ## Events
27
29
 
package/docs/src/components/maz-textarea.md CHANGED
@@ -10,14 +10,14 @@ description: MazTextarea is a standalone component that replaces the standard ht
10
10
  <!--@include: ./../../.vitepress/mixins/getting-started.md-->
11
11
 
12
12
  ::: info
13
- This component has the "autogrow" feature, so when the user writes, the textarea expands automatically
13
+ This component uses the native CSS `field-sizing: content` property for autogrow — the textarea expands automatically as the user types, with zero JavaScript overhead.
14
14
  :::
15
15
 
16
16
  ## Basic usage
17
17
 
18
18
  <ComponentDemo expanded>
19
19
  <MazTextarea
20
- v-model="value"
20
+ v-model="mainValue"
21
21
  name="comment"
22
22
  label="Enter your comment"
23
23
  />
@@ -44,6 +44,30 @@ const value = ref()
44
44
  </template>
45
45
  </ComponentDemo>
46
46
 
47
+ ## With top-label
48
+
49
+ You can use the `top-label` attribute to display a top label above the textarea.
50
+
51
+ <ComponentDemo>
52
+ <MazTextarea
53
+ v-model="value"
54
+ top-label="Your message"
55
+ placeholder="Type your message..."
56
+ />
57
+
58
+ <template #code>
59
+
60
+ ```html
61
+ <MazTextarea
62
+ v-model="value"
63
+ top-label="Your message"
64
+ placeholder="Type your message..."
65
+ />
66
+ ```
67
+
68
+ </template>
69
+ </ComponentDemo>
70
+
47
71
  ## With label and append slots
48
72
 
49
73
  You can use the `label` and `append` slots to customize the label and the append element.
@@ -137,6 +161,34 @@ You can use the `hint` attribute to display a hint message. This will replace th
137
161
  hint="This is a hint message"
138
162
  warning
139
163
  />
164
+ <hr class="maz-my-4">
165
+ <MazTextarea
166
+ v-model="value"
167
+ name="comment"
168
+ top-label="This is a label"
169
+ hint="This is a hint message"
170
+ />
171
+ <MazTextarea
172
+ v-model="value"
173
+ name="comment"
174
+ top-label="This is a label"
175
+ hint="This is a hint message"
176
+ error
177
+ />
178
+ <MazTextarea
179
+ v-model="value"
180
+ name="comment"
181
+ top-label="This is a label"
182
+ hint="This is a hint message"
183
+ success
184
+ />
185
+ <MazTextarea
186
+ v-model="value"
187
+ name="comment"
188
+ top-label="This is a label"
189
+ hint="This is a hint message"
190
+ warning
191
+ />
140
192
  </div>
141
193
 
142
194
  <template #code>
@@ -170,12 +222,61 @@ You can use the `hint` attribute to display a hint message. This will replace th
170
222
  hint="This is a hint message"
171
223
  warning
172
224
  />
225
+ <hr class="maz-my-4">
226
+ <MazTextarea
227
+ v-model="value"
228
+ name="comment"
229
+ top-label="This is a label"
230
+ hint="This is a hint message"
231
+ />
232
+ <MazTextarea
233
+ v-model="value"
234
+ name="comment"
235
+ top-label="This is a label"
236
+ hint="This is a hint message"
237
+ error
238
+ />
239
+ <MazTextarea
240
+ v-model="value"
241
+ name="comment"
242
+ top-label="This is a label"
243
+ hint="This is a hint message"
244
+ success
245
+ />
246
+ <MazTextarea
247
+ v-model="value"
248
+ name="comment"
249
+ top-label="This is a label"
250
+ hint="This is a hint message"
251
+ warning
252
+ />
173
253
  </template>
174
254
  ```
175
255
 
176
256
  </template>
177
257
  </ComponentDemo>
178
258
 
259
+ ## Disable autogrow
260
+
261
+ By default, the textarea automatically expands as the user types. You can disable this behavior with the `autogrow` prop set to `false` — the textarea will then have a fixed height with a manual resize handle.
262
+
263
+ <ComponentDemo>
264
+ <MazTextarea
265
+ v-model="value"
266
+ name="comment"
267
+ label="Fixed height textarea"
268
+ :autogrow="false"
269
+ />
270
+
271
+ <template #code>
272
+
273
+ ```html
274
+ <MazTextarea v-model="value" name="comment" label="Fixed height textarea" :autogrow="false" />
275
+ ```
276
+
277
+ </template>
278
+ </ComponentDemo>
279
+
179
280
  ## Disabled
180
281
 
181
282
  <ComponentDemo>
@@ -201,6 +302,7 @@ You can use the `hint` attribute to display a hint message. This will replace th
201
302
  import { ref } from 'vue'
202
303
  import { useToast } from 'maz-ui/src/composables/useToast'
203
304
 
305
+ const mainValue = ref()
204
306
  const value = ref()
205
307
 
206
308
  const toast = useToast()
@@ -212,7 +314,3 @@ You can use the `hint` attribute to display a hint message. This will replace th
212
314
  value.value = ''
213
315
  }
214
316
  </script>
215
-
216
- ```
217
-
218
- ```
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@maz-ui/mcp",
3
3
  "type": "module",
4
- "version": "4.9.0",
4
+ "version": "4.9.1",
5
5
  "description": "Maz-UI ModelContextProtocol Client",
6
6
  "author": "Louis Mazel <me@loicmazuel.com>",
7
7
  "license": "MIT",
@@ -41,18 +41,18 @@
41
41
  "docs"
42
42
  ],
43
43
  "dependencies": {
44
- "@modelcontextprotocol/sdk": "^1.27.1",
44
+ "@modelcontextprotocol/sdk": "^1.29.0",
45
45
  "@maz-ui/node": "4.6.1",
46
46
  "@maz-ui/utils": "4.7.6"
47
47
  },
48
48
  "devDependencies": {
49
- "@modelcontextprotocol/inspector": "^0.21.1",
50
- "@swc/core": "1.15.18",
51
- "prettier": "^3.8.1",
49
+ "@modelcontextprotocol/inspector": "^0.21.2",
50
+ "@swc/core": "1.15.26",
51
+ "prettier": "^3.8.3",
52
52
  "ts-node-maintained": "^10.9.5",
53
53
  "tsx": "^4.21.0",
54
54
  "unbuild": "^3.6.1",
55
- "@maz-ui/eslint-config": "4.8.0"
55
+ "@maz-ui/eslint-config": "4.9.1"
56
56
  },
57
57
  "lint-staged": {
58
58
  "*.{js,ts,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"