wpheadless-lib 1.1.5 → 1.1.7

package/dist/components/PostCard/index.d.ts

@@ -5,6 +5,7 @@ interface PostCardProps {
     categorySlug?: string;
     locale?: Locale;
     dateLocale?: string;
+    basePath?: string;
 }
-export default function PostCard({ post, categorySlug, locale, dateLocale, }: PostCardProps): import("react/jsx-runtime").JSX.Element;
+export default function PostCard({ post, categorySlug, locale, dateLocale, basePath, }: PostCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/PostCard/index.js

@@ -8,7 +8,7 @@ function truncateText(text, max = 20) {
     const normalized = text.trim();
     return normalized.length > max ? `${normalized.slice(0, max)}...` : normalized;
 }
-export default function PostCard({ post, categorySlug, locale = "en", dateLocale = "en-US", }) {
+export default function PostCard({ post, categorySlug, locale = "en", dateLocale = "en-US", basePath, }) {
     const featuredMedia = getFeaturedMedia(post);
     const imageUrl = featuredMedia?.source_url;
     const categories = (post._embedded?.["wp:term"]?.[0] || []).filter((cat) => Boolean(cat?.slug));
@@ -17,8 +17,9 @@ export default function PostCard({ post, categorySlug, locale = "en", dateLocale
         post,
         categorySlug: resolvedCategory,
         locale,
+        basePath,
     });
-    return (_jsxs("article", { className: `${styles.card} card`, children: [categories.length > 0 && (_jsx("div", { className: styles.badges, children: categories.map((cat) => (_jsx(Link, { href: buildCategoryUrl(cat.slug, locale), className: `badge ${styles.badge}`, title: cat.name, children: truncateText(cat.name, 20) }, cat.id ?? cat.slug))) })), _jsxs(Link, { href: postUrl, className: styles.postLink, children: [imageUrl && (_jsx("div", { className: styles.imageWrapper, children: _jsx(Image, { src: imageUrl, alt: featuredMedia?.alt_text || post.title.rendered, fill: true, style: { objectFit: "cover" }, sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" }) })), _jsxs("div", { className: styles.body, children: [_jsx("h2", { className: styles.title, dangerouslySetInnerHTML: {
+    return (_jsxs("article", { className: `${styles.card} card`, children: [categories.length > 0 && (_jsx("div", { className: styles.badges, children: categories.map((cat) => (_jsx(Link, { href: buildCategoryUrl(cat.slug, locale, basePath), className: `badge ${styles.badge}`, title: cat.name, children: truncateText(cat.name, 20) }, cat.id ?? cat.slug))) })), _jsxs(Link, { href: postUrl, className: styles.postLink, children: [imageUrl && (_jsx("div", { className: styles.imageWrapper, children: _jsx(Image, { src: imageUrl, alt: featuredMedia?.alt_text || post.title.rendered, fill: true, style: { objectFit: "cover" }, sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" }) })), _jsxs("div", { className: styles.body, children: [_jsx("h2", { className: styles.title, dangerouslySetInnerHTML: {
                                     __html: post.title.rendered,
                                 } }), _jsx("div", { dangerouslySetInnerHTML: {
                                     __html: post.excerpt.rendered,

package/dist/components/PostCard/index.types.d.ts

@@ -4,4 +4,5 @@ export type BuildUrlArgs = {
     post: WPPost;
     categorySlug?: string;
     locale?: Locale;
+    basePath?: string;
 };

package/dist/components/PostCard/index.utils.d.ts

@@ -3,6 +3,6 @@ import { type Locale } from "../../utils";
 import type { BuildUrlArgs } from "./index.types";
 export declare const getLangPrefix: (locale?: Locale) => string;
 export declare const resolveCategorySlug: (post: WPPost, categorySlug?: string) => string | undefined;
-export declare const buildPostUrl: ({ post, categorySlug, locale }: BuildUrlArgs) => string;
-export declare const buildCategoryUrl: (slug: string, locale?: Locale) => string;
+export declare const buildPostUrl: ({ post, categorySlug, locale, basePath, }: BuildUrlArgs) => string;
+export declare const buildCategoryUrl: (slug: string, locale?: Locale, basePath?: string) => string;
 export declare const formatPostDate: (date: string, dateLocale?: string) => string;

package/dist/components/PostCard/index.utils.js

@@ -1,13 +1,23 @@
 import { ensureTrailingSlash } from "../../utils";
 export const getLangPrefix = (locale) => locale && locale !== "en" ? `/${locale}` : "";
+const normalizeBasePath = (basePath) => {
+    if (!basePath)
+        return "";
+    const withLeadingSlash = basePath.startsWith("/")
+        ? basePath
+        : `/${basePath}`;
+    const trimmed = withLeadingSlash.replace(/\/+$/, "");
+    return trimmed === "/" ? "" : trimmed;
+};
+const resolveLinkPrefix = (basePath, locale) => basePath !== undefined ? normalizeBasePath(basePath) : getLangPrefix(locale);
 export const resolveCategorySlug = (post, categorySlug) => {
     if (categorySlug)
         return categorySlug;
     const categories = (post._embedded?.["wp:term"]?.[0] || []);
     return categories[0]?.slug;
 };
-export const buildPostUrl = ({ post, categorySlug, locale }) => {
-    const langPrefix = getLangPrefix(locale);
+export const buildPostUrl = ({ post, categorySlug, locale, basePath, }) => {
+    const langPrefix = resolveLinkPrefix(basePath, locale);
     const resolvedCategory = categorySlug || resolveCategorySlug(post);
     const postPath = resolvedCategory
         ? `/${resolvedCategory}/${post.slug}`
@@ -15,7 +25,7 @@ export const buildPostUrl = ({ post, categorySlug, locale }) => {
     const url = `${langPrefix}${postPath}`.replace(/\/+/g, "/");
     return ensureTrailingSlash(url);
 };
-export const buildCategoryUrl = (slug, locale) => ensureTrailingSlash(`${getLangPrefix(locale)}/${slug}`.replace(/\/+/g, "/"));
+export const buildCategoryUrl = (slug, locale, basePath) => ensureTrailingSlash(`${resolveLinkPrefix(basePath, locale)}/${slug}`.replace(/\/+/g, "/"));
 export const formatPostDate = (date, dateLocale) => new Date(date).toLocaleDateString(dateLocale || "en-US", {
     year: "numeric",
     month: "long",

package/dist/components/layout/Footer/index.js

@@ -21,6 +21,12 @@ export default async function Footer({ menuId, wpApiUrl, wpUsername, wpAppPasswo
     const t = getTranslator(locale);
     const logoData = logo?.src ? logo : null;
     const logoAlt = logoData?.alt || siteName;
+    const logoStyle = logoData
+        ? {
+            ...(logoData.height ? { height: logoData.height } : {}),
+            ...(logoData.width ? { width: logoData.width } : {}),
+        }
+        : undefined;
     try {
         const parsedMenuId = parseInt(menuId);
         const itemsResponse = await menusApi.items.list({
@@ -34,5 +40,5 @@ export default async function Footer({ menuId, wpApiUrl, wpUsername, wpAppPasswo
     catch (e) {
         console.error("Error obteniendo menú footer:", e);
     }
-    return (_jsx("footer", { className: styles.footer, children: _jsx("div", { className: "container", children: _jsxs("div", { className: styles.wrapper, children: [_jsxs("div", { className: styles.grid, children: [_jsxs("div", { children: [_jsx("h3", { className: styles.siteName, children: logoData ? (_jsx("img", { src: logoData.src, alt: logoAlt, className: styles.logoImage, width: logoData.width, height: logoData.height })) : (siteName) }), _jsx("p", { className: `${styles.muted} text-muted`, children: t("footer.tagline") })] }), menuItems.length > 0 && (_jsxs("nav", { "aria-label": t("footer.navAria"), className: styles.nav, children: [_jsx("h4", { className: styles.navTitle, children: t("footer.navTitle") }), _jsx("ul", { className: styles.list, children: menuItems.map((item) => (_jsx("li", { children: _jsx(Link, { href: convertWpUrl(item.url, wpApiUrl), className: "footer-link", children: item.title.rendered }) }, item.id))) })] }))] }), _jsxs("div", { className: styles.bottomBar, children: [_jsxs("span", { children: ["\u00A9 ", new Date().getFullYear(), " ", siteName] }), _jsx("span", { children: t("footer.noCookies") })] })] }) }) }));
+    return (_jsx("footer", { className: styles.footer, children: _jsx("div", { className: "container", children: _jsxs("div", { className: styles.wrapper, children: [_jsxs("div", { className: styles.grid, children: [_jsxs("div", { children: [_jsx("h3", { className: styles.siteName, children: logoData ? (_jsx("img", { src: logoData.src, alt: logoAlt, className: styles.logoImage, width: logoData.width, height: logoData.height, style: logoStyle })) : (siteName) }), _jsx("p", { className: `${styles.muted} text-muted`, children: t("footer.tagline") })] }), menuItems.length > 0 && (_jsxs("nav", { "aria-label": t("footer.navAria"), className: styles.nav, children: [_jsx("h4", { className: styles.navTitle, children: t("footer.navTitle") }), _jsx("ul", { className: styles.list, children: menuItems.map((item) => (_jsx("li", { children: _jsx(Link, { href: convertWpUrl(item.url, wpApiUrl), className: "footer-link", children: item.title.rendered }) }, item.id))) })] }))] }), _jsxs("div", { className: styles.bottomBar, children: [_jsxs("span", { children: ["\u00A9 ", new Date().getFullYear(), " ", siteName] }), _jsx("span", { children: t("footer.noCookies") })] })] }) }) }));
 }

package/dist/components/layout/Footer/index.module.css

@@ -25,7 +25,7 @@
 }
 
 .logoImage {
-  height: 44px;
+  height: 64px;
   width: auto;
   display: block;
   object-fit: contain;

package/dist/components/layout/Header/HeaderClient.js

@@ -23,7 +23,13 @@ export default function HeaderClient({ menuLinks, siteName, homeHref, labels, lo
     const menuLabel = isMenuOpen ? labels.closeMenu : labels.openMenu;
     const logoData = logo?.src ? logo : null;
     const logoAlt = logoData?.alt || siteName;
-    return (_jsxs("div", { className: styles.inner, children: [_jsx(Link, { href: homeHref, className: styles.logo, children: logoData ? (_jsx("img", { src: logoData.src, alt: logoAlt, className: styles.logoImage, width: logoData.width, height: logoData.height })) : (siteName) }), menuLinks.length > 0 && (_jsxs("div", { className: styles.navWrapper, children: [_jsxs("button", { type: "button", className: styles.menuButton, "aria-expanded": isMenuOpen, "aria-controls": "primary-navigation", "aria-label": menuLabel, onClick: toggleMenu, children: [_jsxs("span", { className: styles.menuIcon, "aria-hidden": "true", children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] }), _jsx("span", { className: styles.menuText, children: menuLabel })] }), _jsx("nav", { id: "primary-navigation", "aria-label": labels.navAria, className: `${styles.nav} ${isMenuOpen ? styles.navOpen : ""}`, "aria-hidden": !isMenuOpen && isMobileView, hidden: !isMenuOpen && isMobileView, children: _jsx("ul", { className: styles.list, children: menuLinks.map((item) => (_jsx("li", { children: _jsx(Link, { href: item.href, className: "header-link", onClick: handleLinkClick, target: item.target || undefined, rel: item.target === "_blank"
+    const logoStyle = logoData
+        ? {
+            ...(logoData.height ? { height: logoData.height } : {}),
+            ...(logoData.width ? { width: logoData.width } : {}),
+        }
+        : undefined;
+    return (_jsxs("div", { className: styles.inner, children: [_jsx(Link, { href: homeHref, className: styles.logo, children: logoData ? (_jsx("img", { src: logoData.src, alt: logoAlt, className: styles.logoImage, width: logoData.width, height: logoData.height, style: logoStyle })) : (siteName) }), menuLinks.length > 0 && (_jsxs("div", { className: styles.navWrapper, children: [_jsxs("button", { type: "button", className: styles.menuButton, "aria-expanded": isMenuOpen, "aria-controls": "primary-navigation", "aria-label": menuLabel, onClick: toggleMenu, children: [_jsxs("span", { className: styles.menuIcon, "aria-hidden": "true", children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] }), _jsx("span", { className: styles.menuText, children: menuLabel })] }), _jsx("nav", { id: "primary-navigation", "aria-label": labels.navAria, className: `${styles.nav} ${isMenuOpen ? styles.navOpen : ""}`, "aria-hidden": !isMenuOpen && isMobileView, hidden: !isMenuOpen && isMobileView, children: _jsx("ul", { className: styles.list, children: menuLinks.map((item) => (_jsx("li", { children: _jsx(Link, { href: item.href, className: "header-link", onClick: handleLinkClick, target: item.target || undefined, rel: item.target === "_blank"
                                         ? "noopener noreferrer"
                                         : undefined, children: item.label }) }, item.id))) }) })] }))] }));
 }

package/dist/components/layout/Header/index.module.css

@@ -32,7 +32,7 @@
 }
 
 .logoImage {
-  height: 40px;
+  height: 64px;
   width: auto;
   display: block;
   object-fit: contain;

package/dist/views/CategoryListView/index.d.ts

@@ -6,8 +6,9 @@ type CategoryListViewProps = {
     totalPages: number;
     baseUrl?: string;
     homeHref?: string;
+    linkBasePath?: string;
     locale?: Locale;
     dateLocale?: string;
 };
-export declare function CategoryListView({ category, posts, totalPages, baseUrl, homeHref, locale, dateLocale, }: CategoryListViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function CategoryListView({ category, posts, totalPages, baseUrl, homeHref, linkBasePath, locale, dateLocale, }: CategoryListViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/CategoryListView/index.js

@@ -5,7 +5,7 @@ import styles from "./index.module.css";
 import { getCountLabel, getEmptyLabel, getPaginatorBase } from "./index.utils";
 import { Breadcrumbs } from "../../components";
 import { getTranslator } from "../../utils";
-export function CategoryListView({ category, posts, totalPages, baseUrl, homeHref = "/", locale, dateLocale = "en-US", }) {
+export function CategoryListView({ category, posts, totalPages, baseUrl, homeHref = "/", linkBasePath, locale, dateLocale = "en-US", }) {
     const paginatorBase = getPaginatorBase(category, baseUrl);
     const countLabel = getCountLabel(category, locale);
     const emptyLabel = getEmptyLabel(locale);
@@ -13,5 +13,5 @@ export function CategoryListView({ category, posts, totalPages, baseUrl, homeHre
     return (_jsxs("div", { className: `container ${styles.container}`, children: [_jsxs("header", { className: styles.header, children: [_jsx(Breadcrumbs, { items: [
                             { label: "Home", href: homeHref },
                             { label: category.name },
-                        ] }), _jsx("h1", { className: styles.title, children: category.name }), category.description && (_jsx("div", { className: styles.description, dangerouslySetInnerHTML: { __html: category.description } })), countLabel && _jsx("p", { className: styles.count, children: countLabel })] }), posts.length === 0 ? (_jsx("p", { className: styles.empty, children: emptyLabel })) : (_jsxs("section", { "aria-label": t("home.title"), className: styles.gridSection, children: [_jsx("div", { className: styles.grid, children: posts.map((post) => (_jsx(PostCard, { post: post, categorySlug: category.slug, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: 1, totalPages: totalPages, baseUrl: paginatorBase, locale: locale })] }))] }));
+                        ] }), _jsx("h1", { className: styles.title, children: category.name }), category.description && (_jsx("div", { className: styles.description, dangerouslySetInnerHTML: { __html: category.description } })), countLabel && _jsx("p", { className: styles.count, children: countLabel })] }), posts.length === 0 ? (_jsx("p", { className: styles.empty, children: emptyLabel })) : (_jsxs("section", { "aria-label": t("home.title"), className: styles.gridSection, children: [_jsx("div", { className: styles.grid, children: posts.map((post) => (_jsx(PostCard, { post: post, categorySlug: category.slug, basePath: linkBasePath, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: 1, totalPages: totalPages, baseUrl: paginatorBase, locale: locale })] }))] }));
 }

package/dist/views/CategoryPaginationView/index.d.ts

@@ -6,8 +6,9 @@ type CategoryPaginationViewProps = {
     currentPage: number;
     totalPages: number;
     baseUrl?: string;
+    linkBasePath?: string;
     locale?: Locale;
     dateLocale?: string;
 };
-export declare function CategoryPaginationView({ category, posts, currentPage, totalPages, baseUrl, locale, dateLocale, }: CategoryPaginationViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function CategoryPaginationView({ category, posts, currentPage, totalPages, baseUrl, linkBasePath, locale, dateLocale, }: CategoryPaginationViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/CategoryPaginationView/index.js

@@ -5,7 +5,7 @@ import styles from "./index.module.css";
 import { getEmptyLabel, getPageLabel, getPaginatorBase } from "./index.utils";
 import { Breadcrumbs } from "../../components";
 import { getTranslator } from "../../utils";
-export function CategoryPaginationView({ category, posts, currentPage, totalPages, baseUrl, locale, dateLocale = "en-US", }) {
+export function CategoryPaginationView({ category, posts, currentPage, totalPages, baseUrl, linkBasePath, locale, dateLocale = "en-US", }) {
     const paginatorBase = getPaginatorBase(category, baseUrl);
     const pageLabel = getPageLabel(locale, currentPage);
     const emptyLabel = getEmptyLabel(locale);
@@ -14,5 +14,5 @@ export function CategoryPaginationView({ category, posts, currentPage, totalPage
                             { label: "Home", href: paginatorBase || "/" },
                             { label: category.name },
                             { label: pageLabel },
-                        ] }), _jsx("h1", { className: styles.title, children: category.name }), _jsx("p", { className: styles.pageLabel, children: pageLabel })] }), posts.length === 0 ? (_jsx("p", { className: styles.empty, children: emptyLabel })) : (_jsxs("section", { "aria-label": t("category.pageLabel", { page: currentPage }), className: styles.gridSection, children: [_jsx("div", { className: styles.grid, children: posts.map((post) => (_jsx(PostCard, { post: post, categorySlug: category.slug, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: currentPage, totalPages: totalPages, baseUrl: paginatorBase, locale: locale })] }))] }));
+                        ] }), _jsx("h1", { className: styles.title, children: category.name }), _jsx("p", { className: styles.pageLabel, children: pageLabel })] }), posts.length === 0 ? (_jsx("p", { className: styles.empty, children: emptyLabel })) : (_jsxs("section", { "aria-label": t("category.pageLabel", { page: currentPage }), className: styles.gridSection, children: [_jsx("div", { className: styles.grid, children: posts.map((post) => (_jsx(PostCard, { post: post, categorySlug: category.slug, basePath: linkBasePath, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: currentPage, totalPages: totalPages, baseUrl: paginatorBase, locale: locale })] }))] }));
 }

package/dist/views/HomePaginationView/index.d.ts

@@ -6,8 +6,9 @@ type HomePaginationViewProps = {
     totalPages: number;
     error?: string | null;
     baseUrl?: string;
+    linkBasePath?: string;
     locale?: Locale;
     dateLocale?: string;
 };
-export declare function HomePaginationView({ posts, currentPage, totalPages, error, baseUrl, locale, dateLocale, }: HomePaginationViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function HomePaginationView({ posts, currentPage, totalPages, error, baseUrl, linkBasePath, locale, dateLocale, }: HomePaginationViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/HomePaginationView/index.js

@@ -3,7 +3,7 @@ import Paginator from "../../components/Paginator";
 import PostCard from "../../components/PostCard";
 import styles from "./index.module.css";
 import { buildHomePaginationCopy } from "./index.utils";
-export function HomePaginationView({ posts, currentPage, totalPages, error, baseUrl = "", locale, dateLocale = "en-US", }) {
+export function HomePaginationView({ posts, currentPage, totalPages, error, baseUrl = "", linkBasePath, locale, dateLocale = "en-US", }) {
     const copy = buildHomePaginationCopy(locale, currentPage, error);
-    return (_jsxs("div", { className: `container ${styles.container}`, children: [_jsxs("header", { className: styles.header, children: [_jsx("h1", { className: styles.title, children: copy.title }), _jsx("p", { className: styles.subtitle, children: copy.subtitle })] }), error ? (_jsx("div", { className: `card ${styles.errorCard}`, children: copy.errorText && _jsx("p", { children: copy.errorText }) })) : posts.length === 0 ? (_jsx("p", { className: styles.empty, children: copy.empty })) : (_jsxs("section", { "aria-label": copy.title, className: styles.gridSection, role: "region", children: [_jsx("div", { className: styles.grid, children: posts.map((post) => (_jsx(PostCard, { post: post, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: currentPage, totalPages: totalPages, baseUrl: baseUrl, locale: locale })] }))] }));
+    return (_jsxs("div", { className: `container ${styles.container}`, children: [_jsxs("header", { className: styles.header, children: [_jsx("h1", { className: styles.title, children: copy.title }), _jsx("p", { className: styles.subtitle, children: copy.subtitle })] }), error ? (_jsx("div", { className: `card ${styles.errorCard}`, children: copy.errorText && _jsx("p", { children: copy.errorText }) })) : posts.length === 0 ? (_jsx("p", { className: styles.empty, children: copy.empty })) : (_jsxs("section", { "aria-label": copy.title, className: styles.gridSection, role: "region", children: [_jsx("div", { className: styles.grid, children: posts.map((post) => (_jsx(PostCard, { post: post, basePath: linkBasePath, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: currentPage, totalPages: totalPages, baseUrl: baseUrl, locale: locale })] }))] }));
 }

package/dist/views/HomeView/index.d.ts

@@ -6,8 +6,9 @@ type HomeViewProps = {
     error?: string | null;
     totalPages: number;
     baseUrl?: string;
+    linkBasePath?: string;
     locale?: Locale;
     dateLocale?: string;
 };
-export declare function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl, locale, dateLocale, }: HomeViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl, linkBasePath, locale, dateLocale, }: HomeViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/HomeView/index.js

@@ -9,10 +9,10 @@ function truncateLabel(label, max = 20) {
     const trimmed = label.trim();
     return trimmed.length > max ? `${trimmed.slice(0, max)}...` : trimmed;
 }
-export function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl = "", locale, dateLocale = "en-US", }) {
+export function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl = "", linkBasePath, locale, dateLocale = "en-US", }) {
     const copy = getHomeCopy(locale);
     const featuredModel = featuredPost
-        ? buildFeaturedViewModel(featuredPost, locale, dateLocale)
+        ? buildFeaturedViewModel(featuredPost, locale, dateLocale, linkBasePath)
         : null;
     return (_jsx("div", { className: `container ${styles.container}`, children: error ? (_jsxs("div", { className: styles.errorBox, children: [_jsxs("p", { children: [copy.errorTitle, ": ", error] }), _jsx("p", { className: styles.errorHint, children: copy.errorHint })] })) : !featuredModel && regularPosts.length === 0 ? (_jsx("p", { className: styles.empty, children: copy.empty })) : (_jsxs(_Fragment, { children: [featuredModel && (_jsxs("article", { className: `card ${styles.featured} ${featuredModel.image
                         ? styles.featuredWithImage
@@ -21,5 +21,5 @@ export function HomeView({ featuredPost, regularPosts, error, totalPages, baseUr
                                             __html: featuredModel.titleHtml,
                                         }, className: styles.featuredTitle }) }), _jsx("div", { dangerouslySetInnerHTML: {
                                         __html: featuredModel.excerptHtml,
-                                    }, className: `text-muted ${styles.featuredExcerpt}` }), _jsx("time", { dateTime: featuredModel.dateTime, className: `text-muted ${styles.featuredDate}`, children: featuredModel.dateLabel })] })] })), _jsx("section", { className: styles.postsGrid, "aria-label": copy.title, role: "region", children: regularPosts.map((post) => (_jsx(PostCard, { post: post, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: 1, totalPages: totalPages, baseUrl: baseUrl, locale: locale })] })) }));
+                                    }, className: `text-muted ${styles.featuredExcerpt}` }), _jsx("time", { dateTime: featuredModel.dateTime, className: `text-muted ${styles.featuredDate}`, children: featuredModel.dateLabel })] })] })), _jsx("section", { className: styles.postsGrid, "aria-label": copy.title, role: "region", children: regularPosts.map((post) => (_jsx(PostCard, { post: post, basePath: linkBasePath, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: 1, totalPages: totalPages, baseUrl: baseUrl, locale: locale })] })) }));
 }

package/dist/views/HomeView/index.utils.d.ts

@@ -20,4 +20,4 @@ export type FeaturedViewModel = {
         alt: string;
     } | undefined;
 };
-export declare const buildFeaturedViewModel: (post: WPPost, locale?: Locale, dateLocale?: string) => FeaturedViewModel;
+export declare const buildFeaturedViewModel: (post: WPPost, locale?: Locale, dateLocale?: string, basePath?: string) => FeaturedViewModel;

package/dist/views/HomeView/index.utils.js

@@ -9,7 +9,7 @@ export const getHomeCopy = (locale) => {
         errorHint: t("home.errorHint"),
     };
 };
-export const buildFeaturedViewModel = (post, locale, dateLocale = "en-US") => {
+export const buildFeaturedViewModel = (post, locale, dateLocale = "en-US", basePath) => {
     const t = getTranslator(locale);
     const featuredMedia = getFeaturedMedia(post);
     const imageUrl = featuredMedia?.source_url;
@@ -19,9 +19,10 @@ export const buildFeaturedViewModel = (post, locale, dateLocale = "en-US") => {
         post,
         categorySlug: primaryCategory?.slug,
         locale,
+        basePath,
     });
     const badgeUrl = primaryCategory
-        ? buildCategoryUrl(primaryCategory.slug, locale)
+        ? buildCategoryUrl(primaryCategory.slug, locale, basePath)
         : null;
     return {
         postUrl,

package/dist/views/PostView/index.d.ts

@@ -6,6 +6,7 @@ type PostViewProps = {
     categoryBasePath?: string;
     locale?: Locale;
     authorDescription?: string | null;
+    disclaimer?: string;
 };
-export declare function PostView({ post, dateLocale, categoryBasePath, locale, authorDescription, }: PostViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostView({ post, dateLocale, categoryBasePath, locale, authorDescription, disclaimer, }: PostViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/PostView/index.js

@@ -9,7 +9,7 @@ function truncateLabel(label, max = 20) {
     const trimmed = label.trim();
     return trimmed.length > max ? `${trimmed.slice(0, max)}...` : trimmed;
 }
-export function PostView({ post, dateLocale = "en-US", categoryBasePath = "/", locale, authorDescription, }) {
+export function PostView({ post, dateLocale = "en-US", categoryBasePath = "/", locale, authorDescription, disclaimer, }) {
     const t = getTranslator(locale);
     const author = getAuthor(post);
     const authorBio = authorDescription ?? author?.description;
@@ -27,5 +27,5 @@ export function PostView({ post, dateLocale = "en-US", categoryBasePath = "/", l
             { label: "Home", href: categoryBasePath },
             { label: stripTags(post.title.rendered) || post.title.rendered },
         ];
-    return (_jsx("div", { className: `container ${styles.container}`, children: _jsxs("article", { className: styles.article, children: [_jsx(Breadcrumbs, { items: breadcrumbs }), _jsx("header", { className: styles.postHeader, children: _jsx("h1", { dangerouslySetInnerHTML: { __html: post.title.rendered }, className: styles.title }) }), featuredImage && (_jsxs("figure", { className: styles.figure, children: [primaryCategory && (_jsx("div", { className: styles.badgeOverlay, children: categoryUrl ? (_jsx("a", { href: categoryUrl, className: "badge", title: primaryCategory.name, children: truncateLabel(primaryCategory.name, 20) })) : (_jsx("span", { className: "badge", title: primaryCategory.name, children: truncateLabel(primaryCategory.name, 20) })) })), _jsx(Image, { src: featuredImage.src, alt: featuredImage.alt, width: featuredImage.width, height: featuredImage.height, className: styles.image, priority: true, sizes: "(max-width: 900px) 100vw, 900px" })] })), _jsxs("div", { className: styles.meta, children: [author && (_jsx("span", { className: styles.authorLabel, children: t("post.authorPrefix", { name: author.name }) })), _jsx("span", { children: "\u2022" }), _jsx("time", { dateTime: post.date, children: publishedDate })] }), _jsx("div", { dangerouslySetInnerHTML: { __html: post.content.rendered }, className: `post-content ${styles.content}` }), author && (_jsx("aside", { className: `card ${styles.authorCard}`, children: _jsxs("address", { className: styles.authorAddress, children: [_jsx("strong", { className: styles.authorName, children: author.name }), authorBio && (_jsx("p", { className: styles.authorBio, children: authorBio }))] }) }))] }) }));
+    return (_jsx("div", { className: `container ${styles.container}`, children: _jsxs("article", { className: styles.article, children: [_jsx(Breadcrumbs, { items: breadcrumbs }), _jsx("header", { className: styles.postHeader, children: _jsx("h1", { dangerouslySetInnerHTML: { __html: post.title.rendered }, className: styles.title }) }), featuredImage && (_jsxs("figure", { className: styles.figure, children: [primaryCategory && (_jsx("div", { className: styles.badgeOverlay, children: categoryUrl ? (_jsx("a", { href: categoryUrl, className: "badge", title: primaryCategory.name, children: truncateLabel(primaryCategory.name, 20) })) : (_jsx("span", { className: "badge", title: primaryCategory.name, children: truncateLabel(primaryCategory.name, 20) })) })), _jsx(Image, { src: featuredImage.src, alt: featuredImage.alt, width: featuredImage.width, height: featuredImage.height, className: styles.image, priority: true, sizes: "(max-width: 900px) 100vw, 900px" })] })), _jsxs("div", { className: styles.meta, children: [author && (_jsx("span", { className: styles.authorLabel, children: t("post.authorPrefix", { name: author.name }) })), _jsx("span", { children: "\u2022" }), _jsx("time", { dateTime: post.date, children: publishedDate })] }), _jsx("div", { dangerouslySetInnerHTML: { __html: post.content.rendered }, className: `post-content ${styles.content}` }), disclaimer && (_jsx("div", { className: styles.disclaimer, role: "note", children: disclaimer })), author && (_jsx("aside", { className: `card ${styles.authorCard}`, children: _jsxs("address", { className: styles.authorAddress, children: [_jsx("strong", { className: styles.authorName, children: author.name }), authorBio && (_jsx("p", { className: styles.authorBio, children: authorBio }))] }) }))] }) }));
 }

package/dist/views/PostView/index.module.css

@@ -62,6 +62,18 @@
   color: var(--foreground);
 }
 
+.disclaimer {
+  margin-top: var(--spacing-md);
+  padding: 0.9rem 1.1rem;
+  border-radius: 10px;
+  border: 1px dashed var(--border);
+  background: #f1f5f9;
+  color: var(--foreground-light);
+  font-size: 0.95rem;
+  line-height: 1.6;
+  font-style: italic;
+}
+
 .authorCard {
   margin-top: var(--spacing-lg);
   margin-left: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wpheadless-lib",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "private": false,
   "type": "module",
   "main": "dist/index.js",