@maz-ui/mcp 5.0.1-beta.0 → 5.1.0-beta.1

package/docs/src/components/maz-expand-animation.md

@@ -1,99 +0,0 @@
----
-title: MazExpandAnimation
-description: MazExpandAnimation is a standalone component that allows you to animate the height of a block element
----
-
-# {{ $frontmatter.title }}
-
-{{ $frontmatter.description }}
-
-<!--@include: ./../../.vitepress/mixins/getting-started.md-->
-
-## Basic usage
-
-<ComponentDemo>
-  <MazBtn @click="visible = !visible"> Exec animation </MazBtn>
-
-  <br />
-
-  <MazExpandAnimation v-model="visible">
-    <div class="maz:pt-4">
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-    </div>
-  </MazExpandAnimation>
-
-<template #code>
-
-```vue
-<script lang="ts" setup>
-import MazExpandAnimation from 'maz-ui/components/MazExpandAnimation'
-import { ref } from 'vue'
-
-const visible = ref(false)
-</script>
-
-<template>
-  <MazBtn @click="visible = !visible">
-    Exec animation
-  </MazBtn>
-
-  <MazExpandAnimation v-model="visible">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-  </MazExpandAnimation>
-</template>
-```
-
-  </template>
-</ComponentDemo>
-
-## Options
-
-- **duration**: `String` - default: `300ms` - Duration of the animation in ms
-- **timing-function**: `String` - default: `ease-in-out` - Timing function of the animation
-
-<ComponentDemo>
-  <MazBtn @click="visible2 = !visible2"> Exec animation </MazBtn>
-
-  <br />
-
-  <MazExpandAnimation v-model="visible2" duration="1000ms" timing-function="linear">
-    <div class="maz:pt-4">
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-    </div>
-  </MazExpandAnimation>
-
-<template #code>
-
-```vue
-<script lang="ts" setup>
-import MazExpandAnimation from 'maz-ui/components/MazExpandAnimation'
-import { ref } from 'vue'
-
-const visible = ref(false)
-</script>
-
-<template>
-  <MazBtn @click="visible = !visible">
-    Exec animation
-  </MazBtn>
-
-  <MazExpandAnimation v-model="visible" duration="1000ms" timing-function="linear">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-  </MazExpandAnimation>
-</template>
-```
-
-  </template>
-</ComponentDemo>
-
-<script setup lang="ts">
-  import { ref } from 'vue'
-  const visible = ref(false)
-  const visible2 = ref(false)
-</script>
-
-<!--@include: ./../../.vitepress/generated-docs/maz-expand-animation.doc.md-->

package/docs/src/components/maz-fullscreen-loader.md

@@ -1,58 +0,0 @@
----
-title: MazFullscreenLoader
-description: MazFullscreenLoader is a standalone component
----
-
-# {{ $frontmatter.title }}
-
-{{ $frontmatter.description }}
-
-<!--@include: ./../../.vitepress/mixins/getting-started.md-->
-
-## Basic usage
-
-<MazFullscreenLoader v-if="showLoader" @click="showLoader = false">
-  <p class="maz:text-lg maz:text-surface">
-    Loading...
-  </p>
-  <p class="maz:text-lg maz:text-surface">
-    (click to hide loader)
-  </p>
-</MazFullscreenLoader>
-
-<MazBtn @click="showLoader = true">
-  Show loader
-</MazBtn>
-
-```vue
-<script lang="ts" setup>
-import { MazBtn, MazFullscreenLoader } from 'maz-ui/components'
-
-import { ref } from 'vue'
-
-const showLoader = ref(false)
-</script>
-
-<template>
-  <MazFullscreenLoader v-if="showLoader" @click="showLoader = false">
-    <p>
-      Loading...
-    </p>
-    <p>
-      (click to hide loader)
-    </p>
-  </MazFullscreenLoader>
-
-  <MazBtn @click="showLoader = true">
-    Show loader
-  </MazBtn>
-</template>
-```
-
-<script lang="ts" setup>
-  import { ref } from 'vue'
-
-  const showLoader = ref(false)
-</script>
-
-<!--@include: ./../../.vitepress/generated-docs/maz-fullscreen-loader.doc.md-->

package/docs/src/components/maz-gallery.md

@@ -1,85 +0,0 @@
----
-title: MazGallery
-description: MazGallery is a standalone component used to display images in a container and has many options and actions
----
-
-# {{ $frontmatter.title }}
-
-{{ $frontmatter.description }}
-
-<!--@include: ./../../.vitepress/mixins/getting-started.md-->
-
-## Basic usage
-
-<MazGallery
-  :images
-  :height="320"
-/>
-
-```vue
-<script lang="ts" setup>
-import { MazGallery, type MazGalleryImage } from 'maz-ui/components'
-
-const images: MazGalleryImage[] = [
-  'https://placedog.net/640/400',
-  { src: 'https://placedog.net/640/600', thumbnail: 'https://placedog.net/100/100', alt: 'image description' },
-  { src: 'https://placedog.net/640/700', alt: 'image description' },
-  'https://placedog.net/640/800',
-  'https://placedog.net/640/1000',
-  'https://placedog.net/800/800'
-]
-</script>
-
-<template>
-  <MazGallery
-    :images
-    :height="320"
-  />
-</template>
-```
-
-## Set height by CSS
-
-<MazGallery
-  :images="images2"
-  class="maz:h-48 maz:mob-l:h-60 maz:tab-s:h-80"
-  :height="false"
-/>
-
-```html
-<MazGallery :images="images" class="h-48 md:h-60 lg:h-80" :height="false" />
-```
-
-## Types
-
-```ts
-type MazGalleryImage
-  = | {
-    thumbnail?: string
-    src: string
-    alt?: string
-  }
-  | string
-```
-
-<!--@include: ./../../.vitepress/generated-docs/maz-gallery.doc.md-->
-
-<script lang="ts" setup>
-  const images: MazGalleryImage[] = [
-    'https://placedog.net/640/400',
-    { src: 'https://placedog.net/640/600', thumbnail: 'https://placedog.net/100/100', alt: 'image description' },
-    { src: 'https://placedog.net/640/700', alt: 'image description' },
-    'https://placedog.net/640/800',
-    'https://placedog.net/640/1000',
-    'https://placedog.net/800/800'
-  ]
-
-  const images2: MazGalleryImage[] = [
-    'https://placedog.net/500/400',
-    { src: 'https://placedog.net/500/600', thumbnail: 'https://placedog.net/100/100', alt: 'image description' },
-    { src: 'https://placedog.net/500/700', alt: 'image description' },
-    'https://placedog.net/500/800',
-    'https://placedog.net/500/1000',
-    'https://placedog.net/500/800'
-  ]
-</script>

package/docs/src/components/maz-input-code.md

@@ -1,61 +0,0 @@
----
-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.
----
-
-# {{ $frontmatter.title }}
-
-{{ $frontmatter.description }}
-
-<!--@include: ./../../.vitepress/mixins/getting-started.md-->
-
-## Basic usage
-
-<MazInputCode v-model="code" />
-
-`v-model="{{code}}"`
-
-```vue
-<script lang="ts" setup>
-import MazInputCode from 'maz-ui/components/MazInputCode'
-
-const code = ref()
-</script>
-
-<template>
-  <MazInputCode v-model="code" />
-</template>
-```
-
-## Size
-
-<div class="maz:flex maz:flex-col maz:gap-2">
-  <MazInputCode v-model="code" size="mini" />
-  <MazInputCode v-model="code" size="xs" />
-  <MazInputCode v-model="code" size="sm" />
-  <MazInputCode v-model="code" size="lg" />
-  <MazInputCode v-model="code" size="xl" />
-</div>
-
-```html
-<MazInputCode v-model="code" size="mini" />
-<MazInputCode v-model="code" size="xs" />
-<MazInputCode v-model="code" size="sm" />
-<MazInputCode v-model="code" size="lg" />
-<MazInputCode v-model="code" size="xl" />
-```
-
-## Disabled
-
-<MazInputCode v-model="code" disabled />
-
-```html
-<MazInputCode v-model="code" disabled />
-```
-
-<script lang="ts" setup>
-  import { ref } from 'vue'
-  const code = ref('123')
-</script>
-
-<!--@include: ./../../.vitepress/generated-docs/maz-input-code.doc.md-->

package/docs/src/components/maz-input-number.md

@@ -1,81 +0,0 @@
----
-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.
----
-
-# {{ $frontmatter.title }}
-
-{{ $frontmatter.description }}
-
-<!--@include: ./../../.vitepress/mixins/getting-started.md-->
-
-## Basic usage
-
-<ComponentDemo>
-  <MazInputNumber
-    v-model="numberValue"
-    placeholder="Enter number"
-    :min="5"
-    :step="5"
-    :max="10000"
-    color="secondary"
-    style="min-width: 200px"
-  />
-
-  <br />
-  <br />
-
-`numberValue: {{ numberValue }}`
-
-<template #code>
-
-```vue
-<script lang="ts" setup>
-import MazInputNumber from 'maz-ui/components/MazInputNumber'
-import { ref } from 'vue'
-const numberValue = ref(2)
-</script>
-
-<template>
-  <MazInputNumber
-    v-model="numberValue"
-    placeholder="Enter number"
-    :min="5"
-    :step="5"
-    :max="10000"
-    color="secondary"
-    style="min-width: 200px"
-  />
-</template>
-```
-
-  </template>
-</ComponentDemo>
-
-## No buttons
-
-You can remove the buttons with the props `hide-buttons`
-
-<ComponentDemo>
-  <MazInputNumber
-    v-model="numberValue"
-    placeholder="Enter number"
-    hide-buttons
-  />
-
-<template #code>
-
-```html
-<MazInputNumber v-model="numberValue" placeholder="Enter number" hide-buttons />
-```
-
-  </template>
-</ComponentDemo>
-
-<!--@include: ./../../.vitepress/mixins/maz-input-props.md-->
-<!--@include: ./../../.vitepress/generated-docs/maz-input-number.doc.md-->
-
-<script lang="ts" setup>
-  import { ref } from 'vue'
-  const numberValue = ref()
-</script>