fulldev-ui 0.10.1 → 0.11.0

package/public/r/hero-9.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "hero-9",
+  "title": "Hero 9",
+  "description": "Hero sections for launches, product storytelling, editorial pages, and social proof.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -13,9 +15,13 @@
   "files": [
     {
       "path": "src/components/blocks/hero-9.astro",
-      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\nimport { CheckIcon } from \"@lucide/astro\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Rating } from \"@/components/ui/rating\"\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  socialProof: {\n    avatars: {\n      image?: ImageMetadata\n      initials: string\n      name?: string\n    }[]\n    rating: number\n    text: string\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  socialProof,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"dark bg-background\", className)}>\n  <SectionContainer class=\"grid gap-12 lg:grid-cols-2 lg:items-center\">\n    <div class=\"relative z-10 flex flex-col gap-6\">\n      <div class=\"flex flex-col gap-4\">\n        <h1\n          class=\"text-foreground text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl\"\n        >\n          {title}\n        </h1>\n        <p class=\"text-foreground/80 text-lg leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <ul class=\"flex flex-col gap-3\">\n        {\n          features.map((feature) => (\n            <li class=\"flex items-center gap-3 text-sm\">\n              <CheckIcon class=\"text-primary size-4 shrink-0\" />\n              {feature}\n            </li>\n          ))\n        }\n      </ul>\n      <div class=\"flex flex-wrap gap-3\">\n        {\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        }\n      </div>\n      <div class=\"flex items-center gap-3\">\n        <AvatarGroup>\n          {\n            socialProof.avatars.map((avatar) => (\n              <Avatar class=\"ring-background size-11 ring\">\n                <AvatarImage\n                  src={avatar.image}\n                  alt={avatar.name ?? avatar.initials}\n                />\n                <AvatarFallback>{avatar.initials}</AvatarFallback>\n              </Avatar>\n            ))\n          }\n        </AvatarGroup>\n        <div class=\"flex flex-col gap-0.5\">\n          <Rating value={socialProof.rating} />\n          <span class=\"text-muted-foreground text-xs\">{socialProof.text}</span>\n        </div>\n      </div>\n    </div>\n  </SectionContainer>\n  <div\n    class=\"bg-background pointer-events-none absolute inset-0 lg:mask-l-from-30%\"\n  >\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"size-full object-cover opacity-50\"\n      widths={[640, 960, 1280, 1920]}\n      sizes=\"100vw\"\n      loading=\"eager\"\n    />\n  </div>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\nimport type { HTMLAttributes } from \"astro/types\"\nimport { CheckIcon } from \"@lucide/astro\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Rating } from \"@/components/ui/rating\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\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  socialProof: {\n    avatars: {\n      image?: ImageMetadata\n      initials: string\n      name?: string\n    }[]\n    rating: number\n    text: string\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  socialProof,\n  image,\n  ...props\n} = Astro.props\n---\n\n<Section class={cn(\"dark bg-background\", className)} {...props}>\n  <SectionContainer class=\"grid gap-12 lg:grid-cols-2 lg:items-center\">\n    <div class=\"relative z-10 flex flex-col gap-6\">\n      <div class=\"flex flex-col gap-4\">\n        <h1\n          class=\"text-foreground text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl\"\n        >\n          {title}\n        </h1>\n        <p class=\"text-foreground/80 text-lg leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <ul class=\"flex flex-col gap-3\">\n        {\n          features.map((feature) => (\n            <li class=\"flex items-center gap-3 text-sm\">\n              <CheckIcon class=\"text-primary size-4 shrink-0\" />\n              {feature}\n            </li>\n          ))\n        }\n      </ul>\n      <div class=\"flex flex-wrap gap-3\">\n        {\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        }\n      </div>\n      <div class=\"flex items-center gap-3\">\n        <AvatarGroup>\n          {\n            socialProof.avatars.map((avatar) => (\n              <Avatar class=\"ring-background size-11 ring\">\n                <AvatarImage\n                  src={avatar.image}\n                  alt={avatar.name ?? avatar.initials}\n                />\n                <AvatarFallback>{avatar.initials}</AvatarFallback>\n              </Avatar>\n            ))\n          }\n        </AvatarGroup>\n        <div class=\"flex flex-col gap-0.5\">\n          <Rating value={socialProof.rating} />\n          <span class=\"text-muted-foreground text-xs\">{socialProof.text}</span>\n        </div>\n      </div>\n    </div>\n  </SectionContainer>\n  <div\n    class=\"bg-background pointer-events-none absolute inset-0 lg:mask-l-from-30%\"\n  >\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"size-full object-cover opacity-50\"\n      widths={[640, 960, 1280, 1920]}\n      sizes=\"100vw\"\n      loading=\"eager\"\n    />\n  </div>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/hero/",
+  "categories": [
+    "hero"
+  ],
   "type": "registry:block"
 }

package/public/r/hover-card.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "hover-card",
+  "title": "Hover Card",
+  "description": "For sighted users to preview content available behind a link.",
   "dependencies": [
     "@data-slot/hover-card",
     "@data-slot/core"
@@ -8,7 +10,7 @@
   "files": [
     {
       "path": "src/components/ui/hover-card/hover-card.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultOpen?: boolean\n  open?: boolean\n  delay?: number\n  skipDelayDuration?: number\n  closeDelay?: number\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  align?: \"start\" | \"center\" | \"end\"\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n  portal?: boolean\n  closeOnClickOutside?: boolean\n  closeOnEscape?: boolean\n}\n\nconst {\n  class: className,\n  defaultOpen,\n  open,\n  delay = 700,\n  skipDelayDuration = 300,\n  closeDelay = 300,\n  side = \"bottom\",\n  align = \"center\",\n  sideOffset = 4,\n  alignOffset = 0,\n  avoidCollisions = true,\n  collisionPadding = 8,\n  portal = true,\n  closeOnClickOutside = true,\n  closeOnEscape = true,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"hover-card\"\n  data-default-open={defaultOpen}\n  data-controlled-open={open}\n  data-delay={delay}\n  data-skip-delay-duration={skipDelayDuration}\n  data-close-delay={closeDelay}\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  data-portal={portal}\n  data-close-on-click-outside={closeOnClickOutside}\n  data-close-on-escape={closeOnEscape}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { getDataBool } from \"@data-slot/core\"\n  import { createHoverCard } from \"@data-slot/hover-card\"\n\n  document.querySelectorAll('[data-slot=\"hover-card\"]').forEach((root) => {\n    createHoverCard(root, { open: getDataBool(root, \"controlledOpen\") })\n  })\n</script>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultOpen?: boolean\n  open?: boolean\n  delay?: number\n  skipDelayDuration?: number\n  closeDelay?: number\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  align?: \"start\" | \"center\" | \"end\"\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n  portal?: boolean\n  closeOnClickOutside?: boolean\n  closeOnEscape?: boolean\n}\n\nconst {\n  class: className,\n  defaultOpen,\n  open,\n  delay = 700,\n  skipDelayDuration = 300,\n  closeDelay = 300,\n  side = \"bottom\",\n  align = \"center\",\n  sideOffset = 4,\n  alignOffset = 0,\n  avoidCollisions = true,\n  collisionPadding = 8,\n  portal = true,\n  closeOnClickOutside = true,\n  closeOnEscape = true,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"hover-card\"\n  data-default-open={defaultOpen}\n  data-controlled-open={open}\n  data-delay={delay}\n  data-skip-delay-duration={skipDelayDuration}\n  data-close-delay={closeDelay}\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  data-portal={portal}\n  data-close-on-click-outside={closeOnClickOutside}\n  data-close-on-escape={closeOnEscape}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { getDataBool } from \"@data-slot/core\"\n  import { createHoverCard } from \"@data-slot/hover-card\"\n\n  const initialize = () => {\n    document.querySelectorAll('[data-slot=\"hover-card\"]').forEach((root) => {\n      createHoverCard(root, { open: getDataBool(root, \"controlledOpen\") })\n    })\n  }\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n</script>\n",
       "type": "registry:ui"
     },
     {
@@ -27,5 +29,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/hover-card/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/icon.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "icon",
+  "title": "Icon",
+  "description": "Render Fulldev content icons or use Lucide and Simple Icons directly in Astro.",
   "dependencies": [
     "lucide-static",
     "simple-icons"
@@ -8,7 +10,7 @@
   "files": [
     {
       "path": "src/components/ui/icon/icon.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\ntype Props = Omit<HTMLAttributes<\"svg\">, \"name\" | \"href\"> & {\n  href?: HTMLAttributes<\"a\">[\"href\"]\n  name?: string | number\n}\n\nconst { name, href, ...props } = Astro.props\n\nconst hrefMap = {\n  \"x.com\": \"x\",\n  twitter: \"twitter\",\n  facebook: \"facebook\",\n  instagram: \"instagram\",\n  pinterest: \"pinterest\",\n  youtube: \"youtube\",\n  tiktok: \"tiktok\",\n  snapchat: \"snapchat\",\n  reddit: \"reddit\",\n  tumblr: \"tumblr\",\n  \"wa.me\": \"whatsapp\",\n  telegram: \"telegram\",\n  discord: \"discord\",\n  vimeo: \"vimeo\",\n  flickr: \"flickr\",\n  yelp: \"yelp\",\n  spotify: \"spotify\",\n  behance: \"behance\",\n  dribbble: \"dribbble\",\n  soundcloud: \"soundcloud\",\n  github: \"github\",\n  twitch: \"twitch\",\n  \"tel:\": \"phone\",\n  \"mailto:\": \"mail\",\n  \"maps.app.goo.gl\": \"map-pin\",\n  linkedin: \"linkedin\",\n} as const\n\nconst icons = import.meta.glob([\n  \"node_modules/lucide-static/icons/*.svg\",\n  \"node_modules/simple-icons/icons/*.svg\",\n])\n\nconst foundPath = () => {\n  let foundPath: string | undefined = undefined\n\n  // For x.com, use the Simple Icons X instead of Lucide's X icon.\n  if (name === \"x.com\") {\n    foundPath = \"/node_modules/simple-icons/icons/x.svg\"\n  } else if (name) {\n    foundPath = Object.keys(icons).find((key) => key.includes(`/${name}.svg`))\n  } else if (href) {\n    const hrefKey = Object.keys(hrefMap).find((key) =>\n      href.toString().includes(key)\n    )\n    const hrefValue = hrefMap[hrefKey as keyof typeof hrefMap]\n    foundPath = Object.keys(icons)\n      .reverse()\n      .find((key) => key.includes(`/${hrefValue}.svg`))\n  }\n\n  return foundPath\n}\n\nconst foundModule = foundPath() && icons[foundPath() as keyof typeof icons]\nconst module = foundModule && ((await foundModule()) as any)\nconst Comp = module?.default\n---\n\n{\n  Comp && foundPath()?.includes(\"simple-icons\") && (\n    <Comp\n      height={24}\n      width={24}\n      fill=\"currentColor\"\n      class=\"size-[1em] text-base\"\n      {...props}\n    />\n  )\n}\n\n{\n  Comp && foundPath()?.includes(\"lucide-static\") && (\n    <Comp height={24} width={24} class=\"size-[1em] text-base\" {...props} />\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\ntype Props = Omit<HTMLAttributes<\"svg\">, \"name\" | \"href\"> & {\n  href?: HTMLAttributes<\"a\">[\"href\"]\n  name?: string | number\n}\n\nconst { name, href, ...props } = Astro.props\n\nconst hrefMap = {\n  \"x.com\": \"x\",\n  twitter: \"twitter\",\n  facebook: \"facebook\",\n  instagram: \"instagram\",\n  pinterest: \"pinterest\",\n  youtube: \"youtube\",\n  tiktok: \"tiktok\",\n  snapchat: \"snapchat\",\n  reddit: \"reddit\",\n  tumblr: \"tumblr\",\n  \"wa.me\": \"whatsapp\",\n  telegram: \"telegram\",\n  discord: \"discord\",\n  vimeo: \"vimeo\",\n  flickr: \"flickr\",\n  yelp: \"yelp\",\n  spotify: \"spotify\",\n  behance: \"behance\",\n  dribbble: \"dribbble\",\n  soundcloud: \"soundcloud\",\n  github: \"github\",\n  twitch: \"twitch\",\n  \"tel:\": \"phone\",\n  \"mailto:\": \"mail\",\n  \"maps.app.goo.gl\": \"map-pin\",\n  linkedin: \"linkedin\",\n} as const\n\ntype Source = \"lucide\" | \"simple\"\n\nconst icons: Record<Source, Record<string, () => Promise<unknown>>> = {\n  lucide: import.meta.glob(\"/node_modules/lucide-static/icons/*.svg\"),\n  simple: import.meta.glob(\"/node_modules/simple-icons/icons/*.svg\"),\n}\n\nconst pathFor = (source: Source, icon: string) =>\n  source === \"lucide\"\n    ? `/node_modules/lucide-static/icons/${icon}.svg`\n    : `/node_modules/simple-icons/icons/${icon}.svg`\n\n// Resolve an icon by explicit name, or derive one from a link href.\n// Names may be prefixed with `lucide:` or `simple:` to pick a set when both\n// sets contain the same name (for example `github` or `figma`).\nconst resolve = () => {\n  let key = name != null && name !== \"\" ? String(name) : undefined\n  let order: Source[] = [\"lucide\", \"simple\"]\n\n  if (!key && href) {\n    const hrefKey = Object.keys(hrefMap).find((candidate) =>\n      href.toString().includes(candidate)\n    )\n    if (hrefKey) {\n      key = hrefMap[hrefKey as keyof typeof hrefMap]\n      order = [\"simple\", \"lucide\"]\n    }\n  }\n\n  if (!key) return undefined\n  if (key === \"x.com\") key = \"simple:x\"\n\n  const [prefix, icon] = key.includes(\":\") ? key.split(\":\") : [undefined, key]\n  if (prefix === \"lucide\" || prefix === \"simple\") order = [prefix]\n\n  for (const source of order) {\n    const path = pathFor(source, icon)\n    if (path in icons[source]) return { source, path }\n  }\n\n  return undefined\n}\n\nconst resolved = resolve()\nconst module = resolved\n  ? ((await icons[resolved.source][resolved.path]()) as { default?: any })\n  : undefined\nconst Comp = module?.default\n\nconst isLabelled =\n  \"aria-label\" in props || \"aria-labelledby\" in props || \"role\" in props\n---\n\n{\n  Comp && resolved && (\n    <Comp\n      height={24}\n      width={24}\n      fill={resolved.source === \"simple\" ? \"currentColor\" : \"none\"}\n      class=\"size-[1em] text-base\"\n      aria-hidden={isLabelled ? undefined : \"true\"}\n      {...props}\n    />\n  )\n}\n",
       "type": "registry:ui"
     },
     {
@@ -17,5 +19,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/icon/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/init.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "init",
+  "title": "Init",
+  "description": "Shared setup: class helper, Tailwind token layer, and dependencies.",
+  "dependencies": [
+    "class-variance-authority",
+    "clsx",
+    "shadcn",
+    "tailwind-merge",
+    "tw-animate-css"
+  ],
+  "files": [
+    {
+      "path": "src/lib/utils.ts",
+      "content": "import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n",
+      "type": "registry:lib"
+    },
+    {
+      "path": "registry/init/global.css",
+      "content": "@import \"tailwindcss\";\n@import \"tw-animate-css\";\n@import \"shadcn/tailwind.css\";\n\n@custom-variant dark (&:where(.dark, .dark *));\n\n:root {\n  --background: oklch(1 0 0);\n  --foreground: oklch(0.145 0 0);\n  --card: oklch(1 0 0);\n  --card-foreground: oklch(0.145 0 0);\n  --popover: oklch(1 0 0);\n  --popover-foreground: oklch(0.145 0 0);\n  --primary: oklch(0.5488 0.2498 261.783);\n  --primary-foreground: oklch(1 0 0);\n  --secondary: oklch(0.97 0 0);\n  --secondary-foreground: oklch(0.205 0 0);\n  --muted: oklch(0.97 0 0);\n  --muted-foreground: oklch(0.556 0 0);\n  --accent: oklch(0.97 0 0);\n  --accent-foreground: oklch(0.205 0 0);\n  --destructive: oklch(0.577 0.245 27.325);\n  --destructive-foreground: oklch(1 0 0);\n  --border: oklch(0.922 0 0);\n  --input: oklch(0.922 0 0);\n  --ring: oklch(0.708 0 0);\n  --chart-1: oklch(0.81 0.1 252);\n  --chart-2: oklch(0.62 0.19 260);\n  --chart-3: oklch(0.55 0.22 263);\n  --chart-4: oklch(0.49 0.22 264);\n  --chart-5: oklch(0.42 0.18 266);\n  --sidebar: oklch(0.985 0 0);\n  --sidebar-foreground: oklch(0.145 0 0);\n  --sidebar-primary: oklch(0.5488 0.2498 261.783);\n  --sidebar-primary-foreground: oklch(1 0 0);\n  --sidebar-accent: oklch(0.97 0 0);\n  --sidebar-accent-foreground: oklch(0.205 0 0);\n  --sidebar-border: oklch(0.922 0 0);\n  --sidebar-ring: oklch(0.708 0 0);\n  --radius: 0.625rem;\n  --shadow-x: 0;\n  --shadow-y: 1px;\n  --shadow-blur: 3px;\n  --shadow-spread: 0px;\n  --shadow-opacity: 0.1;\n  --shadow-color: oklch(0 0 0);\n  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);\n  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);\n  --shadow-sm:\n    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);\n  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);\n  --shadow-md:\n    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);\n  --shadow-lg:\n    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);\n  --shadow-xl:\n    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);\n  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);\n  --tracking-normal: 0em;\n  --spacing: 0.25rem;\n}\n\n.dark {\n  --background: oklch(0.145 0 0);\n  --foreground: oklch(0.985 0 0);\n  --card: oklch(0.205 0 0);\n  --card-foreground: oklch(0.985 0 0);\n  --popover: oklch(0.269 0 0);\n  --popover-foreground: oklch(0.985 0 0);\n  --primary: oklch(0.686 0.2105 41.139);\n  --primary-foreground: oklch(1 0 0);\n  --secondary: oklch(0.269 0 0);\n  --secondary-foreground: oklch(0.985 0 0);\n  --muted: oklch(0.269 0 0);\n  --muted-foreground: oklch(0.708 0 0);\n  --accent: oklch(0.371 0 0);\n  --accent-foreground: oklch(0.985 0 0);\n  --destructive: oklch(0.704 0.191 22.216);\n  --destructive-foreground: oklch(0.985 0 0);\n  --border: oklch(0.275 0 0);\n  --input: oklch(0.325 0 0);\n  --ring: oklch(0.556 0 0);\n  --chart-1: oklch(0.81 0.1 252);\n  --chart-2: oklch(0.62 0.19 260);\n  --chart-3: oklch(0.55 0.22 263);\n  --chart-4: oklch(0.49 0.22 264);\n  --chart-5: oklch(0.42 0.18 266);\n  --sidebar: oklch(0.205 0 0);\n  --sidebar-foreground: oklch(0.985 0 0);\n  --sidebar-primary: oklch(0.686 0.2105 41.139);\n  --sidebar-primary-foreground: oklch(1 0 0);\n  --sidebar-accent: oklch(0.269 0 0);\n  --sidebar-accent-foreground: oklch(0.985 0 0);\n  --sidebar-border: oklch(0.275 0 0);\n  --sidebar-ring: oklch(0.439 0 0);\n  --radius: 0.625rem;\n  --shadow-x: 0;\n  --shadow-y: 1px;\n  --shadow-blur: 3px;\n  --shadow-spread: 0px;\n  --shadow-opacity: 0.1;\n  --shadow-color: oklch(0 0 0);\n  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);\n  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);\n  --shadow-sm:\n    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);\n  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);\n  --shadow-md:\n    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);\n  --shadow-lg:\n    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);\n  --shadow-xl:\n    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);\n  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);\n}\n\n@theme inline {\n  --color-background: var(--background);\n  --color-foreground: var(--foreground);\n  --color-card: var(--card);\n  --color-card-foreground: var(--card-foreground);\n  --color-popover: var(--popover);\n  --color-popover-foreground: var(--popover-foreground);\n  --color-primary: var(--primary);\n  --color-primary-foreground: var(--primary-foreground);\n  --color-secondary: var(--secondary);\n  --color-secondary-foreground: var(--secondary-foreground);\n  --color-muted: var(--muted);\n  --color-muted-foreground: var(--muted-foreground);\n  --color-accent: var(--accent);\n  --color-accent-foreground: var(--accent-foreground);\n  --color-destructive: var(--destructive);\n  --color-destructive-foreground: var(--destructive-foreground);\n  --color-border: var(--border);\n  --color-input: var(--input);\n  --color-ring: var(--ring);\n  --color-chart-1: var(--chart-1);\n  --color-chart-2: var(--chart-2);\n  --color-chart-3: var(--chart-3);\n  --color-chart-4: var(--chart-4);\n  --color-chart-5: var(--chart-5);\n  --color-sidebar: var(--sidebar);\n  --color-sidebar-foreground: var(--sidebar-foreground);\n  --color-sidebar-primary: var(--sidebar-primary);\n  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n  --color-sidebar-accent: var(--sidebar-accent);\n  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n  --color-sidebar-border: var(--sidebar-border);\n  --color-sidebar-ring: var(--sidebar-ring);\n\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: var(--radius);\n  --radius-xl: calc(var(--radius) + 4px);\n\n  --shadow-2xs: var(--shadow-2xs);\n  --shadow-xs: var(--shadow-xs);\n  --shadow-sm: var(--shadow-sm);\n  --shadow: var(--shadow);\n  --shadow-md: var(--shadow-md);\n  --shadow-lg: var(--shadow-lg);\n  --shadow-xl: var(--shadow-xl);\n  --shadow-2xl: var(--shadow-2xl);\n}\n\n@layer base {\n  * {\n    @apply border-border outline-ring/50;\n  }\n  html {\n    @apply font-sans;\n  }\n  body {\n    @apply bg-background text-foreground font-sans;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  ::before,\n  ::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n",
+      "type": "registry:style",
+      "target": "src/styles/global.css"
+    }
+  ],
+  "docs": "https://ui.full.dev/docs/installation/",
+  "type": "registry:base"
+}

package/public/r/input-group.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "input-group",
+  "title": "Input Group",
+  "description": "Add addons, buttons, and helper content to inputs.",
   "registryDependencies": [
     "@fulldev/button",
     "@fulldev/dropdown-menu",
@@ -44,5 +46,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/input-group/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/input.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "input",
+  "title": "Input",
+  "description": "Displays a form input field or a component that looks like an input field.",
   "files": [
     {
       "path": "src/components/ui/input/input.astro",
@@ -13,5 +15,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/input/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/item.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "item",
+  "title": "Item",
+  "description": "A flexible container for displaying content items with various styles.",
   "files": [
     {
       "path": "src/components/ui/item/item.astro",
@@ -43,5 +45,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/item/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/kbd.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "kbd",
+  "title": "Kbd",
+  "description": "Used to display textual user input from keyboard.",
   "files": [
     {
       "path": "src/components/ui/kbd/kbd.astro",
@@ -18,5 +20,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/kbd/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/label.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "label",
+  "title": "Label",
+  "description": "Renders an accessible label associated with a control.",
   "files": [
     {
       "path": "src/components/ui/label/label.astro",
@@ -13,5 +15,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/label/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/layout.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "layout",
+  "title": "Layout",
+  "description": "Page-shell primitives for the root html, head, body, and main structure.",
   "files": [
     {
       "path": "src/components/ui/layout/layout.astro",
@@ -28,5 +30,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/layout/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/links-2.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "links-2",
+  "title": "Links 2",
+  "description": "Link carousel blocks for presenting related pages, components, or resources.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -15,9 +17,13 @@
   "files": [
     {
       "path": "src/components/blocks/links-2.astro",
-      "content": "---\nimport ArrowRightIcon from \"@lucide/astro/icons/arrow-right\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  links: {\n    href: string\n    title: string\n    description: string\n    preview?: string\n  }[]\n}\n\nconst { class: className, title, description, links } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-10\">\n    <div class=\"flex min-w-0 flex-col gap-4 border-b pb-8\">\n      <h2\n        class=\"text-foreground text-2xl font-semibold tracking-tight text-balance sm:text-3xl\"\n      >\n        {title}\n      </h2>\n      <p class=\"text-muted-foreground max-w-2xl text-base leading-7\">\n        {description}\n      </p>\n    </div>\n\n    <div class=\"grid gap-2 md:grid-cols-2 xl:grid-cols-3\">\n      {\n        links.map((item) => (\n          <a\n            href={item.href}\n            class=\"bg-muted/40 hover:bg-muted/60 focus-visible:ring-ring/50 group/link rounded-lg px-4 py-4 transition-colors focus-visible:ring-2 focus-visible:outline-none\"\n          >\n            <span class=\"flex min-w-0 items-center justify-between gap-3\">\n              <span class=\"text-sm font-medium\">{item.title}</span>\n              <ArrowRightIcon class=\"text-muted-foreground size-3.5 shrink-0 transition-transform group-hover/link:translate-x-0.5\" />\n            </span>\n            <span class=\"text-muted-foreground mt-1 block text-sm leading-6\">\n              {item.description}\n            </span>\n          </a>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport ArrowRightIcon from \"@lucide/astro/icons/arrow-right\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title: string\n  description: string\n  links: {\n    href: string\n    title: string\n    description: string\n    preview?: string\n  }[]\n}\n\nconst { class: className, title, description, links, ...props } = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"gap-10\">\n    <div class=\"flex min-w-0 flex-col gap-4 border-b pb-8\">\n      <h2\n        class=\"text-foreground text-2xl font-semibold tracking-tight text-balance sm:text-3xl\"\n      >\n        {title}\n      </h2>\n      <p class=\"text-muted-foreground max-w-2xl text-base leading-7\">\n        {description}\n      </p>\n    </div>\n\n    <div class=\"grid gap-2 md:grid-cols-2 xl:grid-cols-3\">\n      {\n        links.map((item) => (\n          <a\n            href={item.href}\n            class=\"bg-muted/40 hover:bg-muted/60 focus-visible:ring-ring/50 group/link rounded-lg px-4 py-4 transition-colors focus-visible:ring-2 focus-visible:outline-none\"\n          >\n            <span class=\"flex min-w-0 items-center justify-between gap-3\">\n              <span class=\"text-sm font-medium\">{item.title}</span>\n              <ArrowRightIcon class=\"text-muted-foreground size-3.5 shrink-0 transition-transform group-hover/link:translate-x-0.5\" />\n            </span>\n            <span class=\"text-muted-foreground mt-1 block text-sm leading-6\">\n              {item.description}\n            </span>\n          </a>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/links/",
+  "categories": [
+    "links"
+  ],
   "type": "registry:block"
 }

package/public/r/logo.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "logo",
+  "title": "Logo",
+  "description": "A component for displaying a brand logo.",
   "files": [
     {
       "path": "src/components/ui/logo/logo.astro",
@@ -23,5 +25,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/logo/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/logos-1.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "logos-1",
+  "title": "Logos 1",
+  "description": "Logo sections for trust, partner strips, and quiet social proof.",
   "registryDependencies": [
     "@fulldev/logo",
     "@fulldev/section"
@@ -8,9 +10,13 @@
   "files": [
     {
       "path": "src/components/blocks/logos-1.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description?: string\n  brands: {\n    name: string\n    href?: string\n  }[]\n}\n\nconst { class: className, title, description, brands } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center gap-10 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      {\n        description && (\n          <p class=\"text-muted-foreground text-lg leading-relaxed text-balance\">\n            {description}\n          </p>\n        )\n      }\n    </div>\n    <div\n      class=\"text-muted-foreground flex w-full flex-wrap items-center justify-center gap-x-12 gap-y-6\"\n    >\n      {\n        brands.map((brand) => (\n          <Logo\n            class=\"hover:text-foreground grayscale transition-all hover:grayscale-0\"\n            href={brand.href}\n          >\n            <LogoText>{brand.name}</LogoText>\n          </Logo>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport {\n  Section,\n  SectionContainer,\n  SectionDescription,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title: string\n  description?: string\n  brands: {\n    name: string\n    href?: string\n  }[]\n}\n\nconst { class: className, title, description, brands, ...props } = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"items-center gap-10 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      <SectionTitle>\n        {title}\n      </SectionTitle>\n      {description && <SectionDescription>{description}</SectionDescription>}\n    </div>\n    <div\n      class=\"text-muted-foreground flex w-full flex-wrap items-center justify-center gap-x-12 gap-y-6\"\n    >\n      {\n        brands.map((brand) => (\n          <Logo\n            class=\"hover:text-foreground grayscale transition-all hover:grayscale-0\"\n            href={brand.href}\n          >\n            <LogoText>{brand.name}</LogoText>\n          </Logo>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/logos/",
+  "categories": [
+    "logos"
+  ],
   "type": "registry:block"
 }

package/public/r/logos-2.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "logos-2",
+  "title": "Logos 2",
+  "description": "Logo sections for trust, partner strips, and quiet social proof.",
   "registryDependencies": [
     "@fulldev/logo",
     "@fulldev/marquee",
@@ -9,9 +11,13 @@
   "files": [
     {
       "path": "src/components/blocks/logos-2.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Marquee } from \"@/components/ui/marquee\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title?: string\n  description?: string\n  brands: {\n    name: string\n    href?: string\n  }[]\n}\n\nconst { class: className, title, description, brands } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  {\n    (title || description) && (\n      <SectionContainer class=\"items-center gap-4 text-center\">\n        {title && (\n          <h2 class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\">\n            {title}\n          </h2>\n        )}\n        {description && (\n          <p class=\"text-muted-foreground max-w-2xl text-lg leading-relaxed text-balance\">\n            {description}\n          </p>\n        )}\n      </SectionContainer>\n    )\n  }\n  <Marquee\n    class=\"text-muted-foreground mask-x-from-90%\"\n    gap=\"3rem\"\n    duration=\"30s\"\n    pauseOnHover\n    infinite\n  >\n    {\n      brands.map((brand) => (\n        <Logo\n          class=\"hover:text-foreground grayscale transition-all hover:grayscale-0\"\n          href={brand.href}\n        >\n          <LogoText>{brand.name}</LogoText>\n        </Logo>\n      ))\n    }\n  </Marquee>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Marquee } from \"@/components/ui/marquee\"\nimport {\n  Section,\n  SectionContainer,\n  SectionDescription,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title?: string\n  description?: string\n  brands: {\n    name: string\n    href?: string\n  }[]\n}\n\nconst { class: className, title, description, brands, ...props } = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  {\n    (title || description) && (\n      <SectionContainer class=\"items-center gap-4 text-center\">\n        {title && <SectionTitle>{title}</SectionTitle>}\n        {description && (\n          <SectionDescription class=\"max-w-2xl\">\n            {description}\n          </SectionDescription>\n        )}\n      </SectionContainer>\n    )\n  }\n  <Marquee\n    class=\"text-muted-foreground mask-x-from-90%\"\n    gap=\"3rem\"\n    duration=\"30s\"\n    pauseOnHover\n    infinite\n  >\n    {\n      brands.map((brand) => (\n        <Logo\n          class=\"hover:text-foreground grayscale transition-all hover:grayscale-0\"\n          href={brand.href}\n        >\n          <LogoText>{brand.name}</LogoText>\n        </Logo>\n      ))\n    }\n  </Marquee>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/logos/",
+  "categories": [
+    "logos"
+  ],
   "type": "registry:block"
 }

package/public/r/logos-3.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "logos-3",
+  "title": "Logos 3",
+  "description": "Logo sections for trust, partner strips, and quiet social proof.",
   "registryDependencies": [
     "@fulldev/logo",
     "@fulldev/section"
@@ -8,9 +10,13 @@
   "files": [
     {
       "path": "src/components/blocks/logos-3.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  brands: {\n    name: string\n    href?: string\n  }[]\n}\n\nconst { class: className, brands } = Astro.props\n---\n\n<Section class={cn(\"py-12 lg:py-16\", className)}>\n  <SectionContainer>\n    <div\n      class=\"text-muted-foreground flex flex-wrap items-center justify-center gap-x-12 gap-y-6\"\n    >\n      {\n        brands.map((brand) => (\n          <Logo\n            class=\"hover:text-foreground grayscale transition-all hover:grayscale-0\"\n            href={brand.href}\n          >\n            <LogoText>{brand.name}</LogoText>\n          </Logo>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  brands: {\n    name: string\n    href?: string\n  }[]\n}\n\nconst { class: className, brands, ...props } = Astro.props\n---\n\n<Section class={cn(\"py-12 lg:py-16\", className)} {...props}>\n  <SectionContainer>\n    <div\n      class=\"text-muted-foreground flex flex-wrap items-center justify-center gap-x-12 gap-y-6\"\n    >\n      {\n        brands.map((brand) => (\n          <Logo\n            class=\"hover:text-foreground grayscale transition-all hover:grayscale-0\"\n            href={brand.href}\n          >\n            <LogoText>{brand.name}</LogoText>\n          </Logo>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/logos/",
+  "categories": [
+    "logos"
+  ],
   "type": "registry:block"
 }

package/public/r/marquee.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "marquee",
+  "title": "Marquee",
+  "description": "A continuous scrolling animation component for displaying content in a loop.",
   "files": [
     {
       "path": "src/components/ui/marquee/marquee.astro",
@@ -13,5 +15,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/marquee/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/native-select.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "native-select",
+  "title": "Native Select",
+  "description": "A styled native HTML select element with consistent design system integration.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -26,5 +28,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/native-select/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/navigation-menu.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "navigation-menu",
+  "title": "Navigation Menu",
+  "description": "A collection of links for navigating websites.",
   "dependencies": [
     "@data-slot/navigation-menu",
     "@lucide/astro"
@@ -8,7 +10,7 @@
   "files": [
     {
       "path": "src/components/ui/navigation-menu/navigation-menu.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport NavigationMenuPositioner from \"./navigation-menu-positioner.astro\"\n\ntype Props = HTMLAttributes<\"nav\"> & {\n  delayOpen?: number\n  delayClose?: number\n  openOnFocus?: boolean\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  align?: \"start\" | \"center\" | \"end\"\n  sideOffset?: number\n  alignOffset?: number\n  positionMethod?: \"absolute\" | \"fixed\"\n  safeTriangle?: boolean\n  debugSafeTriangle?: boolean\n}\n\nconst {\n  class: className = \"\",\n  delayOpen = 0,\n  delayClose = 0,\n  openOnFocus,\n  side = \"bottom\",\n  align = \"start\",\n  sideOffset = 0,\n  alignOffset = 0,\n  positionMethod = \"absolute\",\n  safeTriangle,\n  debugSafeTriangle,\n  ...props\n} = Astro.props\n---\n\n<nav\n  {...props}\n  data-slot=\"navigation-menu\"\n  data-delay-open={delayOpen}\n  data-delay-close={delayClose}\n  data-open-on-focus={openOnFocus}\n  data-side={side}\n  data-align={align}\n  data-side-offset={sideOffset}\n  data-align-offset={alignOffset}\n  data-position-method={positionMethod}\n  data-safe-triangle={safeTriangle}\n  data-debug-safe-triangle={debugSafeTriangle}\n  class={cn(\n    \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n    className\n  )}\n>\n  <slot />\n  <NavigationMenuPositioner align={align} />\n</nav>\n\n<script>\n  import { create } from \"@data-slot/navigation-menu\"\n\n  create()\n</script>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport NavigationMenuPositioner from \"./navigation-menu-positioner.astro\"\n\ntype Props = HTMLAttributes<\"nav\"> & {\n  delayOpen?: number\n  delayClose?: number\n  openOnFocus?: boolean\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  align?: \"start\" | \"center\" | \"end\"\n  sideOffset?: number\n  alignOffset?: number\n  positionMethod?: \"absolute\" | \"fixed\"\n  safeTriangle?: boolean\n  debugSafeTriangle?: boolean\n}\n\nconst {\n  class: className = \"\",\n  delayOpen = 0,\n  delayClose = 0,\n  openOnFocus,\n  side = \"bottom\",\n  align = \"start\",\n  sideOffset = 0,\n  alignOffset = 0,\n  positionMethod = \"absolute\",\n  safeTriangle,\n  debugSafeTriangle,\n  ...props\n} = Astro.props\n---\n\n<nav\n  {...props}\n  data-slot=\"navigation-menu\"\n  data-delay-open={delayOpen}\n  data-delay-close={delayClose}\n  data-open-on-focus={openOnFocus}\n  data-side={side}\n  data-align={align}\n  data-side-offset={sideOffset}\n  data-align-offset={alignOffset}\n  data-position-method={positionMethod}\n  data-safe-triangle={safeTriangle}\n  data-debug-safe-triangle={debugSafeTriangle}\n  class={cn(\n    \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n    className\n  )}\n>\n  <slot />\n  <NavigationMenuPositioner align={align} />\n</nav>\n\n<script>\n  import { create } from \"@data-slot/navigation-menu\"\n\n  create()\n  document.addEventListener(\"astro:page-load\", () => create())\n</script>\n",
       "type": "registry:ui"
     },
     {
@@ -57,5 +59,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/navigation-menu/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/popover.json

@@ -1,13 +1,15 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "popover",
+  "title": "Popover",
+  "description": "Displays rich content in a floating layer, triggered by a button.",
   "dependencies": [
     "@data-slot/popover"
   ],
   "files": [
     {
       "path": "src/components/ui/popover/popover.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { PopoverAlign, PopoverSide } from \"@data-slot/popover\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultOpen?: boolean\n  side?: PopoverSide\n  align?: PopoverAlign\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n  portal?: boolean\n  position?: PopoverSide\n  closeOnClickOutside?: boolean\n  closeOnEscape?: boolean\n}\n\nconst {\n  class: className,\n  defaultOpen,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  portal,\n  position,\n  closeOnClickOutside,\n  closeOnEscape,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"popover\"\n  data-default-open={defaultOpen}\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  data-portal={portal}\n  data-position={position}\n  data-close-on-click-outside={closeOnClickOutside}\n  data-close-on-escape={closeOnEscape}\n  class={className}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/popover\"\n\n  create()\n</script>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { PopoverAlign, PopoverSide } from \"@data-slot/popover\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultOpen?: boolean\n  side?: PopoverSide\n  align?: PopoverAlign\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n  portal?: boolean\n  position?: PopoverSide\n  closeOnClickOutside?: boolean\n  closeOnEscape?: boolean\n}\n\nconst {\n  class: className,\n  defaultOpen,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  portal,\n  position,\n  closeOnClickOutside,\n  closeOnEscape,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"popover\"\n  data-default-open={defaultOpen}\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  data-portal={portal}\n  data-position={position}\n  data-close-on-click-outside={closeOnClickOutside}\n  data-close-on-escape={closeOnEscape}\n  class={className}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/popover\"\n\n  create()\n  document.addEventListener(\"astro:page-load\", () => create())\n</script>\n",
       "type": "registry:ui"
     },
     {
@@ -41,5 +43,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/popover/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/price.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "price",
+  "title": "Price",
+  "description": "A flexible price display component for showing pricing information.",
   "files": [
     {
       "path": "src/components/ui/price/price.astro",
@@ -28,5 +30,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/price/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/pricing-1.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "pricing-1",
+  "title": "Pricing 1",
+  "description": "Pricing sections for plan grids, featured offers, and concise offer presentation.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -15,9 +17,13 @@
   "files": [
     {
       "path": "src/components/blocks/pricing-1.astro",
-      "content": "---\nimport { CheckIcon } from \"@lucide/astro\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  title: string\n  description?: string\n  plans: {\n    name: string\n    description: string\n    price: number\n    currency: string\n    unit: string\n    featured?: boolean\n    features: string[]\n    button: {\n      label: string\n      href: string\n      variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n    }\n  }[]\n}\n\nconst { class: className, title, description, plans } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center gap-8 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      {\n        description && (\n          <p class=\"text-muted-foreground text-lg leading-relaxed text-balance\">\n            {description}\n          </p>\n        )\n      }\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div\n      class=\"mx-auto grid w-full justify-center gap-6 sm:grid-cols-2 lg:grid-cols-[repeat(auto-fit,minmax(16rem,18rem))]\"\n    >\n      {\n        plans.map((plan) => (\n          <Card\n            class={cn(\"flex flex-col\", plan.featured && \"ring-primary ring-2\")}\n          >\n            <CardHeader>\n              <div class=\"flex items-center gap-2\">\n                <CardTitle>{plan.name}</CardTitle>\n                {plan.featured && <Badge>Popular</Badge>}\n              </div>\n              <CardDescription>{plan.description}</CardDescription>\n            </CardHeader>\n            <CardContent class=\"flex flex-col gap-6\">\n              <Price>\n                <PriceValue price={plan.price} currency={plan.currency} />\n                <PriceUnit>{plan.unit}</PriceUnit>\n              </Price>\n              <Separator />\n              <ul class=\"flex flex-col gap-3\">\n                {plan.features.map((feature) => (\n                  <li class=\"flex items-center gap-3 text-sm\">\n                    <CheckIcon class=\"text-primary size-4 shrink-0\" />\n                    {feature}\n                  </li>\n                ))}\n              </ul>\n            </CardContent>\n            <CardFooter class=\"mt-auto\">\n              <Button\n                as=\"a\"\n                href={plan.button.href}\n                variant={\n                  plan.button.variant ?? (plan.featured ? \"default\" : \"outline\")\n                }\n                class=\"w-full\"\n              >\n                {plan.button.label}\n              </Button>\n            </CardFooter>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { CheckIcon } from \"@lucide/astro\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport {\n  Section,\n  SectionContainer,\n  SectionDescription,\n  SectionTitle,\n} from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title: string\n  description?: string\n  plans: {\n    name: string\n    description: string\n    price: number\n    currency: string\n    unit: string\n    featured?: boolean\n    features: string[]\n    button: {\n      label: string\n      href: string\n      variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n    }\n  }[]\n}\n\nconst { class: className, title, description, plans, ...props } = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"items-center gap-8 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      <SectionTitle>\n        {title}\n      </SectionTitle>\n      {description && <SectionDescription>{description}</SectionDescription>}\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div\n      class=\"mx-auto grid w-full justify-center gap-6 sm:grid-cols-2 lg:grid-cols-[repeat(auto-fit,minmax(16rem,18rem))]\"\n    >\n      {\n        plans.map((plan) => (\n          <Card\n            class={cn(\"flex flex-col\", plan.featured && \"ring-primary ring-2\")}\n          >\n            <CardHeader>\n              <div class=\"flex items-center gap-2\">\n                <CardTitle>{plan.name}</CardTitle>\n                {plan.featured && <Badge>Popular</Badge>}\n              </div>\n              <CardDescription>{plan.description}</CardDescription>\n            </CardHeader>\n            <CardContent class=\"flex flex-col gap-6\">\n              <Price>\n                <PriceValue price={plan.price} currency={plan.currency} />\n                <PriceUnit>{plan.unit}</PriceUnit>\n              </Price>\n              <Separator />\n              <ul class=\"flex flex-col gap-3\">\n                {plan.features.map((feature) => (\n                  <li class=\"flex items-center gap-3 text-sm\">\n                    <CheckIcon class=\"text-primary size-4 shrink-0\" />\n                    {feature}\n                  </li>\n                ))}\n              </ul>\n            </CardContent>\n            <CardFooter class=\"mt-auto\">\n              <Button\n                as=\"a\"\n                href={plan.button.href}\n                variant={\n                  plan.button.variant ?? (plan.featured ? \"default\" : \"outline\")\n                }\n                class=\"w-full\"\n              >\n                {plan.button.label}\n              </Button>\n            </CardFooter>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/pricing/",
+  "categories": [
+    "pricing"
+  ],
   "type": "registry:block"
 }

package/public/r/pricing-2.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "pricing-2",
+  "title": "Pricing 2",
+  "description": "Pricing sections for plan grids, featured offers, and concise offer presentation.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -14,9 +16,13 @@
   "files": [
     {
       "path": "src/components/blocks/pricing-2.astro",
-      "content": "---\nimport { CheckIcon } from \"@lucide/astro\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  plans: {\n    name: string\n    description: string\n    price: number\n    compareAt?: number\n    currency: string\n    unit: string\n    features: string[]\n    button: {\n      label: string\n      href: string\n      variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n    }\n  }[]\n}\n\nconst { class: className, title, description, plans } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-8\">\n    <div class=\"mx-auto max-w-2xl text-center\">\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 mt-4 text-lg leading-relaxed text-balance\"\n      >\n        {description}\n      </p>\n    </div>\n    <div\n      class=\"mx-auto grid w-full justify-center gap-6 sm:grid-cols-2 lg:grid-cols-[repeat(auto-fit,minmax(16rem,18rem))]\"\n    >\n      {\n        plans.map((plan, index) => (\n          <Card class=\"flex flex-col border-none shadow-none\">\n            <CardHeader>\n              <CardTitle>{plan.name}</CardTitle>\n              <CardDescription>{plan.description}</CardDescription>\n            </CardHeader>\n            <CardContent class=\"flex flex-col gap-6\">\n              <Price>\n                <PriceValue\n                  price={plan.price}\n                  compareAt={plan.compareAt}\n                  currency={plan.currency}\n                />\n                <PriceUnit>{plan.unit}</PriceUnit>\n              </Price>\n              <Separator />\n              <ul class=\"flex flex-col gap-3\">\n                {plan.features.map((feature) => (\n                  <li class=\"flex items-center gap-3 text-sm\">\n                    <CheckIcon class=\"text-primary size-4 shrink-0\" />\n                    {feature}\n                  </li>\n                ))}\n              </ul>\n            </CardContent>\n            <CardFooter class=\"mt-auto\">\n              <Button\n                as=\"a\"\n                href={plan.button.href}\n                variant={\n                  plan.button.variant ?? (index === 0 ? \"outline\" : \"default\")\n                }\n                class=\"w-full\"\n              >\n                {plan.button.label}\n              </Button>\n            </CardFooter>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { CheckIcon } from \"@lucide/astro\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport {\n  Section,\n  SectionContainer,\n  SectionDescription,\n  SectionTitle,\n} from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title: string\n  description: string\n  plans: {\n    name: string\n    description: string\n    price: number\n    compareAt?: number\n    currency: string\n    unit: string\n    features: string[]\n    button: {\n      label: string\n      href: string\n      variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n    }\n  }[]\n}\n\nconst { class: className, title, description, plans, ...props } = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"gap-8\">\n    <div class=\"mx-auto max-w-2xl text-center\">\n      <SectionTitle>\n        {title}\n      </SectionTitle>\n      <SectionDescription class=\"mt-4\">\n        {description}\n      </SectionDescription>\n    </div>\n    <div\n      class=\"mx-auto grid w-full justify-center gap-6 sm:grid-cols-2 lg:grid-cols-[repeat(auto-fit,minmax(16rem,18rem))]\"\n    >\n      {\n        plans.map((plan, index) => (\n          <Card class=\"flex flex-col border-none shadow-none\">\n            <CardHeader>\n              <CardTitle>{plan.name}</CardTitle>\n              <CardDescription>{plan.description}</CardDescription>\n            </CardHeader>\n            <CardContent class=\"flex flex-col gap-6\">\n              <Price>\n                <PriceValue\n                  price={plan.price}\n                  compareAt={plan.compareAt}\n                  currency={plan.currency}\n                />\n                <PriceUnit>{plan.unit}</PriceUnit>\n              </Price>\n              <Separator />\n              <ul class=\"flex flex-col gap-3\">\n                {plan.features.map((feature) => (\n                  <li class=\"flex items-center gap-3 text-sm\">\n                    <CheckIcon class=\"text-primary size-4 shrink-0\" />\n                    {feature}\n                  </li>\n                ))}\n              </ul>\n            </CardContent>\n            <CardFooter class=\"mt-auto\">\n              <Button\n                as=\"a\"\n                href={plan.button.href}\n                variant={\n                  plan.button.variant ?? (index === 0 ? \"outline\" : \"default\")\n                }\n                class=\"w-full\"\n              >\n                {plan.button.label}\n              </Button>\n            </CardFooter>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/pricing/",
+  "categories": [
+    "pricing"
+  ],
   "type": "registry:block"
 }