@actuate-media/cms-admin 0.14.1 → 0.16.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-violet-200' : 'text-violet-600'}`, 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-violet-100' : 'text-zinc-600'}`, 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,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,YAE5G,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,iBAAiB,CAAC,CAAC,CAAC,eAAe,EAAE,YAErG,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,2CAiBnE"}

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-2xl font-semibold tracking-tight text-zinc-900 sm:text-3xl", children: heading })), body && _jsx("p", { className: "mt-4 text-base leading-relaxed text-zinc-600 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,iEAAiE,YAC5E,OAAO,GACL,CACN,EACA,IAAI,IAAI,YAAG,SAAS,EAAC,yDAAyD,YAAE,IAAI,GAAK,IACtF,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-l-4 border-violet-500 pl-6", children: _jsxs("p", { className: "text-xl leading-relaxed font-medium text-zinc-800 sm:text-2xl", children: ["\u201C", quote, "\u201D"] }) }), (attribution || role) && (_jsxs("figcaption", { className: "mt-3 pl-6 text-sm text-zinc-500", children: [attribution && _jsx("span", { className: "font-medium text-zinc-700", 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,mCAAmC,YACvD,aAAG,SAAS,EAAC,+DAA+D,uBAAG,KAAK,cAAM,GAC/E,EACZ,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CACxB,sBAAY,SAAS,EAAC,iCAAiC,aACpD,WAAW,IAAI,eAAM,SAAS,EAAC,2BAA2B,YAAE,WAAW,GAAQ,EAC/E,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: "mb-6 text-2xl font-semibold tracking-tight text-zinc-900", children: heading })), _jsx("div", { className: `grid grid-cols-1 gap-4 ${cols}`, children: cards.map((post, i) => (_jsxs("div", { className: "overflow-hidden rounded-xl border border-zinc-200 bg-white shadow-sm", children: [_jsx("div", { className: "aspect-[16/9] bg-zinc-100", "aria-hidden": true }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "text-base font-medium text-zinc-900", children: post.title }), post.excerpt && (_jsx("p", { className: "mt-1 line-clamp-2 text-sm text-zinc-500", 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,0DAA0D,YAAE,OAAO,GAAM,CACxF,EACD,cAAK,SAAS,EAAE,0BAA0B,IAAI,EAAE,YAC7C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAEE,SAAS,EAAC,sEAAsE,aAEhF,cAAK,SAAS,EAAC,2BAA2B,wBAAe,EACzD,eAAK,SAAS,EAAC,KAAK,aAClB,YAAG,SAAS,EAAC,qCAAqC,YAAE,IAAI,CAAC,KAAK,GAAK,EAClE,IAAI,CAAC,OAAO,IAAI,CACf,YAAG,SAAS,EAAC,yCAAyC,YAAE,IAAI,CAAC,OAAO,GAAK,CAC1E,IACG,KATD,CAAC,CAUF,CACP,CAAC,GACE,IACF,CACP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,22 @@
+import type { PageSection } from '../../../lib/page-editor-service.js';
+import { type PostRenderContext } from './parts.js';
+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":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAiC,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAwClF,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,52 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
+/** Dispatch a section's body component by type. Shared by editor + preview. */
+function SectionBody({ section, context }) {
+    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 });
+        default:
+            return null;
+    }
+}
+/**
+ * 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: "pointer-events-none absolute top-0 left-0 z-10 rounded-br-md bg-violet-600 px-2 py-0.5 text-xs font-medium text-white", children: section.name })), editable && hidden && (_jsx("span", { className: "pointer-events-none absolute top-0 right-0 z-10 rounded-bl-md bg-zinc-700 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":"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"}

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

@@ -0,0 +1,14 @@
+export { SectionRenderer } from './SectionRenderer.js';
+export type { SectionRendererProps } from './SectionRenderer.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,MAAM,sBAAsB,CAAA;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAChE,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,12 @@
+export { SectionRenderer } from './SectionRenderer.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,MAAM,sBAAsB,CAAA;AAGtD,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"}

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

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function str(content, key, fallback = '') {
+    const v = content[key];
+    return typeof v === 'string' ? v : fallback;
+}
+export function bool(content, key, fallback = false) {
+    const v = content[key];
+    return typeof v === 'boolean' ? v : fallback;
+}
+/** Vertical padding scale for a section. */
+export function paddingClass(settings) {
+    switch (settings.paddingY) {
+        case 'sm':
+            return 'py-8';
+        case 'md':
+            return 'py-12';
+        case 'xl':
+            return 'py-20 sm:py-28';
+        case 'lg':
+        default:
+            return 'py-16 sm:py-20';
+    }
+}
+/** Returns true when the section background is the dark/purple treatment. */
+export function isDarkBackground(settings) {
+    return ((settings.backgroundType === 'solid' || settings.backgroundType === 'gradient') &&
+        settings.backgroundColor === 'purple');
+}
+/** Background utility classes derived from settings. */
+export function backgroundClass(settings) {
+    if (settings.backgroundType === 'gradient' && settings.backgroundColor === 'purple') {
+        return 'bg-gradient-to-br from-violet-600 to-violet-700 text-white';
+    }
+    if (settings.backgroundType === 'solid' && settings.backgroundColor === 'purple') {
+        return 'bg-violet-600 text-white';
+    }
+    if (settings.backgroundType === 'solid' && settings.backgroundColor === 'muted') {
+        return 'bg-zinc-50 text-zinc-900';
+    }
+    return 'bg-white text-zinc-900';
+}
+/**
+ * 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 function PreviewButton({ label, href, tone = 'primary', }) {
+    if (!label)
+        return null;
+    const base = 'inline-flex items-center justify-center rounded-lg px-5 py-2.5 text-sm font-medium transition-colors';
+    const toneClass = tone === 'onDark'
+        ? 'bg-white text-violet-700 hover:bg-violet-50'
+        : tone === 'ghost'
+            ? 'border border-zinc-300 text-zinc-700 hover:bg-zinc-50'
+            : 'bg-violet-600 text-white hover:bg-violet-700';
+    // Editor preview: links are inert (preventDefault) so clicking content
+    // selects the section instead of navigating away.
+    return (_jsx("a", { href: href || '#', onClick: (e) => e.preventDefault(), className: `${base} ${toneClass}`, tabIndex: -1, children: label }));
+}
+//# sourceMappingURL=parts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../../../src/views/page-editor/sections/parts.tsx"],"names":[],"mappings":";AA8BA,MAAM,UAAU,GAAG,CAAC,OAAgC,EAAE,GAAW,EAAE,QAAQ,GAAG,EAAE;IAC9E,MAAM,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAA;IACtB,OAAO,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;AAC7C,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,OAAgC,EAAE,GAAW,EAAE,QAAQ,GAAG,KAAK;IAClF,MAAM,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAA;IACtB,OAAO,OAAO,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;AAC9C,CAAC;AAED,4CAA4C;AAC5C,MAAM,UAAU,YAAY,CAAC,QAAyB;IACpD,QAAQ,QAAQ,CAAC,QAAQ,EAAE,CAAC;QAC1B,KAAK,IAAI;YACP,OAAO,MAAM,CAAA;QACf,KAAK,IAAI;YACP,OAAO,OAAO,CAAA;QAChB,KAAK,IAAI;YACP,OAAO,gBAAgB,CAAA;QACzB,KAAK,IAAI,CAAC;QACV;YACE,OAAO,gBAAgB,CAAA;IAC3B,CAAC;AACH,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,gBAAgB,CAAC,QAAyB;IACxD,OAAO,CACL,CAAC,QAAQ,CAAC,cAAc,KAAK,OAAO,IAAI,QAAQ,CAAC,cAAc,KAAK,UAAU,CAAC;QAC/E,QAAQ,CAAC,eAAe,KAAK,QAAQ,CACtC,CAAA;AACH,CAAC;AAED,wDAAwD;AACxD,MAAM,UAAU,eAAe,CAAC,QAAyB;IACvD,IAAI,QAAQ,CAAC,cAAc,KAAK,UAAU,IAAI,QAAQ,CAAC,eAAe,KAAK,QAAQ,EAAE,CAAC;QACpF,OAAO,4DAA4D,CAAA;IACrE,CAAC;IACD,IAAI,QAAQ,CAAC,cAAc,KAAK,OAAO,IAAI,QAAQ,CAAC,eAAe,KAAK,QAAQ,EAAE,CAAC;QACjF,OAAO,0BAA0B,CAAA;IACnC,CAAC;IACD,IAAI,QAAQ,CAAC,cAAc,KAAK,OAAO,IAAI,QAAQ,CAAC,eAAe,KAAK,OAAO,EAAE,CAAC;QAChF,OAAO,0BAA0B,CAAA;IACnC,CAAC;IACD,OAAO,wBAAwB,CAAA;AACjC,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,IAAI,GAAG,SAAS,GAKjB;IACC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IACvB,MAAM,IAAI,GACR,sGAAsG,CAAA;IACxG,MAAM,SAAS,GACb,IAAI,KAAK,QAAQ;QACf,CAAC,CAAC,6CAA6C;QAC/C,CAAC,CAAC,IAAI,KAAK,OAAO;YAChB,CAAC,CAAC,uDAAuD;YACzD,CAAC,CAAC,8CAA8C,CAAA;IACtD,uEAAuE;IACvE,kDAAkD;IAClD,OAAO,CACL,YACE,IAAI,EAAE,IAAI,IAAI,GAAG,EACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EAClC,SAAS,EAAE,GAAG,IAAI,IAAI,SAAS,EAAE,EACjC,QAAQ,EAAE,CAAC,CAAC,YAEX,KAAK,GACJ,CACL,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,14 @@
+/** Preview viewport presets for the page editor canvas. */
+export type ViewportId = '4k' | '1080p' | 'laptop' | 'tablet' | 'mobile';
+export interface Viewport {
+    id: ViewportId;
+    label: string;
+    /** lucide-react icon name */
+    icon: string;
+    /** logical CSS width of the preview surface, in px */
+    width: number;
+}
+export declare const VIEWPORTS: Viewport[];
+export declare const DEFAULT_VIEWPORT: ViewportId;
+export declare function getViewport(id: ViewportId): Viewport;
+//# sourceMappingURL=viewports.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viewports.d.ts","sourceRoot":"","sources":["../../../src/views/page-editor/viewports.ts"],"names":[],"mappings":"AAAA,2DAA2D;AAC3D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAExE,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,UAAU,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,SAAS,EAAE,QAAQ,EAM/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,UAAoB,CAAA;AAEnD,wBAAgB,WAAW,CAAC,EAAE,EAAE,UAAU,GAAG,QAAQ,CAEpD"}

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

@@ -0,0 +1,12 @@
+export const VIEWPORTS = [
+    { id: '4k', label: '4K', icon: 'monitor', width: 1920 },
+    { id: '1080p', label: '1080p', icon: 'monitor', width: 1440 },
+    { id: 'laptop', label: 'Laptop', icon: 'laptop', width: 1280 },
+    { id: 'tablet', label: 'Tablet', icon: 'tablet', width: 768 },
+    { id: 'mobile', label: 'Mobile', icon: 'smartphone', width: 390 },
+];
+export const DEFAULT_VIEWPORT = '1080p';
+export function getViewport(id) {
+    return VIEWPORTS.find((v) => v.id === id) ?? VIEWPORTS[1];
+}
+//# sourceMappingURL=viewports.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viewports.js","sourceRoot":"","sources":["../../../src/views/page-editor/viewports.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,SAAS,GAAe;IACnC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE;IACvD,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE;IAC7D,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;IAC9D,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;IAC7D,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE;CAClE,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAe,OAAO,CAAA;AAEnD,MAAM,UAAU,WAAW,CAAC,EAAc;IACxC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,SAAS,CAAC,CAAC,CAAE,CAAA;AAC5D,CAAC"}

package/dist/views/post-editor/PostEditorCanvas.d.ts

@@ -0,0 +1,21 @@
+import type { PageSection, PostHeaderConfig } from '../../lib/post-editor-service.js';
+import { type PostRenderContext } from '../page-editor/sections/index.js';
+import { type ViewportId } from '../page-editor/viewports.js';
+interface PostEditorCanvasProps {
+    sections: PageSection[];
+    header: PostHeaderConfig;
+    context: PostRenderContext;
+    selectedId: string | null;
+    viewport: ViewportId;
+    onSelect: (id: string) => void;
+    onAddSection: () => void;
+}
+/**
+ * Post preview canvas. Mirrors the Page editor canvas (scaled surface that
+ * fits the selected viewport) but renders the post header above the section
+ * list so the editor shows the full post layout — header regions plus body
+ * sections — exactly as it will ship.
+ */
+export declare function PostEditorCanvas({ sections, header, context, selectedId, viewport, onSelect, onAddSection, }: PostEditorCanvasProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PostEditorCanvas.d.ts.map

package/dist/views/post-editor/PostEditorCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostEditorCanvas.d.ts","sourceRoot":"","sources":["../../../src/views/post-editor/PostEditorCanvas.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACrF,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAC1F,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAG1E,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB,MAAM,EAAE,gBAAgB,CAAA;IACxB,OAAO,EAAE,iBAAiB,CAAA;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,QAAQ,EAAE,UAAU,CAAA;IACpB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,YAAY,GACb,EAAE,qBAAqB,2CAoEvB"}

package/dist/views/post-editor/PostEditorCanvas.js

@@ -0,0 +1,58 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { FileText, Plus } from 'lucide-react';
+import { SectionRenderer } from '../page-editor/sections/index.js';
+import { getViewport } from '../page-editor/viewports.js';
+import { PostHeader } from './PostHeader.js';
+/**
+ * Post preview canvas. Mirrors the Page editor canvas (scaled surface that
+ * fits the selected viewport) but renders the post header above the section
+ * list so the editor shows the full post layout — header regions plus body
+ * sections — exactly as it will ship.
+ */
+export function PostEditorCanvas({ sections, header, context, selectedId, viewport, onSelect, onAddSection, }) {
+    const vp = getViewport(viewport);
+    const containerRef = useRef(null);
+    const surfaceRef = useRef(null);
+    const sectionRefs = useRef(new Map());
+    const [scale, setScale] = useState(1);
+    const [surfaceHeight, setSurfaceHeight] = useState(null);
+    const registerRef = useCallback((id, el) => {
+        if (el)
+            sectionRefs.current.set(id, el);
+        else
+            sectionRefs.current.delete(id);
+    }, []);
+    useLayoutEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const recompute = () => {
+            const available = container.clientWidth - 48;
+            const next = Math.min(1, available / vp.width);
+            setScale(next > 0 ? next : 1);
+            if (surfaceRef.current) {
+                setSurfaceHeight(surfaceRef.current.offsetHeight * (next > 0 ? next : 1));
+            }
+        };
+        recompute();
+        const ro = new ResizeObserver(recompute);
+        ro.observe(container);
+        if (surfaceRef.current)
+            ro.observe(surfaceRef.current);
+        return () => ro.disconnect();
+    }, [vp.width, sections, header, context]);
+    useEffect(() => {
+        if (!selectedId)
+            return;
+        const el = sectionRefs.current.get(selectedId);
+        if (el)
+            el.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+    }, [selectedId]);
+    return (_jsx("div", { ref: containerRef, className: "bg-muted h-full overflow-auto p-6", children: _jsx("div", { className: "mx-auto", style: { width: vp.width * scale, height: surfaceHeight ?? undefined }, children: _jsxs("div", { ref: surfaceRef, className: "border-border origin-top overflow-hidden rounded-xl border bg-white shadow-sm", style: { width: vp.width, transform: `scale(${scale})`, transformOrigin: 'top left' }, children: [_jsx(PostHeader, { config: header, context: context }), sections.length === 0 ? (_jsx(EmptyBody, { onAddSection: onAddSection })) : (sections.map((section) => (_jsx(SectionRenderer, { section: section, context: context, editable: true, selected: section.id === selectedId, onSelect: onSelect, registerRef: registerRef }, section.id))))] }) }) }));
+}
+function EmptyBody({ onAddSection }) {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-3 border-t border-zinc-100 px-6 py-16 text-center", children: [_jsx("span", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-zinc-100", children: _jsx(FileText, { className: "h-5 w-5 text-zinc-400", "aria-hidden": true }) }), _jsx("p", { className: "text-sm text-zinc-500", children: "The header is set by the template. Add body sections to build out this post." }), _jsxs("button", { type: "button", onClick: onAddSection, className: "inline-flex items-center gap-2 rounded-lg bg-violet-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-violet-700", children: [_jsx(Plus, { className: "h-4 w-4", "aria-hidden": true }), "Add Section"] })] }));
+}
+//# sourceMappingURL=PostEditorCanvas.js.map

package/dist/views/post-editor/PostEditorCanvas.js.map

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

package/dist/views/post-editor/PostFieldsModal.d.ts

@@ -0,0 +1,12 @@
+import type { EditorPost } from '../../lib/post-editor-service.js';
+interface PostFieldsModalProps {
+    open: boolean;
+    post: EditorPost;
+    canEdit: boolean;
+    onClose: () => void;
+    onSave: (patch: Partial<EditorPost>) => void;
+}
+/** Edits post-level fields: title, slug, excerpt, featured image, category, body, SEO. */
+export declare function PostFieldsModal({ open, post, canEdit, onClose, onSave }: PostFieldsModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PostFieldsModal.d.ts.map

package/dist/views/post-editor/PostFieldsModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostFieldsModal.d.ts","sourceRoot":"","sources":["../../../src/views/post-editor/PostFieldsModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAElE,UAAU,oBAAoB;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;CAC7C;AAcD,0FAA0F;AAC1F,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAuK7F"}

package/dist/views/post-editor/PostFieldsModal.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Modal } from '../../components/ui/Modal.js';
+import { Button } from '../../components/ui/Button.js';
+const LABEL = 'text-foreground mb-1 block text-xs font-medium';
+const INPUT = 'border-input bg-input-background text-foreground focus-visible:ring-ring w-full rounded-md border px-2.5 py-1.5 text-sm focus-visible:ring-2 focus-visible:outline-none';
+function slugify(value) {
+    return value
+        .toLowerCase()
+        .trim()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '');
+}
+/** Edits post-level fields: title, slug, excerpt, featured image, category, body, SEO. */
+export function PostFieldsModal({ open, post, canEdit, onClose, onSave }) {
+    const [title, setTitle] = useState(post.title);
+    const [slug, setSlug] = useState(post.slug);
+    const [excerpt, setExcerpt] = useState(post.excerpt);
+    const [featuredImage, setFeaturedImage] = useState(post.featuredImage);
+    const [category, setCategory] = useState(post.category);
+    const [body, setBody] = useState(post.body);
+    const [seoTitle, setSeoTitle] = useState(post.seoTitle);
+    const [seoDescription, setSeoDescription] = useState(post.seoDescription);
+    const [slugTouched, setSlugTouched] = useState(Boolean(post.slug));
+    useEffect(() => {
+        if (!open)
+            return;
+        setTitle(post.title);
+        setSlug(post.slug);
+        setExcerpt(post.excerpt);
+        setFeaturedImage(post.featuredImage);
+        setCategory(post.category);
+        setBody(post.body);
+        setSeoTitle(post.seoTitle);
+        setSeoDescription(post.seoDescription);
+        setSlugTouched(Boolean(post.slug));
+    }, [open, post]);
+    function handleTitle(next) {
+        setTitle(next);
+        if (!slugTouched)
+            setSlug(slugify(next));
+    }
+    function handleSave() {
+        onSave({ title, slug, excerpt, featuredImage, category, body, seoTitle, seoDescription });
+        onClose();
+    }
+    return (_jsx(Modal, { open: open, onClose: onClose, title: "Post details", actions: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", onClick: onClose, children: "Cancel" }), _jsx(Button, { variant: "primary", onClick: handleSave, disabled: !canEdit, children: "Done" })] }), children: _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsxs("label", { className: LABEL, htmlFor: "pf-title", children: ["Title ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx("input", { id: "pf-title", className: INPUT, value: title, disabled: !canEdit, onChange: (e) => handleTitle(e.target.value) })] }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { children: [_jsxs("label", { className: LABEL, htmlFor: "pf-slug", children: ["Slug ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx("input", { id: "pf-slug", className: INPUT, value: slug, disabled: !canEdit, onChange: (e) => {
+                                        setSlugTouched(true);
+                                        setSlug(slugify(e.target.value));
+                                    } })] }), _jsxs("div", { children: [_jsx("label", { className: LABEL, htmlFor: "pf-category", children: "Category" }), _jsx("input", { id: "pf-category", className: INPUT, value: category, disabled: !canEdit, placeholder: "e.g. Product", onChange: (e) => setCategory(e.target.value) })] })] }), _jsxs("div", { children: [_jsx("label", { className: LABEL, htmlFor: "pf-excerpt", children: "Excerpt" }), _jsx("textarea", { id: "pf-excerpt", className: `${INPUT} min-h-[60px] resize-y`, value: excerpt, disabled: !canEdit, placeholder: "A short summary shown in listings and the header.", onChange: (e) => setExcerpt(e.target.value) })] }), _jsxs("div", { children: [_jsx("label", { className: LABEL, htmlFor: "pf-image", children: "Featured image URL" }), _jsx("input", { id: "pf-image", className: INPUT, value: featuredImage, disabled: !canEdit, placeholder: "https://\u2026", onChange: (e) => setFeaturedImage(e.target.value) }), featuredImage && (_jsx("div", { className: "border-border bg-muted mt-2 overflow-hidden rounded-md border", children: _jsx("img", { src: featuredImage, alt: "", className: "h-28 w-full object-cover" }) }))] }), _jsxs("div", { children: [_jsx("label", { className: LABEL, htmlFor: "pf-body", children: "Body" }), _jsx("textarea", { id: "pf-body", className: `${INPUT} min-h-[120px] resize-y`, value: body, disabled: !canEdit, placeholder: "The main post content. Shown by the Article Body section.", onChange: (e) => setBody(e.target.value) }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "Rendered by the Article Body section when its source is set to the post Body field." })] }), _jsxs("div", { children: [_jsx("label", { className: LABEL, htmlFor: "pf-seo-title", children: "SEO title" }), _jsx("input", { id: "pf-seo-title", className: INPUT, value: seoTitle, disabled: !canEdit, onChange: (e) => setSeoTitle(e.target.value) })] }), _jsxs("div", { children: [_jsx("label", { className: LABEL, htmlFor: "pf-seo-desc", children: "SEO description" }), _jsx("textarea", { id: "pf-seo-desc", className: `${INPUT} min-h-[60px] resize-y`, value: seoDescription, disabled: !canEdit, onChange: (e) => setSeoDescription(e.target.value) })] })] }) }));
+}
+//# sourceMappingURL=PostFieldsModal.js.map