@frontlit/page-builder 0.1.0-alpha.1

package/dist/chunk-7KIX4WAO.js

@@ -0,0 +1,4229 @@
+"use client";
+import { NavLink, VideoWithPreview, Image, TextRenderer, SandboxedEmbed, ThemeModeSwitcher } from './chunk-7W6Q4WA7.js';
+import { Button2, Drawer, Section, cn, Preheader, Header1, Subheader1, PageCard, PageCardContent, Header2, Header4, Text2, Badge, PageCardHeader, Text1, Input, Label, Link, Caption, Header3 } from './chunk-RBJBODQP.js';
+import React7, { useState, useId, useRef, useEffect } from 'react';
+import clsx3 from 'clsx';
+import * as Icons from 'lucide-react';
+import { MenuIcon, Code2, LockKeyhole, ChevronDown, Plus } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Editor, emptyDoc } from '@frontlit/text-editor';
+
+// src/blocks/header/metadata.ts
+var headerMetadata = {
+  name: "header",
+  displayName: "Header",
+  description: "The site navigation bar, pinned to the top of every page.",
+  compatibleWith: ["site", "landing", "blog", "post", "custom"]
+};
+
+// src/utils/is-video.ts
+function isVideo(youtubeLink, media) {
+  return Boolean(
+    youtubeLink || media && RegExp("video/").test(media?.mimeType || "")
+  );
+}
+
+// src/utils/generate-unique-id.ts
+function generateUniqueId() {
+  return Math.random().toString(36).slice(2) + Date.now().toString(36);
+}
+function HeaderLink({
+  link,
+  theme,
+  onClick
+}) {
+  if (link.isButton) {
+    return /* @__PURE__ */ jsx(NavLink, { href: link.href, onClick, children: /* @__PURE__ */ jsx(Button2, { size: "sm", theme, children: link.label }) });
+  }
+  return /* @__PURE__ */ jsx(NavLink, { href: link.href, onClick, className: "no-underline", children: /* @__PURE__ */ jsx(Link, { theme, className: "no-underline", children: link.label }) });
+}
+function HeaderWidget({
+  settings: {
+    logoText,
+    logoImage,
+    links = [],
+    ctaLabel,
+    ctaHref,
+    linkAlignment = "left",
+    layout = "fixed",
+    backdropBlur = false,
+    showThemeSwitcher = true,
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background
+  },
+  state: { theme },
+  pageData,
+  nextTheme,
+  toggleTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  const [mobileNavOpen, setMobileNavOpen] = useState(false);
+  const isFloating = layout === "floating";
+  const isCentered = layout === "centered";
+  const isFixed = !isFloating;
+  const primaryLinks = links.filter((link) => !link.isButton);
+  const buttonLinks = links.filter((link) => link.isButton);
+  const resolvedLogoImage = pageData.siteLogoUrl || logoImage;
+  const resolvedLogoAlt = pageData.siteLogoAlt || logoText || "";
+  const logo = /* @__PURE__ */ jsx(NavLink, { href: "/", className: "no-underline", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    resolvedLogoImage && /* @__PURE__ */ jsx(
+      Image,
+      {
+        src: resolvedLogoImage,
+        alt: resolvedLogoAlt,
+        width: "w-8",
+        height: "h-8",
+        borderRadius: 2
+      }
+    ),
+    logoText && /* @__PURE__ */ jsx(Header4, { theme: overriddenTheme, children: logoText })
+  ] }) });
+  const colorModeControl = showThemeSwitcher && toggleTheme ? /* @__PURE__ */ jsx(
+    ThemeModeSwitcher,
+    {
+      resolved: nextTheme ?? "light",
+      onToggle: toggleTheme,
+      theme: overriddenTheme,
+      size: "sm",
+      variant: "outline"
+    }
+  ) : null;
+  const ctaAndMenu = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+    colorModeControl,
+    buttonLinks.map((link) => /* @__PURE__ */ jsx("div", { className: "hidden lg:!block", children: /* @__PURE__ */ jsx(HeaderLink, { link, theme: overriddenTheme }) }, link.id)),
+    ctaLabel && ctaHref && /* @__PURE__ */ jsx("div", { className: "hidden lg:!block", children: /* @__PURE__ */ jsx(NavLink, { href: ctaHref, children: /* @__PURE__ */ jsx(Button2, { theme: overriddenTheme, size: "sm", children: ctaLabel }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
+      Drawer,
+      {
+        open: mobileNavOpen,
+        setOpen: setMobileNavOpen,
+        side: "right",
+        theme: overriddenTheme,
+        trigger: /* @__PURE__ */ jsxs(
+          Button2,
+          {
+            variant: "outline",
+            size: "sm",
+            theme: overriddenTheme,
+            children: [
+              /* @__PURE__ */ jsx(MenuIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle menu" })
+            ]
+          }
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-col gap-4", children: [
+          links.map((link) => /* @__PURE__ */ jsx(
+            HeaderLink,
+            {
+              link,
+              theme: overriddenTheme,
+              onClick: () => setMobileNavOpen(false)
+            },
+            link.id
+          )),
+          ctaLabel && ctaHref && /* @__PURE__ */ jsx(
+            NavLink,
+            {
+              href: ctaHref,
+              onClick: () => setMobileNavOpen(false),
+              children: /* @__PURE__ */ jsx(
+                Button2,
+                {
+                  theme: overriddenTheme,
+                  className: "w-full",
+                  children: ctaLabel
+                }
+              )
+            }
+          )
+        ] })
+      }
+    ) })
+  ] });
+  let mainContent;
+  if (isCentered) {
+    const half = Math.ceil(primaryLinks.length / 2);
+    const leftLinks = primaryLinks.slice(0, half);
+    const rightLinks = primaryLinks.slice(half);
+    mainContent = /* @__PURE__ */ jsxs("div", { className: "grid w-full grid-cols-[1fr_auto_1fr] items-center gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "hidden items-center justify-end gap-6 lg:!flex", children: leftLinks.map((link) => /* @__PURE__ */ jsx(
+        HeaderLink,
+        {
+          link,
+          theme: overriddenTheme
+        },
+        link.id
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: logo }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "hidden items-center gap-6 lg:!flex", children: rightLinks.map((link) => /* @__PURE__ */ jsx(
+          HeaderLink,
+          {
+            link,
+            theme: overriddenTheme
+          },
+          link.id
+        )) }),
+        ctaAndMenu
+      ] })
+    ] });
+  } else {
+    mainContent = /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-4", children: [
+      logo,
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx3(
+            "hidden items-center gap-6 lg:!flex lg:!grow",
+            linkAlignment === "right" ? "justify-end" : linkAlignment === "center" ? "justify-center" : "justify-start"
+          ),
+          children: primaryLinks.map((link) => /* @__PURE__ */ jsx(
+            HeaderLink,
+            {
+              link,
+              theme: overriddenTheme
+            },
+            link.id
+          ))
+        }
+      ),
+      ctaAndMenu
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      theme: overriddenTheme,
+      component: "header",
+      id: cssId,
+      background,
+      nextTheme,
+      className: clsx3(
+        "sticky top-0 z-20",
+        isFixed && "border-b",
+        isFixed && backdropBlur && "bg-transparent backdrop-blur-2xl",
+        isFixed && !backdropBlur && "bg-background",
+        !isFixed && "bg-transparent"
+      ),
+      children: isFloating ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx3(
+            "p-2",
+            overriddenTheme.interactives?.card?.border?.width ?? "border",
+            overriddenTheme.interactives?.card?.border?.radius ?? "rounded-xl",
+            overriddenTheme.interactives?.card?.border?.style,
+            overriddenTheme.interactives?.card?.shadow ?? "shadow-md",
+            backdropBlur ? "bg-transparent backdrop-blur-2xl" : "bg-card text-card-foreground"
+          ),
+          children: mainContent
+        }
+      ) : mainContent
+    }
+  );
+}
+function FieldGroup({
+  title,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "mb-6 flex min-w-0 max-w-full flex-col gap-4 border-b border-border/80 pb-6 last:mb-0 last:border-0 last:pb-0", children: [
+    title && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-primary" }),
+      /* @__PURE__ */ jsx("p", { className: "text-[10px] font-bold uppercase tracking-[0.16em] text-muted-foreground", children: title })
+    ] }),
+    children
+  ] });
+}
+function TextField({
+  label,
+  value,
+  onChange,
+  placeholder,
+  multiline
+}) {
+  const generatedId = useId();
+  const inputId = `field-${generatedId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "flex flex-col gap-1.5 text-sm", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground", children: label }),
+    multiline ? /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        id: inputId,
+        className: "min-h-24 resize-y rounded-lg border border-input bg-muted/20 px-3 py-2.5 text-sm text-foreground outline-none transition-colors placeholder:text-muted-foreground/70 focus:border-ring focus:bg-background focus:ring-2 focus:ring-ring/20",
+        value: value ?? "",
+        placeholder,
+        onChange: (e) => onChange(e.target.value)
+      }
+    ) : /* @__PURE__ */ jsx(
+      "input",
+      {
+        id: inputId,
+        className: "h-9 rounded-lg border border-input bg-muted/20 px-3 py-2 text-sm text-foreground outline-none transition-colors placeholder:text-muted-foreground/70 focus:border-ring focus:bg-background focus:ring-2 focus:ring-ring/20",
+        value: value ?? "",
+        placeholder,
+        onChange: (e) => onChange(e.target.value)
+      }
+    )
+  ] });
+}
+function NumberField({
+  label,
+  value,
+  onChange,
+  min,
+  max
+}) {
+  const generatedId = useId();
+  const inputId = `field-${generatedId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "flex flex-col gap-1.5 text-sm", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground", children: label }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        id: inputId,
+        type: "number",
+        className: "h-9 rounded-lg border border-input bg-muted/20 px-3 py-2 text-sm text-foreground outline-none transition-colors focus:border-ring focus:bg-background focus:ring-2 focus:ring-ring/20",
+        value: value ?? "",
+        min,
+        max,
+        onChange: (e) => onChange(Number(e.target.value))
+      }
+    )
+  ] });
+}
+function SelectField({
+  label,
+  value,
+  onChange,
+  options
+}) {
+  const generatedId = useId();
+  const inputId = `field-${generatedId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "flex flex-col gap-1.5 text-sm", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground", children: label }),
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        id: inputId,
+        className: "h-9 w-full rounded-lg border border-input bg-muted/20 px-3 py-2 text-sm text-foreground outline-none transition-colors focus:border-ring focus:bg-background focus:ring-2 focus:ring-ring/20",
+        value: value ?? "",
+        onChange: (e) => onChange(e.target.value),
+        children: options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+      }
+    )
+  ] });
+}
+function ToggleField({
+  label,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center justify-between gap-3 rounded-lg border border-border/80 bg-muted/20 px-3 py-2.5 text-sm transition-colors hover:bg-muted/50", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground", children: label }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "checkbox",
+        className: "peer sr-only",
+        checked: Boolean(value),
+        onChange: (e) => onChange(e.target.checked)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: cn(
+          "relative h-5 w-9 shrink-0 rounded-full bg-muted-foreground/25 transition-colors after:absolute after:left-0.5 after:top-0.5 after:h-4 after:w-4 after:rounded-full after:bg-background after:shadow-sm after:transition-transform peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2",
+          value && "bg-primary after:translate-x-4"
+        )
+      }
+    )
+  ] });
+}
+function ListField({
+  label,
+  items,
+  onChange,
+  renderItem,
+  createItem: createItem2,
+  addLabel = "Add item"
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5 text-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground", children: label }),
+      /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground", children: [
+        items.length,
+        " ",
+        items.length === 1 ? "item" : "items"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2.5", children: items.map((item, index) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex flex-col gap-3 rounded-xl border border-border/80 bg-muted/15 p-3.5 [&>button]:self-end [&>button]:rounded-md [&>button]:px-2 [&>button]:py-1 [&>button]:text-[11px] [&>button]:font-semibold [&>button]:transition-colors [&>button]:hover:bg-destructive/10",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between border-b border-border/60 pb-2", children: /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-bold uppercase tracking-[0.14em] text-muted-foreground", children: [
+            "Item ",
+            String(index + 1).padStart(2, "0")
+          ] }) }),
+          renderItem(
+            item,
+            (next) => {
+              const copy = items.slice();
+              copy[index] = { ...item, ...next };
+              onChange(copy);
+            },
+            () => {
+              onChange(items.filter((_, i) => i !== index));
+            },
+            index
+          )
+        ]
+      },
+      index
+    )) }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "inline-flex h-9 w-full items-center justify-center gap-2 rounded-lg border border-dashed border-input text-xs font-semibold text-muted-foreground transition-colors hover:border-primary/50 hover:bg-primary/5 hover:text-foreground",
+        onClick: () => onChange([...items, createItem2()]),
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+          addLabel
+        ]
+      }
+    )
+  ] });
+}
+function HeaderEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Logo", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Logo text",
+          value: settings.logoText,
+          onChange: (logoText) => update({ logoText })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Logo image URL",
+          value: settings.logoImage,
+          placeholder: "https://...",
+          onChange: (logoImage) => update({ logoImage })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(FieldGroup, { title: "Navigation links", children: /* @__PURE__ */ jsx(
+      ListField,
+      {
+        label: "Links",
+        items: settings.links ?? [],
+        onChange: (links) => update({ links }),
+        createItem: () => ({
+          id: generateUniqueId(),
+          label: "New link",
+          href: "#"
+        }),
+        addLabel: "Add link",
+        renderItem: (link, updateLink, remove) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Label",
+              value: link.label,
+              onChange: (label) => updateLink({ label })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Link",
+              value: link.href,
+              onChange: (href) => updateLink({ href })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToggleField,
+            {
+              label: "Show as button",
+              value: link.isButton,
+              onChange: (isButton) => updateLink({ isButton })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "self-start text-xs text-destructive",
+              onClick: remove,
+              children: "Remove"
+            }
+          )
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Call to action", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Button text",
+          value: settings.ctaLabel,
+          onChange: (ctaLabel) => update({ ctaLabel })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Button link",
+          value: settings.ctaHref,
+          onChange: (ctaHref) => update({ ctaHref })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Layout", children: [
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Link alignment",
+          value: settings.linkAlignment ?? "left",
+          onChange: (linkAlignment) => update({ linkAlignment }),
+          options: [
+            { label: "Left", value: "left" },
+            { label: "Center", value: "center" },
+            { label: "Right", value: "right" }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ToggleField,
+        {
+          label: "Backdrop blur",
+          value: settings.backdropBlur,
+          onChange: (backdropBlur) => update({ backdropBlur })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ToggleField,
+        {
+          label: "Color mode switcher",
+          value: settings.showThemeSwitcher !== false,
+          onChange: (showThemeSwitcher) => update({ showThemeSwitcher })
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/blocks/header/defaults.ts
+var headerDefaults = {
+  logoText: "FrontLit",
+  links: [
+    { id: generateUniqueId(), label: "Features", href: "/#features" },
+    { id: generateUniqueId(), label: "Pricing", href: "/#pricing" },
+    { id: generateUniqueId(), label: "Docs", href: "/docs" },
+    { id: generateUniqueId(), label: "Blog", href: "/blog" }
+  ],
+  ctaLabel: "Get started",
+  ctaHref: "/help",
+  linkAlignment: "left",
+  layout: "fixed",
+  backdropBlur: false,
+  showThemeSwitcher: true,
+  // Slider value 1. Keeps a new header compact instead of inheriting the
+  // theme's content-section padding (`py-12` / slider 5 on most themes).
+  verticalPadding: "py-4"
+};
+
+// src/blocks/header/index.ts
+var Header = {
+  metadata: headerMetadata,
+  widget: HeaderWidget,
+  editor: HeaderEditor,
+  getDefaultSettings: () => headerDefaults,
+  layouts: [
+    { id: "fixed", name: "Fixed" },
+    { id: "floating", name: "Floating" },
+    { id: "centered", name: "Centered logo" }
+  ]
+};
+
+// src/blocks/hero/metadata.ts
+var heroMetadata = {
+  name: "hero",
+  displayName: "Hero",
+  description: "A large introductory section with a title, copy and CTAs.",
+  compatibleWith: ["site", "landing", "blog", "post", "custom"]
+};
+var roundedMap = {
+  0: "rounded-none",
+  1: "rounded-sm",
+  2: "rounded",
+  3: "rounded-md",
+  4: "rounded-lg",
+  5: "rounded-xl",
+  6: "rounded-2xl",
+  7: "rounded-3xl",
+  8: "rounded-full"
+};
+function HeroWidget({
+  settings: {
+    preTitle,
+    title,
+    description,
+    buttonCaption,
+    buttonAction,
+    media,
+    youtubeLink,
+    alignment = "right",
+    mediaRadius = 3,
+    contentAlignment = "left",
+    secondaryButtonAction,
+    secondaryButtonCaption,
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background,
+    layout = "normal"
+  },
+  state: { theme },
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  const hasHeroGraphic = youtubeLink || media && media.mediaId;
+  const direction = alignment === "right" ? "md:!flex-row-reverse" : "md:!flex-row";
+  const isCentered = layout === "centered" || layout === "media-below";
+  const graphic = hasHeroGraphic && /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `w-full overflow-hidden ${roundedMap[mediaRadius] ?? "rounded-md"}`,
+      children: isVideo(youtubeLink, media) ? /* @__PURE__ */ jsx(
+        VideoWithPreview,
+        {
+          videoUrl: youtubeLink || media?.file || "",
+          title: media?.caption || "",
+          thumbnailUrl: media?.thumbnail || ""
+        }
+      ) : /* @__PURE__ */ jsx(
+        Image,
+        {
+          src: media?.file || "",
+          alt: media?.caption || "",
+          borderRadius: mediaRadius
+        }
+      )
+    }
+  );
+  const textContent = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx3(
+        "flex flex-col gap-4",
+        isCentered || contentAlignment === "center" ? "items-center text-center" : "items-start justify-center h-full"
+      ),
+      children: [
+        preTitle && /* @__PURE__ */ jsx(
+          Preheader,
+          {
+            theme: overriddenTheme,
+            className: "text-muted-foreground",
+            children: preTitle
+          }
+        ),
+        /* @__PURE__ */ jsx(Header1, { theme: overriddenTheme, children: title }),
+        description && /* @__PURE__ */ jsx(Subheader1, { theme: overriddenTheme, component: "span", children: /* @__PURE__ */ jsx(TextRenderer, { json: description, theme: overriddenTheme }) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx3(
+              "flex flex-col md:!flex-row gap-2 w-full",
+              (isCentered || contentAlignment === "center") && "md:!justify-center"
+            ),
+            children: [
+              buttonAction && buttonCaption && /* @__PURE__ */ jsx(NavLink, { href: buttonAction, children: /* @__PURE__ */ jsx(
+                Button2,
+                {
+                  theme: overriddenTheme,
+                  className: "w-full md:min-w-[150px]",
+                  children: buttonCaption
+                }
+              ) }),
+              secondaryButtonAction && secondaryButtonCaption && /* @__PURE__ */ jsx(NavLink, { href: secondaryButtonAction, children: /* @__PURE__ */ jsx(
+                Button2,
+                {
+                  theme: overriddenTheme,
+                  variant: "secondary",
+                  className: "w-full md:min-w-[150px]",
+                  children: secondaryButtonCaption
+                }
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+  let mainContent;
+  if (layout === "centered") {
+    mainContent = /* @__PURE__ */ jsx("div", { className: "mx-auto flex max-w-2xl flex-col gap-4", children: textContent });
+  } else if (layout === "media-below") {
+    mainContent = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-10", children: [
+      /* @__PURE__ */ jsx("div", { className: "mx-auto flex max-w-2xl flex-col gap-4", children: textContent }),
+      graphic && /* @__PURE__ */ jsx("div", { className: "w-full", children: graphic })
+    ] });
+  } else {
+    mainContent = /* @__PURE__ */ jsxs("div", { className: clsx3("flex flex-col gap-8", direction), children: [
+      graphic && /* @__PURE__ */ jsx("div", { className: "w-full md:w-1/2 flex items-center", children: graphic }),
+      /* @__PURE__ */ jsx("div", { className: `w-full ${hasHeroGraphic ? "md:w-1/2" : ""}`, children: textContent })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      theme: overriddenTheme,
+      id: cssId,
+      background,
+      nextTheme,
+      children: layout === "card" ? /* @__PURE__ */ jsx(PageCard, { theme: overriddenTheme, children: /* @__PURE__ */ jsx(PageCardContent, { theme: overriddenTheme, children: mainContent }) }) : mainContent
+    }
+  );
+}
+function HeroEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Content", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Eyebrow",
+          value: settings.preTitle,
+          placeholder: "e.g. Careers",
+          onChange: (preTitle) => update({ preTitle })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Title",
+          value: settings.title,
+          onChange: (title) => update({ title })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Description" }),
+        /* @__PURE__ */ jsx(
+          Editor,
+          {
+            initialContent: settings.description ?? emptyDoc,
+            onChange: (description) => update({ description }),
+            showToolbar: false,
+            editorClassName: "min-h-[100px]"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Media", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Image URL",
+          value: settings.media?.file,
+          placeholder: "https://...",
+          onChange: (file) => update({
+            media: file ? { mediaId: file, file } : void 0
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "YouTube / Vimeo link",
+          value: settings.youtubeLink,
+          placeholder: "https://youtube.com/watch?v=...",
+          onChange: (youtubeLink) => update({ youtubeLink })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Calls to action", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Primary button text",
+          value: settings.buttonCaption,
+          onChange: (buttonCaption) => update({ buttonCaption })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Primary button link",
+          value: settings.buttonAction,
+          onChange: (buttonAction) => update({ buttonAction })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Secondary button text",
+          value: settings.secondaryButtonCaption,
+          onChange: (secondaryButtonCaption) => update({ secondaryButtonCaption })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Secondary button link",
+          value: settings.secondaryButtonAction,
+          onChange: (secondaryButtonAction) => update({ secondaryButtonAction })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Layout", children: [
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Media position",
+          value: settings.alignment ?? "right",
+          onChange: (alignment) => update({ alignment }),
+          options: [
+            { label: "Left", value: "left" },
+            { label: "Right", value: "right" }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Content alignment",
+          value: settings.contentAlignment ?? "left",
+          onChange: (contentAlignment) => update({ contentAlignment }),
+          options: [
+            { label: "Left", value: "left" },
+            { label: "Center", value: "center" }
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/blocks/hero/defaults.ts
+var heroDefaults = {
+  title: "Run your whole business from one front office",
+  buttonCaption: "See features",
+  buttonAction: "/#features",
+  secondaryButtonCaption: "Read the docs",
+  secondaryButtonAction: "/docs",
+  alignment: "right",
+  contentAlignment: "left",
+  mediaRadius: 3,
+  layout: "normal"
+};
+
+// src/blocks/hero/index.ts
+var Hero = {
+  metadata: heroMetadata,
+  widget: HeroWidget,
+  editor: HeroEditor,
+  getDefaultSettings: () => heroDefaults,
+  layouts: [
+    { id: "normal", name: "Standard" },
+    { id: "card", name: "Card" },
+    { id: "centered", name: "Centered" },
+    { id: "media-below", name: "Media below" }
+  ]
+};
+
+// src/blocks/content/metadata.ts
+var contentMetadata = {
+  name: "content",
+  displayName: "Content",
+  description: "A rich-text section with an optional image, for things like an about-us or feature explainer.",
+  compatibleWith: ["site", "landing", "blog", "post", "custom"]
+};
+var roundedMap2 = {
+  0: "rounded-none",
+  1: "rounded-sm",
+  2: "rounded",
+  3: "rounded-md",
+  4: "rounded-lg",
+  5: "rounded-xl",
+  6: "rounded-2xl",
+  7: "rounded-3xl",
+  8: "rounded-full"
+};
+function ContentWidget({
+  settings: {
+    title,
+    body,
+    media,
+    alignment = "left",
+    headerAlignment = "left",
+    mediaRadius = 3,
+    layout = "side",
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background
+  },
+  state: { theme },
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  const hasMedia = Boolean(media && media.file);
+  const sideBySide = layout !== "stacked" && layout !== "overlay";
+  const direction = alignment === "right" ? "md:!flex-row-reverse" : "md:!flex-row";
+  if (layout === "overlay") {
+    const textPosition = alignment === "right" ? "items-end text-right" : "items-start text-left";
+    return /* @__PURE__ */ jsx(
+      Section,
+      {
+        theme: overriddenTheme,
+        id: cssId,
+        background,
+        nextTheme,
+        children: /* @__PURE__ */ jsxs("div", { className: "relative min-h-[420px] w-full overflow-hidden rounded-xl", children: [
+          hasMedia && /* @__PURE__ */ jsx(
+            Image,
+            {
+              src: media?.file || "",
+              alt: media?.caption || "",
+              width: "w-full",
+              height: "h-full",
+              className: "absolute inset-0",
+              borderRadius: 0
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent" }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx3(
+                "relative flex h-full flex-col justify-end gap-4 p-6 md:p-10",
+                textPosition
+              ),
+              children: /* @__PURE__ */ jsxs("div", { className: "max-w-lg text-white", children: [
+                title && /* @__PURE__ */ jsx(Header2, { theme: overriddenTheme, children: title }),
+                body && /* @__PURE__ */ jsx(
+                  TextRenderer,
+                  {
+                    json: body,
+                    theme: overriddenTheme
+                  }
+                )
+              ] })
+            }
+          )
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      theme: overriddenTheme,
+      id: cssId,
+      background,
+      nextTheme,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx3("flex flex-col gap-8", sideBySide && direction),
+          children: [
+            hasMedia && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clsx3(
+                  "flex w-full items-center",
+                  sideBySide && "md:w-1/2"
+                ),
+                children: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: `w-full overflow-hidden ${roundedMap2[mediaRadius] ?? "rounded-md"}`,
+                    children: /* @__PURE__ */ jsx(
+                      Image,
+                      {
+                        src: media?.file || "",
+                        alt: media?.caption || "",
+                        borderRadius: mediaRadius
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clsx3(
+                  "w-full",
+                  hasMedia && sideBySide && "md:w-1/2"
+                ),
+                children: /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: clsx3(
+                      "flex h-full flex-col justify-center gap-4",
+                      headerAlignment === "center" ? "items-center text-center" : "items-start"
+                    ),
+                    children: [
+                      title && /* @__PURE__ */ jsx(Header2, { theme: overriddenTheme, children: title }),
+                      body && /* @__PURE__ */ jsx(TextRenderer, { json: body, theme: overriddenTheme })
+                    ]
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function ContentEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Content", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Title",
+          value: settings.title,
+          onChange: (title) => update({ title })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Body" }),
+        /* @__PURE__ */ jsx(
+          Editor,
+          {
+            initialContent: settings.body ?? emptyDoc,
+            onChange: (body) => update({ body }),
+            editorClassName: "min-h-[160px]"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Media", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Image URL",
+          value: settings.media?.file,
+          placeholder: "https://...",
+          onChange: (file) => update({
+            media: file ? { mediaId: file, file } : void 0
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: "Image corner radius",
+          value: settings.mediaRadius,
+          min: 0,
+          max: 8,
+          onChange: (mediaRadius) => update({ mediaRadius })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Layout", children: [
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Media position",
+          value: settings.alignment ?? "left",
+          onChange: (alignment) => update({ alignment }),
+          options: [
+            { label: "Left", value: "left" },
+            { label: "Right", value: "right" }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Header alignment",
+          value: settings.headerAlignment ?? "left",
+          onChange: (headerAlignment) => update({ headerAlignment }),
+          options: [
+            { label: "Left", value: "left" },
+            { label: "Center", value: "center" }
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/blocks/content/defaults.ts
+var contentDefaults = {
+  title: "One dashboard, every channel",
+  body: {
+    type: "doc",
+    content: [
+      {
+        type: "paragraph",
+        content: [
+          {
+            type: "text",
+            text: "FrontLit brings your website, content, customer support, and audience engagement into one connected front office."
+          }
+        ]
+      }
+    ]
+  },
+  alignment: "left",
+  headerAlignment: "left",
+  mediaRadius: 3
+};
+
+// src/blocks/content/index.ts
+var Content = {
+  metadata: contentMetadata,
+  widget: ContentWidget,
+  editor: ContentEditor,
+  getDefaultSettings: () => contentDefaults,
+  layouts: [
+    { id: "side", name: "Media beside" },
+    { id: "stacked", name: "Media on top" },
+    { id: "overlay", name: "Overlay" }
+  ]
+};
+
+// src/blocks/featured/metadata.ts
+var featuredMetadata = {
+  name: "featured",
+  displayName: "Feature grid",
+  description: "A grid of feature highlights, each with an icon, title and description.",
+  compatibleWith: ["site", "landing", "custom"]
+};
+function resolveIcon(name) {
+  if (!name) return Icons.Sparkles;
+  const icon = Icons[name];
+  return icon ?? Icons.Sparkles;
+}
+function FeaturedWidget({
+  settings: {
+    title,
+    description,
+    headerAlignment = "center",
+    items,
+    layout = "grid",
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background
+  },
+  state: { theme },
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      theme: overriddenTheme,
+      id: cssId,
+      background,
+      nextTheme,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx3(
+              "flex flex-col gap-4",
+              headerAlignment === "center" ? "items-center text-center" : "items-start"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Header1, { theme: overriddenTheme, children: title }),
+              description && /* @__PURE__ */ jsx(Subheader1, { theme: overriddenTheme, component: "span", children: /* @__PURE__ */ jsx(
+                TextRenderer,
+                {
+                  json: description,
+                  theme: overriddenTheme
+                }
+              ) })
+            ]
+          }
+        ),
+        items && items.length > 0 && layout === "numbered" && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: items.map((item, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-3xl font-bold text-primary/30", children: String(index + 1).padStart(2, "0") }),
+          /* @__PURE__ */ jsx(Header4, { theme: overriddenTheme, children: item.title }),
+          item.description && /* @__PURE__ */ jsx(Text2, { theme: overriddenTheme, children: item.description })
+        ] }, index)) }),
+        items && items.length > 0 && layout !== "numbered" && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx3(
+              layout === "list" && "flex flex-col gap-4",
+              layout === "compact" && "grid grid-cols-2 md:grid-cols-4 gap-4 items-stretch",
+              layout !== "list" && layout !== "compact" && "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 items-stretch"
+            ),
+            children: items.map((item, index) => {
+              const Icon = resolveIcon(item.icon);
+              return /* @__PURE__ */ jsx(PageCard, { theme: overriddenTheme, children: /* @__PURE__ */ jsxs(
+                PageCardContent,
+                {
+                  theme: overriddenTheme,
+                  className: clsx3(
+                    "h-full flex gap-3",
+                    layout === "list" ? "flex-row items-start" : "flex-col",
+                    layout === "compact" && "items-center text-center gap-2"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: clsx3(
+                          "flex shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary",
+                          layout === "compact" ? "h-8 w-8" : "h-10 w-10"
+                        ),
+                        children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        className: clsx3(
+                          "flex flex-col gap-2",
+                          layout === "compact" && "items-center gap-1"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsx(Header4, { theme: overriddenTheme, children: item.title }),
+                          item.description && layout !== "compact" && /* @__PURE__ */ jsx(
+                            Text2,
+                            {
+                              theme: overriddenTheme,
+                              children: item.description
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ) }, index);
+            })
+          }
+        )
+      ] })
+    }
+  );
+}
+var createItem = () => ({
+  title: "New feature",
+  description: "",
+  icon: "Sparkles"
+});
+function FeaturedEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Content", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Title",
+          value: settings.title,
+          onChange: (title) => update({ title })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Description" }),
+        /* @__PURE__ */ jsx(
+          Editor,
+          {
+            initialContent: settings.description ?? emptyDoc,
+            onChange: (description) => update({ description }),
+            showToolbar: false,
+            editorClassName: "min-h-[80px]"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Header alignment",
+          value: settings.headerAlignment ?? "center",
+          onChange: (headerAlignment) => update({ headerAlignment }),
+          options: [
+            { label: "Left", value: "left" },
+            { label: "Center", value: "center" }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(FieldGroup, { title: "Features", children: /* @__PURE__ */ jsx(
+      ListField,
+      {
+        label: "Feature items",
+        items: settings.items ?? [],
+        onChange: (items) => update({ items }),
+        createItem,
+        addLabel: "Add feature",
+        renderItem: (item, updateItem, remove) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Title",
+              value: item.title,
+              onChange: (title) => updateItem({ title })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Description",
+              value: item.description,
+              multiline: true,
+              onChange: (description) => updateItem({ description })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Icon (lucide-react name)",
+              value: item.icon,
+              placeholder: "Globe",
+              onChange: (icon) => updateItem({ icon })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "self-start text-xs font-medium text-destructive hover:underline",
+              onClick: remove,
+              children: "Remove feature"
+            }
+          )
+        ] })
+      }
+    ) })
+  ] });
+}
+
+// src/blocks/featured/defaults.ts
+var featuredDefaults = {
+  title: "Everything you need to run your business online",
+  headerAlignment: "center",
+  items: [
+    {
+      title: "Website",
+      description: "Design and publish beautiful pages with a drag-and-drop editor.",
+      icon: "Globe"
+    },
+    {
+      title: "Content",
+      description: "Publish articles, documentation, and product updates from one content system.",
+      icon: "Newspaper"
+    },
+    {
+      title: "Support",
+      description: "Support customers with a shared inbox, ticketing, help center, and AI answers.",
+      icon: "LifeBuoy"
+    },
+    {
+      title: "Engage",
+      description: "Grow your audience and send email without leaving FrontLit.",
+      icon: "Mail"
+    }
+  ]
+};
+
+// src/blocks/featured/index.ts
+var Featured = {
+  metadata: featuredMetadata,
+  widget: FeaturedWidget,
+  editor: FeaturedEditor,
+  getDefaultSettings: () => featuredDefaults,
+  layouts: [
+    { id: "grid", name: "Grid" },
+    { id: "list", name: "List" },
+    { id: "compact", name: "Compact" },
+    { id: "numbered", name: "Numbered" }
+  ]
+};
+
+// src/blocks/faq/metadata.ts
+var faqMetadata = {
+  name: "faq",
+  displayName: "FAQs",
+  description: "A list of frequently asked questions, rendered as an accordion.",
+  compatibleWith: ["site", "landing", "blog", "post", "custom"]
+};
+function FaqWidget({
+  settings: {
+    title,
+    headerAlignment = "left",
+    items = [],
+    layout = "list",
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background
+  },
+  state: { theme },
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  const [expandedIndex, setExpandedIndex] = useState(
+    items.length > 0 ? 0 : null
+  );
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      theme: overriddenTheme,
+      id: cssId,
+      background,
+      nextTheme,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+        title && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx3(
+              "flex flex-col",
+              headerAlignment === "center" ? "items-center text-center" : "items-start"
+            ),
+            children: /* @__PURE__ */ jsx(Header2, { theme: overriddenTheme, children: title })
+          }
+        ),
+        items.length > 0 && (() => {
+          const renderItem = (item, index) => {
+            const isOpen = expandedIndex === index;
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: layout === "cards" ? "rounded-lg border border-border bg-card px-4 py-4" : layout === "columns" ? "border-b border-border py-4" : "py-4",
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      className: "flex w-full items-center justify-between gap-4 text-left",
+                      onClick: () => setExpandedIndex(
+                        isOpen ? null : index
+                      ),
+                      "aria-expanded": isOpen,
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          Text1,
+                          {
+                            theme: overriddenTheme,
+                            className: "font-medium",
+                            children: item.question
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          ChevronDown,
+                          {
+                            className: clsx3(
+                              "h-4 w-4 shrink-0 transition-transform",
+                              isOpen && "rotate-180"
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  isOpen && /* @__PURE__ */ jsx("div", { className: "pt-3", children: /* @__PURE__ */ jsx(
+                    Text1,
+                    {
+                      theme: overriddenTheme,
+                      className: "text-muted-foreground",
+                      children: item.answer
+                    }
+                  ) })
+                ]
+              },
+              item.id
+            );
+          };
+          if (layout === "columns") {
+            const half = Math.ceil(items.length / 2);
+            const left = items.slice(0, half);
+            const right = items.slice(half);
+            return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-x-10 md:grid-cols-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: left.map(
+                (item, i) => renderItem(item, i)
+              ) }),
+              /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: right.map(
+                (item, i) => renderItem(item, half + i)
+              ) })
+            ] });
+          }
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: layout === "cards" ? "flex flex-col gap-3" : "flex flex-col divide-y divide-border border-b border-t border-border",
+              children: items.map(
+                (item, index) => renderItem(item, index)
+              )
+            }
+          );
+        })()
+      ] })
+    }
+  );
+}
+function FaqEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Header", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Title",
+          value: settings.title,
+          onChange: (title) => update({ title })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Header alignment",
+          value: settings.headerAlignment ?? "left",
+          onChange: (headerAlignment) => update({ headerAlignment }),
+          options: [
+            { label: "Left", value: "left" },
+            { label: "Center", value: "center" }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(FieldGroup, { title: "Questions", children: /* @__PURE__ */ jsx(
+      ListField,
+      {
+        label: "Items",
+        items: settings.items ?? [],
+        onChange: (items) => update({ items }),
+        createItem: () => ({
+          id: generateUniqueId(),
+          question: "New question",
+          answer: ""
+        }),
+        addLabel: "Add question",
+        renderItem: (item, updateItem, remove) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Question",
+              value: item.question,
+              onChange: (question) => updateItem({ question })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Answer",
+              value: item.answer,
+              multiline: true,
+              onChange: (answer) => updateItem({ answer })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "self-start text-xs text-destructive",
+              onClick: remove,
+              children: "Remove"
+            }
+          )
+        ] })
+      }
+    ) })
+  ] });
+}
+
+// src/blocks/faq/defaults.ts
+var faqDefaults = {
+  title: "Frequently asked questions",
+  headerAlignment: "left",
+  items: [
+    {
+      id: generateUniqueId(),
+      question: "What can I build with FrontLit?",
+      answer: "A marketing website, articles, documentation, product updates, customer support, and email \u2014 all from one connected dashboard."
+    },
+    {
+      id: generateUniqueId(),
+      question: "Do I need to know how to code?",
+      answer: "No. Every page is assembled from ready-made blocks like this one, and you can customize copy, media and layout without touching code."
+    },
+    {
+      id: generateUniqueId(),
+      question: "Can I use my own domain?",
+      answer: "Yes, every FrontLit site can be connected to a custom domain in a few clicks."
+    },
+    {
+      id: generateUniqueId(),
+      question: "Is there a free plan?",
+      answer: "Yes, you can get started for free and upgrade as your audience grows."
+    }
+  ]
+};
+
+// src/blocks/faq/index.ts
+var Faq = {
+  metadata: faqMetadata,
+  widget: FaqWidget,
+  editor: FaqEditor,
+  getDefaultSettings: () => faqDefaults,
+  layouts: [
+    { id: "list", name: "List" },
+    { id: "cards", name: "Cards" },
+    { id: "columns", name: "Columns" }
+  ]
+};
+
+// src/blocks/pricing/metadata.ts
+var pricingMetadata = {
+  name: "pricing",
+  displayName: "Pricing",
+  description: "A grid of pricing tiers with features and calls to action.",
+  compatibleWith: ["site", "landing", "custom"]
+};
+function PricingWidget({
+  settings: {
+    title,
+    description,
+    headerAlignment = "center",
+    tiers,
+    layout = "grid",
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background
+  },
+  state: { theme },
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      theme: overriddenTheme,
+      id: cssId,
+      background,
+      nextTheme,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx3(
+              "flex flex-col gap-4",
+              headerAlignment === "center" ? "items-center text-center" : "items-start"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Header1, { theme: overriddenTheme, children: title }),
+              description && /* @__PURE__ */ jsx(Subheader1, { theme: overriddenTheme, component: "span", children: /* @__PURE__ */ jsx(
+                TextRenderer,
+                {
+                  json: description,
+                  theme: overriddenTheme
+                }
+              ) })
+            ]
+          }
+        ),
+        tiers && tiers.length > 0 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: layout === "stacked" ? "mx-auto flex w-full max-w-xl flex-col gap-6" : "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 items-stretch",
+            children: tiers.map((tier, index) => /* @__PURE__ */ jsx(
+              PageCard,
+              {
+                theme: overriddenTheme,
+                className: clsx3(
+                  tier.highlighted && "ring-2 ring-primary",
+                  layout === "highlight" && tier.highlighted && "relative z-10 shadow-xl md:-translate-y-3"
+                ),
+                children: /* @__PURE__ */ jsxs(
+                  PageCardContent,
+                  {
+                    theme: overriddenTheme,
+                    className: "h-full flex flex-col gap-4",
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                        /* @__PURE__ */ jsx(Preheader, { theme: overriddenTheme, children: tier.name }),
+                        tier.highlighted && /* @__PURE__ */ jsx(Badge, { theme: overriddenTheme, children: "Most popular" })
+                      ] }),
+                      /* @__PURE__ */ jsx(PageCardHeader, { theme: overriddenTheme, children: tier.price }),
+                      tier.description && /* @__PURE__ */ jsx(Text1, { theme: overriddenTheme, children: tier.description }),
+                      tier.features && tier.features.length > 0 && /* @__PURE__ */ jsx("div", { className: "grow flex flex-col gap-2", children: tier.features.map(
+                        (feature, i) => /* @__PURE__ */ jsx(
+                          Text2,
+                          {
+                            theme: overriddenTheme,
+                            children: feature
+                          },
+                          i
+                        )
+                      ) }),
+                      tier.buttonAction && tier.buttonCaption && /* @__PURE__ */ jsx(
+                        NavLink,
+                        {
+                          href: tier.buttonAction,
+                          className: "w-full mt-auto",
+                          children: /* @__PURE__ */ jsx(
+                            Button2,
+                            {
+                              theme: overriddenTheme,
+                              variant: tier.highlighted ? "default" : "secondary",
+                              className: "w-full",
+                              children: tier.buttonCaption
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                )
+              },
+              index
+            ))
+          }
+        )
+      ] })
+    }
+  );
+}
+var createTier = () => ({
+  name: "New plan",
+  price: "$0/mo",
+  description: "",
+  features: [],
+  buttonCaption: "Get started",
+  buttonAction: "#"
+});
+function PricingEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Content", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Title",
+          value: settings.title,
+          onChange: (title) => update({ title })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Description" }),
+        /* @__PURE__ */ jsx(
+          Editor,
+          {
+            initialContent: settings.description ?? emptyDoc,
+            onChange: (description) => update({ description }),
+            showToolbar: false,
+            editorClassName: "min-h-[80px]"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Header alignment",
+          value: settings.headerAlignment ?? "center",
+          onChange: (headerAlignment) => update({ headerAlignment }),
+          options: [
+            { label: "Left", value: "left" },
+            { label: "Center", value: "center" }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(FieldGroup, { title: "Pricing tiers", children: /* @__PURE__ */ jsx(
+      ListField,
+      {
+        label: "Tiers",
+        items: settings.tiers ?? [],
+        onChange: (tiers) => update({ tiers }),
+        createItem: createTier,
+        addLabel: "Add tier",
+        renderItem: (tier, updateTier, remove) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Name",
+              value: tier.name,
+              onChange: (name) => updateTier({ name })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Price",
+              value: tier.price,
+              placeholder: "$29/mo",
+              onChange: (price) => updateTier({ price })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Description",
+              value: tier.description,
+              multiline: true,
+              onChange: (description) => updateTier({ description })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Features (one per line)",
+              value: (tier.features ?? []).join("\n"),
+              multiline: true,
+              onChange: (value) => updateTier({
+                features: value.split("\n").map((f) => f.trim()).filter(Boolean)
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Button text",
+              value: tier.buttonCaption,
+              onChange: (buttonCaption) => updateTier({ buttonCaption })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Button link",
+              value: tier.buttonAction,
+              onChange: (buttonAction) => updateTier({ buttonAction })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToggleField,
+            {
+              label: "Highlight this tier",
+              value: tier.highlighted,
+              onChange: (highlighted) => updateTier({ highlighted })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "self-start text-xs font-medium text-destructive hover:underline",
+              onClick: remove,
+              children: "Remove tier"
+            }
+          )
+        ] })
+      }
+    ) })
+  ] });
+}
+
+// src/blocks/pricing/defaults.ts
+var pricingDefaults = {
+  title: "Simple, transparent pricing",
+  headerAlignment: "center",
+  tiers: [
+    {
+      name: "Starter",
+      price: "$0/mo",
+      description: "For hobby sites and side projects.",
+      features: ["1 website", "FrontLit branding", "Community support"],
+      buttonCaption: "Get started",
+      buttonAction: "/help"
+    },
+    {
+      name: "Pro",
+      price: "$29/mo",
+      description: "For growing businesses that need more.",
+      features: [
+        "5 websites",
+        "Custom domain",
+        "Blog + Email",
+        "Priority support"
+      ],
+      buttonCaption: "Talk to us",
+      buttonAction: "/help",
+      highlighted: true
+    },
+    {
+      name: "Business",
+      price: "$79/mo",
+      description: "For teams that need scale and control.",
+      features: [
+        "Unlimited websites",
+        "Help desk & chatbot",
+        "Team seats",
+        "Dedicated support"
+      ],
+      buttonCaption: "Contact sales",
+      buttonAction: "/help"
+    }
+  ]
+};
+
+// src/blocks/pricing/index.ts
+var Pricing = {
+  metadata: pricingMetadata,
+  widget: PricingWidget,
+  editor: PricingEditor,
+  getDefaultSettings: () => pricingDefaults,
+  layouts: [
+    { id: "grid", name: "Grid" },
+    { id: "stacked", name: "Stacked" },
+    { id: "highlight", name: "Highlight" }
+  ]
+};
+
+// src/blocks/banner/metadata.ts
+var bannerMetadata = {
+  name: "banner",
+  displayName: "Banner",
+  description: "A strong, punchy call-to-action strip.",
+  compatibleWith: ["site", "landing", "blog", "post", "custom"]
+};
+function BannerWidget({
+  settings: {
+    title,
+    description,
+    buttonCaption,
+    buttonAction,
+    secondaryButtonCaption,
+    secondaryButtonAction,
+    contentAlignment = "center",
+    layout = "stacked",
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background
+  },
+  state: { theme },
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  const isCentered = contentAlignment === "center";
+  const isSplit = layout === "split";
+  const isBoxed = layout === "boxed";
+  const heading = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Header1, { theme: overriddenTheme, children: title }),
+    description && /* @__PURE__ */ jsx(Subheader1, { theme: overriddenTheme, component: "span", children: /* @__PURE__ */ jsx(TextRenderer, { json: description, theme: overriddenTheme }) })
+  ] });
+  const buttons = (buttonAction || secondaryButtonAction) && /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx3(
+        "flex flex-col md:!flex-row gap-2 w-full md:w-auto",
+        isSplit ? "shrink-0" : "mt-2",
+        !isSplit && isCentered ? "md:!justify-center" : ""
+      ),
+      children: [
+        buttonAction && buttonCaption && /* @__PURE__ */ jsx(NavLink, { href: buttonAction, children: /* @__PURE__ */ jsx(
+          Button2,
+          {
+            theme: overriddenTheme,
+            className: "w-full md:min-w-[150px]",
+            children: buttonCaption
+          }
+        ) }),
+        secondaryButtonAction && secondaryButtonCaption && /* @__PURE__ */ jsx(NavLink, { href: secondaryButtonAction, children: /* @__PURE__ */ jsx(
+          Button2,
+          {
+            theme: overriddenTheme,
+            variant: "secondary",
+            className: "w-full md:min-w-[150px]",
+            children: secondaryButtonCaption
+          }
+        ) })
+      ]
+    }
+  );
+  const content = isSplit ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 md:!flex-row md:items-center md:justify-between", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col items-start gap-4", children: heading }),
+    buttons
+  ] }) : /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx3(
+        "flex flex-col gap-4",
+        isCentered ? "items-center text-center" : "items-start"
+      ),
+      children: [
+        heading,
+        buttons
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      theme: overriddenTheme,
+      id: cssId,
+      background,
+      nextTheme,
+      children: isBoxed ? /* @__PURE__ */ jsx(PageCard, { theme: overriddenTheme, className: "mx-auto max-w-3xl", children: /* @__PURE__ */ jsx(
+        PageCardContent,
+        {
+          theme: overriddenTheme,
+          className: "items-center p-8 text-center md:p-12",
+          children: content
+        }
+      ) }) : content
+    }
+  );
+}
+function BannerEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Content", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Title",
+          value: settings.title,
+          onChange: (title) => update({ title })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Description" }),
+        /* @__PURE__ */ jsx(
+          Editor,
+          {
+            initialContent: settings.description ?? emptyDoc,
+            onChange: (description) => update({ description }),
+            showToolbar: false,
+            editorClassName: "min-h-[80px]"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Calls to action", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Primary button text",
+          value: settings.buttonCaption,
+          onChange: (buttonCaption) => update({ buttonCaption })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Primary button link",
+          value: settings.buttonAction,
+          onChange: (buttonAction) => update({ buttonAction })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Secondary button text",
+          value: settings.secondaryButtonCaption,
+          onChange: (secondaryButtonCaption) => update({ secondaryButtonCaption })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Secondary button link",
+          value: settings.secondaryButtonAction,
+          onChange: (secondaryButtonAction) => update({ secondaryButtonAction })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(FieldGroup, { title: "Layout", children: /* @__PURE__ */ jsx(
+      SelectField,
+      {
+        label: "Content alignment",
+        value: settings.contentAlignment ?? "center",
+        onChange: (contentAlignment) => update({ contentAlignment }),
+        options: [
+          { label: "Left", value: "left" },
+          { label: "Center", value: "center" }
+        ]
+      }
+    ) })
+  ] });
+}
+
+// src/blocks/banner/defaults.ts
+var bannerDefaults = {
+  title: "Ready to launch your site?",
+  buttonCaption: "Contact us",
+  buttonAction: "/help",
+  secondaryButtonCaption: "Read the docs",
+  secondaryButtonAction: "/docs",
+  contentAlignment: "center"
+};
+
+// src/blocks/banner/index.ts
+var Banner = {
+  metadata: bannerMetadata,
+  widget: BannerWidget,
+  editor: BannerEditor,
+  getDefaultSettings: () => bannerDefaults,
+  layouts: [
+    { id: "stacked", name: "Stacked" },
+    { id: "split", name: "Split" },
+    { id: "boxed", name: "Boxed" }
+  ]
+};
+
+// src/blocks/email-form/metadata.ts
+var emailFormMetadata = {
+  name: "email-form",
+  displayName: "Email signup",
+  description: "An email signup form with a title, description and email input.",
+  compatibleWith: ["site", "landing", "blog", "post", "custom"]
+};
+async function subscribeEmail(email, pageData) {
+  if (!pageData.teamId || !pageData.publicApiBaseUrl) {
+    await new Promise((resolve) => setTimeout(resolve, 600));
+    return { success: Boolean(email) };
+  }
+  try {
+    const res = await fetch(
+      `${pageData.publicApiBaseUrl}/public/${pageData.teamId}/leads`,
+      {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          email,
+          sourcePath: pageData.pageSlug ? `/${pageData.pageSlug}` : void 0
+        })
+      }
+    );
+    if (!res.ok) return { success: false };
+    const body = await res.json();
+    return { success: body.accepted };
+  } catch {
+    return { success: false };
+  }
+}
+function EmailFormWidget({
+  settings: {
+    title,
+    description,
+    buttonCaption = "Subscribe",
+    successMessage = "Thanks for subscribing!",
+    alignment = "left",
+    layout = "stacked",
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background
+  },
+  state: { theme },
+  pageData,
+  editing,
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  const [email, setEmail] = useState("");
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [success, setSuccess] = useState(false);
+  const isCentered = alignment === "center";
+  const onSubmit = async (e) => {
+    e.preventDefault();
+    if (editing) return;
+    setIsSubmitting(true);
+    try {
+      const result = await subscribeEmail(email, pageData);
+      if (result.success) {
+        setSuccess(true);
+        setEmail("");
+      }
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  if (layout === "inline") {
+    return /* @__PURE__ */ jsx(
+      Section,
+      {
+        theme: overriddenTheme,
+        id: cssId,
+        background,
+        nextTheme,
+        children: /* @__PURE__ */ jsxs(
+          "form",
+          {
+            onSubmit,
+            className: "flex flex-col items-start gap-4 md:!flex-row md:items-center md:justify-between",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx(Header1, { theme: overriddenTheme, className: "text-xl", children: title }),
+                description && /* @__PURE__ */ jsx(
+                  Subheader1,
+                  {
+                    theme: overriddenTheme,
+                    component: "span",
+                    children: /* @__PURE__ */ jsx(
+                      TextRenderer,
+                      {
+                        json: description,
+                        theme: overriddenTheme
+                      }
+                    )
+                  }
+                )
+              ] }),
+              success ? /* @__PURE__ */ jsx(Text2, { theme: overriddenTheme, children: successMessage }) : /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-2 sm:!flex-row md:w-auto md:shrink-0", children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    theme: overriddenTheme,
+                    id: "email",
+                    value: email,
+                    onChange: (e) => setEmail(e.target.value),
+                    placeholder: "Enter your email",
+                    type: "email",
+                    required: true,
+                    className: "md:w-64"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button2,
+                  {
+                    theme: overriddenTheme,
+                    type: "submit",
+                    disabled: !editing && (isSubmitting || !email),
+                    children: buttonCaption
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      theme: overriddenTheme,
+      id: cssId,
+      background,
+      nextTheme,
+      children: /* @__PURE__ */ jsxs(
+        "form",
+        {
+          onSubmit,
+          className: clsx3(
+            "flex gap-4",
+            layout === "split" ? "flex-col md:!flex-row md:items-center md:justify-between md:gap-10" : clsx3(
+              "flex-col",
+              isCentered ? "items-center text-center" : "items-start"
+            )
+          ),
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: clsx3(
+                  "flex flex-col gap-4",
+                  layout === "split" ? "items-start" : "contents"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Header1, { theme: overriddenTheme, children: title }),
+                  description && /* @__PURE__ */ jsx(Subheader1, { theme: overriddenTheme, component: "span", children: /* @__PURE__ */ jsx(
+                    TextRenderer,
+                    {
+                      json: description,
+                      theme: overriddenTheme
+                    }
+                  ) })
+                ]
+              }
+            ),
+            success ? /* @__PURE__ */ jsx(Text2, { theme: overriddenTheme, children: successMessage }) : /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: clsx3(
+                  "flex flex-col md:!flex-row md:!items-end gap-2",
+                  layout === "split" ? "md:shrink-0" : "w-full",
+                  layout !== "split" && isCentered ? "md:!justify-center" : ""
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 items-start", children: [
+                    /* @__PURE__ */ jsx(Label, { theme: overriddenTheme, htmlFor: "email", children: "Email" }),
+                    /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        theme: overriddenTheme,
+                        id: "email",
+                        value: email,
+                        onChange: (e) => setEmail(e.target.value),
+                        placeholder: "Enter your email",
+                        type: "email",
+                        required: true
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Button2,
+                    {
+                      theme: overriddenTheme,
+                      type: "submit",
+                      disabled: !editing && (isSubmitting || !email),
+                      children: buttonCaption
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function EmailFormEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Content", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Title",
+          value: settings.title,
+          onChange: (title) => update({ title })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Description" }),
+        /* @__PURE__ */ jsx(
+          Editor,
+          {
+            initialContent: settings.description ?? emptyDoc,
+            onChange: (description) => update({ description }),
+            showToolbar: false,
+            editorClassName: "min-h-[80px]"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Form", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Button text",
+          value: settings.buttonCaption,
+          onChange: (buttonCaption) => update({ buttonCaption })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Success message",
+          value: settings.successMessage,
+          onChange: (successMessage) => update({ successMessage })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(FieldGroup, { title: "Layout", children: /* @__PURE__ */ jsx(
+      SelectField,
+      {
+        label: "Alignment",
+        value: settings.alignment ?? "left",
+        onChange: (alignment) => update({ alignment }),
+        options: [
+          { label: "Left", value: "left" },
+          { label: "Center", value: "center" }
+        ]
+      }
+    ) })
+  ] });
+}
+
+// src/blocks/email-form/defaults.ts
+var emailFormDefaults = {
+  title: "Get product updates in your inbox",
+  buttonCaption: "Subscribe",
+  successMessage: "Thanks for subscribing! Check your inbox soon.",
+  alignment: "left"
+};
+
+// src/blocks/email-form/index.ts
+var EmailForm = {
+  metadata: emailFormMetadata,
+  widget: EmailFormWidget,
+  editor: EmailFormEditor,
+  getDefaultSettings: () => emailFormDefaults,
+  layouts: [
+    { id: "stacked", name: "Stacked" },
+    { id: "split", name: "Split" },
+    { id: "inline", name: "Inline" }
+  ]
+};
+
+// src/blocks/support-form/metadata.ts
+var supportFormMetadata = {
+  name: "support-form",
+  displayName: "Support form",
+  description: "Raises a support ticket, suggesting matching help articles before the visitor submits.",
+  compatibleWith: ["site", "landing", "custom"]
+};
+function suggestionHref(item) {
+  if (item.kind === "blog") return `/blog/${item.slug}`;
+  if (item.kind === "changelog") return `/changelog`;
+  return `/docs/${item.slug}`;
+}
+async function searchDocumentation(query, pageData) {
+  if (!pageData.teamId || !pageData.publicApiBaseUrl || query.trim().length < 3)
+    return [];
+  try {
+    const res = await fetch(
+      `${pageData.publicApiBaseUrl}/public/${pageData.teamId}/content/documentation/search?q=${encodeURIComponent(query)}&k=3`
+    );
+    if (!res.ok) return [];
+    const body = await res.json();
+    const seen = /* @__PURE__ */ new Set();
+    return body.items.filter(
+      (item) => seen.has(item.documentId) ? false : (seen.add(item.documentId), true)
+    );
+  } catch {
+    return [];
+  }
+}
+async function submitTicket(input, pageData) {
+  if (!pageData.teamId || !pageData.publicApiBaseUrl) {
+    await new Promise((resolve) => setTimeout(resolve, 600));
+    return { success: true };
+  }
+  try {
+    const res = await fetch(
+      `${pageData.publicApiBaseUrl}/public/${pageData.teamId}/tickets`,
+      {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ ...input, source: "form" })
+      }
+    );
+    return { success: res.ok };
+  } catch {
+    return { success: false };
+  }
+}
+function SupportFormWidget({
+  settings: {
+    title,
+    description,
+    buttonCaption = "Submit ticket",
+    successMessage = "Thanks \u2014 we've got your ticket and will reply by email soon.",
+    alignment = "left",
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background
+  },
+  state: { theme },
+  pageData,
+  editing,
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  const [subject, setSubject] = useState("");
+  const [message, setMessage] = useState("");
+  const [email, setEmail] = useState("");
+  const [name, setName] = useState("");
+  const [suggestions, setSuggestions] = useState(
+    []
+  );
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [success, setSuccess] = useState(false);
+  const debounceRef = useRef(null);
+  useEffect(() => {
+    if (editing) return;
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => {
+      searchDocumentation(subject, pageData).then(setSuggestions);
+    }, 400);
+    return () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+    };
+  }, [subject]);
+  const onSubmit = async (e) => {
+    e.preventDefault();
+    if (editing) return;
+    setIsSubmitting(true);
+    try {
+      const result = await submitTicket(
+        { subject, message, email, name: name || void 0 },
+        pageData
+      );
+      if (result.success) {
+        setSuccess(true);
+        setSubject("");
+        setMessage("");
+        setEmail("");
+        setName("");
+        setSuggestions([]);
+      }
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const isCentered = alignment === "center";
+  const inputStyles = overriddenTheme.interactives.input;
+  const inputTypography = overriddenTheme.typography.input;
+  const cardStyles = overriddenTheme.interactives.card;
+  return /* @__PURE__ */ jsxs(
+    Section,
+    {
+      theme: overriddenTheme,
+      id: cssId,
+      background,
+      nextTheme,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx3(
+              "flex flex-col gap-4",
+              isCentered ? "items-center text-center" : "items-start"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Header1, { theme: overriddenTheme, children: title }),
+              description && /* @__PURE__ */ jsx(Subheader1, { theme: overriddenTheme, component: "span", children: /* @__PURE__ */ jsx(
+                TextRenderer,
+                {
+                  json: description,
+                  theme: overriddenTheme
+                }
+              ) })
+            ]
+          }
+        ),
+        success ? /* @__PURE__ */ jsx(Text2, { theme: overriddenTheme, className: "mt-4", children: successMessage }) : /* @__PURE__ */ jsxs(
+          "form",
+          {
+            onSubmit,
+            className: "mt-4 flex w-full max-w-lg flex-col gap-3",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 items-start", children: [
+                /* @__PURE__ */ jsx(Label, { theme: overriddenTheme, htmlFor: "subject", children: "Subject" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    theme: overriddenTheme,
+                    id: "subject",
+                    value: subject,
+                    onChange: (e) => setSubject(e.target.value),
+                    placeholder: "What do you need help with?",
+                    required: true,
+                    className: "w-full"
+                  }
+                )
+              ] }),
+              suggestions.length > 0 && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "rounded-lg border border-border bg-card p-3 text-sm text-card-foreground shadow-sm",
+                    cardStyles.border?.width,
+                    cardStyles.border?.radius,
+                    cardStyles.border?.style,
+                    cardStyles.shadow
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx("p", { className: "mb-1 font-medium", children: "This might help:" }),
+                    /* @__PURE__ */ jsx("ul", { className: "list-inside list-disc", children: suggestions.map((doc) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: suggestionHref(doc),
+                        target: "_blank",
+                        rel: "noreferrer",
+                        className: "underline",
+                        children: doc.title ?? doc.slug
+                      }
+                    ) }, doc.documentId)) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 items-start", children: [
+                /* @__PURE__ */ jsx(Label, { theme: overriddenTheme, htmlFor: "message", children: "Message" }),
+                /* @__PURE__ */ jsx(
+                  "textarea",
+                  {
+                    id: "message",
+                    value: message,
+                    onChange: (e) => setMessage(e.target.value),
+                    placeholder: "Describe the issue\u2026",
+                    required: true,
+                    rows: 4,
+                    className: cn(
+                      "w-full border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                      inputTypography.fontFamily,
+                      inputTypography.fontSize,
+                      inputTypography.fontWeight,
+                      inputTypography.lineHeight,
+                      inputTypography.letterSpacing,
+                      inputStyles.border?.width,
+                      inputStyles.border?.style,
+                      inputStyles.border?.radius,
+                      inputStyles.shadow,
+                      inputStyles.custom
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:!flex-row", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-1 items-start", children: [
+                  /* @__PURE__ */ jsx(Label, { theme: overriddenTheme, htmlFor: "email", children: "Email" }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      theme: overriddenTheme,
+                      id: "email",
+                      type: "email",
+                      value: email,
+                      onChange: (e) => setEmail(e.target.value),
+                      placeholder: "you@example.com",
+                      required: true,
+                      className: "w-full"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-1 items-start", children: [
+                  /* @__PURE__ */ jsx(Label, { theme: overriddenTheme, htmlFor: "name", children: "Name (optional)" }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      theme: overriddenTheme,
+                      id: "name",
+                      value: name,
+                      onChange: (e) => setName(e.target.value),
+                      placeholder: "Your name",
+                      className: "w-full"
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Button2,
+                {
+                  theme: overriddenTheme,
+                  type: "submit",
+                  disabled: !editing && (isSubmitting || !subject || !message || !email),
+                  className: "self-start",
+                  children: buttonCaption
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function SupportFormEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Content", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Title",
+          value: settings.title,
+          onChange: (title) => update({ title })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Description" }),
+        /* @__PURE__ */ jsx(
+          Editor,
+          {
+            initialContent: settings.description ?? emptyDoc,
+            onChange: (description) => update({ description }),
+            showToolbar: false,
+            editorClassName: "min-h-[80px]"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Form", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Button text",
+          value: settings.buttonCaption,
+          onChange: (buttonCaption) => update({ buttonCaption })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Success message",
+          value: settings.successMessage,
+          onChange: (successMessage) => update({ successMessage })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(FieldGroup, { title: "Layout", children: /* @__PURE__ */ jsx(
+      SelectField,
+      {
+        label: "Alignment",
+        value: settings.alignment ?? "left",
+        onChange: (alignment) => update({ alignment }),
+        options: [
+          { label: "Left", value: "left" },
+          { label: "Center", value: "center" }
+        ]
+      }
+    ) })
+  ] });
+}
+
+// src/blocks/support-form/defaults.ts
+var supportFormDefaults = {
+  title: "Need help?",
+  buttonCaption: "Submit ticket",
+  successMessage: "Thanks \u2014 we've got your ticket and will reply by email soon.",
+  alignment: "left"
+};
+
+// src/blocks/support-form/index.ts
+var SupportForm = {
+  metadata: supportFormMetadata,
+  widget: SupportFormWidget,
+  editor: SupportFormEditor,
+  getDefaultSettings: () => supportFormDefaults,
+  layouts: [{ id: "stacked", name: "Stacked" }]
+};
+
+// src/blocks/footer/metadata.ts
+var footerMetadata = {
+  name: "footer",
+  displayName: "Footer",
+  description: "The site footer, pinned to the bottom of every page.",
+  compatibleWith: ["site", "landing", "blog", "post", "custom"]
+};
+function FooterWidget({
+  settings: {
+    logoText,
+    tagline,
+    columns = [],
+    copyrightText,
+    layout = "columns",
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background
+  },
+  state: { theme },
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  return /* @__PURE__ */ jsxs(
+    Section,
+    {
+      theme: overriddenTheme,
+      component: "footer",
+      id: cssId,
+      background,
+      nextTheme,
+      className: "border-t",
+      children: [
+        layout === "minimal" ? /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-wrap items-center justify-between gap-4", children: [
+          logoText && /* @__PURE__ */ jsx(Header4, { theme: overriddenTheme, children: logoText }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-2", children: [
+            columns.flatMap(
+              (column) => column.links.map((link) => /* @__PURE__ */ jsx(
+                NavLink,
+                {
+                  href: link.href,
+                  className: "no-underline",
+                  children: /* @__PURE__ */ jsx(
+                    Link,
+                    {
+                      theme: overriddenTheme,
+                      className: "text-xs",
+                      children: link.label
+                    }
+                  )
+                },
+                `${column.id}-${link.id}`
+              ))
+            ),
+            copyrightText && /* @__PURE__ */ jsx(Caption, { theme: overriddenTheme, children: copyrightText })
+          ] })
+        ] }) : layout === "centered" ? /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-center gap-6 text-center", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex max-w-sm flex-col items-center gap-3", children: [
+            logoText && /* @__PURE__ */ jsx(Header3, { theme: overriddenTheme, children: logoText }),
+            tagline && /* @__PURE__ */ jsx(Text2, { theme: overriddenTheme, children: tagline })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-x-6 gap-y-2", children: columns.flatMap(
+            (column) => column.links.map((link) => /* @__PURE__ */ jsx(
+              NavLink,
+              {
+                href: link.href,
+                className: "no-underline",
+                children: /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    theme: overriddenTheme,
+                    className: "text-xs",
+                    children: link.label
+                  }
+                )
+              },
+              `${column.id}-${link.id}`
+            ))
+          ) })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-8 lg:!flex-row lg:justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex max-w-sm flex-col gap-3", children: [
+            logoText && /* @__PURE__ */ jsx(Header3, { theme: overriddenTheme, children: logoText }),
+            tagline && /* @__PURE__ */ jsx(Text2, { theme: overriddenTheme, children: tagline })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col flex-wrap gap-8 lg:!flex-row", children: columns.map((column) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex flex-col gap-3 lg:min-w-[140px]",
+              children: [
+                /* @__PURE__ */ jsx(
+                  Header4,
+                  {
+                    theme: overriddenTheme,
+                    className: "text-sm",
+                    children: column.title
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: column.links.map((link) => /* @__PURE__ */ jsx(
+                  NavLink,
+                  {
+                    href: link.href,
+                    className: "no-underline",
+                    children: /* @__PURE__ */ jsx(
+                      Link,
+                      {
+                        theme: overriddenTheme,
+                        className: "text-xs",
+                        children: link.label
+                      }
+                    )
+                  },
+                  link.id
+                )) })
+              ]
+            },
+            column.id
+          )) })
+        ] }),
+        copyrightText && layout !== "minimal" && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: layout === "centered" ? "mt-8 border-t pt-6 text-center" : "mt-8 border-t pt-6",
+            children: /* @__PURE__ */ jsx(Caption, { theme: overriddenTheme, children: copyrightText })
+          }
+        )
+      ]
+    }
+  );
+}
+function FooterEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Brand", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Logo text",
+          value: settings.logoText,
+          onChange: (logoText) => update({ logoText })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Tagline",
+          value: settings.tagline,
+          multiline: true,
+          onChange: (tagline) => update({ tagline })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(FieldGroup, { title: "Link columns", children: /* @__PURE__ */ jsx(
+      ListField,
+      {
+        label: "Columns",
+        items: settings.columns ?? [],
+        onChange: (columns) => update({ columns }),
+        createItem: () => ({
+          id: generateUniqueId(),
+          title: "New column",
+          links: []
+        }),
+        addLabel: "Add column",
+        renderItem: (column, updateColumn, removeColumn) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Column title",
+              value: column.title,
+              onChange: (title) => updateColumn({ title })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ListField,
+            {
+              label: "Links",
+              items: column.links,
+              onChange: (links) => updateColumn({ links }),
+              createItem: () => ({
+                id: generateUniqueId(),
+                label: "New link",
+                href: "#"
+              }),
+              addLabel: "Add link",
+              renderItem: (link, updateLink, removeLink) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  TextField,
+                  {
+                    label: "Label",
+                    value: link.label,
+                    onChange: (label) => updateLink({ label })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  TextField,
+                  {
+                    label: "Link",
+                    value: link.href,
+                    onChange: (href) => updateLink({ href })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "self-start text-xs text-destructive",
+                    onClick: removeLink,
+                    children: "Remove link"
+                  }
+                )
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "self-start text-xs text-destructive",
+              onClick: removeColumn,
+              children: "Remove column"
+            }
+          )
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(FieldGroup, { title: "Copyright", children: /* @__PURE__ */ jsx(
+      TextField,
+      {
+        label: "Copyright text",
+        value: settings.copyrightText,
+        onChange: (copyrightText) => update({ copyrightText })
+      }
+    ) })
+  ] });
+}
+
+// src/blocks/footer/defaults.ts
+var footerDefaults = {
+  logoText: "FrontLit",
+  tagline: "Build your website, publish content, support users, and grow your audience from one dashboard.",
+  columns: [
+    {
+      id: generateUniqueId(),
+      title: "Product",
+      links: [
+        {
+          id: generateUniqueId(),
+          label: "Features",
+          href: "/#features"
+        },
+        { id: generateUniqueId(), label: "Pricing", href: "/#pricing" },
+        {
+          id: generateUniqueId(),
+          label: "Changelog",
+          href: "/changelog"
+        }
+      ]
+    },
+    {
+      id: generateUniqueId(),
+      title: "Resources",
+      links: [
+        { id: generateUniqueId(), label: "Blog", href: "/blog" },
+        { id: generateUniqueId(), label: "Help center", href: "/help" },
+        { id: generateUniqueId(), label: "Docs", href: "/docs" }
+      ]
+    },
+    {
+      id: generateUniqueId(),
+      title: "Legal",
+      links: [
+        {
+          id: generateUniqueId(),
+          label: "Terms of use",
+          href: "/terms"
+        },
+        {
+          id: generateUniqueId(),
+          label: "Privacy policy",
+          href: "/privacy"
+        }
+      ]
+    }
+  ],
+  copyrightText: "\xA9 FrontLit. All rights reserved."
+};
+
+// src/blocks/footer/index.ts
+var Footer = {
+  metadata: footerMetadata,
+  widget: FooterWidget,
+  editor: FooterEditor,
+  getDefaultSettings: () => footerDefaults,
+  layouts: [
+    { id: "columns", name: "Columns" },
+    { id: "centered", name: "Centered" },
+    { id: "minimal", name: "Minimal" }
+  ]
+};
+
+// src/blocks/rich-text/metadata.ts
+var richTextMetadata = {
+  name: "rich-text",
+  displayName: "Rich text",
+  description: "A block of formatted text \u2014 paragraphs, headings, lists and links \u2014 with no title or media.",
+  compatibleWith: ["site", "landing", "blog", "post", "custom"]
+};
+function RichTextWidget({
+  settings: {
+    text,
+    alignment = "left",
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background
+  },
+  state: { theme },
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  if (!text) return null;
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      theme: overriddenTheme,
+      id: cssId,
+      background,
+      nextTheme,
+      children: /* @__PURE__ */ jsx("div", { style: { textAlign: alignment }, children: /* @__PURE__ */ jsx(Text1, { theme: overriddenTheme, component: "span", children: /* @__PURE__ */ jsx(TextRenderer, { json: text, theme: overriddenTheme }) }) })
+    }
+  );
+}
+function RichTextEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs(FieldGroup, { title: "Content", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Text" }),
+      /* @__PURE__ */ jsx(
+        Editor,
+        {
+          initialContent: settings.text ?? emptyDoc,
+          onChange: (text) => update({ text }),
+          editorClassName: "min-h-[160px]"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      SelectField,
+      {
+        label: "Alignment",
+        value: settings.alignment ?? "left",
+        onChange: (alignment) => update({ alignment }),
+        options: [
+          { label: "Left", value: "left" },
+          { label: "Center", value: "center" },
+          { label: "Right", value: "right" }
+        ]
+      }
+    )
+  ] }) });
+}
+
+// src/blocks/rich-text/defaults.ts
+var richTextDefaults = {
+  text: {
+    type: "doc",
+    content: [
+      {
+        type: "paragraph",
+        content: [
+          {
+            type: "text",
+            text: "Write anything here \u2014 an announcement, a longer explanation, or a passage of prose that doesn't need a title or media."
+          }
+        ]
+      }
+    ]
+  },
+  alignment: "left"
+};
+
+// src/blocks/rich-text/index.ts
+var RichText = {
+  metadata: richTextMetadata,
+  widget: RichTextWidget,
+  editor: RichTextEditor,
+  getDefaultSettings: () => richTextDefaults
+};
+
+// src/blocks/grid/metadata.ts
+var gridMetadata = {
+  name: "grid",
+  displayName: "Grid",
+  description: "A header with a page-level call to action, plus a responsive grid of cards \u2014 each with its own icon or image, title, description and link.",
+  compatibleWith: ["site", "landing", "blog", "post", "custom"]
+};
+function resolveIcon2(name) {
+  if (!name) return null;
+  return Icons[name] ?? null;
+}
+function GridItemCard({ item, theme }) {
+  const Icon = resolveIcon2(item.icon);
+  const hasMedia = Boolean(item.media?.file);
+  const isOverlay = item.mediaAlignment === "overlay";
+  const mediaFirst = item.mediaAlignment !== "bottom";
+  if (isOverlay) {
+    const card = /* @__PURE__ */ jsx(PageCard, { theme, isLink: Boolean(item.buttonAction), children: /* @__PURE__ */ jsxs("div", { className: "relative aspect-[4/5] w-full overflow-hidden", children: [
+      hasMedia && /* @__PURE__ */ jsx(
+        Image,
+        {
+          src: item.media?.file || "",
+          alt: item.media?.caption || "",
+          className: "absolute inset-0",
+          width: "w-full",
+          height: "h-full",
+          objectFit: "cover",
+          borderRadius: 0
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent" }),
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 bottom-0 p-4", children: /* @__PURE__ */ jsx(Header4, { theme, className: "text-white", children: item.title }) })
+    ] }) });
+    return item.buttonAction ? /* @__PURE__ */ jsx(NavLink, { href: item.buttonAction, className: "block", children: card }) : card;
+  }
+  const media = hasMedia ? /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md", children: /* @__PURE__ */ jsx(
+    Image,
+    {
+      src: item.media?.file || "",
+      alt: item.media?.caption || ""
+    }
+  ) }) : Icon ? /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" }) }) : null;
+  const text = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx(Header4, { theme, children: item.title }),
+    item.description && /* @__PURE__ */ jsx(Text2, { theme, children: item.description }),
+    item.buttonAction && item.buttonCaption && /* @__PURE__ */ jsx(NavLink, { href: item.buttonAction, className: "mt-2", children: /* @__PURE__ */ jsx(Button2, { theme, variant: "secondary", size: "sm", children: item.buttonCaption }) })
+  ] });
+  return /* @__PURE__ */ jsx(PageCard, { theme, children: /* @__PURE__ */ jsx(
+    PageCardContent,
+    {
+      theme,
+      className: "flex h-full flex-col gap-3",
+      children: mediaFirst ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        media,
+        text
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        text,
+        media
+      ] })
+    }
+  ) });
+}
+function GridWidget({
+  settings: {
+    title,
+    description,
+    headerAlignment = "center",
+    buttonCaption,
+    buttonAction,
+    items,
+    columns = 3,
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background
+  },
+  state: { theme },
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      theme: overriddenTheme,
+      id: cssId,
+      background,
+      nextTheme,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx3(
+              "flex flex-col gap-4",
+              headerAlignment === "center" ? "items-center text-center" : "items-start"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Header1, { theme: overriddenTheme, children: title }),
+              description && /* @__PURE__ */ jsx(Subheader1, { theme: overriddenTheme, component: "span", children: /* @__PURE__ */ jsx(
+                TextRenderer,
+                {
+                  json: description,
+                  theme: overriddenTheme
+                }
+              ) }),
+              buttonAction && buttonCaption && /* @__PURE__ */ jsx(NavLink, { href: buttonAction, className: "mt-2", children: /* @__PURE__ */ jsx(Button2, { theme: overriddenTheme, children: buttonCaption }) })
+            ]
+          }
+        ),
+        items && items.length > 0 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx3(
+              "grid grid-cols-1 md:grid-cols-2 gap-6 items-stretch",
+              columns === 3 ? "lg:grid-cols-3" : "lg:grid-cols-2"
+            ),
+            children: items.map((item, index) => /* @__PURE__ */ jsx(
+              GridItemCard,
+              {
+                item,
+                theme: overriddenTheme
+              },
+              index
+            ))
+          }
+        )
+      ] })
+    }
+  );
+}
+function GridEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Header", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Title",
+          value: settings.title,
+          onChange: (title) => update({ title })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Description" }),
+        /* @__PURE__ */ jsx(
+          Editor,
+          {
+            initialContent: settings.description ?? emptyDoc,
+            onChange: (description) => update({ description }),
+            editorClassName: "min-h-[100px]"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Header alignment",
+          value: settings.headerAlignment ?? "center",
+          onChange: (headerAlignment) => update({ headerAlignment }),
+          options: [
+            { label: "Left", value: "left" },
+            { label: "Center", value: "center" }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Call to action", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Button text",
+          value: settings.buttonCaption,
+          onChange: (buttonCaption) => update({ buttonCaption })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Button link",
+          value: settings.buttonAction,
+          placeholder: "https://...",
+          onChange: (buttonAction) => update({ buttonAction })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Items", children: [
+      /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: "Columns",
+          value: settings.columns ?? 3,
+          min: 2,
+          max: 3,
+          onChange: (columns) => update({ columns })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ListField,
+        {
+          label: "Cards",
+          items: settings.items ?? [],
+          onChange: (items) => update({ items }),
+          createItem: () => ({
+            title: "New item",
+            mediaAlignment: "top"
+          }),
+          addLabel: "Add card",
+          renderItem: (item, updateItem, remove) => /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              TextField,
+              {
+                label: "Title",
+                value: item.title,
+                onChange: (title) => updateItem({ title })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextField,
+              {
+                label: "Description",
+                value: item.description,
+                multiline: true,
+                onChange: (description) => updateItem({ description })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextField,
+              {
+                label: "Icon (lucide-react name)",
+                value: item.icon,
+                placeholder: "e.g. Globe",
+                onChange: (icon) => updateItem({ icon })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextField,
+              {
+                label: "Image URL (overrides icon)",
+                value: item.media?.file,
+                placeholder: "https://...",
+                onChange: (file) => updateItem({
+                  media: file ? { mediaId: file, file } : void 0
+                })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SelectField,
+              {
+                label: "Image position",
+                value: item.mediaAlignment ?? "top",
+                onChange: (mediaAlignment) => updateItem({ mediaAlignment }),
+                options: [
+                  { label: "Above title", value: "top" },
+                  { label: "Below content", value: "bottom" },
+                  {
+                    label: "Overlay (title over image)",
+                    value: "overlay"
+                  }
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextField,
+              {
+                label: "Button text",
+                value: item.buttonCaption,
+                onChange: (buttonCaption) => updateItem({ buttonCaption })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextField,
+              {
+                label: "Button link",
+                value: item.buttonAction,
+                placeholder: "https://...",
+                onChange: (buttonAction) => updateItem({ buttonAction })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "self-start text-xs text-destructive",
+                onClick: remove,
+                children: "Remove"
+              }
+            )
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/blocks/grid/defaults.ts
+var gridDefaults = {
+  title: "Everything you need, in one place",
+  headerAlignment: "center",
+  columns: 3,
+  items: [
+    {
+      title: "Website builder",
+      description: "Design and publish pages with a drag-and-drop editor.",
+      icon: "LayoutTemplate",
+      mediaAlignment: "top",
+      buttonCaption: "See features",
+      buttonAction: "/#features"
+    },
+    {
+      title: "Blog",
+      description: "Publish articles and grow your audience.",
+      icon: "Newspaper",
+      mediaAlignment: "top",
+      buttonCaption: "Read articles",
+      buttonAction: "/blog"
+    },
+    {
+      title: "Help desk",
+      description: "Support your customers with a shared inbox.",
+      icon: "Headset",
+      mediaAlignment: "top",
+      buttonCaption: "Contact us",
+      buttonAction: "/help"
+    }
+  ]
+};
+
+// src/blocks/grid/index.ts
+var Grid = {
+  metadata: gridMetadata,
+  widget: GridWidget,
+  editor: GridEditor,
+  getDefaultSettings: () => gridDefaults
+};
+
+// src/blocks/media/metadata.ts
+var mediaMetadata = {
+  name: "media",
+  displayName: "Media",
+  description: "A single image or video \u2014 YouTube, Vimeo or self-hosted \u2014 with an optional click-to-play preview.",
+  compatibleWith: ["site", "landing", "blog", "post", "custom"]
+};
+var roundedMap3 = {
+  0: "rounded-none",
+  1: "rounded-sm",
+  2: "rounded",
+  3: "rounded-md",
+  4: "rounded-lg",
+  5: "rounded-xl",
+  6: "rounded-2xl",
+  7: "rounded-3xl",
+  8: "rounded-full"
+};
+function MediaWidget({
+  settings: {
+    media,
+    youtubeLink,
+    mediaRadius = 2,
+    aspectRatio = "16/9",
+    objectFit = "cover",
+    hasBorder = true,
+    playVideoInModal = false,
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background
+  },
+  state: { theme },
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  const isVideoContent = isVideo(youtubeLink, media);
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      theme: overriddenTheme,
+      id: cssId,
+      background,
+      nextTheme,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "overflow-hidden",
+            roundedMap3[mediaRadius] ?? "rounded",
+            hasBorder && (overriddenTheme.interactives?.card?.border?.width || "border")
+          ),
+          children: isVideoContent ? /* @__PURE__ */ jsx(
+            VideoWithPreview,
+            {
+              videoUrl: youtubeLink || media?.file || "",
+              title: media?.caption || "",
+              thumbnailUrl: media?.thumbnail || "",
+              aspectRatio,
+              modal: playVideoInModal
+            }
+          ) : /* @__PURE__ */ jsx(
+            Image,
+            {
+              src: media?.file || "",
+              alt: media?.caption || "",
+              objectFit,
+              borderRadius: mediaRadius
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function MediaEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  const isVideoContent = isVideo(settings.youtubeLink, settings.media);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Media", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Image URL",
+          value: settings.media?.file,
+          placeholder: "https://...",
+          onChange: (file) => update({
+            media: file ? { mediaId: file, file } : void 0
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "YouTube / Vimeo link",
+          value: settings.youtubeLink,
+          placeholder: "https://youtube.com/watch?v=...",
+          onChange: (youtubeLink) => update({ youtubeLink })
+        }
+      ),
+      isVideoContent ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          ToggleField,
+          {
+            label: "Play video in a pop-up",
+            value: settings.playVideoInModal,
+            onChange: (playVideoInModal) => update({ playVideoInModal })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SelectField,
+          {
+            label: "Aspect ratio",
+            value: settings.aspectRatio ?? "16/9",
+            onChange: (aspectRatio) => update({ aspectRatio }),
+            options: [
+              { label: "Widescreen (16:9)", value: "16/9" },
+              { label: "Standard (4:3)", value: "4/3" },
+              { label: "Square (1:1)", value: "1/1" },
+              { label: "Vertical (9:16)", value: "9/16" }
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Object fit",
+          value: settings.objectFit ?? "cover",
+          onChange: (objectFit) => update({ objectFit }),
+          options: [
+            { label: "Cover", value: "cover" },
+            { label: "Contain", value: "contain" },
+            { label: "Fill", value: "fill" },
+            { label: "None", value: "none" },
+            { label: "Scale down", value: "scale-down" }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Appearance", children: [
+      /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: "Corner radius",
+          value: settings.mediaRadius,
+          min: 0,
+          max: 8,
+          onChange: (mediaRadius) => update({ mediaRadius })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ToggleField,
+        {
+          label: "Border",
+          value: settings.hasBorder,
+          onChange: (hasBorder) => update({ hasBorder })
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/blocks/media/defaults.ts
+var mediaDefaults = {
+  mediaRadius: 2,
+  aspectRatio: "16/9",
+  objectFit: "cover",
+  hasBorder: true,
+  playVideoInModal: false
+};
+
+// src/blocks/media/index.ts
+var MediaBlock = {
+  metadata: mediaMetadata,
+  widget: MediaWidget,
+  editor: MediaEditor,
+  getDefaultSettings: () => mediaDefaults
+};
+
+// src/blocks/marquee/metadata.ts
+var marqueeMetadata = {
+  name: "marquee",
+  displayName: "Marquee",
+  description: "An infinite horizontally-scrolling row of text or icons \u2014 useful for logo clouds or highlight tickers.",
+  compatibleWith: ["site", "landing", "blog", "post", "custom"]
+};
+function MarqueeTrack({
+  children,
+  speed,
+  direction,
+  pauseOnHover
+}) {
+  const containerRef = useRef(null);
+  const contentRef = useRef(null);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const [contentWidth, setContentWidth] = useState(0);
+  const animationName = `pb-marquee-${useId().replace(/[^a-zA-Z0-9]/g, "")}`;
+  useEffect(() => {
+    const measure = () => {
+      setContainerWidth(containerRef.current?.offsetWidth ?? 0);
+      setContentWidth(contentRef.current?.offsetWidth ?? 0);
+    };
+    measure();
+    window.addEventListener("resize", measure);
+    return () => window.removeEventListener("resize", measure);
+  }, [children, speed]);
+  const duration = contentWidth > 0 ? contentWidth / speed : 0;
+  const duplicatesNeeded = contentWidth > 0 ? Math.max(2, Math.ceil(containerWidth * 2 / contentWidth)) : 2;
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "w-full overflow-hidden", children: [
+    contentWidth > 0 && /* @__PURE__ */ jsx("style", { children: `
+                    @keyframes ${animationName} {
+                        from { transform: translateX(0); }
+                        to { transform: translateX(-${contentWidth}px); }
+                    }
+                ` }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "inline-flex w-max",
+          pauseOnHover && "hover:[animation-play-state:paused]"
+        ),
+        style: contentWidth > 0 ? {
+          animation: `${animationName} ${duration}s linear infinite`,
+          animationDirection: direction === "left" ? "reverse" : "normal"
+        } : void 0,
+        children: [
+          /* @__PURE__ */ jsx("div", { ref: contentRef, className: "inline-flex shrink-0", children }),
+          Array.from({ length: duplicatesNeeded }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "inline-flex shrink-0", "aria-hidden": true, children }, i))
+        ]
+      }
+    )
+  ] });
+}
+function resolveIcon3(name) {
+  if (!name) return null;
+  return Icons[name] ?? null;
+}
+function MarqueeWidget({
+  settings: {
+    items = [],
+    direction = "right",
+    speed = 60,
+    pauseOnHover = true,
+    fadeWidth = 50,
+    itemBackgroundColor,
+    itemForegroundColor,
+    itemBorderColor,
+    itemBorderRadius = 12,
+    itemBorderWidth = 1,
+    itemBorderStyle = "solid",
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background
+  },
+  state: { theme },
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  if (items.length === 0) return null;
+  const itemStyle = {
+    backgroundColor: itemBackgroundColor || void 0,
+    color: itemForegroundColor || void 0,
+    borderColor: itemBorderColor || void 0,
+    borderRadius: itemBorderRadius,
+    borderWidth: itemBorderStyle === "none" ? 0 : itemBorderWidth,
+    borderStyle: itemBorderStyle === "none" ? void 0 : itemBorderStyle
+  };
+  const renderItem = (item) => {
+    const Icon = resolveIcon3(item.icon);
+    const content = /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "mx-2 flex min-h-[80px] min-w-[160px] items-center justify-center px-6",
+        style: itemStyle,
+        children: Icon ? /* @__PURE__ */ jsx(Icon, { className: "h-8 w-8" }) : /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-sm font-medium", children: item.text })
+      }
+    );
+    return item.href ? /* @__PURE__ */ jsx(NavLink, { href: item.href, openInSameTab: false, children: content }, item.id) : /* @__PURE__ */ jsx(React7.Fragment, { children: content }, item.id);
+  };
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      theme: overriddenTheme,
+      id: cssId,
+      background,
+      nextTheme,
+      children: /* @__PURE__ */ jsxs("div", { className: "relative", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx(
+          MarqueeTrack,
+          {
+            speed,
+            direction,
+            pauseOnHover,
+            children: items.map(renderItem)
+          }
+        ),
+        fadeWidth > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "pointer-events-none absolute inset-y-0 left-0 z-10",
+              style: {
+                width: fadeWidth,
+                background: "linear-gradient(to right, var(--background), transparent)"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "pointer-events-none absolute inset-y-0 right-0 z-10",
+              style: {
+                width: fadeWidth,
+                background: "linear-gradient(to left, var(--background), transparent)"
+              }
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+function MarqueeEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsx(FieldGroup, { title: "Items", children: /* @__PURE__ */ jsx(
+      ListField,
+      {
+        label: "Items",
+        items: settings.items ?? [],
+        onChange: (items) => update({ items }),
+        createItem: () => ({
+          id: generateUniqueId(),
+          text: "New item"
+        }),
+        addLabel: "Add item",
+        renderItem: (item, updateItem, remove) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Text",
+              value: item.text,
+              onChange: (text) => updateItem({ text })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Icon (lucide-react name)",
+              value: item.icon,
+              placeholder: "e.g. Globe \u2014 overrides text",
+              onChange: (icon) => updateItem({ icon })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Link (optional)",
+              value: item.href,
+              placeholder: "https://...",
+              onChange: (href) => updateItem({ href })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "self-start text-xs text-destructive",
+              onClick: remove,
+              children: "Remove"
+            }
+          )
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Scroll", children: [
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Direction",
+          value: settings.direction ?? "right",
+          onChange: (direction) => update({ direction }),
+          options: [
+            { label: "Right to left", value: "right" },
+            { label: "Left to right", value: "left" }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: "Speed (px/sec)",
+          value: settings.speed,
+          min: 10,
+          max: 200,
+          onChange: (speed) => update({ speed })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ToggleField,
+        {
+          label: "Pause on hover",
+          value: settings.pauseOnHover,
+          onChange: (pauseOnHover) => update({ pauseOnHover })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: "Edge fade width (px)",
+          value: settings.fadeWidth,
+          min: 0,
+          max: 200,
+          onChange: (fadeWidth) => update({ fadeWidth })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Item style", children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Background color",
+          value: settings.itemBackgroundColor,
+          placeholder: "#ffffff",
+          onChange: (itemBackgroundColor) => update({ itemBackgroundColor })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Foreground color",
+          value: settings.itemForegroundColor,
+          placeholder: "#000000",
+          onChange: (itemForegroundColor) => update({ itemForegroundColor })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Border color",
+          value: settings.itemBorderColor,
+          placeholder: "#e2e8f0",
+          onChange: (itemBorderColor) => update({ itemBorderColor })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Border style",
+          value: settings.itemBorderStyle ?? "solid",
+          onChange: (itemBorderStyle) => update({ itemBorderStyle }),
+          options: [
+            { label: "Solid", value: "solid" },
+            { label: "Dashed", value: "dashed" },
+            { label: "Dotted", value: "dotted" },
+            { label: "Double", value: "double" },
+            { label: "None", value: "none" }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: "Border width",
+          value: settings.itemBorderWidth,
+          min: 0,
+          max: 10,
+          onChange: (itemBorderWidth) => update({ itemBorderWidth })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: "Border radius",
+          value: settings.itemBorderRadius,
+          min: 0,
+          max: 50,
+          onChange: (itemBorderRadius) => update({ itemBorderRadius })
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/blocks/marquee/defaults.ts
+var marqueeDefaults = {
+  items: [
+    { id: generateUniqueId(), text: "Website" },
+    { id: generateUniqueId(), text: "Content" },
+    { id: generateUniqueId(), text: "Support" },
+    { id: generateUniqueId(), text: "Engage" }
+  ],
+  direction: "right",
+  speed: 60,
+  pauseOnHover: true,
+  fadeWidth: 50,
+  itemForegroundColor: "",
+  itemBackgroundColor: "",
+  itemBorderColor: "",
+  itemBorderRadius: 12,
+  itemBorderWidth: 1,
+  itemBorderStyle: "solid"
+};
+
+// src/blocks/marquee/index.ts
+var Marquee = {
+  metadata: marqueeMetadata,
+  widget: MarqueeWidget,
+  editor: MarqueeEditor,
+  getDefaultSettings: () => marqueeDefaults
+};
+
+// src/blocks/embed/metadata.ts
+var embedMetadata = {
+  name: "embed",
+  displayName: "Embed",
+  description: "Embed a URL in an iframe, or paste a script/iframe snippet from a third-party tool.",
+  compatibleWith: ["site", "landing", "blog", "post", "custom"]
+};
+var aspectRatioMap = {
+  "16:9": 16 / 9,
+  "4:3": 4 / 3,
+  "1:1": 1
+};
+function EmbedWidget({
+  settings: {
+    contentType = "url",
+    content,
+    aspectRatio = "default",
+    height = 500,
+    cssId,
+    maxWidth,
+    verticalPadding,
+    background
+  },
+  state: { theme },
+  editing,
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  if (!content) {
+    if (!editing) return null;
+    return /* @__PURE__ */ jsx(
+      Section,
+      {
+        theme: overriddenTheme,
+        id: cssId,
+        background,
+        nextTheme,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-48 flex-col items-center justify-center gap-3 rounded-lg border border-dashed border-border bg-muted/30 px-6 py-12 text-center", children: [
+          /* @__PURE__ */ jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-full border border-border bg-background text-muted-foreground", children: /* @__PURE__ */ jsx(Code2, { className: "h-4 w-4" }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-semibold text-foreground", children: "Embed external content" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-md text-sm text-muted-foreground", children: "Paste an embed URL or script snippet in the block settings." })
+          ] })
+        ] })
+      }
+    );
+  }
+  const isScript = contentType === "script";
+  const ratio = aspectRatio !== "default" ? aspectRatioMap[aspectRatio] : void 0;
+  const containerStyle = ratio ? { position: "relative", paddingTop: `${100 / ratio}%` } : !isScript ? { height } : {};
+  const iframeStyle = ratio ? { position: "absolute", inset: 0, width: "100%", height: "100%" } : isScript ? { width: "100%", height } : { width: "100%", height: "100%" };
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      theme: overriddenTheme,
+      id: cssId,
+      background,
+      nextTheme,
+      children: /* @__PURE__ */ jsx("div", { style: containerStyle, children: isScript ? /* @__PURE__ */ jsx(SandboxedEmbed, { content, style: iframeStyle }) : /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          src: content,
+          style: iframeStyle,
+          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+          allowFullScreen: true,
+          title: "Embedded content"
+        }
+      ) })
+    }
+  );
+}
+function EmbedEditor({
+  settings,
+  onChange
+}) {
+  const update = (partial) => onChange({ ...settings, ...partial });
+  const contentType = settings.contentType ?? "url";
+  const aspectRatio = settings.aspectRatio ?? "default";
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsx("div", { className: "mx-1 mb-3 rounded-md border border-destructive/40 bg-destructive/5 p-3 text-xs text-destructive", children: "Embedding external content may expose visitors to scripts and trackers you don't control. Only embed sources you trust." }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Content", children: [
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Type",
+          value: contentType,
+          onChange: (value) => update({ contentType: value }),
+          options: [
+            { label: "URL", value: "url" },
+            { label: "Script / iframe snippet", value: "script" }
+          ]
+        }
+      ),
+      contentType === "url" ? /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "URL",
+          value: settings.content,
+          placeholder: "https://...",
+          onChange: (content) => update({ content })
+        }
+      ) : /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: "Snippet",
+          multiline: true,
+          value: settings.content,
+          placeholder: "<script>...</script> or <iframe>...</iframe>",
+          onChange: (content) => update({ content })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(FieldGroup, { title: "Sizing", children: [
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: "Aspect ratio",
+          value: aspectRatio,
+          onChange: (value) => update({ aspectRatio: value }),
+          options: [
+            { label: "Default (fixed height)", value: "default" },
+            { label: "Widescreen (16:9)", value: "16:9" },
+            { label: "Standard (4:3)", value: "4:3" },
+            { label: "Square (1:1)", value: "1:1" }
+          ]
+        }
+      ),
+      aspectRatio === "default" && /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: "Height (px)",
+          value: settings.height,
+          min: 100,
+          max: 2e3,
+          onChange: (height) => update({ height })
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/blocks/embed/defaults.ts
+var embedDefaults = {
+  contentType: "url",
+  content: "",
+  aspectRatio: "default",
+  height: 500
+};
+
+// src/blocks/embed/index.ts
+var Embed = {
+  metadata: embedMetadata,
+  widget: EmbedWidget,
+  editor: EmbedEditor,
+  getDefaultSettings: () => embedDefaults
+};
+
+// src/blocks/data-slot/metadata.ts
+var dataSlotMetadata = {
+  name: "data-slot",
+  displayName: "Data slot",
+  description: "A host-resolved data region. Its data source and presentation belong to the embedding application.",
+  compatibleWith: ["site", "blog", "landing", "post", "custom"]
+};
+function DataSlotWidget({
+  data,
+  editing,
+  settings: { slot, cssId, maxWidth, verticalPadding, background },
+  state: { theme },
+  nextTheme
+}) {
+  const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
+  overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
+  overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  if (data !== void 0) {
+    return /* @__PURE__ */ jsx(
+      Section,
+      {
+        theme: overriddenTheme,
+        id: cssId,
+        background,
+        nextTheme,
+        children: data
+      }
+    );
+  }
+  if (!editing) return null;
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      theme: overriddenTheme,
+      id: cssId,
+      background,
+      nextTheme,
+      className: "border-y border-dashed border-border bg-muted/30",
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-full border border-border bg-background text-muted-foreground", children: /* @__PURE__ */ jsx(LockKeyhole, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "font-semibold text-foreground", children: "Data slot" }),
+          /* @__PURE__ */ jsxs("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+            "The embedding application resolves data for",
+            " ",
+            String(slot || "this slot"),
+            " here."
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/blocks/data-slot/index.ts
+var DataSlot = {
+  metadata: dataSlotMetadata,
+  widget: DataSlotWidget
+};
+
+export { Banner, Content, DataSlot, EmailForm, Embed, Faq, Featured, FieldGroup, Footer, Grid, Header, Hero, Marquee, MediaBlock, Pricing, RichText, SupportForm, TextField, ToggleField, generateUniqueId };
+//# sourceMappingURL=chunk-7KIX4WAO.js.map
+//# sourceMappingURL=chunk-7KIX4WAO.js.map