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

package/toolkit/dist/ui/SiteDocumentFallback.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteDocumentFallback = SiteDocumentFallback;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SiteDocument_1 = require("./SiteDocument");
+/** Standard ISR fallback shell while on-demand pages compile. */
+function SiteDocumentFallback({ message = 'Loading…', messageClassName = 'empty-state', ...shell }) {
+    return ((0, jsx_runtime_1.jsx)(SiteDocument_1.SiteDocument, { ...shell, children: (0, jsx_runtime_1.jsx)("p", { className: messageClassName, children: message }) }));
+}

package/toolkit/dist/ui/SiteLogo.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteLogo = SiteLogo;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const assets_1 = require("../theme/assets");
+const ThemeRuntimeContext_1 = require("./context/ThemeRuntimeContext");
+/** Site logo: customizer `siteLogo` when set, otherwise `systemLogo` from site settings. */
+function SiteLogo({ className, alt }) {
+    const mod = (0, ThemeRuntimeContext_1.useThemeMod)('siteLogo', '').trim();
+    const { siteLogo } = (0, ThemeRuntimeContext_1.useSiteMeta)();
+    const raw = mod || siteLogo?.trim() || '';
+    const src = (0, assets_1.resolvePublicAssetUrl)(raw);
+    if (!src)
+        return null;
+    return (0, jsx_runtime_1.jsx)("img", { src: src, alt: alt ?? '', className: className });
+}

package/toolkit/dist/ui/SiteTagline.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteTagline = SiteTagline;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const context_1 = require("./context");
+const ThemeRuntimeContext_1 = require("./context/ThemeRuntimeContext");
+/** Site tagline: customizer `displayTagline` when set, otherwise `systemSubTitle`. */
+function SiteTagline({ fallback = '', className = 'site-tagline' }) {
+    const mod = (0, ThemeRuntimeContext_1.useThemeMod)('displayTagline', '');
+    const { siteDescription } = (0, context_1.useSiteMeta)();
+    const text = mod.trim() || siteDescription.trim() || fallback.trim();
+    if (!text)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("p", { className: className, "data-rp-component": "site-tagline", children: text }));
+}

package/toolkit/dist/ui/TaxonomyList.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaxonomyList = TaxonomyList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const nav_1 = require("../theme/nav");
+function defaultHref(kind, item) {
+    return kind === 'category' ? (0, nav_1.categoryPath)(item.value) : (0, nav_1.tagPath)(item.value);
+}
+/** Headless category/tag list (sidebar, footer, tag cloud). */
+function TaxonomyList({ items, kind, variant = 'inline', currentValue, className, itemClassName, hrefFor, renderLink, }) {
+    const safeItems = Array.isArray(items) ? items : [];
+    const resolveHref = hrefFor ?? ((item) => defaultHref(kind, item));
+    const component = `${kind}-list`;
+    const nodes = safeItems.map((item) => {
+        const href = resolveHref(item);
+        const link = renderLink({
+            item,
+            href,
+            active: currentValue === item.value,
+        });
+        if (variant === 'list') {
+            return ((0, jsx_runtime_1.jsx)("li", { className: itemClassName, children: link }, item.value));
+        }
+        return ((0, jsx_runtime_1.jsx)("span", { className: itemClassName, children: link }, item.value));
+    });
+    if (variant === 'list') {
+        return ((0, jsx_runtime_1.jsx)("ul", { className: className, "data-rp-component": component, children: nodes }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, "data-rp-component": component, children: nodes }));
+}

package/toolkit/dist/ui/ThemeCssVars.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeCssVars = ThemeCssVars;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const assets_1 = require("../theme/assets");
+const ThemeRuntimeContext_1 = require("./context/ThemeRuntimeContext");
+function BgImageHtmlClass({ enabled }) {
+    (0, react_1.useEffect)(() => {
+        if (typeof document === 'undefined')
+            return;
+        document.documentElement.classList.toggle('rp-has-bg-image', enabled);
+        return () => document.documentElement.classList.remove('rp-has-bg-image');
+    }, [enabled]);
+    return null;
+}
+function escapeCssValue(value) {
+    return value.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
+}
+/** Injects Customizer colors, background, dark mode, and extra CSS (WP `theme_mod` → `:root`). */
+function ThemeCssVars() {
+    const primary = (0, ThemeRuntimeContext_1.useThemeMod)('primaryColor', '#3b82f6');
+    const accent = (0, ThemeRuntimeContext_1.useThemeMod)('accentColor', '#8b5cf6');
+    const background = (0, ThemeRuntimeContext_1.useThemeMod)('backgroundColor', '#f8f9fa');
+    const backgroundImage = (0, assets_1.resolvePublicAssetUrl)((0, ThemeRuntimeContext_1.useThemeMod)('backgroundImage', ''));
+    const darkMode = (0, ThemeRuntimeContext_1.useThemeModBool)('darkMode', false);
+    const additionalCss = (0, ThemeRuntimeContext_1.useThemeMod)('additionalCss', '').trim();
+    const hasBgImage = Boolean(backgroundImage);
+    const bgLayer = hasBgImage
+        ? `background-image: url("${escapeCssValue(backgroundImage)}"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed;`
+        : '';
+    const darkVars = darkMode
+        ? `
+    --rp-background: #1a1a1a;
+    --rp-text: #e8e8e8;
+    --rp-muted: #a3a3a3;
+    color-scheme: dark;
+  `
+        : `
+    --rp-text: #1d2327;
+    --rp-muted: #646970;
+    color-scheme: light;
+  `;
+    const css = `
+    :root {
+      --rp-primary: ${primary};
+      --rp-accent: ${accent};
+      --rp-background: ${background};
+      ${hasBgImage ? '--rp-has-bg-image: 1;' : ''}
+      ${darkVars}
+    }
+    html${hasBgImage ? '.rp-has-bg-image' : ''} {
+      ${bgLayer}
+    }
+    html,
+    body {
+      background-color: var(--rp-background, #f8f9fa) !important;
+    }
+    html.rp-has-bg-image,
+    html.rp-has-bg-image body,
+    html.rp-has-bg-image .container,
+    html.rp-has-bg-image [data-rp-component='layout'],
+    html.rp-has-bg-image [data-rp-component='main'] {
+      background-color: transparent !important;
+    }
+    .container,
+    [data-rp-component='layout'],
+    [data-rp-component='main'] {
+      background-color: ${hasBgImage ? 'transparent' : 'var(--rp-background, #f8f9fa)'} !important;
+    }
+    [data-rp-component='layout'][data-rp-dark='true'],
+    [data-rp-component='layout'][data-rp-dark='true'] .container {
+      background-color: var(--rp-background, #1a1a1a) !important;
+      color: var(--rp-text, #e8e8e8);
+    }
+    [data-rp-component='layout'][data-rp-dark='true'] a {
+      color: var(--rp-primary);
+    }
+    [data-rp-component='layout'] {
+      color: var(--rp-text, #1d2327);
+    }
+    ${additionalCss}
+  `;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(BgImageHtmlClass, { enabled: hasBgImage }), (0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: css } })] }));
+}

package/toolkit/dist/ui/ThemeLayout.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeLayout = ThemeLayout;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ThemeRuntimeContext_1 = require("./context/ThemeRuntimeContext");
+/** Unstyled page shell: header + main (+ optional content wrapper) + footer. */
+function ThemeLayout({ header, footer, children, className, mainClassName, contentClassName, wrapContent = false, }) {
+    const darkMode = (0, ThemeRuntimeContext_1.useThemeModBool)('darkMode', false);
+    const mainContent = wrapContent ? ((0, jsx_runtime_1.jsx)("div", { className: contentClassName, "data-rp-part": "content", children: children })) : (children);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, "data-rp-component": "layout", ...(darkMode ? { 'data-rp-dark': 'true' } : {}), children: [header, (0, jsx_runtime_1.jsx)("main", { className: mainClassName, "data-rp-component": "main", children: mainContent }), footer] }));
+}

package/toolkit/dist/ui/components/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/components/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/components/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/components/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 date_1 = require("../../utils/date");
+const nav_1 = require("../../theme/content/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, date_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/components/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/components/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/components/LocaleSwitcher.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocaleSwitcher = LocaleSwitcher;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LocaleToggleButton_1 = require("./toolbar/LocaleToggleButton");
+const LocaleContext_1 = require("../context/LocaleContext");
+/** Click to cycle locales — same control as admin and theme headers. */
+function LocaleSwitcher({ className, buttonClassName, size = 20, ariaLabel, }) {
+    const { locale, locales, setLocale } = (0, LocaleContext_1.useLocale)();
+    return ((0, jsx_runtime_1.jsx)(LocaleToggleButton_1.LocaleToggleButton, { locale: locale, locales: locales, onLocaleChange: setLocale, size: size, className: buttonClassName ?? className, "aria-label": ariaLabel }));
+}

package/toolkit/dist/ui/components/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/components/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/components/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/components/RouteProgress.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouteProgress = RouteProgress;
+const react_1 = require("react");
+/**
+ * Next.js route transition progress bar.
+ * Requires `nprogress` as a peer dependency in the theme package.
+ */
+function RouteProgress({ delay = 100 }) {
+    (0, react_1.useEffect)(() => {
+        let nprogress = null;
+        try {
+            // eslint-disable-next-line @typescript-eslint/no-require-imports
+            nprogress = require('nprogress');
+        }
+        catch {
+            return undefined;
+        }
+        let timeout;
+        const Router = require('next/router').default;
+        const start = () => {
+            timeout = setTimeout(() => nprogress?.start(), delay);
+        };
+        const done = () => {
+            if (timeout)
+                clearTimeout(timeout);
+            nprogress?.done();
+        };
+        Router.events.on('routeChangeStart', start);
+        Router.events.on('routeChangeComplete', done);
+        Router.events.on('routeChangeError', done);
+        return () => {
+            Router.events.off('routeChangeStart', start);
+            Router.events.off('routeChangeComplete', done);
+            Router.events.off('routeChangeError', done);
+            nprogress?.done();
+        };
+    }, [delay]);
+    return null;
+}

package/toolkit/dist/ui/components/SiteAnalytics.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteAnalytics = SiteAnalytics;
+const react_1 = require("react");
+const SiteCatalogContext_1 = require("../context/SiteCatalogContext");
+/** Inject Google Analytics / Baidu Tongji scripts from site settings. */
+function SiteAnalytics({ children = null }) {
+    const setting = (0, SiteCatalogContext_1.useSiteSetting)();
+    (0, react_1.useEffect)(() => {
+        const googleAnalyticsId = setting.googleAnalyticsId;
+        if (!googleAnalyticsId)
+            return undefined;
+        const w = window;
+        w.dataLayer = w.dataLayer || [];
+        function gtag(...args) {
+            w.dataLayer?.push(args);
+        }
+        w.gtag = gtag;
+        gtag('js', new Date());
+        gtag('config', googleAnalyticsId);
+        const script = document.createElement('script');
+        script.src = `https://www.googletagmanager.com/gtag/js?id=${googleAnalyticsId}`;
+        script.async = true;
+        document.body?.appendChild(script);
+        return () => {
+            script.remove();
+        };
+    }, [setting.googleAnalyticsId]);
+    (0, react_1.useEffect)(() => {
+        const baiduAnalyticsId = setting.baiduAnalyticsId;
+        if (!baiduAnalyticsId)
+            return undefined;
+        const hm = document.createElement('script');
+        hm.src = `https://hm.baidu.com/hm.js?${baiduAnalyticsId}`;
+        const s = document.getElementsByTagName('script')[0];
+        s?.parentNode?.insertBefore(hm, s);
+        return () => {
+            hm.remove();
+        };
+    }, [setting.baiduAnalyticsId]);
+    return children;
+}

package/toolkit/dist/ui/components/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/components/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] }));
+}

package/toolkit/dist/ui/components/SiteDocumentFallback.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteDocumentFallback = SiteDocumentFallback;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SiteDocument_1 = require("./SiteDocument");
+/** Standard ISR fallback shell while on-demand pages compile. */
+function SiteDocumentFallback({ message = 'Loading…', messageClassName = 'empty-state', ...shell }) {
+    return ((0, jsx_runtime_1.jsx)(SiteDocument_1.SiteDocument, { ...shell, children: (0, jsx_runtime_1.jsx)("p", { className: messageClassName, children: message }) }));
+}

package/toolkit/dist/ui/components/SiteLogo.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteLogo = SiteLogo;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const assets_1 = require("../../theme/content/assets");
+const ThemeRuntimeContext_1 = require("../context/ThemeRuntimeContext");
+/** Site logo: customizer `siteLogo` when set, otherwise `systemLogo` from site settings. */
+function SiteLogo({ className, alt, width = 48, height = 48 }) {
+    const mod = (0, ThemeRuntimeContext_1.useThemeMod)('siteLogo', '').trim();
+    const { siteLogo } = (0, ThemeRuntimeContext_1.useSiteMeta)();
+    const raw = mod || siteLogo?.trim() || '';
+    if (!(0, assets_1.isLikelyValidHeaderLogoPath)(raw))
+        return null;
+    const src = (0, assets_1.resolvePublicAssetUrl)(raw);
+    const [hidden, setHidden] = react_1.default.useState(false);
+    if (!src || hidden)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("img", { src: src, alt: alt ?? '', className: className, width: width, height: height, decoding: "async", onError: () => setHidden(true) }));
+}

package/toolkit/dist/ui/components/SiteSeo.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteSeo = SiteSeo;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const head_1 = __importDefault(require("next/head"));
+const router_1 = require("next/router");
+const SiteCatalogContext_1 = require("../context/SiteCatalogContext");
+/** Inject default site meta tags from catalog `setting`. */
+function SiteSeo({ children, favicon, keywords, description }) {
+    const setting = (0, SiteCatalogContext_1.useSiteSetting)();
+    const router = (0, router_1.useRouter)();
+    const siteUrl = setting.systemUrl?.trim().replace(/\/$/, '');
+    const path = router.asPath.split('?')[0] || '/';
+    const canonical = siteUrl ? `${siteUrl}${path}` : undefined;
+    return ((0, jsx_runtime_1.jsxs)(head_1.default, { children: [(0, jsx_runtime_1.jsx)("meta", { name: "viewport", content: "width=device-width, initial-scale=1, viewport-fit=cover" }), (0, jsx_runtime_1.jsx)("meta", { httpEquiv: "X-UA-Compatible", content: "ie=edge" }), (0, jsx_runtime_1.jsx)("link", { rel: "shortcut icon", href: favicon ?? setting.systemFavicon }), (0, jsx_runtime_1.jsx)("link", { rel: "apple-touch-icon", href: favicon ?? setting.systemFavicon }), (0, jsx_runtime_1.jsx)("meta", { name: "keywords", content: keywords ?? setting.seoKeyword }), (0, jsx_runtime_1.jsx)("meta", { name: "description", content: description ?? setting.seoDesc }), (0, jsx_runtime_1.jsx)("meta", { name: "robots", content: "max-image-preview:large" }), canonical ? (0, jsx_runtime_1.jsx)("link", { rel: "canonical", href: canonical }) : null, children] }));
+}

package/toolkit/dist/ui/components/SiteTagline.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteTagline = SiteTagline;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const context_1 = require("../context");
+const ThemeRuntimeContext_1 = require("../context/ThemeRuntimeContext");
+/** Site tagline: customizer `displayTagline` when set, otherwise `systemSubTitle`. */
+function SiteTagline({ fallback = '', className = 'site-tagline' }) {
+    const mod = (0, ThemeRuntimeContext_1.useThemeMod)('displayTagline', '');
+    const { siteDescription } = (0, context_1.useSiteMeta)();
+    const text = mod.trim() || siteDescription.trim() || fallback.trim();
+    if (!text)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("p", { className: className, "data-rp-component": "site-tagline", children: text }));
+}

package/toolkit/dist/ui/components/TaxonomyList.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaxonomyList = TaxonomyList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const nav_1 = require("../../theme/content/nav");
+function defaultHref(kind, item) {
+    return kind === 'category' ? (0, nav_1.categoryPath)(item.value) : (0, nav_1.tagPath)(item.value);
+}
+/** Headless category/tag list (sidebar, footer, tag cloud). */
+function TaxonomyList({ items, kind, variant = 'inline', currentValue, className, itemClassName, hrefFor, renderLink, }) {
+    const safeItems = Array.isArray(items) ? items : [];
+    const resolveHref = hrefFor ?? ((item) => defaultHref(kind, item));
+    const component = `${kind}-list`;
+    const nodes = safeItems.map((item) => {
+        const href = resolveHref(item);
+        const link = renderLink({
+            item,
+            href,
+            active: currentValue === item.value,
+        });
+        if (variant === 'list') {
+            return ((0, jsx_runtime_1.jsx)("li", { className: itemClassName, children: link }, item.value));
+        }
+        return ((0, jsx_runtime_1.jsx)("span", { className: itemClassName, children: link }, item.value));
+    });
+    if (variant === 'list') {
+        return ((0, jsx_runtime_1.jsx)("ul", { className: className, "data-rp-component": component, children: nodes }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, "data-rp-component": component, children: nodes }));
+}

package/toolkit/dist/ui/components/ThemeCssVars.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeCssVars = ThemeCssVars;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const assets_1 = require("../../theme/content/assets");
+const ThemeRuntimeContext_1 = require("../context/ThemeRuntimeContext");
+function BgImageHtmlClass({ enabled }) {
+    (0, react_1.useEffect)(() => {
+        if (typeof document === 'undefined')
+            return;
+        document.documentElement.classList.toggle('rp-has-bg-image', enabled);
+        return () => document.documentElement.classList.remove('rp-has-bg-image');
+    }, [enabled]);
+    return null;
+}
+function escapeCssValue(value) {
+    return value.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
+}
+/** Injects Customizer colors, background, dark mode, and extra CSS (WP `theme_mod` → `:root`). */
+function ThemeCssVars() {
+    const primary = (0, ThemeRuntimeContext_1.useThemeMod)('primaryColor', '#3b82f6');
+    const accent = (0, ThemeRuntimeContext_1.useThemeMod)('accentColor', '#8b5cf6');
+    const background = (0, ThemeRuntimeContext_1.useThemeMod)('backgroundColor', '#f8f9fa');
+    const backgroundImage = (0, assets_1.resolvePublicAssetUrl)((0, ThemeRuntimeContext_1.useThemeMod)('backgroundImage', ''));
+    const darkMode = (0, ThemeRuntimeContext_1.useThemeModBool)('darkMode', false);
+    const additionalCss = (0, ThemeRuntimeContext_1.useThemeMod)('additionalCss', '').trim();
+    const hasBgImage = Boolean(backgroundImage);
+    const bgLayer = hasBgImage
+        ? `background-image: url("${escapeCssValue(backgroundImage)}"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed;`
+        : '';
+    const darkVars = darkMode
+        ? `
+    --rp-background: #1a1a1a;
+    --rp-text: #e8e8e8;
+    --rp-muted: #a3a3a3;
+    color-scheme: dark;
+  `
+        : `
+    --rp-text: #1d2327;
+    --rp-muted: #646970;
+    color-scheme: light;
+  `;
+    const css = `
+    :root {
+      --rp-primary: ${primary};
+      --rp-accent: ${accent};
+      --rp-background: ${background};
+      ${hasBgImage ? '--rp-has-bg-image: 1;' : ''}
+      ${darkVars}
+    }
+    html${hasBgImage ? '.rp-has-bg-image' : ''} {
+      ${bgLayer}
+    }
+    html,
+    body {
+      background-color: var(--rp-background, #f8f9fa) !important;
+    }
+    html.rp-has-bg-image,
+    html.rp-has-bg-image body,
+    html.rp-has-bg-image .container,
+    html.rp-has-bg-image [data-rp-component='layout'],
+    html.rp-has-bg-image [data-rp-component='main'] {
+      background-color: transparent !important;
+    }
+    .container,
+    [data-rp-component='layout'],
+    [data-rp-component='main'] {
+      background-color: ${hasBgImage ? 'transparent' : 'var(--rp-background, #f8f9fa)'} !important;
+    }
+    [data-rp-component='layout'][data-rp-dark='true'],
+    [data-rp-component='layout'][data-rp-dark='true'] .container {
+      background-color: var(--rp-background, #1a1a1a) !important;
+      color: var(--rp-text, #e8e8e8);
+    }
+    [data-rp-component='layout'][data-rp-dark='true'] a {
+      color: var(--rp-primary);
+    }
+    [data-rp-component='layout'] {
+      color: var(--rp-text, #1d2327);
+    }
+    ${additionalCss}
+  `;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(BgImageHtmlClass, { enabled: hasBgImage }), (0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: css } })] }));
+}

package/toolkit/dist/ui/components/ThemeLayout.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeLayout = ThemeLayout;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ThemeRuntimeContext_1 = require("../context/ThemeRuntimeContext");
+/** Unstyled page shell: header + main (+ optional content wrapper) + footer. */
+function ThemeLayout({ header, footer, children, className, mainClassName, contentClassName, wrapContent = false, }) {
+    const darkMode = (0, ThemeRuntimeContext_1.useThemeModBool)('darkMode', false);
+    const mainContent = wrapContent ? ((0, jsx_runtime_1.jsx)("div", { className: contentClassName, "data-rp-part": "content", children: children })) : (children);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, "data-rp-component": "layout", ...(darkMode ? { 'data-rp-dark': 'true' } : {}), children: [header, (0, jsx_runtime_1.jsx)("main", { id: "main-content", tabIndex: -1, className: mainClassName, "data-rp-component": "main", children: mainContent }), footer] }));
+}