@canvas-digital/blog-sdk 2.0.0

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

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+/** Soft gradient stand-in when the media URL is missing or fails to load. */
+export const MediaPlaceholder = ({ className = 'site-hero-media-visual', label = 'Media unavailable', }) => (_jsx("div", { className: `${className} site-hero-media-placeholder media-placeholder`.trim(), role: "img", "aria-label": label, children: _jsx("span", { className: "media-placeholder-mark", "aria-hidden": "true" }) }));
+/**
+ * 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 const HeroMediaVisual = ({ media, variant = 'ambient', imageClassName = 'site-hero-media-visual', videoClassName = 'site-hero-media-visual', embedClassName = 'site-hero-media-visual site-hero-media-embed', }) => {
+    const videoRef = useRef(null);
+    const [interactiveReady, setInteractiveReady] = useState(false);
+    const [failed, setFailed] = useState(false);
+    useEffect(() => {
+        setInteractiveReady(true);
+    }, []);
+    useEffect(() => {
+        setFailed(false);
+    }, [media]);
+    useEffect(() => {
+        const el = videoRef.current;
+        if (!el || media.kind !== 'video-file' || variant !== 'ambient' || failed)
+            return;
+        el.muted = true;
+        const play = () => {
+            void el.play().catch(() => { });
+        };
+        play();
+        el.addEventListener('canplay', play);
+        return () => el.removeEventListener('canplay', play);
+    }, [media, variant, interactiveReady, failed]);
+    if (failed || !media.src) {
+        return _jsx(MediaPlaceholder, { className: imageClassName });
+    }
+    if (media.kind === 'image') {
+        return (_jsx("img", { className: imageClassName, src: media.src, alt: media.alt, width: variant === 'article' ? 1200 : undefined, height: variant === 'article' ? 630 : undefined, loading: "eager", fetchPriority: "high", decoding: "async", onError: () => setFailed(true) }));
+    }
+    if (!interactiveReady) {
+        if (media.poster) {
+            return (_jsx("img", { className: imageClassName, src: media.poster, alt: "", "aria-hidden": "true", width: variant === 'article' ? 1200 : undefined, height: variant === 'article' ? 630 : undefined, loading: "eager", fetchPriority: "high", decoding: "async", onError: () => setFailed(true) }));
+        }
+        return _jsx(MediaPlaceholder, { className: imageClassName });
+    }
+    if (media.kind === 'video-file') {
+        return (_jsx("video", { ref: videoRef, className: videoClassName, src: media.src, poster: media.poster ?? undefined, controls: variant === 'article', autoPlay: variant === 'ambient', muted: variant === 'ambient', loop: true, playsInline: true, preload: variant === 'ambient' ? 'auto' : 'metadata', "aria-hidden": variant === 'ambient' ? true : undefined, onError: () => setFailed(true) }));
+    }
+    return (_jsx("iframe", { className: embedClassName, src: media.src, title: variant === 'article' ? 'Article video' : '', allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, loading: "eager", tabIndex: variant === 'ambient' ? -1 : undefined, "aria-hidden": variant === 'ambient' ? true : undefined, onError: () => setFailed(true) }));
+};

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

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+type Props = {
+    children: ReactNode;
+    /** Shown above the blog grid as a soft section cue */
+    label?: string;
+};
+/**
+ * Separates the full-bleed hero from the post grid with breathing room and a
+ * soft surface lift. Header animates on scroll; cards handle their own reveal
+ * so parent opacity does not swallow PostCard motion.
+ */
+export declare const IndexFeedSection: ({ children, label }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=IndexFeedSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IndexFeedSection.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/site/IndexFeedSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,qBAAwC,KAAK,gCA0B7E,CAAA"}

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

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion, useReducedMotion } from 'framer-motion';
+/**
+ * Separates the full-bleed hero from the post grid with breathing room and a
+ * soft surface lift. Header animates on scroll; cards handle their own reveal
+ * so parent opacity does not swallow PostCard motion.
+ */
+export const IndexFeedSection = ({ children, label = 'Latest stories' }) => {
+    const reduce = useReducedMotion();
+    return (_jsxs("section", { className: "site-index-feed", "aria-label": label, children: [_jsxs("div", { className: "site-index-bridge", "aria-hidden": "true", children: [_jsx("span", { className: "site-index-bridge-glow" }), _jsx("span", { className: "site-index-bridge-line" })] }), _jsxs("div", { className: "site-index-feed-inner", children: [_jsxs(motion.header, { className: "site-index-feed-head", initial: reduce ? false : { opacity: 0, y: 16 }, whileInView: reduce ? undefined : { opacity: 1, y: 0 }, viewport: { once: true, amount: 0.6 }, transition: { duration: 0.55, ease: [0.22, 1, 0.36, 1] }, children: [_jsx("p", { className: "site-index-feed-eyebrow", children: label }), _jsx("span", { className: "site-index-feed-rule", "aria-hidden": "true" })] }), _jsx("div", { className: "site-page site-index-feed-body", children: children })] })] }));
+};

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

@@ -0,0 +1,23 @@
+import type { Post } from '../../payload-types';
+type BrandOption = {
+    id: string;
+    name: string;
+    slug: string;
+};
+type Props = {
+    initialPosts: Post[];
+    initialPage: number;
+    totalPages: number;
+    hasNextPage: boolean;
+    totalDocs?: number;
+    listAllBrands?: boolean;
+    /** When scoped to one brand on a shared host (URL), used as initial brand filter */
+    tenantSlug?: string | null;
+    showLeadCard?: boolean;
+    brands?: BrandOption[];
+    /** Show brand dropdown (shared hosts / all-brands mode) */
+    showBrandFilter?: boolean;
+};
+export declare const InfinitePostFeed: ({ initialPosts, initialPage, totalPages: initialTotalPages, hasNextPage: initialHasNext, totalDocs: initialTotalDocs, listAllBrands, tenantSlug, showLeadCard, brands, showBrandFilter, }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=InfinitePostFeed.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfinitePostFeed.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/site/InfinitePostFeed.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAU,MAAM,qBAAqB,CAAA;AAIvD,KAAK,WAAW,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAa7D,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,IAAI,EAAE,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AA0BD,eAAO,MAAM,gBAAgB,GAAI,2LAW9B,KAAK,gCAmPP,CAAA"}

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

@@ -0,0 +1,152 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { ClipLoader, PulseLoader } from 'react-spinners';
+import { postPath } from '../../lib/slug';
+import { PostCard } from '../PostCard';
+const tenantSlugOf = (post) => {
+    const t = post.tenant;
+    if (typeof t === 'object' && t && 'slug' in t)
+        return String(t.slug);
+    return null;
+};
+const hrefFor = (post, crossBrand) => postPath(post.slug, crossBrand ? tenantSlugOf(post) : null);
+const mergePosts = (prev, next) => {
+    const seen = new Set(prev.map((p) => String(p.id)));
+    const extras = next.filter((p) => !seen.has(String(p.id)));
+    return extras.length ? [...prev, ...extras] : prev;
+};
+const useAccentColor = () => {
+    const [color, setColor] = useState('#2e3a8c');
+    useEffect(() => {
+        const raw = getComputedStyle(document.documentElement).getPropertyValue('--accent').trim();
+        if (raw)
+            setColor(raw);
+    }, []);
+    return color;
+};
+export const InfinitePostFeed = ({ initialPosts, initialPage, totalPages: initialTotalPages, hasNextPage: initialHasNext, totalDocs: initialTotalDocs, listAllBrands = false, tenantSlug, showLeadCard = false, brands = [], showBrandFilter = false, }) => {
+    const accent = useAccentColor();
+    const [posts, setPosts] = useState(initialPosts);
+    const [page, setPage] = useState(initialPage);
+    const [totalPages, setTotalPages] = useState(initialTotalPages);
+    const [hasNext, setHasNext] = useState(initialHasNext);
+    const [totalDocs, setTotalDocs] = useState(initialTotalDocs);
+    const [loading, setLoading] = useState(false);
+    const [refreshing, setRefreshing] = useState(false);
+    const [error, setError] = useState(null);
+    const [brand, setBrand] = useState(tenantSlug?.trim() || '');
+    const [searchInput, setSearchInput] = useState('');
+    const [searchQ, setSearchQ] = useState('');
+    const sentinelRef = useRef(null);
+    const loadingRef = useRef(false);
+    const hasNextRef = useRef(initialHasNext);
+    const pageRef = useRef(initialPage);
+    const brandRef = useRef(brand);
+    const searchRef = useRef(searchQ);
+    const skipFirstFilterFetch = useRef(true);
+    const crossBrandLinks = listAllBrands && !brand;
+    const busy = loading || refreshing;
+    useEffect(() => {
+        const t = window.setTimeout(() => setSearchQ(searchInput.trim()), 320);
+        return () => window.clearTimeout(t);
+    }, [searchInput]);
+    useEffect(() => {
+        brandRef.current = brand;
+    }, [brand]);
+    useEffect(() => {
+        searchRef.current = searchQ;
+    }, [searchQ]);
+    useEffect(() => {
+        setPosts(initialPosts);
+        setPage(initialPage);
+        setTotalPages(initialTotalPages);
+        setHasNext(initialHasNext);
+        setTotalDocs(initialTotalDocs);
+        setError(null);
+        pageRef.current = initialPage;
+        hasNextRef.current = initialHasNext;
+    }, [initialPosts, initialPage, initialTotalPages, initialHasNext, initialTotalDocs]);
+    const buildParams = useCallback((pageNum) => {
+        const params = new URLSearchParams({ page: String(pageNum) });
+        const b = brandRef.current.trim();
+        const q = searchRef.current.trim();
+        if (b)
+            params.set('brand', b);
+        if (q)
+            params.set('q', q);
+        return params;
+    }, []);
+    const fetchPage = useCallback(async (pageNum, mode) => {
+        if (loadingRef.current)
+            return;
+        loadingRef.current = true;
+        if (mode === 'replace') {
+            setRefreshing(true);
+            setPosts([]);
+        }
+        else {
+            setLoading(true);
+        }
+        setError(null);
+        try {
+            const res = await fetch(`/api/blogs?${buildParams(pageNum).toString()}`, {
+                headers: { Accept: 'application/json' },
+            });
+            const data = (await res.json());
+            if (!res.ok)
+                throw new Error(data.error || 'Could not load posts.');
+            setPosts((prev) => mode === 'replace' ? (data.docs ?? []) : mergePosts(prev, data.docs ?? []));
+            setPage(data.page ?? pageNum);
+            setTotalPages(data.totalPages ?? 1);
+            setHasNext(Boolean(data.hasNextPage));
+            setTotalDocs(data.totalDocs);
+            pageRef.current = data.page ?? pageNum;
+            hasNextRef.current = Boolean(data.hasNextPage);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Could not load posts.');
+            if (mode === 'replace')
+                setPosts([]);
+        }
+        finally {
+            loadingRef.current = false;
+            setLoading(false);
+            setRefreshing(false);
+        }
+    }, [buildParams]);
+    useEffect(() => {
+        if (skipFirstFilterFetch.current) {
+            skipFirstFilterFetch.current = false;
+            return;
+        }
+        void fetchPage(1, 'replace');
+    }, [brand, searchQ, fetchPage]);
+    const loadMore = useCallback(async () => {
+        if (loadingRef.current || !hasNextRef.current)
+            return;
+        await fetchPage(pageRef.current + 1, 'append');
+    }, [fetchPage]);
+    useEffect(() => {
+        const el = sentinelRef.current;
+        if (!el)
+            return;
+        const io = new IntersectionObserver((entries) => {
+            if (entries.some((e) => e.isIntersecting))
+                void loadMore();
+        }, { root: null, rootMargin: '320px 0px', threshold: 0 });
+        io.observe(el);
+        return () => io.disconnect();
+    }, [loadMore, posts.length, hasNext]);
+    const lead = showLeadCard && !searchQ && !brand && page === initialPage && posts[0] ? posts[0] : null;
+    const gridPosts = lead ? posts.slice(1) : posts;
+    const empty = !refreshing && !loading && posts.length === 0;
+    return (_jsxs(_Fragment, { children: [_jsxs("form", { className: "index-feed-filters", role: "search", onSubmit: (e) => {
+                    e.preventDefault();
+                    setSearchQ(searchInput.trim());
+                }, children: [_jsxs("label", { className: "index-feed-search", children: [_jsx("span", { className: "visually-hidden", children: "Search posts" }), _jsx("input", { type: "search", name: "q", value: searchInput, onChange: (e) => setSearchInput(e.target.value), placeholder: "Search posts\u2026", autoComplete: "off", disabled: busy })] }), showBrandFilter && brands.length > 0 ? (_jsxs("label", { className: "index-feed-brand", children: [_jsx("span", { className: "visually-hidden", children: "Filter by brand" }), _jsxs("select", { name: "brand", value: brand, onChange: (e) => setBrand(e.target.value), disabled: busy, children: [_jsx("option", { value: "", children: "All brands" }), brands.map((b) => (_jsx("option", { value: b.slug, children: b.name }, b.id)))] })] })) : null] }), refreshing ? (_jsxs("div", { className: "index-feed-loader", role: "status", "aria-live": "polite", children: [_jsx(ClipLoader, { color: accent, size: 42, speedMultiplier: 0.9 }), _jsx("p", { children: "Loading posts\u2026" })] })) : null, empty ? (_jsxs("div", { className: "index-feed-empty", role: "status", children: [_jsx("p", { className: "index-feed-empty-title", children: "No record found" }), _jsx("p", { className: "index-feed-empty-desc", children: searchQ || brand
+                            ? 'Try a different search or brand filter.'
+                            : 'Nothing published yet. Sign in to the admin dashboard to create your first post.' })] })) : null, !refreshing && lead ? (_jsx("ul", { className: "post-grid post-grid-lead", children: _jsx(PostCard, { post: lead, priority: true, lead: true, index: 0, href: hrefFor(lead, crossBrandLinks) }) })) : null, !refreshing && gridPosts.length > 0 ? (_jsx("ul", { className: "post-grid", children: gridPosts.map((p, i) => (_jsx(PostCard, { post: p, priority: !lead && i === 0, index: i, href: hrefFor(p, crossBrandLinks || Boolean(brand)) }, p.id))) })) : null, _jsxs("div", { className: "infinite-feed-status", "aria-live": "polite", children: [loading ? (_jsxs("span", { className: "index-feed-more-loader", children: [_jsx(PulseLoader, { color: accent, size: 10, speedMultiplier: 0.85 }), _jsx("span", { children: "Loading more stories\u2026" })] })) : null, error ? (_jsxs("button", { type: "button", className: "infinite-feed-retry", onClick: () => void (posts.length ? loadMore() : fetchPage(1, 'replace')), children: [error, " \u2014 Try again"] })) : null, !hasNext && !busy && posts.length > 0 ? (_jsx("span", { className: "infinite-feed-end", children: totalDocs != null
+                            ? `Showing ${posts.length} of ${totalDocs} ${totalDocs === 1 ? 'post' : 'posts'}`
+                            : `Page ${page} of ${totalPages}` })) : null] }), hasNext && !refreshing ? (_jsx("div", { ref: sentinelRef, className: "infinite-feed-sentinel", "aria-hidden": "true" })) : null] }));
+};

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

@@ -0,0 +1,12 @@
+import type { Post } from '../../payload-types';
+export type HeroSlide = {
+    post: Post;
+    href: string;
+};
+type Props = {
+    slides: HeroSlide[];
+    siteName: string;
+};
+export declare const SiteMediaHero: ({ slides: rawSlides, siteName }: Props) => import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=SiteMediaHero.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SiteMediaHero.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/site/SiteMediaHero.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAS/C,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,iCAAiC,KAAK,uCAgKnE,CAAA"}

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

@@ -0,0 +1,80 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import useEmblaCarousel from 'embla-carousel-react';
+import Autoplay from 'embla-carousel-autoplay';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { formatDate } from '../../lib/format';
+import { postCategoryName, resolveHeroMedia } from '../../lib/hero-post';
+import { HeroFadeSlide } from './HeroFadeSlide';
+import { HeroMediaVisual } from './HeroMediaVisual';
+/** Matches `--hero-loop: 5s` on `.hero-fade-slide` so copy + slide stay in sync. */
+const HERO_LOOP_MS = 5000;
+export const SiteMediaHero = ({ slides: rawSlides, siteName }) => {
+    const slides = useMemo(() => rawSlides.filter((s) => Boolean(resolveHeroMedia(s.post))), [rawSlides]);
+    const autoplay = useMemo(() => Autoplay({
+        delay: HERO_LOOP_MS,
+        stopOnInteraction: false,
+        stopOnMouseEnter: true,
+        stopOnFocusIn: true,
+    }), []);
+    const [emblaRef, emblaApi] = useEmblaCarousel({
+        loop: slides.length > 1,
+        duration: 28,
+        align: 'start',
+        containScroll: 'trimSnaps',
+        watchDrag: slides.length > 1,
+        skipSnaps: false,
+    }, [autoplay]);
+    const [index, setIndex] = useState(0);
+    const [reduceMotion, setReduceMotion] = useState(false);
+    useEffect(() => {
+        const mq = window.matchMedia('(prefers-reduced-motion: reduce)');
+        const sync = () => setReduceMotion(mq.matches);
+        sync();
+        mq.addEventListener('change', sync);
+        return () => mq.removeEventListener('change', sync);
+    }, []);
+    useEffect(() => {
+        if (!emblaApi)
+            return;
+        if (reduceMotion || slides.length <= 1) {
+            autoplay.stop();
+            return;
+        }
+        autoplay.play();
+    }, [emblaApi, reduceMotion, autoplay, slides.length]);
+    const onSelect = useCallback(() => {
+        if (!emblaApi)
+            return;
+        setIndex(emblaApi.selectedScrollSnap());
+    }, [emblaApi]);
+    useEffect(() => {
+        if (!emblaApi)
+            return;
+        onSelect();
+        emblaApi.on('select', onSelect);
+        emblaApi.on('reInit', onSelect);
+        return () => {
+            emblaApi.off('select', onSelect);
+            emblaApi.off('reInit', onSelect);
+        };
+    }, [emblaApi, onSelect]);
+    if (!slides.length)
+        return null;
+    const safeIndex = index % slides.length;
+    const { post, href } = slides[safeIndex];
+    const media = resolveHeroMedia(post);
+    if (!media)
+        return null;
+    const category = postCategoryName(post);
+    const eyebrow = category || siteName;
+    const excerpt = post.excerpt || post.seo?.metaDescription || '';
+    const multi = slides.length > 1;
+    return (_jsxs("section", { className: "site-hero-media", "aria-labelledby": "site-hero-media-title", "aria-roledescription": multi ? 'carousel' : undefined, children: [_jsxs("div", { className: "site-hero-media-bg", children: [_jsx("div", { className: "site-hero-media-embla", ref: emblaRef, children: _jsx("div", { className: "site-hero-media-embla-container", children: slides.map(({ post: slidePost }) => {
+                                const slideMedia = resolveHeroMedia(slidePost);
+                                if (!slideMedia)
+                                    return null;
+                                return (_jsx("div", { className: "site-hero-media-embla-slide", children: _jsx(HeroMediaVisual, { media: slideMedia, variant: "ambient" }) }, slidePost.id));
+                            }) }) }), _jsx("div", { className: "site-hero-media-scrim", "aria-hidden": "true" }), _jsx("div", { className: "site-hero-media-grain", "aria-hidden": "true" })] }), _jsxs("div", { className: "site-hero-media-content", children: [_jsxs("div", { className: "site-hero-media-copy", children: [_jsx(HeroFadeSlide, { from: "left", delayMs: 100, children: _jsx("p", { className: "site-hero-media-eyebrow", children: eyebrow }) }), _jsx(HeroFadeSlide, { from: "left", delayMs: 260, children: _jsx("h1", { id: "site-hero-media-title", className: "site-hero-media-title", children: post.title }) }), excerpt ? (_jsx(HeroFadeSlide, { from: "right", delayMs: 420, children: _jsx("p", { className: "site-hero-media-desc", children: excerpt }) })) : null, _jsx(HeroFadeSlide, { from: "left", delayMs: excerpt ? 580 : 420, className: "site-hero-media-meta-wrap", children: _jsxs("div", { className: "site-hero-media-meta", children: [post.publishedAt ? (_jsx("time", { dateTime: post.publishedAt, children: formatDate(post.publishedAt) })) : null, post.readingMinutes ? (_jsxs("span", { className: "site-hero-media-reading", children: [post.readingMinutes, " min read"] })) : null] }) }), _jsx(HeroFadeSlide, { from: "left", delayMs: excerpt ? 700 : 540, children: _jsxs(Link, { href: href, className: "site-hero-media-cta", children: [_jsx("span", { className: "site-hero-media-cta-label", children: "Read story" }), _jsx("span", { className: "site-hero-media-cta-arrow", "aria-hidden": "true", children: "\u2192" })] }) })] }, post.id), multi ? (_jsx("div", { className: "site-hero-media-dots", role: "tablist", "aria-label": "Featured posts", children: slides.map(({ post: slidePost }, i) => (_jsx("button", { type: "button", role: "tab", className: `site-hero-media-dot${i === safeIndex ? ' is-active' : ''}`, "aria-selected": i === safeIndex, "aria-label": `Show ${slidePost.title}`, onClick: () => emblaApi?.scrollTo(i) }, slidePost.id))) })) : null] }), _jsx("div", { className: "site-hero-media-edge", "aria-hidden": "true" })] }));
+};

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

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+type Props = {
+    children: ReactNode;
+    className?: string;
+    as?: 'div' | 'section' | 'ul';
+};
+/**
+ * Scroll-triggered reveal with staggered children. Respects prefers-reduced-motion.
+ */
+export declare const SiteMotion: ({ children, className, as: Tag }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SiteMotion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SiteMotion.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/site/SiteMotion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,CAAA;CAC9B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,kCAA0C,KAAK,gCA+BzE,CAAA"}

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

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+/**
+ * Scroll-triggered reveal with staggered children. Respects prefers-reduced-motion.
+ */
+export const SiteMotion = ({ children, className, as: Tag = 'div' }) => {
+    const ref = useRef(null);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
+            el.classList.add('is-visible');
+            return;
+        }
+        const io = new IntersectionObserver(([entry]) => {
+            if (entry?.isIntersecting) {
+                el.classList.add('is-visible');
+                io.disconnect();
+            }
+        }, { threshold: 0.06, rootMargin: '0px 0px -8% 0px' });
+        io.observe(el);
+        return () => io.disconnect();
+    }, []);
+    return (_jsx(Tag, { ref: ref, className: `site-motion${className ? ` ${className}` : ''}`, children: children }));
+};

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

@@ -0,0 +1,8 @@
+/**
+ * Auth chrome for the public header.
+ *
+ * Kept off the critical layout path — signing in used to force a Payload auth
+ * round-trip on every soft navigation, which made Blog ↔ Post feel stuck.
+ */
+export declare const SiteNavAuth: () => import("react").JSX.Element;
+//# sourceMappingURL=SiteNavAuth.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SiteNavAuth.d.ts","sourceRoot":"","sources":["../../../../app/components/BlogUploader/site/SiteNavAuth.tsx"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,eAAO,MAAM,WAAW,mCAmCvB,CAAA"}

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

@@ -0,0 +1,36 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import Link from 'next/link';
+import { useEffect, useState } from 'react';
+/**
+ * Auth chrome for the public header.
+ *
+ * Kept off the critical layout path — signing in used to force a Payload auth
+ * round-trip on every soft navigation, which made Blog ↔ Post feel stuck.
+ */
+export const SiteNavAuth = () => {
+    const [signedIn, setSignedIn] = useState(null);
+    useEffect(() => {
+        let cancelled = false;
+        fetch('/api/session', { credentials: 'same-origin' })
+            .then((r) => r.json())
+            .then((data) => {
+            if (!cancelled)
+                setSignedIn(Boolean(data.authenticated));
+        })
+            .catch(() => {
+            if (!cancelled)
+                setSignedIn(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    if (signedIn === null) {
+        return _jsx("span", { className: "site-nav-btn site-nav-btn-ghost", "aria-hidden": "true" });
+    }
+    if (signedIn) {
+        return (_jsx(Link, { className: "site-nav-btn", href: "/admin", children: "Dashboard" }));
+    }
+    return (_jsx(Link, { className: "site-nav-btn site-nav-btn-primary", href: "/cms/login?redirect=/admin", children: "Sign in" }));
+};

package/dist/components/admin/AdminPostDetail.d.ts

@@ -0,0 +1,7 @@
+export declare function AdminPostDetail({ postId, onBack, onEdit: _onEdit, onViewRelated, }: {
+    postId: string;
+    onBack: () => void;
+    onEdit: (id: string) => void;
+    onViewRelated?: (id: string) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=AdminPostDetail.d.ts.map

package/dist/components/admin/AdminPostDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPostDetail.d.ts","sourceRoot":"","sources":["../../../app/components/admin/AdminPostDetail.tsx"],"names":[],"mappings":"AAcA,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,MAAM,EACN,MAAM,EAAE,OAAO,EACf,aAAa,GACd,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,+BAqNA"}

package/dist/components/admin/AdminPostDetail.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useAdminMock } from "./mock/store";
+import { sanitizeHtml } from "../../utils/sanitize";
+import { ArticleDetailHero } from "../user/detail/ArticleDetailHero";
+import { ArticleRailDetails } from "../user/detail/ArticleRailDetails";
+import { ShareRow } from "../user/detail/ShareRow";
+import { CommentSection } from "../user/detail/CommentSection";
+import { ReadingProgress } from "../user/detail/ReadingProgress";
+import { estimateReadingMinutes, extractHeadingsFromHtml, injectHeadingIds, } from "../user/detail/toc";
+export function AdminPostDetail({ postId, onBack, onEdit: _onEdit, onViewRelated, }) {
+    const store = useAdminMock();
+    const post = store.getPost(postId);
+    const media = useMemo(() => {
+        if (!post?.featuredImageId)
+            return null;
+        const hit = store
+            .listMedia(post.brandId, "", 1, 200)
+            .items.find((m) => m.id === post.featuredImageId);
+        return hit ?? null;
+    }, [post, store]);
+    const authors = useMemo(() => {
+        if (!post)
+            return [];
+        return post.authorIds
+            .map((id) => store.terms("authors", post.brandId).find((a) => a.id === id))
+            .filter(Boolean)
+            .map((a) => ({
+            id: a.id,
+            name: a.name,
+            jobTitle: a.jobTitle || null,
+            bio: a.bio || null,
+            avatarUrl: null,
+        }));
+    }, [post, store]);
+    const categories = useMemo(() => {
+        if (!post)
+            return [];
+        return post.categoryIds
+            .map((id) => store.terms("categories", post.brandId).find((c) => c.id === id))
+            .filter(Boolean);
+    }, [post, store]);
+    const tags = useMemo(() => {
+        if (!post)
+            return [];
+        return post.tagIds
+            .map((id) => store.terms("tags", post.brandId).find((t) => t.id === id))
+            .filter(Boolean);
+    }, [post, store]);
+    const related = useMemo(() => {
+        if (!post)
+            return [];
+        const primaryCat = post.categoryIds[0];
+        return store
+            .filterPosts({
+            state: "live",
+            brandId: post.brandId,
+            categoryId: primaryCat,
+        })
+            .filter((p) => p.id !== post.id)
+            .slice(0, 5)
+            .map((r) => ({
+            id: r.id,
+            title: r.title,
+            slug: r.slug,
+            publishedAt: r.publishedAt,
+            readingMinutes: r.readingMinutes ?? estimateReadingMinutes(r.contentHtml),
+        }));
+    }, [post, store]);
+    const comments = useMemo(() => {
+        if (!post)
+            return [];
+        return store
+            .comments(post.brandId)
+            .filter((c) => c.postId === post.id && c.status === "approved")
+            .map((c) => ({
+            id: c.id,
+            authorName: c.authorName,
+            body: c.body,
+            createdAt: c.createdAt,
+        }));
+    }, [post, store]);
+    const sanitized = useMemo(() => (post ? sanitizeHtml(post.contentHtml) : ""), [post]);
+    const headings = useMemo(() => extractHeadingsFromHtml(sanitized), [sanitized]);
+    const contentHtml = useMemo(() => injectHeadingIds(sanitized, headings), [sanitized, headings]);
+    const readingMinutes = post?.readingMinutes ?? (post ? estimateReadingMinutes(sanitized) : 0);
+    if (!post) {
+        return (_jsx("div", { className: "panel", children: _jsxs("div", { className: "panel-body", children: [_jsx("p", { className: "note", children: "Post not found." }), _jsx("button", { type: "button", className: "btn", onClick: onBack, children: "\u2190 Back to posts" })] }) }));
+    }
+    const primaryCategory = categories[0] ?? null;
+    const origin = typeof window !== "undefined" ? window.location.origin : "https://example.com";
+    return (_jsxs("div", { className: "bp-site-article admin-post-detail", children: [_jsx(ReadingProgress, {}), _jsx(ArticleDetailHero, { homeHref: "#", homeLabel: "Blogs", category: primaryCategory ? { slug: primaryCategory.slug, name: primaryCategory.name } : null, title: post.title, excerpt: post.excerpt, publishedAt: post.publishedAt, readingMinutes: readingMinutes, authors: authors, 
+                /* Match /blog/[slug] post-details: blue animated hero, no media strip */
+                mediaUrl: null, onBack: onBack, onHome: onBack }), _jsxs("main", { className: "wrap article-shell", children: [_jsx(ArticleRailDetails, { className: "rail-details-mobile", owners: authors, related: related, hrefFor: (slug) => `#/blog/${slug}`, onSelect: (slug) => {
+                            const hit = store.filterPosts({ state: "all", brandId: post.brandId }).find((p) => p.slug === slug);
+                            if (hit && onViewRelated)
+                                onViewRelated(hit.id);
+                        } }), _jsxs("article", { className: "article", children: [media ? (_jsx("figure", { className: "article-hero-media", style: { marginBottom: 28, maxWidth: "100%" }, children: _jsx("img", { className: "article-hero-visual", src: media.url, alt: media.alt || post.title }) })) : null, _jsx("div", { className: "prose", dangerouslySetInnerHTML: { __html: contentHtml } }), categories.length > 0 || tags.length > 0 ? (_jsxs("div", { className: "tag-row", children: [categories.map((c) => (_jsx("span", { className: "tag-pill", children: c.name }, c.id))), tags.map((t) => (_jsxs("span", { className: "tag-pill", children: ["#", t.name] }, t.id)))] })) : null, _jsx("div", { className: "share-foot", children: _jsx(ShareRow, { title: post.title, slug: post.slug, origin: origin, path: `/blogs/${post.slug}` }) }), authors.map((a) => (_jsx("div", { className: "author-card", children: _jsxs("div", { children: [_jsxs("p", { className: "author-name", children: [a.name, a.jobTitle ? _jsxs("span", { children: [" \u2014 ", a.jobTitle] }) : null] }), a.bio ? _jsx("p", { className: "author-bio", children: a.bio }) : null] }) }, a.id))), _jsx(CommentSection, { postId: post.id, allowComments: post.allowComments && post.status === "published", initialComments: comments })] }), _jsxs("aside", { className: "rail", children: [_jsx(ArticleRailDetails, { className: "rail-details-desktop", owners: authors, related: related, hrefFor: (slug) => `#/blog/${slug}`, onSelect: (slug) => {
+                                    const hit = store
+                                        .filterPosts({ state: "all", brandId: post.brandId })
+                                        .find((p) => p.slug === slug);
+                                    if (hit && onViewRelated)
+                                        onViewRelated(hit.id);
+                                } }), headings.length > 1 ? (_jsxs("nav", { className: "toc", "aria-label": "On this page", children: [_jsx("p", { className: "rail-title", children: "On this page" }), _jsx("ol", { children: headings.map((h) => (_jsx("li", { className: h.level === 3 ? "sub" : undefined, children: _jsx("a", { href: `#${h.id}`, children: h.text }) }, h.id))) })] })) : null] })] })] }));
+}

package/dist/components/admin/BrandSettings.d.ts

@@ -0,0 +1,11 @@
+import type { BrandForm } from "./mock/fixtures";
+export type { BrandForm };
+export declare function BrandSettings({ brandId, canEdit }: {
+    brandId?: string;
+    canEdit?: boolean;
+}): import("react").JSX.Element;
+export declare function BrandsList({ onOpenSettings }: {
+    onOpenSettings?: (brandId: string) => void;
+}): import("react").JSX.Element;
+export declare function ProfilePanel(): import("react").JSX.Element;
+//# sourceMappingURL=BrandSettings.d.ts.map

package/dist/components/admin/BrandSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandSettings.d.ts","sourceRoot":"","sources":["../../../app/components/admin/BrandSettings.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,OAAc,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,+BA2OjG;AAED,wBAAgB,UAAU,CAAC,EAAE,cAAc,EAAE,EAAE;IAAE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,+BA6D5F;AAED,wBAAgB,YAAY,gCAqD3B"}