fulldev-ui 0.4.33 → 0.5.0-beta-16

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

@@ -1,244 +0,0 @@
----
-_layout: ComponentLayout
-settings: components
-
-title: Footer
----
-
-# Footer
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
-
-```astro live
----
-import Footer from 'fulldev-ui/components/Footer.astro'
----
-
-<Footer
-  heading="Fulldev UI"
-  text="Rapidly build content-driven websites."
-  align="start"
-  size="sm"
-  columns={[
-    {
-      heading: 'Pages',
-      links: [
-        { href: '/overview/introduction', text: 'Docs' },
-        { href: '/typography/heading', text: 'Components' },
-        { href: '/blocks', text: 'Blocks' },
-      ],
-    },
-  ]}
-/>
-```
-
-## Props
-
-<PropsTable />
-
-## Examples
-
-```astro live
----
-import Footer from 'fulldev-ui/components/Footer.astro'
----
-
-<Footer
-  heading="Fulldev UI"
-  text="Rapidly build content-driven websites."
-  align="start"
-  size="sm"
-  columns={[
-    {
-      heading: 'Pages',
-      links: [
-        { href: '/overview/introduction', text: 'Docs' },
-        { href: '/typography/heading', text: 'Components' },
-        { href: '/blocks', text: 'Blocks' },
-      ],
-    },
-    {
-      heading: 'Socials',
-      links: [
-        { href: '/x', text: 'X' },
-        { href: '/github', text: 'GitHub' },
-        { href: '/discord', text: 'Discord' },
-      ],
-    },
-  ]}
-/>
-
-<Footer
-  heading="Fulldev UI"
-  text="Rapidly build content-driven websites."
-  align="start"
-  size="sm"
-  structure="spread"
-  columns={[
-    {
-      heading: 'Links',
-      links: [
-        { href: '/overview/introduction', text: 'Docs' },
-        { href: '/components', text: 'Components' },
-        { href: '/discord', text: 'Discord' },
-      ],
-    },
-  ]}
-/>
-
-<Footer
-  heading="Fulldev UI"
-  text="Rapidly build content-driven websites."
-  align="start"
-  size="md"
-  structure="spread"
-  columns={[
-    {
-      heading: 'Links',
-      links: [
-        { href: '/overview/introduction', text: 'Docs' },
-        { href: '/components', text: 'Components' },
-        { href: '/discord', text: 'Discord' },
-      ],
-    },
-  ]}
-/>
-
-<Footer
-  heading="Fulldev UI"
-  text="Rapidly build content-driven websites."
-  align="start"
-  size="lg"
-  structure="spread"
-  columns={[
-    {
-      heading: 'Links',
-      links: [
-        { href: '/overview/introduction', text: 'Docs' },
-        { href: '/components', text: 'Components' },
-        { href: '/discord', text: 'Discord' },
-      ],
-    },
-  ]}
-/>
-```
-
-```astro live
----
-import Footer from 'fulldev-ui/components/Footer.astro'
----
-
-<Footer
-  variant="ghost"
-  structure="spread"
-  align="start"
-  heading="Fulldev UI"
-  text="Rapidly build content-driven websites."
-  columns={[
-    {
-      heading: 'Links',
-      links: [
-        { href: '/overview/introduction', text: 'Docs' },
-        { href: '/components', text: 'Components' },
-        { href: '/discord', text: 'Discord' },
-      ],
-    },
-  ]}
-/>
-
-<Footer
-  variant="subtle"
-  structure="spread"
-  align="start"
-  heading="Fulldev UI"
-  text="Rapidly build content-driven websites."
-  columns={[
-    {
-      heading: 'Links',
-      links: [
-        { href: '/overview/introduction', text: 'Docs' },
-        { href: '/components', text: 'Components' },
-        { href: '/discord', text: 'Discord' },
-      ],
-    },
-  ]}
-/>
-
-<Footer
-  variant="soft"
-  structure="spread"
-  align="start"
-  heading="Fulldev UI"
-  text="Rapidly build content-driven websites."
-  columns={[
-    {
-      heading: 'Links',
-      links: [
-        { href: '/overview/introduction', text: 'Docs' },
-        { href: '/components', text: 'Components' },
-        { href: '/discord', text: 'Discord' },
-      ],
-    },
-  ]}
-/>
-
-<Footer
-  variant="surface"
-  structure="spread"
-  align="start"
-  heading="Fulldev UI"
-  text="Rapidly build content-driven websites."
-  columns={[
-    {
-      heading: 'Links',
-      links: [
-        { href: '/overview/introduction', text: 'Docs' },
-        { href: '/components', text: 'Components' },
-        { href: '/discord', text: 'Discord' },
-      ],
-    },
-  ]}
-/>
-```
-
-```astro live
----
-import Footer from 'fulldev-ui/components/Footer.astro'
----
-
-<Footer
-  frame="fill"
-  structure="spread"
-  align="start"
-  heading="Fulldev UI"
-  text="Rapidly build content-driven websites."
-  columns={[
-    {
-      heading: 'Links',
-      links: [
-        { href: '/overview/introduction', text: 'Docs' },
-        { href: '/components', text: 'Components' },
-        { href: '/discord', text: 'Discord' },
-      ],
-    },
-  ]}
-/>
-
-<Footer
-  frame="panel"
-  structure="spread"
-  align="start"
-  heading="Fulldev UI"
-  text="Rapidly build content-driven websites."
-  columns={[
-    {
-      heading: 'Links',
-      links: [
-        { href: '/overview/introduction', text: 'Docs' },
-        { href: '/components', text: 'Components' },
-        { href: '/discord', text: 'Discord' },
-      ],
-    },
-  ]}
-/>
-```

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>
-```