@jc-times/business-ui 0.2.43

package/dist/DataTableHorizontalScrollbar.js

@@ -0,0 +1,38 @@
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/DataTableHorizontalScrollbar.tsx
+function a({ children: a, enabled: o = !1, label: s = "表格横向滚动" }) {
+	let c = t(null), l = t(null), [u, d] = n(0);
+	return e(() => {
+		if (!o) return;
+		let e = c.current, t = l.current, n = e?.querySelector(".MuiTableContainer-root"), r = n?.querySelector("table");
+		if (!e || !t || !n || !r) return;
+		let i = !1, a = () => {
+			let e = n.scrollWidth > n.clientWidth + 1;
+			d(e ? n.scrollWidth : 0), e && (t.scrollLeft = n.scrollLeft);
+		}, s = () => {
+			i ||= (i = !0, n.scrollLeft = t.scrollLeft, !1);
+		}, u = () => {
+			i ||= (i = !0, t.scrollLeft = n.scrollLeft, !1);
+		};
+		a();
+		let f = typeof ResizeObserver > "u" ? null : new ResizeObserver(a);
+		return f?.observe(n), f?.observe(r), t.addEventListener("scroll", s, { passive: !0 }), n.addEventListener("scroll", u, { passive: !0 }), () => {
+			f?.disconnect(), t.removeEventListener("scroll", s), n.removeEventListener("scroll", u);
+		};
+	}, [o]), o ? /* @__PURE__ */ i("div", {
+		ref: c,
+		className: "ui-data-table-scroll-frame",
+		children: [a, /* @__PURE__ */ r("div", {
+			ref: l,
+			className: `ui-data-table-horizontal-scroll${u ? " is-visible" : ""}`,
+			role: "region",
+			"aria-label": s,
+			tabIndex: u ? 0 : -1,
+			"aria-hidden": !u,
+			children: /* @__PURE__ */ r("div", { style: { width: u } })
+		})]
+	}) : a;
+}
+//#endregion
+export { a as DataTableHorizontalScrollbar };

package/dist/DataTableIcons.js

@@ -0,0 +1,37 @@
+import { ArrowDown as e, ArrowLeftRight as t, ChevronDown as n, ChevronRight as r, Columns3 as i, EllipsisVertical as a, EyeOff as o, Filter as s, FilterX as c, GripHorizontal as l, Pin as u, RotateCcw as d, Search as f, X as p } from "lucide-react";
+import { forwardRef as m } from "react";
+import { jsx as h } from "react/jsx-runtime";
+import g from "@mui/material/SvgIcon";
+//#region src/DataTableIcons.tsx
+function _(e) {
+	return m((t, n) => /* @__PURE__ */ h(g, {
+		...t,
+		ref: n,
+		component: e,
+		inheritViewBox: !0,
+		sx: [{
+			fontSize: 18,
+			fill: "none"
+		}, ...Array.isArray(t.sx) ? t.sx : [t.sx ?? {}]]
+	}));
+}
+var v = {
+	SearchIcon: _(f),
+	CloseIcon: _(p),
+	CancelIcon: _(p),
+	ArrowDownwardIcon: _(e),
+	ExpandMoreIcon: _(n),
+	ArrowRightIcon: _(r),
+	SyncAltIcon: _(t),
+	MoreVertIcon: _(a),
+	ViewColumnIcon: _(i),
+	FilterListIcon: _(s),
+	FilterAltIcon: _(s),
+	FilterListOffIcon: _(c),
+	PushPinIcon: _(u),
+	DragHandleIcon: _(l),
+	RestartAltIcon: _(d),
+	VisibilityOffIcon: _(o)
+};
+//#endregion
+export { v as icons };

package/dist/DataTableMergedRows.js

@@ -0,0 +1,45 @@
+import { useRef as e } from "react";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+import { MRT_TableBodyCell as r } from "material-react-table";
+import i from "@mui/material/TableRow";
+import a from "@mui/material/TableCell";
+//#region src/DataTableMergedRows.tsx
+function o({ row: a, table: o, index: s, getDetails: c, detailColumnIds: l, getDetailValue: u }) {
+	let d = e(null), f = a.getVisibleCells().some((e) => l.includes(e.column.id)), p = c(a.original), m = f && p.length ? p : [null];
+	return /* @__PURE__ */ n(t, { children: m.map((e, t) => /* @__PURE__ */ n(i, {
+		ref: t === 0 ? d : void 0,
+		"data-contract-id": a.id,
+		selected: a.getIsSelected(),
+		children: a.getVisibleCells().map((i, a) => {
+			let c = l.includes(i.column.id);
+			if (!c && t > 0) return null;
+			let f = c ? u(e, i.column.id) : null, p = c ? {
+				...i,
+				getValue: () => f,
+				renderValue: () => f
+			} : i;
+			return /* @__PURE__ */ n(r, {
+				cell: p,
+				table: o,
+				rowRef: d,
+				staticRowIndex: s,
+				staticColumnIndex: a,
+				rowSpan: c ? 1 : m.length
+			}, i.id);
+		})
+	}, t)) });
+}
+function s(e) {
+	let { table: r, emptyContent: s = "暂无匹配记录" } = e, c = r.getRowModel().rows;
+	return /* @__PURE__ */ n(t, { children: c.length ? c.map((t, r) => /* @__PURE__ */ n(o, {
+		...e,
+		row: t,
+		index: r
+	}, t.id)) : /* @__PURE__ */ n(i, { children: /* @__PURE__ */ n(a, {
+		colSpan: r.getVisibleLeafColumns().length,
+		align: "center",
+		children: s
+	}) }) });
+}
+//#endregion
+export { s as DataTableMergedRows };

package/dist/DataTableTheme.js

@@ -0,0 +1,135 @@
+import { useOverlayContainer as e } from "./OverlayContainer.js";
+import { useMemo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { ThemeProvider as r, createTheme as i } from "@mui/material/styles";
+//#region src/DataTableTheme.tsx
+var a = {
+	primary: "#5965ad",
+	text: "#202638",
+	muted: "#6e7891",
+	border: "#dce0ec",
+	canvas: "#f5f5fa",
+	surface: "#ffffff",
+	radius: "8px",
+	"control-height": "40px",
+	"touch-height": "44px",
+	"border-strong": "#b9c1d6",
+	focus: "#dfe3f5",
+	"primary-soft": "#eef0fa",
+	"primary-hover": "#465194",
+	"radius-large": "12px",
+	shadow: "0 8px 24px #20263820"
+}, o = (e) => (typeof document > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(`--ui-${e}`).trim()) || a[e] || "";
+function s() {
+	return i({
+		palette: {
+			primary: { main: o("primary") },
+			text: {
+				primary: o("text"),
+				secondary: o("muted")
+			},
+			divider: o("border"),
+			background: {
+				default: o("canvas"),
+				paper: o("surface")
+			}
+		},
+		typography: {
+			fontFamily: "\"Segoe UI\", \"Microsoft YaHei\", sans-serif",
+			fontSize: 13,
+			button: {
+				textTransform: "none",
+				fontWeight: 700
+			},
+			body1: { fontSize: 13 },
+			body2: { fontSize: 13 }
+		},
+		shape: { borderRadius: 8 },
+		components: {
+			MuiButtonBase: { defaultProps: { disableRipple: !0 } },
+			MuiTableCell: { styleOverrides: {
+				root: {
+					borderColor: o("border"),
+					fontSize: 13
+				},
+				head: {
+					fontWeight: 700,
+					color: o("muted")
+				}
+			} },
+			MuiOutlinedInput: { styleOverrides: {
+				root: {
+					background: o("surface"),
+					borderRadius: o("radius"),
+					minHeight: o("control-height"),
+					fontSize: 13,
+					"& .MuiOutlinedInput-notchedOutline": { borderColor: o("border") },
+					"&:hover .MuiOutlinedInput-notchedOutline": { borderColor: o("border-strong") },
+					"&.Mui-focused": { boxShadow: `0 0 0 3px ${o("focus")}` },
+					"&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+						borderWidth: 1,
+						borderColor: o("primary")
+					},
+					"@media(pointer:coarse)": { minHeight: o("touch-height") }
+				},
+				input: {
+					padding: "9px 10px",
+					minWidth: 0
+				}
+			} },
+			MuiIconButton: { styleOverrides: { root: {
+				borderRadius: o("radius"),
+				color: o("muted"),
+				"&:hover": {
+					color: o("primary"),
+					background: o("primary-soft")
+				},
+				"&.Mui-focusVisible": {
+					outline: `3px solid ${o("focus")}`,
+					outlineOffset: 2
+				},
+				"@media(pointer:coarse)": {
+					minWidth: 44,
+					minHeight: 44
+				}
+			} } },
+			MuiMenu: { styleOverrides: {
+				paper: {
+					border: `1px solid ${o("border")}`,
+					borderRadius: o("radius-large"),
+					boxShadow: o("shadow")
+				},
+				list: { padding: 5 }
+			} },
+			MuiMenuItem: { styleOverrides: { root: {
+				fontSize: 13,
+				borderRadius: 6,
+				minHeight: 36,
+				"&:hover,&.Mui-selected,&.Mui-focusVisible": {
+					color: o("primary-hover"),
+					background: o("primary-soft")
+				},
+				"@media(pointer:coarse)": { minHeight: 44 }
+			} } },
+			MuiButton: { styleOverrides: { root: {
+				fontSize: 12,
+				borderRadius: o("radius")
+			} } }
+		}
+	});
+}
+function c({ children: a }) {
+	let o = e(), c = t(() => i(s(), { components: {
+		MuiPopover: { defaultProps: {
+			container: o,
+			disableEnforceFocus: !!o
+		} },
+		MuiPopper: { defaultProps: { container: o } }
+	} }), [o]);
+	return /* @__PURE__ */ n(r, {
+		theme: c,
+		children: a
+	});
+}
+//#endregion
+export { c as DataTableTheme };

package/dist/DateInput.js

@@ -0,0 +1,223 @@
+import { useOverlayContainer as e } from "./OverlayContainer.js";
+import { CalendarDays as t, ChevronLeft as n, ChevronRight as r, X as ee } from "lucide-react";
+import { forwardRef as i, useCallback as te, useEffect as a, useId as ne, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import * as u from "@radix-ui/react-popover";
+import { Button as d, Calendar as re, CalendarCell as ie, CalendarGrid as ae, CalendarGridBody as oe, CalendarGridHeader as se, CalendarHeaderCell as ce, Heading as le, I18nProvider as ue } from "react-aria-components";
+import { CalendarDate as de, getLocalTimeZone as f, parseDate as p, today as m } from "@internationalized/date";
+//#region src/DateInput.tsx
+var h = "jc-business-ui-date-input-open", g = i(function({ value: i, onValueChange: p, inputRef: g, inputClassName: b, className: S = "", disabled: C, readOnly: w, required: T, inputMode: fe = "numeric", autoComplete: pe = "off", onFocus: me, onBlur: he, onKeyDown: ge, min: E, max: D, minDate: _e, maxDate: ve, isDateUnavailable: O, onValidationError: ye, ...k }, A) {
+	let j = `ui-date-calendar-${ne().replaceAll(":", "")}`, be = e(), M = o(null), N = o(!1), P = o(!1), F = o(!1), [I, L] = s(!1), [R, z] = s(() => _(i)), [B, V] = s(""), H = v(i), U = v(_e ?? (E === void 0 ? "" : String(E))), W = v(ve ?? (D === void 0 ? "" : String(D))), [G, K] = s(() => H ?? m(f())), q = !!(C || w), xe = te((e) => {
+		M.current = e, x(g, e), x(A, e);
+	}, [g, A]);
+	a(() => {
+		z(_(i)), V(""), M.current?.setCustomValidity("");
+	}, [i]), a(() => {
+		q && L(!1);
+	}, [q]), a(() => {
+		let e = (e) => {
+			e.detail !== j && L(!1);
+		};
+		return document.addEventListener(h, e), () => document.removeEventListener(h, e);
+	}, [j]);
+	function J(e) {
+		if (!(e && q)) {
+			if (e && !I) {
+				document.dispatchEvent(new CustomEvent(h, { detail: j }));
+				let e = H ?? m(f());
+				U && e.compare(U) < 0 && (e = U), W && e.compare(W) > 0 && (e = W), K(e);
+			}
+			L(e);
+		}
+	}
+	function Y(e) {
+		if (!e) return T ? "请选择日期" : "";
+		let t = v(e);
+		return t ? U && t.compare(U) < 0 ? `日期不能早于 ${U}` : W && t.compare(W) > 0 ? `日期不能晚于 ${W}` : O?.(t.toString()) ? "该日期不可选择" : "" : "请输入有效日期（YYYY/MM/DD）";
+	}
+	function X(e) {
+		V(e), M.current?.setCustomValidity(e), ye?.(e || null);
+	}
+	function Z() {
+		if (q) return;
+		let e = R.trim() ? y(R) : "", t = e === null ? "请输入有效日期（YYYY/MM/DD）" : Y(e);
+		X(t), !t && e !== null && (z(_(e)), e !== i && p(e));
+	}
+	function Q(e) {
+		if (q) return;
+		let t = Y(e);
+		X(t), !t && (F.current = !0, p(e), z(_(e)), L(!1));
+	}
+	let $ = m(f()).toString();
+	return /* @__PURE__ */ l(u.Root, {
+		open: I && !q,
+		onOpenChange: J,
+		children: [
+			/* @__PURE__ */ c(u.Anchor, {
+				asChild: !0,
+				children: /* @__PURE__ */ l("span", {
+					className: `ui-date-input${I ? " open" : ""}${S ? ` ${S}` : ""}`,
+					children: [/* @__PURE__ */ c("input", {
+						...k,
+						ref: xe,
+						className: b,
+						type: "text",
+						inputMode: fe,
+						autoComplete: pe,
+						disabled: C,
+						readOnly: w,
+						required: T,
+						value: R,
+						placeholder: k.placeholder ?? "YYYY/MM/DD",
+						"aria-haspopup": "dialog",
+						"aria-expanded": I && !q,
+						"aria-controls": I ? j : void 0,
+						"aria-invalid": B ? !0 : k["aria-invalid"],
+						"aria-describedby": [k["aria-describedby"], B ? `${j}-error` : ""].filter(Boolean).join(" ") || void 0,
+						onFocus: (e) => {
+							me?.(e), !e.defaultPrevented && !N.current && J(!0);
+						},
+						onChange: (e) => {
+							z(e.target.value), B && X("");
+						},
+						onBlur: (e) => {
+							Z(), he?.(e);
+						},
+						onKeyDown: (e) => {
+							ge?.(e), !(e.defaultPrevented || e.nativeEvent.isComposing || e.keyCode === 229 || q) && (e.key === "ArrowDown" && (e.preventDefault(), P.current = !0, J(!0), I && document.getElementById(j)?.querySelector("[role=\"gridcell\"] [tabindex=\"0\"]")?.focus()), e.key === "Enter" && (e.preventDefault(), Z()));
+						}
+					}), /* @__PURE__ */ c("button", {
+						type: "button",
+						className: "ui-date-trigger",
+						disabled: q,
+						tabIndex: -1,
+						"aria-label": "打开日期选择器",
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: () => {
+							P.current = !0, J(!I);
+						},
+						children: /* @__PURE__ */ c(t, {
+							size: 17,
+							"aria-hidden": "true"
+						})
+					})]
+				})
+			}),
+			B && /* @__PURE__ */ c("span", {
+				id: `${j}-error`,
+				className: "ui-form-error",
+				role: "alert",
+				children: B
+			}),
+			/* @__PURE__ */ c(u.Portal, {
+				container: be,
+				children: /* @__PURE__ */ l(u.Content, {
+					id: j,
+					className: "ui-date-calendar",
+					"aria-label": "选择日期",
+					sideOffset: 8,
+					collisionPadding: 12,
+					onOpenAutoFocus: (e) => {
+						e.preventDefault(), P.current && document.getElementById(j)?.querySelector("[role=\"gridcell\"] [tabindex=\"0\"]")?.focus(), P.current = !1;
+					},
+					onCloseAutoFocus: (e) => {
+						e.preventDefault(), F.current &&= (N.current = !0, M.current?.focus(), N.current = !1, !1);
+					},
+					onEscapeKeyDown: () => {
+						F.current = !0;
+					},
+					onInteractOutside: (e) => {
+						M.current?.parentElement?.contains(e.target) && e.preventDefault();
+					},
+					children: [/* @__PURE__ */ c(ue, {
+						locale: "zh-CN",
+						children: /* @__PURE__ */ l(re, {
+							"aria-label": "选择日期",
+							value: H,
+							onChange: (e) => Q(e.toString()),
+							minValue: U ?? void 0,
+							maxValue: W ?? void 0,
+							isDateUnavailable: (e) => O?.(e.toString()) ?? !1,
+							focusedValue: G,
+							onFocusChange: (e) => K(new de(e.year, e.month, e.day)),
+							children: [
+								/* @__PURE__ */ l("header", { children: [
+									/* @__PURE__ */ c(d, {
+										slot: "previous",
+										"aria-label": "上个月",
+										children: /* @__PURE__ */ c(n, { size: 18 })
+									}),
+									/* @__PURE__ */ c(le, {}),
+									/* @__PURE__ */ c(d, {
+										slot: "next",
+										"aria-label": "下个月",
+										children: /* @__PURE__ */ c(r, { size: 18 })
+									})
+								] }),
+								/* @__PURE__ */ l("label", {
+									className: "ui-date-month-jump",
+									children: ["跳转年月", /* @__PURE__ */ c("input", {
+										type: "month",
+										"aria-label": "跳转年月",
+										value: `${G.year.toString().padStart(4, "0")}-${String(G.month).padStart(2, "0")}`,
+										min: U?.toString().slice(0, 7),
+										max: W?.toString().slice(0, 7),
+										onChange: (e) => {
+											let t = v(`${e.target.value}-01`);
+											t && K(U && t.compare(U) < 0 ? U : W && t.compare(W) > 0 ? W : t);
+										}
+									})]
+								}),
+								/* @__PURE__ */ l(ae, {
+									className: "ui-aria-calendar-grid",
+									children: [/* @__PURE__ */ c(se, { children: (e) => /* @__PURE__ */ c(ce, { children: e }) }), /* @__PURE__ */ c(oe, { children: (e) => /* @__PURE__ */ c(ie, {
+										date: e,
+										"data-date": e.toString()
+									}) })]
+								})
+							]
+						})
+					}), /* @__PURE__ */ l("footer", { children: [/* @__PURE__ */ l("button", {
+						type: "button",
+						className: "ui-date-clear",
+						disabled: !i || T,
+						onClick: () => Q(""),
+						children: [/* @__PURE__ */ c(ee, { size: 14 }), "清除"]
+					}), /* @__PURE__ */ c("button", {
+						type: "button",
+						className: "ui-date-today",
+						disabled: !!Y($),
+						onClick: () => Q($),
+						children: "今天"
+					})] })]
+				})
+			})
+		]
+	});
+});
+function _(e) {
+	return /^\d{4}-\d{2}-\d{2}$/.test(e) ? e.replaceAll("-", "/") : e;
+}
+function v(e) {
+	let t = y(e);
+	return t ? p(t) : null;
+}
+function y(e) {
+	let t = e.trim().match(/^(\d{4})[/.\-](\d{1,2})[/.\-](\d{1,2})$/);
+	if (!t || Number(t[1]) < 1) return null;
+	let n = `${t[1]}-${t[2].padStart(2, "0")}-${t[3].padStart(2, "0")}`;
+	try {
+		return p(n).toString();
+	} catch {
+		return null;
+	}
+}
+function b(e, t) {
+	let n = new Date(e, t, 1), r = new Date(e, t, 1 - n.getDay());
+	return Array.from({ length: 42 }, (e, t) => ({ date: new Date(r.getFullYear(), r.getMonth(), r.getDate() + t) }));
+}
+function x(e, t) {
+	typeof e == "function" ? e(t) : e && (e.current = t);
+}
+//#endregion
+export { g as DateInput, b as calendarDays, y as parseDate };

package/dist/DropdownMenu.js

@@ -0,0 +1,130 @@
+import { buttonClassName as e } from "./Button.js";
+import { useOverlayContainer as t } from "./OverlayContainer.js";
+import { Check as n, ChevronRight as r } from "lucide-react";
+import { createElement as i, useId as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Button as l, Header as u, Menu as d, MenuItem as f, MenuSection as p, MenuTrigger as m, Popover as h, Separator as g, SubmenuTrigger as _ } from "react-aria-components";
+//#region src/DropdownMenu.tsx
+function v({ trigger: n, triggerLabel: r, triggerVariant: i = "secondary", triggerSize: o = "default", items: u, menuLabel: f, triggerRef: p, triggerProps: g, menuRef: _, menuProps: v, placement: b = "bottom start", portalContainer: S, disabled: C = !1, className: w = "", selectionMode: T = "none", selectedKeys: E, defaultSelectedKeys: D, onSelectionChange: O }) {
+	let k = v?.["aria-label"] ?? f, A = t(S), j = a(), M = T === "none" ? { selectionMode: T } : {
+		selectionMode: T,
+		selectedKeys: E,
+		defaultSelectedKeys: D,
+		onSelectionChange: O ? (e) => O(x(e)) : void 0
+	};
+	return /* @__PURE__ */ c(m, { children: [/* @__PURE__ */ s(l, {
+		...g,
+		ref: p,
+		className: e({
+			variant: i,
+			size: o
+		}),
+		"aria-label": g?.["aria-label"] ?? r,
+		isDisabled: C,
+		children: n
+	}), /* @__PURE__ */ c(h, {
+		className: `ui-dropdown-popover ${w}`.trim(),
+		"data-ui-aria-overlay": "",
+		placement: b,
+		UNSTABLE_portalContainer: A,
+		children: [k === void 0 ? null : /* @__PURE__ */ s("span", {
+			id: j,
+			className: "ui-visually-hidden",
+			children: k
+		}), /* @__PURE__ */ s(d, {
+			...v,
+			...M,
+			ref: _,
+			className: "ui-dropdown-menu",
+			"aria-label": k === void 0 ? r ?? "操作菜单" : void 0,
+			"aria-labelledby": k === void 0 ? v?.["aria-labelledby"] : j,
+			children: y(u, M, A)
+		})]
+	})] });
+}
+function y(e, t, n) {
+	return e.map((e) => e.type === "separator" ? /* @__PURE__ */ s(g, { className: "ui-dropdown-separator" }, e.id) : e.type === "group" ? /* @__PURE__ */ c(p, {
+		className: "ui-dropdown-group",
+		children: [e.label === void 0 ? null : /* @__PURE__ */ s(u, {
+			className: "ui-dropdown-header",
+			children: e.label
+		}), y(e.items, t, n)]
+	}, e.id) : e.type === "submenu" ? /* @__PURE__ */ c(_, { children: [/* @__PURE__ */ s(f, {
+		...e.itemProps,
+		ref: S(e.current, e.itemRef),
+		id: e.id,
+		textValue: e.textValue,
+		isDisabled: e.disabled,
+		"aria-current": e.current,
+		className: "ui-dropdown-item",
+		children: (t) => /* @__PURE__ */ s(b, {
+			item: e,
+			selected: t.isSelected,
+			fallbackEnd: /* @__PURE__ */ s(r, {
+				size: 15,
+				"aria-hidden": "true"
+			})
+		})
+	}), /* @__PURE__ */ s(h, {
+		className: "ui-dropdown-popover",
+		"data-ui-aria-overlay": "",
+		placement: "right top",
+		UNSTABLE_portalContainer: n,
+		children: /* @__PURE__ */ s(d, {
+			...t,
+			className: "ui-dropdown-menu",
+			"aria-label": e.textValue,
+			children: y(e.items, t, n)
+		})
+	})] }, e.id) : /* @__PURE__ */ i(f, {
+		...e.itemProps,
+		key: e.id,
+		ref: S(e.current, e.itemRef),
+		id: e.id,
+		textValue: e.textValue,
+		isDisabled: e.disabled,
+		"aria-current": e.current,
+		onAction: e.onAction,
+		className: `ui-dropdown-item${e.dangerous ? " dangerous" : ""}`
+	}, (t) => /* @__PURE__ */ s(b, {
+		item: e,
+		selected: t.isSelected
+	})));
+}
+function b({ item: e, selected: t, fallbackEnd: r }) {
+	let i = e.selectedIcon ?? /* @__PURE__ */ s(n, {
+		size: 15,
+		"aria-hidden": "true"
+	});
+	return /* @__PURE__ */ c(o, { children: [
+		e.startIcon === void 0 ? null : /* @__PURE__ */ s("span", {
+			className: "ui-dropdown-item-icon",
+			"aria-hidden": "true",
+			children: e.startIcon
+		}),
+		/* @__PURE__ */ s("span", {
+			className: "ui-dropdown-item-label",
+			children: e.label
+		}),
+		e.endSlot === void 0 ? null : /* @__PURE__ */ s("span", {
+			className: "ui-dropdown-item-status",
+			children: e.endSlot
+		}),
+		t ? /* @__PURE__ */ s("span", {
+			className: "ui-dropdown-item-selected",
+			"aria-hidden": "true",
+			children: i
+		}) : r
+	] });
+}
+function x(e) {
+	return e === "all" ? e : new Set([...e].map(String));
+}
+function S(e, t) {
+	return (n) => {
+		n && (e === void 0 ? n.removeAttribute("aria-current") : n.setAttribute("aria-current", String(e))), typeof t == "function" ? t(n) : t && (t.current = n);
+	};
+}
+var C = v;
+//#endregion
+export { v as DropdownMenu, C as Menu };

package/dist/EmptyState.js

@@ -0,0 +1,27 @@
+import { Inbox as e } from "lucide-react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/EmptyState.tsx
+function r({ icon: r, title: i, description: a, action: o, compact: s = !1, className: c = "", ...l }) {
+	return /* @__PURE__ */ n("div", {
+		...l,
+		className: `ui-empty-state${s ? " compact" : ""} ${c}`.trim(),
+		children: [
+			/* @__PURE__ */ t("div", {
+				className: "ui-empty-icon",
+				"aria-hidden": "true",
+				children: r ?? /* @__PURE__ */ t(e, { size: 24 })
+			}),
+			/* @__PURE__ */ t("strong", { children: i }),
+			a === void 0 ? null : /* @__PURE__ */ t("div", {
+				className: "ui-empty-description",
+				children: a
+			}),
+			o === void 0 ? null : /* @__PURE__ */ t("div", {
+				className: "ui-empty-action",
+				children: o
+			})
+		]
+	});
+}
+//#endregion
+export { r as EmptyState };