@runlume/admin-ui 0.1.0 → 0.2.1

package/dist-package/components/charts.js

@@ -0,0 +1,374 @@
+import { cn as e } from "../lib/utils.js";
+import { sparklinePath as t } from "../lib/metrics.js";
+import { useId as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/charts.tsx
+function o({ values: t, label: n, height: r = 32, className: a }) {
+	let o = Math.max(...t, 1);
+	return /* @__PURE__ */ i("svg", {
+		role: "img",
+		"aria-label": n,
+		viewBox: `0 0 ${t.length * 4} ${r}`,
+		className: e("w-full", a),
+		style: { height: r },
+		children: t.map((e, t) => {
+			let n = e / o * (r - 2);
+			return /* @__PURE__ */ i("rect", {
+				x: t * 4,
+				y: r - n,
+				width: 2.6,
+				height: n,
+				rx: 1,
+				fill: "var(--primary)",
+				opacity: .35 + e / o * .65
+			}, t);
+		})
+	});
+}
+function s({ value: e, max: t = 100, label: n, size: r = 96, tone: o = "var(--primary)" }) {
+	let s = t > 0 ? Math.min(100, Math.max(0, e / t * 100)) : 0, c = r / 2 - 8, l = 2 * Math.PI * c;
+	return /* @__PURE__ */ a("div", {
+		className: "relative inline-flex items-center justify-center",
+		style: {
+			width: r,
+			height: r
+		},
+		children: [/* @__PURE__ */ a("svg", {
+			role: "img",
+			"aria-label": n,
+			width: r,
+			height: r,
+			className: "-rotate-90",
+			children: [/* @__PURE__ */ i("circle", {
+				cx: r / 2,
+				cy: r / 2,
+				r: c,
+				fill: "none",
+				stroke: "var(--border)",
+				strokeWidth: 8
+			}), /* @__PURE__ */ i("circle", {
+				cx: r / 2,
+				cy: r / 2,
+				r: c,
+				fill: "none",
+				stroke: o,
+				strokeWidth: 8,
+				strokeLinecap: "round",
+				strokeDasharray: l,
+				strokeDashoffset: l * (1 - s / 100),
+				className: "transition-[stroke-dashoffset] duration-500"
+			})]
+		}), /* @__PURE__ */ a("span", {
+			className: "absolute text-sm font-semibold tabular-nums",
+			children: [Math.round(s), "%"]
+		})]
+	});
+}
+function c({ series: o, labels: s, height: c = 160, className: l }) {
+	let u = n(), [d, f] = r(), p = o.flatMap((e) => e.values), m = Math.max(...p, 1), h = Math.min(...p, 0), g = (e) => c - 16 - (e - h) / (m - h || 1) * (c - 32);
+	return /* @__PURE__ */ a("div", {
+		className: e("space-y-2", l),
+		children: [/* @__PURE__ */ a("svg", {
+			role: "img",
+			"aria-label": o.map((e) => e.name).join(" / "),
+			viewBox: `0 0 480 ${c}`,
+			className: "w-full",
+			style: { height: c },
+			onMouseLeave: () => f(void 0),
+			children: [
+				/* @__PURE__ */ i("defs", { children: /* @__PURE__ */ a("linearGradient", {
+					id: u,
+					x1: "0",
+					y1: "0",
+					x2: "0",
+					y2: "1",
+					children: [/* @__PURE__ */ i("stop", {
+						offset: "0%",
+						stopColor: "var(--primary)",
+						stopOpacity: "0.25"
+					}), /* @__PURE__ */ i("stop", {
+						offset: "100%",
+						stopColor: "var(--primary)",
+						stopOpacity: "0"
+					})]
+				}) }),
+				[
+					0,
+					1,
+					2,
+					3
+				].map((e) => /* @__PURE__ */ i("line", {
+					x1: 0,
+					x2: 480,
+					y1: 16 + e * (c - 32) / 3,
+					y2: 16 + e * (c - 32) / 3,
+					stroke: "var(--border)",
+					strokeDasharray: "2 6"
+				}, e)),
+				o.map((e, n) => {
+					let r = e.values.map((t, n) => ({
+						x: n / Math.max(1, e.values.length - 1) * 480,
+						y: g(t)
+					}));
+					return /* @__PURE__ */ a("g", { children: [
+						n === 0 && /* @__PURE__ */ i("path", {
+							d: `${t(r, !0)} L480 ${c} L0 ${c} Z`,
+							fill: `url(#${u})`
+						}),
+						/* @__PURE__ */ i("path", {
+							d: t(r, !0),
+							fill: "none",
+							stroke: e.tone ?? (n === 0 ? "var(--primary)" : "var(--info)"),
+							strokeWidth: 2,
+							strokeLinecap: "round"
+						}),
+						r.map((t, r) => /* @__PURE__ */ i("circle", {
+							cx: t.x,
+							cy: t.y,
+							r: d === r ? 4 : 2.5,
+							fill: e.tone ?? (n === 0 ? "var(--primary)" : "var(--info)")
+						}, r))
+					] }, e.name);
+				}),
+				s.map((e, t) => /* @__PURE__ */ a("g", { children: [/* @__PURE__ */ i("rect", {
+					x: t / Math.max(1, s.length - 1) * 480 - 16,
+					y: 0,
+					width: 32,
+					height: c,
+					fill: "transparent",
+					onMouseEnter: () => f(t)
+				}), /* @__PURE__ */ i("text", {
+					x: t / Math.max(1, s.length - 1) * 480,
+					y: c - 2,
+					textAnchor: "middle",
+					className: "fill-muted-foreground text-[10px]",
+					children: e
+				})] }, e))
+			]
+		}), /* @__PURE__ */ i("ul", {
+			className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground",
+			children: o.map((e, t) => /* @__PURE__ */ a("li", {
+				className: "flex items-center gap-1.5",
+				children: [
+					/* @__PURE__ */ i("span", {
+						"aria-hidden": "true",
+						className: "size-2 rounded-full",
+						style: { background: e.tone ?? (t === 0 ? "var(--primary)" : "var(--info)") }
+					}),
+					e.name,
+					d !== void 0 && /* @__PURE__ */ i("span", {
+						className: "tabular-nums text-foreground",
+						children: e.values[d]?.toLocaleString("zh-CN")
+					})
+				]
+			}, e.name))
+		})]
+	});
+}
+function l({ items: t, label: n, className: r }) {
+	let o = Math.max(...t.map((e) => e.value), 1);
+	return /* @__PURE__ */ i("ul", {
+		"aria-label": n,
+		className: e("space-y-3", r),
+		children: t.map((e) => /* @__PURE__ */ a("li", {
+			className: "space-y-1",
+			children: [/* @__PURE__ */ a("div", {
+				className: "flex items-center justify-between text-sm",
+				children: [/* @__PURE__ */ i("span", {
+					className: "truncate",
+					children: e.name
+				}), /* @__PURE__ */ i("span", {
+					className: "tabular-nums text-muted-foreground",
+					children: e.value.toLocaleString("zh-CN")
+				})]
+			}), /* @__PURE__ */ i("div", {
+				className: "h-2 overflow-hidden rounded-full bg-muted",
+				children: /* @__PURE__ */ i("div", {
+					className: "h-full rounded-full bg-primary/70",
+					style: { width: `${e.value / o * 100}%` }
+				})
+			})]
+		}, e.name))
+	});
+}
+function u({ rows: t, columns: n, values: r, label: o, className: s }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("overflow-x-auto", s),
+		children: /* @__PURE__ */ a("table", {
+			"aria-label": o,
+			className: "w-full border-separate border-spacing-1 text-xs",
+			children: [/* @__PURE__ */ i("thead", { children: /* @__PURE__ */ a("tr", { children: [/* @__PURE__ */ i("th", {}), n.map((e) => /* @__PURE__ */ i("th", {
+				className: "font-normal text-muted-foreground",
+				children: e
+			}, e))] }) }), /* @__PURE__ */ i("tbody", { children: t.map((e, t) => /* @__PURE__ */ a("tr", { children: [/* @__PURE__ */ i("th", {
+				scope: "row",
+				className: "pr-2 text-right font-normal text-muted-foreground",
+				children: e
+			}), n.map((n, a) => {
+				let o = r[t]?.[a] ?? 0;
+				return /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i("span", {
+					title: `${e} ${n} · ${Math.round(o * 100)}%`,
+					className: "block h-6 rounded",
+					style: { background: o === 0 ? "var(--muted)" : `color-mix(in oklab, var(--primary) ${Math.round(o * 100)}%, transparent)` }
+				}) }, n);
+			})] }, e)) })]
+		})
+	});
+}
+function d({ axes: t, series: n, size: r = 220, className: o }) {
+	let s = r / 2, c = s - 34, l = (e, n) => {
+		let r = Math.PI * 2 * e / t.length - Math.PI / 2;
+		return [s + Math.cos(r) * c * n, s + Math.sin(r) * c * n];
+	};
+	return /* @__PURE__ */ a("div", {
+		className: e("flex flex-wrap items-center gap-4", o),
+		children: [/* @__PURE__ */ a("svg", {
+			role: "img",
+			"aria-label": n.map((e) => e.name).join(" / "),
+			width: r,
+			height: r,
+			children: [
+				[
+					.25,
+					.5,
+					.75,
+					1
+				].map((e) => /* @__PURE__ */ i("polygon", {
+					points: t.map((t, n) => l(n, e).join(",")).join(" "),
+					fill: "none",
+					stroke: "var(--border)"
+				}, e)),
+				t.map((e, t) => {
+					let [n, r] = l(t, 1), [o, c] = l(t, 1.16);
+					return /* @__PURE__ */ a("g", { children: [/* @__PURE__ */ i("line", {
+						x1: s,
+						y1: s,
+						x2: n,
+						y2: r,
+						stroke: "var(--border)"
+					}), /* @__PURE__ */ i("text", {
+						x: o,
+						y: c,
+						textAnchor: "middle",
+						dominantBaseline: "middle",
+						className: "fill-muted-foreground text-[10px]",
+						children: e
+					})] }, e);
+				}),
+				n.map((e, t) => {
+					let n = e.tone ?? (t === 0 ? "var(--primary)" : "var(--info)");
+					return /* @__PURE__ */ i("polygon", {
+						points: e.values.map((e, t) => l(t, e).join(",")).join(" "),
+						fill: `color-mix(in oklab, ${n} 18%, transparent)`,
+						stroke: n,
+						strokeWidth: 2
+					}, e.name);
+				})
+			]
+		}), /* @__PURE__ */ i("ul", {
+			className: "space-y-1 text-xs text-muted-foreground",
+			children: n.map((e, t) => /* @__PURE__ */ a("li", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ i("span", {
+					"aria-hidden": "true",
+					className: "size-2 rounded-full",
+					style: { background: e.tone ?? (t === 0 ? "var(--primary)" : "var(--info)") }
+				}), e.name]
+			}, e.name))
+		})]
+	});
+}
+function f({ stages: t, className: n }) {
+	let r = Math.max(...t.map((e) => e.value), 1);
+	return /* @__PURE__ */ i("ul", {
+		"aria-label": "转化漏斗",
+		className: e("space-y-2", n),
+		children: t.map((e, n) => {
+			let o = e.value / r * 100, s = t[n - 1]?.value, c = s ? Math.round(e.value / s * 100) : 100;
+			return /* @__PURE__ */ a("li", {
+				className: "flex items-center gap-3",
+				children: [
+					/* @__PURE__ */ i("span", {
+						className: "w-20 shrink-0 truncate text-xs text-muted-foreground",
+						children: e.name
+					}),
+					/* @__PURE__ */ i("span", {
+						className: "min-w-0 flex-1",
+						children: /* @__PURE__ */ i("span", {
+							className: "flex h-7 items-center justify-end rounded bg-primary/70 pr-2 text-xs font-medium text-primary-foreground",
+							style: { width: `${Math.max(o, 6)}%` },
+							children: e.value.toLocaleString("zh-CN")
+						})
+					}),
+					/* @__PURE__ */ i("span", {
+						className: "w-12 shrink-0 text-right text-xs tabular-nums text-muted-foreground",
+						children: n === 0 ? "—" : `${c}%`
+					})
+				]
+			}, e.name);
+		})
+	});
+}
+function p({ rows: t, days: n, today: r, className: o }) {
+	let s = n.length * 40;
+	return /* @__PURE__ */ i("div", {
+		className: e("overflow-x-auto", o),
+		children: /* @__PURE__ */ a("div", {
+			className: "min-w-max",
+			children: [/* @__PURE__ */ a("div", {
+				className: "flex text-[10px] text-muted-foreground",
+				children: [/* @__PURE__ */ i("span", { className: "w-28 shrink-0" }), /* @__PURE__ */ i("div", {
+					className: "relative",
+					style: { width: s },
+					children: n.map((e, t) => /* @__PURE__ */ i("span", {
+						className: "absolute -translate-x-1/2 text-center",
+						style: { left: t * 40 + 20 },
+						children: e
+					}, e))
+				})]
+			}), /* @__PURE__ */ i("ul", {
+				"aria-label": "任务排期",
+				className: "mt-3 space-y-2",
+				children: t.map((e) => /* @__PURE__ */ a("li", {
+					className: "flex items-center",
+					children: [/* @__PURE__ */ i("span", {
+						className: "w-28 shrink-0 truncate pr-2 text-xs",
+						children: e.name
+					}), /* @__PURE__ */ a("div", {
+						className: "relative h-6",
+						style: { width: s },
+						children: [
+							n.map((e, t) => /* @__PURE__ */ i("span", {
+								"aria-hidden": "true",
+								className: "absolute inset-y-0 border-l border-border/60",
+								style: { left: t * 40 }
+							}, e)),
+							/* @__PURE__ */ i("span", {
+								className: "absolute top-1 h-4 rounded",
+								style: {
+									left: e.start * 40 + 2,
+									width: Math.max(e.span * 40 - 4, 8),
+									background: `color-mix(in oklab, ${e.tone ?? "var(--primary)"} 35%, transparent)`
+								},
+								children: /* @__PURE__ */ i("span", {
+									className: "block h-full rounded",
+									style: {
+										width: `${e.progress ?? 100}%`,
+										background: e.tone ?? "var(--primary)"
+									}
+								})
+							}),
+							r !== void 0 && r >= 0 && r < n.length && /* @__PURE__ */ i("span", {
+								"aria-hidden": "true",
+								className: "absolute inset-y-0 w-px bg-danger",
+								style: { left: r * 40 + 20 }
+							})
+						]
+					})]
+				}, e.name))
+			})]
+		})
+	});
+}
+//#endregion
+export { l as BarList, s as DonutChart, f as FunnelChart, p as GanttChart, u as Heatmap, c as LineChart, o as MiniBars, d as RadarChart };

package/dist-package/components/code-block.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs"),t=require("./ui/button.cjs"),n=require("../lib/use-ui-translation.cjs");let r=require("react"),i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("sonner");function s({code:s,title:c,className:l}){let{t:u}=n.useUiTranslation(),[d,f]=(0,r.useState)(!1);async function p(){try{await navigator.clipboard.writeText(s),f(!0),o.toast.success(u(`copied`)),window.setTimeout(()=>f(!1),1500)}catch{o.toast.error(u(`copyFailed`))}}return(0,a.jsxs)(`div`,{"data-slot":`code-block`,className:e.cn(`relative overflow-hidden rounded-lg border bg-muted/40`,l),children:[(0,a.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b px-3 py-1.5`,children:[(0,a.jsx)(`span`,{className:`truncate font-mono text-xs text-muted-foreground`,children:c??`code`}),(0,a.jsx)(t.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,"aria-label":u(`copy`),onClick:p,children:d?(0,a.jsx)(i.Check,{"aria-hidden":`true`,className:`size-3.5`}):(0,a.jsx)(i.Copy,{"aria-hidden":`true`,className:`size-3.5`})})]}),(0,a.jsx)(`pre`,{className:`overflow-x-auto px-3 py-2.5 text-xs leading-6`,children:(0,a.jsx)(`code`,{className:`font-mono`,children:s})})]})}exports.CodeBlock=s;

package/dist-package/components/code-block.d.ts

@@ -0,0 +1,7 @@
+/** 代码/配置展示（不做语法高亮，保持零依赖）。 */
+export declare function CodeBlock({ code, title, className, }: {
+    code: string;
+    title?: string;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=code-block.d.ts.map

package/dist-package/components/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../src/components/code-block.tsx"],"names":[],"mappings":"AAOA,6BAA6B;AAC7B,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,SAAS,GACV,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAiCA"}

package/dist-package/components/code-block.js

@@ -0,0 +1,47 @@
+import { cn as e } from "../lib/utils.js";
+import { Button as t } from "./ui/button.js";
+import { useUiTranslation as n } from "../lib/use-ui-translation.js";
+import { useState as r } from "react";
+import { Check as i, Copy as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { toast as c } from "sonner";
+//#region src/components/code-block.tsx
+function l({ code: l, title: u, className: d }) {
+	let { t: f } = n(), [p, m] = r(!1);
+	async function h() {
+		try {
+			await navigator.clipboard.writeText(l), m(!0), c.success(f("copied")), window.setTimeout(() => m(!1), 1500);
+		} catch {
+			c.error(f("copyFailed"));
+		}
+	}
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "code-block",
+		className: e("relative overflow-hidden rounded-lg border bg-muted/40", d),
+		children: [/* @__PURE__ */ s("div", {
+			className: "flex items-center justify-between gap-3 border-b px-3 py-1.5",
+			children: [/* @__PURE__ */ o("span", {
+				className: "truncate font-mono text-xs text-muted-foreground",
+				children: u ?? "code"
+			}), /* @__PURE__ */ o(t, {
+				type: "button",
+				variant: "ghost",
+				size: "icon-sm",
+				"aria-label": f("copy"),
+				onClick: h,
+				children: o(p ? i : a, {
+					"aria-hidden": "true",
+					className: "size-3.5"
+				})
+			})]
+		}), /* @__PURE__ */ o("pre", {
+			className: "overflow-x-auto px-3 py-2.5 text-xs leading-6",
+			children: /* @__PURE__ */ o("code", {
+				className: "font-mono",
+				children: l
+			})
+		})]
+	});
+}
+//#endregion
+export { l as CodeBlock };

package/dist-package/components/column-chart.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs");let t=require("react"),n=require("react/jsx-runtime");function r({data:r,label:i,height:a=220,tone:o=`var(--primary)`,valueSuffix:s=``,showAverage:c=!0,className:l}){let[u,d]=(0,t.useState)(),f={top:16,right:12,bottom:26,left:40},p=640-f.left-f.right,m=a-f.top-f.bottom,h=Math.max(...r.map(e=>e.value),1),g=p/Math.max(1,r.length),_=Math.max(6,Math.min(28,g*.55)),v=[0,h/4,h/2,h*3/4,h],y=r.reduce((e,t)=>e+t.value,0)/Math.max(1,r.length),b=e=>f.top+m-e/h*m;return(0,n.jsxs)(`svg`,{role:`img`,"aria-label":i,viewBox:`0 0 640 ${a}`,className:e.cn(`w-full`,l),style:{height:a},onMouseLeave:()=>d(void 0),children:[v.map(e=>(0,n.jsxs)(`g`,{children:[(0,n.jsx)(`line`,{x1:f.left,x2:640-f.right,y1:b(e),y2:b(e),stroke:`var(--border)`,strokeDasharray:e===0?void 0:`2 6`}),(0,n.jsx)(`text`,{x:f.left-6,y:b(e),textAnchor:`end`,dominantBaseline:`middle`,className:`fill-muted-foreground text-[10px]`,children:Math.round(e)})]},e)),c&&(0,n.jsx)(`line`,{x1:f.left,x2:640-f.right,y1:b(y),y2:b(y),stroke:`var(--warning)`,strokeDasharray:`4 4`}),r.map((e,t)=>{let r=f.left+t*g+(g-_)/2,i=b(e.value),c=Math.max(2,f.top+m-i);return(0,n.jsxs)(`g`,{children:[(0,n.jsx)(`rect`,{x:f.left+t*g,y:f.top,width:g,height:m,fill:`transparent`,onMouseEnter:()=>d(t)}),(0,n.jsx)(`rect`,{x:r,y:i,width:_,height:c,rx:3,fill:o,opacity:u===void 0||u===t?1:.45}),u===t&&(0,n.jsxs)(`text`,{x:r+_/2,y:i-6,textAnchor:`middle`,className:`fill-foreground text-[10px] font-medium`,children:[e.value,s]}),(0,n.jsx)(`text`,{x:f.left+t*g+g/2,y:a-8,textAnchor:`middle`,className:`fill-muted-foreground text-[10px]`,children:e.label})]},e.label)})]})}exports.ColumnChart=r;

package/dist-package/components/column-chart.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 普通柱状图（纵向）：带纵轴刻度、网格线、横轴标签与悬停读数。
+ * 适合"按天/按月"的数值对比，比迷你柱状更适合单独成块的图表区。
+ */
+export declare function ColumnChart({ data, label, height, tone, valueSuffix, showAverage, className, }: {
+    data: {
+        label: string;
+        value: number;
+    }[];
+    label: string;
+    height?: number;
+    tone?: string;
+    valueSuffix?: string;
+    /** 是否画一条平均值参考线。 */
+    showAverage?: boolean;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=column-chart.d.ts.map

package/dist-package/components/column-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-chart.d.ts","sourceRoot":"","sources":["../../src/components/column-chart.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,MAAY,EACZ,IAAuB,EACvB,WAAgB,EAChB,WAAkB,EAClB,SAAS,GACV,EAAE;IACD,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mBAAmB;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAoGA"}

package/dist-package/components/column-chart.js

@@ -0,0 +1,89 @@
+import { cn as e } from "../lib/utils.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/column-chart.tsx
+function i({ data: i, label: a, height: o = 220, tone: s = "var(--primary)", valueSuffix: c = "", showAverage: l = !0, className: u }) {
+	let [d, f] = t(), p = {
+		top: 16,
+		right: 12,
+		bottom: 26,
+		left: 40
+	}, m = 640 - p.left - p.right, h = o - p.top - p.bottom, g = Math.max(...i.map((e) => e.value), 1), _ = m / Math.max(1, i.length), v = Math.max(6, Math.min(28, _ * .55)), y = [
+		0,
+		g / 4,
+		g / 2,
+		g * 3 / 4,
+		g
+	], b = i.reduce((e, t) => e + t.value, 0) / Math.max(1, i.length), x = (e) => p.top + h - e / g * h;
+	return /* @__PURE__ */ r("svg", {
+		role: "img",
+		"aria-label": a,
+		viewBox: `0 0 640 ${o}`,
+		className: e("w-full", u),
+		style: { height: o },
+		onMouseLeave: () => f(void 0),
+		children: [
+			y.map((e) => /* @__PURE__ */ r("g", { children: [/* @__PURE__ */ n("line", {
+				x1: p.left,
+				x2: 640 - p.right,
+				y1: x(e),
+				y2: x(e),
+				stroke: "var(--border)",
+				strokeDasharray: e === 0 ? void 0 : "2 6"
+			}), /* @__PURE__ */ n("text", {
+				x: p.left - 6,
+				y: x(e),
+				textAnchor: "end",
+				dominantBaseline: "middle",
+				className: "fill-muted-foreground text-[10px]",
+				children: Math.round(e)
+			})] }, e)),
+			l && /* @__PURE__ */ n("line", {
+				x1: p.left,
+				x2: 640 - p.right,
+				y1: x(b),
+				y2: x(b),
+				stroke: "var(--warning)",
+				strokeDasharray: "4 4"
+			}),
+			i.map((e, t) => {
+				let i = p.left + t * _ + (_ - v) / 2, a = x(e.value), l = Math.max(2, p.top + h - a);
+				return /* @__PURE__ */ r("g", { children: [
+					/* @__PURE__ */ n("rect", {
+						x: p.left + t * _,
+						y: p.top,
+						width: _,
+						height: h,
+						fill: "transparent",
+						onMouseEnter: () => f(t)
+					}),
+					/* @__PURE__ */ n("rect", {
+						x: i,
+						y: a,
+						width: v,
+						height: l,
+						rx: 3,
+						fill: s,
+						opacity: d === void 0 || d === t ? 1 : .45
+					}),
+					d === t && /* @__PURE__ */ r("text", {
+						x: i + v / 2,
+						y: a - 6,
+						textAnchor: "middle",
+						className: "fill-foreground text-[10px] font-medium",
+						children: [e.value, c]
+					}),
+					/* @__PURE__ */ n("text", {
+						x: p.left + t * _ + _ / 2,
+						y: o - 8,
+						textAnchor: "middle",
+						className: "fill-muted-foreground text-[10px]",
+						children: e.label
+					})
+				] }, e.label);
+			})
+		]
+	});
+}
+//#endregion
+export { i as ColumnChart };

package/dist-package/components/combobox.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs"),t=require("./ui/button.cjs"),n=require("../lib/use-ui-translation.cjs"),r=require("./ui/input.cjs");let i=require("react"),a=require("radix-ui"),o=require("lucide-react"),s=require("react/jsx-runtime");function c({options:c,value:l,onValueChange:u,label:d,placeholder:f,emptyText:p,clearable:m=!1,disabled:h=!1,className:g}){let{t:_}=n.useUiTranslation(),[v,y]=(0,i.useState)(!1),[b,x]=(0,i.useState)(``),S=(0,i.useMemo)(()=>{let e=b.trim().toLowerCase();return c.map(e=>`group`in e?{group:e.group,options:e.options}:{group:``,options:[e]}).map(t=>({...t,options:t.options.filter(t=>e===``||t.label.toLowerCase().includes(e)||t.value.toLowerCase().includes(e))})).filter(e=>e.options.length>0)},[c,b]),C=(0,i.useMemo)(()=>S.flatMap(e=>e.options),[S]),w=(0,i.useMemo)(()=>c.flatMap(e=>`group`in e?e.options:[e]).find(e=>e.value===l),[c,l]);return(0,s.jsxs)(a.Popover.Root,{open:v,onOpenChange:e=>{y(e),e||x(``)},children:[(0,s.jsxs)(`div`,{className:e.cn(`relative flex items-center`,g),children:[(0,s.jsx)(a.Popover.Trigger,{asChild:!0,children:(0,s.jsxs)(t.Button,{type:`button`,variant:`outline`,role:`combobox`,"aria-expanded":v,"aria-label":d,disabled:h,className:`w-full justify-between bg-card font-normal`,children:[(0,s.jsx)(`span`,{className:e.cn(`truncate`,!w&&`text-muted-foreground`),children:w?.label??f??_(`search`)}),(0,s.jsx)(o.ChevronDown,{"aria-hidden":`true`,className:`size-4 shrink-0 opacity-60`})]})}),m&&w&&(0,s.jsx)(`button`,{type:`button`,"aria-label":_(`clear`),className:`absolute right-8 rounded p-0.5 text-muted-foreground hover:text-foreground`,onClick:()=>u(void 0),children:(0,s.jsx)(o.X,{"aria-hidden":`true`,className:`size-3.5`})})]}),(0,s.jsx)(a.Popover.Portal,{children:(0,s.jsxs)(a.Popover.Content,{align:`start`,sideOffset:4,className:`z-50 w-[var(--radix-popover-trigger-width)] min-w-56 overflow-hidden rounded-lg border bg-popover p-1 shadow-lg outline-none`,children:[(0,s.jsx)(`div`,{className:`p-1`,children:(0,s.jsx)(r.Input,{autoFocus:!0,"aria-label":d,value:b,placeholder:f??_(`search`),className:`h-8`,onChange:e=>x(e.target.value)})}),(0,s.jsxs)(`div`,{role:`listbox`,"aria-label":d,className:`max-h-64 overflow-y-auto p-1`,children:[S.map(t=>(0,s.jsxs)(`div`,{children:[t.group&&(0,s.jsx)(`p`,{className:`px-2 py-1.5 text-xs text-muted-foreground`,children:t.group}),t.options.map(t=>(0,s.jsxs)(`button`,{type:`button`,role:`option`,"aria-selected":t.value===l,disabled:t.disabled,onClick:()=>{u(t.value),y(!1)},className:e.cn(`flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm`,`hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50`),children:[(0,s.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,s.jsx)(`span`,{className:`block truncate`,children:t.label}),t.description&&(0,s.jsx)(`span`,{className:`block truncate text-xs text-muted-foreground`,children:t.description})]}),t.value===l&&(0,s.jsx)(o.Check,{"aria-hidden":`true`,className:`size-4 shrink-0`})]},t.value))]},t.group||`default`)),!C.length&&(0,s.jsx)(`p`,{className:`px-2 py-6 text-center text-sm text-muted-foreground`,children:p??_(`empty`)})]})]})})]})}exports.Combobox=c;

package/dist-package/components/combobox.d.ts

@@ -0,0 +1,24 @@
+export type ComboboxOption = {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+};
+export type ComboboxGroup = {
+    group: string;
+    options: ComboboxOption[];
+};
+/** 可搜索单选下拉：输入即过滤，支持分组与清空。 */
+export declare function Combobox({ options, value, onValueChange, label, placeholder, emptyText, clearable, disabled, className, }: {
+    options: (ComboboxOption | ComboboxGroup)[];
+    value?: string;
+    onValueChange: (value: string | undefined) => void;
+    /** 组合框的访问名称。 */
+    label: string;
+    placeholder?: string;
+    emptyText?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=combobox.d.ts.map

package/dist-package/components/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/components/combobox.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,cAAc,EAAE,CAAA;CAAE,CAAA;AAExE,6BAA6B;AAC7B,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,WAAW,EACX,SAAS,EACT,SAAiB,EACjB,QAAgB,EAChB,SAAS,GACV,EAAE;IACD,OAAO,EAAE,CAAC,cAAc,GAAG,aAAa,CAAC,EAAE,CAAA;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAClD,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAkIA"}