@contractspec/bundle.marketing 1.12.0 → 1.14.0

package/dist/components/marketing/sections/OutputsSection.js

@@ -1,59 +1,111 @@
-import { IconGridSection } from "./IconGridSection.js";
-import { jsx } from "react/jsx-runtime";
-import "react";
+// @bun
+var __require = import.meta.require;
 
-//#region src/components/marketing/sections/OutputsSection.tsx
-const outputs = [
-	{
-		title: "REST API",
-		description: "Type-safe endpoints with validation. Standard Express/Hono/Elysia handlers.",
-		icon: "🔌"
-	},
-	{
-		title: "GraphQL Schema",
-		description: "Automatically generated resolvers. Standard Pothos/Apollo output.",
-		icon: "📊"
-	},
-	{
-		title: "Database Schema",
-		description: "Prisma migrations and types. Standard SQL underneath.",
-		icon: "🗄️"
-	},
-	{
-		title: "MCP Tools",
-		description: "AI agent tool definitions. Works with Claude, GPT, and any MCP client.",
-		icon: "🤖"
-	},
-	{
-		title: "Client SDKs",
-		description: "Type-safe API clients. Standard fetch/axios underneath.",
-		icon: "📦"
-	},
-	{
-		title: "UI Components",
-		description: "React forms and views from specs. Standard JSX output.",
-		icon: "🎨"
-	}
+// src/components/marketing/sections/IconGridSection.tsx
+import { cva } from "class-variance-authority";
+import {
+  MarketingCardsSection,
+  MarketingIconCard
+} from "@contractspec/lib.design-system";
+import { Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var itemVariants = cva("", {
+  variants: {
+    iconRole: {
+      iconFirst: "",
+      listing: "items-start",
+      support: "items-start"
+    }
+  },
+  defaultVariants: { iconRole: "iconFirst" }
+});
+function IconGridSection({
+  eyebrow,
+  title,
+  subtitle,
+  items,
+  tone = "default",
+  padding,
+  columns = 3,
+  iconRole = "iconFirst"
+}) {
+  return /* @__PURE__ */ jsxDEV(MarketingCardsSection, {
+    tone,
+    padding,
+    eyebrow: eyebrow ? /* @__PURE__ */ jsxDEV(Muted, {
+      className: "text-xs font-semibold tracking-[0.2em] uppercase",
+      children: eyebrow
+    }, undefined, false, undefined, this) : null,
+    title,
+    subtitle: subtitle ? /* @__PURE__ */ jsxDEV(Muted, {
+      className: "text-lg",
+      children: subtitle
+    }, undefined, false, undefined, this) : null,
+    columns,
+    children: items.map((card) => /* @__PURE__ */ jsxDEV(MarketingIconCard, {
+      icon: card.icon,
+      title: card.title,
+      description: card.description,
+      tone: card.tone,
+      iconClassName: card.iconClassName,
+      variant: iconRole === "listing" ? "listing" : iconRole === "support" ? "support" : "iconFirst",
+      className: itemVariants({ iconRole })
+    }, card.title, false, undefined, this))
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/sections/OutputsSection.tsx
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var outputs = [
+  {
+    title: "REST API",
+    description: "Type-safe endpoints with validation. Standard Express/Hono/Elysia handlers.",
+    icon: "\uD83D\uDD0C"
+  },
+  {
+    title: "GraphQL Schema",
+    description: "Automatically generated resolvers. Standard Pothos/Apollo output.",
+    icon: "\uD83D\uDCCA"
+  },
+  {
+    title: "Database Schema",
+    description: "Prisma migrations and types. Standard SQL underneath.",
+    icon: "\uD83D\uDDC4\uFE0F"
+  },
+  {
+    title: "MCP Tools",
+    description: "AI agent tool definitions. Works with Claude, GPT, and any MCP client.",
+    icon: "\uD83E\uDD16"
+  },
+  {
+    title: "Client SDKs",
+    description: "Type-safe API clients. Standard fetch/axios underneath.",
+    icon: "\uD83D\uDCE6"
+  },
+  {
+    title: "UI Components",
+    description: "React forms and views from specs. Standard JSX output.",
+    icon: "\uD83C\uDFA8"
+  }
 ];
 function OutputsSection() {
-	return /* @__PURE__ */ jsx(IconGridSection, {
-		tone: "muted",
-		columns: 3,
-		title: "What ContractSpec generates",
-		subtitle: "One contract, multiple outputs. All in sync. All standard tech.",
-		iconRole: "iconFirst",
-		items: outputs.map((item) => ({
-			icon: () => /* @__PURE__ */ jsx("span", {
-				"aria-hidden": true,
-				className: "text-3xl",
-				children: item.icon
-			}),
-			title: item.title,
-			description: item.description
-		}))
-	});
+  return /* @__PURE__ */ jsxDEV2(IconGridSection, {
+    tone: "muted",
+    columns: 3,
+    title: "What ContractSpec generates",
+    subtitle: "One contract, multiple outputs. All in sync. All standard tech.",
+    iconRole: "iconFirst",
+    items: outputs.map((item) => ({
+      icon: () => /* @__PURE__ */ jsxDEV2("span", {
+        "aria-hidden": true,
+        className: "text-3xl",
+        children: item.icon
+      }, undefined, false, undefined, this),
+      title: item.title,
+      description: item.description
+    }))
+  }, undefined, false, undefined, this);
 }
-
-//#endregion
-export { OutputsSection };
-//# sourceMappingURL=OutputsSection.js.map
+export {
+  OutputsSection
+};

package/dist/components/marketing/sections/ProblemSection.d.ts

@@ -1,7 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/marketing/sections/ProblemSection.d.ts
-declare function ProblemSection(): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { ProblemSection };
+export declare function ProblemSection(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProblemSection.d.ts.map

package/dist/components/marketing/sections/ProblemSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProblemSection.d.ts","names":[],"sources":["../../../../src/components/marketing/sections/ProblemSection.tsx"],"mappings":";;;iBAmCgB,cAAA,CAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ProblemSection.d.ts","sourceRoot":"","sources":["../../../../src/components/marketing/sections/ProblemSection.tsx"],"names":[],"mappings":"AAmCA,wBAAgB,cAAc,4CAW7B"}

package/dist/components/marketing/sections/ProblemSection.js

@@ -1,46 +1,98 @@
-import { IconGridSection } from "./IconGridSection.js";
-import { AlertTriangle, Layers, RefreshCw, XCircle } from "lucide-react";
-import { jsx } from "react/jsx-runtime";
-import "react";
+// @bun
+var __require = import.meta.require;
+
+// src/components/marketing/sections/IconGridSection.tsx
+import { cva } from "class-variance-authority";
+import {
+  MarketingCardsSection,
+  MarketingIconCard
+} from "@contractspec/lib.design-system";
+import { Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var itemVariants = cva("", {
+  variants: {
+    iconRole: {
+      iconFirst: "",
+      listing: "items-start",
+      support: "items-start"
+    }
+  },
+  defaultVariants: { iconRole: "iconFirst" }
+});
+function IconGridSection({
+  eyebrow,
+  title,
+  subtitle,
+  items,
+  tone = "default",
+  padding,
+  columns = 3,
+  iconRole = "iconFirst"
+}) {
+  return /* @__PURE__ */ jsxDEV(MarketingCardsSection, {
+    tone,
+    padding,
+    eyebrow: eyebrow ? /* @__PURE__ */ jsxDEV(Muted, {
+      className: "text-xs font-semibold tracking-[0.2em] uppercase",
+      children: eyebrow
+    }, undefined, false, undefined, this) : null,
+    title,
+    subtitle: subtitle ? /* @__PURE__ */ jsxDEV(Muted, {
+      className: "text-lg",
+      children: subtitle
+    }, undefined, false, undefined, this) : null,
+    columns,
+    children: items.map((card) => /* @__PURE__ */ jsxDEV(MarketingIconCard, {
+      icon: card.icon,
+      title: card.title,
+      description: card.description,
+      tone: card.tone,
+      iconClassName: card.iconClassName,
+      variant: iconRole === "listing" ? "listing" : iconRole === "support" ? "support" : "iconFirst",
+      className: itemVariants({ iconRole })
+    }, card.title, false, undefined, this))
+  }, undefined, false, undefined, this);
+}
 
-//#region src/components/marketing/sections/ProblemSection.tsx
-const problemItems = [
-	{
-		icon: AlertTriangle,
-		title: "Can't enforce invariants",
-		description: "AI-generated code drifts from business rules over time. No source of truth means no safety.",
-		iconClassName: "text-red-400"
-	},
-	{
-		icon: Layers,
-		title: "Multi-surface chaos",
-		description: "API, DB, UI, and events get out of sync. One change breaks three surfaces.",
-		iconClassName: "text-orange-400"
-	},
-	{
-		icon: RefreshCw,
-		title: "Hallucinated refactors",
-		description: "AI \"improvements\" introduce subtle bugs and break contracts you didn’t know existed.",
-		iconClassName: "text-amber-400"
-	},
-	{
-		icon: XCircle,
-		title: "Unmaintainable spaghetti",
-		description: "Teams ship fast initially, then spend months untangling AI-generated chaos.",
-		iconClassName: "text-red-400"
-	}
+// src/components/marketing/sections/ProblemSection.tsx
+import { AlertTriangle, Layers, RefreshCw, XCircle } from "lucide-react";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var problemItems = [
+  {
+    icon: AlertTriangle,
+    title: "Can't enforce invariants",
+    description: "AI-generated code drifts from business rules over time. No source of truth means no safety.",
+    iconClassName: "text-red-400"
+  },
+  {
+    icon: Layers,
+    title: "Multi-surface chaos",
+    description: "API, DB, UI, and events get out of sync. One change breaks three surfaces.",
+    iconClassName: "text-orange-400"
+  },
+  {
+    icon: RefreshCw,
+    title: "Hallucinated refactors",
+    description: 'AI "improvements" introduce subtle bugs and break contracts you didn\u2019t know existed.',
+    iconClassName: "text-amber-400"
+  },
+  {
+    icon: XCircle,
+    title: "Unmaintainable spaghetti",
+    description: "Teams ship fast initially, then spend months untangling AI-generated chaos.",
+    iconClassName: "text-red-400"
+  }
 ];
 function ProblemSection() {
-	return /* @__PURE__ */ jsx(IconGridSection, {
-		tone: "muted",
-		columns: 4,
-		eyebrow: "The Problem",
-		title: "AI agents write code fast. Then the chaos begins.",
-		subtitle: "In 2025, \"vibe coding\" and AI agents generate enormous amounts of code. But they have critical limitations that destroy long-term maintainability.",
-		items: problemItems
-	});
+  return /* @__PURE__ */ jsxDEV2(IconGridSection, {
+    tone: "muted",
+    columns: 4,
+    eyebrow: "The Problem",
+    title: "AI agents write code fast. Then the chaos begins.",
+    subtitle: 'In 2025, "vibe coding" and AI agents generate enormous amounts of code. But they have critical limitations that destroy long-term maintainability.',
+    items: problemItems
+  }, undefined, false, undefined, this);
 }
-
-//#endregion
-export { ProblemSection };
-//# sourceMappingURL=ProblemSection.js.map
+export {
+  ProblemSection
+};

package/dist/components/marketing/sections/SolutionSection.d.ts

@@ -1,7 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/marketing/sections/SolutionSection.d.ts
-declare function SolutionSection(): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { SolutionSection };
+export declare function SolutionSection(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SolutionSection.d.ts.map

package/dist/components/marketing/sections/SolutionSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolutionSection.d.ts","names":[],"sources":["../../../../src/components/marketing/sections/SolutionSection.tsx"],"mappings":";;;iBAmCgB,eAAA,CAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"SolutionSection.d.ts","sourceRoot":"","sources":["../../../../src/components/marketing/sections/SolutionSection.tsx"],"names":[],"mappings":"AAmCA,wBAAgB,eAAe,4CAW9B"}

package/dist/components/marketing/sections/SolutionSection.js

@@ -1,46 +1,98 @@
-import { IconGridSection } from "./IconGridSection.js";
-import { FileCode, Layers, RefreshCw, Shield } from "lucide-react";
-import { jsx } from "react/jsx-runtime";
-import "react";
+// @bun
+var __require = import.meta.require;
+
+// src/components/marketing/sections/IconGridSection.tsx
+import { cva } from "class-variance-authority";
+import {
+  MarketingCardsSection,
+  MarketingIconCard
+} from "@contractspec/lib.design-system";
+import { Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var itemVariants = cva("", {
+  variants: {
+    iconRole: {
+      iconFirst: "",
+      listing: "items-start",
+      support: "items-start"
+    }
+  },
+  defaultVariants: { iconRole: "iconFirst" }
+});
+function IconGridSection({
+  eyebrow,
+  title,
+  subtitle,
+  items,
+  tone = "default",
+  padding,
+  columns = 3,
+  iconRole = "iconFirst"
+}) {
+  return /* @__PURE__ */ jsxDEV(MarketingCardsSection, {
+    tone,
+    padding,
+    eyebrow: eyebrow ? /* @__PURE__ */ jsxDEV(Muted, {
+      className: "text-xs font-semibold tracking-[0.2em] uppercase",
+      children: eyebrow
+    }, undefined, false, undefined, this) : null,
+    title,
+    subtitle: subtitle ? /* @__PURE__ */ jsxDEV(Muted, {
+      className: "text-lg",
+      children: subtitle
+    }, undefined, false, undefined, this) : null,
+    columns,
+    children: items.map((card) => /* @__PURE__ */ jsxDEV(MarketingIconCard, {
+      icon: card.icon,
+      title: card.title,
+      description: card.description,
+      tone: card.tone,
+      iconClassName: card.iconClassName,
+      variant: iconRole === "listing" ? "listing" : iconRole === "support" ? "support" : "iconFirst",
+      className: itemVariants({ iconRole })
+    }, card.title, false, undefined, this))
+  }, undefined, false, undefined, this);
+}
 
-//#region src/components/marketing/sections/SolutionSection.tsx
-const solutionItems = [
-	{
-		icon: FileCode,
-		title: "Canonical Source of Truth",
-		description: "Contracts define what the system should do, not just what it does. AI agents read specs, not implementations.",
-		iconClassName: "text-emerald-400"
-	},
-	{
-		icon: Layers,
-		title: "Multi-Surface Consistency",
-		description: "One spec generates API, DB, UI, events, and MCP tools. All surfaces stay in sync because they share the same source.",
-		iconClassName: "text-blue-400"
-	},
-	{
-		icon: RefreshCw,
-		title: "Safe Regeneration",
-		description: "Regenerate code anytime without fear. Specs enforce invariants. Breaking changes caught at compile time.",
-		iconClassName: "text-violet-400"
-	},
-	{
-		icon: Shield,
-		title: "AI Governance",
-		description: "Constrain what AI agents can change. Enforce contracts they must respect. Flag violations automatically.",
-		iconClassName: "text-pink-400"
-	}
+// src/components/marketing/sections/SolutionSection.tsx
+import { FileCode, Layers, RefreshCw, Shield } from "lucide-react";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var solutionItems = [
+  {
+    icon: FileCode,
+    title: "Canonical Source of Truth",
+    description: "Contracts define what the system should do, not just what it does. AI agents read specs, not implementations.",
+    iconClassName: "text-emerald-400"
+  },
+  {
+    icon: Layers,
+    title: "Multi-Surface Consistency",
+    description: "One spec generates API, DB, UI, events, and MCP tools. All surfaces stay in sync because they share the same source.",
+    iconClassName: "text-blue-400"
+  },
+  {
+    icon: RefreshCw,
+    title: "Safe Regeneration",
+    description: "Regenerate code anytime without fear. Specs enforce invariants. Breaking changes caught at compile time.",
+    iconClassName: "text-violet-400"
+  },
+  {
+    icon: Shield,
+    title: "AI Governance",
+    description: "Constrain what AI agents can change. Enforce contracts they must respect. Flag violations automatically.",
+    iconClassName: "text-pink-400"
+  }
 ];
 function SolutionSection() {
-	return /* @__PURE__ */ jsx(IconGridSection, {
-		tone: "default",
-		columns: 4,
-		eyebrow: "The Solution",
-		title: "ContractSpec: The safety layer for AI-coded systems",
-		subtitle: "Define contracts once. Generate consistent code across all surfaces. Regenerate safely anytime. No lock-in.",
-		items: solutionItems
-	});
+  return /* @__PURE__ */ jsxDEV2(IconGridSection, {
+    tone: "default",
+    columns: 4,
+    eyebrow: "The Solution",
+    title: "ContractSpec: The safety layer for AI-coded systems",
+    subtitle: "Define contracts once. Generate consistent code across all surfaces. Regenerate safely anytime. No lock-in.",
+    items: solutionItems
+  }, undefined, false, undefined, this);
 }
-
-//#endregion
-export { SolutionSection };
-//# sourceMappingURL=SolutionSection.js.map
+export {
+  SolutionSection
+};

package/dist/components/marketing/sections/StepsSection.d.ts

@@ -1,7 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/marketing/sections/StepsSection.d.ts
-declare function StepsSection(): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { StepsSection };
+export declare function StepsSection(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StepsSection.d.ts.map

package/dist/components/marketing/sections/StepsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepsSection.d.ts","names":[],"sources":["../../../../src/components/marketing/sections/StepsSection.tsx"],"mappings":";;;iBA8BgB,YAAA,CAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"StepsSection.d.ts","sourceRoot":"","sources":["../../../../src/components/marketing/sections/StepsSection.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,YAAY,4CAwB3B"}

package/dist/components/marketing/sections/StepsSection.js

@@ -1,52 +1,104 @@
-import { IconGridSection } from "./IconGridSection.js";
-import { jsx } from "react/jsx-runtime";
-import "react";
+// @bun
+var __require = import.meta.require;
 
-//#region src/components/marketing/sections/StepsSection.tsx
-const steps = [
-	{
-		step: 1,
-		title: "Pick one module",
-		description: "Start with one API endpoint, one entity, one surface. No big-bang migration."
-	},
-	{
-		step: 2,
-		title: "Define the contract",
-		description: "Write a spec in TypeScript. Just types and Zod schemas you already know."
-	},
-	{
-		step: 3,
-		title: "Generate & compare",
-		description: "See what ContractSpec generates. Compare to your existing code. Keep what works."
-	},
-	{
-		step: 4,
-		title: "Expand gradually",
-		description: "Add more contracts as you see value. No pressure. No lock-in. Your pace."
-	}
+// src/components/marketing/sections/IconGridSection.tsx
+import { cva } from "class-variance-authority";
+import {
+  MarketingCardsSection,
+  MarketingIconCard
+} from "@contractspec/lib.design-system";
+import { Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var itemVariants = cva("", {
+  variants: {
+    iconRole: {
+      iconFirst: "",
+      listing: "items-start",
+      support: "items-start"
+    }
+  },
+  defaultVariants: { iconRole: "iconFirst" }
+});
+function IconGridSection({
+  eyebrow,
+  title,
+  subtitle,
+  items,
+  tone = "default",
+  padding,
+  columns = 3,
+  iconRole = "iconFirst"
+}) {
+  return /* @__PURE__ */ jsxDEV(MarketingCardsSection, {
+    tone,
+    padding,
+    eyebrow: eyebrow ? /* @__PURE__ */ jsxDEV(Muted, {
+      className: "text-xs font-semibold tracking-[0.2em] uppercase",
+      children: eyebrow
+    }, undefined, false, undefined, this) : null,
+    title,
+    subtitle: subtitle ? /* @__PURE__ */ jsxDEV(Muted, {
+      className: "text-lg",
+      children: subtitle
+    }, undefined, false, undefined, this) : null,
+    columns,
+    children: items.map((card) => /* @__PURE__ */ jsxDEV(MarketingIconCard, {
+      icon: card.icon,
+      title: card.title,
+      description: card.description,
+      tone: card.tone,
+      iconClassName: card.iconClassName,
+      variant: iconRole === "listing" ? "listing" : iconRole === "support" ? "support" : "iconFirst",
+      className: itemVariants({ iconRole })
+    }, card.title, false, undefined, this))
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/sections/StepsSection.tsx
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var steps = [
+  {
+    step: 1,
+    title: "Pick one module",
+    description: "Start with one API endpoint, one entity, one surface. No big-bang migration."
+  },
+  {
+    step: 2,
+    title: "Define the contract",
+    description: "Write a spec in TypeScript. Just types and Zod schemas you already know."
+  },
+  {
+    step: 3,
+    title: "Generate & compare",
+    description: "See what ContractSpec generates. Compare to your existing code. Keep what works."
+  },
+  {
+    step: 4,
+    title: "Expand gradually",
+    description: "Add more contracts as you see value. No pressure. No lock-in. Your pace."
+  }
 ];
 function StepsSection() {
-	return /* @__PURE__ */ jsx(IconGridSection, {
-		tone: "default",
-		columns: 4,
-		title: "How incremental adoption works",
-		padding: "comfortable",
-		iconRole: "listing",
-		items: steps.map((item) => ({
-			icon: ({ className }) => /* @__PURE__ */ jsx("div", {
-				className: `bg-primary/15 flex h-10 w-10 items-center justify-center rounded-lg ${className ?? ""}`,
-				children: /* @__PURE__ */ jsx("span", {
-					className: "text-primary text-sm font-semibold",
-					children: item.step
-				})
-			}),
-			title: item.title,
-			description: item.description,
-			tone: "muted"
-		}))
-	});
+  return /* @__PURE__ */ jsxDEV2(IconGridSection, {
+    tone: "default",
+    columns: 4,
+    title: "How incremental adoption works",
+    padding: "comfortable",
+    iconRole: "listing",
+    items: steps.map((item) => ({
+      icon: ({ className }) => /* @__PURE__ */ jsxDEV2("div", {
+        className: `bg-primary/15 flex h-10 w-10 items-center justify-center rounded-lg ${className ?? ""}`,
+        children: /* @__PURE__ */ jsxDEV2("span", {
+          className: "text-primary text-sm font-semibold",
+          children: item.step
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      title: item.title,
+      description: item.description,
+      tone: "muted"
+    }))
+  }, undefined, false, undefined, this);
 }
-
-//#endregion
-export { StepsSection };
-//# sourceMappingURL=StepsSection.js.map
+export {
+  StepsSection
+};