fulldev-ui 0.6.0-beta.8 → 0.6.0

package/src/content/pages/docs/blocks/content.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: block
+_block: Content8
 title: Content
 ---
 
@@ -11,6 +11,7 @@ import Content1 from 'fulldev-ui/blocks/Content1.astro'
 ---
 
 <Content1
+  depth={1}
   tagline="Lorem ipsum"
   heading="Lorem ipsum dolor sit"
   paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
@@ -94,6 +95,7 @@ import Content4 from 'fulldev-ui/blocks/Content4.astro'
 ---
 
 <Content4
+  depth={1}
   tagline="Lorem ipsum"
   heading="Lorem ipsum dolor sit"
   paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
@@ -128,6 +130,7 @@ import Content5 from 'fulldev-ui/blocks/Content5.astro'
 ---
 
 <Content5
+  depth={1}
   tagline="Lorem ipsum"
   heading="Lorem ipsum dolor sit"
   paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
@@ -153,3 +156,161 @@ import Content5 from 'fulldev-ui/blocks/Content5.astro'
   `
 />
 ```
+
+## Content6
+
+```astro live
+---
+import Content6 from 'fulldev-ui/blocks/Content6.astro'
+---
+
+<Content6
+  depth={1}
+  tagline="Lorem ipsum"
+  heading="Lorem ipsum dolor sit"
+  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
+  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
+  image={{ src: '/images/placeholder-landscape.webp' }}
+  headings={[
+    {
+      text: 'Lorem ipsum',
+      depth: 1,
+    },
+    {
+      text: 'Dolor sit amet',
+      depth: 2,
+    },
+    {
+      text: 'Consectetur',
+      depth: 3,
+    },
+  ]}
+  content=`
+    <h3>HTML Content Example</h3>
+    <p>This is an example of HTML content inserted into the Content block.</p>
+    <ul>
+      <li>First item</li>
+      <li>Second item</li>
+      <li>Third item</li>
+    </ul>
+  `
+/>
+```
+
+## Content7
+
+```astro live
+---
+import Content7 from 'fulldev-ui/blocks/Content7.astro'
+---
+
+<Content7
+  depth={1}
+  tagline="Lorem ipsum"
+  heading="Lorem ipsum dolor sit"
+  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
+  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
+  image={{ src: '/images/placeholder-landscape.webp' }}
+  headings={[
+    {
+      text: 'Lorem ipsum',
+      depth: 1,
+    },
+    {
+      text: 'Dolor sit amet',
+      depth: 2,
+    },
+    {
+      text: 'Consectetur',
+      depth: 3,
+    },
+  ]}
+  menus={[
+    {
+      heading: 'Lorem ipsum',
+      links: [
+        { text: 'Lorem ipsum' },
+        { text: 'Dolor sit' },
+        { text: 'Amet consectetur' },
+      ],
+    },
+    {
+      heading: 'Dolor sit amet',
+      links: [
+        { text: 'Adipisicing elit' },
+        { text: 'Voluptatibus quia' },
+        { text: 'Nulla maiores' },
+      ],
+    },
+    {
+      heading: 'Consectetur',
+      links: [
+        { text: 'Perferendis eaque' },
+        { text: 'Exercitationem' },
+        { text: 'Praesentium nihil' },
+      ],
+    },
+  ]}
+  content=`
+    <h3>HTML Content Example</h3>
+    <p>This is an example of HTML content inserted into the Content block.</p>
+    <ul>
+      <li>First item</li>
+      <li>Second item</li>
+      <li>Third item</li>
+    </ul>
+  `
+/>
+```
+
+## Content8
+
+```astro live
+---
+import Content8 from 'fulldev-ui/blocks/Content8.astro'
+---
+
+<Content8
+  depth={1}
+  tagline="Lorem ipsum"
+  heading="Lorem ipsum dolor sit"
+  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
+  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
+  image={{ src: '/images/placeholder-landscape.webp' }}
+  menus={[
+    {
+      heading: 'Lorem ipsum',
+      links: [
+        { text: 'Lorem ipsum' },
+        { text: 'Dolor sit' },
+        { text: 'Amet consectetur' },
+      ],
+    },
+    {
+      heading: 'Dolor sit amet',
+      links: [
+        { text: 'Adipisicing elit' },
+        { text: 'Voluptatibus quia' },
+        { text: 'Nulla maiores' },
+      ],
+    },
+    {
+      heading: 'Consectetur',
+      links: [
+        { text: 'Perferendis eaque' },
+        { text: 'Exercitationem' },
+        { text: 'Praesentium nihil' },
+      ],
+    },
+  ]}
+  content=`
+    <h3>HTML Content Example</h3>
+    <p>This is an example of HTML content inserted into the Content block.</p>
+    <ul>
+      <li>First item</li>
+      <li>Second item</li>
+      <li>Third item</li>
+    </ul>
+  `
+/>
+```

package/src/content/pages/docs/blocks/cta.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: block
+_block: Content8
 title: Cta
 ---
 

package/src/content/pages/docs/blocks/features.mdx

@@ -1,8 +1,10 @@
 ---
-_layout: block
+_block: Content8
 title: Features
 ---
 
+## Features 1
+
 ```astro live
 ---
 import Features1 from 'fulldev-ui/blocks/Features1.astro'
@@ -33,3 +35,66 @@ import Features1 from 'fulldev-ui/blocks/Features1.astro'
   ]}
 />
 ```
+
+## Features 2
+
+```astro live
+---
+import Features2 from 'fulldev-ui/blocks/Features2.astro'
+---
+
+<Features2
+  heading="Lorem ipsum dolor sit"
+  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit."
+  cards={[
+    {
+      icon: 'rocket',
+      heading: 'Lorem ipsum',
+      paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+      button: { text: 'Lorem ipsum', href: '' },
+    },
+    {
+      icon: 'pencil',
+      heading: 'Lorem ipsum',
+      paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+      button: { text: 'Lorem ipsum', href: '' },
+    },
+    {
+      icon: 'typography',
+      heading: 'Lorem ipsum',
+      paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+      button: { text: 'Lorem ipsum', href: '' },
+    },
+    {
+      icon: 'rocket',
+      heading: 'Lorem ipsum',
+      paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+      button: { text: 'Lorem ipsum', href: '' },
+    },
+    {
+      icon: 'pencil',
+      heading: 'Lorem ipsum',
+      paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+      button: { text: 'Lorem ipsum', href: '' },
+    },
+    {
+      icon: 'typography',
+      heading: 'Lorem ipsum',
+      paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+      button: { text: 'Lorem ipsum', href: '' },
+    },
+    {
+      icon: 'pencil',
+      heading: 'Lorem ipsum',
+      paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+      button: { text: 'Lorem ipsum', href: '' },
+    },
+    {
+      icon: 'typography',
+      heading: 'Lorem ipsum',
+      paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+      button: { text: 'Lorem ipsum', href: '' },
+    },
+  ]}
+/>
+```

package/src/content/pages/docs/blocks/footer.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: block
+_block: Content8
 title: Footer
 ---
 

package/src/content/pages/docs/blocks/header.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: block
+_block: Content8
 title: Header
 ---
 

package/src/content/pages/docs/blocks/hero.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: block
+_block: Content8
 title: Hero
 ---
 

package/src/content/pages/docs/blocks/intro.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: block
+_block: Content8
 title: Intro1
 ---
 

package/src/content/pages/docs/blocks/logos.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: block
+_block: Content8
 title: Logos
 ---
 

package/src/content/pages/docs/blocks/projects.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: block
+_block: Content8
 title: Content
 ---
 

package/src/content/pages/docs/blocks/reviews.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: block
+_block: Content8
 title: Reviews
 ---
 

package/src/content/pages/docs/blocks.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Using Blocks
 description: Ready to use blocks and page building.
 ---
@@ -17,11 +17,9 @@ import Hero1 from 'fulldev-ui/blocks/Hero1.astro'
   buttons={[
     {
       text: 'Click me',
-      href: '#',
     },
     {
       text: 'Click me',
-      href: '#',
     },
   ]}
 />
@@ -45,14 +43,10 @@ import Block from 'fulldev-ui/components/Block.astro'
   buttons={[
     {
       text: 'Click me',
-      href: '#',
     },
     {
       text: 'Click me',
-      href: '#',
     },
   ]}
 />
 ```
-
-More on this in the [Layouts](/docs/layouts/) guide.

package/src/content/pages/docs/collections/images.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: images
 ---
 

package/src/content/pages/docs/collections/pages.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: pages
 ---
 

package/src/content/pages/docs/collections/presets.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: presets
 ---
 

package/src/content/pages/docs/components/_localeswitcher.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: LocaleSwitcher
 ---
 

package/src/content/pages/docs/components/_table.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Table
 ---
 

package/src/content/pages/docs/components/_tagline.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Tagline
 ---
 

package/src/content/pages/docs/components/_themer.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Themer
 ---
 

package/src/content/pages/docs/components/_toggle.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Toggle
 ---
 

package/src/content/pages/docs/components/avatar.mdx

@@ -0,0 +1,32 @@
+---
+_block: Content7
+title: Avatar
+---
+
+import Props from 'fulldev-ui/components/docs/Props.astro'
+
+```astro live
+---
+import Avatar from 'fulldev-ui/components/Avatar.astro'
+---
+
+<Avatar src="/images/avatar-2.jpeg" />
+```
+
+## Props
+
+<Props />
+
+## Examples
+
+### `variant`
+
+```astro live
+---
+import Avatar from 'fulldev-ui/components/Avatar.astro'
+---
+
+<Avatar size="sm" src="/images/avatar-2.jpeg" />
+<Avatar size="md" src="/images/avatar-2.jpeg" />
+<Avatar size="lg" src="/images/avatar-2.jpeg" />
+```

package/src/content/pages/docs/components/badge.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Badge
 ---
 
@@ -31,39 +31,6 @@ import Badge from 'fulldev-ui/components/Badge.astro'
 <Badge variant="outline">Outline</Badge>
 ```
 
-### `size`
-
-```astro live
----
-import Badge from 'fulldev-ui/components/Badge.astro'
----
-
-<Badge size="sm">Small</Badge>
-<Badge size="md">Medium</Badge>
-<Badge size="lg">Large</Badge>
-```
-
-### `icon`
-
-```astro live
----
-import Badge from 'fulldev-ui/components/Badge.astro'
----
-
-<Badge icon="circle" text="Badge" />
-<Badge icon="circle" />
-```
-
-### `href`
-
-```astro live
----
-import Badge from 'fulldev-ui/components/Badge.astro'
----
-
-<Badge href="#">Link</Badge>
-```
-
 ### `text`
 
 ```astro live

package/src/content/pages/docs/components/badges.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Badges
 description: A utility component for displaying multiple badges.
 ---
@@ -31,15 +31,3 @@ import Badges from 'fulldev-ui/components/Badges.astro'
 <Badges variant="secondary" badges={[{ text: 'First' }, { text: 'Second' }]} />
 <Badges variant="outline" badges={[{ text: 'First' }, { text: 'Second' }]} />
 ```
-
-### `size`
-
-```astro live
----
-import Badges from 'fulldev-ui/components/Badges.astro'
----
-
-<Badges size="sm" badges={[{ text: 'First' }, { text: 'Second' }]} />
-<Badges size="md" badges={[{ text: 'First' }, { text: 'Second' }]} />
-<Badges size="lg" badges={[{ text: 'First' }, { text: 'Second' }]} />
-```

package/src/content/pages/docs/components/button.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Button
 ---
 

package/src/content/pages/docs/components/buttons.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Buttons
 description: A utility component for displaying multiple buttons.
 ---

package/src/content/pages/docs/components/channel.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Channel
 ---
 

package/src/content/pages/docs/components/channels.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Channels
 description: A utility component for displaying multiple channels.
 ---

package/src/content/pages/docs/components/checkbox.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Checkbox
 ---
 

package/src/content/pages/docs/components/chip.mdx

@@ -0,0 +1,75 @@
+---
+_block: Content7
+title: Chip
+---
+
+import Props from 'fulldev-ui/components/docs/Props.astro'
+
+```astro live
+---
+import Chip from 'fulldev-ui/components/Chip.astro'
+---
+
+<Chip>Chip</Chip>
+```
+
+## Props
+
+<Props />
+
+## Examples
+
+### `variant`
+
+```astro live
+---
+import Chip from 'fulldev-ui/components/Chip.astro'
+---
+
+<Chip variant="primary">Primary</Chip>
+<Chip variant="secondary">Secondary</Chip>
+<Chip variant="outline">Outline</Chip>
+```
+
+### `size`
+
+```astro live
+---
+import Chip from 'fulldev-ui/components/Chip.astro'
+---
+
+<Chip size="sm">Small</Chip>
+<Chip size="md">Medium</Chip>
+<Chip size="lg">Large</Chip>
+```
+
+### `icon`
+
+```astro live
+---
+import Chip from 'fulldev-ui/components/Chip.astro'
+---
+
+<Chip icon="circle" text="Chip" />
+<Chip icon="circle" />
+```
+
+### `href`
+
+```astro live
+---
+import Chip from 'fulldev-ui/components/Chip.astro'
+---
+
+<Chip href="#">Link</Chip>
+```
+
+### `text`
+
+```astro live
+---
+import Chip from 'fulldev-ui/components/Chip.astro'
+---
+
+<Chip text="Chip" />
+```

package/src/content/pages/docs/components/heading.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Heading
 ---
 

package/src/content/pages/docs/components/icon.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Icon
 ---
 

package/src/content/pages/docs/components/image.mdx

@@ -1,6 +1,7 @@
 ---
-_layout: doc
+_block: Content7
 title: Image
+description: A wrapper around the Astro Image component with conditional rendering.
 ---
 
 import Link from 'fulldev-ui/components/Link.astro'

package/src/content/pages/docs/components/input.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Input
 ---