fulldev-ui 0.9.3 → 0.10.1

package/src/components/ui/typography/typography.astro

@@ -3,10 +3,8 @@ import type { HTMLTag, Polymorphic } from "astro/types"
 
 import { cn } from "@/lib/utils"
 
-type Props<Tag extends HTMLTag> = Polymorphic<{
-  as: Tag
-  size?: "sm" | "default" | "lg"
-}>
+type Size = "sm" | "default" | "lg"
+type Props<Tag extends HTMLTag> = Polymorphic<{ as: Tag; size?: Size }>
 
 const {
   as: Tag = "div",
@@ -30,15 +28,7 @@ const {
 
   [data-slot="typography"]
     > :is(
-      p,
-      blockquote,
-      ul,
-      ol,
-      table,
       [data-slot="typography-lead"],
-      [data-slot="typography-p"],
-      [data-slot="typography-blockquote"],
-      [data-slot="typography-list"],
       [data-slot="typography-table-container"],
       div,
       section,
@@ -47,7 +37,6 @@ const {
       nav,
       figure,
       details,
-      .docs-code-block,
       pre,
       small,
       dl,
@@ -59,39 +48,42 @@ const {
     @apply mt-6;
   }
 
-  [data-slot="typography"]
-    > :is(h2, [data-slot="typography-h2"]):not(:first-child) {
+  [data-slot="typography"] > h1 {
+    @apply scroll-m-20 text-4xl font-semibold tracking-tight text-balance;
+  }
+
+  [data-slot="typography"] > h2 {
+    @apply scroll-m-20 text-3xl font-semibold tracking-tight;
+  }
+
+  [data-slot="typography"] > h2:first-child {
+    @apply mt-0;
+  }
+
+  [data-slot="typography"] > h2:not(:first-child) {
     @apply mt-10;
   }
 
-  [data-slot="typography"]
-    > :is(h3, h4, [data-slot="typography-h3"], [data-slot="typography-h4"]):not(
-      :first-child
-    ) {
+  [data-slot="typography"] > h3 {
+    @apply scroll-m-20 text-2xl font-semibold tracking-tight;
+  }
+
+  [data-slot="typography"] > h3:not(:first-child) {
+    @apply mt-8;
+  }
+
+  [data-slot="typography"] > h4 {
+    @apply scroll-m-20 text-xl font-semibold tracking-tight;
+  }
+
+  [data-slot="typography"] > h4:not(:first-child) {
     @apply mt-8;
   }
 
   [data-slot="typography"]
-    > :is(
-      h1,
-      h2,
-      h3,
-      h4,
-      [data-slot="typography-h1"],
-      [data-slot="typography-h2"],
-      [data-slot="typography-h3"],
-      [data-slot="typography-h4"]
-    )
+    > :is(h1, h2, h3, h4)
     + :is(
-      p,
-      blockquote,
-      ul,
-      ol,
-      table,
       [data-slot="typography-lead"],
-      [data-slot="typography-p"],
-      [data-slot="typography-blockquote"],
-      [data-slot="typography-list"],
       [data-slot="typography-table-container"],
       div,
       section,
@@ -100,8 +92,12 @@ const {
       nav,
       figure,
       details,
-      .docs-code-block,
+      p,
+      blockquote,
       pre,
+      ul,
+      ol,
+      table,
       small,
       dl,
       img,
@@ -112,6 +108,31 @@ const {
     @apply mt-4;
   }
 
+  [data-slot="typography"] > p {
+    @apply text-base leading-7;
+  }
+
+  [data-slot="typography"] > p:not(:first-child) {
+    @apply mt-6;
+  }
+
+  [data-slot="typography"]
+    > :is(h1, h2, h3, h4)
+    + :is(p, [data-slot="typography-lead"]):not(:first-child) {
+    @apply mt-4;
+  }
+
+  [data-slot="typography"] > a:not([data-slot]),
+  [data-slot="typography"]
+    > :is(p, blockquote, ul, ol, dl, table)
+    a:not([data-slot]) {
+    @apply text-primary font-medium underline underline-offset-4;
+  }
+
+  [data-slot="typography"] > blockquote {
+    @apply mt-6 border-l-2 pl-6 text-base italic;
+  }
+
   [data-slot="typography"] > hr {
     @apply border-border my-8;
   }
@@ -126,16 +147,16 @@ const {
 
   [data-slot="typography"] > .docs-code-block > pre,
   [data-slot="typography"] > .docs-code-block > pre.astro-code {
-    @apply m-0 rounded-none border-0 bg-transparent! p-4 pr-14 text-sm leading-(--text-sm--line-height);
+    @apply m-0 rounded-none border-0 !bg-transparent p-4 pr-14 text-sm leading-[var(--text-sm--line-height)];
     font-family: var(--font-mono);
   }
 
   [data-slot="typography"] > .docs-code-block > pre.astro-code code {
-    @apply text-sm leading-(--text-sm--line-height) text-(--shiki-light,var(--foreground))!;
+    @apply text-sm leading-[var(--text-sm--line-height)] !text-[var(--shiki-light,var(--foreground))];
   }
 
   .dark [data-slot="typography"] > .docs-code-block > pre.astro-code code {
-    @apply text-(--shiki-dark,var(--foreground))!;
+    @apply !text-[var(--shiki-dark,var(--foreground))];
   }
 
   .dark
@@ -143,7 +164,7 @@ const {
     > .docs-code-block
     > pre.astro-code
     span[style*="--shiki-dark"] {
-    @apply font-(--shiki-dark-font-weight,inherit)! text-(--shiki-dark)! [font-style:var(--shiki-dark-font-style,inherit)]! [text-decoration:var(--shiki-dark-text-decoration,inherit)]!;
+    @apply ![font-weight:var(--shiki-dark-font-weight,inherit)] !text-[var(--shiki-dark)] ![font-style:var(--shiki-dark-font-style,inherit)] ![text-decoration:var(--shiki-dark-text-decoration,inherit)];
   }
 
   [data-slot="typography"] > .docs-code-block > .docs-code-copy {
@@ -154,6 +175,42 @@ const {
     @apply size-4;
   }
 
+  [data-slot="typography"] > ul,
+  [data-slot="typography"] > ol {
+    @apply my-6 ml-6 text-base;
+  }
+
+  [data-slot="typography"] > ul {
+    @apply list-disc;
+  }
+
+  [data-slot="typography"] > ol {
+    @apply list-decimal;
+  }
+
+  [data-slot="typography"] > ul > li,
+  [data-slot="typography"] > ol > li {
+    @apply mt-2;
+  }
+
+  [data-slot="typography"] > [data-slot="typography-lead"] {
+    @apply text-muted-foreground;
+  }
+
+  [data-slot="typography"][data-size="sm"] > [data-slot="typography-lead"] {
+    @apply text-base;
+  }
+
+  [data-slot="typography"] > [data-slot="typography-lead"],
+  [data-slot="typography"][data-size="default"]
+    > [data-slot="typography-lead"] {
+    @apply text-lg;
+  }
+
+  [data-slot="typography"][data-size="lg"] > [data-slot="typography-lead"] {
+    @apply text-xl;
+  }
+
   [data-slot="typography"] > small {
     @apply block leading-none font-medium;
   }
@@ -162,19 +219,88 @@ const {
     @apply text-sm;
   }
 
+  [data-slot="typography"] > table {
+    @apply border-border my-6 block w-full overflow-x-auto rounded-lg border;
+    border-collapse: separate;
+    border-spacing: 0;
+  }
+
+  [data-slot="typography"] > table th,
+  [data-slot="typography"] > table td {
+    @apply border-border border-b px-4 py-2 text-left align-top whitespace-nowrap;
+  }
+
+  [data-slot="typography"] > table th {
+    @apply text-foreground bg-muted/40 font-medium;
+  }
+
+  [data-slot="typography"] > table tr:last-child td {
+    @apply border-b-0;
+  }
+
+  [data-slot="typography"] > table thead,
+  [data-slot="typography"] > table tbody,
+  [data-slot="typography"] > table tr {
+    @apply w-full;
+  }
+
+  [data-slot="typography"] > table tr {
+    @apply grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)];
+  }
+
+  [data-slot="typography"] > table tr {
+    @apply even:bg-muted/40 m-0 border-t p-0 first:border-t-0;
+  }
+
+  [data-slot="typography"] > table th {
+    @apply border-r px-4 py-2 text-left font-bold last:border-r-0;
+  }
+
+  [data-slot="typography"] > table th[align="center"] {
+    @apply text-center;
+  }
+
+  [data-slot="typography"] > table th[align="right"] {
+    @apply text-right;
+  }
+
+  [data-slot="typography"] > table td {
+    @apply border-r px-4 py-2 text-left last:border-r-0;
+  }
+
+  [data-slot="typography"] > table td[align="center"] {
+    @apply text-center;
+  }
+
+  [data-slot="typography"] > table td[align="right"] {
+    @apply text-right;
+  }
+
+  [data-slot="typography"] > table tbody tr:last-child td {
+    @apply border-b-0;
+  }
+
+  [data-slot="typography"] :not(pre) > code {
+    @apply bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold;
+  }
+
+  [data-slot="typography"] > table :not(pre) > code {
+    @apply rounded-md text-sm leading-5 font-normal;
+  }
+
   [data-slot="typography"] > pre.astro-code {
-    @apply border-border bg-muted/60! rounded-xl border p-4 text-sm leading-(--text-sm--line-height);
+    @apply border-border !bg-muted/60 rounded-xl border p-4 text-sm leading-[var(--text-sm--line-height)];
   }
 
   [data-slot="typography"] > pre.astro-code code {
-    @apply text-inherit!;
+    @apply !text-inherit;
   }
 
   .dark [data-slot="typography"] > pre.astro-code {
-    @apply text-(--shiki-dark,var(--foreground))!;
+    @apply !text-[var(--shiki-dark,var(--foreground))];
   }
 
   .dark [data-slot="typography"] > pre.astro-code span[style*="--shiki-dark"] {
-    @apply font-(--shiki-dark-font-weight,inherit)! text-(--shiki-dark)! [font-style:var(--shiki-dark-font-style,inherit)]! [text-decoration:var(--shiki-dark-text-decoration,inherit)]!;
+    @apply ![font-weight:var(--shiki-dark-font-weight,inherit)] !text-[var(--shiki-dark)] ![font-style:var(--shiki-dark-font-style,inherit)] ![text-decoration:var(--shiki-dark-text-decoration,inherit)];
   }
 </style>

package/src/components/ui/video/video.astro

@@ -3,19 +3,13 @@ import type { HTMLAttributes } from "astro/types"
 
 import { cn } from "@/lib/utils"
 
-type Props = Omit<HTMLAttributes<"iframe">, "src"> & {
+type Props = Omit<HTMLAttributes<"div">, "src"> & {
   src?: string
-  title?: string
 }
 
-const {
-  class: className,
-  src,
-  title = "Embedded video",
-  ...props
-} = Astro.props
+const { class: className, src, ...props } = Astro.props
 
-const getVideoId = (value?: string) => {
+const getEmbedSrc = (value?: string) => {
   if (!value) return undefined
 
   try {
@@ -23,32 +17,25 @@ const getVideoId = (value?: string) => {
     const host = url.hostname.replace(/^www\./, "")
 
     if (host === "youtube.com" && url.pathname === "/watch") {
-      return url.searchParams.get("v") ?? undefined
+      const id = url.searchParams.get("v")
+      return id ? `https://www.youtube.com/embed/${id}` : undefined
     }
 
     if (host === "youtube.com" && url.pathname.startsWith("/shorts/")) {
-      return url.pathname.split("/")[2]
+      const id = url.pathname.split("/")[2]
+      return id ? `https://www.youtube.com/embed/${id}` : undefined
     }
 
     if (host === "youtu.be") {
-      return url.pathname.slice(1)
+      const id = url.pathname.slice(1)
+      return id ? `https://www.youtube.com/embed/${id}` : undefined
     }
   } catch {
     return undefined
   }
 }
 
-const videoId = getVideoId(src)
-const embedSrc = videoId
-  ? `https://www.youtube-nocookie.com/embed/${videoId}`
-  : undefined
-const thumbnailSrc = videoId
-  ? `https://i.ytimg.com/vi/${videoId}/hqdefault.jpg`
-  : undefined
-const srcdoc =
-  embedSrc && thumbnailSrc
-    ? `<style>*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:grid;place-items:center;background:#000;font-family:system-ui,sans-serif}a{position:absolute;inset:0;display:grid;place-items:center;color:white;text-decoration:none}img{width:100%;height:100%;object-fit:cover}span{position:absolute;display:grid;place-items:center;width:4.5rem;height:3.25rem;border-radius:1rem;background:rgb(0 0 0 / .72);box-shadow:0 10px 30px rgb(0 0 0 / .25);transition:background .15s ease}span:before{content:"";margin-left:.25rem;border-top:.7rem solid transparent;border-bottom:.7rem solid transparent;border-left:1.1rem solid currentColor}a:hover span{background:#ff0033}</style><a href="${embedSrc}?autoplay=1" aria-label="Play video"><img src="${thumbnailSrc}" alt="" /><span></span></a>`
-    : undefined
+const embedSrc = getEmbedSrc(src)
 const isShort = src?.includes("/shorts/")
 ---
 
@@ -56,12 +43,9 @@ const isShort = src?.includes("/shorts/")
   embedSrc && (
     <iframe
       src={embedSrc}
-      srcdoc={srcdoc}
-      title={title}
+      title="Embedded video"
       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
       allowfullscreen
-      loading="lazy"
-      referrerpolicy="strict-origin-when-cross-origin"
       class={cn(
         "bg-muted w-full rounded-lg border",
         isShort ? "aspect-9/16 max-w-xs" : "aspect-video",

package/src/styles/global.css

@@ -68,7 +68,7 @@
   --popover: oklch(0.269 0 0);
   --popover-foreground: oklch(0.985 0 0);
   --primary: oklch(0.686 0.2105 41.139);
-  --primary-foreground: oklch(0.145 0 0);
+  --primary-foreground: oklch(1 0 0);
   --secondary: oklch(0.269 0 0);
   --secondary-foreground: oklch(0.985 0 0);
   --muted: oklch(0.269 0 0);
@@ -88,7 +88,7 @@
   --sidebar: oklch(0.205 0 0);
   --sidebar-foreground: oklch(0.985 0 0);
   --sidebar-primary: oklch(0.686 0.2105 41.139);
-  --sidebar-primary-foreground: oklch(0.145 0 0);
+  --sidebar-primary-foreground: oklch(1 0 0);
   --sidebar-accent: oklch(0.269 0 0);
   --sidebar-accent-foreground: oklch(0.985 0 0);
   --sidebar-border: oklch(0.275 0 0);
@@ -115,19 +115,6 @@
 }
 
 @theme inline {
-  --font-sans: var(--font-geist-sans, ui-sans-serif, system-ui, sans-serif);
-  --font-mono: var(
-    --font-geist-mono,
-    ui-monospace,
-    SFMono-Regular,
-    Menlo,
-    Monaco,
-    Consolas,
-    "Liberation Mono",
-    "Courier New",
-    monospace
-  );
-
   --color-background: var(--background);
   --color-foreground: var(--foreground);
   --color-card: var(--card);

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

@@ -1,125 +0,0 @@
-{
-  "$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/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, getEntry, render } from \"astro:content\"\n\nexport const prerender = true\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\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/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"
-}