@canvas-digital/blog-sdk 2.0.0

package/dist/components/BlogUploader/dashboard/seo/SeoBrandLists.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { clearBrandAnalytics, resetBrandRobots } from '../../../app/(dashboard)/_actions/admin';
+import { SeoBrandList } from './SeoBrandList';
+export const RobotsBrandList = ({ rows, canEdit, }) => (_jsx(SeoBrandList, { rows: rows, basePath: "/admin/robots", canEdit: canEdit, canClear: canEdit, clearLabel: "Reset", onClear: async (row) => resetBrandRobots(row.id) }));
+export const AnalyticsBrandList = ({ rows, canEdit, }) => (_jsx(SeoBrandList, { rows: rows, basePath: "/admin/analytics", canEdit: canEdit, canClear: canEdit, clearLabel: "Clear", onClear: async (row) => clearBrandAnalytics({ id: row.id, clearGa4: true }) }));
+export const SearchConsoleBrandList = ({ rows, canEdit, }) => (_jsx(SeoBrandList, { rows: rows, basePath: "/admin/search-console", canEdit: canEdit, canClear: canEdit, clearLabel: "Clear", onClear: async (row) => clearBrandAnalytics({ id: row.id, clearGsc: true }) }));
+export const SitemapBrandList = ({ rows }) => (_jsx(SeoBrandList, { rows: rows, basePath: "/admin/sitemap", canEdit: false }));

package/dist/components/BlogUploader/dashboard/seo/shared.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import { type NavKey } from '../Shell';
+import type { ShellData } from '../../../lib/dashboard';
+import type { Tenant } from '../../../payload-types';
+/** Shared empty state when an SEO tool needs a single brand in context. */
+export declare const BrandPickPanel: ({ shell, active, title, path, }: {
+    shell: ShellData;
+    active: NavKey;
+    title: string;
+    path: string;
+}) => import("react").JSX.Element;
+export declare const SeoStatus: ({ ok, label, detail, }: {
+    ok: boolean;
+    label: string;
+    detail: ReactNode;
+}) => import("react").JSX.Element;
+export type BrandRef = Pick<Tenant, 'id' | 'name' | 'slug' | 'primaryDomain'>;
+//# sourceMappingURL=shared.d.ts.map

package/dist/components/BlogUploader/dashboard/seo/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../../app/components/BlogUploader/dashboard/seo/shared.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAS,KAAK,MAAM,EAAE,MAAM,UAAU,CAAA;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAEpD,2EAA2E;AAC3E,eAAO,MAAM,cAAc,GAAI,iCAK5B;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,gCAoBA,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,wBAIvB;IACD,EAAE,EAAE,OAAO,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,SAAS,CAAA;CAClB,gCAQA,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC,CAAA"}

package/dist/components/BlogUploader/dashboard/seo/shared.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { Shell } from '../Shell';
+/** Shared empty state when an SEO tool needs a single brand in context. */
+export const BrandPickPanel = ({ shell, active, title, path, }) => (_jsx(Shell, { active: active, shell: shell, title: title, subtitle: "Choose a brand to configure", children: _jsxs("section", { className: "panel", children: [_jsx("div", { className: "panel-head", children: _jsx("h2", { children: "Which brand?" }) }), _jsxs("div", { className: "panel-body", children: [_jsx("p", { className: "explain", style: { marginTop: 0 }, children: "These settings are per brand \u2014 pick one to continue." }), _jsx("div", { className: "chips", children: shell.tenants.map((t) => (_jsx(Link, { className: "btn", href: `${path}?brand=${t.slug}`, children: t.name }, t.id))) })] })] }) }));
+export const SeoStatus = ({ ok, label, detail, }) => (_jsxs("div", { className: `seo-status ${ok ? 'is-ok' : 'is-warn'}`, children: [_jsx("span", { className: "seo-status-dot", "aria-hidden": "true" }), _jsxs("div", { children: [_jsx("strong", { children: label }), _jsx("p", { children: detail })] })] }));

package/dist/components/BlogUploader/dashboard/tools/ExportTool.d.ts

@@ -0,0 +1,8 @@
+export type ExportKind = 'all' | 'posts' | 'media';
+export declare const ExportTool: ({ brandSlug, brandName, postCount, mediaCount, }: {
+    brandSlug: string | null;
+    brandName: string;
+    postCount: number;
+    mediaCount: number;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=ExportTool.d.ts.map

package/dist/components/BlogUploader/dashboard/tools/ExportTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportTool.d.ts","sourceRoot":"","sources":["../../../../../app/components/BlogUploader/dashboard/tools/ExportTool.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;AAElD,eAAO,MAAM,UAAU,GAAI,kDAKxB;IACD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,gCA2JA,CAAA"}

package/dist/components/BlogUploader/dashboard/tools/ExportTool.js

@@ -0,0 +1,78 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+export const ExportTool = ({ brandSlug, brandName, postCount, mediaCount, }) => {
+    const [kind, setKind] = useState('all');
+    const [format, setFormat] = useState('json');
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(null);
+    const options = [
+        {
+            value: 'all',
+            label: 'All content',
+            description: `Posts and media for ${brandName} (${postCount} posts · ${mediaCount} media).`,
+        },
+        {
+            value: 'posts',
+            label: 'Posts',
+            description: `Published and draft posts only (${postCount}). Categories, tags, and authors are included as references.`,
+        },
+        {
+            value: 'media',
+            label: 'Media',
+            description: `Uploaded files and their metadata (${mediaCount}). URLs point at the current storage location.`,
+        },
+    ];
+    const formats = [
+        {
+            value: 'json',
+            label: 'JSON',
+            description: 'Full nested structure. Best for backups and round-trips.',
+        },
+        {
+            value: 'xml',
+            label: 'XML',
+            description: 'Structured markup with posts, media, and nested references.',
+        },
+        {
+            value: 'csv',
+            label: 'CSV',
+            description: 'Flat table with a recordType column (post / media / comment).',
+        },
+    ];
+    const download = async () => {
+        setError(null);
+        setBusy(true);
+        try {
+            const params = new URLSearchParams({ type: kind, format });
+            if (brandSlug)
+                params.set('brand', brandSlug);
+            const res = await fetch(`/api/dashboard/export?${params.toString()}`, {
+                credentials: 'same-origin',
+            });
+            if (!res.ok) {
+                const body = (await res.json().catch(() => null));
+                throw new Error(body?.error || 'Export failed.');
+            }
+            const blob = await res.blob();
+            const disposition = res.headers.get('Content-Disposition') || '';
+            const match = /filename="([^"]+)"/.exec(disposition);
+            const filename = match?.[1] || `export-${kind}.${format}`;
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = filename;
+            document.body.appendChild(a);
+            a.click();
+            a.remove();
+            URL.revokeObjectURL(url);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Export failed.');
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    return (_jsxs("section", { className: "panel", children: [_jsx("div", { className: "panel-head", children: _jsx("h2", { children: "Choose what to export" }) }), _jsxs("div", { className: "panel-body stack", children: [_jsxs("p", { className: "note", style: { marginTop: 0 }, children: ["Download a JSON, XML, or CSV file as a backup or to move content between environments. Scope follows the brand selected in the top bar", brandSlug ? ` (currently ${brandName})` : ' (all brands you can access)', "."] }), error ? (_jsx("p", { className: "form-error", role: "alert", children: error })) : null, _jsxs("fieldset", { className: "export-fieldset", children: [_jsx("legend", { className: "sr-only", children: "Export type" }), options.map((opt) => (_jsxs("label", { className: `export-option${kind === opt.value ? ' is-on' : ''}`, children: [_jsx("input", { type: "radio", name: "export-kind", value: opt.value, checked: kind === opt.value, onChange: () => setKind(opt.value) }), _jsxs("span", { className: "export-option-body", children: [_jsx("span", { className: "export-option-label", children: opt.label }), _jsx("span", { className: "export-option-desc", children: opt.description })] })] }, opt.value)))] }), _jsxs("fieldset", { className: "export-fieldset", children: [_jsx("legend", { className: "export-fieldset-label", children: "File format" }), formats.map((opt) => (_jsxs("label", { className: `export-option${format === opt.value ? ' is-on' : ''}`, children: [_jsx("input", { type: "radio", name: "export-format", value: opt.value, checked: format === opt.value, onChange: () => setFormat(opt.value) }), _jsxs("span", { className: "export-option-body", children: [_jsx("span", { className: "export-option-label", children: opt.label }), _jsx("span", { className: "export-option-desc", children: opt.description })] })] }, opt.value)))] }), _jsx("div", { className: "btn-row", children: _jsx("button", { type: "button", className: "btn btn-primary", onClick: () => void download(), disabled: busy, children: busy ? 'Preparing…' : `Download ${format.toUpperCase()} File` }) })] })] }));
+};

package/dist/components/BlogUploader/dashboard/tools/ImportTool.d.ts

@@ -0,0 +1,7 @@
+export type ImportKind = 'all' | 'posts' | 'comments';
+export declare const ImportTool: ({ brandSlug, brandName, tenantId, }: {
+    brandSlug: string;
+    brandName: string;
+    tenantId: string;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=ImportTool.d.ts.map

package/dist/components/BlogUploader/dashboard/tools/ImportTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportTool.d.ts","sourceRoot":"","sources":["../../../../../app/components/BlogUploader/dashboard/tools/ImportTool.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,CAAA;AAUrD,eAAO,MAAM,UAAU,GAAI,qCAIxB;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB,gCAgJA,CAAA"}

package/dist/components/BlogUploader/dashboard/tools/ImportTool.js

@@ -0,0 +1,70 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { detectFormat } from '@/lib/data-transfer';
+export const ImportTool = ({ brandSlug, brandName, tenantId, }) => {
+    const inputRef = useRef(null);
+    const [kind, setKind] = useState('all');
+    const [file, setFile] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(null);
+    const [result, setResult] = useState(null);
+    const options = [
+        {
+            value: 'all',
+            label: 'Posts and comments',
+            description: 'Import blog posts first, then comments linked by post slug.',
+        },
+        {
+            value: 'posts',
+            label: 'Posts only',
+            description: 'Bulk create blog posts for this brand. Existing slugs are skipped.',
+        },
+        {
+            value: 'comments',
+            label: 'Comments only',
+            description: 'Bulk create comments. Each row must include a postSlug that already exists.',
+        },
+    ];
+    const runImport = async () => {
+        setError(null);
+        setResult(null);
+        if (!file) {
+            setError('Choose a JSON, XML, or CSV file to import.');
+            return;
+        }
+        setBusy(true);
+        try {
+            const content = await file.text();
+            const format = detectFormat(file.name, content);
+            const res = await fetch('/api/dashboard/import', {
+                method: 'POST',
+                credentials: 'same-origin',
+                headers: { 'content-type': 'application/json' },
+                body: JSON.stringify({
+                    type: kind,
+                    brand: brandSlug,
+                    tenantId,
+                    format,
+                    content,
+                }),
+            });
+            const body = (await res.json());
+            if (!res.ok || body.ok === false) {
+                throw new Error(body.error || 'Import failed.');
+            }
+            setResult(body);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Import failed.');
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    return (_jsxs("section", { className: "panel", children: [_jsxs("div", { className: "panel-head", children: [_jsx("h2", { children: "Choose what to import" }), _jsx("span", { className: "hint", children: brandName })] }), _jsxs("div", { className: "panel-body stack", children: [_jsxs("p", { className: "note", style: { marginTop: 0 }, children: ["Upload a JSON, XML, or CSV file from Tools \u2192 Export, or a custom file with posts and/or comments. Comments must reference posts by ", _jsx("code", { children: "postSlug" }), ". CSV rows use a", ' ', _jsx("code", { children: "recordType" }), " column (", _jsx("code", { children: "post" }), " / ", _jsx("code", { children: "comment" }), ")."] }), error ? (_jsx("p", { className: "form-error", role: "alert", children: error })) : null, result ? (_jsxs("div", { className: "form-ok", role: "status", children: ["Imported ", result.postsCreated, " post", result.postsCreated === 1 ? '' : 's', result.postsSkipped ? ` (${result.postsSkipped} skipped)` : '', ",", ' ', result.commentsCreated, " comment", result.commentsCreated === 1 ? '' : 's', result.commentsSkipped ? ` (${result.commentsSkipped} skipped)` : '', ".", result.errors.length ? (_jsxs("ul", { className: "import-errors", children: [result.errors.slice(0, 8).map((msg) => (_jsx("li", { children: msg }, msg))), result.errors.length > 8 ? _jsxs("li", { children: ["\u2026and ", result.errors.length - 8, " more"] }) : null] })) : null] })) : null, _jsxs("fieldset", { className: "export-fieldset", children: [_jsx("legend", { className: "sr-only", children: "Import type" }), options.map((opt) => (_jsxs("label", { className: `export-option${kind === opt.value ? ' is-on' : ''}`, children: [_jsx("input", { type: "radio", name: "import-kind", value: opt.value, checked: kind === opt.value, onChange: () => setKind(opt.value) }), _jsxs("span", { className: "export-option-body", children: [_jsx("span", { className: "export-option-label", children: opt.label }), _jsx("span", { className: "export-option-desc", children: opt.description })] })] }, opt.value)))] }), _jsxs("div", { className: "import-file", children: [_jsx("input", { ref: inputRef, type: "file", accept: ".json,.xml,.csv,application/json,application/xml,text/xml,text/csv", className: "sr-only", onChange: (e) => {
+                                    setFile(e.target.files?.[0] ?? null);
+                                    setResult(null);
+                                    setError(null);
+                                } }), _jsx("button", { type: "button", className: "btn", onClick: () => inputRef.current?.click(), disabled: busy, children: file ? 'Change file' : 'Choose file' }), _jsx("span", { className: "import-file-name mono", children: file ? file.name : 'JSON, XML, or CSV' })] }), _jsx("div", { className: "btn-row", children: _jsx("button", { type: "button", className: "btn btn-primary", onClick: () => void runImport(), disabled: busy || !file, children: busy ? 'Importing…' : 'Run Import' }) })] })] }));
+};

package/dist/components/BlogUploader/dashboard/upload.d.ts

@@ -0,0 +1,47 @@
+/**
+ * One upload path for the whole dashboard.
+ *
+ * The media library, the picker modal and the featured-image box all call this,
+ * so an image dropped in any of them goes through the same endpoint, the same
+ * size limit and the same error wording. It posts to a route rather than a
+ * server action because this is the one request measured in megabytes.
+ */
+export type UploadedMedia = {
+    id: string;
+    url: string;
+    thumbnailUrl: string;
+    alt: string;
+    width: number | null;
+    height: number | null;
+    filesize: number | null;
+    mimeType: string;
+    needsAlt: boolean;
+};
+export type UploadOutcome = {
+    ok: true;
+    images: UploadedMedia[];
+} | {
+    ok: false;
+    error: string;
+    images: UploadedMedia[];
+};
+export declare const uploadImages: (files: File[] | FileList, tenant: string | null, onProgress?: (done: number, total: number) => void, meta?: {
+    alt?: string;
+    caption?: string;
+    credit?: string;
+}) => Promise<UploadOutcome>;
+export declare const uploadVideo: (file: File, tenant: string | null) => Promise<{
+    ok: true;
+    media: UploadedMedia;
+} | {
+    ok: false;
+    error: string;
+}>;
+export declare const uploadAudio: (file: File, tenant: string | null) => Promise<{
+    ok: true;
+    media: UploadedMedia;
+} | {
+    ok: false;
+    error: string;
+}>;
+//# sourceMappingURL=upload.d.ts.map

package/dist/components/BlogUploader/dashboard/upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/dashboard/upload.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,YAAY,EAAE,MAAM,CAAA;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,aAAa,GACrB;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,MAAM,EAAE,aAAa,EAAE,CAAA;CAAE,GACrC;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,aAAa,EAAE,CAAA;CAAE,CAAA;AAkCzD,eAAO,MAAM,YAAY,GACvB,OAAO,IAAI,EAAE,GAAG,QAAQ,EACxB,QAAQ,MAAM,GAAG,IAAI,EACrB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,EAClD,OAAO;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KACzD,OAAO,CAAC,aAAa,CAuBvB,CAAA;AAED,eAAO,MAAM,WAAW,GAAU,MAAM,IAAI,EAAE,QAAQ,MAAM,GAAG,IAAI,KAAG,OAAO,CAAC;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,aAAa,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAQ9I,CAAA;AAED,eAAO,MAAM,WAAW,GAAU,MAAM,IAAI,EAAE,QAAQ,MAAM,GAAG,IAAI,KAAG,OAAO,CAAC;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,aAAa,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAQ9I,CAAA"}

package/dist/components/BlogUploader/dashboard/upload.js

@@ -0,0 +1,68 @@
+'use client';
+const postFile = async (file, tenant, meta) => {
+    const form = new FormData();
+    form.set('file', file);
+    form.set('tenant', tenant);
+    if (meta?.alt?.trim())
+        form.set('alt', meta.alt.trim());
+    if (meta?.caption?.trim())
+        form.set('caption', meta.caption.trim());
+    if (meta?.credit?.trim())
+        form.set('credit', meta.credit.trim());
+    try {
+        const res = await fetch('/api/dashboard/upload', { method: 'POST', body: form });
+        const body = (await res.json());
+        if (!res.ok) {
+            return {
+                ok: false,
+                error: res.status === 401
+                    ? 'Your session has expired. Reload the page and sign in again.'
+                    : body.error || 'The upload failed.',
+            };
+        }
+        return { ok: true, media: body };
+    }
+    catch {
+        return { ok: false, error: 'The upload failed — check your connection and retry.' };
+    }
+};
+export const uploadImages = async (files, tenant, onProgress, meta) => {
+    const list = Array.from(files).filter((f) => f.type.startsWith('image/'));
+    const images = [];
+    if (!tenant) {
+        return {
+            ok: false,
+            images,
+            error: 'Choose a single brand first — an image belongs to one brand, not to all of them.',
+        };
+    }
+    if (list.length === 0) {
+        return { ok: false, images, error: 'That file is not an image. JPEG, PNG, WebP, AVIF or GIF.' };
+    }
+    for (const [index, file] of list.entries()) {
+        const res = await postFile(file, tenant, index === 0 ? meta : undefined);
+        if (!res.ok)
+            return { ok: false, images, error: res.error };
+        images.push(res.media);
+        onProgress?.(index + 1, list.length);
+    }
+    return { ok: true, images };
+};
+export const uploadVideo = async (file, tenant) => {
+    if (!tenant) {
+        return { ok: false, error: 'Choose a single brand first — media belongs to one brand, not to all of them.' };
+    }
+    if (!file.type.startsWith('video/')) {
+        return { ok: false, error: 'That file is not a video. Use MP4, WebM or MOV.' };
+    }
+    return postFile(file, tenant);
+};
+export const uploadAudio = async (file, tenant) => {
+    if (!tenant) {
+        return { ok: false, error: 'Choose a single brand first — media belongs to one brand, not to all of them.' };
+    }
+    if (!file.type.startsWith('audio/')) {
+        return { ok: false, error: 'That file is not audio. Use MP3, WAV, M4A, AAC or OGG.' };
+    }
+    return postFile(file, tenant);
+};

package/dist/components/BlogUploader/site/ArticleDetailHero.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import type { HeroMedia } from '../../lib/hero-post';
+type AuthorChip = {
+    id: string | number;
+    name: string;
+    avatarUrl?: string | null;
+};
+type Props = {
+    homeHref: string;
+    homeLabel: string;
+    category?: {
+        slug: string;
+        name: string;
+    } | null;
+    categoryLink?: string | null;
+    title: string;
+    excerpt?: string | null;
+    publishedAt?: string | null;
+    readingMinutes?: number | null;
+    authors: AuthorChip[];
+    media: HeroMedia | null;
+    mediaCaption?: string | null;
+    formatHero?: ReactNode;
+};
+export declare const ArticleDetailHero: ({ homeHref, homeLabel, category, categoryLink, title, excerpt, publishedAt, readingMinutes, authors, media, mediaCaption, formatHero, }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ArticleDetailHero.d.ts.map

package/dist/components/BlogUploader/site/ArticleDetailHero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleDetailHero.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/site/ArticleDetailHero.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAKpD,KAAK,UAAU,GAAG;IAChB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B,CAAA;AAED,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAChD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,KAAK,EAAE,SAAS,GAAG,IAAI,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA;AAID,eAAO,MAAM,iBAAiB,GAAI,yIAa/B,KAAK,gCAqGP,CAAA"}

package/dist/components/BlogUploader/site/ArticleDetailHero.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Link from 'next/link';
+import { formatDate } from '../../lib/format';
+import { HeroFadeSlide } from './HeroFadeSlide';
+import { HeroMediaVisual } from './HeroMediaVisual';
+import { BackButton } from '../BackButton';
+const formatDateLabel = (iso) => formatDate(iso);
+export const ArticleDetailHero = ({ homeHref, homeLabel, category, categoryLink, title, excerpt, publishedAt, readingMinutes, authors, media, mediaCaption, formatHero, }) => {
+    const catHref = categoryLink ?? null;
+    const isBlogDetails = !media && !formatHero;
+    return (_jsxs("section", { className: `article-detail-hero ${isBlogDetails ? 'blog-details-hero' : ''}`, "aria-labelledby": "article-hero-title", style: isBlogDetails ? { backgroundColor: '#0B4A75', color: '#fff', paddingTop: '40px', paddingBottom: '60px' } : undefined, children: [media ? (_jsxs("figure", { className: "article-hero-media", children: [_jsx(HeroMediaVisual, { media: media, variant: "article", imageClassName: "article-hero-visual", videoClassName: "article-hero-visual", embedClassName: "article-hero-visual article-hero-embed" }), mediaCaption ? _jsx("figcaption", { className: "article-hero-caption", children: mediaCaption }) : null] })) : formatHero ? (_jsx("div", { className: "article-hero-media article-hero-format", children: formatHero })) : null, _jsx("header", { className: "article-hero-copy", children: _jsxs("div", { className: "article-hero-copy-inner", style: { maxWidth: '1200px', margin: '0 auto', width: '100%' }, children: [_jsx(HeroFadeSlide, { from: "left", delayMs: 80, children: _jsxs("ul", { className: "breadcrumb", style: { display: 'flex', alignItems: 'center', flexWrap: 'wrap', gap: '8px', listStyle: 'none', padding: 0, margin: '0 0 40px 0', color: isBlogDetails ? '#fff' : 'inherit', fontSize: '0.9rem' }, children: [_jsx("li", { children: _jsx(Link, { href: homeHref, style: { color: 'inherit', textDecoration: 'none' }, children: homeLabel }) }), category ? (_jsxs(_Fragment, { children: [_jsx("li", { "aria-hidden": "true", style: { opacity: 0.6, fontSize: '0.8em' }, children: "\u2794" }), _jsx("li", { children: catHref ? _jsx(Link, { href: catHref, style: { color: 'inherit', textDecoration: 'none' }, children: category.name }) : _jsx("span", { children: category.name }) })] })) : null, _jsx("li", { "aria-hidden": "true", style: { opacity: 0.6, fontSize: '0.8em' }, children: "\u2794" }), _jsx("li", { style: { opacity: 0.9 }, children: title })] }) }), category && !isBlogDetails ? (_jsx(HeroFadeSlide, { from: "left", delayMs: 180, children: catHref ? (_jsx(Link, { className: "eyebrow", href: catHref, children: category.name })) : (_jsx("p", { className: "eyebrow", children: category.name })) })) : null, _jsx(HeroFadeSlide, { from: "left", delayMs: category ? 300 : 220, children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: isBlogDetails ? 'center' : 'flex-start', gap: '16px', marginBottom: '24px', textAlign: isBlogDetails ? 'center' : 'left' }, children: [!isBlogDetails && _jsx(BackButton, { style: { flexShrink: 0 } }), _jsx("h1", { id: "article-hero-title", className: "article-hero-title", style: { margin: 0, color: isBlogDetails ? '#fff' : 'inherit' }, children: title })] }) }), excerpt ? (_jsx(HeroFadeSlide, { from: "right", delayMs: category ? 460 : 380, children: _jsx("p", { className: "standfirst article-hero-standfirst", children: excerpt }) })) : null, _jsx(HeroFadeSlide, { from: "left", delayMs: excerpt ? 620 : 500, children: _jsxs("div", { className: "byline-row", children: [authors.length ? (_jsx("div", { className: "byline-faces", children: authors.map((a) => a.avatarUrl ? (_jsx("img", { src: a.avatarUrl, alt: "", width: 34, height: 34 }, a.id)) : (_jsx("span", { className: "face-fallback", "aria-hidden": "true", children: a.name.slice(0, 1) }, a.id))) })) : null, _jsxs("div", { className: "byline-text", children: [authors.length ? _jsx("span", { className: "by", children: authors.map((a) => a.name).join(' and ') }) : null, _jsxs("span", { className: "meta", children: [publishedAt ? _jsx("time", { dateTime: publishedAt, children: formatDateLabel(publishedAt) }) : null, readingMinutes ? _jsxs("span", { children: [readingMinutes, " min read"] }) : null] })] })] }) })] }) })] }));
+};

package/dist/components/BlogUploader/site/ArticleRailDetails.d.ts

@@ -0,0 +1,27 @@
+export type RailOwner = {
+    id: string | number;
+    name: string;
+    jobTitle?: string | null;
+    bio?: string | null;
+    avatarUrl?: string | null;
+};
+export type RailRelatedPost = {
+    id: string | number;
+    title?: string | null;
+    slug: string;
+    publishedAt?: string | null;
+    readingMinutes?: number | null;
+};
+type Props = {
+    owners: RailOwner[];
+    related: RailRelatedPost[];
+    hrefFor: (slug: string) => string;
+    className?: string;
+};
+/**
+ * Right-rail cards on public post details: owner + related posts.
+ * Related posts use the same row layout as dashboard “Recently published”.
+ */
+export declare const ArticleRailDetails: ({ owners, related, hrefFor, className }: Props) => import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=ArticleRailDetails.d.ts.map

package/dist/components/BlogUploader/site/ArticleRailDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleRailDetails.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/site/ArticleRailDetails.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,yCAAyC,KAAK,uCA6DhF,CAAA"}

package/dist/components/BlogUploader/site/ArticleRailDetails.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { relativeTime } from '../../lib/format';
+/**
+ * Right-rail cards on public post details: owner + related posts.
+ * Related posts use the same row layout as dashboard “Recently published”.
+ */
+export const ArticleRailDetails = ({ owners, related, hrefFor, className }) => {
+    if (!owners.length && !related.length)
+        return null;
+    return (_jsxs("div", { className: `article-rail-details${className ? ` ${className}` : ''}`, children: [owners.length ? (_jsxs("section", { className: "rail-owner-panel", "aria-label": "Post owner", children: [_jsx("div", { className: "rail-related-head", children: _jsx("h3", { children: owners.length > 1 ? 'Authors' : 'Owner' }) }), _jsx("ul", { className: "rail-owner-list", children: owners.map((owner) => (_jsxs("li", { className: "rail-owner", children: [owner.avatarUrl ? (_jsx("img", { src: owner.avatarUrl, alt: "", width: 40, height: 40 })) : (_jsx("span", { className: "rail-owner-fallback", "aria-hidden": "true", children: owner.name
+                                        .split(/\s+/)
+                                        .filter(Boolean)
+                                        .slice(0, 2)
+                                        .map((p) => p[0]?.toUpperCase() ?? '')
+                                        .join('') || '?' })), _jsxs("div", { className: "rail-owner-body", children: [_jsx("p", { className: "rail-owner-name", children: owner.name }), owner.jobTitle ? _jsx("p", { className: "rail-owner-role", children: owner.jobTitle }) : null, owner.bio ? _jsx("p", { className: "rail-owner-bio", children: owner.bio }) : null] })] }, owner.id))) })] })) : null, related.length ? (_jsxs("section", { className: "rail-related-panel", "aria-label": "Related posts", children: [_jsx("div", { className: "rail-related-head", children: _jsx("h3", { children: "Related posts" }) }), _jsx("div", { className: "rail-related-rows", children: related.map((item) => (_jsx("div", { className: "rail-related-row", children: _jsxs("div", { className: "rail-related-row-main", children: [_jsx(Link, { className: "rail-related-t", href: hrefFor(item.slug), children: item.title }), _jsxs("div", { className: "rail-related-sub", children: [_jsx("span", { children: relativeTime(item.publishedAt) }), item.readingMinutes ? _jsxs("span", { children: [item.readingMinutes, " min"] }) : null, _jsx(Link, { href: hrefFor(item.slug), children: "View \u2197" })] })] }) }, item.id))) })] })) : null] }));
+};

package/dist/components/BlogUploader/site/BlogIndexView.d.ts

@@ -0,0 +1,28 @@
+import type { Category, Post, Tenant } from '../../payload-types';
+import type { PublicBrandOption } from '../../lib/queries';
+type Props = {
+    tenant: Tenant;
+    origin: string;
+    posts: Post[];
+    categories: Category[];
+    page: number;
+    totalPages: number;
+    hasPrevPage: boolean;
+    hasNextPage: boolean;
+    totalDocs?: number;
+    basePath: '/' | '/blog';
+    allHref: string;
+    allActive?: boolean;
+    title: string;
+    description?: string | null;
+    /** Home index: cinematic hero from first post with image or video */
+    mediaHero?: boolean;
+    /** Shared preview: posts from every brand (matches admin All brands) */
+    listAllBrands?: boolean;
+    /** Scroll loads next pages via GET /api/blogs and appends cards */
+    infiniteScroll?: boolean;
+    brands?: PublicBrandOption[];
+};
+export declare const BlogIndexView: ({ tenant, origin, posts, categories, page, totalPages, hasPrevPage, hasNextPage, totalDocs, basePath, allHref, allActive, title, description, mediaHero, listAllBrands, infiniteScroll, brands, }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=BlogIndexView.d.ts.map

package/dist/components/BlogUploader/site/BlogIndexView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogIndexView.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/site/BlogIndexView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAS1D,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,UAAU,EAAE,QAAQ,EAAE,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,GAAG,GAAG,OAAO,CAAA;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wEAAwE;IACxE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAA;CAC7B,CAAA;AAQD,eAAO,MAAM,aAAa,GAAI,mMAmB3B,KAAK,gCA8HP,CAAA"}

package/dist/components/BlogUploader/site/BlogIndexView.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Link from 'next/link';
+import { PostCard } from '../PostCard';
+import { findHeroPosts } from '../../lib/hero-post';
+import { blogJsonLd, jsonLdScript } from '../../lib/seo';
+import { categoryPath, postPath } from '../../lib/slug';
+import { IndexFeedSection } from './IndexFeedSection';
+import { InfinitePostFeed } from './InfinitePostFeed';
+import { SiteMediaHero } from './SiteMediaHero';
+const tenantSlugOf = (post) => {
+    const t = post.tenant;
+    if (typeof t === 'object' && t && 'slug' in t)
+        return String(t.slug);
+    return null;
+};
+export const BlogIndexView = ({ tenant, origin, posts, categories, page, totalPages, hasPrevPage, hasNextPage, totalDocs, basePath, allHref, allActive = false, title, description, mediaHero = false, listAllBrands = false, infiniteScroll = false, brands = [], }) => {
+    const pageHref = (n) => (n === 1 ? basePath : `${basePath}?page=${n}`);
+    const siteName = listAllBrands
+        ? 'All brands'
+        : tenant.seoDefaults?.siteName || tenant.name;
+    const heroPosts = mediaHero ? findHeroPosts(posts) : [];
+    const showLeadCard = page === 1 && heroPosts.length === 0 && posts.length > 0;
+    const cardHref = (post) => {
+        const slug = listAllBrands ? tenantSlugOf(post) : null;
+        return postPath(post.slug, slug);
+    };
+    const heroSlides = heroPosts.map((post) => ({
+        post,
+        href: cardHref(post),
+    }));
+    return (_jsxs(_Fragment, { children: [_jsx("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
+                    __html: jsonLdScript(blogJsonLd({ tenant, origin, posts })),
+                } }), heroSlides.length > 0 ? (_jsx(SiteMediaHero, { slides: heroSlides, siteName: siteName })) : (_jsxs("section", { className: "site-hero site-animate-in", children: [_jsxs("div", { className: "site-hero-inner", children: [_jsx("p", { className: "site-hero-eyebrow site-animate-item", children: siteName }), _jsx("h1", { className: "site-hero-title site-animate-item", children: title }), _jsx("p", { className: "site-hero-desc site-animate-item", children: description || 'Published stories, guides, and updates from our team.' })] }), _jsx("div", { className: "site-hero-glow", "aria-hidden": "true" })] })), _jsxs(IndexFeedSection, { label: listAllBrands ? 'All published posts' : 'Latest stories', children: [categories.length > 0 && !listAllBrands ? (_jsxs("nav", { className: "cat-bar site-animate-in", "aria-label": "Filter by category", children: [_jsx(Link, { href: allHref, className: "site-animate-item", "aria-current": allActive ? 'page' : undefined, children: "All" }), categories.map((c) => (_jsx(Link, { href: categoryPath(c.slug), className: "site-animate-item", children: c.name }, c.id)))] })) : null, infiniteScroll ? (_jsx(InfinitePostFeed, { initialPosts: posts, initialPage: page, totalPages: totalPages, hasNextPage: hasNextPage, totalDocs: totalDocs, listAllBrands: listAllBrands, tenantSlug: listAllBrands ? null : tenant.slug, showLeadCard: showLeadCard, brands: brands, showBrandFilter: listAllBrands || brands.length > 1 })) : posts.length === 0 ? (_jsx("p", { className: "empty site-animate-in", children: _jsx("span", { className: "site-animate-item", children: "Nothing published yet. Sign in to the admin dashboard to create your first post." }) })) : (_jsxs(_Fragment, { children: [showLeadCard ? (_jsx("ul", { className: "post-grid post-grid-lead", children: _jsx(PostCard, { post: posts[0], priority: true, lead: true, href: cardHref(posts[0]) }) })) : null, posts.length > (showLeadCard ? 1 : 0) ? (_jsx("ul", { className: "post-grid", children: (showLeadCard ? posts.slice(1) : posts).map((p, i) => (_jsx(PostCard, { post: p, priority: !showLeadCard && page === 1 && i === 0, index: i, href: cardHref(p) }, p.id))) })) : null] })), !infiniteScroll && totalPages > 1 ? (_jsxs("nav", { className: "pagination site-animate-in", "aria-label": "Pagination", children: [hasPrevPage ? (_jsx(Link, { className: "site-animate-item", href: pageHref(page - 1), rel: "prev", children: "\u2190 Newer" })) : (_jsx("span", { className: "site-animate-item", "aria-disabled": "true", children: "\u2190 Newer" })), _jsxs("span", { className: "site-animate-item", children: ["Page ", page, " of ", totalPages] }), hasNextPage ? (_jsx(Link, { className: "site-animate-item", href: pageHref(page + 1), rel: "next", children: "Older \u2192" })) : (_jsx("span", { className: "site-animate-item", "aria-disabled": "true", children: "Older \u2192" }))] })) : null] })] }));
+};

package/dist/components/BlogUploader/site/BrandTableOfContents.d.ts

@@ -0,0 +1,18 @@
+type Props = {
+    posts: Array<{
+        id: string | number;
+        title?: string | null;
+        slug: string;
+        publishedAt?: string | null;
+        readingMinutes?: number | null;
+    }>;
+    currentId: string;
+    hrefFor: (slug: string) => string;
+    className?: string;
+};
+/**
+ * Brand post list for the article rail — shown when the editor opts the post in.
+ */
+export declare const BrandTableOfContents: ({ posts, currentId, hrefFor, className }: Props) => import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=BrandTableOfContents.d.ts.map

package/dist/components/BlogUploader/site/BrandTableOfContents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandTableOfContents.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/site/BrandTableOfContents.tsx"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,CAAC;QACX,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;QACrB,IAAI,EAAE,MAAM,CAAA;QACZ,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;QAC3B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAC/B,CAAC,CAAA;IACF,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,0CAA0C,KAAK,uCAqCnF,CAAA"}

package/dist/components/BlogUploader/site/BrandTableOfContents.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { formatDate } from '../../lib/format';
+/**
+ * Brand post list for the article rail — shown when the editor opts the post in.
+ */
+export const BrandTableOfContents = ({ posts, currentId, hrefFor, className }) => {
+    if (!posts.length)
+        return null;
+    return (_jsxs("nav", { className: `toc brand-toc${className ? ` ${className}` : ''}`, "aria-label": "Table of Contents", children: [_jsx("p", { className: "rail-title", children: "Table of Contents" }), _jsx("ol", { children: posts.map((item) => {
+                    const isCurrent = String(item.id) === currentId;
+                    const meta = item.publishedAt || item.readingMinutes ? (_jsxs("span", { className: "brand-toc-meta", children: [item.publishedAt ? formatDate(item.publishedAt) : null, item.publishedAt && item.readingMinutes ? ' · ' : null, item.readingMinutes ? `${item.readingMinutes} min` : null] })) : null;
+                    return (_jsx("li", { className: isCurrent ? 'is-current' : undefined, children: isCurrent ? (_jsxs("span", { className: "brand-toc-link", "aria-current": "page", children: [_jsx("span", { className: "brand-toc-title", children: item.title }), meta] })) : (_jsxs(Link, { href: hrefFor(item.slug), className: "brand-toc-link", children: [_jsx("span", { className: "brand-toc-title", children: item.title }), meta] })) }, item.id));
+                }) })] }));
+};

package/dist/components/BlogUploader/site/HeroFadeSlide.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+type Props = {
+    children: ReactNode;
+    delayMs?: number;
+    /** Enter from the left (moves left → right) or from the right (moves right → left). */
+    from?: 'left' | 'right';
+    className?: string;
+};
+export declare const HeroFadeSlide: ({ children, delayMs, from, className }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=HeroFadeSlide.d.ts.map

package/dist/components/BlogUploader/site/HeroFadeSlide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroFadeSlide.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/site/HeroFadeSlide.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uFAAuF;IACvF,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,wCAAqD,KAAK,gCAOvF,CAAA"}

package/dist/components/BlogUploader/site/HeroFadeSlide.js

@@ -0,0 +1,3 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const HeroFadeSlide = ({ children, delayMs = 0, from = 'left', className }) => (_jsx("div", { className: `hero-fade-slide hero-fade-slide-${from} ${className ?? ''}`.trim(), style: { ['--slide-delay']: `${delayMs}ms` }, children: children }));

package/dist/components/BlogUploader/site/HeroMediaVisual.d.ts

@@ -0,0 +1,23 @@
+import type { HeroMedia } from '../../lib/hero-post';
+type Props = {
+    media: HeroMedia;
+    /** Index hero: ambient loop. Article hero: reader controls. */
+    variant?: 'ambient' | 'article';
+    imageClassName?: string;
+    videoClassName?: string;
+    embedClassName?: string;
+};
+/** Soft gradient stand-in when the media URL is missing or fails to load. */
+export declare const MediaPlaceholder: ({ className, label, }: {
+    className?: string;
+    label?: string;
+}) => import("react").JSX.Element;
+/**
+ * Hero media with hydration-safe rendering.
+ * Video and iframe embeds mount on the client only — browsers normalize their
+ * attributes after parse, which otherwise triggers React hydration warnings.
+ * Broken or missing media falls back to a placeholder.
+ */
+export declare const HeroMediaVisual: ({ media, variant, imageClassName, videoClassName, embedClassName, }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=HeroMediaVisual.d.ts.map

package/dist/components/BlogUploader/site/HeroMediaVisual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroMediaVisual.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/site/HeroMediaVisual.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,SAAS,CAAA;IAChB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,6EAA6E;AAC7E,eAAO,MAAM,gBAAgB,GAAI,uBAG9B;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,gCAQA,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,qEAM7B,KAAK,gCAiGP,CAAA"}