@maz-ui/mcp 5.0.0 → 5.1.0-beta.0

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

@@ -1,231 +0,0 @@
----
-title: MazCarousel
-description: MazCarousel is a standalone component to display and manage items in a row
-head:
-  - - meta
-    - name: twitter:title
-      content: MazCarousel | Maz-UI
-    - name: twitter:description
-      content: MazCarousel is a standalone component to display and manage items in a row
-    - property: og:title
-      content: MazCarousel | Maz-UI
-    - property: og:description
-      content: MazCarousel is a standalone component to display and manage items in a row
----
-
-# {{ $frontmatter.title }}
-
-{{ $frontmatter.description }}
-
-<!--@include: ./../../.vitepress/mixins/getting-started.md-->
-
-<!--@include: ./../../.vitepress/mixins/translated-component.md-->
-
-## Basic usage
-
-<ComponentDemo>
-  <MazCarousel title="Carousel title">
-    <MazCard
-      v-for="(item, i) in Array(8)"
-      :key="i"
-      :gallery="{
-        images: [
-          `https://placedog.net/250/300?random`
-        ]
-      }"
-      style="min-width: 250px;"
-    >
-      <template #content-title>
-        <h4 class="maz:m-0">
-          Doggo
-        </h4>
-      </template>
-      <template #content-body>
-        <p class="maz:text-muted" style="margin-bottom: 0;">
-          It's a beautifull doggo, no ?
-        </p>
-      </template>
-    </MazCard>
-  </MazCarousel>
-
-  <template #code>
-
-```vue
-<script lang="ts" setup>
-import MazCarousel from 'maz-ui/components/MazCarousel'
-import MazCard from 'maz-ui/components/MazCard'
-</script>
-
-<template>
-  <MazCarousel title="Carousel title">
-    <MazCard
-      v-for="(item, i) in Array(8)"
-      :key="i"
-      :gallery="{
-        images: [
-          'https://placedog.net/250/300?random',
-        ],
-      }"
-      style="min-width: 250px;"
-    >
-      <template #title>
-        <h4 class="maz:m-0">
-          Doggo
-        </h4>
-      </template>
-      <template #content-body>
-        <p class="maz:text-muted" style="margin-bottom: 0;">
-          It's a beautifull doggo, no ?
-        </p>
-      </template>
-    </MazCard>
-  </MazCarousel>
-</template>
-```
-
-  </template>
-</ComponentDemo>
-
-## Options
-
-### hide-scrollbar
-
-This options will display the component without scrollbar only when the component is not hovered, focused or active
-
-<ComponentDemo>
-  <MazCarousel hide-scrollbar>
-    <template #title>
-      <h4 class="maz:text-2xl maz:font-bold">Carousel</h4>
-    </template>
-    <MazCard
-      v-for="(item, i) in Array(8)"
-      :key="i"
-      :gallery="{
-        images: [
-          'https://placedog.net/400/200?random'
-        ]
-      }"
-      style="min-width: 250px;"
-    >
-      <template #content-title>
-        <h4 class="maz:m-0">
-          Doggo
-        </h4>
-      </template>
-      <template #content-body>
-        <p class="maz:text-muted" style="margin-bottom: 0;">
-          It's a beautifull doggo, no ?
-        </p>
-      </template>
-    </MazCard>
-  </MazCarousel>
-
-  <template #code>
-
-```vue
-<script lang="ts" setup>
-import MazCarousel from 'maz-ui/components/MazCarousel'
-import MazCard from 'maz-ui/components/MazCard'
-</script>
-
-<template>
-  <MazCarousel hide-scrollbar>
-    <template #title>
-      <h4 class="maz:text-2xl maz:font-bold">Carousel</h4>
-    </template>
-    <MazCard
-      v-for="(item, i) in Array(8)"
-      :key="i"
-      :gallery="{
-        images: [
-          'https://placedog.net/400/200?random'
-        ]
-      }"
-      style="min-width: 250px;"
-    >
-      <template #content-title>
-        <h4 class="maz:m-0">
-          Doggo
-        </h4>
-      </template>
-      <template #content-body>
-        <p class="maz:text-muted" style="margin-bottom: 0;">
-          It's a beautifull doggo, no ?
-        </p>
-      </template>
-    </MazCard>
-  </MazCarousel>
-</template>
-```
-
-  </template>
-</ComponentDemo>
-
-### hide-scroll-buttons
-
-This options will display the component without scroll buttons
-
-<ComponentDemo>
-  <MazCarousel hide-scroll-buttons title="Carousel without scroll buttons">
-    <MazCard
-      v-for="(item, i) in Array(8)"
-      :key="i"
-      :gallery="{
-        images: [
-          'https://placedog.net/300/200'
-        ]
-      }"
-      style="min-width: 250px;"
-    >
-      <template #content-title>
-        <h4 class="maz:m-0">
-          Doggo
-        </h4>
-      </template>
-      <template #content-body>
-        <p class="maz:text-muted" style="margin-bottom: 0;">
-          It's a beautifull doggo, no ?
-        </p>
-      </template>
-    </MazCard>
-  </MazCarousel>
-
-  <template #code>
-
-```vue
-<script lang="ts" setup>
-import MazCarousel from 'maz-ui/components/MazCarousel'
-import MazCard from 'maz-ui/components/MazCard'
-</script>
-
-<template>
-  <MazCarousel hide-scroll-buttons title="Carousel without scroll buttons">
-    <MazCard
-      v-for="(item, i) in Array(8)"
-      :key="i"
-      :gallery="{
-        images: [
-          'https://placedog.net/300/200'
-        ]
-      }"
-      style="min-width: 250px;"
-    >
-      <template #content-title>
-        <h4 class="maz:m-0">
-          Doggo
-        </h4>
-      </template>
-      <template #content-body>
-        <p class="maz:text-muted" style="margin-bottom: 0;">
-          It's a beautifull doggo, no ?
-        </p>
-      </template>
-    </MazCard>
-  </MazCarousel>
-</template>
-```
-
-  </template>
-</ComponentDemo>
-
-<!--@include: ./../../.vitepress/generated-docs/maz-carousel.doc.md-->

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

@@ -1,168 +0,0 @@
----
-title: MazCheckbox
-description: MazCheckbox is a standalone component that replaces the standard html input checkbox. Color options are available.
----
-
-# {{ $frontmatter.title }}
-
-{{ $frontmatter.description }}
-
-<!--@include: ./../../.vitepress/mixins/getting-started.md-->
-
-## Basic usage
-
-`v-model="{{checked}}"`
-
-<MazCheckbox v-model="checked" :label="checked ? 'Checked' : 'Unchecked'" />
-
-```vue
-<script lang="ts" setup>
-import MazCheckbox from 'maz-ui/components/MazCheckbox'
-import { ref } from 'vue'
-
-const checked = ref(false)
-</script>
-
-<template>
-  <MazCheckbox v-model="checked" :label="checked ? 'Checked' : 'Unchecked'" />
-</template>
-```
-
-## Colors
-
-`v-model="{{chosenColors}}"`
-
-<div class="maz:flex maz:flex-col maz:gap-2">
-  <MazCheckbox
-    v-for="color in colors"
-    :key="color"
-    v-model="chosenColors"
-    :color="color"
-    :id="color"
-    :name="color"
-    :value="color"
-  >
-    {{ color }}
-  </MazCheckbox>
-</div>
-
-::: details View code
-
-```vue
-<script lang="ts" setup>
-import type { Color } from 'maz-ui/components'
-import MazCheckbox from 'maz-ui/components/MazCheckbox'
-import { ref } from 'vue'
-
-const chosenColors = ref([])
-
-const colors: Color[] = [
-  'primary',
-  'secondary',
-  'info',
-  'success',
-  'warning',
-  'destructive',
-  'contrast',
-  'accent',
-]
-</script>
-
-<template>
-  <MazCheckbox
-    v-for="color in colors"
-    :id="color"
-    :key="color"
-    v-model="chosenColors"
-    :color="color"
-    name="color"
-    :value="color"
-  >
-    {{ color }}
-  </MazCheckbox>
-</template>
-```
-
-:::
-
-## Sizing
-
-`v-model="{{chosenSizes}}"`
-
-<div class="maz:flex maz:flex-col maz:gap-2">
-  <MazCheckbox
-    v-for="size in sizes"
-    :key="size"
-    v-model="chosenSizes"
-    name="size"
-    :value="size"
-    :size="size"
-  >
-    {{ size }}
-  </MazCheckbox>
-</div>
-
-::: details View code
-
-```vue
-<script lang="ts" setup>
-import type { MazSize } from 'maz-ui/components'
-import MazCheckbox from 'maz-ui/components/MazCheckbox'
-import { ref } from 'vue'
-
-const chosenSizes = ref([])
-
-const sizes: MazSize[] = ['mini', 'xs', 'sm', 'md', 'lg', 'xl']
-</script>
-
-<template>
-  <MazCheckbox
-    v-for="size in sizes"
-    :key="size"
-    v-model="chosenSizes"
-    name="size"
-    :value="size"
-    :size="size"
-  >
-    {{ size }}
-  </MazCheckbox>
-</template>
-```
-
-:::
-
-## Disabled
-
-<div class="maz:flex maz:flex-col maz:gap-2">
-  <MazCheckbox :model-value="false" disabled name="disabled">
-    disabled
-  </MazCheckbox>
-
-  <MazCheckbox :model-value="true" disabled name="disabled">
-    disabled & checked
-  </MazCheckbox>
-</div>
-
-<script lang="ts" setup>
-  import { ref } from 'vue'
-  import { type Color, type Size } from 'maz-ui/components'
-
-  const checked = ref(false)
-  const chosenColors = ref([])
-  const chosenSizes = ref([])
-
-  const colors: Color[] = [
-    'primary',
-    'secondary',
-    'info',
-    'success',
-    'warning',
-    'destructive',
-    'contrast',
-    'accent',
-  ]
-
-  const sizes: Size[] = ['mini', 'xs', 'sm', 'md', 'lg', 'xl']
-</script>
-
-<!--@include: ./../../.vitepress/generated-docs/maz-checkbox.doc.md-->