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

package/dist/app-shell-DNdZ5ys0.js

@@ -1,840 +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, focusTarget as s } from "@slotted/core/focus";
-import { createControllable as c } from "@slotted/core/state";
-import { createContext as l, isValidElement as u, useCallback as d, useContext as f, useEffect as p, useId as m, useImperativeHandle as h, useLayoutEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import { Fragment as ee, jsx as b, jsxs as te } from "react/jsx-runtime";
-import { createPresence as ne } from "@slotted/core/presence";
-import { setPortalContainer as x } from "@slotted/core/portal";
-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 S, createWidthGate as pe } from "@slotted/core/measure";
-//#region src/app-shell/app-shell-defaults.tsx
-var me = l({
-	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 C() {
-	return f(me);
-}
-function he({ children: e, ...t }) {
-	let n = C();
-	return /* @__PURE__ */ b(me.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 w(e, t) {
-	let n = P();
-	return d((r) => {
-		n.nodes[e] = r, typeof t == "function" ? t(r) : t != null && (t.current = r);
-	}, [
-		t,
-		n.nodes,
-		e
-	]);
-}
-function ge(e) {
-	let t = P();
-	p(() => t.register(e), [e, t]);
-}
-function T(e, t) {
-	return t === void 0 ? null : t(e);
-}
-function _e({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = w("banner", n), s = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "banner",
-		style: i
-	};
-	return T(s, r) ?? /* @__PURE__ */ b("header", {
-		...s,
-		ref: o
-	});
-}
-function ve({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "brand",
-		style: i
-	};
-	return T(o, r) ?? /* @__PURE__ */ b("div", {
-		...o,
-		ref: n
-	});
-}
-function ye({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "centre",
-		style: i
-	};
-	return T(o, r) ?? /* @__PURE__ */ b("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": "actions",
-		style: i
-	};
-	return T(o, r) ?? /* @__PURE__ */ b("div", {
-		...o,
-		ref: n
-	});
-}
-function xe({ "aria-label": e, children: t, className: n, id: r, ref: i, render: a, style: o, ...s }) {
-	let c = P(), l = w("nav", i);
-	ge("nav");
-	let u = {
-		...s,
-		"aria-label": e ?? c.t("nav"),
-		children: t,
-		className: n,
-		"data-part": "nav",
-		id: r ?? c.navId,
-		style: o
-	};
-	return T(u, a) ?? /* @__PURE__ */ b("nav", {
-		...u,
-		ref: l
-	});
-}
-function Se({ 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 T(o, r) ?? /* @__PURE__ */ b("div", {
-		...o,
-		ref: n
-	});
-}
-function Ce({ 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 T(o, r) ?? /* @__PURE__ */ b("div", {
-		...o,
-		ref: n
-	});
-}
-function we({ 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 T(o, r) ?? /* @__PURE__ */ b("div", {
-		...o,
-		ref: n
-	});
-}
-function Te({ 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 T(o, r) ?? /* @__PURE__ */ b("div", {
-		...o,
-		ref: n
-	});
-}
-function Ee({ children: e, className: t, id: n, ref: r, render: i, style: a, ...o }) {
-	let s = P(), c = w("main", r);
-	ge("main");
-	let l = {
-		...s.busy ? { "aria-busy": !0 } : {},
-		...o,
-		children: e,
-		className: t,
-		"data-part": "main",
-		id: n ?? s.mainId,
-		style: a
-	};
-	return T(l, i) ?? /* @__PURE__ */ b("main", {
-		...l,
-		ref: c
-	});
-}
-function E({ delay: e, label: t, loading: n = !0, minDuration: o, onWithdraw: s, size: c, ...l }) {
-	let u = P(), d = a(), f = r({
-		delay: e ?? d.delay ?? 200,
-		loading: n,
-		minDuration: o ?? d.minDuration ?? 400,
-		onWithdraw: s
-	}), { setBusy: m } = u;
-	return p(() => {
-		m(f);
-	}, [f, m]), p(() => () => m(!1), [m]), /* @__PURE__ */ b("div", {
-		"data-part": "progress",
-		children: /* @__PURE__ */ b(i, {
-			...l,
-			delay: 0,
-			label: t ?? u.t("progress"),
-			loading: f,
-			minDuration: 0,
-			placement: "edge-start",
-			size: c ?? "sm"
-		})
-	});
-}
-function D({ "aria-label": e, children: t, className: n, id: r, ref: i, render: a, style: o, ...s }) {
-	let c = P(), l = w("aside", i);
-	ge("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 T(d, a) ?? /* @__PURE__ */ b("aside", {
-		...d,
-		ref: l
-	});
-}
-function O({ 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 T(o, r) ?? /* @__PURE__ */ b("div", {
-		...o,
-		ref: n
-	});
-}
-function De({ 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 T(s, i) ?? /* @__PURE__ */ b("div", {
-		...s,
-		ref: r
-	});
-}
-var Oe = typeof document > "u" ? p : g;
-function k(e) {
-	return e !== null && getComputedStyle(e).direction === "rtl";
-}
-function A(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 ke = 3;
-function j({ "aria-label": e, className: t, onKeyDown: n, onPointerDown: r, ref: i, render: a, style: o, ...s }) {
-	let c = P(), l = v(null), u = v(null), d = v(null), [f, m] = y(void 0), h = c.navSide === "end" ? "start" : "end", g = c.asideMode === "inline" && c.asideOpen, { asideExtent: _, nodes: ee, root: te } = c;
-	if (Oe(() => {
-		let e = ee.aside;
-		if (!g || _ !== void 0 || e === null) return;
-		let t = () => {
-			let t = A(te);
-			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,
-		g
-	]), p(() => () => d.current?.(), []), !g) return null;
-	let ne = S(c.asideExtent ?? f ?? c.minAsideExtent, c.minAsideExtent, c.maxAsideExtent), x = (e) => Math.round(S(e, 0, 1) * 100), re = (e, t) => ce({
-		point: {
-			x: e.clientX,
-			y: e.clientY
-		},
-		rect: t,
-		rtl: k(l.current),
-		side: h
-	}), ie = (e) => {
-		if (r?.(e), e.defaultPrevented || e.button !== 0) return;
-		let t = A(c.root);
-		t === null || t.width <= 0 || (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), e.currentTarget.focus(), u.current = {
-			moved: !1,
-			offset: ne - re(e, t),
-			x: e.clientX
-		});
-	}, fe = (e) => {
-		let t = u.current;
-		if (t === null) return;
-		let n = A(c.root);
-		if (!(n === null || n.width <= 0)) {
-			if (!t.moved) {
-				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);
-		}
-	}, pe = (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)));
-	}, me = (e) => {
-		if (n?.(e), e.defaultPrevented) return;
-		let t = se(h, k(l.current)), r = (t) => {
-			e.preventDefault();
-			let n = A(c.root), r = n === null ? 0 : ue({
-				pixels: e.shiftKey ? ae : oe,
-				rect: n,
-				side: h
-			});
-			c.setAsideExtent(de({
-				amount: r,
-				direction: t,
-				fraction: ne,
-				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;
-		}
-	}, C = (e) => {
-		l.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
-	}, he = {
-		...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(ne),
-		className: t,
-		"data-part": "aside-resizer",
-		onKeyDown: me,
-		onLostPointerCapture: pe,
-		onPointerDown: ie,
-		onPointerMove: fe,
-		onPointerUp: pe,
-		role: "separator",
-		style: o,
-		tabIndex: 0
-	};
-	return a === void 0 ? /* @__PURE__ */ b("div", {
-		...he,
-		ref: C
-	}) : a({
-		...he,
-		ref: C
-	});
-}
-function Ae({ 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 T(o, r) ?? /* @__PURE__ */ b("div", {
-		...o,
-		ref: n
-	});
-}
-function je({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = w("footer", n), s = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "footer",
-		style: i
-	};
-	return T(s, r) ?? /* @__PURE__ */ b("footer", {
-		...s,
-		ref: o
-	});
-}
-function M({ "aria-controls": n, "aria-label": r, children: i, className: a, id: o, onClick: s, ref: c, render: l, style: u, type: f, ...p }) {
-	let m = P(), h = w("toggle", c), g = d((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__ */ b(t, { children: /* @__PURE__ */ b(e, { name: m.open ? "panel-close" : "panel-open" }) }),
-		className: a,
-		"data-part": "nav-toggle",
-		id: o ?? m.toggleId,
-		onClick: g,
-		style: u,
-		type: f ?? "button"
-	};
-	return T(_, l) ?? /* @__PURE__ */ b("button", {
-		..._,
-		ref: h
-	});
-}
-function N({ "aria-controls": n, "aria-label": r, children: i, className: a, id: o, onClick: s, ref: c, render: l, style: u, type: f, ...p }) {
-	let m = P(), h = w("asideToggle", c), g = d((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__ */ b(t, { children: /* @__PURE__ */ b(e, { name: m.asideOpen ? "panel-close" : "panel-open" }) }),
-		className: a,
-		"data-part": "aside-toggle",
-		id: o ?? m.asideToggleId,
-		onClick: g,
-		style: u,
-		type: f ?? "button"
-	};
-	return T(_, l) ?? /* @__PURE__ */ b("button", {
-		..._,
-		ref: h
-	});
-}
-//#endregion
-//#region src/app-shell/app-shell.tsx
-var Me = fe, Ne = l(void 0);
-function Pe(e, t) {
-	if (Array.isArray(e)) {
-		for (let n of e) Pe(n, t);
-		return t;
-	}
-	return !u(e) || e.type === Fe || (e.type === Ee ? t.main = !0 : e.type === xe ? t.nav = !0 : e.type === D ? t.aside = !0 : Pe(e.props.children, t)), t;
-}
-function P() {
-	let e = f(Ne);
-	if (e === void 0) throw Error("Every app-shell part must be rendered inside AppShell.");
-	return e;
-}
-function F() {
-	return f(Ne);
-}
-function Fe({ asideExtent: e, asideMode: t, asideOpen: r, asideSize: i, canvas: a, children: l, className: u, closeOnNavigate: f, collapsedTo: g, defaultAsideExtent: ae, defaultAsideOpen: oe, defaultNavOpen: se, escape: ce, back: le, maxAsideExtent: ue, messages: de, minAsideExtent: fe, modal: me, navMode: he, navOpen: w, navSide: ge, navSize: T, onAsideExtentChange: _e, onAsideOpenChange: ve, onNavOpenChange: ye, outsidePress: be, primary: xe, ref: Se, render: Ce, scroll: we, separation: Te, style: Ee, ...E }) {
-	let D = C(), O = m(), [De, Oe] = y(se ?? !0), k = w ?? De, [A, ke] = y(oe ?? !0), j = r ?? A, [Ae, je] = y(ae), M = e ?? Ae, N = S(fe ?? .16, 0, 1), P = S(ue ?? .6, N, 1), [F, Fe] = y(!1), Ie = i ?? D.asideSize, Le = t ?? D.asideMode, Re = a ?? D.canvas, I = f ?? D.closeOnNavigate, ze = g ?? D.collapsedTo, Be = Te ?? D.separation, L = ce ?? D.escape, R = le ?? D.back, z = me ?? D.modal, Ve = ge ?? D.navSide, He = T ?? D.navSize, B = be ?? D.outsidePress, Ue = xe ?? D.primary, We = we ?? D.scroll, Ge = he ?? D.navMode, V = n(ie, de), [H, Ke] = y(null), [U, qe] = y(void 0), W = Ge === "auto" ? U === void 0 ? void 0 : U ? "overlay" : "inline" : Ge, G = Le === "auto" ? U === void 0 ? void 0 : U ? "overlay" : "inline" : Le, K = v({
-		aside: null,
-		asideToggle: null,
-		banner: null,
-		footer: null,
-		main: null,
-		nav: null,
-		toggle: null
-	}), [Je, Ye] = y({
-		nav: !1,
-		main: !1,
-		aside: !1
-	}), [Xe, Ze] = y(!1);
-	p(() => Ze(!0), []);
-	let q = Xe ? Je : Pe(l, {
-		nav: !1,
-		main: !1,
-		aside: !1
-	}), [Qe, $e] = y(!1), et = d((e) => (Ye((t) => ({
-		...t,
-		[e]: !0
-	})), () => Ye((t) => ({
-		...t,
-		[e]: !1
-	}))), []), J = d((e, t, n) => {
-		if (e === k) return;
-		let r = !1, i = c({
-			controlled: w,
-			initial: k,
-			onRequest: (e) => {
-				r = e.cancelled, ye?.(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 && Oe(e);
-	}, [
-		k,
-		w,
-		ye
-	]), Y = d((e, t, n) => {
-		if (e === j) return;
-		let i = !1, a = c({
-			controlled: r,
-			initial: j,
-			onRequest: (e) => {
-				i = e.cancelled, ve?.(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 && ke(e);
-	}, [
-		r,
-		j,
-		ve
-	]), tt = d((t, n, r) => {
-		let i = t === void 0 ? void 0 : S(t, N, P);
-		if (i === M) return;
-		let a = !1, o = c({
-			controlled: e,
-			initial: M,
-			onRequest: (e) => {
-				a = e.cancelled, _e?.(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 && je(i);
-	}, [
-		e,
-		M,
-		_e,
-		P,
-		N
-	]), nt = Ge === "auto" || Le === "auto";
-	p(() => {
-		if (H === null || !nt) {
-			nt || qe(void 0);
-			return;
-		}
-		let e = pe(H, {
-			at: Me,
-			onChange: qe
-		});
-		return qe(e.narrow()), () => e.destroy();
-	}, [H, nt]);
-	let rt = v(W === "overlay"), it = v(!1);
-	p(() => {
-		let e = W === "overlay", t = e && !rt.current, n = !e && rt.current;
-		rt.current = e, W !== void 0 && (e && k && (t || U === !0) ? (it.current = !0, J(!1, "resize")) : n && it.current && (it.current = !1, k || J(!0, "resize")));
-	}, [W]);
-	let at = v(G === "overlay"), ot = v(!1);
-	p(() => {
-		let e = G === "overlay", t = e && !at.current, n = !e && at.current;
-		at.current = e, G !== void 0 && (e && j && (t || U === !0) ? (ot.current = !0, Y(!1, "resize")) : n && ot.current && (ot.current = !1, j || Y(!0, "resize")));
-	}, [G]);
-	let st = k && (!Xe || Je.nav), X = W === "overlay" && k && q.nav, ct = G === "overlay" && j && q.aside, lt = (X || ct) && z, [ut, dt] = y(lt ? "open" : "unmounted"), Z = v(null);
-	Z.current === null && (Z.current = ne({
-		present: lt,
-		onStatusChange: dt
-	})), p(() => {
-		Z.current?.sync(lt);
-	}, [lt]), p(() => {
-		let e = Z.current;
-		return () => e?.stop();
-	}, []);
-	let ft = d((e) => {
-		Z.current?.setNode(e);
-	}, []), pt = d((e, t, n, r) => {
-		let i = re(e, {
-			...t === null ? {} : { branches: [t] },
-			back: z && R === "close",
-			content: e,
-			escape: L === "close",
-			modal: z,
-			onDismiss: (e) => {
-				if (e.reason === "outsidePress" && B === "none") return e.cancel();
-				r(e.reason, e.source);
-			},
-			outsidePress: B === "close",
-			outsidePressEvent: "click"
-		}), a = o(e, {
-			contain: z,
-			initial: "first",
-			...t === null ? {} : { restore: () => t }
-		});
-		a.enter();
-		let s = z ? 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();
-		};
-	}, [
-		R,
-		L,
-		z,
-		B
-	]);
-	p(() => {
-		let e = K.current.nav;
-		if (!X || e === null) return;
-		let { aside: t, banner: n, footer: r, main: i, toggle: a } = K.current;
-		return pt(e, a, [
-			n,
-			i,
-			t,
-			r
-		], (e, t) => J(!1, e, t));
-	}, [
-		X,
-		pt,
-		J
-	]), p(() => {
-		let e = K.current.aside;
-		if (!ct || e === null) return;
-		let { asideToggle: t, banner: n, footer: r, main: i, nav: a } = K.current;
-		return pt(e, t, [
-			n,
-			i,
-			a,
-			r
-		], (e, t) => Y(!1, e, t));
-	}, [
-		ct,
-		pt,
-		Y
-	]);
-	let mt = d((e) => {
-		if (E.onClick?.(e), !X || !I) return;
-		let t = e.target?.closest?.("a[href]");
-		t != null && K.current.nav?.contains(t) === !0 && t.getAttribute("aria-disabled") !== "true" && J(!1, "select", e.nativeEvent);
-	}, [
-		E,
-		X,
-		I,
-		J
-	]), [Q, ht] = y(null);
-	p(() => {
-		if (Q !== null) return x(Q), () => x(null, Q.ownerDocument);
-	}, [Q]), h(Se, () => ({
-		openNav: () => J(!0, "programmatic"),
-		closeNav: () => J(!1, "programmatic"),
-		openAside: () => Y(!0, "programmatic"),
-		closeAside: () => Y(!1, "programmatic"),
-		focusMain: () => {
-			K.current.main && s(K.current.main);
-		},
-		get root() {
-			return H;
-		}
-	}), [
-		H,
-		Y,
-		J
-	]);
-	let gt = `${O}main`, _t = `${O}nav`, vt = `${O}aside`, yt = _(() => ({
-		asideDragging: F,
-		asideExtent: M,
-		asideId: vt,
-		asideMode: G,
-		asideOpen: j,
-		asideSize: Ie,
-		asideToggleId: `${O}aside-toggle`,
-		canvas: Re,
-		closeOnNavigate: I,
-		collapsedTo: ze,
-		escape: L,
-		back: R,
-		busy: Qe,
-		mainId: gt,
-		maxAsideExtent: P,
-		minAsideExtent: N,
-		modal: z,
-		navId: _t,
-		navMode: W,
-		navSide: Ve,
-		navSize: He,
-		nodes: K.current,
-		open: k,
-		outsidePress: B,
-		primary: Ue,
-		register: et,
-		root: H,
-		scroll: We,
-		separation: Be,
-		setAsideDragging: Fe,
-		setBusy: $e,
-		setAsideExtent: tt,
-		setAsideOpen: Y,
-		setOpen: J,
-		t: V,
-		toggleId: `${O}toggle`
-	}), [
-		F,
-		vt,
-		O,
-		Qe,
-		M,
-		j,
-		k,
-		gt,
-		_t,
-		et,
-		G,
-		Ie,
-		Re,
-		I,
-		ze,
-		R,
-		L,
-		W,
-		z,
-		Ve,
-		He,
-		B,
-		Ue,
-		We,
-		Be,
-		P,
-		N,
-		H,
-		tt,
-		Y,
-		J,
-		V
-	]), $ = [];
-	q.main && $.push(/* @__PURE__ */ b("a", {
-		href: `#${gt}`,
-		onClick: () => {
-			K.current.main && s(K.current.main);
-		},
-		children: V("skipToMain")
-	}, "main")), q.nav && $.push(/* @__PURE__ */ b("a", {
-		href: `#${_t}`,
-		children: V("skipToNav")
-	}, "nav")), q.aside && j && $.push(/* @__PURE__ */ b("a", {
-		href: `#${vt}`,
-		children: V("skipToAside")
-	}, "aside"));
-	let bt = {
-		...E,
-		children: /* @__PURE__ */ te(ee, { children: [
-			$.length > 0 ? /* @__PURE__ */ b("div", {
-				"data-part": "skip",
-				children: $
-			}) : null,
-			l,
-			ut === "unmounted" ? null : /* @__PURE__ */ b("div", {
-				"data-part": "scrim",
-				"data-status": ut,
-				ref: ft
-			}),
-			/* @__PURE__ */ b("div", {
-				"data-part": "layer",
-				ref: ht
-			})
-		] }),
-		className: u,
-		...G === void 0 ? {} : { "data-aside-mode": G },
-		"data-aside-size": Ie,
-		"data-canvas": Re,
-		"data-collapsed-to": ze,
-		...F ? { "data-dragging": "" } : {},
-		...W === void 0 ? {} : { "data-nav-mode": W },
-		"data-nav-side": Ve,
-		"data-nav-size": He,
-		...st ? { "data-open": "" } : {},
-		"data-part": "root",
-		"data-primary": Ue,
-		"data-scroll": We,
-		"data-separation": Be,
-		"data-ui": "app-shell",
-		onClick: mt,
-		style: Ee
-	};
-	return /* @__PURE__ */ b(Ne.Provider, {
-		value: yt,
-		children: Ce === void 0 ? /* @__PURE__ */ b("div", {
-			...bt,
-			ref: Ke
-		}) : Ce(bt)
-	});
-}
-//#endregion
-export { E as C, M as S, C as T, xe as _, be as a, Ce as b, Ae as c, N as d, _e as f, Ee as g, je as h, F as i, O as l, ye as m, Fe as n, D as o, ve as p, P as r, De as s, Me as t, j as u, we as v, he as w, Se as x, Te as y };