forgecad 0.6.3 → 0.7.0

package/dist/assets/{EmbedViewer-DBlzmQ5i.js → EmbedViewer-CEO8XbV8.js}

@@ -1,7 +1,5 @@
-import { r as reactExports, j as jsxRuntimeExports } from "./vendor-react-Dt7-aaJH.js";
-import { i as initKernel, a as initSolverWasm } from "./deserializeRunResult-BLAFoiE0.js";
-import { p as getExternalUrl, q as getGistId, d as fetchUrlModel, f as fetchGistModel, j as buildShareUrl } from "./index-1CYp3zUp.js";
-import { u as useForgeStore, V as Viewport } from "./Viewport-CoB46f5R.js";
+import { r as reactExports, j as jsxRuntimeExports } from "./vendor-react-CG3i_wp0.js";
+import { d as useForgeStore, af as getExternalUrl, ag as getGistId, h as fetchUrlModel, g as fetchGistModel, ac as initKernel, aa as initSolverWasm, y as buildShareUrl, ah as Viewport } from "./index-wTEK39at.js";
 function EmbedViewer() {
   const kernelReady = useForgeStore((s) => s.kernelReady);
   const setKernelReady = useForgeStore((s) => s.setKernelReady);

package/dist/assets/LandingPage-CdCuEOdC.js

@@ -0,0 +1,451 @@
+import { j as jsxRuntimeExports, L as Link } from "./vendor-react-CG3i_wp0.js";
+import { u as useFeatureFlag } from "./index-wTEK39at.js";
+function HeroSection() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "section",
+    {
+      style: {
+        minHeight: "80vh",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        textAlign: "center",
+        padding: "80px 24px 60px",
+        position: "relative"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: 64, marginBottom: 24 }, children: "⚒" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "h1",
+          {
+            style: {
+              fontSize: "clamp(36px, 6vw, 64px)",
+              fontWeight: 700,
+              color: "var(--fc-text)",
+              margin: "0 0 16px",
+              lineHeight: 1.1,
+              letterSpacing: "-0.02em"
+            },
+            children: "Code-First Parametric CAD"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "p",
+          {
+            style: {
+              fontSize: "clamp(16px, 2.5vw, 22px)",
+              color: "var(--fc-textMuted)",
+              maxWidth: 600,
+              margin: "0 0 40px",
+              lineHeight: 1.5
+            },
+            children: "Design mechanical parts with JavaScript. Parametric sliders, constraint-based sketches, and 12+ export formats — from STL to STEP to G-code."
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: 12, flexWrap: "wrap", justifyContent: "center" }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Link,
+            {
+              to: "/app",
+              style: {
+                padding: "14px 32px",
+                fontSize: 16,
+                fontWeight: 600,
+                background: "var(--fc-accent)",
+                color: "var(--fc-accentText)",
+                borderRadius: 8,
+                textDecoration: "none",
+                border: "none",
+                cursor: "pointer"
+              },
+              children: "Start Building"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Link,
+            {
+              to: "/docs",
+              style: {
+                padding: "14px 32px",
+                fontSize: 16,
+                fontWeight: 600,
+                background: "transparent",
+                color: "var(--fc-text)",
+                borderRadius: 8,
+                textDecoration: "none",
+                border: "1px solid var(--fc-border)",
+                cursor: "pointer"
+              },
+              children: "Read the Docs"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function FeatureCard({ title, description, code }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      style: {
+        background: "var(--fc-bgSurface)",
+        border: "1px solid var(--fc-border)",
+        borderRadius: 12,
+        padding: 28,
+        flex: "1 1 300px",
+        maxWidth: 400
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { style: { margin: "0 0 8px", fontSize: 18, fontWeight: 600, color: "var(--fc-text)" }, children: title }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { margin: "0 0 16px", fontSize: 14, color: "var(--fc-textMuted)", lineHeight: 1.5 }, children: description }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "pre",
+          {
+            style: {
+              background: "var(--fc-bg)",
+              border: "1px solid var(--fc-border)",
+              borderRadius: 8,
+              padding: 16,
+              fontSize: 13,
+              fontFamily: "var(--fc-mono, monospace)",
+              color: "var(--fc-text)",
+              overflow: "auto",
+              margin: 0,
+              lineHeight: 1.5
+            },
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: code })
+          }
+        )
+      ]
+    }
+  );
+}
+function FeaturesSection() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "section",
+    {
+      style: {
+        padding: "80px 24px",
+        maxWidth: 1200,
+        margin: "0 auto"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "h2",
+          {
+            style: {
+              textAlign: "center",
+              fontSize: 32,
+              fontWeight: 700,
+              color: "var(--fc-text)",
+              margin: "0 0 48px"
+            },
+            children: "Why ForgeCAD?"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: 24,
+              flexWrap: "wrap",
+              justifyContent: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                FeatureCard,
+                {
+                  title: "Parametric by Default",
+                  description: "Every dimension becomes a live slider. Change one value and the entire model updates instantly.",
+                  code: `const width = param('width', 50, { min: 10, max: 200 });
+const depth = param('depth', 30, { min: 10, max: 100 });
+
+const plate = box(width, depth, 5)
+  .fillet(3);`
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                FeatureCard,
+                {
+                  title: "AI-Ready Design",
+                  description: "Models are plain JavaScript — LLMs can read, write, and modify them. No binary formats, no vendor lock-in.",
+                  code: `// Claude or GPT can write this:
+const bolt = lib.bolt('M8', 30);
+const nut = lib.nut('M8');
+
+return assembly()
+  .add('bolt', bolt)
+  .add('nut', nut, { z: 25 });`
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                FeatureCard,
+                {
+                  title: "Export Anywhere",
+                  description: "STL for 3D printing, STEP for professional CAD, G-code for CNC, URDF for robotics. One model, every format.",
+                  code: `// From the CLI:
+// forgecad export stl bracket.forge.js
+// forgecad export step bracket.forge.js
+// forgecad export gcode bracket.forge.js
+// forgecad export urdf robot.forge.js`
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function CapabilitiesSection() {
+  const capabilities = [
+    { label: "Constraint-based sketches", detail: "18 constraint types with algebraic solver" },
+    { label: "Assembly kinematics", detail: "Revolute, prismatic, and gear joints" },
+    { label: "Named faces & edges", detail: "Topology tracking through boolean operations" },
+    { label: "SDF / generative", detail: "Gyroid, voronoi, and custom distance fields" },
+    { label: "Multi-file projects", detail: "require() parts, organize with folders" },
+    { label: "Live 3D viewport", detail: "Edit code, see changes instantly" },
+    { label: "Measurement tools", detail: "Distances, angles, areas in the viewport" },
+    { label: "Sheet metal", detail: "Bends, flat patterns, and K-factor" }
+  ];
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "section",
+    {
+      style: {
+        padding: "80px 24px",
+        background: "var(--fc-bgSurface)",
+        borderTop: "1px solid var(--fc-border)",
+        borderBottom: "1px solid var(--fc-border)"
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { maxWidth: 900, margin: "0 auto" }, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "h2",
+          {
+            style: {
+              textAlign: "center",
+              fontSize: 32,
+              fontWeight: 700,
+              color: "var(--fc-text)",
+              margin: "0 0 48px"
+            },
+            children: "Everything You Need"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            style: {
+              display: "grid",
+              gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
+              gap: 20
+            },
+            children: capabilities.map((cap) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "div",
+              {
+                style: {
+                  padding: "16px 20px",
+                  background: "var(--fc-bg)",
+                  borderRadius: 8,
+                  border: "1px solid var(--fc-border)"
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: 15, fontWeight: 600, color: "var(--fc-text)", marginBottom: 4 }, children: cap.label }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: 13, color: "var(--fc-textMuted)" }, children: cap.detail })
+                ]
+              },
+              cap.label
+            ))
+          }
+        )
+      ] })
+    }
+  );
+}
+function CTASection() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "section",
+    {
+      style: {
+        padding: "80px 24px",
+        textAlign: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "h2",
+          {
+            style: {
+              fontSize: 32,
+              fontWeight: 700,
+              color: "var(--fc-text)",
+              margin: "0 0 16px"
+            },
+            children: "Ready to build?"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "p",
+          {
+            style: {
+              fontSize: 18,
+              color: "var(--fc-textMuted)",
+              margin: "0 0 32px"
+            },
+            children: "Start designing in your browser. No install required."
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Link,
+          {
+            to: "/app",
+            style: {
+              padding: "16px 40px",
+              fontSize: 18,
+              fontWeight: 600,
+              background: "var(--fc-accent)",
+              color: "var(--fc-accentText)",
+              borderRadius: 8,
+              textDecoration: "none",
+              border: "none",
+              cursor: "pointer",
+              display: "inline-block"
+            },
+            children: "Open ForgeCAD"
+          }
+        )
+      ]
+    }
+  );
+}
+function SiteNav() {
+  const showPricing = useFeatureFlag("pricing");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "nav",
+    {
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        height: 56,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        padding: "0 24px",
+        background: "var(--fc-bg)",
+        borderBottom: "1px solid var(--fc-border)",
+        zIndex: 100,
+        backdropFilter: "blur(8px)"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Link,
+          {
+            to: "/",
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 8,
+              textDecoration: "none",
+              color: "var(--fc-text)"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: 20 }, children: "⚒" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: 16, fontWeight: 700, color: "var(--fc-accent)" }, children: "ForgeCAD" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 24 }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/docs", style: { color: "var(--fc-textMuted)", textDecoration: "none", fontSize: 14 }, children: "Docs" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/blog", style: { color: "var(--fc-textMuted)", textDecoration: "none", fontSize: 14 }, children: "Blog" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/examples", style: { color: "var(--fc-textMuted)", textDecoration: "none", fontSize: 14 }, children: "Examples" }),
+          showPricing && /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/pricing", style: { color: "var(--fc-textMuted)", textDecoration: "none", fontSize: 14 }, children: "Pricing" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Link,
+            {
+              to: "/app",
+              style: {
+                padding: "6px 16px",
+                fontSize: 14,
+                fontWeight: 600,
+                background: "var(--fc-accent)",
+                color: "var(--fc-accentText)",
+                borderRadius: 6,
+                textDecoration: "none"
+              },
+              children: "Open App"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function Footer() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "footer",
+    {
+      style: {
+        padding: "40px 24px",
+        borderTop: "1px solid var(--fc-border)",
+        textAlign: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: 24,
+              justifyContent: "center",
+              marginBottom: 16,
+              flexWrap: "wrap"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/docs", style: { color: "var(--fc-textMuted)", textDecoration: "none", fontSize: 13 }, children: "Documentation" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/blog", style: { color: "var(--fc-textMuted)", textDecoration: "none", fontSize: 13 }, children: "Blog" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "a",
+                {
+                  href: "https://github.com/KoStard/ForgeCAD",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  style: { color: "var(--fc-textMuted)", textDecoration: "none", fontSize: 13 },
+                  children: "GitHub"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "a",
+                {
+                  href: "https://github.com/KoStard/ForgeCAD/issues/new",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  style: { color: "var(--fc-textMuted)", textDecoration: "none", fontSize: 13 },
+                  children: "Report Issue"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { color: "var(--fc-textDim)", fontSize: 12, margin: 0 }, children: "ForgeCAD" })
+      ]
+    }
+  );
+}
+function LandingPage() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { minHeight: "100vh", display: "flex", flexDirection: "column", overflow: "auto" }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SiteNav, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { style: { flex: "1 0 auto", paddingTop: 56 }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(HeroSection, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(FeaturesSection, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CapabilitiesSection, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CTASection, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Footer, {})
+  ] });
+}
+export {
+  LandingPage
+};

package/dist/assets/PricingPage-BSrxu6d7.js

@@ -0,0 +1,232 @@
+import { h as useNavigate, j as jsxRuntimeExports, L as Link } from "./vendor-react-CG3i_wp0.js";
+import { a as useAuthStore, b as authFetch } from "./index-wTEK39at.js";
+const PLANS = [
+  {
+    interval: "monthly",
+    name: "Pro Monthly",
+    price: "$15",
+    period: "/mo",
+    features: [
+      "STEP & BREP export",
+      "High-quality Blender renders",
+      "GIF & MP4 capture",
+      "G-code & cutting layouts",
+      "SDF/URDF robotics export",
+      "500 MB cloud storage"
+    ]
+  },
+  {
+    interval: "annual",
+    name: "Pro Annual",
+    price: "$120",
+    period: "/yr",
+    highlight: "Save 33%",
+    features: [
+      "Everything in Monthly",
+      "Billed annually ($10/mo effective)",
+      "Priority support"
+    ]
+  },
+  {
+    interval: "lifetime",
+    name: "Pro Lifetime",
+    price: "$299",
+    period: "one-time",
+    highlight: "Best value",
+    features: [
+      "Everything in Pro, forever",
+      "No recurring payments",
+      "All future Pro features included"
+    ]
+  }
+];
+const FREE_FEATURES = [
+  "Full CAD editor",
+  "Run .forge.js scripts",
+  "STL, 3MF, SVG export",
+  "Standard PNG render",
+  "50 MB cloud storage",
+  "Unlimited local projects"
+];
+const cardStyle = {
+  background: "var(--fc-bgPanel)",
+  border: "1px solid var(--fc-border)",
+  borderRadius: 12,
+  padding: "32px 24px",
+  display: "flex",
+  flexDirection: "column",
+  flex: 1,
+  minWidth: 240
+};
+const highlightCardStyle = {
+  ...cardStyle,
+  border: "2px solid var(--fc-accent)",
+  position: "relative"
+};
+function PricingPage() {
+  const user = useAuthStore((s) => s.user);
+  const navigate = useNavigate();
+  const isPro = (user == null ? void 0 : user.plan) === "pro";
+  async function handleCheckout(interval) {
+    if (!user) {
+      navigate("/app");
+      return;
+    }
+    try {
+      const data = await authFetch("/api/billing/checkout", {
+        method: "POST",
+        body: JSON.stringify({ interval })
+      });
+      window.location.href = data.url;
+    } catch (err) {
+      alert(err instanceof Error ? err.message : "Failed to connect to billing service");
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { minHeight: "100vh", background: "var(--fc-bg)", color: "var(--fc-text)" }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "nav",
+      {
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          right: 0,
+          height: 56,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          padding: "0 24px",
+          background: "var(--fc-bg)",
+          borderBottom: "1px solid var(--fc-border)",
+          zIndex: 100
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Link,
+            {
+              to: "/",
+              style: { display: "flex", alignItems: "center", gap: 8, textDecoration: "none", color: "var(--fc-text)" },
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: 20 }, children: "⚒" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: 16, fontWeight: 700, color: "var(--fc-accent)" }, children: "ForgeCAD" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Link,
+            {
+              to: "/app",
+              style: {
+                padding: "6px 16px",
+                fontSize: 14,
+                fontWeight: 600,
+                background: "var(--fc-accent)",
+                color: "var(--fc-accentText)",
+                borderRadius: 6,
+                textDecoration: "none"
+              },
+              children: "Open App"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { maxWidth: 1e3, margin: "0 auto", padding: "96px 24px 64px" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { textAlign: "center", marginBottom: 48 }, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { style: { fontSize: 36, fontWeight: 800, marginBottom: 12 }, children: "Simple, transparent pricing" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { fontSize: 16, color: "var(--fc-textMuted)", maxWidth: 500, margin: "0 auto" }, children: "ForgeCAD is free for hobbyists and students. Go Pro for professional CAD interchange and manufacturing outputs." })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginBottom: 48 }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          style: {
+            ...cardStyle,
+            maxWidth: 400,
+            margin: "0 auto",
+            background: "var(--fc-bg)"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: 20, fontWeight: 700, marginBottom: 4 }, children: "Free" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { fontSize: 32, fontWeight: 800, marginBottom: 16 }, children: [
+              "$0 ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: 14, fontWeight: 400, color: "var(--fc-textMuted)" }, children: "forever" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: FREE_FEATURES.map((f) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "li",
+              {
+                style: {
+                  padding: "6px 0",
+                  fontSize: 14,
+                  color: "var(--fc-textMuted)",
+                  borderBottom: "1px solid var(--fc-border)"
+                },
+                children: f
+              },
+              f
+            )) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: "flex", gap: 20, flexWrap: "wrap", justifyContent: "center" }, children: PLANS.map((plan) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: plan.highlight ? highlightCardStyle : cardStyle, children: [
+        plan.highlight && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: -12,
+              left: "50%",
+              transform: "translateX(-50%)",
+              background: "var(--fc-accent)",
+              color: "var(--fc-accentText)",
+              padding: "2px 12px",
+              borderRadius: 10,
+              fontSize: 12,
+              fontWeight: 600
+            },
+            children: plan.highlight
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: 18, fontWeight: 700, marginBottom: 4 }, children: plan.name }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { fontSize: 32, fontWeight: 800, marginBottom: 16 }, children: [
+          plan.price,
+          " ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: 14, fontWeight: 400, color: "var(--fc-textMuted)" }, children: plan.period })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { style: { listStyle: "none", padding: 0, margin: "0 0 24px", flex: 1 }, children: plan.features.map((f) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "li",
+          {
+            style: {
+              padding: "6px 0",
+              fontSize: 14,
+              color: "var(--fc-textMuted)",
+              borderBottom: "1px solid var(--fc-border)"
+            },
+            children: f
+          },
+          f
+        )) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: () => handleCheckout(plan.interval),
+            disabled: isPro,
+            style: {
+              padding: "10px 20px",
+              fontSize: 14,
+              fontWeight: 600,
+              background: isPro ? "var(--fc-bgActive)" : "var(--fc-accent)",
+              color: isPro ? "var(--fc-textMuted)" : "var(--fc-accentText)",
+              border: "none",
+              borderRadius: 8,
+              cursor: isPro ? "default" : "pointer"
+            },
+            children: isPro ? "Current plan" : "Get started"
+          }
+        )
+      ] }, plan.interval)) })
+    ] })
+  ] });
+}
+export {
+  PricingPage
+};