@maz-ui/mcp 5.0.0-beta.3 → 5.0.0-beta.30

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 (151) hide show
  1. package/README.md +1 -1
  2. package/dist/mcp.d.mts +22 -9
  3. package/dist/mcp.d.ts +22 -9
  4. package/dist/mcp.mjs +160 -83
  5. package/docs/generated-docs/maz-avatar.doc.md +30 -30
  6. package/docs/generated-docs/maz-btn.doc.md +3 -2
  7. package/docs/generated-docs/maz-checkbox.doc.md +16 -17
  8. package/docs/generated-docs/maz-circular-progress-bar.doc.md +1 -1
  9. package/docs/generated-docs/maz-code-highlight.doc.md +11 -0
  10. package/docs/generated-docs/maz-container.doc.md +1 -0
  11. package/docs/generated-docs/maz-date-picker.doc.md +41 -41
  12. package/docs/generated-docs/maz-drawer.doc.md +7 -8
  13. package/docs/generated-docs/maz-dropdown.doc.md +3 -0
  14. package/docs/generated-docs/maz-expand-animation.doc.md +4 -4
  15. package/docs/generated-docs/maz-fullscreen-loader.doc.md +5 -5
  16. package/docs/generated-docs/maz-gallery.doc.md +15 -15
  17. package/docs/generated-docs/maz-input-code.doc.md +16 -16
  18. package/docs/generated-docs/maz-input-phone-number.doc.md +42 -38
  19. package/docs/generated-docs/maz-input-price.doc.md +14 -14
  20. package/docs/generated-docs/maz-input-tags.doc.md +16 -16
  21. package/docs/generated-docs/maz-input.doc.md +33 -33
  22. package/docs/generated-docs/maz-lazy-img.doc.md +14 -14
  23. package/docs/generated-docs/maz-loading-bar.doc.md +4 -4
  24. package/docs/generated-docs/maz-markdown-editor.doc.md +65 -0
  25. package/docs/generated-docs/maz-popover.doc.md +1 -1
  26. package/docs/generated-docs/maz-pull-to-refresh.doc.md +10 -10
  27. package/docs/generated-docs/maz-radio-buttons.doc.md +17 -17
  28. package/docs/generated-docs/maz-radio.doc.md +16 -16
  29. package/docs/generated-docs/maz-reading-progress-bar.doc.md +4 -4
  30. package/docs/generated-docs/maz-sidebar-content.doc.md +5 -0
  31. package/docs/generated-docs/maz-sidebar-footer.doc.md +5 -0
  32. package/docs/generated-docs/maz-sidebar-group.doc.md +11 -0
  33. package/docs/generated-docs/maz-sidebar-header.doc.md +5 -0
  34. package/docs/generated-docs/maz-sidebar-menu-button.doc.md +27 -0
  35. package/docs/generated-docs/maz-sidebar-menu-item.doc.md +5 -0
  36. package/docs/generated-docs/maz-sidebar-menu-sub.doc.md +16 -0
  37. package/docs/generated-docs/maz-sidebar-menu.doc.md +5 -0
  38. package/docs/generated-docs/maz-sidebar-separator.doc.md +0 -0
  39. package/docs/generated-docs/maz-sidebar-trigger.doc.md +5 -0
  40. package/docs/generated-docs/maz-sidebar.doc.md +36 -0
  41. package/docs/generated-docs/maz-slider.doc.md +1 -1
  42. package/docs/generated-docs/maz-spinner.doc.md +4 -4
  43. package/docs/generated-docs/maz-switch.doc.md +14 -14
  44. package/docs/generated-docs/maz-table.doc.md +5 -5
  45. package/docs/generated-docs/maz-textarea.doc.md +25 -24
  46. package/docs/generated-docs/maz-ticker.doc.md +1 -1
  47. package/docs/generated-docs/maz-timeline.doc.md +4 -4
  48. package/docs/generated-docs/maz-window-mockup.doc.md +23 -0
  49. package/docs/src/blog/v4.md +1 -1
  50. package/docs/src/blog/v5.md +5 -7
  51. package/docs/src/components/maz-avatar.md +29 -0
  52. package/docs/src/components/maz-btn.md +1 -1
  53. package/docs/src/components/maz-code-highlight.md +233 -0
  54. package/docs/src/components/maz-container.md +2 -2
  55. package/docs/src/components/maz-date-picker.md +1 -1
  56. package/docs/src/components/maz-dialog.md +46 -0
  57. package/docs/src/components/maz-dropdown.md +32 -16
  58. package/docs/src/components/maz-icon.md +2 -2
  59. package/docs/src/components/maz-input-phone-number.md +106 -103
  60. package/docs/src/components/maz-markdown-editor.md +369 -0
  61. package/docs/src/components/maz-sidebar.md +719 -0
  62. package/docs/src/components/maz-textarea.md +27 -1
  63. package/docs/src/components/maz-timeline.md +60 -0
  64. package/docs/src/components/maz-window-mockup.md +249 -0
  65. package/docs/src/composables/use-form-validator.md +50 -11
  66. package/docs/src/directives/click-outside.md +8 -15
  67. package/docs/src/directives/fullscreen-img.md +1 -1
  68. package/docs/src/directives/lazy-img.md +5 -5
  69. package/docs/src/directives/tooltip.md +24 -1
  70. package/docs/src/directives/zoom-img.md +1 -1
  71. package/docs/src/ecosystem/eslint-config.md +95 -1
  72. package/docs/src/{guide/icons.md → ecosystem/icons/index.md} +1 -1
  73. package/docs/src/ecosystem/node/exec-promise.md +87 -0
  74. package/docs/src/ecosystem/node/index.md +53 -0
  75. package/docs/src/ecosystem/node/logger.md +146 -0
  76. package/docs/src/ecosystem/node/print-banner.md +93 -0
  77. package/docs/src/{guide → ecosystem}/nuxt.md +81 -47
  78. package/docs/src/{guide → ecosystem}/themes.md +153 -72
  79. package/docs/src/{guide → ecosystem}/translations.md +1 -1
  80. package/docs/src/ecosystem/utils/camel-case.md +31 -0
  81. package/docs/src/{helpers → ecosystem/utils}/capitalize.md +2 -3
  82. package/docs/src/ecosystem/utils/check-availability.md +79 -0
  83. package/docs/src/ecosystem/utils/cookie.md +80 -0
  84. package/docs/src/{helpers → ecosystem/utils}/currency.md +2 -2
  85. package/docs/src/{helpers → ecosystem/utils}/date.md +2 -2
  86. package/docs/src/ecosystem/utils/debounce-callback.md +38 -0
  87. package/docs/src/ecosystem/utils/debounce-id.md +69 -0
  88. package/docs/src/ecosystem/utils/debounce.md +65 -0
  89. package/docs/src/ecosystem/utils/fetch-locale-ip.md +33 -0
  90. package/docs/src/ecosystem/utils/format-json.md +33 -0
  91. package/docs/src/ecosystem/utils/format-phone-number.md +37 -0
  92. package/docs/src/ecosystem/utils/get-browser-locale.md +29 -0
  93. package/docs/src/ecosystem/utils/get-error-message.md +39 -0
  94. package/docs/src/ecosystem/utils/idle-timeout.md +90 -0
  95. package/docs/src/ecosystem/utils/index.md +60 -0
  96. package/docs/src/ecosystem/utils/is-client.md +32 -0
  97. package/docs/src/ecosystem/utils/is-equal.md +38 -0
  98. package/docs/src/ecosystem/utils/is-server.md +31 -0
  99. package/docs/src/ecosystem/utils/is-standalone-mode.md +43 -0
  100. package/docs/src/ecosystem/utils/kebab-case.md +36 -0
  101. package/docs/src/ecosystem/utils/normalize-string.md +77 -0
  102. package/docs/src/{helpers → ecosystem/utils}/number.md +2 -2
  103. package/docs/src/ecosystem/utils/pascal-case.md +35 -0
  104. package/docs/src/ecosystem/utils/script-loader.md +77 -0
  105. package/docs/src/ecosystem/utils/sleep.md +59 -0
  106. package/docs/src/ecosystem/utils/snake-case.md +36 -0
  107. package/docs/src/ecosystem/utils/swipe-handler.md +91 -0
  108. package/docs/src/ecosystem/utils/textarea-autogrow.md +41 -0
  109. package/docs/src/ecosystem/utils/throttle-id.md +48 -0
  110. package/docs/src/ecosystem/utils/throttle.md +57 -0
  111. package/docs/src/ecosystem/utils/truthy-filter.md +31 -0
  112. package/docs/src/ecosystem/utils/types/deep-key-of.md +48 -0
  113. package/docs/src/ecosystem/utils/types/deep-partial.md +42 -0
  114. package/docs/src/ecosystem/utils/types/deep-required.md +39 -0
  115. package/docs/src/ecosystem/utils/types/flatten-object-keys.md +44 -0
  116. package/docs/src/ecosystem/utils/types/generic-instance-type.md +42 -0
  117. package/docs/src/ecosystem/utils/types/infer-maybe-ref.md +35 -0
  118. package/docs/src/ecosystem/utils/upper-first.md +32 -0
  119. package/docs/src/ecosystem/utils/user-visibility.md +69 -0
  120. package/docs/src/guide/getting-started.md +15 -13
  121. package/docs/src/guide/global-defaults.md +101 -0
  122. package/docs/src/guide/maz-ui-provider.md +6 -3
  123. package/docs/src/guide/migration-v4.md +13 -9
  124. package/docs/src/guide/migration-v5.md +112 -13
  125. package/docs/src/guide/resolvers.md +7 -7
  126. package/docs/src/guide/tailwind.md +4 -0
  127. package/docs/src/guide/vue.md +4 -4
  128. package/docs/src/index.md +12 -12
  129. package/docs/src/plugins/aos.md +1 -1
  130. package/docs/src/plugins/wait.md +1 -1
  131. package/package.json +8 -7
  132. package/docs/src/helpers/camel-case.md +0 -14
  133. package/docs/src/helpers/check-availability.md +0 -14
  134. package/docs/src/helpers/debounce-callback.md +0 -14
  135. package/docs/src/helpers/debounce-id.md +0 -14
  136. package/docs/src/helpers/debounce.md +0 -14
  137. package/docs/src/helpers/is-client.md +0 -14
  138. package/docs/src/helpers/is-equal.md +0 -14
  139. package/docs/src/helpers/is-standalone-mode.md +0 -14
  140. package/docs/src/helpers/kebab-case.md +0 -14
  141. package/docs/src/helpers/normalize-string.md +0 -14
  142. package/docs/src/helpers/pascal-case.md +0 -14
  143. package/docs/src/helpers/script-loader.md +0 -14
  144. package/docs/src/helpers/sleep.md +0 -14
  145. package/docs/src/helpers/snake-case.md +0 -14
  146. package/docs/src/helpers/throttle-id.md +0 -14
  147. package/docs/src/helpers/throttle.md +0 -14
  148. /package/docs/src/{guide → ecosystem/icons}/icon-set.md +0 -0
  149. /package/docs/src/{guide → ecosystem}/mcp.md +0 -0
  150. /package/docs/src/{helpers → ecosystem/utils}/country-code-to-unicode-flag.md +0 -0
  151. /package/docs/src/{helpers → ecosystem/utils}/get-country-flag-url.md +0 -0
package/docs/generated-docs/maz-avatar.doc.md CHANGED
@@ -1,30 +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 | `undefined` | - |
12
- | **target** | The target of the link | `string` | No | `undefined` | - |
13
- | **size** | The size of the avatar | `MazSizeUnit` | 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"` |
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 - a keyword from `MazSize` or any CSS size unit | `MazSize \| MazSizeUnit` | No | `undefined` | `'mini' \| 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'` or a CSS unit like `'2rem'`, `'48px'` |
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 initials. - For a single-word caption, the first `letterCount` characters are used (`'admin'` + `3` -> `'ADM'`). - For a multi-word caption, the first letter of the first `letterCount` words is used (`'Louis Mazel'` -> `'LM'`). | `number` | No | `2` | - |
24
+ | **rounded-size** | Size of the rounded | `MazRoundedSize` | 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"` |
28
28
 
29
29
  ## Events
30
30
 
@@ -38,8 +38,8 @@
38
38
 
39
39
  ## Slots
40
40
 
41
- | Name | Description | Bindings |
42
- | ---------- | ----------- | -------- |
43
- | round-text | | |
44
- | icon | | |
45
- | caption | | |
41
+ | Name | Description | Bindings |
42
+ | ---------- | ------------------------------------------------------------------------------------ | -------- |
43
+ | round-text | Replace the initials displayed when a caption is set and no image source is provided | |
44
+ | icon | The icon displayed on the clickable button overlay (shown on hover/focus) | |
45
+ | caption | Replace the caption displayed below the avatar (requires `showCaption`) | |
package/docs/generated-docs/maz-btn.doc.md CHANGED
@@ -4,9 +4,10 @@
4
4
  | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- | -------- | ----------- | --------------------------------------------------------------------------------------------------------------------------------------- |
5
5
  | **text** | The text of the button, if not provided, the slot will be used | `string` | No | `undefined` | - |
6
6
  | **size** | Predifined sizes of the button | `MazSize` | No | `undefined` | `'xl' \| 'lg' \| 'md' \| 'sm' \| 'xs' \| 'mini'` |
7
- | **color** | The color of the button | `MazColor \| "surface"` | No | `undefined` | `'primary' \| 'secondary' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'transparent' \| 'contrast' \| 'accent' \| 'surface'` |
7
+ | **color** | The color of the button | `MazColor \| "surface"` | No | `undefined` | `'primary' \| 'secondary' \| 'accent' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'contrast' \| 'transparent' \| 'surface'` |
8
+ | **text-color** | The text color of the button | `MazColor \| "muted"` | No | `undefined` | `primary' \| 'secondary' \| 'accent' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'contrast' \| 'transparent' \| 'muted'` |
8
9
  | **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 | `md` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
10
+ | **rounded-size** | Size of the rounded | `MazRoundedSize` | No | `md` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
10
11
  | **outlined** | If true, the button have the "border" style | `boolean` | No | `false` | - |
11
12
  | **pastel** | If true, the button will have a pastel color | `boolean` | No | `false` | - |
12
13
  | **block** | If true, the button will have a full width | `boolean` | No | `false` | - |
package/docs/generated-docs/maz-checkbox.doc.md CHANGED
@@ -1,22 +1,21 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default |
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** | The model value of the checkbox | `T` | No | `undefined` |
8
- | **id** | The id of the checkbox | `string` | No | `undefined` |
9
- | **color** | The color of the checkbox | `MazColor` | No | `'primary'` |
10
- | **value** | The value of the checkbox when selected | `MazCheckboxValue` | No | `undefined` |
11
- | **name** | The name of the checkbox | `string` | No | `'m-checkbox'` |
12
- | **size** | The size of the checkbox | `MazSize` | No | `'md'` |
13
- | **label** | Text label | `string` | No | `undefined` |
14
- | **disabled** | If the checkbox is disabled | `boolean` | No | `false` |
15
- | **error** | Whether there is an error with the input. | `boolean` | No | `undefined` |
16
- | **success** | Whether the input is successful. | `boolean` | No | `undefined` |
17
- | **warning** | Whether there is a warning with the input. | `boolean` | No | `undefined` |
18
- | **hint** | The hint text to display below the input. | `string` | No | `undefined` |
19
- | **tabindex** | | `any` | No | `0` |
3
+ | Name | Description | Type | Required |
4
+ | --------------- | -------------------------------------------- | ------------------ | -------- |
5
+ | **style** | Style attribut of the component root element | `Native type` | No |
6
+ | **class** | Class attribut of the component root element | `Native type` | No |
7
+ | **model-value** | The model value of the checkbox | `T` | No |
8
+ | **id** | The id of the checkbox | `string` | No |
9
+ | **color** | The color of the checkbox | `MazColor` | No |
10
+ | **value** | The value of the checkbox when selected | `MazCheckboxValue` | No |
11
+ | **name** | The name of the checkbox | `string` | No |
12
+ | **size** | The size of the checkbox | `MazSize` | No |
13
+ | **label** | Text label | `string` | No |
14
+ | **disabled** | If the checkbox is disabled | `boolean` | No |
15
+ | **error** | Whether there is an error with the input. | `boolean` | No |
16
+ | **success** | Whether the input is successful. | `boolean` | No |
17
+ | **warning** | Whether there is a warning with the input. | `boolean` | No |
18
+ | **hint** | The hint text to display below the input. | `string` | No |
20
19
 
21
20
  ## Events
22
21
 
package/docs/generated-docs/maz-circular-progress-bar.doc.md CHANGED
@@ -3,7 +3,7 @@
3
3
  | Name | Description | Type | Required | Default | Possible values |
4
4
  | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | -------- | -------------------------------------------- | ------------------------------------ |
5
5
  | **percentage** | The percentage value of the progress bar | `number` | Yes | `undefined` | - |
6
- | **size** | The size of the progress bar | `string` | No | `10em' (equal 80px for a font-size of 16px)` | - |
6
+ | **size** | The size of the progress bar | `MazSizeUnit` | No | `10em' (equal 80px for a font-size of 16px)` | - |
7
7
  | **duration** | Duration of the animation in milliseconds | `number` | No | `1000` | - |
8
8
  | **delay** | Delay before the animation starts in milliseconds | `number` | No | `100` | - |
9
9
  | **color** | The color of the progress bar | `MazColor` | No | `undefined` | - |
package/docs/generated-docs/maz-code-highlight.doc.md ADDED
@@ -0,0 +1,11 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default |
4
+ | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- | -------- | ----------- |
5
+ | **code** | Source code to highlight | `string` | No | `undefined` |
6
+ | **language** | Language identifier for syntax highlighting (e.g. 'vue', 'ts', 'bash') | `string` | No | `undefined` |
7
+ | **theme** | Override the shiki theme name. Defaults to github-light/github-dark based on current color mode | `string` | No | `undefined` |
8
+ | **rounded** | Apply rounded corners on the highlighted code block. | `boolean` | No | `true` |
9
+ | **copyable** | Show the copy-to-clipboard button on hover. | `boolean` | No | `true` |
10
+ | **copy-value** | Value copied to the clipboard. Falls back to the resolved code when omitted. Useful when the displayed code differs from what should be copied (e.g. terminal prompt prefix). | `string` | No | `undefined` |
11
+ | **translations** | Custom translations for the component. Override either key independently. | `Partial<MazUiTranslationsNestedSchema['codeHighlight']>` | No | `undefined` |
package/docs/generated-docs/maz-container.doc.md CHANGED
@@ -13,6 +13,7 @@
13
13
  | **end-icon** | Icon displayed on the inline-end edge of the header (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object. | `MazIconLike` | No | `undefined` | - |
14
14
  | **icon-size** | Size of the icon | `MazIconProps['size']` | No | `md` | - |
15
15
  | **block** | Display the container in full width | `boolean` | No | `false` | - |
16
+ | **content-class** | Additional class to add to the content wrapper | `string` | No | `undefined` | - |
16
17
 
17
18
  ## Slots
18
19
 
package/docs/generated-docs/maz-date-picker.doc.md CHANGED
@@ -1,46 +1,46 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | ---------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------- | -------- | ----------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
5
- | **id** | The unique identifier of the component | `string` | No | `undefined` | - |
6
- | **style** | The inline style object for the component | `HTMLAttributes['style']` | No | `undefined` | - |
7
- | **class** | The CSS class(es) to apply to the component | `HTMLAttributes['class']` | No | `undefined` | - |
8
- | **input-props** | The props to apply to the input component | `MazInputProps` | No | `undefined` | - |
9
- | **model-value** | The value of the date picker component If an object is provided, the picker will be a range picker | `MazDatePickerValue` | No | `undefined` | - |
10
- | **format** | The format pattern for date display and parsing<br/>**Example:** `'YYYY-MM-DD', 'DD/MM/YYYY', 'YYYY-MM-DD HH:mm'` | `string` | No | `'YYYY-MM-DD'` | - |
11
- | **open** | `v-model:open` <br/>Controls whether the picker window is open | `boolean` | No | `false` | - |
12
- | **label** | The label text displayed above the input field | `string` | No | `undefined` | - |
13
- | **placeholder** | The placeholder text shown when no value is selected | `string` | No | `undefined` | - |
14
- | **input-date-format** | The Intl.DateTimeFormatOptions for styling the input date display | `Intl.DateTimeFormatOptions` | No | `() => ({ dateStyle: 'medium', timeStyle: 'short' })` | - |
15
- | **input-date-transformer** | Custom function to transform the formatted date display | `Function` | No | `undefined` | - |
16
- | **locale** | The locale string for date formatting and localization<br/>**Example:** `'en-US', 'fr-FR', 'de-DE'` | `string` | No | `undefined` | - |
17
- | **hide-header** | Controls whether the calendar header is hidden | `boolean` | No | `false` | - |
18
- | **disabled** | Controls whether the component is disabled | `boolean` | No | `false` | - |
19
- | **first-day-of-week** | The first day of the week in the calendar<br/>**Example:** `0 (Sunday), 1 (Monday), 6 (Saturday)` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6` | No | `0` | `0, 1, 2, 3, 4, 5, 6` |
20
- | **auto-close** | Controls whether the picker closes automatically after date selection | `boolean` | No | `false` | - |
21
- | **custom-element-selector** | CSS selector for a custom element that triggers the picker<br/>**Example:** `'#my-button', '.trigger-class'` | `string` | No | `undefined` | - |
22
- | **double** | Controls whether the picker displays two months side by side | `boolean` | No | `false` | - |
23
- | **inline** | Controls whether the picker is displayed inline without input field | `boolean` | No | `false` | - |
24
- | **color** | The color theme of the component | `MazColor` | No | `'primary'` | `primary, secondary, success, destructive, warning, info, accent, contrast` |
25
- | **picker-position** | The position where the picker popover should appear | `MazPopoverProps['position']` | No | `'auto'` | `top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start` |
26
- | **picker-prefer-position** | The preferred position of the picker popover | `MazPopoverProps['preferPosition']` | No | `'bottom-start'` | `top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start` |
27
- | **picker-fallback-position** | The fallback position of the picker popover | `MazPopoverProps['fallbackPosition']` | No | `'top-start'` | `top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start` |
28
- | **time** | Controls whether the picker includes a time selector | `boolean` | No | `false` | - |
29
- | **only-time** | Controls whether the picker shows only time selection (no date) | `boolean` | No | `false` | - |
30
- | **minute-interval** | The interval in minutes for the time picker minute selection | `number` | No | `5` | `1, 5, 10, 15, 30` |
31
- | **use-browser-locale** | Controls whether to automatically detect and use the browser's locale | `boolean` | No | `true` | - |
32
- | **fetch-local** | Controls whether to fetch locale data dynamically | `boolean` | No | `true` | - |
33
- | **shortcuts** | Array of predefined date range shortcuts or false to disable | `MazDatePickerShortcut[] \| false` | No | `true` | - |
34
- | **shortcut** | The identifier of the currently selected shortcut | `MazDatePickerShortcut['identifier']` | No | `undefined` | - |
35
- | **min-date** | The minimum selectable date in ISO format<br/>**Example:** `'2023-01-01'` | `string` | No | `undefined` | - |
36
- | **max-date** | The maximum selectable date in ISO format<br/>**Example:** `'2024-12-31'` | `string` | No | `undefined` | - |
37
- | **min-max-auto** | When minDate or maxDate are provided, if the current date is not between minDate and maxDate, the current date will be set to the minDate or maxDate | `boolean` | No | `true` | - |
38
- | **disabled-weekly** | Array of weekday numbers to disable (0 = Sunday, 6 = Saturday)<br/>**Example:** `[0, 6] to disable weekends` | `number[]` | No | `() => []` | - |
39
- | **disabled-dates** | Array of specific dates to disable in ISO format<br/>**Example:** `['2023-12-25', '2024-01-01']` | `string[]` | No | `() => []` | - |
40
- | **disabled-hours** | Array of hour numbers to disable in the time picker (0-23)<br/>**Example:** `[0, 1, 2, 22, 23] to disable night hours` | `number[]` | No | `() => []` | - |
41
- | **block** | Controls whether the input displays in full width | `boolean` | No | `false` | - |
42
- | **range** | Controls whether the picker operates in range selection mode | `boolean` | No | `false` | - |
43
- | **transition** | The transition name of the popover | `MazPopoverProps['transition']` | No | `'scale-fade'` | - |
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ---------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------- | -------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
5
+ | **id** | The unique identifier of the component | `string` | No | `undefined` | - |
6
+ | **style** | The inline style object for the component | `HTMLAttributes['style']` | No | `undefined` | - |
7
+ | **class** | The CSS class(es) to apply to the component | `HTMLAttributes['class']` | No | `undefined` | - |
8
+ | **input-props** | The props to apply to the input component | `MazInputProps` | No | `undefined` | - |
9
+ | **model-value** | The value of the date picker component If an object is provided, the picker will be a range picker | `MazDatePickerValue` | No | `undefined` | - |
10
+ | **format** | The format pattern for date display and parsing<br/>**Example:** `'YYYY-MM-DD', 'DD/MM/YYYY', 'YYYY-MM-DD HH:mm'` | `string` | No | `YYYY-MM-DD` | - |
11
+ | **open** | `v-model:open` <br/>Controls whether the picker window is open | `boolean` | No | `false` | - |
12
+ | **label** | The label text displayed above the input field | `string` | No | `undefined` | - |
13
+ | **placeholder** | The placeholder text shown when no value is selected | `string` | No | `undefined` | - |
14
+ | **input-date-format** | The Intl.DateTimeFormatOptions for styling the input date display | `Intl.DateTimeFormatOptions` | No | `{ dateStyle: 'medium', timeStyle: 'short' }` | - |
15
+ | **input-date-transformer** | Custom function to transform the formatted date display | `Function` | No | `undefined` | - |
16
+ | **locale** | The locale string for date formatting and localization<br/>**Example:** `'en-US', 'fr-FR', 'de-DE'` | `string` | No | `undefined` | - |
17
+ | **hide-header** | Controls whether the calendar header is hidden | `boolean` | No | `false` | - |
18
+ | **disabled** | Controls whether the component is disabled | `boolean` | No | `false` | - |
19
+ | **first-day-of-week** | The first day of the week in the calendar<br/>**Example:** `0 (Sunday), 1 (Monday), 6 (Saturday)` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6` | No | `0` | `0, 1, 2, 3, 4, 5, 6` |
20
+ | **auto-close** | Controls whether the picker closes automatically after date selection | `boolean` | No | `false` | - |
21
+ | **custom-element-selector** | CSS selector for a custom element that triggers the picker<br/>**Example:** `'#my-button', '.trigger-class'` | `string` | No | `undefined` | - |
22
+ | **double** | Controls whether the picker displays two months side by side | `boolean` | No | `false` | - |
23
+ | **inline** | Controls whether the picker is displayed inline without input field | `boolean` | No | `false` | - |
24
+ | **color** | The color theme of the component | `MazColor` | No | `primary` | `primary, secondary, success, destructive, warning, info, accent, contrast` |
25
+ | **picker-position** | The position where the picker popover should appear | `MazPopoverProps['position']` | No | `auto` | `top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start` |
26
+ | **picker-prefer-position** | The preferred position of the picker popover | `MazPopoverProps['preferPosition']` | No | `bottom-start` | `top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start` |
27
+ | **picker-fallback-position** | The fallback position of the picker popover | `MazPopoverProps['fallbackPosition']` | No | `top-start` | `top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start` |
28
+ | **time** | Controls whether the picker includes a time selector | `boolean` | No | `false` | - |
29
+ | **only-time** | Controls whether the picker shows only time selection (no date) | `boolean` | No | `false` | - |
30
+ | **minute-interval** | The interval in minutes for the time picker minute selection | `number` | No | `5` | `1, 5, 10, 15, 30` |
31
+ | **use-browser-locale** | Controls whether to automatically detect and use the browser's locale | `boolean` | No | `true` | - |
32
+ | **fetch-local** | Controls whether to fetch locale data dynamically | `boolean` | No | `true` | - |
33
+ | **shortcuts** | Array of predefined date range shortcuts or false to disable | `MazDatePickerShortcut[] \| false` | No | `[predefined shortcuts array]` | - |
34
+ | **shortcut** | The identifier of the currently selected shortcut | `MazDatePickerShortcut['identifier']` | No | `undefined` | - |
35
+ | **min-date** | The minimum selectable date in ISO format<br/>**Example:** `'2023-01-01'` | `string` | No | `undefined` | - |
36
+ | **max-date** | The maximum selectable date in ISO format<br/>**Example:** `'2024-12-31'` | `string` | No | `undefined` | - |
37
+ | **min-max-auto** | When minDate or maxDate are provided, if the current date is not between minDate and maxDate, the current date will be set to the minDate or maxDate | `boolean` | No | `true` | - |
38
+ | **disabled-weekly** | Array of weekday numbers to disable (0 = Sunday, 6 = Saturday)<br/>**Example:** `[0, 6] to disable weekends` | `number[]` | No | `[]` | - |
39
+ | **disabled-dates** | Array of specific dates to disable in ISO format<br/>**Example:** `['2023-12-25', '2024-01-01']` | `string[]` | No | `[]` | - |
40
+ | **disabled-hours** | Array of hour numbers to disable in the time picker (0-23)<br/>**Example:** `[0, 1, 2, 22, 23] to disable night hours` | `number[]` | No | `[]` | - |
41
+ | **block** | Controls whether the input displays in full width | `boolean` | No | `false` | - |
42
+ | **range** | Controls whether the picker operates in range selection mode | `boolean` | No | `false` | - |
43
+ | **transition** | The transition name of the popover | `MazPopoverProps['transition']` | No | `scale-fade` | - |
44
44
 
45
45
  ## Events
46
46
 
package/docs/generated-docs/maz-drawer.doc.md CHANGED
@@ -1,13 +1,12 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- | -------- | ----------- | ------------------------------- |
5
- | **title** | The title of the drawer | `string` | No | `undefined` | - |
6
- | **variant** | The edge from which the drawer slides in. `start` (= left in LTR, right in RTL) and `end` (= right in LTR, left in RTL) follow the document direction; `top` and `bottom` are physical. | `"start" \| "end" \| "top" \| "bottom"` | No | `'end'` | `start', 'end', 'top', 'bottom` |
7
- | **size** | The size of the drawer | `string` | No | `'30rem'` | - |
8
- | **backdrop-class** | The class of the backdrop | `string` | No | `undefined` | - |
9
- | **hide-close-button** | Disable the close button | `boolean` | No | `undefined` | - |
10
- | **no-close** | | `any` | No | `false` | - |
3
+ | Name | Description | Type | Required | Possible values |
4
+ | --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- | -------- | ------------------------------- |
5
+ | **title** | The title of the drawer | `string` | No | - |
6
+ | **variant** | The edge from which the drawer slides in. `start` (= left in LTR, right in RTL) and `end` (= right in LTR, left in RTL) follow the document direction; `top` and `bottom` are physical. | `"start" \| "end" \| "top" \| "bottom"` | No | `start', 'end', 'top', 'bottom` |
7
+ | **size** | The size of the drawer | `MazSizeUnit` | No | - |
8
+ | **backdrop-class** | The class of the backdrop | `string` | No | - |
9
+ | **hide-close-button** | Disable the close button | `boolean` | No | - |
11
10
 
12
11
  ## Events
13
12
 
package/docs/generated-docs/maz-dropdown.doc.md CHANGED
@@ -6,6 +6,7 @@
6
6
  | **style** | Inline styles to apply to the component root element | `HTMLAttributes['style']` | No | `undefined` | - |
7
7
  | **class** | CSS classes to apply to the component root element | `HTMLAttributes['class']` | No | `undefined` | - |
8
8
  | **items** | Menu items to display in the dropdown Each item can be either a link (with href/to properties) or an action (with onClick function)<br/>**Example:** `[ { label: 'Profile', href: '/profile' }, { label: 'Settings', onClick: () => console.log('Settings clicked') } ]` | `MazDropdownMenuItem[]` | No | `[]` | - |
9
+ | **items-size** | Size of the dropdown menu items | `MazSize` | No | `undefined` | `mini', 'xs', 'sm', 'md', 'lg', 'xl` |
9
10
  | **id** | Unique identifier for the dropdown component | `string` | No | `undefined` | - |
10
11
  | **trigger** | Determines how the dropdown should be triggered | `MazPopoverProps['trigger']` | No | `adaptive` | `click, hover, manual, adaptive` |
11
12
  | **color** | Color theme for the dropdown button | `MazColor` | No | `transparent` | `primary, secondary, info, success, warning, destructive, transparent, contrast, accent` |
@@ -38,5 +39,7 @@
38
39
  | default | Text content of the trigger element | |
39
40
  | dropdown-icon | Dropdown indicator icon | **is-open** `boolean` - Current state of the dropdown (true when open, false when closed)<br/><br/><br/> |
40
41
  | dropdown | Dropdown menu panel content | **items** `MazDropdownMenuItem[]` - Array of menu items passed via the items prop<br/>**open** `() =&gt; void` - Function to open the dropdown<br/>**close** `() =&gt; void` - Function to close the dropdown<br/>**is-open** `boolean` - Current state of the dropdown (true when open, false when closed)<br/>**toggle** `() =&gt; void` - Function to toggle the dropdown |
42
+ | prepend-menu | Prepend to the list of menu items | **is-open** `boolean` - Current state of the dropdown (true when open, false when closed)<br/>**open** `() =&gt; void` - Function to open the dropdown<br/>**close** `() =&gt; void` - Function to close the dropdown<br/>**toggle** `() =&gt; void` - Function to toggle the dropdown |
41
43
  | menuitem | Menu item component | **item** `MenuItem` - Individual menu item object with properties like label, href, onClick, etc.<br/>**open** `() =&gt; void` - Function to open the dropdown<br/>**close** `() =&gt; void` - Function to close the dropdown<br/>**is-open** `boolean` - Current state of the dropdown (true when open, false when closed)<br/>**toggle** `() =&gt; void` - Function to toggle the dropdown |
42
44
  | menuitem-label | Label content for menu item | **item** `MenuItem` - Individual menu item object containing label and other properties<br/>**open** `() =&gt; void` - Function to open the dropdown<br/>**close** `() =&gt; void` - Function to close the dropdown<br/>**is-open** `boolean` - Current state of the dropdown (true when open, false when closed)<br/>**toggle** `() =&gt; void` - Function to toggle the dropdown |
45
+ | append-menu | Append to the list of menu items | **is-open** `boolean` - Current state of the dropdown (true when open, false when closed)<br/>**open** `() =&gt; void` - Function to open the dropdown<br/>**close** `() =&gt; void` - Function to close the dropdown<br/>**toggle** `() =&gt; void` - Function to toggle the dropdown |
package/docs/generated-docs/maz-expand-animation.doc.md CHANGED
@@ -1,9 +1,9 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default |
4
- | ------------------- | ----------------------------------------- | -------- | -------- | --------------- |
5
- | **duration** | Duration of the animation in milliseconds | `string` | No | `'300ms'` |
6
- | **timing-function** | Timing function of the animation | `string` | No | `'ease-in-out'` |
3
+ | Name | Description | Type | Required | Default |
4
+ | ------------------- | ----------------------------------------- | -------- | -------- | ------------- |
5
+ | **duration** | Duration of the animation in milliseconds | `string` | No | `300ms` |
6
+ | **timing-function** | Timing function of the animation | `string` | No | `ease-in-out` |
7
7
 
8
8
  ## Slots
9
9
 
package/docs/generated-docs/maz-fullscreen-loader.doc.md CHANGED
@@ -1,10 +1,10 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required |
4
- | --------------------- | ----------------------------------- | ---------- | -------- |
5
- | **color** | The color of the spinner | `MazColor` | No |
6
- | **size** | The size of the spinner | `string` | No |
7
- | **teleport-selector** | The selector to teleport the loader | `string` | No |
3
+ | Name | Description | Type | Required |
4
+ | --------------------- | ----------------------------------- | ------------- | -------- |
5
+ | **color** | The color of the spinner | `MazColor` | No |
6
+ | **size** | The size of the spinner | `MazSizeUnit` | No |
7
+ | **teleport-selector** | The selector to teleport the loader | `string` | No |
8
8
 
9
9
  ## Slots
10
10
 
package/docs/generated-docs/maz-gallery.doc.md CHANGED
@@ -1,17 +1,17 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default |
4
- | -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | -------- | ------------------------ |
5
- | **images** | Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]` | `MazGalleryImage[]` | No | `undefined` |
6
- | **displayed-count** | Images count shown (max: 5) | `number` | No | `5` |
7
- | **remaining** | Remove transparent layer with the remain count (ex: +2) | `boolean` | No | `true` |
8
- | **height** | Height of gallery - set to `false` to remove default height | `number \| string \| false` | No | `150` |
9
- | **width** | Width of gallery - set to `false` to remove default width | `number \| string \| false` | No | `100%` |
10
- | **radius** | Disable the border radius of the gallery | `boolean` | No | `false` |
11
- | **zoom** | Disable full size display when clicking on image | `boolean` | No | `false` |
12
- | **has-empty-layer** | Layer with photography icon when no images is provided | `boolean` | No | `true` |
13
- | **lazy** | Lazy load image - if false, images are directly loaded | `boolean` | No | `true` |
14
- | **blur** | Disable blur effect on image hover | `boolean` | No | `true` |
15
- | **scale** | Disable scale animation effect on image hover | `boolean` | No | `true` |
16
- | **separator-color** | Choose color of borders between images - Should be a CSS color or CSS variable - Ex: `#000` or `var(--maz-surface-300)` | `string` | No | `transparent` |
17
- | **background-color** | Choose background color of the gallery - Should be a CSS color or CSS variable - Ex: `#000` or `var(--maz-surface-300)` | `string` | No | `var(--maz-surface-300)` |
3
+ | Name | Description | Type | Required | Default |
4
+ | -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | -------- | ------------- |
5
+ | **images** | Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]` | `MazGalleryImage[]` | No | `undefined` |
6
+ | **displayed-count** | Images count shown (max: 5) | `number` | No | `5` |
7
+ | **remaining** | Remove transparent layer with the remain count (ex: +2) | `boolean` | No | `true` |
8
+ | **height** | Height of gallery - set to `false` to remove default height | `number \| string \| false` | No | `150` |
9
+ | **width** | Width of gallery - set to `false` to remove default width | `number \| string \| false` | No | `100%` |
10
+ | **radius** | Disable the border radius of the gallery | `boolean` | No | `false` |
11
+ | **zoom** | Disable full size display when clicking on image | `boolean` | No | `false` |
12
+ | **has-empty-layer** | Layer with photography icon when no images is provided | `boolean` | No | `true` |
13
+ | **lazy** | Lazy load image - if false, images are directly loaded | `boolean` | No | `true` |
14
+ | **blur** | Disable blur effect on image hover | `boolean` | No | `true` |
15
+ | **scale** | Disable scale animation effect on image hover | `boolean` | No | `true` |
16
+ | **separator-color** | Choose color of borders between images - Should be a CSS color or CSS variable - Ex: `#000` | `string` | No | `transparent` |
17
+ | **background-color** | Choose background color of the gallery - Should be a CSS color or CSS variable - Ex: `#000` | `string` | No | `undefined` |
package/docs/generated-docs/maz-input-code.doc.md CHANGED
@@ -1,21 +1,21 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default |
4
- | ---------------- | ------------------------------------------ | -------------------- | -------- | ----------- |
5
- | **style** | The style of the component. | `Native type` | No | `undefined` |
6
- | **class** | The class of the component. | `Native type` | No | `undefined` |
7
- | **model-value** | The value of the component (v-model). | `T` | No | `undefined` |
8
- | **code-length** | The length of the code. | `number` | No | `4` |
9
- | **type** | The type of the input field. | `"text" \| "number"` | No | `'text'` |
10
- | **accept-alpha** | Whether to accept alpha characters. | `boolean` | No | `false` |
11
- | **required** | Whether the input is required. | `boolean` | No | `false` |
12
- | **disabled** | Whether the input is disabled. | `boolean` | No | `false` |
13
- | **error** | Whether there is an error with the input. | `boolean` | No | `false` |
14
- | **success** | Whether the input is successful. | `boolean` | No | `false` |
15
- | **warning** | Whether there is a warning with the input. | `boolean` | No | `false` |
16
- | **size** | The size of the component. | `MazInputCodeSize` | No | `'md'` |
17
- | **color** | The color of the component. | `MazColor` | No | `'primary'` |
18
- | **hint** | The hint text to display below the input. | `string` | No | `undefined` |
3
+ | Name | Description | Type | Required |
4
+ | ---------------- | ------------------------------------------ | -------------------- | -------- |
5
+ | **style** | The style of the component. | `Native type` | No |
6
+ | **class** | The class of the component. | `Native type` | No |
7
+ | **model-value** | The value of the component (v-model). | `T` | No |
8
+ | **code-length** | The length of the code. | `number` | No |
9
+ | **type** | The type of the input field. | `"text" \| "number"` | No |
10
+ | **accept-alpha** | Whether to accept alpha characters. | `boolean` | No |
11
+ | **required** | Whether the input is required. | `boolean` | No |
12
+ | **disabled** | Whether the input is disabled. | `boolean` | No |
13
+ | **error** | Whether there is an error with the input. | `boolean` | No |
14
+ | **success** | Whether the input is successful. | `boolean` | No |
15
+ | **warning** | Whether there is a warning with the input. | `boolean` | No |
16
+ | **size** | The size of the component. | `MazInputCodeSize` | No |
17
+ | **color** | The color of the component. | `MazColor` | No |
18
+ | **hint** | The hint text to display below the input. | `string` | No |
19
19
 
20
20
  ## Events
21
21