@jc-times/business-ui 0.2.43

package/dist/MultiSelect.js

@@ -0,0 +1,137 @@
+import { useOverlayContainer as e } from "./OverlayContainer.js";
+import { Check as t, ChevronDown as n, LoaderCircle as r } from "lucide-react";
+import { useMemo as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Button as l, ComboBox as u, ComboBoxValue as d, Input as ee, Label as f, ListBox as te, ListBoxItem as ne, Popover as p, Tag as m, TagGroup as h, TagList as g, Text as _ } from "react-aria-components";
+import { ListLayout as v, Virtualizer as y } from "react-aria-components/Virtualizer";
+//#region src/MultiSelect.tsx
+var b = [], x = [], re = {
+	rowSize: 48,
+	gap: 2,
+	padding: 4
+};
+function S({ values: S, defaultValues: C = x, onValuesChange: ie, name: w, selectedItems: T = b, items: E, disabled: D, clearLabel: O = "清空选择", selectionLabel: k = "已选项", maxSelected: A, inputValue: j, defaultInputValue: M, onInputChange: N, required: P, label: F, placeholder: I = "搜索或选择", helpText: L, error: R, loading: z, emptyText: B = "没有匹配项", inputRef: V, inputProps: H, placement: U = "bottom start", portalContainer: W, virtualized: G = E.length > 100, className: K = "" }) {
+	let [q, J] = a(C), Y = S ?? q, ae = e(W), X = i(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of T) e.set(t.id, t);
+		for (let t of E) e.set(t.id, t);
+		return e;
+	}, [T, E]), Z = i(() => [...Y], [Y]), oe = i(() => new Set(Y), [Y]), se = i(() => Z.map((e) => X.get(e) ?? {
+		id: e,
+		label: e
+	}), [Z, X]), ce = i(() => [...E], [E]), le = A !== void 0 && Y.length >= A;
+	function Q(e) {
+		D || A !== void 0 && e.length > A && e.length > Y.length || (S === void 0 && J(e), ie?.(e));
+	}
+	let $ = /* @__PURE__ */ s(te, {
+		items: ce,
+		className: "ui-combobox-list",
+		layout: G ? "grid" : "stack",
+		renderEmptyState: () => /* @__PURE__ */ s("div", {
+			className: "ui-combobox-empty",
+			children: z ? "正在加载…" : B
+		}),
+		children: (e) => /* @__PURE__ */ s(ne, {
+			id: e.id,
+			textValue: e.label,
+			isDisabled: e.disabled || le && !oe.has(e.id),
+			className: "ui-combobox-item",
+			children: ({ isSelected: n }) => /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("span", { children: [/* @__PURE__ */ s("strong", { children: e.label }), e.description && /* @__PURE__ */ s("small", { children: e.description })] }), n && /* @__PURE__ */ s(t, { size: 15 })] })
+		})
+	});
+	return /* @__PURE__ */ c(u, {
+		selectionMode: "multiple",
+		value: Z,
+		onChange: (e) => Q(e.map(String)),
+		inputValue: j,
+		defaultInputValue: M,
+		onInputChange: N,
+		isDisabled: D,
+		isRequired: P,
+		isInvalid: !!R,
+		menuTrigger: "focus",
+		allowsEmptyCollection: !0,
+		"aria-label": F === void 0 ? H?.["aria-label"] : void 0,
+		className: `ui-combobox ui-multi-select ${K}`.trim(),
+		children: [
+			F !== void 0 && /* @__PURE__ */ c(f, {
+				className: "ui-form-label",
+				children: [F, P && /* @__PURE__ */ s("span", {
+					className: "ui-form-required",
+					"aria-hidden": "true",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "ui-combobox-control",
+				children: [/* @__PURE__ */ s(ee, {
+					...H,
+					ref: V,
+					className: "ui-input",
+					placeholder: I
+				}), /* @__PURE__ */ s(l, {
+					className: "ui-combobox-trigger",
+					"aria-label": "展开选项",
+					children: s(z ? r : n, { size: 16 })
+				})]
+			}),
+			/* @__PURE__ */ s(d, { children: () => Y.length > 0 ? /* @__PURE__ */ c("div", {
+				className: "ui-multi-selection",
+				children: [/* @__PURE__ */ s(h, {
+					"aria-label": k,
+					onRemove: (e) => Q(Y.filter((t) => !e.has(t))),
+					disabledKeys: D ? Z : x,
+					children: /* @__PURE__ */ s(g, {
+						items: se,
+						children: (e) => /* @__PURE__ */ c(m, {
+							id: e.id,
+							textValue: e.label,
+							className: "ui-selection-tag",
+							children: [e.label, /* @__PURE__ */ s(l, {
+								slot: "remove",
+								"aria-label": `移除 ${e.label}`,
+								children: "×"
+							})]
+						})
+					})
+				}), /* @__PURE__ */ s("button", {
+					type: "button",
+					disabled: D,
+					className: "ui-selection-clear",
+					onClick: () => Q([]),
+					children: O
+				})]
+			}) : null }),
+			L !== void 0 && /* @__PURE__ */ s(_, {
+				slot: "description",
+				className: "ui-form-help",
+				children: L
+			}),
+			R && /* @__PURE__ */ s(_, {
+				slot: "errorMessage",
+				className: "ui-form-error",
+				children: R
+			}),
+			w && Y.map((e) => /* @__PURE__ */ s("input", {
+				type: "hidden",
+				name: w,
+				value: e,
+				disabled: D
+			}, e)),
+			/* @__PURE__ */ s(p, {
+				className: "ui-combobox-popover",
+				"data-ui-aria-overlay": "",
+				maxHeight: 320,
+				placement: U,
+				UNSTABLE_portalContainer: ae,
+				children: G ? /* @__PURE__ */ s(y, {
+					layout: v,
+					layoutOptions: re,
+					children: $
+				}) : $
+			})
+		]
+	});
+}
+//#endregion
+export { S as MultiSelect };

package/dist/NumericInput.js

@@ -0,0 +1,97 @@
+import { TextInput as e } from "./FormField.js";
+import { formatDecimalAmount as t } from "./amount-format.js";
+import { forwardRef as n, useLayoutEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/NumericInput.tsx
+var s = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)$/, c = /^[+-]?\d*(?:\.\d*)?$/, l = (e) => e.replace(/[,，\s]/gu, "");
+function u(e, t) {
+	let n = e.startsWith("-"), [r, i = ""] = e.replace(/^[+-]/, "").split("."), a = (i + "0".repeat(t)).slice(0, t), o = BigInt(r || "0") * 10n ** BigInt(t) + BigInt(a || "0");
+	return Number(i[t] || "0") >= 5 && (o += 1n), n ? -o : o;
+}
+function d(e, t) {
+	let n = (e < 0n ? -e : e).toString().padStart(t + 1, "0"), r = t ? `${n.slice(0, -t)}.${n.slice(-t)}`.replace(/\.?0+$/, "") : n;
+	return `${e < 0n ? "-" : ""}${r}`;
+}
+function f(e, t, n) {
+	if (!Number.isInteger(e) || e < 0 || e > 100) throw RangeError("decimalPlaces must be an integer from 0 to 100");
+	for (let r of [t, n]) if (r !== void 0 && (!s.test(r) || d(u(r, e), e) !== p(r))) throw RangeError("Bounds must be decimal strings representable at decimalPlaces");
+	if (t !== void 0 && n !== void 0 && u(t, e) > u(n, e)) throw RangeError("min must not exceed max");
+}
+function p(e) {
+	let t = e.split(".")[1]?.length ?? 0;
+	return d(u(e, t), t);
+}
+function m(e, t, n, r) {
+	if (!s.test(e)) return "";
+	let i = u(e, t);
+	return n !== void 0 && i < u(n, t) && (i = u(n, t)), r !== void 0 && i > u(r, t) && (i = u(r, t)), d(i, t);
+}
+var h = n(function({ value: n, onValueCommit: s, onDraftChange: u, decimalPlaces: d = 2, moneyFormat: p, minimumFractionDigits: h = p ? Math.min(2, d) : 0, min: g, max: _, useGrouping: v = !0, selectAllOnFocus: y = !1, selectAllOnClick: b = !1, onFocus: x, onBlur: S, onChange: C, onClick: w, onKeyDown: T, onCompositionStart: E, onCompositionEnd: D, disabled: O, readOnly: k, inputMode: A = "decimal", ...j }, M) {
+	if (f(d, g, _), !Number.isInteger(h) || h < 0 || h > d) throw RangeError("minimumFractionDigits must be an integer between 0 and decimalPlaces");
+	let [N, P] = a(!1), [F, I] = a(""), L = i(!1), R = i(null);
+	r(() => {
+		R.current?.select(), R.current = null;
+	}, [N, F]);
+	let z = m(l(n), d, g, _), B = () => {
+		if (!N || O || k) return;
+		let e = m(l(F), d, g, _);
+		P(!1), s(e);
+	};
+	return /* @__PURE__ */ o(e, {
+		...j,
+		ref: M,
+		type: "text",
+		inputMode: A,
+		disabled: O,
+		readOnly: k,
+		value: N ? F : t(z, {
+			moneyFormat: p,
+			useGrouping: v,
+			minimumFractionDigits: h
+		}),
+		onFocus: (e) => {
+			!O && !k && (I(z), P(!0)), y && (e.currentTarget.select(), R.current = e.currentTarget), x?.(e);
+		},
+		onClick: (e) => {
+			b && e.currentTarget.select(), w?.(e);
+		},
+		onChange: (e) => {
+			if (O || k) return;
+			let t = l(e.currentTarget.value);
+			(L.current || c.test(t)) && (P(!0), I(t), u?.(t)), C?.(e);
+		},
+		onCompositionStart: (e) => {
+			L.current = !0, E?.(e);
+		},
+		onCompositionEnd: (e) => {
+			L.current = !1;
+			let t = l(e.currentTarget.value);
+			c.test(t) || I(z), D?.(e);
+		},
+		onBlur: (e) => {
+			B(), S?.(e);
+		},
+		onKeyDown: (e) => {
+			T?.(e), e.key === "Enter" && !e.defaultPrevented && !L.current && !e.nativeEvent.isComposing && (e.preventDefault(), e.currentTarget.blur());
+		}
+	});
+}), g = n(function({ value: e, onValueCommit: t, scale: n = 100, min: r = -(2 ** 53 - 1), max: i = 2 ** 53 - 1, ...a }, s) {
+	let c = Math.log10(n);
+	if (!Number.isSafeInteger(n) || !Number.isInteger(c) || c < 0) throw RangeError("scale must be a positive safe integer power of ten");
+	for (let t of [
+		e,
+		r,
+		i
+	]) if (t !== null && !Number.isSafeInteger(t)) throw RangeError("Scaled values and bounds must be safe integers");
+	return /* @__PURE__ */ o(h, {
+		...a,
+		ref: s,
+		decimalPlaces: c,
+		value: e === null ? "" : d(BigInt(e), c),
+		min: d(BigInt(r), c),
+		max: d(BigInt(i), c),
+		onValueCommit: (e) => t(e === "" ? null : Number(u(e, c)))
+	});
+});
+//#endregion
+export { h as NumericInput, g as ScaledNumericInput };

package/dist/OverlayContainer.js

@@ -0,0 +1,9 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/OverlayContainer.tsx
+var n = e(null);
+function r(e) {
+	let r = t(n);
+	return e ?? r ?? void 0;
+}
+//#endregion
+export { n as OverlayContainerContext, r as useOverlayContainer };

package/dist/PageHeader.js

@@ -0,0 +1,36 @@
+import { joinClassNames as e } from "./classNames.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/PageHeader.tsx
+var i = t(function({ eyebrow: t, title: i, titleId: a, description: o, actions: s, copyProps: c, actionsProps: l, className: u, ...d }, f) {
+	return /* @__PURE__ */ r("header", {
+		...d,
+		ref: f,
+		className: e("ui-page-header", u),
+		children: [/* @__PURE__ */ r("div", {
+			...c,
+			className: e("ui-page-header-copy", c?.className),
+			children: [
+				t === void 0 ? null : /* @__PURE__ */ n("div", {
+					className: "ui-page-header-eyebrow",
+					children: t
+				}),
+				/* @__PURE__ */ n("h1", {
+					id: a,
+					className: "ui-page-header-title",
+					children: i
+				}),
+				o === void 0 ? null : /* @__PURE__ */ n("div", {
+					className: "ui-page-header-description",
+					children: o
+				})
+			]
+		}), s === void 0 ? null : /* @__PURE__ */ n("div", {
+			...l,
+			className: e("ui-page-header-actions", l?.className),
+			children: s
+		})]
+	});
+});
+//#endregion
+export { i as PageHeader };

package/dist/Pagination.js

@@ -0,0 +1,115 @@
+import { ChevronLeft as e, ChevronRight as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/Pagination.tsx
+function i({ totalItems: i, page: c, pageSize: l, onPageChange: u, onPageSizeChange: d, itemLabel: f = "条记录", pageSizeOptions: p = [
+	10,
+	20,
+	50
+], compact: m = !1 }) {
+	let h = a(i, l), g = o(c, i, l), _ = i ? (g - 1) * l + 1 : 0, v = Math.min(g * l, i);
+	return /* @__PURE__ */ r("nav", {
+		className: `ui-pagination${m ? " compact" : ""}`,
+		"aria-label": "列表分页",
+		children: [
+			/* @__PURE__ */ r("span", {
+				className: "ui-pagination-summary",
+				children: [
+					"共 ",
+					i,
+					" ",
+					f,
+					"，当前 ",
+					_,
+					"–",
+					v
+				]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "ui-pagination-pages",
+				children: [
+					/* @__PURE__ */ n("button", {
+						type: "button",
+						"aria-label": "上一页",
+						disabled: g <= 1,
+						onClick: () => u(g - 1),
+						children: /* @__PURE__ */ n(e, { size: 15 })
+					}),
+					!m && s(g, h).map((e, t) => e === "ellipsis" ? /* @__PURE__ */ n("i", {
+						className: "ui-page-ellipsis",
+						children: "…"
+					}, `ellipsis-${t}`) : /* @__PURE__ */ n("button", {
+						type: "button",
+						className: `ui-page-number${e === g ? " active" : ""}`,
+						"aria-current": e === g ? "page" : void 0,
+						"aria-label": `第 ${e} 页`,
+						onClick: () => u(e),
+						children: e
+					}, e)),
+					m && /* @__PURE__ */ r("span", { children: [
+						"第 ",
+						g,
+						" / ",
+						h,
+						" 页"
+					] }),
+					!m && /* @__PURE__ */ r("span", {
+						className: "ui-pagination-auto-compact",
+						children: [
+							"第 ",
+							g,
+							" / ",
+							h,
+							" 页"
+						]
+					}),
+					/* @__PURE__ */ n("button", {
+						type: "button",
+						"aria-label": "下一页",
+						disabled: g >= h,
+						onClick: () => u(g + 1),
+						children: /* @__PURE__ */ n(t, { size: 15 })
+					})
+				]
+			}),
+			d && /* @__PURE__ */ r("label", {
+				className: "ui-pagination-size",
+				children: [
+					/* @__PURE__ */ n("span", { children: "每页" }),
+					/* @__PURE__ */ n("select", {
+						"aria-label": "每页显示数量",
+						value: l,
+						onChange: (e) => d(Number(e.target.value)),
+						children: p.map((e) => /* @__PURE__ */ n("option", {
+							value: e,
+							children: e
+						}, e))
+					}),
+					/* @__PURE__ */ n("span", { children: "条" })
+				]
+			})
+		]
+	});
+}
+function a(e, t) {
+	return Math.max(1, Math.ceil(e / Math.max(1, t)));
+}
+function o(e, t, n) {
+	return Math.min(Math.max(1, e), a(t, n));
+}
+function s(e, t) {
+	if (t <= 7) return Array.from({ length: t }, (e, t) => t + 1);
+	let n = [.../* @__PURE__ */ new Set([
+		1,
+		t,
+		e - 1,
+		e,
+		e + 1
+	])].filter((e) => e >= 1 && e <= t).sort((e, t) => e - t), r = [];
+	for (let e of n) {
+		let t = r.at(-1);
+		typeof t == "number" && e - t > 1 && r.push("ellipsis"), r.push(e);
+	}
+	return r;
+}
+//#endregion
+export { i as Pagination, o as clampPage, a as pageCount, s as visiblePages };

package/dist/PreparedFileDropzone.js

@@ -0,0 +1,30 @@
+import { FileDropzone as e, acceptsFile as t } from "./FileDropzone.js";
+import { useFilePreparation as n } from "./useFilePreparation.js";
+import { FilePreparationDialog as r } from "./FilePreparationDialog.js";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/PreparedFileDropzone.tsx
+function s({ ownerKey: s, prepareFile: c, errorMessage: l, labels: u, onFilesSelected: d, ...f }) {
+	let p = n({
+		ownerKey: s,
+		disabled: f.disabled,
+		errorMessage: l,
+		onFilesSelected: d,
+		prepareFile: async (e, n) => {
+			let r = await c(e, n);
+			if (!t(r, f.accept) || f.maxFileSize !== void 0 && r.size > f.maxFileSize) throw Error("PREPARED_FILE_REJECTED");
+			return r;
+		}
+	});
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(e, {
+		...f,
+		disabled: f.disabled || p.busy,
+		onFilesSelected: (e) => {
+			p.selectFiles(e);
+		}
+	}), /* @__PURE__ */ a(r, {
+		preparation: p,
+		labels: u
+	})] });
+}
+//#endregion
+export { s as PreparedFileDropzone };

package/dist/RecoverableAsyncState.js

@@ -0,0 +1,35 @@
+import { Button as e } from "./Button.js";
+import { AlertCircle as t, LoaderCircle as n, RefreshCw as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/RecoverableAsyncState.tsx
+function o(o) {
+	let s = o.phase === "error";
+	return /* @__PURE__ */ a("div", {
+		className: `ui-async-state${o.compact ? " compact" : ""}`,
+		role: s ? "alert" : "status",
+		"aria-live": s ? "assertive" : "polite",
+		children: [
+			s ? /* @__PURE__ */ i(t, {
+				"aria-hidden": "true",
+				size: 18
+			}) : /* @__PURE__ */ i(n, {
+				"aria-hidden": "true",
+				className: "spin",
+				size: 18
+			}),
+			/* @__PURE__ */ a("span", { children: [/* @__PURE__ */ i("strong", { children: s ? o.errorTitle : o.loadingTitle }), o.detail && /* @__PURE__ */ i("small", { children: o.detail })] }),
+			s && o.onRetry && /* @__PURE__ */ a(e, {
+				variant: "outline",
+				size: "compact",
+				onClick: o.onRetry,
+				children: [/* @__PURE__ */ i(r, {
+					"aria-hidden": "true",
+					size: 15
+				}), o.retryLabel ?? "重新加载"]
+			})
+		]
+	});
+}
+var s = o;
+//#endregion
+export { s as AsyncState, o as RecoverableAsyncState };

package/dist/RovingTabs.js

@@ -0,0 +1,54 @@
+import { useRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/RovingTabs.tsx
+function n(n) {
+	let r = e(/* @__PURE__ */ new Map()), s = n.options.map((e) => e.value);
+	function c(e) {
+		let t = i(s, n.value, e.key);
+		t !== null && (e.preventDefault(), n.onChange(t), r.current.get(t)?.focus());
+	}
+	return /* @__PURE__ */ t("div", {
+		className: `ui-tabs ${n.className ?? ""}`.trim(),
+		role: "tablist",
+		"aria-label": n.label,
+		"aria-orientation": "horizontal",
+		children: n.options.map((e) => {
+			let i = e.value === n.value;
+			return /* @__PURE__ */ t("button", {
+				id: a(n.groupId, e.value),
+				type: "button",
+				role: "tab",
+				"aria-selected": i,
+				"aria-controls": o(n.groupId, e.value),
+				tabIndex: i ? 0 : -1,
+				className: i ? "active" : "",
+				ref: (t) => {
+					t ? r.current.set(e.value, t) : r.current.delete(e.value);
+				},
+				onKeyDown: c,
+				onClick: () => n.onChange(e.value),
+				children: e.label
+			}, e.value);
+		})
+	});
+}
+function r({ groupId: e, value: n, className: r, children: i }) {
+	return /* @__PURE__ */ t("section", {
+		id: o(e, n),
+		role: "tabpanel",
+		"aria-labelledby": a(e, n),
+		className: r,
+		children: i
+	});
+}
+function i(e, t, n) {
+	return e.length ? n === "Home" ? e[0] : n === "End" ? e[e.length - 1] : n !== "ArrowLeft" && n !== "ArrowRight" ? null : e[(Math.max(0, e.indexOf(t)) + (n === "ArrowRight" ? 1 : -1) + e.length) % e.length] : null;
+}
+function a(e, t) {
+	return `${e}-tab-${t}`;
+}
+function o(e, t) {
+	return `${e}-panel-${t}`;
+}
+//#endregion
+export { n as RovingTabList, r as RovingTabPanel, i as nextRovingTabValue };

package/dist/SectionCard.js

@@ -0,0 +1,35 @@
+import { joinClassNames as e } from "./classNames.js";
+import { createElement as t, forwardRef as n, useId as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/SectionCard.tsx
+var o = n(function({ title: n, description: o, actions: s, children: c, headingId: l, headingLevel: u = 2, className: d, "aria-label": f, "aria-labelledby": p, ...m }, h) {
+	let g = r(), _ = l ?? g, v = f === void 0 ? p ?? _ : p, y = t(`h${u}`, {
+		id: _,
+		className: "ui-section-card-title"
+	}, n);
+	return /* @__PURE__ */ a("section", {
+		...m,
+		ref: h,
+		"aria-label": f,
+		"aria-labelledby": v,
+		className: e("ui-section-card", d),
+		children: [/* @__PURE__ */ a("div", {
+			className: "ui-section-card-header",
+			children: [/* @__PURE__ */ a("div", {
+				className: "ui-section-card-copy",
+				children: [y, o === void 0 ? null : /* @__PURE__ */ i("div", {
+					className: "ui-section-card-description",
+					children: o
+				})]
+			}), s === void 0 ? null : /* @__PURE__ */ i("div", {
+				className: "ui-section-card-actions",
+				children: s
+			})]
+		}), /* @__PURE__ */ i("div", {
+			className: "ui-section-card-body",
+			children: c
+		})]
+	});
+});
+//#endregion
+export { o as SectionCard };

package/dist/SegmentedControl.js

@@ -0,0 +1,46 @@
+import { useId as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/SegmentedControl.tsx
+function r({ value: r, options: i, onChange: a, name: o, disabled: s = !1, className: c, size: l = "default", variant: u = "solid", block: d = !0, orientation: f = "horizontal", shape: p = "default", ...m }) {
+	let h = e();
+	return /* @__PURE__ */ t("div", {
+		role: "radiogroup",
+		"aria-label": m["aria-label"],
+		"aria-disabled": s || void 0,
+		className: [
+			"ui-segmented-control",
+			`ui-segmented-${l}`,
+			`ui-segmented-${u}`,
+			!d && "ui-segmented-inline",
+			`ui-segmented-${f}`,
+			`ui-segmented-shape-${p}`,
+			c
+		].filter(Boolean).join(" "),
+		children: i.map((e) => /* @__PURE__ */ n("label", {
+			className: "ui-segmented-option",
+			children: [/* @__PURE__ */ t("input", {
+				type: "radio",
+				name: o ?? h,
+				value: e.value,
+				checked: e.value === r,
+				"aria-label": e["aria-label"],
+				disabled: s || e.disabled,
+				onChange: () => {
+					!s && !e.disabled && a(e.value);
+				}
+			}), /* @__PURE__ */ n("span", {
+				className: "ui-segmented-content",
+				children: [e.icon != null && /* @__PURE__ */ t("span", {
+					className: "ui-segmented-icon",
+					"aria-hidden": "true",
+					children: e.icon
+				}), /* @__PURE__ */ t("span", {
+					className: "ui-segmented-label",
+					children: e.label
+				})]
+			})]
+		}, e.value))
+	});
+}
+//#endregion
+export { r as SegmentedControl };

package/dist/Select.js

@@ -0,0 +1,73 @@
+import { useOverlayContainer as e } from "./OverlayContainer.js";
+import { FormField as t } from "./FormField.js";
+import { Check as n, ChevronDown as r, ChevronUp as i } from "lucide-react";
+import { useId as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import * as c from "@radix-ui/react-select";
+//#region src/Select.tsx
+function l({ value: l, defaultValue: f, onValueChange: p, options: m, label: h, placeholder: g = "请选择", helpText: _, error: v, required: y, disabled: b, name: x, id: S, className: C = "", triggerRef: w, triggerProps: T, portalContainer: E, placement: D }) {
+	let O = a(), k = S ?? O, A = e(E), j = /* @__PURE__ */ s(c.Root, {
+		value: l,
+		defaultValue: f,
+		onValueChange: p,
+		disabled: b,
+		name: x,
+		required: y,
+		children: [/* @__PURE__ */ s(c.Trigger, {
+			...T,
+			ref: w,
+			id: k,
+			className: `ui-select-trigger ${C}`.trim(),
+			"aria-invalid": v ? !0 : T?.["aria-invalid"],
+			"aria-describedby": d(T?.["aria-describedby"], u(k, _, v)),
+			children: [/* @__PURE__ */ o(c.Value, { placeholder: g }), /* @__PURE__ */ o(c.Icon, { children: /* @__PURE__ */ o(r, { size: 16 }) })]
+		}), /* @__PURE__ */ o(c.Portal, {
+			container: A,
+			children: /* @__PURE__ */ s(c.Content, {
+				className: "ui-select-content",
+				position: "popper",
+				sideOffset: 6,
+				collisionPadding: 10,
+				...D,
+				children: [
+					/* @__PURE__ */ o(c.ScrollUpButton, {
+						className: "ui-select-scroll",
+						children: /* @__PURE__ */ o(i, { size: 16 })
+					}),
+					/* @__PURE__ */ o(c.Viewport, {
+						className: "ui-select-viewport",
+						children: m.map((e) => /* @__PURE__ */ s(c.Item, {
+							value: e.value,
+							disabled: e.disabled,
+							className: "ui-select-item",
+							children: [/* @__PURE__ */ o(c.ItemText, { children: e.label }), /* @__PURE__ */ o(c.ItemIndicator, {
+								className: "ui-select-indicator",
+								children: /* @__PURE__ */ o(n, { size: 15 })
+							})]
+						}, e.value))
+					}),
+					/* @__PURE__ */ o(c.ScrollDownButton, {
+						className: "ui-select-scroll",
+						children: /* @__PURE__ */ o(r, { size: 16 })
+					})
+				]
+			})
+		})]
+	});
+	return h === void 0 && _ === void 0 && !v ? j : /* @__PURE__ */ o(t, {
+		controlId: k,
+		label: h,
+		required: y,
+		helpText: _,
+		error: v,
+		children: j
+	});
+}
+function u(e, t, n) {
+	return [t === void 0 ? "" : `${e}-help`, n === void 0 || n === "" ? "" : `${e}-error`].filter(Boolean).join(" ") || void 0;
+}
+function d(...e) {
+	return e.filter(Boolean).join(" ") || void 0;
+}
+//#endregion
+export { l as Select };