@exegia/corpora-ui 3.0.0 → 4.0.0

package/dist-lib/shell-WTIa9_ul.js

@@ -0,0 +1,722 @@
+import { t as e } from "./utils-BO0qfoA6.js";
+import { t } from "./button-DDBbG_zF.js";
+import { a as n, g as r, n as i } from "./ease-C9At8rnB.js";
+import { PanelLeft as a, PanelRight as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import * as l from "react";
+import { createContext as u, forwardRef as d, useCallback as f, useContext as p, useEffect as m, useId as h, useMemo as g, useRef as _, useState as v, useSyncExternalStore as y } from "react";
+import { atom as b, useAtomValueRawSync as x, useSetAtom as S } from "jotai";
+import { motion as C, useIsomorphicLayoutEffect as w, useReducedMotion as T } from "motion/react";
+//#region src/components/blocks/shell/shell-panel-atom.ts
+function E() {
+	let e = b(null), t = b(null, (t, n, r) => {
+		Number.isFinite(r) && n(e, Math.max(180, Math.min(480, r)));
+	}), n = b({
+		left: !0,
+		right: !1
+	}), r = b({
+		left: !1,
+		right: !1
+	}), i = b({}), a = b(null), o = b(!1), s = b(null, (e, t, r, i) => {
+		let o = e(a);
+		o ? o.setOpen(r, i) : t(n, {
+			...e(n),
+			[i]: r
+		});
+	});
+	return {
+		railWidth: e,
+		resizeSidebar: t,
+		open: n,
+		mobile: r,
+		components: i,
+		handlers: a,
+		setOpen: s,
+		setOpenMobile: b(null, (e, t, n, i) => {
+			let o = e(a);
+			o ? o.setOpenMobile(n, i) : t(r, {
+				...e(r),
+				[i]: n
+			});
+		}),
+		toggle: b(null, (e, t, r) => t(s, !e(n)[r], r)),
+		seed: b(null, (e, t, i, a) => {
+			e(o) || (t(o, !0), t(n, {
+				...e(n),
+				...i
+			}), t(r, {
+				...e(r),
+				...a
+			}));
+		})
+	};
+}
+var D = /* @__PURE__ */ new Map();
+function O(e) {
+	let t = D.get(e);
+	return t || (t = E(), D.set(e, t)), t;
+}
+function k(e) {
+	D.delete(e);
+}
+//#endregion
+//#region src/components/blocks/shell/shell-metrics.ts
+function A({ width: e, padding: t, gap: n, insetMin: r, expanded: i, icon: a, minimum: o, open: s, collapsible: c, present: l }) {
+	let u = e > 0 ? Math.max(0, e - t - n - r) : 480, d = l && u >= o, f = d && (s || c === "none"), p = l ? f ? Math.min(i, u) : c === "offcanvas" || u < a ? 0 : a : 0;
+	return {
+		width: p,
+		minWidth: o,
+		maxWidth: Math.max(o, Math.min(480, u)),
+		canExpand: d,
+		mode: p === 0 ? "hidden" : f ? "expanded" : "icon"
+	};
+}
+function j({ rail: e, insetMin: t, panelMin: n }) {
+	return e + t + n;
+}
+function M(e) {
+	return e.viewport <= 0 || e.panelMin <= 0 || j(e) + e.chrome <= e.viewport;
+}
+function N(e) {
+	let { chrome: t, insetMin: n, panelMin: r, rail: i, viewport: a } = e;
+	return {
+		min: r,
+		max: Math.max(r, a - t - i - n)
+	};
+}
+function P(e, t) {
+	let { min: n, max: r } = N(t);
+	return Math.min(Math.max(e, n), r);
+}
+function F(e, t) {
+	return e.rail === t.rail && e.insetMin === t.insetMin && e.panelMin === t.panelMin && e.viewport === t.viewport && e.chrome === t.chrome && e.sidebar?.width === t.sidebar?.width && e.sidebar?.minWidth === t.sidebar?.minWidth && e.sidebar?.maxWidth === t.sidebar?.maxWidth && e.sidebar?.canExpand === t.sidebar?.canExpand && e.sidebar?.mode === t.sidebar?.mode;
+}
+//#endregion
+//#region src/components/blocks/shell/shell-fit-atom.ts
+var ee = {
+	rail: 0,
+	insetMin: 0,
+	panelMin: 0,
+	viewport: 0,
+	chrome: 0
+}, te = { panelWidth: null }, ne = {
+	min: 0,
+	max: 0
+}, re = [];
+function I(e) {
+	let t = /* @__PURE__ */ new Map(), n = ((n) => {
+		let r = t.get(n);
+		return r === void 0 && (r = e(n), t.set(n, r)), r;
+	});
+	return n.remove = (e) => {
+		t.delete(e);
+	}, re.push(n), n;
+}
+function L(e, t) {
+	return I((n) => {
+		let r = b(t);
+		return r.debugLabel = `shell-fit/${n}/${e}`, r;
+	});
+}
+function R(e, t) {
+	return I((n) => {
+		let r = b((e) => t(e, n));
+		return r.debugLabel = `shell-fit/${n}/${e}`, r;
+	});
+}
+function z(e, t) {
+	return I((n) => {
+		let r = b(null, (e, r, ...i) => t(e, r, n, ...i));
+		return r.debugLabel = `shell-fit/${n}/${e}`, r;
+	});
+}
+var B = L("metrics", ee), V = L("requestedWidth", null), H = L("seed", te), U = L("initialized", !1), W = R("measured", (e, t) => {
+	let n = e(B(t));
+	return n.panelMin > 0 ? n : null;
+}), G = R("fits", (e, t) => M(e(B(t)))), K = R("panelBounds", (e, t) => {
+	let n = e(W(t));
+	return n ? N(n) : ne;
+}), q = R("panelWidth", (e, t) => {
+	let n = e(W(t));
+	return n ? P(e(V(t)) ?? n.panelMin, n) : null;
+}), J = R("state", (e, t) => ({
+	sidebar: e(B(t)).sidebar ?? null,
+	metrics: e(W(t)),
+	fits: e(G(t)),
+	panelWidth: e(q(t)),
+	bounds: e(K(t))
+})), ie = z("measure", (e, t, n, r) => {
+	F(e(B(n)), r) || t(B(n), r);
+}), Y = z("resizePanel", (e, t, n, r) => {
+	let i = e(W(n));
+	t(V(n), i ? P(r, i) : r);
+}), X = z("resetPanelWidth", (e, t, n) => {
+	t(V(n), e(H(n)).panelWidth);
+}), Z = z("mount", (e, t, n, r) => {
+	e(U(n)) || (t(U(n), !0), t(H(n), r), t(V(n), r.panelWidth));
+});
+function Q(e) {
+	k(e);
+	for (let t of re) t.remove(e);
+}
+//#endregion
+//#region src/components/blocks/shell/utils.ts
+var ae = "bezel-lit-t-2 bezel-lit-blur-2 bezel-lit/57 bezel-dim-b-2 bezel-dim-blur-3 bezel-dim/11 dark:bezel-lit-blur-3 dark:bezel-lit/14 dark:bezel-dim/78", oe = 48, se = {
+	type: "spring",
+	stiffness: 380,
+	damping: 35,
+	mass: .75
+}, ce = {
+	duration: .2,
+	delay: .08,
+	ease: n
+}, le = {
+	duration: .12,
+	ease: n
+}, ue = {
+	duration: .36,
+	ease: i
+}, de = {
+	duration: .16,
+	ease: n
+}, fe = {
+	duration: .18,
+	ease: n
+}, pe = {
+	closed: {
+		opacity: 0,
+		clipPath: "inset(0 0 100% 0 round 8px)",
+		transition: {
+			duration: .14,
+			ease: n,
+			staggerChildren: .025,
+			staggerDirection: -1
+		}
+	},
+	open: {
+		opacity: 1,
+		clipPath: "inset(0 0 0% 0 round 8px)",
+		transition: {
+			duration: .2,
+			delayChildren: .035,
+			ease: n,
+			staggerChildren: .045
+		}
+	}
+}, me = {
+	closed: {
+		opacity: 0,
+		y: -6,
+		filter: "blur(3px)"
+	},
+	open: {
+		opacity: 1,
+		y: 0,
+		filter: "blur(0px)",
+		transition: fe
+	}
+}, he = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex='-1'])"
+].join(","), ge = "(max-width: 767px)", _e = "b", ve = {
+	"--sidebar-min-width": "180px",
+	"--sidebar-width": "256px",
+	"--sidebar-width-icon": "56px",
+	"--sidebar-width-mobile": "18rem",
+	"--panel-width": "320px",
+	"--inset-min-width": "360px"
+};
+function ye(e) {
+	return e === "right" ? "var(--panel-width)" : "var(--sidebar-width)";
+}
+function $(e, t) {
+	let n = document.createElement("div");
+	n.style.cssText = `position:absolute;visibility:hidden;pointer-events:none;width:${t}`, e.appendChild(n);
+	let r = n.getBoundingClientRect().width;
+	return n.remove(), r;
+}
+var be = u(null), xe = u(null);
+function Se() {
+	let e = p(be);
+	if (!e) throw Error("useAnimatedSidebar must be used inside AnimatedPanelProvider.");
+	return e;
+}
+function Ce(e) {
+	let t = window.matchMedia(ge);
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+function we() {
+	return window.matchMedia(ge).matches;
+}
+function Te() {
+	return !1;
+}
+function Ee() {
+	return y(Ce, we, Te);
+}
+function De() {
+	let e = p(xe);
+	if (!e) throw Error("Animated Sidebar parts must be used inside AnimatedPanel.");
+	return e;
+}
+//#endregion
+//#region src/components/blocks/shell/animated-panel.tsx
+function Oe({ side: t = "left", variant: n = "sidebar", collapsible: i = "icon", ariaLabel: a = "Sidebar", children: o, className: l, panelClassName: u, style: d, ref: p, ...m }) {
+	let h = Se(), g = S(O(h.fit.shellId).resizeSidebar), { bounds: _, panelWidth: v, resizePanel: y } = h.fit, b = h.fit.sidebar, x = h.open[t], w = t === "left" && b ? b.mode !== "expanded" : i !== "none" && !x, T = t === "left" && b ? b.mode === "hidden" : w && i === "offcanvas", E = t !== "right" || h.fit.fits, D = t === "right" ? v ?? 320 : b?.width ?? (w ? 56 : 256), { panelRef: k, gripRef: A } = r({
+		size: D,
+		defaultSize: t === "right" ? h.fit.defaultPanelWidth ?? (_.min || 320) : 256,
+		minSize: t === "right" ? _.min || 320 : w ? D : b?.minWidth ?? 180,
+		maxSize: t === "right" ? _.max || 640 : w ? D : b?.maxWidth ?? 480,
+		collapsed: T,
+		enabled: E,
+		overshoot: !1,
+		transition: h.reduce ? { duration: 0 } : se,
+		onSizeChange: (e) => t === "right" ? y(Number(e)) : g(Number(e)),
+		onCollapsedChange: i === "none" ? void 0 : (e) => h.setOpen(!e, t)
+	}), j = f((e) => {
+		k.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+	}, [k, p]);
+	return t === "right" && !h.fit.fits ? null : /* @__PURE__ */ c(C.aside, {
+		...m,
+		ref: j,
+		initial: !1,
+		"aria-label": a,
+		"aria-hidden": T || void 0,
+		inert: T || void 0,
+		"data-slot": "sidebar",
+		"data-state": w ? "collapsed" : "expanded",
+		"data-collapsible": i,
+		"data-variant": n,
+		"data-side": t,
+		animate: { ...t === "right" ? { marginLeft: T ? "-0.5rem" : "0rem" } : { marginRight: T ? "-0.5rem" : "0rem" } },
+		transition: h.reduce ? { duration: 0 } : se,
+		style: {
+			...d,
+			flexShrink: 0
+		},
+		className: e("group/sidebar relative h-full shrink-0 will-change-[width]", "peer flex!", t === "right" && "order-last", l),
+		children: [i !== "none" && /* @__PURE__ */ s("div", {
+			ref: A,
+			role: "separator",
+			"aria-label": `Resize ${a}`,
+			"aria-orientation": "vertical",
+			tabIndex: w ? -1 : 0,
+			"aria-hidden": w || void 0,
+			className: e("inset-y-0 w-2 hover:bg-amber-300/20 data-resizing:bg-amber-300/20 absolute z-10 cursor-col-resize touch-none focus-visible:outline-2 focus-visible:outline-ring", w && "pointer-events-none", t === "right" ? "-left-2" : "-right-2")
+		}), /* @__PURE__ */ s("div", {
+			className: "contents",
+			children: /* @__PURE__ */ s(C.div, {
+				initial: !1,
+				animate: { opacity: +!T },
+				transition: h.reduce ? de : ue,
+				className: e("top-0 sticky flex w-full flex-col overflow-hidden", t === "right" && "ml-auto", n === "floating" && "mx-2 mt-2 h-[calc(100%-0.5rem)]", n === "inset" && "mt-2 h-[calc(100%-0.5rem)]", u),
+				children: /* @__PURE__ */ s(xe.Provider, {
+					value: {
+						collapsed: w,
+						collapsible: i,
+						side: t
+					},
+					children: o
+				})
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/blocks/shell/use-shell-fit.ts
+function ke(e, t) {
+	let n = e.querySelector("[data-slot=\"sidebar\"][data-side=\"left\"]"), r = getComputedStyle(e), i = Number.parseFloat(r.columnGap) || 0, a = (Number.parseFloat(r.paddingLeft) || 0) + (Number.parseFloat(r.paddingRight) || 0), o = e.clientWidth || e.getBoundingClientRect().width, s = $(e, "var(--inset-min-width)"), c = A({
+		width: o,
+		padding: a,
+		gap: i,
+		insetMin: s,
+		expanded: $(e, "var(--sidebar-width)") || 256,
+		icon: $(e, "var(--sidebar-width-icon)") || 56,
+		minimum: $(e, "var(--sidebar-min-width)") || 180,
+		open: t,
+		collapsible: n?.dataset.collapsible ?? "icon",
+		present: !!n
+	});
+	return {
+		rail: c.width,
+		sidebar: c,
+		insetMin: s,
+		panelMin: $(e, "var(--panel-width)"),
+		viewport: o,
+		chrome: a + i * (c.width > 0 ? 2 : 1)
+	};
+}
+function Ae({ shellId: e, hostRef: t, railOpen: n, defaultPanelWidth: r, onUnfit: i }) {
+	let a = h(), o = e ?? a, s = x(O(o).railWidth), [c] = v(() => ({ panelWidth: r ?? null })), l = S(Z(o)), u = S(ie(o)), d = S(Y(o)), f = S(X(o));
+	w(() => {
+		l(c);
+	}, [l, c]);
+	let p = _(i);
+	w(() => {
+		p.current = i;
+	}), w(() => {
+		let e = t.current;
+		if (!e) return;
+		let r = () => {
+			let t = ke(e, n);
+			u(t), M(t) || p.current?.();
+		};
+		r();
+		let i = new ResizeObserver(r);
+		return i.observe(e), window.addEventListener("resize", r), () => {
+			i.disconnect(), window.removeEventListener("resize", r);
+		};
+	}, [
+		t,
+		n,
+		s,
+		u
+	]), m(() => {
+		if (e === void 0) return () => Q(o);
+	}, [o, e]);
+	let y = x(J(o));
+	return g(() => ({
+		shellId: o,
+		...y,
+		defaultPanelWidth: c.panelWidth,
+		resizePanel: d,
+		resetPanelWidth: f
+	}), [
+		o,
+		y,
+		c.panelWidth,
+		d,
+		f
+	]);
+}
+//#endregion
+//#region src/components/blocks/shell/animated-panel-provider.tsx
+function je({ children: t, shellId: n, defaultPanelWidth: r, open: i, defaultOpen: a, onOpenChange: o, openMobile: c, defaultOpenMobile: l, onOpenMobileChange: u, onNarrowChange: d, panelComponents: p, className: v, style: y, ...b }) {
+	let C = h(), E = n ?? C;
+	m(() => {
+		if (n === void 0) return () => Q(E);
+	}, [E, n]);
+	let D = O(E), k = x(D.railWidth), A = x(D.open), j = x(D.mobile), M = S(D.open), N = S(D.mobile), P = S(D.seed), F = S(D.handlers);
+	m(() => {
+		P(a, l);
+	}, [
+		P,
+		a,
+		l
+	]);
+	let ee = Ee(), te = T() ?? !1, ne = _(null), re = _(null), I = _(null), L = _(!0), R = _(!0), z = i?.left, B = i?.right, V = c?.left, H = c?.right, U = g(() => ({
+		left: z ?? A.left,
+		right: B ?? A.right
+	}), [
+		z,
+		B,
+		A
+	]), W = g(() => ({
+		left: V ?? j.left,
+		right: H ?? j.right
+	}), [
+		V,
+		H,
+		j
+	]), G = f((e, t) => {
+		(!e || t !== "right" || L.current) && (!e || t !== "left" || R.current) && ((t === "left" ? z : B) === void 0 && M((n) => n[t] === e ? n : {
+			...n,
+			[t]: e
+		}), o?.(e, t));
+	}, [
+		z,
+		B,
+		o,
+		M
+	]), K = f((e, t) => {
+		(!e || t !== "right" || L.current) && (!e || t !== "left" || R.current) && ((t === "left" ? V : H) === void 0 && N((n) => n[t] === e ? n : {
+			...n,
+			[t]: e
+		}), u?.(e, t));
+	}, [
+		V,
+		H,
+		u,
+		N
+	]);
+	m(() => (F({
+		setOpen: G,
+		setOpenMobile: K
+	}), () => F(null)), [
+		F,
+		G,
+		K
+	]), m(() => {
+		(z !== void 0 || B !== void 0) && M((e) => ({
+			...e,
+			...i
+		}));
+	}, [
+		z,
+		B,
+		i,
+		M
+	]), m(() => {
+		(V !== void 0 || H !== void 0) && N((e) => ({
+			...e,
+			...c
+		}));
+	}, [
+		V,
+		H,
+		c,
+		N
+	]);
+	let q = f((e) => {
+		(e !== "left" || R.current) && G(!U[e], e);
+	}, [U, G]), J = g(() => ({
+		left: ne,
+		right: re
+	}), []), ie = _(() => {});
+	w(() => {
+		ie.current = () => {
+			U.right && G(!1, "right"), W.right && K(!1, "right");
+		};
+	});
+	let Y = f(() => ie.current(), []), X = Ae({
+		shellId: E,
+		hostRef: I,
+		railOpen: U.left,
+		defaultPanelWidth: r,
+		onUnfit: Y
+	}), Z = !X.fits;
+	w(() => {
+		L.current = X.fits, R.current = X.sidebar?.canExpand ?? !0;
+	});
+	let ae = _(d);
+	m(() => {
+		ae.current = d;
+	});
+	let oe = _(!1);
+	return m(() => {
+		oe.current !== Z && (oe.current = Z, ae.current?.(Z));
+	}, [Z]), m(() => {
+		let e = (e) => {
+			e.key.toLowerCase() === "b" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), q("left"));
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [q]), /* @__PURE__ */ s(be.Provider, {
+		value: {
+			isMobile: ee,
+			fit: X,
+			layoutId: `${C}-active`,
+			open: U,
+			openMobile: W,
+			reduce: te,
+			setOpen: G,
+			setOpenMobile: K,
+			toggleSidebar: q,
+			triggerRefs: J
+		},
+		children: /* @__PURE__ */ s("div", {
+			...b,
+			ref: I,
+			"data-slot": "sidebar-wrapper",
+			"data-narrow": Z ? "" : void 0,
+			"data-sidebar-mode": X.sidebar?.mode,
+			"data-state-left": (X.sidebar ? X.sidebar.mode === "expanded" : U.left) ? "expanded" : "collapsed",
+			"data-state-right": U.right ? "expanded" : "collapsed",
+			style: {
+				...ve,
+				...y,
+				...k !== null && { "--sidebar-width": `${k}px` }
+			},
+			className: e("group/sidebar-wrapper min-w-0 gap-x-2 flex w-full overflow-hidden", v),
+			children: t
+		})
+	});
+}
+//#endregion
+//#region src/components/blocks/shell/animated-panel-trigger.tsx
+var Me = d(function({ onClick: e, side: n = "left", type: r = "button", ...i }, a) {
+	let o = Se(), c = n === "left" && o.fit.sidebar ? o.fit.sidebar.mode === "expanded" : o.open[n], l = o.triggerRefs[n];
+	return n === "right" && !o.fit.fits ? null : /* @__PURE__ */ s(t, {
+		...i,
+		ref: (e) => {
+			l.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+		},
+		disabled: i.disabled || n === "left" && o.fit.sidebar?.canExpand === !1,
+		type: r,
+		variant: "ghost",
+		size: "icon-xl",
+		"aria-label": i["aria-label"] ?? "Toggle sidebar",
+		"aria-expanded": c,
+		"data-slot": "sidebar-trigger",
+		"data-side": n,
+		"data-state": c ? "expanded" : "collapsed",
+		onClick: (t) => {
+			e?.(t), !t.defaultPrevented && o.toggleSidebar(n);
+		}
+	});
+}), Ne = d(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ s(C.main, {
+		...n,
+		ref: r,
+		"data-slot": "sidebar-inset",
+		"data-motion-panels-fill": "",
+		className: e("bg-neutral-50 dark:bg-neutral-900 min-w-0 relative flex flex-1 flex-col", "overflow-hidden rounded-md", ae, t)
+	});
+});
+//#endregion
+//#region src/components/blocks/shell/shell-layout.tsx
+function Pe({ children: t, variant: n = "desktop", panels: r, className: i, header: u, trailing: d, defaultOpen: f, panelComponents: p, ...m }) {
+	let h = l.useId(), g = m.shellId ?? h;
+	l.useEffect(() => {
+		if (m.shellId === void 0) return () => Q(g);
+	}, [g, m.shellId]);
+	let _ = x(O(g).components), v = _.left ?? p?.left ?? r?.left?.component, y = _.right ?? p?.right ?? r?.right?.component, b = {
+		...r?.left && { left: r.left.defaultOpen ?? !0 },
+		...r?.right && { right: r.right.defaultOpen ?? !1 },
+		...f
+	};
+	return /* @__PURE__ */ c(je, {
+		...m,
+		shellId: g,
+		defaultOpen: b,
+		className: e("min-h-0 px-2 pb-2 relative h-full", n === "web" && "pt-2", i, "bg-linear-to-tr/increasing from-neutral-200 via-neutral-100 to-stone-200 dark:from-neutral-900 dark:via-neutral-950 dark:to-stone-950"),
+		style: { paddingTop: n === "desktop" ? 48 : 0 },
+		children: [
+			v && /* @__PURE__ */ s(Oe, {
+				ariaLabel: "Primary navigation",
+				collapsible: "icon",
+				role: "navigation",
+				variant: "inset",
+				children: v
+			}),
+			/* @__PURE__ */ c(Ne, { children: [/* @__PURE__ */ c("header", {
+				className: "h-12 gap-2 px-2 flex flex-row! items-center justify-between border-b",
+				children: [
+					v && /* @__PURE__ */ s("div", {
+						className: "min-w-0 gap-2 flex shrink-0 items-center justify-start",
+						children: /* @__PURE__ */ s(Me, {
+							side: "left",
+							children: /* @__PURE__ */ s("span", {
+								className: "motion-press",
+								role: "img",
+								"aria-label": "PanelLeft",
+								style: {
+									display: "inline-flex",
+									alignItems: "center",
+									justifyContent: "center",
+									animationDuration: "1000ms",
+									animationDelay: "0ms",
+									color: "currentColor"
+								},
+								children: /* @__PURE__ */ s(a, {
+									size: 24,
+									"aria-hidden": "true"
+								})
+							})
+						})
+					}),
+					u && /* @__PURE__ */ s("div", {
+						className: "min-w-0 flex flex-1 items-center",
+						children: u
+					}),
+					(d || y) && /* @__PURE__ */ c("div", {
+						className: "gap-2 ml-auto flex shrink-0 items-center justify-end",
+						children: [d, y && /* @__PURE__ */ s(Me, {
+							"aria-label": "Toggle panel",
+							side: "right",
+							children: /* @__PURE__ */ s("span", {
+								className: "opacity-70",
+								role: "img",
+								"aria-label": "PanelRight",
+								style: {
+									display: "inline-flex",
+									alignItems: "center",
+									justifyContent: "center",
+									color: "currentColor"
+								},
+								children: /* @__PURE__ */ s(o, {
+									size: 24,
+									"aria-hidden": "true"
+								})
+							})
+						})]
+					})
+				]
+			}), /* @__PURE__ */ s("div", {
+				className: "min-h-24 flex-1 overflow-auto",
+				children: t
+			})] }),
+			y && /* @__PURE__ */ s(Oe, {
+				ariaLabel: r?.right?.name ?? "Secondary panel",
+				className: e("bg-neutral-50 dark:border-neutral-800 dark:bg-neutral-900", "rounded-md", "bezel-lit-t-2 bezel-lit-blur-2 bezel-lit/57 bezel-dim-b-2 bezel-dim-blur-3 bezel-dim/11 dark:bezel-lit-blur-3 dark:bezel-lit/14 dark:bezel-dim/78"),
+				collapsible: "offcanvas",
+				role: "complementary",
+				side: "right",
+				variant: "inset",
+				children: y
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/blocks/shell/use-shell-panels.ts
+function Fe({ shellId: e, defaultOpen: t, defaultOpenMobile: n, defaultPanelWidth: r, onPanelChange: i } = {}) {
+	let a = h(), o = e ?? a;
+	m(() => {
+		if (e === void 0) return () => Q(o);
+	}, [o, e]);
+	let s = O(o), c = x(s.railWidth), l = S(s.resizeSidebar), u = x(s.open), d = x(s.mobile), p = S(s.setOpen), _ = S(s.setOpenMobile), v = S(s.toggle), y = x(s.components), b = S(s.components), C = !x(G(o)), { sidebar: w } = x(J(o));
+	return {
+		shellId: o,
+		sidebar: w,
+		sidebarWidth: c,
+		resizeSidebar: l,
+		isNarrow: C,
+		panelWidth: x(q(o)),
+		resizePanel: S(Y(o)),
+		open: u,
+		openMobile: d,
+		setOpen: p,
+		setOpenMobile: _,
+		toggle: v,
+		openPanel: f((e, t) => {
+			t !== void 0 && b((n) => n[e] === t ? n : {
+				...n,
+				[e]: t
+			}), p(!0, e);
+		}, [p, b]),
+		providerProps: g(() => ({
+			shellId: o,
+			defaultPanelWidth: r,
+			defaultOpen: t,
+			defaultOpenMobile: n,
+			onOpenChange: i,
+			onOpenMobileChange: i,
+			panelComponents: y
+		}), [
+			o,
+			r,
+			t,
+			n,
+			i,
+			y
+		])
+	};
+}
+//#endregion
+//#region src/components/blocks/shell/use-shell-fit-state.ts
+function Ie(e) {
+	return x(J(e));
+}
+function Le(e) {
+	let t = S(Y(e)), n = S(X(e));
+	return g(() => ({
+		resizePanel: t,
+		resetPanelWidth: n
+	}), [t, n]);
+}
+//#endregion
+export { De as A, V as B, pe as C, Te as D, we as E, G as F, F as G, P as H, W as I, N as K, B as L, Q as M, X as N, $ as O, Y as P, K as R, me as S, ye as T, A as U, J as V, M as W, de as _, Ne as a, _e as b, Ae as c, xe as d, he as f, ue as g, ge as h, Pe as i, Ee as j, Se as k, Oe as l, le as m, Ie as n, Me as o, ce as p, j as q, Fe as r, je as s, Le as t, be as u, ae as v, oe as w, se as x, ve as y, q as z };