fulldev-ui 0.7.0 → 0.9.1

package/src/components/blocks/steps-3.astro

@@ -1,73 +0,0 @@
----
-import { Button } from "@/components/ui/button"
-import { Icon } from "@/components/ui/icon"
-import { List, ListItem } from "@/components/ui/list"
-import {
-  Section,
-  SectionActions,
-  SectionContent,
-  SectionProse,
-  SectionSpread,
-} from "@/components/ui/section"
-import {
-  Tile,
-  TileContent,
-  TileDescription,
-  TileMedia,
-  TileTitle,
-} from "@/components/ui/tile"
-
-interface Props {
-  class?: string
-  id?: string
-  links?: {
-    icon?: string
-    text?: string
-    href?: string
-    target?: string
-  }[]
-  items?: {
-    title?: string
-    description?: string
-    list?: string[]
-  }[]
-}
-
-const { class: className, id, links, items } = Astro.props
----
-
-<Section class={className} id={id}>
-  <SectionContent>
-    <SectionProse>
-      <slot />
-    </SectionProse>
-    <SectionActions>
-      {
-        links?.map(({ icon, text, ...link }, i) => (
-          <Button variant={i === 0 ? "default" : "outline"} {...link}>
-            {icon && <Icon name={icon} />}
-            {text}
-          </Button>
-        ))
-      }
-    </SectionActions>
-  </SectionContent>
-  <SectionSpread>
-    {
-      items?.map(({ title, description, list }, i) => (
-        <Tile>
-          <TileMedia variant="icon">{i + 1}</TileMedia>
-          <TileContent>
-            <TileTitle>{title}</TileTitle>
-            <TileDescription>{description}</TileDescription>
-            <List>
-              {list?.map((item) => (
-                <ListItem>{item}</ListItem>
-              ))}
-            </List>
-          </TileContent>
-        </Tile>
-      ))
-    }
-  </SectionSpread>
-</Section>

package/src/components/blocks/table-1.astro

@@ -1,89 +0,0 @@
----
-import { Button } from "@/components/ui/button"
-import { Icon } from "@/components/ui/icon"
-import { List, ListItem } from "@/components/ui/list"
-import {
-  Section,
-  SectionActions,
-  SectionContent,
-  SectionProse,
-  SectionSplit,
-} from "@/components/ui/section"
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table"
-
-interface Props {
-  class?: string
-  id?: string
-  list?: string[]
-  links?: {
-    icon?: string
-    text?: string
-    href?: string
-    target?: string
-  }[]
-  items?: {
-    title?: string
-    description?: string
-  }[]
-}
-
-const { class: className, id, list, links, items } = Astro.props
----
-
-<Section class={className} id={id}>
-  <SectionSplit class="items-start">
-    <SectionContent
-      class="@5xl:sticky @5xl:top-[calc(var(--section-py)+var(--header-height,0px))]"
-    >
-      <SectionProse>
-        <slot />
-      </SectionProse>
-      <List>
-        {
-          list?.map((item) => (
-            <ListItem>
-              <Icon name="check" />
-              {item}
-            </ListItem>
-          ))
-        }
-      </List>
-      <SectionActions>
-        {
-          links?.map(({ icon, text, ...link }, i) => (
-            <Button variant={i === 0 ? "default" : "outline"} {...link}>
-              {icon && <Icon name={icon} />}
-              {text}
-            </Button>
-          ))
-        }
-      </SectionActions>
-    </SectionContent>
-
-    <Table class="bg-muted/50 rounded-md">
-      <TableHeader>
-        <TableRow>
-          <TableHead>{items?.[0]?.title}</TableHead>
-          <TableHead>{items?.[0]?.description}</TableHead>
-        </TableRow>
-      </TableHeader>
-      <TableBody>
-        {
-          items?.slice(1).map(({ title, description }) => (
-            <TableRow>
-              <TableCell>{title}</TableCell>
-              <TableCell>{description}</TableCell>
-            </TableRow>
-          ))
-        }
-      </TableBody>
-    </Table>
-  </SectionSplit>
-</Section>

package/src/components/blocks/video-1.astro

@@ -1,93 +0,0 @@
----
-import { Avatar, AvatarImage } from "@/components/ui/avatar"
-import { Button } from "@/components/ui/button"
-import { Icon } from "@/components/ui/icon"
-import {
-  Item,
-  ItemContent,
-  ItemDescription,
-  ItemMedia,
-} from "@/components/ui/item"
-import { List, ListItem } from "@/components/ui/list"
-import { Rating } from "@/components/ui/rating"
-import {
-  Section,
-  SectionActions,
-  SectionContent,
-  SectionMedia,
-  SectionProse,
-} from "@/components/ui/section"
-import { Video } from "@/components/ui/video"
-
-interface Props {
-  class?: string
-  id?: string
-  list?: string[]
-  links?: {
-    icon?: string
-    text?: string
-    href?: string
-    target?: string
-  }[]
-  video?: string
-  item?: {
-    avatars?: {
-      src: string
-      alt: string
-      title?: string
-    }[]
-    rating?: number
-    description?: string
-  }
-}
-
-const { class: className, id, list, links, video, item } = Astro.props
----
-
-<Section class={className} id={id}>
-  <SectionContent>
-    <SectionProse>
-      <slot />
-    </SectionProse>
-    <List>
-      {
-        list?.map((item) => (
-          <ListItem>
-            <Icon name="check" />
-            {item}
-          </ListItem>
-        ))
-      }
-    </List>
-    <SectionActions>
-      {
-        links?.map(({ icon, text, ...link }, i) => (
-          <Button variant={i === 0 ? "default" : "outline"} {...link}>
-            {icon && <Icon name={icon} />}
-            {text}
-          </Button>
-        ))
-      }
-    </SectionActions>
-    <Item class="p-0">
-      <ItemMedia class="-space-x-4">
-        {
-          item?.avatars?.map((avatar) => (
-            <Avatar class="ring-background size-10 ring-2">
-              <AvatarImage {...avatar} />
-            </Avatar>
-          ))
-        }
-      </ItemMedia>
-      <ItemContent>
-        <Rating rating={item?.rating} />
-        <ItemDescription>
-          {item?.description}
-        </ItemDescription>
-      </ItemContent>
-    </Item>
-  </SectionContent>
-  <SectionMedia>
-    <Video src={video} />
-  </SectionMedia>
-</Section>

package/src/components/blocks/video-2.astro

@@ -1,96 +0,0 @@
----
-import { Avatar, AvatarImage } from "@/components/ui/avatar"
-import { Button } from "@/components/ui/button"
-import { Icon } from "@/components/ui/icon"
-import {
-  Item,
-  ItemContent,
-  ItemDescription,
-  ItemMedia,
-} from "@/components/ui/item"
-import { List, ListItem } from "@/components/ui/list"
-import { Rating } from "@/components/ui/rating"
-import {
-  Section,
-  SectionActions,
-  SectionContent,
-  SectionMedia,
-  SectionProse,
-  SectionSplit,
-} from "@/components/ui/section"
-import { Video } from "@/components/ui/video"
-
-interface Props {
-  class?: string
-  id?: string
-  list?: string[]
-  links?: {
-    icon?: string
-    text?: string
-    href?: string
-    target?: string
-  }[]
-  video?: string
-  item?: {
-    avatars?: {
-      src: string
-      alt: string
-      title?: string
-    }[]
-    rating?: number
-    description?: string
-  }
-}
-
-const { class: className, id, list, links, video, item } = Astro.props
----
-
-<Section class={className} id={id}>
-  <SectionSplit>
-    <SectionContent>
-      <SectionProse>
-        <slot />
-      </SectionProse>
-      <List>
-        {
-          list?.map((item) => (
-            <ListItem>
-              <Icon name="check" />
-              {item}
-            </ListItem>
-          ))
-        }
-      </List>
-      <SectionActions>
-        {
-          links?.map(({ icon, text, ...link }, i) => (
-            <Button variant={i === 0 ? "default" : "outline"} {...link}>
-              {icon && <Icon name={icon} />}
-              {text}
-            </Button>
-          ))
-        }
-      </SectionActions>
-      <Item class="p-0">
-        <ItemMedia class="-space-x-4">
-          {
-            item?.avatars?.map((avatar) => (
-              <Avatar class="ring-background size-10 ring-2">
-                <AvatarImage {...avatar} />
-              </Avatar>
-            ))
-          }
-        </ItemMedia>
-        <ItemContent class="gap-1.5">
-          <Rating rating={item?.rating} />
-          <ItemDescription class="leading-none">
-            {item?.description}
-          </ItemDescription>
-        </ItemContent>
-      </Item>
-    </SectionContent>
-    <SectionMedia>
-      <Video src={video} />
-    </SectionMedia>
-  </SectionSplit>
-</Section>

package/src/components/blocks/video-3.astro

@@ -1,73 +0,0 @@
----
-import { cn } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-import { Icon } from "@/components/ui/icon"
-import { Image } from "@/components/ui/image"
-import {
-  Section,
-  SectionActions,
-  SectionContent,
-  SectionGrid,
-  SectionProse,
-  SectionSplit,
-} from "@/components/ui/section"
-import { Video } from "@/components/ui/video"
-
-interface Props {
-  class?: string
-  id?: string
-  links?: {
-    icon?: string
-    text?: string
-    href?: string
-    target?: string
-  }[]
-  video?: string
-  images?: {
-    src: string
-    alt: string
-  }[]
-  title?: string
-  description?: string
-}
-
-const {
-  class: className,
-  id,
-  links,
-  video,
-  images,
-  title,
-  description,
-} = Astro.props
----
-
-<Section
-  class={cn("-mt-(--header-height) @5xl:gap-1 @5xl:pt-1", className)}
-  id={id}
->
-  <SectionSplit class="@5xl:grid-cols-[1fr_3fr] @5xl:items-start">
-    <SectionContent
-      class="@5xl:sticky @5xl:top-[calc(24px+var(--header-height,0px))]"
-    >
-      <SectionProse class="text-balance" size="sm">
-        {title && <h1>{title}</h1>}
-        {description && <p>{description}</p>}
-      </SectionProse>
-      <SectionActions>
-        {
-          links?.map(({ href, text, ...link }) => (
-            <Button variant="link" class="h-auto p-0!" href={href} {...link}>
-              {text}
-              {href && <Icon name="arrow-up-right" />}
-            </Button>
-          ))
-        }
-      </SectionActions>
-    </SectionContent>
-    <SectionGrid class="-mx-5 grid-cols-1 gap-1 @5xl:grid-cols-2">
-      <Video class="@5xl:col-span-2" src={video} />
-      {images?.map(({ ...image }) => <Image {...image} />)}
-    </SectionGrid>
-  </SectionSplit>
-</Section>

package/src/components/blocks/videos-1.astro

@@ -1,63 +0,0 @@
----
-import { Button } from "@/components/ui/button"
-import { Icon } from "@/components/ui/icon"
-import {
-  Section,
-  SectionActions,
-  SectionContent,
-  SectionGrid,
-  SectionProse,
-} from "@/components/ui/section"
-import { Tile, TileContent, TileMedia, TileTitle } from "@/components/ui/tile"
-import { Video } from "@/components/ui/video"
-
-interface Props {
-  class?: string
-  id?: string
-  links?: {
-    icon?: string
-    text?: string
-    href?: string
-    target?: string
-  }[]
-  items?: {
-    href?: string
-    title?: string
-    video?: string
-  }[]
-}
-
-const { class: className, id, links, items } = Astro.props
----
-
-<Section class={className} id={id}>
-  <SectionContent>
-    <SectionProse>
-      <slot />
-    </SectionProse>
-    <SectionActions>
-      {
-        links?.map(({ icon, text, ...link }, i) => (
-          <Button variant={i === 0 ? "default" : "outline"} {...link}>
-            {icon && <Icon name={icon} />}
-            {text}
-          </Button>
-        ))
-      }
-    </SectionActions>
-  </SectionContent>
-  <SectionGrid size="lg">
-    {
-      items?.map(({ href, title, video }) => (
-        <Tile href={href}>
-          <TileMedia>
-            <Video src={video} />
-          </TileMedia>
-          <TileContent>
-            <TileTitle>{title}</TileTitle>
-          </TileContent>
-        </Tile>
-      ))
-    }
-  </SectionGrid>
-</Section>

package/src/components/blocks/videos-2.astro

@@ -1,66 +0,0 @@
----
-import { Button } from "@/components/ui/button"
-import { Icon } from "@/components/ui/icon"
-import {
-  Section,
-  SectionActions,
-  SectionContent,
-  SectionGrid,
-  SectionProse,
-  SectionSplit,
-} from "@/components/ui/section"
-import { Tile, TileContent, TileMedia, TileTitle } from "@/components/ui/tile"
-import { Video } from "@/components/ui/video"
-
-interface Props {
-  class?: string
-  id?: string
-  links?: {
-    icon?: string
-    text?: string
-    href?: string
-    target?: string
-  }[]
-  items?: {
-    href?: string
-    title?: string
-    video?: string
-  }[]
-}
-
-const { class: className, id, links, items } = Astro.props
----
-
-<Section class={className} id={id}>
-  <SectionSplit>
-    <SectionContent>
-      <SectionProse>
-        <slot />
-      </SectionProse>
-      <SectionActions>
-        {
-          links?.map(({ icon, text, ...link }, i) => (
-            <Button variant={i === 0 ? "default" : "outline"} {...link}>
-              {icon && <Icon name={icon} />}
-              {text}
-            </Button>
-          ))
-        }
-      </SectionActions>
-    </SectionContent>
-    <SectionGrid>
-      {
-        items?.map(({ href, title, video }) => (
-          <Tile href={href}>
-            <TileMedia>
-              <Video src={video} />
-            </TileMedia>
-            <TileContent>
-              <TileTitle>{title}</TileTitle>
-            </TileContent>
-          </Tile>
-        ))
-      }
-    </SectionGrid>
-  </SectionSplit>
-</Section>

package/src/components/blocks/videos-3.astro

@@ -1,68 +0,0 @@
----
-import { Button } from "@/components/ui/button"
-import { Icon } from "@/components/ui/icon"
-import {
-  Section,
-  SectionActions,
-  SectionContent,
-  SectionGrid,
-  SectionProse,
-  SectionSpread,
-} from "@/components/ui/section"
-import { Tile, TileContent, TileMedia, TileTitle } from "@/components/ui/tile"
-import { Video } from "@/components/ui/video"
-
-interface Props {
-  class?: string
-  id?: string
-  links?: {
-    icon?: string
-    text?: string
-    href?: string
-    target?: string
-  }[]
-  items?: {
-    href?: string
-    title?: string
-    video?: string
-  }[]
-}
-
-const { class: className, id, links, items } = Astro.props
----
-
-<Section class={className} id={id}>
-  <SectionSpread class="@5xl:items-end">
-    <SectionContent>
-      <SectionProse>
-        <slot />
-      </SectionProse>
-    </SectionContent>
-    <SectionContent>
-      <SectionActions>
-        {
-          links?.map(({ icon, text, ...link }, i) => (
-            <Button variant={i === 0 ? "default" : "outline"} {...link}>
-              {icon && <Icon name={icon} />}
-              {text}
-            </Button>
-          ))
-        }
-      </SectionActions>
-    </SectionContent>
-  </SectionSpread>
-  <SectionGrid>
-    {
-      items?.map(({ href, title, video }) => (
-        <Tile href={href}>
-          <TileMedia>
-            <Video src={video} />
-          </TileMedia>
-          <TileContent>
-            <TileTitle>{title}</TileTitle>
-          </TileContent>
-        </Tile>
-      ))
-    }
-  </SectionGrid>
-</Section>

package/src/components/blocks/videos-4.astro

@@ -1,64 +0,0 @@
----
-import { cn } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-import { Icon } from "@/components/ui/icon"
-import {
-  Section,
-  SectionActions,
-  SectionContent,
-  SectionGrid,
-  SectionProse,
-} from "@/components/ui/section"
-import { Tile, TileContent, TileMedia, TileTitle } from "@/components/ui/tile"
-import { Video } from "@/components/ui/video"
-
-interface Props {
-  class?: string
-  id?: string
-  links?: {
-    icon?: string
-    text?: string
-    href?: string
-    target?: string
-  }[]
-  items?: {
-    href?: string
-    title?: string
-    video?: string
-  }[]
-}
-
-const { class: className, id, links, items } = Astro.props
----
-
-<Section class={cn("gap-12", className)} id={id}>
-  <SectionContent>
-    <SectionProse>
-      <slot />
-    </SectionProse>
-    <SectionActions>
-      {
-        links?.map(({ icon, text, ...link }, i) => (
-          <Button variant={i === 0 ? "default" : "outline"} {...link}>
-            {icon && <Icon name={icon} />}
-            {text}
-          </Button>
-        ))
-      }
-    </SectionActions>
-  </SectionContent>
-  <SectionGrid class="grid-cols-1 gap-1 @5xl:grid-cols-2">
-    {
-      items?.map(({ href, title, video }) => (
-        <Tile href={href} class="dark overflow-hidden bg-black! ring-0!">
-          <TileMedia class="w-full transition duration-500 ease-in-out group-hover/tile:scale-103">
-            <Video src={video} />
-          </TileMedia>
-          <TileContent class="absolute right-0 bottom-0 left-0 z-10 p-6 opacity-0 transition duration-500 ease-in-out group-hover/tile:opacity-100">
-            <TileTitle class="text-foreground">{title}</TileTitle>
-          </TileContent>
-        </Tile>
-      ))
-    }
-  </SectionGrid>
-</Section>