@gitbook/react-openapi 1.4.3 → 1.5.1

package/package.json

@@ -4,15 +4,14 @@
     "exports": {
         ".": {
             "types": "./dist/index.d.ts",
-            "development": "./src/index.ts",
             "default": "./dist/index.js"
         }
     },
-    "version": "1.4.3",
+    "version": "1.5.1",
     "sideEffects": false,
     "dependencies": {
-        "@gitbook/expr": "workspace:*",
-        "@gitbook/openapi-parser": "workspace:*",
+        "@gitbook/expr": "1.2.2",
+        "@gitbook/openapi-parser": "3.0.3",
         "@scalar/api-client-react": "^1.3.16",
         "@scalar/oas-utils": "^0.2.130",
         "@scalar/types": "^0.1.9",
@@ -28,17 +27,22 @@
     "devDependencies": {
         "@types/js-yaml": "^4.0.9",
         "bun-types": "^1.1.20",
+        "tsdown": "^0.15.6",
         "typescript": "^5.5.3"
     },
     "peerDependencies": {
         "react": "*"
     },
     "scripts": {
-        "build": "rm -rf ./dist && tsc --project tsconfig.build.json",
+        "build": "tsdown",
         "typecheck": "tsc --noEmit",
         "unit": "bun test",
-        "dev": "bun run build -- --watch",
+        "dev": "bun run build -- --watch ./src",
         "clean": "rm -rf ./dist"
     },
-    "files": ["dist", "src", "README.md", "CHANGELOG.md"]
+    "files": ["dist", "README.md", "CHANGELOG.md"],
+    "publishConfig": {
+        "access": "public",
+        "registry": "https://registry.npmjs.org/"
+    }
 }

package/dist/InteractiveSection.d.ts

@@ -1,33 +0,0 @@
-interface InteractiveSectionTab {
-    key: string;
-    label: string;
-    body: React.ReactNode;
-}
-/**
- * To optimize rendering, most of the components are server-components,
- * and the interactiveness is mainly handled by a few key components like this one.
- */
-export declare function InteractiveSection(props: {
-    id?: string;
-    /** Class name to be set on the section, sub-elements will use it as prefix */
-    className: string;
-    /** If true, the content can be toggeable */
-    toggeable?: boolean;
-    /** Default state of the toggle */
-    defaultOpened?: boolean;
-    /** Icon to display for the toggle */
-    toggleIcon?: React.ReactNode;
-    /** Tabs of content to display */
-    tabs?: Array<InteractiveSectionTab>;
-    /** Default tab to have opened */
-    defaultTab?: string;
-    /** Content of the header */
-    header?: React.ReactNode;
-    /** Children to display within the container */
-    overlay?: React.ReactNode;
-    /** State key to use with a store */
-    stateKey?: string;
-    /** Icon for the tabs select */
-    selectIcon?: React.ReactNode;
-}): import("react").JSX.Element;
-export {};

package/dist/InteractiveSection.jsx

@@ -1,61 +0,0 @@
-'use client';
-import clsx from 'clsx';
-import { useRef } from 'react';
-import { mergeProps, useButton, useDisclosure, useFocusRing } from 'react-aria';
-import { useDisclosureState } from 'react-stately';
-import { OpenAPISelect, OpenAPISelectItem, useSelectState } from './OpenAPISelect';
-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.
- */
-export function InteractiveSection(props) {
-    var _a, _b;
-    var id = props.id, className = props.className, _c = props.toggeable, toggeable = _c === void 0 ? false : _c, _d = props.defaultOpened, defaultOpened = _d === void 0 ? true : _d, _e = props.tabs, tabs = _e === void 0 ? [] : _e, _f = props.defaultTab, defaultTab = _f === void 0 ? (_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.key : _f, header = props.header, overlay = props.overlay, _g = props.toggleIcon, toggleIcon = _g === void 0 ? '▶' : _g, selectIcon = props.selectIcon, _h = props.stateKey, stateKey = _h === void 0 ? 'interactive-section' : _h;
-    var state = useDisclosureState({
-        defaultExpanded: defaultOpened,
-    });
-    var panelRef = useRef(null);
-    var triggerRef = useRef(null);
-    var _j = useDisclosure({}, state, panelRef), triggerProps = _j.buttonProps, panelProps = _j.panelProps;
-    var buttonProps = useButton(triggerProps, triggerRef).buttonProps;
-    var _k = useFocusRing(), isFocusVisible = _k.isFocusVisible, focusProps = _k.focusProps;
-    var store = useSelectState(stateKey, defaultTab);
-    var selectedTab = (_b = tabs.find(function (tab) { return tab.key === store.key; })) !== null && _b !== void 0 ? _b : tabs[0];
-    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={className}>
-                    <SectionHeaderContent className={className}>
-                        {(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)'
-                        : 'none',
-                }}>
-                                {toggleIcon}
-                            </button>) : null}
-                        {header}
-                    </SectionHeaderContent>
-                    {/* biome-ignore lint/a11y/useKeyWithClickEvents: we prevent default here */}
-                    <div className={clsx('openapi-section-header-controls', "".concat(className, "-header-controls"))} onClick={function (event) {
-                event.stopPropagation();
-            }}>
-                        {tabs.length > 0 ? (<OpenAPISelect stateKey={stateKey} items={tabs} onSelectionChange={function () {
-                    state.expand();
-                }} icon={selectIcon} placement="bottom end">
-                                {tabs.map(function (tab) { return (<OpenAPISelectItem key={tab.key} id={tab.key} value={tab}>
-                                        {tab.label}
-                                    </OpenAPISelectItem>); })}
-                            </OpenAPISelect>) : null}
-                    </div>
-                </SectionHeader>) : null}
-            {(!toggeable || state.isExpanded) && (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.body) ? (<SectionBody ref={panelRef} {...panelProps} className={className}>
-                    {selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.body}
-                </SectionBody>) : null}
-            {overlay ? (<div className={clsx('openapi-section-overlay', "".concat(className, "-overlay"))}>
-                    {overlay}
-                </div>) : null}
-        </Section>);
-}

package/dist/Markdown.d.ts

@@ -1,4 +0,0 @@
-export declare function Markdown(props: {
-    source: string;
-    className?: string;
-}): import("react").JSX.Element;

package/dist/Markdown.jsx

@@ -1,5 +0,0 @@
-import clsx from 'clsx';
-export function Markdown(props) {
-    var source = props.source, className = props.className;
-    return (<div className={clsx('openapi-markdown', className)} dangerouslySetInnerHTML={{ __html: source }}/>);
-}

package/dist/OpenAPICodeSample.d.ts

@@ -1,19 +0,0 @@
-import type { OpenAPIV3 } from '@gitbook/openapi-parser';
-import { type OpenAPIContext } from './context';
-import type { OpenAPIOperationData } from './types';
-/**
- * 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/)
- */
-export declare function OpenAPICodeSample(props: {
-    data: OpenAPIOperationData;
-    context: OpenAPIContext;
-}): import("react").JSX.Element | null;
-export interface MediaTypeRenderer {
-    mediaType: string;
-    element: React.ReactNode;
-    examples: Array<{
-        example: OpenAPIV3.ExampleObject;
-        element: React.ReactNode;
-    }>;
-}

package/dist/OpenAPICodeSample.jsx

@@ -1,230 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { OpenAPIMediaTypeExamplesBody, OpenAPIMediaTypeExamplesSelector, } from './OpenAPICodeSampleInteractive';
-import { OpenAPICodeSampleBody } from './OpenAPICodeSampleSelector';
-import { ScalarApiButton } from './ScalarApiButton';
-import { codeSampleGenerators } from './code-samples';
-import { getOpenAPIClientContext } from './context';
-import { generateMediaTypeExamples, generateSchemaExample } from './generateSchemaExample';
-import { stringifyOpenAPI } from './stringifyOpenAPI';
-import { getDefaultServerURL } from './util/server';
-import { checkIsReference } from './utils';
-var CUSTOM_CODE_SAMPLES_KEYS = ['x-custom-examples', 'x-code-samples', 'x-codeSamples'];
-/**
- * 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/)
- */
-export function OpenAPICodeSample(props) {
-    var data = props.data, context = props.context;
-    // If code samples are disabled at operation level, we don't display the code samples.
-    if (data.operation['x-codeSamples'] === false) {
-        return null;
-    }
-    var customCodeSamples = getCustomCodeSamples(props);
-    // If code samples are disabled at the top-level and not custom code samples are defined,
-    // we don't display the code samples.
-    if (data['x-codeSamples'] === false && !customCodeSamples) {
-        return null;
-    }
-    var samples = customCodeSamples !== null && customCodeSamples !== void 0 ? customCodeSamples : generateCodeSamples(props);
-    if (samples.length === 0) {
-        return null;
-    }
-    return (<OpenAPICodeSampleBody context={getOpenAPIClientContext(context)} data={data} items={samples} selectIcon={context.icons.chevronDown}/>);
-}
-/**
- * Generate code samples for the operation.
- */
-function generateCodeSamples(props) {
-    var _a;
-    var data = props.data, context = props.context;
-    var searchParams = new URLSearchParams();
-    var headersObject = {};
-    // The parser can sometimes returns invalid parameters (an object instead of an array).
-    // It should get fixed in scalar, but in the meantime we just ignore the parameters in that case.
-    var params = Array.isArray(data.operation.parameters) ? data.operation.parameters : [];
-    params.forEach(function (param) {
-        if (!param) {
-            return;
-        }
-        if (param.in === 'header' && param.required) {
-            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, { mode: 'write' })
-                : undefined;
-            if (example !== undefined && param.name) {
-                searchParams.append(param.name, String(Array.isArray(example) ? example[0] : example));
-            }
-        }
-    });
-    var requestBody = !checkIsReference(data.operation.requestBody)
-        ? data.operation.requestBody
-        : undefined;
-    var url = getDefaultServerURL(data.servers) +
-        data.path +
-        (searchParams.size ? "?".concat(searchParams.toString()) : '');
-    var genericHeaders = __assign(__assign({}, getSecurityHeaders(data.securities)), headersObject);
-    var mediaTypeRendererFactories = Object.entries((_a = requestBody === null || requestBody === void 0 ? void 0 : requestBody.content) !== null && _a !== void 0 ? _a : {}).map(function (_a) {
-        var mediaType = _a[0], mediaTypeObject = _a[1];
-        return function (generator) {
-            var mediaTypeHeaders = __assign(__assign({}, genericHeaders), { 'Content-Type': mediaType });
-            return {
-                mediaType: mediaType,
-                element: context.renderCodeBlock({
-                    code: generator.generate({
-                        url: url,
-                        method: data.method,
-                        body: undefined,
-                        headers: mediaTypeHeaders,
-                    }),
-                    syntax: generator.syntax,
-                }),
-                examples: generateMediaTypeExamples(mediaTypeObject, {
-                    mode: 'write',
-                }).map(function (example) { return ({
-                    example: example,
-                    element: context.renderCodeBlock({
-                        code: generator.generate({
-                            url: url,
-                            method: data.method,
-                            body: example.value,
-                            headers: mediaTypeHeaders,
-                        }),
-                        syntax: generator.syntax,
-                    }),
-                }); }),
-            };
-        };
-    });
-    return codeSampleGenerators.map(function (generator) {
-        if (mediaTypeRendererFactories.length > 0) {
-            var renderers = mediaTypeRendererFactories.map(function (generate) { return generate(generator); });
-            return {
-                key: "default-".concat(generator.id),
-                label: generator.label,
-                body: (<OpenAPIMediaTypeExamplesBody method={data.method} path={data.path} renderers={renderers} blockKey={context.blockKey}/>),
-                footer: (<OpenAPICodeSampleFooter renderers={renderers} data={data} context={context}/>),
-            };
-        }
-        return {
-            key: "default-".concat(generator.id),
-            label: generator.label,
-            body: context.renderCodeBlock({
-                code: generator.generate({
-                    url: url,
-                    method: data.method,
-                    body: undefined,
-                    headers: genericHeaders,
-                }),
-                syntax: generator.syntax,
-            }),
-            footer: <OpenAPICodeSampleFooter data={data} renderers={[]} context={context}/>,
-        };
-    });
-}
-function OpenAPICodeSampleFooter(props) {
-    var data = props.data, context = props.context, renderers = props.renderers;
-    var method = data.method, path = data.path, securities = data.securities, servers = data.servers;
-    var specUrl = context.specUrl;
-    var hideTryItPanel = data['x-hideTryItPanel'] || data.operation['x-hideTryItPanel'];
-    var hasMultipleMediaTypes = renderers.length > 1 || renderers.some(function (renderer) { return renderer.examples.length > 0; });
-    if (hideTryItPanel && !hasMultipleMediaTypes) {
-        return null;
-    }
-    if (!validateHttpMethod(method)) {
-        return null;
-    }
-    return (<div className="openapi-codesample-footer">
-            {hasMultipleMediaTypes ? (<OpenAPIMediaTypeExamplesSelector method={data.method} path={data.path} renderers={renderers} selectIcon={context.icons.chevronDown} blockKey={context.blockKey}/>) : (<span />)}
-            {!hideTryItPanel && (<ScalarApiButton context={getOpenAPIClientContext(context)} method={method} path={path} securities={securities} servers={servers} specUrl={specUrl}/>)}
-        </div>);
-}
-/**
- * Get custom code samples for the operation.
- */
-function getCustomCodeSamples(props) {
-    var data = props.data, context = props.context;
-    var customCodeSamples = null;
-    CUSTOM_CODE_SAMPLES_KEYS.forEach(function (key) {
-        var customSamples = data.operation[key];
-        if (customSamples && Array.isArray(customSamples)) {
-            customCodeSamples = customSamples
-                .filter(function (sample) {
-                return typeof sample.source === 'string' && typeof sample.lang === 'string';
-            })
-                .map(function (sample, index) { return ({
-                key: "custom-sample-".concat(sample.lang, "-").concat(index),
-                label: sample.label || sample.lang,
-                body: context.renderCodeBlock({
-                    code: sample.source,
-                    syntax: sample.lang,
-                }),
-                footer: (<OpenAPICodeSampleFooter renderers={[]} data={data} context={context}/>),
-            }); });
-        }
-    });
-    return customCodeSamples;
-}
-function getSecurityHeaders(securities) {
-    var _a;
-    var _b, _c;
-    var security = securities[0];
-    if (!security) {
-        return {};
-    }
-    switch (security[1].type) {
-        case 'http': {
-            var scheme = security[1].scheme;
-            var format = (_b = security[1].bearerFormat) !== null && _b !== void 0 ? _b : 'YOUR_SECRET_TOKEN';
-            if (scheme === null || scheme === void 0 ? void 0 : scheme.includes('bearer')) {
-                scheme = 'Bearer';
-            }
-            else if (scheme === null || scheme === void 0 ? void 0 : scheme.includes('basic')) {
-                scheme = 'Basic';
-                format = 'username:password';
-            }
-            else if (scheme === null || scheme === void 0 ? void 0 : scheme.includes('token')) {
-                scheme = 'Token';
-            }
-            return {
-                Authorization: "".concat(scheme, " ").concat(format),
-            };
-        }
-        case 'apiKey': {
-            if (security[1].in !== 'header')
-                return {};
-            var name_1 = (_c = security[1].name) !== null && _c !== void 0 ? _c : 'Authorization';
-            return _a = {},
-                _a[name_1] = 'YOUR_API_KEY',
-                _a;
-        }
-        case 'oauth2': {
-            return {
-                Authorization: 'Bearer YOUR_OAUTH2_TOKEN',
-            };
-        }
-        default: {
-            return {};
-        }
-    }
-}
-function validateHttpMethod(method) {
-    return ['get', 'post', 'put', 'delete', 'patch', 'head', 'options', 'trace'].includes(method);
-}

package/dist/OpenAPICodeSampleInteractive.d.ts

@@ -1,14 +0,0 @@
-import type { MediaTypeRenderer } from './OpenAPICodeSample';
-export declare function OpenAPIMediaTypeExamplesSelector(props: {
-    method: string;
-    path: string;
-    renderers: MediaTypeRenderer[];
-    selectIcon?: React.ReactNode;
-    blockKey?: string;
-}): import("react").JSX.Element;
-export declare function OpenAPIMediaTypeExamplesBody(props: {
-    method: string;
-    path: string;
-    renderers: MediaTypeRenderer[];
-    blockKey?: string;
-}): string | number | boolean | Iterable<import("react").ReactNode> | import("react").JSX.Element | null | undefined;

package/dist/OpenAPICodeSampleInteractive.jsx

@@ -1,73 +0,0 @@
-'use client';
-import clsx from 'clsx';
-import { OpenAPISelect, OpenAPISelectItem, useSelectState } from './OpenAPISelect';
-import { createStateKey } from './utils';
-export function OpenAPIMediaTypeExamplesSelector(props) {
-    var method = props.method, path = props.path, renderers = props.renderers, selectIcon = props.selectIcon, blockKey = props.blockKey;
-    if (!renderers[0]) {
-        throw new Error('No renderers provided');
-    }
-    var stateKey = createStateKey('request-body-media-type', blockKey);
-    var state = useSelectState(stateKey, renderers[0].mediaType);
-    var selected = renderers.find(function (r) { return r.mediaType === state.key; }) || renderers[0];
-    return (<div className="openapi-codesample-selectors">
-            <MediaTypeSelector selectIcon={selectIcon} stateKey={stateKey} renderers={renderers}/>
-            <ExamplesSelector selectIcon={selectIcon} method={method} path={path} renderer={selected}/>
-        </div>);
-}
-function MediaTypeSelector(props) {
-    var renderers = props.renderers, stateKey = props.stateKey, selectIcon = props.selectIcon;
-    if (renderers.length < 2) {
-        return null;
-    }
-    var items = renderers.map(function (renderer) { return ({
-        key: renderer.mediaType,
-        label: renderer.mediaType,
-    }); });
-    return (<OpenAPISelect className={clsx('openapi-select')} items={renderers.map(function (renderer) { return ({
-            key: renderer.mediaType,
-            label: renderer.mediaType,
-        }); })} icon={selectIcon} stateKey={stateKey} placement="bottom start">
-            {items.map(function (item) { return (<OpenAPISelectItem key={item.key} id={item.key} value={item}>
-                    {item.label}
-                </OpenAPISelectItem>); })}
-        </OpenAPISelect>);
-}
-function ExamplesSelector(props) {
-    var method = props.method, path = props.path, renderer = props.renderer, selectIcon = props.selectIcon;
-    if (renderer.examples.length < 2) {
-        return null;
-    }
-    var items = renderer.examples.map(function (example, index) { return ({
-        key: index,
-        label: example.example.summary || "Example ".concat(index + 1),
-    }); });
-    return (<OpenAPISelect items={items} icon={selectIcon} stateKey={"media-type-sample-".concat(renderer.mediaType, "-").concat(method, "-").concat(path)} placement="bottom start">
-            {items.map(function (item) { return (<OpenAPISelectItem key={item.key} id={item.key} value={item}>
-                    {item.label}
-                </OpenAPISelectItem>); })}
-        </OpenAPISelect>);
-}
-export function OpenAPIMediaTypeExamplesBody(props) {
-    var _a;
-    var renderers = props.renderers, method = props.method, path = props.path, blockKey = props.blockKey;
-    if (!renderers[0]) {
-        throw new Error('No renderers provided');
-    }
-    var mediaTypeState = useSelectState(createStateKey('request-body-media-type', blockKey), renderers[0].mediaType);
-    var selected = (_a = renderers.find(function (r) { return r.mediaType === mediaTypeState.key; })) !== null && _a !== void 0 ? _a : renderers[0];
-    if (selected.examples.length === 0) {
-        return selected.element;
-    }
-    return <ExamplesBody method={method} path={path} renderer={selected}/>;
-}
-function ExamplesBody(props) {
-    var _a;
-    var method = props.method, path = props.path, renderer = props.renderer;
-    var exampleState = useSelectState("media-type-sample-".concat(renderer.mediaType, "-").concat(method, "-").concat(path), renderer.mediaType);
-    var example = (_a = renderer.examples[Number(exampleState.key)]) !== null && _a !== void 0 ? _a : renderer.examples[0];
-    if (!example) {
-        throw new Error("No example found for key ".concat(exampleState.key));
-    }
-    return example.element;
-}

package/dist/OpenAPICodeSampleSelector.d.ts

@@ -1,14 +0,0 @@
-import { OpenAPISelectItem } from './OpenAPISelect';
-import type { OpenAPIClientContext } from './context';
-import type { OpenAPIOperationData } from './types';
-type CodeSampleItem = OpenAPISelectItem & {
-    body: React.ReactNode;
-    footer?: React.ReactNode;
-};
-export declare function OpenAPICodeSampleBody(props: {
-    items: CodeSampleItem[];
-    data: OpenAPIOperationData;
-    selectIcon?: React.ReactNode;
-    context: OpenAPIClientContext;
-}): import("react").JSX.Element | null;
-export {};

package/dist/OpenAPICodeSampleSelector.jsx

@@ -1,44 +0,0 @@
-'use client';
-import { useCallback } from 'react';
-import { useStore } from 'zustand';
-import { OpenAPIPath } from './OpenAPIPath';
-import { OpenAPISelect, OpenAPISelectItem } from './OpenAPISelect';
-import { StaticSection } from './StaticSection';
-import { getOrCreateStoreByKey } from './getOrCreateStoreByKey';
-function useCodeSampleState(initialKey) {
-    if (initialKey === void 0) { initialKey = 'default'; }
-    var store = useStore(getOrCreateStoreByKey('codesample', initialKey));
-    return {
-        key: store.key,
-        setKey: useCallback(function (key) { return store.setKey(key); }, [store.setKey]),
-    };
-}
-function OpenAPICodeSampleHeader(props) {
-    var data = props.data, items = props.items, selectIcon = props.selectIcon, context = props.context;
-    return (<>
-            <OpenAPIPath context={context} canCopy={false} withServer={false} data={data}/>
-            {items.length > 1 ? (<OpenAPISelect icon={selectIcon} items={items} stateKey="codesample" placement="bottom end">
-                    {items.map(function (item) { return (<OpenAPISelectItem key={item.key} id={item.key} value={item}>
-                            {item.label}
-                        </OpenAPISelectItem>); })}
-                </OpenAPISelect>) : items[0] ? (<span className="openapi-codesample-label">{items[0].label}</span>) : null}
-        </>);
-}
-export function OpenAPICodeSampleBody(props) {
-    var _a;
-    var items = props.items, data = props.data, selectIcon = props.selectIcon, context = props.context;
-    if (!items[0]) {
-        throw new Error('No items provided');
-    }
-    var state = useCodeSampleState((_a = items[0]) === null || _a === void 0 ? void 0 : _a.key);
-    var selected = items.find(function (item) { return item.key === state.key; }) || items[0];
-    if (!selected) {
-        return null;
-    }
-    return (<StaticSection header={<OpenAPICodeSampleHeader context={context} selectIcon={selectIcon} data={data} items={items}/>} className="openapi-codesample">
-            <div id={selected.key} className="openapi-codesample-panel">
-                {selected.body ? selected.body : null}
-                {selected.footer ? selected.footer : null}
-            </div>
-        </StaticSection>);
-}

package/dist/OpenAPICopyButton.d.ts

@@ -1,13 +0,0 @@
-import { type ButtonProps } from 'react-aria-components';
-import type { OpenAPIClientContext } from './context';
-export declare function OpenAPICopyButton(props: ButtonProps & {
-    value: string;
-    children: React.ReactNode;
-    context: OpenAPIClientContext;
-    label?: string;
-    /**
-     * Whether to show a tooltip.
-     * @default true
-     */
-    withTooltip?: boolean;
-}): import("react").JSX.Element;

package/dist/OpenAPICopyButton.jsx

@@ -1,35 +0,0 @@
-'use client';
-import { useState } from 'react';
-import { Button, Tooltip, TooltipTrigger } from 'react-aria-components';
-import { t } from './translate';
-export function OpenAPICopyButton(props) {
-    var value = props.value, label = props.label, children = props.children, onPress = props.onPress, className = props.className, context = props.context, _a = props.withTooltip, withTooltip = _a === void 0 ? true : _a;
-    var _b = useState(false), copied = _b[0], setCopied = _b[1];
-    var _c = useState(false), isOpen = _c[0], setIsOpen = _c[1];
-    var handleCopy = function () {
-        if (!value)
-            return;
-        navigator.clipboard.writeText(value).then(function () {
-            setIsOpen(true);
-            setCopied(true);
-            setTimeout(function () {
-                setCopied(false);
-                setIsOpen(false);
-            }, 2000);
-        });
-    };
-    return (<TooltipTrigger isOpen={isOpen} onOpenChange={setIsOpen} isDisabled={!withTooltip} 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
-            ? t(context.translation, 'copied')
-            : label || t(context.translation, 'copy_to_clipboard')}
-            </Tooltip>
-        </TooltipTrigger>);
-}

package/dist/OpenAPIDisclosure.d.ts

@@ -1,11 +0,0 @@
-import type React from 'react';
-/**
- * Display an interactive OpenAPI disclosure.
- */
-export declare function OpenAPIDisclosure(props: {
-    icon: React.ReactNode;
-    header: React.ReactNode;
-    children: React.ReactNode;
-    label: string | ((isExpanded: boolean) => string);
-    className?: string;
-}): React.JSX.Element;

package/dist/OpenAPIDisclosure.jsx

@@ -1,30 +0,0 @@
-'use client';
-import clsx from 'clsx';
-import { useState } from 'react';
-import { Button, Disclosure, DisclosurePanel } from 'react-aria-components';
-/**
- * Display an interactive OpenAPI disclosure.
- */
-export function OpenAPIDisclosure(props) {
-    var icon = props.icon, header = props.header, label = props.label, children = props.children, className = props.className;
-    var _a = useState(false), isExpanded = _a[0], setIsExpanded = _a[1];
-    return (<Disclosure className={clsx('openapi-disclosure', className)} isExpanded={isExpanded} onExpandedChange={setIsExpanded}>
-            <Button slot="trigger" className="openapi-disclosure-trigger" style={function (_a) {
-            var isFocusVisible = _a.isFocusVisible;
-            return ({
-                outline: isFocusVisible
-                    ? '2px solid rgb(var(--primary-color-500) / 0.4)'
-                    : 'none',
-            });
-        }}>
-                {header}
-                <div className="openapi-disclosure-trigger-label">
-                    <span>{typeof label === 'function' ? label(isExpanded) : label}</span>
-                    {icon}
-                </div>
-            </Button>
-            <DisclosurePanel className="openapi-disclosure-panel">
-                {isExpanded ? children : null}
-            </DisclosurePanel>
-        </Disclosure>);
-}