@camox/cli 0.11.0 → 0.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camox/cli",
-  "version": "0.11.0",
+  "version": "0.12.1",
   "bin": {
     "camox": "./dist/index.mjs"
   },
@@ -26,7 +26,12 @@
     "@typescript/native-preview": "7.0.0-dev.20260412.1",
     "oxlint": "^0.15.0",
     "tsdown": "^0.21.8",
-    "@camox/api-contract": "0.11.0"
+    "@camox/api-contract": "0.12.1"
+  },
+  "nx": {
+    "tags": [
+      "type:pkg"
+    ]
   },
   "scripts": {
     "build": "tsdown",

package/template/package.json

@@ -26,6 +26,7 @@
     "nitro": "3.0.260311-beta",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
+    "shadcn": "^4.3.1",
     "tailwind-merge": "^3.5.0",
     "tailwindcss": "^4.0.6"
   },

package/template/src/camox/blocks/faq.tsx

@@ -0,0 +1,63 @@
+import { Type, createBlock } from "camox/createBlock";
+
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+
+const faq = createBlock({
+  id: "faq",
+  title: "FAQ",
+  description:
+    "Use this block to answer common questions about the product, pricing, or company. Place it near the bottom of a page to address objections before a conversion section.",
+  content: {
+    items: Type.RepeatableItem({
+      content: {
+        question: Type.String({
+          default: "What is your refund policy?",
+          title: "Question",
+        }),
+        answer: Type.String({
+          default:
+            "We offer a 30-day money-back guarantee. If you're not satisfied, contact support and we'll process your refund right away.",
+          title: "Answer",
+        }),
+      },
+      minItems: 3,
+      maxItems: Infinity,
+      title: "Questions",
+      toMarkdown: (c) => [`Q: ${c.question}`, `A: ${c.answer}`],
+    }),
+  },
+  component: FaqComponent,
+  toMarkdown: (c) => [c.items],
+});
+
+function FaqComponent() {
+  return (
+    <section className="py-24">
+      <div className="mx-auto max-w-2xl px-4">
+        <Accordion>
+          <faq.Repeater name="items">
+            {(item, index) => (
+              <AccordionItem value={index}>
+                <AccordionTrigger className="items-center text-lg">
+                  <item.Field name="question">{(props) => <span {...props} />}</item.Field>
+                </AccordionTrigger>
+                <AccordionContent>
+                  <item.Field name="answer">
+                    {(props) => <p {...props} className="text-muted-foreground text-base" />}
+                  </item.Field>
+                </AccordionContent>
+              </AccordionItem>
+            )}
+          </faq.Repeater>
+        </Accordion>
+      </div>
+    </section>
+  );
+}
+
+export { faq as block };

package/template/src/camox/blocks/footer.tsx

@@ -8,20 +8,18 @@ const footer = createBlock({
   description: "A footer at the bottom of a page with a site name and navigation links.",
   content: {
     title: Type.String({ default: "{{projectName}}" }),
-    links: Type.RepeatableItem(
-      {
+    links: Type.RepeatableItem({
+      content: {
         link: Type.Link({
           default: { text: "Link", href: "#", newTab: false },
           title: "Link",
         }),
       },
-      {
-        minItems: 1,
-        maxItems: 12,
-        title: "Links",
-        toMarkdown: (c) => [c.link],
-      },
-    ),
+      minItems: 1,
+      maxItems: 12,
+      title: "Links",
+      toMarkdown: (c) => [c.link],
+    }),
   },
   component: FooterComponent,
   toMarkdown: (c) => [c.title, c.links],

package/template/src/camox/blocks/navbar.tsx

@@ -18,20 +18,18 @@ const navbar = createBlock({
         newTab: false,
       },
     }),
-    links: Type.RepeatableItem(
-      {
+    links: Type.RepeatableItem({
+      content: {
         link: Type.Link({
           default: { text: "Link", href: "#", newTab: false },
           title: "Link",
         }),
       },
-      {
-        minItems: 1,
-        maxItems: 6,
-        title: "Links",
-        toMarkdown: (c) => [c.link],
-      },
-    ),
+      minItems: 1,
+      maxItems: 6,
+      title: "Links",
+      toMarkdown: (c) => [c.link],
+    }),
     cta: Type.Link({
       default: { text: "Get Started", href: "#", newTab: false },
       title: "CTA",

package/template/src/camox/blocks/statistics.tsx

@@ -20,8 +20,8 @@ const statistics = createBlock({
         "Our platform empowers teams to build and ship faster. Here are some numbers we're proud of.",
       title: "Description",
     }),
-    statistics: Type.RepeatableItem(
-      {
+    statistics: Type.RepeatableItem({
+      content: {
         number: Type.String({
           default: "100+",
           maxLength: 7,
@@ -32,13 +32,11 @@ const statistics = createBlock({
           title: "Label",
         }),
       },
-      {
-        minItems: 3,
-        maxItems: 8,
-        title: "Statistics",
-        toMarkdown: (c) => [`**${c.number}** — ${c.label}`],
-      },
-    ),
+      minItems: 3,
+      maxItems: 8,
+      title: "Statistics",
+      toMarkdown: (c) => [`**${c.number}** — ${c.label}`],
+    }),
   },
   component: StatisticsComponent,
   toMarkdown: (c) => [`## ${c.subtitle}`, c.description, c.statistics],

package/template/src/styles.css

@@ -1,5 +1,6 @@
 @import "tailwindcss";
 @import "tw-animate-css";
+@import "shadcn-ui/tailwind.css";
 
 @custom-variant dark (&:is(.dark *));