fulldev-ui 0.7.0-beta.9 → 0.9.0

package/CHANGELOG.md

@@ -1,4 +1,142 @@
-# Changelog
+# Fulldev UI
 
-## [Click here to the releases](https://github.com/fulldotdev/ui/releases)
+## 0.9.0
 
+### Minor Changes
+
+- [#174](https://github.com/fulldotdev/ui/pull/174) [`adc3a73`](https://github.com/fulldotdev/ui/commit/adc3a738efedda93a9092538f751671480dca832) Thanks [@silveltman](https://github.com/silveltman)! - Release Fulldev UI 0.9.0.
+
+  This is a full registry, docs, and reference-site reset. The registry now uses
+  portable Astro source, shadcn-style component contracts, data-slot primitives,
+  Tailwind CSS 4 tokens, and agent-readable docs.
+
+  0.9 is a pre-1.0 minor release, but it includes breaking changes from 0.8.3.
+
+  ## Breaking Changes
+  - Replaced the old Starlight docs site with a custom Astro reference site.
+  - Moved docs content from `src/content/docs/docs` and YAML layouts into
+    `src/content/pages`, `src/content/globals`, `src/schemas`, and layouts.
+  - Removed registry entries: `auto-form`, `block`, `content-5`, `content-6`,
+    `footer`, `image`, `list`, `native-carousel`, `page`, `pricings-1`,
+    `pricings-2`, and `pricings-3`.
+  - Renamed `pricings-*` block entries to `pricing-*`.
+  - Replaced `native-carousel` with the new Embla-based `carousel`.
+  - Removed old standalone footer, image, and list UI items.
+  - Reworked many component exports and subcomponents, including banner, section,
+    sidebar, tile, navigation menu, tabs, sheet, dialog, command, and form items.
+  - Removed legacy Starlight wiring, YAML layout content, old generated assets,
+    old source examples, old issue templates, `ROADMAP.md`, `site.json`, and the
+    old ESLint/Vitest validation path.
+  - Standardized the repo on pnpm, Node 24.15.0, Astro 6, shadcn 4, Tailwind CSS
+    4.3, TypeScript 6, and the current data-slot package set.
+
+  ## Registry
+  - Rebuilt the active registry to 140 entries: 55 UI items, 82 blocks, 1 base
+    `init` item, and 2 indexes.
+  - Added `init` with installable Tailwind CSS 4 theme tokens, light/dark colors,
+    sidebar tokens, radius tokens, and shadow tokens.
+  - Added UI items: `alert-dialog`, `breadcrumb`, `card`, `carousel`,
+    `combobox`, `command`, `dialog`, `dropdown-menu`, `form`, `hover-card`,
+    `input-group`, `kbd`, `popover`, `select`, `slider`, `switch`, `toc`,
+    `toggle`, `tooltip`, and `typography`.
+  - Added block items: `blocks-1`, `doc-1`, `footer-3`, `header-4`, `header-5`,
+    `links-2`, `pricing-1`, `pricing-2`, `pricing-3`, and `sidebar-1`.
+  - Updated nearly every existing block item to match the installable source.
+  - Updated core UI items, including `accordion`, `alert`, `avatar`, `banner`,
+    `collapsible`, `field`, `header`, `item`, `layout`, `logo`, `marquee`,
+    `native-select`, `navigation-menu`, `price`, `radio-group`, `rating`,
+    `section`, `sheet`, `sidebar`, `spinner`, `tabs`, and `tile`.
+  - Updated the `blocks` and `components` indexes.
+  - Refreshed generated `public/r` output.
+  - Added registry dependencies for the new shadcn-style item graph.
+  - Added installable dependencies such as the data-slot packages,
+    `embla-carousel`, `class-variance-authority`, `clsx`, `tailwind-merge`, and
+    `@lexingtonthemes/seo`.
+
+  ## Components
+  - Added data-slot-backed Astro primitives for dialogs, menus, popovers,
+    tooltips, comboboxes, selects, sliders, switches, toggles, accordions,
+    collapsibles, navigation menus, radio groups, tabs, commands, and sheets.
+  - Added Embla-based `Carousel`.
+  - Added shadcn-style `Sidebar` parity components.
+  - Added `Typography`, `InputGroup`, `Kbd`, `Toc`, `Card`, `Breadcrumb`, and
+    `Form` support.
+  - Rebuilt `Layout` into `Layout`, `LayoutHead`, `LayoutBody`, and `LayoutMain`.
+  - Reworked `Banner`, `Section`, `Tile`, `Item`, and `Button`.
+  - Rebuilt `Sheet`, `Dialog`, `Command`, `NavigationMenu`, `RadioGroup`,
+    `Tabs`, `Accordion`, and `Collapsible` for data-slot behavior.
+  - Centralized configurable icon names through `Icon`.
+  - Improved `Price` range formatting.
+  - Expanded `Marquee` with duration, gap, infinite, hover pause, vertical
+    direction, style pass-through, and optional duplicate rendering.
+  - Updated `Video` to use youtube-nocookie embeds, lazy loading, strict referrer
+    policy, configurable titles, and thumbnail-backed `srcdoc` playback.
+  - Disabled transitions during theme switching.
+
+  ## Blocks
+  - Rebuilt the block catalog around portable props, slots, installable
+    dependencies, and registry-safe media inputs.
+  - Updated article, articles, banner, contact, content, CTA, FAQ, features,
+    footer, header, hero, logo, product, products, reviews, and services blocks.
+  - Added `doc-1` for docs pages with Markdown copy, external Markdown/chat
+    links, TOC, callouts, and pagination.
+  - Added `blocks-1` for block docs pages with copy actions, external links, and
+    pagination.
+  - Added `sidebar-1` as the reference docs shell with sidebar navigation,
+    breadcrumbs, command-dialog search, shortcuts, and theme controls.
+  - Added `header-4`, `header-5`, `footer-3`, `links-2`, `pricing-1`,
+    `pricing-2`, and `pricing-3`.
+  - Removed obsolete block variants that are no longer in the active registry.
+  - Fixed product and review block spacing, image aspect utilities, and long quote
+    wrapping.
+
+  ## Documentation
+  - Rebuilt the docs site as a Fulldev reference implementation.
+  - Added 57 component docs pages and 100 block docs pages.
+  - Added docs for introduction, installation, init, theming, dark mode, CLI, MCP,
+    skills, layouts, components, and blocks.
+  - Added individual pages for every active block variant.
+  - Added overview pages for `/docs/`, `/components/`, and `/blocks/`.
+  - Added docs experiences with copy Markdown, Markdown/chat links, TOC, callouts,
+    and pagination.
+  - Added redirects from old `/docs/components/*` URLs to `/components/*`.
+  - Added redirects from old `pricings` URLs to `pricing`.
+  - Removed unsupported RTL docs.
+  - Updated homepage, examples, and installation guidance.
+
+  ## Agent Docs and Architecture
+  - Added `/index.md` as an AI-agent entry point.
+  - Added Markdown output for every content page.
+  - Added `/sitemap.md` with Markdown links for all pages.
+  - Added local Fulldev and shadcn agent skills.
+  - Added `LayoutRenderer`, thin routes, page schemas, global schema, page
+    helpers, and base/home/overview/doc/block layouts.
+  - Added a Fulldev Astro integration wrapper for Tailwind, favicons, robots,
+    sitemap, i18n, image defaults, and prefetch behavior.
+  - Added new logos, contributor avatars, favicon, and optimized author avatar.
+
+  ## Tooling and Release Workflow
+  - Added Changesets config and this release entry.
+  - Added GitHub release PR automation with `changesets/action`.
+  - Added CI for changeset status, formatting, type checking, registry drift, and
+    build validation.
+  - Added scripts for typecheck, formatting, registry checks, release, and
+    publishing.
+  - Updated dev and preview scripts for the project-owned `127.0.0.1:4321`
+    server.
+  - Added local Codex dev, preview, and stop actions.
+  - Updated README, changelog baseline, contributor workflow, package metadata,
+    lockfile, formatting config, and registry workflow docs.
+
+See [GitHub Releases](https://github.com/fulldotdev/ui/releases) for previous releases.
+
+## 0.8.3
+
+Baseline registry version before Changesets-managed Fulldev UI releases.
+
+## 0.8.0 - 2026-03-03
+
+- Stabilized and aligned core primitives with shadcn-style APIs and `data-slot` usage.
+- Added quality infrastructure: CI workflow, linting, Vitest, and registry drift checks.
+- Added card and multiple API-consistency improvements across UI components and docs.
+- Fixed release blockers in docs and registry packaging integrity.

package/README.md

@@ -1,33 +1,35 @@
 # Fulldev UI
 
-The [Astro][astro] UI library to build entire websites
+Open-source Astro components and blocks for developers and AI agents building
+content-driven websites.
 
-Make websites with prebuilt components and blocks
+Fulldev UI is distributed as a shadcn-compatible registry. Install components
+and blocks as source files, then customize, extend, and compose them in your own
+Astro project.
 
 ## Documentation
 
-Please visit the [documentation site][docs]
+For humans: visit [ui.full.dev][docs].
 
-## Contributing
+For agents: read the Markdown entry point:
 
-We welcome all contributions. Please checkout the repository to get started, it is structured just like a normal Astro project.
+```text
+https://ui.full.dev/index.md
+```
 
-## Support
+You can add `.md` to any documentation URL to get Markdown source:
 
-Please [create a Github issue][issues] for things that cross your mind; feature requests, bug reports or feedback.
+```text
+https://ui.full.dev/components/button.md
+https://ui.full.dev/blocks/hero.md
+```
 
-## Community / Contact
+## Contributing
 
-Looking to share your work using fulldev-ui, regular talks about it or support join our [discord server](https://discord.gg/tdmUyH2YE4).
+Please read the [contributing guide](./CONTRIBUTING.md).
 
 ## License
 
-MIT
-
-Copyright (c) 2024–present [Fulldev][fulldev]
+Licensed under the [MIT license](./LICENCE).
 
-[astro]: https://astro.build/
 [docs]: https://ui.full.dev/
-[fulldev]: https://full.dev/
-[issues]: https://github.com/fulldotdev/ui/issues/
-[discord]: https://discord.gg/vXZqMbadm8

package/package.json

@@ -1,100 +1,119 @@
 {
   "name": "fulldev-ui",
-  "version": "0.7.0-beta.9",
-  "description": "A component library built for Astro",
+  "type": "module",
+  "version": "0.9.0",
+  "description": "Open-source Astro UI components and blocks",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",
   "license": "MIT",
   "author": "Fulldev <contact@full.dev> (https://full.dev)",
-  "repository": "github:fulldotdev/ui",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/fulldotdev/ui.git"
+  },
   "keywords": [
     "astro-integration",
     "withastro",
     "astro",
     "astro-component",
-    "astro-component-library",
-    "astro-ui-library",
-    "astro-ui"
+    "astro-components",
+    "astro-ui",
+    "components",
+    "ui",
+    "astro-components",
+    "component-registry",
+    "ui-components",
+    "pagebuilder",
+    "tailwind",
+    "astro-blocks",
+    "content-primitives",
+    "fulldev",
+    "fulldev-ui"
   ],
-  "bin": "cli.js",
-  "type": "module",
-  "scripts": {
-    "astro": "astro",
-    "dev": "astro dev",
-    "start": "astro dev",
-    "build": "astro build",
-    "check": "astro check",
-    "preview": "astro preview",
-    "build:prod": "astro check && astro build",
-    "test": "astro check && astro build && astro preview --host",
-    "shadcn": "npx shadcn-vue@latest add"
-  },
-  "exports": {
-    ".": "./src/lib/integration.ts"
-  },
   "files": [
-    "./src/blocks",
-    "./src/components",
-    "./src/lib",
-    "./src/schemas",
-    "./src/styles",
-    "components.json",
-    "tailwind.config.js",
-    "cli.js"
+    "CHANGELOG.md",
+    "LICENCE",
+    "README.md",
+    "registry.json",
+    "public/r",
+    "src/components/blocks",
+    "src/components/ui",
+    "src/lib",
+    "src/styles/global.css"
   ],
-  "peerDependencies": {
-    "@astrojs/tailwind": "^6.0.0",
-    "@astrojs/vue": "^5.0.6",
-    "astro": "^5.2.6",
-    "tailwind-merge": "^2.6.0",
-    "tailwindcss": "^3.4.17",
-    "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.7.3",
-    "vue": "^3.5.13"
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=22.12.0"
   },
   "dependencies": {
-    "@astrojs/mdx": "^4.0.8",
-    "@astrojs/sitemap": "^3.2.1",
-    "@astrojs/tailwind": "^6.0.0",
-    "@astrojs/vue": "^5.0.6",
-    "@fontsource/geist-mono": "^5.1.1",
-    "@fontsource/geist-sans": "^5.1.0",
-    "@iconify-json/tabler": "^1.2.15",
-    "@internationalized/date": "^3.7.0",
-    "@rollup/plugin-yaml": "^4.1.2",
-    "@unovis/vue": "^1.5.0",
-    "@vee-validate/zod": "^4.15.0",
-    "@vueuse/core": "^12.5.0",
-    "astro": "^5.2.6",
-    "astro-live-code": "^0.0.5",
+    "@astrojs/mdx": "^5.0.6",
+    "@astrojs/sitemap": "^3.7.2",
+    "@data-slot/accordion": "^0.2.166",
+    "@data-slot/alert-dialog": "^0.2.166",
+    "@data-slot/collapsible": "^0.2.166",
+    "@data-slot/combobox": "^0.2.166",
+    "@data-slot/command": "^0.2.166",
+    "@data-slot/core": "^0.2.166",
+    "@data-slot/dialog": "^0.2.166",
+    "@data-slot/dropdown-menu": "^0.2.166",
+    "@data-slot/hover-card": "^0.2.166",
+    "@data-slot/navigation-menu": "^0.2.166",
+    "@data-slot/popover": "^0.2.166",
+    "@data-slot/radio-group": "^0.2.166",
+    "@data-slot/select": "^0.2.166",
+    "@data-slot/slider": "^0.2.166",
+    "@data-slot/switch": "^0.2.166",
+    "@data-slot/tabs": "^0.2.166",
+    "@data-slot/toggle": "^0.2.166",
+    "@data-slot/tooltip": "^0.2.166",
+    "@fontsource-variable/geist": "^5.2.8",
+    "@fontsource-variable/geist-mono": "^5.2.7",
+    "@lexingtonthemes/seo": "^0.2.0",
+    "@tailwindcss/vite": "^4.3.0",
+    "astro": "^6.3.3",
+    "astro-favicons": "^3.1.6",
+    "astro-live-code": "^0.0.6",
     "astro-robots-txt": "^1.0.0",
-    "astro-seo": "^0.8.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "commander": "^13.1.0",
-    "embla-carousel-vue": "^8.5.2",
-    "fs-extra": "^11.3.0",
-    "lucide-vue-next": "^0.474.0",
-    "node-html-parser": "^7.0.1",
-    "radix-vue": "^1.9.13",
-    "tailwind-merge": "^2.6.0",
-    "tailwindcss": "^3.4.17",
-    "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.7.3",
-    "vaul-vue": "^0.2.1",
-    "vee-validate": "^4.15.0",
-    "vite": "^6.0.11",
-    "vue": "^3.5.13",
-    "zod": "^3.24.1"
+    "embla-carousel": "^8.6.0",
+    "lucide-static": "^1.16.0",
+    "shadcn": "^4.7.0",
+    "simple-icons": "^16.19.0",
+    "tailwind-merge": "^3.6.0",
+    "tailwindcss": "^4.3.0",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^6.0.3"
   },
   "devDependencies": {
-    "@astrojs/check": "^0.9.4",
-    "@types/js-yaml": "^4.0.9",
-    "prettier": "3.4.2",
+    "@astrojs/check": "^0.9.9",
+    "@changesets/changelog-github": "^0.7.0",
+    "@changesets/cli": "^2.31.0",
+    "@ianvs/prettier-plugin-sort-imports": "^4.7.1",
+    "prettier": "3.8.3",
     "prettier-plugin-astro": "0.14.1",
-    "prettier-plugin-astro-organize-imports": "^0.4.11",
-    "prettier-plugin-css-order": "^2.1.2",
-    "prettier-plugin-organize-imports": "^4.1.0",
-    "prettier-plugin-tailwindcss": "^0.6.11"
+    "prettier-plugin-tailwindcss": "^0.8.0",
+    "sharp": "^0.34.5"
+  },
+  "scripts": {
+    "astro": "astro",
+    "dev": "pnpm stop && astro dev --host 127.0.0.1 --port 4321",
+    "start": "pnpm dev",
+    "stop": "lsof -tiTCP:4321 -sTCP:LISTEN | xargs kill 2>/dev/null || true",
+    "preview": "pnpm stop && pnpm build && astro preview --host 127.0.0.1 --port 4321",
+    "typecheck": "astro check",
+    "check": "pnpm format:check && pnpm typecheck",
+    "build": "astro build",
+    "build:prod": "pnpm check && pnpm registry:build && pnpm build",
+    "build:preview": "pnpm registry:build && pnpm build && astro preview --host 127.0.0.1 --port 4321",
+    "build:test": "pnpm check && pnpm registry:build && pnpm build && astro preview --host 127.0.0.1 --port 4321",
+    "registry:build": "shadcn build && pnpm format:write --log-level warn",
+    "registry:check": "pnpm registry:build && git diff --exit-code -- registry.json public/r",
+    "format:write": "prettier --write .",
+    "format:check": "prettier --check .",
+    "release": "changeset version && pnpm install --lockfile-only",
+    "release:publish": "pnpm registry:check && pnpm build && changeset publish"
   }
-}
+}

package/public/r/accordion.json

@@ -0,0 +1,38 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "accordion",
+  "dependencies": [
+    "@data-slot/accordion"
+  ],
+  "registryDependencies": [
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/accordion/accordion.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  multiple?: boolean\n  defaultValue?: string | string[]\n  disabled?: boolean\n  orientation?: \"horizontal\" | \"vertical\"\n  loopFocus?: boolean\n  hiddenUntilFound?: boolean\n  collapsible?: boolean\n}\n\nconst {\n  class: className,\n  multiple,\n  defaultValue,\n  disabled,\n  orientation = \"vertical\",\n  loopFocus,\n  hiddenUntilFound,\n  collapsible,\n  ...props\n} = Astro.props\n\nconst serializedDefaultValue = Array.isArray(defaultValue)\n  ? JSON.stringify(defaultValue)\n  : defaultValue\n---\n\n<div\n  data-slot=\"accordion\"\n  data-multiple={multiple}\n  data-default-value={serializedDefaultValue}\n  data-disabled={disabled}\n  data-orientation={orientation}\n  data-loop-focus={loopFocus}\n  data-hidden-until-found={hiddenUntilFound}\n  data-collapsible={collapsible}\n  class={cn(\"flex w-full flex-col\", className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/accordion\"\n\n  create()\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/accordion/accordion-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=\"accordion-content\"\n  class=\"data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden text-sm\"\n  {...props}\n>\n  <div\n    data-slot=\"accordion-content-inner\"\n    class={cn(\n      \"[&_a]:hover:text-foreground h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4\",\n      className\n    )}\n  >\n    <slot />\n  </div>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/accordion/accordion-item.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  value: string\n  disabled?: boolean\n}\n\nconst { class: className, value, disabled, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"accordion-item\"\n  data-value={value}\n  data-disabled={disabled ? \"\" : undefined}\n  class={cn(\"not-last:border-b\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/accordion/accordion-trigger.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"button\">\n\nconst { class: className, type = \"button\", ...props } = Astro.props\n---\n\n<button\n  data-slot=\"accordion-trigger\"\n  type={type}\n  class={cn(\n    \"group/accordion-trigger focus-visible:border-ring focus-visible:ring-ring/50 relative flex w-full flex-1 items-center justify-between gap-4 rounded-md border border-transparent bg-transparent py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n  <Icon\n    name=\"chevron-down\"\n    data-slot=\"accordion-trigger-icon\"\n    aria-hidden=\"true\"\n    class=\"text-muted-foreground pointer-events-none ml-auto size-4 shrink-0 group-aria-expanded/accordion-trigger:hidden\"\n  />\n  <Icon\n    name=\"chevron-up\"\n    data-slot=\"accordion-trigger-icon\"\n    aria-hidden=\"true\"\n    class=\"text-muted-foreground pointer-events-none ml-auto hidden size-4 shrink-0 group-aria-expanded/accordion-trigger:inline\"\n  />\n</button>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/accordion/index.ts",
+      "content": "export { default as Accordion } from \"./accordion.astro\"\nexport { default as AccordionContent } from \"./accordion-content.astro\"\nexport { default as AccordionItem } from \"./accordion-item.astro\"\nexport { default as AccordionTrigger } from \"./accordion-trigger.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/alert-dialog.json

@@ -0,0 +1,78 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "alert-dialog",
+  "dependencies": [
+    "@data-slot/alert-dialog"
+  ],
+  "registryDependencies": [
+    "@fulldev/button"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/alert-dialog/alert-dialog.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div data-slot=\"alert-dialog\" class={className} {...props}>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/alert-dialog\"\n\n  create()\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert-dialog/alert-dialog-trigger.astro",
+      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport { Button } from \"@/components/ui/button\"\n\ntype Props = ComponentProps<typeof Button>\n\nconst { ...props } = Astro.props\n---\n\n<Button data-slot=\"alert-dialog-trigger\" {...props}>\n  <slot />\n</Button>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert-dialog/alert-dialog-portal.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div data-slot=\"alert-dialog-portal\" class={cn(className)} {...props}>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert-dialog/alert-dialog-overlay.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, style, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"alert-dialog-overlay\"\n  hidden\n  class={cn(\n    \"data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 fixed inset-0 isolate z-(--alert-dialog-overlay-stack-index) bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs\",\n    className\n  )}\n  style={`z-index: calc(var(--alert-dialog-overlay-stack-index, 0) + 110);${style ? ` ${style}` : \"\"}`}\n  {...props}\n>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert-dialog/alert-dialog-content.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport AlertDialogOverlay from \"@/components/ui/alert-dialog/alert-dialog-overlay.astro\"\nimport AlertDialogPortal from \"@/components/ui/alert-dialog/alert-dialog-portal.astro\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  size?: \"default\" | \"sm\"\n}\n\nconst { class: className, size = \"default\", style, ...props } = Astro.props\n---\n\n<AlertDialogPortal>\n  <AlertDialogOverlay />\n  <div\n    data-slot=\"alert-dialog-content\"\n    data-size={size}\n    hidden\n    class={cn(\n      \"group/alert-dialog-content bg-popover text-popover-foreground ring-foreground/10 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl p-6 ring-1 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg\",\n      className\n    )}\n    style={`z-index: calc(var(--alert-dialog-content-stack-index, 0) + 111);${style ? ` ${style}` : \"\"}`}\n    {...props}\n  >\n    <slot />\n  </div>\n</AlertDialogPortal>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert-dialog/alert-dialog-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=\"alert-dialog-header\"\n  class={cn(\n    \"grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert-dialog/alert-dialog-media.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=\"alert-dialog-media\"\n  class={cn(\n    \"bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert-dialog/alert-dialog-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=\"alert-dialog-footer\"\n  class={cn(\n    \"flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert-dialog/alert-dialog-title.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"h2\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<h2\n  data-slot=\"alert-dialog-title\"\n  class={cn(\n    \"text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</h2>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert-dialog/alert-dialog-description.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"p\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<p\n  data-slot=\"alert-dialog-description\"\n  class={cn(\n    \"text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</p>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert-dialog/alert-dialog-action.astro",
+      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport { Button } from \"@/components/ui/button\"\n\ntype Props = ComponentProps<typeof Button>\n\nconst { ...props } = Astro.props\n---\n\n<Button data-slot=\"alert-dialog-action\" {...props}>\n  <slot />\n</Button>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert-dialog/alert-dialog-cancel.astro",
+      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport { Button } from \"@/components/ui/button\"\n\ntype Props = ComponentProps<typeof Button>\n\nconst { variant = \"outline\", ...props } = Astro.props\n---\n\n<Button data-slot=\"alert-dialog-cancel\" variant={variant} {...props}>\n  <slot />\n</Button>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert-dialog/index.ts",
+      "content": "export { default as AlertDialog } from \"./alert-dialog.astro\"\nexport { default as AlertDialogAction } from \"./alert-dialog-action.astro\"\nexport { default as AlertDialogCancel } from \"./alert-dialog-cancel.astro\"\nexport { default as AlertDialogContent } from \"./alert-dialog-content.astro\"\nexport { default as AlertDialogDescription } from \"./alert-dialog-description.astro\"\nexport { default as AlertDialogFooter } from \"./alert-dialog-footer.astro\"\nexport { default as AlertDialogHeader } from \"./alert-dialog-header.astro\"\nexport { default as AlertDialogMedia } from \"./alert-dialog-media.astro\"\nexport { default as AlertDialogOverlay } from \"./alert-dialog-overlay.astro\"\nexport { default as AlertDialogPortal } from \"./alert-dialog-portal.astro\"\nexport { default as AlertDialogTitle } from \"./alert-dialog-title.astro\"\nexport { default as AlertDialogTrigger } from \"./alert-dialog-trigger.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/alert.json

@@ -0,0 +1,32 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "alert",
+  "files": [
+    {
+      "path": "src/components/ui/alert/alert.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> & HTMLAttributes<\"div\">\n\nconst variants = cva(\n  \"group/alert relative grid w-full gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst { class: className, variant, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"alert\"\n  role=\"alert\"\n  class={cn(variants({ variant }), className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert/alert-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=\"alert-action\"\n  class={cn(\"absolute top-2.5 right-3\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert/alert-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=\"alert-description\"\n  class={cn(\n    \"text-muted-foreground [&_a]:hover:text-foreground text-sm text-balance md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert/alert-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=\"alert-title\"\n  class={cn(\n    \"[&_a]:hover:text-foreground font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/alert/index.ts",
+      "content": "export { default as Alert } from \"./alert.astro\"\nexport { default as AlertAction } from \"./alert-action.astro\"\nexport { default as AlertTitle } from \"./alert-title.astro\"\nexport { default as AlertDescription } from \"./alert-description.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/article-1.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "article-1",
+  "registryDependencies": [
+    "@fulldev/avatar",
+    "@fulldev/badge",
+    "@fulldev/section"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/article-1.astro",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  badge?: string\n  title: string\n  description: string\n  author: {\n    image?: ImageMetadata\n    initials: string\n    name: string\n    date: string\n  }\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  badge,\n  title,\n  description,\n  author,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"mx-auto max-w-2xl gap-8\">\n    <div class=\"mx-auto flex w-full max-w-2xl flex-col gap-6\">\n      {\n        badge && (\n          <Badge variant=\"secondary\" class=\"w-fit\">\n            {badge}\n          </Badge>\n        )\n      }\n      <div class=\"flex flex-col gap-4\">\n        <h1\n          class=\"text-4xl leading-tight font-semibold tracking-tight text-balance sm:text-5xl\"\n        >\n          {title}\n        </h1>\n        <p class=\"text-muted-foreground text-lg leading-8 text-balance\">\n          {description}\n        </p>\n      </div>\n      <div class=\"flex items-center gap-3\">\n        <Avatar size=\"lg\">\n          <AvatarImage src={author.image} alt={author.name} />\n          <AvatarFallback>{author.initials}</AvatarFallback>\n        </Avatar>\n        <div class=\"flex flex-col\">\n          <p class=\"text-sm font-medium\">{author.name}</p>\n          <p class=\"text-muted-foreground text-xs\">{author.date}</p>\n        </div>\n      </div>\n    </div>\n\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-16/10 w-full rounded-xl object-cover\"\n      widths={[640, 960]}\n      sizes=\"(min-width: 42rem) 42rem, 100vw\"\n    />\n\n    <article\n      class=\"mx-auto flex w-full max-w-2xl flex-col gap-6 text-base leading-8\"\n    >\n      <slot />\n    </article>\n  </SectionContainer>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}

package/public/r/article-2.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "article-2",
+  "registryDependencies": [
+    "@fulldev/avatar",
+    "@fulldev/badge",
+    "@fulldev/section"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/article-2.astro",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  badge?: string\n  title: string\n  description: string\n  author: {\n    image?: ImageMetadata\n    initials: string\n    name: string\n    date: string\n    readingTime: string\n  }\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  badge,\n  title,\n  description,\n  author,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"mx-auto max-w-2xl items-center gap-8 text-center\">\n    <div class=\"mx-auto flex w-full max-w-2xl flex-col items-center gap-6\">\n      {badge && <Badge variant=\"secondary\">{badge}</Badge>}\n      <div class=\"flex flex-col gap-4\">\n        <h1\n          class=\"text-4xl leading-tight font-semibold tracking-tight text-balance sm:text-5xl\"\n        >\n          {title}\n        </h1>\n        <p class=\"text-muted-foreground text-lg leading-8 text-balance\">\n          {description}\n        </p>\n      </div>\n      <div class=\"flex items-center gap-3\">\n        <Avatar size=\"lg\">\n          <AvatarImage src={author.image} alt={author.name} />\n          <AvatarFallback>{author.initials}</AvatarFallback>\n        </Avatar>\n        <div class=\"flex flex-col text-left\">\n          <p class=\"text-sm font-medium\">\n            {author.name}\n            <span class=\"text-muted-foreground font-normal\">\n              &middot; {author.date}\n            </span>\n          </p>\n          <p class=\"text-muted-foreground text-xs\">{author.readingTime}</p>\n        </div>\n      </div>\n    </div>\n\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-16/10 w-full rounded-xl object-cover\"\n      widths={[640, 960]}\n      sizes=\"(min-width: 42rem) 42rem, 100vw\"\n    />\n\n    <article\n      class=\"mx-auto flex w-full max-w-2xl flex-col gap-6 text-left text-base leading-8\"\n    >\n      <slot />\n    </article>\n  </SectionContainer>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}