fulldev-ui 0.5.0-beta.8 → 0.6.0-beta-4

package/src/integration/tailwind-plugin.ts

@@ -1,80 +0,0 @@
-import plugin from 'tailwindcss/plugin'
-
-export default plugin(() => {}, {
-  theme: {
-    spacing: {
-      'space-1': 'var(--space-1)',
-      'space-2': 'var(--space-2)',
-      'space-3': 'var(--space-3)',
-      'space-4': 'var(--space-4)',
-      'space-5': 'var(--space-5)',
-      'space-6': 'var(--space-6)',
-      'space-7': 'var(--space-7)',
-    },
-    borderRadius: {
-      1: 'var(--radius-1)',
-      2: 'var(--radius-2)',
-      3: 'var(--radius-3)',
-    },
-    fontSize: {
-      1: 'var(--text-1)',
-      2: 'var(--text-2)',
-      3: 'var(--text-3)',
-      4: 'var(--text-4)',
-      5: 'var(--text-5)',
-      6: 'var(--text-6)',
-      7: 'var(--text-7)',
-      8: 'var(--text-8)',
-    },
-    colors: {
-      color: {
-        1: 'var(--color-1)',
-        2: 'var(--color-2)',
-        3: 'var(--color-3)',
-        4: 'var(--color-4)',
-        5: 'var(--color-5)',
-        6: 'var(--color-6)',
-        7: 'var(--color-7)',
-        8: 'var(--color-8)',
-        9: 'var(--color-9)',
-        10: 'var(--color-10)',
-        11: 'var(--color-11)',
-        12: 'var(--color-12)',
-        contrast: 'var(--color-contrast)',
-        background: 'var(--color-background)',
-      },
-      base: {
-        1: 'var(--color-base-1)',
-        2: 'var(--color-base-2)',
-        3: 'var(--color-base-3)',
-        4: 'var(--color-base-4)',
-        5: 'var(--color-base-5)',
-        6: 'var(--color-base-6)',
-        7: 'var(--color-base-7)',
-        8: 'var(--color-base-8)',
-        9: 'var(--color-base-9)',
-        10: 'var(--color-base-10)',
-        11: 'var(--color-base-11)',
-        12: 'var(--color-base-12)',
-        contrast: 'var(--color-base-contrast)',
-        background: 'var(--color-base-background)',
-      },
-      brand: {
-        1: 'var(--color-brand-1)',
-        2: 'var(--color-brand-2)',
-        3: 'var(--color-brand-3)',
-        4: 'var(--color-brand-4)',
-        5: 'var(--color-brand-5)',
-        6: 'var(--color-brand-6)',
-        7: 'var(--color-brand-7)',
-        8: 'var(--color-brand-8)',
-        9: 'var(--color-brand-9)',
-        10: 'var(--color-brand-10)',
-        11: 'var(--color-brand-11)',
-        12: 'var(--color-brand-12)',
-        contrast: 'var(--color-brand-contrast)',
-        background: 'var(--color-brand-background)',
-      },
-    },
-  },
-})

package/src/integration/unocss-preset.ts

@@ -1,84 +0,0 @@
-import { definePreset, presetUno } from 'unocss'
-
-export default definePreset(() => {
-  return {
-    name: 'fullUI',
-    presets: [presetUno()],
-    theme: {
-      spacing: {
-        'space-1': 'var(--space-1)',
-        'space-2': 'var(--space-2)',
-        'space-3': 'var(--space-3)',
-        'space-4': 'var(--space-4)',
-        'space-5': 'var(--space-5)',
-        'space-6': 'var(--space-6)',
-        'space-7': 'var(--space-7)',
-      },
-      borderRadius: {
-        1: 'var(--radius-1)',
-        2: 'var(--radius-2)',
-        3: 'var(--radius-3)',
-      },
-      fontSize: {
-        1: 'var(--text-1)',
-        2: 'var(--text-2)',
-        3: 'var(--text-3)',
-        4: 'var(--text-4)',
-        5: 'var(--text-5)',
-        6: 'var(--text-6)',
-        7: 'var(--text-7)',
-        8: 'var(--text-8)',
-      },
-      colors: {
-        color: {
-          1: 'var(--color-1)',
-          2: 'var(--color-2)',
-          3: 'var(--color-3)',
-          4: 'var(--color-4)',
-          5: 'var(--color-5)',
-          6: 'var(--color-6)',
-          7: 'var(--color-7)',
-          8: 'var(--color-8)',
-          9: 'var(--color-9)',
-          10: 'var(--color-10)',
-          11: 'var(--color-11)',
-          12: 'var(--color-12)',
-          contrast: 'var(--color-contrast)',
-          background: 'var(--color-background)',
-        },
-        base: {
-          1: 'var(--color-base-1)',
-          2: 'var(--color-base-2)',
-          3: 'var(--color-base-3)',
-          4: 'var(--color-base-4)',
-          5: 'var(--color-base-5)',
-          6: 'var(--color-base-6)',
-          7: 'var(--color-base-7)',
-          8: 'var(--color-base-8)',
-          9: 'var(--color-base-9)',
-          10: 'var(--color-base-10)',
-          11: 'var(--color-base-11)',
-          12: 'var(--color-base-12)',
-          contrast: 'var(--color-base-contrast)',
-          background: 'var(--color-base-background)',
-        },
-        brand: {
-          1: 'var(--color-brand-1)',
-          2: 'var(--color-brand-2)',
-          3: 'var(--color-brand-3)',
-          4: 'var(--color-brand-4)',
-          5: 'var(--color-brand-5)',
-          6: 'var(--color-brand-6)',
-          7: 'var(--color-brand-7)',
-          8: 'var(--color-brand-8)',
-          9: 'var(--color-brand-9)',
-          10: 'var(--color-brand-10)',
-          11: 'var(--color-brand-11)',
-          12: 'var(--color-brand-12)',
-          contrast: 'var(--color-brand-contrast)',
-          background: 'var(--color-brand-background)',
-        },
-      },
-    },
-  }
-})

package/src/layouts/BlockLayout.astro

@@ -1,19 +0,0 @@
----
-import type { ComponentProps } from 'astro/types'
-import Intro from 'fulldev-ui/blocks/Intro.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-
-type Props = ComponentProps<typeof Layout>
-
-const { render, title, sections, ...rest } = Astro.props
-const { Content } = await render()
----
-
-<Layout
-  class:list="block-layout"
-  {render}
-  {...rest}
->
-  <Intro heading={title} />
-  {Content && <Content />}
-</Layout>

package/src/layouts/ContactLayout.astro

@@ -1,21 +0,0 @@
----
-import type { ComponentProps } from 'astro/types'
-import Sections from 'fulldev-ui/components/sections.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-import Contact from '../blocks/Contact.astro'
-
-type Props = ComponentProps<typeof Layout> & {
-  contactProps: ComponentProps<typeof Contact>
-}
-
-const { render, sections, contactProps, ...rest } = Astro.props
----
-
-<Layout {...Astro.props}>
-  <Contact
-    level={1}
-    {...rest}
-  />
-  <Sections {sections} />
-  <slot />
-</Layout>

package/src/layouts/DocsLayout.astro

@@ -1,73 +0,0 @@
----
-import type { ComponentProps } from 'astro/types'
-import Button from 'fulldev-ui/components/Button.astro'
-import Element from 'fulldev-ui/components/Element.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-import { crush } from 'radash'
-import PostLayout from './PostLayout.astro'
-
-type Props = ComponentProps<typeof Layout>
-
-const { slug, navigation } = Astro.props
-
-const flatButtons = crush((navigation as any)?.buttons ?? {})
-const slugs = Object.entries(flatButtons)
-  .map(([key, value]) => (key.endsWith('.slug') ? value : null))
-  .filter(Boolean)
-const slugIndex = slugs.findIndex((val) => val === slug)
-
-const prevSlug = slugs[slugIndex - 1]
-const nextSlug = slugs[slugIndex + 1]
----
-
-<PostLayout
-  class:list="docs-layout"
-  {...Astro.props}
->
-  <Element
-    class:list={['prev-next', { 'next-only': !prevSlug }]}
-    slot="prose"
-  >
-    <Button
-      if={prevSlug}
-      slug={prevSlug}
-      icon="arrow-left"
-      variant="secondary"
-    />
-    <Button
-      if={nextSlug}
-      slug={nextSlug}
-      icon="arrow-right"
-      variant="secondary"
-      reverse={true}
-    />
-  </Element>
-</PostLayout>
-
-<style lang="scss" is:global>
-  @layer fulldev {
-    .docs-layout {
-      .prose {
-        > a,
-        > p > a {
-          color: var(--brand-11);
-
-          &:hover {
-            color: var(--brand-12);
-          }
-        }
-
-        .prev-next {
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          margin-top: var(--space-7);
-
-          &.next-only {
-            justify-content: flex-end;
-          }
-        }
-      }
-    }
-  }
-</style>

package/src/layouts/Layout.astro

@@ -1,163 +0,0 @@
----
-import type { ComponentProps, HTMLAttributes } from 'astro/types'
-import type { CollectionEntry } from 'astro:content'
-import Article from 'fulldev-ui/blocks/Article.astro'
-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 Section from 'fulldev-ui/components/Section.astro'
-import Sections from 'fulldev-ui/components/sections.astro'
-import Sidebar from 'fulldev-ui/components/Sidebar.astro'
-import type { GlobalProps } from 'fulldev-ui/types/global-props'
-
-type Props = GlobalProps &
-  HTMLAttributes<'html'> & {
-    render: CollectionEntry<'pages'>['render']
-    slug: CollectionEntry<'pages'>['slug']
-    header?: ComponentProps<typeof Header>
-    footer?: ComponentProps<typeof Footer>
-    sections?: ComponentProps<typeof Sections>['sections']
-    section?: ComponentProps<typeof Section> | undefined
-    banner?: any
-    toc?: any
-    sidebar?: any
-    navigation?: any
-    themeselect?: any
-    code?: {
-      head?: string
-      body?: string
-    }
-    title?: string
-    description?: string
-    image?: string
-    seo?: {
-      title?: string
-      description?: string
-      image?: string
-    }
-  }
-
-const {
-  render,
-  header,
-  navigation,
-  footer,
-  sidebar,
-  toc,
-  sections,
-  theme,
-  section,
-  banner,
-  code,
-  themeselect,
-  ...rest
-} = Astro.props
----
-
-<!doctype html>
-<html {...rest}>
-  <Head {...Astro.props} />
-  <Element
-    as="body"
-    {theme}
-  >
-    <slot name="banner">
-      <Banner text={banner} />
-    </slot>
-    <slot name="header">
-      <Header
-        {...navigation?.header === true ? navigation : {}}
-        {...header}
-      />
-    </slot>
-    <div class="core">
-      <slot name="sidebar">
-        <Sidebar
-          {...navigation?.sidebar === true ? navigation : {}}
-          logo={navigation?.sidebar?.header
-            ? undefined
-            : navigation?.sidebar?.logo}
-          company={navigation?.sidebar?.header
-            ? undefined
-            : navigation?.sidebar?.company}
-          {...sidebar}
-        />
-      </slot>
-      <main data-pagefind-body>
-        <slot>
-          <Section {...section} />
-          <Article />
-          <Sections {sections} />
-        </slot>
-      </main>
-    </div>
-    <slot name="footer">
-      <Footer {...footer} />
-    </slot>
-    <Fragment set:html={code?.body} />
-
-    <style lang="scss" is:global>
-      @layer fulldev {
-        html {
-          width: 100%;
-          min-height: 100vh;
-          scroll-behavior: smooth;
-          color-scheme: var(--color-scheme);
-          font-size: var(--text-2);
-          font-family: 'Inter', sans-serif;
-        }
-
-        body {
-          display: flex;
-          flex-direction: column;
-          background-color: var(--base-background);
-          width: 100%;
-          min-height: 100vh;
-          color: var(--base-11);
-
-          .for-sidebar {
-            @media (min-width: 1024px) {
-              display: none;
-
-              ~ * {
-                --header-height: 0px;
-              }
-            }
-          }
-
-          .core {
-            display: flex;
-            position: relative;
-            flex-grow: 1;
-            height: 100%;
-
-            main {
-              --screen: 1280px;
-              display: flex;
-              flex: 1;
-              flex-direction: column;
-              background-color: var(--color-background);
-              width: 100%;
-              max-width: 100vw;
-            }
-          }
-        }
-      }
-    </style>
-  </Element>
-</html>
-
-<script>
-  const setTheme = (document: Document) => {
-    const theme = localStorage.getItem('theme') || ''
-    document.body.classList.add(`theme-${theme}`)
-  }
-
-  setTheme(document)
-
-  document.addEventListener('astro:before-swap', (event) => {
-    setTheme(event.newDocument)
-  })
-</script>

package/src/layouts/OverviewLayout.astro

@@ -1,42 +0,0 @@
----
-import type { ComponentProps } from 'astro/types'
-import Article from 'fulldev-ui/blocks/Article.astro'
-import Categories from 'fulldev-ui/blocks/Categories.astro'
-import Intro from 'fulldev-ui/blocks/Intro.astro'
-import Products from 'fulldev-ui/blocks/Products.astro'
-import Sections from 'fulldev-ui/components/sections.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-import { getFolderChildren } from 'fulldev-ui/utils/getFolderChildren.ts'
-import { getReferenceChildren } from 'fulldev-ui/utils/getReferenceChildren'
-
-type Props = ComponentProps<typeof Layout>
-
-const { slug, sections, title, description, render } = Astro.props
-
-const folderChildren = await getFolderChildren(slug)
-const referenceChildren = await getReferenceChildren(slug)
----
-
-<Layout {...Astro.props}>
-  <Intro
-    heading={title}
-    text={description}
-  />
-  <Categories
-    component="Categories"
-    cards={folderChildren}
-    structure="grid"
-    panel
-  />
-  <Products
-    component="Products"
-    cards={referenceChildren}
-    structure="grid"
-  />
-  <Article
-    {render}
-    toc={false}
-  />
-  <Sections {sections} />
-  <slot />
-</Layout>

package/src/layouts/PostLayout.astro

@@ -1,21 +0,0 @@
----
-import type { ComponentProps } from 'astro/types'
-import Article from 'fulldev-ui/blocks/Article.astro'
-import Sections from 'fulldev-ui/components/sections.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-
-type Props = ComponentProps<typeof Layout>
-
-const { sections, render, toc } = Astro.props
----
-
-<Layout {...Astro.props}>
-  <Article
-    {render}
-    {toc}
-  >
-    <slot name="prose" />
-  </Article>
-  <Sections {sections} />
-  <slot />
-</Layout>

package/src/layouts/ProductLayout.astro

@@ -1,21 +0,0 @@
----
-import type { ComponentProps } from 'astro/types'
-import Article from 'fulldev-ui/blocks/Article.astro'
-import Section from 'fulldev-ui/components/Section.astro'
-import Sections from 'fulldev-ui/components/sections.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-
-type Props = ComponentProps<typeof Layout>
-
-const { render, sections, ...rest } = Astro.props
----
-
-<Layout {...Astro.props}>
-  <Section
-    component="Product"
-    {...rest as any}
-  />
-  <Article />
-  <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/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/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,25 +0,0 @@
-import button from './button'
-import buttons from './buttons'
-import icon from './icon'
-import image from './image'
-import images from './images'
-
-import { z } from 'astro:content'
-import pathSchema from '../utils/pathSchema'
-import writeup from './writeup'
-
-export default z.union([pathSchema('pages'), z.object({}).passthrough()]).pipe(
-  writeup
-    .extend({
-      slug: z
-        .string()
-        .refine(async (data) => await pathSchema('pages').parseAsync(data)),
-      image,
-      images,
-      buttons,
-      button,
-      icon,
-    })
-    .partial()
-    .passthrough()
-)

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/channels.ts

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

package/src/schemas/components/images.ts

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

package/src/schemas/components/list.ts

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

package/src/schemas/components/section.ts

@@ -1,15 +0,0 @@
-import component from '../utils/component'
-import buttons from './buttons'
-import cards from './cards'
-import image from './image'
-import writeup from './writeup'
-
-export default writeup
-  .extend({
-    component,
-    image,
-    buttons,
-    cards,
-  })
-  .partial()
-  .passthrough()

package/src/schemas/components/sections.ts

@@ -1,3 +0,0 @@
-import section from './section'
-
-export default section.array()

package/src/schemas/components/socials.ts

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

package/src/schemas/components/text.ts

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

package/src/schemas/components/toc.ts

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

package/src/schemas/components/writeup.ts

@@ -1,20 +0,0 @@
-import { z } from 'astro:content'
-import badge from './badge'
-import heading from './heading'
-import list from './list'
-import price from './price'
-import rating from './rating'
-import tagline from './tagline'
-import text from './text'
-
-export default z
-  .object({
-    rating,
-    badge,
-    tagline,
-    heading,
-    text,
-    list,
-    price,
-  })
-  .partial()

package/src/schemas/presetSchema.ts

@@ -1,3 +0,0 @@
-import { page } from './pageSchema'
-
-export default page