@open-resource-discovery/metadata-renderer 0.0.0 → 1.0.1

package/dist/chunks/openApi-BTb5yzun.js

@@ -0,0 +1,783 @@
+import { i as loadObject } from "./utils-BC3WF3-9.js";
+/* empty css               */
+import { createElement, useEffect, useId, useMemo, useRef } from "react";
+import { ApiReferenceReact } from "@scalar/api-reference-react";
+import Markdown from "react-markdown";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ReactRenderer } from "@scalar/react-renderer";
+//#region src/lib/openApi/utils/context.ts
+var openApiContext = {
+	version: "",
+	configs: [],
+	getDocumentationUrl(attributeName) {
+		return (this.configs.find((c) => c.extensions?.[attributeName]) ?? this.configs.find((c) => c.prefixStartsWith && attributeName.startsWith(c.prefixStartsWith)))?.documentationUrl?.(attributeName, { version: this.version });
+	}
+};
+var getVersion = (content) => {
+	const parsedContent = loadObject(content);
+	if (!parsedContent) return "";
+	if ("openapi" in parsedContent && parsedContent.openapi && typeof parsedContent.openapi === "string") return parsedContent.openapi.substring(0, 3);
+	if ("swagger" in parsedContent && parsedContent.swagger && typeof parsedContent.swagger === "string") return "2.0";
+	return "";
+};
+//#endregion
+//#region src/lib/openApi/customAttributes/autoDiscover.ts
+var HTTP_METHODS = [
+	"get",
+	"put",
+	"post",
+	"delete",
+	"options",
+	"head",
+	"patch",
+	"trace"
+];
+function discoverAttributeNames(doc, prefix) {
+	const names = /* @__PURE__ */ new Set();
+	for (const key of Object.keys(doc)) if (key.startsWith(prefix)) names.add(key);
+	const paths = doc.paths;
+	if (paths) for (const pathItem of Object.values(paths)) {
+		if (!pathItem || typeof pathItem !== "object") continue;
+		for (const method of HTTP_METHODS) {
+			const op = pathItem[method];
+			if (!op || typeof op !== "object") continue;
+			for (const key of Object.keys(op)) if (key.startsWith(prefix)) names.add(key);
+		}
+	}
+	const schemas = doc.components?.schemas;
+	if (schemas) for (const schema of Object.values(schemas)) {
+		if (!schema || typeof schema !== "object") continue;
+		const s = schema;
+		for (const key of Object.keys(s)) if (key.startsWith(prefix)) names.add(key);
+		const properties = s.properties;
+		if (properties) for (const prop of Object.values(properties)) {
+			if (!prop || typeof prop !== "object") continue;
+			for (const key of Object.keys(prop)) if (key.startsWith(prefix)) names.add(key);
+		}
+	}
+	return [...names];
+}
+/**
+* Synthetic property key injected into schema.properties so Scalar calls SpecificationExtension on it.
+* The value is the full schema object; our extension component reads any x-* fields from it.
+*/
+var SCHEMA_ATTRS_KEY = "x-sap-schema-attrs";
+/**
+* Clone doc and inject a synthetic property into every schema object that carries
+* at least one key matching the given prefix. Scalar only calls SpecificationExtension
+* on property-level schemas, so this is the only way to render schema-level x-* fields.
+*/
+function injectSchemaExtensions(doc, prefixes) {
+	const schemas = doc.components?.schemas;
+	if (!schemas) return doc;
+	const patchedSchemas = {};
+	let anyPatched = false;
+	for (const [name, schema] of Object.entries(schemas)) {
+		if (!schema || typeof schema !== "object") {
+			patchedSchemas[name] = schema;
+			continue;
+		}
+		const s = schema;
+		const xFields = {};
+		for (const [k, v] of Object.entries(s)) if (prefixes.some((p) => k.startsWith(p))) xFields[k] = v;
+		if (Object.keys(xFields).length === 0) {
+			patchedSchemas[name] = schema;
+			continue;
+		}
+		anyPatched = true;
+		patchedSchemas[name] = {
+			...s,
+			properties: {
+				[SCHEMA_ATTRS_KEY]: { [SCHEMA_ATTRS_KEY]: xFields },
+				...s.properties
+			}
+		};
+	}
+	if (!anyPatched) return doc;
+	return {
+		...doc,
+		components: {
+			...doc.components,
+			schemas: patchedSchemas
+		}
+	};
+}
+function extractCustomAttributeValues(doc, prefix) {
+	const result = [];
+	for (const [k, v] of Object.entries(doc)) if (k.startsWith(prefix)) result.push([k, v]);
+	const paths = doc.paths;
+	if (paths) for (const [path, pathItem] of Object.entries(paths)) {
+		if (!pathItem || typeof pathItem !== "object") continue;
+		for (const method of HTTP_METHODS) {
+			const op = pathItem[method];
+			if (!op || typeof op !== "object") continue;
+			for (const [k, v] of Object.entries(op)) if (k.startsWith(prefix)) result.push([`paths.${path}.${method}.${k}`, v]);
+		}
+	}
+	const schemas = doc.components?.schemas;
+	if (schemas) for (const [schemaName, schema] of Object.entries(schemas)) {
+		if (!schema || typeof schema !== "object") continue;
+		const s = schema;
+		for (const [k, v] of Object.entries(s)) if (k.startsWith(prefix)) result.push([`components.schemas.${schemaName}.${k}`, v]);
+		const properties = s.properties;
+		if (properties) for (const [propName, prop] of Object.entries(properties)) {
+			if (!prop || typeof prop !== "object") continue;
+			for (const [k, v] of Object.entries(prop)) if (k.startsWith(prefix)) result.push([`components.schemas.${schemaName}.properties.${propName}.${k}`, v]);
+		}
+	}
+	return result;
+}
+//#endregion
+//#region src/lib/openApi/customAttributes/attributeLink.tsx
+function attributeLink({ attributeName }) {
+	const href = openApiContext.getDocumentationUrl(attributeName);
+	if (!href) return null;
+	return /* @__PURE__ */ jsx("a", {
+		href,
+		style: { marginLeft: 4 },
+		target: "_blank",
+		rel: "noreferrer",
+		title: "View in OpenAPI Specification",
+		children: /* @__PURE__ */ jsx("svg", {
+			width: "16",
+			height: "16",
+			viewBox: "0 0 16 16",
+			fill: "currentColor",
+			children: /* @__PURE__ */ jsx("path", { d: "M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z" })
+		})
+	});
+}
+//#endregion
+//#region src/lib/openApi/customAttributes/genericRenderer.tsx
+function autoLabel(fieldName, prefix) {
+	let name = fieldName;
+	if (prefix && name.startsWith(prefix)) name = name.slice(prefix.length);
+	return name.split("-").filter(Boolean).map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+}
+function kebabToCamel(str) {
+	return str.replace(/-./g, (x) => x[1].toUpperCase());
+}
+function getValueKey(fieldName) {
+	return kebabToCamel(fieldName);
+}
+function extractValue(data, fieldName) {
+	if (!data || typeof data !== "object") return void 0;
+	return data[getValueKey(fieldName)];
+}
+function Label({ name, label }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "sap-api-label",
+		children: [
+			label,
+			" ",
+			/* @__PURE__ */ jsx(attributeLink, { attributeName: name })
+		]
+	});
+}
+function StringRenderer(props) {
+	const link = props.valueLinks?.[props.value];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "sap-api-container",
+		children: [/* @__PURE__ */ jsx(Label, {
+			name: props.name,
+			label: props.label
+		}), /* @__PURE__ */ jsx("p", {
+			className: "sap-api-value",
+			children: link ? /* @__PURE__ */ jsx("a", {
+				href: link,
+				rel: "noreferrer noopener",
+				target: "_blank",
+				className: "sap-api-link",
+				children: props.value
+			}) : props.value
+		})]
+	});
+}
+function BooleanRenderer(props) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "sap-api-container",
+		children: [/* @__PURE__ */ jsx(Label, {
+			name: props.name,
+			label: props.label
+		}), /* @__PURE__ */ jsx("p", {
+			className: "sap-api-value",
+			children: props.value ? "Yes" : "No"
+		})]
+	});
+}
+function NumberRenderer(props) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "sap-api-container",
+		children: [/* @__PURE__ */ jsx(Label, {
+			name: props.name,
+			label: props.label
+		}), /* @__PURE__ */ jsx("p", {
+			className: "sap-api-value",
+			children: props.value
+		})]
+	});
+}
+function ArrayRenderer(props) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "sap-api-container",
+		children: [/* @__PURE__ */ jsx(Label, {
+			name: props.name,
+			label: props.label
+		}), /* @__PURE__ */ jsx("div", {
+			className: "sap-api-value",
+			children: /* @__PURE__ */ jsx("ul", {
+				className: "sap-api-list",
+				children: props.value.map((item, i) => /* @__PURE__ */ jsx("li", { children: renderObjectValue(item) }, i))
+			})
+		})]
+	});
+}
+function renderObjectValue(val) {
+	if (val === null || val === void 0) return /* @__PURE__ */ jsx("span", {
+		className: "sap-api-placeholder",
+		children: "—"
+	});
+	if (typeof val === "boolean") return /* @__PURE__ */ jsx("span", { children: val ? "Yes" : "No" });
+	if (typeof val === "number") return /* @__PURE__ */ jsx("span", { children: val });
+	if (Array.isArray(val)) return /* @__PURE__ */ jsx("ul", {
+		className: "sap-api-list",
+		children: val.map((item, i) => /* @__PURE__ */ jsx("li", { children: renderObjectValue(item) }, i))
+	});
+	if (typeof val === "object") return /* @__PURE__ */ jsx("dl", {
+		className: "sap-api-obj",
+		children: Object.entries(val).map(([k, v]) => /* @__PURE__ */ jsxs("div", {
+			className: "sap-api-obj-row",
+			children: [
+				/* @__PURE__ */ jsxs("dt", {
+					className: "sap-api-obj-key",
+					children: [k, ":"]
+				}),
+				" ",
+				/* @__PURE__ */ jsx("dd", {
+					className: "sap-api-obj-val",
+					children: renderObjectValue(v)
+				})
+			]
+		}, k))
+	});
+	const str = String(val);
+	return /[*_`[\]#]/.test(str) ? /* @__PURE__ */ jsx(Markdown, { children: str }) : /* @__PURE__ */ jsx("span", { children: str });
+}
+function ObjectRenderer(props) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "sap-api-container",
+		children: [/* @__PURE__ */ jsx(Label, {
+			name: props.name,
+			label: props.label
+		}), /* @__PURE__ */ jsx("div", {
+			className: "sap-api-value",
+			children: renderObjectValue(props.value)
+		})]
+	});
+}
+function LinkRenderer(props) {
+	const href = props.callback(props.value);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "sap-api-container",
+		children: [/* @__PURE__ */ jsx(Label, {
+			name: props.name,
+			label: props.label
+		}), /* @__PURE__ */ jsx("p", {
+			className: "sap-api-value",
+			children: href ? /* @__PURE__ */ jsx("a", {
+				href,
+				rel: "noreferrer noopener",
+				target: "_blank",
+				className: "sap-api-link",
+				children: String(props.value)
+			}) : String(props.value)
+		})]
+	});
+}
+function buildGenericRenderer(fieldName, def, config) {
+	if (def && "component" in def) return def.component;
+	return (data) => {
+		const value = extractValue(data, fieldName);
+		if (value === void 0 || value === null) return null;
+		const label = def && "label" in def && def.label ? def.label : autoLabel(fieldName, config.prefixStartsWith);
+		if (def?.type === "link" && "callback" in def) return /* @__PURE__ */ jsx(LinkRenderer, {
+			name: fieldName,
+			label,
+			value,
+			callback: def.callback
+		});
+		if (def?.type === "boolean" || typeof value === "boolean") return /* @__PURE__ */ jsx(BooleanRenderer, {
+			name: fieldName,
+			label,
+			value: Boolean(value)
+		});
+		if (def?.type === "number" || typeof value === "number") return /* @__PURE__ */ jsx(NumberRenderer, {
+			name: fieldName,
+			label,
+			value
+		});
+		if (def?.type === "array" || Array.isArray(value)) {
+			if (!Array.isArray(value)) return null;
+			return /* @__PURE__ */ jsx(ArrayRenderer, {
+				name: fieldName,
+				label,
+				value
+			});
+		}
+		if (def?.type === "object" || typeof value === "object") return /* @__PURE__ */ jsx(ObjectRenderer, {
+			name: fieldName,
+			label,
+			value
+		});
+		const valueLinks = def && "valueLinks" in def ? def.valueLinks : void 0;
+		return /* @__PURE__ */ jsx(StringRenderer, {
+			name: fieldName,
+			label,
+			value: String(value),
+			valueLinks
+		});
+	};
+}
+//#endregion
+//#region src/lib/openApi/utils/plugins.ts
+function camelCaseKeys(obj) {
+	const result = {};
+	for (const [k, v] of Object.entries(obj)) {
+		const camelKey = k.replace(/-./g, (x) => x[1].toUpperCase());
+		result[camelKey] = v;
+	}
+	return result;
+}
+function buildSchemaAttrsRenderer(configs) {
+	return (data) => {
+		if (!data || typeof data !== "object") return null;
+		const outer = data;
+		const xFields = outer["xSapSchemaAttrs"] ?? outer["x-sap-schema-attrs"];
+		if (!xFields || typeof xFields !== "object") return null;
+		const camelData = camelCaseKeys(xFields);
+		const renderers = [];
+		for (const key of Object.keys(xFields)) {
+			if (!key.startsWith("x-")) continue;
+			const matchingConfig = configs.find((c) => c.extensions?.[key]) ?? configs.find((c) => c.prefixStartsWith && key.startsWith(c.prefixStartsWith));
+			if (!matchingConfig) continue;
+			const def = matchingConfig.extensions?.[key];
+			const el = buildGenericRenderer(key, def, matchingConfig)(camelData);
+			if (el) renderers.push(el);
+		}
+		if (renderers.length === 0) return null;
+		return createElement("div", { className: "sap-schema-attrs-block" }, ...renderers);
+	};
+}
+function buildCustomAttributesPlugin(doc, configs) {
+	const allNames = /* @__PURE__ */ new Set();
+	for (const config of configs) {
+		if (config.extensions) for (const name of Object.keys(config.extensions)) allNames.add(name);
+		if (config.prefixStartsWith && doc) for (const name of discoverAttributeNames(doc, config.prefixStartsWith)) allNames.add(name);
+	}
+	const extensions = [...allNames].map((name) => {
+		const matchingConfig = configs.find((c) => c.extensions?.[name]) ?? configs.find((c) => c.prefixStartsWith && name.startsWith(c.prefixStartsWith)) ?? configs[0];
+		const def = matchingConfig?.extensions?.[name];
+		return {
+			name,
+			component: buildGenericRenderer(name, def, matchingConfig ?? {}),
+			renderer: ReactRenderer
+		};
+	});
+	extensions.push({
+		name: SCHEMA_ATTRS_KEY,
+		component: buildSchemaAttrsRenderer(configs),
+		renderer: ReactRenderer
+	});
+	return () => ({
+		name: "custom-attributes-plugin",
+		extensions
+	});
+}
+//#endregion
+//#region src/lib/openApi/utils/scalarTheme.ts
+var SCALAR_MAP = {
+	"--ord-background": ["--scalar-background-1"],
+	"--ord-foreground": ["--scalar-color-1"],
+	"--ord-secondary": ["--scalar-background-2"],
+	"--ord-secondary-foreground": ["--scalar-color-2"],
+	"--ord-muted": ["--scalar-background-3"],
+	"--ord-muted-foreground": ["--scalar-color-3"],
+	"--ord-primary": [
+		"--scalar-color-accent",
+		"--scalar-button-1",
+		"--scalar-link-color",
+		"--scalar-button-1-hover",
+		"--scalar-link-color-hover"
+	],
+	"--ord-primary-foreground": ["--scalar-button-1-color"],
+	"--ord-border": ["--scalar-border-color"],
+	"--ord-destructive": ["--scalar-color-red", "--scalar-color-danger"],
+	"--ord-success": ["--scalar-color-green"],
+	"--ord-warning": ["--scalar-color-orange"],
+	"--ord-radius": ["--scalar-radius", "--scalar-radius-lg"]
+};
+var SCALAR_SIDEBAR_MAP = {
+	"--ord-sidebar": ["--scalar-sidebar-background-1"],
+	"--ord-sidebar-foreground": ["--scalar-sidebar-color-1"],
+	"--ord-sidebar-primary": ["--scalar-sidebar-background-2"],
+	"--ord-sidebar-primary-foreground": ["--scalar-sidebar-color-2", "--scalar-sidebar-search-color"],
+	"--ord-sidebar-accent": [
+		"--scalar-sidebar-item-active-background",
+		"--scalar-sidebar-item-hover-background",
+		"--scalar-sidebar-search-background"
+	],
+	"--ord-sidebar-accent-foreground": ["--scalar-sidebar-color-active", "--scalar-sidebar-item-hover-color"],
+	"--ord-sidebar-border": ["--scalar-sidebar-border-color", "--scalar-sidebar-search-border-color"]
+};
+function formatValue(name, value) {
+	if (name === "--ord-radius") return `${value}px`;
+	return value;
+}
+var scalarAdapter = {
+	selector: ".scalar-app",
+	map(canonical) {
+		const out = {};
+		for (const [name, value] of Object.entries(canonical)) {
+			const targets = SCALAR_MAP[name];
+			if (!targets) continue;
+			const formatted = formatValue(name, value);
+			for (const target of targets) out[target] = formatted;
+		}
+		return out;
+	}
+};
+var scalarSidebarAdapter = {
+	selector: ".scalar-app .t-doc__sidebar",
+	map(canonical) {
+		const out = {};
+		for (const [name, value] of Object.entries(canonical)) {
+			const targets = SCALAR_SIDEBAR_MAP[name];
+			if (!targets) continue;
+			for (const target of targets) out[target] = value;
+		}
+		return out;
+	}
+};
+var scalarModeAdapter = {
+	selector: ".scalar-app .dark-mode, .scalar-app.dark-mode, .scalar-app .light-mode, .scalar-app.light-mode",
+	map(canonical) {
+		const out = {};
+		for (const [name, value] of Object.entries(canonical)) {
+			const targets = SCALAR_MAP[name];
+			if (!targets) continue;
+			const formatted = formatValue(name, value);
+			for (const target of targets) out[target] = formatted;
+		}
+		return out;
+	}
+};
+var SCALAR_HLJS_VARS = [
+	"--ord-hljs-attr",
+	"--ord-hljs-string",
+	"--ord-hljs-number",
+	"--ord-hljs-function",
+	"--ord-hljs-literal",
+	"--ord-hljs-punctuation",
+	"--ord-hljs-keyword",
+	"--ord-hljs-comment"
+];
+var scalarHljsAdapter = {
+	selector: ".scalar-app",
+	map(canonical) {
+		const out = {};
+		for (const name of SCALAR_HLJS_VARS) if (name in canonical) out[name] = canonical[name];
+		return out;
+	}
+};
+var scalarTeleportAdapter = {
+	selector: ".scalar-app, #headlessui-portal-root",
+	map(canonical) {
+		const out = {};
+		for (const [name, value] of Object.entries(canonical)) {
+			const targets = SCALAR_MAP[name];
+			if (!targets) continue;
+			const formatted = formatValue(name, value);
+			for (const target of targets) out[target] = formatted;
+		}
+		return out;
+	}
+};
+function buildScalarThemeStyles(id, theme) {
+	const scope = `[data-renderer-id="${id}"]`;
+	return [[
+		scalarAdapter,
+		scalarSidebarAdapter,
+		scalarModeAdapter,
+		scalarHljsAdapter
+	].map((adapter) => {
+		const mapped = adapter.map(theme);
+		const decls = Object.entries(mapped).map(([k, v]) => `  ${k}: ${v};`).join("\n");
+		if (!decls) return "";
+		return `${scope} ${adapter.selector} {\n${decls}\n}`;
+	}).filter(Boolean).join("\n\n"), (() => {
+		const mapped = scalarTeleportAdapter.map(theme);
+		const decls = Object.entries(mapped).map(([k, v]) => `  ${k}: ${v};`).join("\n");
+		if (!decls) return "";
+		return `${scalarTeleportAdapter.selector} {\n${decls}\n}`;
+	})()].filter(Boolean).join("\n\n");
+}
+//#endregion
+//#region src/lib/openApi/styles.ts
+var styles_default = `
+.sap-api-container {
+    display: flex;
+    flex-wrap: wrap;
+    container-type: inline-size;
+    border: var(--scalar-border-width) solid var(--scalar-border-color);
+    border-radius: var(--scalar-radius-lg);
+    margin-top: 8px;
+    font-size: var(--scalar-small);
+    line-height: var(--scalar-line-height-3);
+    overflow: hidden;
+}
+
+.sap-api-label {
+    color: var(--scalar-color-1);
+    width: 30%;
+    min-width: 20ch;
+    flex-shrink: 0;
+    background: var(--scalar-background-2);
+    padding: 6px 9px 6px 12px;
+    border-right: var(--scalar-border-width) solid var(--scalar-border-color);
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    font-weight: 500;
+}
+
+.sap-api-label--root {
+    min-width: 20ch;
+}
+
+.sap-api-value {
+    color: var(--scalar-color-2);
+    padding: 8px;
+    flex: 1 1 0;
+    min-width: 0;
+}
+
+.sap-api-value--root {
+    flex: 1 1 0;
+    min-width: 0;
+}
+
+.sap-api-list {
+    margin: 0 2ch;
+    list-style: disc;
+}
+
+.sap-api-link {
+    text-decoration: none;
+    color: var(--scalar-link-color);
+    transition: color 0.1s ease-in-out;
+    cursor: pointer;
+}
+
+.sap-api-ord-id {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+}
+
+.sap-api-ord-id-text {
+    flex: 1 1 auto;
+    min-width: 0;
+    word-break: break-all;
+}
+
+.sap-api-copy-btn {
+    flex-shrink: 0;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1em;
+    line-height: 1;
+    padding: 4px;
+    color: var(--scalar-color-2);
+    background: var(--scalar-background-2);
+    border: var(--scalar-border-width) solid var(--scalar-border-color);
+    border-radius: var(--scalar-radius);
+    transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
+}
+
+.sap-api-copy-btn:hover {
+    background: var(--scalar-background-3);
+    color: var(--scalar-color-1);
+}
+
+.sap-api-placeholder {
+    color: #999;
+}
+
+.sap-api-obj {
+    margin: 0;
+    padding-left: 12px;
+}
+
+.sap-api-obj-row {
+    margin-bottom: 4px;
+}
+
+.sap-api-obj-key {
+    font-weight: 600;
+    display: inline;
+}
+
+.sap-api-obj-val {
+    display: inline;
+    margin: 0;
+}
+
+/* Width-adaptive rows: react to the row's own available width (container-type above).
+   When the row is narrow, label and value wrap onto separate lines (label above value). */
+@container (max-width: 420px) {
+    .sap-api-label,
+    .sap-api-label--root {
+        flex-basis: 100%;
+        width: 100%;
+        min-width: 0;
+        border-right: none;
+        border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
+    }
+    .sap-api-value,
+    .sap-api-value--root {
+        flex-basis: 100%;
+        width: 100%;
+    }
+}
+
+a {
+    text-decoration: none;
+    color: var(--sapLinkColor);
+    transition: color 0.1s ease-in-out;
+    cursor: pointer;
+}
+a:hover {
+    text-decoration: underline;
+}
+
+/* Keyboard key: use Scalar background instead of Infima colors */
+.scalar-app kbd {
+    background: var(--scalar-background-1);
+    color: var(--scalar-color-1);
+    border: 1px solid var(--scalar-border-color);
+}
+
+/* Syntax highlighting — override --scalar-color-* with ThemeEditor --ord-hljs-* tokens */
+.scalar-app .hljs-attr,
+.scalar-app .hljs-attribute { color: var(--ord-hljs-attr); }
+
+.scalar-app .hljs-string,
+.scalar-app .hljs-regexp,
+.scalar-app .hljs-subst,
+.scalar-app .hljs-doctag,
+.scalar-app .hljs-bullet,
+.scalar-app .hljs-link,
+.scalar-app .hljs-meta,
+.scalar-app .hljs-symbol { color: var(--ord-hljs-string); }
+
+.scalar-app .hljs-number,
+.scalar-app .hljs-selector-attr,
+.scalar-app .hljs-selector-pseudo,
+.scalar-app .hljs-built_in { color: var(--ord-hljs-number); }
+
+.scalar-app .hljs-title.function_ { color: var(--ord-hljs-function); }
+
+.scalar-app .hljs-addition,
+.scalar-app .hljs-literal,
+.scalar-app .hljs-selector-tag,
+.scalar-app .hljs-type { color: var(--ord-hljs-literal); }
+
+.scalar-app .hljs-keyword { color: var(--ord-hljs-keyword); }
+
+.scalar-app .hljs-comment,
+.scalar-app .hljs-quote { color: var(--ord-hljs-comment); }
+
+.scalar-app .hljs-punctuation { color: var(--ord-hljs-punctuation); }
+
+/* Hide the "x-sap-schema-attrs" property heading row — the row exists only to
+   carry schema-level extension components; the key name should not be visible. */
+.scalar-app .property:has(.sap-schema-attrs-block) {
+    padding-top: 2px;
+}
+.scalar-app .property:has(.sap-schema-attrs-block) .property-heading {
+    display: none;
+}
+
+/* Override Scalar's sidebar height variable so the <aside> uses our measured container height
+   instead of Scalar's default 100dvh (which breaks when embedded in Docusaurus/non-fullscreen). */
+.scalar-app {
+    --refs-sidebar-height: calc(var(--scalar-container-height, 100dvh) - var(--refs-header-height, 0px));
+}
+`;
+//#endregion
+//#region src/lib/openApi/index.tsx
+function OpenApiRenderer({ content, customAttributes, className, theme }) {
+	const id = useId();
+	const containerRef = useRef(null);
+	const isDark = className?.split(/\s+/).includes("dark") ?? false;
+	const activeConfigs = useMemo(() => customAttributes ?? [], [customAttributes]);
+	const isEnabled = customAttributes !== void 0;
+	useEffect(() => {
+		const el = containerRef.current;
+		if (!el) return;
+		const ro = new ResizeObserver(([entry]) => {
+			el.style.setProperty("--scalar-container-height", `${entry.contentRect.height}px`);
+		});
+		ro.observe(el);
+		return () => {
+			ro.disconnect();
+			if (window.location.hash) history.replaceState(null, "", window.location.pathname + window.location.search);
+		};
+	}, []);
+	const customAttributesKey = useMemo(() => {
+		if (!isEnabled) return "";
+		const parsed = loadObject(content);
+		if (!parsed) return "";
+		return activeConfigs.flatMap((config) => extractCustomAttributeValues(parsed, config.prefixStartsWith ?? "").map(([k, v]) => `${k}=${JSON.stringify(v)}`)).join("|");
+	}, [
+		content,
+		isEnabled,
+		activeConfigs
+	]);
+	const configuration = useMemo(() => {
+		openApiContext.version = getVersion(content);
+		openApiContext.configs = isEnabled ? activeConfigs : [];
+		const parsed = loadObject(content);
+		const prefixes = activeConfigs.map((c) => c.prefixStartsWith).filter(Boolean);
+		return {
+			content: isEnabled && parsed && prefixes.length ? injectSchemaExtensions(parsed, prefixes) : parsed ?? content,
+			plugins: isEnabled ? [buildCustomAttributesPlugin(parsed, activeConfigs)] : [],
+			forceDarkModeState: isDark ? "dark" : "light",
+			hideDarkModeToggle: true,
+			hideClientButton: true,
+			showDeveloperTools: "never"
+		};
+	}, [
+		content,
+		isDark,
+		isEnabled,
+		activeConfigs
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		ref: containerRef,
+		"data-renderer-id": id,
+		style: {
+			height: "100%",
+			...theme
+		},
+		children: [
+			/* @__PURE__ */ jsx("style", { children: styles_default }),
+			theme && /* @__PURE__ */ jsx("style", { children: buildScalarThemeStyles(id, theme) }),
+			/* @__PURE__ */ jsx(ApiReferenceReact, { configuration }, `${isDark ? "dark" : "light"}-${isEnabled}-${customAttributesKey}`)
+		]
+	});
+}
+//#endregion
+export { attributeLink as n, OpenApiRenderer as t };