haze-ui 1.32.0 → 1.34.0

package/dist/components/Menu/MenuRadioItem.js

@@ -2,37 +2,39 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { menuItemIndicator as t } from "./menu-item-styles.js";
-import { useMenuRadioItem as n } from "../../utils/menuRadio.js";
+import { useMenuClassNames as n } from "./MenuContext.js";
+import { useMenuRadioItem as r } from "../../utils/menuRadio.js";
 /* empty css                        */
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/lib/components/Menu/MenuRadioItem.tsx
-var a = "haze-MenuRadioItem__item";
-function o({ value: o, disabled: s = !1, danger: c = !1, icon: l, kbdLabel: u, className: d, children: f }) {
-	let { checked: p, select: m } = n(o);
-	return /* @__PURE__ */ i("button", {
+var o = "haze-MenuRadioItem__item";
+function s({ value: s, disabled: c = !1, danger: l = !1, icon: u, kbdLabel: d, className: f, children: p }) {
+	let m = n(), { checked: h, select: g } = r(s);
+	return /* @__PURE__ */ a("button", {
 		type: "button",
 		role: "menuitemradio",
 		"data-slot": "menu-radio-item",
-		"aria-checked": p,
+		"aria-checked": h,
 		tabIndex: -1,
-		disabled: s,
-		onClick: m,
+		disabled: c,
+		onClick: g,
 		className: e([
-			a,
-			c && "haze-menu-item-styles__menuItemDanger",
-			d
+			o,
+			l && "haze-menu-item-styles__menuItemDanger",
+			m?.radioItem,
+			f
 		]),
 		children: [
-			/* @__PURE__ */ r("span", {
+			/* @__PURE__ */ i("span", {
 				"data-slot": "indicator",
 				"aria-hidden": "true",
 				className: e(t),
-				children: p && /* @__PURE__ */ r("svg", {
+				children: h && /* @__PURE__ */ i("svg", {
 					width: "1em",
 					height: "1em",
 					viewBox: "0 0 16 16",
 					fill: "none",
-					children: /* @__PURE__ */ r("circle", {
+					children: /* @__PURE__ */ i("circle", {
 						cx: "8",
 						cy: "8",
 						r: "3.5",
@@ -40,20 +42,20 @@ function o({ value: o, disabled: s = !1, danger: c = !1, icon: l, kbdLabel: u, c
 					})
 				})
 			}),
-			l !== void 0 && /* @__PURE__ */ r("span", {
+			u !== void 0 && /* @__PURE__ */ i("span", {
 				"data-slot": "icon",
 				className: e("haze-menu-item-styles__menuItemIcon"),
-				children: l
+				children: u
 			}),
-			f,
-			u !== void 0 && /* @__PURE__ */ r("span", {
+			p,
+			d !== void 0 && /* @__PURE__ */ i("span", {
 				"data-slot": "kbd",
 				"aria-hidden": "true",
 				className: e("haze-menu-item-styles__menuItemKbd"),
-				children: u
+				children: d
 			})
 		]
 	});
 }
 //#endregion
-export { o as default };
+export { s as default };

package/dist/components/Menu/MenuSub.js

@@ -1,24 +1,36 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { SubmenuProvider as t, useSubmenu as n } from "../../utils/submenu.js";
+import { useMenuClassNames as t } from "./MenuContext.js";
+import { SubmenuProvider as n, useSubmenu as r } from "../../utils/submenu.js";
 /* empty css                  */
-import { jsx as r } from "react/jsx-runtime";
+import { c as i } from "react/compiler-runtime";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/lib/components/Menu/MenuSub.tsx
-var i = "haze-MenuSub__wrapper";
-function a({ open: a, onOpenChange: o, className: s, children: c }) {
-	let l = n({
-		open: a,
-		onOpenChange: o
-	});
-	return /* @__PURE__ */ r(t, {
-		value: l,
-		children: r("div", {
-			"data-slot": "menu-sub",
-			className: e([i, s]),
-			children: c
-		})
-	});
+var o = "haze-MenuSub__wrapper";
+function s(s) {
+	let c = i(12), { open: l, onOpenChange: u, className: d, children: f } = s, p = t(), m;
+	c[0] !== u || c[1] !== l ? (m = {
+		open: l,
+		onOpenChange: u
+	}, c[0] = u, c[1] = l, c[2] = m) : m = c[2];
+	let h = r(m), g = p?.sub, _;
+	c[3] !== d || c[4] !== g ? (_ = [
+		o,
+		g,
+		d
+	], c[3] = d, c[4] = g, c[5] = _) : _ = c[5];
+	let v;
+	c[6] !== f || c[7] !== _ ? (v = /* @__PURE__ */ a("div", {
+		"data-slot": "menu-sub",
+		className: e(_),
+		children: f
+	}), c[6] = f, c[7] = _, c[8] = v) : v = c[8];
+	let y;
+	return c[9] !== h || c[10] !== v ? (y = /* @__PURE__ */ a(n, {
+		value: h,
+		children: v
+	}), c[9] = h, c[10] = v, c[11] = y) : y = c[11], y;
 }
 //#endregion
-export { a as default };
+export { s as default };

package/dist/components/Menu/MenuSubContent.js

@@ -1,24 +1,25 @@
 
 "use client";
 import { FloatingPanel as e } from "../../utils/floating.js";
-import { useSubmenuContext as t } from "../../utils/submenu.js";
+import { useMenuClassNames as t } from "./MenuContext.js";
+import { useSubmenuContext as n } from "../../utils/submenu.js";
 /* empty css                         */
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/lib/components/Menu/MenuSubContent.tsx
-var r = "haze-MenuSubContent__panel";
-function i({ className: i, children: a }) {
-	let o = t();
-	return /* @__PURE__ */ n(e, {
-		ref: o.contentRef,
-		behavior: o.floating,
+var i = "haze-MenuSubContent__panel";
+function a({ className: a, children: o }) {
+	let s = t(), c = n();
+	return /* @__PURE__ */ r(e, {
+		ref: c.contentRef,
+		behavior: c.floating,
 		placement: "right",
-		id: o.contentId,
+		id: c.contentId,
 		role: "menu",
-		visualClass: r,
-		className: i,
-		onKeyDown: o.contentKeyDown,
-		children: a
+		visualClass: i,
+		className: [a, s?.subContent].filter(Boolean).join(" ") || void 0,
+		onKeyDown: c.contentKeyDown,
+		children: o
 	});
 }
 //#endregion
-export { i as default };
+export { a as default };

package/dist/components/Menu/MenuSubTrigger.js

@@ -1,31 +1,36 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { useSubmenuContext as t } from "../../utils/submenu.js";
+import { useMenuClassNames as t } from "./MenuContext.js";
+import { useSubmenuContext as n } from "../../utils/submenu.js";
 /* empty css                         */
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/lib/components/Menu/MenuSubTrigger.tsx
-var r = "haze-MenuSubTrigger__trigger";
-function i({ disabled: i = !1, className: a, children: o }) {
-	let s = t();
-	return /* @__PURE__ */ n("button", {
-		ref: s.triggerRef,
+var i = "haze-MenuSubTrigger__trigger";
+function a({ disabled: a = !1, className: o, children: s }) {
+	let c = t(), l = n();
+	return /* @__PURE__ */ r("button", {
+		ref: l.triggerRef,
 		type: "button",
 		role: "menuitem",
 		"data-slot": "menu-sub-trigger",
 		tabIndex: -1,
 		"aria-haspopup": "menu",
-		"aria-expanded": s.open,
-		"aria-owns": s.open ? s.contentId : void 0,
-		disabled: i,
-		style: s.floating.triggerStyle,
-		onPointerDown: s.floating.onTriggerPointerDown,
-		onPointerEnter: s.onTriggerPointerEnter,
-		onClick: s.floating.onTriggerClick,
-		onKeyDown: s.handleTriggerKeyDown,
-		className: e([r, a]),
-		children: o
+		"aria-expanded": l.open,
+		"aria-owns": l.open ? l.contentId : void 0,
+		disabled: a,
+		style: l.floating.triggerStyle,
+		onPointerDown: l.floating.onTriggerPointerDown,
+		onPointerEnter: l.onTriggerPointerEnter,
+		onClick: l.floating.onTriggerClick,
+		onKeyDown: l.handleTriggerKeyDown,
+		className: e([
+			i,
+			c?.subTrigger,
+			o
+		]),
+		children: s
 	});
 }
 //#endregion
-export { i as default };
+export { a as default };

package/dist/components/Meter/Meter.js

@@ -0,0 +1,63 @@
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { bar as t, root as n, track as r, trackSizes as i } from "./meter-styles.js";
+import { useId as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/lib/components/Meter/Meter.tsx
+function c(e, t) {
+	let n = "primary";
+	for (let r of [...t].sort((e, t) => e.at - t.at)) {
+		if (e < r.at) break;
+		n = r.color ?? "primary";
+	}
+	return n;
+}
+function l({ value: l, min: u = 0, max: d = 100, thresholds: f = [], label: p, showValue: m = !1, size: h = "md", classNames: g, className: _, ref: v, ...y }) {
+	let b = a(), x = Math.min(d, Math.max(u, l)), S = d - u, C = S > 0 ? (x - u) / S * 100 : 0, w = c(x, f), T = p != null;
+	return /* @__PURE__ */ s("div", {
+		ref: v,
+		role: "meter",
+		"data-slot": "meter",
+		"data-color": w,
+		"aria-valuenow": x,
+		"aria-valuemin": u,
+		"aria-valuemax": d,
+		"aria-labelledby": T ? b : void 0,
+		...y,
+		className: e([
+			n,
+			_,
+			g?.root
+		]),
+		children: [(T || m) && /* @__PURE__ */ s("div", {
+			"data-slot": "header",
+			className: e(["haze-meter-styles__header", g?.header]),
+			children: [T && /* @__PURE__ */ o("span", {
+				id: b,
+				"data-slot": "label",
+				className: e(["haze-meter-styles__label", g?.label]),
+				children: p
+			}), m && /* @__PURE__ */ o("span", {
+				"data-slot": "value",
+				className: e(["haze-meter-styles__value", g?.value]),
+				children: x
+			})]
+		}), /* @__PURE__ */ o("div", {
+			"data-slot": "track",
+			"data-color": w,
+			className: e([
+				r,
+				i[h],
+				g?.track
+			]),
+			children: /* @__PURE__ */ o("div", {
+				"data-slot": "bar",
+				"data-color": w,
+				style: { width: `${C}%` },
+				className: e([t, g?.bar])
+			})
+		})]
+	});
+}
+//#endregion
+export { l as default };

package/dist/components/Meter/index.js

@@ -0,0 +1,4 @@
+"use client";
+import { trackSizes as e } from "./meter-styles.js";
+import t from "./Meter.js";
+export { t as Meter, e as trackSizes };

package/dist/components/Meter/meter-styles.js

@@ -0,0 +1,11 @@
+
+"use client";
+/* empty css                       */
+//#region src/lib/components/Meter/meter-styles.ts
+var e = "haze-meter-styles__root", t = "haze-meter-styles__header", n = "haze-meter-styles__label", r = "haze-meter-styles__value", i = "haze-meter-styles__track", a = {
+	sm: "haze-meter-styles__sm",
+	md: "haze-meter-styles__md",
+	lg: "haze-meter-styles__lg"
+}, o = "haze-meter-styles__bar";
+//#endregion
+export { o as bar, t as header, n as label, e as root, i as track, a as trackSizes, r as value };

package/dist/components/ModelPicker/ModelPicker.js

@@ -3,31 +3,45 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                      */
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useControl as i } from "react-use-control";
+import { c as n } from "react/compiler-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useControl as a } from "react-use-control";
 //#region src/lib/components/ModelPicker/ModelPicker.tsx
-var a = "haze-ModelPicker__wrapper", o = "haze-ModelPicker__select";
-function s({ value: s, onChange: c, options: l, disabled: u, className: d }) {
-	let [f, p] = i(s, ""), m = t("modelPicker");
-	return /* @__PURE__ */ n("div", {
+var o = "haze-ModelPicker__wrapper", s = "haze-ModelPicker__select";
+function c(i) {
+	let c = n(17), { value: u, onChange: d, options: f, disabled: p, className: m } = i, [h, g] = a(u, ""), _ = t("modelPicker"), v;
+	c[0] !== d || c[1] !== g ? (v = (e) => {
+		g(e.target.value), d?.(e.target.value);
+	}, c[0] = d, c[1] = g, c[2] = v) : v = c[2];
+	let y = v, b;
+	c[3] === m ? b = c[4] : (b = [o, m], c[3] = m, c[4] = b);
+	let x;
+	c[5] === Symbol.for("react.memo_cache_sentinel") ? (x = [s], c[5] = x) : x = c[5];
+	let S = _.label, C;
+	c[6] === f ? C = c[7] : (C = f.map(l), c[6] = f, c[7] = C);
+	let w;
+	c[8] !== p || c[9] !== y || c[10] !== _.label || c[11] !== C || c[12] !== h ? (w = /* @__PURE__ */ r("select", {
+		"data-slot": "trigger",
+		"aria-label": S,
+		value: h,
+		onChange: y,
+		disabled: p,
+		className: e(x),
+		children: C
+	}), c[8] = p, c[9] = y, c[10] = _.label, c[11] = C, c[12] = h, c[13] = w) : w = c[13];
+	let T;
+	return c[14] !== b || c[15] !== w ? (T = /* @__PURE__ */ r("div", {
 		"data-slot": "model-picker",
-		className: e([a, d]),
-		children: n("select", {
-			"data-slot": "trigger",
-			"aria-label": m.label,
-			value: f,
-			onChange: (e) => {
-				p(e.target.value), c?.(e.target.value);
-			},
-			disabled: u,
-			className: e([o]),
-			children: l.map((e) => /* @__PURE__ */ r("option", {
-				value: e.value,
-				"data-slot": "option",
-				children: [e.label, e.contextLength ? ` (${e.contextLength})` : ""]
-			}, e.value))
-		})
-	});
+		className: e(b),
+		children: w
+	}), c[14] = b, c[15] = w, c[16] = T) : T = c[16], T;
+}
+function l(e) {
+	return /* @__PURE__ */ i("option", {
+		value: e.value,
+		"data-slot": "option",
+		children: [e.label, e.contextLength ? ` (${e.contextLength})` : ""]
+	}, e.value);
 }
 //#endregion
-export { s as default };
+export { c as default };

package/dist/components/NavigationBar/NavLink.js

@@ -1,5 +1,4 @@
 
-"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                  */
 import { forwardRef as t } from "react";

package/dist/components/NavigationBar/NavigationBar.js

@@ -1,5 +1,4 @@
 
-"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                        */
 import { jsx as t, jsxs as n } from "react/jsx-runtime";

package/dist/components/NavigationBar/index.js

@@ -1,4 +1,3 @@
-"use client";
 import e from "./NavigationBar.js";
 import t from "./NavLink.js";
 export { t as NavLink, e as NavigationBar };

package/dist/components/NavigationMenu/NavigationMenu.js

@@ -0,0 +1,73 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { NavigationMenuProvider as t } from "./NavigationMenuContext.js";
+/* empty css                         */
+import { useCallback as n, useEffect as r, useId as i, useMemo as a, useRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { isControl as c, useControl as l, useThru as u, watch as d } from "react-use-control";
+//#region src/lib/components/NavigationMenu/NavigationMenu.tsx
+var f = 100, p = 300, m = "haze-NavigationMenu__base";
+function h({ activeValue: h, onActiveValueChange: g, intentDelay: _ = f, graceDelay: v = p, stretchToTrigger: y = !1, classNames: b, className: x, ref: S, children: C, ...w }) {
+	let T = c(h), [E, D] = l(u(T ? h : void 0, d((e) => g?.(e))), T ? null : h ?? null), O = i().replace(/[^a-zA-Z0-9]/g, ""), k = n((e) => `haze-nav-menu-${O}-content-${e.replace(/[^a-zA-Z0-9_-]/g, "-")}`, [O]), A = n((e) => `haze-nav-menu-${O}-trigger-${e.replace(/[^a-zA-Z0-9_-]/g, "-")}`, [O]), j = o(0), M = o(0), N = n(() => {
+		window.clearTimeout(j.current), window.clearTimeout(M.current);
+	}, []);
+	r(() => N, [N]);
+	let P = n((e) => {
+		if (N(), E !== e) {
+			if (E !== null) {
+				D(e);
+				return;
+			}
+			j.current = window.setTimeout(() => D(e), _);
+		}
+	}, [
+		E,
+		N,
+		_,
+		D
+	]), F = n(() => {
+		N(), E !== null && (M.current = window.setTimeout(() => D(null), v));
+	}, [
+		E,
+		N,
+		v,
+		D
+	]), I = a(() => ({
+		activeValue: E,
+		setActiveValue: D,
+		hoverTrigger: P,
+		scheduleClose: F,
+		cancelHoverTimers: N,
+		contentId: k,
+		triggerId: A,
+		classNames: b,
+		stretchToTrigger: y
+	}), [
+		E,
+		D,
+		P,
+		F,
+		N,
+		k,
+		A,
+		b,
+		y
+	]);
+	return /* @__PURE__ */ s(t, {
+		value: I,
+		children: s("nav", {
+			"data-slot": "navigation-menu",
+			ref: S,
+			...w,
+			className: e([
+				m,
+				b?.root,
+				x
+			]),
+			children: C
+		})
+	});
+}
+//#endregion
+export { h as default };

package/dist/components/NavigationMenu/NavigationMenuContent.js

@@ -0,0 +1,53 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { FloatingPanel as t } from "../../utils/floating.js";
+import { useNavigationMenuContext as n, useNavigationMenuItemContext as r } from "./NavigationMenuContext.js";
+/* empty css                                */
+import { c as i } from "react/compiler-runtime";
+import { useEffect as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/lib/components/NavigationMenu/NavigationMenuContent.tsx
+var s = "haze-NavigationMenuContent__panelVisuals";
+function c(c) {
+	let l = i(32), u, d, f;
+	l[0] === c ? (u = l[1], d = l[2], f = l[3]) : ({className: d, children: u, ...f} = c, l[0] = c, l[1] = u, l[2] = d, l[3] = f);
+	let { scheduleClose: p, cancelHoverTimers: m, contentId: h, triggerId: g, classNames: _, stretchToTrigger: v } = n(), { value: y, floating: b, panelRef: x } = r(), { shown: S, triggerRef: C } = b, w, T;
+	l[4] !== x || l[5] !== S || l[6] !== v || l[7] !== C ? (w = () => {
+		if (!v || !S) return;
+		let e = x.current, t = C.current;
+		e && t && (e.style.minWidth = `${t.getBoundingClientRect().width}px`);
+	}, T = [
+		v,
+		S,
+		C,
+		x
+	], l[4] = x, l[5] = S, l[6] = v, l[7] = C, l[8] = w, l[9] = T) : (w = l[8], T = l[9]), a(w, T);
+	let E;
+	l[10] !== h || l[11] !== y ? (E = h(y), l[10] = h, l[11] = y, l[12] = E) : E = l[12];
+	let D;
+	l[13] !== g || l[14] !== y ? (D = g(y), l[13] = g, l[14] = y, l[15] = D) : D = l[15];
+	let O = _?.content, k;
+	l[16] !== d || l[17] !== O ? (k = e(d, O), l[16] = d, l[17] = O, l[18] = k) : k = l[18];
+	let A;
+	l[19] !== x || l[20] !== p ? (A = () => {
+		let e = x.current;
+		e !== null && document.activeElement instanceof Node && e.contains(document.activeElement) || p();
+	}, l[19] = x, l[20] = p, l[21] = A) : A = l[21];
+	let j;
+	return l[22] !== m || l[23] !== u || l[24] !== b || l[25] !== x || l[26] !== f || l[27] !== E || l[28] !== D || l[29] !== k || l[30] !== A ? (j = /* @__PURE__ */ o(t, {
+		ref: x,
+		behavior: b,
+		placement: "bottom",
+		id: E,
+		"aria-labelledby": D,
+		visualClass: s,
+		className: k,
+		onMouseEnter: m,
+		onMouseLeave: A,
+		...f,
+		children: u
+	}), l[22] = m, l[23] = u, l[24] = b, l[25] = x, l[26] = f, l[27] = E, l[28] = D, l[29] = k, l[30] = A, l[31] = j) : j = l[31], j;
+}
+//#endregion
+export { c as default };

package/dist/components/NavigationMenu/NavigationMenuContext.js

@@ -0,0 +1,17 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+//#region src/lib/components/NavigationMenu/NavigationMenuContext.ts
+var n = e(void 0), r = n.Provider;
+function i() {
+	let e = t(n);
+	if (!e) throw Error("NavigationMenu compound components must be used within <NavigationMenu>");
+	return e;
+}
+var a = e(void 0), o = a.Provider;
+function s() {
+	let e = t(a);
+	if (!e) throw Error("NavigationMenuTrigger and NavigationMenuContent must be used within <NavigationMenuItem>");
+	return e;
+}
+//#endregion
+export { o as NavigationMenuItemProvider, r as NavigationMenuProvider, i as useNavigationMenuContext, s as useNavigationMenuItemContext };

package/dist/components/NavigationMenu/NavigationMenuItem.js

@@ -0,0 +1,72 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { useFloating as t } from "../../utils/floating.js";
+import { NavigationMenuItemProvider as n, useNavigationMenuContext as r } from "./NavigationMenuContext.js";
+import i from "./NavigationMenuContent.js";
+/* empty css                             */
+import { c as a } from "react/compiler-runtime";
+import { Children as o, isValidElement as s, useEffect as c, useRef as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/lib/components/NavigationMenu/NavigationMenuItem.tsx
+var d = "haze-NavigationMenuItem__item";
+function f(i) {
+	let s = a(31), f, m, h, g;
+	s[0] === i ? (f = s[1], m = s[2], h = s[3], g = s[4]) : ({value: g, className: m, children: f, ...h} = i, s[0] = i, s[1] = f, s[2] = m, s[3] = h, s[4] = g);
+	let { activeValue: _, setActiveValue: v, classNames: y } = r(), b = _ === g, x = l(null), S = l(null), C;
+	s[5] !== v || s[6] !== g ? (C = (e) => {
+		v((t) => {
+			let n = t === g, r = typeof e == "function" ? e(n) : e;
+			return r === n ? t : r ? g : null;
+		});
+	}, s[5] = v, s[6] = g, s[7] = C) : C = s[7];
+	let w = C, T;
+	s[8] !== b || s[9] !== w ? (T = {
+		open: b,
+		setOpen: w,
+		triggerRef: x,
+		panelRef: S,
+		animated: !0
+	}, s[8] = b, s[9] = w, s[10] = T) : T = s[10];
+	let E = t(T), D;
+	s[11] === f ? D = s[12] : (D = o.toArray(f).some(p), s[11] = f, s[12] = D);
+	let O = D, k = l(!1), A, j;
+	s[13] === b ? (A = s[14], j = s[15]) : (A = () => {
+		let e = k.current;
+		if (k.current = b, !e || b) return;
+		let t = S.current, n = document.activeElement;
+		t && n instanceof Node && t.contains(n) && x.current?.focus();
+	}, j = [b], s[13] = b, s[14] = A, s[15] = j), c(A, j);
+	let M;
+	s[16] !== E || s[17] !== O || s[18] !== b || s[19] !== g ? (M = {
+		value: g,
+		open: b,
+		floating: E,
+		triggerRef: x,
+		panelRef: S,
+		hasContent: O
+	}, s[16] = E, s[17] = O, s[18] = b, s[19] = g, s[20] = M) : M = s[20];
+	let N = M, P = y?.item, F;
+	s[21] !== m || s[22] !== P ? (F = [
+		d,
+		P,
+		m
+	], s[21] = m, s[22] = P, s[23] = F) : F = s[23];
+	let I;
+	s[24] !== f || s[25] !== N ? (I = /* @__PURE__ */ u(n, {
+		value: N,
+		children: f
+	}), s[24] = f, s[25] = N, s[26] = I) : I = s[26];
+	let L;
+	return s[27] !== h || s[28] !== F || s[29] !== I ? (L = /* @__PURE__ */ u("li", {
+		"data-slot": "item",
+		...h,
+		className: e(F),
+		children: I
+	}), s[27] = h, s[28] = F, s[29] = I, s[30] = L) : L = s[30], L;
+}
+function p(e) {
+	return s(e) && e.type === i;
+}
+//#endregion
+export { f as default };