fulldev-ui 0.7.0-beta.9 → 0.7.0

package/src/blocks/ProductSingle1.astro

@@ -1,64 +0,0 @@
----
-import Box from '@/components/Box.astro'
-import Button from '@/components/Button.astro'
-import Container from '@/components/Container.astro'
-import Gallery from '@/components/Gallery.vue'
-import Image from '@/components/Image.astro'
-import List from '@/components/List.astro'
-import Price from '@/components/Price.astro'
-import Prose from '@/components/Prose.astro'
-import Section from '@/components/Section.astro'
-import Split from '@/components/Split.astro'
-import Writeup from '@/components/Writeup.astro'
-import type { ProductSingleSchema } from '@/schemas/blocks/productSingle'
-
-interface Props extends ProductSingleSchema {}
-
-const { title, description, list, images, price, button } = Astro.props
----
-
-<Section class="pt-4 lg:pt-16">
-  <Container>
-    <Split>
-      <Box class="flex flex-col gap-16">
-        <Gallery client:load>
-          {
-            images?.map((image) => (
-              <Image
-                class="aspect-square h-full w-full object-contain"
-                src={image.src}
-                alt={image.alt}
-              />
-            ))
-          }
-        </Gallery>
-        <Prose class="max-lg:hidden">
-          <slot />
-        </Prose>
-      </Box>
-      <Writeup
-        size="sm"
-        class="lg:pl-8"
-      >
-        <Box as="h1">{title}</Box>
-        <Box as="p">{description}</Box>
-        <Price
-          class="mt-4 text-xl font-medium"
-          amount={price}
-        />
-        <Button
-          class="mt-4"
-          size="lg"
-          {...button}
-        />
-        <List
-          class="pt-4 text-muted-foreground"
-          items={list}
-        />
-      </Writeup>
-      <Prose class="lg:hidden">
-        <slot />
-      </Prose>
-    </Split>
-  </Container>
-</Section>

package/src/blocks/Reviews1.astro

@@ -1,37 +0,0 @@
----
-import Abstract from '@/components/Abstract.astro'
-import Box from '@/components/Box.astro'
-import Card from '@/components/Card.astro'
-import Container from '@/components/Container.astro'
-import Masonry from '@/components/Masonry.astro'
-import Rating from '@/components/Rating.astro'
-import Section from '@/components/Section.astro'
-import Writeup from '@/components/Writeup.astro'
-import type { ReviewsSchema } from '@/schemas/blocks/reviews'
-
-interface Props extends ReviewsSchema {}
-
-const { writeup, reviews } = Astro.props
----
-
-<Section class="reviews reviews-1">
-  <Container class="flex flex-col gap-12">
-    <Writeup align="center">
-      <Fragment set:html={writeup} />
-      <slot />
-    </Writeup>
-    <Masonry length={reviews?.length}>
-      {
-        reviews?.map(({ rating, title, description }) => (
-          <Card class="flex flex-col">
-            <Abstract size="lg">
-              <Rating score={rating} />
-              <Box as="h3">{title}</Box>
-              <Box as="p">{description}</Box>
-            </Abstract>
-          </Card>
-        ))
-      }
-    </Masonry>
-  </Container>
-</Section>

package/src/components/Abstract.astro

@@ -1,36 +0,0 @@
----
-import type { HTMLAttributes } from 'astro/types'
-import Box from './Box.astro'
-
-interface Props extends HTMLAttributes<'div'> {
-  size?: 'sm' | 'default' | 'lg' | 'xl'
-  align?: 'start' | 'center' | 'end'
-}
-
-const { size = 'default', align = 'start', class: className, ...rest } = Astro.props
----
-
-<Box
-  class:list={[
-    'abstract',
-    'flex-flex-col w-full max-w-lg',
-    'first:child:mt-0',
-    'headings:text-pretty headings:font-medium headings:tracking-tight',
-    'p:max-w-[90%] p:text-pretty p:leading-[1.8] p:text-muted-foreground',
-    {
-      // size
-      'text-sm child:mt-1 headings:text-sm': size === 'sm',
-      'text-sm child:mt-1 headings:text-base': size === 'default',
-      'text-base child:mt-1.5 headings:mt-3 headings:text-lg': size === 'lg',
-      'text-base child:mt-2.5 headings:mt-5 headings:text-xl': size === 'xl',
-      // align
-      'mr-auto items-start text-left child:mr-auto': align === 'start',
-      'mx-auto items-center text-center child:mx-auto': align === 'center',
-      'ml-auto items-end text-right child:ml-auto': align === 'end',
-    },
-    className,
-  ]}
-  {...rest}
->
-  <slot />
-</Box>

package/src/components/Accordion.vue

@@ -1,31 +0,0 @@
-<script setup lang="ts">
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion'
-
-interface Props {
-  items?: {
-    title?: string
-    description?: string
-  }[]
-}
-
-const { items } = defineProps<Props>()
-</script>
-
-<template v-if="items">
-  <Accordion
-    type="single"
-    class="w-full"
-    collapsible
-  >
-    <AccordionItem
-      v-for="item in items"
-      :key="item.title"
-      :value="item.title ?? ''"
-    >
-      <AccordionTrigger>{{ item.title }}</AccordionTrigger>
-      <AccordionContent>
-        {{ item.description }}
-      </AccordionContent>
-    </AccordionItem>
-  </Accordion>
-</template>

package/src/components/Avatar.astro

@@ -1,31 +0,0 @@
----
-import { avatarVariant, type AvatarVariants } from '@/components/ui/avatar'
-import type { HTMLAttributes } from 'astro/types'
-import { Image } from 'astro:assets'
-import Box from './Box.astro'
-
-interface Props extends HTMLAttributes<'span'>, AvatarVariants {
-  src?: string
-  alt?: string
-}
-
-const { class: className, size, shape, alt = '', src, ...rest } = Astro.props
----
-
-<Box
-  class:list={['avatar', avatarVariant({ size, shape }), className]}
-  as="span"
-  {...rest}
->
-  {
-    src && (
-      <Image
-        class:list="h-full w-full object-cover"
-        width={40}
-        height={40}
-        {alt}
-        {src}
-      />
-    )
-  }
-</Box>

package/src/components/Badge.astro

@@ -1,21 +0,0 @@
----
-import type { BadgeVariants } from '@/components/ui/badge'
-import { badgeVariants } from '@/components/ui/badge/index'
-import type { HTMLAttributes } from 'astro/types'
-import Box from './Box.astro'
-
-interface Props extends HTMLAttributes<'span'>, BadgeVariants {
-  text?: string
-}
-
-const { variant, text, class: className, ...rest } = Astro.props
----
-
-<Box
-  class:list={['badge', badgeVariants({ variant }), className]}
-  as="span"
-  {...rest}
->
-  <Fragment set:html={text} />
-  <slot />
-</Box>

package/src/components/Block.astro

@@ -1,40 +0,0 @@
----
-import { getEntries } from 'astro:content'
-
-let { block, categories, products, ...rest } = Astro.props
-
-const blocks = {
-  ...import.meta.glob('/src/blocks/**/*.astro'),
-  ...import.meta.glob('../blocks/**/*.astro'),
-}
-
-const path = Object.keys(blocks).find((path) => path.split('/').pop()?.split('.')[0] === block)
-
-const BlockComponent = path && (await (blocks[path] as any)()).default
-
-if (categories && categories[0]?.id) {
-  categories = (await getEntries(categories)).map((category: any) => ({
-    slug: category.id,
-    ...category.data,
-  }))
-}
-
-if (products && products[0]?.id) {
-  products = (await getEntries(products)).map((product: any) => ({
-    slug: product.id,
-    ...product.data,
-  }))
-}
----
-
-{
-  BlockComponent && (
-    <BlockComponent
-      {categories}
-      {products}
-      {...rest}
-    >
-      <slot />
-    </BlockComponent>
-  )
-}

package/src/components/Box.astro

@@ -1,28 +0,0 @@
----
-import { cn } from '@/lib/utils'
-
-const {
-  href,
-  as: As = href ? 'a' : 'div',
-  show = 'content',
-  target = href?.startsWith('http') ? '_blank' : undefined,
-  class: className,
-  ...rest
-} = Astro.props
-
-const slot = await Astro.slots.render('default')
-const render = show === 'content' ? slot?.trim().length > 0 : show
----
-
-{
-  render && (
-    <As
-      class:list={cn('box', className)}
-      {href}
-      {target}
-      {...rest}
-    >
-      <Fragment set:html={slot} />
-    </As>
-  )
-}

package/src/components/Button.astro

@@ -1,54 +0,0 @@
----
-import Icon from '@/components/Icon.astro'
-import type { ButtonVariants } from '@/components/ui/button'
-import { buttonVariants } from '@/components/ui/button'
-import type { HTMLAttributes } from 'astro/types'
-import Box from './Box.astro'
-
-interface Props extends HTMLAttributes<'button'>, Omit<HTMLAttributes<'a'>, 'type'>, ButtonVariants {
-  href?: string
-  text?: string
-  icon?: string
-  reverse?: boolean
-}
-
-const slot = await Astro.slots.render('default')
-const hasSlot = slot?.trim().length > 0
-
-const {
-  href,
-  text,
-  size = !(hasSlot || text) ? 'icon' : undefined,
-  variant,
-  icon,
-  reverse,
-  class: className,
-  ...rest
-} = Astro.props
----
-
-<Box
-  class:list={['button', buttonVariants({ variant, size }), className]}
-  as={href ? 'a' : 'button'}
-  {href}
-  {...rest}
->
-  {
-    !reverse && (
-      <Icon
-        class={!(hasSlot || text) ? 'absolute' : undefined}
-        name={icon}
-      />
-    )
-  }
-  <Fragment set:html={text} />
-  <Fragment set:html={slot} />
-  {
-    reverse && (
-      <Icon
-        class={!(hasSlot || text) ? 'absolute' : undefined}
-        name={icon}
-      />
-    )
-  }
-</Box>

package/src/components/Buttons.astro

@@ -1,50 +0,0 @@
----
-import Button from '@/components/Button.astro'
-import type { ComponentProps, HTMLAttributes } from 'astro/types'
-import Box from './Box.astro'
-
-interface Props extends HTMLAttributes<'div'> {
-  justify?: 'start' | 'center' | 'end'
-  size?: ComponentProps<typeof Button>['size']
-  buttons?: ComponentProps<typeof Button>[]
-  reverse?: boolean
-}
-
-const { size = 'default', justify = 'start', reverse = false, class: className, buttons, ...rest } = Astro.props
-
-const getButtonVariant = (index: number) => {
-  if (reverse) {
-    const length = buttons?.length || 0
-    if (index === length - 1) return 'default'
-    if (index === length - 2) return 'outline'
-    return 'ghost'
-  }
-  if (index === 0) return 'default'
-  if (index === 1) return 'outline'
-  return 'ghost'
-}
----
-
-<Box
-  class:list={[
-    'buttons justify-inherit inline-flex flex-wrap gap-2',
-    {
-      'justify-start': justify === 'start',
-      'justify-center': justify === 'center',
-      'justify-end': justify === 'end',
-    },
-    className,
-  ]}
-  {...rest}
->
-  {
-    buttons?.map((button, i) => (
-      <Button
-        variant={getButtonVariant(i)}
-        {size}
-        {...button}
-      />
-    ))
-  }
-  <slot />
-</Box>

package/src/components/Card.astro

@@ -1,20 +0,0 @@
----
-import Box from '@/components/Box.astro'
-import type { HTMLAttributes } from 'astro/types'
-
-interface Props extends HTMLAttributes<'a'>, HTMLAttributes<'div'> {}
-
-const { href, class: className, ...rest } = Astro.props
----
-
-<Box
-  class:list={[
-    'card color-card-foreground relative flex flex-col gap-3 overflow-hidden rounded-lg border bg-card p-6',
-    className,
-  ]}
-  as={href ? 'a' : 'div'}
-  {href}
-  {...rest}
->
-  <slot />
-</Box>

package/src/components/Carousel.vue

@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '@/components/ui/carousel'
-import { parse } from 'node-html-parser'
-import { renderToString } from 'vue/server-renderer'
-
-interface Props {
-  itemClass?: string
-}
-
-const { itemClass } = defineProps<Props>()
-
-const slots = defineSlots<{
-  default(): any
-}>()
-
-const slot = slots['default']()[0]
-const html = await renderToString(slot)
-const root = parse(html)
-const container = root.querySelector('astro-static-slot') || root.querySelector('astro-slot') || root
-const children = container.children
-const htmlItems = children.map((child) => child.outerHTML)
-</script>
-
-<template>
-  <Carousel v-slot="{ canScrollNext }">
-    <CarouselContent>
-      <CarouselItem
-        v-for="(htmlItem, index) in htmlItems"
-        :key="index"
-        :class="itemClass"
-      >
-        <div v-html="htmlItem" />
-      </CarouselItem>
-    </CarouselContent>
-    <CarouselPrevious />
-    <CarouselNext v-if="canScrollNext" />
-  </Carousel>
-</template>

package/src/components/Chip.astro

@@ -1,27 +0,0 @@
----
-import Box from '@/components/Box.astro'
-import { buttonVariants } from '@/components/ui/button'
-import type { HTMLAttributes } from 'astro/types'
-import { badgeVariants, type BadgeVariants } from './ui/badge'
-
-interface Props extends HTMLAttributes<'a'>, BadgeVariants {
-  text?: string
-  href?: string
-}
-
-const { href, text, variant, class: className, ...rest } = Astro.props
----
-
-<Box
-  class:list={[
-    'chip',
-    href ? buttonVariants({ variant }) : badgeVariants({ variant }),
-    'h-7 rounded-full px-3.5 text-xs font-medium',
-    className,
-  ]}
-  {href}
-  {...rest}
->
-  <Fragment set:html={text} />
-  <slot />
-</Box>

package/src/components/Code.astro

@@ -1,72 +0,0 @@
----
-import Box from '@/components/Box.astro'
-import type { ComponentProps } from 'astro/types'
-import { Code as AstroCode } from 'astro:components'
-
-interface Props extends ComponentProps<typeof AstroCode> {}
-
-const { lang = 'astro', code, ...rest } = Astro.props
----
-
-<Box class:list="code">
-  <div class="example">
-    <slot name="example" />
-    <Fragment set:html={code} />
-  </div>
-  <slot name="code" />
-  {
-    code && (
-      <AstroCode
-        class:list="code"
-        code={code}
-        {lang}
-        {...rest}
-      />
-    )
-  }
-</Box>
-
-<style is:global>
-  @layer fulldev {
-    .code {
-      margin-top: var(--spacing-8);
-      border: 1px solid var(--color-border);
-      border-radius: var(--radius-md);
-      width: 100%;
-      &:first-child {
-        margin-top: 0;
-      }
-
-      .example {
-        display: flex;
-        flex-wrap: wrap;
-        align-items: center;
-        gap: var(--spacing-8);
-        padding: var(--spacing-8);
-
-        > *,
-        > slot > * {
-          margin-top: 0;
-        }
-
-        .heading,
-        .paragraph {
-          width: 100%;
-        }
-      }
-
-      .astro-code {
-        margin-top: 0;
-        border: none;
-        border-radius: 0;
-        padding: var(--spacing-4);
-        overflow-x: auto;
-        font-size: var(--text-sm);
-
-        &:first-child {
-          margin-top: 0;
-        }
-      }
-    }
-  }
-</style>

package/src/components/Container.astro

@@ -1,25 +0,0 @@
----
-import Box from '@/components/Box.astro'
-import type { HTMLAttributes } from 'astro/types'
-
-interface Props extends HTMLAttributes<'div'> {
-  size?: 'sm' | 'default' | 'lg'
-}
-
-const { size = 'default', class: className, ...rest } = Astro.props
----
-
-<Box
-  class:list={[
-    'mx-auto w-full gap-x-8 gap-y-16 px-4 lg:px-8',
-    {
-      'max-w-screen-md lg:px-16': size === 'sm',
-      'max-w-screen-xl': size === 'default',
-      'max-w-screen-2xl': size === 'lg',
-    },
-    className,
-  ]}
-  {...rest}
->
-  <slot />
-</Box>

package/src/components/Drawer.vue

@@ -1,53 +0,0 @@
-<script setup lang="ts">
-import { Button } from '@/components/ui/button'
-import {
-  Drawer,
-  DrawerContent,
-  DrawerDescription,
-  DrawerFooter,
-  DrawerHeader,
-  DrawerTitle,
-  DrawerTrigger,
-} from '@/components/ui/drawer'
-import type { HTMLAttributes } from 'vue'
-
-interface Props {
-  class?: HTMLAttributes['class']
-  button?: {
-    text?: string
-    variant?: 'default' | 'secondary' | 'outline' | 'ghost'
-    size?: 'default' | 'sm' | 'lg'
-  }
-  title?: string
-  description?: string
-}
-
-const { button, title, description, class: className } = defineProps<Props>()
-</script>
-
-<template>
-  <Drawer>
-    <DrawerTrigger as-child>
-      <Button
-        :variant="button?.variant"
-        :size="button?.size"
-        :class="className"
-        name="drawer-trigger"
-      >
-        {{ button?.text }}
-        <slot name="trigger" />
-      </Button>
-    </DrawerTrigger>
-    <DrawerContent>
-      <DrawerHeader>
-        <DrawerTitle>{{ title }}</DrawerTitle>
-        <DrawerDescription>{{ description }}</DrawerDescription>
-        <slot name="header" />
-      </DrawerHeader>
-      <slot />
-      <DrawerFooter>
-        <slot name="footer" />
-      </DrawerFooter>
-    </DrawerContent>
-  </Drawer>
-</template>