@camox/cli 0.44.0 → 0.45.0

package/dist/lib/auth-core.d.mts

@@ -1,15 +1,19 @@
 
 //#region src/lib/auth-core.d.ts
-interface AuthToken {
+export interface AuthToken {
   token: string;
   name: string;
   email: string;
 }
-declare function normalizeUrl(url: string): string;
+export declare function normalizeUrl(url: string): string;
+export declare function isLoopbackUrl(url: URL): boolean;
+export declare function createPreviewSignInUrl(destination: string, target: {
+  projectUuid: string;
+  apiUrl: string;
+}, authToken: string, signal?: AbortSignal): Promise<string>;
 /** Look up stored credentials for a specific Camox authentication backend. */
-declare function readAuthTokenForUrl(authenticationUrl: string, cwd?: string): AuthToken | null;
-declare function writeAuthTokenForUrl(authenticationUrl: string, token: AuthToken, cwd?: string): void;
-declare function removeAuthTokenForUrl(authenticationUrl: string, cwd?: string): void;
-declare function verifyOneTimeToken(apiUrl: string, token: string): Promise<AuthToken>;
-//#endregion
-export { AuthToken, normalizeUrl, readAuthTokenForUrl, removeAuthTokenForUrl, verifyOneTimeToken, writeAuthTokenForUrl };
+export declare function readAuthTokenForUrl(authenticationUrl: string, cwd?: string): AuthToken | null;
+export declare function writeAuthTokenForUrl(authenticationUrl: string, token: AuthToken, cwd?: string): void;
+export declare function removeAuthTokenForUrl(authenticationUrl: string, cwd?: string): void;
+export declare function verifyOneTimeToken(apiUrl: string, token: string): Promise<AuthToken>;
+//#endregion

package/dist/lib/auth-core.mjs

@@ -1,3 +1,2 @@
 #!/usr/bin/env node
-import { a as writeAuthTokenForUrl, i as verifyOneTimeToken, n as readAuthTokenForUrl, r as removeAuthTokenForUrl, t as normalizeUrl } from "../auth-core-4Jdf5q-u.mjs";
-export { normalizeUrl, readAuthTokenForUrl, removeAuthTokenForUrl, verifyOneTimeToken, writeAuthTokenForUrl };
+export { t as createPreviewSignInUrl, n as isLoopbackUrl, r as normalizeUrl, i as readAuthTokenForUrl, a as removeAuthTokenForUrl, o as verifyOneTimeToken, s as writeAuthTokenForUrl } from "../auth-core-xLeorUUV.mjs";

package/dist/local-dns-DQIT1ucr.mjs

@@ -0,0 +1,22 @@
+#!/usr/bin/env node
+import { syncBuiltinESMExports } from "node:module";
+import dns from "node:dns";
+//#region src/lib/local-dns.ts
+const selectedHosts = /* @__PURE__ */ new Set();
+let installed = false;
+/** Resolve explicitly selected local backends without depending on OS wildcard DNS. */
+function installLocalhostDns(hostname) {
+	if (!hostname.endsWith(".localhost")) return;
+	selectedHosts.add(hostname);
+	if (installed) return;
+	installed = true;
+	const handler = { apply(target, receiver, args) {
+		if (selectedHosts.has(args[0])) args[0] = "127.0.0.1";
+		return Reflect.apply(target, receiver, args);
+	} };
+	dns.lookup = new Proxy(dns.lookup, handler);
+	dns.promises.lookup = new Proxy(dns.promises.lookup, handler);
+	syncBuiltinESMExports();
+}
+//#endregion
+export { installLocalhostDns as t };

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@camox/cli",
-  "version": "0.44.0",
+  "version": "0.45.0",
   "license": "MIT",
   "bin": {
     "camox": "./dist/index.mjs"
   },
   "files": [
-    "dist",
-    "templates"
+    "dist"
   ],
   "type": "module",
   "main": "./dist/index.mjs",
@@ -19,30 +18,35 @@
     }
   },
   "dependencies": {
-    "@clack/prompts": "^0.10.0",
-    "@optique/core": "^1.0.2",
-    "@optique/run": "^1.0.2",
-    "@orpc/client": "^1.14.3",
-    "@orpc/server": "^1.14.3",
-    "slugify": "^1.6.9",
-    "zod": "^4.4.3"
+    "@clack/prompts": "^1.8.1",
+    "@optique/core": "^1.3.6",
+    "@optique/run": "^1.3.6",
+    "@orpc/client": "^1.15.7",
+    "@orpc/server": "^1.15.7",
+    "zod": "^4.6.7"
   },
   "devDependencies": {
     "@types/node": "^24.12.4",
-    "@typescript/native-preview": "7.0.0-dev.20260412.1",
-    "vite-plus": "^0.1.21",
-    "@camox/api-contract": "0.44.0"
+    "vite-plus": "1.3.0",
+    "@camox/api-contract": "0.45.0"
   },
   "nx": {
     "tags": [
       "type:pkg"
-    ]
+    ],
+    "targets": {
+      "test": {
+        "dependsOn": [
+          "build"
+        ]
+      }
+    }
   },
   "scripts": {
-    "build": "node scripts/sync-templates.mjs && vp pack",
-    "dev": "node scripts/sync-templates.mjs --watch --build",
-    "lint": "vp lint",
-    "test": "vp pack && node --test test/*.test.mjs",
-    "check": "tsgo --noEmit && vp lint --fix"
+    "build": "vp pack",
+    "dev": "vp pack --watch",
+    "setup:template-artifacts": "bash scripts/setup-template-artifacts.sh",
+    "test": "node --test test/*.test.mjs",
+    "test:network": "node --test test/network/*.test.mjs"
   }
 }

package/dist/api-COfB7AKI.mjs

@@ -1,82 +0,0 @@
-#!/usr/bin/env node
-import { createORPCClient } from "@orpc/client";
-import { RPCLink } from "@orpc/client/fetch";
-//#region src/lib/api.ts
-const CAMOX_API_URL = process.env.CAMOX_API_URL || "https://api.camox.dev";
-function authHeaders(token) {
-	return {
-		Authorization: `Bearer ${token}`,
-		"Content-Type": "application/json"
-	};
-}
-function createRpcClient(token, apiUrl = CAMOX_API_URL, environmentName, disableTelemetry) {
-	const headers = {
-		Authorization: `Bearer ${token}`,
-		"x-camox-client": "cli"
-	};
-	if (environmentName) headers["x-environment-name"] = environmentName;
-	if (disableTelemetry) headers["x-camox-telemetry-disabled"] = "1";
-	return createORPCClient(new RPCLink({
-		url: `${apiUrl}/rpc`,
-		headers
-	}));
-}
-async function verifySession(token) {
-	return (await fetch(`${CAMOX_API_URL}/api/auth/get-session`, {
-		method: "GET",
-		headers: authHeaders(token)
-	})).ok;
-}
-async function listOrganizations(token) {
-	const res = await fetch(`${CAMOX_API_URL}/api/auth/organization/list`, {
-		method: "GET",
-		headers: authHeaders(token)
-	});
-	if (!res.ok) throw new Error(`Failed to list organizations: ${res.status}`);
-	return res.json();
-}
-async function createOrganization(token, name, slug) {
-	const res = await fetch(`${CAMOX_API_URL}/api/auth/organization/create`, {
-		method: "POST",
-		headers: authHeaders(token),
-		body: JSON.stringify({
-			name,
-			slug
-		})
-	});
-	if (!res.ok) {
-		const text = await res.text();
-		throw new Error(`Failed to create organization: ${res.status} ${text}`);
-	}
-	return res.json();
-}
-async function setActiveOrganization(token, organizationId) {
-	const res = await fetch(`${CAMOX_API_URL}/api/auth/organization/set-active`, {
-		method: "POST",
-		headers: authHeaders(token),
-		body: JSON.stringify({ organizationId })
-	});
-	if (!res.ok) throw new Error(`Failed to set active organization: ${res.status}`);
-}
-async function checkSlugAvailability(token, slug) {
-	return createRpcClient(token).projects.checkSlugAvailability({ slug });
-}
-async function createProject(token, name, slug, organizationId) {
-	return await createRpcClient(token).projects.create({
-		name,
-		slug,
-		organizationId
-	});
-}
-async function getProjectBySlug(token, slug, apiUrl) {
-	return createRpcClient(token, apiUrl).projects.getBySlug({ slug });
-}
-async function callTool(params) {
-	return await createRpcClient(params.token, params.apiUrl, params.environmentName, params.disableTelemetry).agent.callTool({
-		projectId: params.projectId,
-		name: params.name,
-		arguments: params.args
-	});
-}
-//#endregion
-export { getProjectBySlug as a, verifySession as c, createProject as i, checkSlugAvailability as n, listOrganizations as o, createOrganization as r, setActiveOrganization as s, callTool as t };

package/dist/api-LuNKejJE.mjs

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-import { c as verifySession } from "./api-COfB7AKI.mjs";
-export { verifySession };

package/templates/default/.env.example

@@ -1,2 +0,0 @@
-# CI-only production releases — retrieve from https://app.camox.dev
-CAMOX_DEPLOY_TOKEN=

package/templates/default/components.json

@@ -1,25 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "base-vega",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "",
-    "css": "src/styles.css",
-    "baseColor": "zinc",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "iconLibrary": "lucide",
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  },
-  "rtl": false,
-  "menuColor": "default",
-  "menuAccent": "subtle",
-  "registries": {}
-}

package/templates/default/package.json

@@ -1,46 +0,0 @@
-{
-  "name": "@camox/template-default",
-  "version": "0.0.0",
-  "private": true,
-  "license": "MIT",
-  "type": "module",
-  "scripts": {
-    "dev": "vp dev --port 7400",
-    "start": "node .output/server/index.mjs",
-    "build": "vp build",
-    "test:production": "node scripts/production-smoke.mjs",
-    "release": "camox release",
-    "serve": "vp preview",
-    "lint": "vp lint",
-    "check": "vp check"
-  },
-  "dependencies": {
-    "@base-ui/react": "^1.4.1",
-    "@fontsource-variable/inter": "^5.2.8",
-    "@fontsource-variable/noto-serif": "^5.2.9",
-    "@tailwindcss/vite": "^4.3.0",
-    "@tanstack/react-query": "^5.100.11",
-    "camox": "workspace:*",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "lucide-react": "^0.476.0",
-    "nitro": "3.0.260311-beta",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
-    "shadcn": "^4.7.0",
-    "tailwind-merge": "^3.6.0",
-    "tailwindcss": "^4.3.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.29.0",
-    "@rolldown/plugin-babel": "^0.2.3",
-    "@types/babel__core": "^7.20.5",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.2.3",
-    "@typescript/native-preview": "7.0.0-dev.20260519.1",
-    "@vitejs/plugin-react": "^6.0.2",
-    "babel-plugin-react-compiler": "^1.0.0",
-    "tw-animate-css": "^1.4.0",
-    "vite-plus": "^0.1.21"
-  }
-}

package/templates/default/scripts/README.md

@@ -1,35 +0,0 @@
-# Production runtime smoke test
-
-From the repository root:
-
-```sh
-pnpm exec nx run camox:build
-pnpm --filter @camox/template-default test:production
-```
-
-The test builds a temporary copy of the starter using Nitro's Node middleware
-preset, moves only `.output` into an isolated deployment, removes build-time
-`node_modules` links, and serves a real HTTP request. It asserts that React/Base UI
-can render HTML and Camox's OG renderer can produce a PNG. No Camox API, real auth,
-application-level dependency tracing overrides, or direct Takumi dependency is
-needed. A temporary home directory supplies fake build authentication without
-modifying the developer's credentials. CI runs this test after building the SDK.
-
-## Issue #106 investigation
-
-- **Takumi:** the original `createRequire(import.meta.url).resolve(...)` survives
-  bundling, but the WASM package/asset is absent from the deployment. The isolated
-  smoke test reproduced `Cannot find module '@takumi-rs/wasm/takumi_wasm_bg.wasm'`
-  before the fix. Camox now uses a static module import so Nitro's WASM loader
-  owns asset inclusion, including when dependencies are fully bundled. The
-  server-only guard in `createLayout` prevents this import reaching client builds.
-- **tslib:** a package containing only `package.json` and `tslib.es6.mjs`, as
-  reported, reproduces Node's missing `tslib/modules/index.js` error: Node selects
-  that entry from the package exports. The complete upstream package is valid;
-  the partial traced copy is not. The current starter build did not independently
-  reproduce that partial copy. Camox now adds `tslib` to Nitro's `noExternals`,
-  keeping its existing ESM alias and removing reliance on partial package tracing.
-  Plugin tests cover preservation of user options, including `noExternals: true`.
-
-These are SDK integration fixes, not starter workarounds. Applications should not
-need to add Takumi as a direct dependency or configure `traceDeps`/`noExternals`.

package/templates/default/scripts/production-smoke.mjs

@@ -1,124 +0,0 @@
-import assert from "node:assert/strict";
-import { spawnSync } from "node:child_process";
-import { cp, mkdir, mkdtemp, readFile, rm, symlink, writeFile } from "node:fs/promises";
-import { createRequire } from "node:module";
-import { tmpdir } from "node:os";
-import { dirname, join, resolve } from "node:path";
-import { fileURLToPath } from "node:url";
-
-const appRoot = resolve(dirname(fileURLToPath(import.meta.url)), "..");
-const temp = await mkdtemp(join(tmpdir(), "camox-production-"));
-
-try {
-  const root = join(temp, "app");
-  const home = join(temp, "home");
-  await mkdir(join(home, ".camox"), { recursive: true });
-  await writeFile(
-    join(home, ".camox/auth.json"),
-    JSON.stringify({
-      "http://localhost:3274": { token: "smoke", name: "Smoke", email: "smoke@example.com" },
-    }),
-  );
-  await mkdir(root);
-  await mkdir(join(temp, "node_modules"));
-  // Nitro resolves its builder from the project root. Match Vite+'s own Vite
-  // dependency without relying on workspace hoisting in this temporary app.
-  const vitePackage = createRequire(import.meta.resolve("vite-plus")).resolve("vite/package.json");
-  await symlink(dirname(vitePackage), join(temp, "node_modules/vite"), "dir");
-  for (const file of ["src", "vite.config.ts", "tsconfig.json", "package.json"]) {
-    await cp(join(appRoot, file), join(root, file), { recursive: true });
-  }
-  await symlink(join(appRoot, "node_modules"), join(root, "node_modules"), "dir");
-  const configPath = join(root, "vite.config.ts");
-  await writeFile(
-    configPath,
-    (await readFile(configPath, "utf8")).replace(
-      "nitro()",
-      'nitro({ routes: { "/smoke": "./routes/smoke.ts" } })',
-    ),
-  );
-  await mkdir(join(root, "routes"), { recursive: true });
-  await writeFile(
-    join(root, "routes/smoke.ts"),
-    `import { Dialog } from "@base-ui/react/dialog";
-import { createElement } from "react";
-import { renderToStaticMarkup } from "react-dom/server";
-import { ImageResponse } from "camox/_internal/imageResponse";
-
-export default async () => {
-  const element = createElement("div", { style: { color: "black", background: "white" } }, "Production smoke");
-  const image = new ImageResponse(element, { width: 320, height: 160 });
-  const bytes = new Uint8Array(await image.arrayBuffer());
-  const html = renderToStaticMarkup(createElement(Dialog.Root, null,
-    createElement(Dialog.Trigger, null, "Production smoke")));
-  return Response.json({ html, png: Array.from(bytes.slice(0, 8)) });
-};
-`,
-  );
-  const build = spawnSync(
-    process.execPath,
-    [
-      "--input-type=module",
-      "-e",
-      `
-    const { createBuilder } = await import(${JSON.stringify(import.meta.resolve("vite-plus"))});
-    const builder = await createBuilder({ root: ${JSON.stringify(root)} });
-    await builder.buildApp();
-  `,
-    ],
-    {
-      cwd: root,
-      env: {
-        ...process.env,
-        HOME: home,
-        CAMOX_INTERNAL_RELEASE: "0",
-        NITRO_PRESET: "node-middleware",
-      },
-      encoding: "utf8",
-      timeout: 180_000,
-      killSignal: "SIGKILL",
-    },
-  );
-  assert.equal(build.status, 0, `${build.stdout}\n${build.stderr}`);
-
-  // Move only the deployment artifact away from all workspace node_modules.
-  const deployment = join(temp, "deployment");
-  await cp(join(root, ".output"), deployment, { recursive: true });
-  await rm(root, { recursive: true, force: true });
-  await rm(join(temp, "node_modules"), { recursive: true, force: true });
-  const runtime = spawnSync(
-    process.execPath,
-    [
-      "--input-type=module",
-      "-e",
-      `
-    import assert from "node:assert/strict";
-    import { createServer } from "node:http";
-    const { middleware } = await import("./server/index.mjs");
-    const server = createServer(middleware);
-    await new Promise(resolve => server.listen(0, "127.0.0.1", resolve));
-    try {
-      const response = await fetch("http://127.0.0.1:" + server.address().port + "/smoke");
-      assert.equal(response.status, 200, await response.clone().text());
-      const result = await response.json();
-      assert.match(result.html, /Production smoke/);
-      assert.deepEqual(result.png, [137, 80, 78, 71, 13, 10, 26, 10]);
-    } finally {
-      server.closeAllConnections();
-      server.close();
-    }
-  `,
-    ],
-    {
-      cwd: deployment,
-      env: { ...process.env, NODE_PATH: "", NODE_ENV: "production" },
-      encoding: "utf8",
-      timeout: 30_000,
-      killSignal: "SIGKILL",
-    },
-  );
-  assert.equal(runtime.status, 0, `${runtime.stdout}\n${runtime.stderr}`);
-  console.log("Production server rendered HTML and a Takumi PNG from an isolated deployment.");
-} finally {
-  await rm(temp, { recursive: true, force: true });
-}

package/templates/default/src/blocks/faq.tsx

@@ -1,63 +0,0 @@
-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.Repeater({
-      content: {
-        question: Type.String({
-          default: "How do I make this website my own?",
-          title: "Question",
-        }),
-        answer: Type.String({
-          default:
-            "Tell your coding agent what you're building, who it's for, and the style you want. Your agent has access to the Camox skill and will use it to create your own blocks, update your content, and manage your pages.",
-          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-12 sm:py-16 md:py-20">
-      <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/templates/default/src/blocks/footer.tsx

@@ -1,61 +0,0 @@
-import { Type, createBlock } from "camox/createBlock";
-import { Link } from "camox/navigation";
-
-const footer = createBlock({
-  id: "footer",
-  title: "Footer",
-  layoutOnly: true,
-  synced: true,
-  description: "A footer at the bottom of a page with a site name and navigation links.",
-  content: {
-    title: Type.String({ default: "{{projectName}}" }),
-    links: Type.Repeater({
-      content: {
-        link: Type.Link({
-          default: { text: "Footer link", href: "#", newTab: false },
-          title: "Link",
-        }),
-      },
-      minItems: 2,
-      maxItems: 12,
-      title: "Links",
-      toMarkdown: (c) => [c.link],
-    }),
-  },
-  component: FooterComponent,
-  toMarkdown: (c) => [c.title, c.links],
-});
-
-function FooterComponent() {
-  return (
-    <footer className="dark bg-background border-border border-t py-4">
-      <div className="container mx-auto px-4">
-        <div className="flex flex-col gap-4 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between sm:gap-x-6 sm:gap-y-2">
-          <div className="flex items-center gap-2">
-            <footer.Field name="title">
-              {(props) => <div {...props} className="text-foreground text-sm font-bold" />}
-            </footer.Field>
-            <div className="text-muted-foreground text-sm">&copy; {new Date().getFullYear()}</div>
-          </div>
-
-          <div className="flex flex-col items-start gap-4 sm:ml-auto sm:flex-row sm:flex-wrap sm:items-center sm:justify-end">
-            <footer.Repeater name="links">
-              {(linkItem) => (
-                <linkItem.Link name="link">
-                  {(props) => (
-                    <Link
-                      {...props}
-                      className="text-muted-foreground hover:text-foreground text-sm transition-colors"
-                    />
-                  )}
-                </linkItem.Link>
-              )}
-            </footer.Repeater>
-          </div>
-        </div>
-      </div>
-    </footer>
-  );
-}
-
-export { footer as block };

package/templates/default/src/blocks/hero.tsx

@@ -1,92 +0,0 @@
-import { Type, createBlock } from "camox/createBlock";
-import { Link } from "camox/navigation";
-
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-
-const hero = createBlock({
-  id: "hero",
-  title: "Hero",
-  description:
-    "Use this block as the main landing section at the top of a page. It should capture attention immediately with a clear value proposition.",
-  content: {
-    title: Type.String({
-      default: "Let's get going on {{projectName}}",
-      title: "Title",
-    }),
-    description: Type.String({
-      default: "Press ⌘+Enter to edit this page.",
-      maxLength: 280,
-      title: "Description",
-    }),
-    cta: Type.Link({
-      default: { text: "Get started", href: "/", newTab: false },
-      title: "CTA",
-    }),
-    illustration: Type.Image({
-      title: "Illustration",
-    }),
-  },
-  settings: {
-    withIllustration: Type.Boolean({
-      default: true,
-      title: "With illustration",
-    }),
-    theme: Type.Enum({
-      default: "dark",
-      options: { light: "Light", dark: "Dark" },
-      title: "Theme",
-    }),
-  },
-  component: HeroComponent,
-  toMarkdown: (c, s) => [`# ${c.title}`, c.description, s.withIllustration(c.illustration), c.cta],
-});
-
-function HeroComponent() {
-  const withIllustration = hero.useSetting("withIllustration");
-  const theme = hero.useSetting("theme");
-
-  return (
-    <section
-      className={cn(
-        theme === "dark" ? "dark" : "light",
-        "bg-background py-16 sm:py-24 md:py-28",
-        !withIllustration && "flex flex-col items-center justify-center",
-      )}
-    >
-      <div className="container mx-auto">
-        <div
-          className={cn(
-            withIllustration
-              ? "grid items-center gap-12 lg:grid-cols-[1fr_auto]"
-              : "mx-auto max-w-3xl text-center",
-          )}
-        >
-          <div className={cn(withIllustration && "text-left")}>
-            <hero.Field name="title">
-              {(props) => (
-                <h1
-                  {...props}
-                  className="text-foreground mb-6 text-4xl font-bold tracking-tight sm:text-6xl"
-                />
-              )}
-            </hero.Field>
-            <hero.Field name="description">
-              {(props) => <p {...props} className="text-muted-foreground mb-10 text-xl" />}
-            </hero.Field>
-            <hero.Link name="cta">
-              {(props) => <Button size="lg" nativeButton={false} render={<Link {...props} />} />}
-            </hero.Link>
-          </div>
-          {withIllustration && (
-            <hero.Image name="illustration">
-              {(props) => <img {...props} className="h-auto w-full max-w-md rounded-lg" />}
-            </hero.Image>
-          )}
-        </div>
-      </div>
-    </section>
-  );
-}
-
-export { hero as block };