newspaperui 0.2.0

package/dist/text/Dateline.d.ts

@@ -0,0 +1,20 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface DatelineProps {
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * Dateline — 发稿地（Inter small-caps）
+ *
+ * - Inter 字体 + OpenType small-caps，标注新闻发稿地
+ * - 通常置于正文首段开头，如 "LONDON —"
+ * - 渲染为 inline span，可嵌入 BodyText 内
+ *
+ * @example
+ * <BodyText>
+ *   <Dateline>WASHINGTON —</Dateline> The president announced...
+ * </BodyText>
+ */
+export declare const Dateline: React.FC<DatelineProps>;
+//# sourceMappingURL=Dateline.d.ts.map

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

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

package/dist/text/Headline.d.ts

@@ -0,0 +1,24 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface HeadlineProps {
+    weight?: 'High' | 'Medium' | 'Low';
+    span?: number;
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    align?: 'left' | 'center' | 'right';
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * Headline — 标题（High/Medium/Low 三档，自动映射 h1/h2/h3）
+ *
+ * - 根据 weight 自动选择语义标签（h1/h2/h3），也可通过 as 覆盖
+ * - 字号、行高、字重由 visualWeights 数据驱动
+ * - 支持 text-wrap: balance 自动平衡换行
+ *
+ * @example
+ * <Headline weight="High" span={14}>
+ *   Breaking: Major Event Unfolds
+ * </Headline>
+ */
+export declare const Headline: React.FC<HeadlineProps>;
+//# sourceMappingURL=Headline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../src/text/Headline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AASxD,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8B5C,CAAC"}

package/dist/text/JumpLine.d.ts

@@ -0,0 +1,18 @@
+import { default as React, CSSProperties } from 'react';
+export interface JumpLineProps {
+    direction: 'to' | 'from';
+    page: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * JumpLine — 跨版续转标注
+ *
+ * 报纸文章从一个版面跳转到另一个版面时的标注。
+ *
+ * @example
+ * <JumpLine direction="to" page="A6" />
+ * <JumpLine direction="from" page="A1" />
+ */
+export declare const JumpLine: React.FC<JumpLineProps>;
+//# sourceMappingURL=JumpLine.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JumpLine.d.ts","sourceRoot":"","sources":["../../src/text/JumpLine.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoB5C,CAAC"}

package/dist/text/Kicker.d.ts

@@ -0,0 +1,19 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface KickerProps {
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * Kicker — 小帽体标签（朱红 accent）
+ *
+ * - Inter small-caps 字体，朱红色 accent 色
+ * - 用于标题上方的栏目标签或分类标识
+ * - 字号和间距由 visualWeights 数据驱动
+ *
+ * @example
+ * <Kicker>EXCLUSIVE</Kicker>
+ * <Headline weight="High">Major Discovery</Headline>
+ */
+export declare const Kicker: React.FC<KickerProps>;
+//# sourceMappingURL=Kicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kicker.d.ts","sourceRoot":"","sources":["../../src/text/Kicker.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;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmBxC,CAAC"}

package/dist/text/Quote.d.ts

@@ -0,0 +1,24 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface QuoteProps {
+    variant?: 'block' | 'inline';
+    weight?: 'High' | 'Medium';
+    span?: number;
+    cite?: string;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * Quote — 引用（block 左缩进 / inline italic）
+ *
+ * - block 模式：渲染为 blockquote，支持 cite 属性和 span 跨栏
+ * - inline 模式：渲染为 em 标签，适合行内引用
+ * - 字号和样式由 visualWeights 数据驱动
+ *
+ * @example
+ * <Quote variant="block" weight="High" cite="https://source.com">
+ *   "The truth is rarely pure and never simple."
+ * </Quote>
+ */
+export declare const Quote: React.FC<QuoteProps>;
+//# sourceMappingURL=Quote.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.d.ts","sourceRoot":"","sources":["../../src/text/Quote.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAKxD,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,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,CAmCtC,CAAC"}

package/dist/text/Subhead.d.ts

@@ -0,0 +1,23 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+export interface SubheadProps {
+    weight?: 'High' | 'Medium';
+    span?: number;
+    as?: 'h2' | 'h3' | 'h4' | 'p';
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * Subhead — 副标题（italic 衬线）
+ *
+ * - 默认 italic 衬线风格，视觉层级低于 Headline
+ * - 支持 High/Medium 两档 weight
+ * - 可通过 as 指定渲染标签（h2/h3/h4/p）
+ *
+ * @example
+ * <Subhead weight="Medium" span={14}>
+ *   A deeper look into the story behind the headlines
+ * </Subhead>
+ */
+export declare const Subhead: React.FC<SubheadProps>;
+//# sourceMappingURL=Subhead.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Subhead.d.ts","sourceRoot":"","sources":["../../src/text/Subhead.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAKxD,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;IAC9B,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,CA0B1C,CAAC"}

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "newspaperui",
+  "version": "0.2.0",
+  "description": "Production-grade newspaper layout React components with built-in theme and utilities",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^4.3.4",
+    "jsdom": "^25.0.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.7.2",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^4.3.0",
+    "vitest": "^2.1.8",
+    "newspaperui-theme": "0.1.0",
+    "newspaperui-utils": "0.1.0"
+  },
+  "license": "MIT",
+  "author": "sunzhongyi",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/joisun/newspaperui.git"
+  },
+  "keywords": [
+    "newspaper",
+    "react",
+    "components",
+    "layout",
+    "typography",
+    "css-grid",
+    "multi-column",
+    "indesign",
+    "editorial"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch --mode development",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  }
+}