@frontlit/page-builder 0.1.0-alpha.7 → 0.1.0-alpha.9

package/dist/{chunk-LL6CG6KH.js → chunk-QXCELWTN.js}

@@ -1,5 +1,5 @@
 "use client";
-import { Button2, Button } from './chunk-KRQWGGAJ.js';
+import { Button2, Button } from './chunk-BLCA5IS5.js';
 import { useState, useEffect } from 'react';
 import { Sun, Moon } from 'lucide-react';
 import { jsx } from 'react/jsx-runtime';
@@ -52,5 +52,5 @@ function ThemeModeSwitcher({
 }
 
 export { ThemeModeSwitcher };
-//# sourceMappingURL=chunk-LL6CG6KH.js.map
-//# sourceMappingURL=chunk-LL6CG6KH.js.map
+//# sourceMappingURL=chunk-QXCELWTN.js.map
+//# sourceMappingURL=chunk-QXCELWTN.js.map

package/dist/{chunk-LL6CG6KH.js.map → chunk-QXCELWTN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/theme-mode-switcher.tsx"],"names":["Button"],"mappings":";;;;;AAiBO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAOG;AACD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,OAAA,GAAU,UAAU,QAAA,GAAW,OAAA;AACrC,EAAA,MAAM,IAAA,GAAO,OAAA,KAAY,MAAA,GAAS,OAAA,GAAU,MAAA;AAC5C,EAAA,MAAM,KAAA,GAAQ,IAAA,KAAS,MAAA,GAAS,qBAAA,GAAwB,sBAAA;AACxD,EAAA,MAAM,IAAA,GAAO,OAAA,KAAY,MAAA,GAAS,GAAA,GAAM,IAAA;AAExC,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBACE,GAAA;AAAA,MAACA,OAAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,SAAS,OAAA,IAAW,SAAA;AAAA,QACpB,MAAM,IAAA,IAAQ,IAAA;AAAA,QACd,KAAA;AAAA,QACA,KAAA,EAAO,KAAA;AAAA,QACP,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA;AAAA,QACA,OAAA,EAAS,QAAA;AAAA,QAET,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA,KAC5B;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAQ,SAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,KAAA,EAAO,KAAA;AAAA,MACP,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA;AAAA,MACA,OAAA,EAAS,QAAA;AAAA,MAET,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA,GAC5B;AAEJ","file":"chunk-LL6CG6KH.js","sourcesContent":["\"use client\";\n\nimport React, { useEffect, useState } from \"react\";\nimport { Moon, Sun } from \"lucide-react\";\nimport { Button, type ButtonProps } from \"../primitives\";\nimport { Button as ChromeButton } from \"../primitives/components/ui/button\";\nimport type { ThemeStyle } from \"../models\";\nimport type { ResolvedColorMode } from \"../utils\";\n\n/**\n * Light / dark toggle. Public sites pass `theme` so the button uses\n * page-builder primitives; the builder chrome omits it and matches the\n * other icon buttons in the top bar.\n *\n * Preference starts as system (OS). The first click pins an explicit\n * light or dark side; later clicks flip between those two.\n */\nexport function ThemeModeSwitcher({\n  resolved,\n  onToggle,\n  theme,\n  className,\n  size,\n  variant,\n}: {\n  resolved: ResolvedColorMode;\n  onToggle: () => void;\n  theme?: ThemeStyle;\n  className?: string;\n  size?: ButtonProps[\"size\"];\n  variant?: ButtonProps[\"variant\"];\n}) {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n  const painted = mounted ? resolved : \"light\";\n  const next = painted === \"dark\" ? \"light\" : \"dark\";\n  const label = next === \"dark\" ? \"Switch to dark mode\" : \"Switch to light mode\";\n  const Icon = painted === \"dark\" ? Sun : Moon;\n\n  if (theme) {\n    return (\n      <Button\n        type=\"button\"\n        variant={variant ?? \"outline\"}\n        size={size ?? \"sm\"}\n        theme={theme}\n        title={label}\n        aria-label={label}\n        className={className}\n        onClick={onToggle}\n      >\n        <Icon className=\"h-4 w-4\" />\n      </Button>\n    );\n  }\n\n  return (\n    <ChromeButton\n      type=\"button\"\n      variant=\"outline\"\n      size=\"icon\"\n      title={label}\n      aria-label={label}\n      className={className}\n      onClick={onToggle}\n    >\n      <Icon className=\"h-4 w-4\" />\n    </ChromeButton>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/theme-mode-switcher.tsx"],"names":["Button"],"mappings":";;;;;AAiBO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAOG;AACD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,OAAA,GAAU,UAAU,QAAA,GAAW,OAAA;AACrC,EAAA,MAAM,IAAA,GAAO,OAAA,KAAY,MAAA,GAAS,OAAA,GAAU,MAAA;AAC5C,EAAA,MAAM,KAAA,GAAQ,IAAA,KAAS,MAAA,GAAS,qBAAA,GAAwB,sBAAA;AACxD,EAAA,MAAM,IAAA,GAAO,OAAA,KAAY,MAAA,GAAS,GAAA,GAAM,IAAA;AAExC,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBACE,GAAA;AAAA,MAACA,OAAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,SAAS,OAAA,IAAW,SAAA;AAAA,QACpB,MAAM,IAAA,IAAQ,IAAA;AAAA,QACd,KAAA;AAAA,QACA,KAAA,EAAO,KAAA;AAAA,QACP,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA;AAAA,QACA,OAAA,EAAS,QAAA;AAAA,QAET,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA,KAC5B;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAQ,SAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,KAAA,EAAO,KAAA;AAAA,MACP,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA;AAAA,MACA,OAAA,EAAS,QAAA;AAAA,MAET,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA,GAC5B;AAEJ","file":"chunk-QXCELWTN.js","sourcesContent":["\"use client\";\n\nimport React, { useEffect, useState } from \"react\";\nimport { Moon, Sun } from \"lucide-react\";\nimport { Button, type ButtonProps } from \"../primitives\";\nimport { Button as ChromeButton } from \"../primitives/components/ui/button\";\nimport type { ThemeStyle } from \"../models\";\nimport type { ResolvedColorMode } from \"../utils\";\n\n/**\n * Light / dark toggle. Public sites pass `theme` so the button uses\n * page-builder primitives; the builder chrome omits it and matches the\n * other icon buttons in the top bar.\n *\n * Preference starts as system (OS). The first click pins an explicit\n * light or dark side; later clicks flip between those two.\n */\nexport function ThemeModeSwitcher({\n  resolved,\n  onToggle,\n  theme,\n  className,\n  size,\n  variant,\n}: {\n  resolved: ResolvedColorMode;\n  onToggle: () => void;\n  theme?: ThemeStyle;\n  className?: string;\n  size?: ButtonProps[\"size\"];\n  variant?: ButtonProps[\"variant\"];\n}) {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n  const painted = mounted ? resolved : \"light\";\n  const next = painted === \"dark\" ? \"light\" : \"dark\";\n  const label = next === \"dark\" ? \"Switch to dark mode\" : \"Switch to light mode\";\n  const Icon = painted === \"dark\" ? Sun : Moon;\n\n  if (theme) {\n    return (\n      <Button\n        type=\"button\"\n        variant={variant ?? \"outline\"}\n        size={size ?? \"sm\"}\n        theme={theme}\n        title={label}\n        aria-label={label}\n        className={className}\n        onClick={onToggle}\n      >\n        <Icon className=\"h-4 w-4\" />\n      </Button>\n    );\n  }\n\n  return (\n    <ChromeButton\n      type=\"button\"\n      variant=\"outline\"\n      size=\"icon\"\n      title={label}\n      aria-label={label}\n      className={className}\n      onClick={onToggle}\n    >\n      <Icon className=\"h-4 w-4\" />\n    </ChromeButton>\n  );\n}\n"]}

package/dist/{chunk-I2LRKHSL.js → chunk-X7EPINZ7.js}

@@ -1,8 +1,8 @@
 "use client";
-import { ThemeModeSwitcher } from './chunk-LL6CG6KH.js';
-import { DataSlot, CodeSnippetBlock, Embed, Marquee, MediaBlock, Grid, RichText, Footer, SupportForm, EmailForm, Banner, Pricing, Faq, Featured, Content, Hero, Header } from './chunk-XQE4RVNO.js';
+import { ThemeModeSwitcher } from './chunk-QXCELWTN.js';
+import { DataSlot, CodeSnippetBlock, Embed, Marquee, MediaBlock, Grid, RichText, Footer, SupportForm, EmailForm, Banner, Pricing, Faq, Featured, Content, Hero, Header } from './chunk-5THGEJHP.js';
 import { PageBuilderLinkProvider } from './chunk-QMUIISN3.js';
-import { cn } from './chunk-KRQWGGAJ.js';
+import { cn } from './chunk-BLCA5IS5.js';
 import { useRef, useId, useEffect } from 'react';
 import { Settings2, ArrowUp, ArrowDown, Trash2, Plus } from 'lucide-react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -334,5 +334,5 @@ function PageRenderer({
 }
 
 export { EditableBlock, LAYOUT_BLOCK_NAMES, NON_ADDABLE_BLOCK_NAMES, PageRenderer, blockRegistry, generateThemeStyles, getAddableBlocks, getWidget, registerBlock, resolveThemeColor };
-//# sourceMappingURL=chunk-I2LRKHSL.js.map
-//# sourceMappingURL=chunk-I2LRKHSL.js.map
+//# sourceMappingURL=chunk-X7EPINZ7.js.map
+//# sourceMappingURL=chunk-X7EPINZ7.js.map

package/dist/{chunk-I2LRKHSL.js.map → chunk-X7EPINZ7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/registry-names.ts","../src/registry.ts","../src/renderer/editable-block.tsx","../src/renderer/generate-theme-styles.ts","../src/renderer/page-renderer.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-I2LRKHSL.js","sourcesContent":["/** Blocks placed outside the normal flow by the renderer. */\nexport const LAYOUT_BLOCK_NAMES = [\"header\", \"footer\"];\n","import type { Widget } from \"./models\";\nimport { LAYOUT_BLOCK_NAMES } from \"./registry-names\";\nimport {\n  Header,\n  Hero,\n  Content,\n  Featured,\n  Faq,\n  Pricing,\n  Banner,\n  EmailForm,\n  SupportForm,\n  Footer,\n  RichText,\n  Grid,\n  MediaBlock,\n  Marquee,\n  Embed,\n  CodeSnippetBlock,\n  DataSlot,\n} from \"./blocks\";\n\n/**\n * Every block available to the page builder, keyed by its\n * `metadata.name`. `header` and `footer` are singleton, layout-level\n * blocks placed outside the normal flow by the renderer.\n */\nexport const blockRegistry: Record<string, Widget<any>> = {\n  header: Header,\n  hero: Hero,\n  content: Content,\n  featured: Featured,\n  faq: Faq,\n  pricing: Pricing,\n  banner: Banner,\n  \"email-form\": EmailForm,\n  \"support-form\": SupportForm,\n  footer: Footer,\n  \"rich-text\": RichText,\n  grid: Grid,\n  media: MediaBlock,\n  marquee: Marquee,\n  embed: Embed,\n  \"code-snippet\": CodeSnippetBlock,\n  \"data-slot\": DataSlot,\n};\n\nexport { LAYOUT_BLOCK_NAMES };\nexport const NON_ADDABLE_BLOCK_NAMES = [...LAYOUT_BLOCK_NAMES, \"data-slot\"];\n\n/**\n * Adds a host application's block to the shared renderer and builder\n * registry. Register blocks while the application module initializes, before\n * rendering either `PageBuilder` or `PageRenderer`.\n *\n * Built-in names are intentionally protected: a persisted page must always\n * have one stable implementation for a block name. Give host blocks a\n * namespaced name such as `acme-event-list`.\n */\nexport function registerBlock(widget: Widget<any>): void {\n  const name = widget.metadata.name.trim();\n  if (!name) {\n    throw new Error(\"A page-builder block must have a non-empty name.\");\n  }\n  if (blockRegistry[name]) {\n    throw new Error(`A page-builder block named \\\"${name}\\\" is already registered.`);\n  }\n  if (NON_ADDABLE_BLOCK_NAMES.includes(name)) {\n    throw new Error(\n      `\\\"${name}\\\" is a reserved page-builder block name and cannot be registered by a host application.`,\n    );\n  }\n  blockRegistry[name] = widget;\n}\n\nexport function getWidget(name: string): Widget<any> | undefined {\n  return blockRegistry[name];\n}\n\n/** Blocks a user can add to the body of a page. */\nexport function getAddableBlocks(): Widget<any>[] {\n  return Object.values(blockRegistry).filter(\n    (widget) => !NON_ADDABLE_BLOCK_NAMES.includes(widget.metadata.name),\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { ArrowDown, ArrowUp, Plus, Settings2, Trash2 } from \"lucide-react\";\nimport { cn } from \"../primitives/lib/utils\";\n\nexport interface EditableBlockProps {\n  children: React.ReactNode;\n  editing: boolean;\n  /** Ref to the wrapper element so the canvas can scroll the block into view. */\n  containerRef?: React.Ref<HTMLDivElement>;\n  selected?: boolean;\n  /** Draws a temporary attention flash, e.g. right after the block was moved. */\n  highlighted?: boolean;\n  label?: string;\n  onSelect?: () => void;\n  onMoveUp?: () => void;\n  onMoveDown?: () => void;\n  onDelete?: () => void;\n  onAddBelow?: () => void;\n}\n\nfunction ToolbarButton({\n  icon: Icon,\n  label,\n  onClick,\n}: {\n  icon: React.ComponentType<{ className?: string }>;\n  label: string;\n  onClick?: () => void;\n}) {\n  if (!onClick) return null;\n  return (\n    <button\n      type=\"button\"\n      title={label}\n      aria-label={label}\n      className=\"inline-flex h-7 w-7 items-center justify-center rounded bg-background text-foreground shadow-sm hover:bg-muted\"\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick();\n      }}\n    >\n      <Icon className=\"h-3.5 w-3.5\" />\n    </button>\n  );\n}\n\n/**\n * Wraps a rendered block with hover/selection affordances when the page\n * builder is in editing mode. In non-editing (plain display) mode it's a\n * transparent passthrough.\n */\nexport function EditableBlock({\n  children,\n  editing,\n  containerRef,\n  selected,\n  highlighted,\n  label,\n  onSelect,\n  onMoveUp,\n  onMoveDown,\n  onDelete,\n  onAddBelow,\n}: EditableBlockProps) {\n  if (!editing) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\n        \"group/block relative outline outline-1 outline-transparent transition-colors hover:outline-primary/40\",\n        selected && \"outline-2 outline-primary\",\n        highlighted && \"outline-2 outline-primary/70\",\n      )}\n      onClick={onSelect}\n    >\n      <div\n        aria-hidden\n        className={cn(\n          \"pointer-events-none absolute inset-0 z-10 bg-primary/10 opacity-0 transition-opacity duration-500\",\n          highlighted && \"opacity-100\",\n        )}\n      />\n      <div className=\"pointer-events-none absolute inset-x-0 top-0 z-20 flex justify-center opacity-0 transition-opacity group-hover/block:opacity-100\">\n        <div className=\"pointer-events-auto flex items-center gap-1 rounded-b-md border border-t-0 border-border bg-background px-1.5 py-1 shadow-sm\">\n          {label && (\n            <span className=\"px-1.5 text-xs font-medium text-muted-foreground\">\n              {label}\n            </span>\n          )}\n          <ToolbarButton icon={Settings2} label=\"Edit settings\" onClick={onSelect} />\n          <ToolbarButton icon={ArrowUp} label=\"Move up\" onClick={onMoveUp} />\n          <ToolbarButton icon={ArrowDown} label=\"Move down\" onClick={onMoveDown} />\n          <ToolbarButton icon={Trash2} label=\"Delete\" onClick={onDelete} />\n        </div>\n      </div>\n      {children}\n      {/* z-30: stay above the next block's (invisible) toolbar, which overlaps this strip. */}\n      {onAddBelow && (\n        <div className=\"pointer-events-none absolute inset-x-0 -bottom-3 z-30 flex justify-center opacity-0 transition-opacity group-hover/block:opacity-100\">\n          <button\n            type=\"button\"\n            title=\"Add block below\"\n            aria-label=\"Add block below\"\n            className=\"pointer-events-auto inline-flex h-6 w-6 items-center justify-center rounded-full border border-border bg-background text-foreground shadow-sm hover:bg-primary hover:text-primary-foreground\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onAddBelow();\n            }}\n          >\n            <Plus className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import convert, { HSL } from \"color-convert\";\nimport type { Theme } from \"../models\";\n\nfunction formatHSL(hsl: HSL): string {\n  return `${hsl[0]} ${hsl[1]}% ${hsl[2]}%`;\n}\n\nconst SHORT_OR_LONG_HEX = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i;\nconst HEX_WITH_ALPHA = /^#([0-9a-f]{4}|[0-9a-f]{8})$/i;\nconst CSS_COLOR_FUNCTION =\n  /^(oklch|oklab|lab|lch|hwb|hsla?|rgba?|color)\\(\\s*[-+0-9a-z%.,/\\s]+\\)$/i;\n\n/**\n * Turns a theme colour into a CSS colour value, or \"\" when it isn't a\n * colour we can use. Hex (the stored format) is converted to hsl();\n * modern CSS colour functions such as `oklch(...)` are passed through.\n */\nexport function resolveThemeColor(value?: string): string {\n  const color = value?.trim();\n  if (!color) return \"\";\n  if (SHORT_OR_LONG_HEX.test(color)) {\n    return `hsl(${formatHSL(convert.hex.hsl(color.replace(\"#\", \"\")))})`;\n  }\n  if (HEX_WITH_ALPHA.test(color) || CSS_COLOR_FUNCTION.test(color)) return color;\n  return \"\";\n}\n\n/**\n * Generates full CSS color values for the custom properties every primitive\n * reads. Full colors (rather than bare HSL channels) let the renderer coexist\n * with Tailwind v4 hosts whose semantic utilities use `var(--primary)` while\n * still accepting CourseLit-derived hex theme data.\n *\n * Callers rendering more than one theme in a document should pass a unique\n * selector so one renderer cannot overwrite another renderer's variables.\n */\nexport function generateThemeStyles(theme: Theme, selector = \".pb-theme\"): string {\n  const colors = theme?.theme?.colors;\n  if (!colors) {\n    return \"\";\n  }\n\n  const { light, dark } = colors;\n  if (!light || !dark) {\n    return \"\";\n  }\n\n  const block = (c: typeof light) => `\n        --background: ${resolveThemeColor(c.background)};\n        --foreground: ${resolveThemeColor(c.foreground)};\n        --card: ${resolveThemeColor(c.card)};\n        --card-foreground: ${resolveThemeColor(c.cardForeground)};\n        --popover: ${resolveThemeColor(c.popover)};\n        --popover-foreground: ${resolveThemeColor(c.popoverForeground)};\n        --primary: ${resolveThemeColor(c.primary)};\n        --primary-foreground: ${resolveThemeColor(c.primaryForeground)};\n        --secondary: ${resolveThemeColor(c.secondary)};\n        --secondary-foreground: ${resolveThemeColor(c.secondaryForeground)};\n        --muted: ${resolveThemeColor(c.muted)};\n        --muted-foreground: ${resolveThemeColor(c.mutedForeground)};\n        --accent: ${resolveThemeColor(c.accent)};\n        --accent-foreground: ${resolveThemeColor(c.accentForeground)};\n        --destructive: ${resolveThemeColor(c.destructive)};\n        --border: ${resolveThemeColor(c.border)};\n        --input: ${resolveThemeColor(c.input)};\n        --ring: ${resolveThemeColor(c.ring)};\n        --chart-1: ${resolveThemeColor(c.chart1)};\n        --chart-2: ${resolveThemeColor(c.chart2)};\n        --chart-3: ${resolveThemeColor(c.chart3)};\n        --chart-4: ${resolveThemeColor(c.chart4)};\n        --chart-5: ${resolveThemeColor(c.chart5)};\n        --sidebar-background: ${resolveThemeColor(c.sidebar)};\n        --sidebar-foreground: ${resolveThemeColor(c.sidebarForeground)};\n        --sidebar-primary: ${resolveThemeColor(c.sidebarPrimary)};\n        --sidebar-primary-foreground: ${resolveThemeColor(c.sidebarPrimaryForeground)};\n        --sidebar-accent: ${resolveThemeColor(c.sidebarAccent)};\n        --sidebar-accent-foreground: ${resolveThemeColor(c.sidebarAccentForeground)};\n        --sidebar-border: ${resolveThemeColor(c.sidebarBorder)};\n        --sidebar-ring: ${resolveThemeColor(c.sidebarRing)};\n        --shadow-2xs: ${c.shadow2xs ?? \"\"};\n        --shadow-xs: ${c.shadowXs ?? \"\"};\n        --shadow-sm: ${c.shadowSm ?? \"\"};\n        --shadow-md: ${c.shadowMd ?? \"\"};\n        --shadow-lg: ${c.shadowLg ?? \"\"};\n        --shadow-xl: ${c.shadowXl ?? \"\"};\n        --shadow-2xl: ${c.shadow2xl ?? \"\"};\n    `;\n\n  return `\n        ${selector} {\n            ${block(light)}\n        }\n        ${selector}:is(.dark, .dark *) {\n            ${block(dark)}\n        }\n    `;\n}\n","\"use client\";\n\nimport React, { useEffect, useId, useRef } from \"react\";\nimport type { PageData, Theme, WidgetInstance } from \"../models\";\nimport { getWidget, LAYOUT_BLOCK_NAMES } from \"../registry\";\nimport { EditableBlock } from \"./editable-block\";\nimport { ThemeModeSwitcher } from \"../components/theme-mode-switcher\";\nimport { generateThemeStyles } from \"./generate-theme-styles\";\nimport { cn } from \"../primitives/lib/utils\";\nimport {\n  PageBuilderLinkProvider,\n  type PageBuilderLinkComponent,\n} from \"../components/nav-link\";\n\nexport interface PageRendererProps {\n  layout: WidgetInstance[];\n  theme: Theme;\n  pageData: PageData;\n  /** Optional content rendered between the shared header and footer. */\n  children?: React.ReactNode;\n  /** Host-resolved data keyed by a generic data-slot's configured name. */\n  dataSlots?: Record<string, React.ReactNode>;\n  /** Resolved palette currently painted (`system` is already applied). */\n  nextTheme?: \"light\" | \"dark\";\n  onThemeModeChange?: (mode: \"light\" | \"dark\" | \"system\") => void;\n  /** When true, renders hover controls (edit/move/delete/add) for use inside the builder canvas. */\n  editing?: boolean;\n  selectedWidgetId?: string;\n  /** Widget to briefly highlight, e.g. right after it was moved. */\n  highlightedWidgetId?: string;\n  onSelectWidget?: (widgetId: string) => void;\n  onMoveWidgetUp?: (widgetId: string) => void;\n  onMoveWidgetDown?: (widgetId: string) => void;\n  onDeleteWidget?: (widgetId: string) => void;\n  onAddWidgetBelow?: (widgetId: string) => void;\n  /** Injects the theme's generated CSS custom properties as a `<style>` tag. Disable if the host app renders it elsewhere. */\n  injectThemeStyles?: boolean;\n  /**\n   * Optional host link (e.g. Next.js `Link`) used for internal `/...` paths\n   * inside block widgets. Omit it to render native `<a>` tags — no\n   * framework dependency.\n   */\n  linkComponent?: PageBuilderLinkComponent;\n  className?: string;\n}\n\n/**\n * Renders a page's widget layout using the block registry. Used both for\n * plain (non-editable) display and, with `editing`, as the live canvas\n * inside the page builder.\n */\nexport function PageRenderer({\n  layout,\n  theme,\n  pageData,\n  children,\n  dataSlots,\n  nextTheme = \"light\",\n  onThemeModeChange,\n  editing = false,\n  selectedWidgetId,\n  highlightedWidgetId,\n  onSelectWidget,\n  onMoveWidgetUp,\n  onMoveWidgetDown,\n  onDeleteWidget,\n  onAddWidgetBelow,\n  injectThemeStyles = true,\n  linkComponent,\n  className,\n}: PageRendererProps) {\n  // Refs to each block's wrapper, keyed by widget id. Refs (unlike DOM\n  // attribute lookups) stay correct even when SSR and client render\n  // different generated widget ids.\n  const blockRefs = useRef(new Map<string, HTMLDivElement>());\n  const themeScope = `pb-${useId().replace(/[^a-zA-Z0-9_-]/g, \"\")}`;\n  const themeSelector = `[data-pb-theme=\"${themeScope}\"]`;\n\n  // Keep the highlighted (just-moved) block in view. Keyed on `layout` too\n  // so repeated move clicks on the same widget re-scroll as it travels.\n  useEffect(() => {\n    if (!highlightedWidgetId) return;\n    blockRefs.current\n      .get(highlightedWidgetId)\n      ?.scrollIntoView({ behavior: \"smooth\", block: \"nearest\" });\n  }, [highlightedWidgetId, layout]);\n\n  const header = layout.find((widget) => widget.name === \"header\");\n  const footer = layout.find((widget) => widget.name === \"footer\");\n  const body = layout.filter((widget) => !LAYOUT_BLOCK_NAMES.includes(widget.name));\n\n  const themeSwitcher = onThemeModeChange ? (\n    <ThemeModeSwitcher\n      resolved={nextTheme}\n      onToggle={() => onThemeModeChange(nextTheme === \"dark\" ? \"light\" : \"dark\")}\n      theme={theme.theme}\n      size=\"sm\"\n      variant=\"outline\"\n    />\n  ) : undefined;\n\n  const resolvedPageData: PageData = {\n    ...pageData,\n  };\n\n  function renderInstance(\n    instance: WidgetInstance,\n    options: {\n      allowUp: boolean;\n      allowDown: boolean;\n      locked: boolean;\n      allowAddBelow: boolean;\n    },\n  ) {\n    const definition = getWidget(instance.name);\n    if (!definition) return null;\n\n    const Widget = definition.widget;\n    const settings = {\n      ...definition.getDefaultSettings?.(),\n      ...instance.settings,\n    };\n\n    return (\n      <EditableBlock\n        key={instance.widgetId}\n        editing={editing}\n        containerRef={(node) => {\n          if (node) {\n            blockRefs.current.set(instance.widgetId, node);\n          } else {\n            blockRefs.current.delete(instance.widgetId);\n          }\n        }}\n        selected={selectedWidgetId === instance.widgetId}\n        highlighted={highlightedWidgetId === instance.widgetId}\n        label={definition.metadata.displayName}\n        onSelect={() => onSelectWidget?.(instance.widgetId)}\n        onMoveUp={\n          options.allowUp ? () => onMoveWidgetUp?.(instance.widgetId) : undefined\n        }\n        onMoveDown={\n          options.allowDown ? () => onMoveWidgetDown?.(instance.widgetId) : undefined\n        }\n        onDelete={\n          !options.locked ? () => onDeleteWidget?.(instance.widgetId) : undefined\n        }\n        onAddBelow={\n          options.allowAddBelow && onAddWidgetBelow\n            ? () => onAddWidgetBelow(instance.widgetId)\n            : undefined\n        }\n      >\n        <Widget\n          settings={settings as any}\n          state={{ theme }}\n          pageData={resolvedPageData}\n          data={\n            instance.name === \"data-slot\"\n              ? dataSlots?.[String(settings.slot ?? \"\")]\n              : undefined\n          }\n          editing={editing}\n          themeSwitcher={themeSwitcher}\n        />\n      </EditableBlock>\n    );\n  }\n\n  return (\n    <PageBuilderLinkProvider component={linkComponent}>\n      <div\n        data-pb-theme={themeScope}\n        className={cn(\n          \"pb-theme flex min-h-full flex-col bg-background text-foreground\",\n          nextTheme === \"dark\" && \"dark\",\n          className,\n        )}\n      >\n        {/* Emitted first so the variables exist before any content paints. */}\n        {injectThemeStyles && (\n          <style>{generateThemeStyles(theme, themeSelector)}</style>\n        )}\n        {header &&\n          renderInstance(header, {\n            allowUp: false,\n            allowDown: false,\n            locked: true,\n            allowAddBelow: true,\n          })}\n        <div className=\"flex flex-1 flex-col\">\n          {children !== undefined &&\n          !body.some((instance) => instance.name === \"data-slot\")\n            ? children\n            : body.map((instance, index) =>\n                renderInstance(instance, {\n                  allowUp: instance.moveable && index !== 0,\n                  allowDown: instance.moveable && index !== body.length - 1,\n                  locked: !instance.deletable,\n                  allowAddBelow: true,\n                }),\n              )}\n        </div>\n        {footer &&\n          renderInstance(footer, {\n            allowUp: false,\n            allowDown: false,\n            locked: true,\n            allowAddBelow: false,\n          })}\n      </div>\n    </PageBuilderLinkProvider>\n  );\n}\n"]}
+{"version":3,"sources":["../src/registry-names.ts","../src/registry.ts","../src/renderer/editable-block.tsx","../src/renderer/generate-theme-styles.ts","../src/renderer/page-renderer.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-X7EPINZ7.js","sourcesContent":["/** Blocks placed outside the normal flow by the renderer. */\nexport const LAYOUT_BLOCK_NAMES = [\"header\", \"footer\"];\n","import type { Widget } from \"./models\";\nimport { LAYOUT_BLOCK_NAMES } from \"./registry-names\";\nimport {\n  Header,\n  Hero,\n  Content,\n  Featured,\n  Faq,\n  Pricing,\n  Banner,\n  EmailForm,\n  SupportForm,\n  Footer,\n  RichText,\n  Grid,\n  MediaBlock,\n  Marquee,\n  Embed,\n  CodeSnippetBlock,\n  DataSlot,\n} from \"./blocks\";\n\n/**\n * Every block available to the page builder, keyed by its\n * `metadata.name`. `header` and `footer` are singleton, layout-level\n * blocks placed outside the normal flow by the renderer.\n */\nexport const blockRegistry: Record<string, Widget<any>> = {\n  header: Header,\n  hero: Hero,\n  content: Content,\n  featured: Featured,\n  faq: Faq,\n  pricing: Pricing,\n  banner: Banner,\n  \"email-form\": EmailForm,\n  \"support-form\": SupportForm,\n  footer: Footer,\n  \"rich-text\": RichText,\n  grid: Grid,\n  media: MediaBlock,\n  marquee: Marquee,\n  embed: Embed,\n  \"code-snippet\": CodeSnippetBlock,\n  \"data-slot\": DataSlot,\n};\n\nexport { LAYOUT_BLOCK_NAMES };\nexport const NON_ADDABLE_BLOCK_NAMES = [...LAYOUT_BLOCK_NAMES, \"data-slot\"];\n\n/**\n * Adds a host application's block to the shared renderer and builder\n * registry. Register blocks while the application module initializes, before\n * rendering either `PageBuilder` or `PageRenderer`.\n *\n * Built-in names are intentionally protected: a persisted page must always\n * have one stable implementation for a block name. Give host blocks a\n * namespaced name such as `acme-event-list`.\n */\nexport function registerBlock(widget: Widget<any>): void {\n  const name = widget.metadata.name.trim();\n  if (!name) {\n    throw new Error(\"A page-builder block must have a non-empty name.\");\n  }\n  if (blockRegistry[name]) {\n    throw new Error(`A page-builder block named \\\"${name}\\\" is already registered.`);\n  }\n  if (NON_ADDABLE_BLOCK_NAMES.includes(name)) {\n    throw new Error(\n      `\\\"${name}\\\" is a reserved page-builder block name and cannot be registered by a host application.`,\n    );\n  }\n  blockRegistry[name] = widget;\n}\n\nexport function getWidget(name: string): Widget<any> | undefined {\n  return blockRegistry[name];\n}\n\n/** Blocks a user can add to the body of a page. */\nexport function getAddableBlocks(): Widget<any>[] {\n  return Object.values(blockRegistry).filter(\n    (widget) => !NON_ADDABLE_BLOCK_NAMES.includes(widget.metadata.name),\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { ArrowDown, ArrowUp, Plus, Settings2, Trash2 } from \"lucide-react\";\nimport { cn } from \"../primitives/lib/utils\";\n\nexport interface EditableBlockProps {\n  children: React.ReactNode;\n  editing: boolean;\n  /** Ref to the wrapper element so the canvas can scroll the block into view. */\n  containerRef?: React.Ref<HTMLDivElement>;\n  selected?: boolean;\n  /** Draws a temporary attention flash, e.g. right after the block was moved. */\n  highlighted?: boolean;\n  label?: string;\n  onSelect?: () => void;\n  onMoveUp?: () => void;\n  onMoveDown?: () => void;\n  onDelete?: () => void;\n  onAddBelow?: () => void;\n}\n\nfunction ToolbarButton({\n  icon: Icon,\n  label,\n  onClick,\n}: {\n  icon: React.ComponentType<{ className?: string }>;\n  label: string;\n  onClick?: () => void;\n}) {\n  if (!onClick) return null;\n  return (\n    <button\n      type=\"button\"\n      title={label}\n      aria-label={label}\n      className=\"inline-flex h-7 w-7 items-center justify-center rounded bg-background text-foreground shadow-sm hover:bg-muted\"\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick();\n      }}\n    >\n      <Icon className=\"h-3.5 w-3.5\" />\n    </button>\n  );\n}\n\n/**\n * Wraps a rendered block with hover/selection affordances when the page\n * builder is in editing mode. In non-editing (plain display) mode it's a\n * transparent passthrough.\n */\nexport function EditableBlock({\n  children,\n  editing,\n  containerRef,\n  selected,\n  highlighted,\n  label,\n  onSelect,\n  onMoveUp,\n  onMoveDown,\n  onDelete,\n  onAddBelow,\n}: EditableBlockProps) {\n  if (!editing) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\n        \"group/block relative outline outline-1 outline-transparent transition-colors hover:outline-primary/40\",\n        selected && \"outline-2 outline-primary\",\n        highlighted && \"outline-2 outline-primary/70\",\n      )}\n      onClick={onSelect}\n    >\n      <div\n        aria-hidden\n        className={cn(\n          \"pointer-events-none absolute inset-0 z-10 bg-primary/10 opacity-0 transition-opacity duration-500\",\n          highlighted && \"opacity-100\",\n        )}\n      />\n      <div className=\"pointer-events-none absolute inset-x-0 top-0 z-20 flex justify-center opacity-0 transition-opacity group-hover/block:opacity-100\">\n        <div className=\"pointer-events-auto flex items-center gap-1 rounded-b-md border border-t-0 border-border bg-background px-1.5 py-1 shadow-sm\">\n          {label && (\n            <span className=\"px-1.5 text-xs font-medium text-muted-foreground\">\n              {label}\n            </span>\n          )}\n          <ToolbarButton icon={Settings2} label=\"Edit settings\" onClick={onSelect} />\n          <ToolbarButton icon={ArrowUp} label=\"Move up\" onClick={onMoveUp} />\n          <ToolbarButton icon={ArrowDown} label=\"Move down\" onClick={onMoveDown} />\n          <ToolbarButton icon={Trash2} label=\"Delete\" onClick={onDelete} />\n        </div>\n      </div>\n      {children}\n      {/* z-30: stay above the next block's (invisible) toolbar, which overlaps this strip. */}\n      {onAddBelow && (\n        <div className=\"pointer-events-none absolute inset-x-0 -bottom-3 z-30 flex justify-center opacity-0 transition-opacity group-hover/block:opacity-100\">\n          <button\n            type=\"button\"\n            title=\"Add block below\"\n            aria-label=\"Add block below\"\n            className=\"pointer-events-auto inline-flex h-6 w-6 items-center justify-center rounded-full border border-border bg-background text-foreground shadow-sm hover:bg-primary hover:text-primary-foreground\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onAddBelow();\n            }}\n          >\n            <Plus className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import convert, { HSL } from \"color-convert\";\nimport type { Theme } from \"../models\";\n\nfunction formatHSL(hsl: HSL): string {\n  return `${hsl[0]} ${hsl[1]}% ${hsl[2]}%`;\n}\n\nconst SHORT_OR_LONG_HEX = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i;\nconst HEX_WITH_ALPHA = /^#([0-9a-f]{4}|[0-9a-f]{8})$/i;\nconst CSS_COLOR_FUNCTION =\n  /^(oklch|oklab|lab|lch|hwb|hsla?|rgba?|color)\\(\\s*[-+0-9a-z%.,/\\s]+\\)$/i;\n\n/**\n * Turns a theme colour into a CSS colour value, or \"\" when it isn't a\n * colour we can use. Hex (the stored format) is converted to hsl();\n * modern CSS colour functions such as `oklch(...)` are passed through.\n */\nexport function resolveThemeColor(value?: string): string {\n  const color = value?.trim();\n  if (!color) return \"\";\n  if (SHORT_OR_LONG_HEX.test(color)) {\n    return `hsl(${formatHSL(convert.hex.hsl(color.replace(\"#\", \"\")))})`;\n  }\n  if (HEX_WITH_ALPHA.test(color) || CSS_COLOR_FUNCTION.test(color)) return color;\n  return \"\";\n}\n\n/**\n * Generates full CSS color values for the custom properties every primitive\n * reads. Full colors (rather than bare HSL channels) let the renderer coexist\n * with Tailwind v4 hosts whose semantic utilities use `var(--primary)` while\n * still accepting CourseLit-derived hex theme data.\n *\n * Callers rendering more than one theme in a document should pass a unique\n * selector so one renderer cannot overwrite another renderer's variables.\n */\nexport function generateThemeStyles(theme: Theme, selector = \".pb-theme\"): string {\n  const colors = theme?.theme?.colors;\n  if (!colors) {\n    return \"\";\n  }\n\n  const { light, dark } = colors;\n  if (!light || !dark) {\n    return \"\";\n  }\n\n  const block = (c: typeof light) => `\n        --background: ${resolveThemeColor(c.background)};\n        --foreground: ${resolveThemeColor(c.foreground)};\n        --card: ${resolveThemeColor(c.card)};\n        --card-foreground: ${resolveThemeColor(c.cardForeground)};\n        --popover: ${resolveThemeColor(c.popover)};\n        --popover-foreground: ${resolveThemeColor(c.popoverForeground)};\n        --primary: ${resolveThemeColor(c.primary)};\n        --primary-foreground: ${resolveThemeColor(c.primaryForeground)};\n        --secondary: ${resolveThemeColor(c.secondary)};\n        --secondary-foreground: ${resolveThemeColor(c.secondaryForeground)};\n        --muted: ${resolveThemeColor(c.muted)};\n        --muted-foreground: ${resolveThemeColor(c.mutedForeground)};\n        --accent: ${resolveThemeColor(c.accent)};\n        --accent-foreground: ${resolveThemeColor(c.accentForeground)};\n        --destructive: ${resolveThemeColor(c.destructive)};\n        --border: ${resolveThemeColor(c.border)};\n        --input: ${resolveThemeColor(c.input)};\n        --ring: ${resolveThemeColor(c.ring)};\n        --chart-1: ${resolveThemeColor(c.chart1)};\n        --chart-2: ${resolveThemeColor(c.chart2)};\n        --chart-3: ${resolveThemeColor(c.chart3)};\n        --chart-4: ${resolveThemeColor(c.chart4)};\n        --chart-5: ${resolveThemeColor(c.chart5)};\n        --sidebar-background: ${resolveThemeColor(c.sidebar)};\n        --sidebar-foreground: ${resolveThemeColor(c.sidebarForeground)};\n        --sidebar-primary: ${resolveThemeColor(c.sidebarPrimary)};\n        --sidebar-primary-foreground: ${resolveThemeColor(c.sidebarPrimaryForeground)};\n        --sidebar-accent: ${resolveThemeColor(c.sidebarAccent)};\n        --sidebar-accent-foreground: ${resolveThemeColor(c.sidebarAccentForeground)};\n        --sidebar-border: ${resolveThemeColor(c.sidebarBorder)};\n        --sidebar-ring: ${resolveThemeColor(c.sidebarRing)};\n        --shadow-2xs: ${c.shadow2xs ?? \"\"};\n        --shadow-xs: ${c.shadowXs ?? \"\"};\n        --shadow-sm: ${c.shadowSm ?? \"\"};\n        --shadow-md: ${c.shadowMd ?? \"\"};\n        --shadow-lg: ${c.shadowLg ?? \"\"};\n        --shadow-xl: ${c.shadowXl ?? \"\"};\n        --shadow-2xl: ${c.shadow2xl ?? \"\"};\n    `;\n\n  return `\n        ${selector} {\n            ${block(light)}\n        }\n        ${selector}:is(.dark, .dark *) {\n            ${block(dark)}\n        }\n    `;\n}\n","\"use client\";\n\nimport React, { useEffect, useId, useRef } from \"react\";\nimport type { PageData, Theme, WidgetInstance } from \"../models\";\nimport { getWidget, LAYOUT_BLOCK_NAMES } from \"../registry\";\nimport { EditableBlock } from \"./editable-block\";\nimport { ThemeModeSwitcher } from \"../components/theme-mode-switcher\";\nimport { generateThemeStyles } from \"./generate-theme-styles\";\nimport { cn } from \"../primitives/lib/utils\";\nimport {\n  PageBuilderLinkProvider,\n  type PageBuilderLinkComponent,\n} from \"../components/nav-link\";\n\nexport interface PageRendererProps {\n  layout: WidgetInstance[];\n  theme: Theme;\n  pageData: PageData;\n  /** Optional content rendered between the shared header and footer. */\n  children?: React.ReactNode;\n  /** Host-resolved data keyed by a generic data-slot's configured name. */\n  dataSlots?: Record<string, React.ReactNode>;\n  /** Resolved palette currently painted (`system` is already applied). */\n  nextTheme?: \"light\" | \"dark\";\n  onThemeModeChange?: (mode: \"light\" | \"dark\" | \"system\") => void;\n  /** When true, renders hover controls (edit/move/delete/add) for use inside the builder canvas. */\n  editing?: boolean;\n  selectedWidgetId?: string;\n  /** Widget to briefly highlight, e.g. right after it was moved. */\n  highlightedWidgetId?: string;\n  onSelectWidget?: (widgetId: string) => void;\n  onMoveWidgetUp?: (widgetId: string) => void;\n  onMoveWidgetDown?: (widgetId: string) => void;\n  onDeleteWidget?: (widgetId: string) => void;\n  onAddWidgetBelow?: (widgetId: string) => void;\n  /** Injects the theme's generated CSS custom properties as a `<style>` tag. Disable if the host app renders it elsewhere. */\n  injectThemeStyles?: boolean;\n  /**\n   * Optional host link (e.g. Next.js `Link`) used for internal `/...` paths\n   * inside block widgets. Omit it to render native `<a>` tags — no\n   * framework dependency.\n   */\n  linkComponent?: PageBuilderLinkComponent;\n  className?: string;\n}\n\n/**\n * Renders a page's widget layout using the block registry. Used both for\n * plain (non-editable) display and, with `editing`, as the live canvas\n * inside the page builder.\n */\nexport function PageRenderer({\n  layout,\n  theme,\n  pageData,\n  children,\n  dataSlots,\n  nextTheme = \"light\",\n  onThemeModeChange,\n  editing = false,\n  selectedWidgetId,\n  highlightedWidgetId,\n  onSelectWidget,\n  onMoveWidgetUp,\n  onMoveWidgetDown,\n  onDeleteWidget,\n  onAddWidgetBelow,\n  injectThemeStyles = true,\n  linkComponent,\n  className,\n}: PageRendererProps) {\n  // Refs to each block's wrapper, keyed by widget id. Refs (unlike DOM\n  // attribute lookups) stay correct even when SSR and client render\n  // different generated widget ids.\n  const blockRefs = useRef(new Map<string, HTMLDivElement>());\n  const themeScope = `pb-${useId().replace(/[^a-zA-Z0-9_-]/g, \"\")}`;\n  const themeSelector = `[data-pb-theme=\"${themeScope}\"]`;\n\n  // Keep the highlighted (just-moved) block in view. Keyed on `layout` too\n  // so repeated move clicks on the same widget re-scroll as it travels.\n  useEffect(() => {\n    if (!highlightedWidgetId) return;\n    blockRefs.current\n      .get(highlightedWidgetId)\n      ?.scrollIntoView({ behavior: \"smooth\", block: \"nearest\" });\n  }, [highlightedWidgetId, layout]);\n\n  const header = layout.find((widget) => widget.name === \"header\");\n  const footer = layout.find((widget) => widget.name === \"footer\");\n  const body = layout.filter((widget) => !LAYOUT_BLOCK_NAMES.includes(widget.name));\n\n  const themeSwitcher = onThemeModeChange ? (\n    <ThemeModeSwitcher\n      resolved={nextTheme}\n      onToggle={() => onThemeModeChange(nextTheme === \"dark\" ? \"light\" : \"dark\")}\n      theme={theme.theme}\n      size=\"sm\"\n      variant=\"outline\"\n    />\n  ) : undefined;\n\n  const resolvedPageData: PageData = {\n    ...pageData,\n  };\n\n  function renderInstance(\n    instance: WidgetInstance,\n    options: {\n      allowUp: boolean;\n      allowDown: boolean;\n      locked: boolean;\n      allowAddBelow: boolean;\n    },\n  ) {\n    const definition = getWidget(instance.name);\n    if (!definition) return null;\n\n    const Widget = definition.widget;\n    const settings = {\n      ...definition.getDefaultSettings?.(),\n      ...instance.settings,\n    };\n\n    return (\n      <EditableBlock\n        key={instance.widgetId}\n        editing={editing}\n        containerRef={(node) => {\n          if (node) {\n            blockRefs.current.set(instance.widgetId, node);\n          } else {\n            blockRefs.current.delete(instance.widgetId);\n          }\n        }}\n        selected={selectedWidgetId === instance.widgetId}\n        highlighted={highlightedWidgetId === instance.widgetId}\n        label={definition.metadata.displayName}\n        onSelect={() => onSelectWidget?.(instance.widgetId)}\n        onMoveUp={\n          options.allowUp ? () => onMoveWidgetUp?.(instance.widgetId) : undefined\n        }\n        onMoveDown={\n          options.allowDown ? () => onMoveWidgetDown?.(instance.widgetId) : undefined\n        }\n        onDelete={\n          !options.locked ? () => onDeleteWidget?.(instance.widgetId) : undefined\n        }\n        onAddBelow={\n          options.allowAddBelow && onAddWidgetBelow\n            ? () => onAddWidgetBelow(instance.widgetId)\n            : undefined\n        }\n      >\n        <Widget\n          settings={settings as any}\n          state={{ theme }}\n          pageData={resolvedPageData}\n          data={\n            instance.name === \"data-slot\"\n              ? dataSlots?.[String(settings.slot ?? \"\")]\n              : undefined\n          }\n          editing={editing}\n          themeSwitcher={themeSwitcher}\n        />\n      </EditableBlock>\n    );\n  }\n\n  return (\n    <PageBuilderLinkProvider component={linkComponent}>\n      <div\n        data-pb-theme={themeScope}\n        className={cn(\n          \"pb-theme flex min-h-full flex-col bg-background text-foreground\",\n          nextTheme === \"dark\" && \"dark\",\n          className,\n        )}\n      >\n        {/* Emitted first so the variables exist before any content paints. */}\n        {injectThemeStyles && (\n          <style>{generateThemeStyles(theme, themeSelector)}</style>\n        )}\n        {header &&\n          renderInstance(header, {\n            allowUp: false,\n            allowDown: false,\n            locked: true,\n            allowAddBelow: true,\n          })}\n        <div className=\"flex flex-1 flex-col\">\n          {children !== undefined &&\n          !body.some((instance) => instance.name === \"data-slot\")\n            ? children\n            : body.map((instance, index) =>\n                renderInstance(instance, {\n                  allowUp: instance.moveable && index !== 0,\n                  allowDown: instance.moveable && index !== body.length - 1,\n                  locked: !instance.deletable,\n                  allowAddBelow: true,\n                }),\n              )}\n        </div>\n        {footer &&\n          renderInstance(footer, {\n            allowUp: false,\n            allowDown: false,\n            locked: true,\n            allowAddBelow: false,\n          })}\n      </div>\n    </PageBuilderLinkProvider>\n  );\n}\n"]}

package/dist/components/index.js

@@ -1,7 +1,7 @@
 "use client";
-export { ThemeModeSwitcher } from '../chunk-LL6CG6KH.js';
+export { ThemeModeSwitcher } from '../chunk-QXCELWTN.js';
 export { InlineEmbed, NavLink, PageBuilderLinkProvider, TextRenderer, VideoWithPreview, prepareEmbed, usePageBuilderLinkComponent } from '../chunk-QMUIISN3.js';
-export { Image, resolveImageAttributes, roundedMap, setImageAttributesResolver } from '../chunk-KRQWGGAJ.js';
+export { Image, resolveImageAttributes, roundedMap, setImageAttributesResolver } from '../chunk-BLCA5IS5.js';
 import '../chunk-XU7ALPGQ.js';
 import { jsx } from 'react/jsx-runtime';
 export { truncateTextEditorContent } from '@frontlit/text-editor';

package/dist/index.js

@@ -1,11 +1,11 @@
 "use client";
 import './chunk-HWOVSHIW.js';
-export { BlockPicker, BuilderTopBar, ColorSelector, ContentPaddingSelector, MaxWidthSelector, PATTERN_PRESETS, PageBuilder, PageBuilderPropertyHeader, PageBuilderSlider, SectionBackgroundPanel, SeoEditor, SettingsPanel, ThemeEditor, VerticalPaddingSelector, createDefaultLayout, createWidgetInstance, ensureRequiredSharedWidgets, getDefaultTheme, getMaxWidthTWClass, getVerticalPaddingTWClass, resolveIcon, withDefaultSettings } from './chunk-HEKBPKGS.js';
-export { EditableBlock, LAYOUT_BLOCK_NAMES, NON_ADDABLE_BLOCK_NAMES, PageRenderer, blockRegistry, generateThemeStyles, getAddableBlocks, getWidget, registerBlock, resolveThemeColor } from './chunk-I2LRKHSL.js';
-import './chunk-LL6CG6KH.js';
-import './chunk-XQE4RVNO.js';
+export { BlockPicker, BuilderTopBar, ColorSelector, ContentPaddingSelector, MaxWidthSelector, PATTERN_PRESETS, PageBuilder, PageBuilderPropertyHeader, PageBuilderSlider, SectionBackgroundPanel, SeoEditor, SettingsPanel, ThemeEditor, VerticalPaddingSelector, createDefaultLayout, createWidgetInstance, ensureRequiredSharedWidgets, getDefaultTheme, getMaxWidthTWClass, getVerticalPaddingTWClass, resolveIcon, withDefaultSettings } from './chunk-2GDCOSXP.js';
+export { EditableBlock, LAYOUT_BLOCK_NAMES, NON_ADDABLE_BLOCK_NAMES, PageRenderer, blockRegistry, generateThemeStyles, getAddableBlocks, getWidget, registerBlock, resolveThemeColor } from './chunk-X7EPINZ7.js';
+import './chunk-QXCELWTN.js';
+import './chunk-5THGEJHP.js';
 export { PageBuilderLinkProvider } from './chunk-QMUIISN3.js';
-import './chunk-KRQWGGAJ.js';
+import './chunk-BLCA5IS5.js';
 export { getMediaAlt, getMediaUrl } from './chunk-XU7ALPGQ.js';
 export { loadDataSlots } from './chunk-ATNM5JHI.js';
 //# sourceMappingURL=index.js.map

package/dist/primitives/index.d.ts

@@ -72,6 +72,26 @@ interface TypographyProps extends React__default.HTMLAttributes<HTMLElement> {
 
 declare const Caption: React__default.FC<TypographyProps>;
 
+type HeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
+interface HeadingProps extends TypographyProps {
+    /** Element to render. Lets a block pick its heading level independently of its look. */
+    as?: HeadingTag;
+    /**
+     * Font-size classes that override the theme size. Kept apart from
+     * `className` so they are merged before the theme's line-height, which
+     * tailwind-merge would otherwise drop.
+     */
+    sizeClassName?: string;
+}
+/** px size of each Tailwind text size class. */
+declare const TAILWIND_TEXT_PX: Record<string, number>;
+/** CSS `clamp()` growing from `min` px on a phone to `max` px on a desktop. */
+declare function fluidFontSize({ min, max }: {
+    min: number;
+    max: number;
+}): string;
+declare function createHeading(displayName: string, defaultTag: HeadingTag, baseClasses: string, getTypography: (theme?: ThemeStyle) => Typography | undefined): React__default.FC<HeadingProps>;
+
 interface PageCardProps extends React__default.HTMLAttributes<HTMLDivElement> {
     isLink?: boolean;
     children: React__default.ReactNode;
@@ -93,6 +113,8 @@ interface PageCardHeaderProps extends React__default.HTMLAttributes<HTMLDivEleme
     children: React__default.ReactNode;
     className?: string;
     theme?: ThemeStyle;
+    /** Element for the header text; defaults to `h4`. */
+    as?: HeadingTag;
 }
 declare const PageCard: React__default.FC<PageCardProps>;
 declare const PageCardImage: React__default.FC<PageCardImageProps>;
@@ -211,26 +233,6 @@ interface CodeSnippetProps {
  */
 declare function CodeSnippet({ code, prompt, theme, className }: CodeSnippetProps): React__default.JSX.Element;
 
-type HeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
-interface HeadingProps extends TypographyProps {
-    /** Element to render. Lets a block pick its heading level independently of its look. */
-    as?: HeadingTag;
-    /**
-     * Font-size classes that override the theme size. Kept apart from
-     * `className` so they are merged before the theme's line-height, which
-     * tailwind-merge would otherwise drop.
-     */
-    sizeClassName?: string;
-}
-/** px size of each Tailwind text size class. */
-declare const TAILWIND_TEXT_PX: Record<string, number>;
-/** CSS `clamp()` growing from `min` px on a phone to `max` px on a desktop. */
-declare function fluidFontSize({ min, max }: {
-    min: number;
-    max: number;
-}): string;
-declare function createHeading(displayName: string, defaultTag: HeadingTag, baseClasses: string, getTypography: (theme?: ThemeStyle) => Typography | undefined): React__default.FC<HeadingProps>;
-
 /** Hero-sized headline, styled separately from section H1s. */
 declare const Display: React$1.FC<HeadingProps>;
 

package/dist/primitives/index.js

@@ -1,5 +1,5 @@
 "use client";
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Button2 as Button, Caption, Checkbox, CodeSnippet, Collapsible, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Header1, Header2, Header3, Header4, Image2 as Image, InlineCode, Input, Label, Link, NativeSelect, PageCard, PageCardContent, PageCardHeader, PageCardImage, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Preheader, RadioGroup, RadioGroupItem, Section, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Subheader1, Subheader2, Switch2 as Switch, TAILWIND_TEXT_PX, Table, Tabs, Text1, Text2, Textarea, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, createHeading, fluidFontSize, themes } from '../chunk-KRQWGGAJ.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Button2 as Button, Caption, Checkbox, CodeSnippet, Collapsible, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Header1, Header2, Header3, Header4, Image2 as Image, InlineCode, Input, Label, Link, NativeSelect, PageCard, PageCardContent, PageCardHeader, PageCardImage, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Preheader, RadioGroup, RadioGroupItem, Section, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Subheader1, Subheader2, Switch2 as Switch, TAILWIND_TEXT_PX, Table, Tabs, Text1, Text2, Textarea, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, createHeading, fluidFontSize, themes } from '../chunk-BLCA5IS5.js';
 import '../chunk-XU7ALPGQ.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/renderer/index.js

@@ -1,9 +1,9 @@
 "use client";
-export { EditableBlock, PageRenderer, generateThemeStyles, resolveThemeColor } from '../chunk-I2LRKHSL.js';
-import '../chunk-LL6CG6KH.js';
-import '../chunk-XQE4RVNO.js';
+export { EditableBlock, PageRenderer, generateThemeStyles, resolveThemeColor } from '../chunk-X7EPINZ7.js';
+import '../chunk-QXCELWTN.js';
+import '../chunk-5THGEJHP.js';
 export { PageBuilderLinkProvider } from '../chunk-QMUIISN3.js';
-import '../chunk-KRQWGGAJ.js';
+import '../chunk-BLCA5IS5.js';
 import '../chunk-XU7ALPGQ.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/server/index.js

@@ -508,6 +508,7 @@ var PageCardHeader = ({
   children,
   className = "",
   theme,
+  as,
   ...props
 }) => {
   const classes = cn(
@@ -515,7 +516,7 @@ var PageCardHeader = ({
     "pb-4",
     className
   );
-  return /* @__PURE__ */ jsx8("div", { className: classes, ...props, children: /* @__PURE__ */ jsx8(Header4, { theme, children }) });
+  return /* @__PURE__ */ jsx8("div", { className: classes, ...props, children: /* @__PURE__ */ jsx8(Header4, { theme, as, children }) });
 };
 
 // src/primitives/display.tsx
@@ -1075,6 +1076,9 @@ function renderTitle(title, theme) {
     (part, index) => /^\*[^*]+\*$/.test(part) ? React3.createElement("span", { key: index, className }, part.slice(1, -1)) : part
   );
 }
+function itemHeadingLevel(titleLevel = "h2") {
+  return titleLevel === "h1" ? "h2" : titleLevel === "h2" ? "h3" : "h4";
+}
 
 // src/blocks/hero/widget.tsx
 import { NavLink as NavLink3 } from "./islands/nav-link.js";
@@ -1395,6 +1399,7 @@ function FeaturedWidget({
   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 itemLevel = itemHeadingLevel(titleLevel);
   return /* @__PURE__ */ jsx19(Section, { theme: overriddenTheme, id: cssId, background, children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-8", children: [
     /* @__PURE__ */ jsxs5(
       "div",
@@ -1411,7 +1416,7 @@ function FeaturedWidget({
     ),
     items && items.length > 0 && layout === "numbered" && /* @__PURE__ */ jsx19("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: items.map((item, index) => /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsx19("span", { className: "text-3xl font-bold text-primary/30", children: String(index + 1).padStart(2, "0") }),
-      /* @__PURE__ */ jsx19(Header4, { theme: overriddenTheme, children: item.title }),
+      /* @__PURE__ */ jsx19(Header4, { theme: overriddenTheme, as: itemLevel, children: item.title }),
       item.description && /* @__PURE__ */ jsx19(Text2, { theme: overriddenTheme, children: item.description })
     ] }, index)) }),
     items && items.length > 0 && layout !== "numbered" && /* @__PURE__ */ jsx19(
@@ -1452,7 +1457,7 @@ function FeaturedWidget({
                       layout === "compact" && "items-center gap-1"
                     ),
                     children: [
-                      /* @__PURE__ */ jsx19(Header4, { theme: overriddenTheme, children: item.title }),
+                      /* @__PURE__ */ jsx19(Header4, { theme: overriddenTheme, as: itemLevel, children: item.title }),
                       item.description && layout !== "compact" && /* @__PURE__ */ jsx19(Text2, { theme: overriddenTheme, children: item.description })
                     ]
                   }
@@ -1662,7 +1667,7 @@ function PricingWidget({
                   /* @__PURE__ */ jsx21(Preheader, { theme: overriddenTheme, children: tier.name }),
                   tier.highlighted && /* @__PURE__ */ jsx21(Badge2, { theme: overriddenTheme, children: "Most popular" })
                 ] }),
-                /* @__PURE__ */ jsx21(PageCardHeader, { theme: overriddenTheme, children: pricingSwitcher ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
+                /* @__PURE__ */ jsx21(PageCardHeader, { theme: overriddenTheme, as: "p", children: pricingSwitcher ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
                   /* @__PURE__ */ jsx21("span", { className: monthlyOnly, children: tier.price }),
                   /* @__PURE__ */ jsx21("span", { className: yearlyOnly, children: tier.priceYearly || tier.price })
                 ] }) : tier.price }),
@@ -2193,7 +2198,11 @@ function resolveIcon2(name) {
   if (!name) return null;
   return Icons2[name] ?? null;
 }
-function GridItemCard({ item, theme }) {
+function GridItemCard({
+  item,
+  theme,
+  headingLevel
+}) {
   const Icon = resolveIcon2(item.icon);
   const mediaUrl = getMediaUrl(item.media);
   const mediaAlt = getMediaAlt(item.media);
@@ -2215,13 +2224,13 @@ function GridItemCard({ item, theme }) {
         }
       ),
       /* @__PURE__ */ jsx27("div", { className: "absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent" }),
-      /* @__PURE__ */ jsx27("div", { className: "absolute inset-x-0 bottom-0 p-4", children: /* @__PURE__ */ jsx27(Header4, { theme, className: "text-white", children: item.title }) })
+      /* @__PURE__ */ jsx27("div", { className: "absolute inset-x-0 bottom-0 p-4", children: /* @__PURE__ */ jsx27(Header4, { theme, as: headingLevel, className: "text-white", children: item.title }) })
     ] }) });
     return item.buttonAction ? /* @__PURE__ */ jsx27(NavLink7, { href: item.buttonAction, className: "block", children: card }) : card;
   }
   const media = hasMedia ? /* @__PURE__ */ jsx27("div", { className: "overflow-hidden rounded-md", children: /* @__PURE__ */ jsx27(Image, { src: mediaUrl || "", alt: mediaAlt }) }) : Icon ? /* @__PURE__ */ jsx27("div", { className: "flex h-10 w-10 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ jsx27(Icon, { className: "h-5 w-5" }) }) : null;
   const text = /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx27(Header4, { theme, children: item.title }),
+    /* @__PURE__ */ jsx27(Header4, { theme, as: headingLevel, children: item.title }),
     item.description && /* @__PURE__ */ jsx27(Text2, { theme, children: item.description }),
     item.buttonAction && item.buttonCaption && /* @__PURE__ */ jsx27(NavLink7, { href: item.buttonAction, className: "mt-2", children: /* @__PURE__ */ jsx27(Button2, { theme, variant: "secondary", size: "sm", children: item.buttonCaption }) })
   ] });
@@ -2276,7 +2285,15 @@ function GridWidget({
           "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__ */ jsx27(GridItemCard, { item, theme: overriddenTheme }, index))
+        children: items.map((item, index) => /* @__PURE__ */ jsx27(
+          GridItemCard,
+          {
+            item,
+            theme: overriddenTheme,
+            headingLevel: itemHeadingLevel(titleLevel)
+          },
+          index
+        ))
       }
     )
   ] }) });