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

package/dist/{app-shell-CXwma4XA.js → app-shell-CmYvnu_7.js}

@@ -7,12 +7,12 @@ import { createContext as c, isValidElement as l, useCallback as u, useContext a
 import { Fragment as ee, jsx as y, jsxs as te } from "react/jsx-runtime";
 import { createPresence as ne } from "@slotted/core/presence";
 import { setPortalContainer as b } from "@slotted/core/portal";
-import { createDismissableLayer as x } from "@slotted/core/dismissable-layer";
-import { appShellMessages as re } from "@slotted/core/i18n";
-import { EXTENT_LARGE_STEP_PX as ie, EXTENT_STEP_PX as ae, anchorsAtStart as oe, extentAtPoint as se, holdResizeGesture as ce, stepAmountFromPixels as le, stepExtent as ue } from "@slotted/core/extent";
-import { COMPACT_BELOW as de, clamp as S, createWidthGate as fe } from "@slotted/core/measure";
+import { createDismissableLayer as re } from "@slotted/core/dismissable-layer";
+import { appShellMessages as ie } from "@slotted/core/i18n";
+import { EXTENT_LARGE_STEP_PX as ae, EXTENT_STEP_PX as oe, anchorsAtStart as se, extentAtPoint as ce, holdResizeGesture as le, stepAmountFromPixels as ue, stepExtent as de } from "@slotted/core/extent";
+import { COMPACT_BELOW as fe, clamp as x, createWidthGate as pe } from "@slotted/core/measure";
 //#region src/app-shell/app-shell-defaults.tsx
-var C = c({
+var S = c({
 	asideMode: "auto",
 	asideSize: "md",
 	canvas: "inset",
@@ -29,12 +29,12 @@ var C = c({
 	scroll: "content",
 	separation: "rule"
 });
-function pe() {
-	return d(C);
+function me() {
+	return d(S);
 }
-function w({ children: e, ...t }) {
-	let n = pe();
-	return /* @__PURE__ */ y(C.Provider, {
+function he({ children: e, ...t }) {
+	let n = me();
+	return /* @__PURE__ */ y(S.Provider, {
 		value: {
 			asideMode: t.asideMode ?? n.asideMode,
 			asideSize: t.asideSize ?? n.asideSize,
@@ -57,8 +57,8 @@ function w({ children: e, ...t }) {
 }
 //#endregion
 //#region src/app-shell/app-shell-parts.tsx
-function T(e, t) {
-	let n = I();
+function C(e, t) {
+	let n = N();
 	return u((r) => {
 		n.nodes[e] = r, typeof t == "function" ? t(r) : t != null && (t.current = r);
 	}, [
@@ -67,27 +67,27 @@ function T(e, t) {
 		e
 	]);
 }
-function E(e) {
-	let t = I();
+function ge(e) {
+	let t = N();
 	f(() => t.register(e), [e, t]);
 }
-function D(e, t) {
+function w(e, t) {
 	return t === void 0 ? null : t(e);
 }
-function me({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = T("banner", n), s = {
+function _e({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
+	let o = C("banner", n), s = {
 		...a,
 		children: e,
 		className: t,
 		"data-part": "banner",
 		style: i
 	};
-	return D(s, r) ?? /* @__PURE__ */ y("header", {
+	return w(s, r) ?? /* @__PURE__ */ y("header", {
 		...s,
 		ref: o
 	});
 }
-function he({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
+function ve({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 	let o = {
 		...a,
 		children: e,
@@ -95,12 +95,12 @@ function he({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 		"data-part": "brand",
 		style: i
 	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
+	return w(o, r) ?? /* @__PURE__ */ y("div", {
 		...o,
 		ref: n
 	});
 }
-function ge({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
+function ye({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 	let o = {
 		...a,
 		children: e,
@@ -108,12 +108,12 @@ function ge({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 		"data-part": "centre",
 		style: i
 	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
+	return w(o, r) ?? /* @__PURE__ */ y("div", {
 		...o,
 		ref: n
 	});
 }
-function _e({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
+function be({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 	let o = {
 		...a,
 		children: e,
@@ -121,14 +121,14 @@ function _e({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 		"data-part": "actions",
 		style: i
 	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
+	return w(o, r) ?? /* @__PURE__ */ y("div", {
 		...o,
 		ref: n
 	});
 }
-function ve({ "aria-label": e, children: t, className: n, id: r, ref: i, render: a, style: o, ...s }) {
-	let c = I(), l = T("nav", i);
-	E("nav");
+function xe({ "aria-label": e, children: t, className: n, id: r, ref: i, render: a, style: o, ...s }) {
+	let c = N(), l = C("nav", i);
+	ge("nav");
 	let u = {
 		...s,
 		"aria-label": e ?? c.t("nav"),
@@ -138,12 +138,12 @@ function ve({ "aria-label": e, children: t, className: n, id: r, ref: i, render:
 		id: r ?? c.navId,
 		style: o
 	};
-	return D(u, a) ?? /* @__PURE__ */ y("nav", {
+	return w(u, a) ?? /* @__PURE__ */ y("nav", {
 		...u,
 		ref: l
 	});
 }
-function ye({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
+function Se({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 	let o = {
 		...a,
 		children: e,
@@ -151,12 +151,12 @@ function ye({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 		"data-part": "nav-rail",
 		style: i
 	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
+	return w(o, r) ?? /* @__PURE__ */ y("div", {
 		...o,
 		ref: n
 	});
 }
-function be({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
+function Ce({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 	let o = {
 		...a,
 		children: e,
@@ -164,12 +164,12 @@ function be({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 		"data-part": "nav-header",
 		style: i
 	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
+	return w(o, r) ?? /* @__PURE__ */ y("div", {
 		...o,
 		ref: n
 	});
 }
-function xe({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
+function we({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 	let o = {
 		...a,
 		children: e,
@@ -177,12 +177,12 @@ function xe({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 		"data-part": "nav-body",
 		style: i
 	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
+	return w(o, r) ?? /* @__PURE__ */ y("div", {
 		...o,
 		ref: n
 	});
 }
-function Se({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
+function Te({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 	let o = {
 		...a,
 		children: e,
@@ -190,14 +190,14 @@ function Se({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 		"data-part": "nav-footer",
 		style: i
 	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
+	return w(o, r) ?? /* @__PURE__ */ y("div", {
 		...o,
 		ref: n
 	});
 }
-function Ce({ children: e, className: t, id: n, ref: r, render: i, style: a, tabIndex: o, ...s }) {
-	let c = I(), l = T("main", r);
-	E("main");
+function Ee({ children: e, className: t, id: n, ref: r, render: i, style: a, tabIndex: o, ...s }) {
+	let c = N(), l = C("main", r);
+	ge("main");
 	let u = {
 		...c.busy ? { "aria-busy": !0 } : {},
 		...s,
@@ -208,13 +208,13 @@ function Ce({ children: e, className: t, id: n, ref: r, render: i, style: a, tab
 		style: a,
 		tabIndex: o ?? -1
 	};
-	return D(u, i) ?? /* @__PURE__ */ y("main", {
+	return w(u, i) ?? /* @__PURE__ */ y("main", {
 		...u,
 		ref: l
 	});
 }
-function O({ delay: e, label: t, loading: n = !0, minDuration: o, onWithdraw: s, size: c, ...l }) {
-	let u = I(), d = a(), p = r({
+function T({ delay: e, label: t, loading: n = !0, minDuration: o, onWithdraw: s, size: c, ...l }) {
+	let u = N(), d = a(), p = r({
 		delay: e ?? d.delay ?? 200,
 		loading: n,
 		minDuration: o ?? d.minDuration ?? 400,
@@ -235,9 +235,9 @@ function O({ delay: e, label: t, loading: n = !0, minDuration: o, onWithdraw: s,
 		})
 	});
 }
-function k({ "aria-label": e, children: t, className: n, id: r, ref: i, render: a, style: o, ...s }) {
-	let c = I(), l = T("aside", i);
-	E("aside");
+function E({ "aria-label": e, children: t, className: n, id: r, ref: i, render: a, style: o, ...s }) {
+	let c = N(), l = C("aside", i);
+	ge("aside");
 	let u = c.asideExtent, d = {
 		...s,
 		"aria-label": e ?? c.t("aside"),
@@ -251,12 +251,12 @@ function k({ "aria-label": e, children: t, className: n, id: r, ref: i, render:
 			"--slotted-app-shell-aside-extent": `${Math.round(u * 1e4) / 100}cqi`
 		}
 	};
-	return D(d, a) ?? /* @__PURE__ */ y("aside", {
+	return w(d, a) ?? /* @__PURE__ */ y("aside", {
 		...d,
 		ref: l
 	});
 }
-function A({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
+function D({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 	let o = {
 		...a,
 		children: e,
@@ -264,12 +264,12 @@ function A({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 		"data-part": "aside-header",
 		style: i
 	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
+	return w(o, r) ?? /* @__PURE__ */ y("div", {
 		...o,
 		ref: n
 	});
 }
-function we({ children: e, className: t, inset: n, ref: r, render: i, style: a, ...o }) {
+function De({ children: e, className: t, inset: n, ref: r, render: i, style: a, ...o }) {
 	let s = {
 		...o,
 		children: e,
@@ -278,16 +278,16 @@ function we({ children: e, className: t, inset: n, ref: r, render: i, style: a,
 		"data-part": "aside-body",
 		style: a
 	};
-	return D(s, i) ?? /* @__PURE__ */ y("div", {
+	return w(s, i) ?? /* @__PURE__ */ y("div", {
 		...s,
 		ref: r
 	});
 }
-var Te = typeof document > "u" ? f : h;
-function j(e) {
+var Oe = typeof document > "u" ? f : h;
+function O(e) {
 	return e !== null && getComputedStyle(e).direction === "rtl";
 }
-function M(e) {
+function k(e) {
 	if (e === null) return null;
 	let t = e.getBoundingClientRect(), n = getComputedStyle(e), r = (e, t) => e === "none" || e === "hidden" ? 0 : parseFloat(t) || 0, i = (parseFloat(n.paddingLeft) || 0) + r(n.borderLeftStyle, n.borderLeftWidth), a = (parseFloat(n.paddingRight) || 0) + r(n.borderRightStyle, n.borderRightWidth);
 	return {
@@ -297,14 +297,14 @@ function M(e) {
 		y: t.y
 	};
 }
-var Ee = 3;
-function N({ "aria-label": e, className: t, onKeyDown: n, onPointerDown: r, ref: i, render: a, style: o, ...s }) {
-	let c = I(), l = _(null), u = _(null), d = _(null), [p, m] = v(void 0), h = c.navSide === "end" ? "start" : "end", g = c.asideMode === "inline" && c.asideOpen, { asideExtent: ee, nodes: te, root: ne } = c;
-	if (Te(() => {
+var ke = 3;
+function A({ "aria-label": e, className: t, onKeyDown: n, onPointerDown: r, ref: i, render: a, style: o, ...s }) {
+	let c = N(), l = _(null), u = _(null), d = _(null), [p, m] = v(void 0), h = c.navSide === "end" ? "start" : "end", g = c.asideMode === "inline" && c.asideOpen, { asideExtent: ee, nodes: te, root: ne } = c;
+	if (Oe(() => {
 		let e = te.aside;
 		if (!g || ee !== void 0 || e === null) return;
 		let t = () => {
-			let t = M(ne);
+			let t = k(ne);
 			if (t === null || t.width <= 0) return m(void 0);
 			m(e.getBoundingClientRect().width / t.width);
 		};
@@ -317,46 +317,46 @@ function N({ "aria-label": e, className: t, onKeyDown: n, onPointerDown: r, ref:
 		ne,
 		g
 	]), f(() => () => d.current?.(), []), !g) return null;
-	let b = S(c.asideExtent ?? p ?? c.minAsideExtent, c.minAsideExtent, c.maxAsideExtent), x = (e) => Math.round(S(e, 0, 1) * 100), re = (e, t) => se({
+	let b = x(c.asideExtent ?? p ?? c.minAsideExtent, c.minAsideExtent, c.maxAsideExtent), re = (e) => Math.round(x(e, 0, 1) * 100), ie = (e, t) => ce({
 		point: {
 			x: e.clientX,
 			y: e.clientY
 		},
 		rect: t,
-		rtl: j(l.current),
+		rtl: O(l.current),
 		side: h
-	}), de = (e) => {
+	}), fe = (e) => {
 		if (r?.(e), e.defaultPrevented || e.button !== 0) return;
-		let t = M(c.root);
+		let t = k(c.root);
 		t === null || t.width <= 0 || (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), e.currentTarget.focus(), u.current = {
 			moved: !1,
-			offset: b - re(e, t),
+			offset: b - ie(e, t),
 			x: e.clientX
 		});
-	}, fe = (e) => {
+	}, pe = (e) => {
 		let t = u.current;
 		if (t === null) return;
-		let n = M(c.root);
+		let n = k(c.root);
 		if (!(n === null || n.width <= 0)) {
 			if (!t.moved) {
-				if (Math.abs(e.clientX - t.x) < Ee) return;
-				t.moved = !0, d.current?.(), d.current = ce(l.current?.ownerDocument, "col-resize"), c.setAsideDragging(!0);
+				if (Math.abs(e.clientX - t.x) < ke) return;
+				t.moved = !0, d.current?.(), d.current = le(l.current?.ownerDocument, "col-resize"), c.setAsideDragging(!0);
 			}
-			c.setAsideExtent(re(e, n) + t.offset, "pointer", e);
+			c.setAsideExtent(ie(e, n) + t.offset, "pointer", e);
 		}
-	}, C = (e) => {
+	}, S = (e) => {
 		let t = u.current;
 		t !== null && (u.current = null, e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), t.moved && (d.current?.(), d.current = null, c.setAsideDragging(!1)));
-	}, pe = (e) => {
+	}, me = (e) => {
 		if (n?.(e), e.defaultPrevented) return;
-		let t = oe(h, j(l.current)), r = (t) => {
+		let t = se(h, O(l.current)), r = (t) => {
 			e.preventDefault();
-			let n = M(c.root), r = n === null ? 0 : le({
-				pixels: e.shiftKey ? ie : ae,
+			let n = k(c.root), r = n === null ? 0 : ue({
+				pixels: e.shiftKey ? ae : oe,
 				rect: n,
 				side: h
 			});
-			c.setAsideExtent(ue({
+			c.setAsideExtent(de({
 				amount: r,
 				direction: t,
 				fraction: b,
@@ -371,36 +371,36 @@ function N({ "aria-label": e, className: t, onKeyDown: n, onPointerDown: r, ref:
 			case "End": return e.preventDefault(), c.setAsideExtent(c.maxAsideExtent, "keyboard", e);
 			default: return;
 		}
-	}, w = (e) => {
+	}, he = (e) => {
 		l.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
-	}, T = {
+	}, C = {
 		...s,
 		"aria-controls": c.asideId,
 		"aria-label": e ?? c.t("resizeAside"),
 		"aria-orientation": "vertical",
-		"aria-valuemax": x(c.maxAsideExtent),
-		"aria-valuemin": x(c.minAsideExtent),
-		"aria-valuenow": x(b),
+		"aria-valuemax": re(c.maxAsideExtent),
+		"aria-valuemin": re(c.minAsideExtent),
+		"aria-valuenow": re(b),
 		className: t,
 		"data-part": "aside-resizer",
-		onKeyDown: pe,
-		onLostPointerCapture: C,
-		onPointerDown: de,
-		onPointerMove: fe,
-		onPointerUp: C,
+		onKeyDown: me,
+		onLostPointerCapture: S,
+		onPointerDown: fe,
+		onPointerMove: pe,
+		onPointerUp: S,
 		role: "separator",
 		style: o,
 		tabIndex: 0
 	};
 	return a === void 0 ? /* @__PURE__ */ y("div", {
-		...T,
-		ref: w
+		...C,
+		ref: he
 	}) : a({
-		...T,
-		ref: w
+		...C,
+		ref: he
 	});
 }
-function De({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
+function Ae({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 	let o = {
 		...a,
 		children: e,
@@ -408,26 +408,26 @@ function De({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 		"data-part": "aside-footer",
 		style: i
 	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
+	return w(o, r) ?? /* @__PURE__ */ y("div", {
 		...o,
 		ref: n
 	});
 }
-function Oe({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = T("footer", n), s = {
+function je({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
+	let o = C("footer", n), s = {
 		...a,
 		children: e,
 		className: t,
 		"data-part": "footer",
 		style: i
 	};
-	return D(s, r) ?? /* @__PURE__ */ y("footer", {
+	return w(s, r) ?? /* @__PURE__ */ y("footer", {
 		...s,
 		ref: o
 	});
 }
-function P({ "aria-controls": n, "aria-label": r, children: i, className: a, id: o, onClick: s, ref: c, render: l, style: d, type: f, ...p }) {
-	let m = I(), h = T("toggle", c), g = u((e) => {
+function j({ "aria-controls": n, "aria-label": r, children: i, className: a, id: o, onClick: s, ref: c, render: l, style: d, type: f, ...p }) {
+	let m = N(), h = C("toggle", c), g = u((e) => {
 		if (s?.(e), e.defaultPrevented) return;
 		let t = e.detail === 0 ? "keyboard" : "pointer";
 		m.setOpen(!m.open, t, e.nativeEvent);
@@ -444,13 +444,13 @@ function P({ "aria-controls": n, "aria-label": r, children: i, className: a, id:
 		style: d,
 		type: f ?? "button"
 	};
-	return D(_, l) ?? /* @__PURE__ */ y("button", {
+	return w(_, l) ?? /* @__PURE__ */ y("button", {
 		..._,
 		ref: h
 	});
 }
-function F({ "aria-controls": n, "aria-label": r, children: i, className: a, id: o, onClick: s, ref: c, render: l, style: d, type: f, ...p }) {
-	let m = I(), h = T("asideToggle", c), g = u((e) => {
+function M({ "aria-controls": n, "aria-label": r, children: i, className: a, id: o, onClick: s, ref: c, render: l, style: d, type: f, ...p }) {
+	let m = N(), h = C("asideToggle", c), g = u((e) => {
 		if (s?.(e), e.defaultPrevented) return;
 		let t = e.detail === 0 ? "keyboard" : "pointer";
 		m.setAsideOpen(!m.asideOpen, t, e.nativeEvent);
@@ -467,31 +467,31 @@ function F({ "aria-controls": n, "aria-label": r, children: i, className: a, id:
 		style: d,
 		type: f ?? "button"
 	};
-	return D(_, l) ?? /* @__PURE__ */ y("button", {
+	return w(_, l) ?? /* @__PURE__ */ y("button", {
 		..._,
 		ref: h
 	});
 }
 //#endregion
 //#region src/app-shell/app-shell.tsx
-var ke = de, Ae = c(void 0);
-function je(e, t) {
+var Me = fe, Ne = c(void 0);
+function Pe(e, t) {
 	if (Array.isArray(e)) {
-		for (let n of e) je(n, t);
+		for (let n of e) Pe(n, t);
 		return t;
 	}
-	return !l(e) || e.type === Me || (e.type === Ce ? t.main = !0 : e.type === ve ? t.nav = !0 : e.type === k ? t.aside = !0 : je(e.props.children, t)), t;
+	return !l(e) || e.type === Fe || (e.type === Ee ? t.main = !0 : e.type === xe ? t.nav = !0 : e.type === E ? t.aside = !0 : Pe(e.props.children, t)), t;
 }
-function I() {
-	let e = d(Ae);
+function N() {
+	let e = d(Ne);
 	if (e === void 0) throw Error("Every app-shell part must be rendered inside AppShell.");
 	return e;
 }
-function L() {
-	return d(Ae);
+function P() {
+	return d(Ne);
 }
-function Me({ asideExtent: e, asideMode: t, asideOpen: r, asideSize: i, canvas: a, children: c, className: l, closeOnNavigate: d, collapsedTo: h, defaultAsideExtent: ie, defaultAsideOpen: ae, defaultNavOpen: oe, escape: se, back: ce, maxAsideExtent: le, messages: ue, minAsideExtent: de, modal: C, navMode: w, navOpen: T, navSide: E, navSize: D, onAsideExtentChange: me, onAsideOpenChange: he, onNavOpenChange: ge, outsidePress: _e, primary: ve, ref: ye, render: be, scroll: xe, separation: Se, style: Ce, ...O }) {
-	let k = pe(), A = p(), [we, Te] = v(oe ?? !0), j = T ?? we, [M, Ee] = v(ae ?? !0), N = r ?? M, [De, Oe] = v(ie), P = e ?? De, F = S(de ?? .16, 0, 1), I = S(le ?? .6, F, 1), [L, Me] = v(!1), Ne = i ?? k.asideSize, Pe = t ?? k.asideMode, Fe = a ?? k.canvas, R = d ?? k.closeOnNavigate, Ie = h ?? k.collapsedTo, Le = Se ?? k.separation, Re = se ?? k.escape, z = ce ?? k.back, B = C ?? k.modal, ze = E ?? k.navSide, Be = D ?? k.navSize, V = _e ?? k.outsidePress, Ve = ve ?? k.primary, He = xe ?? k.scroll, Ue = w ?? k.navMode, H = n(re, ue), [U, We] = v(null), [W, Ge] = v(void 0), G = Ue === "auto" ? W === void 0 ? void 0 : W ? "overlay" : "inline" : Ue, K = Pe === "auto" ? W === void 0 ? void 0 : W ? "overlay" : "inline" : Pe, q = _({
+function Fe({ asideExtent: e, asideMode: t, asideOpen: r, asideSize: i, canvas: a, children: c, className: l, closeOnNavigate: d, collapsedTo: h, defaultAsideExtent: ae, defaultAsideOpen: oe, defaultNavOpen: se, escape: ce, back: le, maxAsideExtent: ue, messages: de, minAsideExtent: fe, modal: S, navMode: he, navOpen: C, navSide: ge, navSize: w, onAsideExtentChange: _e, onAsideOpenChange: ve, onNavOpenChange: ye, outsidePress: be, primary: xe, ref: Se, render: Ce, scroll: we, separation: Te, style: Ee, ...T }) {
+	let E = me(), D = p(), [De, Oe] = v(se ?? !0), O = C ?? De, [k, ke] = v(oe ?? !0), A = r ?? k, [Ae, je] = v(ae), j = e ?? Ae, M = x(fe ?? .16, 0, 1), N = x(ue ?? .6, M, 1), [P, Fe] = v(!1), Ie = i ?? E.asideSize, Le = t ?? E.asideMode, Re = a ?? E.canvas, F = d ?? E.closeOnNavigate, ze = h ?? E.collapsedTo, Be = Te ?? E.separation, I = ce ?? E.escape, L = le ?? E.back, R = S ?? E.modal, Ve = ge ?? E.navSide, He = w ?? E.navSize, z = be ?? E.outsidePress, Ue = xe ?? E.primary, We = we ?? E.scroll, Ge = he ?? E.navMode, B = n(ie, de), [V, Ke] = v(null), [H, qe] = v(void 0), U = Ge === "auto" ? H === void 0 ? void 0 : H ? "overlay" : "inline" : Ge, W = Le === "auto" ? H === void 0 ? void 0 : H ? "overlay" : "inline" : Le, G = _({
 		aside: null,
 		asideToggle: null,
 		banner: null,
@@ -499,29 +499,29 @@ function Me({ asideExtent: e, asideMode: t, asideOpen: r, asideSize: i, canvas:
 		main: null,
 		nav: null,
 		toggle: null
-	}), [Ke, qe] = v({
+	}), [Je, Ye] = v({
 		nav: !1,
 		main: !1,
 		aside: !1
-	}), [Je, Ye] = v(!1);
-	f(() => Ye(!0), []);
-	let Xe = Je ? Ke : je(c, {
+	}), [Xe, Ze] = v(!1);
+	f(() => Ze(!0), []);
+	let K = Xe ? Je : Pe(c, {
 		nav: !1,
 		main: !1,
 		aside: !1
-	}), [Ze, Qe] = v(!1), $e = u((e) => (qe((t) => ({
+	}), [Qe, $e] = v(!1), et = u((e) => (Ye((t) => ({
 		...t,
 		[e]: !0
-	})), () => qe((t) => ({
+	})), () => Ye((t) => ({
 		...t,
 		[e]: !1
-	}))), []), J = u((e, t, n) => {
-		if (e === j) return;
+	}))), []), q = u((e, t, n) => {
+		if (e === O) return;
 		let r = !1, i = s({
-			controlled: T,
-			initial: j,
+			controlled: C,
+			initial: O,
 			onRequest: (e) => {
-				r = e.cancelled, ge?.(e.value, {
+				r = e.cancelled, ye?.(e.value, {
 					get cancelled() {
 						return e.cancelled;
 					},
@@ -533,18 +533,18 @@ function Me({ asideExtent: e, asideMode: t, asideOpen: r, asideSize: i, canvas:
 				});
 			}
 		}).request(e, t, n);
-		r || i && Te(e);
+		r || i && Oe(e);
 	}, [
-		j,
-		T,
-		ge
-	]), Y = u((e, t, n) => {
-		if (e === N) return;
+		O,
+		C,
+		ye
+	]), J = u((e, t, n) => {
+		if (e === A) return;
 		let i = !1, a = s({
 			controlled: r,
-			initial: N,
+			initial: A,
 			onRequest: (e) => {
-				i = e.cancelled, he?.(e.value, {
+				i = e.cancelled, ve?.(e.value, {
 					get cancelled() {
 						return e.cancelled;
 					},
@@ -556,19 +556,19 @@ function Me({ asideExtent: e, asideMode: t, asideOpen: r, asideSize: i, canvas:
 				});
 			}
 		}).request(e, t, n);
-		i || a && Ee(e);
+		i || a && ke(e);
 	}, [
 		r,
-		N,
-		he
-	]), et = u((t, n, r) => {
-		let i = t === void 0 ? void 0 : S(t, F, I);
-		if (i === P) return;
+		A,
+		ve
+	]), tt = u((t, n, r) => {
+		let i = t === void 0 ? void 0 : x(t, M, N);
+		if (i === j) return;
 		let a = !1, o = s({
 			controlled: e,
-			initial: P,
+			initial: j,
 			onRequest: (e) => {
-				a = e.cancelled, me?.(e.value, {
+				a = e.cancelled, _e?.(e.value, {
 					get cancelled() {
 						return e.cancelled;
 					},
@@ -580,257 +580,257 @@ function Me({ asideExtent: e, asideMode: t, asideOpen: r, asideSize: i, canvas:
 				});
 			}
 		}).request(i, n, r);
-		a || o && Oe(i);
+		a || o && je(i);
 	}, [
 		e,
-		P,
-		me,
-		I,
-		F
-	]), tt = Ue === "auto" || Pe === "auto";
+		j,
+		_e,
+		N,
+		M
+	]), nt = Ge === "auto" || Le === "auto";
 	f(() => {
-		if (U === null || !tt) {
-			tt || Ge(void 0);
+		if (V === null || !nt) {
+			nt || qe(void 0);
 			return;
 		}
-		let e = fe(U, {
-			at: ke,
-			onChange: Ge
+		let e = pe(V, {
+			at: Me,
+			onChange: qe
 		});
-		return Ge(e.narrow()), () => e.destroy();
-	}, [U, tt]);
-	let nt = _(G === "overlay");
+		return qe(e.narrow()), () => e.destroy();
+	}, [V, nt]);
+	let rt = _(U === "overlay"), it = _(!1);
 	f(() => {
-		let e = G === "overlay", t = e && !nt.current;
-		nt.current = e, G !== void 0 && e && j && (t || W === !0) && J(!1, "resize");
-	}, [G]);
-	let rt = _(K === "overlay");
+		let e = U === "overlay", t = e && !rt.current, n = !e && rt.current;
+		rt.current = e, U !== void 0 && (e && O && (t || H === !0) ? (it.current = !0, q(!1, "resize")) : n && it.current && (it.current = !1, O || q(!0, "resize")));
+	}, [U]);
+	let at = _(W === "overlay"), ot = _(!1);
 	f(() => {
-		let e = K === "overlay", t = e && !rt.current;
-		rt.current = e, K !== void 0 && e && N && (t || W === !0) && Y(!1, "resize");
-	}, [K]);
-	let X = G === "overlay" && j, it = K === "overlay" && N, at = (X || it) && B, [ot, st] = v(at ? "open" : "unmounted"), Z = _(null);
-	Z.current === null && (Z.current = ne({
-		present: at,
-		onStatusChange: st
+		let e = W === "overlay", t = e && !at.current, n = !e && at.current;
+		at.current = e, W !== void 0 && (e && A && (t || H === !0) ? (ot.current = !0, J(!1, "resize")) : n && ot.current && (ot.current = !1, A || J(!0, "resize")));
+	}, [W]);
+	let st = O && (!Xe || Je.nav), Y = U === "overlay" && O && K.nav, ct = W === "overlay" && A && K.aside, lt = (Y || ct) && R, [ut, dt] = v(lt ? "open" : "unmounted"), X = _(null);
+	X.current === null && (X.current = ne({
+		present: lt,
+		onStatusChange: dt
 	})), f(() => {
-		Z.current?.sync(at);
-	}, [at]), f(() => {
-		let e = Z.current;
+		X.current?.sync(lt);
+	}, [lt]), f(() => {
+		let e = X.current;
 		return () => e?.destroy();
 	}, []);
-	let ct = u((e) => {
-		Z.current?.setNode(e);
-	}, []), lt = u((e, t, n, r) => {
-		let i = x(e, {
+	let ft = u((e) => {
+		X.current?.setNode(e);
+	}, []), Z = u((e, t, n, r) => {
+		let i = re(e, {
 			...t === null ? {} : { branches: [t] },
-			back: B && z === "close",
+			back: R && L === "close",
 			content: e,
-			escape: Re === "close",
-			modal: B,
+			escape: I === "close",
+			modal: R,
 			onDismiss: (e) => {
-				if (e.reason === "outsidePress" && V === "none") return e.cancel();
+				if (e.reason === "outsidePress" && z === "none") return e.cancel();
 				r(e.reason, e.source);
 			},
-			outsidePress: V === "close",
+			outsidePress: z === "close",
 			outsidePressEvent: "click"
 		}), a = o(e, {
-			contain: B,
+			contain: R,
 			initial: "first",
 			...t === null ? {} : { restore: () => t }
 		});
 		a.enter();
-		let s = B ? n.filter((e) => e !== null) : [];
+		let s = R ? n.filter((e) => e !== null) : [];
 		for (let e of s) t !== null && e.contains(t) || e.setAttribute("inert", "");
 		return () => {
 			for (let e of s) e.removeAttribute("inert");
 			a.destroy(), i.destroy();
 		};
 	}, [
-		z,
-		Re,
-		B,
-		V
+		L,
+		I,
+		R,
+		z
 	]);
 	f(() => {
-		let e = q.current.nav;
-		if (!X || e === null) return;
-		let { aside: t, banner: n, footer: r, main: i, toggle: a } = q.current;
-		return lt(e, a, [
+		let e = G.current.nav;
+		if (!Y || e === null) return;
+		let { aside: t, banner: n, footer: r, main: i, toggle: a } = G.current;
+		return Z(e, a, [
 			n,
 			i,
 			t,
 			r
-		], (e, t) => J(!1, e, t));
+		], (e, t) => q(!1, e, t));
 	}, [
-		X,
-		lt,
-		J
+		Y,
+		Z,
+		q
 	]), f(() => {
-		let e = q.current.aside;
-		if (!it || e === null) return;
-		let { asideToggle: t, banner: n, footer: r, main: i, nav: a } = q.current;
-		return lt(e, t, [
+		let e = G.current.aside;
+		if (!ct || e === null) return;
+		let { asideToggle: t, banner: n, footer: r, main: i, nav: a } = G.current;
+		return Z(e, t, [
 			n,
 			i,
 			a,
 			r
-		], (e, t) => Y(!1, e, t));
+		], (e, t) => J(!1, e, t));
 	}, [
-		it,
-		lt,
-		Y
+		ct,
+		Z,
+		J
 	]);
-	let ut = u((e) => {
-		if (O.onClick?.(e), !X || !R) return;
+	let pt = u((e) => {
+		if (T.onClick?.(e), !Y || !F) return;
 		let t = e.target?.closest?.("a[href]");
-		t != null && q.current.nav?.contains(t) === !0 && t.getAttribute("aria-disabled") !== "true" && J(!1, "select", e.nativeEvent);
+		t != null && G.current.nav?.contains(t) === !0 && t.getAttribute("aria-disabled") !== "true" && q(!1, "select", e.nativeEvent);
 	}, [
-		O,
-		X,
-		R,
-		J
-	]), [Q, dt] = v(null);
+		T,
+		Y,
+		F,
+		q
+	]), [Q, mt] = v(null);
 	f(() => {
 		if (Q !== null) return b(Q), () => b(null, Q.ownerDocument);
-	}, [Q]), m(ye, () => ({
-		openNav: () => J(!0, "programmatic"),
-		closeNav: () => J(!1, "programmatic"),
-		openAside: () => Y(!0, "programmatic"),
-		closeAside: () => Y(!1, "programmatic"),
-		focusMain: () => q.current.main?.focus(),
+	}, [Q]), m(Se, () => ({
+		openNav: () => q(!0, "programmatic"),
+		closeNav: () => q(!1, "programmatic"),
+		openAside: () => J(!0, "programmatic"),
+		closeAside: () => J(!1, "programmatic"),
+		focusMain: () => G.current.main?.focus(),
 		get root() {
-			return U;
+			return V;
 		}
 	}), [
-		U,
-		Y,
-		J
+		V,
+		J,
+		q
 	]);
-	let ft = `${A}main`, pt = `${A}nav`, mt = `${A}aside`, ht = g(() => ({
-		asideDragging: L,
-		asideExtent: P,
-		asideId: mt,
-		asideMode: K,
-		asideOpen: N,
-		asideSize: Ne,
-		asideToggleId: `${A}aside-toggle`,
-		canvas: Fe,
-		closeOnNavigate: R,
-		collapsedTo: Ie,
-		escape: Re,
-		back: z,
-		busy: Ze,
-		mainId: ft,
-		maxAsideExtent: I,
-		minAsideExtent: F,
-		modal: B,
-		navId: pt,
-		navMode: G,
-		navSide: ze,
-		navSize: Be,
-		nodes: q.current,
-		open: j,
-		outsidePress: V,
-		primary: Ve,
-		register: $e,
-		root: U,
-		scroll: He,
-		separation: Le,
-		setAsideDragging: Me,
-		setBusy: Qe,
-		setAsideExtent: et,
-		setAsideOpen: Y,
-		setOpen: J,
-		t: H,
-		toggleId: `${A}toggle`
+	let ht = `${D}main`, gt = `${D}nav`, _t = `${D}aside`, vt = g(() => ({
+		asideDragging: P,
+		asideExtent: j,
+		asideId: _t,
+		asideMode: W,
+		asideOpen: A,
+		asideSize: Ie,
+		asideToggleId: `${D}aside-toggle`,
+		canvas: Re,
+		closeOnNavigate: F,
+		collapsedTo: ze,
+		escape: I,
+		back: L,
+		busy: Qe,
+		mainId: ht,
+		maxAsideExtent: N,
+		minAsideExtent: M,
+		modal: R,
+		navId: gt,
+		navMode: U,
+		navSide: Ve,
+		navSize: He,
+		nodes: G.current,
+		open: O,
+		outsidePress: z,
+		primary: Ue,
+		register: et,
+		root: V,
+		scroll: We,
+		separation: Be,
+		setAsideDragging: Fe,
+		setBusy: $e,
+		setAsideExtent: tt,
+		setAsideOpen: J,
+		setOpen: q,
+		t: B,
+		toggleId: `${D}toggle`
 	}), [
-		L,
-		mt,
-		A,
-		Ze,
 		P,
-		N,
+		_t,
+		D,
+		Qe,
 		j,
-		ft,
-		pt,
-		$e,
-		K,
-		Ne,
-		Fe,
-		R,
+		A,
+		O,
+		ht,
+		gt,
+		et,
+		W,
 		Ie,
-		z,
 		Re,
-		G,
-		B,
+		F,
 		ze,
-		Be,
-		V,
-		Ve,
-		He,
-		Le,
+		L,
 		I,
-		F,
 		U,
-		et,
-		Y,
+		R,
+		Ve,
+		He,
+		z,
+		Ue,
+		We,
+		Be,
+		N,
+		M,
+		V,
+		tt,
 		J,
-		H
+		q,
+		B
 	]), $ = [];
-	Xe.main && $.push(/* @__PURE__ */ y("a", {
-		href: `#${ft}`,
-		children: H("skipToMain")
-	}, "main")), Xe.nav && $.push(/* @__PURE__ */ y("a", {
-		href: `#${pt}`,
-		children: H("skipToNav")
-	}, "nav")), Xe.aside && N && $.push(/* @__PURE__ */ y("a", {
-		href: `#${mt}`,
-		children: H("skipToAside")
+	K.main && $.push(/* @__PURE__ */ y("a", {
+		href: `#${ht}`,
+		children: B("skipToMain")
+	}, "main")), K.nav && $.push(/* @__PURE__ */ y("a", {
+		href: `#${gt}`,
+		children: B("skipToNav")
+	}, "nav")), K.aside && A && $.push(/* @__PURE__ */ y("a", {
+		href: `#${_t}`,
+		children: B("skipToAside")
 	}, "aside"));
-	let gt = {
-		...O,
+	let yt = {
+		...T,
 		children: /* @__PURE__ */ te(ee, { children: [
 			$.length > 0 ? /* @__PURE__ */ y("div", {
 				"data-part": "skip",
 				children: $
 			}) : null,
 			c,
-			ot === "unmounted" ? null : /* @__PURE__ */ y("div", {
+			ut === "unmounted" ? null : /* @__PURE__ */ y("div", {
 				"data-part": "scrim",
-				"data-status": ot,
-				ref: ct
+				"data-status": ut,
+				ref: ft
 			}),
 			/* @__PURE__ */ y("div", {
 				"data-part": "layer",
-				ref: dt
+				ref: mt
 			})
 		] }),
 		className: l,
-		...K === void 0 ? {} : { "data-aside-mode": K },
-		"data-aside-size": Ne,
-		"data-canvas": Fe,
-		"data-collapsed-to": Ie,
-		...L ? { "data-dragging": "" } : {},
-		...G === void 0 ? {} : { "data-nav-mode": G },
-		"data-nav-side": ze,
-		"data-nav-size": Be,
-		...j ? { "data-open": "" } : {},
+		...W === void 0 ? {} : { "data-aside-mode": W },
+		"data-aside-size": Ie,
+		"data-canvas": Re,
+		"data-collapsed-to": ze,
+		...P ? { "data-dragging": "" } : {},
+		...U === void 0 ? {} : { "data-nav-mode": U },
+		"data-nav-side": Ve,
+		"data-nav-size": He,
+		...st ? { "data-open": "" } : {},
 		"data-part": "root",
-		"data-primary": Ve,
-		"data-scroll": He,
-		"data-separation": Le,
+		"data-primary": Ue,
+		"data-scroll": We,
+		"data-separation": Be,
 		"data-ui": "app-shell",
-		onClick: ut,
-		style: Ce
+		onClick: pt,
+		style: Ee
 	};
-	return /* @__PURE__ */ y(Ae.Provider, {
-		value: ht,
-		children: be === void 0 ? /* @__PURE__ */ y("div", {
-			...gt,
-			ref: We
-		}) : be(gt)
+	return /* @__PURE__ */ y(Ne.Provider, {
+		value: vt,
+		children: Ce === void 0 ? /* @__PURE__ */ y("div", {
+			...yt,
+			ref: Ke
+		}) : Ce(yt)
 	});
 }
 //#endregion
-export { O as C, P as S, pe as T, ve as _, _e as a, be as b, De as c, F as d, me as f, Ce as g, Oe as h, L as i, A as l, ge as m, Me as n, k as o, he as p, I as r, we as s, ke as t, N as u, xe as v, w, ye as x, Se as y };
+export { T as C, j as S, me as T, xe as _, be as a, Ce as b, Ae as c, M as d, _e as f, Ee as g, je as h, P as i, D as l, ye as m, Fe as n, E as o, ve as p, N as r, De as s, Me as t, A as u, we as v, he as w, Se as x, Te as y };