fulldev-ui 0.4.29 → 0.5.0-beta.0

package/src/content/pages/_segment/header.mdx

@@ -1,210 +0,0 @@
----
-_layout: ComponentLayout
-settings: components
-
-title: Header
----
-
-# Header
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
-
-```astro live
----
-import Header from 'fulldev-ui/components/Header.astro'
----
-
-<Header
-  heading="Fulldev UI"
-  buttons={[
-    {
-      variant: 'ghost',
-      title: 'X / Twitter',
-      icon: 'brand-x',
-      href: 'https://x.com/silveltm',
-      target: '_blank',
-      contrast: true,
-    },
-  ]}
-  frame="fill"
-  position="relative"
-/>
-```
-
-## Props
-
-<PropsTable />
-
-## Examples
-
-```astro live
----
-import Header from 'fulldev-ui/components/Header.astro'
----
-
-<Header
-  heading="Fulldev UI"
-  buttons={[
-    {
-      variant: 'ghost',
-      title: 'X / Twitter',
-      icon: 'brand-x',
-      href: 'https://x.com/silveltm',
-      target: '_blank',
-      contrast: true,
-    },
-  ]}
-  frame="fill"
-  position="relative"
-/>
-<Header
-  heading="Fulldev UI"
-  buttons={[
-    {
-      variant: 'ghost',
-      title: 'X / Twitter',
-      icon: 'brand-x',
-      href: 'https://x.com/silveltm',
-      target: '_blank',
-      contrast: true,
-    },
-    {
-      text: 'Docs',
-      href: '/overview/introduction/',
-      contrast: true,
-    },
-  ]}
-  frame="fill"
-  position="relative"
-/>
-
-<Header
-  heading="Fulldev UI"
-  buttons={[
-    {
-      variant: 'ghost',
-      title: 'X / Twitter',
-      icon: 'brand-x',
-      href: 'https://x.com/silveltm',
-      target: '_blank',
-      contrast: true,
-    },
-    {
-      text: 'Docs',
-      href: '/overview/introduction/',
-      contrast: true,
-    },
-  ]}
-  frame="panel"
-  position="relative"
-/>
-```
-
-```astro live
----
-import Header from 'fulldev-ui/components/Header.astro'
----
-
-<Header
-  heading="Fulldev UI"
-  size="sm"
-  position="relative"
-  buttons={[
-    {
-      variant: 'ghost',
-      title: 'X / Twitter',
-      icon: 'brand-x',
-      href: 'https://x.com/silveltm',
-      target: '_blank',
-      contrast: true,
-    },
-    {
-      text: 'Docs',
-      href: '/overview/introduction/',
-      contrast: true,
-    },
-  ]}
-/>
-
-<Header
-  heading="Fulldev UI"
-  size="md"
-  position="relative"
-  buttons={[
-    {
-      variant: 'ghost',
-      title: 'X / Twitter',
-      icon: 'brand-x',
-      href: 'https://x.com/silveltm',
-      target: '_blank',
-      contrast: true,
-    },
-    {
-      text: 'Docs',
-      href: '/overview/introduction/',
-      contrast: true,
-    },
-  ]}
-/>
-
-<Header
-  heading="Fulldev UI"
-  size="lg"
-  position="relative"
-  buttons={[
-    {
-      variant: 'ghost',
-      title: 'X / Twitter',
-      icon: 'brand-x',
-      href: 'https://x.com/silveltm',
-      target: '_blank',
-      contrast: true,
-    },
-    {
-      text: 'Docs',
-      href: '/overview/introduction/',
-      contrast: true,
-    },
-  ]}
-/>
-```
-
-```astro live
----
-import Header from 'fulldev-ui/components/Header.astro'
----
-
-<Header
-  heading="Fulldev UI"
-  buttons={[
-    {
-      variant: 'ghost',
-      title: 'X / Twitter',
-      icon: 'brand-x',
-      href: 'https://x.com/silveltm',
-      target: '_blank',
-      contrast: true,
-    },
-  ]}
-  frame="fill"
-  position="relative"
-  color="base"
-/>
-
-<Header
-  heading="Fulldev UI"
-  buttons={[
-    {
-      variant: 'ghost',
-      title: 'X / Twitter',
-      icon: 'brand-x',
-      href: 'https://x.com/silveltm',
-      target: '_blank',
-      contrast: true,
-    },
-  ]}
-  frame="fill"
-  position="relative"
-  color="brand"
-/>
-```

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/base/toggle.mdx

@@ -1,32 +0,0 @@
----
-_layout: ComponentLayout
-settings: components
-
-title: Toggle
----
-
-# Toggle
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
-
-```astro live
----
-import Toggle from 'fulldev-ui/components/Toggle.astro'
----
-
-<Toggle text="Click me" icon="click" />
-```
-
-## Props
-
-<PropsTable />
-
-## Examples
-
-```astro live
----
-import Toggle from 'fulldev-ui/components/Toggle.astro'
----
-
-<Toggle icon={'code'} text="Auto save" toggled={true} />
-```

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>