fulldev-ui 0.6.0-beta.8 → 0.6.0

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

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

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

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

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

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Links
 description: A utility component for displaying multiple links.
 ---
@@ -11,12 +11,7 @@ import Props from 'fulldev-ui/components/docs/Props.astro'
 import Links from 'fulldev-ui/components/Links.astro'
 ---
 
-<Links
-  links={[
-    { text: 'First', href: '#' },
-    { text: 'Second', href: '#' },
-  ]}
-/>
+<Links links={[{ text: 'First' }, { text: 'Second' }]} />
 ```
 
 ## Props
@@ -32,13 +27,7 @@ import Links from 'fulldev-ui/components/Links.astro'
 import Links from 'fulldev-ui/components/Links.astro'
 ---
 
-<Links
-  direction="column"
-  links={[
-    { text: 'First', href: '#' },
-    { text: 'Second', href: '#' },
-  ]}
-/>
+<Links direction="column" links={[{ text: 'First' }, { text: 'Second' }]} />
 ```
 
 ### `variant`
@@ -48,21 +37,9 @@ import Links from 'fulldev-ui/components/Links.astro'
 import Links from 'fulldev-ui/components/Links.astro'
 ---
 
-<Links
-  variant="primary"
-  links={[
-    { text: 'First', href: '#' },
-    { text: 'Second', href: '#' },
-  ]}
-/>
-
-<Links
-  variant="muted"
-  links={[
-    { text: 'First', href: '#' },
-    { text: 'Second', href: '#' },
-  ]}
-/>
+<Links variant="primary" links={[{ text: 'First' }, { text: 'Second' }]} />
+
+<Links variant="muted" links={[{ text: 'First' }, { text: 'Second' }]} />
 ```
 
 ### `size`
@@ -72,27 +49,9 @@ import Links from 'fulldev-ui/components/Links.astro'
 import Links from 'fulldev-ui/components/Links.astro'
 ---
 
-<Links
-  size="sm"
-  links={[
-    { text: 'First', href: '#' },
-    { text: 'Second', href: '#' },
-  ]}
-/>
-
-<Links
-  size="md"
-  links={[
-    { text: 'First', href: '#' },
-    { text: 'Second', href: '#' },
-  ]}
-/>
-
-<Links
-  size="lg"
-  links={[
-    { text: 'First', href: '#' },
-    { text: 'Second', href: '#' },
-  ]}
-/>
+<Links size="sm" links={[{ text: 'First' }, { text: 'Second' }]} />
+
+<Links size="md" links={[{ text: 'First' }, { text: 'Second' }]} />
+
+<Links size="lg" links={[{ text: 'First' }, { text: 'Second' }]} />
 ```

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

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

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

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

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

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Menu
 ---
 
@@ -13,11 +13,7 @@ import Menu from 'fulldev-ui/components/Menu.astro'
 
 <Menu
   heading="Heading"
-  links={[
-    { text: 'First', href: '#' },
-    { text: 'Second', href: '#' },
-    { text: 'Third', href: '#' },
-  ]}
+  links={[{ text: 'First' }, { text: 'Second' }, { text: 'Third' }]}
 />
 ```
 
@@ -37,25 +33,16 @@ import Menu from 'fulldev-ui/components/Menu.astro'
 <Menu
   size="sm"
   heading="First"
-  links={[
-    { text: 'First', href: '#' },
-    { text: 'Second', href: '#' },
-  ]}
+  links={[{ text: 'First' }, { text: 'Second' }]}
 />
 <Menu
   size="md"
   heading="First"
-  links={[
-    { text: 'First', href: '#' },
-    { text: 'Second', href: '#' },
-  ]}
+  links={[{ text: 'First' }, { text: 'Second' }]}
 />
 <Menu
   size="lg"
   heading="First"
-  links={[
-    { text: 'First', href: '#' },
-    { text: 'Second', href: '#' },
-  ]}
+  links={[{ text: 'First' }, { text: 'Second' }]}
 />
 ```

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Customization
 description: Customize styles and components.
 ---

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

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Integrating frameworks
 description: Compatible with all JS and CSS frameworks.
 ---

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

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Introduction
 description: Everything you need to rapidly build content-driven websites. Components, blocks, layouts and complete page generation.
 ---

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

@@ -1,25 +1,10 @@
 ---
-_layout: doc
+_block: Content7
 title: Installation
-description: How to install dependencies and setup the integration.
 ---
 
 import Link from 'fulldev-ui/components/Link.astro'
 
-## Add to existing project
-
-If you don't have an existing project, you can create a new one using the [starter template](https://github.com/fulldotdev/starter).
-
-### Automatic setup
-
-Run the following command to automatically install the dependencies and add the integration.
-
-```bash
-npx astro add fulldev-ui
-```
-
-### Manual setup
-
 Run any of the following commands to add fulldev-ui to your dependencies.
 
 ```bash
@@ -43,11 +28,3 @@ export default defineConfig({
   integrations: [fulldev()],
 })
 ```
-
-## Create a new project
-
-Run the following command to setup a new project from the [starter template](https://github.com/fulldotdev/starter).
-
-```bash
-npx astro create --template fulldev-ui
-```

package/src/content/pages/docs/layouts/doc.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Doc
 description: For documentation pages, just like this one.
 ---

package/src/content/pages/docs/layouts/page.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Page
 description: For marketing pages, just like the home page.
 ---

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

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Generating Pages
 description: Go a step further than just using components.
 ---

package/src/content/pages/docs/structures/_card.mdx

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

package/src/content/pages/docs/structures/_dialog.mdx

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

package/src/content/pages/docs/structures/_drawer.mdx

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

package/src/content/pages/docs/structures/card.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Card
 description: A box with a border, padding and rounded corners
 ---

package/src/content/pages/docs/structures/code.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Code
 description: Enhanced code component with live preview.
 ---

package/src/content/pages/docs/structures/container.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Container
 description: Sets a max-width, padding and centers the content
 ---

package/src/content/pages/docs/structures/drawer.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Drawer
 description: A panel that slides out from the side of the screen
 ---

package/src/content/pages/docs/structures/group.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Group
 description: Group buttons and similar components
 ---

package/src/content/pages/docs/structures/layout.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Container
 description: Sets a head, body and some base styles
 ---

package/src/content/pages/docs/structures/masonry.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Masonry
 description: Places items like cards in a masonry layout
 ---

package/src/content/pages/docs/structures/matrix.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Matrix
 description: Places items like cards in a grid
 ---

package/src/content/pages/docs/structures/panel.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Panel
 description: A box with a border, padding and rounded corners used for sections
 ---

package/src/content/pages/docs/structures/prose.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Prose
 description: Applies styling to child components
 ---

package/src/content/pages/docs/structures/section.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Section
 description: Sets vertical padding and some base styles
 ---

package/src/content/pages/docs/structures/stack.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Stack
 description: Places items like cards in a horizontal or vertical stack
 ---

package/src/content/pages/docs/structures/writeup.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Writeup
 description: Applies styling to child components, similar to Prose
 ---

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

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Using Structures
 description: Build consistent blocks and layouts with structures.
 ---

package/src/content/pages/index.mdx

@@ -1,39 +1,33 @@
 ---
-head:
-  title: Fulldev UI - Astro component and block library, open-source
-  description: Make websites rapidly with pre-built components and blocks.
-  image:
-    src: /images/og-image.png
+_schema: page
+_block: Hero1
 
-title: Home
+title: Fulldev UI - Astro component and block library, open-source
+description: Make websites rapidly with pre-built components and blocks.
+heading: Build complete websites with this Astro UI library
+paragraph: Everything you need to rapidly build content-driven websites. Components, blocks, layouts and complete page generation.
+buttons:
+  - text: Get Started
+    href: /docs/
+  - text: GitHub
+    href: https://github.com/fulldotdev/ui
+    icon: brand-github
+    target: _blank
 
 sections:
-  - _block: Hero1
-    badge:
-      text: 'Introducing v0.6: layouts & pagebuilding'
-      href: /overview/installation/
-    heading: Build complete websites with this Astro UI library
-    paragraph: 'Everything you need to rapidly build content-driven websites. Components, blocks, layouts and complete page generation.'
-    buttons:
-      - text: Get Started
-        href: /docs/
-      - text: GitHub
-        href: https://github.com/fulldotdev/ui
-        icon: brand-github
-        target: _blank
-
-  - _block: Feature1
+  - _block: Content2
     tagline: Blocks
     heading: Use pre-built blocks with just props
     paragraph: We created a great gallery of blocks to build content sites with a modern look and feel, all of our blocks are build with components from the library to achieve a consistent look.
     image:
       src: /images/block-code.png
     buttons:
-      - href: /blocks/
+      - href: /docs/blocks/
         icon: layout
         text: View blocks
+        variant: secondary
 
-  - _block: Feature1
+  - _block: Content2
     tagline: Components
     heading: Or build your own, with easy to use components
     paragraph: Our rich set of components make it easy to build your own blocks with great customizability through props and global theming.
@@ -41,15 +35,16 @@ sections:
       src: /images/component-code.png
     buttons:
       - text: View components
-        href: /components/badge/
+        href: /docs/components/
         icon: code
+        variant: secondary
 
   - _block: Cta1
     heading: Build content websites in a fraction of time
     paragraph: A library of components and blocks to build content sites, fast.
     buttons:
       - text: Get Started
-        href: /overview/installation/
+        href: /docs/
       - text: Github
         href: https://github.com/fulldotdev/ui
         icon: brand-github

package/src/layouts/Page.astro

@@ -1,29 +1,63 @@
 ---
 import type { ComponentProps } from 'astro/types'
-import Banner from 'fulldev-ui/blocks/Banner.astro'
-import Footer from 'fulldev-ui/blocks/Footer.astro'
-import Header from 'fulldev-ui/blocks/Header.astro'
+import type { CollectionEntry } from 'astro:content'
 import Block from 'fulldev-ui/components/Block.astro'
 import Element from 'fulldev-ui/components/Element.astro'
 import type { PageSchema } from 'fulldev-ui/schemas/page.ts'
 import Layout from 'fulldev-ui/structures/Layout.astro'
 
-type Props = ComponentProps<typeof Layout> & PageSchema
+type Props = ComponentProps<typeof Layout> &
+  PageSchema & {
+    render: CollectionEntry<'pages'>['render']
+  }
 
-const { banner, sidebar, header, sections, footer } = Astro.props
+const {
+  _block,
+  title,
+  heading,
+  description,
+  paragraph,
+  banner,
+  sidebar,
+  header,
+  sections,
+  footer,
+  render,
+  navigation,
+  ...rest
+} = Astro.props
+
+const { Content, headings } = await render()
 ---
 
 <Layout
   class:list="page"
-  {...Astro.props}
+  {...rest}
 >
-  <Banner {...banner} />
-  <Header
-    {...sidebar}
+  <Block
+    _block="Banner"
+    {...banner}
+  />
+  <Block
+    _block="Header"
+    {...rest}
     {...header}
   />
   <Element as="main">
+    <Block
+      _block={_block || 'Hero1'}
+      depth={1}
+      heading={heading || title}
+      paragraph={paragraph || description}
+      {headings}
+      {...rest}
+    >
+      <Content />
+    </Block>
     {sections?.map((section) => <Block {...section} />)}
   </Element>
-  <Footer {...footer} />
+  <Block
+    _block="Footer"
+    {...footer}
+  />
 </Layout>

package/src/layouts/{Product.astro → _Product.astro}

@@ -1,9 +1,9 @@
----
+<!-- ---
 // @ts-nocheck
 import type { ComponentProps } from 'astro/types'
 import { getImage } from 'astro:assets'
 import type { CollectionEntry } from 'astro:content'
-import { getCollection, getEntry } from 'astro:content'
+import { getCollection,getEntry } from 'astro:content'
 import Products1 from 'fulldev-ui/blocks/Products1.astro'
 import CartForm from 'fulldev-ui/components/CartForm.svelte'
 import Element from 'fulldev-ui/components/Element.astro'
@@ -58,7 +58,7 @@ const baseLayout = await getEntry('layouts', 'base')
     <Element class:list="product-container">
       <Element class:list="product-main">
         <Gallery {images} />
-        <!-- <Prose {render} /> -->
+        <Prose {render} />
       </Element>
       <Element class:list="product-segment">
         <Element class:list="product-content">
@@ -69,10 +69,10 @@ const baseLayout = await getEntry('layouts', 'base')
           />
           <Paragraph text={description} />
         </Element>
-        <!-- <CartForm
+        <CartForm
           product={Astro.props}
           client:load
-        /> -->
+        />
         <List
           size="sm"
           items={baseLayout.data.banner?.split('|')}
@@ -112,4 +112,4 @@ const baseLayout = await getEntry('layouts', 'base')
       @apply bg-background;
     }
   }
-</style>
+</style> -->