@exegia/corpora-ui 3.0.0 → 3.1.0

package/dist-lib/shell-BQ9cjIEu.js

@@ -0,0 +1,722 @@
+import { t as e } from "./utils-BO0qfoA6.js";
+import { a as t, g as n, n as r } from "./ease-C9At8rnB.js";
+import { t as i } from "./button-CIRkQXA6.js";
+import { PanelLeft as a, PanelRight as o } from "lucide-react";
+import * as s from "react";
+import { createContext as c, forwardRef as l, useCallback as u, useContext as d, useEffect as f, useId as p, useMemo as m, useRef as h, useState as g, useSyncExternalStore as _ } from "react";
+import { atom as v, useAtomValueRawSync as y, useSetAtom as b } from "jotai";
+import { motion as x, useIsomorphicLayoutEffect as S, useReducedMotion as C } from "motion/react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region src/components/blocks/shell/shell-panel-atom.ts
+function E() {
+	let e = v(null), t = v(null, (t, n, r) => {
+		Number.isFinite(r) && n(e, Math.max(180, Math.min(480, r)));
+	}), n = v({
+		left: !0,
+		right: !1
+	}), r = v({
+		left: !1,
+		right: !1
+	}), i = v({}), a = v(null), o = v(!1), s = v(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: v(null, (e, t, n, i) => {
+			let o = e(a);
+			o ? o.setOpenMobile(n, i) : t(r, {
+				...e(r),
+				[i]: n
+			});
+		}),
+		toggle: v(null, (e, t, r) => t(s, !e(n)[r], r)),
+		seed: v(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 = v(t);
+		return r.debugLabel = `shell-fit/${n}/${e}`, r;
+	});
+}
+function R(e, t) {
+	return I((n) => {
+		let r = v((e) => t(e, n));
+		return r.debugLabel = `shell-fit/${n}/${e}`, r;
+	});
+}
+function z(e, t) {
+	return I((n) => {
+		let r = v(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: t
+}, le = {
+	duration: .12,
+	ease: t
+}, ue = {
+	duration: .36,
+	ease: r
+}, de = {
+	duration: .16,
+	ease: t
+}, fe = {
+	duration: .18,
+	ease: t
+}, pe = {
+	closed: {
+		opacity: 0,
+		clipPath: "inset(0 0 100% 0 round 8px)",
+		transition: {
+			duration: .14,
+			ease: t,
+			staggerChildren: .025,
+			staggerDirection: -1
+		}
+	},
+	open: {
+		opacity: 1,
+		clipPath: "inset(0 0 0% 0 round 8px)",
+		transition: {
+			duration: .2,
+			delayChildren: .035,
+			ease: t,
+			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 = c(null), xe = c(null);
+function Se() {
+	let e = d(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 _(Ce, we, Te);
+}
+function De() {
+	let e = d(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: r = "sidebar", collapsible: i = "icon", ariaLabel: a = "Sidebar", children: o, className: s, panelClassName: c, style: l, ref: d, ...f }) {
+	let p = Se(), m = b(O(p.fit.shellId).resizeSidebar), { bounds: h, panelWidth: g, resizePanel: _ } = p.fit, v = p.fit.sidebar, y = p.open[t], S = t === "left" && v ? v.mode !== "expanded" : i !== "none" && !y, C = t === "left" && v ? v.mode === "hidden" : S && i === "offcanvas", E = t !== "right" || p.fit.fits, D = t === "right" ? g ?? 320 : v?.width ?? (S ? 56 : 256), { panelRef: k, gripRef: A } = n({
+		size: D,
+		defaultSize: t === "right" ? p.fit.defaultPanelWidth ?? (h.min || 320) : 256,
+		minSize: t === "right" ? h.min || 320 : S ? D : v?.minWidth ?? 180,
+		maxSize: t === "right" ? h.max || 640 : S ? D : v?.maxWidth ?? 480,
+		collapsed: C,
+		enabled: E,
+		overshoot: !1,
+		transition: p.reduce ? { duration: 0 } : se,
+		onSizeChange: (e) => t === "right" ? _(Number(e)) : m(Number(e)),
+		onCollapsedChange: i === "none" ? void 0 : (e) => p.setOpen(!e, t)
+	}), j = u((e) => {
+		k.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
+	}, [k, d]);
+	return t === "right" && !p.fit.fits ? null : /* @__PURE__ */ T(x.aside, {
+		...f,
+		ref: j,
+		initial: !1,
+		"aria-label": a,
+		"aria-hidden": C || void 0,
+		inert: C || void 0,
+		"data-slot": "sidebar",
+		"data-state": S ? "collapsed" : "expanded",
+		"data-collapsible": i,
+		"data-variant": r,
+		"data-side": t,
+		animate: { ...t === "right" ? { marginLeft: C ? "-0.5rem" : "0rem" } : { marginRight: C ? "-0.5rem" : "0rem" } },
+		transition: p.reduce ? { duration: 0 } : se,
+		style: {
+			...l,
+			flexShrink: 0
+		},
+		className: e("group/sidebar relative h-full shrink-0 will-change-[width]", "peer flex!", t === "right" && "order-last", s),
+		children: [i !== "none" && /* @__PURE__ */ w("div", {
+			ref: A,
+			role: "separator",
+			"aria-label": `Resize ${a}`,
+			"aria-orientation": "vertical",
+			tabIndex: S ? -1 : 0,
+			"aria-hidden": S || 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", S && "pointer-events-none", t === "right" ? "-left-2" : "-right-2")
+		}), /* @__PURE__ */ w("div", {
+			className: "contents",
+			children: /* @__PURE__ */ w(x.div, {
+				initial: !1,
+				animate: { opacity: +!C },
+				transition: p.reduce ? de : ue,
+				className: e("top-0 sticky flex w-full flex-col overflow-hidden", t === "right" && "ml-auto", r === "floating" && "mx-2 mt-2 h-[calc(100%-0.5rem)]", r === "inset" && "mt-2 h-[calc(100%-0.5rem)]", c),
+				children: /* @__PURE__ */ w(xe.Provider, {
+					value: {
+						collapsed: S,
+						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 = p(), o = e ?? a, s = y(O(o).railWidth), [c] = g(() => ({ panelWidth: r ?? null })), l = b(Z(o)), u = b(ie(o)), d = b(Y(o)), _ = b(X(o));
+	S(() => {
+		l(c);
+	}, [l, c]);
+	let v = h(i);
+	S(() => {
+		v.current = i;
+	}), S(() => {
+		let e = t.current;
+		if (!e) return;
+		let r = () => {
+			let t = ke(e, n);
+			u(t), M(t) || v.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
+	]), f(() => {
+		if (e === void 0) return () => Q(o);
+	}, [o, e]);
+	let x = y(J(o));
+	return m(() => ({
+		shellId: o,
+		...x,
+		defaultPanelWidth: c.panelWidth,
+		resizePanel: d,
+		resetPanelWidth: _
+	}), [
+		o,
+		x,
+		c.panelWidth,
+		d,
+		_
+	]);
+}
+//#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: s, defaultOpenMobile: c, onOpenMobileChange: l, onNarrowChange: d, panelComponents: g, className: _, style: v, ...x }) {
+	let T = p(), E = n ?? T;
+	f(() => {
+		if (n === void 0) return () => Q(E);
+	}, [E, n]);
+	let D = O(E), k = y(D.railWidth), A = y(D.open), j = y(D.mobile), M = b(D.open), N = b(D.mobile), P = b(D.seed), F = b(D.handlers);
+	f(() => {
+		P(a, c);
+	}, [
+		P,
+		a,
+		c
+	]);
+	let ee = Ee(), te = C() ?? !1, ne = h(null), re = h(null), I = h(null), L = h(!0), R = h(!0), z = i?.left, B = i?.right, V = s?.left, H = s?.right, U = m(() => ({
+		left: z ?? A.left,
+		right: B ?? A.right
+	}), [
+		z,
+		B,
+		A
+	]), W = m(() => ({
+		left: V ?? j.left,
+		right: H ?? j.right
+	}), [
+		V,
+		H,
+		j
+	]), G = u((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 = u((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
+		}), l?.(e, t));
+	}, [
+		V,
+		H,
+		l,
+		N
+	]);
+	f(() => (F({
+		setOpen: G,
+		setOpenMobile: K
+	}), () => F(null)), [
+		F,
+		G,
+		K
+	]), f(() => {
+		(z !== void 0 || B !== void 0) && M((e) => ({
+			...e,
+			...i
+		}));
+	}, [
+		z,
+		B,
+		i,
+		M
+	]), f(() => {
+		(V !== void 0 || H !== void 0) && N((e) => ({
+			...e,
+			...s
+		}));
+	}, [
+		V,
+		H,
+		s,
+		N
+	]);
+	let q = u((e) => {
+		(e !== "left" || R.current) && G(!U[e], e);
+	}, [U, G]), J = m(() => ({
+		left: ne,
+		right: re
+	}), []), ie = h(() => {});
+	S(() => {
+		ie.current = () => {
+			U.right && G(!1, "right"), W.right && K(!1, "right");
+		};
+	});
+	let Y = u(() => ie.current(), []), X = Ae({
+		shellId: E,
+		hostRef: I,
+		railOpen: U.left,
+		defaultPanelWidth: r,
+		onUnfit: Y
+	}), Z = !X.fits;
+	S(() => {
+		L.current = X.fits, R.current = X.sidebar?.canExpand ?? !0;
+	});
+	let ae = h(d);
+	f(() => {
+		ae.current = d;
+	});
+	let oe = h(!1);
+	return f(() => {
+		oe.current !== Z && (oe.current = Z, ae.current?.(Z));
+	}, [Z]), f(() => {
+		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__ */ w(be.Provider, {
+		value: {
+			isMobile: ee,
+			fit: X,
+			layoutId: `${T}-active`,
+			open: U,
+			openMobile: W,
+			reduce: te,
+			setOpen: G,
+			setOpenMobile: K,
+			toggleSidebar: q,
+			triggerRefs: J
+		},
+		children: /* @__PURE__ */ w("div", {
+			...x,
+			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,
+				...v,
+				...k !== null && { "--sidebar-width": `${k}px` }
+			},
+			className: e("group/sidebar-wrapper min-w-0 gap-x-2 flex w-full overflow-hidden", _),
+			children: t
+		})
+	});
+}
+//#endregion
+//#region src/components/blocks/shell/animated-panel-trigger.tsx
+var Me = l(function({ onClick: e, side: t = "left", type: n = "button", ...r }, a) {
+	let o = Se(), s = t === "left" && o.fit.sidebar ? o.fit.sidebar.mode === "expanded" : o.open[t], c = o.triggerRefs[t];
+	return t === "right" && !o.fit.fits ? null : /* @__PURE__ */ w(i, {
+		...r,
+		ref: (e) => {
+			c.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+		},
+		disabled: r.disabled || t === "left" && o.fit.sidebar?.canExpand === !1,
+		type: n,
+		variant: "ghost",
+		size: "icon-xl",
+		"aria-label": r["aria-label"] ?? "Toggle sidebar",
+		"aria-expanded": s,
+		"data-slot": "sidebar-trigger",
+		"data-side": t,
+		"data-state": s ? "expanded" : "collapsed",
+		onClick: (n) => {
+			e?.(n), !n.defaultPrevented && o.toggleSidebar(t);
+		}
+	});
+}), Ne = l(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ w(x.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: c, trailing: l, defaultOpen: u, panelComponents: d, ...f }) {
+	let p = s.useId(), m = f.shellId ?? p;
+	s.useEffect(() => {
+		if (f.shellId === void 0) return () => Q(m);
+	}, [m, f.shellId]);
+	let h = y(O(m).components), g = h.left ?? d?.left ?? r?.left?.component, _ = h.right ?? d?.right ?? r?.right?.component, v = {
+		...r?.left && { left: r.left.defaultOpen ?? !0 },
+		...r?.right && { right: r.right.defaultOpen ?? !1 },
+		...u
+	};
+	return /* @__PURE__ */ T(je, {
+		...f,
+		shellId: m,
+		defaultOpen: v,
+		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: [
+			g && /* @__PURE__ */ w(Oe, {
+				ariaLabel: "Primary navigation",
+				collapsible: "icon",
+				role: "navigation",
+				variant: "inset",
+				children: g
+			}),
+			/* @__PURE__ */ T(Ne, { children: [/* @__PURE__ */ T("header", {
+				className: "h-12 gap-2 px-2 flex flex-row! items-center justify-between border-b",
+				children: [
+					g && /* @__PURE__ */ w("div", {
+						className: "min-w-0 gap-2 flex shrink-0 items-center justify-start",
+						children: /* @__PURE__ */ w(Me, {
+							side: "left",
+							children: /* @__PURE__ */ w("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__ */ w(a, {
+									size: 24,
+									"aria-hidden": "true"
+								})
+							})
+						})
+					}),
+					c && /* @__PURE__ */ w("div", {
+						className: "min-w-0 flex flex-1 items-center",
+						children: c
+					}),
+					(l || _) && /* @__PURE__ */ T("div", {
+						className: "gap-2 ml-auto flex shrink-0 items-center justify-end",
+						children: [l, _ && /* @__PURE__ */ w(Me, {
+							"aria-label": "Toggle panel",
+							side: "right",
+							children: /* @__PURE__ */ w("span", {
+								className: "opacity-70",
+								role: "img",
+								"aria-label": "PanelRight",
+								style: {
+									display: "inline-flex",
+									alignItems: "center",
+									justifyContent: "center",
+									color: "currentColor"
+								},
+								children: /* @__PURE__ */ w(o, {
+									size: 24,
+									"aria-hidden": "true"
+								})
+							})
+						})]
+					})
+				]
+			}), /* @__PURE__ */ w("div", {
+				className: "min-h-24 flex-1 overflow-auto",
+				children: t
+			})] }),
+			_ && /* @__PURE__ */ w(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: _
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/blocks/shell/use-shell-panels.ts
+function Fe({ shellId: e, defaultOpen: t, defaultOpenMobile: n, defaultPanelWidth: r, onPanelChange: i } = {}) {
+	let a = p(), o = e ?? a;
+	f(() => {
+		if (e === void 0) return () => Q(o);
+	}, [o, e]);
+	let s = O(o), c = y(s.railWidth), l = b(s.resizeSidebar), d = y(s.open), h = y(s.mobile), g = b(s.setOpen), _ = b(s.setOpenMobile), v = b(s.toggle), x = y(s.components), S = b(s.components), C = !y(G(o)), { sidebar: w } = y(J(o));
+	return {
+		shellId: o,
+		sidebar: w,
+		sidebarWidth: c,
+		resizeSidebar: l,
+		isNarrow: C,
+		panelWidth: y(q(o)),
+		resizePanel: b(Y(o)),
+		open: d,
+		openMobile: h,
+		setOpen: g,
+		setOpenMobile: _,
+		toggle: v,
+		openPanel: u((e, t) => {
+			t !== void 0 && S((n) => n[e] === t ? n : {
+				...n,
+				[e]: t
+			}), g(!0, e);
+		}, [g, S]),
+		providerProps: m(() => ({
+			shellId: o,
+			defaultPanelWidth: r,
+			defaultOpen: t,
+			defaultOpenMobile: n,
+			onOpenChange: i,
+			onOpenMobileChange: i,
+			panelComponents: x
+		}), [
+			o,
+			r,
+			t,
+			n,
+			i,
+			x
+		])
+	};
+}
+//#endregion
+//#region src/components/blocks/shell/use-shell-fit-state.ts
+function Ie(e) {
+	return y(J(e));
+}
+function Le(e) {
+	let t = b(Y(e)), n = b(X(e));
+	return m(() => ({
+		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 };