@umami/shiso 1.12.0 → 1.13.0

package/dist/chunks/App.js

@@ -1,4 +1,4 @@
-import { $ as POPUP_COLLISION_AVOIDANCE, $n as isHTMLElement, $t as itemPress, A as popupStoreSelectors, An as ARROW_UP, B as useSyncedFloatingRootContext, Bn as EMPTY_ARRAY, C as pressableTriggerOpenStateMapping, Cn as isTypeableCombobox, Ct as COMPOSITE_KEYS, D as useFocus, Dn as ARROW_DOWN, E as useHoverFloatingInteraction, En as getTarget, F as setPopupOpenState, Fn as useId$1, G as FloatingNode, Gn as ownerDocument, Gt as useValueAsRef, H as useDismiss, Hn as useMergedRefs, Ht as getIcon, I as useImplicitActiveTrigger, In as useTimeout, J as useFloatingParentNodeId, Jn as useIsoLayoutEffect, Jt as createChangeEventDetails, K as FloatingTree, Kn as useCompositeRootContext, Kt as useCompositeListItem, L as useOpenStateTransitions, Ln as Button, Lt as Badge, M as FOCUSABLE_POPUP_PROPS, Mn as webkit, N as PopupHandleAttachment, Nn as mac, O as usePopupHandleStore, On as ARROW_LEFT, P as attachPreventUnmountOnClose, Pn as useBaseUiId, Q as DROPDOWN_COLLISION_AVOIDANCE, Qn as getWindow, Qt as imperativeAction, R as usePopupInteractionProps, Rn as cn, Rt as Badge$1, S as popupTransitionStateMapping, Sn as getFloatingFocusElement, St as CodeGroup, T as useHoverReferenceInteraction, Tn as contains, Tt as useCompositeItem, U as useClick, Un as useButton, Ut as useOpenChangeComplete, V as ReactStore, Vn as EMPTY_OBJECT, Vt as resolveIcon, W as FloatingFocusManager, Wn as dispatchClickWithModifiers, Wt as useAnimationsFinished, X as FloatingTreeStore, Xn as useRefWithInit, Xt as escapeKey, Y as useFloatingTree, Yn as useStableCallback, Yt as cancelOpen, Z as FloatingPortal, Zn as getParentNode, Zt as focusOut, _n as isIndexOutOfListBounds, _t as Collapsible, a as DialogTitle, an as triggerPress, b as getDisabledMountTransitionStyles, bn as isVirtualPointerEvent, c as useOpenInteractionType, cn as useDirection, cr as Route, ct as ResponseField, d as useScrollLock, dn as getTabbableBeforeElement, dr as useLocation, dt as ParamField, en as listNavigation, er as isLastTraversableNode, et as enqueueFocus, f as DialogPortal$1, fn as isOutsideEvent, fr as useNavigate, g as DialogBackdrop, gn as isElementVisible, gt as Expandable, h as DialogClose, hn as getMinListIndex, ht as renderInlineMarkdown, i as DialogContent$1, in as triggerHover, ir as createLucideIcon, j as PopupTriggerMap, jn as jsdom, k as createInitialPopupStoreState, kn as ARROW_RIGHT, l as DialogTitle$1, ln as getNextTabbable, m as DialogPopup, mn as getMaxListIndex, n as ZoomableImage, nn as siblingOpen, nr as ChevronRight, nt as fastComponent, o as DialogTrigger, on as CompositeList, or as Link, p as InternalBackdrop, pn as findNonDisabledListIndex, q as useFloatingNodeId, qn as mergeProps$1, qt as useAnimationFrame, r as Dialog$1, rn as triggerFocus, rr as Check, rt as fastComponentRef, s as DialogTrigger$1, sn as addEventListener, sr as Navigate, t as docs_exports, tn as outsidePress, tr as X$1, tt as FocusGuard, u as DialogRoot, un as getTabbableAfterElement, ur as Routes, v as TooltipProvider, vn as isListIndexDisabled, vt as CollapsibleContent, w as safePolygon, wn as activeElement, wt as inertValue, x as useAnchorPositioning, xn as stopEvent, y as usePositioner, yn as isVirtualClick, yt as CollapsibleTrigger, z as useTriggerDataForwarding, zn as useRenderElement } from "./docs.js";
+import { $ as useFloatingNodeId, $n as useTimeout, A as safePolygon, An as findNonDisabledListIndex, At as CollapsibleContent, B as attachPreventUnmountOnClose, Bn as isTypeableCombobox, Cn as styles, Cr as Link, D as useAnchorPositioning, Dn as getTabbableAfterElement, Dr as Routes, Dt as renderInlineMarkdown, E as getDisabledMountTransitionStyles, En as getNextTabbable, F as createInitialPopupStoreState, Fn as isListIndexDisabled, Ft as COMPOSITE_KEYS, G as useTriggerDataForwarding, Gn as ARROW_LEFT, H as useImplicitActiveTrigger, Hn as contains, I as popupStoreSelectors, In as isVirtualClick, It as inertValue, J as useDismiss, Jn as jsdom, K as useSyncedFloatingRootContext, Kn as ARROW_RIGHT, L as PopupTriggerMap, Ln as isVirtualPointerEvent, Lt as useCompositeItem, M as useHoverFloatingInteraction, Mn as getMinListIndex, N as useFocus, Nn as isElementVisible, O as popupTransitionStateMapping, On as getTabbableBeforeElement, Or as useLocation, Ot as Expandable, P as usePopupHandleStore, Pn as isIndexOutOfListBounds, Pt as CodeGroup, Q as FloatingTree, Qn as useId$2, Qt as Badge$1, R as FOCUSABLE_POPUP_PROPS, Rn as stopEvent, St as usePanelContent, T as usePositioner, Tn as useDirection, Tr as Route, U as useOpenStateTransitions, Un as getTarget, V as setPopupOpenState, Vn as activeElement, W as usePopupInteractionProps, Wn as ARROW_DOWN, X as FloatingFocusManager, Xn as mac, Y as useClick, Yn as webkit, Z as FloatingNode, Zn as useBaseUiId, Zt as Badge, _n as triggerFocus, _r as isLastTraversableNode, a as DialogTitle, an as useValueAsRef, ar as useMergedRefs, at as POPUP_COLLISION_AVOIDANCE, bn as CompositeList, br as Check, c as useOpenInteractionType, cn as createChangeEventDetails, cr as ownerDocument, ct as fastComponent, d as useScrollLock, dn as focusOut, dr as useIsoLayoutEffect, er as Button, et as useFloatingParentNodeId, f as DialogPortal$1, fn as imperativeAction, fr as useStableCallback, g as DialogBackdrop, gn as siblingOpen, gr as isHTMLElement, gt as ResponseField, h as DialogClose, hn as outsidePress, hr as getWindow, i as DialogContent$1, in as useAnimationsFinished, ir as EMPTY_OBJECT, it as DROPDOWN_COLLISION_AVOIDANCE, j as useHoverReferenceInteraction, jn as getMaxListIndex, jt as CollapsibleTrigger, k as pressableTriggerOpenStateMapping, kn as isOutsideEvent, kr as useNavigate, kt as Collapsible, l as DialogTitle$1, ln as cancelOpen, lr as useCompositeRootContext, lt as fastComponentRef, m as DialogPopup, mn as listNavigation, mr as getParentNode, n as ZoomableImage, nn as getIcon, nr as useRenderElement, nt as FloatingTreeStore, o as DialogTrigger, on as useCompositeListItem, or as useButton, ot as enqueueFocus, p as InternalBackdrop, pn as itemPress, pr as useRefWithInit, q as ReactStore, qn as ARROW_UP, r as Dialog$1, rn as useOpenChangeComplete, rr as EMPTY_ARRAY, rt as FloatingPortal, s as DialogTrigger$1, sn as useAnimationFrame, sr as dispatchClickWithModifiers, st as FocusGuard, t as docs_exports, tn as resolveIcon, tr as cn, tt as useFloatingTree, u as DialogRoot, un as escapeKey, ur as mergeProps$1, vn as triggerHover, vr as X$1, w as TooltipProvider, wn as addEventListener, wr as Navigate, xn as Mermaid, xr as createLucideIcon, xt as PanelProvider, yn as triggerPress, yr as ChevronRight, yt as ParamField, z as PopupHandleAttachment, zn as getFloatingFocusElement } from "./docs.js";
 import { n as highlightTerms } from "./search.js";
 import { resolveSearchProvider } from "../search.js";
 import * as React from "react";
@@ -7,7 +7,7 @@ import "@fontsource-variable/inter/index.css";
 import "@fontsource/jetbrains-mono/400.css";
 import "@umami/shiso/styles.css";
 import { MDXProvider } from "@mdx-js/react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as ReactDOM from "react-dom";
 import shiso from "virtual:shiso-config";
 import rawConfig from "virtual:shiso-docs-config";
@@ -1181,6 +1181,16 @@ function ScrollBar({ className, orientation = "vertical", ...props }) {
 
 //#endregion
 //#region src/components/CodeBlock.tsx
+function reactChildrenToText(node) {
+	if (typeof node === "string" || typeof node === "number") return String(node);
+	if (Array.isArray(node)) return node.map(reactChildrenToText).join("");
+	if (node && typeof node === "object" && "props" in node) {
+		const props = node.props;
+		if (typeof props?.value === "string") return props.value;
+		return reactChildrenToText(props?.children);
+	}
+	return "";
+}
 /**
 * Joins the text of each rendered line. Lines marked as removed by
 * `// [!code --]` are skipped so the clipboard holds the "after" state; in a
@@ -1193,9 +1203,15 @@ function copyText(pre, language) {
 	return lines.filter((line) => language === "diff" || line.dataset.diff !== "remove").map((line) => line.textContent || "").join("\n");
 }
 function CodeBlock({ children, className, style, ...rest }) {
-	const { "data-title": title, "data-language": language, "data-line-start": lineStart, "data-line-count": lineCount, ...preProps } = rest;
+	const { "data-title": title, "data-language": language, "data-line-start": lineStart, "data-line-count": lineCount, "data-placement": placement, "data-actions": actions, ...preProps } = rest;
 	const textInput = useRef(null);
 	const [copied, setCopied] = useState(false);
+	if (language === "mermaid") return /* @__PURE__ */ jsx(Mermaid, {
+		chart: reactChildrenToText(children).replace(/\n$/, ""),
+		title,
+		placement,
+		actions: actions === void 0 ? void 0 : actions !== "false"
+	});
 	const start = Number(lineStart) || 1;
 	const lastLine = start + Math.max(Number(lineCount) || 1, 1) - 1;
 	const gutter = `${String(lastLine).length}ch`;
@@ -2755,8 +2771,8 @@ const MenuRoot = fastComponent(function MenuRoot(props) {
 	store.useControlledProp("openProp", openProp);
 	store.useControlledProp("triggerIdProp", triggerIdProp);
 	store.useContextCallback("onOpenChangeComplete", onOpenChangeComplete);
-	const rootId = useId$1();
-	const floatingId = useId$1();
+	const rootId = useId$2();
+	const floatingId = useId$2();
 	const floatingTreeRoot = store.useState("floatingTreeRoot");
 	const floatingNodeIdFromContext = useFloatingNodeId(floatingTreeRoot);
 	const floatingParentNodeIdFromContext = useFloatingParentNodeId();
@@ -4782,14 +4798,14 @@ var __name$11 = (target, value) => __defProp$11(target, "name", {
 });
 var useReactId = React[" useId ".trim().toString()] || (() => void 0);
 var count$1 = 0;
-function useId(deterministicId) {
+function useId$1(deterministicId) {
 	const [id, setId] = React.useState(useReactId());
 	useLayoutEffect2(() => {
 		if (!deterministicId) setId((reactId) => reactId ?? String(count$1++));
 	}, [deterministicId]);
 	return deterministicId || (id ? `radix-${id}` : "");
 }
-__name$11(useId, "useId");
+__name$11(useId$1, "useId");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-effect-_e8d5e8242c04825bf34212c7f6280f14/node_modules/@radix-ui/react-use-effect-event/dist/index.mjs
@@ -6657,9 +6673,9 @@ var Dialog = /* @__PURE__ */ __name((props) => {
 		scope: __scopeDialog,
 		triggerRef,
 		contentRef,
-		contentId: useId(),
-		titleId: useId(),
-		descriptionId: useId(),
+		contentId: useId$1(),
+		titleId: useId$1(),
+		descriptionId: useId$1(),
 		titlePresent: titleCount > 0,
 		descriptionPresent: descriptionCount > 0,
 		setTitleCount,
@@ -6798,7 +6814,7 @@ var DialogContentImpl = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(
 	const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
 	const context = useDialogContext(CONTENT_NAME, __scopeDialog);
 	useFocusGuards();
-	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(FocusScope, {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(FocusScope, {
 		asChild: true,
 		loop: true,
 		trapped: trapFocus,
@@ -6850,7 +6866,7 @@ var me = React.forwardRef((r, o) => {
 				groups: /* @__PURE__ */ new Set()
 			}
 		};
-	}), u = L(() => /* @__PURE__ */ new Set()), c = L(() => /* @__PURE__ */ new Map()), d = L(() => /* @__PURE__ */ new Map()), f = L(() => /* @__PURE__ */ new Set()), p = pe(r), { label: b, children: m, value: R, onValueChange: x, filter: C, shouldFilter: S, loop: A, disablePointerSelection: ge = !1, vimBindings: j = !0, ...O } = r, $ = useId(), q = useId(), _ = useId(), I = React.useRef(null), v = ke();
+	}), u = L(() => /* @__PURE__ */ new Set()), c = L(() => /* @__PURE__ */ new Map()), d = L(() => /* @__PURE__ */ new Map()), f = L(() => /* @__PURE__ */ new Set()), p = pe(r), { label: b, children: m, value: R, onValueChange: x, filter: C, shouldFilter: S, loop: A, disablePointerSelection: ge = !1, vimBindings: j = !0, ...O } = r, $ = useId$1(), q = useId$1(), _ = useId$1(), I = React.useRef(null), v = ke();
 	k(() => {
 		if (R !== void 0) {
 			let e = R.trim();
@@ -7048,7 +7064,7 @@ var me = React.forwardRef((r, o) => {
 });
 var he = React.forwardRef((r, o) => {
 	var _, I;
-	let n = useId(), u = React.useRef(null), c = React.useContext(fe), d = K(), f = pe(r), p = (I = (_ = f.current) == null ? void 0 : _.forceMount) != null ? I : c == null ? void 0 : c.forceMount;
+	let n = useId$1(), u = React.useRef(null), c = React.useContext(fe), d = K(), f = pe(r), p = (I = (_ = f.current) == null ? void 0 : _.forceMount) != null ? I : c == null ? void 0 : c.forceMount;
 	k(() => {
 		if (!p) return d.item(n, c == null ? void 0 : c.id);
 	}, [p]);
@@ -7089,7 +7105,7 @@ var he = React.forwardRef((r, o) => {
 	}, r.children);
 });
 var Ee = React.forwardRef((r, o) => {
-	let { heading: n, children: u, forceMount: c, ...d } = r, f = useId(), p = React.useRef(null), b = React.useRef(null), m = useId(), R = K(), x = P((S) => c || R.filter() === !1 ? !0 : S.search ? S.filtered.groups.has(f) : !0);
+	let { heading: n, children: u, forceMount: c, ...d } = r, f = useId$1(), p = React.useRef(null), b = React.useRef(null), m = useId$1(), R = K(), x = P((S) => c || R.filter() === !1 ? !0 : S.search ? S.filtered.groups.has(f) : !0);
 	k(() => R.group(f), []), ve(f, p, [
 		r.value,
 		r.heading,
@@ -7501,7 +7517,7 @@ function Search({ config, labels, className }) {
 							onSelect: () => select(result),
 							children: [/* @__PURE__ */ jsxs("div", {
 								className: "text-[0.9rem] font-semibold text-foreground",
-								children: [renderWithQueryHighlight(result.page, query), result.heading ? /* @__PURE__ */ jsxs(Fragment, { children: [" › ", renderWithQueryHighlight(result.heading, query)] }) : null]
+								children: [renderWithQueryHighlight(result.page, query), result.heading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [" › ", renderWithQueryHighlight(result.heading, query)] }) : null]
 							}), result.snippet && /* @__PURE__ */ jsx("div", {
 								className: "mt-[0.15rem] line-clamp-2 text-[0.8rem] text-muted-foreground",
 								children: renderSnippet(result.snippet)
@@ -7690,7 +7706,7 @@ function NavbarLinkItem({ link, primary = false }) {
 	const iconOnly = !link.label;
 	const accessibleLabel = link.ariaLabel || link.icon || link.href;
 	const className = primary ? `ml-1 inline-flex items-center justify-center rounded-full bg-primary text-sm font-semibold text-primary-foreground hover:opacity-90 ${iconOnly ? "size-8" : "gap-1.5 px-3.5 py-1.5"}` : `inline-flex items-center rounded-md text-sm font-medium text-foreground hover:bg-accent hover:text-foreground ${iconOnly ? "size-8 justify-center" : "gap-1.5 px-2.5 py-1.5"}`;
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ConfiguredIcon, { icon: link.icon }), link.label] });
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ConfiguredIcon, { icon: link.icon }), link.label] });
 	if (isRoutedHref(link.href, link.target)) return /* @__PURE__ */ jsx(Link, {
 		to: link.href,
 		className,
@@ -7713,11 +7729,11 @@ function Header({ site }) {
 	const brandHref = logo?.href || (hasRootStandalonePage ? "/" : docsHomeUrl);
 	const hasBrand = !!name || !!logo?.light || !!logo?.dark;
 	const brandClassName = "inline-flex items-center gap-2 text-xl font-bold text-foreground tracking-[-0.03em]";
-	const brandContent = /* @__PURE__ */ jsxs(Fragment, { children: [logo?.invert && logo.light ? /* @__PURE__ */ jsx("img", {
+	const brandContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [logo?.invert && logo.light ? /* @__PURE__ */ jsx("img", {
 		src: logo.light,
 		alt: "",
 		className: "h-6 w-auto dark:brightness-0 dark:invert"
-	}) : /* @__PURE__ */ jsxs(Fragment, { children: [logo?.light ? /* @__PURE__ */ jsx("img", {
+	}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [logo?.light ? /* @__PURE__ */ jsx("img", {
 		src: logo.light,
 		alt: "",
 		className: "h-6 w-auto dark:hidden"
@@ -8124,7 +8140,7 @@ const PARAM_LOCATIONS = [
 	"cookie"
 ];
 function FieldChildren({ node }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		node.description,
 		node.enum && node.enum.length > 0 && /* @__PURE__ */ jsxs("div", {
 			className: "mt-1",
@@ -8141,18 +8157,19 @@ function FieldChildren({ node }) {
 	] });
 }
 function SchemaField({ node }) {
+	const hasDetails = Boolean(node.description || node.enum?.length || node.children?.length);
 	return /* @__PURE__ */ jsx(ResponseField, {
 		name: node.name || node.type,
 		type: node.name ? node.type : void 0,
 		required: node.required,
 		deprecated: node.deprecated,
 		default: node.default,
-		children: /* @__PURE__ */ jsx(FieldChildren, { node })
+		children: hasDetails ? /* @__PURE__ */ jsx(FieldChildren, { node }) : null
 	});
 }
 /** Renders a schema tree: a root object's properties, or the node itself. */
 function SchemaFields({ node }) {
-	if (!node.name && node.children?.length) return /* @__PURE__ */ jsx(Fragment, { children: node.children.map((child) => /* @__PURE__ */ jsx(SchemaField, { node: child }, child.name || child.type)) });
+	if (!node.name && node.children?.length) return /* @__PURE__ */ jsx(Fragment$1, { children: node.children.map((child) => /* @__PURE__ */ jsx(SchemaField, { node: child }, child.name || child.type)) });
 	return /* @__PURE__ */ jsx(SchemaField, { node });
 }
 function HighlightedCode({ language, title, html, source, lineCount }) {
@@ -8176,24 +8193,21 @@ function OpenApiOperation({ operation }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "docs-markdown",
 		children: [
-			showParameters && /* @__PURE__ */ jsxs("section", { children: [
-				/* @__PURE__ */ jsx("h2", {
-					id: sections.get("Parameters"),
-					children: "Parameters"
-				}),
-				operation.security.length > 0 && /* @__PURE__ */ jsxs(ParamField, {
+			showParameters && /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h2", {
+				id: sections.get("Parameters"),
+				children: "Parameters"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: styles.fieldGroup,
+				children: [operation.security.length > 0 && /* @__PURE__ */ jsxs(ParamField, {
 					header: "Authorization",
 					type: "string",
 					required: true,
 					children: [
 						"Authentication credentials, e.g. ",
 						/* @__PURE__ */ jsx("code", { children: "Bearer <token>" }),
-						" (",
-						operation.security.join(", "),
-						")."
+						"."
 					]
-				}),
-				PARAM_LOCATIONS.map((location) => operation.parameters[location].map((parameter) => /* @__PURE__ */ jsxs(ParamField, {
+				}), PARAM_LOCATIONS.map((location) => operation.parameters[location].map((parameter) => /* @__PURE__ */ jsxs(ParamField, {
 					[location]: parameter.name,
 					type: parameter.type,
 					required: parameter.required,
@@ -8202,8 +8216,8 @@ function OpenApiOperation({ operation }) {
 						name: void 0,
 						description: void 0
 					} }), parameter.description]
-				}, `${location}-${parameter.name}`)))
-			] }),
+				}, `${location}-${parameter.name}`)))]
+			})] }),
 			operation.requestBody && /* @__PURE__ */ jsxs("section", { children: [
 				/* @__PURE__ */ jsx("h2", {
 					id: sections.get("Request body"),
@@ -8234,7 +8248,10 @@ function OpenApiOperation({ operation }) {
 							children: response.description
 						})]
 					}),
-					response.schema && /* @__PURE__ */ jsx(SchemaFields, { node: response.schema }),
+					response.schema && /* @__PURE__ */ jsx("div", {
+						className: styles.fieldGroup,
+						children: /* @__PURE__ */ jsx(SchemaFields, { node: response.schema })
+					}),
 					response.example && /* @__PURE__ */ jsx(HighlightedCode, {
 						language: "json",
 						title: `${response.status} example`,
@@ -8692,13 +8709,14 @@ function NavNodes({ nodes, pathname, depth, drilldown, expandLabel, collapseLabe
 				}),
 				children: [
 					resolveIcon(icon),
-					label,
 					method ? /* @__PURE__ */ jsx(Badge, {
 						color: methodColor(method),
 						size: "xs",
-						className: "ml-auto font-mono",
+						className: "w-10 shrink-0 justify-center whitespace-nowrap font-mono",
 						children: method === "DELETE" ? "DEL" : method
-					}) : tag ? /* @__PURE__ */ jsx(Badge$1, {
+					}) : null,
+					label,
+					!method && tag ? /* @__PURE__ */ jsx(Badge$1, {
 						variant: "secondary",
 						className: "ml-auto h-auto rounded-sm px-[0.35rem] py-[0.05rem] text-[0.7rem] text-muted-foreground uppercase",
 						children: tag
@@ -8716,7 +8734,7 @@ function NavNodes({ nodes, pathname, depth, drilldown, expandLabel, collapseLabe
 			collapseLabel
 		}, `group-${node.label}`));
 	});
-	return /* @__PURE__ */ jsx(Fragment, { children: rendered });
+	return /* @__PURE__ */ jsx(Fragment$1, { children: rendered });
 }
 function SideNav({ tabs, navigation, anchors, activeTabId, isSticky, drilldown, navigationLabel, expandLabel, collapseLabel }) {
 	const { pathname } = useLocation();
@@ -8820,10 +8838,28 @@ function NotFound({ site }) {
 	});
 }
 function Docs({ page, doc, site }) {
+	if (!page || !doc) return /* @__PURE__ */ jsxs("div", {
+		className: "flex min-h-full flex-col",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "grow",
+			children: /* @__PURE__ */ jsx(NotFound, { site })
+		}), /* @__PURE__ */ jsx(Footer, { footer: site.footer })]
+	});
+	const operation = getOperation(doc.frontmatter?.openapi);
+	const toc = operation ? [...doc.toc || [], ...operationSections(operation)] : doc.toc;
+	return /* @__PURE__ */ jsx(PanelProvider, { children: /* @__PURE__ */ jsx(DocsBody, {
+		page,
+		doc,
+		site,
+		toc
+	}) });
+}
+function DocsBody({ page, doc, site, toc }) {
 	const { pathname } = useLocation();
 	const [menuOpen, setMenuOpen] = useState(false);
 	const scopeDocs = getScopeByPathname(pathname).docs;
 	const { tabs, navigation } = scopeDocs;
+	const panel = usePanelContent();
 	useEffect(() => {
 		setMenuOpen(false);
 		if (!window.location.hash) window.scrollTo({
@@ -8831,15 +8867,6 @@ function Docs({ page, doc, site }) {
 			left: 0
 		});
 	}, [pathname]);
-	if (!page || !doc) return /* @__PURE__ */ jsxs("div", {
-		className: "flex min-h-full flex-col",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "grow",
-			children: /* @__PURE__ */ jsx(NotFound, { site })
-		}), /* @__PURE__ */ jsx(Footer, { footer: site.footer })]
-	});
-	const operation = getOperation(doc.frontmatter?.openapi);
-	const toc = operation ? [...doc.toc || [], ...operationSections(operation)] : doc.toc;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex min-h-full flex-col gap-6 lg:gap-0",
 		children: [/* @__PURE__ */ jsxs(Sheet, {
@@ -8906,7 +8933,7 @@ function Docs({ page, doc, site }) {
 						site
 					}), /* @__PURE__ */ jsx("div", {
 						className: "hidden min-w-0 max-w-60 basis-60 self-start lg:sticky lg:top-[calc(var(--header-height)+1.5rem)] lg:block lg:shrink-0",
-						children: /* @__PURE__ */ jsx(PageLinks, {
+						children: panel ?? /* @__PURE__ */ jsx(PageLinks, {
 							items: toc,
 							title: site.labels.tableOfContents,
 							navigationLabel: site.labels.tableOfContentsNavigation

package/dist/chunks/abnfDiagram-VCTEODGH.js

@@ -0,0 +1,109 @@
+import { m as createRailroadAbnfServices, t as MermaidParseError } from "./mermaid-parser.core.js";
+import { n as __name } from "./chunk-Y2CYZVJY.js";
+import { m as log } from "./src.js";
+import "./chunk-DU6HZSFF.js";
+import { n as getStyles, r as renderer, t as db } from "./chunk-SVP7TREG.js";
+import { t as populateCommonDb } from "./chunk-JWPE2WC7.js";
+import "./mermaid.core.js";
+
+//#region ../../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/abnfDiagram-VCTEODGH.mjs
+var langiumParser = createRailroadAbnfServices().RailroadAbnf.parser.LangiumParser;
+var transformAlternation = /* @__PURE__ */ __name((alt) => {
+	const alternatives = alt.alternatives.map(transformConcatenation);
+	if (alternatives.length === 1) return alternatives[0];
+	return {
+		type: "choice",
+		alternatives
+	};
+}, "transformAlternation");
+var transformConcatenation = /* @__PURE__ */ __name((concat) => {
+	const elements = concat.elements.map(transformElement);
+	if (elements.length === 1) return elements[0];
+	return {
+		type: "sequence",
+		elements
+	};
+}, "transformConcatenation");
+var parseRepeat = /* @__PURE__ */ __name((repeat) => {
+	if (repeat.includes("*")) {
+		const [minStr, maxStr] = repeat.split("*");
+		return {
+			min: minStr ? parseInt(minStr, 10) : 0,
+			max: maxStr ? parseInt(maxStr, 10) : Infinity
+		};
+	}
+	const exact = parseInt(repeat, 10);
+	return {
+		min: exact,
+		max: exact
+	};
+}, "parseRepeat");
+var transformElement = /* @__PURE__ */ __name((element) => {
+	const inner = transformPrimary(element.primary);
+	if (!element.repeat) return inner;
+	const { min, max } = parseRepeat(element.repeat);
+	if (min === 0 && max === 1) return {
+		type: "optional",
+		element: inner
+	};
+	return {
+		type: "repetition",
+		element: inner,
+		min,
+		max
+	};
+}, "transformElement");
+var transformPrimary = /* @__PURE__ */ __name((primary) => {
+	switch (primary.$type) {
+		case "AbnfStringLiteral": return {
+			type: "terminal",
+			value: primary.value
+		};
+		case "AbnfNumVal": return {
+			type: "terminal",
+			value: primary.value
+		};
+		case "AbnfRuleName": return {
+			type: "nonterminal",
+			name: primary.name
+		};
+		case "AbnfGroup": return transformAlternation(primary.element);
+		case "AbnfOptionalGroup": return {
+			type: "optional",
+			element: transformAlternation(primary.element)
+		};
+		default: throw new Error(`Unsupported ABNF primary node: ${primary.$type}`);
+	}
+}, "transformPrimary");
+var transformRule = /* @__PURE__ */ __name((rule) => {
+	return {
+		name: rule.name,
+		definition: transformAlternation(rule.definition)
+	};
+}, "transformRule");
+var populateDb = /* @__PURE__ */ __name((ast) => {
+	populateCommonDb(ast, db);
+	if (ast.title) db.setTitle(ast.title);
+	ast.rules.map((rule) => db.addRule(transformRule(rule)));
+}, "populateDb");
+var diagram = {
+	parser: {
+		parse: /* @__PURE__ */ __name((input) => {
+			db.clear();
+			log.debug("[ABNF Parser] Starting Langium parse");
+			const result = langiumParser.parse(input);
+			if (result.lexerErrors.length > 0 || result.parserErrors.length > 0) throw new MermaidParseError(result);
+			const ast = result.value;
+			log.debug("[ABNF Parser] Parsed rules:", ast.rules.length);
+			populateDb(ast);
+			log.debug("[ABNF Parser] Parse complete");
+		}, "parse"),
+		parser: { yy: db }
+	},
+	db,
+	renderer,
+	styles: getStyles
+};
+
+//#endregion
+export { diagram };

package/dist/chunks/arc.js

@@ -0,0 +1,130 @@
+import { n as constant_default, t as withPath } from "./path.js";
+import { a as atan2, c as halfPi, d as pi, f as sin, i as asin, l as max, m as tau, n as abs, o as cos, p as sqrt, r as acos, s as epsilon, u as min } from "./dist.js";
+
+//#region ../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/arc.js
+function arcInnerRadius(d) {
+	return d.innerRadius;
+}
+function arcOuterRadius(d) {
+	return d.outerRadius;
+}
+function arcStartAngle(d) {
+	return d.startAngle;
+}
+function arcEndAngle(d) {
+	return d.endAngle;
+}
+function arcPadAngle(d) {
+	return d && d.padAngle;
+}
+function intersect(x0, y0, x1, y1, x2, y2, x3, y3) {
+	var x10 = x1 - x0, y10 = y1 - y0, x32 = x3 - x2, y32 = y3 - y2, t = y32 * x10 - x32 * y10;
+	if (t * t < 1e-12) return;
+	t = (x32 * (y0 - y2) - y32 * (x0 - x2)) / t;
+	return [x0 + t * x10, y0 + t * y10];
+}
+function cornerTangents(x0, y0, x1, y1, r1, rc, cw) {
+	var x01 = x0 - x1, y01 = y0 - y1, lo = (cw ? rc : -rc) / sqrt(x01 * x01 + y01 * y01), ox = lo * y01, oy = -lo * x01, x11 = x0 + ox, y11 = y0 + oy, x10 = x1 + ox, y10 = y1 + oy, x00 = (x11 + x10) / 2, y00 = (y11 + y10) / 2, dx = x10 - x11, dy = y10 - y11, d2 = dx * dx + dy * dy, r = r1 - rc, D = x11 * y10 - x10 * y11, d = (dy < 0 ? -1 : 1) * sqrt(max(0, r * r * d2 - D * D)), cx0 = (D * dy - dx * d) / d2, cy0 = (-D * dx - dy * d) / d2, cx1 = (D * dy + dx * d) / d2, cy1 = (-D * dx + dy * d) / d2, dx0 = cx0 - x00, dy0 = cy0 - y00, dx1 = cx1 - x00, dy1 = cy1 - y00;
+	if (dx0 * dx0 + dy0 * dy0 > dx1 * dx1 + dy1 * dy1) cx0 = cx1, cy0 = cy1;
+	return {
+		cx: cx0,
+		cy: cy0,
+		x01: -ox,
+		y01: -oy,
+		x11: cx0 * (r1 / r - 1),
+		y11: cy0 * (r1 / r - 1)
+	};
+}
+function arc_default() {
+	var innerRadius = arcInnerRadius, outerRadius = arcOuterRadius, cornerRadius = constant_default(0), padRadius = null, startAngle = arcStartAngle, endAngle = arcEndAngle, padAngle = arcPadAngle, context = null, path = withPath(arc);
+	function arc() {
+		var buffer, r, r0 = +innerRadius.apply(this, arguments), r1 = +outerRadius.apply(this, arguments), a0 = startAngle.apply(this, arguments) - halfPi, a1 = endAngle.apply(this, arguments) - halfPi, da = abs(a1 - a0), cw = a1 > a0;
+		if (!context) context = buffer = path();
+		if (r1 < r0) r = r1, r1 = r0, r0 = r;
+		if (!(r1 > 1e-12)) context.moveTo(0, 0);
+		else if (da > tau - 1e-12) {
+			context.moveTo(r1 * cos(a0), r1 * sin(a0));
+			context.arc(0, 0, r1, a0, a1, !cw);
+			if (r0 > 1e-12) {
+				context.moveTo(r0 * cos(a1), r0 * sin(a1));
+				context.arc(0, 0, r0, a1, a0, cw);
+			}
+		} else {
+			var a01 = a0, a11 = a1, a00 = a0, a10 = a1, da0 = da, da1 = da, ap = padAngle.apply(this, arguments) / 2, rp = ap > 1e-12 && (padRadius ? +padRadius.apply(this, arguments) : sqrt(r0 * r0 + r1 * r1)), rc = min(abs(r1 - r0) / 2, +cornerRadius.apply(this, arguments)), rc0 = rc, rc1 = rc, t0, t1;
+			if (rp > 1e-12) {
+				var p0 = asin(rp / r0 * sin(ap)), p1 = asin(rp / r1 * sin(ap));
+				if ((da0 -= p0 * 2) > 1e-12) p0 *= cw ? 1 : -1, a00 += p0, a10 -= p0;
+				else da0 = 0, a00 = a10 = (a0 + a1) / 2;
+				if ((da1 -= p1 * 2) > 1e-12) p1 *= cw ? 1 : -1, a01 += p1, a11 -= p1;
+				else da1 = 0, a01 = a11 = (a0 + a1) / 2;
+			}
+			var x01 = r1 * cos(a01), y01 = r1 * sin(a01), x10 = r0 * cos(a10), y10 = r0 * sin(a10);
+			if (rc > 1e-12) {
+				var x11 = r1 * cos(a11), y11 = r1 * sin(a11), x00 = r0 * cos(a00), y00 = r0 * sin(a00), oc;
+				if (da < pi) if (oc = intersect(x01, y01, x00, y00, x11, y11, x10, y10)) {
+					var ax = x01 - oc[0], ay = y01 - oc[1], bx = x11 - oc[0], by = y11 - oc[1], kc = 1 / sin(acos((ax * bx + ay * by) / (sqrt(ax * ax + ay * ay) * sqrt(bx * bx + by * by))) / 2), lc = sqrt(oc[0] * oc[0] + oc[1] * oc[1]);
+					rc0 = min(rc, (r0 - lc) / (kc - 1));
+					rc1 = min(rc, (r1 - lc) / (kc + 1));
+				} else rc0 = rc1 = 0;
+			}
+			if (!(da1 > 1e-12)) context.moveTo(x01, y01);
+			else if (rc1 > 1e-12) {
+				t0 = cornerTangents(x00, y00, x01, y01, r1, rc1, cw);
+				t1 = cornerTangents(x11, y11, x10, y10, r1, rc1, cw);
+				context.moveTo(t0.cx + t0.x01, t0.cy + t0.y01);
+				if (rc1 < rc) context.arc(t0.cx, t0.cy, rc1, atan2(t0.y01, t0.x01), atan2(t1.y01, t1.x01), !cw);
+				else {
+					context.arc(t0.cx, t0.cy, rc1, atan2(t0.y01, t0.x01), atan2(t0.y11, t0.x11), !cw);
+					context.arc(0, 0, r1, atan2(t0.cy + t0.y11, t0.cx + t0.x11), atan2(t1.cy + t1.y11, t1.cx + t1.x11), !cw);
+					context.arc(t1.cx, t1.cy, rc1, atan2(t1.y11, t1.x11), atan2(t1.y01, t1.x01), !cw);
+				}
+			} else context.moveTo(x01, y01), context.arc(0, 0, r1, a01, a11, !cw);
+			if (!(r0 > 1e-12) || !(da0 > 1e-12)) context.lineTo(x10, y10);
+			else if (rc0 > 1e-12) {
+				t0 = cornerTangents(x10, y10, x11, y11, r0, -rc0, cw);
+				t1 = cornerTangents(x01, y01, x00, y00, r0, -rc0, cw);
+				context.lineTo(t0.cx + t0.x01, t0.cy + t0.y01);
+				if (rc0 < rc) context.arc(t0.cx, t0.cy, rc0, atan2(t0.y01, t0.x01), atan2(t1.y01, t1.x01), !cw);
+				else {
+					context.arc(t0.cx, t0.cy, rc0, atan2(t0.y01, t0.x01), atan2(t0.y11, t0.x11), !cw);
+					context.arc(0, 0, r0, atan2(t0.cy + t0.y11, t0.cx + t0.x11), atan2(t1.cy + t1.y11, t1.cx + t1.x11), cw);
+					context.arc(t1.cx, t1.cy, rc0, atan2(t1.y11, t1.x11), atan2(t1.y01, t1.x01), !cw);
+				}
+			} else context.arc(0, 0, r0, a10, a00, cw);
+		}
+		context.closePath();
+		if (buffer) return context = null, buffer + "" || null;
+	}
+	arc.centroid = function() {
+		var r = (+innerRadius.apply(this, arguments) + +outerRadius.apply(this, arguments)) / 2, a = (+startAngle.apply(this, arguments) + +endAngle.apply(this, arguments)) / 2 - pi / 2;
+		return [cos(a) * r, sin(a) * r];
+	};
+	arc.innerRadius = function(_) {
+		return arguments.length ? (innerRadius = typeof _ === "function" ? _ : constant_default(+_), arc) : innerRadius;
+	};
+	arc.outerRadius = function(_) {
+		return arguments.length ? (outerRadius = typeof _ === "function" ? _ : constant_default(+_), arc) : outerRadius;
+	};
+	arc.cornerRadius = function(_) {
+		return arguments.length ? (cornerRadius = typeof _ === "function" ? _ : constant_default(+_), arc) : cornerRadius;
+	};
+	arc.padRadius = function(_) {
+		return arguments.length ? (padRadius = _ == null ? null : typeof _ === "function" ? _ : constant_default(+_), arc) : padRadius;
+	};
+	arc.startAngle = function(_) {
+		return arguments.length ? (startAngle = typeof _ === "function" ? _ : constant_default(+_), arc) : startAngle;
+	};
+	arc.endAngle = function(_) {
+		return arguments.length ? (endAngle = typeof _ === "function" ? _ : constant_default(+_), arc) : endAngle;
+	};
+	arc.padAngle = function(_) {
+		return arguments.length ? (padAngle = typeof _ === "function" ? _ : constant_default(+_), arc) : padAngle;
+	};
+	arc.context = function(_) {
+		return arguments.length ? (context = _ == null ? null : _, arc) : context;
+	};
+	return arc;
+}
+
+//#endregion
+export { arc_default as t };

package/dist/chunks/architecture-7GRP2DOG.js

@@ -0,0 +1,4 @@
+import "./chunk-FOHPRMQF.js";
+import { M as createArchitectureServices, j as ArchitectureModule } from "./mermaid-parser.core.js";
+
+export { createArchitectureServices };