fulldev-ui 0.4.28 → 0.5.0-beta.0

package/src/content/pages/base/_image.mdx

@@ -1,14 +0,0 @@
----
-_layout: ComponentLayout
-settings: components
-
-title: Image
----
-
-```astro live
----
-import Image from 'fulldev-ui/components/Image.astro'
----
-
-<Image src="/images/placeholder-landscape.webp" />
-```

package/src/content/pages/blocks.mdx

@@ -1,10 +0,0 @@
----
-_layout: BlockOverviewLayout
-
-seo:
-  title: Fulldev UI - Astro block library, open-source
-  description: Make websites rapidly with pre-built blocks.
-
-title: Blocks
-heading: Blocks that you can customize with props
----

package/src/content/pages/overview/integration.mdx

@@ -1,37 +0,0 @@
----
-_layout: PostLayout
-settings: components
----
-
-import Link from 'fulldev-ui/components/Link.astro'
-
-# Integration
-
-After <Link href="/overview/installation">installation</Link> you can generate your color palettes via an Astro integration. You can optionally add a custom css file and define custom colors and other theming options, see the <Link href="/overview/theming">theming page</Link> for more information.
-
-```ts
-import { defineConfig } from 'astro/config'
-import fulldev from 'fulldev-ui/integration'
-
-// https://astro.build/config
-export default defineConfig({
-  integrations: [
-    fulldev({
-      css: '/src/css/custom.css',
-      colors: {
-        theme: 'dark',
-        dark: {
-          background: '#111110',
-          base: '#6F6D66',
-          brand: '#F50',
-        },
-        light: {
-          background: '#EEEEEC',
-          base: '#6F6D66',
-          brand: '#F50',
-        },
-      },
-    }),
-  ],
-})
-```

package/src/content/pages/structure/_row.mdx

@@ -1,23 +0,0 @@
----
-_layout: BlockLayout
-title: Row
-description: Structures children in a horizontal row. This component sizes dynamically, the margin between a heading and a paragraph is smaller than the margin between a paragraph an image.
----
-
-```astro live
----
-import DecorativeBox from 'fulldev-ui/components/docs/DecorativeBox.astro'
-import Row from 'fulldev-ui/components/Row.astro'
----
-
-<Row>
-  <DecorativeBox />
-  <DecorativeBox />
-  <DecorativeBox />
-  <DecorativeBox />
-  <DecorativeBox />
-  <DecorativeBox />
-  <DecorativeBox />
-  <DecorativeBox />
-</Row>
-```

package/src/content/pages/structure/_wrap.mdx

@@ -1,25 +0,0 @@
----
-_layout: ComponentLayout
-settings: components
-
-title: Wrap
-description: Structures children onto one line or can wrap onto multiple lines.
----
-
-```astro live
----
-import DecorativeBox from 'fulldev-ui/components/docs/DecorativeBox.astro'
-import Wrap from 'fulldev-ui/components/Wrap.astro'
----
-
-<Wrap>
-  <DecorativeBox />
-  <DecorativeBox />
-  <DecorativeBox />
-  <DecorativeBox />
-  <DecorativeBox />
-  <DecorativeBox />
-  <DecorativeBox />
-  <DecorativeBox />
-</Wrap>
-```

package/src/content/pages/structure/carousel.mdx

@@ -1,31 +0,0 @@
----
-_layout: BlockLayout
-settings: components
-
-title: Carousel
----
-
-```astro live
----
-import Carousel from 'fulldev-ui/components/Carousel.astro'
-import DecorativeBox from 'fulldev-ui/components/docs/DecorativeBox.astro'
-import Section from 'fulldev-ui/components/Section.astro'
----
-
-<Section>
-  <Carousel position="inset">
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-  </Carousel>
-</Section>
-```

package/src/content/pages/structure/column.mdx

@@ -1,21 +0,0 @@
----
-_layout: BlockLayout
-settings: components
-
-title: Column
----
-
-```astro live
----
-import Column from 'fulldev-ui/components/Column.astro'
-import DecorativeBox from 'fulldev-ui/components/docs/DecorativeBox.astro'
-import Section from 'fulldev-ui/components/Section.astro'
----
-
-<Section>
-  <Column>
-    <DecorativeBox />
-    <DecorativeBox />
-  </Column>
-</Section>
-```

package/src/content/pages/structure/grid.mdx

@@ -1,26 +0,0 @@
----
-_layout: BlockLayout
-settings: components
-
-title: Grid
----
-
-```astro live
----
-import DecorativeBox from 'fulldev-ui/components/docs/DecorativeBox.astro'
-import Grid from 'fulldev-ui/components/Grid.astro'
-import Section from 'fulldev-ui/components/Section.astro'
----
-
-<Section>
-  <Grid>
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-  </Grid>
-</Section>
-```

package/src/content/pages/structure/masonry.mdx

@@ -1,32 +0,0 @@
----
-_layout: BlockLayout
-settings: components
-
-title: Masonry
----
-
-```astro live
----
-import DecorativeBox from 'fulldev-ui/components/docs/DecorativeBox.astro'
-import Masonry from 'fulldev-ui/components/Masonry.astro'
-import Section from 'fulldev-ui/components/Section.astro'
----
-
-<Section>
-  <Masonry>
-    <DecorativeBox style={{ height: '150px' }} />
-    <DecorativeBox style={{ height: '150px' }} />
-    <DecorativeBox />
-    <DecorativeBox style={{ height: '150px' }} />
-    <DecorativeBox />
-    <DecorativeBox style={{ height: '150px' }} />
-    <DecorativeBox style={{ height: '150px' }} />
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox style={{ height: '150px' }} />
-    <DecorativeBox />
-    <DecorativeBox style={{ height: '150px' }} />
-    <DecorativeBox />
-  </Masonry>
-</Section>
-```

package/src/content/pages/structure/split.mdx

@@ -1,21 +0,0 @@
----
-_layout: BlockLayout
-settings: components
-
-title: Split
----
-
-```astro live
----
-import DecorativeBox from 'fulldev-ui/components/docs/DecorativeBox.astro'
-import Section from 'fulldev-ui/components/Section.astro'
-import Split from 'fulldev-ui/components/Split.astro'
----
-
-<Section>
-  <Split>
-    <DecorativeBox />
-    <DecorativeBox />
-  </Split>
-</Section>
-```

package/src/content/pages/structure/spread.mdx

@@ -1,21 +0,0 @@
----
-_layout: BlockLayout
-settings: components
-
-title: Spread
----
-
-```astro live
----
-import DecorativeBox from 'fulldev-ui/components/docs/DecorativeBox.astro'
-import Section from 'fulldev-ui/components/Section.astro'
-import Spread from 'fulldev-ui/components/Spread.astro'
----
-
-<Section>
-  <Spread>
-    <DecorativeBox />
-    <DecorativeBox />
-  </Spread>
-</Section>
-```

package/src/content/pages/structure/stack.mdx

@@ -1,22 +0,0 @@
----
-_layout: BlockLayout
-settings: components
-
-title: Stack
----
-
-```astro live
----
-import DecorativeBox from 'fulldev-ui/components/docs/DecorativeBox.astro'
-import Section from 'fulldev-ui/components/Section.astro'
-import Stack from 'fulldev-ui/components/Stack.astro'
----
-
-<Section>
-  <Stack>
-    <DecorativeBox />
-    <DecorativeBox />
-    <DecorativeBox />
-  </Stack>
-</Section>
-```

package/src/content/settings/base.yml

@@ -1,55 +0,0 @@
-seo:
-  image: /images/og-image.png
-
-header:
-  heading: Fulldev UI
-  variant: base
-  links:
-    - text: Docs
-      href: /overview/introduction
-    - text: Components
-      href: /typography/heading
-    - text: Blocks
-      href: /blocks
-    - text: Showcase
-      href: /showcase
-  search:
-    icon: search
-    variant: soft
-  buttons:
-    - href: https://github.com/fulldotdev/ui
-      target: _blank
-      aria-label: GitHub
-      icon: brand-github
-    - href: https://discord.gg/vXZqMbadm8
-      target: _blank
-      aria-label: Discord
-      icon: brand-discord
-  drawer:
-    - links:
-        - text: Docs
-          href: /overview/introduction
-        - text: Components
-          href: /typography/heading
-        - text: Blocks
-          href: /blocks
-    - heading: Overview
-      links:
-        - text: Introduction
-          href: /overview/introduction
-        - text: Installation
-          href: /overview/installation
-        - text: Integration
-          href: /overview/integration
-        - text: Theming
-          href: /overview/theming
-        - text: Frameworks
-          href: /overview/frameworks
-        - text: Showcase
-          href: /showcase
-    - heading: Typography
-      folder: typography
-    - heading: Base
-      folder: base
-    - heading: Structure
-      folder: structure

package/src/content/settings/components.yml

@@ -1,29 +0,0 @@
-sidebar:
-  - heading: Overview
-    links:
-      - text: Introduction
-        href: /overview/introduction
-      - text: Installation
-        href: /overview/installation
-      - text: Integration
-        href: /overview/integration
-      - text: Theming
-        href: /overview/theming
-      - text: Frameworks
-        href: /overview/frameworks
-      - text: Showcase
-        href: /showcase
-  - heading: Typography
-    folder: typography
-  - heading: Base
-    folder: base
-  - heading: Structure
-    folder: structure
-
-toc:
-  - heading: On this page
-    links:
-      - text: Props
-        href: /overview/introduction
-      - text: Examples
-        href: /overview/installation

package/src/layouts/BlockOverviewLayout.astro

@@ -1,39 +0,0 @@
----
-import type { CollectionEntry } from 'astro:content'
-import Hero from 'fulldev-ui/blocks/Hero.astro'
-import Block from 'fulldev-ui/components/Block.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-
-type Props = CollectionEntry<'pages'>
-
-const { data } = Astro.props
----
-
-<Layout {...Astro.props}>
-  <Hero
-    size="md"
-    {...data}
-  />
-  <Block
-    _bookshop_name="Categories"
-    class:list={'block-overview-cards'}
-    source="children"
-    structure="grid"
-    frame="panel"
-    variant="surface"
-    size="lg"
-    align="start"
-  />
-</Layout>
-
-<style is:global lang="scss">
-  .block-overview-cards {
-    padding-top: var(--space-5) !important;
-
-    .card {
-      .image {
-        height: auto !important;
-      }
-    }
-  }
-</style>

package/src/layouts/ComponentLayout.astro

@@ -1,23 +0,0 @@
----
-import type { CollectionEntry } from 'astro:content'
-import Prose from 'fulldev-ui/components/experimental/Prose.astro'
-import Section from 'fulldev-ui/components/Section.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-
-type Props = CollectionEntry<'pages'>
-
-const { render } = Astro.props
-const { Content } = await render()
----
-
-<Layout
-  {...Astro.props}
-  class:list="component-layout"
->
-  <Section>
-    <Prose>
-      <Content />
-    </Prose>
-  </Section>
-  <slot />
-</Layout>

package/src/layouts/JobsLayout.astro

@@ -1,40 +0,0 @@
----
-import type { CollectionEntry } from 'astro:content'
-import { getCollection } from 'astro:content'
-import JobDeck from 'fulldev-ui/blocks/Jobs.astro'
-import Block from 'fulldev-ui/components/Block.astro'
-import Blocks from 'fulldev-ui/components/Blocks.astro'
-import Prose from 'fulldev-ui/components/experimental/Prose.astro'
-import Section from 'fulldev-ui/components/Section.astro'
-import Layout from 'fulldev-ui/layouts/Layout.astro'
-
-type Props = CollectionEntry<'pages'>
-
-const { data, slug, ...rest } = Astro.props
-
-const childPages = (
-  await getCollection('pages', (page: any) => page.slug.startsWith(slug))
-).map((page: any) => ({ href: `/${page.slug}/`, ...page.data }))
----
-
-<Layout
-  class:list={'page'}
-  data={data}
-  {...rest}
->
-  <Block
-    _bookshop_name="Hero"
-    heading={data.title}
-    set:html={data.description}
-    {...data}
-    {...data.hero}
-  />
-  <JobDeck cards={childPages} />
-  <Section style={{ '--screen': '768px' }}>
-    <Prose id="prose">
-      <slot />
-    </Prose>
-  </Section>
-  <Blocks blocks={data.blocks} />
-  <slot />
-</Layout>

package/src/schemas/base.ts

@@ -1,90 +0,0 @@
-import { z } from 'astro:content'
-
-export const button = z
-  .object({
-    text: z.string(),
-    href: z.string(),
-    icon: z.string(),
-  })
-  .partial()
-  .passthrough()
-
-export const link = z
-  .object({
-    text: z.string(),
-    href: z.string(),
-  })
-  .partial()
-  .passthrough()
-
-export const base = z
-  .object({
-    tagline: z.string(),
-    icon: z.string(),
-    badge: z.string().or(
-      z.object({
-        text: z.string(),
-        href: z.string(),
-      })
-    ),
-    heading: z.string(),
-    text: z.string(),
-    html: z.string(),
-    image: z.string(),
-    images: z.string().array(),
-    rating: z.number().or(
-      z
-        .object({
-          value: z.number(),
-          label: z.string(),
-          avatars: z.string().array(),
-          avatar: z.string(),
-        })
-        .partial()
-    ),
-    button: button,
-    buttons: button.array(),
-    link: link,
-    links: link.array(),
-    list: z.string().array(),
-    avatar: z.string(),
-    price: z.number(),
-    input: z
-      .object({
-        placeholder: z.string(),
-        submit: z.string(),
-      })
-      .partial()
-      .passthrough(),
-    logos: z.string().array(),
-    logo: z.string(),
-    channels: z
-      .object({
-        phone: z.string(),
-        email: z.string(),
-        address: z.string(),
-      })
-      .partial()
-      .passthrough(),
-    socials: z
-      .object({
-        facebook: z.string(),
-        instagram: z.string(),
-      })
-      .partial()
-      .passthrough(),
-    hours: z
-      .object({
-        monday: z.string(),
-        tuesday: z.string(),
-        wednesday: z.string(),
-        thursday: z.string(),
-        friday: z.string(),
-        saturday: z.string(),
-        sunday: z.string(),
-      })
-      .partial()
-      .passthrough(),
-  })
-  .partial()
-  .passthrough()

package/src/schemas/block.ts

@@ -1,15 +0,0 @@
-import { z } from 'astro:content'
-import { base } from './base'
-import { card } from './card'
-import { pathSchema } from './utils'
-
-export const block = base
-  .extend({
-    columns: card.array(),
-    cards: z.array(card),
-    source: z.enum(['children', 'references']),
-    pages: pathSchema('pages').array(),
-    records: pathSchema('records').array(),
-  })
-  .partial()
-  .passthrough()

package/src/schemas/card.ts

@@ -1,3 +0,0 @@
-import { base } from './base'
-
-export const card = base

package/src/schemas/page.ts

@@ -1,43 +0,0 @@
-import { z } from 'astro:content'
-import { base } from './base'
-import { block } from './block'
-import { pathSchema } from './utils'
-
-export const page = base
-  .extend({
-    i18n: pathSchema('pages'),
-    settings: pathSchema('settings'),
-    seo: z
-      .object({
-        title: z.string(),
-        description: z.string(),
-        image: z.string(),
-      })
-      .partial()
-      .passthrough(),
-    code: z
-      .object({
-        head: z.string(),
-        body: z.string(),
-      })
-      .partial()
-      .passthrough(),
-    pages: pathSchema('pages').array(),
-    records: pathSchema('records').array(),
-    title: z.string(),
-    description: z.string(),
-    header: block.or(z.literal(false)),
-    headers: block.array().or(z.literal(false)),
-    hero: block.or(z.literal(false)),
-    block: block.or(z.literal(false)),
-    section: block.or(z.literal(false)),
-    blocks: block.array().or(z.object({}).catchall(block)),
-    sections: block.array().or(z.object({}).catchall(block)),
-    cta: block.or(z.literal(false)),
-    footer: block.or(z.literal(false)),
-    footers: block.array().or(z.literal(false)),
-  })
-  .partial()
-  .passthrough()
-
-export type Page = z.infer<typeof page>

package/src/utils/mergeEntries.ts

@@ -1,28 +0,0 @@
-import { getEntry } from 'astro:content'
-import { assign } from 'radash'
-
-export const mergeEntries = async (entry: any) => {
-  if (!entry) return entry
-  const { data, slug } = entry
-  const baseSettings = await getEntry('settings', 'base')
-  const enSettings = await getEntry('settings', 'en')
-  const deSettings = await getEntry('settings', 'de')
-  const frSettings = await getEntry('settings', 'fr')
-  const pageSettings = data.settings && (await getEntry(data.settings))
-  const i18nSettings = data.i18n && (await getEntry(data.i18n))
-
-  let merged = {}
-  merged = assign(merged, baseSettings?.data ?? {})
-  slug?.startsWith('en') && (merged = assign(merged, enSettings?.data ?? {}))
-  slug?.startsWith('de') && (merged = assign(merged, deSettings?.data ?? {}))
-  slug?.startsWith('fr') && (merged = assign(merged, frSettings?.data ?? {}))
-  merged = assign(merged, i18nSettings?.data ?? {})
-  merged = assign(merged, pageSettings?.data ?? {})
-  merged = assign(merged, data)
-
-  const newEntry = {
-    ...entry,
-    data: merged,
-  }
-  return newEntry
-}