@owodesign/owoui 0.1.7-beta2 → 0.1.7

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,7 +421,109 @@ function L(e) {
 		children: l
 	});
 }
-var R = {
+//#endregion
+//#region src/contexts/FieldContext.ts
+var ee = n(void 0);
+function z() {
+	return a(ee);
+}
+//#endregion
+//#region src/hooks/useFieldProps.ts
+function B(e) {
+	let t = z();
+	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 V({ value: e, defaultValue: t, onChange: n, fallback: r }) {
+	let [i, a] = d(t ?? r), o = e !== void 0, s = o ? e : i;
+	function c(e) {
+		o || a(e), n?.(e);
+	}
+	return [s, c];
+}
+var H = {
+	root: "_root_16v37_1",
+	input: "_input_16v37_15",
+	control: "_control_16v37_28",
+	icon: "_icon_16v37_91",
+	label: "_label_16v37_101"
+};
+//#endregion
+//#region src/components/Checkbox.tsx
+function U({ 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, x] = V({
+		value: e,
+		defaultValue: t,
+		onChange: n,
+		fallback: !1
+	}), S = B({
+		id: d,
+		disabled: i,
+		required: a,
+		invalid: s,
+		"aria-describedby": y
+	}), C = u(null);
+	o(() => {
+		C.current && (C.current.indeterminate = r);
+	}, [r]);
+	let w = r ? "indeterminate" : b ? "checked" : "unchecked";
+	return /* @__PURE__ */ m("label", {
+		"data-scope": "checkbox",
+		"data-disabled": S.disabled || void 0,
+		"data-invalid": S.invalid || void 0,
+		className: _("owo-checkbox", H.root, h),
+		children: [
+			/* @__PURE__ */ p("input", {
+				ref: C,
+				id: S.id,
+				type: "checkbox",
+				name: c,
+				value: l,
+				checked: b,
+				disabled: S.disabled,
+				required: S.required,
+				"aria-label": g,
+				"aria-describedby": S["aria-describedby"],
+				"aria-invalid": S.invalid || void 0,
+				"aria-checked": r ? "mixed" : b,
+				className: H.input,
+				onChange: (e) => {
+					S.disabled || x(e.target.checked);
+				}
+			}),
+			/* @__PURE__ */ p("span", {
+				"data-part": "control",
+				"data-state": w,
+				"data-size": f,
+				className: H.control,
+				children: w === "indeterminate" ? /* @__PURE__ */ p("svg", {
+					"aria-hidden": "true",
+					viewBox: "0 0 16 16",
+					className: H.icon,
+					children: /* @__PURE__ */ p("path", { d: "M4 8h8" })
+				}) : w === "checked" ? /* @__PURE__ */ p("svg", {
+					"aria-hidden": "true",
+					viewBox: "0 0 16 16",
+					className: H.icon,
+					children: /* @__PURE__ */ p("path", { d: "M3.5 8.5l3 3 6-7" })
+				}) : null
+			}),
+			v != null && /* @__PURE__ */ p("span", {
+				"data-part": "label",
+				className: H.label,
+				children: v
+			})
+		]
+	});
+}
+var W = {
 	root: "_root_bx150_1",
 	triggerInner: "_triggerInner_bx150_27",
 	triggerIcon: "_triggerIcon_bx150_34",
@@ -429,20 +531,20 @@ var R = {
 	triggerLabel: "_triggerLabel_bx150_44",
 	contentInner: "_contentInner_bx150_50"
 }, te = n(null);
-function ne(e) {
+function G(e) {
 	let t = a(te);
 	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 re({ children: e, open: t, defaultOpen: n, onOpenChange: r, classNames: i, className: a, ...o }) {
+	let [c, u] = ne({
 		open: t,
 		defaultOpen: n,
 		onOpenChange: r
@@ -462,38 +564,38 @@ function B({ children: e, open: t, defaultOpen: n, onOpenChange: r, classNames:
 		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 K({ children: e, icon: t, indicator: n, iconPosition: r = "start", className: i, onClick: a, ...o }) {
+	let { open: s, setOpen: c, contentId: l, classNames: u } = G("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 +615,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 ie({ children: e, className: t, ...n }) {
+	let { open: r, contentId: i, classNames: a } = G("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,24 +653,24 @@ 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 ae = Object.assign(re, {
+	Root: re,
+	Trigger: K,
+	Content: ie
+}), oe = "_overlay_1p0ee_1", se = "_panel_1p0ee_19", ce = "_confirmDescription_1p0ee_64", le = {
+	overlay: oe,
 	"dialog-backdrop-in": "_dialog-backdrop-in_1p0ee_1",
-	panel: ae,
+	panel: se,
 	"dialog-in": "_dialog-in_1p0ee_1",
-	confirmDescription: oe
-}, se = n(void 0);
-function ce({ className: e, children: t, ...n }) {
-	let r = a(se);
+	confirmDescription: ce
+}, ue = n(void 0);
+function de({ className: e, children: t, ...n }) {
+	let r = a(ue);
 	return /* @__PURE__ */ p("div", {
 		"data-scope": "dialog",
 		"data-part": "header",
@@ -577,8 +679,8 @@ function ce({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-function le({ className: e, children: t, ...n }) {
-	let r = a(se);
+function fe({ className: e, children: t, ...n }) {
+	let r = a(ue);
 	return /* @__PURE__ */ p("div", {
 		"data-scope": "dialog",
 		"data-part": "body",
@@ -587,8 +689,8 @@ function le({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-function ue({ className: e, children: t, ...n }) {
-	let r = a(se);
+function pe({ className: e, children: t, ...n }) {
+	let r = a(ue);
 	return /* @__PURE__ */ p("div", {
 		"data-scope": "dialog",
 		"data-part": "footer",
@@ -597,7 +699,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 me({ 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]);
@@ -608,13 +710,13 @@ function W({ open: e, onClose: t, size: n = "sm", children: r, className: a, ove
 		t ? t.focus() : e.focus();
 	}), document.addEventListener("keydown", g)) : (document.body.style.overflow = "", h.current?.focus()), () => {
 		document.removeEventListener("keydown", g), document.body.style.overflow = "";
-	}), [e, g]), e ? /* @__PURE__ */ p(se.Provider, {
+	}), [e, g]), e ? /* @__PURE__ */ p(ue.Provider, {
 		value: l,
 		children: /* @__PURE__ */ m("div", {
 			"data-state": "open",
 			"data-scope": "dialog",
 			"data-part": "overlay",
-			className: _("owo-dialog-overlay", U.overlay, l?.overlay),
+			className: _("owo-dialog-overlay", le.overlay, l?.overlay),
 			children: [/* @__PURE__ */ p("button", {
 				type: "button",
 				"aria-label": "Close dialog",
@@ -630,23 +732,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", le.panel, c, a),
 				...d,
 				children: r
 			})]
 		})
 	}) : null;
 }
-W.Header = ce, W.Body = le, W.Footer = ue;
+me.Header = de, me.Body = fe, me.Footer = pe;
 //#endregion
 //#region src/components/ConfirmDialog.tsx
-var de = n(null);
-function fe() {
-	let e = a(de);
+var he = n(null);
+function ge() {
+	let e = a(he);
 	if (!e) throw Error("useConfirm must be used within <ConfirmProvider>");
 	return e;
 }
-function pe({ children: e }) {
+function _e({ 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 +758,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(he.Provider, {
 		value: a,
-		children: [e, /* @__PURE__ */ p(W, {
+		children: [e, /* @__PURE__ */ p(me, {
 			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(me.Header, { children: t.options.title }),
+				/* @__PURE__ */ p(me.Body, { children: typeof t.options.description == "string" ? /* @__PURE__ */ p("p", {
+					className: le.confirmDescription,
 					children: t.options.description
 				}) : t.options.description }),
-				/* @__PURE__ */ m(W.Footer, { children: [/* @__PURE__ */ p(L, {
+				/* @__PURE__ */ m(me.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,75 +786,75 @@ 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 ve = Math.min, ye = Math.max, be = Math.round, xe = Math.floor, q = (e) => ({
 	x: e,
 	y: e
-}), ve = {
+}), Se = {
 	left: "right",
 	right: "left",
 	bottom: "top",
 	top: "bottom"
 };
-function ye(e, t, n) {
-	return he(e, me(t, n));
+function Ce(e, t, n) {
+	return ye(e, ve(t, n));
 }
-function be(e, t) {
+function we(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function xe(e) {
+function Te(e) {
 	return e.split("-")[0];
 }
-function Se(e) {
+function Ee(e) {
 	return e.split("-")[1];
 }
-function Ce(e) {
+function De(e) {
 	return e === "x" ? "y" : "x";
 }
-function we(e) {
+function Oe(e) {
 	return e === "y" ? "height" : "width";
 }
-function K(e) {
+function ke(e) {
 	let t = e[0];
 	return t === "t" || t === "b" ? "y" : "x";
 }
-function Te(e) {
-	return Ce(K(e));
+function Ae(e) {
+	return De(ke(e));
 }
-function Ee(e, t, n) {
+function je(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 = Ee(e), i = Ae(e), a = Oe(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	return t.reference[a] > t.floating[a] && (o = Be(o)), [o, Be(o)];
 }
-function De(e) {
-	let t = Fe(e);
+function Me(e) {
+	let t = Be(e);
 	return [
-		Oe(e),
+		Ne(e),
 		t,
-		Oe(t)
+		Ne(t)
 	];
 }
-function Oe(e) {
+function Ne(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 Pe = ["left", "right"], Fe = ["right", "left"], Ie = ["top", "bottom"], Le = ["bottom", "top"];
+function Re(e, t, n) {
 	switch (e) {
 		case "top":
-		case "bottom": return n ? t ? Ae : ke : t ? ke : Ae;
+		case "bottom": return n ? t ? Fe : Pe : t ? Pe : Fe;
 		case "left":
-		case "right": return t ? je : Me;
+		case "right": return t ? Ie : Le;
 		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 ze(e, t, n, r) {
+	let i = Ee(e), a = Re(Te(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(Ne)))), a;
 }
-function Fe(e) {
-	let t = xe(e);
-	return ve[t] + e.slice(t.length);
+function Be(e) {
+	let t = Te(e);
+	return Se[t] + e.slice(t.length);
 }
-function Ie(e) {
+function Ve(e) {
 	return {
 		top: 0,
 		right: 0,
@@ -761,15 +863,15 @@ function Ie(e) {
 		...e
 	};
 }
-function Le(e) {
+function He(e) {
 	return typeof e == "number" ? {
 		top: e,
 		right: e,
 		bottom: e,
 		left: e
-	} : Ie(e);
+	} : Ve(e);
 }
-function Re(e) {
+function Ue(e) {
 	let { x: t, y: n, width: r, height: i } = e;
 	return {
 		width: r,
@@ -784,8 +886,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 We(e, t, n) {
+	let { reference: r, floating: i } = e, a = ke(t), o = Ae(t), s = Oe(o), c = Te(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 = {
@@ -816,7 +918,7 @@ function ze(e, t, n) {
 			y: r.y
 		};
 	}
-	switch (Se(t)) {
+	switch (Ee(t)) {
 		case "start":
 			p[o] -= f * (n && l ? -1 : 1);
 			break;
@@ -826,9 +928,9 @@ function ze(e, t, n) {
 	}
 	return p;
 }
-async function Be(e, t) {
+async function Ge(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 } = we(t, e), p = He(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = Ue(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 +943,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 = Ue(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
 		elements: o,
 		rect: g,
 		offsetParent: _,
@@ -854,15 +956,15 @@ async function Be(e, t) {
 		right: (y.right - h.right + p.right) / v.x
 	};
 }
-var Ve = 50, He = async (e, t, n) => {
+var Ke = 50, qe = async (e, t, n) => {
 	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
 		...o,
-		detectOverflow: Be
+		detectOverflow: Ge
 	}, 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 } = We(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 +985,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 < Ke && (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} = We(l, f, c)), n = -1);
 	}
 	return {
 		x: u,
@@ -896,18 +998,18 @@ var Ve = 50, He = async (e, t, n) => {
 		strategy: i,
 		middlewareData: m
 	};
-}, Ue = (e) => ({
+}, Je = (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 } = we(e, t) || {};
 		if (l == null) return {};
-		let d = Le(u), f = {
+		let d = He(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 = Ae(i), m = Oe(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 = ve(d[_], T), D = ve(d[v], T), O = E, k = C - h[m] - D, A = C / 2 - h[m] / 2 + w, j = Ce(O, A, k), M = !c.arrow && Ee(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 +1020,19 @@ var Ve = 50, He = async (e, t, n) => {
 			reset: M
 		};
 	}
-}), We = function(e) {
+}), Ye = 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 } = we(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 = Te(r), _ = ke(o), v = Te(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [Be(o)] : Me(o)), x = p !== "none";
+			!d && x && b.push(...ze(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 = je(r, a, y);
 				w.push(C[e[0]], C[e[1]]);
 			}
 			if (T = [...T, {
@@ -938,7 +1040,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" && _ !== ke(t)) || T.every((e) => ke(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
 					data: {
 						index: e,
 						overflows: T
@@ -950,7 +1052,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 = ke(e.placement);
 								return t === _ || t === "y";
 							}
 							return !0;
@@ -967,9 +1069,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" ? {
+}, Xe = /* @__PURE__ */ new Set(["left", "top"]);
+async function Ze(e, t) {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = Te(n), s = Ee(n), c = ke(n) === "y", l = Xe.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = we(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
 		mainAxis: d,
 		crossAxis: 0,
 		alignmentAxis: null
@@ -986,13 +1088,13 @@ async function Ke(e, t) {
 		y: p * u
 	};
 }
-var qe = function(e) {
+var Qe = 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 Ze(t, e);
 			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
 				x: r + s.x,
 				y: i + s.y,
@@ -1003,7 +1105,7 @@ var qe = function(e) {
 			};
 		}
 	};
-}, Je = function(e) {
+}, $e = function(e) {
 	return e === void 0 && (e = {}), {
 		name: "shift",
 		options: e,
@@ -1014,17 +1116,17 @@ var qe = function(e) {
 					x: t,
 					y: n
 				};
-			} }, ...l } = be(e, t), u = {
+			} }, ...l } = we(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 = ke(Te(i)), p = De(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 = Ce(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 = Ce(n, h, r);
 			}
 			let g = c.fn({
 				...t,
@@ -1047,39 +1149,39 @@ var qe = function(e) {
 };
 //#endregion
 //#region node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
-function Ye() {
+function et() {
 	return typeof window < "u";
 }
-function Xe(e) {
-	return Ze(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function tt(e) {
+	return nt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function q(e) {
+function J(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 Ze(e) {
-	return Ye() ? e instanceof Node || e instanceof q(e).Node : !1;
-}
 function Y(e) {
-	return Ye() ? e instanceof Element || e instanceof q(e).Element : !1;
+	return ((nt(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
+}
+function nt(e) {
+	return et() ? e instanceof Node || e instanceof J(e).Node : !1;
 }
 function X(e) {
-	return Ye() ? e instanceof HTMLElement || e instanceof q(e).HTMLElement : !1;
+	return et() ? e instanceof Element || e instanceof J(e).Element : !1;
+}
+function rt(e) {
+	return et() ? e instanceof HTMLElement || e instanceof J(e).HTMLElement : !1;
 }
-function Qe(e) {
-	return !Ye() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof q(e).ShadowRoot;
+function it(e) {
+	return !et() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof J(e).ShadowRoot;
 }
-function $e(e) {
+function at(e) {
 	let { overflow: t, overflowX: n, overflowY: r, display: i } = Z(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 ot(e) {
+	return /^(table|td|th)$/.test(tt(e));
 }
-function tt(e) {
+function st(e) {
 	try {
 		if (e.matches(":popover-open")) return !0;
 	} catch {}
@@ -1089,31 +1191,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 ct = /transform|translate|scale|rotate|perspective|filter/, lt = /paint|layout|strict|content/, ut = (e) => !!e && e !== "none", dt;
+function ft(e) {
+	let t = X(e) ? Z(e) : e;
+	return ut(t.transform) || ut(t.translate) || ut(t.scale) || ut(t.rotate) || ut(t.perspective) || !mt() && (ut(t.backdropFilter) || ut(t.filter)) || ct.test(t.willChange || "") || lt.test(t.contain || "");
+}
+function pt(e) {
+	let t = _t(e);
+	for (; rt(t) && !ht(t);) {
+		if (ft(t)) return t;
+		if (st(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 mt() {
+	return dt ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), dt;
 }
-function lt(e) {
-	return /^(html|body|#document)$/.test(Xe(e));
+function ht(e) {
+	return /^(html|body|#document)$/.test(tt(e));
 }
 function Z(e) {
-	return q(e).getComputedStyle(e);
+	return J(e).getComputedStyle(e);
 }
-function ut(e) {
-	return Y(e) ? {
+function gt(e) {
+	return X(e) ? {
 		scrollLeft: e.scrollLeft,
 		scrollTop: e.scrollTop
 	} : {
@@ -1121,101 +1223,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 (tt(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || it(e) && e.host || Y(e);
+	return it(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 ht(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : rt(t) && at(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 = J(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 || [], at(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 = Z(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = rt(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = be(n) !== a || be(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 X(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 (!rt(t)) return q(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = xt(t), o = (a ? be(n.width) : n.width) / r, s = (a ? be(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__ */ q(0);
+function Tt(e) {
+	let t = J(e);
+	return !mt() || !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 !== J(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 = q(1);
+	t && (r ? X(r) && (o = Ct(r)) : o = Ct(e));
+	let s = Et(a, n, r) ? Tt(a) : q(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 = J(a), t = r && X(r) ? J(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 = 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 = J(i), i = bt(n);
 		}
 	}
-	return Re({
+	return Ue({
 		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(Y(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 = Y(r), s = t ? st(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 = q(1), u = q(0), d = rt(r);
+	if ((d || !d && !a) && ((tt(r) !== "body" || at(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) : q(0);
 	return {
 		width: n.width * l.x,
 		height: n.height * l.y,
@@ -1223,31 +1325,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 = Y(e), n = gt(e), r = e.ownerDocument.body, i = ye(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = ye(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + Ot(e), s = -n.scrollTop;
+	return Z(r).direction === "rtl" && (o += ye(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 = J(e), r = Y(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 = mt();
 		(!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 +1357,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 = rt(e) ? Ct(e) : q(1);
 	return {
 		width: e.clientWidth * a.x,
 		height: e.clientHeight * a.y,
@@ -1264,13 +1366,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(Y(e));
+	else if (X(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 +1380,27 @@ function At(e, t, n) {
 			height: t.height
 		};
 	}
-	return Re(r);
+	return Ue(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 || !X(n) || ht(n) ? !1 : Z(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) => X(e) && tt(e) !== "body"), i = null, a = Z(e).position === "fixed", o = a ? _t(e) : e;
+	for (; X(o) && !ht(o);) {
+		let t = Z(o), n = ft(o);
+		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || at(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" ? st(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 = ye(n.top, s), c = ve(n.right, c), l = ve(n.bottom, l), u = ye(n.left, u);
 	}
 	return {
 		width: c - u,
@@ -1307,27 +1409,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 = rt(t), i = Y(t), a = n === "fixed", o = Dt(e, !0, a, t), s = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, c = G(0);
+	}, c = q(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 ((tt(t) !== "body" || at(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) : q(0);
 	return {
 		x: o.left + s.scrollLeft - c.x - u.x,
 		y: o.top + s.scrollTop - c.y - u.y,
@@ -1335,34 +1437,34 @@ function Ft(e, t, n) {
 		height: o.height
 	};
 }
-function It(e) {
+function Ht(e) {
 	return Z(e).position === "static";
 }
-function Lt(e, t) {
-	if (!X(e) || Z(e).position === "fixed") return null;
+function Ut(e, t) {
+	if (!rt(e) || Z(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 Y(e) === n && (n = n.ownerDocument.body), n;
+}
+function Wt(e, t) {
+	let n = J(e);
+	if (st(e)) return n;
+	if (!rt(e)) {
+		let t = _t(e);
+		for (; t && !ht(t);) {
+			if (X(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 && ot(r) && Ht(r);) r = Ut(r, t);
+	return r && ht(r) && Ht(r) && !ft(r) ? n : r || pt(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 +1473,26 @@ var zt = async function(e) {
 		}
 	};
 };
-function Bt(e) {
+function Kt(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
+var qt = {
+	convertOffsetParentRelativeRectToViewportRelativeRect: At,
+	getDocumentElement: Y,
+	getClippingRect: zt,
+	getOffsetParent: Wt,
+	getElementRects: Gt,
+	getClientRects: jt,
+	getDimensions: Bt,
+	getScale: Ct,
+	isElement: X,
+	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 = Y(e);
 	function a() {
 		var e;
 		clearTimeout(r), (e = n) == null || e.disconnect(), n = null;
@@ -1399,9 +1501,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 = xe(d), h = xe(i.clientWidth - (u + f)), g = xe(i.clientHeight - (d + p)), _ = xe(u), v = {
 			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
-			threshold: he(0, me(1, c)) || 1
+			threshold: ye(0, ve(1, c)) || 1
 		}, y = !0;
 		function b(t) {
 			let n = t[0].intersectionRatio;
@@ -1411,7 +1513,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 +1527,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 +1541,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 +1554,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 = Qe, Qt = $e, $t = Ye, en = Je, 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 qe(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", Q = {
+	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
+}, dn = n(null), fn = n(null);
+function pn(e) {
+	let t = a(dn);
 	if (!t) throw Error(`${e} must be used within DropdownMenu.`);
 	return t;
 }
-function cn(e) {
-	let t = a(on);
+function mn(e) {
+	let t = a(fn);
 	if (!t) throw Error(`${e} must be used within DropdownMenu.Content.`);
 	return t;
 }
-function ln(e, t) {
+function hn(e, t) {
 	return (n) => {
 		e?.(n), t(n);
 	};
 }
-function un(...e) {
+function gn(...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 _n(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(_n).join(" ") : !e || typeof e == "boolean" ? "" : r(e) ? _n(e.props.children) : "";
 }
-function fn(e) {
+function vn(e) {
 	return [...e].sort((e, t) => {
 		let n = e.ref.current, r = t.ref.current;
 		if (!n || !r) return 0;
@@ -1506,18 +1608,18 @@ function fn(e) {
 		return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
 	});
 }
-function pn(e, t) {
+function yn(e, t) {
 	return t === "center" ? e : `${e}-${t}`;
 }
-function mn(e) {
+function bn(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 xn({ 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(fn), [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 +1629,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,32 +1670,32 @@ function hn({ open: e, defaultOpen: t = !1, onOpenChange: n, side: r = "bottom",
 		O,
 		N
 	]);
-	return /* @__PURE__ */ p(an.Provider, {
-		value: ee,
+	return /* @__PURE__ */ p(dn.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 Sn({ 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 } = pn("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: hn(y.onClick, (e) => {
 			if (r) {
 				e.preventDefault();
 				return;
 			}
 			m.current = "selected", c();
 		}),
-		onKeyDown: ln(y.onKeyDown, (e) => {
+		onKeyDown: hn(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),
+		ref: gn(l, y.ref),
 		className: _(Q.trigger, g?.trigger, i, b),
 		type: v.type === "button" ? y.type ?? "button" : y.type
 	}) : /* @__PURE__ */ p("button", {
@@ -1607,56 +1709,56 @@ function gn({ asChild: n = !1, disabled: r = !1, className: i, children: a }) {
 		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 Cn({ 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 } = pn("DropdownMenu.Content"), F = u([]), [I, L] = d(null), [R, ee] = d(null), [z, B] = d(null), [V, H] = d(!1), U = u(""), W = u(null), te = 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(() => vn(F.current), []), ne = i((e) => {
 		O.current = e;
 	}, [O]);
 	o(() => {
-		B(!0);
+		H(!0);
 	}, []);
-	let oe = l(() => ({
+	let re = l(() => ({
 		role: T,
-		highlightedId: F,
-		setHighlightedId: I,
-		registerItem: ie,
-		getItems: H,
-		requestFocusIntent: ae,
+		highlightedId: I,
+		setHighlightedId: L,
+		registerItem: te,
+		getItems: G,
+		requestFocusIntent: ne,
 		closeTree: M,
 		closeSelf: j,
 		focusTrigger: N,
-		activeSubmenuId: L,
-		setActiveSubmenuId: R,
+		activeSubmenuId: R,
+		setActiveSubmenuId: ee,
 		contentRef: v
 	}), [
-		L,
+		R,
 		j,
 		M,
 		v,
 		T,
 		N,
-		H,
-		F,
-		ie,
-		ae
+		G,
+		I,
+		te,
+		ne
 	]);
 	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: yn(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 = bn(n);
+				B({
 					top: t,
 					left: e,
 					side: r.side,
@@ -1669,26 +1771,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), ee(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 +1816,64 @@ function _n({ className: e, children: t, style: n, matchTriggerWidth: r = !1, ma
 		g
 	]), o(() => {
 		if (f) return () => {
-			V.current && clearTimeout(V.current);
+			W.current && clearTimeout(W.current);
 		};
 	}, [f]);
-	let U = i((e) => {
-		if (I(e), !e) {
-			R(null);
+	let K = i((e) => {
+		if (L(e), !e) {
+			ee(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 || ee(null);
+	}, [G]), ie = 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);
+			K(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" });
+		K(i.id), i.ref.current?.scrollIntoView({ block: "nearest" });
 	}, [
-		H,
-		F,
-		U
-	]), ce = i((e) => {
+		G,
+		I,
+		K
+	]), ae = 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;
+		W.current && clearTimeout(W.current), U.current += t, W.current = setTimeout(() => {
+			U.current = "", W.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 && (K(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,
+		K
+	]), oe = i((e) => {
+		let t = G(), n = t.find((e) => e.id === I) ?? null;
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), se(1);
+				e.preventDefault(), ie(1);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), se(-1, "last");
+				e.preventDefault(), ie(-1, "last");
 				break;
 			case "Home":
 				e.preventDefault();
 				{
 					let e = t.find((e) => !e.disabled);
-					e && U(e.id);
+					e && K(e.id);
 				}
 				break;
 			case "End":
 				e.preventDefault();
 				{
 					let e = t.filter((e) => !e.disabled), n = e[e.length - 1];
-					n && U(n.id);
+					n && K(n.id);
 				}
 				break;
 			case "Enter":
@@ -1790,23 +1892,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: ae(e.key);
 		}
 	}, [
 		j,
 		M,
 		N,
-		H,
-		ce,
-		F,
-		U,
+		G,
+		ae,
+		I,
+		K,
 		A,
-		se,
+		ie,
 		k
 	]);
-	if (!f || !z) return null;
-	let ue = /* @__PURE__ */ p(on.Provider, {
-		value: oe,
+	if (!f || !V) return null;
+	let se = /* @__PURE__ */ p(fn.Provider, {
+		value: re,
 		children: /* @__PURE__ */ p("div", {
 			ref: v,
 			id: D,
@@ -1814,28 +1916,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": z?.side ?? y,
+			"data-align": z?.align ?? b,
 			"data-scope": "dropdown-menu",
 			"data-part": "content",
-			className: _(Q.content, ee?.content, e),
+			className: _(Q.content, P?.content, e),
 			style: {
 				...n,
 				position: "fixed",
-				top: te?.top ?? 0,
-				left: te?.left ?? 0,
+				top: z?.top ?? 0,
+				left: z?.left ?? 0,
 				maxHeight: a,
 				minWidth: r ? g.current?.getBoundingClientRect().width : void 0
 			},
-			onKeyDown: le,
+			onKeyDown: oe,
 			...s,
 			children: t
 		})
 	});
-	return w ? h(ue, document.body) : ue;
+	return w ? h(se, document.body) : se;
 }
-function vn({ className: e, children: t, ...n }) {
-	let { classNames: r } = sn("DropdownMenu.Group");
+function wn({ className: e, children: t, ...n }) {
+	let { classNames: r } = pn("DropdownMenu.Group");
 	return /* @__PURE__ */ p("div", {
 		"data-scope": "dropdown-menu",
 		"data-part": "group",
@@ -1844,8 +1946,8 @@ function vn({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-function yn({ className: e, children: t, ...n }) {
-	let { classNames: r } = sn("DropdownMenu.Label");
+function Tn({ className: e, children: t, ...n }) {
+	let { classNames: r } = pn("DropdownMenu.Label");
 	return /* @__PURE__ */ p("div", {
 		"data-scope": "dropdown-menu",
 		"data-part": "label",
@@ -1854,8 +1956,8 @@ function yn({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-function bn({ className: e, ...t }) {
-	let { classNames: n } = sn("DropdownMenu.Separator");
+function En({ className: e, ...t }) {
+	let { classNames: n } = pn("DropdownMenu.Separator");
 	return /* @__PURE__ */ p("div", {
 		role: "separator",
 		"data-scope": "dropdown-menu",
@@ -1864,8 +1966,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 Dn({ 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 } = mn("DropdownMenu.Item"), { classNames: k } = pn("DropdownMenu.Item"), A = l(() => _n(t), [t]), j = w === x, M = i(() => {
 		r || (g?.(), d && D());
 	}, [
 		d,
@@ -1905,10 +2007,10 @@ function xn({ className: e, children: t, inset: n = !1, disabled: r = !1, select
 		"data-scope": "dropdown-menu",
 		"data-part": "item",
 		className: _(n && Q.itemInset, k?.item, e),
-		onMouseEnter: ln(v, () => {
+		onMouseEnter: hn(v, () => {
 			r || (T(x), O(null));
 		}),
-		onClick: ln(y, (e) => {
+		onClick: hn(y, (e) => {
 			e.preventDefault(), M();
 		}),
 		...b,
@@ -1928,8 +2030,8 @@ function xn({ className: e, children: t, inset: n = !1, disabled: r = !1, select
 		]
 	});
 }
-function Sn(e) {
-	return /* @__PURE__ */ p(hn, {
+function On(e) {
+	return /* @__PURE__ */ p(xn, {
 		side: "right",
 		align: "start",
 		sideOffset: 6,
@@ -1937,8 +2039,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 kn({ 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 = pn("DropdownMenu.SubTrigger"), { highlightedId: x, setHighlightedId: S, registerItem: C, setActiveSubmenuId: w, activeSubmenuId: T } = mn("DropdownMenu.SubTrigger"), E = l(() => _n(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 +2072,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: gn(y, b.triggerRef),
 		id: b.triggerId,
 		type: "button",
 		role: "menuitem",
@@ -1983,10 +2085,10 @@ function Cn({ className: e, children: t, inset: n = !1, disabled: r = !1, destru
 		"data-disabled": r || void 0,
 		"data-destructive": a || void 0,
 		className: _(Q.subTrigger, n && Q.itemInset, e),
-		onMouseEnter: ln(f, () => {
+		onMouseEnter: hn(f, () => {
 			k();
 		}),
-		onClick: ln(h, (e) => {
+		onClick: hn(h, (e) => {
 			e.preventDefault(), k(), d?.();
 		}),
 		...g,
@@ -2007,22 +2109,22 @@ function Cn({ className: e, children: t, inset: n = !1, disabled: r = !1, destru
 		]
 	});
 }
-var wn = Object.assign(hn, {
-	Trigger: gn,
-	Content: _n,
-	Group: vn,
-	Label: yn,
-	Item: xn,
-	Separator: bn,
-	Submenu: Sn,
-	SubTrigger: Cn
-}), Tn = {
+var An = Object.assign(xn, {
+	Trigger: Sn,
+	Content: Cn,
+	Group: wn,
+	Label: Tn,
+	Item: Dn,
+	Separator: En,
+	Submenu: On,
+	SubTrigger: kn
+}), jn = {
 	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 Mn({ 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 +2132,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", jn.backdrop, c, u?.backdrop),
 		onClick: o
 	}), /* @__PURE__ */ p(e, {
 		"aria-hidden": !t,
@@ -2039,43 +2141,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", jn.panel, l, u?.panel),
 		...d,
 		children: n
 	})] });
 }
-var Dn = {
-	root: "_root_1fz2l_1",
-	label: "_label_1fz2l_7",
-	help: "_help_1fz2l_15"
+var Nn = {
+	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 Pn({ 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 ? `${v}-description` : void 0, x = n ? `${v}-error` : void 0, S = r ? `${v}-help` : void 0, 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", Nn.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: _(Nn.label, f?.label),
+				children: [e, i && /* @__PURE__ */ p("span", {
+					"data-part": "required",
+					"aria-hidden": "true",
+					className: _(Nn.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: _(Nn.description, f?.description),
 				children: t
-			}) : null
+			}),
+			/* @__PURE__ */ p(ee.Provider, {
+				value: w,
+				children: u
+			}),
+			n != null && /* @__PURE__ */ p("span", {
+				id: x,
+				"data-part": "error",
+				role: "alert",
+				className: _(Nn.error, f?.error),
+				children: n
+			}),
+			r != null && /* @__PURE__ */ p("span", {
+				id: S,
+				"data-part": "help",
+				className: _(Nn.help, f?.help),
+				children: r
+			})
 		]
 	});
 }
-var kn = { root: "_root_1hqa8_1" };
+var Fn = { 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 In({ variant: e = "ghost", size: t = "md", label: n, icon: r, className: i, ...a }) {
+	let o = _("owo-icon-button", Fn.root, i);
 	if ("href" in a && a.href) {
 		let { href: i, ...s } = a;
 		return /* @__PURE__ */ p("a", {
@@ -2101,37 +2251,44 @@ function An({ variant: e = "ghost", size: t = "md", label: n, icon: r, className
 		children: r
 	});
 }
-var jn = { root: "_root_8zge1_1" };
+var Ln = { 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 Rn({ className: e, tone: t = "default", size: n = "md", invalid: r, ...i }) {
+	let a = B({
+		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", Ln.root, e)
 	});
 }
-var Nn = { root: "_root_1226l_1" };
+var zn = { 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 Bn({ 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", zn.root, r),
 		...a,
 		children: i
 	});
 }
-function Fn({ className: e, children: t, ...n }) {
+function Vn({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ p("div", {
 		"data-scope": "panel",
 		"data-part": "header",
@@ -2140,7 +2297,7 @@ function Fn({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-function In({ className: e, children: t, ...n }) {
+function Hn({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ p("div", {
 		"data-scope": "panel",
 		"data-part": "body",
@@ -2149,7 +2306,7 @@ function In({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-function Ln({ className: e, children: t, ...n }) {
+function Un({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ p("div", {
 		"data-scope": "panel",
 		"data-part": "footer",
@@ -2158,193 +2315,277 @@ function Ln({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-var Rn = {
-	root: "_root_biv8a_1",
-	item: "_item_biv8a_41"
+var Wn = {
+	root: "_root_c2l0v_1",
+	item: "_item_c2l0v_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;
+function Gn({ 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 = z(), [v, y] = V({
+		value: e,
+		defaultValue: t,
+		onChange: n,
+		fallback: r.find((e) => !e.disabled)?.value ?? r[0]?.value ?? ""
+	}), b = B({
+		id: c,
+		disabled: a,
+		required: o,
+		invalid: s,
+		"aria-describedby": h
+	}), 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 ? C : S[0] ?? -1;
+	function T(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", Wn.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: "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);
-		})
+				role: "radio",
+				"aria-checked": n,
+				disabled: r,
+				tabIndex: r ? -1 : t === w ? 0 : -1,
+				"data-disabled": r || void 0,
+				"data-active": n ? "true" : void 0,
+				className: Wn.item,
+				onClick: () => y(e.value),
+				onKeyDown: (e) => {
+					if (!r) switch (e.key) {
+						case "ArrowRight":
+						case "ArrowDown":
+							e.preventDefault(), T(t, "next");
+							break;
+						case "ArrowLeft":
+						case "ArrowUp":
+							e.preventDefault(), T(t, "prev");
+							break;
+						case "Home":
+							e.preventDefault(), T(t, "first");
+							break;
+						case "End":
+							e.preventDefault(), T(t, "last");
+							break;
+					}
+				},
+				children: e.label
+			}, e.value);
+		}), l != null && /* @__PURE__ */ p("input", {
+			type: "hidden",
+			name: l,
+			value: v,
+			disabled: b.disabled,
+			"aria-hidden": "true"
+		})]
 	});
 }
-var Bn = {
-	root: "_root_pixr0_1",
-	valueText: "_valueText_pixr0_91",
-	placeholder: "_placeholder_pixr0_97"
+var Kn = {
+	root: "_root_1kzdq_1",
+	valueText: "_valueText_1kzdq_96",
+	placeholder: "_placeholder_1kzdq_102"
 };
 //#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);
+function qn(e) {
+	return e.textValue ? e.textValue : typeof e.label == "string" ? e.label : "";
+}
+function Jn({ value: e, defaultValue: t, onValueChange: n, options: r, placeholder: a = "Select…", size: c = "md", tone: f = "default", disabled: h, required: g, invalid: v, id: y, name: b, className: x, ariaLabel: S, "aria-describedby": C, renderValue: w, renderOption: T, classNames: E }) {
+	let [D, O] = V({
+		value: e,
+		defaultValue: t,
+		onChange: (e) => {
+			e !== "" && n?.(e);
+		},
+		fallback: ""
+	}), k = B({
+		id: y,
+		disabled: h,
+		required: g,
+		invalid: v,
+		"aria-describedby": C
+	}), A = k.disabled, [j, M] = d(!1), [N, P] = d(-1), F = u(null), I = u(null), L = s(), R = r.find((e) => e.value === D), ee = R ? qn(R) : "", z = l(() => r.reduce((e, t, n) => (t.disabled || e.push(n), e), []), [r]), H = i(() => {
+		if (A || r.length === 0) return;
+		M(!0);
+		let e = r.findIndex((e) => e.value === D);
+		P(e >= 0 ? e : z[0] ?? -1);
 	}, [
-		f,
-		n,
-		e,
-		k
-	]), j = i(() => {
-		S(!1), w(-1);
-	}, []), M = i((e) => {
-		e.disabled || (t(e.value), j());
-	}, [t, j]);
+		A,
+		r,
+		D,
+		z
+	]), U = i(() => {
+		M(!1), P(-1);
+	}, []), W = i((e) => {
+		e.disabled || (O(e.value), U());
+	}, [O, U]);
 	o(() => {
-		if (!x) return;
+		if (!j) return;
 		function e(e) {
-			T.current && !T.current.contains(e.target) && j();
+			F.current && !F.current.contains(e.target) && U();
 		}
 		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 N(e) {
-		if (!f) switch (e.key) {
+	}, [j, U]), o(() => {
+		!j || N < 0 || (I.current?.children[N])?.scrollIntoView?.({ block: "nearest" });
+	}, [j, N]);
+	function te(e) {
+		if (!A) switch (e.key) {
 			case "Enter":
 			case " ":
-				e.preventDefault(), x ? C >= 0 && n[C] && !n[C].disabled && M(n[C]) : A();
+				e.preventDefault(), j ? N >= 0 && r[N] && !r[N].disabled && W(r[N]) : H();
 				break;
 			case "ArrowDown":
-				if (e.preventDefault(), !x) A();
+				if (e.preventDefault(), !j) H();
 				else {
-					let e = k[k.indexOf(C) + 1];
-					e !== void 0 && w(e);
+					let e = z[z.indexOf(N) + 1];
+					e !== void 0 && P(e);
 				}
 				break;
 			case "ArrowUp":
-				if (e.preventDefault(), !x) A();
+				if (e.preventDefault(), !j) H();
 				else {
-					let e = k[k.indexOf(C) - 1];
-					e !== void 0 && w(e);
+					let e = z[z.indexOf(N) - 1];
+					e !== void 0 && P(e);
 				}
 				break;
 			case "Escape":
-				x && (e.preventDefault(), j());
+				j && (e.preventDefault(), U());
 				break;
 			case "Tab":
-				x && j();
+				j && U();
 				break;
 		}
 	}
-	let ee = e !== "" && O, P = v ? v({
-		open: x,
-		placeholder: r,
-		selectedOption: O
+	let G = D !== "" && R, ne = G ? R.label : null, re = w ? w({
+		open: j,
+		placeholder: a,
+		selectedOption: R
 	}) : /* @__PURE__ */ p("span", {
-		className: _(Bn.valueText, !ee && Bn.placeholder),
-		children: ee ? O.label : r
+		className: _(Kn.valueText, !G && Kn.placeholder),
+		children: G ? ne : a
 	});
 	return /* @__PURE__ */ m("div", {
-		ref: T,
-		"data-state": x ? "open" : "closed",
-		"data-disabled": f || void 0,
-		"data-size": a,
-		"data-tone": c,
+		ref: F,
+		"data-state": j ? "open" : "closed",
+		"data-disabled": A || void 0,
+		"data-invalid": k.invalid || void 0,
+		"data-size": c,
+		"data-tone": f,
 		"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", Kn.root, x),
+		children: [
+			/* @__PURE__ */ m("button", {
+				type: "button",
+				role: "combobox",
+				id: k.id,
+				"aria-expanded": j,
+				"aria-haspopup": "listbox",
+				"aria-controls": L,
+				"aria-label": S,
+				"aria-describedby": k["aria-describedby"],
+				"aria-invalid": k.invalid || void 0,
+				"aria-required": k.required || void 0,
+				"aria-activedescendant": j && N >= 0 ? `${L}-opt-${N}` : void 0,
+				"data-state": j ? "open" : "closed",
+				"data-disabled": A || void 0,
+				"data-tone": f,
+				"data-size": c,
+				"data-has-value": G || 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: A,
+				className: _(E?.trigger),
+				onClick: () => j ? U() : H(),
+				onKeyDown: te,
+				children: [re, /* @__PURE__ */ p("svg", {
+					"aria-hidden": "true",
+					"data-state": j ? "open" : "closed",
+					"data-scope": "select",
+					"data-part": "chevron",
+					className: _(E?.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" })
+				})]
+			}),
+			j && /* @__PURE__ */ p("ul", {
+				ref: I,
+				id: L,
+				role: "listbox",
+				"aria-label": S ?? (ee || a),
+				"data-state": "open",
+				"data-size": c,
 				"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: _(E?.dropdown),
+				children: r.map((e, t) => /* @__PURE__ */ p("li", {
+					id: `${L}-opt-${t}`,
+					role: "option",
+					"aria-selected": e.value === D,
+					"aria-disabled": e.disabled || void 0,
+					"data-state": e.value === D ? "selected" : t === N ? "highlighted" : "idle",
+					"data-focused": t === N || void 0,
+					"data-selected": e.value === D || void 0,
+					"data-disabled": e.disabled || void 0,
+					"data-highlighted": t === N || void 0,
+					"data-scope": "select",
+					"data-part": "option",
+					className: _(E?.option),
+					onClick: () => W(e),
+					onMouseEnter: () => !e.disabled && P(t),
+					children: T ? T({
+						option: e,
+						index: t,
+						selected: e.value === D,
+						highlighted: t === N
+					}) : e.label
+				}, e.value))
+			}),
+			b != null && /* @__PURE__ */ p("input", {
+				type: "hidden",
+				name: b,
+				value: D,
+				disabled: A,
+				"aria-hidden": "true"
+			})
+		]
 	});
 }
-var Hn = {
+var Yn = {
 	root: "_root_1sshx_1",
 	"owo-skeleton-breathe": "_owo-skeleton-breathe_1sshx_1",
 	"owo-skeleton-scan": "_owo-skeleton-scan_1sshx_1"
-}, Un = {
+}, Xn = {
 	slow: "4s",
 	medium: "3s",
 	fast: "2s"
 };
-function Wn({ className: e, animation: t = "scan", tone: n = "default", speed: r = "medium", style: i, ...a }) {
+function Zn({ 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": Xn[r]
 	};
 	return /* @__PURE__ */ p("div", {
-		className: _("owo-skeleton", Hn.root, e),
+		className: _("owo-skeleton", Yn.root, e),
 		"data-animation": t,
 		"data-tone": o,
 		"aria-hidden": "true",
@@ -2363,7 +2604,7 @@ 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 Qn({ tone: e = "neutral", layout: t = "horizontal", icon: n, title: r, description: i, action: a, className: o, children: s, classNames: c, ...l }) {
 	if (t === "vertical") {
 		let t = n || r || i || a;
 		return /* @__PURE__ */ p("div", {
@@ -2427,49 +2668,69 @@ function Gn({ tone: e = "neutral", layout: t = "horizontal", icon: n, title: r,
 		}) : null]
 	});
 }
-var Kn = {
-	root: "_root_1qzgu_1",
-	thumb: "_thumb_1qzgu_81"
+var $n = {
+	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 er({ 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, h] = V({
+		value: e,
+		defaultValue: t,
+		onChange: n,
+		fallback: !1
+	}), g = B({
+		id: s,
+		disabled: i,
+		required: a,
+		invalid: o,
+		"aria-describedby": d
+	});
+	return /* @__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: g.id,
+		"aria-checked": f,
+		"aria-label": u,
+		"aria-describedby": g["aria-describedby"],
+		"aria-invalid": g.invalid || void 0,
+		"aria-required": g.required || void 0,
+		disabled: g.disabled,
+		"data-size": r,
+		"data-invalid": g.invalid || void 0,
+		className: _("owo-switch", $n.root, l),
+		onClick: () => h(!f),
+		children: [/* @__PURE__ */ p("span", {
 			"aria-hidden": "true",
-			className: Kn.thumb
-		})
+			className: $n.thumb
+		}), c != null && /* @__PURE__ */ p("input", {
+			type: "checkbox",
+			name: c,
+			checked: f,
+			disabled: g.disabled,
+			hidden: !0,
+			readOnly: !0,
+			tabIndex: -1,
+			"aria-hidden": "true"
+		})]
 	});
 }
-var Jn = { root: "_root_1dxq8_1" }, Yn = n(null);
-function Xn(e) {
-	let t = a(Yn);
+var tr = { root: "_root_1dxq8_1" }, nr = n(null);
+function rr(e) {
+	let t = a(nr);
 	if (!t) throw Error(`${e} must be used within Tabs.Root`);
 	return t;
 }
-function Zn(e) {
+function ir(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 ar({ children: e, value: t, defaultValue: n, onValueChange: r, className: i, ...a }) {
+	let [o, c] = V({
 		value: t,
 		defaultValue: n,
-		onValueChange: r
+		onChange: r,
+		fallback: ""
 	}), u = s(), d = l(() => ({
 		value: o,
 		setValue: c,
@@ -2479,17 +2740,17 @@ function $n({ children: e, value: t, defaultValue: n, onValueChange: r, classNam
 		o,
 		c
 	]);
-	return /* @__PURE__ */ p(Yn.Provider, {
+	return /* @__PURE__ */ p(nr.Provider, {
 		value: d,
 		children: /* @__PURE__ */ p("div", {
 			"data-scope": "tabs",
-			className: _("owo-tabs", Jn.root, i),
+			className: _("owo-tabs", tr.root, i),
 			...a,
 			children: e
 		})
 	});
 }
-function er({ children: e, className: t, ariaLabel: n, ...r }) {
+function or({ children: e, className: t, ariaLabel: n, ...r }) {
 	return /* @__PURE__ */ p("div", {
 		role: "tablist",
 		"aria-label": n,
@@ -2500,8 +2761,8 @@ function er({ children: e, className: t, ariaLabel: n, ...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 sr({ children: e, className: t, value: n, disabled: r, onClick: i, onKeyDown: a, ...o }) {
+	let { value: s, setValue: c, baseId: l } = rr("Tabs.Trigger"), u = s === n, d = `${l}-trigger-${ir(n)}`, f = `${l}-panel-${ir(n)}`;
 	function m(e, t) {
 		let n = e.closest("[role=\"tablist\"]");
 		if (!n) return;
@@ -2547,8 +2808,8 @@ function tr({ children: e, className: t, value: n, disabled: r, onClick: i, onKe
 		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)}`;
+function cr({ children: e, className: t, value: n, ...r }) {
+	let { value: i, baseId: a } = rr("Tabs.Content"), o = i === n, s = `${a}-trigger-${ir(n)}`, c = `${a}-panel-${ir(n)}`;
 	return o ? /* @__PURE__ */ p("div", {
 		id: c,
 		role: "tabpanel",
@@ -2561,61 +2822,73 @@ function nr({ children: e, className: t, value: n, ...r }) {
 		children: e
 	}) : null;
 }
-var rr = Object.assign($n, {
-	Root: $n,
-	List: er,
-	Trigger: tr,
-	Content: nr
-}), ir = { root: "_root_17j1y_1" };
+var lr = Object.assign(ar, {
+	Root: ar,
+	List: or,
+	Trigger: sr,
+	Content: cr
+}), ur = { 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 dr({ 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 = B({
+		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", Ln.root, "owo-textarea", ur.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 fr = "_container_73rls_1", pr = "_toast_73rls_12", mr = "_toastDefault_73rls_32", hr = {
+	container: fr,
+	toast: pr,
 	"toast-in": "_toast-in_73rls_1",
-	toastDefault: cr
-}, ur = n(null), dr = 5, fr = 4e3;
-function pr() {
-	let e = a(ur);
+	toastDefault: mr
+}, gr = n(null), _r = 5, vr = 4e3;
+function yr() {
+	let e = a(gr);
 	if (!e) throw Error("useToast must be used within <ToastProvider>");
 	return e;
 }
-function mr({ tone: e }) {
+function br({ tone: e }) {
 	let t = {
 		width: 16,
 		height: 16,
@@ -2657,18 +2930,18 @@ function mr({ tone: e }) {
 		});
 	}
 }
-function hr(e, t) {
+function xr(e, t) {
 	return typeof e == "string" ? {
 		message: e,
-		duration: t ?? fr
+		duration: t ?? vr
 	} : {
 		title: e.title,
 		message: e.message,
-		duration: e.duration ?? t ?? fr
+		duration: e.duration ?? t ?? vr
 	};
 }
-function gr({ item: e, onDismiss: t, renderToast: n, classNames: r }) {
-	let i = () => t(e.id), a = /* @__PURE__ */ p(mr, { tone: e.tone });
+function Sr({ item: e, onDismiss: t, renderToast: n, classNames: r }) {
+	let i = () => t(e.id), a = /* @__PURE__ */ p(br, { tone: e.tone });
 	return n ? /* @__PURE__ */ p("div", {
 		role: "status",
 		"aria-live": "polite",
@@ -2676,7 +2949,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", hr.toast, r?.toast),
 		children: n({
 			item: e,
 			dismiss: i,
@@ -2689,7 +2962,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", hr.toast, hr.toastDefault, r?.toast),
 		children: [
 			/* @__PURE__ */ p("span", {
 				"data-scope": "toast",
@@ -2735,7 +3008,7 @@ function gr({ item: e, onDismiss: t, renderToast: n, classNames: r }) {
 		]
 	});
 }
-function _r({ children: e, renderToast: t, classNames: n }) {
+function Cr({ 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 +3016,17 @@ function _r({ children: e, renderToast: t, classNames: n }) {
 		let r = o.current++, i = {
 			id: r,
 			tone: e,
-			...hr(t, n)
+			...xr(t, n)
 		};
 		a((e) => {
 			let t = [...e, i];
-			if (t.length > dr) {
-				let e = t.slice(0, t.length - dr);
+			if (t.length > _r) {
+				let e = t.slice(0, t.length - _r);
 				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(-_r);
 			}
 			return t;
 		}), i.duration > 0 && s.current.set(r, setTimeout(() => c(r), i.duration));
@@ -2763,15 +3036,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(gr.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", hr.container, n?.container),
+			children: r.map((e) => /* @__PURE__ */ p(Sr, {
 				item: e,
 				onDismiss: c,
 				renderToast: t,
@@ -2780,49 +3053,49 @@ function _r({ children: e, renderToast: t, classNames: n }) {
 		})]
 	});
 }
-var vr = {
+var wr = {
 	trigger: "_trigger_xunrw_1",
 	content: "_content_xunrw_5",
 	"tooltip-in": "_tooltip-in_xunrw_1"
-}, yr = 6, br = 8, xr = 4;
-function Sr(e) {
+}, Tr = 6, Er = 8, Dr = 4;
+function Or(e) {
 	return e.split("-")[0];
 }
-var Cr = {
+var kr = {
 	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(() => {
+function Ar({ 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);
-	}, []), 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) => {
+	}, []), 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]), ee = i((e) => {
 		if (e.target === k.current) {
-			F();
+			I();
 			return;
 		}
-		I();
-	}, [F, I]), te = i((e) => {
-		e.pointerType !== "mouse" && I();
-	}, [I]), ne = i((e) => {
+		L();
+	}, [I, L]), z = 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 = [
-			Gt(l ? br + yr : br),
-			qt({ padding: xr }),
-			Kt({ padding: xr })
+			Zt(l ? Er + Tr : Er),
+			$t({ padding: Dr }),
+			Qt({ padding: Dr })
 		];
-		return l && j.current && e.push(Jt({ element: j.current })), Wt(k.current, A.current, () => {
-			!k.current || !A.current || Yt(k.current, A.current, {
+		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
@@ -2830,7 +3103,7 @@ function wr({ content: e, placement: t = "top", density: n = "default", showDela
 				w({
 					top: t,
 					left: e
-				}), E(Sr(n)), r.arrow && O({
+				}), E(Or(n)), r.arrow && O({
 					x: r.arrow.x,
 					y: r.arrow.y
 				});
@@ -2841,47 +3114,47 @@ function wr({ content: e, placement: t = "top", density: n = "default", showDela
 		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", {
+		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"] = -Tr, V.transform = kr[H] || void 0) : (V.top = D.y ?? 0, V[H === "left" ? "right" : "left"] = -Tr, V.transform = kr[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", vr.trigger, b?.trigger),
-		onMouseEnter: F,
-		onMouseLeave: L,
-		onFocus: R,
-		onBlur: L,
-		onPointerDown: te,
-		"aria-describedby": x ? ee : void 0,
+		className: _("owo-tooltip-trigger", wr.trigger, b?.trigger),
+		onMouseEnter: I,
+		onMouseLeave: R,
+		onFocus: ee,
+		onBlur: R,
+		onPointerDown: z,
+		"aria-describedby": x ? P : void 0,
 		children: y
 	}), x && h(/* @__PURE__ */ m("div", {
 		ref: A,
-		id: ee,
+		id: P,
 		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),
+		className: _("owo-tooltip", wr.content, b?.content, v),
 		style: C ? {
 			top: C.top,
 			left: C.left
 		} : { visibility: "hidden" },
-		onMouseEnter: F,
-		onMouseLeave: L,
+		onMouseEnter: I,
+		onMouseLeave: R,
 		children: [e, l && /* @__PURE__ */ p("span", {
 			ref: j,
 			"data-scope": "tooltip",
 			"data-part": "arrow",
 			className: _(b?.arrow),
-			style: z,
+			style: V,
 			children: g ? g({ placement: T }) : /* @__PURE__ */ p("svg", {
-				width: yr * 2,
-				height: yr,
+				width: Tr * 2,
+				height: Tr,
 				viewBox: "0 0 12 6",
 				children: /* @__PURE__ */ p("path", {
 					d: "M0 0l6 6 6-6z",
@@ -2892,4 +3165,4 @@ function wr({ content: e, placement: t = "top", density: n = "default", showDela
 	}), 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, U as Checkbox, ae as Collapsible, ie as CollapsibleContent, re as CollapsibleRoot, K as CollapsibleTrigger, _e as ConfirmProvider, me as Dialog, Mn as Drawer, An as DropdownMenu, Pn as Field, In as IconButton, Rn as Input, Bn as Panel, Hn as PanelBody, Un as PanelFooter, Vn as PanelHeader, Gn as SegmentedControl, Jn as Select, Zn as Skeleton, F as Spinner, Qn as StatusNotice, er as Switch, lr as Tabs, cr as TabsContent, or as TabsList, ar as TabsRoot, sr as TabsTrigger, dr as Textarea, Cr as ToastProvider, Ar as Tooltip, L as buttonClassName, ge as useConfirm, yr as useToast };