fulldev-ui 0.6.0-beta.0 → 0.6.0-beta.10

package/src/content/presets/base.yml

@@ -1,100 +0,0 @@
-theme: system
-
-seo:
-  image: /images/og-image.png
-
-code:
-  head: |
-    <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:
-  themer: true
-  header: true
-  company: Fulldev UI
-  logo: favicon.svg
-  links:
-    - text: Docs
-      href: /docs/
-    - text: Components
-      href: /docs/components/badge/
-    - text: Blocks
-      href: /docs/blocks/banner/
-    - 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

package/src/content/presets/docs.yml

@@ -1,6 +0,0 @@
-navigation:
-  sidebar: true
-  header: false
-  toc: 'On this page'
-next: true
-prev: true

package/src/css/color.css

@@ -1,76 +0,0 @@
-:where(:root),
-:where(.theme-light),
-:where(.theme-dark),
-.color-base,
-.color-base
-  *:where(:not([class*='color-']):not(.color-base [class*='color-'] *)) {
-  --color-1: var(--base-1);
-  --color-2: var(--base-2);
-  --color-3: var(--base-3);
-  --color-4: var(--base-4);
-  --color-5: var(--base-5);
-  --color-6: var(--base-6);
-  --color-7: var(--base-7);
-  --color-8: var(--base-8);
-  --color-9: var(--base-9);
-  --color-10: var(--base-10);
-  --color-11: var(--base-11);
-  --color-12: var(--base-12);
-
-  --color-a1: var(--base-a1, var(--base-1));
-  --color-a2: var(--base-a2, var(--base-2));
-  --color-a3: var(--base-a3, var(--base-3));
-  --color-a4: var(--base-a4, var(--base-4));
-  --color-a5: var(--base-a5, var(--base-5));
-  --color-a6: var(--base-a6, var(--base-6));
-  --color-a7: var(--base-a7, var(--base-7));
-  --color-a8: var(--base-a8, var(--base-8));
-  --color-a9: var(--base-a9, var(--base-9));
-  --color-a10: var(--base-a10, var(--base-10));
-  --color-a11: var(--base-a11, var(--base-11));
-  --color-a12: var(--base-a12, var(--base-12));
-
-  --color-contrast: var(--base-contrast);
-  --color-background: var(--base-background);
-}
-
-.color-brand,
-.color-brand
-  *:where(:not([class*='color-']):not(.color-brand [class*='color-'] *)) {
-  --color-1: var(--brand-1);
-  --color-2: var(--brand-2);
-  --color-3: var(--brand-3);
-  --color-4: var(--brand-4);
-  --color-5: var(--brand-5);
-  --color-6: var(--brand-6);
-  --color-7: var(--brand-7);
-  --color-8: var(--brand-8);
-  --color-9: var(--brand-9);
-  --color-10: var(--brand-10);
-  --color-11: var(--brand-11);
-  --color-12: var(--brand-12);
-
-  --color-a1: var(--brand-a1, var(--brand-1));
-  --color-a2: var(--brand-a2, var(--brand-2));
-  --color-a3: var(--brand-a3, var(--brand-3));
-  --color-a4: var(--brand-a4, var(--brand-4));
-  --color-a5: var(--brand-a5, var(--brand-5));
-  --color-a6: var(--brand-a6, var(--brand-6));
-  --color-a7: var(--brand-a7, var(--brand-7));
-  --color-a8: var(--brand-a8, var(--brand-8));
-  --color-a9: var(--brand-a9, var(--brand-9));
-  --color-a10: var(--brand-a10, var(--brand-10));
-  --color-a11: var(--brand-a11, var(--brand-11));
-  --color-a12: var(--brand-a12, var(--brand-12));
-
-  --color-contrast: var(--brand-contrast);
-  --color-background: var(--brand-background);
-}
-
-.contrast,
-.contrast * {
-  --color-9: var(--color-12);
-  --color-10: var(--color-12);
-  --color-11: var(--color-12);
-  --color-contrast: var(--color-1);
-}

package/src/css/size.css

@@ -1,131 +0,0 @@
-/* :root {
-  --space-sm-1: 4px;
-  --space-sm-2: 6px;
-  --space-sm-3: 8px;
-  --space-sm-4: 12px;
-  --space-sm-5: 20px;
-  --space-sm-6: 40px;
-  --space-sm-7: 60px;
-
-  --space-md-1: 5px;
-  --space-md-2: 8px;
-  --space-md-3: 11px;
-  --space-md-4: 14px;
-  --space-md-5: 28px;
-  --space-md-6: 56px;
-  --space-md-7: 84px;
-
-  --space-lg-1: 6px;
-  --space-lg-2: 10px;
-  --space-lg-3: 14px;
-  --space-lg-4: 18px;
-  --space-lg-5: 36px;
-  --space-lg-6: 72px;
-  --space-lg-7: 120px;
-
-  --text-sm-1: 12px;
-  --text-sm-2: 14px;
-  --text-sm-3: 14px;
-  --text-sm-4: 16px;
-  --text-sm-5: 18px;
-  --text-sm-6: 20px;
-  --text-sm-7: 24px;
-  --text-sm-8: 30px;
-
-  --text-md-1: 12px;
-  --text-md-2: 14px;
-  --text-md-3: 16px;
-  --text-md-4: 18px;
-  --text-md-5: 20px;
-  --text-md-6: 24px;
-  --text-md-7: 30px;
-  --text-md-8: 36px;
-
-  --text-lg-1: 14px;
-  --text-lg-2: 14px;
-  --text-lg-3: 18px;
-  --text-lg-4: 20px;
-  --text-lg-5: 24px;
-  --text-lg-6: 30px;
-  --text-lg-7: 36px;
-  --text-lg-8: 48px;
-}
-
-@media (min-width: 768px) {
-  :root {
-    --text-sm-8: 36px;
-    --text-md-8: 48px;
-    --text-lg-8: 60px;
-  }
-}
-
-.size-sm {
-  --space-1: var(--space-sm-1);
-  --space-2: var(--space-sm-2);
-  --space-3: var(--space-sm-3);
-  --space-4: var(--space-sm-4);
-  --space-5: var(--space-sm-5);
-  --space-6: var(--space-sm-6);
-  --space-7: var(--space-sm-7);
-
-  --radius-1: calc(var(--border-radius, 1) * var(--space-sm-1));
-  --radius-2: calc(var(--border-radius, 1) * var(--space-sm-2));
-  --radius-3: calc(var(--border-radius, 1) * var(--space-sm-3));
-
-  --text-1: var(--text-sm-1);
-  --text-2: var(--text-sm-2);
-  --text-3: var(--text-sm-3);
-  --text-4: var(--text-sm-4);
-  --text-5: var(--text-sm-5);
-  --text-6: var(--text-sm-6);
-  --text-7: var(--text-sm-7);
-  --text-8: var(--text-sm-8);
-}
-
-:root,
-.size-md {
-  --space-1: var(--space-md-1);
-  --space-2: var(--space-md-2);
-  --space-3: var(--space-md-3);
-  --space-4: var(--space-md-4);
-  --space-5: var(--space-md-5);
-  --space-6: var(--space-md-6);
-  --space-7: var(--space-md-7);
-
-  --radius-1: calc(var(--border-radius, 1) * var(--space-md-1));
-  --radius-2: calc(var(--border-radius, 1) * var(--space-md-2));
-  --radius-3: calc(var(--border-radius, 1) * var(--space-md-3));
-
-  --text-1: var(--text-md-1);
-  --text-2: var(--text-md-2);
-  --text-3: var(--text-md-3);
-  --text-4: var(--text-md-4);
-  --text-5: var(--text-md-5);
-  --text-6: var(--text-md-6);
-  --text-7: var(--text-md-7);
-  --text-8: var(--text-md-8);
-}
-
-.size-lg {
-  --space-1: var(--space-lg-1);
-  --space-2: var(--space-lg-2);
-  --space-3: var(--space-lg-3);
-  --space-4: var(--space-lg-4);
-  --space-5: var(--space-lg-5);
-  --space-6: var(--space-lg-6);
-  --space-7: var(--space-lg-7);
-
-  --radius-1: calc(var(--border-radius, 1) * var(--space-lg-1));
-  --radius-2: calc(var(--border-radius, 1) * var(--space-lg-2));
-  --radius-3: calc(var(--border-radius, 1) * var(--space-lg-3));
-
-  --text-1: var(--text-lg-1);
-  --text-2: var(--text-lg-2);
-  --text-3: var(--text-lg-3);
-  --text-4: var(--text-lg-4);
-  --text-5: var(--text-lg-5);
-  --text-6: var(--text-lg-6);
-  --text-7: var(--text-lg-7);
-  --text-8: var(--text-lg-8);
-}
- */

package/src/layouts/Layout.astro

@@ -1,108 +0,0 @@
----
-import type { ComponentProps, HTMLAttributes } from 'astro/types'
-import Banner from 'fulldev-ui/blocks/Banner.astro'
-import Footer from 'fulldev-ui/blocks/Footer.astro'
-import Element from 'fulldev-ui/components/Element.astro'
-import Head from 'fulldev-ui/components/Head.astro'
-import Header from 'fulldev-ui/components/Header.astro'
-import Sidebar from 'fulldev-ui/components/Sidebar.astro'
-import Subheader from 'fulldev-ui/components/Subheader.astro'
-
-type Props = HTMLAttributes<'html'> & {
-  banner?: ComponentProps<typeof Banner>['text'] | undefined
-  header?: ComponentProps<typeof Header> | undefined
-  subheader?: ComponentProps<typeof Subheader> | undefined
-  sidebar?: ComponentProps<typeof Sidebar> | undefined
-  footer?: ComponentProps<typeof Footer> | undefined
-  theme?: 'light' | 'dark' | 'system' | undefined
-  title?: string
-  code?: {
-    head?: string
-    body?: string
-  }
-  description?: string
-  image?: any
-  seo?: {
-    title?: string
-    description?: string
-    image?: string
-  }
-  next?: string
-  prev?: string
-}
-
-const {
-  banner,
-  header,
-  subheader,
-  sidebar,
-  footer,
-  theme,
-  code,
-  next,
-  prev,
-  ...rest
-} = Astro.props
----
-
-<!doctype html>
-<html
-  class="layout"
-  {...rest}
->
-  <Head {...Astro.props} />
-  <Element
-    class:list="layout-body"
-    as="body"
-    {theme}
-  >
-    <Banner text={banner} />
-    <Header {...header} />
-    <Subheader {...subheader} />
-    <slot name="before" />
-
-    <Element class:list={['layout-container', { 'has-sidebar': sidebar }]}>
-      <Sidebar {...sidebar} />
-      <main class="layout-main">
-        <slot />
-      </main>
-    </Element>
-    <Footer {...footer} />
-    <slot name="after" />
-    <Fragment set:html={code?.body} />
-
-    <style is:global>
-      @layer fulldev {
-        .layout {
-          @apply w-full font-sans text-base leading-relaxed text-foreground;
-          color-scheme: light;
-
-          &.dark {
-            color-scheme: dark;
-          }
-        }
-
-        .layout-body {
-          @apply flex min-h-screen w-full flex-col bg-background font-sans text-foreground;
-        }
-
-        .layout-container {
-          @apply relative flex h-full w-full flex-grow;
-
-          &.has-sidebar {
-            @apply container px-0;
-          }
-        }
-
-        .layout-main {
-          @apply flex w-full max-w-full flex-1 shrink flex-col;
-
-          /* full width minus sidebar width */
-          @media (min-width: 1024px) {
-            max-width: calc(100% - var(--sidebar-width, 0px));
-          }
-        }
-      }
-    </style>
-  </Element>
-</html>

package/src/layouts/PageLayout.astro

@@ -1,26 +0,0 @@
----
-import type { ComponentProps } from 'astro/types'
-import Hero from 'fulldev-ui/blocks/Hero.astro'
-import Prose from 'fulldev-ui/components/Prose.astro'
-import Sections from 'fulldev-ui/components/sections.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-
-interface Props
-  extends ComponentProps<typeof Layout>,
-    ComponentProps<typeof Prose> {
-  hero?: ComponentProps<typeof Hero>
-  sections?: ComponentProps<typeof Sections>['sections']
-}
-
-const { hero, render, toc, sections, ...rest } = Astro.props
----
-
-<Layout {...rest}>
-  <Hero {...hero} />
-  <Prose
-    {render}
-    {toc}
-  />
-  <Sections {sections} />
-  <slot />
-</Layout>

package/src/layouts/PostLayout.astro

@@ -1,26 +0,0 @@
----
-import type { ComponentProps } from 'astro/types'
-import Hero from 'fulldev-ui/blocks/Hero.astro'
-import Prose from 'fulldev-ui/components/Prose.astro'
-import Sections from 'fulldev-ui/components/sections.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-
-interface Props
-  extends ComponentProps<typeof Layout>,
-    ComponentProps<typeof Prose> {
-  hero?: ComponentProps<typeof Hero>
-  sections?: ComponentProps<typeof Sections>['sections']
-}
-
-const { hero, render, toc, sections, ...rest } = Astro.props
----
-
-<Layout {...rest}>
-  <Hero {...hero} />
-  <Prose
-    {render}
-    {toc}
-  />
-  <Sections {sections} />
-  <slot />
-</Layout>

package/src/loaders/imageLoader.ts

@@ -1,26 +0,0 @@
-export default async () => {
-  const files = import.meta.glob('/src/images/**/*.{webp,png,jpg,jpeg,svg}', {
-    eager: true,
-  })
-  const entries = import.meta.glob('/src/images/**/*.{yml,yaml,json}', {
-    eager: true,
-  })
-
-  const allImages = Object.entries(files).map(([src, file]) => {
-    const id = src.split('/images/').pop()
-    const matchPath = Object.keys(entries).find(
-      (entry) => entry.split('.').shift() === src
-    ) as any
-    const matchFile = entries[matchPath]
-    const matchData = matchFile ? (matchFile as any).default : {}
-    const fileData = file ? (file as any).default : {}
-    return {
-      id,
-      ...fileData,
-      src,
-      ...matchData,
-    }
-  })
-
-  return allImages as any
-}

package/src/pages/test.astro

@@ -1,20 +0,0 @@
----
-import Product from 'fulldev-ui/blocks/Product.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-
-const product = {
-  images: [
-    '/src/images/placeholder-right.webp',
-    '/src/images/placeholder-right.webp',
-    '/src/images/placeholder-right.webp',
-    '/src/images/placeholder-right.webp',
-    '/src/images/placeholder-right.webp',
-  ],
-  title: 'Hello world',
-  description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
-}
----
-
-<Layout>
-  <Product {...product} />
-</Layout>

package/src/schemas/components/avatar.ts

@@ -1,3 +0,0 @@
-import { z } from 'astro:content'
-
-export default z.string()

package/src/schemas/components/avatars.ts

@@ -1,4 +0,0 @@
-import { z } from 'astro:content'
-import avatar from './avatar'
-
-export default z.array(avatar)

package/src/schemas/components/badge.ts

@@ -1,13 +0,0 @@
-import { z } from 'astro:content'
-import pathSchema from '../utils/pathSchema'
-
-export default pathSchema('pages').or(
-  z
-    .object({
-      text: z.string(),
-      href: z.string(),
-      icon: z.string(),
-    })
-    .partial()
-    .passthrough()
-)

package/src/schemas/components/button.ts

@@ -1,24 +0,0 @@
-import { z } from 'astro:content'
-import pathSchema from '../utils/pathSchema'
-import globalSchema from './global'
-
-export const buttonSchema = z
-  .union([pathSchema('pages'), z.object({}).passthrough()])
-  .pipe(
-    globalSchema
-      .extend({
-        slug: z
-          .string()
-          .refine(async (data) => await pathSchema('pages').parseAsync(data)),
-        text: z.string(),
-        href: z.string(),
-        icon: z.string(),
-      })
-      .partial()
-      .passthrough()
-      .merge(globalSchema)
-  )
-
-export type ButtonSchema = z.infer<typeof buttonSchema>
-
-export default buttonSchema

package/src/schemas/components/buttons.ts

@@ -1,4 +0,0 @@
-import { z } from 'astro:content'
-import button from './button'
-
-export default z.array(button)

package/src/schemas/components/card.ts

@@ -1,43 +0,0 @@
-import { z } from 'astro:content'
-import pathSchema from '../utils/pathSchema'
-import button from './button'
-import buttons from './buttons'
-import globalSchema from './global'
-import icon from './icon'
-import image from './image'
-import images from './images'
-
-export const cardSchema = z
-  .union([pathSchema('pages'), z.object({}).passthrough()])
-  .pipe(
-    globalSchema
-      .extend({
-        slug: z
-          .string()
-          .refine(async (data) => await pathSchema('pages').parseAsync(data)),
-        image: image,
-        images: images,
-        position: z.enum(['background', 'cover', 'inset']),
-        buttons: buttons,
-        button: button,
-        variant: z.string(),
-        align: z.string().default('start'),
-        icon: icon,
-        price: z.number(),
-        panel: z.boolean().default(true),
-        title: z.string(),
-        heading: z.string(),
-        level: z.number().min(1).max(6).default(4),
-        badge: z.any(),
-        tagline: z.string(),
-        rating: z.number(),
-        text: z.string(),
-        list: z.array(z.any()),
-      })
-      .partial()
-      .passthrough()
-  )
-
-export type CardSchema = z.infer<typeof cardSchema>
-
-export default cardSchema

package/src/schemas/components/cards.ts

@@ -1,4 +0,0 @@
-import { z } from 'astro:content'
-import card from './card'
-
-export default z.array(card)

package/src/schemas/components/channel.ts

@@ -1,13 +0,0 @@
-import { z } from 'astro:content'
-import heading from './heading'
-import icon from './icon'
-import text from './text'
-
-export default z
-  .object({
-    heading,
-    text,
-    icon,
-    href: z.string(),
-  })
-  .partial()

package/src/schemas/components/channels.ts

@@ -1,4 +0,0 @@
-import { z } from 'astro:content'
-import channel from './channel'
-
-export default z.array(channel)

package/src/schemas/components/footer.ts

@@ -1,17 +0,0 @@
-import { z } from 'astro:content'
-import channels from './channels'
-import logo from './logo'
-import menu from './menu'
-import socials from './socials'
-import text from './text'
-
-export default z
-  .object({
-    logo,
-    text,
-    socials,
-    channels,
-    menu,
-  })
-  .partial()
-  .passthrough()

package/src/schemas/components/global.ts

@@ -1,16 +0,0 @@
-import { z } from 'astro:content'
-
-export const globalSchema = z
-  .object({
-    if: z.any(),
-    theme: z.enum(['light', 'dark']),
-    color: z.enum(['base', 'brand']),
-    size: z.enum(['sm', 'md', 'lg']),
-    contrast: z.boolean(),
-  })
-  .partial()
-  .passthrough()
-
-export type GlobalSchema = z.infer<typeof globalSchema>
-
-export default globalSchema