@maz-ui/mcp 4.0.0-beta.26

package/docs/generated-docs/maz-avatar.doc.md

@@ -0,0 +1,44 @@
+## Props
+
+| Name                    | Description                                                     | Type                                               | Required | Default          | Possible values                                    |
+| ----------------------- | --------------------------------------------------------------- | -------------------------------------------------- | -------- | ---------------- | -------------------------------------------------- |
+| **style**               | The style of the component                                      | `Native type`                                      | No       | `undefined`      | -                                                  |
+| **class**               | The class of the component                                      | `Native type`                                      | No       | `undefined`      | -                                                  |
+| **src**                 | The source of the image                                         | `string \| null`                                   | No       | `undefined`      | -                                                  |
+| **caption**             | The caption of the avatar                                       | `string \| null`                                   | No       | `undefined`      | -                                                  |
+| **href**                | The link of the avatar                                          | `string`                                           | No       | `undefined`      | -                                                  |
+| **to**                  | The link (router-link) of the avatar                            | `string \| Record`                                 | No       | `undefined`      | -                                                  |
+| **alt**                 | The alt of the image                                            | `string`                                           | No       | `'avatar image'` | -                                                  |
+| **target**              | The target of the link                                          | `string`                                           | No       | `'_self'`        | -                                                  |
+| **size**                | The size of the avatar                                          | `string`                                           | No       | `undefined`      | -                                                  |
+| **bordered**            | Add a border to the avatar                                      | `boolean`                                          | No       | `undefined`      | -                                                  |
+| **clickable**           | Make the avatar clickable                                       | `boolean`                                          | No       | `undefined`      | -                                                  |
+| **square**              | Make the avatar square                                          | `boolean`                                          | No       | `undefined`      | -                                                  |
+| **no-elevation**        | Remove the shadow                                               | `boolean`                                          | No       | `undefined`      | -                                                  |
+| **show-caption**        | Show the caption                                                | `boolean`                                          | No       | `undefined`      | -                                                  |
+| **image-height-full**   | Make the image height full                                      | `boolean`                                          | No       | `undefined`      | -                                                  |
+| **hide-loader**         | Remove the loader                                               | `boolean`                                          | No       | `undefined`      | -                                                  |
+| **button-color**        | The color of the clickable button                               | `MazColor`                                         | No       | `'info'`         | -                                                  |
+| **hide-clickable-icon** | Remove the icon on hover when component is clickable            | `boolean`                                          | No       | `undefined`      | -                                                  |
+| **letter-count**        | Number of letters to display in the round text                  | `number`                                           | No       | `undefined`      | -                                                  |
+| **rounded-size**        | Size of the rounded                                             | `"none" \| "sm" \| "md" \| "lg" \| "xl" \| "full"` | No       | `'full'`         | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
+| **fallback-src**        | The fallback src to replace the src on loading error            | `string`                                           | No       | `undefined`      | -                                                  |
+| **loading**             | The loading strategy of the image - lazy, eager or intersecting | `"lazy" \| "eager" \| "intersecting"`              | No       | `'intersecting'` | `'lazy' \| 'eager' \| 'intersecting'`              |
+
+## Events
+
+| Event name   | Properties | Description                            |
+| ------------ | ---------- | -------------------------------------- |
+| click        |            | Emitted when the avatar is clicked     |
+| error        |            | Emitted when the image is in error     |
+| loaded       |            | Emitted when the image is loaded       |
+| loading      |            | Emitted when the image is loading      |
+| intersecting |            | Emitted when the image is intersecting |
+
+## Slots
+
+| Name       | Description | Bindings |
+| ---------- | ----------- | -------- |
+| round-text |             |          |
+| icon       |             |          |
+| caption    |             |          |

package/docs/generated-docs/maz-backdrop.doc.md

@@ -0,0 +1,61 @@
+## Props
+
+| Name                       | Description                                                                  | Type                                                                          | Required |
+| -------------------------- | ---------------------------------------------------------------------------- | ----------------------------------------------------------------------------- | -------- |
+| **model-value**            | `v-model` <br/>                                                              | `boolean`                                                                     | No       |
+| **teleport-selector**      | Teleport selector                                                            | `string`                                                                      | No       |
+| **before-close**           | Function called before modal is close                                        | `TSFunctionType`                                                              | No       |
+| **persistent**             | Persistent dialog (not closable by clicking outside and remove close button) | `boolean`                                                                     | No       |
+| **close-on-escape**        | Prevent close on escape key                                                  | `boolean`                                                                     | No       |
+| **transition-name**        | Transition name                                                              | `string`                                                                      | No       |
+| **backdrop-class**         | Backdrop class                                                               | `Native type`                                                                 | No       |
+| **backdrop-content-class** | Backdrop content class                                                       | `Native type`                                                                 | No       |
+| **content-padding**        | Add padding to the content                                                   | `boolean`                                                                     | No       |
+| **justify**                | Justify content                                                              | `"center" \| "end" \| "start" \| "space-between" \| "space-around" \| "none"` | No       |
+| **align**                  | Align content                                                                | `"center" \| "end" \| "start" \| "none"`                                      | No       |
+| **variant**                | Variant                                                                      | `"bottom-sheet" \| "dialog" \| "drawer"`                                      | No       |
+
+## Events
+
+| Event name         | Properties | Description                         |
+| ------------------ | ---------- | ----------------------------------- |
+| open               |            | emitted when modal is open          |
+| close              |            | emitted when modal is close         |
+| update:model-value |            | emitted when modal is open or close |
+| before-close       |            | emitted before modal is close       |
+
+## Slots
+
+| Name    | Description             | Bindings                                                                                                                             |
+| ------- | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
+| default | Place your content here | **close** `Function` - close function<br/>**on-backdrop-clicked** `Function` - onBackdropClicked function (respects persistent prop) |
+
+## Expose
+
+### onBackdropAnimationEnter
+
+>
+
+### onBackdropAnimationLeave
+
+>
+
+### onBackdropClicked
+
+>
+
+### close
+
+>
+
+### present
+
+>
+
+### toggleModal
+
+>
+
+### onKeyPress
+
+>

package/docs/generated-docs/maz-badge.doc.md

@@ -0,0 +1,16 @@
+## Props
+
+| Name             | Description                           | Type                  | Required | Default     | Possible values                                                                                                           |
+| ---------------- | ------------------------------------- | --------------------- | -------- | ----------- | ------------------------------------------------------------------------------------------------------------------------- |
+| **color**        | Color of the badge                    | `MazBadgeColor`       | No       | `'primary'` | `'primary' \| 'secondary' \| 'accent' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'contrast' \| 'background'` |
+| **size**         | Size of the badge                     | `string`              | No       | `'0.8em'`   | -                                                                                                                         |
+| **nowrap**       | Will not wrap the text                | `boolean`             | No       | `false`     | -                                                                                                                         |
+| **outlined**     | Will add a border to the badge        | `boolean`             | No       | `false`     | -                                                                                                                         |
+| **pastel**       | Will add a pastel style to the badge  | `boolean`             | No       | `false`     | -                                                                                                                         |
+| **rounded-size** | Size radius of the component's border | `MazBadgeRoundedSize` | No       | `'md'`      | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'`                                                                        |
+
+## Slots
+
+| Name    | Description   | Bindings |
+| ------- | ------------- | -------- |
+| default | Badge content |          |

package/docs/generated-docs/maz-bottom-sheet.doc.md

@@ -0,0 +1,21 @@
+## Props
+
+| Name                  | Description                         | Type      | Required |
+| --------------------- | ----------------------------------- | --------- | -------- |
+| **model-value**       | `v-model` <br/>                     | `boolean` | No       |
+| **hide-close-button** | Remove the close button             | `boolean` | No       |
+| **padding**           | Remove the padding on the container | `boolean` | No       |
+
+## Events
+
+| Event name         | Properties | Description                             |
+| ------------------ | ---------- | --------------------------------------- |
+| close              |            | Emitted when the component is closed    |
+| open               |            | Emitted when the component is opened    |
+| update:model-value |            | Emitted when the model value is updated |
+
+## Slots
+
+| Name    | Description  | Bindings                              |
+| ------- | ------------ | ------------------------------------- |
+| default | Slot content | **close** `Function` - close function |

package/docs/generated-docs/maz-btn.doc.md

@@ -0,0 +1,30 @@
+## Props
+
+| Name             | Description                                                                                                                                                              | Type                                                                                  | Required | Default     | Possible values                                                                                                                            |
+| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------- | -------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
+| **text**         | The text of the button, if not provided, the slot will be used                                                                                                           | `string`                                                                              | No       | `undefined` | -                                                                                                                                          |
+| **size**         | The size of the button                                                                                                                                                   | `MazSize`                                                                             | No       | `undefined` | `'xl' \| 'lg' \| 'md' \| 'sm' \| 'xs' \| 'mini'`                                                                                           |
+| **color**        | The color of the button                                                                                                                                                  | `MazColor \| "background"`                                                            | No       | `undefined` | `'primary' \| 'secondary' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'transparent' \| 'contrast' \| 'accent' \| 'background'` |
+| **type**         | The type of the button                                                                                                                                                   | `"submit" \| "reset" \| "button"`                                                     | No       | `undefined` | `'submit' \| 'reset' \| 'button'`                                                                                                          |
+| **rounded-size** | Size of the rounded                                                                                                                                                      | `"none" \| "sm" \| "md" \| "lg" \| "xl" \| "full"`                                    | No       | `lg`        | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'`                                                                                         |
+| **outlined**     | If true, the button have the "border" style                                                                                                                              | `boolean`                                                                             | No       | `false`     | -                                                                                                                                          |
+| **pastel**       | If true, the button will have a pastel color                                                                                                                             | `boolean`                                                                             | No       | `false`     | -                                                                                                                                          |
+| **block**        | If true, the button will have a full width                                                                                                                               | `boolean`                                                                             | No       | `false`     | -                                                                                                                                          |
+| **loading**      | Enable the button loader                                                                                                                                                 | `boolean`                                                                             | No       | `false`     | -                                                                                                                                          |
+| **disabled**     | Disable the button                                                                                                                                                       | `boolean`                                                                             | No       | `false`     | -                                                                                                                                          |
+| **fab**          | If true, the button will have a fab style                                                                                                                                | `boolean`                                                                             | No       | `false`     | -                                                                                                                                          |
+| **icon**         | The name of the icon to display or component, only with fab `@type` `{string \| FunctionalComponent<SVGAttributes> \| ComponentPublicInstance \| Component}`             | `string \| IconComponent`                                                             | No       | `undefined` | -                                                                                                                                          |
+| **left-icon**    | The name of the icon or component to display on the left of the button `@type` `{string \| FunctionalComponent<SVGAttributes> \| ComponentPublicInstance \| Component}`  | `string \| IconComponent`                                                             | No       | `undefined` | -                                                                                                                                          |
+| **right-icon**   | The name of the icon or component to display on the right of the button `@type` `{string \| FunctionalComponent<SVGAttributes> \| ComponentPublicInstance \| Component}` | `string \| IconComponent`                                                             | No       | `undefined` | -                                                                                                                                          |
+| **padding**      | If true, the button will have no padding                                                                                                                                 | `boolean`                                                                             | No       | `true`      | -                                                                                                                                          |
+| **justify**      | Choose how the elements are aligned in the button                                                                                                                        | `"start" \| "end" \| "center" \| "space-between" \| "space-around" \| "space-evenly"` | No       | `undefined` | -                                                                                                                                          |
+
+## Slots
+
+| Name      | Description                                   | Bindings |
+| --------- | --------------------------------------------- | -------- |
+| left-icon | The icon to display on the left of the button |          |
+| icon      | The icon to display on the fab button         |          |
+| default   | The content of the button                     |          |
+| left-icon | The icon to display on the left of the button |          |
+| loader    | The loader to display in the button           |          |

package/docs/generated-docs/maz-card-spotlight.doc.md

@@ -0,0 +1,16 @@
+## Props
+
+| Name              | Description                                                                                                                                         | Type          | Required | Default     |
+| ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | -------- | ----------- |
+| **color**         | The color of the component.                                                                                                                         | `MazColor`    | No       | `primary`   |
+| **elevation**     | Add elevation to the component                                                                                                                      | `boolean`     | No       | `true`      |
+| **padding**       | Add padding to the content                                                                                                                          | `boolean`     | No       | `true`      |
+| **content-class** | The classes to apply to the content div                                                                                                             | `Native type` | No       | `undefined` |
+| **content-style** | Style apply to the content div                                                                                                                      | `StyleValue`  | No       | `undefined` |
+| **inner-opacity** | 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 | `number`      | No       | `0.95`      |
+
+## Slots
+
+| Name    | Description | Bindings |
+| ------- | ----------- | -------- |
+| default |             |          |

package/docs/generated-docs/maz-card.doc.md

@@ -0,0 +1,39 @@
+## Props
+
+| Name                | Description                                                                             | Type                                                     | Required |
+| ------------------- | --------------------------------------------------------------------------------------- | -------------------------------------------------------- | -------- |
+| **orientation**     | Card variant: Must be `column \| row \| row-reverse \| column-reverse`                  | `"column" \| "row" \| "row-reverse" \| "column-reverse"` | No       |
+| **href**            | Make card a link (footer area excluded)                                                 | `string`                                                 | No       |
+| **to**              | Make card a link with a router-link (footer area excluded)                              | `Native type`                                            | No       |
+| **href-target**     | Target option of link: Muse be one of `_blank \| _self \| _parent \| _top \| framename` | `"_blank" \| "_self" \| "_parent" \| "_top" \| string`   | No       |
+| **footer-align**    | Footer text alignment: `right \| left`                                                  | `"right" \| "left"`                                      | No       |
+| **gallery**         | Images gallery props options (see `MazGallery` component)                               | `MazGalleryProps`                                        | No       |
+| **scale**           | scale animation on hover (only linked cards)                                            | `boolean`                                                | No       |
+| **elevation**       | Set elevation to card (box-shadow)                                                      | `boolean`                                                | No       |
+| **radius**          | Set radius to card                                                                      | `boolean`                                                | No       |
+| **bordered**        | Set border to card (in dark mode, the card is always bordered)                          | `boolean`                                                | No       |
+| **wrapper-class**   | add classes to wrapper                                                                  | `Native type`                                            | No       |
+| **padding**         | Remove padding from content wrapper                                                     | `boolean`                                                | No       |
+| **overflow-hidden** | Hide overflow                                                                           | `boolean`                                                | No       |
+| **collapsible**     | Make card collapsible                                                                   | `boolean`                                                | No       |
+| **collapse-open**   | `v-model:collapse-open` <br/>Card is open by default if `true`                          | `boolean`                                                | No       |
+| **title**           | Title of the card in header                                                             | `string`                                                 | No       |
+| **block**           | The card will be displayed in full width                                                | `boolean`                                                | No       |
+
+## Events
+
+| Event name          | Properties | Description                   |
+| ------------------- | ---------- | ----------------------------- |
+| update:collapseOpen |            | Update the collapseOpen model |
+
+## Slots
+
+| Name             | Description                                                     | Bindings                                                        |
+| ---------------- | --------------------------------------------------------------- | --------------------------------------------------------------- |
+| title            | The title of the card                                           |                                                                 |
+| content-title    | The title of the card                                           | **collapse-open** `mixed` - The collapse open state of the card |
+| content-subtitle | The subtitle of the card                                        |                                                                 |
+| content-body     | The body of the card                                            |                                                                 |
+| default          | The content of the card                                         | **collapse-open** `mixed` - The collapse open state of the card |
+| footer           | The footer of the card                                          |                                                                 |
+| actions          | The actions of the image gallery (only if gallery is displayed) |                                                                 |

package/docs/generated-docs/maz-carousel.doc.md

@@ -0,0 +1,16 @@
+## Props
+
+| Name                    | Description                        | Type                                                   | Required | Default                                  |
+| ----------------------- | ---------------------------------- | ------------------------------------------------------ | -------- | ---------------------------------------- |
+| **hide-scroll-buttons** | Hide display the scroll buttons    | `boolean`                                              | No       | `false`                                  |
+| **translations**        | Translations of the carousel       | `DeepPartial<MazTranslationsNestedSchema['carousel']>` | No       | `Translations from @maz-ui/translations` |
+| **hide-scrollbar**      | Hide the scrollbar when not active | `boolean`                                              | No       | `false`                                  |
+
+## Slots
+
+| Name          | Description | Bindings |
+| ------------- | ----------- | -------- |
+| title         |             |          |
+| previous-icon |             |          |
+| next-icon     |             |          |
+| default       |             |          |

package/docs/generated-docs/maz-chart.doc.md

@@ -0,0 +1,10 @@
+## Props
+
+| Name               | Description          | Type           | Required | Default     | Possible values                                                             |
+| ------------------ | -------------------- | -------------- | -------- | ----------- | --------------------------------------------------------------------------- |
+| **type**           | Type of the chart    | `T`            | Yes      | `undefined` | `bar', 'line', 'scatter', 'bubble', 'pie', 'doughnut', 'polarArea', 'radar` |
+| **data**           | Data of the chart    | `ChartData`    | Yes      | `undefined` | -                                                                           |
+| **options**        | Options of the chart | `ChartOptions` | No       | `{}`        | -                                                                           |
+| **plugins**        | Plugins of the chart | `Plugin[]`     | No       | `undefined` | -                                                                           |
+| **dataset-id-key** | Dataset ID key       | `string`       | No       | `undefined` | -                                                                           |
+| **update-mode**    | Update mode          | `UpdateMode`   | No       | `default`   | `resize', 'reset', 'none', 'hide', 'show', 'default', 'active`              |

package/docs/generated-docs/maz-checkbox.doc.md

@@ -0,0 +1,34 @@
+## Props
+
+| Name            | Description                                  | Type               | Required | Default        |
+| --------------- | -------------------------------------------- | ------------------ | -------- | -------------- |
+| **style**       | Style attribut of the component root element | `Native type`      | No       | `undefined`    |
+| **class**       | Class attribut of the component root element | `Native type`      | No       | `undefined`    |
+| **model-value** | The model value of the checkbox              | `T`                | No       | `undefined`    |
+| **id**          | The id of the checkbox                       | `string`           | No       | `undefined`    |
+| **color**       | The color of the checkbox                    | `MazColor`         | No       | `'primary'`    |
+| **value**       | The value of the checkbox when selected      | `MazCheckboxValue` | No       | `undefined`    |
+| **name**        | The name of the checkbox                     | `string`           | No       | `'m-checkbox'` |
+| **size**        | The size of the checkbox                     | `MazSize`          | No       | `'md'`         |
+| **label**       | Text label                                   | `string`           | No       | `undefined`    |
+| **disabled**    | If the checkbox is disabled                  | `boolean`          | No       | `false`        |
+| **error**       | Whether there is an error with the input.    | `boolean`          | No       | `undefined`    |
+| **success**     | Whether the input is successful.             | `boolean`          | No       | `undefined`    |
+| **warning**     | Whether there is a warning with the input.   | `boolean`          | No       | `undefined`    |
+| **hint**        | The hint text to display below the input.    | `string`           | No       | `undefined`    |
+| **tabindex**    |                                              | `any`              | No       | `0`            |
+
+## Events
+
+| Event name         | Properties                               | Description                          |
+| ------------------ | ---------------------------------------- | ------------------------------------ |
+| update:model-value | **value** `mixed` - The new value        | Emitted when the model value change  |
+| change             | **value** `mixed` - The new value        | Emitted when the model value change  |
+| blur               | **value** `FocusEvent` - The focus event | Emitted when the checkbox lost focus |
+| focus              | **value** `FocusEvent` - The focus event | Emitted when the checkbox is focused |
+
+## Slots
+
+| Name    | Description | Bindings |
+| ------- | ----------- | -------- |
+| default |             |          |

package/docs/generated-docs/maz-checklist.doc.md

@@ -0,0 +1,30 @@
+## Props
+
+| Name                | Description                                                                                                       | Type                                                    | Required | Default                                               |
+| ------------------- | ----------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | -------- | ----------------------------------------------------- |
+| **model-value**     | The model value of the checklist (selected items)                                                                 | `(T extends unknown)[]`                                 | No       | `undefined`                                           |
+| **query**           | The query to filter the items (model)                                                                             | `string`                                                | No       | `undefined`                                           |
+| **items**           | The list of items to display                                                                                      | `(O extends MazChecklistItemOption)[]`                  | No       | `undefined`                                           |
+| **title**           | The title of the checklist                                                                                        | `string`                                                | No       | `undefined`                                           |
+| **elevation**       | Add elevation to the card                                                                                         | `boolean`                                               | No       | `false`                                               |
+| **search**          | The search input options                                                                                          | `boolean \| MazInputProps`                              | No       | `{ enabled: false, debounce: 300, autoFocus: false }` |
+| **search-options**  | The options to normalize the search query (used by the default search function) By default, the threshold is 0.75 | `intersection`                                          | No       | `undefined`                                           |
+| **search-function** | Replace the default search function to provide a custom search function                                           | `TSFunctionType`                                        | No       | `undefined`                                           |
+| **color**           | The color of the checklist (card, checkbox and search input)                                                      | `MazColor`                                              | No       | `primary`                                             |
+| **translations**    | Translations of the checklist component                                                                           | `DeepPartial<MazTranslationsNestedSchema['checklist']>` | No       | `Translations from @maz-ui/translations`              |
+
+## Events
+
+| Event name         | Properties                        | Description                         |
+| ------------------ | --------------------------------- | ----------------------------------- |
+| update:query       | **value** `mixed` - The new query | Emitted when the query change       |
+| update:model-value | **value** `mixed` - The new value | Emitted when the model value change |
+
+## Slots
+
+| Name            | Description                                       | Bindings |
+| --------------- | ------------------------------------------------- | -------- |
+| title           | use this slot to customize the title              |          |
+| no-results      | use this slot to customize the no results area    |          |
+| no-results-text | use this slot to customize the no results message |          |
+| item            | use this slot to customize the item               | <br/>    |

package/docs/generated-docs/maz-circular-progress-bar.doc.md

@@ -0,0 +1,27 @@
+## Props
+
+| Name                   | Description                                                                                                                                                                        | Type          | Required | Default                                      | Possible values                      |
+| ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | -------- | -------------------------------------------- | ------------------------------------ |
+| **percentage**         | The percentage value of the progress bar                                                                                                                                           | `number`      | Yes      | `undefined`                                  | -                                    |
+| **size**               | The size of the progress bar                                                                                                                                                       | `string`      | No       | `10em' (equal 80px for a font-size of 16px)` | -                                    |
+| **duration**           | Duration of the animation in milliseconds                                                                                                                                          | `number`      | No       | `1000`                                       | -                                    |
+| **delay**              | Delay before the animation starts in milliseconds                                                                                                                                  | `number`      | No       | `100`                                        | -                                    |
+| **color**              | The color of the progress bar                                                                                                                                                      | `MazColor`    | No       | `undefined`                                  | -                                    |
+| **auto-color**         | Auto color based on the count (destructive, warning, success)                                                                                                                      | `boolean`     | No       | `false`                                      | -                                    |
+| **prefix**             | Suffix to display next to the number                                                                                                                                               | `string`      | No       | `undefined`                                  | -                                    |
+| **suffix**             | Suffix to display next to the number                                                                                                                                               | `string`      | No       | `undefined`                                  | -                                    |
+| **stroke-linecap**     | The stroke-linecap style                                                                                                                                                           | `Native type` | No       | `round`                                      | `butt', 'round', 'square', 'inherit` |
+| **stroke-width**       | The stroke width                                                                                                                                                                   | `Native type` | No       | `6`                                          | -                                    |
+| **stroke**             | The stroke color Use this prop to override the gradient color You can use a color name or a color code                                                                             | `Native type` | No       | `undefined`                                  | -                                    |
+| **success-percentage** | **The percentage value of the success level** <br/> <br/>The progress circle will be filled with the success color when the percentage is greater than or equal to this value<br/> | `number`      | No       | `100`                                        | -                                    |
+| **warning-percentage** | **The percentage value of the warning level** <br/> <br/>The progress circle will be filled with the warning color when the percentage is greater than or equal to this value<br/> | `number`      | No       | `50`                                         | -                                    |
+| **danger-percentage**  | **The percentage value of the danger level** <br/> <br/>The progress circle will be filled with the danger color when the percentage is greater than or equal to this value<br/>   | `number`      | No       | `25`                                         | -                                    |
+| **once**               | Play the animation only once                                                                                                                                                       | `boolean`     | No       | `true`                                       | -                                    |
+
+## Slots
+
+| Name    | Description                                              | Bindings |
+| ------- | -------------------------------------------------------- | -------- |
+| default | Default slot - Replace the percaentage value             |          |
+| prefix  | Prefix slot - Add a prefix next to the number (e.g: "$") |          |
+| suffix  | Suffix slot - Add a suffix next to the number (e.g: "%") |          |

package/docs/generated-docs/maz-date-picker.doc.md

@@ -0,0 +1,52 @@
+## Props
+
+| Name                        | Description                                                                                                            | Type                               | Required | Default                                              | Possible values                                                                                                        |
+| --------------------------- | ---------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | -------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
+| **id**                      | The unique identifier of the component                                                                                 | `string`                           | No       | `undefined`                                          | -                                                                                                                      |
+| **style**                   | The inline style object for the component                                                                              | `HTMLAttributes['style']`          | No       | `undefined`                                          | -                                                                                                                      |
+| **class**                   | The CSS class(es) to apply to the component                                                                            | `HTMLAttributes['class']`          | No       | `undefined`                                          | -                                                                                                                      |
+| **input-props**             | The props to apply to the input component                                                                              | `MazInputProps`                    | No       | `undefined`                                          | -                                                                                                                      |
+| **model-value**             | The value of the date picker component If an object is provided, the picker will be a range picker                     | `MazDatePickerValue`               | No       | `undefined`                                          | -                                                                                                                      |
+| **format**                  | The format pattern for date display and parsing<br/>**Example:** `'YYYY-MM-DD', 'DD/MM/YYYY', 'YYYY-MM-DD HH:mm'`      | `string`                           | No       | `'YYYY-MM-DD'`                                       | -                                                                                                                      |
+| **open**                    | `v-model:open` <br/>Controls whether the picker window is open                                                         | `boolean`                          | No       | `false`                                              | -                                                                                                                      |
+| **label**                   | The label text displayed above the input field                                                                         | `string`                           | No       | `undefined`                                          | -                                                                                                                      |
+| **placeholder**             | The placeholder text shown when no value is selected                                                                   | `string`                           | No       | `undefined`                                          | -                                                                                                                      |
+| **input-format**            | The Intl.DateTimeFormatOptions for styling the input date display                                                      | `Intl.DateTimeFormatOptions`       | No       | `() => ({ dateStyle: 'medium', timeStyle: 'full' })` | -                                                                                                                      |
+| **input-date-transformer**  | Custom function to transform the formatted date display                                                                | `Function`                         | No       | `undefined`                                          | -                                                                                                                      |
+| **locale**                  | The locale string for date formatting and localization<br/>**Example:** `'en-US', 'fr-FR', 'de-DE'`                    | `string`                           | No       | `undefined`                                          | -                                                                                                                      |
+| **hide-header**             | Controls whether the calendar header is hidden                                                                         | `boolean`                          | No       | `false`                                              | -                                                                                                                      |
+| **disabled**                | Controls whether the component is disabled                                                                             | `boolean`                          | No       | `false`                                              | -                                                                                                                      |
+| **first-day-of-week**       | The first day of the week in the calendar<br/>**Example:** `0 (Sunday), 1 (Monday), 6 (Saturday)`                      | `number`                           | No       | `0`                                                  | `0, 1, 2, 3, 4, 5, 6`                                                                                                  |
+| **auto-close**              | Controls whether the picker closes automatically after date selection                                                  | `boolean`                          | No       | `false`                                              | -                                                                                                                      |
+| **custom-element-selector** | CSS selector for a custom element that triggers the picker<br/>**Example:** `'#my-button', '.trigger-class'`           | `string`                           | No       | `undefined`                                          | -                                                                                                                      |
+| **double**                  | Controls whether the picker displays two months side by side                                                           | `boolean`                          | No       | `false`                                              | -                                                                                                                      |
+| **inline**                  | Controls whether the picker is displayed inline without input field                                                    | `boolean`                          | No       | `false`                                              | -                                                                                                                      |
+| **color**                   | The color theme of the component                                                                                       | `MazColor`                         | No       | `'primary'`                                          | `primary, secondary, success, destructive, warning, info, accent, contrast`                                            |
+| **picker-position**         | The position where the picker popover should appear                                                                    | `MazPopoverProps['position']`      | No       | `'bottom-start'`                                     | `top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start` |
+| **time**                    | Controls whether the picker includes a time selector                                                                   | `boolean`                          | No       | `false`                                              | -                                                                                                                      |
+| **only-time**               | Controls whether the picker shows only time selection (no date)                                                        | `boolean`                          | No       | `false`                                              | -                                                                                                                      |
+| **minute-interval**         | The interval in minutes for the time picker minute selection                                                           | `number`                           | No       | `5`                                                  | `1, 5, 10, 15, 30`                                                                                                     |
+| **use-browser-locale**      | Controls whether to automatically detect and use the browser's locale                                                  | `boolean`                          | No       | `true`                                               | -                                                                                                                      |
+| **fetch-local**             | Controls whether to fetch locale data dynamically                                                                      | `boolean`                          | No       | `true`                                               | -                                                                                                                      |
+| **shortcuts**               | Array of predefined date range shortcuts or false to disable                                                           | `MazDatePickerShortcut[] \| false` | No       | `true`                                               | -                                                                                                                      |
+| **shortcut**                | The identifier of the currently selected shortcut                                                                      | `string`                           | No       | `undefined`                                          | -                                                                                                                      |
+| **min-date**                | The minimum selectable date in ISO format<br/>**Example:** `'2023-01-01'`                                              | `string`                           | No       | `undefined`                                          | -                                                                                                                      |
+| **max-date**                | The maximum selectable date in ISO format<br/>**Example:** `'2024-12-31'`                                              | `string`                           | No       | `undefined`                                          | -                                                                                                                      |
+| **disabled-weekly**         | Array of weekday numbers to disable (0 = Sunday, 6 = Saturday)<br/>**Example:** `[0, 6] to disable weekends`           | `number[]`                         | No       | `() => []`                                           | -                                                                                                                      |
+| **disabled-dates**          | Array of specific dates to disable in ISO format<br/>**Example:** `['2023-12-25', '2024-01-01']`                       | `string[]`                         | No       | `() => []`                                           | -                                                                                                                      |
+| **disabled-hours**          | Array of hour numbers to disable in the time picker (0-23)<br/>**Example:** `[0, 1, 2, 22, 23] to disable night hours` | `number[]`                         | No       | `() => []`                                           | -                                                                                                                      |
+| **block**                   | Controls whether the input displays in full width                                                                      | `boolean`                          | No       | `false`                                              | -                                                                                                                      |
+| **range**                   | Controls whether the picker operates in range selection mode                                                           | `boolean`                          | No       | `false`                                              | -                                                                                                                      |
+
+## Events
+
+| Event name         | Properties                                                           | Description                           |
+| ------------------ | -------------------------------------------------------------------- | ------------------------------------- |
+| update:model-value | **value** `MazDatePickerValue \| undefined` - The new selected value | Emitted when the picker value changes |
+| close              |                                                                      | Emitted when the picker closes        |
+
+## Slots
+
+| Name    | Description                                     | Bindings                                                                                                                                                                                                                             |
+| ------- | ----------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| trigger | Replace the default input with your own element | **is-open** `boolean` - Current open state of the popover<br/>**close** `function` - Function to close the popover<br/>**open** `function` - Function to open the popover<br/>**toggle** `function` - Function to toggle the popover |

package/docs/generated-docs/maz-dialog-confirm.doc.md

@@ -0,0 +1,24 @@
+## Events
+
+| Event name | Properties              | Description                 |
+| ---------- | ----------------------- | --------------------------- |
+| close      | **value** `void` - void | Emitted when modal is close |
+| open       | **value** `void` - void | Emitted when modal is open  |
+
+## Slots
+
+| Name          | Description                       | Bindings                                                                            |
+| ------------- | --------------------------------- | ----------------------------------------------------------------------------------- |
+| title         | title slot - Place your title     |                                                                                     |
+| default       | Default slot - Place your content | **accept** `Function` - accept function<br/>**reject** `Function` - reject function |
+| footer-button | Footer slot                       | **accept** `Function` - accept function<br/>**reject** `Function` - reject function |
+
+## Expose
+
+### close
+
+> Close the dialog <br/>`@description` This is used to close the dialog
+
+### isActive
+
+> Check if the dialog is active <br/>`@description` This is used to check if the dialog is active

package/docs/generated-docs/maz-dialog.doc.md

@@ -0,0 +1,22 @@
+## Events
+
+| Event name         | Properties | Description                         |
+| ------------------ | ---------- | ----------------------------------- |
+| close              |            | emitted when modal is close         |
+| open               |            | emitted when modal is open          |
+| update:model-value |            | emitted when modal is open or close |
+
+## Slots
+
+| Name    | Description              | Bindings                                   |
+| ------- | ------------------------ | ------------------------------------------ |
+| header  | Header slot              | **close** `Function` - close function<br/> |
+| title   | Title slot in the header |                                            |
+| default | Default content          | **close** `Function` - close function<br/> |
+| footer  | Footer slot              | **close** `Function` - close function<br/> |
+
+## Expose
+
+### close
+
+> Close the dialog <br/>`@description` This is used to close the dialog

package/docs/generated-docs/maz-drawer.doc.md

@@ -0,0 +1,26 @@
+## Props
+
+| Name                  | Description               | Type                                     | Required | Default     | Possible values                  |
+| --------------------- | ------------------------- | ---------------------------------------- | -------- | ----------- | -------------------------------- |
+| **title**             | The title of the drawer   | `string`                                 | No       | `undefined` | -                                |
+| **variant**           | The variant of the drawer | `"right" \| "top" \| "left" \| "bottom"` | No       | `'right'`   | `right', 'top', 'left', 'bottom` |
+| **size**              | The size of the drawer    | `string`                                 | No       | `'30rem'`   | -                                |
+| **backdrop-class**    | The class of the backdrop | `string`                                 | No       | `undefined` | -                                |
+| **hide-close-button** | Disable the close button  | `boolean`                                | No       | `undefined` | -                                |
+| **no-close**          |                           | `any`                                    | No       | `false`     | -                                |
+
+## Events
+
+| Event name         | Properties                                   | Description                                    |
+| ------------------ | -------------------------------------------- | ---------------------------------------------- |
+| close              |                                              | emitted when drawer is close (after animation) |
+| open               |                                              | emitted when drawer is open                    |
+| before-close       |                                              | emitted before drawer is close                 |
+| update:model-value | **value** `boolean` - The value of the model | emitted when drawer is open or close           |
+
+## Slots
+
+| Name    | Description | Bindings |
+| ------- | ----------- | -------- |
+| title   |             |          |
+| default |             |          |