fulldev-ui 0.6.5 → 0.7.0-beta.2

package/src/blocks/Content3.astro

@@ -1,47 +0,0 @@
----
-import Buttons from 'fulldev-ui/components/Buttons.astro'
-import Heading from 'fulldev-ui/components/Heading.astro'
-import Image from 'fulldev-ui/components/Image.astro'
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
-import Tagline from 'fulldev-ui/components/Tagline.astro'
-import type { BlockSchema } from 'fulldev-ui/schemas/block'
-import Container from 'fulldev-ui/structures/Container.astro'
-import Group from 'fulldev-ui/structures/Group.astro'
-import Prose from 'fulldev-ui/structures/Prose.astro'
-import Section from 'fulldev-ui/structures/Section.astro'
-import Split from 'fulldev-ui/structures/Split.astro'
-
-interface Props extends BlockSchema {}
-
-const { depth, tagline, heading, paragraph, buttons, image, content, ...rest } =
-  Astro.props
----
-
-<Section
-  class="content-3"
-  {...rest}
->
-  <Container>
-    <Split align="sticky">
-      <Prose>
-        <Tagline text={tagline} />
-        <Heading
-          size="4xl"
-          text={heading}
-          {depth}
-        />
-        <Paragraph
-          muted
-          size="lg"
-          text={paragraph}
-        />
-        <Fragment set:html={content} />
-        <slot />
-        <Group>
-          <Buttons {buttons} />
-        </Group>
-      </Prose>
-      <Image {...image} />
-    </Split>
-  </Container>
-</Section>

package/src/blocks/Content4.astro

@@ -1,52 +0,0 @@
----
-import Buttons from 'fulldev-ui/components/Buttons.astro'
-import Heading from 'fulldev-ui/components/Heading.astro'
-import Image from 'fulldev-ui/components/Image.astro'
-import List from 'fulldev-ui/components/List.astro'
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
-import Tagline from 'fulldev-ui/components/Tagline.astro'
-import type { BlockSchema } from 'fulldev-ui/schemas/block'
-import Container from 'fulldev-ui/structures/Container.astro'
-import Group from 'fulldev-ui/structures/Group.astro'
-import Prose from 'fulldev-ui/structures/Prose.astro'
-import Section from 'fulldev-ui/structures/Section.astro'
-import Split from 'fulldev-ui/structures/Split.astro'
-
-interface Props extends BlockSchema {}
-
-const { depth, tagline, heading, paragraph, buttons, image, content, list } =
-  Astro.props
----
-
-<Section class="content-4">
-  <Container>
-    <Split align="sticky">
-      <Prose class="lg:max-w-xl">
-        <Tagline text={tagline} />
-        <Heading
-          size="4xl"
-          text={heading}
-          {depth}
-        />
-        <Paragraph
-          muted
-          size="lg"
-          text={paragraph}
-        />
-        <List items={list} />
-        <Group>
-          <Buttons {buttons} />
-        </Group>
-      </Prose>
-      <Prose>
-        <Image {...image} />
-        <Fragment set:html={content} />
-        <slot />
-        <Buttons
-          class="lg:hidden"
-          {buttons}
-        />
-      </Prose>
-    </Split>
-  </Container>
-</Section>

package/src/blocks/Content5.astro

@@ -1,43 +0,0 @@
----
-import Buttons from 'fulldev-ui/components/Buttons.astro'
-import Heading from 'fulldev-ui/components/Heading.astro'
-import Image from 'fulldev-ui/components/Image.astro'
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
-import Tagline from 'fulldev-ui/components/Tagline.astro'
-import type { BlockSchema } from 'fulldev-ui/schemas/block'
-import Container from 'fulldev-ui/structures/Container.astro'
-import Group from 'fulldev-ui/structures/Group.astro'
-import Prose from 'fulldev-ui/structures/Prose.astro'
-import Section from 'fulldev-ui/structures/Section.astro'
-
-interface Props extends BlockSchema {}
-
-const { depth, tagline, heading, paragraph, buttons, image, content } =
-  Astro.props
----
-
-<Section class="content-5">
-  <Container class="flex flex-col items-start gap-8">
-    <Prose>
-      <Tagline text={tagline} />
-      <Heading
-        size="5xl"
-        text={heading}
-        {depth}
-      />
-      <Paragraph
-        muted
-        size="lg"
-        text={paragraph}
-      />
-    </Prose>
-    <Prose align="columns">
-      <Fragment set:html={content} />
-      <slot />
-    </Prose>
-    <Group>
-      <Buttons {buttons} />
-    </Group>
-    <Image {...image} />
-  </Container>
-</Section>

package/src/blocks/Content6.astro

@@ -1,57 +0,0 @@
----
-import Buttons from 'fulldev-ui/components/Buttons.astro'
-import Heading from 'fulldev-ui/components/Heading.astro'
-import Image from 'fulldev-ui/components/Image.astro'
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
-import Tagline from 'fulldev-ui/components/Tagline.astro'
-import Toc from 'fulldev-ui/components/Toc.astro'
-import type { BlockSchema } from 'fulldev-ui/schemas/block'
-import Container from 'fulldev-ui/structures/Container.astro'
-import Group from 'fulldev-ui/structures/Group.astro'
-import Prose from 'fulldev-ui/structures/Prose.astro'
-import Sidebar from 'fulldev-ui/structures/Sidebar.astro'
-
-interface Props extends BlockSchema {}
-
-const {
-  depth,
-  tagline,
-  heading,
-  paragraph,
-  buttons,
-  image,
-  content,
-  headings,
-} = Astro.props
----
-
-<Container class="content-6 flex items-start justify-between px-0">
-  <Container class="lg:!max-w-[calc(100%-var(--sidebar-width))]">
-    <Prose class="mx-auto py-8">
-      <Tagline text={tagline} />
-      <Heading
-        size="5xl"
-        text={heading}
-        {depth}
-      />
-      <Paragraph
-        size="lg"
-        text={paragraph}
-        muted
-      />
-      <Image {...image} />
-      <Fragment set:html={content} />
-      <slot />
-      <Group>
-        <Buttons {buttons} />
-      </Group>
-    </Prose>
-  </Container>
-  <Sidebar>
-    <Toc
-      size="sm"
-      {heading}
-      {headings}
-    />
-  </Sidebar>
-</Container>

package/src/blocks/Content7.astro

@@ -1,65 +0,0 @@
----
-import Buttons from 'fulldev-ui/components/Buttons.astro'
-import Heading from 'fulldev-ui/components/Heading.astro'
-import Image from 'fulldev-ui/components/Image.astro'
-import Menus from 'fulldev-ui/components/Menus.astro'
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
-import Tagline from 'fulldev-ui/components/Tagline.astro'
-import Toc from 'fulldev-ui/components/Toc.astro'
-import type { BlockSchema } from 'fulldev-ui/schemas/block'
-import Container from 'fulldev-ui/structures/Container.astro'
-import Group from 'fulldev-ui/structures/Group.astro'
-import Prose from 'fulldev-ui/structures/Prose.astro'
-import Sidebar from 'fulldev-ui/structures/Sidebar.astro'
-
-interface Props extends BlockSchema {}
-
-const {
-  depth,
-  tagline,
-  heading,
-  paragraph,
-  buttons,
-  image,
-  content,
-  menus,
-  headings,
-} = Astro.props
----
-
-<Container class="content-7 flex items-start justify-between px-0">
-  <Sidebar>
-    <Menus
-      size="sm"
-      {menus}
-    />
-  </Sidebar>
-  <Container class="lg:!max-w-[calc(100%-(2*var(--sidebar-width)))]">
-    <Prose class="mx-auto py-8">
-      <Tagline text={tagline} />
-      <Heading
-        size="4xl"
-        text={heading}
-        {depth}
-      />
-      <Paragraph
-        muted
-        size="lg"
-        text={paragraph}
-      />
-      <Image {...image} />
-      <Fragment set:html={content} />
-      <slot />
-      <Group>
-        <Buttons {buttons} />
-      </Group>
-    </Prose>
-  </Container>
-  <Sidebar>
-    <Toc
-      size="sm"
-      {heading}
-      {headings}
-    />
-  </Sidebar>
-</Container>

package/src/blocks/Content8.astro

@@ -1,48 +0,0 @@
----
-import Buttons from 'fulldev-ui/components/Buttons.astro'
-import Heading from 'fulldev-ui/components/Heading.astro'
-import Image from 'fulldev-ui/components/Image.astro'
-import Menus from 'fulldev-ui/components/Menus.astro'
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
-import Tagline from 'fulldev-ui/components/Tagline.astro'
-import type { BlockSchema } from 'fulldev-ui/schemas/block'
-import Container from 'fulldev-ui/structures/Container.astro'
-import Group from 'fulldev-ui/structures/Group.astro'
-import Prose from 'fulldev-ui/structures/Prose.astro'
-import Sidebar from 'fulldev-ui/structures/Sidebar.astro'
-
-interface Props extends BlockSchema {}
-
-const { depth, tagline, heading, paragraph, buttons, image, content, menus } =
-  Astro.props
----
-
-<Container class="content-8 flex items-start justify-between px-0">
-  <Sidebar>
-    <Menus
-      size="sm"
-      {menus}
-    />
-  </Sidebar>
-  <Container class="lg:!max-w-[calc(100%-var(--sidebar-width))]">
-    <Prose class="max-w-none py-8">
-      <Tagline text={tagline} />
-      <Heading
-        size="4xl"
-        text={heading}
-        {depth}
-      />
-      <Paragraph
-        muted
-        size="lg"
-        text={paragraph}
-      />
-      <Image {...image} />
-      <Fragment set:html={content} />
-      <slot />
-      <Group>
-        <Buttons {buttons} />
-      </Group>
-    </Prose>
-  </Container>
-</Container>

package/src/blocks/Cta2.astro

@@ -1,52 +0,0 @@
----
-import Buttons from 'fulldev-ui/components/Buttons.astro'
-import Heading from 'fulldev-ui/components/Heading.astro'
-import Image from 'fulldev-ui/components/Image.astro'
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
-import Tagline from 'fulldev-ui/components/Tagline.astro'
-import type { BlockSchema } from 'fulldev-ui/schemas/block'
-import Container from 'fulldev-ui/structures/Container.astro'
-import Group from 'fulldev-ui/structures/Group.astro'
-import Panel from 'fulldev-ui/structures/Panel.astro'
-import Prose from 'fulldev-ui/structures/Prose.astro'
-import Section from 'fulldev-ui/structures/Section.astro'
-import Split from 'fulldev-ui/structures/Split.astro'
-
-interface Props extends BlockSchema {}
-
-const { depth, tagline, heading, paragraph, buttons, image, content, ...rest } =
-  Astro.props
----
-
-<Section
-  class="cta-2"
-  {...rest}
->
-  <Container>
-    <Panel class="p-0">
-      <Split align="center">
-        <Prose class="px-4 sm:px-8 lg:px-16">
-          <Tagline text={tagline} />
-          <Heading
-            size="4xl"
-            text={heading}
-            {depth}
-          />
-          <Paragraph
-            size="lg"
-            text={paragraph}
-          />
-          <Fragment set:html={content} />
-          <slot />
-          <Group>
-            <Buttons
-              size="lg"
-              {buttons}
-            />
-          </Group>
-        </Prose>
-        <Image {...image} />
-      </Split>
-    </Panel>
-  </Container>
-</Section>

package/src/blocks/Features2.astro

@@ -1,71 +0,0 @@
----
-import Heading from 'fulldev-ui/components/Heading.astro'
-import Icon from 'fulldev-ui/components/Icon.astro'
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
-import Tagline from 'fulldev-ui/components/Tagline.astro'
-import type { BlockSchema } from 'fulldev-ui/schemas/block'
-import Container from 'fulldev-ui/structures/Container.astro'
-import Matrix from 'fulldev-ui/structures/Matrix.astro'
-import Prose from 'fulldev-ui/structures/Prose.astro'
-import Section from 'fulldev-ui/structures/Section.astro'
-import Writeup from 'fulldev-ui/structures/Writeup.astro'
-
-interface Props extends BlockSchema {}
-
-const { depth = 2, tagline, heading, paragraph, cards, ...rest } = Astro.props
----
-
-<Section
-  class:list="features-2"
-  {...rest}
->
-  <Container>
-    <Prose>
-      <Tagline
-        size="sm"
-        text={tagline}
-      />
-      <Heading
-        size="4xl"
-        text={heading}
-        {depth}
-      />
-      <Paragraph
-        size="lg"
-        text={paragraph}
-      />
-    </Prose>
-    <Matrix size="sm">
-      {
-        cards?.map(({ icon, heading, paragraph }) => (
-          <Writeup>
-            <Icon
-              size="md"
-              name={icon}
-            />
-            <Heading
-              depth={(depth + 1) as 3}
-              as="h3"
-              text={heading}
-            />
-            <Paragraph text={paragraph} />
-          </Writeup>
-        ))
-      }
-    </Matrix>
-  </Container>
-</Section>
-
-<style is:global>
-  @layer fulldev {
-    .features-2 {
-      .container {
-        @apply flex flex-col gap-12;
-      }
-
-      .icon {
-        @apply text-primary;
-      }
-    }
-  }
-</style>

package/src/blocks/JobCategories1.astro

@@ -1,61 +0,0 @@
----
-import Button from 'fulldev-ui/components/Button.astro'
-import Element from 'fulldev-ui/components/Element.astro'
-import Heading from 'fulldev-ui/components/Heading.astro'
-import Image from 'fulldev-ui/components/Image.astro'
-import List from 'fulldev-ui/components/List.astro'
-import type { BlockSchema } from 'fulldev-ui/schemas/block'
-import Card from 'fulldev-ui/structures/Card.astro'
-import Container from 'fulldev-ui/structures/Container.astro'
-import Matrix from 'fulldev-ui/structures/Matrix.astro'
-import Section from 'fulldev-ui/structures/Section.astro'
-import Writeup from 'fulldev-ui/structures/Writeup.astro'
-
-interface Props extends BlockSchema {}
-
-const { depth = 2, heading, button, cards, ...rest } = Astro.props
----
-
-<Section
-  class="job-categories-1"
-  {...rest}
->
-  <Container class="flex flex-col gap-12">
-    <Element class="flex items-center justify-between gap-8">
-      <Heading
-        size="3xl"
-        text={heading}
-        {depth}
-      />
-      <Button
-        size="sm"
-        variant="ghost"
-        {...button}
-      />
-    </Element>
-    <Matrix>
-      {
-        cards?.map(({ href, heading, list, image }) => (
-          <Card
-            class="p-0"
-            {href}
-          >
-            <Image {...image} />
-            <Writeup class="p-4">
-              <Heading
-                depth={(depth + 1) as 3}
-                as="h2"
-                size="lg"
-                text={heading}
-              />
-              <List
-                size="sm"
-                items={list}
-              />
-            </Writeup>
-          </Card>
-        ))
-      }
-    </Matrix>
-  </Container>
-</Section>

package/src/blocks/JobCategory1.astro

@@ -1,92 +0,0 @@
----
-import type { CollectionEntry } from 'astro:content'
-import { getCollection, getEntries } from 'astro:content'
-import Heading from 'fulldev-ui/components/Heading.astro'
-import Image from 'fulldev-ui/components/Image.astro'
-import List from 'fulldev-ui/components/List.astro'
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
-import Card from 'fulldev-ui/structures/Card.astro'
-import Container from 'fulldev-ui/structures/Container.astro'
-import Matrix from 'fulldev-ui/structures/Matrix.astro'
-import Prose from 'fulldev-ui/structures/Prose.astro'
-import Section from 'fulldev-ui/structures/Section.astro'
-import { getHref } from 'fulldev-ui/utils/getHref'
-
-interface Props {
-  slug?: CollectionEntry<'pages'>['slug']
-  heading?: string | undefined
-  paragraph?: string | undefined
-  pages?: CollectionEntry<'pages'>[]
-}
-
-const { slug, heading, paragraph, pages, ...rest } = Astro.props
-
-// Jobs that reference the current category, or any of `pages` select categories
-const jobs = await getCollection('pages', (page) =>
-  page.data.categories?.some(
-    (category) =>
-      category.slug == slug || pages?.some((p) => p.slug == category.slug)
-  )
-)
-
-const pageEntries = pages && (await getEntries(pages))
----
-
-<Section
-  class:list="job-category-1 flex flex-col gap-12 pt-0"
-  {...rest}
->
-  <Container class="border-b py-12">
-    <Prose>
-      <Heading
-        as="h1"
-        size="3xl"
-        text={heading}
-      />
-      <Paragraph text={paragraph} />
-    </Prose>
-  </Container>
-  <Container class="flex flex-col gap-12">
-    <Matrix class="gap-2">
-      {
-        pageEntries?.map(({ slug, data: { title, image } }) => (
-          <Card
-            class="grid grid-cols-3 items-center bg-transparent p-0"
-            href={getHref(slug)}
-          >
-            <Image
-              class="h-auto w-full rounded-sm object-cover"
-              {...image}
-            />
-            <Heading
-              class="col-span-2 p-4"
-              as="h3"
-              size="md"
-              text={title}
-            />
-          </Card>
-        ))
-      }
-    </Matrix>
-    <Matrix>
-      {
-        jobs?.map(({ slug, data: { title, list } }) => (
-          <Card
-            class="jobs-1-card flex flex-col gap-3"
-            href={getHref(slug)}
-          >
-            <Heading
-              as="h2"
-              size="lg"
-              text={title}
-            />
-            <List
-              size="sm"
-              items={list}
-            />
-          </Card>
-        ))
-      }
-    </Matrix>
-  </Container>
-</Section>

package/src/blocks/Jobs1.astro

@@ -1,74 +0,0 @@
----
-import Button from 'fulldev-ui/components/Button.astro'
-import Element from 'fulldev-ui/components/Element.astro'
-import Heading from 'fulldev-ui/components/Heading.astro'
-import List from 'fulldev-ui/components/List.astro'
-import type { BlockSchema } from 'fulldev-ui/schemas/block'
-import Card from 'fulldev-ui/structures/Card.astro'
-import Container from 'fulldev-ui/structures/Container.astro'
-import Matrix from 'fulldev-ui/structures/Matrix.astro'
-import Section from 'fulldev-ui/structures/Section.astro'
-
-interface Props extends BlockSchema {}
-
-const { depth = 2, heading, button, cards, ...rest } = Astro.props
----
-
-<Section
-  class:list="jobs-1"
-  {...rest}
->
-  <Container>
-    <Element class:list="jobs-1-segment">
-      <Heading
-        size="3xl"
-        text={heading}
-        {depth}
-      />
-      <Button
-        size="sm"
-        variant="ghost"
-        {...button}
-      />
-    </Element>
-    <Matrix>
-      {
-        cards?.map(({ href, heading, list }) => (
-          <Card
-            class="jobs-1-card"
-            {href}
-          >
-            <Heading
-              depth={(depth + 1) as 3}
-              as="h2"
-              size="lg"
-              text={heading}
-            />
-            <List
-              size="sm"
-              items={list}
-            />
-          </Card>
-        ))
-      }
-    </Matrix>
-  </Container>
-</Section>
-
-<style is:global>
-  @layer fulldev {
-    .jobs-1 {
-      .container {
-        @apply flex flex-col gap-12;
-      }
-
-      .jobs-1-segment {
-        @apply flex items-center justify-between gap-8;
-      }
-
-      .card {
-        @apply flex flex-col gap-3;
-      }
-    }
-  }
-</style>