@gitbook/react-openapi 1.1.3 → 1.1.5

package/CHANGELOG.md

@@ -1,203 +1,217 @@
 # @gitbook/react-openapi
 
+## 1.1.5
+
+### Patch Changes
+
+- 886e204: Update OpenAPI operation path design
+
+## 1.1.4
+
+### Patch Changes
+
+- c60e9ba: Handle read-only in OpenAPISchemaName
+- 31d800e: Render OpenAPISchemas block
+- ff3b708: Remove read-only properties from codesample
+
 ## 1.1.3
 
 ### Patch Changes
 
--   844059f: Fix spacing in OpenAPISecurities
+- 844059f: Fix spacing in OpenAPISecurities
 
 ## 1.1.2
 
 ### Patch Changes
 
--   f127d28: Rename OpenAPIModels to OpenAPISchemas
+- f127d28: Rename OpenAPIModels to OpenAPISchemas
 
 ## 1.1.1
 
 ### Patch Changes
 
--   f574858: Fix OpenAPI example display error
+- f574858: Fix OpenAPI example display error
 
 ## 1.1.0
 
 ### Minor Changes
 
--   bb3ca9c: Implement OpenAPI models blocks
+- bb3ca9c: Implement OpenAPI models blocks
 
 ### Patch Changes
 
--   0278a14: Upgrade Scalar dependencies
--   3173d8e: Remove top level circular refs in alternatives
--   Updated dependencies [0278a14]
--   Updated dependencies [bb3ca9c]
--   Updated dependencies [052e07a]
-    -   @gitbook/openapi-parser@2.1.0
+- 0278a14: Upgrade Scalar dependencies
+- 3173d8e: Remove top level circular refs in alternatives
+- Updated dependencies [0278a14]
+- Updated dependencies [bb3ca9c]
+- Updated dependencies [052e07a]
+  - @gitbook/openapi-parser@2.1.0
 
 ## 1.0.5
 
 ### Patch Changes
 
--   Updated dependencies [53f5dbe]
-    -   @gitbook/openapi-parser@2.0.2
+- 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
+- 722f02e: Fix recursion in OpenAPISchemaAlternative
+- Updated dependencies [0924259]
+  - @gitbook/openapi-parser@2.0.1
 
 ## 1.0.3
 
 ### Patch Changes
 
--   dc2dbc5: Update OpenAPI code examples to support multiple content-type
--   f1d1d2f: Return empty string if no server provided
--   05e1d8c: Hide x-gitbook-\* symbols in OpenAPI blocks
--   b4a12d6: Fix circularRef in schema + examples OpenAPI
--   9f0de74: Fix ID not set when there is no operation summary
--   da55fac: Render GitBook blocks in OpenAPI operation description
--   Updated dependencies [c808bb1]
--   Updated dependencies [e24206e]
--   Updated dependencies [a054554]
--   Updated dependencies [da55fac]
-    -   @gitbook/openapi-parser@2.0.0
+- dc2dbc5: Update OpenAPI code examples to support multiple content-type
+- f1d1d2f: Return empty string if no server provided
+- 05e1d8c: Hide x-gitbook-\* symbols in OpenAPI blocks
+- b4a12d6: Fix circularRef in schema + examples OpenAPI
+- 9f0de74: Fix ID not set when there is no operation summary
+- da55fac: Render GitBook blocks in OpenAPI operation description
+- Updated dependencies [c808bb1]
+- Updated dependencies [e24206e]
+- Updated dependencies [a054554]
+- Updated dependencies [da55fac]
+  - @gitbook/openapi-parser@2.0.0
 
 ## 1.0.2
 
 ### Patch Changes
 
--   bb5c6a4: Support multiple response media types and examples
--   a3f1fea: Fix display of OpenAPI header description
--   6157583: Improve Markdown parsing
--   7419ee7: Show additional fields in OpenAPI block
--   82cd9f2: Add support for anchor links in OpenAPI blocks
--   Updated dependencies [6157583]
-    -   @gitbook/openapi-parser@1.0.1
+- bb5c6a4: Support multiple response media types and examples
+- a3f1fea: Fix display of OpenAPI header description
+- 6157583: Improve Markdown parsing
+- 7419ee7: Show additional fields in OpenAPI block
+- 82cd9f2: Add support for anchor links in OpenAPI blocks
+- Updated dependencies [6157583]
+  - @gitbook/openapi-parser@1.0.1
 
 ## 1.0.1
 
 ### Patch Changes
 
--   f8d4c76: Sync tabs across all OpenAPI blocks
--   dddb4ec: Fix long tab group description
--   f8d4c76: Support for OpenAPI references
+- f8d4c76: Sync tabs across all OpenAPI blocks
+- dddb4ec: Fix long tab group description
+- f8d4c76: Support for OpenAPI references
 
 ## 1.0.0
 
 ### Major Changes
 
--   727bde2: Improve and split OpenAPI parser into its own package
--   12c7862: Use `@scalar/openapi-parser` to be more resilient and perf on OpenAPI spec parsing:
+- 727bde2: Improve and split OpenAPI parser into its own package
+- 12c7862: Use `@scalar/openapi-parser` to be more resilient and perf on OpenAPI spec parsing:
 
-    -   `fetcher.fetch` must now returns a valid OpenAPI document
-    -   `parseOpenAPIV3` has been replaced by `parseOpenAPI`
+  - `fetcher.fetch` must now returns a valid OpenAPI document
+  - `parseOpenAPIV3` has been replaced by `parseOpenAPI`
 
 ### Minor Changes
 
--   162b4b7: Add in HTTP example code blocks
--   e4e2f52: Add an optional client context to get a callback called when the Scalar client is opened for a block.
--   eb7c22f: Revert scalar to 1.0.87 to mitigate an issue with ApiClientModalProvider
--   160fca1: new OpenAPI blocks design
--   e721f17: Use `@scalar/oas-utils` getExampleFromSchema to generate OpenAPI examples
--   fe8acc9: Fix an issue where a missing OpenAPI example would crash the page.
--   1823101: Fix internal properties appearing in OpenAPI docs.
+- 162b4b7: Add in HTTP example code blocks
+- e4e2f52: Add an optional client context to get a callback called when the Scalar client is opened for a block.
+- eb7c22f: Revert scalar to 1.0.87 to mitigate an issue with ApiClientModalProvider
+- 160fca1: new OpenAPI blocks design
+- e721f17: Use `@scalar/oas-utils` getExampleFromSchema to generate OpenAPI examples
+- fe8acc9: Fix an issue where a missing OpenAPI example would crash the page.
+- 1823101: Fix internal properties appearing in OpenAPI docs.
 
 ### Patch Changes
 
--   d9029c7: Support apiKey in CodeSample security headers
--   6e54a06: Support response examples
--   0c03676: Better securities sample and headers
--   3e5e458: Handle isArray schema type
--   46edde9: Improve the OpenAPI package API
--   d9c8d57: Do not dereference before caching OpenAPI spec.
--   ccf2cff: Fix an issue where a response object using a special ref would crash the page.
--   dda0cc6: Flatten OpenAPI security object
--   f92e906: Prevent codemirror from loading multiple versions in scalar
--   dff08ae: Improve performances by loading Scalar API Client only when the button is clicked
--   fc7b16f: Updated scalar depdenency
--   a652958: Fix error on unresolvable refs by replacing with property name and any type
--   2f73db7: Support non primitive examples in OpenAPI block
--   160fca1: Support deprecated and x-deprecated-sunset in OpenAPI spec
--   b41d425: Improve OpenAPI rendering performances by caching markdown parsing
--   Updated dependencies [46edde9]
--   Updated dependencies [727bde2]
-    -   @gitbook/openapi-parser@1.0.0
+- d9029c7: Support apiKey in CodeSample security headers
+- 6e54a06: Support response examples
+- 0c03676: Better securities sample and headers
+- 3e5e458: Handle isArray schema type
+- 46edde9: Improve the OpenAPI package API
+- d9c8d57: Do not dereference before caching OpenAPI spec.
+- ccf2cff: Fix an issue where a response object using a special ref would crash the page.
+- dda0cc6: Flatten OpenAPI security object
+- f92e906: Prevent codemirror from loading multiple versions in scalar
+- dff08ae: Improve performances by loading Scalar API Client only when the button is clicked
+- fc7b16f: Updated scalar depdenency
+- a652958: Fix error on unresolvable refs by replacing with property name and any type
+- 2f73db7: Support non primitive examples in OpenAPI block
+- 160fca1: Support deprecated and x-deprecated-sunset in OpenAPI spec
+- b41d425: Improve OpenAPI rendering performances by caching markdown parsing
+- Updated dependencies [46edde9]
+- Updated dependencies [727bde2]
+  - @gitbook/openapi-parser@1.0.0
 
 ## 0.7.1
 
 ### Patch Changes
 
--   4771c78: Fixed scalar api client routing
--   ff50ac2: Bump @scalar/api-client-react version
--   867481c: Support Integers in Response example
--   7ba67fd: bumped the scalar api client dependency
--   a78c1ec: Bumped scalar api client pacakge
+- 4771c78: Fixed scalar api client routing
+- ff50ac2: Bump @scalar/api-client-react version
+- 867481c: Support Integers in Response example
+- 7ba67fd: bumped the scalar api client dependency
+- a78c1ec: Bumped scalar api client pacakge
 
 ## 0.7.0
 
 ### Minor Changes
 
--   cf3045a: Add Python support in Code Samples
--   4247361: Add required query parameters to the code sample
--   aa8c49e: Display pattern if available in parmas in OpenAPI block
--   e914903: Synchronize response and response example tabs
--   4cbcc5b: Rollback of scalar modal while fixing perf issue
+- cf3045a: Add Python support in Code Samples
+- 4247361: Add required query parameters to the code sample
+- aa8c49e: Display pattern if available in parmas in OpenAPI block
+- e914903: Synchronize response and response example tabs
+- 4cbcc5b: Rollback of scalar modal while fixing perf issue
 
 ### Patch Changes
 
--   51fa3ab: Adds content-visibility css property to OpenAPI Operation for better render performance
--   f89b31c: Upgrade the scalar api client package
--   094e9cd: bump: scalar from 1.0.5 to 1.0.7
--   237b703: Fix crash when `example` is undefined for a response
--   51955da: Adds tabs to Response Example section e.g. for status code examples
--   a679e72: Render mandatory headers in code sample
--   c079c3c: Update Scalar client to latest version
+- 51fa3ab: Adds content-visibility css property to OpenAPI Operation for better render performance
+- f89b31c: Upgrade the scalar api client package
+- 094e9cd: bump: scalar from 1.0.5 to 1.0.7
+- 237b703: Fix crash when `example` is undefined for a response
+- 51955da: Adds tabs to Response Example section e.g. for status code examples
+- a679e72: Render mandatory headers in code sample
+- c079c3c: Update Scalar client to latest version
 
 ## 0.6.0
 
 ### Minor Changes
 
--   709f1a1: Update Scalar to the latest version, with faster performances and an improved experience
+- 709f1a1: Update Scalar to the latest version, with faster performances and an improved experience
 
 ### Patch Changes
 
--   ede2335: Fix x-codeSamples: false not working at the single operation level
--   0426312: Fix tabs being empty for code samples when they are updated dynamically
+- ede2335: Fix x-codeSamples: false not working at the single operation level
+- 0426312: Fix tabs being empty for code samples when they are updated dynamically
 
 ## 0.5.0
 
 ### Minor Changes
 
--   3445db4: Fix files published in the NPM packages by defining "files" in "package.json"
+- 3445db4: Fix files published in the NPM packages by defining "files" in "package.json"
 
 ## 0.4.0
 
 ### Minor Changes
 
--   24cd72e: Fix changeset CI workflow
+- 24cd72e: Fix changeset CI workflow
 
 ## 0.3.0
 
 ### Minor Changes
 
--   de747b7: Refactor the repository to be a proper monorepo and publish JS files on NPM instead of TypeScript files.
+- de747b7: Refactor the repository to be a proper monorepo and publish JS files on NPM instead of TypeScript files.
 
 ## 0.3.0
 
 ### Minor Changes
 
--   bd0ca5b: Fix missing react imports
+- bd0ca5b: Fix missing react imports
 
 ## 0.2.0
 
 ### Minor Changes
 
--   57adb3e: Second release to fix publishing with changeset
+- 57adb3e: Second release to fix publishing with changeset
 
 ## 0.1.0
 
 ### Minor Changes
 
--   5f8a8fe: Initial release
+- 5f8a8fe: Initial release

package/dist/OpenAPICodeSample.jsx

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { OpenAPITabs, OpenAPITabsList, OpenAPITabsPanels } from './OpenAPITabs';
+import { ScalarApiButton } from './ScalarApiButton';
 import { StaticSection } from './StaticSection';
 import { codeSampleGenerators } from './code-samples';
 import { generateMediaTypeExample, generateSchemaExample } from './generateSchemaExample';
@@ -30,14 +31,18 @@ export function OpenAPICodeSample(props) {
             return;
         }
         if (param.in === 'header' && param.required) {
-            var example = param.schema ? generateSchemaExample(param.schema) : undefined;
+            var example = param.schema
+                ? generateSchemaExample(param.schema, { mode: 'write' })
+                : undefined;
             if (example !== undefined && param.name) {
                 headersObject[param.name] =
                     typeof example !== 'string' ? stringifyOpenAPI(example) : example;
             }
         }
         else if (param.in === 'query' && param.required) {
-            var example = param.schema ? generateSchemaExample(param.schema) : undefined;
+            var example = param.schema
+                ? generateSchemaExample(param.schema, { mode: 'write' })
+                : undefined;
             if (example !== undefined && param.name) {
                 searchParams.append(param.name, String(Array.isArray(example) ? example[0] : example));
             }
@@ -69,6 +74,7 @@ export function OpenAPICodeSample(props) {
             code: generator.generate(input),
             syntax: generator.syntax,
         }),
+        footer: <OpenAPICodeSampleFooter data={data} context={context}/>,
     }); });
     // Use custom samples if defined
     var customCodeSamples = null;
@@ -88,6 +94,7 @@ export function OpenAPICodeSample(props) {
                     code: sample.source,
                     syntax: sample.lang,
                 }),
+                footer: <OpenAPICodeSampleFooter data={data} context={context}/>,
             }); });
         }
     });
@@ -104,6 +111,21 @@ export function OpenAPICodeSample(props) {
             </StaticSection>
         </OpenAPITabs>);
 }
+function OpenAPICodeSampleFooter(props) {
+    var data = props.data, context = props.context;
+    var method = data.method, path = data.path;
+    var specUrl = context.specUrl;
+    var hideTryItPanel = data['x-hideTryItPanel'] || data.operation['x-hideTryItPanel'];
+    if (hideTryItPanel) {
+        return null;
+    }
+    if (!validateHttpMethod(method)) {
+        return null;
+    }
+    return (<div className="openapi-codesample-footer">
+            <ScalarApiButton method={method} path={path} specUrl={specUrl}/>
+        </div>);
+}
 function getSecurityHeaders(securities) {
     var _a;
     var _b, _c;
@@ -142,3 +164,6 @@ function getSecurityHeaders(securities) {
         }
     }
 }
+function validateHttpMethod(method) {
+    return ['get', 'post', 'put', 'delete', 'patch', 'head', 'options', 'trace'].includes(method);
+}

package/dist/OpenAPICopyButton.d.ts

@@ -0,0 +1,4 @@
+import { type ButtonProps } from 'react-aria-components';
+export declare function OpenAPICopyButton(props: ButtonProps & {
+    value: string;
+}): import("react").JSX.Element;

package/dist/OpenAPICopyButton.jsx

@@ -0,0 +1,32 @@
+'use client';
+import { useState } from 'react';
+import { Button, Tooltip, TooltipTrigger } from 'react-aria-components';
+export function OpenAPICopyButton(props) {
+    var value = props.value;
+    var children = props.children, onPress = props.onPress, className = props.className;
+    var _a = useState(false), copied = _a[0], setCopied = _a[1];
+    var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
+    var handleCopy = function () {
+        if (!value)
+            return;
+        navigator.clipboard.writeText(value).then(function () {
+            setIsOpen(true);
+            setCopied(true);
+            setTimeout(function () {
+                setCopied(false);
+            }, 2000);
+        });
+    };
+    return (<TooltipTrigger isOpen={isOpen} onOpenChange={setIsOpen} closeDelay={200} delay={200}>
+            <Button type="button" preventFocusOnPress onPress={function (e) {
+            handleCopy();
+            onPress === null || onPress === void 0 ? void 0 : onPress(e);
+        }} className={"openapi-copy-button ".concat(className)} {...props}>
+                {children}
+            </Button>
+
+            <Tooltip isOpen={isOpen} onOpenChange={setIsOpen} placement="top" offset={4} className="openapi-tooltip">
+                {copied ? 'Copied' : 'Copy to clipboard'}{' '}
+            </Tooltip>
+        </TooltipTrigger>);
+}

package/dist/OpenAPIOperation.jsx

@@ -25,6 +25,7 @@ export function OpenAPIOperation(props) {
                 title: operation.summary,
             })
             : null}
+                <OpenAPIPath data={data} context={context}/>
                 {operation.deprecated && <div className="openapi-deprecated">Deprecated</div>}
             </div>
             <div className="openapi-columns">
@@ -37,7 +38,6 @@ export function OpenAPIOperation(props) {
                             {'.'}
                         </div>) : null}
                     <OpenAPIOperationDescription operation={operation} context={context}/>
-                    <OpenAPIPath data={data} context={context}/>
                     <OpenAPISpec data={data} context={clientContext}/>
                 </div>
                 <div className="openapi-column-preview">

package/dist/OpenAPIPath.d.ts

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

package/dist/OpenAPIPath.jsx

@@ -1,47 +1,49 @@
-import { ScalarApiButton } from './ScalarApiButton';
+import { OpenAPICopyButton } from './OpenAPICopyButton';
+import { getDefaultServerURL } from './util/server';
 /**
  * Display the path of an operation.
  */
 export function OpenAPIPath(props) {
-    var data = props.data, context = props.context;
-    var method = data.method, path = data.path;
-    var specUrl = context.specUrl;
-    var hideTryItPanel = data['x-hideTryItPanel'] || data.operation['x-hideTryItPanel'];
+    var data = props.data;
+    var method = data.method, path = data.path, operation = data.operation;
+    var server = getDefaultServerURL(data.servers);
+    var formattedPath = formatPath(path);
     return (<div className="openapi-path">
             <div className={"openapi-method openapi-method-".concat(method)}>{method}</div>
-            <div className="openapi-path-title" data-deprecated={data.operation.deprecated}>
-                <p>{formatPath(path)}</p>
-            </div>
-            {!hideTryItPanel && validateHttpMethod(method) && (<ScalarApiButton method={method} path={path} specUrl={specUrl}/>)}
+
+            <OpenAPICopyButton value={server + path} className="openapi-path-title" data-deprecated={operation.deprecated}>
+                <span className="openapi-path-server">{server}</span>
+                {formattedPath}
+            </OpenAPICopyButton>
         </div>);
 }
-function validateHttpMethod(method) {
-    return ['get', 'post', 'put', 'delete', 'patch', 'head', 'options', 'trace'].includes(method);
-}
-// Format the path to highlight placeholders
+/**
+ * Format the path by wrapping placeholders in <span> tags.
+ */
 function formatPath(path) {
     // Matches placeholders like {id}, {userId}, etc.
-    var regex = /\{(\w+)\}/g;
+    var regex = /\{\s*(\w+)\s*\}|:\w+/g;
     var parts = [];
     var lastIndex = 0;
-    // Replace placeholders with <em> tags
-    path.replace(regex, function (match, key, offset) {
-        parts.push(path.slice(lastIndex, offset));
-        parts.push(<em key={key}>{"{".concat(key, "}")}</em>);
+    //Wrap the variables in <span> tags and maintain either {variable} or :variable
+    path.replace(regex, function (match, _, offset) {
+        if (offset > lastIndex) {
+            parts.push(path.slice(lastIndex, offset));
+        }
+        parts.push(<span key={offset} className="openapi-path-variable">
+                {match}
+            </span>);
         lastIndex = offset + match.length;
         return match;
     });
-    // Push remaining text after the last placeholder
-    parts.push(path.slice(lastIndex));
-    // Join parts with separators wrapped in <span>
-    var formattedPath = parts.reduce(function (acc, part, index) {
-        if (typeof part === 'string' && index > 0 && part === '/') {
-            acc.push(<span className="openapi-path-separator" key={"sep-".concat(index)}>
-                        /
-                    </span>);
+    if (lastIndex < path.length) {
+        parts.push(path.slice(lastIndex));
+    }
+    var formattedPath = parts.map(function (part, index) {
+        if (typeof part === 'string') {
+            return <span key={index}>{part}</span>;
         }
-        acc.push(part);
-        return acc;
-    }, []);
-    return <span>{formattedPath}</span>;
+        return part;
+    });
+    return formattedPath;
 }

package/dist/OpenAPIResponseExample.jsx

@@ -1,3 +1,4 @@
+import { Markdown } from './Markdown';
 import { OpenAPITabs, OpenAPITabsList, OpenAPITabsPanels } from './OpenAPITabs';
 import { StaticSection } from './StaticSection';
 import { generateSchemaExample } from './generateSchemaExample';
@@ -32,35 +33,31 @@ export function OpenAPIResponseExample(props) {
         }
         return Number(a) - Number(b);
     });
-    var tabs = responses
-        .map(function (_a) {
+    var tabs = responses.map(function (_a) {
         var key = _a[0], responseObject = _a[1];
         var description = resolveDescription(responseObject);
         if (checkIsReference(responseObject)) {
             return {
                 key: key,
                 label: key,
-                description: description,
                 body: (<OpenAPIExample example={getExampleFromReference(responseObject)} context={context} syntax="json"/>),
+                footer: description ? <Markdown source={description}/> : undefined,
             };
         }
         if (!responseObject.content || Object.keys(responseObject.content).length === 0) {
             return {
                 key: key,
                 label: key,
-                description: description,
                 body: <OpenAPIEmptyResponseExample />,
+                footer: description ? <Markdown source={description}/> : undefined,
             };
         }
         return {
             key: key,
             label: key,
-            description: resolveDescription(responseObject),
             body: <OpenAPIResponse context={context} content={responseObject.content}/>,
+            footer: description ? <Markdown source={description}/> : undefined,
         };
-    })
-        .filter(function (val) {
-        return Boolean(val);
     });
     if (tabs.length === 0) {
         return null;

package/dist/OpenAPISchemaName.jsx

@@ -13,6 +13,7 @@ export function OpenAPISchemaName(props) {
                 {type ? <span className="openapi-schema-type">{type}</span> : null}
                 {additionalItems ? (<span className="openapi-schema-type">{additionalItems}</span>) : null}
             </span>
+            {(schema === null || schema === void 0 ? void 0 : schema.readOnly) ? <span className="openapi-schema-readonly">read-only</span> : null}
             {required ? <span className="openapi-schema-required">required</span> : null}
             {(schema === null || schema === void 0 ? void 0 : schema.deprecated) ? <span className="openapi-deprecated">Deprecated</span> : null}
         </div>);

package/dist/OpenAPITabs.d.ts

@@ -3,7 +3,7 @@ export type TabItem = {
     key: Key;
     label: string;
     body: React.ReactNode;
-    description?: string;
+    footer?: React.ReactNode;
 };
 /**
  * The OpenAPI Tabs wrapper component.

package/dist/OpenAPITabs.jsx

@@ -2,7 +2,6 @@
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { Tab, TabList, TabPanel, Tabs } from 'react-aria-components';
 import { useEventCallback } from 'usehooks-ts';
-import { Markdown } from './Markdown';
 import { getOrCreateTabStoreByKey } from './useSyncedTabsGlobalState';
 var OpenAPITabsContext = createContext(null);
 function useOpenAPITabsContext() {
@@ -105,6 +104,14 @@ export function OpenAPITabsPanels() {
     var key = selectedTab.key.toString();
     return (<TabPanel key={key} id={key} className="openapi-tabs-panel">
             {selectedTab.body}
-            {selectedTab.description ? (<Markdown source={selectedTab.description} className="openapi-tabs-footer"/>) : null}
+            {selectedTab.footer ? (<OpenAPITabsPanelFooter>{selectedTab.footer}</OpenAPITabsPanelFooter>) : null}
         </TabPanel>);
 }
+/**
+ * The OpenAPI Tabs panel footer component.
+ * This component should be used as a child of the OpenAPITabs component.
+ */
+function OpenAPITabsPanelFooter(props) {
+    var children = props.children;
+    return <div className="openapi-tabs-footer">{children}</div>;
+}

package/dist/ScalarApiButton.jsx

@@ -16,10 +16,10 @@ export function ScalarApiButton(props) {
             (_b = (_a = controllerRef.current) === null || _a === void 0 ? void 0 : _a.openClient) === null || _b === void 0 ? void 0 : _b.call(_a);
             setIsOpen(true);
         }}>
-                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" fill="none">
+                Test it
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 12" fill="currentColor">
                     <path stroke="currentColor" strokeWidth="1.5" d="M1 10.05V1.43c0-.2.2-.31.37-.22l7.26 4.08c.17.1.17.33.01.43l-7.26 4.54a.25.25 0 0 1-.38-.21Z"/>
                 </svg>
-                Test it
             </button>
 
             {isOpen &&

package/dist/schemas/OpenAPISchemas.d.ts

@@ -1,9 +1,11 @@
 import type { OpenAPIContextProps, OpenAPISchemasData } from '../types';
+type OpenAPISchemasContextProps = Omit<OpenAPIContextProps, 'renderCodeBlock' | 'renderHeading' | 'renderDocument'>;
 /**
  * Display OpenAPI Schemas.
  */
 export declare function OpenAPISchemas(props: {
     className?: string;
     data: OpenAPISchemasData;
-    context: OpenAPIContextProps;
+    context: OpenAPISchemasContextProps;
 }): import("react").JSX.Element | null;
+export {};