maz-ui 5.0.1-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.
- package/dist/assets/{MazBtn.B1l5ztwQ.css → MazBtn.CQZ0x6EA.css} +1 -1
- package/dist/assets/{MazDropzone.DJ8au25t.css → MazDropzone.BW2grpTi.css} +1 -1
- package/dist/chunks/{MazBtn.DF6uWDj3.js → MazBtn.D-Tj7I_e.js} +2 -2
- package/dist/chunks/{MazDropzone.POH3pmfi.js → MazDropzone.BaPph4gM.js} +3 -3
- package/dist/chunks/{MazInputTags.C8VNuiEY.js → MazInputTags.B8Qp88Pt.js} +1 -1
- package/dist/chunks/{MazMarkdownEditor.BYpR5wF5.js → MazMarkdownEditor.ENw_RcQf.js} +1 -1
- package/dist/chunks/{MazPagination.CO3G0QRM.js → MazPagination.C9xcws2r.js} +1 -1
- package/dist/chunks/{MazPickerCalendarGrid.CpcqhEfy.js → MazPickerCalendarGrid.5VBnk7xS.js} +1 -1
- package/dist/chunks/{MazTabsBar.Wqbm-4CQ.js → MazTabsBar.B9f5DxPw.js} +1 -1
- package/dist/components/MazBtn.js +1 -1
- package/dist/components/MazBtn.vue.d.ts +1 -1
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarGrid.js +1 -1
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarMonth.js +1 -1
- package/dist/components/MazDatePicker/MazPickerCalendarSwitcher.js +1 -1
- package/dist/components/MazDatePicker/MazPickerMonthSwitcher.js +1 -1
- package/dist/components/MazDatePicker/MazPickerShortcuts.js +1 -1
- package/dist/components/MazDatePicker/MazPickerTime.js +1 -1
- package/dist/components/MazDatePicker/MazPickerYearSwitcher.js +1 -1
- package/dist/components/MazDropzone.js +1 -1
- package/dist/components/MazDropzone.vue.d.ts +2 -2
- package/dist/components/MazInputPrice.vue.d.ts +1 -1
- package/dist/components/MazInputTags.js +1 -1
- package/dist/components/MazMarkdownEditor.js +1 -1
- package/dist/components/MazPagination.js +1 -1
- package/dist/components/MazTabsBar.js +1 -1
- package/dist/components/index.js +6 -6
- package/docs/README.md +207 -0
- package/docs/agents/agents-md.md +52 -0
- package/docs/agents/claude-rule.md +52 -0
- package/docs/components/maz-accordion.md +78 -0
- package/docs/components/maz-alert.md +241 -0
- package/docs/components/maz-animated-counter.md +87 -0
- package/docs/components/maz-animated-element.md +46 -0
- package/docs/components/maz-animated-text.md +53 -0
- package/docs/components/maz-avatar.md +193 -0
- package/docs/components/maz-backdrop.md +178 -0
- package/docs/components/maz-badge.md +167 -0
- package/docs/components/maz-bottom-sheet.md +257 -0
- package/docs/components/maz-btn-group.md +317 -0
- package/docs/components/maz-btn.md +425 -0
- package/docs/components/maz-card-spotlight.md +84 -0
- package/docs/components/maz-card.md +321 -0
- package/docs/components/maz-carousel.md +153 -0
- package/docs/components/maz-chart.md +206 -0
- package/docs/components/maz-checkbox.md +138 -0
- package/docs/components/maz-checklist.md +251 -0
- package/docs/components/maz-circular-progress-bar.md +109 -0
- package/docs/components/maz-code-highlight.md +155 -0
- package/docs/components/maz-container.md +241 -0
- package/docs/components/maz-date-picker.md +791 -0
- package/docs/components/maz-dialog-confirm.md +215 -0
- package/docs/components/maz-dialog.md +143 -0
- package/docs/components/maz-drawer.md +107 -0
- package/docs/components/maz-dropdown.md +419 -0
- package/docs/components/maz-dropzone.md +387 -0
- package/docs/components/maz-expand-animation.md +82 -0
- package/docs/components/maz-fullscreen-loader.md +58 -0
- package/docs/components/maz-gallery.md +79 -0
- package/docs/components/maz-icon.md +203 -0
- package/docs/components/maz-input-code.md +73 -0
- package/docs/components/maz-input-number.md +79 -0
- package/docs/components/maz-input-phone-number.md +536 -0
- package/docs/components/maz-input-price.md +68 -0
- package/docs/components/maz-input-tags.md +112 -0
- package/docs/components/maz-input.md +334 -0
- package/docs/components/maz-lazy-img.md +113 -0
- package/docs/components/maz-link.md +146 -0
- package/docs/components/maz-loading-bar.md +38 -0
- package/docs/components/maz-markdown-editor.md +320 -0
- package/docs/components/maz-pagination.md +82 -0
- package/docs/components/maz-popover.md +794 -0
- package/docs/components/maz-pull-to-refresh.md +222 -0
- package/docs/components/maz-radio-buttons.md +313 -0
- package/docs/components/maz-radio.md +119 -0
- package/docs/components/maz-read-more.md +209 -0
- package/docs/components/maz-reading-progress-bar.md +96 -0
- package/docs/components/maz-select-country.md +513 -0
- package/docs/components/maz-select.md +318 -0
- package/docs/components/maz-sidebar-content.md +25 -0
- package/docs/components/maz-sidebar-footer.md +25 -0
- package/docs/components/maz-sidebar-group.md +27 -0
- package/docs/components/maz-sidebar-header.md +25 -0
- package/docs/components/maz-sidebar-menu-button.md +41 -0
- package/docs/components/maz-sidebar-menu-item.md +25 -0
- package/docs/components/maz-sidebar-menu-sub.md +32 -0
- package/docs/components/maz-sidebar-menu.md +25 -0
- package/docs/components/maz-sidebar-separator.md +21 -0
- package/docs/components/maz-sidebar-trigger.md +25 -0
- package/docs/components/maz-sidebar.md +507 -0
- package/docs/components/maz-skeleton.md +226 -0
- package/docs/components/maz-slider.md +165 -0
- package/docs/components/maz-spinner.md +84 -0
- package/docs/components/maz-stepper.md +306 -0
- package/docs/components/maz-switch.md +86 -0
- package/docs/components/maz-table-cell.md +27 -0
- package/docs/components/maz-table-row.md +28 -0
- package/docs/components/maz-table-title.md +27 -0
- package/docs/components/maz-table-virtualizer.md +31 -0
- package/docs/components/maz-table.md +426 -0
- package/docs/components/maz-tabs-bar.md +43 -0
- package/docs/components/maz-tabs-content-item.md +27 -0
- package/docs/components/maz-tabs-content.md +27 -0
- package/docs/components/maz-tabs.md +308 -0
- package/docs/components/maz-textarea.md +255 -0
- package/docs/components/maz-ticker.md +427 -0
- package/docs/components/maz-timeline.md +304 -0
- package/docs/components/maz-ui-provider.md +26 -0
- package/docs/components/maz-window-mockup.md +182 -0
- package/docs/composables/use-aos.md +41 -0
- package/docs/composables/use-breakpoints.md +42 -0
- package/docs/composables/use-dialog.md +58 -0
- package/docs/composables/use-display-names.md +130 -0
- package/docs/composables/use-drag.md +185 -0
- package/docs/composables/use-form-validator.md +1123 -0
- package/docs/composables/use-idle-timeout.md +172 -0
- package/docs/composables/use-pull-to-refresh.md +86 -0
- package/docs/composables/use-reading-time.md +132 -0
- package/docs/composables/use-string-matching.md +41 -0
- package/docs/composables/use-swipe.md +171 -0
- package/docs/composables/use-timer.md +104 -0
- package/docs/composables/use-toast.md +50 -0
- package/docs/composables/use-user-visibility.md +127 -0
- package/docs/composables/use-wait.md +50 -0
- package/docs/composables/use-window-size.md +25 -0
- package/docs/directives/click-outside.md +182 -0
- package/docs/directives/fullscreen-img.md +83 -0
- package/docs/directives/lazy-img.md +182 -0
- package/docs/directives/tooltip.md +298 -0
- package/docs/directives/zoom-img.md +100 -0
- package/docs/ecosystem/eslint-config.md +289 -0
- package/docs/ecosystem/icons/icon-set.md +25 -0
- package/docs/ecosystem/icons/index.md +584 -0
- package/docs/ecosystem/mcp.md +165 -0
- package/docs/ecosystem/node/exec-promise.md +93 -0
- package/docs/ecosystem/node/index.md +53 -0
- package/docs/ecosystem/node/logger.md +152 -0
- package/docs/ecosystem/node/print-banner.md +101 -0
- package/docs/ecosystem/node/setup-agents.md +102 -0
- package/docs/ecosystem/nuxt.md +555 -0
- package/docs/ecosystem/stylelint-config.md +310 -0
- package/docs/ecosystem/themes.md +966 -0
- package/docs/ecosystem/translations.md +1173 -0
- package/docs/ecosystem/utils/camel-case.md +37 -0
- package/docs/ecosystem/utils/capitalize.md +37 -0
- package/docs/ecosystem/utils/check-availability.md +85 -0
- package/docs/ecosystem/utils/cookie.md +86 -0
- package/docs/ecosystem/utils/country-code-to-unicode-flag.md +128 -0
- package/docs/ecosystem/utils/currency.md +53 -0
- package/docs/ecosystem/utils/date.md +53 -0
- package/docs/ecosystem/utils/debounce-callback.md +44 -0
- package/docs/ecosystem/utils/debounce-id.md +75 -0
- package/docs/ecosystem/utils/debounce.md +71 -0
- package/docs/ecosystem/utils/fetch-locale-ip.md +39 -0
- package/docs/ecosystem/utils/format-json.md +39 -0
- package/docs/ecosystem/utils/format-phone-number.md +43 -0
- package/docs/ecosystem/utils/get-browser-locale.md +35 -0
- package/docs/ecosystem/utils/get-country-flag-url.md +67 -0
- package/docs/ecosystem/utils/get-error-message.md +45 -0
- package/docs/ecosystem/utils/idle-timeout.md +96 -0
- package/docs/ecosystem/utils/index.md +57 -0
- package/docs/ecosystem/utils/is-client.md +38 -0
- package/docs/ecosystem/utils/is-equal.md +44 -0
- package/docs/ecosystem/utils/is-ios.md +43 -0
- package/docs/ecosystem/utils/is-server.md +37 -0
- package/docs/ecosystem/utils/is-standalone-mode.md +49 -0
- package/docs/ecosystem/utils/kebab-case.md +42 -0
- package/docs/ecosystem/utils/normalize-string.md +83 -0
- package/docs/ecosystem/utils/number.md +51 -0
- package/docs/ecosystem/utils/pascal-case.md +41 -0
- package/docs/ecosystem/utils/prevent-ios-input-zoom.md +72 -0
- package/docs/ecosystem/utils/script-loader.md +85 -0
- package/docs/ecosystem/utils/sleep.md +65 -0
- package/docs/ecosystem/utils/snake-case.md +42 -0
- package/docs/ecosystem/utils/swipe-handler.md +97 -0
- package/docs/ecosystem/utils/textarea-autogrow.md +47 -0
- package/docs/ecosystem/utils/throttle-id.md +54 -0
- package/docs/ecosystem/utils/throttle.md +63 -0
- package/docs/ecosystem/utils/truthy-filter.md +37 -0
- package/docs/ecosystem/utils/types/deep-key-of.md +54 -0
- package/docs/ecosystem/utils/types/deep-partial.md +48 -0
- package/docs/ecosystem/utils/types/deep-required.md +45 -0
- package/docs/ecosystem/utils/types/flatten-object-keys.md +50 -0
- package/docs/ecosystem/utils/types/generic-instance-type.md +48 -0
- package/docs/ecosystem/utils/types/infer-maybe-ref.md +41 -0
- package/docs/ecosystem/utils/upper-first.md +38 -0
- package/docs/ecosystem/utils/user-visibility.md +75 -0
- package/docs/guide/ai-agents.md +239 -0
- package/docs/guide/browser-support.md +88 -0
- package/docs/guide/getting-started.md +191 -0
- package/docs/guide/global-defaults.md +103 -0
- package/docs/guide/maz-ui-provider.md +231 -0
- package/docs/guide/migration-v5.md +871 -0
- package/docs/guide/resolvers.md +650 -0
- package/docs/guide/tailwind.md +507 -0
- package/docs/guide/vue.md +286 -0
- package/docs/manifest.json +1 -0
- package/docs/plugins/aos.md +312 -0
- package/docs/plugins/dialog.md +269 -0
- package/docs/plugins/toast.md +221 -0
- package/docs/plugins/wait.md +78 -0
- package/docs/reference/icons.md +46 -0
- package/docs/reference/tailwind-tokens.md +191 -0
- package/docs/rules.md +59 -0
- package/package.json +31 -4
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.m-btn[data-v-
|
|
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}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-463e483d],[data-v-463e483d]:before,[data-v-463e483d]:after{--tw-font-weight:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}[data-v-463e483d]::backdrop{--tw-font-weight:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.m-dropzone .icon-scale-enter-active[data-v-463e483d],.m-dropzone .icon-scale-leave-active[data-v-463e483d]{transition:transform .3s ease-in-out}.m-dropzone .icon-scale-enter-from[data-v-463e483d]{opacity:0;position:absolute;transform:scale(0)}.m-dropzone .icon-scale-leave-to[data-v-463e483d]{display:none}.m-dropzone .file-scale-enter-active[data-v-463e483d],.m-dropzone .file-scale-leave-active[data-v-463e483d]{transition:all .3s ease-in-out}.m-dropzone .file-scale-enter-from[data-v-463e483d]{opacity:0;transform:scale(.3)}.m-dropzone .file-scale-leave-to[data-v-463e483d]{opacity:0;transform:translateY(-100%)}.m-dropzone .file-scale-move[data-v-463e483d]{transition:transform .3s ease-in-out}.m-dropzone__file-input[data-v-463e483d]{display:none}.m-dropzone__info-text[data-v-463e483d]{margin-top:calc(var(--maz-space) * 4);text-align:center;max-width:100%;font-size:var(--maz-text-sm,.875rem);line-height:var(--tw-leading,var(--maz-text-sm--line-height,calc(1.25 / .875)));color:var(--maz-color-muted,var(--maz-muted));flex-direction:column;display:flex}.m-dropzone__upload-text[data-v-463e483d]{text-align:center}.m-dropzone__upload-icon[data-v-463e483d]{font-size:var(--maz-text-3xl,1.875rem);line-height:var(--tw-leading,var(--maz-text-3xl--line-height,calc(2.25 / 1.875)))}.m-dropzone__file-size[data-v-463e483d],.m-dropzone__file-name[data-v-463e483d]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-dropzone__file-info[data-v-463e483d]{gap:calc(var(--maz-space) * .5);text-align:center;font-size:var(--maz-text-sm,.875rem);line-height:var(--tw-leading,var(--maz-text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--maz-font-weight-semibold,600);font-weight:var(--maz-font-weight-semibold,600);flex-direction:column;display:flex}.m-dropzone__description[data-v-463e483d]{z-index:2;gap:var(--maz-space);text-overflow:ellipsis;white-space:nowrap;width:100%;padding:calc(var(--maz-space) * 2);flex-direction:column;display:flex;overflow:hidden}.m-dropzone__file-icon-wrapper[data-v-463e483d]{border-radius:var(--maz-rounded-md);background-color:var(--maz-color-surface,var(--maz-surface));padding:var(--maz-space);color:var(--maz-color-foreground,var(--maz-foreground))}.m-dropzone__error-icon[data-v-463e483d]{font-size:var(--maz-text-4xl,2.25rem);line-height:var(--tw-leading,var(--maz-text-4xl--line-height,calc(2.5 / 2.25)));color:var(--maz-color-destructive,var(--maz-destructive))}.m-dropzone__success-icon[data-v-463e483d]{font-size:var(--maz-text-4xl,2.25rem);line-height:var(--tw-leading,var(--maz-text-4xl--line-height,calc(2.5 / 2.25)));color:var(--maz-color-success,var(--maz-success))}.m-dropzone__spinner[data-v-463e483d]{font-size:var(--maz-text-lg,1.125rem);line-height:var(--tw-leading,var(--maz-text-lg--line-height,calc(1.75 / 1.125)))}.m-dropzone__icon-container[data-v-463e483d]{z-index:2;padding:calc(var(--maz-space) * 2);flex:1;justify-content:center;align-items:center;display:flex}.m-dropzone__overlay[data-v-463e483d]{border-radius:var(--maz-rounded-md);background-color:var(--maz-color-surface,var(--maz-surface));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.m-dropzone__overlay[data-v-463e483d]{background-color:color-mix(in oklab, var(--maz-color-surface,var(--maz-surface)) 40%, transparent)}}.m-dropzone__overlay[data-v-463e483d]{--tw-backdrop-blur:blur(.125rem);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.m-dropzone__thumbnail[data-v-463e483d]{position:absolute;inset:0}.m-dropzone__file-item[data-v-463e483d]{width:calc(var(--maz-space) * 40);height:calc(var(--maz-space) * 40);cursor:auto;border-radius:var(--maz-rounded-md);background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.m-dropzone__file-item[data-v-463e483d]:where(.dark,.dark *){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-dropzone__file-item[data-v-463e483d]{transition:all .3s ease-in-out}.m-dropzone__files-container[data-v-463e483d]{justify-content:center;align-items:center;gap:calc(var(--maz-space) * 4);flex-wrap:wrap;display:flex;position:relative}.m-dropzone__content[data-v-463e483d]{justify-content:center;align-items:center;gap:var(--maz-space);flex-direction:column;display:flex}.m-dropzone__divider[data-v-463e483d]{font-size:var(--maz-text-sm,.875rem);line-height:var(--tw-leading,var(--maz-text-sm--line-height,calc(1.25 / .875)));color:var(--maz-color-muted,var(--maz-muted))}.m-dropzone--is-over-error[data-v-463e483d]{border-color:var(--maz-color-destructive,var(--maz-destructive));background-color:var(--maz-color-destructive-50,oklch(from var(--maz-destructive) clamp(0, calc(l + .4), 1) calc(c * .1) h))}@media (hover:hover){.m-dropzone--is-over-error[data-v-463e483d]:hover{background-color:var(--maz-color-destructive-50,oklch(from var(--maz-destructive) clamp(0, calc(l + .4), 1) calc(c * .1) h))}}.m-dropzone--is-over-error .maz-dropzone__upload-icon[data-v-463e483d]{color:var(--maz-color-destructive,var(--maz-destructive))}.m-dropzone--is-over-drop-zone[data-v-463e483d]{background-color:var(--maz-color-primary-400,oklch(from var(--maz-primary) clamp(0, calc(l + .06), 1) c h))}@supports (color:color-mix(in lab, red, red)){.m-dropzone--is-over-drop-zone[data-v-463e483d]{background-color:color-mix(in oklab, var(--maz-color-primary-400,oklch(from var(--maz-primary) clamp(0, calc(l + .06), 1) c h)) 20%, transparent)}}@media (hover:hover){.m-dropzone--is-over-drop-zone[data-v-463e483d]:hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-dropzone--is-over-drop-zone[data-v-463e483d]:where(.dark,.dark *):hover{background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}}.m-dropzone--is-over-drop-zone[data-v-463e483d]{border-color:var(--active-color)}.m-dropzone--is-over-drop-zone .maz-dropzone__upload-icon[data-v-463e483d]{color:var(--active-color)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
|
|
@@ -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.
|
|
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-
|
|
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.
|
|
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";
|
|
@@ -38,7 +38,7 @@ import { MazPresentationChartBar } from "@maz-ui/icons/lazy/MazPresentationChart
|
|
|
38
38
|
import { MazSpeakerWave } from "@maz-ui/icons/lazy/MazSpeakerWave";
|
|
39
39
|
import { MazTrash } from "@maz-ui/icons/lazy/MazTrash";
|
|
40
40
|
import { MazXCircle } from "@maz-ui/icons/lazy/MazXCircle";
|
|
41
|
-
import '../assets/MazDropzone.
|
|
41
|
+
import '../assets/MazDropzone.BW2grpTi.css';//#region src/components/MazDropzone.vue?vue&type=script&setup=true&lang.ts
|
|
42
42
|
var _hoisted_1 = ["for"];
|
|
43
43
|
var _hoisted_2 = { class: "m-dropzone__icon-container" };
|
|
44
44
|
var _hoisted_3 = {
|
|
@@ -675,6 +675,6 @@ var MazDropzone_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
|
|
|
675
675
|
}, null, 40, _hoisted_14)
|
|
676
676
|
], 14, _hoisted_1));
|
|
677
677
|
}
|
|
678
|
-
}), [["__scopeId", "data-v-
|
|
678
|
+
}), [["__scopeId", "data-v-463e483d"]]);
|
|
679
679
|
//#endregion
|
|
680
680
|
export { MazDropzone_default as t };
|
|
@@ -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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
1
|
+
export { t as default } from "../chunks/MazBtn.D-Tj7I_e.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { t as default } from "../../../chunks/MazPickerCalendarGrid.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
1
|
+
export { t as default } from "../chunks/MazDropzone.BaPph4gM.js";
|
|
@@ -62,12 +62,12 @@ export type MazDropzoneProps = {
|
|
|
62
62
|
*/
|
|
63
63
|
color?: MazColor;
|
|
64
64
|
/**
|
|
65
|
-
* MazBtn props [MazBtn props](/components/maz
|
|
65
|
+
* MazBtn props [MazBtn props](/components/maz-btn#props)
|
|
66
66
|
* @default {}
|
|
67
67
|
*/
|
|
68
68
|
removeFileBtnProps?: MazBtnProps;
|
|
69
69
|
/**
|
|
70
|
-
* MazSpinner props [MazSpinner props](/components/maz
|
|
70
|
+
* MazSpinner props [MazSpinner props](/components/maz-spinner#props)
|
|
71
71
|
* @default {}
|
|
72
72
|
*/
|
|
73
73
|
spinnerProps?: MazSpinnerProps;
|
|
@@ -22,7 +22,7 @@ export interface MazInputPriceProps {
|
|
|
22
22
|
success?: boolean;
|
|
23
23
|
/** Will display the input in warning state. */
|
|
24
24
|
warning?: boolean;
|
|
25
|
-
/** Options for the currency helper - [see](https://maz-ui.com/
|
|
25
|
+
/** Options for the currency helper - [see](https://maz-ui.com/ecosystem/utils/currency) */
|
|
26
26
|
currencyOptions?: Omit<FilterCurrencyOptions, 'currency'>;
|
|
27
27
|
}
|
|
28
28
|
declare const __VLS_export: import('vue').DefineComponent<MazInputPriceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { t as default } from "../chunks/MazInputTags.
|
|
1
|
+
export { t as default } from "../chunks/MazInputTags.B8Qp88Pt.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { t as default } from "../chunks/MazMarkdownEditor.
|
|
1
|
+
export { t as default } from "../chunks/MazMarkdownEditor.ENw_RcQf.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { t as default } from "../chunks/MazPagination.
|
|
1
|
+
export { t as default } from "../chunks/MazPagination.C9xcws2r.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { t as default } from "../chunks/MazTabsBar.
|
|
1
|
+
export { t as default } from "../chunks/MazTabsBar.B9f5DxPw.js";
|
package/dist/components/index.js
CHANGED
|
@@ -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.
|
|
11
|
-
import { t as MazTabsBar_default } from "../chunks/MazTabsBar.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
ADDED
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
# maz-ui documentation for AI agents
|
|
2
|
+
|
|
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
|
+
|
|
5
|
+
These files document the **installed** version of maz-ui. Prefer them over what you remember from training data: APIs change between versions.
|
|
6
|
+
|
|
7
|
+
- Read [rules.md](rules.md) first: how this project must use maz-ui.
|
|
8
|
+
- `manifest.json` describes every page (symbols, imports, aliases) and holds the full component APIs, the icon names and the Tailwind tokens in JSON.
|
|
9
|
+
|
|
10
|
+
## Guides
|
|
11
|
+
|
|
12
|
+
- [AI agents](guide/ai-agents.md): Make Claude Code, Cursor, GitHub Copilot, Codex and the other AI coding agents use maz-ui and its ecosystem instead of re-implementing it - project rules, MCP server, version-ma...
|
|
13
|
+
- [Browser support](guide/browser-support.md): Maz-UI v5 browser compatibility matrix and the native CSS features it depends on.
|
|
14
|
+
- [Getting Started](guide/getting-started.md): Build Vue and Nuxt applications faster with Maz-UI v5 - The modern, modular component library
|
|
15
|
+
- [Global component defaults](guide/global-defaults.md): Set default prop values once for every Maz-UI component through the MazUi plugin or the Nuxt module
|
|
16
|
+
- [MazUiProvider](guide/maz-ui-provider.md): A component-based alternative to the MazUi plugin for initializing theme and translations, ideal for lazy-loaded pages and micro-frontends.
|
|
17
|
+
- [Maz-UI v5.0.0 Migration Guide](guide/migration-v5.md): What changes for you when upgrading from Maz-UI v4 to v5
|
|
18
|
+
- [Auto-Import Resolvers](guide/resolvers.md): Complete guide to Maz-UI auto-import resolvers for effortless component, directive, and composable imports
|
|
19
|
+
- [Tailwind CSS](guide/tailwind.md): Use and extend the maz-ui theme in your own Tailwind CSS v4 setup - theme colors, radius, shadows, spacing, breakpoints, custom utilities, dark mode, and how to add your own tok...
|
|
20
|
+
- [Install maz-ui with Vue](guide/vue.md): Maz-UI is a Vue.js UI library that provides a set of pre-built components, plugins, directives and utilities to help you build modern, responsive, and accessible web applications.
|
|
21
|
+
|
|
22
|
+
## Components (maz-ui)
|
|
23
|
+
|
|
24
|
+
- [MazAccordion](components/maz-accordion.md): MazAccordion is a standalone component that allows you to create an accordion with a title and content.
|
|
25
|
+
- [MazAlert](components/maz-alert.md): MazAlert is an accessible component for displaying contextual feedback messages like success, warning, error, or informational notifications with customizable colors, icons, and...
|
|
26
|
+
- [MazAnimatedCounter](components/maz-animated-counter.md): MazAnimatedCounter is a standalone component that allows you to animate a number from 0 to a specific value. Fully animated with CSS.
|
|
27
|
+
- [MazAnimatedElement](components/maz-animated-element.md): MazAnimatedElement is a standalone component that animates its content with a sliding blur effect when it enters the viewport. It supports different animation directions (up, do...
|
|
28
|
+
- [MazAnimatedText](components/maz-animated-text.md): MazAnimatedText is a standalone component that animates text with a sliding blur effect. It can highlight the last word with a gradient background and supports different animati...
|
|
29
|
+
- [MazAvatar](components/maz-avatar.md): MazAvatar is a standalone component that displays an image or an icon with a caption. It can be used to display a user's profile picture, a placeholder image, or an icon.
|
|
30
|
+
- [MazBackdrop](components/maz-backdrop.md): MazBackdrop is a flexible backdrop component that provides a foundation for modals, drawers, bottom sheets and any overlay content. It handles focus management, keyboard navigat...
|
|
31
|
+
- [MazBadge](components/maz-badge.md): MazBadge is a standalone component to show short text in colored container
|
|
32
|
+
- [MazBottomSheet](components/maz-bottom-sheet.md): MazBottomSheet is a standalone component like a simple dialog but anchored at the bottom of the screen. Full-width on mobile and constrained/centered on desktop, with a header (...
|
|
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
|
+
- [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
|
+
- [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 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
|
+
- [MazCarousel](components/maz-carousel.md): MazCarousel is a standalone component to display and manage items in a row
|
|
38
|
+
- [MazChart](components/maz-chart.md): MazChart is a standalone component which generates graphics & charts with chart.js
|
|
39
|
+
- [MazCheckbox](components/maz-checkbox.md): MazCheckbox is a standalone component that replaces the standard html input checkbox. Color options are available.
|
|
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 displays a percentage or a progress in an animated ring, with a configurable size, color, duration and content in the center
|
|
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
|
+
- [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
|
+
- [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
|
+
- [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
|
+
- [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 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
|
+
- [MazDropdown](components/maz-dropdown.md): MazDropdown is a standalone dropdown menu component and versatile designed for various use cases.
|
|
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
|
+
- [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 covers the whole page with a backdrop and a spinner to block the interface during a global loading
|
|
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
|
+
- [MazIcon](components/maz-icon.md): A flexible icon component that accepts Vue components, raw SVG strings, URLs and data URIs.
|
|
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,...
|
|
55
|
+
- [MazInputCode](components/maz-input-code.md): This component creates a customizable input code field with features like dynamic code length, alpha character support, and styling based on states (error, success, warning). Th...
|
|
56
|
+
- [MazInputNumber](components/maz-input-number.md): MazInputNumber is a number input component with increment and decrement buttons for user-friendly input. Customizable size, disabled state, and limit values.
|
|
57
|
+
- [MazInputPhoneNumber](components/maz-input-phone-number.md): MazInputPhoneNumber is a powerful and user-friendly component that helps users enter and validate phone numbers from any country with automatic formatting and validation
|
|
58
|
+
- [MazInputPrice](components/maz-input-price.md): MazInputPrice is a standalone component that replaces the standard html input text and formats the text enter according to the currency provided
|
|
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
|
+
- [MazLazyImg](components/maz-lazy-img.md): MazLazyImg is a standalone component to display images and svgs with lazy loading
|
|
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 an indeterminate progress bar to show that something is loading, typically at the top of a page or a container
|
|
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 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
|
+
- [MazPopover](components/maz-popover.md): MazPopover is a versatile Vue component for displaying content in overlays that bypass overflow constraints of parent elements
|
|
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 radio input with a label, colors and sizes to pick one value among several options; see MazRadioButtons for a ready-made group
|
|
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
|
+
- [MazReadMore](components/maz-read-more.md): MazReadMore is a standalone component to truncate long text with a "Read more" / "Read less" toggle functionality
|
|
70
|
+
- [MazReadingProgressBar](components/maz-reading-progress-bar.md): MazReadingProgressBar is a standalone component to display a reading progress bar
|
|
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
|
+
- [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
|
+
- [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): 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
|
+
- [MazSkeleton](components/maz-skeleton.md): MazSkeleton is a standalone component to display loading placeholders with animated shimmer effect
|
|
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 an animated loading indicator with the colors and sizes of the theme, to show that a content or an action is loading
|
|
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
|
+
- [MazSwitch](components/maz-switch.md): MazSwitch is a standalone component that replaces the standard html input checkbox. Color options are available.
|
|
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): 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
|
+
- [MazTabs](components/maz-tabs.md): MazTabs is a standalone component to display content in tabs with animations
|
|
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
|
+
- [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
|
+
- [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
|
+
- [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): 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
|
+
- [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
|
+
|
|
104
|
+
## Composables (maz-ui)
|
|
105
|
+
|
|
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
|
+
- [useDialog](composables/use-dialog.md): Vue composable for handling dialog plugin in your components
|
|
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
|
+
- [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.
|
|
111
|
+
- [useFormValidator](composables/use-form-validator.md): Vue composables for form validation with any Standard Schema library (Valibot, Zod, ArkType...) - useFormValidator and useFormField provide a flexible and typed approach to hand...
|
|
112
|
+
- [useIdleTimeout](composables/use-idle-timeout.md): A Vue composable that provides an easy way to track user inactivity on your website and execute a callback function when the user becomes idle.
|
|
113
|
+
- [usePullToRefresh](composables/use-pull-to-refresh.md): usePullToRefresh is a headless Vue composable for the pull to refresh gesture on the window or any scroll container.
|
|
114
|
+
- [useReadingTime](composables/use-reading-time.md): This composable allows you to calculate the reading time of a text
|
|
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
|
+
- [useSwipe](composables/use-swipe.md): useSwipe is a Vue composable that simplifies the management of "swipe" interactions on HTML elements.
|
|
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 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
|
+
- [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
|
+
|
|
123
|
+
## Directives (maz-ui)
|
|
124
|
+
|
|
125
|
+
- [vClickOutside](directives/click-outside.md): vClickOutside is a Vue directive to trigger a function when the user clicks outside an element
|
|
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
|
+
- [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
|
+
- [vTooltip](directives/tooltip.md): vTooltip is a Vue directive to display a text when the user hovers an element
|
|
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
|
|
130
|
+
|
|
131
|
+
## Plugins (maz-ui)
|
|
132
|
+
|
|
133
|
+
- [aos (animation on scroll)](plugins/aos.md): Plugin to animate elements on your page as you scroll.
|
|
134
|
+
- [dialog](plugins/dialog.md): Displays messages to your users in flexible and promised dialogs
|
|
135
|
+
- [Toast](plugins/toast.md): A powerful toast notification system for Vue.js that displays user-friendly messages with customizable positioning, styling, and behavior options
|
|
136
|
+
- [wait](plugins/wait.md): A comprehensive loading state management plugin for Vue.js that provides easy-to-use utilities for handling async operations, loading indicators, and user feedback during data p...
|
|
137
|
+
|
|
138
|
+
## Ecosystem packages
|
|
139
|
+
|
|
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
|
+
- [@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
|
+
- [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
|
+
- [@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
|
+
- [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
|
+
- [@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
|
+
- [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 of the maz-ui components with @maz-ui/translations: built-in locales, custom messages, lazy loading and runtime locale switching with useTranslations
|
|
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
|
+
|
|
151
|
+
## Helpers (@maz-ui/utils)
|
|
152
|
+
|
|
153
|
+
- [camelCase](ecosystem/utils/camel-case.md): Convert a kebab-case string to camelCase by stripping dashes and uppercasing the following letter.
|
|
154
|
+
- [capitalize](ecosystem/utils/capitalize.md): The module capitalize is a function that adds a capital letter to a string
|
|
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
|
+
- [cookie](ecosystem/utils/cookie.md): Read, write and delete browser cookies with full attribute support - `path`, `domain`, `maxAge`, `expires`, `secure`, `sameSite`, `partitioned`.
|
|
157
|
+
- [countryCodeToUnicodeFlag](ecosystem/utils/country-code-to-unicode-flag.md): Convert country code in unicode flag
|
|
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
|
+
- [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
|
+
- [debounce](ecosystem/utils/debounce.md): Wrap a function so it only runs after a quiet period - every new call resets the timer.
|
|
161
|
+
- [debounceCallback](ecosystem/utils/debounce-callback.md): Module-scoped one-shot debounce - schedule a callback that gets reset on each new call.
|
|
162
|
+
- [debounceId](ecosystem/utils/debounce-id.md): Debounce an async function with isolated state per identifier - only the last call resolves, others are cancelled.
|
|
163
|
+
- [fetchLocaleIp](ecosystem/utils/fetch-locale-ip.md): Resolve the visitor's ISO country code from their IP address using the free `ipwho.is` service.
|
|
164
|
+
- [formatJson](ecosystem/utils/format-json.md): Tiny wrapper around `JSON.stringify` with sensible default indentation.
|
|
165
|
+
- [formatPhoneNumber](ecosystem/utils/format-phone-number.md): Format an arbitrary phone-number string into its international representation using `libphonenumber-js`.
|
|
166
|
+
- [getBrowserLocale](ecosystem/utils/get-browser-locale.md): Read the user's browser language tag (e.g. `'fr-FR'`, `'en-US'`) - returns `undefined` on the server.
|
|
167
|
+
- [getCountryFlagUrl](ecosystem/utils/get-country-flag-url.md): Get country flag from flagcdn.com with a simple function call
|
|
168
|
+
- [getErrorMessage](ecosystem/utils/get-error-message.md): Extract a human-readable message from anything thrown - `Error`, `string`, `{ message }` objects, or arbitrary values.
|
|
169
|
+
- [IdleTimeout](ecosystem/utils/idle-timeout.md): Detect user inactivity (mouse, keyboard, touch, scroll) and run a callback when the user becomes idle.
|
|
170
|
+
- [isClient](ecosystem/utils/is-client.md): Check whether the code is running in a browser environment (has a `document`).
|
|
171
|
+
- [isEqual](ecosystem/utils/is-equal.md): Deep structural equality check for primitives, arrays, plain objects and Dates.
|
|
172
|
+
- [isIos](ecosystem/utils/is-ios.md): Check whether the page runs on iOS or iPadOS, including iPads that report a desktop Mac user agent.
|
|
173
|
+
- [isServer](ecosystem/utils/is-server.md): Check whether the code is running on the server (no `window` or `document`).
|
|
174
|
+
- [isStandaloneMode](ecosystem/utils/is-standalone-mode.md): Check whether the app is running as an installed Progressive Web App (PWA) rather than inside a browser tab.
|
|
175
|
+
- [kebabCase](ecosystem/utils/kebab-case.md): Convert any common string casing to kebab-case - handles camelCase, PascalCase, snake_case, spaces and consecutive capitals.
|
|
176
|
+
- [normalizeString](ecosystem/utils/normalize-string.md): Powerful string normalizer - strip accents, normalize whitespace, remove special characters, change case, and apply Unicode normalization forms.
|
|
177
|
+
- [formatNumber](ecosystem/utils/number.md): The module formatNumber is a function that formats numbers with the native api [Intl.NumberFormat](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/...
|
|
178
|
+
- [pascalCase](ecosystem/utils/pascal-case.md): Convert any common string casing - kebab, snake, space-separated, camelCase or UPPERCASE - to PascalCase.
|
|
179
|
+
- [preventIosInputZoom](ecosystem/utils/prevent-ios-input-zoom.md): Stop iOS from zooming the page when a form field gets the focus, without changing the design of the fields.
|
|
180
|
+
- [ScriptLoader](ecosystem/utils/script-loader.md): Class to inject and cache a <script> tag in document head, with an awaitable load promise - ideal for third-party SDKs.
|
|
181
|
+
- [sleep](ecosystem/utils/sleep.md): Pause execution for a given number of milliseconds. Returns a promise that resolves after the delay.
|
|
182
|
+
- [snakeCase](ecosystem/utils/snake-case.md): Convert any common string casing to snake_case - handles camelCase, PascalCase, kebab-case, spaces and consecutive capitals.
|
|
183
|
+
- [Swipe](ecosystem/utils/swipe-handler.md): Detect directional touch swipes on an element with configurable threshold and optional mouse-wheel guards.
|
|
184
|
+
- [TextareaAutogrow](ecosystem/utils/textarea-autogrow.md): Automatically resize a `<textarea>` element to fit its content as the user types or the window resizes.
|
|
185
|
+
- [throttle](ecosystem/utils/throttle.md): Wrap a function so it runs immediately, then at most once every N milliseconds - perfect for scroll, mousemove and resize handlers.
|
|
186
|
+
- [throttleId](ecosystem/utils/throttle-id.md): Throttle an async function with isolated state per identifier - runs immediately, then at most once per interval.
|
|
187
|
+
- [truthyFilter](ecosystem/utils/truthy-filter.md): Type guard that filters out falsy values (`false`, `''`, `0`, `null`, `undefined`) while narrowing the TypeScript type.
|
|
188
|
+
- [DeepKeyOf](ecosystem/utils/types/deep-key-of.md): Recursively build a union of dot-separated key paths for any nested object type.
|
|
189
|
+
- [DeepPartial](ecosystem/utils/types/deep-partial.md): Recursive variant of TypeScript's `Partial<T>` - every property at every depth becomes optional.
|
|
190
|
+
- [DeepRequired](ecosystem/utils/types/deep-required.md): Recursive variant of TypeScript's `Required<T>` - strips `?` from every property at every depth.
|
|
191
|
+
- [FlattenObjectKeys](ecosystem/utils/types/flatten-object-keys.md): Build a union of dot-separated leaf paths for a nested object, with an optional prefix.
|
|
192
|
+
- [GenericInstanceType](ecosystem/utils/types/generic-instance-type.md): Extract the public instance type from a generic Vue component - solves the limitation where `InstanceType<typeof Component>` returns `any` for generic SFCs.
|
|
193
|
+
- [InferMaybeRef](ecosystem/utils/types/infer-maybe-ref.md): Unwrap a Vue `Ref<U>` to its inner `U` - leaves non-ref types unchanged.
|
|
194
|
+
- [upperFirst](ecosystem/utils/upper-first.md): Uppercase the first character of a string and leave the rest unchanged.
|
|
195
|
+
- [UserVisibility](ecosystem/utils/user-visibility.md): Track whether the user is currently looking at the tab using the Page Visibility API, with an optional grace timeout before declaring them away.
|
|
196
|
+
|
|
197
|
+
## Node utilities (@maz-ui/node)
|
|
198
|
+
|
|
199
|
+
- [execPromise](ecosystem/node/exec-promise.md): Promise-based wrapper around `child_process.exec` with structured stdout/stderr/error logging, package-scoped prefixes, and per-call log silencing.
|
|
200
|
+
- [logger / createLogger](ecosystem/node/logger.md): Opinionated [consola](https://github.com/unjs/consola)-backed logger with semantic levels, status helpers (`success`, `ready`, `fail`), and formatting helpers (`box`, `divider`,...
|
|
201
|
+
- [printBanner](ecosystem/node/print-banner.md): Print an ASCII-art banner via figlet with optional version, dividers and clearing - handy for CLI entry points.
|
|
202
|
+
- [setupAgents](ecosystem/node/setup-agents.md): Configure the AI coding agents of a project for maz-ui - version-matched rules for Claude Code and AGENTS.md, and the maz-ui MCP server in the agent configs - without touching t...
|
|
203
|
+
|
|
204
|
+
## References
|
|
205
|
+
|
|
206
|
+
- [Icons reference](reference/icons.md): The 861 icon names of @maz-ui/icons (interface icons, logos, country flags) and how to import them.
|
|
207
|
+
- [Tailwind CSS theme reference](reference/tailwind-tokens.md): Every Tailwind class, variant and CSS variable of the maz-ui theme: colors, radius, shadows, spacing, breakpoints, typography, z-index, custom utilities.
|