@actuate-media/cms-admin 0.15.0 → 0.16.1

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

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

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

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

@@ -0,0 +1,15 @@
+import type { PostHeaderConfig } from '../page-editor/section-types.js';
+import type { PostRenderContext } from '../page-editor/sections/index.js';
+interface PostHeaderProps {
+    config: PostHeaderConfig;
+    context: PostRenderContext;
+}
+/**
+ * Renders a post's header region from the template's design config plus the
+ * post's own field values. Uses the same fixed website palette as the
+ * section renderers (see sections/parts.tsx) so the editor canvas and the
+ * public preview match.
+ */
+export declare function PostHeader({ config, context }: PostHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PostHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostHeader.d.ts","sourceRoot":"","sources":["../../../src/views/post-editor/PostHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAEzE,UAAU,eAAe;IACvB,MAAM,EAAE,gBAAgB,CAAA;IACxB,OAAO,EAAE,iBAAiB,CAAA;CAC3B;AASD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,eAAe,2CAiE9D"}

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function formatDate(value) {
+    if (!value)
+        return '';
+    const d = new Date(value);
+    if (Number.isNaN(d.getTime()))
+        return '';
+    return d.toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' });
+}
+/**
+ * Renders a post's header region from the template's design config plus the
+ * post's own field values. Uses the same fixed website palette as the
+ * section renderers (see sections/parts.tsx) so the editor canvas and the
+ * public preview match.
+ */
+export function PostHeader({ config, context }) {
+    const title = context.title || 'Untitled post';
+    const date = config.showDate ? formatDate(context.publishDate) : '';
+    const overlay = config.layout === 'overlay' && config.showFeaturedImage && context.featuredImageUrl;
+    const align = config.layout === 'centered' ? 'text-center mx-auto items-center' : 'text-left';
+    const meta = (_jsxs("div", { className: `mt-4 flex flex-wrap gap-x-3 gap-y-1 text-sm ${config.layout === 'centered' ? 'justify-center' : ''} ${overlay ? 'text-white/80' : 'text-zinc-500'}`, children: [config.showCategory && context.category && (_jsx("span", { className: "font-medium text-violet-500", children: context.category })), config.showAuthor && _jsx("span", { children: context.author?.name || 'Author name' }), date && _jsx("span", { children: date }), config.showReadingTime && _jsx("span", { children: "5 min read" })] }));
+    if (overlay) {
+        return (_jsxs("header", { className: "relative", children: [_jsx("img", { src: context.featuredImageUrl, alt: "", className: "h-[360px] w-full object-cover" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/70 to-black/10", "aria-hidden": true }), _jsx("div", { className: "absolute inset-x-0 bottom-0 px-6 pb-8", children: _jsxs("div", { className: `mx-auto flex max-w-3xl flex-col ${align}`, children: [_jsx("h1", { className: "text-3xl font-semibold tracking-tight text-white sm:text-4xl", children: title }), config.showExcerpt && context.excerpt && (_jsx("p", { className: "mt-3 max-w-2xl text-lg text-white/90", children: context.excerpt })), meta] }) })] }));
+    }
+    return (_jsxs("header", { className: "bg-white px-6 pt-12 pb-2", children: [_jsxs("div", { className: `flex max-w-3xl flex-col ${align} ${config.layout === 'centered' ? 'mx-auto' : ''}`, children: [config.showCategory && context.category && config.layout !== 'centered' && null, _jsx("h1", { className: "text-3xl font-semibold tracking-tight text-zinc-900 sm:text-4xl", children: title }), config.showExcerpt && context.excerpt && (_jsx("p", { className: "mt-3 max-w-2xl text-lg text-zinc-600", children: context.excerpt })), meta] }), config.showFeaturedImage && context.featuredImageUrl && (_jsx("div", { className: "mx-auto mt-8 max-w-4xl", children: _jsx("img", { src: context.featuredImageUrl, alt: "", className: "aspect-[16/9] w-full rounded-xl object-cover" }) }))] }));
+}
+//# sourceMappingURL=PostHeader.js.map

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

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

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

@@ -0,0 +1,11 @@
+import type { PostHeaderConfig } from '../../lib/post-editor-service.js';
+interface PostHeaderPanelProps {
+    header: PostHeaderConfig;
+    canEdit: boolean;
+    onClose: () => void;
+    onChange: (patch: Partial<PostHeaderConfig>) => void;
+}
+/** Inspector panel for the post header layout (template-level design config). */
+export declare function PostHeaderPanel({ header, canEdit, onClose, onChange }: PostHeaderPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PostHeaderPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostHeaderPanel.d.ts","sourceRoot":"","sources":["../../../src/views/post-editor/PostHeaderPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAExE,UAAU,oBAAoB;IAC5B,MAAM,EAAE,gBAAgB,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CACrD;AAeD,iFAAiF;AACjF,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAgF3F"}

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

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from 'lucide-react';
+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';
+const TOGGLES = [
+    { key: 'showFeaturedImage', label: 'Featured image' },
+    { key: 'showExcerpt', label: 'Excerpt' },
+    { key: 'showAuthor', label: 'Author' },
+    { key: 'showDate', label: 'Date' },
+    { key: 'showCategory', label: 'Category' },
+    { key: 'showReadingTime', label: 'Reading time' },
+];
+/** Inspector panel for the post header layout (template-level design config). */
+export function PostHeaderPanel({ header, canEdit, onClose, onChange }) {
+    return (_jsxs("aside", { role: "dialog", "aria-label": "Edit post header", className: "bg-card border-border flex h-full w-80 shrink-0 flex-col border-l", children: [_jsxs("div", { className: "border-border flex items-center justify-between border-b px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-foreground truncate text-sm font-medium", children: "Post header" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Layout for every post of this type" })] }), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close header panel", className: "text-muted-foreground hover:text-foreground hover:bg-accent rounded p-1", children: _jsx(X, { className: "h-4 w-4", "aria-hidden": true }) })] }), _jsxs("div", { className: "flex-1 space-y-6 overflow-y-auto p-4", children: [_jsxs("fieldset", { disabled: !canEdit, className: "space-y-3", children: [_jsx("legend", { className: "text-muted-foreground mb-2 text-[10px] font-semibold tracking-wider uppercase", children: "Layout" }), _jsxs("div", { children: [_jsx("label", { className: LABEL, htmlFor: "ph-layout", children: "Header style" }), _jsxs("select", { id: "ph-layout", className: INPUT, value: header.layout, onChange: (e) => onChange({ layout: e.target.value }), children: [_jsx("option", { value: "centered", children: "Centered" }), _jsx("option", { value: "left", children: "Left-aligned" }), _jsx("option", { value: "overlay", children: "Image overlay" })] })] })] }), _jsxs("fieldset", { disabled: !canEdit, className: "space-y-2", children: [_jsx("legend", { className: "text-muted-foreground mb-2 text-[10px] font-semibold tracking-wider uppercase", children: "Show in header" }), TOGGLES.map((t) => {
+                                const value = header[t.key] === true;
+                                return (_jsxs("button", { type: "button", role: "switch", "aria-checked": value, disabled: !canEdit, onClick: () => onChange({ [t.key]: !value }), className: "border-border text-foreground hover:bg-accent flex w-full items-center justify-between rounded-md border px-2.5 py-1.5 text-sm disabled:opacity-50", children: [_jsx("span", { children: t.label }), _jsx("span", { "aria-hidden": true, className: `relative inline-flex h-5 w-9 shrink-0 items-center rounded-full transition-colors ${value ? 'bg-primary' : 'bg-muted'}`, children: _jsx("span", { className: `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${value ? 'translate-x-4' : 'translate-x-0.5'}` }) })] }, t.key));
+                            })] })] })] }));
+}
+//# sourceMappingURL=PostHeaderPanel.js.map

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

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

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

@@ -0,0 +1,14 @@
+interface PostPreviewProps {
+    postType: string;
+    documentId: string;
+    session?: any;
+    onNavigate: (path: string) => void;
+}
+/**
+ * Chrome-free render of a post using the same header + section renderers as
+ * the editor canvas, so the preview reflects what ships. Only visible
+ * sections render (hidden ones are omitted, like the public page).
+ */
+export declare function PostPreview({ postType, documentId, session, onNavigate }: PostPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PostPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostPreview.d.ts","sourceRoot":"","sources":["../../../src/views/post-editor/PostPreview.tsx"],"names":[],"mappings":"AAcA,UAAU,gBAAgB;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,gBAAgB,2CAuF1F"}