// @bun
var __require = import.meta.require;

// src/components/marketing/ChangelogPage.tsx
import { jsxDEV } from "react/jsx-dev-runtime";
function ChangelogPage({ entries }) {
  return /* @__PURE__ */ jsxDEV("main", {
    children: [
      /* @__PURE__ */ jsxDEV("section", {
        className: "section-padding hero-gradient border-border relative border-b",
        children: /* @__PURE__ */ jsxDEV("div", {
          className: "mx-auto max-w-4xl space-y-6 text-center",
          children: [
            /* @__PURE__ */ jsxDEV("h1", {
              className: "text-5xl leading-tight font-bold md:text-6xl",
              children: "Changelog"
            }, undefined, false, undefined, this),
            /* @__PURE__ */ jsxDEV("p", {
              className: "text-muted-foreground text-lg",
              children: "Latest releases and improvements to ContractSpec."
            }, undefined, false, undefined, this)
          ]
        }, undefined, true, undefined, this)
      }, undefined, false, undefined, this),
      /* @__PURE__ */ jsxDEV("section", {
        className: "section-padding",
        children: /* @__PURE__ */ jsxDEV("div", {
          className: "mx-auto max-w-3xl space-y-8",
          children: entries.map((entry, i) => /* @__PURE__ */ jsxDEV("div", {
            className: "card-subtle flex flex-col gap-6 p-8 md:flex-row md:items-start",
            children: [
              /* @__PURE__ */ jsxDEV("div", {
                className: "md:w-48 md:flex-shrink-0",
                children: /* @__PURE__ */ jsxDEV("div", {
                  className: "sticky top-24",
                  children: [
                    /* @__PURE__ */ jsxDEV("h3", {
                      className: "text-2xl font-bold tracking-tight",
                      children: entry.version
                    }, undefined, false, undefined, this),
                    /* @__PURE__ */ jsxDEV("time", {
                      className: "text-muted-foreground mt-1 block text-sm font-medium",
                      children: entry.date
                    }, undefined, false, undefined, this),
                    entry.isBreaking && /* @__PURE__ */ jsxDEV("span", {
                      className: "mt-2 inline-flex items-center rounded-full border border-red-500/50 bg-red-500/10 px-2.5 py-0.5 text-xs font-semibold text-red-500",
                      children: "Breaking Change"
                    }, undefined, false, undefined, this)
                  ]
                }, undefined, true, undefined, this)
              }, undefined, false, undefined, this),
              /* @__PURE__ */ jsxDEV("div", {
                className: "flex-1 space-y-6",
                children: entry.packages.map((pkg, j) => /* @__PURE__ */ jsxDEV("div", {
                  className: "space-y-3",
                  children: [
                    /* @__PURE__ */ jsxDEV("h4", {
                      className: "font-mono text-sm font-semibold text-violet-400",
                      children: pkg.name
                    }, undefined, false, undefined, this),
                    /* @__PURE__ */ jsxDEV("ul", {
                      className: "space-y-2",
                      children: pkg.changes.map((change, k) => /* @__PURE__ */ jsxDEV("li", {
                        className: "text-muted-foreground flex items-start gap-3 text-base leading-relaxed",
                        children: [
                          /* @__PURE__ */ jsxDEV("span", {
                            className: "mt-1.5 h-1.5 w-1.5 flex-shrink-0 rounded-full bg-violet-500/50"
                          }, undefined, false, undefined, this),
                          /* @__PURE__ */ jsxDEV("span", {
                            children: change
                          }, undefined, false, undefined, this)
                        ]
                      }, k, true, undefined, this))
                    }, undefined, false, undefined, this)
                  ]
                }, j, true, undefined, this))
              }, undefined, false, undefined, this)
            ]
          }, i, true, undefined, this))
        }, undefined, false, undefined, this)
      }, undefined, false, undefined, this)
    ]
  }, undefined, true, undefined, this);
}
export {
  ChangelogPage
};
