@gitbook/react-openapi 1.0.3 → 1.0.5

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @gitbook/react-openapi
 
+## 1.0.5
+
+### Patch Changes
+
+-   Updated dependencies [53f5dbe]
+    -   @gitbook/openapi-parser@2.0.2
+
+## 1.0.4
+
+### Patch Changes
+
+-   722f02e: Fix recursion in OpenAPISchemaAlternative
+-   Updated dependencies [0924259]
+    -   @gitbook/openapi-parser@2.0.1
+
 ## 1.0.3
 
 ### Patch Changes

package/dist/InteractiveSection.jsx

@@ -3,6 +3,7 @@ import clsx from 'clsx';
 import { useRef, useState } from 'react';
 import { mergeProps, useButton, useDisclosure, useFocusRing } from 'react-aria';
 import { useDisclosureState } from 'react-stately';
+import { Section, SectionBody, SectionHeader, SectionHeaderContent } from './StaticSection';
 /**
  * To optimize rendering, most of the components are server-components,
  * and the interactiveness is mainly handled by a few key components like this one.
@@ -20,13 +21,13 @@ export function InteractiveSection(props) {
     var _k = useDisclosure({}, state, panelRef), triggerProps = _k.buttonProps, panelProps = _k.panelProps;
     var buttonProps = useButton(triggerProps, triggerRef).buttonProps;
     var _l = useFocusRing(), isFocusVisible = _l.isFocusVisible, focusProps = _l.focusProps;
-    return (<div id={id} className={clsx('openapi-section', toggeable ? 'openapi-section-toggeable' : null, className, toggeable ? "".concat(className, "-").concat(state.isExpanded ? 'opened' : 'closed') : null)}>
-            {header ? (<div onClick={function () {
+    return (<Section id={id} className={clsx('openapi-section', toggeable ? 'openapi-section-toggeable' : null, className, toggeable ? "".concat(className, "-").concat(state.isExpanded ? 'opened' : 'closed') : null)}>
+            {header ? (<SectionHeader onClick={function () {
                 if (toggeable) {
                     state.toggle();
                 }
-            }} className={clsx('openapi-section-header', "".concat(className, "-header"))}>
-                    <div className={clsx('openapi-section-header-content', "".concat(className, "-header-content"))}>
+            }} className={className}>
+                    <SectionHeaderContent className={className}>
                         {(children || (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.body)) && toggeable ? (<button {...mergeProps(buttonProps, focusProps)} ref={triggerRef} className={clsx('openapi-section-toggle', "".concat(className, "-toggle"))} style={{
                     outline: isFocusVisible
                         ? '2px solid rgb(var(--primary-color-500) / 0.4)'
@@ -35,7 +36,7 @@ export function InteractiveSection(props) {
                                 {toggleIcon}
                             </button>) : null}
                         {header}
-                    </div>
+                    </SectionHeaderContent>
                     <div className={clsx('openapi-section-header-controls', "".concat(className, "-header-controls"))} onClick={function (event) {
                 event.stopPropagation();
             }}>
@@ -48,13 +49,13 @@ export function InteractiveSection(props) {
                                     </option>); })}
                             </select>) : null}
                     </div>
-                </div>) : null}
-            {(!toggeable || state.isExpanded) && (children || (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.body)) ? (<div ref={panelRef} {...panelProps} className={clsx('openapi-section-body', "".concat(className, "-body"))}>
+                </SectionHeader>) : null}
+            {(!toggeable || state.isExpanded) && (children || (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.body)) ? (<SectionBody ref={panelRef} {...panelProps} className={className}>
                     {children}
                     {selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.body}
-                </div>) : null}
+                </SectionBody>) : null}
             {overlay ? (<div className={clsx('openapi-section-overlay', "".concat(className, "-overlay"))}>
                     {overlay}
                 </div>) : null}
-        </div>);
+        </Section>);
 }

package/dist/OpenAPICodeSample.jsx

@@ -9,14 +9,13 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { OpenAPITabs, OpenAPITabsList, OpenAPITabsPanels } from './OpenAPITabs';
+import { StaticSection } from './StaticSection';
 import { codeSampleGenerators } from './code-samples';
 import { generateMediaTypeExample, generateSchemaExample } from './generateSchemaExample';
-import { InteractiveSection } from './InteractiveSection';
-import { createStateKey } from './utils';
 import { stringifyOpenAPI } from './stringifyOpenAPI';
-import { OpenAPITabs, OpenAPITabsList, OpenAPITabsPanels } from './OpenAPITabs';
-import { checkIsReference } from './utils';
 import { getDefaultServerURL } from './util/server';
+import { checkIsReference, createStateKey } from './utils';
 /**
  * Display code samples to execute the operation.
  * It supports the Redocly custom syntax as well (https://redocly.com/docs/api-reference-docs/specification-extensions/x-code-samples/)
@@ -82,8 +81,8 @@ export function OpenAPICodeSample(props) {
                     typeof sample.source === 'string' &&
                     typeof sample.lang === 'string');
             })
-                .map(function (sample) { return ({
-                key: "redocly-".concat(sample.lang),
+                .map(function (sample, index) { return ({
+                key: "redocly-".concat(sample.lang, "-").concat(index),
                 label: sample.label,
                 body: context.renderCodeBlock({
                     code: sample.source,
@@ -100,9 +99,9 @@ export function OpenAPICodeSample(props) {
         return null;
     }
     return (<OpenAPITabs stateKey={createStateKey('codesample')} items={samples}>
-            <InteractiveSection header={<OpenAPITabsList />} className="openapi-codesample">
+            <StaticSection header={<OpenAPITabsList />} className="openapi-codesample">
                 <OpenAPITabsPanels />
-            </InteractiveSection>
+            </StaticSection>
         </OpenAPITabs>);
 }
 function getSecurityHeaders(securities) {
@@ -127,7 +126,7 @@ function getSecurityHeaders(securities) {
                 scheme = 'Token';
             }
             return {
-                Authorization: scheme + ' ' + format,
+                Authorization: "".concat(scheme, " ").concat(format),
             };
         }
         case 'apiKey': {

package/dist/OpenAPIDisclosure.d.ts

@@ -1,3 +1,4 @@
+import type React from 'react';
 import type { OpenAPIClientContext } from './types';
 interface Props {
     context: OpenAPIClientContext;
@@ -8,5 +9,5 @@ interface Props {
  * Display an interactive OpenAPI disclosure.
  * The label is optional and defaults to "child attributes".
  */
-export declare function OpenAPIDisclosure({ context, children, label }: Props): JSX.Element;
+export declare function OpenAPIDisclosure({ context, children, label }: Props): React.JSX.Element;
 export {};

package/dist/OpenAPIDisclosure.jsx

@@ -1,3 +1,4 @@
+'use client';
 import { useRef } from 'react';
 import { mergeProps, useButton, useDisclosure, useFocusRing } from 'react-aria';
 import { useDisclosureState } from 'react-stately';
@@ -21,7 +22,7 @@ export function OpenAPIDisclosure(_a) {
         }}>
                 {context.icons.plus}
                 <span>
-                    {"".concat(state.isExpanded ? 'Hide' : 'Show', " ").concat(label ? label : "child attributes")}
+                    {"".concat(state.isExpanded ? 'Hide' : 'Show', " ").concat(label ? label : 'child attributes')}
                 </span>
             </button>
 

package/dist/OpenAPIDisclosureGroup.d.ts

@@ -1,3 +1,4 @@
+import { type DisclosureGroupProps } from 'react-stately';
 interface Props {
     groups: TDisclosureGroup[];
     icon?: React.ReactNode;
@@ -11,7 +12,6 @@ type TDisclosureGroup = {
         body?: React.ReactNode;
     }[];
 };
-import { DisclosureGroupProps } from 'react-stately';
 /**
  * Display an interactive OpenAPI disclosure group.
  */

package/dist/OpenAPIDisclosureGroup.jsx

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,9 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { createContext, useContext, useRef, useState } from 'react';
 import { mergeProps, useButton, useDisclosure, useFocusRing, useId } from 'react-aria';
 import { useDisclosureGroupState, useDisclosureState, } from 'react-stately';
-import { createContext, useContext, useRef, useState } from 'react';
 var DisclosureGroupStateContext = createContext(null);
 /**
  * Display an interactive OpenAPI disclosure group.
@@ -70,7 +71,7 @@ function DisclosureItem(props) {
                                 {group.tabs.map(function (tab) { return (<option key={tab.id} value={tab.id}>
                                         {tab.label}
                                     </option>); })}
-                            </select>) : !!group.tabs[0] ? (<span>{group.tabs[0].label}</span>) : null}
+                            </select>) : group.tabs[0] ? (<span>{group.tabs[0].label}</span>) : null}
                     </div>) : null}
             </div>
 

package/dist/OpenAPIOperation.jsx

@@ -1,9 +1,9 @@
 import clsx from 'clsx';
 import { Markdown } from './Markdown';
 import { OpenAPICodeSample } from './OpenAPICodeSample';
+import { OpenAPIPath } from './OpenAPIPath';
 import { OpenAPIResponseExample } from './OpenAPIResponseExample';
 import { OpenAPISpec } from './OpenAPISpec';
-import { OpenAPIPath } from './OpenAPIPath';
 import { resolveDescription } from './utils';
 /**
  * Display an interactive OpenAPI operation.
@@ -34,7 +34,7 @@ export function OpenAPIOperation(props) {
                             <span className="openapi-deprecated-sunset-date">
                                 {operation['x-deprecated-sunset']}
                             </span>
-                            {"."}
+                            {'.'}
                         </div>) : null}
                     <OpenAPIOperationDescription operation={operation} context={context}/>
                     <OpenAPIPath data={data} context={context}/>

package/dist/OpenAPIPath.d.ts

@@ -1,8 +1,9 @@
-import type { OpenAPIOperationData, OpenAPIContextProps } from './types';
+import type React from 'react';
+import type { OpenAPIContextProps, OpenAPIOperationData } from './types';
 /**
  * Display the path of an operation.
  */
 export declare function OpenAPIPath(props: {
     data: OpenAPIOperationData;
     context: OpenAPIContextProps;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/OpenAPIPath.jsx

@@ -1,12 +1,3 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { ScalarApiButton } from './ScalarApiButton';
 /**
  * Display the path of an operation.
@@ -41,14 +32,12 @@ function formatPath(path) {
     // Join parts with separators wrapped in <span>
     var formattedPath = parts.reduce(function (acc, part, index) {
         if (typeof part === 'string' && index > 0 && part === '/') {
-            return __spreadArray(__spreadArray([], acc, true), [
-                <span className="openapi-path-separator" key={"sep-".concat(index)}>
+            acc.push(<span className="openapi-path-separator" key={"sep-".concat(index)}>
                         /
-                    </span>,
-                part,
-            ], false);
+                    </span>);
         }
-        return __spreadArray(__spreadArray([], acc, true), [part], false);
+        acc.push(part);
+        return acc;
     }, []);
     return <span>{formattedPath}</span>;
 }

package/dist/OpenAPIRequestBody.jsx

@@ -1,5 +1,5 @@
-import { OpenAPIRootSchema } from './OpenAPISchema';
 import { InteractiveSection } from './InteractiveSection';
+import { OpenAPIRootSchema } from './OpenAPISchema';
 import { checkIsReference } from './utils';
 /**
  * Display an interactive request body.

package/dist/OpenAPIResponse.jsx

@@ -9,9 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { OpenAPIDisclosure } from './OpenAPIDisclosure';
 import { OpenAPISchemaProperties } from './OpenAPISchema';
 import { parameterToProperty, resolveDescription } from './utils';
-import { OpenAPIDisclosure } from './OpenAPIDisclosure';
 /**
  * Display an interactive response body.
  */

package/dist/OpenAPIResponseExample.jsx

@@ -1,9 +1,9 @@
-import { generateSchemaExample } from './generateSchemaExample';
-import { checkIsReference, createStateKey, resolveDescription } from './utils';
 import { OpenAPITabs, OpenAPITabsList, OpenAPITabsPanels } from './OpenAPITabs';
-import { InteractiveSection } from './InteractiveSection';
+import { StaticSection } from './StaticSection';
+import { generateSchemaExample } from './generateSchemaExample';
 import { json2xml } from './json2xml';
 import { stringifyOpenAPI } from './stringifyOpenAPI';
+import { checkIsReference, createStateKey, resolveDescription } from './utils';
 /**
  * Display an example of the response content.
  */
@@ -66,9 +66,9 @@ export function OpenAPIResponseExample(props) {
         return null;
     }
     return (<OpenAPITabs stateKey={createStateKey('response-example')} items={tabs}>
-            <InteractiveSection header={<OpenAPITabsList />} className="openapi-response-example">
+            <StaticSection header={<OpenAPITabsList />} className="openapi-response-example">
                 <OpenAPITabsPanels />
-            </InteractiveSection>
+            </StaticSection>
         </OpenAPITabs>);
 }
 function OpenAPIResponse(props) {
@@ -91,9 +91,9 @@ function OpenAPIResponse(props) {
         };
     });
     return (<OpenAPITabs stateKey={createStateKey('response-media-types')} items={tabs}>
-            <InteractiveSection header={<OpenAPITabsList />} className="openapi-response-media-types">
+            <StaticSection header={<OpenAPITabsList />} className="openapi-response-media-types">
                 <OpenAPITabsPanels />
-            </InteractiveSection>
+            </StaticSection>
         </OpenAPITabs>);
 }
 function OpenAPIResponseMediaType(props) {
@@ -111,13 +111,13 @@ function OpenAPIResponseMediaType(props) {
         return {
             key: example.key,
             label: example.example.summary || example.key,
-            body: (<OpenAPIExample example={firstExample.example} context={props.context} syntax={syntax}/>),
+            body: (<OpenAPIExample example={example.example} context={props.context} syntax={syntax}/>),
         };
     });
     return (<OpenAPITabs stateKey={createStateKey('response-media-type-examples')} items={tabs}>
-            <InteractiveSection header={<OpenAPITabsList />} className="openapi-response-media-type-examples">
+            <StaticSection header={<OpenAPITabsList />} className="openapi-response-media-type-examples">
                 <OpenAPITabsPanels />
-            </InteractiveSection>
+            </StaticSection>
         </OpenAPITabs>);
 }
 /**

package/dist/OpenAPIResponses.d.ts

@@ -1,5 +1,5 @@
 import type { OpenAPIV3, OpenAPIV3_1 } from '@gitbook/openapi-parser';
-import { OpenAPIClientContext } from './types';
+import type { OpenAPIClientContext } from './types';
 /**
  * Display an interactive response body.
  */

package/dist/OpenAPIResponses.jsx

@@ -1,13 +1,13 @@
-import { OpenAPIResponse } from './OpenAPIResponse';
-import { InteractiveSection } from './InteractiveSection';
-import { OpenAPIDisclosureGroup } from './OpenAPIDisclosureGroup';
 import { Markdown } from './Markdown';
+import { OpenAPIDisclosureGroup } from './OpenAPIDisclosureGroup';
+import { OpenAPIResponse } from './OpenAPIResponse';
+import { StaticSection } from './StaticSection';
 /**
  * Display an interactive response body.
  */
 export function OpenAPIResponses(props) {
     var responses = props.responses, context = props.context;
-    return (<InteractiveSection header="Responses" className="openapi-responses">
+    return (<StaticSection header="Responses" className="openapi-responses">
             <OpenAPIDisclosureGroup allowsMultipleExpanded icon={context.icons.chevronRight} groups={Object.entries(responses).map(function (_a) {
             var _b;
             var statusCode = _a[0], response = _a[1];
@@ -31,5 +31,5 @@ export function OpenAPIResponses(props) {
                 }),
             };
         })}/>
-        </InteractiveSection>);
+        </StaticSection>);
 }

package/dist/OpenAPISchema.d.ts

@@ -38,10 +38,14 @@ export declare function OpenAPISchemaEnum(props: {
     enumValues: any[];
 }): import("react").JSX.Element;
 export declare function OpenAPISchemaPresentation(props: OpenAPISchemaPropertyEntry): import("react").JSX.Element;
+type OpenAPISchemaAlternatives = [
+    OpenAPIV3.SchemaObject[],
+    OpenAPIV3.DiscriminatorObject | undefined
+];
 /**
  * Get the alternatives to display for a schema.
  */
-export declare function getSchemaAlternatives(schema: OpenAPIV3.SchemaObject, ancestors?: Set<OpenAPIV3.SchemaObject>): null | [OpenAPIV3.SchemaObject[], OpenAPIV3.DiscriminatorObject | undefined];
+export declare function getSchemaAlternatives(schema: OpenAPIV3.SchemaObject, ancestors?: Set<OpenAPIV3.SchemaObject>): null | OpenAPISchemaAlternatives;
 export declare function getSchemaTitle(schema: OpenAPIV3.SchemaObject, 
 /** If the title is inferred in a oneOf with discriminator, we can use it to optimize the title */
 discriminator?: OpenAPIV3.DiscriminatorObject): string;

package/dist/OpenAPISchema.jsx

@@ -1,20 +1,11 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import clsx from 'clsx';
 import { useId } from 'react';
 import { InteractiveSection } from './InteractiveSection';
 import { Markdown } from './Markdown';
-import { checkIsReference, resolveDescription } from './utils';
-import { stringifyOpenAPI } from './stringifyOpenAPI';
-import { OpenAPISchemaName } from './OpenAPISchemaName';
 import { OpenAPIDisclosure } from './OpenAPIDisclosure';
+import { OpenAPISchemaName } from './OpenAPISchemaName';
+import { stringifyOpenAPI } from './stringifyOpenAPI';
+import { checkIsReference, resolveDescription } from './utils';
 /**
  * Render a property of an OpenAPI schema.
  */
@@ -30,11 +21,7 @@ export function OpenAPISchemaProperty(props) {
         ? null
         : getSchemaAlternatives(schema, new Set(circularRefs.keys()));
     if ((_a = alternatives === null || alternatives === void 0 ? void 0 : alternatives[0]) === null || _a === void 0 ? void 0 : _a.length) {
-        return (<InteractiveSection id={id} className={clsx('openapi-schema', className)}>
-                <OpenAPISchemaPresentation {...props}/>
-                {alternatives[0].map(function (alternative, index) { return (<OpenAPISchemaAlternative key={"alternative-".concat(index)} schema={alternative} circularRefs={circularRefs} context={context}/>); })}
-                {parentCircularRef ? (<OpenAPISchemaCircularRef id={parentCircularRef} schema={schema}/>) : null}
-            </InteractiveSection>);
+        return (<OpenAPISchemaAlternativesItem {...props} circularRefs={circularRefs} context={context} alternatives={alternatives} parentCircularRef={parentCircularRef}/>);
     }
     if ((properties && properties.length > 0) || schema.type === 'object') {
         return (<InteractiveSection id={id} className={clsx('openapi-schema', className)}>
@@ -64,7 +51,7 @@ export function OpenAPISchemaProperties(props) {
         return null;
     }
     return (<div id={id} className="openapi-schema-properties">
-            {properties.map(function (property) { return (<OpenAPISchemaProperty key={property.propertyName} circularRefs={circularRefs} {...property} context={context}/>); })}
+            {properties.map(function (property, index) { return (<OpenAPISchemaProperty key={index} circularRefs={circularRefs} {...property} context={context}/>); })}
         </div>);
 }
 /**
@@ -85,10 +72,20 @@ export function OpenAPIRootSchema(props) {
  * for primitives, it renders the schema itself.
  */
 function OpenAPISchemaAlternative(props) {
+    var _a;
     var schema = props.schema, circularRefs = props.circularRefs, context = props.context;
     var id = useId();
     var subProperties = getSchemaProperties(schema);
     var description = resolveDescription(schema);
+    var alternatives = getSchemaAlternatives(schema, new Set(circularRefs === null || circularRefs === void 0 ? void 0 : circularRefs.keys()));
+    if (((_a = alternatives === null || alternatives === void 0 ? void 0 : alternatives[0]) === null || _a === void 0 ? void 0 : _a.length) && !(subProperties === null || subProperties === void 0 ? void 0 : subProperties.length)) {
+        return (<>
+                {description ? (<Markdown source={description} className="openapi-schema-description"/>) : null}
+                <OpenAPIDisclosure context={context} label={getDisclosureLabel(schema)}>
+                    <OpenAPISchemaAlternativesItem schema={schema} circularRefs={circularRefs} context={context} alternatives={alternatives}/>
+                </OpenAPIDisclosure>
+            </>);
+    }
     return (<>
             {description ? (<Markdown source={description} className="openapi-schema-description"/>) : null}
             <OpenAPIDisclosure context={context} label={getDisclosureLabel(schema)}>
@@ -96,6 +93,15 @@ function OpenAPISchemaAlternative(props) {
             </OpenAPIDisclosure>
         </>);
 }
+function OpenAPISchemaAlternativesItem(props) {
+    var id = useId();
+    var schema = props.schema, circularRefs = props.circularRefs, context = props.context, alternatives = props.alternatives, parentCircularRef = props.parentCircularRef;
+    return (<InteractiveSection id={id} className={clsx('openapi-schema')}>
+            <OpenAPISchemaPresentation {...props}/>
+            {alternatives[0].map(function (alternative, index) { return (<OpenAPISchemaAlternative key={"alternative-".concat(index)} schema={alternative} circularRefs={circularRefs} context={context}/>); })}
+            {parentCircularRef ? (<OpenAPISchemaCircularRef id={parentCircularRef} schema={schema}/>) : null}
+        </InteractiveSection>);
+}
 /**
  * Render a circular reference to a schema.
  */
@@ -219,9 +225,12 @@ function flattenAlternatives(alternativeType, alternatives, ancestors) {
     return alternatives.reduce(function (acc, alternative) {
         var _a;
         if (!!alternative[alternativeType] && !ancestors.has(alternative)) {
-            return __spreadArray(__spreadArray([], acc, true), (((_a = getSchemaAlternatives(alternative, ancestors)) === null || _a === void 0 ? void 0 : _a[0]) || []), true);
+            acc.push.apply(acc, (((_a = getSchemaAlternatives(alternative, ancestors)) === null || _a === void 0 ? void 0 : _a[0]) || []));
+        }
+        else {
+            acc.push(alternative);
         }
-        return __spreadArray(__spreadArray([], acc, true), [alternative], false);
+        return acc;
     }, []);
 }
 export function getSchemaTitle(schema, 
@@ -255,7 +264,7 @@ discriminator) {
             type += " \u00B7 ".concat(schema.format);
         }
     }
-    else if ('anyOf' in schema) {
+    if ('anyOf' in schema) {
         type = 'any of';
     }
     else if ('oneOf' in schema) {

package/dist/OpenAPISchemaName.d.ts

@@ -1,7 +1,8 @@
-import { OpenAPIV3 } from '@gitbook/openapi-parser';
+import type { OpenAPIV3 } from '@gitbook/openapi-parser';
+import type React from 'react';
 interface OpenAPISchemaNameProps {
     schema?: OpenAPIV3.SchemaObject;
-    propertyName?: string | JSX.Element;
+    propertyName?: string | React.JSX.Element;
     required?: boolean;
     type?: string;
 }
@@ -9,5 +10,5 @@ interface OpenAPISchemaNameProps {
  * Display the schema name row.
  * It includes the property name, type, required and deprecated status.
  */
-export declare function OpenAPISchemaName(props: OpenAPISchemaNameProps): JSX.Element;
+export declare function OpenAPISchemaName(props: OpenAPISchemaNameProps): React.JSX.Element;
 export {};

package/dist/OpenAPISchemaName.jsx

@@ -30,7 +30,7 @@ function getAdditionalItems(schema) {
         additionalItems += " \u00B7 default: ".concat(schema.default);
     }
     if (schema.nullable) {
-        additionalItems = " | nullable";
+        additionalItems = ' | nullable';
     }
     return additionalItems;
 }

package/dist/OpenAPISecurities.jsx

@@ -35,12 +35,12 @@ function getLabelForType(security) {
             if (security.scheme === 'basic') {
                 return <OpenAPISchemaName propertyName="Authorization" type="string" required/>;
             }
-            if (security.scheme == 'bearer') {
+            if (security.scheme === 'bearer') {
                 var description = resolveDescription(security);
                 return (<>
                         <OpenAPISchemaName propertyName="Authorization" type="string" required/>
                         {/** Show a default description if none is provided */}
-                        {!description ? (<Markdown source={"Bearer authentication header of the form Bearer ".concat("&lt;token&gt;", ".")} className="openapi-securities-description"/>) : null}
+                        {!description ? (<Markdown source={"Bearer authentication header of the form Bearer ".concat('&lt;token&gt;', ".")} className="openapi-securities-description"/>) : null}
                     </>);
             }
             return <OpenAPISchemaName propertyName="HTTP" required/>;

package/dist/OpenAPISpec.jsx

@@ -1,9 +1,8 @@
-'use client';
-import { InteractiveSection } from './InteractiveSection';
 import { OpenAPIRequestBody } from './OpenAPIRequestBody';
 import { OpenAPIResponses } from './OpenAPIResponses';
 import { OpenAPISchemaProperties } from './OpenAPISchema';
 import { OpenAPISecurities } from './OpenAPISecurities';
+import { StaticSection } from './StaticSection';
 import { parameterToProperty } from './utils';
 /**
  * Client component to render the spec for the request and response.
@@ -21,9 +20,9 @@ export function OpenAPISpec(props) {
             {securities.length > 0 ? (<OpenAPISecurities securities={securities} context={context}/>) : null}
 
             {parameterGroups.map(function (group) {
-            return (<InteractiveSection key={group.key} className="openapi-parameters" header={group.label}>
+            return (<StaticSection key={group.key} className="openapi-parameters" header={group.label}>
                         <OpenAPISchemaProperties properties={group.parameters.map(parameterToProperty)} context={context}/>
-                    </InteractiveSection>);
+                    </StaticSection>);
         })}
 
             {operation.requestBody ? (<OpenAPIRequestBody requestBody={operation.requestBody} context={context}/>) : null}

package/dist/OpenAPITabs.d.ts

@@ -1,5 +1,5 @@
-import { Key, TabsProps } from 'react-aria-components';
-export type Tab = {
+import { type Key, type TabsProps } from 'react-aria-components';
+export type TabItem = {
     key: Key;
     label: string;
     body: React.ReactNode;
@@ -9,7 +9,7 @@ export type Tab = {
  * The OpenAPI Tabs wrapper component.
  */
 export declare function OpenAPITabs(props: React.PropsWithChildren<TabsProps & {
-    items: Tab[];
+    items: TabItem[];
     stateKey?: string;
 }>): import("react").JSX.Element;
 /**