highsoft-ui 1.0.160 → 1.0.162

package/dist/{Dropdown-8bjCO1Lx.js → Dropdown-LiG-JAoo.js}

@@ -1,34 +1,34 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { $ as t } from "./esm-LCYnNVvi.js";
+import { et as t } from "./esm-CUgR2iUX.js";
 import { t as n } from "./Icon-DJTgdvsG.js";
 import { _ as r, a as i, c as a, d as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, t as g, u as _, v, y } from "./es2015-DWa0ZZ7A.js";
-import { a as ee, i as b, n as te, r as x, t as S } from "./dist-CE9LFbij.js";
-import { a as C, i as w, n as T, r as ne, t as re } from "./dist-B04QoImH.js";
-import * as E from "react";
-import { createContext as D, useContext as O } from "react";
+import { a as b, i as x, n as S, r as C, t as w } from "./dist-CE9LFbij.js";
+import { a as T, i as E, n as ee, r as te, t as ne } from "./dist-B04QoImH.js";
+import * as D from "react";
+import { createContext as re, useContext as O, useRef as ie } from "react";
 import { jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region node_modules/@radix-ui/react-menu/dist/index.mjs
-var j = ["Enter", " "], M = [
+var j = ["Enter", " "], ae = [
 	"ArrowDown",
 	"PageUp",
 	"Home"
-], ie = [
+], oe = [
 	"ArrowUp",
 	"PageDown",
 	"End"
-], ae = [...M, ...ie], oe = {
+], se = [...ae, ...oe], M = {
 	ltr: [...j, "ArrowRight"],
 	rtl: [...j, "ArrowLeft"]
-}, N = {
+}, ce = {
 	ltr: ["ArrowLeft"],
 	rtl: ["ArrowRight"]
-}, P = "Menu", [F, se, ce] = ee(P), [I, le] = d(P, [
-	ce,
-	C,
-	x
-]), L = C(), ue = x(), [R, z] = I(P), [de, B] = I(P), fe = (e) => {
-	let { __scopeMenu: t, open: n = !1, children: r, dir: i, onOpenChange: o, modal: s = !0 } = e, c = L(t), [l, u] = E.useState(null), d = E.useRef(!1), f = a(o), p = b(i);
-	return E.useEffect(() => {
+}, N = "Menu", [P, le, ue] = b(N), [F, I] = d(N, [
+	ue,
+	T,
+	C
+]), L = T(), de = C(), [fe, R] = F(N), [pe, z] = F(N), me = (e) => {
+	let { __scopeMenu: t, open: n = !1, children: r, dir: i, onOpenChange: o, modal: s = !0 } = e, c = L(t), [l, u] = D.useState(null), d = D.useRef(!1), f = a(o), p = x(i);
+	return D.useEffect(() => {
 		let e = () => {
 			d.current = !0, document.addEventListener("pointerdown", t, {
 				capture: !0,
@@ -41,21 +41,21 @@ var j = ["Enter", " "], M = [
 		return document.addEventListener("keydown", e, { capture: !0 }), () => {
 			document.removeEventListener("keydown", e, { capture: !0 }), document.removeEventListener("pointerdown", t, { capture: !0 }), document.removeEventListener("pointermove", t, { capture: !0 });
 		};
-	}, []), E.useEffect(() => {
+	}, []), D.useEffect(() => {
 		if (!n) return;
 		let e = () => f(!1);
 		return window.addEventListener("blur", e), () => window.removeEventListener("blur", e);
-	}, [n, f]), /* @__PURE__ */ k(w, {
+	}, [n, f]), /* @__PURE__ */ k(E, {
 		...c,
-		children: /* @__PURE__ */ k(R, {
+		children: /* @__PURE__ */ k(fe, {
 			scope: t,
 			open: n,
 			onOpenChange: f,
 			content: l,
 			onContentChange: u,
-			children: /* @__PURE__ */ k(de, {
+			children: /* @__PURE__ */ k(pe, {
 				scope: t,
-				onClose: E.useCallback(() => f(!1), [f]),
+				onClose: D.useCallback(() => f(!1), [f]),
 				isUsingKeyboardRef: d,
 				dir: p,
 				modal: s,
@@ -64,19 +64,19 @@ var j = ["Enter", " "], M = [
 		})
 	});
 };
-fe.displayName = P;
-var pe = "MenuAnchor", V = E.forwardRef((e, t) => {
+me.displayName = N;
+var he = "MenuAnchor", B = D.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ k(re, {
+	return /* @__PURE__ */ k(ne, {
 		...L(n),
 		...r,
 		ref: t
 	});
 });
-V.displayName = pe;
-var H = "MenuPortal", [me, he] = I(H, { forceMount: void 0 }), ge = (e) => {
-	let { __scopeMenu: t, forceMount: n, children: r, container: i } = e, a = z(H, t);
-	return /* @__PURE__ */ k(me, {
+B.displayName = he;
+var V = "MenuPortal", [ge, _e] = F(V, { forceMount: void 0 }), ve = (e) => {
+	let { __scopeMenu: t, forceMount: n, children: r, container: i } = e, a = R(V, t);
+	return /* @__PURE__ */ k(ge, {
 		scope: t,
 		forceMount: n,
 		children: /* @__PURE__ */ k(_, {
@@ -89,31 +89,31 @@ var H = "MenuPortal", [me, he] = I(H, { forceMount: void 0 }), ge = (e) => {
 		})
 	});
 };
-ge.displayName = H;
-var U = "MenuContent", [_e, W] = I(U), ve = E.forwardRef((e, t) => {
-	let n = he(U, e.__scopeMenu), { forceMount: r = n.forceMount, ...i } = e, a = z(U, e.__scopeMenu), o = B(U, e.__scopeMenu);
-	return /* @__PURE__ */ k(F.Provider, {
+ve.displayName = V;
+var H = "MenuContent", [ye, U] = F(H), be = D.forwardRef((e, t) => {
+	let n = _e(H, e.__scopeMenu), { forceMount: r = n.forceMount, ...i } = e, a = R(H, e.__scopeMenu), o = z(H, e.__scopeMenu);
+	return /* @__PURE__ */ k(P.Provider, {
 		scope: e.__scopeMenu,
 		children: /* @__PURE__ */ k(_, {
 			present: r || a.open,
-			children: /* @__PURE__ */ k(F.Slot, {
+			children: /* @__PURE__ */ k(P.Slot, {
 				scope: e.__scopeMenu,
-				children: o.modal ? /* @__PURE__ */ k(ye, {
+				children: o.modal ? /* @__PURE__ */ k(xe, {
 					...i,
 					ref: t
-				}) : /* @__PURE__ */ k(be, {
+				}) : /* @__PURE__ */ k(Se, {
 					...i,
 					ref: t
 				})
 			})
 		})
 	});
-}), ye = E.forwardRef((e, t) => {
-	let n = z(U, e.__scopeMenu), r = E.useRef(null), i = y(t, r);
-	return E.useEffect(() => {
+}), xe = D.forwardRef((e, t) => {
+	let n = R(H, e.__scopeMenu), r = D.useRef(null), i = y(t, r);
+	return D.useEffect(() => {
 		let e = r.current;
 		if (e) return g(e);
-	}, []), /* @__PURE__ */ k(Se, {
+	}, []), /* @__PURE__ */ k(W, {
 		...e,
 		ref: i,
 		trapFocus: n.open,
@@ -122,9 +122,9 @@ var U = "MenuContent", [_e, W] = I(U), ve = E.forwardRef((e, t) => {
 		onFocusOutside: m(e.onFocusOutside, (e) => e.preventDefault(), { checkForDefaultPrevented: !1 }),
 		onDismiss: () => n.onOpenChange(!1)
 	});
-}), be = E.forwardRef((e, t) => {
-	let n = z(U, e.__scopeMenu);
-	return /* @__PURE__ */ k(Se, {
+}), Se = D.forwardRef((e, t) => {
+	let n = R(H, e.__scopeMenu);
+	return /* @__PURE__ */ k(W, {
 		...e,
 		ref: t,
 		trapFocus: !1,
@@ -132,36 +132,36 @@ var U = "MenuContent", [_e, W] = I(U), ve = E.forwardRef((e, t) => {
 		disableOutsideScroll: !1,
 		onDismiss: () => n.onOpenChange(!1)
 	});
-}), xe = r("MenuContent.ScrollLock"), Se = E.forwardRef((e, t) => {
-	let { __scopeMenu: n, loop: r = !1, trapFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s, disableOutsidePointerEvents: c, onEntryFocus: l, onEscapeKeyDown: u, onPointerDownOutside: d, onFocusOutside: g, onInteractOutside: _, onDismiss: v, disableOutsideScroll: ee, ...b } = e, x = z(U, n), S = B(U, n), C = L(n), w = ue(n), T = se(n), [re, D] = E.useState(null), O = E.useRef(null), A = y(t, O, x.onContentChange), j = E.useRef(0), M = E.useRef(""), oe = E.useRef(0), N = E.useRef(null), P = E.useRef("right"), F = E.useRef(0), ce = ee ? f : E.Fragment, I = ee ? {
-		as: xe,
+}), Ce = r("MenuContent.ScrollLock"), W = D.forwardRef((e, t) => {
+	let { __scopeMenu: n, loop: r = !1, trapFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s, disableOutsidePointerEvents: c, onEntryFocus: l, onEscapeKeyDown: u, onPointerDownOutside: d, onFocusOutside: g, onInteractOutside: _, onDismiss: v, disableOutsideScroll: b, ...x } = e, C = R(H, n), w = z(H, n), T = L(n), E = de(n), ee = le(n), [ne, re] = D.useState(null), O = D.useRef(null), ie = y(t, O, C.onContentChange), A = D.useRef(0), j = D.useRef(""), ae = D.useRef(0), M = D.useRef(null), ce = D.useRef("right"), N = D.useRef(0), P = b ? f : D.Fragment, ue = b ? {
+		as: Ce,
 		allowPinchZoom: !0
-	} : void 0, le = (e) => {
-		let t = M.current + e, n = T().filter((e) => !e.disabled), r = document.activeElement, i = n.find((e) => e.ref.current === r)?.textValue, a = tt(n.map((e) => e.textValue), t, i), o = n.find((e) => e.textValue === a)?.ref.current;
+	} : void 0, F = (e) => {
+		let t = j.current + e, n = ee().filter((e) => !e.disabled), r = document.activeElement, i = n.find((e) => e.ref.current === r)?.textValue, a = nt(n.map((e) => e.textValue), t, i), o = n.find((e) => e.textValue === a)?.ref.current;
 		(function e(t) {
-			M.current = t, window.clearTimeout(j.current), t !== "" && (j.current = window.setTimeout(() => e(""), 1e3));
+			j.current = t, window.clearTimeout(A.current), t !== "" && (A.current = window.setTimeout(() => e(""), 1e3));
 		})(t), o && setTimeout(() => o.focus());
 	};
-	E.useEffect(() => () => window.clearTimeout(j.current), []), h();
-	let R = E.useCallback((e) => P.current === N.current?.side && rt(e, N.current?.area), []);
-	return /* @__PURE__ */ k(_e, {
+	D.useEffect(() => () => window.clearTimeout(A.current), []), h();
+	let I = D.useCallback((e) => ce.current === M.current?.side && it(e, M.current?.area), []);
+	return /* @__PURE__ */ k(ye, {
 		scope: n,
-		searchRef: M,
-		onItemEnter: E.useCallback((e) => {
-			R(e) && e.preventDefault();
-		}, [R]),
-		onItemLeave: E.useCallback((e) => {
-			R(e) || (O.current?.focus(), D(null));
-		}, [R]),
-		onTriggerLeave: E.useCallback((e) => {
-			R(e) && e.preventDefault();
-		}, [R]),
-		pointerGraceTimerRef: oe,
-		onPointerGraceIntentChange: E.useCallback((e) => {
-			N.current = e;
+		searchRef: j,
+		onItemEnter: D.useCallback((e) => {
+			I(e) && e.preventDefault();
+		}, [I]),
+		onItemLeave: D.useCallback((e) => {
+			I(e) || (O.current?.focus(), re(null));
+		}, [I]),
+		onTriggerLeave: D.useCallback((e) => {
+			I(e) && e.preventDefault();
+		}, [I]),
+		pointerGraceTimerRef: ae,
+		onPointerGraceIntentChange: D.useCallback((e) => {
+			M.current = e;
 		}, []),
-		children: /* @__PURE__ */ k(ce, {
-			...I,
+		children: /* @__PURE__ */ k(P, {
+			...ue,
 			children: /* @__PURE__ */ k(i, {
 				asChild: !0,
 				trapped: a,
@@ -177,46 +177,46 @@ var U = "MenuContent", [_e, W] = I(U), ve = E.forwardRef((e, t) => {
 					onFocusOutside: g,
 					onInteractOutside: _,
 					onDismiss: v,
-					children: /* @__PURE__ */ k(te, {
+					children: /* @__PURE__ */ k(S, {
 						asChild: !0,
-						...w,
-						dir: S.dir,
+						...E,
+						dir: w.dir,
 						orientation: "vertical",
 						loop: r,
-						currentTabStopId: re,
-						onCurrentTabStopIdChange: D,
+						currentTabStopId: ne,
+						onCurrentTabStopIdChange: re,
 						onEntryFocus: m(l, (e) => {
-							S.isUsingKeyboardRef.current || e.preventDefault();
+							w.isUsingKeyboardRef.current || e.preventDefault();
 						}),
 						preventScrollOnEntryFocus: !0,
-						children: /* @__PURE__ */ k(ne, {
+						children: /* @__PURE__ */ k(te, {
 							role: "menu",
 							"aria-orientation": "vertical",
-							"data-state": Ze(x.open),
+							"data-state": Qe(C.open),
 							"data-radix-menu-content": "",
-							dir: S.dir,
-							...C,
-							...b,
-							ref: A,
+							dir: w.dir,
+							...T,
+							...x,
+							ref: ie,
 							style: {
 								outline: "none",
-								...b.style
+								...x.style
 							},
-							onKeyDown: m(b.onKeyDown, (e) => {
+							onKeyDown: m(x.onKeyDown, (e) => {
 								let t = e.target.closest("[data-radix-menu-content]") === e.currentTarget, n = e.ctrlKey || e.altKey || e.metaKey, r = e.key.length === 1;
-								t && (e.key === "Tab" && e.preventDefault(), !n && r && le(e.key));
+								t && (e.key === "Tab" && e.preventDefault(), !n && r && F(e.key));
 								let i = O.current;
-								if (e.target !== i || !ae.includes(e.key)) return;
+								if (e.target !== i || !se.includes(e.key)) return;
 								e.preventDefault();
-								let a = T().filter((e) => !e.disabled).map((e) => e.ref.current);
-								ie.includes(e.key) && a.reverse(), $e(a);
+								let a = ee().filter((e) => !e.disabled).map((e) => e.ref.current);
+								oe.includes(e.key) && a.reverse(), et(a);
 							}),
 							onBlur: m(e.onBlur, (e) => {
-								e.currentTarget.contains(e.target) || (window.clearTimeout(j.current), M.current = "");
+								e.currentTarget.contains(e.target) || (window.clearTimeout(A.current), j.current = "");
 							}),
 							onPointerMove: m(e.onPointerMove, X((e) => {
-								let t = e.target, n = F.current !== e.clientX;
-								e.currentTarget.contains(t) && n && (P.current = e.clientX > F.current ? "right" : "left", F.current = e.clientX);
+								let t = e.target, n = N.current !== e.clientX;
+								e.currentTarget.contains(t) && n && (ce.current = e.clientX > N.current ? "right" : "left", N.current = e.clientX);
 							}))
 						})
 					})
@@ -225,8 +225,8 @@ var U = "MenuContent", [_e, W] = I(U), ve = E.forwardRef((e, t) => {
 		})
 	});
 });
-ve.displayName = U;
-var Ce = "MenuGroup", we = E.forwardRef((e, t) => {
+be.displayName = H;
+var we = "MenuGroup", G = D.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
 	return /* @__PURE__ */ k(c.div, {
 		role: "group",
@@ -234,8 +234,8 @@ var Ce = "MenuGroup", we = E.forwardRef((e, t) => {
 		ref: t
 	});
 });
-we.displayName = Ce;
-var Te = "MenuLabel", Ee = E.forwardRef((e, t) => {
+G.displayName = we;
+var Te = "MenuLabel", Ee = D.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
 	return /* @__PURE__ */ k(c.div, {
 		...r,
@@ -243,8 +243,8 @@ var Te = "MenuLabel", Ee = E.forwardRef((e, t) => {
 	});
 });
 Ee.displayName = Te;
-var G = "MenuItem", De = "menu.itemSelect", K = E.forwardRef((e, t) => {
-	let { disabled: n = !1, onSelect: r, ...i } = e, a = E.useRef(null), o = B(G, e.__scopeMenu), c = W(G, e.__scopeMenu), l = y(t, a), u = E.useRef(!1), d = () => {
+var K = "MenuItem", De = "menu.itemSelect", q = D.forwardRef((e, t) => {
+	let { disabled: n = !1, onSelect: r, ...i } = e, a = D.useRef(null), o = z(K, e.__scopeMenu), c = U(K, e.__scopeMenu), l = y(t, a), u = D.useRef(!1), d = () => {
 		let e = a.current;
 		if (!n && e) {
 			let t = new CustomEvent(De, {
@@ -271,17 +271,17 @@ var G = "MenuItem", De = "menu.itemSelect", K = E.forwardRef((e, t) => {
 		})
 	});
 });
-K.displayName = G;
-var Oe = E.forwardRef((e, t) => {
-	let { __scopeMenu: n, disabled: r = !1, textValue: i, ...a } = e, o = W(G, n), s = ue(n), l = E.useRef(null), u = y(t, l), [d, f] = E.useState(!1), [p, h] = E.useState("");
-	return E.useEffect(() => {
+q.displayName = K;
+var Oe = D.forwardRef((e, t) => {
+	let { __scopeMenu: n, disabled: r = !1, textValue: i, ...a } = e, o = U(K, n), s = de(n), l = D.useRef(null), u = y(t, l), [d, f] = D.useState(!1), [p, h] = D.useState("");
+	return D.useEffect(() => {
 		let e = l.current;
 		e && h((e.textContent ?? "").trim());
-	}, [a.children]), /* @__PURE__ */ k(F.ItemSlot, {
+	}, [a.children]), /* @__PURE__ */ k(P.ItemSlot, {
 		scope: n,
 		disabled: r,
 		textValue: i ?? p,
-		children: /* @__PURE__ */ k(S, {
+		children: /* @__PURE__ */ k(w, {
 			asChild: !0,
 			...s,
 			focusable: !r,
@@ -301,67 +301,67 @@ var Oe = E.forwardRef((e, t) => {
 			})
 		})
 	});
-}), ke = "MenuCheckboxItem", Ae = E.forwardRef((e, t) => {
+}), ke = "MenuCheckboxItem", Ae = D.forwardRef((e, t) => {
 	let { checked: n = !1, onCheckedChange: r, ...i } = e;
-	return /* @__PURE__ */ k(Le, {
+	return /* @__PURE__ */ k(Re, {
 		scope: e.__scopeMenu,
 		checked: n,
-		children: /* @__PURE__ */ k(K, {
+		children: /* @__PURE__ */ k(q, {
 			role: "menuitemcheckbox",
 			"aria-checked": Y(n) ? "mixed" : n,
 			...i,
 			ref: t,
-			"data-state": Qe(n),
+			"data-state": $e(n),
 			onSelect: m(i.onSelect, () => r?.(Y(n) ? !0 : !n), { checkForDefaultPrevented: !1 })
 		})
 	});
 });
 Ae.displayName = ke;
-var je = "MenuRadioGroup", [Me, Ne] = I(je, {
+var je = "MenuRadioGroup", [Me, Ne] = F(je, {
 	value: void 0,
 	onValueChange: () => {}
-}), Pe = E.forwardRef((e, t) => {
+}), Pe = D.forwardRef((e, t) => {
 	let { value: n, onValueChange: r, ...i } = e, o = a(r);
 	return /* @__PURE__ */ k(Me, {
 		scope: e.__scopeMenu,
 		value: n,
 		onValueChange: o,
-		children: /* @__PURE__ */ k(we, {
+		children: /* @__PURE__ */ k(G, {
 			...i,
 			ref: t
 		})
 	});
 });
 Pe.displayName = je;
-var Fe = "MenuRadioItem", Ie = E.forwardRef((e, t) => {
+var Fe = "MenuRadioItem", Ie = D.forwardRef((e, t) => {
 	let { value: n, ...r } = e, i = Ne(Fe, e.__scopeMenu), a = n === i.value;
-	return /* @__PURE__ */ k(Le, {
+	return /* @__PURE__ */ k(Re, {
 		scope: e.__scopeMenu,
 		checked: a,
-		children: /* @__PURE__ */ k(K, {
+		children: /* @__PURE__ */ k(q, {
 			role: "menuitemradio",
 			"aria-checked": a,
 			...r,
 			ref: t,
-			"data-state": Qe(a),
+			"data-state": $e(a),
 			onSelect: m(r.onSelect, () => i.onValueChange?.(n), { checkForDefaultPrevented: !1 })
 		})
 	});
 });
 Ie.displayName = Fe;
-var q = "MenuItemIndicator", [Le, Re] = I(q, { checked: !1 }), ze = E.forwardRef((e, t) => {
-	let { __scopeMenu: n, forceMount: r, ...i } = e, a = Re(q, n);
+var Le = "MenuItemIndicator", [Re, ze] = F(Le, { checked: !1 }), Be = D.forwardRef((e, t) => {
+	let { __scopeMenu: n, forceMount: r, ...i } = e, a = ze(Le, n);
 	return /* @__PURE__ */ k(_, {
 		present: r || Y(a.checked) || a.checked === !0,
 		children: /* @__PURE__ */ k(c.span, {
 			...i,
 			ref: t,
-			"data-state": Qe(a.checked)
+			"data-state": $e(a.checked)
 		})
 	});
 });
-ze.displayName = q;
-var Be = "MenuSeparator", Ve = E.forwardRef((e, t) => {
+Be.displayName = Le;
+var Ve = "MenuSeparator", He = D.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
 	return /* @__PURE__ */ k(c.div, {
 		role: "separator",
@@ -370,27 +370,27 @@ var Be = "MenuSeparator", Ve = E.forwardRef((e, t) => {
 		ref: t
 	});
 });
-Ve.displayName = Be;
-var He = "MenuArrow", Ue = E.forwardRef((e, t) => {
+He.displayName = Ve;
+var Ue = "MenuArrow", We = D.forwardRef((e, t) => {
 	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ k(T, {
+	return /* @__PURE__ */ k(ee, {
 		...L(n),
 		...r,
 		ref: t
 	});
 });
-Ue.displayName = He;
-var We = "MenuSub", [Ge, Ke] = I(We), qe = (e) => {
-	let { __scopeMenu: t, children: n, open: r = !1, onOpenChange: i } = e, o = z(We, t), s = L(t), [c, l] = E.useState(null), [d, f] = E.useState(null), p = a(i);
-	return E.useEffect(() => (o.open === !1 && p(!1), () => p(!1)), [o.open, p]), /* @__PURE__ */ k(w, {
+We.displayName = Ue;
+var Ge = "MenuSub", [Ke, qe] = F(Ge), Je = (e) => {
+	let { __scopeMenu: t, children: n, open: r = !1, onOpenChange: i } = e, o = R(Ge, t), s = L(t), [c, l] = D.useState(null), [d, f] = D.useState(null), p = a(i);
+	return D.useEffect(() => (o.open === !1 && p(!1), () => p(!1)), [o.open, p]), /* @__PURE__ */ k(E, {
 		...s,
-		children: /* @__PURE__ */ k(R, {
+		children: /* @__PURE__ */ k(fe, {
 			scope: t,
 			open: r,
 			onOpenChange: p,
 			content: d,
 			onContentChange: f,
-			children: /* @__PURE__ */ k(Ge, {
+			children: /* @__PURE__ */ k(Ke, {
 				scope: t,
 				contentId: u(),
 				triggerId: u(),
@@ -401,17 +401,17 @@ var We = "MenuSub", [Ge, Ke] = I(We), qe = (e) => {
 		})
 	});
 };
-qe.displayName = We;
-var J = "MenuSubTrigger", Je = E.forwardRef((e, t) => {
-	let n = z(J, e.__scopeMenu), r = B(J, e.__scopeMenu), i = Ke(J, e.__scopeMenu), a = W(J, e.__scopeMenu), o = E.useRef(null), { pointerGraceTimerRef: s, onPointerGraceIntentChange: c } = a, l = { __scopeMenu: e.__scopeMenu }, u = E.useCallback(() => {
+Je.displayName = Ge;
+var J = "MenuSubTrigger", Ye = D.forwardRef((e, t) => {
+	let n = R(J, e.__scopeMenu), r = z(J, e.__scopeMenu), i = qe(J, e.__scopeMenu), a = U(J, e.__scopeMenu), o = D.useRef(null), { pointerGraceTimerRef: s, onPointerGraceIntentChange: c } = a, l = { __scopeMenu: e.__scopeMenu }, u = D.useCallback(() => {
 		o.current && window.clearTimeout(o.current), o.current = null;
 	}, []);
-	return E.useEffect(() => u, [u]), E.useEffect(() => {
+	return D.useEffect(() => u, [u]), D.useEffect(() => {
 		let e = s.current;
 		return () => {
 			window.clearTimeout(e), c(null);
 		};
-	}, [s, c]), /* @__PURE__ */ k(V, {
+	}, [s, c]), /* @__PURE__ */ k(B, {
 		asChild: !0,
 		...l,
 		children: /* @__PURE__ */ k(Oe, {
@@ -419,7 +419,7 @@ var J = "MenuSubTrigger", Je = E.forwardRef((e, t) => {
 			"aria-haspopup": "menu",
 			"aria-expanded": n.open,
 			"aria-controls": n.open ? i.contentId : void 0,
-			"data-state": Ze(n.open),
+			"data-state": Qe(n.open),
 			...e,
 			ref: v(t, i.onTriggerChange),
 			onClick: (t) => {
@@ -467,21 +467,21 @@ var J = "MenuSubTrigger", Je = E.forwardRef((e, t) => {
 			})),
 			onKeyDown: m(e.onKeyDown, (t) => {
 				let i = a.searchRef.current !== "";
-				e.disabled || i && t.key === " " || oe[r.dir].includes(t.key) && (n.onOpenChange(!0), n.content?.focus(), t.preventDefault());
+				e.disabled || i && t.key === " " || M[r.dir].includes(t.key) && (n.onOpenChange(!0), n.content?.focus(), t.preventDefault());
 			})
 		})
 	});
 });
-Je.displayName = J;
-var Ye = "MenuSubContent", Xe = E.forwardRef((e, t) => {
-	let n = he(U, e.__scopeMenu), { forceMount: r = n.forceMount, align: i = "start", ...a } = e, o = z(U, e.__scopeMenu), s = B(U, e.__scopeMenu), c = Ke(Ye, e.__scopeMenu), l = E.useRef(null), u = y(t, l);
-	return /* @__PURE__ */ k(F.Provider, {
+Ye.displayName = J;
+var Xe = "MenuSubContent", Ze = D.forwardRef((e, t) => {
+	let n = _e(H, e.__scopeMenu), { forceMount: r = n.forceMount, align: i = "start", ...a } = e, o = R(H, e.__scopeMenu), s = z(H, e.__scopeMenu), c = qe(Xe, e.__scopeMenu), l = D.useRef(null), u = y(t, l);
+	return /* @__PURE__ */ k(P.Provider, {
 		scope: e.__scopeMenu,
 		children: /* @__PURE__ */ k(_, {
 			present: r || o.open,
-			children: /* @__PURE__ */ k(F.Slot, {
+			children: /* @__PURE__ */ k(P.Slot, {
 				scope: e.__scopeMenu,
-				children: /* @__PURE__ */ k(Se, {
+				children: /* @__PURE__ */ k(W, {
 					id: c.contentId,
 					"aria-labelledby": c.triggerId,
 					...a,
@@ -502,7 +502,7 @@ var Ye = "MenuSubContent", Xe = E.forwardRef((e, t) => {
 						s.onClose(), e.preventDefault();
 					}),
 					onKeyDown: m(e.onKeyDown, (e) => {
-						let t = e.currentTarget.contains(e.target), n = N[s.dir].includes(e.key);
+						let t = e.currentTarget.contains(e.target), n = ce[s.dir].includes(e.key);
 						t && n && (o.onOpenChange(!1), c.trigger?.focus(), e.preventDefault());
 					})
 				})
@@ -510,30 +510,30 @@ var Ye = "MenuSubContent", Xe = E.forwardRef((e, t) => {
 		})
 	});
 });
-Xe.displayName = Ye;
-function Ze(e) {
+Ze.displayName = Xe;
+function Qe(e) {
 	return e ? "open" : "closed";
 }
 function Y(e) {
 	return e === "indeterminate";
 }
-function Qe(e) {
+function $e(e) {
 	return Y(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-function $e(e) {
+function et(e) {
 	let t = document.activeElement;
 	for (let n of e) if (n === t || (n.focus(), document.activeElement !== t)) return;
 }
-function et(e, t) {
+function tt(e, t) {
 	return e.map((n, r) => e[(t + r) % e.length]);
 }
-function tt(e, t, n) {
-	let r = t.length > 1 && Array.from(t).every((e) => e === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1, a = et(e, Math.max(i, 0));
+function nt(e, t, n) {
+	let r = t.length > 1 && Array.from(t).every((e) => e === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1, a = tt(e, Math.max(i, 0));
 	r.length === 1 && (a = a.filter((e) => e !== n));
 	let o = a.find((e) => e.toLowerCase().startsWith(r.toLowerCase()));
 	return o === n ? void 0 : o;
 }
-function nt(e, t) {
+function rt(e, t) {
 	let { x: n, y: r } = e, i = !1;
 	for (let e = 0, a = t.length - 1; e < t.length; a = e++) {
 		let o = t[e], s = t[a], c = o.x, l = o.y, u = s.x, d = s.y;
@@ -541,8 +541,8 @@ function nt(e, t) {
 	}
 	return i;
 }
-function rt(e, t) {
-	return t ? nt({
+function it(e, t) {
+	return t ? rt({
 		x: e.clientX,
 		y: e.clientY
 	}, t) : !1;
@@ -550,23 +550,23 @@ function rt(e, t) {
 function X(e) {
 	return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-var it = fe, at = V, ot = ge, st = ve, ct = we, lt = Ee, ut = K, dt = Ae, ft = Pe, pt = Ie, mt = ze, ht = Ve, gt = Ue, _t = Je, vt = Xe, Z = "DropdownMenu", [yt, bt] = d(Z, [le]), Q = le(), [xt, St] = yt(Z), Ct = (e) => {
-	let { __scopeDropdownMenu: t, children: n, dir: r, open: i, defaultOpen: a, onOpenChange: s, modal: c = !0 } = e, l = Q(t), d = E.useRef(null), [f, p] = o({
+var at = me, ot = B, st = ve, ct = be, lt = G, ut = Ee, dt = q, ft = Ae, pt = Pe, mt = Ie, ht = Be, gt = He, _t = We, vt = Ye, yt = Ze, Z = "DropdownMenu", [bt, xt] = d(Z, [I]), Q = I(), [St, Ct] = bt(Z), wt = (e) => {
+	let { __scopeDropdownMenu: t, children: n, dir: r, open: i, defaultOpen: a, onOpenChange: s, modal: c = !0 } = e, l = Q(t), d = D.useRef(null), [f, p] = o({
 		prop: i,
 		defaultProp: a ?? !1,
 		onChange: s,
 		caller: Z
 	});
-	return /* @__PURE__ */ k(xt, {
+	return /* @__PURE__ */ k(St, {
 		scope: t,
 		triggerId: u(),
 		triggerRef: d,
 		contentId: u(),
 		open: f,
 		onOpenChange: p,
-		onOpenToggle: E.useCallback(() => p((e) => !e), [p]),
+		onOpenToggle: D.useCallback(() => p((e) => !e), [p]),
 		modal: c,
-		children: /* @__PURE__ */ k(it, {
+		children: /* @__PURE__ */ k(at, {
 			...l,
 			open: f,
 			onOpenChange: p,
@@ -576,10 +576,10 @@ var it = fe, at = V, ot = ge, st = ve, ct = we, lt = Ee, ut = K, dt = Ae, ft = P
 		})
 	});
 };
-Ct.displayName = Z;
-var wt = "DropdownMenuTrigger", Tt = E.forwardRef((e, t) => {
-	let { __scopeDropdownMenu: n, disabled: r = !1, ...i } = e, a = St(wt, n);
-	return /* @__PURE__ */ k(at, {
+wt.displayName = Z;
+var Tt = "DropdownMenuTrigger", Et = D.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, disabled: r = !1, ...i } = e, a = Ct(Tt, n);
+	return /* @__PURE__ */ k(ot, {
 		asChild: !0,
 		...Q(n),
 		children: /* @__PURE__ */ k(c.button, {
@@ -606,18 +606,18 @@ var wt = "DropdownMenuTrigger", Tt = E.forwardRef((e, t) => {
 		})
 	});
 });
-Tt.displayName = wt;
-var Et = "DropdownMenuPortal", Dt = (e) => {
+Et.displayName = Tt;
+var Dt = "DropdownMenuPortal", Ot = (e) => {
 	let { __scopeDropdownMenu: t, ...n } = e;
-	return /* @__PURE__ */ k(ot, {
+	return /* @__PURE__ */ k(st, {
 		...Q(t),
 		...n
 	});
 };
-Dt.displayName = Et;
-var Ot = "DropdownMenuContent", kt = E.forwardRef((e, t) => {
-	let { __scopeDropdownMenu: n, ...r } = e, i = St(Ot, n), a = Q(n), o = E.useRef(!1);
-	return /* @__PURE__ */ k(st, {
+Ot.displayName = Dt;
+var kt = "DropdownMenuContent", At = D.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e, i = Ct(kt, n), a = Q(n), o = D.useRef(!1);
+	return /* @__PURE__ */ k(ct, {
 		id: i.contentId,
 		"aria-labelledby": i.triggerId,
 		...a,
@@ -640,17 +640,8 @@ var Ot = "DropdownMenuContent", kt = E.forwardRef((e, t) => {
 		}
 	});
 });
-kt.displayName = Ot;
-var At = "DropdownMenuGroup", jt = E.forwardRef((e, t) => {
-	let { __scopeDropdownMenu: n, ...r } = e;
-	return /* @__PURE__ */ k(ct, {
-		...Q(n),
-		...r,
-		ref: t
-	});
-});
-jt.displayName = At;
-var Mt = "DropdownMenuLabel", Nt = E.forwardRef((e, t) => {
+At.displayName = kt;
+var jt = "DropdownMenuGroup", Mt = D.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
 	return /* @__PURE__ */ k(lt, {
 		...Q(n),
@@ -658,8 +649,8 @@ var Mt = "DropdownMenuLabel", Nt = E.forwardRef((e, t) => {
 		ref: t
 	});
 });
-Nt.displayName = Mt;
-var Pt = "DropdownMenuItem", Ft = E.forwardRef((e, t) => {
+Mt.displayName = jt;
+var Nt = "DropdownMenuLabel", Pt = D.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
 	return /* @__PURE__ */ k(ut, {
 		...Q(n),
@@ -667,8 +658,8 @@ var Pt = "DropdownMenuItem", Ft = E.forwardRef((e, t) => {
 		ref: t
 	});
 });
-Ft.displayName = Pt;
-var It = "DropdownMenuCheckboxItem", Lt = E.forwardRef((e, t) => {
+Pt.displayName = Nt;
+var Ft = "DropdownMenuItem", It = D.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
 	return /* @__PURE__ */ k(dt, {
 		...Q(n),
@@ -676,8 +667,8 @@ var It = "DropdownMenuCheckboxItem", Lt = E.forwardRef((e, t) => {
 		ref: t
 	});
 });
-Lt.displayName = It;
-var Rt = "DropdownMenuRadioGroup", zt = E.forwardRef((e, t) => {
+It.displayName = Ft;
+var Lt = "DropdownMenuCheckboxItem", Rt = D.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
 	return /* @__PURE__ */ k(ft, {
 		...Q(n),
@@ -685,8 +676,8 @@ var Rt = "DropdownMenuRadioGroup", zt = E.forwardRef((e, t) => {
 		ref: t
 	});
 });
-zt.displayName = Rt;
-var Bt = "DropdownMenuRadioItem", Vt = E.forwardRef((e, t) => {
+Rt.displayName = Lt;
+var zt = "DropdownMenuRadioGroup", Bt = D.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
 	return /* @__PURE__ */ k(pt, {
 		...Q(n),
@@ -694,8 +685,8 @@ var Bt = "DropdownMenuRadioItem", Vt = E.forwardRef((e, t) => {
 		ref: t
 	});
 });
-Vt.displayName = Bt;
-var Ht = "DropdownMenuItemIndicator", Ut = E.forwardRef((e, t) => {
+Bt.displayName = zt;
+var Vt = "DropdownMenuRadioItem", Ht = D.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
 	return /* @__PURE__ */ k(mt, {
 		...Q(n),
@@ -703,8 +694,8 @@ var Ht = "DropdownMenuItemIndicator", Ut = E.forwardRef((e, t) => {
 		ref: t
 	});
 });
-Ut.displayName = Ht;
-var Wt = "DropdownMenuSeparator", Gt = E.forwardRef((e, t) => {
+Ht.displayName = Vt;
+var Ut = "DropdownMenuItemIndicator", Wt = D.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
 	return /* @__PURE__ */ k(ht, {
 		...Q(n),
@@ -712,8 +703,8 @@ var Wt = "DropdownMenuSeparator", Gt = E.forwardRef((e, t) => {
 		ref: t
 	});
 });
-Gt.displayName = Wt;
-var Kt = "DropdownMenuArrow", qt = E.forwardRef((e, t) => {
+Wt.displayName = Ut;
+var Gt = "DropdownMenuSeparator", Kt = D.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
 	return /* @__PURE__ */ k(gt, {
 		...Q(n),
@@ -721,8 +712,8 @@ var Kt = "DropdownMenuArrow", qt = E.forwardRef((e, t) => {
 		ref: t
 	});
 });
-qt.displayName = Kt;
-var Jt = "DropdownMenuSubTrigger", Yt = E.forwardRef((e, t) => {
+Kt.displayName = Gt;
+var qt = "DropdownMenuArrow", Jt = D.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
 	return /* @__PURE__ */ k(_t, {
 		...Q(n),
@@ -730,10 +721,19 @@ var Jt = "DropdownMenuSubTrigger", Yt = E.forwardRef((e, t) => {
 		ref: t
 	});
 });
-Yt.displayName = Jt;
-var Xt = "DropdownMenuSubContent", Zt = E.forwardRef((e, t) => {
+Jt.displayName = qt;
+var Yt = "DropdownMenuSubTrigger", Xt = D.forwardRef((e, t) => {
 	let { __scopeDropdownMenu: n, ...r } = e;
 	return /* @__PURE__ */ k(vt, {
+		...Q(n),
+		...r,
+		ref: t
+	});
+});
+Xt.displayName = Yt;
+var Zt = "DropdownMenuSubContent", Qt = D.forwardRef((e, t) => {
+	let { __scopeDropdownMenu: n, ...r } = e;
+	return /* @__PURE__ */ k(yt, {
 		...Q(n),
 		...r,
 		ref: t,
@@ -747,81 +747,114 @@ var Xt = "DropdownMenuSubContent", Zt = E.forwardRef((e, t) => {
 		}
 	});
 });
-Zt.displayName = Xt;
-var Qt = Ct, $t = Tt, en = Dt, tn = kt, nn = Ft, rn = zt, an = Vt, on = Gt, $ = {
+Qt.displayName = Zt;
+var $t = wt, en = Et, tn = Ot, nn = At, rn = It, an = Bt, on = Ht, sn = Kt, $ = {
 	checkIcon: "_0tr6ea_checkIcon",
+	compact: "_0tr6ea_compact",
 	content: "_0tr6ea_content",
+	divided: "_0tr6ea_divided",
+	fill: "_0tr6ea_fill",
 	"hsui-dropdown-in": "_0tr6ea_hsui-dropdown-in",
 	"hsui-dropdown-out": "_0tr6ea_hsui-dropdown-out",
 	icon: "_0tr6ea_icon",
 	item: "_0tr6ea_item",
 	label: "_0tr6ea_label",
-	noCheck: "_0tr6ea_noCheck",
 	separator: "_0tr6ea_separator"
-}, sn = D({ closeOnSelect: !1 });
-function cn({ trigger: t, value: n, onValueChange: r, showCheck: i = !0, closeOnSelect: a = !1, options: o, children: s, side: c = "bottom", align: l = "start", sideOffset: u = 8, alignOffset: d, open: f, onOpenChange: p, defaultOpen: m, width: h, className: g }) {
-	let _ = n !== void 0 || r !== void 0, v = h === void 0 ? void 0 : h === "trigger" ? { width: "var(--radix-dropdown-menu-trigger-width)" } : { width: h }, y = o ? o.map((e) => /* @__PURE__ */ k(ln, {
+}, cn = re({
+	closeOnSelect: !1,
+	size: 200,
+	indicator: "fill"
+});
+function ln(e) {
+	e.focus({ preventScroll: !0 }), e.setAttribute("data-hs-pointer-focus", "");
+	let t = () => {
+		e.removeAttribute("data-hs-pointer-focus"), e.removeEventListener("keydown", t), e.removeEventListener("blur", t);
+	};
+	e.addEventListener("keydown", t), e.addEventListener("blur", t);
+}
+function un({ trigger: t, value: n, onValueChange: r, indicator: i, showCheck: a, closeOnSelect: o = !1, options: s, children: c, side: l = "bottom", align: u = "start", sideOffset: d = 8, alignOffset: f, open: p, onOpenChange: m, defaultOpen: h, width: g, size: _ = 200, variant: v = "plain", className: y }) {
+	let b = n !== void 0 || r !== void 0, x = ie(null), S = ie(!1), C = i ?? (a === void 0 ? v === "divided" ? "check" : "fill" : a ? "check" : "fill"), w = g === void 0 ? void 0 : g === "trigger" ? { width: "var(--radix-dropdown-menu-trigger-width)" } : { width: g }, T = s ? s.map((e) => /* @__PURE__ */ k(dn, {
 		value: e.value,
 		disabled: e.disabled,
 		icon: e.icon,
 		children: e.label
-	}, e.value)) : s;
-	return /* @__PURE__ */ k(sn.Provider, {
-		value: { closeOnSelect: a },
-		children: /* @__PURE__ */ A(Qt, {
-			open: f,
-			onOpenChange: p,
-			defaultOpen: m,
-			children: [/* @__PURE__ */ k($t, {
+	}, e.value)) : c;
+	return /* @__PURE__ */ k(cn.Provider, {
+		value: {
+			closeOnSelect: o,
+			size: _,
+			indicator: C
+		},
+		children: /* @__PURE__ */ A($t, {
+			open: p,
+			onOpenChange: m,
+			defaultOpen: h,
+			children: [/* @__PURE__ */ k(en, {
 				asChild: !0,
+				ref: x,
 				children: t
-			}), /* @__PURE__ */ k(en, { children: /* @__PURE__ */ k(tn, {
-				sideOffset: u,
-				alignOffset: d,
-				side: c,
-				align: l,
-				className: e("hsui-dropdown", $.content, !i && $.noCheck, g),
-				style: v,
-				children: _ ? /* @__PURE__ */ k(rn, {
+			}), /* @__PURE__ */ k(tn, { children: /* @__PURE__ */ k(nn, {
+				onPointerUpCapture: () => {
+					S.current = !0;
+				},
+				onKeyDownCapture: () => {
+					S.current = !1;
+				},
+				onInteractOutside: (e) => {
+					S.current = e.detail.originalEvent.type.startsWith("pointer");
+				},
+				onCloseAutoFocus: (e) => {
+					let t = S.current;
+					S.current = !1;
+					let n = x.current;
+					t && n && (e.preventDefault(), ln(n));
+				},
+				sideOffset: d,
+				alignOffset: f,
+				side: l,
+				align: u,
+				className: e("hsui-dropdown", $.content, _ === 100 && $.compact, v === "divided" && $.divided, C === "fill" && $.fill, y),
+				style: w,
+				children: b ? /* @__PURE__ */ k(an, {
 					value: n ?? "",
 					onValueChange: r,
-					children: y
-				}) : y
+					children: T
+				}) : T
 			}) })]
 		})
 	});
 }
-function ln({ value: r, disabled: i, children: a, icon: o, onSelect: s, className: c }) {
-	let { closeOnSelect: l } = O(sn), u = (e) => {
+function dn({ value: r, disabled: i, children: a, icon: o, onSelect: s, className: c }) {
+	let { closeOnSelect: l, size: u, indicator: d } = O(cn), f = (e) => {
 		l || e.preventDefault(), s?.();
-	}, d = e($.item, c), f = /* @__PURE__ */ k(n, {
+	}, p = e($.item, c), m = d === "check" ? /* @__PURE__ */ k(n, {
 		name: t,
-		size: 16,
+		size: u === 100 ? 12 : 16,
 		className: $.checkIcon
-	}), p = o ? /* @__PURE__ */ k("span", {
+	}) : null, h = o ? /* @__PURE__ */ k("span", {
 		className: $.icon,
 		children: o
 	}) : null;
-	return r === void 0 ? /* @__PURE__ */ A(nn, {
+	return r === void 0 ? /* @__PURE__ */ A(rn, {
 		disabled: i,
-		onSelect: u,
-		className: d,
+		onSelect: f,
+		className: p,
 		children: [
-			f,
-			p,
+			m,
+			h,
 			/* @__PURE__ */ k("span", {
 				className: $.label,
 				children: a
 			})
 		]
-	}) : /* @__PURE__ */ A(an, {
+	}) : /* @__PURE__ */ A(on, {
 		value: r,
 		disabled: i,
-		onSelect: u,
-		className: d,
+		onSelect: f,
+		className: p,
 		children: [
-			f,
-			p,
+			m,
+			h,
 			/* @__PURE__ */ k("span", {
 				className: $.label,
 				children: a
@@ -829,6 +862,6 @@ function ln({ value: r, disabled: i, children: a, icon: o, onSelect: s, classNam
 		]
 	});
 }
-var un = ({ className: t }) => /* @__PURE__ */ k(on, { className: e($.separator, t) });
+var fn = ({ className: t }) => /* @__PURE__ */ k(sn, { className: e($.separator, t) });
 //#endregion
-export { ln as n, un as r, cn as t };
+export { dn as n, fn as r, un as t };