@dsaplatform/content-sdk 1.1.0 → 1.3.0

package/dist/index.js

@@ -1,3 +1,26 @@
 "use client";
-"use strict";var j=Object.create;var P=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty;var J=(e,t)=>{for(var r in t)P(e,r,{get:t[r],enumerable:!0})},I=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of O(t))!G.call(e,i)&&i!==r&&P(e,i,{get:()=>t[i],enumerable:!(o=W(t,i))||o.enumerable});return e};var Q=(e,t,r)=>(r=e!=null?j(K(e)):{},I(t||!e||!e.__esModule?P(r,"default",{value:e,enumerable:!0}):r,e)),X=e=>I(P({},"__esModule",{value:!0}),e);var ee={};J(ee,{ArticleFeed:()=>v,ArticlePage:()=>k,ContentClient:()=>b,DsaContentProvider:()=>L,FaqBlock:()=>x,RelatedArticles:()=>R,SeoMetaBridge:()=>q,generateArticleMetadata:()=>F,useArticle:()=>U,useArticles:()=>E,useCategories:()=>B,useDsaContent:()=>_,useRelatedArticles:()=>z});module.exports=X(ee);var b=class{constructor(t){this.apiUrl=t.apiUrl.replace(/\/+$/,""),this.apiKey=t.apiKey,this.cacheStrategy=t.cacheStrategy==="revalidate"?"default":t.cacheStrategy==="force-cache"?"force-cache":"no-cache",this.revalidateSeconds=t.revalidateSeconds}async request(t,r){let o=new URL(`${this.apiUrl}${t}`);r&&Object.entries(r).forEach(([n,p])=>{p!=null&&p!==""&&o.searchParams.set(n,String(p))}),o.searchParams.set("site_key",this.apiKey);let i={method:"GET",headers:{"X-API-Key":this.apiKey},cache:this.cacheStrategy};this.revalidateSeconds&&this.cacheStrategy!=="no-cache"&&(i.next={revalidate:this.revalidateSeconds});let a=await fetch(o.toString(),i);if(!a.ok){let n=await a.text().catch(()=>"");throw new Error(`DSA Content API error ${a.status}: ${n||a.statusText}`)}return a.json()}normalizeArticle(t){return{...t,headings:t.headings??[],faq:t.faq??[],internal_links:t.internal_links??[],secondary_keywords:t.secondary_keywords??[],schema_json:t.schema_json??null,content_json:t.content_json??null}}async getArticles(t){let r=await this.request("/api/public/articles",{page:t?.page,per_page:t?.per_page,pillar:t?.pillar,cluster:t?.cluster,content_type:t?.content_type,search:t?.search});return{items:r.items??r.data??[],total:r.total??0,page:r.page??1,per_page:r.per_page??20,total_pages:r.total_pages??r.pages??1}}async getArticleBySlug(t){let r=await this.request(`/api/public/articles/${encodeURIComponent(t)}`);return this.normalizeArticle(r)}async getRelatedArticles(t,r=3){let o=await this.request(`/api/public/articles/${encodeURIComponent(t)}/related`,{limit:r});return o.items??(Array.isArray(o)?o:[])}async getCategories(){let t=await this.request("/api/public/categories");return t.items??(Array.isArray(t)?t:[])}async getSitemap(){let t=await this.request("/api/public/sitemap");return t.items??(Array.isArray(t)?t:[])}};var C=require("react");var D=require("react/jsx-runtime"),T=(0,C.createContext)(null);function L({config:e,children:t}){let r=(0,C.useMemo)(()=>new b(e),[e.apiUrl,e.apiKey]);return(0,D.jsx)(T.Provider,{value:r,children:t})}function _(){let e=(0,C.useContext)(T);if(!e)throw new Error("useDsaContent() must be used inside <DsaContentProvider>");return e}var l=require("react");function E(e){let t=_(),[r,o]=(0,l.useState)({articles:[],loading:!0,error:null,pagination:{page:1,per_page:10,total:0,total_pages:0}}),i=(0,l.useCallback)(()=>{o(a=>({...a,loading:!0,error:null})),t.getArticles(e).then(a=>o({articles:a.items,loading:!1,error:null,pagination:{page:a.page,per_page:a.per_page,total:a.total,total_pages:a.total_pages}})).catch(a=>o(n=>({...n,loading:!1,error:a instanceof Error?a:new Error(String(a))})))},[t,e?.page,e?.per_page,e?.pillar,e?.cluster,e?.content_type,e?.search]);return(0,l.useEffect)(()=>{i()},[i]),{...r,refetch:i}}function U(e){let t=_(),[r,o]=(0,l.useState)({article:null,loading:!0,error:null}),i=(0,l.useCallback)(()=>{if(!e){o({article:null,loading:!1,error:null});return}o(a=>({...a,loading:!0,error:null})),t.getArticleBySlug(e).then(a=>o({article:a,loading:!1,error:null})).catch(a=>o({article:null,loading:!1,error:a instanceof Error?a:new Error(String(a))}))},[t,e]);return(0,l.useEffect)(()=>{i()},[i]),{...r,refetch:i}}function z(e,t=3){let r=_(),[o,i]=(0,l.useState)({articles:[],loading:!0,error:null}),a=(0,l.useCallback)(()=>{if(!e){i({articles:[],loading:!1,error:null});return}i(n=>({...n,loading:!0,error:null})),r.getRelatedArticles(e,t).then(n=>i({articles:n,loading:!1,error:null})).catch(n=>i({articles:[],loading:!1,error:n instanceof Error?n:new Error(String(n))}))},[r,e,t]);return(0,l.useEffect)(()=>{a()},[a]),{...o,refetch:a}}function B(){let e=_(),[t,r]=(0,l.useState)({categories:[],loading:!0,error:null}),o=(0,l.useCallback)(()=>{r(i=>({...i,loading:!0,error:null})),e.getCategories().then(i=>r({categories:i,loading:!1,error:null})).catch(i=>r({categories:[],loading:!1,error:i instanceof Error?i:new Error(String(i))}))},[e]);return(0,l.useEffect)(()=>{o()},[o]),{...t,refetch:o}}var w=Q(require("react")),c=require("react/jsx-runtime"),g={grid:{display:"grid",gap:"1.5rem"},card:{border:"1px solid #e5e7eb",borderRadius:"0.75rem",overflow:"hidden",background:"#fff",cursor:"pointer",transition:"box-shadow 0.2s"},cardHover:{boxShadow:"0 4px 12px rgba(0,0,0,0.08)"},image:{width:"100%",height:"200px",objectFit:"cover",display:"block"},body:{padding:"1.25rem"},title:{margin:"0 0 0.5rem",fontSize:"1.125rem",fontWeight:600,lineHeight:1.3,color:"#111827"},excerpt:{margin:"0 0 0.75rem",fontSize:"0.875rem",color:"#6b7280",lineHeight:1.5},meta:{display:"flex",gap:"0.75rem",fontSize:"0.75rem",color:"#9ca3af",flexWrap:"wrap"},badge:{display:"inline-block",padding:"0.125rem 0.5rem",borderRadius:"9999px",background:"#f3f4f6",fontSize:"0.75rem",color:"#4b5563"},listCard:{display:"flex",border:"1px solid #e5e7eb",borderRadius:"0.75rem",overflow:"hidden",background:"#fff",cursor:"pointer",transition:"box-shadow 0.2s"},listImage:{width:"240px",minHeight:"160px",objectFit:"cover",flexShrink:0},listBody:{padding:"1.25rem",flex:1}};function V({article:e,layout:t,showExcerpt:r,showImage:o,showMeta:i,onClick:a}){let n=t==="grid",[p,f]=w.default.useState(!1);return(0,c.jsxs)("article",{style:{...n?g.card:g.listCard,...p?g.cardHover:{}},onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),onClick:a,role:"link",tabIndex:0,onKeyDown:A=>A.key==="Enter"&&a?.(),children:[o&&e.featured_image_url&&(0,c.jsx)("img",{src:e.featured_image_url,alt:e.featured_image_alt||e.title,style:n?g.image:g.listImage,loading:"lazy"}),(0,c.jsxs)("div",{style:n?g.body:g.listBody,children:[(0,c.jsx)("h3",{style:g.title,children:e.title}),r&&e.excerpt&&(0,c.jsx)("p",{style:g.excerpt,children:e.excerpt}),i&&(0,c.jsxs)("div",{style:g.meta,children:[e.pillar_name&&(0,c.jsx)("span",{style:g.badge,children:e.pillar_name}),e.content_type&&(0,c.jsx)("span",{style:g.badge,children:e.content_type.replace(/_/g," ")}),e.reading_time_minutes&&(0,c.jsxs)("span",{children:[e.reading_time_minutes," min read"]}),e.published_at&&(0,c.jsx)("span",{children:new Date(e.published_at).toLocaleDateString()})]})]})]})}function v({articles:e,layout:t="grid",columns:r=3,showExcerpt:o=!0,showImage:i=!0,showMeta:a=!0,onArticleClick:n,className:p,renderArticle:f}){let A=t==="grid"?`repeat(${r}, 1fr)`:"1fr";return(0,c.jsx)("div",{className:p,style:{...g.grid,gridTemplateColumns:A},children:e.map(S=>f?(0,c.jsx)(w.default.Fragment,{children:f(S)},S.id):(0,c.jsx)(V,{article:S,layout:t,showExcerpt:o,showImage:i,showMeta:a,onClick:()=>n?.(S.slug)},S.id))})}var H=require("react"),d=require("react/jsx-runtime"),y={wrapper:{marginTop:"1rem"},title:{fontSize:"1.5rem",fontWeight:700,color:"#111827",margin:"0 0 1rem"},item:{borderBottom:"1px solid #e5e7eb",padding:"0.75rem 0"},question:{display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",background:"none",border:"none",width:"100%",textAlign:"left",padding:"0.5rem 0",fontSize:"1rem",fontWeight:600,color:"#1f2937",fontFamily:"inherit"},questionStatic:{fontSize:"1rem",fontWeight:600,color:"#1f2937",margin:"0 0 0.5rem"},chevron:{flexShrink:0,marginLeft:"1rem",transition:"transform 0.2s",fontSize:"1.25rem",color:"#9ca3af"},answer:{fontSize:"0.9375rem",color:"#4b5563",lineHeight:1.6,paddingTop:"0.5rem"}};function Y({item:e,collapsible:t,defaultOpen:r}){let[o,i]=(0,H.useState)(r);return t?(0,d.jsxs)("div",{style:y.item,children:[(0,d.jsxs)("button",{style:y.question,onClick:()=>i(!o),"aria-expanded":o,children:[(0,d.jsx)("span",{children:e.question}),(0,d.jsx)("span",{style:{...y.chevron,transform:o?"rotate(180deg)":"rotate(0deg)"},children:"\u25BC"})]}),o&&(0,d.jsx)("div",{style:y.answer,children:e.answer})]}):(0,d.jsxs)("div",{style:y.item,children:[(0,d.jsx)("p",{style:y.questionStatic,children:e.question}),(0,d.jsx)("div",{style:y.answer,children:e.answer})]})}function x({items:e,collapsible:t=!0,defaultOpen:r=!1,className:o,title:i="Frequently Asked Questions"}){if(!e||e.length===0)return null;let a={"@context":"https://schema.org","@type":"FAQPage",mainEntity:e.map(n=>({"@type":"Question",name:n.question,acceptedAnswer:{"@type":"Answer",text:n.answer}}))};return(0,d.jsxs)("section",{className:o,style:y.wrapper,children:[(0,d.jsx)("h2",{style:y.title,children:i}),e.map((n,p)=>(0,d.jsx)(Y,{item:n,collapsible:t,defaultOpen:r},p)),(0,d.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(a)}})]})}var u=require("react/jsx-runtime"),h={wrapper:{marginTop:"1rem"},title:{fontSize:"1.25rem",fontWeight:700,color:"#111827",margin:"0 0 1rem"},grid:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(250px, 1fr))",gap:"1rem"},card:{border:"1px solid #e5e7eb",borderRadius:"0.5rem",overflow:"hidden",cursor:"pointer",transition:"box-shadow 0.2s",background:"#fff"},image:{width:"100%",height:"140px",objectFit:"cover",display:"block"},body:{padding:"1rem"},cardTitle:{fontSize:"0.9375rem",fontWeight:600,color:"#111827",margin:0,lineHeight:1.3},excerpt:{fontSize:"0.8125rem",color:"#6b7280",marginTop:"0.5rem",lineHeight:1.4}};function R({articles:e,title:t="Related Articles",limit:r=3,onArticleClick:o,className:i}){let a=e.slice(0,r);return a.length===0?null:(0,u.jsxs)("section",{className:i,style:h.wrapper,children:[(0,u.jsx)("h3",{style:h.title,children:t}),(0,u.jsx)("div",{style:h.grid,children:a.map(n=>(0,u.jsxs)("div",{style:h.card,onClick:()=>o?.(n.slug),role:"link",tabIndex:0,onKeyDown:p=>p.key==="Enter"&&o?.(n.slug),children:[n.featured_image_url&&(0,u.jsx)("img",{src:n.featured_image_url,alt:n.featured_image_alt||n.title,style:h.image,loading:"lazy"}),(0,u.jsxs)("div",{style:h.body,children:[(0,u.jsx)("h4",{style:h.cardTitle,children:n.title}),n.excerpt&&(0,u.jsx)("p",{style:h.excerpt,children:n.excerpt})]})]},n.id))})]})}var s=require("react/jsx-runtime"),m={wrapper:{maxWidth:"48rem",margin:"0 auto",fontFamily:"system-ui, -apple-system, sans-serif"},meta:{display:"flex",gap:"1rem",flexWrap:"wrap",fontSize:"0.875rem",color:"#6b7280",marginBottom:"1.5rem"},badge:{display:"inline-block",padding:"0.125rem 0.5rem",borderRadius:"9999px",background:"#eff6ff",color:"#2563eb",fontSize:"0.75rem"},h1:{fontSize:"2.25rem",fontWeight:700,lineHeight:1.2,color:"#111827",margin:"0 0 1rem"},image:{width:"100%",borderRadius:"0.75rem",marginBottom:"2rem"},toc:{background:"#f9fafb",border:"1px solid #e5e7eb",borderRadius:"0.75rem",padding:"1.25rem",marginBottom:"2rem"},tocTitle:{fontSize:"0.875rem",fontWeight:600,color:"#374151",margin:"0 0 0.75rem",textTransform:"uppercase",letterSpacing:"0.05em"},tocList:{listStyle:"none",padding:0,margin:0},tocItem:{padding:"0.25rem 0"},tocLink:{color:"#4b5563",textDecoration:"none",fontSize:"0.875rem"},content:{lineHeight:1.75,color:"#374151",fontSize:"1.0625rem"},divider:{border:"none",borderTop:"1px solid #e5e7eb",margin:"2.5rem 0"}};function Z({headings:e}){return!e||e.length===0?null:(0,s.jsxs)("nav",{style:m.toc,children:[(0,s.jsx)("p",{style:m.tocTitle,children:"Table of Contents"}),(0,s.jsx)("ul",{style:m.tocList,children:e.map((t,r)=>(0,s.jsx)("li",{style:{...m.tocItem,paddingLeft:`${(t.level-2)*1}rem`},children:(0,s.jsx)("a",{href:`#${t.id}`,style:m.tocLink,children:t.text})},r))})]})}function k({article:e,showFaq:t=!0,showTableOfContents:r=!0,showMeta:o=!0,showRelated:i=!1,relatedArticles:a,onRelatedClick:n,className:p,components:f}){let A=f?.H1||(({children:N})=>(0,s.jsx)("h1",{style:m.h1,children:N})),S=f?.Toc||Z,$=f?.Faq||x;return(0,s.jsxs)("article",{className:p,style:m.wrapper,children:[o&&(0,s.jsxs)("div",{style:m.meta,children:[e.pillar_name&&(0,s.jsx)("span",{style:m.badge,children:e.pillar_name}),e.content_type&&(0,s.jsx)("span",{style:{...m.badge,background:"#f0fdf4",color:"#16a34a"},children:e.content_type.replace(/_/g," ")}),e.reading_time_minutes&&(0,s.jsxs)("span",{children:[e.reading_time_minutes," min read"]}),e.published_at&&(0,s.jsx)("span",{children:new Date(e.published_at).toLocaleDateString()})]}),(0,s.jsx)(A,{children:e.h1||e.title}),e.featured_image_url&&(0,s.jsx)("img",{src:e.featured_image_url,alt:e.featured_image_alt||e.title,style:m.image}),r&&e.headings?.length>0&&(0,s.jsx)(S,{headings:e.headings}),(0,s.jsx)("div",{style:m.content,dangerouslySetInnerHTML:{__html:e.content_html}}),t&&e.faq?.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("hr",{style:m.divider}),(0,s.jsx)($,{items:e.faq})]}),e.schema_json&&(0,s.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(e.schema_json)}}),i&&a&&a.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("hr",{style:m.divider}),(0,s.jsx)(R,{articles:a,onArticleClick:n})]})]})}var M=require("react/jsx-runtime");function F(e,t){let r=t?`${t.replace(/\/+$/,"")}/blog/${e.slug}`:void 0;return{title:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",openGraph:{title:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",type:"article",publishedTime:e.published_at||void 0,modifiedTime:e.updated_at||void 0,...r?{url:r}:{},...e.featured_image_url?{images:[{url:e.featured_image_url,alt:e.featured_image_alt||e.title}]}:{}},twitter:{card:"summary_large_image",title:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",...e.featured_image_url?{images:[e.featured_image_url]}:{}},...e.canonical_url?{alternates:{canonical:e.canonical_url}}:r?{alternates:{canonical:r}}:{}}}function q({article:e,siteUrl:t}){let r=e.schema_json||{"@context":"https://schema.org","@type":"Article",headline:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",datePublished:e.published_at||void 0,dateModified:e.updated_at||e.published_at||void 0,...e.featured_image_url?{image:e.featured_image_url}:{},...t?{url:`${t.replace(/\/+$/,"")}/blog/${e.slug}`}:{},...e.target_keyword?{keywords:[e.target_keyword,...e.secondary_keywords||[]].join(", ")}:{}};return(0,M.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(r)}})}0&&(module.exports={ArticleFeed,ArticlePage,ContentClient,DsaContentProvider,FaqBlock,RelatedArticles,SeoMetaBridge,generateArticleMetadata,useArticle,useArticles,useCategories,useDsaContent,useRelatedArticles});
+"use strict";var G=Object.create;var S=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var X=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty;var Z=(e,t)=>{for(var a in t)S(e,a,{get:t[a],enumerable:!0})},F=(e,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Q(t))!Y.call(e,o)&&o!==a&&S(e,o,{get:()=>t[o],enumerable:!(s=J(t,o))||s.enumerable});return e};var I=(e,t,a)=>(a=e!=null?G(X(e)):{},F(t||!e||!e.__esModule?S(a,"default",{value:e,enumerable:!0}):a,e)),ee=e=>F(S({},"__esModule",{value:!0}),e);var pe={};Z(pe,{ArticleFeed:()=>w,ArticlePage:()=>R,ContentClient:()=>b,DsaContentProvider:()=>N,FaqBlock:()=>_,RelatedArticles:()=>A,SeoMetaBridge:()=>q,generateArticleMetadata:()=>P,useArticle:()=>E,useArticles:()=>L,useCategories:()=>U,useDsaContent:()=>h,useRelatedArticles:()=>D});module.exports=ee(pe);var b=class{constructor(t){this.apiUrl=t.apiUrl.replace(/\/+$/,""),this.apiKey=t.apiKey,this.cacheStrategy=t.cacheStrategy==="revalidate"?"default":t.cacheStrategy==="force-cache"?"force-cache":"no-cache",this.revalidateSeconds=t.revalidateSeconds}async request(t,a){let s=new URL(`${this.apiUrl}${t}`);a&&Object.entries(a).forEach(([n,m])=>{m!=null&&m!==""&&s.searchParams.set(n,String(m))}),s.searchParams.set("site_key",this.apiKey);let o={method:"GET",headers:{"X-API-Key":this.apiKey},cache:this.cacheStrategy};this.revalidateSeconds&&this.cacheStrategy!=="no-cache"&&(o.next={revalidate:this.revalidateSeconds});let r=await fetch(s.toString(),o);if(!r.ok){let n=await r.text().catch(()=>"");throw new Error(`DSA Content API error ${r.status}: ${n||r.statusText}`)}return r.json()}normalizeArticle(t){return{...t,headings:t.headings??[],faq:t.faq??[],internal_links:t.internal_links??[],secondary_keywords:t.secondary_keywords??[],schema_json:t.schema_json??null,content_json:t.content_json??null}}async getArticles(t){let a=await this.request("/api/public/articles",{page:t?.page,per_page:t?.per_page,pillar:t?.pillar,cluster:t?.cluster,content_type:t?.content_type,search:t?.search});return{items:a.items??a.data??[],total:a.total??0,page:a.page??1,per_page:a.per_page??20,total_pages:a.total_pages??a.pages??1}}async getArticleBySlug(t){let a=await this.request(`/api/public/articles/${encodeURIComponent(t)}`);return this.normalizeArticle(a)}async getRelatedArticles(t,a=3){let s=await this.request(`/api/public/articles/${encodeURIComponent(t)}/related`,{limit:a});return s.items??(Array.isArray(s)?s:[])}async getCategories(){let t=await this.request("/api/public/categories");return t.items??(Array.isArray(t)?t:[])}async getSitemap(){let t=await this.request("/api/public/sitemap");return t.items??(Array.isArray(t)?t:[])}};var y=require("react");var z=require("react/jsx-runtime"),T=(0,y.createContext)(null);function N({config:e,children:t}){let a=(0,y.useMemo)(()=>new b(e),[e.apiUrl,e.apiKey]);return(0,z.jsx)(T.Provider,{value:a,children:t})}function h(){let e=(0,y.useContext)(T);if(!e)throw new Error("useDsaContent() must be used inside <DsaContentProvider>");return e}var c=require("react");function L(e){let t=h(),[a,s]=(0,c.useState)({articles:[],loading:!0,error:null,pagination:{page:1,per_page:10,total:0,total_pages:0}}),o=(0,c.useCallback)(()=>{s(r=>({...r,loading:!0,error:null})),t.getArticles(e).then(r=>s({articles:r.items,loading:!1,error:null,pagination:{page:r.page,per_page:r.per_page,total:r.total,total_pages:r.total_pages}})).catch(r=>s(n=>({...n,loading:!1,error:r instanceof Error?r:new Error(String(r))})))},[t,e?.page,e?.per_page,e?.pillar,e?.cluster,e?.content_type,e?.search]);return(0,c.useEffect)(()=>{o()},[o]),{...a,refetch:o}}function E(e){let t=h(),[a,s]=(0,c.useState)({article:null,loading:!0,error:null}),o=(0,c.useCallback)(()=>{if(!e){s({article:null,loading:!1,error:null});return}s(r=>({...r,loading:!0,error:null})),t.getArticleBySlug(e).then(r=>s({article:r,loading:!1,error:null})).catch(r=>s({article:null,loading:!1,error:r instanceof Error?r:new Error(String(r))}))},[t,e]);return(0,c.useEffect)(()=>{o()},[o]),{...a,refetch:o}}function D(e,t=3){let a=h(),[s,o]=(0,c.useState)({articles:[],loading:!0,error:null}),r=(0,c.useCallback)(()=>{if(!e){o({articles:[],loading:!1,error:null});return}o(n=>({...n,loading:!0,error:null})),a.getRelatedArticles(e,t).then(n=>o({articles:n,loading:!1,error:null})).catch(n=>o({articles:[],loading:!1,error:n instanceof Error?n:new Error(String(n))}))},[a,e,t]);return(0,c.useEffect)(()=>{r()},[r]),{...s,refetch:r}}function U(){let e=h(),[t,a]=(0,c.useState)({categories:[],loading:!0,error:null}),s=(0,c.useCallback)(()=>{a(o=>({...o,loading:!0,error:null})),e.getCategories().then(o=>a({categories:o,loading:!1,error:null})).catch(o=>a({categories:[],loading:!1,error:o instanceof Error?o:new Error(String(o))}))},[e]);return(0,c.useEffect)(()=>{s()},[s]),{...t,refetch:s}}var C=I(require("react")),p=require("react/jsx-runtime"),te={light:{"--dsa-text":"#111827","--dsa-text-muted":"#6b7280","--dsa-text-faint":"#9ca3af","--dsa-card-bg":"#fff","--dsa-card-border":"#e5e7eb","--dsa-badge-bg":"#f3f4f6","--dsa-badge-text":"#4b5563","--dsa-hover-shadow":"0 4px 12px rgba(0,0,0,0.08)"},dark:{"--dsa-text":"#f3f4f6","--dsa-text-muted":"#9ca3af","--dsa-text-faint":"#6b7280","--dsa-card-bg":"#1f2937","--dsa-card-border":"#374151","--dsa-badge-bg":"#374151","--dsa-badge-text":"#d1d5db","--dsa-hover-shadow":"0 4px 12px rgba(0,0,0,0.3)"}};function ae({article:e,layout:t,showExcerpt:a,showImage:s,showMeta:o,onClick:r}){let n=t==="grid",[m,d]=C.default.useState(!1),f={...n?{border:"1px solid var(--dsa-card-border)",borderRadius:"0.75rem",overflow:"hidden",background:"var(--dsa-card-bg)",cursor:"pointer",transition:"box-shadow 0.2s"}:{display:"flex",border:"1px solid var(--dsa-card-border)",borderRadius:"0.75rem",overflow:"hidden",background:"var(--dsa-card-bg)",cursor:"pointer",transition:"box-shadow 0.2s"},...m?{boxShadow:"var(--dsa-hover-shadow)"}:{}};return(0,p.jsxs)("article",{style:f,onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onClick:r,role:"link",tabIndex:0,onKeyDown:x=>x.key==="Enter"&&r?.(),children:[s&&e.featured_image_url&&(0,p.jsx)("img",{src:e.featured_image_url,alt:e.featured_image_alt||e.title,style:n?{width:"100%",height:"200px",objectFit:"cover",display:"block"}:{width:"240px",minHeight:"160px",objectFit:"cover",flexShrink:0},loading:"lazy"}),(0,p.jsxs)("div",{style:n?{padding:"1.25rem"}:{padding:"1.25rem",flex:1},children:[(0,p.jsx)("h3",{style:{margin:"0 0 0.5rem",fontSize:"1.125rem",fontWeight:600,lineHeight:1.3,color:"var(--dsa-text)"},children:e.title}),a&&e.excerpt&&(0,p.jsx)("p",{style:{margin:"0 0 0.75rem",fontSize:"0.875rem",color:"var(--dsa-text-muted)",lineHeight:1.5},children:e.excerpt}),o&&(0,p.jsxs)("div",{style:{display:"flex",gap:"0.75rem",fontSize:"0.75rem",color:"var(--dsa-text-faint)",flexWrap:"wrap"},children:[e.pillar_name&&(0,p.jsx)("span",{style:{display:"inline-block",padding:"0.125rem 0.5rem",borderRadius:"9999px",background:"var(--dsa-badge-bg)",fontSize:"0.75rem",color:"var(--dsa-badge-text)"},children:e.pillar_name}),e.content_type&&(0,p.jsx)("span",{style:{display:"inline-block",padding:"0.125rem 0.5rem",borderRadius:"9999px",background:"var(--dsa-badge-bg)",fontSize:"0.75rem",color:"var(--dsa-badge-text)"},children:e.content_type.replace(/_/g," ")}),e.reading_time_minutes&&(0,p.jsxs)("span",{children:[e.reading_time_minutes," min read"]}),e.published_at&&(0,p.jsx)("span",{children:new Date(e.published_at).toLocaleDateString()})]})]})]})}function w({articles:e,layout:t="grid",columns:a=3,showExcerpt:s=!0,showImage:o=!0,showMeta:r=!0,onArticleClick:n,className:m,theme:d="light",renderArticle:f}){let x=t==="grid"?`repeat(${a}, 1fr)`:"1fr",v=d!=="inherit"?te[d]:{};return(0,p.jsx)("div",{className:m,style:{display:"grid",gap:"1.5rem",gridTemplateColumns:x,...v},children:(e??[]).map(l=>f?(0,p.jsx)(C.default.Fragment,{children:f(l)},l.id):(0,p.jsx)(ae,{article:l,layout:t,showExcerpt:s,showImage:o,showMeta:r,onClick:()=>n?.(l.slug)},l.id))})}var M=I(require("react"));var B=require("react"),g=require("react/jsx-runtime"),re={light:{"--dsa-text":"#111827","--dsa-text-muted":"#4b5563","--dsa-text-faint":"#9ca3af","--dsa-divider":"#e5e7eb"},dark:{"--dsa-text":"#f3f4f6","--dsa-text-muted":"#d1d5db","--dsa-text-faint":"#6b7280","--dsa-divider":"#374151"}};function se({item:e,collapsible:t,defaultOpen:a}){let[s,o]=(0,B.useState)(a);return t?(0,g.jsxs)("div",{style:{borderBottom:"1px solid var(--dsa-divider)",padding:"0.75rem 0"},children:[(0,g.jsxs)("button",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",background:"none",border:"none",width:"100%",textAlign:"left",padding:"0.5rem 0",fontSize:"1rem",fontWeight:600,color:"var(--dsa-text)",fontFamily:"inherit"},onClick:()=>o(!s),"aria-expanded":s,children:[(0,g.jsx)("span",{children:e.question}),(0,g.jsx)("span",{style:{flexShrink:0,marginLeft:"1rem",transition:"transform 0.2s",fontSize:"1.25rem",color:"var(--dsa-text-faint)",transform:s?"rotate(180deg)":"rotate(0deg)"},children:"\u25BC"})]}),s&&(0,g.jsx)("div",{style:{fontSize:"0.9375rem",color:"var(--dsa-text-muted)",lineHeight:1.6,paddingTop:"0.5rem"},children:e.answer})]}):(0,g.jsxs)("div",{style:{borderBottom:"1px solid var(--dsa-divider)",padding:"0.75rem 0"},children:[(0,g.jsx)("p",{style:{fontSize:"1rem",fontWeight:600,color:"var(--dsa-text)",margin:"0 0 0.5rem"},children:e.question}),(0,g.jsx)("div",{style:{fontSize:"0.9375rem",color:"var(--dsa-text-muted)",lineHeight:1.6},children:e.answer})]})}function _({items:e,collapsible:t=!0,defaultOpen:a=!1,className:s,title:o="Frequently Asked Questions",theme:r="light"}){if(!e||e.length===0)return null;let n=r!=="inherit"?re[r]:{},m={"@context":"https://schema.org","@type":"FAQPage",mainEntity:e.map(d=>({"@type":"Question",name:d.question,acceptedAnswer:{"@type":"Answer",text:d.answer}}))};return(0,g.jsxs)("section",{className:s,style:{marginTop:"1rem",...n},children:[(0,g.jsx)("h2",{style:{fontSize:"1.5rem",fontWeight:700,color:"var(--dsa-text)",margin:"0 0 1rem"},children:o}),e.map((d,f)=>(0,g.jsx)(se,{item:d,collapsible:t,defaultOpen:a},f)),(0,g.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(m)}})]})}var u=require("react/jsx-runtime"),oe={light:{"--dsa-text":"#111827","--dsa-text-muted":"#6b7280","--dsa-card-bg":"#fff","--dsa-card-border":"#e5e7eb"},dark:{"--dsa-text":"#f3f4f6","--dsa-text-muted":"#9ca3af","--dsa-card-bg":"#1f2937","--dsa-card-border":"#374151"}};function A({articles:e,title:t="Related Articles",limit:a=3,onArticleClick:s,className:o,theme:r="light"}){let n=(e??[]).slice(0,a);if(n.length===0)return null;let m=r!=="inherit"?oe[r]:{};return(0,u.jsxs)("section",{className:o,style:{marginTop:"1rem",...m},children:[(0,u.jsx)("h3",{style:{fontSize:"1.25rem",fontWeight:700,color:"var(--dsa-text)",margin:"0 0 1rem"},children:t}),(0,u.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(250px, 1fr))",gap:"1rem"},children:n.map(d=>(0,u.jsxs)("div",{style:{border:"1px solid var(--dsa-card-border)",borderRadius:"0.5rem",overflow:"hidden",cursor:"pointer",transition:"box-shadow 0.2s",background:"var(--dsa-card-bg)"},onClick:()=>s?.(d.slug),role:"link",tabIndex:0,onKeyDown:f=>f.key==="Enter"&&s?.(d.slug),children:[d.featured_image_url&&(0,u.jsx)("img",{src:d.featured_image_url,alt:d.featured_image_alt||d.title,style:{width:"100%",height:"140px",objectFit:"cover",display:"block"},loading:"lazy"}),(0,u.jsxs)("div",{style:{padding:"1rem"},children:[(0,u.jsx)("h4",{style:{fontSize:"0.9375rem",fontWeight:600,color:"var(--dsa-text)",margin:0,lineHeight:1.3},children:d.title}),d.excerpt&&(0,u.jsx)("p",{style:{fontSize:"0.8125rem",color:"var(--dsa-text-muted)",marginTop:"0.5rem",lineHeight:1.4},children:d.excerpt})]})]},d.id))})]})}var i=require("react/jsx-runtime"),ie={light:{"--dsa-text":"#111827","--dsa-text-muted":"#6b7280","--dsa-text-faint":"#9ca3af","--dsa-card-bg":"#fff","--dsa-card-border":"#e5e7eb","--dsa-toc-bg":"#f9fafb","--dsa-badge-bg":"#eff6ff","--dsa-badge-text":"#2563eb","--dsa-badge-alt-bg":"#f0fdf4","--dsa-badge-alt-text":"#16a34a","--dsa-content-text":"#374151","--dsa-h2-text":"#111827","--dsa-h3-text":"#1f2937","--dsa-h4-text":"#1f2937","--dsa-link":"#2563eb","--dsa-link-hover":"#1d4ed8","--dsa-blockquote-border":"#d1d5db","--dsa-blockquote-text":"#4b5563","--dsa-pre-bg":"#f3f4f6","--dsa-table-border":"#e5e7eb","--dsa-table-header-bg":"#f9fafb","--dsa-divider":"#e5e7eb"},dark:{"--dsa-text":"#f3f4f6","--dsa-text-muted":"#9ca3af","--dsa-text-faint":"#6b7280","--dsa-card-bg":"#1f2937","--dsa-card-border":"#374151","--dsa-toc-bg":"#111827","--dsa-badge-bg":"#1e3a5f","--dsa-badge-text":"#93c5fd","--dsa-badge-alt-bg":"#14532d","--dsa-badge-alt-text":"#86efac","--dsa-content-text":"#d1d5db","--dsa-h2-text":"#f3f4f6","--dsa-h3-text":"#e5e7eb","--dsa-h4-text":"#e5e7eb","--dsa-link":"#60a5fa","--dsa-link-hover":"#93c5fd","--dsa-blockquote-border":"#4b5563","--dsa-blockquote-text":"#9ca3af","--dsa-pre-bg":"#111827","--dsa-table-border":"#374151","--dsa-table-header-bg":"#111827","--dsa-divider":"#374151"}},H="dsa-article-prose",ne=`
+[data-dsa-article-body] h2 { font-size: 1.5rem; font-weight: 700; line-height: 1.3; color: var(--dsa-h2-text, #111827); margin: 2rem 0 0.75rem; }
+[data-dsa-article-body] h3 { font-size: 1.25rem; font-weight: 600; line-height: 1.4; color: var(--dsa-h3-text, #1f2937); margin: 1.75rem 0 0.5rem; }
+[data-dsa-article-body] h4 { font-size: 1.125rem; font-weight: 600; line-height: 1.4; color: var(--dsa-h4-text, #1f2937); margin: 1.5rem 0 0.5rem; }
+[data-dsa-article-body] p  { margin: 0 0 1.25rem; }
+[data-dsa-article-body] ul,
+[data-dsa-article-body] ol { margin: 0 0 1.25rem; padding-left: 1.5rem; }
+[data-dsa-article-body] li { margin: 0 0 0.375rem; }
+[data-dsa-article-body] li > ul,
+[data-dsa-article-body] li > ol { margin: 0.375rem 0 0; }
+[data-dsa-article-body] blockquote { margin: 1.5rem 0; padding: 0.75rem 1.25rem; border-left: 4px solid var(--dsa-blockquote-border, #d1d5db); color: var(--dsa-blockquote-text, #4b5563); font-style: italic; }
+[data-dsa-article-body] pre  { margin: 1.5rem 0; padding: 1rem; background: var(--dsa-pre-bg, #f3f4f6); border-radius: 0.5rem; overflow-x: auto; font-size: 0.875rem; }
+[data-dsa-article-body] code { font-size: 0.875em; }
+[data-dsa-article-body] table { width: 100%; margin: 1.5rem 0; border-collapse: collapse; font-size: 0.9375rem; }
+[data-dsa-article-body] th,
+[data-dsa-article-body] td { padding: 0.5rem 0.75rem; border: 1px solid var(--dsa-table-border, #e5e7eb); text-align: left; }
+[data-dsa-article-body] th { background: var(--dsa-table-header-bg, #f9fafb); font-weight: 600; }
+[data-dsa-article-body] img { max-width: 100%; height: auto; border-radius: 0.5rem; margin: 1.5rem 0; }
+[data-dsa-article-body] a   { color: var(--dsa-link, #2563eb); text-decoration: underline; text-underline-offset: 2px; }
+[data-dsa-article-body] a:hover { color: var(--dsa-link-hover, #1d4ed8); }
+[data-dsa-article-body] hr  { border: none; border-top: 1px solid var(--dsa-divider, #e5e7eb); margin: 2rem 0; }
+[data-dsa-article-body] > *:first-child { margin-top: 0; }
+[data-dsa-article-body] > *:last-child  { margin-bottom: 0; }
+`.trim();function de(e){M.default.useEffect(()=>{if(!e||typeof document>"u"||document.getElementById(H))return;let t=document.createElement("style");t.id=H,t.textContent=ne,document.head.appendChild(t)},[e])}function le({headings:e}){return!e||e.length===0?null:(0,i.jsxs)("nav",{className:"dsa-toc","data-dsa-toc":"",style:{background:"var(--dsa-toc-bg, #f9fafb)",border:"1px solid var(--dsa-card-border, #e5e7eb)",borderRadius:"0.75rem",padding:"1.25rem",marginBottom:"2rem"},children:[(0,i.jsx)("p",{style:{fontSize:"0.875rem",fontWeight:600,color:"var(--dsa-text-muted, #374151)",margin:"0 0 0.75rem",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Table of Contents"}),(0,i.jsx)("ul",{style:{listStyle:"none",padding:0,margin:0},children:e.map((t,a)=>(0,i.jsx)("li",{style:{padding:"0.25rem 0",paddingLeft:`${(t.level-2)*1}rem`},children:(0,i.jsx)("a",{href:`#${t.id}`,style:{color:"var(--dsa-text-muted, #4b5563)",textDecoration:"none",fontSize:"0.875rem"},children:t.text})},a))})]})}function ce({headings:e}){return!e||e.length===0?null:(0,i.jsxs)("nav",{className:"dsa-toc","data-dsa-toc":"",children:[(0,i.jsx)("p",{className:"dsa-toc-title",children:"Table of Contents"}),(0,i.jsx)("ul",{className:"dsa-toc-list",children:e.map((t,a)=>(0,i.jsx)("li",{className:"dsa-toc-item",style:{paddingLeft:`${(t.level-2)*1}rem`},children:(0,i.jsx)("a",{href:`#${t.id}`,className:"dsa-toc-link",children:t.text})},a))})]})}function R({article:e,showFaq:t=!0,showTableOfContents:a=!0,showMeta:s=!0,showRelated:o=!1,relatedArticles:r,onRelatedClick:n,className:m,contentClassName:d,theme:f="light",disableProseStyles:x=!1,components:v}){let l=f==="inherit";de(!l&&!x);let j=v?.H1||(l?({children:k})=>(0,i.jsx)("h1",{className:"dsa-h1",children:k}):({children:k})=>(0,i.jsx)("h1",{className:"dsa-h1",style:{fontSize:"2.25rem",fontWeight:700,lineHeight:1.2,color:"var(--dsa-text)",margin:"0 0 1rem"},children:k})),O=v?.Toc||(l?ce:le),W=v?.Faq||_,K=l?{}:ie[f],V=["dsa-article-body",d].filter(Boolean).join(" ");return(0,i.jsxs)("article",{className:m,"data-dsa-theme":f,style:l?void 0:{maxWidth:"48rem",margin:"0 auto",fontFamily:"system-ui, -apple-system, sans-serif",...K},children:[s&&(0,i.jsxs)("div",{className:"dsa-meta","data-dsa-meta":"",style:l?void 0:{display:"flex",gap:"1rem",flexWrap:"wrap",fontSize:"0.875rem",color:"var(--dsa-text-muted)",marginBottom:"1.5rem"},children:[e.pillar_name&&(0,i.jsx)("span",{className:"dsa-badge",style:l?void 0:{display:"inline-block",padding:"0.125rem 0.5rem",borderRadius:"9999px",background:"var(--dsa-badge-bg)",color:"var(--dsa-badge-text)",fontSize:"0.75rem"},children:e.pillar_name}),e.content_type&&(0,i.jsx)("span",{className:"dsa-badge dsa-badge--alt",style:l?void 0:{display:"inline-block",padding:"0.125rem 0.5rem",borderRadius:"9999px",background:"var(--dsa-badge-alt-bg, var(--dsa-badge-bg))",color:"var(--dsa-badge-alt-text, var(--dsa-badge-text))",fontSize:"0.75rem"},children:e.content_type.replace(/_/g," ")}),e.reading_time_minutes&&(0,i.jsxs)("span",{className:"dsa-reading-time",children:[e.reading_time_minutes," min read"]}),e.published_at&&(0,i.jsx)("span",{className:"dsa-published-at",children:new Date(e.published_at).toLocaleDateString()})]}),(0,i.jsx)(j,{children:e.h1||e.title}),e.featured_image_url&&(0,i.jsx)("img",{className:"dsa-featured-image",src:e.featured_image_url,alt:e.featured_image_alt||e.title,style:l?void 0:{width:"100%",borderRadius:"0.75rem",marginBottom:"2rem"}}),a&&(e.headings??[]).length>0&&(0,i.jsx)(O,{headings:e.headings}),(0,i.jsx)("div",{className:V,"data-dsa-article-body":"",style:l?void 0:{lineHeight:1.75,color:"var(--dsa-content-text)",fontSize:"1.0625rem"},dangerouslySetInnerHTML:{__html:e.content_html}}),t&&(e.faq??[]).length>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("hr",{className:"dsa-divider",style:l?void 0:{border:"none",borderTop:"1px solid var(--dsa-divider)",margin:"2.5rem 0"}}),(0,i.jsx)(W,{items:e.faq})]}),e.schema_json&&(0,i.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(e.schema_json)}}),o&&r&&r.length>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("hr",{className:"dsa-divider",style:l?void 0:{border:"none",borderTop:"1px solid var(--dsa-divider)",margin:"2.5rem 0"}}),(0,i.jsx)(A,{articles:r,onArticleClick:n,theme:f})]})]})}var $=require("react/jsx-runtime");function P(e,t){let a=t?`${t.replace(/\/+$/,"")}/blog/${e.slug}`:void 0;return{title:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",openGraph:{title:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",type:"article",publishedTime:e.published_at||void 0,modifiedTime:e.updated_at||void 0,...a?{url:a}:{},...e.featured_image_url?{images:[{url:e.featured_image_url,alt:e.featured_image_alt||e.title}]}:{}},twitter:{card:"summary_large_image",title:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",...e.featured_image_url?{images:[e.featured_image_url]}:{}},...e.canonical_url?{alternates:{canonical:e.canonical_url}}:a?{alternates:{canonical:a}}:{}}}function q({article:e,siteUrl:t}){let a=e.schema_json||{"@context":"https://schema.org","@type":"Article",headline:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",datePublished:e.published_at||void 0,dateModified:e.updated_at||e.published_at||void 0,...e.featured_image_url?{image:e.featured_image_url}:{},...t?{url:`${t.replace(/\/+$/,"")}/blog/${e.slug}`}:{},...e.target_keyword?{keywords:[e.target_keyword,...e.secondary_keywords||[]].join(", ")}:{}};return(0,$.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(a)}})}0&&(module.exports={ArticleFeed,ArticlePage,ContentClient,DsaContentProvider,FaqBlock,RelatedArticles,SeoMetaBridge,generateArticleMetadata,useArticle,useArticles,useCategories,useDsaContent,useRelatedArticles});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/client.ts","../src/provider.tsx","../src/hooks.ts","../src/components/ArticleFeed.tsx","../src/components/FaqBlock.tsx","../src/components/RelatedArticles.tsx","../src/components/ArticlePage.tsx","../src/components/SeoMetaBridge.tsx"],"sourcesContent":["// Types\nexport type {\n  DsaContentConfig,\n  Article,\n  ArticleListItem,\n  ArticleHeading,\n  FaqItem,\n  InternalLink,\n  Category,\n  ClusterInfo,\n  PaginatedResponse,\n  ArticleFilters,\n  SitemapEntry,\n  UseArticlesState,\n  UseArticleState,\n  UseArticleListState,\n  UseCategoriesState,\n} from './types';\n\n// Client\nexport { ContentClient } from './client';\n\n// Provider + context hook\nexport { DsaContentProvider, useDsaContent } from './provider';\nexport type { DsaContentProviderProps } from './provider';\n\n// Data-fetching hooks\nexport { useArticles, useArticle, useRelatedArticles, useCategories } from './hooks';\n\n// UI Components\nexport {\n  ArticleFeed,\n  ArticlePage,\n  FaqBlock,\n  RelatedArticles,\n  SeoMetaBridge,\n  generateArticleMetadata,\n} from './components';\n\nexport type {\n  ArticleFeedProps,\n  ArticlePageProps,\n  FaqBlockProps,\n  RelatedArticlesProps,\n} from './components';\n","import type {\n  DsaContentConfig,\n  Article,\n  ArticleListItem,\n  ArticleFilters,\n  PaginatedResponse,\n  Category,\n  SitemapEntry,\n} from './types';\n\n/**\n * ContentClient — HTTP client for DSA Content Engine Public API.\n * Works in both Node.js (SSR) and browser environments.\n */\nexport class ContentClient {\n  private apiUrl: string;\n  private apiKey: string;\n  private cacheStrategy: RequestCache;\n  private revalidateSeconds?: number;\n\n  constructor(config: DsaContentConfig) {\n    this.apiUrl = config.apiUrl.replace(/\\/+$/, '');\n    this.apiKey = config.apiKey;\n    this.cacheStrategy =\n      config.cacheStrategy === 'revalidate'\n        ? 'default'\n        : config.cacheStrategy === 'force-cache'\n          ? 'force-cache'\n          : 'no-cache';\n    this.revalidateSeconds = config.revalidateSeconds;\n  }\n\n  private async request<T>(path: string, params?: Record<string, string | number | undefined>): Promise<T> {\n    const url = new URL(`${this.apiUrl}${path}`);\n    if (params) {\n      Object.entries(params).forEach(([k, v]) => {\n        if (v !== undefined && v !== null && v !== '') {\n          url.searchParams.set(k, String(v));\n        }\n      });\n    }\n    url.searchParams.set('site_key', this.apiKey);\n\n    const fetchOptions: RequestInit & { next?: { revalidate?: number } } = {\n      method: 'GET',\n      headers: { 'X-API-Key': this.apiKey },\n      cache: this.cacheStrategy,\n    };\n\n    // Next.js ISR revalidation\n    if (this.revalidateSeconds && this.cacheStrategy !== 'no-cache') {\n      fetchOptions.next = { revalidate: this.revalidateSeconds };\n    }\n\n    const res = await fetch(url.toString(), fetchOptions);\n\n    if (!res.ok) {\n      const text = await res.text().catch(() => '');\n      throw new Error(`DSA Content API error ${res.status}: ${text || res.statusText}`);\n    }\n\n    return res.json() as Promise<T>;\n  }\n\n  /** Normalize article array fields to guarantee they're never null/undefined */\n  private normalizeArticle(article: Article): Article {\n    return {\n      ...article,\n      headings: article.headings ?? [],\n      faq: article.faq ?? [],\n      internal_links: article.internal_links ?? [],\n      secondary_keywords: article.secondary_keywords ?? [],\n      schema_json: article.schema_json ?? null,\n      content_json: article.content_json ?? null,\n    };\n  }\n\n  /** Get paginated list of published articles */\n  async getArticles(filters?: ArticleFilters): Promise<PaginatedResponse<ArticleListItem>> {\n    const raw = await this.request<Record<string, any>>('/api/public/articles', {\n      page: filters?.page,\n      per_page: filters?.per_page,\n      pillar: filters?.pillar,\n      cluster: filters?.cluster,\n      content_type: filters?.content_type,\n      search: filters?.search,\n    });\n    return {\n      items: raw.items ?? raw.data ?? [],\n      total: raw.total ?? 0,\n      page: raw.page ?? 1,\n      per_page: raw.per_page ?? 20,\n      total_pages: raw.total_pages ?? raw.pages ?? 1,\n    };\n  }\n\n  /** Get a single article by slug */\n  async getArticleBySlug(slug: string): Promise<Article> {\n    const article = await this.request<Article>(`/api/public/articles/${encodeURIComponent(slug)}`);\n    return this.normalizeArticle(article);\n  }\n\n  /** Get related articles for a given slug */\n  async getRelatedArticles(slug: string, limit = 3): Promise<ArticleListItem[]> {\n    const raw = await this.request<Record<string, any>>(\n      `/api/public/articles/${encodeURIComponent(slug)}/related`,\n      { limit },\n    );\n    return raw.items ?? (Array.isArray(raw) ? raw : []);\n  }\n\n  /** Get all categories (pillars + clusters) with article counts */\n  async getCategories(): Promise<Category[]> {\n    const raw = await this.request<Record<string, any>>('/api/public/categories');\n    return raw.items ?? (Array.isArray(raw) ? raw : []);\n  }\n\n  /** Get sitemap data for all published articles */\n  async getSitemap(): Promise<SitemapEntry[]> {\n    const raw = await this.request<Record<string, any>>('/api/public/sitemap');\n    return raw.items ?? (Array.isArray(raw) ? raw : []);\n  }\n}\n","'use client';\n\nimport React, { createContext, useContext, useMemo } from 'react';\nimport { ContentClient } from './client';\nimport type { DsaContentConfig } from './types';\n\nconst ContentContext = createContext<ContentClient | null>(null);\n\nexport interface DsaContentProviderProps {\n  config: DsaContentConfig;\n  children: React.ReactNode;\n}\n\n/**\n * Wrap your app (or a subtree) with DsaContentProvider to enable\n * the useDsaContent() hook and all data-fetching hooks.\n *\n * ```tsx\n * <DsaContentProvider config={{ apiUrl: \"...\", apiKey: \"...\" }}>\n *   <App />\n * </DsaContentProvider>\n * ```\n */\nexport function DsaContentProvider({ config, children }: DsaContentProviderProps) {\n  const client = useMemo(() => new ContentClient(config), [config.apiUrl, config.apiKey]);\n  return <ContentContext.Provider value={client}>{children}</ContentContext.Provider>;\n}\n\n/**\n * Access the ContentClient instance from context.\n * Must be called inside a DsaContentProvider.\n */\nexport function useDsaContent(): ContentClient {\n  const client = useContext(ContentContext);\n  if (!client) {\n    throw new Error('useDsaContent() must be used inside <DsaContentProvider>');\n  }\n  return client;\n}\n","'use client';\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { useDsaContent } from './provider';\nimport type {\n  ArticleFilters,\n  UseArticlesState,\n  UseArticleState,\n  UseArticleListState,\n  UseCategoriesState,\n} from './types';\n\n/**\n * Fetch a paginated list of published articles.\n *\n * ```tsx\n * const { articles, loading, error, pagination } = useArticles({ page: 1, per_page: 10 });\n * ```\n */\nexport function useArticles(filters?: ArticleFilters): UseArticlesState & { refetch: () => void } {\n  const client = useDsaContent();\n  const [state, setState] = useState<UseArticlesState>({\n    articles: [],\n    loading: true,\n    error: null,\n    pagination: { page: 1, per_page: 10, total: 0, total_pages: 0 },\n  });\n\n  const fetch = useCallback(() => {\n    setState((s) => ({ ...s, loading: true, error: null }));\n    client\n      .getArticles(filters)\n      .then((res) =>\n        setState({\n          articles: res.items,\n          loading: false,\n          error: null,\n          pagination: {\n            page: res.page,\n            per_page: res.per_page,\n            total: res.total,\n            total_pages: res.total_pages,\n          },\n        }),\n      )\n      .catch((err) =>\n        setState((s) => ({ ...s, loading: false, error: err instanceof Error ? err : new Error(String(err)) })),\n      );\n  }, [client, filters?.page, filters?.per_page, filters?.pillar, filters?.cluster, filters?.content_type, filters?.search]);\n\n  useEffect(() => { fetch(); }, [fetch]);\n\n  return { ...state, refetch: fetch };\n}\n\n/**\n * Fetch a single article by slug.\n *\n * ```tsx\n * const { article, loading, error } = useArticle(\"my-article-slug\");\n * ```\n */\nexport function useArticle(slug: string | undefined): UseArticleState & { refetch: () => void } {\n  const client = useDsaContent();\n  const [state, setState] = useState<UseArticleState>({ article: null, loading: true, error: null });\n\n  const fetch = useCallback(() => {\n    if (!slug) {\n      setState({ article: null, loading: false, error: null });\n      return;\n    }\n    setState((s) => ({ ...s, loading: true, error: null }));\n    client\n      .getArticleBySlug(slug)\n      .then((article) => setState({ article, loading: false, error: null }))\n      .catch((err) =>\n        setState({ article: null, loading: false, error: err instanceof Error ? err : new Error(String(err)) }),\n      );\n  }, [client, slug]);\n\n  useEffect(() => { fetch(); }, [fetch]);\n\n  return { ...state, refetch: fetch };\n}\n\n/**\n * Fetch related articles for a given slug.\n *\n * ```tsx\n * const { articles, loading } = useRelatedArticles(\"my-article-slug\", 4);\n * ```\n */\nexport function useRelatedArticles(slug: string | undefined, limit = 3): UseArticleListState & { refetch: () => void } {\n  const client = useDsaContent();\n  const [state, setState] = useState<UseArticleListState>({ articles: [], loading: true, error: null });\n\n  const fetch = useCallback(() => {\n    if (!slug) {\n      setState({ articles: [], loading: false, error: null });\n      return;\n    }\n    setState((s) => ({ ...s, loading: true, error: null }));\n    client\n      .getRelatedArticles(slug, limit)\n      .then((articles) => setState({ articles, loading: false, error: null }))\n      .catch((err) =>\n        setState({ articles: [], loading: false, error: err instanceof Error ? err : new Error(String(err)) }),\n      );\n  }, [client, slug, limit]);\n\n  useEffect(() => { fetch(); }, [fetch]);\n\n  return { ...state, refetch: fetch };\n}\n\n/**\n * Fetch all categories (pillars + clusters).\n *\n * ```tsx\n * const { categories, loading } = useCategories();\n * ```\n */\nexport function useCategories(): UseCategoriesState & { refetch: () => void } {\n  const client = useDsaContent();\n  const [state, setState] = useState<UseCategoriesState>({ categories: [], loading: true, error: null });\n\n  const fetch = useCallback(() => {\n    setState((s) => ({ ...s, loading: true, error: null }));\n    client\n      .getCategories()\n      .then((categories) => setState({ categories, loading: false, error: null }))\n      .catch((err) =>\n        setState({ categories: [], loading: false, error: err instanceof Error ? err : new Error(String(err)) }),\n      );\n  }, [client]);\n\n  useEffect(() => { fetch(); }, [fetch]);\n\n  return { ...state, refetch: fetch };\n}\n","'use client';\n\nimport React from 'react';\nimport type { ArticleListItem } from '../types';\n\nexport interface ArticleFeedProps {\n  articles: ArticleListItem[];\n  layout?: 'grid' | 'list';\n  columns?: 1 | 2 | 3;\n  showExcerpt?: boolean;\n  showImage?: boolean;\n  showMeta?: boolean;\n  onArticleClick?: (slug: string) => void;\n  className?: string;\n  renderArticle?: (article: ArticleListItem) => React.ReactNode;\n}\n\nconst baseStyles = {\n  grid: { display: 'grid', gap: '1.5rem' } as React.CSSProperties,\n  card: {\n    border: '1px solid #e5e7eb',\n    borderRadius: '0.75rem',\n    overflow: 'hidden',\n    background: '#fff',\n    cursor: 'pointer',\n    transition: 'box-shadow 0.2s',\n  } as React.CSSProperties,\n  cardHover: { boxShadow: '0 4px 12px rgba(0,0,0,0.08)' },\n  image: { width: '100%', height: '200px', objectFit: 'cover' as const, display: 'block' },\n  body: { padding: '1.25rem' } as React.CSSProperties,\n  title: { margin: '0 0 0.5rem', fontSize: '1.125rem', fontWeight: 600, lineHeight: 1.3, color: '#111827' } as React.CSSProperties,\n  excerpt: { margin: '0 0 0.75rem', fontSize: '0.875rem', color: '#6b7280', lineHeight: 1.5 } as React.CSSProperties,\n  meta: { display: 'flex', gap: '0.75rem', fontSize: '0.75rem', color: '#9ca3af', flexWrap: 'wrap' as const } as React.CSSProperties,\n  badge: {\n    display: 'inline-block',\n    padding: '0.125rem 0.5rem',\n    borderRadius: '9999px',\n    background: '#f3f4f6',\n    fontSize: '0.75rem',\n    color: '#4b5563',\n  } as React.CSSProperties,\n  listCard: {\n    display: 'flex',\n    border: '1px solid #e5e7eb',\n    borderRadius: '0.75rem',\n    overflow: 'hidden',\n    background: '#fff',\n    cursor: 'pointer',\n    transition: 'box-shadow 0.2s',\n  } as React.CSSProperties,\n  listImage: { width: '240px', minHeight: '160px', objectFit: 'cover' as const, flexShrink: 0 },\n  listBody: { padding: '1.25rem', flex: 1 } as React.CSSProperties,\n};\n\nfunction DefaultCard({\n  article,\n  layout,\n  showExcerpt,\n  showImage,\n  showMeta,\n  onClick,\n}: {\n  article: ArticleListItem;\n  layout: 'grid' | 'list';\n  showExcerpt: boolean;\n  showImage: boolean;\n  showMeta: boolean;\n  onClick?: () => void;\n}) {\n  const isGrid = layout === 'grid';\n  const [hovered, setHovered] = React.useState(false);\n\n  return (\n    <article\n      style={{\n        ...(isGrid ? baseStyles.card : baseStyles.listCard),\n        ...(hovered ? baseStyles.cardHover : {}),\n      }}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      onClick={onClick}\n      role=\"link\"\n      tabIndex={0}\n      onKeyDown={(e) => e.key === 'Enter' && onClick?.()}\n    >\n      {showImage && article.featured_image_url && (\n        <img\n          src={article.featured_image_url}\n          alt={article.featured_image_alt || article.title}\n          style={isGrid ? baseStyles.image : baseStyles.listImage}\n          loading=\"lazy\"\n        />\n      )}\n      <div style={isGrid ? baseStyles.body : baseStyles.listBody}>\n        <h3 style={baseStyles.title}>{article.title}</h3>\n        {showExcerpt && article.excerpt && (\n          <p style={baseStyles.excerpt}>{article.excerpt}</p>\n        )}\n        {showMeta && (\n          <div style={baseStyles.meta}>\n            {article.pillar_name && <span style={baseStyles.badge}>{article.pillar_name}</span>}\n            {article.content_type && (\n              <span style={baseStyles.badge}>{article.content_type.replace(/_/g, ' ')}</span>\n            )}\n            {article.reading_time_minutes && (\n              <span>{article.reading_time_minutes} min read</span>\n            )}\n            {article.published_at && (\n              <span>{new Date(article.published_at).toLocaleDateString()}</span>\n            )}\n          </div>\n        )}\n      </div>\n    </article>\n  );\n}\n\n/**\n * Renders a grid or list of article cards.\n *\n * ```tsx\n * <ArticleFeed articles={articles} layout=\"grid\" columns={3} onArticleClick={(slug) => router.push(`/blog/${slug}`)} />\n * ```\n */\nexport function ArticleFeed({\n  articles,\n  layout = 'grid',\n  columns = 3,\n  showExcerpt = true,\n  showImage = true,\n  showMeta = true,\n  onArticleClick,\n  className,\n  renderArticle,\n}: ArticleFeedProps) {\n  const gridTemplateColumns =\n    layout === 'grid' ? `repeat(${columns}, 1fr)` : '1fr';\n\n  return (\n    <div\n      className={className}\n      style={{ ...baseStyles.grid, gridTemplateColumns }}\n    >\n      {articles.map((article) =>\n        renderArticle ? (\n          <React.Fragment key={article.id}>{renderArticle(article)}</React.Fragment>\n        ) : (\n          <DefaultCard\n            key={article.id}\n            article={article}\n            layout={layout}\n            showExcerpt={showExcerpt}\n            showImage={showImage}\n            showMeta={showMeta}\n            onClick={() => onArticleClick?.(article.slug)}\n          />\n        ),\n      )}\n    </div>\n  );\n}\n","'use client';\n\nimport React, { useState } from 'react';\nimport type { FaqItem } from '../types';\n\nexport interface FaqBlockProps {\n  items: FaqItem[];\n  collapsible?: boolean;\n  defaultOpen?: boolean;\n  className?: string;\n  title?: string;\n}\n\nconst styles = {\n  wrapper: { marginTop: '1rem' } as React.CSSProperties,\n  title: { fontSize: '1.5rem', fontWeight: 700, color: '#111827', margin: '0 0 1rem' } as React.CSSProperties,\n  item: { borderBottom: '1px solid #e5e7eb', padding: '0.75rem 0' } as React.CSSProperties,\n  question: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    cursor: 'pointer',\n    background: 'none',\n    border: 'none',\n    width: '100%',\n    textAlign: 'left' as const,\n    padding: '0.5rem 0',\n    fontSize: '1rem',\n    fontWeight: 600,\n    color: '#1f2937',\n    fontFamily: 'inherit',\n  } as React.CSSProperties,\n  questionStatic: {\n    fontSize: '1rem',\n    fontWeight: 600,\n    color: '#1f2937',\n    margin: '0 0 0.5rem',\n  } as React.CSSProperties,\n  chevron: { flexShrink: 0, marginLeft: '1rem', transition: 'transform 0.2s', fontSize: '1.25rem', color: '#9ca3af' } as React.CSSProperties,\n  answer: { fontSize: '0.9375rem', color: '#4b5563', lineHeight: 1.6, paddingTop: '0.5rem' } as React.CSSProperties,\n};\n\nfunction FaqItemComponent({\n  item,\n  collapsible,\n  defaultOpen,\n}: {\n  item: FaqItem;\n  collapsible: boolean;\n  defaultOpen: boolean;\n}) {\n  const [open, setOpen] = useState(defaultOpen);\n\n  if (!collapsible) {\n    return (\n      <div style={styles.item}>\n        <p style={styles.questionStatic}>{item.question}</p>\n        <div style={styles.answer}>{item.answer}</div>\n      </div>\n    );\n  }\n\n  return (\n    <div style={styles.item}>\n      <button\n        style={styles.question}\n        onClick={() => setOpen(!open)}\n        aria-expanded={open}\n      >\n        <span>{item.question}</span>\n        <span style={{ ...styles.chevron, transform: open ? 'rotate(180deg)' : 'rotate(0deg)' }}>\n          &#9660;\n        </span>\n      </button>\n      {open && <div style={styles.answer}>{item.answer}</div>}\n    </div>\n  );\n}\n\n/**\n * FAQ block with optional collapse behavior and Schema.org FAQPage markup.\n *\n * ```tsx\n * <FaqBlock items={article.faq} collapsible />\n * ```\n */\nexport function FaqBlock({\n  items,\n  collapsible = true,\n  defaultOpen = false,\n  className,\n  title = 'Frequently Asked Questions',\n}: FaqBlockProps) {\n  if (!items || items.length === 0) return null;\n\n  const schemaData = {\n    '@context': 'https://schema.org',\n    '@type': 'FAQPage',\n    mainEntity: items.map((item) => ({\n      '@type': 'Question',\n      name: item.question,\n      acceptedAnswer: {\n        '@type': 'Answer',\n        text: item.answer,\n      },\n    })),\n  };\n\n  return (\n    <section className={className} style={styles.wrapper}>\n      <h2 style={styles.title}>{title}</h2>\n      {items.map((item, i) => (\n        <FaqItemComponent key={i} item={item} collapsible={collapsible} defaultOpen={defaultOpen} />\n      ))}\n      <script\n        type=\"application/ld+json\"\n        dangerouslySetInnerHTML={{ __html: JSON.stringify(schemaData) }}\n      />\n    </section>\n  );\n}\n","'use client';\n\nimport React from 'react';\nimport type { ArticleListItem } from '../types';\n\nexport interface RelatedArticlesProps {\n  articles: ArticleListItem[];\n  title?: string;\n  limit?: number;\n  onArticleClick?: (slug: string) => void;\n  className?: string;\n}\n\nconst styles = {\n  wrapper: { marginTop: '1rem' } as React.CSSProperties,\n  title: { fontSize: '1.25rem', fontWeight: 700, color: '#111827', margin: '0 0 1rem' } as React.CSSProperties,\n  grid: { display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(250px, 1fr))', gap: '1rem' } as React.CSSProperties,\n  card: {\n    border: '1px solid #e5e7eb',\n    borderRadius: '0.5rem',\n    overflow: 'hidden',\n    cursor: 'pointer',\n    transition: 'box-shadow 0.2s',\n    background: '#fff',\n  } as React.CSSProperties,\n  image: { width: '100%', height: '140px', objectFit: 'cover' as const, display: 'block' } as React.CSSProperties,\n  body: { padding: '1rem' } as React.CSSProperties,\n  cardTitle: { fontSize: '0.9375rem', fontWeight: 600, color: '#111827', margin: 0, lineHeight: 1.3 } as React.CSSProperties,\n  excerpt: { fontSize: '0.8125rem', color: '#6b7280', marginTop: '0.5rem', lineHeight: 1.4 } as React.CSSProperties,\n};\n\n/**\n * Related articles widget.\n *\n * ```tsx\n * <RelatedArticles articles={related} onArticleClick={(slug) => router.push(`/blog/${slug}`)} />\n * ```\n */\nexport function RelatedArticles({\n  articles,\n  title = 'Related Articles',\n  limit = 3,\n  onArticleClick,\n  className,\n}: RelatedArticlesProps) {\n  const displayed = articles.slice(0, limit);\n  if (displayed.length === 0) return null;\n\n  return (\n    <section className={className} style={styles.wrapper}>\n      <h3 style={styles.title}>{title}</h3>\n      <div style={styles.grid}>\n        {displayed.map((a) => (\n          <div\n            key={a.id}\n            style={styles.card}\n            onClick={() => onArticleClick?.(a.slug)}\n            role=\"link\"\n            tabIndex={0}\n            onKeyDown={(e) => e.key === 'Enter' && onArticleClick?.(a.slug)}\n          >\n            {a.featured_image_url && (\n              <img\n                src={a.featured_image_url}\n                alt={a.featured_image_alt || a.title}\n                style={styles.image}\n                loading=\"lazy\"\n              />\n            )}\n            <div style={styles.body}>\n              <h4 style={styles.cardTitle}>{a.title}</h4>\n              {a.excerpt && <p style={styles.excerpt}>{a.excerpt}</p>}\n            </div>\n          </div>\n        ))}\n      </div>\n    </section>\n  );\n}\n","'use client';\n\nimport React from 'react';\nimport type { Article, ArticleListItem, FaqItem } from '../types';\nimport { FaqBlock } from './FaqBlock';\nimport { RelatedArticles } from './RelatedArticles';\n\nexport interface ArticlePageProps {\n  article: Article;\n  showFaq?: boolean;\n  showTableOfContents?: boolean;\n  showMeta?: boolean;\n  showRelated?: boolean;\n  relatedArticles?: ArticleListItem[];\n  onRelatedClick?: (slug: string) => void;\n  className?: string;\n  components?: {\n    H1?: React.ComponentType<{ children: React.ReactNode }>;\n    Toc?: React.ComponentType<{ headings: Article['headings'] }>;\n    Faq?: React.ComponentType<{ items: FaqItem[] }>;\n  };\n}\n\nconst styles = {\n  wrapper: { maxWidth: '48rem', margin: '0 auto', fontFamily: 'system-ui, -apple-system, sans-serif' } as React.CSSProperties,\n  meta: { display: 'flex', gap: '1rem', flexWrap: 'wrap' as const, fontSize: '0.875rem', color: '#6b7280', marginBottom: '1.5rem' } as React.CSSProperties,\n  badge: { display: 'inline-block', padding: '0.125rem 0.5rem', borderRadius: '9999px', background: '#eff6ff', color: '#2563eb', fontSize: '0.75rem' } as React.CSSProperties,\n  h1: { fontSize: '2.25rem', fontWeight: 700, lineHeight: 1.2, color: '#111827', margin: '0 0 1rem' } as React.CSSProperties,\n  image: { width: '100%', borderRadius: '0.75rem', marginBottom: '2rem' } as React.CSSProperties,\n  toc: { background: '#f9fafb', border: '1px solid #e5e7eb', borderRadius: '0.75rem', padding: '1.25rem', marginBottom: '2rem' } as React.CSSProperties,\n  tocTitle: { fontSize: '0.875rem', fontWeight: 600, color: '#374151', margin: '0 0 0.75rem', textTransform: 'uppercase' as const, letterSpacing: '0.05em' } as React.CSSProperties,\n  tocList: { listStyle: 'none', padding: 0, margin: 0 } as React.CSSProperties,\n  tocItem: { padding: '0.25rem 0' } as React.CSSProperties,\n  tocLink: { color: '#4b5563', textDecoration: 'none', fontSize: '0.875rem' } as React.CSSProperties,\n  content: { lineHeight: 1.75, color: '#374151', fontSize: '1.0625rem' } as React.CSSProperties,\n  divider: { border: 'none', borderTop: '1px solid #e5e7eb', margin: '2.5rem 0' } as React.CSSProperties,\n};\n\nfunction DefaultToc({ headings }: { headings: Article['headings'] }) {\n  if (!headings || headings.length === 0) return null;\n  return (\n    <nav style={styles.toc}>\n      <p style={styles.tocTitle}>Table of Contents</p>\n      <ul style={styles.tocList}>\n        {headings.map((h, i) => (\n          <li key={i} style={{ ...styles.tocItem, paddingLeft: `${(h.level - 2) * 1}rem` }}>\n            <a href={`#${h.id}`} style={styles.tocLink}>\n              {h.text}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n}\n\n/**\n * Renders a full article page with optional TOC, FAQ, and related articles.\n *\n * ```tsx\n * <ArticlePage article={article} showTableOfContents showFaq />\n * ```\n */\nexport function ArticlePage({\n  article,\n  showFaq = true,\n  showTableOfContents = true,\n  showMeta = true,\n  showRelated = false,\n  relatedArticles,\n  onRelatedClick,\n  className,\n  components,\n}: ArticlePageProps) {\n  const H1 = components?.H1 || (({ children }: { children: React.ReactNode }) => <h1 style={styles.h1}>{children}</h1>);\n  const Toc = components?.Toc || DefaultToc;\n  const FaqComponent = components?.Faq || FaqBlock;\n\n  return (\n    <article className={className} style={styles.wrapper}>\n      {/* Meta badges */}\n      {showMeta && (\n        <div style={styles.meta}>\n          {article.pillar_name && <span style={styles.badge}>{article.pillar_name}</span>}\n          {article.content_type && (\n            <span style={{ ...styles.badge, background: '#f0fdf4', color: '#16a34a' }}>\n              {article.content_type.replace(/_/g, ' ')}\n            </span>\n          )}\n          {article.reading_time_minutes && <span>{article.reading_time_minutes} min read</span>}\n          {article.published_at && <span>{new Date(article.published_at).toLocaleDateString()}</span>}\n        </div>\n      )}\n\n      {/* H1 */}\n      <H1>{article.h1 || article.title}</H1>\n\n      {/* Featured image */}\n      {article.featured_image_url && (\n        <img\n          src={article.featured_image_url}\n          alt={article.featured_image_alt || article.title}\n          style={styles.image}\n        />\n      )}\n\n      {/* Table of contents */}\n      {showTableOfContents && article.headings?.length > 0 && (\n        <Toc headings={article.headings} />\n      )}\n\n      {/* Article body */}\n      <div\n        style={styles.content}\n        dangerouslySetInnerHTML={{ __html: article.content_html }}\n      />\n\n      {/* FAQ */}\n      {showFaq && article.faq?.length > 0 && (\n        <>\n          <hr style={styles.divider} />\n          <FaqComponent items={article.faq} />\n        </>\n      )}\n\n      {/* Schema.org JSON-LD */}\n      {article.schema_json && (\n        <script\n          type=\"application/ld+json\"\n          dangerouslySetInnerHTML={{ __html: JSON.stringify(article.schema_json) }}\n        />\n      )}\n\n      {/* Related articles */}\n      {showRelated && relatedArticles && relatedArticles.length > 0 && (\n        <>\n          <hr style={styles.divider} />\n          <RelatedArticles articles={relatedArticles} onArticleClick={onRelatedClick} />\n        </>\n      )}\n    </article>\n  );\n}\n","import type { Article } from '../types';\n\n/**\n * Generate Next.js App Router Metadata object from an Article.\n * Use in page.tsx generateMetadata():\n *\n * ```ts\n * import { generateArticleMetadata } from \"@dsa/content-sdk/server\";\n *\n * export async function generateMetadata({ params }) {\n *   const article = await fetchArticleBySlug(config, params.slug);\n *   return generateArticleMetadata(article, \"https://example.com\");\n * }\n * ```\n */\nexport function generateArticleMetadata(\n  article: Article,\n  siteUrl?: string,\n): Record<string, any> {\n  const url = siteUrl\n    ? `${siteUrl.replace(/\\/+$/, '')}/blog/${article.slug}`\n    : undefined;\n\n  return {\n    title: article.meta_title || article.title,\n    description: article.meta_description || article.excerpt || '',\n    openGraph: {\n      title: article.meta_title || article.title,\n      description: article.meta_description || article.excerpt || '',\n      type: 'article',\n      publishedTime: article.published_at || undefined,\n      modifiedTime: article.updated_at || undefined,\n      ...(url ? { url } : {}),\n      ...(article.featured_image_url\n        ? {\n            images: [\n              {\n                url: article.featured_image_url,\n                alt: article.featured_image_alt || article.title,\n              },\n            ],\n          }\n        : {}),\n    },\n    twitter: {\n      card: 'summary_large_image',\n      title: article.meta_title || article.title,\n      description: article.meta_description || article.excerpt || '',\n      ...(article.featured_image_url ? { images: [article.featured_image_url] } : {}),\n    },\n    ...(article.canonical_url\n      ? { alternates: { canonical: article.canonical_url } }\n      : url\n        ? { alternates: { canonical: url } }\n        : {}),\n  };\n}\n\n/**\n * Renders JSON-LD structured data for an article.\n * Include this component in your article page layout for SEO.\n *\n * ```tsx\n * <SeoMetaBridge article={article} siteUrl=\"https://example.com\" />\n * ```\n */\nexport function SeoMetaBridge({\n  article,\n  siteUrl,\n}: {\n  article: Article;\n  siteUrl?: string;\n}) {\n  const schema = article.schema_json || {\n    '@context': 'https://schema.org',\n    '@type': 'Article',\n    headline: article.meta_title || article.title,\n    description: article.meta_description || article.excerpt || '',\n    datePublished: article.published_at || undefined,\n    dateModified: article.updated_at || article.published_at || undefined,\n    ...(article.featured_image_url ? { image: article.featured_image_url } : {}),\n    ...(siteUrl ? { url: `${siteUrl.replace(/\\/+$/, '')}/blog/${article.slug}` } : {}),\n    ...(article.target_keyword\n      ? { keywords: [article.target_keyword, ...(article.secondary_keywords || [])].join(', ') }\n      : {}),\n  };\n\n  return (\n    <script\n      type=\"application/ld+json\"\n      dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}\n    />\n  );\n}\n"],"mappings":"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","names":["src_exports","__export","ArticleFeed","ArticlePage","ContentClient","DsaContentProvider","FaqBlock","RelatedArticles","SeoMetaBridge","generateArticleMetadata","useArticle","useArticles","useCategories","useDsaContent","useRelatedArticles","__toCommonJS","ContentClient","config","path","params","url","k","v","fetchOptions","res","text","article","filters","raw","slug","limit","import_react","import_jsx_runtime","ContentContext","DsaContentProvider","config","children","client","ContentClient","useDsaContent","import_react","useArticles","filters","client","useDsaContent","state","setState","fetch","s","res","err","useArticle","slug","article","useRelatedArticles","limit","articles","useCategories","categories","import_react","import_jsx_runtime","baseStyles","DefaultCard","article","layout","showExcerpt","showImage","showMeta","onClick","isGrid","hovered","setHovered","React","e","ArticleFeed","articles","columns","onArticleClick","className","renderArticle","gridTemplateColumns","import_react","import_jsx_runtime","styles","FaqItemComponent","item","collapsible","defaultOpen","open","setOpen","FaqBlock","items","className","title","schemaData","i","import_jsx_runtime","styles","RelatedArticles","articles","title","limit","onArticleClick","className","displayed","a","e","import_jsx_runtime","styles","DefaultToc","headings","h","i","ArticlePage","article","showFaq","showTableOfContents","showMeta","showRelated","relatedArticles","onRelatedClick","className","components","H1","children","Toc","FaqComponent","FaqBlock","RelatedArticles","import_jsx_runtime","generateArticleMetadata","article","siteUrl","url","SeoMetaBridge","schema"]}
+{"version":3,"sources":["../src/index.ts","../src/client.ts","../src/provider.tsx","../src/hooks.ts","../src/components/ArticleFeed.tsx","../src/components/ArticlePage.tsx","../src/components/FaqBlock.tsx","../src/components/RelatedArticles.tsx","../src/components/SeoMetaBridge.tsx"],"sourcesContent":["// Types\nexport type {\n  DsaContentConfig,\n  Article,\n  ArticleListItem,\n  ArticleHeading,\n  FaqItem,\n  InternalLink,\n  Category,\n  ClusterInfo,\n  PaginatedResponse,\n  ArticleFilters,\n  SitemapEntry,\n  UseArticlesState,\n  UseArticleState,\n  UseArticleListState,\n  UseCategoriesState,\n} from './types';\n\n// Client\nexport { ContentClient } from './client';\n\n// Provider + context hook\nexport { DsaContentProvider, useDsaContent } from './provider';\nexport type { DsaContentProviderProps } from './provider';\n\n// Data-fetching hooks\nexport { useArticles, useArticle, useRelatedArticles, useCategories } from './hooks';\n\n// UI Components\nexport {\n  ArticleFeed,\n  ArticlePage,\n  FaqBlock,\n  RelatedArticles,\n  SeoMetaBridge,\n  generateArticleMetadata,\n} from './components';\n\nexport type {\n  ArticleFeedProps,\n  ArticlePageProps,\n  ArticleTheme,\n  FaqBlockProps,\n  RelatedArticlesProps,\n} from './components';\n","import type {\n  DsaContentConfig,\n  Article,\n  ArticleListItem,\n  ArticleFilters,\n  PaginatedResponse,\n  Category,\n  SitemapEntry,\n} from './types';\n\n/**\n * ContentClient — HTTP client for DSA Content Engine Public API.\n * Works in both Node.js (SSR) and browser environments.\n */\nexport class ContentClient {\n  private apiUrl: string;\n  private apiKey: string;\n  private cacheStrategy: RequestCache;\n  private revalidateSeconds?: number;\n\n  constructor(config: DsaContentConfig) {\n    this.apiUrl = config.apiUrl.replace(/\\/+$/, '');\n    this.apiKey = config.apiKey;\n    this.cacheStrategy =\n      config.cacheStrategy === 'revalidate'\n        ? 'default'\n        : config.cacheStrategy === 'force-cache'\n          ? 'force-cache'\n          : 'no-cache';\n    this.revalidateSeconds = config.revalidateSeconds;\n  }\n\n  private async request<T>(path: string, params?: Record<string, string | number | undefined>): Promise<T> {\n    const url = new URL(`${this.apiUrl}${path}`);\n    if (params) {\n      Object.entries(params).forEach(([k, v]) => {\n        if (v !== undefined && v !== null && v !== '') {\n          url.searchParams.set(k, String(v));\n        }\n      });\n    }\n    url.searchParams.set('site_key', this.apiKey);\n\n    const fetchOptions: RequestInit & { next?: { revalidate?: number } } = {\n      method: 'GET',\n      headers: { 'X-API-Key': this.apiKey },\n      cache: this.cacheStrategy,\n    };\n\n    // Next.js ISR revalidation\n    if (this.revalidateSeconds && this.cacheStrategy !== 'no-cache') {\n      fetchOptions.next = { revalidate: this.revalidateSeconds };\n    }\n\n    const res = await fetch(url.toString(), fetchOptions);\n\n    if (!res.ok) {\n      const text = await res.text().catch(() => '');\n      throw new Error(`DSA Content API error ${res.status}: ${text || res.statusText}`);\n    }\n\n    return res.json() as Promise<T>;\n  }\n\n  /** Normalize article array fields to guarantee they're never null/undefined */\n  private normalizeArticle(article: Article): Article {\n    return {\n      ...article,\n      headings: article.headings ?? [],\n      faq: article.faq ?? [],\n      internal_links: article.internal_links ?? [],\n      secondary_keywords: article.secondary_keywords ?? [],\n      schema_json: article.schema_json ?? null,\n      content_json: article.content_json ?? null,\n    };\n  }\n\n  /** Get paginated list of published articles */\n  async getArticles(filters?: ArticleFilters): Promise<PaginatedResponse<ArticleListItem>> {\n    const raw = await this.request<Record<string, any>>('/api/public/articles', {\n      page: filters?.page,\n      per_page: filters?.per_page,\n      pillar: filters?.pillar,\n      cluster: filters?.cluster,\n      content_type: filters?.content_type,\n      search: filters?.search,\n    });\n    return {\n      items: raw.items ?? raw.data ?? [],\n      total: raw.total ?? 0,\n      page: raw.page ?? 1,\n      per_page: raw.per_page ?? 20,\n      total_pages: raw.total_pages ?? raw.pages ?? 1,\n    };\n  }\n\n  /** Get a single article by slug */\n  async getArticleBySlug(slug: string): Promise<Article> {\n    const article = await this.request<Article>(`/api/public/articles/${encodeURIComponent(slug)}`);\n    return this.normalizeArticle(article);\n  }\n\n  /** Get related articles for a given slug */\n  async getRelatedArticles(slug: string, limit = 3): Promise<ArticleListItem[]> {\n    const raw = await this.request<Record<string, any>>(\n      `/api/public/articles/${encodeURIComponent(slug)}/related`,\n      { limit },\n    );\n    return raw.items ?? (Array.isArray(raw) ? raw : []);\n  }\n\n  /** Get all categories (pillars + clusters) with article counts */\n  async getCategories(): Promise<Category[]> {\n    const raw = await this.request<Record<string, any>>('/api/public/categories');\n    return raw.items ?? (Array.isArray(raw) ? raw : []);\n  }\n\n  /** Get sitemap data for all published articles */\n  async getSitemap(): Promise<SitemapEntry[]> {\n    const raw = await this.request<Record<string, any>>('/api/public/sitemap');\n    return raw.items ?? (Array.isArray(raw) ? raw : []);\n  }\n}\n","'use client';\n\nimport React, { createContext, useContext, useMemo } from 'react';\nimport { ContentClient } from './client';\nimport type { DsaContentConfig } from './types';\n\nconst ContentContext = createContext<ContentClient | null>(null);\n\nexport interface DsaContentProviderProps {\n  config: DsaContentConfig;\n  children: React.ReactNode;\n}\n\n/**\n * Wrap your app (or a subtree) with DsaContentProvider to enable\n * the useDsaContent() hook and all data-fetching hooks.\n *\n * ```tsx\n * <DsaContentProvider config={{ apiUrl: \"...\", apiKey: \"...\" }}>\n *   <App />\n * </DsaContentProvider>\n * ```\n */\nexport function DsaContentProvider({ config, children }: DsaContentProviderProps) {\n  const client = useMemo(() => new ContentClient(config), [config.apiUrl, config.apiKey]);\n  return <ContentContext.Provider value={client}>{children}</ContentContext.Provider>;\n}\n\n/**\n * Access the ContentClient instance from context.\n * Must be called inside a DsaContentProvider.\n */\nexport function useDsaContent(): ContentClient {\n  const client = useContext(ContentContext);\n  if (!client) {\n    throw new Error('useDsaContent() must be used inside <DsaContentProvider>');\n  }\n  return client;\n}\n","'use client';\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { useDsaContent } from './provider';\nimport type {\n  ArticleFilters,\n  UseArticlesState,\n  UseArticleState,\n  UseArticleListState,\n  UseCategoriesState,\n} from './types';\n\n/**\n * Fetch a paginated list of published articles.\n *\n * ```tsx\n * const { articles, loading, error, pagination } = useArticles({ page: 1, per_page: 10 });\n * ```\n */\nexport function useArticles(filters?: ArticleFilters): UseArticlesState & { refetch: () => void } {\n  const client = useDsaContent();\n  const [state, setState] = useState<UseArticlesState>({\n    articles: [],\n    loading: true,\n    error: null,\n    pagination: { page: 1, per_page: 10, total: 0, total_pages: 0 },\n  });\n\n  const fetch = useCallback(() => {\n    setState((s) => ({ ...s, loading: true, error: null }));\n    client\n      .getArticles(filters)\n      .then((res) =>\n        setState({\n          articles: res.items,\n          loading: false,\n          error: null,\n          pagination: {\n            page: res.page,\n            per_page: res.per_page,\n            total: res.total,\n            total_pages: res.total_pages,\n          },\n        }),\n      )\n      .catch((err) =>\n        setState((s) => ({ ...s, loading: false, error: err instanceof Error ? err : new Error(String(err)) })),\n      );\n  }, [client, filters?.page, filters?.per_page, filters?.pillar, filters?.cluster, filters?.content_type, filters?.search]);\n\n  useEffect(() => { fetch(); }, [fetch]);\n\n  return { ...state, refetch: fetch };\n}\n\n/**\n * Fetch a single article by slug.\n *\n * ```tsx\n * const { article, loading, error } = useArticle(\"my-article-slug\");\n * ```\n */\nexport function useArticle(slug: string | undefined): UseArticleState & { refetch: () => void } {\n  const client = useDsaContent();\n  const [state, setState] = useState<UseArticleState>({ article: null, loading: true, error: null });\n\n  const fetch = useCallback(() => {\n    if (!slug) {\n      setState({ article: null, loading: false, error: null });\n      return;\n    }\n    setState((s) => ({ ...s, loading: true, error: null }));\n    client\n      .getArticleBySlug(slug)\n      .then((article) => setState({ article, loading: false, error: null }))\n      .catch((err) =>\n        setState({ article: null, loading: false, error: err instanceof Error ? err : new Error(String(err)) }),\n      );\n  }, [client, slug]);\n\n  useEffect(() => { fetch(); }, [fetch]);\n\n  return { ...state, refetch: fetch };\n}\n\n/**\n * Fetch related articles for a given slug.\n *\n * ```tsx\n * const { articles, loading } = useRelatedArticles(\"my-article-slug\", 4);\n * ```\n */\nexport function useRelatedArticles(slug: string | undefined, limit = 3): UseArticleListState & { refetch: () => void } {\n  const client = useDsaContent();\n  const [state, setState] = useState<UseArticleListState>({ articles: [], loading: true, error: null });\n\n  const fetch = useCallback(() => {\n    if (!slug) {\n      setState({ articles: [], loading: false, error: null });\n      return;\n    }\n    setState((s) => ({ ...s, loading: true, error: null }));\n    client\n      .getRelatedArticles(slug, limit)\n      .then((articles) => setState({ articles, loading: false, error: null }))\n      .catch((err) =>\n        setState({ articles: [], loading: false, error: err instanceof Error ? err : new Error(String(err)) }),\n      );\n  }, [client, slug, limit]);\n\n  useEffect(() => { fetch(); }, [fetch]);\n\n  return { ...state, refetch: fetch };\n}\n\n/**\n * Fetch all categories (pillars + clusters).\n *\n * ```tsx\n * const { categories, loading } = useCategories();\n * ```\n */\nexport function useCategories(): UseCategoriesState & { refetch: () => void } {\n  const client = useDsaContent();\n  const [state, setState] = useState<UseCategoriesState>({ categories: [], loading: true, error: null });\n\n  const fetch = useCallback(() => {\n    setState((s) => ({ ...s, loading: true, error: null }));\n    client\n      .getCategories()\n      .then((categories) => setState({ categories, loading: false, error: null }))\n      .catch((err) =>\n        setState({ categories: [], loading: false, error: err instanceof Error ? err : new Error(String(err)) }),\n      );\n  }, [client]);\n\n  useEffect(() => { fetch(); }, [fetch]);\n\n  return { ...state, refetch: fetch };\n}\n","'use client';\n\nimport React from 'react';\nimport type { ArticleListItem } from '../types';\n\nexport interface ArticleFeedProps {\n  articles: ArticleListItem[];\n  layout?: 'grid' | 'list';\n  columns?: 1 | 2 | 3;\n  showExcerpt?: boolean;\n  showImage?: boolean;\n  showMeta?: boolean;\n  onArticleClick?: (slug: string) => void;\n  className?: string;\n  /** \"light\" | \"dark\" | \"inherit\" — sets CSS variable defaults. Use \"inherit\" to control via your own CSS vars. */\n  theme?: 'light' | 'dark' | 'inherit';\n  renderArticle?: (article: ArticleListItem) => React.ReactNode;\n}\n\nconst themeVars = {\n  light: {\n    '--dsa-text': '#111827',\n    '--dsa-text-muted': '#6b7280',\n    '--dsa-text-faint': '#9ca3af',\n    '--dsa-card-bg': '#fff',\n    '--dsa-card-border': '#e5e7eb',\n    '--dsa-badge-bg': '#f3f4f6',\n    '--dsa-badge-text': '#4b5563',\n    '--dsa-hover-shadow': '0 4px 12px rgba(0,0,0,0.08)',\n  },\n  dark: {\n    '--dsa-text': '#f3f4f6',\n    '--dsa-text-muted': '#9ca3af',\n    '--dsa-text-faint': '#6b7280',\n    '--dsa-card-bg': '#1f2937',\n    '--dsa-card-border': '#374151',\n    '--dsa-badge-bg': '#374151',\n    '--dsa-badge-text': '#d1d5db',\n    '--dsa-hover-shadow': '0 4px 12px rgba(0,0,0,0.3)',\n  },\n} as const;\n\nfunction DefaultCard({\n  article,\n  layout,\n  showExcerpt,\n  showImage,\n  showMeta,\n  onClick,\n}: {\n  article: ArticleListItem;\n  layout: 'grid' | 'list';\n  showExcerpt: boolean;\n  showImage: boolean;\n  showMeta: boolean;\n  onClick?: () => void;\n}) {\n  const isGrid = layout === 'grid';\n  const [hovered, setHovered] = React.useState(false);\n\n  const cardStyle: React.CSSProperties = {\n    ...(isGrid\n      ? { border: '1px solid var(--dsa-card-border)', borderRadius: '0.75rem', overflow: 'hidden', background: 'var(--dsa-card-bg)', cursor: 'pointer', transition: 'box-shadow 0.2s' }\n      : { display: 'flex', border: '1px solid var(--dsa-card-border)', borderRadius: '0.75rem', overflow: 'hidden', background: 'var(--dsa-card-bg)', cursor: 'pointer', transition: 'box-shadow 0.2s' }),\n    ...(hovered ? { boxShadow: 'var(--dsa-hover-shadow)' } : {}),\n  };\n\n  return (\n    <article\n      style={cardStyle}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      onClick={onClick}\n      role=\"link\"\n      tabIndex={0}\n      onKeyDown={(e) => e.key === 'Enter' && onClick?.()}\n    >\n      {showImage && article.featured_image_url && (\n        <img\n          src={article.featured_image_url}\n          alt={article.featured_image_alt || article.title}\n          style={isGrid\n            ? { width: '100%', height: '200px', objectFit: 'cover' as const, display: 'block' }\n            : { width: '240px', minHeight: '160px', objectFit: 'cover' as const, flexShrink: 0 }}\n          loading=\"lazy\"\n        />\n      )}\n      <div style={isGrid ? { padding: '1.25rem' } : { padding: '1.25rem', flex: 1 }}>\n        <h3 style={{ margin: '0 0 0.5rem', fontSize: '1.125rem', fontWeight: 600, lineHeight: 1.3, color: 'var(--dsa-text)' }}>\n          {article.title}\n        </h3>\n        {showExcerpt && article.excerpt && (\n          <p style={{ margin: '0 0 0.75rem', fontSize: '0.875rem', color: 'var(--dsa-text-muted)', lineHeight: 1.5 }}>\n            {article.excerpt}\n          </p>\n        )}\n        {showMeta && (\n          <div style={{ display: 'flex', gap: '0.75rem', fontSize: '0.75rem', color: 'var(--dsa-text-faint)', flexWrap: 'wrap' as const }}>\n            {article.pillar_name && (\n              <span style={{ display: 'inline-block', padding: '0.125rem 0.5rem', borderRadius: '9999px', background: 'var(--dsa-badge-bg)', fontSize: '0.75rem', color: 'var(--dsa-badge-text)' }}>\n                {article.pillar_name}\n              </span>\n            )}\n            {article.content_type && (\n              <span style={{ display: 'inline-block', padding: '0.125rem 0.5rem', borderRadius: '9999px', background: 'var(--dsa-badge-bg)', fontSize: '0.75rem', color: 'var(--dsa-badge-text)' }}>\n                {article.content_type.replace(/_/g, ' ')}\n              </span>\n            )}\n            {article.reading_time_minutes && <span>{article.reading_time_minutes} min read</span>}\n            {article.published_at && <span>{new Date(article.published_at).toLocaleDateString()}</span>}\n          </div>\n        )}\n      </div>\n    </article>\n  );\n}\n\n/**\n * Renders a grid or list of article cards.\n * Supports theme=\"light\" | \"dark\" | \"inherit\" via CSS variables.\n *\n * CSS variables (override in your own CSS for full control):\n *   --dsa-text, --dsa-text-muted, --dsa-text-faint,\n *   --dsa-card-bg, --dsa-card-border,\n *   --dsa-badge-bg, --dsa-badge-text, --dsa-hover-shadow\n */\nexport function ArticleFeed({\n  articles,\n  layout = 'grid',\n  columns = 3,\n  showExcerpt = true,\n  showImage = true,\n  showMeta = true,\n  onArticleClick,\n  className,\n  theme = 'light',\n  renderArticle,\n}: ArticleFeedProps) {\n  const gridTemplateColumns = layout === 'grid' ? `repeat(${columns}, 1fr)` : '1fr';\n  const vars = theme !== 'inherit' ? themeVars[theme] : {};\n\n  return (\n    <div\n      className={className}\n      style={{ display: 'grid', gap: '1.5rem', gridTemplateColumns, ...vars } as React.CSSProperties}\n    >\n      {(articles ?? []).map((article) =>\n        renderArticle ? (\n          <React.Fragment key={article.id}>{renderArticle(article)}</React.Fragment>\n        ) : (\n          <DefaultCard\n            key={article.id}\n            article={article}\n            layout={layout}\n            showExcerpt={showExcerpt}\n            showImage={showImage}\n            showMeta={showMeta}\n            onClick={() => onArticleClick?.(article.slug)}\n          />\n        ),\n      )}\n    </div>\n  );\n}\n","'use client';\n\nimport React from 'react';\nimport type { Article, ArticleListItem, FaqItem } from '../types';\nimport { FaqBlock } from './FaqBlock';\nimport { RelatedArticles } from './RelatedArticles';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport type ArticleTheme = 'light' | 'dark' | 'inherit';\n\nexport interface ArticlePageProps {\n  article: Article;\n  showFaq?: boolean;\n  showTableOfContents?: boolean;\n  showMeta?: boolean;\n  showRelated?: boolean;\n  relatedArticles?: ArticleListItem[];\n  onRelatedClick?: (slug: string) => void;\n  className?: string;\n  /** Extra class(es) on the `<div>` that wraps `content_html`. */\n  contentClassName?: string;\n  /**\n   * `\"light\"` / `\"dark\"` — SDK applies inline styles + CSS vars + built-in prose rules.\n   * `\"inherit\"` — SDK applies NO inline styles; only CSS classes and\n   *  `data-*` attributes are rendered so the host site has full control.\n   *\n   * In all modes the content body div has:\n   * - `className=\"dsa-article-body\"`\n   * - `data-dsa-article-body`\n   *\n   * @default \"light\"\n   */\n  theme?: ArticleTheme;\n  /** Disable built-in prose styles injected via `<style>`. Works only in light/dark themes. */\n  disableProseStyles?: boolean;\n  components?: {\n    H1?: React.ComponentType<{ children: React.ReactNode }>;\n    Toc?: React.ComponentType<{ headings: Article['headings'] }>;\n    Faq?: React.ComponentType<{ items: FaqItem[] }>;\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Theme CSS variable presets\n// ---------------------------------------------------------------------------\n\nconst themeVars = {\n  light: {\n    '--dsa-text': '#111827',\n    '--dsa-text-muted': '#6b7280',\n    '--dsa-text-faint': '#9ca3af',\n    '--dsa-card-bg': '#fff',\n    '--dsa-card-border': '#e5e7eb',\n    '--dsa-toc-bg': '#f9fafb',\n    '--dsa-badge-bg': '#eff6ff',\n    '--dsa-badge-text': '#2563eb',\n    '--dsa-badge-alt-bg': '#f0fdf4',\n    '--dsa-badge-alt-text': '#16a34a',\n    '--dsa-content-text': '#374151',\n    '--dsa-h2-text': '#111827',\n    '--dsa-h3-text': '#1f2937',\n    '--dsa-h4-text': '#1f2937',\n    '--dsa-link': '#2563eb',\n    '--dsa-link-hover': '#1d4ed8',\n    '--dsa-blockquote-border': '#d1d5db',\n    '--dsa-blockquote-text': '#4b5563',\n    '--dsa-pre-bg': '#f3f4f6',\n    '--dsa-table-border': '#e5e7eb',\n    '--dsa-table-header-bg': '#f9fafb',\n    '--dsa-divider': '#e5e7eb',\n  },\n  dark: {\n    '--dsa-text': '#f3f4f6',\n    '--dsa-text-muted': '#9ca3af',\n    '--dsa-text-faint': '#6b7280',\n    '--dsa-card-bg': '#1f2937',\n    '--dsa-card-border': '#374151',\n    '--dsa-toc-bg': '#111827',\n    '--dsa-badge-bg': '#1e3a5f',\n    '--dsa-badge-text': '#93c5fd',\n    '--dsa-badge-alt-bg': '#14532d',\n    '--dsa-badge-alt-text': '#86efac',\n    '--dsa-content-text': '#d1d5db',\n    '--dsa-h2-text': '#f3f4f6',\n    '--dsa-h3-text': '#e5e7eb',\n    '--dsa-h4-text': '#e5e7eb',\n    '--dsa-link': '#60a5fa',\n    '--dsa-link-hover': '#93c5fd',\n    '--dsa-blockquote-border': '#4b5563',\n    '--dsa-blockquote-text': '#9ca3af',\n    '--dsa-pre-bg': '#111827',\n    '--dsa-table-border': '#374151',\n    '--dsa-table-header-bg': '#111827',\n    '--dsa-divider': '#374151',\n  },\n} as const;\n\n// ---------------------------------------------------------------------------\n// Built-in prose stylesheet (injected once via <style>)\n// ---------------------------------------------------------------------------\n\nconst PROSE_STYLE_ID = 'dsa-article-prose';\n\nconst proseCSS = /* css */ `\n[data-dsa-article-body] h2 { font-size: 1.5rem; font-weight: 700; line-height: 1.3; color: var(--dsa-h2-text, #111827); margin: 2rem 0 0.75rem; }\n[data-dsa-article-body] h3 { font-size: 1.25rem; font-weight: 600; line-height: 1.4; color: var(--dsa-h3-text, #1f2937); margin: 1.75rem 0 0.5rem; }\n[data-dsa-article-body] h4 { font-size: 1.125rem; font-weight: 600; line-height: 1.4; color: var(--dsa-h4-text, #1f2937); margin: 1.5rem 0 0.5rem; }\n[data-dsa-article-body] p  { margin: 0 0 1.25rem; }\n[data-dsa-article-body] ul,\n[data-dsa-article-body] ol { margin: 0 0 1.25rem; padding-left: 1.5rem; }\n[data-dsa-article-body] li { margin: 0 0 0.375rem; }\n[data-dsa-article-body] li > ul,\n[data-dsa-article-body] li > ol { margin: 0.375rem 0 0; }\n[data-dsa-article-body] blockquote { margin: 1.5rem 0; padding: 0.75rem 1.25rem; border-left: 4px solid var(--dsa-blockquote-border, #d1d5db); color: var(--dsa-blockquote-text, #4b5563); font-style: italic; }\n[data-dsa-article-body] pre  { margin: 1.5rem 0; padding: 1rem; background: var(--dsa-pre-bg, #f3f4f6); border-radius: 0.5rem; overflow-x: auto; font-size: 0.875rem; }\n[data-dsa-article-body] code { font-size: 0.875em; }\n[data-dsa-article-body] table { width: 100%; margin: 1.5rem 0; border-collapse: collapse; font-size: 0.9375rem; }\n[data-dsa-article-body] th,\n[data-dsa-article-body] td { padding: 0.5rem 0.75rem; border: 1px solid var(--dsa-table-border, #e5e7eb); text-align: left; }\n[data-dsa-article-body] th { background: var(--dsa-table-header-bg, #f9fafb); font-weight: 600; }\n[data-dsa-article-body] img { max-width: 100%; height: auto; border-radius: 0.5rem; margin: 1.5rem 0; }\n[data-dsa-article-body] a   { color: var(--dsa-link, #2563eb); text-decoration: underline; text-underline-offset: 2px; }\n[data-dsa-article-body] a:hover { color: var(--dsa-link-hover, #1d4ed8); }\n[data-dsa-article-body] hr  { border: none; border-top: 1px solid var(--dsa-divider, #e5e7eb); margin: 2rem 0; }\n[data-dsa-article-body] > *:first-child { margin-top: 0; }\n[data-dsa-article-body] > *:last-child  { margin-bottom: 0; }\n`.trim();\n\nfunction useProseStyles(enabled: boolean) {\n  React.useEffect(() => {\n    if (!enabled) return;\n    if (typeof document === 'undefined') return;\n    if (document.getElementById(PROSE_STYLE_ID)) return;\n    const el = document.createElement('style');\n    el.id = PROSE_STYLE_ID;\n    el.textContent = proseCSS;\n    document.head.appendChild(el);\n  }, [enabled]);\n}\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\nfunction DefaultToc({ headings }: { headings: Article['headings'] }) {\n  if (!headings || headings.length === 0) return null;\n  return (\n    <nav className=\"dsa-toc\" data-dsa-toc=\"\" style={{ background: 'var(--dsa-toc-bg, #f9fafb)', border: '1px solid var(--dsa-card-border, #e5e7eb)', borderRadius: '0.75rem', padding: '1.25rem', marginBottom: '2rem' }}>\n      <p style={{ fontSize: '0.875rem', fontWeight: 600, color: 'var(--dsa-text-muted, #374151)', margin: '0 0 0.75rem', textTransform: 'uppercase' as const, letterSpacing: '0.05em' }}>\n        Table of Contents\n      </p>\n      <ul style={{ listStyle: 'none', padding: 0, margin: 0 }}>\n        {headings.map((h, i) => (\n          <li key={i} style={{ padding: '0.25rem 0', paddingLeft: `${(h.level - 2) * 1}rem` }}>\n            <a href={`#${h.id}`} style={{ color: 'var(--dsa-text-muted, #4b5563)', textDecoration: 'none', fontSize: '0.875rem' }}>\n              {h.text}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n}\n\nfunction InheritToc({ headings }: { headings: Article['headings'] }) {\n  if (!headings || headings.length === 0) return null;\n  return (\n    <nav className=\"dsa-toc\" data-dsa-toc=\"\">\n      <p className=\"dsa-toc-title\">Table of Contents</p>\n      <ul className=\"dsa-toc-list\">\n        {headings.map((h, i) => (\n          <li key={i} className=\"dsa-toc-item\" style={{ paddingLeft: `${(h.level - 2) * 1}rem` }}>\n            <a href={`#${h.id}`} className=\"dsa-toc-link\">\n              {h.text}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\n/**\n * Full article page with optional TOC, FAQ, related articles, and JSON-LD.\n *\n * **light / dark** — SDK applies inline styles with `--dsa-*` CSS variable\n * overrides, plus built-in prose rules for the article body.\n *\n * **inherit** — SDK renders only semantic HTML with stable CSS classes\n * and `data-*` attributes. No inline styles, no injected `<style>`.\n *\n * ### Stable CSS selectors (always present)\n *\n * | Element | Class | Data attribute |\n * |---------|-------|----------------|\n * | Root    | `className` prop | `data-dsa-theme` |\n * | Body    | `dsa-article-body` + `contentClassName` | `data-dsa-article-body` |\n * | TOC     | `dsa-toc` | `data-dsa-toc` |\n * | Meta    | `dsa-meta` | `data-dsa-meta` |\n *\n * ```tsx\n * // Works out of the box\n * <ArticlePage article={article} />\n *\n * // Inherit — host site provides all styles\n * <ArticlePage article={article} theme=\"inherit\" contentClassName=\"prose dark:prose-invert\" />\n * ```\n */\nexport function ArticlePage({\n  article,\n  showFaq = true,\n  showTableOfContents = true,\n  showMeta = true,\n  showRelated = false,\n  relatedArticles,\n  onRelatedClick,\n  className,\n  contentClassName,\n  theme = 'light',\n  disableProseStyles = false,\n  components,\n}: ArticlePageProps) {\n  const inherit = theme === 'inherit';\n  useProseStyles(!inherit && !disableProseStyles);\n\n  const H1 = components?.H1 || (inherit\n    ? ({ children }: { children: React.ReactNode }) => <h1 className=\"dsa-h1\">{children}</h1>\n    : ({ children }: { children: React.ReactNode }) => (\n        <h1 className=\"dsa-h1\" style={{ fontSize: '2.25rem', fontWeight: 700, lineHeight: 1.2, color: 'var(--dsa-text)', margin: '0 0 1rem' }}>{children}</h1>\n      ));\n  const Toc = components?.Toc || (inherit ? InheritToc : DefaultToc);\n  const FaqComponent = components?.Faq || FaqBlock;\n  const vars = !inherit ? themeVars[theme] : {};\n  const bodyClasses = ['dsa-article-body', contentClassName].filter(Boolean).join(' ');\n\n  return (\n    <article\n      className={className}\n      data-dsa-theme={theme}\n      style={inherit ? undefined : { maxWidth: '48rem', margin: '0 auto', fontFamily: 'system-ui, -apple-system, sans-serif', ...vars } as React.CSSProperties}\n    >\n      {showMeta && (\n        <div className=\"dsa-meta\" data-dsa-meta=\"\" style={inherit ? undefined : { display: 'flex', gap: '1rem', flexWrap: 'wrap' as const, fontSize: '0.875rem', color: 'var(--dsa-text-muted)', marginBottom: '1.5rem' }}>\n          {article.pillar_name && (\n            <span className=\"dsa-badge\" style={inherit ? undefined : { display: 'inline-block', padding: '0.125rem 0.5rem', borderRadius: '9999px', background: 'var(--dsa-badge-bg)', color: 'var(--dsa-badge-text)', fontSize: '0.75rem' }}>\n              {article.pillar_name}\n            </span>\n          )}\n          {article.content_type && (\n            <span className=\"dsa-badge dsa-badge--alt\" style={inherit ? undefined : { display: 'inline-block', padding: '0.125rem 0.5rem', borderRadius: '9999px', background: 'var(--dsa-badge-alt-bg, var(--dsa-badge-bg))', color: 'var(--dsa-badge-alt-text, var(--dsa-badge-text))', fontSize: '0.75rem' }}>\n              {article.content_type.replace(/_/g, ' ')}\n            </span>\n          )}\n          {article.reading_time_minutes && <span className=\"dsa-reading-time\">{article.reading_time_minutes} min read</span>}\n          {article.published_at && <span className=\"dsa-published-at\">{new Date(article.published_at).toLocaleDateString()}</span>}\n        </div>\n      )}\n\n      <H1>{article.h1 || article.title}</H1>\n\n      {article.featured_image_url && (\n        <img\n          className=\"dsa-featured-image\"\n          src={article.featured_image_url}\n          alt={article.featured_image_alt || article.title}\n          style={inherit ? undefined : { width: '100%', borderRadius: '0.75rem', marginBottom: '2rem' }}\n        />\n      )}\n\n      {showTableOfContents && (article.headings ?? []).length > 0 && (\n        <Toc headings={article.headings} />\n      )}\n\n      {/* Article body */}\n      <div\n        className={bodyClasses}\n        data-dsa-article-body=\"\"\n        style={inherit ? undefined : { lineHeight: 1.75, color: 'var(--dsa-content-text)', fontSize: '1.0625rem' }}\n        dangerouslySetInnerHTML={{ __html: article.content_html }}\n      />\n\n      {showFaq && (article.faq ?? []).length > 0 && (\n        <>\n          <hr className=\"dsa-divider\" style={inherit ? undefined : { border: 'none', borderTop: '1px solid var(--dsa-divider)', margin: '2.5rem 0' }} />\n          <FaqComponent items={article.faq} />\n        </>\n      )}\n\n      {article.schema_json && (\n        <script\n          type=\"application/ld+json\"\n          dangerouslySetInnerHTML={{ __html: JSON.stringify(article.schema_json) }}\n        />\n      )}\n\n      {showRelated && relatedArticles && relatedArticles.length > 0 && (\n        <>\n          <hr className=\"dsa-divider\" style={inherit ? undefined : { border: 'none', borderTop: '1px solid var(--dsa-divider)', margin: '2.5rem 0' }} />\n          <RelatedArticles articles={relatedArticles} onArticleClick={onRelatedClick} theme={theme} />\n        </>\n      )}\n    </article>\n  );\n}\n","'use client';\n\nimport React, { useState } from 'react';\nimport type { FaqItem } from '../types';\n\nexport interface FaqBlockProps {\n  items: FaqItem[];\n  collapsible?: boolean;\n  defaultOpen?: boolean;\n  className?: string;\n  title?: string;\n  /** \"light\" | \"dark\" | \"inherit\" */\n  theme?: 'light' | 'dark' | 'inherit';\n}\n\nconst themeVars = {\n  light: {\n    '--dsa-text': '#111827',\n    '--dsa-text-muted': '#4b5563',\n    '--dsa-text-faint': '#9ca3af',\n    '--dsa-divider': '#e5e7eb',\n  },\n  dark: {\n    '--dsa-text': '#f3f4f6',\n    '--dsa-text-muted': '#d1d5db',\n    '--dsa-text-faint': '#6b7280',\n    '--dsa-divider': '#374151',\n  },\n} as const;\n\nfunction FaqItemComponent({\n  item,\n  collapsible,\n  defaultOpen,\n}: {\n  item: FaqItem;\n  collapsible: boolean;\n  defaultOpen: boolean;\n}) {\n  const [open, setOpen] = useState(defaultOpen);\n\n  if (!collapsible) {\n    return (\n      <div style={{ borderBottom: '1px solid var(--dsa-divider)', padding: '0.75rem 0' }}>\n        <p style={{ fontSize: '1rem', fontWeight: 600, color: 'var(--dsa-text)', margin: '0 0 0.5rem' }}>{item.question}</p>\n        <div style={{ fontSize: '0.9375rem', color: 'var(--dsa-text-muted)', lineHeight: 1.6 }}>{item.answer}</div>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ borderBottom: '1px solid var(--dsa-divider)', padding: '0.75rem 0' }}>\n      <button\n        style={{\n          display: 'flex', justifyContent: 'space-between', alignItems: 'center',\n          cursor: 'pointer', background: 'none', border: 'none', width: '100%',\n          textAlign: 'left' as const, padding: '0.5rem 0', fontSize: '1rem',\n          fontWeight: 600, color: 'var(--dsa-text)', fontFamily: 'inherit',\n        }}\n        onClick={() => setOpen(!open)}\n        aria-expanded={open}\n      >\n        <span>{item.question}</span>\n        <span style={{ flexShrink: 0, marginLeft: '1rem', transition: 'transform 0.2s', fontSize: '1.25rem', color: 'var(--dsa-text-faint)', transform: open ? 'rotate(180deg)' : 'rotate(0deg)' }}>\n          &#9660;\n        </span>\n      </button>\n      {open && <div style={{ fontSize: '0.9375rem', color: 'var(--dsa-text-muted)', lineHeight: 1.6, paddingTop: '0.5rem' }}>{item.answer}</div>}\n    </div>\n  );\n}\n\n/**\n * FAQ block with Schema.org FAQPage markup.\n * Supports theme=\"light\" | \"dark\" | \"inherit\" via CSS variables.\n */\nexport function FaqBlock({\n  items,\n  collapsible = true,\n  defaultOpen = false,\n  className,\n  title = 'Frequently Asked Questions',\n  theme = 'light',\n}: FaqBlockProps) {\n  if (!items || items.length === 0) return null;\n  const vars = theme !== 'inherit' ? themeVars[theme] : {};\n\n  const schemaData = {\n    '@context': 'https://schema.org',\n    '@type': 'FAQPage',\n    mainEntity: items.map((item) => ({\n      '@type': 'Question',\n      name: item.question,\n      acceptedAnswer: { '@type': 'Answer', text: item.answer },\n    })),\n  };\n\n  return (\n    <section className={className} style={{ marginTop: '1rem', ...vars } as React.CSSProperties}>\n      <h2 style={{ fontSize: '1.5rem', fontWeight: 700, color: 'var(--dsa-text)', margin: '0 0 1rem' }}>{title}</h2>\n      {items.map((item, i) => (\n        <FaqItemComponent key={i} item={item} collapsible={collapsible} defaultOpen={defaultOpen} />\n      ))}\n      <script\n        type=\"application/ld+json\"\n        dangerouslySetInnerHTML={{ __html: JSON.stringify(schemaData) }}\n      />\n    </section>\n  );\n}\n","'use client';\n\nimport React from 'react';\nimport type { ArticleListItem } from '../types';\n\nexport interface RelatedArticlesProps {\n  articles: ArticleListItem[];\n  title?: string;\n  limit?: number;\n  onArticleClick?: (slug: string) => void;\n  className?: string;\n  /** \"light\" | \"dark\" | \"inherit\" */\n  theme?: 'light' | 'dark' | 'inherit';\n}\n\nconst themeVars = {\n  light: {\n    '--dsa-text': '#111827',\n    '--dsa-text-muted': '#6b7280',\n    '--dsa-card-bg': '#fff',\n    '--dsa-card-border': '#e5e7eb',\n  },\n  dark: {\n    '--dsa-text': '#f3f4f6',\n    '--dsa-text-muted': '#9ca3af',\n    '--dsa-card-bg': '#1f2937',\n    '--dsa-card-border': '#374151',\n  },\n} as const;\n\n/**\n * Related articles widget.\n * Supports theme=\"light\" | \"dark\" | \"inherit\" via CSS variables.\n */\nexport function RelatedArticles({\n  articles,\n  title = 'Related Articles',\n  limit = 3,\n  onArticleClick,\n  className,\n  theme = 'light',\n}: RelatedArticlesProps) {\n  const displayed = (articles ?? []).slice(0, limit);\n  if (displayed.length === 0) return null;\n  const vars = theme !== 'inherit' ? themeVars[theme] : {};\n\n  return (\n    <section className={className} style={{ marginTop: '1rem', ...vars } as React.CSSProperties}>\n      <h3 style={{ fontSize: '1.25rem', fontWeight: 700, color: 'var(--dsa-text)', margin: '0 0 1rem' }}>{title}</h3>\n      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(250px, 1fr))', gap: '1rem' }}>\n        {displayed.map((a) => (\n          <div\n            key={a.id}\n            style={{ border: '1px solid var(--dsa-card-border)', borderRadius: '0.5rem', overflow: 'hidden', cursor: 'pointer', transition: 'box-shadow 0.2s', background: 'var(--dsa-card-bg)' }}\n            onClick={() => onArticleClick?.(a.slug)}\n            role=\"link\"\n            tabIndex={0}\n            onKeyDown={(e) => e.key === 'Enter' && onArticleClick?.(a.slug)}\n          >\n            {a.featured_image_url && (\n              <img\n                src={a.featured_image_url}\n                alt={a.featured_image_alt || a.title}\n                style={{ width: '100%', height: '140px', objectFit: 'cover' as const, display: 'block' }}\n                loading=\"lazy\"\n              />\n            )}\n            <div style={{ padding: '1rem' }}>\n              <h4 style={{ fontSize: '0.9375rem', fontWeight: 600, color: 'var(--dsa-text)', margin: 0, lineHeight: 1.3 }}>{a.title}</h4>\n              {a.excerpt && <p style={{ fontSize: '0.8125rem', color: 'var(--dsa-text-muted)', marginTop: '0.5rem', lineHeight: 1.4 }}>{a.excerpt}</p>}\n            </div>\n          </div>\n        ))}\n      </div>\n    </section>\n  );\n}\n","import type { Article } from '../types';\n\n/**\n * Generate Next.js App Router Metadata object from an Article.\n * Use in page.tsx generateMetadata():\n *\n * ```ts\n * import { generateArticleMetadata } from \"@dsa/content-sdk/server\";\n *\n * export async function generateMetadata({ params }) {\n *   const article = await fetchArticleBySlug(config, params.slug);\n *   return generateArticleMetadata(article, \"https://example.com\");\n * }\n * ```\n */\nexport function generateArticleMetadata(\n  article: Article,\n  siteUrl?: string,\n): Record<string, any> {\n  const url = siteUrl\n    ? `${siteUrl.replace(/\\/+$/, '')}/blog/${article.slug}`\n    : undefined;\n\n  return {\n    title: article.meta_title || article.title,\n    description: article.meta_description || article.excerpt || '',\n    openGraph: {\n      title: article.meta_title || article.title,\n      description: article.meta_description || article.excerpt || '',\n      type: 'article',\n      publishedTime: article.published_at || undefined,\n      modifiedTime: article.updated_at || undefined,\n      ...(url ? { url } : {}),\n      ...(article.featured_image_url\n        ? {\n            images: [\n              {\n                url: article.featured_image_url,\n                alt: article.featured_image_alt || article.title,\n              },\n            ],\n          }\n        : {}),\n    },\n    twitter: {\n      card: 'summary_large_image',\n      title: article.meta_title || article.title,\n      description: article.meta_description || article.excerpt || '',\n      ...(article.featured_image_url ? { images: [article.featured_image_url] } : {}),\n    },\n    ...(article.canonical_url\n      ? { alternates: { canonical: article.canonical_url } }\n      : url\n        ? { alternates: { canonical: url } }\n        : {}),\n  };\n}\n\n/**\n * Renders JSON-LD structured data for an article.\n * Include this component in your article page layout for SEO.\n *\n * ```tsx\n * <SeoMetaBridge article={article} siteUrl=\"https://example.com\" />\n * ```\n */\nexport function SeoMetaBridge({\n  article,\n  siteUrl,\n}: {\n  article: Article;\n  siteUrl?: string;\n}) {\n  const schema = article.schema_json || {\n    '@context': 'https://schema.org',\n    '@type': 'Article',\n    headline: article.meta_title || article.title,\n    description: article.meta_description || article.excerpt || '',\n    datePublished: article.published_at || undefined,\n    dateModified: article.updated_at || article.published_at || undefined,\n    ...(article.featured_image_url ? { image: article.featured_image_url } : {}),\n    ...(siteUrl ? { url: `${siteUrl.replace(/\\/+$/, '')}/blog/${article.slug}` } : {}),\n    ...(article.target_keyword\n      ? { keywords: [article.target_keyword, ...(article.secondary_keywords || [])].join(', ') }\n      : {}),\n  };\n\n  return (\n    <script\n      type=\"application/ld+json\"\n      dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}\n    />\n  );\n}\n"],"mappings":"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","names":["src_exports","__export","ArticleFeed","ArticlePage","ContentClient","DsaContentProvider","FaqBlock","RelatedArticles","SeoMetaBridge","generateArticleMetadata","useArticle","useArticles","useCategories","useDsaContent","useRelatedArticles","__toCommonJS","ContentClient","config","path","params","url","k","v","fetchOptions","res","text","article","filters","raw","slug","limit","import_react","import_jsx_runtime","ContentContext","DsaContentProvider","config","children","client","ContentClient","useDsaContent","import_react","useArticles","filters","client","useDsaContent","state","setState","fetch","s","res","err","useArticle","slug","article","useRelatedArticles","limit","articles","useCategories","categories","import_react","import_jsx_runtime","themeVars","DefaultCard","article","layout","showExcerpt","showImage","showMeta","onClick","isGrid","hovered","setHovered","React","cardStyle","e","ArticleFeed","articles","columns","onArticleClick","className","theme","renderArticle","gridTemplateColumns","vars","import_react","import_react","import_jsx_runtime","themeVars","FaqItemComponent","item","collapsible","defaultOpen","open","setOpen","FaqBlock","items","className","title","theme","vars","schemaData","i","import_jsx_runtime","themeVars","RelatedArticles","articles","title","limit","onArticleClick","className","theme","displayed","vars","a","e","import_jsx_runtime","themeVars","PROSE_STYLE_ID","proseCSS","useProseStyles","enabled","React","el","DefaultToc","headings","h","i","InheritToc","ArticlePage","article","showFaq","showTableOfContents","showMeta","showRelated","relatedArticles","onRelatedClick","className","contentClassName","theme","disableProseStyles","components","inherit","H1","children","Toc","FaqComponent","FaqBlock","vars","bodyClasses","RelatedArticles","import_jsx_runtime","generateArticleMetadata","article","siteUrl","url","SeoMetaBridge","schema"]}

package/dist/index.mjs

@@ -1,3 +1,26 @@
 "use client";
-var b=class{constructor(t){this.apiUrl=t.apiUrl.replace(/\/+$/,""),this.apiKey=t.apiKey,this.cacheStrategy=t.cacheStrategy==="revalidate"?"default":t.cacheStrategy==="force-cache"?"force-cache":"no-cache",this.revalidateSeconds=t.revalidateSeconds}async request(t,r){let o=new URL(`${this.apiUrl}${t}`);r&&Object.entries(r).forEach(([i,l])=>{l!=null&&l!==""&&o.searchParams.set(i,String(l))}),o.searchParams.set("site_key",this.apiKey);let n={method:"GET",headers:{"X-API-Key":this.apiKey},cache:this.cacheStrategy};this.revalidateSeconds&&this.cacheStrategy!=="no-cache"&&(n.next={revalidate:this.revalidateSeconds});let a=await fetch(o.toString(),n);if(!a.ok){let i=await a.text().catch(()=>"");throw new Error(`DSA Content API error ${a.status}: ${i||a.statusText}`)}return a.json()}normalizeArticle(t){return{...t,headings:t.headings??[],faq:t.faq??[],internal_links:t.internal_links??[],secondary_keywords:t.secondary_keywords??[],schema_json:t.schema_json??null,content_json:t.content_json??null}}async getArticles(t){let r=await this.request("/api/public/articles",{page:t?.page,per_page:t?.per_page,pillar:t?.pillar,cluster:t?.cluster,content_type:t?.content_type,search:t?.search});return{items:r.items??r.data??[],total:r.total??0,page:r.page??1,per_page:r.per_page??20,total_pages:r.total_pages??r.pages??1}}async getArticleBySlug(t){let r=await this.request(`/api/public/articles/${encodeURIComponent(t)}`);return this.normalizeArticle(r)}async getRelatedArticles(t,r=3){let o=await this.request(`/api/public/articles/${encodeURIComponent(t)}/related`,{limit:r});return o.items??(Array.isArray(o)?o:[])}async getCategories(){let t=await this.request("/api/public/categories");return t.items??(Array.isArray(t)?t:[])}async getSitemap(){let t=await this.request("/api/public/sitemap");return t.items??(Array.isArray(t)?t:[])}};import{createContext as H,useContext as M,useMemo as $}from"react";import{jsx as j}from"react/jsx-runtime";var q=H(null);function N({config:e,children:t}){let r=$(()=>new b(e),[e.apiUrl,e.apiKey]);return j(q.Provider,{value:r,children:t})}function h(){let e=M(q);if(!e)throw new Error("useDsaContent() must be used inside <DsaContentProvider>");return e}import{useState as A,useEffect as x,useCallback as R}from"react";function W(e){let t=h(),[r,o]=A({articles:[],loading:!0,error:null,pagination:{page:1,per_page:10,total:0,total_pages:0}}),n=R(()=>{o(a=>({...a,loading:!0,error:null})),t.getArticles(e).then(a=>o({articles:a.items,loading:!1,error:null,pagination:{page:a.page,per_page:a.per_page,total:a.total,total_pages:a.total_pages}})).catch(a=>o(i=>({...i,loading:!1,error:a instanceof Error?a:new Error(String(a))})))},[t,e?.page,e?.per_page,e?.pillar,e?.cluster,e?.content_type,e?.search]);return x(()=>{n()},[n]),{...r,refetch:n}}function O(e){let t=h(),[r,o]=A({article:null,loading:!0,error:null}),n=R(()=>{if(!e){o({article:null,loading:!1,error:null});return}o(a=>({...a,loading:!0,error:null})),t.getArticleBySlug(e).then(a=>o({article:a,loading:!1,error:null})).catch(a=>o({article:null,loading:!1,error:a instanceof Error?a:new Error(String(a))}))},[t,e]);return x(()=>{n()},[n]),{...r,refetch:n}}function K(e,t=3){let r=h(),[o,n]=A({articles:[],loading:!0,error:null}),a=R(()=>{if(!e){n({articles:[],loading:!1,error:null});return}n(i=>({...i,loading:!0,error:null})),r.getRelatedArticles(e,t).then(i=>n({articles:i,loading:!1,error:null})).catch(i=>n({articles:[],loading:!1,error:i instanceof Error?i:new Error(String(i))}))},[r,e,t]);return x(()=>{a()},[a]),{...o,refetch:a}}function G(){let e=h(),[t,r]=A({categories:[],loading:!0,error:null}),o=R(()=>{r(n=>({...n,loading:!0,error:null})),e.getCategories().then(n=>r({categories:n,loading:!1,error:null})).catch(n=>r({categories:[],loading:!1,error:n instanceof Error?n:new Error(String(n))}))},[e]);return x(()=>{o()},[o]),{...t,refetch:o}}import I from"react";import{jsx as m,jsxs as P}from"react/jsx-runtime";var p={grid:{display:"grid",gap:"1.5rem"},card:{border:"1px solid #e5e7eb",borderRadius:"0.75rem",overflow:"hidden",background:"#fff",cursor:"pointer",transition:"box-shadow 0.2s"},cardHover:{boxShadow:"0 4px 12px rgba(0,0,0,0.08)"},image:{width:"100%",height:"200px",objectFit:"cover",display:"block"},body:{padding:"1.25rem"},title:{margin:"0 0 0.5rem",fontSize:"1.125rem",fontWeight:600,lineHeight:1.3,color:"#111827"},excerpt:{margin:"0 0 0.75rem",fontSize:"0.875rem",color:"#6b7280",lineHeight:1.5},meta:{display:"flex",gap:"0.75rem",fontSize:"0.75rem",color:"#9ca3af",flexWrap:"wrap"},badge:{display:"inline-block",padding:"0.125rem 0.5rem",borderRadius:"9999px",background:"#f3f4f6",fontSize:"0.75rem",color:"#4b5563"},listCard:{display:"flex",border:"1px solid #e5e7eb",borderRadius:"0.75rem",overflow:"hidden",background:"#fff",cursor:"pointer",transition:"box-shadow 0.2s"},listImage:{width:"240px",minHeight:"160px",objectFit:"cover",flexShrink:0},listBody:{padding:"1.25rem",flex:1}};function J({article:e,layout:t,showExcerpt:r,showImage:o,showMeta:n,onClick:a}){let i=t==="grid",[l,d]=I.useState(!1);return P("article",{style:{...i?p.card:p.listCard,...l?p.cardHover:{}},onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onClick:a,role:"link",tabIndex:0,onKeyDown:_=>_.key==="Enter"&&a?.(),children:[o&&e.featured_image_url&&m("img",{src:e.featured_image_url,alt:e.featured_image_alt||e.title,style:i?p.image:p.listImage,loading:"lazy"}),P("div",{style:i?p.body:p.listBody,children:[m("h3",{style:p.title,children:e.title}),r&&e.excerpt&&m("p",{style:p.excerpt,children:e.excerpt}),n&&P("div",{style:p.meta,children:[e.pillar_name&&m("span",{style:p.badge,children:e.pillar_name}),e.content_type&&m("span",{style:p.badge,children:e.content_type.replace(/_/g," ")}),e.reading_time_minutes&&P("span",{children:[e.reading_time_minutes," min read"]}),e.published_at&&m("span",{children:new Date(e.published_at).toLocaleDateString()})]})]})]})}function T({articles:e,layout:t="grid",columns:r=3,showExcerpt:o=!0,showImage:n=!0,showMeta:a=!0,onArticleClick:i,className:l,renderArticle:d}){let _=t==="grid"?`repeat(${r}, 1fr)`:"1fr";return m("div",{className:l,style:{...p.grid,gridTemplateColumns:_},children:e.map(y=>d?m(I.Fragment,{children:d(y)},y.id):m(J,{article:y,layout:t,showExcerpt:o,showImage:n,showMeta:a,onClick:()=>i?.(y.slug)},y.id))})}import{useState as Q}from"react";import{jsx as u,jsxs as w}from"react/jsx-runtime";var g={wrapper:{marginTop:"1rem"},title:{fontSize:"1.5rem",fontWeight:700,color:"#111827",margin:"0 0 1rem"},item:{borderBottom:"1px solid #e5e7eb",padding:"0.75rem 0"},question:{display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",background:"none",border:"none",width:"100%",textAlign:"left",padding:"0.5rem 0",fontSize:"1rem",fontWeight:600,color:"#1f2937",fontFamily:"inherit"},questionStatic:{fontSize:"1rem",fontWeight:600,color:"#1f2937",margin:"0 0 0.5rem"},chevron:{flexShrink:0,marginLeft:"1rem",transition:"transform 0.2s",fontSize:"1.25rem",color:"#9ca3af"},answer:{fontSize:"0.9375rem",color:"#4b5563",lineHeight:1.6,paddingTop:"0.5rem"}};function X({item:e,collapsible:t,defaultOpen:r}){let[o,n]=Q(r);return t?w("div",{style:g.item,children:[w("button",{style:g.question,onClick:()=>n(!o),"aria-expanded":o,children:[u("span",{children:e.question}),u("span",{style:{...g.chevron,transform:o?"rotate(180deg)":"rotate(0deg)"},children:"\u25BC"})]}),o&&u("div",{style:g.answer,children:e.answer})]}):w("div",{style:g.item,children:[u("p",{style:g.questionStatic,children:e.question}),u("div",{style:g.answer,children:e.answer})]})}function v({items:e,collapsible:t=!0,defaultOpen:r=!1,className:o,title:n="Frequently Asked Questions"}){if(!e||e.length===0)return null;let a={"@context":"https://schema.org","@type":"FAQPage",mainEntity:e.map(i=>({"@type":"Question",name:i.question,acceptedAnswer:{"@type":"Answer",text:i.answer}}))};return w("section",{className:o,style:g.wrapper,children:[u("h2",{style:g.title,children:n}),e.map((i,l)=>u(X,{item:i,collapsible:t,defaultOpen:r},l)),u("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(a)}})]})}import{jsx as C,jsxs as F}from"react/jsx-runtime";var f={wrapper:{marginTop:"1rem"},title:{fontSize:"1.25rem",fontWeight:700,color:"#111827",margin:"0 0 1rem"},grid:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(250px, 1fr))",gap:"1rem"},card:{border:"1px solid #e5e7eb",borderRadius:"0.5rem",overflow:"hidden",cursor:"pointer",transition:"box-shadow 0.2s",background:"#fff"},image:{width:"100%",height:"140px",objectFit:"cover",display:"block"},body:{padding:"1rem"},cardTitle:{fontSize:"0.9375rem",fontWeight:600,color:"#111827",margin:0,lineHeight:1.3},excerpt:{fontSize:"0.8125rem",color:"#6b7280",marginTop:"0.5rem",lineHeight:1.4}};function k({articles:e,title:t="Related Articles",limit:r=3,onArticleClick:o,className:n}){let a=e.slice(0,r);return a.length===0?null:F("section",{className:n,style:f.wrapper,children:[C("h3",{style:f.title,children:t}),C("div",{style:f.grid,children:a.map(i=>F("div",{style:f.card,onClick:()=>o?.(i.slug),role:"link",tabIndex:0,onKeyDown:l=>l.key==="Enter"&&o?.(i.slug),children:[i.featured_image_url&&C("img",{src:i.featured_image_url,alt:i.featured_image_alt||i.title,style:f.image,loading:"lazy"}),F("div",{style:f.body,children:[C("h4",{style:f.cardTitle,children:i.title}),i.excerpt&&C("p",{style:f.excerpt,children:i.excerpt})]})]},i.id))})]})}import{Fragment as L,jsx as s,jsxs as S}from"react/jsx-runtime";var c={wrapper:{maxWidth:"48rem",margin:"0 auto",fontFamily:"system-ui, -apple-system, sans-serif"},meta:{display:"flex",gap:"1rem",flexWrap:"wrap",fontSize:"0.875rem",color:"#6b7280",marginBottom:"1.5rem"},badge:{display:"inline-block",padding:"0.125rem 0.5rem",borderRadius:"9999px",background:"#eff6ff",color:"#2563eb",fontSize:"0.75rem"},h1:{fontSize:"2.25rem",fontWeight:700,lineHeight:1.2,color:"#111827",margin:"0 0 1rem"},image:{width:"100%",borderRadius:"0.75rem",marginBottom:"2rem"},toc:{background:"#f9fafb",border:"1px solid #e5e7eb",borderRadius:"0.75rem",padding:"1.25rem",marginBottom:"2rem"},tocTitle:{fontSize:"0.875rem",fontWeight:600,color:"#374151",margin:"0 0 0.75rem",textTransform:"uppercase",letterSpacing:"0.05em"},tocList:{listStyle:"none",padding:0,margin:0},tocItem:{padding:"0.25rem 0"},tocLink:{color:"#4b5563",textDecoration:"none",fontSize:"0.875rem"},content:{lineHeight:1.75,color:"#374151",fontSize:"1.0625rem"},divider:{border:"none",borderTop:"1px solid #e5e7eb",margin:"2.5rem 0"}};function V({headings:e}){return!e||e.length===0?null:S("nav",{style:c.toc,children:[s("p",{style:c.tocTitle,children:"Table of Contents"}),s("ul",{style:c.tocList,children:e.map((t,r)=>s("li",{style:{...c.tocItem,paddingLeft:`${(t.level-2)*1}rem`},children:s("a",{href:`#${t.id}`,style:c.tocLink,children:t.text})},r))})]})}function D({article:e,showFaq:t=!0,showTableOfContents:r=!0,showMeta:o=!0,showRelated:n=!1,relatedArticles:a,onRelatedClick:i,className:l,components:d}){let _=d?.H1||(({children:B})=>s("h1",{style:c.h1,children:B})),y=d?.Toc||V,z=d?.Faq||v;return S("article",{className:l,style:c.wrapper,children:[o&&S("div",{style:c.meta,children:[e.pillar_name&&s("span",{style:c.badge,children:e.pillar_name}),e.content_type&&s("span",{style:{...c.badge,background:"#f0fdf4",color:"#16a34a"},children:e.content_type.replace(/_/g," ")}),e.reading_time_minutes&&S("span",{children:[e.reading_time_minutes," min read"]}),e.published_at&&s("span",{children:new Date(e.published_at).toLocaleDateString()})]}),s(_,{children:e.h1||e.title}),e.featured_image_url&&s("img",{src:e.featured_image_url,alt:e.featured_image_alt||e.title,style:c.image}),r&&e.headings?.length>0&&s(y,{headings:e.headings}),s("div",{style:c.content,dangerouslySetInnerHTML:{__html:e.content_html}}),t&&e.faq?.length>0&&S(L,{children:[s("hr",{style:c.divider}),s(z,{items:e.faq})]}),e.schema_json&&s("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(e.schema_json)}}),n&&a&&a.length>0&&S(L,{children:[s("hr",{style:c.divider}),s(k,{articles:a,onArticleClick:i})]})]})}import{jsx as Y}from"react/jsx-runtime";function E(e,t){let r=t?`${t.replace(/\/+$/,"")}/blog/${e.slug}`:void 0;return{title:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",openGraph:{title:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",type:"article",publishedTime:e.published_at||void 0,modifiedTime:e.updated_at||void 0,...r?{url:r}:{},...e.featured_image_url?{images:[{url:e.featured_image_url,alt:e.featured_image_alt||e.title}]}:{}},twitter:{card:"summary_large_image",title:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",...e.featured_image_url?{images:[e.featured_image_url]}:{}},...e.canonical_url?{alternates:{canonical:e.canonical_url}}:r?{alternates:{canonical:r}}:{}}}function U({article:e,siteUrl:t}){let r=e.schema_json||{"@context":"https://schema.org","@type":"Article",headline:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",datePublished:e.published_at||void 0,dateModified:e.updated_at||e.published_at||void 0,...e.featured_image_url?{image:e.featured_image_url}:{},...t?{url:`${t.replace(/\/+$/,"")}/blog/${e.slug}`}:{},...e.target_keyword?{keywords:[e.target_keyword,...e.secondary_keywords||[]].join(", ")}:{}};return Y("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(r)}})}export{T as ArticleFeed,D as ArticlePage,b as ContentClient,N as DsaContentProvider,v as FaqBlock,k as RelatedArticles,U as SeoMetaBridge,E as generateArticleMetadata,O as useArticle,W as useArticles,G as useCategories,h as useDsaContent,K as useRelatedArticles};
+var y=class{constructor(t){this.apiUrl=t.apiUrl.replace(/\/+$/,""),this.apiKey=t.apiKey,this.cacheStrategy=t.cacheStrategy==="revalidate"?"default":t.cacheStrategy==="force-cache"?"force-cache":"no-cache",this.revalidateSeconds=t.revalidateSeconds}async request(t,a){let s=new URL(`${this.apiUrl}${t}`);a&&Object.entries(a).forEach(([i,c])=>{c!=null&&c!==""&&s.searchParams.set(i,String(c))}),s.searchParams.set("site_key",this.apiKey);let o={method:"GET",headers:{"X-API-Key":this.apiKey},cache:this.cacheStrategy};this.revalidateSeconds&&this.cacheStrategy!=="no-cache"&&(o.next={revalidate:this.revalidateSeconds});let r=await fetch(s.toString(),o);if(!r.ok){let i=await r.text().catch(()=>"");throw new Error(`DSA Content API error ${r.status}: ${i||r.statusText}`)}return r.json()}normalizeArticle(t){return{...t,headings:t.headings??[],faq:t.faq??[],internal_links:t.internal_links??[],secondary_keywords:t.secondary_keywords??[],schema_json:t.schema_json??null,content_json:t.content_json??null}}async getArticles(t){let a=await this.request("/api/public/articles",{page:t?.page,per_page:t?.per_page,pillar:t?.pillar,cluster:t?.cluster,content_type:t?.content_type,search:t?.search});return{items:a.items??a.data??[],total:a.total??0,page:a.page??1,per_page:a.per_page??20,total_pages:a.total_pages??a.pages??1}}async getArticleBySlug(t){let a=await this.request(`/api/public/articles/${encodeURIComponent(t)}`);return this.normalizeArticle(a)}async getRelatedArticles(t,a=3){let s=await this.request(`/api/public/articles/${encodeURIComponent(t)}/related`,{limit:a});return s.items??(Array.isArray(s)?s:[])}async getCategories(){let t=await this.request("/api/public/categories");return t.items??(Array.isArray(t)?t:[])}async getSitemap(){let t=await this.request("/api/public/sitemap");return t.items??(Array.isArray(t)?t:[])}};import{createContext as $,useContext as j,useMemo as O}from"react";import{jsx as K}from"react/jsx-runtime";var q=$(null);function W({config:e,children:t}){let a=O(()=>new y(e),[e.apiUrl,e.apiKey]);return K(q.Provider,{value:a,children:t})}function u(){let e=j(q);if(!e)throw new Error("useDsaContent() must be used inside <DsaContentProvider>");return e}import{useState as v,useEffect as _,useCallback as A}from"react";function V(e){let t=u(),[a,s]=v({articles:[],loading:!0,error:null,pagination:{page:1,per_page:10,total:0,total_pages:0}}),o=A(()=>{s(r=>({...r,loading:!0,error:null})),t.getArticles(e).then(r=>s({articles:r.items,loading:!1,error:null,pagination:{page:r.page,per_page:r.per_page,total:r.total,total_pages:r.total_pages}})).catch(r=>s(i=>({...i,loading:!1,error:r instanceof Error?r:new Error(String(r))})))},[t,e?.page,e?.per_page,e?.pillar,e?.cluster,e?.content_type,e?.search]);return _(()=>{o()},[o]),{...a,refetch:o}}function G(e){let t=u(),[a,s]=v({article:null,loading:!0,error:null}),o=A(()=>{if(!e){s({article:null,loading:!1,error:null});return}s(r=>({...r,loading:!0,error:null})),t.getArticleBySlug(e).then(r=>s({article:r,loading:!1,error:null})).catch(r=>s({article:null,loading:!1,error:r instanceof Error?r:new Error(String(r))}))},[t,e]);return _(()=>{o()},[o]),{...a,refetch:o}}function J(e,t=3){let a=u(),[s,o]=v({articles:[],loading:!0,error:null}),r=A(()=>{if(!e){o({articles:[],loading:!1,error:null});return}o(i=>({...i,loading:!0,error:null})),a.getRelatedArticles(e,t).then(i=>o({articles:i,loading:!1,error:null})).catch(i=>o({articles:[],loading:!1,error:i instanceof Error?i:new Error(String(i))}))},[a,e,t]);return _(()=>{r()},[r]),{...s,refetch:r}}function Q(){let e=u(),[t,a]=v({categories:[],loading:!0,error:null}),s=A(()=>{a(o=>({...o,loading:!0,error:null})),e.getCategories().then(o=>a({categories:o,loading:!1,error:null})).catch(o=>a({categories:[],loading:!1,error:o instanceof Error?o:new Error(String(o))}))},[e]);return _(()=>{s()},[s]),{...t,refetch:s}}import F from"react";import{jsx as m,jsxs as S}from"react/jsx-runtime";var X={light:{"--dsa-text":"#111827","--dsa-text-muted":"#6b7280","--dsa-text-faint":"#9ca3af","--dsa-card-bg":"#fff","--dsa-card-border":"#e5e7eb","--dsa-badge-bg":"#f3f4f6","--dsa-badge-text":"#4b5563","--dsa-hover-shadow":"0 4px 12px rgba(0,0,0,0.08)"},dark:{"--dsa-text":"#f3f4f6","--dsa-text-muted":"#9ca3af","--dsa-text-faint":"#6b7280","--dsa-card-bg":"#1f2937","--dsa-card-border":"#374151","--dsa-badge-bg":"#374151","--dsa-badge-text":"#d1d5db","--dsa-hover-shadow":"0 4px 12px rgba(0,0,0,0.3)"}};function Y({article:e,layout:t,showExcerpt:a,showImage:s,showMeta:o,onClick:r}){let i=t==="grid",[c,n]=F.useState(!1),p={...i?{border:"1px solid var(--dsa-card-border)",borderRadius:"0.75rem",overflow:"hidden",background:"var(--dsa-card-bg)",cursor:"pointer",transition:"box-shadow 0.2s"}:{display:"flex",border:"1px solid var(--dsa-card-border)",borderRadius:"0.75rem",overflow:"hidden",background:"var(--dsa-card-bg)",cursor:"pointer",transition:"box-shadow 0.2s"},...c?{boxShadow:"var(--dsa-hover-shadow)"}:{}};return S("article",{style:p,onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),onClick:r,role:"link",tabIndex:0,onKeyDown:h=>h.key==="Enter"&&r?.(),children:[s&&e.featured_image_url&&m("img",{src:e.featured_image_url,alt:e.featured_image_alt||e.title,style:i?{width:"100%",height:"200px",objectFit:"cover",display:"block"}:{width:"240px",minHeight:"160px",objectFit:"cover",flexShrink:0},loading:"lazy"}),S("div",{style:i?{padding:"1.25rem"}:{padding:"1.25rem",flex:1},children:[m("h3",{style:{margin:"0 0 0.5rem",fontSize:"1.125rem",fontWeight:600,lineHeight:1.3,color:"var(--dsa-text)"},children:e.title}),a&&e.excerpt&&m("p",{style:{margin:"0 0 0.75rem",fontSize:"0.875rem",color:"var(--dsa-text-muted)",lineHeight:1.5},children:e.excerpt}),o&&S("div",{style:{display:"flex",gap:"0.75rem",fontSize:"0.75rem",color:"var(--dsa-text-faint)",flexWrap:"wrap"},children:[e.pillar_name&&m("span",{style:{display:"inline-block",padding:"0.125rem 0.5rem",borderRadius:"9999px",background:"var(--dsa-badge-bg)",fontSize:"0.75rem",color:"var(--dsa-badge-text)"},children:e.pillar_name}),e.content_type&&m("span",{style:{display:"inline-block",padding:"0.125rem 0.5rem",borderRadius:"9999px",background:"var(--dsa-badge-bg)",fontSize:"0.75rem",color:"var(--dsa-badge-text)"},children:e.content_type.replace(/_/g," ")}),e.reading_time_minutes&&S("span",{children:[e.reading_time_minutes," min read"]}),e.published_at&&m("span",{children:new Date(e.published_at).toLocaleDateString()})]})]})]})}function I({articles:e,layout:t="grid",columns:a=3,showExcerpt:s=!0,showImage:o=!0,showMeta:r=!0,onArticleClick:i,className:c,theme:n="light",renderArticle:p}){let h=t==="grid"?`repeat(${a}, 1fr)`:"1fr",b=n!=="inherit"?X[n]:{};return m("div",{className:c,style:{display:"grid",gap:"1.5rem",gridTemplateColumns:h,...b},children:(e??[]).map(l=>p?m(F.Fragment,{children:p(l)},l.id):m(Y,{article:l,layout:t,showExcerpt:s,showImage:o,showMeta:r,onClick:()=>i?.(l.slug)},l.id))})}import re from"react";import{useState as Z}from"react";import{jsx as g,jsxs as k}from"react/jsx-runtime";var ee={light:{"--dsa-text":"#111827","--dsa-text-muted":"#4b5563","--dsa-text-faint":"#9ca3af","--dsa-divider":"#e5e7eb"},dark:{"--dsa-text":"#f3f4f6","--dsa-text-muted":"#d1d5db","--dsa-text-faint":"#6b7280","--dsa-divider":"#374151"}};function te({item:e,collapsible:t,defaultOpen:a}){let[s,o]=Z(a);return t?k("div",{style:{borderBottom:"1px solid var(--dsa-divider)",padding:"0.75rem 0"},children:[k("button",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",background:"none",border:"none",width:"100%",textAlign:"left",padding:"0.5rem 0",fontSize:"1rem",fontWeight:600,color:"var(--dsa-text)",fontFamily:"inherit"},onClick:()=>o(!s),"aria-expanded":s,children:[g("span",{children:e.question}),g("span",{style:{flexShrink:0,marginLeft:"1rem",transition:"transform 0.2s",fontSize:"1.25rem",color:"var(--dsa-text-faint)",transform:s?"rotate(180deg)":"rotate(0deg)"},children:"\u25BC"})]}),s&&g("div",{style:{fontSize:"0.9375rem",color:"var(--dsa-text-muted)",lineHeight:1.6,paddingTop:"0.5rem"},children:e.answer})]}):k("div",{style:{borderBottom:"1px solid var(--dsa-divider)",padding:"0.75rem 0"},children:[g("p",{style:{fontSize:"1rem",fontWeight:600,color:"var(--dsa-text)",margin:"0 0 0.5rem"},children:e.question}),g("div",{style:{fontSize:"0.9375rem",color:"var(--dsa-text-muted)",lineHeight:1.6},children:e.answer})]})}function C({items:e,collapsible:t=!0,defaultOpen:a=!1,className:s,title:o="Frequently Asked Questions",theme:r="light"}){if(!e||e.length===0)return null;let i=r!=="inherit"?ee[r]:{},c={"@context":"https://schema.org","@type":"FAQPage",mainEntity:e.map(n=>({"@type":"Question",name:n.question,acceptedAnswer:{"@type":"Answer",text:n.answer}}))};return k("section",{className:s,style:{marginTop:"1rem",...i},children:[g("h2",{style:{fontSize:"1.5rem",fontWeight:700,color:"var(--dsa-text)",margin:"0 0 1rem"},children:o}),e.map((n,p)=>g(te,{item:n,collapsible:t,defaultOpen:a},p)),g("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(c)}})]})}import{jsx as x,jsxs as P}from"react/jsx-runtime";var ae={light:{"--dsa-text":"#111827","--dsa-text-muted":"#6b7280","--dsa-card-bg":"#fff","--dsa-card-border":"#e5e7eb"},dark:{"--dsa-text":"#f3f4f6","--dsa-text-muted":"#9ca3af","--dsa-card-bg":"#1f2937","--dsa-card-border":"#374151"}};function w({articles:e,title:t="Related Articles",limit:a=3,onArticleClick:s,className:o,theme:r="light"}){let i=(e??[]).slice(0,a);if(i.length===0)return null;let c=r!=="inherit"?ae[r]:{};return P("section",{className:o,style:{marginTop:"1rem",...c},children:[x("h3",{style:{fontSize:"1.25rem",fontWeight:700,color:"var(--dsa-text)",margin:"0 0 1rem"},children:t}),x("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(250px, 1fr))",gap:"1rem"},children:i.map(n=>P("div",{style:{border:"1px solid var(--dsa-card-border)",borderRadius:"0.5rem",overflow:"hidden",cursor:"pointer",transition:"box-shadow 0.2s",background:"var(--dsa-card-bg)"},onClick:()=>s?.(n.slug),role:"link",tabIndex:0,onKeyDown:p=>p.key==="Enter"&&s?.(n.slug),children:[n.featured_image_url&&x("img",{src:n.featured_image_url,alt:n.featured_image_alt||n.title,style:{width:"100%",height:"140px",objectFit:"cover",display:"block"},loading:"lazy"}),P("div",{style:{padding:"1rem"},children:[x("h4",{style:{fontSize:"0.9375rem",fontWeight:600,color:"var(--dsa-text)",margin:0,lineHeight:1.3},children:n.title}),n.excerpt&&x("p",{style:{fontSize:"0.8125rem",color:"var(--dsa-text-muted)",marginTop:"0.5rem",lineHeight:1.4},children:n.excerpt})]})]},n.id))})]})}import{Fragment as N,jsx as d,jsxs as f}from"react/jsx-runtime";var se={light:{"--dsa-text":"#111827","--dsa-text-muted":"#6b7280","--dsa-text-faint":"#9ca3af","--dsa-card-bg":"#fff","--dsa-card-border":"#e5e7eb","--dsa-toc-bg":"#f9fafb","--dsa-badge-bg":"#eff6ff","--dsa-badge-text":"#2563eb","--dsa-badge-alt-bg":"#f0fdf4","--dsa-badge-alt-text":"#16a34a","--dsa-content-text":"#374151","--dsa-h2-text":"#111827","--dsa-h3-text":"#1f2937","--dsa-h4-text":"#1f2937","--dsa-link":"#2563eb","--dsa-link-hover":"#1d4ed8","--dsa-blockquote-border":"#d1d5db","--dsa-blockquote-text":"#4b5563","--dsa-pre-bg":"#f3f4f6","--dsa-table-border":"#e5e7eb","--dsa-table-header-bg":"#f9fafb","--dsa-divider":"#e5e7eb"},dark:{"--dsa-text":"#f3f4f6","--dsa-text-muted":"#9ca3af","--dsa-text-faint":"#6b7280","--dsa-card-bg":"#1f2937","--dsa-card-border":"#374151","--dsa-toc-bg":"#111827","--dsa-badge-bg":"#1e3a5f","--dsa-badge-text":"#93c5fd","--dsa-badge-alt-bg":"#14532d","--dsa-badge-alt-text":"#86efac","--dsa-content-text":"#d1d5db","--dsa-h2-text":"#f3f4f6","--dsa-h3-text":"#e5e7eb","--dsa-h4-text":"#e5e7eb","--dsa-link":"#60a5fa","--dsa-link-hover":"#93c5fd","--dsa-blockquote-border":"#4b5563","--dsa-blockquote-text":"#9ca3af","--dsa-pre-bg":"#111827","--dsa-table-border":"#374151","--dsa-table-header-bg":"#111827","--dsa-divider":"#374151"}},T="dsa-article-prose",oe=`
+[data-dsa-article-body] h2 { font-size: 1.5rem; font-weight: 700; line-height: 1.3; color: var(--dsa-h2-text, #111827); margin: 2rem 0 0.75rem; }
+[data-dsa-article-body] h3 { font-size: 1.25rem; font-weight: 600; line-height: 1.4; color: var(--dsa-h3-text, #1f2937); margin: 1.75rem 0 0.5rem; }
+[data-dsa-article-body] h4 { font-size: 1.125rem; font-weight: 600; line-height: 1.4; color: var(--dsa-h4-text, #1f2937); margin: 1.5rem 0 0.5rem; }
+[data-dsa-article-body] p  { margin: 0 0 1.25rem; }
+[data-dsa-article-body] ul,
+[data-dsa-article-body] ol { margin: 0 0 1.25rem; padding-left: 1.5rem; }
+[data-dsa-article-body] li { margin: 0 0 0.375rem; }
+[data-dsa-article-body] li > ul,
+[data-dsa-article-body] li > ol { margin: 0.375rem 0 0; }
+[data-dsa-article-body] blockquote { margin: 1.5rem 0; padding: 0.75rem 1.25rem; border-left: 4px solid var(--dsa-blockquote-border, #d1d5db); color: var(--dsa-blockquote-text, #4b5563); font-style: italic; }
+[data-dsa-article-body] pre  { margin: 1.5rem 0; padding: 1rem; background: var(--dsa-pre-bg, #f3f4f6); border-radius: 0.5rem; overflow-x: auto; font-size: 0.875rem; }
+[data-dsa-article-body] code { font-size: 0.875em; }
+[data-dsa-article-body] table { width: 100%; margin: 1.5rem 0; border-collapse: collapse; font-size: 0.9375rem; }
+[data-dsa-article-body] th,
+[data-dsa-article-body] td { padding: 0.5rem 0.75rem; border: 1px solid var(--dsa-table-border, #e5e7eb); text-align: left; }
+[data-dsa-article-body] th { background: var(--dsa-table-header-bg, #f9fafb); font-weight: 600; }
+[data-dsa-article-body] img { max-width: 100%; height: auto; border-radius: 0.5rem; margin: 1.5rem 0; }
+[data-dsa-article-body] a   { color: var(--dsa-link, #2563eb); text-decoration: underline; text-underline-offset: 2px; }
+[data-dsa-article-body] a:hover { color: var(--dsa-link-hover, #1d4ed8); }
+[data-dsa-article-body] hr  { border: none; border-top: 1px solid var(--dsa-divider, #e5e7eb); margin: 2rem 0; }
+[data-dsa-article-body] > *:first-child { margin-top: 0; }
+[data-dsa-article-body] > *:last-child  { margin-bottom: 0; }
+`.trim();function ie(e){re.useEffect(()=>{if(!e||typeof document>"u"||document.getElementById(T))return;let t=document.createElement("style");t.id=T,t.textContent=oe,document.head.appendChild(t)},[e])}function ne({headings:e}){return!e||e.length===0?null:f("nav",{className:"dsa-toc","data-dsa-toc":"",style:{background:"var(--dsa-toc-bg, #f9fafb)",border:"1px solid var(--dsa-card-border, #e5e7eb)",borderRadius:"0.75rem",padding:"1.25rem",marginBottom:"2rem"},children:[d("p",{style:{fontSize:"0.875rem",fontWeight:600,color:"var(--dsa-text-muted, #374151)",margin:"0 0 0.75rem",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Table of Contents"}),d("ul",{style:{listStyle:"none",padding:0,margin:0},children:e.map((t,a)=>d("li",{style:{padding:"0.25rem 0",paddingLeft:`${(t.level-2)*1}rem`},children:d("a",{href:`#${t.id}`,style:{color:"var(--dsa-text-muted, #4b5563)",textDecoration:"none",fontSize:"0.875rem"},children:t.text})},a))})]})}function de({headings:e}){return!e||e.length===0?null:f("nav",{className:"dsa-toc","data-dsa-toc":"",children:[d("p",{className:"dsa-toc-title",children:"Table of Contents"}),d("ul",{className:"dsa-toc-list",children:e.map((t,a)=>d("li",{className:"dsa-toc-item",style:{paddingLeft:`${(t.level-2)*1}rem`},children:d("a",{href:`#${t.id}`,className:"dsa-toc-link",children:t.text})},a))})]})}function z({article:e,showFaq:t=!0,showTableOfContents:a=!0,showMeta:s=!0,showRelated:o=!1,relatedArticles:r,onRelatedClick:i,className:c,contentClassName:n,theme:p="light",disableProseStyles:h=!1,components:b}){let l=p==="inherit";ie(!l&&!h);let D=b?.H1||(l?({children:R})=>d("h1",{className:"dsa-h1",children:R}):({children:R})=>d("h1",{className:"dsa-h1",style:{fontSize:"2.25rem",fontWeight:700,lineHeight:1.2,color:"var(--dsa-text)",margin:"0 0 1rem"},children:R})),U=b?.Toc||(l?de:ne),B=b?.Faq||C,H=l?{}:se[p],M=["dsa-article-body",n].filter(Boolean).join(" ");return f("article",{className:c,"data-dsa-theme":p,style:l?void 0:{maxWidth:"48rem",margin:"0 auto",fontFamily:"system-ui, -apple-system, sans-serif",...H},children:[s&&f("div",{className:"dsa-meta","data-dsa-meta":"",style:l?void 0:{display:"flex",gap:"1rem",flexWrap:"wrap",fontSize:"0.875rem",color:"var(--dsa-text-muted)",marginBottom:"1.5rem"},children:[e.pillar_name&&d("span",{className:"dsa-badge",style:l?void 0:{display:"inline-block",padding:"0.125rem 0.5rem",borderRadius:"9999px",background:"var(--dsa-badge-bg)",color:"var(--dsa-badge-text)",fontSize:"0.75rem"},children:e.pillar_name}),e.content_type&&d("span",{className:"dsa-badge dsa-badge--alt",style:l?void 0:{display:"inline-block",padding:"0.125rem 0.5rem",borderRadius:"9999px",background:"var(--dsa-badge-alt-bg, var(--dsa-badge-bg))",color:"var(--dsa-badge-alt-text, var(--dsa-badge-text))",fontSize:"0.75rem"},children:e.content_type.replace(/_/g," ")}),e.reading_time_minutes&&f("span",{className:"dsa-reading-time",children:[e.reading_time_minutes," min read"]}),e.published_at&&d("span",{className:"dsa-published-at",children:new Date(e.published_at).toLocaleDateString()})]}),d(D,{children:e.h1||e.title}),e.featured_image_url&&d("img",{className:"dsa-featured-image",src:e.featured_image_url,alt:e.featured_image_alt||e.title,style:l?void 0:{width:"100%",borderRadius:"0.75rem",marginBottom:"2rem"}}),a&&(e.headings??[]).length>0&&d(U,{headings:e.headings}),d("div",{className:M,"data-dsa-article-body":"",style:l?void 0:{lineHeight:1.75,color:"var(--dsa-content-text)",fontSize:"1.0625rem"},dangerouslySetInnerHTML:{__html:e.content_html}}),t&&(e.faq??[]).length>0&&f(N,{children:[d("hr",{className:"dsa-divider",style:l?void 0:{border:"none",borderTop:"1px solid var(--dsa-divider)",margin:"2.5rem 0"}}),d(B,{items:e.faq})]}),e.schema_json&&d("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(e.schema_json)}}),o&&r&&r.length>0&&f(N,{children:[d("hr",{className:"dsa-divider",style:l?void 0:{border:"none",borderTop:"1px solid var(--dsa-divider)",margin:"2.5rem 0"}}),d(w,{articles:r,onArticleClick:i,theme:p})]})]})}import{jsx as le}from"react/jsx-runtime";function L(e,t){let a=t?`${t.replace(/\/+$/,"")}/blog/${e.slug}`:void 0;return{title:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",openGraph:{title:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",type:"article",publishedTime:e.published_at||void 0,modifiedTime:e.updated_at||void 0,...a?{url:a}:{},...e.featured_image_url?{images:[{url:e.featured_image_url,alt:e.featured_image_alt||e.title}]}:{}},twitter:{card:"summary_large_image",title:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",...e.featured_image_url?{images:[e.featured_image_url]}:{}},...e.canonical_url?{alternates:{canonical:e.canonical_url}}:a?{alternates:{canonical:a}}:{}}}function E({article:e,siteUrl:t}){let a=e.schema_json||{"@context":"https://schema.org","@type":"Article",headline:e.meta_title||e.title,description:e.meta_description||e.excerpt||"",datePublished:e.published_at||void 0,dateModified:e.updated_at||e.published_at||void 0,...e.featured_image_url?{image:e.featured_image_url}:{},...t?{url:`${t.replace(/\/+$/,"")}/blog/${e.slug}`}:{},...e.target_keyword?{keywords:[e.target_keyword,...e.secondary_keywords||[]].join(", ")}:{}};return le("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(a)}})}export{I as ArticleFeed,z as ArticlePage,y as ContentClient,W as DsaContentProvider,C as FaqBlock,w as RelatedArticles,E as SeoMetaBridge,L as generateArticleMetadata,G as useArticle,V as useArticles,Q as useCategories,u as useDsaContent,J as useRelatedArticles};
 //# sourceMappingURL=index.mjs.map