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