@fecommunity/reactpress 4.0.0-beta.1 → 4.0.0-beta.10

package/toolkit/dist/theme/ui-optional.js

@@ -0,0 +1,21 @@
+'use strict';
+/**
+ * Lazy UI exports with optional theme peer deps (nprogress, highlight.js, viewerjs).
+ * Kept out of ui/index + theme bulk re-exports so minimal themes do not webpack-load them.
+ */
+function lazyExport(name, loader) {
+    Object.defineProperty(exports, name, {
+        enumerable: true,
+        get() {
+            return loader()[name];
+        },
+    });
+}
+lazyExport('RouteProgress', () => require('../ui/components/RouteProgress'));
+const loadContent = () => require('../ui/components/content');
+lazyExport('ArticleReader', loadContent);
+lazyExport('ArticleToc', loadContent);
+lazyExport('HtmlContent', loadContent);
+lazyExport('ImageViewer', loadContent);
+lazyExport('LocaleTime', loadContent);
+lazyExport('parseArticleToc', loadContent);

package/toolkit/dist/theme/visitor/appearance.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultModsFromManifest = defaultModsFromManifest;
+/** Build default theme_mod values from `theme.json` → `appearance.sections`. */
+function defaultModsFromManifest(manifest) {
+    const mods = {};
+    const sections = manifest?.appearance?.sections ?? [];
+    for (const section of sections) {
+        for (const setting of section.settings ?? []) {
+            if (setting.id && setting.default != null) {
+                mods[setting.id] = String(setting.default);
+            }
+        }
+    }
+    return mods;
+}

package/toolkit/dist/theme/visitor/authSession.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.THEME_USER_STORAGE_KEY = exports.THEME_TOKEN_STORAGE_KEY = exports.ADMIN_AUTH_STORAGE_KEY = void 0;
+exports.getStoredAccessToken = getStoredAccessToken;
+exports.resolveStoredUser = resolveStoredUser;
+exports.persistThemeSession = persistThemeSession;
+exports.clearThemeSession = clearThemeSession;
+const json_1 = require("../api/json");
+/** Zustand persist key used by the ReactPress admin (`web/src/stores/auth.ts`). */
+exports.ADMIN_AUTH_STORAGE_KEY = 'auth-storage';
+exports.THEME_TOKEN_STORAGE_KEY = 'token';
+exports.THEME_USER_STORAGE_KEY = 'user';
+function getStoredAccessToken() {
+    if (typeof window === 'undefined')
+        return null;
+    const themeToken = window.localStorage.getItem(exports.THEME_TOKEN_STORAGE_KEY);
+    if (themeToken)
+        return themeToken;
+    try {
+        const raw = window.localStorage.getItem(exports.ADMIN_AUTH_STORAGE_KEY);
+        if (!raw)
+            return null;
+        const parsed = JSON.parse(raw);
+        return parsed.state?.tokens?.accessToken ?? null;
+    }
+    catch {
+        return null;
+    }
+}
+function mapAdminUserToThemeUser(adminUser, token) {
+    if (!adminUser || !token)
+        return null;
+    const name = (adminUser.username || adminUser.name || '').trim();
+    if (!name)
+        return null;
+    return {
+        name,
+        email: adminUser.email ?? '',
+        avatar: adminUser.avatar ?? '',
+        token,
+    };
+}
+/** Resolve theme user from theme storage, or fall back to admin `auth-storage`. */
+function resolveStoredUser() {
+    if (typeof window === 'undefined')
+        return null;
+    const userStr = window.localStorage.getItem(exports.THEME_USER_STORAGE_KEY);
+    if (userStr) {
+        const parsed = (0, json_1.safeJsonParse)(userStr, {});
+        if (parsed?.name) {
+            const token = getStoredAccessToken();
+            return {
+                name: parsed.name,
+                email: parsed.email ?? '',
+                avatar: parsed.avatar ?? '',
+                token: parsed.token ?? token ?? '',
+                role: parsed.role,
+            };
+        }
+    }
+    try {
+        const raw = window.localStorage.getItem(exports.ADMIN_AUTH_STORAGE_KEY);
+        if (!raw)
+            return null;
+        const parsed = JSON.parse(raw);
+        const { state } = parsed;
+        if (!state?.isAuthenticated)
+            return null;
+        const token = state.tokens?.accessToken;
+        if (!token)
+            return null;
+        return mapAdminUserToThemeUser(state.user, token);
+    }
+    catch {
+        return null;
+    }
+}
+function persistThemeSession(user) {
+    if (typeof window === 'undefined')
+        return;
+    if (user.token) {
+        window.localStorage.setItem(exports.THEME_TOKEN_STORAGE_KEY, user.token);
+    }
+    window.localStorage.setItem(exports.THEME_USER_STORAGE_KEY, JSON.stringify(user));
+}
+function clearThemeSession() {
+    if (typeof window === 'undefined')
+        return;
+    window.localStorage.removeItem(exports.THEME_USER_STORAGE_KEY);
+    window.localStorage.removeItem(exports.THEME_TOKEN_STORAGE_KEY);
+    window.localStorage.removeItem(exports.ADMIN_AUTH_STORAGE_KEY);
+}

package/toolkit/dist/theme/visitor/colorMode.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colorModeInitScript = exports.COLOR_MODE_STORAGE_KEY = void 0;
+exports.resolvePreferredColorMode = resolvePreferredColorMode;
+exports.applyColorModeClass = applyColorModeClass;
+exports.persistColorMode = persistColorMode;
+exports.resolveInitialColorModeState = resolveInitialColorModeState;
+exports.resolveClientThemeMode = resolveClientThemeMode;
+exports.buildColorModeInitScript = buildColorModeInitScript;
+exports.COLOR_MODE_STORAGE_KEY = 'dark';
+function resolvePreferredColorMode() {
+    if (typeof window === 'undefined') {
+        return false;
+    }
+    const storageTheme = window.localStorage.getItem(exports.COLOR_MODE_STORAGE_KEY);
+    if (storageTheme != null) {
+        return storageTheme === '1';
+    }
+    return window.matchMedia?.('(prefers-color-scheme: dark)').matches ?? false;
+}
+function applyColorModeClass(isDark, className = 'dark') {
+    if (typeof document === 'undefined') {
+        return;
+    }
+    document.body.classList.toggle(className, isDark);
+    document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';
+}
+function persistColorMode(isDark) {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    window.localStorage.setItem(exports.COLOR_MODE_STORAGE_KEY, isDark ? '1' : '-1');
+}
+function resolveInitialColorModeState() {
+    if (typeof window === 'undefined') {
+        return null;
+    }
+    return resolvePreferredColorMode() ? 'dark' : 'light';
+}
+/**
+ * Theme mode for the first client render (after `_document` color-mode script).
+ * SSR should use `'light'`; call only in browser or via `typeof window` guard.
+ */
+function resolveClientThemeMode() {
+    if (typeof window === 'undefined') {
+        return 'light';
+    }
+    if (document.body.classList.contains('dark')) {
+        return 'dark';
+    }
+    return resolveInitialColorModeState() ?? 'light';
+}
+/** Runs before paint to avoid light-mode flash on first visit. */
+function buildColorModeInitScript(options = {}) {
+    const storageKey = options.storageKey ?? exports.COLOR_MODE_STORAGE_KEY;
+    const className = options.className ?? 'dark';
+    return `(function(){try{var k='${storageKey}';var s=localStorage.getItem(k);var d=s==='1'||(s==null&&window.matchMedia('(prefers-color-scheme: dark)').matches);if(d){document.documentElement.style.colorScheme='dark';document.body.classList.add('${className}');}else{document.documentElement.style.colorScheme='light';}}catch(e){}})();`;
+}
+exports.colorModeInitScript = buildColorModeInitScript();

package/toolkit/dist/theme/visitor/commentAuthor.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isValidCommentEmail = exports.COMMENT_EMAIL_REGEXP = exports.COMMENT_AUTHOR_STORAGE_KEY = void 0;
+exports.isValidCommentAuthor = isValidCommentAuthor;
+exports.getCommentEmailError = getCommentEmailError;
+exports.readCommentAuthor = readCommentAuthor;
+exports.persistCommentAuthor = persistCommentAuthor;
+const email_1 = require("../../utils/email");
+Object.defineProperty(exports, "COMMENT_EMAIL_REGEXP", { enumerable: true, get: function () { return email_1.COMMENT_EMAIL_REGEXP; } });
+Object.defineProperty(exports, "isValidCommentEmail", { enumerable: true, get: function () { return email_1.isValidCommentEmail; } });
+exports.COMMENT_AUTHOR_STORAGE_KEY = 'reactpress-comment-author';
+function isValidCommentAuthor(author) {
+    return Boolean(author?.name?.trim() && (0, email_1.isValidCommentEmail)(author.email));
+}
+function getCommentEmailError(email, messages, options = {}) {
+    const trimmed = email?.trim() ?? '';
+    if (!options.touched)
+        return '';
+    if (!trimmed)
+        return messages.required;
+    if (!(0, email_1.isValidCommentEmail)(trimmed))
+        return messages.invalid;
+    return '';
+}
+function readCommentAuthor() {
+    if (typeof window === 'undefined')
+        return null;
+    try {
+        const raw = window.localStorage.getItem(exports.COMMENT_AUTHOR_STORAGE_KEY);
+        if (!raw)
+            return null;
+        const parsed = JSON.parse(raw);
+        if (!isValidCommentAuthor(parsed))
+            return null;
+        return { name: parsed.name.trim(), email: parsed.email.trim() };
+    }
+    catch {
+        return null;
+    }
+}
+function persistCommentAuthor(author) {
+    if (typeof window === 'undefined')
+        return;
+    window.localStorage.setItem(exports.COMMENT_AUTHOR_STORAGE_KEY, JSON.stringify({ name: author.name.trim(), email: author.email.trim() }));
+}

package/toolkit/dist/theme/visitor/i18n.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeVisitorI18n = mergeVisitorI18n;
+exports.slimVisitorI18nForSsr = slimVisitorI18nForSsr;
+const object_1 = require("../../utils/object");
+const en_json_1 = __importDefault(require("../../config/locales/en.json"));
+const zh_json_1 = __importDefault(require("../../config/locales/zh.json"));
+const BUILTIN_VISITOR_LOCALES = {
+    en: en_json_1.default,
+    zh: zh_json_1.default,
+};
+/** Remote CMS i18n may omit newer keys — fill from toolkit defaults. */
+function mergeVisitorI18n(apiI18n) {
+    const merged = { ...apiI18n };
+    for (const [locale, defaults] of Object.entries(BUILTIN_VISITOR_LOCALES)) {
+        const fromApi = apiI18n[locale] || {};
+        merged[locale] = (0, object_1.deepMerge)((0, object_1.deepMerge)({}, defaults), fromApi);
+    }
+    return merged;
+}
+/** Keep only the active locale in SSR payload; other locales load client-side. */
+function slimVisitorI18nForSsr(i18n, locale) {
+    const messages = i18n[locale];
+    return messages && typeof messages === 'object' ? { [locale]: messages } : {};
+}

package/toolkit/dist/theme/visitor/locale.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveRequestLocale = resolveRequestLocale;
+exports.parseSiteLocale = parseSiteLocale;
+exports.createTranslator = createTranslator;
+const json_1 = require("../api/json");
+function resolveRequestLocale(supported, options = {}) {
+    const fallback = options.fallback ?? 'zh';
+    const { preferred, acceptLanguage } = options;
+    if (preferred && supported.includes(preferred)) {
+        return preferred;
+    }
+    if (acceptLanguage) {
+        const parts = acceptLanguage.split(',');
+        for (const part of parts) {
+            const tag = part.split(';')[0]?.trim().toLowerCase();
+            if (!tag)
+                continue;
+            if (supported.includes(tag))
+                return tag;
+            const short = tag.split('-')[0];
+            if (short && supported.includes(short))
+                return short;
+        }
+    }
+    if (supported.includes(fallback))
+        return fallback;
+    return supported[0] ?? 'en';
+}
+function parseSiteLocale(i18nRaw, options = {}) {
+    const catalog = (0, json_1.safeJsonParse)(i18nRaw, {});
+    const locales = Object.keys(catalog).filter((key) => catalog[key] && typeof catalog[key] === 'object');
+    const fallbackLocale = options.fallbackLocale ??
+        (locales.includes('zh') ? 'zh' : locales.includes('en') ? 'en' : locales[0] ?? 'en');
+    const locale = resolveRequestLocale(locales.length ? locales : [fallbackLocale], {
+        preferred: options.locale ?? options.preferredLocale,
+        acceptLanguage: options.acceptLanguage,
+        fallback: fallbackLocale,
+    });
+    const messages = { ...(catalog[locale] ?? {}) };
+    return {
+        locale,
+        locales: locales.length ? locales : [locale],
+        messages,
+        catalog,
+    };
+}
+function resolveLocaleMessage(messages, key) {
+    const flat = messages[key];
+    if (typeof flat === 'string' && flat !== '') {
+        return flat;
+    }
+    const parts = key.split('.');
+    let current = messages;
+    for (const part of parts) {
+        if (!current || typeof current !== 'object') {
+            return undefined;
+        }
+        current = current[part];
+    }
+    return typeof current === 'string' && current !== '' ? current : undefined;
+}
+function createTranslator(messages) {
+    const lookup = messages;
+    return function t(key, fallback) {
+        const resolved = resolveLocaleMessage(lookup, key);
+        if (resolved != null) {
+            return resolved;
+        }
+        return fallback ?? key;
+    };
+}

package/toolkit/dist/theme/visitor/runtime.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveThemeRuntime = resolveThemeRuntime;
+const theme_1 = require("../extension/theme");
+function resolveThemeRuntime(globalSettingRaw, options) {
+    const themeState = (0, theme_1.getThemeStateFromGlobalSetting)(globalSettingRaw);
+    const activeThemeId = themeState.activeTheme;
+    const previewId = themeState.previewThemeId;
+    const honorPreview = options.honorPreview !== false;
+    const effectiveId = honorPreview && previewId ? previewId : options.themeId || activeThemeId;
+    const isPreview = Boolean(previewId && previewId !== activeThemeId);
+    return {
+        themeId: effectiveId,
+        activeThemeId,
+        mods: themeState.mods[effectiveId] ?? {},
+        isPreview,
+        themeState,
+    };
+}

package/toolkit/dist/theme/visitor/visitorLocale.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.readRequestCookie = exports.DEFAULT_VISITOR_LOCALES = exports.LEGACY_LOCALE_STORAGE_KEY = exports.VISITOR_LOCALE_COOKIE = void 0;
+exports.readBrowserCookie = readBrowserCookie;
+exports.resolveVisitorLocale = resolveVisitorLocale;
+exports.persistVisitorLocale = persistVisitorLocale;
+const cookie_1 = require("../../utils/cookie");
+Object.defineProperty(exports, "readRequestCookie", { enumerable: true, get: function () { return cookie_1.readRequestCookie; } });
+const locale_1 = require("./locale");
+exports.VISITOR_LOCALE_COOKIE = 'reactpress-locale';
+exports.LEGACY_LOCALE_STORAGE_KEY = 'locale';
+/** Fallback when CMS locales are unavailable (e.g. `_document` before bootstrap). */
+exports.DEFAULT_VISITOR_LOCALES = ['zh', 'en'];
+function readCookieFromHeader(header, name) {
+    const match = new RegExp(`(?:^|;\\s*)${name}=([^;]*)`).exec(header);
+    if (!match?.[1])
+        return undefined;
+    try {
+        return decodeURIComponent(match[1]);
+    }
+    catch {
+        return match[1];
+    }
+}
+/** Read a visitor cookie in the browser (client `getInitialProps`, hydration). */
+function readBrowserCookie(name) {
+    if (typeof document === 'undefined')
+        return undefined;
+    return readCookieFromHeader(document.cookie, name);
+}
+function resolveVisitorLocale(supported, req) {
+    const locales = supported.length ? supported : ['zh', 'en'];
+    const preferred = (0, cookie_1.readRequestCookie)(req, exports.VISITOR_LOCALE_COOKIE) ||
+        (0, cookie_1.readRequestCookie)(req, exports.LEGACY_LOCALE_STORAGE_KEY) ||
+        readBrowserCookie(exports.VISITOR_LOCALE_COOKIE) ||
+        readBrowserCookie(exports.LEGACY_LOCALE_STORAGE_KEY);
+    let acceptLanguage;
+    if (typeof req?.headers?.['accept-language'] === 'string') {
+        acceptLanguage = req.headers['accept-language'];
+    }
+    else if (typeof navigator !== 'undefined' && navigator.language) {
+        acceptLanguage = navigator.language;
+    }
+    return (0, locale_1.resolveRequestLocale)(locales, {
+        preferred,
+        acceptLanguage,
+        fallback: locales.includes('zh') ? 'zh' : locales[0] ?? 'zh',
+    });
+}
+function persistVisitorLocale(locale) {
+    if (typeof window === 'undefined')
+        return;
+    window.localStorage.setItem(exports.LEGACY_LOCALE_STORAGE_KEY, locale);
+    window.localStorage.setItem(exports.VISITOR_LOCALE_COOKIE, locale);
+    document.cookie = `${exports.VISITOR_LOCALE_COOKIE}=${encodeURIComponent(locale)}; path=/; max-age=31536000; SameSite=Lax`;
+}

package/toolkit/dist/theme/visitorLocale.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LEGACY_LOCALE_STORAGE_KEY = exports.VISITOR_LOCALE_COOKIE = void 0;
+exports.readRequestCookie = readRequestCookie;
+exports.resolveVisitorLocale = resolveVisitorLocale;
+exports.persistVisitorLocale = persistVisitorLocale;
+const locale_1 = require("./locale");
+exports.VISITOR_LOCALE_COOKIE = 'reactpress-locale';
+exports.LEGACY_LOCALE_STORAGE_KEY = 'locale';
+function readRequestCookie(req, name) {
+    const header = req?.headers?.cookie ?? '';
+    const match = new RegExp(`(?:^|;\\s*)${name}=([^;]*)`).exec(header);
+    if (!match?.[1])
+        return undefined;
+    try {
+        return decodeURIComponent(match[1]);
+    }
+    catch {
+        return match[1];
+    }
+}
+function resolveVisitorLocale(supported, req) {
+    const locales = supported.length ? supported : ['zh', 'en'];
+    return (0, locale_1.resolveRequestLocale)(locales, {
+        preferred: readRequestCookie(req, exports.VISITOR_LOCALE_COOKIE) ||
+            readRequestCookie(req, exports.LEGACY_LOCALE_STORAGE_KEY),
+        acceptLanguage: typeof req?.headers?.['accept-language'] === 'string'
+            ? req.headers['accept-language']
+            : undefined,
+        fallback: locales.includes('zh') ? 'zh' : locales[0] ?? 'zh',
+    });
+}
+function persistVisitorLocale(locale) {
+    if (typeof window === 'undefined')
+        return;
+    window.localStorage.setItem(exports.LEGACY_LOCALE_STORAGE_KEY, locale);
+    window.localStorage.setItem(exports.VISITOR_LOCALE_COOKIE, locale);
+    document.cookie = `${exports.VISITOR_LOCALE_COOKIE}=${encodeURIComponent(locale)}; path=/; max-age=31536000; SameSite=Lax`;
+}

package/toolkit/dist/types/index.js

@@ -0,0 +1,12 @@
+"use strict";
+/* eslint-disable */
+/* tslint:disable */
+/*
+ * ---------------------------------------------------------------
+ * ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API        ##
+ * ##                                                           ##
+ * ## AUTHOR: acacode                                           ##
+ * ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
+ * ---------------------------------------------------------------
+ */
+Object.defineProperty(exports, "__esModule", { value: true });

package/toolkit/dist/ui/AntdStyleTransitionFix.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AntdStyleTransitionFix = AntdStyleTransitionFix;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const STYLE_ELEMENT_ID = 'reactpress-antd-style-transition-fix';
+/** Disable Ant Design CSS transitions during hydration to avoid style flash. */
+function AntdStyleTransitionFix({ id = STYLE_ELEMENT_ID, }) {
+    (0, react_1.useEffect)(() => {
+        const el = document.querySelector(`#${id}`);
+        el?.parentNode?.removeChild(el);
+    }, [id]);
+    return ((0, jsx_runtime_1.jsx)("style", { id: id, dangerouslySetInnerHTML: {
+            __html: `[class^="ant-"], [class*=" ant-"] { transition: none !important; }`,
+        } }));
+}

package/toolkit/dist/ui/ArchiveEmptyState.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArchiveEmptyState = ArchiveEmptyState;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Headless empty archive/search state with optional back link slot. */
+function ArchiveEmptyState({ message, backHref = '/', backLabel = '← Back to archives', className = 'empty-state', renderBackLink, }) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", { className: className, "data-rp-component": "archive-empty", children: message }), renderBackLink ? ((0, jsx_runtime_1.jsx)("p", { children: renderBackLink({ href: backHref, label: backLabel }) })) : null] }));
+}

package/toolkit/dist/ui/ArchivePageLayout.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArchivePageLayout = ArchivePageLayout;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Two-column archive layout (main list + sidebar widgets). */
+function ArchivePageLayout({ main, sidebar, className = 'content-layout', mainClassName = 'articles-section', sidebarClassName = 'sidebar', }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, "data-rp-component": "archive-layout", children: [(0, jsx_runtime_1.jsx)("section", { className: mainClassName, children: main }), sidebar ? (0, jsx_runtime_1.jsx)("aside", { className: sidebarClassName, children: sidebar }) : null] }));
+}

package/toolkit/dist/ui/ArticleCard.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArticleCard = ArticleCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const format_1 = require("../theme/format");
+const nav_1 = require("../theme/nav");
+/** Headless article card — theme supplies Link markup and CSS. */
+function ArticleCard({ article, className, titleTag = 'h3', showCategory = true, renderTitleLink, renderCategoryLink, renderDate, }) {
+    const TitleTag = titleTag;
+    const dateNode = article.publishAt &&
+        (renderDate ? renderDate(article.publishAt) : (0, format_1.formatPublishDate)(article.publishAt));
+    return ((0, jsx_runtime_1.jsxs)("article", { className: className, "data-rp-component": "article-card", children: [article.cover ? ((0, jsx_runtime_1.jsx)("div", { className: "article-image", "data-rp-part": "cover", children: (0, jsx_runtime_1.jsx)("img", { src: article.cover, alt: article.title, loading: "lazy" }) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "article-content", "data-rp-part": "content", children: [(0, jsx_runtime_1.jsx)(TitleTag, { className: "article-title", children: renderTitleLink({ href: (0, nav_1.articlePath)(article.id), children: article.title }) }), article.summary ? (0, jsx_runtime_1.jsx)("p", { className: "article-summary", children: article.summary }) : null, dateNode || (showCategory && article.category && renderCategoryLink) ? ((0, jsx_runtime_1.jsxs)("div", { className: "article-meta", children: [dateNode ? (0, jsx_runtime_1.jsx)("span", { className: "publish-date", children: dateNode }) : null, showCategory && article.category && renderCategoryLink ? ((0, jsx_runtime_1.jsx)("span", { className: "article-category", children: renderCategoryLink({
+                                    href: (0, nav_1.categoryPath)(article.category.value),
+                                    children: article.category.label,
+                                }) })) : null] })) : null] })] }));
+}

package/toolkit/dist/ui/ArticleList.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArticleList = ArticleList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+/** Headless article grid/list — theme supplies markup and styles per item. */
+function ArticleList({ articles, limit, className, empty = null, renderArticle, }) {
+    const list = limit != null ? articles.slice(0, limit) : articles;
+    if (!list.length) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: empty });
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, "data-rp-component": "article-list", children: list.map((article, index) => ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: renderArticle(article, index) }, article.id))) }));
+}

package/toolkit/dist/ui/BaseGlobalStyles.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseGlobalStyles = BaseGlobalStyles;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Shared reset used by starter themes (override via `extra` CSS). */
+function BaseGlobalStyles({ extra }) {
+    const css = `
+    html, body {
+      padding: 0;
+      margin: 0;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
+        Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    }
+    * { box-sizing: border-box; }
+    ${extra ?? ''}
+  `;
+    return (0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: css } });
+}

package/toolkit/dist/ui/LocaleSwitcher.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocaleSwitcher = LocaleSwitcher;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LocaleContext_1 = require("./context/LocaleContext");
+/** Minimal locale toggle — style with theme CSS. */
+function LocaleSwitcher({ className, buttonClassName, activeClassName, }) {
+    const { locale, locales, setLocale } = (0, LocaleContext_1.useLocale)();
+    if (locales.length < 2) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, "data-rp-component": "locale-switcher", role: "group", "aria-label": "Language", children: locales.map((code) => ((0, jsx_runtime_1.jsx)("button", { type: "button", className: locale === code && activeClassName
+                ? `${buttonClassName ?? ''} ${activeClassName}`.trim()
+                : buttonClassName, "aria-pressed": locale === code, onClick: () => setLocale(code), children: code.toUpperCase() }, code))) }));
+}

package/toolkit/dist/ui/NavMenu.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavMenu = NavMenu;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Headless site navigation — styling via theme `renderLink` (e.g. Next.js `Link`). */
+function NavMenu({ items, activeId, className, listClassName, itemClassName, renderLink, }) {
+    return ((0, jsx_runtime_1.jsx)("nav", { className: className, "data-rp-component": "nav", "aria-label": "Site", children: (0, jsx_runtime_1.jsx)("ul", { className: listClassName, children: items.map((item) => ((0, jsx_runtime_1.jsx)("li", { className: itemClassName, children: renderLink({ item, active: item.id === activeId }) }, item.id))) }) }));
+}

package/toolkit/dist/ui/NotFoundPanel.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotFoundPanel = NotFoundPanel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Headless 404 / not-found content block (theme supplies styles). */
+function NotFoundPanel({ title = 'Not found', subtitle, description, illustration, actions, className, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, "data-rp-component": "not-found-panel", children: [illustration ? (0, jsx_runtime_1.jsx)("div", { "data-rp-part": "illustration", children: illustration }) : null, (0, jsx_runtime_1.jsx)("h1", { "data-rp-part": "title", children: title }), subtitle != null && subtitle !== '' ? (0, jsx_runtime_1.jsx)("h2", { "data-rp-part": "subtitle", children: subtitle }) : null, description != null && description !== '' ? ((0, jsx_runtime_1.jsx)("p", { "data-rp-part": "description", children: description })) : null, actions ? (0, jsx_runtime_1.jsx)("div", { "data-rp-part": "actions", children: actions }) : null] }));
+}

package/toolkit/dist/ui/PageHeader.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageHeader = PageHeader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Unstyled archive / page title block (WP `the_archive_title` pattern). */
+function PageHeader({ title, description, className, titleClassName, descriptionClassName, }) {
+    return ((0, jsx_runtime_1.jsxs)("header", { className: className, "data-rp-component": "page-header", children: [(0, jsx_runtime_1.jsx)("h1", { className: titleClassName, children: title }), description != null && description !== '' ? ((0, jsx_runtime_1.jsx)("p", { className: descriptionClassName, children: description })) : null] }));
+}

package/toolkit/dist/ui/SiteBranding.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteBranding = SiteBranding;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ThemeRuntimeContext_1 = require("./context/ThemeRuntimeContext");
+/**
+ * Site title: customizer `displayTitle` when set, otherwise `systemTitle` from site settings.
+ */
+function SiteBranding({ fallback = '', className, as: Tag = 'span' }) {
+    const mod = (0, ThemeRuntimeContext_1.useThemeMod)('displayTitle', '');
+    const { siteName } = (0, ThemeRuntimeContext_1.useSiteMeta)();
+    const title = mod.trim() || siteName.trim() || fallback;
+    return (0, jsx_runtime_1.jsx)(Tag, { className: className, children: title });
+}

package/toolkit/dist/ui/SiteDocument.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteDocument = SiteDocument;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ThemeLayout_1 = require("./ThemeLayout");
+const ThemeCssVars_1 = require("./ThemeCssVars");
+const BaseGlobalStyles_1 = require("./BaseGlobalStyles");
+/**
+ * WordPress-style shell: head slot + header + main + footer (like `get_header()` / `get_footer()`).
+ */
+function SiteDocument({ head, header, footer, children, className = 'container', mainClassName = 'main', contentClassName = 'content-wrapper', wrapContent = true, globalCss, skipBaseStyles = false, skipCssVars = true, }) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [head, !skipCssVars ? (0, jsx_runtime_1.jsx)(ThemeCssVars_1.ThemeCssVars, {}) : null, (0, jsx_runtime_1.jsx)(ThemeLayout_1.ThemeLayout, { className: className, mainClassName: mainClassName, contentClassName: contentClassName, wrapContent: wrapContent, header: header, footer: footer, children: children }), !skipBaseStyles ? ((0, jsx_runtime_1.jsx)(BaseGlobalStyles_1.BaseGlobalStyles, { extra: globalCss })) : globalCss ? ((0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: globalCss } })) : null] }));
+}