@gitbook/react-openapi 1.5.4 → 1.5.6

package/dist/OpenAPIMediaType.js

@@ -4,6 +4,7 @@
 import { OpenAPIEmptyExample } from "./OpenAPIExample.js";
 import { StaticSection } from "./StaticSection.js";
 import { OpenAPISelect, OpenAPISelectItem, useSelectState } from "./OpenAPISelect.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/OpenAPIMediaType.tsx
 /**
@@ -20,25 +21,45 @@ function OpenAPIMediaTypeContent(props) {
 	const state = useMediaTypesState(stateKey, items[0]?.key);
 	const examples = items.find((item) => item.key === state.key)?.examples ?? [];
 	if (!items.length && !examples.length) return null;
-	return <StaticSection footer={items.length > 1 || examples.length > 1 ? <OpenAPIMediaTypeFooter items={items} examples={examples} selectIcon={selectIcon} stateKey={stateKey} /> : null} className="openapi-response-media-types-examples">
-            <OpenAPIMediaTypeBody context={context} stateKey={stateKey} items={items} examples={examples} />
-        </StaticSection>;
+	return /* @__PURE__ */ jsx(StaticSection, {
+		footer: items.length > 1 || examples.length > 1 ? /* @__PURE__ */ jsx(OpenAPIMediaTypeFooter, {
+			items,
+			examples,
+			selectIcon,
+			stateKey
+		}) : null,
+		className: "openapi-response-media-types-examples",
+		children: /* @__PURE__ */ jsx(OpenAPIMediaTypeBody, {
+			context,
+			stateKey,
+			items,
+			examples
+		})
+	});
 }
 function OpenAPIMediaTypeFooter(props) {
 	const { items, examples, stateKey, selectIcon } = props;
-	return <>
-            {items.length > 1 && <OpenAPISelect icon={selectIcon} items={items} stateKey={stateKey} placement="bottom start">
-                    {items.map((item) => <OpenAPISelectItem key={item.key} id={item.key} value={item}>
-                            <span>{item.label}</span>
-                        </OpenAPISelectItem>)}
-                </OpenAPISelect>}
-
-            {examples && examples.length > 1 ? <OpenAPISelect icon={selectIcon} items={examples} stateKey={`${stateKey}-examples`} placement="bottom start">
-                    {examples.map((example) => <OpenAPISelectItem key={example.key} id={example.key} value={example}>
-                            <span>{example.label}</span>
-                        </OpenAPISelectItem>)}
-                </OpenAPISelect> : null}
-        </>;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [items.length > 1 && /* @__PURE__ */ jsx(OpenAPISelect, {
+		icon: selectIcon,
+		items,
+		stateKey,
+		placement: "bottom start",
+		children: items.map((item) => /* @__PURE__ */ jsx(OpenAPISelectItem, {
+			id: item.key,
+			value: item,
+			children: /* @__PURE__ */ jsx("span", { children: item.label })
+		}, item.key))
+	}), examples && examples.length > 1 ? /* @__PURE__ */ jsx(OpenAPISelect, {
+		icon: selectIcon,
+		items: examples,
+		stateKey: `${stateKey}-examples`,
+		placement: "bottom start",
+		children: examples.map((example) => /* @__PURE__ */ jsx(OpenAPISelectItem, {
+			id: example.key,
+			value: example,
+			children: /* @__PURE__ */ jsx("span", { children: example.label })
+		}, example.key))
+	}) : null] });
 }
 function OpenAPIMediaTypeBody(props) {
 	const { stateKey, items, examples, context } = props;
@@ -48,7 +69,7 @@ function OpenAPIMediaTypeBody(props) {
 	if (!selectedItem) return null;
 	if (examples) {
 		const selectedExample = examples.find((example) => example.key === exampleState.key) ?? examples[0];
-		if (!selectedExample) return <OpenAPIEmptyExample context={context} />;
+		if (!selectedExample) return /* @__PURE__ */ jsx(OpenAPIEmptyExample, { context });
 		return selectedExample.body;
 	}
 	return selectedItem.body;

package/dist/OpenAPIOperation.d.ts

@@ -1,6 +1,6 @@
 import { OpenAPIContextInput } from "./context.js";
 import { OpenAPIOperationData } from "./types.js";
-import * as react0 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/OpenAPIOperation.d.ts
 /**
@@ -10,6 +10,6 @@ declare function OpenAPIOperation(props: {
   className?: string;
   data: OpenAPIOperationData;
   context: OpenAPIContextInput;
-}): react0.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { OpenAPIOperation };

package/dist/OpenAPIOperation.js

@@ -4,6 +4,7 @@ import { OpenAPIResponseExample } from "./OpenAPIResponseExample.js";
 import { OpenAPIColumnSpec } from "./common/OpenAPIColumnSpec.js";
 import { OpenAPISummary } from "./common/OpenAPISummary.js";
 import clsx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/OpenAPIOperation.tsx
 /**
@@ -12,18 +13,31 @@ import clsx from "classnames";
 function OpenAPIOperation(props) {
 	const { className, data, context: contextInput } = props;
 	const context = resolveOpenAPIContext(contextInput);
-	return <div className={clsx("openapi-operation", className)}>
-            <OpenAPISummary data={data} context={context} />
-            <div className="openapi-columns">
-                <OpenAPIColumnSpec data={data} context={context} />
-                <div className="openapi-column-preview">
-                    <div className="openapi-column-preview-body">
-                        <OpenAPICodeSample data={data} context={context} />
-                        <OpenAPIResponseExample data={data} context={context} />
-                    </div>
-                </div>
-            </div>
-        </div>;
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("openapi-operation", className),
+		children: [/* @__PURE__ */ jsx(OpenAPISummary, {
+			data,
+			context
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "openapi-columns",
+			children: [/* @__PURE__ */ jsx(OpenAPIColumnSpec, {
+				data,
+				context
+			}), /* @__PURE__ */ jsx("div", {
+				className: "openapi-column-preview",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "openapi-column-preview-body",
+					children: [/* @__PURE__ */ jsx(OpenAPICodeSample, {
+						data,
+						context
+					}), /* @__PURE__ */ jsx(OpenAPIResponseExample, {
+						data,
+						context
+					})]
+				})
+			})]
+		})]
+	});
 }
 
 //#endregion

package/dist/OpenAPIOperationContext.d.ts

@@ -1,4 +1,4 @@
-import * as react1 from "react";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/OpenAPIOperationContext.d.ts
 interface OpenAPIOperationPointer {
@@ -11,7 +11,7 @@ interface OpenAPIOperationContextValue {
 /**
  * Provider for the OpenAPIOperationContext.
  */
-declare function OpenAPIOperationContextProvider(props: React.PropsWithChildren<Partial<OpenAPIOperationContextValue>>): react1.JSX.Element;
+declare function OpenAPIOperationContextProvider(props: React.PropsWithChildren<Partial<OpenAPIOperationContextValue>>): react_jsx_runtime1.JSX.Element;
 /**
  * Hook to access the OpenAPIOperationContext.
  */

package/dist/OpenAPIOperationContext.js

@@ -2,6 +2,7 @@
 
 
 import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
 import { useEventCallback } from "usehooks-ts";
 
 //#region src/OpenAPIOperationContext.tsx
@@ -15,9 +16,10 @@ function OpenAPIOperationContextProvider(props) {
 		props.onOpenClient?.(pointer);
 	});
 	const value = useMemo(() => ({ onOpenClient }), [onOpenClient]);
-	return <OpenAPIOperationContext.Provider value={value}>
-            {children}
-        </OpenAPIOperationContext.Provider>;
+	return /* @__PURE__ */ jsx(OpenAPIOperationContext.Provider, {
+		value,
+		children
+	});
 }
 /**
 * Hook to access the OpenAPIOperationContext.

package/dist/OpenAPIPath.js

@@ -3,6 +3,7 @@ import { OpenAPIPathItem } from "./OpenAPIPathItem.js";
 import { formatPath } from "./formatPath.js";
 import { getDefaultServerURL } from "./util/server.js";
 import { OpenAPIPathMultipleServers } from "./OpenAPIPathMultipleServers.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/OpenAPIPath.tsx
 /**
@@ -12,13 +13,21 @@ function OpenAPIPath(props) {
 	const { data, withServer = true, context } = props;
 	const { path } = data;
 	const clientContext = getOpenAPIClientContext(context);
-	if (withServer && data.servers.length > 1) return <OpenAPIPathMultipleServers {...props} context={clientContext} />;
+	if (withServer && data.servers.length > 1) return /* @__PURE__ */ jsx(OpenAPIPathMultipleServers, {
+		...props,
+		context: clientContext
+	});
 	const formattedPath = formatPath(path);
 	const defaultServer = getDefaultServerURL(data.servers);
-	return <OpenAPIPathItem {...props} value={`${defaultServer}${path}`} context={clientContext}>
-            {withServer ? <span className="openapi-path-server">{defaultServer}</span> : null}
-            {formattedPath}
-        </OpenAPIPathItem>;
+	return /* @__PURE__ */ jsxs(OpenAPIPathItem, {
+		...props,
+		value: `${defaultServer}${path}`,
+		context: clientContext,
+		children: [withServer ? /* @__PURE__ */ jsx("span", {
+			className: "openapi-path-server",
+			children: defaultServer
+		}) : null, formattedPath]
+	});
 }
 
 //#endregion

package/dist/OpenAPIPathItem.js

@@ -1,21 +1,35 @@
 import { OpenAPICopyButton } from "./OpenAPICopyButton.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/OpenAPIPathItem.tsx
 function OpenAPIPathItem(props) {
 	const { value, canCopy = true, context, children, data, copyType = "children" } = props;
 	const { operation, method } = data;
-	const title = <span className="openapi-path-title">{children}</span>;
-	return <div className="openapi-path">
-            <div className={`openapi-method openapi-method-${method}`}>{method}</div>
-            {canCopy && value ? copyType === "children" ? <OpenAPICopyButton value={value} data-deprecated={operation.deprecated} isDisabled={!canCopy} context={context} className="openapi-path-copy-button">
-                        {title}
-                    </OpenAPICopyButton> : <>
-                        {title}
-                        <OpenAPICopyButton value={value} data-deprecated={operation.deprecated} isDisabled={!canCopy} context={context} className="openapi-path-copy-button openapi-path-copy-button-icon">
-                            {context.icons.copy}
-                        </OpenAPICopyButton>
-                    </> : title}
-        </div>;
+	const title = /* @__PURE__ */ jsx("span", {
+		className: "openapi-path-title",
+		children
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "openapi-path",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: `openapi-method openapi-method-${method}`,
+			children: method
+		}), canCopy && value ? copyType === "children" ? /* @__PURE__ */ jsx(OpenAPICopyButton, {
+			value,
+			"data-deprecated": operation.deprecated,
+			isDisabled: !canCopy,
+			context,
+			className: "openapi-path-copy-button",
+			children: title
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [title, /* @__PURE__ */ jsx(OpenAPICopyButton, {
+			value,
+			"data-deprecated": operation.deprecated,
+			isDisabled: !canCopy,
+			context,
+			className: "openapi-path-copy-button openapi-path-copy-button-icon",
+			children: context.icons.copy
+		})] }) : title]
+	});
 }
 
 //#endregion

package/dist/OpenAPIPathMultipleServers.js

@@ -7,6 +7,7 @@ import { OpenAPISelect, OpenAPISelectItem, useSelectState } from "./OpenAPISelec
 import { OpenAPIPathItem } from "./OpenAPIPathItem.js";
 import { formatPath } from "./formatPath.js";
 import { getDefaultServerURL } from "./util/server.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Text } from "react-aria-components";
 
 //#region src/OpenAPIPathMultipleServers.tsx
@@ -25,18 +26,34 @@ function OpenAPIPathMultipleServers(props) {
 		label: server.url,
 		description: server.description
 	}));
-	return <OpenAPIPathItem copyType="button" {...props} value={`${withServer ? key : ""}${path}`} context={context}>
-            {withServer ? <OpenAPITooltip>
-                    <OpenAPISelect className="openapi-select openapi-select-unstyled" items={items} stateKey={serversStateKey} placement="bottom start" icon={context.icons.chevronDown} defaultValue={defaultServer} onChange={setKey}>
-                        {items.map((item) => <OpenAPISelectItem textValue={item.label} key={item.key} id={item.key} value={item} className="openapi-select-item-column">
-                                <Text slot="label">{item.label}</Text>
-                                {item.description ? <Text slot="description">{item.description}</Text> : null}
-                            </OpenAPISelectItem>)}
-                    </OpenAPISelect>
-                    <OpenAPITooltip.Content>Click to select a server</OpenAPITooltip.Content>
-                </OpenAPITooltip> : null}
-            {formattedPath}
-        </OpenAPIPathItem>;
+	return /* @__PURE__ */ jsxs(OpenAPIPathItem, {
+		copyType: "button",
+		...props,
+		value: `${withServer ? key : ""}${path}`,
+		context,
+		children: [withServer ? /* @__PURE__ */ jsxs(OpenAPITooltip, { children: [/* @__PURE__ */ jsx(OpenAPISelect, {
+			className: "openapi-select openapi-select-unstyled",
+			items,
+			stateKey: serversStateKey,
+			placement: "bottom start",
+			icon: context.icons.chevronDown,
+			defaultValue: defaultServer,
+			onChange: setKey,
+			children: items.map((item) => /* @__PURE__ */ jsxs(OpenAPISelectItem, {
+				textValue: item.label,
+				id: item.key,
+				value: item,
+				className: "openapi-select-item-column",
+				children: [/* @__PURE__ */ jsx(Text, {
+					slot: "label",
+					children: item.label
+				}), item.description ? /* @__PURE__ */ jsx(Text, {
+					slot: "description",
+					children: item.description
+				}) : null]
+			}, item.key))
+		}), /* @__PURE__ */ jsx(OpenAPITooltip.Content, { children: "Click to select a server" })] }) : null, formattedPath]
+	});
 }
 
 //#endregion

package/dist/OpenAPIPrefillContextProvider.d.ts

@@ -1,4 +1,5 @@
 import * as React$1 from "react";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/OpenAPIPrefillContextProvider.d.ts
 
@@ -17,7 +18,7 @@ type PrefillContextValue = () => PrefillInputContextData | null;
  */
 declare function OpenAPIPrefillContextProvider(props: React$1.PropsWithChildren<{
   getPrefillInputContextData: () => PrefillInputContextData | null;
-}>): React$1.JSX.Element;
+}>): react_jsx_runtime2.JSX.Element;
 /**
  * Hook to access the prefill context function.
  */

package/dist/OpenAPIPrefillContextProvider.js

@@ -2,6 +2,7 @@
 
 
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/OpenAPIPrefillContextProvider.tsx
 const OpenAPIPrefillContext = React$1.createContext(null);
@@ -10,9 +11,10 @@ const OpenAPIPrefillContext = React$1.createContext(null);
 */
 function OpenAPIPrefillContextProvider(props) {
 	const { getPrefillInputContextData, children } = props;
-	return <OpenAPIPrefillContext.Provider value={getPrefillInputContextData}>
-            {children}
-        </OpenAPIPrefillContext.Provider>;
+	return /* @__PURE__ */ jsx(OpenAPIPrefillContext.Provider, {
+		value: getPrefillInputContextData,
+		children
+	});
 }
 /**
 * Hook to access the prefill context function.

package/dist/OpenAPIRequestBody.js

@@ -3,6 +3,7 @@ import { checkIsReference, createStateKey } from "./utils.js";
 import { OpenAPIRootSchema } from "./OpenAPISchemaServer.js";
 import { InteractiveSection } from "./InteractiveSection.js";
 import { OpenAPIRequestBodyHeaderType } from "./OpenAPIRequestBodyHeaderType.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/OpenAPIRequestBody.tsx
 /**
@@ -12,16 +13,25 @@ function OpenAPIRequestBody(props) {
 	const { requestBody, context, data } = props;
 	if (checkIsReference(requestBody)) return null;
 	const stateKey = createStateKey("request-body-media-type", context.blockKey);
-	return <InteractiveSection header={<>
-                    <span>{t(context.translation, "name" in data ? "payload" : "body")}</span>
-                    <OpenAPIRequestBodyHeaderType requestBody={requestBody} stateKey={stateKey} />
-                </>} className="openapi-requestbody" stateKey={stateKey} selectIcon={context.icons.chevronDown} tabs={Object.entries(requestBody.content ?? {}).map(([contentType, mediaTypeObject]) => {
-		return {
-			key: contentType,
-			label: contentType,
-			body: <OpenAPIRootSchema schema={mediaTypeObject.schema ?? {}} context={context} key={contentType} />
-		};
-	})} />;
+	return /* @__PURE__ */ jsx(InteractiveSection, {
+		header: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: t(context.translation, "name" in data ? "payload" : "body") }), /* @__PURE__ */ jsx(OpenAPIRequestBodyHeaderType, {
+			requestBody,
+			stateKey
+		})] }),
+		className: "openapi-requestbody",
+		stateKey,
+		selectIcon: context.icons.chevronDown,
+		tabs: Object.entries(requestBody.content ?? {}).map(([contentType, mediaTypeObject]) => {
+			return {
+				key: contentType,
+				label: contentType,
+				body: /* @__PURE__ */ jsx(OpenAPIRootSchema, {
+					schema: mediaTypeObject.schema ?? {},
+					context
+				}, contentType)
+			};
+		})
+	});
 }
 
 //#endregion

package/dist/OpenAPIRequestBodyHeaderType.js

@@ -3,6 +3,7 @@
 
 import { getSchemaTitle } from "./utils.js";
 import { useSelectState } from "./OpenAPISelect.js";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/OpenAPIRequestBodyHeaderType.tsx
 /**
@@ -14,9 +15,10 @@ function OpenAPIRequestBodyHeaderType(props) {
 	const state = useSelectState(stateKey, Object.keys(content)[0]);
 	const selectedContentMediaType = Object.entries(content).find(([contentType]) => contentType === state.key)?.[1];
 	if (!selectedContentMediaType || !selectedContentMediaType.schema?.type || selectedContentMediaType.schema.type !== "array") return null;
-	return <span className="openapi-requestbody-header-type">
-            {`${getSchemaTitle(selectedContentMediaType.schema)}`}
-        </span>;
+	return /* @__PURE__ */ jsx("span", {
+		className: "openapi-requestbody-header-type",
+		children: `${getSchemaTitle(selectedContentMediaType.schema)}`
+	});
 }
 
 //#endregion

package/dist/OpenAPIRequiredScopes.js

@@ -5,6 +5,7 @@ import { t } from "./translate.js";
 import { OpenAPICopyButton } from "./OpenAPICopyButton.js";
 import { useSelectState } from "./OpenAPISelect.js";
 import { OpenAPIDisclosureGroup } from "./OpenAPIDisclosureGroup.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/OpenAPIRequiredScopes.tsx
 /**
@@ -19,48 +20,62 @@ function OpenAPIRequiredScopes(props) {
 		return scheme.scopes ?? [];
 	});
 	if (!scopes.length) return null;
-	return <OpenAPIDisclosureGroup className="openapi-required-scopes" icon={context.icons.chevronRight} stateKey="required-scopes" defaultExpandedKeys={["required-scopes"]} groups={[{
-		key: "required-scopes",
-		label: <div className="openapi-required-scopes-header">
-                            {context.icons.lock}
-                            <span>{t(context.translation, "required_scopes")}</span>
-                        </div>,
-		tabs: [{
-			key: "scopes",
-			label: "",
-			body: <OpenAPISchemaScopes scopes={scopes} context={context} />
+	return /* @__PURE__ */ jsx(OpenAPIDisclosureGroup, {
+		className: "openapi-required-scopes",
+		icon: context.icons.chevronRight,
+		stateKey: "required-scopes",
+		defaultExpandedKeys: ["required-scopes"],
+		groups: [{
+			key: "required-scopes",
+			label: /* @__PURE__ */ jsxs("div", {
+				className: "openapi-required-scopes-header",
+				children: [context.icons.lock, /* @__PURE__ */ jsx("span", { children: t(context.translation, "required_scopes") })]
+			}),
+			tabs: [{
+				key: "scopes",
+				label: "",
+				body: /* @__PURE__ */ jsx(OpenAPISchemaScopes, {
+					scopes,
+					context
+				})
+			}]
 		}]
-	}]} />;
+	});
 }
 function OpenAPISchemaScopes(props) {
 	const { scopes, context, isOAuth2 } = props;
-	return <div className="openapi-securities-scopes openapi-markdown">
-            <div className="openapi-required-scopes-description">
-                {t(context.translation, isOAuth2 ? "available_scopes" : "required_scopes_description")}
-            </div>
-            <ul>
-                {scopes.map((scope) => <OpenAPIScopeItem key={scope[0]} scope={scope} context={context} />)}
-            </ul>
-        </div>;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "openapi-securities-scopes openapi-markdown",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "openapi-required-scopes-description",
+			children: t(context.translation, isOAuth2 ? "available_scopes" : "required_scopes_description")
+		}), /* @__PURE__ */ jsx("ul", { children: scopes.map((scope) => /* @__PURE__ */ jsx(OpenAPIScopeItem, {
+			scope,
+			context
+		}, scope[0])) })]
+	});
 }
 /**
 * Display a scope item. Either a key-value pair or a single string.
 */
 function OpenAPIScopeItem(props) {
 	const { scope, context } = props;
-	return <li>
-            <OpenAPIScopeItemKey name={scope[0]} context={context} />
-            {scope[1] ? <span>: {scope[1]}</span> : null}
-        </li>;
+	return /* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx(OpenAPIScopeItemKey, {
+		name: scope[0],
+		context
+	}), scope[1] ? /* @__PURE__ */ jsxs("span", { children: [": ", scope[1]] }) : null] });
 }
 /**
 * Displays the scope name within a copyable button.
 */
 function OpenAPIScopeItemKey(props) {
 	const { name, context } = props;
-	return <OpenAPICopyButton value={name} context={context} withTooltip>
-            <code>{name}</code>
-        </OpenAPICopyButton>;
+	return /* @__PURE__ */ jsx(OpenAPICopyButton, {
+		value: name,
+		context,
+		withTooltip: true,
+		children: /* @__PURE__ */ jsx("code", { children: name })
+	});
 }
 
 //#endregion

package/dist/OpenAPIResponse.js

@@ -3,6 +3,7 @@ import { OpenAPIDisclosure } from "./OpenAPIDisclosure.js";
 import { parameterToProperty, resolveDescription } from "./utils.js";
 import { OpenAPISchemaPresentation } from "./OpenAPISchema.js";
 import { OpenAPISchemaProperties } from "./OpenAPISchemaServer.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/OpenAPIResponse.tsx
 /**
@@ -14,25 +15,39 @@ function OpenAPIResponse(props) {
 	const content = Object.entries(mediaType?.schema ?? {});
 	const description = resolveDescription(response);
 	if (content.length === 0 && !description && headers.length === 0) return null;
-	return <div className="openapi-response-body">
-            {headers.length > 0 ? <OpenAPIDisclosure header={<OpenAPISchemaPresentation context={context} property={{
-		propertyName: tString(context.translation, "headers"),
-		schema: { type: "object" },
-		required: null
-	}} />} icon={context.icons.plus} label={(isExpanded) => tString(context.translation, isExpanded ? "hide" : "show", tString(context.translation, headers.length === 1 ? "header" : "headers"))}>
-                    <OpenAPISchemaProperties properties={headers.map(([name, header]) => parameterToProperty({
-		name,
-		...header
-	}))} context={context} />
-                </OpenAPIDisclosure> : null}
-            {mediaType?.schema && <div className="openapi-responsebody">
-                    <OpenAPISchemaProperties id={`response-${context.blockKey}`} properties={[{
-		schema: mediaType.schema,
-		propertyName: tString(context.translation, "response"),
-		required: null
-	}]} context={context} />
-                </div>}
-        </div>;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "openapi-response-body",
+		children: [headers.length > 0 ? /* @__PURE__ */ jsx(OpenAPIDisclosure, {
+			header: /* @__PURE__ */ jsx(OpenAPISchemaPresentation, {
+				context,
+				property: {
+					propertyName: tString(context.translation, "headers"),
+					schema: { type: "object" },
+					required: null
+				}
+			}),
+			icon: context.icons.plus,
+			label: (isExpanded) => tString(context.translation, isExpanded ? "hide" : "show", tString(context.translation, headers.length === 1 ? "header" : "headers")),
+			children: /* @__PURE__ */ jsx(OpenAPISchemaProperties, {
+				properties: headers.map(([name, header]) => parameterToProperty({
+					name,
+					...header
+				})),
+				context
+			})
+		}) : null, mediaType?.schema && /* @__PURE__ */ jsx("div", {
+			className: "openapi-responsebody",
+			children: /* @__PURE__ */ jsx(OpenAPISchemaProperties, {
+				id: `response-${context.blockKey}`,
+				properties: [{
+					schema: mediaType.schema,
+					propertyName: tString(context.translation, "response"),
+					required: null
+				}],
+				context
+			})
+		})]
+	});
 }
 
 //#endregion