fulldev-ui 0.7.0-beta.9 → 0.7.0

package/components.json

@@ -1,18 +1,24 @@
 {
-  "$schema": "https://shadcn-vue.com/schema.json",
-  "style": "default",
-  "typescript": true,
-  "tsConfigPath": "./tsconfig.json",
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
   "tailwind": {
-    "config": "tailwind.config.js",
+    "config": "",
     "css": "src/styles/global.css",
-    "baseColor": "slate",
+    "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""
   },
-  "framework": "astro",
+  "iconLibrary": "lucide",
   "aliases": {
     "components": "@/components",
-    "utils": "@/lib/utils"
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "registries": {
+    "@fulldev": "http://localhost:4321/r/{name}.json"
   }
-}
+}

package/package.example.json

@@ -0,0 +1,41 @@
+{
+  "name": "fulldev-ui",
+  "version": "0.7.0",
+  "type": "module",
+  "scripts": {
+    "astro": "astro",
+    "dev": "astro dev",
+    "start": "astro dev",
+    "check": "astro check",
+    "preview": "astro preview",
+    "build": "astro build",
+    "build:prod": "astro check && astro build",
+    "build:test": "astro check && astro build && astro preview --host"
+  },
+  "dependencies": {
+    "@astrojs/sitemap": "^3.6.0",
+    "@fontsource/inter": "^5.2.8",
+    "@tailwindcss/vite": "^4.1.14",
+    "astro": "^5.14.5",
+    "astro-favicons": "^3.1.5",
+    "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",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5.9.3"
+  },
+  "devDependencies": {
+    "@astrojs/check": "^0.9.4",
+    "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
+    "@types/node": "^24.8.1",
+    "prettier": "3.6.2",
+    "prettier-plugin-astro": "0.14.1",
+    "prettier-plugin-tailwindcss": "^0.7.0"
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fulldev-ui",
-  "version": "0.7.0-beta.9",
-  "description": "A component library built for Astro",
+  "version": "0.7.0",
+  "description": "Astro UI component and block library compatible with shadcn/ui",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",
   "license": "MIT",
@@ -14,87 +14,60 @@
     "astro-component",
     "astro-component-library",
     "astro-ui-library",
-    "astro-ui"
+    "astro-ui",
+    "components",
+    "ui",
+    "astro-components",
+    "component-library",
+    "ui-components",
+    "pagebuilder",
+    "tailwind",
+    "astro-blocks",
+    "block-library",
+    "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"
-  ],
-  "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"
+    "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"
   },
   "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": "^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",
+    "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"
+    "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",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5.9.3"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.4",
-    "@types/js-yaml": "^4.0.9",
-    "prettier": "3.4.2",
+    "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
+    "@types/node": "^24.8.1",
+    "prettier": "3.6.2",
     "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.7.0"
   }
 }

package/prettier.config.cjs

@@ -0,0 +1,44 @@
+/** @type {import('prettier').Config} */
+module.exports = {
+  endOfLine: "lf",
+  semi: false,
+  singleQuote: false,
+  tabWidth: 2,
+  trailingComma: "es5",
+  importOrder: [
+    "^(react/(.*)$)|^(react$)",
+    "^(next/(.*)$)|^(next$)",
+    "<THIRD_PARTY_MODULES>",
+    "",
+    "^@workspace/(.*)$",
+    "",
+    "^types$",
+    "^@/types/(.*)$",
+    "^@/schemas/(.*)$",
+    "^@/config/(.*)$",
+    "^@/lib/(.*)$",
+    "^@/hooks/(.*)$",
+    "^@/components/ui/(.*)$",
+    "^@/components/(.*)$",
+    // Blocks have moved under components/blocks
+    "^@/components/blocks/(.*)$",
+    "^@/registry/(.*)$",
+    "^@/styles/(.*)$",
+    "^@/app/(.*)$",
+    "^@/www/(.*)$",
+    "",
+    "^[./]",
+  ],
+  importOrderSeparation: false,
+  importOrderSortSpecifiers: true,
+  importOrderBuiltinModulesToTop: true,
+  importOrderParserPlugins: ["typescript", "jsx", "decorators-legacy"],
+  importOrderMergeDuplicateImports: true,
+  importOrderCombineTypeAndValueImports: true,
+  plugins: [
+    "prettier-plugin-astro",
+    "@ianvs/prettier-plugin-sort-imports",
+    "prettier-plugin-tailwindcss",
+  ],
+  tailwindFunctions: ["cva", "cn"],
+}

package/public/r/accordion.json

@@ -0,0 +1,32 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "accordion",
+  "type": "registry:ui",
+  "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",
+      "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",
+      "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",
+      "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",
+      "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"
+    }
+  ]
+}

package/public/r/alert.json

@@ -0,0 +1,27 @@
+{
+  "$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",
+      "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",
+      "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",
+      "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",
+      "type": "registry:ui"
+    }
+  ]
+}

package/public/r/all.json

@@ -0,0 +1,41 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "all",
+  "type": "registry:file",
+  "registryDependencies": [
+    "@fulldev/accordion",
+    "@fulldev/alert",
+    "@fulldev/avatar",
+    "@fulldev/badge",
+    "@fulldev/banner",
+    "@fulldev/button",
+    "@fulldev/checkbox",
+    "@fulldev/empty",
+    "@fulldev/field",
+    "@fulldev/footer",
+    "@fulldev/auto-form",
+    "@fulldev/header",
+    "@fulldev/icon",
+    "@fulldev/image",
+    "@fulldev/input",
+    "@fulldev/item",
+    "@fulldev/label",
+    "@fulldev/list",
+    "@fulldev/logo",
+    "@fulldev/theme-toggle",
+    "@fulldev/native-carousel",
+    "@fulldev/navigation-menu",
+    "@fulldev/price",
+    "@fulldev/radio-group",
+    "@fulldev/rating",
+    "@fulldev/section",
+    "@fulldev/sheet",
+    "@fulldev/skeleton",
+    "@fulldev/spinner",
+    "@fulldev/table",
+    "@fulldev/tabs",
+    "@fulldev/textarea",
+    "@fulldev/tile",
+    "@fulldev/video"
+  ]
+}

package/public/r/article-1.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "article-1",
+  "type": "registry:block",
+  "registryDependencies": [
+    "@fulldev/avatar",
+    "@fulldev/image",
+    "@fulldev/item",
+    "@fulldev/section"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/article-1.astro",
+      "content": "---\nimport { Avatar, AvatarImage } from \"@/components/ui/avatar\"\nimport { Image } from \"@/components/ui/image\"\nimport {\n  Item,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n} from \"@/components/ui/item\"\nimport {\n  Section,\n  SectionContent,\n  SectionMedia,\n  SectionProse,\n} from \"@/components/ui/section\"\n\ninterface Props {\n  class?: string\n  id?: string\n  title?: string\n  description?: string\n  item?: {\n    image?: {\n      src: string\n      alt: string\n    }\n    title?: string\n    description?: string\n  }\n  image?: {\n    src: string\n    alt: string\n  }\n}\n\nconst { class: className, id, title, description, image, item } = Astro.props\n---\n\n<Section class={className} id={id} style={{ \"--container\": \"672px\" }}>\n  <SectionContent>\n    <SectionProse>\n      {title && <h1>{title}</h1>}\n      {description && <p>{description}</p>}\n    </SectionProse>\n    <Item class=\"p-0\">\n      <ItemMedia>\n        <Avatar class=\"size-10\">\n          <AvatarImage src={item?.image?.src} alt={item?.image?.alt} />\n        </Avatar>\n      </ItemMedia>\n      <ItemContent>\n        <ItemTitle>{item?.title}</ItemTitle>\n        <ItemDescription>{item?.description}</ItemDescription>\n      </ItemContent>\n    </Item>\n  </SectionContent>\n  <SectionMedia>\n    <Image sizes=\"(min-width: 672px) 672px, 100vw\" priority {...image} />\n  </SectionMedia>\n  <SectionProse>\n    <slot />\n  </SectionProse>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ]
+}

package/public/r/article-2.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "article-2",
+  "type": "registry:block",
+  "registryDependencies": [
+    "@fulldev/avatar",
+    "@fulldev/image",
+    "@fulldev/item",
+    "@fulldev/section"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/article-2.astro",
+      "content": "---\nimport { Avatar, AvatarImage } from \"@/components/ui/avatar\"\nimport { Image } from \"@/components/ui/image\"\nimport {\n  Item,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n} from \"@/components/ui/item\"\nimport {\n  Section,\n  SectionContent,\n  SectionMedia,\n  SectionProse,\n} from \"@/components/ui/section\"\n\ninterface Props {\n  class?: string\n  id?: string\n  title?: string\n  description?: string\n  item?: {\n    image?: {\n      src: string\n      alt: string\n    }\n    title?: string\n    description?: string\n  }\n  image?: {\n    src: string\n    alt: string\n  }\n}\n\nconst { class: className, id, title, description, image, item } = Astro.props\n---\n\n<Section class={className} id={id} style={{ \"--container\": \"672px\" }}>\n  <SectionContent class=\"items-center\">\n    <SectionProse class=\"text-center text-balance\">\n      {title && <h1>{title}</h1>}\n      {description && <p>{description}</p>}\n    </SectionProse>\n    <Item class=\"p-0\">\n      <ItemMedia>\n        <Avatar class=\"size-10\">\n          <AvatarImage src={image?.src} alt={image?.alt} />\n        </Avatar>\n      </ItemMedia>\n      <ItemContent>\n        <ItemTitle>{item?.title}</ItemTitle>\n        <ItemDescription>{item?.description}</ItemDescription>\n      </ItemContent>\n    </Item>\n  </SectionContent>\n  <SectionMedia>\n    <Image sizes=\"(min-width: 672px) 672px, 100vw\" priority {...image} />\n  </SectionMedia>\n  <SectionProse>\n    <slot />\n  </SectionProse>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ]
+}

package/public/r/articles-1.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "articles-1",
+  "type": "registry:block",
+  "registryDependencies": [
+    "@fulldev/avatar",
+    "@fulldev/button",
+    "@fulldev/icon",
+    "@fulldev/image",
+    "@fulldev/item",
+    "@fulldev/section",
+    "@fulldev/tile"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/articles-1.astro",
+      "content": "---\nimport { Avatar, AvatarImage } from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport {\n  Item,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n} from \"@/components/ui/item\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileContent,\n  TileDescription,\n  TileMedia,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    href?: string\n    title?: string\n    description?: string\n    item?: {\n      image?: {\n        src: string\n        alt: string\n      }\n      title?: string\n      description?: string\n    }\n    image?: {\n      src: string\n      alt: string\n    }\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionContent>\n    <SectionProse>\n      <slot />\n    </SectionProse>\n    <SectionActions>\n      {\n        links?.map(({ icon, text, ...link }, i) => (\n          <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionContent>\n  <SectionGrid>\n    {\n      items?.map(({ title, description, image, href, item }) => (\n        <Tile href={href}>\n          <TileMedia class=\"aspect-video\">\n            <Image sizes=\"600px\" {...image} />\n          </TileMedia>\n          <TileContent>\n            <TileTitle class=\"line-clamp-2\">{title}</TileTitle>\n            <TileDescription class=\"line-clamp-2\">\n              {description}\n            </TileDescription>\n          </TileContent>\n          <Item class=\"p-0\">\n            <ItemMedia>\n              <Avatar class=\"size-10\">\n                <AvatarImage src={item?.image?.src} alt={item?.image?.alt} />\n              </Avatar>\n            </ItemMedia>\n            <ItemContent>\n              <ItemTitle>{item?.title}</ItemTitle>\n              <ItemDescription>{item?.description}</ItemDescription>\n            </ItemContent>\n          </Item>\n        </Tile>\n      ))\n    }\n  </SectionGrid>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ]
+}

package/public/r/articles-2.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "articles-2",
+  "type": "registry:block",
+  "registryDependencies": [
+    "@fulldev/avatar",
+    "@fulldev/button",
+    "@fulldev/icon",
+    "@fulldev/image",
+    "@fulldev/item",
+    "@fulldev/section",
+    "@fulldev/tile"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/articles-2.astro",
+      "content": "---\nimport { Avatar, AvatarImage } from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport {\n  Item,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n} from \"@/components/ui/item\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n  SectionSplit,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileContent,\n  TileDescription,\n  TileMedia,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    href?: string\n    title?: string\n    description?: string\n    item?: {\n      image?: {\n        src: string\n        alt: string\n      }\n      title?: string\n      description?: string\n    }\n    image?: {\n      src: string\n      alt: string\n    }\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionSplit class=\"@5xl:grid-cols-[2fr_3fr]\">\n    <SectionContent>\n      <SectionProse>\n        <slot />\n      </SectionProse>\n      <SectionActions>\n        {\n          links?.map(({ icon, text, ...link }, i) => (\n            <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n              {icon && <Icon name={icon} />}\n              {text}\n            </Button>\n          ))\n        }\n      </SectionActions>\n    </SectionContent>\n    <SectionGrid size=\"lg\">\n      {\n        items?.map(({ title, description, image, href, item }) => (\n          <Tile href={href}>\n            <TileMedia>\n              <Image sizes=\"820px\" {...image} />\n            </TileMedia>\n            <TileContent>\n              <TileTitle>{title}</TileTitle>\n              <TileDescription>{description}</TileDescription>\n            </TileContent>\n            <Item class=\"p-0\">\n              <ItemMedia>\n                <Avatar class=\"size-10\">\n                  <AvatarImage src={item?.image?.src} alt={item?.image?.alt} />\n                </Avatar>\n              </ItemMedia>\n              <ItemContent>\n                <ItemTitle>{item?.title}</ItemTitle>\n                <ItemDescription>{item?.description}</ItemDescription>\n              </ItemContent>\n            </Item>\n          </Tile>\n        ))\n      }\n    </SectionGrid>\n  </SectionSplit>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ]
+}

package/public/r/articles-3.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "articles-3",
+  "type": "registry:block",
+  "registryDependencies": [
+    "@fulldev/avatar",
+    "@fulldev/button",
+    "@fulldev/icon",
+    "@fulldev/image",
+    "@fulldev/item",
+    "@fulldev/section",
+    "@fulldev/tile"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/articles-3.astro",
+      "content": "---\nimport { Avatar, AvatarImage } from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport {\n  Item,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n} from \"@/components/ui/item\"\nimport {\n  Section,\n  SectionActions,\n  SectionGrid,\n  SectionProse,\n  SectionSpread,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileContent,\n  TileDescription,\n  TileMedia,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    href?: string\n    title?: string\n    description?: string\n    item?: {\n      image?: {\n        src: string\n        alt: string\n      }\n      title?: string\n      description?: string\n    }\n    image?: {\n      src: string\n      alt: string\n    }\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionSpread class=\"@5xl:items-end\">\n    <SectionProse>\n      <slot />\n    </SectionProse>\n    <SectionActions class=\"-mx-3 -my-2\">\n      {\n        links?.map(({ icon, text, ...link }) => (\n          <Button variant=\"link\" {...link}>\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionSpread>\n  <SectionGrid>\n    {\n      items?.map(({ title, description, image, href, item }) => (\n        <Tile href={href}>\n          <TileMedia>\n            <Image sizes=\"600px\" {...image} />\n          </TileMedia>\n          <TileContent>\n            <TileTitle>{title}</TileTitle>\n            <TileDescription>{description}</TileDescription>\n          </TileContent>\n          <Item class=\"p-0\">\n            <ItemMedia>\n              <Avatar class=\"size-10\">\n                <AvatarImage src={item?.image?.src} alt={item?.image?.alt} />\n              </Avatar>\n            </ItemMedia>\n            <ItemContent>\n              <ItemTitle>{item?.title}</ItemTitle>\n              <ItemDescription>{item?.description}</ItemDescription>\n            </ItemContent>\n          </Item>\n        </Tile>\n      ))\n    }\n  </SectionGrid>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ]
+}

package/public/r/articles-4.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "articles-4",
+  "type": "registry:block",
+  "registryDependencies": [
+    "@fulldev/avatar",
+    "@fulldev/button",
+    "@fulldev/icon",
+    "@fulldev/image",
+    "@fulldev/item",
+    "@fulldev/section",
+    "@fulldev/tile"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/articles-4.astro",
+      "content": "---\nimport { Avatar, AvatarImage } from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport {\n  Item,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n} from \"@/components/ui/item\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileContent,\n  TileDescription,\n  TileMedia,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    href?: string\n    title?: string\n    description?: string\n    item?: {\n      image?: {\n        src: string\n        alt: string\n      }\n      title?: string\n      description?: string\n    }\n    image?: {\n      src: string\n      alt: string\n    }\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionContent>\n    <SectionProse>\n      <slot />\n    </SectionProse>\n    <SectionActions>\n      {\n        links?.map(({ icon, text, ...link }, i) => (\n          <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionContent>\n  <SectionGrid>\n    {\n      items?.map(({ title, description, image, href, item }) => (\n        <Tile href={href} variant=\"floating\">\n          <TileMedia class=\"-mx-6 -mt-6 aspect-video\">\n            <Image sizes=\"600px\" {...image} />\n          </TileMedia>\n          <TileContent>\n            <TileTitle class=\"line-clamp-2\">{title}</TileTitle>\n            <TileDescription class=\"line-clamp-2\">\n              {description}\n            </TileDescription>\n          </TileContent>\n          <Item class=\"p-0\">\n            <ItemMedia>\n              <Avatar class=\"size-10\">\n                <AvatarImage src={item?.image?.src} alt={item?.image?.alt} />\n              </Avatar>\n            </ItemMedia>\n            <ItemContent>\n              <ItemTitle>{item?.title}</ItemTitle>\n              <ItemDescription>{item?.description}</ItemDescription>\n            </ItemContent>\n          </Item>\n        </Tile>\n      ))\n    }\n  </SectionGrid>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ]
+}

package/public/r/auto-form.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "auto-form",
+  "type": "registry:ui",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/checkbox",
+    "@fulldev/field",
+    "@fulldev/input",
+    "@fulldev/native-select",
+    "@fulldev/radio-group",
+    "@fulldev/textarea"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/auto-form/auto-form.astro",
+      "content": "---\nimport type { ComponentProps, HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Checkbox } from \"@/components/ui/checkbox\"\nimport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldLabel,\n  FieldSet,\n} from \"@/components/ui/field\"\nimport { Input } from \"@/components/ui/input\"\nimport { NativeSelect, NativeSelectOption } from \"@/components/ui/native-select\"\nimport { RadioGroup, RadioGroupItem } from \"@/components/ui/radio-group\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\ntype Field = {\n  label?: string\n  description?: string\n} & (\n  | (ComponentProps<typeof Textarea> & {\n      type: \"textarea\"\n    })\n  | (ComponentProps<typeof Checkbox> & {\n      type: \"checkbox\"\n    })\n  | (ComponentProps<typeof NativeSelect> & {\n      type: \"select\"\n      options: string[]\n      placeholder?: string\n    })\n  | (ComponentProps<typeof RadioGroupItem> & {\n      type: \"radio-group\"\n      options: string[]\n    })\n  | (ComponentProps<typeof Input> & {\n      type: \"text\" | \"tel\" | \"email\" | \"number\"\n    })\n)\n\ninterface Props extends HTMLAttributes<\"form\"> {\n  inbox?: string\n  fields?: Field[]\n  submit?: string\n}\n\nconst { class: className, inbox, fields, submit, ...props } = Astro.props\n---\n\n<form\n  method=\"POST\"\n  data-netlify=\"true\"\n  class={cn(\"flex w-full max-w-2xl flex-col gap-6\", className)}\n  {...props}\n>\n  {\n    fields?.map(({ label, description, name = label, id = name, ...field }) => {\n      switch (field.type) {\n        case \"textarea\":\n          return (\n            <Field>\n              <FieldLabel for={id}>{label}</FieldLabel>\n              <Textarea id={id} name={name} {...field} />\n              <FieldDescription>{description}</FieldDescription>\n            </Field>\n          )\n        case \"select\":\n          const { options: selectOptions, placeholder, ...select } = field\n          return (\n            <Field>\n              <FieldLabel for={id}>{label}</FieldLabel>\n              <NativeSelect id={id} name={name} {...select}>\n                <NativeSelectOption\n                  value={placeholder}\n                  id={placeholder}\n                  disabled\n                  selected\n                >\n                  {placeholder}\n                </NativeSelectOption>\n                {selectOptions?.map((option) => (\n                  <NativeSelectOption value={option} id={option}>\n                    {option}\n                  </NativeSelectOption>\n                ))}\n              </NativeSelect>\n              <FieldDescription>{description}</FieldDescription>\n            </Field>\n          )\n        case \"checkbox\":\n          return (\n            <Field orientation=\"horizontal\">\n              <Checkbox id={id} name={name} {...field} />\n              <FieldContent>\n                <FieldLabel for={id}>{label}</FieldLabel>\n                <FieldDescription>{description}</FieldDescription>\n              </FieldContent>\n            </Field>\n          )\n        case \"radio-group\":\n          const { options: radioOptions, ...radioGroup } = field\n          return (\n            <FieldSet>\n              <FieldLabel>{label}</FieldLabel>\n              <FieldDescription>{description}</FieldDescription>\n              <RadioGroup {...radioGroup}>\n                {radioOptions?.map((option) => (\n                  <Field orientation=\"horizontal\">\n                    <RadioGroupItem value={option} id={option} name={name} />\n                    <FieldLabel for={option}>{option}</FieldLabel>\n                  </Field>\n                ))}\n              </RadioGroup>\n              <FieldDescription>{description}</FieldDescription>\n            </FieldSet>\n          )\n        default:\n          return (\n            <Field>\n              <FieldLabel for={id}>{label}</FieldLabel>\n              <Input id={id} name={name} {...field} />\n              <FieldDescription>{description}</FieldDescription>\n            </Field>\n          )\n      }\n    })\n  }\n  <slot />\n  {inbox && <input type=\"hidden\" name=\"inbox_key\" value={inbox} />}\n  <input type=\"text\" name=\"_gotcha\" class=\"hidden\" />\n  <input type=\"text\" name=\"Pagina\" class=\"hidden\" value={Astro.url.pathname} />\n  <Button type=\"submit\">{submit}</Button>\n</form>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/auto-form/index.ts",
+      "content": "export { default as AutoForm } from \"./auto-form.astro\"\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/public/r/avatar.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "avatar",
+  "type": "registry:ui",
+  "registryDependencies": ["@fulldev/image"],
+  "files": [
+    {
+      "path": "src/components/ui/avatar/avatar.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=\"avatar\"\n      class={cn(\n        \"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/avatar/avatar-fallback.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=\"avatar-fallback\"\n      class={cn(\n        \"bg-muted flex size-full items-center justify-center rounded-full\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/avatar/avatar-image.astro",
+      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Image } from \"@/components/ui/image\"\n\ntype Props = Partial<ComponentProps<typeof Image>>\n\nconst {\n  class: className,\n  alt = \"\",\n  width = 44,\n  height = 44,\n  sizes = \"44px\",\n  widths = [44, 88, 176],\n  ...props\n} = Astro.props\n---\n\n{\n  props.src && (\n    <Image\n      data-slot=\"avatar-image\"\n      class={cn(\"aspect-square size-full\", className)}\n      alt={alt}\n      width={width}\n      height={height}\n      sizes={sizes}\n      widths={widths}\n      {...(props as any)}\n    />\n  )\n}\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/avatar/index.ts",
+      "content": "export { default as Avatar } from \"./avatar.astro\"\nexport { default as AvatarFallback } from \"./avatar-fallback.astro\"\nexport { default as AvatarImage } from \"./avatar-image.astro\"\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/public/r/badge.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "badge",
+  "type": "registry:ui",
+  "files": [
+    {
+      "path": "src/components/ui/badge/badge.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = VariantProps<typeof variants> &\n  HTMLAttributes<\"span\"> &\n  HTMLAttributes<\"a\"> & {\n    text?: string\n    html?: string\n  }\n\nconst variants = cva(\n  \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-md border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent\",\n        destructive:\n          \"bg-destructive [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 border-transparent text-white\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst { class: className, variant, href, text, html, ...props } = Astro.props\n\nconst Comp = href ? \"a\" : \"span\"\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <Comp\n      data-slot=\"badge\"\n      class={cn(variants({ variant }), className)}\n      href={href}\n      set:html={html}\n      set:text={text}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </Comp>\n  )\n}\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/badge/index.ts",
+      "content": "export { default as Badge } from \"./badge.astro\"\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/public/r/banner-1.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "banner-1",
+  "type": "registry:block",
+  "registryDependencies": ["@fulldev/banner", "@fulldev/icon"],
+  "files": [
+    {
+      "path": "src/components/blocks/banner-1.astro",
+      "content": "---\nimport {\n  Banner,\n  BannerContent,\n  BannerDescription,\n  BannerTitle,\n} from \"@/components/ui/banner\"\nimport { Icon } from \"@/components/ui/icon\"\n\ninterface Props {\n  icon?: string\n  title?: string\n  description?: string\n}\n\nconst { icon, title, description } = Astro.props\n---\n\n<Banner>\n  <BannerContent>\n    <Icon class=\"size-5\" name={icon} />\n    <BannerTitle>{title}</BannerTitle>\n    <BannerDescription>{description}</BannerDescription>\n  </BannerContent>\n</Banner>\n",
+      "type": "registry:block"
+    }
+  ]
+}