@maz-ui/mcp 4.9.3 → 5.0.0-beta.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 (116) hide show
  1. package/dist/mcp.mjs +1 -1
  2. package/docs/generated-docs/maz-alert.doc.md +1 -1
  3. package/docs/generated-docs/maz-avatar.doc.md +1 -1
  4. package/docs/generated-docs/maz-badge.doc.md +8 -8
  5. package/docs/generated-docs/maz-btn.doc.md +26 -26
  6. package/docs/generated-docs/maz-card.doc.md +19 -19
  7. package/docs/generated-docs/maz-chart.doc.md +8 -8
  8. package/docs/generated-docs/maz-container.doc.md +20 -20
  9. package/docs/generated-docs/maz-drawer.doc.md +8 -8
  10. package/docs/generated-docs/maz-dropdown.doc.md +1 -1
  11. package/docs/generated-docs/maz-dropzone.doc.md +2 -2
  12. package/docs/generated-docs/maz-gallery.doc.md +15 -15
  13. package/docs/generated-docs/maz-icon.doc.md +11 -14
  14. package/docs/generated-docs/maz-input.doc.md +38 -38
  15. package/docs/generated-docs/maz-lazy-img.doc.md +18 -0
  16. package/docs/generated-docs/maz-link.doc.md +9 -9
  17. package/docs/generated-docs/maz-pagination.doc.md +9 -9
  18. package/docs/generated-docs/maz-popover.doc.md +5 -1
  19. package/docs/generated-docs/maz-radio-buttons.doc.md +17 -17
  20. package/docs/generated-docs/maz-select.doc.md +2 -2
  21. package/docs/generated-docs/maz-skeleton.doc.md +10 -10
  22. package/docs/generated-docs/maz-table.doc.md +37 -37
  23. package/docs/generated-docs/maz-textarea.doc.md +1 -1
  24. package/docs/generated-docs/maz-timeline.doc.md +1 -1
  25. package/docs/src/blog/v4.md +7 -7
  26. package/docs/src/blog/v5.md +186 -0
  27. package/docs/src/components/maz-accordion.md +1 -1
  28. package/docs/src/components/maz-alert.md +15 -15
  29. package/docs/src/components/maz-animated-counter.md +4 -4
  30. package/docs/src/components/maz-avatar.md +2 -2
  31. package/docs/src/components/maz-backdrop.md +7 -7
  32. package/docs/src/components/maz-badge.md +16 -34
  33. package/docs/src/components/maz-bottom-sheet.md +74 -74
  34. package/docs/src/components/maz-btn-group.md +17 -17
  35. package/docs/src/components/maz-btn.md +129 -96
  36. package/docs/src/components/maz-card-spotlight.md +5 -5
  37. package/docs/src/components/maz-card.md +20 -20
  38. package/docs/src/components/maz-carousel.md +14 -14
  39. package/docs/src/components/maz-chart.md +23 -4
  40. package/docs/src/components/maz-checkbox.md +3 -3
  41. package/docs/src/components/maz-checklist.md +19 -19
  42. package/docs/src/components/maz-circular-progress-bar.md +4 -4
  43. package/docs/src/components/maz-container.md +52 -37
  44. package/docs/src/components/maz-date-picker.md +7 -7
  45. package/docs/src/components/maz-dialog-confirm.md +2 -2
  46. package/docs/src/components/maz-drawer.md +14 -14
  47. package/docs/src/components/maz-dropdown.md +27 -12
  48. package/docs/src/components/maz-dropzone.md +6 -6
  49. package/docs/src/components/maz-expand-animation.md +2 -2
  50. package/docs/src/components/maz-fullscreen-loader.md +2 -2
  51. package/docs/src/components/maz-gallery.md +1 -1
  52. package/docs/src/components/maz-icon.md +113 -60
  53. package/docs/src/components/maz-input-code.md +1 -1
  54. package/docs/src/components/maz-input-phone-number.md +89 -88
  55. package/docs/src/components/maz-input-tags.md +2 -2
  56. package/docs/src/components/maz-input.md +42 -12
  57. package/docs/src/components/maz-link.md +28 -12
  58. package/docs/src/components/maz-pagination.md +2 -2
  59. package/docs/src/components/maz-popover.md +236 -236
  60. package/docs/src/components/maz-pull-to-refresh.md +2 -2
  61. package/docs/src/components/maz-radio-buttons.md +11 -11
  62. package/docs/src/components/maz-radio.md +3 -3
  63. package/docs/src/components/maz-read-more.md +7 -7
  64. package/docs/src/components/maz-select-country.md +26 -26
  65. package/docs/src/components/maz-select.md +1 -1
  66. package/docs/src/components/maz-skeleton.md +25 -25
  67. package/docs/src/components/maz-spinner.md +2 -2
  68. package/docs/src/components/maz-stepper.md +5 -5
  69. package/docs/src/components/maz-switch.md +1 -1
  70. package/docs/src/components/maz-table.md +10 -10
  71. package/docs/src/components/maz-tabs.md +17 -17
  72. package/docs/src/components/maz-textarea.md +8 -8
  73. package/docs/src/components/maz-ticker.md +37 -37
  74. package/docs/src/components/maz-timeline.md +9 -9
  75. package/docs/src/composables/use-dialog.md +1 -1
  76. package/docs/src/composables/use-display-names.md +2 -2
  77. package/docs/src/composables/use-form-validator.md +35 -35
  78. package/docs/src/composables/use-idle-timeout.md +3 -3
  79. package/docs/src/composables/use-reading-time.md +5 -5
  80. package/docs/src/composables/use-string-matching.md +4 -4
  81. package/docs/src/composables/use-swipe.md +3 -3
  82. package/docs/src/composables/use-timer.md +3 -3
  83. package/docs/src/composables/use-toast.md +1 -1
  84. package/docs/src/composables/use-user-visibility.md +1 -1
  85. package/docs/src/composables/use-wait.md +2 -2
  86. package/docs/src/directives/click-outside.md +17 -17
  87. package/docs/src/directives/lazy-img.md +5 -5
  88. package/docs/src/directives/tooltip.md +15 -15
  89. package/docs/src/directives/zoom-img.md +1 -1
  90. package/docs/src/ecosystem/eslint-config.md +187 -0
  91. package/docs/src/ecosystem/stylelint-config.md +302 -0
  92. package/docs/src/guide/browser-support.md +81 -0
  93. package/docs/src/guide/getting-started.md +23 -16
  94. package/docs/src/guide/icon-set.md +11 -11
  95. package/docs/src/guide/icons.md +32 -5
  96. package/docs/src/guide/maz-ui-provider.md +6 -6
  97. package/docs/src/guide/migration-v4.md +3 -3
  98. package/docs/src/guide/migration-v5.md +662 -0
  99. package/docs/src/guide/nuxt.md +27 -44
  100. package/docs/src/guide/resolvers.md +2 -2
  101. package/docs/src/guide/tailwind.md +154 -0
  102. package/docs/src/guide/themes.md +258 -485
  103. package/docs/src/guide/vue.md +8 -5
  104. package/docs/src/helpers/capitalize.md +4 -4
  105. package/docs/src/helpers/country-code-to-unicode-flag.md +37 -37
  106. package/docs/src/helpers/currency.md +4 -4
  107. package/docs/src/helpers/date.md +4 -4
  108. package/docs/src/helpers/get-country-flag-url.md +9 -9
  109. package/docs/src/helpers/number.md +5 -5
  110. package/docs/src/index.md +296 -266
  111. package/docs/src/made-with-maz-ui.md +5 -5
  112. package/docs/src/plugins/aos.md +6 -6
  113. package/docs/src/plugins/dialog.md +4 -4
  114. package/docs/src/plugins/toast.md +3 -3
  115. package/docs/src/plugins/wait.md +1 -1
  116. package/package.json +5 -5
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.9.1";
10
+ const version = "5.0.0-beta.0";
11
11
 
12
12
  class MetadataExtractor {
13
13
  extract(name, type, content, manualTags = []) {
package/docs/generated-docs/maz-alert.doc.md CHANGED
@@ -8,7 +8,7 @@
8
8
  | **hide-icon** | Hide the icon | `boolean` | No | `false` | - |
9
9
  | **color** | Color of the alert | `MazAlertColor` | No | `info` | `'success' \| 'warning' \| 'destructive' \| 'info' \| 'primary' \| 'secondary' \| 'accent' \| 'contrast'` |
10
10
  | **icon-size** | Size of the icon | `MazIconProps['size']` | No | `md` | - |
11
- | **rounded-size** | Size of the rounded corners | `MazAlertRoundedSize` | No | `base` | `'none' \| 'sm' \| 'md' \| 'base' \| 'lg' \| 'xl' \| '2xl' \| '3xl'` |
11
+ | **rounded-size** | Size of the rounded corners | `MazAlertRoundedSize` | No | `md` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl' \| '3xl'` |
12
12
  | **bordered** | Add border to the component | `boolean` | No | `true` | - |
13
13
  | **variant** | Visual variant of the alert | `MazAlertVariant` | No | `soft` | `'soft' \| 'solid'` |
14
14
 
package/docs/generated-docs/maz-avatar.doc.md CHANGED
@@ -10,7 +10,7 @@
10
10
  | **to** | The link (router-link or nuxt-link) of the avatar | `string \| Record` | No | `undefined` | - |
11
11
  | **alt** | The alt of the image | `string` | No | `undefined` | - |
12
12
  | **target** | The target of the link | `string` | No | `undefined` | - |
13
- | **size** | The size of the avatar | `string` | No | `undefined` | - |
13
+ | **size** | The size of the avatar | `MazSizeUnit` | No | `undefined` | - |
14
14
  | **bordered** | Add a border to the avatar | `boolean` | No | `undefined` | - |
15
15
  | **clickable** | Make the avatar clickable | `boolean` | No | `undefined` | - |
16
16
  | **square** | Make the avatar square | `boolean` | No | `undefined` | - |
package/docs/generated-docs/maz-badge.doc.md CHANGED
@@ -1,13 +1,13 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | ---------------- | ------------------------------------- | --------------------- | -------- | --------- | ------------------------------------------------------------------------------------------------------------------------- |
5
- | **color** | Color of the badge | `MazBadgeColor` | No | `primary` | `'primary' \| 'secondary' \| 'accent' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'contrast' \| 'background'` |
6
- | **size** | Size of the badge | `string` | No | `0.8em` | - |
7
- | **nowrap** | Will not wrap the text | `boolean` | No | `false` | - |
8
- | **outlined** | Will add a border to the badge | `boolean` | No | `false` | - |
9
- | **pastel** | Will add a pastel style to the badge | `boolean` | No | `false` | - |
10
- | **rounded-size** | Size radius of the component's border | `MazBadgeRoundedSize` | No | `md` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ---------------- | -------------------------------------------------------------------------------------------------------------- | --------------------- | -------- | --------- | ---------------------------------------------------------------------------------------------------------------------- |
5
+ | **color** | Color of the badge | `MazBadgeColor` | No | `primary` | `'primary' \| 'secondary' \| 'accent' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'contrast' \| 'surface'` |
6
+ | **size** | Size of the badge — drives font-size; padding, line-height and dimensions scale relative to it via `em` units. | `MazBadgeSize` | No | `md` | `'mini' \| 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'` |
7
+ | **nowrap** | Will not wrap the text | `boolean` | No | `false` | - |
8
+ | **outlined** | Will add a border to the badge | `boolean` | No | `false` | - |
9
+ | **pastel** | Will add a pastel style to the badge | `boolean` | No | `false` | - |
10
+ | **rounded-size** | Size radius of the component's border | `MazBadgeRoundedSize` | No | `md` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
11
11
 
12
12
  ## Slots
13
13
 
package/docs/generated-docs/maz-btn.doc.md CHANGED
@@ -1,31 +1,31 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------- | -------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
5
- | **text** | The text of the button, if not provided, the slot will be used | `string` | No | `undefined` | - |
6
- | **size** | Predifined sizes of the button | `MazSize` | No | `undefined` | `'xl' \| 'lg' \| 'md' \| 'sm' \| 'xs' \| 'mini'` |
7
- | **color** | The color of the button | `MazColor \| "background"` | No | `undefined` | `'primary' \| 'secondary' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'transparent' \| 'contrast' \| 'accent' \| 'background'` |
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" \| "base"` | No | `base` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full' \| 'base'` |
10
- | **outlined** | If true, the button have the "border" style | `boolean` | No | `false` | - |
11
- | **pastel** | If true, the button will have a pastel color | `boolean` | No | `false` | - |
12
- | **block** | If true, the button will have a full width | `boolean` | No | `false` | - |
13
- | **loading** | Enable the button loader | `boolean` | No | `false` | - |
14
- | **disabled** | Disable the button | `boolean` | No | `false` | - |
15
- | **fab** | If true, the button will have a fab style | `boolean` | No | `false` | - |
16
- | **icon** | The name of the icon to display or component, only with fab `@type` `{string \| FunctionalComponent<SVGAttributes> \| ComponentPublicInstance \| Component}` | `string \| IconComponent` | No | `undefined` | - |
17
- | **left-icon** | The name of the icon or component to display on the left of the button `@type` `{string \| FunctionalComponent<SVGAttributes> \| ComponentPublicInstance \| Component}` | `string \| IconComponent` | No | `undefined` | - |
18
- | **right-icon** | The name of the icon or component to display on the right of the button `@type` `{string \| FunctionalComponent<SVGAttributes> \| ComponentPublicInstance \| Component}` | `string \| IconComponent` | No | `undefined` | - |
19
- | **padding** | If true, the button will have no padding | `boolean` | No | `true` | - |
20
- | **justify** | Choose how the elements are aligned in the button | `"start" \| "end" \| "center" \| "space-between" \| "space-around" \| "space-evenly"` | No | `undefined` | - |
21
- | **active** | If true, the button will have an active state | `boolean` | No | `false` | - |
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- | -------- | ----------- | --------------------------------------------------------------------------------------------------------------------------------------- |
5
+ | **text** | The text of the button, if not provided, the slot will be used | `string` | No | `undefined` | - |
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'` |
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 | `md` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
10
+ | **outlined** | If true, the button have the "border" style | `boolean` | No | `false` | - |
11
+ | **pastel** | If true, the button will have a pastel color | `boolean` | No | `false` | - |
12
+ | **block** | If true, the button will have a full width | `boolean` | No | `false` | - |
13
+ | **loading** | Enable the button loader | `boolean` | No | `false` | - |
14
+ | **disabled** | Disable the button | `boolean` | No | `false` | - |
15
+ | **fab** | If true, the button will have a fab style | `boolean` | No | `false` | - |
16
+ | **icon** | The icon to display in the fab variant. Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) for the common case, or a full `MazIconProps` object for fine-grained control (size, title, svgAttributes, fallback, flipIconForRtl, …). | `MazIconLike` | No | `undefined` | - |
17
+ | **start-icon** | The icon to display on the inline-start edge (left in LTR, right in RTL). Accepts a bare value or a full `MazIconProps` object. | `MazIconLike` | No | `undefined` | - |
18
+ | **end-icon** | The icon to display on the inline-end edge (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object. | `MazIconLike` | No | `undefined` | - |
19
+ | **padding** | If true, the button will have no padding | `boolean` | No | `true` | - |
20
+ | **justify** | Choose how the elements are aligned in the button | `"start" \| "end" \| "center" \| "space-between" \| "space-around" \| "space-evenly"` | No | `undefined` | - |
21
+ | **active** | If true, the button will have an active state | `boolean` | No | `false` | - |
22
22
 
23
23
  ## Slots
24
24
 
25
- | Name | Description | Bindings |
26
- | ---------- | ---------------------------------------------- | -------- |
27
- | left-icon | The icon to display on the left of the button | |
28
- | icon | The icon to display on the fab button | |
29
- | default | The content of the button | |
30
- | right-icon | The icon to display on the right of the button | |
31
- | loader | The loader to display in the button | |
25
+ | Name | Description | Bindings |
26
+ | ---------- | ------------------------------------------------------------------------ | -------- |
27
+ | start-icon | The icon to display on the inline-start edge (left in LTR, right in RTL) | |
28
+ | icon | The icon to display on the fab button | |
29
+ | default | The content of the button | |
30
+ | end-icon | The icon to display on the inline-end edge (right in LTR, left in RTL) | |
31
+ | loader | The loader to display in the button | |
package/docs/generated-docs/maz-card.doc.md CHANGED
@@ -1,24 +1,24 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default |
4
- | ------------------- | --------------------------------------------------------------------------------------- | -------------------------------------------------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
5
- | **orientation** | Card variant: Must be `column \| row \| row-reverse \| column-reverse` | `"column" \| "row" \| "row-reverse" \| "column-reverse"` | No | `undefined` |
6
- | **href** | Make card a link (footer area excluded) | `string` | No | `undefined` |
7
- | **to** | Make card a link with a router-link or nuxt-link (footer area excluded) | `Native type` | No | `undefined` |
8
- | **href-target** | Target option of link: Muse be one of `_blank \| _self \| _parent \| _top \| framename` | `"_blank" \| "_self" \| "_parent" \| "_top" \| string` | No | `undefined` |
9
- | **footer-align** | Footer text alignment: `right \| left` | `"right" \| "left"` | No | `undefined` |
10
- | **gallery** | Images gallery props options (see `MazGallery` component) | `MazGalleryProps` | No | `` { displayedCount: 3, remaining: false, zoom: !href && !to, width: 200, height: 150 }` If `href` or `to` is set, `zoom` is set to `false `` |
11
- | **scale** | scale animation on hover (only linked cards) | `boolean` | No | `undefined` |
12
- | **elevation** | Set elevation to card (box-shadow) | `boolean` | No | `undefined` |
13
- | **radius** | Set radius to card | `boolean` | No | `undefined` |
14
- | **bordered** | Set border to card (in dark mode, the card is always bordered) | `boolean` | No | `undefined` |
15
- | **wrapper-class** | add classes to wrapper | `Native type` | No | `undefined` |
16
- | **padding** | Remove padding from content wrapper | `boolean` | No | `undefined` |
17
- | **overflow-hidden** | Hide overflow | `boolean` | No | `undefined` |
18
- | **collapsible** | Make card collapsible | `boolean` | No | `undefined` |
19
- | **collapse-open** | `v-model:collapse-open` <br/>Card is open by default if `true` | `boolean` | No | `undefined` |
20
- | **title** | Title of the card in header | `string` | No | `undefined` |
21
- | **block** | The card will be displayed in full width | `boolean` | No | `undefined` |
3
+ | Name | Description | Type | Required | Default |
4
+ | ------------------- | ----------------------------------------------------------------------------------------------- | -------------------------------------------------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
5
+ | **orientation** | Card variant: Must be `column \| row \| row-reverse \| column-reverse` | `"column" \| "row" \| "row-reverse" \| "column-reverse"` | No | `undefined` |
6
+ | **href** | Make card a link (footer area excluded) | `string` | No | `undefined` |
7
+ | **to** | Make card a link with a router-link or nuxt-link (footer area excluded) | `Native type` | No | `undefined` |
8
+ | **href-target** | Target option of link: Muse be one of `_blank \| _self \| _parent \| _top \| framename` | `"_blank" \| "_self" \| "_parent" \| "_top" \| string` | No | `undefined` |
9
+ | **footer-align** | Footer text alignment along the inline axis: `start \| end` (`end` = right in LTR, left in RTL) | `"start" \| "end"` | No | `undefined` |
10
+ | **gallery** | Images gallery props options (see `MazGallery` component) | `MazGalleryProps` | No | `` { displayedCount: 3, remaining: false, zoom: !href && !to, width: 200, height: 150 }` If `href` or `to` is set, `zoom` is set to `false `` |
11
+ | **scale** | scale animation on hover (only linked cards) | `boolean` | No | `undefined` |
12
+ | **elevation** | Set elevation to card (box-shadow) | `boolean` | No | `undefined` |
13
+ | **radius** | Set radius to card | `boolean` | No | `undefined` |
14
+ | **bordered** | Set border to card (in dark mode, the card is always bordered) | `boolean` | No | `undefined` |
15
+ | **wrapper-class** | add classes to wrapper | `Native type` | No | `undefined` |
16
+ | **padding** | Remove padding from content wrapper | `boolean` | No | `undefined` |
17
+ | **overflow-hidden** | Hide overflow | `boolean` | No | `undefined` |
18
+ | **collapsible** | Make card collapsible | `boolean` | No | `undefined` |
19
+ | **collapse-open** | `v-model:collapse-open` <br/>Card is open by default if `true` | `boolean` | No | `undefined` |
20
+ | **title** | Title of the card in header | `string` | No | `undefined` |
21
+ | **block** | The card will be displayed in full width | `boolean` | No | `undefined` |
22
22
 
23
23
  ## Events
24
24
 
package/docs/generated-docs/maz-chart.doc.md CHANGED
@@ -1,10 +1,10 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | ------------------ | -------------------- | -------------- | -------- | ----------- | --------------------------------------------------------------------------- |
5
- | **type** | Type of the chart | `T` | Yes | `undefined` | `bar', 'line', 'scatter', 'bubble', 'pie', 'doughnut', 'polarArea', 'radar` |
6
- | **data** | Data of the chart | `ChartData` | Yes | `undefined` | - |
7
- | **options** | Options of the chart | `ChartOptions` | No | `{}` | - |
8
- | **plugins** | Plugins of the chart | `Plugin[]` | No | `undefined` | - |
9
- | **dataset-id-key** | Dataset ID key | `string` | No | `undefined` | - |
10
- | **update-mode** | Update mode | `UpdateMode` | No | `default` | `resize', 'reset', 'none', 'hide', 'show', 'default', 'active` |
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | ----------- | --------------------------------------------------------------------------- |
5
+ | **type** | Type of the chart | `T` | Yes | `undefined` | `bar', 'line', 'scatter', 'bubble', 'pie', 'doughnut', 'polarArea', 'radar` |
6
+ | **data** | Data of the chart | `ChartData` | Yes | `undefined` | - |
7
+ | **options** | Options of the chart | `ChartOptions` | No | `{}` | - |
8
+ | **plugins** | Plugins of the chart | `Plugin[]` | No | `undefined` | - |
9
+ | **dataset-id-key** | Dataset ID key | `string` | No | `undefined` | - |
10
+ | **update-mode** | Update mode used when `data` or `options` change after the initial render. Defaults to `'none'` to skip animations on updates (the initial render still animates per the chart's `options`). | `UpdateMode` | No | `none` | `resize', 'reset', 'none', 'hide', 'show', 'default', 'active` |
package/docs/generated-docs/maz-container.doc.md CHANGED
@@ -1,25 +1,25 @@
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' \| '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` | - |
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 | `md` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
10
+ | **transparent** | Remove background color | `boolean` | No | `false` | - |
11
+ | **overflow-hidden** | Hide overflow | `boolean` | No | `true` | - |
12
+ | **start-icon** | Icon displayed on the inline-start edge of the header (left in LTR, right in RTL). Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) or a full `MazIconProps` object. | `MazIconLike` | No | `undefined` | - |
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
+ | **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
 
19
- | Name | Description | Bindings |
20
- | ---------- | ------------------------ | -------- |
21
- | header | Replace the header | |
22
- | icon-left | icon left | |
23
- | title | title | |
24
- | icon-right | icon right | |
25
- | default | content of the container | |
19
+ | Name | Description | Bindings |
20
+ | ---------- | ----------------------------------------------------------- | -------- |
21
+ | header | Replace the header | |
22
+ | icon-start | inline-start edge of the header (left in LTR, right in RTL) | |
23
+ | title | title | |
24
+ | icon-end | inline-end edge of the header (right in LTR, left in RTL) | |
25
+ | default | content of the container | |
package/docs/generated-docs/maz-drawer.doc.md CHANGED
@@ -1,13 +1,13 @@
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 variant of the drawer | `"right" \| "top" \| "left" \| "bottom"` | No | `'right'` | `right', 'top', 'left', '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 | 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` | - |
11
11
 
12
12
  ## Events
13
13
 
package/docs/generated-docs/maz-dropdown.doc.md CHANGED
@@ -17,7 +17,7 @@
17
17
  | **menu-panel-class** | Additional CSS classes to apply to the dropdown menu panel Useful for customizing the dropdown appearance (background, border, etc.) | `HTMLAttributes['class']` | No | `undefined` | - |
18
18
  | **menu-panel-style** | Inline styles to apply to the dropdown menu panel Useful for custom styling. You may use `!important` to override default styles | `HTMLAttributes['style']` | No | `undefined` | - |
19
19
  | **block** | Makes the dropdown button expand to full width of its container | `boolean` | No | `false` | - |
20
- | **dropdown-icon** | Icon to use instead of the default chevron for the dropdown indicator Can be either an icon name string or a Vue component<br/>**Example:** `'arrow-down'` | `string \| IconComponent` | No | `undefined` | - |
20
+ | **dropdown-icon** | Icon to use instead of the default chevron for the dropdown indicator Custom icon to display in place of the default chevron. Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) or a full `MazIconProps` object. | `MazIconLike` | No | `undefined` | - |
21
21
  | **dropdown-icon-animation** | Controls whether the dropdown icon rotates when the dropdown is opened | `boolean` | No | `true` | - |
22
22
  | **size** | Size of the dropdown button | `MazSize` | No | `md` | `mini, xs, sm, md, lg, xl` |
23
23
  | **transition** | Transition to use when the dropdown is opened or closed | `MazPopoverProps['transition']` | No | `scale-pop` | `scale-pop' \| 'scale-fade' \| string` |
package/docs/generated-docs/maz-dropzone.doc.md CHANGED
@@ -14,8 +14,8 @@
14
14
  | **allow-duplicates** | Allow duplicates | `boolean` | No | `false` |
15
15
  | **translations** | **Translations** <br/> <br/>Custom translations for the component<br/> | `Partial<MazUiTranslationsNestedSchema['dropzone']>` | No | `undefined` |
16
16
  | **color** | Main color of the component | `MazColor` | No | `primary` |
17
- | **remove-file-btn-props** | MazBtn props [MazBtn props](/components/maz-btn#props) | `MazBtnProps` | No | `{}` |
18
- | **spinner-props** | MazSpinner props [MazSpinner props](/components/maz-spinner#props) | `MazSpinnerProps` | No | `{}` |
17
+ | **remove-file-btn-props** | MazBtn props [MazBtn props](/components/maz:btn#props) | `MazBtnProps` | No | `{}` |
18
+ | **spinner-props** | MazSpinner props [MazSpinner props](/components/maz:spinner#props) | `MazSpinnerProps` | No | `{}` |
19
19
  | **auto-upload** | **Auto upload files** <br/> <br/>If set to `multiple`, all files will be uploaded at once in a single request. If set to `single`, files will be uploaded one by one in separate requests. If set to `false`, no upload will be done automatically.<br/> | `"multiple" \| "single" \| false` | No | `false` |
20
20
  | **url** | **Upload URL** <br/> <br/>If set, files will be uploaded to the given URL.<br/> | `string` | No | `undefined` |
21
21
  | **request-options** | **Request options** <br/> <br/>Request options to be used for the upload (using fetch) [Request options](https://developer.mozilla.org/en-US/docs/Web/API/fetch#options)<br/><br/>**Example:** `{ mode: 'no-cors', headers: { 'Content-Type': 'multipart/form-data', 'Authorization': 'Bearer 1234567890' } }` | `RequestInit` | No | `undefined` |
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 `hsl(var(--maz-background-300))` | `string` | No | `transparent` |
17
- | **background-color** | Choose background color of the gallery - Should be a CSS color or CSS variable - Ex: `#000` or `hsl(var(--maz-background-300))` | `string` | No | `hsl(var(--maz-background-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` 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)` |
package/docs/generated-docs/maz-icon.doc.md CHANGED
@@ -1,19 +1,16 @@
1
1
  ## Props
2
2
 
3
- | Name | Description | Type | Required |
4
- | -------------------- | --------------------------------------------------------------------------------------------------------- | ---------------- | -------- |
5
- | **icon** | The icon component to render - e.g: `import { MazStar } from '@maz-ui/icons'` | `IconComponent` | No |
6
- | **src** | The source path of the SVG file - e.g: `/icons/home.svg` | `string` | No |
7
- | **path** | The path of the folder where the SVG files are stored - e.g: `/icons` | `string` | No |
8
- | **name** | The name of the SVG file - e.g: `home` | `string` | No |
9
- | **size** | The size of the SVG file - e.g: `1em` or can be a predefined size: `'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'` | `MazIconSize` | No |
10
- | **title** | The title of the SVG file - e.g: `Home` | `string` | No |
11
- | **transform-source** | The function to transform the source of the SVG file - e.g: `(svg) => svg` | `TSFunctionType` | No |
3
+ | Name | Description | Type | Required | Default |
4
+ | --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | ----------- |
5
+ | **icon** | The icon to render. Accepts: - A Vue component (e.g. `import { MazStar } from '@maz-ui/icons/static/MazStar'`) - A URL or `data:` URI to a `.svg` file (`'/icons/star.svg'`, `'data:image/svg+xml,…'`) - A raw SVG string (`'<svg viewBox="0 0 24 24">…</svg>'`) The component detects the format and renders accordingly. | `MazIconValue` | No | `undefined` |
6
+ | **fallback** | Fallback icon used when: - `icon` is not provided - `icon` is a URL that fails to load or returns invalid SVG Same shape as `icon`. Defaults to the imported `MazQuestionMarkCircle` if neither `icon` nor `fallback` resolves to anything renderable. | `MazIconValue` | No | `undefined` |
7
+ | **size** | Predefined keyword (`'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'`) or any CSS length. | `MazIconSize` | No | `undefined` |
8
+ | **title** | Sets a `<title>` element inside the SVG for screen-reader accessibility. | `string` | No | `undefined` |
9
+ | **svg-attributes** | Extra attributes to merge onto the rendered `<svg>` root. | `Record` | No | `undefined` |
10
+ | **flip-icon-for-rtl** | Mirror the icon horizontally when the document direction is RTL. Useful for directional icons (chevrons, arrows). Renders unchanged in LTR. | `boolean` | No | `false` |
12
11
 
13
12
  ## Events
14
13
 
15
- | Event name | Properties | Description |
16
- | ---------- | ---------------------------------------------------------- | ----------------------------------- |
17
- | loaded | **svg** `SVGElement \| undefined` - the svg element loaded | emitted when SVG file is loaded |
18
- | unloaded | | emitted when SVG file is not loaded |
19
- | error | **error** `Error` - the error | emitted when SVG file is not loaded |
14
+ | Event name | Properties | Description |
15
+ | ---------- | ---------- | --------------------------------------------------------------------------------- |
16
+ | error | | Emitted when an SVG fails to fetch or parse — useful for telemetry / fallback UI. |