@prenta/admin 0.92.0

package/dist/views/page-editor/sections/HeroBannerSection.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PreviewButton, isDarkBackground, str } from './parts.js';
+export function HeroBannerSection({ section }) {
+    const c = section.content;
+    const dark = isDarkBackground(section.settings);
+    const eyebrow = str(c, 'eyebrow');
+    const heading = str(c, 'heading');
+    const body = str(c, 'body');
+    return (_jsxs("div", { className: "mx-auto max-w-3xl px-6 text-center", children: [eyebrow && (_jsx("p", { className: `mb-3 text-sm font-medium tracking-wide uppercase ${dark ? 'text-brand-foreground/80' : 'text-brand'}`, children: eyebrow })), _jsx("h1", { className: "text-3xl leading-tight font-semibold tracking-tight sm:text-5xl", children: heading || 'Your headline goes here' }), body && (_jsx("p", { className: `mx-auto mt-5 max-w-2xl text-base sm:text-lg ${dark ? 'text-brand-foreground/80' : 'text-muted-foreground'}`, children: body })), _jsxs("div", { className: "mt-8 flex flex-wrap items-center justify-center gap-3", children: [_jsx(PreviewButton, { label: str(c, 'primaryButtonLabel'), href: str(c, 'primaryButtonUrl'), tone: dark ? 'onDark' : 'primary' }), _jsx(PreviewButton, { label: str(c, 'secondaryButtonLabel'), href: str(c, 'secondaryButtonUrl'), tone: "ghost" })] })] }));
+}
+//# sourceMappingURL=HeroBannerSection.js.map

package/dist/views/page-editor/sections/HeroBannerSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroBannerSection.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/HeroBannerSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAEjE,MAAM,UAAU,iBAAiB,CAAC,EAAE,OAAO,EAA4B;IACrE,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAA;IACzB,MAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;IACjC,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;IACjC,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IAE3B,OAAO,CACL,eAAK,SAAS,EAAC,oCAAoC,aAChD,OAAO,IAAI,CACV,YACE,SAAS,EAAE,oDAAoD,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,YAAY,EAAE,YAEhH,OAAO,GACN,CACL,EACD,aAAI,SAAS,EAAC,iEAAiE,YAC5E,OAAO,IAAI,yBAAyB,GAClC,EACJ,IAAI,IAAI,CACP,YACE,SAAS,EAAE,+CAA+C,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,uBAAuB,EAAE,YAEtH,IAAI,GACH,CACL,EACD,eAAK,SAAS,EAAC,uDAAuD,aACpE,KAAC,aAAa,IACZ,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,oBAAoB,CAAC,EACnC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,kBAAkB,CAAC,EAChC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GACjC,EACF,KAAC,aAAa,IACZ,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,sBAAsB,CAAC,EACrC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,oBAAoB,CAAC,EAClC,IAAI,EAAC,OAAO,GACZ,IACE,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/views/page-editor/sections/MissionSection.d.ts

@@ -0,0 +1,6 @@
+import type { PageSection } from '../../../lib/page-editor-service.js';
+/** Generic "Text Block" / mission statement section. */
+export declare function MissionSection({ section }: {
+    section: PageSection;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MissionSection.d.ts.map

package/dist/views/page-editor/sections/MissionSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissionSection.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/MissionSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAGtE,wDAAwD;AACxD,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,2CAmBnE"}

package/dist/views/page-editor/sections/MissionSection.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { str } from './parts.js';
+/** Generic "Text Block" / mission statement section. */
+export function MissionSection({ section }) {
+    const c = section.content;
+    const alignment = str(c, 'alignment', 'center');
+    const align = alignment === 'left' ? 'text-left' : 'text-center mx-auto';
+    const heading = str(c, 'heading');
+    const body = str(c, 'body');
+    return (_jsxs("div", { className: `max-w-3xl px-6 ${align}`, children: [heading && (_jsx("h2", { className: "text-foreground text-2xl font-semibold tracking-tight sm:text-3xl", children: heading })), body && (_jsx("p", { className: "text-muted-foreground mt-4 text-base leading-relaxed sm:text-lg", children: body }))] }));
+}
+//# sourceMappingURL=MissionSection.js.map

package/dist/views/page-editor/sections/MissionSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissionSection.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/MissionSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAEhC,wDAAwD;AACxD,MAAM,UAAU,cAAc,CAAC,EAAE,OAAO,EAA4B;IAClE,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAA;IACzB,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAA;IAC/C,MAAM,KAAK,GAAG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,qBAAqB,CAAA;IACxE,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;IACjC,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IAE3B,OAAO,CACL,eAAK,SAAS,EAAE,kBAAkB,KAAK,EAAE,aACtC,OAAO,IAAI,CACV,aAAI,SAAS,EAAC,mEAAmE,YAC9E,OAAO,GACL,CACN,EACA,IAAI,IAAI,CACP,YAAG,SAAS,EAAC,iEAAiE,YAAE,IAAI,GAAK,CAC1F,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/views/page-editor/sections/PullQuoteSection.d.ts

@@ -0,0 +1,6 @@
+import type { PageSection } from '../../../lib/page-editor-service.js';
+/** A highlighted pull quote with optional attribution. */
+export declare function PullQuoteSection({ section }: {
+    section: PageSection;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PullQuoteSection.d.ts.map

package/dist/views/page-editor/sections/PullQuoteSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullQuoteSection.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/PullQuoteSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAGtE,0DAA0D;AAC1D,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,kDAsBrE"}

package/dist/views/page-editor/sections/PullQuoteSection.js

@@ -0,0 +1,13 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { str } from './parts.js';
+/** A highlighted pull quote with optional attribution. */
+export function PullQuoteSection({ section }) {
+    const c = section.content;
+    const quote = str(c, 'quote');
+    const attribution = str(c, 'attribution');
+    const role = str(c, 'role');
+    if (!quote)
+        return null;
+    return (_jsxs("figure", { className: "mx-auto max-w-3xl px-6", children: [_jsx("blockquote", { className: "border-brand border-l-4 pl-6", children: _jsxs("p", { className: "text-foreground text-xl leading-relaxed font-medium sm:text-2xl", children: ["\u201C", quote, "\u201D"] }) }), (attribution || role) && (_jsxs("figcaption", { className: "text-muted-foreground mt-3 pl-6 text-sm", children: [attribution && _jsx("span", { className: "text-foreground font-medium", children: attribution }), attribution && role && _jsx("span", { "aria-hidden": true, children: " \u00B7 " }), role] }))] }));
+}
+//# sourceMappingURL=PullQuoteSection.js.map

package/dist/views/page-editor/sections/PullQuoteSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullQuoteSection.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/PullQuoteSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAEhC,0DAA0D;AAC1D,MAAM,UAAU,gBAAgB,CAAC,EAAE,OAAO,EAA4B;IACpE,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAA;IACzB,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;IAC7B,MAAM,WAAW,GAAG,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;IACzC,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IAE3B,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IAEvB,OAAO,CACL,kBAAQ,SAAS,EAAC,wBAAwB,aACxC,qBAAY,SAAS,EAAC,8BAA8B,YAClD,aAAG,SAAS,EAAC,iEAAiE,uBAAG,KAAK,cAAM,GACjF,EACZ,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CACxB,sBAAY,SAAS,EAAC,yCAAyC,aAC5D,WAAW,IAAI,eAAM,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAQ,EACjF,WAAW,IAAI,IAAI,IAAI,2DAA4B,EACnD,IAAI,IACM,CACd,IACM,CACV,CAAA;AACH,CAAC"}

package/dist/views/page-editor/sections/RelatedPostsSection.d.ts

@@ -0,0 +1,12 @@
+import type { PageSection } from '../../../lib/page-editor-service.js';
+import { type PostRenderContext } from './parts.js';
+/**
+ * A grid of related posts. Uses resolved posts from context when available;
+ * otherwise renders placeholder cards so the layout reads correctly in the
+ * editor before data is wired up.
+ */
+export declare function RelatedPostsSection({ section, context, }: {
+    section: PageSection;
+    context?: PostRenderContext;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RelatedPostsSection.d.ts.map

package/dist/views/page-editor/sections/RelatedPostsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelatedPostsSection.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/RelatedPostsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAO,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAExD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,OAAO,GACR,EAAE;IACD,OAAO,EAAE,WAAW,CAAA;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B,2CAwCA"}

package/dist/views/page-editor/sections/RelatedPostsSection.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { str } from './parts.js';
+/**
+ * A grid of related posts. Uses resolved posts from context when available;
+ * otherwise renders placeholder cards so the layout reads correctly in the
+ * editor before data is wired up.
+ */
+export function RelatedPostsSection({ section, context, }) {
+    const c = section.content;
+    const heading = str(c, 'heading', 'Related posts');
+    const count = Number.parseInt(str(c, 'count', '3'), 10) || 3;
+    const resolved = context?.relatedPosts ?? [];
+    const cards = resolved.length > 0
+        ? resolved.slice(0, count)
+        : Array.from({ length: count }, (_, i) => ({
+            title: `Related post ${i + 1}`,
+            excerpt: 'A short summary of the related post will appear here.',
+            url: undefined,
+        }));
+    const cols = count >= 4 ? 'sm:grid-cols-2 lg:grid-cols-4' : 'sm:grid-cols-3';
+    return (_jsxs("div", { className: "mx-auto max-w-5xl px-6", children: [heading && (_jsx("h2", { className: "text-foreground mb-6 text-2xl font-semibold tracking-tight", children: heading })), _jsx("div", { className: `grid grid-cols-1 gap-4 ${cols}`, children: cards.map((post, i) => (_jsxs("div", { className: "border-border bg-card overflow-hidden rounded-xl border shadow-sm", children: [_jsx("div", { className: "bg-muted aspect-[16/9]", "aria-hidden": true }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "text-foreground text-base font-medium", children: post.title }), post.excerpt && (_jsx("p", { className: "text-muted-foreground mt-1 line-clamp-2 text-sm", children: post.excerpt }))] })] }, i))) })] }));
+}
+//# sourceMappingURL=RelatedPostsSection.js.map

package/dist/views/page-editor/sections/RelatedPostsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelatedPostsSection.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/RelatedPostsSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAA0B,MAAM,YAAY,CAAA;AAExD;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,OAAO,EACP,OAAO,GAIR;IACC,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAA;IACzB,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,eAAe,CAAC,CAAA;IAClD,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAA;IAE5D,MAAM,QAAQ,GAAG,OAAO,EAAE,YAAY,IAAI,EAAE,CAAA;IAC5C,MAAM,KAAK,GACT,QAAQ,CAAC,MAAM,GAAG,CAAC;QACjB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC;QAC1B,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;YACvC,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE;YAC9B,OAAO,EAAE,uDAAuD;YAChE,GAAG,EAAE,SAA+B;SACrC,CAAC,CAAC,CAAA;IAET,MAAM,IAAI,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,gBAAgB,CAAA;IAE5E,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACpC,OAAO,IAAI,CACV,aAAI,SAAS,EAAC,4DAA4D,YAAE,OAAO,GAAM,CAC1F,EACD,cAAK,SAAS,EAAE,0BAA0B,IAAI,EAAE,YAC7C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAEE,SAAS,EAAC,mEAAmE,aAE7E,cAAK,SAAS,EAAC,wBAAwB,wBAAe,EACtD,eAAK,SAAS,EAAC,KAAK,aAClB,YAAG,SAAS,EAAC,uCAAuC,YAAE,IAAI,CAAC,KAAK,GAAK,EACpE,IAAI,CAAC,OAAO,IAAI,CACf,YAAG,SAAS,EAAC,iDAAiD,YAAE,IAAI,CAAC,OAAO,GAAK,CAClF,IACG,KATD,CAAC,CAUF,CACP,CAAC,GACE,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/views/page-editor/sections/SectionRenderer.d.ts

@@ -0,0 +1,24 @@
+import type { PageSection } from '../../../lib/page-editor-service.js';
+import { type PostRenderContext } from './parts.js';
+/** True when the canvas renders this type for real (not as a placeholder). */
+export declare function hasCanvasRenderer(sectionType: string): boolean;
+export interface SectionRendererProps {
+    section: PageSection;
+    /** Editor mode: adds click-to-select, the selection outline + label, and
+     *  renders hidden sections muted instead of removing them. */
+    editable?: boolean;
+    selected?: boolean;
+    onSelect?: (id: string) => void;
+    /** Lets the canvas register the DOM node for scroll-to-section. */
+    registerRef?: (id: string, el: HTMLElement | null) => void;
+    /** Live post data for post-oriented section renderers (pages omit this). */
+    context?: PostRenderContext;
+}
+/**
+ * Renders one section with its background + padding, dispatching to the
+ * shared body component. In `editable` mode it layers editor-only chrome
+ * (outline + a small purple type label) on top of the same markup the
+ * public preview uses — so what you edit is what ships.
+ */
+export declare function SectionRenderer({ section, editable, selected, onSelect, registerRef, context, }: SectionRendererProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SectionRenderer.d.ts.map

package/dist/views/page-editor/sections/SectionRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionRenderer.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/SectionRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAItE,OAAO,EAAiC,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAmClF,8EAA8E;AAC9E,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAE9D;AAgFD,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,WAAW,CAAA;IACpB;kEAC8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,mEAAmE;IACnE,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC1D,4EAA4E;IAC5E,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,WAAW,EACX,OAAO,GACR,EAAE,oBAAoB,2CAgCtB"}

package/dist/views/page-editor/sections/SectionRenderer.js

@@ -0,0 +1,116 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Puzzle } from 'lucide-react';
+import { ErrorBoundary } from '../../../components/ErrorBoundary.js';
+import { getSectionType } from '../section-types.js';
+import { ADMIN_RENDER_OPTIONS, useAdminSectionRenderers } from './admin-renderers.js';
+import { backgroundClass, paddingClass } from './parts.js';
+import { HeroBannerSection } from './HeroBannerSection.js';
+import { MissionSection } from './MissionSection.js';
+import { FeatureHighlightSection } from './FeatureHighlightSection.js';
+import { ByTheNumbersSection } from './ByTheNumbersSection.js';
+import { CtaBannerSection } from './CtaBannerSection.js';
+import { ArticleBodySection } from './ArticleBodySection.js';
+import { PullQuoteSection } from './PullQuoteSection.js';
+import { AuthorBioSection } from './AuthorBioSection.js';
+import { RelatedPostsSection } from './RelatedPostsSection.js';
+import { GallerySection } from './GallerySection.js';
+import { EmbedSection } from './EmbedSection.js';
+import { WidgetEmbedSection } from './WidgetEmbedSection.js';
+/**
+ * Section types with a real canvas body component below. Anything else —
+ * config-declared custom types (`opal-*`), unmanaged sections, and the
+ * `form` embed — renders as a structural placeholder, so the editors use
+ * this set to tell authors the canvas shows structure, not design.
+ */
+const CANVAS_RENDERED_TYPES = new Set([
+    'hero',
+    'text',
+    'feature',
+    'stats',
+    'cta',
+    'article-body',
+    'quote',
+    'author-bio',
+    'related-posts',
+    'gallery',
+    'embed',
+    'widget-embed',
+]);
+/** True when the canvas renders this type for real (not as a placeholder). */
+export function hasCanvasRenderer(sectionType) {
+    return CANVAS_RENDERED_TYPES.has(sectionType);
+}
+/** Dispatch a section's body component by type. Shared by editor + preview. */
+function SectionBody({ section, context }) {
+    const customRenderers = useAdminSectionRenderers();
+    switch (section.sectionType) {
+        case 'hero':
+            return _jsx(HeroBannerSection, { section: section });
+        case 'text':
+            return _jsx(MissionSection, { section: section });
+        case 'feature':
+            return _jsx(FeatureHighlightSection, { section: section });
+        case 'stats':
+            return _jsx(ByTheNumbersSection, { section: section });
+        case 'cta':
+            return _jsx(CtaBannerSection, { section: section });
+        case 'article-body':
+            return _jsx(ArticleBodySection, { section: section, context: context });
+        case 'quote':
+            return _jsx(PullQuoteSection, { section: section });
+        case 'author-bio':
+            return _jsx(AuthorBioSection, { section: section, context: context });
+        case 'related-posts':
+            return _jsx(RelatedPostsSection, { section: section, context: context });
+        case 'gallery':
+            return _jsx(GallerySection, { section: section });
+        case 'embed':
+            return _jsx(EmbedSection, { section: section });
+        case 'widget-embed':
+            return _jsx(WidgetEmbedSection, { section: section });
+        default: {
+            // Custom (config-declared) and unmanaged types: use a consumer-supplied
+            // canvas renderer when one is registered (see admin-renderers.tsx).
+            // Consumer code can throw, so a per-section error boundary falls back
+            // to the structural placeholder instead of taking down the editor.
+            const Custom = customRenderers[section.sectionType];
+            if (Custom) {
+                // The renderer contract types `settings` as an open record (matching
+                // the sections-react wire shape); the admin's concrete
+                // `SectionSettings` interface is the same object at runtime but has
+                // no index signature, so bridge the nominal gap here.
+                const wireSection = {
+                    ...section,
+                    settings: { ...section.settings },
+                };
+                // Rendered as a component (not invoked inline) so a throw happens
+                // inside the boundary's subtree and is actually caught.
+                return (_jsx(ErrorBoundary, { fallback: _jsx(PlaceholderSection, { section: section }), children: _jsx(Custom, { section: wireSection, ctx: context, options: ADMIN_RENDER_OPTIONS }) }, section.id));
+            }
+            // No renderer registered: a neutral placeholder keeps the canvas
+            // reflecting the section's presence + order instead of a blank gap.
+            return _jsx(PlaceholderSection, { section: section });
+        }
+    }
+}
+/** Fallback canvas card for section types without a built-in renderer. */
+function PlaceholderSection({ section }) {
+    const def = getSectionType(section.sectionType);
+    const label = def?.name ?? section.name;
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 px-6 py-12 text-center", children: [_jsx("span", { className: "bg-muted text-muted-foreground flex h-10 w-10 items-center justify-center rounded-lg", children: _jsx(Puzzle, { className: "h-5 w-5", "aria-hidden": true }) }), _jsx("p", { className: "text-foreground text-sm font-medium", children: label }), _jsx("p", { className: "text-muted-foreground text-xs", children: section.unmanaged
+                    ? `Managed outside the editor (${section.sectionType}) — preview not available here.`
+                    : `Custom section "${section.sectionType}" — rendered by your site's renderer.` })] }));
+}
+/**
+ * Renders one section with its background + padding, dispatching to the
+ * shared body component. In `editable` mode it layers editor-only chrome
+ * (outline + a small purple type label) on top of the same markup the
+ * public preview uses — so what you edit is what ships.
+ */
+export function SectionRenderer({ section, editable = false, selected = false, onSelect, registerRef, context, }) {
+    const settings = section.settings ?? {};
+    const hidden = editable && !section.visible;
+    return (_jsxs("section", { ref: (el) => registerRef?.(section.id, el), "data-section-id": section.id, id: settings.anchorId || undefined, className: `relative ${backgroundClass(settings)} ${paddingClass(settings)} ${settings.cssClass ?? ''} ${hidden ? 'opacity-40' : ''} ${editable ? 'cursor-pointer outline-2 -outline-offset-2 transition-[outline]' : ''} ${selected ? 'outline outline-violet-500' : 'outline-transparent'}`, onClick: editable ? () => onSelect?.(section.id) : undefined, "aria-label": editable ? `${section.name} section` : undefined, children: [editable && selected && (_jsx("span", { className: "bg-brand pointer-events-none absolute top-0 left-0 z-10 rounded-br-md px-2 py-0.5 text-xs font-medium text-white", children: section.name })), editable && hidden && (_jsx("span", { className: "bg-foreground pointer-events-none absolute top-0 right-0 z-10 rounded-bl-md px-2 py-0.5 text-xs font-medium text-white", children: "Hidden" })), _jsx(SectionBody, { section: section, context: context })] }));
+}
+//# sourceMappingURL=SectionRenderer.js.map

package/dist/views/page-editor/sections/SectionRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionRenderer.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/SectionRenderer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAA;AACrF,OAAO,EAAE,eAAe,EAAE,YAAY,EAA0B,MAAM,YAAY,CAAA;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D;;;;;GAKG;AACH,MAAM,qBAAqB,GAAwB,IAAI,GAAG,CAAC;IACzD,MAAM;IACN,MAAM;IACN,SAAS;IACT,OAAO;IACP,KAAK;IACL,cAAc;IACd,OAAO;IACP,YAAY;IACZ,eAAe;IACf,SAAS;IACT,OAAO;IACP,cAAc;CACf,CAAC,CAAA;AAEF,8EAA8E;AAC9E,MAAM,UAAU,iBAAiB,CAAC,WAAmB;IACnD,OAAO,qBAAqB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;AAC/C,CAAC;AAED,+EAA+E;AAC/E,SAAS,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAyD;IAC9F,MAAM,eAAe,GAAG,wBAAwB,EAAE,CAAA;IAElD,QAAQ,OAAO,CAAC,WAAW,EAAE,CAAC;QAC5B,KAAK,MAAM;YACT,OAAO,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAA;QAChD,KAAK,MAAM;YACT,OAAO,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,GAAI,CAAA;QAC7C,KAAK,SAAS;YACZ,OAAO,KAAC,uBAAuB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAA;QACtD,KAAK,OAAO;YACV,OAAO,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAA;QAClD,KAAK,KAAK;YACR,OAAO,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAA;QAC/C,KAAK,cAAc;YACjB,OAAO,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;QACnE,KAAK,OAAO;YACV,OAAO,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAA;QAC/C,KAAK,YAAY;YACf,OAAO,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;QACjE,KAAK,eAAe;YAClB,OAAO,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;QACpE,KAAK,SAAS;YACZ,OAAO,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,GAAI,CAAA;QAC7C,KAAK,OAAO;YACV,OAAO,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,CAAA;QAC3C,KAAK,cAAc;YACjB,OAAO,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAA;QACjD,OAAO,CAAC,CAAC,CAAC;YACR,wEAAwE;YACxE,oEAAoE;YACpE,sEAAsE;YACtE,mEAAmE;YACnE,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;YACnD,IAAI,MAAM,EAAE,CAAC;gBACX,qEAAqE;gBACrE,uDAAuD;gBACvD,oEAAoE;gBACpE,sDAAsD;gBACtD,MAAM,WAAW,GAAG;oBAClB,GAAG,OAAO;oBACV,QAAQ,EAAE,EAAE,GAAG,OAAO,CAAC,QAAQ,EAA6B;iBAC7D,CAAA;gBACD,kEAAkE;gBAClE,wDAAwD;gBACxD,OAAO,CACL,KAAC,aAAa,IAAkB,QAAQ,EAAE,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,GAAI,YAChF,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,oBAAoB,GAAI,IAD3D,OAAO,CAAC,EAAE,CAEd,CACjB,CAAA;YACH,CAAC;YACD,iEAAiE;YACjE,oEAAoE;YACpE,OAAO,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAA;QACjD,CAAC;IACH,CAAC;AACH,CAAC;AAED,0EAA0E;AAC1E,SAAS,kBAAkB,CAAC,EAAE,OAAO,EAA4B;IAC/D,MAAM,GAAG,GAAG,cAAc,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;IAC/C,MAAM,KAAK,GAAG,GAAG,EAAE,IAAI,IAAI,OAAO,CAAC,IAAI,CAAA;IACvC,OAAO,CACL,eAAK,SAAS,EAAC,wEAAwE,aACrF,eAAM,SAAS,EAAC,sFAAsF,YACpG,KAAC,MAAM,IAAC,SAAS,EAAC,SAAS,wBAAe,GACrC,EACP,YAAG,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAK,EAC9D,YAAG,SAAS,EAAC,+BAA+B,YACzC,OAAO,CAAC,SAAS;oBAChB,CAAC,CAAC,+BAA+B,OAAO,CAAC,WAAW,iCAAiC;oBACrF,CAAC,CAAC,mBAAmB,OAAO,CAAC,WAAW,uCAAuC,GAC/E,IACA,CACP,CAAA;AACH,CAAC;AAeD;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,WAAW,EACX,OAAO,GACc;IACrB,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAA;IACvC,MAAM,MAAM,GAAG,QAAQ,IAAI,CAAC,OAAO,CAAC,OAAO,CAAA;IAE3C,OAAO,CACL,mBACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC,qBACzB,OAAO,CAAC,EAAE,EAC3B,EAAE,EAAE,QAAQ,CAAC,QAAQ,IAAI,SAAS,EAClC,SAAS,EAAE,YAAY,eAAe,CAAC,QAAQ,CAAC,IAAI,YAAY,CAAC,QAAQ,CAAC,IACxE,QAAQ,CAAC,QAAQ,IAAI,EACvB,IAAI,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAC5B,QAAQ,CAAC,CAAC,CAAC,iEAAiE,CAAC,CAAC,CAAC,EACjF,IAAI,QAAQ,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,qBAAqB,EAAE,EACrE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,gBAGhD,QAAQ,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,SAAS,aAE3D,QAAQ,IAAI,QAAQ,IAAI,CACvB,eAAM,SAAS,EAAC,kHAAkH,YAC/H,OAAO,CAAC,IAAI,GACR,CACR,EACA,QAAQ,IAAI,MAAM,IAAI,CACrB,eAAM,SAAS,EAAC,wHAAwH,uBAEjI,CACR,EACD,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,IAC3C,CACX,CAAA;AACH,CAAC"}

package/dist/views/page-editor/sections/WidgetEmbedSection.d.ts

@@ -0,0 +1,9 @@
+import type { PageSection } from '../../../lib/page-editor-service.js';
+/**
+ * Canvas body for the `widget-embed` section. Shows a reserved-height placeholder
+ * instead of loading third-party scripts inside the editor.
+ */
+export declare function WidgetEmbedSection({ section }: {
+    section: PageSection;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WidgetEmbedSection.d.ts.map

package/dist/views/page-editor/sections/WidgetEmbedSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetEmbedSection.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/WidgetEmbedSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAGtE;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,2CAsBvE"}

package/dist/views/page-editor/sections/WidgetEmbedSection.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Puzzle } from 'lucide-react';
+import { parseWidgetEmbed, WIDGET_PROVIDER_LABEL } from '@prenta/core/page-sections';
+import { str } from './parts.js';
+/**
+ * Canvas body for the `widget-embed` section. Shows a reserved-height placeholder
+ * instead of loading third-party scripts inside the editor.
+ */
+export function WidgetEmbedSection({ section }) {
+    const c = section.content;
+    const parsed = parseWidgetEmbed(c);
+    const title = str(c, 'title');
+    const minHeight = parsed?.minHeightPx ?? 280;
+    return (_jsx("section", { className: "mx-auto max-w-3xl px-6", "aria-label": title || 'Third-party widget', children: _jsxs("div", { className: "bg-muted text-muted-foreground relative flex w-full flex-col items-center justify-center gap-2 overflow-hidden rounded-xl", style: { minHeight: `${minHeight}px` }, children: [_jsx(Puzzle, { className: "h-8 w-8", "aria-hidden": true }), _jsx("p", { className: "text-foreground text-sm font-medium", children: parsed
+                        ? `${WIDGET_PROVIDER_LABEL[parsed.provider]} widget`
+                        : 'Configure widget provider + ids' }), title && _jsx("p", { className: "text-muted-foreground px-4 text-center text-xs", children: title })] }) }));
+}
+//# sourceMappingURL=WidgetEmbedSection.js.map

package/dist/views/page-editor/sections/WidgetEmbedSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetEmbedSection.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/WidgetEmbedSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAEpF,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAEhC;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAE,OAAO,EAA4B;IACtE,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAA;IACzB,MAAM,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAClC,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;IAC7B,MAAM,SAAS,GAAG,MAAM,EAAE,WAAW,IAAI,GAAG,CAAA;IAE5C,OAAO,CACL,kBAAS,SAAS,EAAC,wBAAwB,gBAAa,KAAK,IAAI,oBAAoB,YACnF,eACE,SAAS,EAAC,2HAA2H,EACrI,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,aAEtC,KAAC,MAAM,IAAC,SAAS,EAAC,SAAS,wBAAe,EAC1C,YAAG,SAAS,EAAC,qCAAqC,YAC/C,MAAM;wBACL,CAAC,CAAC,GAAG,qBAAqB,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS;wBACpD,CAAC,CAAC,iCAAiC,GACnC,EACH,KAAK,IAAI,YAAG,SAAS,EAAC,gDAAgD,YAAE,KAAK,GAAK,IAC/E,GACE,CACX,CAAA;AACH,CAAC"}

package/dist/views/page-editor/sections/admin-renderers.d.ts

@@ -0,0 +1,87 @@
+/**
+ * Pluggable canvas renderers for custom section types.
+ *
+ * By default the editor canvas renders custom (config-declared) and unmanaged
+ * section types as structural placeholders. Projects that want a real design
+ * preview inside the admin can pass renderers to `<AdminRoot
+ * sectionRenderers={...}>`; the canvas and the eye preview then use them in
+ * place of the placeholder.
+ *
+ * The renderer signature is a structural mirror of `SectionRenderer` from
+ * `@prenta/sections-react` (cms-admin depends on cms-core only, so the
+ * type is duplicated rather than imported). Because the shapes match, a
+ * consumer can hand `AdminRoot` the exact same components it registers for
+ * the public site:
+ *
+ * ```tsx
+ * import { OPAL_RENDERERS } from './sections' // SectionRendererMap
+ * <AdminRoot sectionRenderers={OPAL_RENDERERS} ... />
+ * ```
+ *
+ * Renderers run inside the admin bundle, so they must be client-safe (no
+ * server-only imports). Each one is wrapped in an error boundary — a throwing
+ * renderer falls back to the structural placeholder instead of taking down
+ * the editor.
+ */
+import { type ReactNode } from 'react';
+/** Structural mirror of `RenderImageProps` from `@prenta/sections-react`. */
+export interface AdminRenderImageProps {
+    src: string;
+    alt: string;
+    width?: number | null;
+    height?: number | null;
+    className?: string;
+    priority?: boolean;
+    sizes?: string;
+}
+/** Structural mirror of `PostContext` from `@prenta/sections-react`. */
+export interface AdminSectionPostContext {
+    title?: string;
+    excerpt?: string;
+    body?: string;
+    featuredImageUrl?: string;
+    publishDate?: string | null;
+    category?: string;
+    author?: {
+        name?: string;
+        bio?: string;
+        avatarUrl?: string;
+    };
+    relatedPosts?: Array<{
+        title: string;
+        url?: string;
+        excerpt?: string;
+    }>;
+}
+/** Props passed to an admin section renderer (mirrors `SectionRendererProps`). */
+export interface AdminSectionRendererProps {
+    section: {
+        id: string;
+        sectionType: string;
+        name?: string;
+        visible?: boolean;
+        content?: Record<string, unknown>;
+        settings?: Record<string, unknown>;
+    };
+    ctx?: AdminSectionPostContext;
+    options: {
+        sanitizeHtml: (html: string) => string;
+        baseUrl: string;
+        renderImage: (props: AdminRenderImageProps) => ReactNode;
+    };
+}
+/** A canvas renderer for one custom section type. */
+export type AdminSectionRenderer = (props: AdminSectionRendererProps) => ReactNode;
+/** Section-type id → canvas renderer. */
+export type AdminSectionRendererMap = Record<string, AdminSectionRenderer>;
+/**
+ * Render options passed to every admin renderer. Rich text is sanitized on
+ * write by cms-core, so the canvas (same trust domain as the public default)
+ * uses the identity sanitizer; images render as plain lazy `<img>` since the
+ * editor canvas has no next/image pipeline.
+ */
+export declare const ADMIN_RENDER_OPTIONS: AdminSectionRendererProps['options'];
+export declare const AdminSectionRenderersProvider: import("react").Provider<AdminSectionRendererMap>;
+/** The renderer map passed to `<AdminRoot sectionRenderers>` (empty by default). */
+export declare function useAdminSectionRenderers(): AdminSectionRendererMap;
+//# sourceMappingURL=admin-renderers.d.ts.map

package/dist/views/page-editor/sections/admin-renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-renderers.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/admin-renderers.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjE,6EAA6E;AAC7E,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wEAAwE;AACxE,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5D,YAAY,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACxE;AAED,kFAAkF;AAClF,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAA;QACV,WAAW,EAAE,MAAM,CAAA;QACnB,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;QACjC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KACnC,CAAA;IACD,GAAG,CAAC,EAAE,uBAAuB,CAAA;IAC7B,OAAO,EAAE;QACP,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;QACtC,OAAO,EAAE,MAAM,CAAA;QACf,WAAW,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAA;KACzD,CAAA;CACF;AAED,qDAAqD;AACrD,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAA;AAElF,yCAAyC;AACzC,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAA;AAE1E;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,EAAE,yBAAyB,CAAC,SAAS,CAarE,CAAA;AAID,eAAO,MAAM,6BAA6B,mDAAwC,CAAA;AAElF,oFAAoF;AACpF,wBAAgB,wBAAwB,IAAI,uBAAuB,CAElE"}

package/dist/views/page-editor/sections/admin-renderers.js

@@ -0,0 +1,46 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Pluggable canvas renderers for custom section types.
+ *
+ * By default the editor canvas renders custom (config-declared) and unmanaged
+ * section types as structural placeholders. Projects that want a real design
+ * preview inside the admin can pass renderers to `<AdminRoot
+ * sectionRenderers={...}>`; the canvas and the eye preview then use them in
+ * place of the placeholder.
+ *
+ * The renderer signature is a structural mirror of `SectionRenderer` from
+ * `@prenta/sections-react` (cms-admin depends on cms-core only, so the
+ * type is duplicated rather than imported). Because the shapes match, a
+ * consumer can hand `AdminRoot` the exact same components it registers for
+ * the public site:
+ *
+ * ```tsx
+ * import { OPAL_RENDERERS } from './sections' // SectionRendererMap
+ * <AdminRoot sectionRenderers={OPAL_RENDERERS} ... />
+ * ```
+ *
+ * Renderers run inside the admin bundle, so they must be client-safe (no
+ * server-only imports). Each one is wrapped in an error boundary — a throwing
+ * renderer falls back to the structural placeholder instead of taking down
+ * the editor.
+ */
+import { createContext, useContext } from 'react';
+/**
+ * Render options passed to every admin renderer. Rich text is sanitized on
+ * write by cms-core, so the canvas (same trust domain as the public default)
+ * uses the identity sanitizer; images render as plain lazy `<img>` since the
+ * editor canvas has no next/image pipeline.
+ */
+export const ADMIN_RENDER_OPTIONS = {
+    sanitizeHtml: (html) => html,
+    baseUrl: '',
+    renderImage: ({ src, alt, className, priority, width, height }) => (_jsx("img", { src: src, alt: alt, className: className, width: width ?? undefined, height: height ?? undefined, loading: priority ? undefined : 'lazy' })),
+};
+const AdminSectionRenderersContext = createContext({});
+export const AdminSectionRenderersProvider = AdminSectionRenderersContext.Provider;
+/** The renderer map passed to `<AdminRoot sectionRenderers>` (empty by default). */
+export function useAdminSectionRenderers() {
+    return useContext(AdminSectionRenderersContext);
+}
+//# sourceMappingURL=admin-renderers.js.map

package/dist/views/page-editor/sections/admin-renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-renderers.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/admin-renderers.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAA;AAiDjE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAyC;IACxE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI;IAC5B,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACjE,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,MAAM,EAAE,MAAM,IAAI,SAAS,EAC3B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GACtC,CACH;CACF,CAAA;AAED,MAAM,4BAA4B,GAAG,aAAa,CAA0B,EAAE,CAAC,CAAA;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAAG,4BAA4B,CAAC,QAAQ,CAAA;AAElF,oFAAoF;AACpF,MAAM,UAAU,wBAAwB;IACtC,OAAO,UAAU,CAAC,4BAA4B,CAAC,CAAA;AACjD,CAAC"}

package/dist/views/page-editor/sections/index.d.ts

@@ -0,0 +1,16 @@
+export { SectionRenderer, hasCanvasRenderer } from './SectionRenderer.js';
+export type { SectionRendererProps } from './SectionRenderer.js';
+export { AdminSectionRenderersProvider, useAdminSectionRenderers, ADMIN_RENDER_OPTIONS, } from './admin-renderers.js';
+export type { AdminSectionRenderer, AdminSectionRendererMap, AdminSectionRendererProps, AdminSectionPostContext, AdminRenderImageProps, } from './admin-renderers.js';
+export type { PostRenderContext } from './parts.js';
+export { HeroBannerSection } from './HeroBannerSection.js';
+export { MissionSection } from './MissionSection.js';
+export { FeatureHighlightSection } from './FeatureHighlightSection.js';
+export { ByTheNumbersSection } from './ByTheNumbersSection.js';
+export { CtaBannerSection } from './CtaBannerSection.js';
+export { ArticleBodySection } from './ArticleBodySection.js';
+export { PullQuoteSection } from './PullQuoteSection.js';
+export { AuthorBioSection } from './AuthorBioSection.js';
+export { RelatedPostsSection } from './RelatedPostsSection.js';
+export { GallerySection } from './GallerySection.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/views/page-editor/sections/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACzE,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EACL,6BAA6B,EAC7B,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,sBAAsB,CAAA;AAC7B,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,yBAAyB,EACzB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,sBAAsB,CAAA;AAC7B,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/views/page-editor/sections/index.js

@@ -0,0 +1,13 @@
+export { SectionRenderer, hasCanvasRenderer } from './SectionRenderer.js';
+export { AdminSectionRenderersProvider, useAdminSectionRenderers, ADMIN_RENDER_OPTIONS, } from './admin-renderers.js';
+export { HeroBannerSection } from './HeroBannerSection.js';
+export { MissionSection } from './MissionSection.js';
+export { FeatureHighlightSection } from './FeatureHighlightSection.js';
+export { ByTheNumbersSection } from './ByTheNumbersSection.js';
+export { CtaBannerSection } from './CtaBannerSection.js';
+export { ArticleBodySection } from './ArticleBodySection.js';
+export { PullQuoteSection } from './PullQuoteSection.js';
+export { AuthorBioSection } from './AuthorBioSection.js';
+export { RelatedPostsSection } from './RelatedPostsSection.js';
+export { GallerySection } from './GallerySection.js';
+//# sourceMappingURL=index.js.map

package/dist/views/page-editor/sections/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAEzE,OAAO,EACL,6BAA6B,EAC7B,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,sBAAsB,CAAA;AAS7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/views/page-editor/sections/parts.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Shared building blocks for the section renderers.
+ *
+ * NOTE ON STYLING: the components under `sections/` render the consumer's
+ * *public website* content (purple hero, white prose bands, etc.), not the
+ * admin chrome. They therefore use a small, fixed website palette (violet
+ * for primary, zinc for neutrals) instead of the admin theme tokens. This
+ * is deliberate and scoped to this folder so the preview looks like a real
+ * page; the surrounding editor UI still uses the admin design tokens.
+ */
+import type { SectionSettings } from '../section-types.js';
+/**
+ * Live post data passed to the post-oriented section renderers
+ * (article body, author bio, related posts). Pages never supply this, so
+ * every consumer treats it as optional and falls back to placeholder copy.
+ */
+export interface PostRenderContext {
+    title?: string;
+    excerpt?: string;
+    /** the post's main body copy (rendered by the Article Body section) */
+    body?: string;
+    featuredImageUrl?: string;
+    publishDate?: string | null;
+    category?: string;
+    author?: {
+        name?: string;
+        bio?: string;
+        avatarUrl?: string;
+    };
+    /** resolved related posts for the Related Posts section */
+    relatedPosts?: Array<{
+        title: string;
+        url?: string;
+        excerpt?: string;
+    }>;
+}
+export declare function str(content: Record<string, unknown>, key: string, fallback?: string): string;
+export declare function bool(content: Record<string, unknown>, key: string, fallback?: boolean): boolean;
+/** Vertical padding scale for a section. */
+export declare function paddingClass(settings: SectionSettings): string;
+/** Returns true when the section background is the dark/purple treatment. */
+export declare function isDarkBackground(settings: SectionSettings): boolean;
+/** Background utility classes derived from settings. */
+export declare function backgroundClass(settings: SectionSettings): string;
+/**
+ * Preview-only button. `tone="onDark"` renders the white-on-purple button
+ * from the screenshot; `tone="primary"` renders a solid violet button for
+ * light backgrounds.
+ */
+export declare function PreviewButton({ label, href, tone, }: {
+    label: string;
+    href?: string;
+    tone?: 'primary' | 'onDark' | 'ghost';
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=parts.d.ts.map

package/dist/views/page-editor/sections/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/parts.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5D,2DAA2D;IAC3D,YAAY,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACxE;AAED,wBAAgB,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,SAAK,GAAG,MAAM,CAGxF;AAED,wBAAgB,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,UAAQ,GAAG,OAAO,CAG7F;AAED,4CAA4C;AAC5C,wBAAgB,YAAY,CAAC,QAAQ,EAAE,eAAe,GAAG,MAAM,CAY9D;AAED,6EAA6E;AAC7E,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,eAAe,GAAG,OAAO,CAKnE;AAED,wDAAwD;AACxD,wBAAgB,eAAe,CAAC,QAAQ,EAAE,eAAe,GAAG,MAAM,CAWjE;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,IAAgB,GACjB,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;CACtC,kDAsBA"}