fulldev-ui 0.7.0 → 0.9.1

package/CHANGELOG.md

@@ -1,3 +1,148 @@
-# Changelog
+# Fulldev UI
 
-## [Click here to the releases](https://github.com/fulldotdev/ui/releases)
+## 0.9.1
+
+### Patch Changes
+
+- [#178](https://github.com/fulldotdev/ui/pull/178) [`e2c8f47`](https://github.com/fulldotdev/ui/commit/e2c8f476f3333d09eb21ff4fa251d84326664be3) Thanks [@silveltman](https://github.com/silveltman)! - Fix vertical alignment in the header block.
+
+## 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,105 +1,35 @@
 # Fulldev UI
 
-A shadcn-compatible component library built for [Astro][astro], designed for content-driven websites.
+Open-source Astro components and blocks for developers and AI agents building
+content-driven websites.
 
-## Features
-
-- **Vanilla Astro Components** — No framework dependencies, pure Astro components
-- **shadcn Compatible** — Uses the shadcn CLI and registry system for easy installation
-- **Content-First** — Built for content-driven websites with components like sections and tiles
-- **100+ Components & Blocks** — Ready-to-use UI components and pre-built page blocks
-- **Tailwind CSS v4** — Styled with the latest Tailwind CSS
-- **TypeScript** — Full TypeScript support
-
-## Installation
-
-### Prerequisites
-
-- Node.js 18+
-- pnpm (recommended) or npm
-
-### Quick Start
-
-1. **Create a new Astro project** (skip if you have one):
-
-```bash
-npx create-astro@latest my-project --template with-tailwindcss --install --git
-cd my-project
-```
-
-2. **Configure TypeScript paths** in `tsconfig.json`:
-
-```json
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  }
-}
-```
-
-3. **Initialize shadcn**:
-
-```bash
-npx shadcn@latest init
-```
-
-4. **Add fulldev/ui registry** to `components.json`:
-
-```json
-{
-  "registries": {
-    "@fulldev": "https://ui.full.dev/r/{name}.json"
-  }
-}
-```
-
-5. **Add components**:
-
-```bash
-npx shadcn@latest add @fulldev/button
-```
+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
 
-Visit [ui.full.dev][docs] for complete documentation, component examples, and usage guides.
-
-## Development
-
-```bash
-# Install dependencies
-pnpm install
+For humans: visit [ui.full.dev][docs].
 
-# Start development server
-pnpm dev
+For agents: read the Markdown entry point:
 
-# Build for production
-pnpm build
+```text
+https://ui.full.dev/index.md
+```
 
-# Preview production build
-pnpm preview
+You can add `.md` to any documentation URL to get Markdown source:
 
-# Type check
-pnpm check
+```text
+https://ui.full.dev/components/button.md
+https://ui.full.dev/blocks/hero.md
 ```
 
 ## Contributing
 
-We welcome contributions! Please see [CONTRIBUTING.md](CONTRIBUTING.md) for guidelines.
-
-## Community
-
-- **Discord** — Join our [Discord server][discord] to share your work and get support
-- **Issues** — Report bugs and request features on [GitHub Issues][issues]
+Please read the [contributing guide](./CONTRIBUTING.md).
 
 ## License
 
-MIT License — 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/tdmUyH2YE4

package/package.json

@@ -1,73 +1,119 @@
 {
   "name": "fulldev-ui",
-  "version": "0.7.0",
-  "description": "Astro UI component and block library compatible with shadcn/ui",
+  "type": "module",
+  "version": "0.9.1",
+  "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-components",
     "astro-ui",
     "components",
     "ui",
     "astro-components",
-    "component-library",
+    "component-registry",
     "ui-components",
     "pagebuilder",
     "tailwind",
     "astro-blocks",
-    "block-library",
+    "content-primitives",
     "fulldev",
     "fulldev-ui"
   ],
-  "type": "module",
-  "scripts": {
-    "astro": "astro",
-    "dev": "astro dev",
-    "start": "astro dev",
-    "check": "astro check",
-    "preview": "astro preview",
-    "registry:build": "shadcn build",
-    "build": "astro build",
-    "build:prod": "astro check && shadcn build && astro build ",
-    "build:test": "astro check && shadcn build && astro build && astro preview --host"
+  "files": [
+    "CHANGELOG.md",
+    "LICENCE",
+    "README.md",
+    "registry.json",
+    "public/r",
+    "src/components/blocks",
+    "src/components/ui",
+    "src/lib",
+    "src/styles/global.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=22.12.0"
   },
   "dependencies": {
-    "@astrojs/mdx": "^4.3.8",
-    "@astrojs/netlify": "^6.5.13",
-    "@astrojs/sitemap": "^3.6.0",
-    "@astrojs/starlight": "^0.36.1",
-    "@astrojs/starlight-tailwind": "^4.0.1",
-    "@fontsource/inter": "^5.2.8",
-    "@tailwindcss/vite": "^4.1.14",
-    "astro": "^5.14.5",
-    "astro-favicons": "^3.1.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",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-static": "^0.546.0",
-    "shadcn": "3.4.2",
-    "sharp": "^0.34.4",
-    "simple-icons": "^15.16.1",
-    "tailwind-merge": "^3.3.1",
-    "tailwindcss": "^4.1.14",
+    "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": "^5.9.3"
+    "typescript": "^6.0.3"
   },
   "devDependencies": {
-    "@astrojs/check": "^0.9.4",
-    "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
-    "@types/node": "^24.8.1",
-    "prettier": "3.6.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-tailwindcss": "^0.7.0"
+    "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

@@ -1,26 +1,31 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "accordion",
-  "type": "registry:ui",
+  "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\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=\"accordion\" class={cn(\"w-full\", 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  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\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\n      data-slot=\"accordion-content\"\n      class={cn(\"overflow-hidden text-sm\", \"pt-0 pb-4\", className)}\n      {...props}\n    >\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, ...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\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=\"accordion-item\"\n      class={cn(\"border-b last:border-b-0\", \"group\", 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  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\"\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}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <summary\n      data-slot=\"accordion-trigger\"\n      class={cn(\n        \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50\",\n        \"cursor-pointer list-none [&::-webkit-details-marker]:hidden group-open:[&>svg]:rotate-180\",\n        className\n      )}\n      {...props}\n    >\n      <span class=\"flex-1\">\n        <Fragment set:html={slot} />\n      </span>\n      <ChevronDownIcon class=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />\n    </summary>\n  )\n}\n",
+      "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"
     },
     {
@@ -28,5 +33,6 @@
       "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

@@ -1,27 +1,32 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "alert",
-  "type": "registry:ui",
   "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  \"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\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\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      class={cn(variants({ variant }), className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "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\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\n      data-slot=\"alert-description\"\n      class={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className\n      )}\n      {...props}\n    >\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, ...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\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\n      data-slot=\"alert-title\"\n      class={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n        className\n      )}\n      {...props}\n    >\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, ...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 AlertTitle } from \"./alert-title.astro\"\nexport { default as AlertDescription } from \"./alert-description.astro\"\n",
+      "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"
 }