@cedros/data-react 0.1.0

package/dist/site-templates/DocsTemplates.d.ts

@@ -0,0 +1,60 @@
+import type { SiteNavigationItem } from "./SiteLayout.js";
+import { type DocsIndexEntry } from "./contentIndex.js";
+import { type DocsSidebarSection } from "./docsNavigation.js";
+export interface DocsIndexItem extends DocsIndexEntry {
+}
+export interface DocsIndexTemplateProps {
+    siteTitle: string;
+    navigation: SiteNavigationItem[];
+    docs: DocsIndexItem[];
+    title?: string;
+    description?: string;
+    basePath?: string;
+    currentPath?: string;
+    query?: string;
+    category?: string;
+    tag?: string;
+    sort?: "updated-desc" | "updated-asc" | "title-asc" | "title-desc";
+    page?: number;
+    pageSize?: number;
+    categories?: string[];
+    tags?: string[];
+    sidebarSections?: DocsSidebarSection[];
+    sidebarTitle?: string;
+}
+export declare function DocsIndexTemplate({ siteTitle, navigation, docs, title, description, basePath, currentPath, query, category, tag, sort, page, pageSize, categories, tags, sidebarSections, sidebarTitle }: DocsIndexTemplateProps): React.JSX.Element;
+export interface DocArticleTemplateProps {
+    siteTitle: string;
+    navigation: SiteNavigationItem[];
+    title: string;
+    bodyMarkdown?: string;
+    bodyHtml?: string;
+    allowUnsafeHtmlFallback?: boolean;
+    lastUpdated?: string;
+    readingMinutes?: number;
+    basePath?: string;
+    currentPath?: string;
+    searchQuery?: string;
+    docs?: DocsIndexItem[];
+    sidebarSections?: DocsSidebarSection[];
+    sidebarTitle?: string;
+    breadcrumbs?: Array<{
+        label: string;
+        href: string;
+    }>;
+    toc?: Array<{
+        id: string;
+        label: string;
+        depth?: 2 | 3 | 4;
+    }>;
+    previousDoc?: {
+        title: string;
+        href: string;
+    };
+    nextDoc?: {
+        title: string;
+        href: string;
+    };
+    editHref?: string;
+}
+export declare function DocArticleTemplate({ siteTitle, navigation, title, bodyMarkdown, bodyHtml, allowUnsafeHtmlFallback, lastUpdated, readingMinutes, basePath, currentPath, searchQuery, docs, sidebarSections, sidebarTitle, breadcrumbs, toc, previousDoc, nextDoc, editHref }: DocArticleTemplateProps): React.JSX.Element;

package/dist/site-templates/DocsTemplates.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { SiteLayout } from "./SiteLayout.js";
+import { buildContentListHref, collectFilterValues, prepareDocsIndex } from "./contentIndex.js";
+import { Breadcrumbs, ContentPagination } from "./contentUi.js";
+import { buildDocsSidebarSections, withActiveDocsSidebar } from "./docsNavigation.js";
+import { DocsSidebar } from "./DocsSidebar.js";
+import { MarkdownContent } from "./MarkdownContent.js";
+import { TocScrollSpy } from "./tocScrollSpy.js";
+export function DocsIndexTemplate({ siteTitle, navigation, docs, title = "Documentation", description = "", basePath = "/docs", currentPath, query = "", category = "", tag = "", sort = "title-asc", page = 1, pageSize = 10, categories, tags, sidebarSections, sidebarTitle = "Docs" }) {
+    const normalizedFilters = collectFilterValues(docs);
+    const resolvedCategories = categories ?? normalizedFilters.categories;
+    const resolvedTags = tags ?? normalizedFilters.tags;
+    const activePath = currentPath ?? basePath;
+    const resolvedSidebarSections = withActiveDocsSidebar(sidebarSections ?? buildDocsSidebarSections(docs, basePath), activePath);
+    const result = prepareDocsIndex(docs, {
+        query,
+        category,
+        tag,
+        sort,
+        page,
+        pageSize
+    });
+    return (_jsx(SiteLayout, { siteTitle: siteTitle, navigation: navigation, children: _jsxs("section", { className: "cedros-site__docs-page", children: [_jsx(DocsSidebar, { title: sidebarTitle, basePath: basePath, searchQuery: query, sections: resolvedSidebarSections }), _jsxs("div", { className: "cedros-site__docs-main", children: [_jsxs("section", { className: "cedros-site__card", children: [_jsx("span", { className: "cedros-site__pill", children: "docs" }), _jsx("h1", { className: "cedros-site__title", style: { marginTop: "0.6rem" }, children: title }), description && _jsx("p", { className: "cedros-site__subtitle", children: description }), _jsxs("p", { className: "cedros-site__entry-meta", style: { marginTop: "0.6rem" }, children: [result.totalItems, " results"] })] }), _jsx(DocsIndexControls, { basePath: basePath, query: query, category: category, tag: tag, sort: sort, categories: resolvedCategories, tags: resolvedTags }), result.totalItems === 0 && (_jsxs("section", { className: "cedros-site__card cedros-site__empty-state", children: [_jsx("h2", { className: "cedros-site__title", style: { fontSize: "1.25rem" }, children: "No documentation pages found" }), _jsx("p", { className: "cedros-site__subtitle", style: { marginTop: "0.6rem" }, children: "Try a broader query or clear filters." })] })), result.totalItems > 0 && (_jsxs(_Fragment, { children: [_jsx("section", { className: "cedros-site__content-grid cedros-site__content-grid--docs", children: result.items.map((doc) => (_jsxs("article", { className: "cedros-site__card cedros-site__entry-card", children: [_jsx("h2", { className: "cedros-site__entry-title", children: _jsx("a", { href: `${basePath}/${doc.slug}`, children: doc.title }) }), doc.description && _jsx("p", { className: "cedros-site__subtitle", children: doc.description }), (doc.lastUpdated || doc.category) && (_jsx("p", { className: "cedros-site__entry-meta", children: [doc.category, doc.lastUpdated ? `Updated ${doc.lastUpdated}` : ""]
+                                                    .filter(Boolean)
+                                                    .join(" • ") })), doc.tags && doc.tags.length > 0 && (_jsx("div", { className: "cedros-site__tag-list", children: doc.tags.map((entryTag) => (_jsx("a", { href: buildContentListHref(basePath, {
+                                                        q: query,
+                                                        category,
+                                                        tag: entryTag,
+                                                        sort
+                                                    }), className: "cedros-site__pill", children: entryTag }, entryTag))) }))] }, doc.slug))) }), _jsx(ContentPagination, { basePath: basePath, page: result.page, totalPages: result.totalPages, query: { q: query, category, tag, sort } })] }))] })] }) }));
+}
+export function DocArticleTemplate({ siteTitle, navigation, title, bodyMarkdown, bodyHtml, allowUnsafeHtmlFallback = false, lastUpdated, readingMinutes, basePath = "/docs", currentPath, searchQuery = "", docs = [], sidebarSections, sidebarTitle = "Docs", breadcrumbs = [], toc = [], previousDoc, nextDoc, editHref }) {
+    const activePath = currentPath ?? breadcrumbs[breadcrumbs.length - 1]?.href;
+    const resolvedSidebarSections = withActiveDocsSidebar(sidebarSections ?? buildDocsSidebarSections(docs, basePath), activePath);
+    return (_jsx(SiteLayout, { siteTitle: siteTitle, navigation: navigation, children: _jsxs("section", { className: "cedros-site__docs-page cedros-site__docs-page--article", children: [_jsx(DocsSidebar, { title: sidebarTitle, basePath: basePath, searchQuery: searchQuery, sections: resolvedSidebarSections }), _jsxs("article", { className: "cedros-site__card cedros-site__article cedros-site__docs-article", children: [_jsx(Breadcrumbs, { trail: breadcrumbs }), _jsxs("div", { className: "cedros-site__article-header", children: [_jsx("span", { className: "cedros-site__pill", children: "docs" }), _jsx("h1", { className: "cedros-site__title", children: title }), (lastUpdated || readingMinutes) && (_jsx("p", { className: "cedros-site__entry-meta", children: [lastUpdated ? `Last updated ${lastUpdated}` : "", readingTime(readingMinutes)]
+                                        .filter(Boolean)
+                                        .join(" • ") }))] }), _jsx(MarkdownContent, { bodyMarkdown: bodyMarkdown, bodyHtml: bodyHtml, allowUnsafeHtmlFallback: allowUnsafeHtmlFallback }), (previousDoc || nextDoc || editHref) && (_jsxs("footer", { className: "cedros-site__doc-footer", children: [previousDoc && (_jsxs("a", { href: previousDoc.href, className: "cedros-site__nav-link", children: ["\u2190 ", previousDoc.title] })), nextDoc && (_jsxs("a", { href: nextDoc.href, className: "cedros-site__nav-link", children: [nextDoc.title, " \u2192"] })), editHref && (_jsx("a", { href: editHref, className: "cedros-site__nav-link", children: "Suggest edit" }))] }))] }), toc.length > 0 && (_jsxs("aside", { className: "cedros-site__card cedros-site__toc", children: [_jsx("h2", { className: "cedros-site__toc-title", children: "On this page" }), _jsx(TocScrollSpy, { entries: toc })] }))] }) }));
+}
+function DocsIndexControls({ basePath, query, category, tag, sort, categories, tags }) {
+    return (_jsxs("form", { method: "get", action: basePath, className: "cedros-site__controls cedros-site__card", children: [_jsxs("label", { className: "cedros-site__control", children: [_jsx("span", { children: "Search" }), _jsx("input", { type: "search", name: "q", defaultValue: query, placeholder: "Search docs" })] }), _jsxs("label", { className: "cedros-site__control", children: [_jsx("span", { children: "Category" }), _jsxs("select", { name: "category", defaultValue: category, children: [_jsx("option", { value: "", children: "All" }), categories.map((entry) => (_jsx("option", { value: entry, children: entry }, entry)))] })] }), _jsxs("label", { className: "cedros-site__control", children: [_jsx("span", { children: "Tag" }), _jsxs("select", { name: "tag", defaultValue: tag, children: [_jsx("option", { value: "", children: "All" }), tags.map((entry) => (_jsx("option", { value: entry, children: entry }, entry)))] })] }), _jsxs("label", { className: "cedros-site__control", children: [_jsx("span", { children: "Sort" }), _jsxs("select", { name: "sort", defaultValue: sort, children: [_jsx("option", { value: "title-asc", children: "Title A-Z" }), _jsx("option", { value: "title-desc", children: "Title Z-A" }), _jsx("option", { value: "updated-desc", children: "Recently updated" }), _jsx("option", { value: "updated-asc", children: "Least recently updated" })] })] }), _jsxs("div", { className: "cedros-site__control-actions", children: [_jsx("button", { className: "cedros-site__nav-link", type: "submit", children: "Apply" }), _jsx("a", { className: "cedros-site__nav-link", href: basePath, children: "Clear" })] })] }));
+}
+function readingTime(minutes) {
+    if (!minutes) {
+        return "";
+    }
+    return `${minutes} min read`;
+}

package/dist/site-templates/HomePageTemplate.d.ts

@@ -0,0 +1,15 @@
+import type { SiteNavigationItem } from "./SiteLayout.js";
+export interface HomeFeature {
+    title: string;
+    description: string;
+}
+export interface HomePageTemplateProps {
+    siteTitle: string;
+    navigation: SiteNavigationItem[];
+    headline: string;
+    subheadline?: string;
+    ctaLabel?: string;
+    ctaHref?: string;
+    features?: HomeFeature[];
+}
+export declare function HomePageTemplate({ siteTitle, navigation, headline, subheadline, ctaLabel, ctaHref, features }: HomePageTemplateProps): React.JSX.Element;

package/dist/site-templates/HomePageTemplate.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SiteLayout } from "./SiteLayout.js";
+export function HomePageTemplate({ siteTitle, navigation, headline, subheadline = "", ctaLabel = "Get Started", ctaHref = "/docs", features = [] }) {
+    return (_jsxs(SiteLayout, { siteTitle: siteTitle, navigation: navigation, children: [_jsxs("section", { className: "cedros-site__card", style: { display: "grid", gap: "1rem" }, children: [_jsx("span", { className: "cedros-site__pill", children: "home" }), _jsx("h1", { className: "cedros-site__title", children: headline }), subheadline && _jsx("p", { className: "cedros-site__subtitle", children: subheadline }), _jsx("div", { children: _jsx("a", { className: "cedros-site__nav-link", href: ctaHref, children: ctaLabel }) })] }), features.length > 0 && (_jsx("section", { style: {
+                    marginTop: "1rem",
+                    display: "grid",
+                    gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))",
+                    gap: "0.85rem"
+                }, children: features.map((feature) => (_jsxs("article", { className: "cedros-site__card", children: [_jsx("h2", { style: { margin: "0 0 0.5rem", fontSize: "1rem" }, children: feature.title }), _jsx("p", { className: "cedros-site__subtitle", style: { marginTop: 0 }, children: feature.description })] }, feature.title))) }))] }));
+}

package/dist/site-templates/LegalPageTemplate.d.ts

@@ -0,0 +1,12 @@
+import type { SiteNavigationItem } from "./SiteLayout.js";
+export interface LegalPageTemplateProps {
+    siteTitle: string;
+    navigation: SiteNavigationItem[];
+    pageType: "privacy-policy" | "terms-of-service";
+    title: string;
+    bodyMarkdown?: string;
+    bodyHtml?: string;
+    allowUnsafeHtmlFallback?: boolean;
+    effectiveDate?: string;
+}
+export declare function LegalPageTemplate({ siteTitle, navigation, pageType, title, bodyMarkdown, bodyHtml, allowUnsafeHtmlFallback, effectiveDate }: LegalPageTemplateProps): React.JSX.Element;

package/dist/site-templates/LegalPageTemplate.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SiteLayout } from "./SiteLayout.js";
+import { MarkdownContent } from "./MarkdownContent.js";
+export function LegalPageTemplate({ siteTitle, navigation, pageType, title, bodyMarkdown, bodyHtml, allowUnsafeHtmlFallback = false, effectiveDate }) {
+    return (_jsx(SiteLayout, { siteTitle: siteTitle, navigation: navigation, children: _jsxs("article", { className: "cedros-site__card", children: [_jsx("span", { className: "cedros-site__pill", children: pageType }), _jsx("h1", { className: "cedros-site__title", style: { marginTop: "0.55rem" }, children: title }), effectiveDate && (_jsxs("p", { className: "cedros-site__subtitle", style: { marginTop: "0.45rem" }, children: ["Effective: ", effectiveDate] })), _jsx(MarkdownContent, { bodyMarkdown: bodyMarkdown, bodyHtml: bodyHtml, allowUnsafeHtmlFallback: allowUnsafeHtmlFallback, className: "cedros-site__prose" })] }) }));
+}

package/dist/site-templates/MarkdownContent.d.ts

@@ -0,0 +1,7 @@
+export interface MarkdownContentProps {
+    bodyMarkdown?: string;
+    bodyHtml?: string;
+    allowUnsafeHtmlFallback?: boolean;
+    className?: string;
+}
+export declare function MarkdownContent({ bodyMarkdown, bodyHtml, allowUnsafeHtmlFallback, className }: MarkdownContentProps): React.JSX.Element;

package/dist/site-templates/MarkdownContent.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import rehypeAutolinkHeadings from "rehype-autolink-headings";
+import rehypeHighlight from "rehype-highlight";
+import rehypeSlug from "rehype-slug";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import remarkAlert from "remark-github-blockquote-alert";
+import { CodeBlock } from "./codeBlock.js";
+export function MarkdownContent({ bodyMarkdown, bodyHtml, allowUnsafeHtmlFallback = false, className = "cedros-site__prose" }) {
+    if (bodyMarkdown && bodyMarkdown.trim().length > 0) {
+        return (_jsx("div", { className: className, children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm, remarkAlert], rehypePlugins: [
+                    rehypeSlug,
+                    [rehypeAutolinkHeadings, { behavior: "wrap" }],
+                    rehypeHighlight,
+                ], components: { pre: CodeBlock }, children: bodyMarkdown }) }));
+    }
+    if (bodyHtml && allowUnsafeHtmlFallback) {
+        return _jsx("div", { className: className, dangerouslySetInnerHTML: { __html: bodyHtml } });
+    }
+    if (bodyHtml) {
+        return (_jsx("div", { className: className, children: _jsx("p", { className: "cedros-site__content-warning", children: "Raw HTML rendering is disabled. Provide `bodyMarkdown` or enable `allowUnsafeHtmlFallback`." }) }));
+    }
+    return _jsx("div", { className: className });
+}

package/dist/site-templates/NotFoundTemplate.d.ts

@@ -0,0 +1,9 @@
+import type { SiteNavigationItem } from "./SiteLayout.js";
+export interface NotFoundTemplateProps {
+    siteTitle: string;
+    navigation: SiteNavigationItem[];
+    title?: string;
+    message?: string;
+    homeHref?: string;
+}
+export declare function NotFoundTemplate({ siteTitle, navigation, title, message, homeHref }: NotFoundTemplateProps): React.JSX.Element;

package/dist/site-templates/NotFoundTemplate.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SiteLayout } from "./SiteLayout.js";
+export function NotFoundTemplate({ siteTitle, navigation, title = "Page Not Found", message = "The page you requested could not be found.", homeHref = "/" }) {
+    return (_jsx(SiteLayout, { siteTitle: siteTitle, navigation: navigation, children: _jsxs("section", { className: "cedros-site__card", style: { textAlign: "center", padding: "2rem 1rem" }, children: [_jsx("span", { className: "cedros-site__pill", children: "404" }), _jsx("h1", { className: "cedros-site__title", style: { marginTop: "0.65rem" }, children: title }), _jsx("p", { className: "cedros-site__subtitle", children: message }), _jsx("div", { style: { marginTop: "1rem" }, children: _jsx("a", { className: "cedros-site__nav-link", href: homeHref, children: "Go Home" }) })] }) }));
+}

package/dist/site-templates/SiteFooter.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+export interface SiteFooterLink {
+    key: string;
+    label: string;
+    route: string;
+}
+export interface SiteFooterProps {
+    siteTitle: string;
+    note?: string;
+    links?: SiteFooterLink[];
+    rightSlot?: ReactNode;
+}
+export declare function SiteFooter({ siteTitle, note, links, rightSlot }: SiteFooterProps): React.JSX.Element;

package/dist/site-templates/SiteFooter.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SiteFooter({ siteTitle, note, links = [], rightSlot }) {
+    return (_jsx("footer", { className: "cedros-site__footer", children: _jsxs("div", { className: "cedros-site__container cedros-site__footer-inner", children: [_jsxs("div", { className: "cedros-site__footer-brand", children: [_jsx("span", { children: siteTitle }), note && _jsx("span", { children: note })] }), links.length > 0 && (_jsx("nav", { className: "cedros-site__footer-links", "aria-label": "Footer", children: links.map((link) => (_jsx("a", { href: link.route, className: "cedros-site__footer-link", children: link.label }, link.key))) })), rightSlot && _jsx("div", { className: "cedros-site__footer-right", children: rightSlot })] }) }));
+}

package/dist/site-templates/SiteLayout.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+export interface SiteNavigationItem {
+    key: string;
+    label: string;
+    route: string;
+}
+export interface SiteLayoutProps {
+    siteTitle: string;
+    navigation: SiteNavigationItem[];
+    children: ReactNode;
+    brandHref?: string;
+    footerNote?: string;
+}
+export declare function SiteLayout({ siteTitle, navigation, children, brandHref, footerNote }: SiteLayoutProps): React.JSX.Element;

package/dist/site-templates/SiteLayout.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SiteFooter } from "./SiteFooter.js";
+import { TopNav } from "./TopNav.js";
+export function SiteLayout({ siteTitle, navigation, children, brandHref = "/", footerNote = "Powered by cedros-data" }) {
+    return (_jsxs("div", { className: "cedros-site", children: [_jsx(TopNav, { siteTitle: siteTitle, navigation: navigation, brandHref: brandHref }), _jsx("main", { className: "cedros-site__main", children: _jsx("div", { className: "cedros-site__container", children: children }) }), _jsx(SiteFooter, { siteTitle: siteTitle, note: footerNote })] }));
+}

package/dist/site-templates/TopNav.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import type { SiteNavigationItem } from "./SiteLayout.js";
+export interface TopNavProps {
+    siteTitle: string;
+    navigation: SiteNavigationItem[];
+    brandHref?: string;
+    rightSlot?: ReactNode;
+    currentPath?: string;
+}
+export declare function TopNav({ siteTitle, navigation, brandHref, rightSlot, currentPath }: TopNavProps): React.JSX.Element;

package/dist/site-templates/TopNav.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { withActiveRouteState } from "./routing.js";
+export function TopNav({ siteTitle, navigation, brandHref = "/", rightSlot, currentPath }) {
+    const activeNavigation = currentPath
+        ? withActiveRouteState(navigation, currentPath)
+        : navigation.map((item) => ({ ...item, isActive: false }));
+    return (_jsx("header", { className: "cedros-site__header", children: _jsxs("div", { className: "cedros-site__container cedros-site__header-inner", children: [_jsx("a", { href: brandHref, className: "cedros-site__brand", children: siteTitle }), _jsx("nav", { className: "cedros-site__nav", "aria-label": "Primary", children: activeNavigation.map((item) => (_jsx("a", { href: item.route, className: `cedros-site__nav-link${item.isActive ? " cedros-site__nav-link--active" : ""}`, "aria-current": item.isActive ? "page" : undefined, children: item.label }, item.key))) }), rightSlot && _jsx("div", { className: "cedros-site__header-right", children: rightSlot })] }) }));
+}

package/dist/site-templates/blogControls.d.ts

@@ -0,0 +1,19 @@
+import type { FilterDimension, FilterDimensionValues } from "./contentIndex.js";
+export interface BlogSearchInputProps {
+    defaultValue?: string;
+    onSearch: (query: string) => void;
+    placeholder?: string;
+}
+export declare function BlogSearchInput({ defaultValue, onSearch, placeholder }: BlogSearchInputProps): React.JSX.Element;
+export interface FilterDimensionChipsProps {
+    dimensions: FilterDimension[];
+    active: FilterDimensionValues;
+    onChange: (key: string, value: string) => void;
+}
+export declare function FilterDimensionChips({ dimensions, active, onChange }: FilterDimensionChipsProps): React.JSX.Element;
+export interface BookmarkButtonProps {
+    slug: string;
+    isBookmarked: boolean;
+    onToggle: (slug: string) => void;
+}
+export declare function BookmarkButton({ slug, isBookmarked, onToggle }: BookmarkButtonProps): React.JSX.Element;

package/dist/site-templates/blogControls.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
+export function BlogSearchInput({ defaultValue = "", onSearch, placeholder = "Search blog posts" }) {
+    const inputRef = useRef(null);
+    const timerRef = useRef(null);
+    const handleChange = useCallback((e) => {
+        const value = e.target.value;
+        if (timerRef.current)
+            clearTimeout(timerRef.current);
+        timerRef.current = setTimeout(() => onSearch(value), 300);
+    }, [onSearch]);
+    useEffect(() => {
+        function handleKeydown(e) {
+            if ((e.metaKey || e.ctrlKey) && e.key === "k") {
+                e.preventDefault();
+                inputRef.current?.focus();
+            }
+        }
+        document.addEventListener("keydown", handleKeydown);
+        return () => {
+            document.removeEventListener("keydown", handleKeydown);
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+        };
+    }, []);
+    return (_jsx("input", { ref: inputRef, type: "search", defaultValue: defaultValue, onChange: handleChange, placeholder: placeholder, className: "cedros-site__search-input" }));
+}
+export function FilterDimensionChips({ dimensions, active, onChange }) {
+    return (_jsx("div", { className: "cedros-site__filter-dimensions", children: dimensions.map((dim) => (_jsxs("div", { className: "cedros-site__filter-group", children: [_jsx("span", { className: "cedros-site__filter-group-label", children: dim.label }), _jsx("div", { className: "cedros-site__tag-list", children: dim.values.map((value) => {
+                        const isActive = active[dim.key] === value;
+                        return (_jsx("button", { type: "button", className: `cedros-site__pill${isActive ? " cedros-site__pill--active" : ""}`, onClick: () => onChange(dim.key, isActive ? "" : value), children: value }, value));
+                    }) })] }, dim.key))) }));
+}
+export function BookmarkButton({ slug, isBookmarked, onToggle }) {
+    return (_jsx("button", { type: "button", className: "cedros-site__bookmark", "aria-label": "Bookmark", "aria-pressed": isBookmarked, onClick: () => onToggle(slug), children: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: isBookmarked ? "currentColor" : "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" }) }) }));
+}

package/dist/site-templates/codeBlock.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+export interface CodeBlockProps {
+    children?: ReactNode;
+}
+/**
+ * `<pre>` replacement for react-markdown that adds a copy-to-clipboard button.
+ * Designed to wrap `<code>` elements produced by rehype-highlight.
+ */
+export declare function CodeBlock({ children }: CodeBlockProps): React.JSX.Element;

package/dist/site-templates/codeBlock.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+/** Recursively extracts text content from React children. */
+function extractText(node) {
+    if (node == null || typeof node === "boolean")
+        return "";
+    if (typeof node === "string" || typeof node === "number")
+        return String(node);
+    if (Array.isArray(node))
+        return node.map(extractText).join("");
+    if (typeof node === "object" && "props" in node) {
+        return extractText(node.props.children);
+    }
+    return "";
+}
+/**
+ * `<pre>` replacement for react-markdown that adds a copy-to-clipboard button.
+ * Designed to wrap `<code>` elements produced by rehype-highlight.
+ */
+export function CodeBlock({ children }) {
+    const [copied, setCopied] = useState(false);
+    const handleCopy = useCallback(() => {
+        const text = extractText(children);
+        void navigator.clipboard.writeText(text).then(() => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        });
+    }, [children]);
+    return (_jsxs("div", { className: "cedros-site__code-block", children: [_jsx("pre", { children: children }), _jsx("button", { type: "button", className: "cedros-site__code-copy", onClick: handleCopy, "aria-label": "Copy code", children: copied ? "Copied!" : "Copy" })] }));
+}