@octohirono/stitch-design-system 0.2.0 → 0.4.0

package/dist/components/Icon/Icon.js

@@ -68,8 +68,21 @@ var r = {
 		"M7 18h13"
 	],
 	"arrow-up-right": ["M7 17L17 7", "M8 7h9v9"],
-	"arrow-down-right": ["M7 7L17 17", "M17 8v9H8"]
-}, i = /* @__PURE__ */ new Set(["dot"]), a = ({ name: a, src: o, size: s = 24, label: c, strokeWidth: l, className: u, style: d, ...f }) => {
+	"arrow-down-right": ["M7 7L17 17", "M17 8v9H8"],
+	send: ["M22 2L11 13", "M22 2L15 22 11 13 2 9z"],
+	play: ["M8 5v14l11-7z"],
+	pause: ["M8 5h3v14H8z", "M13 5h3v14h-3z"],
+	file: ["M13 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9z", "M13 3v6h6"],
+	download: [
+		"M12 4v11",
+		"M8 11l4 4 4-4",
+		"M5 20h14"
+	]
+}, i = /* @__PURE__ */ new Set([
+	"dot",
+	"play",
+	"pause"
+]), a = ({ name: a, src: o, size: s = 24, label: c, strokeWidth: l, className: u, style: d, ...f }) => {
 	let p = t(e.icon, u), m = c == null ? { "aria-hidden": !0 } : {
 		role: "img",
 		"aria-label": c
@@ -169,6 +182,26 @@ var o = [
 	{
 		name: "arrow-down-right",
 		label: "Trend down"
+	},
+	{
+		name: "send",
+		label: "Send"
+	},
+	{
+		name: "play",
+		label: "Play"
+	},
+	{
+		name: "pause",
+		label: "Pause"
+	},
+	{
+		name: "file",
+		label: "File"
+	},
+	{
+		name: "download",
+		label: "Download"
 	}
 ];
 //#endregion

package/dist/components/Image/Image.js

@@ -76,7 +76,7 @@ var d = (e) => e === "default" ? "" : t[`image-${e}`], f = ({ src: f, alt: p = "
 				onClick: () => k(!1),
 				children: /* @__PURE__ */ c(e, {
 					name: "close",
-					size: 16
+					size: 14
 				})
 			}), /* @__PURE__ */ c("img", {
 				src: f,

package/dist/components/Image/image.module.js

@@ -1,26 +1,26 @@
 //#region packages/react/src/components/Image/image.module.less
-var e = "_image_15m2u_1", t = "_img_15m2u_19", n = "_loaded_15m2u_26", r = "_error_15m2u_29", i = "_preview_15m2u_71", a = "_mask_15m2u_82", o = "_dialog_15m2u_92", s = "_previewImg_15m2u_97", c = "_closeBtn_15m2u_105", l = {
+var e = "_image_94mwe_1", t = "_img_94mwe_19", n = "_loaded_94mwe_26", r = "_error_94mwe_29", i = "_preview_94mwe_71", a = "_mask_94mwe_82", o = "_dialog_94mwe_92", s = "_previewImg_94mwe_97", c = "_closeBtn_94mwe_105", l = {
 	image: e,
 	img: t,
 	loaded: n,
 	error: r,
-	"image-accent": "_image-accent_15m2u_38",
-	"image-danger": "_image-danger_15m2u_41",
-	"image-success": "_image-success_15m2u_44",
-	"image-warning": "_image-warning_15m2u_47",
-	"image-info": "_image-info_15m2u_50",
-	"image-cat-1": "_image-cat-1_15m2u_53",
-	"image-cat-2": "_image-cat-2_15m2u_56",
-	"image-cat-3": "_image-cat-3_15m2u_59",
-	"image-cat-4": "_image-cat-4_15m2u_62",
-	"image-cat-5": "_image-cat-5_15m2u_65",
-	"image-cat-6": "_image-cat-6_15m2u_68",
+	"image-accent": "_image-accent_94mwe_38",
+	"image-danger": "_image-danger_94mwe_41",
+	"image-success": "_image-success_94mwe_44",
+	"image-warning": "_image-warning_94mwe_47",
+	"image-info": "_image-info_94mwe_50",
+	"image-cat-1": "_image-cat-1_94mwe_53",
+	"image-cat-2": "_image-cat-2_94mwe_56",
+	"image-cat-3": "_image-cat-3_94mwe_59",
+	"image-cat-4": "_image-cat-4_94mwe_62",
+	"image-cat-5": "_image-cat-5_94mwe_65",
+	"image-cat-6": "_image-cat-6_94mwe_68",
 	preview: i,
 	mask: a,
-	"stitch-image-fade-in": "_stitch-image-fade-in_15m2u_1",
+	"stitch-image-fade-in": "_stitch-image-fade-in_94mwe_1",
 	dialog: o,
 	previewImg: s,
-	"stitch-image-zoom-in": "_stitch-image-zoom-in_15m2u_1",
+	"stitch-image-zoom-in": "_stitch-image-zoom-in_94mwe_1",
 	closeBtn: c
 };
 //#endregion

package/dist/components/NavigationMenu/NavigationMenu.d.ts

@@ -12,7 +12,7 @@ export interface NavItem {
     href?: string;
     /** 展开面板内容：给了即渲染为可展开项（`Trigger` + `Content`），内容自由 ReactNode */
     content?: React.ReactNode;
-    /** 标记为当前项：底层挂 `data-active` + `aria-current="page"`，皮上走激活态（`--stitch-accent`） */
+    /** 标记为当前项：底层挂 `data-active` + `aria-current="page"`，皮上走品牌前景强调（`--stitch-brand`） */
     active?: boolean;
 }
 /**

package/dist/components/NavigationMenu/navigation-menu.module.js

@@ -1,5 +1,5 @@
 //#region packages/react/src/components/NavigationMenu/navigation-menu.module.less
-var e = "_root_phcem_1", t = "_list_phcem_8", n = "_item_phcem_16", r = "_link_phcem_19", i = "_trigger_phcem_20", a = "_caret_phcem_52", o = "_viewportWrapper_phcem_60", s = "_viewport_phcem_60", c = "_content_phcem_85", l = {
+var e = "_root_i0lyd_1", t = "_list_i0lyd_8", n = "_item_i0lyd_16", r = "_link_i0lyd_19", i = "_trigger_i0lyd_20", a = "_caret_i0lyd_52", o = "_viewportWrapper_i0lyd_60", s = "_viewport_i0lyd_60", c = "_content_i0lyd_85", l = {
 	root: e,
 	list: t,
 	item: n,
@@ -8,8 +8,8 @@ var e = "_root_phcem_1", t = "_list_phcem_8", n = "_item_phcem_16", r = "_link_p
 	caret: a,
 	viewportWrapper: o,
 	viewport: s,
-	"stitch-navigation-menu-in": "_stitch-navigation-menu-in_phcem_1",
-	"stitch-navigation-menu-out": "_stitch-navigation-menu-out_phcem_1",
+	"stitch-navigation-menu-in": "_stitch-navigation-menu-in_i0lyd_1",
+	"stitch-navigation-menu-out": "_stitch-navigation-menu-out_i0lyd_1",
 	content: c
 };
 //#endregion

package/dist/components/PieChart/PieChart.js

@@ -1,29 +1,30 @@
 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 { renderLegendLabel as r } from "../_internal/dataviz/ChartLegendLabel.js";
+import i 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";
+import a from "clsx";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Cell as c, Label as l, Legend as u, Pie as d, PieChart as f, Tooltip as p } 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) => {
+var m = ({ data: m, angleField: h, colorField: g, innerRadius: _ = 0, centerLabel: v, legend: y = !0, height: b = 300, valueFormatter: x, ariaLabel: S, className: C }) => {
+	let w = (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,
+			value: x && typeof e.value == "number" ? x(e.value) : e.value,
 			color: e.color
 		}));
-		return /* @__PURE__ */ a(n, {
+		return /* @__PURE__ */ o(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, {
+	}, T = `${Math.max(0, Math.min(1, _)) * 100}%`, E = _ > 0 && v != null && v !== "";
+	return /* @__PURE__ */ o(t, {
+		ariaLabel: S,
+		height: b,
+		className: a(i.chart, C),
+		children: /* @__PURE__ */ s(f, {
 			margin: {
 				top: 8,
 				right: 8,
@@ -31,26 +32,26 @@ var p = ({ data: p, angleField: m, colorField: h, innerRadius: g = 0, centerLabe
 				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,
+				/* @__PURE__ */ o(p, { content: w }),
+				y && /* @__PURE__ */ o(u, { formatter: r }),
+				/* @__PURE__ */ s(d, {
+					data: m,
+					dataKey: h,
+					nameKey: g,
+					innerRadius: T,
 					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, {
+					children: [m.map((t, n) => /* @__PURE__ */ o(c, { fill: e(n) }, n)), E && /* @__PURE__ */ o(l, {
 						position: "center",
-						value: _,
-						className: r.center
+						value: v,
+						className: i.center
 					})]
 				})
 			]
 		})
 	});
 };
-p.displayName = "PieChart";
+m.displayName = "PieChart";
 //#endregion
-export { p as PieChart };
+export { m as PieChart };

package/dist/components/Select/Select.d.ts

@@ -23,7 +23,7 @@ export interface SelectOption {
  *   wrap），Home/End 跳首尾启用项，Enter/Space 选中当前高亮，Esc 关闭并把焦点还给 trigger；
  *   trigger `:focus-visible` 焦点环走 `--stitch-focus-ring`。
  * - **图标走 `<Icon>` 非裸 `<svg>`**：箭头 `<Icon name="chevron-down">`（`size="1em"` 跟随字号，
- *   展开 `rotate(180deg)` + 转 accent 色），选中项尾随 `<Icon name="check">`。
+ *   展开 `rotate(180deg)` + 转品牌前景强调 brand 色），选中项尾随 `<Icon name="check">`。
  * - **标准正下方展开**：浮层在 trigger 正下方展开（`top:100%`，`max-height` + 滚动），非侧向弹出/
  *   视口翻转定位——这是标准化取舍，保证可预期的下拉手感。
  */

package/dist/components/Select/Select.js

@@ -1,118 +1,122 @@
 import { Icon as e } from "../Icon/Icon.js";
-import t from "./select.module.js";
-import { useCallback as n, useEffect as r, useId as i, useMemo as a, useRef as o, useState as s } from "react";
-import c from "clsx";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ScrollArea as t } from "../ScrollArea/ScrollArea.js";
+import n from "./select.module.js";
+import { useCallback as r, useEffect as i, useId as a, useMemo as o, useRef as s, useState as c } from "react";
+import l from "clsx";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region packages/react/src/components/Select/Select.tsx
-var d = ({ options: d, value: f, defaultValue: p, onChange: m, placeholder: h = "请选择", size: g = "middle", disabled: _ = !1, className: v, style: y, "aria-label": b, "aria-labelledby": x }) => {
-	let [S, C] = s(p), w = f !== void 0, T = w ? f : S, [E, D] = s(!1), [O, k] = s(null), A = o(null), j = o(null), M = `stitch-select-${i().replace(/:/g, "")}`, N = `${M}-listbox`, P = (e) => `${M}-option-${e}`, F = d.find((e) => e.value === T), I = F ? F.label : h, L = F !== void 0, R = a(() => d.filter((e) => !e.disabled).map((e) => e.value), [d]);
-	r(() => {
-		if (!E) return;
+var f = ({ options: f, value: p, defaultValue: m, onChange: h, placeholder: g = "请选择", size: _ = "middle", disabled: v = !1, className: y, style: b, "aria-label": x, "aria-labelledby": S }) => {
+	let [C, w] = c(m), T = p !== void 0, E = T ? p : C, [D, O] = c(!1), [k, A] = c(null), j = s(null), M = s(null), N = `stitch-select-${a().replace(/:/g, "")}`, P = `${N}-listbox`, F = (e) => `${N}-option-${e}`, I = f.find((e) => e.value === E), L = I ? I.label : g, R = I !== void 0, z = o(() => f.filter((e) => !e.disabled).map((e) => e.value), [f]);
+	i(() => {
+		if (!D) return;
 		let e = (e) => {
-			A.current && !A.current.contains(e.target) && D(!1);
+			j.current && !j.current.contains(e.target) && O(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [E]), r(() => {
-		if (E) {
-			let e = R[0] ?? null;
-			k(T != null && R.includes(T) ? T : e);
-		} else k(null);
-	}, [E]);
-	let z = n((e) => {
-		w || C(e), m?.(e), D(!1), j.current?.focus();
-	}, [w, m]), B = (e) => {
-		if (!R.length) return;
-		let t = O == null ? -1 : R.indexOf(O), n = t < 0 ? e === 1 ? 0 : R.length - 1 : (t + e + R.length) % R.length;
-		k(R[n]);
+	}, [D]), i(() => {
+		if (D) {
+			let e = z[0] ?? null;
+			A(E != null && z.includes(E) ? E : e);
+		} else A(null);
+	}, [D]);
+	let B = r((e) => {
+		T || w(e), h?.(e), O(!1), M.current?.focus();
+	}, [T, h]), V = (e) => {
+		if (!z.length) return;
+		let t = k == null ? -1 : z.indexOf(k), n = t < 0 ? e === 1 ? 0 : z.length - 1 : (t + e + z.length) % z.length;
+		A(z[n]);
 	};
-	return /* @__PURE__ */ u("div", {
-		ref: A,
-		className: c(t.wrapper, _ && t.disabled, v),
-		style: y,
+	return /* @__PURE__ */ d("div", {
+		ref: j,
+		className: l(n.wrapper, v && n.disabled, y),
+		style: b,
 		onKeyDown: (e) => {
-			if (_) return;
+			if (v) return;
 			let { key: t } = e;
-			if (!E) {
-				(t === "Enter" || t === " " || t === "ArrowDown" || t === "ArrowUp") && (e.preventDefault(), D(!0));
+			if (!D) {
+				(t === "Enter" || t === " " || t === "ArrowDown" || t === "ArrowUp") && (e.preventDefault(), O(!0));
 				return;
 			}
 			switch (t) {
 				case "Escape":
-					e.preventDefault(), D(!1), j.current?.focus();
+					e.preventDefault(), O(!1), M.current?.focus();
 					break;
 				case "ArrowDown":
-					e.preventDefault(), B(1);
+					e.preventDefault(), V(1);
 					break;
 				case "ArrowUp":
-					e.preventDefault(), B(-1);
+					e.preventDefault(), V(-1);
 					break;
 				case "Home":
-					e.preventDefault(), R.length && k(R[0]);
+					e.preventDefault(), z.length && A(z[0]);
 					break;
 				case "End":
-					e.preventDefault(), R.length && k(R[R.length - 1]);
+					e.preventDefault(), z.length && A(z[z.length - 1]);
 					break;
 				case "Enter":
-				case " ": e.preventDefault(), O != null && z(O);
+				case " ": e.preventDefault(), k != null && B(k);
 			}
 		},
-		children: [/* @__PURE__ */ u("div", {
-			ref: j,
-			className: c(t.trigger, t[g], E && t.open),
-			onClick: () => !_ && D((e) => !e),
+		children: [/* @__PURE__ */ d("div", {
+			ref: M,
+			className: l(n.trigger, n[_], D && n.open),
+			onClick: () => !v && O((e) => !e),
 			role: "combobox",
 			"aria-haspopup": "listbox",
-			"aria-expanded": E,
-			"aria-controls": E ? N : void 0,
-			"aria-activedescendant": E && O != null ? P(O) : void 0,
-			"aria-disabled": _ || void 0,
-			"aria-label": b,
-			"aria-labelledby": x,
-			tabIndex: _ ? -1 : 0,
-			children: [/* @__PURE__ */ l("span", {
-				className: L ? t.value : t.placeholder,
-				children: I
-			}), /* @__PURE__ */ l(e, {
+			"aria-expanded": D,
+			"aria-controls": D ? P : void 0,
+			"aria-activedescendant": D && k != null ? F(k) : void 0,
+			"aria-disabled": v || void 0,
+			"aria-label": x,
+			"aria-labelledby": S,
+			tabIndex: v ? -1 : 0,
+			children: [/* @__PURE__ */ u("span", {
+				className: R ? n.value : n.placeholder,
+				children: L
+			}), /* @__PURE__ */ u(e, {
 				name: "chevron-down",
 				size: "1em",
-				className: c(t.arrow, E && t.arrowOpen)
+				className: l(n.arrow, D && n.arrowOpen)
 			})]
-		}), E && /* @__PURE__ */ l("div", {
-			className: t.dropdown,
+		}), D && /* @__PURE__ */ u("div", {
+			className: n.dropdown,
 			role: "listbox",
-			id: N,
-			"aria-label": b,
-			"aria-labelledby": x,
-			"aria-activedescendant": O == null ? void 0 : P(O),
-			children: d.map((n) => {
-				let r = T === n.value, i = O === n.value;
-				return /* @__PURE__ */ u("div", {
-					id: P(n.value),
-					role: "option",
-					"aria-selected": r,
-					"aria-disabled": n.disabled || void 0,
-					className: c(t.option, {
-						[t.optionActive]: i,
-						[t.optionSelected]: r,
-						[t.optionDisabled]: n.disabled
-					}),
-					onClick: () => !n.disabled && z(n.value),
-					onMouseEnter: () => {
-						n.disabled || k(n.value);
-					},
-					children: [/* @__PURE__ */ l("span", {
-						className: t.optionLabel,
-						children: n.label
-					}), r && /* @__PURE__ */ l(e, {
-						name: "check",
-						size: "1em",
-						className: t.checkMark
-					})]
-				}, String(n.value));
+			id: P,
+			"aria-label": x,
+			"aria-labelledby": S,
+			"aria-activedescendant": k == null ? void 0 : F(k),
+			children: /* @__PURE__ */ u(t, {
+				className: n.dropdownScroll,
+				children: f.map((t) => {
+					let r = E === t.value, i = k === t.value;
+					return /* @__PURE__ */ d("div", {
+						id: F(t.value),
+						role: "option",
+						"aria-selected": r,
+						"aria-disabled": t.disabled || void 0,
+						className: l(n.option, {
+							[n.optionActive]: i,
+							[n.optionSelected]: r,
+							[n.optionDisabled]: t.disabled
+						}),
+						onClick: () => !t.disabled && B(t.value),
+						onMouseEnter: () => {
+							t.disabled || A(t.value);
+						},
+						children: [/* @__PURE__ */ u("span", {
+							className: n.optionLabel,
+							children: t.label
+						}), r && /* @__PURE__ */ u(e, {
+							name: "check",
+							size: "1em",
+							className: n.checkMark
+						})]
+					}, String(t.value));
+				})
 			})
 		})]
 	});
 };
-d.displayName = "Select";
+f.displayName = "Select";
 //#endregion
-export { d as Select };
+export { f as Select };

package/dist/components/Select/select.module.js

@@ -1,5 +1,5 @@
 //#region packages/react/src/components/Select/select.module.less
-var e = "_wrapper_13o0n_1", t = "_trigger_13o0n_8", n = "_open_13o0n_30", r = "_small_13o0n_33", i = "_middle_13o0n_38", a = "_large_13o0n_43", o = "_value_13o0n_48", s = "_placeholder_13o0n_55", c = "_arrow_13o0n_62", l = "_arrowOpen_13o0n_67", u = "_dropdown_13o0n_71", d = "_dropdownFadeIn_13o0n_1", f = "_option_13o0n_98", p = "_optionLabel_13o0n_111", m = "_optionActive_13o0n_115", h = "_optionSelected_13o0n_118", g = "_checkMark_13o0n_122", _ = "_optionDisabled_13o0n_126", v = "_disabled_13o0n_133", y = {
+var e = "_wrapper_158od_1", t = "_trigger_158od_8", n = "_open_158od_30", r = "_small_158od_33", i = "_middle_158od_38", a = "_large_158od_43", o = "_value_158od_48", s = "_placeholder_158od_55", c = "_arrow_158od_62", l = "_arrowOpen_158od_67", u = "_dropdown_158od_71", d = "_dropdownFadeIn_158od_1", f = "_dropdownScroll_158od_86", p = "_option_158od_102", m = "_optionLabel_158od_115", h = "_optionActive_158od_119", g = "_optionSelected_158od_122", _ = "_checkMark_158od_126", v = "_optionDisabled_158od_130", y = "_disabled_158od_137", b = {
 	wrapper: e,
 	trigger: t,
 	open: n,
@@ -12,13 +12,14 @@ var e = "_wrapper_13o0n_1", t = "_trigger_13o0n_8", n = "_open_13o0n_30", r = "_
 	arrowOpen: l,
 	dropdown: u,
 	dropdownFadeIn: d,
-	option: f,
-	optionLabel: p,
-	optionActive: m,
-	optionSelected: h,
-	checkMark: g,
-	optionDisabled: _,
-	disabled: v
+	dropdownScroll: f,
+	option: p,
+	optionLabel: m,
+	optionActive: h,
+	optionSelected: g,
+	checkMark: _,
+	optionDisabled: v,
+	disabled: y
 };
 //#endregion
-export { c as arrow, l as arrowOpen, g as checkMark, y as default, v as disabled, u as dropdown, d as dropdownFadeIn, a as large, i as middle, n as open, f as option, m as optionActive, _ as optionDisabled, p as optionLabel, h as optionSelected, s as placeholder, r as small, t as trigger, o as value, e as wrapper };
+export { c as arrow, l as arrowOpen, _ as checkMark, b as default, y as disabled, u as dropdown, d as dropdownFadeIn, f as dropdownScroll, a as large, i as middle, n as open, p as option, h as optionActive, v as optionDisabled, m as optionLabel, g as optionSelected, s as placeholder, r as small, t as trigger, o as value, e as wrapper };

package/dist/components/TypingIndicator/TypingIndicator.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+/**
+ * 「对方正在输入」指示：三点循环动画（IM 语境是**对方**的态）。点为角色变量小元素
+ * （`--stitch-text-muted` 铺底的小圆，非 emoji / Unicode / 裸 svg），动效走 `--stitch-motion-*`
+ * （不超设计动效窗）。无 Ant 对应件 → 取 Ant 最近惯例（`label` 可访问名 + 透传原生属性）。
+ *
+ * 跨-prop 注意事项：
+ * - **纯呈现件**：只画「正在输入」的三点动画，不含业务（谁在输入、何时出现由上层决定）。
+ * - **可及名走 `label`**：根节点 `role="status"`（`aria-live` 区，屏幕阅读器读出 `label`），
+ *   三点纯装饰（`aria-hidden`）。默认可访问名「对方正在输入」。
+ * - **动效降级**：尊重 `prefers-reduced-motion`——用户关动效时三点停在静止态、不循环。
+ */
+export interface TypingIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * 可访问名（屏幕阅读器读出，如「张三正在输入」）
+     * @default '对方正在输入'
+     */
+    label?: string;
+    /** 自定义类名（挂到根容器） */
+    className?: string;
+    /** 行内样式（挂到根容器） */
+    style?: React.CSSProperties;
+}
+export declare const TypingIndicator: React.FC<TypingIndicatorProps>;

package/dist/components/TypingIndicator/TypingIndicator.js

@@ -0,0 +1,29 @@
+import e from "./typing-indicator.module.js";
+import "react";
+import t from "clsx";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region packages/react/src/components/TypingIndicator/TypingIndicator.tsx
+var i = ({ label: i = "对方正在输入", className: a, style: o, ...s }) => /* @__PURE__ */ r("span", {
+	className: t(e.indicator, a),
+	style: o,
+	role: "status",
+	"aria-label": i,
+	...s,
+	children: [
+		/* @__PURE__ */ n("span", {
+			className: e.dot,
+			"aria-hidden": "true"
+		}),
+		/* @__PURE__ */ n("span", {
+			className: e.dot,
+			"aria-hidden": "true"
+		}),
+		/* @__PURE__ */ n("span", {
+			className: e.dot,
+			"aria-hidden": "true"
+		})
+	]
+});
+i.displayName = "TypingIndicator";
+//#endregion
+export { i as TypingIndicator };

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

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

package/dist/components/TypingIndicator/typing-indicator.module.js

@@ -0,0 +1,8 @@
+//#region packages/react/src/components/TypingIndicator/typing-indicator.module.less
+var e = "_indicator_hslxz_1", t = "_dot_hslxz_11", n = {
+	indicator: e,
+	dot: t,
+	"stitch-typing-bounce": "_stitch-typing-bounce_hslxz_1"
+};
+//#endregion
+export { n as default, t as dot, e as indicator };

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

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * recharts `<Legend formatter>` 用的标签渲染器：把图例**文字**裹成中性墨色
+ * `var(--stitch-text-primary)`，不吃系列色（色卡色另由 recharts 默认承载，不在此）。
+ */
+export declare const renderLegendLabel: (value: React.ReactNode) => React.ReactElement;

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

@@ -0,0 +1,9 @@
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+//#region packages/react/src/components/_internal/dataviz/ChartLegendLabel.tsx
+var t = (t) => /* @__PURE__ */ e("span", {
+	style: { color: "var(--stitch-text-primary)" },
+	children: t
+});
+//#endregion
+export { t as renderLegendLabel };

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

@@ -3,3 +3,4 @@ export { ChartFrame } from './ChartFrame';
 export type { ChartFrameProps } from './ChartFrame';
 export { ChartTooltip } from './ChartTooltip';
 export type { ChartTooltipProps, ChartTooltipEntry } from './ChartTooltip';
+export { renderLegendLabel } from './ChartLegendLabel';

package/dist/index.d.ts

@@ -52,6 +52,22 @@ export { Table } from './components/Table';
 export type { TableProps, TableColumn } from './components/Table';
 export { CodeBlock } from './components/CodeBlock';
 export type { CodeBlockProps } from './components/CodeBlock';
+export { ChatMessage } from './components/ChatMessage';
+export type { ChatMessageProps, ChatMessageVariant, ChatMessageStatus, } from './components/ChatMessage';
+export { ChatMessageActions } from './components/ChatMessageActions';
+export type { ChatMessageActionsProps, ChatMessageAction, } from './components/ChatMessageActions';
+export { ChatList } from './components/ChatList';
+export type { ChatListProps, ChatListItem } from './components/ChatList';
+export { ChatInput } from './components/ChatInput';
+export type { ChatInputProps, ChatInputSubmitType, ChatInputAutoSize, } from './components/ChatInput';
+export { TypingIndicator } from './components/TypingIndicator';
+export type { TypingIndicatorProps } from './components/TypingIndicator';
+export { ChatImage } from './components/ChatImage';
+export type { ChatImageProps } from './components/ChatImage';
+export { ChatFile } from './components/ChatFile';
+export type { ChatFileProps } from './components/ChatFile';
+export { ChatVoice } from './components/ChatVoice';
+export type { ChatVoiceProps } from './components/ChatVoice';
 export { LineChart } from './components/LineChart';
 export type { LineChartProps, LineChartSeries } from './components/LineChart';
 export { BarChart } from './components/BarChart';