maz-ui 5.1.0-beta.0 → 5.1.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 (75) hide show
  1. package/dist/assets/{MazBtn.B1l5ztwQ.css → MazBtn.CQZ0x6EA.css} +1 -1
  2. package/dist/chunks/{MazBtn.DF6uWDj3.js → MazBtn.D-Tj7I_e.js} +2 -2
  3. package/dist/chunks/{MazDropzone.Dez5j0WP.js → MazDropzone.BaPph4gM.js} +1 -1
  4. package/dist/chunks/{MazInputTags.C8VNuiEY.js → MazInputTags.B8Qp88Pt.js} +1 -1
  5. package/dist/chunks/{MazMarkdownEditor.BYpR5wF5.js → MazMarkdownEditor.ENw_RcQf.js} +1 -1
  6. package/dist/chunks/{MazPagination.CO3G0QRM.js → MazPagination.C9xcws2r.js} +1 -1
  7. package/dist/chunks/{MazPickerCalendarGrid.CpcqhEfy.js → MazPickerCalendarGrid.5VBnk7xS.js} +1 -1
  8. package/dist/chunks/{MazTabsBar.Wqbm-4CQ.js → MazTabsBar.B9f5DxPw.js} +1 -1
  9. package/dist/components/MazBtn.js +1 -1
  10. package/dist/components/MazBtn.vue.d.ts +1 -1
  11. package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarGrid.js +1 -1
  12. package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarMonth.js +1 -1
  13. package/dist/components/MazDatePicker/MazPickerCalendarSwitcher.js +1 -1
  14. package/dist/components/MazDatePicker/MazPickerMonthSwitcher.js +1 -1
  15. package/dist/components/MazDatePicker/MazPickerShortcuts.js +1 -1
  16. package/dist/components/MazDatePicker/MazPickerTime.js +1 -1
  17. package/dist/components/MazDatePicker/MazPickerYearSwitcher.js +1 -1
  18. package/dist/components/MazDropzone.js +1 -1
  19. package/dist/components/MazInputTags.js +1 -1
  20. package/dist/components/MazMarkdownEditor.js +1 -1
  21. package/dist/components/MazPagination.js +1 -1
  22. package/dist/components/MazTabsBar.js +1 -1
  23. package/dist/components/index.js +6 -6
  24. package/docs/README.md +37 -37
  25. package/docs/agents/agents-md.md +4 -4
  26. package/docs/agents/claude-rule.md +4 -4
  27. package/docs/components/maz-accordion.md +2 -0
  28. package/docs/components/maz-btn-group.md +1 -0
  29. package/docs/components/maz-btn.md +3 -1
  30. package/docs/components/maz-card-spotlight.md +2 -2
  31. package/docs/components/maz-circular-progress-bar.md +2 -2
  32. package/docs/components/maz-drawer.md +3 -2
  33. package/docs/components/maz-fullscreen-loader.md +2 -2
  34. package/docs/components/maz-loading-bar.md +2 -2
  35. package/docs/components/maz-pagination.md +2 -2
  36. package/docs/components/maz-radio.md +2 -2
  37. package/docs/components/maz-select-country.md +2 -2
  38. package/docs/components/maz-sidebar-content.md +2 -2
  39. package/docs/components/maz-sidebar-footer.md +2 -2
  40. package/docs/components/maz-sidebar-group.md +2 -2
  41. package/docs/components/maz-sidebar-header.md +2 -2
  42. package/docs/components/maz-sidebar-menu-button.md +2 -2
  43. package/docs/components/maz-sidebar-menu-item.md +2 -2
  44. package/docs/components/maz-sidebar-menu-sub.md +2 -2
  45. package/docs/components/maz-sidebar-menu.md +2 -2
  46. package/docs/components/maz-sidebar-separator.md +2 -2
  47. package/docs/components/maz-sidebar-trigger.md +2 -2
  48. package/docs/components/maz-spinner.md +2 -2
  49. package/docs/components/maz-stepper.md +5 -0
  50. package/docs/components/maz-table-cell.md +2 -2
  51. package/docs/components/maz-table-row.md +2 -2
  52. package/docs/components/maz-table-title.md +2 -2
  53. package/docs/components/maz-table-virtualizer.md +2 -2
  54. package/docs/components/maz-tabs-bar.md +2 -2
  55. package/docs/components/maz-tabs-content-item.md +2 -2
  56. package/docs/components/maz-tabs-content.md +2 -2
  57. package/docs/components/maz-ui-provider.md +2 -2
  58. package/docs/composables/use-aos.md +2 -2
  59. package/docs/composables/use-breakpoints.md +2 -2
  60. package/docs/composables/use-toast.md +2 -2
  61. package/docs/composables/use-user-visibility.md +4 -4
  62. package/docs/composables/use-wait.md +2 -2
  63. package/docs/directives/fullscreen-img.md +4 -4
  64. package/docs/ecosystem/icons/icon-set.md +4 -4
  65. package/docs/ecosystem/icons/index.md +4 -4
  66. package/docs/ecosystem/mcp.md +1 -1
  67. package/docs/ecosystem/nuxt.md +5 -1
  68. package/docs/ecosystem/translations.md +2 -2
  69. package/docs/ecosystem/utils/country-code-to-unicode-flag.md +2 -2
  70. package/docs/guide/ai-agents.md +6 -4
  71. package/docs/guide/tailwind.md +25 -1
  72. package/docs/manifest.json +1 -1
  73. package/docs/reference/tailwind-tokens.md +1 -1
  74. package/docs/rules.md +5 -3
  75. package/package.json +2 -2
@@ -1,2 +1,2 @@
1
1
  /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
- .m-btn[data-v-57b17fa0]{--m-btn-bg-hover:oklch(from var(--m-btn-bg) clamp(0, calc(l - .05), 1) c h);--m-btn-bg-active:oklch(from var(--m-btn-bg) clamp(0, calc(l - .1), 1) c h);--m-btn-bd-light:oklch(from var(--m-btn-bg) clamp(0, calc(l + .06), 1) c h);--m-btn-bd-dark:oklch(from var(--m-btn-bg) clamp(0, calc(l - .1), 1) c h);--m-btn-pastel-bg:var(--m-btn-bg)}@supports (color:color-mix(in lab, red, red)){.m-btn[data-v-57b17fa0]{--m-btn-pastel-bg:color-mix(in srgb, var(--m-btn-bg) 20%, transparent)}}.m-btn[data-v-57b17fa0]{--m-btn-pastel-fg:oklch(from var(--m-btn-bg) clamp(0, calc(l - .1), 1) c h);justify-content:var(--m-btn-justify,center);background-color:var(--m-btn-bg);color:var(--m-btn-fg);font-weight:var(--maz-btn-font-weight,500);outline-offset:2px;outline:2px solid #0000}.m-btn[data-v-57b17fa0]:not(:disabled):hover{background-color:var(--m-btn-bg-hover)}.m-btn[data-v-57b17fa0]:not(:disabled):active,.m-btn.--active[data-v-57b17fa0]{background-color:var(--m-btn-bg-active)}.m-btn[data-v-57b17fa0]:focus-visible{outline-color:var(--m-btn-bg,var(--maz-primary))}.m-btn.--outlined[data-v-57b17fa0]{border-color:var(--m-btn-bd-light);background-color:#0000}.m-btn.--outlined[data-v-57b17fa0]:where(.dark,.dark *){border-color:var(--m-btn-bd-dark)}.m-btn.--outlined[data-v-57b17fa0]{color:var(--m-btn-bg)}.m-btn.--outlined[data-v-57b17fa0]:not(:disabled):hover{background-color:var(--m-btn-bg)}@supports (color:color-mix(in lab, red, red)){.m-btn.--outlined[data-v-57b17fa0]:not(:disabled):hover{background-color:color-mix(in srgb, var(--m-btn-bg) 10%, transparent)}}.m-btn.--outlined[data-v-57b17fa0]:not(:disabled):active,.m-btn.--outlined.--active[data-v-57b17fa0]{background-color:var(--m-btn-bg)}@supports (color:color-mix(in lab, red, red)){.m-btn.--outlined[data-v-57b17fa0]:not(:disabled):active,.m-btn.--outlined.--active[data-v-57b17fa0]{background-color:color-mix(in srgb, var(--m-btn-bg) 20%, transparent)}}.m-btn.--pastel[data-v-57b17fa0]{background-color:var(--m-btn-pastel-bg);color:var(--m-btn-pastel-fg)}.m-btn.--pastel[data-v-57b17fa0]:not(:disabled):hover{background-color:var(--m-btn-bg);color:var(--m-btn-fg)}.m-btn.--pastel[data-v-57b17fa0]:not(:disabled):active,.m-btn.--pastel.--active[data-v-57b17fa0]{background-color:var(--m-btn-bg-hover);color:var(--m-btn-fg)}.m-btn.--transparent[data-v-57b17fa0]{color:var(--maz-color-foreground,var(--maz-foreground));background-color:#0000}.m-btn.--transparent[data-v-57b17fa0]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}@supports (color:color-mix(in lab, red, red)){.m-btn.--transparent[data-v-57b17fa0]:not(:disabled):hover{background-color:color-mix(in oklab, var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h)) 50%, transparent)}}.m-btn.--transparent[data-v-57b17fa0]:not(:disabled):hover:where(.dark,.dark *){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-btn.--transparent.--outlined[data-v-57b17fa0]{border-color:var(--maz-color-divider,var(--maz-divider))}.m-btn.--transparent.--outlined[data-v-57b17fa0]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}@supports (color:color-mix(in lab, red, red)){.m-btn.--transparent.--outlined[data-v-57b17fa0]:not(:disabled):hover{background-color:color-mix(in oklab, var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h)) 50%, transparent)}}.m-btn.--transparent.--outlined[data-v-57b17fa0]:not(:disabled):active,.m-btn.--transparent.--outlined.--active[data-v-57b17fa0],.m-btn.--transparent.--pastel[data-v-57b17fa0]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-btn.--transparent.--pastel[data-v-57b17fa0]:not(:disabled):active,.m-btn.--transparent.--pastel.--active[data-v-57b17fa0]{background-color:var(--maz-color-surface-700,oklch(from var(--maz-surface) clamp(0, calc(l - .1), 1) c h))}.m-btn.--transparent .m-btn-loader-container[data-v-57b17fa0],.m-btn.--surface[data-v-57b17fa0]{background-color:var(--maz-color-surface,var(--maz-surface));color:var(--maz-color-foreground,var(--maz-foreground))}.m-btn.--surface[data-v-57b17fa0]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-btn.--surface[data-v-57b17fa0]:not(:disabled):hover:where(.dark,.dark *){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-btn.--surface[data-v-57b17fa0]:not(:disabled):active,.m-btn.--surface.--active[data-v-57b17fa0]{background-color:var(--maz-color-surface-700,oklch(from var(--maz-surface) clamp(0, calc(l - .1), 1) c h))}:is(.m-btn.--surface[data-v-57b17fa0]:not(:disabled):active,.m-btn.--surface.--active[data-v-57b17fa0]):where(.dark,.dark *){background-color:var(--maz-color-surface-300,oklch(from var(--maz-surface) clamp(0, calc(l + .13), 1) c h))}.m-btn.--surface.--outlined[data-v-57b17fa0]{border-color:var(--maz-color-divider,var(--maz-divider));background-color:#0000}.m-btn.--surface.--outlined[data-v-57b17fa0]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}@supports (color:color-mix(in lab, red, red)){.m-btn.--surface.--outlined[data-v-57b17fa0]:not(:disabled):hover{background-color:color-mix(in oklab, var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h)) 50%, transparent)}}.m-btn.--surface.--outlined[data-v-57b17fa0]:not(:disabled):active,.m-btn.--surface.--outlined.--active[data-v-57b17fa0],.m-btn.--surface.--pastel[data-v-57b17fa0]{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-btn.--surface.--pastel[data-v-57b17fa0]:not(:disabled):hover{background-color:var(--maz-color-surface-700,oklch(from var(--maz-surface) clamp(0, calc(l - .1), 1) c h))}.m-btn.--surface.--pastel[data-v-57b17fa0]:not(:disabled):active,.m-btn.--surface.--pastel.--active[data-v-57b17fa0]{background-color:var(--maz-color-surface-800,oklch(from var(--maz-surface) clamp(0, calc(l - .16), 1) calc(c * .9) h))}.m-btn.--surface .m-btn-loader-container[data-v-57b17fa0]{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));color:var(--maz-color-foreground,var(--maz-foreground))}.m-btn.--surface .m-btn-loader-container[data-v-57b17fa0]:where(.dark,.dark *){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-btn.--block[data-v-57b17fa0]{width:100%}.m-btn[data-v-57b17fa0]:disabled:not(.--loading){cursor:var(--maz-disabled-cursor);border-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));color:var(--maz-color-muted,var(--maz-muted))}.m-btn[data-v-57b17fa0]:disabled:not(.--loading):where(.dark,.dark *){border-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h));background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-btn.--loading[data-v-57b17fa0]{cursor:wait}.m-btn.--no-padding[data-v-57b17fa0]{padding:0}.m-btn-loader-container[data-v-57b17fa0]{background-color:var(--m-btn-bg);color:var(--m-btn-fg);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}
2
+ .m-btn[data-v-28caf34c]{--m-btn-bg-hover:oklch(from var(--m-btn-bg) clamp(0, calc(l - .05), 1) c h);--m-btn-bg-active:oklch(from var(--m-btn-bg) clamp(0, calc(l - .1), 1) c h);--m-btn-bd-light:oklch(from var(--m-btn-bg) clamp(0, calc(l + .06), 1) c h);--m-btn-bd-dark:oklch(from var(--m-btn-bg) clamp(0, calc(l - .1), 1) c h);--m-btn-pastel-bg:var(--m-btn-bg)}@supports (color:color-mix(in lab, red, red)){.m-btn[data-v-28caf34c]{--m-btn-pastel-bg:color-mix(in srgb, var(--m-btn-bg) 20%, transparent)}}.m-btn[data-v-28caf34c]{--m-btn-pastel-fg:oklch(from var(--m-btn-bg) clamp(0, calc(l - .1), 1) c h);justify-content:var(--m-btn-justify,center);background-color:var(--m-btn-bg);color:var(--m-btn-fg);font-weight:var(--maz-btn-font-weight,500);outline-offset:2px;outline:2px solid #0000}.m-btn[data-v-28caf34c]:not(:disabled):hover{background-color:var(--m-btn-bg-hover)}.m-btn[data-v-28caf34c]:not(:disabled):active,.m-btn.--active[data-v-28caf34c]{background-color:var(--m-btn-bg-active)}.m-btn[data-v-28caf34c]:focus-visible{outline-color:var(--m-btn-bg,var(--maz-primary))}.m-btn.--outlined[data-v-28caf34c]{border-color:var(--m-btn-bd-light);background-color:#0000}.m-btn.--outlined[data-v-28caf34c]:where(.dark,.dark *){border-color:var(--m-btn-bd-dark)}.m-btn.--outlined[data-v-28caf34c]{color:var(--m-btn-bg)}.m-btn.--outlined[data-v-28caf34c]:not(:disabled):hover{background-color:var(--m-btn-bg)}@supports (color:color-mix(in lab, red, red)){.m-btn.--outlined[data-v-28caf34c]:not(:disabled):hover{background-color:color-mix(in srgb, var(--m-btn-bg) 10%, transparent)}}.m-btn.--outlined[data-v-28caf34c]:not(:disabled):active,.m-btn.--outlined.--active[data-v-28caf34c]{background-color:var(--m-btn-bg)}@supports (color:color-mix(in lab, red, red)){.m-btn.--outlined[data-v-28caf34c]:not(:disabled):active,.m-btn.--outlined.--active[data-v-28caf34c]{background-color:color-mix(in srgb, var(--m-btn-bg) 20%, transparent)}}.m-btn.--pastel[data-v-28caf34c]{background-color:var(--m-btn-pastel-bg);color:var(--m-btn-pastel-fg)}.m-btn.--pastel[data-v-28caf34c]:not(:disabled):hover{background-color:var(--m-btn-bg);color:var(--m-btn-fg)}.m-btn.--pastel[data-v-28caf34c]:not(:disabled):active,.m-btn.--pastel.--active[data-v-28caf34c]{background-color:var(--m-btn-bg-hover);color:var(--m-btn-fg)}.m-btn.--transparent[data-v-28caf34c]{color:var(--maz-color-foreground,var(--maz-foreground));background-color:#0000}.m-btn.--transparent[data-v-28caf34c]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}@supports (color:color-mix(in lab, red, red)){.m-btn.--transparent[data-v-28caf34c]:not(:disabled):hover{background-color:color-mix(in oklab, var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h)) 50%, transparent)}}.m-btn.--transparent[data-v-28caf34c]:not(:disabled):hover:where(.dark,.dark *){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-btn.--transparent.--outlined[data-v-28caf34c]{border-color:var(--maz-color-divider,var(--maz-divider))}.m-btn.--transparent.--outlined[data-v-28caf34c]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}@supports (color:color-mix(in lab, red, red)){.m-btn.--transparent.--outlined[data-v-28caf34c]:not(:disabled):hover{background-color:color-mix(in oklab, var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h)) 50%, transparent)}}.m-btn.--transparent.--outlined[data-v-28caf34c]:not(:disabled):active,.m-btn.--transparent.--outlined.--active[data-v-28caf34c],.m-btn.--transparent.--pastel[data-v-28caf34c]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-btn.--transparent.--pastel[data-v-28caf34c]:not(:disabled):active,.m-btn.--transparent.--pastel.--active[data-v-28caf34c]{background-color:var(--maz-color-surface-700,oklch(from var(--maz-surface) clamp(0, calc(l - .1), 1) c h))}.m-btn.--transparent .m-btn-loader-container[data-v-28caf34c],.m-btn.--surface[data-v-28caf34c]{background-color:var(--maz-color-surface,var(--maz-surface));color:var(--maz-color-foreground,var(--maz-foreground))}.m-btn.--surface[data-v-28caf34c]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-btn.--surface[data-v-28caf34c]:not(:disabled):hover:where(.dark,.dark *){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-btn.--surface[data-v-28caf34c]:not(:disabled):active,.m-btn.--surface.--active[data-v-28caf34c]{background-color:var(--maz-color-surface-700,oklch(from var(--maz-surface) clamp(0, calc(l - .1), 1) c h))}:is(.m-btn.--surface[data-v-28caf34c]:not(:disabled):active,.m-btn.--surface.--active[data-v-28caf34c]):where(.dark,.dark *){background-color:var(--maz-color-surface-300,oklch(from var(--maz-surface) clamp(0, calc(l + .13), 1) c h))}.m-btn.--surface.--outlined[data-v-28caf34c]{border-color:var(--maz-color-divider,var(--maz-divider));background-color:#0000}.m-btn.--surface.--outlined[data-v-28caf34c]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}@supports (color:color-mix(in lab, red, red)){.m-btn.--surface.--outlined[data-v-28caf34c]:not(:disabled):hover{background-color:color-mix(in oklab, var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h)) 50%, transparent)}}.m-btn.--surface.--outlined[data-v-28caf34c]:not(:disabled):active,.m-btn.--surface.--outlined.--active[data-v-28caf34c],.m-btn.--surface.--pastel[data-v-28caf34c]{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-btn.--surface.--pastel[data-v-28caf34c]:not(:disabled):hover{background-color:var(--maz-color-surface-700,oklch(from var(--maz-surface) clamp(0, calc(l - .1), 1) c h))}.m-btn.--surface.--pastel[data-v-28caf34c]:not(:disabled):active,.m-btn.--surface.--pastel.--active[data-v-28caf34c]{background-color:var(--maz-color-surface-800,oklch(from var(--maz-surface) clamp(0, calc(l - .16), 1) calc(c * .9) h))}.m-btn.--surface .m-btn-loader-container[data-v-28caf34c]{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));color:var(--maz-color-foreground,var(--maz-foreground))}.m-btn.--surface .m-btn-loader-container[data-v-28caf34c]:where(.dark,.dark *){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-btn.--block[data-v-28caf34c]{width:100%}.m-btn[data-v-28caf34c]:disabled:not(.--loading){cursor:var(--maz-disabled-cursor);border-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));color:var(--maz-color-muted,var(--maz-muted))}.m-btn[data-v-28caf34c]:disabled:not(.--loading):where(.dark,.dark *){border-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h));background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-btn.--loading[data-v-28caf34c]{cursor:wait}.m-btn.--no-padding[data-v-28caf34c]{padding:0}.m-btn-loader-container[data-v-28caf34c]{background-color:var(--m-btn-bg);color:var(--m-btn-fg);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}
@@ -5,7 +5,7 @@ import { useMazIconProps } from "../composables/useMazIconProps.js";
5
5
  import { useGlobalConfig } from "../composables/useGlobalConfig.js";
6
6
  import { t as resolveLinkComponent } from "./resolveLinkComponent.CITQH9BT.js";
7
7
  import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, withCtx } from "vue";
8
- import '../assets/MazBtn.B1l5ztwQ.css';//#region src/components/MazBtn.vue?vue&type=script&setup=true&lang.ts
8
+ import '../assets/MazBtn.CQZ0x6EA.css';//#region src/components/MazBtn.vue?vue&type=script&setup=true&lang.ts
9
9
  var _hoisted_1 = {
10
10
  key: 0,
11
11
  class: "m-btn-loader-container"
@@ -192,6 +192,6 @@ var MazBtn_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
192
192
  "type"
193
193
  ]));
194
194
  }
195
- }), [["__scopeId", "data-v-57b17fa0"]]);
195
+ }), [["__scopeId", "data-v-28caf34c"]]);
196
196
  //#endregion
197
197
  export { MazBtn_default as t };
@@ -1,7 +1,7 @@
1
1
  import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
2
2
  import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.B-B36dWQ.js";
3
3
  import { useDropzone } from "../composables/useDropzone.js";
4
- import { t as MazBtn_default } from "./MazBtn.DF6uWDj3.js";
4
+ import { t as MazBtn_default } from "./MazBtn.D-Tj7I_e.js";
5
5
  import { t as MazIcon_default } from "./MazIcon.DBLUM6Ze.js";
6
6
  import { t as MazLink_default } from "./MazLink.D2hozdtA.js";
7
7
  import { Fragment, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, mergeModels, mergeProps, normalizeClass, normalizeStyle, onBeforeMount, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useModel, withCtx, withModifiers } from "vue";
@@ -1,6 +1,6 @@
1
1
  import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.B-B36dWQ.js";
2
2
  import { useGlobalConfig } from "../composables/useGlobalConfig.js";
3
- import { t as MazBtn_default } from "./MazBtn.DF6uWDj3.js";
3
+ import { t as MazBtn_default } from "./MazBtn.D-Tj7I_e.js";
4
4
  import { t as MazInput_default } from "./MazInput.BQfzcw_q.js";
5
5
  import { Fragment, TransitionGroup, computed, createElementBlock, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, withCtx, withKeys, withModifiers } from "vue";
6
6
  import { truthyFilter } from "@maz-ui/utils/helpers/truthyFilter";
@@ -1,7 +1,7 @@
1
1
  import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
2
2
  import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.B-B36dWQ.js";
3
3
  import { useGlobalConfig } from "../composables/useGlobalConfig.js";
4
- import { t as MazBtn_default } from "./MazBtn.DF6uWDj3.js";
4
+ import { t as MazBtn_default } from "./MazBtn.D-Tj7I_e.js";
5
5
  import { t as MazBtnGroup_default } from "./MazBtnGroup.CFXB2pFv.js";
6
6
  import { t as MazDropdown_default } from "./MazDropdown.BFaKN-Sq.js";
7
7
  import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useModel, vModelText, vShow, watch, withCtx, withDirectives } from "vue";
@@ -1,5 +1,5 @@
1
1
  import { useGlobalConfig } from "../composables/useGlobalConfig.js";
2
- import { t as MazBtn_default } from "./MazBtn.DF6uWDj3.js";
2
+ import { t as MazBtn_default } from "./MazBtn.D-Tj7I_e.js";
3
3
  import { t as MazIcon_default } from "./MazIcon.DBLUM6Ze.js";
4
4
  import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
5
5
  import { useTranslations } from "@maz-ui/translations/composables/useTranslations";
@@ -1,5 +1,5 @@
1
1
  import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.B-B36dWQ.js";
2
- import { t as MazBtn_default } from "./MazBtn.DF6uWDj3.js";
2
+ import { t as MazBtn_default } from "./MazBtn.D-Tj7I_e.js";
3
3
  import { d as isRangeValue, f as isSameDate, m as isValidDate, o as getFirstDayOfMonth, p as isSameDay, r as getDaysInMonth } from "./utils.DZI3H2yF.js";
4
4
  import { Fragment, TransitionGroup, computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, useCssVars, watch, withCtx } from "vue";
5
5
  import { debounce } from "@maz-ui/utils/helpers/debounce";
@@ -1,7 +1,7 @@
1
1
  import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
2
2
  import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.B-B36dWQ.js";
3
3
  import { GLOBAL_CONFIG_INJECTION_KEY } from "../composables/useGlobalConfig.js";
4
- import { t as MazBtn_default } from "./MazBtn.DF6uWDj3.js";
4
+ import { t as MazBtn_default } from "./MazBtn.D-Tj7I_e.js";
5
5
  import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineAsyncComponent, defineComponent, getCurrentInstance, inject, mergeProps, normalizeClass, normalizeStyle, onBeforeMount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
6
6
  import { sleep } from "@maz-ui/utils/helpers/sleep";
7
7
  import '../assets/MazTabsBar.C66z7VI0.css';//#endregion
@@ -1 +1 @@
1
- export { t as default } from "../chunks/MazBtn.DF6uWDj3.js";
1
+ export { t as default } from "../chunks/MazBtn.D-Tj7I_e.js";
@@ -80,7 +80,7 @@ export interface MazBtnProps {
80
80
  */
81
81
  endIcon?: MazIconLike;
82
82
  /**
83
- * If true, the button will have no padding
83
+ * Apply the padding of the button, set it to `false` to remove it
84
84
  * @default true
85
85
  */
86
86
  padding?: boolean;
@@ -1 +1 @@
1
- export { t as default } from "../../../chunks/MazPickerCalendarGrid.CpcqhEfy.js";
1
+ export { t as default } from "../../../chunks/MazPickerCalendarGrid.5VBnk7xS.js";
@@ -1,5 +1,5 @@
1
1
  import { t as MazPickerCalendarDays_default } from "../../../chunks/MazPickerCalendarDays.CY2N-8yW.js";
2
- import { t as MazPickerCalendarGrid_default } from "../../../chunks/MazPickerCalendarGrid.CpcqhEfy.js";
2
+ import { t as MazPickerCalendarGrid_default } from "../../../chunks/MazPickerCalendarGrid.5VBnk7xS.js";
3
3
  import { computed, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock } from "vue";
4
4
  import { formatDate } from "@maz-ui/utils/helpers/formatDate";
5
5
  import dayjs from "dayjs/esm";
@@ -1,4 +1,4 @@
1
- import { t as MazBtn_default } from "../../chunks/MazBtn.DF6uWDj3.js";
1
+ import { t as MazBtn_default } from "../../chunks/MazBtn.D-Tj7I_e.js";
2
2
  import { t as MazIcon_default } from "../../chunks/MazIcon.DBLUM6Ze.js";
3
3
  import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
4
4
  import { useTranslations } from "@maz-ui/translations/composables/useTranslations";
@@ -1,5 +1,5 @@
1
1
  import { t as _plugin_vue_export_helper_default } from "../../chunks/_plugin-vue_export-helper.B-B36dWQ.js";
2
- import { t as MazBtn_default } from "../../chunks/MazBtn.DF6uWDj3.js";
2
+ import { t as MazBtn_default } from "../../chunks/MazBtn.D-Tj7I_e.js";
3
3
  import { t as MazIcon_default } from "../../chunks/MazIcon.DBLUM6Ze.js";
4
4
  import { f as isSameDate } from "../../chunks/utils.DZI3H2yF.js";
5
5
  import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx, withModifiers } from "vue";
@@ -1,5 +1,5 @@
1
1
  import { t as _plugin_vue_export_helper_default } from "../../chunks/_plugin-vue_export-helper.B-B36dWQ.js";
2
- import { t as MazBtn_default } from "../../chunks/MazBtn.DF6uWDj3.js";
2
+ import { t as MazBtn_default } from "../../chunks/MazBtn.D-Tj7I_e.js";
3
3
  import { Fragment, createBlock, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, watch, withCtx, withModifiers } from "vue";
4
4
  import '../../assets/MazPickerShortcuts.Bul-ou6z.css';//#region src/components/MazDatePicker/MazPickerShortcuts.vue?vue&type=script&setup=true&lang.ts
5
5
  var _hoisted_1 = { class: "maz-picker-shortcuts maz:flex maz:flex-col maz:items-start maz:gap-1 maz:overflow-y-auto maz:border-e maz:border-divider maz:p-2" };
@@ -1,5 +1,5 @@
1
1
  import { t as _plugin_vue_export_helper_default } from "../../chunks/_plugin-vue_export-helper.B-B36dWQ.js";
2
- import { t as MazBtn_default } from "../../chunks/MazBtn.DF6uWDj3.js";
2
+ import { t as MazBtn_default } from "../../chunks/MazBtn.D-Tj7I_e.js";
3
3
  import { _ as scrollToTarget, n as findNearestNumberInList } from "../../chunks/utils.DZI3H2yF.js";
4
4
  import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, toDisplayString, watch, withCtx, withModifiers } from "vue";
5
5
  import dayjs from "dayjs/esm";
@@ -1,4 +1,4 @@
1
- import { t as MazBtn_default } from "../../chunks/MazBtn.DF6uWDj3.js";
1
+ import { t as MazBtn_default } from "../../chunks/MazBtn.D-Tj7I_e.js";
2
2
  import { t as MazIcon_default } from "../../chunks/MazIcon.DBLUM6Ze.js";
3
3
  import { f as isSameDate } from "../../chunks/utils.DZI3H2yF.js";
4
4
  import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, withCtx, withModifiers } from "vue";
@@ -1 +1 @@
1
- export { t as default } from "../chunks/MazDropzone.Dez5j0WP.js";
1
+ export { t as default } from "../chunks/MazDropzone.BaPph4gM.js";
@@ -1 +1 @@
1
- export { t as default } from "../chunks/MazInputTags.C8VNuiEY.js";
1
+ export { t as default } from "../chunks/MazInputTags.B8Qp88Pt.js";
@@ -1 +1 @@
1
- export { t as default } from "../chunks/MazMarkdownEditor.BYpR5wF5.js";
1
+ export { t as default } from "../chunks/MazMarkdownEditor.ENw_RcQf.js";
@@ -1 +1 @@
1
- export { t as default } from "../chunks/MazPagination.CO3G0QRM.js";
1
+ export { t as default } from "../chunks/MazPagination.C9xcws2r.js";
@@ -1 +1 @@
1
- export { t as default } from "../chunks/MazTabsBar.Wqbm-4CQ.js";
1
+ export { t as default } from "../chunks/MazTabsBar.B9f5DxPw.js";
@@ -7,8 +7,8 @@ import { t as MazTicker_default } from "../chunks/MazTicker.BwCeA6Gd.js";
7
7
  import { t as MazTextarea_default } from "../chunks/MazTextarea.DSGBjXKb.js";
8
8
  import { t as MazTabsContentItem_default } from "../chunks/MazTabsContentItem.mjdYWx_T.js";
9
9
  import { t as MazTabsContent_default } from "../chunks/MazTabsContent.BzXUvzvg.js";
10
- import { t as MazBtn_default } from "../chunks/MazBtn.DF6uWDj3.js";
11
- import { t as MazTabsBar_default } from "../chunks/MazTabsBar.Wqbm-4CQ.js";
10
+ import { t as MazBtn_default } from "../chunks/MazBtn.D-Tj7I_e.js";
11
+ import { t as MazTabsBar_default } from "../chunks/MazTabsBar.B9f5DxPw.js";
12
12
  import { t as MazTabs_default } from "../chunks/MazTabs.DfaqkFDt.js";
13
13
  import { t as MazIcon_default } from "../chunks/MazIcon.DBLUM6Ze.js";
14
14
  import { t as MazTable_default } from "../chunks/MazTable.jkeRyoeh.js";
@@ -39,13 +39,13 @@ import { t as MazReadMore_default } from "../chunks/MazReadMore.cBAr5X_C.js";
39
39
  import { t as MazRadioButtons_default } from "../chunks/MazRadioButtons.C8vKqNk9.js";
40
40
  import { t as MazRadio_default } from "../chunks/MazRadio.CVxRnTEz.js";
41
41
  import { t as MazPullToRefresh_default } from "../chunks/MazPullToRefresh.CkEm7Jkc.js";
42
- import { t as MazPagination_default } from "../chunks/MazPagination.CO3G0QRM.js";
42
+ import { t as MazPagination_default } from "../chunks/MazPagination.C9xcws2r.js";
43
43
  import { t as MazBtnGroup_default } from "../chunks/MazBtnGroup.CFXB2pFv.js";
44
44
  import { t as MazDropdown_default } from "../chunks/MazDropdown.BFaKN-Sq.js";
45
- import { t as MazMarkdownEditor_default } from "../chunks/MazMarkdownEditor.BYpR5wF5.js";
45
+ import { t as MazMarkdownEditor_default } from "../chunks/MazMarkdownEditor.ENw_RcQf.js";
46
46
  import { t as MazLoadingBar_default } from "../chunks/MazLoadingBar.D3ML3lHn.js";
47
47
  import { t as MazLazyImg_default } from "../chunks/MazLazyImg.hu7v_r8B.js";
48
- import { t as MazInputTags_default } from "../chunks/MazInputTags.C8VNuiEY.js";
48
+ import { t as MazInputTags_default } from "../chunks/MazInputTags.B8Qp88Pt.js";
49
49
  import { t as MazInputPrice_default } from "../chunks/MazInputPrice.NyXazUwp.js";
50
50
  import { t as MazInputPhoneNumber_default } from "../chunks/MazInputPhoneNumber.CFe6CXyv.js";
51
51
  import { t as MazInputNumber_default } from "../chunks/MazInputNumber.TWhoHOl1.js";
@@ -53,7 +53,7 @@ import { t as MazInputCode_default } from "../chunks/MazInputCode.u6HfKh59.js";
53
53
  import { t as MazGallery_default } from "../chunks/MazGallery.CKRCfgEa.js";
54
54
  import { t as MazFullscreenLoader_default } from "../chunks/MazFullscreenLoader.CJ83xq4d.js";
55
55
  import { t as MazExpandAnimation_default } from "../chunks/MazExpandAnimation.Etwl_dOy.js";
56
- import { t as MazDropzone_default } from "../chunks/MazDropzone.Dez5j0WP.js";
56
+ import { t as MazDropzone_default } from "../chunks/MazDropzone.BaPph4gM.js";
57
57
  import { t as MazBackdrop_default } from "../chunks/MazBackdrop.q3njgeNN.js";
58
58
  import { t as MazDrawer_default } from "../chunks/MazDrawer.CC8zomfx.js";
59
59
  import { t as MazDialog_default } from "../chunks/MazDialog.C12rD3uC.js";
package/docs/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # maz-ui 5.0.1-beta.0 documentation for AI agents
1
+ # maz-ui documentation for AI agents
2
2
 
3
3
  > Vue 3 and Nuxt UI library: components, composables, directives and plugins, with an ecosystem of packages for theming (@maz-ui/themes), icons (@maz-ui/icons), helpers (@maz-ui/utils), translations (@maz-ui/translations), Nuxt (@maz-ui/nuxt) and AI agents (@maz-ui/mcp). Styling is powered by Tailwind CSS v4 theme tokens.
4
4
 
@@ -33,22 +33,22 @@ These files document the **installed** version of maz-ui. Prefer them over what
33
33
  - [MazBtn](components/maz-btn.md): MazBtn is a standalone component that replaces the standard html button with a beautiful design system. Many options like colors, sizes, disabled state, loading state, icons are...
34
34
  - [MazBtnGroup](components/maz-btn-group.md): MazBtnGroup is a component to group multiple MazBtn buttons together with seamless styling. Supports props-based or slot-based rendering with customizable orientation, size, and...
35
35
  - [MazCard](components/maz-card.md): MazCard is a standalone component to display some texts and images and also add button actions
36
- - [MazCardSpotlight](components/maz-card-spotlight.md): MazCardSpotlight is a standalone component
36
+ - [MazCardSpotlight](components/maz-card-spotlight.md): MazCardSpotlight is a card with a glowing spotlight that follows the mouse cursor on its border and background, to highlight features, pricing plans or call to actions
37
37
  - [MazCarousel](components/maz-carousel.md): MazCarousel is a standalone component to display and manage items in a row
38
38
  - [MazChart](components/maz-chart.md): MazChart is a standalone component which generates graphics & charts with chart.js
39
39
  - [MazCheckbox](components/maz-checkbox.md): MazCheckbox is a standalone component that replaces the standard html input checkbox. Color options are available.
40
40
  - [MazChecklist](components/maz-checklist.md): MazChecklist is a standalone component that allows creating a checklist with integrated search functionality. It provides a flexible and customizable user interface for selectin...
41
- - [MazCircularProgressBar](components/maz-circular-progress-bar.md): MazCircularProgressBar is a standalone component
41
+ - [MazCircularProgressBar](components/maz-circular-progress-bar.md): MazCircularProgressBar displays a percentage or a progress in an animated ring, with a configurable size, color, duration and content in the center
42
42
  - [MazCodeHighlight](components/maz-code-highlight.md): MazCodeHighlight displays source code with syntax highlighting powered by shiki. It auto-detects dark/light mode, ships with a copy-to-clipboard button, a language badge, and su...
43
43
  - [MazContainer](components/maz-container.md): MazContainer is a lightweight component to wrap content with optional header, border, elevation, and rounded corners - a simpler alternative to MazCard
44
44
  - [MazDatePicker](components/maz-date-picker.md): A powerful and flexible date picker component with support for single dates, date ranges, time selection, and extensive customization options
45
45
  - [MazDialog](components/maz-dialog.md): MazDialog is a standalone dialog component to show important informations to the user or propose specific action. Many options are available. You can hide the header or the foot...
46
46
  - [MazDialogConfirm](components/maz-dialog-confirm.md): MazDialogConfirm is a standalone component that dialogs with the user to show important information and propose confirmation. You should wait for this response with await.
47
- - [MazDrawer](components/maz-drawer.md): MazDrawer is a standalone component to add a collapsible sidebar at the top and bottom bar
47
+ - [MazDrawer](components/maz-drawer.md): MazDrawer is a panel that slides in from the top, the bottom, the left or the right side of the screen over a backdrop, for side menus, filters or details
48
48
  - [MazDropdown](components/maz-dropdown.md): MazDropdown is a standalone dropdown menu component and versatile designed for various use cases.
49
49
  - [MazDropzone](components/maz-dropzone.md): MazDropzone is a powerful and flexible file upload component with drag & drop support, progress tracking, and customizable UI. Perfect for handling single or multiple file uploa...
50
50
  - [MazExpandAnimation](components/maz-expand-animation.md): MazExpandAnimation is a standalone component that allows you to animate the height of a block element
51
- - [MazFullscreenLoader](components/maz-fullscreen-loader.md): MazFullscreenLoader is a standalone component
51
+ - [MazFullscreenLoader](components/maz-fullscreen-loader.md): MazFullscreenLoader covers the whole page with a backdrop and a spinner to block the interface during a global loading
52
52
  - [MazGallery](components/maz-gallery.md): MazGallery is a standalone component used to display images in a container and has many options and actions
53
53
  - [MazIcon](components/maz-icon.md): A flexible icon component that accepts Vue components, raw SVG strings, URLs and data URIs.
54
54
  - [MazInput](components/maz-input.md): MazInput is a standalone component that replaces the standard html input text with a beautiful design system. Many options like colors, sizes, disabled, loading, error, warning,...
@@ -59,52 +59,52 @@ These files document the **installed** version of maz-ui. Prefer them over what
59
59
  - [MazInputTags](components/maz-input-tags.md): MazInputTags is a standalone component like free inputs to help user select many values and return an Array of strings. Color options are also available.
60
60
  - [MazLazyImg](components/maz-lazy-img.md): MazLazyImg is a standalone component to display images and svgs with lazy loading
61
61
  - [MazLink](components/maz-link.md): MazLink is a standalone component to create links and buttons.
62
- - [MazLoadingBar](components/maz-loading-bar.md): MazLoadingBar is a standalone component
62
+ - [MazLoadingBar](components/maz-loading-bar.md): MazLoadingBar is an indeterminate progress bar to show that something is loading, typically at the top of a page or a container
63
63
  - [MazMarkdownEditor](components/maz-markdown-editor.md): MazMarkdownEditor is a GitHub-style markdown editor with Write/Preview/Split tabs, a configurable formatting toolbar, optional line numbers, and a sanitized preview. It shares t...
64
- - [MazPagination](components/maz-pagination.md): MazPagination is a standalone component
64
+ - [MazPagination](components/maz-pagination.md): MazPagination lets users navigate between the pages of a list or a table, with first, previous, next and last buttons and the current page in v-model
65
65
  - [MazPopover](components/maz-popover.md): MazPopover is a versatile Vue component for displaying content in overlays that bypass overflow constraints of parent elements
66
66
  - [MazPullToRefresh](components/maz-pull-to-refresh.md): MazPullToRefresh adds a native-feeling pull to refresh gesture to your app or to any scroll container, with a progress ring, haptic feedback and translated, accessible feedback.
67
- - [MazRadio](components/maz-radio.md): MazRadio is a standalone component
67
+ - [MazRadio](components/maz-radio.md): MazRadio is a radio input with a label, colors and sizes to pick one value among several options; see MazRadioButtons for a ready-made group
68
68
  - [MazRadioButtons](components/maz-radio-buttons.md): MazRadioButtons is a standalone component to select a value in a list. Made with native HTMLInputElement type radio
69
69
  - [MazReadMore](components/maz-read-more.md): MazReadMore is a standalone component to truncate long text with a "Read more" / "Read less" toggle functionality
70
70
  - [MazReadingProgressBar](components/maz-reading-progress-bar.md): MazReadingProgressBar is a standalone component to display a reading progress bar
71
71
  - [MazSelect - with "multiple" options](components/maz-select.md): MazSelect is a standalone component that replaces the standard html input select with a beautiful design system. There are many options like multiple values, search text field,...
72
72
  - [MazSelectCountry](components/maz-select-country.md): MazSelectCountry is a versatile Vue component for selecting countries or languages with built-in internationalization support and customizable display options
73
73
  - [MazSidebar](components/maz-sidebar.md): MazSidebar is a composable sidebar system for dashboard, admin, and SaaS applications. It provides a fully accessible, collapsible navigation with multiple display modes.
74
- - [MazSidebarContent](components/maz-sidebar-content.md): MazSidebarContent component.
75
- - [MazSidebarFooter](components/maz-sidebar-footer.md): MazSidebarFooter component.
76
- - [MazSidebarGroup](components/maz-sidebar-group.md): MazSidebarGroup is a building block of MazSidebar.
77
- - [MazSidebarHeader](components/maz-sidebar-header.md): MazSidebarHeader component.
78
- - [MazSidebarMenu](components/maz-sidebar-menu.md): MazSidebarMenu component.
79
- - [MazSidebarMenuButton](components/maz-sidebar-menu-button.md): MazSidebarMenuButton is a building block of MazSidebar.
80
- - [MazSidebarMenuItem](components/maz-sidebar-menu-item.md): MazSidebarMenuItem component.
81
- - [MazSidebarMenuSub](components/maz-sidebar-menu-sub.md): MazSidebarMenuSub is a building block of MazSidebar.
82
- - [MazSidebarSeparator](components/maz-sidebar-separator.md): MazSidebarSeparator component.
83
- - [MazSidebarTrigger](components/maz-sidebar-trigger.md): MazSidebarTrigger component.
74
+ - [MazSidebarContent](components/maz-sidebar-content.md): Scrollable main area of MazSidebar that holds the groups and the menus.
75
+ - [MazSidebarFooter](components/maz-sidebar-footer.md): Bottom area of MazSidebar, for the user menu or secondary actions.
76
+ - [MazSidebarGroup](components/maz-sidebar-group.md): Titled and optionally collapsible section of MazSidebar that groups menus.
77
+ - [MazSidebarHeader](components/maz-sidebar-header.md): Top area of MazSidebar, for the logo, the name of the app or a workspace switcher.
78
+ - [MazSidebarMenu](components/maz-sidebar-menu.md): List of navigation items of MazSidebar.
79
+ - [MazSidebarMenuButton](components/maz-sidebar-menu-button.md): Navigation button or link of a MazSidebar menu item, with icon, label, badge, and a tooltip when the sidebar is collapsed.
80
+ - [MazSidebarMenuItem](components/maz-sidebar-menu-item.md): Item of a MazSidebarMenu: wraps a MazSidebarMenuButton and its optional MazSidebarMenuSub.
81
+ - [MazSidebarMenuSub](components/maz-sidebar-menu-sub.md): Nested submenu of a MazSidebar menu item.
82
+ - [MazSidebarSeparator](components/maz-sidebar-separator.md): Divider between the sections of MazSidebar.
83
+ - [MazSidebarTrigger](components/maz-sidebar-trigger.md): Button that opens, closes or collapses MazSidebar.
84
84
  - [MazSkeleton](components/maz-skeleton.md): MazSkeleton is a standalone component to display loading placeholders with animated shimmer effect
85
85
  - [MazSlider](components/maz-slider.md): MazSlider is a standalone component that replaces the standard html input range with a beautiful design system. Many options like multiple cursors and values, colors, sizes and...
86
- - [MazSpinner](components/maz-spinner.md): MazSpinner is a standalone component that replaces the standard html input checkbox. Color options are available.
86
+ - [MazSpinner](components/maz-spinner.md): MazSpinner is an animated loading indicator with the colors and sizes of the theme, to show that a content or an action is loading
87
87
  - [MazStepper](components/maz-stepper.md): MazStepper is a standalone UI component customizable, reactive for intuitive step-by-step navigation. Ideal for guiding users through forms, workflows, or checkout processes.
88
88
  - [MazSwitch](components/maz-switch.md): MazSwitch is a standalone component that replaces the standard html input checkbox. Color options are available.
89
89
  - [MazTable](components/maz-table.md): MazTable is designed to be a reusable data table with advanced features. Pagination, Search, Column Sorting, Row Selection, UI options, Loading and Slots.
90
- - [MazTableCell](components/maz-table-cell.md): MazTableCell is a building block of MazTable.
91
- - [MazTableRow](components/maz-table-row.md): MazTableRow is a building block of MazTable.
92
- - [MazTableTitle](components/maz-table-title.md): MazTableTitle is a building block of MazTable.
93
- - [MazTableVirtualizer](components/maz-table-virtualizer.md): MazTableVirtualizer component.
90
+ - [MazTableCell](components/maz-table-cell.md): Cell of a MazTableRow, with the size and padding of MazTable.
91
+ - [MazTableRow](components/maz-table-row.md): Row of MazTable, when you write the rows by hand in its default slot.
92
+ - [MazTableTitle](components/maz-table-title.md): Header cell of MazTable, when you write the header by hand.
93
+ - [MazTableVirtualizer](components/maz-table-virtualizer.md): Renderless provider loaded on demand by MazTable to virtualize long lists of rows.
94
94
  - [MazTabs](components/maz-tabs.md): MazTabs is a standalone component to display content in tabs with animations
95
- - [MazTabsBar](components/maz-tabs-bar.md): MazTabsBar is a building block of MazTabs.
96
- - [MazTabsContent](components/maz-tabs-content.md): MazTabsContent is a building block of MazTabs.
97
- - [MazTabsContentItem](components/maz-tabs-content-item.md): MazTabsContentItem is a building block of MazTabs.
95
+ - [MazTabsBar](components/maz-tabs-bar.md): Bar of tab buttons of MazTabs.
96
+ - [MazTabsContent](components/maz-tabs-content.md): Container of the tab panels of MazTabs.
97
+ - [MazTabsContentItem](components/maz-tabs-content-item.md): Panel of MazTabs displayed when its tab is active.
98
98
  - [MazTextarea](components/maz-textarea.md): MazTextarea is a standalone component that replaces the standard html textarea input with a beautiful design system. Many options like colors, disabled, error, warning, success...
99
99
  - [MazTicker](components/maz-ticker.md): MazTicker is a scrolling ticker component that continuously animates content in a loop with configurable speed, direction, pause controls, and gradient overlays
100
100
  - [MazTimeline](components/maz-timeline.md): MazTimeline is a step/progress timeline component for Vue 3 with support for horizontal, vertical, and responsive layouts, customizable colors, sizes, step states, and scoped slots
101
- - [MazUiProvider](components/maz-ui-provider.md): MazUiProvider component.
101
+ - [MazUiProvider](components/maz-ui-provider.md): Component alternative to the MazUi plugin: provides the theme, the translations and the default props of maz-ui to its subtree (lazy loaded pages, scoped themes).
102
102
  - [MazWindowMockup](components/maz-window-mockup.md): MazWindowMockup renders a macOS-style window frame in three variants - browser, terminal, and editor - to showcase content, demos, or code examples in your documentation or UI.
103
103
 
104
104
  ## Composables (maz-ui)
105
105
 
106
- - [useAos](composables/use-aos.md): Vue composable for handling aos plugin in your components
107
- - [useWindowSize](composables/use-breakpoints.md): This composable extends the functionality of the useWindowSize composable to manage responsive breakpoints
106
+ - [useAos](composables/use-aos.md): Vue composable to access the AOS plugin instance (animations on scroll) in your components, to refresh or trigger the animations
107
+ - [useBreakpoints](composables/use-breakpoints.md): This composable extends the functionality of the useWindowSize composable to manage responsive breakpoints
108
108
  - [useDialog](composables/use-dialog.md): Vue composable for handling dialog plugin in your components
109
109
  - [useDisplayNames](composables/use-display-names.md): useDisplayNames is a Vue composable specialized in displaying localized country names (regions) and language names. It supports various code formats including ISO 639-1 (languag...
110
110
  - [useDrag](composables/use-drag.md): useDrag is a Vue composable that tracks a pointer drag gesture (touch, mouse and pen) in real time, exposing the live offset, distance and direction.
@@ -115,15 +115,15 @@ These files document the **installed** version of maz-ui. Prefer them over what
115
115
  - [useStringMatching](composables/use-string-matching.md): Efficient composable for string matching tasks, utilizing Levenshtein distance calculation. Simplify comparison operations with minimal setup. Enhance text similarity checks eff...
116
116
  - [useSwipe](composables/use-swipe.md): useSwipe is a Vue composable that simplifies the management of "swipe" interactions on HTML elements.
117
117
  - [useTimer](composables/use-timer.md): The useTimer composable manages timeouts. It allows you to start, pause, resume, and stop a timer with reactive updates on the remaining time. Ideal for handling asynchronous op...
118
- - [useToast](composables/use-toast.md): Vue composable for handling toast plugin in your components
119
- - [user-visibility](composables/use-user-visibility.md): Plugin to see and manage the user page visibility
120
- - [useWait](composables/use-wait.md): Vue composable for handling wait plugins
118
+ - [useToast](composables/use-toast.md): Vue composable to display toast notifications (info, success, warning, error, with actions and buttons) from your components, through the toast plugin
119
+ - [useUserVisibility](composables/use-user-visibility.md): Vue composable to know whether the user is looking at the page (Page Visibility API), with an optional delay before considering them away
120
+ - [useWait](composables/use-wait.md): Vue composable to manage loading states (start, stop, check) in your components, through the wait plugin and the MazFullscreenLoader
121
121
  - [useWindowSize](composables/use-window-size.md): This composable provides a simple utility to track the width and height of the browser window with reactivity
122
122
 
123
123
  ## Directives (maz-ui)
124
124
 
125
125
  - [vClickOutside](directives/click-outside.md): vClickOutside is a Vue directive to trigger a function when the user clicks outside an element
126
- - [v-fullscreen-img](directives/fullscreen-img.md): Displays images fullscreen on click
126
+ - [vFullscreenImg](directives/fullscreen-img.md): vFullscreenImg is a Vue directive that opens an image in fullscreen on click, with zoom and navigation between the images of a group
127
127
  - [vLazyImg](directives/lazy-img.md): vLazyImg is a Vue directive to lazy load images with many options. Images are loaded when they enter the viewport, using a shared IntersectionObserver for optimal performance.
128
128
  - [vTooltip](directives/tooltip.md): vTooltip is a Vue directive to display a text when the user hovers an element
129
129
  - [vZoomImg](directives/zoom-img.md): vZoomImg is a Vue directive to enlarge an image like a modal on click, if you have several images, you can pass them like a carousel
@@ -138,14 +138,14 @@ These files document the **installed** version of maz-ui. Prefer them over what
138
138
  ## Ecosystem packages
139
139
 
140
140
  - [@maz-ui/eslint-config](ecosystem/eslint-config.md): ESLint flat-config preset for Vue/Nuxt/JS/TS projects, layered on @antfu/eslint-config with SonarJS, Tailwind v3+v4 and a11y add-ons.
141
- - [Icons](ecosystem/icons/index.md):
142
- - [IconSet](ecosystem/icons/icon-set.md):
141
+ - [@maz-ui/icons](ecosystem/icons/index.md): The @maz-ui/icons package provides 860+ SVG icons (interface icons, brand logos, country flags) as tree-shakable Vue components, lazy components or raw SVG strings
142
+ - [Icon Set](ecosystem/icons/icon-set.md): Search and copy the 860+ icons of @maz-ui/icons, with the naming convention and the static, lazy and raw imports of each icon
143
143
  - [MCP server](ecosystem/mcp.md): The maz-ui MCP server gives AI coding agents the version-matched knowledge of maz-ui and its ecosystem - search by need, exact component APIs, icons, Tailwind theme tokens, setu...
144
144
  - [@maz-ui/node](ecosystem/node/index.md): Lightweight Node.js utilities - promise-based shell execution, an opinionated consola-backed logger, and a banner printer for CLIs.
145
145
  - [Install maz-ui with Nuxt](ecosystem/nuxt.md): The ultimate Nuxt module for Maz-UI - zero-config setup with auto-imports, theming, internationalization and powerful features out of the box
146
146
  - [@maz-ui/stylelint-config](ecosystem/stylelint-config.md): Stylelint preset for Vue/Nuxt/JS/TS projects, with first-class Tailwind CSS v4 support, RTL-friendly logical properties, and SCSS opt-in.
147
147
  - [Theming](ecosystem/themes.md): Modern and performant theme system for Maz-UI built on native CSS features (light-dark(), color-scheme, color-mix(in oklch)) for v5.
148
- - [Translations (i18n)](ecosystem/translations.md): Internationalization for Maz-UI components.
148
+ - [Translations (i18n)](ecosystem/translations.md): Internationalization of the maz-ui components with @maz-ui/translations: built-in locales, custom messages, lazy loading and runtime locale switching with useTranslations
149
149
  - [@maz-ui/utils](ecosystem/utils/index.md): Lightweight, tree-shakeable utility functions and TypeScript helpers for Vue, Nuxt and any JavaScript/TypeScript project.
150
150
 
151
151
  ## Helpers (@maz-ui/utils)
@@ -154,7 +154,7 @@ These files document the **installed** version of maz-ui. Prefer them over what
154
154
  - [capitalize](ecosystem/utils/capitalize.md): The module capitalize is a function that adds a capital letter to a string
155
155
  - [checkAvailability](ecosystem/utils/check-availability.md): Poll a getter until a value is available (or matches an expected value), then run a callback - with timeout and configurable retry interval.
156
156
  - [cookie](ecosystem/utils/cookie.md): Read, write and delete browser cookies with full attribute support - `path`, `domain`, `maxAge`, `expires`, `secure`, `sameSite`, `partitioned`.
157
- - [country-code-to-unicode-flag](ecosystem/utils/country-code-to-unicode-flag.md): Convert country code in unicode flag
157
+ - [countryCodeToUnicodeFlag](ecosystem/utils/country-code-to-unicode-flag.md): Convert country code in unicode flag
158
158
  - [formatCurrency](ecosystem/utils/currency.md): The module formatCurrency is a function that formats numbers to currency with the native api [Intl.NumberFormat](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/G...
159
159
  - [formatDate](ecosystem/utils/date.md): The module formatDate is a function that formats dates with the native api [Intl.DateTimeFormat](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/In...
160
160
  - [debounce](ecosystem/utils/debounce.md): Wrap a function so it only runs after a quiet period - every new call resets the timer.
@@ -1,14 +1,12 @@
1
1
  ## maz-ui
2
2
 
3
- > maz-ui 5.0.1-beta.0 is installed: these rules and the docs in `node_modules/maz-ui/docs` match this version.
4
-
5
3
  This project is built with **maz-ui** and its ecosystem (`@maz-ui/themes`, `@maz-ui/icons`, `@maz-ui/utils`, `@maz-ui/translations`, `@maz-ui/nuxt`). Reuse what it provides instead of re-implementing it: most UI elements, helpers, icons and styles you need already exist.
6
4
 
7
5
  ### Look it up before you write it
8
6
 
9
7
  Before creating a component, composable, helper, icon or style, check what maz-ui offers:
10
8
 
11
- - **MCP server `maz-ui`** (when available): `search_docs` (describe the need: "confirm before delete", "phone input"), `get_component_api` (exact props, events, slots), `find_icons`, `get_theme_tokens` (Tailwind classes), `get_doc`, `review_code`.
9
+ - **MCP server `maz-ui`** (when available): `search_docs` (describe the need: "confirm before delete", "phone input"), `get_component_api` (exact props, events, slots), `find_icons`, `get_theme_tokens` (Tailwind classes of the project and of maz-ui), `get_doc`, `review_code`.
12
10
  - **Version-matched docs** in `node_modules/maz-ui/docs/` (start with `README.md`; in a monorepo, resolve `maz-ui` from the app package). Read the relevant page before using an API.
13
11
 
14
12
  Never guess an API: only use props, events, slots and imports that are documented.
@@ -30,7 +28,9 @@ Use `@maz-ui/utils` and maz-ui composables instead of lodash, VueUse or hand-wri
30
28
 
31
29
  ### Styling with Tailwind
32
30
 
33
- The maz-ui theme is exposed to Tailwind (`@import 'maz-ui/tailwindcss/theme.css'`). Only use its tokens:
31
+ The maz-ui theme is exposed to Tailwind (`@import 'maz-ui/tailwindcss/theme.css'`) and the project usually extends it. Only use theme tokens:
32
+
33
+ - **Project tokens first**: the Tailwind entry of the project (the CSS file that imports `maz-ui/tailwindcss/theme.css`) adds its own `@theme` tokens (fonts, animations, colors...), `@custom-variant` and `@utility`, and the `definePreset` file sets the brand values of the maz-ui tokens. `get_theme_tokens` lists both; without the MCP server, read these files. When a value is missing, add a token to the project `@theme` and use its class instead of an arbitrary value.
34
34
 
35
35
  - Colors: `primary`, `secondary`, `accent`, `info`, `success`, `warning`, `destructive`, `contrast` (each with `-foreground` and `-50` to `-950`), `surface`, `foreground`, `muted`, `divider`, `overlay`, plus `bg-container` and `bg-input`. Example: `bg-surface text-foreground border-divider`, `bg-primary text-primary-foreground`, `text-muted`.
36
36
  - Never use the default Tailwind palette (`bg-blue-500`, `text-gray-600`, `bg-white`, `text-black`) nor hard-coded colors (`#fff`, `rgb()`, `bg-[#...]`). Theme colors already adapt to dark mode: do not add `dark:` color overrides.
@@ -1,14 +1,12 @@
1
1
  # maz-ui
2
2
 
3
- > maz-ui 5.0.1-beta.0 is installed: these rules and the docs in `node_modules/maz-ui/docs` match this version.
4
-
5
3
  This project is built with **maz-ui** and its ecosystem (`@maz-ui/themes`, `@maz-ui/icons`, `@maz-ui/utils`, `@maz-ui/translations`, `@maz-ui/nuxt`). Reuse what it provides instead of re-implementing it: most UI elements, helpers, icons and styles you need already exist.
6
4
 
7
5
  ### Look it up before you write it
8
6
 
9
7
  Before creating a component, composable, helper, icon or style, check what maz-ui offers:
10
8
 
11
- - **MCP server `maz-ui`** (when available): `search_docs` (describe the need: "confirm before delete", "phone input"), `get_component_api` (exact props, events, slots), `find_icons`, `get_theme_tokens` (Tailwind classes), `get_doc`, `review_code`.
9
+ - **MCP server `maz-ui`** (when available): `search_docs` (describe the need: "confirm before delete", "phone input"), `get_component_api` (exact props, events, slots), `find_icons`, `get_theme_tokens` (Tailwind classes of the project and of maz-ui), `get_doc`, `review_code`.
12
10
  - **Version-matched docs** in `node_modules/maz-ui/docs/` (start with `README.md`; in a monorepo, resolve `maz-ui` from the app package). Read the relevant page before using an API.
13
11
 
14
12
  Never guess an API: only use props, events, slots and imports that are documented.
@@ -30,7 +28,9 @@ Use `@maz-ui/utils` and maz-ui composables instead of lodash, VueUse or hand-wri
30
28
 
31
29
  ### Styling with Tailwind
32
30
 
33
- The maz-ui theme is exposed to Tailwind (`@import 'maz-ui/tailwindcss/theme.css'`). Only use its tokens:
31
+ The maz-ui theme is exposed to Tailwind (`@import 'maz-ui/tailwindcss/theme.css'`) and the project usually extends it. Only use theme tokens:
32
+
33
+ - **Project tokens first**: the Tailwind entry of the project (the CSS file that imports `maz-ui/tailwindcss/theme.css`) adds its own `@theme` tokens (fonts, animations, colors...), `@custom-variant` and `@utility`, and the `definePreset` file sets the brand values of the maz-ui tokens. `get_theme_tokens` lists both; without the MCP server, read these files. When a value is missing, add a token to the project `@theme` and use its class instead of an arbitrary value.
34
34
 
35
35
  - Colors: `primary`, `secondary`, `accent`, `info`, `success`, `warning`, `destructive`, `contrast` (each with `-foreground` and `-50` to `-950`), `surface`, `foreground`, `muted`, `divider`, `overlay`, plus `bg-container` and `bg-input`. Example: `bg-surface text-foreground border-divider`, `bg-primary text-primary-foreground`, `text-muted`.
36
36
  - Never use the default Tailwind palette (`bg-blue-500`, `text-gray-600`, `bg-white`, `text-black`) nor hard-coded colors (`#fff`, `rgb()`, `bg-[#...]`). Theme colors already adapt to dark mode: do not add `dark:` color overrides.
@@ -74,3 +74,5 @@ import MazAccordion from 'maz-ui/components/MazAccordion'
74
74
  ### Slots
75
75
 
76
76
  - `#content` Bindings: `isOpen: boolean`.
77
+ - `#title-{step}`: One slot per `step`: `#title-<step>`.
78
+ - `#content-{step}`: One slot per `step`: `#content-<step>`. Bindings: `isOpen: boolean`.
@@ -314,3 +314,4 @@ interface MazButtonGroupProps {
314
314
  ### Slots
315
315
 
316
316
  - `#default`: Slot for passing MazBtn components directly
317
+ - `#button-{index}`: One slot per `index`: `#button-<index>`.
@@ -409,10 +409,12 @@ When `to` attribute is provided, the component automatically becomes a `<RouterL
409
409
  - `icon` (`MazIconLike`): 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, …).
410
410
  - `start-icon` (`MazIconLike`): The icon to display on the inline-start edge (left in LTR, right in RTL). Accepts a bare value or a full `MazIconProps` object.
411
411
  - `end-icon` (`MazIconLike`): The icon to display on the inline-end edge (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object.
412
- - `padding` (`boolean`, default: `true`): If true, the button will have no padding.
412
+ - `padding` (`boolean`, default: `true`): Apply the padding of the button, set it to `false` to remove it.
413
413
  - `justify` (`"center" | "end" | "start" | "space-between" | "space-around" | "space-evenly"`, default: `"center"`): Choose how the elements are aligned in the button.
414
414
  - `active` (`boolean`, default: `false`): If true, the button will have an active state.
415
415
  - `overflow-hidden` (`boolean`, default: `true`): If true, the button will have an overflow-hidden style.
416
+ - `href` (`string`): HTML attribute handled by the component: renders a link (`<a>`).
417
+ - `to` (`RouteLocationRaw`): HTML attribute handled by the component: renders a `RouterLink` (or `NuxtLink`).
416
418
 
417
419
  ### Slots
418
420
 
@@ -1,13 +1,13 @@
1
1
  ---
2
2
  title: "MazCardSpotlight"
3
- description: "MazCardSpotlight is a standalone component"
3
+ description: "MazCardSpotlight is a card with a glowing spotlight that follows the mouse cursor on its border and background, to highlight features, pricing plans or call to actions"
4
4
  package: "maz-ui"
5
5
  url: "https://maz-ui.com/components/maz-card-spotlight"
6
6
  ---
7
7
 
8
8
  # MazCardSpotlight
9
9
 
10
- > MazCardSpotlight is a standalone component
10
+ > MazCardSpotlight is a card with a glowing spotlight that follows the mouse cursor on its border and background, to highlight features, pricing plans or call to actions
11
11
 
12
12
  - Package: `maz-ui`
13
13
  - Import: `import MazCardSpotlight from 'maz-ui/components/MazCardSpotlight'`
@@ -1,13 +1,13 @@
1
1
  ---
2
2
  title: "MazCircularProgressBar"
3
- description: "MazCircularProgressBar is a standalone component"
3
+ description: "MazCircularProgressBar displays a percentage or a progress in an animated ring, with a configurable size, color, duration and content in the center"
4
4
  package: "maz-ui"
5
5
  url: "https://maz-ui.com/components/maz-circular-progress-bar"
6
6
  ---
7
7
 
8
8
  # MazCircularProgressBar
9
9
 
10
- > MazCircularProgressBar is a standalone component
10
+ > MazCircularProgressBar displays a percentage or a progress in an animated ring, with a configurable size, color, duration and content in the center
11
11
 
12
12
  - Package: `maz-ui`
13
13
  - Import: `import MazCircularProgressBar from 'maz-ui/components/MazCircularProgressBar'`
@@ -1,13 +1,13 @@
1
1
  ---
2
2
  title: "MazDrawer"
3
- description: "MazDrawer is a standalone component to add a collapsible sidebar at the top and bottom bar"
3
+ description: "MazDrawer is a panel that slides in from the top, the bottom, the left or the right side of the screen over a backdrop, for side menus, filters or details"
4
4
  package: "maz-ui"
5
5
  url: "https://maz-ui.com/components/maz-drawer"
6
6
  ---
7
7
 
8
8
  # MazDrawer
9
9
 
10
- > MazDrawer is a standalone component to add a collapsible sidebar at the top and bottom bar
10
+ > MazDrawer is a panel that slides in from the top, the bottom, the left or the right side of the screen over a backdrop, for side menus, filters or details
11
11
 
12
12
  - Package: `maz-ui`
13
13
  - Import: `import MazDrawer from 'maz-ui/components/MazDrawer'`
@@ -92,6 +92,7 @@ The drawer is a modal `dialog` labelled by its `title`. The focus is trapped ins
92
92
  - `size` (`` `${number}rem` | `${number}px` | `${number}em` | `${number}vw` | `${number}vh` | `${number}vmin` | `${number}vmax` | `${number}%` | `${number}ch` | `${number}cm` | `${number}mm` | `${number}in` | `${number}ex` | `${number}pc` | `${number... ``, default: `"30rem"`): The size of the drawer.
93
93
  - `backdrop-class` (`string`): The class of the backdrop.
94
94
  - `hide-close-button` (`boolean`): Disable the close button.
95
+ - `model-value` (`boolean`, `v-model`): Value of `v-model`, forwarded to the inner component.
95
96
 
96
97
  ### Events
97
98