newspaperui 0.2.0

package/dist/index.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),v=require("react"),j=v.createContext({columns:24}),F=()=>v.useContext(j),H=({columns:e=24,maxWidth:t="1280px",padding:a="var(--nui-space-6)",theme:n,className:o,style:r,children:l})=>i.jsx(j.Provider,{value:{columns:e},children:i.jsx("div",{"data-theme":n,className:o,style:{maxWidth:t,margin:"0 auto",padding:a,overflowX:"hidden",background:"var(--nui-bg-page)",color:"var(--nui-text-body)",fontFamily:"var(--font-family-body)",...r},children:l})});function f(e,t){return Number.isNaN(e)||e<1?1:e>t?t:Math.floor(e)}function m(...e){return e.filter(Boolean).join(" ")}const z=v.createContext({columns:24}),g=()=>v.useContext(z),W=({columns:e,gap:t="var(--nui-gutter)",breakable:a=!0,divider:n="none",responsive:o,className:r,style:l,children:c})=>{const s=F(),u=f(e,s.columns),x=`nui-s-${v.useId().replace(/:/g,"")}`,p=o?`
+@media (max-width: 768px) { .${x} { grid-template-columns: repeat(${o.sm??12}, 1fr) !important; } }
+@media (min-width: 769px) and (max-width: 1024px) { .${x} { grid-template-columns: repeat(${o.md??16}, 1fr) !important; } }
+`:"",S={};return(n==="top"||n==="both")&&(S.borderTop="1px solid var(--nui-rule-hairline)"),(n==="bottom"||n==="both")&&(S.borderBottom="1px solid var(--nui-rule-hairline)"),i.jsxs(z.Provider,{value:{columns:u},children:[p&&i.jsx("style",{dangerouslySetInnerHTML:{__html:p}}),i.jsx("section",{className:m("nui-section",x,r),style:{display:"grid",gridTemplateColumns:`repeat(${u}, 1fr)`,gap:t,breakInside:a?"auto":"avoid",...S,paddingTop:n==="top"||n==="both"?"var(--nui-space-4)":void 0,paddingBottom:n==="bottom"||n==="both"?"var(--nui-space-4)":void 0,...l},"data-columns":u,children:c})]})},C=({span:e,breakable:t=!0,className:a,style:n,children:o})=>{const r=g(),l=e?f(e,r.columns):r.columns;return i.jsx("article",{className:m("nui-article",a),style:{gridColumn:`span ${l}`,breakInside:t?"auto":"avoid",...n},"data-span":l,children:o})},$=({position:e="absolute",top:t,left:a,right:n,bottom:o,zIndex:r,className:l,style:c,children:s})=>i.jsx("div",{className:l,style:{position:e,top:t,left:a,right:n,bottom:o,zIndex:r,...c},children:s}),N=({title:e,kicker:t,edition:a,date:n,price:o,variant:r="classic",as:l="h1",className:c})=>{const s=r==="blackletter"?"var(--font-family-blackletter)":"var(--font-family-masthead)",u=r==="modern"?"left":"center";return i.jsxs("header",{className:m("nui-masthead",`nui-masthead--${r}`,c),style:{gridColumn:"1 / -1",textAlign:u,color:"var(--nui-text-primary)"},children:[i.jsx("div",{className:"nui-masthead-rule-top"}),t&&i.jsx("div",{className:"nui-small-caps",style:{fontSize:"12px",color:"var(--nui-accent-primary)",margin:"var(--nui-space-2) 0",letterSpacing:"0.1em"},children:t}),i.jsx(l,{style:{fontFamily:s,fontWeight:700,fontSize:r==="modern"?"clamp(40px, 6vw, 72px)":"clamp(48px, 8vw, 96px)",lineHeight:1,letterSpacing:r==="blackletter"?"0":"0.02em",margin:"var(--nui-space-2) 0 var(--nui-space-3) 0"},children:e}),(a||n||o)&&i.jsxs("div",{className:"nui-small-caps",style:{display:"flex",justifyContent:u==="left"?"flex-start":"space-between",gap:"var(--nui-space-6)",fontSize:"11px",color:"var(--nui-text-muted)",padding:"var(--nui-space-2) 0",margin:0,letterSpacing:"0.08em"},children:[a&&i.jsx("span",{children:a}),n&&i.jsx("span",{children:n}),o&&i.jsx("span",{children:o})]}),i.jsx("div",{className:"nui-masthead-rule-bottom"})]})},k=({variant:e="hairline",orientation:t="horizontal",span:a,className:n,style:o})=>{const r=t==="horizontal",l=r?{width:"100%",border:0,margin:0}:{height:"100%",width:"1px",border:0,margin:0},c=e==="hairline"?r?{borderTop:"1px solid var(--nui-rule-hairline)"}:{background:"var(--nui-rule-hairline)"}:e==="thick"?r?{borderTop:"3px solid var(--nui-rule-decorative)"}:{width:"3px",background:"var(--nui-rule-decorative)"}:r?{height:"6px",background:"linear-gradient(to bottom, var(--nui-rule-decorative) 0 1px, transparent 1px 4px, var(--nui-rule-decorative) 4px 6px)"}:{width:"6px",background:"linear-gradient(to right, var(--nui-rule-decorative) 0 1px, transparent 1px 4px, var(--nui-rule-decorative) 4px 6px)"};return i.jsx("hr",{className:m("nui-rule",`nui-rule--${e}`,n),style:{...l,...c,gridColumn:r&&a?`span ${a}`:r?"1 / -1":void 0,...o},"aria-orientation":t})},T=({copyright:e,edition:t,links:a,className:n,style:o,children:r})=>i.jsxs("footer",{className:m("nui-footer nui-small-caps",n),style:{gridColumn:"1 / -1",borderTop:"2px solid var(--nui-rule-decorative)",paddingTop:"var(--nui-space-4)",marginTop:"var(--nui-space-8)",fontFamily:"var(--font-family-meta)",fontSize:"11px",letterSpacing:"0.06em",color:"var(--nui-text-muted)",display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:"var(--nui-space-4)",...o},children:[i.jsxs("div",{children:[e&&i.jsx("span",{children:e}),t&&i.jsx("span",{style:{marginLeft:"var(--nui-space-4)"},children:t})]}),a&&i.jsx("nav",{style:{display:"flex",gap:"var(--nui-space-4)"},children:a.map(l=>i.jsx("a",{href:l.href,style:{color:"var(--nui-text-muted)",textDecoration:"none"},children:l.label},l.href))}),r]}),w=({span:e,position:t="right",divider:a=!1,className:n,style:o,children:r})=>{const l=g(),c=e?f(e,l.columns):6,s=a?t==="left"?{borderRight:"1px solid var(--nui-rule-hairline)",paddingRight:"var(--nui-space-4)"}:{borderLeft:"1px solid var(--nui-rule-hairline)",paddingLeft:"var(--nui-space-4)"}:{};return i.jsx("aside",{className:m("nui-sidebar",n),style:{gridColumn:`span ${c}`,...s,...o},children:r})},B=({label:e="BREAKING",className:t,style:a,children:n})=>i.jsxs("div",{className:m("nui-breaking",t),role:"alert",style:{gridColumn:"1 / -1",background:"var(--nui-accent-primary)",color:"var(--nui-bg-page)",padding:"var(--nui-space-3) var(--nui-space-6)",fontFamily:"var(--font-family-meta)",fontSize:"13px",fontWeight:600,display:"flex",alignItems:"center",gap:"var(--nui-space-4)",...a},children:[i.jsx("span",{style:{fontVariantCaps:"small-caps",letterSpacing:"0.1em",fontWeight:700,flexShrink:0},children:e}),i.jsx("span",{style:{flex:1},children:n})]}),h={Headline:{High:{fontFamily:"--font-family-display",fontSize:["48px","72px"],fontWeight:600,lineHeight:1.05,letterSpacing:"-0.01em",fontVariant:"lining-nums",color:"--nui-text-primary",span:[8,16],margin:"0 0 1rem 0"},Medium:{fontFamily:"--font-family-headline",fontSize:["32px","40px"],fontWeight:600,lineHeight:1.1,letterSpacing:"-0.005em",fontVariant:"lining-nums",color:"--nui-text-primary",span:[6,10],margin:"0 0 0.75rem 0"},Low:{fontFamily:"--font-family-headline",fontSize:["22px","26px"],fontWeight:500,lineHeight:1.2,fontVariant:"lining-nums",color:"--nui-text-body",span:[4,6],margin:"0 0 0.5rem 0"}},Subhead:{High:{fontFamily:"--font-family-headline",fontSize:["18px","22px"],fontWeight:500,fontStyle:"italic",lineHeight:1.3,fontVariant:"oldstyle-nums",color:"--nui-text-secondary",span:[4,8],margin:"0 0 0.75rem 0"},Medium:{fontFamily:"--font-family-headline",fontSize:["16px","18px"],fontWeight:400,fontStyle:"italic",lineHeight:1.35,fontVariant:"oldstyle-nums",color:"--nui-text-secondary",span:[2,4],margin:"0 0 0.5rem 0"}},Kicker:{Standard:{fontFamily:"--font-family-meta",fontSize:["12px","13px"],fontWeight:600,lineHeight:1.2,letterSpacing:"0.08em",color:"--nui-accent-primary",margin:"0 0 0.25rem 0"}},BodyText:{High:{fontFamily:"--font-family-body",fontSize:["16px","17px"],fontWeight:400,lineHeight:1.6,fontVariant:"oldstyle-nums",color:"--nui-text-body",span:1,margin:"0 0 0.75rem 0"},Medium:{fontFamily:"--font-family-body",fontSize:"15px",fontWeight:400,lineHeight:1.55,fontVariant:"oldstyle-nums",color:"--nui-text-body",span:1,margin:"0 0 0.5rem 0"},Low:{fontFamily:"--font-family-body",fontSize:["13px","14px"],fontWeight:400,lineHeight:1.5,fontVariant:"oldstyle-nums",color:"--nui-text-secondary",span:1,margin:"0 0 0.5rem 0"}},Quote:{High:{fontFamily:"--font-family-body",fontSize:["17px","19px"],fontWeight:400,lineHeight:1.55,fontVariant:"oldstyle-nums",color:"--nui-text-quote",span:2,margin:"1rem 0 1rem 1.5em"},Medium:{fontFamily:"--font-family-body",fontSize:["15px","17px"],fontWeight:400,lineHeight:1.5,fontVariant:"oldstyle-nums",color:"--nui-text-quote",span:1,margin:"0.75rem 0"}},PullQuote:{High:{fontFamily:"--font-family-display",fontSize:["26px","32px"],fontWeight:600,lineHeight:1.2,letterSpacing:"-0.005em",fontVariant:"lining-nums",color:"--nui-text-primary",span:[2,3],margin:"1.5rem 0"},Medium:{fontFamily:"--font-family-display",fontSize:["20px","24px"],fontWeight:500,lineHeight:1.25,fontVariant:"lining-nums",color:"--nui-text-body",span:[1,2],margin:"1rem 0"}},Byline:{Standard:{fontFamily:"--font-family-meta",fontSize:["12px","13px"],fontWeight:500,lineHeight:1.3,letterSpacing:"0.06em",color:"--nui-text-secondary",margin:"0 0 0.25rem 0"}},Dateline:{Standard:{fontFamily:"--font-family-meta",fontSize:["12px","13px"],fontWeight:600,lineHeight:1.3,letterSpacing:"0.08em",color:"--nui-text-primary",margin:"0"}},Caption:{Standard:{fontFamily:"--font-family-body",fontSize:"13px",fontWeight:400,fontStyle:"italic",lineHeight:1.4,color:"--nui-text-secondary",margin:"0.5rem 0 0 0"}}};function y(e){if(Array.isArray(e)){const t=e[0],a=e[1],n=parseFloat(t),o=parseFloat(a),r=((n+o)/2/16*1.5).toFixed(2);return`clamp(${t}, ${r}vw, ${a})`}return e}const V={High:"h1",Medium:"h2",Low:"h3"},L=({weight:e="High",span:t,as:a,align:n,className:o,style:r,children:l})=>{var p;const c=g(),s=h.Headline[e],u=a??V[e],d=t?f(t,c.columns):void 0,x=(p=s.fontVariant)!=null&&p.includes("lining")?"nui-tnum":"nui-osf";return i.jsx(u,{className:m("nui-headline",x,o),style:{fontFamily:`var(${s.fontFamily})`,fontSize:y(s.fontSize),fontWeight:s.fontWeight,lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,color:`var(${s.color})`,margin:s.margin,textAlign:n,textWrap:"balance",gridColumn:d?`span ${d}`:void 0,...r},"data-weight":e,children:l})},I=({weight:e="Medium",span:t,as:a="p",className:n,style:o,children:r})=>{const l=g(),c=h.Subhead[e],s=a,u=t?f(t,l.columns):void 0;return i.jsx(s,{className:m("nui-subhead nui-osf",n),style:{fontFamily:`var(${c.fontFamily})`,fontSize:y(c.fontSize),fontWeight:c.fontWeight,fontStyle:c.fontStyle,lineHeight:c.lineHeight,color:`var(${c.color})`,margin:c.margin,gridColumn:u?`span ${u}`:void 0,...o},"data-weight":e,children:r})},M=({className:e,style:t,children:a})=>{const n=h.Kicker.Standard;return i.jsx("div",{className:m("nui-kicker nui-small-caps",e),style:{fontFamily:`var(${n.fontFamily})`,fontSize:y(n.fontSize),fontWeight:n.fontWeight,lineHeight:n.lineHeight,letterSpacing:n.letterSpacing,color:`var(${n.color})`,margin:n.margin,...t},children:a})},A=({weight:e="Medium",span:t,columns:a=1,columnWidth:n,columnFill:o="balance",dropCap:r=!1,className:l,style:c,children:s})=>{const u=g(),d=h.BodyText[e],x=t?f(t,u.columns):void 0,p=a>=2;return i.jsx("div",{className:m("nui-bodytext","nui-paragraph-flow","nui-osf","nui-hanging-punctuation",p&&"nui-column-rule",r&&"nui-drop-cap",l),style:{fontFamily:`var(${d.fontFamily})`,fontSize:y(d.fontSize),fontWeight:d.fontWeight,lineHeight:d.lineHeight,color:`var(${d.color})`,margin:d.margin,gridColumn:x?`span ${x}`:void 0,columnCount:p?a:void 0,columnWidth:p?n:void 0,columnGap:p?"var(--nui-gutter)":void 0,columnFill:p?o:void 0,...c},"data-weight":e,"data-columns":a,children:s})},R=({variant:e="block",weight:t="Medium",span:a,cite:n,className:o,style:r,children:l})=>{const c=g(),s=h.Quote[t],u=a?f(a,c.columns):void 0;return e==="inline"?i.jsx("em",{className:m("nui-quote nui-quote--inline",o),style:r,children:l}):i.jsx("blockquote",{cite:n,className:m("nui-quote nui-quote--block nui-osf",o),style:{fontFamily:`var(${s.fontFamily})`,fontSize:y(s.fontSize),fontWeight:s.fontWeight,lineHeight:s.lineHeight,color:`var(${s.color})`,margin:s.margin,gridColumn:u?`span ${u}`:void 0,borderLeft:"none",...r},"data-weight":t,children:l})},q=({className:e,style:t,children:a})=>{const n=h.Byline.Standard;return i.jsx("div",{className:m("nui-byline nui-small-caps",e),style:{fontFamily:`var(${n.fontFamily})`,fontSize:y(n.fontSize),fontWeight:n.fontWeight,lineHeight:n.lineHeight,letterSpacing:n.letterSpacing,color:`var(${n.color})`,margin:n.margin,...t},children:a})},Q=({className:e,style:t,children:a})=>{const n=h.Dateline.Standard;return i.jsx("span",{className:m("nui-dateline nui-small-caps",e),style:{fontFamily:`var(${n.fontFamily})`,fontSize:y(n.fontSize),fontWeight:n.fontWeight,lineHeight:n.lineHeight,letterSpacing:n.letterSpacing,color:`var(${n.color})`,margin:n.margin,...t},children:a})},b=({credit:e,className:t,style:a,children:n})=>{const o=h.Caption.Standard;return i.jsxs("figcaption",{className:m("nui-caption nui-osf",t),style:{fontFamily:`var(${o.fontFamily})`,fontSize:y(o.fontSize),fontWeight:o.fontWeight,fontStyle:o.fontStyle,lineHeight:o.lineHeight,color:`var(${o.color})`,margin:o.margin,...a},children:[n,e&&i.jsx("span",{className:"nui-small-caps",style:{display:"inline-block",marginLeft:"var(--nui-space-2)",fontSize:"11px",color:"var(--nui-text-muted)",fontStyle:"normal",letterSpacing:"0.06em"},children:e})]})},D=({src:e,alt:t,span:a,loading:n,aspectRatio:o,sizes:r,className:l,style:c})=>{const s=g(),u=a?f(a,s.columns):void 0;return i.jsx("img",{src:e,alt:t,loading:n??"lazy",sizes:r,className:m("nui-image",l),style:{display:"block",width:"100%",height:"auto",aspectRatio:o,gridColumn:u?`span ${u}`:void 0,...c}})},P=({src:e,alt:t,caption:a,credit:n,span:o,loading:r,aspectRatio:l,sizes:c,className:s,style:u,children:d})=>{const x=g(),p=o?f(o,x.columns):void 0;return i.jsxs("figure",{className:m("nui-figure nui-avoid-break",s),style:{margin:0,gridColumn:p?`span ${p}`:void 0,...u},children:[e?i.jsx("img",{src:e,alt:t??"",loading:r??"lazy",sizes:c,style:{display:"block",width:"100%",height:"auto",aspectRatio:l}}):d,(a||n)&&i.jsx(b,{credit:n,children:a})]})},K=({src:e,poster:t,caption:a,credit:n,span:o,controls:r=!0,className:l,style:c})=>{const s=g(),u=o?f(o,s.columns):void 0;return i.jsxs("figure",{className:m("nui-video nui-avoid-break",l),style:{margin:0,gridColumn:u?`span ${u}`:void 0,...c},children:[i.jsx("video",{src:e,poster:t,controls:r,style:{width:"100%",height:"auto"}}),(a||n)&&i.jsx(b,{credit:n,children:a})]})},G=({weight:e="High",span:t,spanAllColumns:a=!1,author:n,align:o="left",className:r,style:l,children:c})=>{const s=g(),u=h.PullQuote[e],d=t?f(t,s.columns):void 0;return i.jsxs("aside",{className:m("nui-pullquote nui-avoid-break nui-tnum",a&&"nui-span-all-columns",r),style:{margin:u.margin,padding:"var(--nui-space-4) 0",borderTop:"1px solid var(--nui-rule-hairline)",borderBottom:"1px solid var(--nui-rule-hairline)",textAlign:o,gridColumn:d?`span ${d}`:void 0,...l},children:[i.jsx("div",{style:{fontFamily:`var(${u.fontFamily})`,fontSize:y(u.fontSize),fontWeight:u.fontWeight,lineHeight:u.lineHeight,letterSpacing:u.letterSpacing,color:`var(${u.color})`,margin:0,textWrap:"balance"},children:c}),n&&i.jsxs("footer",{className:"nui-small-caps",style:{marginTop:"var(--nui-space-2)",fontSize:"11px",color:"var(--nui-text-muted)",letterSpacing:"0.08em"},children:["— ",n]})]})},J=({title:e="Related",articles:t,className:a,style:n})=>i.jsxs("aside",{className:m("nui-related",a),style:{borderTop:"2px solid var(--nui-rule-decorative)",paddingTop:"var(--nui-space-4)",marginTop:"var(--nui-space-6)",...n},children:[i.jsx("h4",{style:{fontFamily:"var(--font-family-meta)",fontSize:"11px",fontWeight:700,fontVariantCaps:"small-caps",letterSpacing:"0.08em",color:"var(--nui-accent-primary)",margin:"0 0 var(--nui-space-3) 0"},children:e}),i.jsx("ul",{style:{listStyle:"none",padding:0,margin:0},children:t.map((o,r)=>i.jsxs("li",{style:{borderBottom:"1px solid var(--nui-rule-hairline)",padding:"var(--nui-space-2) 0"},children:[o.category&&i.jsx("span",{style:{fontFamily:"var(--font-family-meta)",fontSize:"10px",fontVariantCaps:"small-caps",letterSpacing:"0.06em",color:"var(--nui-text-muted)",marginRight:"var(--nui-space-2)"},children:o.category}),i.jsx("a",{href:o.href,style:{fontFamily:"var(--font-family-headline)",fontSize:"14px",fontWeight:500,lineHeight:1.3,color:"var(--nui-text-primary)",textDecoration:"none"},children:o.title})]},r))})]}),_=({page:e,section:t,date:a,publication:n,align:o="between",className:r,style:l})=>i.jsxs("div",{className:m("nui-folio nui-small-caps",r),style:{gridColumn:"1 / -1",display:"flex",justifyContent:o==="between"?"space-between":o==="center"?"center":"flex-start",alignItems:"baseline",gap:"var(--nui-space-4)",fontFamily:"var(--font-family-meta)",fontSize:"10px",fontWeight:500,letterSpacing:"0.08em",color:"var(--nui-text-muted)",borderBottom:"1px solid var(--nui-rule-hairline)",paddingBottom:"var(--nui-space-2)",marginBottom:"var(--nui-space-4)",...l},children:[i.jsx("span",{style:{fontWeight:700,color:"var(--nui-text-secondary)"},children:e}),t&&i.jsx("span",{children:t}),n&&i.jsx("span",{children:n}),a&&i.jsx("span",{children:a})]}),E=({title:e="Inside",items:t,className:a,style:n})=>i.jsxs("div",{className:m("nui-index-box",a),style:{border:"1px solid var(--nui-rule-hairline)",borderTop:"3px solid var(--nui-rule-decorative)",padding:"var(--nui-space-3)",background:"var(--nui-bg-surface)",...n},children:[i.jsx("h4",{style:{fontFamily:"var(--font-family-meta)",fontSize:"11px",fontWeight:700,fontVariantCaps:"small-caps",letterSpacing:"0.08em",color:"var(--nui-accent-primary)",margin:"0 0 var(--nui-space-2) 0",paddingBottom:"var(--nui-space-2)",borderBottom:"1px solid var(--nui-rule-hairline)"},children:e}),i.jsx("ul",{style:{listStyle:"none",padding:0,margin:0},children:t.map((o,r)=>i.jsxs("li",{style:{display:"flex",gap:"var(--nui-space-2)",padding:"var(--nui-space-1) 0",borderBottom:r<t.length-1?"1px solid var(--nui-rule-hairline)":"none",alignItems:"baseline"},children:[i.jsx("span",{style:{fontFamily:"var(--font-family-meta)",fontSize:"10px",fontWeight:700,color:"var(--nui-text-secondary)",flexShrink:0,width:"24px"},children:o.page}),i.jsx("span",{style:{fontFamily:"var(--font-family-meta)",fontSize:"10px",fontVariantCaps:"small-caps",letterSpacing:"0.06em",color:"var(--nui-text-muted)",flexShrink:0,width:"48px"},children:o.title}),o.headline&&i.jsx("span",{style:{fontFamily:"var(--font-family-body)",fontSize:"12px",color:"var(--nui-text-body)",lineHeight:1.3,flex:1},children:o.headline})]},r))})]}),O=({title:e,span:t,variant:a="default",className:n,style:o,children:r})=>{const l=g(),c=t?f(t,l.columns):void 0,s={default:{border:"1px solid var(--nui-rule-hairline)",borderTop:"3px solid var(--nui-rule-decorative)",background:"var(--nui-bg-surface)"},highlight:{border:"1px solid var(--nui-rule-hairline)",borderLeft:"4px solid var(--nui-accent-primary)",background:"var(--nui-bg-surface)"},timeline:{border:"1px solid var(--nui-rule-hairline)",borderTop:"3px solid var(--nui-accent-ink-blue)",background:"var(--nui-bg-surface)"}};return i.jsxs("aside",{className:m("nui-factbox nui-avoid-break",n),style:{...s[a],padding:"var(--nui-space-4)",gridColumn:c?`span ${c}`:void 0,...o},children:[e&&i.jsx("h4",{style:{fontFamily:"var(--font-family-meta)",fontSize:"11px",fontWeight:700,fontVariantCaps:"small-caps",letterSpacing:"0.08em",color:a==="highlight"?"var(--nui-accent-primary)":"var(--nui-text-primary)",margin:"0 0 var(--nui-space-3) 0",paddingBottom:"var(--nui-space-2)",borderBottom:"1px solid var(--nui-rule-hairline)"},children:e}),i.jsx("div",{style:{fontFamily:"var(--font-family-body)",fontSize:"13px",lineHeight:1.5,color:"var(--nui-text-body)"},children:r})]})},X=({name:e,role:t,bio:a,avatar:n,email:o,className:r,style:l})=>i.jsxs("div",{className:m("nui-author-card",r),style:{borderTop:"1px solid var(--nui-rule-hairline)",paddingTop:"var(--nui-space-4)",marginTop:"var(--nui-space-6)",display:"flex",gap:"var(--nui-space-4)",alignItems:"flex-start",...l},children:[n&&i.jsx("img",{src:n,alt:e,loading:"lazy",style:{width:"56px",height:"56px",borderRadius:"50%",objectFit:"cover",flexShrink:0}}),i.jsxs("div",{children:[i.jsx("div",{style:{fontFamily:"var(--font-family-meta)",fontSize:"13px",fontWeight:600,fontVariantCaps:"small-caps",letterSpacing:"0.06em",color:"var(--nui-text-primary)"},children:e}),t&&i.jsx("div",{style:{fontFamily:"var(--font-family-meta)",fontSize:"12px",color:"var(--nui-text-muted)",marginTop:"2px"},children:t}),a&&i.jsx("p",{style:{fontFamily:"var(--font-family-body)",fontSize:"13px",lineHeight:1.5,color:"var(--nui-text-secondary)",margin:"var(--nui-space-2) 0 0 0"},children:a}),o&&i.jsx("a",{href:`mailto:${o}`,style:{fontFamily:"var(--font-family-meta)",fontSize:"11px",color:"var(--nui-accent-primary)",textDecoration:"none",marginTop:"var(--nui-space-2)",minHeight:"44px",display:"inline-flex",alignItems:"center"},children:o})]})]}),U=({direction:e,page:t,className:a,style:n})=>i.jsx("div",{className:m("nui-jump-line nui-small-caps",a),style:{fontFamily:"var(--font-family-meta)",fontSize:"10px",fontWeight:600,letterSpacing:"0.06em",color:"var(--nui-text-muted)",textAlign:e==="to"?"right":"left",marginTop:e==="to"?"var(--nui-space-3)":"0",marginBottom:e==="from"?"var(--nui-space-3)":"0",fontStyle:"italic",...n},children:e==="to"?`Continued on ${t} →`:`← Continued from ${t}`});exports.Article=C;exports.AuthorCard=X;exports.BodyText=A;exports.BreakingNewsBanner=B;exports.Byline=q;exports.Caption=b;exports.Dateline=Q;exports.Factbox=O;exports.Figure=P;exports.Folio=_;exports.Footer=T;exports.Headline=L;exports.Image=D;exports.IndexBox=E;exports.JumpLine=U;exports.Kicker=M;exports.Layer=$;exports.Layout=H;exports.Masthead=N;exports.NewsSidebar=w;exports.PullQuote=G;exports.Quote=R;exports.RelatedArticles=J;exports.Rule=k;exports.Section=W;exports.Subhead=I;exports.Video=K;exports.useLayout=F;exports.useSection=g;

package/dist/index.d.ts

@@ -0,0 +1,55 @@
+export { Layout, useLayout } from './layout/Layout';
+export type { LayoutProps } from './layout/Layout';
+export { Section, useSection } from './layout/Section';
+export type { SectionProps } from './layout/Section';
+export { Article } from './layout/Article';
+export type { ArticleProps } from './layout/Article';
+export { Layer } from './layout/Layer';
+export type { LayerProps } from './layout/Layer';
+export { Masthead } from './layout/Masthead';
+export type { MastheadProps } from './layout/Masthead';
+export { Rule } from './layout/Rule';
+export type { RuleProps } from './layout/Rule';
+export { Footer } from './layout/Footer';
+export type { FooterProps } from './layout/Footer';
+export { Sidebar as NewsSidebar } from './layout/Sidebar';
+export type { SidebarProps as NewsSidebarProps } from './layout/Sidebar';
+export { BreakingNewsBanner } from './layout/BreakingNewsBanner';
+export type { BreakingNewsBannerProps } from './layout/BreakingNewsBanner';
+export { Headline } from './text/Headline';
+export type { HeadlineProps } from './text/Headline';
+export { Subhead } from './text/Subhead';
+export type { SubheadProps } from './text/Subhead';
+export { Kicker } from './text/Kicker';
+export type { KickerProps } from './text/Kicker';
+export { BodyText } from './text/BodyText';
+export type { BodyTextProps } from './text/BodyText';
+export { Quote } from './text/Quote';
+export type { QuoteProps } from './text/Quote';
+export { Byline } from './text/Byline';
+export type { BylineProps } from './text/Byline';
+export { Dateline } from './text/Dateline';
+export type { DatelineProps } from './text/Dateline';
+export { Caption } from './text/Caption';
+export type { CaptionProps } from './text/Caption';
+export { Image } from './media/Image';
+export type { ImageProps } from './media/Image';
+export { Figure } from './media/Figure';
+export type { FigureProps } from './media/Figure';
+export { Video } from './media/Video';
+export type { VideoProps } from './media/Video';
+export { PullQuote } from './media/PullQuote';
+export type { PullQuoteProps } from './media/PullQuote';
+export { RelatedArticles } from './layout/RelatedArticles';
+export type { RelatedArticlesProps, RelatedArticle } from './layout/RelatedArticles';
+export { Folio } from './layout/Folio';
+export type { FolioProps } from './layout/Folio';
+export { IndexBox } from './layout/IndexBox';
+export type { IndexBoxProps, IndexItem } from './layout/IndexBox';
+export { Factbox } from './layout/Factbox';
+export type { FactboxProps } from './layout/Factbox';
+export { AuthorCard } from './text/AuthorCard';
+export type { AuthorCardProps } from './text/AuthorCard';
+export { JumpLine } from './text/JumpLine';
+export type { JumpLineProps } from './text/JumpLine';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}