fulldev-ui 0.6.0-beta.9 → 0.6.1

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: The Astro UI library for building content sites
+paragraph: Components and blocks to build content-driven websites.
+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/css/custom.css

@@ -1,5 +1,9 @@
 @import url(https://fonts.bunny.net/css?family=inter:100,200,300,400,500,600,700,800,900);
 
+* {
+  font-family: 'Inter', sans-serif;
+}
+
 mark {
   background-color: var(--brand-12) !important;
   color: var(--brand-1) !important;

package/src/integration/index.ts

@@ -50,6 +50,7 @@ export default function fulldevIntegration(
                 URL: envField.string({
                   context: 'client',
                   access: 'public',
+                  optional: true,
                 }),
                 STRIPE_RESTRICTED_KEY: envField.string({
                   context: 'client',

package/src/layouts/Page.astro

@@ -1,29 +1,64 @@
 ---
 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"
+    {...rest}
+    {...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> -->

package/src/pages/test.astro

@@ -0,0 +1,16 @@
+<form
+  method="post"
+  action="https://app.loops.so/api/newsletter-form/cljwl3ixr003pmi0pw4q1bvoy"
+>
+  <input
+    type="text"
+    name="firstName"
+    required
+  />
+  <input
+    type="email"
+    name="email"
+    required
+  />
+  <button type="submit">Sign up</button>
+</form>

package/src/schemas/block.ts

@@ -1,56 +1,37 @@
 import { z } from 'astro:content'
-import { badgeSchema } from 'fulldev-ui/schemas/badge.ts'
-import { buttonSchema } from 'fulldev-ui/schemas/button.ts'
-import { channelSchema } from 'fulldev-ui/schemas/channel.ts'
-import { imageSchema } from 'fulldev-ui/schemas/image.ts'
-import { linkSchema } from 'fulldev-ui/schemas/link.ts'
-import { logoSchema } from 'fulldev-ui/schemas/logo.ts'
+import { cardSchema } from 'fulldev-ui/schemas/card.ts'
 import { menuSchema } from 'fulldev-ui/schemas/menu.ts'
 import { pathSchema } from 'fulldev-ui/schemas/path.ts'
 
-export const blockSchema = z
-  .object({
+export const blockSchema = cardSchema
+  .extend({
     _block: z.string().optional(),
-    dark: z.boolean().optional(),
+    depth: z.union([z.literal(1), z.literal(2), z.literal(3)]).optional(),
     themer: z.boolean().optional(),
     search: z.boolean().optional(),
     cart: z.boolean().optional(),
-    text: z.string().optional(),
-    content: z.string().optional(),
-    tagline: z.string().optional(),
-    heading: z.string().optional(),
-    paragraph: z.string().optional(),
-    list: z.string().array().optional(),
-    socials: z.string().array().optional(),
-    logo: logoSchema.optional(),
-    link: linkSchema.optional(),
-    links: linkSchema.array().optional(),
-    menus: menuSchema.array().optional(),
-    badge: badgeSchema.optional(),
-    badges: badgeSchema.array().optional(),
-    button: buttonSchema.optional(),
-    buttons: buttonSchema.array().optional(),
-    image: imageSchema.optional(),
-    images: imageSchema.array().optional(),
-    channels: channelSchema.array().optional(),
+    cards: cardSchema.array().optional(),
     pages: pathSchema('pages').array().optional(),
-    products: pathSchema('pages').array().optional(),
-    cards: z
+    records: pathSchema('records').array().optional(),
+    soldout: z.boolean().optional(),
+    variants: z.record(z.string(), z.string().array()).optional(),
+    categories: pathSchema('pages').array().optional(),
+    menus: menuSchema.array().optional(),
+    form: z
       .object({
-        icon: z.string().optional(),
-        rating: z.number().optional(),
-        tagline: z.string().optional(),
-        heading: z.string().optional(),
-        paragraph: z.string().optional(),
-        list: z.string().array().optional(),
-        badge: badgeSchema.optional(),
-        badges: badgeSchema.array().optional(),
-        button: buttonSchema.optional(),
-        buttons: buttonSchema.array().optional(),
-        image: imageSchema.optional(),
+        fields: z.array(z.any()).optional(),
+        submit: z.string().optional(),
       })
       .strict()
-      .array()
+      .optional(),
+    headings: z
+      .array(
+        z.object({
+          depth: z.number(),
+          slug: z.string(),
+          text: z.string(),
+        })
+      )
       .optional(),
   })
   .strict()

package/src/schemas/button.ts

@@ -1,8 +1,10 @@
 import { z } from 'astro:content'
+import { imageSchema } from 'fulldev-ui/schemas/image.ts'
 
 export const buttonSchema = z
   .object({
     icon: z.string().optional(),
+    image: imageSchema.optional(),
     text: z.string().optional(),
     href: z.string().optional(),
     target: z.literal('_blank').optional(),

package/src/schemas/card.ts

@@ -0,0 +1,43 @@
+import { z } from 'astro:content'
+import { buttonSchema } from 'fulldev-ui/schemas/button.ts'
+import { channelSchema } from 'fulldev-ui/schemas/channel.ts'
+import { chipSchema } from 'fulldev-ui/schemas/chip.ts'
+import { imageSchema } from 'fulldev-ui/schemas/image.ts'
+import { linkSchema } from 'fulldev-ui/schemas/link.ts'
+import { logoSchema } from 'fulldev-ui/schemas/logo.ts'
+import { menuSchema } from 'fulldev-ui/schemas/menu.ts'
+import { proofSchema } from 'fulldev-ui/schemas/proof.ts'
+
+export const cardSchema = z
+  .object({
+    target: z.string().optional(),
+    href: z.string().optional(),
+    order: z.number().optional(),
+    dark: z.boolean().optional(),
+    text: z.string().optional(),
+    content: z.string().optional(),
+    tagline: z.string().optional(),
+    heading: z.string().optional(),
+    paragraph: z.string().optional(),
+    list: z.string().array().optional(),
+    socials: z.string().array().optional(),
+    logo: logoSchema.optional(),
+    link: linkSchema.optional(),
+    links: linkSchema.array().optional(),
+    menus: menuSchema.array().optional(),
+    chip: chipSchema.optional(),
+    badges: z.string().array().optional(),
+    button: buttonSchema.optional(),
+    buttons: buttonSchema.array().optional(),
+    image: imageSchema.optional(),
+    images: imageSchema.array().optional(),
+    channels: channelSchema.array().optional(),
+    proof: proofSchema.optional(),
+    price: z.number().optional(),
+    icon: z.string().optional(),
+    rating: z.number().optional(),
+    avatar: imageSchema.optional(),
+    avatars: imageSchema.array().optional(),
+    soldout: z.boolean().optional(),
+  })
+  .strict()

package/src/schemas/channel.ts

@@ -10,5 +10,6 @@ export const channelSchema = z
     href: z.string().optional(),
     size: z.enum(['sm', 'md', 'lg']).optional(),
     variant: z.enum(['secondary', 'outline']).optional(),
+    target: z.enum(['_blank', '_self', '_parent', '_top']).optional(),
   })
   .strict() satisfies z.ZodType<ComponentProps<typeof Channel>>