haze-ui 1.32.0 → 1.34.0

package/dist/components/Menu/Menu.js

@@ -1,13 +1,16 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { FloatingPanel as t, useFloating as n } from "../../utils/floating.js";
-import { useFocusScope as r } from "../../utils/focus-scope.js";
-import { useMenuKeyboard as i, useRovingTabindex as a } from "../../utils/menuKeyboard.js";
-import { renderMenuDataItems as o } from "../../utils/menuItems.js";
-import s from "./MenuCheckboxItem.js";
-import c from "./MenuDivider.js";
-import l from "./MenuGroup.js";
+import { useConfigDefaults as t } from "../ConfigProvider/useConfigDefaults.js";
+import { FloatingPanel as n, useFloating as r } from "../../utils/floating.js";
+import i from "../VirtualList/VirtualList.js";
+import { useFocusScope as a } from "../../utils/focus-scope.js";
+import { useMenuKeyboard as o, useRovingTabindex as ee } from "../../utils/menuKeyboard.js";
+import { renderMenuDataItems as s } from "../../utils/menuItems.js";
+import { MenuClassNamesProvider as c } from "./MenuContext.js";
+import te from "./MenuCheckboxItem.js";
+import l from "./MenuDivider.js";
+import ne from "./MenuGroup.js";
 import u from "./MenuItem.js";
 import d from "./MenuRadioGroup.js";
 import f from "./MenuRadioItem.js";
@@ -15,64 +18,208 @@ import p from "./MenuSub.js";
 import m from "./MenuSubContent.js";
 import h from "./MenuSubTrigger.js";
 /* empty css               */
-import { useCallback as g, useRef as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { useControl as b } from "react-use-control";
+import { c as re } from "react/compiler-runtime";
+import { isValidElement as g, useEffect as ie, useRef as _, useState as ae } from "react";
+import { jsx as v, jsxs as oe } from "react/jsx-runtime";
+import { useControl as se } from "react-use-control";
 //#region src/lib/components/Menu/Menu.tsx
-var x = "haze-Menu__container", S = "haze-Menu__panel", C = {
+var ce = "haze-Menu__container", le = "haze-Menu__panel", ue = {
 	Item: u,
-	CheckboxItem: s,
+	CheckboxItem: te,
 	RadioGroup: d,
 	RadioItem: f,
-	Group: l,
-	Divider: c,
+	Group: ne,
+	Divider: l,
 	Sub: p,
 	SubTrigger: h,
 	SubContent: m
-};
-function w({ open: s, trigger: c, items: l, className: u, children: d }) {
-	let [f, p] = b(s, !1), m = _(null), h = _(null), w = n({
-		open: f,
-		setOpen: p,
-		triggerRef: m,
-		panelRef: h,
+}, de = 37, fe = 296, pe = 500, me = "haze-Menu__virtualizedBody";
+function he(e) {
+	return e.type === "divider" ? "" : y(e.label);
+}
+function y(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(y).join("") : g(e) ? y(e.props.children) : "";
+}
+function b(e) {
+	return e.type !== "divider" && e.type !== "group" && e.disabled !== !0;
+}
+function ge(e) {
+	return s([e], ue);
+}
+function _e(e, t) {
+	return e === void 0 ? t : t === void 0 ? e : `${e} ${t}`;
+}
+function x(te) {
+	let l = re(59), { open: ne, trigger: u, items: d, virtualized: f, classNames: p, className: m, children: h, ref: g } = te, [y, x] = se(ne, !1), S = t("Menu"), C;
+	l[0] !== p || l[1] !== S.classNames ? (C = S.classNames ? {
+		...S.classNames,
+		...p
+	} : p, l[0] = p, l[1] = S.classNames, l[2] = C) : C = l[2];
+	let w = C, ye = _(null), T = _(null), E;
+	l[3] !== y || l[4] !== x ? (E = {
+		open: y,
+		setOpen: x,
+		triggerRef: ye,
+		panelRef: T,
 		animated: !0
-	});
-	a({
-		menuRef: h,
-		active: f
-	});
-	let T = i({
-		menuRef: h,
-		onClose: () => p(!1)
-	}), E = r({
-		enabled: f,
+	}, l[3] = y, l[4] = x, l[5] = E) : E = l[5];
+	let D = r(E), O;
+	l[6] === y ? O = l[7] : (O = {
+		menuRef: T,
+		active: y
+	}, l[6] = y, l[7] = O), ee(O);
+	let k;
+	l[8] === x ? k = l[9] : (k = {
+		menuRef: T,
+		onClose: () => x(!1)
+	}, l[8] = x, l[9] = k);
+	let be = o(k), A;
+	l[10] === d ? A = l[11] : (A = d?.some(ve) ?? !1, l[10] = d, l[11] = A);
+	let j = A, M = f === !0 && d !== void 0 && !j, N, P;
+	l[12] !== j || l[13] !== d || l[14] !== f ? (N = () => {
+		if (f) {
+			if (d === void 0) {
+				console.error("Menu: `virtualized` requires the data-driven `items` API; composed children render through the plain DOM path.");
+				return;
+			}
+			j && console.error("Menu: `virtualized` does not support `group` entries — group/radio-group semantics need their DOM wrapper. The menu renders through the plain DOM path.");
+		}
+	}, P = [
+		f,
+		d,
+		j
+	], l[12] = j, l[13] = d, l[14] = f, l[15] = N, l[16] = P) : (N = l[15], P = l[16]), ie(N, P);
+	let xe = _(null), Se = _(0), [F, Ce] = ae(null), I, L;
+	l[17] === F ? (I = l[18], L = l[19]) : (I = () => {
+		if (F === null) return;
+		let e = T.current;
+		if (!e) return;
+		let t = e.querySelector(`[data-index="${F.index}"]`)?.querySelector("[role^=\"menuitem\"]:not([disabled])");
+		t && (t.focus(), Ce(null));
+	}, L = [F], l[17] = F, l[18] = I, l[19] = L), ie(I, L);
+	let R;
+	l[20] === Symbol.for("react.memo_cache_sentinel") ? (R = function(e) {
+		xe.current?.scrollToIndex(e, "auto"), Se.current += 1, Ce({
+			index: e,
+			attempt: Se.current
+		});
+	}, l[20] = R) : R = l[20];
+	let z = R, B = _(""), V = _(0), H, U;
+	l[21] === Symbol.for("react.memo_cache_sentinel") ? (H = () => () => window.clearTimeout(V.current), U = [], l[21] = H, l[22] = U) : (H = l[21], U = l[22]), ie(H, U);
+	let W;
+	l[23] !== d || l[24] !== x ? (W = function(e) {
+		let t = T.current, n = d;
+		if (!t || n === void 0 || n.length === 0) return;
+		let r = e.target;
+		if (e.key !== "Tab" && r instanceof Element && r.closest("[role=\"menu\"]") !== t) return;
+		let i = document.activeElement, a = i instanceof HTMLElement ? i.closest("[data-index]") : null, o = a && t.contains(a) ? Number(a.dataset.index) : -1, ee = (e, t) => {
+			for (let r = 1; r <= n.length; r++) {
+				let i = ((e + t * r) % n.length + n.length) % n.length, a = n[i];
+				if (a !== void 0 && b(a)) return i;
+			}
+			return e;
+		}, s = n.findIndex(b), c = -1;
+		for (let e = n.length - 1; e >= 0; e--) if (b(n[e])) {
+			c = e;
+			break;
+		}
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), o < 0 ? s >= 0 && z(s) : z(ee(o, 1));
+				return;
+			case "ArrowUp":
+				e.preventDefault(), o < 0 ? c >= 0 && z(c) : z(ee(o, -1));
+				return;
+			case "Home":
+				e.preventDefault(), s >= 0 && z(s);
+				return;
+			case "End":
+				e.preventDefault(), c >= 0 && z(c);
+				return;
+			case "Escape":
+				e.preventDefault(), x(!1);
+				return;
+			case "Tab":
+				e.preventDefault(), x(!1);
+				return;
+			default: {
+				if (e.key.length !== 1 || e.ctrlKey || e.metaKey || e.altKey || e.key === " " && r instanceof Element && (r.getAttribute("role") === "menuitemcheckbox" || r.getAttribute("role") === "menuitemradio")) return;
+				e.preventDefault();
+				let t = (B.current + e.key).toLowerCase();
+				B.current = t, window.clearTimeout(V.current), V.current = window.setTimeout(() => {
+					B.current = "";
+				}, pe);
+				let i = o < 0 ? 0 : o + 1;
+				for (let e = 0; e < n.length; e++) {
+					let r = ((i + e) % n.length + n.length) % n.length, a = n[r];
+					if (a !== void 0 && b(a) && he(a).toLowerCase().startsWith(t)) {
+						z(r);
+						return;
+					}
+				}
+			}
+		}
+	}, l[23] = d, l[24] = x, l[25] = W) : W = l[25];
+	let we = W, G;
+	l[26] === y ? G = l[27] : (G = {
+		enabled: y,
 		autoFocus: !0,
 		returnFocus: !0
-	}), D = g((e) => {
-		h.current = e, E(e);
-	}, [h, E]);
-	return /* @__PURE__ */ y("div", {
+	}, l[26] = y, l[27] = G);
+	let Te = a(G), K;
+	l[28] === Te ? K = l[29] : (K = (e) => {
+		T.current = e, Te(e);
+	}, l[28] = Te, l[29] = K);
+	let Ee = K, De = w?.root, q;
+	l[30] === De ? q = l[31] : (q = [ce, De], l[30] = De, l[31] = q);
+	let Oe = w?.trigger, J;
+	l[32] !== D.onTriggerClick || l[33] !== D.onTriggerPointerDown || l[34] !== D.triggerStyle || l[35] !== Oe || l[36] !== u ? (J = /* @__PURE__ */ v("span", {
+		ref: ye,
+		"data-slot": "trigger",
+		style: D.triggerStyle,
+		className: Oe,
+		onPointerDown: D.onTriggerPointerDown,
+		onClick: D.onTriggerClick,
+		children: u
+	}), l[32] = D.onTriggerClick, l[33] = D.onTriggerPointerDown, l[34] = D.triggerStyle, l[35] = Oe, l[36] = u, l[37] = J) : J = l[37];
+	let ke = w?.panel, Y;
+	l[38] !== m || l[39] !== ke ? (Y = _e(m, ke), l[38] = m, l[39] = ke, l[40] = Y) : Y = l[40];
+	let Ae = M ? we : be, X;
+	l[41] !== h || l[42] !== d || l[43] !== M ? (X = M ? /* @__PURE__ */ v(i, {
+		ref: xe,
+		"data-virtualized": !0,
+		items: d,
+		height: Math.min(fe, d.length * de),
+		itemHeight: de,
+		renderItem: ge,
+		className: me
+	}) : d === void 0 ? h : s(d, ue), l[41] = h, l[42] = d, l[43] = M, l[44] = X) : X = l[44];
+	let Z;
+	l[45] !== D || l[46] !== Ee || l[47] !== Y || l[48] !== Ae || l[49] !== X ? (Z = /* @__PURE__ */ v(n, {
+		ref: Ee,
+		behavior: D,
+		placement: "bottom",
+		role: "menu",
+		visualClass: le,
+		className: Y,
+		onKeyDown: Ae,
+		children: X
+	}), l[45] = D, l[46] = Ee, l[47] = Y, l[48] = Ae, l[49] = X, l[50] = Z) : Z = l[50];
+	let Q;
+	l[51] !== g || l[52] !== q || l[53] !== J || l[54] !== Z ? (Q = /* @__PURE__ */ oe("div", {
+		ref: g,
 		"data-slot": "menu",
-		className: e(x),
-		children: [/* @__PURE__ */ v("span", {
-			ref: m,
-			"data-slot": "trigger",
-			style: w.triggerStyle,
-			onPointerDown: w.onTriggerPointerDown,
-			onClick: w.onTriggerClick,
-			children: c
-		}), /* @__PURE__ */ v(t, {
-			ref: D,
-			behavior: w,
-			placement: "bottom",
-			role: "menu",
-			visualClass: S,
-			className: u,
-			onKeyDown: T,
-			children: l === void 0 ? d : o(l, C)
-		})]
-	});
+		className: e(q),
+		children: [J, Z]
+	}), l[51] = g, l[52] = q, l[53] = J, l[54] = Z, l[55] = Q) : Q = l[55];
+	let $;
+	return l[56] !== w || l[57] !== Q ? ($ = /* @__PURE__ */ v(c, {
+		value: w,
+		children: Q
+	}), l[56] = w, l[57] = Q, l[58] = $) : $ = l[58], $;
+}
+function ve(e) {
+	return e.type === "group";
 }
 //#endregion
-export { w as default };
+export { x as default };

package/dist/components/Menu/MenuCheckboxItem.js

@@ -2,40 +2,42 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { menuItemIndicator as t } from "./menu-item-styles.js";
+import { useMenuClassNames as n } from "./MenuContext.js";
 /* empty css                           */
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useControl as i } from "react-use-control";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useControl as a } from "react-use-control";
 //#region src/lib/components/Menu/MenuCheckboxItem.tsx
-var a = "haze-MenuCheckboxItem__item";
-function o({ checked: o, onCheckedChange: s, disabled: c = !1, danger: l = !1, icon: u, kbdLabel: d, className: f, children: p }) {
-	let [m, h] = i(o, !1);
-	return /* @__PURE__ */ r("button", {
+var o = "haze-MenuCheckboxItem__item";
+function s({ checked: s, onCheckedChange: c, disabled: l = !1, danger: u = !1, icon: d, kbdLabel: f, className: p, children: m }) {
+	let h = n(), [g, _] = a(s, !1);
+	return /* @__PURE__ */ i("button", {
 		type: "button",
 		role: "menuitemcheckbox",
 		"data-slot": "menu-checkbox-item",
-		"aria-checked": m,
+		"aria-checked": g,
 		tabIndex: -1,
-		disabled: c,
+		disabled: l,
 		onClick: () => {
-			let e = !m;
-			h(e), s?.(e);
+			let e = !g;
+			_(e), c?.(e);
 		},
 		className: e([
-			a,
-			l && "haze-menu-item-styles__menuItemDanger",
-			f
+			o,
+			u && "haze-menu-item-styles__menuItemDanger",
+			h?.checkboxItem,
+			p
 		]),
 		children: [
-			/* @__PURE__ */ n("span", {
+			/* @__PURE__ */ r("span", {
 				"data-slot": "indicator",
 				"aria-hidden": "true",
 				className: e(t),
-				children: m && /* @__PURE__ */ n("svg", {
+				children: g && /* @__PURE__ */ r("svg", {
 					width: "1em",
 					height: "1em",
 					viewBox: "0 0 16 16",
 					fill: "none",
-					children: /* @__PURE__ */ n("path", {
+					children: /* @__PURE__ */ r("path", {
 						d: "M3.5 8.5 6.5 11.5 12.5 4.5",
 						stroke: "currentColor",
 						strokeWidth: "2",
@@ -44,20 +46,20 @@ function o({ checked: o, onCheckedChange: s, disabled: c = !1, danger: l = !1, i
 					})
 				})
 			}),
-			u !== void 0 && /* @__PURE__ */ n("span", {
+			d !== void 0 && /* @__PURE__ */ r("span", {
 				"data-slot": "icon",
 				className: e("haze-menu-item-styles__menuItemIcon"),
-				children: u
+				children: d
 			}),
-			p,
-			d !== void 0 && /* @__PURE__ */ n("span", {
+			m,
+			f !== void 0 && /* @__PURE__ */ r("span", {
 				"data-slot": "kbd",
 				"aria-hidden": "true",
 				className: e("haze-menu-item-styles__menuItemKbd"),
-				children: d
+				children: f
 			})
 		]
 	});
 }
 //#endregion
-export { o as default };
+export { s as default };

package/dist/components/Menu/MenuContext.js

@@ -0,0 +1,9 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+//#region src/lib/components/Menu/MenuContext.ts
+var n = e(void 0), r = n.Provider;
+function i() {
+	return t(n);
+}
+//#endregion
+export { r as MenuClassNamesProvider, i as useMenuClassNames };

package/dist/components/Menu/MenuDivider.js

@@ -1,15 +1,19 @@
 
 "use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { useMenuClassNames as t } from "./MenuContext.js";
 /* empty css                      */
-import { jsx as e } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/lib/components/Menu/MenuDivider.tsx
-var t = "haze-MenuDivider__divider";
-function n() {
-	return /* @__PURE__ */ e("div", {
+var i = "haze-MenuDivider__divider";
+function a() {
+	let a = n(2), o = t()?.divider, s;
+	return a[0] === o ? s = a[1] : (s = /* @__PURE__ */ r("div", {
 		"data-slot": "separator",
-		className: t,
-		role: "separator"
-	});
+		role: "separator",
+		className: e([i, o])
+	}), a[0] = o, a[1] = s), s;
 }
 //#endregion
-export { n as default };
+export { a as default };

package/dist/components/Menu/MenuGroup.js

@@ -2,25 +2,35 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { menuGroupLabel as t } from "./menu-item-styles.js";
+import { useMenuClassNames as n } from "./MenuContext.js";
 /* empty css                    */
-import { useId as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { c as r } from "react/compiler-runtime";
+import { useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/lib/components/Menu/MenuGroup.tsx
-var a = "haze-MenuGroup__group";
-function o({ label: o, className: s, children: c }) {
-	let l = n();
-	return /* @__PURE__ */ i("div", {
+var s = "haze-MenuGroup__group";
+function c(c) {
+	let l = r(11), { label: u, className: d, children: f } = c, p = n(), m = i(), h = p?.group, g;
+	l[0] !== d || l[1] !== h ? (g = [
+		s,
+		h,
+		d
+	], l[0] = d, l[1] = h, l[2] = g) : g = l[2];
+	let _;
+	l[3] !== u || l[4] !== m ? (_ = /* @__PURE__ */ a("div", {
+		id: m,
+		"data-slot": "group-label",
+		className: e(t),
+		children: u
+	}), l[3] = u, l[4] = m, l[5] = _) : _ = l[5];
+	let v;
+	return l[6] !== f || l[7] !== m || l[8] !== g || l[9] !== _ ? (v = /* @__PURE__ */ o("div", {
 		"data-slot": "group",
 		role: "group",
-		"aria-labelledby": l,
-		className: e([a, s]),
-		children: [/* @__PURE__ */ r("div", {
-			id: l,
-			"data-slot": "group-label",
-			className: e(t),
-			children: o
-		}), c]
-	});
+		"aria-labelledby": m,
+		className: e(g),
+		children: [_, f]
+	}), l[6] = f, l[7] = m, l[8] = g, l[9] = _, l[10] = v) : v = l[10], v;
 }
 //#endregion
-export { o as default };
+export { c as default };

package/dist/components/Menu/MenuItem.js

@@ -2,40 +2,42 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 import "./menu-item-styles.js";
+import { useMenuClassNames as t } from "./MenuContext.js";
 /* empty css                   */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/lib/components/Menu/MenuItem.tsx
-var r = "haze-MenuItem__item";
-function i({ onSelect: i, disabled: a = !1, danger: o = !1, icon: s, kbdLabel: c, className: l, children: u, as: d, ...f }) {
-	let p = d ?? "button", m = d === void 0 || d === "button";
-	return /* @__PURE__ */ n(p, {
-		...m ? { type: "button" } : {},
+var i = "haze-MenuItem__item";
+function a({ onSelect: a, disabled: o = !1, danger: s = !1, icon: c, kbdLabel: l, className: u, children: d, as: f, ...p }) {
+	let m = t(), h = f ?? "button", g = f === void 0 || f === "button";
+	return /* @__PURE__ */ r(h, {
+		...g ? { type: "button" } : {},
 		role: "menuitem",
 		"data-slot": "menu-item",
 		tabIndex: -1,
-		...m ? { disabled: a } : { "aria-disabled": a || void 0 },
-		onClick: i,
-		...f,
+		...g ? { disabled: o } : { "aria-disabled": o || void 0 },
+		onClick: a,
+		...p,
 		className: e([
-			r,
-			o && "haze-menu-item-styles__menuItemDanger",
-			l
+			i,
+			s && "haze-menu-item-styles__menuItemDanger",
+			m?.item,
+			u
 		]),
 		children: [
-			s !== void 0 && /* @__PURE__ */ t("span", {
+			c !== void 0 && /* @__PURE__ */ n("span", {
 				"data-slot": "icon",
 				className: e("haze-menu-item-styles__menuItemIcon"),
-				children: s
+				children: c
 			}),
-			u,
-			c !== void 0 && /* @__PURE__ */ t("span", {
+			d,
+			l !== void 0 && /* @__PURE__ */ n("span", {
 				"data-slot": "kbd",
 				"aria-hidden": "true",
 				className: e("haze-menu-item-styles__menuItemKbd"),
-				children: c
+				children: l
 			})
 		]
 	});
 }
 //#endregion
-export { i as default };
+export { a as default };

package/dist/components/Menu/MenuRadioGroup.js

@@ -2,29 +2,41 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 import "./menu-item-styles.js";
-import { MenuRadioGroupProvider as t, useMenuRadioGroup as n } from "../../utils/menuRadio.js";
+import { useMenuClassNames as t } from "./MenuContext.js";
+import { MenuRadioGroupProvider as n, useMenuRadioGroup as r } from "../../utils/menuRadio.js";
 /* empty css                         */
-import { useId as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { c as i } from "react/compiler-runtime";
+import { useId as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/lib/components/Menu/MenuRadioGroup.tsx
-var o = "haze-MenuRadioGroup__group";
-function s({ value: s, onValueChange: c, label: l, className: u, children: d }) {
-	let f = n(s, c), p = r();
-	return /* @__PURE__ */ i(t, {
-		value: f,
-		children: a("div", {
-			"data-slot": "group",
-			role: "group",
-			"aria-labelledby": l === void 0 ? void 0 : p,
-			className: e([o, u]),
-			children: [l !== void 0 && /* @__PURE__ */ i("div", {
-				id: p,
-				"data-slot": "group-label",
-				className: e("haze-menu-item-styles__menuGroupLabel"),
-				children: l
-			}), d]
-		})
-	});
+var c = "haze-MenuRadioGroup__group";
+function l(l) {
+	let u = i(14), { value: d, onValueChange: f, label: p, className: m, children: h } = l, g = r(d, f), _ = t(), v = a(), y = p === void 0 ? void 0 : v, b = _?.group, x;
+	u[0] !== m || u[1] !== b ? (x = [
+		c,
+		b,
+		m
+	], u[0] = m, u[1] = b, u[2] = x) : x = u[2];
+	let S;
+	u[3] !== p || u[4] !== v ? (S = p !== void 0 && /* @__PURE__ */ o("div", {
+		id: v,
+		"data-slot": "group-label",
+		className: e("haze-menu-item-styles__menuGroupLabel"),
+		children: p
+	}), u[3] = p, u[4] = v, u[5] = S) : S = u[5];
+	let C;
+	u[6] !== h || u[7] !== y || u[8] !== x || u[9] !== S ? (C = /* @__PURE__ */ s("div", {
+		"data-slot": "group",
+		role: "group",
+		"aria-labelledby": y,
+		className: e(x),
+		children: [S, h]
+	}), u[6] = h, u[7] = y, u[8] = x, u[9] = S, u[10] = C) : C = u[10];
+	let w;
+	return u[11] !== g || u[12] !== C ? (w = /* @__PURE__ */ o(n, {
+		value: g,
+		children: C
+	}), u[11] = g, u[12] = C, u[13] = w) : w = u[13], w;
 }
 //#endregion
-export { s as default };
+export { l as default };