fulldev-ui 0.7.0 → 0.9.1

package/src/components/ui/footer/footer-actions.astro

@@ -1,19 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"div"> {}
-
-const { class: className, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <div class={cn("flex flex-wrap gap-2", className)} {...props}>
-      <Fragment set:html={slot} />
-    </div>
-  )
-}

package/src/components/ui/footer/footer-content.astro

@@ -1,19 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"div"> {}
-
-const { class: className, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <div class={cn("relative z-10 flex flex-col gap-4", className)} {...props}>
-      <Fragment set:html={slot} />
-    </div>
-  )
-}

package/src/components/ui/footer/footer-copyright.astro

@@ -1,24 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-
-import { cn } from "@/lib/utils";
-
-interface Props extends HTMLAttributes<"p"> {}
-
-const { class: className, ...props } = Astro.props;
-
-const slot = await Astro.slots.render("default");
----
-
-{
-  slot?.trim().length > 0 && (
-    <p
-      data-slot="footer-copyright"
-      class={cn("text-muted-foreground text-xs", className)}
-      {...props}
-    >
-      &copy; {`${new Date().getFullYear()} `}
-      <Fragment set:html={slot} />
-    </p>
-  )
-}

package/src/components/ui/footer/footer-description.astro

@@ -1,37 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"p">, VariantProps<typeof variants> {}
-
-const variants = cva("text-muted-foreground text-sm", {
-  variants: {
-    size: {
-      lg: "text-base",
-      default: "text-sm",
-      sm: "text-xs",
-    },
-  },
-  defaultVariants: {
-    size: "default",
-  },
-})
-
-const { class: className, size, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <p
-      data-slot="footer-description"
-      class={cn(variants({ size }), className)}
-      {...props}
-    >
-      <Fragment set:html={slot} />
-    </p>
-  )
-}

package/src/components/ui/footer/footer-grid.astro

@@ -1,25 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"div"> {}
-
-const { class: className, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <div
-      class={cn(
-        "grid grid-cols-[repeat(auto-fit,minmax(200px,250px))] gap-8",
-        className
-      )}
-      {...props}
-    >
-      <Fragment set:html={slot} />
-    </div>
-  )
-}

package/src/components/ui/footer/footer-group-label.astro

@@ -1,19 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"h3"> {}
-
-const { class: className, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <h3 class={cn("text-sm leading-none font-semibold", className)} {...props}>
-      <Fragment set:html={slot} />
-    </h3>
-  )
-}

package/src/components/ui/footer/footer-group.astro

@@ -1,19 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"div"> {}
-
-const { class: className, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <div class={cn("flex w-full flex-col gap-4", className)} {...props}>
-      <Fragment set:html={slot} />
-    </div>
-  )
-}

package/src/components/ui/footer/footer-menu-item.astro

@@ -1,19 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"li"> {}
-
-const { class: className, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <li class={cn("", className)} {...props}>
-      <Fragment set:html={slot} />
-    </li>
-  )
-}

package/src/components/ui/footer/footer-menu-link.astro

@@ -1,25 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"a"> {}
-
-const { class: className, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <a
-      class={cn(
-        "text-muted-foreground hover:text-foreground focus-visible:outline-ring inline-flex cursor-pointer items-center gap-2 text-sm leading-5 outline-hidden transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    >
-      <Fragment set:html={slot} />
-    </a>
-  )
-}

package/src/components/ui/footer/footer-menu.astro

@@ -1,32 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"menu">, VariantProps<typeof variants> {}
-
-const variants = cva("flex w-max gap-x-4 gap-y-2", {
-  variants: {
-    orientation: {
-      vertical: "flex-col",
-      horizontal: "flex-row",
-    },
-  },
-  defaultVariants: {
-    orientation: "vertical",
-  },
-})
-
-const { class: className, orientation, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <menu class={cn(variants({ orientation }), className)} {...props}>
-      <Fragment set:html={slot} />
-    </menu>
-  )
-}

package/src/components/ui/footer/footer-split.astro

@@ -1,26 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"div"> {}
-
-const { class: className, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <div
-      class={cn(
-        "grid size-full grid-cols-1 gap-16 *:w-full @5xl:grid-cols-[1fr_3fr]",
-        className
-      )}
-      data-slot="footer-split"
-      {...props}
-    >
-      <Fragment set:html={slot} />
-    </div>
-  )
-}

package/src/components/ui/footer/footer-spread.astro

@@ -1,25 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"div"> {}
-
-const { class: className, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <div
-      class={cn(
-        "flex w-full flex-col items-start gap-8 @5xl:flex-row @5xl:justify-between",
-        className
-      )}
-      {...props}
-    >
-      <Fragment set:html={slot} />
-    </div>
-  )
-}

package/src/components/ui/footer/footer.astro

@@ -1,71 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-interface Props
-  extends HTMLAttributes<"footer">,
-    VariantProps<typeof variants> {}
-
-const variants = cva(
-  "relative mx-auto flex scroll-m-(--footer-py) flex-col gap-16 px-(--footer-px) py-(--footer-py)",
-  {
-    variants: {
-      variant: {
-        default: "bg-background w-full",
-        floating: [
-          "bg-background rounded-lg border shadow-sm",
-          "w-[calc(100%-2*var(--gutter,24px))] max-w-(--footer-width)",
-          "my-(--footer-py) overflow-hidden rounded-xl first:mt-2",
-        ],
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-)
-
-const { class: className, variant, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <footer
-      class={cn(variants({ variant }), className)}
-      data-slot="footer"
-      data-variant={variant}
-      {...props}
-    >
-      <Fragment set:html={slot} />
-    </footer>
-  )
-}
-
-<style is:global>
-  [data-slot="footer"] {
-    --footer-width: var(--container, var(--breakpoint-xl));
-    --footer-py: calc(var(--spacing) * 12);
-    --footer-px: max(
-      var(--gutter, 24px),
-      calc((100cqw - var(--footer-width)) / 2)
-    );
-  }
-
-  [data-slot="footer"][data-variant="floating"] {
-    --footer-px: calc(var(--spacing) * 6);
-  }
-
-  @media (min-width: 1024px) {
-    [data-slot="footer"] {
-      --footer-py: calc(var(--spacing) * 16);
-    }
-
-    [data-slot="footer"][data-variant="floating"] {
-      --footer-px: calc(var(--spacing) * 16);
-    }
-  }
-</style>

package/src/components/ui/footer/index.ts

@@ -1,12 +0,0 @@
-export { default as Footer } from "./footer.astro"
-export { default as FooterContent } from "./footer-content.astro"
-export { default as FooterDescription } from "./footer-description.astro"
-export { default as FooterGrid } from "./footer-grid.astro"
-export { default as FooterGroup } from "./footer-group.astro"
-export { default as FooterGroupLabel } from "./footer-group-label.astro"
-export { default as FooterMenu } from "./footer-menu.astro"
-export { default as FooterMenuItem } from "./footer-menu-item.astro"
-export { default as FooterMenuLink } from "./footer-menu-link.astro"
-export { default as FooterSplit } from "./footer-split.astro"
-export { default as FooterSpread } from "./footer-spread.astro"
-export { default as FooterCopyright } from "./footer-copyright.astro"

package/src/components/ui/header/header-actions.astro

@@ -1,19 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"div"> {}
-
-const { class: className, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <div class={cn("flex items-center gap-2", className)} {...props}>
-      <Fragment set:html={slot} />
-    </div>
-  )
-}

package/src/components/ui/header/header-content.astro

@@ -1,22 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"div"> {}
-
-const { class: className, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <div
-      class={cn("mx-auto flex w-full max-w-screen-xl gap-8 py-3", className)}
-      {...props}
-    >
-      <Fragment set:html={slot} />
-    </div>
-  )
-}

package/src/components/ui/image/image.astro

@@ -1,22 +0,0 @@
----
-import { Image as AstroImage } from "astro:assets"
-import type { ComponentProps } from "astro/types"
-
-import { cn } from "@/lib/utils"
-
-type Props = Partial<ComponentProps<typeof AstroImage>>
-
-const { class: className, alt = "", src, ...props } = Astro.props
----
-
-{
-  src && (
-    <AstroImage
-      class={cn("h-auto w-full", className)}
-      alt={alt}
-      src={src}
-      inferSize={true}
-      {...(props as any)}
-    />
-  )
-}

package/src/components/ui/image/index.ts

@@ -1 +0,0 @@
-export { default as Image } from "./image.astro"

package/src/components/ui/list/index.ts

@@ -1,2 +0,0 @@
-export { default as List } from "./list.astro"
-export { default as ListItem } from "./list-item.astro"

package/src/components/ui/list/list-item.astro

@@ -1,26 +0,0 @@
----
-import { cn } from "@/lib/utils"
-
-interface Props {
-  class?: string
-  icon?: boolean
-}
-
-const { class: className, icon = true, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <li
-      class={cn(
-        "flex shrink-0 items-start gap-3 text-start not-first:mt-2 [&_svg]:shrink-0 [&_svg]:translate-y-[30%] [&_svg:not([class*='size-'])]:size-[1em]",
-        className
-      )}
-      {...props}
-    >
-      <Fragment set:html={slot} />
-    </li>
-  )
-}

package/src/components/ui/list/list.astro

@@ -1,19 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"ul"> {}
-
-const { class: className, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-{
-  slot?.trim().length > 0 && (
-    <ul class={cn("list-disc space-y-2", className)} {...props}>
-      <Fragment set:html={slot} />
-    </ul>
-  )
-}

package/src/components/ui/marquee/marquee-content.astro

@@ -1,60 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-type Props = HTMLAttributes<"div"> & VariantProps<typeof contentVariants>
-
-const contentVariants = cva(
-  "animation-duration-40000 flex min-w-full shrink-0 justify-between gap-6 after:w-0",
-  {
-    variants: {
-      direction: {
-        left: "animate-[marquee-horizontal_linear_infinite]",
-        right: "reverse animate-[marquee-horizontal_linear_infinite_reverse]",
-      },
-      pauseOnHover: {
-        true: "group-hover/marquee:paused",
-        false: "",
-      },
-    },
-    defaultVariants: {
-      direction: "left",
-      pauseOnHover: false,
-    },
-  }
-)
-
-const { class: className, direction, pauseOnHover, ...props } = Astro.props
-
-const slot = await Astro.slots.render("default")
----
-
-<div
-  class={cn(contentVariants({ direction, pauseOnHover }), className)}
-  data-slot="marquee-content"
-  data-direction={direction}
-  {...props}
->
-  <Fragment set:html={slot} />
-</div>
-<div
-  class={cn(contentVariants({ direction, pauseOnHover }), className)}
-  data-slot="marquee-content"
-  data-direction={direction}
-  {...props}
->
-  <Fragment set:html={slot} />
-</div>
-
-<style>
-  @keyframes marquee-horizontal {
-    from {
-      transform: translateX(0);
-    }
-    to {
-      transform: translateX(-100%);
-    }
-  }
-</style>

package/src/components/ui/native-carousel/index.ts

@@ -1,5 +0,0 @@
-export { default as NativeCarousel } from "./native-carousel.astro"
-export { default as NativeCarouselContent } from "./native-carousel-content.astro"
-export { default as NativeCarouselItem } from "./native-carousel-item.astro"
-export { default as NativeCarouselPrevious } from "./native-carousel-previous.astro"
-export { default as NativeCarouselNext } from "./native-carousel-next.astro"

package/src/components/ui/native-carousel/native-carousel-content.astro

@@ -1,92 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types"
-
-import { cn } from "@/lib/utils"
-
-interface Props extends HTMLAttributes<"div"> {}
-
-const { class: className, ...props } = Astro.props
----
-
-<div
-  class={cn(
-    "flex snap-x snap-mandatory overflow-x-auto scroll-smooth",
-    "scrollbar-none [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
-    "group-data-[orientation=vertical]/native-carousel:snap-y group-data-[orientation=vertical]/native-carousel:flex-col group-data-[orientation=vertical]/native-carousel:overflow-y-auto",
-    className
-  )}
-  data-slot="native-carousel-content"
-  {...props}
->
-  <slot />
-</div>
-
-<script>
-  // Add smooth scrolling behavior and snap support
-  document.addEventListener("DOMContentLoaded", () => {
-    const carousels = document.querySelectorAll('[data-slot="native-carousel"]')
-
-    carousels.forEach((carousel) => {
-      const content = carousel.querySelector(
-        '[data-slot="native-carousel-content"]'
-      ) as HTMLElement
-      const prevButton = carousel.querySelector(
-        '[data-slot="native-carousel-previous"]'
-      ) as HTMLButtonElement
-      const nextButton = carousel.querySelector(
-        '[data-slot="native-carousel-next"]'
-      ) as HTMLButtonElement
-
-      if (!content) return
-
-      const orientation =
-        carousel.getAttribute("data-orientation") || "horizontal"
-      const isVertical = orientation === "vertical"
-
-      const updateButtons = () => {
-        if (!prevButton || !nextButton) return
-
-        const scrollPos = isVertical ? content.scrollTop : content.scrollLeft
-        const maxScroll = isVertical
-          ? content.scrollHeight - content.clientHeight
-          : content.scrollWidth - content.clientWidth
-
-        prevButton.disabled = scrollPos <= 0
-        nextButton.disabled = scrollPos >= maxScroll - 1
-      }
-
-      const scroll = (direction: "next" | "prev") => {
-        const items = Array.from(
-          content.querySelectorAll('[data-slot="native-carousel-item"]')
-        ) as HTMLElement[]
-
-        if (items.length === 0) return
-
-        const itemSize = isVertical
-          ? items[0].offsetHeight
-          : items[0].offsetWidth
-        const scrollAmount =
-          itemSize + parseFloat(getComputedStyle(items[0]).marginRight || "0")
-
-        const delta = direction === "next" ? scrollAmount : -scrollAmount
-
-        if (isVertical) {
-          content.scrollBy({ top: delta, behavior: "smooth" })
-        } else {
-          content.scrollBy({ left: delta, behavior: "smooth" })
-        }
-      }
-
-      if (prevButton) {
-        prevButton.addEventListener("click", () => scroll("prev"))
-      }
-
-      if (nextButton) {
-        nextButton.addEventListener("click", () => scroll("next"))
-      }
-
-      content.addEventListener("scroll", updateButtons)
-      updateButtons()
-    })
-  })
-</script>