fulldev-ui 0.6.0-beta.8 → 0.6.0

package/src/components/Proof.astro

@@ -0,0 +1,52 @@
+---
+import type { ComponentProps, HTMLAttributes } from 'astro/types'
+import Avatars from 'fulldev-ui/components/Avatars.astro'
+import Element from 'fulldev-ui/components/Element.astro'
+import Label from 'fulldev-ui/components/Label.astro'
+import Rating from 'fulldev-ui/components/Rating.astro'
+
+interface Props extends HTMLAttributes<'div'> {
+  avatar?: ComponentProps<typeof Avatars>['avatar']
+  avatars?: ComponentProps<typeof Avatars>['avatars']
+  rating?: number | undefined
+  text?: string | undefined
+}
+
+const { avatar, avatars, rating, text, ...rest } = Astro.props
+---
+
+<Element
+  class:list="proof"
+  {...rest}
+>
+  <Avatars
+    {avatar}
+    {avatars}
+  />
+  <Element class="proof-segment">
+    <Rating
+      score={rating}
+      size="sm"
+    />
+    <Label
+      size="md"
+      text={text}
+    />
+  </Element>
+</Element>
+
+<style is:global>
+  @layer fulldev {
+    .proof {
+      @apply flex items-center;
+
+      > .avatar {
+        @apply -mr-5 last-of-type:mr-2;
+      }
+
+      .proof-segment {
+        @apply flex flex-col gap-1;
+      }
+    }
+  }
+</style>

package/src/components/Toc.astro

@@ -2,21 +2,18 @@
 import type { MarkdownHeading } from 'astro'
 import type { HTMLAttributes } from 'astro/types'
 import Element from 'fulldev-ui/components/Element.astro'
-import Heading from 'fulldev-ui/components/Heading.astro'
 import Link from 'fulldev-ui/components/Link.astro'
+import Links from './Links.astro'
 
 interface Props extends HTMLAttributes<'div'> {
-  headings?: MarkdownHeading[] | undefined
+  size?: 'sm' | 'md' | 'lg' | undefined
   heading?: string | undefined
+  headings?: MarkdownHeading[] | undefined
 }
 
-const { headings, heading, ...rest } = Astro.props
-
-const filteredHeadings = headings?.filter(
-  (heading: any) => heading.depth >= 2 && heading.depth <= 4
-)
+const { size = 'md', heading, headings, ...rest } = Astro.props
 
-const h1 = headings?.find((heading: any) => heading.depth === 1)
+const filteredHeadings = headings?.filter((heading: any) => heading.depth <= 4)
 
 const links = filteredHeadings?.map((button: any) => ({
   text: button.text,
@@ -27,34 +24,35 @@ const links = filteredHeadings?.map((button: any) => ({
 
 <Element
   class:list="toc"
-  show={filteredHeadings?.length}
   {...rest}
 >
-  <Heading text={h1?.text || heading} />
-  {
-    links?.map((link) => (
-      <Link
-        variant="muted"
-        size="sm"
-        {...link}
-      />
-    ))
-  }
-</Element>
-
-<style is:global>
-  @layer fulldev {
-    .toc {
-      @apply sticky bottom-0 top-sticky-16 z-10 hidden w-48 shrink-0 flex-col items-start justify-start gap-3 overflow-y-auto md:flex;
-      @apply scrollbar scrollbar-track-transparent scrollbar-thumb-accent scrollbar-thumb-rounded-full scrollbar-w-2 hover:scrollbar-thumb-accent-hover;
-
-      .depth-3 {
-        @apply pl-3;
-      }
-
-      .depth-4 {
-        @apply relative pl-6;
+  <Link
+    text={heading}
+    href="#"
+    size="sm"
+  />
+  <Links
+    {size}
+    {links}
+  />
+
+  <style is:global>
+    @layer fulldev {
+      .toc {
+        @apply flex flex-col gap-2;
+
+        .link:first-child {
+          @apply font-bold text-foreground;
+        }
+
+        .link.depth-3 {
+          @apply pl-3;
+        }
+
+        .link.depth-4 {
+          @apply pl-6;
+        }
       }
     }
-  }
-</style>
+  </style>
+</Element>

package/src/content/config.ts

@@ -1,4 +1,5 @@
 import { defineCollection } from 'astro:content'
+import { cardSchema } from 'fulldev-ui/schemas/card.ts'
 import { pageSchema } from 'fulldev-ui/schemas/page.ts'
 
 export const collections = {
@@ -10,4 +11,8 @@ export const collections = {
     type: 'data',
     schema: pageSchema,
   }),
+  records: defineCollection({
+    type: 'data',
+    schema: cardSchema,
+  }),
 }

package/src/content/layouts/base.yml

@@ -11,14 +11,13 @@ head:
     </script>
 
 banner:
-  text: 'Introducing v0.6: layouts & pagebuilding 🎉'
+  text: 'Introducing v0.6: build complete websites 🎉'
 
 header:
   search: true
   themer: true
   logo:
-    image:
-      src: /favicon/android-chrome-512x512.png
+    image: /favicon/android-chrome-512x512.png
     text: Fulldev UI
   links:
     - text: Docs
@@ -29,147 +28,138 @@ header:
       href: /docs/structures/container/
     - text: Blocks
       href: /docs/blocks/banner/
-    - text: Layouts
-      href: /docs/layouts/page/
   socials:
     - https://github.com/fulldotdev/ui
     - https://discord.gg/vXZqMbadm8
 
-sidebar:
-  menus:
-    - heading: Get Started
-      links:
-        - text: Introduction
-          href: /docs/
-        - text: Installation
-          href: /docs/installation/
-        - text: Customization
-          href: /docs/customization/
-        - text: Integrating frameworks
-          href: /docs/frameworks/
-        - text: Using components
-          href: /docs/components/
-        - text: Using structures
-          href: /docs/structures/
-        - text: Using blocks
-          href: /docs/blocks/
-        - text: Using layouts
-          href: /docs/layouts/
-
-    - heading: Components
-      links:
-        - text: Badge
-          href: /docs/components/badge/
-        - text: Badges
-          href: /docs/components/badges/
-        - text: Button
-          href: /docs/components/button/
-        - text: Buttons
-          href: /docs/components/buttons/
-        - text: Channel
-          href: /docs/components/channel/
-        - text: Channels
-          href: /docs/components/channels/
-        - text: Checkbox
-          href: /docs/components/checkbox/
-        - text: Heading
-          href: /docs/components/heading/
-        - text: Icon
-          href: /docs/components/icon/
-        - text: Image
-          href: /docs/components/image/
-        - text: Input
-          href: /docs/components/input/
-        - text: Label
-          href: /docs/components/label/
-        - text: Link
-          href: /docs/components/link/
-        - text: Links
-          href: /docs/components/links/
-        - text: List
-          href: /docs/components/list/
-        - text: Logo
-          href: /docs/components/logo/
-        - text: Menu
-          href: /docs/components/menu/
-        - text: Paragraph
-          href: /docs/components/paragraph/
-        - text: Rating
-          href: /docs/components/rating/
-        - text: Select
-          href: /docs/components/select/
-        - text: Social
-          href: /docs/components/social/
-        - text: Socials
-          href: /docs/components/socials/
-        - text: Switch
-          href: /docs/components/switch/
-        - text: Tagline
-          href: /docs/components/tagline/
-        - text: Textarea
-          href: /docs/components/textarea/
-
-    - heading: Structures
-      links:
-        - text: Container
-          href: /docs/structures/container/
-        - text: Section
-          href: /docs/structures/section/
-        - text: Card
-          href: /docs/structures/card/
-        - text: Matrix
-          href: /docs/structures/matrix/
-        - text: Stack
-          href: /docs/structures/stack/
-        - text: Group
-          href: /docs/structures/group/
-        - text: Masonry
-          href: /docs/structures/masonry/
-        - text: Prose
-          href: /docs/structures/prose/
-        - text: Writeup
-          href: /docs/structures/writeup/
-        - text: Layout
-          href: /docs/structures/layout/
-        - text: Code
-          href: /docs/structures/code/
-        - text: Drawer
-          href: /docs/structures/drawer/
-        - text: Panel
-          href: /docs/structures/panel/
-
-    - heading: Blocks
-      links:
-        - text: Banner
-          href: /docs/blocks/banner/
-        - text: Colleagues
-          href: /docs/blocks/colleagues/
-        - text: Content
-          href: /docs/blocks/content/
-        - text: Cta
-          href: /docs/blocks/cta/
-        - text: Feature
-          href: /docs/blocks/feature/
-        - text: Features
-          href: /docs/blocks/features/
-        - text: Footer
-          href: /docs/blocks/footer/
-        - text: Header
-          href: /docs/blocks/header/
-        - text: Hero
-          href: /docs/blocks/hero/
-        - text: Intro
-          href: /docs/blocks/intro/
-        - text: Logos
-          href: /docs/blocks/logos/
-        - text: Reviews
-          href: /docs/blocks/reviews/
-        - text: Projects
-          href: /docs/blocks/projects/
-
-    - heading: Layouts
-      links:
-        - text: Doc
-          href: /docs/layouts/doc/
-        - text: Page
-          href: /docs/layouts/page/
+menus:
+  - heading: Get Started
+    links:
+      - text: Introduction
+        href: /docs/
+      - text: Installation
+        href: /docs/installation/
+      - text: Customization
+        href: /docs/customization/
+      - text: Integrating frameworks
+        href: /docs/frameworks/
+      - text: Using components
+        href: /docs/components/
+      - text: Using structures
+        href: /docs/structures/
+      - text: Using blocks
+        href: /docs/blocks/
+  - heading: Components
+    links:
+      - text: Avatar
+        href: /docs/components/avatar/
+      - text: Badge
+        href: /docs/components/badge/
+      - text: Badges
+        href: /docs/components/badges/
+      - text: Button
+        href: /docs/components/button/
+      - text: Buttons
+        href: /docs/components/buttons/
+      - text: Channel
+        href: /docs/components/channel/
+      - text: Channels
+        href: /docs/components/channels/
+      - text: Checkbox
+        href: /docs/components/checkbox/
+      - text: Chip
+        href: /docs/components/chip/
+      - text: Heading
+        href: /docs/components/heading/
+      - text: Icon
+        href: /docs/components/icon/
+      - text: Image
+        href: /docs/components/image/
+      - text: Input
+        href: /docs/components/input/
+      - text: Label
+        href: /docs/components/label/
+      - text: Link
+        href: /docs/components/link/
+      - text: Links
+        href: /docs/components/links/
+      - text: List
+        href: /docs/components/list/
+      - text: Logo
+        href: /docs/components/logo/
+      - text: Menu
+        href: /docs/components/menu/
+      - text: Paragraph
+        href: /docs/components/paragraph/
+      - text: Rating
+        href: /docs/components/rating/
+      - text: Select
+        href: /docs/components/select/
+      - text: Social
+        href: /docs/components/social/
+      - text: Socials
+        href: /docs/components/socials/
+      - text: Switch
+        href: /docs/components/switch/
+      - text: Tagline
+        href: /docs/components/tagline/
+      - text: Textarea
+        href: /docs/components/textarea/
+  - heading: Structures
+    links:
+      - text: Card
+        href: /docs/structures/card/
+      - text: Carousel
+        href: /docs/structures/carousel/
+      - text: Code
+        href: /docs/structures/code/
+      - text: Container
+        href: /docs/structures/container/
+      - text: Drawer
+        href: /docs/structures/drawer/
+      - text: Group
+        href: /docs/structures/group/
+      - text: Layout
+        href: /docs/structures/layout/
+      - text: Masonry
+        href: /docs/structures/masonry/
+      - text: Matrix
+        href: /docs/structures/matrix/
+      - text: Panel
+        href: /docs/structures/panel/
+      - text: Prose
+        href: /docs/structures/prose/
+      - text: Section
+        href: /docs/structures/section/
+      - text: Sidebar
+        href: /docs/structures/sidebar/
+      - text: Split
+        href: /docs/structures/split/
+      - text: Stack
+        href: /docs/structures/stack/
+  - heading: Blocks
+    links:
+      - text: Banner
+        href: /docs/blocks/banner/
+      - text: Colleagues
+        href: /docs/blocks/colleagues/
+      - text: Content
+        href: /docs/blocks/content/
+      - text: Cta
+        href: /docs/blocks/cta/
+      - text: Features
+        href: /docs/blocks/features/
+      - text: Footer
+        href: /docs/blocks/footer/
+      - text: Header
+        href: /docs/blocks/header/
+      - text: Hero
+        href: /docs/blocks/hero/
+      - text: Intro
+        href: /docs/blocks/intro/
+      - text: Logos
+        href: /docs/blocks/logos/
+      - text: Reviews
+        href: /docs/blocks/reviews/
+      - text: Projects
+        href: /docs/blocks/projects/

package/src/content/pages/{base → _base}/toggle.mdx

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

package/src/content/pages/_showcase/stark-vulcanising-products.md

@@ -1,5 +1,4 @@
 ---
 title: Stark Vulcanising Products
 image: stark-vulcanising-products.webp
-href: '#'
 ---

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

@@ -17,17 +17,14 @@ import Categories from 'fulldev-ui/blocks/Categories.astro'
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
   ]}
 />
@@ -46,17 +43,14 @@ import Categories from 'fulldev-ui/blocks/Categories.astro'
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
   ]}
 />
@@ -76,22 +70,18 @@ import Categories from 'fulldev-ui/blocks/Categories.astro'
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
   ]}
 />
@@ -104,7 +94,7 @@ import Categories from 'fulldev-ui/blocks/Categories.astro'
 
 <Categories
   heading="Lorem ipsum dolor sit"
-  buttons={[{ text: 'Lorem ipsum', href: '#' }]}
+  buttons={[{ text: 'Lorem ipsum' }]}
   position="inset"
   panel
   size="sm"
@@ -113,32 +103,26 @@ import Categories from 'fulldev-ui/blocks/Categories.astro'
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
   ]}
 />

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

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

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

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