@octohirono/stitch-design-system 0.1.0 → 0.3.0

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,50 +1,57 @@
 import { Icon as e } from "../Icon/Icon.js";
-import t from "./context-menu.module.js";
+import { ScrollArea as t } from "../ScrollArea/ScrollArea.js";
+import n from "./context-menu.module.js";
 import "react";
-import n from "clsx";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { ContextMenu as o } from "radix-ui";
+import r from "clsx";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ContextMenu as s } from "radix-ui";
 //#region packages/react/src/components/ContextMenu/ContextMenu.tsx
-function s(c, l = "") {
-	return c.map((c, u) => {
-		let d = `${l}${u}`, f = /* @__PURE__ */ a(r, { children: [c.icon && /* @__PURE__ */ i(e, {
-			name: c.icon,
+function c(l, u = "") {
+	return l.map((l, d) => {
+		let f = `${u}${d}`, p = /* @__PURE__ */ o(i, { children: [l.icon && /* @__PURE__ */ a(e, {
+			name: l.icon,
 			size: "1em",
-			className: t.itemIcon
-		}), /* @__PURE__ */ i("span", {
-			className: t.itemLabel,
-			children: c.label
+			className: n.itemIcon
+		}), /* @__PURE__ */ a("span", {
+			className: n.itemLabel,
+			children: l.label
 		})] });
-		return c.children && c.children.length > 0 ? /* @__PURE__ */ a(o.Sub, { children: [/* @__PURE__ */ a(o.SubTrigger, {
-			className: n(t.item, c.danger && t.danger),
-			disabled: c.disabled,
-			children: [f, /* @__PURE__ */ i(e, {
+		return l.children && l.children.length > 0 ? /* @__PURE__ */ o(s.Sub, { children: [/* @__PURE__ */ o(s.SubTrigger, {
+			className: r(n.item, l.danger && n.danger),
+			disabled: l.disabled,
+			children: [p, /* @__PURE__ */ a(e, {
 				name: "chevron-right",
 				size: "1em",
-				className: t.subArrow
+				className: n.subArrow
 			})]
-		}), /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ i(o.SubContent, {
-			className: t.content,
+		}), /* @__PURE__ */ a(s.Portal, { children: /* @__PURE__ */ a(s.SubContent, {
+			className: n.content,
 			sideOffset: 8,
-			children: s(c.children, `${d}-`)
-		}) })] }, d) : /* @__PURE__ */ i(o.Item, {
-			className: n(t.item, c.danger && t.danger),
-			disabled: c.disabled,
-			onSelect: c.onClick,
-			children: f
-		}, d);
+			children: /* @__PURE__ */ a(t, {
+				className: n.scroll,
+				children: c(l.children, `${f}-`)
+			})
+		}) })] }, f) : /* @__PURE__ */ a(s.Item, {
+			className: r(n.item, l.danger && n.danger),
+			disabled: l.disabled,
+			onSelect: l.onClick,
+			children: p
+		}, f);
 	});
 }
-var c = ({ children: e, items: r, onOpenChange: c, className: l }) => /* @__PURE__ */ a(o.Root, {
-	onOpenChange: c,
-	children: [/* @__PURE__ */ i(o.Trigger, {
+var l = ({ children: e, items: i, onOpenChange: l, className: u }) => /* @__PURE__ */ o(s.Root, {
+	onOpenChange: l,
+	children: [/* @__PURE__ */ a(s.Trigger, {
 		asChild: !0,
 		children: e
-	}), /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ i(o.Content, {
-		className: n(t.content, l),
-		children: s(r)
+	}), /* @__PURE__ */ a(s.Portal, { children: /* @__PURE__ */ a(s.Content, {
+		className: r(n.content, u),
+		children: /* @__PURE__ */ a(t, {
+			className: n.scroll,
+			children: c(i)
+		})
 	}) })]
 });
-c.displayName = "ContextMenu";
+l.displayName = "ContextMenu";
 //#endregion
-export { c as ContextMenu };
+export { l as ContextMenu };

package/dist/components/ContextMenu/context-menu.module.js

@@ -1,13 +1,14 @@
 //#region packages/react/src/components/ContextMenu/context-menu.module.less
-var e = "_content_1or0o_1", t = "_item_1or0o_21", n = "_danger_1or0o_41", r = "_itemIcon_1or0o_48", i = "_itemLabel_1or0o_52", a = "_subArrow_1or0o_55", o = {
+var e = "_content_1dpag_1", t = "_scroll_1dpag_21", n = "_item_1dpag_27", r = "_danger_1dpag_47", i = "_itemIcon_1dpag_54", a = "_itemLabel_1dpag_58", o = "_subArrow_1dpag_61", s = {
 	content: e,
-	"stitch-context-menu-in": "_stitch-context-menu-in_1or0o_1",
-	"stitch-context-menu-out": "_stitch-context-menu-out_1or0o_1",
-	item: t,
-	danger: n,
-	itemIcon: r,
-	itemLabel: i,
-	subArrow: a
+	"stitch-context-menu-in": "_stitch-context-menu-in_1dpag_1",
+	"stitch-context-menu-out": "_stitch-context-menu-out_1dpag_1",
+	scroll: t,
+	item: n,
+	danger: r,
+	itemIcon: i,
+	itemLabel: a,
+	subArrow: o
 };
 //#endregion
-export { e as content, n as danger, o as default, t as item, r as itemIcon, i as itemLabel, a as subArrow };
+export { e as content, r as danger, s as default, n as item, i as itemIcon, a as itemLabel, t as scroll, o as subArrow };

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+import { type CalendarMode, type CalendarCaptionLayout, type DateRange } from '../Calendar';
+export type DatePickerSize = 'small' | 'middle' | 'large';
+/**
+ * 日期选择器（Ant `DatePicker` / `RangePicker` 语义）：字段触发器 + 复用现有
+ * {@link Popover} 弹出内联 {@link Calendar}（不另造浮层）。`mode="single"` 单日、
+ * `mode="range"` 范围（`Jul 28 – Aug 26` 的范围触发器）。
+ *
+ * 跨-prop 注意事项：
+ * - **取值随 `mode` 变形**（同 Calendar）：`single`→`Date`；`range`→{@link DateRange}
+ *   （`{from,to}`）。`onChange` 同步收对应形态或 `undefined`（清除时）。
+ * - **受控/非受控双开关**：取值 `value`/`defaultValue`/`onChange`（Ant v5 取值约定）与浮层
+ *   `open`/`onOpenChange`（Ant v5 气泡约定）各自独立支持受控与非受控。
+ * - **`allowClear`（默认开）** 有值且未禁用时在字段尾部显示清除按钮（走 `<Icon name="close">`、
+ *   原生 `<button>`、`clearAriaLabel` 定可及名）；点击清空且不冒泡打开浮层。
+ * - **`disabledDate(date)`** 透传给内层 Calendar 逐日禁用；`disabled` 禁用整个触发器。
+ * - **面 = 角色变量**：字段结构靠 `--stitch-border` + `--stitch-radius-input`，选中态与范围底色
+ *   由 Calendar 上皮（accent / bg-accent）承载；日历图标与翻月箭头一律经 `<Icon>`，无裸 svg。
+ */
+export interface DatePickerProps {
+    /** 选择模式：单日或范围 @default 'single' */
+    mode?: CalendarMode;
+    /** 受控选中值（`single`→`Date`，`range`→`DateRange`） */
+    value?: Date | DateRange;
+    /** 非受控初始选中值（`single`→`Date`，`range`→`DateRange`） */
+    defaultValue?: Date | DateRange;
+    /** 选中变化回调（含清除时的 `undefined`） */
+    onChange?: (value: Date | DateRange | undefined) => void;
+    /** 逐日禁用判定：返回 `true` 的日期不可选 */
+    disabledDate?: (date: Date) => boolean;
+    /** 首屏展示的月份（Ant `defaultPickerValue`）；不给则据选中值 / 当月 */
+    defaultPickerValue?: Date;
+    /** 弹出日历顶部年月区形态：`'dropdown'` 可点选月 / 年，`'label'` 静态标题 @default 'dropdown' */
+    captionLayout?: CalendarCaptionLayout;
+    /** 禁用整个触发器 @default false */
+    disabled?: boolean;
+    /** 允许一键清除 @default true */
+    allowClear?: boolean;
+    /** 清除按钮的无障碍标签 @default '清除' */
+    clearAriaLabel?: string;
+    /** 占位符（`range` 可传 `[起, 止]` 两段） */
+    placeholder?: string | [string, string];
+    /** 日期展示格式（date-fns 格式串） @default 'yyyy-MM-dd' */
+    format?: string;
+    /** 触发器尺寸 @default 'middle' */
+    size?: DatePickerSize;
+    /** 校验态（error 同时置 `aria-invalid`） */
+    status?: 'error' | 'warning';
+    /** 受控浮层显隐（Ant v5 `open`） */
+    open?: boolean;
+    /** 非受控初始显隐 @default false */
+    defaultOpen?: boolean;
+    /** 显隐变化回调（Ant v5 `onOpenChange`） */
+    onOpenChange?: (open: boolean) => void;
+    /** 触发器的可访问名 */
+    'aria-label'?: string;
+    /** 自定义类名（挂到字段包裹上） */
+    className?: string;
+}
+export declare const DatePicker: React.FC<DatePickerProps>;

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,75 @@
+import { Icon as e } from "../Icon/Icon.js";
+import { Calendar as t } from "../Calendar/Calendar.js";
+import { Popover as n } from "../Popover/Popover.js";
+import r from "./datepicker.module.js";
+import { useCallback as i, useEffect 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 { format as d } from "date-fns";
+//#region packages/react/src/components/DatePicker/DatePicker.tsx
+var f = (e) => typeof e == "object" && !!e && !(e instanceof Date), p = ({ mode: p = "single", value: m, defaultValue: h, onChange: g, disabledDate: _, defaultPickerValue: v, captionLayout: y, disabled: b = !1, allowClear: x = !0, clearAriaLabel: S = "清除", placeholder: C, format: w = "yyyy-MM-dd", size: T = "middle", status: E, open: D, defaultOpen: O, onOpenChange: k, className: A, "aria-label": j }) => {
+	let M = m !== void 0, [N, P] = s(h), F = M ? m : N, I = D !== void 0, [L, R] = s(O ?? !1), z = I ? D : L, B = i((e) => {
+		I || R(e), k?.(e);
+	}, [I, k]), V = o(0);
+	a(() => {
+		z && (V.current = 0);
+	}, [z]);
+	let H = i((e) => {
+		M || P(e), g?.(e);
+	}, [M, g]), U = i((e) => {
+		H(e), p === "range" ? (V.current += 1, V.current >= 2 && f(e) && e.from && e.to && B(!1)) : e && B(!1);
+	}, [
+		H,
+		p,
+		B
+	]), W = i((e) => {
+		e.stopPropagation(), H(void 0);
+	}, [H]), G = (e) => e ? d(e, w) : "", K = "", q = !1;
+	p === "range" && f(F) ? (q = !!(F.from || F.to), q && (K = `${G(F.from)} – ${G(F.to)}`)) : p === "single" && F instanceof Date && (q = !0, K = G(F));
+	let [J, Y] = Array.isArray(C) ? C : [C, C], X = p === "range" ? `${J ?? "开始日期"} – ${Y ?? "结束日期"}` : J ?? "请选择日期", Z = x && q && !b, Q = c(r.field, r[T], E && r[`status-${E}`], b && r.disabled, A), $ = /* @__PURE__ */ u("button", {
+		type: "button",
+		className: r.trigger,
+		disabled: b,
+		"aria-label": j,
+		"aria-invalid": E === "error" ? "true" : void 0,
+		"aria-haspopup": "dialog",
+		children: [/* @__PURE__ */ l(e, {
+			name: "calendar",
+			size: 16,
+			className: r.calendarIcon
+		}), /* @__PURE__ */ l("span", {
+			className: c(r.text, !q && r.placeholder),
+			children: q ? K : X
+		})]
+	});
+	return /* @__PURE__ */ u("span", {
+		className: Q,
+		children: [/* @__PURE__ */ l(n, {
+			open: z,
+			onOpenChange: B,
+			"aria-label": j ?? X,
+			trigger: $,
+			className: r.panel,
+			children: /* @__PURE__ */ l(t, {
+				mode: p,
+				value: F,
+				onChange: U,
+				disabledDate: _,
+				defaultMonth: v,
+				captionLayout: y
+			})
+		}), Z && /* @__PURE__ */ l("button", {
+			type: "button",
+			className: r.clear,
+			"aria-label": S,
+			onClick: W,
+			children: /* @__PURE__ */ l(e, {
+				name: "close",
+				size: 14
+			})
+		})]
+	});
+};
+p.displayName = "DatePicker";
+//#endregion
+export { p as DatePicker };

package/dist/components/DatePicker/datepicker.module.js

@@ -0,0 +1,17 @@
+//#region packages/react/src/components/DatePicker/datepicker.module.less
+var e = "_field_qa4ee_1", t = "_trigger_qa4ee_7", n = "_calendarIcon_qa4ee_37", r = "_text_qa4ee_41", i = "_placeholder_qa4ee_47", a = "_small_qa4ee_50", o = "_middle_qa4ee_54", s = "_large_qa4ee_57", c = "_clear_qa4ee_73", l = "_panel_qa4ee_94", u = {
+	field: e,
+	trigger: t,
+	calendarIcon: n,
+	text: r,
+	placeholder: i,
+	small: a,
+	middle: o,
+	large: s,
+	"status-error": "_status-error_qa4ee_61",
+	"status-warning": "_status-warning_qa4ee_67",
+	clear: c,
+	panel: l
+};
+//#endregion
+export { n as calendarIcon, c as clear, u as default, e as field, s as large, o as middle, l as panel, i as placeholder, a as small, r as text, t as trigger };

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

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps, DatePickerSize } from './DatePicker';

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,54 +1,61 @@
 import { Icon as e } from "../Icon/Icon.js";
-import t from "./dropdown-menu.module.js";
+import { ScrollArea as t } from "../ScrollArea/ScrollArea.js";
+import n from "./dropdown-menu.module.js";
 import "react";
-import n from "clsx";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { DropdownMenu as o } from "radix-ui";
+import r from "clsx";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { DropdownMenu as s } from "radix-ui";
 //#region packages/react/src/components/DropdownMenu/DropdownMenu.tsx
-function s(c, l = "") {
-	return c.map((c, u) => {
-		let d = `${l}${u}`, f = /* @__PURE__ */ a(r, { children: [c.icon && /* @__PURE__ */ i(e, {
-			name: c.icon,
+function c(l, u = "") {
+	return l.map((l, d) => {
+		let f = `${u}${d}`, p = /* @__PURE__ */ o(i, { children: [l.icon && /* @__PURE__ */ a(e, {
+			name: l.icon,
 			size: "1em",
-			className: t.itemIcon
-		}), /* @__PURE__ */ i("span", {
-			className: t.itemLabel,
-			children: c.label
+			className: n.itemIcon
+		}), /* @__PURE__ */ a("span", {
+			className: n.itemLabel,
+			children: l.label
 		})] });
-		return c.children && c.children.length > 0 ? /* @__PURE__ */ a(o.Sub, { children: [/* @__PURE__ */ a(o.SubTrigger, {
-			className: n(t.item, c.danger && t.danger),
-			disabled: c.disabled,
-			children: [f, /* @__PURE__ */ i(e, {
+		return l.children && l.children.length > 0 ? /* @__PURE__ */ o(s.Sub, { children: [/* @__PURE__ */ o(s.SubTrigger, {
+			className: r(n.item, l.danger && n.danger),
+			disabled: l.disabled,
+			children: [p, /* @__PURE__ */ a(e, {
 				name: "chevron-right",
 				size: "1em",
-				className: t.subArrow
+				className: n.subArrow
 			})]
-		}), /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ i(o.SubContent, {
-			className: t.content,
+		}), /* @__PURE__ */ a(s.Portal, { children: /* @__PURE__ */ a(s.SubContent, {
+			className: n.content,
 			sideOffset: 8,
-			children: s(c.children, `${d}-`)
-		}) })] }, d) : /* @__PURE__ */ i(o.Item, {
-			className: n(t.item, c.danger && t.danger),
-			disabled: c.disabled,
-			onSelect: c.onClick,
-			children: f
-		}, d);
+			children: /* @__PURE__ */ a(t, {
+				className: n.scroll,
+				children: c(l.children, `${f}-`)
+			})
+		}) })] }, f) : /* @__PURE__ */ a(s.Item, {
+			className: r(n.item, l.danger && n.danger),
+			disabled: l.disabled,
+			onSelect: l.onClick,
+			children: p
+		}, f);
 	});
 }
-var c = ({ trigger: e, items: r, open: c, defaultOpen: l, onOpenChange: u, sideOffset: d = 8, className: f, "aria-label": p }) => /* @__PURE__ */ a(o.Root, {
-	open: c,
-	defaultOpen: l,
-	onOpenChange: u,
-	children: [/* @__PURE__ */ i(o.Trigger, {
+var l = ({ trigger: e, items: i, open: l, defaultOpen: u, onOpenChange: d, sideOffset: f = 8, className: p, "aria-label": m }) => /* @__PURE__ */ o(s.Root, {
+	open: l,
+	defaultOpen: u,
+	onOpenChange: d,
+	children: [/* @__PURE__ */ a(s.Trigger, {
 		asChild: !0,
-		"aria-label": p,
+		"aria-label": m,
 		children: e
-	}), /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ i(o.Content, {
-		className: n(t.content, f),
-		sideOffset: d,
-		children: s(r)
+	}), /* @__PURE__ */ a(s.Portal, { children: /* @__PURE__ */ a(s.Content, {
+		className: r(n.content, p),
+		sideOffset: f,
+		children: /* @__PURE__ */ a(t, {
+			className: n.scroll,
+			children: c(i)
+		})
 	}) })]
 });
-c.displayName = "DropdownMenu";
+l.displayName = "DropdownMenu";
 //#endregion
-export { c as DropdownMenu };
+export { l as DropdownMenu };

package/dist/components/DropdownMenu/dropdown-menu.module.js

@@ -1,13 +1,14 @@
 //#region packages/react/src/components/DropdownMenu/dropdown-menu.module.less
-var e = "_content_5l6nu_1", t = "_item_5l6nu_21", n = "_danger_5l6nu_41", r = "_itemIcon_5l6nu_48", i = "_itemLabel_5l6nu_52", a = "_subArrow_5l6nu_55", o = {
+var e = "_content_6jxoc_1", t = "_scroll_6jxoc_21", n = "_item_6jxoc_27", r = "_danger_6jxoc_47", i = "_itemIcon_6jxoc_54", a = "_itemLabel_6jxoc_58", o = "_subArrow_6jxoc_61", s = {
 	content: e,
-	"stitch-dropdown-in": "_stitch-dropdown-in_5l6nu_1",
-	"stitch-dropdown-out": "_stitch-dropdown-out_5l6nu_1",
-	item: t,
-	danger: n,
-	itemIcon: r,
-	itemLabel: i,
-	subArrow: a
+	"stitch-dropdown-in": "_stitch-dropdown-in_6jxoc_1",
+	"stitch-dropdown-out": "_stitch-dropdown-out_6jxoc_1",
+	scroll: t,
+	item: n,
+	danger: r,
+	itemIcon: i,
+	itemLabel: a,
+	subArrow: o
 };
 //#endregion
-export { e as content, n as danger, o as default, t as item, r as itemIcon, i as itemLabel, a as subArrow };
+export { e as content, r as danger, s as default, n as item, i as itemIcon, a as itemLabel, t as scroll, o as subArrow };

package/dist/components/Icon/Icon.d.ts

@@ -4,6 +4,8 @@ declare const ICON_PATHS: {
     readonly close: readonly ["M6 6l12 12", "M18 6L6 18"];
     readonly 'chevron-down': readonly ["M5 9l7 7 7-7"];
     readonly 'chevron-right': readonly ["M9 5l7 7-7 7"];
+    readonly 'chevron-left': readonly ["M15 5l-7 7 7 7"];
+    readonly calendar: readonly ["M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z", "M8 3v4", "M16 3v4", "M4 10h16"];
     readonly search: readonly ["M4 11a7 7 0 1 0 14 0a7 7 0 1 0 -14 0z", "M16.5 16.5L21 21"];
     readonly menu: readonly ["M4 7h16", "M4 12h16", "M4 17h16"];
     readonly info: readonly ["M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0z", "M12 11v5", "M12 7.5h0.01"];
@@ -19,6 +21,13 @@ declare const ICON_PATHS: {
     readonly 'align-left': readonly ["M4 6h16", "M4 12h10", "M4 18h13"];
     readonly 'align-center': readonly ["M4 6h16", "M7 12h10", "M6 18h12"];
     readonly 'align-right': readonly ["M4 6h16", "M10 12h10", "M7 18h13"];
+    readonly 'arrow-up-right': readonly ["M7 17L17 7", "M8 7h9v9"];
+    readonly 'arrow-down-right': readonly ["M7 7L17 17", "M17 8v9H8"];
+    readonly send: readonly ["M22 2L11 13", "M22 2L15 22 11 13 2 9z"];
+    readonly play: readonly ["M8 5v14l11-7z"];
+    readonly pause: readonly ["M8 5h3v14H8z", "M13 5h3v14h-3z"];
+    readonly file: readonly ["M13 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9z", "M13 3v6h6"];
+    readonly download: readonly ["M12 4v11", "M8 11l4 4 4-4", "M5 20h14"];
 };
 export type IconName = keyof typeof ICON_PATHS;
 /**
@@ -69,6 +78,12 @@ export declare const ICON_LIST: readonly [{
 }, {
     readonly name: 'chevron-right';
     readonly label: 'Chevron right';
+}, {
+    readonly name: 'chevron-left';
+    readonly label: 'Chevron left';
+}, {
+    readonly name: 'calendar';
+    readonly label: 'Calendar';
 }, {
     readonly name: 'search';
     readonly label: 'Search';
@@ -96,5 +111,26 @@ export declare const ICON_LIST: readonly [{
 }, {
     readonly name: 'eye-off';
     readonly label: 'Eye off';
+}, {
+    readonly name: 'arrow-up-right';
+    readonly label: 'Trend up';
+}, {
+    readonly name: 'arrow-down-right';
+    readonly label: 'Trend down';
+}, {
+    readonly name: 'send';
+    readonly label: 'Send';
+}, {
+    readonly name: 'play';
+    readonly label: 'Play';
+}, {
+    readonly name: 'pause';
+    readonly label: 'Pause';
+}, {
+    readonly name: 'file';
+    readonly label: 'File';
+}, {
+    readonly name: 'download';
+    readonly label: 'Download';
 }];
 export {};

package/dist/components/Icon/Icon.js

@@ -8,6 +8,13 @@ var r = {
 	close: ["M6 6l12 12", "M18 6L6 18"],
 	"chevron-down": ["M5 9l7 7 7-7"],
 	"chevron-right": ["M9 5l7 7-7 7"],
+	"chevron-left": ["M15 5l-7 7 7 7"],
+	calendar: [
+		"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z",
+		"M8 3v4",
+		"M16 3v4",
+		"M4 10h16"
+	],
 	search: ["M4 11a7 7 0 1 0 14 0a7 7 0 1 0 -14 0z", "M16.5 16.5L21 21"],
 	menu: [
 		"M4 7h16",
@@ -59,8 +66,23 @@ var r = {
 		"M4 6h16",
 		"M10 12h10",
 		"M7 18h13"
+	],
+	"arrow-up-right": ["M7 17L17 7", "M8 7h9v9"],
+	"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"]), a = ({ name: a, src: o, size: s = 24, label: c, strokeWidth: l, className: u, style: d, ...f }) => {
+}, 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
@@ -109,6 +131,14 @@ var o = [
 		name: "chevron-right",
 		label: "Chevron right"
 	},
+	{
+		name: "chevron-left",
+		label: "Chevron left"
+	},
+	{
+		name: "calendar",
+		label: "Calendar"
+	},
 	{
 		name: "search",
 		label: "Search"
@@ -144,6 +174,34 @@ var o = [
 	{
 		name: "eye-off",
 		label: "Eye off"
+	},
+	{
+		name: "arrow-up-right",
+		label: "Trend up"
+	},
+	{
+		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/LineChart/LineChart.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+/** 单条系列：从每行数据里取哪个字段、显示成什么名。 */
+export interface LineChartSeries {
+    /** 该系列在数据项里取值的字段名 */
+    dataKey: string;
+    /** 系列显示名（tooltip / 图例）；缺省用 `dataKey` */
+    name?: string;
+}
+/**
+ * 折线 / 面积图。系列色只从契约分类色槽 `var(--stitch-cat-*)` 取、按序号循环，随站换肤整图跟随；
+ * `area` 开启时线下软填充由同一系列色经 `color-mix()` 派生。多系列不只靠颜色区分——每系列按序
+ * 循环线型（`strokeDasharray`），并在末点旁直接标出系列名（文字走 `var(--stitch-text-primary)`），
+ * 故主题线色偏淡时也能分辨（不依赖颜色，守 a11y）。svg 全由 recharts 出、源码零手写 svg，无 emoji。
+ * 整图作一张图对外——`role="img"` + `aria-label`（缺省兜底非空名）。
+ */
+export interface LineChartProps {
+    /** 数据源，每项一行记录（Ant charts `data` 语义） */
+    data: Record<string, unknown>[];
+    /** x 轴取值字段名（Ant charts `xField` 语义） */
+    xField: string;
+    /** 一条或多条系列（各取一个 y 字段） */
+    series: LineChartSeries[];
+    /**
+     * 平滑曲线（Ant charts `smooth` 语义）
+     * @default false
+     */
+    smooth?: boolean;
+    /**
+     * 折线下渲染派生软填充面积（Ant charts `area` 语义）
+     * @default false
+     */
+    area?: boolean;
+    /**
+     * 图表高度（px）；宽度恒铺满容器
+     * @default 300
+     */
+    height?: number;
+    /** y 值格式化（如货币）；作用于坐标轴刻度与 tooltip 值 */
+    valueFormatter?: (value: number) => string;
+    /** 图表整体可访问名（`role="img"` 的文本替代）；缺省兜底非空名 */
+    ariaLabel?: string;
+    /** 透传外层容器类名 */
+    className?: string;
+}
+/**
+ * 把数据画成折线（可选面积），系列色走契约分类色槽、随站换肤。
+ */
+export declare const LineChart: React.FC<LineChartProps>;