@marktiderman/genesis-sites 0.1.0 → 0.2.0

package/dist/chunk-43XUAO63.js

@@ -1,1255 +0,0 @@
-import { Link, Surface, Copy, Line, defineSection, Image, Href, RichText, registerBuiltInSection, isExternalHref, isSafeImageSrc, isSafeHref, safeJsonForHtml } from './chunk-KEF3V5ZN.js';
-import { z } from 'zod';
-import { BandLead, Band, Display } from '@marktiderman/genesis-ui/band';
-import { buttonVariants } from '@marktiderman/genesis-ui/button';
-import { cn } from '@marktiderman/genesis-ui/utils';
-import { Zap, Users, Trophy, Target, Star, Sparkles, Smile, Shield, Phone, MessageCircle, MapPin, Mail, Leaf, Heart, Dumbbell, Clock, Check, Calendar, Award, Activity, ChevronDown, Menu } from 'lucide-react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { parseForm, choiceOptions } from '@marktiderman/genesis-forms';
-import { Form } from '@marktiderman/genesis-forms-web';
-import { Input } from '@marktiderman/genesis-ui/input';
-import { Textarea } from '@marktiderman/genesis-ui/textarea';
-import { RichText as RichText$1, richTextClassName } from '@marktiderman/genesis-ui/rich-text';
-
-var Anchor = z.string().regex(/^[a-z][a-z0-9-]{0,39}$/, "An anchor is lowercase letters, digits and hyphens.").optional().meta({ title: "Anchor (for #links)" });
-var ICONS = {
-  activity: Activity,
-  award: Award,
-  calendar: Calendar,
-  check: Check,
-  clock: Clock,
-  dumbbell: Dumbbell,
-  heart: Heart,
-  leaf: Leaf,
-  mail: Mail,
-  "map-pin": MapPin,
-  message: MessageCircle,
-  phone: Phone,
-  shield: Shield,
-  smile: Smile,
-  sparkles: Sparkles,
-  star: Star,
-  target: Target,
-  trophy: Trophy,
-  users: Users,
-  zap: Zap
-};
-var IconName = z.enum(Object.keys(ICONS)).meta({ title: "Icon" });
-function resolveHref(href, ctx) {
-  if (!isSafeHref(href)) {
-    console.error(`[genesis-sites] refused an unsafe link on ${ctx.pagePath}: ${JSON.stringify(String(href).slice(0, 80))}`);
-    return "#";
-  }
-  return ctx.href(href);
-}
-function linkAttrs(link, ctx) {
-  const href = resolveHref(link.href, ctx);
-  const external = isExternalHref(href);
-  return {
-    href,
-    ...external && link.newTab ? { target: "_blank", rel: "noopener noreferrer" } : external ? { rel: "noopener" } : {}
-  };
-}
-var TONE = {
-  primary: buttonVariants({ variant: "default", size: "lg" }),
-  secondary: buttonVariants({ variant: "secondary", size: "lg" }),
-  outline: buttonVariants({ variant: "outline", size: "lg" }),
-  // On an accent or inverse band: the band's foreground as the button, its background as the text.
-  inverse: cn(buttonVariants({ variant: "default", size: "lg" }), "bg-background text-foreground hover:bg-background/90"),
-  ghost: buttonVariants({ variant: "ghost", size: "lg" })
-};
-function ButtonLink({ link, ctx, tone = "primary", className }) {
-  return /* @__PURE__ */ jsxs("a", { ...linkAttrs(link, ctx), className: cn(TONE[tone], "min-h-11", className), "data-gs-event": "cta", children: [
-    link.label,
-    link.newTab && isExternalHref(link.href) ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (opens in a new tab)" }) : null
-  ] });
-}
-function TextLink({ link, ctx, className }) {
-  return /* @__PURE__ */ jsxs(
-    "a",
-    {
-      ...linkAttrs(link, ctx),
-      className: cn("inline-flex min-h-6 items-center rounded-sm underline-offset-4 hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", className),
-      children: [
-        link.label,
-        link.newTab && isExternalHref(link.href) ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (opens in a new tab)" }) : null
-      ]
-    }
-  );
-}
-function Actions({ primary, secondary, ctx, onAccent: onAccent2, className }) {
-  if (!primary && !secondary) return null;
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3 sm:flex-row sm:flex-wrap", className), children: [
-    primary ? /* @__PURE__ */ jsx(ButtonLink, { link: primary, ctx, tone: onAccent2 ? "inverse" : "primary" }) : null,
-    secondary ? /* @__PURE__ */ jsx(ButtonLink, { link: secondary, ctx, tone: onAccent2 ? "ghost" : "outline", className: onAccent2 ? "border border-current hover:bg-transparent hover:underline" : void 0 }) : null
-  ] });
-}
-function SiteImage({ image, className, sizes, priority, ctx }) {
-  if (!isSafeImageSrc(image.src)) {
-    console.error(`[genesis-sites] refused an unsafe image source on ${ctx.pagePath}.`);
-    return null;
-  }
-  const src = image.src.startsWith("/") ? ctx.href(image.src) : image.src;
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      src,
-      alt: image.decorative ? "" : image.alt,
-      ...image.width ? { width: image.width } : {},
-      ...image.height ? { height: image.height } : {},
-      ...sizes ? { sizes } : {},
-      loading: priority ? "eager" : "lazy",
-      decoding: priority ? "sync" : "async",
-      ...priority ? { fetchPriority: "high" } : {},
-      style: image.focal ? { objectPosition: `${image.focal.x}% ${image.focal.y}%` } : void 0,
-      className
-    }
-  );
-}
-function SectionTitle({ ctx, id, size, className, children }) {
-  return /* @__PURE__ */ jsx(Display, { as: ctx.headingLevel === 1 ? "h1" : "h2", id, size: size ?? (ctx.headingLevel === 1 ? "xl" : "lg"), className, children });
-}
-function ItemTitle({ ctx, className, children }) {
-  const Tag = ctx.headingLevel === 1 ? "h2" : "h3";
-  return /* @__PURE__ */ jsx(Tag, { className: cn("font-display text-lg font-semibold leading-snug", className), children });
-}
-var titleId = (ctx, part = "title") => `${ctx.idPrefix}-${part}`;
-var HIDE_ON = { mobile: "max-md:hidden", desktop: "md:hidden" };
-function bandAttrs(node, ctx, anchor, labelled = true) {
-  const hide = (node.hideOn ?? []).map((h) => HIDE_ON[h]).filter(Boolean).join(" ");
-  return {
-    ...anchor ? { id: anchor } : {},
-    ...labelled ? { "aria-labelledby": titleId(ctx) } : {},
-    "data-gs-section": node.type,
-    "data-gs-variant": node.variant,
-    className: cn(anchor ? "scroll-mt-20" : void 0, hide || void 0)
-  };
-}
-function SectionBand({
-  node,
-  ctx,
-  anchor,
-  surface = "base",
-  spacing = "md",
-  width = "lg",
-  labelled = true,
-  className,
-  children
-}) {
-  const attrs = bandAttrs(node, ctx, anchor, labelled);
-  return /* @__PURE__ */ jsx(Band, { ...attrs, as: labelled ? "section" : "div", surface, spacing, width, className: cn(attrs.className, className), children });
-}
-function SectionIntro({
-  ctx,
-  eyebrow,
-  heading,
-  body,
-  align = "center",
-  tone = "muted",
-  size
-}) {
-  if (!heading && !body) return null;
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex max-w-3xl flex-col gap-4", align === "center" ? "mx-auto items-center text-center" : "items-start text-left"), children: [
-    eyebrow ? /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold uppercase tracking-wider", children: eyebrow }) : null,
-    heading ? /* @__PURE__ */ jsx(SectionTitle, { ctx, id: titleId(ctx), size, children: heading }) : null,
-    body ? /* @__PURE__ */ jsx(BandLead, { tone, children: body }) : null
-  ] });
-}
-function HiddenTitle({ ctx, children }) {
-  const Tag = ctx.headingLevel === 1 ? "h1" : "h2";
-  return /* @__PURE__ */ jsx(Tag, { id: titleId(ctx), className: "sr-only", children });
-}
-var onAccent = (surface) => surface === "accent" || surface === "inverse";
-var schema = z.object({
-  heading: Line(90),
-  body: Copy(320).optional(),
-  primaryCta: Link,
-  secondaryCta: Link.optional(),
-  surface: Surface.default("accent"),
-  anchor: Anchor
-});
-var ctaSection = defineSection({
-  type: "cta",
-  version: 1,
-  label: "Call to action",
-  description: "One clear next step: a heading, a line and a button.",
-  category: "conversion",
-  schema,
-  variants: [
-    { id: "banner", label: "Full-width banner" },
-    { id: "card", label: "Card" },
-    { id: "split", label: "Text left, buttons right" }
-  ],
-  defaultVariant: "banner",
-  presets: [
-    { name: "Banner", variant: "banner", props: { heading: "Ready to start?", primaryCta: { label: "Get started", href: "#contact" }, surface: "accent" } },
-    { name: "Card", variant: "card", props: { heading: "Questions? We're here.", primaryCta: { label: "Contact us", href: "/contact" }, surface: "muted" } }
-  ],
-  render: ({ props, variant, node, ctx }) => {
-    if (variant === "card") {
-      const inverted2 = onAccent(props.surface);
-      const card = props.surface === "accent" ? "bg-primary text-primary-foreground" : props.surface === "inverse" ? "bg-foreground text-background" : props.surface === "muted" ? "bg-muted" : "border border-border";
-      return /* @__PURE__ */ jsx(SectionBand, { node, ctx, anchor: props.anchor, width: "md", children: /* @__PURE__ */ jsxs("div", { className: `flex flex-col items-center gap-6 rounded-2xl px-6 py-12 text-center sm:px-12 ${card}`, children: [
-        /* @__PURE__ */ jsx(SectionTitle, { ctx, id: titleId(ctx), size: "lg", children: props.heading }),
-        props.body ? /* @__PURE__ */ jsx(BandLead, { tone: inverted2 ? "inherit" : "muted", children: props.body }) : null,
-        /* @__PURE__ */ jsx(Actions, { primary: props.primaryCta, secondary: props.secondaryCta, ctx, onAccent: inverted2, className: "sm:justify-center" })
-      ] }) });
-    }
-    const inverted = onAccent(props.surface);
-    if (variant === "split") {
-      return /* @__PURE__ */ jsx(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8 md:flex-row md:items-center md:justify-between", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex max-w-2xl flex-col gap-3", children: [
-          /* @__PURE__ */ jsx(SectionTitle, { ctx, id: titleId(ctx), size: "lg", children: props.heading }),
-          props.body ? /* @__PURE__ */ jsx(BandLead, { tone: inverted ? "inherit" : "muted", children: props.body }) : null
-        ] }),
-        /* @__PURE__ */ jsx(Actions, { primary: props.primaryCta, secondary: props.secondaryCta, ctx, onAccent: inverted, className: "shrink-0" })
-      ] }) });
-    }
-    return /* @__PURE__ */ jsx(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-3xl flex-col items-center gap-6 text-center", children: [
-      /* @__PURE__ */ jsx(SectionTitle, { ctx, id: titleId(ctx), size: "lg", children: props.heading }),
-      props.body ? /* @__PURE__ */ jsx(BandLead, { tone: inverted ? "inherit" : "muted", children: props.body }) : null,
-      /* @__PURE__ */ jsx(Actions, { primary: props.primaryCta, secondary: props.secondaryCta, ctx, onAccent: inverted, className: "sm:justify-center" })
-    ] }) });
-  }
-});
-var schema2 = z.object({
-  heading: Line(90),
-  body: Copy(320).optional(),
-  items: z.array(z.object({ question: Line(160), answer: Copy(1200).min(1) })).min(1).max(30),
-  surface: Surface.default("base"),
-  anchor: Anchor
-});
-function Answer({ text, muted }) {
-  return /* @__PURE__ */ jsx("div", { className: muted ? "flex flex-col gap-3 text-muted-foreground" : "flex flex-col gap-3", children: text.split(/\n{2,}/).map((p, i) => /* @__PURE__ */ jsx("p", { className: "whitespace-pre-line", children: p }, i)) });
-}
-var faqSection = defineSection({
-  type: "faq",
-  version: 1,
-  label: "FAQ",
-  description: "Questions and answers. Works without script: each answer opens in place.",
-  category: "content",
-  schema: schema2,
-  variants: [
-    { id: "accordion", label: "Questions that open" },
-    { id: "list", label: "All answers shown, two columns" }
-  ],
-  defaultVariant: "accordion",
-  presets: [
-    {
-      name: "FAQ",
-      variant: "accordion",
-      props: { heading: "Questions", items: [{ question: "A question people ask?", answer: "A short, direct answer." }, { question: "Another question?", answer: "Another answer." }] }
-    }
-  ],
-  render: ({ props, variant, node, ctx }) => {
-    const inverted = onAccent(props.surface);
-    const intro = /* @__PURE__ */ jsx(SectionIntro, { ctx, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" });
-    if (variant === "list") {
-      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
-        intro,
-        /* @__PURE__ */ jsx("div", { className: "mt-12 grid gap-x-12 gap-y-10 md:grid-cols-2", children: props.items.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx(ItemTitle, { ctx, children: item.question }),
-          /* @__PURE__ */ jsx(Answer, { text: item.answer, muted: !inverted })
-        ] }, i)) })
-      ] });
-    }
-    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, width: "md", children: [
-      intro,
-      /* @__PURE__ */ jsx("div", { className: "mx-auto mt-10 flex max-w-3xl flex-col divide-y divide-border border-y border-border", children: props.items.map((item, i) => /* @__PURE__ */ jsxs("details", { className: "group", children: [
-        /* @__PURE__ */ jsxs("summary", { className: "flex min-h-11 cursor-pointer list-none items-center justify-between gap-4 rounded-sm py-4 text-left font-display text-lg font-semibold focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring [&::-webkit-details-marker]:hidden", children: [
-          /* @__PURE__ */ jsx("span", { children: item.question }),
-          /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "size-5 shrink-0 transition-transform group-open:rotate-180 motion-reduce:transition-none" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "pb-5", children: /* @__PURE__ */ jsx(Answer, { text: item.answer, muted: !inverted }) })
-      ] }, i)) })
-    ] });
-  }
-});
-var Item = z.object({
-  title: Line(60),
-  body: Copy(320),
-  icon: IconName.optional(),
-  image: Image.optional(),
-  link: Link.optional()
-});
-var schema3 = z.object({
-  eyebrow: Line(60).optional(),
-  heading: Line(90),
-  body: Copy(320).optional(),
-  items: z.array(Item).min(1).max(12),
-  columns: z.union([z.literal(2), z.literal(3), z.literal(4)]).default(3),
-  surface: Surface.default("base"),
-  anchor: Anchor
-});
-var COLUMNS = { 2: "sm:grid-cols-2", 3: "sm:grid-cols-2 lg:grid-cols-3", 4: "sm:grid-cols-2 lg:grid-cols-4" };
-var featuresSection = defineSection({
-  type: "features",
-  version: 1,
-  label: "Features",
-  description: "What you offer: a few items, each with a title, a line of copy and an icon or image.",
-  category: "content",
-  schema: schema3,
-  variants: [
-    { id: "grid", label: "Cards in a grid" },
-    { id: "list", label: "Icon list" },
-    { id: "alternating", label: "Image and text, alternating" }
-  ],
-  defaultVariant: "grid",
-  presets: [
-    {
-      name: "Three features",
-      variant: "grid",
-      props: {
-        heading: "What you get",
-        items: [
-          { title: "First thing", body: "Why it matters.", icon: "check" },
-          { title: "Second thing", body: "Why it matters.", icon: "star" },
-          { title: "Third thing", body: "Why it matters.", icon: "heart" }
-        ]
-      }
-    },
-    {
-      name: "Feature list",
-      variant: "list",
-      props: { heading: "Why people choose us", columns: 2, items: [{ title: "A reason", body: "In a sentence.", icon: "check" }, { title: "Another reason", body: "In a sentence.", icon: "check" }] }
-    }
-  ],
-  render: ({ props, variant, node, ctx }) => {
-    const inverted = onAccent(props.surface);
-    const intro = /* @__PURE__ */ jsx(SectionIntro, { ctx, eyebrow: props.eyebrow, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" });
-    const Icon = (name) => {
-      if (!name) return null;
-      const Glyph = ICONS[name];
-      return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn("inline-flex size-11 shrink-0 items-center justify-center rounded-lg", inverted ? "bg-background text-foreground" : "bg-primary text-primary-foreground"), children: /* @__PURE__ */ jsx(Glyph, { className: "size-5" }) });
-    };
-    if (variant === "alternating") {
-      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
-        intro,
-        /* @__PURE__ */ jsx("ul", { className: "mt-12 flex flex-col gap-12 md:gap-16", children: props.items.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "grid items-center gap-8 md:grid-cols-2 md:gap-12", children: [
-          /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3", i % 2 === 1 && "md:order-2"), children: [
-            Icon(item.icon),
-            /* @__PURE__ */ jsx(ItemTitle, { ctx, className: "text-2xl", children: item.title }),
-            /* @__PURE__ */ jsx("p", { className: inverted ? void 0 : "text-muted-foreground", children: item.body }),
-            item.link ? /* @__PURE__ */ jsx(TextLink, { link: item.link, ctx, className: "font-medium underline" }) : null
-          ] }),
-          item.image ? /* @__PURE__ */ jsx(SiteImage, { image: item.image, ctx, sizes: "(min-width: 768px) 50vw, 100vw", className: "aspect-[4/3] w-full rounded-xl object-cover" }) : /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "hidden aspect-[4/3] w-full rounded-xl bg-muted md:block" })
-        ] }, i)) })
-      ] });
-    }
-    if (variant === "list") {
-      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
-        intro,
-        /* @__PURE__ */ jsx("ul", { className: cn("mt-12 grid gap-x-10 gap-y-8", props.columns >= 2 && "sm:grid-cols-2", props.columns >= 3 && "lg:grid-cols-3"), children: props.items.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex gap-4", children: [
-          Icon(item.icon ?? "check"),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsx(ItemTitle, { ctx, children: item.title }),
-            /* @__PURE__ */ jsx("p", { className: inverted ? void 0 : "text-muted-foreground", children: item.body }),
-            item.link ? /* @__PURE__ */ jsx(TextLink, { link: item.link, ctx, className: "font-medium underline" }) : null
-          ] })
-        ] }, i)) })
-      ] });
-    }
-    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
-      intro,
-      /* @__PURE__ */ jsx("ul", { className: cn("mt-12 grid gap-6", COLUMNS[props.columns]), children: props.items.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-3 rounded-xl border border-border bg-background p-6 text-foreground", children: [
-        item.image ? /* @__PURE__ */ jsx(SiteImage, { image: item.image, ctx, sizes: "(min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw", className: "aspect-video w-full rounded-lg object-cover" }) : Icon(item.icon),
-        /* @__PURE__ */ jsx(ItemTitle, { ctx, children: item.title }),
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: item.body }),
-        item.link ? /* @__PURE__ */ jsx(TextLink, { link: item.link, ctx, className: "mt-auto font-medium underline" }) : null
-      ] }, i)) })
-    ] });
-  }
-});
-var schema4 = z.object({
-  tagline: Copy(200).optional(),
-  columns: z.array(z.object({ heading: Line(40), links: z.array(Link).min(1).max(8) })).max(4).default([]),
-  links: z.array(Link).max(12).default([]),
-  copyright: Line(120).optional(),
-  surface: Surface.default("inverse")
-});
-var footerSection = defineSection({
-  type: "footer",
-  version: 1,
-  label: "Footer",
-  description: "The site's footer: links, a line about you and the copyright.",
-  category: "footer",
-  placement: "footer",
-  limit: 1,
-  schema: schema4,
-  variants: [
-    { id: "simple", label: "Links in a row" },
-    { id: "columns", label: "Link columns" },
-    { id: "minimal", label: "One line" }
-  ],
-  defaultVariant: "simple",
-  presets: [
-    { name: "Footer", variant: "simple", props: { links: [{ label: "Contact", href: "/contact" }], copyright: "\xA9 Your business" } },
-    { name: "Footer with columns", variant: "columns", props: { columns: [{ heading: "Visit", links: [{ label: "Contact", href: "/contact" }] }], copyright: "\xA9 Your business" } }
-  ],
-  render: ({ props, variant, node, ctx }) => {
-    const attrs = bandAttrs(node, ctx, void 0, false);
-    const quiet = props.surface === "base" || props.surface === "muted" ? "text-muted-foreground" : void 0;
-    const name = /* @__PURE__ */ jsx("p", { className: "font-display text-lg font-bold", children: ctx.site.name });
-    const copyright = props.copyright ? /* @__PURE__ */ jsx("p", { className: cn("text-sm", quiet), children: props.copyright }) : null;
-    const row = (links) => links.length ? /* @__PURE__ */ jsx("nav", { "aria-label": "Footer", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-x-6 gap-y-2", children: links.map((link, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(TextLink, { link, ctx, className: "text-sm underline" }) }, i)) }) }) : null;
-    if (variant === "minimal") {
-      return /* @__PURE__ */ jsx(Band, { ...attrs, as: "footer", surface: props.surface, spacing: "sm", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
-        copyright ?? name,
-        row(props.links)
-      ] }) });
-    }
-    if (variant === "columns") {
-      return /* @__PURE__ */ jsxs(Band, { ...attrs, as: "footer", surface: props.surface, spacing: "md", children: [
-        /* @__PURE__ */ jsxs("div", { className: "grid gap-10 md:grid-cols-[2fr_repeat(3,1fr)]", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-            name,
-            props.tagline ? /* @__PURE__ */ jsx("p", { className: cn("max-w-sm", quiet), children: props.tagline }) : null
-          ] }),
-          props.columns.map((col, i) => /* @__PURE__ */ jsxs("nav", { "aria-label": col.heading, className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold uppercase tracking-wider", children: col.heading }),
-            /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1", children: col.links.map((link, j) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(TextLink, { link, ctx, className: "text-sm underline" }) }, j)) })
-          ] }, i))
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "mt-10 flex flex-col gap-4 border-t border-current/20 pt-6 sm:flex-row sm:items-center sm:justify-between", children: [
-          copyright,
-          row(props.links)
-        ] })
-      ] });
-    }
-    return /* @__PURE__ */ jsxs(Band, { ...attrs, as: "footer", surface: props.surface, spacing: "sm", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 md:flex-row md:items-start md:justify-between", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-          name,
-          props.tagline ? /* @__PURE__ */ jsx("p", { className: cn("max-w-md", quiet), children: props.tagline }) : null
-        ] }),
-        row(props.links)
-      ] }),
-      copyright ? /* @__PURE__ */ jsx("div", { className: "mt-6", children: copyright }) : null
-    ] });
-  }
-});
-function SiteFormHeader({ title, description, requiredNote }) {
-  return /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: title }),
-    description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: description }) : null,
-    requiredNote ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "* " }),
-      requiredNote
-    ] }) : null
-  ] });
-}
-var siteFormSlots = { header: SiteFormHeader };
-var KINDS = {
-  "short-text": "text",
-  "long-text": "text",
-  email: "text",
-  phone: "text",
-  date: "text",
-  number: "number",
-  "single-choice": "single",
-  dropdown: "single",
-  "multi-choice": "multi",
-  "yes-no": "yes-no",
-  consent: "consent"
-};
-var hasRecall = (text) => typeof text === "string" && text.includes("{{");
-function lightField(block) {
-  if (block.kind === "page-break") return false;
-  if (block.kind === "content") return (block.type === "heading" || block.type === "text") && !hasRecall(block.text);
-  if (!(block.type in KINDS)) return false;
-  if (hasRecall(block.label) || hasRecall(block.description) || hasRecall(block.placeholder)) return false;
-  const props = block.props ?? {};
-  if (props.optionsFrom !== void 0 || props.other !== void 0) return false;
-  return true;
-}
-function isLightForm(form) {
-  if (form.layout?.mode === "focus") return false;
-  if (form.logic?.length || form.hidden?.length) return false;
-  if (form.settings?.anonymous || form.settings?.saveProgress) return false;
-  return form.blocks.length > 0 && form.blocks.every(lightField);
-}
-var control = "text-base";
-var choiceInput = "size-5 shrink-0 accent-[hsl(var(--primary))]";
-var choiceRow = "flex min-h-11 items-center gap-3 rounded-md px-1";
-function str(value) {
-  return typeof value === "string" && value ? value : typeof value === "number" ? String(value) : void 0;
-}
-function FieldControl({ field, id, describedBy }) {
-  const type = field.type;
-  const props = field.props ?? {};
-  const common = {
-    id,
-    name: field.id,
-    required: field.required === true,
-    ...field.placeholder ? { placeholder: field.placeholder } : {},
-    ...describedBy ? { "aria-describedby": describedBy } : {}
-  };
-  switch (type) {
-    case "short-text":
-      return /* @__PURE__ */ jsx(Input, { ...common, type: "text", maxLength: 500, className: control });
-    case "long-text":
-      return /* @__PURE__ */ jsx(Textarea, { ...common, maxLength: 5e3, rows: 4, className: control });
-    case "email":
-      return /* @__PURE__ */ jsx(Input, { ...common, type: "email", autoComplete: "email", inputMode: "email", maxLength: 320, className: control });
-    case "phone":
-      return /* @__PURE__ */ jsx(Input, { ...common, type: "tel", autoComplete: "tel", inputMode: "tel", maxLength: 40, className: control });
-    case "date":
-      return /* @__PURE__ */ jsx(Input, { ...common, type: "date", ...str(props.min) ? { min: str(props.min) } : {}, ...str(props.max) ? { max: str(props.max) } : {}, className: control });
-    case "number":
-      return /* @__PURE__ */ jsx(
-        Input,
-        {
-          ...common,
-          type: "number",
-          inputMode: "decimal",
-          ...str(props.min) ? { min: str(props.min) } : {},
-          ...str(props.max) ? { max: str(props.max) } : {},
-          step: str(props.step) ?? "any",
-          className: control
-        }
-      );
-    case "dropdown":
-      return /* @__PURE__ */ jsxs(
-        "select",
-        {
-          ...common,
-          defaultValue: "",
-          className: "flex h-11 w-full rounded-md border border-input bg-background px-3 text-base focus-visible:outline-2 focus-visible:outline-ring",
-          children: [
-            /* @__PURE__ */ jsx("option", { value: "", disabled: field.required === true, children: field.placeholder || "Choose one" }),
-            choiceOptions(field).map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
-          ]
-        }
-      );
-    default:
-      return null;
-  }
-}
-function ChoiceGroup({ field, id, describedBy }) {
-  const type = field.type;
-  const required = field.required === true;
-  const options = type === "yes-no" ? [
-    { value: "yes", label: "Yes" },
-    { value: "no", label: "No" }
-  ] : choiceOptions(field).map((o) => ({ value: o.value, label: o.label }));
-  const multi = type === "multi-choice";
-  return /* @__PURE__ */ jsxs("fieldset", { className: "flex flex-col gap-1", ...describedBy ? { "aria-describedby": describedBy } : {}, "data-gs-field": field.id, "data-gs-kind": KINDS[type], ...required ? { "data-gs-required": "" } : {}, children: [
-    /* @__PURE__ */ jsxs("legend", { className: "mb-1 font-medium", children: [
-      field.label,
-      required ? /* @__PURE__ */ jsx(RequiredMark, {}) : null
-    ] }),
-    field.description ? /* @__PURE__ */ jsx("p", { id: `${id}-desc`, className: "mb-1 text-sm text-muted-foreground", children: field.description }) : null,
-    options.map((o, i) => /* @__PURE__ */ jsxs("label", { className: choiceRow, children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: multi ? "checkbox" : "radio",
-          name: field.id,
-          value: o.value,
-          className: choiceInput,
-          ...required && !multi && i === 0 ? { required: true } : {}
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { children: o.label })
-    ] }, o.value))
-  ] });
-}
-function RequiredMark() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "text-muted-foreground", children: [
-      " ",
-      "*"
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (required)" })
-  ] });
-}
-function FieldRow({ field, idPrefix }) {
-  const id = `${idPrefix}-${field.id}`;
-  const type = field.type;
-  const describedBy = field.description ? `${id}-desc` : void 0;
-  if (type === "single-choice" || type === "multi-choice" || type === "yes-no") return /* @__PURE__ */ jsx(ChoiceGroup, { field, id, ...describedBy ? { describedBy } : {} });
-  if (type === "consent") {
-    const text = str(field.props?.text) ?? field.label;
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", "data-gs-field": field.id, "data-gs-kind": "consent", children: [
-      /* @__PURE__ */ jsxs("label", { className: cn(choiceRow, "items-start py-1"), children: [
-        /* @__PURE__ */ jsx("input", { id, type: "checkbox", name: field.id, value: "true", required: field.required === true, className: cn(choiceInput, "mt-0.5"), ...describedBy ? { "aria-describedby": describedBy } : {} }),
-        /* @__PURE__ */ jsxs("span", { children: [
-          text,
-          field.required ? /* @__PURE__ */ jsx(RequiredMark, {}) : null
-        ] })
-      ] }),
-      field.description ? /* @__PURE__ */ jsx("p", { id: `${id}-desc`, className: "text-sm text-muted-foreground", children: field.description }) : null
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", "data-gs-field": field.id, "data-gs-kind": KINDS[type], children: [
-    /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "font-medium", children: [
-      field.label,
-      field.required ? /* @__PURE__ */ jsx(RequiredMark, {}) : null
-    ] }),
-    field.description ? /* @__PURE__ */ jsx("p", { id: `${id}-desc`, className: "-mt-1 text-sm text-muted-foreground", children: field.description }) : null,
-    /* @__PURE__ */ jsx(FieldControl, { field, id, ...describedBy ? { describedBy } : {} })
-  ] });
-}
-function LightForm({ form, slug, submitUrl, submitLabel, idPrefix }) {
-  const ending = form.endings?.[0];
-  const statusId = `${idPrefix}--gs-status`;
-  return /* @__PURE__ */ jsxs(
-    "form",
-    {
-      method: "post",
-      action: submitUrl,
-      "data-gs-island": "light-form",
-      "data-gs-form": slug,
-      "data-gs-sent": ending ? `${ending.title}${ending.description ? ` ${ending.description}` : ""}` : "Thanks. We got it.",
-      className: "flex flex-col gap-5 text-left",
-      children: [
-        /* @__PURE__ */ jsx("input", { type: "hidden", name: "form", value: slug }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: form.title }),
-          form.description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: form.description }) : null,
-          form.blocks.some((b) => b.kind === "field" && b.required) ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "* " }),
-            "Required"
-          ] }) : null
-        ] }),
-        form.blocks.map((block) => {
-          if (block.kind === "content") {
-            return block.type === "heading" ? /* @__PURE__ */ jsx("h4", { className: "font-semibold", children: block.text }, block.id) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: block.text }, block.id);
-          }
-          if (block.kind === "field") return /* @__PURE__ */ jsx(FieldRow, { field: block, idPrefix }, block.id);
-          return null;
-        }),
-        /* @__PURE__ */ jsx("p", { id: statusId, role: "status", "aria-live": "polite", "data-gs-status": "", className: "min-h-6 text-sm font-medium" }),
-        /* @__PURE__ */ jsx("button", { type: "submit", className: cn(buttonVariants({ size: "lg" }), "min-h-11 self-start px-8"), children: submitLabel || "Send" })
-      ]
-    }
-  );
-}
-var schema5 = z.object({
-  heading: Line(90),
-  body: Copy(400).optional(),
-  /** The form's slug, which the host's forms resolver knows. */
-  form: z.string().regex(/^[a-z0-9][a-z0-9-]{0,79}$/, "A form slug is lowercase letters, digits and hyphens."),
-  surface: Surface.default("base"),
-  anchor: Anchor.default("contact")
-});
-function formDrawMode(resolved) {
-  if (!resolved) return null;
-  if (resolved.kind === "embed") return "embed";
-  const parsed = parseForm(resolved.definition);
-  if (!parsed.ok) return null;
-  return isLightForm(parsed.form) ? "light" : "island";
-}
-function EmbeddedForm({ slug, heading, ctx }) {
-  const resolved = ctx.forms.get(slug);
-  if (!resolved) {
-    console.error(`[genesis-sites] the form "${slug}" on ${ctx.pagePath} is unknown to the host's forms resolver; the form embed renders nothing.`);
-    return ctx.mode === "preview" ? /* @__PURE__ */ jsxs("p", { role: "status", className: "rounded-lg border border-dashed border-border p-6 text-center", children: [
-      "The form \u201C",
-      slug,
-      "\u201D isn't available. Check its slug, or that the app passes a forms resolver."
-    ] }) : null;
-  }
-  if (resolved.kind === "embed") {
-    if (!isSafeHref(resolved.url) || !resolved.url.startsWith("https://")) {
-      console.error(`[genesis-sites] refused the form embed URL for "${slug}": it must be https.`);
-      return null;
-    }
-    return /* @__PURE__ */ jsx(
-      "iframe",
-      {
-        src: resolved.url,
-        title: resolved.title || heading,
-        loading: "lazy",
-        referrerPolicy: "strict-origin-when-cross-origin",
-        sandbox: "allow-forms allow-scripts allow-same-origin allow-popups",
-        style: { height: `${Math.min(Math.max(resolved.height ?? 640, 200), 4e3)}px` },
-        className: "w-full rounded-xl border border-border bg-background"
-      }
-    );
-  }
-  const parsed = parseForm(resolved.definition);
-  if (!parsed.ok) {
-    console.error(`[genesis-sites] the form "${slug}" isn't a valid genesis-forms definition: ${parsed.issues.map((i) => `${i.path} ${i.message}`).join("; ")}`);
-    return null;
-  }
-  if (!isSafeHref(resolved.submitUrl) || !(resolved.submitUrl.startsWith("/") || resolved.submitUrl.startsWith("https://"))) {
-    console.error(`[genesis-sites] the form "${slug}" has no usable submitUrl (a site path or an https URL).`);
-    return null;
-  }
-  const submitUrl = resolved.submitUrl.startsWith("/") ? ctx.href(resolved.submitUrl) : resolved.submitUrl;
-  if (isLightForm(parsed.form)) {
-    return /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-border bg-background p-4 text-foreground sm:p-6", children: /* @__PURE__ */ jsx(LightForm, { form: parsed.form, slug, submitUrl, idPrefix: ctx.idPrefix, ...resolved.submitLabel ? { submitLabel: resolved.submitLabel } : {} }) });
-  }
-  return (
-    // The island: the islands script loads the form bundle only on pages that have one,
-    // reads the definition from the JSON beside it and makes the server-rendered form live.
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-gs-island": "form",
-        "data-gs-form": slug,
-        "data-gs-submit": submitUrl,
-        ...resolved.layout ? { "data-gs-layout": resolved.layout } : {},
-        ...resolved.submitLabel ? { "data-gs-submit-label": resolved.submitLabel } : {},
-        className: "rounded-xl border border-border bg-background p-4 text-foreground sm:p-6",
-        children: [
-          /* @__PURE__ */ jsx("div", { "data-gs-form-root": "", children: /* @__PURE__ */ jsx(Form, { form: parsed.form, layout: resolved.layout ?? "classic", presentation: "embedded", slots: siteFormSlots, ...resolved.submitLabel ? { submitLabel: resolved.submitLabel } : {} }) }),
-          /* @__PURE__ */ jsx("script", { type: "application/json", "data-gs-form-definition": "", dangerouslySetInnerHTML: { __html: safeJsonForHtml(parsed.form) } }),
-          /* @__PURE__ */ jsx("noscript", { children: /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm", children: "This form needs JavaScript. Turn it on to send it." }) })
-        ]
-      }
-    )
-  );
-}
-var formEmbedSection = defineSection({
-  type: "form-embed",
-  version: 1,
-  label: "Form",
-  description: "A genesis-forms form (by slug, through the app's forms resolver) or a hosted form in a frame.",
-  category: "conversion",
-  schema: schema5,
-  variants: [
-    { id: "card", label: "Form in a card" },
-    { id: "split", label: "Copy left, form right" }
-  ],
-  defaultVariant: "card",
-  presets: [
-    { name: "Contact form", variant: "split", props: { heading: "Get in touch", body: "Tell us a little about yourself.", form: "contact", anchor: "contact" } },
-    { name: "Form card", variant: "card", props: { heading: "Book a free session", form: "contact", anchor: "contact" } }
-  ],
-  render: ({ props, variant, node, ctx }) => {
-    const inverted = onAccent(props.surface);
-    const copy = /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4", variant === "card" && "items-center text-center"), children: [
-      /* @__PURE__ */ jsx(SectionTitle, { ctx, id: titleId(ctx), size: "lg", children: props.heading }),
-      props.body ? /* @__PURE__ */ jsx(BandLead, { tone: inverted ? "inherit" : "muted", children: props.body }) : null
-    ] });
-    if (variant === "split") {
-      return /* @__PURE__ */ jsx(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: /* @__PURE__ */ jsxs("div", { className: "grid gap-10 md:grid-cols-2 md:gap-12", children: [
-        copy,
-        /* @__PURE__ */ jsx(EmbeddedForm, { slug: props.form, heading: props.heading, ctx })
-      ] }) });
-    }
-    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, width: "sm", children: [
-      copy,
-      /* @__PURE__ */ jsx("div", { className: "mt-8", children: /* @__PURE__ */ jsx(EmbeddedForm, { slug: props.form, heading: props.heading, ctx }) })
-    ] });
-  }
-});
-var schema6 = z.object({
-  heading: Line(90).optional(),
-  body: Copy(320).optional(),
-  images: z.array(Image.extend({ caption: Line(140).optional() })).min(1).max(24),
-  surface: Surface.default("base"),
-  anchor: Anchor
-});
-var gallerySection = defineSection({
-  type: "gallery",
-  version: 1,
-  label: "Gallery",
-  description: "Photos in an even grid or a masonry layout, each with alt text.",
-  category: "content",
-  schema: schema6,
-  variants: [
-    { id: "grid", label: "Even grid" },
-    { id: "masonry", label: "Masonry" }
-  ],
-  defaultVariant: "grid",
-  presets: [
-    {
-      name: "Photo grid",
-      variant: "grid",
-      props: { heading: "Inside", images: [{ src: "/photo-1.jpg", alt: "Describe the photo" }, { src: "/photo-2.jpg", alt: "Describe the photo" }, { src: "/photo-3.jpg", alt: "Describe the photo" }] }
-    }
-  ],
-  render: ({ props, variant, node, ctx }) => {
-    const intro = props.heading ? /* @__PURE__ */ jsx(SectionIntro, { ctx, heading: props.heading, body: props.body, tone: onAccent(props.surface) ? "inherit" : "muted" }) : /* @__PURE__ */ jsx(HiddenTitle, { ctx, children: "Gallery" });
-    const masonry = variant === "masonry";
-    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
-      intro,
-      /* @__PURE__ */ jsx("ul", { className: masonry ? "mt-10 columns-1 gap-4 sm:columns-2 lg:columns-3 [&>li]:mb-4 [&>li]:break-inside-avoid" : "mt-10 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: props.images.map((image, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("figure", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx(
-          SiteImage,
-          {
-            image,
-            ctx,
-            sizes: "(min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw",
-            className: masonry ? "w-full rounded-lg" : "aspect-square w-full rounded-lg object-cover"
-          }
-        ),
-        image.caption ? /* @__PURE__ */ jsx("figcaption", { className: "text-sm", children: image.caption }) : null
-      ] }) }, i)) })
-    ] });
-  }
-});
-var schema7 = z.object({
-  eyebrow: Line(60).optional(),
-  heading: Line(90),
-  body: Copy(320).optional(),
-  primaryCta: Link.optional(),
-  secondaryCta: Link.optional(),
-  image: Image.optional(),
-  anchor: Anchor
-});
-var heroSection = defineSection({
-  type: "hero",
-  version: 1,
-  label: "Hero",
-  description: "The page's opening: its main heading, a line of copy and up to two buttons.",
-  category: "intro",
-  limit: 1,
-  providesH1: true,
-  schema: schema7,
-  variants: [
-    { id: "centered", label: "Centred" },
-    { id: "split", label: "Text and image side by side" },
-    { id: "image-bg", label: "Text over an image" }
-  ],
-  defaultVariant: "centered",
-  presets: [
-    {
-      name: "Centred hero",
-      variant: "centered",
-      props: { heading: "Say what you do, for whom", body: "One or two sentences on why it matters.", primaryCta: { label: "Get started", href: "#contact" } }
-    },
-    {
-      name: "Hero with image",
-      variant: "split",
-      props: { heading: "Say what you do, for whom", body: "One or two sentences on why it matters.", primaryCta: { label: "Get started", href: "#contact" } }
-    }
-  ],
-  render: ({ props, variant, node, ctx }) => {
-    const intro = (align, tone = "muted") => /* @__PURE__ */ jsxs("div", { className: align === "center" ? "mx-auto flex max-w-3xl flex-col items-center gap-6 text-center" : "flex flex-col items-start gap-6", children: [
-      props.eyebrow ? /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold uppercase tracking-wider", children: props.eyebrow }) : null,
-      /* @__PURE__ */ jsx(SectionTitle, { ctx, id: titleId(ctx), size: "xl", children: props.heading }),
-      props.body ? /* @__PURE__ */ jsx(BandLead, { tone, children: props.body }) : null,
-      /* @__PURE__ */ jsx(Actions, { primary: props.primaryCta, secondary: props.secondaryCta, ctx, onAccent: tone === "inherit", className: align === "center" ? "sm:justify-center" : void 0 })
-    ] });
-    if (variant === "image-bg" && props.image) {
-      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: "inverse", spacing: "lg", className: "isolate overflow-hidden", children: [
-        /* @__PURE__ */ jsx(SiteImage, { image: { ...props.image, decorative: true }, ctx, priority: true, sizes: "100vw", className: "absolute inset-0 -z-10 h-full w-full object-cover" }),
-        /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "absolute inset-0 -z-10 bg-foreground/80" }),
-        intro("center", "inherit")
-      ] });
-    }
-    if (variant === "split") {
-      return /* @__PURE__ */ jsx(SectionBand, { node, ctx, anchor: props.anchor, spacing: "lg", children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-10 md:grid-cols-2 md:gap-12", children: [
-        intro("left"),
-        props.image ? /* @__PURE__ */ jsx(SiteImage, { image: props.image, ctx, priority: true, sizes: "(min-width: 768px) 50vw, 100vw", className: "aspect-[4/3] w-full rounded-xl object-cover" }) : /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "hidden aspect-[4/3] w-full rounded-xl bg-muted md:block" })
-      ] }) });
-    }
-    return /* @__PURE__ */ jsx(SectionBand, { node, ctx, anchor: props.anchor, spacing: "lg", children: intro("center") });
-  }
-});
-var schema8 = z.object({
-  heading: Line(90).optional(),
-  items: z.array(
-    z.object({
-      /** The organisation's name: the logo's alt text when the logo has none. */
-      name: Line(80),
-      image: Image,
-      href: Href.optional()
-    })
-  ).min(1).max(24),
-  surface: Surface.default("base"),
-  anchor: Anchor
-});
-var logosSection = defineSection({
-  type: "logos",
-  version: 1,
-  label: "Logos",
-  description: "Partners, clients or press, as a row or grid of logos.",
-  category: "social-proof",
-  schema: schema8,
-  variants: [
-    { id: "row", label: "One row" },
-    { id: "grid", label: "Grid" }
-  ],
-  defaultVariant: "row",
-  presets: [
-    {
-      name: "Logo row",
-      variant: "row",
-      props: { heading: "Trusted by", items: [{ name: "Partner", image: { src: "/logo-partner.svg", alt: "Partner" } }] }
-    }
-  ],
-  render: ({ props, variant, node, ctx }) => {
-    const intro = props.heading ? /* @__PURE__ */ jsx(SectionIntro, { ctx, heading: props.heading, size: "md", tone: onAccent(props.surface) ? "inherit" : "muted" }) : /* @__PURE__ */ jsx(HiddenTitle, { ctx, children: "Logos" });
-    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, spacing: "sm", children: [
-      intro,
-      /* @__PURE__ */ jsx("ul", { className: cn("items-center", props.heading && "mt-8", variant === "grid" ? "grid grid-cols-2 gap-8 sm:grid-cols-3 lg:grid-cols-4" : "flex flex-wrap justify-center gap-x-10 gap-y-6"), children: props.items.map((item, i) => {
-        const img = /* @__PURE__ */ jsx(SiteImage, { image: { ...item.image, alt: item.image.alt || item.name, decorative: false }, ctx, sizes: "160px", className: "mx-auto h-10 w-auto max-w-40 object-contain" });
-        return /* @__PURE__ */ jsx("li", { className: "flex justify-center", children: item.href ? /* @__PURE__ */ jsx("a", { href: resolveHref(item.href, ctx), className: "inline-flex min-h-11 items-center rounded-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", children: img }) : img }, i);
-      }) })
-    ] });
-  }
-});
-var schema9 = z.object({
-  /** Replaces the brand's logo in the header. */
-  logo: Image.optional(),
-  /** Show the site's name beside the logo (always shown when there is no logo). */
-  showName: z.boolean().default(true),
-  cta: Link.optional()
-});
-function isCurrent(item, ctx) {
-  return item.href === ctx.pagePath;
-}
-function Brand({ props, ctx }) {
-  const logo = props.logo ?? (ctx.site.logo ? { src: ctx.site.logo.src, alt: ctx.site.logo.alt, decorative: false } : void 0);
-  const showName = props.showName || !logo;
-  return /* @__PURE__ */ jsxs(
-    "a",
-    {
-      href: ctx.href("/"),
-      className: "inline-flex min-h-11 items-center gap-3 rounded-md font-display text-lg font-bold tracking-tight focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
-      children: [
-        logo ? /* @__PURE__ */ jsx(SiteImage, { image: { ...logo, alt: showName ? "" : logo.alt || ctx.site.name, decorative: showName }, ctx, priority: true, className: "h-8 w-auto" }) : null,
-        showName ? /* @__PURE__ */ jsx("span", { children: ctx.site.name }) : null,
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: ", home" })
-      ]
-    }
-  );
-}
-function Items({ ctx, className, itemClassName }) {
-  return /* @__PURE__ */ jsx("ul", { className, children: ctx.site.nav.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-    "a",
-    {
-      href: resolveHref(item.href, ctx),
-      ...isCurrent(item, ctx) ? { "aria-current": "page" } : {},
-      className: cn(
-        "inline-flex min-h-11 items-center rounded-md px-3 text-sm font-medium hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring aria-[current=page]:underline aria-[current=page]:underline-offset-8",
-        itemClassName
-      ),
-      children: item.label
-    }
-  ) }, `${item.label}-${item.href}`)) });
-}
-function NavSection({ props, variant, node, ctx }) {
-  const attrs = bandAttrs(node, ctx, void 0, false);
-  const hasMenu = variant !== "minimal" && ctx.site.nav.length > 0;
-  const centered = variant === "centered";
-  return /* @__PURE__ */ jsx(Band, { ...attrs, as: "header", spacing: "none", className: cn("border-b border-border", attrs.className), children: /* @__PURE__ */ jsxs("div", { className: cn("relative flex min-h-16 flex-wrap items-center justify-between gap-x-4 gap-y-2 py-2", centered && "md:flex-col md:justify-center md:py-4"), children: [
-    /* @__PURE__ */ jsx(Brand, { props, ctx }),
-    hasMenu ? /* @__PURE__ */ jsxs("nav", { "aria-label": "Main", className: cn("flex items-center gap-2", centered && "md:w-full md:justify-center"), children: [
-      /* @__PURE__ */ jsx(Items, { ctx, className: "hidden items-center gap-1 md:flex" }),
-      props.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: props.cta, ctx, className: "hidden md:inline-flex" }) : null,
-      /* @__PURE__ */ jsxs("details", { className: "group md:hidden", "data-gs-island": "menu", children: [
-        /* @__PURE__ */ jsxs("summary", { className: "flex min-h-11 min-w-11 cursor-pointer list-none items-center justify-center rounded-md border border-border focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring [&::-webkit-details-marker]:hidden", children: [
-          /* @__PURE__ */ jsx(Menu, { "aria-hidden": "true", className: "size-5" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Menu" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "absolute inset-x-0 top-full z-50 border-b border-border bg-background px-4 pb-4 shadow-lg", children: [
-          /* @__PURE__ */ jsx(Items, { ctx, className: "flex flex-col py-2", itemClassName: "w-full" }),
-          props.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: props.cta, ctx, className: "w-full" }) : null
-        ] })
-      ] })
-    ] }) : props.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: props.cta, ctx }) : null
-  ] }) });
-}
-var navSection = defineSection({
-  type: "nav",
-  version: 1,
-  label: "Navigation",
-  description: "The site's header: logo, menu and a button. On phones the menu folds into a button.",
-  category: "header",
-  placement: "header",
-  limit: 1,
-  schema: schema9,
-  variants: [
-    { id: "simple", label: "Logo left, menu right" },
-    { id: "centered", label: "Logo centred, menu below" },
-    { id: "minimal", label: "Logo and button only" }
-  ],
-  defaultVariant: "simple",
-  presets: [
-    { name: "Header with menu", variant: "simple", props: { showName: true, cta: { label: "Get started", href: "#contact" } } },
-    { name: "Centred header", variant: "centered", props: { showName: true } },
-    { name: "Landing page header", variant: "minimal", props: { showName: true, cta: { label: "Get started", href: "#contact" } } }
-  ],
-  render: (input) => /* @__PURE__ */ jsx(NavSection, { ...input })
-});
-var Tier = z.object({
-  name: Line(40),
-  price: Line(20),
-  /** "per month", "per session". */
-  period: Line(30).optional(),
-  description: Copy(200).optional(),
-  features: z.array(Line(100)).max(12).default([]),
-  cta: Link.optional(),
-  highlighted: z.boolean().optional()
-});
-var schema10 = z.object({
-  heading: Line(90),
-  body: Copy(320).optional(),
-  tiers: z.array(Tier).min(1).max(4),
-  note: Copy(300).optional(),
-  surface: Surface.default("base"),
-  anchor: Anchor
-});
-var COLS = { 1: "max-w-md mx-auto", 2: "md:grid-cols-2 max-w-4xl mx-auto", 3: "md:grid-cols-3", 4: "md:grid-cols-2 lg:grid-cols-4" };
-var pricingSection = defineSection({
-  type: "pricing",
-  version: 1,
-  label: "Pricing",
-  description: "Up to four plans with a price, what's included and a button.",
-  category: "conversion",
-  schema: schema10,
-  variants: [
-    { id: "cards", label: "Plan cards" },
-    { id: "compact", label: "Compact list" }
-  ],
-  defaultVariant: "cards",
-  presets: [
-    {
-      name: "Three plans",
-      variant: "cards",
-      props: {
-        heading: "Plans",
-        tiers: [
-          { name: "Starter", price: "$29", period: "per month", features: ["One thing", "Another thing"], cta: { label: "Choose Starter", href: "#contact" } },
-          { name: "Regular", price: "$59", period: "per month", features: ["Everything in Starter", "More"], cta: { label: "Choose Regular", href: "#contact" }, highlighted: true },
-          { name: "Unlimited", price: "$99", period: "per month", features: ["Everything", "Most"], cta: { label: "Choose Unlimited", href: "#contact" } }
-        ]
-      }
-    }
-  ],
-  render: ({ props, variant, node, ctx }) => {
-    const inverted = onAccent(props.surface);
-    const intro = /* @__PURE__ */ jsx(SectionIntro, { ctx, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" });
-    const note = props.note ? /* @__PURE__ */ jsx("p", { className: cn("mt-8 text-center text-sm", !inverted && "text-muted-foreground"), children: props.note }) : null;
-    if (variant === "compact") {
-      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, width: "md", children: [
-        intro,
-        /* @__PURE__ */ jsx("ul", { className: "mx-auto mt-10 flex max-w-3xl flex-col divide-y divide-border rounded-xl border border-border bg-background text-foreground", children: props.tiers.map((tier, i) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-4 p-6 sm:flex-row sm:items-center sm:justify-between", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsx(ItemTitle, { ctx, children: tier.name }),
-            tier.description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: tier.description }) : null
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-            /* @__PURE__ */ jsxs("p", { children: [
-              /* @__PURE__ */ jsx("span", { className: "font-display text-2xl font-bold", children: tier.price }),
-              tier.period ? /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
-                " ",
-                tier.period
-              ] }) : null
-            ] }),
-            tier.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: tier.cta, ctx, tone: tier.highlighted ? "primary" : "outline" }) : null
-          ] })
-        ] }, i)) }),
-        note
-      ] });
-    }
-    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
-      intro,
-      /* @__PURE__ */ jsx("ul", { className: cn("mt-12 grid gap-6", COLS[props.tiers.length]), children: props.tiers.map((tier, i) => /* @__PURE__ */ jsxs(
-        "li",
-        {
-          className: cn(
-            "flex flex-col gap-6 rounded-2xl border bg-background p-8 text-foreground",
-            tier.highlighted ? "border-2 border-primary shadow-lg" : "border-border"
-          ),
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-                /* @__PURE__ */ jsx(ItemTitle, { ctx, children: tier.name }),
-                tier.highlighted ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary px-3 py-1 text-xs font-semibold text-primary-foreground", children: "Most popular" }) : null
-              ] }),
-              tier.description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: tier.description }) : null
-            ] }),
-            /* @__PURE__ */ jsxs("p", { children: [
-              /* @__PURE__ */ jsx("span", { className: "font-display text-4xl font-bold", children: tier.price }),
-              tier.period ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-                " ",
-                tier.period
-              ] }) : null
-            ] }),
-            tier.features.length ? /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-3", children: tier.features.map((f, j) => /* @__PURE__ */ jsxs("li", { className: "flex gap-3", children: [
-              /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "mt-0.5 size-5 shrink-0" }),
-              /* @__PURE__ */ jsx("span", { children: f })
-            ] }, j)) }) : null,
-            tier.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: tier.cta, ctx, tone: tier.highlighted ? "primary" : "outline", className: "mt-auto w-full" }) : null
-          ]
-        },
-        i
-      )) }),
-      note
-    ] });
-  }
-});
-var schema11 = z.object({
-  heading: Line(90).optional(),
-  body: RichText,
-  surface: Surface.default("base"),
-  anchor: Anchor
-});
-var richTextSection = defineSection({
-  type: "rich-text",
-  version: 1,
-  label: "Text",
-  description: "Long copy with headings, lists, links and quotes. Sanitised when it renders.",
-  category: "content",
-  schema: schema11,
-  variants: [
-    { id: "narrow", label: "Reading width" },
-    { id: "wide", label: "Wide" }
-  ],
-  defaultVariant: "narrow",
-  presets: [
-    {
-      name: "Text",
-      variant: "narrow",
-      props: {
-        body: {
-          type: "doc",
-          content: [
-            { type: "heading", attrs: { level: 2 }, content: [{ type: "text", text: "A heading" }] },
-            { type: "paragraph", content: [{ type: "text", text: "Write here." }] }
-          ]
-        }
-      }
-    }
-  ],
-  render: ({ props, variant, node, ctx }) => {
-    const intro = props.heading ? /* @__PURE__ */ jsx(SectionIntro, { ctx, heading: props.heading, align: "left", tone: onAccent(props.surface) ? "inherit" : "muted" }) : null;
-    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, width: variant === "wide" ? "lg" : "prose", labelled: Boolean(props.heading), children: [
-      intro,
-      /* @__PURE__ */ jsx(
-        RichText$1,
-        {
-          value: props.body,
-          headingLevels: props.heading ? [3, 4] : [2, 3, 4],
-          className: cn(richTextClassName, "text-base sm:text-lg [&_h2]:font-display [&_h2]:text-2xl [&_h3]:font-display [&_h3]:text-xl", props.heading && "mt-6")
-        }
-      )
-    ] });
-  }
-});
-var schema12 = z.object({
-  heading: Line(90).optional(),
-  body: Copy(320).optional(),
-  items: z.array(z.object({ value: Line(16), label: Line(60) })).min(1).max(6),
-  surface: Surface.default("muted"),
-  anchor: Anchor
-});
-var COLS2 = { 1: "", 2: "sm:grid-cols-2", 3: "sm:grid-cols-3", 4: "sm:grid-cols-2 lg:grid-cols-4", 5: "sm:grid-cols-3 lg:grid-cols-5", 6: "sm:grid-cols-3 lg:grid-cols-6" };
-var statsSection = defineSection({
-  type: "stats",
-  version: 1,
-  label: "Stats",
-  description: "A few numbers that matter, each with a label.",
-  category: "social-proof",
-  schema: schema12,
-  variants: [
-    { id: "row", label: "In a row" },
-    { id: "cards", label: "Cards" }
-  ],
-  defaultVariant: "row",
-  presets: [
-    {
-      name: "Three numbers",
-      variant: "row",
-      props: { items: [{ value: "12", label: "years open" }, { value: "40+", label: "classes a week" }, { value: "6", label: "coaches" }] }
-    }
-  ],
-  render: ({ props, variant, node, ctx }) => {
-    const inverted = onAccent(props.surface);
-    const intro = props.heading ? /* @__PURE__ */ jsx(SectionIntro, { ctx, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" }) : /* @__PURE__ */ jsx(HiddenTitle, { ctx, children: "In numbers" });
-    const cards = variant === "cards";
-    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
-      intro,
-      /* @__PURE__ */ jsx("dl", { className: cn("grid gap-6 text-center", COLS2[props.items.length], props.heading && "mt-10"), children: props.items.map((item, i) => /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col-reverse gap-1", cards && "rounded-xl border border-border bg-background p-6 text-foreground"), children: [
-        /* @__PURE__ */ jsx("dt", { className: cn("text-sm font-medium", !inverted || cards ? "text-muted-foreground" : void 0), children: item.label }),
-        /* @__PURE__ */ jsx("dd", { className: "font-display text-4xl font-bold tracking-tight sm:text-5xl", children: item.value })
-      ] }, i)) })
-    ] });
-  }
-});
-var Quote = z.object({
-  quote: Copy(500).min(1),
-  name: Line(80),
-  role: Line(80).optional(),
-  avatar: Image.optional()
-});
-var schema13 = z.object({
-  heading: Line(90).optional(),
-  body: Copy(320).optional(),
-  items: z.array(Quote).min(1).max(12),
-  surface: Surface.default("muted"),
-  anchor: Anchor
-});
-var testimonialsSection = defineSection({
-  type: "testimonials",
-  version: 1,
-  label: "Testimonials",
-  description: "Quotes from real people, with their permission.",
-  category: "social-proof",
-  schema: schema13,
-  variants: [
-    { id: "grid", label: "Quotes in a grid" },
-    { id: "single", label: "One large quote" }
-  ],
-  defaultVariant: "grid",
-  presets: [
-    { name: "Quotes", variant: "grid", props: { heading: "What people say", items: [{ quote: "A quote, in their words.", name: "Their name" }] } },
-    { name: "One quote", variant: "single", props: { items: [{ quote: "A quote, in their words.", name: "Their name", role: "Who they are" }] } }
-  ],
-  render: ({ props, variant, node, ctx }) => {
-    const inverted = onAccent(props.surface);
-    const muted = inverted ? void 0 : "text-muted-foreground";
-    const person = (item, large = false) => /* @__PURE__ */ jsxs("figcaption", { className: "flex items-center gap-3", children: [
-      item.avatar ? /* @__PURE__ */ jsx(SiteImage, { image: item.avatar, ctx, sizes: "48px", className: cn("rounded-full object-cover", large ? "size-14" : "size-11") }) : null,
-      /* @__PURE__ */ jsxs("span", { className: "flex flex-col text-left", children: [
-        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: item.name }),
-        item.role ? /* @__PURE__ */ jsx("span", { className: cn("text-sm", muted), children: item.role }) : null
-      ] })
-    ] });
-    const intro = props.heading ? /* @__PURE__ */ jsx(SectionIntro, { ctx, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" }) : /* @__PURE__ */ jsx(HiddenTitle, { ctx, children: "Testimonials" });
-    if (variant === "single") {
-      const item = props.items[0];
-      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, width: "md", children: [
-        intro,
-        /* @__PURE__ */ jsxs("figure", { className: cn("mx-auto flex max-w-3xl flex-col items-center gap-8 text-center", props.heading && "mt-10"), children: [
-          /* @__PURE__ */ jsx("blockquote", { className: "font-display text-2xl font-medium leading-snug text-balance sm:text-3xl", children: /* @__PURE__ */ jsxs("p", { children: [
-            "\u201C",
-            item.quote,
-            "\u201D"
-          ] }) }),
-          person(item, true)
-        ] })
-      ] });
-    }
-    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
-      intro,
-      /* @__PURE__ */ jsx("ul", { className: cn("grid gap-6 sm:grid-cols-2 lg:grid-cols-3", props.heading && "mt-12"), children: props.items.map((item, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("figure", { className: "flex h-full flex-col justify-between gap-6 rounded-xl border border-border bg-background p-6 text-foreground", children: [
-        /* @__PURE__ */ jsx("blockquote", { className: "leading-relaxed", children: /* @__PURE__ */ jsxs("p", { children: [
-          "\u201C",
-          item.quote,
-          "\u201D"
-        ] }) }),
-        person(item)
-      ] }) }, i)) })
-    ] });
-  }
-});
-
-// src/sections/index.ts
-var builtInSections = Object.freeze([
-  navSection,
-  heroSection,
-  featuresSection,
-  ctaSection,
-  testimonialsSection,
-  faqSection,
-  pricingSection,
-  logosSection,
-  statsSection,
-  gallerySection,
-  richTextSection,
-  formEmbedSection,
-  footerSection
-]);
-for (const def of builtInSections) registerBuiltInSection(def);
-
-export { Anchor, ButtonLink, HiddenTitle, ICONS, IconName, ItemTitle, SectionBand, SectionIntro, SectionTitle, SiteFormHeader, SiteImage, TextLink, builtInSections, ctaSection, faqSection, featuresSection, footerSection, formDrawMode, formEmbedSection, gallerySection, heroSection, logosSection, navSection, pricingSection, resolveHref, richTextSection, siteFormSlots, statsSection, testimonialsSection, titleId };
-//# sourceMappingURL=chunk-43XUAO63.js.map
-//# sourceMappingURL=chunk-43XUAO63.js.map