import { createRequire } from "node:module";
var __require = /* @__PURE__ */ createRequire(import.meta.url);

// 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️"
  },
  {
    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__ */ 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);
}
export {
  OutputsSection
};
