@slotted/react 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/side-navigation-BnUKTrtd.js

@@ -1,744 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-import { i as r } from "./app-shell-DNdZ5ys0.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 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";
-import { sideNavigationMessages as ne } from "@slotted/core/i18n";
-import { createWidthGate as O } from "@slotted/core/measure";
-import { truncateMiddle as k } from "@slotted/core/text";
-//#region src/side-navigation/side-navigation-defaults.tsx
-var A = {
-	autoExpand: !0,
-	compactAt: 96,
-	guides: !0,
-	landmark: !0,
-	mode: "auto",
-	multiple: !0,
-	size: "md",
-	truncate: "end"
-}, j = f(A);
-function M() {
-	return m(j);
-}
-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,
-		landmark: t.landmark ?? n.landmark,
-		mode: t.mode ?? n.mode,
-		multiple: t.multiple ?? n.multiple,
-		size: t.size ?? n.size,
-		truncate: t.truncate ?? n.truncate
-	}), [
-		t.autoExpand,
-		t.compactAt,
-		t.guides,
-		t.landmark,
-		t.mode,
-		t.multiple,
-		t.size,
-		t.truncate,
-		n
-	]);
-	return /* @__PURE__ */ C(j.Provider, {
-		value: r,
-		children: e
-	});
-}
-//#endregion
-//#region src/side-navigation/side-navigation.tsx
-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 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 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 = b({
-		currentExpanded: K,
-		currentFlyout: q,
-		currentValue: G,
-		expanded: f,
-		flyout: m,
-		value: L
-	});
-	Z.current = {
-		currentExpanded: K,
-		currentFlyout: q,
-		currentValue: G,
-		expanded: f,
-		flyout: m,
-		value: L
-	};
-	let Ce = p((e, t, n) => {
-		d({
-			controlled: Z.current.expanded,
-			equals: u,
-			initial: Z.current.currentExpanded,
-			onRequest: (e) => ee?.(e.value, e)
-		}).request(e, t, n) && fe(e);
-	}, [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) => {
-		d({
-			controlled: Z.current.flyout,
-			initial: Z.current.currentFlyout,
-			onRequest: (e) => E?.(e.value, e)
-		}).request(e, t, n) && me(e);
-	}, [E]), we = p((e, t, n) => {
-		d({
-			controlled: Z.current.value,
-			initial: Z.current.currentValue,
-			onRequest: (e) => D?.(e.value, e)
-		}).request(e, t, n) && ue(e);
-	}, [D]);
-	h(() => {
-		if (J === null || V !== "auto") return;
-		let e = O(J, {
-			at: ae,
-			onChange: _e
-		});
-		return _e(e.narrow()), () => e.destroy();
-	}, [
-		ae,
-		V,
-		J
-	]), h(() => {
-		if (J === null || typeof ResizeObserver > "u") return;
-		let e = new ResizeObserver(() => ye((e) => e + 1));
-		e.observe(J);
-		let t = J.ownerDocument.fonts, n = !0;
-		return t !== void 0 && t.ready.then(() => {
-			n && ye((e) => e + 1);
-		}), () => {
-			n = !1, e.disconnect();
-		};
-	}, [J]), h(() => {
-		!X && Z.current.currentFlyout !== null && $(null, "resize");
-	}, [X, $]), h(() => {
-		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;
-		let t = H ? [...Z.current.currentExpanded, ...e] : [e[e.length - 1]];
-		Ce(t, "select");
-	}, [
-		G,
-		Ce,
-		B,
-		H
-	]);
-	let Te = p(() => {
-		if (J === null) return [];
-		let e = [...J.querySelectorAll(P)].filter((e) => re(e, J));
-		if (Y === null || q === null) return e;
-		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,
-			...e.slice(n + 1)
-		];
-	}, [
-		q,
-		Y,
-		J
-	]), Ee = (e) => {
-		if (te?.(e), e.defaultPrevented) return;
-		let t = e.target;
-		if (!t.matches("[data-part=\"link\"], [data-part=\"trigger\"]")) return;
-		if (e.key === "Escape") {
-			if (Y?.contains(t)) return;
-			let n = t.closest("[data-part=\"group\"]"), r = n?.parentElement, i = r?.getAttribute("data-value");
-			if (!n || !r || !i || !r.hasAttribute("data-expanded")) return;
-			e.preventDefault(), Q(i, !1, "escape", e.nativeEvent), r.querySelector(":scope > [data-part=\"trigger\"]")?.focus();
-			return;
-		}
-		let n = e.key === "ArrowDown" || e.key === "ArrowRight" ? 1 : e.key === "ArrowUp" || e.key === "ArrowLeft" ? -1 : 0;
-		if (n === 0 && e.key !== "Home" && e.key !== "End") return;
-		let r = Te();
-		if (r.length === 0) return;
-		e.preventDefault();
-		let i = r.indexOf(t);
-		r[e.key === "Home" ? 0 : e.key === "End" ? r.length - 1 : Math.min(r.length - 1, Math.max(0, i + n))]?.focus();
-	};
-	_(k, () => ({
-		focus: () => Te()[0]?.focus(),
-		expand: (e) => Q(e, !0, "programmatic"),
-		collapse: (e) => Q(e, !1, "programmatic"),
-		root: J
-	}), [
-		J,
-		Te,
-		Q
-	]);
-	let De = y(() => ({
-		autoExpand: B,
-		compact: X,
-		expanded: K,
-		flyout: q,
-		flyoutNode: Y,
-		guides: oe,
-		isExpanded: (e) => K.includes(e),
-		measureTick: ve,
-		mode: V,
-		multiple: H,
-		registerItem: Se,
-		select: we,
-		setFlyout: $,
-		setFlyoutNode: be,
-		size: U,
-		toggleExpanded: Q,
-		truncate: W,
-		value: G
-	}), [
-		X,
-		K,
-		q,
-		G,
-		Y,
-		ve,
-		Se,
-		B,
-		oe,
-		V,
-		H,
-		U,
-		W,
-		we,
-		$,
-		Q
-	]), { "aria-label": Oe, ...ke } = R, Ae = {
-		...ke,
-		...se ? { "aria-label": Oe ?? ce("navigation") } : {},
-		children: t,
-		className: i,
-		...X ? { "data-compact": "" } : {},
-		...oe ? { "data-guides": "" } : {},
-		"data-mode": V,
-		"data-part": "root",
-		"data-size": U,
-		"data-truncate": W,
-		"data-ui": "side-navigation",
-		onKeyDown: Ee,
-		style: N
-	}, je = se ? "nav" : "div";
-	return /* @__PURE__ */ C(F.Provider, {
-		value: De,
-		children: A === void 0 ? /* @__PURE__ */ C(je, {
-			...Ae,
-			ref: he
-		}) : A(Ae)
-	});
-}
-//#endregion
-//#region src/side-navigation/side-navigation-parts.tsx
-function R(e, ...t) {
-	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
-}
-function z(e) {
-	return e.detail === 0 ? "keyboard" : "pointer";
-}
-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 ae() {
-	return m(ie);
-}
-function oe({ children: e, ref: t, render: n, ...r }) {
-	let i = {
-		...r,
-		children: e,
-		"data-part": "section"
-	};
-	return n === void 0 ? /* @__PURE__ */ C("div", {
-		...i,
-		ref: t
-	}) : n(i);
-}
-function se({ children: e, ref: t, render: n, ...r }) {
-	let i = {
-		...r,
-		children: e,
-		"data-part": "section-label"
-	};
-	return n === void 0 ? /* @__PURE__ */ C("div", {
-		...i,
-		ref: t
-	}) : n(i);
-}
-function ce({ children: e, ref: t, render: n, ...r }) {
-	let i = {
-		...r,
-		children: e,
-		"data-part": "list"
-	};
-	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 = 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,
-		N,
-		o
-	]);
-	let P = p((e, t) => {
-		ne((n) => t === n.includes(e) ? n : t ? [...n, e] : n.filter((t) => t !== e));
-	}, []), F = l?.reportCurrent;
-	h(() => {
-		if (F !== void 0) return F(o, A || j), () => F(o, !1);
-	}, [
-		A,
-		j,
-		F,
-		o
-	]);
-	let re = y(() => ({
-		clipped: v,
-		current: A,
-		descriptionText: T,
-		disabled: M,
-		expanded: O,
-		flyoutOpen: k,
-		hasGroup: m,
-		hasLink: d,
-		holdsCurrent: j,
-		ids: {
-			groupId: `${u}group`,
-			labelId: `${u}label`,
-			triggerId: `${u}trigger`
-		},
-		labelText: S,
-		reportCurrent: P,
-		setClipped: b,
-		setDescriptionText: ee,
-		setHasGroup: _,
-		setHasLink: f,
-		setLabelText: w,
-		setTriggerNode: te,
-		triggerNode: E,
-		value: o
-	}), [
-		u,
-		v,
-		A,
-		T,
-		O,
-		k,
-		m,
-		d,
-		j,
-		S,
-		P,
-		M,
-		E,
-		o
-	]), L = A || j && (!O || c.compact), R = {
-		...s,
-		children: e,
-		className: t,
-		...L ? { "data-current": "" } : {},
-		...M ? { "data-disabled": "" } : {},
-		...O ? { "data-expanded": "" } : {},
-		...k ? { "data-open": "" } : {},
-		"data-part": "item",
-		"data-value": o,
-		style: a
-	};
-	return /* @__PURE__ */ C(ie.Provider, {
-		value: re,
-		children: i === void 0 ? /* @__PURE__ */ C("li", {
-			...R,
-			ref: r
-		}) : i(R)
-	});
-}
-function H({ children: e, enabled: t }) {
-	let n = B();
-	return /* @__PURE__ */ w(i, {
-		describes: "description",
-		disabled: !t,
-		openOn: "hover",
-		side: "inline-end",
-		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 = 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) {
-			e.preventDefault();
-			return;
-		}
-		if (e.defaultPrevented) return;
-		let t = z(e);
-		f && u.select(d.value, t, e.nativeEvent), u.flyout !== null && u.compact && u.setFlyout(null, "select", e.nativeEvent);
-	}, _ = {
-		...l,
-		...p ? { "aria-current": "page" } : {},
-		...d.disabled ? { "aria-disabled": "true" } : {},
-		...m ? { "aria-label": d.labelText } : {},
-		children: e,
-		className: t,
-		...p ? { "data-current": "" } : {},
-		"data-part": "link",
-		...r === void 0 ? {} : { href: r },
-		onClick: g,
-		style: c
-	};
-	return /* @__PURE__ */ C(H, {
-		enabled: u.compact || d.clipped,
-		children: /* @__PURE__ */ C(a, {
-			..._,
-			render: (e) => {
-				let t = (t) => {
-					e.ref?.(t), R(t, o);
-				}, n = {
-					...e,
-					ref: t
-				};
-				return s === void 0 ? r === void 0 ? /* @__PURE__ */ C("button", {
-					...n,
-					type: "button"
-				}) : /* @__PURE__ */ C("a", { ...n }) : s(n);
-			}
-		})
-	});
-}
-function W({ children: n, className: r, onClick: i, ref: o, render: s, style: c, ...l }) {
-	let u = I(), d = B(), f = d.hasLink, m = (e) => {
-		if (i?.(e), e.defaultPrevented) return;
-		let t = z(e);
-		if (u.compact && !f) {
-			u.setFlyout(d.flyoutOpen ? null : d.value, t, e.nativeEvent);
-			return;
-		}
-		u.toggleExpanded(d.value, !d.expanded, t, e.nativeEvent);
-	}, h = {
-		...l,
-		"aria-controls": d.ids.groupId,
-		"aria-expanded": d.flyoutOpen || d.expanded,
-		...f ? { "aria-labelledby": d.ids.labelId } : {},
-		children: /* @__PURE__ */ w(S, { children: [n, /* @__PURE__ */ C("span", {
-			"aria-hidden": "true",
-			"data-part": "indicator",
-			children: /* @__PURE__ */ C(t, {
-				directional: !0,
-				children: /* @__PURE__ */ C(e, { name: "chevron-right" })
-			})
-		})] }),
-		className: r,
-		"data-part": "trigger",
-		disabled: d.disabled,
-		id: d.ids.triggerId,
-		onClick: m,
-		style: c,
-		type: "button"
-	}, g = p((e) => {
-		d.setTriggerNode(e), R(e, o);
-	}, [d.setTriggerNode, o]);
-	return /* @__PURE__ */ C(H, {
-		enabled: !f && (u.compact || d.clipped),
-		children: /* @__PURE__ */ C(a, {
-			...h,
-			render: (e) => {
-				let t = (t) => {
-					e.ref?.(t), g(t);
-				}, n = {
-					...e,
-					ref: t
-				};
-				return s === void 0 ? /* @__PURE__ */ C("button", { ...n }) : s(n);
-			}
-		})
-	});
-}
-function le({ children: e, ref: t, render: n, ...r }) {
-	let i = {
-		...r,
-		"aria-hidden": !0,
-		children: e,
-		"data-part": "icon"
-	};
-	return n === void 0 ? /* @__PURE__ */ C("span", {
-		...i,
-		ref: t
-	}) : n(i);
-}
-function ue({ children: e, ref: t, render: n, ...r }) {
-	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 ?? "";
-		a.setLabelText(e);
-	}, [
-		a.setLabelText,
-		o,
-		u
-	]), v(() => {
-		if (o !== null) {
-			if (i.truncate === "none" || i.compact) {
-				l(null), a.setClipped(i.compact);
-				return;
-			}
-			if (i.truncate === "middle" && u !== null) {
-				let e = getComputedStyle(o), t = o.ownerDocument.createElement("canvas").getContext("2d"), n = o.clientWidth;
-				if (t === null || n === 0) return;
-				t.font = `${e.fontStyle} ${e.fontWeight} ${e.fontSize} ${e.fontFamily}`;
-				let r = k(u, (e) => t.measureText(e).width <= n);
-				l(r === u ? null : r), a.setClipped(r !== u);
-				return;
-			}
-			l(null), a.setClipped(o.scrollWidth > o.clientWidth + 1);
-		}
-	}, [
-		a.setClipped,
-		i.compact,
-		i.measureTick,
-		i.truncate,
-		o,
-		u
-	]);
-	let d = {
-		...r,
-		children: c ?? e,
-		"data-part": "label",
-		id: a.ids.labelId
-	};
-	return n === void 0 ? /* @__PURE__ */ C("span", {
-		...d,
-		ref: (e) => {
-			s(e), R(e, t);
-		}
-	}) : n(d);
-}
-function de({ children: e, ref: t, render: n, ...r }) {
-	let i = B(), [a, o] = x(null);
-	v(() => {
-		a !== null && i.setDescriptionText(a.textContent ?? "");
-	}, [
-		e,
-		i.setDescriptionText,
-		a
-	]);
-	let s = {
-		...r,
-		children: e,
-		"data-part": "description"
-	};
-	return n === void 0 ? /* @__PURE__ */ C("span", {
-		...s,
-		ref: (e) => {
-			o(e), R(e, t);
-		}
-	}) : n(s);
-}
-function fe({ children: e, ref: t, render: n, ...r }) {
-	let i = {
-		...r,
-		children: e,
-		"data-part": "count"
-	};
-	return n === void 0 ? /* @__PURE__ */ C("span", {
-		...i,
-		ref: t
-	}) : n(i);
-}
-function pe({ children: e, ref: t, render: n, ...r }) {
-	let i = {
-		...r,
-		children: e,
-		"data-part": "end"
-	};
-	return n === void 0 ? /* @__PURE__ */ C("span", {
-		...i,
-		ref: t
-	}) : n(i);
-}
-function me({ children: e, ref: t, render: n, ...r }) {
-	let i = {
-		...r,
-		children: e,
-		"data-part": "actions"
-	};
-	return n === void 0 ? /* @__PURE__ */ C("div", {
-		...i,
-		ref: t
-	}) : n(i);
-}
-function G({ ref: e, render: t, ...n }) {
-	let r = {
-		...n,
-		"data-part": "divider",
-		role: "separator"
-	};
-	return t === void 0 ? /* @__PURE__ */ C("li", {
-		...r,
-		ref: e
-	}) : t(r);
-}
-function K({ labelSize: e = "60%", ref: t, ...n }) {
-	return /* @__PURE__ */ w("li", {
-		...n,
-		"aria-hidden": "true",
-		"data-part": "skeleton",
-		ref: t,
-		children: [/* @__PURE__ */ C("span", {
-			"data-part": "icon",
-			children: /* @__PURE__ */ C(c, {
-				shape: "square",
-				size: "xs"
-			})
-		}), /* @__PURE__ */ C("span", {
-			"data-part": "label",
-			children: /* @__PURE__ */ C(c, {
-				inlineSize: e,
-				shape: "text"
-			})
-		})]
-	});
-}
-function q({ children: e, onExited: t, open: n }) {
-	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,
-		open: n
-	});
-	f.current = {
-		navigation: r,
-		onExited: t,
-		open: n
-	}, h(() => {
-		let e = T({
-			present: n,
-			onStatusChange: u
-		});
-		return d.current = e, u(e.status), () => {
-			e.destroy(), d.current = null;
-		};
-	}, []), h(() => {
-		d.current?.sync(n);
-	}, [n]), h(() => {
-		d.current?.setNode(a);
-	}, [a]);
-	let m = b(!1);
-	h(() => {
-		l === "unmounted" ? m.current && f.current.onExited() : m.current = !0;
-	}, [l]);
-	let g = i.triggerNode;
-	v(() => {
-		let e = ee({ origin: g });
-		return c(e.container), () => e.release();
-	}, [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,
-			side: "inline-end",
-			sideOffset: 0,
-			strategy: "fixed"
-		});
-		return _.current = e, f.current.open && y(e, a), () => {
-			e.destroy(), _.current = null, a.removeAttribute("data-open");
-		};
-	}, [
-		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,
-			focusOutside: !1,
-			modal: !1,
-			outsidePress: !0,
-			scrollLock: !1,
-			...g ? { branches: [g] } : {},
-			onDismiss: (e) => {
-				let t = e.reason === "escape" ? "escape" : "outsidePress";
-				f.current.navigation.setFlyout(null, t, e.source), t === "escape" && g?.focus();
-			}
-		});
-		return () => e.destroy();
-	}, [
-		g,
-		a,
-		n
-	]), 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) || g?.contains(t) || r.setFlyout(null, "blur", e.nativeEvent));
-	};
-	return s === null ? null : D(/* @__PURE__ */ C("div", {
-		...r.guides ? { "data-guides": "" } : {},
-		"data-part": "flyout",
-		"data-size": r.size,
-		"data-truncate": r.truncate,
-		"data-ui": "side-navigation",
-		onBlur: S,
-		ref: o,
-		children: e
-	}), s);
-}
-function J({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = B(), [s, c] = x(!1);
-	h(() => (o.setHasGroup(!0), () => o.setHasGroup(!1)), [o.setHasGroup]), h(() => {
-		o.flyoutOpen && c(!0);
-	}, [o.flyoutOpen]);
-	let l = {
-		...a,
-		"aria-labelledby": o.ids.labelId,
-		children: e,
-		className: t,
-		"data-part": "group",
-		id: o.ids.groupId,
-		style: i
-	}, u = r === void 0 ? /* @__PURE__ */ C("ul", {
-		...l,
-		ref: n
-	}) : r(l);
-	return s ? /* @__PURE__ */ C(q, {
-		onExited: () => c(!1),
-		open: o.flyoutOpen,
-		children: u
-	}) : u;
-}
-//#endregion
-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 };