maz-ui 5.1.1 → 5.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/docs/agents/agents-md.md +32 -17
  2. package/docs/agents/claude-rule.md +32 -17
  3. package/docs/components/maz-input-number.md +1 -1
  4. package/docs/components/maz-input-phone-number.md +1 -1
  5. package/docs/components/maz-input.md +1 -1
  6. package/docs/components/maz-select-country.md +2 -2
  7. package/docs/ecosystem/icons/index.md +7 -4
  8. package/docs/ecosystem/mcp.md +47 -2
  9. package/docs/ecosystem/node/setup-agents.md +76 -3
  10. package/docs/guide/ai-agents.md +51 -17
  11. package/docs/manifest.json +1 -1
  12. package/docs/rules.md +32 -17
  13. package/package.json +27 -9
package/docs/manifest.json CHANGED
@@ -1 +1 @@
1
- {"schemaVersion":1,"name":"maz-ui","version":"5.1.1","homepage":"https://maz-ui.com","packages":[{"name":"@maz-ui/eslint-config","description":"ESLint flat-config preset for Vue/Nuxt/JS/TS projects, layered on @antfu/eslint-config with SonarJS, Tailwind v3+v4 and a11y add-ons.","docId":"ecosystem/eslint-config"},{"name":"@maz-ui/icons","description":"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","docId":"ecosystem/icons"},{"name":"@maz-ui/mcp","description":"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, setup guides and code review.","docId":"ecosystem/mcp"},{"name":"@maz-ui/node","description":"Lightweight Node.js utilities - promise-based shell execution, an opinionated consola-backed logger, and a banner printer for CLIs.","docId":"ecosystem/node"},{"name":"@maz-ui/nuxt","description":"The ultimate Nuxt module for Maz-UI - zero-config setup with auto-imports, theming, internationalization and powerful features out of the box","docId":"ecosystem/nuxt"},{"name":"@maz-ui/stylelint-config","description":"Stylelint preset for Vue/Nuxt/JS/TS projects, with first-class Tailwind CSS v4 support, RTL-friendly logical properties, and SCSS opt-in.","docId":"ecosystem/stylelint-config"},{"name":"@maz-ui/themes","description":"Modern and performant theme system for Maz-UI built on native CSS features (light-dark(), color-scheme, color-mix(in oklch)) for v5.","docId":"ecosystem/themes"},{"name":"@maz-ui/translations","description":"Internationalization of the maz-ui components with @maz-ui/translations: built-in locales, custom messages, lazy loading and runtime locale switching with useTranslations","docId":"ecosystem/translations"},{"name":"@maz-ui/utils","description":"Lightweight, tree-shakeable utility functions and TypeScript helpers for Vue, Nuxt and any JavaScript/TypeScript project.","docId":"ecosystem/utils"}],"docs":[{"id":"guide/ai-agents","category":"guide","slug":"ai-agents","title":"AI agents","description":"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-matched docs, llms.txt and automatic code review.","package":"maz-ui","file":"guide/ai-agents.md","url":"https://maz-ui.com/guide/ai-agents","symbols":[],"imports":[],"aliases":["ai","agents","claude code","cursor","copilot","agents.md","llms.txt","ai agents"],"headings":["Why","Quick start","Options","Nuxt: connected by default","Without any file in the project","Version-matched docs","MCP server","Claude Code plugin","Review hook without the plugin","Code review in CI","llms.txt","The rules","Look it up before you write it","Components","Icons","Helpers and composables","Styling with Tailwind","Theme","Imports","Before you finish"],"related":["ecosystem/mcp"],"chars":15633},{"id":"guide/browser-support","category":"guide","slug":"browser-support","title":"Browser support","description":"Maz-UI v5 browser compatibility matrix and the native CSS features it depends on.","package":"maz-ui","file":"guide/browser-support.md","url":"https://maz-ui.com/guide/browser-support","symbols":[],"imports":[],"aliases":["browser support","compatibility"],"headings":["Minimum versions","Why these minimums","color-mix()","@property","Native CSS nesting",":has() selector","Testing on older browsers","Testing on the minimum versions","What happens on unsupported browsers","See also"],"related":[],"chars":4305},{"id":"guide/getting-started","category":"guide","slug":"getting-started","title":"Getting Started","description":"Build Vue and Nuxt applications faster with Maz-UI v5 - The modern, modular component library","package":"maz-ui","file":"guide/getting-started.md","url":"https://maz-ui.com/guide/getting-started","symbols":[],"imports":[],"aliases":["install","installation","setup","quick start","getting started"],"headings":["Guides","Ecosystem Packages","@maz-ui/themes","@maz-ui/translations","@maz-ui/icons","@maz-ui/mcp","Performance Optimizations","Tree-Shaking Benefits","Next Steps"],"related":["guide/vue","ecosystem/nuxt"],"chars":5806},{"id":"guide/global-defaults","category":"guide","slug":"global-defaults","title":"Global component defaults","description":"Set default prop values once for every Maz-UI component through the MazUi plugin or the Nuxt module","package":"maz-ui","file":"guide/global-defaults.md","url":"https://maz-ui.com/guide/global-defaults","symbols":[],"imports":[],"aliases":["default props","global config","component defaults","global component defaults"],"headings":["Priority","Vue","Nuxt","global vs per-component","Type safety","Globalizable props","Relation to the theme system"],"related":[],"chars":4642},{"id":"guide/maz-ui-provider","category":"guide","slug":"maz-ui-provider","title":"MazUiProvider","description":"A component-based alternative to the MazUi plugin for initializing theme and translations, ideal for lazy-loaded pages and micro-frontends.","package":"maz-ui","file":"guide/maz-ui-provider.md","url":"https://maz-ui.com/guide/maz-ui-provider","symbols":[],"imports":[],"aliases":["provider","scoped theme","theme provider","ui provider"],"headings":["Why MazUiProvider?","Before & After","Before: Plugin in main.ts (entry bundle)","After: Provider in a lazy-loaded page","Props","theme","translations","Plugin vs Provider","When to use the plugin","When to use the provider","Using Both Together","Full Example"],"related":[],"chars":8256},{"id":"guide/migration-v5","category":"guide","slug":"migration-v5","title":"Maz-UI v5.0.0 Migration Guide","description":"What changes for you when upgrading from Maz-UI v4 to v5","package":"maz-ui","file":"guide/migration-v5.md","url":"https://maz-ui.com/guide/migration-v5","symbols":[],"imports":[],"aliases":["migration","upgrade","v4 to v5","breaking changes","ui v5 0 0 migration guide"],"headings":["Run the upgrade tool","Migrate with the Maz-UI MCP server","One-time setup","A migration flow that works","Useful prompts","Migration checklist","Prerequisites","Node","Browser support","Required changes","1. hsl(var(--maz-<color>)) → var(--maz-<color>) in your CSS","2. CSS subpath renames","3. rounded-size=\"base\" removed","4. MazIcon API simplified","5. New raw icon import path - @maz-ui/icons/raw/","6. Logical direction props - left-icon/right-icon → start-icon/end-icon","7. Icon-consuming components accept the full MazIconProps object","8. MazChart no longer depends on vue-chartjs","9. MazBadge size prop now uses MazSize","10. Theme preset rename - background → surface, border → divider","11. Theme preset: foundation.radius → scales.rounded.md","12. New optional preset blocks: scales and components","13. Theme strategy: 'hybrid' removed, no more critical CSS","14. Nuxt module: mazUi.css.injectMainCss → mazUi.css.injectCss","15. color=\"background\" → color=\"surface\" on components","16. MazAvatar size scale fixed + MazSize keywords","17. MazPullToRefresh - on-click → on-refresh","18. Root maz-ui import removed for utilities","19. ESM-only","20. useFormValidator: validation library agnostic (Standard Schema)","Informational changes (probably no action needed)","Theme colors are now emitted as OKLCh","Preset type: HSL → CSSColor","Default border color","Visual parity","nova preset added, bundled palettes refreshed","Theming: native CSS rewrite (new - non-breaking by default)","Preset name persistence (new - opt-out, no breaking change)","Troubleshooting","Advanced: you had your own Tailwind setup","See also"],"related":[],"chars":41719},{"id":"guide/resolvers","category":"guide","slug":"resolvers","title":"Auto-Import Resolvers","description":"Complete guide to Maz-UI auto-import resolvers for effortless component, directive, and composable imports","package":"maz-ui","file":"guide/resolvers.md","url":"https://maz-ui.com/guide/resolvers","symbols":[],"imports":[],"aliases":["auto import","unplugin-vue-components","resolver","tree shaking","auto import resolvers"],"headings":["Why Use Auto-Import Resolvers?","Quick Setup","Available Resolvers","MazComponentsResolver","MazDirectivesResolver","MazModulesResolver","Advanced Configuration","Avoiding Naming Conflicts with Prefixes","Development Mode","Custom Resolver Configuration","Real-World Examples","Complete Dashboard Setup","Dashboard Component Example","TypeScript Integration","Auto-Generated Types","ESLint Configuration","Performance Tips","Optimize Bundle Size","Troubleshooting","Common Issues","Migration from Manual Imports","Before (Manual Imports)","After (Auto-Import)","Related Resources"],"related":[],"chars":16953},{"id":"guide/tailwind","category":"guide","slug":"tailwind","title":"Tailwind CSS","description":"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 tokens, fonts, animations and variants.","package":"maz-ui","file":"guide/tailwind.md","url":"https://maz-ui.com/guide/tailwind","symbols":[],"imports":[],"aliases":["tailwind","tailwindcss","utility classes","css classes","theme colors","bg-primary","breakpoints","extend theme","custom theme tokens","tailwind css"],"headings":["Setup","Where to import maz-ui/style.css","Never use the maz: prefix","Granular entries","Colors","Brand and state colors","Neutral and surface colors","Component surfaces","Light and dark modes","Radius","Shadows","Spacing","Breakpoints","Typography and motion","z-index","maz-ui utilities","Container width","Vue transitions","Dark mode variant","Extending the theme","How the layers fit together","Brand colors: use a preset","Add your own colors","Fonts","Animations","Variants","Base styles","Complete example","Custom CSS","@apply in Vue SFC <style> blocks","AI agents","Migrating from Tailwind v3","See also"],"related":["ecosystem/themes","reference/tailwind-tokens"],"chars":19471},{"id":"guide/vue","category":"guide","slug":"vue","title":"Install maz-ui with Vue","description":"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.","package":"maz-ui","file":"guide/vue.md","url":"https://maz-ui.com/guide/vue","symbols":[],"imports":[],"aliases":["vue setup","vite","main.ts","plugin install","install maz ui with vue"],"headings":["Quick Start","Installation","Install plugin","Advanced Integration","Using your first component","Theming","Translations","Plugins","Directives","Smart Loading with resolvers","Installation","Available Resolvers","Avoiding Naming Conflicts"],"related":["guide/getting-started"],"chars":7559},{"id":"components/maz-accordion","category":"component","slug":"maz-accordion","title":"MazAccordion","description":"MazAccordion is a standalone component that allows you to create an accordion with a title and content.","package":"maz-ui","file":"components/maz-accordion.md","url":"https://maz-ui.com/components/maz-accordion","symbols":["MazAccordion"],"imports":["import MazAccordion from 'maz-ui/components/MazAccordion'"],"aliases":["accordion","collapse","collapsible","expandable panel","faq","disclosure","mazaccordion"],"headings":["Basic usage","MazAccordion API","Props","Events","Slots"],"related":[],"chars":1801},{"id":"components/maz-alert","category":"component","slug":"maz-alert","title":"MazAlert","description":"MazAlert is an accessible component for displaying contextual feedback messages like success, warning, error, or informational notifications with customizable colors, icons, and styling options","package":"maz-ui","file":"components/maz-alert.md","url":"https://maz-ui.com/components/maz-alert","symbols":["MazAlert"],"imports":["import MazAlert from 'maz-ui/components/MazAlert'"],"aliases":["alert","callout","banner","notice","inline message","error message","success message","feedback","mazalert"],"headings":["Basic usage","Variants","Soft variant (default)","Solid variant","All colors with solid variant","Colors","With slots","Without border","Rounded sizes","Hide icon","Custom icon","Title only or content only","Use cases","Form validation errors","Success notification","Warning message","MazAlert API","Props","Slots"],"related":[],"chars":7334},{"id":"components/maz-animated-counter","category":"component","slug":"maz-animated-counter","title":"MazAnimatedCounter","description":"MazAnimatedCounter is a standalone component that allows you to animate a number from 0 to a specific value. Fully animated with CSS.","package":"maz-ui","file":"components/maz-animated-counter.md","url":"https://maz-ui.com/components/maz-animated-counter","symbols":["MazAnimatedCounter"],"imports":["import MazAnimatedCounter from 'maz-ui/components/MazAnimatedCounter'"],"aliases":["count up","animated number","counter","kpi","statistic","number animation","animated counter","mazanimatedcounter"],"headings":["Basic usage","duration","prefix and suffix","MazAnimatedCounter API","Props","Slots"],"related":[],"chars":2405},{"id":"components/maz-animated-element","category":"component","slug":"maz-animated-element","title":"MazAnimatedElement","description":"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, down, left, right) and allows customizing the animation delay and duration.","package":"maz-ui","file":"components/maz-animated-element.md","url":"https://maz-ui.com/components/maz-animated-element","symbols":["MazAnimatedElement"],"imports":["import MazAnimatedElement from 'maz-ui/components/MazAnimatedElement'"],"aliases":["reveal on scroll","fade in","appear animation","blur in","enter animation","animated element","mazanimatedelement"],"headings":["Basic usage","MazAnimatedElement API","Props","Slots"],"related":[],"chars":1790},{"id":"components/maz-animated-text","category":"component","slug":"maz-animated-text","title":"MazAnimatedText","description":"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 animation directions (up, down, left, right).","package":"maz-ui","file":"components/maz-animated-text.md","url":"https://maz-ui.com/components/maz-animated-text","symbols":["MazAnimatedText"],"imports":["import MazAnimatedText from 'maz-ui/components/MazAnimatedText'"],"aliases":["text animation","animated heading","hero title","blur text","animated text","mazanimatedtext"],"headings":["Basic usage","MazAnimatedText API","Props"],"related":[],"chars":2738},{"id":"components/maz-avatar","category":"component","slug":"maz-avatar","title":"MazAvatar","description":"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.","package":"maz-ui","file":"components/maz-avatar.md","url":"https://maz-ui.com/components/maz-avatar","symbols":["MazAvatar"],"imports":["import MazAvatar from 'maz-ui/components/MazAvatar'"],"aliases":["avatar","profile picture","user picture","user image","profile photo","initials","user icon","mazavatar"],"headings":["Basic usage","Options","Initials from caption","On Error","Fallback image loaded on error","Loading","Image height full","MazAvatar API","Props","Events","Slots"],"related":[],"chars":8020},{"id":"components/maz-backdrop","category":"component","slug":"maz-backdrop","title":"MazBackdrop","description":"MazBackdrop is a flexible backdrop component that provides a foundation for modals, drawers, bottom sheets and any overlay content. It handles focus management, keyboard navigation, and animations automatically.","package":"maz-ui","file":"components/maz-backdrop.md","url":"https://maz-ui.com/components/maz-backdrop","symbols":["MazBackdrop"],"imports":["import MazBackdrop from 'maz-ui/components/MazBackdrop'"],"aliases":["backdrop","overlay","scrim","modal base","custom overlay","mazbackdrop"],"headings":["Basic usage","Persistent backdrop","Content positioning","Custom animations","Accessibility features","MazBackdrop API","Props","Events","Slots","Exposed (template ref)"],"related":["components/maz-dialog","components/maz-drawer"],"chars":6176},{"id":"components/maz-badge","category":"component","slug":"maz-badge","title":"MazBadge","description":"MazBadge is a standalone component to show short text in colored container","package":"maz-ui","file":"components/maz-badge.md","url":"https://maz-ui.com/components/maz-badge","symbols":["MazBadge"],"imports":["import MazBadge from 'maz-ui/components/MazBadge'"],"aliases":["badge","tag","chip","label","pill","status","counter badge","mazbadge"],"headings":["Basic usage","Options","Colors","Outlined","Pastel","Size","Rounded sizes","MazBadge API","Props","Slots"],"related":[],"chars":3819},{"id":"components/maz-bottom-sheet","category":"component","slug":"maz-bottom-sheet","title":"MazBottomSheet","description":"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 (icon, title, close button), a footer and many replaceable slots. Useful for mobile UX.","package":"maz-ui","file":"components/maz-bottom-sheet.md","url":"https://maz-ui.com/components/maz-bottom-sheet","symbols":["MazBottomSheet"],"imports":["import MazBottomSheet from 'maz-ui/components/MazBottomSheet'"],"aliases":["bottom sheet","action sheet","mobile drawer","mobile modal","bottom drawer","mazbottomsheet"],"headings":["Basic usage","Swipe to close (iOS-like)","Header with an icon","Replaceable slots","Max width","Without header","Persistent","Full example","Accessibility","MazBottomSheet API","Props","Events","Slots","Exposed (template ref)"],"related":["components/maz-dialog"],"chars":9853},{"id":"components/maz-btn","category":"component","slug":"maz-btn","title":"MazBtn","description":"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 included. Support of router-link and nuxt-link","package":"maz-ui","file":"components/maz-btn.md","url":"https://maz-ui.com/components/maz-btn","symbols":["MazBtn"],"imports":["import MazBtn from 'maz-ui/components/MazBtn'"],"aliases":["button","btn","submit button","loading button","icon button","fab","cta","call to action","link button","mazbtn"],"headings":["Basic usage","Sizes","Colors","Outlined","Loading","Pastel","Rounded Size","Fab","Block","Justify","Disabled","Icons","Use icon path","Use your own SVG icons","Use [@maz-ui/icons](../ecosystem/icons/index.md)","Use [vite-svg-loader](https://github.com/jpkleemans/vite-svg-loader)","Use your own components","Pass a full MazIconProps object","[HTMLLinkElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLLinkElement)","[RouterLink](https://router.vuejs.org/api/#router-link)","MazBtn API","Props","Slots"],"related":[],"chars":13284},{"id":"components/maz-btn-group","category":"component","slug":"maz-btn-group","title":"MazBtnGroup","description":"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 color.","package":"maz-ui","file":"components/maz-btn-group.md","url":"https://maz-ui.com/components/maz-btn-group","symbols":["MazBtnGroup"],"imports":["import MazBtnGroup from 'maz-ui/components/MazBtnGroup'"],"aliases":["button group","segmented control","toolbar","grouped buttons","btn group","mazbtngroup"],"headings":["Basic usage with items","Slot-based usage","Orientation","Sizes","Colors","Button variants","Outlined","Pastel","Slot-based variants","Click handlers","With icons","With links","Mixed button styles","Types","MazButtonGroupOption","MazButtonGroupProps","MazBtnGroup API","Props","Slots"],"related":[],"chars":8747},{"id":"components/maz-card","category":"component","slug":"maz-card","title":"MazCard","description":"MazCard is a standalone component to display some texts and images and also add button actions","package":"maz-ui","file":"components/maz-card.md","url":"https://maz-ui.com/components/maz-card","symbols":["MazCard"],"imports":["import MazCard from 'maz-ui/components/MazCard'"],"aliases":["card","panel","tile","box","product card","article card","mazcard"],"headings":["Basic usage","Advanced usage","Orientation","Row","Row Reverse","Column Reverse","Collapsible","Linked card","No bordered","Elevation","Gallery images","Footer slot","Basic","Footer aligned on left","Types","MazCard API","Props","Events","Slots"],"related":[],"chars":10067},{"id":"components/maz-card-spotlight","category":"component","slug":"maz-card-spotlight","title":"MazCardSpotlight","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","package":"maz-ui","file":"components/maz-card-spotlight.md","url":"https://maz-ui.com/components/maz-card-spotlight","symbols":["MazCardSpotlight"],"imports":["import MazCardSpotlight from 'maz-ui/components/MazCardSpotlight'"],"aliases":["spotlight card","glow card","hover effect card","feature card","card spotlight","mazcardspotlight"],"headings":["Basic usage","Effect with multiple cards and with secondary color","MazCardSpotlight API","Props","Slots"],"related":[],"chars":3026},{"id":"components/maz-carousel","category":"component","slug":"maz-carousel","title":"MazCarousel","description":"MazCarousel is a standalone component to display and manage items in a row","package":"maz-ui","file":"components/maz-carousel.md","url":"https://maz-ui.com/components/maz-carousel","symbols":["MazCarousel"],"imports":["import MazCarousel from 'maz-ui/components/MazCarousel'"],"aliases":["carousel","slider","horizontal scroll","slideshow","scrollable row","mazcarousel"],"headings":["Basic usage","Options","hide-scrollbar","hide-scroll-buttons","MazCarousel API","Props","Slots"],"related":[],"chars":3814},{"id":"components/maz-chart","category":"component","slug":"maz-chart","title":"MazChart","description":"MazChart is a standalone component which generates graphics & charts with chart.js","package":"maz-ui","file":"components/maz-chart.md","url":"https://maz-ui.com/components/maz-chart","symbols":["MazChart"],"imports":["import MazChart from 'maz-ui/components/MazChart'"],"aliases":["chart","graph","plot","data visualization","line chart","bar chart","pie chart","doughnut","chart.js","mazchart"],"headings":["Documentation","Bar chart","Pie chart","Line chart"],"related":[],"chars":4792},{"id":"components/maz-checkbox","category":"component","slug":"maz-checkbox","title":"MazCheckbox","description":"MazCheckbox is a standalone component that replaces the standard html input checkbox. Color options are available.","package":"maz-ui","file":"components/maz-checkbox.md","url":"https://maz-ui.com/components/maz-checkbox","symbols":["MazCheckbox"],"imports":["import MazCheckbox from 'maz-ui/components/MazCheckbox'"],"aliases":["checkbox","check box","boolean input","agree terms","tick","mazcheckbox"],"headings":["Basic usage","Colors","Sizing","Disabled","MazCheckbox API","Props","Events","Slots"],"related":[],"chars":3476},{"id":"components/maz-checklist","category":"component","slug":"maz-checklist","title":"MazChecklist","description":"MazChecklist is a standalone component that allows creating a checklist with integrated search functionality. It provides a flexible and customizable user interface for selecting multiple items from a list of options. The component supports real-time search, color customization, and displays messages when no results are found.","package":"maz-ui","file":"components/maz-checklist.md","url":"https://maz-ui.com/components/maz-checklist","symbols":["MazChecklist"],"imports":["import MazChecklist from 'maz-ui/components/MazChecklist'"],"aliases":["checklist","multiple selection list","searchable checkbox list","filter list","mazchecklist"],"headings":["Basic usage","Custom search function","MazChecklist API","Props","Events","Slots"],"related":[],"chars":8499},{"id":"components/maz-circular-progress-bar","category":"component","slug":"maz-circular-progress-bar","title":"MazCircularProgressBar","description":"MazCircularProgressBar displays a percentage or a progress in an animated ring, with a configurable size, color, duration and content in the center","package":"maz-ui","file":"components/maz-circular-progress-bar.md","url":"https://maz-ui.com/components/maz-circular-progress-bar","symbols":["MazCircularProgressBar"],"imports":["import MazCircularProgressBar from 'maz-ui/components/MazCircularProgressBar'"],"aliases":["circular progress","progress ring","radial progress","percentage circle","donut progress","circular progress bar","mazcircularprogressbar"],"headings":["Basic usage","Size","Duration","Color","Auto-color","Slot","MazCircularProgressBar API","Props","Slots"],"related":[],"chars":4731},{"id":"components/maz-code-highlight","category":"component","slug":"maz-code-highlight","title":"MazCodeHighlight","description":"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 supports lazy loading.","package":"maz-ui","file":"components/maz-code-highlight.md","url":"https://maz-ui.com/components/maz-code-highlight","symbols":["MazCodeHighlight"],"imports":["import MazCodeHighlight from 'maz-ui/components/MazCodeHighlight'"],"aliases":["code block","syntax highlighting","code snippet","shiki","source code","code highlight","mazcodehighlight"],"headings":["Installation requirement","Basic usage","With slot","Languages","Custom theme","Copy to clipboard","Disable the copy button","Copy a different value than the displayed code","Disable rounded corners","Custom translations"],"related":[],"chars":4638},{"id":"components/maz-container","category":"component","slug":"maz-container","title":"MazContainer","description":"MazContainer is a lightweight component to wrap content with optional header, border, elevation, and rounded corners - a simpler alternative to MazCard","package":"maz-ui","file":"components/maz-container.md","url":"https://maz-ui.com/components/maz-container","symbols":["MazContainer"],"imports":["import MazContainer from 'maz-ui/components/MazContainer'"],"aliases":["container","section wrapper","box","framed content","panel","mazcontainer"],"headings":["Basic usage","With title","With icons","Styling options","Elevation","Bordered","Transparent","Rounded sizes","No padding","Full width","Custom header","Combining options","MazContainer API","Props","Slots"],"related":[],"chars":6992},{"id":"components/maz-date-picker","category":"component","slug":"maz-date-picker","title":"MazDatePicker","description":"A powerful and flexible date picker component with support for single dates, date ranges, time selection, and extensive customization options","package":"maz-ui","file":"components/maz-date-picker.md","url":"https://maz-ui.com/components/maz-date-picker","symbols":["MazDatePicker"],"imports":["import MazDatePicker from 'maz-ui/components/MazDatePicker'"],"aliases":["date picker","datepicker","calendar","date range","time picker","datetime","birthday","mazdatepicker"],"headings":["Table of Contents","Basic Usage","Date Formats","1. Data Format (format prop)","2. Display Format (input-date-format prop)","Custom Display Transformation","Date Selection","Standard Date Picker","Inline Date Picker","Double Calendar","Custom Trigger","Slot bindings","Time Selection","Date + Time (24h format)","Date + Time (12h format)","Time Only Selection","Custom Minute Intervals","Range Selection","Range with Shortcuts","Property shortcuts","Validation & Constraints","Min/Max Dates","Disabled Days & Dates","Disabled Hours","Internationalization","Types","Accessibility","MazDatePicker API","Props","Events","Slots"],"related":[],"chars":20666},{"id":"components/maz-dialog","category":"component","slug":"maz-dialog","title":"MazDialog","description":"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 footer, full-size layout, differents states etc.","package":"maz-ui","file":"components/maz-dialog.md","url":"https://maz-ui.com/components/maz-dialog","symbols":["MazDialog"],"imports":["import MazDialog from 'maz-ui/components/MazDialog'"],"aliases":["dialog","modal","popup","lightbox","modal window","mazdialog"],"headings":["Basic usage","Scrollable","Width","Accessibility","MazDialog API","Props","Events","Slots","Exposed (template ref)"],"related":["components/maz-dialog-confirm","components/maz-bottom-sheet","components/maz-backdrop"],"chars":5535},{"id":"components/maz-dialog-confirm","category":"component","slug":"maz-dialog-confirm","title":"MazDialogConfirm","description":"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.","package":"maz-ui","file":"components/maz-dialog-confirm.md","url":"https://maz-ui.com/components/maz-dialog-confirm","symbols":["MazDialogConfirm"],"imports":["import MazDialogConfirm from 'maz-ui/components/MazDialogConfirm'"],"aliases":["confirm dialog","confirmation","are you sure","delete confirmation","yes no dialog","prompt user","dialog confirm","mazdialogconfirm"],"headings":["Basic usage","Types","MazDialogConfirm API","Props","Events","Slots","Exposed (template ref)"],"related":["plugins/dialog","components/maz-dialog"],"chars":7358},{"id":"components/maz-drawer","category":"component","slug":"maz-drawer","title":"MazDrawer","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","package":"maz-ui","file":"components/maz-drawer.md","url":"https://maz-ui.com/components/maz-drawer","symbols":["MazDrawer"],"imports":["import MazDrawer from 'maz-ui/components/MazDrawer'"],"aliases":["drawer","side panel","off canvas","slide over","sidebar panel","mazdrawer"],"headings":["Basic usage","Accessibility","MazDrawer API","Props","Events","Slots"],"related":["components/maz-backdrop"],"chars":4210},{"id":"components/maz-dropdown","category":"component","slug":"maz-dropdown","title":"MazDropdown","description":"MazDropdown is a standalone dropdown menu component and versatile designed for various use cases.","package":"maz-ui","file":"components/maz-dropdown.md","url":"https://maz-ui.com/components/maz-dropdown","symbols":["MazDropdown"],"imports":["import MazDropdown from 'maz-ui/components/MazDropdown'"],"aliases":["dropdown","dropdown menu","context menu","actions menu","kebab menu","more menu","menu","mazdropdown"],"headings":["Basic usage","Open dropdown with adaptive trigger","Open dropdown only on click","Open dropdown only on hover","Custom dropdown icon","Custom dropdown main button without chevron icon","Custom slots","Custom dropdown panel","Custom menuitem labels","Custom control triggered element","Open programmatically","Position","Types","MazDropdownMenuItem","Accessibility","MazDropdown API","Props","Events","Slots"],"related":[],"chars":17089},{"id":"components/maz-dropzone","category":"component","slug":"maz-dropzone","title":"MazDropzone","description":"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 uploads in your Vue applications.","package":"maz-ui","file":"components/maz-dropzone.md","url":"https://maz-ui.com/components/maz-dropzone","symbols":["MazDropzone"],"imports":["import MazDropzone from 'maz-ui/components/MazDropzone'"],"aliases":["file upload","dropzone","drag and drop files","upload files","file input","image upload","mazdropzone"],"headings":["Key Features","Error codes","Error handling example","Basic Usage","File Type Restrictions","Auto Upload","Custom Upload Area","Custom Translations","Using translations prop","Using MazUi plugin","Custom Upload Request","MazDropzone API","Props","Events","Slots","Exposed (template ref)"],"related":[],"chars":14114},{"id":"components/maz-expand-animation","category":"component","slug":"maz-expand-animation","title":"MazExpandAnimation","description":"MazExpandAnimation is a standalone component that allows you to animate the height of a block element","package":"maz-ui","file":"components/maz-expand-animation.md","url":"https://maz-ui.com/components/maz-expand-animation","symbols":["MazExpandAnimation"],"imports":["import MazExpandAnimation from 'maz-ui/components/MazExpandAnimation'"],"aliases":["expand","collapse animation","height transition","show more animation","expand animation","mazexpandanimation"],"headings":["Basic usage","Options","MazExpandAnimation API","Props","Events","Slots"],"related":[],"chars":3038},{"id":"components/maz-fullscreen-loader","category":"component","slug":"maz-fullscreen-loader","title":"MazFullscreenLoader","description":"MazFullscreenLoader covers the whole page with a backdrop and a spinner to block the interface during a global loading","package":"maz-ui","file":"components/maz-fullscreen-loader.md","url":"https://maz-ui.com/components/maz-fullscreen-loader","symbols":["MazFullscreenLoader"],"imports":["import MazFullscreenLoader from 'maz-ui/components/MazFullscreenLoader'"],"aliases":["fullscreen loader","page loader","loading screen","blocking loader","mazfullscreenloader"],"headings":["Basic usage","MazFullscreenLoader API","Props","Slots"],"related":[],"chars":1929},{"id":"components/maz-gallery","category":"component","slug":"maz-gallery","title":"MazGallery","description":"MazGallery is a standalone component used to display images in a container and has many options and actions","package":"maz-ui","file":"components/maz-gallery.md","url":"https://maz-ui.com/components/maz-gallery","symbols":["MazGallery"],"imports":["import MazGallery from 'maz-ui/components/MazGallery'"],"aliases":["gallery","image grid","photos","image gallery","mazgallery"],"headings":["Basic usage","Set height by CSS","Types","MazGallery API","Props"],"related":[],"chars":3095},{"id":"components/maz-icon","category":"component","slug":"maz-icon","title":"MazIcon","description":"A flexible icon component that accepts Vue components, raw SVG strings, URLs and data URIs.","package":"maz-ui","file":"components/maz-icon.md","url":"https://maz-ui.com/components/maz-icon","symbols":["MazIcon"],"imports":["import MazIcon from 'maz-ui/components/MazIcon'"],"aliases":["icon","svg icon","render svg","icon component","mazicon"],"headings":["How it works","Examples","Raw SVG (recommended)","URL (fetched at runtime)","Vue component","Fallback","Sizing","Predefined sizes ('xs' | 'sm' | 'md' | 'lg' | 'xl')","Custom size (any CSS length)","Accessibility","RTL flipping","Custom SVG attributes","SSR","Base URL for relative URLs","Forwarding MazIconProps from a consumer","All bundled icons","MazIcon API","Props","Events"],"related":["ecosystem/icons"],"chars":7386},{"id":"components/maz-input","category":"component","slug":"maz-input","title":"MazInput","description":"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, valid states, error messages and icons are included.","package":"maz-ui","file":"components/maz-input.md","url":"https://maz-ui.com/components/maz-input","symbols":["MazInput"],"imports":["import MazInput from 'maz-ui/components/MazInput'"],"aliases":["input","text field","text input","form field","email input","password input","search input","mazinput"],"headings":["Basic usage","Top label","Assistive text","Password","Placeholder","Required","Disabled","Hint","Icons","Use icon name","Use your own SVG icons","Use [vite-svg-loader](https://github.com/jpkleemans/vite-svg-loader)","Pass a full MazIconProps object","Auto focus","Debounce","Sizes","Colors","Rounded Size","State","MazInput API","Props","Events","Slots"],"related":["composables/use-form-validator"],"chars":13070},{"id":"components/maz-input-code","category":"component","slug":"maz-input-code","title":"MazInputCode","description":"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). The code handles input events, keydown actions, and pasting. Overall, it offers a responsive and visually appealing solution for entering verification codes.","package":"maz-ui","file":"components/maz-input-code.md","url":"https://maz-ui.com/components/maz-input-code","symbols":["MazInputCode"],"imports":["import MazInputCode from 'maz-ui/components/MazInputCode'"],"aliases":["otp","one time password","verification code","pin code","2fa code","input code","mazinputcode"],"headings":["Basic usage","Size","Disabled","MazInputCode API","Props","Events"],"related":[],"chars":2948},{"id":"components/maz-input-number","category":"component","slug":"maz-input-number","title":"MazInputNumber","description":"MazInputNumber is a number input component with increment and decrement buttons for user-friendly input. Customizable size, disabled state, and limit values.","package":"maz-ui","file":"components/maz-input-number.md","url":"https://maz-ui.com/components/maz-input-number","symbols":["MazInputNumber"],"imports":["import MazInputNumber from 'maz-ui/components/MazInputNumber'"],"aliases":["number input","quantity","stepper input","increment decrement","numeric field","input number","mazinputnumber"],"headings":["Basic usage","No buttons","MazInputNumber API","Props","Events"],"related":[],"chars":3425},{"id":"components/maz-input-phone-number","category":"component","slug":"maz-input-phone-number","title":"MazInputPhoneNumber","description":"MazInputPhoneNumber is a powerful and user-friendly component that helps users enter and validate phone numbers from any country with automatic formatting and validation","package":"maz-ui","file":"components/maz-input-phone-number.md","url":"https://maz-ui.com/components/maz-input-phone-number","symbols":["MazInputPhoneNumber"],"imports":["import MazInputPhoneNumber from 'maz-ui/components/MazInputPhoneNumber'"],"aliases":["phone number","telephone","phone input","mobile number","international phone","country calling code","input phone number","mazinputphonenumber"],"headings":["Basic Usage","Country Management","Layout Orientations","Display Options","Flags source","Smart Country Detection","Phone Number Formatting","Validation States","Internationalization","Custom Flag Styling","Advanced Configuration","Real-world Examples","Data Handling","Troubleshooting","⚠️ Auto-formatting Issues","🌐 Country Detection Not Working","Types","MazInputPhoneNumber API","Props","Events","Slots"],"related":["ecosystem/utils/format-phone-number"],"chars":17997},{"id":"components/maz-input-price","category":"component","slug":"maz-input-price","title":"MazInputPrice","description":"MazInputPrice is a standalone component that replaces the standard html input text and formats the text enter according to the currency provided","package":"maz-ui","file":"components/maz-input-price.md","url":"https://maz-ui.com/components/maz-input-price","symbols":["MazInputPrice"],"imports":["import MazInputPrice from 'maz-ui/components/MazInputPrice'"],"aliases":["price input","currency input","money","amount","input price","mazinputprice"],"headings":["Basic usage","MazInputPrice API","Props","Events"],"related":["ecosystem/utils/currency"],"chars":2489},{"id":"components/maz-input-tags","category":"component","slug":"maz-input-tags","title":"MazInputTags","description":"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.","package":"maz-ui","file":"components/maz-input-tags.md","url":"https://maz-ui.com/components/maz-input-tags","symbols":["MazInputTags"],"imports":["import MazInputTags from 'maz-ui/components/MazInputTags'"],"aliases":["tags input","chips input","multiple values","keywords input","input tags","mazinputtags"],"headings":["Basic usage","Sizing","MazInputTags API","Props","Events"],"related":[],"chars":3188},{"id":"components/maz-lazy-img","category":"component","slug":"maz-lazy-img","title":"MazLazyImg","description":"MazLazyImg is a standalone component to display images and svgs with lazy loading","package":"maz-ui","file":"components/maz-lazy-img.md","url":"https://maz-ui.com/components/maz-lazy-img","symbols":["MazLazyImg"],"imports":["import MazLazyImg from 'maz-ui/components/MazLazyImg'"],"aliases":["lazy image","lazy loading image","image","img","responsive image","lazy img","mazlazyimg"],"headings":["Responsive sources","Image height full","Fallback on error","Without loader","MazLazyImg API","Props","Events","Slots"],"related":["directives/lazy-img"],"chars":3525},{"id":"components/maz-link","category":"component","slug":"maz-link","title":"MazLink","description":"MazLink is a standalone component to create links and buttons.","package":"maz-ui","file":"components/maz-link.md","url":"https://maz-ui.com/components/maz-link","symbols":["MazLink"],"imports":["import MazLink from 'maz-ui/components/MazLink'"],"aliases":["link","anchor","router link","nuxt link","hyperlink","mazlink"],"headings":["Basic usage","Color","RouterLink","Icons","External icon (true by default)","As button","MazLink API","Props","Slots"],"related":[],"chars":5534},{"id":"components/maz-loading-bar","category":"component","slug":"maz-loading-bar","title":"MazLoadingBar","description":"MazLoadingBar is an indeterminate progress bar to show that something is loading, typically at the top of a page or a container","package":"maz-ui","file":"components/maz-loading-bar.md","url":"https://maz-ui.com/components/maz-loading-bar","symbols":["MazLoadingBar"],"imports":["import MazLoadingBar from 'maz-ui/components/MazLoadingBar'"],"aliases":["loading bar","progress bar","top loader","indeterminate progress","mazloadingbar"],"headings":["Basic usage","MazLoadingBar API","Props"],"related":[],"chars":1264},{"id":"components/maz-markdown-editor","category":"component","slug":"maz-markdown-editor","title":"MazMarkdownEditor","description":"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 the same states, labels and theming as MazTextarea, is SSR-friendly, and supports custom renderers.","package":"maz-ui","file":"components/maz-markdown-editor.md","url":"https://maz-ui.com/components/maz-markdown-editor","symbols":["MazMarkdownEditor"],"imports":["import MazMarkdownEditor from 'maz-ui/components/MazMarkdownEditor'"],"aliases":["markdown editor","rich text","wysiwyg","text editor","comment editor","mazmarkdowneditor"],"headings":["Installation requirement","Basic usage","Toolbar","Available actions","Configure the toolbar","Keyboard shortcuts","List continuation","Label & assistive text","States","Split mode","Line numbers","Custom renderer","Sanitization","Controlled mode","Custom translations","Accessibility","MazMarkdownEditor API","Props","Events","Slots","Exposed (template ref)"],"related":[],"chars":13227},{"id":"components/maz-pagination","category":"component","slug":"maz-pagination","title":"MazPagination","description":"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","package":"maz-ui","file":"components/maz-pagination.md","url":"https://maz-ui.com/components/maz-pagination","symbols":["MazPagination"],"imports":["import MazPagination from 'maz-ui/components/MazPagination'"],"aliases":["pagination","pager","page navigation","paginate","mazpagination"],"headings":["Basic usage","Sizes","Colors","MazPagination API","Props","Events","Slots"],"related":[],"chars":3157},{"id":"components/maz-popover","category":"component","slug":"maz-popover","title":"MazPopover","description":"MazPopover is a versatile Vue component for displaying content in overlays that bypass overflow constraints of parent elements","package":"maz-ui","file":"components/maz-popover.md","url":"https://maz-ui.com/components/maz-popover","symbols":["MazPopover"],"imports":["import MazPopover from 'maz-ui/components/MazPopover'"],"aliases":["popover","floating panel","popup","tooltip content","menu anchor","flyout","mazpopover"],"headings":["Basic usage","Adaptive trigger","Positions","Advanced positions","Prefer position and fallback position","Colors","Tooltip role","Controlled popover","Menu example","Keep open on hover","Form example","Configuration options","Events","Position values","Accessibility","Best practices","MazPopover API","Props","Events","Slots","Exposed (template ref)"],"related":["directives/tooltip"],"chars":24304},{"id":"components/maz-pull-to-refresh","category":"component","slug":"maz-pull-to-refresh","title":"MazPullToRefresh","description":"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.","package":"maz-ui","file":"components/maz-pull-to-refresh.md","url":"https://maz-ui.com/components/maz-pull-to-refresh","symbols":["MazPullToRefresh"],"imports":["import MazPullToRefresh from 'maz-ui/components/MazPullToRefresh'"],"aliases":["pull to refresh","refresh gesture","mobile refresh","mazpulltorefresh"],"headings":["Key Features","Demo","Basic usage","Inside a scroll container","Installed apps only","Tuning the gesture","Customize the indicator","Translations","Accessibility","Events","Headless usage","MazPullToRefresh API","Props","Events","Slots","Exposed (template ref)"],"related":[],"chars":9918},{"id":"components/maz-radio","category":"component","slug":"maz-radio","title":"MazRadio","description":"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","package":"maz-ui","file":"components/maz-radio.md","url":"https://maz-ui.com/components/maz-radio","symbols":["MazRadio"],"imports":["import MazRadio from 'maz-ui/components/MazRadio'"],"aliases":["radio","radio button","single choice","mazradio"],"headings":["Basic usage","Sizing","Disabled","MazRadio API","Props","Events","Slots"],"related":[],"chars":3133},{"id":"components/maz-radio-buttons","category":"component","slug":"maz-radio-buttons","title":"MazRadioButtons","description":"MazRadioButtons is a standalone component to select a value in a list. Made with native HTMLInputElement type radio","package":"maz-ui","file":"components/maz-radio-buttons.md","url":"https://maz-ui.com/components/maz-radio-buttons","symbols":["MazRadioButtons"],"imports":["import MazRadioButtons from 'maz-ui/components/MazRadioButtons'"],"aliases":["radio group","choice cards","option list","single select buttons","radio buttons","mazradiobuttons"],"headings":["Basic usage","Custom slot template","Orientation - Column","Selector icon with options equal-size","Types","options","Accessibility","MazRadioButtons API","Props","Events","Slots"],"related":[],"chars":9387},{"id":"components/maz-read-more","category":"component","slug":"maz-read-more","title":"MazReadMore","description":"MazReadMore is a standalone component to truncate long text with a \"Read more\" / \"Read less\" toggle functionality","package":"maz-ui","file":"components/maz-read-more.md","url":"https://maz-ui.com/components/maz-read-more","symbols":["MazReadMore"],"imports":["import MazReadMore from 'maz-ui/components/MazReadMore'"],"aliases":["read more","truncate text","show more","clamp text","expand text","mazreadmore"],"headings":["Basic usage","With text prop","With default slot","Truncation with max lines","Truncation with max characters","Using slot for content","Colors","Custom toggle text","Short content (no button)","MazReadMore API","Props","Slots"],"related":[],"chars":7769},{"id":"components/maz-reading-progress-bar","category":"component","slug":"maz-reading-progress-bar","title":"MazReadingProgressBar","description":"MazReadingProgressBar is a standalone component to display a reading progress bar","package":"maz-ui","file":"components/maz-reading-progress-bar.md","url":"https://maz-ui.com/components/maz-reading-progress-bar","symbols":["MazReadingProgressBar"],"imports":["import MazReadingProgressBar from 'maz-ui/components/MazReadingProgressBar'"],"aliases":["reading progress","scroll progress","article progress","reading progress bar","mazreadingprogressbar"],"headings":["Basic usage","Types","Props","MazReadingProgressBar API","Props","Events"],"related":[],"chars":2864},{"id":"components/maz-select","category":"component","slug":"maz-select","title":"MazSelect - with \"multiple\" options","description":"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, custom templates options, colors, sizes, disabled, loading, error, warning, valid states, error messages, and icons.","package":"maz-ui","file":"components/maz-select.md","url":"https://maz-ui.com/components/maz-select","symbols":["MazSelect"],"imports":["import MazSelect from 'maz-ui/components/MazSelect'"],"aliases":["select","dropdown select","combobox","autocomplete","picker","multiselect","searchable select","options","select with multiple options","mazselect"],"headings":["Basic usage","Multiple","Search","Custom search function","Opt Group","Disabled","Size","Custom template options","Custom options model","Example","Types","Accessibility","MazSelect API","Props","Events","Slots"],"related":["components/maz-select-country"],"chars":12068},{"id":"components/maz-select-country","category":"component","slug":"maz-select-country","title":"MazSelectCountry","description":"MazSelectCountry is a versatile Vue component for selecting countries or languages with built-in internationalization support and customizable display options","package":"maz-ui","file":"components/maz-select-country.md","url":"https://maz-ui.com/components/maz-select-country","symbols":["MazSelectCountry"],"imports":["import MazSelectCountry from 'maz-ui/components/MazSelectCountry'"],"aliases":["country select","country picker","language select","locale picker","nationality","select country","mazselectcountry"],"headings":["Basic usage","Language selection","Sizes and colors","Preferred countries","Filtering options","Custom display options","Flags source","For the whole app","Flags of maz-ui, offline","Your own files","Your own function","Without flags","Custom locale","States and validation","Custom options","Display code instead of name","Advanced configuration","How it works","Key features:","useDisplayNames composable","MazSelectCountry API","Props","Events","Slots"],"related":["components/maz-select"],"chars":17588},{"id":"components/maz-sidebar","category":"component","slug":"maz-sidebar","title":"MazSidebar","description":"MazSidebar is a composable sidebar system for dashboard, admin, and SaaS applications. It provides a fully accessible, collapsible navigation with multiple display modes.","package":"maz-ui","file":"components/maz-sidebar.md","url":"https://maz-ui.com/components/maz-sidebar","symbols":["MazSidebar","MazSidebarMenuButton","MazSidebarMenuSub","MazSidebarGroup"],"imports":["import MazSidebar from 'maz-ui/components/MazSidebar'","import MazSidebarMenuButton from 'maz-ui/components/MazSidebarMenuButton'","import MazSidebarMenuSub from 'maz-ui/components/MazSidebarMenuSub'","import MazSidebarGroup from 'maz-ui/components/MazSidebarGroup'"],"aliases":["sidebar","side navigation","nav menu","dashboard layout","admin layout","app shell","collapsible menu","mazsidebar","mazsidebarmenubutton","mazsidebarmenusub","mazsidebargroup"],"headings":["Sub-components","Basic usage","Groups & dividers","Sub-menus","Icon mode with tooltips","Controlling when the tooltip appears","Hover mode","Offcanvas mode","Overlay vs push mode","Side end (right)","Badges","User menu in footer","Mobile (static rendering)","Programmatic control (v-model + composable)","Persistent open state","How it works","SSR considerations","With router (vue-router / NuxtLink)","CSS Variables","Accessibility","MazSidebar","MazSidebar API","Props","Events","Slots","Exposed (template ref)","MazSidebarMenuButton","MazSidebarMenuButton API","Props","Events","Slots","MazSidebarMenuSub","MazSidebarMenuSub API","Props","Slots","MazSidebarGroup","MazSidebarGroup API","Props","Slots"],"related":["components/maz-sidebar-group","components/maz-sidebar-menu-button","components/maz-sidebar-menu-sub"],"chars":18622},{"id":"components/maz-sidebar-content","category":"component","slug":"maz-sidebar-content","title":"MazSidebarContent","description":"Scrollable main area of MazSidebar that holds the groups and the menus.","package":"maz-ui","file":"components/maz-sidebar-content.md","symbols":["MazSidebarContent"],"imports":["import MazSidebarContent from 'maz-ui/components/MazSidebarContent'"],"aliases":["sidebar content","mazsidebarcontent"],"headings":["MazSidebarContent API","Props","Slots"],"related":[],"chars":553},{"id":"components/maz-sidebar-footer","category":"component","slug":"maz-sidebar-footer","title":"MazSidebarFooter","description":"Bottom area of MazSidebar, for the user menu or secondary actions.","package":"maz-ui","file":"components/maz-sidebar-footer.md","symbols":["MazSidebarFooter"],"imports":["import MazSidebarFooter from 'maz-ui/components/MazSidebarFooter'"],"aliases":["sidebar footer","mazsidebarfooter"],"headings":["MazSidebarFooter API","Props","Slots"],"related":[],"chars":536},{"id":"components/maz-sidebar-group","category":"component","slug":"maz-sidebar-group","title":"MazSidebarGroup","description":"Titled and optionally collapsible section of MazSidebar that groups menus.","package":"maz-ui","file":"components/maz-sidebar-group.md","symbols":["MazSidebarGroup"],"imports":["import MazSidebarGroup from 'maz-ui/components/MazSidebarGroup'"],"aliases":["sidebar group","mazsidebargroup"],"headings":["MazSidebarGroup API","Props","Slots"],"related":["components/maz-sidebar"],"chars":669},{"id":"components/maz-sidebar-header","category":"component","slug":"maz-sidebar-header","title":"MazSidebarHeader","description":"Top area of MazSidebar, for the logo, the name of the app or a workspace switcher.","package":"maz-ui","file":"components/maz-sidebar-header.md","symbols":["MazSidebarHeader"],"imports":["import MazSidebarHeader from 'maz-ui/components/MazSidebarHeader'"],"aliases":["sidebar header","mazsidebarheader"],"headings":["MazSidebarHeader API","Props","Slots"],"related":[],"chars":568},{"id":"components/maz-sidebar-menu","category":"component","slug":"maz-sidebar-menu","title":"MazSidebarMenu","description":"List of navigation items of MazSidebar.","package":"maz-ui","file":"components/maz-sidebar-menu.md","symbols":["MazSidebarMenu"],"imports":["import MazSidebarMenu from 'maz-ui/components/MazSidebarMenu'"],"aliases":["sidebar menu","mazsidebarmenu"],"headings":["MazSidebarMenu API","Props","Slots"],"related":[],"chars":468},{"id":"components/maz-sidebar-menu-button","category":"component","slug":"maz-sidebar-menu-button","title":"MazSidebarMenuButton","description":"Navigation button or link of a MazSidebar menu item, with icon, label, badge, and a tooltip when the sidebar is collapsed.","package":"maz-ui","file":"components/maz-sidebar-menu-button.md","symbols":["MazSidebarMenuButton"],"imports":["import MazSidebarMenuButton from 'maz-ui/components/MazSidebarMenuButton'"],"aliases":["sidebar menu button","mazsidebarmenubutton"],"headings":["MazSidebarMenuButton API","Props","Events","Slots"],"related":["components/maz-sidebar"],"chars":2072},{"id":"components/maz-sidebar-menu-item","category":"component","slug":"maz-sidebar-menu-item","title":"MazSidebarMenuItem","description":"Item of a MazSidebarMenu: wraps a MazSidebarMenuButton and its optional MazSidebarMenuSub.","package":"maz-ui","file":"components/maz-sidebar-menu-item.md","symbols":["MazSidebarMenuItem"],"imports":["import MazSidebarMenuItem from 'maz-ui/components/MazSidebarMenuItem'"],"aliases":["sidebar menu item","mazsidebarmenuitem"],"headings":["MazSidebarMenuItem API","Props","Slots"],"related":[],"chars":598},{"id":"components/maz-sidebar-menu-sub","category":"component","slug":"maz-sidebar-menu-sub","title":"MazSidebarMenuSub","description":"Nested submenu of a MazSidebar menu item.","package":"maz-ui","file":"components/maz-sidebar-menu-sub.md","symbols":["MazSidebarMenuSub"],"imports":["import MazSidebarMenuSub from 'maz-ui/components/MazSidebarMenuSub'"],"aliases":["sidebar menu sub","mazsidebarmenusub"],"headings":["MazSidebarMenuSub API","Props","Slots"],"related":["components/maz-sidebar"],"chars":930},{"id":"components/maz-sidebar-separator","category":"component","slug":"maz-sidebar-separator","title":"MazSidebarSeparator","description":"Divider between the sections of MazSidebar.","package":"maz-ui","file":"components/maz-sidebar-separator.md","symbols":["MazSidebarSeparator"],"imports":["import MazSidebarSeparator from 'maz-ui/components/MazSidebarSeparator'"],"aliases":["sidebar separator","mazsidebarseparator"],"headings":["MazSidebarSeparator API","Props"],"related":[],"chars":486},{"id":"components/maz-sidebar-trigger","category":"component","slug":"maz-sidebar-trigger","title":"MazSidebarTrigger","description":"Button that opens, closes or collapses MazSidebar.","package":"maz-ui","file":"components/maz-sidebar-trigger.md","symbols":["MazSidebarTrigger"],"imports":["import MazSidebarTrigger from 'maz-ui/components/MazSidebarTrigger'"],"aliases":["sidebar trigger","mazsidebartrigger"],"headings":["MazSidebarTrigger API","Props","Slots"],"related":[],"chars":511},{"id":"components/maz-skeleton","category":"component","slug":"maz-skeleton","title":"MazSkeleton","description":"MazSkeleton is a standalone component to display loading placeholders with animated shimmer effect","package":"maz-ui","file":"components/maz-skeleton.md","url":"https://maz-ui.com/components/maz-skeleton","symbols":["MazSkeleton"],"imports":["import MazSkeleton from 'maz-ui/components/MazSkeleton'"],"aliases":["skeleton","placeholder","shimmer","loading placeholder","content loader","mazskeleton"],"headings":["Basic usage","Shapes","Sizes","Custom dimensions","Rounded sizes","Disable animation","Card skeleton example","Article skeleton example","List skeleton example","Accessibility","MazSkeleton API","Props"],"related":[],"chars":6868},{"id":"components/maz-slider","category":"component","slug":"maz-slider","title":"MazSlider","description":"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 logarithmic/exponential values are available","package":"maz-ui","file":"components/maz-slider.md","url":"https://maz-ui.com/components/maz-slider","symbols":["MazSlider"],"imports":["import MazSlider from 'maz-ui/components/MazSlider'"],"aliases":["range slider","slider","range input","min max","mazslider"],"headings":["Basic usage","Options","Step","Multiple sliders & labels","Sizes & colors","Logarithmic/exponential","hide dividers & cursor animation","Accessibility","MazSlider API","Props","Events"],"related":[],"chars":4661},{"id":"components/maz-spinner","category":"component","slug":"maz-spinner","title":"MazSpinner","description":"MazSpinner is an animated loading indicator with the colors and sizes of the theme, to show that a content or an action is loading","package":"maz-ui","file":"components/maz-spinner.md","url":"https://maz-ui.com/components/maz-spinner","symbols":["MazSpinner"],"imports":["import MazSpinner from 'maz-ui/components/MazSpinner'"],"aliases":["spinner","loader","loading indicator","activity indicator","mazspinner"],"headings":["Basic usage","Options","Colors","Sizes","MazSpinner API","Props"],"related":[],"chars":1933},{"id":"components/maz-stepper","category":"component","slug":"maz-stepper","title":"MazStepper","description":"MazStepper is a standalone UI component customizable, reactive for intuitive step-by-step navigation. Ideal for guiding users through forms, workflows, or checkout processes.","package":"maz-ui","file":"components/maz-stepper.md","url":"https://maz-ui.com/components/maz-stepper","symbols":["MazStepper"],"imports":["import MazStepper from 'maz-ui/components/MazStepper'"],"aliases":["stepper","wizard","multi step form","steps","onboarding","mazstepper"],"headings":["Basic usage","Use step property instead of slots","Replace default step point","Set step states programmatically","Auto validate steps","Auto disabled next or/and previous steps","All steps opened & success","Can close steps","Types","Accessibility","MazStepper API","Props","Events","Slots"],"related":[],"chars":8259},{"id":"components/maz-switch","category":"component","slug":"maz-switch","title":"MazSwitch","description":"MazSwitch is a standalone component that replaces the standard html input checkbox. Color options are available.","package":"maz-ui","file":"components/maz-switch.md","url":"https://maz-ui.com/components/maz-switch","symbols":["MazSwitch"],"imports":["import MazSwitch from 'maz-ui/components/MazSwitch'"],"aliases":["switch","toggle","on off","toggle switch","mazswitch"],"headings":["MazSwitch API","Props","Events","Slots"],"related":[],"chars":2540},{"id":"components/maz-table","category":"component","slug":"maz-table","title":"MazTable","description":"MazTable is designed to be a reusable data table with advanced features. Pagination, Search, Column Sorting, Row Selection, UI options, Loading and Slots.","package":"maz-ui","file":"components/maz-table.md","url":"https://maz-ui.com/components/maz-table","symbols":["MazTable","MazTableCell","MazTableRow","MazTableTitle"],"imports":["import MazTable from 'maz-ui/components/MazTable'","import MazTableCell from 'maz-ui/components/MazTableCell'","import MazTableRow from 'maz-ui/components/MazTableRow'","import MazTableTitle from 'maz-ui/components/MazTableTitle'"],"aliases":["table","data table","datagrid","grid","sortable table","list of rows","maztable","maztablecell","maztablerow","maztabletitle"],"headings":["Key Features","Available models","Basic usage","Advanced data table","Animated rows","Virtualization","Options","Good to know","Loading","Sizing"],"related":["components/maz-table-cell","components/maz-table-row","components/maz-table-title"],"chars":12668},{"id":"components/maz-table-cell","category":"component","slug":"maz-table-cell","title":"MazTableCell","description":"Cell of a MazTableRow, with the size and padding of MazTable.","package":"maz-ui","file":"components/maz-table-cell.md","symbols":["MazTableCell"],"imports":["import MazTableCell from 'maz-ui/components/MazTableCell'"],"aliases":["table cell","maztablecell"],"headings":["MazTableCell API","Props","Slots"],"related":["components/maz-table"],"chars":576},{"id":"components/maz-table-row","category":"component","slug":"maz-table-row","title":"MazTableRow","description":"Row of MazTable, when you write the rows by hand in its default slot.","package":"maz-ui","file":"components/maz-table-row.md","symbols":["MazTableRow"],"imports":["import MazTableRow from 'maz-ui/components/MazTableRow'"],"aliases":["table row","maztablerow"],"headings":["MazTableRow API","Props","Slots"],"related":["components/maz-table"],"chars":729},{"id":"components/maz-table-title","category":"component","slug":"maz-table-title","title":"MazTableTitle","description":"Header cell of MazTable, when you write the header by hand.","package":"maz-ui","file":"components/maz-table-title.md","symbols":["MazTableTitle"],"imports":["import MazTableTitle from 'maz-ui/components/MazTableTitle'"],"aliases":["table title","maztabletitle"],"headings":["MazTableTitle API","Props","Slots"],"related":["components/maz-table"],"chars":579},{"id":"components/maz-table-virtualizer","category":"component","slug":"maz-table-virtualizer","title":"MazTableVirtualizer","description":"Renderless provider loaded on demand by MazTable to virtualize long lists of rows.","package":"maz-ui","file":"components/maz-table-virtualizer.md","symbols":["MazTableVirtualizer"],"imports":["import MazTableVirtualizer from 'maz-ui/components/MazTableVirtualizer'"],"aliases":["table virtualizer","maztablevirtualizer"],"headings":["MazTableVirtualizer API","Props","Events","Slots"],"related":[],"chars":953},{"id":"components/maz-tabs","category":"component","slug":"maz-tabs","title":"MazTabs","description":"MazTabs is a standalone component to display content in tabs with animations","package":"maz-ui","file":"components/maz-tabs.md","url":"https://maz-ui.com/components/maz-tabs","symbols":["MazTabs","MazTabsBar","MazTabsContent","MazTabsContentItem"],"imports":["import MazTabs from 'maz-ui/components/MazTabs'","import MazTabsBar from 'maz-ui/components/MazTabsBar'","import MazTabsContent from 'maz-ui/components/MazTabsContent'","import MazTabsContentItem from 'maz-ui/components/MazTabsContentItem'"],"aliases":["tabs","tab bar","tabbed content","segmented navigation","maztabs","maztabsbar","maztabscontent","maztabscontentitem"],"headings":["Basic usage","With model-value","Persistent tab","Custom tabs with slot","Size and rounded size","Active color","Standalone usage","Types","Accessibility","Props & Events emitted","MazTabs","MazTabs API","Props","Events","Slots","MazTabsBar","MazTabsBar API","Props","Events","Slots","MazTabsContent","MazTabsContent API","Props","Slots","MazTabsContentItem","MazTabsContentItem API","Props","Slots"],"related":["components/maz-tabs-bar","components/maz-tabs-content","components/maz-tabs-content-item"],"chars":10762},{"id":"components/maz-tabs-bar","category":"component","slug":"maz-tabs-bar","title":"MazTabsBar","description":"Bar of tab buttons of MazTabs.","package":"maz-ui","file":"components/maz-tabs-bar.md","symbols":["MazTabsBar"],"imports":["import MazTabsBar from 'maz-ui/components/MazTabsBar'"],"aliases":["tabs bar","maztabsbar"],"headings":["MazTabsBar API","Props","Events","Slots"],"related":["components/maz-tabs"],"chars":2874},{"id":"components/maz-tabs-content","category":"component","slug":"maz-tabs-content","title":"MazTabsContent","description":"Container of the tab panels of MazTabs.","package":"maz-ui","file":"components/maz-tabs-content.md","symbols":["MazTabsContent"],"imports":["import MazTabsContent from 'maz-ui/components/MazTabsContent'"],"aliases":["tabs content","maztabscontent"],"headings":["MazTabsContent API","Props","Slots"],"related":["components/maz-tabs"],"chars":544},{"id":"components/maz-tabs-content-item","category":"component","slug":"maz-tabs-content-item","title":"MazTabsContentItem","description":"Panel of MazTabs displayed when its tab is active.","package":"maz-ui","file":"components/maz-tabs-content-item.md","symbols":["MazTabsContentItem"],"imports":["import MazTabsContentItem from 'maz-ui/components/MazTabsContentItem'"],"aliases":["tabs content item","maztabscontentitem"],"headings":["MazTabsContentItem API","Props","Slots"],"related":["components/maz-tabs"],"chars":613},{"id":"components/maz-textarea","category":"component","slug":"maz-textarea","title":"MazTextarea","description":"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 and error messages are available.","package":"maz-ui","file":"components/maz-textarea.md","url":"https://maz-ui.com/components/maz-textarea","symbols":["MazTextarea"],"imports":["import MazTextarea from 'maz-ui/components/MazTextarea'"],"aliases":["textarea","multiline input","comment field","message field","autogrow","maztextarea"],"headings":["Basic usage","With top-label","With assistive text","With label and append slots","With hint and state","Disable autogrow","Minimum rows (compact / input-like)","Sizes","Disabled","MazTextarea API","Props","Events","Slots"],"related":[],"chars":8313},{"id":"components/maz-ticker","category":"component","slug":"maz-ticker","title":"MazTicker","description":"MazTicker is a scrolling ticker component that continuously animates content in a loop with configurable speed, direction, pause controls, and gradient overlays","package":"maz-ui","file":"components/maz-ticker.md","url":"https://maz-ui.com/components/maz-ticker","symbols":["MazTicker"],"imports":["import MazTicker from 'maz-ui/components/MazTicker'"],"aliases":["ticker","marquee","logo cloud","scrolling banner","infinite scroll strip","mazticker"],"headings":["Basic usage","Screenshots gallery","3D Screenshots showcase","Orientation","Horizontal (default)","Vertical","Reverse direction","Speed control","Repeat","Custom gap","Overlay","Without overlay","Custom overlay size","Pause controls","Pause on hover","Pause on focus","Programmatic pause","Custom content","Slots","Before and after","Timing function","MazTicker API","Props","Slots"],"related":[],"chars":11513},{"id":"components/maz-timeline","category":"component","slug":"maz-timeline","title":"MazTimeline","description":"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","package":"maz-ui","file":"components/maz-timeline.md","url":"https://maz-ui.com/components/maz-timeline","symbols":["MazTimeline"],"imports":["import MazTimeline from 'maz-ui/components/MazTimeline'"],"aliases":["timeline","progress steps","history","order tracking","roadmap","maztimeline"],"headings":["Basic usage","Directions","Horizontal","Vertical","Auto (responsive)","Colors","Sizes","Step states","Clickable","Disabled steps","Without step numbers","Without auto-validate","Rounded sizes","Custom Icons","Custom slots","Indicator slot","Content slot","Connector slot","MazTimeline API","Props","Events","Slots"],"related":[],"chars":9669},{"id":"components/maz-ui-provider","category":"component","slug":"maz-ui-provider","title":"MazUiProvider","description":"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).","package":"maz-ui","file":"components/maz-ui-provider.md","symbols":["MazUiProvider"],"imports":["import MazUiProvider from 'maz-ui/components/MazUiProvider'"],"aliases":["ui provider","mazuiprovider"],"headings":["MazUiProvider API","Props","Slots"],"related":[],"chars":912},{"id":"components/maz-window-mockup","category":"component","slug":"maz-window-mockup","title":"MazWindowMockup","description":"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.","package":"maz-ui","file":"components/maz-window-mockup.md","url":"https://maz-ui.com/components/maz-window-mockup","symbols":["MazWindowMockup"],"imports":["import MazWindowMockup from 'maz-ui/components/MazWindowMockup'"],"aliases":["window mockup","browser frame","terminal mockup","screenshot frame","mazwindowmockup"],"headings":["Browser variant","Hide the URL copy button","With screenshot","Terminal variant","Custom prompt","Without prompt","Editor variant","With code and language props","Empty-state placeholder","Custom translations","MazWindowMockup API","Props","Slots"],"related":[],"chars":6675},{"id":"composables/use-aos","category":"composable","slug":"use-aos","title":"useAos","description":"Vue composable to access the AOS plugin instance (animations on scroll) in your components, to refresh or trigger the animations","package":"maz-ui","file":"composables/use-aos.md","url":"https://maz-ui.com/composables/use-aos","symbols":["useAos"],"imports":["import { useAos } from 'maz-ui/composables/useAos'"],"aliases":["animate on scroll","scroll animation","reveal","use aos","useaos"],"headings":["Usage"],"related":["plugins/aos"],"chars":1002},{"id":"composables/use-breakpoints","category":"composable","slug":"use-breakpoints","title":"useBreakpoints","description":"This composable extends the functionality of the useWindowSize composable to manage responsive breakpoints","package":"maz-ui","file":"composables/use-breakpoints.md","url":"https://maz-ui.com/composables/use-breakpoints","symbols":["useBreakpoints"],"imports":["import { useBreakpoints } from 'maz-ui/composables/useBreakpoints'"],"aliases":["breakpoints","responsive","media query","is mobile","screen size","use breakpoints","usebreakpoints"],"headings":["Basic usage"],"related":["composables/use-window-size"],"chars":932},{"id":"composables/use-dialog","category":"composable","slug":"use-dialog","title":"useDialog","description":"Vue composable for handling dialog plugin in your components","package":"maz-ui","file":"composables/use-dialog.md","url":"https://maz-ui.com/composables/use-dialog","symbols":["useDialog"],"imports":["import { useDialog } from 'maz-ui/composables/useDialog'"],"aliases":["confirm","confirmation dialog","prompt","promise dialog","are you sure","use dialog","usedialog"],"headings":["Usage"],"related":["plugins/dialog"],"chars":1283},{"id":"composables/use-display-names","category":"composable","slug":"use-display-names","title":"useDisplayNames","description":"useDisplayNames is a Vue composable specialized in displaying localized country names (regions) and language names. It supports various code formats including ISO 639-1 (language codes), ISO 3166-1 (country codes), and BCP 47 (language tags), using the Intl.DisplayNames API for internationalization.","package":"maz-ui","file":"composables/use-display-names.md","url":"https://maz-ui.com/composables/use-display-names","symbols":["useDisplayNames"],"imports":["import { useDisplayNames } from 'maz-ui/composables/useDisplayNames'"],"aliases":["country name","language name","intl display names","translate country","use display names","usedisplaynames"],"headings":["Introduction","Key Features","Basic Usage","Functions","getDisplayName","getAllDisplayNames","Notes"],"related":[],"chars":6019},{"id":"composables/use-drag","category":"composable","slug":"use-drag","title":"useDrag","description":"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.","package":"maz-ui","file":"composables/use-drag.md","url":"https://maz-ui.com/composables/use-drag","symbols":["useDrag"],"imports":["import { useDrag } from 'maz-ui/composables/useDrag'"],"aliases":["drag","draggable","swipe down to close","drag gesture","use drag","usedrag"],"headings":["Introduction","Key Features","Basic Usage","Options","Composable Return","Notes"],"related":[],"chars":6236},{"id":"composables/use-form-validator","category":"composable","slug":"use-form-validator","title":"useFormValidator","description":"Vue composables for form validation with any Standard Schema library (Valibot, Zod, ArkType...) - useFormValidator and useFormField provide a flexible and typed approach to handle form validation in your Vue applications.","package":"maz-ui","file":"composables/use-form-validator.md","url":"https://maz-ui.com/composables/use-form-validator","symbols":["useFormValidator"],"imports":["import { useFormValidator } from 'maz-ui/composables/useFormValidator'"],"aliases":["form validation","validate form","zod","valibot","yup","schema validation","form errors","submit form","use form validator","useformvalidator"],"headings":["Introduction","Quick Start","Validation Libraries","Same form, different libraries","Live example with Zod","Mixing libraries","Custom schema","Good to know","Understanding Form State","Field States","Validation Modes","Lazy Mode (Default)","Aggressive Mode","Eager Mode (Recommended)","Blur Mode","Progressive Mode","useFormField for Child Components","Return Values","Two Ways to Bind Validation Events","TypeScript Type Inference","Async Validation","Throttling and Debouncing","Reset Form","Multiple Forms on Same Page","Error Handling and scrollToError","scrollToError","onError Callback","Performance & Best Practices","Performance Tips","Common Patterns","Common Pitfalls","API Reference","useFormValidator","useFormField","Types","Troubleshooting","Type Errors with useTemplateRef","Validation Not Triggering","Conditionally Rendered Fields (v-if)","Mismatched Form Identifiers"],"related":["components/maz-input"],"chars":34156},{"id":"composables/use-idle-timeout","category":"composable","slug":"use-idle-timeout","title":"useIdleTimeout","description":"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.","package":"maz-ui","file":"composables/use-idle-timeout.md","url":"https://maz-ui.com/composables/use-idle-timeout","symbols":["useIdleTimeout"],"imports":["import { useIdleTimeout } from 'maz-ui/composables/useIdleTimeout'"],"aliases":["idle","inactivity","auto logout","session timeout","afk","use idle timeout","useidletimeout"],"headings":["Demo","Callback","Options","Actions","Start","Pause","Resume","Reset","Destroy"],"related":["ecosystem/utils/idle-timeout"],"chars":3497},{"id":"composables/use-pull-to-refresh","category":"composable","slug":"use-pull-to-refresh","title":"usePullToRefresh","description":"usePullToRefresh is a headless Vue composable for the pull to refresh gesture on the window or any scroll container.","package":"maz-ui","file":"composables/use-pull-to-refresh.md","url":"https://maz-ui.com/composables/use-pull-to-refresh","symbols":["usePullToRefresh"],"imports":["import { usePullToRefresh } from 'maz-ui/composables/usePullToRefresh'"],"aliases":["pull to refresh","refresh gesture","use pull to refresh","usepulltorefresh"],"headings":["Introduction","Basic usage","Options","Return","Notes"],"related":[],"chars":5536},{"id":"composables/use-reading-time","category":"composable","slug":"use-reading-time","title":"useReadingTime","description":"This composable allows you to calculate the reading time of a text","package":"maz-ui","file":"composables/use-reading-time.md","url":"https://maz-ui.com/composables/use-reading-time","symbols":["useReadingTime"],"imports":["import { useReadingTime } from 'maz-ui/composables/useReadingTime'"],"aliases":["reading time","minutes to read","word count","use reading time","usereadingtime"],"headings":["Basic usage","With content selector","Velocity","Types","Options","Returns"],"related":[],"chars":8178},{"id":"composables/use-string-matching","category":"composable","slug":"use-string-matching","title":"useStringMatching","description":"Efficient composable for string matching tasks, utilizing Levenshtein distance calculation. Simplify comparison operations with minimal setup. Enhance text similarity checks effortlessly.","package":"maz-ui","file":"composables/use-string-matching.md","url":"https://maz-ui.com/composables/use-string-matching","symbols":["useStringMatching"],"imports":["import { useStringMatching } from 'maz-ui/composables/useStringMatching'"],"aliases":["fuzzy match","string similarity","search matching","use string matching","usestringmatching"],"headings":["Usage"],"related":[],"chars":1289},{"id":"composables/use-swipe","category":"composable","slug":"use-swipe","title":"useSwipe","description":"useSwipe is a Vue composable that simplifies the management of \"swipe\" interactions on HTML elements.","package":"maz-ui","file":"composables/use-swipe.md","url":"https://maz-ui.com/composables/use-swipe","symbols":["useSwipe"],"imports":["import { useSwipe } from 'maz-ui/composables/useSwipe'"],"aliases":["swipe","swipe gesture","touch gesture","use swipe","useswipe"],"headings":["Introduction","Key Features","Basic Usage"],"related":["ecosystem/utils/swipe-handler"],"chars":5407},{"id":"composables/use-timer","category":"composable","slug":"use-timer","title":"useTimer","description":"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 operations or user interactions with a specified timeout.","package":"maz-ui","file":"composables/use-timer.md","url":"https://maz-ui.com/composables/use-timer","symbols":["useTimer"],"imports":["import { useTimer } from 'maz-ui/composables/useTimer'"],"aliases":["timer","countdown","interval","stopwatch","use timer","usetimer"],"headings":["Usage","Set timeout with start function","Types"],"related":[],"chars":3039},{"id":"composables/use-toast","category":"composable","slug":"use-toast","title":"useToast","description":"Vue composable to display toast notifications (info, success, warning, error, with actions and buttons) from your components, through the toast plugin","package":"maz-ui","file":"composables/use-toast.md","url":"https://maz-ui.com/composables/use-toast","symbols":["useToast"],"imports":["import { useToast } from 'maz-ui/composables/useToast'"],"aliases":["toast","notification","snackbar","flash message","notify","use toast","usetoast"],"headings":["Usage"],"related":["plugins/toast"],"chars":1275},{"id":"composables/use-user-visibility","category":"composable","slug":"use-user-visibility","title":"useUserVisibility","description":"Vue composable to know whether the user is looking at the page (Page Visibility API), with an optional delay before considering them away","package":"maz-ui","file":"composables/use-user-visibility.md","url":"https://maz-ui.com/composables/use-user-visibility","symbols":["useUserVisibility"],"imports":["import { useUserVisibility } from 'maz-ui/composables/useUserVisibility'"],"aliases":["page visibility","tab hidden","user away","use user visibility","useuservisibility"],"headings":["Demo","How to use it?","Callback","Options","Default Options","Actions","Start","Destroy"],"related":["ecosystem/utils/user-visibility"],"chars":2334},{"id":"composables/use-wait","category":"composable","slug":"use-wait","title":"useWait","description":"Vue composable to manage loading states (start, stop, check) in your components, through the wait plugin and the MazFullscreenLoader","package":"maz-ui","file":"composables/use-wait.md","url":"https://maz-ui.com/composables/use-wait","symbols":["useWait"],"imports":["import { useWait } from 'maz-ui/composables/useWait'"],"aliases":["loading state","pending state","global loader","wait","use wait","usewait"],"headings":["Usage"],"related":["plugins/wait"],"chars":1227},{"id":"composables/use-window-size","category":"composable","slug":"use-window-size","title":"useWindowSize","description":"This composable provides a simple utility to track the width and height of the browser window with reactivity","package":"maz-ui","file":"composables/use-window-size.md","url":"https://maz-ui.com/composables/use-window-size","symbols":["useWindowSize"],"imports":["import { useWindowSize } from 'maz-ui/composables/useWindowSize'"],"aliases":["window size","viewport size","resize","use window size","usewindowsize"],"headings":["Basic usage"],"related":["composables/use-breakpoints"],"chars":693},{"id":"directives/click-outside","category":"directive","slug":"click-outside","title":"vClickOutside","description":"vClickOutside is a Vue directive to trigger a function when the user clicks outside an element","package":"maz-ui","file":"directives/click-outside.md","url":"https://maz-ui.com/directives/click-outside","symbols":["vClickOutside"],"imports":["import { vClickOutside } from 'maz-ui/directives/vClickOutside'"],"aliases":["click outside","close on outside click","outside click","v click outside","vclickoutside"],"headings":["Basic usage","Advanced usage with options","Using the once option","All options combined","API Reference","Usage Patterns","Options","Type Definitions","Global install","Vue","Nuxt"],"related":[],"chars":4142},{"id":"directives/fullscreen-img","category":"directive","slug":"fullscreen-img","title":"vFullscreenImg","description":"vFullscreenImg is a Vue directive that opens an image in fullscreen on click, with zoom and navigation between the images of a group","package":"maz-ui","file":"directives/fullscreen-img.md","url":"https://maz-ui.com/directives/fullscreen-img","symbols":["vFullscreenImg"],"imports":["import { vFullscreenImg } from 'maz-ui/directives/vFullscreenImg'"],"aliases":["fullscreen image","image viewer","lightbox","v fullscreen img","vfullscreenimg"],"headings":["Basic usage","With animate options","On custom element","Global install","Vue","Nuxt","Types"],"related":[],"chars":1633},{"id":"directives/lazy-img","category":"directive","slug":"lazy-img","title":"vLazyImg","description":"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.","package":"maz-ui","file":"directives/lazy-img.md","url":"https://maz-ui.com/directives/lazy-img","symbols":["vLazyImg"],"imports":["import { vLazyImg } from 'maz-ui/directives/vLazyImg'"],"aliases":["lazy load image","lazy loading","deferred image","v lazy img","vlazyimg"],"headings":["Basic usage","Use background image","Disable lazy loading","Fallback image on error","Options","Global install","Vue","Nuxt","Types"],"related":["components/maz-lazy-img"],"chars":5051},{"id":"directives/tooltip","category":"directive","slug":"tooltip","title":"vTooltip","description":"vTooltip is a Vue directive to display a text when the user hovers an element","package":"maz-ui","file":"directives/tooltip.md","url":"https://maz-ui.com/directives/tooltip","symbols":["vTooltip"],"imports":["import { vTooltip } from 'maz-ui/directives/vTooltip'"],"aliases":["tooltip","hint","title on hover","help text","v tooltip","vtooltip"],"headings":["Basic usage","Colors","Position","HTML content","Customization","Trigger","Offset","Open programmatically","Conditionally disable","Global install","Vue","Nuxt","Types"],"related":["components/maz-popover"],"chars":6477},{"id":"directives/zoom-img","category":"directive","slug":"zoom-img","title":"vZoomImg","description":"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","package":"maz-ui","file":"directives/zoom-img.md","url":"https://maz-ui.com/directives/zoom-img","symbols":["vZoomImg"],"imports":["import { vZoomImg } from 'maz-ui/directives/vZoomImg'"],"aliases":["zoom image","image zoom","enlarge image","v zoom img","vzoomimg"],"headings":["Basic usage","Options","Global install","Vue","Nuxt","Types"],"related":[],"chars":2066},{"id":"plugins/aos","category":"plugin","slug":"aos","title":"aos (animation on scroll)","description":"Plugin to animate elements on your page as you scroll.","package":"maz-ui","file":"plugins/aos.md","url":"https://maz-ui.com/plugins/aos","symbols":["AosPlugin"],"imports":["import { AosPlugin } from 'maz-ui/plugins/aos'"],"aliases":["animate on scroll","scroll animations","aos animation on scroll","aosplugin"],"headings":["Installation","Basic usage","Atributes","Animations","Fade","Zoom","Slide","Flip","Rotate","Scale","Easing","Nuxt","Run animations programatically","Global Options"],"related":["composables/use-aos"],"chars":7893},{"id":"plugins/dialog","category":"plugin","slug":"dialog","title":"dialog","description":"Displays messages to your users in flexible and promised dialogs","package":"maz-ui","file":"plugins/dialog.md","url":"https://maz-ui.com/plugins/dialog","symbols":["DialogPlugin"],"imports":["import { DialogPlugin } from 'maz-ui/plugins/dialog'"],"aliases":["confirm dialog plugin","global dialog","dialog","dialogplugin"],"headings":["Installation","Basic usage","Custom buttons with on click actions","Custom response","Close dialog","Options","Usage","Type"],"related":["composables/use-dialog","components/maz-dialog-confirm"],"chars":6745},{"id":"plugins/toast","category":"plugin","slug":"toast","title":"Toast","description":"A powerful toast notification system for Vue.js that displays user-friendly messages with customizable positioning, styling, and behavior options","package":"maz-ui","file":"plugins/toast.md","url":"https://maz-ui.com/plugins/toast","symbols":["ToastPlugin"],"imports":["import { ToastPlugin } from 'maz-ui/plugins/toast'"],"aliases":["toast plugin","notifications","snackbar","toast","toastplugin"],"headings":["Installation","Basic usage","Action and link","Close toast programmatically","Type"],"related":["composables/use-toast"],"chars":5275},{"id":"plugins/wait","category":"plugin","slug":"wait","title":"wait","description":"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 processing or any other async operation","package":"maz-ui","file":"plugins/wait.md","url":"https://maz-ui.com/plugins/wait","symbols":["WaitPlugin"],"imports":["import { WaitPlugin } from 'maz-ui/plugins/wait'"],"aliases":["loading state plugin","global loading","wait","waitplugin"],"headings":["Installation","Basic usage"],"related":["composables/use-wait"],"chars":1741},{"id":"ecosystem/eslint-config","category":"ecosystem","slug":"eslint-config","title":"@maz-ui/eslint-config","description":"ESLint flat-config preset for Vue/Nuxt/JS/TS projects, layered on @antfu/eslint-config with SonarJS, Tailwind v3+v4 and a11y add-ons.","package":"@maz-ui/eslint-config","file":"ecosystem/eslint-config.md","url":"https://maz-ui.com/ecosystem/eslint-config","symbols":["defineConfig"],"imports":["import { defineConfig } from '@maz-ui/eslint-config'"],"aliases":["eslint","lint","linting config","maz ui eslint config","defineconfig"],"headings":["Installation","Basic usage","Configuration","Logging","Tailwind support","Custom rules","maz/tailwind-no-arbitrary-px","Use the plugin directly","What it includes","Advanced","Compose your own config","Auto-detection caveat (monorepos)","Compatibility"],"related":[],"chars":11909},{"id":"ecosystem/icons","category":"ecosystem","slug":"icons","title":"@maz-ui/icons","description":"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","package":"@maz-ui/icons","file":"ecosystem/icons/index.md","url":"https://maz-ui.com/ecosystem/icons/","symbols":["MazIconsResolver"],"imports":["import { MazCheck } from '@maz-ui/icons/static/MazCheck'","import { MazIconsResolver } from '@maz-ui/icons/resolvers'"],"aliases":["icons","icon set","svg icons","heroicons","flags","logos","maz ui icons","maziconsresolver"],"headings":["Features","Installation","Basic Installation","With Auto-import Support (Recommended)","With vite-svg-loader Integration","Usage Methods","Method 1: Vue Components (Recommended)","Method 2: Auto-import with Resolver","Method 3: With vite-svg-loader","Method 4: Direct SVG Files","Styling Icons","CSS Custom Properties","Available Icons","Icon Naming Convention","Advanced Configuration","Custom Icon Loading","Dynamic Icon Loading","Build-time Icon Optimization","Integration Examples","With Tailwind CSS","With Pinia Store","Troubleshooting","Common Issues","Bundle Size","Related Packages"],"related":["components/maz-icon","reference/icons"],"chars":15594},{"id":"ecosystem/icons/icon-set","category":"ecosystem","slug":"icon-set","title":"Icon Set","description":"Search and copy the 860+ icons of @maz-ui/icons, with the naming convention and the static, lazy and raw imports of each icon","package":"@maz-ui/icons","file":"ecosystem/icons/icon-set.md","url":"https://maz-ui.com/ecosystem/icons/icon-set","symbols":[],"imports":[],"aliases":["icon list","find icon","icon names","icon set"],"headings":["Icon Naming Convention","Find your icon"],"related":["reference/icons"],"chars":786},{"id":"ecosystem/mcp","category":"ecosystem","slug":"mcp","title":"MCP server","description":"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, setup guides and code review.","package":"@maz-ui/mcp","file":"ecosystem/mcp.md","url":"https://maz-ui.com/ecosystem/mcp","symbols":[],"imports":[],"aliases":["mcp","model context protocol","ai assistant","mcp server"],"headings":["Tools","Prompts","Version-matched docs","Configuration","Claude Code","Cursor","VS Code (GitHub Copilot)","Codex","Windsurf, Claude Desktop, Cline, Zed...","Command line","Programmatic API","Debugging"],"related":["guide/ai-agents"],"chars":5448},{"id":"ecosystem/node","category":"ecosystem","slug":"node","title":"@maz-ui/node","description":"Lightweight Node.js utilities - promise-based shell execution, an opinionated consola-backed logger, and a banner printer for CLIs.","package":"@maz-ui/node","file":"ecosystem/node/index.md","url":"https://maz-ui.com/ecosystem/node/","symbols":[],"imports":[],"aliases":["maz ui node"],"headings":["Installation","Basic usage","What's inside","Requirements"],"related":[],"chars":1761},{"id":"ecosystem/nuxt","category":"ecosystem","slug":"nuxt","title":"Install maz-ui with Nuxt","description":"The ultimate Nuxt module for Maz-UI - zero-config setup with auto-imports, theming, internationalization and powerful features out of the box","package":"@maz-ui/nuxt","file":"ecosystem/nuxt.md","url":"https://maz-ui.com/ecosystem/nuxt","symbols":[],"imports":[],"aliases":["nuxt","nuxt module","auto import","nuxt config","install maz ui with nuxt"],"headings":["Why Choose Maz-UI for Nuxt?","Installation","Quick Start","Instant Usage","Configuration","Minimal Setup","Advanced Configuration","Complete Configuration Reference","General Configuration","CSS Configuration","Theme System","Global Component Defaults","Country Flags","Theme Strategies Explained","Runtime (Recommended)","Buildtime","Components","🎪 Composables","Plugins","Directives","AI Agents","Advanced Theming","Custom Theme Creation","Troubleshooting","Theme System Issues"],"related":["guide/getting-started"],"chars":16547},{"id":"ecosystem/stylelint-config","category":"ecosystem","slug":"stylelint-config","title":"@maz-ui/stylelint-config","description":"Stylelint preset for Vue/Nuxt/JS/TS projects, with first-class Tailwind CSS v4 support, RTL-friendly logical properties, and SCSS opt-in.","package":"@maz-ui/stylelint-config","file":"ecosystem/stylelint-config.md","url":"https://maz-ui.com/ecosystem/stylelint-config","symbols":["defineConfig"],"imports":["import { defineConfig } from '@maz-ui/stylelint-config'"],"aliases":["stylelint","css lint","maz ui stylelint config","defineconfig"],"headings":["Installation","Basic usage","Configuration","Logging","Logical properties (RTL-friendly)","Tailwind CSS v4","Policy levels","Property ordering","Layering shareable configs","What it includes","Advanced","Migrating from a hand-written .stylelintrc","Compatibility"],"related":[],"chars":12632},{"id":"ecosystem/themes","category":"ecosystem","slug":"themes","title":"Theming","description":"Modern and performant theme system for Maz-UI built on native CSS features (light-dark(), color-scheme, color-mix(in oklch)) for v5.","package":"@maz-ui/themes","file":"ecosystem/themes.md","url":"https://maz-ui.com/ecosystem/themes","symbols":["useTheme","definePreset","MazUiTheme","mazUi","pristine","ocean","obsidian","nova","buildThemeCSS"],"imports":["import { definePreset, useTheme } from '@maz-ui/themes'","import { mazUi } from '@maz-ui/themes/presets/mazUi'"],"aliases":["theme","theming","dark mode","light mode","color mode","preset","brand colors","design tokens","usetheme","definepreset","toggle dark mode","mazuitheme","mazui","pristine","ocean","obsidian","nova","buildthemecss"],"headings":["Features","Theme Editor","Quick Usage","1. Plugin Configuration with MazUi plugin","2. Setup your CSS to support theme foundation and dark mode","3. Using in your components","Configuration","Preset persistence","Color modes and class toggling","darkModeStrategy: 'class' (default)","darkModeStrategy: 'media'","Animated theme switch","Interactive Demo","Available Presets","Maz-UI (Default)","Pristine","Ocean","Obsidian","Nova","Rendering Strategies","⚡ Runtime (Recommended)","🏗️ Buildtime","Creating Custom Themes","Basic Theme","Advanced Theme with Overrides","Customizing scales","Per-component overrides","Dialog sizing","useTheme Composable API","Advanced Usage Examples","Build-time Strategy: Complete Guide","Step-by-step configuration","Utility functions","Build-time strategy advantages","Recommended use cases","Token Reference","Foundation","Colors","Scales","Components","Sample output","Usage with Nuxt","Migration from Legacy System"],"related":["guide/tailwind","reference/tailwind-tokens"],"chars":31479},{"id":"ecosystem/translations","category":"ecosystem","slug":"translations","title":"Translations (i18n)","description":"Internationalization of the maz-ui components with @maz-ui/translations: built-in locales, custom messages, lazy loading and runtime locale switching with useTranslations","package":"@maz-ui/translations","file":"ecosystem/translations.md","url":"https://maz-ui.com/ecosystem/translations","symbols":["useTranslations","MazUiTranslations"],"imports":["import { useTranslations } from '@maz-ui/translations'","import { fr } from '@maz-ui/translations'"],"aliases":["i18n","translations","locale","internationalization","language","usetranslations","translations i18n","mazuitranslations"],"headings":["✨ Features","Built-in Language Support","Translated Components","Basic Usage","How it works","Basic Setup","preloadFallback Option","Default behavior (preloadFallback: true)","Disable preloading (preloadFallback: false)","Recommendation","Enhanced Lazy Loading","What is lazy loading?","Benefits of lazy loading","Lazy loading configuration","Create your translation files","Using lazy loading in your components","Advanced lazy loading strategies","Using translations in your components","Lazy Loading (Performance Optimization)","Benefits of lazy loading","Option 1: Simple lazy loading with dynamic imports","Option 2: Loading from API","Create translation files","Using lazy loading in your components","Advanced lazy loading strategies","Variables in translations","Complete example with multiple languages","Creating a language switcher component","All translations keys","Important Notes","That's it! 🎉","Need help?"],"related":[],"chars":32390},{"id":"ecosystem/utils","category":"ecosystem","slug":"utils","title":"@maz-ui/utils","description":"Lightweight, tree-shakeable utility functions and TypeScript helpers for Vue, Nuxt and any JavaScript/TypeScript project.","package":"@maz-ui/utils","file":"ecosystem/utils/index.md","url":"https://maz-ui.com/ecosystem/utils/","symbols":[],"imports":[],"aliases":["maz ui utils"],"headings":["Installation","Basic usage","What's inside","Tree-shaking","TypeScript helpers"],"related":[],"chars":1737},{"id":"ecosystem/utils/camel-case","category":"util","slug":"camel-case","title":"camelCase","description":"Convert a kebab-case string to camelCase by stripping dashes and uppercasing the following letter.","package":"@maz-ui/utils","file":"ecosystem/utils/camel-case.md","url":"https://maz-ui.com/ecosystem/utils/camel-case","symbols":["camelCase"],"imports":["import { camelCase } from '@maz-ui/utils/helpers/camelCase'"],"aliases":["camel case","camelcase string","camelcase"],"headings":["Usage","API","Notes"],"related":[],"chars":1090},{"id":"ecosystem/utils/capitalize","category":"util","slug":"capitalize","title":"capitalize","description":"The module capitalize is a function that adds a capital letter to a string","package":"@maz-ui/utils","file":"ecosystem/utils/capitalize.md","url":"https://maz-ui.com/ecosystem/utils/capitalize","symbols":["capitalize"],"imports":["import { capitalize } from '@maz-ui/utils/helpers/capitalize'"],"aliases":["capitalize","uppercase first letter"],"headings":[],"related":[],"chars":866},{"id":"ecosystem/utils/check-availability","category":"util","slug":"check-availability","title":"checkAvailability","description":"Poll a getter until a value is available (or matches an expected value), then run a callback - with timeout and configurable retry interval.","package":"@maz-ui/utils","file":"ecosystem/utils/check-availability.md","url":"https://maz-ui.com/ecosystem/utils/check-availability","symbols":["checkAvailability"],"imports":["import { checkAvailability } from '@maz-ui/utils/helpers/checkAvailability'"],"aliases":["wait for element","poll until available","check availability","checkavailability"],"headings":["Usage","API","Examples"],"related":[],"chars":2583},{"id":"ecosystem/utils/cookie","category":"util","slug":"cookie","title":"cookie","description":"Read, write and delete browser cookies with full attribute support - `path`, `domain`, `maxAge`, `expires`, `secure`, `sameSite`, `partitioned`.","package":"@maz-ui/utils","file":"ecosystem/utils/cookie.md","url":"https://maz-ui.com/ecosystem/utils/cookie","symbols":["getCookie","setCookie","deleteCookie"],"imports":["import { getCookie, setCookie, deleteCookie } from '@maz-ui/utils/helpers/cookie'"],"aliases":["cookie","set cookie","read cookie","delete cookie","getcookie","setcookie","deletecookie"],"headings":["getCookie","setCookie","Options","deleteCookie"],"related":[],"chars":3513},{"id":"ecosystem/utils/country-code-to-unicode-flag","category":"util","slug":"country-code-to-unicode-flag","title":"countryCodeToUnicodeFlag","description":"Convert country code in unicode flag","package":"@maz-ui/utils","file":"ecosystem/utils/country-code-to-unicode-flag.md","url":"https://maz-ui.com/ecosystem/utils/country-code-to-unicode-flag","symbols":["countryCodeToUnicodeFlag"],"imports":["import { countryCodeToUnicodeFlag } from '@maz-ui/utils/helpers/countryCodeToUnicodeFlag'"],"aliases":["emoji flag","flag emoji","country flag","country code to unicode flag","countrycodetounicodeflag"],"headings":["Basic usage","Example"],"related":[],"chars":3371},{"id":"ecosystem/utils/currency","category":"util","slug":"currency","title":"formatCurrency","description":"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/Global_Objects/Intl/NumberFormat) from browsers and Node.js","package":"@maz-ui/utils","file":"ecosystem/utils/currency.md","url":"https://maz-ui.com/ecosystem/utils/currency","symbols":["formatCurrency"],"imports":["import { formatCurrency } from '@maz-ui/utils/helpers/formatCurrency'"],"aliases":["format currency","money format","price format","intl number format currency","formatcurrency"],"headings":["Options"],"related":["components/maz-input-price"],"chars":1715},{"id":"ecosystem/utils/date","category":"util","slug":"date","title":"formatDate","description":"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/Intl/DateTimeFormat) from browsers and Node.js","package":"@maz-ui/utils","file":"ecosystem/utils/date.md","url":"https://maz-ui.com/ecosystem/utils/date","symbols":["formatDate"],"imports":["import { formatDate } from '@maz-ui/utils/helpers/formatDate'"],"aliases":["format date","date format","intl date format","localized date","formatdate"],"headings":["Options","Default options"],"related":[],"chars":1679},{"id":"ecosystem/utils/debounce","category":"util","slug":"debounce","title":"debounce","description":"Wrap a function so it only runs after a quiet period - every new call resets the timer.","package":"@maz-ui/utils","file":"ecosystem/utils/debounce.md","url":"https://maz-ui.com/ecosystem/utils/debounce","symbols":["debounce"],"imports":["import { debounce } from '@maz-ui/utils/helpers/debounce'"],"aliases":["debounce","delay function","debounced search"],"headings":["Usage","API","Examples","Related"],"related":[],"chars":1977},{"id":"ecosystem/utils/debounce-callback","category":"util","slug":"debounce-callback","title":"debounceCallback","description":"Module-scoped one-shot debounce - schedule a callback that gets reset on each new call.","package":"@maz-ui/utils","file":"ecosystem/utils/debounce-callback.md","url":"https://maz-ui.com/ecosystem/utils/debounce-callback","symbols":["debounceCallback"],"imports":["import { debounceCallback } from '@maz-ui/utils/helpers/debounceCallback'"],"aliases":["debounce callback","debouncecallback"],"headings":["Usage","API"],"related":[],"chars":1586},{"id":"ecosystem/utils/debounce-id","category":"util","slug":"debounce-id","title":"debounceId","description":"Debounce an async function with isolated state per identifier - only the last call resolves, others are cancelled.","package":"@maz-ui/utils","file":"ecosystem/utils/debounce-id.md","url":"https://maz-ui.com/ecosystem/utils/debounce-id","symbols":["debounceId"],"imports":["import { debounceId } from '@maz-ui/utils/helpers/debounceId'"],"aliases":["debounce by id","keyed debounce","debounce id","debounceid"],"headings":["Usage","API","Examples","Related"],"related":[],"chars":2319},{"id":"ecosystem/utils/fetch-locale-ip","category":"util","slug":"fetch-locale-ip","title":"fetchLocaleIp","description":"Resolve the visitor's ISO country code from their IP address using the free `ipwho.is` service.","package":"@maz-ui/utils","file":"ecosystem/utils/fetch-locale-ip.md","url":"https://maz-ui.com/ecosystem/utils/fetch-locale-ip","symbols":["fetchLocaleIp"],"imports":["import { fetchLocaleIp } from '@maz-ui/utils/helpers/fetchLocaleIp'"],"aliases":["geolocate ip","detect country","ip country","fetch locale ip","fetchlocaleip"],"headings":["Usage","API","Notes"],"related":[],"chars":1402},{"id":"ecosystem/utils/format-json","category":"util","slug":"format-json","title":"formatJson","description":"Tiny wrapper around `JSON.stringify` with sensible default indentation.","package":"@maz-ui/utils","file":"ecosystem/utils/format-json.md","url":"https://maz-ui.com/ecosystem/utils/format-json","symbols":["formatJson"],"imports":["import { formatJson } from '@maz-ui/utils/helpers/formatJson'"],"aliases":["pretty print json","json stringify","format json","formatjson"],"headings":["Usage","API"],"related":[],"chars":1031},{"id":"ecosystem/utils/format-phone-number","category":"util","slug":"format-phone-number","title":"formatPhoneNumber","description":"Format an arbitrary phone-number string into its international representation using `libphonenumber-js`.","package":"@maz-ui/utils","file":"ecosystem/utils/format-phone-number.md","url":"https://maz-ui.com/ecosystem/utils/format-phone-number","symbols":["formatPhoneNumber"],"imports":["import { formatPhoneNumber } from '@maz-ui/utils/helpers/formatPhoneNumber'"],"aliases":["format phone number","international phone format","formatphonenumber"],"headings":["Usage","API","Notes"],"related":["components/maz-input-phone-number"],"chars":1589},{"id":"ecosystem/utils/get-browser-locale","category":"util","slug":"get-browser-locale","title":"getBrowserLocale","description":"Read the user's browser language tag (e.g. `'fr-FR'`, `'en-US'`) - returns `undefined` on the server.","package":"@maz-ui/utils","file":"ecosystem/utils/get-browser-locale.md","url":"https://maz-ui.com/ecosystem/utils/get-browser-locale","symbols":["getBrowserLocale"],"imports":["import { getBrowserLocale } from '@maz-ui/utils/helpers/getBrowserLocale'"],"aliases":["browser language","navigator language","user locale","get browser locale","getbrowserlocale"],"headings":["Usage","API","Notes"],"related":[],"chars":1049},{"id":"ecosystem/utils/get-country-flag-url","category":"util","slug":"get-country-flag-url","title":"getCountryFlagUrl","description":"Get country flag from flagcdn.com with a simple function call","package":"@maz-ui/utils","file":"ecosystem/utils/get-country-flag-url.md","url":"https://maz-ui.com/ecosystem/utils/get-country-flag-url","symbols":["getCountryFlagUrl"],"imports":["import { getCountryFlagUrl } from '@maz-ui/utils/helpers/getCountryFlagUrl'"],"aliases":["flag image url","country flag image","get country flag url","getcountryflagurl"],"headings":["Basic usage","Sizing"],"related":[],"chars":1367},{"id":"ecosystem/utils/get-error-message","category":"util","slug":"get-error-message","title":"getErrorMessage","description":"Extract a human-readable message from anything thrown - `Error`, `string`, `{ message }` objects, or arbitrary values.","package":"@maz-ui/utils","file":"ecosystem/utils/get-error-message.md","url":"https://maz-ui.com/ecosystem/utils/get-error-message","symbols":["getErrorMessage"],"imports":["import { getErrorMessage } from '@maz-ui/utils/helpers/getErrorMessage'"],"aliases":["error message","error to string","catch error","get error message","geterrormessage"],"headings":["Usage","API","Resolution rules"],"related":[],"chars":1264},{"id":"ecosystem/utils/idle-timeout","category":"util","slug":"idle-timeout","title":"IdleTimeout","description":"Detect user inactivity (mouse, keyboard, touch, scroll) and run a callback when the user becomes idle.","package":"@maz-ui/utils","file":"ecosystem/utils/idle-timeout.md","url":"https://maz-ui.com/ecosystem/utils/idle-timeout","symbols":["IdleTimeout"],"imports":["import { IdleTimeout } from '@maz-ui/utils/helpers/idleTimeout'"],"aliases":["idle detection","inactivity","idle timeout","idletimeout"],"headings":["Usage","API","Options","Methods","Examples","Related"],"related":["composables/use-idle-timeout"],"chars":3007},{"id":"ecosystem/utils/is-client","category":"util","slug":"is-client","title":"isClient","description":"Check whether the code is running in a browser environment (has a `document`).","package":"@maz-ui/utils","file":"ecosystem/utils/is-client.md","url":"https://maz-ui.com/ecosystem/utils/is-client","symbols":["isClient"],"imports":["import { isClient } from '@maz-ui/utils/helpers/isClient'"],"aliases":["is browser","client side check","ssr guard","is client","isclient"],"headings":["Usage","API","Notes"],"related":[],"chars":958},{"id":"ecosystem/utils/is-equal","category":"util","slug":"is-equal","title":"isEqual","description":"Deep structural equality check for primitives, arrays, plain objects and Dates.","package":"@maz-ui/utils","file":"ecosystem/utils/is-equal.md","url":"https://maz-ui.com/ecosystem/utils/is-equal","symbols":["isEqual"],"imports":["import { isEqual } from '@maz-ui/utils/helpers/isEqual'"],"aliases":["deep equal","compare objects","equality","is equal","isequal"],"headings":["Usage","API","Behaviour"],"related":[],"chars":1373},{"id":"ecosystem/utils/is-ios","category":"util","slug":"is-ios","title":"isIos","description":"Check whether the page runs on iOS or iPadOS, including iPads that report a desktop Mac user agent.","package":"@maz-ui/utils","file":"ecosystem/utils/is-ios.md","url":"https://maz-ui.com/ecosystem/utils/is-ios","symbols":["isIos"],"imports":["import { isIos } from '@maz-ui/utils/helpers/isIos'"],"aliases":["detect ios","iphone detection","is ios","isios"],"headings":["Usage","API","Detection rules"],"related":[],"chars":1187},{"id":"ecosystem/utils/is-server","category":"util","slug":"is-server","title":"isServer","description":"Check whether the code is running on the server (no `window` or `document`).","package":"@maz-ui/utils","file":"ecosystem/utils/is-server.md","url":"https://maz-ui.com/ecosystem/utils/is-server","symbols":["isServer"],"imports":["import { isServer } from '@maz-ui/utils/helpers/isServer'"],"aliases":["server side check","ssr check","is server","isserver"],"headings":["Usage","API","Notes"],"related":[],"chars":835},{"id":"ecosystem/utils/is-standalone-mode","category":"util","slug":"is-standalone-mode","title":"isStandaloneMode","description":"Check whether the app is running as an installed Progressive Web App (PWA) rather than inside a browser tab.","package":"@maz-ui/utils","file":"ecosystem/utils/is-standalone-mode.md","url":"https://maz-ui.com/ecosystem/utils/is-standalone-mode","symbols":["isStandaloneMode"],"imports":["import { isStandaloneMode } from '@maz-ui/utils/helpers/isStandaloneMode'"],"aliases":["pwa installed","standalone display mode","is standalone mode","isstandalonemode"],"headings":["Usage","API","Detection rules","Examples"],"related":[],"chars":1207},{"id":"ecosystem/utils/kebab-case","category":"util","slug":"kebab-case","title":"kebabCase","description":"Convert any common string casing to kebab-case - handles camelCase, PascalCase, snake_case, spaces and consecutive capitals.","package":"@maz-ui/utils","file":"ecosystem/utils/kebab-case.md","url":"https://maz-ui.com/ecosystem/utils/kebab-case","symbols":["kebabCase"],"imports":["import { kebabCase } from '@maz-ui/utils/helpers/kebabCase'"],"aliases":["kebab case","slugify","kebabcase"],"headings":["Usage","API","Notes"],"related":[],"chars":1214},{"id":"ecosystem/utils/normalize-string","category":"util","slug":"normalize-string","title":"normalizeString","description":"Powerful string normalizer - strip accents, normalize whitespace, remove special characters, change case, and apply Unicode normalization forms.","package":"@maz-ui/utils","file":"ecosystem/utils/normalize-string.md","url":"https://maz-ui.com/ecosystem/utils/normalize-string","symbols":["normalizeString"],"imports":["import { normalizeString } from '@maz-ui/utils/helpers/normalizeString'"],"aliases":["normalize string","remove accents","slug","case conversion","normalizestring"],"headings":["Usage","API","Options","Examples"],"related":[],"chars":3464},{"id":"ecosystem/utils/number","category":"util","slug":"number","title":"formatNumber","description":"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/Intl/NumberFormat) from browsers and Node.js","package":"@maz-ui/utils","file":"ecosystem/utils/number.md","url":"https://maz-ui.com/ecosystem/utils/number","symbols":["formatNumber"],"imports":["import { formatNumber } from '@maz-ui/utils/helpers/formatNumber'"],"aliases":["format number","number format","thousands separator","formatnumber"],"headings":["Options","Default options"],"related":[],"chars":1631},{"id":"ecosystem/utils/pascal-case","category":"util","slug":"pascal-case","title":"pascalCase","description":"Convert any common string casing - kebab, snake, space-separated, camelCase or UPPERCASE - to PascalCase.","package":"@maz-ui/utils","file":"ecosystem/utils/pascal-case.md","url":"https://maz-ui.com/ecosystem/utils/pascal-case","symbols":["pascalCase"],"imports":["import { pascalCase } from '@maz-ui/utils/helpers/pascalCase'"],"aliases":["pascal case","pascalcase"],"headings":["Usage","API","Notes"],"related":[],"chars":1203},{"id":"ecosystem/utils/prevent-ios-input-zoom","category":"util","slug":"prevent-ios-input-zoom","title":"preventIosInputZoom","description":"Stop iOS from zooming the page when a form field gets the focus, without changing the design of the fields.","package":"@maz-ui/utils","file":"ecosystem/utils/prevent-ios-input-zoom.md","url":"https://maz-ui.com/ecosystem/utils/prevent-ios-input-zoom","symbols":["addViewportMaximumScale","preventIosInputZoom"],"imports":["import { addViewportMaximumScale, preventIosInputZoom } from '@maz-ui/utils/helpers/preventIosInputZoom'"],"aliases":["ios zoom","prevent zoom on focus","prevent ios input zoom","addviewportmaximumscale","preventiosinputzoom"],"headings":["Why","Usage","API"],"related":[],"chars":2628},{"id":"ecosystem/utils/script-loader","category":"util","slug":"script-loader","title":"ScriptLoader","description":"Class to inject and cache a <script> tag in document head, with an awaitable load promise - ideal for third-party SDKs.","package":"@maz-ui/utils","file":"ecosystem/utils/script-loader.md","url":"https://maz-ui.com/ecosystem/utils/script-loader","symbols":["ScriptLoader"],"imports":["import { ScriptLoader } from '@maz-ui/utils/helpers/scriptLoader'"],"aliases":["load script","inject script tag","third party script","script loader","scriptloader"],"headings":["Usage","API","Methods","Errors","Examples"],"related":[],"chars":2890},{"id":"ecosystem/utils/sleep","category":"util","slug":"sleep","title":"sleep","description":"Pause execution for a given number of milliseconds. Returns a promise that resolves after the delay.","package":"@maz-ui/utils","file":"ecosystem/utils/sleep.md","url":"https://maz-ui.com/ecosystem/utils/sleep","symbols":["sleep"],"imports":["import { sleep } from '@maz-ui/utils/helpers/sleep'"],"aliases":["sleep","wait","delay","timeout promise"],"headings":["Usage","API","Examples"],"related":[],"chars":1375},{"id":"ecosystem/utils/snake-case","category":"util","slug":"snake-case","title":"snakeCase","description":"Convert any common string casing to snake_case - handles camelCase, PascalCase, kebab-case, spaces and consecutive capitals.","package":"@maz-ui/utils","file":"ecosystem/utils/snake-case.md","url":"https://maz-ui.com/ecosystem/utils/snake-case","symbols":["snakeCase"],"imports":["import { snakeCase } from '@maz-ui/utils/helpers/snakeCase'"],"aliases":["snake case","snakecase"],"headings":["Usage","API","Notes"],"related":[],"chars":1225},{"id":"ecosystem/utils/swipe-handler","category":"util","slug":"swipe-handler","title":"Swipe","description":"Detect directional touch swipes on an element with configurable threshold and optional mouse-wheel guards.","package":"@maz-ui/utils","file":"ecosystem/utils/swipe-handler.md","url":"https://maz-ui.com/ecosystem/utils/swipe-handler","symbols":["Swipe"],"imports":["import { Swipe } from '@maz-ui/utils/helpers/swipeHandler'"],"aliases":["swipe detection","touch swipe","swipe"],"headings":["Usage","API","Options","Methods","Examples"],"related":["composables/use-swipe"],"chars":3325},{"id":"ecosystem/utils/textarea-autogrow","category":"util","slug":"textarea-autogrow","title":"TextareaAutogrow","description":"Automatically resize a `<textarea>` element to fit its content as the user types or the window resizes.","package":"@maz-ui/utils","file":"ecosystem/utils/textarea-autogrow.md","url":"https://maz-ui.com/ecosystem/utils/textarea-autogrow","symbols":["TextareaAutogrow"],"imports":["import { TextareaAutogrow } from '@maz-ui/utils/helpers/TextareaAutogrow'"],"aliases":["auto resize textarea","autogrow","textarea autogrow","textareaautogrow"],"headings":["Usage","API","Notes"],"related":[],"chars":1567},{"id":"ecosystem/utils/throttle","category":"util","slug":"throttle","title":"throttle","description":"Wrap a function so it runs immediately, then at most once every N milliseconds - perfect for scroll, mousemove and resize handlers.","package":"@maz-ui/utils","file":"ecosystem/utils/throttle.md","url":"https://maz-ui.com/ecosystem/utils/throttle","symbols":["throttle"],"imports":["import { throttle } from '@maz-ui/utils/helpers/throttle'"],"aliases":["throttle","rate limit function"],"headings":["Usage","API","Examples","Related"],"related":[],"chars":1874},{"id":"ecosystem/utils/throttle-id","category":"util","slug":"throttle-id","title":"throttleId","description":"Throttle an async function with isolated state per identifier - runs immediately, then at most once per interval.","package":"@maz-ui/utils","file":"ecosystem/utils/throttle-id.md","url":"https://maz-ui.com/ecosystem/utils/throttle-id","symbols":["throttleId"],"imports":["import { throttleId } from '@maz-ui/utils/helpers/throttleId'"],"aliases":["throttle by id","throttle id","throttleid"],"headings":["Usage","API","Related"],"related":[],"chars":1877},{"id":"ecosystem/utils/truthy-filter","category":"util","slug":"truthy-filter","title":"truthyFilter","description":"Type guard that filters out falsy values (`false`, `''`, `0`, `null`, `undefined`) while narrowing the TypeScript type.","package":"@maz-ui/utils","file":"ecosystem/utils/truthy-filter.md","url":"https://maz-ui.com/ecosystem/utils/truthy-filter","symbols":["truthyFilter"],"imports":["import { truthyFilter } from '@maz-ui/utils/helpers/truthyFilter'"],"aliases":["filter falsy","remove null undefined","type guard","truthy filter","truthyfilter"],"headings":["Usage","API"],"related":[],"chars":1229},{"id":"ecosystem/utils/types/deep-key-of","category":"util","slug":"deep-key-of","title":"DeepKeyOf","description":"Recursively build a union of dot-separated key paths for any nested object type.","package":"@maz-ui/utils","file":"ecosystem/utils/types/deep-key-of.md","url":"https://maz-ui.com/ecosystem/utils/types/deep-key-of","symbols":["DeepKeyOf"],"imports":["import type { DeepKeyOf } from '@maz-ui/utils/ts-helpers/DeepKeyOf'"],"aliases":["deep key of","deepkeyof"],"headings":["Usage","API","Notes"],"related":[],"chars":1400},{"id":"ecosystem/utils/types/deep-partial","category":"util","slug":"deep-partial","title":"DeepPartial","description":"Recursive variant of TypeScript's `Partial<T>` - every property at every depth becomes optional.","package":"@maz-ui/utils","file":"ecosystem/utils/types/deep-partial.md","url":"https://maz-ui.com/ecosystem/utils/types/deep-partial","symbols":["DeepPartial"],"imports":["import type { DeepPartial } from '@maz-ui/utils/ts-helpers/DeepPartial'"],"aliases":["deep partial","deeppartial"],"headings":["Usage","API","Notes"],"related":[],"chars":1123},{"id":"ecosystem/utils/types/deep-required","category":"util","slug":"deep-required","title":"DeepRequired","description":"Recursive variant of TypeScript's `Required<T>` - strips `?` from every property at every depth.","package":"@maz-ui/utils","file":"ecosystem/utils/types/deep-required.md","url":"https://maz-ui.com/ecosystem/utils/types/deep-required","symbols":["DeepRequired"],"imports":["import type { DeepRequired } from '@maz-ui/utils/ts-helpers/DeepRequired'"],"aliases":["deep required","deeprequired"],"headings":["Usage","API"],"related":[],"chars":1092},{"id":"ecosystem/utils/types/flatten-object-keys","category":"util","slug":"flatten-object-keys","title":"FlattenObjectKeys","description":"Build a union of dot-separated leaf paths for a nested object, with an optional prefix.","package":"@maz-ui/utils","file":"ecosystem/utils/types/flatten-object-keys.md","url":"https://maz-ui.com/ecosystem/utils/types/flatten-object-keys","symbols":["FlattenObjectKeys"],"imports":["import type { FlattenObjectKeys } from '@maz-ui/utils/ts-helpers/FlattenObjectKeys'"],"aliases":["flatten object keys","flattenobjectkeys"],"headings":["Usage","API","Notes"],"related":[],"chars":1503},{"id":"ecosystem/utils/types/generic-instance-type","category":"util","slug":"generic-instance-type","title":"GenericInstanceType","description":"Extract the public instance type from a generic Vue component - solves the limitation where `InstanceType<typeof Component>` returns `any` for generic SFCs.","package":"@maz-ui/utils","file":"ecosystem/utils/types/generic-instance-type.md","url":"https://maz-ui.com/ecosystem/utils/types/generic-instance-type","symbols":["GenericInstanceType"],"imports":["import type { GenericInstanceType } from '@maz-ui/utils/ts-helpers/GenericInstanceType'"],"aliases":["generic instance type","genericinstancetype"],"headings":["Usage","API","Notes"],"related":[],"chars":1771},{"id":"ecosystem/utils/types/infer-maybe-ref","category":"util","slug":"infer-maybe-ref","title":"InferMaybeRef","description":"Unwrap a Vue `Ref<U>` to its inner `U` - leaves non-ref types unchanged.","package":"@maz-ui/utils","file":"ecosystem/utils/types/infer-maybe-ref.md","url":"https://maz-ui.com/ecosystem/utils/types/infer-maybe-ref","symbols":["InferMaybeRef"],"imports":["import type { InferMaybeRef } from '@maz-ui/utils/ts-helpers/InferMaybeRef'"],"aliases":["infer maybe ref","infermayberef"],"headings":["Usage","API","Notes"],"related":[],"chars":1091},{"id":"ecosystem/utils/upper-first","category":"util","slug":"upper-first","title":"upperFirst","description":"Uppercase the first character of a string and leave the rest unchanged.","package":"@maz-ui/utils","file":"ecosystem/utils/upper-first.md","url":"https://maz-ui.com/ecosystem/utils/upper-first","symbols":["upperFirst"],"imports":["import { upperFirst } from '@maz-ui/utils/helpers/upperFirst'"],"aliases":["uppercase first","upper first","upperfirst"],"headings":["Usage","API","Notes"],"related":[],"chars":959},{"id":"ecosystem/utils/user-visibility","category":"util","slug":"user-visibility","title":"UserVisibility","description":"Track whether the user is currently looking at the tab using the Page Visibility API, with an optional grace timeout before declaring them away.","package":"@maz-ui/utils","file":"ecosystem/utils/user-visibility.md","url":"https://maz-ui.com/ecosystem/utils/user-visibility","symbols":["UserVisibility"],"imports":["import { UserVisibility } from '@maz-ui/utils/helpers/userVisibility'"],"aliases":["page visibility api","tab visibility","user visibility","uservisibility"],"headings":["Usage","API","Options","Examples","Related"],"related":["composables/use-user-visibility"],"chars":2270},{"id":"ecosystem/node/exec-promise","category":"node","slug":"exec-promise","title":"execPromise","description":"Promise-based wrapper around `child_process.exec` with structured stdout/stderr/error logging, package-scoped prefixes, and per-call log silencing.","package":"@maz-ui/node","file":"ecosystem/node/exec-promise.md","url":"https://maz-ui.com/ecosystem/node/exec-promise","symbols":["execPromise"],"imports":["import { execPromise } from '@maz-ui/node'"],"aliases":["exec","run shell command","child process","exec promise","execpromise"],"headings":["Usage","API","Options","Examples","Notes"],"related":[],"chars":3337},{"id":"ecosystem/node/logger","category":"node","slug":"logger","title":"logger / createLogger","description":"Opinionated [consola](https://github.com/unjs/consola)-backed logger with semantic levels, status helpers (`success`, `ready`, `fail`), and formatting helpers (`box`, `divider`, `brand`).","package":"@maz-ui/node","file":"ecosystem/node/logger.md","url":"https://maz-ui.com/ecosystem/node/logger","symbols":["createLogger","logger"],"imports":["import { logger } from '@maz-ui/node'"],"aliases":["logger","log","console","cli output","logger create logger","createlogger"],"headings":["Quick start","Default instance","Custom instances","API","Log levels","Formatting helpers","Examples"],"related":[],"chars":4596},{"id":"ecosystem/node/print-banner","category":"node","slug":"print-banner","title":"printBanner","description":"Print an ASCII-art banner via figlet with optional version, dividers and clearing - handy for CLI entry points.","package":"@maz-ui/node","file":"ecosystem/node/print-banner.md","url":"https://maz-ui.com/ecosystem/node/print-banner","symbols":["printBanner"],"imports":["import { printBanner } from '@maz-ui/node'"],"aliases":["banner","ascii art","figlet","print banner","printbanner"],"headings":["Usage","API","Options","Examples"],"related":[],"chars":3169},{"id":"ecosystem/node/setup-agents","category":"node","slug":"setup-agents","title":"setupAgents","description":"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 the files you own.","package":"@maz-ui/node","file":"ecosystem/node/setup-agents.md","url":"https://maz-ui.com/ecosystem/node/setup-agents","symbols":["AGENT_TARGETS","MANAGED_MARKER","AGENTS_MD_BEGIN","AGENTS_MD_END","MCP_SERVER_NAME","DEFAULT_MCP_SERVER","detectAgentTargets","findInstalledPackage","readPackageVersion","findProjectPackage","readAgentDocs","setupAgents"],"imports":["import { setupAgents } from '@maz-ui/node'"],"aliases":["setup ai agents","agents.md","claude rules","mcp config","setup agents","agent_targets","managed_marker","agents_md_begin","agents_md_end","mcp_server_name","default_mcp_server","detectagenttargets","findinstalledpackage","readpackageversion","findprojectpackage","readagentdocs","setupagents"],"headings":["Quick start","What it writes","Options","Result","Detecting the agents","Errors"],"related":[],"chars":4291},{"id":"reference/icons","category":"reference","slug":"icons","title":"Icons reference","description":"The 861 icon names of @maz-ui/icons (interface icons, logos, country flags) and how to import them.","package":"@maz-ui/icons","file":"reference/icons.md","symbols":[],"imports":["import { MazTrash } from '@maz-ui/icons/static/MazTrash'"],"aliases":["icon names","all icons","icon list","icons reference"],"headings":["Usage","Interface icons (329)","Logos (20)","Country flags (3x2) (256)","Country flags (1x1) (256)"],"related":["ecosystem/icons","ecosystem/icons/icon-set"],"chars":14190},{"id":"reference/tailwind-tokens","category":"reference","slug":"tailwind-tokens","title":"Tailwind CSS theme reference","description":"Every Tailwind class, variant and CSS variable of the maz-ui theme: colors, radius, shadows, spacing, breakpoints, typography, z-index, custom utilities.","package":"maz-ui","file":"reference/tailwind-tokens.md","symbols":[],"imports":[],"aliases":["tailwind classes","css variables","design tokens","colors","radius","shadows","spacing","z-index","fonts","tailwind css theme reference"],"headings":["Setup","Entry points","Colors","Border radius","Shadows","Spacing","Breakpoints","Typography and motion","z-index","Custom utilities","Variants","Layout variables","Vue transitions","CSS variables in custom CSS"],"related":["ecosystem/themes","guide/tailwind"],"chars":10362}],"components":[{"name":"MazAccordion","docId":"components/maz-accordion","import":"import MazAccordion from 'maz-ui/components/MazAccordion'","props":[{"name":"id","type":"string","required":false,"strictValues":false},{"name":"modelValue","type":"number","required":false,"default":"0","strictValues":false,"model":"modelValue"},{"name":"contentClass","type":"ClassValue","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"any["}],"slots":[{"name":"content","bindings":[{"name":"isOpen","type":"boolean"}]},{"name":"title-{step}","description":"One slot per `step`: `#title-<step>`.","bindings":[]},{"name":"content-{step}","description":"One slot per `step`: `#content-<step>`.","bindings":[{"name":"isOpen","type":"boolean"}]}],"expose":[]},{"name":"MazAlert","docId":"components/maz-alert","import":"import MazAlert from 'maz-ui/components/MazAlert'","props":[{"name":"title","type":"string","description":"Title of the alert","required":false,"strictValues":false},{"name":"content","type":"string","description":"Content of the alert","required":false,"strictValues":false},{"name":"icon","type":"string | IconComponent","description":"Icon of the alert - can be a component or icon name string","required":false,"strictValues":false},{"name":"hideIcon","type":"boolean","description":"Hide the icon","required":false,"default":"false","strictValues":false},{"name":"color","type":"MazAlertColor","description":"Color of the alert","required":false,"default":"\"info\"","values":["success","warning","destructive","info","primary","secondary","accent","contrast"],"strictValues":false},{"name":"iconSize","type":"MazIconSize","description":"Size of the icon","required":false,"default":"\"md\"","strictValues":false},{"name":"roundedSize","type":"MazAlertRoundedSize","description":"Size of the rounded corners","required":false,"default":"'md'","values":["none","sm","md","lg","xl","2xl","3xl"],"strictValues":false},{"name":"bordered","type":"boolean","description":"Add border to the component","required":false,"default":"true","strictValues":false},{"name":"variant","type":"MazAlertVariant","description":"Visual variant of the alert","required":false,"default":"\"soft\"","values":["soft","solid"],"strictValues":false}],"events":[],"slots":[{"name":"title","bindings":[],"description":"Title slot - overrides title prop"},{"name":"default","bindings":[],"description":"Default slot for alert content - overrides content prop"}],"expose":[]},{"name":"MazAnimatedCounter","docId":"components/maz-animated-counter","import":"import MazAnimatedCounter from 'maz-ui/components/MazAnimatedCounter'","props":[{"name":"count","type":"number","description":"The number to animate","required":true,"strictValues":false},{"name":"duration","type":"number","description":"Duration of the animation in milliseconds","required":false,"default":"1000","strictValues":false},{"name":"prefix","type":"string","description":"Suffix to display next to the number","required":false,"strictValues":false},{"name":"suffix","type":"string","description":"Suffix to display next to the number","required":false,"strictValues":false},{"name":"delay","type":"number","description":"Delay before the animation starts in milliseconds","required":false,"default":"100","strictValues":false},{"name":"once","type":"boolean","description":"Play the animation only once","required":false,"default":"true","strictValues":false}],"events":[],"slots":[{"name":"prefix","bindings":[]},{"name":"suffix","bindings":[]}],"expose":[]},{"name":"MazAnimatedElement","docId":"components/maz-animated-element","import":"import MazAnimatedElement from 'maz-ui/components/MazAnimatedElement'","props":[{"name":"direction","type":"\"up\" | \"down\" | \"left\" | \"right\"","description":"The direction of the animation","required":false,"default":"\"up\"","values":["up","down","left","right"],"strictValues":true},{"name":"delay","type":"number","description":"The delay of the animation","required":false,"default":"0","strictValues":false},{"name":"duration","type":"number","description":"The duration of the animation","required":false,"default":"2000","strictValues":false},{"name":"once","type":"boolean","description":"Play the animation only once","required":false,"default":"true","strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazAnimatedText","docId":"components/maz-animated-text","import":"import MazAnimatedText from 'maz-ui/components/MazAnimatedText'","props":[{"name":"text","type":"string","description":"The text to animate","required":true,"strictValues":false},{"name":"lastWord","type":"string","description":"The last word(s) to be highlighted","required":false,"strictValues":false},{"name":"delay","type":"number","description":"The delay of the animation","required":false,"default":"0","strictValues":false},{"name":"direction","type":"\"up\" | \"down\" | \"left\" | \"right\"","description":"The direction of the animation","required":false,"default":"\"up\"","values":["up","down","left","right"],"strictValues":true},{"name":"tag","type":"string","description":"The tag to use for the text","required":false,"default":"\"span\"","strictValues":false},{"name":"wordDelay","type":"number","description":"The delay between each word","required":false,"default":"75","strictValues":false},{"name":"columnGap","type":"number","description":"The column gap between each word","required":false,"default":"0.5","strictValues":false},{"name":"rowGap","type":"number","description":"The row gap between each word","required":false,"default":"0","strictValues":false},{"name":"duration","type":"number","description":"The duration of the animation","required":false,"default":"2000","strictValues":false},{"name":"once","type":"boolean","description":"Play the animation only once","required":false,"default":"true","strictValues":false},{"name":"gradientFrom","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The gradient from color","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"gradientVia","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The gradient via color","required":false,"default":"\"info\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"gradientTo","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The gradient to color","required":false,"default":"\"secondary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true}],"events":[],"slots":[],"expose":[]},{"name":"MazAvatar","docId":"components/maz-avatar","import":"import MazAvatar from 'maz-ui/components/MazAvatar'","props":[{"name":"src","type":"string | null","description":"The source of the image","required":false,"strictValues":false},{"name":"caption","type":"string | null","description":"The caption of the avatar","required":false,"strictValues":false},{"name":"href","type":"string","description":"The link of the avatar","required":false,"strictValues":false},{"name":"to","type":"string | Record<string, unknown>","description":"The link (router-link or nuxt-link) of the avatar","required":false,"strictValues":false},{"name":"alt","type":"string","description":"The alt of the image","required":false,"default":"\"avatar image\"","strictValues":false},{"name":"target","type":"string","description":"The target of the link","required":false,"default":"\"_self\"","strictValues":false},{"name":"size","type":"`${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...","description":"The size of the avatar - a keyword from `MazSize` or any CSS size unit","required":false,"values":["mini","xs","sm","md","lg","xl","2rem","48px"],"strictValues":false},{"name":"bordered","type":"boolean","description":"Add a border to the avatar","required":false,"strictValues":false},{"name":"clickable","type":"boolean","description":"Make the avatar clickable","required":false,"strictValues":false},{"name":"square","type":"boolean","description":"Make the avatar square","required":false,"strictValues":false},{"name":"noElevation","type":"boolean","description":"Remove the shadow","required":false,"strictValues":false},{"name":"showCaption","type":"boolean","description":"Show the caption","required":false,"strictValues":false},{"name":"imageHeightFull","type":"boolean","description":"Make the image height full","required":false,"strictValues":false},{"name":"hideLoader","type":"boolean","description":"Remove the loader","required":false,"strictValues":false},{"name":"buttonColor","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the clickable button","required":false,"default":"\"info\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"hideClickableIcon","type":"boolean","description":"Remove the icon on hover when component is clickable","required":false,"strictValues":false},{"name":"letterCount","type":"number","description":"Number of letters to display in the round text initials. - For a single-word caption, the first `letterCount` characters are used (`'admin'` + `3` -> `'ADM'`). - For a multi-word caption, the first letter of the first `letterCount` words is used (`'Louis Mazel'` -> `'LM'`).","required":false,"default":"2","strictValues":false},{"name":"roundedSize","type":"MazRoundedSize","description":"Size of the rounded","required":false,"values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"fallbackSrc","type":"string","description":"The fallback src to replace the src on loading error","required":false,"strictValues":false},{"name":"loading","type":"\"intersecting\" | \"lazy\" | \"eager\"","description":"The loading strategy of the image - lazy, eager or intersecting","required":false,"default":"\"intersecting\"","values":["intersecting","lazy","eager"],"strictValues":true},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the avatar","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true}],"events":[{"name":"click","payload":"event: MouseEvent","description":"Emitted when the avatar is clicked"},{"name":"intersecting","payload":"el: Element","description":"Emitted when the image is intersecting"},{"name":"loading","payload":"el: Element","description":"Emitted when the image is loading"},{"name":"loaded","payload":"el: Element","description":"Emitted when the image is loaded"},{"name":"error","payload":"el: Element","description":"Emitted when the image is in error"}],"slots":[{"name":"round-text","bindings":[],"description":"Replace the initials displayed when a caption is set and no image source is provided"},{"name":"icon","bindings":[],"description":"The icon displayed on the clickable button overlay (shown on hover/focus)"},{"name":"caption","bindings":[],"description":"Replace the caption displayed below the avatar (requires `showCaption`)"}],"expose":[]},{"name":"MazBackdrop","docId":"components/maz-backdrop","import":"import MazBackdrop from 'maz-ui/components/MazBackdrop'","props":[{"name":"modelValue","type":"boolean","description":"Modal's model value","required":false,"default":"false","strictValues":false,"model":"modelValue"},{"name":"teleportSelector","type":"string","description":"Teleport selector","required":false,"default":"\"body\"","strictValues":false},{"name":"beforeClose","type":"(() => void | Promise<void>)","description":"Function called before modal is close","required":false,"strictValues":false},{"name":"persistent","type":"boolean","description":"Persistent dialog (not closable by clicking outside and remove close button)","required":false,"default":"false","strictValues":false},{"name":"closeOnEscape","type":"boolean","description":"Prevent close on escape key","required":false,"default":"true","strictValues":false},{"name":"transitionName","type":"string","description":"Transition name","required":false,"default":"\"backdrop-anim\"","strictValues":false},{"name":"backdropClass","type":"ClassValue","description":"Backdrop class","required":false,"strictValues":false},{"name":"backdropContentClass","type":"ClassValue","description":"Backdrop content class","required":false,"strictValues":false},{"name":"contentPadding","type":"boolean","description":"Add padding to the content","required":false,"default":"false","strictValues":false},{"name":"justify","type":"\"none\" | \"center\" | \"end\" | \"start\" | \"space-between\" | \"space-around\"","description":"Justify content","required":false,"default":"\"none\"","values":["none","center","end","start","space-between","space-around"],"strictValues":true},{"name":"align","type":"\"none\" | \"center\" | \"end\" | \"start\"","description":"Align content","required":false,"default":"\"none\"","values":["none","center","end","start"],"strictValues":true},{"name":"variant","type":"\"bottom-sheet\" | \"dialog\" | \"drawer\"","description":"Variant","required":false,"values":["bottom-sheet","dialog","drawer"],"strictValues":true},{"name":"ariaLabelledby","type":"string","description":"ID for aria-labelledby","required":false,"strictValues":false},{"name":"ariaDescribedby","type":"string","description":"ID for aria-describedby","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: boolean","description":"Emitted when modal is open or close"},{"name":"open","payload":"value?: void | undefined","description":"Emitted when modal is open"},{"name":"close","payload":"value?: void | undefined","description":"Emitted when modal is close"},{"name":"before-close","payload":"value?: void | undefined","description":"Emitted before modal is close"}],"slots":[{"name":"default","bindings":[{"name":"close","type":"() => void","description":"close function"}],"description":"Place your content here"}],"expose":[{"name":"onBackdropAnimationLeave","description":"Animation leave event"},{"name":"close","description":"Close the backdrop"},{"name":"present","description":"The present state of the backdrop"},{"name":"toggleModal","description":"Toggle the backdrop"},{"name":"onKeyPress","description":"Key press event"}]},{"name":"MazBadge","docId":"components/maz-badge","import":"import MazBadge from 'maz-ui/components/MazBadge'","props":[{"name":"color","type":"MazBadgeColor","description":"Color of the badge","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","surface"],"strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the badge - drives font-size; padding, line-height and dimensions scale relative to it via `em` units.","required":false,"default":"md","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"nowrap","type":"boolean","description":"Will not wrap the text","required":false,"default":"true","strictValues":false},{"name":"outlined","type":"boolean","description":"Will add a border to the badge","required":false,"default":"false","strictValues":false},{"name":"pastel","type":"boolean","description":"Will add a pastel style to the badge","required":false,"default":"false","strictValues":false},{"name":"roundedSize","type":"MazBadgeRoundedSize","description":"Size radius of the component's border","required":false,"default":"md","values":["none","sm","md","lg","xl","full"],"strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[],"description":"Badge content"}],"expose":[]},{"name":"MazBottomSheet","docId":"components/maz-bottom-sheet","import":"import MazBottomSheet from 'maz-ui/components/MazBottomSheet'","props":[{"name":"modelValue","type":"boolean","description":"Modal's model value","required":false,"strictValues":false,"model":"modelValue"},{"name":"title","type":"string","description":"Title of the bottom sheet in the header","required":false,"strictValues":false},{"name":"icon","type":"MazIconLike","description":"Icon displayed on the left of the header. Accepts an icon value or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"maxWidth","type":"`${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...","description":"Bottom sheet's max-width, applied from the tablet breakpoint and up (full-width below).","required":false,"default":"\"40rem\"","strictValues":false},{"name":"hideCloseButton","type":"boolean","description":"Remove the close button in the header","required":false,"default":"false","strictValues":false},{"name":"hideHeader","type":"boolean","description":"Remove the whole header","required":false,"default":"false","strictValues":false},{"name":"padding","type":"boolean","description":"Add the padding on the content area","required":false,"default":"true","strictValues":false},{"name":"persistent","type":"boolean","description":"Persistent bottom sheet (not closable by clicking outside and remove close button) Persistent dialog (not closable by clicking outside and remove close button)","required":false,"strictValues":false},{"name":"swipeToClose","type":"boolean","description":"Show the drag handle at the top and allow closing the sheet by swiping it down (iOS-like). The swipe never closes a `persistent` sheet (it snaps back instead).","required":false,"default":"true","strictValues":false},{"name":"teleportSelector","type":"string","description":"Teleport selector","required":false,"strictValues":false},{"name":"beforeClose","type":"(() => void | Promise<void>)","description":"Function called before modal is close","required":false,"strictValues":false},{"name":"closeOnEscape","type":"boolean","description":"Prevent close on escape key","required":false,"default":"true","strictValues":false},{"name":"transitionName","type":"string","description":"Transition name","required":false,"strictValues":false},{"name":"backdropClass","type":"ClassValue","description":"Backdrop class","required":false,"strictValues":false},{"name":"backdropContentClass","type":"ClassValue","description":"Backdrop content class","required":false,"strictValues":false},{"name":"contentPadding","type":"boolean","description":"Add padding to the content","required":false,"strictValues":false},{"name":"justify","type":"\"none\" | \"center\" | \"end\" | \"start\" | \"space-between\" | \"space-around\"","description":"Justify content","required":false,"values":["none","center","end","start","space-between","space-around"],"strictValues":true},{"name":"align","type":"\"none\" | \"center\" | \"end\" | \"start\"","description":"Align content","required":false,"values":["none","center","end","start"],"strictValues":true},{"name":"variant","type":"\"bottom-sheet\" | \"dialog\" | \"drawer\"","description":"Variant","required":false,"values":["bottom-sheet","dialog","drawer"],"strictValues":true},{"name":"ariaLabelledby","type":"string","description":"ID for aria-labelledby","required":false,"strictValues":false},{"name":"ariaDescribedby","type":"string","description":"ID for aria-describedby","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: boolean","description":"Emitted when the model value is updated"},{"name":"open","payload":"value?: void | undefined","description":"Emitted when the component is opened"},{"name":"close","payload":"value?: void | undefined","description":"Emitted when the component is closed"}],"slots":[{"name":"handle","bindings":[],"description":"Drag handle (grab bar) displayed at the top when `swipeToClose` is enabled"},{"name":"header","bindings":[{"name":"close","type":"() => void","description":"close function"}],"description":"Header slot"},{"name":"icon","bindings":[],"description":"Icon slot in the header"},{"name":"title","bindings":[],"description":"Title slot in the header"},{"name":"default","bindings":[{"name":"close","type":"() => void","description":"close function"}],"description":"Default content"},{"name":"footer","bindings":[{"name":"close","type":"() => void","description":"close function"}],"description":"Footer slot"}],"expose":[{"name":"close","description":"Close the bottom sheet"}]},{"name":"MazBtn","docId":"components/maz-btn","import":"import MazBtn from 'maz-ui/components/MazBtn'","props":[{"name":"text","type":"string","description":"The text of the button, if not provided, the slot will be used","required":false,"strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Predifined sizes of the button","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\" | \"surface\"","description":"The color of the button","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent","surface"],"strictValues":true},{"name":"textColor","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\" | \"muted\"","description":"The text color of the button","required":false,"values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent","muted"],"strictValues":true},{"name":"type","type":"\"submit\" | \"reset\" | \"button\"","description":"The type of the button","required":false,"default":"\"button\"","values":["submit","reset","button"],"strictValues":true},{"name":"roundedSize","type":"MazRoundedSize","description":"Size of the rounded","required":false,"default":"'md'","values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"outlined","type":"boolean","description":"If true, the button have the \"border\" style","required":false,"default":"false","strictValues":false},{"name":"pastel","type":"boolean","description":"If true, the button will have a pastel color","required":false,"default":"false","strictValues":false},{"name":"block","type":"boolean","description":"If true, the button will have a full width","required":false,"default":"false","strictValues":false},{"name":"loading","type":"boolean","description":"Enable the button loader","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"Disable the button","required":false,"default":"false","strictValues":false},{"name":"fab","type":"boolean","description":"If true, the button will have a fab style","required":false,"default":"false","strictValues":false},{"name":"icon","type":"MazIconLike","description":"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, …).","required":false,"strictValues":false},{"name":"startIcon","type":"MazIconLike","description":"The icon to display on the inline-start edge (left in LTR, right in RTL). Accepts a bare value or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"endIcon","type":"MazIconLike","description":"The icon to display on the inline-end edge (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"padding","type":"boolean","description":"Apply the padding of the button, set it to `false` to remove it","required":false,"default":"true","strictValues":false},{"name":"justify","type":"\"center\" | \"end\" | \"start\" | \"space-between\" | \"space-around\" | \"space-evenly\"","description":"Choose how the elements are aligned in the button","required":false,"default":"\"center\"","values":["center","end","start","space-between","space-around","space-evenly"],"strictValues":true},{"name":"active","type":"boolean","description":"If true, the button will have an active state","required":false,"default":"false","strictValues":false},{"name":"overflowHidden","type":"boolean","description":"If true, the button will have an overflow-hidden style","required":false,"default":"true","strictValues":false},{"name":"href","type":"string","description":"HTML attribute handled by the component: renders a link (`<a>`)","required":false,"strictValues":false},{"name":"to","type":"RouteLocationRaw","description":"HTML attribute handled by the component: renders a `RouterLink` (or `NuxtLink`)","required":false,"strictValues":false}],"events":[],"slots":[{"name":"start-icon","bindings":[],"description":"The icon to display on the inline-start edge (left in LTR, right in RTL)"},{"name":"icon","bindings":[],"description":"The icon to display on the fab button"},{"name":"default","bindings":[],"description":"The content of the button"},{"name":"end-icon","bindings":[],"description":"The icon to display on the inline-end edge (right in LTR, left in RTL)"},{"name":"loader","bindings":[],"description":"The loader to display in the button"}],"expose":[]},{"name":"MazBtnGroup","docId":"components/maz-btn-group","import":"import MazBtnGroup from 'maz-ui/components/MazBtnGroup'","props":[{"name":"items","type":"MazButtonGroupOption[]","description":"The items for the button group (optional when using slot-based approach)","required":false,"strictValues":false},{"name":"orientation","type":"\"row\" | \"col\"","description":"The orientation of the button group","required":false,"default":"\"row\"","values":["row","col"],"strictValues":true},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"The size of all buttons (only applies to props-based buttons)","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of all buttons (only applies to props-based buttons)","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"roundedSize","type":"MazRoundedSize","description":"The rounded size of the buttons","required":false,"default":"'lg'","strictValues":false},{"name":"outlined","type":"boolean","description":"The outlined state of the buttons","required":false,"default":"false","strictValues":false},{"name":"pastel","type":"boolean","description":"The pastel state of the buttons","required":false,"default":"false","strictValues":false},{"name":"loading","type":"boolean","description":"The loading state of the buttons","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"The disabled state of the buttons","required":false,"default":"false","strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[],"description":"Slot for passing MazBtn components directly"},{"name":"button-{index}","description":"One slot per `index`: `#button-<index>`.","bindings":[]}],"expose":[]},{"name":"MazCard","docId":"components/maz-card","import":"import MazCard from 'maz-ui/components/MazCard'","props":[{"name":"orientation","type":"\"row\" | \"column\" | \"column-reverse\" | \"row-reverse\"","description":"Card variant: Must be `column | row | row-reverse | column-reverse`","required":false,"default":"\"column\"","values":["row","column","column-reverse","row-reverse"],"strictValues":true},{"name":"href","type":"string","description":"Make card a link (footer area excluded)","required":false,"strictValues":false},{"name":"to","type":"string | et | X","description":"Make card a link with a router-link or nuxt-link (footer area excluded)","required":false,"strictValues":false},{"name":"hrefTarget","type":"string","description":"Target option of link: Muse be one of `_blank | _self | _parent | _top | framename`","required":false,"default":"\"_self\"","strictValues":false},{"name":"footerAlign","type":"\"end\" | \"start\"","description":"Footer text alignment along the inline axis: `start | end` (`end` = right in LTR, left in RTL)","required":false,"default":"\"end\"","values":["end","start"],"strictValues":true},{"name":"gallery","type":"MazGalleryProps","description":"Images gallery props options (see `MazGallery` component)","required":false,"default":"`{ displayedCount: 3, remaining: false, zoom: !href && !to, width: 200, height: 150 }` If `href` or `to` is set, `zoom` is set to `false`","strictValues":false},{"name":"scale","type":"boolean","description":"scale animation on hover (only linked cards)","required":false,"strictValues":false},{"name":"elevation","type":"boolean","description":"Set elevation to card (box-shadow)","required":false,"strictValues":false},{"name":"radius","type":"boolean","description":"Set radius to card","required":false,"strictValues":false},{"name":"bordered","type":"boolean","description":"Set border to card (in dark mode, the card is always bordered)","required":false,"strictValues":false},{"name":"wrapperClass","type":"ClassValue","description":"add classes to wrapper","required":false,"strictValues":false},{"name":"padding","type":"boolean","description":"Remove padding from content wrapper","required":false,"strictValues":false},{"name":"overflowHidden","type":"boolean","description":"Hide overflow","required":false,"strictValues":false},{"name":"collapsible","type":"boolean","description":"Make card collapsible","required":false,"default":"false","strictValues":false},{"name":"collapseOpen","type":"boolean","description":"Card is open by default if `true`","required":false,"default":"false","strictValues":false,"model":"collapseOpen"},{"name":"title","type":"string","description":"Title of the card in header","required":false,"strictValues":false},{"name":"block","type":"boolean","description":"The card will be displayed in full width","required":false,"strictValues":false}],"events":[{"name":"update:collapseOpen","payload":"unknown[","description":"Update the collapseOpen model"}],"slots":[{"name":"title","bindings":[],"description":"The title of the card"},{"name":"content-title","bindings":[{"name":"collapseOpen","type":"boolean","description":"The collapse open state of the card"}],"description":"The title of the card"},{"name":"content-subtitle","bindings":[],"description":"The subtitle of the card"},{"name":"content-body","bindings":[],"description":"The body of the card"},{"name":"default","bindings":[{"name":"collapseOpen","type":"boolean","description":"The collapse open state of the card"}],"description":"The content of the card"},{"name":"footer","bindings":[],"description":"The footer of the card"},{"name":"actions","bindings":[],"description":"The actions of the image gallery (only if gallery is displayed)"}],"expose":[]},{"name":"MazCardSpotlight","docId":"components/maz-card-spotlight","import":"import MazCardSpotlight from 'maz-ui/components/MazCardSpotlight'","props":[{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the component.","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"elevation","type":"boolean","description":"Add elevation to the component","required":false,"default":"false","strictValues":false},{"name":"padding","type":"boolean","description":"Add padding to the content","required":false,"default":"true","strictValues":false},{"name":"contentClass","type":"ClassValue","description":"The classes to apply to the content div","required":false,"strictValues":false},{"name":"contentStyle","type":"StyleValue","description":"Style apply to the content div","required":false,"strictValues":false},{"name":"innerOpacity","type":"number","description":"The opacity of the inner div - should be between 0 and 1 When 0 the spotlight is completely visible When 1 the spotlight is only visible on borders","required":false,"default":"0.95","strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazCarousel","docId":"components/maz-carousel","import":"import MazCarousel from 'maz-ui/components/MazCarousel'","props":[{"name":"hideScrollButtons","type":"boolean","description":"Hide display the scroll buttons","required":false,"default":"false","strictValues":false},{"name":"translations","type":"{ ariaLabel?: { previousButton?: string | undefined; nextButton?: string | undefined; } | undefined; }","description":"Translations of the carousel","required":false,"default":"Translations from","strictValues":false},{"name":"hideScrollbar","type":"boolean","description":"Hide the scrollbar when not active","required":false,"default":"false","strictValues":false},{"name":"title","type":"string","description":"The title of the carousel","required":false,"strictValues":false}],"events":[],"slots":[{"name":"title","bindings":[]},{"name":"previous-icon","bindings":[]},{"name":"next-icon","bindings":[]},{"name":"default","bindings":[]}],"expose":[]},{"name":"MazChart","docId":"components/maz-chart","import":"import MazChart from 'maz-ui/components/MazChart'","props":[{"name":"type","type":"T","description":"Type of the chart","required":true,"values":["bar","line","scatter","bubble","pie","doughnut","polarArea","radar"],"strictValues":false},{"name":"data","type":"ChartData<T, TData, TLabel>","description":"Data of the chart","required":true,"strictValues":false},{"name":"options","type":"Exclude<DeepPartial<CoreChartOptions<T> & ElementChartOptions<T> & PluginChartOptions<T> & DatasetChartOptions<T> & ScaleChartOptions<T> & ChartTypeRegistry[T][\"chartOptions\"]>, _DeepPartialArray<unknown>>","description":"Options of the chart","required":false,"default":"{}","strictValues":false},{"name":"plugins","type":"Plugin<keyof ChartTypeRegistry, AnyObject>[]","description":"Plugins of the chart","required":false,"strictValues":false},{"name":"datasetIdKey","type":"string","description":"Dataset ID key","required":false,"strictValues":false},{"name":"updateMode","type":"\"none\" | \"default\" | \"active\" | \"reset\" | \"resize\" | \"hide\" | \"show\"","description":"Update mode used when `data` or `options` change after the initial render. Defaults to `'none'` to skip animations on updates (the initial render still animates per the chart's `options`).","required":false,"default":"\"none\"","values":["none","default","active","reset","resize","hide","show"],"strictValues":true}],"events":[],"slots":[],"expose":[]},{"name":"MazCheckbox","docId":"components/maz-checkbox","import":"import MazCheckbox from 'maz-ui/components/MazCheckbox'","props":[{"name":"modelValue","type":"T","description":"The model value of the checkbox","required":false,"strictValues":false,"model":"modelValue"},{"name":"id","type":"string","description":"The id of the checkbox","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the checkbox","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"value","type":"MazCheckboxValue","description":"The value of the checkbox when selected","required":false,"strictValues":false},{"name":"name","type":"string","description":"The name of the checkbox","required":false,"default":"\"m-checkbox\"","strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"The size of the checkbox","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"label","type":"string","description":"Text label","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"If the checkbox is disabled","required":false,"strictValues":false},{"name":"error","type":"boolean","description":"Whether there is an error with the input.","required":false,"strictValues":false},{"name":"success","type":"boolean","description":"Whether the input is successful.","required":false,"strictValues":false},{"name":"warning","type":"boolean","description":"Whether there is a warning with the input.","required":false,"strictValues":false},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: T","description":"Emitted when the model value change"},{"name":"blur","payload":"value: FocusEvent","description":"Emitted when the checkbox lost focus"},{"name":"change","payload":"value: T","description":"Emitted when the model value change"},{"name":"focus","payload":"value: FocusEvent","description":"Emitted when the checkbox is focused"}],"slots":[{"name":"default","bindings":[{"name":"value","type":"MazCheckboxValue"}]}],"expose":[]},{"name":"MazChecklist","docId":"components/maz-checklist","import":"import MazChecklist from 'maz-ui/components/MazChecklist'","props":[{"name":"modelValue","type":"T[]","description":"The model value of the checklist (selected items)","required":false,"strictValues":false,"model":"modelValue"},{"name":"query","type":"string","description":"The query to filter the items (model)","required":false,"strictValues":false,"model":"query"},{"name":"items","type":"O[]","description":"The list of items to display","required":false,"strictValues":false},{"name":"title","type":"string","description":"The title of the checklist","required":false,"strictValues":false},{"name":"elevation","type":"boolean","description":"Add elevation to the card","required":false,"default":"false","strictValues":false},{"name":"search","type":"boolean | MazInputProps<string>","description":"The search input options","required":false,"default":"{ enabled: false, debounce: 300, autoFocus: false }","strictValues":false},{"name":"searchOptions","type":"(NormalizeStringOptions & { threshold?: number | undefined; })","description":"The options to normalize the search query (used by the default search function) By default, the threshold is 0.75","required":false,"strictValues":false},{"name":"searchFunction","type":"((query: string, items: O[]) => O[] | undefined)","description":"Replace the default search function to provide a custom search function","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the checklist (card, checkbox and search input)","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"translations","type":"{ noResultsFound?: string | undefined; searchInput?: { placeholder?: string | undefined; } | undefined; }","description":"Translations of the checklist component","required":false,"default":"Translations from","strictValues":false}],"events":[{"name":"update:model-value","payload":"value?: T[] | undefined","description":"Emitted when the model value change"},{"name":"update:query","payload":"value?: string | undefined","description":"Emitted when the query change"}],"slots":[{"name":"title","bindings":[],"description":"use this slot to customize the title"},{"name":"no-results","bindings":[],"description":"use this slot to customize the no results area"},{"name":"no-results-text","bindings":[],"description":"use this slot to customize the no results message"},{"name":"item","bindings":[{"name":"selectedValues","type":"T[]"},{"name":"item","type":"O"}],"description":"use this slot to customize the item"}],"expose":[]},{"name":"MazCircularProgressBar","docId":"components/maz-circular-progress-bar","import":"import MazCircularProgressBar from 'maz-ui/components/MazCircularProgressBar'","props":[{"name":"percentage","type":"number","description":"The percentage value of the progress bar","required":true,"strictValues":false},{"name":"size","type":"`${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...","description":"The size of the progress bar","required":false,"default":"\"10em\"","strictValues":false},{"name":"duration","type":"number","description":"Duration of the animation in milliseconds","required":false,"default":"1000","strictValues":false},{"name":"delay","type":"number","description":"Delay before the animation starts in milliseconds","required":false,"default":"100","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the progress bar","required":false,"values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"autoColor","type":"boolean","description":"Auto color based on the count (destructive, warning, success)","required":false,"default":"false","strictValues":false},{"name":"prefix","type":"string","description":"Suffix to display next to the number","required":false,"strictValues":false},{"name":"suffix","type":"string","description":"Suffix to display next to the number","required":false,"strictValues":false},{"name":"strokeLinecap","type":"\"square\" | \"butt\" | \"round\" | \"inherit\"","description":"The stroke-linecap style","required":false,"default":"\"round\"","values":["square","butt","round","inherit"],"strictValues":true},{"name":"strokeWidth","type":"Numberish","description":"The stroke width","required":false,"default":"6","strictValues":false},{"name":"stroke","type":"string","description":"The stroke color Use this prop to override the gradient color You can use a color name or a color code","required":false,"strictValues":false},{"name":"successPercentage","type":"number","description":"The percentage value of the success level - The progress circle will be filled with the success color when the percentage is greater than or equal to this value","required":false,"default":"100","strictValues":false},{"name":"warningPercentage","type":"number","description":"The percentage value of the warning level - The progress circle will be filled with the warning color when the percentage is greater than or equal to this value","required":false,"default":"75","strictValues":false},{"name":"dangerPercentage","type":"number","description":"The percentage value of the danger level - The progress circle will be filled with the danger color when the percentage is greater than or equal to this value","required":false,"default":"50","strictValues":false},{"name":"once","type":"boolean","description":"Play the animation only once","required":false,"default":"true","strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[],"description":"Default slot - Replace the percaentage value"},{"name":"prefix","bindings":[],"description":"Prefix slot - Add a prefix next to the number (e.g: \"$\")"},{"name":"suffix","bindings":[],"description":"Suffix slot - Add a suffix next to the number (e.g: \"%\")"}],"expose":[]},{"name":"MazCodeHighlight","docId":"components/maz-code-highlight","import":"import MazCodeHighlight from 'maz-ui/components/MazCodeHighlight'","props":[{"name":"code","type":"string","description":"Source code to highlight","required":false,"strictValues":false},{"name":"language","type":"string","description":"Language identifier for syntax highlighting (e.g. 'vue', 'ts', 'bash')","required":false,"default":"\"text\"","strictValues":false},{"name":"theme","type":"string","description":"Override the shiki theme name. Defaults to github-light/github-dark based on current color mode","required":false,"strictValues":false},{"name":"rounded","type":"boolean","description":"Apply rounded corners on the highlighted code block.","required":false,"default":"true","strictValues":false},{"name":"copyable","type":"boolean","description":"Show the copy-to-clipboard button on hover.","required":false,"default":"true","strictValues":false},{"name":"copyValue","type":"string","description":"Value copied to the clipboard. Falls back to the resolved code when omitted. Useful when the displayed code differs from what should be copied (e.g. terminal prompt prefix).","required":false,"strictValues":false},{"name":"translations","type":"{ copyToClipboard?: string | undefined; copiedToClipboard?: string | undefined; }","description":"Custom translations for the component. Override either key independently.","required":false,"strictValues":false}],"events":[],"slots":[],"expose":[]},{"name":"MazContainer","docId":"components/maz-container","import":"import MazContainer from 'maz-ui/components/MazContainer'","props":[{"name":"title","type":"string","description":"Title of the card in header","required":false,"strictValues":false},{"name":"elevation","type":"boolean","description":"Add elevation to the component","required":false,"default":"false","strictValues":false},{"name":"padding","type":"boolean","description":"Add padding to the content","required":false,"default":"true","strictValues":false},{"name":"bordered","type":"boolean","description":"Add border to the component","required":false,"default":"true","strictValues":false},{"name":"roundedSize","type":"MazRoundedSize","description":"Size of the rounded","required":false,"default":"'md'","values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"transparent","type":"boolean","description":"Remove background color","required":false,"default":"false","strictValues":false},{"name":"overflowHidden","type":"boolean","description":"Hide overflow","required":false,"default":"true","strictValues":false},{"name":"startIcon","type":"MazIconLike","description":"Icon displayed on the inline-start edge of the header (left in LTR, right in RTL). Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"endIcon","type":"MazIconLike","description":"Icon displayed on the inline-end edge of the header (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"iconSize","type":"MazIconSize","description":"Size of the icon","required":false,"default":"\"md\"","strictValues":false},{"name":"block","type":"boolean","description":"Display the container in full width","required":false,"default":"false","strictValues":false},{"name":"contentClass","type":"string","description":"Additional class to add to the content wrapper","required":false,"strictValues":false}],"events":[],"slots":[{"name":"header","bindings":[],"description":"Replace the header"},{"name":"icon-start","bindings":[],"description":"inline-start edge of the header (left in LTR, right in RTL)"},{"name":"title","bindings":[],"description":"title"},{"name":"icon-end","bindings":[],"description":"inline-end edge of the header (right in LTR, left in RTL)"},{"name":"default","bindings":[],"description":"content of the container"}],"expose":[]},{"name":"MazDatePicker","docId":"components/maz-date-picker","import":"import MazDatePicker from 'maz-ui/components/MazDatePicker'","props":[{"name":"id","type":"string","description":"The unique identifier of the component","required":false,"strictValues":false},{"name":"inputProps","type":"MazInputProps<MazInputValue>","description":"The props to apply to the input component","required":false,"strictValues":false},{"name":"modelValue","type":"MazDatePickerValue","description":"The value of the date picker component If an object is provided, the picker will be a range picker","required":false,"strictValues":false,"model":"modelValue"},{"name":"format","type":"string","description":"The format pattern for date display and parsing","required":false,"default":"\"YYYY-MM-DD\"","strictValues":false},{"name":"open","type":"boolean","description":"Controls whether the picker window is open","required":false,"default":"false","strictValues":false,"model":"open"},{"name":"label","type":"string","description":"The label text displayed above the input field","required":false,"strictValues":false},{"name":"placeholder","type":"string","description":"The placeholder text shown when no value is selected","required":false,"strictValues":false},{"name":"inputDateFormat","type":"Intl.DateTimeFormatOptions","description":"The Intl.DateTimeFormatOptions for styling the input date display","required":false,"default":"{ dateStyle: \"medium\", timeStyle: \"short\" }","strictValues":false},{"name":"inputDateTransformer","type":"((payload: { formattedDate?: string | undefined; value?: MazDatePickerValue; locale: string; }) => string)","description":"Custom function to transform the formatted date display","required":false,"strictValues":false},{"name":"locale","type":"string","description":"The locale string for date formatting and localization","required":false,"default":"\"\"","strictValues":false,"model":"locale"},{"name":"hideHeader","type":"boolean","description":"Controls whether the calendar header is hidden","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"Controls whether the component is disabled","required":false,"default":"false","strictValues":false},{"name":"firstDayOfWeek","type":"0 | 1 | 2 | 3 | 4 | 5 | 6","description":"The first day of the week in the calendar","required":false,"default":"0","values":["0","1","2","3","4","5","6"],"strictValues":false},{"name":"autoClose","type":"boolean","description":"Controls whether the picker closes automatically after date selection","required":false,"default":"false","strictValues":false},{"name":"customElementSelector","type":"string","description":"CSS selector for a custom element that triggers the picker","required":false,"strictValues":false},{"name":"double","type":"boolean","description":"Controls whether the picker displays two months side by side","required":false,"default":"false","strictValues":false},{"name":"inline","type":"boolean","description":"Controls whether the picker is displayed inline without input field","required":false,"default":"false","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color theme of the component","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"pickerPosition","type":"MazPopoverPosition","description":"The position where the picker popover should appear","required":false,"default":"\"auto\"","values":["top","bottom","left","right","top-end","bottom-end","left-end","right-end","top-start","bottom-start","left-start","right-start"],"strictValues":false},{"name":"pickerPreferPosition","type":"MazPopoverPreferPosition","description":"The preferred position of the picker popover","required":false,"default":"\"bottom-start\"","values":["top","bottom","left","right","top-end","bottom-end","left-end","right-end","top-start","bottom-start","left-start","right-start"],"strictValues":false},{"name":"pickerFallbackPosition","type":"MazPopoverFallbackPosition","description":"The fallback position of the picker popover","required":false,"default":"\"top-start\"","values":["top","bottom","left","right","top-end","bottom-end","left-end","right-end","top-start","bottom-start","left-start","right-start"],"strictValues":false},{"name":"time","type":"boolean","description":"Controls whether the picker includes a time selector","required":false,"default":"false","strictValues":false},{"name":"onlyTime","type":"boolean","description":"Controls whether the picker shows only time selection (no date)","required":false,"default":"false","strictValues":false},{"name":"minuteInterval","type":"number","description":"The interval in minutes for the time picker minute selection","required":false,"default":"5","values":["1","5","10","15","30"],"strictValues":false},{"name":"useBrowserLocale","type":"boolean","description":"Controls whether to automatically detect and use the browser's locale","required":false,"default":"true","strictValues":false},{"name":"fetchLocal","type":"boolean","description":"Controls whether to fetch locale data dynamically","required":false,"default":"true","strictValues":false},{"name":"shortcuts","type":"boolean | MazDatePickerShortcut[]","description":"Array of predefined date range shortcuts or false to disable","required":false,"default":"true","strictValues":false},{"name":"shortcut","type":"string","description":"The identifier of the currently selected shortcut","required":false,"strictValues":false},{"name":"minDate","type":"string","description":"The minimum selectable date in ISO format","required":false,"strictValues":false},{"name":"maxDate","type":"string","description":"The maximum selectable date in ISO format","required":false,"strictValues":false},{"name":"minMaxAuto","type":"boolean","description":"When minDate or maxDate are provided, if the current date is not between minDate and maxDate, the current date will be set to the minDate or maxDate","required":false,"default":"true","strictValues":false},{"name":"disabledWeekly","type":"number[]","description":"Array of weekday numbers to disable (0 = Sunday, 6 = Saturday)","required":false,"default":"[]","strictValues":false},{"name":"disabledDates","type":"string[]","description":"Array of specific dates to disable in ISO format","required":false,"default":"[]","strictValues":false},{"name":"disabledHours","type":"number[]","description":"Array of hour numbers to disable in the time picker (0-23)","required":false,"default":"[]","strictValues":false},{"name":"block","type":"boolean","description":"Controls whether the input displays in full width","required":false,"default":"false","strictValues":false},{"name":"range","type":"boolean","description":"Controls whether the picker operates in range selection mode","required":false,"default":"false","strictValues":false},{"name":"transition","type":"string","description":"The transition name of the popover","required":false,"default":"\"scale-fade\"","strictValues":false}],"events":[{"name":"update:model-value","payload":"value: MazDatePickerValue","description":"Emitted when the picker value changes"},{"name":"close","payload":"(void | undefined)?","description":"Emitted when the picker closes"},{"name":"update:locale","payload":"value: string"},{"name":"update:open","payload":"value: boolean"}],"slots":[{"name":"trigger","bindings":[{"name":"isOpen","type":"boolean","description":"Current open state of the popover"},{"name":"close","type":"() => void","description":"Function to close the popover"},{"name":"open","type":"() => void","description":"Function to open the popover"},{"name":"toggle","type":"() => void","description":"Function to toggle the popover"}],"description":"Replace the default input with your own element"}],"expose":[]},{"name":"MazDialog","docId":"components/maz-dialog","import":"import MazDialog from 'maz-ui/components/MazDialog'","props":[{"name":"modelValue","type":"boolean","description":"Modal's model value","required":false,"strictValues":false,"model":"modelValue"},{"name":"title","type":"string","description":"Title of the modal in header","required":false,"strictValues":false},{"name":"hideCloseButton","type":"boolean","description":"Remove the close button in header","required":false,"strictValues":false},{"name":"maxWidth","type":"string","description":"Modal's max-width.","required":false,"default":"\"var(--maz-dialog-max-width, 38rem)\"","strictValues":false},{"name":"minWidth","type":"string","description":"Modal's min-width.","required":false,"default":"\"var(--maz-dialog-min-width, 32rem)\"","strictValues":false},{"name":"scrollable","type":"boolean","description":"Modal's content becomes scrollable - warning: a overflow is applied","required":false,"strictValues":false},{"name":"persistent","type":"boolean","description":"Persistent dialog (not closable by clicking outside and remove close button)","required":false,"strictValues":false},{"name":"teleportSelector","type":"string","description":"Teleport selector","required":false,"strictValues":false},{"name":"beforeClose","type":"(() => void | Promise<void>)","description":"Function called before modal is close","required":false,"strictValues":false},{"name":"closeOnEscape","type":"boolean","description":"Prevent close on escape key","required":false,"default":"true","strictValues":false},{"name":"transitionName","type":"string","description":"Transition name","required":false,"strictValues":false},{"name":"backdropClass","type":"ClassValue","description":"Backdrop class","required":false,"strictValues":false},{"name":"backdropContentClass","type":"ClassValue","description":"Backdrop content class","required":false,"strictValues":false},{"name":"contentPadding","type":"boolean","description":"Add padding to the content","required":false,"strictValues":false},{"name":"justify","type":"\"none\" | \"center\" | \"end\" | \"start\" | \"space-between\" | \"space-around\"","description":"Justify content","required":false,"values":["none","center","end","start","space-between","space-around"],"strictValues":true},{"name":"align","type":"\"none\" | \"center\" | \"end\" | \"start\"","description":"Align content","required":false,"values":["none","center","end","start"],"strictValues":true},{"name":"variant","type":"\"bottom-sheet\" | \"dialog\" | \"drawer\"","description":"Variant","required":false,"values":["bottom-sheet","dialog","drawer"],"strictValues":true},{"name":"ariaLabelledby","type":"string","description":"ID for aria-labelledby","required":false,"strictValues":false},{"name":"ariaDescribedby","type":"string","description":"ID for aria-describedby","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: boolean","description":"emitted when modal is open or close"},{"name":"open","payload":"value?: void | undefined","description":"emitted when modal is open"},{"name":"close","payload":"value?: void | undefined","description":"emitted when modal is close"}],"slots":[{"name":"header","bindings":[{"name":"close","type":"() => void","description":"close function"}],"description":"Header slot"},{"name":"title","bindings":[],"description":"Title slot in the header"},{"name":"default","bindings":[{"name":"close","type":"() => void","description":"close function"}],"description":"Default content"},{"name":"footer","bindings":[{"name":"close","type":"() => void","description":"close function"}],"description":"Footer slot"}],"expose":[{"name":"close","description":"Close the dialog"}]},{"name":"MazDialogConfirm","docId":"components/maz-dialog-confirm","import":"import MazDialogConfirm from 'maz-ui/components/MazDialogConfirm'","props":[{"name":"identifier","type":"string","description":"Uniq identifier of the dialog - This is used to identify the dialog in the state","required":true,"strictValues":false},{"name":"title","type":"string","description":"Dialog title displayed in the header Title of the modal in header","required":false,"strictValues":false},{"name":"message","type":"string","description":"Dialog message displayed in the body","required":false,"strictValues":false},{"name":"rejectText","type":"string","description":"Text for the reject button - will be applied only if buttons props is not provided","required":false,"strictValues":false},{"name":"rejectProps","type":"(Omit<MazBtnProps, \"type\"> & MazDialogConfirmButton)","description":"Props for the reject button - will be applied only if buttons props is not provided","required":false,"default":"{ color: 'destructive', type: 'reject', text: 'Cancel', response: 'reject' }","strictValues":false},{"name":"hideRejectButton","type":"boolean","description":"Hide the reject button (unset: the value of `useMazDialogConfirm().data`, else shown)","required":false,"default":"false","strictValues":false},{"name":"acceptText","type":"string","description":"Text for the accept button","required":false,"strictValues":false},{"name":"acceptProps","type":"(Omit<MazBtnProps, \"type\"> & MazDialogConfirmButton)","description":"Props for the accept button - will be applied only if buttons props is not provided","required":false,"default":"{ color: 'success', type: 'accept', text: 'Confirm', response: 'accept' }","strictValues":false},{"name":"hideAcceptButton","type":"boolean","description":"Hide the accept button (unset: the value of `useMazDialogConfirm().data`, else shown)","required":false,"default":"false","strictValues":false},{"name":"buttons","type":"MazDialogConfirmButton[]","description":"Buttons to display in the footer","required":false,"strictValues":false},{"name":"modelValue","type":"boolean","description":"Modal's model value","required":false,"strictValues":false},{"name":"hideCloseButton","type":"boolean","description":"Remove the close button in header","required":false,"strictValues":false},{"name":"maxWidth","type":"string","description":"Modal's max-width.","required":false,"default":"Theme preset `components.dialog.max-width` via `var(--maz-dialog-max-width, 38rem)`","strictValues":false},{"name":"minWidth","type":"string","description":"Modal's min-width.","required":false,"default":"Theme preset `components.dialog.min-width` via `var(--maz-dialog-min-width, 32rem)`","strictValues":false},{"name":"scrollable","type":"boolean","description":"Modal's content becomes scrollable - warning: a overflow is applied","required":false,"strictValues":false},{"name":"persistent","type":"boolean","description":"Persistent dialog (not closable by clicking outside and remove close button)","required":false,"strictValues":false},{"name":"teleportSelector","type":"string","description":"Teleport selector","required":false,"strictValues":false},{"name":"beforeClose","type":"(() => void | Promise<void>)","description":"Function called before modal is close","required":false,"strictValues":false},{"name":"closeOnEscape","type":"boolean","description":"Prevent close on escape key","required":false,"default":"true","strictValues":false},{"name":"transitionName","type":"string","description":"Transition name","required":false,"strictValues":false},{"name":"backdropClass","type":"ClassValue","description":"Backdrop class","required":false,"strictValues":false},{"name":"backdropContentClass","type":"ClassValue","description":"Backdrop content class","required":false,"strictValues":false},{"name":"contentPadding","type":"boolean","description":"Add padding to the content","required":false,"strictValues":false},{"name":"justify","type":"\"none\" | \"center\" | \"end\" | \"start\" | \"space-between\" | \"space-around\"","description":"Justify content","required":false,"values":["none","center","end","start","space-between","space-around"],"strictValues":true},{"name":"align","type":"\"none\" | \"center\" | \"end\" | \"start\"","description":"Align content","required":false,"values":["none","center","end","start"],"strictValues":true},{"name":"variant","type":"\"bottom-sheet\" | \"dialog\" | \"drawer\"","description":"Variant","required":false,"values":["bottom-sheet","dialog","drawer"],"strictValues":true},{"name":"ariaLabelledby","type":"string","description":"ID for aria-labelledby","required":false,"strictValues":false},{"name":"ariaDescribedby","type":"string","description":"ID for aria-describedby","required":false,"strictValues":false}],"events":[{"name":"open","payload":"value?: void | undefined","description":"Emitted when modal is open"},{"name":"close","payload":"value?: void | undefined","description":"Emitted when modal is close"}],"slots":[{"name":"title","bindings":[],"description":"title slot - Place your title"},{"name":"default","bindings":[{"name":"accept","type":"(reason?: unknown) => Promise<unknown>","description":"accept function"},{"name":"reject","type":"(reason?: unknown) => Promise<unknown>","description":"reject function"}],"description":"Default slot - Place your content"},{"name":"footer-button","bindings":[{"name":"accept","type":"(reason?: unknown) => Promise<unknown>","description":"accept function"},{"name":"reject","type":"(reason?: unknown) => Promise<unknown>","description":"reject function"}],"description":"Footer slot"}],"expose":[{"name":"close","description":"Close the dialog"},{"name":"isActive","description":"Check if the dialog is active"}]},{"name":"MazDrawer","docId":"components/maz-drawer","import":"import MazDrawer from 'maz-ui/components/MazDrawer'","props":[{"name":"title","type":"string","description":"The title of the drawer","required":false,"strictValues":false},{"name":"variant","type":"\"end\" | \"start\" | \"bottom\" | \"top\"","description":"The edge from which the drawer slides in. `start` (= left in LTR, right in RTL) and `end` (= right in LTR, left in RTL) follow the document direction; `top` and `bottom` are physical.","required":false,"default":"\"end\"","values":["end","start","bottom","top"],"strictValues":true},{"name":"size","type":"`${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...","description":"The size of the drawer","required":false,"default":"\"30rem\"","strictValues":false},{"name":"backdropClass","type":"string","description":"The class of the backdrop","required":false,"strictValues":false},{"name":"hideCloseButton","type":"boolean","description":"Disable the close button","required":false,"strictValues":false},{"name":"modelValue","type":"boolean","description":"Value of `v-model`, forwarded to the inner component","required":false,"strictValues":false,"model":"modelValue"}],"events":[{"name":"update:model-value","payload":"value: boolean","description":"emitted when drawer is open or close"},{"name":"open","description":"emitted when drawer is open"},{"name":"close","description":"emitted when drawer is close (after animation)"},{"name":"before-close","description":"emitted before drawer is close"}],"slots":[{"name":"title","bindings":[{"name":"close","type":"() => void"}]},{"name":"default","bindings":[{"name":"close","type":"() => void"}]}],"expose":[]},{"name":"MazDropdown","docId":"components/maz-dropdown","import":"import MazDropdown from 'maz-ui/components/MazDropdown'","props":[{"name":"modelValue","type":"boolean","description":"Controls whether the dropdown menu is open","required":false,"default":"false","strictValues":false,"model":"modelValue"},{"name":"items","type":"MazDropdownMenuItem[]","description":"Menu items to display in the dropdown Each item can be either a link (with href/to properties) or an action (with onClick function)","required":false,"default":"[]","strictValues":false},{"name":"itemsSize","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the dropdown menu items","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"id","type":"string","description":"Unique identifier for the dropdown component","required":false,"strictValues":false},{"name":"trigger","type":"MazPopoverTrigger","description":"Determines how the dropdown should be triggered","required":false,"default":"\"adaptive\"","values":["click","hover","manual","adaptive"],"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Color theme for the dropdown button","required":false,"default":"\"transparent\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"position","type":"MazPopoverPosition","description":"Position of the menu relative to trigger","required":false,"default":"\"auto\"","values":["auto","top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"],"strictValues":false},{"name":"closeOnClick","type":"boolean","description":"Controls whether the dropdown menu closes when a menu item is clicked","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"Disables the dropdown functionality","required":false,"default":"false","strictValues":false},{"name":"chevron","type":"boolean","description":"Controls whether to show the chevron icon in the trigger button","required":false,"default":"true","strictValues":false},{"name":"screenReaderDescription","type":"string","description":"Accessible description for screen readers describing the dropdown functionality If not provided, the default translation of MazUiTranslations plugin will be used","required":false,"default":"MazUiTranslationsSchema['dropdown']['screenReaderDescription']","strictValues":false},{"name":"menuPanelClass","type":"ClassValue","description":"Additional CSS classes to apply to the dropdown menu panel Useful for customizing the dropdown appearance (background, border, etc.)","required":false,"strictValues":false},{"name":"menuPanelStyle","type":"StyleValue","description":"Inline styles to apply to the dropdown menu panel Useful for custom styling. You may use `!important` to override default styles","required":false,"strictValues":false},{"name":"block","type":"boolean","description":"Makes the dropdown button expand to full width of its container","required":false,"default":"false","strictValues":false},{"name":"dropdownIcon","type":"MazIconLike","description":"Icon to use instead of the default chevron for the dropdown indicator Custom icon to display in place of the default chevron. Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"dropdownIconAnimation","type":"boolean","description":"Controls whether the dropdown icon rotates when the dropdown is opened","required":false,"default":"true","strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the dropdown button","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"transition","type":"string","description":"Transition to use when the dropdown is opened or closed","required":false,"default":"\"scale-pop\"","values":["scale-pop","scale-fade","string"],"strictValues":false},{"name":"delay","type":"number","description":"Delay before showing/hiding in milliseconds","required":false,"default":"0","strictValues":false},{"name":"persistent","type":"boolean","description":"Prevent auto-close (ignores click outside and escape key)","required":false,"default":"false","strictValues":false},{"name":"closeOnEscape","type":"boolean","description":"Close popover when pressing Escape key","required":false,"default":"true","strictValues":false},{"name":"ariaLabelledby","type":"string","description":"ARIA labelledby attribute for accessibility","required":false,"strictValues":false},{"name":"ariaDescribedby","type":"string","description":"ARIA describedby attribute for accessibility","required":false,"strictValues":false},{"name":"offset","type":"number","description":"Distance between trigger and popover in pixels","required":false,"default":"8","strictValues":false},{"name":"ariaLabel","type":"string","description":"ARIA label for the popover","required":false,"strictValues":false},{"name":"preferPosition","type":"MazPopoverPreferPosition","description":"Preferred position of the popover relative to trigger when auto position is used - Preferred position of the popover relative to trigger","required":false,"default":"\"bottom-start\"","values":["auto","top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"],"strictValues":false},{"name":"fallbackPosition","type":"MazPopoverFallbackPosition","description":"Fallback position of the popover relative to trigger when prefer position is not visible - Fallback position of the popover relative to trigger","required":false,"default":"auto","values":["auto","top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"],"strictValues":false},{"name":"announceChanges","type":"boolean","description":"Announce content changes to screen readers","required":false,"default":"false","strictValues":false},{"name":"hoverDelay","type":"number","description":"Delay before closing on hover in milliseconds","required":false,"default":"150","strictValues":false},{"name":"teleportTo","type":"string","description":"Teleport target selector","required":false,"default":"'body'","strictValues":false},{"name":"overlayClass","type":"ClassValue","description":"Additional CSS classes for the overlay wrapper","required":false,"strictValues":false},{"name":"panelClass","type":"ClassValue","description":"Additional CSS classes for the popover panel","required":false,"strictValues":false},{"name":"panelStyle","type":"StyleValue","description":"Inline styles for the popover panel","required":false,"strictValues":false},{"name":"closeOnClickOutside","type":"boolean","description":"Close popover when clicking outside","required":false,"default":"true","strictValues":false},{"name":"trapFocus","type":"boolean","description":"Trap focus inside the popover","required":false,"default":"true","strictValues":false},{"name":"keepOpenOnHover","type":"boolean","description":"Keep popover open when hovering over the panel","required":false,"default":"false","strictValues":false},{"name":"positionReference","type":"string | HTMLElement","description":"CSS selector or element reference to use for positioning calculations - When provided, the popover will position relative to this element instead of the trigger Useful for components with labels where you want to position relative to the actual input","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: boolean","description":"Emitted when the dropdown open state changes"},{"name":"update:modelValue","payload":"value: boolean"},{"name":"menuitem-clicked","payload":"event: Event","description":"Emitted when a menu item is clicked"}],"slots":[{"name":"screen-reader-description","bindings":[],"description":"description for screen readers (hidden from visual display)"},{"name":"trigger","bindings":[{"name":"isOpen","type":"boolean","description":"Current state of the dropdown (true when open, false when closed)"},{"name":"toggle","type":"() => void","description":"Function to toggle the dropdown"},{"name":"close","type":"() => void","description":"Function to close the dropdown"},{"name":"open","type":"() => void","description":"Function to open the dropdown"}],"description":"trigger element for the dropdown"},{"name":"default","bindings":[],"description":"Text content of the trigger element"},{"name":"dropdown-icon","bindings":[{"name":"isOpen","type":"boolean","description":"Current state of the dropdown (true when open, false when closed)"},{"name":"toggle","type":"() => void"},{"name":"close","type":"() => void"},{"name":"open","type":"() => void"}],"description":"Dropdown indicator icon"},{"name":"dropdown","bindings":[{"name":"items","type":"MazDropdownMenuItem[]","description":"Array of menu items passed via the items prop"},{"name":"open","type":"() => void","description":"Function to open the dropdown"},{"name":"close","type":"() => void","description":"Function to close the dropdown"},{"name":"isOpen","type":"boolean","description":"Current state of the dropdown (true when open, false when closed)"},{"name":"toggle","type":"() => void","description":"Function to toggle the dropdown"}],"description":"Dropdown menu panel content"},{"name":"prepend-menu","bindings":[{"name":"isOpen","type":"boolean","description":"Current state of the dropdown (true when open, false when closed)"},{"name":"open","type":"() => void","description":"Function to open the dropdown"},{"name":"close","type":"() => void","description":"Function to close the dropdown"},{"name":"toggle","type":"() => void","description":"Function to toggle the dropdown"}],"description":"Prepend to the list of menu items"},{"name":"menuitem","bindings":[{"name":"item","type":"MazDropdownMenuItem","description":"Individual menu item object with properties like label, href, onClick, etc."},{"name":"open","type":"() => void","description":"Function to open the dropdown"},{"name":"close","type":"() => void","description":"Function to close the dropdown"},{"name":"isOpen","type":"boolean","description":"Current state of the dropdown (true when open, false when closed)"},{"name":"toggle","type":"() => void","description":"Function to toggle the dropdown"}],"description":"Menu item component"},{"name":"menuitem-label","bindings":[{"name":"item","type":"MazDropdownMenuItem","description":"Individual menu item object containing label and other properties"},{"name":"open","type":"() => void","description":"Function to open the dropdown"},{"name":"close","type":"() => void","description":"Function to close the dropdown"},{"name":"isOpen","type":"boolean","description":"Current state of the dropdown (true when open, false when closed)"},{"name":"toggle","type":"() => void","description":"Function to toggle the dropdown"}],"description":"Label content for menu item"},{"name":"append-menu","bindings":[{"name":"isOpen","type":"boolean","description":"Current state of the dropdown (true when open, false when closed)"},{"name":"open","type":"() => void","description":"Function to open the dropdown"},{"name":"close","type":"() => void","description":"Function to close the dropdown"},{"name":"toggle","type":"() => void","description":"Function to toggle the dropdown"}],"description":"Append to the list of menu items"}],"expose":[]},{"name":"MazDropzone","docId":"components/maz-dropzone","import":"import MazDropzone from 'maz-ui/components/MazDropzone'","props":[{"name":"id","type":"string","description":"The id of the dropzone","required":false,"strictValues":false},{"name":"multiple","type":"boolean","description":"Allow multiple files to be uploaded.","required":false,"default":"false","strictValues":false},{"name":"dataTypes","type":"string[]","description":"Allowed data types/MIME types for files (e.g. ['application/json'])","required":false,"default":"['*\\/*']","strictValues":false},{"name":"preventDefaultForUnhandled","type":"boolean","description":"Prevent default behavior for unhandled drag & drop events.","required":false,"default":"true","strictValues":false},{"name":"maxFileSize","type":"number","description":"Maximum file size in MB.","required":false,"strictValues":false},{"name":"maxFiles","type":"number","description":"Maximum number of files allowed.","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"Disable the dropzone","required":false,"default":"false","strictValues":false},{"name":"preview","type":"boolean","description":"Show file preview","required":false,"default":"true","strictValues":false},{"name":"minFileSize","type":"number","description":"Minimum file size in MB","required":false,"strictValues":false},{"name":"allowDuplicates","type":"boolean","description":"Allow duplicates","required":false,"default":"false","strictValues":false},{"name":"translations","type":"{ dragAndDrop?: string | undefined; selectFile?: string | undefined; divider?: string | undefined; fileMaxCount?: string | undefined; fileMaxSize?: string | undefined; fileTypes?: string | undefined; types?: { image?: string | undefined;...","description":"Translations - Custom translations for the component","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Main color of the component","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"removeFileBtnProps","type":"MazBtnProps","description":"MazBtn props [MazBtn props](/components/maz-btn#props)","required":false,"default":"{}","strictValues":false},{"name":"spinnerProps","type":"MazSpinnerProps","description":"MazSpinner props [MazSpinner props](/components/maz-spinner#props)","required":false,"default":"{}","strictValues":false},{"name":"autoUpload","type":"false | \"multiple\" | \"single\"","description":"Auto upload files - If set to `multiple`, all files will be uploaded at once in a single request. If set to `single`, files will be uploaded one by one in separate requests. If set to `false`, no upload will be done automatically.","required":false,"default":"false","values":["multiple","single"],"strictValues":false},{"name":"url","type":"string","description":"Upload URL - If set, files will be uploaded to the given URL.","required":false,"strictValues":false},{"name":"requestOptions","type":"RequestInit","description":"Request options - Request options to be used for the upload (using fetch) [Request options](https://developer.mozilla.org/en-US/docs/Web/API/fetch#options)","required":false,"strictValues":false},{"name":"transformBody","type":"((formData: FormData) => BodyInit | null | undefined)","description":"Transform the body of the request","required":false,"strictValues":false},{"name":"maxConcurrentUploads","type":"number","description":"Maximum number of concurrent uploads - Limit the number of files uploaded simultaneously to avoid overwhelming the server","required":false,"default":"5","strictValues":false},{"name":"modelValue","type":"MazDropzoneFileData[]","description":"The files data","required":false,"default":"[]","strictValues":false,"model":"modelValue"}],"events":[{"name":"add","payload":"value: File","description":"Event emitted when a file is added to the dropzone"},{"name":"error","payload":"values: { files: File[] | null; event: DragEvent | null; code: MazDropzoneErrorCode; }","description":"Event emitted when an error occurs"},{"name":"drop","payload":"values: { files: File[] | null; event: DragEvent; }","description":"Event emitted when files are dropped in the dropzone"},{"name":"update:modelValue","payload":"value: MazDropzoneFileData[]"},{"name":"enter","payload":"values: { files: File[] | null; event: DragEvent; }","description":"Event emitted when dragged files enter the dropzone"},{"name":"leave","payload":"values: { files: File[] | null; event: DragEvent; }","description":"Event emitted when dragged files leave the dropzone"},{"name":"over","payload":"values: { files: File[] | null; event: DragEvent; }","description":"Event emitted when dragged files are over the dropzone"},{"name":"remove","payload":"value: File","description":"Event emitted when a file is removed from the dropzone"},{"name":"upload-error","payload":"values: { file: File; code: MazDropzoneErrorCode; error: unknown; }","description":"Event emitted when an error occurs during file upload"},{"name":"upload-error-multiple","payload":"values: { files: File[]; code: MazDropzoneErrorCode; error: unknown; }","description":"Event emitted when an error occurs during multiple files upload"},{"name":"upload-success","payload":"values: { file: File; response?: Response | undefined; }","description":"Event emitted when a file is successfully uploaded"},{"name":"upload-success-multiple","payload":"values: { files: File[]; response?: Response | undefined; }","description":"Event emitted when multiple files are successfully uploaded"}],"slots":[{"name":"files-area","bindings":[{"name":"filesData","type":"MazDropzoneFileData[]","description":"The files data"}],"description":"Slot to customize the files area"},{"name":"file-item","bindings":[{"name":"file","type":"MazDropzoneFileData","description":"The drop file data"}],"description":"Slot to customize the file item"},{"name":"no-files-area","bindings":[{"name":"selectFile","type":"() => void","description":"The function to select the file"}],"description":"Slot to customize the no files area"},{"name":"upload-icon","bindings":[],"description":"Slot to customize the upload icon"}],"expose":[{"name":"uploadFiles","description":"Upload files"},{"name":"uploadFilesMultiple","description":"Upload multiple files"},{"name":"getFormData","description":"Get form data"},{"name":"getFormDataMultiple","description":"Get form data multiple"},{"name":"reset","description":"Reset the files"},{"name":"isUploading","description":"Check if the files are uploading"},{"name":"addFile","description":"Add a file to the dropzone"},{"name":"removeFile","description":"Remove a file from the dropzone"}]},{"name":"MazExpandAnimation","docId":"components/maz-expand-animation","import":"import MazExpandAnimation from 'maz-ui/components/MazExpandAnimation'","props":[{"name":"duration","type":"string","description":"Duration of the animation in milliseconds","required":false,"default":"\"300ms\"","strictValues":false},{"name":"timingFunction","type":"string","description":"Timing function of the animation","required":false,"default":"\"ease-in-out\"","strictValues":false},{"name":"modelValue","type":"boolean","required":false,"strictValues":false,"model":"modelValue"}],"events":[{"name":"update:modelValue","payload":"value: boolean | undefined"}],"slots":[{"name":"default","bindings":[],"description":"Default Slot - Display content"}],"expose":[]},{"name":"MazFullscreenLoader","docId":"components/maz-fullscreen-loader","import":"import MazFullscreenLoader from 'maz-ui/components/MazFullscreenLoader'","props":[{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the spinner","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"size","type":"`${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...","description":"The size of the spinner","required":false,"default":"\"3em\"","strictValues":false},{"name":"teleportSelector","type":"string","description":"The selector to teleport the loader","required":false,"default":"\"body\"","strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazGallery","docId":"components/maz-gallery","import":"import MazGallery from 'maz-ui/components/MazGallery'","props":[{"name":"images","type":"MazGalleryImage[]","description":"Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`","required":false,"default":"[]","strictValues":false},{"name":"displayedCount","type":"number","description":"Images count shown (max: 5)","required":false,"default":"5","strictValues":false},{"name":"remaining","type":"boolean","description":"Remove transparent layer with the remain count (ex: +2)","required":false,"default":"true","strictValues":false},{"name":"height","type":"string | number | false","description":"Height of gallery - set to `false` to remove default height","required":false,"default":"\"100%\"","strictValues":false},{"name":"width","type":"string | number | false","description":"Width of gallery - set to `false` to remove default width","required":false,"default":"\"100%\"","strictValues":false},{"name":"radius","type":"boolean","description":"Disable the border radius of the gallery","required":false,"default":"true","strictValues":false},{"name":"zoom","type":"boolean","description":"Disable full size display when clicking on image","required":false,"default":"true","strictValues":false},{"name":"hasEmptyLayer","type":"boolean","description":"Layer with photography icon when no images is provided","required":false,"default":"true","strictValues":false},{"name":"lazy","type":"boolean","description":"Lazy load image - if false, images are directly loaded","required":false,"default":"true","strictValues":false},{"name":"blur","type":"boolean","description":"Disable blur effect on image hover","required":false,"default":"true","strictValues":false},{"name":"scale","type":"boolean","description":"Disable scale animation effect on image hover","required":false,"default":"true","strictValues":false},{"name":"separatorColor","type":"string","description":"Choose color of borders between images - Should be a CSS color or CSS variable - Ex: `#000`","required":false,"default":"\"transparent\"","strictValues":false},{"name":"backgroundColor","type":"string","description":"Choose background color of the gallery - Should be a CSS color or CSS variable - Ex: `#000`","required":false,"strictValues":false}],"events":[],"slots":[],"expose":[]},{"name":"MazIcon","docId":"components/maz-icon","import":"import MazIcon from 'maz-ui/components/MazIcon'","props":[{"name":"icon","type":"MazIconValue","description":"The icon to render. Accepts: - A Vue component (e.g. `import { MazStar } from '@maz-ui/icons/static/MazStar'`) - A URL or `data:` URI to a `.svg` file (`'/icons/star.svg'`, `'data:image/svg+xml,…'`) - A raw SVG string (`'<svg viewBox=\"0 0 24 24\">…</svg>'`) The component detects the format and renders accordingly.","required":false,"strictValues":false},{"name":"fallback","type":"MazIconValue","description":"Fallback icon used when: - `icon` is not provided - `icon` is a URL that fails to load or returns invalid SVG Same shape as `icon`. Defaults to the imported `MazQuestionMarkCircle` if neither `icon` nor `fallback` resolves to anything renderable.","required":false,"default":"MazQuestionMarkCircle","strictValues":false},{"name":"size","type":"MazIconSize","description":"Predefined keyword (`'xs' | 'sm' | 'md' | 'lg' | 'xl'`) or any CSS length.","required":false,"strictValues":false},{"name":"title","type":"string","description":"Sets a `<title>` element inside the SVG for screen-reader accessibility.","required":false,"strictValues":false},{"name":"svgAttributes","type":"Record<string, string | number>","description":"Extra attributes to merge onto the rendered `<svg>` root.","required":false,"strictValues":false},{"name":"flipIconForRtl","type":"boolean","description":"Mirror the icon horizontally when the document direction is RTL. Useful for directional icons (chevrons, arrows). Renders unchanged in LTR.","required":false,"default":"false","strictValues":false}],"events":[{"name":"error","payload":"error: Error","description":"Emitted when an SVG fails to fetch or parse - useful for telemetry / fallback UI."}],"slots":[],"expose":[]},{"name":"MazInput","docId":"components/maz-input","import":"import MazInput from 'maz-ui/components/MazInput'","props":[{"name":"modelValue","type":"T","description":"The current value of the input field. This prop is used for two-way data binding with v-model","required":false,"strictValues":false,"model":"modelValue"},{"name":"placeholder","type":"string","description":"Text displayed when the input is empty to guide the user","required":false,"strictValues":false},{"name":"label","type":"string","description":"Floating label that appears inside the input and moves up when focused or filled. Provides better UX than traditional placeholders","required":false,"strictValues":false},{"name":"topLabel","type":"string","description":"Static label displayed above the input field. Unlike the floating label, this remains fixed","required":false,"strictValues":false},{"name":"assistiveText","type":"string","description":"Helper text displayed below the input to provide additional context or validation feedback","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Theme color that affects the border and focus states of the input","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"type","type":"InputTypeHTMLAttribute","description":"HTML input type attribute that determines the input behavior and validation","required":false,"default":"\"text\"","values":["text","password","email","number","tel","url","search","date","time","datetime-local","month","week"],"strictValues":false},{"name":"required","type":"boolean","description":"Makes the input field mandatory for form submission","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"Disables the input field, preventing user interaction and form submission","required":false,"default":"false","strictValues":false},{"name":"readonly","type":"boolean","description":"Makes the input field read-only, allowing selection but preventing modification","required":false,"strictValues":false},{"name":"id","type":"string","description":"Unique identifier for the input element, used for form labels and accessibility","required":false,"strictValues":false},{"name":"error","type":"boolean","description":"Applies error styling (red border and text) to indicate validation failure","required":false,"default":"false","strictValues":false},{"name":"success","type":"boolean","description":"Applies success styling (green border and text) to indicate successful validation","required":false,"default":"false","strictValues":false},{"name":"warning","type":"boolean","description":"Applies warning styling (orange border and text) to indicate potential issues","required":false,"default":"false","strictValues":false},{"name":"hint","type":"string","description":"Alternative text that replaces the label when provided. Useful for contextual hints","required":false,"strictValues":false},{"name":"inputClasses","type":"string","description":"Additional CSS classes to apply specifically to the input wrapper element","required":false,"strictValues":false},{"name":"border","type":"boolean","description":"Controls whether the input has a visible border. Set to false for borderless inputs","required":false,"default":"true","strictValues":false},{"name":"inputmode","type":"\"none\" | \"text\" | \"search\" | \"url\" | \"email\" | \"tel\" | \"numeric\" | \"decimal\"","description":"HTML inputmode attribute that provides hints for virtual keyboards on mobile devices","required":false,"default":"\"text\"","values":["none","text","search","url","email","tel","numeric","decimal"],"strictValues":true},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Controls the height and text size of the input component","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"debounce","type":"number | boolean","description":"Enables input debouncing to limit the frequency of value updates. When true, uses 500ms delay. When a number, uses that value as delay in milliseconds","required":false,"default":"false","strictValues":false},{"name":"autoFocus","type":"boolean","description":"Automatically focuses the input when the component mounts","required":false,"default":"false","strictValues":false},{"name":"borderActive","type":"boolean","description":"When true, shows the colored border immediately instead of only on focus","required":false,"default":"false","strictValues":false},{"name":"startIcon","type":"MazIconLike","description":"Icon displayed on the inline-start edge of the input (left in LTR, right in RTL). Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) or a full `MazIconProps` object for fine-grained control (size, title, svgAttributes, fallback, …).","required":false,"strictValues":false},{"name":"endIcon","type":"MazIconLike","description":"Icon displayed on the inline-end edge of the input (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"roundedSize","type":"MazRoundedSize","description":"Controls the border radius of the input component","required":false,"default":"'md'","values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"block","type":"boolean","description":"Makes the input expand to the full width of its container","required":false,"strictValues":false},{"name":"name","type":"string","description":"The name of the input field. Used for form submission and validation","required":false,"strictValues":false},{"name":"autocomplete","type":"string","description":"The autocomplete attribute for the input field. Used for form submission and validation","required":false,"strictValues":false},{"name":"loading","type":"boolean","description":"Loading state for the input field. Used to show a loading spinner","required":false,"default":"false","strictValues":false}],"events":[{"name":"update:model-value","payload":"value?: T | undefined","description":"Triggered when the input value changes, used for v-model two-way binding. This event is debounced if the debounce prop is enabled"},{"name":"click","payload":"event: Event","description":"Triggered when the user clicks on the input field"},{"name":"blur","payload":"event: Event","description":"Triggered when the input field loses focus (user clicks outside or tabs away)"},{"name":"change","payload":"event: Event","description":"Triggered when the input value changes and the field loses focus. Different from input event which fires on every keystroke"},{"name":"focus","payload":"event: Event","description":"Triggered when the input field gains focus (user clicks or tabs into the field)"},{"name":"input","payload":"event: Event","description":"Triggered on every keystroke or input interaction (real-time input changes). This is the raw input event, not debounced"}],"slots":[{"name":"start-icon","bindings":[],"description":"Custom content for the inline-start edge of the input field (left in LTR, right in RTL)."},{"name":"end-icon","bindings":[],"description":"Custom content for the inline-end edge of the input field (right in LTR, left in RTL)."},{"name":"loader","bindings":[],"description":"Loader slot."}],"expose":[]},{"name":"MazInputCode","docId":"components/maz-input-code","import":"import MazInputCode from 'maz-ui/components/MazInputCode'","props":[{"name":"modelValue","type":"T","description":"The value of the component (v-model).","required":false,"strictValues":false,"model":"modelValue"},{"name":"codeLength","type":"number","description":"The length of the code.","required":false,"default":"4","strictValues":false},{"name":"type","type":"\"number\" | \"text\"","description":"The type of the input field.","required":false,"default":"\"text\"","values":["number","text"],"strictValues":true},{"name":"acceptAlpha","type":"boolean","description":"Whether to accept alpha characters.","required":false,"default":"false","strictValues":false},{"name":"required","type":"boolean","description":"Whether the input is required.","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"Whether the input is disabled.","required":false,"default":"false","strictValues":false},{"name":"error","type":"boolean","description":"Whether there is an error with the input.","required":false,"default":"false","strictValues":false},{"name":"success","type":"boolean","description":"Whether the input is successful.","required":false,"default":"false","strictValues":false},{"name":"warning","type":"boolean","description":"Whether there is a warning with the input.","required":false,"default":"false","strictValues":false},{"name":"size","type":"MazInputCodeSize","description":"The size of the component.","required":false,"default":"\"md\"","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the component.","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value?: T | undefined","description":"Update the model value."},{"name":"completed","payload":"value: void","description":"Emitted when all inputs are set."}],"slots":[],"expose":[]},{"name":"MazInputNumber","docId":"components/maz-input-number","import":"import MazInputNumber from 'maz-ui/components/MazInputNumber'","props":[{"name":"id","type":"string","description":"The id of the input.","required":false,"strictValues":false},{"name":"modelValue","type":"number","description":"The value of the component (v-model).","required":false,"strictValues":false,"model":"modelValue"},{"name":"disabled","type":"boolean","description":"Whether the input number is disabled or not.","required":false,"default":"false","strictValues":false},{"name":"max","type":"number","description":"The maximum value allowed for the input number.","required":false,"default":"Number.POSITIVE_INFINITY","strictValues":false},{"name":"min","type":"number","description":"The minimum value allowed for the input number.","required":false,"default":"Number.NEGATIVE_INFINITY","strictValues":false},{"name":"step","type":"number","description":"The step value for incrementing or decrementing the input number.","required":false,"default":"1","strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"The size of the input number component.","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"hideButtons","type":"boolean","description":"Whether to hide the increment and decrement buttons or not.","required":false,"default":"false","strictValues":false},{"name":"textCenter","type":"boolean","description":"Whether to center the text inside the input or not.","required":false,"default":"true","strictValues":false},{"name":"inputmode","type":"\"none\" | \"text\" | \"search\" | \"url\" | \"email\" | \"tel\" | \"numeric\" | \"decimal\"","description":"The inputmode attribute for the input.","required":false,"default":"\"numeric\"","values":["none","text","search","url","email","tel","numeric","decimal"],"strictValues":true},{"name":"block","type":"boolean","description":"The input will be displayed in full width","required":false,"strictValues":false},{"name":"error","type":"boolean","description":"Will display the input in error state.","required":false,"default":"false","strictValues":false},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false},{"name":"success","type":"boolean","description":"Will display the input in success state.","required":false,"default":"false","strictValues":false},{"name":"warning","type":"boolean","description":"Will display the input in warning state.","required":false,"default":"false","strictValues":false},{"name":"inputProps","type":"MazInputProps<MazInputValue>","description":"The props for the input component.","required":false,"strictValues":false},{"name":"topLabel","type":"string","description":"Static label displayed above the input field. Unlike the floating label, this remains fixed","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value?: number | undefined","description":"Emitted when the input value change"},{"name":"click","payload":"value: Event","description":"Emitted input is clicked"},{"name":"blur","payload":"value: Event","description":"Emitted when the input is blurred"},{"name":"change","payload":"value: Event","description":"Emitted when the value change"},{"name":"focus","payload":"value: Event","description":"Emitted when the input is focused"}],"slots":[],"expose":[]},{"name":"MazInputPhoneNumber","docId":"components/maz-input-phone-number","import":"import MazInputPhoneNumber from 'maz-ui/components/MazInputPhoneNumber'","props":[{"name":"modelValue","type":"string | null","description":"The current value of the input field in international format (e.g. +33612345678)","required":false,"strictValues":false,"model":"modelValue"},{"name":"countryCode","type":"CountryCode | null","description":"The selected country code (e.g. \"FR\")","required":false,"strictValues":false,"model":"countryCode"},{"name":"id","type":"string","description":"Unique identifier for the component","required":false,"strictValues":false},{"name":"placeholder","type":"string","description":"Text displayed when the input is empty","required":false,"strictValues":false},{"name":"topLabel","type":"string","description":"Static label displayed above the input field. Unlike the floating label, this remains fixed","required":false,"strictValues":false},{"name":"label","type":"string","description":"Label displayed above the input","required":false,"strictValues":false},{"name":"preferredCountries","type":"CountryCode[]","description":"List of country codes to place first in the select list","required":false,"strictValues":false},{"name":"ignoredCountries","type":"CountryCode[]","description":"List of country codes to be removed from the select list","required":false,"strictValues":false},{"name":"onlyCountries","type":"CountryCode[]","description":"List of country codes to only have the countries selected in the select list","required":false,"strictValues":false},{"name":"translations","type":"Partial<{ countrySelect: { placeholder: string; error: string; searchPlaceholder: string; }; phoneInput: { placeholder: string; example: string; }; }>","description":"Locale strings of the component The default values are the translations of the MazUiTranslations plugin","required":false,"default":"{ countrySelect: { error: 'Choose country', placeholder: 'Country code', searchPlaceholder: 'Search the country', }, phoneInput: { placeholder: 'Phone number', example: 'Example: {example}', }, }","strictValues":false},{"name":"listPosition","type":"MazPopoverPosition","description":"Position where the list of countries will be opened","required":false,"default":"\"bottom-start\"","values":["top","left","right","bottom"],"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Component color applied","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Component size applied","required":false,"default":"\"md\"","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"hideFlags","type":"boolean","description":"Remove flags in country list","required":false,"default":"false","strictValues":false},{"name":"flagSrc","type":"MazCountryFlagSrc","description":"Source of the flags, instead of the flagcdn.com CDN: a URL template (`/flags/{code}.svg`, `{CODE}` for uppercase) or a function giving the image source of a code. Use `loadCountryFlag` from `maz-ui/country-flags` for the flags of `@maz-ui/icons`. Can be set for the whole app with the `defaults.global.flagSrc` option of the MazUi plugin.","required":false,"default":"undefined (flags from flagcdn.com)","strictValues":false},{"name":"disabled","type":"boolean","description":"Make the input disabled","required":false,"default":"false","strictValues":false},{"name":"required","type":"boolean","description":"Make the input required","required":false,"default":"false","strictValues":false},{"name":"example","type":"boolean","description":"Show the phone number example","required":false,"default":"true","strictValues":false},{"name":"search","type":"boolean","description":"Disable search input in country list","required":false,"default":"true","strictValues":false},{"name":"searchThreshold","type":"number","description":"Threshold of the search input in country list where 1 is a perfect match and 0 is a match with any character","required":false,"default":"0.75","strictValues":false},{"name":"useBrowserLocale","type":"boolean","description":"If true, the browser locale will be used","required":false,"default":"true","strictValues":false},{"name":"fetchCountry","type":"boolean","description":"The component will make a request (https://ipwho.is) to get the location of the user and use it to set the default country code","required":false,"default":"false","strictValues":false},{"name":"hideCountrySelect","type":"boolean","description":"Hide the country selector","required":false,"default":"false","strictValues":false},{"name":"showCodeInList","type":"boolean","description":"Show country calling code in the country list","required":false,"default":"false","strictValues":false},{"name":"customCountriesList","type":"Record<CountryCode, string>","description":"Replace country names","required":false,"strictValues":false},{"name":"autoFormat","type":"false | \"disabled\" | \"blur\" | \"typing\"","description":"Disabled auto-format when phone is valid","required":false,"default":"\"blur\"","values":["disabled","blur","typing"],"strictValues":false},{"name":"countryLocale","type":"string","description":"Locale of country list","required":false,"strictValues":false},{"name":"validationError","type":"boolean","description":"Disable validation error UI","required":false,"default":"true","strictValues":false},{"name":"validationSuccess","type":"boolean","description":"Disable validation success UI","required":false,"default":"true","strictValues":false},{"name":"success","type":"boolean","description":"Add success UI","required":false,"default":"false","strictValues":false},{"name":"error","type":"boolean","description":"Add error UI","required":false,"default":"false","strictValues":false},{"name":"warning","type":"boolean","description":"Add warning UI","required":false,"default":"false","strictValues":false},{"name":"displayCountryName","type":"boolean","description":"Will replace the calling code by the country name in the country selector","required":false,"default":"false","strictValues":false},{"name":"block","type":"boolean","description":"The input will be displayed in full width","required":false,"default":"false","strictValues":false},{"name":"orientation","type":"\"row\" | \"col\" | \"responsive\"","description":"Orientation of the inputs in the component","required":false,"default":"\"responsive\"","values":["row","col","responsive"],"strictValues":true},{"name":"countrySelectAttributes","type":"Record<string, unknown>","description":"Meta attributes of the country input","required":false,"default":"{ name: \"country\", autocomplete: \"off\", style: { width: \"14rem\", }, }","strictValues":false},{"name":"phoneInputAttributes","type":"(Record<string, unknown> & { name: string; inputmode: \"none\" | \"text\" | \"search\" | \"url\" | \"email\" | \"tel\" | \"numeric\" | \"decimal\" | undefined; autocomplete: string; })","description":"Meta attributes of the phone number input","required":false,"default":"{ name: \"phone\", autocomplete: \"tel\", inputmode: \"tel\", }","strictValues":false},{"name":"assistiveText","type":"string","description":"Helper text displayed below the input to provide additional context or validation feedback","required":false,"strictValues":false},{"name":"hint","type":"string","description":"Alternative text that replaces the label when provided. Useful for contextual hints","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: string | null | undefined","description":"Emitted when country or phone number changes"},{"name":"data","payload":"results: MazInputPhoneNumberData","description":"Emitted when country or phone number changes"},{"name":"country-code","payload":"countryCode?: CountryCode | null | undefined","description":"Emitted when selected country changes"},{"name":"update:country-code","payload":"countryCode?: CountryCode | null | undefined","description":"Emitted when country changes"}],"slots":[{"name":"no-results","bindings":[],"description":"Replace the \"no results\" icon in the country selector list"},{"name":"selector-flag","bindings":[{"name":"countryCode","type":"CountryCode","description":"current selected country code Ex: `\"FR\"`"}],"description":"Country selector flag"},{"name":"country-list-flag","bindings":[{"name":"countryCode","type":"CountryCode","description":"country code of option Ex: `\"FR\"`"},{"name":"option","type":"CountryOption","description":"country data"},{"name":"isSelected","type":"boolean","description":"`true` if option is selected"}],"description":"Country list flag"}],"expose":[]},{"name":"MazInputPrice","docId":"components/maz-input-price","import":"import MazInputPrice from 'maz-ui/components/MazInputPrice'","props":[{"name":"modelValue","type":"number","description":"The value of the input","required":false,"strictValues":false,"model":"modelValue"},{"name":"currency","type":"string","description":"The currency to use","required":false,"default":"\"EUR\"","strictValues":false},{"name":"locale","type":"string","description":"The locale to use","required":false,"default":"\"fr-FR\"","strictValues":false},{"name":"min","type":"number","description":"The minimum value that the input can accept","required":false,"default":"Number.NEGATIVE_INFINITY","strictValues":false},{"name":"max","type":"number","description":"The maximum value that the input can accept","required":false,"default":"Number.POSITIVE_INFINITY","strictValues":false},{"name":"noIcon","type":"boolean","description":"The input will be displayed without icon","required":false,"default":"false","strictValues":false},{"name":"block","type":"boolean","description":"The input will be displayed in full width","required":false,"strictValues":false},{"name":"error","type":"boolean","description":"Will display the input in error state.","required":false,"strictValues":false},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false},{"name":"success","type":"boolean","description":"Will display the input in success state.","required":false,"strictValues":false},{"name":"warning","type":"boolean","description":"Will display the input in warning state.","required":false,"strictValues":false},{"name":"currencyOptions","type":"Omit<FilterCurrencyOptions, \"currency\">","description":"Options for the currency helper - [see](https://maz-ui.com/ecosystem/utils/currency)","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: number | undefined"},{"name":"blur","payload":"value: Event"},{"name":"focus","payload":"value: Event"},{"name":"input","payload":"value: number | undefined"},{"name":"formatted","payload":"value: string | undefined"}],"slots":[],"expose":[]},{"name":"MazInputTags","docId":"components/maz-input-tags","import":"import MazInputTags from 'maz-ui/components/MazInputTags'","props":[{"name":"modelValue","type":"(string | number)[]","description":"The modelValue of the input","required":false,"strictValues":false,"model":"modelValue"},{"name":"placeholder","type":"string","description":"The placeholder of the input","required":false,"strictValues":false},{"name":"label","type":"string","description":"The label of the input","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"Disable the input","required":false,"default":"false","strictValues":false},{"name":"error","type":"boolean","description":"Display the input with error style","required":false,"default":"false","strictValues":false},{"name":"success","type":"boolean","description":"Display the input with success style","required":false,"default":"false","strictValues":false},{"name":"warning","type":"boolean","description":"Display the input with warning style","required":false,"default":"false","strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"The size of the input","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the input","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"block","type":"boolean","description":"The input will be displayed in full width","required":false,"strictValues":false},{"name":"addTagsOnBlur","type":"boolean","description":"Add tags on blur","required":false,"default":"true","strictValues":false},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value?: (string | number)[] | undefined"}],"slots":[],"expose":[]},{"name":"MazLazyImg","docId":"components/maz-lazy-img","import":"import MazLazyImg from 'maz-ui/components/MazLazyImg'","props":[{"name":"src","type":"MazImage | null","description":"The source of the image","required":false,"strictValues":false},{"name":"alt","type":"string","description":"The alt of the image","required":false,"strictValues":false},{"name":"hideLoader","type":"boolean","description":"Remove the loader","required":false,"strictValues":false},{"name":"observerOnce","type":"boolean","description":"Remove the observer once the image is loaded","required":false,"default":"true","strictValues":false},{"name":"loadOnce","type":"boolean","description":"Remove the observer once the image is loaded","required":false,"strictValues":false},{"name":"imageHeightFull","type":"boolean","description":"Make the image height full","required":false,"strictValues":false},{"name":"observerOptions","type":"{ root?: HTMLElement | null | undefined; threshold: number; rootMargin?: string | undefined; }","description":"The options of the observer","required":false,"strictValues":false},{"name":"fallbackSrc","type":"string","description":"The fallback src to replace the src on loading error","required":false,"strictValues":false},{"name":"imgClass","type":"ClassValue","description":"The classes of the image element","required":false,"strictValues":false},{"name":"block","type":"boolean","description":"The image will be displayed in full width","required":false,"strictValues":false}],"events":[{"name":"intersecting","payload":"el: Element","description":"Emitted when the image is intersecting"},{"name":"loading","payload":"el: Element","description":"Emitted when the image is loading"},{"name":"loaded","payload":"el: Element","description":"Emitted when the image is loaded"},{"name":"error","payload":"el: Element","description":"Emitted when the image is in error"}],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazLink","docId":"components/maz-link","import":"import MazLink from 'maz-ui/components/MazLink'","props":[{"name":"as","type":"string","description":"The component to use for the link - if not provided, it will be `router-link` or `nuxt-link` if `to` is provided, will be `a` if `href` is provided, otherwise it will be `button`, you can force the component to be used with `as` prop","required":false,"default":"depends on the provided props","values":["router-link","nuxt-link","button"],"strictValues":false},{"name":"id","type":"string","description":"The id of the link","required":false,"strictValues":false},{"name":"title","type":"string","description":"The title of the link","required":false,"strictValues":false},{"name":"href","type":"string","description":"The href of the link","required":false,"strictValues":false},{"name":"to","type":"string | et | X","description":"The route location (router-link) of the link","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\" | \"surface\" | \"muted\" | \"inherit\"","description":"The color of the link","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent","surface","muted","inherit"],"strictValues":true},{"name":"target","type":"string","description":"The target of the link","required":false,"default":"\"_self\"","values":["_blank","_self","_parent","_top"],"strictValues":false},{"name":"download","type":"string","description":"The download of the link","required":false,"strictValues":false},{"name":"rel","type":"string","description":"The rel of the link","required":false,"strictValues":false},{"name":"ariaLabel","type":"string","description":"The aria-label of the link (or of the button)","required":false,"strictValues":false},{"name":"underline","type":"boolean","description":"Add an underline to the link","required":false,"default":"false","strictValues":false},{"name":"underlineHover","type":"boolean","description":"Add an underline only on hover","required":false,"default":"true","strictValues":false},{"name":"autoExternal","type":"boolean","description":"Add an external icon to the link if target is '_blank'","required":false,"default":"true","strictValues":false},{"name":"startIcon","type":"MazIconLike","description":"Icon displayed on the inline-start edge (left in LTR, right in RTL). Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) or a full `MazIconProps` object for fine-grained control.","required":false,"strictValues":false},{"name":"endIcon","type":"MazIconLike","description":"Icon displayed on the inline-end edge (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"The disabled state of the link if the component is a button","required":false,"default":"false","strictValues":false}],"events":[],"slots":[{"name":"start-icon","bindings":[],"description":"The icon to display on the inline-start edge of the text (left in LTR, right in RTL)"},{"name":"default","bindings":[],"description":"Text of the link"},{"name":"end-icon","bindings":[],"description":"The icon to display on the inline-end edge of the text (right in LTR, left in RTL)"},{"name":"external-icon","bindings":[],"description":"Replace the default external icon"}],"expose":[]},{"name":"MazLoadingBar","docId":"components/maz-loading-bar","import":"import MazLoadingBar from 'maz-ui/components/MazLoadingBar'","props":[{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the component.","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"height","type":"string","description":"The height of the component.","required":false,"strictValues":false}],"events":[],"slots":[],"expose":[]},{"name":"MazMarkdownEditor","docId":"components/maz-markdown-editor","import":"import MazMarkdownEditor from 'maz-ui/components/MazMarkdownEditor'","props":[{"name":"modelValue","type":"string","description":"The markdown value of the editor","required":false,"strictValues":false,"model":"modelValue"},{"name":"id","type":"string","description":"The id of the textarea","required":false,"strictValues":false},{"name":"name","type":"string","description":"The name of the textarea","required":false,"default":"\"MazMarkdownEditor\"","strictValues":false},{"name":"label","type":"string","description":"Static label displayed above the editor","required":false,"strictValues":false},{"name":"placeholder","type":"string","description":"The placeholder of the textarea","required":false,"strictValues":false},{"name":"required","type":"boolean","description":"If the editor is required","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"If the editor is disabled","required":false,"default":"false","strictValues":false},{"name":"readonly","type":"boolean","description":"If the editor is readonly","required":false,"default":"false","strictValues":false},{"name":"error","type":"boolean","description":"If the editor has an error","required":false,"default":"false","strictValues":false},{"name":"success","type":"boolean","description":"If the editor has a success","required":false,"default":"false","strictValues":false},{"name":"warning","type":"boolean","description":"If the editor has a warning","required":false,"default":"false","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the editor","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"roundedSize","type":"MazRoundedSize","description":"Size radius of the component's border","required":false,"default":"'md'","strictValues":false},{"name":"topLabel","type":"string","description":"Static label displayed above the editor. Unlike a floating label, this remains fixed","required":false,"strictValues":false},{"name":"assistiveText","type":"string","description":"Helper text displayed below the editor to provide additional context or validation feedback","required":false,"strictValues":false},{"name":"toolbar","type":"boolean | MazMarkdownEditorToolbarAction[]","description":"Show the formatting toolbar. Pass `true` for the full toolbar, or an ordered array of action keys to display only a subset (and control their order).","required":false,"default":"false","strictValues":false},{"name":"lineNumbers","type":"boolean","description":"Display line numbers in a gutter on the left of the editor","required":false,"default":"false","strictValues":false},{"name":"shortcuts","type":"boolean","description":"Enable keyboard shortcuts for the toolbar actions (e.g. Cmd/Ctrl+B for bold).","required":false,"default":"true","strictValues":false},{"name":"sanitize","type":"boolean","description":"Sanitize the rendered preview HTML with DOMPurify","required":false,"default":"true","strictValues":false},{"name":"renderFunction","type":"((markdown: string) => string | Promise<string>)","description":"Custom markdown renderer. Receives the raw markdown and returns an HTML string (sync or async). Falls back to `marked` when omitted. The result is still sanitized when `sanitize` is enabled.","required":false,"strictValues":false},{"name":"markedOptions","type":"Record<string, unknown>","description":"Options forwarded to `marked` when using the default renderer","required":false,"strictValues":false},{"name":"rows","type":"number","description":"Minimum number of visible rows of the editor textarea","required":false,"default":"6","strictValues":false},{"name":"translations","type":"{ write?: string | undefined; preview?: string | undefined; split?: string | undefined; emptyPreview?: string | undefined; toolbar?: { heading?: string | undefined; bold?: string | undefined; italic?: string | undefined; strikethrough?: ...","description":"Custom translations for the component. Override any key independently.","required":false,"strictValues":false},{"name":"mode","type":"MazMarkdownEditorMode","required":false,"default":"\"write\"","strictValues":false,"model":"mode"}],"events":[{"name":"update:model-value","payload":"value?: string | undefined","description":"Emitted when the markdown value changes"},{"name":"blur","payload":"value: FocusEvent","description":"Emitted when the textarea is blurred"},{"name":"change","payload":"value: Event","description":"Emitted when the textarea value changes"},{"name":"focus","payload":"value: FocusEvent","description":"Emitted when the textarea is focused"},{"name":"input","payload":"value?: string | undefined","description":"Emitted when the markdown value changes"},{"name":"update:mode","payload":"value: MazMarkdownEditorMode"}],"slots":[{"name":"label","description":"Replace the static label above the editor","bindings":[]},{"name":"toolbar","description":"Replace the toolbar content (only rendered when the toolbar is enabled and not in preview mode)","bindings":[{"name":"mode","type":"MazMarkdownEditorMode","description":"The current editor mode"},{"name":"wrapSelection","type":"(before: string, after?: string) => void","description":"Wrap the current selection with the given markers"},{"name":"prefixLines","type":"(prefix: string) => void","description":"Prefix every selected line with the given string"},{"name":"applyHeading","type":"(level: number) => void","description":"Apply a heading of the given level to the selected lines"},{"name":"insertLink","type":"() => void","description":"Insert a markdown link at the selection"},{"name":"insertImage","type":"() => void","description":"Insert a markdown image at the selection"},{"name":"insertCodeBlock","type":"() => void","description":"Insert a fenced code block at the selection"},{"name":"insertTable","type":"() => void","description":"Insert a markdown table at the selection"}]},{"name":"empty-preview","description":"Content displayed in the preview pane when there is nothing to render","bindings":[]}],"expose":[{"name":"textarea","description":"The underlying textarea element"},{"name":"renderPreview","description":"Programmatically re-render the markdown preview"},{"name":"focus","description":"Focus the editor textarea"}]},{"name":"MazPagination","docId":"components/maz-pagination","import":"import MazPagination from 'maz-ui/components/MazPagination'","props":[{"name":"modelValue","type":"number","description":"The current page number.","required":false,"default":"1","strictValues":false,"model":"modelValue"},{"name":"buttonProps","type":"Partial<MazBtnProps>","description":"Props apply to the MazBtn components.","required":false,"strictValues":false},{"name":"activeColor","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\" | \"surface\"","description":"Color of the active button.","required":false,"default":"\"surface\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent","surface"],"strictValues":true},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the buttons.","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"totalPages","type":"number","description":"Total number of pages.","required":true,"default":"10","strictValues":false},{"name":"pageRange","type":"number","description":"Number of buttons to display before and after the current page.","required":false,"default":"1","strictValues":false},{"name":"loading","type":"boolean","description":"Enable loading state of current button","required":false,"default":"false","strictValues":false}],"events":[{"name":"update:model-value","payload":"value: number"}],"slots":[{"name":"first-page-sr","bindings":[{"name":"page","type":"number","description":"first page number"}],"description":"Accessible text for screen reader of the previous page button"},{"name":"previous-page-sr","bindings":[{"name":"page","type":"number","description":"previous page number"}],"description":"Accessible text for screen reader of the first page button"},{"name":"page-sr","bindings":[{"name":"page","type":"number","description":"current page number"}],"description":"Accessible text for screen reader of the current page button"},{"name":"next-page-sr","bindings":[{"name":"page","type":"number","description":"next page number"}],"description":"Accessible text for screen reader of the next page button"},{"name":"last-page-sr","bindings":[{"name":"page","type":"number","description":"last page number"}],"description":"Accessible text for screen reader of the last page button"}],"expose":[]},{"name":"MazPopover","docId":"components/maz-popover","import":"import MazPopover from 'maz-ui/components/MazPopover'","props":[{"name":"modelValue","type":"boolean","description":"Controls the popover open state","required":false,"default":"false","strictValues":false,"model":"modelValue"},{"name":"position","type":"MazPopoverPosition","description":"Position of the popover relative to trigger - Position of the popover relative to trigger","required":false,"default":"\"auto\"","values":["auto","top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"],"strictValues":false},{"name":"preferPosition","type":"MazPopoverPreferPosition","description":"Preferred position of the popover relative to trigger when auto position is used - Preferred position of the popover relative to trigger","required":false,"default":"'bottom-start'","values":["auto","top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"],"strictValues":false},{"name":"fallbackPosition","type":"MazPopoverFallbackPosition","description":"Fallback position of the popover relative to trigger when prefer position is not visible - Fallback position of the popover relative to trigger","required":false,"default":"auto","values":["auto","top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"],"strictValues":false},{"name":"trigger","type":"MazPopoverTrigger","description":"How the popover is triggered - How the popover is triggered. 'adaptive' uses hover on desktop and click on mobile","required":false,"default":"\"click\"","values":["click","hover","manual","adaptive"],"strictValues":false},{"name":"role","type":"MazPopoverRole","description":"ARIA role for accessibility - ARIA role for accessibility","required":false,"default":"\"dialog\"","values":["dialog","tooltip"],"strictValues":false},{"name":"ariaLabel","type":"string","description":"ARIA label for the popover","required":false,"strictValues":false},{"name":"announceChanges","type":"boolean","description":"Announce content changes to screen readers","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"Disables the popover - Disables the popover","required":false,"default":"false","strictValues":false},{"name":"offset","type":"number","description":"Distance between trigger and popover in pixels","required":false,"default":"8","strictValues":false},{"name":"delay","type":"number","description":"Delay before showing/hiding in milliseconds","required":false,"default":"0","strictValues":false},{"name":"hoverDelay","type":"number","description":"Delay before closing on hover in milliseconds","required":false,"default":"150","strictValues":false},{"name":"transition","type":"string","description":"CSS transition name for animations - 'scale-pop' | 'scale-fade' for default transitions. 'scale-pop' is a pop effect, 'scale-fade' is a fade effect.","required":false,"default":"\"scale-pop\"","values":["scale-pop","scale-fade","string"],"strictValues":false},{"name":"teleportTo","type":"string","description":"Teleport target selector","required":false,"default":"\"body\"","strictValues":false},{"name":"overlayClass","type":"ClassValue","description":"Additional CSS classes for the overlay wrapper","required":false,"strictValues":false},{"name":"panelClass","type":"ClassValue","description":"Additional CSS classes for the popover panel","required":false,"strictValues":false},{"name":"panelStyle","type":"StyleValue","description":"Inline styles for the popover panel","required":false,"strictValues":false},{"name":"closeOnClickOutside","type":"boolean","description":"Close popover when clicking outside","required":false,"default":"true","strictValues":false},{"name":"closeOnEscape","type":"boolean","description":"Close popover when pressing Escape key","required":false,"default":"true","strictValues":false},{"name":"persistent","type":"boolean","description":"Prevent auto-close (ignores click outside and escape key)","required":false,"default":"false","strictValues":false},{"name":"id","type":"string","description":"Custom ID for the popover element","required":false,"strictValues":false},{"name":"ariaLabelledby","type":"string","description":"ARIA labelledby attribute for accessibility","required":false,"strictValues":false},{"name":"ariaDescribedby","type":"string","description":"ARIA describedby attribute for accessibility","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\" | \"surface\"","description":"Color variant of the popover","required":false,"default":"\"surface\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent","surface"],"strictValues":true},{"name":"trapFocus","type":"boolean","description":"Trap focus inside the popover","required":false,"default":"true","strictValues":false},{"name":"keepOpenOnHover","type":"boolean","description":"Keep popover open when hovering over the panel","required":false,"default":"false","strictValues":false},{"name":"block","type":"boolean","description":"The popover will be full width of the trigger","required":false,"default":"false","strictValues":false},{"name":"positionReference","type":"string | HTMLElement","description":"CSS selector or element reference to use for positioning calculations - When provided, the popover will position relative to this element instead of the trigger Useful for components with labels where you want to position relative to the actual input","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: boolean","description":"Emitted when popover state changes"},{"name":"open","description":"Emitted when popover opens"},{"name":"close","description":"Emitted when popover closes"},{"name":"toggle","payload":"value: boolean","description":"Emitted when popover toggles"},{"name":"update:modelValue","payload":"value: boolean"},{"name":"after-close-animation","description":"Emitted after the close animation"}],"slots":[{"name":"trigger","bindings":[{"name":"open","type":"() => void","description":"Function to open the popover"},{"name":"close","type":"() => void","description":"Function to close the popover"},{"name":"toggle","type":"() => void","description":"Function to toggle the popover"},{"name":"isOpen","type":"boolean","description":"Current open state of the popover"},{"name":"trigger","type":"\"click\" | \"hover\" | \"manual\"","description":"The trigger type"}],"description":"Trigger element content"},{"name":"default","bindings":[{"name":"open","type":"() => void","description":"Function to open the popover"},{"name":"close","type":"() => void","description":"Function to close the popover"},{"name":"toggle","type":"() => void","description":"Function to toggle the popover"},{"name":"isOpen","type":"true","description":"Current open state of the popover"}],"description":"Popover content"}],"expose":[{"name":"open","description":"Open the popover"},{"name":"close","description":"Close the popover"},{"name":"toggle","description":"Toggle the popover"},{"name":"isOpen","description":"Check if the popover is open"},{"name":"updatePosition","description":"Update the popover position"},{"name":"panelRef","description":"Panel reference"},{"name":"onTransitionAfterLeave"}]},{"name":"MazPullToRefresh","docId":"components/maz-pull-to-refresh","import":"import MazPullToRefresh from 'maz-ui/components/MazPullToRefresh'","props":[{"name":"onRefresh","type":"(() => unknown)","description":"Function called when the user releases after pulling far enough. The spinner stays visible until the returned promise settles. Without it, the component does nothing.","required":false,"strictValues":false},{"name":"distance","type":"number","description":"Pull distance (in px, after resistance) required to trigger a refresh","required":false,"default":"80","strictValues":false},{"name":"maxDistance","type":"number","description":"Maximum pull distance (in px), reached with a rubber band effect beyond `distance`","required":false,"default":"distance * 1.6","strictValues":false},{"name":"resistance","type":"number","description":"Ratio between the finger movement and the pull distance, between 0 and 1. Lower is stiffer.","required":false,"default":"0.5","strictValues":false},{"name":"minDuration","type":"number","description":"Minimum duration (in ms) of the refreshing state, so the feedback stays visible on fast refreshes","required":false,"default":"400","strictValues":false},{"name":"containerSelector","type":"string","description":"CSS selector of the scroll container. By default, the closest scrollable ancestor of the component, or the window. The pull only starts when this container is scrolled to the top.","required":false,"strictValues":false},{"name":"headerClass","type":"ClassValue","description":"Class of the header that holds the indicator","required":false,"strictValues":false},{"name":"spinnerColor","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Color of the progress ring and the spinner","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"disabled","type":"boolean","description":"Disable the pull to refresh","required":false,"default":"false","strictValues":false},{"name":"standaloneMode","type":"boolean","description":"Only enable the pull to refresh when the app runs as an installed PWA (standalone display mode), browsers already provide their own pull to refresh","required":false,"default":"false","strictValues":false},{"name":"haptic","type":"boolean","description":"Vibrate briefly when the pull reaches `distance` (devices supporting `navigator.vibrate`)","required":false,"default":"true","strictValues":false},{"name":"translations","type":"{ pull?: string | undefined; release?: string | undefined; refreshing?: string | undefined; }","description":"Translations of the pull to refresh","required":false,"default":"Translations from","strictValues":false},{"name":"offset","type":"number","required":false,"strictValues":false}],"events":[{"name":"loaded","description":"Emitted when `onRefresh` resolved"},{"name":"error","payload":"error: unknown","description":"Emitted when `onRefresh` threw or rejected"},{"name":"start","description":"Emitted when the refresh starts"},{"name":"response","payload":"response: unknown","description":"Emitted with the value resolved by `onRefresh`"},{"name":"finish","description":"Emitted when the refresh ends, after `loaded` or `error`"}],"slots":[{"name":"pull-before","description":"Content shown while pulling, before the threshold","bindings":[{"name":"progress","type":"number"},{"name":"distance","type":"number"}]},{"name":"pull-ready","description":"Content shown once releasing triggers a refresh","bindings":[{"name":"progress","type":"number"},{"name":"distance","type":"number"}]},{"name":"pull-loading","description":"Content shown while refreshing","bindings":[{"name":"progress","type":"number"},{"name":"distance","type":"number"}]},{"name":"default","description":"Content of the page","bindings":[]}],"expose":[{"name":"refresh","description":"Run the refresh programmatically (a \"refresh\" button for keyboard and mouse users)"},{"name":"isRefreshing","description":"`onRefresh` is running"},{"name":"progress","description":"Pull progress towards `distance`, from 0 to 1"}]},{"name":"MazRadio","docId":"components/maz-radio","import":"import MazRadio from 'maz-ui/components/MazRadio'","props":[{"name":"id","type":"string","description":"The id of the radio","required":false,"strictValues":false},{"name":"modelValue","type":"T","description":"The value of the radio","required":false,"strictValues":false,"model":"modelValue"},{"name":"value","type":"T","description":"The value of the radio","required":true,"strictValues":false},{"name":"name","type":"string","description":"The name of the radio","required":true,"strictValues":false},{"name":"label","type":"string","description":"The label of the radio","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the radio","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"The size of the radio","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"disabled","type":"boolean","description":"The disabled state of the radio","required":false,"default":"false","strictValues":false},{"name":"error","type":"boolean","description":"Whether there is an error with the input.","required":false,"strictValues":false},{"name":"success","type":"boolean","description":"Whether the input is successful.","required":false,"strictValues":false},{"name":"warning","type":"boolean","description":"Whether there is a warning with the input.","required":false,"strictValues":false},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: T","description":"Event emitted when value change"},{"name":"blur","payload":"value: FocusEvent","description":"Emitted when the radio lost focus"},{"name":"change","payload":"value: T","description":"Event emitted when value change"},{"name":"focus","payload":"value: FocusEvent","description":"Emitted when the radio is focused"}],"slots":[{"name":"default","bindings":[{"name":"isSelected","type":"boolean"},{"name":"value","type":"T"}]}],"expose":[]},{"name":"MazRadioButtons","docId":"components/maz-radio-buttons","import":"import MazRadioButtons from 'maz-ui/components/MazRadioButtons'","props":[{"name":"modelValue","type":"T","description":"The value of the selected option","required":false,"strictValues":false,"model":"modelValue"},{"name":"options","type":"Option[]","description":"The options to display","required":true,"strictValues":false},{"name":"name","type":"string","description":"The name of the radio group","required":false,"default":"a unique name per instance","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\" | \"surface\"","description":"The color of the selected radio buttons","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent","surface"],"strictValues":true},{"name":"elevation","type":"boolean","description":"Add elevation to the radio buttons","required":false,"default":"false","strictValues":false},{"name":"orientation","type":"\"row\" | \"col\"","description":"The orientation of the radio buttons","required":false,"default":"\"row\"","values":["row","col"],"strictValues":true},{"name":"wrap","type":"boolean","description":"Disable the wrap of the radio buttons","required":false,"default":"true","strictValues":false},{"name":"equalSize","type":"boolean","description":"Make all radio buttons the same size","required":false,"default":"false","strictValues":false},{"name":"selector","type":"boolean","description":"Display a selector icon","required":false,"default":"false","strictValues":false},{"name":"block","type":"boolean","description":"The component will be displayed in full width","required":false,"default":"false","strictValues":false},{"name":"error","type":"boolean","description":"Whether there is an error with the input.","required":false,"strictValues":false},{"name":"success","type":"boolean","description":"Whether the input is successful.","required":false,"strictValues":false},{"name":"warning","type":"boolean","description":"Whether there is a warning with the input.","required":false,"strictValues":false},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"The size of the radio buttons","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true}],"events":[{"name":"update:model-value","payload":"value: Option[\"value\"]","description":"Emitted when the selected option change"},{"name":"blur","payload":"value: FocusEvent","description":"Emitted when the a radio button lost focus"},{"name":"change","payload":"value: Option[\"value\"]","description":"Emitted when the selected option change"},{"name":"focus","payload":"value: FocusEvent","description":"Emitted when the a radio button is focused"}],"slots":[{"name":"default","bindings":[{"name":"option","type":"Option","description":"The value of the option"},{"name":"selected","type":"boolean","description":"If the option is selected"}],"description":"Label of the radio"}],"expose":[]},{"name":"MazReadMore","docId":"components/maz-read-more","import":"import MazReadMore from 'maz-ui/components/MazReadMore'","props":[{"name":"text","type":"string","description":"The text to be truncated.","required":false,"strictValues":false},{"name":"maxLines","type":"number","description":"The maximum number of lines to be displayed.","required":false,"default":"4","strictValues":false},{"name":"maxChars","type":"number","description":"The maximum number of characters to be displayed.","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\" | \"surface\" | \"muted\" | \"inherit\"","description":"The color of the link (MazLink).","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent","surface","muted","inherit"],"strictValues":true},{"name":"collapseText","type":"string","description":"The text of the link when the content is collapsed.","required":false,"default":"'readMore.collapse' (translations)","strictValues":false},{"name":"expandText","type":"string","description":"The text of the link when the content is expanded.","required":false,"default":"'readMore.expand' (translations)","strictValues":false},{"name":"id","type":"string","description":"Unique identifier for accessibility linking.","required":false,"strictValues":false},{"name":"ariaLabel","type":"string","description":"Accessibility label for the content region.","required":false,"default":"'readMore.ariaLabel' (translations)","strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazReadingProgressBar","docId":"components/maz-reading-progress-bar","import":"import MazReadingProgressBar from 'maz-ui/components/MazReadingProgressBar'","props":[{"name":"height","type":"string","description":"Height of the progress bar","required":false,"default":"\"4px\"","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Color of the progress bar","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"teleportSelector","type":"string","description":"Selector of the element to teleport the progress bar","required":false,"default":"\"body\"","strictValues":false},{"name":"contentSelector","type":"string","description":"Selector of the element to get the height","required":false,"default":"\"body\"","strictValues":false},{"name":"offset","type":"number","description":"Offset of the progress bar","required":false,"default":"0","strictValues":false},{"name":"barClass","type":"ClassValue","description":"Class of the progress bar","required":false,"strictValues":false},{"name":"distance","type":"number","description":"Instead of using the height of the content with a selector, you can set a scroll distance","required":false,"strictValues":false}],"events":[{"name":"begin"},{"name":"complete"}],"slots":[],"expose":[]},{"name":"MazSelect","docId":"components/maz-select","import":"import MazSelect from 'maz-ui/components/MazSelect'","props":[{"name":"id","type":"string","description":"The id of the select","required":false,"strictValues":false},{"name":"label","type":"string","description":"The label of the select","required":false,"strictValues":false},{"name":"topLabel","type":"string","description":"Static label displayed above the input field. Unlike the floating label, this remains fixed","required":false,"strictValues":false},{"name":"placeholder","type":"string","description":"The placeholder of the select","required":false,"strictValues":false},{"name":"modelValue","type":"(Multiple extends true ? Value[] : Value)","description":"The value of the select","required":false,"strictValues":false,"model":"modelValue"},{"name":"options","type":"Option[]","description":"The options of the select","required":true,"strictValues":false},{"name":"optionValueKey","type":"string","description":"The key of the option value","required":false,"default":"\"value\"","strictValues":false},{"name":"optionLabelKey","type":"string","description":"The key of the option label","required":false,"default":"\"label\"","strictValues":false},{"name":"optionInputValueKey","type":"string","description":"The key of the option input value","required":false,"default":"\"label\"","strictValues":false},{"name":"listPosition","type":"MazPopoverPosition","description":"The position of the list (auto by default - will switch between bottom-start and top-start)","required":false,"default":"\"auto\"","strictValues":false},{"name":"preferPosition","type":"MazPopoverPreferPosition","description":"The prefer position of the list","required":false,"default":"\"bottom-start\"","strictValues":false},{"name":"fallbackPosition","type":"MazPopoverFallbackPosition","description":"The fallback position of the list","required":false,"default":"\"top-start\"","strictValues":false},{"name":"itemHeight","type":"number","description":"The height of the option list item","required":false,"strictValues":false},{"name":"maxListHeight","type":"number","description":"The max height of the option list","required":false,"default":"240","strictValues":false},{"name":"maxListWidth","type":"number","description":"The max width of the option list","required":false,"strictValues":false},{"name":"minListHeight","type":"number","description":"The min height of the option list","required":false,"strictValues":false},{"name":"minListWidth","type":"number","description":"The min width of the option list","required":false,"strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"The size of the select","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the select","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"search","type":"boolean","description":"Display search input in option list","required":false,"strictValues":false},{"name":"searchFunction","type":"((query: string, options: Option[]) => Option[] | undefined)","description":"Replace the default search function to provide a custom search function","required":false,"strictValues":false},{"name":"searchThreshold","type":"number","description":"The threshold for the search input where 1 is a perfect match and 0 is a match with any character","required":false,"default":"0.75","strictValues":false},{"name":"multiple","type":"Multiple","description":"Enable the multiple selection","required":false,"default":"false","strictValues":false},{"name":"required","type":"boolean","description":"Make the input required in the form","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"Disable the component","required":false,"strictValues":false},{"name":"block","type":"boolean","description":"The input will be displayed in full width","required":false,"strictValues":false},{"name":"autocomplete","type":"string","description":"The autocomplete attribute of the input","required":false,"default":"\"off\"","strictValues":false},{"name":"translations","type":"Partial<{ searchPlaceholder: string; }>","description":"The translations of the component","required":false,"default":"{ searchPlaceholder: 'Search in options', }","strictValues":false},{"name":"formatInputValue","type":"((value: Multiple extends true ? Value[] : Value) => string)","description":"The function to format the input value","required":false,"strictValues":false},{"name":"transition","type":"string","description":"The transition name of the panel list options","required":false,"default":"\"scale-fade\"","strictValues":false},{"name":"open","type":"boolean","required":false,"default":"false","strictValues":false,"model":"open"}],"events":[{"name":"update:model-value","payload":"value: Multiple extends true ? Value[] : Value","description":"On model value update, returns the new value"},{"name":"open","description":"On list is opened"},{"name":"close","description":"On list is closed"},{"name":"blur","payload":"value: Event","description":"On input blur"},{"name":"change","payload":"value: Event","description":"On input change value"},{"name":"focus","payload":"value?: Event | undefined","description":"On input focus"},{"name":"input","payload":"value: Event","description":"On input value"},{"name":"selected-option","payload":"value: Option","description":"On selected value, returns the option object"},{"name":"update:open","payload":"value: boolean"}],"slots":[{"name":"start-icon","bindings":[{"name":"isOpen","type":"false","description":"Current open state of the popover"},{"name":"close","type":"() => void","description":"Function to close the popover"},{"name":"open","type":"() => void","description":"Function to open the popover"},{"name":"toggle","type":"() => void","description":"Function to toggle the popover"}],"description":"Add a custom inline-start icon (left in LTR, right in RTL)"},{"name":"end-icon","bindings":[{"name":"isOpen","type":"false","description":"Current open state of the popover"},{"name":"close","type":"() => void","description":"Function to close the popover"},{"name":"open","type":"() => void","description":"Function to open the popover"},{"name":"toggle","type":"() => void","description":"Function to toggle the popover"}],"description":"Add and replace a custom inline-end icon (right in LTR, left in RTL)"},{"name":"no-results","bindings":[],"description":"No results slot - Displayed when no results corresponding with search query"},{"name":"optgroup","bindings":[{"name":"label","type":"string | number | true","description":"the label of the optgroup"}],"description":"Custom optgroup label"},{"name":"default","bindings":[{"name":"option","type":"Option","description":"the option object"},{"name":"isSelected","type":"boolean","description":"if the option is selected"},{"name":"isOpen","type":"false","description":"if the popover is open"},{"name":"close","type":"() => void","description":"function to close the popover"},{"name":"open","type":"() => void","description":"function to open the popover"},{"name":"toggle","type":"() => void","description":"function to toggle the popover"}],"description":"Custom option"}],"expose":[]},{"name":"MazSelectCountry","docId":"components/maz-select-country","import":"import MazSelectCountry from 'maz-ui/components/MazSelectCountry'","props":[{"name":"id","type":"string","description":"Id of the component","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Color of the component","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the component","required":false,"default":"md","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"preferredCodes","type":"Option[\"code\"][]","description":"Preferred countries to display","required":false,"strictValues":false},{"name":"ignoredCodes","type":"Option[\"code\"][]","description":"Ignored countries to display","required":false,"strictValues":false},{"name":"onlyCodes","type":"Option[\"code\"][]","description":"Only countries to display","required":false,"strictValues":false},{"name":"listPosition","type":"MazPopoverPosition","description":"Position of the list","required":false,"default":"'auto'","strictValues":false},{"name":"hideFlags","type":"boolean","description":"Hide flags","required":false,"strictValues":false},{"name":"flagSrc","type":"MazCountryFlagSrc","description":"Source of the flags, instead of the flagcdn.com CDN: - a URL template with the code, `{code}` (lowercase) or `{CODE}` (uppercase): `/flags/{code}.svg` - a function giving the image source of a code (URL or data URL), called when the flag becomes visible, or `undefined` to display the code in a badge Use `loadCountryFlag` from `maz-ui/country-flags` for the flags of `@maz-ui/icons`, without any request to a third party. Can be set for the whole app with the `defaults.global.flagSrc` option of the MazUi plugin.","required":false,"default":"undefined (flags from flagcdn.com)","strictValues":false},{"name":"search","type":"boolean","description":"Display search input in options list","required":false,"default":"true","strictValues":false},{"name":"showCodeInList","type":"boolean","description":"Show code on list","required":false,"default":"false","strictValues":false},{"name":"locale","type":"string","description":"Locale","required":false,"default":"locale defined within the maz-ui plugin or browser locale or en-US","strictValues":false},{"name":"success","type":"boolean","description":"Success state","required":false,"strictValues":false},{"name":"error","type":"boolean","description":"Error state","required":false,"strictValues":false},{"name":"warning","type":"boolean","description":"Warning state","required":false,"strictValues":false},{"name":"displayCode","type":"boolean","required":false,"strictValues":false},{"name":"searchThreshold","type":"number","description":"Search threshold","required":false,"default":"0.75","strictValues":false},{"name":"translations","type":"Partial<{ searchPlaceholder: string; }>","description":"Translations","required":false,"default":"MazUiTranslationsNestedSchema['selectCountry']","strictValues":false},{"name":"hint","type":"string","description":"Hint message displayed","required":false,"strictValues":false},{"name":"options","type":"Option[]","description":"Options","required":false,"strictValues":false},{"name":"displayNamesOptions","type":"DisplayNamesOptions","description":"Display name type","required":false,"default":"{ type: \"region\", languageDisplay: \"standard\", fallback: \"code\", style: \"long\" }","strictValues":false},{"name":"codesType","type":"CodesType","description":"Codes type","required":false,"default":"defined by displayNamesOptions.type (if 'region', 'country' is used, otherwise 'iso')","values":["iso","bcp","country","all"],"strictValues":false},{"name":"open","type":"boolean","description":"Open the select","required":false,"default":"false","strictValues":false},{"name":"modelValue","type":"Option[\"code\"]","description":"The value of the select","required":false,"strictValues":false,"model":"modelValue"},{"name":"disabled","type":"boolean","description":"Disable the component","required":false,"strictValues":false},{"name":"block","type":"boolean","description":"The input will be displayed in full width","required":false,"strictValues":false},{"name":"required","type":"boolean","description":"Make the input required in the form","required":false,"strictValues":false},{"name":"label","type":"string","description":"The label of the select","required":false,"strictValues":false},{"name":"searchFunction","type":"((query: string, options: Option[]) => Option[] | undefined)","description":"Replace the default search function to provide a custom search function","required":false,"strictValues":false},{"name":"placeholder","type":"string","description":"The placeholder of the select","required":false,"strictValues":false},{"name":"transition","type":"string","description":"The transition name of the panel list options","required":false,"default":"'scale-fade'","strictValues":false},{"name":"preferPosition","type":"MazPopoverPreferPosition","description":"The prefer position of the list","required":false,"default":"'bottom-start'","strictValues":false},{"name":"fallbackPosition","type":"MazPopoverFallbackPosition","description":"The fallback position of the list","required":false,"default":"'top-start'","strictValues":false},{"name":"topLabel","type":"string","description":"Static label displayed above the input field. Unlike the floating label, this remains fixed","required":false,"strictValues":false},{"name":"autocomplete","type":"string","description":"The autocomplete attribute of the input","required":false,"default":"'off'","strictValues":false},{"name":"optionValueKey","type":"string","description":"The key of the option value","required":false,"default":"\"code\"","strictValues":false},{"name":"optionLabelKey","type":"string","description":"The key of the option label","required":false,"default":"\"name\"","strictValues":false},{"name":"optionInputValueKey","type":"string","description":"The key of the option input value","required":false,"default":"\"name\"","strictValues":false},{"name":"itemHeight","type":"number","description":"The height of the option list item","required":false,"strictValues":false},{"name":"maxListHeight","type":"number","description":"The max height of the option list","required":false,"default":"240","strictValues":false},{"name":"maxListWidth","type":"number","description":"The max width of the option list","required":false,"default":"250","strictValues":false},{"name":"minListHeight","type":"number","description":"The min height of the option list","required":false,"strictValues":false},{"name":"minListWidth","type":"number","description":"The min width of the option list","required":false,"default":"200","strictValues":false},{"name":"formatInputValue","type":"((value: Option[\"code\"]) => string)","description":"The function to format the input value","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value?: Option[\"code\"] | undefined","description":"Emitted when the model value changes"}],"slots":[{"name":"selector-flag","bindings":[{"name":"countryCode","type":"Option[\"code\"]","description":"current selected country code - Ex: `\"FR\"`"}],"description":"Country selector flag"},{"name":"no-results","bindings":[]},{"name":"country-list-flag","bindings":[{"name":"option","type":"Option","description":"country data"},{"name":"isSelected","type":"boolean","description":"`true` if option is selected"}],"description":"Country list flag"},{"name":"country-list-code","bindings":[{"name":"option","type":"Option"},{"name":"isSelected","type":"boolean"}]},{"name":"country-list-name","bindings":[{"name":"option","type":"Option"},{"name":"isSelected","type":"boolean"}]}],"expose":[]},{"name":"MazSidebar","docId":"components/maz-sidebar","import":"import MazSidebar from 'maz-ui/components/MazSidebar'","props":[{"name":"id","type":"string","description":"Unique identifier for the sidebar (auto-generated if not provided)","required":false,"strictValues":false},{"name":"open","type":"boolean","description":"Whether the sidebar is open","required":false,"default":"true","strictValues":false,"model":"open"},{"name":"side","type":"\"end\" | \"start\"","description":"Side of the sidebar","required":false,"default":"\"start\"","values":["end","start"],"strictValues":true},{"name":"collapsible","type":"\"icon\" | \"none\" | \"hover\" | \"offcanvas\"","description":"How the sidebar collapses - offcanvas: completely hidden - icon: only icons visible - hover: only icons visible by default, expands on mouse hover or keyboard focus (transient visual state - does not update `v-model:open` nor the persistence cookie) - none: always fully visible","required":false,"default":"\"offcanvas\"","values":["icon","none","hover","offcanvas"],"strictValues":true},{"name":"mode","type":"\"push\" | \"overlay\"","description":"How the sidebar affects layout - push: sidebar is in document flow - overlay: sidebar floats over content with a backdrop","required":false,"default":"\"push\"","values":["push","overlay"],"strictValues":true},{"name":"width","type":"string","description":"Width of the expanded sidebar","required":false,"default":"\"16rem\"","strictValues":false},{"name":"iconWidth","type":"string","description":"Width of the collapsed sidebar in icon mode","required":false,"default":"\"3rem\"","strictValues":false},{"name":"tooltipMode","type":"MazSidebarTooltipMode","description":"When descendant `MazSidebarMenuButton` components should display their tooltip. - `always`: tooltip shows on hover regardless of the sidebar state - `closed`: tooltip only shows on hover when the sidebar is collapsed Individual buttons can override this via their own `tooltipMode` prop.","required":false,"default":"\"closed\"","strictValues":false},{"name":"persist","type":"boolean","description":"Persist the open/collapsed state in a cookie so it survives reloads. Restoration happens on client mount (SSR-safe). For zero-flash SSR, read the cookie server-side and forward it via `v-model:open`.","required":false,"default":"true","strictValues":false},{"name":"persistKey","type":"string","description":"Cookie key used when `persist` is enabled. Set a unique key per sidebar instance if you mount several sidebars on the same site.","required":false,"default":"\"maz-sidebar-open\"","strictValues":false}],"events":[{"name":"update:open","payload":"value: boolean","description":"Emitted when open state changes"}],"slots":[{"name":"default","bindings":[]}],"expose":[{"name":"toggle"},{"name":"setOpen"}]},{"name":"MazSidebarContent","docId":"components/maz-sidebar-content","import":"import MazSidebarContent from 'maz-ui/components/MazSidebarContent'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazSidebarFooter","docId":"components/maz-sidebar-footer","import":"import MazSidebarFooter from 'maz-ui/components/MazSidebarFooter'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazSidebarGroup","docId":"components/maz-sidebar-group","import":"import MazSidebarGroup from 'maz-ui/components/MazSidebarGroup'","props":[{"name":"label","type":"string","description":"Optional label for the group","required":false,"strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[],"parent":"MazSidebar"},{"name":"MazSidebarHeader","docId":"components/maz-sidebar-header","import":"import MazSidebarHeader from 'maz-ui/components/MazSidebarHeader'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazSidebarMenu","docId":"components/maz-sidebar-menu","import":"import MazSidebarMenu from 'maz-ui/components/MazSidebarMenu'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazSidebarMenuButton","docId":"components/maz-sidebar-menu-button","import":"import MazSidebarMenuButton from 'maz-ui/components/MazSidebarMenuButton'","props":[{"name":"to","type":"string | Record<string, unknown>","description":"Route for router-link navigation","required":false,"strictValues":false},{"name":"href","type":"string","description":"URL for anchor navigation","required":false,"strictValues":false},{"name":"icon","type":"MazIconLike","description":"Icon to display before the label. Accepts a bare icon value (Vue component, raw SVG string, URL) or a full `MazIconProps` object for fine-grained control (size, title, fallback, …).","required":false,"strictValues":false},{"name":"label","type":"string","description":"Label text","required":false,"strictValues":false},{"name":"badge","type":"MazSidebarMenuButtonBadge","description":"Badge content. Pass a `string`/`number` for a simple primary badge, or a full `MazBadgeProps` object (with optional `text`) to customise color, size, outlined, …","required":false,"strictValues":false},{"name":"tooltip","type":"string","description":"Tooltip text. When provided, shows a tooltip on hover via the `v-tooltip` directive.","required":false,"strictValues":false},{"name":"tooltipMode","type":"MazSidebarTooltipMode","description":"Controls when the tooltip should be displayed. - `always`: tooltip shows on hover regardless of the sidebar state - `closed`: tooltip only shows on hover when the sidebar is collapsed Overrides the parent `MazSidebar`'s `tooltipMode`. Falls back to the sidebar value (which defaults to `always`) when not provided.","required":false,"strictValues":false},{"name":"active","type":"boolean","description":"Whether the item is active (highlights with `aria-current=\"page\"`)","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"Whether the item is disabled","required":false,"strictValues":false},{"name":"size","type":"\"sm\" | \"md\" | \"lg\"","description":"Size of the button","required":false,"default":"\"md\"","values":["sm","md","lg"],"strictValues":true}],"events":[{"name":"click","payload":"event: MouseEvent"}],"slots":[{"name":"icon","bindings":[]},{"name":"default","bindings":[]}],"expose":[],"parent":"MazSidebar"},{"name":"MazSidebarMenuItem","docId":"components/maz-sidebar-menu-item","import":"import MazSidebarMenuItem from 'maz-ui/components/MazSidebarMenuItem'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazSidebarMenuSub","docId":"components/maz-sidebar-menu-sub","import":"import MazSidebarMenuSub from 'maz-ui/components/MazSidebarMenuSub'","props":[{"name":"label","type":"string","description":"Label for the sub-menu trigger button","required":false,"strictValues":false},{"name":"icon","type":"MazIconLike","description":"Icon to display before the label. Accepts a bare icon value (Vue component, raw SVG string, URL) or a full `MazIconProps` object for fine-grained control.","required":false,"strictValues":false},{"name":"defaultOpen","type":"boolean","description":"Whether the sub-menu is open by default","required":false,"default":"false","strictValues":false}],"events":[],"slots":[{"name":"icon","bindings":[]},{"name":"label","bindings":[]},{"name":"chevron","bindings":[]},{"name":"default","bindings":[]}],"expose":[],"parent":"MazSidebar"},{"name":"MazSidebarSeparator","docId":"components/maz-sidebar-separator","import":"import MazSidebarSeparator from 'maz-ui/components/MazSidebarSeparator'","props":[],"events":[],"slots":[],"expose":[]},{"name":"MazSidebarTrigger","docId":"components/maz-sidebar-trigger","import":"import MazSidebarTrigger from 'maz-ui/components/MazSidebarTrigger'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazSkeleton","docId":"components/maz-skeleton","import":"import MazSkeleton from 'maz-ui/components/MazSkeleton'","props":[{"name":"shape","type":"\"square\" | \"circle\" | \"rectangle\"","description":"Skeleton shape type","required":false,"default":"\"rectangle\"","values":["square","circle","rectangle"],"strictValues":true},{"name":"size","type":"`${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...","description":"Size with units (ex: '2rem', '40px', '3em')","required":false,"default":"\"1rem\"","strictValues":false},{"name":"width","type":"`${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...","description":"Custom width","required":false,"strictValues":false},{"name":"height","type":"`${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...","description":"Custom height","required":false,"strictValues":false},{"name":"animated","type":"boolean","description":"Disable animation","required":false,"default":"true","strictValues":false},{"name":"roundedSize","type":"MazRoundedSize","description":"Controls the border radius","required":false,"default":"'md'","values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"ariaLabel","type":"string","description":"Accessibility label","required":false,"default":"'skeleton.ariaLabel' (translations)","strictValues":false},{"name":"loadingText","type":"string","description":"Loading text for accessibility","required":false,"default":"'skeleton.loadingText' (translations)","strictValues":false}],"events":[],"slots":[],"expose":[]},{"name":"MazSlider","docId":"components/maz-slider","import":"import MazSlider from 'maz-ui/components/MazSlider'","props":[{"name":"modelValue","type":"number | number[] | null","description":"Array of cursors values","required":true,"strictValues":false,"model":"modelValue"},{"name":"labels","type":"string[]","description":"array of cursors label","required":false,"strictValues":false},{"name":"min","type":"number","description":"min value of sliders","required":false,"default":"0","strictValues":false},{"name":"max","type":"number","description":"max value of sliders","required":false,"default":"100","strictValues":false},{"name":"step","type":"number","description":"step value for slider increments","required":false,"default":"1","strictValues":false},{"name":"size","type":"`${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...","description":"height size of slider bar","required":false,"strictValues":false},{"name":"divider","type":"boolean","description":"remove div in different colors","required":false,"default":"true","strictValues":false},{"name":"log","type":"boolean","description":"become a logarithmic slider (exponential)","required":false,"default":"false","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"main slider color","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"cursorAnim","type":"boolean","description":"disables cursor animation when active","required":false,"default":"true","strictValues":false}],"events":[{"name":"update:model-value","payload":"any["}],"slots":[],"expose":[]},{"name":"MazSpinner","docId":"components/maz-spinner","import":"import MazSpinner from 'maz-ui/components/MazSpinner'","props":[{"name":"size","type":"`${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...","description":"The size of the spinner","required":false,"default":"\"2em\"","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the spinner","required":false,"default":"\"theme\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true}],"events":[],"slots":[],"expose":[]},{"name":"MazStepper","docId":"components/maz-stepper","import":"import MazStepper from 'maz-ui/components/MazStepper'","props":[{"name":"modelValue","type":"number","description":"The current step","required":false,"strictValues":false,"model":"modelValue"},{"name":"steps","type":"MazStepperStep[]","description":"The steps","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the stepper","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"disabledNextSteps","type":"boolean","description":"Disable the next steps","required":false,"strictValues":false},{"name":"disabledPreviousSteps","type":"boolean","description":"Disable the previous steps","required":false,"strictValues":false},{"name":"autoValidateSteps","type":"boolean","description":"Auto validate the steps","required":false,"strictValues":false},{"name":"allStepsOpened","type":"boolean","description":"Open all steps","required":false,"strictValues":false},{"name":"allStepsValidated","type":"boolean","description":"Validate all steps","required":false,"strictValues":false},{"name":"canCloseSteps","type":"boolean","description":"Allow to close the steps","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: number"}],"slots":[{"name":"point","bindings":[{"name":"step","type":"number"}]},{"name":"icon-{step}","description":"One slot per `step`: `#icon-<step>`.","bindings":[]},{"name":"title-{step}","description":"One slot per `step`: `#title-<step>`.","bindings":[]},{"name":"subtitle-{step}","description":"One slot per `step`: `#subtitle-<step>`.","bindings":[]},{"name":"title-info-{step}","description":"One slot per `step`: `#title-info-<step>`.","bindings":[]},{"name":"content-{step}","description":"One slot per `step`: `#content-<step>`.","bindings":[]}],"expose":[]},{"name":"MazSwitch","docId":"components/maz-switch","import":"import MazSwitch from 'maz-ui/components/MazSwitch'","props":[{"name":"modelValue","type":"boolean","description":"The model value of the switch","required":false,"default":"false","strictValues":false,"model":"modelValue"},{"name":"id","type":"string","description":"The id of the switch","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"If the switch is disabled","required":false,"strictValues":false},{"name":"name","type":"string","description":"The name of the switch","required":false,"strictValues":false},{"name":"label","type":"string","description":"Text label","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the switch","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"error","type":"boolean","description":"Whether there is an error with the input.","required":false,"strictValues":false},{"name":"success","type":"boolean","description":"Whether the input is successful.","required":false,"strictValues":false},{"name":"warning","type":"boolean","description":"Whether there is a warning with the input.","required":false,"strictValues":false},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: boolean","description":"Emitted when the model value changes"},{"name":"blur","payload":"value: FocusEvent","description":"Emitted when the switch lost focus"},{"name":"change","payload":"value: boolean","description":"Emitted when the model value changes"},{"name":"focus","payload":"value: FocusEvent","description":"Emitted when the switch is focused"}],"slots":[{"name":"default","bindings":[{"name":"value","type":"boolean","description":"The value of the switch"}],"description":"The label of the switch"}],"expose":[]},{"name":"MazTable","docId":"components/maz-table","import":"import MazTable from 'maz-ui/components/MazTable'","props":[{"name":"tableClass","type":"ClassValue","description":"CSS class of the table element","required":false,"strictValues":false},{"name":"tableStyle","type":"StyleValue","description":"CSS style of the table element","required":false,"strictValues":false},{"name":"modelValue","type":"(string | number | boolean)[]","description":"List of selected rows","required":false,"strictValues":false,"model":"modelValue"},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the table","required":false,"default":"md","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"inputSize","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the search inputs","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"title","type":"string","description":"Title of the table","required":false,"strictValues":false},{"name":"headers","type":"MazTableHeader[]","description":"Headers of the table","required":false,"strictValues":false},{"name":"sortable","type":"boolean","description":"Enable sort feature on all columns","required":false,"default":"false","strictValues":false},{"name":"headersAlign","type":"\"left\" | \"right\" | \"justify\" | \"center\" | \"char\"","description":"Align all headers","required":false,"default":"\"left\"","values":["left","right","justify","center","char"],"strictValues":true},{"name":"rows","type":"T[]","description":"Rows of the table","required":false,"strictValues":false},{"name":"hoverable","type":"boolean","description":"Add hover effect on rows","required":false,"default":"false","strictValues":false},{"name":"search","type":"boolean","description":"Enable search feature in table header","required":false,"default":"false","strictValues":false},{"name":"hideSearchInRow","type":"boolean","description":"Disable search in rows - useful to filter data yourself or make search request to server","required":false,"default":"false","strictValues":false},{"name":"hideSearchBy","type":"boolean","description":"Disable search by column (remove select input \"search by\")","required":false,"default":"false","strictValues":false},{"name":"searchQuery","type":"string","description":"Search query in input","required":false,"strictValues":false,"model":"searchQuery"},{"name":"backgroundOdd","type":"boolean","description":"Add background color to odd rows","required":false,"default":"false","strictValues":false},{"name":"backgroundEven","type":"boolean","description":"Add background color to even rows","required":false,"default":"false","strictValues":false},{"name":"elevation","type":"boolean","description":"Add shadow to the table","required":false,"default":"false","strictValues":false},{"name":"divider","type":"boolean","description":"add divider between rows","required":false,"default":"false","strictValues":false},{"name":"caption","type":"string","description":"Caption of the table","required":false,"strictValues":false},{"name":"captionSide","type":"\"bottom\" | \"top\"","description":"Caption side","required":false,"default":"\"bottom\"","values":["bottom","top"],"strictValues":true},{"name":"pagination","type":"boolean","description":"Add pagination in table footer","required":false,"default":"false","strictValues":false},{"name":"page","type":"number","description":"Current page of pagination","required":false,"default":"1","strictValues":false,"model":"page"},{"name":"pageSize","type":"number","description":"Number of items per page","required":false,"default":"20","strictValues":false,"model":"pageSize"},{"name":"totalPages","type":"number","description":"Total number of pages","required":false,"strictValues":false},{"name":"paginateRows","type":"boolean","description":"Don't paginate rows - useful to make pagination request with your server","required":false,"default":"true","strictValues":false},{"name":"totalItems","type":"number","description":"Total number of items","required":false,"strictValues":false},{"name":"loading","type":"boolean","description":"Loading state","required":false,"default":"false","strictValues":false},{"name":"selectable","type":"boolean","description":"Enable selection of rows","required":false,"default":"false","strictValues":false},{"name":"selectedKey","type":"string","description":"Enable selection of rows - key of the selected row","required":false,"strictValues":false},{"name":"tableLayout","type":"\"auto\" | \"fixed\"","description":"Table layout","required":false,"values":["auto","fixed"],"strictValues":true},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Color of the component","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"translations","type":"{ noResults?: string | undefined; actionColumnTitle?: string | undefined; searchByInput?: { all?: string | undefined; placeholder?: string | undefined; } | undefined; searchInput?: { placeholder?: string | undefined; } | undefined; pagin...","description":"Translations of the table","required":false,"default":"Translations from","strictValues":false},{"name":"roundedSize","type":"MazRoundedSize","description":"Size radius of the component's border","required":false,"default":"md","values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"scrollable","type":"boolean","description":"Enable scrollable on table","required":false,"default":"false","strictValues":false},{"name":"rowKey","type":"string","description":"Field name used as a stable key for each row (e.g. an id). Gives every row a stable identity so reordering is tracked correctly - required for `animatedRows` to look right. Falls back to the row index when not provided.","required":false,"strictValues":false},{"name":"animatedRows","type":"boolean","description":"Animate row reordering with a FLIP transition (rows slide to their new position). Provide a stable `rowKey` for meaningful results. Respects `prefers-reduced-motion`.","required":false,"default":"false","strictValues":false},{"name":"virtualized","type":"boolean","description":"Only render the rows visible in the viewport (plus an overscan) using `@tanstack/vue-virtual`. Keeps the table fast on thousands of rows. Requires `maxHeight` to bound the scroll viewport. Ignored when `animatedRows` is on or when a custom default slot is provided. Rows render client-side only.","required":false,"default":"false","strictValues":false},{"name":"maxHeight","type":"string","description":"Max height of the scroll viewport (any CSS length, e.g. `'400px'`, `'70vh'`). Enables scrolling and, when `virtualized`, bounds the virtualized viewport.","required":false,"strictValues":false},{"name":"estimatedRowHeight","type":"number","description":"Fixed row height in pixels used by the virtualizer to place rows and size the spacers. Set it to your real row height (virtualized rows should be uniform).","required":false,"default":"44","strictValues":false},{"name":"overscan","type":"number","description":"Number of rows rendered outside the viewport on each side when `virtualized`.","required":false,"default":"10","strictValues":false}],"events":[{"name":"update:model-value","description":"Emitted when a row is selected","payload":"(string | number | boolean | MazTableRow<T>)[] | undefined"},{"name":"update:search-query","description":"Emitted when entering a value in the search input","payload":"string | undefined"},{"name":"update:page","description":"Emitted when the current page of pagination changes","payload":"number"},{"name":"update:page-size","description":"Emitted when the page size of pagination changes","payload":"number"}],"slots":[{"name":"title","bindings":[],"description":"Replace the title of the table"},{"name":"caption","bindings":[],"description":"Add caption on top or bottom of the table"},{"name":"thead","bindings":[],"description":"Content in thead element"},{"name":"header","bindings":[{"name":"header","type":"MazTableHeadersNormalized","description":"Header data"},{"name":"label","type":"string","description":"Header label"}],"description":"Replace column header"},{"name":"actions-header","bindings":[],"description":"Replace text of actions header"},{"name":"default","bindings":[]},{"name":"select","bindings":[{"name":"row","type":"T","description":"Row data"},{"name":"selected","type":"boolean","description":"If selected or not"}],"description":"Replace checkbox component"},{"name":"cell","bindings":[{"name":"row","type":"T","description":"Row data"},{"name":"value","type":"any","description":"Cell value"}],"description":"Replace all row cells"},{"name":"actions","bindings":[{"name":"row","type":"T","description":"Row data"}],"description":"Add actions column"},{"name":"no-results","bindings":[],"description":"Replace the no results element"},{"name":"no-results-text","bindings":[],"description":"replace no results test only"},{"name":"header-label-{key}","description":"One slot per `key`: `#header-label-<key>`.","bindings":[]},{"name":"cell-{key}","description":"One slot per `key`: `#cell-<key>`. Replace all row cells","bindings":[{"name":"row","type":"T","description":"Row data"},{"name":"value","type":"any","description":"Cell value"}]}],"expose":[]},{"name":"MazTableCell","docId":"components/maz-table-cell","import":"import MazTableCell from 'maz-ui/components/MazTableCell'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[],"parent":"MazTable"},{"name":"MazTableRow","docId":"components/maz-table-row","import":"import MazTableRow from 'maz-ui/components/MazTableRow'","props":[{"name":"hoverable","type":"boolean","description":"Override hoverable of table props","required":false,"default":"true","strictValues":false},{"name":"isHead","type":"boolean","description":"If true, the row is a head row","required":false,"default":"false","strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[],"parent":"MazTable"},{"name":"MazTableTitle","docId":"components/maz-table-title","import":"import MazTableTitle from 'maz-ui/components/MazTableTitle'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[],"parent":"MazTable"},{"name":"MazTableVirtualizer","docId":"components/maz-table-virtualizer","import":"import MazTableVirtualizer from 'maz-ui/components/MazTableVirtualizer'","props":[{"name":"count","type":"number","description":"Total number of rows to virtualize.","required":true,"strictValues":false},{"name":"scrollElement","type":"HTMLElement | null","description":"Scrollable viewport element the virtualizer observes.","required":false,"default":"null","strictValues":false},{"name":"estimateSize","type":"number","description":"Fixed per-row height used to place rows and size the spacers.","required":false,"default":"44","strictValues":false},{"name":"overscan","type":"number","description":"Rows rendered outside the viewport on each side.","required":false,"default":"10","strictValues":false}],"events":[{"name":"change","payload":"window: MazTableVirtualWindow"}],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazTabs","docId":"components/maz-tabs","import":"import MazTabs from 'maz-ui/components/MazTabs'","props":[{"name":"modelValue","type":"number","description":"The the selected tab number","required":false,"strictValues":false,"model":"modelValue"},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the tabs, forwarded to MazTabsBar (and each tab button)","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"roundedSize","type":"MazRoundedSize","description":"Size of the rounded, forwarded to MazTabsBar","required":false,"values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Color of the active tab indicator, forwarded to MazTabsBar","required":false,"values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true}],"events":[{"name":"update:model-value","payload":"value: number","description":"Emitted when the selected tab change"}],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazTabsBar","docId":"components/maz-tabs-bar","import":"import MazTabsBar from 'maz-ui/components/MazTabsBar'","props":[{"name":"items","type":"readonly Item[]","description":"The items to display in the tabs bar","required":true,"strictValues":false},{"name":"modelValue","type":"MazTabsBarItemValue<Item>","description":"Selected tab (standalone usage, without MazTabs). Holds the item `value` when provided, otherwise the 1-based index. Pass items `as const` (or with literal `value`) to infer a union type.","required":false,"strictValues":false,"model":"modelValue"},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the tabs (forwarded to each MazBtn)","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"roundedSize","type":"MazRoundedSize","description":"Size of the rounded applied to the bar, the indicator and each tab","required":false,"default":"'md'","values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Color of the active tab indicator. When omitted, the default neutral indicator is used.","required":false,"values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"standalone","type":"boolean","description":"Force the standalone mode: the tabs bar ignores any surrounding `MazTabs` (selection, size, rounded-size and color are no longer inherited) and is driven only by its own `v-model`. Useful for a nested switcher inside a page already wrapped by `MazTabs`.","required":false,"default":"false","strictValues":false},{"name":"persistent","type":"boolean","description":"Will add a query param to the url to keep the selected tab on page refresh","required":false,"default":"false","strictValues":false},{"name":"queryParam","type":"string","description":"The name of the query param to add to the url","required":false,"default":"\"tab\"","strictValues":false},{"name":"block","type":"boolean","description":"Will make the tabs bar full width","required":false,"default":"false","strictValues":false},{"name":"elevation","type":"boolean","description":"Will remove the elevation","required":false,"default":"false","strictValues":false},{"name":"autoScroll","type":"boolean","description":"Will add a scroll on the tabs bar to show selected element","required":false,"default":"true","strictValues":false},{"name":"bordered","type":"boolean","description":"Will add a border to the tabs bar","required":false,"default":"true","strictValues":false}],"events":[{"name":"update:model-value","payload":"value: MazTabsBarItemValue<Item>","description":"Emitted when the selected tab changes (standalone usage)."}],"slots":[{"name":"item","bindings":[{"name":"item","type":"{ label: Item & string; value: string | number | undefined; disabled: boolean; size: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\" | undefined; roundedSize: MazRoundedSize | undefined; color: NonNullable<\"primary\" | \"secondary\" | \"accent\" | ...","description":"all data of the item"},{"name":"active","type":"boolean","description":"`true` if the tab is active"},{"name":"index","type":"number","description":"index of the item"}],"description":"Content of item to display in the tabs bar"},{"name":"badge-content","bindings":[{"name":"content","type":"string | number | boolean","description":"content of the badge provided in item"}],"description":"Content in the badge"}],"expose":[],"parent":"MazTabs"},{"name":"MazTabsContent","docId":"components/maz-tabs-content","import":"import MazTabsContent from 'maz-ui/components/MazTabsContent'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[],"parent":"MazTabs"},{"name":"MazTabsContentItem","docId":"components/maz-tabs-content-item","import":"import MazTabsContentItem from 'maz-ui/components/MazTabsContentItem'","props":[{"name":"tab","type":"number","required":true,"strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[],"parent":"MazTabs"},{"name":"MazTextarea","docId":"components/maz-textarea","import":"import MazTextarea from 'maz-ui/components/MazTextarea'","props":[{"name":"modelValue","type":"T","description":"The value of the textarea","required":false,"strictValues":false,"model":"modelValue"},{"name":"id","type":"string","description":"The id of the textarea","required":false,"strictValues":false},{"name":"name","type":"string","description":"The name of the textarea","required":false,"default":"\"MazTextarea\"","strictValues":false},{"name":"label","type":"string","description":"The label of the textarea","required":false,"strictValues":false},{"name":"placeholder","type":"string","description":"The placeholder of the textarea","required":false,"strictValues":false},{"name":"required","type":"boolean","description":"If the textarea is required","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"If the textarea is disabled","required":false,"default":"false","strictValues":false},{"name":"readonly","type":"boolean","description":"If the textarea is readonly","required":false,"default":"false","strictValues":false},{"name":"error","type":"boolean","description":"If the textarea has an error","required":false,"default":"false","strictValues":false},{"name":"success","type":"boolean","description":"If the textarea has a success","required":false,"default":"false","strictValues":false},{"name":"warning","type":"boolean","description":"If the textarea has a warning","required":false,"default":"false","strictValues":false},{"name":"hint","type":"string","description":"The hint of the textarea","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the textarea","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"roundedSize","type":"MazRoundedSize","description":"Size radius of the component's border","required":false,"default":"'md'","strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Controls the padding (height) and text size of the textarea, mirroring MazInput sizes. Combined with `minRows`, e.g. `size=\"md\" :min-rows=\"1\"` matches a regular input height.","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"padding","type":"boolean","description":"If the textarea has a padding","required":false,"default":"true","strictValues":false},{"name":"transparent","type":"boolean","description":"If the textarea has a transparent background","required":false,"default":"false","strictValues":false},{"name":"border","type":"boolean","description":"If the textarea has no border","required":false,"default":"true","strictValues":false},{"name":"autogrow","type":"boolean","description":"If the textarea should autogrow based on its content","required":false,"default":"true","strictValues":false},{"name":"minRows","type":"number","description":"Minimum number of rows displayed by the textarea (initial/minimum height). With autogrow enabled, the textarea still grows beyond this with its content.","required":false,"default":"3","strictValues":false},{"name":"appendJustify","type":"\"center\" | \"end\" | \"start\" | \"space-between\" | \"space-around\" | \"space-evenly\"","description":"The alignment of the append slot","required":false,"default":"\"end\"","values":["center","end","start","space-between","space-around","space-evenly"],"strictValues":true},{"name":"topLabel","type":"string","description":"Static label displayed above the textarea. Unlike the floating label, this remains fixed","required":false,"strictValues":false},{"name":"assistiveText","type":"string","description":"Helper text displayed below the input to provide additional context or validation feedback","required":false,"strictValues":false}],"events":[{"name":"update:model-value","description":"Emitted when the value of the textarea change","payload":"T | undefined"},{"name":"input","description":"Emitted when the value of the textarea change","payload":"T | undefined"},{"name":"focus","description":"Emitted when the textarea is focused","payload":"FocusEvent"},{"name":"blur","description":"Emitted when the textarea is blurred","payload":"FocusEvent"},{"name":"change","description":"Emitted when the textarea value change","payload":"Event"}],"slots":[{"name":"label","bindings":[]},{"name":"append","bindings":[]}],"expose":[]},{"name":"MazTicker","docId":"components/maz-ticker","import":"import MazTicker from 'maz-ui/components/MazTicker'","props":[{"name":"orientation","type":"MazTickerOrientation","description":"Scrolling direction","required":false,"default":"\"horizontal\"","values":["horizontal","vertical"],"strictValues":false},{"name":"reverse","type":"boolean","description":"Reverse the scrolling direction","required":false,"default":"false","strictValues":false},{"name":"duration","type":"number","description":"Duration of one full animation cycle in seconds","required":false,"default":"20","strictValues":false},{"name":"gap","type":"`${number}rem` | `${number}px` | `${number}em` | `${number}vw` | `${number}vh` | `${number}%`","description":"Gap between repeated content blocks (CSS value)","required":false,"default":"\"1rem\"","strictValues":false},{"name":"repeat","type":"number","description":"Number of times the content is duplicated for seamless looping","required":false,"default":"4","strictValues":false},{"name":"pauseOnHover","type":"boolean","description":"Pause animation on mouse hover","required":false,"default":"false","strictValues":false},{"name":"pauseOnFocus","type":"boolean","description":"Pause animation when a child element receives focus","required":false,"default":"false","strictValues":false},{"name":"paused","type":"boolean","description":"Programmatic pause control - takes precedence over pauseOnHover and pauseOnFocus","required":false,"default":"false","strictValues":false},{"name":"overlay","type":"boolean","description":"Show gradient overlays on edges to fade content in/out","required":false,"default":"true","strictValues":false},{"name":"overlaySize","type":"`${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...","description":"Size of the gradient overlay zones (CSS value)","required":false,"default":"\"33%\"","strictValues":false},{"name":"animationTimingFunction","type":"string","description":"CSS animation timing function","required":false,"default":"\"linear\"","strictValues":false}],"events":[],"slots":[{"name":"before","bindings":[],"description":"Static content before the scrolling area"},{"name":"overlay-start","bindings":[],"description":"Custom overlay for the start edge (left in horizontal, top in vertical). Replaces default gradient."},{"name":"default","bindings":[],"description":"Content to scroll (repeated for seamless animation)"},{"name":"overlay-end","bindings":[],"description":"Custom overlay for the end edge (right in horizontal, bottom in vertical). Replaces default gradient."},{"name":"after","bindings":[],"description":"Static content after the scrolling area"}],"expose":[]},{"name":"MazTimeline","docId":"components/maz-timeline","import":"import MazTimeline from 'maz-ui/components/MazTimeline'","props":[{"name":"modelValue","type":"number","description":"Index of the active step (v-model)","required":false,"strictValues":false,"model":"modelValue"},{"name":"steps","type":"MazTimelineItem[]","description":"Array of timeline steps to display","required":true,"strictValues":false},{"name":"direction","type":"MazTimelineDirection","description":"Layout direction of the timeline - `'horizontal'`: always horizontal - `'vertical'`: always vertical - `'auto'`: horizontal above breakpoint, vertical below","required":false,"default":"\"auto\"","values":["horizontal","vertical","auto"],"strictValues":false},{"name":"breakpoint","type":"string","description":"CSS media breakpoint for auto direction (below this value → vertical)","required":false,"default":"\"768px\"","strictValues":false},{"name":"color","type":"MazTimelineColor","description":"Color theme for active and completed steps","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast"],"strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the step indicators and typography","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"showStepNumbers","type":"boolean","description":"Show step numbers inside the indicators","required":false,"default":"true","strictValues":false},{"name":"autoValidateSteps","type":"boolean","description":"Automatically show a checkmark icon for completed steps","required":false,"default":"true","strictValues":false},{"name":"clickable","type":"boolean","description":"Enable click interaction on steps","required":false,"default":"false","strictValues":false},{"name":"animated","type":"boolean","description":"Enable animations (pulse on active, state transitions, connector progress)","required":false,"default":"true","strictValues":false},{"name":"roundedSize","type":"MazTimelineRoundedSize","description":"Border radius of step indicators","required":false,"default":"'md'","values":["none","sm","md","lg","xl","2xl","3xl","full"],"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: number","description":"Emitted when the active step changes"},{"name":"click-step","payload":"payload: { step: MazTimelineItem; index: number; }","description":"Emitted when a clickable step is clicked"}],"slots":[{"name":"indicator","bindings":[{"name":"step","type":"MazTimelineItem","description":"The step data"},{"name":"index","type":"number","description":"The step index"},{"name":"state","type":"MazTimelineStepState","description":"The resolved step state"},{"name":"isActive","type":"boolean"},{"name":"isCompleted","type":"boolean"}],"description":"Custom content for the step indicator circle"},{"name":"content","bindings":[{"name":"step","type":"MazTimelineItem","description":"The step data"},{"name":"index","type":"number","description":"The step index"},{"name":"state","type":"MazTimelineStepState","description":"The resolved step state"},{"name":"isActive","type":"boolean"},{"name":"isCompleted","type":"boolean"}],"description":"Full custom content area replacing title and subtitle"},{"name":"title","bindings":[{"name":"step","type":"MazTimelineItem","description":"The step data"},{"name":"index","type":"number","description":"The step index"},{"name":"state","type":"MazTimelineStepState","description":"The resolved step state"}],"description":"Custom title content"},{"name":"subtitle","bindings":[{"name":"step","type":"MazTimelineItem","description":"The step data"},{"name":"index","type":"number","description":"The step index"},{"name":"state","type":"MazTimelineStepState","description":"The resolved step state"}],"description":"Custom subtitle content"},{"name":"connector","bindings":[{"name":"index","type":"number","description":"The index of the step before this connector"},{"name":"isCompleted","type":"boolean"},{"name":"isActive","type":"boolean"}],"description":"Custom connector between steps"}],"expose":[]},{"name":"MazUiProvider","docId":"components/maz-ui-provider","import":"import MazUiProvider from 'maz-ui/components/MazUiProvider'","props":[{"name":"theme","type":"MazUiThemeOptions & { preset: ThemePreset; }","required":true,"strictValues":false},{"name":"translations","type":"MazUiProviderTranslations<TLocale>","description":"Must include `locale` and at least the messages for that locale in `messages`","required":true,"strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazWindowMockup","docId":"components/maz-window-mockup","import":"import MazWindowMockup from 'maz-ui/components/MazWindowMockup'","props":[{"name":"id","type":"string","description":"Stable id used to scope the empty-state SVG pattern. Auto-generated if not provided.","required":false,"strictValues":false},{"name":"variant","type":"MazWindowMockupVariant","description":"Window style variant","required":false,"default":"\"browser\"","values":["browser","terminal","editor"],"strictValues":false},{"name":"url","type":"string","description":"URL to display in the browser address bar (browser variant only)","required":false,"default":"\"localhost\"","strictValues":false},{"name":"filename","type":"string","description":"Filename to display in the editor tab (editor variant only)","required":false,"default":"\"index.vue\"","strictValues":false},{"name":"title","type":"string","description":"Title to display in the terminal title bar (terminal variant only)","required":false,"default":"\"zsh\"","strictValues":false},{"name":"minHeight","type":"string","description":"Minimum height of the content area as a CSS value (e.g. '200px')","required":false,"strictValues":false},{"name":"code","type":"string","description":"Source code to display using MazCodeHighlight. Takes priority over the default slot.","required":false,"strictValues":false},{"name":"language","type":"string","description":"Language identifier for syntax highlighting (e.g. 'vue', 'ts', 'bash')","required":false,"strictValues":false},{"name":"label","type":"string","description":"Label displayed inside the empty-state placeholder when no code and no slot content are provided.","required":false,"strictValues":false},{"name":"hidePrompt","type":"boolean","description":"Whether to hide the terminal prompt prefix (no-op on non-terminal variants)","required":false,"default":"false","strictValues":false},{"name":"prompt","type":"string","description":"Prefix to display before the code in the terminal (terminal variant only)","required":false,"default":"\"$\"","strictValues":false},{"name":"hideUrlCopy","type":"boolean","description":"Hide the copy-to-clipboard button next to the URL bar (browser variant only).","required":false,"default":"false","strictValues":false},{"name":"translations","type":"{ copyUrlToClipboard?: string | undefined; urlCopiedToClipboard?: string | undefined; }","description":"Custom translations for the component. Override either key independently.","required":false,"strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[],"description":"Free content (image, interface, etc.) shown when code prop is not set."}],"expose":[]}],"icons":{"package":"@maz-ui/icons","names":["MazAcademicCap","MazAdjustmentsHorizontal","MazAdjustmentsVertical","MazArchiveBox","MazArchiveBoxArrowDown","MazArchiveBoxXMark","MazArrowDown","MazArrowDownCircle","MazArrowDownLeft","MazArrowDownOnSquare","MazArrowDownOnSquareStack","MazArrowDownRight","MazArrowDownTray","MazArrowLeft","MazArrowLeftCircle","MazArrowLeftEndOnRectangle","MazArrowLeftOnRectangle","MazArrowLeftStartOnRectangle","MazArrowLongDown","MazArrowLongLeft","MazArrowLongRight","MazArrowLongUp","MazArrowPath","MazArrowPathRoundedSquare","MazArrowRight","MazArrowRightCircle","MazArrowRightEndOnRectangle","MazArrowRightOnRectangle","MazArrowRightStartOnRectangle","MazArrowSmallDown","MazArrowSmallLeft","MazArrowSmallRight","MazArrowSmallUp","MazArrowsPointingIn","MazArrowsPointingOut","MazArrowsRightLeft","MazArrowsUpDown","MazArrowTopRightOnSquare","MazArrowTrendingDown","MazArrowTrendingUp","MazArrowTurnDownLeft","MazArrowTurnDownRight","MazArrowTurnLeftDown","MazArrowTurnLeftUp","MazArrowTurnRightDown","MazArrowTurnRightUp","MazArrowTurnUpLeft","MazArrowTurnUpRight","MazArrowUp","MazArrowUpCircle","MazArrowUpLeft","MazArrowUpOnSquare","MazArrowUpOnSquareStack","MazArrowUpRight","MazArrowUpTray","MazArrowUturnDown","MazArrowUturnLeft","MazArrowUturnRight","MazArrowUturnUp","MazAtSymbol","MazBackspace","MazBackward","MazBanknotes","MazBars2","MazBars3","MazBars3BottomLeft","MazBars3BottomRight","MazBars3CenterLeft","MazBars4","MazBarsArrowDown","MazBarsArrowUp","MazBattery0","MazBattery100","MazBattery50","MazBeaker","MazBell","MazBellAlert","MazBellSlash","MazBellSnooze","MazBold","MazBolt","MazBoltSlash","MazBookmark","MazBookmarkSlash","MazBookmarkSquare","MazBookOpen","MazBriefcase","MazBugAnt","MazBuildingLibrary","MazBuildingOffice","MazBuildingOffice2","MazBuildingStorefront","MazCake","MazCalculator","MazCalendar","MazCalendarDateRange","MazCalendarDays","MazCamera","MazChartBar","MazChartBarSquare","MazChartPie","MazChatBubbleBottomCenter","MazChatBubbleBottomCenterText","MazChatBubbleLeft","MazChatBubbleLeftEllipsis","MazChatBubbleLeftRight","MazChatBubbleOvalLeft","MazChatBubbleOvalLeftEllipsis","MazCheck","MazCheckBadge","MazCheckCircle","MazChevronDoubleDown","MazChevronDoubleLeft","MazChevronDoubleRight","MazChevronDoubleUp","MazChevronDown","MazChevronLeft","MazChevronRight","MazChevronUp","MazChevronUpDown","MazCircleStack","MazClipboard","MazClipboardDocument","MazClipboardDocumentCheck","MazClipboardDocumentList","MazClock","MazCloud","MazCloudArrowDown","MazCloudArrowUp","MazCodeBracket","MazCodeBracketSquare","MazCog","MazCog6Tooth","MazCog8Tooth","MazCommandLine","MazComputerDesktop","MazCpuChip","MazCreditCard","MazCube","MazCubeTransparent","MazCurrencyBangladeshi","MazCurrencyDollar","MazCurrencyEuro","MazCurrencyPound","MazCurrencyRupee","MazCurrencyYen","MazCursorArrowRays","MazCursorArrowRipple","MazDevicePhoneMobile","MazDeviceTablet","MazDivide","MazDocumentArrowDown","MazDocumentArrowUp","MazDocumentChartBar","MazDocumentCheck","MazDocumentCurrencyBangladeshi","MazDocumentCurrencyDollar","MazDocumentCurrencyEuro","MazDocumentCurrencyPound","MazDocumentCurrencyRupee","MazDocumentCurrencyYen","MazDocumentDuplicate","MazDocumentIcon","MazDocumentMagnifyingGlass","MazDocumentMinus","MazDocumentPlus","MazDocumentText","MazEllipsisHorizontal","MazEllipsisHorizontalCircle","MazEllipsisVertical","MazEnvelope","MazEnvelopeOpen","MazEquals","MazExclamationCircle","MazExclamationTriangle","MazEye","MazEyeDropper","MazEyeSlash","MazFaceFrown","MazFaceSmile","MazFilm","MazFingerPrint","MazFire","MazFlag","MazFlagAC","MazFlagAD","MazFlagAE","MazFlagAF","MazFlagAG","MazFlagAI","MazFlagAL","MazFlagAM","MazFlagAO","MazFlagAQ","MazFlagAR","MazFlagAS","MazFlagAT","MazFlagAU","MazFlagAW","MazFlagAX","MazFlagAZ","MazFlagBA","MazFlagBB","MazFlagBD","MazFlagBE","MazFlagBF","MazFlagBG","MazFlagBH","MazFlagBI","MazFlagBJ","MazFlagBL","MazFlagBM","MazFlagBN","MazFlagBO","MazFlagBQ","MazFlagBR","MazFlagBS","MazFlagBT","MazFlagBV","MazFlagBW","MazFlagBY","MazFlagBZ","MazFlagCA","MazFlagCC","MazFlagCD","MazFlagCF","MazFlagCG","MazFlagCH","MazFlagCI","MazFlagCK","MazFlagCL","MazFlagCM","MazFlagCN","MazFlagCO","MazFlagCR","MazFlagCU","MazFlagCV","MazFlagCW","MazFlagCX","MazFlagCY","MazFlagCZ","MazFlagDE","MazFlagDJ","MazFlagDK","MazFlagDM","MazFlagDO","MazFlagDZ","MazFlagEC","MazFlagEE","MazFlagEG","MazFlagEH","MazFlagER","MazFlagES","MazFlagET","MazFlagEU","MazFlagFI","MazFlagFJ","MazFlagFK","MazFlagFM","MazFlagFO","MazFlagFR","MazFlagGA","MazFlagGB","MazFlagGD","MazFlagGE","MazFlagGEAB","MazFlagGEOS","MazFlagGF","MazFlagGG","MazFlagGH","MazFlagGI","MazFlagGL","MazFlagGM","MazFlagGN","MazFlagGP","MazFlagGQ","MazFlagGR","MazFlagGS","MazFlagGT","MazFlagGU","MazFlagGW","MazFlagGY","MazFlagHK","MazFlagHM","MazFlagHN","MazFlagHR","MazFlagHT","MazFlagHU","MazFlagIC","MazFlagID","MazFlagIE","MazFlagIL","MazFlagIM","MazFlagIN","MazFlagIO","MazFlagIQ","MazFlagIR","MazFlagIS","MazFlagIT","MazFlagJE","MazFlagJM","MazFlagJO","MazFlagJP","MazFlagKE","MazFlagKG","MazFlagKH","MazFlagKI","MazFlagKM","MazFlagKN","MazFlagKP","MazFlagKR","MazFlagKW","MazFlagKY","MazFlagKZ","MazFlagLA","MazFlagLB","MazFlagLC","MazFlagLI","MazFlagLK","MazFlagLR","MazFlagLS","MazFlagLT","MazFlagLU","MazFlagLV","MazFlagLY","MazFlagMA","MazFlagMC","MazFlagMD","MazFlagME","MazFlagMF","MazFlagMG","MazFlagMH","MazFlagMK","MazFlagML","MazFlagMM","MazFlagMN","MazFlagMO","MazFlagMP","MazFlagMQ","MazFlagMR","MazFlagMS","MazFlagMT","MazFlagMU","MazFlagMV","MazFlagMW","MazFlagMX","MazFlagMY","MazFlagMZ","MazFlagNA","MazFlagNC","MazFlagNE","MazFlagNF","MazFlagNG","MazFlagNI","MazFlagNL","MazFlagNO","MazFlagNP","MazFlagNR","MazFlagNU","MazFlagNZ","MazFlagOM","MazFlagPA","MazFlagPE","MazFlagPF","MazFlagPG","MazFlagPH","MazFlagPK","MazFlagPL","MazFlagPM","MazFlagPN","MazFlagPR","MazFlagPS","MazFlagPT","MazFlagPW","MazFlagPY","MazFlagQA","MazFlagRE","MazFlagRO","MazFlagRS","MazFlagRU","MazFlagRW","MazFlagSA","MazFlagSB","MazFlagSC","MazFlagSD","MazFlagSE","MazFlagSG","MazFlagSH","MazFlagSI","MazFlagSJ","MazFlagSK","MazFlagSL","MazFlagSM","MazFlagSN","MazFlagSO","MazFlagSquareAC","MazFlagSquareAD","MazFlagSquareAE","MazFlagSquareAF","MazFlagSquareAG","MazFlagSquareAI","MazFlagSquareAL","MazFlagSquareAM","MazFlagSquareAO","MazFlagSquareAQ","MazFlagSquareAR","MazFlagSquareAS","MazFlagSquareAT","MazFlagSquareAU","MazFlagSquareAW","MazFlagSquareAX","MazFlagSquareAZ","MazFlagSquareBA","MazFlagSquareBB","MazFlagSquareBD","MazFlagSquareBE","MazFlagSquareBF","MazFlagSquareBG","MazFlagSquareBH","MazFlagSquareBI","MazFlagSquareBJ","MazFlagSquareBL","MazFlagSquareBM","MazFlagSquareBN","MazFlagSquareBO","MazFlagSquareBQ","MazFlagSquareBR","MazFlagSquareBS","MazFlagSquareBT","MazFlagSquareBV","MazFlagSquareBW","MazFlagSquareBY","MazFlagSquareBZ","MazFlagSquareCA","MazFlagSquareCC","MazFlagSquareCD","MazFlagSquareCF","MazFlagSquareCG","MazFlagSquareCH","MazFlagSquareCI","MazFlagSquareCK","MazFlagSquareCL","MazFlagSquareCM","MazFlagSquareCN","MazFlagSquareCO","MazFlagSquareCR","MazFlagSquareCU","MazFlagSquareCV","MazFlagSquareCW","MazFlagSquareCX","MazFlagSquareCY","MazFlagSquareCZ","MazFlagSquareDE","MazFlagSquareDJ","MazFlagSquareDK","MazFlagSquareDM","MazFlagSquareDO","MazFlagSquareDZ","MazFlagSquareEC","MazFlagSquareEE","MazFlagSquareEG","MazFlagSquareEH","MazFlagSquareER","MazFlagSquareES","MazFlagSquareET","MazFlagSquareEU","MazFlagSquareFI","MazFlagSquareFJ","MazFlagSquareFK","MazFlagSquareFM","MazFlagSquareFO","MazFlagSquareFR","MazFlagSquareGA","MazFlagSquareGB","MazFlagSquareGD","MazFlagSquareGE","MazFlagSquareGEAB","MazFlagSquareGEOS","MazFlagSquareGF","MazFlagSquareGG","MazFlagSquareGH","MazFlagSquareGI","MazFlagSquareGL","MazFlagSquareGM","MazFlagSquareGN","MazFlagSquareGP","MazFlagSquareGQ","MazFlagSquareGR","MazFlagSquareGS","MazFlagSquareGT","MazFlagSquareGU","MazFlagSquareGW","MazFlagSquareGY","MazFlagSquareHK","MazFlagSquareHM","MazFlagSquareHN","MazFlagSquareHR","MazFlagSquareHT","MazFlagSquareHU","MazFlagSquareIC","MazFlagSquareID","MazFlagSquareIE","MazFlagSquareIL","MazFlagSquareIM","MazFlagSquareIN","MazFlagSquareIO","MazFlagSquareIQ","MazFlagSquareIR","MazFlagSquareIS","MazFlagSquareIT","MazFlagSquareJE","MazFlagSquareJM","MazFlagSquareJO","MazFlagSquareJP","MazFlagSquareKE","MazFlagSquareKG","MazFlagSquareKH","MazFlagSquareKI","MazFlagSquareKM","MazFlagSquareKN","MazFlagSquareKP","MazFlagSquareKR","MazFlagSquareKW","MazFlagSquareKY","MazFlagSquareKZ","MazFlagSquareLA","MazFlagSquareLB","MazFlagSquareLC","MazFlagSquareLI","MazFlagSquareLK","MazFlagSquareLR","MazFlagSquareLS","MazFlagSquareLT","MazFlagSquareLU","MazFlagSquareLV","MazFlagSquareLY","MazFlagSquareMA","MazFlagSquareMC","MazFlagSquareMD","MazFlagSquareME","MazFlagSquareMF","MazFlagSquareMG","MazFlagSquareMH","MazFlagSquareMK","MazFlagSquareML","MazFlagSquareMM","MazFlagSquareMN","MazFlagSquareMO","MazFlagSquareMP","MazFlagSquareMQ","MazFlagSquareMR","MazFlagSquareMS","MazFlagSquareMT","MazFlagSquareMU","MazFlagSquareMV","MazFlagSquareMW","MazFlagSquareMX","MazFlagSquareMY","MazFlagSquareMZ","MazFlagSquareNA","MazFlagSquareNC","MazFlagSquareNE","MazFlagSquareNF","MazFlagSquareNG","MazFlagSquareNI","MazFlagSquareNL","MazFlagSquareNO","MazFlagSquareNP","MazFlagSquareNR","MazFlagSquareNU","MazFlagSquareNZ","MazFlagSquareOM","MazFlagSquarePA","MazFlagSquarePE","MazFlagSquarePF","MazFlagSquarePG","MazFlagSquarePH","MazFlagSquarePK","MazFlagSquarePL","MazFlagSquarePM","MazFlagSquarePN","MazFlagSquarePR","MazFlagSquarePS","MazFlagSquarePT","MazFlagSquarePW","MazFlagSquarePY","MazFlagSquareQA","MazFlagSquareRE","MazFlagSquareRO","MazFlagSquareRS","MazFlagSquareRU","MazFlagSquareRW","MazFlagSquareSA","MazFlagSquareSB","MazFlagSquareSC","MazFlagSquareSD","MazFlagSquareSE","MazFlagSquareSG","MazFlagSquareSH","MazFlagSquareSI","MazFlagSquareSJ","MazFlagSquareSK","MazFlagSquareSL","MazFlagSquareSM","MazFlagSquareSN","MazFlagSquareSO","MazFlagSquareSR","MazFlagSquareSS","MazFlagSquareST","MazFlagSquareSV","MazFlagSquareSX","MazFlagSquareSY","MazFlagSquareSZ","MazFlagSquareTA","MazFlagSquareTC","MazFlagSquareTD","MazFlagSquareTF","MazFlagSquareTG","MazFlagSquareTH","MazFlagSquareTJ","MazFlagSquareTK","MazFlagSquareTL","MazFlagSquareTM","MazFlagSquareTN","MazFlagSquareTO","MazFlagSquareTR","MazFlagSquareTT","MazFlagSquareTV","MazFlagSquareTW","MazFlagSquareTZ","MazFlagSquareUA","MazFlagSquareUG","MazFlagSquareUM","MazFlagSquareUS","MazFlagSquareUY","MazFlagSquareUZ","MazFlagSquareVA","MazFlagSquareVC","MazFlagSquareVE","MazFlagSquareVG","MazFlagSquareVI","MazFlagSquareVN","MazFlagSquareVU","MazFlagSquareWF","MazFlagSquareWS","MazFlagSquareXK","MazFlagSquareYE","MazFlagSquareYT","MazFlagSquareZA","MazFlagSquareZM","MazFlagSquareZW","MazFlagSR","MazFlagSS","MazFlagST","MazFlagSV","MazFlagSX","MazFlagSY","MazFlagSZ","MazFlagTA","MazFlagTC","MazFlagTD","MazFlagTF","MazFlagTG","MazFlagTH","MazFlagTJ","MazFlagTK","MazFlagTL","MazFlagTM","MazFlagTN","MazFlagTO","MazFlagTR","MazFlagTT","MazFlagTV","MazFlagTW","MazFlagTZ","MazFlagUA","MazFlagUG","MazFlagUM","MazFlagUS","MazFlagUY","MazFlagUZ","MazFlagVA","MazFlagVC","MazFlagVE","MazFlagVG","MazFlagVI","MazFlagVN","MazFlagVU","MazFlagWF","MazFlagWS","MazFlagXK","MazFlagYE","MazFlagYT","MazFlagZA","MazFlagZM","MazFlagZW","MazFolder","MazFolderArrowDown","MazFolderMinus","MazFolderOpen","MazFolderPlus","MazFork","MazForward","MazFunnel","MazGif","MazGift","MazGiftTop","MazGithub","MazGlobeAlt","MazGlobeAmericas","MazGlobeAsiaAustralia","MazGlobeEuropeAfrica","MazH1","MazH2","MazH3","MazHandRaised","MazHandThumbDown","MazHandThumbUp","MazHashtag","MazHeart","MazHome","MazHomeModern","MazIdentification","MazInbox","MazInboxArrowDown","MazInboxStack","MazInformationCircle","MazItalic","MazKey","MazLanguage","MazLifebuoy","MazLightBulb","MazLinkIcon","MazLinkSlash","MazListBullet","MazLockClosed","MazLockOpen","MazLogoAndroid","MazLogoApple","MazLogoCsv","MazLogoFacebook","MazLogoHtml","MazLogoInstagram","MazLogoJs","MazLogoJson","MazLogoLinkedin","MazLogoMarkdown","MazLogoNpm","MazLogoProperties","MazLogoReact","MazLogoTwitter","MazLogoTxt","MazLogoTypescript","MazLogoVue","MazLogoXliff","MazLogoXls","MazLogoXml","MazMagnifyingGlass","MazMagnifyingGlassCircle","MazMagnifyingGlassMinus","MazMagnifyingGlassPlus","MazMapIcon","MazMapPin","MazMegaphone","MazMicrophone","MazMinus","MazMinusCircle","MazMinusSmall","MazMoon","MazMusicalNote","MazNewspaper","MazNoImage","MazNoSymbol","MazNumberedList","MazPaintBrush","MazPaperAirplane","MazPaperClip","MazPause","MazPauseCircle","MazPencil","MazPencilSquare","MazPercentBadge","MazPhone","MazPhoneArrowDownLeft","MazPhoneArrowUpRight","MazPhoneXMark","MazPhoto","MazPlay","MazPlayCircle","MazPlayPause","MazPlus","MazPlusCircle","MazPlusSmall","MazPower","MazPresentationChartBar","MazPresentationChartLine","MazPrinter","MazPuzzlePiece","MazQrCode","MazQuestionMarkCircle","MazQueueList","MazQuote","MazRadioIcon","MazReceiptPercent","MazReceiptRefund","MazRectangleGroup","MazRectangleStack","MazRocketLaunch","MazRss","MazScale","MazScissors","MazServer","MazServerStack","MazShare","MazShieldCheck","MazShieldExclamation","MazShoppingBag","MazShoppingCart","MazSignal","MazSignalSlash","MazSlash","MazSparkles","MazSpeakerWave","MazSpeakerXMark","MazSquare2Stack","MazSquare3Stack3d","MazSquares2x2","MazSquaresPlus","MazStar","MazStarSolid","MazStop","MazStopCircle","MazStrikethrough","MazSun","MazSwatch","MazTableCells","MazTag","MazTelevision","MazTicket","MazTrash","MazTrophy","MazTruck","MazUnderline","MazUser","MazUserCircle","MazUserGroup","MazUserMinus","MazUserPlus","MazUsers","MazVariable","MazVideoCamera","MazVideoCameraSlash","MazViewColumns","MazViewfinderCircle","MazWallet","MazWifi","MazWindowIcon","MazWrench","MazWrenchScrewdriver","MazXCircle","MazXMark"]},"tailwind":{"entries":[{"path":"maz-ui/tailwindcss/theme.css","description":"Every theme token (colors, spacing, radius, breakpoints, shadows, z-index, typography, component surfaces, dark variant)"},{"path":"maz-ui/tailwindcss/utilities.css","description":"maz-ui custom utilities (flex-center, padded-container, cap-f, disabled-*...)"},{"path":"maz-ui/tailwindcss/theme-colors.css","description":"Colors only"},{"path":"maz-ui/tailwindcss/theme-spacing.css","description":"Spacing scale only"},{"path":"maz-ui/tailwindcss/theme-radius.css","description":"Border radius only"},{"path":"maz-ui/tailwindcss/theme-breakpoints.css","description":"Breakpoints only"},{"path":"maz-ui/tailwindcss/theme-shadows.css","description":"Shadows only"},{"path":"maz-ui/tailwindcss/theme-z-index.css","description":"z-index scale only"},{"path":"maz-ui/tailwindcss/theme-typography.css","description":"Fonts, border width, durations and easings only"},{"path":"maz-ui/tailwindcss/theme-components.css","description":"bg-container and bg-input surfaces only"},{"path":"maz-ui/tailwindcss/theme-variants.css","description":"`dark:` variant wired to the `.dark` class only"}],"colors":[{"name":"primary","variable":"--maz-primary","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Brand primary: main actions, links, focus"},{"name":"secondary","variable":"--maz-secondary","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Brand secondary"},{"name":"accent","variable":"--maz-accent","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Brand accent, highlights"},{"name":"destructive","variable":"--maz-destructive","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Error / danger state, destructive actions"},{"name":"success","variable":"--maz-success","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Success state"},{"name":"warning","variable":"--maz-warning","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Warning state"},{"name":"info","variable":"--maz-info","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Informational state"},{"name":"contrast","variable":"--maz-contrast","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Neutral high-contrast color (near black in light mode, near white in dark mode)"},{"name":"surface","variable":"--maz-surface","foreground":false,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Page and container backgrounds"},{"name":"foreground","variable":"--maz-foreground","foreground":false,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Body text"},{"name":"divider","variable":"--maz-divider","foreground":false,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Borders and separators"},{"name":"shadow","variable":"--maz-shadow","foreground":false,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Shadow tint (used by the shadow-* utilities)"},{"name":"elevation","variable":"--maz-shadow","foreground":false,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Alias of shadow"},{"name":"overlay","variable":"--maz-overlay","foreground":false,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Backdrops and scrims behind dialogs"},{"name":"muted","variable":"--maz-muted","foreground":false,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Secondary text, placeholders, disabled content"},{"name":"container","variable":"--maz-container-bg","foreground":false,"scale":[],"usage":"Background of MazCard, MazContainer, MazDialog, MazPopover, MazDrawer... (follows the preset `components.container`)"},{"name":"input","variable":"--maz-input-bg","foreground":false,"scale":[],"usage":"Background of MazInput, MazSelect, MazTextarea, MazCheckbox... (follows the preset `components.input`)"}],"radius":[{"name":"rounded-xs","value":"var(--maz-rounded-xs)"},{"name":"rounded-sm","value":"var(--maz-rounded-sm)"},{"name":"rounded-md","value":"var(--maz-rounded-md)"},{"name":"rounded-lg","value":"var(--maz-rounded-lg)"},{"name":"rounded-xl","value":"var(--maz-rounded-xl)"},{"name":"rounded-2xl","value":"var(--maz-rounded-2xl)"},{"name":"rounded-3xl","value":"var(--maz-rounded-3xl)"},{"name":"rounded","value":"var(--maz-rounded-md)"}],"shadows":[{"name":"shadow-xs","value":"0 1px 2px 0 color-mix(in srgb, var(--color-elevation) 5%, transparent)"},{"name":"shadow-sm","value":"var(--maz-shadow-style-sm)"},{"name":"shadow-md","value":"var(--maz-shadow-style-md)"},{"name":"shadow-lg","value":"var(--maz-shadow-style-lg)"},{"name":"shadow-xl","value":"var(--maz-shadow-style-xl)"},{"name":"shadow-elevation","value":"var(--maz-shadow-style-elevation)"}],"breakpoints":[{"name":"mob-s:","value":"320px"},{"name":"mob-m:","value":"425px"},{"name":"mob-l:","value":"576px"},{"name":"tab-s:","value":"640px"},{"name":"tab-m:","value":"768px"},{"name":"tab-l:","value":"992px"},{"name":"lap-s:","value":"1024px"},{"name":"lap-m:","value":"1280px"},{"name":"lap-l:","value":"1366px"},{"name":"lap-xl:","value":"1440px"},{"name":"lap-2xl:","value":"1680px"},{"name":"lap-3xl:","value":"1920px"}],"zIndex":[{"name":"z-1","value":"1"},{"name":"z-2","value":"2"},{"name":"z-3","value":"3"},{"name":"z-4","value":"4"},{"name":"z-5","value":"5"},{"name":"z-15","value":"15"},{"name":"z-25","value":"25"},{"name":"z-35","value":"35"},{"name":"z-45","value":"45"},{"name":"z-75","value":"75"},{"name":"z-100","value":"100"},{"name":"z-default-backdrop","value":"1050"}],"fonts":[{"name":"font-sans","value":"var(--maz-font-family)"},{"name":"font-mono","value":"var(--maz-font-mono-stack)"},{"name":"font-display","value":"var(--maz-font-display-stack)"}],"durations":[{"name":"duration-(--duration-fast)","value":"var(--maz-motion-fast, 100ms)"},{"name":"duration-(--duration-normal)","value":"var(--maz-motion-normal, 200ms)"},{"name":"duration-(--duration-slow)","value":"var(--maz-motion-slow, 300ms)"}],"easings":[{"name":"ease-out","value":"var(--maz-easing-out, cubic-bezier(0.4, 0, 0.2, 1))"},{"name":"ease-in","value":"var(--maz-easing-in, cubic-bezier(0.4, 0, 1, 1))"},{"name":"ease-in-out","value":"var(--maz-easing-in-out, cubic-bezier(0.4, 0, 0.2, 1))"}],"spacing":[{"name":"p-*, m-*, gap-*, w-*, h-*, inset-*...","value":"var(--maz-space)"}],"utilities":[{"name":"flex-center","css":"align-items: center; justify-content: center;"},{"name":"z-default-backdrop","css":"z-index: 1050;"},{"name":"padded-container-no-p","css":"inline-size: 100%; padding-inline: calc(50% - var(--maz-container-max-width) / 2);"},{"name":"padded-container","css":"inline-size: 100%; padding-inline: var(--maz-container-padding);"},{"name":"cap-f","css":"&::first-letter { text-transform: capitalize; }"},{"name":"disabled-cursor","css":"cursor: var(--maz-disabled-cursor);"},{"name":"disabled-opacity","css":"opacity: var(--maz-disabled-opacity);"},{"name":"disabled-state","css":"cursor: var(--maz-disabled-cursor); opacity: var(--maz-disabled-opacity);"}],"variants":[{"name":"dark","value":"&:where(.dark, .dark *)"}],"containerVariables":[{"name":"--maz-container-padding-mobile","value":"1rem"},{"name":"--maz-container-padding-tablet","value":"2rem"},{"name":"--maz-container-padding-desktop","value":"2.5rem"},{"name":"--maz-container-padding-value","value":"var(--maz-container-padding-mobile)"},{"name":"--maz-container-width","value":"calc(100% - var(--maz-container-padding-value) * 2)"},{"name":"--maz-container-padding","value":"calc(50% - var(--maz-container-width) / 2)"},{"name":"--maz-container-max-width","value":"1440px"}],"transitions":["maz-expand","maz-scale","maz-scale-fade","maz-scale-loading","maz-slide","maz-slideinvert","maz-slidevnext","maz-slidevprev","maz-tags","maz-tags-invert"]}}
1
+ {"schemaVersion":1,"name":"maz-ui","version":"5.2.0","homepage":"https://maz-ui.com","packages":[{"name":"@maz-ui/eslint-config","description":"ESLint flat-config preset for Vue/Nuxt/JS/TS projects, layered on @antfu/eslint-config with SonarJS, Tailwind v3+v4 and a11y add-ons.","docId":"ecosystem/eslint-config"},{"name":"@maz-ui/icons","description":"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","docId":"ecosystem/icons"},{"name":"@maz-ui/mcp","description":"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, setup guides and code review.","docId":"ecosystem/mcp"},{"name":"@maz-ui/node","description":"Lightweight Node.js utilities - promise-based shell execution, an opinionated consola-backed logger, and a banner printer for CLIs.","docId":"ecosystem/node"},{"name":"@maz-ui/nuxt","description":"The ultimate Nuxt module for Maz-UI - zero-config setup with auto-imports, theming, internationalization and powerful features out of the box","docId":"ecosystem/nuxt"},{"name":"@maz-ui/stylelint-config","description":"Stylelint preset for Vue/Nuxt/JS/TS projects, with first-class Tailwind CSS v4 support, RTL-friendly logical properties, and SCSS opt-in.","docId":"ecosystem/stylelint-config"},{"name":"@maz-ui/themes","description":"Modern and performant theme system for Maz-UI built on native CSS features (light-dark(), color-scheme, color-mix(in oklch)) for v5.","docId":"ecosystem/themes"},{"name":"@maz-ui/translations","description":"Internationalization of the maz-ui components with @maz-ui/translations: built-in locales, custom messages, lazy loading and runtime locale switching with useTranslations","docId":"ecosystem/translations"},{"name":"@maz-ui/utils","description":"Lightweight, tree-shakeable utility functions and TypeScript helpers for Vue, Nuxt and any JavaScript/TypeScript project.","docId":"ecosystem/utils"}],"docs":[{"id":"guide/ai-agents","category":"guide","slug":"ai-agents","title":"AI agents","description":"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-matched docs, llms.txt and automatic code review.","package":"maz-ui","file":"guide/ai-agents.md","url":"https://maz-ui.com/guide/ai-agents","symbols":[],"imports":[],"aliases":["ai","agents","claude code","cursor","copilot","agents.md","llms.txt","ai agents"],"headings":["Why","Quick start","Options","Nuxt: connected by default","Monorepos with several Nuxt apps","Without any file in the project","Version-matched docs","MCP server","Claude Code plugin","Review hook without the plugin","Code review in CI","llms.txt","The rules","Look it up before you write it","Which package for what","Components","Feedback, overlays and forms","Icons","Helpers","Texts and languages","Styling with Tailwind","Theme","Imports","Before you finish"],"related":["ecosystem/mcp"],"chars":18960},{"id":"guide/browser-support","category":"guide","slug":"browser-support","title":"Browser support","description":"Maz-UI v5 browser compatibility matrix and the native CSS features it depends on.","package":"maz-ui","file":"guide/browser-support.md","url":"https://maz-ui.com/guide/browser-support","symbols":[],"imports":[],"aliases":["browser support","compatibility"],"headings":["Minimum versions","Why these minimums","color-mix()","@property","Native CSS nesting",":has() selector","Testing on older browsers","Testing on the minimum versions","What happens on unsupported browsers","See also"],"related":[],"chars":4305},{"id":"guide/getting-started","category":"guide","slug":"getting-started","title":"Getting Started","description":"Build Vue and Nuxt applications faster with Maz-UI v5 - The modern, modular component library","package":"maz-ui","file":"guide/getting-started.md","url":"https://maz-ui.com/guide/getting-started","symbols":[],"imports":[],"aliases":["install","installation","setup","quick start","getting started"],"headings":["Guides","Ecosystem Packages","@maz-ui/themes","@maz-ui/translations","@maz-ui/icons","@maz-ui/mcp","Performance Optimizations","Tree-Shaking Benefits","Next Steps"],"related":["guide/vue","ecosystem/nuxt"],"chars":5806},{"id":"guide/global-defaults","category":"guide","slug":"global-defaults","title":"Global component defaults","description":"Set default prop values once for every Maz-UI component through the MazUi plugin or the Nuxt module","package":"maz-ui","file":"guide/global-defaults.md","url":"https://maz-ui.com/guide/global-defaults","symbols":[],"imports":[],"aliases":["default props","global config","component defaults","global component defaults"],"headings":["Priority","Vue","Nuxt","global vs per-component","Type safety","Globalizable props","Relation to the theme system"],"related":[],"chars":4642},{"id":"guide/maz-ui-provider","category":"guide","slug":"maz-ui-provider","title":"MazUiProvider","description":"A component-based alternative to the MazUi plugin for initializing theme and translations, ideal for lazy-loaded pages and micro-frontends.","package":"maz-ui","file":"guide/maz-ui-provider.md","url":"https://maz-ui.com/guide/maz-ui-provider","symbols":[],"imports":[],"aliases":["provider","scoped theme","theme provider","ui provider"],"headings":["Why MazUiProvider?","Before & After","Before: Plugin in main.ts (entry bundle)","After: Provider in a lazy-loaded page","Props","theme","translations","Plugin vs Provider","When to use the plugin","When to use the provider","Using Both Together","Full Example"],"related":[],"chars":8256},{"id":"guide/migration-v5","category":"guide","slug":"migration-v5","title":"Maz-UI v5.0.0 Migration Guide","description":"What changes for you when upgrading from Maz-UI v4 to v5","package":"maz-ui","file":"guide/migration-v5.md","url":"https://maz-ui.com/guide/migration-v5","symbols":[],"imports":[],"aliases":["migration","upgrade","v4 to v5","breaking changes","ui v5 0 0 migration guide"],"headings":["Run the upgrade tool","Migrate with the Maz-UI MCP server","One-time setup","A migration flow that works","Useful prompts","Migration checklist","Prerequisites","Node","Browser support","Required changes","1. hsl(var(--maz-<color>)) → var(--maz-<color>) in your CSS","2. CSS subpath renames","3. rounded-size=\"base\" removed","4. MazIcon API simplified","5. New raw icon import path - @maz-ui/icons/raw/","6. Logical direction props - left-icon/right-icon → start-icon/end-icon","7. Icon-consuming components accept the full MazIconProps object","8. MazChart no longer depends on vue-chartjs","9. MazBadge size prop now uses MazSize","10. Theme preset rename - background → surface, border → divider","11. Theme preset: foundation.radius → scales.rounded.md","12. New optional preset blocks: scales and components","13. Theme strategy: 'hybrid' removed, no more critical CSS","14. Nuxt module: mazUi.css.injectMainCss → mazUi.css.injectCss","15. color=\"background\" → color=\"surface\" on components","16. MazAvatar size scale fixed + MazSize keywords","17. MazPullToRefresh - on-click → on-refresh","18. Root maz-ui import removed for utilities","19. ESM-only","20. useFormValidator: validation library agnostic (Standard Schema)","Informational changes (probably no action needed)","Theme colors are now emitted as OKLCh","Preset type: HSL → CSSColor","Default border color","Visual parity","nova preset added, bundled palettes refreshed","Theming: native CSS rewrite (new - non-breaking by default)","Preset name persistence (new - opt-out, no breaking change)","Troubleshooting","Advanced: you had your own Tailwind setup","See also"],"related":[],"chars":41719},{"id":"guide/resolvers","category":"guide","slug":"resolvers","title":"Auto-Import Resolvers","description":"Complete guide to Maz-UI auto-import resolvers for effortless component, directive, and composable imports","package":"maz-ui","file":"guide/resolvers.md","url":"https://maz-ui.com/guide/resolvers","symbols":[],"imports":[],"aliases":["auto import","unplugin-vue-components","resolver","tree shaking","auto import resolvers"],"headings":["Why Use Auto-Import Resolvers?","Quick Setup","Available Resolvers","MazComponentsResolver","MazDirectivesResolver","MazModulesResolver","Advanced Configuration","Avoiding Naming Conflicts with Prefixes","Development Mode","Custom Resolver Configuration","Real-World Examples","Complete Dashboard Setup","Dashboard Component Example","TypeScript Integration","Auto-Generated Types","ESLint Configuration","Performance Tips","Optimize Bundle Size","Troubleshooting","Common Issues","Migration from Manual Imports","Before (Manual Imports)","After (Auto-Import)","Related Resources"],"related":[],"chars":16953},{"id":"guide/tailwind","category":"guide","slug":"tailwind","title":"Tailwind CSS","description":"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 tokens, fonts, animations and variants.","package":"maz-ui","file":"guide/tailwind.md","url":"https://maz-ui.com/guide/tailwind","symbols":[],"imports":[],"aliases":["tailwind","tailwindcss","utility classes","css classes","theme colors","bg-primary","breakpoints","extend theme","custom theme tokens","tailwind css"],"headings":["Setup","Where to import maz-ui/style.css","Never use the maz: prefix","Granular entries","Colors","Brand and state colors","Neutral and surface colors","Component surfaces","Light and dark modes","Radius","Shadows","Spacing","Breakpoints","Typography and motion","z-index","maz-ui utilities","Container width","Vue transitions","Dark mode variant","Extending the theme","How the layers fit together","Brand colors: use a preset","Add your own colors","Fonts","Animations","Variants","Base styles","Complete example","Custom CSS","@apply in Vue SFC <style> blocks","AI agents","Migrating from Tailwind v3","See also"],"related":["ecosystem/themes","reference/tailwind-tokens"],"chars":19471},{"id":"guide/vue","category":"guide","slug":"vue","title":"Install maz-ui with Vue","description":"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.","package":"maz-ui","file":"guide/vue.md","url":"https://maz-ui.com/guide/vue","symbols":[],"imports":[],"aliases":["vue setup","vite","main.ts","plugin install","install maz ui with vue"],"headings":["Quick Start","Installation","Install plugin","Advanced Integration","Using your first component","Theming","Translations","Plugins","Directives","Smart Loading with resolvers","Installation","Available Resolvers","Avoiding Naming Conflicts"],"related":["guide/getting-started"],"chars":7559},{"id":"components/maz-accordion","category":"component","slug":"maz-accordion","title":"MazAccordion","description":"MazAccordion is a standalone component that allows you to create an accordion with a title and content.","package":"maz-ui","file":"components/maz-accordion.md","url":"https://maz-ui.com/components/maz-accordion","symbols":["MazAccordion"],"imports":["import MazAccordion from 'maz-ui/components/MazAccordion'"],"aliases":["accordion","collapse","collapsible","expandable panel","faq","disclosure","mazaccordion"],"headings":["Basic usage","MazAccordion API","Props","Events","Slots"],"related":[],"chars":1801},{"id":"components/maz-alert","category":"component","slug":"maz-alert","title":"MazAlert","description":"MazAlert is an accessible component for displaying contextual feedback messages like success, warning, error, or informational notifications with customizable colors, icons, and styling options","package":"maz-ui","file":"components/maz-alert.md","url":"https://maz-ui.com/components/maz-alert","symbols":["MazAlert"],"imports":["import MazAlert from 'maz-ui/components/MazAlert'"],"aliases":["alert","callout","banner","notice","inline message","error message","success message","feedback","mazalert"],"headings":["Basic usage","Variants","Soft variant (default)","Solid variant","All colors with solid variant","Colors","With slots","Without border","Rounded sizes","Hide icon","Custom icon","Title only or content only","Use cases","Form validation errors","Success notification","Warning message","MazAlert API","Props","Slots"],"related":[],"chars":7334},{"id":"components/maz-animated-counter","category":"component","slug":"maz-animated-counter","title":"MazAnimatedCounter","description":"MazAnimatedCounter is a standalone component that allows you to animate a number from 0 to a specific value. Fully animated with CSS.","package":"maz-ui","file":"components/maz-animated-counter.md","url":"https://maz-ui.com/components/maz-animated-counter","symbols":["MazAnimatedCounter"],"imports":["import MazAnimatedCounter from 'maz-ui/components/MazAnimatedCounter'"],"aliases":["count up","animated number","counter","kpi","statistic","number animation","animated counter","mazanimatedcounter"],"headings":["Basic usage","duration","prefix and suffix","MazAnimatedCounter API","Props","Slots"],"related":[],"chars":2405},{"id":"components/maz-animated-element","category":"component","slug":"maz-animated-element","title":"MazAnimatedElement","description":"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, down, left, right) and allows customizing the animation delay and duration.","package":"maz-ui","file":"components/maz-animated-element.md","url":"https://maz-ui.com/components/maz-animated-element","symbols":["MazAnimatedElement"],"imports":["import MazAnimatedElement from 'maz-ui/components/MazAnimatedElement'"],"aliases":["reveal on scroll","fade in","appear animation","blur in","enter animation","animated element","mazanimatedelement"],"headings":["Basic usage","MazAnimatedElement API","Props","Slots"],"related":[],"chars":1790},{"id":"components/maz-animated-text","category":"component","slug":"maz-animated-text","title":"MazAnimatedText","description":"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 animation directions (up, down, left, right).","package":"maz-ui","file":"components/maz-animated-text.md","url":"https://maz-ui.com/components/maz-animated-text","symbols":["MazAnimatedText"],"imports":["import MazAnimatedText from 'maz-ui/components/MazAnimatedText'"],"aliases":["text animation","animated heading","hero title","blur text","animated text","mazanimatedtext"],"headings":["Basic usage","MazAnimatedText API","Props"],"related":[],"chars":2738},{"id":"components/maz-avatar","category":"component","slug":"maz-avatar","title":"MazAvatar","description":"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.","package":"maz-ui","file":"components/maz-avatar.md","url":"https://maz-ui.com/components/maz-avatar","symbols":["MazAvatar"],"imports":["import MazAvatar from 'maz-ui/components/MazAvatar'"],"aliases":["avatar","profile picture","user picture","user image","profile photo","initials","user icon","mazavatar"],"headings":["Basic usage","Options","Initials from caption","On Error","Fallback image loaded on error","Loading","Image height full","MazAvatar API","Props","Events","Slots"],"related":[],"chars":8020},{"id":"components/maz-backdrop","category":"component","slug":"maz-backdrop","title":"MazBackdrop","description":"MazBackdrop is a flexible backdrop component that provides a foundation for modals, drawers, bottom sheets and any overlay content. It handles focus management, keyboard navigation, and animations automatically.","package":"maz-ui","file":"components/maz-backdrop.md","url":"https://maz-ui.com/components/maz-backdrop","symbols":["MazBackdrop"],"imports":["import MazBackdrop from 'maz-ui/components/MazBackdrop'"],"aliases":["backdrop","overlay","scrim","modal base","custom overlay","mazbackdrop"],"headings":["Basic usage","Persistent backdrop","Content positioning","Custom animations","Accessibility features","MazBackdrop API","Props","Events","Slots","Exposed (template ref)"],"related":["components/maz-dialog","components/maz-drawer"],"chars":6176},{"id":"components/maz-badge","category":"component","slug":"maz-badge","title":"MazBadge","description":"MazBadge is a standalone component to show short text in colored container","package":"maz-ui","file":"components/maz-badge.md","url":"https://maz-ui.com/components/maz-badge","symbols":["MazBadge"],"imports":["import MazBadge from 'maz-ui/components/MazBadge'"],"aliases":["badge","tag","chip","label","pill","status","counter badge","mazbadge"],"headings":["Basic usage","Options","Colors","Outlined","Pastel","Size","Rounded sizes","MazBadge API","Props","Slots"],"related":[],"chars":3819},{"id":"components/maz-bottom-sheet","category":"component","slug":"maz-bottom-sheet","title":"MazBottomSheet","description":"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 (icon, title, close button), a footer and many replaceable slots. Useful for mobile UX.","package":"maz-ui","file":"components/maz-bottom-sheet.md","url":"https://maz-ui.com/components/maz-bottom-sheet","symbols":["MazBottomSheet"],"imports":["import MazBottomSheet from 'maz-ui/components/MazBottomSheet'"],"aliases":["bottom sheet","action sheet","mobile drawer","mobile modal","bottom drawer","mazbottomsheet"],"headings":["Basic usage","Swipe to close (iOS-like)","Header with an icon","Replaceable slots","Max width","Without header","Persistent","Full example","Accessibility","MazBottomSheet API","Props","Events","Slots","Exposed (template ref)"],"related":["components/maz-dialog"],"chars":9853},{"id":"components/maz-btn","category":"component","slug":"maz-btn","title":"MazBtn","description":"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 included. Support of router-link and nuxt-link","package":"maz-ui","file":"components/maz-btn.md","url":"https://maz-ui.com/components/maz-btn","symbols":["MazBtn"],"imports":["import MazBtn from 'maz-ui/components/MazBtn'"],"aliases":["button","btn","submit button","loading button","icon button","fab","cta","call to action","link button","mazbtn"],"headings":["Basic usage","Sizes","Colors","Outlined","Loading","Pastel","Rounded Size","Fab","Block","Justify","Disabled","Icons","Use icon path","Use your own SVG icons","Use [@maz-ui/icons](../ecosystem/icons/index.md)","Use [vite-svg-loader](https://github.com/jpkleemans/vite-svg-loader)","Use your own components","Pass a full MazIconProps object","[HTMLLinkElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLLinkElement)","[RouterLink](https://router.vuejs.org/api/#router-link)","MazBtn API","Props","Slots"],"related":[],"chars":13284},{"id":"components/maz-btn-group","category":"component","slug":"maz-btn-group","title":"MazBtnGroup","description":"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 color.","package":"maz-ui","file":"components/maz-btn-group.md","url":"https://maz-ui.com/components/maz-btn-group","symbols":["MazBtnGroup"],"imports":["import MazBtnGroup from 'maz-ui/components/MazBtnGroup'"],"aliases":["button group","segmented control","toolbar","grouped buttons","btn group","mazbtngroup"],"headings":["Basic usage with items","Slot-based usage","Orientation","Sizes","Colors","Button variants","Outlined","Pastel","Slot-based variants","Click handlers","With icons","With links","Mixed button styles","Types","MazButtonGroupOption","MazButtonGroupProps","MazBtnGroup API","Props","Slots"],"related":[],"chars":8747},{"id":"components/maz-card","category":"component","slug":"maz-card","title":"MazCard","description":"MazCard is a standalone component to display some texts and images and also add button actions","package":"maz-ui","file":"components/maz-card.md","url":"https://maz-ui.com/components/maz-card","symbols":["MazCard"],"imports":["import MazCard from 'maz-ui/components/MazCard'"],"aliases":["card","panel","tile","box","product card","article card","mazcard"],"headings":["Basic usage","Advanced usage","Orientation","Row","Row Reverse","Column Reverse","Collapsible","Linked card","No bordered","Elevation","Gallery images","Footer slot","Basic","Footer aligned on left","Types","MazCard API","Props","Events","Slots"],"related":[],"chars":10067},{"id":"components/maz-card-spotlight","category":"component","slug":"maz-card-spotlight","title":"MazCardSpotlight","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","package":"maz-ui","file":"components/maz-card-spotlight.md","url":"https://maz-ui.com/components/maz-card-spotlight","symbols":["MazCardSpotlight"],"imports":["import MazCardSpotlight from 'maz-ui/components/MazCardSpotlight'"],"aliases":["spotlight card","glow card","hover effect card","feature card","card spotlight","mazcardspotlight"],"headings":["Basic usage","Effect with multiple cards and with secondary color","MazCardSpotlight API","Props","Slots"],"related":[],"chars":3026},{"id":"components/maz-carousel","category":"component","slug":"maz-carousel","title":"MazCarousel","description":"MazCarousel is a standalone component to display and manage items in a row","package":"maz-ui","file":"components/maz-carousel.md","url":"https://maz-ui.com/components/maz-carousel","symbols":["MazCarousel"],"imports":["import MazCarousel from 'maz-ui/components/MazCarousel'"],"aliases":["carousel","slider","horizontal scroll","slideshow","scrollable row","mazcarousel"],"headings":["Basic usage","Options","hide-scrollbar","hide-scroll-buttons","MazCarousel API","Props","Slots"],"related":[],"chars":3814},{"id":"components/maz-chart","category":"component","slug":"maz-chart","title":"MazChart","description":"MazChart is a standalone component which generates graphics & charts with chart.js","package":"maz-ui","file":"components/maz-chart.md","url":"https://maz-ui.com/components/maz-chart","symbols":["MazChart"],"imports":["import MazChart from 'maz-ui/components/MazChart'"],"aliases":["chart","graph","plot","data visualization","line chart","bar chart","pie chart","doughnut","chart.js","mazchart"],"headings":["Documentation","Bar chart","Pie chart","Line chart"],"related":[],"chars":4792},{"id":"components/maz-checkbox","category":"component","slug":"maz-checkbox","title":"MazCheckbox","description":"MazCheckbox is a standalone component that replaces the standard html input checkbox. Color options are available.","package":"maz-ui","file":"components/maz-checkbox.md","url":"https://maz-ui.com/components/maz-checkbox","symbols":["MazCheckbox"],"imports":["import MazCheckbox from 'maz-ui/components/MazCheckbox'"],"aliases":["checkbox","check box","boolean input","agree terms","tick","mazcheckbox"],"headings":["Basic usage","Colors","Sizing","Disabled","MazCheckbox API","Props","Events","Slots"],"related":[],"chars":3476},{"id":"components/maz-checklist","category":"component","slug":"maz-checklist","title":"MazChecklist","description":"MazChecklist is a standalone component that allows creating a checklist with integrated search functionality. It provides a flexible and customizable user interface for selecting multiple items from a list of options. The component supports real-time search, color customization, and displays messages when no results are found.","package":"maz-ui","file":"components/maz-checklist.md","url":"https://maz-ui.com/components/maz-checklist","symbols":["MazChecklist"],"imports":["import MazChecklist from 'maz-ui/components/MazChecklist'"],"aliases":["checklist","multiple selection list","searchable checkbox list","filter list","mazchecklist"],"headings":["Basic usage","Custom search function","MazChecklist API","Props","Events","Slots"],"related":[],"chars":8499},{"id":"components/maz-circular-progress-bar","category":"component","slug":"maz-circular-progress-bar","title":"MazCircularProgressBar","description":"MazCircularProgressBar displays a percentage or a progress in an animated ring, with a configurable size, color, duration and content in the center","package":"maz-ui","file":"components/maz-circular-progress-bar.md","url":"https://maz-ui.com/components/maz-circular-progress-bar","symbols":["MazCircularProgressBar"],"imports":["import MazCircularProgressBar from 'maz-ui/components/MazCircularProgressBar'"],"aliases":["circular progress","progress ring","radial progress","percentage circle","donut progress","circular progress bar","mazcircularprogressbar"],"headings":["Basic usage","Size","Duration","Color","Auto-color","Slot","MazCircularProgressBar API","Props","Slots"],"related":[],"chars":4731},{"id":"components/maz-code-highlight","category":"component","slug":"maz-code-highlight","title":"MazCodeHighlight","description":"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 supports lazy loading.","package":"maz-ui","file":"components/maz-code-highlight.md","url":"https://maz-ui.com/components/maz-code-highlight","symbols":["MazCodeHighlight"],"imports":["import MazCodeHighlight from 'maz-ui/components/MazCodeHighlight'"],"aliases":["code block","syntax highlighting","code snippet","shiki","source code","code highlight","mazcodehighlight"],"headings":["Installation requirement","Basic usage","With slot","Languages","Custom theme","Copy to clipboard","Disable the copy button","Copy a different value than the displayed code","Disable rounded corners","Custom translations"],"related":[],"chars":4638},{"id":"components/maz-container","category":"component","slug":"maz-container","title":"MazContainer","description":"MazContainer is a lightweight component to wrap content with optional header, border, elevation, and rounded corners - a simpler alternative to MazCard","package":"maz-ui","file":"components/maz-container.md","url":"https://maz-ui.com/components/maz-container","symbols":["MazContainer"],"imports":["import MazContainer from 'maz-ui/components/MazContainer'"],"aliases":["container","section wrapper","box","framed content","panel","mazcontainer"],"headings":["Basic usage","With title","With icons","Styling options","Elevation","Bordered","Transparent","Rounded sizes","No padding","Full width","Custom header","Combining options","MazContainer API","Props","Slots"],"related":[],"chars":6992},{"id":"components/maz-date-picker","category":"component","slug":"maz-date-picker","title":"MazDatePicker","description":"A powerful and flexible date picker component with support for single dates, date ranges, time selection, and extensive customization options","package":"maz-ui","file":"components/maz-date-picker.md","url":"https://maz-ui.com/components/maz-date-picker","symbols":["MazDatePicker"],"imports":["import MazDatePicker from 'maz-ui/components/MazDatePicker'"],"aliases":["date picker","datepicker","calendar","date range","time picker","datetime","birthday","mazdatepicker"],"headings":["Table of Contents","Basic Usage","Date Formats","1. Data Format (format prop)","2. Display Format (input-date-format prop)","Custom Display Transformation","Date Selection","Standard Date Picker","Inline Date Picker","Double Calendar","Custom Trigger","Slot bindings","Time Selection","Date + Time (24h format)","Date + Time (12h format)","Time Only Selection","Custom Minute Intervals","Range Selection","Range with Shortcuts","Property shortcuts","Validation & Constraints","Min/Max Dates","Disabled Days & Dates","Disabled Hours","Internationalization","Types","Accessibility","MazDatePicker API","Props","Events","Slots"],"related":[],"chars":20666},{"id":"components/maz-dialog","category":"component","slug":"maz-dialog","title":"MazDialog","description":"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 footer, full-size layout, differents states etc.","package":"maz-ui","file":"components/maz-dialog.md","url":"https://maz-ui.com/components/maz-dialog","symbols":["MazDialog"],"imports":["import MazDialog from 'maz-ui/components/MazDialog'"],"aliases":["dialog","modal","popup","lightbox","modal window","mazdialog"],"headings":["Basic usage","Scrollable","Width","Accessibility","MazDialog API","Props","Events","Slots","Exposed (template ref)"],"related":["components/maz-dialog-confirm","components/maz-bottom-sheet","components/maz-backdrop"],"chars":5535},{"id":"components/maz-dialog-confirm","category":"component","slug":"maz-dialog-confirm","title":"MazDialogConfirm","description":"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.","package":"maz-ui","file":"components/maz-dialog-confirm.md","url":"https://maz-ui.com/components/maz-dialog-confirm","symbols":["MazDialogConfirm"],"imports":["import MazDialogConfirm from 'maz-ui/components/MazDialogConfirm'"],"aliases":["confirm dialog","confirmation","are you sure","delete confirmation","yes no dialog","prompt user","dialog confirm","mazdialogconfirm"],"headings":["Basic usage","Types","MazDialogConfirm API","Props","Events","Slots","Exposed (template ref)"],"related":["plugins/dialog","components/maz-dialog"],"chars":7358},{"id":"components/maz-drawer","category":"component","slug":"maz-drawer","title":"MazDrawer","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","package":"maz-ui","file":"components/maz-drawer.md","url":"https://maz-ui.com/components/maz-drawer","symbols":["MazDrawer"],"imports":["import MazDrawer from 'maz-ui/components/MazDrawer'"],"aliases":["drawer","side panel","off canvas","slide over","sidebar panel","mazdrawer"],"headings":["Basic usage","Accessibility","MazDrawer API","Props","Events","Slots"],"related":["components/maz-backdrop"],"chars":4210},{"id":"components/maz-dropdown","category":"component","slug":"maz-dropdown","title":"MazDropdown","description":"MazDropdown is a standalone dropdown menu component and versatile designed for various use cases.","package":"maz-ui","file":"components/maz-dropdown.md","url":"https://maz-ui.com/components/maz-dropdown","symbols":["MazDropdown"],"imports":["import MazDropdown from 'maz-ui/components/MazDropdown'"],"aliases":["dropdown","dropdown menu","context menu","actions menu","kebab menu","more menu","menu","mazdropdown"],"headings":["Basic usage","Open dropdown with adaptive trigger","Open dropdown only on click","Open dropdown only on hover","Custom dropdown icon","Custom dropdown main button without chevron icon","Custom slots","Custom dropdown panel","Custom menuitem labels","Custom control triggered element","Open programmatically","Position","Types","MazDropdownMenuItem","Accessibility","MazDropdown API","Props","Events","Slots"],"related":[],"chars":17089},{"id":"components/maz-dropzone","category":"component","slug":"maz-dropzone","title":"MazDropzone","description":"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 uploads in your Vue applications.","package":"maz-ui","file":"components/maz-dropzone.md","url":"https://maz-ui.com/components/maz-dropzone","symbols":["MazDropzone"],"imports":["import MazDropzone from 'maz-ui/components/MazDropzone'"],"aliases":["file upload","dropzone","drag and drop files","upload files","file input","image upload","mazdropzone"],"headings":["Key Features","Error codes","Error handling example","Basic Usage","File Type Restrictions","Auto Upload","Custom Upload Area","Custom Translations","Using translations prop","Using MazUi plugin","Custom Upload Request","MazDropzone API","Props","Events","Slots","Exposed (template ref)"],"related":[],"chars":14114},{"id":"components/maz-expand-animation","category":"component","slug":"maz-expand-animation","title":"MazExpandAnimation","description":"MazExpandAnimation is a standalone component that allows you to animate the height of a block element","package":"maz-ui","file":"components/maz-expand-animation.md","url":"https://maz-ui.com/components/maz-expand-animation","symbols":["MazExpandAnimation"],"imports":["import MazExpandAnimation from 'maz-ui/components/MazExpandAnimation'"],"aliases":["expand","collapse animation","height transition","show more animation","expand animation","mazexpandanimation"],"headings":["Basic usage","Options","MazExpandAnimation API","Props","Events","Slots"],"related":[],"chars":3038},{"id":"components/maz-fullscreen-loader","category":"component","slug":"maz-fullscreen-loader","title":"MazFullscreenLoader","description":"MazFullscreenLoader covers the whole page with a backdrop and a spinner to block the interface during a global loading","package":"maz-ui","file":"components/maz-fullscreen-loader.md","url":"https://maz-ui.com/components/maz-fullscreen-loader","symbols":["MazFullscreenLoader"],"imports":["import MazFullscreenLoader from 'maz-ui/components/MazFullscreenLoader'"],"aliases":["fullscreen loader","page loader","loading screen","blocking loader","mazfullscreenloader"],"headings":["Basic usage","MazFullscreenLoader API","Props","Slots"],"related":[],"chars":1929},{"id":"components/maz-gallery","category":"component","slug":"maz-gallery","title":"MazGallery","description":"MazGallery is a standalone component used to display images in a container and has many options and actions","package":"maz-ui","file":"components/maz-gallery.md","url":"https://maz-ui.com/components/maz-gallery","symbols":["MazGallery"],"imports":["import MazGallery from 'maz-ui/components/MazGallery'"],"aliases":["gallery","image grid","photos","image gallery","mazgallery"],"headings":["Basic usage","Set height by CSS","Types","MazGallery API","Props"],"related":[],"chars":3095},{"id":"components/maz-icon","category":"component","slug":"maz-icon","title":"MazIcon","description":"A flexible icon component that accepts Vue components, raw SVG strings, URLs and data URIs.","package":"maz-ui","file":"components/maz-icon.md","url":"https://maz-ui.com/components/maz-icon","symbols":["MazIcon"],"imports":["import MazIcon from 'maz-ui/components/MazIcon'"],"aliases":["icon","svg icon","render svg","icon component","mazicon"],"headings":["How it works","Examples","Raw SVG (recommended)","URL (fetched at runtime)","Vue component","Fallback","Sizing","Predefined sizes ('xs' | 'sm' | 'md' | 'lg' | 'xl')","Custom size (any CSS length)","Accessibility","RTL flipping","Custom SVG attributes","SSR","Base URL for relative URLs","Forwarding MazIconProps from a consumer","All bundled icons","MazIcon API","Props","Events"],"related":["ecosystem/icons"],"chars":7386},{"id":"components/maz-input","category":"component","slug":"maz-input","title":"MazInput","description":"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, valid states, error messages and icons are included.","package":"maz-ui","file":"components/maz-input.md","url":"https://maz-ui.com/components/maz-input","symbols":["MazInput"],"imports":["import MazInput from 'maz-ui/components/MazInput'"],"aliases":["input","text field","text input","form field","email input","password input","search input","mazinput"],"headings":["Basic usage","Top label","Assistive text","Password","Placeholder","Required","Disabled","Hint","Icons","Use icon name","Use your own SVG icons","Use [vite-svg-loader](https://github.com/jpkleemans/vite-svg-loader)","Pass a full MazIconProps object","Auto focus","Debounce","Sizes","Colors","Rounded Size","State","MazInput API","Props","Events","Slots"],"related":["composables/use-form-validator"],"chars":13070},{"id":"components/maz-input-code","category":"component","slug":"maz-input-code","title":"MazInputCode","description":"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). The code handles input events, keydown actions, and pasting. Overall, it offers a responsive and visually appealing solution for entering verification codes.","package":"maz-ui","file":"components/maz-input-code.md","url":"https://maz-ui.com/components/maz-input-code","symbols":["MazInputCode"],"imports":["import MazInputCode from 'maz-ui/components/MazInputCode'"],"aliases":["otp","one time password","verification code","pin code","2fa code","input code","mazinputcode"],"headings":["Basic usage","Size","Disabled","MazInputCode API","Props","Events"],"related":[],"chars":2948},{"id":"components/maz-input-number","category":"component","slug":"maz-input-number","title":"MazInputNumber","description":"MazInputNumber is a number input component with increment and decrement buttons for user-friendly input. Customizable size, disabled state, and limit values.","package":"maz-ui","file":"components/maz-input-number.md","url":"https://maz-ui.com/components/maz-input-number","symbols":["MazInputNumber"],"imports":["import MazInputNumber from 'maz-ui/components/MazInputNumber'"],"aliases":["number input","quantity","stepper input","increment decrement","numeric field","input number","mazinputnumber"],"headings":["Basic usage","No buttons","MazInputNumber API","Props","Events"],"related":[],"chars":3425},{"id":"components/maz-input-phone-number","category":"component","slug":"maz-input-phone-number","title":"MazInputPhoneNumber","description":"MazInputPhoneNumber is a powerful and user-friendly component that helps users enter and validate phone numbers from any country with automatic formatting and validation","package":"maz-ui","file":"components/maz-input-phone-number.md","url":"https://maz-ui.com/components/maz-input-phone-number","symbols":["MazInputPhoneNumber"],"imports":["import MazInputPhoneNumber from 'maz-ui/components/MazInputPhoneNumber'"],"aliases":["phone number","telephone","phone input","mobile number","international phone","country calling code","input phone number","mazinputphonenumber"],"headings":["Basic Usage","Country Management","Layout Orientations","Display Options","Flags source","Smart Country Detection","Phone Number Formatting","Validation States","Internationalization","Custom Flag Styling","Advanced Configuration","Real-world Examples","Data Handling","Troubleshooting","⚠️ Auto-formatting Issues","🌐 Country Detection Not Working","Types","MazInputPhoneNumber API","Props","Events","Slots"],"related":["ecosystem/utils/format-phone-number"],"chars":17997},{"id":"components/maz-input-price","category":"component","slug":"maz-input-price","title":"MazInputPrice","description":"MazInputPrice is a standalone component that replaces the standard html input text and formats the text enter according to the currency provided","package":"maz-ui","file":"components/maz-input-price.md","url":"https://maz-ui.com/components/maz-input-price","symbols":["MazInputPrice"],"imports":["import MazInputPrice from 'maz-ui/components/MazInputPrice'"],"aliases":["price input","currency input","money","amount","input price","mazinputprice"],"headings":["Basic usage","MazInputPrice API","Props","Events"],"related":["ecosystem/utils/currency"],"chars":2489},{"id":"components/maz-input-tags","category":"component","slug":"maz-input-tags","title":"MazInputTags","description":"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.","package":"maz-ui","file":"components/maz-input-tags.md","url":"https://maz-ui.com/components/maz-input-tags","symbols":["MazInputTags"],"imports":["import MazInputTags from 'maz-ui/components/MazInputTags'"],"aliases":["tags input","chips input","multiple values","keywords input","input tags","mazinputtags"],"headings":["Basic usage","Sizing","MazInputTags API","Props","Events"],"related":[],"chars":3188},{"id":"components/maz-lazy-img","category":"component","slug":"maz-lazy-img","title":"MazLazyImg","description":"MazLazyImg is a standalone component to display images and svgs with lazy loading","package":"maz-ui","file":"components/maz-lazy-img.md","url":"https://maz-ui.com/components/maz-lazy-img","symbols":["MazLazyImg"],"imports":["import MazLazyImg from 'maz-ui/components/MazLazyImg'"],"aliases":["lazy image","lazy loading image","image","img","responsive image","lazy img","mazlazyimg"],"headings":["Responsive sources","Image height full","Fallback on error","Without loader","MazLazyImg API","Props","Events","Slots"],"related":["directives/lazy-img"],"chars":3525},{"id":"components/maz-link","category":"component","slug":"maz-link","title":"MazLink","description":"MazLink is a standalone component to create links and buttons.","package":"maz-ui","file":"components/maz-link.md","url":"https://maz-ui.com/components/maz-link","symbols":["MazLink"],"imports":["import MazLink from 'maz-ui/components/MazLink'"],"aliases":["link","anchor","router link","nuxt link","hyperlink","mazlink"],"headings":["Basic usage","Color","RouterLink","Icons","External icon (true by default)","As button","MazLink API","Props","Slots"],"related":[],"chars":5534},{"id":"components/maz-loading-bar","category":"component","slug":"maz-loading-bar","title":"MazLoadingBar","description":"MazLoadingBar is an indeterminate progress bar to show that something is loading, typically at the top of a page or a container","package":"maz-ui","file":"components/maz-loading-bar.md","url":"https://maz-ui.com/components/maz-loading-bar","symbols":["MazLoadingBar"],"imports":["import MazLoadingBar from 'maz-ui/components/MazLoadingBar'"],"aliases":["loading bar","progress bar","top loader","indeterminate progress","mazloadingbar"],"headings":["Basic usage","MazLoadingBar API","Props"],"related":[],"chars":1264},{"id":"components/maz-markdown-editor","category":"component","slug":"maz-markdown-editor","title":"MazMarkdownEditor","description":"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 the same states, labels and theming as MazTextarea, is SSR-friendly, and supports custom renderers.","package":"maz-ui","file":"components/maz-markdown-editor.md","url":"https://maz-ui.com/components/maz-markdown-editor","symbols":["MazMarkdownEditor"],"imports":["import MazMarkdownEditor from 'maz-ui/components/MazMarkdownEditor'"],"aliases":["markdown editor","rich text","wysiwyg","text editor","comment editor","mazmarkdowneditor"],"headings":["Installation requirement","Basic usage","Toolbar","Available actions","Configure the toolbar","Keyboard shortcuts","List continuation","Label & assistive text","States","Split mode","Line numbers","Custom renderer","Sanitization","Controlled mode","Custom translations","Accessibility","MazMarkdownEditor API","Props","Events","Slots","Exposed (template ref)"],"related":[],"chars":13227},{"id":"components/maz-pagination","category":"component","slug":"maz-pagination","title":"MazPagination","description":"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","package":"maz-ui","file":"components/maz-pagination.md","url":"https://maz-ui.com/components/maz-pagination","symbols":["MazPagination"],"imports":["import MazPagination from 'maz-ui/components/MazPagination'"],"aliases":["pagination","pager","page navigation","paginate","mazpagination"],"headings":["Basic usage","Sizes","Colors","MazPagination API","Props","Events","Slots"],"related":[],"chars":3157},{"id":"components/maz-popover","category":"component","slug":"maz-popover","title":"MazPopover","description":"MazPopover is a versatile Vue component for displaying content in overlays that bypass overflow constraints of parent elements","package":"maz-ui","file":"components/maz-popover.md","url":"https://maz-ui.com/components/maz-popover","symbols":["MazPopover"],"imports":["import MazPopover from 'maz-ui/components/MazPopover'"],"aliases":["popover","floating panel","popup","tooltip content","menu anchor","flyout","mazpopover"],"headings":["Basic usage","Adaptive trigger","Positions","Advanced positions","Prefer position and fallback position","Colors","Tooltip role","Controlled popover","Menu example","Keep open on hover","Form example","Configuration options","Events","Position values","Accessibility","Best practices","MazPopover API","Props","Events","Slots","Exposed (template ref)"],"related":["directives/tooltip"],"chars":24304},{"id":"components/maz-pull-to-refresh","category":"component","slug":"maz-pull-to-refresh","title":"MazPullToRefresh","description":"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.","package":"maz-ui","file":"components/maz-pull-to-refresh.md","url":"https://maz-ui.com/components/maz-pull-to-refresh","symbols":["MazPullToRefresh"],"imports":["import MazPullToRefresh from 'maz-ui/components/MazPullToRefresh'"],"aliases":["pull to refresh","refresh gesture","mobile refresh","mazpulltorefresh"],"headings":["Key Features","Demo","Basic usage","Inside a scroll container","Installed apps only","Tuning the gesture","Customize the indicator","Translations","Accessibility","Events","Headless usage","MazPullToRefresh API","Props","Events","Slots","Exposed (template ref)"],"related":[],"chars":9918},{"id":"components/maz-radio","category":"component","slug":"maz-radio","title":"MazRadio","description":"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","package":"maz-ui","file":"components/maz-radio.md","url":"https://maz-ui.com/components/maz-radio","symbols":["MazRadio"],"imports":["import MazRadio from 'maz-ui/components/MazRadio'"],"aliases":["radio","radio button","single choice","mazradio"],"headings":["Basic usage","Sizing","Disabled","MazRadio API","Props","Events","Slots"],"related":[],"chars":3133},{"id":"components/maz-radio-buttons","category":"component","slug":"maz-radio-buttons","title":"MazRadioButtons","description":"MazRadioButtons is a standalone component to select a value in a list. Made with native HTMLInputElement type radio","package":"maz-ui","file":"components/maz-radio-buttons.md","url":"https://maz-ui.com/components/maz-radio-buttons","symbols":["MazRadioButtons"],"imports":["import MazRadioButtons from 'maz-ui/components/MazRadioButtons'"],"aliases":["radio group","choice cards","option list","single select buttons","radio buttons","mazradiobuttons"],"headings":["Basic usage","Custom slot template","Orientation - Column","Selector icon with options equal-size","Types","options","Accessibility","MazRadioButtons API","Props","Events","Slots"],"related":[],"chars":9387},{"id":"components/maz-read-more","category":"component","slug":"maz-read-more","title":"MazReadMore","description":"MazReadMore is a standalone component to truncate long text with a \"Read more\" / \"Read less\" toggle functionality","package":"maz-ui","file":"components/maz-read-more.md","url":"https://maz-ui.com/components/maz-read-more","symbols":["MazReadMore"],"imports":["import MazReadMore from 'maz-ui/components/MazReadMore'"],"aliases":["read more","truncate text","show more","clamp text","expand text","mazreadmore"],"headings":["Basic usage","With text prop","With default slot","Truncation with max lines","Truncation with max characters","Using slot for content","Colors","Custom toggle text","Short content (no button)","MazReadMore API","Props","Slots"],"related":[],"chars":7769},{"id":"components/maz-reading-progress-bar","category":"component","slug":"maz-reading-progress-bar","title":"MazReadingProgressBar","description":"MazReadingProgressBar is a standalone component to display a reading progress bar","package":"maz-ui","file":"components/maz-reading-progress-bar.md","url":"https://maz-ui.com/components/maz-reading-progress-bar","symbols":["MazReadingProgressBar"],"imports":["import MazReadingProgressBar from 'maz-ui/components/MazReadingProgressBar'"],"aliases":["reading progress","scroll progress","article progress","reading progress bar","mazreadingprogressbar"],"headings":["Basic usage","Types","Props","MazReadingProgressBar API","Props","Events"],"related":[],"chars":2864},{"id":"components/maz-select","category":"component","slug":"maz-select","title":"MazSelect - with \"multiple\" options","description":"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, custom templates options, colors, sizes, disabled, loading, error, warning, valid states, error messages, and icons.","package":"maz-ui","file":"components/maz-select.md","url":"https://maz-ui.com/components/maz-select","symbols":["MazSelect"],"imports":["import MazSelect from 'maz-ui/components/MazSelect'"],"aliases":["select","dropdown select","combobox","autocomplete","picker","multiselect","searchable select","options","select with multiple options","mazselect"],"headings":["Basic usage","Multiple","Search","Custom search function","Opt Group","Disabled","Size","Custom template options","Custom options model","Example","Types","Accessibility","MazSelect API","Props","Events","Slots"],"related":["components/maz-select-country"],"chars":12068},{"id":"components/maz-select-country","category":"component","slug":"maz-select-country","title":"MazSelectCountry","description":"MazSelectCountry is a versatile Vue component for selecting countries or languages with built-in internationalization support and customizable display options","package":"maz-ui","file":"components/maz-select-country.md","url":"https://maz-ui.com/components/maz-select-country","symbols":["MazSelectCountry"],"imports":["import MazSelectCountry from 'maz-ui/components/MazSelectCountry'"],"aliases":["country select","country picker","language select","locale picker","nationality","select country","mazselectcountry"],"headings":["Basic usage","Language selection","Sizes and colors","Preferred countries","Filtering options","Custom display options","Flags source","For the whole app","Flags of maz-ui, offline","Your own files","Your own function","Without flags","Custom locale","States and validation","Custom options","Display code instead of name","Advanced configuration","How it works","Key features:","useDisplayNames composable","MazSelectCountry API","Props","Events","Slots"],"related":["components/maz-select"],"chars":17588},{"id":"components/maz-sidebar","category":"component","slug":"maz-sidebar","title":"MazSidebar","description":"MazSidebar is a composable sidebar system for dashboard, admin, and SaaS applications. It provides a fully accessible, collapsible navigation with multiple display modes.","package":"maz-ui","file":"components/maz-sidebar.md","url":"https://maz-ui.com/components/maz-sidebar","symbols":["MazSidebar","MazSidebarMenuButton","MazSidebarMenuSub","MazSidebarGroup"],"imports":["import MazSidebar from 'maz-ui/components/MazSidebar'","import MazSidebarMenuButton from 'maz-ui/components/MazSidebarMenuButton'","import MazSidebarMenuSub from 'maz-ui/components/MazSidebarMenuSub'","import MazSidebarGroup from 'maz-ui/components/MazSidebarGroup'"],"aliases":["sidebar","side navigation","nav menu","dashboard layout","admin layout","app shell","collapsible menu","mazsidebar","mazsidebarmenubutton","mazsidebarmenusub","mazsidebargroup"],"headings":["Sub-components","Basic usage","Groups & dividers","Sub-menus","Icon mode with tooltips","Controlling when the tooltip appears","Hover mode","Offcanvas mode","Overlay vs push mode","Side end (right)","Badges","User menu in footer","Mobile (static rendering)","Programmatic control (v-model + composable)","Persistent open state","How it works","SSR considerations","With router (vue-router / NuxtLink)","CSS Variables","Accessibility","MazSidebar","MazSidebar API","Props","Events","Slots","Exposed (template ref)","MazSidebarMenuButton","MazSidebarMenuButton API","Props","Events","Slots","MazSidebarMenuSub","MazSidebarMenuSub API","Props","Slots","MazSidebarGroup","MazSidebarGroup API","Props","Slots"],"related":["components/maz-sidebar-group","components/maz-sidebar-menu-button","components/maz-sidebar-menu-sub"],"chars":18622},{"id":"components/maz-sidebar-content","category":"component","slug":"maz-sidebar-content","title":"MazSidebarContent","description":"Scrollable main area of MazSidebar that holds the groups and the menus.","package":"maz-ui","file":"components/maz-sidebar-content.md","symbols":["MazSidebarContent"],"imports":["import MazSidebarContent from 'maz-ui/components/MazSidebarContent'"],"aliases":["sidebar content","mazsidebarcontent"],"headings":["MazSidebarContent API","Props","Slots"],"related":[],"chars":553},{"id":"components/maz-sidebar-footer","category":"component","slug":"maz-sidebar-footer","title":"MazSidebarFooter","description":"Bottom area of MazSidebar, for the user menu or secondary actions.","package":"maz-ui","file":"components/maz-sidebar-footer.md","symbols":["MazSidebarFooter"],"imports":["import MazSidebarFooter from 'maz-ui/components/MazSidebarFooter'"],"aliases":["sidebar footer","mazsidebarfooter"],"headings":["MazSidebarFooter API","Props","Slots"],"related":[],"chars":536},{"id":"components/maz-sidebar-group","category":"component","slug":"maz-sidebar-group","title":"MazSidebarGroup","description":"Titled and optionally collapsible section of MazSidebar that groups menus.","package":"maz-ui","file":"components/maz-sidebar-group.md","symbols":["MazSidebarGroup"],"imports":["import MazSidebarGroup from 'maz-ui/components/MazSidebarGroup'"],"aliases":["sidebar group","mazsidebargroup"],"headings":["MazSidebarGroup API","Props","Slots"],"related":["components/maz-sidebar"],"chars":669},{"id":"components/maz-sidebar-header","category":"component","slug":"maz-sidebar-header","title":"MazSidebarHeader","description":"Top area of MazSidebar, for the logo, the name of the app or a workspace switcher.","package":"maz-ui","file":"components/maz-sidebar-header.md","symbols":["MazSidebarHeader"],"imports":["import MazSidebarHeader from 'maz-ui/components/MazSidebarHeader'"],"aliases":["sidebar header","mazsidebarheader"],"headings":["MazSidebarHeader API","Props","Slots"],"related":[],"chars":568},{"id":"components/maz-sidebar-menu","category":"component","slug":"maz-sidebar-menu","title":"MazSidebarMenu","description":"List of navigation items of MazSidebar.","package":"maz-ui","file":"components/maz-sidebar-menu.md","symbols":["MazSidebarMenu"],"imports":["import MazSidebarMenu from 'maz-ui/components/MazSidebarMenu'"],"aliases":["sidebar menu","mazsidebarmenu"],"headings":["MazSidebarMenu API","Props","Slots"],"related":[],"chars":468},{"id":"components/maz-sidebar-menu-button","category":"component","slug":"maz-sidebar-menu-button","title":"MazSidebarMenuButton","description":"Navigation button or link of a MazSidebar menu item, with icon, label, badge, and a tooltip when the sidebar is collapsed.","package":"maz-ui","file":"components/maz-sidebar-menu-button.md","symbols":["MazSidebarMenuButton"],"imports":["import MazSidebarMenuButton from 'maz-ui/components/MazSidebarMenuButton'"],"aliases":["sidebar menu button","mazsidebarmenubutton"],"headings":["MazSidebarMenuButton API","Props","Events","Slots"],"related":["components/maz-sidebar"],"chars":2072},{"id":"components/maz-sidebar-menu-item","category":"component","slug":"maz-sidebar-menu-item","title":"MazSidebarMenuItem","description":"Item of a MazSidebarMenu: wraps a MazSidebarMenuButton and its optional MazSidebarMenuSub.","package":"maz-ui","file":"components/maz-sidebar-menu-item.md","symbols":["MazSidebarMenuItem"],"imports":["import MazSidebarMenuItem from 'maz-ui/components/MazSidebarMenuItem'"],"aliases":["sidebar menu item","mazsidebarmenuitem"],"headings":["MazSidebarMenuItem API","Props","Slots"],"related":[],"chars":598},{"id":"components/maz-sidebar-menu-sub","category":"component","slug":"maz-sidebar-menu-sub","title":"MazSidebarMenuSub","description":"Nested submenu of a MazSidebar menu item.","package":"maz-ui","file":"components/maz-sidebar-menu-sub.md","symbols":["MazSidebarMenuSub"],"imports":["import MazSidebarMenuSub from 'maz-ui/components/MazSidebarMenuSub'"],"aliases":["sidebar menu sub","mazsidebarmenusub"],"headings":["MazSidebarMenuSub API","Props","Slots"],"related":["components/maz-sidebar"],"chars":930},{"id":"components/maz-sidebar-separator","category":"component","slug":"maz-sidebar-separator","title":"MazSidebarSeparator","description":"Divider between the sections of MazSidebar.","package":"maz-ui","file":"components/maz-sidebar-separator.md","symbols":["MazSidebarSeparator"],"imports":["import MazSidebarSeparator from 'maz-ui/components/MazSidebarSeparator'"],"aliases":["sidebar separator","mazsidebarseparator"],"headings":["MazSidebarSeparator API","Props"],"related":[],"chars":486},{"id":"components/maz-sidebar-trigger","category":"component","slug":"maz-sidebar-trigger","title":"MazSidebarTrigger","description":"Button that opens, closes or collapses MazSidebar.","package":"maz-ui","file":"components/maz-sidebar-trigger.md","symbols":["MazSidebarTrigger"],"imports":["import MazSidebarTrigger from 'maz-ui/components/MazSidebarTrigger'"],"aliases":["sidebar trigger","mazsidebartrigger"],"headings":["MazSidebarTrigger API","Props","Slots"],"related":[],"chars":511},{"id":"components/maz-skeleton","category":"component","slug":"maz-skeleton","title":"MazSkeleton","description":"MazSkeleton is a standalone component to display loading placeholders with animated shimmer effect","package":"maz-ui","file":"components/maz-skeleton.md","url":"https://maz-ui.com/components/maz-skeleton","symbols":["MazSkeleton"],"imports":["import MazSkeleton from 'maz-ui/components/MazSkeleton'"],"aliases":["skeleton","placeholder","shimmer","loading placeholder","content loader","mazskeleton"],"headings":["Basic usage","Shapes","Sizes","Custom dimensions","Rounded sizes","Disable animation","Card skeleton example","Article skeleton example","List skeleton example","Accessibility","MazSkeleton API","Props"],"related":[],"chars":6868},{"id":"components/maz-slider","category":"component","slug":"maz-slider","title":"MazSlider","description":"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 logarithmic/exponential values are available","package":"maz-ui","file":"components/maz-slider.md","url":"https://maz-ui.com/components/maz-slider","symbols":["MazSlider"],"imports":["import MazSlider from 'maz-ui/components/MazSlider'"],"aliases":["range slider","slider","range input","min max","mazslider"],"headings":["Basic usage","Options","Step","Multiple sliders & labels","Sizes & colors","Logarithmic/exponential","hide dividers & cursor animation","Accessibility","MazSlider API","Props","Events"],"related":[],"chars":4661},{"id":"components/maz-spinner","category":"component","slug":"maz-spinner","title":"MazSpinner","description":"MazSpinner is an animated loading indicator with the colors and sizes of the theme, to show that a content or an action is loading","package":"maz-ui","file":"components/maz-spinner.md","url":"https://maz-ui.com/components/maz-spinner","symbols":["MazSpinner"],"imports":["import MazSpinner from 'maz-ui/components/MazSpinner'"],"aliases":["spinner","loader","loading indicator","activity indicator","mazspinner"],"headings":["Basic usage","Options","Colors","Sizes","MazSpinner API","Props"],"related":[],"chars":1933},{"id":"components/maz-stepper","category":"component","slug":"maz-stepper","title":"MazStepper","description":"MazStepper is a standalone UI component customizable, reactive for intuitive step-by-step navigation. Ideal for guiding users through forms, workflows, or checkout processes.","package":"maz-ui","file":"components/maz-stepper.md","url":"https://maz-ui.com/components/maz-stepper","symbols":["MazStepper"],"imports":["import MazStepper from 'maz-ui/components/MazStepper'"],"aliases":["stepper","wizard","multi step form","steps","onboarding","mazstepper"],"headings":["Basic usage","Use step property instead of slots","Replace default step point","Set step states programmatically","Auto validate steps","Auto disabled next or/and previous steps","All steps opened & success","Can close steps","Types","Accessibility","MazStepper API","Props","Events","Slots"],"related":[],"chars":8259},{"id":"components/maz-switch","category":"component","slug":"maz-switch","title":"MazSwitch","description":"MazSwitch is a standalone component that replaces the standard html input checkbox. Color options are available.","package":"maz-ui","file":"components/maz-switch.md","url":"https://maz-ui.com/components/maz-switch","symbols":["MazSwitch"],"imports":["import MazSwitch from 'maz-ui/components/MazSwitch'"],"aliases":["switch","toggle","on off","toggle switch","mazswitch"],"headings":["MazSwitch API","Props","Events","Slots"],"related":[],"chars":2540},{"id":"components/maz-table","category":"component","slug":"maz-table","title":"MazTable","description":"MazTable is designed to be a reusable data table with advanced features. Pagination, Search, Column Sorting, Row Selection, UI options, Loading and Slots.","package":"maz-ui","file":"components/maz-table.md","url":"https://maz-ui.com/components/maz-table","symbols":["MazTable","MazTableCell","MazTableRow","MazTableTitle"],"imports":["import MazTable from 'maz-ui/components/MazTable'","import MazTableCell from 'maz-ui/components/MazTableCell'","import MazTableRow from 'maz-ui/components/MazTableRow'","import MazTableTitle from 'maz-ui/components/MazTableTitle'"],"aliases":["table","data table","datagrid","grid","sortable table","list of rows","maztable","maztablecell","maztablerow","maztabletitle"],"headings":["Key Features","Available models","Basic usage","Advanced data table","Animated rows","Virtualization","Options","Good to know","Loading","Sizing"],"related":["components/maz-table-cell","components/maz-table-row","components/maz-table-title"],"chars":12668},{"id":"components/maz-table-cell","category":"component","slug":"maz-table-cell","title":"MazTableCell","description":"Cell of a MazTableRow, with the size and padding of MazTable.","package":"maz-ui","file":"components/maz-table-cell.md","symbols":["MazTableCell"],"imports":["import MazTableCell from 'maz-ui/components/MazTableCell'"],"aliases":["table cell","maztablecell"],"headings":["MazTableCell API","Props","Slots"],"related":["components/maz-table"],"chars":576},{"id":"components/maz-table-row","category":"component","slug":"maz-table-row","title":"MazTableRow","description":"Row of MazTable, when you write the rows by hand in its default slot.","package":"maz-ui","file":"components/maz-table-row.md","symbols":["MazTableRow"],"imports":["import MazTableRow from 'maz-ui/components/MazTableRow'"],"aliases":["table row","maztablerow"],"headings":["MazTableRow API","Props","Slots"],"related":["components/maz-table"],"chars":729},{"id":"components/maz-table-title","category":"component","slug":"maz-table-title","title":"MazTableTitle","description":"Header cell of MazTable, when you write the header by hand.","package":"maz-ui","file":"components/maz-table-title.md","symbols":["MazTableTitle"],"imports":["import MazTableTitle from 'maz-ui/components/MazTableTitle'"],"aliases":["table title","maztabletitle"],"headings":["MazTableTitle API","Props","Slots"],"related":["components/maz-table"],"chars":579},{"id":"components/maz-table-virtualizer","category":"component","slug":"maz-table-virtualizer","title":"MazTableVirtualizer","description":"Renderless provider loaded on demand by MazTable to virtualize long lists of rows.","package":"maz-ui","file":"components/maz-table-virtualizer.md","symbols":["MazTableVirtualizer"],"imports":["import MazTableVirtualizer from 'maz-ui/components/MazTableVirtualizer'"],"aliases":["table virtualizer","maztablevirtualizer"],"headings":["MazTableVirtualizer API","Props","Events","Slots"],"related":[],"chars":953},{"id":"components/maz-tabs","category":"component","slug":"maz-tabs","title":"MazTabs","description":"MazTabs is a standalone component to display content in tabs with animations","package":"maz-ui","file":"components/maz-tabs.md","url":"https://maz-ui.com/components/maz-tabs","symbols":["MazTabs","MazTabsBar","MazTabsContent","MazTabsContentItem"],"imports":["import MazTabs from 'maz-ui/components/MazTabs'","import MazTabsBar from 'maz-ui/components/MazTabsBar'","import MazTabsContent from 'maz-ui/components/MazTabsContent'","import MazTabsContentItem from 'maz-ui/components/MazTabsContentItem'"],"aliases":["tabs","tab bar","tabbed content","segmented navigation","maztabs","maztabsbar","maztabscontent","maztabscontentitem"],"headings":["Basic usage","With model-value","Persistent tab","Custom tabs with slot","Size and rounded size","Active color","Standalone usage","Types","Accessibility","Props & Events emitted","MazTabs","MazTabs API","Props","Events","Slots","MazTabsBar","MazTabsBar API","Props","Events","Slots","MazTabsContent","MazTabsContent API","Props","Slots","MazTabsContentItem","MazTabsContentItem API","Props","Slots"],"related":["components/maz-tabs-bar","components/maz-tabs-content","components/maz-tabs-content-item"],"chars":10762},{"id":"components/maz-tabs-bar","category":"component","slug":"maz-tabs-bar","title":"MazTabsBar","description":"Bar of tab buttons of MazTabs.","package":"maz-ui","file":"components/maz-tabs-bar.md","symbols":["MazTabsBar"],"imports":["import MazTabsBar from 'maz-ui/components/MazTabsBar'"],"aliases":["tabs bar","maztabsbar"],"headings":["MazTabsBar API","Props","Events","Slots"],"related":["components/maz-tabs"],"chars":2874},{"id":"components/maz-tabs-content","category":"component","slug":"maz-tabs-content","title":"MazTabsContent","description":"Container of the tab panels of MazTabs.","package":"maz-ui","file":"components/maz-tabs-content.md","symbols":["MazTabsContent"],"imports":["import MazTabsContent from 'maz-ui/components/MazTabsContent'"],"aliases":["tabs content","maztabscontent"],"headings":["MazTabsContent API","Props","Slots"],"related":["components/maz-tabs"],"chars":544},{"id":"components/maz-tabs-content-item","category":"component","slug":"maz-tabs-content-item","title":"MazTabsContentItem","description":"Panel of MazTabs displayed when its tab is active.","package":"maz-ui","file":"components/maz-tabs-content-item.md","symbols":["MazTabsContentItem"],"imports":["import MazTabsContentItem from 'maz-ui/components/MazTabsContentItem'"],"aliases":["tabs content item","maztabscontentitem"],"headings":["MazTabsContentItem API","Props","Slots"],"related":["components/maz-tabs"],"chars":613},{"id":"components/maz-textarea","category":"component","slug":"maz-textarea","title":"MazTextarea","description":"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 and error messages are available.","package":"maz-ui","file":"components/maz-textarea.md","url":"https://maz-ui.com/components/maz-textarea","symbols":["MazTextarea"],"imports":["import MazTextarea from 'maz-ui/components/MazTextarea'"],"aliases":["textarea","multiline input","comment field","message field","autogrow","maztextarea"],"headings":["Basic usage","With top-label","With assistive text","With label and append slots","With hint and state","Disable autogrow","Minimum rows (compact / input-like)","Sizes","Disabled","MazTextarea API","Props","Events","Slots"],"related":[],"chars":8313},{"id":"components/maz-ticker","category":"component","slug":"maz-ticker","title":"MazTicker","description":"MazTicker is a scrolling ticker component that continuously animates content in a loop with configurable speed, direction, pause controls, and gradient overlays","package":"maz-ui","file":"components/maz-ticker.md","url":"https://maz-ui.com/components/maz-ticker","symbols":["MazTicker"],"imports":["import MazTicker from 'maz-ui/components/MazTicker'"],"aliases":["ticker","marquee","logo cloud","scrolling banner","infinite scroll strip","mazticker"],"headings":["Basic usage","Screenshots gallery","3D Screenshots showcase","Orientation","Horizontal (default)","Vertical","Reverse direction","Speed control","Repeat","Custom gap","Overlay","Without overlay","Custom overlay size","Pause controls","Pause on hover","Pause on focus","Programmatic pause","Custom content","Slots","Before and after","Timing function","MazTicker API","Props","Slots"],"related":[],"chars":11513},{"id":"components/maz-timeline","category":"component","slug":"maz-timeline","title":"MazTimeline","description":"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","package":"maz-ui","file":"components/maz-timeline.md","url":"https://maz-ui.com/components/maz-timeline","symbols":["MazTimeline"],"imports":["import MazTimeline from 'maz-ui/components/MazTimeline'"],"aliases":["timeline","progress steps","history","order tracking","roadmap","maztimeline"],"headings":["Basic usage","Directions","Horizontal","Vertical","Auto (responsive)","Colors","Sizes","Step states","Clickable","Disabled steps","Without step numbers","Without auto-validate","Rounded sizes","Custom Icons","Custom slots","Indicator slot","Content slot","Connector slot","MazTimeline API","Props","Events","Slots"],"related":[],"chars":9669},{"id":"components/maz-ui-provider","category":"component","slug":"maz-ui-provider","title":"MazUiProvider","description":"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).","package":"maz-ui","file":"components/maz-ui-provider.md","symbols":["MazUiProvider"],"imports":["import MazUiProvider from 'maz-ui/components/MazUiProvider'"],"aliases":["ui provider","mazuiprovider"],"headings":["MazUiProvider API","Props","Slots"],"related":[],"chars":912},{"id":"components/maz-window-mockup","category":"component","slug":"maz-window-mockup","title":"MazWindowMockup","description":"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.","package":"maz-ui","file":"components/maz-window-mockup.md","url":"https://maz-ui.com/components/maz-window-mockup","symbols":["MazWindowMockup"],"imports":["import MazWindowMockup from 'maz-ui/components/MazWindowMockup'"],"aliases":["window mockup","browser frame","terminal mockup","screenshot frame","mazwindowmockup"],"headings":["Browser variant","Hide the URL copy button","With screenshot","Terminal variant","Custom prompt","Without prompt","Editor variant","With code and language props","Empty-state placeholder","Custom translations","MazWindowMockup API","Props","Slots"],"related":[],"chars":6675},{"id":"composables/use-aos","category":"composable","slug":"use-aos","title":"useAos","description":"Vue composable to access the AOS plugin instance (animations on scroll) in your components, to refresh or trigger the animations","package":"maz-ui","file":"composables/use-aos.md","url":"https://maz-ui.com/composables/use-aos","symbols":["useAos"],"imports":["import { useAos } from 'maz-ui/composables/useAos'"],"aliases":["animate on scroll","scroll animation","reveal","use aos","useaos"],"headings":["Usage"],"related":["plugins/aos"],"chars":1002},{"id":"composables/use-breakpoints","category":"composable","slug":"use-breakpoints","title":"useBreakpoints","description":"This composable extends the functionality of the useWindowSize composable to manage responsive breakpoints","package":"maz-ui","file":"composables/use-breakpoints.md","url":"https://maz-ui.com/composables/use-breakpoints","symbols":["useBreakpoints"],"imports":["import { useBreakpoints } from 'maz-ui/composables/useBreakpoints'"],"aliases":["breakpoints","responsive","media query","is mobile","screen size","use breakpoints","usebreakpoints"],"headings":["Basic usage"],"related":["composables/use-window-size"],"chars":932},{"id":"composables/use-dialog","category":"composable","slug":"use-dialog","title":"useDialog","description":"Vue composable for handling dialog plugin in your components","package":"maz-ui","file":"composables/use-dialog.md","url":"https://maz-ui.com/composables/use-dialog","symbols":["useDialog"],"imports":["import { useDialog } from 'maz-ui/composables/useDialog'"],"aliases":["confirm","confirmation dialog","prompt","promise dialog","are you sure","use dialog","usedialog"],"headings":["Usage"],"related":["plugins/dialog"],"chars":1283},{"id":"composables/use-display-names","category":"composable","slug":"use-display-names","title":"useDisplayNames","description":"useDisplayNames is a Vue composable specialized in displaying localized country names (regions) and language names. It supports various code formats including ISO 639-1 (language codes), ISO 3166-1 (country codes), and BCP 47 (language tags), using the Intl.DisplayNames API for internationalization.","package":"maz-ui","file":"composables/use-display-names.md","url":"https://maz-ui.com/composables/use-display-names","symbols":["useDisplayNames"],"imports":["import { useDisplayNames } from 'maz-ui/composables/useDisplayNames'"],"aliases":["country name","language name","intl display names","translate country","use display names","usedisplaynames"],"headings":["Introduction","Key Features","Basic Usage","Functions","getDisplayName","getAllDisplayNames","Notes"],"related":[],"chars":6019},{"id":"composables/use-drag","category":"composable","slug":"use-drag","title":"useDrag","description":"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.","package":"maz-ui","file":"composables/use-drag.md","url":"https://maz-ui.com/composables/use-drag","symbols":["useDrag"],"imports":["import { useDrag } from 'maz-ui/composables/useDrag'"],"aliases":["drag","draggable","swipe down to close","drag gesture","use drag","usedrag"],"headings":["Introduction","Key Features","Basic Usage","Options","Composable Return","Notes"],"related":[],"chars":6236},{"id":"composables/use-form-validator","category":"composable","slug":"use-form-validator","title":"useFormValidator","description":"Vue composables for form validation with any Standard Schema library (Valibot, Zod, ArkType...) - useFormValidator and useFormField provide a flexible and typed approach to handle form validation in your Vue applications.","package":"maz-ui","file":"composables/use-form-validator.md","url":"https://maz-ui.com/composables/use-form-validator","symbols":["useFormValidator"],"imports":["import { useFormValidator } from 'maz-ui/composables/useFormValidator'"],"aliases":["form validation","validate form","zod","valibot","yup","schema validation","form errors","submit form","use form validator","useformvalidator"],"headings":["Introduction","Quick Start","Validation Libraries","Same form, different libraries","Live example with Zod","Mixing libraries","Custom schema","Good to know","Understanding Form State","Field States","Validation Modes","Lazy Mode (Default)","Aggressive Mode","Eager Mode (Recommended)","Blur Mode","Progressive Mode","useFormField for Child Components","Return Values","Two Ways to Bind Validation Events","TypeScript Type Inference","Async Validation","Throttling and Debouncing","Reset Form","Multiple Forms on Same Page","Error Handling and scrollToError","scrollToError","onError Callback","Performance & Best Practices","Performance Tips","Common Patterns","Common Pitfalls","API Reference","useFormValidator","useFormField","Types","Troubleshooting","Type Errors with useTemplateRef","Validation Not Triggering","Conditionally Rendered Fields (v-if)","Mismatched Form Identifiers"],"related":["components/maz-input"],"chars":34156},{"id":"composables/use-idle-timeout","category":"composable","slug":"use-idle-timeout","title":"useIdleTimeout","description":"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.","package":"maz-ui","file":"composables/use-idle-timeout.md","url":"https://maz-ui.com/composables/use-idle-timeout","symbols":["useIdleTimeout"],"imports":["import { useIdleTimeout } from 'maz-ui/composables/useIdleTimeout'"],"aliases":["idle","inactivity","auto logout","session timeout","afk","use idle timeout","useidletimeout"],"headings":["Demo","Callback","Options","Actions","Start","Pause","Resume","Reset","Destroy"],"related":["ecosystem/utils/idle-timeout"],"chars":3497},{"id":"composables/use-pull-to-refresh","category":"composable","slug":"use-pull-to-refresh","title":"usePullToRefresh","description":"usePullToRefresh is a headless Vue composable for the pull to refresh gesture on the window or any scroll container.","package":"maz-ui","file":"composables/use-pull-to-refresh.md","url":"https://maz-ui.com/composables/use-pull-to-refresh","symbols":["usePullToRefresh"],"imports":["import { usePullToRefresh } from 'maz-ui/composables/usePullToRefresh'"],"aliases":["pull to refresh","refresh gesture","use pull to refresh","usepulltorefresh"],"headings":["Introduction","Basic usage","Options","Return","Notes"],"related":[],"chars":5536},{"id":"composables/use-reading-time","category":"composable","slug":"use-reading-time","title":"useReadingTime","description":"This composable allows you to calculate the reading time of a text","package":"maz-ui","file":"composables/use-reading-time.md","url":"https://maz-ui.com/composables/use-reading-time","symbols":["useReadingTime"],"imports":["import { useReadingTime } from 'maz-ui/composables/useReadingTime'"],"aliases":["reading time","minutes to read","word count","use reading time","usereadingtime"],"headings":["Basic usage","With content selector","Velocity","Types","Options","Returns"],"related":[],"chars":8178},{"id":"composables/use-string-matching","category":"composable","slug":"use-string-matching","title":"useStringMatching","description":"Efficient composable for string matching tasks, utilizing Levenshtein distance calculation. Simplify comparison operations with minimal setup. Enhance text similarity checks effortlessly.","package":"maz-ui","file":"composables/use-string-matching.md","url":"https://maz-ui.com/composables/use-string-matching","symbols":["useStringMatching"],"imports":["import { useStringMatching } from 'maz-ui/composables/useStringMatching'"],"aliases":["fuzzy match","string similarity","search matching","use string matching","usestringmatching"],"headings":["Usage"],"related":[],"chars":1289},{"id":"composables/use-swipe","category":"composable","slug":"use-swipe","title":"useSwipe","description":"useSwipe is a Vue composable that simplifies the management of \"swipe\" interactions on HTML elements.","package":"maz-ui","file":"composables/use-swipe.md","url":"https://maz-ui.com/composables/use-swipe","symbols":["useSwipe"],"imports":["import { useSwipe } from 'maz-ui/composables/useSwipe'"],"aliases":["swipe","swipe gesture","touch gesture","use swipe","useswipe"],"headings":["Introduction","Key Features","Basic Usage"],"related":["ecosystem/utils/swipe-handler"],"chars":5407},{"id":"composables/use-timer","category":"composable","slug":"use-timer","title":"useTimer","description":"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 operations or user interactions with a specified timeout.","package":"maz-ui","file":"composables/use-timer.md","url":"https://maz-ui.com/composables/use-timer","symbols":["useTimer"],"imports":["import { useTimer } from 'maz-ui/composables/useTimer'"],"aliases":["timer","countdown","interval","stopwatch","use timer","usetimer"],"headings":["Usage","Set timeout with start function","Types"],"related":[],"chars":3039},{"id":"composables/use-toast","category":"composable","slug":"use-toast","title":"useToast","description":"Vue composable to display toast notifications (info, success, warning, error, with actions and buttons) from your components, through the toast plugin","package":"maz-ui","file":"composables/use-toast.md","url":"https://maz-ui.com/composables/use-toast","symbols":["useToast"],"imports":["import { useToast } from 'maz-ui/composables/useToast'"],"aliases":["toast","notification","snackbar","flash message","notify","use toast","usetoast"],"headings":["Usage"],"related":["plugins/toast"],"chars":1275},{"id":"composables/use-user-visibility","category":"composable","slug":"use-user-visibility","title":"useUserVisibility","description":"Vue composable to know whether the user is looking at the page (Page Visibility API), with an optional delay before considering them away","package":"maz-ui","file":"composables/use-user-visibility.md","url":"https://maz-ui.com/composables/use-user-visibility","symbols":["useUserVisibility"],"imports":["import { useUserVisibility } from 'maz-ui/composables/useUserVisibility'"],"aliases":["page visibility","tab hidden","user away","use user visibility","useuservisibility"],"headings":["Demo","How to use it?","Callback","Options","Default Options","Actions","Start","Destroy"],"related":["ecosystem/utils/user-visibility"],"chars":2334},{"id":"composables/use-wait","category":"composable","slug":"use-wait","title":"useWait","description":"Vue composable to manage loading states (start, stop, check) in your components, through the wait plugin and the MazFullscreenLoader","package":"maz-ui","file":"composables/use-wait.md","url":"https://maz-ui.com/composables/use-wait","symbols":["useWait"],"imports":["import { useWait } from 'maz-ui/composables/useWait'"],"aliases":["loading state","pending state","global loader","wait","use wait","usewait"],"headings":["Usage"],"related":["plugins/wait"],"chars":1227},{"id":"composables/use-window-size","category":"composable","slug":"use-window-size","title":"useWindowSize","description":"This composable provides a simple utility to track the width and height of the browser window with reactivity","package":"maz-ui","file":"composables/use-window-size.md","url":"https://maz-ui.com/composables/use-window-size","symbols":["useWindowSize"],"imports":["import { useWindowSize } from 'maz-ui/composables/useWindowSize'"],"aliases":["window size","viewport size","resize","use window size","usewindowsize"],"headings":["Basic usage"],"related":["composables/use-breakpoints"],"chars":693},{"id":"directives/click-outside","category":"directive","slug":"click-outside","title":"vClickOutside","description":"vClickOutside is a Vue directive to trigger a function when the user clicks outside an element","package":"maz-ui","file":"directives/click-outside.md","url":"https://maz-ui.com/directives/click-outside","symbols":["vClickOutside"],"imports":["import { vClickOutside } from 'maz-ui/directives/vClickOutside'"],"aliases":["click outside","close on outside click","outside click","v click outside","vclickoutside"],"headings":["Basic usage","Advanced usage with options","Using the once option","All options combined","API Reference","Usage Patterns","Options","Type Definitions","Global install","Vue","Nuxt"],"related":[],"chars":4142},{"id":"directives/fullscreen-img","category":"directive","slug":"fullscreen-img","title":"vFullscreenImg","description":"vFullscreenImg is a Vue directive that opens an image in fullscreen on click, with zoom and navigation between the images of a group","package":"maz-ui","file":"directives/fullscreen-img.md","url":"https://maz-ui.com/directives/fullscreen-img","symbols":["vFullscreenImg"],"imports":["import { vFullscreenImg } from 'maz-ui/directives/vFullscreenImg'"],"aliases":["fullscreen image","image viewer","lightbox","v fullscreen img","vfullscreenimg"],"headings":["Basic usage","With animate options","On custom element","Global install","Vue","Nuxt","Types"],"related":[],"chars":1633},{"id":"directives/lazy-img","category":"directive","slug":"lazy-img","title":"vLazyImg","description":"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.","package":"maz-ui","file":"directives/lazy-img.md","url":"https://maz-ui.com/directives/lazy-img","symbols":["vLazyImg"],"imports":["import { vLazyImg } from 'maz-ui/directives/vLazyImg'"],"aliases":["lazy load image","lazy loading","deferred image","v lazy img","vlazyimg"],"headings":["Basic usage","Use background image","Disable lazy loading","Fallback image on error","Options","Global install","Vue","Nuxt","Types"],"related":["components/maz-lazy-img"],"chars":5051},{"id":"directives/tooltip","category":"directive","slug":"tooltip","title":"vTooltip","description":"vTooltip is a Vue directive to display a text when the user hovers an element","package":"maz-ui","file":"directives/tooltip.md","url":"https://maz-ui.com/directives/tooltip","symbols":["vTooltip"],"imports":["import { vTooltip } from 'maz-ui/directives/vTooltip'"],"aliases":["tooltip","hint","title on hover","help text","v tooltip","vtooltip"],"headings":["Basic usage","Colors","Position","HTML content","Customization","Trigger","Offset","Open programmatically","Conditionally disable","Global install","Vue","Nuxt","Types"],"related":["components/maz-popover"],"chars":6477},{"id":"directives/zoom-img","category":"directive","slug":"zoom-img","title":"vZoomImg","description":"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","package":"maz-ui","file":"directives/zoom-img.md","url":"https://maz-ui.com/directives/zoom-img","symbols":["vZoomImg"],"imports":["import { vZoomImg } from 'maz-ui/directives/vZoomImg'"],"aliases":["zoom image","image zoom","enlarge image","v zoom img","vzoomimg"],"headings":["Basic usage","Options","Global install","Vue","Nuxt","Types"],"related":[],"chars":2066},{"id":"plugins/aos","category":"plugin","slug":"aos","title":"aos (animation on scroll)","description":"Plugin to animate elements on your page as you scroll.","package":"maz-ui","file":"plugins/aos.md","url":"https://maz-ui.com/plugins/aos","symbols":["AosPlugin"],"imports":["import { AosPlugin } from 'maz-ui/plugins/aos'"],"aliases":["animate on scroll","scroll animations","aos animation on scroll","aosplugin"],"headings":["Installation","Basic usage","Atributes","Animations","Fade","Zoom","Slide","Flip","Rotate","Scale","Easing","Nuxt","Run animations programatically","Global Options"],"related":["composables/use-aos"],"chars":7893},{"id":"plugins/dialog","category":"plugin","slug":"dialog","title":"dialog","description":"Displays messages to your users in flexible and promised dialogs","package":"maz-ui","file":"plugins/dialog.md","url":"https://maz-ui.com/plugins/dialog","symbols":["DialogPlugin"],"imports":["import { DialogPlugin } from 'maz-ui/plugins/dialog'"],"aliases":["confirm dialog plugin","global dialog","dialog","dialogplugin"],"headings":["Installation","Basic usage","Custom buttons with on click actions","Custom response","Close dialog","Options","Usage","Type"],"related":["composables/use-dialog","components/maz-dialog-confirm"],"chars":6745},{"id":"plugins/toast","category":"plugin","slug":"toast","title":"Toast","description":"A powerful toast notification system for Vue.js that displays user-friendly messages with customizable positioning, styling, and behavior options","package":"maz-ui","file":"plugins/toast.md","url":"https://maz-ui.com/plugins/toast","symbols":["ToastPlugin"],"imports":["import { ToastPlugin } from 'maz-ui/plugins/toast'"],"aliases":["toast plugin","notifications","snackbar","toast","toastplugin"],"headings":["Installation","Basic usage","Action and link","Close toast programmatically","Type"],"related":["composables/use-toast"],"chars":5275},{"id":"plugins/wait","category":"plugin","slug":"wait","title":"wait","description":"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 processing or any other async operation","package":"maz-ui","file":"plugins/wait.md","url":"https://maz-ui.com/plugins/wait","symbols":["WaitPlugin"],"imports":["import { WaitPlugin } from 'maz-ui/plugins/wait'"],"aliases":["loading state plugin","global loading","wait","waitplugin"],"headings":["Installation","Basic usage"],"related":["composables/use-wait"],"chars":1741},{"id":"ecosystem/eslint-config","category":"ecosystem","slug":"eslint-config","title":"@maz-ui/eslint-config","description":"ESLint flat-config preset for Vue/Nuxt/JS/TS projects, layered on @antfu/eslint-config with SonarJS, Tailwind v3+v4 and a11y add-ons.","package":"@maz-ui/eslint-config","file":"ecosystem/eslint-config.md","url":"https://maz-ui.com/ecosystem/eslint-config","symbols":["defineConfig"],"imports":["import { defineConfig } from '@maz-ui/eslint-config'"],"aliases":["eslint","lint","linting config","maz ui eslint config","defineconfig"],"headings":["Installation","Basic usage","Configuration","Logging","Tailwind support","Custom rules","maz/tailwind-no-arbitrary-px","Use the plugin directly","What it includes","Advanced","Compose your own config","Auto-detection caveat (monorepos)","Compatibility"],"related":[],"chars":11909},{"id":"ecosystem/icons","category":"ecosystem","slug":"icons","title":"@maz-ui/icons","description":"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","package":"@maz-ui/icons","file":"ecosystem/icons/index.md","url":"https://maz-ui.com/ecosystem/icons/","symbols":["MazIconsResolver"],"imports":["import { MazCheck } from '@maz-ui/icons/static/MazCheck'","import { MazIconsResolver } from '@maz-ui/icons/resolvers'"],"aliases":["icons","icon set","svg icons","heroicons","flags","logos","maz ui icons","maziconsresolver"],"headings":["Features","Installation","Basic Installation","With Auto-import Support (Recommended)","With vite-svg-loader Integration","Usage Methods","Method 1: Vue Components (Recommended)","Method 2: Auto-import with Resolver","Method 3: With vite-svg-loader","Method 4: Direct SVG Files","Styling Icons","CSS Custom Properties","Available Icons","Icon Naming Convention","Advanced Configuration","Custom Icon Loading","Dynamic Icon Loading","Build-time Icon Optimization","Integration Examples","With Tailwind CSS","With Pinia Store","Troubleshooting","Common Issues","Bundle Size","Related Packages"],"related":["components/maz-icon","reference/icons"],"chars":16048},{"id":"ecosystem/icons/icon-set","category":"ecosystem","slug":"icon-set","title":"Icon Set","description":"Search and copy the 860+ icons of @maz-ui/icons, with the naming convention and the static, lazy and raw imports of each icon","package":"@maz-ui/icons","file":"ecosystem/icons/icon-set.md","url":"https://maz-ui.com/ecosystem/icons/icon-set","symbols":[],"imports":[],"aliases":["icon list","find icon","icon names","icon set"],"headings":["Icon Naming Convention","Find your icon"],"related":["reference/icons"],"chars":786},{"id":"ecosystem/mcp","category":"ecosystem","slug":"mcp","title":"MCP server","description":"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, setup guides and code review.","package":"@maz-ui/mcp","file":"ecosystem/mcp.md","url":"https://maz-ui.com/ecosystem/mcp","symbols":[],"imports":[],"aliases":["mcp","model context protocol","ai assistant","mcp server"],"headings":["Tools","Prompts","Version-matched docs","Configuration","In a project: install it","By hand","Claude Code","Cursor","VS Code (GitHub Copilot)","Codex","Windsurf, Claude Desktop, Cline, Zed...","Command line","Programmatic API","Troubleshooting","The server does not start: connection timed out","Debugging"],"related":["guide/ai-agents"],"chars":7491},{"id":"ecosystem/node","category":"ecosystem","slug":"node","title":"@maz-ui/node","description":"Lightweight Node.js utilities - promise-based shell execution, an opinionated consola-backed logger, and a banner printer for CLIs.","package":"@maz-ui/node","file":"ecosystem/node/index.md","url":"https://maz-ui.com/ecosystem/node/","symbols":[],"imports":[],"aliases":["maz ui node"],"headings":["Installation","Basic usage","What's inside","Requirements"],"related":[],"chars":1761},{"id":"ecosystem/nuxt","category":"ecosystem","slug":"nuxt","title":"Install maz-ui with Nuxt","description":"The ultimate Nuxt module for Maz-UI - zero-config setup with auto-imports, theming, internationalization and powerful features out of the box","package":"@maz-ui/nuxt","file":"ecosystem/nuxt.md","url":"https://maz-ui.com/ecosystem/nuxt","symbols":[],"imports":[],"aliases":["nuxt","nuxt module","auto import","nuxt config","install maz ui with nuxt"],"headings":["Why Choose Maz-UI for Nuxt?","Installation","Quick Start","Instant Usage","Configuration","Minimal Setup","Advanced Configuration","Complete Configuration Reference","General Configuration","CSS Configuration","Theme System","Global Component Defaults","Country Flags","Theme Strategies Explained","Runtime (Recommended)","Buildtime","Components","🎪 Composables","Plugins","Directives","AI Agents","Advanced Theming","Custom Theme Creation","Troubleshooting","Theme System Issues"],"related":["guide/getting-started"],"chars":16547},{"id":"ecosystem/stylelint-config","category":"ecosystem","slug":"stylelint-config","title":"@maz-ui/stylelint-config","description":"Stylelint preset for Vue/Nuxt/JS/TS projects, with first-class Tailwind CSS v4 support, RTL-friendly logical properties, and SCSS opt-in.","package":"@maz-ui/stylelint-config","file":"ecosystem/stylelint-config.md","url":"https://maz-ui.com/ecosystem/stylelint-config","symbols":["defineConfig"],"imports":["import { defineConfig } from '@maz-ui/stylelint-config'"],"aliases":["stylelint","css lint","maz ui stylelint config","defineconfig"],"headings":["Installation","Basic usage","Configuration","Logging","Logical properties (RTL-friendly)","Tailwind CSS v4","Policy levels","Property ordering","Layering shareable configs","What it includes","Advanced","Migrating from a hand-written .stylelintrc","Compatibility"],"related":[],"chars":12632},{"id":"ecosystem/themes","category":"ecosystem","slug":"themes","title":"Theming","description":"Modern and performant theme system for Maz-UI built on native CSS features (light-dark(), color-scheme, color-mix(in oklch)) for v5.","package":"@maz-ui/themes","file":"ecosystem/themes.md","url":"https://maz-ui.com/ecosystem/themes","symbols":["useTheme","definePreset","MazUiTheme","mazUi","pristine","ocean","obsidian","nova","buildThemeCSS"],"imports":["import { definePreset, useTheme } from '@maz-ui/themes'","import { mazUi } from '@maz-ui/themes/presets/mazUi'"],"aliases":["theme","theming","dark mode","light mode","color mode","preset","brand colors","design tokens","usetheme","definepreset","toggle dark mode","mazuitheme","mazui","pristine","ocean","obsidian","nova","buildthemecss"],"headings":["Features","Theme Editor","Quick Usage","1. Plugin Configuration with MazUi plugin","2. Setup your CSS to support theme foundation and dark mode","3. Using in your components","Configuration","Preset persistence","Color modes and class toggling","darkModeStrategy: 'class' (default)","darkModeStrategy: 'media'","Animated theme switch","Interactive Demo","Available Presets","Maz-UI (Default)","Pristine","Ocean","Obsidian","Nova","Rendering Strategies","⚡ Runtime (Recommended)","🏗️ Buildtime","Creating Custom Themes","Basic Theme","Advanced Theme with Overrides","Customizing scales","Per-component overrides","Dialog sizing","useTheme Composable API","Advanced Usage Examples","Build-time Strategy: Complete Guide","Step-by-step configuration","Utility functions","Build-time strategy advantages","Recommended use cases","Token Reference","Foundation","Colors","Scales","Components","Sample output","Usage with Nuxt","Migration from Legacy System"],"related":["guide/tailwind","reference/tailwind-tokens"],"chars":31479},{"id":"ecosystem/translations","category":"ecosystem","slug":"translations","title":"Translations (i18n)","description":"Internationalization of the maz-ui components with @maz-ui/translations: built-in locales, custom messages, lazy loading and runtime locale switching with useTranslations","package":"@maz-ui/translations","file":"ecosystem/translations.md","url":"https://maz-ui.com/ecosystem/translations","symbols":["useTranslations","MazUiTranslations"],"imports":["import { useTranslations } from '@maz-ui/translations'","import { fr } from '@maz-ui/translations'"],"aliases":["i18n","translations","locale","internationalization","language","usetranslations","translations i18n","mazuitranslations"],"headings":["✨ Features","Built-in Language Support","Translated Components","Basic Usage","How it works","Basic Setup","preloadFallback Option","Default behavior (preloadFallback: true)","Disable preloading (preloadFallback: false)","Recommendation","Enhanced Lazy Loading","What is lazy loading?","Benefits of lazy loading","Lazy loading configuration","Create your translation files","Using lazy loading in your components","Advanced lazy loading strategies","Using translations in your components","Lazy Loading (Performance Optimization)","Benefits of lazy loading","Option 1: Simple lazy loading with dynamic imports","Option 2: Loading from API","Create translation files","Using lazy loading in your components","Advanced lazy loading strategies","Variables in translations","Complete example with multiple languages","Creating a language switcher component","All translations keys","Important Notes","That's it! 🎉","Need help?"],"related":[],"chars":32390},{"id":"ecosystem/utils","category":"ecosystem","slug":"utils","title":"@maz-ui/utils","description":"Lightweight, tree-shakeable utility functions and TypeScript helpers for Vue, Nuxt and any JavaScript/TypeScript project.","package":"@maz-ui/utils","file":"ecosystem/utils/index.md","url":"https://maz-ui.com/ecosystem/utils/","symbols":[],"imports":[],"aliases":["maz ui utils"],"headings":["Installation","Basic usage","What's inside","Tree-shaking","TypeScript helpers"],"related":[],"chars":1737},{"id":"ecosystem/utils/camel-case","category":"util","slug":"camel-case","title":"camelCase","description":"Convert a kebab-case string to camelCase by stripping dashes and uppercasing the following letter.","package":"@maz-ui/utils","file":"ecosystem/utils/camel-case.md","url":"https://maz-ui.com/ecosystem/utils/camel-case","symbols":["camelCase"],"imports":["import { camelCase } from '@maz-ui/utils/helpers/camelCase'"],"aliases":["camel case","camelcase string","camelcase"],"headings":["Usage","API","Notes"],"related":[],"chars":1090},{"id":"ecosystem/utils/capitalize","category":"util","slug":"capitalize","title":"capitalize","description":"The module capitalize is a function that adds a capital letter to a string","package":"@maz-ui/utils","file":"ecosystem/utils/capitalize.md","url":"https://maz-ui.com/ecosystem/utils/capitalize","symbols":["capitalize"],"imports":["import { capitalize } from '@maz-ui/utils/helpers/capitalize'"],"aliases":["capitalize","uppercase first letter"],"headings":[],"related":[],"chars":866},{"id":"ecosystem/utils/check-availability","category":"util","slug":"check-availability","title":"checkAvailability","description":"Poll a getter until a value is available (or matches an expected value), then run a callback - with timeout and configurable retry interval.","package":"@maz-ui/utils","file":"ecosystem/utils/check-availability.md","url":"https://maz-ui.com/ecosystem/utils/check-availability","symbols":["checkAvailability"],"imports":["import { checkAvailability } from '@maz-ui/utils/helpers/checkAvailability'"],"aliases":["wait for element","poll until available","check availability","checkavailability"],"headings":["Usage","API","Examples"],"related":[],"chars":2583},{"id":"ecosystem/utils/cookie","category":"util","slug":"cookie","title":"cookie","description":"Read, write and delete browser cookies with full attribute support - `path`, `domain`, `maxAge`, `expires`, `secure`, `sameSite`, `partitioned`.","package":"@maz-ui/utils","file":"ecosystem/utils/cookie.md","url":"https://maz-ui.com/ecosystem/utils/cookie","symbols":["getCookie","setCookie","deleteCookie"],"imports":["import { getCookie, setCookie, deleteCookie } from '@maz-ui/utils/helpers/cookie'"],"aliases":["cookie","set cookie","read cookie","delete cookie","getcookie","setcookie","deletecookie"],"headings":["getCookie","setCookie","Options","deleteCookie"],"related":[],"chars":3513},{"id":"ecosystem/utils/country-code-to-unicode-flag","category":"util","slug":"country-code-to-unicode-flag","title":"countryCodeToUnicodeFlag","description":"Convert country code in unicode flag","package":"@maz-ui/utils","file":"ecosystem/utils/country-code-to-unicode-flag.md","url":"https://maz-ui.com/ecosystem/utils/country-code-to-unicode-flag","symbols":["countryCodeToUnicodeFlag"],"imports":["import { countryCodeToUnicodeFlag } from '@maz-ui/utils/helpers/countryCodeToUnicodeFlag'"],"aliases":["emoji flag","flag emoji","country flag","country code to unicode flag","countrycodetounicodeflag"],"headings":["Basic usage","Example"],"related":[],"chars":3371},{"id":"ecosystem/utils/currency","category":"util","slug":"currency","title":"formatCurrency","description":"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/Global_Objects/Intl/NumberFormat) from browsers and Node.js","package":"@maz-ui/utils","file":"ecosystem/utils/currency.md","url":"https://maz-ui.com/ecosystem/utils/currency","symbols":["formatCurrency"],"imports":["import { formatCurrency } from '@maz-ui/utils/helpers/formatCurrency'"],"aliases":["format currency","money format","price format","intl number format currency","formatcurrency"],"headings":["Options"],"related":["components/maz-input-price"],"chars":1715},{"id":"ecosystem/utils/date","category":"util","slug":"date","title":"formatDate","description":"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/Intl/DateTimeFormat) from browsers and Node.js","package":"@maz-ui/utils","file":"ecosystem/utils/date.md","url":"https://maz-ui.com/ecosystem/utils/date","symbols":["formatDate"],"imports":["import { formatDate } from '@maz-ui/utils/helpers/formatDate'"],"aliases":["format date","date format","intl date format","localized date","formatdate"],"headings":["Options","Default options"],"related":[],"chars":1679},{"id":"ecosystem/utils/debounce","category":"util","slug":"debounce","title":"debounce","description":"Wrap a function so it only runs after a quiet period - every new call resets the timer.","package":"@maz-ui/utils","file":"ecosystem/utils/debounce.md","url":"https://maz-ui.com/ecosystem/utils/debounce","symbols":["debounce"],"imports":["import { debounce } from '@maz-ui/utils/helpers/debounce'"],"aliases":["debounce","delay function","debounced search"],"headings":["Usage","API","Examples","Related"],"related":[],"chars":1977},{"id":"ecosystem/utils/debounce-callback","category":"util","slug":"debounce-callback","title":"debounceCallback","description":"Module-scoped one-shot debounce - schedule a callback that gets reset on each new call.","package":"@maz-ui/utils","file":"ecosystem/utils/debounce-callback.md","url":"https://maz-ui.com/ecosystem/utils/debounce-callback","symbols":["debounceCallback"],"imports":["import { debounceCallback } from '@maz-ui/utils/helpers/debounceCallback'"],"aliases":["debounce callback","debouncecallback"],"headings":["Usage","API"],"related":[],"chars":1586},{"id":"ecosystem/utils/debounce-id","category":"util","slug":"debounce-id","title":"debounceId","description":"Debounce an async function with isolated state per identifier - only the last call resolves, others are cancelled.","package":"@maz-ui/utils","file":"ecosystem/utils/debounce-id.md","url":"https://maz-ui.com/ecosystem/utils/debounce-id","symbols":["debounceId"],"imports":["import { debounceId } from '@maz-ui/utils/helpers/debounceId'"],"aliases":["debounce by id","keyed debounce","debounce id","debounceid"],"headings":["Usage","API","Examples","Related"],"related":[],"chars":2319},{"id":"ecosystem/utils/fetch-locale-ip","category":"util","slug":"fetch-locale-ip","title":"fetchLocaleIp","description":"Resolve the visitor's ISO country code from their IP address using the free `ipwho.is` service.","package":"@maz-ui/utils","file":"ecosystem/utils/fetch-locale-ip.md","url":"https://maz-ui.com/ecosystem/utils/fetch-locale-ip","symbols":["fetchLocaleIp"],"imports":["import { fetchLocaleIp } from '@maz-ui/utils/helpers/fetchLocaleIp'"],"aliases":["geolocate ip","detect country","ip country","fetch locale ip","fetchlocaleip"],"headings":["Usage","API","Notes"],"related":[],"chars":1402},{"id":"ecosystem/utils/format-json","category":"util","slug":"format-json","title":"formatJson","description":"Tiny wrapper around `JSON.stringify` with sensible default indentation.","package":"@maz-ui/utils","file":"ecosystem/utils/format-json.md","url":"https://maz-ui.com/ecosystem/utils/format-json","symbols":["formatJson"],"imports":["import { formatJson } from '@maz-ui/utils/helpers/formatJson'"],"aliases":["pretty print json","json stringify","format json","formatjson"],"headings":["Usage","API"],"related":[],"chars":1031},{"id":"ecosystem/utils/format-phone-number","category":"util","slug":"format-phone-number","title":"formatPhoneNumber","description":"Format an arbitrary phone-number string into its international representation using `libphonenumber-js`.","package":"@maz-ui/utils","file":"ecosystem/utils/format-phone-number.md","url":"https://maz-ui.com/ecosystem/utils/format-phone-number","symbols":["formatPhoneNumber"],"imports":["import { formatPhoneNumber } from '@maz-ui/utils/helpers/formatPhoneNumber'"],"aliases":["format phone number","international phone format","formatphonenumber"],"headings":["Usage","API","Notes"],"related":["components/maz-input-phone-number"],"chars":1589},{"id":"ecosystem/utils/get-browser-locale","category":"util","slug":"get-browser-locale","title":"getBrowserLocale","description":"Read the user's browser language tag (e.g. `'fr-FR'`, `'en-US'`) - returns `undefined` on the server.","package":"@maz-ui/utils","file":"ecosystem/utils/get-browser-locale.md","url":"https://maz-ui.com/ecosystem/utils/get-browser-locale","symbols":["getBrowserLocale"],"imports":["import { getBrowserLocale } from '@maz-ui/utils/helpers/getBrowserLocale'"],"aliases":["browser language","navigator language","user locale","get browser locale","getbrowserlocale"],"headings":["Usage","API","Notes"],"related":[],"chars":1049},{"id":"ecosystem/utils/get-country-flag-url","category":"util","slug":"get-country-flag-url","title":"getCountryFlagUrl","description":"Get country flag from flagcdn.com with a simple function call","package":"@maz-ui/utils","file":"ecosystem/utils/get-country-flag-url.md","url":"https://maz-ui.com/ecosystem/utils/get-country-flag-url","symbols":["getCountryFlagUrl"],"imports":["import { getCountryFlagUrl } from '@maz-ui/utils/helpers/getCountryFlagUrl'"],"aliases":["flag image url","country flag image","get country flag url","getcountryflagurl"],"headings":["Basic usage","Sizing"],"related":[],"chars":1367},{"id":"ecosystem/utils/get-error-message","category":"util","slug":"get-error-message","title":"getErrorMessage","description":"Extract a human-readable message from anything thrown - `Error`, `string`, `{ message }` objects, or arbitrary values.","package":"@maz-ui/utils","file":"ecosystem/utils/get-error-message.md","url":"https://maz-ui.com/ecosystem/utils/get-error-message","symbols":["getErrorMessage"],"imports":["import { getErrorMessage } from '@maz-ui/utils/helpers/getErrorMessage'"],"aliases":["error message","error to string","catch error","get error message","geterrormessage"],"headings":["Usage","API","Resolution rules"],"related":[],"chars":1264},{"id":"ecosystem/utils/idle-timeout","category":"util","slug":"idle-timeout","title":"IdleTimeout","description":"Detect user inactivity (mouse, keyboard, touch, scroll) and run a callback when the user becomes idle.","package":"@maz-ui/utils","file":"ecosystem/utils/idle-timeout.md","url":"https://maz-ui.com/ecosystem/utils/idle-timeout","symbols":["IdleTimeout"],"imports":["import { IdleTimeout } from '@maz-ui/utils/helpers/idleTimeout'"],"aliases":["idle detection","inactivity","idle timeout","idletimeout"],"headings":["Usage","API","Options","Methods","Examples","Related"],"related":["composables/use-idle-timeout"],"chars":3007},{"id":"ecosystem/utils/is-client","category":"util","slug":"is-client","title":"isClient","description":"Check whether the code is running in a browser environment (has a `document`).","package":"@maz-ui/utils","file":"ecosystem/utils/is-client.md","url":"https://maz-ui.com/ecosystem/utils/is-client","symbols":["isClient"],"imports":["import { isClient } from '@maz-ui/utils/helpers/isClient'"],"aliases":["is browser","client side check","ssr guard","is client","isclient"],"headings":["Usage","API","Notes"],"related":[],"chars":958},{"id":"ecosystem/utils/is-equal","category":"util","slug":"is-equal","title":"isEqual","description":"Deep structural equality check for primitives, arrays, plain objects and Dates.","package":"@maz-ui/utils","file":"ecosystem/utils/is-equal.md","url":"https://maz-ui.com/ecosystem/utils/is-equal","symbols":["isEqual"],"imports":["import { isEqual } from '@maz-ui/utils/helpers/isEqual'"],"aliases":["deep equal","compare objects","equality","is equal","isequal"],"headings":["Usage","API","Behaviour"],"related":[],"chars":1373},{"id":"ecosystem/utils/is-ios","category":"util","slug":"is-ios","title":"isIos","description":"Check whether the page runs on iOS or iPadOS, including iPads that report a desktop Mac user agent.","package":"@maz-ui/utils","file":"ecosystem/utils/is-ios.md","url":"https://maz-ui.com/ecosystem/utils/is-ios","symbols":["isIos"],"imports":["import { isIos } from '@maz-ui/utils/helpers/isIos'"],"aliases":["detect ios","iphone detection","is ios","isios"],"headings":["Usage","API","Detection rules"],"related":[],"chars":1187},{"id":"ecosystem/utils/is-server","category":"util","slug":"is-server","title":"isServer","description":"Check whether the code is running on the server (no `window` or `document`).","package":"@maz-ui/utils","file":"ecosystem/utils/is-server.md","url":"https://maz-ui.com/ecosystem/utils/is-server","symbols":["isServer"],"imports":["import { isServer } from '@maz-ui/utils/helpers/isServer'"],"aliases":["server side check","ssr check","is server","isserver"],"headings":["Usage","API","Notes"],"related":[],"chars":835},{"id":"ecosystem/utils/is-standalone-mode","category":"util","slug":"is-standalone-mode","title":"isStandaloneMode","description":"Check whether the app is running as an installed Progressive Web App (PWA) rather than inside a browser tab.","package":"@maz-ui/utils","file":"ecosystem/utils/is-standalone-mode.md","url":"https://maz-ui.com/ecosystem/utils/is-standalone-mode","symbols":["isStandaloneMode"],"imports":["import { isStandaloneMode } from '@maz-ui/utils/helpers/isStandaloneMode'"],"aliases":["pwa installed","standalone display mode","is standalone mode","isstandalonemode"],"headings":["Usage","API","Detection rules","Examples"],"related":[],"chars":1207},{"id":"ecosystem/utils/kebab-case","category":"util","slug":"kebab-case","title":"kebabCase","description":"Convert any common string casing to kebab-case - handles camelCase, PascalCase, snake_case, spaces and consecutive capitals.","package":"@maz-ui/utils","file":"ecosystem/utils/kebab-case.md","url":"https://maz-ui.com/ecosystem/utils/kebab-case","symbols":["kebabCase"],"imports":["import { kebabCase } from '@maz-ui/utils/helpers/kebabCase'"],"aliases":["kebab case","slugify","kebabcase"],"headings":["Usage","API","Notes"],"related":[],"chars":1214},{"id":"ecosystem/utils/normalize-string","category":"util","slug":"normalize-string","title":"normalizeString","description":"Powerful string normalizer - strip accents, normalize whitespace, remove special characters, change case, and apply Unicode normalization forms.","package":"@maz-ui/utils","file":"ecosystem/utils/normalize-string.md","url":"https://maz-ui.com/ecosystem/utils/normalize-string","symbols":["normalizeString"],"imports":["import { normalizeString } from '@maz-ui/utils/helpers/normalizeString'"],"aliases":["normalize string","remove accents","slug","case conversion","normalizestring"],"headings":["Usage","API","Options","Examples"],"related":[],"chars":3464},{"id":"ecosystem/utils/number","category":"util","slug":"number","title":"formatNumber","description":"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/Intl/NumberFormat) from browsers and Node.js","package":"@maz-ui/utils","file":"ecosystem/utils/number.md","url":"https://maz-ui.com/ecosystem/utils/number","symbols":["formatNumber"],"imports":["import { formatNumber } from '@maz-ui/utils/helpers/formatNumber'"],"aliases":["format number","number format","thousands separator","formatnumber"],"headings":["Options","Default options"],"related":[],"chars":1631},{"id":"ecosystem/utils/pascal-case","category":"util","slug":"pascal-case","title":"pascalCase","description":"Convert any common string casing - kebab, snake, space-separated, camelCase or UPPERCASE - to PascalCase.","package":"@maz-ui/utils","file":"ecosystem/utils/pascal-case.md","url":"https://maz-ui.com/ecosystem/utils/pascal-case","symbols":["pascalCase"],"imports":["import { pascalCase } from '@maz-ui/utils/helpers/pascalCase'"],"aliases":["pascal case","pascalcase"],"headings":["Usage","API","Notes"],"related":[],"chars":1203},{"id":"ecosystem/utils/prevent-ios-input-zoom","category":"util","slug":"prevent-ios-input-zoom","title":"preventIosInputZoom","description":"Stop iOS from zooming the page when a form field gets the focus, without changing the design of the fields.","package":"@maz-ui/utils","file":"ecosystem/utils/prevent-ios-input-zoom.md","url":"https://maz-ui.com/ecosystem/utils/prevent-ios-input-zoom","symbols":["addViewportMaximumScale","preventIosInputZoom"],"imports":["import { addViewportMaximumScale, preventIosInputZoom } from '@maz-ui/utils/helpers/preventIosInputZoom'"],"aliases":["ios zoom","prevent zoom on focus","prevent ios input zoom","addviewportmaximumscale","preventiosinputzoom"],"headings":["Why","Usage","API"],"related":[],"chars":2628},{"id":"ecosystem/utils/script-loader","category":"util","slug":"script-loader","title":"ScriptLoader","description":"Class to inject and cache a <script> tag in document head, with an awaitable load promise - ideal for third-party SDKs.","package":"@maz-ui/utils","file":"ecosystem/utils/script-loader.md","url":"https://maz-ui.com/ecosystem/utils/script-loader","symbols":["ScriptLoader"],"imports":["import { ScriptLoader } from '@maz-ui/utils/helpers/scriptLoader'"],"aliases":["load script","inject script tag","third party script","script loader","scriptloader"],"headings":["Usage","API","Methods","Errors","Examples"],"related":[],"chars":2890},{"id":"ecosystem/utils/sleep","category":"util","slug":"sleep","title":"sleep","description":"Pause execution for a given number of milliseconds. Returns a promise that resolves after the delay.","package":"@maz-ui/utils","file":"ecosystem/utils/sleep.md","url":"https://maz-ui.com/ecosystem/utils/sleep","symbols":["sleep"],"imports":["import { sleep } from '@maz-ui/utils/helpers/sleep'"],"aliases":["sleep","wait","delay","timeout promise"],"headings":["Usage","API","Examples"],"related":[],"chars":1375},{"id":"ecosystem/utils/snake-case","category":"util","slug":"snake-case","title":"snakeCase","description":"Convert any common string casing to snake_case - handles camelCase, PascalCase, kebab-case, spaces and consecutive capitals.","package":"@maz-ui/utils","file":"ecosystem/utils/snake-case.md","url":"https://maz-ui.com/ecosystem/utils/snake-case","symbols":["snakeCase"],"imports":["import { snakeCase } from '@maz-ui/utils/helpers/snakeCase'"],"aliases":["snake case","snakecase"],"headings":["Usage","API","Notes"],"related":[],"chars":1225},{"id":"ecosystem/utils/swipe-handler","category":"util","slug":"swipe-handler","title":"Swipe","description":"Detect directional touch swipes on an element with configurable threshold and optional mouse-wheel guards.","package":"@maz-ui/utils","file":"ecosystem/utils/swipe-handler.md","url":"https://maz-ui.com/ecosystem/utils/swipe-handler","symbols":["Swipe"],"imports":["import { Swipe } from '@maz-ui/utils/helpers/swipeHandler'"],"aliases":["swipe detection","touch swipe","swipe"],"headings":["Usage","API","Options","Methods","Examples"],"related":["composables/use-swipe"],"chars":3325},{"id":"ecosystem/utils/textarea-autogrow","category":"util","slug":"textarea-autogrow","title":"TextareaAutogrow","description":"Automatically resize a `<textarea>` element to fit its content as the user types or the window resizes.","package":"@maz-ui/utils","file":"ecosystem/utils/textarea-autogrow.md","url":"https://maz-ui.com/ecosystem/utils/textarea-autogrow","symbols":["TextareaAutogrow"],"imports":["import { TextareaAutogrow } from '@maz-ui/utils/helpers/TextareaAutogrow'"],"aliases":["auto resize textarea","autogrow","textarea autogrow","textareaautogrow"],"headings":["Usage","API","Notes"],"related":[],"chars":1567},{"id":"ecosystem/utils/throttle","category":"util","slug":"throttle","title":"throttle","description":"Wrap a function so it runs immediately, then at most once every N milliseconds - perfect for scroll, mousemove and resize handlers.","package":"@maz-ui/utils","file":"ecosystem/utils/throttle.md","url":"https://maz-ui.com/ecosystem/utils/throttle","symbols":["throttle"],"imports":["import { throttle } from '@maz-ui/utils/helpers/throttle'"],"aliases":["throttle","rate limit function"],"headings":["Usage","API","Examples","Related"],"related":[],"chars":1874},{"id":"ecosystem/utils/throttle-id","category":"util","slug":"throttle-id","title":"throttleId","description":"Throttle an async function with isolated state per identifier - runs immediately, then at most once per interval.","package":"@maz-ui/utils","file":"ecosystem/utils/throttle-id.md","url":"https://maz-ui.com/ecosystem/utils/throttle-id","symbols":["throttleId"],"imports":["import { throttleId } from '@maz-ui/utils/helpers/throttleId'"],"aliases":["throttle by id","throttle id","throttleid"],"headings":["Usage","API","Related"],"related":[],"chars":1877},{"id":"ecosystem/utils/truthy-filter","category":"util","slug":"truthy-filter","title":"truthyFilter","description":"Type guard that filters out falsy values (`false`, `''`, `0`, `null`, `undefined`) while narrowing the TypeScript type.","package":"@maz-ui/utils","file":"ecosystem/utils/truthy-filter.md","url":"https://maz-ui.com/ecosystem/utils/truthy-filter","symbols":["truthyFilter"],"imports":["import { truthyFilter } from '@maz-ui/utils/helpers/truthyFilter'"],"aliases":["filter falsy","remove null undefined","type guard","truthy filter","truthyfilter"],"headings":["Usage","API"],"related":[],"chars":1229},{"id":"ecosystem/utils/types/deep-key-of","category":"util","slug":"deep-key-of","title":"DeepKeyOf","description":"Recursively build a union of dot-separated key paths for any nested object type.","package":"@maz-ui/utils","file":"ecosystem/utils/types/deep-key-of.md","url":"https://maz-ui.com/ecosystem/utils/types/deep-key-of","symbols":["DeepKeyOf"],"imports":["import type { DeepKeyOf } from '@maz-ui/utils/ts-helpers/DeepKeyOf'"],"aliases":["deep key of","deepkeyof"],"headings":["Usage","API","Notes"],"related":[],"chars":1400},{"id":"ecosystem/utils/types/deep-partial","category":"util","slug":"deep-partial","title":"DeepPartial","description":"Recursive variant of TypeScript's `Partial<T>` - every property at every depth becomes optional.","package":"@maz-ui/utils","file":"ecosystem/utils/types/deep-partial.md","url":"https://maz-ui.com/ecosystem/utils/types/deep-partial","symbols":["DeepPartial"],"imports":["import type { DeepPartial } from '@maz-ui/utils/ts-helpers/DeepPartial'"],"aliases":["deep partial","deeppartial"],"headings":["Usage","API","Notes"],"related":[],"chars":1123},{"id":"ecosystem/utils/types/deep-required","category":"util","slug":"deep-required","title":"DeepRequired","description":"Recursive variant of TypeScript's `Required<T>` - strips `?` from every property at every depth.","package":"@maz-ui/utils","file":"ecosystem/utils/types/deep-required.md","url":"https://maz-ui.com/ecosystem/utils/types/deep-required","symbols":["DeepRequired"],"imports":["import type { DeepRequired } from '@maz-ui/utils/ts-helpers/DeepRequired'"],"aliases":["deep required","deeprequired"],"headings":["Usage","API"],"related":[],"chars":1092},{"id":"ecosystem/utils/types/flatten-object-keys","category":"util","slug":"flatten-object-keys","title":"FlattenObjectKeys","description":"Build a union of dot-separated leaf paths for a nested object, with an optional prefix.","package":"@maz-ui/utils","file":"ecosystem/utils/types/flatten-object-keys.md","url":"https://maz-ui.com/ecosystem/utils/types/flatten-object-keys","symbols":["FlattenObjectKeys"],"imports":["import type { FlattenObjectKeys } from '@maz-ui/utils/ts-helpers/FlattenObjectKeys'"],"aliases":["flatten object keys","flattenobjectkeys"],"headings":["Usage","API","Notes"],"related":[],"chars":1503},{"id":"ecosystem/utils/types/generic-instance-type","category":"util","slug":"generic-instance-type","title":"GenericInstanceType","description":"Extract the public instance type from a generic Vue component - solves the limitation where `InstanceType<typeof Component>` returns `any` for generic SFCs.","package":"@maz-ui/utils","file":"ecosystem/utils/types/generic-instance-type.md","url":"https://maz-ui.com/ecosystem/utils/types/generic-instance-type","symbols":["GenericInstanceType"],"imports":["import type { GenericInstanceType } from '@maz-ui/utils/ts-helpers/GenericInstanceType'"],"aliases":["generic instance type","genericinstancetype"],"headings":["Usage","API","Notes"],"related":[],"chars":1771},{"id":"ecosystem/utils/types/infer-maybe-ref","category":"util","slug":"infer-maybe-ref","title":"InferMaybeRef","description":"Unwrap a Vue `Ref<U>` to its inner `U` - leaves non-ref types unchanged.","package":"@maz-ui/utils","file":"ecosystem/utils/types/infer-maybe-ref.md","url":"https://maz-ui.com/ecosystem/utils/types/infer-maybe-ref","symbols":["InferMaybeRef"],"imports":["import type { InferMaybeRef } from '@maz-ui/utils/ts-helpers/InferMaybeRef'"],"aliases":["infer maybe ref","infermayberef"],"headings":["Usage","API","Notes"],"related":[],"chars":1091},{"id":"ecosystem/utils/upper-first","category":"util","slug":"upper-first","title":"upperFirst","description":"Uppercase the first character of a string and leave the rest unchanged.","package":"@maz-ui/utils","file":"ecosystem/utils/upper-first.md","url":"https://maz-ui.com/ecosystem/utils/upper-first","symbols":["upperFirst"],"imports":["import { upperFirst } from '@maz-ui/utils/helpers/upperFirst'"],"aliases":["uppercase first","upper first","upperfirst"],"headings":["Usage","API","Notes"],"related":[],"chars":959},{"id":"ecosystem/utils/user-visibility","category":"util","slug":"user-visibility","title":"UserVisibility","description":"Track whether the user is currently looking at the tab using the Page Visibility API, with an optional grace timeout before declaring them away.","package":"@maz-ui/utils","file":"ecosystem/utils/user-visibility.md","url":"https://maz-ui.com/ecosystem/utils/user-visibility","symbols":["UserVisibility"],"imports":["import { UserVisibility } from '@maz-ui/utils/helpers/userVisibility'"],"aliases":["page visibility api","tab visibility","user visibility","uservisibility"],"headings":["Usage","API","Options","Examples","Related"],"related":["composables/use-user-visibility"],"chars":2270},{"id":"ecosystem/node/exec-promise","category":"node","slug":"exec-promise","title":"execPromise","description":"Promise-based wrapper around `child_process.exec` with structured stdout/stderr/error logging, package-scoped prefixes, and per-call log silencing.","package":"@maz-ui/node","file":"ecosystem/node/exec-promise.md","url":"https://maz-ui.com/ecosystem/node/exec-promise","symbols":["execPromise"],"imports":["import { execPromise } from '@maz-ui/node'"],"aliases":["exec","run shell command","child process","exec promise","execpromise"],"headings":["Usage","API","Options","Examples","Notes"],"related":[],"chars":3337},{"id":"ecosystem/node/logger","category":"node","slug":"logger","title":"logger / createLogger","description":"Opinionated [consola](https://github.com/unjs/consola)-backed logger with semantic levels, status helpers (`success`, `ready`, `fail`), and formatting helpers (`box`, `divider`, `brand`).","package":"@maz-ui/node","file":"ecosystem/node/logger.md","url":"https://maz-ui.com/ecosystem/node/logger","symbols":["createLogger","logger"],"imports":["import { logger } from '@maz-ui/node'"],"aliases":["logger","log","console","cli output","logger create logger","createlogger"],"headings":["Quick start","Default instance","Custom instances","API","Log levels","Formatting helpers","Examples"],"related":[],"chars":4596},{"id":"ecosystem/node/print-banner","category":"node","slug":"print-banner","title":"printBanner","description":"Print an ASCII-art banner via figlet with optional version, dividers and clearing - handy for CLI entry points.","package":"@maz-ui/node","file":"ecosystem/node/print-banner.md","url":"https://maz-ui.com/ecosystem/node/print-banner","symbols":["printBanner"],"imports":["import { printBanner } from '@maz-ui/node'"],"aliases":["banner","ascii art","figlet","print banner","printbanner"],"headings":["Usage","API","Options","Examples"],"related":[],"chars":3169},{"id":"ecosystem/node/setup-agents","category":"node","slug":"setup-agents","title":"setupAgents","description":"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 the files you own.","package":"@maz-ui/node","file":"ecosystem/node/setup-agents.md","url":"https://maz-ui.com/ecosystem/node/setup-agents","symbols":["AGENT_TARGETS","MANAGED_MARKER","AGENTS_MD_BEGIN","AGENTS_MD_END","MCP_SERVER_NAME","DEFAULT_MCP_SERVER","MAZ_UI_AGENTS_TOOL","installsMcpPackage","detectPackageManager","mcpServerCommand","isEditedManagedContent","detectAgentTargets","findInstalledPackage","readPackageVersion","readWorkspacePatterns","findWorkspaceDirs","findProjectPackage","readAgentDocs","writeFileAtomic","compareVersions","readManagedVersion","setupAgents"],"imports":["import { setupAgents } from '@maz-ui/node'"],"aliases":["setup ai agents","agents.md","claude rules","mcp config","setup agents","agent_targets","managed_marker","agents_md_begin","agents_md_end","mcp_server_name","default_mcp_server","maz_ui_agents_tool","installsmcppackage","detectpackagemanager","mcpservercommand","iseditedmanagedcontent","detectagenttargets","findinstalledpackage","readpackageversion","readworkspacepatterns","findworkspacedirs","findprojectpackage","readagentdocs","writefileatomic","compareversions","readmanagedversion","setupagents"],"headings":["Quick start","What it writes","Options","Use it for another tool","Command of the MCP server","Result","Detecting the agents","Errors"],"related":[],"chars":8441},{"id":"reference/icons","category":"reference","slug":"icons","title":"Icons reference","description":"The 861 icon names of @maz-ui/icons (interface icons, logos, country flags) and how to import them.","package":"@maz-ui/icons","file":"reference/icons.md","symbols":[],"imports":["import { MazTrash } from '@maz-ui/icons/static/MazTrash'"],"aliases":["icon names","all icons","icon list","icons reference"],"headings":["Usage","Interface icons (329)","Logos (20)","Country flags (3x2) (256)","Country flags (1x1) (256)"],"related":["ecosystem/icons","ecosystem/icons/icon-set"],"chars":14190},{"id":"reference/tailwind-tokens","category":"reference","slug":"tailwind-tokens","title":"Tailwind CSS theme reference","description":"Every Tailwind class, variant and CSS variable of the maz-ui theme: colors, radius, shadows, spacing, breakpoints, typography, z-index, custom utilities.","package":"maz-ui","file":"reference/tailwind-tokens.md","symbols":[],"imports":[],"aliases":["tailwind classes","css variables","design tokens","colors","radius","shadows","spacing","z-index","fonts","tailwind css theme reference"],"headings":["Setup","Entry points","Colors","Border radius","Shadows","Spacing","Breakpoints","Typography and motion","z-index","Custom utilities","Variants","Layout variables","Vue transitions","CSS variables in custom CSS"],"related":["ecosystem/themes","guide/tailwind"],"chars":10362}],"components":[{"name":"MazAccordion","docId":"components/maz-accordion","import":"import MazAccordion from 'maz-ui/components/MazAccordion'","props":[{"name":"id","type":"string","required":false,"strictValues":false},{"name":"modelValue","type":"number","required":false,"default":"0","strictValues":false,"model":"modelValue"},{"name":"contentClass","type":"ClassValue","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"any["}],"slots":[{"name":"content","bindings":[{"name":"isOpen","type":"boolean"}]},{"name":"title-{step}","description":"One slot per `step`: `#title-<step>`.","bindings":[]},{"name":"content-{step}","description":"One slot per `step`: `#content-<step>`.","bindings":[{"name":"isOpen","type":"boolean"}]}],"expose":[]},{"name":"MazAlert","docId":"components/maz-alert","import":"import MazAlert from 'maz-ui/components/MazAlert'","props":[{"name":"title","type":"string","description":"Title of the alert","required":false,"strictValues":false},{"name":"content","type":"string","description":"Content of the alert","required":false,"strictValues":false},{"name":"icon","type":"string | IconComponent","description":"Icon of the alert - can be a component or icon name string","required":false,"strictValues":false},{"name":"hideIcon","type":"boolean","description":"Hide the icon","required":false,"default":"false","strictValues":false},{"name":"color","type":"MazAlertColor","description":"Color of the alert","required":false,"default":"\"info\"","values":["success","warning","destructive","info","primary","secondary","accent","contrast"],"strictValues":false},{"name":"iconSize","type":"MazIconSize","description":"Size of the icon","required":false,"default":"\"md\"","strictValues":false},{"name":"roundedSize","type":"MazAlertRoundedSize","description":"Size of the rounded corners","required":false,"default":"'md'","values":["none","sm","md","lg","xl","2xl","3xl"],"strictValues":false},{"name":"bordered","type":"boolean","description":"Add border to the component","required":false,"default":"true","strictValues":false},{"name":"variant","type":"MazAlertVariant","description":"Visual variant of the alert","required":false,"default":"\"soft\"","values":["soft","solid"],"strictValues":false}],"events":[],"slots":[{"name":"title","bindings":[],"description":"Title slot - overrides title prop"},{"name":"default","bindings":[],"description":"Default slot for alert content - overrides content prop"}],"expose":[]},{"name":"MazAnimatedCounter","docId":"components/maz-animated-counter","import":"import MazAnimatedCounter from 'maz-ui/components/MazAnimatedCounter'","props":[{"name":"count","type":"number","description":"The number to animate","required":true,"strictValues":false},{"name":"duration","type":"number","description":"Duration of the animation in milliseconds","required":false,"default":"1000","strictValues":false},{"name":"prefix","type":"string","description":"Suffix to display next to the number","required":false,"strictValues":false},{"name":"suffix","type":"string","description":"Suffix to display next to the number","required":false,"strictValues":false},{"name":"delay","type":"number","description":"Delay before the animation starts in milliseconds","required":false,"default":"100","strictValues":false},{"name":"once","type":"boolean","description":"Play the animation only once","required":false,"default":"true","strictValues":false}],"events":[],"slots":[{"name":"prefix","bindings":[]},{"name":"suffix","bindings":[]}],"expose":[]},{"name":"MazAnimatedElement","docId":"components/maz-animated-element","import":"import MazAnimatedElement from 'maz-ui/components/MazAnimatedElement'","props":[{"name":"direction","type":"\"up\" | \"down\" | \"left\" | \"right\"","description":"The direction of the animation","required":false,"default":"\"up\"","values":["up","down","left","right"],"strictValues":true},{"name":"delay","type":"number","description":"The delay of the animation","required":false,"default":"0","strictValues":false},{"name":"duration","type":"number","description":"The duration of the animation","required":false,"default":"2000","strictValues":false},{"name":"once","type":"boolean","description":"Play the animation only once","required":false,"default":"true","strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazAnimatedText","docId":"components/maz-animated-text","import":"import MazAnimatedText from 'maz-ui/components/MazAnimatedText'","props":[{"name":"text","type":"string","description":"The text to animate","required":true,"strictValues":false},{"name":"lastWord","type":"string","description":"The last word(s) to be highlighted","required":false,"strictValues":false},{"name":"delay","type":"number","description":"The delay of the animation","required":false,"default":"0","strictValues":false},{"name":"direction","type":"\"up\" | \"down\" | \"left\" | \"right\"","description":"The direction of the animation","required":false,"default":"\"up\"","values":["up","down","left","right"],"strictValues":true},{"name":"tag","type":"string","description":"The tag to use for the text","required":false,"default":"\"span\"","strictValues":false},{"name":"wordDelay","type":"number","description":"The delay between each word","required":false,"default":"75","strictValues":false},{"name":"columnGap","type":"number","description":"The column gap between each word","required":false,"default":"0.5","strictValues":false},{"name":"rowGap","type":"number","description":"The row gap between each word","required":false,"default":"0","strictValues":false},{"name":"duration","type":"number","description":"The duration of the animation","required":false,"default":"2000","strictValues":false},{"name":"once","type":"boolean","description":"Play the animation only once","required":false,"default":"true","strictValues":false},{"name":"gradientFrom","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The gradient from color","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"gradientVia","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The gradient via color","required":false,"default":"\"info\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"gradientTo","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The gradient to color","required":false,"default":"\"secondary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true}],"events":[],"slots":[],"expose":[]},{"name":"MazAvatar","docId":"components/maz-avatar","import":"import MazAvatar from 'maz-ui/components/MazAvatar'","props":[{"name":"src","type":"string | null","description":"The source of the image","required":false,"strictValues":false},{"name":"caption","type":"string | null","description":"The caption of the avatar","required":false,"strictValues":false},{"name":"href","type":"string","description":"The link of the avatar","required":false,"strictValues":false},{"name":"to","type":"string | Record<string, unknown>","description":"The link (router-link or nuxt-link) of the avatar","required":false,"strictValues":false},{"name":"alt","type":"string","description":"The alt of the image","required":false,"default":"\"avatar image\"","strictValues":false},{"name":"target","type":"string","description":"The target of the link","required":false,"default":"\"_self\"","strictValues":false},{"name":"size","type":"`${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...","description":"The size of the avatar - a keyword from `MazSize` or any CSS size unit","required":false,"values":["mini","xs","sm","md","lg","xl","2rem","48px"],"strictValues":false},{"name":"bordered","type":"boolean","description":"Add a border to the avatar","required":false,"strictValues":false},{"name":"clickable","type":"boolean","description":"Make the avatar clickable","required":false,"strictValues":false},{"name":"square","type":"boolean","description":"Make the avatar square","required":false,"strictValues":false},{"name":"noElevation","type":"boolean","description":"Remove the shadow","required":false,"strictValues":false},{"name":"showCaption","type":"boolean","description":"Show the caption","required":false,"strictValues":false},{"name":"imageHeightFull","type":"boolean","description":"Make the image height full","required":false,"strictValues":false},{"name":"hideLoader","type":"boolean","description":"Remove the loader","required":false,"strictValues":false},{"name":"buttonColor","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the clickable button","required":false,"default":"\"info\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"hideClickableIcon","type":"boolean","description":"Remove the icon on hover when component is clickable","required":false,"strictValues":false},{"name":"letterCount","type":"number","description":"Number of letters to display in the round text initials. - For a single-word caption, the first `letterCount` characters are used (`'admin'` + `3` -> `'ADM'`). - For a multi-word caption, the first letter of the first `letterCount` words is used (`'Louis Mazel'` -> `'LM'`).","required":false,"default":"2","strictValues":false},{"name":"roundedSize","type":"MazRoundedSize","description":"Size of the rounded","required":false,"values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"fallbackSrc","type":"string","description":"The fallback src to replace the src on loading error","required":false,"strictValues":false},{"name":"loading","type":"\"intersecting\" | \"lazy\" | \"eager\"","description":"The loading strategy of the image - lazy, eager or intersecting","required":false,"default":"\"intersecting\"","values":["intersecting","lazy","eager"],"strictValues":true},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the avatar","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true}],"events":[{"name":"click","payload":"event: MouseEvent","description":"Emitted when the avatar is clicked"},{"name":"intersecting","payload":"el: Element","description":"Emitted when the image is intersecting"},{"name":"loading","payload":"el: Element","description":"Emitted when the image is loading"},{"name":"loaded","payload":"el: Element","description":"Emitted when the image is loaded"},{"name":"error","payload":"el: Element","description":"Emitted when the image is in error"}],"slots":[{"name":"round-text","bindings":[],"description":"Replace the initials displayed when a caption is set and no image source is provided"},{"name":"icon","bindings":[],"description":"The icon displayed on the clickable button overlay (shown on hover/focus)"},{"name":"caption","bindings":[],"description":"Replace the caption displayed below the avatar (requires `showCaption`)"}],"expose":[]},{"name":"MazBackdrop","docId":"components/maz-backdrop","import":"import MazBackdrop from 'maz-ui/components/MazBackdrop'","props":[{"name":"modelValue","type":"boolean","description":"Modal's model value","required":false,"default":"false","strictValues":false,"model":"modelValue"},{"name":"teleportSelector","type":"string","description":"Teleport selector","required":false,"default":"\"body\"","strictValues":false},{"name":"beforeClose","type":"(() => void | Promise<void>)","description":"Function called before modal is close","required":false,"strictValues":false},{"name":"persistent","type":"boolean","description":"Persistent dialog (not closable by clicking outside and remove close button)","required":false,"default":"false","strictValues":false},{"name":"closeOnEscape","type":"boolean","description":"Prevent close on escape key","required":false,"default":"true","strictValues":false},{"name":"transitionName","type":"string","description":"Transition name","required":false,"default":"\"backdrop-anim\"","strictValues":false},{"name":"backdropClass","type":"ClassValue","description":"Backdrop class","required":false,"strictValues":false},{"name":"backdropContentClass","type":"ClassValue","description":"Backdrop content class","required":false,"strictValues":false},{"name":"contentPadding","type":"boolean","description":"Add padding to the content","required":false,"default":"false","strictValues":false},{"name":"justify","type":"\"none\" | \"center\" | \"end\" | \"start\" | \"space-between\" | \"space-around\"","description":"Justify content","required":false,"default":"\"none\"","values":["none","center","end","start","space-between","space-around"],"strictValues":true},{"name":"align","type":"\"none\" | \"center\" | \"end\" | \"start\"","description":"Align content","required":false,"default":"\"none\"","values":["none","center","end","start"],"strictValues":true},{"name":"variant","type":"\"bottom-sheet\" | \"dialog\" | \"drawer\"","description":"Variant","required":false,"values":["bottom-sheet","dialog","drawer"],"strictValues":true},{"name":"ariaLabelledby","type":"string","description":"ID for aria-labelledby","required":false,"strictValues":false},{"name":"ariaDescribedby","type":"string","description":"ID for aria-describedby","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: boolean","description":"Emitted when modal is open or close"},{"name":"open","payload":"value?: void | undefined","description":"Emitted when modal is open"},{"name":"close","payload":"value?: void | undefined","description":"Emitted when modal is close"},{"name":"before-close","payload":"value?: void | undefined","description":"Emitted before modal is close"}],"slots":[{"name":"default","bindings":[{"name":"close","type":"() => void","description":"close function"}],"description":"Place your content here"}],"expose":[{"name":"onBackdropAnimationLeave","description":"Animation leave event"},{"name":"close","description":"Close the backdrop"},{"name":"present","description":"The present state of the backdrop"},{"name":"toggleModal","description":"Toggle the backdrop"},{"name":"onKeyPress","description":"Key press event"}]},{"name":"MazBadge","docId":"components/maz-badge","import":"import MazBadge from 'maz-ui/components/MazBadge'","props":[{"name":"color","type":"MazBadgeColor","description":"Color of the badge","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","surface"],"strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the badge - drives font-size; padding, line-height and dimensions scale relative to it via `em` units.","required":false,"default":"md","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"nowrap","type":"boolean","description":"Will not wrap the text","required":false,"default":"true","strictValues":false},{"name":"outlined","type":"boolean","description":"Will add a border to the badge","required":false,"default":"false","strictValues":false},{"name":"pastel","type":"boolean","description":"Will add a pastel style to the badge","required":false,"default":"false","strictValues":false},{"name":"roundedSize","type":"MazBadgeRoundedSize","description":"Size radius of the component's border","required":false,"default":"md","values":["none","sm","md","lg","xl","full"],"strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[],"description":"Badge content"}],"expose":[]},{"name":"MazBottomSheet","docId":"components/maz-bottom-sheet","import":"import MazBottomSheet from 'maz-ui/components/MazBottomSheet'","props":[{"name":"modelValue","type":"boolean","description":"Modal's model value","required":false,"strictValues":false,"model":"modelValue"},{"name":"title","type":"string","description":"Title of the bottom sheet in the header","required":false,"strictValues":false},{"name":"icon","type":"MazIconLike","description":"Icon displayed on the left of the header. Accepts an icon value or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"maxWidth","type":"`${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...","description":"Bottom sheet's max-width, applied from the tablet breakpoint and up (full-width below).","required":false,"default":"\"40rem\"","strictValues":false},{"name":"hideCloseButton","type":"boolean","description":"Remove the close button in the header","required":false,"default":"false","strictValues":false},{"name":"hideHeader","type":"boolean","description":"Remove the whole header","required":false,"default":"false","strictValues":false},{"name":"padding","type":"boolean","description":"Add the padding on the content area","required":false,"default":"true","strictValues":false},{"name":"persistent","type":"boolean","description":"Persistent bottom sheet (not closable by clicking outside and remove close button) Persistent dialog (not closable by clicking outside and remove close button)","required":false,"strictValues":false},{"name":"swipeToClose","type":"boolean","description":"Show the drag handle at the top and allow closing the sheet by swiping it down (iOS-like). The swipe never closes a `persistent` sheet (it snaps back instead).","required":false,"default":"true","strictValues":false},{"name":"teleportSelector","type":"string","description":"Teleport selector","required":false,"strictValues":false},{"name":"beforeClose","type":"(() => void | Promise<void>)","description":"Function called before modal is close","required":false,"strictValues":false},{"name":"closeOnEscape","type":"boolean","description":"Prevent close on escape key","required":false,"default":"true","strictValues":false},{"name":"transitionName","type":"string","description":"Transition name","required":false,"strictValues":false},{"name":"backdropClass","type":"ClassValue","description":"Backdrop class","required":false,"strictValues":false},{"name":"backdropContentClass","type":"ClassValue","description":"Backdrop content class","required":false,"strictValues":false},{"name":"contentPadding","type":"boolean","description":"Add padding to the content","required":false,"strictValues":false},{"name":"justify","type":"\"none\" | \"center\" | \"end\" | \"start\" | \"space-between\" | \"space-around\"","description":"Justify content","required":false,"values":["none","center","end","start","space-between","space-around"],"strictValues":true},{"name":"align","type":"\"none\" | \"center\" | \"end\" | \"start\"","description":"Align content","required":false,"values":["none","center","end","start"],"strictValues":true},{"name":"variant","type":"\"bottom-sheet\" | \"dialog\" | \"drawer\"","description":"Variant","required":false,"values":["bottom-sheet","dialog","drawer"],"strictValues":true},{"name":"ariaLabelledby","type":"string","description":"ID for aria-labelledby","required":false,"strictValues":false},{"name":"ariaDescribedby","type":"string","description":"ID for aria-describedby","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: boolean","description":"Emitted when the model value is updated"},{"name":"open","payload":"value?: void | undefined","description":"Emitted when the component is opened"},{"name":"close","payload":"value?: void | undefined","description":"Emitted when the component is closed"}],"slots":[{"name":"handle","bindings":[],"description":"Drag handle (grab bar) displayed at the top when `swipeToClose` is enabled"},{"name":"header","bindings":[{"name":"close","type":"() => void","description":"close function"}],"description":"Header slot"},{"name":"icon","bindings":[],"description":"Icon slot in the header"},{"name":"title","bindings":[],"description":"Title slot in the header"},{"name":"default","bindings":[{"name":"close","type":"() => void","description":"close function"}],"description":"Default content"},{"name":"footer","bindings":[{"name":"close","type":"() => void","description":"close function"}],"description":"Footer slot"}],"expose":[{"name":"close","description":"Close the bottom sheet"}]},{"name":"MazBtn","docId":"components/maz-btn","import":"import MazBtn from 'maz-ui/components/MazBtn'","props":[{"name":"text","type":"string","description":"The text of the button, if not provided, the slot will be used","required":false,"strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Predifined sizes of the button","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\" | \"surface\"","description":"The color of the button","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent","surface"],"strictValues":true},{"name":"textColor","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\" | \"muted\"","description":"The text color of the button","required":false,"values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent","muted"],"strictValues":true},{"name":"type","type":"\"submit\" | \"reset\" | \"button\"","description":"The type of the button","required":false,"default":"\"button\"","values":["submit","reset","button"],"strictValues":true},{"name":"roundedSize","type":"MazRoundedSize","description":"Size of the rounded","required":false,"default":"'md'","values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"outlined","type":"boolean","description":"If true, the button have the \"border\" style","required":false,"default":"false","strictValues":false},{"name":"pastel","type":"boolean","description":"If true, the button will have a pastel color","required":false,"default":"false","strictValues":false},{"name":"block","type":"boolean","description":"If true, the button will have a full width","required":false,"default":"false","strictValues":false},{"name":"loading","type":"boolean","description":"Enable the button loader","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"Disable the button","required":false,"default":"false","strictValues":false},{"name":"fab","type":"boolean","description":"If true, the button will have a fab style","required":false,"default":"false","strictValues":false},{"name":"icon","type":"MazIconLike","description":"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, …).","required":false,"strictValues":false},{"name":"startIcon","type":"MazIconLike","description":"The icon to display on the inline-start edge (left in LTR, right in RTL). Accepts a bare value or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"endIcon","type":"MazIconLike","description":"The icon to display on the inline-end edge (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"padding","type":"boolean","description":"Apply the padding of the button, set it to `false` to remove it","required":false,"default":"true","strictValues":false},{"name":"justify","type":"\"center\" | \"end\" | \"start\" | \"space-between\" | \"space-around\" | \"space-evenly\"","description":"Choose how the elements are aligned in the button","required":false,"default":"\"center\"","values":["center","end","start","space-between","space-around","space-evenly"],"strictValues":true},{"name":"active","type":"boolean","description":"If true, the button will have an active state","required":false,"default":"false","strictValues":false},{"name":"overflowHidden","type":"boolean","description":"If true, the button will have an overflow-hidden style","required":false,"default":"true","strictValues":false},{"name":"href","type":"string","description":"HTML attribute handled by the component: renders a link (`<a>`)","required":false,"strictValues":false},{"name":"to","type":"RouteLocationRaw","description":"HTML attribute handled by the component: renders a `RouterLink` (or `NuxtLink`)","required":false,"strictValues":false}],"events":[],"slots":[{"name":"start-icon","bindings":[],"description":"The icon to display on the inline-start edge (left in LTR, right in RTL)"},{"name":"icon","bindings":[],"description":"The icon to display on the fab button"},{"name":"default","bindings":[],"description":"The content of the button"},{"name":"end-icon","bindings":[],"description":"The icon to display on the inline-end edge (right in LTR, left in RTL)"},{"name":"loader","bindings":[],"description":"The loader to display in the button"}],"expose":[]},{"name":"MazBtnGroup","docId":"components/maz-btn-group","import":"import MazBtnGroup from 'maz-ui/components/MazBtnGroup'","props":[{"name":"items","type":"MazButtonGroupOption[]","description":"The items for the button group (optional when using slot-based approach)","required":false,"strictValues":false},{"name":"orientation","type":"\"row\" | \"col\"","description":"The orientation of the button group","required":false,"default":"\"row\"","values":["row","col"],"strictValues":true},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"The size of all buttons (only applies to props-based buttons)","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of all buttons (only applies to props-based buttons)","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"roundedSize","type":"MazRoundedSize","description":"The rounded size of the buttons","required":false,"default":"'lg'","strictValues":false},{"name":"outlined","type":"boolean","description":"The outlined state of the buttons","required":false,"default":"false","strictValues":false},{"name":"pastel","type":"boolean","description":"The pastel state of the buttons","required":false,"default":"false","strictValues":false},{"name":"loading","type":"boolean","description":"The loading state of the buttons","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"The disabled state of the buttons","required":false,"default":"false","strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[],"description":"Slot for passing MazBtn components directly"},{"name":"button-{index}","description":"One slot per `index`: `#button-<index>`.","bindings":[]}],"expose":[]},{"name":"MazCard","docId":"components/maz-card","import":"import MazCard from 'maz-ui/components/MazCard'","props":[{"name":"orientation","type":"\"row\" | \"column\" | \"column-reverse\" | \"row-reverse\"","description":"Card variant: Must be `column | row | row-reverse | column-reverse`","required":false,"default":"\"column\"","values":["row","column","column-reverse","row-reverse"],"strictValues":true},{"name":"href","type":"string","description":"Make card a link (footer area excluded)","required":false,"strictValues":false},{"name":"to","type":"string | et | X","description":"Make card a link with a router-link or nuxt-link (footer area excluded)","required":false,"strictValues":false},{"name":"hrefTarget","type":"string","description":"Target option of link: Muse be one of `_blank | _self | _parent | _top | framename`","required":false,"default":"\"_self\"","strictValues":false},{"name":"footerAlign","type":"\"end\" | \"start\"","description":"Footer text alignment along the inline axis: `start | end` (`end` = right in LTR, left in RTL)","required":false,"default":"\"end\"","values":["end","start"],"strictValues":true},{"name":"gallery","type":"MazGalleryProps","description":"Images gallery props options (see `MazGallery` component)","required":false,"default":"`{ displayedCount: 3, remaining: false, zoom: !href && !to, width: 200, height: 150 }` If `href` or `to` is set, `zoom` is set to `false`","strictValues":false},{"name":"scale","type":"boolean","description":"scale animation on hover (only linked cards)","required":false,"strictValues":false},{"name":"elevation","type":"boolean","description":"Set elevation to card (box-shadow)","required":false,"strictValues":false},{"name":"radius","type":"boolean","description":"Set radius to card","required":false,"strictValues":false},{"name":"bordered","type":"boolean","description":"Set border to card (in dark mode, the card is always bordered)","required":false,"strictValues":false},{"name":"wrapperClass","type":"ClassValue","description":"add classes to wrapper","required":false,"strictValues":false},{"name":"padding","type":"boolean","description":"Remove padding from content wrapper","required":false,"strictValues":false},{"name":"overflowHidden","type":"boolean","description":"Hide overflow","required":false,"strictValues":false},{"name":"collapsible","type":"boolean","description":"Make card collapsible","required":false,"default":"false","strictValues":false},{"name":"collapseOpen","type":"boolean","description":"Card is open by default if `true`","required":false,"default":"false","strictValues":false,"model":"collapseOpen"},{"name":"title","type":"string","description":"Title of the card in header","required":false,"strictValues":false},{"name":"block","type":"boolean","description":"The card will be displayed in full width","required":false,"strictValues":false}],"events":[{"name":"update:collapseOpen","payload":"unknown[","description":"Update the collapseOpen model"}],"slots":[{"name":"title","bindings":[],"description":"The title of the card"},{"name":"content-title","bindings":[{"name":"collapseOpen","type":"boolean","description":"The collapse open state of the card"}],"description":"The title of the card"},{"name":"content-subtitle","bindings":[],"description":"The subtitle of the card"},{"name":"content-body","bindings":[],"description":"The body of the card"},{"name":"default","bindings":[{"name":"collapseOpen","type":"boolean","description":"The collapse open state of the card"}],"description":"The content of the card"},{"name":"footer","bindings":[],"description":"The footer of the card"},{"name":"actions","bindings":[],"description":"The actions of the image gallery (only if gallery is displayed)"}],"expose":[]},{"name":"MazCardSpotlight","docId":"components/maz-card-spotlight","import":"import MazCardSpotlight from 'maz-ui/components/MazCardSpotlight'","props":[{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the component.","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"elevation","type":"boolean","description":"Add elevation to the component","required":false,"default":"false","strictValues":false},{"name":"padding","type":"boolean","description":"Add padding to the content","required":false,"default":"true","strictValues":false},{"name":"contentClass","type":"ClassValue","description":"The classes to apply to the content div","required":false,"strictValues":false},{"name":"contentStyle","type":"StyleValue","description":"Style apply to the content div","required":false,"strictValues":false},{"name":"innerOpacity","type":"number","description":"The opacity of the inner div - should be between 0 and 1 When 0 the spotlight is completely visible When 1 the spotlight is only visible on borders","required":false,"default":"0.95","strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazCarousel","docId":"components/maz-carousel","import":"import MazCarousel from 'maz-ui/components/MazCarousel'","props":[{"name":"hideScrollButtons","type":"boolean","description":"Hide display the scroll buttons","required":false,"default":"false","strictValues":false},{"name":"translations","type":"{ ariaLabel?: { previousButton?: string | undefined; nextButton?: string | undefined; } | undefined; }","description":"Translations of the carousel","required":false,"default":"Translations from","strictValues":false},{"name":"hideScrollbar","type":"boolean","description":"Hide the scrollbar when not active","required":false,"default":"false","strictValues":false},{"name":"title","type":"string","description":"The title of the carousel","required":false,"strictValues":false}],"events":[],"slots":[{"name":"title","bindings":[]},{"name":"previous-icon","bindings":[]},{"name":"next-icon","bindings":[]},{"name":"default","bindings":[]}],"expose":[]},{"name":"MazChart","docId":"components/maz-chart","import":"import MazChart from 'maz-ui/components/MazChart'","props":[{"name":"type","type":"T","description":"Type of the chart","required":true,"values":["bar","line","scatter","bubble","pie","doughnut","polarArea","radar"],"strictValues":false},{"name":"data","type":"ChartData<T, TData, TLabel>","description":"Data of the chart","required":true,"strictValues":false},{"name":"options","type":"Exclude<DeepPartial<CoreChartOptions<T> & ElementChartOptions<T> & PluginChartOptions<T> & DatasetChartOptions<T> & ScaleChartOptions<T> & ChartTypeRegistry[T][\"chartOptions\"]>, _DeepPartialArray<unknown>>","description":"Options of the chart","required":false,"default":"{}","strictValues":false},{"name":"plugins","type":"Plugin<keyof ChartTypeRegistry, AnyObject>[]","description":"Plugins of the chart","required":false,"strictValues":false},{"name":"datasetIdKey","type":"string","description":"Dataset ID key","required":false,"strictValues":false},{"name":"updateMode","type":"\"none\" | \"default\" | \"active\" | \"reset\" | \"resize\" | \"hide\" | \"show\"","description":"Update mode used when `data` or `options` change after the initial render. Defaults to `'none'` to skip animations on updates (the initial render still animates per the chart's `options`).","required":false,"default":"\"none\"","values":["none","default","active","reset","resize","hide","show"],"strictValues":true}],"events":[],"slots":[],"expose":[]},{"name":"MazCheckbox","docId":"components/maz-checkbox","import":"import MazCheckbox from 'maz-ui/components/MazCheckbox'","props":[{"name":"modelValue","type":"T","description":"The model value of the checkbox","required":false,"strictValues":false,"model":"modelValue"},{"name":"id","type":"string","description":"The id of the checkbox","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the checkbox","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"value","type":"MazCheckboxValue","description":"The value of the checkbox when selected","required":false,"strictValues":false},{"name":"name","type":"string","description":"The name of the checkbox","required":false,"default":"\"m-checkbox\"","strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"The size of the checkbox","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"label","type":"string","description":"Text label","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"If the checkbox is disabled","required":false,"strictValues":false},{"name":"error","type":"boolean","description":"Whether there is an error with the input.","required":false,"strictValues":false},{"name":"success","type":"boolean","description":"Whether the input is successful.","required":false,"strictValues":false},{"name":"warning","type":"boolean","description":"Whether there is a warning with the input.","required":false,"strictValues":false},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: T","description":"Emitted when the model value change"},{"name":"blur","payload":"value: FocusEvent","description":"Emitted when the checkbox lost focus"},{"name":"change","payload":"value: T","description":"Emitted when the model value change"},{"name":"focus","payload":"value: FocusEvent","description":"Emitted when the checkbox is focused"}],"slots":[{"name":"default","bindings":[{"name":"value","type":"MazCheckboxValue"}]}],"expose":[]},{"name":"MazChecklist","docId":"components/maz-checklist","import":"import MazChecklist from 'maz-ui/components/MazChecklist'","props":[{"name":"modelValue","type":"T[]","description":"The model value of the checklist (selected items)","required":false,"strictValues":false,"model":"modelValue"},{"name":"query","type":"string","description":"The query to filter the items (model)","required":false,"strictValues":false,"model":"query"},{"name":"items","type":"O[]","description":"The list of items to display","required":false,"strictValues":false},{"name":"title","type":"string","description":"The title of the checklist","required":false,"strictValues":false},{"name":"elevation","type":"boolean","description":"Add elevation to the card","required":false,"default":"false","strictValues":false},{"name":"search","type":"boolean | MazInputProps<string>","description":"The search input options","required":false,"default":"{ enabled: false, debounce: 300, autoFocus: false }","strictValues":false},{"name":"searchOptions","type":"(NormalizeStringOptions & { threshold?: number | undefined; })","description":"The options to normalize the search query (used by the default search function) By default, the threshold is 0.75","required":false,"strictValues":false},{"name":"searchFunction","type":"((query: string, items: O[]) => O[] | undefined)","description":"Replace the default search function to provide a custom search function","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the checklist (card, checkbox and search input)","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"translations","type":"{ noResultsFound?: string | undefined; searchInput?: { placeholder?: string | undefined; } | undefined; }","description":"Translations of the checklist component","required":false,"default":"Translations from","strictValues":false}],"events":[{"name":"update:model-value","payload":"value?: T[] | undefined","description":"Emitted when the model value change"},{"name":"update:query","payload":"value?: string | undefined","description":"Emitted when the query change"}],"slots":[{"name":"title","bindings":[],"description":"use this slot to customize the title"},{"name":"no-results","bindings":[],"description":"use this slot to customize the no results area"},{"name":"no-results-text","bindings":[],"description":"use this slot to customize the no results message"},{"name":"item","bindings":[{"name":"selectedValues","type":"T[]"},{"name":"item","type":"O"}],"description":"use this slot to customize the item"}],"expose":[]},{"name":"MazCircularProgressBar","docId":"components/maz-circular-progress-bar","import":"import MazCircularProgressBar from 'maz-ui/components/MazCircularProgressBar'","props":[{"name":"percentage","type":"number","description":"The percentage value of the progress bar","required":true,"strictValues":false},{"name":"size","type":"`${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...","description":"The size of the progress bar","required":false,"default":"\"10em\"","strictValues":false},{"name":"duration","type":"number","description":"Duration of the animation in milliseconds","required":false,"default":"1000","strictValues":false},{"name":"delay","type":"number","description":"Delay before the animation starts in milliseconds","required":false,"default":"100","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the progress bar","required":false,"values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"autoColor","type":"boolean","description":"Auto color based on the count (destructive, warning, success)","required":false,"default":"false","strictValues":false},{"name":"prefix","type":"string","description":"Suffix to display next to the number","required":false,"strictValues":false},{"name":"suffix","type":"string","description":"Suffix to display next to the number","required":false,"strictValues":false},{"name":"strokeLinecap","type":"\"square\" | \"butt\" | \"round\" | \"inherit\"","description":"The stroke-linecap style","required":false,"default":"\"round\"","values":["square","butt","round","inherit"],"strictValues":true},{"name":"strokeWidth","type":"Numberish","description":"The stroke width","required":false,"default":"6","strictValues":false},{"name":"stroke","type":"string","description":"The stroke color Use this prop to override the gradient color You can use a color name or a color code","required":false,"strictValues":false},{"name":"successPercentage","type":"number","description":"The percentage value of the success level - The progress circle will be filled with the success color when the percentage is greater than or equal to this value","required":false,"default":"100","strictValues":false},{"name":"warningPercentage","type":"number","description":"The percentage value of the warning level - The progress circle will be filled with the warning color when the percentage is greater than or equal to this value","required":false,"default":"75","strictValues":false},{"name":"dangerPercentage","type":"number","description":"The percentage value of the danger level - The progress circle will be filled with the danger color when the percentage is greater than or equal to this value","required":false,"default":"50","strictValues":false},{"name":"once","type":"boolean","description":"Play the animation only once","required":false,"default":"true","strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[],"description":"Default slot - Replace the percaentage value"},{"name":"prefix","bindings":[],"description":"Prefix slot - Add a prefix next to the number (e.g: \"$\")"},{"name":"suffix","bindings":[],"description":"Suffix slot - Add a suffix next to the number (e.g: \"%\")"}],"expose":[]},{"name":"MazCodeHighlight","docId":"components/maz-code-highlight","import":"import MazCodeHighlight from 'maz-ui/components/MazCodeHighlight'","props":[{"name":"code","type":"string","description":"Source code to highlight","required":false,"strictValues":false},{"name":"language","type":"string","description":"Language identifier for syntax highlighting (e.g. 'vue', 'ts', 'bash')","required":false,"default":"\"text\"","strictValues":false},{"name":"theme","type":"string","description":"Override the shiki theme name. Defaults to github-light/github-dark based on current color mode","required":false,"strictValues":false},{"name":"rounded","type":"boolean","description":"Apply rounded corners on the highlighted code block.","required":false,"default":"true","strictValues":false},{"name":"copyable","type":"boolean","description":"Show the copy-to-clipboard button on hover.","required":false,"default":"true","strictValues":false},{"name":"copyValue","type":"string","description":"Value copied to the clipboard. Falls back to the resolved code when omitted. Useful when the displayed code differs from what should be copied (e.g. terminal prompt prefix).","required":false,"strictValues":false},{"name":"translations","type":"{ copyToClipboard?: string | undefined; copiedToClipboard?: string | undefined; }","description":"Custom translations for the component. Override either key independently.","required":false,"strictValues":false}],"events":[],"slots":[],"expose":[]},{"name":"MazContainer","docId":"components/maz-container","import":"import MazContainer from 'maz-ui/components/MazContainer'","props":[{"name":"title","type":"string","description":"Title of the card in header","required":false,"strictValues":false},{"name":"elevation","type":"boolean","description":"Add elevation to the component","required":false,"default":"false","strictValues":false},{"name":"padding","type":"boolean","description":"Add padding to the content","required":false,"default":"true","strictValues":false},{"name":"bordered","type":"boolean","description":"Add border to the component","required":false,"default":"true","strictValues":false},{"name":"roundedSize","type":"MazRoundedSize","description":"Size of the rounded","required":false,"default":"'md'","values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"transparent","type":"boolean","description":"Remove background color","required":false,"default":"false","strictValues":false},{"name":"overflowHidden","type":"boolean","description":"Hide overflow","required":false,"default":"true","strictValues":false},{"name":"startIcon","type":"MazIconLike","description":"Icon displayed on the inline-start edge of the header (left in LTR, right in RTL). Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"endIcon","type":"MazIconLike","description":"Icon displayed on the inline-end edge of the header (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"iconSize","type":"MazIconSize","description":"Size of the icon","required":false,"default":"\"md\"","strictValues":false},{"name":"block","type":"boolean","description":"Display the container in full width","required":false,"default":"false","strictValues":false},{"name":"contentClass","type":"string","description":"Additional class to add to the content wrapper","required":false,"strictValues":false}],"events":[],"slots":[{"name":"header","bindings":[],"description":"Replace the header"},{"name":"icon-start","bindings":[],"description":"inline-start edge of the header (left in LTR, right in RTL)"},{"name":"title","bindings":[],"description":"title"},{"name":"icon-end","bindings":[],"description":"inline-end edge of the header (right in LTR, left in RTL)"},{"name":"default","bindings":[],"description":"content of the container"}],"expose":[]},{"name":"MazDatePicker","docId":"components/maz-date-picker","import":"import MazDatePicker from 'maz-ui/components/MazDatePicker'","props":[{"name":"id","type":"string","description":"The unique identifier of the component","required":false,"strictValues":false},{"name":"inputProps","type":"MazInputProps<MazInputValue>","description":"The props to apply to the input component","required":false,"strictValues":false},{"name":"modelValue","type":"MazDatePickerValue","description":"The value of the date picker component If an object is provided, the picker will be a range picker","required":false,"strictValues":false,"model":"modelValue"},{"name":"format","type":"string","description":"The format pattern for date display and parsing","required":false,"default":"\"YYYY-MM-DD\"","strictValues":false},{"name":"open","type":"boolean","description":"Controls whether the picker window is open","required":false,"default":"false","strictValues":false,"model":"open"},{"name":"label","type":"string","description":"The label text displayed above the input field","required":false,"strictValues":false},{"name":"placeholder","type":"string","description":"The placeholder text shown when no value is selected","required":false,"strictValues":false},{"name":"inputDateFormat","type":"Intl.DateTimeFormatOptions","description":"The Intl.DateTimeFormatOptions for styling the input date display","required":false,"default":"{ dateStyle: \"medium\", timeStyle: \"short\" }","strictValues":false},{"name":"inputDateTransformer","type":"((payload: { formattedDate?: string | undefined; value?: MazDatePickerValue; locale: string; }) => string)","description":"Custom function to transform the formatted date display","required":false,"strictValues":false},{"name":"locale","type":"string","description":"The locale string for date formatting and localization","required":false,"default":"\"\"","strictValues":false,"model":"locale"},{"name":"hideHeader","type":"boolean","description":"Controls whether the calendar header is hidden","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"Controls whether the component is disabled","required":false,"default":"false","strictValues":false},{"name":"firstDayOfWeek","type":"0 | 1 | 2 | 3 | 4 | 5 | 6","description":"The first day of the week in the calendar","required":false,"default":"0","values":["0","1","2","3","4","5","6"],"strictValues":false},{"name":"autoClose","type":"boolean","description":"Controls whether the picker closes automatically after date selection","required":false,"default":"false","strictValues":false},{"name":"customElementSelector","type":"string","description":"CSS selector for a custom element that triggers the picker","required":false,"strictValues":false},{"name":"double","type":"boolean","description":"Controls whether the picker displays two months side by side","required":false,"default":"false","strictValues":false},{"name":"inline","type":"boolean","description":"Controls whether the picker is displayed inline without input field","required":false,"default":"false","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color theme of the component","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"pickerPosition","type":"MazPopoverPosition","description":"The position where the picker popover should appear","required":false,"default":"\"auto\"","values":["top","bottom","left","right","top-end","bottom-end","left-end","right-end","top-start","bottom-start","left-start","right-start"],"strictValues":false},{"name":"pickerPreferPosition","type":"MazPopoverPreferPosition","description":"The preferred position of the picker popover","required":false,"default":"\"bottom-start\"","values":["top","bottom","left","right","top-end","bottom-end","left-end","right-end","top-start","bottom-start","left-start","right-start"],"strictValues":false},{"name":"pickerFallbackPosition","type":"MazPopoverFallbackPosition","description":"The fallback position of the picker popover","required":false,"default":"\"top-start\"","values":["top","bottom","left","right","top-end","bottom-end","left-end","right-end","top-start","bottom-start","left-start","right-start"],"strictValues":false},{"name":"time","type":"boolean","description":"Controls whether the picker includes a time selector","required":false,"default":"false","strictValues":false},{"name":"onlyTime","type":"boolean","description":"Controls whether the picker shows only time selection (no date)","required":false,"default":"false","strictValues":false},{"name":"minuteInterval","type":"number","description":"The interval in minutes for the time picker minute selection","required":false,"default":"5","values":["1","5","10","15","30"],"strictValues":false},{"name":"useBrowserLocale","type":"boolean","description":"Controls whether to automatically detect and use the browser's locale","required":false,"default":"true","strictValues":false},{"name":"fetchLocal","type":"boolean","description":"Controls whether to fetch locale data dynamically","required":false,"default":"true","strictValues":false},{"name":"shortcuts","type":"boolean | MazDatePickerShortcut[]","description":"Array of predefined date range shortcuts or false to disable","required":false,"default":"true","strictValues":false},{"name":"shortcut","type":"string","description":"The identifier of the currently selected shortcut","required":false,"strictValues":false},{"name":"minDate","type":"string","description":"The minimum selectable date in ISO format","required":false,"strictValues":false},{"name":"maxDate","type":"string","description":"The maximum selectable date in ISO format","required":false,"strictValues":false},{"name":"minMaxAuto","type":"boolean","description":"When minDate or maxDate are provided, if the current date is not between minDate and maxDate, the current date will be set to the minDate or maxDate","required":false,"default":"true","strictValues":false},{"name":"disabledWeekly","type":"number[]","description":"Array of weekday numbers to disable (0 = Sunday, 6 = Saturday)","required":false,"default":"[]","strictValues":false},{"name":"disabledDates","type":"string[]","description":"Array of specific dates to disable in ISO format","required":false,"default":"[]","strictValues":false},{"name":"disabledHours","type":"number[]","description":"Array of hour numbers to disable in the time picker (0-23)","required":false,"default":"[]","strictValues":false},{"name":"block","type":"boolean","description":"Controls whether the input displays in full width","required":false,"default":"false","strictValues":false},{"name":"range","type":"boolean","description":"Controls whether the picker operates in range selection mode","required":false,"default":"false","strictValues":false},{"name":"transition","type":"string","description":"The transition name of the popover","required":false,"default":"\"scale-fade\"","strictValues":false}],"events":[{"name":"update:model-value","payload":"value: MazDatePickerValue","description":"Emitted when the picker value changes"},{"name":"close","payload":"(void | undefined)?","description":"Emitted when the picker closes"},{"name":"update:locale","payload":"value: string"},{"name":"update:open","payload":"value: boolean"}],"slots":[{"name":"trigger","bindings":[{"name":"isOpen","type":"boolean","description":"Current open state of the popover"},{"name":"close","type":"() => void","description":"Function to close the popover"},{"name":"open","type":"() => void","description":"Function to open the popover"},{"name":"toggle","type":"() => void","description":"Function to toggle the popover"}],"description":"Replace the default input with your own element"}],"expose":[]},{"name":"MazDialog","docId":"components/maz-dialog","import":"import MazDialog from 'maz-ui/components/MazDialog'","props":[{"name":"modelValue","type":"boolean","description":"Modal's model value","required":false,"strictValues":false,"model":"modelValue"},{"name":"title","type":"string","description":"Title of the modal in header","required":false,"strictValues":false},{"name":"hideCloseButton","type":"boolean","description":"Remove the close button in header","required":false,"strictValues":false},{"name":"maxWidth","type":"string","description":"Modal's max-width.","required":false,"default":"\"var(--maz-dialog-max-width, 38rem)\"","strictValues":false},{"name":"minWidth","type":"string","description":"Modal's min-width.","required":false,"default":"\"var(--maz-dialog-min-width, 32rem)\"","strictValues":false},{"name":"scrollable","type":"boolean","description":"Modal's content becomes scrollable - warning: a overflow is applied","required":false,"strictValues":false},{"name":"persistent","type":"boolean","description":"Persistent dialog (not closable by clicking outside and remove close button)","required":false,"strictValues":false},{"name":"teleportSelector","type":"string","description":"Teleport selector","required":false,"strictValues":false},{"name":"beforeClose","type":"(() => void | Promise<void>)","description":"Function called before modal is close","required":false,"strictValues":false},{"name":"closeOnEscape","type":"boolean","description":"Prevent close on escape key","required":false,"default":"true","strictValues":false},{"name":"transitionName","type":"string","description":"Transition name","required":false,"strictValues":false},{"name":"backdropClass","type":"ClassValue","description":"Backdrop class","required":false,"strictValues":false},{"name":"backdropContentClass","type":"ClassValue","description":"Backdrop content class","required":false,"strictValues":false},{"name":"contentPadding","type":"boolean","description":"Add padding to the content","required":false,"strictValues":false},{"name":"justify","type":"\"none\" | \"center\" | \"end\" | \"start\" | \"space-between\" | \"space-around\"","description":"Justify content","required":false,"values":["none","center","end","start","space-between","space-around"],"strictValues":true},{"name":"align","type":"\"none\" | \"center\" | \"end\" | \"start\"","description":"Align content","required":false,"values":["none","center","end","start"],"strictValues":true},{"name":"variant","type":"\"bottom-sheet\" | \"dialog\" | \"drawer\"","description":"Variant","required":false,"values":["bottom-sheet","dialog","drawer"],"strictValues":true},{"name":"ariaLabelledby","type":"string","description":"ID for aria-labelledby","required":false,"strictValues":false},{"name":"ariaDescribedby","type":"string","description":"ID for aria-describedby","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: boolean","description":"emitted when modal is open or close"},{"name":"open","payload":"value?: void | undefined","description":"emitted when modal is open"},{"name":"close","payload":"value?: void | undefined","description":"emitted when modal is close"}],"slots":[{"name":"header","bindings":[{"name":"close","type":"() => void","description":"close function"}],"description":"Header slot"},{"name":"title","bindings":[],"description":"Title slot in the header"},{"name":"default","bindings":[{"name":"close","type":"() => void","description":"close function"}],"description":"Default content"},{"name":"footer","bindings":[{"name":"close","type":"() => void","description":"close function"}],"description":"Footer slot"}],"expose":[{"name":"close","description":"Close the dialog"}]},{"name":"MazDialogConfirm","docId":"components/maz-dialog-confirm","import":"import MazDialogConfirm from 'maz-ui/components/MazDialogConfirm'","props":[{"name":"identifier","type":"string","description":"Uniq identifier of the dialog - This is used to identify the dialog in the state","required":true,"strictValues":false},{"name":"title","type":"string","description":"Dialog title displayed in the header Title of the modal in header","required":false,"strictValues":false},{"name":"message","type":"string","description":"Dialog message displayed in the body","required":false,"strictValues":false},{"name":"rejectText","type":"string","description":"Text for the reject button - will be applied only if buttons props is not provided","required":false,"strictValues":false},{"name":"rejectProps","type":"(Omit<MazBtnProps, \"type\"> & MazDialogConfirmButton)","description":"Props for the reject button - will be applied only if buttons props is not provided","required":false,"default":"{ color: 'destructive', type: 'reject', text: 'Cancel', response: 'reject' }","strictValues":false},{"name":"hideRejectButton","type":"boolean","description":"Hide the reject button (unset: the value of `useMazDialogConfirm().data`, else shown)","required":false,"default":"false","strictValues":false},{"name":"acceptText","type":"string","description":"Text for the accept button","required":false,"strictValues":false},{"name":"acceptProps","type":"(Omit<MazBtnProps, \"type\"> & MazDialogConfirmButton)","description":"Props for the accept button - will be applied only if buttons props is not provided","required":false,"default":"{ color: 'success', type: 'accept', text: 'Confirm', response: 'accept' }","strictValues":false},{"name":"hideAcceptButton","type":"boolean","description":"Hide the accept button (unset: the value of `useMazDialogConfirm().data`, else shown)","required":false,"default":"false","strictValues":false},{"name":"buttons","type":"MazDialogConfirmButton[]","description":"Buttons to display in the footer","required":false,"strictValues":false},{"name":"modelValue","type":"boolean","description":"Modal's model value","required":false,"strictValues":false},{"name":"hideCloseButton","type":"boolean","description":"Remove the close button in header","required":false,"strictValues":false},{"name":"maxWidth","type":"string","description":"Modal's max-width.","required":false,"default":"Theme preset `components.dialog.max-width` via `var(--maz-dialog-max-width, 38rem)`","strictValues":false},{"name":"minWidth","type":"string","description":"Modal's min-width.","required":false,"default":"Theme preset `components.dialog.min-width` via `var(--maz-dialog-min-width, 32rem)`","strictValues":false},{"name":"scrollable","type":"boolean","description":"Modal's content becomes scrollable - warning: a overflow is applied","required":false,"strictValues":false},{"name":"persistent","type":"boolean","description":"Persistent dialog (not closable by clicking outside and remove close button)","required":false,"strictValues":false},{"name":"teleportSelector","type":"string","description":"Teleport selector","required":false,"strictValues":false},{"name":"beforeClose","type":"(() => void | Promise<void>)","description":"Function called before modal is close","required":false,"strictValues":false},{"name":"closeOnEscape","type":"boolean","description":"Prevent close on escape key","required":false,"default":"true","strictValues":false},{"name":"transitionName","type":"string","description":"Transition name","required":false,"strictValues":false},{"name":"backdropClass","type":"ClassValue","description":"Backdrop class","required":false,"strictValues":false},{"name":"backdropContentClass","type":"ClassValue","description":"Backdrop content class","required":false,"strictValues":false},{"name":"contentPadding","type":"boolean","description":"Add padding to the content","required":false,"strictValues":false},{"name":"justify","type":"\"none\" | \"center\" | \"end\" | \"start\" | \"space-between\" | \"space-around\"","description":"Justify content","required":false,"values":["none","center","end","start","space-between","space-around"],"strictValues":true},{"name":"align","type":"\"none\" | \"center\" | \"end\" | \"start\"","description":"Align content","required":false,"values":["none","center","end","start"],"strictValues":true},{"name":"variant","type":"\"bottom-sheet\" | \"dialog\" | \"drawer\"","description":"Variant","required":false,"values":["bottom-sheet","dialog","drawer"],"strictValues":true},{"name":"ariaLabelledby","type":"string","description":"ID for aria-labelledby","required":false,"strictValues":false},{"name":"ariaDescribedby","type":"string","description":"ID for aria-describedby","required":false,"strictValues":false}],"events":[{"name":"open","payload":"value?: void | undefined","description":"Emitted when modal is open"},{"name":"close","payload":"value?: void | undefined","description":"Emitted when modal is close"}],"slots":[{"name":"title","bindings":[],"description":"title slot - Place your title"},{"name":"default","bindings":[{"name":"accept","type":"(reason?: unknown) => Promise<unknown>","description":"accept function"},{"name":"reject","type":"(reason?: unknown) => Promise<unknown>","description":"reject function"}],"description":"Default slot - Place your content"},{"name":"footer-button","bindings":[{"name":"accept","type":"(reason?: unknown) => Promise<unknown>","description":"accept function"},{"name":"reject","type":"(reason?: unknown) => Promise<unknown>","description":"reject function"}],"description":"Footer slot"}],"expose":[{"name":"close","description":"Close the dialog"},{"name":"isActive","description":"Check if the dialog is active"}]},{"name":"MazDrawer","docId":"components/maz-drawer","import":"import MazDrawer from 'maz-ui/components/MazDrawer'","props":[{"name":"title","type":"string","description":"The title of the drawer","required":false,"strictValues":false},{"name":"variant","type":"\"end\" | \"start\" | \"bottom\" | \"top\"","description":"The edge from which the drawer slides in. `start` (= left in LTR, right in RTL) and `end` (= right in LTR, left in RTL) follow the document direction; `top` and `bottom` are physical.","required":false,"default":"\"end\"","values":["end","start","bottom","top"],"strictValues":true},{"name":"size","type":"`${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...","description":"The size of the drawer","required":false,"default":"\"30rem\"","strictValues":false},{"name":"backdropClass","type":"string","description":"The class of the backdrop","required":false,"strictValues":false},{"name":"hideCloseButton","type":"boolean","description":"Disable the close button","required":false,"strictValues":false},{"name":"modelValue","type":"boolean","description":"Value of `v-model`, forwarded to the inner component","required":false,"strictValues":false,"model":"modelValue"}],"events":[{"name":"update:model-value","payload":"value: boolean","description":"emitted when drawer is open or close"},{"name":"open","description":"emitted when drawer is open"},{"name":"close","description":"emitted when drawer is close (after animation)"},{"name":"before-close","description":"emitted before drawer is close"}],"slots":[{"name":"title","bindings":[{"name":"close","type":"() => void"}]},{"name":"default","bindings":[{"name":"close","type":"() => void"}]}],"expose":[]},{"name":"MazDropdown","docId":"components/maz-dropdown","import":"import MazDropdown from 'maz-ui/components/MazDropdown'","props":[{"name":"modelValue","type":"boolean","description":"Controls whether the dropdown menu is open","required":false,"default":"false","strictValues":false,"model":"modelValue"},{"name":"items","type":"MazDropdownMenuItem[]","description":"Menu items to display in the dropdown Each item can be either a link (with href/to properties) or an action (with onClick function)","required":false,"default":"[]","strictValues":false},{"name":"itemsSize","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the dropdown menu items","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"id","type":"string","description":"Unique identifier for the dropdown component","required":false,"strictValues":false},{"name":"trigger","type":"MazPopoverTrigger","description":"Determines how the dropdown should be triggered","required":false,"default":"\"adaptive\"","values":["click","hover","manual","adaptive"],"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Color theme for the dropdown button","required":false,"default":"\"transparent\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"position","type":"MazPopoverPosition","description":"Position of the menu relative to trigger","required":false,"default":"\"auto\"","values":["auto","top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"],"strictValues":false},{"name":"closeOnClick","type":"boolean","description":"Controls whether the dropdown menu closes when a menu item is clicked","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"Disables the dropdown functionality","required":false,"default":"false","strictValues":false},{"name":"chevron","type":"boolean","description":"Controls whether to show the chevron icon in the trigger button","required":false,"default":"true","strictValues":false},{"name":"screenReaderDescription","type":"string","description":"Accessible description for screen readers describing the dropdown functionality If not provided, the default translation of MazUiTranslations plugin will be used","required":false,"default":"MazUiTranslationsSchema['dropdown']['screenReaderDescription']","strictValues":false},{"name":"menuPanelClass","type":"ClassValue","description":"Additional CSS classes to apply to the dropdown menu panel Useful for customizing the dropdown appearance (background, border, etc.)","required":false,"strictValues":false},{"name":"menuPanelStyle","type":"StyleValue","description":"Inline styles to apply to the dropdown menu panel Useful for custom styling. You may use `!important` to override default styles","required":false,"strictValues":false},{"name":"block","type":"boolean","description":"Makes the dropdown button expand to full width of its container","required":false,"default":"false","strictValues":false},{"name":"dropdownIcon","type":"MazIconLike","description":"Icon to use instead of the default chevron for the dropdown indicator Custom icon to display in place of the default chevron. Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"dropdownIconAnimation","type":"boolean","description":"Controls whether the dropdown icon rotates when the dropdown is opened","required":false,"default":"true","strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the dropdown button","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"transition","type":"string","description":"Transition to use when the dropdown is opened or closed","required":false,"default":"\"scale-pop\"","values":["scale-pop","scale-fade","string"],"strictValues":false},{"name":"delay","type":"number","description":"Delay before showing/hiding in milliseconds","required":false,"default":"0","strictValues":false},{"name":"persistent","type":"boolean","description":"Prevent auto-close (ignores click outside and escape key)","required":false,"default":"false","strictValues":false},{"name":"closeOnEscape","type":"boolean","description":"Close popover when pressing Escape key","required":false,"default":"true","strictValues":false},{"name":"ariaLabelledby","type":"string","description":"ARIA labelledby attribute for accessibility","required":false,"strictValues":false},{"name":"ariaDescribedby","type":"string","description":"ARIA describedby attribute for accessibility","required":false,"strictValues":false},{"name":"offset","type":"number","description":"Distance between trigger and popover in pixels","required":false,"default":"8","strictValues":false},{"name":"ariaLabel","type":"string","description":"ARIA label for the popover","required":false,"strictValues":false},{"name":"preferPosition","type":"MazPopoverPreferPosition","description":"Preferred position of the popover relative to trigger when auto position is used - Preferred position of the popover relative to trigger","required":false,"default":"\"bottom-start\"","values":["auto","top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"],"strictValues":false},{"name":"fallbackPosition","type":"MazPopoverFallbackPosition","description":"Fallback position of the popover relative to trigger when prefer position is not visible - Fallback position of the popover relative to trigger","required":false,"default":"auto","values":["auto","top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"],"strictValues":false},{"name":"announceChanges","type":"boolean","description":"Announce content changes to screen readers","required":false,"default":"false","strictValues":false},{"name":"hoverDelay","type":"number","description":"Delay before closing on hover in milliseconds","required":false,"default":"150","strictValues":false},{"name":"teleportTo","type":"string","description":"Teleport target selector","required":false,"default":"'body'","strictValues":false},{"name":"overlayClass","type":"ClassValue","description":"Additional CSS classes for the overlay wrapper","required":false,"strictValues":false},{"name":"panelClass","type":"ClassValue","description":"Additional CSS classes for the popover panel","required":false,"strictValues":false},{"name":"panelStyle","type":"StyleValue","description":"Inline styles for the popover panel","required":false,"strictValues":false},{"name":"closeOnClickOutside","type":"boolean","description":"Close popover when clicking outside","required":false,"default":"true","strictValues":false},{"name":"trapFocus","type":"boolean","description":"Trap focus inside the popover","required":false,"default":"true","strictValues":false},{"name":"keepOpenOnHover","type":"boolean","description":"Keep popover open when hovering over the panel","required":false,"default":"false","strictValues":false},{"name":"positionReference","type":"string | HTMLElement","description":"CSS selector or element reference to use for positioning calculations - When provided, the popover will position relative to this element instead of the trigger Useful for components with labels where you want to position relative to the actual input","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: boolean","description":"Emitted when the dropdown open state changes"},{"name":"update:modelValue","payload":"value: boolean"},{"name":"menuitem-clicked","payload":"event: Event","description":"Emitted when a menu item is clicked"}],"slots":[{"name":"screen-reader-description","bindings":[],"description":"description for screen readers (hidden from visual display)"},{"name":"trigger","bindings":[{"name":"isOpen","type":"boolean","description":"Current state of the dropdown (true when open, false when closed)"},{"name":"toggle","type":"() => void","description":"Function to toggle the dropdown"},{"name":"close","type":"() => void","description":"Function to close the dropdown"},{"name":"open","type":"() => void","description":"Function to open the dropdown"}],"description":"trigger element for the dropdown"},{"name":"default","bindings":[],"description":"Text content of the trigger element"},{"name":"dropdown-icon","bindings":[{"name":"isOpen","type":"boolean","description":"Current state of the dropdown (true when open, false when closed)"},{"name":"toggle","type":"() => void"},{"name":"close","type":"() => void"},{"name":"open","type":"() => void"}],"description":"Dropdown indicator icon"},{"name":"dropdown","bindings":[{"name":"items","type":"MazDropdownMenuItem[]","description":"Array of menu items passed via the items prop"},{"name":"open","type":"() => void","description":"Function to open the dropdown"},{"name":"close","type":"() => void","description":"Function to close the dropdown"},{"name":"isOpen","type":"boolean","description":"Current state of the dropdown (true when open, false when closed)"},{"name":"toggle","type":"() => void","description":"Function to toggle the dropdown"}],"description":"Dropdown menu panel content"},{"name":"prepend-menu","bindings":[{"name":"isOpen","type":"boolean","description":"Current state of the dropdown (true when open, false when closed)"},{"name":"open","type":"() => void","description":"Function to open the dropdown"},{"name":"close","type":"() => void","description":"Function to close the dropdown"},{"name":"toggle","type":"() => void","description":"Function to toggle the dropdown"}],"description":"Prepend to the list of menu items"},{"name":"menuitem","bindings":[{"name":"item","type":"MazDropdownMenuItem","description":"Individual menu item object with properties like label, href, onClick, etc."},{"name":"open","type":"() => void","description":"Function to open the dropdown"},{"name":"close","type":"() => void","description":"Function to close the dropdown"},{"name":"isOpen","type":"boolean","description":"Current state of the dropdown (true when open, false when closed)"},{"name":"toggle","type":"() => void","description":"Function to toggle the dropdown"}],"description":"Menu item component"},{"name":"menuitem-label","bindings":[{"name":"item","type":"MazDropdownMenuItem","description":"Individual menu item object containing label and other properties"},{"name":"open","type":"() => void","description":"Function to open the dropdown"},{"name":"close","type":"() => void","description":"Function to close the dropdown"},{"name":"isOpen","type":"boolean","description":"Current state of the dropdown (true when open, false when closed)"},{"name":"toggle","type":"() => void","description":"Function to toggle the dropdown"}],"description":"Label content for menu item"},{"name":"append-menu","bindings":[{"name":"isOpen","type":"boolean","description":"Current state of the dropdown (true when open, false when closed)"},{"name":"open","type":"() => void","description":"Function to open the dropdown"},{"name":"close","type":"() => void","description":"Function to close the dropdown"},{"name":"toggle","type":"() => void","description":"Function to toggle the dropdown"}],"description":"Append to the list of menu items"}],"expose":[]},{"name":"MazDropzone","docId":"components/maz-dropzone","import":"import MazDropzone from 'maz-ui/components/MazDropzone'","props":[{"name":"id","type":"string","description":"The id of the dropzone","required":false,"strictValues":false},{"name":"multiple","type":"boolean","description":"Allow multiple files to be uploaded.","required":false,"default":"false","strictValues":false},{"name":"dataTypes","type":"string[]","description":"Allowed data types/MIME types for files (e.g. ['application/json'])","required":false,"default":"['*\\/*']","strictValues":false},{"name":"preventDefaultForUnhandled","type":"boolean","description":"Prevent default behavior for unhandled drag & drop events.","required":false,"default":"true","strictValues":false},{"name":"maxFileSize","type":"number","description":"Maximum file size in MB.","required":false,"strictValues":false},{"name":"maxFiles","type":"number","description":"Maximum number of files allowed.","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"Disable the dropzone","required":false,"default":"false","strictValues":false},{"name":"preview","type":"boolean","description":"Show file preview","required":false,"default":"true","strictValues":false},{"name":"minFileSize","type":"number","description":"Minimum file size in MB","required":false,"strictValues":false},{"name":"allowDuplicates","type":"boolean","description":"Allow duplicates","required":false,"default":"false","strictValues":false},{"name":"translations","type":"{ dragAndDrop?: string | undefined; selectFile?: string | undefined; divider?: string | undefined; fileMaxCount?: string | undefined; fileMaxSize?: string | undefined; fileTypes?: string | undefined; types?: { image?: string | undefined;...","description":"Translations - Custom translations for the component","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Main color of the component","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"removeFileBtnProps","type":"MazBtnProps","description":"MazBtn props [MazBtn props](/components/maz-btn#props)","required":false,"default":"{}","strictValues":false},{"name":"spinnerProps","type":"MazSpinnerProps","description":"MazSpinner props [MazSpinner props](/components/maz-spinner#props)","required":false,"default":"{}","strictValues":false},{"name":"autoUpload","type":"false | \"multiple\" | \"single\"","description":"Auto upload files - If set to `multiple`, all files will be uploaded at once in a single request. If set to `single`, files will be uploaded one by one in separate requests. If set to `false`, no upload will be done automatically.","required":false,"default":"false","values":["multiple","single"],"strictValues":false},{"name":"url","type":"string","description":"Upload URL - If set, files will be uploaded to the given URL.","required":false,"strictValues":false},{"name":"requestOptions","type":"RequestInit","description":"Request options - Request options to be used for the upload (using fetch) [Request options](https://developer.mozilla.org/en-US/docs/Web/API/fetch#options)","required":false,"strictValues":false},{"name":"transformBody","type":"((formData: FormData) => BodyInit | null | undefined)","description":"Transform the body of the request","required":false,"strictValues":false},{"name":"maxConcurrentUploads","type":"number","description":"Maximum number of concurrent uploads - Limit the number of files uploaded simultaneously to avoid overwhelming the server","required":false,"default":"5","strictValues":false},{"name":"modelValue","type":"MazDropzoneFileData[]","description":"The files data","required":false,"default":"[]","strictValues":false,"model":"modelValue"}],"events":[{"name":"add","payload":"value: File","description":"Event emitted when a file is added to the dropzone"},{"name":"error","payload":"values: { files: File[] | null; event: DragEvent | null; code: MazDropzoneErrorCode; }","description":"Event emitted when an error occurs"},{"name":"drop","payload":"values: { files: File[] | null; event: DragEvent; }","description":"Event emitted when files are dropped in the dropzone"},{"name":"update:modelValue","payload":"value: MazDropzoneFileData[]"},{"name":"enter","payload":"values: { files: File[] | null; event: DragEvent; }","description":"Event emitted when dragged files enter the dropzone"},{"name":"leave","payload":"values: { files: File[] | null; event: DragEvent; }","description":"Event emitted when dragged files leave the dropzone"},{"name":"over","payload":"values: { files: File[] | null; event: DragEvent; }","description":"Event emitted when dragged files are over the dropzone"},{"name":"remove","payload":"value: File","description":"Event emitted when a file is removed from the dropzone"},{"name":"upload-error","payload":"values: { file: File; code: MazDropzoneErrorCode; error: unknown; }","description":"Event emitted when an error occurs during file upload"},{"name":"upload-error-multiple","payload":"values: { files: File[]; code: MazDropzoneErrorCode; error: unknown; }","description":"Event emitted when an error occurs during multiple files upload"},{"name":"upload-success","payload":"values: { file: File; response?: Response | undefined; }","description":"Event emitted when a file is successfully uploaded"},{"name":"upload-success-multiple","payload":"values: { files: File[]; response?: Response | undefined; }","description":"Event emitted when multiple files are successfully uploaded"}],"slots":[{"name":"files-area","bindings":[{"name":"filesData","type":"MazDropzoneFileData[]","description":"The files data"}],"description":"Slot to customize the files area"},{"name":"file-item","bindings":[{"name":"file","type":"MazDropzoneFileData","description":"The drop file data"}],"description":"Slot to customize the file item"},{"name":"no-files-area","bindings":[{"name":"selectFile","type":"() => void","description":"The function to select the file"}],"description":"Slot to customize the no files area"},{"name":"upload-icon","bindings":[],"description":"Slot to customize the upload icon"}],"expose":[{"name":"uploadFiles","description":"Upload files"},{"name":"uploadFilesMultiple","description":"Upload multiple files"},{"name":"getFormData","description":"Get form data"},{"name":"getFormDataMultiple","description":"Get form data multiple"},{"name":"reset","description":"Reset the files"},{"name":"isUploading","description":"Check if the files are uploading"},{"name":"addFile","description":"Add a file to the dropzone"},{"name":"removeFile","description":"Remove a file from the dropzone"}]},{"name":"MazExpandAnimation","docId":"components/maz-expand-animation","import":"import MazExpandAnimation from 'maz-ui/components/MazExpandAnimation'","props":[{"name":"duration","type":"string","description":"Duration of the animation in milliseconds","required":false,"default":"\"300ms\"","strictValues":false},{"name":"timingFunction","type":"string","description":"Timing function of the animation","required":false,"default":"\"ease-in-out\"","strictValues":false},{"name":"modelValue","type":"boolean","required":false,"strictValues":false,"model":"modelValue"}],"events":[{"name":"update:modelValue","payload":"value: boolean | undefined"}],"slots":[{"name":"default","bindings":[],"description":"Default Slot - Display content"}],"expose":[]},{"name":"MazFullscreenLoader","docId":"components/maz-fullscreen-loader","import":"import MazFullscreenLoader from 'maz-ui/components/MazFullscreenLoader'","props":[{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the spinner","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"size","type":"`${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...","description":"The size of the spinner","required":false,"default":"\"3em\"","strictValues":false},{"name":"teleportSelector","type":"string","description":"The selector to teleport the loader","required":false,"default":"\"body\"","strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazGallery","docId":"components/maz-gallery","import":"import MazGallery from 'maz-ui/components/MazGallery'","props":[{"name":"images","type":"MazGalleryImage[]","description":"Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`","required":false,"default":"[]","strictValues":false},{"name":"displayedCount","type":"number","description":"Images count shown (max: 5)","required":false,"default":"5","strictValues":false},{"name":"remaining","type":"boolean","description":"Remove transparent layer with the remain count (ex: +2)","required":false,"default":"true","strictValues":false},{"name":"height","type":"string | number | false","description":"Height of gallery - set to `false` to remove default height","required":false,"default":"\"100%\"","strictValues":false},{"name":"width","type":"string | number | false","description":"Width of gallery - set to `false` to remove default width","required":false,"default":"\"100%\"","strictValues":false},{"name":"radius","type":"boolean","description":"Disable the border radius of the gallery","required":false,"default":"true","strictValues":false},{"name":"zoom","type":"boolean","description":"Disable full size display when clicking on image","required":false,"default":"true","strictValues":false},{"name":"hasEmptyLayer","type":"boolean","description":"Layer with photography icon when no images is provided","required":false,"default":"true","strictValues":false},{"name":"lazy","type":"boolean","description":"Lazy load image - if false, images are directly loaded","required":false,"default":"true","strictValues":false},{"name":"blur","type":"boolean","description":"Disable blur effect on image hover","required":false,"default":"true","strictValues":false},{"name":"scale","type":"boolean","description":"Disable scale animation effect on image hover","required":false,"default":"true","strictValues":false},{"name":"separatorColor","type":"string","description":"Choose color of borders between images - Should be a CSS color or CSS variable - Ex: `#000`","required":false,"default":"\"transparent\"","strictValues":false},{"name":"backgroundColor","type":"string","description":"Choose background color of the gallery - Should be a CSS color or CSS variable - Ex: `#000`","required":false,"strictValues":false}],"events":[],"slots":[],"expose":[]},{"name":"MazIcon","docId":"components/maz-icon","import":"import MazIcon from 'maz-ui/components/MazIcon'","props":[{"name":"icon","type":"MazIconValue","description":"The icon to render. Accepts: - A Vue component (e.g. `import { MazStar } from '@maz-ui/icons/static/MazStar'`) - A URL or `data:` URI to a `.svg` file (`'/icons/star.svg'`, `'data:image/svg+xml,…'`) - A raw SVG string (`'<svg viewBox=\"0 0 24 24\">…</svg>'`) The component detects the format and renders accordingly.","required":false,"strictValues":false},{"name":"fallback","type":"MazIconValue","description":"Fallback icon used when: - `icon` is not provided - `icon` is a URL that fails to load or returns invalid SVG Same shape as `icon`. Defaults to the imported `MazQuestionMarkCircle` if neither `icon` nor `fallback` resolves to anything renderable.","required":false,"default":"MazQuestionMarkCircle","strictValues":false},{"name":"size","type":"MazIconSize","description":"Predefined keyword (`'xs' | 'sm' | 'md' | 'lg' | 'xl'`) or any CSS length.","required":false,"strictValues":false},{"name":"title","type":"string","description":"Sets a `<title>` element inside the SVG for screen-reader accessibility.","required":false,"strictValues":false},{"name":"svgAttributes","type":"Record<string, string | number>","description":"Extra attributes to merge onto the rendered `<svg>` root.","required":false,"strictValues":false},{"name":"flipIconForRtl","type":"boolean","description":"Mirror the icon horizontally when the document direction is RTL. Useful for directional icons (chevrons, arrows). Renders unchanged in LTR.","required":false,"default":"false","strictValues":false}],"events":[{"name":"error","payload":"error: Error","description":"Emitted when an SVG fails to fetch or parse - useful for telemetry / fallback UI."}],"slots":[],"expose":[]},{"name":"MazInput","docId":"components/maz-input","import":"import MazInput from 'maz-ui/components/MazInput'","props":[{"name":"modelValue","type":"T","description":"The current value of the input field. This prop is used for two-way data binding with v-model","required":false,"strictValues":false,"model":"modelValue"},{"name":"placeholder","type":"string","description":"Text displayed when the input is empty to guide the user","required":false,"strictValues":false},{"name":"label","type":"string","description":"Floating label that appears inside the input and moves up when focused or filled. Provides better UX than traditional placeholders","required":false,"strictValues":false},{"name":"topLabel","type":"string","description":"Static label displayed above the input field. Unlike the floating label, this remains fixed","required":false,"strictValues":false},{"name":"assistiveText","type":"string","description":"Helper text displayed below the input to provide additional context or validation feedback","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Theme color that affects the border and focus states of the input","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"type","type":"InputTypeHTMLAttribute","description":"HTML input type attribute that determines the input behavior and validation","required":false,"default":"\"text\"","values":["text","password","email","number","tel","url","search","date","time","datetime-local","month","week"],"strictValues":false},{"name":"required","type":"boolean","description":"Makes the input field mandatory for form submission","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"Disables the input field, preventing user interaction and form submission","required":false,"default":"false","strictValues":false},{"name":"readonly","type":"boolean","description":"Makes the input field read-only, allowing selection but preventing modification","required":false,"strictValues":false},{"name":"id","type":"string","description":"Unique identifier for the input element, used for form labels and accessibility","required":false,"strictValues":false},{"name":"error","type":"boolean","description":"Applies error styling (red border and text) to indicate validation failure","required":false,"default":"false","strictValues":false},{"name":"success","type":"boolean","description":"Applies success styling (green border and text) to indicate successful validation","required":false,"default":"false","strictValues":false},{"name":"warning","type":"boolean","description":"Applies warning styling (orange border and text) to indicate potential issues","required":false,"default":"false","strictValues":false},{"name":"hint","type":"string","description":"Alternative text that replaces the label when provided. Useful for contextual hints","required":false,"strictValues":false},{"name":"inputClasses","type":"string","description":"Additional CSS classes to apply specifically to the input wrapper element","required":false,"strictValues":false},{"name":"border","type":"boolean","description":"Controls whether the input has a visible border. Set to false for borderless inputs","required":false,"default":"true","strictValues":false},{"name":"inputmode","type":"\"text\" | \"none\" | \"search\" | \"url\" | \"email\" | \"tel\" | \"numeric\" | \"decimal\"","description":"HTML inputmode attribute that provides hints for virtual keyboards on mobile devices","required":false,"default":"\"text\"","values":["text","none","search","url","email","tel","numeric","decimal"],"strictValues":true},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Controls the height and text size of the input component","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"debounce","type":"number | boolean","description":"Enables input debouncing to limit the frequency of value updates. When true, uses 500ms delay. When a number, uses that value as delay in milliseconds","required":false,"default":"false","strictValues":false},{"name":"autoFocus","type":"boolean","description":"Automatically focuses the input when the component mounts","required":false,"default":"false","strictValues":false},{"name":"borderActive","type":"boolean","description":"When true, shows the colored border immediately instead of only on focus","required":false,"default":"false","strictValues":false},{"name":"startIcon","type":"MazIconLike","description":"Icon displayed on the inline-start edge of the input (left in LTR, right in RTL). Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) or a full `MazIconProps` object for fine-grained control (size, title, svgAttributes, fallback, …).","required":false,"strictValues":false},{"name":"endIcon","type":"MazIconLike","description":"Icon displayed on the inline-end edge of the input (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"roundedSize","type":"MazRoundedSize","description":"Controls the border radius of the input component","required":false,"default":"'md'","values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"block","type":"boolean","description":"Makes the input expand to the full width of its container","required":false,"strictValues":false},{"name":"name","type":"string","description":"The name of the input field. Used for form submission and validation","required":false,"strictValues":false},{"name":"autocomplete","type":"string","description":"The autocomplete attribute for the input field. Used for form submission and validation","required":false,"strictValues":false},{"name":"loading","type":"boolean","description":"Loading state for the input field. Used to show a loading spinner","required":false,"default":"false","strictValues":false}],"events":[{"name":"update:model-value","payload":"value?: T | undefined","description":"Triggered when the input value changes, used for v-model two-way binding. This event is debounced if the debounce prop is enabled"},{"name":"click","payload":"event: Event","description":"Triggered when the user clicks on the input field"},{"name":"blur","payload":"event: Event","description":"Triggered when the input field loses focus (user clicks outside or tabs away)"},{"name":"change","payload":"event: Event","description":"Triggered when the input value changes and the field loses focus. Different from input event which fires on every keystroke"},{"name":"focus","payload":"event: Event","description":"Triggered when the input field gains focus (user clicks or tabs into the field)"},{"name":"input","payload":"event: Event","description":"Triggered on every keystroke or input interaction (real-time input changes). This is the raw input event, not debounced"}],"slots":[{"name":"start-icon","bindings":[],"description":"Custom content for the inline-start edge of the input field (left in LTR, right in RTL)."},{"name":"end-icon","bindings":[],"description":"Custom content for the inline-end edge of the input field (right in LTR, left in RTL)."},{"name":"loader","bindings":[],"description":"Loader slot."}],"expose":[]},{"name":"MazInputCode","docId":"components/maz-input-code","import":"import MazInputCode from 'maz-ui/components/MazInputCode'","props":[{"name":"modelValue","type":"T","description":"The value of the component (v-model).","required":false,"strictValues":false,"model":"modelValue"},{"name":"codeLength","type":"number","description":"The length of the code.","required":false,"default":"4","strictValues":false},{"name":"type","type":"\"number\" | \"text\"","description":"The type of the input field.","required":false,"default":"\"text\"","values":["number","text"],"strictValues":true},{"name":"acceptAlpha","type":"boolean","description":"Whether to accept alpha characters.","required":false,"default":"false","strictValues":false},{"name":"required","type":"boolean","description":"Whether the input is required.","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"Whether the input is disabled.","required":false,"default":"false","strictValues":false},{"name":"error","type":"boolean","description":"Whether there is an error with the input.","required":false,"default":"false","strictValues":false},{"name":"success","type":"boolean","description":"Whether the input is successful.","required":false,"default":"false","strictValues":false},{"name":"warning","type":"boolean","description":"Whether there is a warning with the input.","required":false,"default":"false","strictValues":false},{"name":"size","type":"MazInputCodeSize","description":"The size of the component.","required":false,"default":"\"md\"","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the component.","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value?: T | undefined","description":"Update the model value."},{"name":"completed","payload":"value: void","description":"Emitted when all inputs are set."}],"slots":[],"expose":[]},{"name":"MazInputNumber","docId":"components/maz-input-number","import":"import MazInputNumber from 'maz-ui/components/MazInputNumber'","props":[{"name":"id","type":"string","description":"The id of the input.","required":false,"strictValues":false},{"name":"modelValue","type":"number","description":"The value of the component (v-model).","required":false,"strictValues":false,"model":"modelValue"},{"name":"disabled","type":"boolean","description":"Whether the input number is disabled or not.","required":false,"default":"false","strictValues":false},{"name":"max","type":"number","description":"The maximum value allowed for the input number.","required":false,"default":"Number.POSITIVE_INFINITY","strictValues":false},{"name":"min","type":"number","description":"The minimum value allowed for the input number.","required":false,"default":"Number.NEGATIVE_INFINITY","strictValues":false},{"name":"step","type":"number","description":"The step value for incrementing or decrementing the input number.","required":false,"default":"1","strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"The size of the input number component.","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"hideButtons","type":"boolean","description":"Whether to hide the increment and decrement buttons or not.","required":false,"default":"false","strictValues":false},{"name":"textCenter","type":"boolean","description":"Whether to center the text inside the input or not.","required":false,"default":"true","strictValues":false},{"name":"inputmode","type":"\"text\" | \"none\" | \"search\" | \"url\" | \"email\" | \"tel\" | \"numeric\" | \"decimal\"","description":"The inputmode attribute for the input.","required":false,"default":"\"numeric\"","values":["text","none","search","url","email","tel","numeric","decimal"],"strictValues":true},{"name":"block","type":"boolean","description":"The input will be displayed in full width","required":false,"strictValues":false},{"name":"error","type":"boolean","description":"Will display the input in error state.","required":false,"default":"false","strictValues":false},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false},{"name":"success","type":"boolean","description":"Will display the input in success state.","required":false,"default":"false","strictValues":false},{"name":"warning","type":"boolean","description":"Will display the input in warning state.","required":false,"default":"false","strictValues":false},{"name":"inputProps","type":"MazInputProps<MazInputValue>","description":"The props for the input component.","required":false,"strictValues":false},{"name":"topLabel","type":"string","description":"Static label displayed above the input field. Unlike the floating label, this remains fixed","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value?: number | undefined","description":"Emitted when the input value change"},{"name":"click","payload":"value: Event","description":"Emitted input is clicked"},{"name":"blur","payload":"value: Event","description":"Emitted when the input is blurred"},{"name":"change","payload":"value: Event","description":"Emitted when the value change"},{"name":"focus","payload":"value: Event","description":"Emitted when the input is focused"}],"slots":[],"expose":[]},{"name":"MazInputPhoneNumber","docId":"components/maz-input-phone-number","import":"import MazInputPhoneNumber from 'maz-ui/components/MazInputPhoneNumber'","props":[{"name":"modelValue","type":"string | null","description":"The current value of the input field in international format (e.g. +33612345678)","required":false,"strictValues":false,"model":"modelValue"},{"name":"countryCode","type":"CountryCode | null","description":"The selected country code (e.g. \"FR\")","required":false,"strictValues":false,"model":"countryCode"},{"name":"id","type":"string","description":"Unique identifier for the component","required":false,"strictValues":false},{"name":"placeholder","type":"string","description":"Text displayed when the input is empty","required":false,"strictValues":false},{"name":"topLabel","type":"string","description":"Static label displayed above the input field. Unlike the floating label, this remains fixed","required":false,"strictValues":false},{"name":"label","type":"string","description":"Label displayed above the input","required":false,"strictValues":false},{"name":"preferredCountries","type":"CountryCode[]","description":"List of country codes to place first in the select list","required":false,"strictValues":false},{"name":"ignoredCountries","type":"CountryCode[]","description":"List of country codes to be removed from the select list","required":false,"strictValues":false},{"name":"onlyCountries","type":"CountryCode[]","description":"List of country codes to only have the countries selected in the select list","required":false,"strictValues":false},{"name":"translations","type":"Partial<{ countrySelect: { placeholder: string; error: string; searchPlaceholder: string; }; phoneInput: { placeholder: string; example: string; }; }>","description":"Locale strings of the component The default values are the translations of the MazUiTranslations plugin","required":false,"default":"{ countrySelect: { error: 'Choose country', placeholder: 'Country code', searchPlaceholder: 'Search the country', }, phoneInput: { placeholder: 'Phone number', example: 'Example: {example}', }, }","strictValues":false},{"name":"listPosition","type":"MazPopoverPosition","description":"Position where the list of countries will be opened","required":false,"default":"\"bottom-start\"","values":["top","left","right","bottom"],"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Component color applied","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Component size applied","required":false,"default":"\"md\"","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"hideFlags","type":"boolean","description":"Remove flags in country list","required":false,"default":"false","strictValues":false},{"name":"flagSrc","type":"MazCountryFlagSrc","description":"Source of the flags, instead of the flagcdn.com CDN: a URL template (`/flags/{code}.svg`, `{CODE}` for uppercase) or a function giving the image source of a code. Use `loadCountryFlag` from `maz-ui/country-flags` for the flags of `@maz-ui/icons`. Can be set for the whole app with the `defaults.global.flagSrc` option of the MazUi plugin.","required":false,"default":"undefined (flags from flagcdn.com)","strictValues":false},{"name":"disabled","type":"boolean","description":"Make the input disabled","required":false,"default":"false","strictValues":false},{"name":"required","type":"boolean","description":"Make the input required","required":false,"default":"false","strictValues":false},{"name":"example","type":"boolean","description":"Show the phone number example","required":false,"default":"true","strictValues":false},{"name":"search","type":"boolean","description":"Disable search input in country list","required":false,"default":"true","strictValues":false},{"name":"searchThreshold","type":"number","description":"Threshold of the search input in country list where 1 is a perfect match and 0 is a match with any character","required":false,"default":"0.75","strictValues":false},{"name":"useBrowserLocale","type":"boolean","description":"If true, the browser locale will be used","required":false,"default":"true","strictValues":false},{"name":"fetchCountry","type":"boolean","description":"The component will make a request (https://ipwho.is) to get the location of the user and use it to set the default country code","required":false,"default":"false","strictValues":false},{"name":"hideCountrySelect","type":"boolean","description":"Hide the country selector","required":false,"default":"false","strictValues":false},{"name":"showCodeInList","type":"boolean","description":"Show country calling code in the country list","required":false,"default":"false","strictValues":false},{"name":"customCountriesList","type":"Record<CountryCode, string>","description":"Replace country names","required":false,"strictValues":false},{"name":"autoFormat","type":"false | \"disabled\" | \"blur\" | \"typing\"","description":"Disabled auto-format when phone is valid","required":false,"default":"\"blur\"","values":["disabled","blur","typing"],"strictValues":false},{"name":"countryLocale","type":"string","description":"Locale of country list","required":false,"strictValues":false},{"name":"validationError","type":"boolean","description":"Disable validation error UI","required":false,"default":"true","strictValues":false},{"name":"validationSuccess","type":"boolean","description":"Disable validation success UI","required":false,"default":"true","strictValues":false},{"name":"success","type":"boolean","description":"Add success UI","required":false,"default":"false","strictValues":false},{"name":"error","type":"boolean","description":"Add error UI","required":false,"default":"false","strictValues":false},{"name":"warning","type":"boolean","description":"Add warning UI","required":false,"default":"false","strictValues":false},{"name":"displayCountryName","type":"boolean","description":"Will replace the calling code by the country name in the country selector","required":false,"default":"false","strictValues":false},{"name":"block","type":"boolean","description":"The input will be displayed in full width","required":false,"default":"false","strictValues":false},{"name":"orientation","type":"\"row\" | \"col\" | \"responsive\"","description":"Orientation of the inputs in the component","required":false,"default":"\"responsive\"","values":["row","col","responsive"],"strictValues":true},{"name":"countrySelectAttributes","type":"Record<string, unknown>","description":"Meta attributes of the country input","required":false,"default":"{ name: \"country\", autocomplete: \"off\", style: { width: \"14rem\", }, }","strictValues":false},{"name":"phoneInputAttributes","type":"(Record<string, unknown> & { name: string; inputmode: \"text\" | \"none\" | \"search\" | \"url\" | \"email\" | \"tel\" | \"numeric\" | \"decimal\" | undefined; autocomplete: string; })","description":"Meta attributes of the phone number input","required":false,"default":"{ name: \"phone\", autocomplete: \"tel\", inputmode: \"tel\", }","strictValues":false},{"name":"assistiveText","type":"string","description":"Helper text displayed below the input to provide additional context or validation feedback","required":false,"strictValues":false},{"name":"hint","type":"string","description":"Alternative text that replaces the label when provided. Useful for contextual hints","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: string | null | undefined","description":"Emitted when country or phone number changes"},{"name":"data","payload":"results: MazInputPhoneNumberData","description":"Emitted when country or phone number changes"},{"name":"country-code","payload":"countryCode?: CountryCode | null | undefined","description":"Emitted when selected country changes"},{"name":"update:country-code","payload":"countryCode?: CountryCode | null | undefined","description":"Emitted when country changes"}],"slots":[{"name":"no-results","bindings":[],"description":"Replace the \"no results\" icon in the country selector list"},{"name":"selector-flag","bindings":[{"name":"countryCode","type":"CountryCode","description":"current selected country code Ex: `\"FR\"`"}],"description":"Country selector flag"},{"name":"country-list-flag","bindings":[{"name":"countryCode","type":"CountryCode","description":"country code of option Ex: `\"FR\"`"},{"name":"option","type":"CountryOption","description":"country data"},{"name":"isSelected","type":"boolean","description":"`true` if option is selected"}],"description":"Country list flag"}],"expose":[]},{"name":"MazInputPrice","docId":"components/maz-input-price","import":"import MazInputPrice from 'maz-ui/components/MazInputPrice'","props":[{"name":"modelValue","type":"number","description":"The value of the input","required":false,"strictValues":false,"model":"modelValue"},{"name":"currency","type":"string","description":"The currency to use","required":false,"default":"\"EUR\"","strictValues":false},{"name":"locale","type":"string","description":"The locale to use","required":false,"default":"\"fr-FR\"","strictValues":false},{"name":"min","type":"number","description":"The minimum value that the input can accept","required":false,"default":"Number.NEGATIVE_INFINITY","strictValues":false},{"name":"max","type":"number","description":"The maximum value that the input can accept","required":false,"default":"Number.POSITIVE_INFINITY","strictValues":false},{"name":"noIcon","type":"boolean","description":"The input will be displayed without icon","required":false,"default":"false","strictValues":false},{"name":"block","type":"boolean","description":"The input will be displayed in full width","required":false,"strictValues":false},{"name":"error","type":"boolean","description":"Will display the input in error state.","required":false,"strictValues":false},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false},{"name":"success","type":"boolean","description":"Will display the input in success state.","required":false,"strictValues":false},{"name":"warning","type":"boolean","description":"Will display the input in warning state.","required":false,"strictValues":false},{"name":"currencyOptions","type":"Omit<FilterCurrencyOptions, \"currency\">","description":"Options for the currency helper - [see](https://maz-ui.com/ecosystem/utils/currency)","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: number | undefined"},{"name":"blur","payload":"value: Event"},{"name":"focus","payload":"value: Event"},{"name":"input","payload":"value: number | undefined"},{"name":"formatted","payload":"value: string | undefined"}],"slots":[],"expose":[]},{"name":"MazInputTags","docId":"components/maz-input-tags","import":"import MazInputTags from 'maz-ui/components/MazInputTags'","props":[{"name":"modelValue","type":"(string | number)[]","description":"The modelValue of the input","required":false,"strictValues":false,"model":"modelValue"},{"name":"placeholder","type":"string","description":"The placeholder of the input","required":false,"strictValues":false},{"name":"label","type":"string","description":"The label of the input","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"Disable the input","required":false,"default":"false","strictValues":false},{"name":"error","type":"boolean","description":"Display the input with error style","required":false,"default":"false","strictValues":false},{"name":"success","type":"boolean","description":"Display the input with success style","required":false,"default":"false","strictValues":false},{"name":"warning","type":"boolean","description":"Display the input with warning style","required":false,"default":"false","strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"The size of the input","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the input","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"block","type":"boolean","description":"The input will be displayed in full width","required":false,"strictValues":false},{"name":"addTagsOnBlur","type":"boolean","description":"Add tags on blur","required":false,"default":"true","strictValues":false},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value?: (string | number)[] | undefined"}],"slots":[],"expose":[]},{"name":"MazLazyImg","docId":"components/maz-lazy-img","import":"import MazLazyImg from 'maz-ui/components/MazLazyImg'","props":[{"name":"src","type":"MazImage | null","description":"The source of the image","required":false,"strictValues":false},{"name":"alt","type":"string","description":"The alt of the image","required":false,"strictValues":false},{"name":"hideLoader","type":"boolean","description":"Remove the loader","required":false,"strictValues":false},{"name":"observerOnce","type":"boolean","description":"Remove the observer once the image is loaded","required":false,"default":"true","strictValues":false},{"name":"loadOnce","type":"boolean","description":"Remove the observer once the image is loaded","required":false,"strictValues":false},{"name":"imageHeightFull","type":"boolean","description":"Make the image height full","required":false,"strictValues":false},{"name":"observerOptions","type":"{ root?: HTMLElement | null | undefined; threshold: number; rootMargin?: string | undefined; }","description":"The options of the observer","required":false,"strictValues":false},{"name":"fallbackSrc","type":"string","description":"The fallback src to replace the src on loading error","required":false,"strictValues":false},{"name":"imgClass","type":"ClassValue","description":"The classes of the image element","required":false,"strictValues":false},{"name":"block","type":"boolean","description":"The image will be displayed in full width","required":false,"strictValues":false}],"events":[{"name":"intersecting","payload":"el: Element","description":"Emitted when the image is intersecting"},{"name":"loading","payload":"el: Element","description":"Emitted when the image is loading"},{"name":"loaded","payload":"el: Element","description":"Emitted when the image is loaded"},{"name":"error","payload":"el: Element","description":"Emitted when the image is in error"}],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazLink","docId":"components/maz-link","import":"import MazLink from 'maz-ui/components/MazLink'","props":[{"name":"as","type":"string","description":"The component to use for the link - if not provided, it will be `router-link` or `nuxt-link` if `to` is provided, will be `a` if `href` is provided, otherwise it will be `button`, you can force the component to be used with `as` prop","required":false,"default":"depends on the provided props","values":["router-link","nuxt-link","button"],"strictValues":false},{"name":"id","type":"string","description":"The id of the link","required":false,"strictValues":false},{"name":"title","type":"string","description":"The title of the link","required":false,"strictValues":false},{"name":"href","type":"string","description":"The href of the link","required":false,"strictValues":false},{"name":"to","type":"string | et | X","description":"The route location (router-link) of the link","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\" | \"surface\" | \"muted\" | \"inherit\"","description":"The color of the link","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent","surface","muted","inherit"],"strictValues":true},{"name":"target","type":"string","description":"The target of the link","required":false,"default":"\"_self\"","values":["_blank","_self","_parent","_top"],"strictValues":false},{"name":"download","type":"string","description":"The download of the link","required":false,"strictValues":false},{"name":"rel","type":"string","description":"The rel of the link","required":false,"strictValues":false},{"name":"ariaLabel","type":"string","description":"The aria-label of the link (or of the button)","required":false,"strictValues":false},{"name":"underline","type":"boolean","description":"Add an underline to the link","required":false,"default":"false","strictValues":false},{"name":"underlineHover","type":"boolean","description":"Add an underline only on hover","required":false,"default":"true","strictValues":false},{"name":"autoExternal","type":"boolean","description":"Add an external icon to the link if target is '_blank'","required":false,"default":"true","strictValues":false},{"name":"startIcon","type":"MazIconLike","description":"Icon displayed on the inline-start edge (left in LTR, right in RTL). Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) or a full `MazIconProps` object for fine-grained control.","required":false,"strictValues":false},{"name":"endIcon","type":"MazIconLike","description":"Icon displayed on the inline-end edge (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object.","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"The disabled state of the link if the component is a button","required":false,"default":"false","strictValues":false}],"events":[],"slots":[{"name":"start-icon","bindings":[],"description":"The icon to display on the inline-start edge of the text (left in LTR, right in RTL)"},{"name":"default","bindings":[],"description":"Text of the link"},{"name":"end-icon","bindings":[],"description":"The icon to display on the inline-end edge of the text (right in LTR, left in RTL)"},{"name":"external-icon","bindings":[],"description":"Replace the default external icon"}],"expose":[]},{"name":"MazLoadingBar","docId":"components/maz-loading-bar","import":"import MazLoadingBar from 'maz-ui/components/MazLoadingBar'","props":[{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the component.","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"height","type":"string","description":"The height of the component.","required":false,"strictValues":false}],"events":[],"slots":[],"expose":[]},{"name":"MazMarkdownEditor","docId":"components/maz-markdown-editor","import":"import MazMarkdownEditor from 'maz-ui/components/MazMarkdownEditor'","props":[{"name":"modelValue","type":"string","description":"The markdown value of the editor","required":false,"strictValues":false,"model":"modelValue"},{"name":"id","type":"string","description":"The id of the textarea","required":false,"strictValues":false},{"name":"name","type":"string","description":"The name of the textarea","required":false,"default":"\"MazMarkdownEditor\"","strictValues":false},{"name":"label","type":"string","description":"Static label displayed above the editor","required":false,"strictValues":false},{"name":"placeholder","type":"string","description":"The placeholder of the textarea","required":false,"strictValues":false},{"name":"required","type":"boolean","description":"If the editor is required","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"If the editor is disabled","required":false,"default":"false","strictValues":false},{"name":"readonly","type":"boolean","description":"If the editor is readonly","required":false,"default":"false","strictValues":false},{"name":"error","type":"boolean","description":"If the editor has an error","required":false,"default":"false","strictValues":false},{"name":"success","type":"boolean","description":"If the editor has a success","required":false,"default":"false","strictValues":false},{"name":"warning","type":"boolean","description":"If the editor has a warning","required":false,"default":"false","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the editor","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"roundedSize","type":"MazRoundedSize","description":"Size radius of the component's border","required":false,"default":"'md'","strictValues":false},{"name":"topLabel","type":"string","description":"Static label displayed above the editor. Unlike a floating label, this remains fixed","required":false,"strictValues":false},{"name":"assistiveText","type":"string","description":"Helper text displayed below the editor to provide additional context or validation feedback","required":false,"strictValues":false},{"name":"toolbar","type":"boolean | MazMarkdownEditorToolbarAction[]","description":"Show the formatting toolbar. Pass `true` for the full toolbar, or an ordered array of action keys to display only a subset (and control their order).","required":false,"default":"false","strictValues":false},{"name":"lineNumbers","type":"boolean","description":"Display line numbers in a gutter on the left of the editor","required":false,"default":"false","strictValues":false},{"name":"shortcuts","type":"boolean","description":"Enable keyboard shortcuts for the toolbar actions (e.g. Cmd/Ctrl+B for bold).","required":false,"default":"true","strictValues":false},{"name":"sanitize","type":"boolean","description":"Sanitize the rendered preview HTML with DOMPurify","required":false,"default":"true","strictValues":false},{"name":"renderFunction","type":"((markdown: string) => string | Promise<string>)","description":"Custom markdown renderer. Receives the raw markdown and returns an HTML string (sync or async). Falls back to `marked` when omitted. The result is still sanitized when `sanitize` is enabled.","required":false,"strictValues":false},{"name":"markedOptions","type":"Record<string, unknown>","description":"Options forwarded to `marked` when using the default renderer","required":false,"strictValues":false},{"name":"rows","type":"number","description":"Minimum number of visible rows of the editor textarea","required":false,"default":"6","strictValues":false},{"name":"translations","type":"{ write?: string | undefined; preview?: string | undefined; split?: string | undefined; emptyPreview?: string | undefined; toolbar?: { heading?: string | undefined; bold?: string | undefined; italic?: string | undefined; strikethrough?: ...","description":"Custom translations for the component. Override any key independently.","required":false,"strictValues":false},{"name":"mode","type":"MazMarkdownEditorMode","required":false,"default":"\"write\"","strictValues":false,"model":"mode"}],"events":[{"name":"update:model-value","payload":"value?: string | undefined","description":"Emitted when the markdown value changes"},{"name":"blur","payload":"value: FocusEvent","description":"Emitted when the textarea is blurred"},{"name":"change","payload":"value: Event","description":"Emitted when the textarea value changes"},{"name":"focus","payload":"value: FocusEvent","description":"Emitted when the textarea is focused"},{"name":"input","payload":"value?: string | undefined","description":"Emitted when the markdown value changes"},{"name":"update:mode","payload":"value: MazMarkdownEditorMode"}],"slots":[{"name":"label","description":"Replace the static label above the editor","bindings":[]},{"name":"toolbar","description":"Replace the toolbar content (only rendered when the toolbar is enabled and not in preview mode)","bindings":[{"name":"mode","type":"MazMarkdownEditorMode","description":"The current editor mode"},{"name":"wrapSelection","type":"(before: string, after?: string) => void","description":"Wrap the current selection with the given markers"},{"name":"prefixLines","type":"(prefix: string) => void","description":"Prefix every selected line with the given string"},{"name":"applyHeading","type":"(level: number) => void","description":"Apply a heading of the given level to the selected lines"},{"name":"insertLink","type":"() => void","description":"Insert a markdown link at the selection"},{"name":"insertImage","type":"() => void","description":"Insert a markdown image at the selection"},{"name":"insertCodeBlock","type":"() => void","description":"Insert a fenced code block at the selection"},{"name":"insertTable","type":"() => void","description":"Insert a markdown table at the selection"}]},{"name":"empty-preview","description":"Content displayed in the preview pane when there is nothing to render","bindings":[]}],"expose":[{"name":"textarea","description":"The underlying textarea element"},{"name":"renderPreview","description":"Programmatically re-render the markdown preview"},{"name":"focus","description":"Focus the editor textarea"}]},{"name":"MazPagination","docId":"components/maz-pagination","import":"import MazPagination from 'maz-ui/components/MazPagination'","props":[{"name":"modelValue","type":"number","description":"The current page number.","required":false,"default":"1","strictValues":false,"model":"modelValue"},{"name":"buttonProps","type":"Partial<MazBtnProps>","description":"Props apply to the MazBtn components.","required":false,"strictValues":false},{"name":"activeColor","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\" | \"surface\"","description":"Color of the active button.","required":false,"default":"\"surface\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent","surface"],"strictValues":true},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the buttons.","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"totalPages","type":"number","description":"Total number of pages.","required":true,"default":"10","strictValues":false},{"name":"pageRange","type":"number","description":"Number of buttons to display before and after the current page.","required":false,"default":"1","strictValues":false},{"name":"loading","type":"boolean","description":"Enable loading state of current button","required":false,"default":"false","strictValues":false}],"events":[{"name":"update:model-value","payload":"value: number"}],"slots":[{"name":"first-page-sr","bindings":[{"name":"page","type":"number","description":"first page number"}],"description":"Accessible text for screen reader of the previous page button"},{"name":"previous-page-sr","bindings":[{"name":"page","type":"number","description":"previous page number"}],"description":"Accessible text for screen reader of the first page button"},{"name":"page-sr","bindings":[{"name":"page","type":"number","description":"current page number"}],"description":"Accessible text for screen reader of the current page button"},{"name":"next-page-sr","bindings":[{"name":"page","type":"number","description":"next page number"}],"description":"Accessible text for screen reader of the next page button"},{"name":"last-page-sr","bindings":[{"name":"page","type":"number","description":"last page number"}],"description":"Accessible text for screen reader of the last page button"}],"expose":[]},{"name":"MazPopover","docId":"components/maz-popover","import":"import MazPopover from 'maz-ui/components/MazPopover'","props":[{"name":"modelValue","type":"boolean","description":"Controls the popover open state","required":false,"default":"false","strictValues":false,"model":"modelValue"},{"name":"position","type":"MazPopoverPosition","description":"Position of the popover relative to trigger - Position of the popover relative to trigger","required":false,"default":"\"auto\"","values":["auto","top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"],"strictValues":false},{"name":"preferPosition","type":"MazPopoverPreferPosition","description":"Preferred position of the popover relative to trigger when auto position is used - Preferred position of the popover relative to trigger","required":false,"default":"'bottom-start'","values":["auto","top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"],"strictValues":false},{"name":"fallbackPosition","type":"MazPopoverFallbackPosition","description":"Fallback position of the popover relative to trigger when prefer position is not visible - Fallback position of the popover relative to trigger","required":false,"default":"auto","values":["auto","top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"],"strictValues":false},{"name":"trigger","type":"MazPopoverTrigger","description":"How the popover is triggered - How the popover is triggered. 'adaptive' uses hover on desktop and click on mobile","required":false,"default":"\"click\"","values":["click","hover","manual","adaptive"],"strictValues":false},{"name":"role","type":"MazPopoverRole","description":"ARIA role for accessibility - ARIA role for accessibility","required":false,"default":"\"dialog\"","values":["dialog","tooltip"],"strictValues":false},{"name":"ariaLabel","type":"string","description":"ARIA label for the popover","required":false,"strictValues":false},{"name":"announceChanges","type":"boolean","description":"Announce content changes to screen readers","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"Disables the popover - Disables the popover","required":false,"default":"false","strictValues":false},{"name":"offset","type":"number","description":"Distance between trigger and popover in pixels","required":false,"default":"8","strictValues":false},{"name":"delay","type":"number","description":"Delay before showing/hiding in milliseconds","required":false,"default":"0","strictValues":false},{"name":"hoverDelay","type":"number","description":"Delay before closing on hover in milliseconds","required":false,"default":"150","strictValues":false},{"name":"transition","type":"string","description":"CSS transition name for animations - 'scale-pop' | 'scale-fade' for default transitions. 'scale-pop' is a pop effect, 'scale-fade' is a fade effect.","required":false,"default":"\"scale-pop\"","values":["scale-pop","scale-fade","string"],"strictValues":false},{"name":"teleportTo","type":"string","description":"Teleport target selector","required":false,"default":"\"body\"","strictValues":false},{"name":"overlayClass","type":"ClassValue","description":"Additional CSS classes for the overlay wrapper","required":false,"strictValues":false},{"name":"panelClass","type":"ClassValue","description":"Additional CSS classes for the popover panel","required":false,"strictValues":false},{"name":"panelStyle","type":"StyleValue","description":"Inline styles for the popover panel","required":false,"strictValues":false},{"name":"closeOnClickOutside","type":"boolean","description":"Close popover when clicking outside","required":false,"default":"true","strictValues":false},{"name":"closeOnEscape","type":"boolean","description":"Close popover when pressing Escape key","required":false,"default":"true","strictValues":false},{"name":"persistent","type":"boolean","description":"Prevent auto-close (ignores click outside and escape key)","required":false,"default":"false","strictValues":false},{"name":"id","type":"string","description":"Custom ID for the popover element","required":false,"strictValues":false},{"name":"ariaLabelledby","type":"string","description":"ARIA labelledby attribute for accessibility","required":false,"strictValues":false},{"name":"ariaDescribedby","type":"string","description":"ARIA describedby attribute for accessibility","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\" | \"surface\"","description":"Color variant of the popover","required":false,"default":"\"surface\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent","surface"],"strictValues":true},{"name":"trapFocus","type":"boolean","description":"Trap focus inside the popover","required":false,"default":"true","strictValues":false},{"name":"keepOpenOnHover","type":"boolean","description":"Keep popover open when hovering over the panel","required":false,"default":"false","strictValues":false},{"name":"block","type":"boolean","description":"The popover will be full width of the trigger","required":false,"default":"false","strictValues":false},{"name":"positionReference","type":"string | HTMLElement","description":"CSS selector or element reference to use for positioning calculations - When provided, the popover will position relative to this element instead of the trigger Useful for components with labels where you want to position relative to the actual input","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: boolean","description":"Emitted when popover state changes"},{"name":"open","description":"Emitted when popover opens"},{"name":"close","description":"Emitted when popover closes"},{"name":"toggle","payload":"value: boolean","description":"Emitted when popover toggles"},{"name":"update:modelValue","payload":"value: boolean"},{"name":"after-close-animation","description":"Emitted after the close animation"}],"slots":[{"name":"trigger","bindings":[{"name":"open","type":"() => void","description":"Function to open the popover"},{"name":"close","type":"() => void","description":"Function to close the popover"},{"name":"toggle","type":"() => void","description":"Function to toggle the popover"},{"name":"isOpen","type":"boolean","description":"Current open state of the popover"},{"name":"trigger","type":"\"click\" | \"hover\" | \"manual\"","description":"The trigger type"}],"description":"Trigger element content"},{"name":"default","bindings":[{"name":"open","type":"() => void","description":"Function to open the popover"},{"name":"close","type":"() => void","description":"Function to close the popover"},{"name":"toggle","type":"() => void","description":"Function to toggle the popover"},{"name":"isOpen","type":"true","description":"Current open state of the popover"}],"description":"Popover content"}],"expose":[{"name":"open","description":"Open the popover"},{"name":"close","description":"Close the popover"},{"name":"toggle","description":"Toggle the popover"},{"name":"isOpen","description":"Check if the popover is open"},{"name":"updatePosition","description":"Update the popover position"},{"name":"panelRef","description":"Panel reference"},{"name":"onTransitionAfterLeave"}]},{"name":"MazPullToRefresh","docId":"components/maz-pull-to-refresh","import":"import MazPullToRefresh from 'maz-ui/components/MazPullToRefresh'","props":[{"name":"onRefresh","type":"(() => unknown)","description":"Function called when the user releases after pulling far enough. The spinner stays visible until the returned promise settles. Without it, the component does nothing.","required":false,"strictValues":false},{"name":"distance","type":"number","description":"Pull distance (in px, after resistance) required to trigger a refresh","required":false,"default":"80","strictValues":false},{"name":"maxDistance","type":"number","description":"Maximum pull distance (in px), reached with a rubber band effect beyond `distance`","required":false,"default":"distance * 1.6","strictValues":false},{"name":"resistance","type":"number","description":"Ratio between the finger movement and the pull distance, between 0 and 1. Lower is stiffer.","required":false,"default":"0.5","strictValues":false},{"name":"minDuration","type":"number","description":"Minimum duration (in ms) of the refreshing state, so the feedback stays visible on fast refreshes","required":false,"default":"400","strictValues":false},{"name":"containerSelector","type":"string","description":"CSS selector of the scroll container. By default, the closest scrollable ancestor of the component, or the window. The pull only starts when this container is scrolled to the top.","required":false,"strictValues":false},{"name":"headerClass","type":"ClassValue","description":"Class of the header that holds the indicator","required":false,"strictValues":false},{"name":"spinnerColor","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Color of the progress ring and the spinner","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"disabled","type":"boolean","description":"Disable the pull to refresh","required":false,"default":"false","strictValues":false},{"name":"standaloneMode","type":"boolean","description":"Only enable the pull to refresh when the app runs as an installed PWA (standalone display mode), browsers already provide their own pull to refresh","required":false,"default":"false","strictValues":false},{"name":"haptic","type":"boolean","description":"Vibrate briefly when the pull reaches `distance` (devices supporting `navigator.vibrate`)","required":false,"default":"true","strictValues":false},{"name":"translations","type":"{ pull?: string | undefined; release?: string | undefined; refreshing?: string | undefined; }","description":"Translations of the pull to refresh","required":false,"default":"Translations from","strictValues":false},{"name":"offset","type":"number","required":false,"strictValues":false}],"events":[{"name":"loaded","description":"Emitted when `onRefresh` resolved"},{"name":"error","payload":"error: unknown","description":"Emitted when `onRefresh` threw or rejected"},{"name":"start","description":"Emitted when the refresh starts"},{"name":"response","payload":"response: unknown","description":"Emitted with the value resolved by `onRefresh`"},{"name":"finish","description":"Emitted when the refresh ends, after `loaded` or `error`"}],"slots":[{"name":"pull-before","description":"Content shown while pulling, before the threshold","bindings":[{"name":"progress","type":"number"},{"name":"distance","type":"number"}]},{"name":"pull-ready","description":"Content shown once releasing triggers a refresh","bindings":[{"name":"progress","type":"number"},{"name":"distance","type":"number"}]},{"name":"pull-loading","description":"Content shown while refreshing","bindings":[{"name":"progress","type":"number"},{"name":"distance","type":"number"}]},{"name":"default","description":"Content of the page","bindings":[]}],"expose":[{"name":"refresh","description":"Run the refresh programmatically (a \"refresh\" button for keyboard and mouse users)"},{"name":"isRefreshing","description":"`onRefresh` is running"},{"name":"progress","description":"Pull progress towards `distance`, from 0 to 1"}]},{"name":"MazRadio","docId":"components/maz-radio","import":"import MazRadio from 'maz-ui/components/MazRadio'","props":[{"name":"id","type":"string","description":"The id of the radio","required":false,"strictValues":false},{"name":"modelValue","type":"T","description":"The value of the radio","required":false,"strictValues":false,"model":"modelValue"},{"name":"value","type":"T","description":"The value of the radio","required":true,"strictValues":false},{"name":"name","type":"string","description":"The name of the radio","required":true,"strictValues":false},{"name":"label","type":"string","description":"The label of the radio","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the radio","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"The size of the radio","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"disabled","type":"boolean","description":"The disabled state of the radio","required":false,"default":"false","strictValues":false},{"name":"error","type":"boolean","description":"Whether there is an error with the input.","required":false,"strictValues":false},{"name":"success","type":"boolean","description":"Whether the input is successful.","required":false,"strictValues":false},{"name":"warning","type":"boolean","description":"Whether there is a warning with the input.","required":false,"strictValues":false},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: T","description":"Event emitted when value change"},{"name":"blur","payload":"value: FocusEvent","description":"Emitted when the radio lost focus"},{"name":"change","payload":"value: T","description":"Event emitted when value change"},{"name":"focus","payload":"value: FocusEvent","description":"Emitted when the radio is focused"}],"slots":[{"name":"default","bindings":[{"name":"isSelected","type":"boolean"},{"name":"value","type":"T"}]}],"expose":[]},{"name":"MazRadioButtons","docId":"components/maz-radio-buttons","import":"import MazRadioButtons from 'maz-ui/components/MazRadioButtons'","props":[{"name":"modelValue","type":"T","description":"The value of the selected option","required":false,"strictValues":false,"model":"modelValue"},{"name":"options","type":"Option[]","description":"The options to display","required":true,"strictValues":false},{"name":"name","type":"string","description":"The name of the radio group","required":false,"default":"a unique name per instance","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\" | \"surface\"","description":"The color of the selected radio buttons","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent","surface"],"strictValues":true},{"name":"elevation","type":"boolean","description":"Add elevation to the radio buttons","required":false,"default":"false","strictValues":false},{"name":"orientation","type":"\"row\" | \"col\"","description":"The orientation of the radio buttons","required":false,"default":"\"row\"","values":["row","col"],"strictValues":true},{"name":"wrap","type":"boolean","description":"Disable the wrap of the radio buttons","required":false,"default":"true","strictValues":false},{"name":"equalSize","type":"boolean","description":"Make all radio buttons the same size","required":false,"default":"false","strictValues":false},{"name":"selector","type":"boolean","description":"Display a selector icon","required":false,"default":"false","strictValues":false},{"name":"block","type":"boolean","description":"The component will be displayed in full width","required":false,"default":"false","strictValues":false},{"name":"error","type":"boolean","description":"Whether there is an error with the input.","required":false,"strictValues":false},{"name":"success","type":"boolean","description":"Whether the input is successful.","required":false,"strictValues":false},{"name":"warning","type":"boolean","description":"Whether there is a warning with the input.","required":false,"strictValues":false},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"The size of the radio buttons","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true}],"events":[{"name":"update:model-value","payload":"value: Option[\"value\"]","description":"Emitted when the selected option change"},{"name":"blur","payload":"value: FocusEvent","description":"Emitted when the a radio button lost focus"},{"name":"change","payload":"value: Option[\"value\"]","description":"Emitted when the selected option change"},{"name":"focus","payload":"value: FocusEvent","description":"Emitted when the a radio button is focused"}],"slots":[{"name":"default","bindings":[{"name":"option","type":"Option","description":"The value of the option"},{"name":"selected","type":"boolean","description":"If the option is selected"}],"description":"Label of the radio"}],"expose":[]},{"name":"MazReadMore","docId":"components/maz-read-more","import":"import MazReadMore from 'maz-ui/components/MazReadMore'","props":[{"name":"text","type":"string","description":"The text to be truncated.","required":false,"strictValues":false},{"name":"maxLines","type":"number","description":"The maximum number of lines to be displayed.","required":false,"default":"4","strictValues":false},{"name":"maxChars","type":"number","description":"The maximum number of characters to be displayed.","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\" | \"surface\" | \"muted\" | \"inherit\"","description":"The color of the link (MazLink).","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent","surface","muted","inherit"],"strictValues":true},{"name":"collapseText","type":"string","description":"The text of the link when the content is collapsed.","required":false,"default":"'readMore.collapse' (translations)","strictValues":false},{"name":"expandText","type":"string","description":"The text of the link when the content is expanded.","required":false,"default":"'readMore.expand' (translations)","strictValues":false},{"name":"id","type":"string","description":"Unique identifier for accessibility linking.","required":false,"strictValues":false},{"name":"ariaLabel","type":"string","description":"Accessibility label for the content region.","required":false,"default":"'readMore.ariaLabel' (translations)","strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazReadingProgressBar","docId":"components/maz-reading-progress-bar","import":"import MazReadingProgressBar from 'maz-ui/components/MazReadingProgressBar'","props":[{"name":"height","type":"string","description":"Height of the progress bar","required":false,"default":"\"4px\"","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Color of the progress bar","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"teleportSelector","type":"string","description":"Selector of the element to teleport the progress bar","required":false,"default":"\"body\"","strictValues":false},{"name":"contentSelector","type":"string","description":"Selector of the element to get the height","required":false,"default":"\"body\"","strictValues":false},{"name":"offset","type":"number","description":"Offset of the progress bar","required":false,"default":"0","strictValues":false},{"name":"barClass","type":"ClassValue","description":"Class of the progress bar","required":false,"strictValues":false},{"name":"distance","type":"number","description":"Instead of using the height of the content with a selector, you can set a scroll distance","required":false,"strictValues":false}],"events":[{"name":"begin"},{"name":"complete"}],"slots":[],"expose":[]},{"name":"MazSelect","docId":"components/maz-select","import":"import MazSelect from 'maz-ui/components/MazSelect'","props":[{"name":"id","type":"string","description":"The id of the select","required":false,"strictValues":false},{"name":"label","type":"string","description":"The label of the select","required":false,"strictValues":false},{"name":"topLabel","type":"string","description":"Static label displayed above the input field. Unlike the floating label, this remains fixed","required":false,"strictValues":false},{"name":"placeholder","type":"string","description":"The placeholder of the select","required":false,"strictValues":false},{"name":"modelValue","type":"(Multiple extends true ? Value[] : Value)","description":"The value of the select","required":false,"strictValues":false,"model":"modelValue"},{"name":"options","type":"Option[]","description":"The options of the select","required":true,"strictValues":false},{"name":"optionValueKey","type":"string","description":"The key of the option value","required":false,"default":"\"value\"","strictValues":false},{"name":"optionLabelKey","type":"string","description":"The key of the option label","required":false,"default":"\"label\"","strictValues":false},{"name":"optionInputValueKey","type":"string","description":"The key of the option input value","required":false,"default":"\"label\"","strictValues":false},{"name":"listPosition","type":"MazPopoverPosition","description":"The position of the list (auto by default - will switch between bottom-start and top-start)","required":false,"default":"\"auto\"","strictValues":false},{"name":"preferPosition","type":"MazPopoverPreferPosition","description":"The prefer position of the list","required":false,"default":"\"bottom-start\"","strictValues":false},{"name":"fallbackPosition","type":"MazPopoverFallbackPosition","description":"The fallback position of the list","required":false,"default":"\"top-start\"","strictValues":false},{"name":"itemHeight","type":"number","description":"The height of the option list item","required":false,"strictValues":false},{"name":"maxListHeight","type":"number","description":"The max height of the option list","required":false,"default":"240","strictValues":false},{"name":"maxListWidth","type":"number","description":"The max width of the option list","required":false,"strictValues":false},{"name":"minListHeight","type":"number","description":"The min height of the option list","required":false,"strictValues":false},{"name":"minListWidth","type":"number","description":"The min width of the option list","required":false,"strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"The size of the select","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the select","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"search","type":"boolean","description":"Display search input in option list","required":false,"strictValues":false},{"name":"searchFunction","type":"((query: string, options: Option[]) => Option[] | undefined)","description":"Replace the default search function to provide a custom search function","required":false,"strictValues":false},{"name":"searchThreshold","type":"number","description":"The threshold for the search input where 1 is a perfect match and 0 is a match with any character","required":false,"default":"0.75","strictValues":false},{"name":"multiple","type":"Multiple","description":"Enable the multiple selection","required":false,"default":"false","strictValues":false},{"name":"required","type":"boolean","description":"Make the input required in the form","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"Disable the component","required":false,"strictValues":false},{"name":"block","type":"boolean","description":"The input will be displayed in full width","required":false,"strictValues":false},{"name":"autocomplete","type":"string","description":"The autocomplete attribute of the input","required":false,"default":"\"off\"","strictValues":false},{"name":"translations","type":"Partial<{ searchPlaceholder: string; }>","description":"The translations of the component","required":false,"default":"{ searchPlaceholder: 'Search in options', }","strictValues":false},{"name":"formatInputValue","type":"((value: Multiple extends true ? Value[] : Value) => string)","description":"The function to format the input value","required":false,"strictValues":false},{"name":"transition","type":"string","description":"The transition name of the panel list options","required":false,"default":"\"scale-fade\"","strictValues":false},{"name":"open","type":"boolean","required":false,"default":"false","strictValues":false,"model":"open"}],"events":[{"name":"update:model-value","payload":"value: Multiple extends true ? Value[] : Value","description":"On model value update, returns the new value"},{"name":"open","description":"On list is opened"},{"name":"close","description":"On list is closed"},{"name":"blur","payload":"value: Event","description":"On input blur"},{"name":"change","payload":"value: Event","description":"On input change value"},{"name":"focus","payload":"value?: Event | undefined","description":"On input focus"},{"name":"input","payload":"value: Event","description":"On input value"},{"name":"selected-option","payload":"value: Option","description":"On selected value, returns the option object"},{"name":"update:open","payload":"value: boolean"}],"slots":[{"name":"start-icon","bindings":[{"name":"isOpen","type":"false","description":"Current open state of the popover"},{"name":"close","type":"() => void","description":"Function to close the popover"},{"name":"open","type":"() => void","description":"Function to open the popover"},{"name":"toggle","type":"() => void","description":"Function to toggle the popover"}],"description":"Add a custom inline-start icon (left in LTR, right in RTL)"},{"name":"end-icon","bindings":[{"name":"isOpen","type":"false","description":"Current open state of the popover"},{"name":"close","type":"() => void","description":"Function to close the popover"},{"name":"open","type":"() => void","description":"Function to open the popover"},{"name":"toggle","type":"() => void","description":"Function to toggle the popover"}],"description":"Add and replace a custom inline-end icon (right in LTR, left in RTL)"},{"name":"no-results","bindings":[],"description":"No results slot - Displayed when no results corresponding with search query"},{"name":"optgroup","bindings":[{"name":"label","type":"string | number | true","description":"the label of the optgroup"}],"description":"Custom optgroup label"},{"name":"default","bindings":[{"name":"option","type":"Option","description":"the option object"},{"name":"isSelected","type":"boolean","description":"if the option is selected"},{"name":"isOpen","type":"false","description":"if the popover is open"},{"name":"close","type":"() => void","description":"function to close the popover"},{"name":"open","type":"() => void","description":"function to open the popover"},{"name":"toggle","type":"() => void","description":"function to toggle the popover"}],"description":"Custom option"}],"expose":[]},{"name":"MazSelectCountry","docId":"components/maz-select-country","import":"import MazSelectCountry from 'maz-ui/components/MazSelectCountry'","props":[{"name":"id","type":"string","description":"Id of the component","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Color of the component","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the component","required":false,"default":"md","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"preferredCodes","type":"Option[\"code\"][]","description":"Preferred countries to display","required":false,"strictValues":false},{"name":"ignoredCodes","type":"Option[\"code\"][]","description":"Ignored countries to display","required":false,"strictValues":false},{"name":"onlyCodes","type":"Option[\"code\"][]","description":"Only countries to display","required":false,"strictValues":false},{"name":"listPosition","type":"MazPopoverPosition","description":"Position of the list","required":false,"default":"'auto'","strictValues":false},{"name":"hideFlags","type":"boolean","description":"Hide flags","required":false,"strictValues":false},{"name":"flagSrc","type":"MazCountryFlagSrc","description":"Source of the flags, instead of the flagcdn.com CDN: - a URL template with the code, `{code}` (lowercase) or `{CODE}` (uppercase): `/flags/{code}.svg` - a function giving the image source of a code (URL or data URL), called when the flag becomes visible, or `undefined` to display the code in a badge Use `loadCountryFlag` from `maz-ui/country-flags` for the flags of `@maz-ui/icons`, without any request to a third party. Can be set for the whole app with the `defaults.global.flagSrc` option of the MazUi plugin.","required":false,"default":"undefined (flags from flagcdn.com)","strictValues":false},{"name":"search","type":"boolean","description":"Display search input in options list","required":false,"default":"true","strictValues":false},{"name":"showCodeInList","type":"boolean","description":"Show code on list","required":false,"default":"false","strictValues":false},{"name":"locale","type":"string","description":"Locale","required":false,"default":"locale defined within the maz-ui plugin or browser locale or en-US","strictValues":false},{"name":"success","type":"boolean","description":"Success state","required":false,"strictValues":false},{"name":"error","type":"boolean","description":"Error state","required":false,"strictValues":false},{"name":"warning","type":"boolean","description":"Warning state","required":false,"strictValues":false},{"name":"displayCode","type":"boolean","required":false,"strictValues":false},{"name":"searchThreshold","type":"number","description":"Search threshold","required":false,"default":"0.75","strictValues":false},{"name":"translations","type":"Partial<{ searchPlaceholder: string; }>","description":"Translations","required":false,"default":"MazUiTranslationsNestedSchema['selectCountry']","strictValues":false},{"name":"hint","type":"string","description":"Hint message displayed","required":false,"strictValues":false},{"name":"options","type":"Option[]","description":"Options","required":false,"strictValues":false},{"name":"displayNamesOptions","type":"DisplayNamesOptions","description":"Display name type","required":false,"default":"{ type: \"region\", languageDisplay: \"standard\", fallback: \"code\", style: \"long\" }","strictValues":false},{"name":"codesType","type":"CodesType","description":"Codes type","required":false,"default":"defined by displayNamesOptions.type (if 'region', 'country' is used, otherwise 'iso')","values":["iso","bcp","country","all"],"strictValues":false},{"name":"open","type":"boolean","description":"Open the select","required":false,"default":"false","strictValues":false},{"name":"modelValue","type":"Option[\"code\"]","description":"The value of the select","required":false,"strictValues":false,"model":"modelValue"},{"name":"block","type":"boolean","description":"The input will be displayed in full width","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"Disable the component","required":false,"strictValues":false},{"name":"required","type":"boolean","description":"Make the input required in the form","required":false,"strictValues":false},{"name":"label","type":"string","description":"The label of the select","required":false,"strictValues":false},{"name":"placeholder","type":"string","description":"The placeholder of the select","required":false,"strictValues":false},{"name":"searchFunction","type":"((query: string, options: Option[]) => Option[] | undefined)","description":"Replace the default search function to provide a custom search function","required":false,"strictValues":false},{"name":"transition","type":"string","description":"The transition name of the panel list options","required":false,"default":"'scale-fade'","strictValues":false},{"name":"preferPosition","type":"MazPopoverPreferPosition","description":"The prefer position of the list","required":false,"default":"'bottom-start'","strictValues":false},{"name":"fallbackPosition","type":"MazPopoverFallbackPosition","description":"The fallback position of the list","required":false,"default":"'top-start'","strictValues":false},{"name":"topLabel","type":"string","description":"Static label displayed above the input field. Unlike the floating label, this remains fixed","required":false,"strictValues":false},{"name":"autocomplete","type":"string","description":"The autocomplete attribute of the input","required":false,"default":"'off'","strictValues":false},{"name":"optionValueKey","type":"string","description":"The key of the option value","required":false,"default":"\"code\"","strictValues":false},{"name":"optionLabelKey","type":"string","description":"The key of the option label","required":false,"default":"\"name\"","strictValues":false},{"name":"optionInputValueKey","type":"string","description":"The key of the option input value","required":false,"default":"\"name\"","strictValues":false},{"name":"itemHeight","type":"number","description":"The height of the option list item","required":false,"strictValues":false},{"name":"maxListHeight","type":"number","description":"The max height of the option list","required":false,"default":"240","strictValues":false},{"name":"maxListWidth","type":"number","description":"The max width of the option list","required":false,"default":"250","strictValues":false},{"name":"minListHeight","type":"number","description":"The min height of the option list","required":false,"strictValues":false},{"name":"minListWidth","type":"number","description":"The min width of the option list","required":false,"default":"200","strictValues":false},{"name":"formatInputValue","type":"((value: Option[\"code\"]) => string)","description":"The function to format the input value","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value?: Option[\"code\"] | undefined","description":"Emitted when the model value changes"}],"slots":[{"name":"selector-flag","bindings":[{"name":"countryCode","type":"Option[\"code\"]","description":"current selected country code - Ex: `\"FR\"`"}],"description":"Country selector flag"},{"name":"no-results","bindings":[]},{"name":"country-list-flag","bindings":[{"name":"option","type":"Option","description":"country data"},{"name":"isSelected","type":"boolean","description":"`true` if option is selected"}],"description":"Country list flag"},{"name":"country-list-code","bindings":[{"name":"option","type":"Option"},{"name":"isSelected","type":"boolean"}]},{"name":"country-list-name","bindings":[{"name":"option","type":"Option"},{"name":"isSelected","type":"boolean"}]}],"expose":[]},{"name":"MazSidebar","docId":"components/maz-sidebar","import":"import MazSidebar from 'maz-ui/components/MazSidebar'","props":[{"name":"id","type":"string","description":"Unique identifier for the sidebar (auto-generated if not provided)","required":false,"strictValues":false},{"name":"open","type":"boolean","description":"Whether the sidebar is open","required":false,"default":"true","strictValues":false,"model":"open"},{"name":"side","type":"\"end\" | \"start\"","description":"Side of the sidebar","required":false,"default":"\"start\"","values":["end","start"],"strictValues":true},{"name":"collapsible","type":"\"icon\" | \"none\" | \"hover\" | \"offcanvas\"","description":"How the sidebar collapses - offcanvas: completely hidden - icon: only icons visible - hover: only icons visible by default, expands on mouse hover or keyboard focus (transient visual state - does not update `v-model:open` nor the persistence cookie) - none: always fully visible","required":false,"default":"\"offcanvas\"","values":["icon","none","hover","offcanvas"],"strictValues":true},{"name":"mode","type":"\"push\" | \"overlay\"","description":"How the sidebar affects layout - push: sidebar is in document flow - overlay: sidebar floats over content with a backdrop","required":false,"default":"\"push\"","values":["push","overlay"],"strictValues":true},{"name":"width","type":"string","description":"Width of the expanded sidebar","required":false,"default":"\"16rem\"","strictValues":false},{"name":"iconWidth","type":"string","description":"Width of the collapsed sidebar in icon mode","required":false,"default":"\"3rem\"","strictValues":false},{"name":"tooltipMode","type":"MazSidebarTooltipMode","description":"When descendant `MazSidebarMenuButton` components should display their tooltip. - `always`: tooltip shows on hover regardless of the sidebar state - `closed`: tooltip only shows on hover when the sidebar is collapsed Individual buttons can override this via their own `tooltipMode` prop.","required":false,"default":"\"closed\"","strictValues":false},{"name":"persist","type":"boolean","description":"Persist the open/collapsed state in a cookie so it survives reloads. Restoration happens on client mount (SSR-safe). For zero-flash SSR, read the cookie server-side and forward it via `v-model:open`.","required":false,"default":"true","strictValues":false},{"name":"persistKey","type":"string","description":"Cookie key used when `persist` is enabled. Set a unique key per sidebar instance if you mount several sidebars on the same site.","required":false,"default":"\"maz-sidebar-open\"","strictValues":false}],"events":[{"name":"update:open","payload":"value: boolean","description":"Emitted when open state changes"}],"slots":[{"name":"default","bindings":[]}],"expose":[{"name":"toggle"},{"name":"setOpen"}]},{"name":"MazSidebarContent","docId":"components/maz-sidebar-content","import":"import MazSidebarContent from 'maz-ui/components/MazSidebarContent'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazSidebarFooter","docId":"components/maz-sidebar-footer","import":"import MazSidebarFooter from 'maz-ui/components/MazSidebarFooter'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazSidebarGroup","docId":"components/maz-sidebar-group","import":"import MazSidebarGroup from 'maz-ui/components/MazSidebarGroup'","props":[{"name":"label","type":"string","description":"Optional label for the group","required":false,"strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[],"parent":"MazSidebar"},{"name":"MazSidebarHeader","docId":"components/maz-sidebar-header","import":"import MazSidebarHeader from 'maz-ui/components/MazSidebarHeader'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazSidebarMenu","docId":"components/maz-sidebar-menu","import":"import MazSidebarMenu from 'maz-ui/components/MazSidebarMenu'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazSidebarMenuButton","docId":"components/maz-sidebar-menu-button","import":"import MazSidebarMenuButton from 'maz-ui/components/MazSidebarMenuButton'","props":[{"name":"to","type":"string | Record<string, unknown>","description":"Route for router-link navigation","required":false,"strictValues":false},{"name":"href","type":"string","description":"URL for anchor navigation","required":false,"strictValues":false},{"name":"icon","type":"MazIconLike","description":"Icon to display before the label. Accepts a bare icon value (Vue component, raw SVG string, URL) or a full `MazIconProps` object for fine-grained control (size, title, fallback, …).","required":false,"strictValues":false},{"name":"label","type":"string","description":"Label text","required":false,"strictValues":false},{"name":"badge","type":"MazSidebarMenuButtonBadge","description":"Badge content. Pass a `string`/`number` for a simple primary badge, or a full `MazBadgeProps` object (with optional `text`) to customise color, size, outlined, …","required":false,"strictValues":false},{"name":"tooltip","type":"string","description":"Tooltip text. When provided, shows a tooltip on hover via the `v-tooltip` directive.","required":false,"strictValues":false},{"name":"tooltipMode","type":"MazSidebarTooltipMode","description":"Controls when the tooltip should be displayed. - `always`: tooltip shows on hover regardless of the sidebar state - `closed`: tooltip only shows on hover when the sidebar is collapsed Overrides the parent `MazSidebar`'s `tooltipMode`. Falls back to the sidebar value (which defaults to `always`) when not provided.","required":false,"strictValues":false},{"name":"active","type":"boolean","description":"Whether the item is active (highlights with `aria-current=\"page\"`)","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"Whether the item is disabled","required":false,"strictValues":false},{"name":"size","type":"\"sm\" | \"md\" | \"lg\"","description":"Size of the button","required":false,"default":"\"md\"","values":["sm","md","lg"],"strictValues":true}],"events":[{"name":"click","payload":"event: MouseEvent"}],"slots":[{"name":"icon","bindings":[]},{"name":"default","bindings":[]}],"expose":[],"parent":"MazSidebar"},{"name":"MazSidebarMenuItem","docId":"components/maz-sidebar-menu-item","import":"import MazSidebarMenuItem from 'maz-ui/components/MazSidebarMenuItem'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazSidebarMenuSub","docId":"components/maz-sidebar-menu-sub","import":"import MazSidebarMenuSub from 'maz-ui/components/MazSidebarMenuSub'","props":[{"name":"label","type":"string","description":"Label for the sub-menu trigger button","required":false,"strictValues":false},{"name":"icon","type":"MazIconLike","description":"Icon to display before the label. Accepts a bare icon value (Vue component, raw SVG string, URL) or a full `MazIconProps` object for fine-grained control.","required":false,"strictValues":false},{"name":"defaultOpen","type":"boolean","description":"Whether the sub-menu is open by default","required":false,"default":"false","strictValues":false}],"events":[],"slots":[{"name":"icon","bindings":[]},{"name":"label","bindings":[]},{"name":"chevron","bindings":[]},{"name":"default","bindings":[]}],"expose":[],"parent":"MazSidebar"},{"name":"MazSidebarSeparator","docId":"components/maz-sidebar-separator","import":"import MazSidebarSeparator from 'maz-ui/components/MazSidebarSeparator'","props":[],"events":[],"slots":[],"expose":[]},{"name":"MazSidebarTrigger","docId":"components/maz-sidebar-trigger","import":"import MazSidebarTrigger from 'maz-ui/components/MazSidebarTrigger'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazSkeleton","docId":"components/maz-skeleton","import":"import MazSkeleton from 'maz-ui/components/MazSkeleton'","props":[{"name":"shape","type":"\"square\" | \"circle\" | \"rectangle\"","description":"Skeleton shape type","required":false,"default":"\"rectangle\"","values":["square","circle","rectangle"],"strictValues":true},{"name":"size","type":"`${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...","description":"Size with units (ex: '2rem', '40px', '3em')","required":false,"default":"\"1rem\"","strictValues":false},{"name":"width","type":"`${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...","description":"Custom width","required":false,"strictValues":false},{"name":"height","type":"`${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...","description":"Custom height","required":false,"strictValues":false},{"name":"animated","type":"boolean","description":"Disable animation","required":false,"default":"true","strictValues":false},{"name":"roundedSize","type":"MazRoundedSize","description":"Controls the border radius","required":false,"default":"'md'","values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"ariaLabel","type":"string","description":"Accessibility label","required":false,"default":"'skeleton.ariaLabel' (translations)","strictValues":false},{"name":"loadingText","type":"string","description":"Loading text for accessibility","required":false,"default":"'skeleton.loadingText' (translations)","strictValues":false}],"events":[],"slots":[],"expose":[]},{"name":"MazSlider","docId":"components/maz-slider","import":"import MazSlider from 'maz-ui/components/MazSlider'","props":[{"name":"modelValue","type":"number | number[] | null","description":"Array of cursors values","required":true,"strictValues":false,"model":"modelValue"},{"name":"labels","type":"string[]","description":"array of cursors label","required":false,"strictValues":false},{"name":"min","type":"number","description":"min value of sliders","required":false,"default":"0","strictValues":false},{"name":"max","type":"number","description":"max value of sliders","required":false,"default":"100","strictValues":false},{"name":"step","type":"number","description":"step value for slider increments","required":false,"default":"1","strictValues":false},{"name":"size","type":"`${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...","description":"height size of slider bar","required":false,"strictValues":false},{"name":"divider","type":"boolean","description":"remove div in different colors","required":false,"default":"true","strictValues":false},{"name":"log","type":"boolean","description":"become a logarithmic slider (exponential)","required":false,"default":"false","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"main slider color","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"cursorAnim","type":"boolean","description":"disables cursor animation when active","required":false,"default":"true","strictValues":false}],"events":[{"name":"update:model-value","payload":"any["}],"slots":[],"expose":[]},{"name":"MazSpinner","docId":"components/maz-spinner","import":"import MazSpinner from 'maz-ui/components/MazSpinner'","props":[{"name":"size","type":"`${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...","description":"The size of the spinner","required":false,"default":"\"2em\"","strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the spinner","required":false,"default":"\"theme\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true}],"events":[],"slots":[],"expose":[]},{"name":"MazStepper","docId":"components/maz-stepper","import":"import MazStepper from 'maz-ui/components/MazStepper'","props":[{"name":"modelValue","type":"number","description":"The current step","required":false,"strictValues":false,"model":"modelValue"},{"name":"steps","type":"MazStepperStep[]","description":"The steps","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the stepper","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"disabledNextSteps","type":"boolean","description":"Disable the next steps","required":false,"strictValues":false},{"name":"disabledPreviousSteps","type":"boolean","description":"Disable the previous steps","required":false,"strictValues":false},{"name":"autoValidateSteps","type":"boolean","description":"Auto validate the steps","required":false,"strictValues":false},{"name":"allStepsOpened","type":"boolean","description":"Open all steps","required":false,"strictValues":false},{"name":"allStepsValidated","type":"boolean","description":"Validate all steps","required":false,"strictValues":false},{"name":"canCloseSteps","type":"boolean","description":"Allow to close the steps","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: number"}],"slots":[{"name":"point","bindings":[{"name":"step","type":"number"}]},{"name":"icon-{step}","description":"One slot per `step`: `#icon-<step>`.","bindings":[]},{"name":"title-{step}","description":"One slot per `step`: `#title-<step>`.","bindings":[]},{"name":"subtitle-{step}","description":"One slot per `step`: `#subtitle-<step>`.","bindings":[]},{"name":"title-info-{step}","description":"One slot per `step`: `#title-info-<step>`.","bindings":[]},{"name":"content-{step}","description":"One slot per `step`: `#content-<step>`.","bindings":[]}],"expose":[]},{"name":"MazSwitch","docId":"components/maz-switch","import":"import MazSwitch from 'maz-ui/components/MazSwitch'","props":[{"name":"modelValue","type":"boolean","description":"The model value of the switch","required":false,"default":"false","strictValues":false,"model":"modelValue"},{"name":"id","type":"string","description":"The id of the switch","required":false,"strictValues":false},{"name":"disabled","type":"boolean","description":"If the switch is disabled","required":false,"strictValues":false},{"name":"name","type":"string","description":"The name of the switch","required":false,"strictValues":false},{"name":"label","type":"string","description":"Text label","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the switch","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"error","type":"boolean","description":"Whether there is an error with the input.","required":false,"strictValues":false},{"name":"success","type":"boolean","description":"Whether the input is successful.","required":false,"strictValues":false},{"name":"warning","type":"boolean","description":"Whether there is a warning with the input.","required":false,"strictValues":false},{"name":"hint","type":"string","description":"The hint text to display below the input.","required":false,"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: boolean","description":"Emitted when the model value changes"},{"name":"blur","payload":"value: FocusEvent","description":"Emitted when the switch lost focus"},{"name":"change","payload":"value: boolean","description":"Emitted when the model value changes"},{"name":"focus","payload":"value: FocusEvent","description":"Emitted when the switch is focused"}],"slots":[{"name":"default","bindings":[{"name":"value","type":"boolean","description":"The value of the switch"}],"description":"The label of the switch"}],"expose":[]},{"name":"MazTable","docId":"components/maz-table","import":"import MazTable from 'maz-ui/components/MazTable'","props":[{"name":"tableClass","type":"ClassValue","description":"CSS class of the table element","required":false,"strictValues":false},{"name":"tableStyle","type":"StyleValue","description":"CSS style of the table element","required":false,"strictValues":false},{"name":"modelValue","type":"(string | number | boolean)[]","description":"List of selected rows","required":false,"strictValues":false,"model":"modelValue"},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the table","required":false,"default":"md","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"inputSize","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the search inputs","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"title","type":"string","description":"Title of the table","required":false,"strictValues":false},{"name":"headers","type":"MazTableHeader[]","description":"Headers of the table","required":false,"strictValues":false},{"name":"sortable","type":"boolean","description":"Enable sort feature on all columns","required":false,"default":"false","strictValues":false},{"name":"headersAlign","type":"\"left\" | \"right\" | \"justify\" | \"center\" | \"char\"","description":"Align all headers","required":false,"default":"\"left\"","values":["left","right","justify","center","char"],"strictValues":true},{"name":"rows","type":"T[]","description":"Rows of the table","required":false,"strictValues":false},{"name":"hoverable","type":"boolean","description":"Add hover effect on rows","required":false,"default":"false","strictValues":false},{"name":"search","type":"boolean","description":"Enable search feature in table header","required":false,"default":"false","strictValues":false},{"name":"hideSearchInRow","type":"boolean","description":"Disable search in rows - useful to filter data yourself or make search request to server","required":false,"default":"false","strictValues":false},{"name":"hideSearchBy","type":"boolean","description":"Disable search by column (remove select input \"search by\")","required":false,"default":"false","strictValues":false},{"name":"searchQuery","type":"string","description":"Search query in input","required":false,"strictValues":false,"model":"searchQuery"},{"name":"backgroundOdd","type":"boolean","description":"Add background color to odd rows","required":false,"default":"false","strictValues":false},{"name":"backgroundEven","type":"boolean","description":"Add background color to even rows","required":false,"default":"false","strictValues":false},{"name":"elevation","type":"boolean","description":"Add shadow to the table","required":false,"default":"false","strictValues":false},{"name":"divider","type":"boolean","description":"add divider between rows","required":false,"default":"false","strictValues":false},{"name":"caption","type":"string","description":"Caption of the table","required":false,"strictValues":false},{"name":"captionSide","type":"\"bottom\" | \"top\"","description":"Caption side","required":false,"default":"\"bottom\"","values":["bottom","top"],"strictValues":true},{"name":"pagination","type":"boolean","description":"Add pagination in table footer","required":false,"default":"false","strictValues":false},{"name":"page","type":"number","description":"Current page of pagination","required":false,"default":"1","strictValues":false,"model":"page"},{"name":"pageSize","type":"number","description":"Number of items per page","required":false,"default":"20","strictValues":false,"model":"pageSize"},{"name":"totalPages","type":"number","description":"Total number of pages","required":false,"strictValues":false},{"name":"paginateRows","type":"boolean","description":"Don't paginate rows - useful to make pagination request with your server","required":false,"default":"true","strictValues":false},{"name":"totalItems","type":"number","description":"Total number of items","required":false,"strictValues":false},{"name":"loading","type":"boolean","description":"Loading state","required":false,"default":"false","strictValues":false},{"name":"selectable","type":"boolean","description":"Enable selection of rows","required":false,"default":"false","strictValues":false},{"name":"selectedKey","type":"string","description":"Enable selection of rows - key of the selected row","required":false,"strictValues":false},{"name":"tableLayout","type":"\"auto\" | \"fixed\"","description":"Table layout","required":false,"values":["auto","fixed"],"strictValues":true},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Color of the component","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"translations","type":"{ noResults?: string | undefined; actionColumnTitle?: string | undefined; searchByInput?: { all?: string | undefined; placeholder?: string | undefined; } | undefined; searchInput?: { placeholder?: string | undefined; } | undefined; pagin...","description":"Translations of the table","required":false,"default":"Translations from","strictValues":false},{"name":"roundedSize","type":"MazRoundedSize","description":"Size radius of the component's border","required":false,"default":"md","values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"scrollable","type":"boolean","description":"Enable scrollable on table","required":false,"default":"false","strictValues":false},{"name":"rowKey","type":"string","description":"Field name used as a stable key for each row (e.g. an id). Gives every row a stable identity so reordering is tracked correctly - required for `animatedRows` to look right. Falls back to the row index when not provided.","required":false,"strictValues":false},{"name":"animatedRows","type":"boolean","description":"Animate row reordering with a FLIP transition (rows slide to their new position). Provide a stable `rowKey` for meaningful results. Respects `prefers-reduced-motion`.","required":false,"default":"false","strictValues":false},{"name":"virtualized","type":"boolean","description":"Only render the rows visible in the viewport (plus an overscan) using `@tanstack/vue-virtual`. Keeps the table fast on thousands of rows. Requires `maxHeight` to bound the scroll viewport. Ignored when `animatedRows` is on or when a custom default slot is provided. Rows render client-side only.","required":false,"default":"false","strictValues":false},{"name":"maxHeight","type":"string","description":"Max height of the scroll viewport (any CSS length, e.g. `'400px'`, `'70vh'`). Enables scrolling and, when `virtualized`, bounds the virtualized viewport.","required":false,"strictValues":false},{"name":"estimatedRowHeight","type":"number","description":"Fixed row height in pixels used by the virtualizer to place rows and size the spacers. Set it to your real row height (virtualized rows should be uniform).","required":false,"default":"44","strictValues":false},{"name":"overscan","type":"number","description":"Number of rows rendered outside the viewport on each side when `virtualized`.","required":false,"default":"10","strictValues":false}],"events":[{"name":"update:model-value","description":"Emitted when a row is selected","payload":"(string | number | boolean | MazTableRow<T>)[] | undefined"},{"name":"update:search-query","description":"Emitted when entering a value in the search input","payload":"string | undefined"},{"name":"update:page","description":"Emitted when the current page of pagination changes","payload":"number"},{"name":"update:page-size","description":"Emitted when the page size of pagination changes","payload":"number"}],"slots":[{"name":"title","bindings":[],"description":"Replace the title of the table"},{"name":"caption","bindings":[],"description":"Add caption on top or bottom of the table"},{"name":"thead","bindings":[],"description":"Content in thead element"},{"name":"header","bindings":[{"name":"header","type":"MazTableHeadersNormalized","description":"Header data"},{"name":"label","type":"string","description":"Header label"}],"description":"Replace column header"},{"name":"actions-header","bindings":[],"description":"Replace text of actions header"},{"name":"default","bindings":[]},{"name":"select","bindings":[{"name":"row","type":"T","description":"Row data"},{"name":"selected","type":"boolean","description":"If selected or not"}],"description":"Replace checkbox component"},{"name":"cell","bindings":[{"name":"row","type":"T","description":"Row data"},{"name":"value","type":"any","description":"Cell value"}],"description":"Replace all row cells"},{"name":"actions","bindings":[{"name":"row","type":"T","description":"Row data"}],"description":"Add actions column"},{"name":"no-results","bindings":[],"description":"Replace the no results element"},{"name":"no-results-text","bindings":[],"description":"replace no results test only"},{"name":"header-label-{key}","description":"One slot per `key`: `#header-label-<key>`.","bindings":[]},{"name":"cell-{key}","description":"One slot per `key`: `#cell-<key>`. Replace all row cells","bindings":[{"name":"row","type":"T","description":"Row data"},{"name":"value","type":"any","description":"Cell value"}]}],"expose":[]},{"name":"MazTableCell","docId":"components/maz-table-cell","import":"import MazTableCell from 'maz-ui/components/MazTableCell'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[],"parent":"MazTable"},{"name":"MazTableRow","docId":"components/maz-table-row","import":"import MazTableRow from 'maz-ui/components/MazTableRow'","props":[{"name":"hoverable","type":"boolean","description":"Override hoverable of table props","required":false,"default":"true","strictValues":false},{"name":"isHead","type":"boolean","description":"If true, the row is a head row","required":false,"default":"false","strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[],"parent":"MazTable"},{"name":"MazTableTitle","docId":"components/maz-table-title","import":"import MazTableTitle from 'maz-ui/components/MazTableTitle'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[],"parent":"MazTable"},{"name":"MazTableVirtualizer","docId":"components/maz-table-virtualizer","import":"import MazTableVirtualizer from 'maz-ui/components/MazTableVirtualizer'","props":[{"name":"count","type":"number","description":"Total number of rows to virtualize.","required":true,"strictValues":false},{"name":"scrollElement","type":"HTMLElement | null","description":"Scrollable viewport element the virtualizer observes.","required":false,"default":"null","strictValues":false},{"name":"estimateSize","type":"number","description":"Fixed per-row height used to place rows and size the spacers.","required":false,"default":"44","strictValues":false},{"name":"overscan","type":"number","description":"Rows rendered outside the viewport on each side.","required":false,"default":"10","strictValues":false}],"events":[{"name":"change","payload":"window: MazTableVirtualWindow"}],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazTabs","docId":"components/maz-tabs","import":"import MazTabs from 'maz-ui/components/MazTabs'","props":[{"name":"modelValue","type":"number","description":"The the selected tab number","required":false,"strictValues":false,"model":"modelValue"},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the tabs, forwarded to MazTabsBar (and each tab button)","required":false,"values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"roundedSize","type":"MazRoundedSize","description":"Size of the rounded, forwarded to MazTabsBar","required":false,"values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Color of the active tab indicator, forwarded to MazTabsBar","required":false,"values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true}],"events":[{"name":"update:model-value","payload":"value: number","description":"Emitted when the selected tab change"}],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazTabsBar","docId":"components/maz-tabs-bar","import":"import MazTabsBar from 'maz-ui/components/MazTabsBar'","props":[{"name":"items","type":"readonly Item[]","description":"The items to display in the tabs bar","required":true,"strictValues":false},{"name":"modelValue","type":"MazTabsBarItemValue<Item>","description":"Selected tab (standalone usage, without MazTabs). Holds the item `value` when provided, otherwise the 1-based index. Pass items `as const` (or with literal `value`) to infer a union type.","required":false,"strictValues":false,"model":"modelValue"},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the tabs (forwarded to each MazBtn)","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"roundedSize","type":"MazRoundedSize","description":"Size of the rounded applied to the bar, the indicator and each tab","required":false,"default":"'md'","values":["none","sm","md","lg","xl","full"],"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"Color of the active tab indicator. When omitted, the default neutral indicator is used.","required":false,"values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"standalone","type":"boolean","description":"Force the standalone mode: the tabs bar ignores any surrounding `MazTabs` (selection, size, rounded-size and color are no longer inherited) and is driven only by its own `v-model`. Useful for a nested switcher inside a page already wrapped by `MazTabs`.","required":false,"default":"false","strictValues":false},{"name":"persistent","type":"boolean","description":"Will add a query param to the url to keep the selected tab on page refresh","required":false,"default":"false","strictValues":false},{"name":"queryParam","type":"string","description":"The name of the query param to add to the url","required":false,"default":"\"tab\"","strictValues":false},{"name":"block","type":"boolean","description":"Will make the tabs bar full width","required":false,"default":"false","strictValues":false},{"name":"elevation","type":"boolean","description":"Will remove the elevation","required":false,"default":"false","strictValues":false},{"name":"autoScroll","type":"boolean","description":"Will add a scroll on the tabs bar to show selected element","required":false,"default":"true","strictValues":false},{"name":"bordered","type":"boolean","description":"Will add a border to the tabs bar","required":false,"default":"true","strictValues":false}],"events":[{"name":"update:model-value","payload":"value: MazTabsBarItemValue<Item>","description":"Emitted when the selected tab changes (standalone usage)."}],"slots":[{"name":"item","bindings":[{"name":"item","type":"{ label: Item & string; value: string | number | undefined; disabled: boolean; size: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\" | undefined; roundedSize: MazRoundedSize | undefined; color: NonNullable<\"primary\" | \"secondary\" | \"accent\" | ...","description":"all data of the item"},{"name":"active","type":"boolean","description":"`true` if the tab is active"},{"name":"index","type":"number","description":"index of the item"}],"description":"Content of item to display in the tabs bar"},{"name":"badge-content","bindings":[{"name":"content","type":"string | number | boolean","description":"content of the badge provided in item"}],"description":"Content in the badge"}],"expose":[],"parent":"MazTabs"},{"name":"MazTabsContent","docId":"components/maz-tabs-content","import":"import MazTabsContent from 'maz-ui/components/MazTabsContent'","props":[],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[],"parent":"MazTabs"},{"name":"MazTabsContentItem","docId":"components/maz-tabs-content-item","import":"import MazTabsContentItem from 'maz-ui/components/MazTabsContentItem'","props":[{"name":"tab","type":"number","required":true,"strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[],"parent":"MazTabs"},{"name":"MazTextarea","docId":"components/maz-textarea","import":"import MazTextarea from 'maz-ui/components/MazTextarea'","props":[{"name":"modelValue","type":"T","description":"The value of the textarea","required":false,"strictValues":false,"model":"modelValue"},{"name":"id","type":"string","description":"The id of the textarea","required":false,"strictValues":false},{"name":"name","type":"string","description":"The name of the textarea","required":false,"default":"\"MazTextarea\"","strictValues":false},{"name":"label","type":"string","description":"The label of the textarea","required":false,"strictValues":false},{"name":"placeholder","type":"string","description":"The placeholder of the textarea","required":false,"strictValues":false},{"name":"required","type":"boolean","description":"If the textarea is required","required":false,"default":"false","strictValues":false},{"name":"disabled","type":"boolean","description":"If the textarea is disabled","required":false,"default":"false","strictValues":false},{"name":"readonly","type":"boolean","description":"If the textarea is readonly","required":false,"default":"false","strictValues":false},{"name":"error","type":"boolean","description":"If the textarea has an error","required":false,"default":"false","strictValues":false},{"name":"success","type":"boolean","description":"If the textarea has a success","required":false,"default":"false","strictValues":false},{"name":"warning","type":"boolean","description":"If the textarea has a warning","required":false,"default":"false","strictValues":false},{"name":"hint","type":"string","description":"The hint of the textarea","required":false,"strictValues":false},{"name":"color","type":"\"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"destructive\" | \"contrast\" | \"transparent\"","description":"The color of the textarea","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast","transparent"],"strictValues":true},{"name":"roundedSize","type":"MazRoundedSize","description":"Size radius of the component's border","required":false,"default":"'md'","strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Controls the padding (height) and text size of the textarea, mirroring MazInput sizes. Combined with `minRows`, e.g. `size=\"md\" :min-rows=\"1\"` matches a regular input height.","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"padding","type":"boolean","description":"If the textarea has a padding","required":false,"default":"true","strictValues":false},{"name":"transparent","type":"boolean","description":"If the textarea has a transparent background","required":false,"default":"false","strictValues":false},{"name":"border","type":"boolean","description":"If the textarea has no border","required":false,"default":"true","strictValues":false},{"name":"autogrow","type":"boolean","description":"If the textarea should autogrow based on its content","required":false,"default":"true","strictValues":false},{"name":"minRows","type":"number","description":"Minimum number of rows displayed by the textarea (initial/minimum height). With autogrow enabled, the textarea still grows beyond this with its content.","required":false,"default":"3","strictValues":false},{"name":"appendJustify","type":"\"center\" | \"end\" | \"start\" | \"space-between\" | \"space-around\" | \"space-evenly\"","description":"The alignment of the append slot","required":false,"default":"\"end\"","values":["center","end","start","space-between","space-around","space-evenly"],"strictValues":true},{"name":"topLabel","type":"string","description":"Static label displayed above the textarea. Unlike the floating label, this remains fixed","required":false,"strictValues":false},{"name":"assistiveText","type":"string","description":"Helper text displayed below the input to provide additional context or validation feedback","required":false,"strictValues":false}],"events":[{"name":"update:model-value","description":"Emitted when the value of the textarea change","payload":"T | undefined"},{"name":"input","description":"Emitted when the value of the textarea change","payload":"T | undefined"},{"name":"focus","description":"Emitted when the textarea is focused","payload":"FocusEvent"},{"name":"blur","description":"Emitted when the textarea is blurred","payload":"FocusEvent"},{"name":"change","description":"Emitted when the textarea value change","payload":"Event"}],"slots":[{"name":"label","bindings":[]},{"name":"append","bindings":[]}],"expose":[]},{"name":"MazTicker","docId":"components/maz-ticker","import":"import MazTicker from 'maz-ui/components/MazTicker'","props":[{"name":"orientation","type":"MazTickerOrientation","description":"Scrolling direction","required":false,"default":"\"horizontal\"","values":["horizontal","vertical"],"strictValues":false},{"name":"reverse","type":"boolean","description":"Reverse the scrolling direction","required":false,"default":"false","strictValues":false},{"name":"duration","type":"number","description":"Duration of one full animation cycle in seconds","required":false,"default":"20","strictValues":false},{"name":"gap","type":"`${number}rem` | `${number}px` | `${number}em` | `${number}vw` | `${number}vh` | `${number}%`","description":"Gap between repeated content blocks (CSS value)","required":false,"default":"\"1rem\"","strictValues":false},{"name":"repeat","type":"number","description":"Number of times the content is duplicated for seamless looping","required":false,"default":"4","strictValues":false},{"name":"pauseOnHover","type":"boolean","description":"Pause animation on mouse hover","required":false,"default":"false","strictValues":false},{"name":"pauseOnFocus","type":"boolean","description":"Pause animation when a child element receives focus","required":false,"default":"false","strictValues":false},{"name":"paused","type":"boolean","description":"Programmatic pause control - takes precedence over pauseOnHover and pauseOnFocus","required":false,"default":"false","strictValues":false},{"name":"overlay","type":"boolean","description":"Show gradient overlays on edges to fade content in/out","required":false,"default":"true","strictValues":false},{"name":"overlaySize","type":"`${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...","description":"Size of the gradient overlay zones (CSS value)","required":false,"default":"\"33%\"","strictValues":false},{"name":"animationTimingFunction","type":"string","description":"CSS animation timing function","required":false,"default":"\"linear\"","strictValues":false}],"events":[],"slots":[{"name":"before","bindings":[],"description":"Static content before the scrolling area"},{"name":"overlay-start","bindings":[],"description":"Custom overlay for the start edge (left in horizontal, top in vertical). Replaces default gradient."},{"name":"default","bindings":[],"description":"Content to scroll (repeated for seamless animation)"},{"name":"overlay-end","bindings":[],"description":"Custom overlay for the end edge (right in horizontal, bottom in vertical). Replaces default gradient."},{"name":"after","bindings":[],"description":"Static content after the scrolling area"}],"expose":[]},{"name":"MazTimeline","docId":"components/maz-timeline","import":"import MazTimeline from 'maz-ui/components/MazTimeline'","props":[{"name":"modelValue","type":"number","description":"Index of the active step (v-model)","required":false,"strictValues":false,"model":"modelValue"},{"name":"steps","type":"MazTimelineItem[]","description":"Array of timeline steps to display","required":true,"strictValues":false},{"name":"direction","type":"MazTimelineDirection","description":"Layout direction of the timeline - `'horizontal'`: always horizontal - `'vertical'`: always vertical - `'auto'`: horizontal above breakpoint, vertical below","required":false,"default":"\"auto\"","values":["horizontal","vertical","auto"],"strictValues":false},{"name":"breakpoint","type":"string","description":"CSS media breakpoint for auto direction (below this value → vertical)","required":false,"default":"\"768px\"","strictValues":false},{"name":"color","type":"MazTimelineColor","description":"Color theme for active and completed steps","required":false,"default":"\"primary\"","values":["primary","secondary","accent","info","success","warning","destructive","contrast"],"strictValues":false},{"name":"size","type":"\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"mini\"","description":"Size of the step indicators and typography","required":false,"default":"'md'","values":["xs","sm","md","lg","xl","mini"],"strictValues":true},{"name":"showStepNumbers","type":"boolean","description":"Show step numbers inside the indicators","required":false,"default":"true","strictValues":false},{"name":"autoValidateSteps","type":"boolean","description":"Automatically show a checkmark icon for completed steps","required":false,"default":"true","strictValues":false},{"name":"clickable","type":"boolean","description":"Enable click interaction on steps","required":false,"default":"false","strictValues":false},{"name":"animated","type":"boolean","description":"Enable animations (pulse on active, state transitions, connector progress)","required":false,"default":"true","strictValues":false},{"name":"roundedSize","type":"MazTimelineRoundedSize","description":"Border radius of step indicators","required":false,"default":"'md'","values":["none","sm","md","lg","xl","2xl","3xl","full"],"strictValues":false}],"events":[{"name":"update:model-value","payload":"value: number","description":"Emitted when the active step changes"},{"name":"click-step","payload":"payload: { step: MazTimelineItem; index: number; }","description":"Emitted when a clickable step is clicked"}],"slots":[{"name":"indicator","bindings":[{"name":"step","type":"MazTimelineItem","description":"The step data"},{"name":"index","type":"number","description":"The step index"},{"name":"state","type":"MazTimelineStepState","description":"The resolved step state"},{"name":"isActive","type":"boolean"},{"name":"isCompleted","type":"boolean"}],"description":"Custom content for the step indicator circle"},{"name":"content","bindings":[{"name":"step","type":"MazTimelineItem","description":"The step data"},{"name":"index","type":"number","description":"The step index"},{"name":"state","type":"MazTimelineStepState","description":"The resolved step state"},{"name":"isActive","type":"boolean"},{"name":"isCompleted","type":"boolean"}],"description":"Full custom content area replacing title and subtitle"},{"name":"title","bindings":[{"name":"step","type":"MazTimelineItem","description":"The step data"},{"name":"index","type":"number","description":"The step index"},{"name":"state","type":"MazTimelineStepState","description":"The resolved step state"}],"description":"Custom title content"},{"name":"subtitle","bindings":[{"name":"step","type":"MazTimelineItem","description":"The step data"},{"name":"index","type":"number","description":"The step index"},{"name":"state","type":"MazTimelineStepState","description":"The resolved step state"}],"description":"Custom subtitle content"},{"name":"connector","bindings":[{"name":"index","type":"number","description":"The index of the step before this connector"},{"name":"isCompleted","type":"boolean"},{"name":"isActive","type":"boolean"}],"description":"Custom connector between steps"}],"expose":[]},{"name":"MazUiProvider","docId":"components/maz-ui-provider","import":"import MazUiProvider from 'maz-ui/components/MazUiProvider'","props":[{"name":"theme","type":"MazUiThemeOptions & { preset: ThemePreset; }","required":true,"strictValues":false},{"name":"translations","type":"MazUiProviderTranslations<TLocale>","description":"Must include `locale` and at least the messages for that locale in `messages`","required":true,"strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[]}],"expose":[]},{"name":"MazWindowMockup","docId":"components/maz-window-mockup","import":"import MazWindowMockup from 'maz-ui/components/MazWindowMockup'","props":[{"name":"id","type":"string","description":"Stable id used to scope the empty-state SVG pattern. Auto-generated if not provided.","required":false,"strictValues":false},{"name":"variant","type":"MazWindowMockupVariant","description":"Window style variant","required":false,"default":"\"browser\"","values":["browser","terminal","editor"],"strictValues":false},{"name":"url","type":"string","description":"URL to display in the browser address bar (browser variant only)","required":false,"default":"\"localhost\"","strictValues":false},{"name":"filename","type":"string","description":"Filename to display in the editor tab (editor variant only)","required":false,"default":"\"index.vue\"","strictValues":false},{"name":"title","type":"string","description":"Title to display in the terminal title bar (terminal variant only)","required":false,"default":"\"zsh\"","strictValues":false},{"name":"minHeight","type":"string","description":"Minimum height of the content area as a CSS value (e.g. '200px')","required":false,"strictValues":false},{"name":"code","type":"string","description":"Source code to display using MazCodeHighlight. Takes priority over the default slot.","required":false,"strictValues":false},{"name":"language","type":"string","description":"Language identifier for syntax highlighting (e.g. 'vue', 'ts', 'bash')","required":false,"strictValues":false},{"name":"label","type":"string","description":"Label displayed inside the empty-state placeholder when no code and no slot content are provided.","required":false,"strictValues":false},{"name":"hidePrompt","type":"boolean","description":"Whether to hide the terminal prompt prefix (no-op on non-terminal variants)","required":false,"default":"false","strictValues":false},{"name":"prompt","type":"string","description":"Prefix to display before the code in the terminal (terminal variant only)","required":false,"default":"\"$\"","strictValues":false},{"name":"hideUrlCopy","type":"boolean","description":"Hide the copy-to-clipboard button next to the URL bar (browser variant only).","required":false,"default":"false","strictValues":false},{"name":"translations","type":"{ copyUrlToClipboard?: string | undefined; urlCopiedToClipboard?: string | undefined; }","description":"Custom translations for the component. Override either key independently.","required":false,"strictValues":false}],"events":[],"slots":[{"name":"default","bindings":[],"description":"Free content (image, interface, etc.) shown when code prop is not set."}],"expose":[]}],"icons":{"package":"@maz-ui/icons","names":["MazAcademicCap","MazAdjustmentsHorizontal","MazAdjustmentsVertical","MazArchiveBox","MazArchiveBoxArrowDown","MazArchiveBoxXMark","MazArrowDown","MazArrowDownCircle","MazArrowDownLeft","MazArrowDownOnSquare","MazArrowDownOnSquareStack","MazArrowDownRight","MazArrowDownTray","MazArrowLeft","MazArrowLeftCircle","MazArrowLeftEndOnRectangle","MazArrowLeftOnRectangle","MazArrowLeftStartOnRectangle","MazArrowLongDown","MazArrowLongLeft","MazArrowLongRight","MazArrowLongUp","MazArrowPath","MazArrowPathRoundedSquare","MazArrowRight","MazArrowRightCircle","MazArrowRightEndOnRectangle","MazArrowRightOnRectangle","MazArrowRightStartOnRectangle","MazArrowSmallDown","MazArrowSmallLeft","MazArrowSmallRight","MazArrowSmallUp","MazArrowsPointingIn","MazArrowsPointingOut","MazArrowsRightLeft","MazArrowsUpDown","MazArrowTopRightOnSquare","MazArrowTrendingDown","MazArrowTrendingUp","MazArrowTurnDownLeft","MazArrowTurnDownRight","MazArrowTurnLeftDown","MazArrowTurnLeftUp","MazArrowTurnRightDown","MazArrowTurnRightUp","MazArrowTurnUpLeft","MazArrowTurnUpRight","MazArrowUp","MazArrowUpCircle","MazArrowUpLeft","MazArrowUpOnSquare","MazArrowUpOnSquareStack","MazArrowUpRight","MazArrowUpTray","MazArrowUturnDown","MazArrowUturnLeft","MazArrowUturnRight","MazArrowUturnUp","MazAtSymbol","MazBackspace","MazBackward","MazBanknotes","MazBars2","MazBars3","MazBars3BottomLeft","MazBars3BottomRight","MazBars3CenterLeft","MazBars4","MazBarsArrowDown","MazBarsArrowUp","MazBattery0","MazBattery100","MazBattery50","MazBeaker","MazBell","MazBellAlert","MazBellSlash","MazBellSnooze","MazBold","MazBolt","MazBoltSlash","MazBookmark","MazBookmarkSlash","MazBookmarkSquare","MazBookOpen","MazBriefcase","MazBugAnt","MazBuildingLibrary","MazBuildingOffice","MazBuildingOffice2","MazBuildingStorefront","MazCake","MazCalculator","MazCalendar","MazCalendarDateRange","MazCalendarDays","MazCamera","MazChartBar","MazChartBarSquare","MazChartPie","MazChatBubbleBottomCenter","MazChatBubbleBottomCenterText","MazChatBubbleLeft","MazChatBubbleLeftEllipsis","MazChatBubbleLeftRight","MazChatBubbleOvalLeft","MazChatBubbleOvalLeftEllipsis","MazCheck","MazCheckBadge","MazCheckCircle","MazChevronDoubleDown","MazChevronDoubleLeft","MazChevronDoubleRight","MazChevronDoubleUp","MazChevronDown","MazChevronLeft","MazChevronRight","MazChevronUp","MazChevronUpDown","MazCircleStack","MazClipboard","MazClipboardDocument","MazClipboardDocumentCheck","MazClipboardDocumentList","MazClock","MazCloud","MazCloudArrowDown","MazCloudArrowUp","MazCodeBracket","MazCodeBracketSquare","MazCog","MazCog6Tooth","MazCog8Tooth","MazCommandLine","MazComputerDesktop","MazCpuChip","MazCreditCard","MazCube","MazCubeTransparent","MazCurrencyBangladeshi","MazCurrencyDollar","MazCurrencyEuro","MazCurrencyPound","MazCurrencyRupee","MazCurrencyYen","MazCursorArrowRays","MazCursorArrowRipple","MazDevicePhoneMobile","MazDeviceTablet","MazDivide","MazDocumentArrowDown","MazDocumentArrowUp","MazDocumentChartBar","MazDocumentCheck","MazDocumentCurrencyBangladeshi","MazDocumentCurrencyDollar","MazDocumentCurrencyEuro","MazDocumentCurrencyPound","MazDocumentCurrencyRupee","MazDocumentCurrencyYen","MazDocumentDuplicate","MazDocumentIcon","MazDocumentMagnifyingGlass","MazDocumentMinus","MazDocumentPlus","MazDocumentText","MazEllipsisHorizontal","MazEllipsisHorizontalCircle","MazEllipsisVertical","MazEnvelope","MazEnvelopeOpen","MazEquals","MazExclamationCircle","MazExclamationTriangle","MazEye","MazEyeDropper","MazEyeSlash","MazFaceFrown","MazFaceSmile","MazFilm","MazFingerPrint","MazFire","MazFlag","MazFlagAC","MazFlagAD","MazFlagAE","MazFlagAF","MazFlagAG","MazFlagAI","MazFlagAL","MazFlagAM","MazFlagAO","MazFlagAQ","MazFlagAR","MazFlagAS","MazFlagAT","MazFlagAU","MazFlagAW","MazFlagAX","MazFlagAZ","MazFlagBA","MazFlagBB","MazFlagBD","MazFlagBE","MazFlagBF","MazFlagBG","MazFlagBH","MazFlagBI","MazFlagBJ","MazFlagBL","MazFlagBM","MazFlagBN","MazFlagBO","MazFlagBQ","MazFlagBR","MazFlagBS","MazFlagBT","MazFlagBV","MazFlagBW","MazFlagBY","MazFlagBZ","MazFlagCA","MazFlagCC","MazFlagCD","MazFlagCF","MazFlagCG","MazFlagCH","MazFlagCI","MazFlagCK","MazFlagCL","MazFlagCM","MazFlagCN","MazFlagCO","MazFlagCR","MazFlagCU","MazFlagCV","MazFlagCW","MazFlagCX","MazFlagCY","MazFlagCZ","MazFlagDE","MazFlagDJ","MazFlagDK","MazFlagDM","MazFlagDO","MazFlagDZ","MazFlagEC","MazFlagEE","MazFlagEG","MazFlagEH","MazFlagER","MazFlagES","MazFlagET","MazFlagEU","MazFlagFI","MazFlagFJ","MazFlagFK","MazFlagFM","MazFlagFO","MazFlagFR","MazFlagGA","MazFlagGB","MazFlagGD","MazFlagGE","MazFlagGEAB","MazFlagGEOS","MazFlagGF","MazFlagGG","MazFlagGH","MazFlagGI","MazFlagGL","MazFlagGM","MazFlagGN","MazFlagGP","MazFlagGQ","MazFlagGR","MazFlagGS","MazFlagGT","MazFlagGU","MazFlagGW","MazFlagGY","MazFlagHK","MazFlagHM","MazFlagHN","MazFlagHR","MazFlagHT","MazFlagHU","MazFlagIC","MazFlagID","MazFlagIE","MazFlagIL","MazFlagIM","MazFlagIN","MazFlagIO","MazFlagIQ","MazFlagIR","MazFlagIS","MazFlagIT","MazFlagJE","MazFlagJM","MazFlagJO","MazFlagJP","MazFlagKE","MazFlagKG","MazFlagKH","MazFlagKI","MazFlagKM","MazFlagKN","MazFlagKP","MazFlagKR","MazFlagKW","MazFlagKY","MazFlagKZ","MazFlagLA","MazFlagLB","MazFlagLC","MazFlagLI","MazFlagLK","MazFlagLR","MazFlagLS","MazFlagLT","MazFlagLU","MazFlagLV","MazFlagLY","MazFlagMA","MazFlagMC","MazFlagMD","MazFlagME","MazFlagMF","MazFlagMG","MazFlagMH","MazFlagMK","MazFlagML","MazFlagMM","MazFlagMN","MazFlagMO","MazFlagMP","MazFlagMQ","MazFlagMR","MazFlagMS","MazFlagMT","MazFlagMU","MazFlagMV","MazFlagMW","MazFlagMX","MazFlagMY","MazFlagMZ","MazFlagNA","MazFlagNC","MazFlagNE","MazFlagNF","MazFlagNG","MazFlagNI","MazFlagNL","MazFlagNO","MazFlagNP","MazFlagNR","MazFlagNU","MazFlagNZ","MazFlagOM","MazFlagPA","MazFlagPE","MazFlagPF","MazFlagPG","MazFlagPH","MazFlagPK","MazFlagPL","MazFlagPM","MazFlagPN","MazFlagPR","MazFlagPS","MazFlagPT","MazFlagPW","MazFlagPY","MazFlagQA","MazFlagRE","MazFlagRO","MazFlagRS","MazFlagRU","MazFlagRW","MazFlagSA","MazFlagSB","MazFlagSC","MazFlagSD","MazFlagSE","MazFlagSG","MazFlagSH","MazFlagSI","MazFlagSJ","MazFlagSK","MazFlagSL","MazFlagSM","MazFlagSN","MazFlagSO","MazFlagSquareAC","MazFlagSquareAD","MazFlagSquareAE","MazFlagSquareAF","MazFlagSquareAG","MazFlagSquareAI","MazFlagSquareAL","MazFlagSquareAM","MazFlagSquareAO","MazFlagSquareAQ","MazFlagSquareAR","MazFlagSquareAS","MazFlagSquareAT","MazFlagSquareAU","MazFlagSquareAW","MazFlagSquareAX","MazFlagSquareAZ","MazFlagSquareBA","MazFlagSquareBB","MazFlagSquareBD","MazFlagSquareBE","MazFlagSquareBF","MazFlagSquareBG","MazFlagSquareBH","MazFlagSquareBI","MazFlagSquareBJ","MazFlagSquareBL","MazFlagSquareBM","MazFlagSquareBN","MazFlagSquareBO","MazFlagSquareBQ","MazFlagSquareBR","MazFlagSquareBS","MazFlagSquareBT","MazFlagSquareBV","MazFlagSquareBW","MazFlagSquareBY","MazFlagSquareBZ","MazFlagSquareCA","MazFlagSquareCC","MazFlagSquareCD","MazFlagSquareCF","MazFlagSquareCG","MazFlagSquareCH","MazFlagSquareCI","MazFlagSquareCK","MazFlagSquareCL","MazFlagSquareCM","MazFlagSquareCN","MazFlagSquareCO","MazFlagSquareCR","MazFlagSquareCU","MazFlagSquareCV","MazFlagSquareCW","MazFlagSquareCX","MazFlagSquareCY","MazFlagSquareCZ","MazFlagSquareDE","MazFlagSquareDJ","MazFlagSquareDK","MazFlagSquareDM","MazFlagSquareDO","MazFlagSquareDZ","MazFlagSquareEC","MazFlagSquareEE","MazFlagSquareEG","MazFlagSquareEH","MazFlagSquareER","MazFlagSquareES","MazFlagSquareET","MazFlagSquareEU","MazFlagSquareFI","MazFlagSquareFJ","MazFlagSquareFK","MazFlagSquareFM","MazFlagSquareFO","MazFlagSquareFR","MazFlagSquareGA","MazFlagSquareGB","MazFlagSquareGD","MazFlagSquareGE","MazFlagSquareGEAB","MazFlagSquareGEOS","MazFlagSquareGF","MazFlagSquareGG","MazFlagSquareGH","MazFlagSquareGI","MazFlagSquareGL","MazFlagSquareGM","MazFlagSquareGN","MazFlagSquareGP","MazFlagSquareGQ","MazFlagSquareGR","MazFlagSquareGS","MazFlagSquareGT","MazFlagSquareGU","MazFlagSquareGW","MazFlagSquareGY","MazFlagSquareHK","MazFlagSquareHM","MazFlagSquareHN","MazFlagSquareHR","MazFlagSquareHT","MazFlagSquareHU","MazFlagSquareIC","MazFlagSquareID","MazFlagSquareIE","MazFlagSquareIL","MazFlagSquareIM","MazFlagSquareIN","MazFlagSquareIO","MazFlagSquareIQ","MazFlagSquareIR","MazFlagSquareIS","MazFlagSquareIT","MazFlagSquareJE","MazFlagSquareJM","MazFlagSquareJO","MazFlagSquareJP","MazFlagSquareKE","MazFlagSquareKG","MazFlagSquareKH","MazFlagSquareKI","MazFlagSquareKM","MazFlagSquareKN","MazFlagSquareKP","MazFlagSquareKR","MazFlagSquareKW","MazFlagSquareKY","MazFlagSquareKZ","MazFlagSquareLA","MazFlagSquareLB","MazFlagSquareLC","MazFlagSquareLI","MazFlagSquareLK","MazFlagSquareLR","MazFlagSquareLS","MazFlagSquareLT","MazFlagSquareLU","MazFlagSquareLV","MazFlagSquareLY","MazFlagSquareMA","MazFlagSquareMC","MazFlagSquareMD","MazFlagSquareME","MazFlagSquareMF","MazFlagSquareMG","MazFlagSquareMH","MazFlagSquareMK","MazFlagSquareML","MazFlagSquareMM","MazFlagSquareMN","MazFlagSquareMO","MazFlagSquareMP","MazFlagSquareMQ","MazFlagSquareMR","MazFlagSquareMS","MazFlagSquareMT","MazFlagSquareMU","MazFlagSquareMV","MazFlagSquareMW","MazFlagSquareMX","MazFlagSquareMY","MazFlagSquareMZ","MazFlagSquareNA","MazFlagSquareNC","MazFlagSquareNE","MazFlagSquareNF","MazFlagSquareNG","MazFlagSquareNI","MazFlagSquareNL","MazFlagSquareNO","MazFlagSquareNP","MazFlagSquareNR","MazFlagSquareNU","MazFlagSquareNZ","MazFlagSquareOM","MazFlagSquarePA","MazFlagSquarePE","MazFlagSquarePF","MazFlagSquarePG","MazFlagSquarePH","MazFlagSquarePK","MazFlagSquarePL","MazFlagSquarePM","MazFlagSquarePN","MazFlagSquarePR","MazFlagSquarePS","MazFlagSquarePT","MazFlagSquarePW","MazFlagSquarePY","MazFlagSquareQA","MazFlagSquareRE","MazFlagSquareRO","MazFlagSquareRS","MazFlagSquareRU","MazFlagSquareRW","MazFlagSquareSA","MazFlagSquareSB","MazFlagSquareSC","MazFlagSquareSD","MazFlagSquareSE","MazFlagSquareSG","MazFlagSquareSH","MazFlagSquareSI","MazFlagSquareSJ","MazFlagSquareSK","MazFlagSquareSL","MazFlagSquareSM","MazFlagSquareSN","MazFlagSquareSO","MazFlagSquareSR","MazFlagSquareSS","MazFlagSquareST","MazFlagSquareSV","MazFlagSquareSX","MazFlagSquareSY","MazFlagSquareSZ","MazFlagSquareTA","MazFlagSquareTC","MazFlagSquareTD","MazFlagSquareTF","MazFlagSquareTG","MazFlagSquareTH","MazFlagSquareTJ","MazFlagSquareTK","MazFlagSquareTL","MazFlagSquareTM","MazFlagSquareTN","MazFlagSquareTO","MazFlagSquareTR","MazFlagSquareTT","MazFlagSquareTV","MazFlagSquareTW","MazFlagSquareTZ","MazFlagSquareUA","MazFlagSquareUG","MazFlagSquareUM","MazFlagSquareUS","MazFlagSquareUY","MazFlagSquareUZ","MazFlagSquareVA","MazFlagSquareVC","MazFlagSquareVE","MazFlagSquareVG","MazFlagSquareVI","MazFlagSquareVN","MazFlagSquareVU","MazFlagSquareWF","MazFlagSquareWS","MazFlagSquareXK","MazFlagSquareYE","MazFlagSquareYT","MazFlagSquareZA","MazFlagSquareZM","MazFlagSquareZW","MazFlagSR","MazFlagSS","MazFlagST","MazFlagSV","MazFlagSX","MazFlagSY","MazFlagSZ","MazFlagTA","MazFlagTC","MazFlagTD","MazFlagTF","MazFlagTG","MazFlagTH","MazFlagTJ","MazFlagTK","MazFlagTL","MazFlagTM","MazFlagTN","MazFlagTO","MazFlagTR","MazFlagTT","MazFlagTV","MazFlagTW","MazFlagTZ","MazFlagUA","MazFlagUG","MazFlagUM","MazFlagUS","MazFlagUY","MazFlagUZ","MazFlagVA","MazFlagVC","MazFlagVE","MazFlagVG","MazFlagVI","MazFlagVN","MazFlagVU","MazFlagWF","MazFlagWS","MazFlagXK","MazFlagYE","MazFlagYT","MazFlagZA","MazFlagZM","MazFlagZW","MazFolder","MazFolderArrowDown","MazFolderMinus","MazFolderOpen","MazFolderPlus","MazFork","MazForward","MazFunnel","MazGif","MazGift","MazGiftTop","MazGithub","MazGlobeAlt","MazGlobeAmericas","MazGlobeAsiaAustralia","MazGlobeEuropeAfrica","MazH1","MazH2","MazH3","MazHandRaised","MazHandThumbDown","MazHandThumbUp","MazHashtag","MazHeart","MazHome","MazHomeModern","MazIdentification","MazInbox","MazInboxArrowDown","MazInboxStack","MazInformationCircle","MazItalic","MazKey","MazLanguage","MazLifebuoy","MazLightBulb","MazLinkIcon","MazLinkSlash","MazListBullet","MazLockClosed","MazLockOpen","MazLogoAndroid","MazLogoApple","MazLogoCsv","MazLogoFacebook","MazLogoHtml","MazLogoInstagram","MazLogoJs","MazLogoJson","MazLogoLinkedin","MazLogoMarkdown","MazLogoNpm","MazLogoProperties","MazLogoReact","MazLogoTwitter","MazLogoTxt","MazLogoTypescript","MazLogoVue","MazLogoXliff","MazLogoXls","MazLogoXml","MazMagnifyingGlass","MazMagnifyingGlassCircle","MazMagnifyingGlassMinus","MazMagnifyingGlassPlus","MazMapIcon","MazMapPin","MazMegaphone","MazMicrophone","MazMinus","MazMinusCircle","MazMinusSmall","MazMoon","MazMusicalNote","MazNewspaper","MazNoImage","MazNoSymbol","MazNumberedList","MazPaintBrush","MazPaperAirplane","MazPaperClip","MazPause","MazPauseCircle","MazPencil","MazPencilSquare","MazPercentBadge","MazPhone","MazPhoneArrowDownLeft","MazPhoneArrowUpRight","MazPhoneXMark","MazPhoto","MazPlay","MazPlayCircle","MazPlayPause","MazPlus","MazPlusCircle","MazPlusSmall","MazPower","MazPresentationChartBar","MazPresentationChartLine","MazPrinter","MazPuzzlePiece","MazQrCode","MazQuestionMarkCircle","MazQueueList","MazQuote","MazRadioIcon","MazReceiptPercent","MazReceiptRefund","MazRectangleGroup","MazRectangleStack","MazRocketLaunch","MazRss","MazScale","MazScissors","MazServer","MazServerStack","MazShare","MazShieldCheck","MazShieldExclamation","MazShoppingBag","MazShoppingCart","MazSignal","MazSignalSlash","MazSlash","MazSparkles","MazSpeakerWave","MazSpeakerXMark","MazSquare2Stack","MazSquare3Stack3d","MazSquares2x2","MazSquaresPlus","MazStar","MazStarSolid","MazStop","MazStopCircle","MazStrikethrough","MazSun","MazSwatch","MazTableCells","MazTag","MazTelevision","MazTicket","MazTrash","MazTrophy","MazTruck","MazUnderline","MazUser","MazUserCircle","MazUserGroup","MazUserMinus","MazUserPlus","MazUsers","MazVariable","MazVideoCamera","MazVideoCameraSlash","MazViewColumns","MazViewfinderCircle","MazWallet","MazWifi","MazWindowIcon","MazWrench","MazWrenchScrewdriver","MazXCircle","MazXMark"]},"tailwind":{"entries":[{"path":"maz-ui/tailwindcss/theme.css","description":"Every theme token (colors, spacing, radius, breakpoints, shadows, z-index, typography, component surfaces, dark variant)"},{"path":"maz-ui/tailwindcss/utilities.css","description":"maz-ui custom utilities (flex-center, padded-container, cap-f, disabled-*...)"},{"path":"maz-ui/tailwindcss/theme-colors.css","description":"Colors only"},{"path":"maz-ui/tailwindcss/theme-spacing.css","description":"Spacing scale only"},{"path":"maz-ui/tailwindcss/theme-radius.css","description":"Border radius only"},{"path":"maz-ui/tailwindcss/theme-breakpoints.css","description":"Breakpoints only"},{"path":"maz-ui/tailwindcss/theme-shadows.css","description":"Shadows only"},{"path":"maz-ui/tailwindcss/theme-z-index.css","description":"z-index scale only"},{"path":"maz-ui/tailwindcss/theme-typography.css","description":"Fonts, border width, durations and easings only"},{"path":"maz-ui/tailwindcss/theme-components.css","description":"bg-container and bg-input surfaces only"},{"path":"maz-ui/tailwindcss/theme-variants.css","description":"`dark:` variant wired to the `.dark` class only"}],"colors":[{"name":"primary","variable":"--maz-primary","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Brand primary: main actions, links, focus"},{"name":"secondary","variable":"--maz-secondary","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Brand secondary"},{"name":"accent","variable":"--maz-accent","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Brand accent, highlights"},{"name":"destructive","variable":"--maz-destructive","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Error / danger state, destructive actions"},{"name":"success","variable":"--maz-success","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Success state"},{"name":"warning","variable":"--maz-warning","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Warning state"},{"name":"info","variable":"--maz-info","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Informational state"},{"name":"contrast","variable":"--maz-contrast","foreground":true,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Neutral high-contrast color (near black in light mode, near white in dark mode)"},{"name":"surface","variable":"--maz-surface","foreground":false,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Page and container backgrounds"},{"name":"foreground","variable":"--maz-foreground","foreground":false,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Body text"},{"name":"divider","variable":"--maz-divider","foreground":false,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Borders and separators"},{"name":"shadow","variable":"--maz-shadow","foreground":false,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Shadow tint (used by the shadow-* utilities)"},{"name":"elevation","variable":"--maz-shadow","foreground":false,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Alias of shadow"},{"name":"overlay","variable":"--maz-overlay","foreground":false,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Backdrops and scrims behind dialogs"},{"name":"muted","variable":"--maz-muted","foreground":false,"scale":["50","100","200","300","400","500","600","700","800","900","950"],"usage":"Secondary text, placeholders, disabled content"},{"name":"container","variable":"--maz-container-bg","foreground":false,"scale":[],"usage":"Background of MazCard, MazContainer, MazDialog, MazPopover, MazDrawer... (follows the preset `components.container`)"},{"name":"input","variable":"--maz-input-bg","foreground":false,"scale":[],"usage":"Background of MazInput, MazSelect, MazTextarea, MazCheckbox... (follows the preset `components.input`)"}],"radius":[{"name":"rounded-xs","value":"var(--maz-rounded-xs)"},{"name":"rounded-sm","value":"var(--maz-rounded-sm)"},{"name":"rounded-md","value":"var(--maz-rounded-md)"},{"name":"rounded-lg","value":"var(--maz-rounded-lg)"},{"name":"rounded-xl","value":"var(--maz-rounded-xl)"},{"name":"rounded-2xl","value":"var(--maz-rounded-2xl)"},{"name":"rounded-3xl","value":"var(--maz-rounded-3xl)"},{"name":"rounded","value":"var(--maz-rounded-md)"}],"shadows":[{"name":"shadow-xs","value":"0 1px 2px 0 color-mix(in srgb, var(--color-elevation) 5%, transparent)"},{"name":"shadow-sm","value":"var(--maz-shadow-style-sm)"},{"name":"shadow-md","value":"var(--maz-shadow-style-md)"},{"name":"shadow-lg","value":"var(--maz-shadow-style-lg)"},{"name":"shadow-xl","value":"var(--maz-shadow-style-xl)"},{"name":"shadow-elevation","value":"var(--maz-shadow-style-elevation)"}],"breakpoints":[{"name":"mob-s:","value":"320px"},{"name":"mob-m:","value":"425px"},{"name":"mob-l:","value":"576px"},{"name":"tab-s:","value":"640px"},{"name":"tab-m:","value":"768px"},{"name":"tab-l:","value":"992px"},{"name":"lap-s:","value":"1024px"},{"name":"lap-m:","value":"1280px"},{"name":"lap-l:","value":"1366px"},{"name":"lap-xl:","value":"1440px"},{"name":"lap-2xl:","value":"1680px"},{"name":"lap-3xl:","value":"1920px"}],"zIndex":[{"name":"z-1","value":"1"},{"name":"z-2","value":"2"},{"name":"z-3","value":"3"},{"name":"z-4","value":"4"},{"name":"z-5","value":"5"},{"name":"z-15","value":"15"},{"name":"z-25","value":"25"},{"name":"z-35","value":"35"},{"name":"z-45","value":"45"},{"name":"z-75","value":"75"},{"name":"z-100","value":"100"},{"name":"z-default-backdrop","value":"1050"}],"fonts":[{"name":"font-sans","value":"var(--maz-font-family)"},{"name":"font-mono","value":"var(--maz-font-mono-stack)"},{"name":"font-display","value":"var(--maz-font-display-stack)"}],"durations":[{"name":"duration-(--duration-fast)","value":"var(--maz-motion-fast, 100ms)"},{"name":"duration-(--duration-normal)","value":"var(--maz-motion-normal, 200ms)"},{"name":"duration-(--duration-slow)","value":"var(--maz-motion-slow, 300ms)"}],"easings":[{"name":"ease-out","value":"var(--maz-easing-out, cubic-bezier(0.4, 0, 0.2, 1))"},{"name":"ease-in","value":"var(--maz-easing-in, cubic-bezier(0.4, 0, 1, 1))"},{"name":"ease-in-out","value":"var(--maz-easing-in-out, cubic-bezier(0.4, 0, 0.2, 1))"}],"spacing":[{"name":"p-*, m-*, gap-*, w-*, h-*, inset-*...","value":"var(--maz-space)"}],"utilities":[{"name":"flex-center","css":"align-items: center; justify-content: center;"},{"name":"z-default-backdrop","css":"z-index: 1050;"},{"name":"padded-container-no-p","css":"inline-size: 100%; padding-inline: calc(50% - var(--maz-container-max-width) / 2);"},{"name":"padded-container","css":"inline-size: 100%; padding-inline: var(--maz-container-padding);"},{"name":"cap-f","css":"&::first-letter { text-transform: capitalize; }"},{"name":"disabled-cursor","css":"cursor: var(--maz-disabled-cursor);"},{"name":"disabled-opacity","css":"opacity: var(--maz-disabled-opacity);"},{"name":"disabled-state","css":"cursor: var(--maz-disabled-cursor); opacity: var(--maz-disabled-opacity);"}],"variants":[{"name":"dark","value":"&:where(.dark, .dark *)"}],"containerVariables":[{"name":"--maz-container-padding-mobile","value":"1rem"},{"name":"--maz-container-padding-tablet","value":"2rem"},{"name":"--maz-container-padding-desktop","value":"2.5rem"},{"name":"--maz-container-padding-value","value":"var(--maz-container-padding-mobile)"},{"name":"--maz-container-width","value":"calc(100% - var(--maz-container-padding-value) * 2)"},{"name":"--maz-container-padding","value":"calc(50% - var(--maz-container-width) / 2)"},{"name":"--maz-container-max-width","value":"1440px"}],"transitions":["maz-expand","maz-scale","maz-scale-fade","maz-scale-loading","maz-slide","maz-slideinvert","maz-slidevnext","maz-slidevprev","maz-tags","maz-tags-invert"]}}