@octohirono/stitch-design-system 0.1.0 → 0.2.0

package/dist/components/LineChart/LineChart.js

@@ -0,0 +1,110 @@
+import { catColor as e } from "../_internal/dataviz/chartColors.js";
+import { ChartFrame as t } from "../_internal/dataviz/ChartFrame.js";
+import { ChartTooltip as n } from "../_internal/dataviz/ChartTooltip.js";
+import r from "./line-chart.module.js";
+import "react";
+import i from "clsx";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Area as c, AreaChart as l, CartesianGrid as u, LabelList as d, Line as f, LineChart as p, Tooltip as m, XAxis as h, YAxis as g } from "recharts";
+//#region packages/react/src/components/LineChart/LineChart.tsx
+var _ = [
+	"0",
+	"6 4",
+	"2 4",
+	"10 4 2 4"
+], v = (e) => _[(e % _.length + _.length) % _.length], y = ({ data: _, xField: y, series: b, smooth: x = !1, area: S = !1, height: C = 300, valueFormatter: w, ariaLabel: T, className: E }) => {
+	let D = x ? "monotone" : "linear", O = { fill: "var(--stitch-text-secondary)" }, k = w ? (e) => w(e) : void 0, A = (e) => {
+		let { active: t, label: r, payload: i } = e, a = i?.map((e) => ({
+			name: e.name,
+			value: w && typeof e.value == "number" ? w(e.value) : e.value,
+			color: e.color
+		}));
+		return /* @__PURE__ */ o(n, {
+			active: t,
+			label: r,
+			payload: a
+		});
+	}, j = _.length - 1, M = (e) => ({ x: t, y: n, index: i }) => i === j ? /* @__PURE__ */ o("text", {
+		x: Number(t) + 8,
+		y: Number(n),
+		dy: 4,
+		className: r.endLabel,
+		children: e
+	}) : null, N = {
+		top: 8,
+		right: 56,
+		bottom: 4,
+		left: 4
+	}, P = /* @__PURE__ */ s(a, { children: [
+		/* @__PURE__ */ o(u, {
+			stroke: "var(--stitch-border)",
+			vertical: !1
+		}),
+		/* @__PURE__ */ o(h, {
+			dataKey: y,
+			stroke: "var(--stitch-border)",
+			tick: O,
+			tickLine: !1
+		}),
+		/* @__PURE__ */ o(g, {
+			stroke: "var(--stitch-border)",
+			tick: O,
+			tickLine: !1,
+			tickFormatter: k
+		}),
+		/* @__PURE__ */ o(m, { content: A })
+	] }), F = S ? /* @__PURE__ */ s(l, {
+		data: _,
+		margin: N,
+		children: [P, b.map((t, n) => {
+			let r = e(n), i = t.name ?? t.dataKey;
+			return /* @__PURE__ */ o(c, {
+				type: D,
+				dataKey: t.dataKey,
+				name: i,
+				stroke: r,
+				strokeWidth: 2,
+				strokeDasharray: v(n),
+				fill: `color-mix(in srgb, ${r}, transparent 88%)`,
+				fillOpacity: 1,
+				dot: !1,
+				activeDot: { r: 4 },
+				isAnimationActive: !1,
+				children: /* @__PURE__ */ o(d, {
+					dataKey: t.dataKey,
+					content: M(i)
+				})
+			}, t.dataKey);
+		})]
+	}) : /* @__PURE__ */ s(p, {
+		data: _,
+		margin: N,
+		children: [P, b.map((t, n) => {
+			let r = t.name ?? t.dataKey;
+			return /* @__PURE__ */ o(f, {
+				type: D,
+				dataKey: t.dataKey,
+				name: r,
+				stroke: e(n),
+				strokeWidth: 2,
+				strokeDasharray: v(n),
+				dot: !1,
+				activeDot: { r: 4 },
+				isAnimationActive: !1,
+				children: /* @__PURE__ */ o(d, {
+					dataKey: t.dataKey,
+					content: M(r)
+				})
+			}, t.dataKey);
+		})]
+	});
+	return /* @__PURE__ */ o(t, {
+		ariaLabel: T,
+		height: C,
+		className: i(r.chart, E),
+		children: F
+	});
+};
+y.displayName = "LineChart";
+//#endregion
+export { y as LineChart };

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

@@ -0,0 +1,2 @@
+export { LineChart } from './LineChart';
+export type { LineChartProps, LineChartSeries } from './LineChart';

package/dist/components/LineChart/line-chart.module.js

@@ -0,0 +1,7 @@
+//#region packages/react/src/components/LineChart/line-chart.module.less
+var e = "_chart_bhyb6_1", t = "_endLabel_bhyb6_5", n = {
+	chart: e,
+	endLabel: t
+};
+//#endregion
+export { e as chart, n as default, t as endLabel };

package/dist/components/PieChart/PieChart.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+/**
+ * 饼 / 环图。扇区色只从契约分类色槽 `var(--stitch-cat-*)` 取、按序号循环，随站换肤整图跟随；
+ * 组件内零硬编码主题值、零手写内联 svg（svg 全由 recharts 出），无 emoji。`innerRadius` 挖空
+ * 中心即成环形（donut），此时可用 `centerLabel` 在中心放一个值；默认出图例（`Legend`）把
+ * 分类名列出，不只靠颜色区分（守 a11y）。整图作一张图对外——`role="img"` + `aria-label`
+ * （缺省兜底非空名）。
+ */
+export interface PieChartProps {
+    /** 数据源，每项一扇区（Ant charts `data` 语义） */
+    data: Record<string, unknown>[];
+    /** 扇区数值字段——决定扇区角度大小（Ant charts `angleField` 语义） */
+    angleField: string;
+    /** 扇区分类字段——作图例名与 tooltip 名（Ant charts `colorField` 语义） */
+    colorField: string;
+    /**
+     * 环形内半径占比 0–1（Ant charts `innerRadius` 语义）；0 = 实心饼，>0 = 环形 donut
+     * @default 0
+     */
+    innerRadius?: number;
+    /** 环形中心值（仅 `innerRadius` > 0 挖空后有空间显示；扇区数值的汇总等） */
+    centerLabel?: string | number;
+    /**
+     * 是否显示图例（把分类名 → 色块显式列出，作不依赖颜色的区分通道）
+     * @default true
+     */
+    legend?: boolean;
+    /**
+     * 图表高度（px）；宽度恒铺满容器
+     * @default 300
+     */
+    height?: number;
+    /** 扇区值格式化（如货币 / 百分比）；作用于 tooltip 值 */
+    valueFormatter?: (value: number) => string;
+    /** 图表整体可访问名（`role="img"` 的文本替代）；缺省兜底非空名 */
+    ariaLabel?: string;
+    /** 透传外层容器类名 */
+    className?: string;
+}
+/**
+ * 把数据画成饼 / 环图，扇区色走契约分类色槽、随站换肤；可挖空成环形并在中心放一个值。
+ */
+export declare const PieChart: React.FC<PieChartProps>;

package/dist/components/PieChart/PieChart.js

@@ -0,0 +1,56 @@
+import { catColor as e } from "../_internal/dataviz/chartColors.js";
+import { ChartFrame as t } from "../_internal/dataviz/ChartFrame.js";
+import { ChartTooltip as n } from "../_internal/dataviz/ChartTooltip.js";
+import r from "./pie-chart.module.js";
+import "react";
+import i from "clsx";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Cell as s, Label as c, Legend as l, Pie as u, PieChart as d, Tooltip as f } from "recharts";
+//#region packages/react/src/components/PieChart/PieChart.tsx
+var p = ({ data: p, angleField: m, colorField: h, innerRadius: g = 0, centerLabel: _, legend: v = !0, height: y = 300, valueFormatter: b, ariaLabel: x, className: S }) => {
+	let C = (e) => {
+		let { active: t, payload: r } = e, i = r?.map((e) => ({
+			name: e.name,
+			value: b && typeof e.value == "number" ? b(e.value) : e.value,
+			color: e.color
+		}));
+		return /* @__PURE__ */ a(n, {
+			active: t,
+			payload: i
+		});
+	}, w = `${Math.max(0, Math.min(1, g)) * 100}%`, T = g > 0 && _ != null && _ !== "";
+	return /* @__PURE__ */ a(t, {
+		ariaLabel: x,
+		height: y,
+		className: i(r.chart, S),
+		children: /* @__PURE__ */ o(d, {
+			margin: {
+				top: 8,
+				right: 8,
+				bottom: 4,
+				left: 4
+			},
+			children: [
+				/* @__PURE__ */ a(f, { content: C }),
+				v && /* @__PURE__ */ a(l, { wrapperStyle: { color: "var(--stitch-text-primary)" } }),
+				/* @__PURE__ */ o(u, {
+					data: p,
+					dataKey: m,
+					nameKey: h,
+					innerRadius: w,
+					outerRadius: "80%",
+					stroke: "var(--stitch-bg-elevated)",
+					isAnimationActive: !1,
+					children: [p.map((t, n) => /* @__PURE__ */ a(s, { fill: e(n) }, n)), T && /* @__PURE__ */ a(c, {
+						position: "center",
+						value: _,
+						className: r.center
+					})]
+				})
+			]
+		})
+	});
+};
+p.displayName = "PieChart";
+//#endregion
+export { p as PieChart };

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

@@ -0,0 +1,2 @@
+export { PieChart } from './PieChart';
+export type { PieChartProps } from './PieChart';

package/dist/components/PieChart/pie-chart.module.js

@@ -0,0 +1,7 @@
+//#region packages/react/src/components/PieChart/pie-chart.module.less
+var e = "_chart_yzp1s_1", t = "_center_yzp1s_5", n = {
+	chart: e,
+	center: t
+};
+//#endregion
+export { t as center, e as chart, n as default };

package/dist/components/Stat/Stat.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+/** 趋势方向：值往哪走（好/坏由 direction + trendReversed 共同决定，不等于方向本身）。 */
+export type StatTrendDirection = 'up' | 'down';
+/** 趋势描述：一个变化量 + 方向。方向缺省时按 value 正负推断（≥0 视为 up）。 */
+export interface StatTrend {
+    /** 变化量（展示为绝对值，方向由箭头/配色承载） */
+    value: number;
+    /** 方向；缺省按 value 正负推断 */
+    direction?: StatTrendDirection;
+}
+/** 状态点语义色调（点色走对应角色变量，缺省 neutral = 弱化中性）。 */
+export type StatStatusTone = 'neutral' | 'success' | 'danger' | 'warning' | 'info';
+/** 状态点：一枚 <Icon name="dot"> + 文案（如 ○ 0 online）。 */
+export interface StatStatus {
+    /** 状态文案 */
+    text: React.ReactNode;
+    /**
+     * 点的语义色调（走角色变量）
+     * @default 'neutral'
+     */
+    tone?: StatStatusTone;
+}
+/**
+ * 单个指标块：标签 + 大值（可带 prefix/suffix/精度/千分位/自定义 formatter）+ 可选趋势 /
+ * 副说明 / 状态点。展示 props 借 Ant `Statistic` 语义。
+ *
+ * 跨-prop 注意事项：
+ * - **只读角色变量**：趋势好/坏色只走 `var(--stitch-success)` / `var(--stitch-danger)`，
+ *   状态点色 / 分隔线走 `var(--stitch-*)`——组件内零硬编码绿红、零主题值。
+ * - **趋势方向经 `<Icon>`**（内置 `arrow-up-right` / `arrow-down-right`），**禁**内联 svg /
+ *   emoji / Unicode 箭头。方向（箭头形状）是不依赖颜色的区分通道，配色只叠加好/坏语义。
+ * - **`trendReversed`**：给「跌是好事」的指标（Bounce Rate 等）翻转好/坏配色——方向不变、
+ *   语义色对调。
+ * - **`formatter` 优先**：给出时接管全部数值格式化，`precision` / `groupSeparator` 不再生效。
+ * - **Accessibility**：有 `title` 时整块为 `role="group"` + `aria-labelledby`（可访问名 =
+ *   标签文案）；趋势箭头为装饰（`aria-hidden`），语义由数值文案与箭头形状承载。
+ */
+export interface StatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'prefix'> {
+    /** 指标标签（如 Unique Visitors） */
+    title?: React.ReactNode;
+    /** 指标值。number 走内置格式化；string 原样展示 */
+    value: string | number;
+    /** 小数精度（仅 number 值、未给 formatter 时生效） */
+    precision?: number;
+    /** 值前缀（如 `$`） */
+    prefix?: React.ReactNode;
+    /** 值后缀（如 `%`） */
+    suffix?: React.ReactNode;
+    /** 自定义格式化；给出时接管数值格式化，precision / groupSeparator 失效 */
+    formatter?: (value: string | number) => React.ReactNode;
+    /**
+     * 千分位分隔符（仅 number 值、未给 formatter 时生效）
+     * @default ','
+     */
+    groupSeparator?: string;
+    /** 趋势涨/跌 */
+    trend?: StatTrend;
+    /**
+     * 反转趋势好坏（「跌是好事」的指标，如 Bounce Rate）
+     * @default false
+     */
+    trendReversed?: boolean;
+    /** 副说明（如 vs previous 30 days） */
+    caption?: React.ReactNode;
+    /** 状态点 + 文案 */
+    status?: StatStatus;
+}
+/**
+ * 把一个指标画成「标签 + 大值 + 趋势 + 副说明 + 状态点」，趋势色走语义角色变量、方向经 <Icon>。
+ */
+export declare const Stat: React.FC<StatProps>;

package/dist/components/Stat/Stat.js

@@ -0,0 +1,66 @@
+import { Icon as e } from "../Icon/Icon.js";
+import t from "./stat.module.js";
+import { useId as n } from "react";
+import r from "clsx";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region packages/react/src/components/Stat/Stat.tsx
+function o(e, t, n) {
+	let [r, i] = (t == null ? String(e) : e.toFixed(t)).split("."), a = r.startsWith("-") ? "-" : "", o = (a ? r.slice(1) : r).replace(/\B(?=(\d{3})+(?!\d))/g, n);
+	return i == null ? `${a}${o}` : `${a}${o}.${i}`;
+}
+var s = ({ title: s, value: c, precision: l, prefix: u, suffix: d, formatter: f, groupSeparator: p = ",", trend: m, trendReversed: h = !1, caption: g, status: _, className: v, ...y }) => {
+	let b = n(), x = f ? f(c) : typeof c == "number" ? o(c, l, p) : c, S = m?.direction ?? ((m?.value ?? 0) >= 0 ? "up" : "down"), C = h ? S === "down" : S === "up";
+	return /* @__PURE__ */ a("div", {
+		className: r(t.stat, v),
+		...s == null ? null : {
+			role: "group",
+			"aria-labelledby": b
+		},
+		...y,
+		children: [
+			s != null && /* @__PURE__ */ i("div", {
+				id: b,
+				className: t["stat-title"],
+				children: s
+			}),
+			/* @__PURE__ */ a("div", {
+				className: t["stat-value-row"],
+				children: [/* @__PURE__ */ a("div", {
+					className: t["stat-value"],
+					children: [
+						u != null && /* @__PURE__ */ i("span", {
+							className: t["stat-prefix"],
+							children: u
+						}),
+						/* @__PURE__ */ i("span", { children: x }),
+						d != null && /* @__PURE__ */ i("span", {
+							className: t["stat-suffix"],
+							children: d
+						})
+					]
+				}), m != null && /* @__PURE__ */ a("span", {
+					className: r(t["stat-trend"], C ? t["stat-trend-positive"] : t["stat-trend-negative"]),
+					children: [/* @__PURE__ */ i(e, {
+						name: S === "up" ? "arrow-up-right" : "arrow-down-right",
+						size: "1em"
+					}), Math.abs(m.value)]
+				})]
+			}),
+			g != null && /* @__PURE__ */ i("div", {
+				className: t["stat-caption"],
+				children: g
+			}),
+			_ != null && /* @__PURE__ */ a("div", {
+				className: t["stat-status"],
+				children: [/* @__PURE__ */ i(e, {
+					name: "dot",
+					size: "0.6em",
+					className: t[`stat-dot-${_.tone ?? "neutral"}`]
+				}), _.text]
+			})
+		]
+	});
+};
+s.displayName = "Stat";
+//#endregion
+export { s as Stat };

package/dist/components/Stat/StatGroup.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+/**
+ * 一排指标：把每个子项裹进一格，相邻格之间用发丝线 `var(--stitch-border)` 竖线分隔（首项不带）。
+ *
+ * 跨-prop 注意事项：
+ * - **分隔线只走角色变量** `var(--stitch-border)` + `var(--stitch-border-width)`——零硬编码。
+ * - 子项各自成格、等高对齐；换行时靠 flex-wrap，格内间距走 `var(--stitch-spacing-*)`。
+ */
+export interface StatGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 一排指标子项（通常是 `<Stat>`） */
+    children?: React.ReactNode;
+}
+/** 把一排指标横排，相邻项之间以发丝线分隔。 */
+export declare const StatGroup: React.FC<StatGroupProps>;

package/dist/components/Stat/StatGroup.js

@@ -0,0 +1,16 @@
+import e from "./stat.module.js";
+import t from "react";
+import n from "clsx";
+import { jsx as r } from "react/jsx-runtime";
+//#region packages/react/src/components/Stat/StatGroup.tsx
+var i = ({ children: i, className: a, ...o }) => /* @__PURE__ */ r("div", {
+	className: n(e.group, a),
+	...o,
+	children: t.Children.map(i, (t) => t == null || t === !1 ? t : /* @__PURE__ */ r("div", {
+		className: e["group-item"],
+		children: t
+	}))
+});
+i.displayName = "StatGroup";
+//#endregion
+export { i as StatGroup };

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

@@ -0,0 +1,4 @@
+export { Stat } from './Stat';
+export type { StatProps, StatTrend, StatTrendDirection, StatStatus, StatStatusTone, } from './Stat';
+export { StatGroup } from './StatGroup';
+export type { StatGroupProps } from './StatGroup';

package/dist/components/Stat/stat.module.js

@@ -0,0 +1,23 @@
+//#region packages/react/src/components/Stat/stat.module.less
+var e = "_stat_1wp9y_1", t = "_group_1wp9y_69", n = {
+	stat: e,
+	"stat-title": "_stat-title_1wp9y_8",
+	"stat-value-row": "_stat-value-row_1wp9y_12",
+	"stat-value": "_stat-value_1wp9y_12",
+	"stat-prefix": "_stat-prefix_1wp9y_25",
+	"stat-suffix": "_stat-suffix_1wp9y_26",
+	"stat-trend": "_stat-trend_1wp9y_30",
+	"stat-trend-positive": "_stat-trend-positive_1wp9y_37",
+	"stat-trend-negative": "_stat-trend-negative_1wp9y_40",
+	"stat-caption": "_stat-caption_1wp9y_43",
+	"stat-status": "_stat-status_1wp9y_47",
+	"stat-dot-neutral": "_stat-dot-neutral_1wp9y_54",
+	"stat-dot-success": "_stat-dot-success_1wp9y_57",
+	"stat-dot-danger": "_stat-dot-danger_1wp9y_60",
+	"stat-dot-warning": "_stat-dot-warning_1wp9y_63",
+	"stat-dot-info": "_stat-dot-info_1wp9y_66",
+	group: t,
+	"group-item": "_group-item_1wp9y_74"
+};
+//#endregion
+export { n as default, t as group, e as stat };

package/dist/components/_internal/dataviz/ChartFrame.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface ChartFrameProps {
+    /**
+     * 图表整体的可访问名（文本替代）。漏传时兜底 `'图表'`，保证 `role="img"` 永远有名。
+     */
+    ariaLabel?: string;
+    /**
+     * 图表高度（px）。图表无内在高度，须由消费者给；宽度恒铺满容器。
+     * @default 300
+     */
+    height?: number;
+    /** 单个 recharts 图表元素（LineChart / BarChart / PieChart…）。 */
+    children: React.ReactElement;
+    /** 透传到外层容器 */
+    className?: string;
+}
+/**
+ * 把单个 recharts 图表包进响应式容器 + `role="img"` a11y 外壳。
+ */
+export declare const ChartFrame: React.FC<ChartFrameProps>;

package/dist/components/_internal/dataviz/ChartFrame.js

@@ -0,0 +1,18 @@
+import e from "./chart-frame.module.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { ResponsiveContainer as n } from "recharts";
+//#region packages/react/src/components/_internal/dataviz/ChartFrame.tsx
+var r = ({ ariaLabel: r = "图表", height: i = 300, children: a, className: o }) => /* @__PURE__ */ t("div", {
+	role: "img",
+	"aria-label": r,
+	className: o ? `${e.frame} ${o}` : e.frame,
+	children: /* @__PURE__ */ t(n, {
+		width: "100%",
+		height: i,
+		children: a
+	})
+});
+r.displayName = "ChartFrame";
+//#endregion
+export { r as ChartFrame };

package/dist/components/_internal/dataviz/ChartTooltip.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+/** recharts 运行时注入的单条系列数据（我们用到的最小形状）。 */
+export interface ChartTooltipEntry {
+    /** 系列名 */
+    name?: React.ReactNode;
+    /** 该点的值 */
+    value?: React.ReactNode;
+    /** 系列色——恒为 chartColors 桥给的 `var(--stitch-cat-*)` 角色变量 */
+    color?: string;
+}
+export interface ChartTooltipProps {
+    /** 是否命中数据点（recharts 注入）；非命中不渲染 */
+    active?: boolean;
+    /** 命中点的各系列数据（recharts 注入） */
+    payload?: ChartTooltipEntry[];
+    /** 该点的 x 轴标签（recharts 注入） */
+    label?: React.ReactNode;
+}
+/**
+ * recharts tooltip 的自定义内容：用 `Card` 作表面，逐系列列出「色块 · 名 · 值」。
+ * 非 active 或无数据时返回 `null`（不挡视线）。
+ */
+export declare const ChartTooltip: React.FC<ChartTooltipProps>;

package/dist/components/_internal/dataviz/ChartTooltip.js

@@ -0,0 +1,33 @@
+import { Card as e } from "../../Card/Card.js";
+import t from "./chart-tooltip.module.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region packages/react/src/components/_internal/dataviz/ChartTooltip.tsx
+var i = ({ active: i, payload: a, label: o }) => !i || !a || a.length === 0 ? null : /* @__PURE__ */ r(e, {
+	variant: "elevated",
+	className: t.tooltip,
+	children: [o != null && o !== "" && /* @__PURE__ */ n("div", {
+		className: t.label,
+		children: o
+	}), a.map((e, i) => /* @__PURE__ */ r("div", {
+		className: t.row,
+		children: [
+			/* @__PURE__ */ n("span", {
+				"data-chart-swatch": !0,
+				className: t.swatch,
+				style: { background: e.color }
+			}),
+			/* @__PURE__ */ n("span", {
+				className: t.name,
+				children: e.name
+			}),
+			/* @__PURE__ */ n("span", {
+				className: t.value,
+				children: e.value
+			})
+		]
+	}, i))]
+});
+i.displayName = "ChartTooltip";
+//#endregion
+export { i as ChartTooltip };

package/dist/components/_internal/dataviz/chart-frame.module.js

@@ -0,0 +1,4 @@
+//#region packages/react/src/components/_internal/dataviz/chart-frame.module.less
+var e = "_frame_o1yrk_1", t = { frame: e };
+//#endregion
+export { t as default, e as frame };

package/dist/components/_internal/dataviz/chart-tooltip.module.js

@@ -0,0 +1,11 @@
+//#region packages/react/src/components/_internal/dataviz/chart-tooltip.module.less
+var e = "_tooltip_6t8so_1", t = "_label_6t8so_8", n = "_row_6t8so_12", r = "_swatch_6t8so_18", i = "_name_6t8so_24", a = "_value_6t8so_27", o = {
+	tooltip: e,
+	label: t,
+	row: n,
+	swatch: r,
+	name: i,
+	value: a
+};
+//#endregion
+export { o as default, t as label, i as name, n as row, r as swatch, e as tooltip, a as value };

package/dist/components/_internal/dataviz/chartColors.d.ts

@@ -0,0 +1,12 @@
+/** 契约分类色槽数量（`--stitch-cat-1..6`，见 contract.css，固定 6，可移植）。 */
+export declare const CAT_SLOT_COUNT = 6;
+/**
+ * 系列序号 → 分类色角色变量。序号从 0 起，超出 6 个槽位循环复用
+ * （recharts 系列数不限，色槽恒 6）。产出恒为 `var(--stitch-cat-N)`，绝不落 hex。
+ */
+export declare const catColor: (index: number) => string;
+/**
+ * 一次取一整排系列色，喂给 recharts 的多系列（Line/Bar/Pie 的 N 个系列/扇区）。
+ * `seriesColors(n)[i]` === `catColor(i)`。
+ */
+export declare const seriesColors: (count: number) => string[];

package/dist/components/_internal/dataviz/chartColors.js

@@ -0,0 +1,3 @@
+var e = (e) => `var(--stitch-cat-${(e % 6 + 6) % 6 + 1})`;
+//#endregion
+export { e as catColor };

package/dist/components/_internal/dataviz/index.d.ts

@@ -0,0 +1,5 @@
+export { CAT_SLOT_COUNT, catColor, seriesColors } from './chartColors';
+export { ChartFrame } from './ChartFrame';
+export type { ChartFrameProps } from './ChartFrame';
+export { ChartTooltip } from './ChartTooltip';
+export type { ChartTooltipProps, ChartTooltipEntry } from './ChartTooltip';

package/dist/index.d.ts

@@ -40,6 +40,10 @@ export { Label } from './components/Label';
 export type { LabelProps } from './components/Label';
 export { Select } from './components/Select';
 export type { SelectProps, SelectOption, SelectSize, } from './components/Select';
+export { Calendar } from './components/Calendar';
+export type { CalendarProps, CalendarMode, CalendarCaptionLayout, DateRange, } from './components/Calendar';
+export { DatePicker } from './components/DatePicker';
+export type { DatePickerProps, DatePickerSize } from './components/DatePicker';
 export { Form } from './components/Form';
 export type { FormProps, FormItemProps, FormInstance, FormLayout, FormLabelAlign, FormSize, FormItemLayout, RequiredMark, ValidateStatus, RuleObject, RuleRender, RuleType, Rules, NamePath, ColProps, FieldData, ValidateError, ValidateInfo, ScrollOptions, StoreValue, FormProviderProps, } from './components/Form';
 export { Tag } from './components/Tag';
@@ -48,6 +52,14 @@ export { Table } from './components/Table';
 export type { TableProps, TableColumn } from './components/Table';
 export { CodeBlock } from './components/CodeBlock';
 export type { CodeBlockProps } from './components/CodeBlock';
+export { LineChart } from './components/LineChart';
+export type { LineChartProps, LineChartSeries } from './components/LineChart';
+export { BarChart } from './components/BarChart';
+export type { BarChartProps, BarChartSeries } from './components/BarChart';
+export { PieChart } from './components/PieChart';
+export type { PieChartProps } from './components/PieChart';
+export { Stat, StatGroup } from './components/Stat';
+export type { StatProps, StatTrend, StatTrendDirection, StatStatus, StatStatusTone, StatGroupProps, } from './components/Stat';
 export { Loading } from './components/Loading';
 export type { LoadingProps, LoadingSize } from './components/Loading';
 export { Progress } from './components/Progress';