create-goodfellow 0.0.0-stage → 0.2.0

package/templates/parish/content/pages/sacraments.json

@@ -0,0 +1,259 @@
+{
+  "version": 1,
+  "data": {
+    "content": [
+      {
+        "type": "Section",
+        "props": {
+          "id": "Section-sacraments",
+          "background": "none",
+          "backgroundImage": "",
+          "className": "",
+          "content": [
+            {
+              "type": "Heading",
+              "props": {
+                "id": "Heading-sacraments",
+                "align": "left",
+                "className": "",
+                "level": "h1",
+                "text": "Sacraments"
+              }
+            },
+            {
+              "type": "Text",
+              "props": {
+                "id": "Text-sacraments",
+                "align": "left",
+                "className": "mt-4 max-w-2xl text-lg text-muted-foreground",
+                "content": "<p>The sacraments mark the most important moments of our lives in faith. Here's how to arrange each one at St. Joseph.</p>"
+              }
+            },
+            {
+              "type": "Grid",
+              "props": {
+                "id": "Grid-sacraments",
+                "className": "mt-10",
+                "columns": "2",
+                "gap": "md",
+                "items": [
+                  {
+                    "type": "Section",
+                    "props": {
+                      "id": "Section-baptism",
+                      "background": "none",
+                      "backgroundImage": "",
+                      "className": "rounded-lg border px-2 py-6",
+                      "content": [
+                        {
+                          "type": "Heading",
+                          "props": {
+                            "id": "Heading-baptism",
+                            "align": "left",
+                            "className": "",
+                            "level": "h3",
+                            "text": "Baptism"
+                          }
+                        },
+                        {
+                          "type": "Text",
+                          "props": {
+                            "id": "Text-baptism",
+                            "align": "left",
+                            "className": "mt-2 text-muted-foreground",
+                            "content": "<p>We celebrate baptisms on Sunday afternoons. Parents and godparents come to one short preparation evening first. Contact the parish office at least two months ahead.</p>"
+                          }
+                        }
+                      ],
+                      "padding": "none",
+                      "width": "full"
+                    }
+                  },
+                  {
+                    "type": "Section",
+                    "props": {
+                      "id": "Section-first-communion",
+                      "background": "none",
+                      "backgroundImage": "",
+                      "className": "rounded-lg border px-2 py-6",
+                      "content": [
+                        {
+                          "type": "Heading",
+                          "props": {
+                            "id": "Heading-first-communion",
+                            "align": "left",
+                            "className": "",
+                            "level": "h3",
+                            "text": "First Communion"
+                          }
+                        },
+                        {
+                          "type": "Text",
+                          "props": {
+                            "id": "Text-first-communion",
+                            "align": "left",
+                            "className": "mt-2 text-muted-foreground",
+                            "content": "<p>Children usually receive First Communion in second grade, after a year of preparation in our religious education program or the parish school.</p>"
+                          }
+                        }
+                      ],
+                      "padding": "none",
+                      "width": "full"
+                    }
+                  },
+                  {
+                    "type": "Section",
+                    "props": {
+                      "id": "Section-confirmation",
+                      "background": "none",
+                      "backgroundImage": "",
+                      "className": "rounded-lg border px-2 py-6",
+                      "content": [
+                        {
+                          "type": "Heading",
+                          "props": {
+                            "id": "Heading-confirmation",
+                            "align": "left",
+                            "className": "",
+                            "level": "h3",
+                            "text": "Confirmation"
+                          }
+                        },
+                        {
+                          "type": "Text",
+                          "props": {
+                            "id": "Text-confirmation",
+                            "align": "left",
+                            "className": "mt-2 text-muted-foreground",
+                            "content": "<p>Young people prepare for Confirmation over two years, starting in eighth grade. Adults who want to be confirmed are welcome to join our adult program.</p>"
+                          }
+                        }
+                      ],
+                      "padding": "none",
+                      "width": "full"
+                    }
+                  },
+                  {
+                    "type": "Section",
+                    "props": {
+                      "id": "Section-marriage",
+                      "background": "none",
+                      "backgroundImage": "",
+                      "className": "rounded-lg border px-2 py-6",
+                      "content": [
+                        {
+                          "type": "Heading",
+                          "props": {
+                            "id": "Heading-marriage",
+                            "align": "left",
+                            "className": "",
+                            "level": "h3",
+                            "text": "Marriage"
+                          }
+                        },
+                        {
+                          "type": "Text",
+                          "props": {
+                            "id": "Text-marriage",
+                            "align": "left",
+                            "className": "mt-2 text-muted-foreground",
+                            "content": "<p>Congratulations! Please contact the parish office at least six months before your wedding date, before booking a reception.</p>"
+                          }
+                        }
+                      ],
+                      "padding": "none",
+                      "width": "full"
+                    }
+                  },
+                  {
+                    "type": "Section",
+                    "props": {
+                      "id": "Section-reconciliation",
+                      "background": "none",
+                      "backgroundImage": "",
+                      "className": "rounded-lg border px-2 py-6",
+                      "content": [
+                        {
+                          "type": "Heading",
+                          "props": {
+                            "id": "Heading-reconciliation",
+                            "align": "left",
+                            "className": "",
+                            "level": "h3",
+                            "text": "Reconciliation"
+                          }
+                        },
+                        {
+                          "type": "Text",
+                          "props": {
+                            "id": "Text-reconciliation",
+                            "align": "left",
+                            "className": "mt-2 text-muted-foreground",
+                            "content": "<p>Confession is offered every week, or by appointment. See the <a href=\"/mass-times\">Mass times</a> page.</p>"
+                          }
+                        }
+                      ],
+                      "padding": "none",
+                      "width": "full"
+                    }
+                  },
+                  {
+                    "type": "Section",
+                    "props": {
+                      "id": "Section-anointing",
+                      "background": "none",
+                      "backgroundImage": "",
+                      "className": "rounded-lg border px-2 py-6",
+                      "content": [
+                        {
+                          "type": "Heading",
+                          "props": {
+                            "id": "Heading-anointing",
+                            "align": "left",
+                            "className": "",
+                            "level": "h3",
+                            "text": "Anointing of the sick"
+                          }
+                        },
+                        {
+                          "type": "Text",
+                          "props": {
+                            "id": "Text-anointing",
+                            "align": "left",
+                            "className": "mt-2 text-muted-foreground",
+                            "content": "<p>If someone is seriously ill, in hospital or about to have surgery, call the parish office, at any hour in an emergency.</p>"
+                          }
+                        }
+                      ],
+                      "padding": "none",
+                      "width": "full"
+                    }
+                  }
+                ]
+              }
+            },
+            {
+              "type": "Text",
+              "props": {
+                "id": "Text-becoming-catholic",
+                "align": "left",
+                "className": "mt-12",
+                "content": "<h2>Becoming Catholic</h2><p>Adults who would like to learn about the Catholic faith, or to be baptized or received into the Church, are warmly invited to our weekly sessions from September to Easter. <a href=\"/contact\">Get in touch</a> to find out more.</p>"
+              }
+            }
+          ],
+          "padding": "lg",
+          "width": "normal"
+        }
+      }
+    ],
+    "root": {
+      "props": {
+        "className": "",
+        "description": "How to arrange baptisms, weddings, First Communion and the other sacraments.",
+        "image": "",
+        "title": "Sacraments"
+      }
+    }
+  }
+}

package/templates/parish/content/site.json

@@ -0,0 +1,36 @@
+{
+  "version": 1,
+  "contact": {
+    "address": "100 Church Street\nAnytown, ST 00000",
+    "email": "office@example.org",
+    "phone": "(555) 010-0100"
+  },
+  "description": "An example parish website made with Goodfellow. St. Joseph Parish, its people and its details are made up.",
+  "favicon": "/media/favicon.svg",
+  "language": "en",
+  "logo": {
+    "alt": "St. Joseph Parish",
+    "src": "/media/logo.svg"
+  },
+  "theme": {
+    "colors": {
+      "accent": "#f3ecda",
+      "accentForeground": "#1f3a5f",
+      "border": "#e6dfcf",
+      "muted": "#f7f4ec",
+      "mutedForeground": "#655f52",
+      "primary": "#1f3a5f",
+      "primaryForeground": "#ffffff",
+      "secondary": "#c9a227",
+      "secondaryForeground": "#1f2933"
+    },
+    "fonts": {
+      "body": "Source Sans 3",
+      "heading": "Cormorant Garamond"
+    },
+    "radius": "0.5rem"
+  },
+  "timeZone": "America/New_York",
+  "title": "St. Joseph Parish",
+  "titleTemplate": "%s | St. Joseph Parish"
+}

package/templates/parish/content/styles/custom.css

@@ -0,0 +1,4 @@
+/* Site-wide CSS. Anything here overrides the blocks' own styles. */
+.gf-header {
+  border-bottom: 1px solid var(--color-border);
+}

package/templates/parish/goodfellow.config.tsx

@@ -0,0 +1,24 @@
+import { blocks, categories } from "@goodfellow-cms/blocks";
+import { defineConfig } from "@goodfellow-cms/core";
+// import { github } from "@goodfellow-cms/github";
+// import { gitlab } from "@goodfellow-cms/gitlab";
+import { installedBlocks, installedCategories } from "./blocks/installed";
+import { MassTimes } from "./blocks/mass-times";
+import { Notice } from "./blocks/notice";
+import { Scripture } from "./blocks/scripture";
+
+export default defineConfig({
+  // The built-in blocks, those installed from the admin panel's Blocks screen, and this site's own.
+  // Never rename a key: pages refer to blocks by it.
+  blocks: { ...blocks, ...installedBlocks, MassTimes, Scripture, Notice },
+  categories: {
+    ...categories,
+    ...installedCategories,
+    parish: { title: "Parish", components: ["MassTimes", "Scripture", "Notice"] },
+  },
+
+  // Where the site is stored. Once this is set, builds include the admin panel at /admin.
+  // See README.md for how to set up sign-in.
+  // backend: github({ repo: "your-name/your-site" }),
+  // backend: gitlab({ project: "your-name/your-site", clientId: "your-application-id" }),
+});

package/templates/parish/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@goodfellow-cms/example-parish",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "goodfellow dev",
+    "build": "goodfellow build",
+    "preview": "goodfellow preview",
+    "typecheck": "tsc -p tsconfig.json"
+  },
+  "dependencies": {
+    "@goodfellow-cms/admin": "workspace:*",
+    "@goodfellow-cms/blocks": "workspace:*",
+    "@goodfellow-cms/core": "workspace:*",
+    "@goodfellow-cms/github": "workspace:*",
+    "@goodfellow-cms/gitlab": "workspace:*",
+    "@goodfellow-cms/react": "workspace:*",
+    "@puckeditor/core": "0.23.0",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "cn": "0.4.0",
+    "embla-carousel-react": "8.6.0",
+    "lucide-react": "1.52.0",
+    "radix-ui": "1.7.0",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "tailwind-merge": "3.7.0",
+    "tailwindcss": "4.3.3",
+    "tw-animate-css": "1.4.0"
+  },
+  "devDependencies": {
+    "goodfellow": "workspace:*",
+    "@types/react": "^19.2.0"
+  }
+}

package/templates/parish/public/media/bulletin-example.pdf

@@ -0,0 +1,32 @@
+%PDF-1.4
+1 0 obj
+<< /Type /Catalog /Pages 2 0 R >>
+endobj
+2 0 obj
+<< /Type /Pages /Kids [3 0 R] /Count 1 >>
+endobj
+3 0 obj
+<< /Type /Page /Parent 2 0 R /MediaBox [0 0 612 792] /Resources << /Font << /F1 5 0 R >> >> /Contents 4 0 R >>
+endobj
+4 0 obj
+<< /Length 145 >>
+stream
+BT /F1 28 Tf 72 720 Td (St. Joseph Parish) Tj /F1 16 Tf 0 -40 Td (Example bulletin) Tj 0 -28 Td (Replace this file with your own bulletin.) Tj ET
+endstream
+endobj
+5 0 obj
+<< /Type /Font /Subtype /Type1 /BaseFont /Helvetica >>
+endobj
+xref
+0 6
+0000000000 65535 f 
+0000000009 00000 n 
+0000000058 00000 n 
+0000000115 00000 n 
+0000000241 00000 n 
+0000000437 00000 n 
+trailer
+<< /Size 6 /Root 1 0 R >>
+startxref
+507
+%%EOF

package/templates/parish/public/media/candles.svg

@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 675" preserveAspectRatio="xMidYMid slice">
+  <defs>
+    <radialGradient id="glow" cx="0.5" cy="0.45" r="0.6">
+      <stop offset="0" stop-color="#5a3d1e"/>
+      <stop offset="1" stop-color="#140d07"/>
+    </radialGradient>
+  </defs>
+  <rect width="1200" height="675" fill="url(#glow)"/>
+  <rect y="540" width="1200" height="135" fill="#2a1a0c"/>
+  <g fill="#f3ead7">
+    <rect x="380" y="330" width="60" height="215" rx="6"/>
+    <rect x="500" y="260" width="70" height="285" rx="6"/>
+    <rect x="630" y="300" width="64" height="245" rx="6"/>
+    <rect x="750" y="370" width="56" height="175" rx="6"/>
+  </g>
+  <g fill="#ffd36b">
+    <path d="M410 325 q-14 -26 0 -56 q14 30 0 56z"/>
+    <path d="M535 255 q-16 -30 0 -64 q16 34 0 64z"/>
+    <path d="M662 295 q-15 -28 0 -60 q15 32 0 60z"/>
+    <path d="M778 365 q-13 -24 0 -52 q13 28 0 52z"/>
+  </g>
+</svg>

package/templates/parish/public/media/church.svg

@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice">
+  <defs>
+    <linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#14263f"/>
+      <stop offset="0.6" stop-color="#2c4a72"/>
+      <stop offset="1" stop-color="#7a6a8a"/>
+    </linearGradient>
+  </defs>
+  <rect width="1600" height="900" fill="url(#sky)"/>
+  <g fill="#f4e7c1" opacity="0.7">
+    <circle cx="180" cy="120" r="2"/><circle cx="420" cy="80" r="1.5"/><circle cx="640" cy="160" r="2"/>
+    <circle cx="900" cy="70" r="1.5"/><circle cx="1180" cy="130" r="2"/><circle cx="1450" cy="90" r="1.5"/>
+    <circle cx="300" cy="260" r="1.5"/><circle cx="1320" cy="240" r="1.5"/>
+  </g>
+  <circle cx="1380" cy="190" r="46" fill="#f4e7c1" opacity="0.85"/>
+  <path d="M0 720 Q400 640 800 700 T1600 680 V900 H0z" fill="#1b2f4b"/>
+  <g fill="#0f1d30">
+    <path d="M1010 420 l70 -90 l70 90 v360 h-140z"/>
+    <rect x="1074" y="250" width="12" height="90"/>
+    <rect x="1056" y="268" width="48" height="12"/>
+    <path d="M1150 520 l160 -120 l160 120 v260 h-320z"/>
+  </g>
+  <g fill="#e9b949">
+    <path d="M1066 470 a14 14 0 0 1 28 0 v50 h-28z"/>
+    <path d="M1066 580 a14 14 0 0 1 28 0 v50 h-28z"/>
+    <path d="M1200 600 a16 16 0 0 1 32 0 v60 h-32z"/>
+    <path d="M1294 600 a16 16 0 0 1 32 0 v60 h-32z"/>
+    <path d="M1388 600 a16 16 0 0 1 32 0 v60 h-32z"/>
+    <circle cx="1310" cy="500" r="24"/>
+  </g>
+  <path d="M1280 780 v-70 a30 30 0 0 1 60 0 v70z" fill="#c98f2a"/>
+  <path d="M0 800 Q500 740 1000 790 T1600 780 V900 H0z" fill="#0b1626"/>
+</svg>

package/templates/parish/public/media/favicon.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="St. Joseph Parish">
+  <circle cx="32" cy="32" r="30" fill="#1f3a5f"/>
+  <circle cx="32" cy="32" r="25" fill="none" stroke="#c9a227" stroke-width="2"/>
+  <path d="M29 14h6v10h9v6h-9v20h-6V30h-9v-6h9z" fill="#c9a227"/>
+</svg>

package/templates/parish/public/media/gathering.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 675" preserveAspectRatio="xMidYMid slice">
+  <rect width="1200" height="675" fill="#f6efe0"/>
+  <path d="M0 120 Q300 200 600 120 T1200 120" fill="none" stroke="#8a7a5a" stroke-width="3"/>
+  <g fill="#e9b949">
+    <circle cx="100" cy="150" r="12"/><circle cx="250" cy="175" r="12"/><circle cx="400" cy="160" r="12"/>
+    <circle cx="550" cy="128" r="12"/><circle cx="700" cy="130" r="12"/><circle cx="850" cy="165" r="12"/>
+    <circle cx="1000" cy="170" r="12"/><circle cx="1130" cy="135" r="12"/>
+  </g>
+  <rect y="520" width="1200" height="155" fill="#d9c9a3"/>
+  <g>
+    <circle cx="230" cy="330" r="48" fill="#b5835a"/><rect x="170" y="390" width="120" height="180" rx="50" fill="#1f3a5f"/>
+    <circle cx="420" cy="350" r="44" fill="#e0b48a"/><rect x="365" y="405" width="110" height="165" rx="48" fill="#c9a227"/>
+    <circle cx="600" cy="320" r="50" fill="#8c5a3c"/><rect x="537" y="382" width="126" height="190" rx="52" fill="#7a3b3b"/>
+    <circle cx="780" cy="360" r="40" fill="#f0c9a0"/><rect x="730" y="410" width="100" height="160" rx="44" fill="#3f6b5a"/>
+    <circle cx="960" cy="335" r="46" fill="#a86f4c"/><rect x="902" y="393" width="116" height="180" rx="50" fill="#2c4a72"/>
+    <circle cx="690" cy="470" r="26" fill="#e0b48a"/><rect x="660" y="500" width="60" height="80" rx="26" fill="#e9b949"/>
+  </g>
+</svg>

package/templates/parish/public/media/logo.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="St. Joseph Parish">
+  <circle cx="32" cy="32" r="30" fill="#1f3a5f"/>
+  <circle cx="32" cy="32" r="25" fill="none" stroke="#c9a227" stroke-width="2"/>
+  <path d="M29 14h6v10h9v6h-9v20h-6V30h-9v-6h9z" fill="#c9a227"/>
+</svg>

package/templates/parish/public/media/person.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 675">
+  <rect width="1200" height="675" fill="#efe8d8"/>
+  <circle cx="600" cy="270" r="120" fill="#b9ab8c"/>
+  <path d="M380 675 a220 200 0 0 1 440 0z" fill="#b9ab8c"/>
+</svg>

package/templates/parish/public/media/placeholder.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 675">
+  <rect width="1200" height="675" fill="#efe8d8"/>
+  <path d="M0 520 L320 300 L560 470 L760 340 L1200 600 V675 H0z" fill="#d9c9a3"/>
+  <circle cx="880" cy="200" r="70" fill="#e9b949"/>
+</svg>

package/templates/parish/src/styles.css

@@ -0,0 +1,8 @@
+@import "tailwindcss";
+/* Animations for blocks installed from block registries, such as an FAQ's opening answers. */
+@import "tw-animate-css";
+@import "@goodfellow-cms/react/theme.css";
+@import "@goodfellow-cms/blocks/styles.css";
+
+/* Lets Tailwind find class names typed into the editor. */
+@source "../content";

package/templates/parish/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    // As in shadcn/ui projects: blocks installed from block registries import from "@/components/ui/…".
+    "paths": { "@/*": ["./*"] }
+  },
+  "include": ["goodfellow.config.tsx", "blocks", "components", "lib", "hooks"]
+}

package/templates/parish/vercel.ts

@@ -0,0 +1,65 @@
+// Vercel's settings for this site, which Vercel reads when it builds the site.
+//
+// Vercel also sends the redirects from Site Settings → Redirects (content/redirects.json) itself,
+// so visitors go straight to the new address. Like the pages the build writes at old addresses
+// for other hosts, a redirect from an address a page has is left out: pages always win.
+// This file uses only Node's own modules, since Vercel may read it before installing packages.
+import { existsSync, readdirSync, readFileSync } from "node:fs";
+import { join } from "node:path";
+
+export const config = {
+  framework: null,
+  installCommand: "npm ci",
+  buildCommand: "npx goodfellow build",
+  outputDirectory: "dist",
+  redirects: redirects(),
+};
+
+interface Redirect {
+  from: string;
+  to: string;
+}
+
+function readJson(file: string): Record<string, unknown> | undefined {
+  return existsSync(file) ? JSON.parse(readFileSync(file, "utf8")) : undefined;
+}
+
+/** Every file in a folder and its folders, as paths inside it. */
+function filesIn(dir: string): string[] {
+  if (!existsSync(dir)) return [];
+  return readdirSync(dir, { recursive: true, encoding: "utf8" }).map((file) => file.split("\\").join("/"));
+}
+
+/** The addresses that have pages: `content/pages/about.json` is /about, and each collection item has its own. */
+function pageAddresses(): Set<string> {
+  const addresses = new Set<string>();
+  for (const file of filesIn("content/pages")) {
+    if (file.endsWith(".json")) addresses.add(`/${file.slice(0, -".json".length)}`.replace(/\/?index$/, "") || "/");
+  }
+  for (const id of filesIn("content/collections").filter((file) => file.endsWith("/_collection.json"))) {
+    const folder = id.slice(0, -"/_collection.json".length);
+    const pattern = readJson(join("content/collections", id))?.path;
+    if (typeof pattern !== "string") continue;
+    for (const file of readdirSync(join("content/collections", folder))) {
+      const slug = /^(.+)\.(json|md)$/.exec(file)?.[1];
+      if (slug && file !== "_collection.json") addresses.add(pattern.replace("{slug}", slug).replace(/\/+$/, ""));
+    }
+  }
+  return addresses;
+}
+
+/** An address as Vercel matches it, with the characters its patterns use escaped. */
+function source(path: string): string {
+  return encodeURI(path).replace(/[()[\]{}+*?:!]/g, "\\$&");
+}
+
+function redirects() {
+  const list = (readJson("content/redirects.json")?.redirects ?? []) as Redirect[];
+  const pages = pageAddresses();
+  return list.flatMap(({ from, to }) => {
+    const path = from.replace(/\/+$/, "");
+    if (pages.has(path)) return [];
+    // With and without a trailing slash, as the other hosts serve the page there.
+    return [path, `${path}/`].map((address) => ({ source: source(address), destination: to, permanent: true }));
+  });
+}

package/templates/registry/accordion.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "accordion",
+  "type": "registry:ui",
+  "dependencies": [
+    "cn",
+    "radix-ui"
+  ],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "components/ui/accordion.tsx",
+      "type": "registry:ui",
+      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"cn\"\nimport { ChevronDownIcon } from \"lucide-react\"\nimport { Accordion as AccordionPrimitive } from \"radix-ui\"\n\nfunction Accordion({\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"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:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"
+    }
+  ]
+}

package/templates/registry/alert.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "alert",
+  "type": "registry:ui",
+  "dependencies": [
+    "cn"
+  ],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "components/ui/alert.tsx",
+      "type": "registry:ui",
+      "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"cn\"\n\nconst alertVariants = 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          \"bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription }\n"
+    }
+  ]
+}