fulldev-ui 0.7.0 → 0.9.1

package/public/r/beta-repo-setup.json

@@ -0,0 +1,131 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "beta-repo-setup",
+  "registryDependencies": [
+    "@fulldev/blocks",
+    "@fulldev/components"
+  ],
+  "files": [
+    {
+      "path": "src/content.config.ts",
+      "content": "import { defineCollection } from \"astro:content\"\nimport { glob } from \"astro/loaders\"\n\nimport { globalSchema } from \"@/schemas/global\"\nimport { pageSchema } from \"@/schemas/page\"\n\nexport const collections = {\n  pages: defineCollection({\n    loader: glob({\n      pattern: \"**/[^_]*.{md,mdx}\",\n      base: \"src/content/pages\",\n    }),\n    schema: pageSchema,\n  }),\n  globals: defineCollection({\n    loader: glob({\n      pattern: \"**/[^_]*.{yaml,yml,json}\",\n      base: \"src/content/globals\",\n    }),\n    schema: globalSchema,\n  }),\n}\n",
+      "type": "registry:file",
+      "target": "src/content.config.ts"
+    },
+    {
+      "path": "src/components/layout-renderer.astro",
+      "content": "---\n// Keep this renderer generic and stable. New page types should be wired by\n// adding a matching schema and src/layouts/<type>.astro file, not by adding\n// layout-specific branches here.\nimport { getEntry, render, type CollectionEntry } from \"astro:content\"\n\ntype Props = CollectionEntry<\"pages\">\n\nconst page = Astro.props\nconst pageData = page.data\nconst { Content, headings } = await render(page)\nconst global = await getEntry(\"globals\", Astro.currentLocale || \"en\")\nif (!global) throw new Error(\"Add a global to content/globals\")\nconst globalData = global.data\n\nconst layoutImports = import.meta.glob(\"../layouts/*.astro\", { eager: true })\nconst layoutPath = `../layouts/${pageData.type}.astro`\nconst layoutImport = layoutImports[layoutPath] as { default?: any } | undefined\nconst Layout = layoutImport?.default\n\nif (!Layout) throw new Error(`Add a layout for page type \"${pageData.type}\"`)\n---\n\n<Layout global={globalData} page={pageData} headings={headings}>\n  <Content />\n</Layout>\n",
+      "type": "registry:file",
+      "target": "src/components/layout-renderer.astro"
+    },
+    {
+      "path": "src/lib/pages.ts",
+      "content": "import { getCollection, type CollectionEntry } from \"astro:content\"\n\ntype Page = CollectionEntry<\"pages\">\n\nexport type PageSearchItem = {\n  label: string\n  href: string\n  title: string\n  path: string\n  description: string\n  group: string\n}\n\nexport type PageBreadcrumbItem = {\n  label: string\n  href: string\n}\n\nexport const normalizePath = (path: string) => {\n  if (path === \"/\") return path\n\n  return path.replace(/\\/$/, \"\")\n}\n\nexport const getPageHref = (page: Page) =>\n  page.id === \"index\" ? \"/\" : `/${page.id}/`\n\nexport const formatSlug = (slug: string) =>\n  slug\n    .split(\"-\")\n    .filter(Boolean)\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(\" \")\n\nconst getPageSearchGroup = (href: string) => {\n  const [slug] = href.split(\"/\").filter(Boolean)\n\n  return slug ? formatSlug(slug) : \"Overview\"\n}\n\nexport const getPageSearchItems = async (): Promise<PageSearchItem[]> => {\n  const pages = await getCollection(\"pages\")\n\n  return pages\n    .map((page) => ({\n      label: page.data.title,\n      href: getPageHref(page),\n      title: page.data.title,\n      path: getPageHref(page),\n      description: page.data.description,\n      group: getPageSearchGroup(getPageHref(page)),\n    }))\n    .sort((a, b) => a.label.localeCompare(b.label))\n}\n\nexport const getPageBreadcrumbItems = async (\n  pathname: string\n): Promise<PageBreadcrumbItem[]> => {\n  const currentPath = normalizePath(pathname)\n  const pages = await getCollection(\"pages\")\n  const pageTitlesByHref = new Map(\n    pages.map((page) => [getPageHref(page), page.data.title])\n  )\n  const homeLink = {\n    label: pageTitlesByHref.get(\"/\") ?? \"Home\",\n    href: \"/\",\n  }\n\n  if (currentPath === \"/\") return [homeLink]\n\n  return [\n    homeLink,\n    ...currentPath\n      .split(\"/\")\n      .filter(Boolean)\n      .map((slug, index, slugs) => {\n        const href = `/${slugs.slice(0, index + 1).join(\"/\")}/`\n\n        return {\n          label: pageTitlesByHref.get(href) ?? formatSlug(slug),\n          href,\n        }\n      }),\n  ]\n}\n",
+      "type": "registry:file",
+      "target": "src/lib/pages.ts"
+    },
+    {
+      "path": "src/pages/[...page].astro",
+      "content": "---\nimport { getCollection } from \"astro:content\"\n\nimport LayoutRenderer from \"@/components/layout-renderer.astro\"\n\nexport async function getStaticPaths() {\n  const pages = await getCollection(\"pages\")\n  return pages.map((page) => {\n    return {\n      params: {\n        page: page.id === \"index\" ? undefined : page.id,\n      },\n      props: page,\n    }\n  })\n}\n---\n\n<LayoutRenderer {...Astro.props} />\n",
+      "type": "registry:file",
+      "target": "src/pages/[...page].astro"
+    },
+    {
+      "path": "src/pages/[...page].md.ts",
+      "content": "import { readFile } from \"node:fs/promises\"\nimport type { APIRoute } from \"astro\"\nimport { getCollection } from \"astro:content\"\n\nexport const prerender = true\n\nconst navigationPreamble = \"Navigation: [/sitemap.md](/sitemap.md)\\n\\n\"\n\nexport async function getStaticPaths() {\n  const pages = await getCollection(\"pages\")\n  return Promise.all(\n    pages\n      .filter((page) => page.id !== \"index\")\n      .map(async (page) => ({\n        params: {\n          page: page.id,\n        },\n        props: {\n          source: await readPageSource(page.filePath),\n        },\n      }))\n  )\n}\n\nasync function readPageSource(filePath: string | undefined) {\n  if (!filePath) {\n    throw new Error(\"Expected content page entry to include a file path.\")\n  }\n\n  return readFile(filePath, \"utf-8\")\n}\n\nexport const GET: APIRoute = ({ props }) => {\n  return new Response(`${navigationPreamble}${props.source}`, {\n    headers: {\n      \"Content-Type\": \"text/plain; charset=utf-8\",\n    },\n  })\n}\n",
+      "type": "registry:file",
+      "target": "src/pages/[...page].md.ts"
+    },
+    {
+      "path": "src/pages/index.md.ts",
+      "content": "import { readFile } from \"node:fs/promises\"\nimport type { APIRoute } from \"astro\"\nimport { getEntry } from \"astro:content\"\n\nexport const prerender = true\n\nconst agentPreamble = `# Fulldev UI Agent Entry Point\n\nNavigation: [/sitemap.md](/sitemap.md)\n\nIf you are an AI agent, treat this page as the entry point for Fulldev UI. Install the Fulldev skill first if your environment supports skills, then read the relevant Markdown pages before editing a project.\n\n\\`\\`\\`bash\nnpx -y skills add fulldotdev/ui --skill fulldev -y\n\\`\\`\\`\n\nStart here:\n\n- Install Fulldev UI: [/docs/installation.md](/docs/installation.md)\n- Understand the project model: [/docs/introduction.md](/docs/introduction.md)\n- Customize theme tokens: [/docs/theming.md](/docs/theming.md)\n- Browse documentation sections: [/docs.md](/docs.md)\n- Browse installable components: [/components.md](/components.md)\n- Browse installable blocks: [/blocks.md](/blocks.md)\n- Discover all pages: [/sitemap.md](/sitemap.md)\n- Read registry metadata: [/r/registry.json](/r/registry.json)\n\nEvery documentation page has a Markdown version. Add \\`.md\\` to a page URL, for example \\`/components/button.md\\` or \\`/blocks/hero.md\\`.\n\nRecommended agent flow:\n\n1. Read \\`/docs/installation.md\\`.\n2. Install the Fulldev skill if your agent supports skills.\n3. Read the component or block page that matches the user's request.\n4. Install registry items with \\`npx shadcn@latest add @fulldev/<name>\\`.\n5. Use block and component examples as source references, not as hidden sidebar context.\n\n---\n\n## Homepage source\n\n`\n\nexport const GET: APIRoute = async () => {\n  const page = await getEntry(\"pages\", \"index\")\n\n  if (!page?.filePath) {\n    return new Response(\n      `${agentPreamble}No homepage content entry exists yet. Add \\`src/content/pages/index.mdx\\` to use this Markdown entry point.`,\n      {\n        headers: {\n          \"Content-Type\": \"text/plain; charset=utf-8\",\n        },\n      }\n    )\n  }\n\n  return new Response(\n    `${agentPreamble}${await readFile(page.filePath, \"utf-8\")}`,\n    {\n      headers: {\n        \"Content-Type\": \"text/plain; charset=utf-8\",\n      },\n    }\n  )\n}\n",
+      "type": "registry:file",
+      "target": "src/pages/index.md.ts"
+    },
+    {
+      "path": "src/pages/sitemap.md.ts",
+      "content": "import type { APIRoute } from \"astro\"\nimport { getCollection } from \"astro:content\"\n\nimport { getPageHref } from \"@/lib/pages\"\n\nexport const prerender = true\n\nconst getMarkdownHref = (href: string) =>\n  href === \"/\" ? \"/index.md\" : `${href.replace(/\\/$/, \"\")}.md`\n\nexport const GET: APIRoute = async () => {\n  const pages = await getCollection(\"pages\")\n  const pageLinks = pages\n    .map((page) => ({\n      title: page.data.title,\n      href: getPageHref(page),\n      markdownHref: getMarkdownHref(getPageHref(page)),\n      description: page.data.description,\n    }))\n    .sort((a, b) => a.href.localeCompare(b.href))\n\n  const body = `# Fulldev UI Sitemap\n\nUse the Markdown URLs when reading pages as an AI agent.\n\n## Core\n\n- [Agent entry point](/index.md)\n- [Registry metadata](/r/registry.json)\n\n## Pages\n\n${pageLinks\n  .map(\n    (page) =>\n      `- [${page.title}](${page.href}) | [Markdown](${page.markdownHref})${\n        page.description ? ` - ${page.description}` : \"\"\n      }`\n  )\n  .join(\"\\n\")}\n`\n\n  return new Response(body, {\n    headers: {\n      \"Content-Type\": \"text/plain; charset=utf-8\",\n    },\n  })\n}\n",
+      "type": "registry:file",
+      "target": "src/pages/sitemap.md.ts"
+    },
+    {
+      "path": "src/schemas/shared.ts",
+      "content": "import { type SchemaContext } from \"astro:content\"\nimport { z } from \"astro/zod\"\n\nexport const linkSchema = z.object({\n  label: z.string(),\n  href: z.string(),\n})\n\nexport const buttonSchema = z.object({\n  label: z.string(),\n  href: z.string(),\n  icon: z.string().optional(),\n  variant: z.enum([\"default\", \"outline\", \"secondary\", \"ghost\"]).optional(),\n})\n\nexport const imageSchema = ({ image }: SchemaContext) =>\n  z.object({\n    src: image(),\n    alt: z.string(),\n  })\n\nexport const seoSchema = (ctx: SchemaContext) =>\n  z.object({\n    title: z.string(),\n    description: z.string(),\n    image: imageSchema(ctx).optional(),\n    canonical: z.string().optional(),\n    noindex: z.boolean().optional(),\n    nofollow: z.boolean().optional(),\n  })\n",
+      "type": "registry:file",
+      "target": "src/schemas/shared.ts"
+    },
+    {
+      "path": "src/schemas/global.ts",
+      "content": "import { type SchemaContext } from \"astro:content\"\nimport { z } from \"astro/zod\"\n\nimport { buttonSchema, linkSchema } from \"@/schemas/shared\"\n\nconst nestedLinkSchema = linkSchema.extend({\n  links: linkSchema.array().optional(),\n})\n\nexport const globalSchema = ({ image }: SchemaContext) =>\n  z.object({\n    name: z.string(),\n    logo: z\n      .object({\n        label: z.string(),\n        href: z.string(),\n        src: image().optional(),\n        srcLight: image().optional(),\n        srcDark: image().optional(),\n        alt: z.string().optional(),\n      })\n      .refine((logo) => logo.src || (logo.srcLight && logo.srcDark), {\n        message: \"Logo must define src or both srcLight and srcDark.\",\n      }),\n    header: z.object({\n      navigation: nestedLinkSchema.array(),\n      githubRepo: z.string(),\n    }),\n    sidebar: z.object({\n      search: z.object({\n        label: z.string(),\n        empty: z.string(),\n      }),\n      navigation: nestedLinkSchema.array(),\n    }),\n    docs: z\n      .object({\n        callout: z.object({\n          description: z.string(),\n          button: buttonSchema,\n        }),\n      })\n      .optional(),\n  })\n\nexport type GlobalSchema = z.infer<ReturnType<typeof globalSchema>>\n",
+      "type": "registry:file",
+      "target": "src/schemas/global.ts"
+    },
+    {
+      "path": "src/schemas/page.ts",
+      "content": "import { type SchemaContext } from \"astro:content\"\nimport { z } from \"astro/zod\"\n\nimport { blockSchema } from \"@/schemas/layouts/block\"\nimport { docSchema } from \"@/schemas/layouts/doc\"\nimport { homeSchema } from \"@/schemas/layouts/home\"\nimport { overviewSchema } from \"@/schemas/layouts/overview\"\n\nexport const pageSchema = (ctx: SchemaContext) =>\n  z.discriminatedUnion(\"type\", [\n    blockSchema(ctx).extend({ type: z.literal(\"block\") }),\n    docSchema(ctx).extend({ type: z.literal(\"doc\") }),\n    homeSchema(ctx).extend({ type: z.literal(\"home\") }),\n    overviewSchema(ctx).extend({ type: z.literal(\"overview\") }),\n  ])\n",
+      "type": "registry:file",
+      "target": "src/schemas/page.ts"
+    },
+    {
+      "path": "src/schemas/layouts/base.ts",
+      "content": "import { type SchemaContext } from \"astro:content\"\nimport { z } from \"astro/zod\"\n\nimport { imageSchema, seoSchema } from \"@/schemas/shared\"\n\nexport const baseSchema = (ctx: SchemaContext) =>\n  z.object({\n    title: z.string(),\n    description: z.string(),\n    image: imageSchema(ctx).optional(),\n    seo: seoSchema(ctx).optional(),\n  })\n\nexport type BaseSchema = z.infer<ReturnType<typeof baseSchema>>\n",
+      "type": "registry:file",
+      "target": "src/schemas/layouts/base.ts"
+    },
+    {
+      "path": "src/schemas/layouts/block.ts",
+      "content": "import { type SchemaContext } from \"astro:content\"\nimport { z } from \"astro/zod\"\n\nimport { baseSchema } from \"@/schemas/layouts/base\"\n\nexport const blockSchema = (ctx: SchemaContext) =>\n  baseSchema(ctx)\n    .extend({\n      category: z.string().optional(),\n    })\n    .strict()\n\nexport type BlockSchema = z.infer<ReturnType<typeof blockSchema>>\n",
+      "type": "registry:file",
+      "target": "src/schemas/layouts/block.ts"
+    },
+    {
+      "path": "src/schemas/layouts/doc.ts",
+      "content": "import { type SchemaContext } from \"astro:content\"\nimport { z } from \"astro/zod\"\n\nimport { baseSchema } from \"@/schemas/layouts/base\"\n\nexport const docSchema = (ctx: SchemaContext) => baseSchema(ctx).loose()\n\nexport type DocSchema = z.infer<ReturnType<typeof docSchema>>\n",
+      "type": "registry:file",
+      "target": "src/schemas/layouts/doc.ts"
+    },
+    {
+      "path": "src/schemas/layouts/home.ts",
+      "content": "import { type SchemaContext } from \"astro:content\"\nimport { z } from \"astro/zod\"\n\nimport { baseSchema } from \"@/schemas/layouts/base\"\n\nexport const homeSchema = (ctx: SchemaContext) =>\n  baseSchema(ctx).extend({}).strict()\n\nexport type HomeSchema = z.infer<ReturnType<typeof homeSchema>>\n",
+      "type": "registry:file",
+      "target": "src/schemas/layouts/home.ts"
+    },
+    {
+      "path": "src/schemas/layouts/overview.ts",
+      "content": "import { type SchemaContext } from \"astro:content\"\nimport { z } from \"astro/zod\"\n\nimport { baseSchema } from \"@/schemas/layouts/base\"\n\nexport const overviewSchema = (ctx: SchemaContext) => baseSchema(ctx).strict()\n\nexport type OverviewSchema = z.infer<ReturnType<typeof overviewSchema>>\n",
+      "type": "registry:file",
+      "target": "src/schemas/layouts/overview.ts"
+    },
+    {
+      "path": "src/layouts/base.astro",
+      "content": "---\nimport { Font } from \"astro:assets\"\n\nimport type { GlobalSchema } from \"@/schemas/global\"\nimport type { BaseSchema } from \"@/schemas/layouts/base\"\nimport { getPageBreadcrumbItems, getPageSearchItems } from \"@/lib/pages\"\nimport Sidebar1 from \"@/components/blocks/sidebar-1.astro\"\nimport {\n  Layout,\n  LayoutBody,\n  LayoutHead,\n  LayoutMain,\n} from \"@/components/ui/layout\"\nimport { ThemeProvider } from \"@/components/ui/theme-toggle\"\n\ntype Props = {\n  global: GlobalSchema\n  page: BaseSchema\n}\n\nconst { global, page }: Props = Astro.props\n\nconst [searchItems, breadcrumbItems] = await Promise.all([\n  getPageSearchItems(),\n  getPageBreadcrumbItems(Astro.url.pathname),\n])\n---\n\n<Layout>\n  <LayoutHead {...global} {...page} {...page.seo}>\n    <Fragment slot=\"head\">\n      <Font\n        cssVariable=\"--font-geist-sans\"\n        preload={[{ subset: \"latin\", weight: \"100 900\", style: \"normal\" }]}\n      />\n      <Font cssVariable=\"--font-geist-mono\" />\n    </Fragment>\n    <ThemeProvider />\n  </LayoutHead>\n  <LayoutBody>\n    <Sidebar1\n      logo={global.logo}\n      search={{\n        items: searchItems,\n        ...global.sidebar.search,\n      }}\n      breadcrumb={{\n        items: breadcrumbItems,\n        menu: global.header.navigation,\n      }}\n      navigation={global.sidebar.navigation}\n      githubRepo={global.header.githubRepo}\n    >\n      <LayoutMain>\n        <slot />\n      </LayoutMain>\n    </Sidebar1>\n  </LayoutBody>\n</Layout>\n",
+      "type": "registry:file",
+      "target": "src/layouts/base.astro"
+    },
+    {
+      "path": "src/layouts/block.astro",
+      "content": "---\nimport type { MarkdownHeading } from \"astro\"\nimport { getCollection } from \"astro:content\"\n\nimport type { GlobalSchema } from \"@/schemas/global\"\nimport type { BlockSchema } from \"@/schemas/layouts/block\"\nimport Base from \"@/layouts/base.astro\"\nimport BlocksBlock from \"@/components/blocks/blocks-1.astro\"\n\ntype Props = {\n  global: GlobalSchema\n  page: BlockSchema\n  headings: MarkdownHeading[]\n}\n\nconst props: Props = Astro.props\nconst currentPath = Astro.url.pathname\nconst markdownPath =\n  currentPath === \"/\" ? \"/index.md\" : `${currentPath.replace(/\\/$/, \"\")}.md`\n\nconst blocks = await getCollection(\"pages\", ({ data }) => {\n  return data.type === \"block\"\n})\nconst currentBlock = blocks.find((entry) => `/${entry.id}/` === currentPath)\nconst isBlockCategory = !props.page.category\nconst orderedBlockCategoryLinks = blocks\n  .filter((entry) => !(\"category\" in entry.data) || !entry.data.category)\n  .map((entry) => ({\n    href: `/${entry.id}/`,\n    title: entry.data.title,\n  }))\n  .sort((a, b) => a.href.localeCompare(b.href))\nconst currentPageIndex = orderedBlockCategoryLinks.findIndex(\n  (item) => item.href === currentPath\n)\nconst previousPage =\n  isBlockCategory && currentPageIndex > 0\n    ? orderedBlockCategoryLinks[currentPageIndex - 1]\n    : undefined\nconst nextPage =\n  isBlockCategory && currentPageIndex >= 0\n    ? orderedBlockCategoryLinks[currentPageIndex + 1]\n    : undefined\nconst copySource = blocks.find((entry) => `/${entry.id}/` === currentPath)?.body\nconst copyButton = copySource\n  ? {\n      id: `blocks-copy-page-${crypto.randomUUID()}`,\n      source: currentBlock?.body ?? copySource,\n    }\n  : undefined\n---\n\n<Base global={props.global} page={props.page}>\n  <BlocksBlock\n    title={props.page.title}\n    description={props.page.description}\n    copyButton={copyButton}\n    markdownUrl={markdownPath}\n    previousPage={previousPage}\n    nextPage={nextPage}\n    labels={{\n      copyMarkdown: \"Copy Markdown\",\n      openIn: \"Open in\",\n      openInMarkdown: \"Open in Markdown\",\n      openInChatGPT: \"Open in ChatGPT\",\n      openInClaude: \"Open in Claude\",\n      openInCursor: \"Open in Cursor\",\n      pagination: {\n        previous: \"Previous\",\n        next: \"Next\",\n        ariaLabel: \"Blocks pagination\",\n      },\n    }}\n  >\n    <slot />\n  </BlocksBlock>\n</Base>\n",
+      "type": "registry:file",
+      "target": "src/layouts/block.astro"
+    },
+    {
+      "path": "src/layouts/doc.astro",
+      "content": "---\nimport type { MarkdownHeading } from \"astro\"\nimport { getCollection } from \"astro:content\"\n\nimport type { GlobalSchema } from \"@/schemas/global\"\nimport type { DocSchema } from \"@/schemas/layouts/doc\"\nimport Base from \"@/layouts/base.astro\"\nimport DocBlock from \"@/components/blocks/doc-1.astro\"\n\ntype Props = {\n  global: GlobalSchema\n  page: DocSchema\n  headings: MarkdownHeading[]\n}\n\nconst props: Props = Astro.props\nconst currentPath = Astro.url.pathname\nconst globalCallout = props.global.docs?.callout\nconst markdownPath =\n  currentPath === \"/\" ? \"/index.md\" : `${currentPath.replace(/\\/$/, \"\")}.md`\n\nconst docsPages = await getCollection(\"pages\")\nconst orderedDocLinks = [\n  \"docs/introduction\",\n  \"docs/installation\",\n  \"docs/theming\",\n  \"docs/dark-mode\",\n  \"docs/cli\",\n  \"docs/mcp\",\n  \"docs/skills\",\n  \"components\",\n  \"blocks\",\n  \"docs/layouts\",\n]\n  .map((id) => docsPages.find((entry) => entry.id === id))\n  .filter((entry): entry is (typeof docsPages)[number] => Boolean(entry))\n  .map((entry) => ({\n    href: `/${entry.id}/`,\n    title: entry.data.title,\n  }))\nconst componentLinks = docsPages\n  .filter(\n    (entry) => entry.data.type === \"doc\" && entry.id.startsWith(\"components/\")\n  )\n  .map((entry) => ({\n    href: `/${entry.id}/`,\n    title: entry.data.title,\n    description: entry.data.description,\n  }))\n  .sort((a, b) => a.title.localeCompare(b.title))\nconst paginationLinks = [...orderedDocLinks, ...componentLinks]\nconst currentPageIndex = paginationLinks.findIndex(\n  (item) => item.href === currentPath\n)\nconst previousPage =\n  currentPageIndex > 0 ? paginationLinks[currentPageIndex - 1] : undefined\nconst nextPage =\n  currentPageIndex >= 0 ? paginationLinks[currentPageIndex + 1] : undefined\nconst currentDoc = await getCollection(\"pages\", ({ data, id }) => {\n  return data.type === \"doc\" && `/${id}/` === currentPath\n})\nconst copySource = currentDoc[0]?.body\nconst copyButton = copySource\n  ? {\n      id: `docs-copy-page-${crypto.randomUUID()}`,\n      source: copySource,\n    }\n  : undefined\n\nconst tocItems = props.headings\n  .filter((heading) => heading.depth === 2 || heading.depth === 3)\n  .map((heading) => ({\n    depth: heading.depth,\n    href: `#${heading.slug}`,\n    label: heading.text,\n  }))\n---\n\n<Base global={props.global} page={props.page}>\n  <DocBlock\n    title={props.page.title}\n    description={props.page.description}\n    copyButton={copyButton}\n    markdownUrl={markdownPath}\n    tocItems={tocItems}\n    callout={globalCallout}\n    previousPage={previousPage}\n    nextPage={nextPage}\n    labels={{\n      copyMarkdown: \"Copy Markdown\",\n      openIn: \"Open in\",\n      openInMarkdown: \"Open in Markdown\",\n      openInChatGPT: \"Open in ChatGPT\",\n      openInClaude: \"Open in Claude\",\n      openInCursor: \"Open in Cursor\",\n      pagination: {\n        previous: \"Previous\",\n        next: \"Next\",\n        ariaLabel: \"Document pagination\",\n      },\n      toc: \"On This Page\",\n    }}\n  >\n    <slot />\n  </DocBlock>\n</Base>\n",
+      "type": "registry:file",
+      "target": "src/layouts/doc.astro"
+    },
+    {
+      "path": "src/layouts/home.astro",
+      "content": "---\nimport type { GlobalSchema } from \"@/schemas/global\"\nimport type { HomeSchema } from \"@/schemas/layouts/home\"\nimport Base from \"@/layouts/base.astro\"\nimport { Typography } from \"@/components/ui/typography\"\n\ntype Props = {\n  global: GlobalSchema\n  page: HomeSchema\n}\n\nconst { global, page } = Astro.props\n---\n\n<Base global={global} page={page}>\n  <Typography\n    as=\"article\"\n    size=\"lg\"\n    class=\"mx-auto w-full max-w-7xl px-4 py-16 lg:px-6 [&>:is(p,ul,ol,blockquote,h1,h2)]:max-w-4xl [&>:is(p,ul,ol,blockquote,h3,h4)]:max-w-3xl [&>[data-slot='tabs']:not(:first-child)]:mt-10\"\n  >\n    <slot />\n  </Typography>\n</Base>\n",
+      "type": "registry:file",
+      "target": "src/layouts/home.astro"
+    },
+    {
+      "path": "src/layouts/overview.astro",
+      "content": "---\nimport { getCollection } from \"astro:content\"\n\nimport type { GlobalSchema } from \"@/schemas/global\"\nimport type { OverviewSchema } from \"@/schemas/layouts/overview\"\nimport Base from \"@/layouts/base.astro\"\nimport { SectionContainer } from \"@/components/ui/section\"\nimport { TypographyH1, TypographyLead } from \"@/components/ui/typography\"\n\ntype Props = {\n  global: GlobalSchema\n  page: OverviewSchema\n}\n\nconst { global, page }: Props = Astro.props\nconst currentPath = Astro.url.pathname\nconst pages = await getCollection(\"pages\")\n\nconst docsIndexOrder = [\n  \"docs/introduction\",\n  \"docs/installation\",\n  \"docs/theming\",\n  \"docs/dark-mode\",\n  \"docs/cli\",\n  \"docs/mcp\",\n  \"docs/skills\",\n  \"components\",\n  \"blocks\",\n  \"docs/layouts\",\n]\n\nconst entries =\n  currentPath === \"/docs/\"\n    ? docsIndexOrder\n        .map((id) => pages.find((entry) => entry.id === id))\n        .filter((entry): entry is (typeof pages)[number] => Boolean(entry))\n    : pages\n        .filter(({ data, id }) => {\n          if (currentPath === \"/blocks/\") {\n            return (\n              data.type === \"block\" &&\n              (!(\"category\" in data) || !data.category) &&\n              id.startsWith(\"blocks/\")\n            )\n          }\n\n          if (currentPath === \"/components/\") {\n            return data.type === \"doc\" && id.startsWith(\"components/\")\n          }\n\n          return false\n        })\n        .sort((a, b) => a.data.title.localeCompare(b.data.title))\n\nconst overviewLinks = entries.map((entry) => ({\n  href: `/${entry.id}/`,\n  title: entry.data.title,\n  description: entry.data.description,\n}))\n---\n\n<Base global={global} page={page}>\n  <SectionContainer class=\"gap-10 pt-10 pb-10 sm:pt-12 sm:pb-12\">\n    <div class=\"mx-auto flex w-full max-w-336 flex-col gap-10\">\n      <header class=\"flex min-w-0 flex-col gap-4 border-b pb-8\">\n        <TypographyH1\n          class=\"text-foreground text-left text-3xl tracking-tight sm:text-4xl\"\n        >\n          {page.title}\n        </TypographyH1>\n        {\n          page.description && (\n            <TypographyLead class=\"max-w-2xl text-base leading-7\">\n              {page.description}\n            </TypographyLead>\n          )\n        }\n      </header>\n\n      <section class=\"grid gap-2 md:grid-cols-2 xl:grid-cols-3\">\n        {\n          overviewLinks.map((item) => (\n            <a\n              href={item.href}\n              class=\"bg-muted/40 hover:bg-muted/60 focus-visible:ring-ring/50 rounded-lg px-4 py-4 transition-colors focus-visible:ring-2 focus-visible:outline-none\"\n            >\n              <span class=\"text-sm font-medium\">{item.title}</span>\n              {item.description && (\n                <span class=\"text-muted-foreground mt-1 block text-sm leading-5\">\n                  {item.description}\n                </span>\n              )}\n            </a>\n          ))\n        }\n      </section>\n    </div>\n  </SectionContainer>\n</Base>\n",
+      "type": "registry:file",
+      "target": "src/layouts/overview.astro"
+    }
+  ],
+  "type": "registry:file"
+}

package/public/r/blocks-1.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "blocks-1",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/dropdown-menu",
+    "@fulldev/section",
+    "@fulldev/typography",
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/blocks-1.astro",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { buttonVariants } from \"@/components/ui/button/button-variants\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { SectionContainer } from \"@/components/ui/section\"\nimport {\n  Typography,\n  TypographyH1,\n  TypographyLead,\n} from \"@/components/ui/typography\"\n\ntype Props = {\n  class?: string\n  title: string\n  description?: string\n  copyButton?: {\n    id: string\n    source: string\n  }\n  markdownUrl?: string\n  previousPage?: {\n    href: string\n    title: string\n  }\n  nextPage?: {\n    href: string\n    title: string\n  }\n  labels: {\n    copyMarkdown: string\n    openIn: string\n    openInMarkdown: string\n    openInChatGPT: string\n    openInClaude: string\n    openInCursor: string\n    pagination: {\n      previous: string\n      next: string\n      ariaLabel: string\n    }\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  copyButton,\n  markdownUrl,\n  previousPage,\n  nextPage,\n  labels,\n} = Astro.props\nconst showCopyButton = Boolean(copyButton)\nconst showOpenButton = Boolean(markdownUrl)\nconst showPagination = Boolean(previousPage || nextPage)\nconst assistantPrompt = markdownUrl\n  ? `Read ${markdownUrl}, I want to ask questions about it.`\n  : \"\"\nconst openLinks = markdownUrl\n  ? [\n      {\n        label: labels.openInMarkdown,\n        href: markdownUrl,\n        icon: \"markdown\",\n      },\n      {\n        label: labels.openInChatGPT,\n        href: `https://chatgpt.com/?hints=search&q=${encodeURIComponent(assistantPrompt)}`,\n        icon: \"chatgpt\",\n      },\n      {\n        label: labels.openInClaude,\n        href: `https://claude.ai/new?q=${encodeURIComponent(assistantPrompt)}`,\n        icon: \"claude\",\n      },\n      {\n        label: labels.openInCursor,\n        href: `https://cursor.com/link/prompt?text=${encodeURIComponent(assistantPrompt)}`,\n        icon: \"cursor\",\n      },\n    ]\n  : []\n---\n\n<SectionContainer\n  data-slot=\"blocks-page\"\n  class={cn(\"gap-10 pt-10 pb-10 sm:pt-12 sm:pb-12\", className)}\n>\n  <div class=\"mx-auto flex w-full max-w-336 flex-col gap-10\">\n    <header\n      class=\"flex flex-col gap-4 border-b pb-8 sm:flex-row sm:items-start sm:justify-between\"\n    >\n      <div class=\"flex max-w-3xl min-w-0 flex-1 flex-col gap-2\">\n        <TypographyH1\n          class=\"text-foreground text-left text-3xl tracking-tight sm:text-4xl\"\n        >\n          {title}\n        </TypographyH1>\n        {\n          description && (\n            <TypographyLead class=\"max-w-2xl text-base leading-7\">\n              {description}\n            </TypographyLead>\n          )\n        }\n      </div>\n      <div class=\"flex shrink-0 items-center gap-2 self-start\">\n        {\n          showCopyButton && (\n            <Button\n              id={copyButton?.id}\n              type=\"button\"\n              variant=\"outline\"\n              size=\"xs\"\n              data-source={copyButton?.source}\n              aria-label={labels.copyMarkdown}\n            >\n              <Icon name=\"copy\" class=\"blocks-copy-icon size-3.5\" />\n              <Icon name=\"check\" class=\"blocks-check-icon hidden size-3.5\" />\n              <span>{labels.copyMarkdown}</span>\n            </Button>\n          )\n        }\n        {\n          showOpenButton && (\n            <DropdownMenu>\n              <DropdownMenuTrigger\n                class={buttonVariants({ variant: \"outline\", size: \"xs\" })}\n              >\n                <span>{labels.openIn}</span>\n                <Icon name=\"chevron-down\" class=\"size-3.5 opacity-70\" />\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"end\" sideOffset={6} class=\"w-56\">\n                {openLinks.map((link) => (\n                  <a\n                    href={link.href}\n                    target=\"_blank\"\n                    rel=\"noreferrer noopener\"\n                    class=\"hover:bg-accent hover:text-accent-foreground flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none\"\n                  >\n                    {link.icon === \"markdown\" && (\n                      <Icon name=\"markdown\" class=\"size-4 fill-current\" />\n                    )}\n                    {link.icon === \"chatgpt\" && (\n                      <svg\n                        role=\"img\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"currentColor\"\n                        class=\"size-4\"\n                        aria-hidden=\"true\"\n                      >\n                        <path d=\"M22.282 9.821a5.985 5.985 0 0 0-.516-4.91 6.046 6.046 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.182a5.985 5.985 0 0 0-3.998 2.9 6.046 6.046 0 0 0 .743 7.097 5.98 5.98 0 0 0 .511 4.91 6.051 6.051 0 0 0 6.515 2.9A5.985 5.985 0 0 0 13.26 24a6.056 6.056 0 0 0 5.772-4.206 5.989 5.989 0 0 0 3.998-2.9 6.056 6.056 0 0 0-.748-7.073ZM13.26 22.43a4.476 4.476 0 0 1-2.876-1.04l.142-.081 4.778-2.758a.795.795 0 0 0 .393-.681v-6.737l2.02 1.169a.071.071 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.495 4.494Zm-9.66-4.125a4.471 4.471 0 0 1-.535-3.014l.142.085 4.783 2.758a.771.771 0 0 0 .781 0l5.843-3.368v2.332a.08.08 0 0 1-.034.062L9.74 19.95a4.499 4.499 0 0 1-6.14-1.646ZM2.34 7.896a4.485 4.485 0 0 1 2.366-1.973V11.6a.766.766 0 0 0 .388.677l5.814 3.354-2.02 1.169a.076.076 0 0 1-.071 0l-4.83-2.787A4.504 4.504 0 0 1 2.34 7.872Zm16.596 3.856-5.833-3.388L15.12 7.2a.076.076 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.104v-5.677a.79.79 0 0 0-.407-.667Zm2.011-3.024-.142-.085-4.774-2.782a.776.776 0 0 0-.785 0L9.409 9.23V6.897a.066.066 0 0 1 .028-.061l4.83-2.787a4.499 4.499 0 0 1 6.68 4.66ZM8.307 12.863l-2.02-1.164a.08.08 0 0 1-.038-.057V6.074a4.499 4.499 0 0 1 7.376-3.453l-.142.08-4.778 2.758a.795.795 0 0 0-.393.681Zm1.097-2.365 2.602-1.5 2.607 1.5v2.999l-2.597 1.5-2.607-1.5Z\" />\n                      </svg>\n                    )}\n                    {link.icon === \"claude\" && (\n                      <Icon name=\"claude\" class=\"size-4 fill-current\" />\n                    )}\n                    {link.icon === \"cursor\" && (\n                      <Icon name=\"cursor\" class=\"size-4 fill-current\" />\n                    )}\n                    <span>{link.label}</span>\n                    <Icon\n                      name=\"external-link\"\n                      class=\"text-muted-foreground ml-auto size-3.5\"\n                    />\n                  </a>\n                ))}\n              </DropdownMenuContent>\n            </DropdownMenu>\n          )\n        }\n      </div>\n    </header>\n\n    <Typography as=\"article\" class=\"w-full max-w-none\" size=\"sm\">\n      <slot />\n    </Typography>\n\n    {\n      showPagination && (\n        <nav\n          class=\"flex items-center justify-between gap-3\"\n          aria-label={labels.pagination.ariaLabel}\n        >\n          {previousPage ? (\n            <Button\n              as=\"a\"\n              href={previousPage.href}\n              variant=\"outline\"\n              class=\"h-auto min-w-0 items-center justify-start gap-2 px-3 py-2 whitespace-normal\"\n            >\n              <Icon name=\"arrow-left\" class=\"size-4\" />\n              <span class=\"truncate text-sm font-medium\">\n                {previousPage.title}\n              </span>\n            </Button>\n          ) : (\n            <div aria-hidden=\"true\" />\n          )}\n\n          {nextPage ? (\n            <Button\n              as=\"a\"\n              href={nextPage.href}\n              variant=\"outline\"\n              class=\"h-auto min-w-0 items-center justify-end gap-2 px-3 py-2 text-right whitespace-normal\"\n            >\n              <span class=\"truncate text-sm font-medium\">{nextPage.title}</span>\n              <Icon name=\"arrow-right\" class=\"size-4\" />\n            </Button>\n          ) : (\n            <div aria-hidden=\"true\" />\n          )}\n        </nav>\n      )\n    }\n  </div>\n</SectionContainer>\n\n<script is:inline define:vars={{ copyButtonId: copyButton?.id }}>\n  const button = copyButtonId ? document.getElementById(copyButtonId) : null\n\n  if (button instanceof HTMLButtonElement) {\n    const writeToClipboard = async (text) => {\n      if (navigator.clipboard && window.isSecureContext) {\n        try {\n          await navigator.clipboard.writeText(text)\n          return true\n        } catch {\n          return false\n        }\n      }\n\n      return false\n    }\n\n    button.addEventListener(\"click\", async () => {\n      const source = button.dataset.source\n\n      if (!source) return\n\n      const copied = await writeToClipboard(source)\n\n      if (copied) {\n        button.querySelector(\".blocks-copy-icon\")?.classList.add(\"hidden\")\n        button.querySelector(\".blocks-check-icon\")?.classList.remove(\"hidden\")\n\n        window.setTimeout(() => {\n          button.querySelector(\".blocks-copy-icon\")?.classList.remove(\"hidden\")\n          button.querySelector(\".blocks-check-icon\")?.classList.add(\"hidden\")\n        }, 1200)\n      }\n    })\n  }\n</script>\n",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}

package/public/r/blocks.json

@@ -1,7 +1,6 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "blocks",
-  "type": "registry:component",
   "registryDependencies": [
     "@fulldev/article-1",
     "@fulldev/article-2",
@@ -11,6 +10,7 @@
     "@fulldev/articles-4",
     "@fulldev/banner-1",
     "@fulldev/banner-2",
+    "@fulldev/blocks-1",
     "@fulldev/contact-1",
     "@fulldev/contact-2",
     "@fulldev/contact-3",
@@ -18,6 +18,8 @@
     "@fulldev/content-2",
     "@fulldev/content-3",
     "@fulldev/content-4",
+    "@fulldev/content-5",
+    "@fulldev/content-6",
     "@fulldev/cta-1",
     "@fulldev/cta-2",
     "@fulldev/cta-3",
@@ -26,6 +28,7 @@
     "@fulldev/cta-6",
     "@fulldev/cta-7",
     "@fulldev/cta-8",
+    "@fulldev/doc-1",
     "@fulldev/faqs-1",
     "@fulldev/faqs-2",
     "@fulldev/faqs-3",
@@ -38,10 +41,17 @@
     "@fulldev/features-6",
     "@fulldev/footer-1",
     "@fulldev/footer-2",
+    "@fulldev/footer-3",
     "@fulldev/header-1",
     "@fulldev/header-2",
     "@fulldev/header-3",
+    "@fulldev/header-4",
+    "@fulldev/header-5",
     "@fulldev/hero-1",
+    "@fulldev/hero-10",
+    "@fulldev/hero-11",
+    "@fulldev/hero-12",
+    "@fulldev/hero-13",
     "@fulldev/hero-2",
     "@fulldev/hero-3",
     "@fulldev/hero-4",
@@ -50,16 +60,13 @@
     "@fulldev/hero-7",
     "@fulldev/hero-8",
     "@fulldev/hero-9",
-    "@fulldev/hero-10",
-    "@fulldev/hero-11",
-    "@fulldev/hero-12",
-    "@fulldev/hero-13",
+    "@fulldev/links-2",
     "@fulldev/logos-1",
     "@fulldev/logos-2",
     "@fulldev/logos-3",
-    "@fulldev/pricings-1",
-    "@fulldev/pricings-2",
-    "@fulldev/pricings-3",
+    "@fulldev/pricing-1",
+    "@fulldev/pricing-2",
+    "@fulldev/pricing-3",
     "@fulldev/product-1",
     "@fulldev/products-1",
     "@fulldev/products-2",
@@ -78,14 +85,7 @@
     "@fulldev/services-5",
     "@fulldev/services-6",
     "@fulldev/services-7",
-    "@fulldev/content-5",
-    "@fulldev/content-6"
+    "@fulldev/sidebar-1"
   ],
-  "files": [
-    {
-      "path": "src/components/block.astro",
-      "content": "---\nimport { getCollection, getEntry, type CollectionEntry } from \"astro:content\"\n\nimport type { BlockSchema, PageSchema } from \"@/lib/schemas\"\n\ntype Props = BlockSchema & PageSchema\n\n// Helper functions\nfunction getHref(entry: CollectionEntry<\"pages\">) {\n  // If there is no content, return undefined\n  if (!entry.data.sections?.length && !entry.body?.length && !entry.data.block)\n    return undefined\n  // If the page is the index, return the root\n  if (entry.id === \"index\") return \"/\"\n  // else return href b yid\n  return `/${entry.id}/`\n}\n\nconst pages = await getCollection(\"pages\")\n\n// Get a single reference by file path\nasync function getRef(value: string) {\n  const entry = pages.find((page) => `/${page.filePath}` === value)\n  const layout = entry?.data?.layout\n    ? await getEntry(\"layouts\", entry?.data?.layout)\n    : undefined\n  if (!entry) return\n  return {\n    ...layout?.data,\n    href: getHref(entry),\n    ...entry.data,\n  }\n}\n\n// Get multiple references by file paths\nasync function getRefs(values: string[]) {\n  return (await Promise.all(values.map(getRef))).filter(\n    (item) => item !== undefined\n  )\n}\n\n// Get a glob of pages by folder path\nasync function getGlob(value: string) {\n  return pages\n    .filter((page) => page.filePath?.startsWith(`src/content/pages/${value}`))\n    .map((page) => ({\n      href: getHref(page),\n      ...page.data,\n    }))\n}\n\n// Recursively resolve references in items\nasync function resolveItem(item: any): Promise<any> {\n  if (!item) return item\n\n  const resolved = { ...item }\n\n  // Resolve single reference\n  if (resolved.ref) {\n    const referencedItem = await getRef(resolved.ref)\n    resolved.item = referencedItem\n    delete resolved.ref\n  }\n\n  // Resolve multiple references\n  if (resolved.refs) {\n    resolved.items = await getRefs(resolved.refs)\n    delete resolved.refs\n  }\n\n  // Resolve glob pattern\n  if (resolved.glob) {\n    resolved.items = await getGlob(resolved.glob)\n    delete resolved.glob\n  }\n\n  // Recursively resolve nested items\n  if (resolved.items) {\n    resolved.items = await Promise.all(\n      resolved.items.map((nestedItem: any) => resolveItem(nestedItem))\n    )\n  }\n\n  // Recursively resolve single nested item\n  if (resolved.item) {\n    resolved.item = await resolveItem(resolved.item)\n  }\n\n  return resolved\n}\n\nconst { block, ref, refs, glob, ...props } = Astro.props\n\n// Populate references at top level\nif (ref) {\n  props.item = await getRef(ref)\n}\nif (refs) {\n  props.items = await getRefs(refs)\n}\nif (glob) {\n  props.items = await getGlob(glob)\n}\n\n// Recursively resolve nested items\nif (props.items) {\n  props.items = await Promise.all(\n    props.items.map((item: any) => resolveItem(item))\n  )\n}\n\nconst blockImports = import.meta.glob(\"./blocks/**/*.astro\")\nconst blockPath = `./blocks/${block}.astro`\nconst blockImport = (await blockImports[blockPath]?.()) as any\nconst BlockComponent = blockImport?.default as any\n---\n\n{\n  BlockComponent && (\n    <BlockComponent {...props}>\n      <slot />\n      {\"html\" in props && <Fragment set:html={props.html} />}\n    </BlockComponent>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ]
-}
+  "type": "registry:item"
+}

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

@@ -1,17 +1,22 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "button",
-  "type": "registry:ui",
   "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 { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = VariantProps<typeof variants> &\n  HTMLAttributes<\"button\"> &\n  HTMLAttributes<\"a\"> &\n  HTMLAttributes<\"label\"> & {\n    as?: \"button\" | \"a\" | \"label\"\n    text?: string\n    html?: string\n  }\n\nconst variants = cva(\n  \"focus-visible:border-ring text-foreground focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_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/90\",\n        destructive:\n          \"bg-destructive hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white\",\n        outline:\n          \"bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border shadow-xs\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst {\n  class: className,\n  variant,\n  size,\n  href,\n  text,\n  html,\n  ...props\n} = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n\nconst Comp = href ? \"a\" : \"button\"\n---\n\n{\n  slot?.trim().length > 0 && (\n    <Comp\n      data-slot=\"button\"\n      class={cn(variants({ variant, size }), className)}\n      href={href}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </Comp>\n  )\n}\n",
+      "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 { default as Button } from \"./button.astro\"\n",
+      "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

@@ -1,11 +1,10 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "checkbox",
-  "type": "registry:ui",
   "files": [
     {
       "path": "src/components/ui/checkbox/checkbox.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends Omit<HTMLAttributes<\"input\">, \"type\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<input\n  type=\"checkbox\"\n  data-slot=\"checkbox\"\n  class={cn(\n    \"peer border-input dark:bg-input/30 checked:bg-primary checked:text-primary-foreground checked:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n    \"accent-primary\",\n    className\n  )}\n  {...props}\n/>\n",
+      "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"
     },
     {
@@ -13,5 +12,6 @@
       "content": "export { default as Checkbox } from \"./checkbox.astro\"\n",
       "type": "registry:ui"
     }
-  ]
+  ],
+  "type": "registry:ui"
 }

package/public/r/collapsible.json

@@ -1,21 +1,23 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "collapsible",
-  "type": "registry:ui",
+  "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\ninterface Props extends Omit<HTMLAttributes<\"details\">, \"class\"> {\n  class?: string\n  open?: boolean\n}\n\nconst { class: className, open = false, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <details\n      data-slot=\"collapsible\"\n      class={cn(\"group/collapsible\", className)}\n      open={open}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </details>\n  )\n}\n",
+      "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\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div data-slot=\"collapsible-content\" class={cn(className)} {...props}>\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "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\"\nimport ChevronDownIcon from \"lucide-static/icons/chevron-down.svg\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends Omit<HTMLAttributes<\"summary\">, \"class\"> {\n  class?: string\n  showChevron?: boolean\n}\n\nconst { class: className, showChevron = true, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <summary\n      data-slot=\"collapsible-trigger\"\n      class={cn(\n        \"flex cursor-pointer list-none items-center gap-2 [&::-webkit-details-marker]:hidden\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n      {showChevron && (\n        <ChevronDownIcon class=\"ml-auto size-4 shrink-0 transition-transform duration-200 group-open/collapsible:rotate-180\" />\n      )}\n    </summary>\n  )\n}\n",
+      "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"
     },
     {
@@ -23,5 +25,6 @@
       "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"
 }