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

package/dist/app-shell-CXwma4XA.js

@@ -1,836 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-import { i as r, n as i, o as a } from "./progress-indicator-DwvUSFFs.js";
-import { createFocusScope as o } from "@slotted/core/focus";
-import { createControllable as s } from "@slotted/core/state";
-import { createContext as c, isValidElement as l, useCallback as u, useContext as d, useEffect as f, useId as p, useImperativeHandle as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
-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";
-//#region src/app-shell/app-shell-defaults.tsx
-var C = c({
-	asideMode: "auto",
-	asideSize: "md",
-	canvas: "inset",
-	closeOnNavigate: !0,
-	collapsedTo: "rail",
-	escape: "close",
-	back: "close",
-	modal: !0,
-	navMode: "auto",
-	navSide: "start",
-	navSize: "md",
-	outsidePress: "close",
-	primary: "banner",
-	scroll: "content",
-	separation: "rule"
-});
-function pe() {
-	return d(C);
-}
-function w({ children: e, ...t }) {
-	let n = pe();
-	return /* @__PURE__ */ y(C.Provider, {
-		value: {
-			asideMode: t.asideMode ?? n.asideMode,
-			asideSize: t.asideSize ?? n.asideSize,
-			canvas: t.canvas ?? n.canvas,
-			closeOnNavigate: t.closeOnNavigate ?? n.closeOnNavigate,
-			collapsedTo: t.collapsedTo ?? n.collapsedTo,
-			escape: t.escape ?? n.escape,
-			back: t.back ?? n.back,
-			modal: t.modal ?? n.modal,
-			navMode: t.navMode ?? n.navMode,
-			navSide: t.navSide ?? n.navSide,
-			navSize: t.navSize ?? n.navSize,
-			outsidePress: t.outsidePress ?? n.outsidePress,
-			primary: t.primary ?? n.primary,
-			scroll: t.scroll ?? n.scroll,
-			separation: t.separation ?? n.separation
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/app-shell/app-shell-parts.tsx
-function T(e, t) {
-	let n = I();
-	return u((r) => {
-		n.nodes[e] = r, typeof t == "function" ? t(r) : t != null && (t.current = r);
-	}, [
-		t,
-		n.nodes,
-		e
-	]);
-}
-function E(e) {
-	let t = I();
-	f(() => t.register(e), [e, t]);
-}
-function D(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 = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "banner",
-		style: i
-	};
-	return D(s, r) ?? /* @__PURE__ */ y("header", {
-		...s,
-		ref: o
-	});
-}
-function he({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "brand",
-		style: i
-	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
-		...o,
-		ref: n
-	});
-}
-function ge({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "centre",
-		style: i
-	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
-		...o,
-		ref: n
-	});
-}
-function _e({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "actions",
-		style: i
-	};
-	return D(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");
-	let u = {
-		...s,
-		"aria-label": e ?? c.t("nav"),
-		children: t,
-		className: n,
-		"data-part": "nav",
-		id: r ?? c.navId,
-		style: o
-	};
-	return D(u, a) ?? /* @__PURE__ */ y("nav", {
-		...u,
-		ref: l
-	});
-}
-function ye({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "nav-rail",
-		style: i
-	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
-		...o,
-		ref: n
-	});
-}
-function be({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "nav-header",
-		style: i
-	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
-		...o,
-		ref: n
-	});
-}
-function xe({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "nav-body",
-		style: i
-	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
-		...o,
-		ref: n
-	});
-}
-function Se({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "nav-footer",
-		style: i
-	};
-	return D(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");
-	let u = {
-		...c.busy ? { "aria-busy": !0 } : {},
-		...s,
-		children: e,
-		className: t,
-		"data-part": "main",
-		id: n ?? c.mainId,
-		style: a,
-		tabIndex: o ?? -1
-	};
-	return D(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({
-		delay: e ?? d.delay ?? 200,
-		loading: n,
-		minDuration: o ?? d.minDuration ?? 400,
-		onWithdraw: s
-	}), { setBusy: m } = u;
-	return f(() => {
-		m(p);
-	}, [p, m]), f(() => () => m(!1), [m]), /* @__PURE__ */ y("div", {
-		"data-part": "progress",
-		children: /* @__PURE__ */ y(i, {
-			...l,
-			delay: 0,
-			label: t ?? u.t("progress"),
-			loading: p,
-			minDuration: 0,
-			placement: "edge-start",
-			size: c ?? "sm"
-		})
-	});
-}
-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");
-	let u = c.asideExtent, d = {
-		...s,
-		"aria-label": e ?? c.t("aside"),
-		children: t,
-		className: n,
-		...c.asideOpen ? { "data-open": "" } : {},
-		"data-part": "aside",
-		id: r ?? c.asideId,
-		style: u === void 0 ? o : {
-			...o,
-			"--slotted-app-shell-aside-extent": `${Math.round(u * 1e4) / 100}cqi`
-		}
-	};
-	return D(d, a) ?? /* @__PURE__ */ y("aside", {
-		...d,
-		ref: l
-	});
-}
-function A({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "aside-header",
-		style: i
-	};
-	return D(o, r) ?? /* @__PURE__ */ y("div", {
-		...o,
-		ref: n
-	});
-}
-function we({ children: e, className: t, inset: n, ref: r, render: i, style: a, ...o }) {
-	let s = {
-		...o,
-		children: e,
-		className: t,
-		...n === void 0 ? {} : { "data-inset": n },
-		"data-part": "aside-body",
-		style: a
-	};
-	return D(s, i) ?? /* @__PURE__ */ y("div", {
-		...s,
-		ref: r
-	});
-}
-var Te = typeof document > "u" ? f : h;
-function j(e) {
-	return e !== null && getComputedStyle(e).direction === "rtl";
-}
-function M(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 {
-		height: t.height,
-		width: Math.max(0, t.width - i - a),
-		x: t.x + i,
-		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(() => {
-		let e = te.aside;
-		if (!g || ee !== void 0 || e === null) return;
-		let t = () => {
-			let t = M(ne);
-			if (t === null || t.width <= 0) return m(void 0);
-			m(e.getBoundingClientRect().width / t.width);
-		};
-		if (t(), typeof ResizeObserver > "u") return;
-		let n = new ResizeObserver(t);
-		return n.observe(e), () => n.disconnect();
-	}, [
-		ee,
-		te,
-		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({
-		point: {
-			x: e.clientX,
-			y: e.clientY
-		},
-		rect: t,
-		rtl: j(l.current),
-		side: h
-	}), de = (e) => {
-		if (r?.(e), e.defaultPrevented || e.button !== 0) return;
-		let t = M(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),
-			x: e.clientX
-		});
-	}, fe = (e) => {
-		let t = u.current;
-		if (t === null) return;
-		let n = M(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);
-			}
-			c.setAsideExtent(re(e, n) + t.offset, "pointer", e);
-		}
-	}, C = (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) => {
-		if (n?.(e), e.defaultPrevented) return;
-		let t = oe(h, j(l.current)), r = (t) => {
-			e.preventDefault();
-			let n = M(c.root), r = n === null ? 0 : le({
-				pixels: e.shiftKey ? ie : ae,
-				rect: n,
-				side: h
-			});
-			c.setAsideExtent(ue({
-				amount: r,
-				direction: t,
-				fraction: b,
-				max: c.maxAsideExtent,
-				min: c.minAsideExtent
-			}), "keyboard", e);
-		};
-		switch (e.key) {
-			case "ArrowLeft": return r(t ? -1 : 1);
-			case "ArrowRight": return r(t ? 1 : -1);
-			case "Home": return e.preventDefault(), c.setAsideExtent(c.minAsideExtent, "keyboard", e);
-			case "End": return e.preventDefault(), c.setAsideExtent(c.maxAsideExtent, "keyboard", e);
-			default: return;
-		}
-	}, w = (e) => {
-		l.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
-	}, T = {
-		...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),
-		className: t,
-		"data-part": "aside-resizer",
-		onKeyDown: pe,
-		onLostPointerCapture: C,
-		onPointerDown: de,
-		onPointerMove: fe,
-		onPointerUp: C,
-		role: "separator",
-		style: o,
-		tabIndex: 0
-	};
-	return a === void 0 ? /* @__PURE__ */ y("div", {
-		...T,
-		ref: w
-	}) : a({
-		...T,
-		ref: w
-	});
-}
-function De({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "aside-footer",
-		style: i
-	};
-	return D(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 = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "footer",
-		style: i
-	};
-	return D(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) => {
-		if (s?.(e), e.defaultPrevented) return;
-		let t = e.detail === 0 ? "keyboard" : "pointer";
-		m.setOpen(!m.open, t, e.nativeEvent);
-	}, [s, m]), _ = {
-		...p,
-		"aria-controls": n ?? m.navId,
-		"aria-expanded": m.open,
-		"aria-label": r ?? (m.open ? m.t("close") : m.t("open")),
-		children: i ?? /* @__PURE__ */ y(t, { children: /* @__PURE__ */ y(e, { name: m.open ? "panel-close" : "panel-open" }) }),
-		className: a,
-		"data-part": "nav-toggle",
-		id: o ?? m.toggleId,
-		onClick: g,
-		style: d,
-		type: f ?? "button"
-	};
-	return D(_, 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) => {
-		if (s?.(e), e.defaultPrevented) return;
-		let t = e.detail === 0 ? "keyboard" : "pointer";
-		m.setAsideOpen(!m.asideOpen, t, e.nativeEvent);
-	}, [s, m]), _ = {
-		...p,
-		"aria-controls": n ?? m.asideId,
-		"aria-expanded": m.asideOpen,
-		"aria-label": r ?? (m.asideOpen ? m.t("closeAside") : m.t("openAside")),
-		children: i ?? /* @__PURE__ */ y(t, { children: /* @__PURE__ */ y(e, { name: m.asideOpen ? "panel-close" : "panel-open" }) }),
-		className: a,
-		"data-part": "aside-toggle",
-		id: o ?? m.asideToggleId,
-		onClick: g,
-		style: d,
-		type: f ?? "button"
-	};
-	return D(_, 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) {
-	if (Array.isArray(e)) {
-		for (let n of e) je(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;
-}
-function I() {
-	let e = d(Ae);
-	if (e === void 0) throw Error("Every app-shell part must be rendered inside AppShell.");
-	return e;
-}
-function L() {
-	return d(Ae);
-}
-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 = _({
-		aside: null,
-		asideToggle: null,
-		banner: null,
-		footer: null,
-		main: null,
-		nav: null,
-		toggle: null
-	}), [Ke, qe] = v({
-		nav: !1,
-		main: !1,
-		aside: !1
-	}), [Je, Ye] = v(!1);
-	f(() => Ye(!0), []);
-	let Xe = Je ? Ke : je(c, {
-		nav: !1,
-		main: !1,
-		aside: !1
-	}), [Ze, Qe] = v(!1), $e = u((e) => (qe((t) => ({
-		...t,
-		[e]: !0
-	})), () => qe((t) => ({
-		...t,
-		[e]: !1
-	}))), []), J = u((e, t, n) => {
-		if (e === j) return;
-		let r = !1, i = s({
-			controlled: T,
-			initial: j,
-			onRequest: (e) => {
-				r = e.cancelled, ge?.(e.value, {
-					get cancelled() {
-						return e.cancelled;
-					},
-					cancel: () => e.cancel(),
-					previous: e.previous,
-					reason: t,
-					source: e.source,
-					value: e.value
-				});
-			}
-		}).request(e, t, n);
-		r || i && Te(e);
-	}, [
-		j,
-		T,
-		ge
-	]), Y = u((e, t, n) => {
-		if (e === N) return;
-		let i = !1, a = s({
-			controlled: r,
-			initial: N,
-			onRequest: (e) => {
-				i = e.cancelled, he?.(e.value, {
-					get cancelled() {
-						return e.cancelled;
-					},
-					cancel: () => e.cancel(),
-					previous: e.previous,
-					reason: t,
-					source: e.source,
-					value: e.value
-				});
-			}
-		}).request(e, t, n);
-		i || a && Ee(e);
-	}, [
-		r,
-		N,
-		he
-	]), et = u((t, n, r) => {
-		let i = t === void 0 ? void 0 : S(t, F, I);
-		if (i === P) return;
-		let a = !1, o = s({
-			controlled: e,
-			initial: P,
-			onRequest: (e) => {
-				a = e.cancelled, me?.(e.value, {
-					get cancelled() {
-						return e.cancelled;
-					},
-					cancel: () => e.cancel(),
-					previous: e.previous,
-					reason: n,
-					source: e.source,
-					value: e.value
-				});
-			}
-		}).request(i, n, r);
-		a || o && Oe(i);
-	}, [
-		e,
-		P,
-		me,
-		I,
-		F
-	]), tt = Ue === "auto" || Pe === "auto";
-	f(() => {
-		if (U === null || !tt) {
-			tt || Ge(void 0);
-			return;
-		}
-		let e = fe(U, {
-			at: ke,
-			onChange: Ge
-		});
-		return Ge(e.narrow()), () => e.destroy();
-	}, [U, tt]);
-	let nt = _(G === "overlay");
-	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");
-	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
-	})), f(() => {
-		Z.current?.sync(at);
-	}, [at]), f(() => {
-		let e = Z.current;
-		return () => e?.destroy();
-	}, []);
-	let ct = u((e) => {
-		Z.current?.setNode(e);
-	}, []), lt = u((e, t, n, r) => {
-		let i = x(e, {
-			...t === null ? {} : { branches: [t] },
-			back: B && z === "close",
-			content: e,
-			escape: Re === "close",
-			modal: B,
-			onDismiss: (e) => {
-				if (e.reason === "outsidePress" && V === "none") return e.cancel();
-				r(e.reason, e.source);
-			},
-			outsidePress: V === "close",
-			outsidePressEvent: "click"
-		}), a = o(e, {
-			contain: B,
-			initial: "first",
-			...t === null ? {} : { restore: () => t }
-		});
-		a.enter();
-		let s = B ? 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
-	]);
-	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, [
-			n,
-			i,
-			t,
-			r
-		], (e, t) => J(!1, e, t));
-	}, [
-		X,
-		lt,
-		J
-	]), 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, [
-			n,
-			i,
-			a,
-			r
-		], (e, t) => Y(!1, e, t));
-	}, [
-		it,
-		lt,
-		Y
-	]);
-	let ut = u((e) => {
-		if (O.onClick?.(e), !X || !R) 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);
-	}, [
-		O,
-		X,
-		R,
-		J
-	]), [Q, dt] = 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(),
-		get root() {
-			return U;
-		}
-	}), [
-		U,
-		Y,
-		J
-	]);
-	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`
-	}), [
-		L,
-		mt,
-		A,
-		Ze,
-		P,
-		N,
-		j,
-		ft,
-		pt,
-		$e,
-		K,
-		Ne,
-		Fe,
-		R,
-		Ie,
-		z,
-		Re,
-		G,
-		B,
-		ze,
-		Be,
-		V,
-		Ve,
-		He,
-		Le,
-		I,
-		F,
-		U,
-		et,
-		Y,
-		J,
-		H
-	]), $ = [];
-	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")
-	}, "aside"));
-	let gt = {
-		...O,
-		children: /* @__PURE__ */ te(ee, { children: [
-			$.length > 0 ? /* @__PURE__ */ y("div", {
-				"data-part": "skip",
-				children: $
-			}) : null,
-			c,
-			ot === "unmounted" ? null : /* @__PURE__ */ y("div", {
-				"data-part": "scrim",
-				"data-status": ot,
-				ref: ct
-			}),
-			/* @__PURE__ */ y("div", {
-				"data-part": "layer",
-				ref: dt
-			})
-		] }),
-		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": "" } : {},
-		"data-part": "root",
-		"data-primary": Ve,
-		"data-scroll": He,
-		"data-separation": Le,
-		"data-ui": "app-shell",
-		onClick: ut,
-		style: Ce
-	};
-	return /* @__PURE__ */ y(Ae.Provider, {
-		value: ht,
-		children: be === void 0 ? /* @__PURE__ */ y("div", {
-			...gt,
-			ref: We
-		}) : be(gt)
-	});
-}
-//#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 };