@owodesign/owoui 0.1.7-beta2 → 0.1.8

package/dist/index.min.js

@@ -345,50 +345,50 @@ var N = {
 	pulse: A,
 	orbit: j,
 	flow: M
-}, ee = new Set([
+}, P = new Set([
 	"ring",
 	"arc",
 	"dots"
 ]);
-function P({ variant: e = "ring", size: t = "md", className: n, label: r }) {
+function F({ variant: e = "ring", size: t = "md", className: n, label: r }) {
 	let i = typeof t == "number" ? t : w[t], a = N[e];
 	return /* @__PURE__ */ p("span", {
 		"aria-hidden": !r,
 		"aria-label": r,
 		role: r ? "img" : void 0,
-		"data-animate": ee.has(e) ? "spin" : void 0,
+		"data-animate": P.has(e) ? "spin" : void 0,
 		className: _("owo-spinner", C.root, n),
 		children: /* @__PURE__ */ p(a, { px: i })
 	});
 }
-var F = {
+var I = {
 	root: "_root_yhdgl_1",
 	icon: "_icon_yhdgl_83",
 	label: "_label_yhdgl_95"
 };
 //#endregion
 //#region src/components/Button.tsx
-function I({ className: e }) {
-	return _("owo-button", F.root, e);
+function L({ className: e }) {
+	return _("owo-button", I.root, e);
 }
-function L(e) {
+function R(e) {
 	let { variant: t = "secondary", size: n = "md", loading: r = !1, leadingIcon: i, trailingIcon: a, className: o, children: s, ...c } = e, l = /* @__PURE__ */ m(f, { children: [
 		r ? /* @__PURE__ */ p("span", {
-			className: F.icon,
-			children: /* @__PURE__ */ p(P, { size: n === "xs" ? "xs" : n === "sm" ? "sm" : n === "xl" ? "lg" : "md" })
+			className: I.icon,
+			children: /* @__PURE__ */ p(F, { size: n === "xs" ? "xs" : n === "sm" ? "sm" : n === "xl" ? "lg" : "md" })
 		}) : i ? /* @__PURE__ */ p("span", {
-			className: F.icon,
+			className: I.icon,
 			children: i
 		}) : null,
 		/* @__PURE__ */ p("span", {
-			className: F.label,
+			className: I.label,
 			children: s
 		}),
 		!r && a ? /* @__PURE__ */ p("span", {
-			className: F.icon,
+			className: I.icon,
 			children: a
 		}) : null
-	] }), u = I({
+	] }), u = L({
 		variant: t,
 		size: n,
 		loading: r,
@@ -421,28 +421,149 @@ function L(e) {
 		children: l
 	});
 }
-var R = {
+//#endregion
+//#region src/contexts/FieldContext.ts
+var z = n(void 0);
+function ee() {
+	return a(z);
+}
+//#endregion
+//#region src/hooks/useAccessibilityGuard.ts
+function B({ componentName: e, ariaLabel: t, labelledBy: n, hasVisibleLabel: r = !1, disabled: i = !1 }) {
+	o(() => {
+		process.env.NODE_ENV !== "production" && (i || t || n || r || console.warn(`${e} requires an accessible name when used outside Field. Provide ariaLabel or wrap it in Field.`));
+	}, [
+		t,
+		e,
+		i,
+		r,
+		n
+	]);
+}
+//#endregion
+//#region src/hooks/useFieldProps.ts
+function V(e) {
+	let t = ee();
+	return {
+		id: e.id ?? t?.controlId,
+		disabled: e.disabled ?? t?.disabled ?? !1,
+		required: e.required ?? t?.required ?? !1,
+		invalid: e.invalid ?? t?.invalid ?? !1,
+		"aria-describedby": e["aria-describedby"] ?? t?.describedBy
+	};
+}
+//#endregion
+//#region src/hooks/useControllableState.ts
+function H({ value: e, defaultValue: t, onChange: n, fallback: r, isControlled: i }) {
+	let [a, o] = d(t ?? r), s = i ?? e !== void 0, c = s ? e : a;
+	function l(e) {
+		s || o(e), n?.(e);
+	}
+	return [c, l];
+}
+var U = {
+	root: "_root_ypadq_1",
+	input: "_input_ypadq_15",
+	control: "_control_ypadq_28",
+	icon: "_icon_ypadq_91",
+	label: "_label_ypadq_108"
+};
+//#endregion
+//#region src/components/Checkbox.tsx
+function te({ checked: e, defaultChecked: t, onCheckedChange: n, indeterminate: r = !1, disabled: i, required: a, invalid: s, name: c, value: l = "on", id: d, size: f = "md", className: h, ariaLabel: g, children: v, "aria-describedby": y }) {
+	let b = ee(), [x, S] = H({
+		value: e,
+		defaultValue: t,
+		onChange: n,
+		fallback: !1
+	}), C = V({
+		id: d,
+		disabled: i,
+		required: a,
+		invalid: s,
+		"aria-describedby": y
+	});
+	B({
+		componentName: "Checkbox",
+		ariaLabel: g,
+		labelledBy: b?.labelId,
+		hasVisibleLabel: v != null,
+		disabled: C.disabled
+	});
+	let w = u(null);
+	o(() => {
+		w.current && (w.current.indeterminate = r);
+	}, [r]);
+	let T = r ? "indeterminate" : x ? "checked" : "unchecked", E = T === "indeterminate" ? "M4 8h8" : "M3.5 8.5l3 3 6-7";
+	return /* @__PURE__ */ m("label", {
+		"data-scope": "checkbox",
+		"data-state": T,
+		"data-disabled": C.disabled || void 0,
+		"data-invalid": C.invalid || void 0,
+		className: _("owo-checkbox", U.root, h),
+		children: [
+			/* @__PURE__ */ p("input", {
+				ref: w,
+				id: C.id,
+				type: "checkbox",
+				name: c,
+				value: l,
+				checked: x,
+				disabled: C.disabled,
+				required: C.required,
+				"aria-label": g,
+				"aria-describedby": C["aria-describedby"],
+				"aria-invalid": C.invalid || void 0,
+				"aria-checked": r ? "mixed" : x,
+				className: U.input,
+				onChange: (e) => {
+					C.disabled || S(e.target.checked);
+				}
+			}),
+			/* @__PURE__ */ p("span", {
+				"data-scope": "checkbox",
+				"data-part": "control",
+				"data-state": T,
+				"data-size": f,
+				className: U.control,
+				children: /* @__PURE__ */ p("svg", {
+					"aria-hidden": "true",
+					viewBox: "0 0 16 16",
+					className: U.icon,
+					children: /* @__PURE__ */ p("path", { d: E })
+				})
+			}),
+			v != null && /* @__PURE__ */ p("span", {
+				"data-scope": "checkbox",
+				"data-part": "label",
+				className: U.label,
+				children: v
+			})
+		]
+	});
+}
+var W = {
 	root: "_root_bx150_1",
 	triggerInner: "_triggerInner_bx150_27",
 	triggerIcon: "_triggerIcon_bx150_34",
 	triggerIndicator: "_triggerIndicator_bx150_35",
 	triggerLabel: "_triggerLabel_bx150_44",
 	contentInner: "_contentInner_bx150_50"
-}, te = n(null);
-function ne(e) {
-	let t = a(te);
+}, G = n(null);
+function K(e) {
+	let t = a(G);
 	if (!t) throw Error(`${e} must be used within Collapsible.Root`);
 	return t;
 }
-function z({ open: e, defaultOpen: t, onOpenChange: n }) {
+function ne({ open: e, defaultOpen: t, onOpenChange: n }) {
 	let [r, i] = d(t ?? !1), a = e !== void 0, o = a ? e : r;
 	function s(e) {
 		a || i(e), n?.(e);
 	}
 	return [o, s];
 }
-function B({ children: e, open: t, defaultOpen: n, onOpenChange: r, classNames: i, className: a, ...o }) {
-	let [c, u] = z({
+function q({ children: e, open: t, defaultOpen: n, onOpenChange: r, classNames: i, className: a, ...o }) {
+	let [c, u] = ne({
 		open: t,
 		defaultOpen: n,
 		onOpenChange: r
@@ -457,43 +578,43 @@ function B({ children: e, open: t, defaultOpen: n, onOpenChange: r, classNames:
 		u,
 		i
 	]);
-	return /* @__PURE__ */ p(te.Provider, {
+	return /* @__PURE__ */ p(G.Provider, {
 		value: f,
 		children: /* @__PURE__ */ p("div", {
 			"data-state": c ? "open" : "closed",
 			"data-scope": "collapsible",
-			className: _("owo-collapsible", R.root, a),
+			className: _("owo-collapsible", W.root, a),
 			...o,
 			children: e
 		})
 	});
 }
-function re({ children: e, icon: t, indicator: n, iconPosition: r = "start", className: i, onClick: a, ...o }) {
-	let { open: s, setOpen: c, contentId: l, classNames: u } = ne("Collapsible.Trigger"), d = t !== void 0 || n !== void 0 ? /* @__PURE__ */ m("span", {
+function J({ children: e, icon: t, indicator: n, iconPosition: r = "start", className: i, onClick: a, ...o }) {
+	let { open: s, setOpen: c, contentId: l, classNames: u } = K("Collapsible.Trigger"), d = t !== void 0 || n !== void 0 ? /* @__PURE__ */ m("span", {
 		"data-part": "triggerInner",
-		className: _(R.triggerInner, u?.triggerInner),
+		className: _(W.triggerInner, u?.triggerInner),
 		children: [
 			t && r === "start" ? /* @__PURE__ */ p("span", {
 				"data-part": "triggerIcon",
 				"aria-hidden": "true",
-				className: _(R.triggerIcon, u?.triggerIcon),
+				className: _(W.triggerIcon, u?.triggerIcon),
 				children: t
 			}) : null,
 			/* @__PURE__ */ p("span", {
 				"data-part": "triggerLabel",
-				className: _(R.triggerLabel, u?.triggerLabel),
+				className: _(W.triggerLabel, u?.triggerLabel),
 				children: e
 			}),
 			t && r === "end" ? /* @__PURE__ */ p("span", {
 				"data-part": "triggerIcon",
 				"aria-hidden": "true",
-				className: _(R.triggerIcon, u?.triggerIcon),
+				className: _(W.triggerIcon, u?.triggerIcon),
 				children: t
 			}) : null,
 			n ? /* @__PURE__ */ p("span", {
 				"data-part": "triggerIndicator",
 				"aria-hidden": "true",
-				className: _(R.triggerIndicator, u?.triggerIndicator),
+				className: _(W.triggerIndicator, u?.triggerIndicator),
 				children: n
 			}) : null
 		]
@@ -513,8 +634,8 @@ function re({ children: e, icon: t, indicator: n, iconPosition: r = "start", cla
 		children: d
 	});
 }
-function V({ children: e, className: t, ...n }) {
-	let { open: r, contentId: i, classNames: a } = ne("Collapsible.Content"), [s, c] = d(r), l = u(null), f = u(null);
+function Y({ children: e, className: t, ...n }) {
+	let { open: r, contentId: i, classNames: a } = K("Collapsible.Content"), [s, c] = d(r), l = u(null), f = u(null);
 	return o(() => {
 		let e = l.current, t = f.current;
 		if (!e || !t) return;
@@ -551,21 +672,21 @@ function V({ children: e, className: t, ...n }) {
 		children: /* @__PURE__ */ p("div", {
 			ref: f,
 			"data-part": "contentInner",
-			className: _(R.contentInner, a?.contentInner),
+			className: _(W.contentInner, a?.contentInner),
 			children: e
 		})
 	});
 }
-var ie = Object.assign(B, {
-	Root: B,
-	Trigger: re,
-	Content: V
-}), H = "_overlay_1p0ee_1", ae = "_panel_1p0ee_19", oe = "_confirmDescription_1p0ee_64", U = {
-	overlay: H,
+var X = Object.assign(q, {
+	Root: q,
+	Trigger: J,
+	Content: Y
+}), re = "_overlay_1p0ee_1", ie = "_panel_1p0ee_19", ae = "_confirmDescription_1p0ee_64", oe = {
+	overlay: re,
 	"dialog-backdrop-in": "_dialog-backdrop-in_1p0ee_1",
-	panel: ae,
+	panel: ie,
 	"dialog-in": "_dialog-in_1p0ee_1",
-	confirmDescription: oe
+	confirmDescription: ae
 }, se = n(void 0);
 function ce({ className: e, children: t, ...n }) {
 	let r = a(se);
@@ -597,7 +718,7 @@ function ue({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-function W({ open: e, onClose: t, size: n = "sm", children: r, className: a, overlayClassName: s, panelClassName: c, classNames: l, ...d }) {
+function de({ open: e, onClose: t, size: n = "sm", children: r, className: a, overlayClassName: s, panelClassName: c, classNames: l, ...d }) {
 	let f = u(null), h = u(null), g = i((e) => {
 		e.key === "Escape" && (e.stopPropagation(), t());
 	}, [t]);
@@ -614,7 +735,7 @@ function W({ open: e, onClose: t, size: n = "sm", children: r, className: a, ove
 			"data-state": "open",
 			"data-scope": "dialog",
 			"data-part": "overlay",
-			className: _("owo-dialog-overlay", U.overlay, l?.overlay),
+			className: _("owo-dialog-overlay", oe.overlay, l?.overlay),
 			children: [/* @__PURE__ */ p("button", {
 				type: "button",
 				"aria-label": "Close dialog",
@@ -630,23 +751,23 @@ function W({ open: e, onClose: t, size: n = "sm", children: r, className: a, ove
 				tabIndex: -1,
 				"data-state": "open",
 				"data-size": n,
-				className: _("owo-dialog", U.panel, c, a),
+				className: _("owo-dialog", oe.panel, c, a),
 				...d,
 				children: r
 			})]
 		})
 	}) : null;
 }
-W.Header = ce, W.Body = le, W.Footer = ue;
+de.Header = ce, de.Body = le, de.Footer = ue;
 //#endregion
 //#region src/components/ConfirmDialog.tsx
-var de = n(null);
-function fe() {
-	let e = a(de);
+var fe = n(null);
+function pe() {
+	let e = a(fe);
 	if (!e) throw Error("useConfirm must be used within <ConfirmProvider>");
 	return e;
 }
-function pe({ children: e }) {
+function me({ children: e }) {
 	let [t, n] = d(null), r = u(null), a = i((e) => (r.current && r.current.resolve(!1), new Promise((t) => {
 		let i = {
 			options: e,
@@ -656,23 +777,23 @@ function pe({ children: e }) {
 	})), []), o = i((e) => {
 		r.current &&= (r.current.resolve(e), null), n(null);
 	}, []);
-	return /* @__PURE__ */ m(de.Provider, {
+	return /* @__PURE__ */ m(fe.Provider, {
 		value: a,
-		children: [e, /* @__PURE__ */ p(W, {
+		children: [e, /* @__PURE__ */ p(de, {
 			open: t !== null,
 			onClose: () => o(!1),
 			children: t && /* @__PURE__ */ m(f, { children: [
-				/* @__PURE__ */ p(W.Header, { children: t.options.title }),
-				/* @__PURE__ */ p(W.Body, { children: typeof t.options.description == "string" ? /* @__PURE__ */ p("p", {
-					className: U.confirmDescription,
+				/* @__PURE__ */ p(de.Header, { children: t.options.title }),
+				/* @__PURE__ */ p(de.Body, { children: typeof t.options.description == "string" ? /* @__PURE__ */ p("p", {
+					className: oe.confirmDescription,
 					children: t.options.description
 				}) : t.options.description }),
-				/* @__PURE__ */ m(W.Footer, { children: [/* @__PURE__ */ p(L, {
+				/* @__PURE__ */ m(de.Footer, { children: [/* @__PURE__ */ p(R, {
 					variant: "ghost",
 					size: "sm",
 					onClick: () => o(!1),
 					children: t.options.cancelLabel ?? "取消"
-				}), /* @__PURE__ */ p(L, {
+				}), /* @__PURE__ */ p(R, {
 					variant: t.options.variant ?? "primary",
 					size: "sm",
 					onClick: () => o(!0),
@@ -684,22 +805,22 @@ function pe({ children: e }) {
 }
 //#endregion
 //#region node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
-var me = Math.min, he = Math.max, ge = Math.round, _e = Math.floor, G = (e) => ({
+var he = Math.min, ge = Math.max, _e = Math.round, ve = Math.floor, Z = (e) => ({
 	x: e,
 	y: e
-}), ve = {
+}), ye = {
 	left: "right",
 	right: "left",
 	bottom: "top",
 	top: "bottom"
 };
-function ye(e, t, n) {
-	return he(e, me(t, n));
+function be(e, t, n) {
+	return ge(e, he(t, n));
 }
-function be(e, t) {
+function xe(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function xe(e) {
+function Q(e) {
 	return e.split("-")[0];
 }
 function Se(e) {
@@ -711,48 +832,48 @@ function Ce(e) {
 function we(e) {
 	return e === "y" ? "height" : "width";
 }
-function K(e) {
+function Te(e) {
 	let t = e[0];
 	return t === "t" || t === "b" ? "y" : "x";
 }
-function Te(e) {
-	return Ce(K(e));
+function Ee(e) {
+	return Ce(Te(e));
 }
-function Ee(e, t, n) {
+function De(e, t, n) {
 	n === void 0 && (n = !1);
-	let r = Se(e), i = Te(e), a = we(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-	return t.reference[a] > t.floating[a] && (o = Fe(o)), [o, Fe(o)];
+	let r = Se(e), i = Ee(e), a = we(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	return t.reference[a] > t.floating[a] && (o = Ie(o)), [o, Ie(o)];
 }
-function De(e) {
-	let t = Fe(e);
+function Oe(e) {
+	let t = Ie(e);
 	return [
-		Oe(e),
+		ke(e),
 		t,
-		Oe(t)
+		ke(t)
 	];
 }
-function Oe(e) {
+function ke(e) {
 	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
 }
-var ke = ["left", "right"], Ae = ["right", "left"], je = ["top", "bottom"], Me = ["bottom", "top"];
-function Ne(e, t, n) {
+var Ae = ["left", "right"], je = ["right", "left"], Me = ["top", "bottom"], Ne = ["bottom", "top"];
+function Pe(e, t, n) {
 	switch (e) {
 		case "top":
-		case "bottom": return n ? t ? Ae : ke : t ? ke : Ae;
+		case "bottom": return n ? t ? je : Ae : t ? Ae : je;
 		case "left":
-		case "right": return t ? je : Me;
+		case "right": return t ? Me : Ne;
 		default: return [];
 	}
 }
-function Pe(e, t, n, r) {
-	let i = Se(e), a = Ne(xe(e), n === "start", r);
-	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(Oe)))), a;
-}
-function Fe(e) {
-	let t = xe(e);
-	return ve[t] + e.slice(t.length);
+function Fe(e, t, n, r) {
+	let i = Se(e), a = Pe(Q(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(ke)))), a;
 }
 function Ie(e) {
+	let t = Q(e);
+	return ye[t] + e.slice(t.length);
+}
+function Le(e) {
 	return {
 		top: 0,
 		right: 0,
@@ -761,15 +882,15 @@ function Ie(e) {
 		...e
 	};
 }
-function Le(e) {
+function Re(e) {
 	return typeof e == "number" ? {
 		top: e,
 		right: e,
 		bottom: e,
 		left: e
-	} : Ie(e);
+	} : Le(e);
 }
-function Re(e) {
+function ze(e) {
 	let { x: t, y: n, width: r, height: i } = e;
 	return {
 		width: r,
@@ -784,8 +905,8 @@ function Re(e) {
 }
 //#endregion
 //#region node_modules/@floating-ui/core/dist/floating-ui.core.mjs
-function ze(e, t, n) {
-	let { reference: r, floating: i } = e, a = K(t), o = Te(t), s = we(o), c = xe(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
+function Be(e, t, n) {
+	let { reference: r, floating: i } = e, a = Te(t), o = Ee(t), s = we(o), c = Q(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
 	switch (c) {
 		case "top":
 			p = {
@@ -826,9 +947,9 @@ function ze(e, t, n) {
 	}
 	return p;
 }
-async function Be(e, t) {
+async function Ve(e, t) {
 	t === void 0 && (t = {});
-	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = be(t, e), p = Le(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = Re(await i.getClippingRect({
+	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = xe(t, e), p = Re(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = ze(await i.getClippingRect({
 		element: await (i.isElement == null ? void 0 : i.isElement(m)) ?? !0 ? m : m.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(o.floating)),
 		boundary: c,
 		rootBoundary: l,
@@ -841,7 +962,7 @@ async function Be(e, t) {
 	} : a.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(o.floating)), v = await (i.isElement == null ? void 0 : i.isElement(_)) && await (i.getScale == null ? void 0 : i.getScale(_)) || {
 		x: 1,
 		y: 1
-	}, y = Re(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+	}, y = ze(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
 		elements: o,
 		rect: g,
 		offsetParent: _,
@@ -854,15 +975,15 @@ async function Be(e, t) {
 		right: (y.right - h.right + p.right) / v.x
 	};
 }
-var Ve = 50, He = async (e, t, n) => {
+var He = 50, Ue = async (e, t, n) => {
 	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
 		...o,
-		detectOverflow: Be
+		detectOverflow: Ve
 	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
 		reference: e,
 		floating: t,
 		strategy: i
-	}), { x: u, y: d } = ze(l, r, c), f = r, p = 0, m = {};
+	}), { x: u, y: d } = Be(l, r, c), f = r, p = 0, m = {};
 	for (let n = 0; n < a.length; n++) {
 		let h = a[n];
 		if (!h) continue;
@@ -883,11 +1004,11 @@ var Ve = 50, He = async (e, t, n) => {
 		u = v ?? u, d = y ?? d, m[g] = {
 			...m[g],
 			...b
-		}, x && p < Ve && (p++, typeof x == "object" && (x.placement && (f = x.placement), x.rects && (l = x.rects === !0 ? await o.getElementRects({
+		}, x && p < He && (p++, typeof x == "object" && (x.placement && (f = x.placement), x.rects && (l = x.rects === !0 ? await o.getElementRects({
 			reference: e,
 			floating: t,
 			strategy: i
-		}) : x.rects), {x: u, y: d} = ze(l, f, c)), n = -1);
+		}) : x.rects), {x: u, y: d} = Be(l, f, c)), n = -1);
 	}
 	return {
 		x: u,
@@ -896,18 +1017,18 @@ var Ve = 50, He = async (e, t, n) => {
 		strategy: i,
 		middlewareData: m
 	};
-}, Ue = (e) => ({
+}, We = (e) => ({
 	name: "arrow",
 	options: e,
 	async fn(t) {
-		let { x: n, y: r, placement: i, rects: a, platform: o, elements: s, middlewareData: c } = t, { element: l, padding: u = 0 } = be(e, t) || {};
+		let { x: n, y: r, placement: i, rects: a, platform: o, elements: s, middlewareData: c } = t, { element: l, padding: u = 0 } = xe(e, t) || {};
 		if (l == null) return {};
-		let d = Le(u), f = {
+		let d = Re(u), f = {
 			x: n,
 			y: r
-		}, p = Te(i), m = we(p), h = await o.getDimensions(l), g = p === "y", _ = g ? "top" : "left", v = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", b = a.reference[m] + a.reference[p] - f[p] - a.floating[m], x = f[p] - a.reference[p], S = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l)), C = S ? S[y] : 0;
+		}, p = Ee(i), m = we(p), h = await o.getDimensions(l), g = p === "y", _ = g ? "top" : "left", v = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", b = a.reference[m] + a.reference[p] - f[p] - a.floating[m], x = f[p] - a.reference[p], S = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l)), C = S ? S[y] : 0;
 		(!C || !await (o.isElement == null ? void 0 : o.isElement(S))) && (C = s.floating[y] || a.floating[m]);
-		let w = b / 2 - x / 2, T = C / 2 - h[m] / 2 - 1, E = me(d[_], T), D = me(d[v], T), O = E, k = C - h[m] - D, A = C / 2 - h[m] / 2 + w, j = ye(O, A, k), M = !c.arrow && Se(i) != null && A !== j && a.reference[m] / 2 - (A < O ? E : D) - h[m] / 2 < 0, N = M ? A < O ? A - O : A - k : 0;
+		let w = b / 2 - x / 2, T = C / 2 - h[m] / 2 - 1, E = he(d[_], T), D = he(d[v], T), O = E, k = C - h[m] - D, A = C / 2 - h[m] / 2 + w, j = be(O, A, k), M = !c.arrow && Se(i) != null && A !== j && a.reference[m] / 2 - (A < O ? E : D) - h[m] / 2 < 0, N = M ? A < O ? A - O : A - k : 0;
 		return {
 			[p]: f[p] + N,
 			data: {
@@ -918,19 +1039,19 @@ var Ve = 50, He = async (e, t, n) => {
 			reset: M
 		};
 	}
-}), We = function(e) {
+}), Ge = function(e) {
 	return e === void 0 && (e = {}), {
 		name: "flip",
 		options: e,
 		async fn(t) {
 			var n;
-			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = be(e, t);
+			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = xe(e, t);
 			if ((n = i.arrow) != null && n.alignmentOffset) return {};
-			let g = xe(r), _ = K(o), v = xe(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [Fe(o)] : De(o)), x = p !== "none";
-			!d && x && b.push(...Pe(o, m, p, y));
+			let g = Q(r), _ = Te(o), v = Q(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [Ie(o)] : Oe(o)), x = p !== "none";
+			!d && x && b.push(...Fe(o, m, p, y));
 			let S = [o, ...b], C = await s.detectOverflow(t, h), w = [], T = i.flip?.overflows || [];
 			if (l && w.push(C[g]), u) {
-				let e = Ee(r, a, y);
+				let e = De(r, a, y);
 				w.push(C[e[0]], C[e[1]]);
 			}
 			if (T = [...T, {
@@ -938,7 +1059,7 @@ var Ve = 50, He = async (e, t, n) => {
 				overflows: w
 			}], !w.every((e) => e <= 0)) {
 				let e = (i.flip?.index || 0) + 1, t = S[e];
-				if (t && (!(u === "alignment" && _ !== K(t)) || T.every((e) => K(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
+				if (t && (!(u === "alignment" && _ !== Te(t)) || T.every((e) => Te(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
 					data: {
 						index: e,
 						overflows: T
@@ -950,7 +1071,7 @@ var Ve = 50, He = async (e, t, n) => {
 					case "bestFit": {
 						let e = T.filter((e) => {
 							if (x) {
-								let t = K(e.placement);
+								let t = Te(e.placement);
 								return t === _ || t === "y";
 							}
 							return !0;
@@ -967,9 +1088,9 @@ var Ve = 50, He = async (e, t, n) => {
 			return {};
 		}
 	};
-}, Ge = /* @__PURE__ */ new Set(["left", "top"]);
-async function Ke(e, t) {
-	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = xe(n), s = Se(n), c = K(n) === "y", l = Ge.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = be(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
+}, Ke = /* @__PURE__ */ new Set(["left", "top"]);
+async function qe(e, t) {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = Q(n), s = Se(n), c = Te(n) === "y", l = Ke.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = xe(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
 		mainAxis: d,
 		crossAxis: 0,
 		alignmentAxis: null
@@ -986,13 +1107,13 @@ async function Ke(e, t) {
 		y: p * u
 	};
 }
-var qe = function(e) {
+var Je = function(e) {
 	return e === void 0 && (e = 0), {
 		name: "offset",
 		options: e,
 		async fn(t) {
 			var n;
-			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await Ke(t, e);
+			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await qe(t, e);
 			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
 				x: r + s.x,
 				y: i + s.y,
@@ -1003,7 +1124,7 @@ var qe = function(e) {
 			};
 		}
 	};
-}, Je = function(e) {
+}, Ye = function(e) {
 	return e === void 0 && (e = {}), {
 		name: "shift",
 		options: e,
@@ -1014,17 +1135,17 @@ var qe = function(e) {
 					x: t,
 					y: n
 				};
-			} }, ...l } = be(e, t), u = {
+			} }, ...l } = xe(e, t), u = {
 				x: n,
 				y: r
-			}, d = await a.detectOverflow(t, l), f = K(xe(i)), p = Ce(f), m = u[p], h = u[f];
+			}, d = await a.detectOverflow(t, l), f = Te(Q(i)), p = Ce(f), m = u[p], h = u[f];
 			if (o) {
 				let e = p === "y" ? "top" : "left", t = p === "y" ? "bottom" : "right", n = m + d[e], r = m - d[t];
-				m = ye(n, m, r);
+				m = be(n, m, r);
 			}
 			if (s) {
 				let e = f === "y" ? "top" : "left", t = f === "y" ? "bottom" : "right", n = h + d[e], r = h - d[t];
-				h = ye(n, h, r);
+				h = be(n, h, r);
 			}
 			let g = c.fn({
 				...t,
@@ -1047,39 +1168,39 @@ var qe = function(e) {
 };
 //#endregion
 //#region node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
-function Ye() {
+function Xe() {
 	return typeof window < "u";
 }
-function Xe(e) {
-	return Ze(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function Ze(e) {
+	return et(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function q(e) {
+function Qe(e) {
 	var t;
 	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function J(e) {
-	return ((Ze(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
+function $e(e) {
+	return ((et(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
 }
-function Ze(e) {
-	return Ye() ? e instanceof Node || e instanceof q(e).Node : !1;
+function et(e) {
+	return Xe() ? e instanceof Node || e instanceof Qe(e).Node : !1;
 }
-function Y(e) {
-	return Ye() ? e instanceof Element || e instanceof q(e).Element : !1;
+function tt(e) {
+	return Xe() ? e instanceof Element || e instanceof Qe(e).Element : !1;
 }
-function X(e) {
-	return Ye() ? e instanceof HTMLElement || e instanceof q(e).HTMLElement : !1;
+function nt(e) {
+	return Xe() ? e instanceof HTMLElement || e instanceof Qe(e).HTMLElement : !1;
 }
-function Qe(e) {
-	return !Ye() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof q(e).ShadowRoot;
+function rt(e) {
+	return !Xe() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Qe(e).ShadowRoot;
 }
-function $e(e) {
-	let { overflow: t, overflowX: n, overflowY: r, display: i } = Z(e);
+function it(e) {
+	let { overflow: t, overflowX: n, overflowY: r, display: i } = ht(e);
 	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && i !== "inline" && i !== "contents";
 }
-function et(e) {
-	return /^(table|td|th)$/.test(Xe(e));
+function at(e) {
+	return /^(table|td|th)$/.test(Ze(e));
 }
-function tt(e) {
+function ot(e) {
 	try {
 		if (e.matches(":popover-open")) return !0;
 	} catch {}
@@ -1089,31 +1210,31 @@ function tt(e) {
 		return !1;
 	}
 }
-var nt = /transform|translate|scale|rotate|perspective|filter/, rt = /paint|layout|strict|content/, it = (e) => !!e && e !== "none", at;
-function ot(e) {
-	let t = Y(e) ? Z(e) : e;
-	return it(t.transform) || it(t.translate) || it(t.scale) || it(t.rotate) || it(t.perspective) || !ct() && (it(t.backdropFilter) || it(t.filter)) || nt.test(t.willChange || "") || rt.test(t.contain || "");
-}
-function st(e) {
-	let t = dt(e);
-	for (; X(t) && !lt(t);) {
-		if (ot(t)) return t;
-		if (tt(t)) return null;
-		t = dt(t);
+var st = /transform|translate|scale|rotate|perspective|filter/, ct = /paint|layout|strict|content/, lt = (e) => !!e && e !== "none", ut;
+function dt(e) {
+	let t = tt(e) ? ht(e) : e;
+	return lt(t.transform) || lt(t.translate) || lt(t.scale) || lt(t.rotate) || lt(t.perspective) || !pt() && (lt(t.backdropFilter) || lt(t.filter)) || st.test(t.willChange || "") || ct.test(t.contain || "");
+}
+function ft(e) {
+	let t = _t(e);
+	for (; nt(t) && !mt(t);) {
+		if (dt(t)) return t;
+		if (ot(t)) return null;
+		t = _t(t);
 	}
 	return null;
 }
-function ct() {
-	return at ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), at;
+function pt() {
+	return ut ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), ut;
 }
-function lt(e) {
-	return /^(html|body|#document)$/.test(Xe(e));
+function mt(e) {
+	return /^(html|body|#document)$/.test(Ze(e));
 }
-function Z(e) {
-	return q(e).getComputedStyle(e);
+function ht(e) {
+	return Qe(e).getComputedStyle(e);
 }
-function ut(e) {
-	return Y(e) ? {
+function gt(e) {
+	return tt(e) ? {
 		scrollLeft: e.scrollLeft,
 		scrollTop: e.scrollTop
 	} : {
@@ -1121,101 +1242,101 @@ function ut(e) {
 		scrollTop: e.scrollY
 	};
 }
-function dt(e) {
-	if (Xe(e) === "html") return e;
-	let t = e.assignedSlot || e.parentNode || Qe(e) && e.host || J(e);
-	return Qe(t) ? t.host : t;
+function _t(e) {
+	if (Ze(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || rt(e) && e.host || $e(e);
+	return rt(t) ? t.host : t;
 }
-function ft(e) {
-	let t = dt(e);
-	return lt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : X(t) && $e(t) ? t : ft(t);
+function vt(e) {
+	let t = _t(e);
+	return mt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : nt(t) && it(t) ? t : vt(t);
 }
-function pt(e, t, n) {
+function yt(e, t, n) {
 	t === void 0 && (t = []), n === void 0 && (n = !0);
-	let r = ft(e), i = r === e.ownerDocument?.body, a = q(r);
+	let r = vt(e), i = r === e.ownerDocument?.body, a = Qe(r);
 	if (i) {
-		let e = mt(a);
-		return t.concat(a, a.visualViewport || [], $e(r) ? r : [], e && n ? pt(e) : []);
-	} else return t.concat(r, pt(r, [], n));
+		let e = bt(a);
+		return t.concat(a, a.visualViewport || [], it(r) ? r : [], e && n ? yt(e) : []);
+	} else return t.concat(r, yt(r, [], n));
 }
-function mt(e) {
+function bt(e) {
 	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 //#endregion
 //#region node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
-function ht(e) {
-	let t = Z(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = X(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = ge(n) !== a || ge(r) !== o;
+function xt(e) {
+	let t = ht(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = nt(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = _e(n) !== a || _e(r) !== o;
 	return s && (n = a, r = o), {
 		width: n,
 		height: r,
 		$: s
 	};
 }
-function gt(e) {
-	return Y(e) ? e : e.contextElement;
+function St(e) {
+	return tt(e) ? e : e.contextElement;
 }
-function _t(e) {
-	let t = gt(e);
-	if (!X(t)) return G(1);
-	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = ht(t), o = (a ? ge(n.width) : n.width) / r, s = (a ? ge(n.height) : n.height) / i;
+function Ct(e) {
+	let t = St(e);
+	if (!nt(t)) return Z(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = xt(t), o = (a ? _e(n.width) : n.width) / r, s = (a ? _e(n.height) : n.height) / i;
 	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
 		x: o,
 		y: s
 	};
 }
-var vt = /* @__PURE__ */ G(0);
-function yt(e) {
-	let t = q(e);
-	return !ct() || !t.visualViewport ? vt : {
+var wt = /* @__PURE__ */ Z(0);
+function Tt(e) {
+	let t = Qe(e);
+	return !pt() || !t.visualViewport ? wt : {
 		x: t.visualViewport.offsetLeft,
 		y: t.visualViewport.offsetTop
 	};
 }
-function bt(e, t, n) {
-	return t === void 0 && (t = !1), !n || t && n !== q(e) ? !1 : t;
+function Et(e, t, n) {
+	return t === void 0 && (t = !1), !n || t && n !== Qe(e) ? !1 : t;
 }
-function xt(e, t, n, r) {
+function Dt(e, t, n, r) {
 	t === void 0 && (t = !1), n === void 0 && (n = !1);
-	let i = e.getBoundingClientRect(), a = gt(e), o = G(1);
-	t && (r ? Y(r) && (o = _t(r)) : o = _t(e));
-	let s = bt(a, n, r) ? yt(a) : G(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
+	let i = e.getBoundingClientRect(), a = St(e), o = Z(1);
+	t && (r ? tt(r) && (o = Ct(r)) : o = Ct(e));
+	let s = Et(a, n, r) ? Tt(a) : Z(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
 	if (a) {
-		let e = q(a), t = r && Y(r) ? q(r) : r, n = e, i = mt(n);
+		let e = Qe(a), t = r && tt(r) ? Qe(r) : r, n = e, i = bt(n);
 		for (; i && r && t !== n;) {
-			let e = _t(i), t = i.getBoundingClientRect(), r = Z(i), a = t.left + (i.clientLeft + parseFloat(r.paddingLeft)) * e.x, o = t.top + (i.clientTop + parseFloat(r.paddingTop)) * e.y;
-			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = q(i), i = mt(n);
+			let e = Ct(i), t = i.getBoundingClientRect(), r = ht(i), a = t.left + (i.clientLeft + parseFloat(r.paddingLeft)) * e.x, o = t.top + (i.clientTop + parseFloat(r.paddingTop)) * e.y;
+			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = Qe(i), i = bt(n);
 		}
 	}
-	return Re({
+	return ze({
 		width: u,
 		height: d,
 		x: c,
 		y: l
 	});
 }
-function St(e, t) {
-	let n = ut(e).scrollLeft;
-	return t ? t.left + n : xt(J(e)).left + n;
+function Ot(e, t) {
+	let n = gt(e).scrollLeft;
+	return t ? t.left + n : Dt($e(e)).left + n;
 }
-function Ct(e, t) {
+function kt(e, t) {
 	let n = e.getBoundingClientRect();
 	return {
-		x: n.left + t.scrollLeft - St(e, n),
+		x: n.left + t.scrollLeft - Ot(e, n),
 		y: n.top + t.scrollTop
 	};
 }
-function wt(e) {
-	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = J(r), s = t ? tt(t.floating) : !1;
+function At(e) {
+	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = $e(r), s = t ? ot(t.floating) : !1;
 	if (r === o || s && a) return n;
 	let c = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, l = G(1), u = G(0), d = X(r);
-	if ((d || !d && !a) && ((Xe(r) !== "body" || $e(o)) && (c = ut(r)), d)) {
-		let e = xt(r);
-		l = _t(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
+	}, l = Z(1), u = Z(0), d = nt(r);
+	if ((d || !d && !a) && ((Ze(r) !== "body" || it(o)) && (c = gt(r)), d)) {
+		let e = Dt(r);
+		l = Ct(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
 	}
-	let f = o && !d && !a ? Ct(o, c) : G(0);
+	let f = o && !d && !a ? kt(o, c) : Z(0);
 	return {
 		width: n.width * l.x,
 		height: n.height * l.y,
@@ -1223,31 +1344,31 @@ function wt(e) {
 		y: n.y * l.y - c.scrollTop * l.y + u.y + f.y
 	};
 }
-function Tt(e) {
+function jt(e) {
 	return Array.from(e.getClientRects());
 }
-function Et(e) {
-	let t = J(e), n = ut(e), r = e.ownerDocument.body, i = he(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = he(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + St(e), s = -n.scrollTop;
-	return Z(r).direction === "rtl" && (o += he(t.clientWidth, r.clientWidth) - i), {
+function Mt(e) {
+	let t = $e(e), n = gt(e), r = e.ownerDocument.body, i = ge(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = ge(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + Ot(e), s = -n.scrollTop;
+	return ht(r).direction === "rtl" && (o += ge(t.clientWidth, r.clientWidth) - i), {
 		width: i,
 		height: a,
 		x: o,
 		y: s
 	};
 }
-var Dt = 25;
-function Ot(e, t) {
-	let n = q(e), r = J(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
+var Nt = 25;
+function Pt(e, t) {
+	let n = Qe(e), r = $e(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
 	if (i) {
 		a = i.width, o = i.height;
-		let e = ct();
+		let e = pt();
 		(!e || e && t === "fixed") && (s = i.offsetLeft, c = i.offsetTop);
 	}
-	let l = St(r);
+	let l = Ot(r);
 	if (l <= 0) {
 		let e = r.ownerDocument, t = e.body, n = getComputedStyle(t), i = e.compatMode === "CSS1Compat" && parseFloat(n.marginLeft) + parseFloat(n.marginRight) || 0, o = Math.abs(r.clientWidth - t.clientWidth - i);
-		o <= Dt && (a -= o);
-	} else l <= Dt && (a += l);
+		o <= Nt && (a -= o);
+	} else l <= Nt && (a += l);
 	return {
 		width: a,
 		height: o,
@@ -1255,8 +1376,8 @@ function Ot(e, t) {
 		y: c
 	};
 }
-function kt(e, t) {
-	let n = xt(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = X(e) ? _t(e) : G(1);
+function Ft(e, t) {
+	let n = Dt(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = nt(e) ? Ct(e) : Z(1);
 	return {
 		width: e.clientWidth * a.x,
 		height: e.clientHeight * a.y,
@@ -1264,13 +1385,13 @@ function kt(e, t) {
 		y: r * a.y
 	};
 }
-function At(e, t, n) {
+function It(e, t, n) {
 	let r;
-	if (t === "viewport") r = Ot(e, n);
-	else if (t === "document") r = Et(J(e));
-	else if (Y(t)) r = kt(t, n);
+	if (t === "viewport") r = Pt(e, n);
+	else if (t === "document") r = Mt($e(e));
+	else if (tt(t)) r = Ft(t, n);
 	else {
-		let n = yt(e);
+		let n = Tt(e);
 		r = {
 			x: t.x - n.x,
 			y: t.y - n.y,
@@ -1278,27 +1399,27 @@ function At(e, t, n) {
 			height: t.height
 		};
 	}
-	return Re(r);
+	return ze(r);
 }
-function jt(e, t) {
-	let n = dt(e);
-	return n === t || !Y(n) || lt(n) ? !1 : Z(n).position === "fixed" || jt(n, t);
+function Lt(e, t) {
+	let n = _t(e);
+	return n === t || !tt(n) || mt(n) ? !1 : ht(n).position === "fixed" || Lt(n, t);
 }
-function Mt(e, t) {
+function Rt(e, t) {
 	let n = t.get(e);
 	if (n) return n;
-	let r = pt(e, [], !1).filter((e) => Y(e) && Xe(e) !== "body"), i = null, a = Z(e).position === "fixed", o = a ? dt(e) : e;
-	for (; Y(o) && !lt(o);) {
-		let t = Z(o), n = ot(o);
-		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || $e(o) && !n && jt(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = dt(o);
+	let r = yt(e, [], !1).filter((e) => tt(e) && Ze(e) !== "body"), i = null, a = ht(e).position === "fixed", o = a ? _t(e) : e;
+	for (; tt(o) && !mt(o);) {
+		let t = ht(o), n = dt(o);
+		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || it(o) && !n && Lt(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = _t(o);
 	}
 	return t.set(e, r), r;
 }
-function Nt(e) {
-	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? tt(t) ? [] : Mt(t, this._c) : [].concat(n), r], o = At(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
+function zt(e) {
+	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? ot(t) ? [] : Rt(t, this._c) : [].concat(n), r], o = It(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
 	for (let e = 1; e < a.length; e++) {
-		let n = At(t, a[e], i);
-		s = he(n.top, s), c = me(n.right, c), l = me(n.bottom, l), u = he(n.left, u);
+		let n = It(t, a[e], i);
+		s = ge(n.top, s), c = he(n.right, c), l = he(n.bottom, l), u = ge(n.left, u);
 	}
 	return {
 		width: c - u,
@@ -1307,27 +1428,27 @@ function Nt(e) {
 		y: s
 	};
 }
-function Pt(e) {
-	let { width: t, height: n } = ht(e);
+function Bt(e) {
+	let { width: t, height: n } = xt(e);
 	return {
 		width: t,
 		height: n
 	};
 }
-function Ft(e, t, n) {
-	let r = X(t), i = J(t), a = n === "fixed", o = xt(e, !0, a, t), s = {
+function Vt(e, t, n) {
+	let r = nt(t), i = $e(t), a = n === "fixed", o = Dt(e, !0, a, t), s = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, c = G(0);
+	}, c = Z(0);
 	function l() {
-		c.x = St(i);
+		c.x = Ot(i);
 	}
-	if (r || !r && !a) if ((Xe(t) !== "body" || $e(i)) && (s = ut(t)), r) {
-		let e = xt(t, !0, a, t);
+	if (r || !r && !a) if ((Ze(t) !== "body" || it(i)) && (s = gt(t)), r) {
+		let e = Dt(t, !0, a, t);
 		c.x = e.x + t.clientLeft, c.y = e.y + t.clientTop;
 	} else i && l();
 	a && !r && i && l();
-	let u = i && !r && !a ? Ct(i, s) : G(0);
+	let u = i && !r && !a ? kt(i, s) : Z(0);
 	return {
 		x: o.left + s.scrollLeft - c.x - u.x,
 		y: o.top + s.scrollTop - c.y - u.y,
@@ -1335,34 +1456,34 @@ function Ft(e, t, n) {
 		height: o.height
 	};
 }
-function It(e) {
-	return Z(e).position === "static";
+function Ht(e) {
+	return ht(e).position === "static";
 }
-function Lt(e, t) {
-	if (!X(e) || Z(e).position === "fixed") return null;
+function Ut(e, t) {
+	if (!nt(e) || ht(e).position === "fixed") return null;
 	if (t) return t(e);
 	let n = e.offsetParent;
-	return J(e) === n && (n = n.ownerDocument.body), n;
-}
-function Rt(e, t) {
-	let n = q(e);
-	if (tt(e)) return n;
-	if (!X(e)) {
-		let t = dt(e);
-		for (; t && !lt(t);) {
-			if (Y(t) && !It(t)) return t;
-			t = dt(t);
+	return $e(e) === n && (n = n.ownerDocument.body), n;
+}
+function Wt(e, t) {
+	let n = Qe(e);
+	if (ot(e)) return n;
+	if (!nt(e)) {
+		let t = _t(e);
+		for (; t && !mt(t);) {
+			if (tt(t) && !Ht(t)) return t;
+			t = _t(t);
 		}
 		return n;
 	}
-	let r = Lt(e, t);
-	for (; r && et(r) && It(r);) r = Lt(r, t);
-	return r && lt(r) && It(r) && !ot(r) ? n : r || st(e) || n;
+	let r = Ut(e, t);
+	for (; r && at(r) && Ht(r);) r = Ut(r, t);
+	return r && mt(r) && Ht(r) && !dt(r) ? n : r || ft(e) || n;
 }
-var zt = async function(e) {
-	let t = this.getOffsetParent || Rt, n = this.getDimensions, r = await n(e.floating);
+var Gt = async function(e) {
+	let t = this.getOffsetParent || Wt, n = this.getDimensions, r = await n(e.floating);
 	return {
-		reference: Ft(e.reference, await t(e.floating), e.strategy),
+		reference: Vt(e.reference, await t(e.floating), e.strategy),
 		floating: {
 			x: 0,
 			y: 0,
@@ -1371,26 +1492,26 @@ var zt = async function(e) {
 		}
 	};
 };
-function Bt(e) {
-	return Z(e).direction === "rtl";
-}
-var Vt = {
-	convertOffsetParentRelativeRectToViewportRelativeRect: wt,
-	getDocumentElement: J,
-	getClippingRect: Nt,
-	getOffsetParent: Rt,
-	getElementRects: zt,
-	getClientRects: Tt,
-	getDimensions: Pt,
-	getScale: _t,
-	isElement: Y,
-	isRTL: Bt
+function Kt(e) {
+	return ht(e).direction === "rtl";
+}
+var qt = {
+	convertOffsetParentRelativeRectToViewportRelativeRect: At,
+	getDocumentElement: $e,
+	getClippingRect: zt,
+	getOffsetParent: Wt,
+	getElementRects: Gt,
+	getClientRects: jt,
+	getDimensions: Bt,
+	getScale: Ct,
+	isElement: tt,
+	isRTL: Kt
 };
-function Ht(e, t) {
+function Jt(e, t) {
 	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function Ut(e, t) {
-	let n = null, r, i = J(e);
+function Yt(e, t) {
+	let n = null, r, i = $e(e);
 	function a() {
 		var e;
 		clearTimeout(r), (e = n) == null || e.disconnect(), n = null;
@@ -1399,9 +1520,9 @@ function Ut(e, t) {
 		s === void 0 && (s = !1), c === void 0 && (c = 1), a();
 		let l = e.getBoundingClientRect(), { left: u, top: d, width: f, height: p } = l;
 		if (s || t(), !f || !p) return;
-		let m = _e(d), h = _e(i.clientWidth - (u + f)), g = _e(i.clientHeight - (d + p)), _ = _e(u), v = {
+		let m = ve(d), h = ve(i.clientWidth - (u + f)), g = ve(i.clientHeight - (d + p)), _ = ve(u), v = {
 			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
-			threshold: he(0, me(1, c)) || 1
+			threshold: ge(0, he(1, c)) || 1
 		}, y = !0;
 		function b(t) {
 			let n = t[0].intersectionRatio;
@@ -1411,7 +1532,7 @@ function Ut(e, t) {
 					o(!1, 1e-7);
 				}, 1e3);
 			}
-			n === 1 && !Ht(l, e.getBoundingClientRect()) && o(), y = !1;
+			n === 1 && !Jt(l, e.getBoundingClientRect()) && o(), y = !1;
 		}
 		try {
 			n = new IntersectionObserver(b, {
@@ -1425,13 +1546,13 @@ function Ut(e, t) {
 	}
 	return o(!0), a;
 }
-function Wt(e, t, n, r) {
+function Xt(e, t, n, r) {
 	r === void 0 && (r = {});
-	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = gt(e), u = i || a ? [...l ? pt(l) : [], ...t ? pt(t) : []] : [];
+	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = St(e), u = i || a ? [...l ? yt(l) : [], ...t ? yt(t) : []] : [];
 	u.forEach((e) => {
 		i && e.addEventListener("scroll", n, { passive: !0 }), a && e.addEventListener("resize", n);
 	});
-	let d = l && s ? Ut(l, n) : null, f = -1, p = null;
+	let d = l && s ? Yt(l, n) : null, f = -1, p = null;
 	o && (p = new ResizeObserver((e) => {
 		let [r] = e;
 		r && r.target === l && p && t && (p.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
@@ -1439,11 +1560,11 @@ function Wt(e, t, n, r) {
 			(e = p) == null || e.observe(t);
 		})), n();
 	}), l && !c && p.observe(l), t && p.observe(t));
-	let m, h = c ? xt(e) : null;
+	let m, h = c ? Dt(e) : null;
 	c && g();
 	function g() {
-		let t = xt(e);
-		h && !Ht(h, t) && n(), h = t, m = requestAnimationFrame(g);
+		let t = Dt(e);
+		h && !Jt(h, t) && n(), h = t, m = requestAnimationFrame(g);
 	}
 	return n(), () => {
 		var e;
@@ -1452,53 +1573,53 @@ function Wt(e, t, n, r) {
 		}), d?.(), (e = p) == null || e.disconnect(), p = null, c && cancelAnimationFrame(m);
 	};
 }
-var Gt = qe, Kt = Je, qt = We, Jt = Ue, Yt = (e, t, n) => {
+var Zt = Je, Qt = Ye, $t = Ge, en = We, tn = (e, t, n) => {
 	let r = /* @__PURE__ */ new Map(), i = {
-		platform: Vt,
+		platform: qt,
 		...n
 	}, a = {
 		...i.platform,
 		_c: r
 	};
-	return He(e, t, {
+	return Ue(e, t, {
 		...i,
 		platform: a
 	});
-}, Xt = "_trigger_e00wn_1", Zt = "_content_e00wn_10", Qt = "_subTrigger_e00wn_61", $t = "_itemMain_e00wn_90", en = "_itemInset_e00wn_106", tn = "_shortcut_e00wn_118", nn = "_indicator_e00wn_119", rn = "_submenuIndicator_e00wn_120", Q = {
-	trigger: Xt,
-	content: Zt,
+}, nn = "_trigger_e00wn_1", rn = "_content_e00wn_10", an = "_subTrigger_e00wn_61", on = "_itemMain_e00wn_90", sn = "_itemInset_e00wn_106", cn = "_shortcut_e00wn_118", ln = "_indicator_e00wn_119", un = "_submenuIndicator_e00wn_120", dn = {
+	trigger: nn,
+	content: rn,
 	"owo-dropdown-menu-in": "_owo-dropdown-menu-in_e00wn_1",
-	subTrigger: Qt,
-	itemMain: $t,
-	itemInset: en,
-	shortcut: tn,
-	indicator: nn,
-	submenuIndicator: rn
-}, an = n(null), on = n(null);
-function sn(e) {
-	let t = a(an);
+	subTrigger: an,
+	itemMain: on,
+	itemInset: sn,
+	shortcut: cn,
+	indicator: ln,
+	submenuIndicator: un
+}, fn = n(null), pn = n(null);
+function mn(e) {
+	let t = a(fn);
 	if (!t) throw Error(`${e} must be used within DropdownMenu.`);
 	return t;
 }
-function cn(e) {
-	let t = a(on);
+function hn(e) {
+	let t = a(pn);
 	if (!t) throw Error(`${e} must be used within DropdownMenu.Content.`);
 	return t;
 }
-function ln(e, t) {
+function gn(e, t) {
 	return (n) => {
 		e?.(n), t(n);
 	};
 }
-function un(...e) {
+function _n(...e) {
 	return (t) => {
 		for (let n of e) n && (typeof n == "function" ? n(t) : n.current = t);
 	};
 }
-function dn(e) {
-	return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(dn).join(" ") : !e || typeof e == "boolean" ? "" : r(e) ? dn(e.props.children) : "";
+function vn(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(vn).join(" ") : !e || typeof e == "boolean" ? "" : r(e) ? vn(e.props.children) : "";
 }
-function fn(e) {
+function yn(e) {
 	return [...e].sort((e, t) => {
 		let n = e.ref.current, r = t.ref.current;
 		if (!n || !r) return 0;
@@ -1506,18 +1627,18 @@ function fn(e) {
 		return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
 	});
 }
-function pn(e, t) {
+function bn(e, t) {
 	return t === "center" ? e : `${e}-${t}`;
 }
-function mn(e) {
+function xn(e) {
 	let t = e.split("-");
 	return {
 		side: t[0],
 		align: t[1] ?? "center"
 	};
 }
-function hn({ open: e, defaultOpen: t = !1, onOpenChange: n, side: r = "bottom", align: o = "start", sideOffset: c = 8, alignOffset: f = 0, collisionPadding: m = 8, portal: h = !0, contentRole: g = "menu", classNames: _, children: v }) {
-	let y = a(on), [b, x] = d(t), S = e !== void 0, C = S ? e : b, w = u(null), T = u(null), E = u("selected"), D = s(), O = s(), k = i((e) => {
+function Sn({ open: e, defaultOpen: t = !1, onOpenChange: n, side: r = "bottom", align: o = "start", sideOffset: c = 8, alignOffset: f = 0, collisionPadding: m = 8, portal: h = !0, contentRole: g = "menu", classNames: _, children: v }) {
+	let y = a(pn), [b, x] = d(t), S = e !== void 0, C = S ? e : b, w = u(null), T = u(null), E = u("selected"), D = s(), O = s(), k = i((e) => {
 		S || x(e), n?.(e);
 	}, [S, n]), A = i(() => {
 		k(!1);
@@ -1527,7 +1648,7 @@ function hn({ open: e, defaultOpen: t = !1, onOpenChange: n, side: r = "bottom",
 		k(!C);
 	}, [C, k]), N = i(() => {
 		w.current?.focus();
-	}, []), ee = l(() => ({
+	}, []), P = l(() => ({
 		open: C,
 		setOpen: k,
 		toggleOpen: M,
@@ -1568,33 +1689,33 @@ function hn({ open: e, defaultOpen: t = !1, onOpenChange: n, side: r = "bottom",
 		O,
 		N
 	]);
-	return /* @__PURE__ */ p(an.Provider, {
-		value: ee,
+	return /* @__PURE__ */ p(fn.Provider, {
+		value: P,
 		children: v
 	});
 }
-function gn({ asChild: n = !1, disabled: r = !1, className: i, children: a }) {
-	let { open: o, setOpen: s, toggleOpen: c, triggerRef: l, contentRole: u, triggerId: d, contentId: f, focusIntentRef: m, isSubmenu: h, classNames: g } = sn("DropdownMenu.Trigger"), v = e.only(a), y = v.props ?? {}, b = typeof y.className == "string" ? y.className : void 0, x = {
+function Cn({ asChild: n = !1, disabled: r = !1, className: i, children: a }) {
+	let { open: o, setOpen: s, toggleOpen: c, triggerRef: l, contentRole: u, triggerId: d, contentId: f, focusIntentRef: m, isSubmenu: h, classNames: g } = mn("DropdownMenu.Trigger"), v = e.only(a), y = v.props ?? {}, b = typeof y.className == "string" ? y.className : void 0, x = {
 		id: d,
 		"data-state": o ? "open" : "closed",
 		"aria-expanded": o,
 		"aria-haspopup": u,
 		"aria-controls": o ? f : void 0,
-		onClick: ln(y.onClick, (e) => {
+		onClick: gn(y.onClick, (e) => {
 			if (r) {
 				e.preventDefault();
 				return;
 			}
 			m.current = "selected", c();
 		}),
-		onKeyDown: ln(y.onKeyDown, (e) => {
+		onKeyDown: gn(y.onKeyDown, (e) => {
 			r || (e.key === "ArrowDown" ? (e.preventDefault(), m.current = "first", s(!0)) : e.key === "ArrowUp" ? (e.preventDefault(), m.current = "last", s(!0)) : !h && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), m.current = "selected", c()));
 		})
 	};
 	return n ? t(v, {
 		...x,
-		ref: un(l, y.ref),
-		className: _(Q.trigger, g?.trigger, i, b),
+		ref: _n(l, y.ref),
+		className: _(dn.trigger, g?.trigger, i, b),
 		type: v.type === "button" ? y.type ?? "button" : y.type
 	}) : /* @__PURE__ */ p("button", {
 		ref: l,
@@ -1602,61 +1723,61 @@ function gn({ asChild: n = !1, disabled: r = !1, className: i, children: a }) {
 		type: "button",
 		"data-scope": "dropdown-menu",
 		"data-part": "trigger",
-		className: _(Q.trigger, g?.trigger, i),
+		className: _(dn.trigger, g?.trigger, i),
 		...x,
 		children: v
 	});
 }
-function _n({ className: e, children: t, style: n, matchTriggerWidth: r = !1, maxHeight: a = 320, ...s }) {
-	let { open: f, setOpen: m, triggerRef: g, contentRef: v, side: y, align: b, sideOffset: x, alignOffset: S, collisionPadding: C, portal: w, contentRole: T, triggerId: E, contentId: D, focusIntentRef: O, parentList: k, isSubmenu: A, closeSelf: j, closeTree: M, focusTrigger: N, classNames: ee } = sn("DropdownMenu.Content"), P = u([]), [F, I] = d(null), [L, R] = d(null), [te, ne] = d(null), [z, B] = d(!1), re = u(""), V = u(null), ie = i((e) => (P.current = [...P.current.filter((t) => t.id !== e.id), e], () => {
-		P.current = P.current.filter((t) => t.id !== e.id);
-	}), []), H = i(() => fn(P.current), []), ae = i((e) => {
+function wn({ className: e, children: t, style: n, matchTriggerWidth: r = !1, maxHeight: a = 320, ...s }) {
+	let { open: f, setOpen: m, triggerRef: g, contentRef: v, side: y, align: b, sideOffset: x, alignOffset: S, collisionPadding: C, portal: w, contentRole: T, triggerId: E, contentId: D, focusIntentRef: O, parentList: k, isSubmenu: A, closeSelf: j, closeTree: M, focusTrigger: N, classNames: P } = mn("DropdownMenu.Content"), F = u([]), [I, L] = d(null), [R, z] = d(null), [ee, B] = d(null), [V, H] = d(!1), U = u(""), te = u(null), W = i((e) => (F.current = [...F.current.filter((t) => t.id !== e.id), e], () => {
+		F.current = F.current.filter((t) => t.id !== e.id);
+	}), []), G = i(() => yn(F.current), []), K = i((e) => {
 		O.current = e;
 	}, [O]);
 	o(() => {
-		B(!0);
+		H(!0);
 	}, []);
-	let oe = l(() => ({
+	let ne = l(() => ({
 		role: T,
-		highlightedId: F,
-		setHighlightedId: I,
-		registerItem: ie,
-		getItems: H,
-		requestFocusIntent: ae,
+		highlightedId: I,
+		setHighlightedId: L,
+		registerItem: W,
+		getItems: G,
+		requestFocusIntent: K,
 		closeTree: M,
 		closeSelf: j,
 		focusTrigger: N,
-		activeSubmenuId: L,
-		setActiveSubmenuId: R,
+		activeSubmenuId: R,
+		setActiveSubmenuId: z,
 		contentRef: v
 	}), [
-		L,
+		R,
 		j,
 		M,
 		v,
 		T,
 		N,
-		H,
-		F,
-		ie,
-		ae
+		G,
+		I,
+		W,
+		K
 	]);
 	c(() => {
-		if (!(!f || !z || !g.current || !v.current)) return Wt(g.current, v.current, () => {
-			!g.current || !v.current || Yt(g.current, v.current, {
-				placement: pn(y, b),
+		if (!(!f || !V || !g.current || !v.current)) return Xt(g.current, v.current, () => {
+			!g.current || !v.current || tn(g.current, v.current, {
+				placement: bn(y, b),
 				strategy: "fixed",
 				middleware: [
-					Gt({
+					Zt({
 						mainAxis: x,
 						crossAxis: S
 					}),
-					qt({ padding: C }),
-					Kt({ padding: C })
+					$t({ padding: C }),
+					Qt({ padding: C })
 				]
 			}).then(({ x: e, y: t, placement: n }) => {
-				let r = mn(n);
-				ne({
+				let r = xn(n);
+				B({
 					top: t,
 					left: e,
 					side: r.side,
@@ -1669,26 +1790,26 @@ function _n({ className: e, children: t, style: n, matchTriggerWidth: r = !1, ma
 		S,
 		C,
 		v,
-		z,
+		V,
 		f,
 		y,
 		x,
 		g
 	]), o(() => {
 		if (!f) {
-			I(null), R(null);
+			L(null), z(null);
 			return;
 		}
-		let e = H().filter((e) => !e.disabled);
+		let e = G().filter((e) => !e.disabled);
 		if (e.length === 0) return;
 		let t = e[0];
-		O.current === "last" ? t = e[e.length - 1] : O.current === "selected" && (t = e.find((e) => e.selected) ?? e[0]), I(t.id), requestAnimationFrame(() => {
+		O.current === "last" ? t = e[e.length - 1] : O.current === "selected" && (t = e.find((e) => e.selected) ?? e[0]), L(t.id), requestAnimationFrame(() => {
 			v.current?.focus(), t.ref.current?.scrollIntoView({ block: "nearest" });
 		});
 	}, [
 		v,
 		O,
-		H,
+		G,
 		f
 	]), o(() => {
 		if (!f) return;
@@ -1714,64 +1835,64 @@ function _n({ className: e, children: t, style: n, matchTriggerWidth: r = !1, ma
 		g
 	]), o(() => {
 		if (f) return () => {
-			V.current && clearTimeout(V.current);
+			te.current && clearTimeout(te.current);
 		};
 	}, [f]);
-	let U = i((e) => {
-		if (I(e), !e) {
-			R(null);
+	let q = i((e) => {
+		if (L(e), !e) {
+			z(null);
 			return;
 		}
-		H().find((t) => t.id === e)?.submenu || R(null);
-	}, [H]), se = i((e, t = "first") => {
-		let n = H().filter((e) => !e.disabled);
+		G().find((t) => t.id === e)?.submenu || z(null);
+	}, [G]), J = i((e, t = "first") => {
+		let n = G().filter((e) => !e.disabled);
 		if (n.length === 0) return;
-		let r = n.findIndex((e) => e.id === F);
+		let r = n.findIndex((e) => e.id === I);
 		if (r === -1) {
-			U(t === "last" ? n[n.length - 1].id : n[0].id);
+			q(t === "last" ? n[n.length - 1].id : n[0].id);
 			return;
 		}
 		let i = n[(r + e + n.length) % n.length];
-		U(i.id), i.ref.current?.scrollIntoView({ block: "nearest" });
+		q(i.id), i.ref.current?.scrollIntoView({ block: "nearest" });
 	}, [
-		H,
-		F,
-		U
-	]), ce = i((e) => {
+		G,
+		I,
+		q
+	]), Y = i((e) => {
 		let t = e.length === 1 ? e.toLowerCase() : "";
 		if (!t) return;
-		V.current && clearTimeout(V.current), re.current += t, V.current = setTimeout(() => {
-			re.current = "", V.current = null;
+		te.current && clearTimeout(te.current), U.current += t, te.current = setTimeout(() => {
+			U.current = "", te.current = null;
 		}, 350);
-		let n = H().filter((e) => !e.disabled);
+		let n = G().filter((e) => !e.disabled);
 		if (n.length === 0) return;
-		let r = n.findIndex((e) => e.id === F), i = (r >= 0 ? [...n.slice(r + 1), ...n.slice(0, r + 1)] : n).find((e) => e.textValue.toLowerCase().startsWith(re.current));
-		i && (U(i.id), i.ref.current?.scrollIntoView({ block: "nearest" }));
+		let r = n.findIndex((e) => e.id === I), i = (r >= 0 ? [...n.slice(r + 1), ...n.slice(0, r + 1)] : n).find((e) => e.textValue.toLowerCase().startsWith(U.current));
+		i && (q(i.id), i.ref.current?.scrollIntoView({ block: "nearest" }));
 	}, [
-		H,
-		F,
-		U
-	]), le = i((e) => {
-		let t = H(), n = t.find((e) => e.id === F) ?? null;
+		G,
+		I,
+		q
+	]), X = i((e) => {
+		let t = G(), n = t.find((e) => e.id === I) ?? null;
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), se(1);
+				e.preventDefault(), J(1);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), se(-1, "last");
+				e.preventDefault(), J(-1, "last");
 				break;
 			case "Home":
 				e.preventDefault();
 				{
 					let e = t.find((e) => !e.disabled);
-					e && U(e.id);
+					e && q(e.id);
 				}
 				break;
 			case "End":
 				e.preventDefault();
 				{
 					let e = t.filter((e) => !e.disabled), n = e[e.length - 1];
-					n && U(n.id);
+					n && q(n.id);
 				}
 				break;
 			case "Enter":
@@ -1790,23 +1911,23 @@ function _n({ className: e, children: t, style: n, matchTriggerWidth: r = !1, ma
 			case "Escape":
 				e.preventDefault(), j(), N(), A && k?.setActiveSubmenuId(null);
 				break;
-			default: ce(e.key);
+			default: Y(e.key);
 		}
 	}, [
 		j,
 		M,
 		N,
-		H,
-		ce,
-		F,
-		U,
+		G,
+		Y,
+		I,
+		q,
 		A,
-		se,
+		J,
 		k
 	]);
-	if (!f || !z) return null;
-	let ue = /* @__PURE__ */ p(on.Provider, {
-		value: oe,
+	if (!f || !V) return null;
+	let re = /* @__PURE__ */ p(pn.Provider, {
+		value: ne,
 		children: /* @__PURE__ */ p("div", {
 			ref: v,
 			id: D,
@@ -1814,28 +1935,28 @@ function _n({ className: e, children: t, style: n, matchTriggerWidth: r = !1, ma
 			tabIndex: -1,
 			"aria-labelledby": T === "menu" ? E : void 0,
 			"data-state": "open",
-			"data-side": te?.side ?? y,
-			"data-align": te?.align ?? b,
+			"data-side": ee?.side ?? y,
+			"data-align": ee?.align ?? b,
 			"data-scope": "dropdown-menu",
 			"data-part": "content",
-			className: _(Q.content, ee?.content, e),
+			className: _(dn.content, P?.content, e),
 			style: {
 				...n,
 				position: "fixed",
-				top: te?.top ?? 0,
-				left: te?.left ?? 0,
+				top: ee?.top ?? 0,
+				left: ee?.left ?? 0,
 				maxHeight: a,
 				minWidth: r ? g.current?.getBoundingClientRect().width : void 0
 			},
-			onKeyDown: le,
+			onKeyDown: X,
 			...s,
 			children: t
 		})
 	});
-	return w ? h(ue, document.body) : ue;
+	return w ? h(re, document.body) : re;
 }
-function vn({ className: e, children: t, ...n }) {
-	let { classNames: r } = sn("DropdownMenu.Group");
+function Tn({ className: e, children: t, ...n }) {
+	let { classNames: r } = mn("DropdownMenu.Group");
 	return /* @__PURE__ */ p("div", {
 		"data-scope": "dropdown-menu",
 		"data-part": "group",
@@ -1844,8 +1965,8 @@ function vn({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-function yn({ className: e, children: t, ...n }) {
-	let { classNames: r } = sn("DropdownMenu.Label");
+function En({ className: e, children: t, ...n }) {
+	let { classNames: r } = mn("DropdownMenu.Label");
 	return /* @__PURE__ */ p("div", {
 		"data-scope": "dropdown-menu",
 		"data-part": "label",
@@ -1854,8 +1975,8 @@ function yn({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-function bn({ className: e, ...t }) {
-	let { classNames: n } = sn("DropdownMenu.Separator");
+function Dn({ className: e, ...t }) {
+	let { classNames: n } = mn("DropdownMenu.Separator");
 	return /* @__PURE__ */ p("div", {
 		role: "separator",
 		"data-scope": "dropdown-menu",
@@ -1864,8 +1985,8 @@ function bn({ className: e, ...t }) {
 		...t
 	});
 }
-function xn({ className: e, children: t, inset: n = !1, disabled: r = !1, selected: a = !1, destructive: c = !1, closeOnSelect: d = !0, shortcut: f, indicator: h, onSelect: g, onMouseEnter: v, onClick: y, ...b }) {
-	let x = s(), S = u(null), { role: C, highlightedId: w, setHighlightedId: T, registerItem: E, closeTree: D, setActiveSubmenuId: O } = cn("DropdownMenu.Item"), { classNames: k } = sn("DropdownMenu.Item"), A = l(() => dn(t), [t]), j = w === x, M = i(() => {
+function On({ className: e, children: t, inset: n = !1, disabled: r = !1, selected: a = !1, destructive: c = !1, closeOnSelect: d = !0, shortcut: f, indicator: h, onSelect: g, onMouseEnter: v, onClick: y, ...b }) {
+	let x = s(), S = u(null), { role: C, highlightedId: w, setHighlightedId: T, registerItem: E, closeTree: D, setActiveSubmenuId: O } = hn("DropdownMenu.Item"), { classNames: k } = mn("DropdownMenu.Item"), A = l(() => vn(t), [t]), j = w === x, M = i(() => {
 		r || (g?.(), d && D());
 	}, [
 		d,
@@ -1904,32 +2025,32 @@ function xn({ className: e, children: t, inset: n = !1, disabled: r = !1, select
 		"data-destructive": c || void 0,
 		"data-scope": "dropdown-menu",
 		"data-part": "item",
-		className: _(n && Q.itemInset, k?.item, e),
-		onMouseEnter: ln(v, () => {
+		className: _(n && dn.itemInset, k?.item, e),
+		onMouseEnter: gn(v, () => {
 			r || (T(x), O(null));
 		}),
-		onClick: ln(y, (e) => {
+		onClick: gn(y, (e) => {
 			e.preventDefault(), M();
 		}),
 		...b,
 		children: [
 			/* @__PURE__ */ p("span", {
-				className: Q.itemMain,
+				className: dn.itemMain,
 				children: t
 			}),
 			f ? /* @__PURE__ */ p("span", {
-				className: Q.shortcut,
+				className: dn.shortcut,
 				children: f
 			}) : null,
 			a ? /* @__PURE__ */ p("span", {
-				className: Q.indicator,
+				className: dn.indicator,
 				children: h ?? "✓"
 			}) : null
 		]
 	});
 }
-function Sn(e) {
-	return /* @__PURE__ */ p(hn, {
+function kn(e) {
+	return /* @__PURE__ */ p(Sn, {
 		side: "right",
 		align: "start",
 		sideOffset: 6,
@@ -1937,8 +2058,8 @@ function Sn(e) {
 		contentRole: "menu"
 	});
 }
-function Cn({ className: e, children: t, inset: n = !1, disabled: r = !1, destructive: a = !1, shortcut: c, onSelect: d, onMouseEnter: f, onClick: h, ...g }) {
-	let v = s(), y = u(null), b = sn("DropdownMenu.SubTrigger"), { highlightedId: x, setHighlightedId: S, registerItem: C, setActiveSubmenuId: w, activeSubmenuId: T } = cn("DropdownMenu.SubTrigger"), E = l(() => dn(t), [t]), D = x === v, O = b.open && T === v, k = i(() => {
+function An({ className: e, children: t, inset: n = !1, disabled: r = !1, destructive: a = !1, shortcut: c, onSelect: d, onMouseEnter: f, onClick: h, ...g }) {
+	let v = s(), y = u(null), b = mn("DropdownMenu.SubTrigger"), { highlightedId: x, setHighlightedId: S, registerItem: C, setActiveSubmenuId: w, activeSubmenuId: T } = hn("DropdownMenu.SubTrigger"), E = l(() => vn(t), [t]), D = x === v, O = b.open && T === v, k = i(() => {
 		r || (b.focusIntentRef.current = "first", S(v), w(v), b.setOpen(!0));
 	}, [
 		r,
@@ -1970,7 +2091,7 @@ function Cn({ className: e, children: t, inset: n = !1, disabled: r = !1, destru
 		v,
 		b
 	]), /* @__PURE__ */ m("button", {
-		ref: un(y, b.triggerRef),
+		ref: _n(y, b.triggerRef),
 		id: b.triggerId,
 		type: "button",
 		role: "menuitem",
@@ -1982,47 +2103,47 @@ function Cn({ className: e, children: t, inset: n = !1, disabled: r = !1, destru
 		"data-state": O ? "open" : "closed",
 		"data-disabled": r || void 0,
 		"data-destructive": a || void 0,
-		className: _(Q.subTrigger, n && Q.itemInset, e),
-		onMouseEnter: ln(f, () => {
+		className: _(dn.subTrigger, n && dn.itemInset, e),
+		onMouseEnter: gn(f, () => {
 			k();
 		}),
-		onClick: ln(h, (e) => {
+		onClick: gn(h, (e) => {
 			e.preventDefault(), k(), d?.();
 		}),
 		...g,
 		children: [
 			/* @__PURE__ */ p("span", {
-				className: Q.itemMain,
+				className: dn.itemMain,
 				children: t
 			}),
 			c ? /* @__PURE__ */ p("span", {
-				className: Q.shortcut,
+				className: dn.shortcut,
 				children: c
 			}) : null,
 			/* @__PURE__ */ p("span", {
-				className: Q.submenuIndicator,
+				className: dn.submenuIndicator,
 				"aria-hidden": "true",
 				children: "›"
 			})
 		]
 	});
 }
-var wn = Object.assign(hn, {
-	Trigger: gn,
-	Content: _n,
-	Group: vn,
-	Label: yn,
-	Item: xn,
-	Separator: bn,
-	Submenu: Sn,
-	SubTrigger: Cn
-}), Tn = {
+var jn = Object.assign(Sn, {
+	Trigger: Cn,
+	Content: wn,
+	Group: Tn,
+	Label: En,
+	Item: On,
+	Separator: Dn,
+	Submenu: kn,
+	SubTrigger: An
+}), Mn = {
 	panel: "_panel_7f715_1",
 	backdrop: "_backdrop_7f715_55"
 };
 //#endregion
 //#region src/components/Drawer.tsx
-function En({ as: e = "aside", open: t, children: n, side: r = "right", position: i = "fixed", showBackdrop: a = !0, onClose: o, closeLabel: s = "关闭抽屉", backdropClassName: c, className: l, classNames: u, ...d }) {
+function Nn({ as: e = "aside", open: t, children: n, side: r = "right", position: i = "fixed", showBackdrop: a = !0, onClose: o, closeLabel: s = "关闭抽屉", backdropClassName: c, className: l, classNames: u, ...d }) {
 	return /* @__PURE__ */ m(f, { children: [a && t && o && /* @__PURE__ */ p("button", {
 		type: "button",
 		"aria-label": s,
@@ -2030,7 +2151,7 @@ function En({ as: e = "aside", open: t, children: n, side: r = "right", position
 		"data-scope": "drawer",
 		"data-part": "backdrop",
 		"data-position": i,
-		className: _("owo-drawer-backdrop", Tn.backdrop, c, u?.backdrop),
+		className: _("owo-drawer-backdrop", Mn.backdrop, c, u?.backdrop),
 		onClick: o
 	}), /* @__PURE__ */ p(e, {
 		"aria-hidden": !t,
@@ -2039,43 +2160,91 @@ function En({ as: e = "aside", open: t, children: n, side: r = "right", position
 		"data-position": i,
 		"data-scope": "drawer",
 		"data-part": "panel",
-		className: _("owo-drawer", Tn.panel, l, u?.panel),
+		className: _("owo-drawer", Mn.panel, l, u?.panel),
 		...d,
 		children: n
 	})] });
 }
-var Dn = {
-	root: "_root_1fz2l_1",
-	label: "_label_1fz2l_7",
-	help: "_help_1fz2l_15"
+var Pn = {
+	root: "_root_38gc5_1",
+	label: "_label_38gc5_10",
+	required: "_required_38gc5_18",
+	description: "_description_38gc5_23",
+	error: "_error_38gc5_31",
+	help: "_help_38gc5_39"
 };
 //#endregion
 //#region src/components/Field.tsx
-function On({ label: e, help: t, htmlFor: n, children: r, className: i, classNames: a, ...o }) {
+function Fn({ label: e, description: t, error: n, help: r, required: i = !1, disabled: a = !1, invalid: o = !1, htmlFor: c, children: u, className: d, classNames: f, ...h }) {
+	let g = s(), v = c ?? g, y = `${v}-label`, b = t == null ? void 0 : `${v}-description`, x = n == null ? void 0 : `${v}-error`, S = r == null ? void 0 : `${v}-help`, C = [
+		b,
+		x,
+		S
+	].filter(Boolean).join(" ") || void 0, w = l(() => ({
+		controlId: v,
+		labelId: y,
+		describedBy: C,
+		disabled: a,
+		invalid: o,
+		required: i
+	}), [
+		v,
+		y,
+		C,
+		a,
+		o,
+		i
+	]);
 	return /* @__PURE__ */ m("div", {
-		className: _("owo-field", Dn.root, i),
-		...o,
+		className: _("owo-field", Pn.root, d),
+		"data-disabled": a || void 0,
+		"data-invalid": o || void 0,
+		"data-required": i || void 0,
+		...h,
 		children: [
-			/* @__PURE__ */ p("label", {
-				htmlFor: n,
+			/* @__PURE__ */ m("label", {
+				id: y,
+				htmlFor: v,
 				"data-part": "label",
-				className: _(Dn.label, a?.label),
-				children: e
+				className: _(Pn.label, f?.label),
+				children: [e, i && /* @__PURE__ */ p("span", {
+					"data-part": "required",
+					"aria-hidden": "true",
+					className: _(Pn.required, f?.required),
+					children: "*"
+				})]
 			}),
-			r,
-			t ? /* @__PURE__ */ p("span", {
-				"data-part": "help",
-				className: _(Dn.help, a?.help),
+			t != null && /* @__PURE__ */ p("span", {
+				id: b,
+				"data-part": "description",
+				className: _(Pn.description, f?.description),
 				children: t
-			}) : null
+			}),
+			/* @__PURE__ */ p(z.Provider, {
+				value: w,
+				children: u
+			}),
+			n != null && /* @__PURE__ */ p("span", {
+				id: x,
+				"data-part": "error",
+				role: "alert",
+				className: _(Pn.error, f?.error),
+				children: n
+			}),
+			r != null && /* @__PURE__ */ p("span", {
+				id: S,
+				"data-part": "help",
+				className: _(Pn.help, f?.help),
+				children: r
+			})
 		]
 	});
 }
-var kn = { root: "_root_1hqa8_1" };
+var In = { root: "_root_1hqa8_1" };
 //#endregion
 //#region src/components/IconButton.tsx
-function An({ variant: e = "ghost", size: t = "md", label: n, icon: r, className: i, ...a }) {
-	let o = _("owo-icon-button", kn.root, i);
+function Ln({ variant: e = "ghost", size: t = "md", label: n, icon: r, className: i, ...a }) {
+	let o = _("owo-icon-button", In.root, i);
 	if ("href" in a && a.href) {
 		let { href: i, ...s } = a;
 		return /* @__PURE__ */ p("a", {
@@ -2101,37 +2270,329 @@ function An({ variant: e = "ghost", size: t = "md", label: n, icon: r, className
 		children: r
 	});
 }
-var jn = { root: "_root_8zge1_1" };
+var Rn = { root: "_root_8zge1_1" };
 //#endregion
 //#region src/components/Input.tsx
-function Mn(e) {
-	let { className: t, tone: n = "default", size: r = "md", ...i } = e;
-	return e.as === "textarea" ? /* @__PURE__ */ p("textarea", {
-		"data-tone": n,
-		"data-size": r,
-		className: _("owo-input", jn.root, t),
-		...i
-	}) : /* @__PURE__ */ p("input", {
-		"data-tone": n,
-		"data-size": r,
-		className: _("owo-input", jn.root, t),
-		...i
+function zn({ className: e, tone: t = "default", size: n = "md", invalid: r, ...i }) {
+	let a = V({
+		id: i.id,
+		disabled: i.disabled,
+		required: i.required,
+		invalid: r,
+		"aria-describedby": i["aria-describedby"]
+	});
+	return /* @__PURE__ */ p("input", {
+		...i,
+		id: a.id,
+		disabled: a.disabled,
+		required: a.required,
+		"aria-describedby": a["aria-describedby"],
+		"aria-invalid": a.invalid || void 0,
+		"data-tone": t,
+		"data-size": n,
+		"data-invalid": a.invalid || void 0,
+		className: _("owo-input", Rn.root, e)
+	});
+}
+var Bn = {
+	trigger: "_trigger_xunrw_1",
+	content: "_content_xunrw_5",
+	"tooltip-in": "_tooltip-in_xunrw_1"
+}, Vn = 6, Hn = 8, Un = 4;
+function Wn(e) {
+	return e.split("-")[0];
+}
+var Gn = {
+	top: "",
+	bottom: "rotate(180deg)",
+	left: "rotate(-90deg)",
+	right: "rotate(90deg)"
+};
+function Kn({ content: e, placement: t = "top", density: n = "default", showDelay: r = 300, hideDelay: a = 150, arrow: l = !0, renderArrow: g, className: v, children: y, classNames: b }) {
+	let [x, S] = d(!1), [C, w] = d(null), [T, E] = d(t), [D, O] = d({}), k = u(null), A = u(null), j = u(null), M = u(void 0), N = u(void 0), P = s(), F = i(() => {
+		clearTimeout(M.current), clearTimeout(N.current);
+	}, []), I = i(() => {
+		F(), M.current = setTimeout(() => S(!0), r);
+	}, [F, r]), L = i(() => {
+		F(), S(!0);
+	}, [F]), R = i(() => {
+		F(), N.current = setTimeout(() => S(!1), a);
+	}, [F, a]), z = i((e) => {
+		if (e.target === k.current) {
+			I();
+			return;
+		}
+		L();
+	}, [I, L]), ee = i((e) => {
+		e.pointerType !== "mouse" && L();
+	}, [L]), B = i((e) => {
+		e.key === "Escape" && x && S(!1);
+	}, [x]);
+	c(() => {
+		if (!x || !k.current || !A.current) return;
+		let e = [
+			Zt(l ? Hn + Vn : Hn),
+			$t({ padding: Un }),
+			Qt({ padding: Un })
+		];
+		return l && j.current && e.push(en({ element: j.current })), Xt(k.current, A.current, () => {
+			!k.current || !A.current || tn(k.current, A.current, {
+				placement: t,
+				strategy: "fixed",
+				middleware: e
+			}).then(({ x: e, y: t, placement: n, middlewareData: r }) => {
+				w({
+					top: t,
+					left: e
+				}), E(Wn(n)), r.arrow && O({
+					x: r.arrow.x,
+					y: r.arrow.y
+				});
+			});
+		});
+	}, [
+		x,
+		t,
+		l
+	]), o(() => {
+		if (x) return document.addEventListener("keydown", B), () => document.removeEventListener("keydown", B);
+	}, [x, B]), o(() => F, [F]);
+	let V = { position: "absolute" }, H = T;
+	return H === "top" || H === "bottom" ? (V.left = D.x ?? 0, V[H === "top" ? "bottom" : "top"] = -Vn, V.transform = Gn[H] || void 0) : (V.top = D.y ?? 0, V[H === "left" ? "right" : "left"] = -Vn, V.transform = Gn[H]), /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
+		ref: k,
+		"data-state": x ? "open" : "closed",
+		"data-scope": "tooltip",
+		"data-part": "trigger",
+		className: _("owo-tooltip-trigger", Bn.trigger, b?.trigger),
+		onMouseEnter: I,
+		onMouseLeave: R,
+		onFocus: z,
+		onBlur: R,
+		onPointerDown: ee,
+		"aria-describedby": x ? P : void 0,
+		children: y
+	}), x && h(/* @__PURE__ */ m("div", {
+		ref: A,
+		id: P,
+		role: "tooltip",
+		"data-state": x ? "open" : "closed",
+		"data-placement": T,
+		"data-density": n,
+		"data-scope": "tooltip",
+		"data-part": "content",
+		className: _("owo-tooltip", Bn.content, b?.content, v),
+		style: C ? {
+			top: C.top,
+			left: C.left
+		} : { visibility: "hidden" },
+		onMouseEnter: I,
+		onMouseLeave: R,
+		children: [e, l && /* @__PURE__ */ p("span", {
+			ref: j,
+			"data-scope": "tooltip",
+			"data-part": "arrow",
+			className: _(b?.arrow),
+			style: V,
+			children: g ? g({ placement: T }) : /* @__PURE__ */ p("svg", {
+				width: Vn * 2,
+				height: Vn,
+				viewBox: "0 0 12 6",
+				children: /* @__PURE__ */ p("path", {
+					d: "M0 0l6 6 6-6z",
+					fill: "currentColor"
+				})
+			})
+		})]
+	}), document.body)] });
+}
+var qn = {
+	root: "_root_56wh4_1",
+	section: "_section_56wh4_21",
+	buttonReset: "_buttonReset_56wh4_31",
+	linkReset: "_linkReset_56wh4_32",
+	item: "_item_56wh4_42",
+	icon: "_icon_56wh4_82",
+	spacer: "_spacer_56wh4_88"
+}, Jn = n(null);
+function Yn(e) {
+	let t = a(Jn);
+	if (!t) throw Error(`${e} must be used within NavRail.`);
+	return t;
+}
+function Xn({ activeKey: e, onChange: t, classNames: n, orientation: r = "vertical", className: i, children: a, ...o }) {
+	let s = u([]), c = l(() => ({
+		activeKey: e,
+		onChange: t,
+		classNames: n,
+		orientation: r,
+		registerItem: (e) => {
+			let t = s.current.filter((t) => t.value !== e.value);
+			t.push(e), s.current = t;
+		},
+		unregisterItem: (e) => {
+			s.current = s.current.filter((t) => t.value !== e);
+		},
+		moveFocus: (e, t) => {
+			let n = s.current.filter((e) => !e.disabled && e.ref);
+			if (n.length === 0) return;
+			let r = n.findIndex((t) => t.value === e), i = n[0];
+			t === "first" && (i = n[0]), t === "last" && (i = n[n.length - 1]), t === "next" && (i = n[r >= 0 ? (r + 1) % n.length : 0]), t === "prev" && (i = n[r >= 0 ? (r - 1 + n.length) % n.length : n.length - 1]), i?.ref?.focus();
+		}
+	}), [
+		e,
+		n,
+		t,
+		r
+	]);
+	return /* @__PURE__ */ p(Jn.Provider, {
+		value: c,
+		children: /* @__PURE__ */ p("nav", {
+			"aria-label": "Navigation rail",
+			"data-scope": "nav-rail",
+			"data-orientation": r,
+			className: _("owo-nav-rail", qn.root, i),
+			...o,
+			children: a
+		})
+	});
+}
+function Zn(e) {
+	let { activeKey: t, onChange: n, classNames: r, orientation: i, registerItem: a, unregisterItem: o, moveFocus: s } = Yn("NavRail.Item"), c = t === e.value, l = (t) => {
+		let n = i === "horizontal" ? {
+			next: "ArrowRight",
+			prev: "ArrowLeft"
+		} : {
+			next: "ArrowDown",
+			prev: "ArrowUp"
+		};
+		switch (t.key) {
+			case n.next:
+				t.preventDefault(), s(e.value, "next");
+				break;
+			case n.prev:
+				t.preventDefault(), s(e.value, "prev");
+				break;
+			case "Home":
+				t.preventDefault(), s(e.value, "first");
+				break;
+			case "End":
+				t.preventDefault(), s(e.value, "last");
+				break;
+		}
+	}, u = /* @__PURE__ */ p("span", {
+		"data-scope": "nav-rail",
+		"data-part": "item",
+		"data-active": c || void 0,
+		"data-disabled": e.disabled || void 0,
+		className: _(qn.item, r?.item, e.className),
+		children: /* @__PURE__ */ p("span", {
+			"aria-hidden": "true",
+			"data-scope": "nav-rail",
+			"data-part": "icon",
+			className: _(qn.icon, r?.icon),
+			children: e.icon
+		})
+	});
+	if ("href" in e && e.href) {
+		let { value: t, icon: r, label: i, disabled: s, className: d, href: f, onClick: m, ...h } = e;
+		return /* @__PURE__ */ p(Kn, {
+			content: i,
+			density: "compact",
+			children: /* @__PURE__ */ p("a", {
+				...h,
+				ref: (e) => {
+					e ? a({
+						value: t,
+						disabled: !!s,
+						ref: e
+					}) : o(t);
+				},
+				href: s ? void 0 : f,
+				"aria-label": i,
+				"aria-disabled": s || void 0,
+				"aria-current": c ? "page" : void 0,
+				tabIndex: s ? -1 : h.tabIndex,
+				className: qn.linkReset,
+				onKeyDown: (e) => {
+					h.onKeyDown?.(e), e.defaultPrevented || l(e);
+				},
+				onClick: (e) => {
+					if (m?.(e), s) {
+						e.preventDefault();
+						return;
+					}
+					e.defaultPrevented || n?.(t);
+				},
+				children: u
+			})
+		});
+	}
+	let { value: d, icon: f, label: m, disabled: h, className: g, onClick: v, ...y } = e;
+	return /* @__PURE__ */ p(Kn, {
+		content: m,
+		density: "compact",
+		children: /* @__PURE__ */ p("button", {
+			...y,
+			ref: (e) => {
+				e ? a({
+					value: d,
+					disabled: !!h,
+					ref: e
+				}) : o(d);
+			},
+			type: "button",
+			disabled: h,
+			"aria-label": m,
+			className: qn.buttonReset,
+			onKeyDown: (e) => {
+				y.onKeyDown?.(e), e.defaultPrevented || l(e);
+			},
+			onClick: (e) => {
+				v?.(e), !e.defaultPrevented && !h && n?.(d);
+			},
+			children: u
+		})
+	});
+}
+function Qn() {
+	let { classNames: e } = Yn("NavRail.Spacer");
+	return /* @__PURE__ */ p("div", {
+		"aria-hidden": "true",
+		"data-scope": "nav-rail",
+		"data-part": "spacer",
+		className: _(qn.spacer, e?.spacer)
+	});
+}
+function $n({ label: e, className: t, children: n, ...r }) {
+	let { classNames: i } = Yn("NavRail.Section");
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "nav-rail",
+		"data-part": "section",
+		className: _(qn.section, i?.section, t),
+		"aria-label": e,
+		role: e ? "group" : void 0,
+		...r,
+		children: n
 	});
 }
-var Nn = { root: "_root_1226l_1" };
+var er = Object.assign(Xn, {
+	Item: Zn,
+	Section: $n,
+	Spacer: Qn
+}), tr = { root: "_root_1226l_1" };
 //#endregion
 //#region src/components/Panel.tsx
-function Pn({ as: e = "section", variant: t = "default", padding: n = "none", className: r, children: i, ...a }) {
+function nr({ as: e = "section", variant: t = "default", padding: n = "none", className: r, children: i, ...a }) {
 	return /* @__PURE__ */ p(e, {
 		"data-variant": t,
 		"data-padding": n === "none" ? void 0 : n,
 		"data-scope": "panel",
-		className: _("owo-panel", Nn.root, r),
+		className: _("owo-panel", tr.root, r),
 		...a,
 		children: i
 	});
 }
-function Fn({ className: e, children: t, ...n }) {
+function rr({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ p("div", {
 		"data-scope": "panel",
 		"data-part": "header",
@@ -2140,7 +2601,7 @@ function Fn({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-function In({ className: e, children: t, ...n }) {
+function ir({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ p("div", {
 		"data-scope": "panel",
 		"data-part": "body",
@@ -2149,7 +2610,7 @@ function In({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-function Ln({ className: e, children: t, ...n }) {
+function ar({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ p("div", {
 		"data-scope": "panel",
 		"data-part": "footer",
@@ -2158,193 +2619,759 @@ function Ln({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-var Rn = {
-	root: "_root_biv8a_1",
-	item: "_item_biv8a_41"
-};
-//#endregion
-//#region src/components/SegmentedControl.tsx
-function zn({ value: e, onChange: t, options: n, size: r = "md", className: i, ariaLabel: a }) {
-	return /* @__PURE__ */ p("div", {
-		role: "tablist",
-		"aria-label": a,
-		"data-size": r,
-		className: _("owo-segmented-control", Rn.root, i),
-		children: n.map((n) => {
-			let r = n.value === e;
-			return /* @__PURE__ */ p("button", {
-				type: "button",
-				role: "tab",
-				"aria-selected": r,
-				disabled: n.disabled,
-				"data-active": r ? "true" : void 0,
-				className: Rn.item,
-				onClick: () => t(n.value),
-				children: n.label
-			}, n.value);
-		})
-	});
+var or = {
+	trigger: "_trigger_93qj8_1",
+	content: "_content_93qj8_10",
+	arrow: "_arrow_93qj8_22"
+}, sr = n(null);
+function cr(e) {
+	let t = a(sr);
+	if (!t) throw Error(`${e} must be used within Popover.Root.`);
+	return t;
 }
-var Bn = {
-	root: "_root_pixr0_1",
-	valueText: "_valueText_pixr0_91",
-	placeholder: "_placeholder_pixr0_97"
-};
-//#endregion
-//#region src/components/Select.tsx
-function Vn({ value: e, onChange: t, options: n, placeholder: r = "Select…", size: a = "md", tone: c = "default", disabled: f = !1, className: h, ariaLabel: g, renderValue: v, renderOption: y, classNames: b }) {
-	let [x, S] = d(!1), [C, w] = d(-1), T = u(null), E = u(null), D = s(), O = n.find((t) => t.value === e), k = l(() => n.reduce((e, t, n) => (t.disabled || e.push(n), e), []), [n]), A = i(() => {
-		if (f || n.length === 0) return;
-		S(!0);
-		let t = n.findIndex((t) => t.value === e);
-		w(t >= 0 ? t : k[0] ?? -1);
-	}, [
-		f,
+function lr(...e) {
+	return (t) => {
+		for (let n of e) n && (typeof n == "function" ? n(t) : n.current = t);
+	};
+}
+function ur(e, t) {
+	return (n) => {
+		e?.(n), t(n);
+	};
+}
+function dr(e, t) {
+	let n = document.activeElement;
+	return n instanceof Node ? !!(e?.contains(n) || t?.contains(n)) : !1;
+}
+function fr(e) {
+	return typeof e.type == "string" && [
+		"button",
+		"a",
+		"input",
+		"select",
+		"textarea",
+		"summary"
+	].includes(e.type);
+}
+function pr({ open: e, defaultOpen: t = !1, onOpenChange: n, trigger: r = "click", classNames: a, children: o }) {
+	let [c, f] = d(t), m = e !== void 0, h = m ? e : c, g = u(null), _ = u(null), v = s(), y = s(), b = i((e) => {
+		m || f(e), n?.(e);
+	}, [m, n]), x = l(() => ({
+		open: h,
+		trigger: r,
+		setOpen: b,
+		triggerRef: g,
+		contentRef: _,
+		triggerId: v,
+		contentId: y,
+		classNames: a
+	}), [
+		h,
+		a,
+		b,
+		r,
+		v,
+		y
+	]);
+	return /* @__PURE__ */ p(sr.Provider, {
+		value: x,
+		children: o
+	});
+}
+function mr({ asChild: e = !1, disabled: n = !1, className: a, children: s }) {
+	let { open: c, trigger: l, setOpen: d, triggerRef: f, contentRef: m, triggerId: h, contentId: g, classNames: v } = cr("Popover.Trigger"), y = u(void 0), b = i(() => {
+		clearTimeout(y.current);
+	}, []), x = i(() => {
+		b(), y.current = setTimeout(() => d(!1), 100);
+	}, [b, d]);
+	if (o(() => b, [b]), !r(s)) throw Error("Popover.Trigger expects a single React element child.");
+	let S = {
+		ref: lr(s.ref, f),
+		id: h,
+		"aria-expanded": c,
+		"aria-controls": g,
+		"aria-haspopup": "dialog",
+		"data-state": c ? "open" : "closed",
+		"data-scope": "popover",
+		"data-part": "trigger",
+		className: _(!e && or.trigger, v?.trigger, a, s.props.className),
+		onClick: ur(s.props.onClick, (e) => {
+			n || (l === "click" || (e.detail ?? 0) > 0) && d(!c);
+		}),
+		onMouseEnter: ur(s.props.onMouseEnter, () => {
+			n || l !== "hover" || (b(), d(!0));
+		}),
+		onMouseLeave: ur(s.props.onMouseLeave, () => {
+			if (!(n || l !== "hover")) {
+				if (dr(f.current, m.current)) {
+					b();
+					return;
+				}
+				x();
+			}
+		}),
+		onPointerDown: ur(s.props.onPointerDown, (e) => {
+			n || l !== "hover" || e.pointerType !== "mouse" && d(!0);
+		}),
+		onFocus: ur(s.props.onFocus, () => {
+			n || l !== "hover" || (b(), d(!0));
+		}),
+		onBlur: ur(s.props.onBlur, (e) => {
+			if (n || l !== "hover") return;
+			let t = e.relatedTarget;
+			if (t && m.current?.contains(t)) {
+				b();
+				return;
+			}
+			x();
+		})
+	};
+	return e || fr(s) ? t(s, S) : /* @__PURE__ */ p("button", {
+		type: "button",
+		...S,
+		children: s
+	});
+}
+var hr = 6;
+function gr({ placement: e = "bottom", side: t = "bottom", align: n = "center", sideOffset: r = 8, alignOffset: a = 0, collisionPadding: s = 8, portal: l = !0, arrow: f = !0, matchTriggerWidth: g = !1, closeOnInteractOutside: v = !0, closeOnEscape: y = !0, closeOnPointerDownOutside: b = !0, restoreFocus: x = !0, initialFocusRef: S, onInteractOutside: C, onEscapeKeyDown: w, onPointerDownOutside: T, className: E, classNames: D, children: O, onMouseEnter: k, onMouseLeave: A, onFocus: j, onBlur: M, ...N }) {
+	let { open: P, trigger: F, setOpen: I, triggerRef: L, contentRef: R, contentId: z, triggerId: ee, classNames: B } = cr("Popover.Content"), [V, H] = d(null), [U, te] = d("bottom"), [W, G] = d({}), [K, ne] = d(null), q = u(null), J = u(void 0), Y = i(() => {
+		clearTimeout(J.current);
+	}, []), X = i(() => {
+		Y(), J.current = setTimeout(() => I(!1), 100);
+	}, [Y, I]);
+	if (c(() => {
+		if (!P || !L.current || !R.current) return;
+		let i = e === "auto" ? t : e ?? (n === "center" ? t : `${t}-${n}`), o = [
+			Zt({
+				mainAxis: f ? r + hr : r,
+				crossAxis: a
+			}),
+			$t({ padding: s }),
+			Qt({ padding: s })
+		];
+		return f && q.current && o.push(en({ element: q.current })), Xt(L.current, R.current, () => {
+			!L.current || !R.current || tn(L.current, R.current, {
+				placement: i,
+				strategy: "fixed",
+				middleware: o
+			}).then(({ x: e, y: t, placement: n, middlewareData: r }) => {
+				H({
+					top: t,
+					left: e
+				}), te(n), ne(L.current?.offsetWidth ?? null), r.arrow && G({
+					x: r.arrow.x,
+					y: r.arrow.y
+				});
+			});
+		});
+	}, [
 		n,
+		a,
+		f,
+		s,
+		R,
+		g,
+		P,
 		e,
-		k
-	]), j = i(() => {
-		S(!1), w(-1);
-	}, []), M = i((e) => {
-		e.disabled || (t(e.value), j());
-	}, [t, j]);
-	o(() => {
-		if (!x) return;
+		t,
+		r,
+		L
+	]), o(() => {
+		if (!P) return;
+		F === "click" && requestAnimationFrame(() => {
+			let e = R.current;
+			if (!e) return;
+			if (S?.current) {
+				S.current.focus();
+				return;
+			}
+			let t = e.querySelector("button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])");
+			if (t) {
+				t.focus();
+				return;
+			}
+			e.focus();
+		});
 		function e(e) {
-			T.current && !T.current.contains(e.target) && j();
+			let t = e.target;
+			R.current?.contains(t) || L.current?.contains(t) || (C?.(t), T?.(t), !(!v || !b) && (I(!1), x && L.current?.focus()));
 		}
-		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [x, j]), o(() => {
-		!x || C < 0 || (E.current?.children[C])?.scrollIntoView({ block: "nearest" });
-	}, [x, C]);
+		function t(e) {
+			e.key === "Escape" && (w?.(), y && (e.stopPropagation(), I(!1), x && L.current?.focus()));
+		}
+		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
+		};
+	}, [
+		y,
+		v,
+		b,
+		R,
+		S,
+		w,
+		C,
+		T,
+		P,
+		x,
+		I,
+		L,
+		F
+	]), o(() => Y, [Y]), !P) return null;
+	let re = U.split("-")[0], ie = { position: "absolute" };
+	re === "top" || re === "bottom" ? (ie.left = W.x ?? 0, ie[re === "top" ? "bottom" : "top"] = -hr) : (ie.top = W.y ?? 0, ie[re === "left" ? "right" : "left"] = -hr);
+	let ae = /* @__PURE__ */ m("div", {
+		ref: R,
+		id: z,
+		role: "dialog",
+		"aria-modal": "false",
+		"aria-labelledby": ee,
+		tabIndex: -1,
+		"data-state": "open",
+		"data-placement": re,
+		"data-scope": "popover",
+		"data-part": "content",
+		className: _("owo-popover", or.content, B?.content, D?.content, E),
+		style: V ? {
+			top: V.top,
+			left: V.left,
+			width: g && K ? K : void 0
+		} : {
+			top: 0,
+			left: 0,
+			width: g && K ? K : void 0
+		},
+		onMouseEnter: (e) => {
+			k?.(e), F === "hover" && Y();
+		},
+		onMouseLeave: (e) => {
+			if (A?.(e), F === "hover") {
+				if (dr(L.current, R.current)) {
+					Y();
+					return;
+				}
+				X();
+			}
+		},
+		onFocus: (e) => {
+			j?.(e), F === "hover" && Y();
+		},
+		onBlur: (e) => {
+			if (M?.(e), F !== "hover") return;
+			let t = e.relatedTarget;
+			if (t && (R.current?.contains(t) || L.current?.contains(t))) {
+				Y();
+				return;
+			}
+			X();
+		},
+		...N,
+		children: [O, f && /* @__PURE__ */ p("span", {
+			ref: q,
+			"data-scope": "popover",
+			"data-part": "arrow",
+			className: _(or.arrow, B?.arrow, D?.arrow),
+			style: ie
+		})]
+	});
+	return l ? h(ae, document.body) : ae;
+}
+var _r = Object.assign(pr, {
+	Root: pr,
+	Trigger: mr,
+	Content: gr
+}), vr = {
+	group: "_group_bhiyd_1",
+	root: "_root_bhiyd_13",
+	input: "_input_bhiyd_27",
+	control: "_control_bhiyd_40",
+	indicator: "_indicator_bhiyd_55",
+	label: "_label_bhiyd_107"
+}, yr = n(null);
+function br() {
+	return a(yr);
+}
+function xr({ checked: e, defaultChecked: t, onCheckedChange: n, size: r = "md", invalid: i, disabled: a, required: o, id: s, name: c, value: l = "on", className: u, ariaLabel: d, children: f, onKeyDown: h, "aria-describedby": g, ...v }) {
+	let y = br(), b = ee(), x = V({
+		id: s,
+		disabled: a,
+		required: o,
+		invalid: i,
+		"aria-describedby": g
+	}), S = String(l), C = y ? y.value === S : e, [w, T] = H({
+		value: e,
+		defaultValue: t,
+		onChange: n,
+		fallback: !1
+	}), E = y ? C : w, D = y?.disabled ?? x.disabled, O = y?.invalid ?? x.invalid, k = y?.required ?? x.required, A = y?.name ?? c, j = y?.size ?? r, M = y?.describedBy ?? x["aria-describedby"];
+	B({
+		componentName: "Radio",
+		ariaLabel: d,
+		labelledBy: y ? void 0 : b?.labelId,
+		hasVisibleLabel: f != null,
+		disabled: D
+	});
 	function N(e) {
-		if (!f) switch (e.key) {
+		if (y) switch (e.key) {
+			case "ArrowRight":
+			case "ArrowDown":
+				e.preventDefault(), y.moveSelection(S, "next");
+				break;
+			case "ArrowLeft":
+			case "ArrowUp":
+				e.preventDefault(), y.moveSelection(S, "prev");
+				break;
+			case "Home":
+				e.preventDefault(), y.moveSelection(S, "first");
+				break;
+			case "End":
+				e.preventDefault(), y.moveSelection(S, "last");
+				break;
+		}
+	}
+	return /* @__PURE__ */ m("label", {
+		"data-scope": "radio",
+		"data-part": "root",
+		"data-disabled": D || void 0,
+		"data-invalid": O || void 0,
+		className: _("owo-radio", vr.root, u),
+		children: [
+			/* @__PURE__ */ p("input", {
+				...v,
+				ref: (e) => {
+					y != null && (e ? y.registerItem({
+						value: S,
+						disabled: !!a,
+						ref: e
+					}) : y.unregisterItem(S));
+				},
+				id: y ? void 0 : x.id,
+				type: "radio",
+				name: A,
+				value: l,
+				checked: !!E,
+				disabled: D,
+				required: k,
+				"aria-label": d,
+				"aria-describedby": M,
+				"aria-invalid": O || void 0,
+				className: vr.input,
+				onChange: (e) => {
+					if (!D) {
+						if (y) {
+							y.selectValue(String(e.target.value));
+							return;
+						}
+						T(!0);
+					}
+				},
+				onKeyDown: (e) => {
+					h?.(e), e.defaultPrevented || N(e);
+				}
+			}),
+			/* @__PURE__ */ p("span", {
+				"data-scope": "radio",
+				"data-part": "control",
+				"data-size": j,
+				className: vr.control,
+				children: /* @__PURE__ */ p("span", {
+					"data-scope": "radio",
+					"data-part": "indicator",
+					className: vr.indicator
+				})
+			}),
+			f != null && /* @__PURE__ */ p("span", {
+				"data-scope": "radio",
+				"data-part": "label",
+				className: vr.label,
+				children: f
+			})
+		]
+	});
+}
+function Sr({ value: e, defaultValue: t, onValueChange: n, options: r, size: i = "md", orientation: a = "vertical", disabled: o, required: s, invalid: c, id: d, name: f, className: m, ariaLabel: h, children: g, "aria-describedby": v }) {
+	let y = ee(), [b, x] = H({
+		value: e,
+		defaultValue: t,
+		onChange: (e) => {
+			e !== void 0 && n?.(e);
+		},
+		fallback: void 0
+	}), S = V({
+		id: d,
+		disabled: o,
+		required: s,
+		invalid: c,
+		"aria-describedby": v
+	});
+	B({
+		componentName: "RadioGroup",
+		ariaLabel: h,
+		labelledBy: y?.labelId,
+		disabled: S.disabled
+	});
+	let C = u([]), w = l(() => ({
+		name: f,
+		value: b,
+		disabled: S.disabled,
+		invalid: S.invalid,
+		required: S.required,
+		size: i,
+		orientation: a,
+		describedBy: S["aria-describedby"],
+		selectValue: (e) => {
+			x(e);
+		},
+		registerItem: (e) => {
+			let t = C.current.filter((t) => t.value !== e.value);
+			t.push(e), C.current = t;
+		},
+		unregisterItem: (e) => {
+			C.current = C.current.filter((t) => t.value !== e);
+		},
+		moveSelection: (e, t) => {
+			let n = C.current.filter((e) => !e.disabled);
+			if (n.length === 0) return;
+			let r = n.findIndex((t) => t.value === e), i = n[0];
+			t === "first" && (i = n[0]), t === "last" && (i = n[n.length - 1]), t === "next" && (i = n[r >= 0 ? (r + 1) % n.length : 0]), t === "prev" && (i = n[r >= 0 ? (r - 1 + n.length) % n.length : n.length - 1]), x(i.value), i.ref?.focus();
+		}
+	}), [
+		S.disabled,
+		S.invalid,
+		S.required,
+		S["aria-describedby"],
+		f,
+		a,
+		x,
+		i,
+		b
+	]), T = r?.findIndex((e) => e.value === b) ?? -1, E = r?.findIndex((e) => !e.disabled) ?? -1, D = T >= 0 ? r?.[T]?.value : r?.[E]?.value, O = r?.map((e) => /* @__PURE__ */ p(xr, {
+		value: e.value,
+		disabled: e.disabled,
+		ariaLabel: typeof e.label == "string" ? e.label : e.textValue,
+		tabIndex: e.disabled || S.disabled ? -1 : D === e.value ? 0 : -1,
+		children: e.label
+	}, e.value));
+	return /* @__PURE__ */ p(yr.Provider, {
+		value: w,
+		children: /* @__PURE__ */ p("div", {
+			role: "radiogroup",
+			id: S.id,
+			"aria-label": h,
+			"aria-labelledby": h ? void 0 : y?.labelId,
+			"aria-describedby": S["aria-describedby"],
+			"aria-invalid": S.invalid || void 0,
+			"aria-required": S.required || void 0,
+			"data-scope": "radio-group",
+			"data-part": "group",
+			"data-size": i,
+			"data-orientation": a,
+			"data-disabled": S.disabled || void 0,
+			"data-invalid": S.invalid || void 0,
+			className: _("owo-radio-group", vr.group, m),
+			children: r ? O : g
+		})
+	});
+}
+var Cr = {
+	root: "_root_c2l0v_1",
+	item: "_item_c2l0v_41"
+};
+//#endregion
+//#region src/components/SegmentedControl.tsx
+function wr({ value: e, defaultValue: t, onValueChange: n, options: r, size: i = "md", disabled: a, required: o, invalid: s, id: c, name: l, className: d, ariaLabel: f, "aria-describedby": h }) {
+	let g = ee(), [v, y] = H({
+		value: e,
+		defaultValue: t,
+		onChange: n,
+		fallback: r.find((e) => !e.disabled)?.value ?? r[0]?.value ?? ""
+	}), b = V({
+		id: c,
+		disabled: a,
+		required: o,
+		invalid: s,
+		"aria-describedby": h
+	});
+	B({
+		componentName: "SegmentedControl",
+		ariaLabel: f,
+		labelledBy: g?.labelId,
+		disabled: b.disabled
+	});
+	let x = u([]), S = r.reduce((e, t, n) => (!t.disabled && !b.disabled && e.push(n), e), []), C = r.findIndex((e) => e.value === v), w = C >= 0 && !r[C]?.disabled ? C : -1, T = w >= 0 ? w : S[0] ?? -1, E = w >= 0 ? v : void 0;
+	function D(e, t) {
+		if (S.length === 0) return;
+		let n = S.indexOf(e), i;
+		t === "first" && (i = S[0]), t === "last" && (i = S[S.length - 1]), t === "next" && (i = n >= 0 ? S[(n + 1) % S.length] : S[0]), t === "prev" && (i = n >= 0 ? S[(n - 1 + S.length) % S.length] : S[S.length - 1]), i !== void 0 && (y(r[i].value), x.current[i]?.focus());
+	}
+	return /* @__PURE__ */ m("div", {
+		role: "radiogroup",
+		id: b.id,
+		"aria-label": f,
+		"aria-labelledby": f ? void 0 : g?.labelId,
+		"aria-describedby": b["aria-describedby"],
+		"aria-invalid": b.invalid || void 0,
+		"aria-required": b.required || void 0,
+		"data-size": i,
+		"data-disabled": b.disabled || void 0,
+		"data-invalid": b.invalid || void 0,
+		className: _("owo-segmented-control", Cr.root, d),
+		children: [r.map((e, t) => {
+			let n = e.value === v, r = e.disabled || b.disabled;
+			return /* @__PURE__ */ p("button", {
+				ref: (e) => {
+					x.current[t] = e;
+				},
+				type: "button",
+				role: "radio",
+				"aria-checked": n,
+				disabled: r,
+				tabIndex: r ? -1 : t === T ? 0 : -1,
+				"data-disabled": r || void 0,
+				"data-active": n ? "true" : void 0,
+				className: Cr.item,
+				onClick: () => y(e.value),
+				onKeyDown: (e) => {
+					if (!r) switch (e.key) {
+						case "ArrowRight":
+						case "ArrowDown":
+							e.preventDefault(), D(t, "next");
+							break;
+						case "ArrowLeft":
+						case "ArrowUp":
+							e.preventDefault(), D(t, "prev");
+							break;
+						case "Home":
+							e.preventDefault(), D(t, "first");
+							break;
+						case "End":
+							e.preventDefault(), D(t, "last");
+							break;
+					}
+				},
+				children: e.label
+			}, e.value);
+		}), l != null && E !== void 0 && /* @__PURE__ */ p("input", {
+			type: "hidden",
+			name: l,
+			value: E,
+			disabled: b.disabled,
+			"aria-hidden": "true"
+		})]
+	});
+}
+var Tr = {
+	root: "_root_11cvf_1",
+	nativeControl: "_nativeControl_11cvf_6",
+	valueText: "_valueText_11cvf_109",
+	placeholder: "_placeholder_11cvf_115"
+}, Er = "";
+function Dr(e) {
+	return e.textValue ? e.textValue : typeof e.label == "string" ? e.label : "";
+}
+function Or({ value: e, defaultValue: t, onValueChange: n, open: r, defaultOpen: a = !1, onOpenChange: c, options: f, placeholder: h = "Select…", size: g = "md", tone: v = "default", disabled: y, required: b, invalid: x, id: S, name: C, className: w, ariaLabel: T, "aria-describedby": E, renderValue: D, renderOption: O, classNames: k }) {
+	let A = ee(), j = e !== void 0, M = e === null ? Er : e ?? void 0, [N, P] = H({
+		value: M === void 0 ? void 0 : M,
+		defaultValue: t ?? Er,
+		onChange: (e) => {
+			n?.(e === "" ? void 0 : e);
+		},
+		fallback: Er,
+		isControlled: j
+	}), F = V({
+		id: S,
+		disabled: y,
+		required: b,
+		invalid: x,
+		"aria-describedby": E
+	}), I = F.disabled;
+	B({
+		componentName: "Select",
+		ariaLabel: T,
+		labelledBy: A?.labelId,
+		disabled: I
+	});
+	let [L, R] = H({
+		value: r,
+		defaultValue: a,
+		onChange: c,
+		fallback: !1,
+		isControlled: r !== void 0
+	}), [z, U] = d(-1), te = u(null), W = u(null), G = s(), K = f.find((e) => e.value === N), ne = K ? N : Er, q = K ? Dr(K) : "", J = l(() => f.reduce((e, t, n) => (t.disabled || e.push(n), e), []), [f]), Y = i(() => {
+		if (I || f.length === 0) return;
+		R(!0);
+		let e = f.findIndex((e) => e.value === N);
+		U(e >= 0 ? e : J[0] ?? -1);
+	}, [
+		I,
+		f,
+		N,
+		J
+	]), X = i(() => {
+		R(!1), U(-1);
+	}, []), re = i((e) => {
+		e.disabled || (P(e.value), X());
+	}, [P, X]);
+	o(() => {
+		if (!L) return;
+		function e(e) {
+			te.current && !te.current.contains(e.target) && X();
+		}
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, [L, X]), o(() => {
+		!L || z < 0 || (W.current?.children[z])?.scrollIntoView?.({ block: "nearest" });
+	}, [L, z]);
+	function ie(e) {
+		if (!I) switch (e.key) {
 			case "Enter":
 			case " ":
-				e.preventDefault(), x ? C >= 0 && n[C] && !n[C].disabled && M(n[C]) : A();
+				e.preventDefault(), L ? z >= 0 && f[z] && !f[z].disabled && re(f[z]) : Y();
 				break;
 			case "ArrowDown":
-				if (e.preventDefault(), !x) A();
+				if (e.preventDefault(), !L) Y();
 				else {
-					let e = k[k.indexOf(C) + 1];
-					e !== void 0 && w(e);
+					let e = J[J.indexOf(z) + 1];
+					e !== void 0 && U(e);
 				}
 				break;
 			case "ArrowUp":
-				if (e.preventDefault(), !x) A();
+				if (e.preventDefault(), !L) Y();
 				else {
-					let e = k[k.indexOf(C) - 1];
-					e !== void 0 && w(e);
+					let e = J[J.indexOf(z) - 1];
+					e !== void 0 && U(e);
 				}
 				break;
 			case "Escape":
-				x && (e.preventDefault(), j());
+				L && (e.preventDefault(), X());
 				break;
 			case "Tab":
-				x && j();
+				L && X();
 				break;
 		}
 	}
-	let ee = e !== "" && O, P = v ? v({
-		open: x,
-		placeholder: r,
-		selectedOption: O
+	let ae = N !== Er && K, oe = ae ? K.label : null, se = D ? D({
+		open: L,
+		placeholder: h,
+		selectedOption: K
 	}) : /* @__PURE__ */ p("span", {
-		className: _(Bn.valueText, !ee && Bn.placeholder),
-		children: ee ? O.label : r
+		className: _(Tr.valueText, !ae && Tr.placeholder),
+		children: ae ? oe : h
 	});
 	return /* @__PURE__ */ m("div", {
-		ref: T,
-		"data-state": x ? "open" : "closed",
-		"data-disabled": f || void 0,
-		"data-size": a,
-		"data-tone": c,
+		ref: te,
+		"data-state": L ? "open" : "closed",
+		"data-disabled": I || void 0,
+		"data-invalid": F.invalid || void 0,
+		"data-size": g,
+		"data-tone": v,
 		"data-scope": "select",
-		className: _("owo-select", Bn.root, h),
-		children: [/* @__PURE__ */ m("button", {
-			type: "button",
-			role: "combobox",
-			"aria-expanded": x,
-			"aria-haspopup": "listbox",
-			"aria-controls": D,
-			"aria-label": g,
-			"aria-activedescendant": x && C >= 0 ? `${D}-opt-${C}` : void 0,
-			"data-state": x ? "open" : "closed",
-			"data-disabled": f || void 0,
-			"data-tone": c,
-			"data-size": a,
-			"data-has-value": ee || void 0,
-			"data-scope": "select",
-			"data-part": "trigger",
-			disabled: f,
-			className: _(b?.trigger),
-			onClick: () => x ? j() : A(),
-			onKeyDown: N,
-			children: [P, /* @__PURE__ */ p("svg", {
-				"aria-hidden": "true",
-				"data-state": x ? "open" : "closed",
+		className: _("owo-select", Tr.root, w),
+		children: [
+			/* @__PURE__ */ m("button", {
+				type: "button",
+				role: "combobox",
+				id: F.id,
+				"aria-expanded": L,
+				"aria-haspopup": "listbox",
+				"aria-controls": G,
+				"aria-label": T,
+				"aria-describedby": F["aria-describedby"],
+				"aria-invalid": F.invalid || void 0,
+				"aria-required": F.required || void 0,
+				"aria-activedescendant": L && z >= 0 ? `${G}-opt-${z}` : void 0,
+				"data-state": L ? "open" : "closed",
+				"data-disabled": I || void 0,
+				"data-tone": v,
+				"data-size": g,
+				"data-has-value": ae || void 0,
 				"data-scope": "select",
-				"data-part": "chevron",
-				className: _(b?.chevron),
-				viewBox: "0 0 16 16",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				children: /* @__PURE__ */ p("path", { d: "M4 6l4 4 4-4" })
-			})]
-		}), x && /* @__PURE__ */ p("ul", {
-			ref: E,
-			id: D,
-			role: "listbox",
-			"aria-label": g,
-			"data-state": "open",
-			"data-size": a,
-			"data-scope": "select",
-			"data-part": "dropdown",
-			className: _(b?.dropdown),
-			children: n.map((t, n) => /* @__PURE__ */ p("li", {
-				id: `${D}-opt-${n}`,
-				role: "option",
-				"aria-selected": t.value === e,
-				"aria-disabled": t.disabled || void 0,
-				"data-state": t.value === e ? "selected" : n === C ? "highlighted" : "idle",
-				"data-focused": n === C || void 0,
-				"data-selected": t.value === e || void 0,
-				"data-disabled": t.disabled || void 0,
-				"data-highlighted": n === C || void 0,
+				"data-part": "trigger",
+				disabled: I,
+				className: _(k?.trigger),
+				onClick: () => L ? X() : Y(),
+				onKeyDown: ie,
+				children: [se, /* @__PURE__ */ p("svg", {
+					"aria-hidden": "true",
+					"data-state": L ? "open" : "closed",
+					"data-scope": "select",
+					"data-part": "chevron",
+					className: _(k?.chevron),
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ p("path", { d: "M4 6l4 4 4-4" })
+				})]
+			}),
+			L && /* @__PURE__ */ p("ul", {
+				ref: W,
+				id: G,
+				role: "listbox",
+				"aria-label": T ?? (q || h),
+				"data-state": "open",
+				"data-size": g,
 				"data-scope": "select",
-				"data-part": "option",
-				className: _(b?.option),
-				onClick: () => M(t),
-				onMouseEnter: () => !t.disabled && w(n),
-				children: y ? y({
-					option: t,
-					index: n,
-					selected: t.value === e,
-					highlighted: n === C
-				}) : t.label
-			}, t.value))
-		})]
+				"data-part": "dropdown",
+				className: _(k?.dropdown),
+				children: f.map((e, t) => /* @__PURE__ */ p("li", {
+					id: `${G}-opt-${t}`,
+					role: "option",
+					"aria-selected": e.value === N,
+					"aria-disabled": e.disabled || void 0,
+					"data-state": e.value === N ? "selected" : t === z ? "highlighted" : "idle",
+					"data-focused": t === z || void 0,
+					"data-selected": e.value === N || void 0,
+					"data-disabled": e.disabled || void 0,
+					"data-highlighted": t === z || void 0,
+					"data-scope": "select",
+					"data-part": "option",
+					className: _(k?.option),
+					onClick: () => re(e),
+					onMouseEnter: () => !e.disabled && U(t),
+					children: O ? O({
+						option: e,
+						index: t,
+						selected: e.value === N,
+						highlighted: t === z
+					}) : e.label
+				}, e.value))
+			}),
+			(C != null || F.required) && /* @__PURE__ */ m("select", {
+				tabIndex: -1,
+				"aria-hidden": "true",
+				"data-native-control": "true",
+				className: Tr.nativeControl,
+				name: K ? C : void 0,
+				value: ne,
+				disabled: I,
+				required: F.required,
+				onChange: () => {},
+				children: [/* @__PURE__ */ p("option", { value: Er }), f.map((e) => /* @__PURE__ */ p("option", {
+					value: e.value,
+					disabled: e.disabled,
+					children: Dr(e)
+				}, e.value))]
+			})
+		]
 	});
 }
-var Hn = {
+var kr = {
 	root: "_root_1sshx_1",
 	"owo-skeleton-breathe": "_owo-skeleton-breathe_1sshx_1",
 	"owo-skeleton-scan": "_owo-skeleton-scan_1sshx_1"
-}, Un = {
+}, Ar = {
 	slow: "4s",
 	medium: "3s",
 	fast: "2s"
 };
-function Wn({ className: e, animation: t = "scan", tone: n = "default", speed: r = "medium", style: i, ...a }) {
+function jr({ className: e, animation: t = "scan", tone: n = "default", speed: r = "medium", style: i, ...a }) {
 	let o = n === "warm" ? "emphasis" : n, s = {
 		...i,
-		"--_owo-skeleton-scan-duration": Un[r]
+		"--_owo-skeleton-scan-duration": Ar[r]
 	};
 	return /* @__PURE__ */ p("div", {
-		className: _("owo-skeleton", Hn.root, e),
+		className: _("owo-skeleton", kr.root, e),
 		"data-animation": t,
 		"data-tone": o,
 		"aria-hidden": "true",
@@ -2352,7 +3379,7 @@ function Wn({ className: e, animation: t = "scan", tone: n = "default", speed: r
 		...a
 	});
 }
-var $ = {
+var Mr = {
 	root: "_root_h4455_1",
 	withIcon: "_withIcon_h4455_19",
 	icon: "_icon_h4455_25",
@@ -2363,32 +3390,33 @@ var $ = {
 };
 //#endregion
 //#region src/components/StatusNotice.tsx
-function Gn({ tone: e = "neutral", layout: t = "horizontal", icon: n, title: r, description: i, action: a, className: o, children: s, classNames: c, ...l }) {
+function Nr({ tone: e = "neutral", layout: t = "horizontal", icon: n, title: r, description: i, action: a, className: o, children: s, classNames: c, ...l }) {
+	let u = i ?? s;
 	if (t === "vertical") {
 		let t = n || r || i || a;
 		return /* @__PURE__ */ p("div", {
 			"data-tone": e,
 			"data-layout": "vertical",
-			className: _("owo-status-notice", $.root, o),
+			className: _("owo-status-notice", Mr.root, o),
 			...l,
 			children: /* @__PURE__ */ p("div", {
 				"data-part": "body",
-				className: _($.body, c?.body),
+				className: _(Mr.body, c?.body),
 				children: t ? /* @__PURE__ */ m(f, { children: [
 					n ? /* @__PURE__ */ p("div", {
 						"data-part": "icon",
-						className: _($.icon, c?.icon),
+						className: _(Mr.icon, c?.icon),
 						children: n
 					}) : null,
 					r ? /* @__PURE__ */ p("div", {
 						"data-part": "title",
-						className: _($.title, c?.title),
+						className: _(Mr.title, c?.title),
 						children: r
 					}) : null,
-					i ? /* @__PURE__ */ p("div", { children: i }) : s,
+					i == null ? s : /* @__PURE__ */ p("div", { children: i }),
 					a ? /* @__PURE__ */ p("div", {
 						"data-part": "action",
-						className: _($.action, c?.action),
+						className: _(Mr.action, c?.action),
 						children: a
 					}) : null
 				] }) : s
@@ -2397,112 +3425,840 @@ function Gn({ tone: e = "neutral", layout: t = "horizontal", icon: n, title: r,
 	}
 	return /* @__PURE__ */ m("div", {
 		"data-tone": e,
-		className: _("owo-status-notice", $.root, n && $.withIcon, o),
+		className: _("owo-status-notice", Mr.root, n && Mr.withIcon, o),
 		...l,
 		children: [n ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
 			"data-part": "icon",
-			className: _($.icon, c?.icon),
+			className: _(Mr.icon, c?.icon),
 			"aria-hidden": "true",
 			children: n
 		}), /* @__PURE__ */ m("div", {
 			"data-part": "body",
-			className: _($.text, c?.body),
+			className: _(Mr.text, c?.body),
 			children: [r ? /* @__PURE__ */ p("div", {
 				"data-part": "title",
-				className: _($.title, c?.title),
+				className: _(Mr.title, c?.title),
 				children: r
-			}) : null, s]
+			}) : null, u]
 		})] }) : /* @__PURE__ */ m("div", {
 			"data-part": "body",
 			className: _(c?.body),
 			children: [r ? /* @__PURE__ */ p("div", {
 				"data-part": "title",
-				className: _($.title, c?.title),
+				className: _(Mr.title, c?.title),
 				children: r
-			}) : null, s]
+			}) : null, u]
 		}), a ? /* @__PURE__ */ p("div", {
 			"data-part": "action",
-			className: _($.action, c?.action),
+			className: _(Mr.action, c?.action),
 			children: a
 		}) : null]
 	});
 }
-var Kn = {
-	root: "_root_1qzgu_1",
-	thumb: "_thumb_1qzgu_81"
+var Pr = {
+	root: "_root_91dlh_1",
+	thumb: "_thumb_91dlh_81"
 };
 //#endregion
 //#region src/components/Switch.tsx
-function qn({ checked: e, onChange: t, size: n = "md", disabled: r = !1, className: i, ariaLabel: a }) {
-	return /* @__PURE__ */ p("button", {
+function Fr({ checked: e, defaultChecked: t, onCheckedChange: n, size: r = "md", disabled: i, required: a, invalid: o, id: s, name: c, className: l, ariaLabel: u, "aria-describedby": d }) {
+	let f = ee(), [h, g] = H({
+		value: e,
+		defaultValue: t,
+		onChange: n,
+		fallback: !1
+	}), v = V({
+		id: s,
+		disabled: i,
+		required: a,
+		invalid: o,
+		"aria-describedby": d
+	});
+	return B({
+		componentName: "Switch",
+		ariaLabel: u,
+		labelledBy: f?.labelId,
+		disabled: v.disabled
+	}), /* @__PURE__ */ m("button", {
 		type: "button",
 		role: "switch",
-		"aria-checked": e,
-		"aria-label": a,
-		disabled: r,
-		"data-size": n,
-		className: _("owo-switch", Kn.root, i),
-		onClick: () => t(!e),
-		children: /* @__PURE__ */ p("span", {
+		id: v.id,
+		"aria-checked": h,
+		"aria-label": u,
+		"aria-describedby": v["aria-describedby"],
+		"aria-invalid": v.invalid || void 0,
+		"aria-required": v.required || void 0,
+		disabled: v.disabled,
+		"data-size": r,
+		"data-invalid": v.invalid || void 0,
+		className: _("owo-switch", Pr.root, l),
+		onClick: () => g(!h),
+		children: [/* @__PURE__ */ p("span", {
 			"aria-hidden": "true",
-			className: Kn.thumb
+			className: Pr.thumb
+		}), c != null && /* @__PURE__ */ p("input", {
+			type: "checkbox",
+			name: c,
+			checked: h,
+			disabled: v.disabled,
+			hidden: !0,
+			readOnly: !0,
+			tabIndex: -1,
+			"aria-hidden": "true"
+		})]
+	});
+}
+var $ = {
+	root: "_root_8sfay_1",
+	table: "_table_8sfay_10",
+	header: "_header_8sfay_14",
+	headerSticky: "_headerSticky_8sfay_19",
+	body: "_body_8sfay_25",
+	row: "_row_8sfay_31",
+	stateRow: "_stateRow_8sfay_46",
+	cell: "_cell_8sfay_50",
+	headerCell: "_headerCell_8sfay_70",
+	headerLabel: "_headerLabel_8sfay_76",
+	headerSortButton: "_headerSortButton_8sfay_81",
+	selectionCell: "_selectionCell_8sfay_105",
+	sortIndicator: "_sortIndicator_8sfay_113",
+	resizeHandle: "_resizeHandle_8sfay_117",
+	loadingState: "_loadingState_8sfay_153",
+	stateCell: "_stateCell_8sfay_157",
+	skeletonStack: "_skeletonStack_8sfay_161",
+	skeletonCell: "_skeletonCell_8sfay_166",
+	empty: "_empty_8sfay_175"
+}, Ir = ["asc", "desc"], Lr = 72, Rr = 16;
+function zr(e, t) {
+	if (e.size !== t.size) return !1;
+	for (let n of e) if (!t.has(n)) return !1;
+	return !0;
+}
+function Br(e, t, n) {
+	return typeof e.accessor == "function" ? e.accessor(t, n) : e.accessor ? t[e.accessor] : t[e.key];
+}
+function Vr(e, t) {
+	return e == null && t == null ? 0 : e == null ? -1 : t == null ? 1 : typeof e == "number" && typeof t == "number" ? e - t : typeof e == "boolean" && typeof t == "boolean" ? Number(e) - Number(t) : String(e).localeCompare(String(t), void 0, {
+		numeric: !0,
+		sensitivity: "base"
+	});
+}
+function Hr(e, t, n) {
+	if (e === "single") return new Set(t.has(n) ? [] : [n]);
+	let r = new Set(t);
+	return r.has(n) ? r.delete(n) : r.add(n), r;
+}
+function Ur(e, t) {
+	return e ? t === "ternary" && e === "desc" ? null : Ir[(Ir.indexOf(e) + 1) % Ir.length] : Ir[0];
+}
+function Wr(e, t) {
+	if (t.length === 0) return /* @__PURE__ */ new Set();
+	let n = new Set(t), r = new Set(Array.from(e ?? t).filter((e) => n.has(e)));
+	return r.size === 0 && r.add(t[0]), r;
+}
+function Gr({ type: e, checked: t, label: n, indeterminate: r = !1, disabled: i = !1, className: a, part: o, name: s, onChange: c, onClick: l }) {
+	return /* @__PURE__ */ p("input", {
+		type: e,
+		name: s,
+		checked: t,
+		disabled: i,
+		"aria-label": n,
+		"aria-checked": e === "checkbox" && r ? "mixed" : void 0,
+		"data-scope": "table",
+		"data-part": o,
+		className: a,
+		ref: (t) => {
+			t && e === "checkbox" && (t.indeterminate = r);
+		},
+		onChange: c,
+		onClick: l
+	});
+}
+function Kr({ columns: e, data: t, visibleColumnKeys: n, defaultVisibleColumnKeys: r, columnWidths: i, defaultColumnWidths: a, onColumnWidthsChange: s, getRowId: f, selectionMode: h, selectedRows: g, defaultSelectedRows: v, onSelectionChange: y, sort: b, defaultSort: x = null, onSort: S, onSortChange: C, sortCycle: w = "binary", getSortButtonAriaLabel: T, selectionColumnAriaLabel: E = "Row selection", getRowSelectionAriaLabel: D, getSelectAllAriaLabel: O, isRowSelectable: k, rowHeight: A = "default", stickyHeader: j = !1, virtualized: M = !1, loading: N = !1, loadingState: P, skeletonRows: F = 5, emptyState: I, className: L, classNames: R }) {
+	let [z, ee] = d(r ? new Set(r) : null), [B, V] = d(a ?? {}), [H, U] = d(v ?? /* @__PURE__ */ new Set()), [te, W] = d(x), [G, K] = d(0), [ne, q] = d(0), J = n !== void 0, Y = i !== void 0, X = g !== void 0, re = b !== void 0, ie = !!h, ae = u(null), oe = u(/* @__PURE__ */ new Map()), se = u(!1), ce = u(e.map((e) => e.key)), le = u(null), ue = l(() => e.map((e) => e.key), [e]), de = l(() => Wr(J ? n : z, ue), [
+		ue,
+		z,
+		n,
+		J
+	]), fe = l(() => e.filter((e) => de.has(e.key)), [de, e]), pe = Y ? i : B, me = u(pe);
+	me.current = pe;
+	let he = u(Y);
+	he.current = Y;
+	let ge = u(s);
+	ge.current = s;
+	let _e = X ? g : H, ve = re ? b ?? null : te, Z = ve && de.has(ve.key) ? ve : null, ye = l(() => {
+		if (!Z) return t;
+		let n = e.find((e) => e.key === Z.key);
+		return n ? t.map((e, t) => ({
+			row: e,
+			index: t,
+			sortValue: Br(n, e, t)
+		})).sort((e, t) => {
+			let r = n.compare ? n.compare(e.row, t.row, e.index, t.index) : Vr(e.sortValue, t.sortValue);
+			return r === 0 ? e.index - t.index : Z.direction === "asc" ? r : -r;
+		}).map((e) => e.row) : t;
+	}, [
+		e,
+		t,
+		Z
+	]), be = A === "compact" ? 36 : 44, xe = typeof M == "object" ? M : void 0, Q = !!M, Se = xe?.height ?? 320, Ce = xe?.overscan ?? 4, we = l(() => {
+		let e = fe.map((e) => {
+			let t = pe[e.key];
+			return t == null ? e.width == null ? "minmax(0, 1fr)" : typeof e.width == "number" ? `${e.width}px` : e.width : `${t}px`;
+		});
+		return h && e.unshift("2.75rem"), e.join(" ");
+	}, [
+		pe,
+		h,
+		fe
+	]), Te = ye.length * be, Ee = Q ? Math.ceil(Se / be) + Ce * 2 : ye.length, De = Q ? Math.max(0, Math.floor(G / be) - Ce) : 0, Oe = Q ? Math.min(ye.length, De + Ee) : ye.length, ke = ye.slice(De, Oe), Ae = Q ? De * be : 0, je = Q ? Math.max(0, Te - Ae - ke.length * be) : 0, Me = ye.flatMap((e, t) => h && k && !k(e, t) ? [] : [f?.(e, t) ?? String(e.id ?? t)]), Ne = h === "multiple" && Me.length > 0 && Me.every((e) => _e.has(e)), Pe = h === "multiple" ? Me.filter((e) => _e.has(e)).length : 0, Fe = h === "multiple" && Pe > 0 && !Ne, Ie = fe.length + (h ? 1 : 0), Le = N ? P ? 2 : F + 1 : ye.length === 0 ? 2 : ye.length + 1, Re = ie ? "gridcell" : "cell", ze = l(() => h ? ye.flatMap((e, t) => !k || k(e, t) ? [t] : []) : [], [
+		k,
+		h,
+		ye
+	]), Be = l(() => ye.map((e, t) => f?.(e, t) ?? String(e.id ?? t)), [f, ye]), Ve = ze[0] ?? null, He = Ve == null ? null : Be[Ve] ?? null, [Ue, We] = d(He), Ge = Ue == null ? null : Be.indexOf(Ue);
+	o(() => {
+		if (J) return;
+		let e = new Set(ce.current), t = Wr(z, ue), n = new Set(t);
+		ue.forEach((t) => {
+			e.has(t) || n.add(t);
+		}), n.size === 0 && ue[0] && n.add(ue[0]), ce.current = ue, zr(n, t) || ee(n);
+	}, [
+		ue,
+		z,
+		J
+	]), o(() => {
+		if (Y) return;
+		let e = new Set(ue), t = Object.fromEntries(Object.entries(B).filter(([t]) => e.has(t)));
+		Object.keys(t).length !== Object.keys(B).length && (V(t), s?.(t));
+	}, [
+		ue,
+		Y,
+		s,
+		B
+	]), o(() => {
+		We((e) => {
+			if (He == null) return null;
+			if (e == null) return He;
+			let t = Be.indexOf(e);
+			return t === -1 || !ze.includes(t) ? He : e;
+		});
+	}, [
+		He,
+		ze,
+		Be
+	]), o(() => {
+		ve && !de.has(ve.key) && !re && (W(null), C?.(null), S?.(ve.key, null));
+	}, [
+		ve,
+		de,
+		S,
+		C,
+		re
+	]), o(() => {
+		if (X || !h) return;
+		let e = new Set(Be), t = new Set(Array.from(H).filter((t) => e.has(t)));
+		zr(t, H) || (U(t), y?.(t));
+	}, [
+		y,
+		Be,
+		X,
+		h,
+		H
+	]), o(() => {
+		if (!h || Ge == null || !se.current) return;
+		if (Q && (Ge < De || Ge >= Oe)) {
+			Ze(Ge);
+			return;
+		}
+		let e = oe.current.get(Ge);
+		e && document.activeElement !== e && !e.contains(document.activeElement) && e.focus();
+	}, [
+		Ge,
+		h,
+		De,
+		Oe,
+		Q
+	]), c(() => {
+		if (!Q || !ae.current) {
+			q(0);
+			return;
+		}
+		let e = ae.current, t = () => {
+			q(e.offsetWidth - e.clientWidth);
+		};
+		t();
+		let n = typeof ResizeObserver > "u" ? null : new ResizeObserver(t);
+		return n?.observe(e), window.addEventListener("resize", t), () => {
+			n?.disconnect(), window.removeEventListener("resize", t);
+		};
+	}, [
+		Q,
+		Se,
+		ye.length
+	]), o(() => {
+		let e = (e) => {
+			let t = le.current;
+			if (!t) return;
+			let n = Math.max(t.minWidth, Math.round(t.startWidth + e.clientX - t.startX)), r = {
+				...me.current,
+				[t.columnKey]: n
+			};
+			he.current || V(r), ge.current?.(r);
+		}, t = () => {
+			le.current = null, document.body.style.cursor = "", document.body.style.userSelect = "";
+		};
+		return window.addEventListener("mousemove", e), window.addEventListener("mouseup", t), () => {
+			window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t);
+		};
+	}, []), o(() => () => {
+		le.current = null, document.body.style.cursor = "", document.body.style.userSelect = "";
+	}, []);
+	let Ke = (e) => {
+		X || U(e), y?.(e);
+	}, qe = (e) => {
+		re || W(e), C?.(e), S?.(e?.key ?? Z?.key ?? ve?.key ?? "", e?.direction ?? null);
+	}, Je = (e) => {
+		let t = Ur(Z?.key === e ? Z.direction : void 0, w);
+		qe(t ? {
+			key: e,
+			direction: t
+		} : null);
+	}, Ye = () => {
+		if (h !== "multiple" || Me.length === 0) return;
+		let e = new Set(_e);
+		Ne ? Me.forEach((t) => {
+			e.delete(t);
+		}) : Me.forEach((t) => {
+			e.add(t);
+		}), zr(e, _e) || Ke(e);
+	}, Xe = (e, t) => {
+		let n = {
+			...pe,
+			[e]: t
+		};
+		Y || V(n), s?.(n);
+	}, Ze = (e) => {
+		if (We(Be[e] ?? null), !Q) return;
+		let t = e * be, n = t + be, r = ae.current?.scrollTop ?? G, i = r + Se;
+		if (t < r) {
+			ae.current?.scrollTo?.({ top: t }), K(t);
+			return;
+		}
+		if (n > i) {
+			let e = Math.max(0, n - Se);
+			ae.current?.scrollTo?.({ top: e }), K(e);
+		}
+	}, Qe = (e, t) => {
+		e.preventDefault(), e.stopPropagation();
+		let n = e.currentTarget.closest("[role=\"columnheader\"]");
+		n instanceof HTMLElement && (le.current = {
+			columnKey: t.key,
+			minWidth: t.minWidth ?? Lr,
+			startX: e.clientX,
+			startWidth: pe[t.key] ?? (typeof t.width == "number" ? t.width : void 0) ?? Math.round(n.getBoundingClientRect().width) ?? Lr
+		}, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none");
+	}, $e = (e, t) => {
+		let n = t.minWidth ?? Lr, r = pe[t.key] ?? (typeof t.width == "number" ? t.width : void 0) ?? n;
+		if (e.key === "ArrowLeft") {
+			e.preventDefault(), Xe(t.key, Math.max(n, r - Rr));
+			return;
+		}
+		if (e.key === "ArrowRight") {
+			e.preventDefault(), Xe(t.key, Math.max(n, r + Rr));
+			return;
+		}
+		e.key === "Home" && (e.preventDefault(), Xe(t.key, n));
+	}, et = {
+		"--table-template-columns": we,
+		"--table-row-height": `${be}px`,
+		"--table-scrollbar-width": `${ne}px`
+	};
+	return /* @__PURE__ */ p("div", {
+		"data-scope": "table",
+		"data-row-height": A,
+		className: _("owo-table", $.root, L),
+		style: et,
+		children: /* @__PURE__ */ m("div", {
+			role: ie ? "grid" : "table",
+			"aria-rowcount": Le,
+			"aria-colcount": Ie,
+			"aria-multiselectable": ie && h === "multiple" ? !0 : void 0,
+			"aria-busy": N || void 0,
+			className: $.table,
+			children: [/* @__PURE__ */ p("div", {
+				role: "rowgroup",
+				className: _($.header, j && $.headerSticky),
+				children: /* @__PURE__ */ m("div", {
+					role: "row",
+					"aria-rowindex": 1,
+					className: $.row,
+					children: [
+						h === "multiple" && /* @__PURE__ */ p("div", {
+							role: "columnheader",
+							"aria-label": E,
+							"data-scope": "table",
+							"data-part": "selectionCell",
+							className: _($.cell, $.headerCell, $.selectionCell, R?.selectionCell),
+							children: /* @__PURE__ */ p(Gr, {
+								type: "checkbox",
+								checked: Ne,
+								indeterminate: Fe,
+								disabled: Me.length === 0,
+								label: O?.({
+									allSelected: Ne,
+									partiallySelected: Fe,
+									selectableCount: Me.length
+								}) ?? (Ne ? "Clear row selection" : "Select all rows"),
+								part: "selectionControl",
+								className: R?.selectionControl,
+								onClick: (e) => e.stopPropagation(),
+								onChange: Ye
+							})
+						}),
+						h === "single" && /* @__PURE__ */ p("div", {
+							role: "columnheader",
+							"aria-label": E,
+							"data-scope": "table",
+							"data-part": "selectionCell",
+							className: _($.cell, $.headerCell, $.selectionCell, R?.selectionCell)
+						}),
+						fe.map((e) => {
+							let t = Z?.key === e.key ? Z.direction : void 0, n = !!e.sortable, r = n ? Ur(t, w) : null, i = e.renderHeader?.({
+								column: e,
+								sorted: t,
+								sortable: n
+							}) ?? e.header;
+							return /* @__PURE__ */ m("div", {
+								role: "columnheader",
+								"aria-sort": n ? t === "asc" ? "ascending" : t === "desc" ? "descending" : "none" : void 0,
+								"data-scope": "table",
+								"data-part": "headerCell",
+								"data-align": e.align ?? "start",
+								className: _($.cell, $.headerCell, R?.headerCell, e.headerClassName),
+								children: [n ? /* @__PURE__ */ m("button", {
+									type: "button",
+									"aria-label": T?.({
+										column: e,
+										sorted: t,
+										nextDirection: r
+									}),
+									"data-scope": "table",
+									"data-part": "headerSortButton",
+									className: _($.headerSortButton, R?.headerSortButton),
+									onFocus: () => {
+										se.current = !1;
+									},
+									onClick: () => Je(e.key),
+									children: [/* @__PURE__ */ p("span", {
+										"data-scope": "table",
+										"data-part": "headerLabel",
+										className: _($.headerLabel, R?.headerLabel),
+										children: i
+									}), /* @__PURE__ */ p("span", {
+										"aria-hidden": "true",
+										className: $.sortIndicator,
+										children: t === "asc" ? "↑" : t === "desc" ? "↓" : "↕"
+									})]
+								}) : /* @__PURE__ */ p("span", {
+									"data-scope": "table",
+									"data-part": "headerLabel",
+									className: _($.headerLabel, R?.headerLabel),
+									children: i
+								}), e.resizable && /* @__PURE__ */ p("button", {
+									type: "button",
+									"aria-label": `Resize ${String(e.header)} column`,
+									"data-scope": "table",
+									"data-part": "resizeHandle",
+									className: _($.resizeHandle, R?.resizeHandle),
+									onMouseDown: (t) => Qe(t, e),
+									onKeyDown: (t) => $e(t, e),
+									onClick: (e) => {
+										e.preventDefault(), e.stopPropagation();
+									}
+								})]
+							}, e.key);
+						})
+					]
+				})
+			}), /* @__PURE__ */ p("div", {
+				role: "rowgroup",
+				ref: ae,
+				className: $.body,
+				style: Q ? { maxHeight: Se } : void 0,
+				onScroll: Q ? (e) => K(e.currentTarget.scrollTop) : void 0,
+				children: N ? P ? /* @__PURE__ */ p("div", {
+					role: "row",
+					"aria-rowindex": 2,
+					className: _($.row, $.stateRow),
+					children: /* @__PURE__ */ p("div", {
+						role: Re,
+						"data-scope": "table",
+						"data-part": "loadingState",
+						className: _($.loadingState, $.stateCell, R?.loadingState),
+						children: P
+					})
+				}) : /* @__PURE__ */ p("div", {
+					"data-scope": "table",
+					"data-part": "loadingState",
+					className: _($.loadingState, R?.loadingState),
+					children: /* @__PURE__ */ p("div", {
+						className: $.skeletonStack,
+						children: Array.from({ length: F }, (e, t) => /* @__PURE__ */ m("div", {
+							role: "row",
+							"aria-rowindex": t + 2,
+							className: _($.row, $.stateRow),
+							children: [h && /* @__PURE__ */ p("div", {
+								role: Re,
+								"data-scope": "table",
+								"data-part": "selectionCell",
+								className: _($.cell, $.selectionCell, R?.selectionCell),
+								children: /* @__PURE__ */ p("span", {
+									"aria-hidden": "true",
+									"data-scope": "table",
+									"data-part": "skeletonCell",
+									className: _($.skeletonCell, R?.skeletonCell)
+								})
+							}), fe.map((e) => /* @__PURE__ */ p("div", {
+								role: Re,
+								"data-scope": "table",
+								"data-part": "cell",
+								"data-align": e.align ?? "start",
+								className: _($.cell, R?.cell, e.cellClassName),
+								children: /* @__PURE__ */ p("span", {
+									"aria-hidden": "true",
+									"data-scope": "table",
+									"data-part": "skeletonCell",
+									className: _($.skeletonCell, R?.skeletonCell)
+								})
+							}, `${e.key}-${t}`))]
+						}, `skeleton-row-${t}`))
+					})
+				}) : ye.length === 0 ? /* @__PURE__ */ p("div", {
+					role: "row",
+					"aria-rowindex": 2,
+					className: _($.row, $.stateRow),
+					children: /* @__PURE__ */ p("div", {
+						role: Re,
+						"data-scope": "table",
+						"data-part": "emptyState",
+						className: _($.empty, $.stateCell, R?.emptyState),
+						children: I ?? "No rows to display."
+					})
+				}) : /* @__PURE__ */ p("div", {
+					style: Q ? {
+						paddingTop: Ae,
+						paddingBottom: je
+					} : void 0,
+					children: ke.map((e, t) => {
+						let n = De + t, r = f?.(e, n) ?? String(e.id ?? n), i = _e.has(r), a = h ? k ? k(e, n) : !0 : !1;
+						return /* @__PURE__ */ m("div", {
+							role: "row",
+							"aria-rowindex": n + 2,
+							"aria-selected": h ? i : void 0,
+							"data-selected": i || void 0,
+							className: $.row,
+							ref: (e) => {
+								e ? oe.current.set(n, e) : oe.current.delete(n);
+							},
+							onFocus: () => {
+								a && (se.current = !0, We(r));
+							},
+							onClick: () => {
+								!h || !a || (We(r), Ke(Hr(h, _e, r)));
+							},
+							onKeyDown: (e) => {
+								if (!(!h || !a)) {
+									if (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End") {
+										e.preventDefault();
+										let t = ze.indexOf(n);
+										if (t === -1) return;
+										if (e.key === "ArrowDown") {
+											Ze(ze[t + 1] ?? ze[t]);
+											return;
+										}
+										if (e.key === "ArrowUp") {
+											Ze(ze[t - 1] ?? ze[t]);
+											return;
+										}
+										if (e.key === "Home" && Ve != null) {
+											Ze(Ve);
+											return;
+										}
+										let r = ze[ze.length - 1];
+										e.key === "End" && r != null && Ze(r);
+										return;
+									}
+									(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Ke(Hr(h, _e, r)));
+								}
+							},
+							tabIndex: h && a ? Ue === r ? 0 : -1 : void 0,
+							children: [h && /* @__PURE__ */ p("div", {
+								role: Re,
+								"data-scope": "table",
+								"data-part": "selectionCell",
+								className: _($.cell, $.selectionCell, R?.selectionCell),
+								children: /* @__PURE__ */ p(Gr, {
+									type: h === "single" ? "radio" : "checkbox",
+									name: h === "single" ? "table-selection" : void 0,
+									checked: i,
+									disabled: !a,
+									label: a ? D?.({
+										row: e,
+										rowId: r,
+										index: n,
+										selected: i,
+										selectionMode: h
+									}) ?? `Select row ${n + 1}` : `Row ${n + 1} is not selectable`,
+									part: "selectionControl",
+									className: R?.selectionControl,
+									onChange: () => {
+										a && Ke(Hr(h, _e, r));
+									},
+									onClick: (e) => e.stopPropagation()
+								})
+							}), fe.map((t) => {
+								let a = t.cell ? t.cell(e, n) : typeof t.accessor == "function" ? t.accessor(e, n) : t.accessor ? e[t.accessor] : e[t.key], o = t.renderCell?.({
+									column: t,
+									row: e,
+									rowId: r,
+									index: n,
+									selected: i,
+									value: a
+								}) ?? a;
+								return /* @__PURE__ */ p("div", {
+									role: Re,
+									"data-scope": "table",
+									"data-part": "cell",
+									"data-align": t.align ?? "start",
+									className: _($.cell, R?.cell, t.cellClassName),
+									children: o
+								}, t.key);
+							})]
+						}, r);
+					})
+				})
+			})]
+		})
+	});
+}
+var qr = {
+	root: "_root_cqty6_1",
+	item: "_item_cqty6_7",
+	button: "_button_cqty6_11",
+	labelText: "_labelText_cqty6_55",
+	chevron: "_chevron_cqty6_59"
+};
+//#endregion
+//#region src/components/Tree.tsx
+function Jr(e, t) {
+	return t ? (e.textValue ?? (typeof e.label == "string" ? e.label : "")).toLowerCase().includes(t.toLowerCase()) : !0;
+}
+function Yr(e, t) {
+	return Jr(e, t) ? !0 : e.children?.some((e) => Yr(e, t)) ?? !1;
+}
+function Xr(e, t) {
+	if (!t || typeof e != "string") return e;
+	let n = e.toLowerCase(), r = t.toLowerCase(), i = n.indexOf(r);
+	if (i < 0) return e;
+	let a = i + t.length;
+	return /* @__PURE__ */ m(f, { children: [
+		e.slice(0, i),
+		/* @__PURE__ */ p("mark", { children: e.slice(i, a) }),
+		e.slice(a)
+	] });
+}
+function Zr({ nodes: e, expandedKeys: t, defaultExpandedKeys: n, onExpand: r, onExpandedKeysChange: i, selectedKey: a, defaultSelectedKey: o, onSelect: s, renderNode: c, searchQuery: h = "", className: g, ariaLabel: v = "Tree", classNames: y }) {
+	let b = h.trim(), [x, S] = d(n ?? /* @__PURE__ */ new Set()), [C, w] = d(o), T = t ?? x, E = a ?? C, D = u(/* @__PURE__ */ new Map()), O = l(() => {
+		let t = [], n = b.length > 0;
+		function r(e, i, a) {
+			for (let o of e) n && !Yr(o, b) || (t.push({
+				node: o,
+				depth: i,
+				parentKey: a
+			}), (n ? o.children?.length : o.children?.length && T.has(o.key)) && r(o.children ?? [], i + 1, o.key));
+		}
+		return r(e, 0), t;
+	}, [
+		T,
+		e,
+		b
+	]);
+	l(() => new Map(O.map((e, t) => [e.node.key, t])), [O]);
+	let k = l(() => new Map(O.map((e) => [e.node.key, e])), [O]), A = l(() => O.filter((e) => !e.node.disabled), [O]), j = l(() => new Map(A.map((e, t) => [e.node.key, t])), [A]), M = E != null && j.has(E), N = (e, n) => {
+		let a = new Set(T);
+		n ? a.add(e) : a.delete(e), t || S(a), i?.(a), r?.(e, n);
+	}, P = (e) => {
+		a || w(e), s?.(e);
+	}, F = (e) => {
+		e && D.current.get(e)?.focus();
+	}, I = (e, t) => {
+		if (A.length === 0) return;
+		let n = j.get(e) ?? -1;
+		if (t === "first") {
+			F(A[0]?.node.key);
+			return;
+		}
+		if (t === "last") {
+			F(A[A.length - 1]?.node.key);
+			return;
+		}
+		F(A[t === "next" ? n + 1 : n - 1]?.node.key);
+	}, L = (e) => e.children?.find((e) => !e.disabled)?.key, R = (e) => {
+		let t = e;
+		for (; t;) {
+			let e = k.get(t);
+			if (e && !e.node.disabled) return t;
+			t = e?.parentKey;
+		}
+	}, z = (e, t) => {
+		let n = !!t.node.children?.length, r = T.has(t.node.key);
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), I(t.node.key, "next");
+				break;
+			case "ArrowUp":
+				e.preventDefault(), I(t.node.key, "prev");
+				break;
+			case "ArrowRight":
+				e.preventDefault(), n && !r ? N(t.node.key, !0) : n && F(L(t.node));
+				break;
+			case "ArrowLeft":
+				e.preventDefault(), n && r ? N(t.node.key, !1) : F(R(t.parentKey));
+				break;
+			case "Home":
+				e.preventDefault(), I(t.node.key, "first");
+				break;
+			case "End":
+				e.preventDefault(), I(t.node.key, "last");
+				break;
+			case "Enter":
+			case " ":
+				e.preventDefault(), P(t.node.key);
+				break;
+		}
+	};
+	return /* @__PURE__ */ p("div", {
+		role: "tree",
+		"aria-label": v,
+		"data-scope": "tree",
+		className: _("owo-tree", qr.root, g),
+		children: O.map((e) => {
+			let { node: t, depth: n } = e, r = E === t.key, i = b.length > 0, a = i ? !!t.children?.length : T.has(t.key), o = !!t.children?.length, s = Jr(t, b), l = !t.disabled && (M ? r : A[0]?.node.key === t.key), u = c?.({
+				node: t,
+				depth: n,
+				expanded: a,
+				selected: r,
+				match: s
+			});
+			return /* @__PURE__ */ p("div", {
+				"data-scope": "tree",
+				"data-part": "item",
+				"data-depth": n,
+				"data-selected": r || void 0,
+				"data-match": s || void 0,
+				className: _(qr.item, y?.item),
+				children: /* @__PURE__ */ p("button", {
+					ref: (e) => {
+						D.current.set(t.key, e);
+					},
+					type: "button",
+					role: "treeitem",
+					"aria-selected": r,
+					"aria-expanded": o ? a : void 0,
+					"aria-level": n + 1,
+					"data-scope": "tree",
+					"data-part": "button",
+					className: _(qr.button, y?.button),
+					disabled: t.disabled,
+					tabIndex: l ? 0 : -1,
+					style: { paddingInlineStart: `${.75 + n * 1.25}rem` },
+					onClick: () => {
+						P(t.key), o && !i && N(t.key, !a);
+					},
+					onKeyDown: (t) => z(t, e),
+					children: c ? u : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
+						"data-scope": "tree",
+						"data-part": "label",
+						className: _(qr.labelText, y?.label),
+						children: Xr(t.label, b)
+					}), o && /* @__PURE__ */ p("span", {
+						"aria-hidden": "true",
+						"data-scope": "tree",
+						"data-part": "chevron",
+						className: _(qr.chevron, y?.chevron),
+						children: a ? "▾" : "▸"
+					})] })
+				})
+			}, t.key);
 		})
 	});
 }
-var Jn = { root: "_root_1dxq8_1" }, Yn = n(null);
-function Xn(e) {
-	let t = a(Yn);
+var Qr = { root: "_root_158qs_1" }, $r = n(null);
+function ei(e) {
+	let t = a($r);
 	if (!t) throw Error(`${e} must be used within Tabs.Root`);
 	return t;
 }
-function Zn(e) {
+function ti(e) {
 	return e.replace(/[^a-zA-Z0-9_-]+/g, "-");
 }
-function Qn({ value: e, defaultValue: t, onValueChange: n }) {
-	let [r, i] = d(t ?? ""), a = e !== void 0, o = a ? e : r;
-	function s(e) {
-		a || i(e), n?.(e);
-	}
-	return [o, s];
-}
-function $n({ children: e, value: t, defaultValue: n, onValueChange: r, className: i, ...a }) {
-	let [o, c] = Qn({
+function ni({ children: e, value: t, defaultValue: n, onValueChange: r, orientation: i = "horizontal", classNames: a, className: o, ...c }) {
+	let [u, d] = H({
 		value: t,
 		defaultValue: n,
-		onValueChange: r
-	}), u = s(), d = l(() => ({
-		value: o,
-		setValue: c,
-		baseId: u
+		onChange: r,
+		fallback: ""
+	}), f = s(), m = l(() => ({
+		value: u,
+		setValue: d,
+		baseId: f,
+		orientation: i,
+		classNames: a
 	}), [
+		f,
+		a,
 		u,
-		o,
-		c
+		i,
+		d
 	]);
-	return /* @__PURE__ */ p(Yn.Provider, {
-		value: d,
+	return /* @__PURE__ */ p($r.Provider, {
+		value: m,
 		children: /* @__PURE__ */ p("div", {
 			"data-scope": "tabs",
-			className: _("owo-tabs", Jn.root, i),
-			...a,
+			"data-orientation": i,
+			className: _("owo-tabs", Qr.root, o),
+			...c,
 			children: e
 		})
 	});
 }
-function er({ children: e, className: t, ariaLabel: n, ...r }) {
+function ri({ children: e, className: t, ariaLabel: n, ...r }) {
+	let { orientation: i, classNames: a } = ei("Tabs.List");
 	return /* @__PURE__ */ p("div", {
 		role: "tablist",
 		"aria-label": n,
+		"aria-orientation": i,
 		"data-scope": "tabs",
 		"data-part": "list",
-		className: _(t),
+		"data-orientation": i,
+		className: _(a?.list, t),
 		...r,
 		children: e
 	});
 }
-function tr({ children: e, className: t, value: n, disabled: r, onClick: i, onKeyDown: a, ...o }) {
-	let { value: s, setValue: c, baseId: l } = Xn("Tabs.Trigger"), u = s === n, d = `${l}-trigger-${Zn(n)}`, f = `${l}-panel-${Zn(n)}`;
-	function m(e, t) {
+function ii({ children: e, className: t, value: n, disabled: r, onClick: i, onKeyDown: a, ...s }) {
+	let { value: c, setValue: l, baseId: d, orientation: f, classNames: m } = ei("Tabs.Trigger"), h = c === n, g = `${d}-trigger-${ti(n)}`, v = `${d}-panel-${ti(n)}`, y = u(null);
+	o(() => {
+		if (r || c !== "") return;
+		let e = y.current, t = e?.closest("[role=\"tablist\"]");
+		!e || !t || t.querySelector("[role=\"tab\"]:not([disabled])") === e && l(n);
+	}, [
+		c,
+		r,
+		l,
+		n
+	]);
+	function b(e, t) {
 		let n = e.closest("[role=\"tablist\"]");
 		if (!n) return;
 		let r = Array.from(n.querySelectorAll("[role=\"tab\"]:not([disabled])")), i = r.indexOf(e);
@@ -2511,111 +4267,132 @@ function tr({ children: e, className: t, value: n, disabled: r, onClick: i, onKe
 		t === "first" && (a = r[0]), t === "last" && (a = r[r.length - 1]), t === "next" && (a = r[(i + 1) % r.length]), t === "prev" && (a = r[(i - 1 + r.length) % r.length]), a && (a.focus(), a.click());
 	}
 	return /* @__PURE__ */ p("button", {
+		ref: y,
 		type: "button",
-		id: d,
+		id: g,
 		role: "tab",
-		"aria-selected": u,
-		"aria-controls": f,
-		tabIndex: u ? 0 : -1,
-		"data-state": u ? "active" : "inactive",
+		"aria-selected": h,
+		"aria-controls": v,
+		tabIndex: h ? 0 : -1,
+		"data-state": h ? "active" : "inactive",
 		"data-scope": "tabs",
 		"data-part": "trigger",
+		"data-orientation": f,
 		disabled: r,
-		className: _(t),
+		className: _(m?.trigger, t),
 		onClick: (e) => {
-			i?.(e), !e.defaultPrevented && !r && c(n);
+			i?.(e), !e.defaultPrevented && !r && l(n);
 		},
 		onKeyDown: (e) => {
 			if (a?.(e), e.defaultPrevented || r) return;
 			let t = e.currentTarget;
 			switch (e.key) {
 				case "ArrowRight":
-					e.preventDefault(), m(t, "next");
+					f === "horizontal" && (e.preventDefault(), b(t, "next"));
 					break;
 				case "ArrowLeft":
-					e.preventDefault(), m(t, "prev");
+					f === "horizontal" && (e.preventDefault(), b(t, "prev"));
+					break;
+				case "ArrowDown":
+					f === "vertical" && (e.preventDefault(), b(t, "next"));
+					break;
+				case "ArrowUp":
+					f === "vertical" && (e.preventDefault(), b(t, "prev"));
 					break;
 				case "Home":
-					e.preventDefault(), m(t, "first");
+					e.preventDefault(), b(t, "first");
 					break;
 				case "End":
-					e.preventDefault(), m(t, "last");
+					e.preventDefault(), b(t, "last");
 					break;
 			}
 		},
-		...o,
+		...s,
 		children: e
 	});
 }
-function nr({ children: e, className: t, value: n, ...r }) {
-	let { value: i, baseId: a } = Xn("Tabs.Content"), o = i === n, s = `${a}-trigger-${Zn(n)}`, c = `${a}-panel-${Zn(n)}`;
-	return o ? /* @__PURE__ */ p("div", {
-		id: c,
+function ai({ children: e, className: t, value: n, ...r }) {
+	let { value: i, baseId: a, orientation: o, classNames: s } = ei("Tabs.Content"), c = i === n, l = `${a}-trigger-${ti(n)}`, u = `${a}-panel-${ti(n)}`;
+	return c ? /* @__PURE__ */ p("div", {
+		id: u,
 		role: "tabpanel",
-		"aria-labelledby": s,
+		"aria-labelledby": l,
 		"data-state": "active",
 		"data-scope": "tabs",
 		"data-part": "content",
-		className: _(t),
+		"data-orientation": o,
+		className: _(s?.content, t),
 		...r,
 		children: e
 	}) : null;
 }
-var rr = Object.assign($n, {
-	Root: $n,
-	List: er,
-	Trigger: tr,
-	Content: nr
-}), ir = { root: "_root_17j1y_1" };
+var oi = Object.assign(ni, {
+	Root: ni,
+	List: ri,
+	Trigger: ii,
+	Content: ai
+}), si = { root: "_root_17j1y_1" };
 //#endregion
 //#region src/components/Textarea.tsx
-function ar({ className: e, tone: t = "default", size: n = "md", resize: r = "vertical", autoResize: a = !1, style: s, onInput: c, rows: l = 3, ...d }) {
-	let f = u(null), m = c, h = i(() => {
-		if (!a || !f.current) return;
-		let e = f.current;
+function ci({ className: e, tone: t = "default", size: n = "md", resize: r = "vertical", autoResize: a = !1, invalid: s, style: c, onInput: l, rows: d = 3, ...f }) {
+	let m = V({
+		id: f.id,
+		disabled: f.disabled,
+		required: f.required,
+		invalid: s,
+		"aria-describedby": f["aria-describedby"]
+	}), h = u(null), g = l, v = i(() => {
+		if (!a || !h.current) return;
+		let e = h.current;
 		e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
 	}, [a]);
 	o(() => {
-		h();
+		v();
 	}, [
-		h,
-		d.value,
-		d.defaultValue,
-		l
+		v,
+		f.value,
+		f.defaultValue,
+		d
 	]);
-	function g(e) {
-		h(), m?.(e);
+	function y(e) {
+		v(), g?.(e);
 	}
-	let v = {
-		...s,
+	let b = {
+		...c,
 		resize: a ? "none" : r
 	};
 	return /* @__PURE__ */ p("textarea", {
-		...d,
-		ref: f,
-		rows: l,
+		...f,
+		ref: h,
+		id: m.id,
+		disabled: m.disabled,
+		required: m.required,
+		"aria-describedby": m["aria-describedby"],
+		"aria-invalid": m.invalid || void 0,
+		rows: d,
 		"data-tone": t,
 		"data-size": n,
+		"data-invalid": m.invalid || void 0,
 		"data-auto-resize": a || void 0,
-		className: _("owo-input", jn.root, "owo-textarea", ir.root, e),
-		style: v,
-		onInput: g
+		className: _("owo-input", Rn.root, "owo-textarea", si.root, e),
+		style: b,
+		onInput: y
 	});
 }
 //#endregion
 //#region src/styles/ui/toast.module.css
-var or = "_container_73rls_1", sr = "_toast_73rls_12", cr = "_toastDefault_73rls_32", lr = {
-	container: or,
-	toast: sr,
+var li = "_container_73rls_1", ui = "_toast_73rls_12", di = "_toastDefault_73rls_32", fi = {
+	container: li,
+	toast: ui,
 	"toast-in": "_toast-in_73rls_1",
-	toastDefault: cr
-}, ur = n(null), dr = 5, fr = 4e3;
-function pr() {
-	let e = a(ur);
+	toastDefault: di
+}, pi = n(null), mi = 5, hi = 4e3;
+function gi() {
+	let e = a(pi);
 	if (!e) throw Error("useToast must be used within <ToastProvider>");
 	return e;
 }
-function mr({ tone: e }) {
+function _i({ tone: e }) {
 	let t = {
 		width: 16,
 		height: 16,
@@ -2657,18 +4434,18 @@ function mr({ tone: e }) {
 		});
 	}
 }
-function hr(e, t) {
+function vi(e, t) {
 	return typeof e == "string" ? {
 		message: e,
-		duration: t ?? fr
+		duration: t ?? hi
 	} : {
 		title: e.title,
 		message: e.message,
-		duration: e.duration ?? t ?? fr
+		duration: e.duration ?? t ?? hi
 	};
 }
-function gr({ item: e, onDismiss: t, renderToast: n, classNames: r }) {
-	let i = () => t(e.id), a = /* @__PURE__ */ p(mr, { tone: e.tone });
+function yi({ item: e, onDismiss: t, renderToast: n, classNames: r }) {
+	let i = () => t(e.id), a = /* @__PURE__ */ p(_i, { tone: e.tone });
 	return n ? /* @__PURE__ */ p("div", {
 		role: "status",
 		"aria-live": "polite",
@@ -2676,7 +4453,7 @@ function gr({ item: e, onDismiss: t, renderToast: n, classNames: r }) {
 		"data-tone": e.tone,
 		"data-scope": "toast",
 		"data-part": "toast",
-		className: _("owo-toast", lr.toast, r?.toast),
+		className: _("owo-toast", fi.toast, r?.toast),
 		children: n({
 			item: e,
 			dismiss: i,
@@ -2689,7 +4466,7 @@ function gr({ item: e, onDismiss: t, renderToast: n, classNames: r }) {
 		"data-tone": e.tone,
 		"data-scope": "toast",
 		"data-part": "toast",
-		className: _("owo-toast", lr.toast, lr.toastDefault, r?.toast),
+		className: _("owo-toast", fi.toast, fi.toastDefault, r?.toast),
 		children: [
 			/* @__PURE__ */ p("span", {
 				"data-scope": "toast",
@@ -2735,7 +4512,7 @@ function gr({ item: e, onDismiss: t, renderToast: n, classNames: r }) {
 		]
 	});
 }
-function _r({ children: e, renderToast: t, classNames: n }) {
+function bi({ children: e, renderToast: t, classNames: n }) {
 	let [r, a] = d([]), o = u(0), s = u(/* @__PURE__ */ new Map()), c = i((e) => {
 		let t = s.current.get(e);
 		t && clearTimeout(t), s.current.delete(e), a((t) => t.filter((t) => t.id !== e));
@@ -2743,17 +4520,17 @@ function _r({ children: e, renderToast: t, classNames: n }) {
 		let r = o.current++, i = {
 			id: r,
 			tone: e,
-			...hr(t, n)
+			...vi(t, n)
 		};
 		a((e) => {
 			let t = [...e, i];
-			if (t.length > dr) {
-				let e = t.slice(0, t.length - dr);
+			if (t.length > mi) {
+				let e = t.slice(0, t.length - mi);
 				for (let t of e) {
 					let e = s.current.get(t.id);
 					e && clearTimeout(e), s.current.delete(t.id);
 				}
-				return t.slice(-dr);
+				return t.slice(-mi);
 			}
 			return t;
 		}), i.duration > 0 && s.current.set(r, setTimeout(() => c(r), i.duration));
@@ -2763,15 +4540,15 @@ function _r({ children: e, renderToast: t, classNames: n }) {
 		danger: (e, t) => f("danger", e, t),
 		info: (e, t) => f("info", e, t)
 	}), [f]);
-	return /* @__PURE__ */ m(ur.Provider, {
+	return /* @__PURE__ */ m(pi.Provider, {
 		value: h,
 		children: [e, /* @__PURE__ */ p("div", {
 			"aria-label": "Notifications",
 			"data-state": r.length > 0 ? "open" : "closed",
 			"data-scope": "toast",
 			"data-part": "container",
-			className: _("owo-toast-container", lr.container, n?.container),
-			children: r.map((e) => /* @__PURE__ */ p(gr, {
+			className: _("owo-toast-container", fi.container, n?.container),
+			children: r.map((e) => /* @__PURE__ */ p(yi, {
 				item: e,
 				onDismiss: c,
 				renderToast: t,
@@ -2780,116 +4557,5 @@ function _r({ children: e, renderToast: t, classNames: n }) {
 		})]
 	});
 }
-var vr = {
-	trigger: "_trigger_xunrw_1",
-	content: "_content_xunrw_5",
-	"tooltip-in": "_tooltip-in_xunrw_1"
-}, yr = 6, br = 8, xr = 4;
-function Sr(e) {
-	return e.split("-")[0];
-}
-var Cr = {
-	top: "",
-	bottom: "rotate(180deg)",
-	left: "rotate(-90deg)",
-	right: "rotate(90deg)"
-};
-function wr({ content: e, placement: t = "top", density: n = "default", showDelay: r = 300, hideDelay: a = 150, arrow: l = !0, renderArrow: g, className: v, children: y, classNames: b }) {
-	let [x, S] = d(!1), [C, w] = d(null), [T, E] = d(t), [D, O] = d({}), k = u(null), A = u(null), j = u(null), M = u(void 0), N = u(void 0), ee = s(), P = i(() => {
-		clearTimeout(M.current), clearTimeout(N.current);
-	}, []), F = i(() => {
-		P(), M.current = setTimeout(() => S(!0), r);
-	}, [P, r]), I = i(() => {
-		P(), S(!0);
-	}, [P]), L = i(() => {
-		P(), N.current = setTimeout(() => S(!1), a);
-	}, [P, a]), R = i((e) => {
-		if (e.target === k.current) {
-			F();
-			return;
-		}
-		I();
-	}, [F, I]), te = i((e) => {
-		e.pointerType !== "mouse" && I();
-	}, [I]), ne = i((e) => {
-		e.key === "Escape" && x && S(!1);
-	}, [x]);
-	c(() => {
-		if (!x || !k.current || !A.current) return;
-		let e = [
-			Gt(l ? br + yr : br),
-			qt({ padding: xr }),
-			Kt({ padding: xr })
-		];
-		return l && j.current && e.push(Jt({ element: j.current })), Wt(k.current, A.current, () => {
-			!k.current || !A.current || Yt(k.current, A.current, {
-				placement: t,
-				strategy: "fixed",
-				middleware: e
-			}).then(({ x: e, y: t, placement: n, middlewareData: r }) => {
-				w({
-					top: t,
-					left: e
-				}), E(Sr(n)), r.arrow && O({
-					x: r.arrow.x,
-					y: r.arrow.y
-				});
-			});
-		});
-	}, [
-		x,
-		t,
-		l
-	]), o(() => {
-		if (x) return document.addEventListener("keydown", ne), () => document.removeEventListener("keydown", ne);
-	}, [x, ne]), o(() => P, [P]);
-	let z = { position: "absolute" }, B = T;
-	return B === "top" || B === "bottom" ? (z.left = D.x ?? 0, z[B === "top" ? "bottom" : "top"] = -yr, z.transform = Cr[B] || void 0) : (z.top = D.y ?? 0, z[B === "left" ? "right" : "left"] = -yr, z.transform = Cr[B]), /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
-		ref: k,
-		"data-state": x ? "open" : "closed",
-		"data-scope": "tooltip",
-		"data-part": "trigger",
-		className: _("owo-tooltip-trigger", vr.trigger, b?.trigger),
-		onMouseEnter: F,
-		onMouseLeave: L,
-		onFocus: R,
-		onBlur: L,
-		onPointerDown: te,
-		"aria-describedby": x ? ee : void 0,
-		children: y
-	}), x && h(/* @__PURE__ */ m("div", {
-		ref: A,
-		id: ee,
-		role: "tooltip",
-		"data-state": x ? "open" : "closed",
-		"data-placement": T,
-		"data-density": n,
-		"data-scope": "tooltip",
-		"data-part": "content",
-		className: _("owo-tooltip", vr.content, b?.content, v),
-		style: C ? {
-			top: C.top,
-			left: C.left
-		} : { visibility: "hidden" },
-		onMouseEnter: F,
-		onMouseLeave: L,
-		children: [e, l && /* @__PURE__ */ p("span", {
-			ref: j,
-			"data-scope": "tooltip",
-			"data-part": "arrow",
-			className: _(b?.arrow),
-			style: z,
-			children: g ? g({ placement: T }) : /* @__PURE__ */ p("svg", {
-				width: yr * 2,
-				height: yr,
-				viewBox: "0 0 12 6",
-				children: /* @__PURE__ */ p("path", {
-					d: "M0 0l6 6 6-6z",
-					fill: "currentColor"
-				})
-			})
-		})]
-	}), document.body)] });
-}
 //#endregion
-export { b as Avatar, S as Badge, L as Button, ie as Collapsible, V as CollapsibleContent, B as CollapsibleRoot, re as CollapsibleTrigger, pe as ConfirmProvider, W as Dialog, En as Drawer, wn as DropdownMenu, On as Field, An as IconButton, Mn as Input, Pn as Panel, In as PanelBody, Ln as PanelFooter, Fn as PanelHeader, zn as SegmentedControl, Vn as Select, Wn as Skeleton, P as Spinner, Gn as StatusNotice, qn as Switch, rr as Tabs, nr as TabsContent, er as TabsList, $n as TabsRoot, tr as TabsTrigger, ar as Textarea, _r as ToastProvider, wr as Tooltip, I as buttonClassName, fe as useConfirm, pr as useToast };
+export { b as Avatar, S as Badge, R as Button, te as Checkbox, X as Collapsible, Y as CollapsibleContent, q as CollapsibleRoot, J as CollapsibleTrigger, me as ConfirmProvider, de as Dialog, Nn as Drawer, jn as DropdownMenu, Fn as Field, Ln as IconButton, zn as Input, er as NavRail, Zn as NavRailItem, Xn as NavRailRoot, Qn as NavRailSpacer, nr as Panel, ir as PanelBody, ar as PanelFooter, rr as PanelHeader, _r as Popover, gr as PopoverContent, pr as PopoverRoot, mr as PopoverTrigger, xr as Radio, Sr as RadioGroup, wr as SegmentedControl, Or as Select, jr as Skeleton, F as Spinner, Nr as StatusNotice, Fr as Switch, Kr as Table, oi as Tabs, ai as TabsContent, ri as TabsList, ni as TabsRoot, ii as TabsTrigger, ci as Textarea, bi as ToastProvider, Kn as Tooltip, Zr as Tree, L as buttonClassName, pe as useConfirm, gi as useToast };