fumadocs-openapi 6.0.5 → 6.0.6

package/dist/render/operation/api-example.d.ts

@@ -0,0 +1,15 @@
+import type { MethodInformation, RenderContext } from '../../types.js';
+import type { EndpointSample } from '../../utils/generate-sample.js';
+import { type CodeSample } from '../../render/operation.js';
+interface CustomProperty {
+    'x-codeSamples'?: CodeSample[];
+    'x-selectedCodeSample'?: string;
+    'x-exclusiveCodeSample'?: string;
+}
+export declare function APIExample({ method, endpoint, ctx, }: {
+    method: MethodInformation & CustomProperty;
+    endpoint: EndpointSample;
+    ctx: RenderContext;
+}): Promise<import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=api-example.d.ts.map

package/dist/render/operation/api-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-example.d.ts","sourceRoot":"","sources":["../../../src/render/operation/api-example.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AA2BrD,UAAU,cAAc;IACtB,eAAe,CAAC,EAAE,UAAU,EAAE,CAAC;IAC/B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAcD,wBAAsB,UAAU,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,GAAG,GACJ,EAAE;IACD,MAAM,EAAE,iBAAiB,GAAG,cAAc,CAAC;IAC3C,QAAQ,EAAE,cAAc,CAAC;IACzB,GAAG,EAAE,aAAa,CAAC;CACpB,oDA2FA"}

package/dist/render/operation/api-example.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as CURL from '../../requests/curl.js';
+import * as JS from '../../requests/javascript.js';
+import * as Go from '../../requests/go.js';
+import * as Python from '../../requests/python.js';
+import { Markdown } from '../../render/markdown.js';
+import { getTypescriptSchema } from '../../utils/get-typescript-schema.js';
+const defaultSamples = [
+    {
+        label: 'cURL',
+        source: CURL.getSampleRequest,
+        lang: 'bash',
+    },
+    {
+        label: 'JavaScript',
+        source: JS.getSampleRequest,
+        lang: 'js',
+    },
+    {
+        label: 'Go',
+        source: Go.getSampleRequest,
+        lang: 'go',
+    },
+    {
+        label: 'Python',
+        source: Python.getSampleRequest,
+        lang: 'python',
+    },
+];
+export async function APIExample({ method, endpoint, ctx, }) {
+    const renderer = ctx.renderer;
+    const samples = new Map();
+    let children;
+    for (const [key, sample] of Object.entries(endpoint.body?.samples ?? {
+        // fallback for methods that have no request body, we also want to show examples for
+        _default: {},
+    })) {
+        samples.set(key, {
+            title: sample?.summary ?? key,
+            description: sample?.description,
+            samples: dedupe([
+                ...defaultSamples,
+                ...(ctx.generateCodeSamples
+                    ? await ctx.generateCodeSamples(endpoint)
+                    : []),
+                ...(method['x-codeSamples'] ?? []),
+            ]).flatMap((sample) => {
+                if (sample.source === false)
+                    return [];
+                const result = typeof sample.source === 'function'
+                    ? sample.source(endpoint, key)
+                    : sample.source;
+                if (result === undefined)
+                    return [];
+                return {
+                    ...sample,
+                    source: result,
+                };
+            }),
+        });
+    }
+    function renderRequest(sample) {
+        return (_jsx(renderer.Requests, { items: sample.samples.map((s) => s.label), children: sample.samples.map((s) => (_jsx(renderer.Request, { name: s.label, code: s.source, language: s.lang }, s.label))) }));
+    }
+    if ((samples.size === 1 && samples.has('_default')) ||
+        (method['x-exclusiveCodeSample'] &&
+            samples.has(method['x-exclusiveCodeSample']))) {
+        // if exclusiveSampleKey is present, we don't use tabs
+        // if only the fallback or non described openapi legacy example is present, we don't use tabs
+        children = renderRequest(samples.get(method['x-exclusiveCodeSample'] ?? '_default'));
+    }
+    else if (samples.size > 0) {
+        const entries = Array.from(samples.entries());
+        children = (_jsx(renderer.Samples, { items: entries.map(([key, sample]) => ({
+                title: sample.title,
+                description: sample.description ? (_jsx(Markdown, { text: sample.description })) : null,
+                value: key,
+            })), defaultValue: method['x-selectedCodeSample'], children: entries.map(([key, sample]) => (_jsx(renderer.Sample, { value: key, children: renderRequest(sample) }, key))) }));
+    }
+    return (_jsxs(renderer.APIExample, { children: [children, _jsx(ResponseTabs, { operation: method, ctx: ctx, endpoint: endpoint })] }));
+}
+/**
+ * Remove duplicated labels
+ */
+function dedupe(samples) {
+    const set = new Set();
+    const out = [];
+    for (let i = samples.length - 1; i >= 0; i--) {
+        if (set.has(samples[i].label))
+            continue;
+        set.add(samples[i].label);
+        out.unshift(samples[i]);
+    }
+    return out;
+}
+function ResponseTabs({ endpoint, operation, ctx: { renderer, generateTypeScriptSchema, schema }, }) {
+    if (!operation.responses)
+        return null;
+    async function renderResponse(code) {
+        const types = [];
+        let description = operation.responses?.[code].description;
+        if (!description && code in endpoint.responses)
+            description = endpoint.responses[code].schema.description ?? '';
+        if (code in endpoint.responses) {
+            types.push({
+                lang: 'json',
+                label: 'Response',
+                code: JSON.stringify(endpoint.responses[code].sample, null, 2),
+            });
+        }
+        let ts;
+        if (generateTypeScriptSchema) {
+            ts = await generateTypeScriptSchema(endpoint, code);
+        }
+        else if (generateTypeScriptSchema === undefined) {
+            ts = await getTypescriptSchema(endpoint, code, schema.dereferenceMap);
+        }
+        if (ts) {
+            types.push({
+                code: ts,
+                lang: 'ts',
+                label: 'TypeScript',
+            });
+        }
+        return (_jsxs(renderer.Response, { value: code, children: [description ? _jsx(Markdown, { text: description }) : null, types.length > 0 ? (_jsx(renderer.ResponseTypes, { children: types.map((type) => (_jsx(renderer.ResponseType, { ...type }, type.lang))) })) : null] }));
+    }
+    const codes = Object.keys(operation.responses);
+    if (codes.length === 0)
+        return null;
+    return (_jsx(renderer.Responses, { items: codes, children: codes.map((code) => renderResponse(code)) }));
+}

package/dist/render/operation.d.ts

@@ -6,14 +6,12 @@ export interface CodeSample {
     label: string;
     source: string | ((endpoint: EndpointSample, exampleKey: string) => string | undefined) | false;
 }
-export declare function Operation({ type, path, method, ctx, hasHead, headingLevel, selectedSampleKey, exclusiveSampleKey, }: {
+export declare function Operation({ type, path, method, ctx, hasHead, headingLevel, }: {
     type?: 'webhook' | 'operation';
     path: string;
     method: MethodInformation;
     ctx: RenderContext;
     hasHead?: boolean;
     headingLevel?: number;
-    selectedSampleKey?: string;
-    exclusiveSampleKey?: string;
 }): ReactElement;
 //# sourceMappingURL=operation.d.ts.map

package/dist/render/operation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"operation.d.ts","sourceRoot":"","sources":["../../src/render/operation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAkB,MAAM,OAAO,CAAC;AACpE,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,yBAAyB,CAAC;AAKjC,OAAO,KAAK,EAEV,iBAAiB,EAEjB,aAAa,EAEd,MAAM,SAAS,CAAC;AAgBjB,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EACF,MAAM,GACN,CAAC,CAAC,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC,GACtE,KAAK,CAAC;CACX;AAQD,wBAAgB,SAAS,CAAC,EACxB,IAAkB,EAClB,IAAI,EACJ,MAAM,EACN,GAAG,EACH,OAAO,EACP,YAAgB,EAChB,iBAAiB,EACjB,kBAAkB,GACnB,EAAE;IACD,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,iBAAiB,CAAC;IAC1B,GAAG,EAAE,aAAa,CAAC;IAEnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,YAAY,CA0Lf"}
+{"version":3,"file":"operation.d.ts","sourceRoot":"","sources":["../../src/render/operation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAkB,MAAM,OAAO,CAAC;AACpE,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,KAAK,EAEV,iBAAiB,EAEjB,aAAa,EAEd,MAAM,SAAS,CAAC;AAWjB,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EACF,MAAM,GACN,CAAC,CAAC,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC,GACtE,KAAK,CAAC;CACX;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAkB,EAClB,IAAI,EACJ,MAAM,EACN,GAAG,EACH,OAAO,EACP,YAAgB,GACjB,EAAE;IACD,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,iBAAiB,CAAC;IAC1B,GAAG,EAAE,aAAa,CAAC;IAEnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,YAAY,CAoLf"}

package/dist/render/operation.js

@@ -1,12 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from 'react';
-import { generateSample, } from '../utils/generate-sample.js';
-import * as CURL from '../requests/curl.js';
-import * as JS from '../requests/javascript.js';
-import * as Go from '../requests/go.js';
-import * as Python from '../requests/python.js';
+import { generateSample } from '../utils/generate-sample.js';
 import { getPreferredType } from '../utils/schema.js';
-import { getTypescriptSchema } from '../utils/get-typescript-schema.js';
 import { getSecurities, getSecurityPrefix } from '../utils/get-security.js';
 import { idToTitle } from '../utils/id-to-title.js';
 import { Markdown } from './markdown.js';
@@ -14,7 +9,8 @@ import { heading } from './heading.js';
 import { Schema } from './schema.js';
 import { createMethod } from '../server/create-method.js';
 import { methodKeys } from '../build-routes.js';
-export function Operation({ type = 'operation', path, method, ctx, hasHead, headingLevel = 2, selectedSampleKey, exclusiveSampleKey, }) {
+import { APIExample } from '../render/operation/api-example.js';
+export function Operation({ type = 'operation', path, method, ctx, hasHead, headingLevel = 2, }) {
     const body = method.requestBody;
     const security = method.security ?? ctx.schema.document.security;
     let headNode = null;
@@ -91,89 +87,12 @@ export function Operation({ type = 'operation', path, method, ctx, hasHead, head
                 return (_jsxs(Fragment, { children: [heading(headingLevel, group, ctx), params] }, group));
             }), responseNode, callbacksNode] }));
     if (type === 'operation') {
-        return (_jsxs(ctx.renderer.API, { children: [info, _jsx(APIExample, { method: method, endpoint: endpoint, ctx: ctx, selectedSampleKey: selectedSampleKey, exclusiveSampleKey: exclusiveSampleKey })] }));
+        return (_jsxs(ctx.renderer.API, { children: [info, _jsx(APIExample, { method: method, endpoint: endpoint, ctx: ctx })] }));
     }
     else {
         return info;
     }
 }
-const defaultSamples = [
-    {
-        label: 'cURL',
-        source: CURL.getSampleRequest,
-        lang: 'bash',
-    },
-    {
-        label: 'JavaScript',
-        source: JS.getSampleRequest,
-        lang: 'js',
-    },
-    {
-        label: 'Go',
-        source: Go.getSampleRequest,
-        lang: 'go',
-    },
-    {
-        label: 'Python',
-        source: Python.getSampleRequest,
-        lang: 'python',
-    },
-];
-async function APIExample({ method, endpoint, ctx, selectedSampleKey, exclusiveSampleKey, }) {
-    const renderer = ctx.renderer;
-    const children = [];
-    // fallback for methods that have no request body, we also want to show examples for
-    const existingSamples = endpoint.body?.samples ?? {
-        _default: {},
-    };
-    const samples = {};
-    for (const exampleKey in existingSamples) {
-        samples[exampleKey] = {
-            title: existingSamples[exampleKey]?.summary ?? exampleKey,
-            description: existingSamples[exampleKey]?.description,
-            samples: dedupe([
-                ...defaultSamples,
-                ...(ctx.generateCodeSamples
-                    ? await ctx.generateCodeSamples(endpoint)
-                    : []),
-                ...(method['x-codeSamples'] ?? []),
-            ]).flatMap((sample) => {
-                if (sample.source === false)
-                    return [];
-                const result = typeof sample.source === 'function'
-                    ? sample.source(endpoint, exampleKey)
-                    : sample.source;
-                if (result === undefined)
-                    return [];
-                return {
-                    ...sample,
-                    source: result,
-                };
-            }),
-        };
-    }
-    if (Object.keys(samples).length > 0) {
-        const sampleTabs = [];
-        const titles = [];
-        if ((samples && Object.keys(samples).length === 1 && samples['_default']) ||
-            (exclusiveSampleKey && samples[exclusiveSampleKey])) {
-            // if exclusiveSampleKey is present, we don't use tabs
-            // if only the fallback or non described openapi legacy example is present, we don't use tabs
-            const sampleKey = exclusiveSampleKey ?? '_default';
-            children.push(_jsx(renderer.Requests, { items: samples[sampleKey].samples.map((s) => s.label), children: samples[sampleKey].samples.map((s) => (_jsx(renderer.Request, { name: s.label, code: s.source, language: s.lang }, `requests-${sampleKey}-${s.label}`))) }, `requests-${sampleKey}`));
-        }
-        else {
-            for (const sampleKey in samples) {
-                const title = samples[sampleKey].title;
-                titles.push(title);
-                sampleTabs.push(_jsxs(renderer.Sample, { value: title, children: [samples[sampleKey].description && (_jsx(Markdown, { text: samples[sampleKey].description })), _jsx(renderer.Requests, { items: samples[sampleKey].samples.map((s) => s.label), children: samples[sampleKey].samples.map((s) => (_jsx(renderer.Request, { name: s.label, code: s.source, language: s.lang }, `requests-${sampleKey}-${s.label}`))) }, `requests-${sampleKey}`)] }, sampleKey));
-            }
-            children.push(_jsx(renderer.Samples, { items: titles, defaultValue: selectedSampleKey, children: sampleTabs }, "samples"));
-        }
-    }
-    children.push(_jsx(ResponseTabs, { operation: method, ctx: ctx, endpoint: endpoint }, "responses"));
-    return _jsx(renderer.APIExample, { children: children });
-}
 function WebhookCallback({ callback, ctx, headingLevel, }) {
     return Object.entries(callback).map(([path, pathItem]) => {
         const pathNodes = methodKeys.map((method) => {
@@ -185,20 +104,6 @@ function WebhookCallback({ callback, ctx, headingLevel, }) {
         return _jsx(Fragment, { children: pathNodes }, path);
     });
 }
-/**
- * Remove duplicated labels
- */
-function dedupe(samples) {
-    const set = new Set();
-    const out = [];
-    for (let i = samples.length - 1; i >= 0; i--) {
-        if (set.has(samples[i].label))
-            continue;
-        set.add(samples[i].label);
-        out.unshift(samples[i]);
-    }
-    return out;
-}
 function AuthSection({ ctx: { schema: { document }, renderer, }, requirements, }) {
     let id = 0;
     const info = [];
@@ -219,41 +124,3 @@ function AuthSection({ ctx: { schema: { document }, renderer, }, requirements, }
     }
     return info;
 }
-async function ResponseTabs({ endpoint, operation, ctx: { renderer, generateTypeScriptSchema, schema }, }) {
-    const items = [];
-    const children = [];
-    if (!operation.responses)
-        return null;
-    for (const code of Object.keys(operation.responses)) {
-        const types = [];
-        let description = operation.responses[code].description;
-        if (!description && code in endpoint.responses)
-            description = endpoint.responses[code].schema.description ?? '';
-        if (code in endpoint.responses) {
-            types.push({
-                lang: 'json',
-                label: 'Response',
-                code: JSON.stringify(endpoint.responses[code].sample, null, 2),
-            });
-        }
-        let ts;
-        if (generateTypeScriptSchema) {
-            ts = await generateTypeScriptSchema(endpoint, code);
-        }
-        else if (generateTypeScriptSchema === undefined) {
-            ts = await getTypescriptSchema(endpoint, code, schema.dereferenceMap);
-        }
-        if (ts) {
-            types.push({
-                code: ts,
-                lang: 'ts',
-                label: 'TypeScript',
-            });
-        }
-        items.push(code);
-        children.push(_jsxs(renderer.Response, { value: code, children: [_jsx(Markdown, { text: description }), types.length > 0 ? (_jsx(renderer.ResponseTypes, { children: types.map((type) => (_jsx(renderer.ResponseType, { ...type }, type.lang))) })) : null] }, code));
-    }
-    if (items.length === 0)
-        return null;
-    return _jsx(renderer.Responses, { items: items, children: children });
-}

package/dist/render/renderer.d.ts

@@ -35,7 +35,11 @@ export interface SampleProps {
     children: ReactNode;
 }
 export interface SamplesProps {
-    items: string[];
+    items: {
+        title: string;
+        description?: ReactNode;
+        value: string;
+    }[];
     children: ReactNode;
     defaultValue?: string;
 }
@@ -46,6 +50,7 @@ export interface ResponseTypeProps {
 }
 export interface RootProps {
     baseUrl?: string;
+    shikiOptions?: RenderContext['shikiOptions'];
     servers: ServerObject[];
     children: ReactNode;
 }

package/dist/render/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/render/renderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/render/renderer.tsx"],"names":[],"mappings":"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"}

package/dist/render/renderer.js

@@ -4,6 +4,7 @@ import { Accordion, Accordions } from 'fumadocs-ui/components/accordion';
 import { CodeBlock } from '../render/codeblock.js';
 import { API, Root, APIInfo, APIExample, Property, ObjectCollapsible, } from '../ui/index.js';
 import { Playground } from '../render/playground.js';
+import { Sample, Samples } from '../ui/client.js';
 export function createRenders(shikiOptions) {
     return {
         Root: (props) => (_jsx(Root, { shikiOptions: shikiOptions, ...props, children: props.children })),
@@ -17,8 +18,8 @@ export function createRenders(shikiOptions) {
         Property,
         ObjectCollapsible,
         Requests: (props) => (_jsx(Tabs, { groupId: "fumadocs_openapi_requests", ...props })),
-        Samples: (props) => _jsx(Tabs, { ...props }),
-        Sample: Tab,
+        Samples,
+        Sample,
         Request: (props) => (_jsx(Tab, { value: props.name, children: _jsx(CodeBlock, { lang: props.language, code: props.code, options: shikiOptions }) })),
         APIPlayground: Playground,
     };

package/dist/server/api-page.d.ts

@@ -24,14 +24,6 @@ export interface WebhookItem {
 export interface OperationItem {
     path: string;
     method: OpenAPIV3_1.HttpMethods;
-    /**
-     * The key of the sample to be selected
-     */
-    selectedSampleKey?: string;
-    /**
-     * Only this sample will be shown
-     */
-    exclusiveSampleKey?: string;
 }
 export declare function APIPage(props: ApiPageProps): Promise<import("react/jsx-runtime").JSX.Element>;
 export declare function getContext(schema: ProcessedDocument, options?: ApiPageContextProps & {

package/dist/server/api-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-page.d.ts","sourceRoot":"","sources":["../../src/server/api-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAiB,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AAGlC,KAAK,mBAAmB,GAAG,IAAI,CAC7B,OAAO,CAAC,aAAa,CAAC,EACpB,cAAc,GACd,0BAA0B,GAC1B,qBAAqB,GACrB,UAAU,GACV,oBAAoB,CACvB,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,mBAAmB;IACvD,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAE7B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC;CACjC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAsB,OAAO,CAAC,KAAK,EAAE,YAAY,oDA4DhD;AAED,wBAAsB,UAAU,CAC9B,MAAM,EAAE,iBAAiB,EACzB,OAAO,GAAE,mBAAmB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GACL,OAAO,CAAC,aAAa,CAAC,CA8BxB"}
+{"version":3,"file":"api-page.d.ts","sourceRoot":"","sources":["../../src/server/api-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAiB,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AAGlC,KAAK,mBAAmB,GAAG,IAAI,CAC7B,OAAO,CAAC,aAAa,CAAC,EACpB,cAAc,GACd,0BAA0B,GAC1B,qBAAqB,GACrB,UAAU,GACV,oBAAoB,CACvB,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,mBAAmB;IACvD,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAE7B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC;CACjC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC;CACjC;AAED,wBAAsB,OAAO,CAAC,KAAK,EAAE,YAAY,oDA0DhD;AAED,wBAAsB,UAAU,CAC9B,MAAM,EAAE,iBAAiB,EACzB,OAAO,GAAE,mBAAmB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GACL,OAAO,CAAC,aAAa,CAAC,CA8BxB"}

package/dist/server/api-page.js

@@ -18,7 +18,7 @@ export async function APIPage(props) {
                 if (!operation)
                     return null;
                 const method = createMethod(item.method, pathItem, operation);
-                return (_jsx(Operation, { method: method, path: item.path, ctx: ctx, hasHead: hasHead, selectedSampleKey: item.selectedSampleKey, exclusiveSampleKey: item.exclusiveSampleKey }, `${item.path}:${item.method}`));
+                return (_jsx(Operation, { method: method, path: item.path, ctx: ctx, hasHead: hasHead }, `${item.path}:${item.method}`));
             }), webhooks?.map((item) => {
                 const webhook = document.webhooks?.[item.name];
                 if (!webhook)

package/dist/server/source-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"source-api.d.ts","sourceRoot":"","sources":["../../src/server/source-api.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAIjE;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,oBAAoB,CAAC,YAAY,CA6BzD,CAAC"}
+{"version":3,"file":"source-api.d.ts","sourceRoot":"","sources":["../../src/server/source-api.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAGjE;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,oBAAoB,CAAC,YAAY,CAyBzD,CAAC"}

package/dist/server/source-api.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { cva } from 'class-variance-authority';
-import { getBadgeColor } from '../ui/components/variants.js';
+import { MethodLabel } from '../ui/components/method-label.js';
 /**
  * Source API Integration
  *
@@ -16,19 +15,7 @@ export const attachFile = (node, file) => {
         method = meta.method;
     }
     if (method) {
-        const color = getBadgeColor(method);
-        node.name = (_jsxs(_Fragment, { children: [node.name, ' ', _jsx("span", { className: badgeVariants({ className: 'ms-auto text-nowrap', color }), children: method })] }));
+        node.name = (_jsxs(_Fragment, { children: [node.name, ' ', _jsx(MethodLabel, { className: "ms-auto text-xs text-nowrap", children: method })] }));
     }
     return node;
 };
-const badgeVariants = cva('rounded-full border px-1.5 text-xs font-medium', {
-    variants: {
-        color: {
-            green: 'bg-green-400/20 text-green-600 dark:text-green-400',
-            yellow: 'bg-yellow-400/20 text-yellow-600 dark:text-yellow-400',
-            red: 'bg-red-400/20 text-red-600 dark:text-red-400',
-            blue: 'bg-blue-400/20 text-blue-600 dark:text-blue-400',
-            orange: 'bg-orange-400/20 text-orange-600 dark:text-orange-400',
-        },
-    },
-});

package/dist/ui/client.d.ts

@@ -1,22 +1,18 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
-import { type RootProps } from '../render/renderer.js';
-import type { RenderContext } from '../types.js';
-export declare const APIPlayground: import("react").ComponentType<import("../render/renderer.js").APIPlaygroundProps & {
+export declare const APIPlayground: import("react").ComponentType<import("../render/playground.js").APIPlaygroundProps & {
     fields?: {
-        auth?: import("./playground/index.js").CustomField<"authorization", import("../render/renderer.js").RequestSchema>;
-        path?: import("./playground/index.js").CustomField<`path.${string}`, import("../render/renderer.js").PrimitiveRequestField>;
-        query?: import("./playground/index.js").CustomField<`query.${string}`, import("../render/renderer.js").PrimitiveRequestField>;
-        header?: import("./playground/index.js").CustomField<`header.${string}`, import("../render/renderer.js").PrimitiveRequestField>;
-        body?: import("./playground/index.js").CustomField<"body", import("../render/renderer.js").RequestSchema>;
+        auth?: import("./playground/index.js").CustomField<"authorization", import("../render/playground.js").RequestSchema>;
+        path?: import("./playground/index.js").CustomField<`path.${string}`, import("../render/playground.js").PrimitiveRequestField>;
+        query?: import("./playground/index.js").CustomField<`query.${string}`, import("../render/playground.js").PrimitiveRequestField>;
+        header?: import("./playground/index.js").CustomField<`header.${string}`, import("../render/playground.js").PrimitiveRequestField>;
+        body?: import("./playground/index.js").CustomField<"body", import("../render/playground.js").RequestSchema>;
     };
     components?: Partial<{
         ResultDisplay: import("react").FC<{
             data: import("./playground/fetcher.js").FetchResult;
         }>;
     }>;
-} & HTMLAttributes<HTMLFormElement>>;
-export declare function Root({ children, baseUrl, className, shikiOptions, servers, ...props }: RootProps & {
-    shikiOptions: RenderContext['shikiOptions'];
-} & HTMLAttributes<HTMLDivElement>): ReactNode;
+} & import("react").HTMLAttributes<HTMLFormElement>>;
+export declare const Samples: import("react").ComponentType<import("../render/renderer.js").SamplesProps>;
+export declare const Sample: import("react").ComponentType<import("../render/renderer.js").SampleProps>;
 export { useSchemaContext } from './contexts/schema.js';
 //# sourceMappingURL=client.d.ts.map

package/dist/ui/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/ui/client.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,aAAa;;YAkCy4C,CAAC;YAAuD,CAAC;aAAiE,CAAC;cAAmE,CAAC;YAAkE,CAAC;;;;;;;oCAhCpqD,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,SAAS,GAAG;IACb,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;CAC7C,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,SAAS,CAkB7C;AAED,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/ui/client.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;;YAa8+D,CAAC;YAAuD,CAAC;aAAiE,CAAC;cAAmE,CAAC;YAAkE,CAAC;;;;;;;oDAXzwE,CAAC;AAEF,eAAO,MAAM,OAAO,0EAEnB,CAAC;AAEF,eAAO,MAAM,MAAM,yEAElB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/ui/client.js

@@ -1,10 +1,6 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from 'fumadocs-ui/components/api';
 import dynamic from 'next/dynamic';
-import { ApiProvider } from '../ui/contexts/api.js';
 export const APIPlayground = dynamic(() => import('./playground/index.js').then((mod) => mod.APIPlayground));
-export function Root({ children, baseUrl, className, shikiOptions, servers, ...props }) {
-    return (_jsx("div", { className: cn('flex flex-col gap-24 text-sm text-fd-muted-foreground', className), ...props, children: _jsx(ApiProvider, { servers: servers, shikiOptions: shikiOptions, defaultBaseUrl: baseUrl, children: children }) }));
-}
+export const Samples = dynamic(() => import('./sample-select.js').then((mod) => mod.Samples));
+export const Sample = dynamic(() => import('./sample-select.js').then((mod) => mod.Sample));
 export { useSchemaContext } from './contexts/schema.js';

package/dist/ui/components/method-label.d.ts

@@ -1,4 +1,10 @@
+import { type VariantProps } from 'class-variance-authority';
 import type { HTMLAttributes } from 'react';
+export declare const badgeVariants: (props?: ({
+    color?: "red" | "green" | "yellow" | "blue" | "orange" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare function getBadgeColor(method: string): VariantProps<typeof badgeVariants>['color'];
+export declare function Badge({ className, color, ...props }: Omit<HTMLAttributes<HTMLSpanElement>, 'color'> & VariantProps<typeof badgeVariants>): import("react/jsx-runtime").JSX.Element;
 export declare function MethodLabel({ children, ...props }: Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
     children: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/method-label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"method-label.d.ts","sourceRoot":"","sources":["../../../src/ui/components/method-label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AA8B5C,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,GAAG;IACrD,QAAQ,EAAE,MAAM,CAAC;CAClB,2CAcA"}
+{"version":3,"file":"method-label.d.ts","sourceRoot":"","sources":["../../../src/ui/components/method-label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,eAAO,MAAM,aAAa;;8EAUxB,CAAC;AAEH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,GACb,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,OAAO,CAAC,CAa7C;AAED,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,GAC/C,YAAY,CAAC,OAAO,aAAa,CAAC,2CAcnC;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,GAAG;IACrD,QAAQ,EAAE,MAAM,CAAC;CAClB,2CAMA"}

package/dist/ui/components/method-label.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
 import { cn } from 'fumadocs-ui/components/api';
-const variants = cva('font-mono font-medium', {
+export const badgeVariants = cva('font-mono font-medium', {
     variants: {
         color: {
             green: 'text-green-600 dark:text-green-400',
@@ -12,7 +12,7 @@ const variants = cva('font-mono font-medium', {
         },
     },
 });
-function getBadgeColor(method) {
+export function getBadgeColor(method) {
     switch (method.toUpperCase()) {
         case 'PUT':
             return 'yellow';
@@ -26,8 +26,12 @@ function getBadgeColor(method) {
             return 'green';
     }
 }
+export function Badge({ className, color, ...props }) {
+    return (_jsx("span", { className: cn(badgeVariants({
+            color,
+            className,
+        })), ...props, children: props.children }));
+}
 export function MethodLabel({ children, ...props }) {
-    return (_jsx("span", { ...props, className: cn(variants({
-            color: getBadgeColor(children),
-        }), props.className), children: children.toUpperCase() }));
+    return (_jsx(Badge, { ...props, color: getBadgeColor(children), children: children.toUpperCase() }));
 }

package/dist/ui/components/select.js

@@ -6,7 +6,7 @@ import { cn } from 'fumadocs-ui/components/api';
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;
-const SelectTrigger = forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('flex h-10 items-center w-full rounded-md border px-3 py-2 text-start text-[13px] text-fd-foreground hover:bg-fd-accent focus:outline-none focus:ring-2 focus:ring-fd-ring disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "ms-auto size-4 text-fd-muted-foreground" }) })] })));
+const SelectTrigger = forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('flex min-h-10 items-center w-full rounded-md border px-3 py-2 text-start text-[13px] text-fd-foreground hover:bg-fd-accent focus:outline-none focus:ring-2 focus:ring-fd-ring disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "ms-auto size-4 text-fd-muted-foreground" }) })] })));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 const SelectScrollUpButton = forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn('flex items-center justify-center py-1', className), ...props, children: _jsx(ChevronUp, { className: "size-4" }) })));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;

package/dist/ui/contexts/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../src/ui/contexts/api.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE3D,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAE5C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAED,UAAU,cACR,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,gBAAgB,CAAC;IAC7D,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC7C;AAED,UAAU,gBAAgB;IACxB,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CAC7D;AAOD,wBAAgB,aAAa,IAAI,cAAc,CAK9C;AAED,wBAAgB,sBAAsB,IAAI,gBAAgB,CAKzD;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA0ElB"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../src/ui/contexts/api.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE3D,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAE5C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAED,UAAU,cACR,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,gBAAgB,CAAC;IAC7D,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC7C;AAED,UAAU,gBAAgB;IACxB,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CAC7D;AAOD,wBAAgB,aAAa,IAAI,cAAc,CAK9C;AAED,wBAAgB,sBAAsB,IAAI,gBAAgB,CAKzD;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA0ElB"}

package/dist/ui/contexts/api.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useMemo, useRef, useState, } from 'react';
 const ApiContext = createContext(undefined);

package/dist/ui/index.d.ts

@@ -1,6 +1,7 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
-import type { PropertyProps } from '../render/renderer.js';
-export { Root, useSchemaContext, APIPlayground } from './client.js';
+import type { PropertyProps, RootProps } from '../render/renderer.js';
+export { useSchemaContext, APIPlayground } from './client.js';
+export declare function Root({ children, baseUrl, className, shikiOptions, servers, ...props }: RootProps & HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 export declare function APIInfo({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 export declare function API({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 export declare function Property({ name, type, required, deprecated, children, }: PropertyProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAQvD,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEjE,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,2CAMhC;AAED,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,2CAmBzE;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,aAAa,2CAoBf;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAY/D;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAiBA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AASlE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE3D,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,2CAkB5C;AAED,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,2CAMhC;AAED,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,2CAmBzE;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,aAAa,2CAsBf;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAY/D;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAiBA"}

package/dist/ui/index.js

@@ -1,9 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { buttonVariants, cn } from 'fumadocs-ui/components/api';
-import { badgeVariants } from '../ui/components/variants.js';
+import { Badge } from '../ui/components/method-label.js';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from 'fumadocs-ui/components/ui/collapsible';
 import { ChevronDown } from 'lucide-react';
-export { Root, useSchemaContext, APIPlayground } from './client.js';
+import { ApiProvider } from '../ui/contexts/api.js';
+export { useSchemaContext, APIPlayground } from './client.js';
+export function Root({ children, baseUrl, className, shikiOptions, servers, ...props }) {
+    return (_jsx("div", { className: cn('flex flex-col gap-24 text-sm text-fd-muted-foreground', className), ...props, children: _jsx(ApiProvider, { servers: servers, shikiOptions: shikiOptions, defaultBaseUrl: baseUrl, children: children }) }));
+}
 export function APIInfo({ className, ...props }) {
     return (_jsx("div", { className: cn('min-w-0 flex-1', className), ...props, children: props.children }));
 }
@@ -14,7 +18,7 @@ export function API({ children, ...props }) {
         }, children: children }));
 }
 export function Property({ name, type, required, deprecated, children, }) {
-    return (_jsxs("div", { className: "rounded-xl border bg-fd-card p-3 prose-no-margin", children: [_jsxs("div", { className: "flex flex-row flex-wrap items-center gap-4", children: [_jsx("code", { children: name }), required ? (_jsx("div", { className: cn(badgeVariants({ color: 'red' })), children: "Required" })) : null, deprecated ? (_jsx("div", { className: cn(badgeVariants({ color: 'yellow' })), children: "Deprecated" })) : null, _jsx("span", { className: "ms-auto text-xs font-mono text-fd-muted-foreground", children: type })] }), children] }));
+    return (_jsxs("div", { className: "rounded-xl border bg-fd-card p-3 prose-no-margin", children: [_jsxs("div", { className: "flex flex-row flex-wrap items-center gap-4", children: [_jsx("code", { children: name }), required ? (_jsx(Badge, { color: "red", className: "text-xs", children: "Required" })) : null, deprecated ? (_jsx(Badge, { color: "yellow", className: "text-xs", children: "Deprecated" })) : null, _jsx("span", { className: "ms-auto text-xs font-mono text-fd-muted-foreground", children: type })] }), children] }));
 }
 export function APIExample(props) {
     return (_jsx("div", { ...props, className: cn('prose-no-margin md:sticky md:top-[var(--fd-api-info-top)] xl:w-[400px]', props.className), children: props.children }));

package/dist/ui/sample-select.d.ts

@@ -0,0 +1,4 @@
+import type { SampleProps, SamplesProps } from '../render/renderer.js';
+export declare function Samples({ items, defaultValue, children, }: SamplesProps): import("react/jsx-runtime").JSX.Element;
+export declare function Sample({ value, children }: SampleProps): import("react").ReactNode;
+//# sourceMappingURL=sample-select.d.ts.map

package/dist/ui/sample-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sample-select.d.ts","sourceRoot":"","sources":["../../src/ui/sample-select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWnE,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,YAA6B,EAC7B,QAAQ,GACT,EAAE,YAAY,2CA0Bd;AAWD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,6BAKtD"}

package/dist/ui/sample-select.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, use, useState } from 'react';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../ui/components/select.js';
+const ActiveSampleContext = createContext('');
+export function Samples({ items, defaultValue = items[0].value, children, }) {
+    const [value, setValue] = useState('');
+    const active = value === '' ? defaultValue : value;
+    const defaultItem = items.find((item) => item.value === defaultValue);
+    return (_jsxs(_Fragment, { children: [_jsxs(Select, { value: value, onValueChange: setValue, children: [_jsx(SelectTrigger, { className: "not-prose", children: _jsx(SelectValue, { placeholder: defaultItem ? _jsx(SelectDisplay, { ...defaultItem }) : null }) }), _jsx(SelectContent, { children: items.map((item) => (_jsx(SelectItem, { value: item.value, children: _jsx(SelectDisplay, { ...item }) }, item.value))) })] }), _jsx(ActiveSampleContext, { value: active, children: children })] }));
+}
+function SelectDisplay(item) {
+    return (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-medium text-sm", children: item.title }), _jsx("span", { className: "text-fd-muted-foreground", children: item.description })] }));
+}
+export function Sample({ value, children }) {
+    const active = use(ActiveSampleContext);
+    if (value !== active)
+        return;
+    return children;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-openapi",
-  "version": "6.0.5",
+  "version": "6.0.6",
   "description": "Generate MDX docs for your OpenAPI spec",
   "keywords": [
     "NextJs",
@@ -53,8 +53,8 @@
     "remark-rehype": "^11.1.1",
     "shiki": "^2.3.1",
     "xml-js": "^1.6.11",
-    "fumadocs-core": "15.0.4",
-    "fumadocs-ui": "15.0.4"
+    "fumadocs-core": "15.0.5",
+    "fumadocs-ui": "15.0.5"
   },
   "devDependencies": {
     "@scalar/api-client-react": "^1.1.24",

package/dist/ui/components/variants.d.ts

@@ -1,6 +0,0 @@
-import { type VariantProps } from 'class-variance-authority';
-export declare const badgeVariants: (props?: ({
-    color?: "red" | "green" | "yellow" | "blue" | "orange" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare function getBadgeColor(method: string): VariantProps<typeof badgeVariants>['color'];
-//# sourceMappingURL=variants.d.ts.map

package/dist/ui/components/variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/components/variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,aAAa;;8EAazB,CAAC;AAEF,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,GACb,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,OAAO,CAAC,CAa7C"}

package/dist/ui/components/variants.js

@@ -1,26 +0,0 @@
-import { cva } from 'class-variance-authority';
-export const badgeVariants = cva('rounded-xl border px-1.5 py-1 text-xs font-medium leading-[12px]', {
-    variants: {
-        color: {
-            green: 'bg-green-400/20 text-green-600 dark:text-green-400',
-            yellow: 'bg-yellow-400/20 text-yellow-600 dark:text-yellow-400',
-            red: 'bg-red-400/20 text-red-600 dark:text-red-400',
-            blue: 'bg-blue-400/20 text-blue-600 dark:text-blue-400',
-            orange: 'bg-orange-400/20 text-orange-600 dark:text-orange-400',
-        },
-    },
-});
-export function getBadgeColor(method) {
-    switch (method) {
-        case 'PUT':
-            return 'yellow';
-        case 'PATCH':
-            return 'orange';
-        case 'POST':
-            return 'blue';
-        case 'DELETE':
-            return 'red';
-        default:
-            return 'green';
-    }
-}