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

package/dist/{top-navigation-COQZsNqW.js → top-navigation-e-tWMGNr.js}

@@ -1,27 +1,27 @@
-import { t as e } from "./react-dom-DzrKNxo6.js";
-import { n as t, t as n } from "./icon-T9Yt4tnm.js";
-import { r } from "./i18n-DpW8lqJ1.js";
-import { i } from "./app-shell-CXwma4XA.js";
-import { a, i as o, n as s, r as c } from "./tooltip-BggqPDcW.js";
-import { f as l, m as u, s as d } from "./navigation-menu-parts-D8qFAwHX.js";
-import { createControllable as f } from "@slotted/core/state";
-import { createContext as p, useCallback as m, useContext as h, useEffect as g, useId as ee, useImperativeHandle as te, useMemo as _, useRef as v, useState as y } from "react";
+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 { f as c, m as l, s as u } from "./navigation-menu-parts-D8qFAwHX.js";
+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 ee, useMemo as _, useRef as v, useState as y } from "react";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { createPresence as ne } from "@slotted/core/presence";
-import { createDismissableLayer as re } from "@slotted/core/dismissable-layer";
-import { topNavigationMessages as ie } from "@slotted/core/i18n";
-import { COMPACT_BELOW as ae, createWidthGate as oe } from "@slotted/core/measure";
+import { createPresence as te } from "@slotted/core/presence";
+import { createDismissableLayer as ne } from "@slotted/core/dismissable-layer";
+import { createPortal as C } from "react-dom";
+import { topNavigationMessages as re } from "@slotted/core/i18n";
+import { COMPACT_BELOW as ie, createWidthGate as ae } from "@slotted/core/measure";
 //#region src/top-navigation/top-navigation-defaults.tsx
-var se = {
+var oe = {
 	frame: !0,
 	landmark: !0,
 	size: "md"
-}, C = p(se);
-function ce() {
-	return h(C);
+}, w = f(oe);
+function se() {
+	return m(w);
 }
-function w({ children: e, ...t }) {
-	let n = ce(), r = _(() => ({
+function T({ children: e, ...t }) {
+	let n = se(), r = _(() => ({
 		frame: t.frame ?? n.frame,
 		landmark: t.landmark ?? n.landmark,
 		size: t.size ?? n.size
@@ -31,293 +31,292 @@ function w({ children: e, ...t }) {
 		t.size,
 		n
 	]);
-	return /* @__PURE__ */ x(C.Provider, {
+	return /* @__PURE__ */ x(w.Provider, {
 		value: r,
 		children: e
 	});
 }
 //#endregion
 //#region src/top-navigation/top-navigation.tsx
-var T = {
+var E = {
 	high: 480,
 	low: 1024,
-	medium: ae
-}, le = "[data-part=\"skip\"], [data-part=\"home\"][href], [data-part=\"link\"], [data-part=\"trigger\"], [data-part=\"more\"], [data-part=\"search\"] input, [data-part=\"search-toggle\"], [data-part=\"help\"], [data-part=\"notifications\"], [data-part=\"account\"]", ue = p(void 0);
-function E() {
-	let e = h(ue);
+	medium: ie
+}, ce = "[data-part=\"skip\"], [data-part=\"home\"][href], [data-part=\"link\"], [data-part=\"trigger\"], [data-part=\"more\"], [data-part=\"search\"] input, [data-part=\"search-toggle\"], [data-part=\"help\"], [data-part=\"notifications\"], [data-part=\"account\"]", le = f(void 0);
+function D() {
+	let e = m(le);
 	if (e === void 0) throw Error("Every top-navigation part must be rendered inside TopNavigation.");
 	return e;
 }
-function de({ children: e, className: t, defaultMoreOpen: n, defaultSearchOpen: a, defaultValue: o, frame: s, landmark: c, messages: l, moreOpen: u, onCollapseChange: d, onMoreOpenChange: p, onSearchOpenChange: h, onValueChange: ae, ref: se, render: C, searchOpen: w, size: E, skipTo: de, style: D, value: O, ...k }) {
-	let A = ce(), j = i(), M = ee(), fe = c ?? (j === void 0 && A.landmark), pe = s ?? (j === void 0 && A.frame), N = r(ie, l), P = E ?? A.size, [me, he] = y(o ?? null), [ge, _e] = y(n ?? !1), [ve, ye] = y(a ?? !1), F = O === void 0 ? me : O, I = u === void 0 ? ge : u, L = w === void 0 ? ve : w, [R, be] = y(null), [xe, z] = y(!1), [B, Se] = y(!1), [V, Ce] = y(!1), [H, we] = y(null), [Te, Ee] = y(null), [U, De] = y(null), [W, Oe] = y(null), [ke, Ae] = y(null), [je, Me] = y(!1), [Ne, Pe] = y(!1), [Fe, Ie] = y(!1), [Le, Re] = y("unmounted"), G = _(() => {
+function ue({ children: e, className: t, defaultMoreOpen: i, defaultSearchOpen: a, defaultValue: o, frame: s, landmark: c, messages: l, moreOpen: u, onCollapseChange: f, onMoreOpenChange: m, onSearchOpenChange: C, onValueChange: ie, ref: oe, render: w, searchOpen: T, size: D, skipTo: ue, style: O, value: k, ...de }) {
+	let A = se(), j = r(), M = g(), fe = c ?? (j === void 0 && A.landmark), pe = s ?? (j === void 0 && A.frame), N = n(re, l), P = D ?? A.size, [me, he] = y(o ?? null), [ge, _e] = y(i ?? !1), [ve, ye] = y(a ?? !1), F = k === void 0 ? me : k, I = u === void 0 ? ge : u, L = T === void 0 ? ve : T, [R, be] = y(null), [z, B] = y(!1), [V, xe] = y(!1), [H, Se] = y(!1), [U, Ce] = y(null), [we, Te] = y(null), [W, Ee] = y(null), [G, De] = y(null), [Oe, ke] = y(null), [Ae, je] = y(!1), [Me, Ne] = y(!1), [Pe, Fe] = y(!1), [Ie, Le] = y("unmounted"), K = _(() => {
 		let e = /* @__PURE__ */ new Set();
-		return xe && e.add("low"), B && e.add("medium"), V && e.add("high"), e;
+		return z && e.add("low"), V && e.add("medium"), H && e.add("high"), e;
 	}, [
-		V,
-		xe,
-		B
-	]), [ze, Be] = y(() => /* @__PURE__ */ new Map()), Ve = v(0), He = m((e, t, n) => (Be((r) => {
+		H,
+		z,
+		V
+	]), [Re, ze] = y(() => /* @__PURE__ */ new Map()), Be = v(0), Ve = p((e, t, n) => (ze((r) => {
 		let i = new Map(r);
 		return i.set(e, {
 			current: n,
-			order: r.get(e)?.order ?? (Ve.current += 1),
+			order: r.get(e)?.order ?? (Be.current += 1),
 			priority: t
 		}), i;
 	}), () => {
-		Be((t) => {
+		ze((t) => {
 			if (!t.has(e)) return t;
 			let n = new Map(t);
 			return n.delete(e), n;
 		});
-	}), []), { collapsed: K, currentFolded: Ue } = _(() => {
-		let e = [...ze.entries()].filter(([, e]) => G.has(e.priority)).sort(([, e], [, t]) => e.order - t.order);
+	}), []), { collapsed: q, currentFolded: He } = _(() => {
+		let e = [...Re.entries()].filter(([, e]) => K.has(e.priority)).sort(([, e], [, t]) => e.order - t.order);
 		return {
 			collapsed: e.map(([e]) => e),
 			currentFolded: e.some(([e, t]) => t.current || e === F)
 		};
 	}, [
 		F,
-		G,
-		ze
-	]), q = v({
+		K,
+		Re
+	]), J = v({
 		currentMoreOpen: I,
 		currentSearchOpen: L,
 		currentValue: F,
 		moreOpen: u,
-		searchOpen: w,
-		value: O
+		searchOpen: T,
+		value: k
 	});
-	q.current = {
+	J.current = {
 		currentMoreOpen: I,
 		currentSearchOpen: L,
 		currentValue: F,
 		moreOpen: u,
-		searchOpen: w,
-		value: O
+		searchOpen: T,
+		value: k
 	};
-	let J = m((e, t, n) => {
-		f({
-			controlled: q.current.moreOpen,
-			initial: q.current.currentMoreOpen,
-			onRequest: (e) => p?.(e.value, e)
+	let Y = p((e, t, n) => {
+		d({
+			controlled: J.current.moreOpen,
+			initial: J.current.currentMoreOpen,
+			onRequest: (e) => m?.(e.value, e)
 		}).request(e, t, n) && _e(e);
-	}, [p]), Y = m((e, t, n) => {
-		f({
-			controlled: q.current.searchOpen,
-			initial: q.current.currentSearchOpen,
-			onRequest: (e) => h?.(e.value, e)
+	}, [m]), X = p((e, t, n) => {
+		d({
+			controlled: J.current.searchOpen,
+			initial: J.current.currentSearchOpen,
+			onRequest: (e) => C?.(e.value, e)
 		}).request(e, t, n) && ye(e);
-	}, [h]), We = m((e, t, n) => {
-		f({
-			controlled: q.current.value,
-			initial: q.current.currentValue,
-			onRequest: (e) => ae?.(e.value, e)
+	}, [C]), Ue = p((e, t, n) => {
+		d({
+			controlled: J.current.value,
+			initial: J.current.currentValue,
+			onRequest: (e) => ie?.(e.value, e)
 		}).request(e, t, n) && he(e);
-	}, [ae]);
-	g(() => {
+	}, [ie]);
+	h(() => {
 		if (R === null) return;
 		let e = [
-			oe(R, {
-				at: T.low,
-				onChange: z
+			ae(R, {
+				at: E.low,
+				onChange: B
 			}),
-			oe(R, {
-				at: T.medium,
-				onChange: Se
+			ae(R, {
+				at: E.medium,
+				onChange: xe
 			}),
-			oe(R, {
-				at: T.high,
-				onChange: Ce
+			ae(R, {
+				at: E.high,
+				onChange: Se
 			})
 		];
-		return z(e[0].narrow()), Se(e[1].narrow()), Ce(e[2].narrow()), () => {
+		return B(e[0].narrow()), xe(e[1].narrow()), Se(e[2].narrow()), () => {
 			for (let t of e) t.destroy();
 		};
 	}, [R]);
-	let X = v(null);
-	g(() => {
+	let Z = v(null);
+	h(() => {
 		if (R === null) return;
-		let e = K.join("\0");
-		if (X.current === e) return;
-		let t = X.current === null;
-		X.current = e, (!t || K.length > 0) && d?.(K, "resize");
+		let e = q.join("\0");
+		if (Z.current === e) return;
+		let t = Z.current === null;
+		Z.current = e, (!t || q.length > 0) && f?.(q, "resize");
 	}, [
-		K,
-		d,
+		q,
+		f,
 		R
 	]);
-	let Z = K.length > 0 || B && Ne || V && Fe, Ge = v(Z);
-	g(() => {
+	let Q = q.length > 0 || V && Me || H && Pe, We = v(Q);
+	h(() => {
+		let e = We.current;
+		We.current = Q, e && !Q && J.current.currentMoreOpen && Y(!1, "resize");
+	}, [Q, Y]);
+	let Ge = v(V);
+	h(() => {
 		let e = Ge.current;
-		Ge.current = Z, e && !Z && q.current.currentMoreOpen && J(!1, "resize");
-	}, [Z, J]);
-	let Ke = v(B);
-	g(() => {
-		let e = Ke.current;
-		Ke.current = B, e && !B && q.current.currentSearchOpen && Y(!1, "resize");
-	}, [Y, B]);
-	let Q = v(null);
-	g(() => {
-		let e = ne({
+		Ge.current = V, e && !V && J.current.currentSearchOpen && X(!1, "resize");
+	}, [X, V]);
+	let $ = v(null);
+	h(() => {
+		let e = te({
 			present: !1,
-			onStatusChange: Re
+			onStatusChange: Le
 		});
-		return Q.current = e, () => {
-			e.destroy(), Q.current = null;
+		return $.current = e, () => {
+			e.destroy(), $.current = null;
 		};
-	}, []), g(() => {
-		Q.current?.setNode(H);
-	}, [H]), g(() => {
-		Q.current?.sync(I);
-	}, [I]), g(() => {
-		if (H === null || !I) return;
-		let e = re(H, {
+	}, []), h(() => {
+		$.current?.setNode(U);
+	}, [U]), h(() => {
+		$.current?.sync(I);
+	}, [I]), h(() => {
+		if (U === null || !I) return;
+		let e = ne(U, {
 			escape: !0,
 			focusOutside: !1,
 			modal: !1,
 			outsidePress: !0,
 			scrollLock: !1,
-			...U ? { branches: [U] } : {},
+			...W ? { branches: [W] } : {},
 			onDismiss: (e) => {
 				let t = e.reason === "escape" ? "escape" : "outsidePress";
-				J(!1, t, e.source), t === "escape" && U?.focus();
+				Y(!1, t, e.source), t === "escape" && W?.focus();
 			}
 		});
 		return () => e.destroy();
 	}, [
 		I,
+		W,
 		U,
-		H,
-		J
+		Y
 	]);
-	let $ = B && je;
-	te(se, () => ({
-		focus: () => R?.querySelector(le)?.focus(),
+	let Ke = V && Ae;
+	ee(oe, () => ({
+		focus: () => R?.querySelector(ce)?.focus(),
 		focusSearch: () => {
-			if ($ && !q.current.currentSearchOpen) {
-				Y(!0, "programmatic");
+			if (Ke && !J.current.currentSearchOpen) {
+				X(!0, "programmatic");
 				return;
 			}
-			W?.querySelector("input, [contenteditable]")?.focus();
+			G?.querySelector("input, [contenteditable]")?.focus();
 		},
-		openMore: () => J(!0, "programmatic"),
-		closeMore: () => J(!1, "programmatic"),
+		openMore: () => Y(!0, "programmatic"),
+		closeMore: () => Y(!1, "programmatic"),
 		root: R
 	}), [
 		R,
-		$,
-		W,
-		J,
-		Y
+		Ke,
+		G,
+		Y,
+		X
 	]);
 	let qe = _(() => ({
 		moreId: `${M}-more`,
 		panelId: `${M}-panel`
 	}), [M]), Je = _(() => ({
-		collapsed: K,
-		currentFolded: Ue,
-		folded: G,
-		hasContext: Ne,
-		hasHelp: Fe,
-		hasSearch: je,
+		collapsed: q,
+		currentFolded: He,
+		folded: K,
+		hasContext: Me,
+		hasHelp: Pe,
+		hasSearch: Ae,
 		ids: qe,
-		panelHolds: Z,
-		moreNode: U,
+		panelHolds: Q,
+		moreNode: W,
 		moreOpen: I,
-		narrow: B,
-		narrowest: V,
-		panelListNode: Te,
-		panelNode: H,
-		panelPresent: Le !== "unmounted",
-		registerItem: He,
-		searchNode: W,
+		narrow: V,
+		narrowest: H,
+		panelListNode: we,
+		panelNode: U,
+		panelPresent: Ie !== "unmounted",
+		registerItem: Ve,
+		searchNode: G,
 		searchOpen: L,
-		searchToggleNode: ke,
-		select: We,
-		setHasContext: Pe,
-		setHasHelp: Ie,
-		setHasSearch: Me,
-		setMoreNode: De,
-		setMoreOpen: J,
-		setPanelListNode: Ee,
-		setPanelNode: we,
-		setSearchNode: Oe,
-		setSearchOpen: Y,
-		setSearchToggleNode: Ae,
+		searchToggleNode: Oe,
+		select: Ue,
+		setHasContext: Ne,
+		setHasHelp: Fe,
+		setHasSearch: je,
+		setMoreNode: Ee,
+		setMoreOpen: Y,
+		setPanelListNode: Te,
+		setPanelNode: Ce,
+		setSearchNode: De,
+		setSearchOpen: X,
+		setSearchToggleNode: ke,
 		size: P,
 		t: N,
 		value: F
 	}), [
-		K,
-		Ue,
+		q,
+		He,
 		I,
 		L,
 		F,
-		G,
-		Ne,
-		Fe,
-		je,
+		K,
+		Me,
+		Pe,
+		Ae,
 		qe,
+		W,
+		Q,
+		we,
 		U,
-		Z,
-		Te,
-		H,
-		Le,
-		He,
+		Ie,
+		Ve,
 		P,
-		W,
-		ke,
-		We,
-		J,
+		G,
+		Oe,
+		Ue,
 		Y,
+		X,
 		N,
-		V,
-		B
+		H,
+		V
 	]), Ye = {
-		...k,
-		children: /* @__PURE__ */ S(b, { children: [de === void 0 ? null : /* @__PURE__ */ x("a", {
+		...de,
+		children: /* @__PURE__ */ S(b, { children: [ue === void 0 ? null : /* @__PURE__ */ x("a", {
 			"data-part": "skip",
-			href: `#${de}`,
+			href: `#${ue}`,
 			children: N("skip")
 		}), e] }),
 		className: t,
 		...pe ? { "data-frame": "" } : {},
 		"data-part": "root",
-		...$ && L ? { "data-search-open": "" } : {},
+		...Ke && L ? { "data-search-open": "" } : {},
 		"data-size": P,
 		"data-ui": "top-navigation",
 		ref: be,
-		style: D
+		style: O
 	}, Xe = fe ? "header" : "div";
-	return /* @__PURE__ */ x(ue.Provider, {
+	return /* @__PURE__ */ x(le.Provider, {
 		value: Je,
-		children: C === void 0 ? /* @__PURE__ */ x(Xe, { ...Ye }) : C(Ye)
+		children: w === void 0 ? /* @__PURE__ */ x(Xe, { ...Ye }) : w(Ye)
 	});
 }
 //#endregion
 //#region src/top-navigation/top-navigation-parts.tsx
-var D = e();
 function O(e, ...t) {
 	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
 }
 function k(e) {
 	return e.detail === 0 ? "keyboard" : "pointer";
 }
-var A = p(void 0);
-function j() {
-	let e = h(A);
+var de = f(void 0);
+function A() {
+	let e = m(de);
 	if (e === void 0) throw Error("TopNavigationLink and TopNavigationTrigger must be rendered inside TopNavigationItem.");
 	return e;
 }
-function M({ children: e, disabled: t = !1, text: n }) {
-	return /* @__PURE__ */ S(a, {
+function j({ children: e, disabled: t = !1, text: n }) {
+	return /* @__PURE__ */ S(i, {
 		disabled: t,
 		openOn: "hover",
 		side: "bottom",
-		children: [e, /* @__PURE__ */ x(c, { children: /* @__PURE__ */ x(s, { children: n }) })]
+		children: [e, /* @__PURE__ */ x(s, { children: /* @__PURE__ */ x(o, { children: n }) })]
 	});
 }
-function fe({ children: e, ref: t, render: n, ...r }) {
+function M({ children: e, ref: t, render: n, ...r }) {
 	let i = {
 		...r,
 		children: e,
@@ -328,7 +327,7 @@ function fe({ children: e, ref: t, render: n, ...r }) {
 		ref: t
 	}) : n(i);
 }
-function pe({ children: e, href: t, ref: n, render: r, ...i }) {
+function fe({ children: e, href: t, ref: n, render: r, ...i }) {
 	let a = {
 		...i,
 		children: e,
@@ -340,7 +339,7 @@ function pe({ children: e, href: t, ref: n, render: r, ...i }) {
 		ref: n
 	}) : r(a);
 }
-function N({ children: e, ref: t, render: n, ...r }) {
+function pe({ children: e, ref: t, render: n, ...r }) {
 	let i = {
 		...r,
 		"aria-hidden": !0,
@@ -352,7 +351,7 @@ function N({ children: e, ref: t, render: n, ...r }) {
 		ref: t
 	}) : n(i);
 }
-function P({ children: e, ref: t, render: n, ...r }) {
+function N({ children: e, ref: t, render: n, ...r }) {
 	let i = {
 		...r,
 		children: e,
@@ -363,9 +362,9 @@ function P({ children: e, ref: t, render: n, ...r }) {
 		ref: t
 	}) : n(i);
 }
-function me({ children: e, ref: t, render: n, ...r }) {
-	let i = E();
-	g(() => (i.setHasContext(!0), () => i.setHasContext(!1)), [i.setHasContext]);
+function P({ children: e, ref: t, render: n, ...r }) {
+	let i = D();
+	h(() => (i.setHasContext(!0), () => i.setHasContext(!1)), [i.setHasContext]);
 	let a = {
 		...r,
 		children: e,
@@ -374,11 +373,11 @@ function me({ children: e, ref: t, render: n, ...r }) {
 		...a,
 		ref: t
 	}) : n(a);
-	return i.narrow && i.panelPresent && i.panelNode !== null ? (0, D.createPortal)(o, i.panelNode) : o;
+	return i.narrow && i.panelPresent && i.panelNode !== null ? C(o, i.panelNode) : o;
 }
-function he({ arrow: e, children: t, closeDelay: n, closeOnSelect: r, defaultValue: i, "aria-label": a, onValueChange: o, openDelay: s, ref: c, render: l, value: d, ...f }) {
-	let p = E();
-	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(u, {
+function me({ arrow: e, children: t, closeDelay: n, closeOnSelect: r, defaultValue: i, "aria-label": a, onValueChange: o, openDelay: s, ref: c, render: u, value: d, ...f }) {
+	let p = D();
+	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(l, {
 		"aria-label": a ?? p.t("navigation"),
 		arrow: e,
 		closeDelay: n,
@@ -394,18 +393,18 @@ function he({ arrow: e, children: t, closeDelay: n, closeOnSelect: r, defaultVal
 				...e,
 				"data-part": "nav"
 			};
-			return l === void 0 ? /* @__PURE__ */ x("nav", {
+			return u === void 0 ? /* @__PURE__ */ x("nav", {
 				...t,
 				ref: (t) => O(t, e.ref, c)
-			}) : l(t);
+			}) : u(t);
 		},
 		size: p.size,
 		value: d,
 		children: t
-	}), /* @__PURE__ */ x(ge, {})] });
+	}), /* @__PURE__ */ x(he, {})] });
 }
-function ge() {
-	let e = E();
+function he() {
+	let e = D();
 	return /* @__PURE__ */ x("div", {
 		...e.moreOpen ? { "data-open": "" } : {},
 		"data-part": "panel",
@@ -417,12 +416,12 @@ function ge() {
 		})
 	});
 }
-function _e({ children: e, ref: t, render: n, ...r }) {
+function ge({ children: e, ref: t, render: n, ...r }) {
 	let i = {
 		...r,
 		children: /* @__PURE__ */ S(b, { children: [e, /* @__PURE__ */ x("li", {
 			"data-part": "item",
-			children: /* @__PURE__ */ x(ve, {})
+			children: /* @__PURE__ */ x(_e, {})
 		})] }),
 		"data-part": "list"
 	};
@@ -431,8 +430,8 @@ function _e({ children: e, ref: t, render: n, ...r }) {
 		ref: t
 	}) : n(i);
 }
-function ve() {
-	let e = E(), t = e.collapsed.length > 0 ? e.t("moreCount", { count: e.collapsed.length }) : e.t("more"), n = (t) => {
+function _e() {
+	let e = D(), t = e.collapsed.length > 0 ? e.t("moreCount", { count: e.collapsed.length }) : e.t("more"), n = (t) => {
 		e.setMoreOpen(!e.moreOpen, k(t), t.nativeEvent);
 	}, r = {
 		"aria-controls": e.ids.panelId,
@@ -447,9 +446,9 @@ function ve() {
 		onClick: n,
 		type: "button"
 	};
-	return /* @__PURE__ */ x(M, {
+	return /* @__PURE__ */ x(j, {
 		text: t,
-		children: /* @__PURE__ */ x(o, {
+		children: /* @__PURE__ */ x(a, {
 			...r,
 			render: (t) => /* @__PURE__ */ x("button", {
 				...t,
@@ -460,16 +459,16 @@ function ve() {
 		})
 	});
 }
-function ye({ children: e, disabled: t = !1, priority: n = "medium", ref: r, render: i, value: a, ...o }) {
-	let s = E(), [c, l] = y(!1), u = s.folded.has(n), f = c || s.value === a;
-	g(() => s.registerItem(a, n, c), [
+function ve({ children: e, disabled: t = !1, priority: n = "medium", ref: r, render: i, value: a, ...o }) {
+	let s = D(), [c, l] = y(!1), d = s.folded.has(n), f = c || s.value === a;
+	h(() => s.registerItem(a, n, c), [
 		c,
 		s.registerItem,
 		n,
 		a
 	]);
 	let p = {
-		collapsed: u,
+		collapsed: d,
 		current: f,
 		disabled: t,
 		priority: n,
@@ -478,16 +477,16 @@ function ye({ children: e, disabled: t = !1, priority: n = "medium", ref: r, ren
 	}, m = {
 		...o,
 		children: e,
-		...u ? { "data-collapsed": "" } : {},
+		...d ? { "data-collapsed": "" } : {},
 		...f ? { "data-current": "" } : {},
 		...t ? { "data-disabled": "" } : {},
 		"data-part": "item",
 		"data-priority": n,
 		"data-value": a
-	}, h = u && s.panelPresent && s.panelListNode !== null;
-	return /* @__PURE__ */ x(A.Provider, {
+	}, g = d && s.panelPresent && s.panelListNode !== null;
+	return /* @__PURE__ */ x(de.Provider, {
 		value: p,
-		children: /* @__PURE__ */ x(d, {
+		children: /* @__PURE__ */ x(u, {
 			disabled: t,
 			render: (e) => {
 				let t = {
@@ -497,15 +496,15 @@ function ye({ children: e, disabled: t = !1, priority: n = "medium", ref: r, ren
 					...t,
 					ref: r
 				}) : i(t);
-				return h ? (0, D.createPortal)(n, s.panelListNode) : n;
+				return g ? C(n, s.panelListNode) : n;
 			},
 			value: a
 		})
 	});
 }
-function F({ children: e, current: t, href: n, onClick: r, ref: i, render: a, ...o }) {
-	let s = E(), c = j();
-	g(() => {
+function ye({ children: e, current: t, href: n, onClick: r, ref: i, render: a, ...o }) {
+	let s = D(), c = A();
+	h(() => {
 		if (t !== void 0) return c.setCurrent(t), () => c.setCurrent(!1);
 	}, [t, c.setCurrent]);
 	let l = t ?? c.current, u = (e) => {
@@ -531,18 +530,18 @@ function F({ children: e, current: t, href: n, onClick: r, ref: i, render: a, ..
 		ref: i
 	}) : a(d);
 }
-function I({ disabled: e, ...t }) {
-	let n = j();
-	return /* @__PURE__ */ x(l, {
+function F({ disabled: e, ...t }) {
+	let n = A();
+	return /* @__PURE__ */ x(c, {
 		...t,
 		disabled: e ?? n.disabled
 	});
 }
-function L({ children: e, onBlur: t, onKeyDown: n, ref: r, render: i, ...a }) {
-	let o = E(), [s, c] = y(null), l = o.narrow && o.searchOpen;
-	g(() => (o.setHasSearch(!0), () => o.setHasSearch(!1)), [o.setHasSearch]), g(() => (o.setSearchNode(s), () => o.setSearchNode(null)), [o.setSearchNode, s]);
+function I({ children: e, onBlur: t, onKeyDown: n, ref: r, render: i, ...a }) {
+	let o = D(), [s, c] = y(null), l = o.narrow && o.searchOpen;
+	h(() => (o.setHasSearch(!0), () => o.setHasSearch(!1)), [o.setHasSearch]), h(() => (o.setSearchNode(s), () => o.setSearchNode(null)), [o.setSearchNode, s]);
 	let u = v(l);
-	g(() => {
+	h(() => {
 		let e = u.current;
 		if (u.current = l, s === null) return;
 		if (l) {
@@ -561,29 +560,29 @@ function L({ children: e, onBlur: t, onKeyDown: n, ref: r, render: i, ...a }) {
 		o.setSearchOpen(!1, e, t);
 	}, f = (e) => {
 		n?.(e), !e.defaultPrevented && l && e.key === "Escape" && (e.preventDefault(), d("escape", e.nativeEvent));
-	}, p = (e) => {
+	}, m = (e) => {
 		if (t?.(e), e.defaultPrevented || !l || s === null) return;
 		let n = e.relatedTarget;
 		n === null || s.contains(n) || d("blur", e.nativeEvent);
-	}, h = {
+	}, g = {
 		...a,
-		children: /* @__PURE__ */ S(b, { children: [e, /* @__PURE__ */ x(R, { onClose: (e, t) => d(e, t) })] }),
+		children: /* @__PURE__ */ S(b, { children: [e, /* @__PURE__ */ x(L, { onClose: (e, t) => d(e, t) })] }),
 		"data-part": "search",
-		onBlur: p,
+		onBlur: m,
 		onKeyDown: f
-	}, ee = m((e) => {
+	}, ee = p((e) => {
 		c(e), O(e, r);
 	}, [r]);
 	return i === void 0 ? /* @__PURE__ */ x("div", {
-		...h,
+		...g,
 		ref: ee
-	}) : i(h);
+	}) : i(g);
 }
-function R({ onClose: e }) {
-	let t = E().t("closeSearch");
-	return /* @__PURE__ */ x(M, {
+function L({ onClose: e }) {
+	let t = D().t("closeSearch");
+	return /* @__PURE__ */ x(j, {
 		text: t,
-		children: /* @__PURE__ */ x(o, {
+		children: /* @__PURE__ */ x(a, {
 			"aria-label": t,
 			"data-part": "search-close",
 			children: /* @__PURE__ */ x(z, { glyph: "x" }),
@@ -593,11 +592,11 @@ function R({ onClose: e }) {
 		})
 	});
 }
-function be() {
-	let e = E(), t = e.t("search");
-	return /* @__PURE__ */ x(M, {
+function R() {
+	let e = D(), t = e.t("search");
+	return /* @__PURE__ */ x(j, {
 		text: t,
-		children: /* @__PURE__ */ x(o, {
+		children: /* @__PURE__ */ x(a, {
 			"aria-label": t,
 			"data-part": "search-toggle",
 			children: /* @__PURE__ */ x(z, { glyph: "search" }),
@@ -612,10 +611,10 @@ function be() {
 		})
 	});
 }
-function xe({ children: e, ref: t, render: n, ...r }) {
-	let i = E(), a = {
+function be({ children: e, ref: t, render: n, ...r }) {
+	let i = D(), a = {
 		...r,
-		children: /* @__PURE__ */ S(b, { children: [i.hasSearch ? /* @__PURE__ */ x(be, {}) : null, e] }),
+		children: /* @__PURE__ */ S(b, { children: [i.hasSearch ? /* @__PURE__ */ x(R, {}) : null, e] }),
 		"data-part": "actions"
 	};
 	return n === void 0 ? /* @__PURE__ */ x("div", {
@@ -623,10 +622,10 @@ function xe({ children: e, ref: t, render: n, ...r }) {
 		ref: t
 	}) : n(a);
 }
-function z({ glyph: e }) {
-	return /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(t, { name: e }) });
+function z({ glyph: n }) {
+	return /* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(e, { name: n }) });
 }
-function B({ "aria-label": e, children: t, glyph: n, message: r, part: i, ref: a, render: s, ...c }) {
+function B({ "aria-label": e, children: t, glyph: n, message: r, part: i, ref: o, render: s, ...c }) {
 	let l = e ?? r, u = {
 		...c,
 		"aria-label": l,
@@ -634,15 +633,15 @@ function B({ "aria-label": e, children: t, glyph: n, message: r, part: i, ref: a
 		"data-part": i,
 		type: "button"
 	};
-	return /* @__PURE__ */ x(M, {
+	return /* @__PURE__ */ x(j, {
 		text: l,
-		children: /* @__PURE__ */ x(o, {
+		children: /* @__PURE__ */ x(a, {
 			...u,
 			render: (e) => {
 				let t = {
 					...e,
 					ref: (t) => {
-						e.ref?.(t), O(t, a);
+						e.ref?.(t), O(t, o);
 					}
 				};
 				return s === void 0 ? /* @__PURE__ */ x("button", { ...t }) : s(t);
@@ -650,19 +649,19 @@ function B({ "aria-label": e, children: t, glyph: n, message: r, part: i, ref: a
 		})
 	});
 }
-function Se({ "aria-label": e, children: t, href: n, ref: r, render: i, ...a }) {
-	let s = E();
-	g(() => (s.setHasHelp(!0), () => s.setHasHelp(!1)), [s.setHasHelp]);
+function V({ "aria-label": e, children: t, href: n, ref: r, render: i, ...o }) {
+	let s = D();
+	h(() => (s.setHasHelp(!0), () => s.setHasHelp(!1)), [s.setHasHelp]);
 	let c = e ?? s.t("help"), l = s.narrowest && s.panelPresent && s.panelNode !== null, u = {
-		...a,
+		...o,
 		...e === void 0 ? {} : { "aria-label": e },
 		children: /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(z, { glyph: "circle-question" }), t ?? c] }),
 		"data-part": "help",
 		...n === void 0 ? {} : { href: n }
-	}, d = /* @__PURE__ */ x(M, {
+	}, d = /* @__PURE__ */ x(j, {
 		disabled: l,
 		text: c,
-		children: /* @__PURE__ */ x(o, {
+		children: /* @__PURE__ */ x(a, {
 			...u,
 			render: (e) => {
 				let t = {
@@ -678,10 +677,10 @@ function Se({ "aria-label": e, children: t, href: n, ref: r, render: i, ...a })
 			}
 		})
 	});
-	return l ? (0, D.createPortal)(d, s.panelNode) : d;
+	return l ? C(d, s.panelNode) : d;
 }
-function V(e) {
-	let t = E();
+function xe(e) {
+	let t = D();
 	return /* @__PURE__ */ x(B, {
 		...e,
 		glyph: "bell",
@@ -689,18 +688,18 @@ function V(e) {
 		part: "notifications"
 	});
 }
-function Ce({ "aria-label": e, children: t, href: n, ref: r, render: i, ...a }) {
+function H({ "aria-label": e, children: t, href: n, ref: r, render: i, ...o }) {
 	let s = e ?? "", c = {
-		...a,
+		...o,
 		...e === void 0 ? {} : { "aria-label": e },
 		children: t,
 		"data-part": "action",
 		...n === void 0 ? {} : { href: n }
 	};
-	return /* @__PURE__ */ x(M, {
+	return /* @__PURE__ */ x(j, {
 		disabled: s === "",
 		text: s,
-		children: /* @__PURE__ */ x(o, {
+		children: /* @__PURE__ */ x(a, {
 			...c,
 			render: (e) => {
 				let t = {
@@ -717,7 +716,7 @@ function Ce({ "aria-label": e, children: t, href: n, ref: r, render: i, ...a })
 		})
 	});
 }
-function H({ children: e, ref: t, render: n, ...r }) {
+function Se({ children: e, ref: t, render: n, ...r }) {
 	let i = {
 		...r,
 		children: e,
@@ -728,8 +727,8 @@ function H({ children: e, ref: t, render: n, ...r }) {
 		ref: t
 	}) : n(i);
 }
-function we(e) {
-	let t = E();
+function U(e) {
+	let t = D();
 	return /* @__PURE__ */ x(B, {
 		...e,
 		message: t.t("account"),
@@ -737,4 +736,4 @@ function we(e) {
 	});
 }
 //#endregion
-export { se as C, E as S, ce as T, I as _, me as a, le as b, pe as c, _e as d, N as f, L as g, V as h, fe as i, ye as l, he as m, Ce as n, H as o, P as p, xe as r, Se as s, we as t, F as u, j as v, w, de as x, T as y };
+export { oe as C, D as S, se as T, F as _, P as a, ce as b, fe as c, ge as d, pe as f, I as g, xe as h, M as i, ve as l, me as m, H as n, Se as o, N as p, be as r, V as s, U as t, ye as u, A as v, T as w, ue as x, E as y };