@canvas-digital/blog-sdk 2.0.2 → 2.0.5

package/dist/components/admin/seo/RedirectForm.js

@@ -69,7 +69,7 @@ export function RedirectForm({ initial, mode, onDone, onCancel, }) {
             onDone();
         });
     };
-    return (_jsxs("section", { className: "panel", children: [_jsxs("div", { className: "panel-head", children: [_jsx("h2", { children: mode === "create" ? "Add redirect" : "Edit redirect" }), _jsx("span", { className: "hint", children: brandName })] }), _jsxs("div", { className: "panel-body stack", children: [error ? (_jsx("p", { className: "form-error", role: "alert", children: error })) : null, form.sources.map((src, i) => (_jsxs("div", { className: "btn-row", style: { alignItems: "flex-end" }, children: [_jsxs("label", { className: "fld-row", style: { flex: 1 }, children: [_jsx("span", { className: "fld-lbl", children: "From path" }), _jsx("input", { className: "fld mono", value: src.path, onChange: (e) => setSource(i, { path: e.target.value }), placeholder: "/old-path" })] }), _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Match" }), _jsxs("select", { className: "fld", value: src.match, onChange: (e) => setSource(i, { match: e.target.value }), children: [_jsx("option", { value: "exact", children: "Exact" }), _jsx("option", { value: "contains", children: "Contains" }), _jsx("option", { value: "regex", children: "Regex" })] })] })] }, i))), _jsx("button", { type: "button", className: "btn", onClick: () => setForm((f) => ({ ...f, sources: [...f.sources, emptySource()] })), children: "Add source path" }), _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Type" }), _jsx("select", { className: "fld", value: form.type, onChange: (e) => set("type", e.target.value), children: TYPE_OPTIONS.map((o) => (_jsx("option", { value: o.value, children: o.label }, o.value))) })] }), needsTarget ? (_jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Target URL" }), _jsx("input", { className: "fld mono", value: form.to, onChange: (e) => set("to", e.target.value), placeholder: "/new-path" })] })) : null, _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Note" }), _jsx("input", { className: "fld", value: form.note, onChange: (e) => set("note", e.target.value) })] }), _jsxs("div", { className: "chips", children: [_jsxs("label", { className: "pick-row", children: [_jsx("input", { type: "checkbox", checked: form.active, onChange: (e) => set("active", e.target.checked) }), " Active"] }), _jsxs("label", { className: "pick-row", children: [_jsx("input", { type: "checkbox", checked: form.ignoreCase, onChange: (e) => set("ignoreCase", e.target.checked) }), " Ignore case"] }), _jsxs("label", { className: "pick-row", children: [_jsx("input", { type: "checkbox", checked: form.ignoreTrailingSlash, onChange: (e) => set("ignoreTrailingSlash", e.target.checked) }), " ", "Ignore trailing slash"] }), _jsxs("label", { className: "pick-row", children: [_jsx("input", { type: "checkbox", checked: form.forceHttps, onChange: (e) => set("forceHttps", e.target.checked) }), " Force HTTPS"] }), _jsxs("label", { className: "pick-row", children: [_jsx("input", { type: "checkbox", checked: form.preserveQuery, onChange: (e) => set("preserveQuery", e.target.checked) }), " ", "Preserve query"] })] }), _jsxs("div", { className: "btn-row", children: [_jsx("button", { type: "button", className: "btn btn-primary", disabled: pending, onClick: submit, children: pending ? "Saving…" : mode === "create" ? "Create redirect" : "Save redirect" }), _jsx("button", { type: "button", className: "btn", onClick: onCancel, children: "Cancel" })] })] })] }));
+    return (_jsxs("section", { className: "blog_panel", children: [_jsxs("div", { className: "blog_panel-head", children: [_jsx("h2", { children: mode === "create" ? "Add redirect" : "Edit redirect" }), _jsx("span", { className: "blog_hint", children: brandName })] }), _jsxs("div", { className: "blog_panel-body blog_stack", children: [error ? (_jsx("p", { className: "blog_form-error", role: "alert", children: error })) : null, form.sources.map((src, i) => (_jsxs("div", { className: "blog_btn-row", style: { alignItems: "flex-end" }, children: [_jsxs("label", { className: "blog_fld-row", style: { flex: 1 }, children: [_jsx("span", { className: "blog_fld-lbl", children: "From path" }), _jsx("input", { className: "blog_fld blog_mono", value: src.path, onChange: (e) => setSource(i, { path: e.target.value }), placeholder: "/old-path" })] }), _jsxs("label", { className: "blog_fld-row", children: [_jsx("span", { className: "blog_fld-lbl", children: "Match" }), _jsxs("select", { className: "blog_fld", value: src.match, onChange: (e) => setSource(i, { match: e.target.value }), children: [_jsx("option", { value: "exact", children: "Exact" }), _jsx("option", { value: "contains", children: "Contains" }), _jsx("option", { value: "regex", children: "Regex" })] })] })] }, i))), _jsx("button", { type: "button", className: "blog_btn", onClick: () => setForm((f) => ({ ...f, sources: [...f.sources, emptySource()] })), children: "Add source path" }), _jsxs("label", { className: "blog_fld-row", children: [_jsx("span", { className: "blog_fld-lbl", children: "Type" }), _jsx("select", { className: "blog_fld", value: form.type, onChange: (e) => set("type", e.target.value), children: TYPE_OPTIONS.map((o) => (_jsx("option", { value: o.value, children: o.label }, o.value))) })] }), needsTarget ? (_jsxs("label", { className: "blog_fld-row", children: [_jsx("span", { className: "blog_fld-lbl", children: "Target URL" }), _jsx("input", { className: "blog_fld blog_mono", value: form.to, onChange: (e) => set("to", e.target.value), placeholder: "/new-path" })] })) : null, _jsxs("label", { className: "blog_fld-row", children: [_jsx("span", { className: "blog_fld-lbl", children: "Note" }), _jsx("input", { className: "blog_fld", value: form.note, onChange: (e) => set("note", e.target.value) })] }), _jsxs("div", { className: "blog_chips", children: [_jsxs("label", { className: "blog_pick-row", children: [_jsx("input", { type: "checkbox", checked: form.active, onChange: (e) => set("active", e.target.checked) }), " Active"] }), _jsxs("label", { className: "blog_pick-row", children: [_jsx("input", { type: "checkbox", checked: form.ignoreCase, onChange: (e) => set("ignoreCase", e.target.checked) }), " Ignore case"] }), _jsxs("label", { className: "blog_pick-row", children: [_jsx("input", { type: "checkbox", checked: form.ignoreTrailingSlash, onChange: (e) => set("ignoreTrailingSlash", e.target.checked) }), " ", "Ignore trailing slash"] }), _jsxs("label", { className: "blog_pick-row", children: [_jsx("input", { type: "checkbox", checked: form.forceHttps, onChange: (e) => set("forceHttps", e.target.checked) }), " Force HTTPS"] }), _jsxs("label", { className: "blog_pick-row", children: [_jsx("input", { type: "checkbox", checked: form.preserveQuery, onChange: (e) => set("preserveQuery", e.target.checked) }), " ", "Preserve query"] })] }), _jsxs("div", { className: "blog_btn-row", children: [_jsx("button", { type: "button", className: "blog_btn blog_btn-primary", disabled: pending, onClick: submit, children: pending ? "Saving…" : mode === "create" ? "Create redirect" : "Save redirect" }), _jsx("button", { type: "button", className: "blog_btn", onClick: onCancel, children: "Cancel" })] })] })] }));
 }
 export function redirectToFormValues(row) {
     return {

package/dist/components/admin/seo/RedirectList.js

@@ -20,9 +20,9 @@ export function RedirectList({ onView, onEdit, onCreate, canEdit = true, }) {
                 alert(res.error);
         });
     };
-    return (_jsxs("section", { className: "panel", children: [_jsxs("div", { className: "panel-head", children: [_jsx("h2", { children: "All redirects" }), _jsx("span", { className: "hint", children: rows.length })] }), rows.length === 0 ? (_jsx("div", { className: "panel-body", children: _jsxs("p", { className: "d-empty", style: { margin: 0 }, children: ["No redirects yet.", " ", canEdit ? (_jsx("button", { type: "button", className: "btn btn-ghost btn-sm", onClick: onCreate, children: "Add the first one" })) : null] }) })) : (_jsx("div", { className: "tw", children: _jsxs("table", { className: "tbl", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "From" }), _jsx("th", { children: "To" }), _jsx("th", { children: "Type" }), _jsx("th", { children: "Origin" }), showBrand ? _jsx("th", { children: "Brand" }) : null] }) }), _jsx("tbody", { children: rows.map((r) => (_jsxs("tr", { children: [_jsxs("td", { children: [_jsx("button", { type: "button", className: "row-title mono", onClick: () => onView(r.id), children: r.from }), r.note ? _jsx("span", { className: "cell-sub", children: r.note }) : null, _jsxs("div", { className: "row-actions", children: [_jsx("button", { type: "button", onClick: () => onView(r.id), children: "View" }), canEdit ? (_jsx("button", { type: "button", onClick: () => onEdit(r.id), children: "Edit" })) : null, canEdit ? (_jsx("button", { type: "button", className: "danger", disabled: pending, onClick: () => remove(r), children: "Delete" })) : null] })] }), _jsx("td", { className: "mono muted", children: r.to || "—" }), _jsxs("td", { children: [_jsx("span", { className: `chip ${r.type === "301" || r.type === "308"
-                                                    ? "chip-approved"
+    return (_jsxs("section", { className: "blog_panel", children: [_jsxs("div", { className: "blog_panel-head", children: [_jsx("h2", { children: "All redirects" }), _jsx("span", { className: "blog_hint", children: rows.length })] }), rows.length === 0 ? (_jsx("div", { className: "blog_panel-body", children: _jsxs("p", { className: "blog_d-empty", style: { margin: 0 }, children: ["No redirects yet.", " ", canEdit ? (_jsx("button", { type: "button", className: "blog_btn blog_btn-ghost blog_btn-sm", onClick: onCreate, children: "Add the first one" })) : null] }) })) : (_jsx("div", { className: "blog_tw", children: _jsxs("table", { className: "blog_tbl", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "From" }), _jsx("th", { children: "To" }), _jsx("th", { children: "Type" }), _jsx("th", { children: "Origin" }), showBrand ? _jsx("th", { children: "Brand" }) : null] }) }), _jsx("tbody", { children: rows.map((r) => (_jsxs("tr", { children: [_jsxs("td", { children: [_jsx("button", { type: "button", className: "blog_row-title blog_mono", onClick: () => onView(r.id), children: r.from }), r.note ? _jsx("span", { className: "blog_cell-sub", children: r.note }) : null, _jsxs("div", { className: "blog_row-actions", children: [_jsx("button", { type: "button", onClick: () => onView(r.id), children: "View" }), canEdit ? (_jsx("button", { type: "button", onClick: () => onEdit(r.id), children: "Edit" })) : null, canEdit ? (_jsx("button", { type: "button", className: "blog_danger", disabled: pending, onClick: () => remove(r), children: "Delete" })) : null] })] }), _jsx("td", { className: "blog_mono blog_muted", children: r.to || "—" }), _jsxs("td", { children: [_jsx("span", { className: `blog_chip ${r.type === "301" || r.type === "308"
+                                                    ? "blog_chip-approved"
                                                     : r.type === "404" || r.type === "410" || r.type === "451"
-                                                        ? "chip-draft"
-                                                        : "chip-writing"}`, children: r.type }), r.active === false ? _jsx("span", { className: "chip chip-draft", children: "Off" }) : null] }), _jsx("td", { className: "muted", children: SOURCE_LABEL[r.source] ?? r.source }), showBrand ? _jsx("td", { className: "muted", children: r.brandName ?? "—" }) : null] }, r.id))) })] }) }))] }));
+                                                        ? "blog_chip-draft"
+                                                        : "blog_chip-writing"}`, children: r.type }), r.active === false ? _jsx("span", { className: "blog_chip blog_chip-draft", children: "Off" }) : null] }), _jsx("td", { className: "blog_muted", children: SOURCE_LABEL[r.source] ?? r.source }), showBrand ? _jsx("td", { className: "blog_muted", children: r.brandName ?? "—" }) : null] }, r.id))) })] }) }))] }));
 }

package/dist/components/admin/seo/RobotsEditor.js

@@ -46,5 +46,5 @@ export function RobotsEditor({ brandId, canEdit = true, }) {
             setFlash("Robots.txt saved.");
         });
     };
-    return (_jsxs("fieldset", { className: "seo-module", disabled: !canEdit, children: [!canEdit ? _jsxs("p", { className: "explain", children: ["Only platform admins can change robots.txt for ", brandName, "."] }) : null, error ? (_jsx("p", { className: "form-error", role: "alert", children: error })) : null, flash ? (_jsx("p", { className: "form-ok", role: "status", children: flash })) : null, _jsxs("div", { className: "grid grid-2 seo-grid", children: [_jsxs("section", { className: "panel", children: [_jsx("div", { className: "panel-head", children: _jsxs("h2", { children: ["Rules for ", brandName] }) }), _jsxs("div", { className: "panel-body stack", children: [_jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Allow paths (one per line)" }), _jsx("textarea", { className: "fld mono", rows: 4, value: allow, onChange: (e) => setAllow(e.target.value) })] }), _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Disallow paths (one per line)" }), _jsx("textarea", { className: "fld mono", rows: 4, value: disallow, onChange: (e) => setDisallow(e.target.value) })] }), _jsxs("label", { className: "pick-row", children: [_jsx("input", { type: "checkbox", checked: includeSitemap, onChange: (e) => setIncludeSitemap(e.target.checked) }), " ", "Include sitemap URL"] }), _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Extra rules" }), _jsx("textarea", { className: "fld mono", rows: 3, value: extraRules, onChange: (e) => setExtraRules(e.target.value) })] }), canEdit ? (_jsx("button", { type: "button", className: "btn btn-primary", disabled: pending, onClick: save, children: pending ? "Saving…" : "Save robots.txt" })) : null] })] }), _jsxs("section", { className: "panel", children: [_jsx("div", { className: "panel-head", children: _jsx("h2", { children: "Preview" }) }), _jsx("div", { className: "panel-body", children: _jsx("pre", { className: "mono", style: { whiteSpace: "pre-wrap", margin: 0 }, children: preview }) })] })] })] }));
+    return (_jsxs("fieldset", { className: "blog_seo-module", disabled: !canEdit, children: [!canEdit ? _jsxs("p", { className: "blog_explain", children: ["Only platform admins can change robots.txt for ", brandName, "."] }) : null, error ? (_jsx("p", { className: "blog_form-error", role: "alert", children: error })) : null, flash ? (_jsx("p", { className: "blog_form-ok", role: "status", children: flash })) : null, _jsxs("div", { className: "blog_grid blog_grid-2 blog_seo-grid", children: [_jsxs("section", { className: "blog_panel", children: [_jsx("div", { className: "blog_panel-head", children: _jsxs("h2", { children: ["Rules for ", brandName] }) }), _jsxs("div", { className: "blog_panel-body blog_stack", children: [_jsxs("label", { className: "blog_fld-row", children: [_jsx("span", { className: "blog_fld-lbl", children: "Allow paths (one per line)" }), _jsx("textarea", { className: "blog_fld blog_mono", rows: 4, value: allow, onChange: (e) => setAllow(e.target.value) })] }), _jsxs("label", { className: "blog_fld-row", children: [_jsx("span", { className: "blog_fld-lbl", children: "Disallow paths (one per line)" }), _jsx("textarea", { className: "blog_fld blog_mono", rows: 4, value: disallow, onChange: (e) => setDisallow(e.target.value) })] }), _jsxs("label", { className: "blog_pick-row", children: [_jsx("input", { type: "checkbox", checked: includeSitemap, onChange: (e) => setIncludeSitemap(e.target.checked) }), " ", "Include sitemap URL"] }), _jsxs("label", { className: "blog_fld-row", children: [_jsx("span", { className: "blog_fld-lbl", children: "Extra rules" }), _jsx("textarea", { className: "blog_fld blog_mono", rows: 3, value: extraRules, onChange: (e) => setExtraRules(e.target.value) })] }), canEdit ? (_jsx("button", { type: "button", className: "blog_btn blog_btn-primary", disabled: pending, onClick: save, children: pending ? "Saving…" : "Save robots.txt" })) : null] })] }), _jsxs("section", { className: "blog_panel", children: [_jsx("div", { className: "blog_panel-head", children: _jsx("h2", { children: "Preview" }) }), _jsx("div", { className: "blog_panel-body", children: _jsx("pre", { className: "blog_mono", style: { whiteSpace: "pre-wrap", margin: 0 }, children: preview }) })] })] })] }));
 }

package/dist/components/admin/seo/shared.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useAdminMock } from "../mock/store";
-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 })] })] }));
+export const SeoStatus = ({ ok, label, detail, }) => (_jsxs("div", { className: `blog_seo-status ${ok ? "blog_is-ok" : "blog_is-warn"}`, children: [_jsx("span", { className: "blog_seo-status-dot", "aria-hidden": "true" }), _jsxs("div", { children: [_jsx("strong", { children: label }), _jsx("p", { children: detail })] })] }));
 export function BrandPickPanel({ title, onPick, }) {
     const store = useAdminMock();
-    return (_jsxs("section", { className: "panel", children: [_jsx("div", { className: "panel-head", children: _jsx("h2", { children: "Which brand?" }) }), _jsxs("div", { className: "panel-body", children: [_jsxs("p", { className: "explain", style: { marginTop: 0 }, children: [title, " \u2014 these settings are per brand. Pick one to continue."] }), _jsx("div", { className: "chips", children: store.brands.map((t) => (_jsx("button", { type: "button", className: "btn", onClick: () => onPick(t.id), children: t.name }, t.id))) })] })] }));
+    return (_jsxs("section", { className: "blog_panel", children: [_jsx("div", { className: "blog_panel-head", children: _jsx("h2", { children: "Which brand?" }) }), _jsxs("div", { className: "blog_panel-body", children: [_jsxs("p", { className: "blog_explain", style: { marginTop: 0 }, children: [title, " \u2014 these settings are per brand. Pick one to continue."] }), _jsx("div", { className: "blog_chips", children: store.brands.map((t) => (_jsx("button", { type: "button", className: "blog_btn", onClick: () => onPick(t.id), children: t.name }, t.id))) })] })] }));
 }

package/dist/components/admin/tools/ToolsHub.js

@@ -50,7 +50,7 @@ export function ExportTool() {
             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 from the mock store", brandSlug ? ` (currently ${brandName})` : " (all brands)", "."] }), 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: download, disabled: busy, children: busy ? "Preparing…" : `Download ${format.toUpperCase()} File` }) })] })] }));
+    return (_jsxs("section", { className: "blog_panel", children: [_jsx("div", { className: "blog_panel-head", children: _jsx("h2", { children: "Choose what to export" }) }), _jsxs("div", { className: "blog_panel-body blog_stack", children: [_jsxs("p", { className: "blog_note", style: { marginTop: 0 }, children: ["Download a JSON, XML, or CSV file from the mock store", brandSlug ? ` (currently ${brandName})` : " (all brands)", "."] }), error ? (_jsx("p", { className: "blog_form-error", role: "alert", children: error })) : null, _jsxs("fieldset", { className: "blog_export-fieldset", children: [_jsx("legend", { className: "blog_sr-only", children: "Export type" }), options.map((opt) => (_jsxs("label", { className: `blog_export-option${kind === opt.value ? " blog_is-on" : ""}`, children: [_jsx("input", { type: "radio", name: "export-kind", value: opt.value, checked: kind === opt.value, onChange: () => setKind(opt.value) }), _jsxs("span", { className: "blog_export-option-body", children: [_jsx("span", { className: "blog_export-option-label", children: opt.label }), _jsx("span", { className: "blog_export-option-desc", children: opt.description })] })] }, opt.value)))] }), _jsxs("fieldset", { className: "blog_export-fieldset", children: [_jsx("legend", { className: "blog_export-fieldset-label", children: "File format" }), formats.map((opt) => (_jsxs("label", { className: `blog_export-option${format === opt.value ? " blog_is-on" : ""}`, children: [_jsx("input", { type: "radio", name: "export-format", value: opt.value, checked: format === opt.value, onChange: () => setFormat(opt.value) }), _jsxs("span", { className: "blog_export-option-body", children: [_jsx("span", { className: "blog_export-option-label", children: opt.label }), _jsx("span", { className: "blog_export-option-desc", children: opt.description })] })] }, opt.value)))] }), _jsx("div", { className: "blog_btn-row", children: _jsx("button", { type: "button", className: "blog_btn blog_btn-primary", onClick: download, disabled: busy, children: busy ? "Preparing…" : `Download ${format.toUpperCase()} File` }) })] })] }));
 }
 export function ImportTool() {
     const store = useAdminMock();
@@ -95,12 +95,12 @@ export function ImportTool() {
             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 file from Tools \u2192 Export. Scoped to ", brandSlug || brandName, "."] }), 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)` : "", "."] })) : 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: fileRef, type: "file", accept: ".json,application/json", className: "sr-only", onChange: (e) => {
+    return (_jsxs("section", { className: "blog_panel", children: [_jsxs("div", { className: "blog_panel-head", children: [_jsx("h2", { children: "Choose what to import" }), _jsx("span", { className: "blog_hint", children: brandName })] }), _jsxs("div", { className: "blog_panel-body blog_stack", children: [_jsxs("p", { className: "blog_note", style: { marginTop: 0 }, children: ["Upload a JSON file from Tools \u2192 Export. Scoped to ", brandSlug || brandName, "."] }), error ? (_jsx("p", { className: "blog_form-error", role: "alert", children: error })) : null, result ? (_jsxs("div", { className: "blog_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)` : "", "."] })) : null, _jsxs("fieldset", { className: "blog_export-fieldset", children: [_jsx("legend", { className: "blog_sr-only", children: "Import type" }), options.map((opt) => (_jsxs("label", { className: `blog_export-option${kind === opt.value ? " blog_is-on" : ""}`, children: [_jsx("input", { type: "radio", name: "import-kind", value: opt.value, checked: kind === opt.value, onChange: () => setKind(opt.value) }), _jsxs("span", { className: "blog_export-option-body", children: [_jsx("span", { className: "blog_export-option-label", children: opt.label }), _jsx("span", { className: "blog_export-option-desc", children: opt.description })] })] }, opt.value)))] }), _jsxs("div", { className: "blog_import-file", children: [_jsx("input", { ref: fileRef, type: "file", accept: ".json,application/json", className: "blog_sr-only", onChange: (e) => {
                                     setFile(e.target.files?.[0] ?? null);
                                     setResult(null);
                                     setError(null);
-                                } }), _jsx("button", { type: "button", className: "btn", onClick: () => fileRef.current?.click(), disabled: busy, children: file ? "Change file" : "Choose file" }), _jsx("span", { className: "import-file-name mono", children: file ? file.name : "JSON" })] }), _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" }) })] })] }));
+                                } }), _jsx("button", { type: "button", className: "blog_btn", onClick: () => fileRef.current?.click(), disabled: busy, children: file ? "Change file" : "Choose file" }), _jsx("span", { className: "blog_import-file-name blog_mono", children: file ? file.name : "JSON" })] }), _jsx("div", { className: "blog_btn-row", children: _jsx("button", { type: "button", className: "blog_btn blog_btn-primary", onClick: () => void runImport(), disabled: busy || !file, children: busy ? "Importing…" : "Run Import" }) })] })] }));
 }
 export function ToolsHub({ onExport, onImport }) {
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "explain", children: "Utilities for moving content in and out of the portal. Import and export are scoped to the brand selected in the top bar." }), _jsxs("section", { className: "panel", children: [_jsx("div", { className: "panel-head", children: _jsx("h2", { children: "Available Tools" }) }), _jsxs("ul", { className: "seo-link-list", children: [_jsx("li", { children: _jsxs("button", { type: "button", onClick: onExport, style: { width: "100%", textAlign: "left" }, children: [_jsxs("span", { children: [_jsx("strong", { children: "Export" }), _jsx("span", { className: "cell-sub", style: { display: "block", marginTop: 4 }, children: "Download posts and media as JSON, XML, or CSV." })] }), _jsx("span", { className: "mono", children: "Open \u2192" })] }) }), _jsx("li", { children: _jsxs("button", { type: "button", onClick: onImport, style: { width: "100%", textAlign: "left" }, children: [_jsxs("span", { children: [_jsx("strong", { children: "Import" }), _jsx("span", { className: "cell-sub", style: { display: "block", marginTop: 4 }, children: "Bulk import blog posts and comments from JSON." })] }), _jsx("span", { className: "mono", children: "Open \u2192" })] }) })] })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "blog_explain", children: "Utilities for moving content in and out of the portal. Import and export are scoped to the brand selected in the top bar." }), _jsxs("section", { className: "blog_panel", children: [_jsx("div", { className: "blog_panel-head", children: _jsx("h2", { children: "Available Tools" }) }), _jsxs("ul", { className: "blog_seo-link-list", children: [_jsx("li", { children: _jsxs("button", { type: "button", onClick: onExport, style: { width: "100%", textAlign: "left" }, children: [_jsxs("span", { children: [_jsx("strong", { children: "Export" }), _jsx("span", { className: "blog_cell-sub", style: { display: "block", marginTop: 4 }, children: "Download posts and media as JSON, XML, or CSV." })] }), _jsx("span", { className: "blog_mono", children: "Open \u2192" })] }) }), _jsx("li", { children: _jsxs("button", { type: "button", onClick: onImport, style: { width: "100%", textAlign: "left" }, children: [_jsxs("span", { children: [_jsx("strong", { children: "Import" }), _jsx("span", { className: "blog_cell-sub", style: { display: "block", marginTop: 4 }, children: "Bulk import blog posts and comments from JSON." })] }), _jsx("span", { className: "blog_mono", children: "Open \u2192" })] }) })] })] })] }));
 }

package/dist/components/user/BlogCard.js

@@ -10,13 +10,13 @@ export function BlogCard({ blog, theme, onSelect, href, lead = false, index = 0,
     const thumb = blog.featured_image;
     const showThumb = Boolean(thumb) && !imgFailed;
     const readingMinutes = estimateReadingMinutes([blog.excerpt, blog.content].filter(Boolean).join(" "));
-    const body = (_jsxs(_Fragment, { children: [showThumb ? (_jsx("span", { className: "card-img", children: _jsx("img", { src: thumb, alt: blog.title, width: lead ? 1600 : 768, height: lead ? 900 : 512, loading: priority ? "eager" : "lazy", decoding: "async", onError: () => setImgFailed(true) }) })) : (_jsx("span", { className: "card-img card-img-blank", "aria-hidden": "true" })), _jsxs("span", { className: "card-body", children: [categoryName ? _jsx("span", { className: "card-eyebrow", children: categoryName }) : null, _jsx("span", { className: "card-title", children: blog.title }), resolved.showExcerpt && blog.excerpt ? (_jsx("span", { className: "card-excerpt", children: blog.excerpt })) : null, _jsxs("span", { className: "card-meta", children: [resolved.showDate && published ? (_jsx("time", { dateTime: published, children: formatDate(published) })) : null, resolved.showAuthor && blog.author?.name ? (_jsx("span", { children: blog.author.name })) : null, _jsxs("span", { children: [readingMinutes, " min read"] })] })] })] }));
-    return (_jsx("li", { className: lead ? "card card-lead" : "card", style: { ["--motion-i"]: index }, children: href ? (_jsx("a", { href: href, children: body })) : (_jsx("button", { type: "button", className: "card-link", onClick: () => onSelect?.(blog), children: body })) }));
+    const body = (_jsxs(_Fragment, { children: [showThumb ? (_jsx("span", { className: "blog_card-img", children: _jsx("img", { src: thumb, alt: blog.title, width: lead ? 1600 : 768, height: lead ? 900 : 512, loading: priority ? "eager" : "lazy", decoding: "async", onError: () => setImgFailed(true) }) })) : (_jsx("span", { className: "blog_card-img blog_card-img-blank", "aria-hidden": "true" })), _jsxs("span", { className: "blog_card-body", children: [categoryName ? _jsx("span", { className: "blog_card-eyebrow", children: categoryName }) : null, _jsx("span", { className: "blog_card-title", children: blog.title }), resolved.showExcerpt && blog.excerpt ? (_jsx("span", { className: "blog_card-excerpt", children: blog.excerpt })) : null, _jsxs("span", { className: "blog_card-meta", children: [resolved.showDate && published ? (_jsx("time", { dateTime: published, children: formatDate(published) })) : null, resolved.showAuthor && blog.author?.name ? (_jsx("span", { children: blog.author.name })) : null, _jsxs("span", { children: [readingMinutes, " min read"] })] })] })] }));
+    return (_jsx("li", { className: lead ? "blog_card blog_card-lead" : "blog_card", style: { ["--motion-i"]: index }, children: href ? (_jsx("a", { href: href, children: body })) : (_jsx("button", { type: "button", className: "blog_card-link", onClick: () => onSelect?.(blog), children: body })) }));
 }
 export function BlogGrid({ blogs, theme, onSelect, getHref, className, leadFirst = false, }) {
     if (blogs.length === 0)
         return null;
     const lead = leadFirst ? blogs[0] : null;
     const rest = leadFirst ? blogs.slice(1) : blogs;
-    return (_jsxs(_Fragment, { children: [lead ? (_jsx("ul", { className: "post-grid post-grid-lead", children: _jsx(BlogCard, { blog: lead, theme: theme, onSelect: onSelect, href: getHref?.(lead), lead: true, priority: true, index: 0 }) })) : null, rest.length > 0 ? (_jsx("ul", { className: className ? `post-grid ${className}` : "post-grid", children: rest.map((blog, i) => (_jsx(BlogCard, { blog: blog, theme: theme, onSelect: onSelect, href: getHref?.(blog), priority: !lead && i === 0, index: i }, blog.id))) })) : null] }));
+    return (_jsxs(_Fragment, { children: [lead ? (_jsx("ul", { className: "blog_post-grid blog_post-grid-lead", children: _jsx(BlogCard, { blog: lead, theme: theme, onSelect: onSelect, href: getHref?.(lead), lead: true, priority: true, index: 0 }) })) : null, rest.length > 0 ? (_jsx("ul", { className: className ? `post-grid ${className}` : "blog_post-grid", children: rest.map((blog, i) => (_jsx(BlogCard, { blog: blog, theme: theme, onSelect: onSelect, href: getHref?.(blog), priority: !lead && i === 0, index: i }, blog.id))) })) : null] }));
 }

package/dist/components/user/BlogCategories.js

@@ -7,5 +7,5 @@ import { EmptyState, ErrorState, LoadingState, Scope } from "./internal/States";
 export function BlogCategories({ config, theme, branding, className, onSelect, }) {
     const client = useMemo(() => new BlogClient(config), [config.apiUrl, config.publicApiKey, config.email, config.domain, config.timeoutMs]);
     const state = useAsync(() => client.getCategories(), [client], (data) => data.length === 0);
-    return (_jsxs(Scope, { className: cx("bp-blog-categories", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, { label: "Loading categories..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, { label: "No categories yet." }) : null, state.status === "success" ? (_jsx("ul", { className: "bp-blog-categories__list", style: { listStyle: "none", padding: 0, margin: 0 }, children: state.data.map((category) => (_jsx("li", { style: { marginBottom: "0.5rem" }, children: _jsx("button", { type: "button", onClick: () => onSelect?.(category), children: category.name }) }, category.id))) })) : null] }));
+    return (_jsxs(Scope, { className: cx("blog_bp-blog-categories", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, { label: "Loading categories..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, { label: "No categories yet." }) : null, state.status === "success" ? (_jsx("ul", { className: "blog_bp-blog-categories__list", style: { listStyle: "none", padding: 0, margin: 0 }, children: state.data.map((category) => (_jsx("li", { style: { marginBottom: "0.5rem" }, children: _jsx("button", { type: "button", onClick: () => onSelect?.(category), children: category.name }) }, category.id))) })) : null] }));
 }

package/dist/components/user/BlogDetail.js

@@ -86,5 +86,5 @@ export function BlogDetail({ config, slug, theme, branding, className, trackView
         publishedAt: r.published_at,
         readingMinutes: estimateReadingMinutes(r.content || ""),
     }));
-    return (_jsxs(Scope, { className: cx("bp-blog-detail", "bp-site-article", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, { label: "Loading..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.authError ? state.error : "Blog not found.", authError: state.authError })) : null, post ? (_jsxs(_Fragment, { children: [_jsx(ReadingProgress, {}), _jsx(ArticleDetailHero, { homeHref: homeHref, homeLabel: homeLabel, category: post.category ? { slug: post.category.slug, name: post.category.name } : null, categoryHref: post.category ? categoryPath(post.category.slug) : null, title: post.title, excerpt: post.excerpt, publishedAt: post.published_at, readingMinutes: readingMinutes, authors: authors, mediaUrl: mediaUrl, mediaAlt: post.title, onBack: onBack, onHome: onHome, onCategory: onCategory }), _jsxs("main", { className: "wrap article-shell", children: [_jsx(ArticleRailDetails, { className: "rail-details-mobile", owners: authors, related: railRelated, hrefFor: postPath, onSelect: onSelectRelated }), _jsxs("article", { className: "article", children: [_jsx("div", { className: "prose", dangerouslySetInnerHTML: { __html: contentHtml } }), categories.length > 0 || tags.length > 0 ? (_jsxs("div", { className: "tag-row", children: [categories.map((c) => onCategory ? (_jsx("button", { type: "button", className: "tag-pill", onClick: () => onCategory(c.slug), children: c.name }, c.id)) : (_jsx("a", { className: "tag-pill", href: categoryPath(c.slug), 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 || (config.domain ? `https://${config.domain}` : ""), path: postPath(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: allowComments, initialComments: initialComments, onSubmitComment: onSubmitComment })] }), _jsxs("aside", { className: "rail", children: [_jsx(ArticleRailDetails, { className: "rail-details-desktop", owners: authors, related: railRelated, hrefFor: postPath, onSelect: onSelectRelated }), 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] })] })] })) : state.status === "success" || state.status === "empty" ? (_jsx(EmptyState, { label: "Blog not found." })) : null] }));
+    return (_jsxs(Scope, { className: cx("blog_bp-blog-detail", "blog_bp-site-article", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, { label: "Loading..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.authError ? state.error : "Blog not found.", authError: state.authError })) : null, post ? (_jsxs(_Fragment, { children: [_jsx(ReadingProgress, {}), _jsx(ArticleDetailHero, { homeHref: homeHref, homeLabel: homeLabel, category: post.category ? { slug: post.category.slug, name: post.category.name } : null, categoryHref: post.category ? categoryPath(post.category.slug) : null, title: post.title, excerpt: post.excerpt, publishedAt: post.published_at, readingMinutes: readingMinutes, authors: authors, mediaUrl: mediaUrl, mediaAlt: post.title, onBack: onBack, onHome: onHome, onCategory: onCategory }), _jsxs("main", { className: "blog_wrap blog_article-shell", children: [_jsx(ArticleRailDetails, { className: "blog_rail-details-mobile", owners: authors, related: railRelated, hrefFor: postPath, onSelect: onSelectRelated }), _jsxs("article", { className: "blog_article", children: [_jsx("div", { className: "blog_prose", dangerouslySetInnerHTML: { __html: contentHtml } }), categories.length > 0 || tags.length > 0 ? (_jsxs("div", { className: "blog_tag-row", children: [categories.map((c) => onCategory ? (_jsx("button", { type: "button", className: "blog_tag-pill", onClick: () => onCategory(c.slug), children: c.name }, c.id)) : (_jsx("a", { className: "blog_tag-pill", href: categoryPath(c.slug), children: c.name }, c.id))), tags.map((t) => (_jsxs("span", { className: "blog_tag-pill", children: ["#", t.name] }, t.id)))] })) : null, _jsx("div", { className: "blog_share-foot", children: _jsx(ShareRow, { title: post.title, slug: post.slug, origin: origin || (config.domain ? `https://${config.domain}` : ""), path: postPath(post.slug) }) }), authors.map((a) => (_jsx("div", { className: "blog_author-card", children: _jsxs("div", { children: [_jsxs("p", { className: "blog_author-name", children: [a.name, a.jobTitle ? _jsxs("span", { children: [" \u2014 ", a.jobTitle] }) : null] }), a.bio ? _jsx("p", { className: "blog_author-bio", children: a.bio }) : null] }) }, a.id))), _jsx(CommentSection, { postId: post.id, allowComments: allowComments, initialComments: initialComments, onSubmitComment: onSubmitComment })] }), _jsxs("aside", { className: "blog_rail", children: [_jsx(ArticleRailDetails, { className: "blog_rail-details-desktop", owners: authors, related: railRelated, hrefFor: postPath, onSelect: onSelectRelated }), headings.length > 1 ? (_jsxs("nav", { className: "blog_toc", "aria-label": "On this page", children: [_jsx("p", { className: "blog_rail-title", children: "On this page" }), _jsx("ol", { children: headings.map((h) => (_jsx("li", { className: h.level === 3 ? "blog_sub" : undefined, children: _jsx("a", { href: `#${h.id}`, children: h.text }) }, h.id))) })] })) : null] })] })] })) : state.status === "success" || state.status === "empty" ? (_jsx(EmptyState, { label: "Blog not found." })) : null] }));
 }

package/dist/components/user/BlogList.js

@@ -52,5 +52,5 @@ export function BlogList({ config, theme, branding, className, params, onSelect,
         setCategoryId(id);
         setPage(1);
     };
-    return (_jsxs(Scope, { className: cx("bp-site-index", branding?.className, className), style: themeVars(resolvedTheme, branding), css: branding?.css, children: [showMediaHero ? (_jsx(SiteMediaHero, { slides: heroSlides, siteName: siteName, onSelect: onSelect })) : (_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: heroTitle }), _jsx("p", { className: "site-hero-desc site-animate-item", children: heroDesc })] }), _jsx("div", { className: "site-hero-glow", "aria-hidden": "true" })] })), _jsxs("section", { className: "site-index-feed", "aria-label": feedLabel, 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("header", { className: "site-index-feed-head", children: [_jsx("p", { className: "site-index-feed-eyebrow", children: feedLabel }), _jsx("span", { className: "site-index-feed-rule", "aria-hidden": "true" })] }), _jsxs("div", { className: "site-page site-index-feed-body", children: [categories.length > 0 ? (_jsxs("nav", { className: "cat-bar site-animate-in", "aria-label": "Filter by category", children: [_jsx("button", { type: "button", className: "site-animate-item", "aria-current": !categoryId ? "page" : undefined, onClick: () => selectCategory(undefined), children: "All" }), categories.map((c) => (_jsx("button", { type: "button", className: "site-animate-item", "aria-current": categoryId === c.id ? "page" : undefined, onClick: () => selectCategory(c.id), children: c.name }, c.id)))] })) : null, state.status === "loading" ? _jsx(LoadingState, { label: "Loading blogs..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? (_jsx("p", { className: "empty site-animate-in", children: _jsx("span", { className: "site-animate-item", children: "Nothing published yet." }) })) : null, state.status === "success" ? (_jsxs(_Fragment, { children: [_jsx(BlogGrid, { blogs: state.data.items, theme: resolvedTheme, onSelect: onSelect, getHref: getHref, leadFirst: showLeadCard && state.data.items.length > 0 }), totalPages > 1 ? (_jsxs("div", { className: "pagination", children: [_jsx("button", { type: "button", disabled: page <= 1, onClick: () => setPage((value) => Math.max(1, value - 1)), children: "Previous" }), _jsxs("span", { children: ["Page ", page, " of ", totalPages] }), _jsx("button", { type: "button", disabled: page >= totalPages, onClick: () => setPage((value) => value + 1), children: "Next" })] })) : null] })) : null] })] })] })] }));
+    return (_jsxs(Scope, { className: cx("blog_bp-site-index", branding?.className, className), style: themeVars(resolvedTheme, branding), css: branding?.css, children: [showMediaHero ? (_jsx(SiteMediaHero, { slides: heroSlides, siteName: siteName, onSelect: onSelect })) : (_jsxs("section", { className: "blog_site-hero blog_site-animate-in", children: [_jsxs("div", { className: "blog_site-hero-inner", children: [_jsx("p", { className: "blog_site-hero-eyebrow blog_site-animate-item", children: siteName }), _jsx("h1", { className: "blog_site-hero-title blog_site-animate-item", children: heroTitle }), _jsx("p", { className: "blog_site-hero-desc blog_site-animate-item", children: heroDesc })] }), _jsx("div", { className: "blog_site-hero-glow", "aria-hidden": "true" })] })), _jsxs("section", { className: "blog_site-index-feed", "aria-label": feedLabel, children: [_jsxs("div", { className: "blog_site-index-bridge", "aria-hidden": "true", children: [_jsx("span", { className: "blog_site-index-bridge-glow" }), _jsx("span", { className: "blog_site-index-bridge-line" })] }), _jsxs("div", { className: "blog_site-index-feed-inner", children: [_jsxs("header", { className: "blog_site-index-feed-head", children: [_jsx("p", { className: "blog_site-index-feed-eyebrow", children: feedLabel }), _jsx("span", { className: "blog_site-index-feed-rule", "aria-hidden": "true" })] }), _jsxs("div", { className: "blog_site-page blog_site-index-feed-body", children: [categories.length > 0 ? (_jsxs("nav", { className: "blog_cat-bar blog_site-animate-in", "aria-label": "Filter by category", children: [_jsx("button", { type: "button", className: "blog_site-animate-item", "aria-current": !categoryId ? "page" : undefined, onClick: () => selectCategory(undefined), children: "All" }), categories.map((c) => (_jsx("button", { type: "button", className: "blog_site-animate-item", "aria-current": categoryId === c.id ? "page" : undefined, onClick: () => selectCategory(c.id), children: c.name }, c.id)))] })) : null, state.status === "loading" ? _jsx(LoadingState, { label: "Loading blogs..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? (_jsx("p", { className: "blog_empty blog_site-animate-in", children: _jsx("span", { className: "blog_site-animate-item", children: "Nothing published yet." }) })) : null, state.status === "success" ? (_jsxs(_Fragment, { children: [_jsx(BlogGrid, { blogs: state.data.items, theme: resolvedTheme, onSelect: onSelect, getHref: getHref, leadFirst: showLeadCard && state.data.items.length > 0 }), totalPages > 1 ? (_jsxs("div", { className: "blog_pagination", children: [_jsx("button", { type: "button", disabled: page <= 1, onClick: () => setPage((value) => Math.max(1, value - 1)), children: "Previous" }), _jsxs("span", { children: ["Page ", page, " of ", totalPages] }), _jsx("button", { type: "button", disabled: page >= totalPages, onClick: () => setPage((value) => value + 1), children: "Next" })] })) : null] })) : null] })] })] })] }));
 }

package/dist/components/user/BlogSearch.js

@@ -12,8 +12,8 @@ export function BlogSearch({ config, theme, branding, className, onSelect, getHr
     const state = useAsync(() => submitted
         ? client.searchBlogs(submitted, { page: 1, page_size: 12 })
         : Promise.resolve({ items: [], page: 1, pageSize: 12, total: 0 }), [client, submitted], (data) => submitted !== "" && data.items.length === 0);
-    return (_jsxs(Scope, { className: cx("bp-site-index", "bp-blog-search", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [_jsxs("form", { className: "bp-blog-search__form", onSubmit: (event) => {
+    return (_jsxs(Scope, { className: cx("blog_bp-site-index", "blog_bp-blog-search", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [_jsxs("form", { className: "blog_bp-blog-search__form", onSubmit: (event) => {
                     event.preventDefault();
                     setSubmitted(query.trim());
-                }, style: { display: "flex", gap: "0.5rem", marginBottom: "1rem" }, children: [_jsx("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: placeholder, "aria-label": "Search blogs", style: { flex: 1, padding: "0.6rem 0.75rem", borderRadius: "var(--bp-radius)" } }), _jsx("button", { type: "submit", children: "Search" })] }), !submitted ? _jsx("p", { className: "bp-state", children: "Enter a search term to find posts." }) : null, submitted && state.status === "loading" ? _jsx(LoadingState, { label: "Searching..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, { label: "No matching posts." }) : null, state.status === "success" ? (_jsx(BlogGrid, { blogs: state.data.items, theme: theme, onSelect: onSelect, getHref: getHref })) : null] }));
+                }, style: { display: "flex", gap: "0.5rem", marginBottom: "1rem" }, children: [_jsx("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: placeholder, "aria-label": "Search blogs", style: { flex: 1, padding: "0.6rem 0.75rem", borderRadius: "var(--bp-radius)" } }), _jsx("button", { type: "submit", children: "Search" })] }), !submitted ? _jsx("p", { className: "blog_bp-state", children: "Enter a search term to find posts." }) : null, submitted && state.status === "loading" ? _jsx(LoadingState, { label: "Searching..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, { label: "No matching posts." }) : null, state.status === "success" ? (_jsx(BlogGrid, { blogs: state.data.items, theme: theme, onSelect: onSelect, getHref: getHref })) : null] }));
 }

package/dist/components/user/BlogTags.js

@@ -7,5 +7,5 @@ import { EmptyState, ErrorState, LoadingState, Scope } from "./internal/States";
 export function BlogTags({ config, theme, branding, className, onSelect, }) {
     const client = useMemo(() => new BlogClient(config), [config.apiUrl, config.publicApiKey, config.email, config.domain, config.timeoutMs]);
     const state = useAsync(() => client.getTags(), [client], (data) => data.length === 0);
-    return (_jsxs(Scope, { className: cx("bp-blog-tags", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, { label: "Loading tags..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, { label: "No tags yet." }) : null, state.status === "success" ? (_jsx("div", { className: "bp-blog-tags__list", style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: state.data.map((tag) => (_jsx("button", { type: "button", onClick: () => onSelect?.(tag), children: tag.name }, tag.id))) })) : null] }));
+    return (_jsxs(Scope, { className: cx("blog_bp-blog-tags", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, { label: "Loading tags..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, { label: "No tags yet." }) : null, state.status === "success" ? (_jsx("div", { className: "blog_bp-blog-tags__list", style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: state.data.map((tag) => (_jsx("button", { type: "button", onClick: () => onSelect?.(tag), children: tag.name }, tag.id))) })) : null] }));
 }

package/dist/components/user/FeaturedBlogs.js

@@ -8,5 +8,5 @@ import { EmptyState, ErrorState, LoadingState, Scope } from "./internal/States";
 export function FeaturedBlogs({ config, theme, branding, className, limit = 3, onSelect, getHref, }) {
     const client = useMemo(() => new BlogClient(config), [config.apiUrl, config.publicApiKey, config.email, config.domain, config.timeoutMs]);
     const state = useAsync(() => client.getFeaturedBlogs(limit), [client, limit], (data) => data.length === 0);
-    return (_jsxs(Scope, { className: cx("bp-site-index", "bp-featured-blogs", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, {}) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, {}) : null, state.status === "success" ? (_jsx(BlogGrid, { blogs: state.data, theme: theme, onSelect: onSelect, getHref: getHref })) : null] }));
+    return (_jsxs(Scope, { className: cx("blog_bp-site-index", "blog_bp-featured-blogs", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, {}) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, {}) : null, state.status === "success" ? (_jsx(BlogGrid, { blogs: state.data, theme: theme, onSelect: onSelect, getHref: getHref })) : null] }));
 }

package/dist/components/user/RelatedBlogs.js

@@ -8,5 +8,5 @@ import { EmptyState, ErrorState, LoadingState, Scope } from "./internal/States";
 export function RelatedBlogs({ config, blog, theme, branding, className, limit = 3, onSelect, getHref, }) {
     const client = useMemo(() => new BlogClient(config), [config.apiUrl, config.publicApiKey, config.email, config.domain, config.timeoutMs]);
     const state = useAsync(() => client.getRelatedBlogs(blog, limit), [client, blog.id, blog.category_id, limit], (data) => data.length === 0);
-    return (_jsxs(Scope, { className: cx("bp-site-index", "bp-related-blogs", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, {}) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, { label: "No related posts." }) : null, state.status === "success" ? (_jsx(BlogGrid, { blogs: state.data, theme: theme, onSelect: onSelect, getHref: getHref })) : null] }));
+    return (_jsxs(Scope, { className: cx("blog_bp-site-index", "blog_bp-related-blogs", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, {}) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, { label: "No related posts." }) : null, state.status === "success" ? (_jsx(BlogGrid, { blogs: state.data, theme: theme, onSelect: onSelect, getHref: getHref })) : null] }));
 }

package/dist/components/user/SiteMediaHero.js

@@ -39,5 +39,5 @@ export function SiteMediaHero({ slides: rawSlides, siteName, onSelect }) {
     const published = blog.published_at || blog.created_at;
     const readingMinutes = estimateReadingMinutes([blog.excerpt, blog.content].filter(Boolean).join(" "));
     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: [slides.map(({ blog: slideBlog }, i) => (_jsx("div", { className: `site-hero-media-slide${i === safeIndex ? " is-active" : ""}`, "aria-hidden": i !== safeIndex, children: _jsx("img", { className: "site-hero-media-visual", src: slideBlog.featured_image, alt: "" }) }, slideBlog.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: blog.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: [published ? _jsx("time", { dateTime: published, children: formatDate(published) }) : null, readingMinutes ? (_jsxs("span", { className: "site-hero-media-reading", children: [readingMinutes, " min read"] })) : null] }) }), _jsx(HeroFadeSlide, { from: "left", delayMs: excerpt ? 700 : 540, children: href ? (_jsxs("a", { 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" })] })) : (_jsxs("button", { type: "button", className: "site-hero-media-cta", onClick: () => onSelect?.(blog), 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" })] })) })] }, blog.id), multi ? (_jsx("div", { className: "site-hero-media-dots", role: "tablist", "aria-label": "Featured posts", children: slides.map(({ blog: slideBlog }, i) => (_jsx("button", { type: "button", role: "tab", className: `site-hero-media-dot${i === safeIndex ? " is-active" : ""}`, "aria-selected": i === safeIndex, "aria-label": `Show ${slideBlog.title}`, onClick: () => setIndex(i) }, slideBlog.id))) })) : null] }), _jsx("div", { className: "site-hero-media-edge", "aria-hidden": "true" })] }));
+    return (_jsxs("section", { className: "blog_site-hero-media", "aria-labelledby": "site-hero-media-title", "aria-roledescription": multi ? "carousel" : undefined, children: [_jsxs("div", { className: "blog_site-hero-media-bg", children: [slides.map(({ blog: slideBlog }, i) => (_jsx("div", { className: `blog_site-hero-media-slide${i === safeIndex ? " blog_is-active" : ""}`, "aria-hidden": i !== safeIndex, children: _jsx("img", { className: "blog_site-hero-media-visual", src: slideBlog.featured_image, alt: "" }) }, slideBlog.id))), _jsx("div", { className: "blog_site-hero-media-scrim", "aria-hidden": "true" }), _jsx("div", { className: "blog_site-hero-media-grain", "aria-hidden": "true" })] }), _jsxs("div", { className: "blog_site-hero-media-content", children: [_jsxs("div", { className: "blog_site-hero-media-copy", children: [_jsx(HeroFadeSlide, { from: "left", delayMs: 100, children: _jsx("p", { className: "blog_site-hero-media-eyebrow", children: eyebrow }) }), _jsx(HeroFadeSlide, { from: "left", delayMs: 260, children: _jsx("h1", { id: "site-hero-media-title", className: "blog_site-hero-media-title", children: blog.title }) }), excerpt ? (_jsx(HeroFadeSlide, { from: "right", delayMs: 420, children: _jsx("p", { className: "blog_site-hero-media-desc", children: excerpt }) })) : null, _jsx(HeroFadeSlide, { from: "left", delayMs: excerpt ? 580 : 420, className: "blog_site-hero-media-meta-wrap", children: _jsxs("div", { className: "blog_site-hero-media-meta", children: [published ? _jsx("time", { dateTime: published, children: formatDate(published) }) : null, readingMinutes ? (_jsxs("span", { className: "blog_site-hero-media-reading", children: [readingMinutes, " min read"] })) : null] }) }), _jsx(HeroFadeSlide, { from: "left", delayMs: excerpt ? 700 : 540, children: href ? (_jsxs("a", { href: href, className: "blog_site-hero-media-cta", children: [_jsx("span", { className: "blog_site-hero-media-cta-label", children: "Read story" }), _jsx("span", { className: "blog_site-hero-media-cta-arrow", "aria-hidden": "true", children: "\u2192" })] })) : (_jsxs("button", { type: "button", className: "blog_site-hero-media-cta", onClick: () => onSelect?.(blog), children: [_jsx("span", { className: "blog_site-hero-media-cta-label", children: "Read story" }), _jsx("span", { className: "blog_site-hero-media-cta-arrow", "aria-hidden": "true", children: "\u2192" })] })) })] }, blog.id), multi ? (_jsx("div", { className: "blog_site-hero-media-dots", role: "tablist", "aria-label": "Featured posts", children: slides.map(({ blog: slideBlog }, i) => (_jsx("button", { type: "button", role: "tab", className: `blog_site-hero-media-dot${i === safeIndex ? " blog_is-active" : ""}`, "aria-selected": i === safeIndex, "aria-label": `Show ${slideBlog.title}`, onClick: () => setIndex(i) }, slideBlog.id))) })) : null] }), _jsx("div", { className: "blog_site-hero-media-edge", "aria-hidden": "true" })] }));
 }

package/dist/components/user/detail/ArticleDetailHero.js

@@ -4,11 +4,11 @@ import { BackButton } from "./BackButton";
 import { articleFormatDate } from "./toc";
 export function ArticleDetailHero({ homeHref, homeLabel, category, categoryHref, title, excerpt, publishedAt, readingMinutes, authors, mediaUrl, mediaAlt, mediaCaption, formatHero, onBack, onHome, onCategory, }) {
     const isBlogDetails = !mediaUrl && !formatHero;
-    const homeEl = onHome ? (_jsx("button", { type: "button", className: "bp-linkish", onClick: onHome, style: { color: "inherit", background: "none", border: 0, padding: 0, cursor: "pointer", font: "inherit" }, children: homeLabel })) : (_jsx("a", { href: homeHref, style: { color: "inherit", textDecoration: "none" }, children: homeLabel }));
+    const homeEl = onHome ? (_jsx("button", { type: "button", className: "blog_bp-linkish", onClick: onHome, style: { color: "inherit", background: "none", border: 0, padding: 0, cursor: "pointer", font: "inherit" }, children: homeLabel })) : (_jsx("a", { href: homeHref, style: { color: "inherit", textDecoration: "none" }, children: homeLabel }));
     const catEl = category ? (categoryHref || onCategory ? (onCategory ? (_jsx("button", { type: "button", onClick: () => onCategory(category.slug), style: { color: "inherit", background: "none", border: 0, padding: 0, cursor: "pointer", font: "inherit", textDecoration: "none" }, children: category.name })) : (_jsx("a", { href: categoryHref, style: { color: "inherit", textDecoration: "none" }, children: category.name }))) : (_jsx("span", { children: category.name }))) : null;
-    return (_jsxs("section", { className: `article-detail-hero${isBlogDetails ? " blog-details-hero" : ""}`, "aria-labelledby": "article-hero-title", style: isBlogDetails
+    return (_jsxs("section", { className: `blog_article-detail-hero${isBlogDetails ? " blog_blog-details-hero" : ""}`, "aria-labelledby": "article-hero-title", style: isBlogDetails
             ? { backgroundColor: "#0B4A75", color: "#fff", paddingTop: 40, paddingBottom: 60 }
-            : undefined, children: [mediaUrl ? (_jsxs("figure", { className: "article-hero-media", children: [_jsx("img", { className: "article-hero-visual", src: mediaUrl, alt: mediaAlt || title }), 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: 1200, margin: "0 auto", width: "100%" }, children: [_jsx(HeroFadeSlide, { from: "left", delayMs: 80, children: _jsxs("ul", { className: "breadcrumb", style: {
+            : undefined, children: [mediaUrl ? (_jsxs("figure", { className: "blog_article-hero-media", children: [_jsx("img", { className: "blog_article-hero-visual", src: mediaUrl, alt: mediaAlt || title }), mediaCaption ? _jsx("figcaption", { className: "blog_article-hero-caption", children: mediaCaption }) : null] })) : formatHero ? (_jsx("div", { className: "blog_article-hero-media blog_article-hero-format", children: formatHero })) : null, _jsx("header", { className: "blog_article-hero-copy", children: _jsxs("div", { className: "blog_article-hero-copy-inner", style: { maxWidth: 1200, margin: "0 auto", width: "100%" }, children: [_jsx(HeroFadeSlide, { from: "left", delayMs: 80, children: _jsxs("ul", { className: "blog_breadcrumb", style: {
                                     display: "flex",
                                     alignItems: "center",
                                     flexWrap: "wrap",
@@ -18,12 +18,12 @@ export function ArticleDetailHero({ homeHref, homeLabel, category, categoryHref,
                                     margin: "0 0 40px 0",
                                     color: isBlogDetails ? "#fff" : "inherit",
                                     fontSize: "0.9rem",
-                                }, children: [_jsx("li", { children: homeEl }), category ? (_jsxs(_Fragment, { children: [_jsx("li", { "aria-hidden": "true", style: { opacity: 0.6, fontSize: "0.8em" }, children: "\u2794" }), _jsx("li", { children: catEl })] })) : 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: _jsx("p", { className: "eyebrow", children: category.name }) })) : null, _jsx(HeroFadeSlide, { from: "left", delayMs: category ? 300 : 220, children: _jsxs("div", { style: {
+                                }, children: [_jsx("li", { children: homeEl }), category ? (_jsxs(_Fragment, { children: [_jsx("li", { "aria-hidden": "true", style: { opacity: 0.6, fontSize: "0.8em" }, children: "\u2794" }), _jsx("li", { children: catEl })] })) : 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: _jsx("p", { className: "blog_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: 16,
                                     marginBottom: 24,
                                     textAlign: isBlogDetails ? "center" : "left",
-                                }, children: [!isBlogDetails ? _jsx(BackButton, { onBack: onBack }) : null, _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: articleFormatDate(publishedAt) })) : null, readingMinutes ? _jsxs("span", { children: [readingMinutes, " min read"] }) : null] })] })] }) })] }) })] }));
+                                }, children: [!isBlogDetails ? _jsx(BackButton, { onBack: onBack }) : null, _jsx("h1", { id: "article-hero-title", className: "blog_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: "blog_standfirst blog_article-hero-standfirst", children: excerpt }) })) : null, _jsx(HeroFadeSlide, { from: "left", delayMs: excerpt ? 620 : 500, children: _jsxs("div", { className: "blog_byline-row", children: [authors.length ? (_jsx("div", { className: "blog_byline-faces", children: authors.map((a) => a.avatarUrl ? (_jsx("img", { src: a.avatarUrl, alt: "", width: 34, height: 34 }, a.id)) : (_jsx("span", { className: "blog_face-fallback", "aria-hidden": "true", children: a.name.slice(0, 1) }, a.id))) })) : null, _jsxs("div", { className: "blog_byline-text", children: [authors.length ? (_jsx("span", { className: "blog_by", children: authors.map((a) => a.name).join(" and ") })) : null, _jsxs("span", { className: "blog_meta", children: [publishedAt ? (_jsx("time", { dateTime: publishedAt, children: articleFormatDate(publishedAt) })) : null, readingMinutes ? _jsxs("span", { children: [readingMinutes, " min read"] }) : null] })] })] }) })] }) })] }));
 }

package/dist/components/user/detail/ArticleRailDetails.js

@@ -3,10 +3,10 @@ import { relativeTime } from "./toc";
 export function ArticleRailDetails({ owners, related, hrefFor, onSelect, 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
+    return (_jsxs("div", { className: `blog_article-rail-details${className ? ` ${className}` : ""}`, children: [owners.length ? (_jsxs("section", { className: "blog_rail-owner-panel", "aria-label": "Post owner", children: [_jsx("div", { className: "blog_rail-related-head", children: _jsx("h3", { children: owners.length > 1 ? "Authors" : "Owner" }) }), _jsx("ul", { className: "blog_rail-owner-list", children: owners.map((owner) => (_jsxs("li", { className: "blog_rail-owner", children: [owner.avatarUrl ? (_jsx("img", { src: owner.avatarUrl, alt: "", width: 40, height: 40 })) : (_jsx("span", { className: "blog_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: [onSelect ? (_jsx("button", { type: "button", className: "rail-related-t", onClick: () => onSelect(item.slug), children: item.title })) : (_jsx("a", { 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, onSelect ? (_jsx("button", { type: "button", className: "bp-linkish", onClick: () => onSelect(item.slug), children: "View \u2197" })) : (_jsx("a", { href: hrefFor(item.slug), children: "View \u2197" }))] })] }) }, item.id))) })] })) : null] }));
+                                        .join("") || "?" })), _jsxs("div", { className: "blog_rail-owner-body", children: [_jsx("p", { className: "blog_rail-owner-name", children: owner.name }), owner.jobTitle ? _jsx("p", { className: "blog_rail-owner-role", children: owner.jobTitle }) : null, owner.bio ? _jsx("p", { className: "blog_rail-owner-bio", children: owner.bio }) : null] })] }, owner.id))) })] })) : null, related.length ? (_jsxs("section", { className: "blog_rail-related-panel", "aria-label": "Related posts", children: [_jsx("div", { className: "blog_rail-related-head", children: _jsx("h3", { children: "Related posts" }) }), _jsx("div", { className: "blog_rail-related-rows", children: related.map((item) => (_jsx("div", { className: "blog_rail-related-row", children: _jsxs("div", { className: "blog_rail-related-row-main", children: [onSelect ? (_jsx("button", { type: "button", className: "blog_rail-related-t", onClick: () => onSelect(item.slug), children: item.title })) : (_jsx("a", { className: "blog_rail-related-t", href: hrefFor(item.slug), children: item.title })), _jsxs("div", { className: "blog_rail-related-sub", children: [_jsx("span", { children: relativeTime(item.publishedAt) }), item.readingMinutes ? _jsxs("span", { children: [item.readingMinutes, " min"] }) : null, onSelect ? (_jsx("button", { type: "button", className: "blog_bp-linkish", onClick: () => onSelect(item.slug), children: "View \u2197" })) : (_jsx("a", { href: hrefFor(item.slug), children: "View \u2197" }))] })] }) }, item.id))) })] })) : null] }));
 }

package/dist/components/user/detail/CommentSection.js

@@ -22,7 +22,7 @@ export function CommentSection({ postId, allowComments, initialComments = [], on
         setComments(initialComments);
     }, [initialComments]);
     if (!allowComments) {
-        return (_jsxs("section", { className: "comments", id: "comments", "aria-labelledby": "comments-heading", children: [_jsx("h2", { id: "comments-heading", children: "Comments" }), _jsx("p", { className: "comments-closed", children: "Comments are closed for this post." })] }));
+        return (_jsxs("section", { className: "blog_comments", id: "comments", "aria-labelledby": "comments-heading", children: [_jsx("h2", { id: "comments-heading", children: "Comments" }), _jsx("p", { className: "blog_comments-closed", children: "Comments are closed for this post." })] }));
     }
     const submit = () => {
         setError(null);
@@ -64,5 +64,5 @@ export function CommentSection({ postId, allowComments, initialComments = [], on
             }
         })();
     };
-    return (_jsxs("section", { className: "comments", id: "comments", "aria-labelledby": "comments-heading", children: [_jsxs("h2", { id: "comments-heading", children: ["Comments", comments.length ? _jsxs("span", { className: "comments-count", children: [" (", comments.length, ")"] }) : null] }), comments.length === 0 ? (_jsx("p", { className: "comments-empty", children: "No comments yet. Be the first to share your thoughts." })) : (_jsx("ul", { className: "comments-list", children: comments.map((c) => (_jsx("li", { className: "comment-item", children: _jsxs("div", { className: "comment-profile", children: [_jsx("span", { className: "comment-avatar", "aria-hidden": "true", children: initialsFor(c.authorName) }), _jsxs("div", { className: "comment-profile-body", children: [_jsxs("div", { className: "comment-meta", children: [_jsx("strong", { className: "comment-author", children: c.authorName }), _jsx("time", { dateTime: c.createdAt, children: articleFormatDate(c.createdAt) })] }), _jsx("p", { className: "comment-body", children: c.body })] })] }) }, c.id))) })), _jsxs("div", { className: "comment-form", children: [_jsx("h3", { className: "comment-form-title", children: "Leave a comment" }), error ? (_jsx("p", { className: "comment-error", role: "alert", children: error })) : null, flash ? (_jsx("p", { className: "comment-ok", role: "status", children: flash })) : null, _jsxs("label", { className: "comment-hp", "aria-hidden": "true", children: ["Website", _jsx("input", { tabIndex: -1, autoComplete: "off", value: website, onChange: (e) => setWebsite(e.target.value) })] }), _jsxs("div", { className: "comment-form-grid", children: [_jsxs("label", { children: [_jsx("span", { children: "Name" }), _jsx("input", { value: name, onChange: (e) => setName(e.target.value), maxLength: 80, required: true, autoComplete: "name" })] }), _jsxs("label", { children: [_jsxs("span", { children: ["Email ", _jsx("em", { children: "(optional, never shown)" })] }), _jsx("input", { type: "email", value: email, onChange: (e) => setEmail(e.target.value), autoComplete: "email" })] })] }), _jsxs("label", { className: "comment-body-field", children: [_jsx("span", { children: "Comment" }), _jsx("textarea", { rows: 5, value: body, onChange: (e) => setBody(e.target.value), maxLength: 4000, required: true })] }), _jsx("button", { type: "button", className: "comment-submit", disabled: pending, onClick: submit, children: pending ? "Posting…" : "Post comment" }), _jsx("p", { className: "comment-moderation-note", children: "Comments are reviewed before they appear on this post." })] })] }));
+    return (_jsxs("section", { className: "blog_comments", id: "comments", "aria-labelledby": "comments-heading", children: [_jsxs("h2", { id: "comments-heading", children: ["Comments", comments.length ? _jsxs("span", { className: "blog_comments-count", children: [" (", comments.length, ")"] }) : null] }), comments.length === 0 ? (_jsx("p", { className: "blog_comments-empty", children: "No comments yet. Be the first to share your thoughts." })) : (_jsx("ul", { className: "blog_comments-list", children: comments.map((c) => (_jsx("li", { className: "blog_comment-item", children: _jsxs("div", { className: "blog_comment-profile", children: [_jsx("span", { className: "blog_comment-avatar", "aria-hidden": "true", children: initialsFor(c.authorName) }), _jsxs("div", { className: "blog_comment-profile-body", children: [_jsxs("div", { className: "blog_comment-meta", children: [_jsx("strong", { className: "blog_comment-author", children: c.authorName }), _jsx("time", { dateTime: c.createdAt, children: articleFormatDate(c.createdAt) })] }), _jsx("p", { className: "blog_comment-body", children: c.body })] })] }) }, c.id))) })), _jsxs("div", { className: "blog_comment-form", children: [_jsx("h3", { className: "blog_comment-form-title", children: "Leave a comment" }), error ? (_jsx("p", { className: "blog_comment-error", role: "alert", children: error })) : null, flash ? (_jsx("p", { className: "blog_comment-ok", role: "status", children: flash })) : null, _jsxs("label", { className: "blog_comment-hp", "aria-hidden": "true", children: ["Website", _jsx("input", { tabIndex: -1, autoComplete: "off", value: website, onChange: (e) => setWebsite(e.target.value) })] }), _jsxs("div", { className: "blog_comment-form-grid", children: [_jsxs("label", { children: [_jsx("span", { children: "Name" }), _jsx("input", { value: name, onChange: (e) => setName(e.target.value), maxLength: 80, required: true, autoComplete: "name" })] }), _jsxs("label", { children: [_jsxs("span", { children: ["Email ", _jsx("em", { children: "(optional, never shown)" })] }), _jsx("input", { type: "email", value: email, onChange: (e) => setEmail(e.target.value), autoComplete: "email" })] })] }), _jsxs("label", { className: "blog_comment-body-field", children: [_jsx("span", { children: "Comment" }), _jsx("textarea", { rows: 5, value: body, onChange: (e) => setBody(e.target.value), maxLength: 4000, required: true })] }), _jsx("button", { type: "button", className: "blog_comment-submit", disabled: pending, onClick: submit, children: pending ? "Posting…" : "Post comment" }), _jsx("p", { className: "blog_comment-moderation-note", children: "Comments are reviewed before they appear on this post." })] })] }));
 }

package/dist/components/user/detail/HeroFadeSlide.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /** BlogUploader looping fade/slide wrapper used on list media hero + article detail. */
 export function HeroFadeSlide({ children, delayMs = 0, from = "left", className }) {
-    return (_jsx("div", { className: `hero-fade-slide hero-fade-slide-${from}${className ? ` ${className}` : ""}`.trim(), style: { ["--slide-delay"]: `${delayMs}ms` }, children: children }));
+    return (_jsx("div", { className: `blog_hero-fade-slide blog_hero-fade-slide-${from}${className ? ` ${className}` : ""}`.trim(), style: { ["--slide-delay"]: `${delayMs}ms` }, children: children }));
 }

package/dist/components/user/detail/ReadingProgress.js

@@ -16,5 +16,5 @@ export function ReadingProgress() {
             window.removeEventListener("resize", update);
         };
     }, []);
-    return (_jsx("div", { className: "progress", "aria-hidden": "true", children: _jsx("span", { style: { width: `${pct}%` } }) }));
+    return (_jsx("div", { className: "blog_progress", "aria-hidden": "true", children: _jsx("span", { style: { width: `${pct}%` } }) }));
 }

package/dist/components/user/detail/ShareRow.js

@@ -3,5 +3,5 @@ export function ShareRow({ title, slug, origin, path, }) {
     const url = `${origin}${path ?? `/blogs/${slug}`}`;
     const encoded = encodeURIComponent(url);
     const text = encodeURIComponent(title);
-    return (_jsxs("div", { className: "share", children: [_jsx("span", { className: "share-label", children: "Share" }), _jsx("a", { href: `https://www.linkedin.com/sharing/share-offsite/?url=${encoded}`, target: "_blank", rel: "noreferrer noopener", children: "LinkedIn" }), _jsx("a", { href: `https://x.com/intent/tweet?url=${encoded}&text=${text}`, target: "_blank", rel: "noreferrer noopener", children: "X" }), _jsx("a", { href: `https://api.whatsapp.com/send?text=${text}%20${encoded}`, target: "_blank", rel: "noreferrer noopener", children: "WhatsApp" }), _jsx("a", { href: `mailto:?subject=${text}&body=${encoded}`, children: "Email" }), _jsxs("details", { className: "share-copy", children: [_jsx("summary", { children: "Copy link" }), _jsx("input", { readOnly: true, value: url, "aria-label": "Article URL" })] })] }));
+    return (_jsxs("div", { className: "blog_share", children: [_jsx("span", { className: "blog_share-label", children: "Share" }), _jsx("a", { href: `https://www.linkedin.com/sharing/share-offsite/?url=${encoded}`, target: "_blank", rel: "noreferrer noopener", children: "LinkedIn" }), _jsx("a", { href: `https://x.com/intent/tweet?url=${encoded}&text=${text}`, target: "_blank", rel: "noreferrer noopener", children: "X" }), _jsx("a", { href: `https://api.whatsapp.com/send?text=${text}%20${encoded}`, target: "_blank", rel: "noreferrer noopener", children: "WhatsApp" }), _jsx("a", { href: `mailto:?subject=${text}&body=${encoded}`, children: "Email" }), _jsxs("details", { className: "blog_share-copy", children: [_jsx("summary", { children: "Copy link" }), _jsx("input", { readOnly: true, value: url, "aria-label": "Article URL" })] })] }));
 }

package/dist/components/user/internal/States.js

@@ -1,18 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cx } from "../../../styles/userTheme";
 export function LoadingState({ label = "Loading..." }) {
-    return (_jsx("div", { className: "bp-state bp-state--loading", role: "status", children: label }));
+    return (_jsx("div", { className: "blog_bp-state blog_bp-state--loading", role: "status", children: label }));
 }
 export function ErrorState({ message, authError, }) {
-    return (_jsx("div", { className: "bp-state bp-state--error", role: "alert", children: authError
+    return (_jsx("div", { className: "blog_bp-state blog_bp-state--error", role: "alert", children: authError
             ? "Authentication failed. Check the public API key."
             : message || "Something went wrong." }));
 }
 export function EmptyState({ label = "No posts found." }) {
-    return (_jsx("div", { className: "bp-state bp-state--empty", children: label }));
+    return (_jsx("div", { className: "blog_bp-state blog_bp-state--empty", children: label }));
 }
 export function Scope({ className, style, css, children, }) {
-    return (_jsxs("div", { className: cx("bp-root", className), style: {
+    return (_jsxs("div", { className: cx("blog_bp-root", className), style: {
             width: "100%",
             maxWidth: "100%",
             boxSizing: "border-box",

package/dist/lib/lexical-doc.js

@@ -363,7 +363,7 @@ const nodeToHtml = (node) => {
             const media = mediaFromNode(node.value);
             if (!media)
                 return '';
-            return (`<figure class="ed-figure" contenteditable="false" data-media-id="${escapeHtml(media.id)}"` +
+            return (`<figure class="blog_ed-figure" contenteditable="false" data-media-id="${escapeHtml(media.id)}"` +
                 ` data-node-id="${escapeHtml(str(node.id))}">` +
                 `<img src="${escapeHtml(media.url)}" alt="${escapeHtml(media.alt)}">` +
                 `<figcaption>${escapeHtml(media.alt || 'Image')}</figcaption>` +

package/dist/pages/admin/BlogAdmin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlogAdmin.d.ts","sourceRoot":"","sources":["../../../app/pages/admin/BlogAdmin.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAuB9E,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA8WF,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,+BAM/E"}
+{"version":3,"file":"BlogAdmin.d.ts","sourceRoot":"","sources":["../../../app/pages/admin/BlogAdmin.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAuB9E,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA6XF,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,+BAM/E"}