fulldev-ui 0.6.0-beta.2 → 0.6.0-beta.6

package/src/components/_Sidebar copy.astro

@@ -0,0 +1,87 @@
+<!-- ---
+import type { HTMLAttributes } from 'astro/types'
+import Element from 'fulldev-ui/components/Element.astro'
+import Links from 'fulldev-ui/components/Links.astro'
+import Logo from 'fulldev-ui/components/Logo.astro'
+import Themer from 'fulldev-ui/components/Themer.astro'
+import type { SidebarSchema } from 'fulldev-ui/schemas/components/sidebar'
+import Heading from './Heading.astro'
+
+interface Props extends HTMLAttributes<'aside'>, SidebarSchema {}
+
+const { company, logo, menus, heading, themer, ...rest } = Astro.props
+---
+
+<Element
+  class:list="sidebar"
+  as="aside"
+  {...rest}
+>
+  <Element
+    class:list="sidebar-header"
+    as="header"
+  >
+    <Logo
+      {company}
+      {...logo}
+      size="sm"
+    />
+    <Heading
+      as="h5"
+      size="md"
+      text={heading}
+    />
+  </Element>
+  <Element class:list="sidebar-content">
+    <Element
+      class:list="sidebar-nav"
+      as="nav"
+    >
+      {
+        menus?.map(({ heading, links }) => (
+          <Element class:list="sidebar-menu">
+            <Heading
+              text={heading}
+              size="sm"
+              as="h6"
+            />
+            <Links
+              direction="column"
+              size="sm"
+              {links}
+            />
+          </Element>
+        ))
+      }
+    </Element>
+    <Themer if={themer} />
+    <slot />
+  </Element>
+</Element>
+
+<style is:global>
+  @layer fulldev {
+    .sidebar {
+      @apply sticky bottom-0 z-10 hidden h-full flex-col items-start justify-start border-r bg-background lg:flex;
+
+      --height: calc(var(--header-height, 0px) + var(--subheader-height, 0px));
+      top: var(--height);
+      width: var(--sidebar-width);
+      max-height: calc(100vh - var(--height));
+
+      &,
+      & ~ * {
+        --sidebar-width: 13rem;
+      }
+
+      .sidebar-header {
+        @apply sticky flex h-14 w-full items-center px-gutter py-6;
+      }
+
+      .sidebar-content {
+        @apply flex w-full flex-1 flex-col items-start gap-7 overflow-y-auto px-gutter pb-14 pt-6 first:pt-14;
+        @apply scrollbar scrollbar-track-transparent scrollbar-thumb-accent scrollbar-thumb-rounded-full scrollbar-w-2 hover:scrollbar-thumb-accent-hover;
+      }
+    }
+  }
+</style> -->

package/src/content/config.ts

@@ -1,40 +1,13 @@
 import { defineCollection } from 'astro:content'
-import imageLoader from 'fulldev-ui/loaders/imageLoader.ts'
-import { categorySchema } from 'fulldev-ui/schemas/categorySchema'
-import { docSchema } from 'fulldev-ui/schemas/docSchema'
-import imageSchema from 'fulldev-ui/schemas/imageSchema.ts'
-import { layoutSchema } from 'fulldev-ui/schemas/layoutSchema'
-import { pageSchema } from 'fulldev-ui/schemas/pageSchema'
-import { postSchema } from 'fulldev-ui/schemas/postSchema'
-import { productSchema } from 'fulldev-ui/schemas/productSchema'
+import { pageSchema } from 'fulldev-ui/schemas/page.ts'
 
 export const collections = {
   pages: defineCollection({
     type: 'content',
     schema: pageSchema,
   }),
-  posts: defineCollection({
-    type: 'content',
-    schema: postSchema,
-  }),
-  docs: defineCollection({
-    type: 'content',
-    schema: docSchema,
-  }),
-  categories: defineCollection({
-    type: 'content',
-    schema: categorySchema,
-  }),
-  products: defineCollection({
-    type: 'content',
-    schema: productSchema,
-  }),
   layouts: defineCollection({
     type: 'data',
-    schema: layoutSchema,
-  }),
-  images: defineCollection({
-    loader: imageLoader,
-    schema: imageSchema,
+    schema: pageSchema,
   }),
 }

package/src/content/layouts/base.yml

@@ -1,21 +1,22 @@
-theme: system
-
-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>
 
+banner:
+  text: 'Introducing v0.6: layouts & pagebuilding 🎉'
+
 header:
-  themer: true
-  header: true
-  company: Fulldev UI
-  logo: favicon.svg
+  search: true
+  logo:
+    image: /src/images/favicon/android-chrome-512x512.png
+    text: Fulldev UI
   links:
     - text: Docs
       href: /docs/
@@ -25,77 +26,38 @@ header:
       href: /docs/blocks/banner/
     - text: Showcase
       href: /showcase/
-
   socials:
     - https://github.com/fulldotdev/ui
     - https://discord.gg/vXZqMbadm8
 
-  # menu:
-  #   - heading: Get Started
-  #     links:
-  #       - docs
-  #       - docs/installation
-  #       - docs/customization
-  #       - docs/frameworks
-  #       - docs/components
-  #       - docs/collections
-  #   - heading: Collections
-  #     links:
-  #       - docs/collections/pages
-  #       - docs/collections/presets
-  #       - docs/collections/images
-  #   - heading: Components
-  #     links:
-  #       - docs/components/avatar
-  #       - docs/components/badge
-  #       - docs/components/badges
-  #       - docs/components/button
-  #       - docs/components/buttons
-  #       # - docs/components/card
-  #       # - docs/components/cards
-  #       # - docs/components/cart
-  #       # - docs/components/cart-form
-  #       # - docs/components/cart-list
-  #       # - docs/components/cart-summary
-  #       - docs/components/channel
-  #       - docs/components/channels
-  #       - docs/components/checkbox
-  #       - docs/components/code
-  #       # - docs/components/dialog
-  #       # - docs/components/drawer
-  #       # - docs/components/element
-  #       # - docs/components/footer
-  #       # - docs/components/form
-  #       # - docs/components/head
-  #       # - docs/components/header
-  #       - docs/components/heading
-  #       - docs/components/icon
-  #       - docs/components/image
-  #       - docs/components/input
-  #       - docs/components/label
-  #       - docs/components/lead
-  #       - docs/components/link
-  #       - docs/components/links
-  #       - docs/components/list
-  #       # - docs/components/locale-switcher
-  #       - docs/components/logo
-  #       - docs/components/menu
-  #       - docs/components/paragraph
-  #       # - docs/components/price
-  #       - docs/components/prose
-  #       - docs/components/rating
-  #       # - docs/components/search
-  #       # - docs/components/section
-  #       # - docs/components/sections
-  #       - docs/components/select
-  #       # - docs/components/sidebar
-  #       - docs/components/social
-  #       - docs/components/socials
-  #       - docs/components/switch
-  #       # - docs/components/table
-  #       - docs/components/tagline
-  #       # - docs/components/text
-  #       - docs/components/textarea
-  #       - docs/components/themer
-  #       # - docs/components/toc
-  #       # - docs/components/writeup
+sidebar:
+  menus:
+    - heading: Get Started
+      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/categories/category.md

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

package/src/content/{docs → pages/docs}/_internationalization.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Internationalization
 ---
 

package/src/content/{docs → pages/docs}/_using-blocks.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Using Blocks
 ---
 

package/src/content/{docs → pages/docs}/_using-presets.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Using Presets
 ---
 

package/src/content/{docs → pages/docs}/blocks.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Blocks
 ---
 

package/src/content/{docs → pages/docs}/collections/images.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: images
 ---
 

package/src/content/{docs → pages/docs}/collections/pages.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: pages
 ---
 

package/src/content/{docs → pages/docs}/collections/presets.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: presets
 ---
 

package/src/content/{docs → pages/docs}/collections.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Collections
 ---
 

package/src/content/{docs → pages/docs}/components/_card.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Card
 ---
 

package/src/content/{docs → pages/docs}/components/_dialog.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Dialog
 ---
 

package/src/content/{docs → pages/docs}/components/_drawer.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Drawer
 ---
 

package/src/content/{docs → pages/docs}/components/_localeswitcher.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: LocaleSwitcher
 ---
 

package/src/content/{docs → pages/docs}/components/_switch.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Switch
 ---
 

package/src/content/{docs → pages/docs}/components/_tagline.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Tagline
 ---
 

package/src/content/{docs → pages/docs}/components/_toggle.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Toggle
 ---
 

package/src/content/{docs → pages/docs}/components/avatar.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Avatar
 ---
 

package/src/content/{docs → pages/docs}/components/badge.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Badge
 ---
 

package/src/content/{docs → pages/docs}/components/badges.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Badges
 ---
 

package/src/content/{docs → pages/docs}/components/button.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Button
 ---
 

package/src/content/{docs → pages/docs}/components/buttons.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Buttons
 ---
 

package/src/content/{docs → pages/docs}/components/channel.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Channel
 ---
 

package/src/content/{docs → pages/docs}/components/channels.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Channels
 ---
 

package/src/content/{docs → pages/docs}/components/checkbox.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Checkbox
 ---
 

package/src/content/{docs → pages/docs}/components/code.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Code
 ---
 

package/src/content/{docs → pages/docs}/components/heading.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Heading
 ---
 

package/src/content/{docs → pages/docs}/components/icon.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Icon
 ---
 

package/src/content/{docs → pages/docs}/components/image.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Image
 ---
 

package/src/content/{docs → pages/docs}/components/input.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Input
 ---
 

package/src/content/{docs → pages/docs}/components/label.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Label
 ---
 

package/src/content/{docs → pages/docs}/components/link.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Link
 ---
 

package/src/content/{docs → pages/docs}/components/links.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Links
 ---
 

package/src/content/{docs → pages/docs}/components/list.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: List
 ---
 

package/src/content/{docs → pages/docs}/components/logo.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Logo
 ---
 

package/src/content/{docs → pages/docs}/components/menu.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Menu
 ---
 

package/src/content/{docs → pages/docs}/components/prose.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Prose
 ---
 

package/src/content/{docs → pages/docs}/components/rating.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Rating
 ---
 

package/src/content/{docs → pages/docs}/components/section.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Section
 ---
 

package/src/content/{docs → pages/docs}/components/select.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Select
 ---
 

package/src/content/{docs → pages/docs}/components/social.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Social
 ---
 

package/src/content/{docs → pages/docs}/components/socials.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Socials
 ---
 

package/src/content/{docs → pages/docs}/components/switch.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Switch
 ---
 

package/src/content/{docs → pages/docs}/components/table.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Table
 ---
 

package/src/content/{docs → pages/docs}/components/tagline.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Tagline
 ---
 

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

@@ -0,0 +1,48 @@
+---
+_layout: doc
+title: Text
+---
+
+# Text
+
+import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+
+```astro live
+---
+import Text from 'fulldev-ui/components/Text.astro'
+---
+
+<Text>The quick brown fox jumps over the lazy dog</Text>
+```
+
+## Props
+
+<PropsTable />
+
+## Examples
+
+### `size`
+
+```astro live
+---
+import Text from 'fulldev-ui/components/Text.astro'
+---
+
+<Text size="sm"
+  >The quick brown fox jumps over the lazy dog because he is quick
+</Text>
+<Text> The quick brown fox jumps over the lazy dog because he is quick </Text>
+<Text size="lg">
+  The quick brown fox jumps over the lazy dog because he is quick
+</Text>
+```
+
+### `text`
+
+```astro live
+---
+
+---
+
+<Text text="The quick brown fox jumps over the lazy dog" />
+```

package/src/content/{docs → pages/docs}/components/textarea.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Textarea
 ---
 

package/src/content/{docs → pages/docs}/components/themer.mdx

@@ -1,4 +1,5 @@
 ---
+_layout: doc
 title: Themer
 ---