fulldev-ui 0.5.0-beta.9 → 0.6.0-beta-5

package/src/content/{presets → layouts}/base.yml

@@ -1,83 +1,62 @@
-theme: dark
-
-seo:
+head:
+  title: Fulldev UI - Astro component and block library, open-source
   image: /images/og-image.png
-
-code:
-  head: |
+  theme: system
+  code: |
     <script is:inline>
       !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
       posthog.init('phc_mVacbe8Xydu0UZlh4bNw5EGisvzyRcpqXEEuEEp5lOY',{api_host:'https://eu.i.posthog.com', person_profiles: 'identified_only' // or 'always' to create profiles for anonymous users as well
         })
     </script>
-navigation:
-  header: true
-  company: Fulldev UI
-  buttons:
+
+banner:
+  text: 'Introducing v0.6: layouts & pagebuilding 🎉'
+
+header:
+  search: true
+  logo:
+    text: Fulldev UI
+  links:
     - text: Docs
-      href: /overview/introduction
+      href: /docs/
     - text: Components
-      href: /typography/heading
+      href: /docs/components/badge/
     - text: Blocks
-      href: /blocks/banner
-    - showcase
-    - href: https://github.com/fulldotdev/ui
-      target: _blank
-      icon: brand-github
-      variant: secondary
-    - href: https://discord.gg/vXZqMbadm8
-      target: _blank
-      icon: brand-discord
-      variant: secondary
-  menu:
+      href: /docs/blocks/banner/
+    - text: Showcase
+      href: /showcase/
+  socials:
+    - https://github.com/fulldotdev/ui
+    - https://discord.gg/vXZqMbadm8
+
+sidebar:
+  menus:
     - heading: Get Started
-      buttons:
-        - overview/introduction
-        - overview/installation
-        - overview/theming
-        - overview/frameworks
-        - overview/components
-        - overview/content-collections
-    - heading: Typography
-      buttons:
-        - typography/heading
-        - typography/label
-        - typography/link
-        - typography/list
-        - typography/text
-    - heading: Base
-      buttons:
-        - base/badge
-        - base/button
-        - base/card
-        - base/checkbox
-        - base/icon
-        - base/input
-        - base/rating
-        - base/section
-        - base/select
-        - base/table
-        - base/textarea
-        - base/theme-select
-        - base/image
-    - heading: Blocks
-      buttons:
-        - blocks/banner
-        - blocks/colleagues
-        - blocks/contact
-        - blocks/content
-        - blocks/cta
-        - blocks/features
-        - blocks/hero
-        - blocks/intro
-        - blocks/posts
-        - blocks/reviews
-    - heading: Schemas
-      buttons:
-        - schemas/page
-        - schemas/preset
-    - heading: More
-      buttons:
-        - showcase
-        - text: Changelog
-          href: https://github.com/fulldotdev/ui/releases
+      links:
+        - text: Introduction
+          href: /docs/
+        - text: Installation
+          href: /docs/installation/
+        - text: Customization
+          href: /docs/customization/
+        - text: Frameworks
+          href: /docs/frameworks/
+        - text: Components
+          href: /docs/components/
+        - text: Collections
+          href: /docs/collections/
+
+footer:
+  logo:
+    text: Fulldev UI
+  menus:
+    - heading: Docs
+      links:
+        - text: Docs
+          href: /docs/
+        - text: Components
+          href: /docs/components/badge/
+        - text: Blocks
+          href: /docs/blocks/banner/
+        - text: Showcase
+          href: /showcase/

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Categories
 ---
 

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Footer
 ---
 

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Header
 ---
 
@@ -151,7 +149,6 @@ import Header from 'fulldev-ui/components/Header.astro'
     },
   ]}
   position="relative"
-  color="brand"
 />
 ```
 
@@ -182,6 +179,5 @@ import Header from 'fulldev-ui/components/Header.astro'
     },
   ]}
   position="relative"
-  color="brand"
 />
 ```

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Jobs
 ---
 

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Prices
 ---
 

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Product
 ---
 

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Products
 ---
 

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Stats
 ---
 

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Banner
 ---
 

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Colleagues
 ---
 
@@ -10,7 +8,6 @@ import Colleagues from 'fulldev-ui/blocks/Colleagues.astro'
 ---
 
 <Colleagues
-  align="start"
   heading="Meet the team"
   text="Our team is made up of experienced professionals who are dedicated to helping you achieve your goals."
   panel

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Contact
 ---
 

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Content
 ---
 
@@ -10,7 +8,6 @@ import Content from 'fulldev-ui/blocks/Content.astro'
 ---
 
 <Content
-  color="brand"
   label="Lorem ipsum"
   heading="Lorem ipsum dolor sit"
   text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada."
@@ -25,7 +22,6 @@ import Content from 'fulldev-ui/blocks/Content.astro'
 ---
 
 <Content
-  color="brand"
   size="lg"
   label="Lorem ipsum"
   heading="Lorem ipsum dolor sit"
@@ -41,7 +37,6 @@ import Content from 'fulldev-ui/blocks/Content.astro'
 ---
 
 <Content
-  color="brand"
   size="sm"
   label="Lorem ipsum"
   heading="Lorem ipsum dolor sit"
@@ -77,7 +72,6 @@ import Content from 'fulldev-ui/blocks/Content.astro'
   text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada."
   buttons={[{ text: 'Lorem ipsum', href: '' }]}
   image="/images/placeholder-landscape.webp"
-  align="start"
   structure="column"
 />
 ```

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: CTA
 ---
 
@@ -47,7 +45,6 @@ import Cta from 'fulldev-ui/blocks/Cta.astro'
     { text: 'Lorem ipsum', href: '' },
     { text: 'Lorem ipsum', href: '' },
   ]}
-  color="brand"
 />
 ```
 
@@ -64,7 +61,6 @@ import Cta from 'fulldev-ui/blocks/Cta.astro'
     { text: 'Lorem ipsum', href: '', contrast: true },
     { text: 'Lorem ipsum', href: '', contrast: true },
   ]}
-  theme="light"
 />
 ```
 
@@ -81,7 +77,6 @@ import Cta from 'fulldev-ui/blocks/Cta.astro'
     { text: 'Lorem ipsum', href: '', color: 'brand' },
     { text: 'Lorem ipsum', href: '', color: 'brand' },
   ]}
-  theme="light"
 />
 ```
 
@@ -98,8 +93,6 @@ import Cta from 'fulldev-ui/blocks/Cta.astro'
     { text: 'Lorem ipsum', href: '' },
     { text: 'Lorem ipsum', href: '' },
   ]}
-  theme="light"
-  color="brand"
 />
 ```
 
@@ -145,7 +138,6 @@ import Cta from 'fulldev-ui/blocks/Cta.astro'
     { text: 'Lorem ipsum', href: '' },
   ]}
   structure="spread"
-  color="brand"
 />
 ```
 
@@ -162,8 +154,6 @@ import Cta from 'fulldev-ui/blocks/Cta.astro'
     { text: 'Lorem ipsum', href: '' },
   ]}
   position="background"
-  theme="dark"
-  align="center"
   image="/images/placeholder-landscape-dark.png"
 />
 ```

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Features
 ---
 
@@ -10,7 +8,6 @@ import Features from 'fulldev-ui/blocks/Features.astro'
 ---
 
 <Features
-  color="brand"
   heading="Lorem ipsum dolor sit"
   text="Lorem ipsum dolor sit amet consectetur adipisicing elit."
   cards={[
@@ -42,7 +39,6 @@ import Features from 'fulldev-ui/blocks/Features.astro'
 ---
 
 <Features
-  color="brand"
   heading="Lorem ipsum dolor sit"
   text="Lorem ipsum dolor sit amet consectetur adipisicing elit."
   cards={[
@@ -71,7 +67,6 @@ import Features from 'fulldev-ui/blocks/Features.astro'
 ---
 
 <Features
-  color="brand"
   variant="primary"
   heading="Lorem ipsum dolor sit"
   text="Lorem ipsum dolor sit amet consectetur adipisicing elit."

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Hero
 ---
 
@@ -91,9 +89,6 @@ import Hero from 'fulldev-ui/blocks/Hero.astro'
   ]}
   image="/images/placeholder-landscape-dark.png"
   position="background"
-  align="center"
-  theme="dark"
-  justify="center"
   style={{ minHeight: '100vh', justifyContent: 'center' }}
 />
 ```

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Intro
 ---
 
@@ -26,7 +24,6 @@ import Intro from 'fulldev-ui/blocks/Intro.astro'
 
 <Intro
   heading="Lorem ipsum dolor sit amet"
-  align="center"
   text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
 />
 ```
@@ -52,7 +49,6 @@ import Intro from 'fulldev-ui/blocks/Intro.astro'
 ---
 
 <Intro
-  color="brand"
   heading="Lorem ipsum dolor sit amet"
   text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
   buttons={[
@@ -69,7 +65,6 @@ import Intro from 'fulldev-ui/blocks/Intro.astro'
 
 <Intro
   variant="primary"
-  color="brand"
   heading="Lorem ipsum dolor sit amet"
   text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
   buttons={[

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Posts
 ---
 

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

@@ -1,6 +1,4 @@
 ---
-presets: [docs, blocks]
-
 title: Reviews
 ---
 
@@ -161,7 +159,6 @@ import Reviews from 'fulldev-ui/blocks/Reviews.astro'
 
 <Reviews
   size="sm"
-  align="start"
   structure="carousel"
   heading="What Our Customers Say"
   text="Discover what our satisfied customers are saying about us."

package/src/content/pages/categories/category.md

@@ -0,0 +1,7 @@
+---
+title: Category
+description: Lorem ipsum dolor sit
+---
+
+
+  

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

@@ -0,0 +1,55 @@
+---
+_layout: doc
+title: Internationalization
+---
+
+# Internationalization (i18n)
+
+Getting started with i18n is easy, you can easily add additional languages by creating a new folder named after a language code in the **content/pages** directory and adding your content files in the new language.
+
+These pages are just as static as the others however you can merge them with the default language by adding the `i18n` key to the frontmatter.
+
+By merging pages you only need to specify the content that is different for the new language. Things like images do not need to be repeated in these new files. See example:
+
+## Example
+
+content/pages/index.md:
+
+```md
+---
+sections:
+  - component: Hero
+    image: /image.webp
+    heading: Page Title
+    text: This is my page description
+---
+```
+
+content/pages/nl/index.md:
+
+```md
+---
+i18n: index
+
+sections:
+  - component: Hero
+    heading: Page Title
+    text: This is my page description
+---
+```
+
+These return the same results
+
+## Project structure
+
+```bash
+.
+├── src/
+│   ├── content/
+│   │   ├── pages/
+│   │   │   ├── index.md
+│   │   │   ├── nl/
+│   │   │   │   └── index.md
+│   │   │   └── de/
+│   │   │   │   └── index.md
+```

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

@@ -0,0 +1,33 @@
+---
+_layout: doc
+title: Using Blocks
+---
+
+import Link from 'fulldev-ui/components/Link.astro'
+
+# Using Blocks
+
+Blocks are astro components that can be used to create reusable content blocks. They are located in the **src/blocks** directory and you can use them by adding the `component` property to the frontmatter of a section in a page.
+
+There are plenty of prestyled blocks included in the library, see the <Link href="/blocks/banner/">blocks examples</Link> for more information.
+
+```yml
+---
+# Other options...
+
+sections:
+  - component: Hero # The block you want to use
+    heading: Page Title
+    text: This is my page description
+    buttons:
+      - text: Button
+        color: brand
+        href: /
+      - text: Button
+        href: /
+---
+```
+
+## Creating a block
+
+Beside the blocks that are included in the library you can also create your own by adding a new astro component to the **src/content/layouts** directory. You can also override the existing blocks, see the <Link href="/guides/overriding-components/">overriding components</Link> guide for more information.

package/src/content/pages/docs/_using-presets.mdx

@@ -0,0 +1,49 @@
+---
+_layout: doc
+title: Using Presets
+---
+
+# Using Presets
+
+Presets are configuration files that can be used to set the default values for a page. They are located in the **src/content/presets** directory and you can use them by adding the `preset` property to the frontmatter of a page or add a `basePreset` to the integration setup in the `astro.config.ts` file.
+
+Presets can be applied to pages in the frontmatter or as a base preset.
+
+## Creating a preset
+
+Beside the presets that are included in the library you can also create your own by adding a new yaml file to the **src/content/presets** directory. See the [presets collection](/content-collections/presets/) for more information on what properties are available.
+
+Currently there are 5 presets included in the library:
+
+- `base`
+- `docs`
+- `blocks`
+
+## Setting a preset
+
+To apply a preset to a page, you can add the `preset` property to the frontmatter of a page.
+
+```yml
+---
+presets: [base, docs]
+---
+```
+
+## Setting a base preset
+
+To apply a preset to every page, you can set a `basePreset` in the integration setup in the `astro.config.ts` file therefore the base preset will not have to be added to the frontmatter anymore.
+
+```ts
+import { defineConfig } from 'astro/config'
+import fulldev from 'fulldev-ui/integration'
+
+// https://astro.build/config
+export default defineConfig({
+  integrations: [
+    fulldev({
+      // other options
+      basePreset: 'base',
+    }),
+  ],
+})
+```

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

@@ -0,0 +1,33 @@
+---
+_layout: doc
+title: Blocks
+---
+
+import Link from 'fulldev-ui/components/Link.astro'
+
+# Blocks
+
+Layouts are astro components that can be used to set the default styles for a page. They are located in the **src/content/layouts** directory.
+
+## Creating a layout
+
+Beside the layouts that are included in the library you can also create your own by adding a new astro component to the **src/content/layouts** directory. You can also override the existing layouts, see the <Link href="/guides/overriding-components/">overriding components</Link> guide for more information.
+
+Currently there are 6 layouts included in the library:
+
+- `Layout`
+- `DocsLayout`
+- `PostLayout`
+- `ProductLayout`
+- `BlockLayout`
+- `ContactLayout`
+
+## Applying a layout
+
+To apply a preset to a page, you can add the `component` property to the frontmatter of a page.
+
+```md
+---
+component: DocsLayout
+---
+```