@slotted/react 0.1.0-beta.3 → 0.1.0-beta.5

package/dist/{side-navigation-CBLtCzuJ.js → side-navigation-Bm-BZma1.js}

@@ -1,14 +1,14 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { r as n } from "./i18n-DpW8lqJ1.js";
-import { i as r } from "./app-shell-CmYvnu_7.js";
-import { a as i, i as a, n as o, r as s } from "./tooltip-DbKTPe_i.js";
+import { i as r } from "./app-shell-nnSP44OO.js";
+import { a as i, i as a, n as o, r as s } from "./tooltip-CgjIROUy.js";
 import { i as c } from "./skeleton-2LSpg84Z.js";
 import { nextOpenValues as l, sameOpenValues as u } from "@slotted/core/disclosure";
 import { createControllable as d } from "@slotted/core/state";
-import { createContext as f, useCallback as p, useContext as m, useEffect as h, useId as g, useImperativeHandle as _, useLayoutEffect as v, useMemo as ee, useRef as y, useState as b } from "react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { createPresence as w } from "@slotted/core/presence";
-import { createPortalRoot as T } from "@slotted/core/portal";
+import { createContext as f, useCallback as p, useContext as m, useEffect as h, useId as g, useImperativeHandle as _, useLayoutEffect as v, useMemo as y, useRef as b, useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { createPresence as T } from "@slotted/core/presence";
+import { createPortalRoot as ee } from "@slotted/core/portal";
 import { createDismissableLayer as E } from "@slotted/core/dismissable-layer";
 import { createPositioner as te } from "@slotted/core/positioner";
 import { createPortal as D } from "react-dom";
@@ -29,8 +29,8 @@ var A = {
 function M() {
 	return m(j);
 }
-function re({ children: e, ...t }) {
-	let n = M(), r = ee(() => ({
+function N({ children: e, ...t }) {
+	let n = M(), r = y(() => ({
 		autoExpand: t.autoExpand ?? n.autoExpand,
 		compactAt: t.compactAt ?? n.compactAt,
 		guides: t.guides ?? n.guides,
@@ -50,33 +50,33 @@ function re({ children: e, ...t }) {
 		t.truncate,
 		n
 	]);
-	return /* @__PURE__ */ S(j.Provider, {
+	return /* @__PURE__ */ C(j.Provider, {
 		value: r,
 		children: e
 	});
 }
 //#endregion
 //#region src/side-navigation/side-navigation.tsx
-var N = "[data-part=\"link\"], [data-part=\"trigger\"]", P = f(void 0);
-function F() {
-	let e = m(P);
+var P = "[data-part=\"link\"], [data-part=\"trigger\"]", F = f(void 0);
+function I() {
+	let e = m(F);
 	if (e === void 0) throw Error("Every side-navigation part must be rendered inside SideNavigation.");
 	return e;
 }
-function ie(e, t) {
+function re(e, t) {
 	for (let n = e.closest("[data-part=\"group\"]"); n !== null && t.contains(n); n = n.parentElement?.closest("[data-part=\"group\"]") ?? null) if (!n.parentElement?.hasAttribute("data-expanded")) return !1;
 	return !0;
 }
-function I({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpanded: o, defaultFlyout: s, defaultValue: c, expanded: f, flyout: m, guides: g, landmark: v, messages: x, mode: C, multiple: w, onExpandedChange: T, onFlyoutChange: E, onKeyDown: te, onValueChange: D, ref: k, render: A, size: j, style: re, truncate: F, value: I, ...L }) {
-	let R = M(), ae = r(), z = e ?? R.autoExpand, oe = a ?? R.compactAt, B = g ?? R.guides, se = v ?? (ae === void 0 && R.landmark), ce = n(ne, x), V = C ?? R.mode, H = w ?? R.multiple, U = j ?? R.size, W = F ?? R.truncate, [le, ue] = b(c ?? null), [de, fe] = b(o ?? []), [pe, me] = b(s ?? null), G = I === void 0 ? le : I, K = f === void 0 ? de : f, q = m === void 0 ? pe : m, [J, he] = b(null), [ge, _e] = b(!1), [ve, ye] = b(0), [Y, be] = b(null), X = V === "compact" || V === "auto" && ge, xe = y(/* @__PURE__ */ new Map()), Se = p((e, t) => (xe.current.set(e, t), () => {
+function L({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpanded: o, defaultFlyout: s, defaultValue: c, expanded: f, flyout: m, guides: g, landmark: v, messages: S, mode: w, multiple: T, onExpandedChange: ee, onFlyoutChange: E, onKeyDown: te, onValueChange: D, ref: k, render: A, size: j, style: N, truncate: I, value: L, ...R }) {
+	let z = M(), ie = r(), B = e ?? z.autoExpand, ae = a ?? z.compactAt, oe = g ?? z.guides, se = v ?? (ie === void 0 && z.landmark), ce = n(ne, S), V = w ?? z.mode, H = T ?? z.multiple, U = j ?? z.size, W = I ?? z.truncate, [le, ue] = x(c ?? null), [de, fe] = x(o ?? []), [pe, me] = x(s ?? null), G = L === void 0 ? le : L, K = f === void 0 ? de : f, q = m === void 0 ? pe : m, [J, he] = x(null), [ge, _e] = x(!1), [ve, ye] = x(0), [Y, be] = x(null), X = V === "compact" || V === "auto" && ge, xe = b(/* @__PURE__ */ new Map()), Se = p((e, t) => (xe.current.set(e, t), () => {
 		xe.current.delete(e);
-	}), []), Z = y({
+	}), []), Z = b({
 		currentExpanded: K,
 		currentFlyout: q,
 		currentValue: G,
 		expanded: f,
 		flyout: m,
-		value: I
+		value: L
 	});
 	Z.current = {
 		currentExpanded: K,
@@ -84,16 +84,16 @@ function I({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 		currentValue: G,
 		expanded: f,
 		flyout: m,
-		value: I
+		value: L
 	};
 	let Ce = p((e, t, n) => {
 		d({
 			controlled: Z.current.expanded,
 			equals: u,
 			initial: Z.current.currentExpanded,
-			onRequest: (e) => T?.(e.value, e)
+			onRequest: (e) => ee?.(e.value, e)
 		}).request(e, t, n) && fe(e);
-	}, [T]), Q = p((e, t, n, r) => {
+	}, [ee]), Q = p((e, t, n, r) => {
 		let i = Z.current.currentExpanded;
 		i.includes(e) !== t && Ce(l(i, e, { multiple: H }), n, r);
 	}, [Ce, H]), $ = p((e, t, n) => {
@@ -112,12 +112,12 @@ function I({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 	h(() => {
 		if (J === null || V !== "auto") return;
 		let e = O(J, {
-			at: oe,
+			at: ae,
 			onChange: _e
 		});
 		return _e(e.narrow()), () => e.destroy();
 	}, [
-		oe,
+		ae,
 		V,
 		J
 	]), h(() => {
@@ -133,7 +133,7 @@ function I({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 	}, [J]), h(() => {
 		!X && Z.current.currentFlyout !== null && $(null, "resize");
 	}, [X, $]), h(() => {
-		if (!z || G === null) return;
+		if (!B || G === null) return;
 		let e = [];
 		for (let t = xe.current.get(G) ?? null; t !== null; t = xe.current.get(t) ?? null) Z.current.currentExpanded.includes(t) || e.push(t);
 		if (e.length === 0) return;
@@ -142,14 +142,14 @@ function I({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 	}, [
 		G,
 		Ce,
-		z,
+		B,
 		H
 	]);
 	let Te = p(() => {
 		if (J === null) return [];
-		let e = [...J.querySelectorAll(N)].filter((e) => ie(e, J));
+		let e = [...J.querySelectorAll(P)].filter((e) => re(e, J));
 		if (Y === null || q === null) return e;
-		let t = [...Y.querySelectorAll(N)], n = e.findIndex((e) => e.closest("[data-part=\"item\"]")?.getAttribute("data-value") === q);
+		let t = [...Y.querySelectorAll(P)], n = e.findIndex((e) => e.closest("[data-part=\"item\"]")?.getAttribute("data-value") === q);
 		return n === -1 ? [...e, ...t] : [
 			...e.slice(0, n + 1),
 			...t,
@@ -188,13 +188,13 @@ function I({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 		Te,
 		Q
 	]);
-	let De = ee(() => ({
-		autoExpand: z,
+	let De = y(() => ({
+		autoExpand: B,
 		compact: X,
 		expanded: K,
 		flyout: q,
 		flyoutNode: Y,
-		guides: B,
+		guides: oe,
 		isExpanded: (e) => K.includes(e),
 		measureTick: ve,
 		mode: V,
@@ -215,8 +215,8 @@ function I({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 		Y,
 		ve,
 		Se,
-		z,
 		B,
+		oe,
 		V,
 		H,
 		U,
@@ -224,24 +224,24 @@ function I({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 		we,
 		$,
 		Q
-	]), { "aria-label": Oe, ...ke } = L, Ae = {
+	]), { "aria-label": Oe, ...ke } = R, Ae = {
 		...ke,
 		...se ? { "aria-label": Oe ?? ce("navigation") } : {},
 		children: t,
 		className: i,
 		...X ? { "data-compact": "" } : {},
-		...B ? { "data-guides": "" } : {},
+		...oe ? { "data-guides": "" } : {},
 		"data-mode": V,
 		"data-part": "root",
 		"data-size": U,
 		"data-truncate": W,
 		"data-ui": "side-navigation",
 		onKeyDown: Ee,
-		style: re
+		style: N
 	}, je = se ? "nav" : "div";
-	return /* @__PURE__ */ S(P.Provider, {
+	return /* @__PURE__ */ C(F.Provider, {
 		value: De,
-		children: A === void 0 ? /* @__PURE__ */ S(je, {
+		children: A === void 0 ? /* @__PURE__ */ C(je, {
 			...Ae,
 			ref: he
 		}) : A(Ae)
@@ -249,28 +249,28 @@ function I({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 }
 //#endregion
 //#region src/side-navigation/side-navigation-parts.tsx
-function L(e, ...t) {
+function R(e, ...t) {
 	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
 }
-function R(e) {
+function z(e) {
 	return e.detail === 0 ? "keyboard" : "pointer";
 }
-var ae = f(void 0);
-function z() {
-	let e = m(ae);
+var ie = f(void 0);
+function B() {
+	let e = m(ie);
 	if (e === void 0) throw Error("SideNavigationLink, SideNavigationTrigger, SideNavigationGroup and the parts of a row must be rendered inside SideNavigationItem.");
 	return e;
 }
-function oe() {
-	return m(ae);
+function ae() {
+	return m(ie);
 }
-function B({ children: e, ref: t, render: n, ...r }) {
+function oe({ children: e, ref: t, render: n, ...r }) {
 	let i = {
 		...r,
 		children: e,
 		"data-part": "section"
 	};
-	return n === void 0 ? /* @__PURE__ */ S("div", {
+	return n === void 0 ? /* @__PURE__ */ C("div", {
 		...i,
 		ref: t
 	}) : n(i);
@@ -281,7 +281,7 @@ function se({ children: e, ref: t, render: n, ...r }) {
 		children: e,
 		"data-part": "section-label"
 	};
-	return n === void 0 ? /* @__PURE__ */ S("div", {
+	return n === void 0 ? /* @__PURE__ */ C("div", {
 		...i,
 		ref: t
 	}) : n(i);
@@ -292,33 +292,33 @@ function ce({ children: e, ref: t, render: n, ...r }) {
 		children: e,
 		"data-part": "list"
 	};
-	return n === void 0 ? /* @__PURE__ */ S("ul", {
+	return n === void 0 ? /* @__PURE__ */ C("ul", {
 		...i,
 		ref: t
 	}) : n(i);
 }
 function V({ children: e, className: t, disabled: n, ref: r, render: i, style: a, value: o, ...s }) {
-	let c = F(), l = oe(), u = g(), [d, f] = b(!1), [m, _] = b(!1), [v, y] = b(!1), [x, C] = b(""), [w, T] = b(""), [E, te] = b(null), [D, ne] = b([]), O = c.isExpanded(o), k = c.compact && c.flyout === o, A = d && c.value === o, j = D.length > 0, M = n === !0 || l?.disabled === !0, { registerItem: re } = c;
-	h(() => re(o, l?.value ?? null), [
+	let c = I(), l = ae(), u = g(), [d, f] = x(!1), [m, _] = x(!1), [v, b] = x(!1), [S, w] = x(""), [T, ee] = x(""), [E, te] = x(null), [D, ne] = x([]), O = c.isExpanded(o), k = c.compact && c.flyout === o, A = d && c.value === o, j = D.length > 0, M = n === !0 || l?.disabled === !0, { registerItem: N } = c;
+	h(() => N(o, l?.value ?? null), [
 		l?.value,
-		re,
+		N,
 		o
 	]);
-	let N = p((e, t) => {
+	let P = p((e, t) => {
 		ne((n) => t === n.includes(e) ? n : t ? [...n, e] : n.filter((t) => t !== e));
-	}, []), P = l?.reportCurrent;
+	}, []), F = l?.reportCurrent;
 	h(() => {
-		if (P !== void 0) return P(o, A || j), () => P(o, !1);
+		if (F !== void 0) return F(o, A || j), () => F(o, !1);
 	}, [
 		A,
 		j,
-		P,
+		F,
 		o
 	]);
-	let ie = ee(() => ({
+	let re = y(() => ({
 		clipped: v,
 		current: A,
-		descriptionText: w,
+		descriptionText: T,
 		disabled: M,
 		expanded: O,
 		flyoutOpen: k,
@@ -330,13 +330,13 @@ function V({ children: e, className: t, disabled: n, ref: r, render: i, style: a
 			labelId: `${u}label`,
 			triggerId: `${u}trigger`
 		},
-		labelText: x,
-		reportCurrent: N,
-		setClipped: y,
-		setDescriptionText: T,
+		labelText: S,
+		reportCurrent: P,
+		setClipped: b,
+		setDescriptionText: ee,
 		setHasGroup: _,
 		setHasLink: f,
-		setLabelText: C,
+		setLabelText: w,
 		setTriggerNode: te,
 		triggerNode: E,
 		value: o
@@ -344,22 +344,22 @@ function V({ children: e, className: t, disabled: n, ref: r, render: i, style: a
 		u,
 		v,
 		A,
-		w,
+		T,
 		O,
 		k,
 		m,
 		d,
 		j,
-		x,
-		N,
+		S,
+		P,
 		M,
 		E,
 		o
-	]), I = A || j && (!O || c.compact), L = {
+	]), L = A || j && (!O || c.compact), R = {
 		...s,
 		children: e,
 		className: t,
-		...I ? { "data-current": "" } : {},
+		...L ? { "data-current": "" } : {},
 		...M ? { "data-disabled": "" } : {},
 		...O ? { "data-expanded": "" } : {},
 		...k ? { "data-open": "" } : {},
@@ -367,26 +367,26 @@ function V({ children: e, className: t, disabled: n, ref: r, render: i, style: a
 		"data-value": o,
 		style: a
 	};
-	return /* @__PURE__ */ S(ae.Provider, {
-		value: ie,
-		children: i === void 0 ? /* @__PURE__ */ S("li", {
-			...L,
+	return /* @__PURE__ */ C(ie.Provider, {
+		value: re,
+		children: i === void 0 ? /* @__PURE__ */ C("li", {
+			...R,
 			ref: r
-		}) : i(L)
+		}) : i(R)
 	});
 }
 function H({ children: e, enabled: t }) {
-	let n = z();
-	return /* @__PURE__ */ C(i, {
+	let n = B();
+	return /* @__PURE__ */ w(i, {
 		describes: "description",
 		disabled: !t,
 		openOn: "hover",
 		side: "inline-end",
-		children: [e, /* @__PURE__ */ S(s, { children: /* @__PURE__ */ C(o, { children: [n.labelText, n.descriptionText.length > 0 ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("br", {}), n.descriptionText] }) : null] }) })]
+		children: [e, /* @__PURE__ */ C(s, { children: /* @__PURE__ */ w(o, { children: [n.labelText, n.descriptionText.length > 0 ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("br", {}), n.descriptionText] }) : null] }) })]
 	});
 }
 function U({ children: e, className: t, current: n, href: r, onClick: i, ref: o, render: s, style: c, ...l }) {
-	let u = F(), d = z();
+	let u = I(), d = B();
 	h(() => (d.setHasLink(!0), () => d.setHasLink(!1)), [d.setHasLink]);
 	let f = r !== void 0 || s !== void 0, p = n ?? (f && u.value === d.value), m = u.truncate === "middle" && d.clipped && d.labelText.length > 0, g = (e) => {
 		if (i?.(e), d.disabled) {
@@ -394,7 +394,7 @@ function U({ children: e, className: t, current: n, href: r, onClick: i, ref: o,
 			return;
 		}
 		if (e.defaultPrevented) return;
-		let t = R(e);
+		let t = z(e);
 		f && u.select(d.value, t, e.nativeEvent), u.flyout !== null && u.compact && u.setFlyout(null, "select", e.nativeEvent);
 	}, _ = {
 		...l,
@@ -409,29 +409,29 @@ function U({ children: e, className: t, current: n, href: r, onClick: i, ref: o,
 		onClick: g,
 		style: c
 	};
-	return /* @__PURE__ */ S(H, {
+	return /* @__PURE__ */ C(H, {
 		enabled: u.compact || d.clipped,
-		children: /* @__PURE__ */ S(a, {
+		children: /* @__PURE__ */ C(a, {
 			..._,
 			render: (e) => {
 				let t = (t) => {
-					e.ref?.(t), L(t, o);
+					e.ref?.(t), R(t, o);
 				}, n = {
 					...e,
 					ref: t
 				};
-				return s === void 0 ? r === void 0 ? /* @__PURE__ */ S("button", {
+				return s === void 0 ? r === void 0 ? /* @__PURE__ */ C("button", {
 					...n,
 					type: "button"
-				}) : /* @__PURE__ */ S("a", { ...n }) : s(n);
+				}) : /* @__PURE__ */ C("a", { ...n }) : s(n);
 			}
 		})
 	});
 }
 function W({ children: n, className: r, onClick: i, ref: o, render: s, style: c, ...l }) {
-	let u = F(), d = z(), f = d.hasLink, m = (e) => {
+	let u = I(), d = B(), f = d.hasLink, m = (e) => {
 		if (i?.(e), e.defaultPrevented) return;
-		let t = R(e);
+		let t = z(e);
 		if (u.compact && !f) {
 			u.setFlyout(d.flyoutOpen ? null : d.value, t, e.nativeEvent);
 			return;
@@ -442,12 +442,12 @@ function W({ children: n, className: r, onClick: i, ref: o, render: s, style: c,
 		"aria-controls": d.ids.groupId,
 		"aria-expanded": d.flyoutOpen || d.expanded,
 		...f ? { "aria-labelledby": d.ids.labelId } : {},
-		children: /* @__PURE__ */ C(x, { children: [n, /* @__PURE__ */ S("span", {
+		children: /* @__PURE__ */ w(S, { children: [n, /* @__PURE__ */ C("span", {
 			"aria-hidden": "true",
 			"data-part": "indicator",
-			children: /* @__PURE__ */ S(t, {
+			children: /* @__PURE__ */ C(t, {
 				directional: !0,
-				children: /* @__PURE__ */ S(e, { name: "chevron-right" })
+				children: /* @__PURE__ */ C(e, { name: "chevron-right" })
 			})
 		})] }),
 		className: r,
@@ -458,11 +458,11 @@ function W({ children: n, className: r, onClick: i, ref: o, render: s, style: c,
 		style: c,
 		type: "button"
 	}, g = p((e) => {
-		d.setTriggerNode(e), L(e, o);
+		d.setTriggerNode(e), R(e, o);
 	}, [d.setTriggerNode, o]);
-	return /* @__PURE__ */ S(H, {
+	return /* @__PURE__ */ C(H, {
 		enabled: !f && (u.compact || d.clipped),
-		children: /* @__PURE__ */ S(a, {
+		children: /* @__PURE__ */ C(a, {
 			...h,
 			render: (e) => {
 				let t = (t) => {
@@ -471,7 +471,7 @@ function W({ children: n, className: r, onClick: i, ref: o, render: s, style: c,
 					...e,
 					ref: t
 				};
-				return s === void 0 ? /* @__PURE__ */ S("button", { ...n }) : s(n);
+				return s === void 0 ? /* @__PURE__ */ C("button", { ...n }) : s(n);
 			}
 		})
 	});
@@ -483,13 +483,13 @@ function le({ children: e, ref: t, render: n, ...r }) {
 		children: e,
 		"data-part": "icon"
 	};
-	return n === void 0 ? /* @__PURE__ */ S("span", {
+	return n === void 0 ? /* @__PURE__ */ C("span", {
 		...i,
 		ref: t
 	}) : n(i);
 }
 function ue({ children: e, ref: t, render: n, ...r }) {
-	let i = F(), a = z(), [o, s] = b(null), [c, l] = b(null), u = typeof e == "string" ? e : null;
+	let i = I(), a = B(), [o, s] = x(null), [c, l] = x(null), u = typeof e == "string" ? e : null;
 	v(() => {
 		if (o === null) return;
 		let e = u ?? o.textContent ?? "";
@@ -528,15 +528,15 @@ function ue({ children: e, ref: t, render: n, ...r }) {
 		"data-part": "label",
 		id: a.ids.labelId
 	};
-	return n === void 0 ? /* @__PURE__ */ S("span", {
+	return n === void 0 ? /* @__PURE__ */ C("span", {
 		...d,
 		ref: (e) => {
-			s(e), L(e, t);
+			s(e), R(e, t);
 		}
 	}) : n(d);
 }
 function de({ children: e, ref: t, render: n, ...r }) {
-	let i = z(), [a, o] = b(null);
+	let i = B(), [a, o] = x(null);
 	v(() => {
 		a !== null && i.setDescriptionText(a.textContent ?? "");
 	}, [
@@ -549,10 +549,10 @@ function de({ children: e, ref: t, render: n, ...r }) {
 		children: e,
 		"data-part": "description"
 	};
-	return n === void 0 ? /* @__PURE__ */ S("span", {
+	return n === void 0 ? /* @__PURE__ */ C("span", {
 		...s,
 		ref: (e) => {
-			o(e), L(e, t);
+			o(e), R(e, t);
 		}
 	}) : n(s);
 }
@@ -562,7 +562,7 @@ function fe({ children: e, ref: t, render: n, ...r }) {
 		children: e,
 		"data-part": "count"
 	};
-	return n === void 0 ? /* @__PURE__ */ S("span", {
+	return n === void 0 ? /* @__PURE__ */ C("span", {
 		...i,
 		ref: t
 	}) : n(i);
@@ -573,7 +573,7 @@ function pe({ children: e, ref: t, render: n, ...r }) {
 		children: e,
 		"data-part": "end"
 	};
-	return n === void 0 ? /* @__PURE__ */ S("span", {
+	return n === void 0 ? /* @__PURE__ */ C("span", {
 		...i,
 		ref: t
 	}) : n(i);
@@ -584,7 +584,7 @@ function me({ children: e, ref: t, render: n, ...r }) {
 		children: e,
 		"data-part": "actions"
 	};
-	return n === void 0 ? /* @__PURE__ */ S("div", {
+	return n === void 0 ? /* @__PURE__ */ C("div", {
 		...i,
 		ref: t
 	}) : n(i);
@@ -595,26 +595,26 @@ function G({ ref: e, render: t, ...n }) {
 		"data-part": "divider",
 		role: "separator"
 	};
-	return t === void 0 ? /* @__PURE__ */ S("li", {
+	return t === void 0 ? /* @__PURE__ */ C("li", {
 		...r,
 		ref: e
 	}) : t(r);
 }
 function K({ labelSize: e = "60%", ref: t, ...n }) {
-	return /* @__PURE__ */ C("li", {
+	return /* @__PURE__ */ w("li", {
 		...n,
 		"aria-hidden": "true",
 		"data-part": "skeleton",
 		ref: t,
-		children: [/* @__PURE__ */ S("span", {
+		children: [/* @__PURE__ */ C("span", {
 			"data-part": "icon",
-			children: /* @__PURE__ */ S(c, {
+			children: /* @__PURE__ */ C(c, {
 				shape: "square",
 				size: "xs"
 			})
-		}), /* @__PURE__ */ S("span", {
+		}), /* @__PURE__ */ C("span", {
 			"data-part": "label",
-			children: /* @__PURE__ */ S(c, {
+			children: /* @__PURE__ */ C(c, {
 				inlineSize: e,
 				shape: "text"
 			})
@@ -622,37 +622,45 @@ function K({ labelSize: e = "60%", ref: t, ...n }) {
 	});
 }
 function q({ children: e, onExited: t, open: n }) {
-	let r = F(), i = z(), [a, o] = b(null), [s, c] = b(null), [l, u] = b("unmounted"), [d, f] = b(!1), p = y(null), m = y({
+	let r = I(), i = B(), [a, o] = x(null), [s, c] = x(null), [l, u] = x("unmounted"), d = b(null), f = b({
 		navigation: r,
-		onExited: t
+		onExited: t,
+		open: n
 	});
-	m.current = {
+	f.current = {
 		navigation: r,
-		onExited: t
+		onExited: t,
+		open: n
 	}, h(() => {
-		let e = w({
+		let e = T({
 			present: n,
 			onStatusChange: u
 		});
-		return p.current = e, u(e.status), () => {
-			e.destroy(), p.current = null;
+		return d.current = e, u(e.status), () => {
+			e.destroy(), d.current = null;
 		};
 	}, []), h(() => {
-		p.current?.sync(n);
+		d.current?.sync(n);
 	}, [n]), h(() => {
-		p.current?.setNode(a);
+		d.current?.setNode(a);
 	}, [a]);
-	let g = y(!1);
+	let m = b(!1);
 	h(() => {
-		l === "unmounted" ? g.current && m.current.onExited() : g.current = !0;
+		l === "unmounted" ? m.current && f.current.onExited() : m.current = !0;
 	}, [l]);
-	let _ = i.triggerNode;
-	h(() => {
-		let e = T({ origin: _ });
+	let g = i.triggerNode;
+	v(() => {
+		let e = ee({ origin: g });
 		return c(e.container), () => e.release();
-	}, [_]), h(() => {
-		if (a === null || _ === null) return;
-		let e = !0, t = te(_, a, {
+	}, [g]);
+	let _ = b(null), y = p((e, t) => {
+		e.update().then(() => {
+			_.current === e && f.current.open && t.setAttribute("data-open", "");
+		});
+	}, []);
+	v(() => {
+		if (a === null || g === null) return;
+		let e = te(g, a, {
 			align: "start",
 			flip: !0,
 			shift: !0,
@@ -660,12 +668,21 @@ function q({ children: e, onExited: t, open: n }) {
 			sideOffset: 0,
 			strategy: "fixed"
 		});
-		return t.update().then(() => {
-			e && f(!0);
-		}), () => {
-			e = !1, t.destroy(), f(!1);
+		return _.current = e, f.current.open && y(e, a), () => {
+			e.destroy(), _.current = null, a.removeAttribute("data-open");
 		};
-	}, [_, a]), h(() => {
+	}, [
+		g,
+		a,
+		y
+	]), v(() => {
+		let e = _.current;
+		e !== null && a !== null && (n ? y(e, a) : a.removeAttribute("data-open"));
+	}, [
+		a,
+		n,
+		y
+	]), h(() => {
 		if (a === null || !n) return;
 		let e = E(a, {
 			escape: !0,
@@ -673,36 +690,35 @@ function q({ children: e, onExited: t, open: n }) {
 			modal: !1,
 			outsidePress: !0,
 			scrollLock: !1,
-			..._ ? { branches: [_] } : {},
+			...g ? { branches: [g] } : {},
 			onDismiss: (e) => {
 				let t = e.reason === "escape" ? "escape" : "outsidePress";
-				m.current.navigation.setFlyout(null, t, e.source), t === "escape" && _?.focus();
+				f.current.navigation.setFlyout(null, t, e.source), t === "escape" && g?.focus();
 			}
 		});
 		return () => e.destroy();
 	}, [
-		_,
+		g,
 		a,
 		n
-	]), h(() => (m.current.navigation.setFlyoutNode(n ? a : null), () => m.current.navigation.setFlyoutNode(null)), [a, n]);
-	let v = (e) => {
+	]), h(() => (f.current.navigation.setFlyoutNode(n ? a : null), () => f.current.navigation.setFlyoutNode(null)), [a, n]);
+	let S = (e) => {
 		let t = e.relatedTarget;
-		t !== null && a !== null && (a.contains(t) || _?.contains(t) || r.setFlyout(null, "blur", e.nativeEvent));
+		t !== null && a !== null && (a.contains(t) || g?.contains(t) || r.setFlyout(null, "blur", e.nativeEvent));
 	};
-	return s === null ? null : D(/* @__PURE__ */ S("div", {
+	return s === null ? null : D(/* @__PURE__ */ C("div", {
 		...r.guides ? { "data-guides": "" } : {},
-		...n && d ? { "data-open": "" } : {},
 		"data-part": "flyout",
 		"data-size": r.size,
 		"data-truncate": r.truncate,
 		"data-ui": "side-navigation",
-		onBlur: v,
+		onBlur: S,
 		ref: o,
 		children: e
 	}), s);
 }
 function J({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = z(), [s, c] = b(!1);
+	let o = B(), [s, c] = x(!1);
 	h(() => (o.setHasGroup(!0), () => o.setHasGroup(!1)), [o.setHasGroup]), h(() => {
 		o.flyoutOpen && c(!0);
 	}, [o.flyoutOpen]);
@@ -714,15 +730,15 @@ function J({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 		"data-part": "group",
 		id: o.ids.groupId,
 		style: i
-	}, u = r === void 0 ? /* @__PURE__ */ S("ul", {
+	}, u = r === void 0 ? /* @__PURE__ */ C("ul", {
 		...l,
 		ref: n
 	}) : r(l);
-	return s ? /* @__PURE__ */ S(q, {
+	return s ? /* @__PURE__ */ C(q, {
 		onExited: () => c(!1),
 		open: o.flyoutOpen,
 		children: u
 	}) : u;
 }
 //#endregion
-export { M as S, N as _, pe as a, A as b, V as c, ce as d, B as f, z as g, W as h, G as i, ue as l, K as m, fe as n, J as o, se as p, de as r, le as s, me as t, U as u, I as v, re as x, F as y };
+export { M as S, P as _, pe as a, A as b, V as c, ce as d, oe as f, B as g, W as h, G as i, ue as l, K as m, fe as n, J as o, se as p, de as r, le as s, me as t, U as u, L as v, N as x, I as y };