fulldev-ui 0.7.0-beta.9 → 0.9.0

package/public/r/breadcrumb.json

@@ -0,0 +1,50 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "breadcrumb",
+  "registryDependencies": [
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/breadcrumb/breadcrumb.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"nav\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<nav\n  aria-label=\"breadcrumb\"\n  data-slot=\"breadcrumb\"\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</nav>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/breadcrumb/breadcrumb-list.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"ol\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<ol\n  data-slot=\"breadcrumb-list\"\n  class={cn(\n    \"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</ol>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/breadcrumb/breadcrumb-item.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"li\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<li\n  data-slot=\"breadcrumb-item\"\n  class={cn(\"inline-flex items-center gap-1.5\", className)}\n  {...props}\n>\n  <slot />\n</li>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/breadcrumb/breadcrumb-link.astro",
+      "content": "---\nimport type { HTMLTag, Polymorphic } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props<Tag extends HTMLTag = \"a\"> = Polymorphic<{ as: Tag }>\n\nconst { as: Tag = \"a\", class: className, ...props } = Astro.props\n---\n\n<Tag\n  data-slot=\"breadcrumb-link\"\n  class={cn(\"hover:text-foreground transition-colors\", className)}\n  {...props}\n>\n  <slot />\n</Tag>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/breadcrumb/breadcrumb-page.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"span\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<span\n  data-slot=\"breadcrumb-page\"\n  role=\"link\"\n  aria-disabled=\"true\"\n  aria-current=\"page\"\n  class={cn(\"text-foreground font-normal\", className)}\n  {...props}\n>\n  <slot />\n</span>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/breadcrumb/breadcrumb-separator.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"li\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<li\n  data-slot=\"breadcrumb-separator\"\n  role=\"presentation\"\n  aria-hidden=\"true\"\n  class={cn(\"[&>svg]:size-3.5\", className)}\n  {...props}\n>\n  {Astro.slots.has(\"default\") ? <slot /> : <Icon name=\"chevron-right\" />}\n</li>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/breadcrumb/breadcrumb-ellipsis.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"span\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<span\n  data-slot=\"breadcrumb-ellipsis\"\n  role=\"presentation\"\n  aria-hidden=\"true\"\n  class={cn(\n    \"flex size-5 items-center justify-center [&>svg]:size-4\",\n    className\n  )}\n  {...props}\n>\n  <Icon name=\"ellipsis\" />\n  <span class=\"sr-only\">More</span>\n</span>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/breadcrumb/index.ts",
+      "content": "export { default as Breadcrumb } from \"./breadcrumb.astro\"\nexport { default as BreadcrumbEllipsis } from \"./breadcrumb-ellipsis.astro\"\nexport { default as BreadcrumbItem } from \"./breadcrumb-item.astro\"\nexport { default as BreadcrumbLink } from \"./breadcrumb-link.astro\"\nexport { default as BreadcrumbList } from \"./breadcrumb-list.astro\"\nexport { default as BreadcrumbPage } from \"./breadcrumb-page.astro\"\nexport { default as BreadcrumbSeparator } from \"./breadcrumb-separator.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/button.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "button",
+  "files": [
+    {
+      "path": "src/components/ui/button/button-variants.ts",
+      "content": "import { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const buttonVariants = cva(\n  \"group/button focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n        outline:\n          \"!border-border bg-background hover:bg-muted hover:text-foreground dark:!border-input dark:bg-input/30 dark:hover:bg-input/50 shadow-xs\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-muted hover:text-foreground dark:hover:bg-muted/50\",\n        destructive:\n          \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-[>svg:first-child]:pl-2 has-[>svg:last-child]:pr-2\",\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-[>svg:first-child]:pl-1.5 has-[>svg:last-child]:pr-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-[>svg:first-child]:pl-1.5 has-[>svg:last-child]:pr-1.5\",\n        lg: \"h-10 gap-1.5 px-2.5 has-[>svg:first-child]:pl-2 has-[>svg:last-child]:pr-2\",\n        icon: \"size-9\",\n        \"icon-xs\":\n          \"size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\":\n          \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/button/button.astro",
+      "content": "---\nimport type { HTMLTag, Polymorphic } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport { buttonVariants, type ButtonVariantProps } from \"./button-variants\"\n\ntype Props<Tag extends HTMLTag = \"button\"> = Polymorphic<{ as: Tag }> &\n  ButtonVariantProps\n\nconst {\n  as: Tag = \"href\" in Astro.props ? \"a\" : \"button\",\n  class: className,\n  variant,\n  size,\n  ...props\n} = Astro.props\n---\n\n<Tag\n  data-slot=\"button\"\n  class={cn(buttonVariants({ variant, size }), className)}\n  {...props}\n>\n  <slot />\n</Tag>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/button/index.ts",
+      "content": "export { buttonVariants, type ButtonVariantProps } from \"./button-variants\"\n\nexport { default as Button } from \"./button.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/card.json

@@ -0,0 +1,47 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "card",
+  "files": [
+    {
+      "path": "src/components/ui/card/card.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  size?: \"default\" | \"sm\"\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<div\n  data-slot=\"card\"\n  data-size={size}\n  class={cn(\n    \"ring-foreground/10 bg-card text-card-foreground group/card flex flex-col gap-6 overflow-hidden rounded-xl py-6 text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/card/card-header.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"card-header\"\n  class={cn(\n    \"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-6 group-data-[size=sm]/card:px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/card/card-action.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"card-action\"\n  class={cn(\n    \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/card/card-title.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"card-title\"\n  class={cn(\n    \"text-base leading-normal font-medium group-data-[size=sm]/card:text-sm\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/card/card-description.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"card-description\"\n  class={cn(\"text-muted-foreground text-sm\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/card/card-content.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"card-content\"\n  class={cn(\"px-6 group-data-[size=sm]/card:px-4\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/card/card-footer.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"card-footer\"\n  class={cn(\n    \"flex items-center rounded-b-xl px-6 group-data-[size=sm]/card:px-4 [.border-t]:pt-6 group-data-[size=sm]/card:[.border-t]:pt-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/card/index.ts",
+      "content": "export { default as Card } from \"./card.astro\"\nexport { default as CardAction } from \"./card-action.astro\"\nexport { default as CardContent } from \"./card-content.astro\"\nexport { default as CardDescription } from \"./card-description.astro\"\nexport { default as CardFooter } from \"./card-footer.astro\"\nexport { default as CardHeader } from \"./card-header.astro\"\nexport { default as CardTitle } from \"./card-title.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/carousel.json

@@ -0,0 +1,44 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "carousel",
+  "dependencies": [
+    "embla-carousel"
+  ],
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/carousel/carousel.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { EmblaOptionsType } from \"embla-carousel\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  opts?: EmblaOptionsType\n  orientation?: \"horizontal\" | \"vertical\"\n}\n\nconst {\n  class: className,\n  opts,\n  orientation = \"horizontal\",\n  ...props\n} = Astro.props\n\nconst resolvedOpts: EmblaOptionsType = {\n  ...opts,\n  axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n}\n---\n\n<div\n  data-slot=\"carousel\"\n  data-orientation={orientation}\n  data-carousel-options={JSON.stringify(resolvedOpts)}\n  class={cn(\"group/carousel relative\", className)}\n  role=\"region\"\n  aria-roledescription=\"carousel\"\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import EmblaCarousel, {\n    type EmblaCarouselType,\n    type EmblaOptionsType,\n  } from \"embla-carousel\"\n\n  type CarouselRoot = HTMLElement & {\n    __fulldevCarouselApi?: EmblaCarouselType\n  }\n\n  type CarouselInstance = {\n    cleanup: () => void\n  }\n\n  type CarouselStore = Map<CarouselRoot, CarouselInstance>\n\n  declare global {\n    interface Window {\n      __fulldevCarouselInitialized?: boolean\n      __fulldevCarouselStore?: CarouselStore\n    }\n  }\n\n  if (!window.__fulldevCarouselInitialized) {\n    window.__fulldevCarouselInitialized = true\n    window.__fulldevCarouselStore ??= new Map<CarouselRoot, CarouselInstance>()\n\n    const store = window.__fulldevCarouselStore\n\n    const getDetails = (api: EmblaCarouselType) => ({\n      api,\n      canScrollPrev: api.canScrollPrev(),\n      canScrollNext: api.canScrollNext(),\n      selectedScrollSnap: api.selectedScrollSnap(),\n      scrollSnapList: api.scrollSnapList(),\n    })\n\n    const emit = (\n      root: CarouselRoot,\n      type: \"carousel:init\" | \"carousel:select\",\n      api: EmblaCarouselType\n    ) => {\n      root.dispatchEvent(\n        new CustomEvent(type, {\n          detail: getDetails(api),\n        })\n      )\n    }\n\n    const parseOptions = (root: CarouselRoot): EmblaOptionsType => {\n      const rawOptions = root.getAttribute(\"data-carousel-options\")\n\n      if (!rawOptions) {\n        return {}\n      }\n\n      try {\n        return JSON.parse(rawOptions) as EmblaOptionsType\n      } catch {\n        return {}\n      }\n    }\n\n    const syncButton = (button: Element | null, enabled: boolean) => {\n      if (!(button instanceof HTMLButtonElement)) {\n        return\n      }\n\n      if (button.dataset.manualDisabled === \"true\") {\n        button.disabled = true\n        return\n      }\n\n      button.disabled = !enabled\n    }\n\n    const cleanupDisconnectedCarousels = () => {\n      for (const [root, instance] of store.entries()) {\n        if (document.contains(root)) {\n          continue\n        }\n\n        instance.cleanup()\n        store.delete(root)\n      }\n    }\n\n    const initCarousel = (root: Element) => {\n      if (!(root instanceof HTMLElement) || store.has(root)) {\n        return\n      }\n\n      const carouselRoot = root as CarouselRoot\n      const viewport = carouselRoot.querySelector(\n        '[data-slot=\"carousel-content\"]'\n      )\n      const prevButton = carouselRoot.querySelector(\n        '[data-slot=\"carousel-previous\"]'\n      )\n      const nextButton = carouselRoot.querySelector(\n        '[data-slot=\"carousel-next\"]'\n      )\n\n      if (!(viewport instanceof HTMLElement)) {\n        return\n      }\n\n      const api = EmblaCarousel(viewport, parseOptions(carouselRoot))\n\n      const sync = () => {\n        const details = getDetails(api)\n\n        carouselRoot.dataset.canScrollPrev = details.canScrollPrev\n          ? \"true\"\n          : \"false\"\n        carouselRoot.dataset.canScrollNext = details.canScrollNext\n          ? \"true\"\n          : \"false\"\n        carouselRoot.dataset.selectedScrollSnap = String(\n          details.selectedScrollSnap\n        )\n\n        syncButton(prevButton, details.canScrollPrev)\n        syncButton(nextButton, details.canScrollNext)\n\n        emit(carouselRoot, \"carousel:select\", api)\n      }\n\n      const onPrevClick = () => {\n        api.scrollPrev()\n      }\n\n      const onNextClick = () => {\n        api.scrollNext()\n      }\n\n      const onKeyDown = (event: KeyboardEvent) => {\n        const isVertical = carouselRoot.dataset.orientation === \"vertical\"\n\n        if (!isVertical && event.key === \"ArrowLeft\") {\n          event.preventDefault()\n          api.scrollPrev()\n        }\n\n        if (!isVertical && event.key === \"ArrowRight\") {\n          event.preventDefault()\n          api.scrollNext()\n        }\n\n        if (isVertical && event.key === \"ArrowUp\") {\n          event.preventDefault()\n          api.scrollPrev()\n        }\n\n        if (isVertical && event.key === \"ArrowDown\") {\n          event.preventDefault()\n          api.scrollNext()\n        }\n      }\n\n      if (prevButton instanceof HTMLElement) {\n        prevButton.addEventListener(\"click\", onPrevClick)\n      }\n\n      if (nextButton instanceof HTMLElement) {\n        nextButton.addEventListener(\"click\", onNextClick)\n      }\n\n      carouselRoot.addEventListener(\"keydown\", onKeyDown, true)\n\n      api.on(\"reInit\", sync)\n      api.on(\"select\", sync)\n\n      carouselRoot.__fulldevCarouselApi = api\n\n      sync()\n      requestAnimationFrame(() => emit(carouselRoot, \"carousel:init\", api))\n\n      store.set(carouselRoot, {\n        cleanup: () => {\n          api.off(\"reInit\", sync)\n          api.off(\"select\", sync)\n\n          if (prevButton instanceof HTMLElement) {\n            prevButton.removeEventListener(\"click\", onPrevClick)\n          }\n\n          if (nextButton instanceof HTMLElement) {\n            nextButton.removeEventListener(\"click\", onNextClick)\n          }\n\n          carouselRoot.removeEventListener(\"keydown\", onKeyDown, true)\n          delete carouselRoot.__fulldevCarouselApi\n          api.destroy()\n        },\n      })\n    }\n\n    const initCarousels = () => {\n      cleanupDisconnectedCarousels()\n\n      document\n        .querySelectorAll('[data-slot=\"carousel\"]')\n        .forEach((root) => initCarousel(root))\n    }\n\n    initCarousels()\n    document.addEventListener(\"astro:page-load\", initCarousels)\n  }\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/carousel/carousel-content.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div class=\"overflow-hidden\" data-slot=\"carousel-content\">\n  <div\n    data-slot=\"carousel-container\"\n    class={cn(\n      \"flex [touch-action:pan-y_pinch-zoom]\",\n      \"group-data-[orientation=vertical]/carousel:-mt-4 group-data-[orientation=vertical]/carousel:[touch-action:pan-x_pinch-zoom] group-data-[orientation=vertical]/carousel:flex-col\",\n      \"group-data-[orientation=horizontal]/carousel:-ml-4\",\n      className\n    )}\n    {...props}\n  >\n    <slot />\n  </div>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/carousel/carousel-item.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"carousel-item\"\n  role=\"group\"\n  aria-roledescription=\"slide\"\n  class={cn(\n    \"min-w-0 shrink-0 grow-0 basis-full\",\n    \"group-data-[orientation=horizontal]/carousel:pl-4\",\n    \"group-data-[orientation=vertical]/carousel:pt-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/carousel/carousel-next.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { buttonVariants, type ButtonVariantProps } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = Omit<HTMLAttributes<\"button\">, \"type\"> & ButtonVariantProps\n\nconst {\n  class: className,\n  variant = \"outline\",\n  size = \"icon-sm\",\n  disabled,\n  ...props\n} = Astro.props\n---\n\n<button\n  type=\"button\"\n  data-slot=\"carousel-next\"\n  data-manual-disabled={disabled ? \"true\" : undefined}\n  disabled={disabled}\n  class={cn(\n    buttonVariants({ variant, size }),\n    \"absolute top-1/2 -right-12 z-10 -translate-y-1/2 touch-manipulation rounded-full\",\n    \"group-data-[orientation=vertical]/carousel:right-auto group-data-[orientation=vertical]/carousel:-bottom-12 group-data-[orientation=vertical]/carousel:left-1/2 group-data-[orientation=vertical]/carousel:-translate-x-1/2 group-data-[orientation=vertical]/carousel:translate-y-0 group-data-[orientation=vertical]/carousel:rotate-90\",\n    className\n  )}\n  {...props}\n>\n  <slot>\n    <Icon name=\"chevron-right\" class=\"size-4\" aria-hidden=\"true\" />\n    <span class=\"sr-only\">Next slide</span>\n  </slot>\n</button>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/carousel/carousel-previous.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { buttonVariants, type ButtonVariantProps } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = Omit<HTMLAttributes<\"button\">, \"type\"> & ButtonVariantProps\n\nconst {\n  class: className,\n  variant = \"outline\",\n  size = \"icon-sm\",\n  disabled,\n  ...props\n} = Astro.props\n---\n\n<button\n  type=\"button\"\n  data-slot=\"carousel-previous\"\n  data-manual-disabled={disabled ? \"true\" : undefined}\n  disabled={disabled}\n  class={cn(\n    buttonVariants({ variant, size }),\n    \"absolute top-1/2 -left-12 z-10 -translate-y-1/2 touch-manipulation rounded-full\",\n    \"group-data-[orientation=vertical]/carousel:-top-12 group-data-[orientation=vertical]/carousel:left-1/2 group-data-[orientation=vertical]/carousel:-translate-x-1/2 group-data-[orientation=vertical]/carousel:translate-y-0 group-data-[orientation=vertical]/carousel:rotate-90\",\n    className\n  )}\n  {...props}\n>\n  <slot>\n    <Icon name=\"chevron-left\" class=\"size-4\" aria-hidden=\"true\" />\n    <span class=\"sr-only\">Previous slide</span>\n  </slot>\n</button>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/carousel/index.ts",
+      "content": "export type {\n  EmblaCarouselType as CarouselApi,\n  EmblaOptionsType as CarouselOptions,\n  EmblaPluginType as CarouselPlugin,\n} from \"embla-carousel\"\n\nexport { default as Carousel } from \"./carousel.astro\"\nexport { default as CarouselContent } from \"./carousel-content.astro\"\nexport { default as CarouselItem } from \"./carousel-item.astro\"\nexport { default as CarouselPrevious } from \"./carousel-previous.astro\"\nexport { default as CarouselNext } from \"./carousel-next.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/checkbox.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "checkbox",
+  "files": [
+    {
+      "path": "src/components/ui/checkbox/checkbox.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = Omit<HTMLAttributes<\"input\">, \"type\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<input\n  type=\"checkbox\"\n  role=\"checkbox\"\n  data-slot=\"checkbox\"\n  class={cn(\n    \"border-input dark:bg-input/30 checked:bg-primary dark:checked:bg-primary checked:border-primary indeterminate:bg-primary indeterminate:border-primary aria-invalid:checked:border-primary aria-invalid:indeterminate:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 peer relative flex size-4 shrink-0 appearance-none items-center justify-center rounded-[4px] border shadow-xs transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 checked:[color:var(--color-primary-foreground)] indeterminate:[color:var(--color-primary-foreground)] focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3\",\n    className\n  )}\n  {...props}\n/>\n\n<style>\n  [data-slot=\"checkbox\"] {\n    color: inherit;\n  }\n\n  [data-slot=\"checkbox\"]::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    margin: auto;\n    width: 14px;\n    height: 14px;\n    opacity: 0;\n    background-color: currentColor;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 14px 14px;\n    -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E\");\n    -webkit-mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n    -webkit-mask-size: 14px 14px;\n    mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E\");\n    mask-repeat: no-repeat;\n    mask-position: center;\n    mask-size: 14px 14px;\n  }\n\n  [data-slot=\"checkbox\"]:checked,\n  [data-slot=\"checkbox\"]:indeterminate {\n    color: var(--color-primary-foreground);\n  }\n\n  [data-slot=\"checkbox\"]:checked::before {\n    opacity: 1;\n  }\n\n  [data-slot=\"checkbox\"]:indeterminate::before {\n    opacity: 1;\n    -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8h9' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E\");\n    mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8h9' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E\");\n  }\n</style>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/checkbox/index.ts",
+      "content": "export { default as Checkbox } from \"./checkbox.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/collapsible.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "collapsible",
+  "dependencies": [
+    "@data-slot/collapsible"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/collapsible/collapsible.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultOpen?: boolean\n  hiddenUntilFound?: boolean\n}\n\nconst {\n  class: className,\n  defaultOpen,\n  hiddenUntilFound,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"collapsible\"\n  data-default-open={defaultOpen}\n  data-hidden-until-found={hiddenUntilFound}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/collapsible\"\n\n  create()\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/collapsible/collapsible-content.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, hidden: _hidden, ...props } = Astro.props\n---\n\n<div data-slot=\"collapsible-content\" hidden class={cn(className)} {...props}>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/collapsible/collapsible-trigger.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"button\">\n\nconst { class: className, type = \"button\", ...props } = Astro.props\n---\n\n<button\n  data-slot=\"collapsible-trigger\"\n  type={type}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</button>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/collapsible/index.ts",
+      "content": "export { default as Collapsible } from \"./collapsible.astro\"\nexport { default as CollapsibleContent } from \"./collapsible-content.astro\"\nexport { default as CollapsibleTrigger } from \"./collapsible-trigger.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/combobox.json

@@ -0,0 +1,74 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "combobox",
+  "dependencies": [
+    "@data-slot/combobox"
+  ],
+  "registryDependencies": [
+    "@fulldev/input-group",
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/combobox/combobox.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type {\n  Align as ComboboxAlign,\n  Side as ComboboxSide,\n} from \"@data-slot/combobox\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultValue?: string\n  placeholder?: string\n  disabled?: boolean\n  required?: boolean\n  name?: string\n  openOnFocus?: boolean\n  autoHighlight?: boolean\n  side?: ComboboxSide\n  align?: ComboboxAlign\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n}\n\nconst {\n  class: className,\n  defaultValue,\n  placeholder,\n  disabled,\n  required,\n  name,\n  openOnFocus,\n  autoHighlight,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"combobox\"\n  data-default-value={defaultValue}\n  data-placeholder={placeholder}\n  data-disabled={disabled}\n  data-required={required}\n  data-name={name}\n  data-open-on-focus={openOnFocus}\n  data-auto-highlight={autoHighlight}\n  data-side={side}\n  data-align={align}\n  data-side-offset={sideOffset}\n  data-align-offset={alignOffset}\n  data-avoid-collisions={avoidCollisions}\n  data-collision-padding={collisionPadding}\n  class={cn(\"group/combobox relative\", className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { createCombobox } from \"@data-slot/combobox\"\n\n  const initCombobox = () => {\n    document.querySelectorAll('[data-slot=\"combobox\"]').forEach((root) => {\n      if (\n        !root.querySelector('[data-slot=\"combobox-input\"]') ||\n        !root.querySelector('[data-slot=\"combobox-content\"]')\n      ) {\n        return\n      }\n\n      createCombobox(root as HTMLElement)\n    })\n  }\n\n  initCombobox()\n\n  document.addEventListener(\"astro:page-load\", initCombobox)\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-content.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type {\n  Align as ComboboxAlign,\n  Side as ComboboxSide,\n} from \"@data-slot/combobox\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: ComboboxSide\n  align?: ComboboxAlign\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n}\n\nconst {\n  class: className,\n  hidden = true,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  ...props\n} = Astro.props\n---\n\n<div data-slot=\"combobox-portal\">\n  <div\n    data-slot=\"combobox-positioner\"\n    data-side={side}\n    data-align={align}\n    data-side-offset={sideOffset}\n    data-align-offset={alignOffset}\n    data-avoid-collisions={avoidCollisions}\n    data-collision-padding={collisionPadding}\n    class=\"isolate z-50\"\n  >\n    <div\n      data-slot=\"combobox-content\"\n      data-side={side}\n      data-align={align}\n      data-side-offset={sideOffset}\n      data-align-offset={alignOffset}\n      data-avoid-collisions={avoidCollisions}\n      data-collision-padding={collisionPadding}\n      hidden={hidden}\n      class={cn(\n        \"group/combobox-content bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 relative z-50 max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-md shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none\",\n        className\n      )}\n      {...props}\n    >\n      <slot />\n    </div>\n  </div>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-empty.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, hidden = true, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"combobox-empty\"\n  hidden={hidden}\n  class={cn(\n    \"text-muted-foreground hidden w-full items-center justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex\",\n    className\n  )}\n  {...props}\n>\n  <slot>No results found.</slot>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-group.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div data-slot=\"combobox-group\" class={cn(className)} {...props}>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-input.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\nimport InputGroupAddon from \"@/components/ui/input-group/input-group-addon.astro\"\nimport InputGroupInput from \"@/components/ui/input-group/input-group-input.astro\"\nimport InputGroup from \"@/components/ui/input-group/input-group.astro\"\n\nimport ComboboxTrigger from \"./combobox-trigger.astro\"\n\ntype Props = HTMLAttributes<\"input\"> & {\n  showTrigger?: boolean\n  showClear?: boolean\n}\n\nconst {\n  class: className,\n  type = \"text\",\n  disabled = false,\n  showTrigger = true,\n  showClear = false,\n  ...props\n} = Astro.props\n---\n\n<InputGroup class={cn(\"w-auto\", className)}>\n  <InputGroupInput\n    type={type}\n    data-slot=\"combobox-input\"\n    disabled={disabled}\n    {...props}\n  />\n  <InputGroupAddon align=\"inline-end\">\n    {\n      showTrigger && (\n        <ComboboxTrigger\n          class=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n          disabled={disabled}\n        />\n      )\n    }\n    {\n      showClear && (\n        <button\n          type=\"button\"\n          data-slot=\"combobox-clear\"\n          class=\"inline-flex size-6 shrink-0 items-center justify-center rounded-[calc(var(--radius)-5px)] p-0 text-sm shadow-none outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n          disabled={disabled}\n        >\n          <Icon name=\"x\" class=\"pointer-events-none\" />\n        </button>\n      )\n    }\n  </InputGroupAddon>\n  <slot />\n</InputGroup>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-item.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  value?: string\n  disabled?: boolean\n  showIndicator?: boolean\n}\n\nconst {\n  class: className,\n  value,\n  disabled,\n  showIndicator = true,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"combobox-item\"\n  data-value={value}\n  data-disabled={disabled ? \"\" : undefined}\n  class={cn(\n    \"data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:**:[svg]:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n  {\n    showIndicator && (\n      <span\n        data-slot=\"combobox-item-indicator\"\n        hidden={false}\n        class=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center opacity-0 group-data-[checked=true]/combobox-item:opacity-100\"\n      >\n        <Icon name=\"check\" class=\"pointer-events-none\" />\n      </span>\n    )\n  }\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-label.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"combobox-label\"\n  class={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-list.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"combobox-list\"\n  class={cn(\n    \"no-scrollbar max-h-[min(18rem,var(--available-height))] scroll-py-1 overflow-x-hidden overflow-y-auto overscroll-contain p-1 group-data-empty/combobox-content:p-0\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-separator.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"combobox-separator\"\n  class={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n  {...props}\n>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-trigger.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"button\"> & {\n  showIcon?: boolean\n}\n\nconst {\n  class: className,\n  type = \"button\",\n  showIcon = true,\n  ...props\n} = Astro.props\n---\n\n<button\n  type={type}\n  data-slot=\"combobox-trigger\"\n  class={cn(\n    \"[&_svg]:text-muted-foreground inline-flex size-6 shrink-0 items-center justify-center gap-2 rounded-[calc(var(--radius)-5px)] p-0 text-sm shadow-none outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n  {\n    showIcon && (\n      <Icon\n        name=\"chevron-down\"\n        class=\"text-muted-foreground pointer-events-none size-4\"\n      />\n    )\n  }\n</button>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-value.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"span\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<span\n  data-slot=\"combobox-value\"\n  class={cn(\n    \"data-[placeholder]:text-muted-foreground block flex-1 truncate text-left\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</span>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/index.ts",
+      "content": "export { default as Combobox } from \"./combobox.astro\"\nexport { default as ComboboxContent } from \"./combobox-content.astro\"\nexport { default as ComboboxEmpty } from \"./combobox-empty.astro\"\nexport { default as ComboboxGroup } from \"./combobox-group.astro\"\nexport { default as ComboboxInput } from \"./combobox-input.astro\"\nexport { default as ComboboxItem } from \"./combobox-item.astro\"\nexport { default as ComboboxLabel } from \"./combobox-label.astro\"\nexport { default as ComboboxList } from \"./combobox-list.astro\"\nexport { default as ComboboxSeparator } from \"./combobox-separator.astro\"\nexport { default as ComboboxTrigger } from \"./combobox-trigger.astro\"\nexport { default as ComboboxValue } from \"./combobox-value.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/command.json

@@ -0,0 +1,64 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "command",
+  "dependencies": [
+    "@data-slot/command"
+  ],
+  "registryDependencies": [
+    "@fulldev/dialog",
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/command/command.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  label?: string\n  defaultValue?: string\n  defaultSearch?: string\n  shouldFilter?: boolean\n  loop?: boolean\n  disablePointerSelection?: boolean\n  vimBindings?: boolean\n}\n\nconst {\n  class: className,\n  label,\n  defaultValue,\n  defaultSearch,\n  shouldFilter,\n  loop,\n  disablePointerSelection,\n  vimBindings,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"command\"\n  data-label={label}\n  data-default-value={defaultValue}\n  data-default-search={defaultSearch}\n  data-should-filter={shouldFilter}\n  data-loop={loop}\n  data-disable-pointer-selection={disablePointerSelection}\n  data-vim-bindings={vimBindings}\n  class={cn(\n    \"bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-xl! p-1\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/command\"\n\n  const initCommand = () => {\n    create()\n\n    document.querySelectorAll(\"[data-slot=command]\").forEach((command) => {\n      if (!(command instanceof HTMLElement)) return\n      if (command.dataset.linkNavigation === \"true\") return\n\n      command.dataset.linkNavigation = \"true\"\n      command.addEventListener(\"command:select\", (event) => {\n        const { detail } = event as CustomEvent<{ value?: unknown }>\n        const value = detail?.value\n        if (typeof value !== \"string\") return\n\n        const item = Array.from(\n          command.querySelectorAll(\"[data-slot=command-item][href]\")\n        ).find((item) => item.getAttribute(\"data-value\") === value)\n        const href = item?.getAttribute(\"href\")\n\n        if (href) window.location.href = href\n      })\n    })\n  }\n\n  initCommand()\n\n  document.addEventListener(\"astro:page-load\", initCommand)\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-dialog.astro",
+      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogTitle,\n} from \"@/components/ui/dialog\"\n\ntype Props = ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  contentClass?: string\n  showCloseButton?: boolean\n}\n\nconst {\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  contentClass,\n  showCloseButton = false,\n  ...props\n} = Astro.props\n---\n\n<Dialog {...props}>\n  <DialogContent\n    class:list={[\n      \"top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0\",\n      \"**:data-[slot=command]:border-0\",\n      \"**:data-[slot=command]:bg-transparent\",\n      \"**:data-[slot=command-input-wrapper]:h-12\",\n      \"[&_[data-slot=command-input-wrapper]_svg]:size-5\",\n      \"**:data-[slot=command-input]:h-12\",\n      \"**:data-[slot=command-item]:px-2\",\n      \"**:data-[slot=command-item]:py-3\",\n      \"[&_[data-slot=command-item]_svg]:size-5\",\n      \"**:data-[slot=command-group-heading]:text-muted-foreground\",\n      \"**:data-[slot=command-group-heading]:px-2\",\n      \"**:data-[slot=command-group-heading]:font-medium\",\n      \"**:data-[slot=command-group]:px-2\",\n      \"[&_[data-slot=command-group]:not([hidden])_~[data-slot=command-group]]:pt-0\",\n      contentClass,\n    ]}\n    showCloseButton={showCloseButton}\n  >\n    <div class=\"sr-only\">\n      <DialogTitle>{title}</DialogTitle>\n      <DialogDescription>{description}</DialogDescription>\n    </div>\n    <slot />\n  </DialogContent>\n</Dialog>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-input.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"input\"> & {\n  wrapperClass?: string\n}\n\nconst { class: className, wrapperClass, ...props } = Astro.props\n---\n\n<div data-slot=\"command-input-wrapper\" class={cn(\"p-1 pb-0\", wrapperClass)}>\n  <div\n    class=\"border-input/30 bg-input/30 flex h-8! items-center rounded-lg! border shadow-none!\"\n  >\n    <div class=\"flex items-center pl-2\">\n      <Icon name=\"search\" class=\"size-4 shrink-0 opacity-50\" />\n    </div>\n    <input\n      type=\"text\"\n      data-slot=\"command-input\"\n      class={cn(\n        \"placeholder:text-muted-foreground h-full min-w-0 flex-1 bg-transparent px-2.5 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  </div>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-list.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"command-list\"\n  class={cn(\n    \"no-scrollbar h-[var(--command-list-height)] max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto transition-[height] duration-150 ease-out outline-none\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-empty.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, hidden = true, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"command-empty\"\n  hidden={hidden}\n  class={cn(\"py-6 text-center text-sm\", className)}\n  {...props}\n>\n  <slot>No results found.</slot>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-group.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  heading?: string\n  value?: string\n  forceMount?: boolean\n}\n\nconst { class: className, heading, value, forceMount, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"command-group\"\n  data-value={value}\n  data-force-mount={forceMount ? \"true\" : undefined}\n  class={cn(\n    \"text-foreground [&_[data-slot=command-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[data-slot=command-group-heading]]:px-2 [&_[data-slot=command-group-heading]]:py-1.5 [&_[data-slot=command-group-heading]]:text-xs [&_[data-slot=command-group-heading]]:font-medium\",\n    className\n  )}\n  {...props}\n>\n  {heading && <div data-slot=\"command-group-heading\">{heading}</div>}\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-item.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"a\"> & {\n  disabled?: boolean\n  href?: string\n  value?: string\n  label?: string\n  keywords?: string | string[]\n  forceMount?: boolean\n}\n\nconst {\n  class: className,\n  disabled,\n  href,\n  value,\n  label,\n  keywords,\n  forceMount,\n  ...props\n} = Astro.props\n\nconst Tag = href ? \"a\" : \"div\"\nconst keywordsValue = Array.isArray(keywords) ? keywords.join(\", \") : keywords\n---\n\n<Tag\n  data-slot=\"command-item\"\n  data-disabled={disabled ? \"true\" : undefined}\n  data-value={value}\n  data-label={label}\n  data-keywords={keywordsValue}\n  data-force-mount={forceMount ? \"true\" : undefined}\n  href={href}\n  class={cn(\n    \"group/command-item data-selected:bg-accent data-selected:text-accent-foreground data-selected:**:[svg]:text-accent-foreground href:cursor-pointer href:no-underline relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n  <Icon\n    name=\"check\"\n    class=\"ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100\"\n  />\n</Tag>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-separator.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"command-separator\"\n  class={cn(\"bg-border -mx-1 h-px\", className)}\n  {...props}\n>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-shortcut.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"span\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<span\n  data-slot=\"command-shortcut\"\n  class={cn(\n    \"text-muted-foreground group-data-selected/command-item:text-foreground ml-auto text-xs tracking-widest\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</span>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/index.ts",
+      "content": "export { default as Command } from \"./command.astro\"\nexport { default as CommandDialog } from \"./command-dialog.astro\"\nexport { default as CommandInput } from \"./command-input.astro\"\nexport { default as CommandList } from \"./command-list.astro\"\nexport { default as CommandEmpty } from \"./command-empty.astro\"\nexport { default as CommandGroup } from \"./command-group.astro\"\nexport { default as CommandItem } from \"./command-item.astro\"\nexport { default as CommandSeparator } from \"./command-separator.astro\"\nexport { default as CommandShortcut } from \"./command-shortcut.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/components.json

@@ -0,0 +1,54 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "components",
+  "registryDependencies": [
+    "@fulldev/accordion",
+    "@fulldev/alert",
+    "@fulldev/alert-dialog",
+    "@fulldev/form",
+    "@fulldev/avatar",
+    "@fulldev/badge",
+    "@fulldev/banner",
+    "@fulldev/button",
+    "@fulldev/card",
+    "@fulldev/checkbox",
+    "@fulldev/collapsible",
+    "@fulldev/combobox",
+    "@fulldev/command",
+    "@fulldev/dialog",
+    "@fulldev/dropdown-menu",
+    "@fulldev/empty",
+    "@fulldev/field",
+    "@fulldev/header",
+    "@fulldev/input",
+    "@fulldev/input-group",
+    "@fulldev/item",
+    "@fulldev/label",
+    "@fulldev/logo",
+    "@fulldev/marquee",
+    "@fulldev/native-select",
+    "@fulldev/navigation-menu",
+    "@fulldev/price",
+    "@fulldev/radio-group",
+    "@fulldev/rating",
+    "@fulldev/select",
+    "@fulldev/section",
+    "@fulldev/separator",
+    "@fulldev/sheet",
+    "@fulldev/sidebar",
+    "@fulldev/slider",
+    "@fulldev/skeleton",
+    "@fulldev/spinner",
+    "@fulldev/switch",
+    "@fulldev/table",
+    "@fulldev/tabs",
+    "@fulldev/textarea",
+    "@fulldev/theme-toggle",
+    "@fulldev/toc",
+    "@fulldev/tooltip",
+    "@fulldev/typography",
+    "@fulldev/video",
+    "@fulldev/layout"
+  ],
+  "type": "registry:item"
+}

package/public/r/contact-1.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "contact-1",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/field",
+    "@fulldev/input",
+    "@fulldev/section",
+    "@fulldev/textarea",
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/contact-1.astro",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Field,\n  FieldDescription,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSet,\n} from \"@/components/ui/field\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Input } from \"@/components/ui/input\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  contactItems: {\n    icon: string\n    title: string\n    description: string\n    href?: string\n  }[]\n  form: {\n    legend: string\n    nameLabel: string\n    namePlaceholder: string\n    emailLabel: string\n    emailPlaceholder: string\n    messageLabel: string\n    messagePlaceholder: string\n    messageDescription: string\n    actionLabel: string\n  }\n}\n\nconst { class: className, title, description, contactItems, form } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center gap-6 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <p\n        class=\"text-muted-foreground max-w-2xl text-lg leading-relaxed text-balance\"\n      >\n        {description}\n      </p>\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n      {\n        contactItems.map((item) => (\n          <div class=\"flex flex-col gap-3 rounded-xl border p-5\">\n            {item.href ? (\n              <Button\n                as=\"a\"\n                href={item.href}\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            ) : (\n              <Button\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            )}\n            <h3 class=\"text-foreground text-sm font-medium\">{item.title}</h3>\n            <p class=\"text-muted-foreground text-sm leading-relaxed\">\n              {item.description}\n            </p>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"mx-auto w-full max-w-2xl rounded-xl border p-6 sm:p-8\">\n      <FieldSet>\n        <FieldLegend class=\"sr-only\">{form.legend}</FieldLegend>\n        <FieldGroup>\n          <div class=\"grid gap-4 md:grid-cols-2\">\n            <Field>\n              <FieldLabel for=\"contact-name-1\">{form.nameLabel}</FieldLabel>\n              <Input id=\"contact-name-1\" placeholder={form.namePlaceholder} />\n            </Field>\n            <Field>\n              <FieldLabel for=\"contact-email-1\">{form.emailLabel}</FieldLabel>\n              <Input\n                id=\"contact-email-1\"\n                type=\"email\"\n                placeholder={form.emailPlaceholder}\n              />\n            </Field>\n          </div>\n          <Field>\n            <FieldLabel for=\"contact-message-1\">{form.messageLabel}</FieldLabel>\n            <Textarea\n              id=\"contact-message-1\"\n              rows={5}\n              placeholder={form.messagePlaceholder}\n            />\n            <FieldDescription>{form.messageDescription}</FieldDescription>\n          </Field>\n          <Button size=\"lg\" class=\"w-full\">{form.actionLabel}</Button>\n        </FieldGroup>\n      </FieldSet>\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}

package/public/r/contact-2.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "contact-2",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/field",
+    "@fulldev/input",
+    "@fulldev/section",
+    "@fulldev/textarea",
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/contact-2.astro",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Field,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSet,\n} from \"@/components/ui/field\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Input } from \"@/components/ui/input\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  contactItems: {\n    icon: string\n    title: string\n    description: string\n    href?: string\n  }[]\n  form: {\n    title: string\n    legend: string\n    nameLabel: string\n    namePlaceholder: string\n    emailLabel: string\n    emailPlaceholder: string\n    messageLabel: string\n    messagePlaceholder: string\n    actionLabel: string\n  }\n}\n\nconst { class: className, title, description, contactItems, form } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer\n    class=\"grid gap-10 lg:grid-cols-[minmax(0,1fr)_22rem] lg:items-start\"\n  >\n    <div class=\"flex flex-col gap-6\">\n      <div class=\"flex flex-col gap-4\">\n        <h2\n          class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n        >\n          {title}\n        </h2>\n        <p class=\"text-muted-foreground max-w-xl text-base leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <div class=\"rounded-xl border p-6\">\n        <div class=\"mb-6\">\n          <h3 class=\"text-lg font-medium\">{form.title}</h3>\n        </div>\n        <FieldSet>\n          <FieldLegend class=\"sr-only\">{form.legend}</FieldLegend>\n          <FieldGroup>\n            <div class=\"grid gap-4 md:grid-cols-2\">\n              <Field>\n                <FieldLabel for=\"contact-name-2\">{form.nameLabel}</FieldLabel>\n                <Input id=\"contact-name-2\" placeholder={form.namePlaceholder} />\n              </Field>\n              <Field>\n                <FieldLabel for=\"contact-email-2\">{form.emailLabel}</FieldLabel>\n                <Input\n                  id=\"contact-email-2\"\n                  type=\"email\"\n                  placeholder={form.emailPlaceholder}\n                />\n              </Field>\n            </div>\n            <Field>\n              <FieldLabel for=\"contact-message-2\"\n                >{form.messageLabel}</FieldLabel\n              >\n              <Textarea\n                id=\"contact-message-2\"\n                rows={5}\n                placeholder={form.messagePlaceholder}\n              />\n            </Field>\n            <Button size=\"lg\" class=\"w-full\">{form.actionLabel}</Button>\n          </FieldGroup>\n        </FieldSet>\n      </div>\n    </div>\n\n    <div class=\"flex flex-col gap-3\">\n      {\n        contactItems.map((item) => (\n          <div class=\"flex gap-4 rounded-xl border p-4\">\n            {item.href ? (\n              <Button\n                as=\"a\"\n                href={item.href}\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary shrink-0\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            ) : (\n              <Button\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary shrink-0\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            )}\n            <div class=\"flex flex-col gap-1\">\n              <p class=\"text-foreground text-sm font-medium\">{item.title}</p>\n              <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                {item.description}\n              </p>\n            </div>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}

package/public/r/contact-3.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "contact-3",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/field",
+    "@fulldev/input",
+    "@fulldev/section",
+    "@fulldev/textarea",
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/contact-3.astro",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Field,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSet,\n} from \"@/components/ui/field\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Input } from \"@/components/ui/input\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  contactItems: {\n    icon: string\n    title: string\n    description: string\n    href?: string\n  }[]\n  form: {\n    legend: string\n    nameLabel: string\n    namePlaceholder: string\n    emailLabel: string\n    emailPlaceholder: string\n    messageLabel: string\n    messagePlaceholder: string\n    actionLabel: string\n  }\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  contactItems,\n  form,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"grid gap-12 lg:grid-cols-2 lg:items-start\">\n    <div class=\"flex flex-col gap-8\">\n      <div class=\"flex flex-col gap-4\">\n        <h2\n          class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n        >\n          {title}\n        </h2>\n        <p class=\"text-muted-foreground max-w-xl text-base leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <div class=\"grid gap-4 sm:grid-cols-2\">\n        {\n          contactItems.map((item) => (\n            <div class=\"flex gap-4\">\n              {item.href ? (\n                <Button\n                  as=\"a\"\n                  href={item.href}\n                  variant=\"secondary\"\n                  size=\"icon\"\n                  class=\"text-primary shrink-0\"\n                  aria-label={item.title}\n                >\n                  <Icon name={item.icon} />\n                </Button>\n              ) : (\n                <Button\n                  variant=\"secondary\"\n                  size=\"icon\"\n                  class=\"text-primary shrink-0\"\n                  aria-label={item.title}\n                >\n                  <Icon name={item.icon} />\n                </Button>\n              )}\n              <div class=\"flex flex-col gap-1\">\n                <p class=\"text-foreground text-sm font-medium\">{item.title}</p>\n                <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                  {item.description}\n                </p>\n              </div>\n            </div>\n          ))\n        }\n      </div>\n      <div class=\"rounded-xl border p-6\">\n        <FieldSet>\n          <FieldLegend class=\"sr-only\">{form.legend}</FieldLegend>\n          <FieldGroup>\n            <div class=\"grid gap-4 md:grid-cols-2\">\n              <Field>\n                <FieldLabel for=\"contact-name-3\">{form.nameLabel}</FieldLabel>\n                <Input id=\"contact-name-3\" placeholder={form.namePlaceholder} />\n              </Field>\n              <Field>\n                <FieldLabel for=\"contact-email-3\">{form.emailLabel}</FieldLabel>\n                <Input\n                  id=\"contact-email-3\"\n                  type=\"email\"\n                  placeholder={form.emailPlaceholder}\n                />\n              </Field>\n            </div>\n            <Field>\n              <FieldLabel for=\"contact-message-3\"\n                >{form.messageLabel}</FieldLabel\n              >\n              <Textarea\n                id=\"contact-message-3\"\n                rows={5}\n                placeholder={form.messagePlaceholder}\n              />\n            </Field>\n            <Button size=\"lg\" class=\"w-full\">{form.actionLabel}</Button>\n          </FieldGroup>\n        </FieldSet>\n      </div>\n    </div>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-3/4 w-full rounded-xl border object-cover lg:sticky lg:top-24\"\n      widths={[640, 960, 1280]}\n      sizes=\"(min-width: 1024px) 50vw, 100vw\"\n    />\n  </SectionContainer>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}

package/public/r/content-1.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "content-1",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/section",
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/content-1.astro",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features?: string[]\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-6\">\n    <div class=\"flex flex-col gap-4\">\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <p class=\"text-muted-foreground text-lg leading-relaxed text-balance\">\n        {description}\n      </p>\n    </div>\n    {\n      features?.length && (\n        <ul class=\"flex flex-col gap-3\">\n          {features.map((feature) => (\n            <li class=\"flex items-center gap-3 text-sm\">\n              <Icon name=\"check\" class=\"text-primary size-4 shrink-0\" />\n              {feature}\n            </li>\n          ))}\n        </ul>\n      )\n    }\n    {\n      buttons?.length && (\n        <div class=\"flex flex-wrap gap-3\">\n          {buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              size=\"lg\"\n              variant={\n                button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n              }\n              {...button}\n            >\n              {label}\n            </Button>\n          ))}\n        </div>\n      )\n    }\n  </SectionContainer>\n  <SectionContainer>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-video w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280, 1536]}\n      sizes=\"(min-width: 80rem) 80rem, 100vw\"\n    />\n  </SectionContainer>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}