@clarify-labs/renderer 0.4.0 → 0.6.0

package/output/OpenApiOperation-mhoi-s4N.cjs

@@ -0,0 +1,1840 @@
+const require_chunk = require("./chunk-DakpK96I.cjs");
+const require_shell = require("./shell-_MyLsMUI.cjs");
+const require_remark = require("./remark-DNOdJz5i.cjs");
+let clsx = require("clsx");
+clsx = require_chunk.__toESM(clsx, 1);
+let react = require("react");
+let react_router_dom = require("react-router-dom");
+let _headlessui_react = require("@headlessui/react");
+let lucide_react = require("lucide-react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_markdown = require("react-markdown");
+react_markdown = require_chunk.__toESM(react_markdown, 1);
+let github_slugger = require("github-slugger");
+let _scalar_snippetz = require("@scalar/snippetz");
+//#region source/mdx/primitives.tsx
+var primitives_exports = /* @__PURE__ */ require_chunk.__exportAll({
+	Button: () => require_shell.Button,
+	Callout: () => require_shell.Callout,
+	Card: () => require_shell.Card,
+	CardGroup: () => require_shell.CardGroup,
+	CodeGroup: () => require_shell.CodeGroup,
+	Col: () => Col,
+	Note: () => Note,
+	Properties: () => Properties,
+	Property: () => Property,
+	Row: () => Row,
+	a: () => a,
+	code: () => code,
+	h2: () => h2,
+	h3: () => h3,
+	pre: () => pre,
+	wrapper: () => wrapper
+});
+function wrapper(arg0) {
+	const { children } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("article", {
+		className: "clarify-mdx-page flex h-full flex-col pt-16 pb-10",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shell.Prose, {
+			className: "flex-auto",
+			children
+		})
+	});
+}
+function a(arg0) {
+	const { href = "", ...props } = arg0;
+	if (href.startsWith("/") && !href.startsWith("//")) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.Link, {
+		to: href,
+		...props
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		href,
+		...props
+	});
+}
+var code = require_shell.Code;
+var pre = require_shell.Pre;
+function h2(props) {
+	return (0, react.createElement)(require_shell.Heading, {
+		level: 2,
+		...props
+	});
+}
+function h3(props) {
+	return (0, react.createElement)(require_shell.Heading, {
+		level: 3,
+		...props
+	});
+}
+function InfoIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		viewBox: "0 0 16 16",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: "8",
+				cy: "8",
+				r: "8",
+				strokeWidth: "0"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "none",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: "1.5",
+				d: "M6.75 7.75h1.5v3.5"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: "8",
+				cy: "4",
+				r: ".5",
+				fill: "none"
+			})
+		]
+	});
+}
+function Note(arg0) {
+	const { children } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "clarify-note my-6 flex gap-2.5 rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-ui-accent-border) bg-(--clarify-ui-accent-background) p-4 text-sm/6 text-(--clarify-theme-tokens-colors-foreground) dark:text-zinc-100 dark:[--tw-prose-links-hover:var(--clarify-ui-accent-text)] dark:[--tw-prose-links:var(--color-white)]",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoIcon, { className: "mt-1 h-4 w-4 flex-none fill-(--clarify-ui-accent-text) stroke-(--clarify-theme-tokens-colors-surface) dark:fill-(--clarify-ui-accent-background) dark:stroke-(--clarify-ui-accent-text)" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "*:first:mt-0 *:last:mb-0",
+			children
+		})]
+	});
+}
+function Row(arg0) {
+	const { children } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "clarify-row grid grid-cols-1 items-start gap-x-8 gap-y-10 xl:max-w-none xl:grid-cols-2",
+		children
+	});
+}
+function Col(arg0) {
+	const { children, sticky = false } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, clsx.default)("clarify-col *:first:mt-0 *:last:mb-0", sticky && "xl:sticky xl:top-24"),
+		children
+	});
+}
+function Properties(arg0) {
+	const { children } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "clarify-properties my-6",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+			role: "list",
+			className: "m-0 list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5",
+			children
+		})
+	});
+}
+function Property(arg0) {
+	const { name, children, type } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		className: "clarify-property m-0 px-0 py-4 first:pt-0 last:pb-0",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
+			className: "m-0 flex flex-wrap items-center gap-x-3 gap-y-2",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
+					className: "sr-only",
+					children: "Name"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-sm/5 font-semibold text-zinc-950 dark:text-white",
+					children: name
+				}) }),
+				type ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
+					className: "sr-only",
+					children: "Type"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
+					className: "text-xs text-(--clarify-theme-tokens-colors-muted) dark:text-zinc-500",
+					children: type
+				})] }) : null,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
+					className: "sr-only",
+					children: "Description"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
+					className: "w-full flex-none *:first:mt-0 *:last:mb-0",
+					children
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region source/mdx/Markdown.tsx
+var markdownComponents = {
+	a(props) {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(a, { ...props });
+	},
+	code(props) {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(code, { ...props });
+	},
+	pre(arg0) {
+		const { children, ...props } = arg0;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(pre, {
+			...props,
+			children
+		});
+	}
+};
+function Markdown(arg0) {
+	const { children, className } = arg0;
+	if (!children) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_markdown.default, {
+			components: markdownComponents,
+			remarkPlugins: require_remark.markdownRemarkPlugins,
+			children
+		})
+	});
+}
+//#endregion
+//#region source/openapi/lib/helpers.ts
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isReference(value) {
+	return isRecord(value) && typeof value.$ref === "string";
+}
+function resolveReferenceName(ref) {
+	return ref.split("/").filter(Boolean).at(-1) ?? ref;
+}
+function resolveOpenApiRef(spec, ref) {
+	if (!ref.startsWith("#/")) return void 0;
+	return ref.slice(2).split("/").map((part) => part.replace(/~1/g, "/").replace(/~0/g, "~")).reduce((current, part) => isRecord(current) ? current[part] : void 0, spec);
+}
+function resolveSchema(spec, schema, seen = /* @__PURE__ */ new Set()) {
+	if (!isReference(schema)) return schema;
+	if (seen.has(schema.$ref)) return schema;
+	seen.add(schema.$ref);
+	return resolveSchema(spec, resolveOpenApiRef(spec, schema.$ref), seen) ?? schema;
+}
+function getPathItem(spec, path) {
+	return resolveObjectRef(spec, spec.paths?.[path]);
+}
+function resolveObjectRef(spec, value) {
+	const resolved = spec && isReference(value) ? resolveOpenApiRef(spec, value.$ref) : value;
+	return isRecord(resolved) && !isReference(resolved) ? resolved : void 0;
+}
+function schemaHasType(schema, type) {
+	if (!isRecord(schema)) return false;
+	return schema.type === type || Array.isArray(schema.type) && schema.type.includes(type);
+}
+function getOperationParameters(spec, path, operation) {
+	const pathParameters = getPathItem(spec, path)?.parameters;
+	const operationParameters = operation.parameters;
+	const parameters = [...Array.isArray(pathParameters) ? pathParameters : [], ...Array.isArray(operationParameters) ? operationParameters : []].map((parameter) => resolveObjectRef(spec, parameter)).filter((parameter) => Boolean(parameter));
+	const deduped = /* @__PURE__ */ new Map();
+	for (const parameter of parameters) {
+		const key = parameter.name && parameter.in ? `${parameter.in}:${parameter.name}` : void 0;
+		if (key) deduped.set(key, parameter);
+	}
+	return parameters.filter((parameter) => {
+		const key = parameter.name && parameter.in ? `${parameter.in}:${parameter.name}` : void 0;
+		return key ? deduped.get(key) === parameter : true;
+	});
+}
+function getRequestBody$1(spec, operation) {
+	const requestBody = operation.requestBody;
+	return resolveObjectRef(spec, requestBody);
+}
+function getMediaTypeEntries(content, spec) {
+	if (!isRecord(content)) return [];
+	return Object.entries(content).map(([mediaType, value]) => ({
+		mediaType,
+		value: resolveObjectRef(spec, value)
+	})).filter((entry) => Boolean(entry.value)).sort((a, z) => {
+		return (a.mediaType.includes("json") ? 0 : 1) - (z.mediaType.includes("json") ? 0 : 1);
+	});
+}
+function getJsonLikeContent(content, spec) {
+	return getMediaTypeEntries(content, spec)[0];
+}
+function getExampleValue(example) {
+	if (isRecord(example) && "value" in example) return example.value;
+	if (isRecord(example) && "externalValue" in example) return void 0;
+	return example;
+}
+function getExampleTitle(key, example) {
+	if (isRecord(example)) {
+		const summary = typeof example.summary === "string" ? example.summary : void 0;
+		return {
+			title: summary ?? key,
+			summary
+		};
+	}
+	return { title: key };
+}
+function getExampleEntries(mediaType) {
+	if (!mediaType) return [];
+	if (isRecord(mediaType.examples)) {
+		const examples = [];
+		for (const [key, example] of Object.entries(mediaType.examples)) {
+			const value = getExampleValue(example);
+			if (typeof value === "undefined") continue;
+			const { title, summary } = getExampleTitle(key, example);
+			examples.push({
+				key,
+				title,
+				summary,
+				value
+			});
+		}
+		if (examples.length > 0) return examples;
+	}
+	if (typeof mediaType.example !== "undefined") return [{
+		key: "default",
+		title: "Example",
+		value: mediaType.example
+	}];
+	const generated = schemaToExample(mediaType.schema);
+	return typeof generated === "undefined" ? [] : [{
+		key: "schema",
+		title: "schema",
+		value: generated,
+		generated: true
+	}];
+}
+function getContentExample(mediaType) {
+	return getExampleEntries(mediaType)[0]?.value;
+}
+function schemaToType(schema) {
+	if (!isRecord(schema)) return void 0;
+	if (isReference(schema)) return resolveReferenceName(schema.$ref);
+	if (typeof schema.const !== "undefined") return JSON.stringify(schema.const);
+	if (Array.isArray(schema.enum)) return schema.enum.map(String).join(" | ");
+	const oneOf = schema.oneOf ?? schema.anyOf;
+	if (Array.isArray(oneOf)) return oneOf.map(schemaToType).filter(Boolean).join(" | ");
+	if (Array.isArray(schema.allOf)) return schema.allOf.map(schemaToType).filter(Boolean).join(" & ");
+	if (schemaHasType(schema, "array")) return `${schemaToType(schema.items) ?? "unknown"}[]`;
+	const type = Array.isArray(schema.type) ? schema.type.map(String).join(" | ") : schema.type;
+	return typeof type === "string" ? [type, typeof schema.format === "string" ? `<${schema.format}>` : void 0].filter(Boolean).join("") : void 0;
+}
+function schemaToExample(schema, depth = 0) {
+	if (!isRecord(schema) || depth > 3) return void 0;
+	if (typeof schema.example !== "undefined") return schema.example;
+	if (typeof schema.default !== "undefined") return schema.default;
+	if (Array.isArray(schema.enum)) return schema.enum[0];
+	if (isReference(schema)) return { id: resolveReferenceName(schema.$ref) };
+	if (schemaHasType(schema, "array")) return [schemaToExample(schema.items, depth + 1) ?? "string"];
+	if (schemaHasType(schema, "object") || isRecord(schema.properties)) {
+		const properties = isRecord(schema.properties) ? schema.properties : {};
+		return Object.fromEntries(Object.entries(properties).slice(0, 8).map(([name, propertySchema]) => [name, schemaToExample(propertySchema, depth + 1) ?? exampleForType(schemaToType(propertySchema))]));
+	}
+	return exampleForType(schemaToType(schema));
+}
+function exampleForType(type) {
+	if (!type) return "string";
+	if (type.endsWith("[]")) return [];
+	if (type.includes("integer") || type.includes("number")) return 42;
+	if (type.includes("boolean")) return true;
+	if (type.includes("object")) return {};
+	return "string";
+}
+function stringifyExample(value) {
+	if (typeof value === "undefined") return "";
+	if (typeof value === "string") return value;
+	return JSON.stringify(value, null, 2);
+}
+function getResponseEntries(operation, spec) {
+	const responses = operation.responses;
+	if (!isRecord(responses)) return [];
+	return Object.entries(responses).map(([status, response]) => ({
+		status,
+		response: resolveObjectRef(spec, response)
+	})).filter((entry) => Boolean(entry.response));
+}
+function codeLanguageForMediaType(mediaType) {
+	if (!mediaType) return "json";
+	if (mediaType.includes("json")) return "json";
+	if (mediaType.includes("yaml") || mediaType.includes("yml")) return "yaml";
+	if (mediaType.startsWith("text/")) return "text";
+	if (mediaType.includes("xml")) return "xml";
+	return "text";
+}
+//#endregion
+//#region source/openapi/lib/request-code.ts
+var snippetGenerator = (0, _scalar_snippetz.snippetz)();
+function getDefaultServer(spec) {
+	const servers = spec.servers;
+	if (!Array.isArray(servers)) return { url: "https://api.example.com" };
+	const firstServer = servers.find(isRecord);
+	return firstServer && typeof firstServer.url === "string" ? firstServer : { url: "https://api.example.com" };
+}
+function expandServerUrl(server, serverVariables = {}) {
+	return (server.url ?? "https://api.example.com").replace(/\{([^}]+)\}/g, (_, name) => {
+		const fallback = server.variables?.[name]?.default ?? name;
+		return serverVariables[name] ?? fallback;
+	});
+}
+function buildOperationUrl(input) {
+	return `${expandServerUrl(input.server ?? getDefaultServer(input.spec), input.serverVariables).replace(/\/$/, "")}${input.path}`;
+}
+function getQueryString(parameters, auth) {
+	const queryString = parameters.filter((parameter) => parameter.in === "query" && parameter.name).map((parameter) => ({
+		name: parameter.name,
+		value: encodeUrlPlaceholders(`{${parameter.name}}`)
+	}));
+	if (auth?.scheme.type === "apiKey" && auth.scheme.in === "query" && auth.scheme.name) queryString.push({
+		name: auth.scheme.name,
+		value: auth.value
+	});
+	return queryString;
+}
+function isFormMediaType(mediaType) {
+	return mediaType.includes("multipart/form-data") || mediaType.includes("application/x-www-form-urlencoded");
+}
+function isBinarySchema(schema) {
+	return isRecord(schema) && schema.type === "string" && schema.format === "binary";
+}
+function getSchemaProperties(schema) {
+	return isRecord(schema) && isRecord(schema.properties) ? schema.properties : {};
+}
+function getFieldValue(name, value, schema) {
+	if (isRecord(value) && typeof value[name] !== "undefined") return value[name];
+	if (isBinarySchema(schema)) return `@${name}`;
+}
+function getFormParams(value, requestContent) {
+	const properties = getSchemaProperties(requestContent.value.schema);
+	return Array.from(new Set([...Object.keys(properties), ...isRecord(value) ? Object.keys(value) : []])).flatMap((name) => {
+		const fieldValue = getFieldValue(name, value, properties[name]);
+		if (typeof fieldValue === "undefined") return [];
+		const contentType = requestContent.value.encoding?.[name]?.contentType;
+		return [{
+			name,
+			value: typeof fieldValue === "string" ? fieldValue : stringifyExample(fieldValue),
+			...contentType ? { contentType } : {}
+		}];
+	});
+}
+function getBodySize(requestBody) {
+	if (requestBody?.serialized) return requestBody.serialized.length;
+	return requestBody?.params?.reduce((size, param) => size + param.name.length + String(param.value ?? "").length, 0) ?? 0;
+}
+function getRequestBody(requestContent) {
+	const value = getContentExample(requestContent?.value);
+	if (!requestContent || typeof value === "undefined") return void 0;
+	if (isFormMediaType(requestContent.mediaType)) {
+		const params = getFormParams(value, requestContent);
+		return params.length > 0 ? { params } : void 0;
+	}
+	return { serialized: stringifyExample(value) };
+}
+function getAuthorizationValue(auth) {
+	if (auth.scheme.type === "http" && auth.scheme.scheme?.toLowerCase() === "bearer") return `Bearer ${auth.value}`;
+	if (auth.scheme.type === "http" && auth.scheme.scheme?.toLowerCase() === "basic") return `Basic ${auth.value}`;
+	if (auth.scheme.type === "oauth2" || auth.scheme.type === "openIdConnect") return `Bearer ${auth.value}`;
+}
+function getAuthHeaders(auth) {
+	if (!auth) return {};
+	if (auth.scheme.type === "apiKey" && auth.scheme.in === "header" && auth.scheme.name) return { [auth.scheme.name]: auth.value };
+	const authorization = getAuthorizationValue(auth);
+	return authorization ? { Authorization: authorization } : {};
+}
+function getRequestHeaders(requestContent, auth) {
+	return {
+		...getAuthHeaders(auth),
+		Accept: "application/json",
+		...requestContent ? { "Content-Type": requestContent.mediaType } : {}
+	};
+}
+function encodeUrlPlaceholders(url) {
+	return url.replace(/\{([^}]+)\}/g, (_, name) => `%7B${encodeURIComponent(name)}%7D`);
+}
+function decodeUrlPlaceholders(code) {
+	return code.replace(/%7B([^%]+)%7D/g, (_, name) => `{${decodeURIComponent(name)}}`);
+}
+function buildHarRequest(input) {
+	const requestBody = getRequestBody(input.requestContent);
+	const url = encodeUrlPlaceholders(buildOperationUrl(input));
+	return {
+		method: input.method,
+		url,
+		httpVersion: "HTTP/1.1",
+		cookies: [],
+		headers: Object.entries(getRequestHeaders(input.requestContent, input.auth)).map(([name, value]) => ({
+			name,
+			value
+		})),
+		queryString: getQueryString(input.parameters, input.auth),
+		headersSize: -1,
+		bodySize: getBodySize(requestBody),
+		postData: requestBody ? {
+			mimeType: input.requestContent?.mediaType ?? "",
+			...requestBody.serialized ? { text: requestBody.serialized } : {},
+			...requestBody.params ? { params: requestBody.params } : {}
+		} : void 0
+	};
+}
+function buildSnippet(input, target) {
+	return decodeUrlPlaceholders(snippetGenerator.print(target.target, target.client, buildHarRequest(input)) || "");
+}
+var requestSnippetOptions = [
+	{
+		languageKey: "shell",
+		title: "Shell",
+		language: "bash",
+		target: "shell",
+		client: "curl",
+		clientTitle: "cURL"
+	},
+	{
+		languageKey: "shell",
+		title: "Shell",
+		language: "bash",
+		target: "shell",
+		client: "wget",
+		clientTitle: "Wget"
+	},
+	{
+		languageKey: "shell",
+		title: "Shell",
+		language: "bash",
+		target: "shell",
+		client: "httpie",
+		clientTitle: "HTTPie"
+	},
+	{
+		languageKey: "javascript",
+		title: "JavaScript",
+		language: "javascript",
+		target: "js",
+		client: "fetch",
+		clientTitle: "Fetch"
+	},
+	{
+		languageKey: "javascript",
+		title: "JavaScript",
+		language: "javascript",
+		target: "js",
+		client: "axios",
+		clientTitle: "Axios"
+	},
+	{
+		languageKey: "javascript",
+		title: "JavaScript",
+		language: "javascript",
+		target: "js",
+		client: "ofetch",
+		clientTitle: "ofetch"
+	},
+	{
+		languageKey: "javascript",
+		title: "JavaScript",
+		language: "javascript",
+		target: "js",
+		client: "xhr",
+		clientTitle: "XHR"
+	},
+	{
+		languageKey: "typescript",
+		title: "TypeScript",
+		language: "typescript",
+		target: "js",
+		client: "fetch",
+		clientTitle: "Fetch"
+	},
+	{
+		languageKey: "typescript",
+		title: "TypeScript",
+		language: "typescript",
+		target: "js",
+		client: "axios",
+		clientTitle: "Axios"
+	},
+	{
+		languageKey: "typescript",
+		title: "TypeScript",
+		language: "typescript",
+		target: "js",
+		client: "ofetch",
+		clientTitle: "ofetch"
+	},
+	{
+		languageKey: "python",
+		title: "Python",
+		language: "python",
+		target: "python",
+		client: "requests",
+		clientTitle: "Requests"
+	},
+	{
+		languageKey: "python",
+		title: "Python",
+		language: "python",
+		target: "python",
+		client: "python3",
+		clientTitle: "http.client"
+	},
+	{
+		languageKey: "python",
+		title: "Python",
+		language: "python",
+		target: "python",
+		client: "httpx_sync",
+		clientTitle: "HTTPX"
+	},
+	{
+		languageKey: "python",
+		title: "Python",
+		language: "python",
+		target: "python",
+		client: "aiohttp",
+		clientTitle: "aiohttp"
+	},
+	{
+		languageKey: "go",
+		title: "Go",
+		language: "go",
+		target: "go",
+		client: "native",
+		clientTitle: "NewRequest"
+	},
+	{
+		languageKey: "node",
+		title: "Node.js",
+		language: "javascript",
+		target: "node",
+		client: "fetch",
+		clientTitle: "Fetch"
+	},
+	{
+		languageKey: "node",
+		title: "Node.js",
+		language: "javascript",
+		target: "node",
+		client: "axios",
+		clientTitle: "Axios"
+	},
+	{
+		languageKey: "node",
+		title: "Node.js",
+		language: "javascript",
+		target: "node",
+		client: "ofetch",
+		clientTitle: "ofetch"
+	},
+	{
+		languageKey: "node",
+		title: "Node.js",
+		language: "javascript",
+		target: "node",
+		client: "undici",
+		clientTitle: "undici"
+	},
+	{
+		languageKey: "java",
+		title: "Java",
+		language: "java",
+		target: "java",
+		client: "nethttp",
+		clientTitle: "java.net.http"
+	},
+	{
+		languageKey: "java",
+		title: "Java",
+		language: "java",
+		target: "java",
+		client: "okhttp",
+		clientTitle: "OkHttp"
+	},
+	{
+		languageKey: "java",
+		title: "Java",
+		language: "java",
+		target: "java",
+		client: "unirest",
+		clientTitle: "Unirest"
+	},
+	{
+		languageKey: "java",
+		title: "Java",
+		language: "java",
+		target: "java",
+		client: "asynchttp",
+		clientTitle: "AsyncHttp"
+	},
+	{
+		languageKey: "csharp",
+		title: "C#",
+		language: "csharp",
+		target: "csharp",
+		client: "httpclient",
+		clientTitle: "HttpClient"
+	},
+	{
+		languageKey: "csharp",
+		title: "C#",
+		language: "csharp",
+		target: "csharp",
+		client: "restsharp",
+		clientTitle: "RestSharp"
+	},
+	{
+		languageKey: "php",
+		title: "PHP",
+		language: "php",
+		target: "php",
+		client: "guzzle",
+		clientTitle: "Guzzle"
+	},
+	{
+		languageKey: "php",
+		title: "PHP",
+		language: "php",
+		target: "php",
+		client: "curl",
+		clientTitle: "cURL"
+	},
+	{
+		languageKey: "php",
+		title: "PHP",
+		language: "php",
+		target: "php",
+		client: "laravel",
+		clientTitle: "Laravel HTTP Client"
+	},
+	{
+		languageKey: "ruby",
+		title: "Ruby",
+		language: "ruby",
+		target: "ruby",
+		client: "native",
+		clientTitle: "net::http"
+	},
+	{
+		languageKey: "rust",
+		title: "Rust",
+		language: "rust",
+		target: "rust",
+		client: "reqwest",
+		clientTitle: "reqwest"
+	},
+	{
+		languageKey: "swift",
+		title: "Swift",
+		language: "swift",
+		target: "swift",
+		client: "nsurlsession",
+		clientTitle: "NSURLSession"
+	},
+	{
+		languageKey: "kotlin",
+		title: "Kotlin",
+		language: "kotlin",
+		target: "kotlin",
+		client: "okhttp",
+		clientTitle: "OkHttp"
+	},
+	{
+		languageKey: "powershell",
+		title: "PowerShell",
+		language: "powershell",
+		target: "powershell",
+		client: "restmethod",
+		clientTitle: "Invoke-RestMethod"
+	},
+	{
+		languageKey: "powershell",
+		title: "PowerShell",
+		language: "powershell",
+		target: "powershell",
+		client: "webrequest",
+		clientTitle: "Invoke-WebRequest"
+	}
+];
+function buildRequestCodeExamples(input) {
+	return requestSnippetOptions.map((option) => ({
+		key: `${option.languageKey}:${option.client}`,
+		title: option.title,
+		language: option.language,
+		languageKey: option.languageKey,
+		clientKey: option.client,
+		clientTitle: option.clientTitle,
+		code: buildSnippet(input, option)
+	}));
+}
+//#endregion
+//#region source/openapi/components/ExamplePanels.tsx
+function SelectControl(arg0) {
+	const { label, value, options, onChange, icon, compact = false } = arg0;
+	const normalizedOptions = options.map((option) => typeof option === "string" ? {
+		value: option,
+		label: option
+	} : option);
+	const selectedOption = normalizedOptions.find((option) => option.value === value) ?? normalizedOptions[0];
+	const wrapperClassName = compact ? "clarify-api-select relative min-w-0 text-xs" : "clarify-api-select relative shrink-0 text-xs";
+	const buttonSizeClassName = compact ? "w-full min-w-0 max-w-32" : "min-w-28 max-w-48";
+	if (normalizedOptions.length <= 1) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.Listbox, {
+		value,
+		onChange,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: wrapperClassName,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.ListboxButton, {
+				"aria-label": label,
+				className: `clarify-api-select-button flex ${buttonSizeClassName} items-center justify-between gap-2 rounded-lg bg-black/30 px-2 py-1 text-xs font-medium whitespace-nowrap text-zinc-100 outline-hidden transition hover:bg-black/50 focus:ring-2 focus:ring-emerald-400/25 data-open:bg-white/10 data-open:ring-2 data-open:ring-emerald-400/25`,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "flex min-w-0 items-center gap-1.5 overflow-hidden",
+					children: [icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "shrink-0 text-zinc-500",
+						children: icon
+					}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "truncate",
+						children: selectedOption?.label ?? value
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsUpDownIcon, {
+					className: "h-3.5 w-3.5 shrink-0 text-zinc-500",
+					"aria-hidden": "true"
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.ListboxOptions, {
+				anchor: "bottom end",
+				className: "clarify-api-select-options z-30 mt-1 max-h-64 w-max min-w-(--button-width) max-w-[min(32rem,calc(100vw-2rem))] overflow-auto rounded-xl bg-zinc-900 p-1 text-xs shadow-lg shadow-black/20 ring-1 ring-white/10 [--anchor-gap:--spacing(1)] focus:outline-none",
+				children: normalizedOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.ListboxOption, {
+					value: option.value,
+					className: "clarify-api-select-option group flex cursor-default items-center justify-between gap-3 rounded-lg px-2.5 py-2 text-xs whitespace-nowrap text-zinc-300 select-none data-focus:bg-white/10 data-focus:text-white data-selected:text-emerald-300",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: option.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckIcon, {
+						className: "h-3.5 w-3.5 shrink-0 opacity-0 group-data-selected:opacity-100",
+						"aria-hidden": "true"
+					})]
+				}, option.value))
+			})]
+		})
+	});
+}
+function getExampleLabel(example, t) {
+	return example.generated && example.title === "schema" ? t("openapi.schemaExample") : example.title;
+}
+function getLanguageOptions(codeOptions) {
+	const languages = /* @__PURE__ */ new Map();
+	for (const option of codeOptions ?? []) languages.set(option.languageKey, option.title);
+	return Array.from(languages, ([value, label]) => ({
+		value,
+		label
+	}));
+}
+function getClientOptions(codeOptions, languageKey) {
+	return (codeOptions ?? []).filter((option) => option.languageKey === languageKey).map((option) => ({
+		value: option.clientKey,
+		label: option.clientTitle
+	}));
+}
+function getServers(spec, operation, path) {
+	const operationServers = operation.servers;
+	const pathServers = path ? getPathItem(spec, path)?.servers : void 0;
+	const servers = Array.isArray(operationServers) ? operationServers : Array.isArray(pathServers) ? pathServers : spec.servers;
+	if (!Array.isArray(servers)) return [{ url: "https://api.example.com" }];
+	const validServers = servers.filter((server) => isRecord(server) && typeof server.url === "string");
+	return validServers.length > 0 ? validServers : [{ url: "https://api.example.com" }];
+}
+function getServerKey(server, index) {
+	return `${index}:${server.url ?? ""}`;
+}
+function getServerLabel(server, index) {
+	return server.description ? `${server.description} (${server.url})` : server.url ?? `Server ${index + 1}`;
+}
+function defaultServerVariables(server) {
+	return Object.fromEntries(Object.entries(server?.variables ?? {}).map(([name, variable]) => [name, variable.default ?? variable.enum?.[0] ?? ""]));
+}
+function getSecuritySchemes(spec) {
+	const schemes = spec.components;
+	if (!isRecord(schemes) || !isRecord(schemes.securitySchemes)) return {};
+	return Object.fromEntries(Object.entries(schemes.securitySchemes).filter((entry) => isRecord(entry[1])));
+}
+function getSecurityRequirements(spec, operation) {
+	const operationSecurity = operation.security;
+	if (Array.isArray(operationSecurity)) return operationSecurity.filter(isRecord);
+	const specSecurity = spec.security;
+	return Array.isArray(specSecurity) ? specSecurity.filter(isRecord) : [];
+}
+function getAuthOptions(spec, operation) {
+	const schemes = getSecuritySchemes(spec);
+	const requirements = getSecurityRequirements(spec, operation);
+	const names = new Set(requirements.flatMap((requirement) => Object.keys(requirement)));
+	return Array.from(names).map((name) => ({
+		name,
+		scheme: schemes[name]
+	})).filter((option) => Boolean(option.scheme));
+}
+function authPlaceholder(auth) {
+	if (!auth) return "";
+	if (auth.scheme.type === "apiKey") return "{api_key}";
+	if (auth.scheme.type === "http" && auth.scheme.scheme?.toLowerCase() === "basic") return "{base64_credentials}";
+	return "{token}";
+}
+function authLabel(name, scheme) {
+	return `${name}${scheme.type === "apiKey" && scheme.in && scheme.name ? ` · ${scheme.in}: ${scheme.name}` : ""}`;
+}
+function CopyCodeButton(arg0) {
+	const { code } = arg0;
+	const t = require_shell.useBuiltInText();
+	const [copied, setCopied] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		onClick: () => {
+			require_shell.copyTextToClipboard(code).then((ok) => {
+				if (!ok) return;
+				setCopied(true);
+				window.setTimeout(() => setCopied(false), 1e3);
+			});
+		},
+		className: "flex items-center gap-1.5 rounded-full bg-black/ px-2.5 py-1.5 text-2xs font-medium text-zinc-400 transition hover:bg-black/50 hover:text-zinc-200 focus:bg-black/50 focus:text-zinc-200",
+		children: [copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckIcon, {
+			className: "h-3.5 w-3.5 text-emerald-300",
+			"aria-hidden": "true"
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ClipboardIcon, {
+			className: "h-3.5 w-3.5 text-zinc-500",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: copied ? t("actions.copied") : t("actions.copy") })]
+	});
+}
+function ExampleMetaValue(arg0) {
+	const { label, value, options, onChange, className } = arg0;
+	if (options && options.length > 1 && onChange) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectControl, {
+		label,
+		value,
+		options,
+		onChange
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className,
+		children: value
+	});
+}
+function CodeToolbar(arg0) {
+	const { code, languageOptions, selectedLanguageKey, onSelectLanguage, clientOptions, selectedClientKey, onSelectClient } = arg0;
+	const t = require_shell.useBuiltInText();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "absolute top-3.5 right-4 left-4 z-10 flex items-center justify-between gap-3",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex min-w-0 items-center gap-2",
+			children: [languageOptions && languageOptions.length > 1 && selectedLanguageKey && onSelectLanguage ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectControl, {
+				label: t("openapi.language"),
+				value: selectedLanguageKey,
+				options: languageOptions,
+				onChange: onSelectLanguage,
+				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CodeIcon, {
+					className: "h-3.5 w-3.5",
+					"aria-hidden": "true"
+				})
+			}) : null, clientOptions && clientOptions.length > 1 && selectedClientKey && onSelectClient ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectControl, {
+				label: t("openapi.client"),
+				value: selectedClientKey,
+				options: clientOptions,
+				onChange: onSelectClient,
+				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PackageIcon, {
+					className: "h-3.5 w-3.5",
+					"aria-hidden": "true"
+				})
+			}) : null]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyCodeButton, { code })]
+	});
+}
+function ApiExampleCodeGroup(arg0) {
+	const { title, tag, tagOptions, onSelectTag, label, labelOptions, onSelectLabel, comfortableMeta = false, code, language, mediaTypes, selectedMediaType, onSelectMediaType, examples, selectedExampleKey, onSelectExample, languageOptions, selectedLanguageKey, onSelectLanguage, clientOptions, selectedClientKey, onSelectClient } = arg0;
+	const t = require_shell.useBuiltInText();
+	const metaClassName = comfortableMeta ? "flex min-h-11 min-w-0 items-center gap-2 border-y border-t-transparent border-b-white/7.5 bg-zinc-900 px-4 py-2 dark:border-b-white/5 dark:bg-white/1" : "flex h-9 min-w-0 items-center gap-2 border-y border-t-transparent border-b-white/7.5 bg-zinc-900 px-4 dark:border-b-white/5 dark:bg-white/1";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "clarify-api-example my-6 overflow-hidden rounded-2xl bg-zinc-900 shadow-md dark:ring-1 dark:ring-white/10",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "not-prose",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "clarify-api-example-header flex min-h-[calc(--spacing(12)+1px)] items-center gap-3 border-b border-zinc-700 bg-zinc-800 px-4 py-2 dark:border-zinc-800 dark:bg-transparent",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: "mr-auto min-w-16 truncate py-1 text-xs font-semibold text-white",
+						children: title
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "ml-auto flex min-w-0 items-center gap-2 whitespace-nowrap",
+						children: [mediaTypes && mediaTypes.length > 1 && selectedMediaType && onSelectMediaType ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectControl, {
+							label: t("openapi.mediaType"),
+							value: selectedMediaType,
+							options: mediaTypes,
+							onChange: onSelectMediaType,
+							compact: true
+						}) : null, examples && examples.length > 1 && selectedExampleKey && onSelectExample ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectControl, {
+							label: t("openapi.example"),
+							value: selectedExampleKey,
+							options: examples.map((example) => ({
+								value: example.key,
+								label: getExampleLabel(example, t)
+							})),
+							onChange: onSelectExample,
+							compact: true
+						}) : null]
+					})]
+				}),
+				tag || label ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: metaClassName,
+					children: [
+						tag ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExampleMetaValue, {
+							label: t("openapi.status"),
+							value: tag,
+							options: tagOptions,
+							onChange: onSelectTag,
+							className: "clarify-api-example-status font-semibold text-emerald-400"
+						}) : null,
+						tag && label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "h-0.5 w-0.5 shrink-0 rounded-full bg-zinc-500" }) : null,
+						label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExampleMetaValue, {
+							label: t("openapi.mediaType"),
+							value: label,
+							options: labelOptions,
+							onChange: onSelectLabel,
+							className: "min-w-0 truncate text-xs text-zinc-400"
+						}) : null
+					]
+				}) : null,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "clarify-api-example-code group relative",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeToolbar, {
+						code,
+						languageOptions,
+						selectedLanguageKey,
+						onSelectLanguage,
+						clientOptions,
+						selectedClientKey,
+						onSelectClient
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+						className: `overflow-x-auto p-4 text-xs text-white ${languageOptions && languageOptions.length > 1 ? "pt-14" : ""}`,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+							className: `language-${language}`,
+							children: code
+						})
+					})]
+				})
+			]
+		})
+	});
+}
+function RequestExamplesPanel(arg0) {
+	const { spec, path, method, parameters, requestContents, selectedMediaType, onSelectMediaType, selectedServer, serverVariables, auth } = arg0;
+	const t = require_shell.useBuiltInText();
+	const selectedContent = requestContents.find((content) => content.mediaType === selectedMediaType) ?? requestContents[0];
+	const examples = getExampleEntries(selectedContent?.value);
+	const [selectedExampleKey, setSelectedExampleKey] = (0, react.useState)(examples[0]?.key ?? "");
+	const [selectedLanguageKey, setSelectedLanguageKey] = (0, react.useState)("shell");
+	const [selectedClientKey, setSelectedClientKey] = (0, react.useState)("curl");
+	const selectedExample = examples.find((example) => example.key === selectedExampleKey) ?? examples[0];
+	const codeOptions = buildRequestCodeExamples({
+		spec,
+		path,
+		method,
+		parameters,
+		requestContent: selectedContent ? {
+			...selectedContent,
+			value: {
+				...selectedContent.value,
+				example: selectedExample?.value,
+				examples: void 0
+			}
+		} : void 0,
+		server: selectedServer,
+		serverVariables,
+		auth
+	});
+	const selectedLanguage = codeOptions.find((option) => option.languageKey === selectedLanguageKey) ?? codeOptions[0];
+	const selectedCode = codeOptions.find((option) => option.languageKey === selectedLanguage.languageKey && option.clientKey === selectedClientKey) ?? selectedLanguage;
+	const languageOptions = getLanguageOptions(codeOptions);
+	const clientOptions = getClientOptions(codeOptions, selectedCode.languageKey);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ApiExampleCodeGroup, {
+		title: t("openapi.request"),
+		tag: method,
+		label: path,
+		code: selectedCode.code,
+		language: selectedCode.language,
+		mediaTypes: requestContents.map((content) => content.mediaType),
+		selectedMediaType: selectedContent?.mediaType,
+		onSelectMediaType: (value) => {
+			onSelectMediaType(value);
+			setSelectedExampleKey(getExampleEntries(requestContents.find((content) => content.mediaType === value)?.value)[0]?.key ?? "");
+		},
+		examples,
+		selectedExampleKey: selectedExample?.key,
+		onSelectExample: setSelectedExampleKey,
+		languageOptions,
+		selectedLanguageKey: selectedCode.languageKey,
+		onSelectLanguage: (value) => {
+			const nextCode = codeOptions.find((option) => option.languageKey === value);
+			setSelectedLanguageKey(nextCode?.languageKey ?? value);
+			setSelectedClientKey(nextCode?.clientKey ?? "");
+		},
+		clientOptions,
+		selectedClientKey: selectedCode.clientKey,
+		onSelectClient: setSelectedClientKey
+	});
+}
+function ResponseExamplesPanel(arg0) {
+	const { operation, spec } = arg0;
+	const t = require_shell.useBuiltInText();
+	const responses = getResponseEntries(operation, spec).filter(({ response }) => getMediaTypeEntries(response.content, spec).length > 0);
+	const [selectedStatus, setSelectedStatus] = (0, react.useState)(responses.find(({ status }) => status.startsWith("2"))?.status ?? responses[0]?.status ?? "");
+	const selectedResponse = responses.find(({ status }) => status === selectedStatus) ?? responses[0];
+	const responseContents = getMediaTypeEntries(selectedResponse?.response.content, spec);
+	const [selectedMediaType, setSelectedMediaType] = (0, react.useState)(responseContents[0]?.mediaType ?? "");
+	const selectedContent = responseContents.find((content) => content.mediaType === selectedMediaType) ?? responseContents[0];
+	const examples = getExampleEntries(selectedContent?.value);
+	const [selectedExampleKey, setSelectedExampleKey] = (0, react.useState)(examples[0]?.key ?? "");
+	const selectedExample = examples.find((example) => example.key === selectedExampleKey) ?? examples[0];
+	const responseCode = stringifyExample(selectedExample?.value);
+	if (!selectedResponse || !selectedContent || !responseCode) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ApiExampleCodeGroup, {
+		title: t("openapi.response"),
+		tag: selectedResponse.status,
+		tagOptions: responses.map(({ status }) => status),
+		onSelectTag: (value) => {
+			const nextContents = getMediaTypeEntries(responses.find(({ status }) => status === value)?.response.content, spec);
+			setSelectedStatus(value);
+			setSelectedMediaType(nextContents[0]?.mediaType ?? "");
+			setSelectedExampleKey(getExampleEntries(nextContents[0]?.value)[0]?.key ?? "");
+		},
+		label: selectedContent.mediaType,
+		labelOptions: responseContents.map((content) => content.mediaType),
+		onSelectLabel: (value) => {
+			setSelectedMediaType(value);
+			setSelectedExampleKey(getExampleEntries(responseContents.find((content) => content.mediaType === value)?.value)[0]?.key ?? "");
+		},
+		comfortableMeta: true,
+		code: responseCode,
+		language: codeLanguageForMediaType(selectedContent.mediaType),
+		examples,
+		selectedExampleKey: selectedExample?.key,
+		onSelectExample: setSelectedExampleKey
+	});
+}
+//#endregion
+//#region source/openapi/components/SchemaProperties.tsx
+function getSchemaDetails(schema) {
+	const details = [
+		Array.isArray(schema.enum) ? `enum: ${schema.enum.map(String).join(", ")}` : void 0,
+		typeof schema.const !== "undefined" ? `const: ${String(schema.const)}` : void 0,
+		typeof schema.default !== "undefined" ? `default: ${String(schema.default)}` : void 0,
+		typeof schema.pattern === "string" ? `pattern: ${schema.pattern}` : void 0,
+		typeof schema.minimum === "number" ? `minimum: ${String(schema.minimum)}` : void 0,
+		typeof schema.maximum === "number" ? `maximum: ${String(schema.maximum)}` : void 0,
+		typeof schema.additionalProperties === "boolean" ? `additionalProperties: ${String(schema.additionalProperties)}` : void 0
+	].filter(Boolean);
+	return details.length > 0 ? details.join("; ") : void 0;
+}
+function getSchemaDescription(schema) {
+	return typeof schema.description === "string" ? schema.description : void 0;
+}
+function getComposedBranches(schema) {
+	const entries = [];
+	for (const key of [
+		"allOf",
+		"oneOf",
+		"anyOf"
+	]) {
+		const items = schema[key];
+		if (!Array.isArray(items)) continue;
+		for (const [index, item] of items.entries()) entries.push({
+			label: `${key}[${index}]`,
+			schema: item
+		});
+	}
+	return entries;
+}
+function getSchemaChildren(arg0) {
+	const { spec, schema, path, required = [], depth = 0, seen = /* @__PURE__ */ new Set() } = arg0;
+	if (depth > 12) return [];
+	if (isReference(schema)) {
+		if (seen.has(schema.$ref)) return [];
+		return getSchemaChildren({
+			spec,
+			schema: resolveSchema(spec, schema),
+			path,
+			required,
+			depth,
+			seen: new Set([...seen, schema.$ref])
+		});
+	}
+	if (!isRecord(schema)) return [];
+	const arrayChildren = schemaHasType(schema, "array") ? getSchemaChildren({
+		spec,
+		schema: schema.items,
+		path: `${path}[]`,
+		depth: depth + 1,
+		seen
+	}) : [];
+	const objectRequired = Array.isArray(schema.required) ? schema.required.map(String) : required;
+	const properties = isRecord(schema.properties) ? schema.properties : {};
+	const propertyChildren = Object.entries(properties).map(([name, propertySchema]) => {
+		const resolvedProperty = resolveSchema(spec, propertySchema);
+		const property = isRecord(resolvedProperty) ? resolvedProperty : isRecord(propertySchema) ? propertySchema : {};
+		const isArray = schemaHasType(property, "array");
+		const childPath = path ? `${path}.${name}` : name;
+		const children = getSchemaChildren({
+			spec,
+			schema: isArray ? property.items : propertySchema,
+			path: isArray ? `${childPath}[]` : childPath,
+			depth: depth + 1,
+			seen
+		});
+		return {
+			key: childPath,
+			name,
+			type: schemaToType(propertySchema),
+			description: getSchemaDescription(property),
+			details: getSchemaDetails(property),
+			required: objectRequired.includes(name),
+			children
+		};
+	});
+	const additionalPropertyChildren = isRecord(schema.additionalProperties) ? [{
+		key: `${path || "root"}.*`,
+		name: "*",
+		type: schemaToType(schema.additionalProperties),
+		description: getSchemaDescription(schema.additionalProperties),
+		details: getSchemaDetails(schema.additionalProperties),
+		required: false,
+		children: getSchemaChildren({
+			spec,
+			schema: schema.additionalProperties,
+			path: `${path || "root"}.*`,
+			depth: depth + 1,
+			seen
+		})
+	}] : [];
+	const composedChildren = getComposedBranches(schema).map(({ label, schema: branchSchema }) => {
+		const resolvedBranch = resolveSchema(spec, branchSchema);
+		const branch = isRecord(resolvedBranch) ? resolvedBranch : void 0;
+		return {
+			key: `${path || "root"}.${label}`,
+			name: label,
+			type: schemaToType(branchSchema),
+			description: branch ? getSchemaDescription(branch) : void 0,
+			details: branch ? getSchemaDetails(branch) : void 0,
+			required: false,
+			children: getSchemaChildren({
+				spec,
+				schema: branchSchema,
+				path: `${path || "root"}.${label}`,
+				required: objectRequired,
+				depth: depth + 1,
+				seen
+			})
+		};
+	});
+	return [
+		...arrayChildren,
+		...propertyChildren,
+		...additionalPropertyChildren,
+		...composedChildren
+	];
+}
+function getRootSchemaNode(spec, schema) {
+	if (isReference(schema)) {
+		const resolvedSchema = resolveSchema(spec, schema);
+		const resolved = isRecord(resolvedSchema) ? resolvedSchema : {};
+		return {
+			key: schema.$ref,
+			name: resolveReferenceName(schema.$ref),
+			type: schemaToType(schema),
+			description: getSchemaDescription(resolved),
+			details: getSchemaDetails(resolved),
+			required: false,
+			children: getSchemaChildren({
+				spec,
+				schema: resolvedSchema,
+				path: resolveReferenceName(schema.$ref),
+				seen: new Set([schema.$ref])
+			})
+		};
+	}
+	if (!isRecord(schema)) return void 0;
+	return {
+		key: "root",
+		name: "body",
+		type: schemaToType(schema),
+		description: getSchemaDescription(schema),
+		details: getSchemaDetails(schema),
+		required: false,
+		children: getSchemaChildren({
+			spec,
+			schema,
+			path: ""
+		})
+	};
+}
+function SchemaNode(arg0) {
+	const { node, depth = 0 } = arg0;
+	const t = require_shell.useBuiltInText();
+	const [expanded, setExpanded] = (0, react.useState)(depth < 1);
+	const hasChildren = node.children.length > 0;
+	const type = [node.type, node.required ? t("openapi.requiredBadge") : void 0].filter(Boolean).join(", ") || void 0;
+	const fallbackDescription = node.required ? t("openapi.required") : t("openapi.optional");
+	const rowClassName = (0, clsx.default)("flex min-w-0 items-start rounded py-0.5 text-left", depth > 0 ? "-mx-2 w-[calc(100%+1rem)] px-2" : "w-full px-1");
+	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "min-w-0 flex-1",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-sm/5 font-semibold text-zinc-950 dark:text-white",
+				children: node.name
+			}), type ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-xs text-(--clarify-theme-tokens-colors-muted) dark:text-zinc-500",
+				children: type
+			}) : null]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "mt-0.5 text-sm/5 text-zinc-600 *:first:mt-0 *:last:mb-0 dark:text-zinc-400",
+			children: [node.description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Markdown, { children: node.description }) : fallbackDescription, node.details ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-xs text-zinc-500 dark:text-zinc-500",
+				children: node.details
+			}) : null]
+		})]
+	}), hasChildren ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "ml-2 flex h-5 w-5 flex-none items-center justify-center text-zinc-500 dark:text-zinc-400",
+		"aria-hidden": "true",
+		children: expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "h-4 w-4" })
+	}) : null] });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+		className: "clarify-schema-node m-0 px-0 py-2 first:pt-0 last:pb-0",
+		children: [hasChildren ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			"aria-label": expanded ? t("openapi.collapse") : t("openapi.expand"),
+			"aria-expanded": expanded,
+			onClick: () => setExpanded((value) => !value),
+			className: (0, clsx.default)(rowClassName, "cursor-pointer transition"),
+			children: content
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: rowClassName,
+			children: content
+		}), hasChildren && expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaTree, {
+			nodes: node.children,
+			depth: depth + 1
+		}) : null]
+	});
+}
+function SchemaTree(arg0) {
+	const { nodes, depth = 0 } = arg0;
+	if (nodes.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		role: "list",
+		className: (0, clsx.default)("m-0 list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5", depth > 0 && "mt-2 rounded-lg bg-zinc-950/2.5 px-2 py-1 dark:bg-white/4"),
+		children: nodes.map((node) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaNode, {
+			node,
+			depth
+		}, node.key))
+	});
+}
+function SchemaProperties(arg0) {
+	const { title, schema, spec } = arg0;
+	const root = getRootSchemaNode(spec, schema);
+	if (!root || root.children.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "clarify-schema-properties my-6",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaTree, { nodes: root.children })
+	})] });
+}
+function ParameterList(arg0) {
+	const { title, parameters } = arg0;
+	const t = require_shell.useBuiltInText();
+	if (parameters.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Properties, { children: parameters.map((parameter) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Property, {
+		name: parameter.name ?? t("openapi.parameter"),
+		type: [schemaToType(parameter.schema), parameter.required ? t("openapi.requiredBadge") : void 0].filter(Boolean).join(", ") || void 0,
+		children: parameter.description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Markdown, { children: parameter.description }) : t("openapi.operationParameter")
+	}, `${parameter.in}-${parameter.name}`)) })] });
+}
+function ResponseList(arg0) {
+	const { operation, spec } = arg0;
+	const t = require_shell.useBuiltInText();
+	const responses = getResponseEntries(operation, spec);
+	if (responses.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("openapi.responses") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Properties, { children: responses.map(({ status, response }) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Property, {
+			name: status,
+			type: schemaToType(getJsonLikeContent(response.content, spec)?.value.schema),
+			children: response.description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Markdown, { children: response.description }) : `${t("openapi.response")}.`
+		}, status);
+	}) })] });
+}
+//#endregion
+//#region source/openapi/components/OpenApiOperation.tsx
+function EndpointExamples(arg0) {
+	const { spec, path, method, operation, parameters, requestContents, selectedRequestMediaType, onSelectRequestMediaType, selectedServer, serverVariables, auth } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RequestExamplesPanel, {
+			spec,
+			path,
+			method,
+			parameters,
+			requestContents,
+			selectedMediaType: selectedRequestMediaType,
+			onSelectMediaType: onSelectRequestMediaType,
+			selectedServer,
+			serverVariables,
+			auth
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResponseExamplesPanel, {
+			operation,
+			spec
+		})]
+	});
+}
+var endpointMethodStyles = {
+	GET: "bg-emerald-400/15 text-emerald-600 dark:bg-emerald-400/20 dark:text-emerald-300",
+	POST: "bg-sky-400/15 text-sky-600 dark:bg-sky-400/20 dark:text-sky-300",
+	PUT: "bg-amber-400/15 text-amber-600 dark:bg-amber-400/20 dark:text-amber-300",
+	PATCH: "bg-amber-400/15 text-amber-600 dark:bg-amber-400/20 dark:text-amber-300",
+	DELETE: "bg-rose-400/15 text-rose-600 dark:bg-rose-400/20 dark:text-rose-300"
+};
+function EndpointMethodBadge(arg0) {
+	const { method } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: (0, clsx.default)("rounded-(--clarify-theme-tokens-radius-md) px-2.5 py-0.5 text-xs/6 font-black tracking-wide", endpointMethodStyles[method] ?? "bg-zinc-400/15 text-zinc-700 dark:bg-zinc-400/20 dark:text-zinc-200"),
+		children: method
+	});
+}
+function InlineListbox(arg0) {
+	const { label, value, options, onChange, compact = false } = arg0;
+	const selected = options.find((option) => option.value === value) ?? options[0];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.Listbox, {
+		value: selected?.value ?? value,
+		onChange,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "pointer-events-auto relative inline-flex min-w-0",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.ListboxButton, {
+				"aria-label": label,
+				className: (0, clsx.default)("inline-flex min-w-0 items-center gap-1 rounded-md border border-zinc-200 bg-white font-semibold text-zinc-900 shadow-xs outline-hidden transition hover:border-zinc-300 hover:bg-zinc-50 data-open:border-zinc-300 data-open:bg-zinc-50 dark:border-white/10 dark:bg-zinc-950 dark:text-zinc-100 dark:hover:border-white/15 dark:hover:bg-zinc-900 dark:data-open:border-white/15 dark:data-open:bg-zinc-900", compact ? "max-w-32 px-1.5 py-0.5 text-xs" : "w-full px-2.5 py-1.5 text-xs"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "truncate",
+					children: selected?.label ?? value
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, {
+					className: "h-3.5 w-3.5 shrink-0 text-zinc-500 dark:text-zinc-400",
+					"aria-hidden": "true"
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.ListboxOptions, {
+				anchor: "bottom start",
+				className: "z-30 mt-1 max-h-64 w-max min-w-(--button-width) max-w-[min(32rem,calc(100vw-2rem))] overflow-auto rounded-xl bg-white p-1 text-xs shadow-lg shadow-black/10 ring-1 ring-zinc-950/10 [--anchor-gap:--spacing(1)] focus:outline-none dark:bg-zinc-950 dark:ring-white/10",
+				children: options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.ListboxOption, {
+					value: option.value,
+					className: "group flex cursor-default items-center justify-between gap-3 rounded-lg px-2.5 py-2 text-xs text-zinc-700 select-none data-focus:bg-zinc-100 data-selected:text-emerald-700 dark:text-zinc-200 dark:data-focus:bg-white/10 dark:data-selected:text-emerald-300",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "block truncate",
+							children: option.label
+						}), option.description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "mt-0.5 block truncate text-2xs text-zinc-500 dark:text-zinc-400",
+							children: option.description
+						}) : null]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckIcon, {
+						className: "h-3.5 w-3.5 shrink-0 opacity-0 group-data-selected:opacity-100",
+						"aria-hidden": "true"
+					})]
+				}, option.value))
+			})]
+		})
+	});
+}
+function getServerPreviewUrl(server, variables) {
+	return (server.url ?? "").replace(/\{([^}]+)\}/g, (_, name) => variables[name] ?? server.variables?.[name]?.default ?? `{${name}}`);
+}
+function ServerUrlValue(arg0) {
+	const { server, variables, open, onToggle } = arg0;
+	const url = getServerPreviewUrl(server, variables);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		"aria-expanded": open,
+		"aria-label": "Server",
+		onClick: onToggle,
+		className: (0, clsx.default)("flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-zinc-100/50 text-zinc-600 transition hover:bg-zinc-100 hover:text-zinc-950 dark:bg-white/5 dark:text-zinc-300 dark:hover:bg-white/10 dark:hover:text-white sm:w-auto sm:min-w-16 sm:max-w-[min(36%,16rem)] sm:px-1.5", open ? "bg-zinc-200 text-zinc-950 dark:bg-white/12 dark:text-white" : null),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "sm:hidden",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ServerIcon, {
+				className: "h-4 w-4",
+				"aria-hidden": "true"
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "hidden min-w-0 items-center gap-1 overflow-hidden sm:flex",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "truncate text-xs",
+				children: url
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, {
+				className: "h-3.5 w-3.5 shrink-0 text-zinc-400",
+				"aria-hidden": "true"
+			})]
+		})]
+	});
+}
+function ServerVariableControl(arg0) {
+	const { name, variable, value, onChange, compact = false } = arg0;
+	if (variable?.enum?.length) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InlineListbox, {
+		label: name,
+		value,
+		options: variable.enum.map((option) => ({
+			value: option,
+			label: option
+		})),
+		onChange,
+		compact
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		"aria-label": name,
+		value,
+		placeholder: variable?.default ?? name,
+		onChange: (event) => onChange(event.target.value),
+		className: (0, clsx.default)("pointer-events-auto rounded-md border border-zinc-200 bg-white text-xs font-semibold text-zinc-900 shadow-xs outline-hidden transition placeholder:text-zinc-500 hover:border-zinc-300 hover:bg-zinc-50 focus:border-zinc-400 focus:bg-white dark:border-white/10 dark:bg-zinc-950 dark:text-zinc-100 dark:placeholder:text-zinc-500 dark:hover:border-white/15 dark:hover:bg-zinc-900 dark:focus:border-white/20 dark:focus:bg-zinc-950", compact ? "mx-0.5 w-24 px-1.5 py-0.5" : "w-full px-2.5 py-1.5")
+	});
+}
+function ServerPanel(arg0) {
+	const { servers, selectedKey, selectedServer, variables, onSelectServer, onChangeVariable } = arg0;
+	const variableEntries = Object.entries(selectedServer.variables ?? {});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "border-t border-zinc-200 bg-zinc-100/70 p-3 dark:border-white/10 dark:bg-zinc-900/60",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "grid gap-3 sm:grid-cols-[minmax(0,1fr)_minmax(0,1.2fr)]",
+			children: [servers.length > 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "flex min-w-0 flex-col gap-1.5",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-2xs font-semibold text-zinc-700 dark:text-zinc-300",
+					children: "Server"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InlineListbox, {
+					label: "Server",
+					value: selectedKey,
+					options: servers.map((server, index) => ({
+						value: getServerKey(server, index),
+						label: getServerLabel(server, index),
+						description: server.description
+					})),
+					onChange: onSelectServer
+				})]
+			}) : null, variableEntries.map(([name, variable]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "flex min-w-0 flex-col gap-1.5",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-2xs font-semibold text-zinc-700 dark:text-zinc-300",
+					children: name
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ServerVariableControl, {
+					name,
+					variable,
+					value: variables[name] ?? variable.default ?? "",
+					onChange: (value) => onChangeVariable(name, value)
+				})]
+			}, name))]
+		})
+	});
+}
+function AuthPanel(arg0) {
+	const { authOptions, selectedAuthName, selectedAuth, authValues, onSelectAuth, onChangeAuthValue } = arg0;
+	if (authOptions.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "border-t border-zinc-200 bg-zinc-100/70 p-3 dark:border-white/10 dark:bg-zinc-900/60",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "grid gap-3 sm:grid-cols-[minmax(0,1fr)_minmax(0,1.2fr)]",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "flex min-w-0 flex-col gap-1.5",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-2xs font-semibold text-zinc-700 dark:text-zinc-300",
+					children: "Auth"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InlineListbox, {
+					label: "Auth",
+					value: selectedAuthName,
+					options: authOptions.map(({ name, scheme }) => ({
+						value: name,
+						label: name,
+						description: authLabel(name, scheme)
+					})),
+					onChange: onSelectAuth
+				})]
+			}), selectedAuth ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "flex min-w-0 flex-col gap-1.5",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-2xs font-semibold text-zinc-700 dark:text-zinc-300",
+					children: "Credential"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex min-w-0 items-center rounded-md border border-zinc-200 bg-white px-2.5 py-1.5 shadow-xs dark:border-white/10 dark:bg-zinc-950",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "mr-2 shrink-0 text-2xs font-semibold text-zinc-600 dark:text-zinc-400",
+						children: selectedAuth.scheme.type === "apiKey" ? selectedAuth.scheme.in ?? "apiKey" : selectedAuth.scheme.scheme ?? selectedAuth.scheme.type ?? "token"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						value: authValues[selectedAuth.name] ?? authPlaceholder(selectedAuth),
+						onChange: (event) => onChangeAuthValue(selectedAuth.name, event.target.value),
+						className: "min-w-0 flex-1 border-0 bg-transparent px-0 py-0 text-xs font-semibold text-zinc-900 outline-hidden placeholder:text-zinc-500 dark:text-zinc-100 dark:placeholder:text-zinc-500"
+					})]
+				})]
+			}) : null]
+		})
+	});
+}
+function EndpointIdentity(arg0) {
+	const { method, path, servers, selectedServerKey, selectedServer, serverVariables, serverOpen, authOptions, selectedAuthName, selectedAuth, authValues, authOpen, onSelectServer, onChangeServerVariable, onToggleServer, onToggleAuth, onSelectAuth, onChangeAuthValue } = arg0;
+	const segments = path.split("/").filter(Boolean);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "not-prose flex w-full flex-col overflow-hidden rounded-xl border border-zinc-200 bg-white shadow-xs dark:border-white/10 dark:bg-zinc-950",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex min-w-0 items-center gap-1.5 overflow-hidden px-2.5 py-2",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EndpointMethodBadge, { method }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ServerUrlValue, {
+						server: selectedServer,
+						variables: serverVariables,
+						open: serverOpen,
+						onToggle: onToggleServer
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex min-w-0 flex-1 items-center overflow-x-auto text-sm font-bold leading-6 whitespace-nowrap",
+						children: segments.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-zinc-400",
+							children: "/"
+						}), segments.map((segment, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "flex items-center",
+							children: [index > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-zinc-400",
+								children: "/"
+							}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "font-bold text-zinc-800 dark:text-white",
+								children: segment
+							})]
+						}, `${segment}-${index}`))] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "font-bold text-zinc-800 dark:text-white",
+							children: "/"
+						})
+					}),
+					authOptions.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						"aria-expanded": authOpen,
+						"aria-label": "Auth",
+						onClick: onToggleAuth,
+						className: (0, clsx.default)("ml-auto flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-zinc-600 transition hover:bg-zinc-100 hover:text-emerald-700 dark:text-zinc-300 dark:hover:bg-white/10 dark:hover:text-emerald-200", authOpen ? "bg-emerald-100 text-emerald-800 dark:bg-emerald-400/15 dark:text-emerald-100" : "bg-zinc-50 dark:bg-white/5"),
+						children: authOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.UnlockKeyholeIcon, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LockKeyholeIcon, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						})
+					}) : null
+				]
+			}),
+			serverOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ServerPanel, {
+				servers,
+				selectedKey: selectedServerKey,
+				selectedServer,
+				variables: serverVariables,
+				onSelectServer,
+				onChangeVariable: onChangeServerVariable
+			}) : null,
+			authOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AuthPanel, {
+				authOptions,
+				selectedAuthName,
+				selectedAuth,
+				authValues,
+				onSelectAuth,
+				onChangeAuthValue
+			}) : null
+		]
+	});
+}
+function OpenApiOperation(arg0) {
+	const { spec, path, method, operation } = arg0;
+	const t = require_shell.useBuiltInText();
+	const id = (0, github_slugger.slug)(`${method.toLowerCase()} ${path}`);
+	const summary = operation.summary ?? `${method} ${path}`;
+	const description = operation.description;
+	const parameters = getOperationParameters(spec, path, operation);
+	const requestBody = getRequestBody$1(spec, operation);
+	const requestContents = getMediaTypeEntries(requestBody?.content, spec);
+	const [selectedRequestMediaType, setSelectedRequestMediaType] = (0, react.useState)(requestContents[0]?.mediaType ?? "");
+	const selectedRequestContent = requestContents.find((content) => content.mediaType === selectedRequestMediaType) ?? requestContents[0];
+	const requestSchema = selectedRequestContent?.value.schema;
+	const servers = getServers(spec, operation, path);
+	const [selectedServerKey, setSelectedServerKey] = (0, react.useState)(getServerKey(servers[0], 0));
+	const selectedServer = servers.find((server, index) => getServerKey(server, index) === selectedServerKey) ?? servers[0];
+	const [serverVariables, setServerVariables] = (0, react.useState)(defaultServerVariables(selectedServer));
+	const [serverOpen, setServerOpen] = (0, react.useState)(false);
+	const authOptions = getAuthOptions(spec, operation);
+	const [selectedAuthName, setSelectedAuthName] = (0, react.useState)(authOptions[0]?.name ?? "");
+	const selectedAuth = authOptions.find((option) => option.name === selectedAuthName);
+	const [authValues, setAuthValues] = (0, react.useState)({});
+	const [authOpen, setAuthOpen] = (0, react.useState)(false);
+	const authInput = selectedAuth ? {
+		name: selectedAuth.name,
+		scheme: selectedAuth.scheme,
+		value: authValues[selectedAuth.name] ?? authPlaceholder(selectedAuth)
+	} : void 0;
+	const groupedParameters = {
+		path: parameters.filter((parameter) => parameter.in === "path"),
+		query: parameters.filter((parameter) => parameter.in === "query"),
+		header: parameters.filter((parameter) => parameter.in === "header")
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: "clarify-api-endpoint scroll-mt-24 py-16 first:pt-0 last:pb-0",
+		"aria-labelledby": id,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EndpointIdentity, {
+				method,
+				path,
+				servers,
+				selectedServerKey,
+				selectedServer,
+				serverVariables,
+				serverOpen,
+				authOptions,
+				selectedAuthName,
+				selectedAuth,
+				authValues,
+				authOpen,
+				onSelectServer: (value) => {
+					const nextServer = servers.find((server, index) => getServerKey(server, index) === value) ?? servers[0];
+					setSelectedServerKey(value);
+					setServerVariables(defaultServerVariables(nextServer));
+				},
+				onChangeServerVariable: (name, value) => setServerVariables((current) => ({
+					...current,
+					[name]: value
+				})),
+				onToggleServer: () => {
+					setServerOpen((current) => !current);
+					setAuthOpen(false);
+				},
+				onToggleAuth: () => {
+					setAuthOpen((current) => !current);
+					setServerOpen(false);
+				},
+				onSelectAuth: setSelectedAuthName,
+				onChangeAuthValue: (name, value) => setAuthValues((current) => ({
+					...current,
+					[name]: value
+				}))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shell.Heading, {
+				id,
+				className: "mt-6",
+				children: summary
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Col, { children: [
+				description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Markdown, {
+					className: "mt-4 *:first:mt-0 *:last:mb-0",
+					children: description
+				}) : null,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParameterList, {
+					title: t("openapi.pathParameters"),
+					parameters: groupedParameters.path
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParameterList, {
+					title: t("openapi.queryParameters"),
+					parameters: groupedParameters.query
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParameterList, {
+					title: t("openapi.headers"),
+					parameters: groupedParameters.header
+				}),
+				requestBody && requestContents.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("openapi.requestBody") }),
+					typeof requestBody.description === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Markdown, { children: requestBody.description }) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaProperties, {
+						title: t("openapi.bodyProperties"),
+						schema: requestSchema,
+						spec
+					})
+				] }) : null,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResponseList, {
+					operation,
+					spec
+				})
+			] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Col, {
+				sticky: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EndpointExamples, {
+					spec,
+					path,
+					method,
+					operation,
+					parameters,
+					requestContents,
+					selectedRequestMediaType: selectedRequestContent?.mediaType ?? "",
+					onSelectRequestMediaType: setSelectedRequestMediaType,
+					selectedServer,
+					serverVariables,
+					auth: authInput
+				})
+			})] })
+		]
+	});
+}
+//#endregion
+Object.defineProperty(exports, "EndpointIdentity", {
+	enumerable: true,
+	get: function() {
+		return EndpointIdentity;
+	}
+});
+Object.defineProperty(exports, "Markdown", {
+	enumerable: true,
+	get: function() {
+		return Markdown;
+	}
+});
+Object.defineProperty(exports, "OpenApiOperation", {
+	enumerable: true,
+	get: function() {
+		return OpenApiOperation;
+	}
+});
+Object.defineProperty(exports, "RequestExamplesPanel", {
+	enumerable: true,
+	get: function() {
+		return RequestExamplesPanel;
+	}
+});
+Object.defineProperty(exports, "ResponseExamplesPanel", {
+	enumerable: true,
+	get: function() {
+		return ResponseExamplesPanel;
+	}
+});
+Object.defineProperty(exports, "authPlaceholder", {
+	enumerable: true,
+	get: function() {
+		return authPlaceholder;
+	}
+});
+Object.defineProperty(exports, "defaultServerVariables", {
+	enumerable: true,
+	get: function() {
+		return defaultServerVariables;
+	}
+});
+Object.defineProperty(exports, "getAuthOptions", {
+	enumerable: true,
+	get: function() {
+		return getAuthOptions;
+	}
+});
+Object.defineProperty(exports, "getMediaTypeEntries", {
+	enumerable: true,
+	get: function() {
+		return getMediaTypeEntries;
+	}
+});
+Object.defineProperty(exports, "getRequestBody", {
+	enumerable: true,
+	get: function() {
+		return getRequestBody$1;
+	}
+});
+Object.defineProperty(exports, "getServerKey", {
+	enumerable: true,
+	get: function() {
+		return getServerKey;
+	}
+});
+Object.defineProperty(exports, "getServers", {
+	enumerable: true,
+	get: function() {
+		return getServers;
+	}
+});
+Object.defineProperty(exports, "primitives_exports", {
+	enumerable: true,
+	get: function() {
+		return primitives_exports;
+	}
+});
+
+//# sourceMappingURL=OpenApiOperation-mhoi-s4N.cjs.map