newspaperui 0.2.0

package/dist/layout/Article.d.ts

@@ -0,0 +1,23 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface ArticleProps {
+    span?: number;
+    breakable?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * Article — 文章块，grid-column span 跨栏
+ *
+ * - 通过 span 属性控制在 Section 栅格中占据的列数
+ * - 自动 clamp 到父 Section 的最大列数
+ * - 支持 print 分页控制（breakable）
+ *
+ * @example
+ * <Article span={14} breakable={false}>
+ *   <Headline weight="High">Breaking News</Headline>
+ *   <BodyText columns={2}>...</BodyText>
+ * </Article>
+ */
+export declare const Article: React.FC<ArticleProps>;
+//# sourceMappingURL=Article.d.ts.map

package/dist/layout/Article.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Article.d.ts","sourceRoot":"","sources":["../../src/layout/Article.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkB1C,CAAC"}

package/dist/layout/BreakingNewsBanner.d.ts

@@ -0,0 +1,17 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface BreakingNewsBannerProps {
+    label?: string;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * BreakingNewsBanner — 突发新闻横幅
+ *
+ * @example
+ * <BreakingNewsBanner label="BREAKING">
+ *   Major earthquake strikes coastal region
+ * </BreakingNewsBanner>
+ */
+export declare const BreakingNewsBanner: React.FC<BreakingNewsBannerProps>;
+//# sourceMappingURL=BreakingNewsBanner.d.ts.map

package/dist/layout/BreakingNewsBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreakingNewsBanner.d.ts","sourceRoot":"","sources":["../../src/layout/BreakingNewsBanner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGxD,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA4BhE,CAAC"}

package/dist/layout/Factbox.d.ts

@@ -0,0 +1,22 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface FactboxProps {
+    title?: string;
+    span?: number;
+    variant?: 'default' | 'highlight' | 'timeline';
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * Factbox — 嵌入正文的信息框
+ *
+ * 用于放关键数据、时间线、人物简介等结构化信息。
+ * InDesign 中称为 "Anchored Object"。
+ *
+ * @example
+ * <Factbox title="Key Facts" variant="highlight">
+ *   <ul><li>GDP growth: 3.2%</li></ul>
+ * </Factbox>
+ */
+export declare const Factbox: React.FC<FactboxProps>;
+//# sourceMappingURL=Factbox.d.ts.map

package/dist/layout/Factbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Factbox.d.ts","sourceRoot":"","sources":["../../src/layout/Factbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyD1C,CAAC"}

package/dist/layout/Folio.d.ts

@@ -0,0 +1,20 @@
+import { default as React, CSSProperties } from 'react';
+export interface FolioProps {
+    page: string;
+    section?: string;
+    date?: string;
+    publication?: string;
+    align?: 'left' | 'center' | 'between';
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Folio — 版面页眉（页码 + 版名 + 日期）
+ *
+ * 报纸每个内页顶部的标识条，告诉读者当前在哪个版面。
+ *
+ * @example
+ * <Folio page="A2" section="要闻" date="2026年5月21日" publication="人民周报" />
+ */
+export declare const Folio: React.FC<FolioProps>;
+//# sourceMappingURL=Folio.d.ts.map

package/dist/layout/Folio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Folio.d.ts","sourceRoot":"","sources":["../../src/layout/Folio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA2BtC,CAAC"}

package/dist/layout/Footer.d.ts

@@ -0,0 +1,20 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface FooterProps {
+    copyright?: string;
+    edition?: string;
+    links?: Array<{
+        label: string;
+        href: string;
+    }>;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/**
+ * Footer — 报纸页脚/版权信息区
+ *
+ * @example
+ * <Footer copyright="© 2026 The Daily Chronicle" edition="Vol. CXLIX" />
+ */
+export declare const Footer: React.FC<FooterProps>;
+//# sourceMappingURL=Footer.d.ts.map

package/dist/layout/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/layout/Footer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGxD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqCxC,CAAC"}

package/dist/layout/IndexBox.d.ts

@@ -0,0 +1,25 @@
+import { default as React, CSSProperties } from 'react';
+export interface IndexItem {
+    page: string;
+    title: string;
+    headline?: string;
+}
+export interface IndexBoxProps {
+    title?: string;
+    items: IndexItem[];
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * IndexBox — 头版内容索引框
+ *
+ * 告诉读者今天各版有什么内容。通常放在头版右上角或底部。
+ *
+ * @example
+ * <IndexBox title="Inside" items={[
+ *   { page: 'A2', title: 'Economy', headline: 'Markets rally...' },
+ *   { page: 'B1', title: 'Sports', headline: 'Championship final...' },
+ * ]} />
+ */
+export declare const IndexBox: React.FC<IndexBoxProps>;
+//# sourceMappingURL=IndexBox.d.ts.map

package/dist/layout/IndexBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndexBox.d.ts","sourceRoot":"","sources":["../../src/layout/IndexBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+D5C,CAAC"}

package/dist/layout/Layer.d.ts

@@ -0,0 +1,26 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface LayerProps {
+    position?: 'absolute' | 'fixed' | 'sticky';
+    top?: string | number;
+    left?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    zIndex?: number;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * Layer — 浮动层（absolute/fixed/sticky）
+ *
+ * - 支持 absolute、fixed、sticky 三种定位模式
+ * - 可精确控制 top/left/right/bottom/zIndex
+ * - 用于叠加装饰元素、浮动导航或 sticky 侧栏
+ *
+ * @example
+ * <Layer position="sticky" top={0} zIndex={100}>
+ *   <nav>Sticky Navigation</nav>
+ * </Layer>
+ */
+export declare const Layer: React.FC<LayerProps>;
+//# sourceMappingURL=Layer.d.ts.map

package/dist/layout/Layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layer.d.ts","sourceRoot":"","sources":["../../src/layout/Layer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC3C,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAUtC,CAAC"}

package/dist/layout/Layout.d.ts

@@ -0,0 +1,29 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface LayoutProps {
+    columns?: number;
+    maxWidth?: string;
+    padding?: string;
+    theme?: 'light' | 'dark';
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+interface LayoutContextValue {
+    columns: number;
+}
+export declare const useLayout: () => LayoutContextValue;
+/**
+ * Layout — 顶层容器，提供 24 列栅格 Context
+ *
+ * - 通过 LayoutContext 向子组件广播 columns 数量
+ * - 支持 light/dark 主题切换（data-theme 属性）
+ * - 居中布局，可配置 maxWidth 和 padding
+ *
+ * @example
+ * <Layout columns={24} theme="light" maxWidth="1280px">
+ *   <Section columns={24}>...</Section>
+ * </Layout>
+ */
+export declare const Layout: React.FC<LayoutProps>;
+export {};
+//# sourceMappingURL=Layout.d.ts.map

package/dist/layout/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../src/layout/Layout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEnF,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,kBAAkB;IAAG,OAAO,EAAE,MAAM,CAAC;CAAE;AAEjD,eAAO,MAAM,SAAS,0BAAkC,CAAC;AAEzD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsBxC,CAAC"}

package/dist/layout/Masthead.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+export interface MastheadProps {
+    title: string;
+    kicker?: string;
+    edition?: string;
+    date?: string;
+    price?: string;
+    variant?: 'classic' | 'blackletter' | 'modern';
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    className?: string;
+}
+/**
+ * Masthead — 报头（classic/blackletter/modern 三种 variant）
+ *
+ * - classic: Cormorant Garamond 居中衬线风格
+ * - blackletter: UnifrakturMaguntia 德式哥特体
+ * - modern: 左对齐现代大标题风格
+ *
+ * @example
+ * <Masthead
+ *   variant="classic"
+ *   title="The Daily Chronicle"
+ *   date="May 19, 2026"
+ *   edition="Vol. CLII No. 42"
+ * />
+ */
+export declare const Masthead: React.FC<MastheadProps>;
+//# sourceMappingURL=Masthead.d.ts.map

package/dist/layout/Masthead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Masthead.d.ts","sourceRoot":"","sources":["../../src/layout/Masthead.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;IAC/C,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkE5C,CAAC"}

package/dist/layout/RelatedArticles.d.ts

@@ -0,0 +1,22 @@
+import { default as React, CSSProperties } from 'react';
+export interface RelatedArticle {
+    title: string;
+    href: string;
+    category?: string;
+}
+export interface RelatedArticlesProps {
+    title?: string;
+    articles: RelatedArticle[];
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * RelatedArticles — "See Also" / "相关报道" 列表
+ *
+ * @example
+ * <RelatedArticles title="Related" articles={[
+ *   { title: 'Climate bill passes', href: '/article/1', category: 'Politics' }
+ * ]} />
+ */
+export declare const RelatedArticles: React.FC<RelatedArticlesProps>;
+//# sourceMappingURL=RelatedArticles.d.ts.map

package/dist/layout/RelatedArticles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelatedArticles.d.ts","sourceRoot":"","sources":["../../src/layout/RelatedArticles.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiD1D,CAAC"}

package/dist/layout/Rule.d.ts

@@ -0,0 +1,20 @@
+import { default as React, CSSProperties } from 'react';
+export interface RuleProps {
+    variant?: 'hairline' | 'double' | 'thick';
+    orientation?: 'horizontal' | 'vertical';
+    span?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Rule — 分隔线（hairline/double/thick）
+ *
+ * - 支持水平和垂直方向
+ * - hairline: 1px 细线；double: 双线装饰；thick: 3px 粗线
+ * - 水平模式下可通过 span 控制跨栏宽度
+ *
+ * @example
+ * <Rule variant="double" orientation="horizontal" />
+ */
+export declare const Rule: React.FC<RuleProps>;
+//# sourceMappingURL=Rule.d.ts.map

package/dist/layout/Rule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rule.d.ts","sourceRoot":"","sources":["../../src/layout/Rule.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2CpC,CAAC"}

package/dist/layout/Section.d.ts

@@ -0,0 +1,35 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface SectionProps {
+    columns: number;
+    gap?: string;
+    breakable?: boolean;
+    divider?: 'none' | 'top' | 'bottom' | 'both';
+    responsive?: {
+        sm?: number;
+        md?: number;
+        lg?: number;
+    };
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+interface SectionContextValue {
+    columns: number;
+}
+export declare const useSection: () => SectionContextValue;
+/**
+ * Section — CSS Grid 栅格区域
+ *
+ * - 内部创建独立的 grid 容器，列数受父 Layout 约束
+ * - 支持 hairline divider 分隔线（top/bottom/both）
+ * - 通过 SectionContext 向子 Article 广播当前列数
+ *
+ * @example
+ * <Section columns={24} gap="var(--nui-gutter)" divider="bottom">
+ *   <Article span={14}>...</Article>
+ *   <Article span={10}>...</Article>
+ * </Section>
+ */
+export declare const Section: React.FC<SectionProps>;
+export {};
+//# sourceMappingURL=Section.d.ts.map

package/dist/layout/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/layout/Section.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAoC,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI1F,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC7C,UAAU,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,mBAAmB;IAAG,OAAO,EAAE,MAAM,CAAC;CAAE;AAElD,eAAO,MAAM,UAAU,2BAAmC,CAAC;AAE3D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyC1C,CAAC"}

package/dist/layout/Sidebar.d.ts

@@ -0,0 +1,20 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface SidebarProps {
+    span?: number;
+    position?: 'left' | 'right';
+    divider?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * Sidebar — 侧边栏内容区（天气、股票、快讯摘要等）
+ *
+ * @example
+ * <Section columns={24}>
+ *   <Article span={18}>...</Article>
+ *   <Sidebar span={6} position="right" divider>...</Sidebar>
+ * </Section>
+ */
+export declare const Sidebar: React.FC<SidebarProps>;
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/layout/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../src/layout/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuB1C,CAAC"}

package/dist/media/Figure.d.ts

@@ -0,0 +1,34 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface FigureProps {
+    src?: string;
+    alt?: string;
+    caption?: string;
+    credit?: string;
+    span?: number;
+    loading?: 'lazy' | 'eager';
+    aspectRatio?: string;
+    sizes?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/**
+ * Figure — 图文组合（img + Caption）
+ *
+ * - 将图片与 Caption 组合为语义化 figure 元素
+ * - 支持 caption 文字说明和 credit 来源标注
+ * - 自动避免 print 分页断开（break-inside: avoid）
+ * - 支持 children 自定义内容替代 img
+ *
+ * @example
+ * <Figure
+ *   src="/photo.jpg"
+ *   alt="City skyline"
+ *   caption="Downtown at dusk"
+ *   credit="Photo by John"
+ *   span={10}
+ *   aspectRatio="16/9"
+ * />
+ */
+export declare const Figure: React.FC<FigureProps>;
+//# sourceMappingURL=Figure.d.ts.map

package/dist/media/Figure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Figure.d.ts","sourceRoot":"","sources":["../../src/media/Figure.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAKxD,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2BxC,CAAC"}

package/dist/media/Image.d.ts

@@ -0,0 +1,24 @@
+import { default as React, CSSProperties } from 'react';
+export interface ImageProps {
+    src: string;
+    alt: string;
+    span?: number;
+    loading?: 'lazy' | 'eager';
+    aspectRatio?: string;
+    sizes?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Image — 图片
+ *
+ * - 响应式全宽图片，自动适配栅格列宽
+ * - 通过 span 控制在 Section 中占据的列数
+ * - 默认 lazy loading 优化性能
+ * - 必须提供 alt 属性以确保无障碍访问
+ *
+ * @example
+ * <Image src="/photo.jpg" alt="City skyline" span={12} aspectRatio="16/9" />
+ */
+export declare const Image: React.FC<ImageProps>;
+//# sourceMappingURL=Image.d.ts.map

package/dist/media/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/media/Image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAsBtC,CAAC"}

package/dist/media/PullQuote.d.ts

@@ -0,0 +1,25 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface PullQuoteProps {
+    weight?: 'High' | 'Medium';
+    span?: number;
+    spanAllColumns?: boolean;
+    author?: string;
+    align?: 'left' | 'center';
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * PullQuote — 拉引（上下双 hairline + Display 字体）
+ *
+ * - 上下 hairline 边框包裹，Display 字体突出引文
+ * - 支持 spanAllColumns 跨越多栏 BodyText 的所有列
+ * - 可附带 author 署名（small-caps 样式）
+ *
+ * @example
+ * <PullQuote weight="High" author="Jane Doe" align="center">
+ *   "Design is not just what it looks like — design is how it works."
+ * </PullQuote>
+ */
+export declare const PullQuote: React.FC<PullQuoteProps>;
+//# sourceMappingURL=PullQuote.d.ts.map

package/dist/media/PullQuote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullQuote.d.ts","sourceRoot":"","sources":["../../src/media/PullQuote.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAKxD,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqD9C,CAAC"}

package/dist/media/Video.d.ts

@@ -0,0 +1,29 @@
+import { default as React, CSSProperties } from 'react';
+export interface VideoProps {
+    src: string;
+    poster?: string;
+    caption?: string;
+    credit?: string;
+    span?: number;
+    controls?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Video — 视频
+ *
+ * - 响应式视频播放器，支持 poster 封面图
+ * - 可附带 caption 说明和 credit 来源
+ * - 自动避免 print 分页断开
+ *
+ * @example
+ * <Video
+ *   src="/clip.mp4"
+ *   poster="/poster.jpg"
+ *   caption="Interview footage"
+ *   credit="Video by Reuters"
+ *   span={14}
+ * />
+ */
+export declare const Video: React.FC<VideoProps>;
+//# sourceMappingURL=Video.d.ts.map

package/dist/media/Video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/media/Video.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK7C,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CActC,CAAC"}

package/dist/style.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&family=Inter:wght@400;500;600;700&family=UnifrakturMaguntia&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap";:root{--font-family-masthead: "Cormorant Garamond", "Playfair Display", Georgia, serif;--font-family-blackletter: "UnifrakturMaguntia", "Cormorant Garamond", serif;--font-family-display: "Source Serif 4", Georgia, "Times New Roman", serif;--font-family-headline: "Source Serif 4", Georgia, "Times New Roman", serif;--font-family-body: "Source Serif 4", Georgia, "Times New Roman", serif;--font-family-meta: "Inter", system-ui, sans-serif;--font-family-cjk-serif: "Noto Serif SC", "Noto Serif JP", "Source Serif 4", serif;--font-family-cjk-jp: "Noto Serif JP", "Source Serif 4", serif;--nui-accent-cjk-red: #CC2929;--nui-bg-page: #F7F4ED;--nui-bg-surface: #FBF9F4;--nui-text-primary: #1A1A1A;--nui-text-body: #22201C;--nui-text-secondary: #4A4742;--nui-text-muted: #6E6A63;--nui-text-quote: #2E2A24;--nui-rule-hairline: #C9C2B2;--nui-rule-decorative: #1A1A1A;--nui-accent-primary: #7A1F1F;--nui-accent-ink-blue: #1B2A4A;--nui-highlight: #F2E9C8;--nui-gutter: 1.5rem;--nui-space-1: .25rem;--nui-space-2: .5rem;--nui-space-3: .75rem;--nui-space-4: 1rem;--nui-space-6: 1.5rem;--nui-space-8: 2rem;--nui-radius-none: 0;--nui-radius-sm: 2px;--nui-radius-md: 4px;--nui-shadow-sm: 0 1px 2px rgba(0,0,0,.05);--nui-shadow-md: 0 2px 8px rgba(0,0,0,.08);--nui-transition-fast: .15s ease;--nui-transition-normal: .25s ease;--nui-z-base: 0;--nui-z-sticky: 10;--nui-z-header: 50;--nui-z-modal: 100;--nui-z-tooltip: 150}[data-theme=dark]{--nui-bg-page: #14110D;--nui-bg-surface: #1C1812;--nui-text-primary: #EDE6D6;--nui-text-body: #DCD4C2;--nui-text-secondary: #A89F8C;--nui-text-muted: #857C6A;--nui-text-quote: #DCD4C2;--nui-rule-hairline: #3A352C;--nui-rule-decorative: #EDE6D6;--nui-accent-primary: #C97A6E;--nui-accent-ink-blue: #7E94C2;--nui-highlight: #3A2F18;--nui-shadow-sm: 0 1px 2px rgba(0,0,0,.3);--nui-shadow-md: 0 2px 8px rgba(0,0,0,.4)}html,body{background:var(--nui-bg-page);color:var(--nui-text-body)}.nui-drop-cap>p:first-of-type:first-letter,.nui-drop-cap>:first-child:first-letter{float:left;font-family:var(--font-family-display);font-weight:700;font-size:4.2em;line-height:.82;margin:.05em .1em 0 0;color:var(--nui-text-primary)}.nui-small-caps{font-variant-caps:small-caps;font-feature-settings:"smcp" 1,"c2sc" 1;letter-spacing:.06em;font-family:var(--font-family-meta)}.nui-paragraph-flow>p{margin:0;orphans:3;widows:3;-webkit-hyphens:auto;hyphens:auto;break-inside:avoid-column}.nui-paragraph-flow>p+p{text-indent:1em}.nui-paragraph-flow>p.nui-no-indent+p{text-indent:0}.nui-osf{font-feature-settings:"onum" 1,"kern" 1,"liga" 1;font-variant-numeric:oldstyle-nums proportional-nums}.nui-tnum{font-feature-settings:"lnum" 1,"tnum" 1;font-variant-numeric:lining-nums tabular-nums}.nui-hanging-punctuation{hanging-punctuation:first allow-end last}.nui-column-rule{column-rule:1px solid var(--nui-rule-hairline)}.nui-avoid-break{break-inside:avoid;page-break-inside:avoid}.nui-span-all-columns{column-span:all}.nui-masthead-rule-top,.nui-masthead-rule-bottom{height:8px;background:linear-gradient(to bottom,var(--nui-rule-decorative) 0,var(--nui-rule-decorative) 1px,transparent 1px,transparent 5px,var(--nui-rule-decorative) 5px,var(--nui-rule-decorative) 8px)}.nui-rule-hairline{border:0;border-top:1px solid var(--nui-rule-hairline);margin:0}@media (max-width: 640px){.nui-section{grid-template-columns:1fr!important}.nui-section>*{grid-column:1 / -1!important}.nui-bodytext{column-count:1!important;column-width:auto!important}}

package/dist/text/AuthorCard.d.ts

@@ -0,0 +1,18 @@
+import { default as React, CSSProperties } from 'react';
+export interface AuthorCardProps {
+    name: string;
+    role?: string;
+    bio?: string;
+    avatar?: string;
+    email?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * AuthorCard — 作者简介卡片（长篇报道末尾）
+ *
+ * @example
+ * <AuthorCard name="Eleanor Whitcombe" role="Senior Correspondent" bio="..." avatar="/avatar.jpg" />
+ */
+export declare const AuthorCard: React.FC<AuthorCardProps>;
+//# sourceMappingURL=AuthorCard.d.ts.map

package/dist/text/AuthorCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthorCard.d.ts","sourceRoot":"","sources":["../../src/text/AuthorCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqEhD,CAAC"}

package/dist/text/BodyText.d.ts

@@ -0,0 +1,27 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface BodyTextProps {
+    weight?: 'High' | 'Medium' | 'Low';
+    span?: number;
+    columns?: 1 | 2 | 3 | 4;
+    columnWidth?: string;
+    columnFill?: 'auto' | 'balance';
+    dropCap?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * BodyText — 正文（核心：columns 多栏文字流 + dropCap 首字下沉）
+ *
+ * - CSS Multi-column 实现真实报纸多栏排版（1-4 栏）
+ * - dropCap 启用 ::first-letter 首字下沉效果
+ * - 自动应用 old-style figures、hanging punctuation、column-rule hairline
+ * - columnFill 默认 'balance'，浏览器自动均分内容到各栏（无需指定 height）
+ *
+ * @example
+ * <BodyText columns={3} dropCap>
+ *   <p>The story begins with a dramatic opening paragraph...</p>
+ * </BodyText>
+ */
+export declare const BodyText: React.FC<BodyTextProps>;
+//# sourceMappingURL=BodyText.d.ts.map

package/dist/text/BodyText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../src/text/BodyText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAKxD,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyC5C,CAAC"}

package/dist/text/Byline.d.ts

@@ -0,0 +1,18 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface BylineProps {
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * Byline — 署名（Inter small-caps）
+ *
+ * - Inter 字体 + OpenType small-caps 特性
+ * - 用于文章作者署名，通常置于标题下方
+ * - 字号、字重、间距由 visualWeights 数据驱动
+ *
+ * @example
+ * <Byline>BY ALICE SMITH</Byline>
+ */
+export declare const Byline: React.FC<BylineProps>;
+//# sourceMappingURL=Byline.d.ts.map

package/dist/text/Byline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Byline.d.ts","sourceRoot":"","sources":["../../src/text/Byline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmBxC,CAAC"}

package/dist/text/Caption.d.ts

@@ -0,0 +1,21 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface CaptionProps {
+    credit?: string;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * Caption — 图片说明（italic + credit small-caps）
+ *
+ * - 主体文字为 italic 衬线，描述图片内容
+ * - credit 部分以 small-caps 显示摄影师/来源信息
+ * - 渲染为 figcaption，语义化配合 Figure 使用
+ *
+ * @example
+ * <Caption credit="Photograph by Jane Doe">
+ *   A view of the city skyline at sunset.
+ * </Caption>
+ */
+export declare const Caption: React.FC<CaptionProps>;
+//# sourceMappingURL=Caption.d.ts.map

package/dist/text/Caption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../src/text/Caption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkC1C,CAAC"}