@maz-ui/mcp 5.0.0 → 5.1.0-beta.0

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 (343) hide show
  1. package/README.md +61 -228
  2. package/bin/maz-ui-mcp.mjs +2 -5
  3. package/dist/cli.d.mts +7 -0
  4. package/dist/cli.d.ts +7 -0
  5. package/dist/cli.mjs +14 -0
  6. package/dist/index.d.mts +340 -0
  7. package/dist/index.d.ts +340 -0
  8. package/dist/index.mjs +14 -0
  9. package/dist/shared/mcp.DzqVbCaL.mjs +2346 -0
  10. package/docs/README.md +207 -0
  11. package/docs/agents/agents-md.md +52 -0
  12. package/docs/agents/claude-rule.md +52 -0
  13. package/docs/components/maz-accordion.md +76 -0
  14. package/docs/{src/components → components}/maz-alert.md +31 -164
  15. package/docs/components/maz-animated-counter.md +87 -0
  16. package/docs/components/maz-animated-element.md +46 -0
  17. package/docs/components/maz-animated-text.md +53 -0
  18. package/docs/components/maz-avatar.md +193 -0
  19. package/docs/components/maz-backdrop.md +178 -0
  20. package/docs/{src/components → components}/maz-badge.md +26 -67
  21. package/docs/components/maz-bottom-sheet.md +257 -0
  22. package/docs/{src/components → components}/maz-btn-group.md +26 -189
  23. package/docs/{src/components → components}/maz-btn.md +60 -245
  24. package/docs/components/maz-card-spotlight.md +84 -0
  25. package/docs/{src/components → components}/maz-card.md +67 -192
  26. package/docs/components/maz-carousel.md +153 -0
  27. package/docs/{src/components → components}/maz-chart.md +17 -161
  28. package/docs/components/maz-checkbox.md +138 -0
  29. package/docs/components/maz-checklist.md +251 -0
  30. package/docs/components/maz-circular-progress-bar.md +109 -0
  31. package/docs/{src/components → components}/maz-code-highlight.md +15 -93
  32. package/docs/components/maz-container.md +241 -0
  33. package/docs/{src/components → components}/maz-date-picker.md +85 -454
  34. package/docs/components/maz-dialog-confirm.md +215 -0
  35. package/docs/components/maz-dialog.md +143 -0
  36. package/docs/components/maz-drawer.md +106 -0
  37. package/docs/components/maz-dropdown.md +419 -0
  38. package/docs/{src/components → components}/maz-dropzone.md +80 -221
  39. package/docs/components/maz-expand-animation.md +82 -0
  40. package/docs/components/maz-fullscreen-loader.md +58 -0
  41. package/docs/components/maz-gallery.md +79 -0
  42. package/docs/{src/components → components}/maz-icon.md +32 -83
  43. package/docs/components/maz-input-code.md +73 -0
  44. package/docs/components/maz-input-number.md +79 -0
  45. package/docs/components/maz-input-phone-number.md +536 -0
  46. package/docs/components/maz-input-price.md +68 -0
  47. package/docs/components/maz-input-tags.md +112 -0
  48. package/docs/{src/components → components}/maz-input.md +74 -221
  49. package/docs/components/maz-lazy-img.md +113 -0
  50. package/docs/components/maz-link.md +146 -0
  51. package/docs/components/maz-loading-bar.md +38 -0
  52. package/docs/{src/components → components}/maz-markdown-editor.md +72 -125
  53. package/docs/components/maz-pagination.md +82 -0
  54. package/docs/components/maz-popover.md +794 -0
  55. package/docs/{src/components → components}/maz-pull-to-refresh.md +59 -45
  56. package/docs/components/maz-radio-buttons.md +313 -0
  57. package/docs/components/maz-radio.md +119 -0
  58. package/docs/{src/components → components}/maz-read-more.md +31 -122
  59. package/docs/components/maz-reading-progress-bar.md +96 -0
  60. package/docs/{src/components → components}/maz-select-country.md +80 -340
  61. package/docs/{src/components → components}/maz-select.md +76 -206
  62. package/docs/components/maz-sidebar-content.md +25 -0
  63. package/docs/components/maz-sidebar-footer.md +25 -0
  64. package/docs/components/maz-sidebar-group.md +27 -0
  65. package/docs/components/maz-sidebar-header.md +25 -0
  66. package/docs/components/maz-sidebar-menu-button.md +41 -0
  67. package/docs/components/maz-sidebar-menu-item.md +25 -0
  68. package/docs/components/maz-sidebar-menu-sub.md +32 -0
  69. package/docs/components/maz-sidebar-menu.md +25 -0
  70. package/docs/components/maz-sidebar-separator.md +21 -0
  71. package/docs/components/maz-sidebar-trigger.md +25 -0
  72. package/docs/{src/components → components}/maz-sidebar.md +117 -329
  73. package/docs/{src/components → components}/maz-skeleton.md +27 -156
  74. package/docs/{src/components → components}/maz-slider.md +33 -66
  75. package/docs/components/maz-spinner.md +84 -0
  76. package/docs/{src/components → components}/maz-stepper.md +43 -185
  77. package/docs/components/maz-switch.md +86 -0
  78. package/docs/components/maz-table-cell.md +27 -0
  79. package/docs/components/maz-table-row.md +28 -0
  80. package/docs/components/maz-table-title.md +27 -0
  81. package/docs/components/maz-table-virtualizer.md +31 -0
  82. package/docs/components/maz-table.md +426 -0
  83. package/docs/components/maz-tabs-bar.md +43 -0
  84. package/docs/components/maz-tabs-content-item.md +27 -0
  85. package/docs/components/maz-tabs-content.md +27 -0
  86. package/docs/{src/components → components}/maz-tabs.md +89 -126
  87. package/docs/components/maz-textarea.md +255 -0
  88. package/docs/components/maz-ticker.md +427 -0
  89. package/docs/components/maz-timeline.md +304 -0
  90. package/docs/components/maz-ui-provider.md +26 -0
  91. package/docs/{src/components → components}/maz-window-mockup.md +38 -105
  92. package/docs/composables/use-aos.md +41 -0
  93. package/docs/composables/use-breakpoints.md +42 -0
  94. package/docs/composables/use-dialog.md +58 -0
  95. package/docs/{src/composables → composables}/use-display-names.md +12 -59
  96. package/docs/{src/composables → composables}/use-drag.md +14 -68
  97. package/docs/{src/composables → composables}/use-form-validator.md +22 -696
  98. package/docs/{src/composables → composables}/use-idle-timeout.md +13 -97
  99. package/docs/{src/composables → composables}/use-pull-to-refresh.md +14 -7
  100. package/docs/{src/composables → composables}/use-reading-time.md +20 -56
  101. package/docs/composables/use-string-matching.md +41 -0
  102. package/docs/{src/composables → composables}/use-swipe.md +14 -81
  103. package/docs/{src/composables → composables}/use-timer.md +12 -38
  104. package/docs/composables/use-toast.md +50 -0
  105. package/docs/{src/composables → composables}/use-user-visibility.md +14 -56
  106. package/docs/composables/use-wait.md +50 -0
  107. package/docs/composables/use-window-size.md +25 -0
  108. package/docs/{src/directives → directives}/click-outside.md +13 -99
  109. package/docs/{src/directives → directives}/fullscreen-img.md +10 -28
  110. package/docs/{src/directives → directives}/lazy-img.md +14 -49
  111. package/docs/{src/directives → directives}/tooltip.md +12 -217
  112. package/docs/{src/directives → directives}/zoom-img.md +11 -38
  113. package/docs/{src/ecosystem → ecosystem}/eslint-config.md +37 -29
  114. package/docs/ecosystem/icons/icon-set.md +25 -0
  115. package/docs/{src/ecosystem → ecosystem}/icons/index.md +22 -16
  116. package/docs/ecosystem/mcp.md +165 -0
  117. package/docs/{src/ecosystem → ecosystem}/node/exec-promise.md +12 -6
  118. package/docs/ecosystem/node/index.md +53 -0
  119. package/docs/{src/ecosystem → ecosystem}/node/logger.md +12 -6
  120. package/docs/{src/ecosystem → ecosystem}/node/print-banner.md +12 -4
  121. package/docs/ecosystem/node/setup-agents.md +102 -0
  122. package/docs/{src/ecosystem → ecosystem}/nuxt.md +46 -19
  123. package/docs/{src/ecosystem → ecosystem}/stylelint-config.md +33 -25
  124. package/docs/{src/ecosystem → ecosystem}/themes.md +72 -235
  125. package/docs/{src/ecosystem → ecosystem}/translations.md +25 -23
  126. package/docs/ecosystem/utils/camel-case.md +37 -0
  127. package/docs/ecosystem/utils/capitalize.md +37 -0
  128. package/docs/{src/ecosystem → ecosystem}/utils/check-availability.md +14 -8
  129. package/docs/{src/ecosystem → ecosystem}/utils/cookie.md +18 -12
  130. package/docs/ecosystem/utils/country-code-to-unicode-flag.md +128 -0
  131. package/docs/{src/ecosystem → ecosystem}/utils/currency.md +12 -26
  132. package/docs/{src/ecosystem → ecosystem}/utils/date.md +10 -24
  133. package/docs/ecosystem/utils/debounce-callback.md +44 -0
  134. package/docs/{src/ecosystem → ecosystem}/utils/debounce-id.md +14 -8
  135. package/docs/{src/ecosystem → ecosystem}/utils/debounce.md +14 -8
  136. package/docs/ecosystem/utils/fetch-locale-ip.md +39 -0
  137. package/docs/{src/ecosystem → ecosystem}/utils/format-json.md +11 -5
  138. package/docs/{src/ecosystem → ecosystem}/utils/format-phone-number.md +12 -6
  139. package/docs/ecosystem/utils/get-browser-locale.md +35 -0
  140. package/docs/ecosystem/utils/get-country-flag-url.md +67 -0
  141. package/docs/{src/ecosystem → ecosystem}/utils/get-error-message.md +10 -4
  142. package/docs/{src/ecosystem → ecosystem}/utils/idle-timeout.md +15 -9
  143. package/docs/{src/ecosystem → ecosystem}/utils/index.md +10 -13
  144. package/docs/{src/ecosystem → ecosystem}/utils/is-client.md +11 -5
  145. package/docs/{src/ecosystem → ecosystem}/utils/is-equal.md +14 -8
  146. package/docs/{src/ecosystem → ecosystem}/utils/is-ios.md +12 -6
  147. package/docs/ecosystem/utils/is-server.md +37 -0
  148. package/docs/ecosystem/utils/is-standalone-mode.md +49 -0
  149. package/docs/{src/ecosystem → ecosystem}/utils/kebab-case.md +10 -4
  150. package/docs/{src/ecosystem → ecosystem}/utils/normalize-string.md +10 -4
  151. package/docs/{src/ecosystem → ecosystem}/utils/number.md +10 -24
  152. package/docs/{src/ecosystem → ecosystem}/utils/pascal-case.md +11 -5
  153. package/docs/{src/ecosystem → ecosystem}/utils/prevent-ios-input-zoom.md +14 -8
  154. package/docs/{src/ecosystem → ecosystem}/utils/script-loader.md +16 -8
  155. package/docs/{src/ecosystem → ecosystem}/utils/sleep.md +10 -4
  156. package/docs/{src/ecosystem → ecosystem}/utils/snake-case.md +10 -4
  157. package/docs/{src/ecosystem → ecosystem}/utils/swipe-handler.md +14 -8
  158. package/docs/{src/ecosystem → ecosystem}/utils/textarea-autogrow.md +12 -6
  159. package/docs/{src/ecosystem → ecosystem}/utils/throttle-id.md +13 -7
  160. package/docs/{src/ecosystem → ecosystem}/utils/throttle.md +14 -8
  161. package/docs/ecosystem/utils/truthy-filter.md +37 -0
  162. package/docs/{src/ecosystem → ecosystem}/utils/types/deep-key-of.md +11 -5
  163. package/docs/{src/ecosystem → ecosystem}/utils/types/deep-partial.md +10 -4
  164. package/docs/ecosystem/utils/types/deep-required.md +45 -0
  165. package/docs/ecosystem/utils/types/flatten-object-keys.md +50 -0
  166. package/docs/{src/ecosystem → ecosystem}/utils/types/generic-instance-type.md +10 -4
  167. package/docs/{src/ecosystem → ecosystem}/utils/types/infer-maybe-ref.md +10 -4
  168. package/docs/ecosystem/utils/upper-first.md +38 -0
  169. package/docs/{src/ecosystem → ecosystem}/utils/user-visibility.md +12 -6
  170. package/docs/guide/ai-agents.md +237 -0
  171. package/docs/{src/guide → guide}/browser-support.md +22 -15
  172. package/docs/{src/guide → guide}/getting-started.md +34 -139
  173. package/docs/{src/guide → guide}/global-defaults.md +12 -11
  174. package/docs/{src/guide → guide}/maz-ui-provider.md +17 -16
  175. package/docs/{src/guide → guide}/migration-v5.md +95 -88
  176. package/docs/{src/guide → guide}/resolvers.md +33 -100
  177. package/docs/guide/tailwind.md +483 -0
  178. package/docs/{src/guide → guide}/vue.md +33 -39
  179. package/docs/manifest.json +1 -0
  180. package/docs/{src/plugins → plugins}/aos.md +20 -55
  181. package/docs/{src/plugins → plugins}/dialog.md +14 -161
  182. package/docs/plugins/toast.md +221 -0
  183. package/docs/plugins/wait.md +78 -0
  184. package/docs/reference/icons.md +46 -0
  185. package/docs/reference/tailwind-tokens.md +191 -0
  186. package/docs/rules.md +57 -0
  187. package/package.json +84 -22
  188. package/dist/mcp.d.mts +0 -153
  189. package/dist/mcp.d.ts +0 -153
  190. package/dist/mcp.mjs +0 -1511
  191. package/docs/generated-docs/maz-accordion.doc.md +0 -21
  192. package/docs/generated-docs/maz-alert.doc.md +0 -20
  193. package/docs/generated-docs/maz-animated-counter.doc.md +0 -17
  194. package/docs/generated-docs/maz-animated-element.doc.md +0 -14
  195. package/docs/generated-docs/maz-animated-text.doc.md +0 -17
  196. package/docs/generated-docs/maz-avatar.doc.md +0 -45
  197. package/docs/generated-docs/maz-backdrop.doc.md +0 -55
  198. package/docs/generated-docs/maz-badge.doc.md +0 -16
  199. package/docs/generated-docs/maz-bottom-sheet.doc.md +0 -24
  200. package/docs/generated-docs/maz-btn-group.doc.md +0 -20
  201. package/docs/generated-docs/maz-btn.doc.md +0 -33
  202. package/docs/generated-docs/maz-card-spotlight.doc.md +0 -16
  203. package/docs/generated-docs/maz-card.doc.md +0 -39
  204. package/docs/generated-docs/maz-carousel.doc.md +0 -17
  205. package/docs/generated-docs/maz-chart.doc.md +0 -10
  206. package/docs/generated-docs/maz-checkbox.doc.md +0 -33
  207. package/docs/generated-docs/maz-checklist.doc.md +0 -30
  208. package/docs/generated-docs/maz-circular-progress-bar.doc.md +0 -27
  209. package/docs/generated-docs/maz-code-highlight.doc.md +0 -11
  210. package/docs/generated-docs/maz-container.doc.md +0 -26
  211. package/docs/generated-docs/maz-date-picker.doc.md +0 -56
  212. package/docs/generated-docs/maz-dialog-confirm.doc.md +0 -24
  213. package/docs/generated-docs/maz-dialog.doc.md +0 -22
  214. package/docs/generated-docs/maz-drawer.doc.md +0 -25
  215. package/docs/generated-docs/maz-dropdown.doc.md +0 -45
  216. package/docs/generated-docs/maz-dropzone.doc.md +0 -82
  217. package/docs/generated-docs/maz-expand-animation.doc.md +0 -12
  218. package/docs/generated-docs/maz-fullscreen-loader.doc.md +0 -13
  219. package/docs/generated-docs/maz-gallery.doc.md +0 -17
  220. package/docs/generated-docs/maz-icon.doc.md +0 -16
  221. package/docs/generated-docs/maz-input-code.doc.md +0 -25
  222. package/docs/generated-docs/maz-input-number.doc.md +0 -33
  223. package/docs/generated-docs/maz-input-phone-number.doc.md +0 -62
  224. package/docs/generated-docs/maz-input-price.doc.md +0 -26
  225. package/docs/generated-docs/maz-input-tags.doc.md +0 -24
  226. package/docs/generated-docs/maz-input.doc.md +0 -54
  227. package/docs/generated-docs/maz-lazy-img.doc.md +0 -49
  228. package/docs/generated-docs/maz-link.doc.md +0 -31
  229. package/docs/generated-docs/maz-loading-bar.doc.md +0 -6
  230. package/docs/generated-docs/maz-markdown-editor.doc.md +0 -65
  231. package/docs/generated-docs/maz-pagination.doc.md +0 -21
  232. package/docs/generated-docs/maz-popover.doc.md +0 -79
  233. package/docs/generated-docs/maz-pull-to-refresh.doc.md +0 -50
  234. package/docs/generated-docs/maz-radio-buttons.doc.md +0 -34
  235. package/docs/generated-docs/maz-radio.doc.md +0 -33
  236. package/docs/generated-docs/maz-read-more.doc.md +0 -18
  237. package/docs/generated-docs/maz-reading-progress-bar.doc.md +0 -18
  238. package/docs/generated-docs/maz-select-country.doc.md +0 -45
  239. package/docs/generated-docs/maz-select.doc.md +0 -32
  240. package/docs/generated-docs/maz-sidebar-content.doc.md +0 -5
  241. package/docs/generated-docs/maz-sidebar-footer.doc.md +0 -5
  242. package/docs/generated-docs/maz-sidebar-group.doc.md +0 -11
  243. package/docs/generated-docs/maz-sidebar-header.doc.md +0 -5
  244. package/docs/generated-docs/maz-sidebar-menu-button.doc.md +0 -27
  245. package/docs/generated-docs/maz-sidebar-menu-item.doc.md +0 -5
  246. package/docs/generated-docs/maz-sidebar-menu-sub.doc.md +0 -16
  247. package/docs/generated-docs/maz-sidebar-menu.doc.md +0 -5
  248. package/docs/generated-docs/maz-sidebar-separator.doc.md +0 -0
  249. package/docs/generated-docs/maz-sidebar-trigger.doc.md +0 -5
  250. package/docs/generated-docs/maz-sidebar.doc.md +0 -36
  251. package/docs/generated-docs/maz-skeleton.doc.md +0 -12
  252. package/docs/generated-docs/maz-slider.doc.md +0 -20
  253. package/docs/generated-docs/maz-spinner.doc.md +0 -6
  254. package/docs/generated-docs/maz-stepper.doc.md +0 -30
  255. package/docs/generated-docs/maz-switch.doc.md +0 -31
  256. package/docs/generated-docs/maz-table-cell.doc.md +0 -5
  257. package/docs/generated-docs/maz-table-row.doc.md +0 -12
  258. package/docs/generated-docs/maz-table-title.doc.md +0 -5
  259. package/docs/generated-docs/maz-table-virtualizer.doc.md +0 -20
  260. package/docs/generated-docs/maz-table.doc.md +0 -72
  261. package/docs/generated-docs/maz-tabs-bar.doc.md +0 -29
  262. package/docs/generated-docs/maz-tabs-content-item.doc.md +0 -11
  263. package/docs/generated-docs/maz-tabs-content.doc.md +0 -5
  264. package/docs/generated-docs/maz-tabs.doc.md +0 -20
  265. package/docs/generated-docs/maz-textarea.doc.md +0 -46
  266. package/docs/generated-docs/maz-ticker.doc.md +0 -25
  267. package/docs/generated-docs/maz-timeline.doc.md +0 -32
  268. package/docs/generated-docs/maz-ui-provider.doc.md +0 -12
  269. package/docs/generated-docs/maz-window-mockup.doc.md +0 -23
  270. package/docs/src/blog/v4.md +0 -276
  271. package/docs/src/blog/v5.md +0 -184
  272. package/docs/src/changelog.md +0 -7
  273. package/docs/src/components/index.md +0 -8
  274. package/docs/src/components/maz-accordion.md +0 -80
  275. package/docs/src/components/maz-animated-counter.md +0 -124
  276. package/docs/src/components/maz-animated-element.md +0 -36
  277. package/docs/src/components/maz-animated-text.md +0 -36
  278. package/docs/src/components/maz-avatar.md +0 -227
  279. package/docs/src/components/maz-backdrop.md +0 -250
  280. package/docs/src/components/maz-bottom-sheet.md +0 -533
  281. package/docs/src/components/maz-card-spotlight.md +0 -163
  282. package/docs/src/components/maz-carousel.md +0 -231
  283. package/docs/src/components/maz-checkbox.md +0 -168
  284. package/docs/src/components/maz-checklist.md +0 -414
  285. package/docs/src/components/maz-circular-progress-bar.md +0 -145
  286. package/docs/src/components/maz-container.md +0 -363
  287. package/docs/src/components/maz-dialog-confirm.md +0 -240
  288. package/docs/src/components/maz-dialog.md +0 -164
  289. package/docs/src/components/maz-drawer.md +0 -181
  290. package/docs/src/components/maz-dropdown.md +0 -691
  291. package/docs/src/components/maz-expand-animation.md +0 -99
  292. package/docs/src/components/maz-fullscreen-loader.md +0 -58
  293. package/docs/src/components/maz-gallery.md +0 -85
  294. package/docs/src/components/maz-input-code.md +0 -61
  295. package/docs/src/components/maz-input-number.md +0 -81
  296. package/docs/src/components/maz-input-phone-number.md +0 -942
  297. package/docs/src/components/maz-input-price.md +0 -67
  298. package/docs/src/components/maz-input-tags.md +0 -114
  299. package/docs/src/components/maz-lazy-img.md +0 -88
  300. package/docs/src/components/maz-link.md +0 -178
  301. package/docs/src/components/maz-loading-bar.md +0 -26
  302. package/docs/src/components/maz-pagination.md +0 -79
  303. package/docs/src/components/maz-popover.md +0 -1416
  304. package/docs/src/components/maz-radio-buttons.md +0 -462
  305. package/docs/src/components/maz-radio.md +0 -142
  306. package/docs/src/components/maz-reading-progress-bar.md +0 -74
  307. package/docs/src/components/maz-spinner.md +0 -93
  308. package/docs/src/components/maz-switch.md +0 -92
  309. package/docs/src/components/maz-table.md +0 -732
  310. package/docs/src/components/maz-textarea.md +0 -400
  311. package/docs/src/components/maz-ticker.md +0 -692
  312. package/docs/src/components/maz-timeline.md +0 -478
  313. package/docs/src/composables/use-aos.md +0 -34
  314. package/docs/src/composables/use-breakpoints.md +0 -35
  315. package/docs/src/composables/use-dialog.md +0 -88
  316. package/docs/src/composables/use-string-matching.md +0 -63
  317. package/docs/src/composables/use-toast.md +0 -71
  318. package/docs/src/composables/use-wait.md +0 -62
  319. package/docs/src/composables/use-window-size.md +0 -18
  320. package/docs/src/ecosystem/icons/icon-set.md +0 -123
  321. package/docs/src/ecosystem/mcp.md +0 -210
  322. package/docs/src/ecosystem/node/index.md +0 -53
  323. package/docs/src/ecosystem/utils/camel-case.md +0 -31
  324. package/docs/src/ecosystem/utils/capitalize.md +0 -50
  325. package/docs/src/ecosystem/utils/country-code-to-unicode-flag.md +0 -213
  326. package/docs/src/ecosystem/utils/debounce-callback.md +0 -38
  327. package/docs/src/ecosystem/utils/fetch-locale-ip.md +0 -33
  328. package/docs/src/ecosystem/utils/get-browser-locale.md +0 -29
  329. package/docs/src/ecosystem/utils/get-country-flag-url.md +0 -156
  330. package/docs/src/ecosystem/utils/is-server.md +0 -31
  331. package/docs/src/ecosystem/utils/is-standalone-mode.md +0 -43
  332. package/docs/src/ecosystem/utils/truthy-filter.md +0 -31
  333. package/docs/src/ecosystem/utils/types/deep-required.md +0 -39
  334. package/docs/src/ecosystem/utils/types/flatten-object-keys.md +0 -44
  335. package/docs/src/ecosystem/utils/upper-first.md +0 -32
  336. package/docs/src/guide/cli.md +0 -144
  337. package/docs/src/guide/migration-v4.md +0 -925
  338. package/docs/src/guide/tailwind.md +0 -158
  339. package/docs/src/index.md +0 -603
  340. package/docs/src/made-with-maz-ui.md +0 -58
  341. package/docs/src/plugins/toast.md +0 -349
  342. package/docs/src/plugins/wait.md +0 -109
  343. package/docs/src/theme-editor.md +0 -21
@@ -1,62 +0,0 @@
1
- ## Props
2
-
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | ----------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- |
5
- | **style** | Style attribut of the component root element | `HTMLAttributes['style']` | No | `undefined` | - |
6
- | **class** | Class attribut of the component root element | `HTMLAttributes['class']` | No | `undefined` | - |
7
- | **model-value** | `v-model` <br/>The current value of the input field in international format (e.g. +33612345678)<br/>**Example:** `"+33612345678"` | `string \| undefined \| null` | No | `undefined` | - |
8
- | **country-code** | `v-model:country-code` <br/>The selected country code (e.g. "FR")<br/>**Example:** `"FR"` | `CountryCode \| undefined \| null` | No | `undefined` | - |
9
- | **id** | Unique identifier for the component<br/>**Example:** `"phone-input-1"` | `string` | No | `undefined` | - |
10
- | **placeholder** | Text displayed when the input is empty<br/>**Example:** `"Enter your phone number"` | `string` | No | `undefined` | - |
11
- | **top-label** | Static label displayed above the input field. Unlike the floating label, this remains fixed<br/>**Example:** `"User Information"` | `string` | No | `undefined` | - |
12
- | **label** | Label displayed above the input<br/>**Example:** `"Phone Number"` | `string` | No | `undefined` | - |
13
- | **preferred-countries** | List of country codes to place first in the select list<br/>**Example:** `["FR", "BE", "GE"]` | `CountryCode[]` | No | `undefined` | - |
14
- | **ignored-countries** | List of country codes to be removed from the select list<br/>**Example:** `["FR", "BE", "GE"]` | `CountryCode[]` | No | `undefined` | - |
15
- | **only-countries** | List of country codes to only have the countries selected in the select list<br/>**Example:** `["FR", "BE", "GE"]` | `CountryCode[]` | No | `undefined` | - |
16
- | **translations** | Locale strings of the component The default values are the translations of the MazUiTranslations plugin | `Partial<MazUiTranslationsNestedSchema['inputPhoneNumber']>` | No | `{ countrySelect: { error: 'Choose country', placeholder: 'Country code', searchPlaceholder: 'Search the country', }, phoneInput: { placeholder: 'Phone number', example: 'Example: {example}', }, }` | - |
17
- | **list-position** | Position where the list of countries will be opened | `MazPopoverProps['position']` | No | `bottom left` | `top left, top right, bottom left, bottom right` |
18
- | **color** | Component color applied | `MazColor` | No | `primary` | `primary, secondary, accent, info, success, warning, destructive, contrast` |
19
- | **size** | Component size applied | `MazSize` | No | `md` | `xs, sm, md, lg, xl, mini` |
20
- | **hide-flags** | Remove flags in country list | `boolean` | No | `false` | - |
21
- | **flag-src** | Source of the flags, instead of the flagcdn.com CDN: a URL template (`/flags/{code}.svg`, `{CODE}` for uppercase) or a function giving the image source of a code. Use `loadCountryFlag` from `maz-ui/country-flags` for the flags of `@maz-ui/icons`. Can be set for the whole app with the `defaults.global.flagSrc` option of the MazUi plugin. | `MazCountryFlagSrc` | No | `undefined (flags from flagcdn.com)` | - |
22
- | **disabled** | Make the input disabled | `boolean` | No | `false` | - |
23
- | **required** | Make the input required | `boolean` | No | `false` | - |
24
- | **example** | Show the phone number example | `boolean` | No | `true` | - |
25
- | **search** | Disable search input in country list | `boolean` | No | `true` | - |
26
- | **search-threshold** | Threshold of the search input in country list where 1 is a perfect match and 0 is a match with any character | `number` | No | `0.75` | - |
27
- | **use-browser-locale** | If true, the browser locale will be used | `boolean` | No | `true` | - |
28
- | **fetch-country** | The component will make a request (https://ipwho.is) to get the location of the user and use it to set the default country code | `boolean` | No | `false` | - |
29
- | **hide-country-select** | Hide the country selector | `boolean` | No | `false` | - |
30
- | **show-code-in-list** | Show country calling code in the country list | `boolean` | No | `false` | - |
31
- | **custom-countries-list** | Replace country names | `Record<CountryCode, string>` | No | `undefined` | - |
32
- | **auto-format** | Disabled auto-format when phone is valid | `"blur" \| "typing" \| "disabled" \| false` | No | `blur` | - |
33
- | **country-locale** | Locale of country list<br/>**Example:** `"fr-FR"` | `string` | No | `undefined` | - |
34
- | **validation-error** | Disable validation error UI | `boolean` | No | `true` | - |
35
- | **validation-success** | Disable validation success UI | `boolean` | No | `true` | - |
36
- | **success** | Add success UI | `boolean` | No | `false` | - |
37
- | **error** | Add error UI | `boolean` | No | `false` | - |
38
- | **warning** | Add warning UI | `boolean` | No | `false` | - |
39
- | **display-country-name** | Will replace the calling code by the country name in the country selector | `boolean` | No | `false` | - |
40
- | **block** | The input will be displayed in full width | `boolean` | No | `false` | - |
41
- | **orientation** | Orientation of the inputs in the component | `'row' \| 'col' \| 'responsive'` | No | `responsive` | `row, col, responsive` |
42
- | **country-select-attributes** | Meta attributes of the country input | `Record<string, unknown>` | No | `{ autocomplete: 'off', name: 'country' }` | - |
43
- | **phone-input-attributes** | Meta attributes of the phone number input | `Record<string, unknown>` | No | `{ autocomplete: 'tel', name: 'phone', inputmode: 'tel' }` | - |
44
- | **assistive-text** | Helper text displayed below the input to provide additional context or validation feedback<br/>**Example:** `"Must contain at least 8 characters"` | `string` | No | `undefined` | - |
45
- | **hint** | Alternative text that replaces the label when provided. Useful for contextual hints<br/>**Example:** `"This phone number is not valid"` | `string` | No | `undefined` | - |
46
-
47
- ## Events
48
-
49
- | Event name | Properties | Description |
50
- | ------------------- | -------------------------------------------------------- | -------------------------------------------- |
51
- | update:model-value | **phoneNumber** `string` - phoneNumber formatted | Emitted when country or phone number changes |
52
- | country-code | **countryCode** `CountryCode` - Country code | Emitted when selected country changes |
53
- | update:country-code | **countryCode** `CountryCode` - Country code | Emitted when country changes |
54
- | data | **results** `Results` - metadata of current phone number | Emitted when country or phone number changes |
55
-
56
- ## Slots
57
-
58
- | Name | Description | Bindings |
59
- | ----------------- | ---------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
60
- | no-results | Replace the "no results" icon in the country selector list | |
61
- | selector-flag | Country selector flag | **country-code** `String` - current selected country code Ex: `"FR"` |
62
- | country-list-flag | Country list flag | **country-code** `String` - country code of option Ex: `"FR"`<br/>**option** `{ iso2: string; dialCode: string; name: string; }` - country data<br/>**is-selected** `Boolean` - `true` if option is selected |
@@ -1,26 +0,0 @@
1
- ## Props
2
-
3
- | Name | Description | Type | Required |
4
- | -------------------- | ---------------------------------------------------------------------------- | --------- | -------- |
5
- | **model-value** | `v-model` <br/> | `number` | No |
6
- | **currency** | The currency to use | `string` | No |
7
- | **locale** | The locale to use | `string` | No |
8
- | **min** | The minimum value that the input can accept | `number` | No |
9
- | **max** | The maximum value that the input can accept | `number` | No |
10
- | **no-icon** | The input will be displayed without icon | `boolean` | No |
11
- | **block** | The input will be displayed in full width | `boolean` | No |
12
- | **error** | Will display the input in error state. | `boolean` | No |
13
- | **hint** | The hint text to display below the input. | `string` | No |
14
- | **success** | Will display the input in success state. | `boolean` | No |
15
- | **warning** | Will display the input in warning state. | `boolean` | No |
16
- | **currency-options** | Options for the currency helper - [see](https://maz-ui.com/helpers/currency) | `Omit` | No |
17
-
18
- ## Events
19
-
20
- | Event name | Properties | Description |
21
- | ------------------ | ---------- | ----------- |
22
- | update:model-value | |
23
- | input | |
24
- | formatted | |
25
- | blur | |
26
- | focus | |
@@ -1,24 +0,0 @@
1
- ## Props
2
-
3
- | Name | Description | Type | Required |
4
- | -------------------- | -------------------------------------------- | ----------------------- | -------- |
5
- | **style** | Style attribut of the component root element | `Native type` | No |
6
- | **class** | Class attribut of the component root element | `Native type` | No |
7
- | **model-value** | `v-model` <br/> | `TSParenthesizedType[]` | No |
8
- | **placeholder** | The placeholder of the input | `string` | No |
9
- | **label** | The label of the input | `string` | No |
10
- | **disabled** | Disable the input | `boolean` | No |
11
- | **error** | Display the input with error style | `boolean` | No |
12
- | **success** | Display the input with success style | `boolean` | No |
13
- | **warning** | Display the input with warning style | `boolean` | No |
14
- | **size** | The size of the input | `MazSize` | No |
15
- | **color** | The color of the input | `MazColor` | No |
16
- | **block** | The input will be displayed in full width | `boolean` | No |
17
- | **add-tags-on-blur** | Add tags on blur | `boolean` | No |
18
- | **hint** | The hint text to display below the input. | `string` | No |
19
-
20
- ## Events
21
-
22
- | Event name | Properties | Description |
23
- | ------------------ | ---------- | ----------- |
24
- | update:model-value | |
@@ -1,54 +0,0 @@
1
- ## Props
2
-
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | -------- | ----------- | ------------------------------------------------------------------------------------------ |
5
- | **style** | Inline styles to apply to the component root element | `HTMLAttributes['style']` | No | `undefined` | - |
6
- | **class** | CSS classes to apply to the component root element | `HTMLAttributes['class']` | No | `undefined` | - |
7
- | **model-value** | `v-model` <br/>The current value of the input field. This prop is used for two-way data binding with v-model<br/>**Example:** `<MazInput v-model="inputValue" />` | `T` | No | `undefined` | - |
8
- | **placeholder** | Text displayed when the input is empty to guide the user<br/>**Example:** `"Enter your email address"` | `string` | No | `undefined` | - |
9
- | **label** | Floating label that appears inside the input and moves up when focused or filled. Provides better UX than traditional placeholders<br/>**Example:** `"Email Address"` | `string` | No | `undefined` | - |
10
- | **top-label** | Static label displayed above the input field. Unlike the floating label, this remains fixed<br/>**Example:** `"User Information"` | `string` | No | `undefined` | - |
11
- | **assistive-text** | Helper text displayed below the input to provide additional context or validation feedback<br/>**Example:** `"Must contain at least 8 characters"` | `string` | No | `undefined` | - |
12
- | **color** | Theme color that affects the border and focus states of the input<br/>**Example:** `"primary"` | `MazColor` | No | `undefined` | `primary, secondary, accent, info, success, warning, destructive, contrast` |
13
- | **type** | HTML input type attribute that determines the input behavior and validation<br/>**Example:** `"email"` | `InputHTMLAttributes['type']` | No | `undefined` | `text, password, email, number, tel, url, search, date, time, datetime-local, month, week` |
14
- | **required** | Makes the input field mandatory for form submission<br/>**Example:** `true` | `boolean` | No | `undefined` | - |
15
- | **disabled** | Disables the input field, preventing user interaction and form submission<br/>**Example:** `false` | `boolean` | No | `undefined` | - |
16
- | **readonly** | Makes the input field read-only, allowing selection but preventing modification<br/>**Example:** `false` | `boolean` | No | `undefined` | - |
17
- | **id** | Unique identifier for the input element, used for form labels and accessibility<br/>**Example:** `"user-email"` | `string` | No | `undefined` | - |
18
- | **error** | Applies error styling (red border and text) to indicate validation failure<br/>**Example:** `true` | `boolean` | No | `undefined` | - |
19
- | **success** | Applies success styling (green border and text) to indicate successful validation<br/>**Example:** `true` | `boolean` | No | `undefined` | - |
20
- | **warning** | Applies warning styling (orange border and text) to indicate potential issues<br/>**Example:** `true` | `boolean` | No | `undefined` | - |
21
- | **hint** | Alternative text that replaces the label when provided. Useful for contextual hints<br/>**Example:** `"Optional field"` | `string` | No | `undefined` | - |
22
- | **input-classes** | Additional CSS classes to apply specifically to the input wrapper element<br/>**Example:** `"custom-input-wrapper"` | `string` | No | `undefined` | - |
23
- | **border** | Controls whether the input has a visible border. Set to false for borderless inputs<br/>**Example:** `true` | `boolean` | No | `undefined` | - |
24
- | **inputmode** | HTML inputmode attribute that provides hints for virtual keyboards on mobile devices<br/>**Example:** `"numeric"` | `InputHTMLAttributes['inputmode']` | No | `undefined` | `text, numeric, decimal, tel, search, email, url` |
25
- | **size** | Controls the height and text size of the input component<br/>**Example:** `"md"` | `MazSize` | No | `undefined` | `xs, sm, md, lg, xl, mini` |
26
- | **debounce** | Enables input debouncing to limit the frequency of value updates. When true, uses 500ms delay. When a number, uses that value as delay in milliseconds<br/>**Example:** `true` | `boolean \| number` | No | `undefined` | - |
27
- | **auto-focus** | Automatically focuses the input when the component mounts<br/>**Example:** `false` | `boolean` | No | `undefined` | - |
28
- | **border-active** | When true, shows the colored border immediately instead of only on focus<br/>**Example:** `false` | `boolean` | No | `undefined` | - |
29
- | **start-icon** | Icon displayed on the inline-start edge of the input (left in LTR, right in RTL). Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) or a full `MazIconProps` object for fine-grained control (size, title, svgAttributes, fallback, …). | `MazIconLike` | No | `undefined` | - |
30
- | **end-icon** | Icon displayed on the inline-end edge of the input (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object. | `MazIconLike` | No | `undefined` | - |
31
- | **rounded-size** | Controls the border radius of the input component<br/>**Example:** `"lg"` | `MazRoundedSize` | No | `md` | `none, sm, md, lg, xl, full` |
32
- | **block** | Makes the input expand to the full width of its container<br/>**Example:** `false` | `boolean` | No | `undefined` | - |
33
- | **name** | The name of the input field. Used for form submission and validation<br/>**Example:** `"email"` | `string` | No | `undefined` | - |
34
- | **autocomplete** | The autocomplete attribute for the input field. Used for form submission and validation<br/>**Example:** `"email"` | `string` | No | `undefined` | - |
35
- | **loading** | Loading state for the input field. Used to show a loading spinner | `boolean` | No | `false` | - |
36
-
37
- ## Events
38
-
39
- | Event name | Properties | Description |
40
- | ------------------ | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
41
- | click | **event** `Event` - The native click event object | Triggered when the user clicks on the input field |
42
- | update:model-value | **value** `T` - The new input value (string, number, boolean, null, or undefined) | Triggered when the input value changes, used for v-model two-way binding.<br/>This event is debounced if the debounce prop is enabled |
43
- | focus | **event** `Event` - The native focus event object | Triggered when the input field gains focus (user clicks or tabs into the field) |
44
- | blur | **event** `Event` - The native blur event object | Triggered when the input field loses focus (user clicks outside or tabs away) |
45
- | change | **event** `Event` - The native change event object | Triggered when the input value changes and the field loses focus.<br/>Different from input event which fires on every keystroke |
46
- | input | **event** `Event` - The native input event object | Triggered on every keystroke or input interaction (real-time input changes).<br/>This is the raw input event, not debounced |
47
-
48
- ## Slots
49
-
50
- | Name | Description | Bindings |
51
- | ---------- | ---------------------------------------------------------------------------------------- | -------- |
52
- | start-icon | Custom content for the inline-start edge of the input field (left in LTR, right in RTL). | |
53
- | end-icon | Custom content for the inline-end edge of the input field (right in LTR, left in RTL). | |
54
- | loader | Loader slot. | |
@@ -1,49 +0,0 @@
1
- ## Props
2
-
3
- | Name | Description | Type | Required |
4
- | --------------------- | ---------------------------------------------------- | ------------------------- | -------- |
5
- | **style** | The style of the component | `Native type` | No |
6
- | **class** | The class of the component | `Native type` | No |
7
- | **src** | The source of the image | `string \| Image \| null` | No |
8
- | **alt** | The alt of the image | `string` | No |
9
- | **hide-loader** | Remove the loader | `boolean` | No |
10
- | **observer-once** | Remove the observer once the image is loaded | `boolean` | No |
11
- | **load-once** | Remove the observer once the image is loaded | `boolean` | No |
12
- | **image-height-full** | Make the image height full | `boolean` | No |
13
- | **observer-options** | The options of the observer | `Native type` | No |
14
- | **fallback-src** | The fallback src to replace the src on loading error | `string` | No |
15
- | **img-class** | The classes of the image element | `Native type` | No |
16
- | **block** | The image will be displayed in full width | `boolean` | No |
17
-
18
- ## Events
19
-
20
- | Event name | Properties | Description |
21
- | ------------ | ---------- | -------------------------------------- |
22
- | intersecting | | Emitted when the image is intersecting |
23
- | loading | | Emitted when the image is loading |
24
- | loaded | | Emitted when the image is loaded |
25
- | error | | Emitted when the image is in error |
26
-
27
- ## Slots
28
-
29
- | Name | Description | Bindings |
30
- | ------- | ----------- | -------- |
31
- | default | | |
32
-
33
- ## Expose
34
-
35
- ### onIntersecting
36
-
37
- >
38
-
39
- ### onLoading
40
-
41
- >
42
-
43
- ### onLoaded
44
-
45
- >
46
-
47
- ### onError
48
-
49
- >
@@ -1,31 +0,0 @@
1
- ## Props
2
-
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- | -------- | ---------------------------------------------------------------------------------------------------- | ----------------------------------------- |
5
- | **class** | The class attribute of the link | `Native type` | No | `undefined` | - |
6
- | **style** | The style attribute of the link | `Native type` | No | `undefined` | - |
7
- | **as** | The component to use for the link - if not provided, it will be `router-link` or `nuxt-link` if `to` is provided, will be `a` if `href` is provided, otherwise it will be `button`, you can force the component to be used with `as` prop | `string \| "a" \| "router-link" \| "nuxt-link" \| "button" \| "RouterLink" \| "NuxtLink"` | No | `depends on the provided props` | `a', 'router-link', 'nuxt-link', 'button` |
8
- | **id** | The id of the link | `string` | No | `undefined` | - |
9
- | **title** | The title of the link | `string` | No | `undefined` | - |
10
- | **href** | The href of the link | `string` | No | `undefined` | - |
11
- | **to** | The route location (router-link) of the link | `RouteLocationRaw` | No | `undefined` | - |
12
- | **color** | The color of the link | `MazColor \| "muted" \| "surface" \| "inherit"` | No | `primary' When 'none', the link will not have any color, so it will inherit the color of the parent` | - |
13
- | **target** | The target of the link | `"_blank" \| "_self" \| "_parent" \| "_top" \| string` | No | `_self` | `_blank', '_self', '_parent', '_top` |
14
- | **download** | The download of the link | `string` | No | `undefined` | - |
15
- | **rel** | The rel of the link | `string` | No | `undefined` | - |
16
- | **aria-label** | The aria-label of the link | `string` | No | `undefined` | - |
17
- | **underline** | Add an underline to the link | `boolean` | No | `false` | - |
18
- | **underline-hover** | Add an underline only on hover | `boolean` | No | `true` | - |
19
- | **auto-external** | Add an external icon to the link if target is '\_blank' | `boolean` | No | `true` | - |
20
- | **start-icon** | Icon displayed on the inline-start edge (left in LTR, right in RTL). Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) or a full `MazIconProps` object for fine-grained control. | `MazIconLike` | No | `undefined` | - |
21
- | **end-icon** | Icon displayed on the inline-end edge (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object. | `MazIconLike` | No | `undefined` | - |
22
- | **disabled** | The disabled state of the link if the component is a button | `boolean` | No | `false` | - |
23
-
24
- ## Slots
25
-
26
- | Name | Description | Bindings |
27
- | ------------- | ------------------------------------------------------------------------------------ | -------- |
28
- | start-icon | The icon to display on the inline-start edge of the text (left in LTR, right in RTL) | |
29
- | default | Text of the link | |
30
- | end-icon | The icon to display on the inline-end edge of the text (right in LTR, left in RTL) | |
31
- | external-icon | Replace the default external icon | |
@@ -1,6 +0,0 @@
1
- ## Props
2
-
3
- | Name | Description | Type | Required |
4
- | ---------- | ---------------------------- | ---------- | -------- |
5
- | **color** | The color of the component. | `MazColor` | No |
6
- | **height** | The height of the component. | `string` | No |
@@ -1,65 +0,0 @@
1
- ## Props
2
-
3
- | Name | Description | Type | Required | Default |
4
- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | -------- | ----------- |
5
- | **style** | Style attribute of the component root element | `Native type` | No | `undefined` |
6
- | **class** | Class attribute of the component root element | `Native type` | No | `undefined` |
7
- | **model-value** | `v-model` <br/> | `string` | No | `undefined` |
8
- | **id** | The id of the textarea | `string` | No | `undefined` |
9
- | **name** | The name of the textarea | `string` | No | `undefined` |
10
- | **label** | Static label displayed above the editor | `string` | No | `undefined` |
11
- | **placeholder** | The placeholder of the textarea | `string` | No | `undefined` |
12
- | **required** | If the editor is required | `boolean` | No | `undefined` |
13
- | **disabled** | If the editor is disabled | `boolean` | No | `undefined` |
14
- | **readonly** | If the editor is readonly | `boolean` | No | `undefined` |
15
- | **error** | If the editor has an error | `boolean` | No | `undefined` |
16
- | **success** | If the editor has a success | `boolean` | No | `undefined` |
17
- | **warning** | If the editor has a warning | `boolean` | No | `undefined` |
18
- | **color** | The color of the editor | `MazColor` | No | `undefined` |
19
- | **rounded-size** | Size radius of the component's border | `MazRoundedSize` | No | `md` |
20
- | **top-label** | Static label displayed above the editor. Unlike a floating label, this remains fixed | `string` | No | `undefined` |
21
- | **assistive-text** | Helper text displayed below the editor to provide additional context or validation feedback<br/>**Example:** `"Markdown is supported"` | `string` | No | `undefined` |
22
- | **toolbar** | Show the formatting toolbar. Pass `true` for the full toolbar, or an ordered array of action keys to display only a subset (and control their order). | `boolean \| MazMarkdownEditorToolbarAction[]` | No | `false` |
23
- | **line-numbers** | Display line numbers in a gutter on the left of the editor | `boolean` | No | `false` |
24
- | **shortcuts** | Enable keyboard shortcuts for the toolbar actions (e.g. Cmd/Ctrl+B for bold). | `boolean` | No | `true` |
25
- | **sanitize** | Sanitize the rendered preview HTML with DOMPurify | `boolean` | No | `true` |
26
- | **render-function** | Custom markdown renderer. Receives the raw markdown and returns an HTML string (sync or async). Falls back to `marked` when omitted. The result is still sanitized when `sanitize` is enabled. | `TSFunctionType` | No | `undefined` |
27
- | **marked-options** | Options forwarded to `marked` when using the default renderer | `Record` | No | `undefined` |
28
- | **rows** | Minimum number of visible rows of the editor textarea | `number` | No | `6` |
29
- | **translations** | Custom translations for the component. Override any key independently. | `DeepPartial<MazUiTranslationsNestedSchema['markdownEditor']>` | No | `undefined` |
30
-
31
- ## Events
32
-
33
- | Event name | Properties | Description |
34
- | ------------------ | ---------------------------------------------------- | --------------------------------------- |
35
- | update:model-value | **value** `string \| undefined` - The markdown value | Emitted when the markdown value changes |
36
- | input | **value** `string \| undefined` - The markdown value | Emitted when the markdown value changes |
37
- | focus | **event** `FocusEvent` - The focus event | Emitted when the textarea is focused |
38
- | blur | **event** `FocusEvent` - The blur event | Emitted when the textarea is blurred |
39
- | change | **event** `Event` - The change event | Emitted when the textarea value changes |
40
-
41
- ## Slots
42
-
43
- | Name | Description | Bindings |
44
- | ------------- | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
45
- | label | Replace the static label displayed above the editor | |
46
- | toolbar | Replace the toolbar content (only rendered when the toolbar is enabled and not in preview mode) | **mode** `MazMarkdownEditorMode` - The current editor mode<br/>**wrap-selection** `Function` - Wrap the current selection with the given markers<br/>**prefix-lines** `Function` - Prefix every selected line with the given string<br/>**apply-heading** `Function` - Apply a heading of the given level to the selected lines<br/>**insert-link** `Function` - Insert a markdown link at the selection<br/>**insert-image** `Function` - Insert a markdown image at the selection<br/>**insert-code-block** `Function` - Insert a fenced code block at the selection<br/>**insert-table** `Function` - Insert a markdown table at the selection |
47
- | empty-preview | Content displayed in the preview pane when there is nothing to render | |
48
-
49
- ## Expose
50
-
51
- ### textarea
52
-
53
- > The underlying textarea element
54
-
55
- ### mode
56
-
57
- > The current editor mode (write / preview / split)
58
-
59
- ### renderPreview
60
-
61
- > Programmatically re-render the markdown preview
62
-
63
- ### focus
64
-
65
- > Focus the editor textarea
@@ -1,21 +0,0 @@
1
- ## Props
2
-
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | ---------------- | --------------------------------------------------------------- | ----------------------- | -------- | ----------- | ---------------------------------------------------------------------------------------------------- |
5
- | **model-value** | `v-model` <br/>The current page number. | `number` | No | `1` | - |
6
- | **button-props** | Props apply to the MazBtn components. | `Partial<MazBtnProps>` | No | `undefined` | - |
7
- | **active-color** | Color of the active button. | `MazColor \| "surface"` | No | `surface` | `contrast', 'primary', 'secondary', 'info', 'success', 'warning', 'destructive', 'accent', 'surface` |
8
- | **size** | Size of the buttons. | `MazSize` | No | `md` | `mini', 'xs', 'sm', 'md', 'lg', 'xl` |
9
- | **total-pages** | Total number of pages. | `number` | Yes | `10` | - |
10
- | **page-range** | Number of buttons to display before and after the current page. | `number` | No | `1` | - |
11
- | **loading** | Enable loading state of current button | `boolean` | No | `false` | - |
12
-
13
- ## Slots
14
-
15
- | Name | Description | Bindings |
16
- | ---------------- | ------------------------------------------------------------- | ---------------------------------------- |
17
- | first-page-sr | Accessible text for screen reader of the previous page button | **page** `number` - first page number |
18
- | previous-page-sr | Accessible text for screen reader of the first page button | **page** `number` - previous page number |
19
- | page-sr | Accessible text for screen reader of the current page button | **page** `number` - current page number |
20
- | next-page-sr | Accessible text for screen reader of the next page button | **page** `number` - next page number |
21
- | last-page-sr | Accessible text for screen reader of the last page button | **page** `number` - last page number |
@@ -1,79 +0,0 @@
1
- ## Props
2
-
3
- | Name | Description | Type | Required | Default | Possible values |
4
- | -------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- | -------- | -------------- | ---------------------------------------------------------------------------------------------------------------------------- |
5
- | **model-value** | `v-model` <br/>Controls the popover open state | `boolean` | No | `false` | - |
6
- | **position** | **Position of the popover relative to trigger** <br/> <br/>Position of the popover relative to trigger<br/> | `MazPopoverPosition` | No | `auto` | `auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end` |
7
- | **prefer-position** | **Preferred position of the popover relative to trigger when auto position is used** <br/> <br/>Preferred position of the popover relative to trigger<br/> | `MazPopoverPreferPosition` | No | `bottom-start` | `auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end` |
8
- | **fallback-position** | **Fallback position of the popover relative to trigger when prefer position is not visible** <br/> <br/>Fallback position of the popover relative to trigger<br/> | `MazPopoverFallbackPosition` | No | `auto` | `auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end` |
9
- | **trigger** | **How the popover is triggered** <br/> <br/>How the popover is triggered. 'adaptive' uses hover on desktop and click on mobile<br/> | `MazPopoverTrigger` | No | `click` | `click, hover, manual, adaptive` |
10
- | **role** | **ARIA role for accessibility** <br/> <br/>ARIA role for accessibility<br/> | `MazPopoverRole` | No | `dialog` | `dialog, tooltip` |
11
- | **aria-label** | ARIA label for the popover | `string` | No | `undefined` | - |
12
- | **announce-changes** | Announce content changes to screen readers | `boolean` | No | `false` | - |
13
- | **disabled** | **Disables the popover** <br/> <br/>Disables the popover<br/> | `boolean` | No | `false` | - |
14
- | **offset** | Distance between trigger and popover in pixels | `number` | No | `8` | - |
15
- | **delay** | Delay before showing/hiding in milliseconds | `number` | No | `0` | - |
16
- | **hover-delay** | Delay before closing on hover in milliseconds | `number` | No | `150` | - |
17
- | **transition** | **CSS transition name for animations** <br/> <br/>'scale-pop' \| 'scale-fade' for default transitions. 'scale-pop' is a pop effect, 'scale-fade' is a fade effect.<br/> | `"scale-pop" \| "scale-fade" \| string` | No | `scale-pop` | `scale-pop' \| 'scale-fade' \| string` |
18
- | **teleport-to** | Teleport target selector | `string` | No | `body` | - |
19
- | **overlay-class** | Additional CSS classes for the overlay wrapper | `Native type` | No | `undefined` | - |
20
- | **panel-class** | Additional CSS classes for the popover panel | `Native type` | No | `undefined` | - |
21
- | **panel-style** | Inline styles for the popover panel | `Native type` | No | `undefined` | - |
22
- | **close-on-click-outside** | Close popover when clicking outside | `boolean` | No | `true` | - |
23
- | **close-on-escape** | Close popover when pressing Escape key | `boolean` | No | `true` | - |
24
- | **persistent** | Prevent auto-close (ignores click outside and escape key) | `boolean` | No | `false` | - |
25
- | **id** | Custom ID for the popover element | `string` | No | `undefined` | - |
26
- | **aria-labelledby** | ARIA labelledby attribute for accessibility | `string` | No | `undefined` | - |
27
- | **aria-describedby** | ARIA describedby attribute for accessibility | `string` | No | `undefined` | - |
28
- | **color** | Color variant of the popover | `MazColor \| "surface"` | No | `surface` | `primary, secondary, accent, info, success, warning, destructive, contrast, surface` |
29
- | **trap-focus** | Trap focus inside the popover | `boolean` | No | `true` | - |
30
- | **keep-open-on-hover** | Keep popover open when hovering over the panel | `boolean` | No | `false` | - |
31
- | **block** | The popover will be full width of the trigger | `boolean` | No | `false` | - |
32
- | **position-reference** | **CSS selector or element reference to use for positioning calculations** <br/> <br/>When provided, the popover will position relative to this element instead of the trigger Useful for components with labels where you want to position relative to the actual input<br/><br/>**Example:** `"input" or "#my-input" or HTMLElement` | `string \| HTMLElement` | No | `undefined` | - |
33
-
34
- ## Events
35
-
36
- | Event name | Properties | Description |
37
- | --------------------- | ---------------------------------------- | ---------------------------------- |
38
- | update:model-value | **value** `boolean` - The new open state | Emitted when popover state changes |
39
- | open | | Emitted when popover opens |
40
- | close | | Emitted when popover closes |
41
- | after-close-animation | | Emitted after the close animation |
42
- | toggle | **value** `boolean` - The new open state | Emitted when popover toggles |
43
-
44
- ## Slots
45
-
46
- | Name | Description | Bindings |
47
- | ------- | ----------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
48
- | trigger | Trigger element content | **open** `function` - Function to open the popover<br/>**close** `function` - Function to close the popover<br/>**toggle** `function` - Function to toggle the popover<br/>**is-open** `boolean` - Current open state of the popover<br/>**trigger** `'click' \| 'hover' \| 'manual'` - The trigger type |
49
- | default | Popover content | **open** `function` - Function to open the popover<br/>**close** `function` - Function to close the popover<br/>**toggle** `function` - Function to toggle the popover<br/>**is-open** `boolean` - Current open state of the popover |
50
-
51
- ## Expose
52
-
53
- ### open
54
-
55
- > Open the popover <br/>`@description` Programmatically open the popover<br/>`@usage` `mazPopoverInstance.value?.open()`
56
-
57
- ### close
58
-
59
- > Close the popover <br/>`@description` Programmatically close the popover<br/>`@usage` `mazPopoverInstance.value?.close()`
60
-
61
- ### toggle
62
-
63
- > Toggle the popover <br/>`@description` Programmatically toggle the popover open/close state<br/>`@usage` `mazPopoverInstance.value?.toggle()`
64
-
65
- ### isOpen
66
-
67
- > Check if the popover is open <br/>`@description` Reactive reference to the popover open state<br/>`@usage` `const isPopoverOpen = mazPopoverInstance.value?.isOpen`
68
-
69
- ### updatePosition
70
-
71
- > Update the popover position <br/>`@description` Manually recalculate and update the popover position<br/>`@usage` `mazPopoverInstance.value?.updatePosition()`
72
-
73
- ### panelRef
74
-
75
- > Panel reference <br/>`@description` Reference to the popover panel element<br/>`@usage` `mazPopoverInstance.value?.panelRef`
76
-
77
- ### onTransitionAfterLeave
78
-
79
- >