@prenta/admin 0.92.0

package/dist/views/page-editor/SitePreviewFrame.js

@@ -0,0 +1,135 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { Loader2 } from 'lucide-react';
+import { canvasOriginFromSrc, isPreviewBridgeMessage, isPreviewEditMessage, isPreviewRequestMediaMessage, PREVIEW_BRIDGE_VERSION, PREVIEW_SECTIONS_DEBOUNCE_MS, toPreviewSectionPayload, } from '../../lib/preview-bridge.js';
+import { getViewport } from './viewports.js';
+/**
+ * Inline branded preview surface — Next builder route in an iframe at the
+ * selected viewport's *true* CSS width, CSS-`transform: scale()`'d to fit
+ * (never crop). Stage 3: mode / edit / request-media + suppress-echo for
+ * canvas-originated text edits.
+ */
+export function SitePreviewFrame({ src, viewport, reloadKey, title = 'Site preview', selectedId = null, sections, suppressSectionsEcho = 0, onSelectSection, onCanvasEdit, onCanvasRequestMedia, }) {
+    const vp = getViewport(viewport);
+    const containerRef = useRef(null);
+    const iframeRef = useRef(null);
+    const [scale, setScale] = useState(1);
+    const [frameHeight, setFrameHeight] = useState(600);
+    const [loaded, setLoaded] = useState(false);
+    const [canvasReady, setCanvasReady] = useState(false);
+    const canvasOrigin = canvasOriginFromSrc(src);
+    const lastSuppressRef = useRef(suppressSectionsEcho);
+    useLayoutEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const recompute = () => {
+            const availableW = container.clientWidth - 48;
+            const availableH = container.clientHeight - 48;
+            const next = Math.min(1, availableW / vp.width);
+            setScale(next > 0 ? next : 1);
+            setFrameHeight(availableH > 0 ? availableH : 600);
+        };
+        recompute();
+        const ro = new ResizeObserver(recompute);
+        ro.observe(container);
+        return () => ro.disconnect();
+    }, [vp.width]);
+    useEffect(() => {
+        setLoaded(false);
+        setCanvasReady(false);
+    }, [src, reloadKey]);
+    // Canvas → admin: ready handshake + select + edit + request-media.
+    useEffect(() => {
+        if (!canvasOrigin)
+            return;
+        const onMessage = (event) => {
+            if (event.origin !== canvasOrigin)
+                return;
+            if (!isPreviewBridgeMessage(event.data))
+                return;
+            if (event.data.type === 'prenta-preview:ready') {
+                setCanvasReady(true);
+                return;
+            }
+            if (event.data.type === 'prenta-preview:select' && onSelectSection) {
+                onSelectSection(event.data.sectionId, event.data.fieldPath);
+                return;
+            }
+            if (isPreviewEditMessage(event.data) && onCanvasEdit) {
+                onCanvasEdit({
+                    sectionId: event.data.sectionId,
+                    fieldPath: event.data.fieldPath,
+                    value: event.data.value,
+                });
+                return;
+            }
+            if (isPreviewRequestMediaMessage(event.data) && onCanvasRequestMedia) {
+                onCanvasRequestMedia({
+                    sectionId: event.data.sectionId,
+                    fieldPath: event.data.fieldPath,
+                });
+            }
+        };
+        window.addEventListener('message', onMessage);
+        return () => window.removeEventListener('message', onMessage);
+    }, [canvasOrigin, onSelectSection, onCanvasEdit, onCanvasRequestMedia]);
+    // Admin → canvas: enable inline editing once the canvas is ready.
+    useEffect(() => {
+        if (!canvasOrigin || !loaded || !canvasReady)
+            return;
+        const win = iframeRef.current?.contentWindow;
+        if (!win)
+            return;
+        const msg = {
+            type: 'prenta-preview:mode',
+            v: PREVIEW_BRIDGE_VERSION,
+            editing: true,
+        };
+        win.postMessage(msg, canvasOrigin);
+    }, [canvasOrigin, loaded, canvasReady, reloadKey]);
+    // Admin → canvas: highlight the selected section.
+    useEffect(() => {
+        if (!canvasOrigin || !loaded || !canvasReady)
+            return;
+        const win = iframeRef.current?.contentWindow;
+        if (!win)
+            return;
+        const msg = {
+            type: 'prenta-preview:highlight',
+            v: PREVIEW_BRIDGE_VERSION,
+            sectionId: selectedId,
+        };
+        win.postMessage(msg, canvasOrigin);
+    }, [canvasOrigin, selectedId, loaded, canvasReady, reloadKey]);
+    // Admin → canvas: live section content (debounced). Skip one cycle after
+    // canvas-originated text edits so contenteditable does not remount.
+    useEffect(() => {
+        if (!canvasOrigin || !loaded || !canvasReady || !sections)
+            return;
+        if (suppressSectionsEcho !== lastSuppressRef.current) {
+            lastSuppressRef.current = suppressSectionsEcho;
+            return;
+        }
+        const win = iframeRef.current?.contentWindow;
+        if (!win)
+            return;
+        const timer = window.setTimeout(() => {
+            const msg = {
+                type: 'prenta-preview:sections',
+                v: PREVIEW_BRIDGE_VERSION,
+                sections: sections.map(toPreviewSectionPayload),
+            };
+            win.postMessage(msg, canvasOrigin);
+        }, PREVIEW_SECTIONS_DEBOUNCE_MS);
+        return () => window.clearTimeout(timer);
+    }, [canvasOrigin, loaded, canvasReady, sections, reloadKey, suppressSectionsEcho]);
+    return (_jsxs("div", { ref: containerRef, className: "bg-muted relative h-full overflow-hidden p-6", children: [(!src || !loaded) && (_jsxs("div", { className: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-2", "aria-live": "polite", children: [_jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin", "aria-hidden": true }), _jsx("span", { className: "text-muted-foreground text-sm", children: "Loading site preview\u2026" })] })), src && (_jsx("div", { className: "mx-auto", style: { width: vp.width * scale, height: frameHeight }, children: _jsx("iframe", { ref: iframeRef, src: src, title: title, onLoad: () => setLoaded(true), className: "border-border bg-card rounded-xl border shadow-sm", style: {
+                        width: vp.width,
+                        height: frameHeight / scale,
+                        transform: `scale(${scale})`,
+                        transformOrigin: 'top left',
+                    } }, reloadKey) }))] }));
+}
+//# sourceMappingURL=SitePreviewFrame.js.map

package/dist/views/page-editor/SitePreviewFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SitePreviewFrame.js","sourceRoot":"","sources":["../../../src/views/page-editor/SitePreviewFrame.tsx"],"names":[],"mappings":"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"}

package/dist/views/page-editor/StructureNotice.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Banner shown above the canvas surface when the document contains section
+ * types the canvas can only render as placeholders (custom / unmanaged
+ * types), or when Site preview is available for accurate styling.
+ */
+export declare function StructureNotice({ structuralTypes, sitePreviewAvailable, }: {
+    structuralTypes: string[];
+    /** When true, nudge editors toward the Site preview toggle for WYSIWYG. */
+    sitePreviewAvailable?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=StructureNotice.d.ts.map

package/dist/views/page-editor/StructureNotice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructureNotice.d.ts","sourceRoot":"","sources":["../../../src/views/page-editor/StructureNotice.tsx"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,eAAe,EACf,oBAA4B,GAC7B,EAAE;IACD,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,2EAA2E;IAC3E,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,kDA4CA"}

package/dist/views/page-editor/StructureNotice.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Puzzle } from 'lucide-react';
+/**
+ * Banner shown above the canvas surface when the document contains section
+ * types the canvas can only render as placeholders (custom / unmanaged
+ * types), or when Site preview is available for accurate styling.
+ */
+export function StructureNotice({ structuralTypes, sitePreviewAvailable = false, }) {
+    if (structuralTypes.length === 0 && !sitePreviewAvailable)
+        return null;
+    if (structuralTypes.length > 0) {
+        const count = structuralTypes.length;
+        return (_jsxs("div", { role: "note", className: "border-border bg-card text-muted-foreground mx-auto mb-4 flex w-fit max-w-full items-center gap-2 rounded-lg border px-3 py-1.5 text-xs", children: [_jsx(Puzzle, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }), _jsxs("span", { children: [_jsx("span", { className: "text-foreground font-medium", children: "Structure view" }), " \u2014 ", count, " custom section type", count > 1 ? 's' : '', " shown as placeholders.", sitePreviewAvailable ? (_jsxs(_Fragment, { children: [' ', "Use ", _jsx("span", { className: "text-foreground font-medium", children: "Site preview" }), " for accurate styling."] })) : (_jsxs(_Fragment, { children: [' ', "Use ", _jsx("span", { className: "text-foreground font-medium", children: "View on site" }), " for the real design."] }))] })] }));
+    }
+    return (_jsxs("div", { role: "note", className: "border-border bg-card text-muted-foreground mx-auto mb-4 flex w-fit max-w-full items-center gap-2 rounded-lg border px-3 py-1.5 text-xs", children: [_jsx(Puzzle, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }), _jsxs("span", { children: [_jsx("span", { className: "text-foreground font-medium", children: "Structure preview" }), " \u2014 use", ' ', _jsx("span", { className: "text-foreground font-medium", children: "Site preview" }), " for accurate styling."] })] }));
+}
+//# sourceMappingURL=StructureNotice.js.map

package/dist/views/page-editor/StructureNotice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructureNotice.js","sourceRoot":"","sources":["../../../src/views/page-editor/StructureNotice.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,eAAe,EACf,oBAAoB,GAAG,KAAK,GAK7B;IACC,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,oBAAoB;QAAE,OAAO,IAAI,CAAA;IAEtE,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC/B,MAAM,KAAK,GAAG,eAAe,CAAC,MAAM,CAAA;QACpC,OAAO,CACL,eACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,yIAAyI,aAEnJ,KAAC,MAAM,IAAC,SAAS,EAAC,sBAAsB,wBAAe,EACvD,2BACE,eAAM,SAAS,EAAC,6BAA6B,+BAAsB,cAAI,KAAK,0BAC/D,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,6BAChC,oBAAoB,CAAC,CAAC,CAAC,CACtB,8BACG,GAAG,UACA,eAAM,SAAS,EAAC,6BAA6B,6BAAoB,8BAEpE,CACJ,CAAC,CAAC,CAAC,CACF,8BACG,GAAG,UACA,eAAM,SAAS,EAAC,6BAA6B,6BAAoB,6BAEpE,CACJ,IACI,IACH,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,eACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,yIAAyI,aAEnJ,KAAC,MAAM,IAAC,SAAS,EAAC,sBAAsB,wBAAe,EACvD,2BACE,eAAM,SAAS,EAAC,6BAA6B,kCAAyB,iBAAO,GAAG,EAChF,eAAM,SAAS,EAAC,6BAA6B,6BAAoB,8BAC5D,IACH,CACP,CAAA;AACH,CAAC"}

package/dist/views/page-editor/ValidationSummary.d.ts

@@ -0,0 +1,9 @@
+interface ValidationSummaryProps {
+    errors: string[];
+    warnings: string[];
+    onDismiss: () => void;
+}
+/** Inline banner listing blocking errors (and non-blocking warnings). */
+export declare function ValidationSummary({ errors, warnings, onDismiss }: ValidationSummaryProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ValidationSummary.d.ts.map

package/dist/views/page-editor/ValidationSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationSummary.d.ts","sourceRoot":"","sources":["../../../src/views/page-editor/ValidationSummary.tsx"],"names":[],"mappings":"AAIA,UAAU,sBAAsB;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,sBAAsB,kDAyCxF"}

package/dist/views/page-editor/ValidationSummary.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { TriangleAlert, X } from 'lucide-react';
+/** Inline banner listing blocking errors (and non-blocking warnings). */
+export function ValidationSummary({ errors, warnings, onDismiss }) {
+    if (errors.length === 0 && warnings.length === 0)
+        return null;
+    return (_jsx("div", { role: "alert", className: "border-destructive/30 bg-destructive/5 mx-4 mt-3 rounded-lg border p-3", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(TriangleAlert, { className: "text-destructive mt-0.5 h-4 w-4 shrink-0", "aria-hidden": true }), _jsxs("div", { className: "min-w-0 flex-1", children: [errors.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("p", { className: "text-foreground text-sm font-medium", children: ["Resolve ", errors.length, " issue", errors.length === 1 ? '' : 's', " before publishing"] }), _jsx("ul", { className: "text-muted-foreground mt-1 list-disc space-y-0.5 pl-4 text-xs", children: errors.map((e, i) => (_jsx("li", { children: e }, `e-${i}`))) })] })), warnings.length > 0 && (_jsx("ul", { className: "text-muted-foreground mt-2 list-disc space-y-0.5 pl-4 text-xs", children: warnings.map((w, i) => (_jsx("li", { children: w }, `w-${i}`))) }))] }), _jsx("button", { type: "button", onClick: onDismiss, "aria-label": "Dismiss", className: "text-muted-foreground hover:text-foreground rounded p-0.5", children: _jsx(X, { className: "h-4 w-4", "aria-hidden": true }) })] }) }));
+}
+//# sourceMappingURL=ValidationSummary.js.map

package/dist/views/page-editor/ValidationSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationSummary.js","sourceRoot":"","sources":["../../../src/views/page-editor/ValidationSummary.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAQ/C,yEAAyE;AACzE,MAAM,UAAU,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAA0B;IACvF,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAC7D,OAAO,CACL,cACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,wEAAwE,YAElF,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,aAAa,IAAC,SAAS,EAAC,0CAA0C,wBAAe,EAClF,eAAK,SAAS,EAAC,gBAAgB,aAC5B,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,8BACE,aAAG,SAAS,EAAC,qCAAqC,yBACvC,MAAM,CAAC,MAAM,YAAQ,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,0BAC1D,EACJ,aAAI,SAAS,EAAC,+DAA+D,YAC1E,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,uBAAoB,CAAC,IAAZ,KAAK,CAAC,EAAE,CAAU,CAC5B,CAAC,GACC,IACJ,CACJ,EACA,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACtB,aAAI,SAAS,EAAC,+DAA+D,YAC1E,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,uBAAoB,CAAC,IAAZ,KAAK,CAAC,EAAE,CAAU,CAC5B,CAAC,GACC,CACN,IACG,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,gBACP,SAAS,EACpB,SAAS,EAAC,2DAA2D,YAErE,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,wBAAe,GAC9B,IACL,GACF,CACP,CAAA;AACH,CAAC"}

package/dist/views/page-editor/section-icons.d.ts

@@ -0,0 +1,4 @@
+import { type LucideIcon } from 'lucide-react';
+/** Resolve a lucide icon for a section type id (with a safe fallback). */
+export declare function sectionIconFor(sectionType: string): LucideIcon;
+//# sourceMappingURL=section-icons.d.ts.map

package/dist/views/page-editor/section-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-icons.d.ts","sourceRoot":"","sources":["../../../src/views/page-editor/section-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,UAAU,EAOhB,MAAM,cAAc,CAAA;AAiBrB,0EAA0E;AAC1E,wBAAgB,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,UAAU,CAG9D"}

package/dist/views/page-editor/section-icons.js

@@ -0,0 +1,21 @@
+import { AlignLeft, BarChart3, Images, LayoutGrid, LayoutTemplate, Mail, Megaphone, PanelsTopLeft, Quote, Type, User, } from 'lucide-react';
+import { getSectionType } from './section-types.js';
+const SECTION_ICONS = {
+    'layout-template': LayoutTemplate,
+    'align-left': AlignLeft,
+    'panels-top-left': PanelsTopLeft,
+    'bar-chart-3': BarChart3,
+    mail: Mail,
+    megaphone: Megaphone,
+    text: Type,
+    quote: Quote,
+    user: User,
+    'layout-grid': LayoutGrid,
+    images: Images,
+};
+/** Resolve a lucide icon for a section type id (with a safe fallback). */
+export function sectionIconFor(sectionType) {
+    const name = getSectionType(sectionType)?.icon;
+    return (name && SECTION_ICONS[name]) || LayoutTemplate;
+}
+//# sourceMappingURL=section-icons.js.map

package/dist/views/page-editor/section-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-icons.js","sourceRoot":"","sources":["../../../src/views/page-editor/section-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,SAAS,EACT,MAAM,EACN,UAAU,EACV,cAAc,EAEd,IAAI,EACJ,SAAS,EACT,aAAa,EACb,KAAK,EACL,IAAI,EACJ,IAAI,GACL,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,MAAM,aAAa,GAA+B;IAChD,iBAAiB,EAAE,cAAc;IACjC,YAAY,EAAE,SAAS;IACvB,iBAAiB,EAAE,aAAa;IAChC,aAAa,EAAE,SAAS;IACxB,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,IAAI;IACV,aAAa,EAAE,UAAU;IACzB,MAAM,EAAE,MAAM;CACf,CAAA;AAED,0EAA0E;AAC1E,MAAM,UAAU,cAAc,CAAC,WAAmB;IAChD,MAAM,IAAI,GAAG,cAAc,CAAC,WAAW,CAAC,EAAE,IAAI,CAAA;IAC9C,OAAO,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,cAAc,CAAA;AACxD,CAAC"}

package/dist/views/page-editor/section-types.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Section-type registry for the flat, section-based Page Editor.
+ *
+ * The definitions now live in `@prenta/core/page-sections` so the
+ * admin editor, the REST API, and the MCP server validate against ONE source
+ * of truth. This module re-exports them to preserve the historical import
+ * path (`../views/page-editor/section-types.js`) used across the editor.
+ */
+export { SECTION_TYPES, SECTION_TYPE_LIST, getSectionType, getSectionTypesForScope, sectionTypeLabel, isKnownSectionType, resolveRepeaterField, isRepeaterField, blankRepeaterRow, } from '@prenta/core/page-sections';
+export type { SectionTypeId, SectionScope, SectionFieldType, SectionFieldDef, SectionSettings, SectionTypeDef, ResolvedRepeater, RepeaterRow, PostHeaderConfig, PostTemplate, } from '@prenta/core/page-sections';
+//# sourceMappingURL=section-types.d.ts.map

package/dist/views/page-editor/section-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-types.d.ts","sourceRoot":"","sources":["../../../src/views/page-editor/section-types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,gBAAgB,GACjB,MAAM,4BAA4B,CAAA;AAEnC,YAAY,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,YAAY,GACb,MAAM,4BAA4B,CAAA"}

package/dist/views/page-editor/section-types.js

@@ -0,0 +1,10 @@
+/**
+ * Section-type registry for the flat, section-based Page Editor.
+ *
+ * The definitions now live in `@prenta/core/page-sections` so the
+ * admin editor, the REST API, and the MCP server validate against ONE source
+ * of truth. This module re-exports them to preserve the historical import
+ * path (`../views/page-editor/section-types.js`) used across the editor.
+ */
+export { SECTION_TYPES, SECTION_TYPE_LIST, getSectionType, getSectionTypesForScope, sectionTypeLabel, isKnownSectionType, resolveRepeaterField, isRepeaterField, blankRepeaterRow, } from '@prenta/core/page-sections';
+//# sourceMappingURL=section-types.js.map

package/dist/views/page-editor/section-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-types.js","sourceRoot":"","sources":["../../../src/views/page-editor/section-types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,gBAAgB,GACjB,MAAM,4BAA4B,CAAA"}

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

@@ -0,0 +1,17 @@
+import type { PageSection } from '../../../lib/page-editor-service.js';
+import { type PostRenderContext } from './parts.js';
+/**
+ * Renders the post's main body. When `source === 'field'` it shows the
+ * post's own Body field (passed via context); otherwise it renders the
+ * section's own `body` copy.
+ *
+ * The Body field is a `richText` field (sanitized HTML on write), so this
+ * canvas preview renders it as HTML — exactly like the public site's
+ * article-body renderer — to stay WYSIWYG. It previews the author's own
+ * in-progress draft; the server sanitizes (sanitize-html) on save.
+ */
+export declare function ArticleBodySection({ section, context, }: {
+    section: PageSection;
+    context?: PostRenderContext;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ArticleBodySection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleBodySection.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/ArticleBodySection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAa,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAE9D;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,OAAO,GACR,EAAE;IACD,OAAO,EAAE,WAAW,CAAA;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B,2CA8BA"}

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { bool, str } from './parts.js';
+/**
+ * Renders the post's main body. When `source === 'field'` it shows the
+ * post's own Body field (passed via context); otherwise it renders the
+ * section's own `body` copy.
+ *
+ * The Body field is a `richText` field (sanitized HTML on write), so this
+ * canvas preview renders it as HTML — exactly like the public site's
+ * article-body renderer — to stay WYSIWYG. It previews the author's own
+ * in-progress draft; the server sanitizes (sanitize-html) on save.
+ */
+export function ArticleBodySection({ section, context, }) {
+    const c = section.content;
+    const source = str(c, 'source', 'field');
+    const html = source === 'field' ? (context?.body ?? '') : str(c, 'body');
+    const wide = str(c, 'width', 'normal') === 'wide';
+    const showToc = bool(c, 'showToc');
+    return (_jsxs("div", { className: `mx-auto px-6 ${wide ? 'max-w-4xl' : 'max-w-2xl'}`, children: [showToc && (_jsxs("div", { className: "border-border bg-muted mb-8 rounded-lg border p-4", children: [_jsx("p", { className: "text-muted-foreground text-xs font-semibold tracking-wider uppercase", children: "On this page" }), _jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: "A table of contents will be generated from the body headings." })] })), html.trim() ? (_jsx("div", { className: "prenta-rich-text max-w-none", dangerouslySetInnerHTML: { __html: html } })) : (_jsx("p", { className: "text-muted-foreground text-base leading-relaxed italic", children: source === 'field'
+                    ? "This will show the post's Body content."
+                    : 'Add body copy in the inspector.' }))] }));
+}
+//# sourceMappingURL=ArticleBodySection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleBodySection.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/ArticleBodySection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,GAAG,EAA0B,MAAM,YAAY,CAAA;AAE9D;;;;;;;;;GASG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,OAAO,EACP,OAAO,GAIR;IACC,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAA;IACzB,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IACxC,MAAM,IAAI,GAAG,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IACxE,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,KAAK,MAAM,CAAA;IACjD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;IAElC,OAAO,CACL,eAAK,SAAS,EAAE,gBAAgB,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,aAC/D,OAAO,IAAI,CACV,eAAK,SAAS,EAAC,mDAAmD,aAChE,YAAG,SAAS,EAAC,sEAAsE,6BAE/E,EACJ,YAAG,SAAS,EAAC,oCAAoC,8EAE7C,IACA,CACP,EACA,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,6BAA6B,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAI,CAC3F,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,wDAAwD,YAClE,MAAM,KAAK,OAAO;oBACjB,CAAC,CAAC,yCAAyC;oBAC3C,CAAC,CAAC,iCAAiC,GACnC,CACL,IACG,CACP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { PageSection } from '../../../lib/page-editor-service.js';
+import { type PostRenderContext } from './parts.js';
+/** A short author biography block, driven by the post's author context. */
+export declare function AuthorBioSection({ section, context, }: {
+    section: PageSection;
+    context?: PostRenderContext;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AuthorBioSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthorBioSection.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/AuthorBioSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAa,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAE9D,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,OAAO,GACR,EAAE;IACD,OAAO,EAAE,WAAW,CAAA;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B,2CAkDA"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { bool, str } from './parts.js';
+/** A short author biography block, driven by the post's author context. */
+export function AuthorBioSection({ section, context, }) {
+    const c = section.content;
+    const heading = str(c, 'heading', 'About the author');
+    const showAvatar = bool(c, 'showAvatar', true);
+    const showSocial = bool(c, 'showSocial', true);
+    const name = context?.author?.name || 'Author name';
+    const bio = context?.author?.bio || "The author's bio will appear here once it is set on their profile.";
+    const avatarUrl = context?.author?.avatarUrl;
+    const initials = name
+        .split(/\s+/)
+        .map((p) => p[0] ?? '')
+        .join('')
+        .slice(0, 2)
+        .toUpperCase();
+    return (_jsx("div", { className: "mx-auto max-w-3xl px-6", children: _jsxs("div", { className: "border-border bg-muted flex items-start gap-4 rounded-xl border p-5", children: [showAvatar &&
+                    (avatarUrl ? (_jsx("img", { src: avatarUrl, alt: name, className: "h-14 w-14 shrink-0 rounded-full object-cover" })) : (_jsx("span", { className: "bg-brand/10 text-brand flex h-14 w-14 shrink-0 items-center justify-center rounded-full text-sm font-medium", children: initials || '?' }))), _jsxs("div", { className: "min-w-0", children: [heading && (_jsx("p", { className: "text-muted-foreground text-xs font-semibold tracking-wider uppercase", children: heading })), _jsx("p", { className: "text-foreground mt-0.5 text-base font-medium", children: name }), _jsx("p", { className: "text-muted-foreground mt-1 text-sm leading-relaxed", children: bio }), showSocial && (_jsxs("div", { className: "text-brand mt-2 flex gap-3 text-sm", children: [_jsx("span", { children: "Twitter" }), _jsx("span", { children: "LinkedIn" })] }))] })] }) }));
+}
+//# sourceMappingURL=AuthorBioSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthorBioSection.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/AuthorBioSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,GAAG,EAA0B,MAAM,YAAY,CAAA;AAE9D,2EAA2E;AAC3E,MAAM,UAAU,gBAAgB,CAAC,EAC/B,OAAO,EACP,OAAO,GAIR;IACC,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAA;IACzB,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAA;IACrD,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,CAAA;IAC9C,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,CAAA;IAE9C,MAAM,IAAI,GAAG,OAAO,EAAE,MAAM,EAAE,IAAI,IAAI,aAAa,CAAA;IACnD,MAAM,GAAG,GACP,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,oEAAoE,CAAA;IAC9F,MAAM,SAAS,GAAG,OAAO,EAAE,MAAM,EAAE,SAAS,CAAA;IAC5C,MAAM,QAAQ,GAAG,IAAI;SAClB,KAAK,CAAC,KAAK,CAAC;SACZ,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SACtB,IAAI,CAAC,EAAE,CAAC;SACR,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;SACX,WAAW,EAAE,CAAA;IAEhB,OAAO,CACL,cAAK,SAAS,EAAC,wBAAwB,YACrC,eAAK,SAAS,EAAC,qEAAqE,aACjF,UAAU;oBACT,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,cACE,GAAG,EAAE,SAAS,EACd,GAAG,EAAE,IAAI,EACT,SAAS,EAAC,8CAA8C,GACxD,CACH,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,6GAA6G,YAC1H,QAAQ,IAAI,GAAG,GACX,CACR,CAAC,EACJ,eAAK,SAAS,EAAC,SAAS,aACrB,OAAO,IAAI,CACV,YAAG,SAAS,EAAC,sEAAsE,YAChF,OAAO,GACN,CACL,EACD,YAAG,SAAS,EAAC,8CAA8C,YAAE,IAAI,GAAK,EACtE,YAAG,SAAS,EAAC,oDAAoD,YAAE,GAAG,GAAK,EAC1E,UAAU,IAAI,CACb,eAAK,SAAS,EAAC,oCAAoC,aACjD,qCAAoB,EACpB,sCAAqB,IACjB,CACP,IACG,IACF,GACF,CACP,CAAA;AACH,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ByTheNumbersSection.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/ByTheNumbersSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAStE,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,2CA+BxE"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { str } from './parts.js';
+export function ByTheNumbersSection({ section }) {
+    const c = section.content;
+    const heading = str(c, 'heading');
+    const body = str(c, 'body');
+    const stats = Array.isArray(c.stats) ? c.stats : [];
+    return (_jsxs("div", { className: "mx-auto max-w-5xl px-6 text-center", 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 mx-auto mt-4 max-w-2xl text-base", children: body }), stats.length > 0 && (_jsx("dl", { className: "mt-10 grid grid-cols-1 gap-8 sm:grid-cols-3", children: stats.map((s, i) => (_jsxs("div", { children: [_jsx("dt", { className: "text-brand text-4xl font-semibold tracking-tight", children: String(s.value ?? '') }), _jsx("dd", { className: "text-foreground mt-2 text-sm font-medium", children: String(s.label ?? '') }), s.description ? (_jsx("dd", { className: "text-muted-foreground mt-1 text-xs", children: String(s.description) })) : null] }, i))) }))] }));
+}
+//# sourceMappingURL=ByTheNumbersSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ByTheNumbersSection.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/ByTheNumbersSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAQhC,MAAM,UAAU,mBAAmB,CAAC,EAAE,OAAO,EAA4B;IACvE,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAA;IACzB,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;IACjC,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,KAAgB,CAAC,CAAC,CAAC,EAAE,CAAA;IAE/D,OAAO,CACL,eAAK,SAAS,EAAC,oCAAoC,aAChD,OAAO,IAAI,CACV,aAAI,SAAS,EAAC,mEAAmE,YAC9E,OAAO,GACL,CACN,EACA,IAAI,IAAI,YAAG,SAAS,EAAC,wDAAwD,YAAE,IAAI,GAAK,EACxF,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,aAAI,SAAS,EAAC,6CAA6C,YACxD,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,0BACE,aAAI,SAAS,EAAC,kDAAkD,YAC7D,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,GACnB,EACL,aAAI,SAAS,EAAC,0CAA0C,YAAE,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,GAAM,EACpF,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CACf,aAAI,SAAS,EAAC,oCAAoC,YAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,GAAM,CAChF,CAAC,CAAC,CAAC,IAAI,KAPA,CAAC,CAQL,CACP,CAAC,GACC,CACN,IACG,CACP,CAAA;AACH,CAAC"}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PreviewButton, isDarkBackground, str } from './parts.js';
+export function CtaBannerSection({ section }) {
+    const c = section.content;
+    const dark = isDarkBackground(section.settings);
+    const heading = str(c, 'heading');
+    const body = str(c, 'body');
+    return (_jsxs("div", { className: "mx-auto max-w-3xl px-6 text-center", children: [_jsx("h2", { className: "text-2xl font-semibold tracking-tight sm:text-3xl", children: heading }), body && (_jsx("p", { className: `mx-auto mt-3 max-w-xl text-base ${dark ? 'text-brand-foreground/80' : 'text-muted-foreground'}`, children: body })), _jsx("div", { className: "mt-6 flex justify-center", children: _jsx(PreviewButton, { label: str(c, 'buttonLabel'), href: str(c, 'buttonUrl'), tone: dark ? 'onDark' : 'primary' }) })] }));
+}
+//# sourceMappingURL=CtaBannerSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CtaBannerSection.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/CtaBannerSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAEjE,MAAM,UAAU,gBAAgB,CAAC,EAAE,OAAO,EAA4B;IACpE,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,IAAI,GAAG,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IAE3B,OAAO,CACL,eAAK,SAAS,EAAC,oCAAoC,aACjD,aAAI,SAAS,EAAC,mDAAmD,YAAE,OAAO,GAAM,EAC/E,IAAI,IAAI,CACP,YACE,SAAS,EAAE,mCAAmC,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,uBAAuB,EAAE,YAE1G,IAAI,GACH,CACL,EACD,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,aAAa,IACZ,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,EAC5B,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,EACzB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GACjC,GACE,IACF,CACP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { PageSection } from '../../../lib/page-editor-service.js';
+/**
+ * Canvas body for the `embed` (video) section. Mirrors the public renderer's
+ * reserved aspect-ratio box, but shows a lightweight provider placeholder
+ * instead of loading the live external iframe inside the editor.
+ */
+export declare function EmbedSection({ section }: {
+    section: PageSection;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmbedSection.d.ts.map

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

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

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PlayCircle } from 'lucide-react';
+import { parseEmbed, EMBED_PROVIDER_LABEL } from '@prenta/core/page-sections';
+import { str } from './parts.js';
+const RATIO_CLASS = {
+    '16:9': 'aspect-video',
+    '4:3': 'aspect-[4/3]',
+    '1:1': 'aspect-square',
+    '9:16': 'aspect-[9/16]',
+};
+/**
+ * Canvas body for the `embed` (video) section. Mirrors the public renderer's
+ * reserved aspect-ratio box, but shows a lightweight provider placeholder
+ * instead of loading the live external iframe inside the editor.
+ */
+export function EmbedSection({ section }) {
+    const c = section.content;
+    const parsed = parseEmbed(str(c, 'url'));
+    const ratioClass = RATIO_CLASS[str(c, 'ratio', '16:9')] ?? RATIO_CLASS['16:9'];
+    const title = str(c, 'title');
+    const caption = str(c, 'caption');
+    return (_jsxs("figure", { className: "mx-auto max-w-3xl px-6", 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 ${ratioClass}`, children: [_jsx(PlayCircle, { className: "h-10 w-10", "aria-hidden": true }), _jsx("p", { className: "text-foreground text-sm font-medium", children: parsed ? `${EMBED_PROVIDER_LABEL[parsed.provider]} video` : 'No valid video URL' }), title && _jsx("p", { className: "text-muted-foreground px-4 text-center text-xs", children: title })] }), caption && (_jsx("figcaption", { className: "text-muted-foreground mt-2 text-center text-sm", children: caption }))] }));
+}
+//# sourceMappingURL=EmbedSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedSection.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/EmbedSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAE7E,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAEhC,MAAM,WAAW,GAA2B;IAC1C,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,eAAe;CACxB,CAAA;AAED;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAA4B;IAChE,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAA;IACzB,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAA;IACxC,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,IAAI,WAAW,CAAC,MAAM,CAAC,CAAA;IAC9E,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;IAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;IAEjC,OAAO,CACL,kBAAQ,SAAS,EAAC,wBAAwB,aACxC,eACE,SAAS,EAAE,6HAA6H,UAAU,EAAE,aAEpJ,KAAC,UAAU,IAAC,SAAS,EAAC,WAAW,wBAAe,EAChD,YAAG,SAAS,EAAC,qCAAqC,YAC/C,MAAM,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,GAC/E,EACH,KAAK,IAAI,YAAG,SAAS,EAAC,gDAAgD,YAAE,KAAK,GAAK,IAC/E,EACL,OAAO,IAAI,CACV,qBAAY,SAAS,EAAC,gDAAgD,YACnE,OAAO,GACG,CACd,IACM,CACV,CAAA;AACH,CAAC"}

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

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

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

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

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ImageIcon } from 'lucide-react';
+import { PreviewButton, str } from './parts.js';
+export function FeatureHighlightSection({ section }) {
+    const c = section.content;
+    const label = str(c, 'label');
+    const heading = str(c, 'heading');
+    const body = str(c, 'body');
+    const imageUrl = str(c, 'imageUrl');
+    const imageAlt = str(c, 'imageAlt');
+    const imageLeft = str(c, 'imagePosition', 'right') === 'left';
+    const text = (_jsxs("div", { className: "flex-1", children: [label && (_jsx("span", { className: "bg-brand mb-3 inline-block rounded px-2 py-0.5 text-xs font-medium text-white", children: label })), _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", children: body }), _jsx("div", { className: "mt-6", children: _jsx(PreviewButton, { label: str(c, 'buttonLabel'), href: str(c, 'buttonUrl'), tone: "primary" }) })] }));
+    const media = (_jsx("div", { className: "flex-1", children: imageUrl ? (
+        // Admin-only preview; next/image isn't in scope here.
+        _jsx("img", { src: imageUrl, alt: imageAlt, className: "aspect-[4/3] w-full rounded-xl object-cover" })) : (_jsx("div", { className: "bg-brand/10 flex aspect-[4/3] w-full items-center justify-center rounded-xl", children: _jsx(ImageIcon, { className: "text-brand h-10 w-10", "aria-hidden": true }) })) }));
+    return (_jsx("div", { className: "mx-auto max-w-5xl px-6", children: _jsx("div", { className: "flex flex-col items-center gap-10 md:flex-row", children: imageLeft ? (_jsxs(_Fragment, { children: [media, text] })) : (_jsxs(_Fragment, { children: [text, media] })) }) }));
+}
+//# sourceMappingURL=FeatureHighlightSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureHighlightSection.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/FeatureHighlightSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAE/C,MAAM,UAAU,uBAAuB,CAAC,EAAE,OAAO,EAA4B;IAC3E,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAA;IACzB,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;IAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;IACjC,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IAC3B,MAAM,QAAQ,GAAG,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;IACnC,MAAM,QAAQ,GAAG,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;IACnC,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,EAAE,eAAe,EAAE,OAAO,CAAC,KAAK,MAAM,CAAA;IAE7D,MAAM,IAAI,GAAG,CACX,eAAK,SAAS,EAAC,QAAQ,aACpB,KAAK,IAAI,CACR,eAAM,SAAS,EAAC,+EAA+E,YAC5F,KAAK,GACD,CACR,EACD,aAAI,SAAS,EAAC,mEAAmE,YAC9E,OAAO,GACL,EACJ,IAAI,IAAI,YAAG,SAAS,EAAC,sDAAsD,YAAE,IAAI,GAAK,EACvF,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,aAAa,IAAC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,IAAI,EAAC,SAAS,GAAG,GACrF,IACF,CACP,CAAA;IAED,MAAM,KAAK,GAAG,CACZ,cAAK,SAAS,EAAC,QAAQ,YACpB,QAAQ,CAAC,CAAC,CAAC;QACV,sDAAsD;QACtD,cACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,6CAA6C,GACvD,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,6EAA6E,YAC1F,KAAC,SAAS,IAAC,SAAS,EAAC,sBAAsB,wBAAe,GACtD,CACP,GACG,CACP,CAAA;IAED,OAAO,CACL,cAAK,SAAS,EAAC,wBAAwB,YACrC,cAAK,SAAS,EAAC,+CAA+C,YAC3D,SAAS,CAAC,CAAC,CAAC,CACX,8BACG,KAAK,EACL,IAAI,IACJ,CACJ,CAAC,CAAC,CAAC,CACF,8BACG,IAAI,EACJ,KAAK,IACL,CACJ,GACG,GACF,CACP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { PageSection } from '../../../lib/page-editor-service.js';
+/** A responsive image grid with captions. */
+export declare function GallerySection({ section }: {
+    section: PageSection;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GallerySection.d.ts.map

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

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

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { str } from './parts.js';
+/** A responsive image grid with captions. */
+export function GallerySection({ section }) {
+    const c = section.content;
+    const heading = str(c, 'heading');
+    const columns = Number.parseInt(str(c, 'columns', '3'), 10) || 3;
+    const images = Array.isArray(c.images) ? c.images : [];
+    const withUrl = images.filter((img) => img && typeof img.url === 'string' && img.url);
+    const cols = columns === 2
+        ? 'sm:grid-cols-2'
+        : columns === 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 })), withUrl.length > 0 ? (_jsx("div", { className: `grid grid-cols-1 gap-3 ${cols}`, children: withUrl.map((img, i) => (_jsxs("figure", { className: "border-border overflow-hidden rounded-lg border", children: [_jsx("img", { src: img.url, alt: img.alt ?? '', className: "aspect-square w-full object-cover" }), img.caption && (_jsx("figcaption", { className: "text-muted-foreground px-2 py-1.5 text-xs", children: img.caption }))] }, i))) })) : (_jsx("div", { className: `grid grid-cols-1 gap-3 ${cols}`, children: Array.from({ length: columns }, (_, i) => (_jsx("div", { className: "bg-muted aspect-square rounded-lg", "aria-hidden": true }, i))) }))] }));
+}
+//# sourceMappingURL=GallerySection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GallerySection.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/GallerySection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAQhC,6CAA6C;AAC7C,MAAM,UAAU,cAAc,CAAC,EAAE,OAAO,EAA4B;IAClE,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAA;IACzB,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;IACjC,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAA;IAChE,MAAM,MAAM,GAAmB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,MAAyB,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1F,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,IAAI,OAAO,GAAG,CAAC,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,GAAG,CAAC,CAAA;IAErF,MAAM,IAAI,GACR,OAAO,KAAK,CAAC;QACX,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,OAAO,KAAK,CAAC;YACb,CAAC,CAAC,+BAA+B;YACjC,CAAC,CAAC,gBAAgB,CAAA;IAExB,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACpC,OAAO,IAAI,CACV,aAAI,SAAS,EAAC,4DAA4D,YAAE,OAAO,GAAM,CAC1F,EACA,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,cAAK,SAAS,EAAE,0BAA0B,IAAI,EAAE,YAC7C,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,kBAAgB,SAAS,EAAC,iDAAiD,aACzE,cACE,GAAG,EAAE,GAAG,CAAC,GAAG,EACZ,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,EAAE,EAClB,SAAS,EAAC,mCAAmC,GAC7C,EACD,GAAG,CAAC,OAAO,IAAI,CACd,qBAAY,SAAS,EAAC,2CAA2C,YAC9D,GAAG,CAAC,OAAO,GACD,CACd,KAVU,CAAC,CAWL,CACV,CAAC,GACE,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAE,0BAA0B,IAAI,EAAE,YAC7C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,cAAa,SAAS,EAAC,mCAAmC,yBAAhD,CAAC,CAA8D,CAC1E,CAAC,GACE,CACP,IACG,CACP,CAAA;AACH,CAAC"}

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

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

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

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