fumadocs-openapi 6.0.4 → 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

@@ -4,7 +4,7 @@ import type { MethodInformation, RenderContext } from '../types.js';
 export interface CodeSample {
     lang: string;
     label: string;
-    source: string | ((endpoint: EndpointSample) => string | undefined) | false;
+    source: string | ((endpoint: EndpointSample, exampleKey: string) => string | undefined) | false;
 }
 export declare function Operation({ type, path, method, ctx, hasHead, headingLevel, }: {
     type?: 'webhook' | 'operation';

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,EAAkB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAK9E,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,EAAE,MAAM,GAAG,CAAC,CAAC,QAAQ,EAAE,cAAc,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,KAAK,CAAC;CAC7E;AAQD,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"}
+{"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 { 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,6 +9,7 @@ import { heading } from './heading.js';
 import { Schema } from './schema.js';
 import { createMethod } from '../server/create-method.js';
 import { methodKeys } from '../build-routes.js';
+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;
@@ -87,7 +83,7 @@ export function Operation({ type = 'operation', path, method, ctx, hasHead, head
     if (method.callbacks) {
         callbacksNode = (_jsxs(_Fragment, { children: [heading(headingLevel, 'Webhooks', ctx), Object.entries(method.callbacks).map(([name, callback]) => (_jsx(WebhookCallback, { callback: callback, ctx: ctx, headingLevel: headingLevel }, name)))] }));
     }
-    const info = (_jsxs(ctx.renderer.APIInfo, { head: headNode, method: method.method, route: path, children: [type === 'operation' ? (_jsx(ctx.renderer.APIPlayground, { path: path, method: method, ctx: ctx })) : null, security ? (_jsxs(_Fragment, { children: [heading(headingLevel, 'Authorization', ctx), _jsx(AuthSection, { requirements: security, ctx: ctx })] })) : null, bodyNode, Array.from(parameterGroups.entries()).map(([group, params]) => {
+    const info = (_jsxs(ctx.renderer.APIInfo, { head: headNode, method: method.method, route: path, children: [type === 'operation' ? (_jsx(ctx.renderer.APIPlayground, { path: path, method: method, ctx: ctx })) : null, security && Object.keys(security).length > 0 ? (_jsxs(_Fragment, { children: [heading(headingLevel, 'Authorization', ctx), _jsx(AuthSection, { requirements: security, ctx: ctx })] })) : null, bodyNode, Array.from(parameterGroups.entries()).map(([group, params]) => {
                 return (_jsxs(Fragment, { children: [heading(headingLevel, group, ctx), params] }, group));
             }), responseNode, callbacksNode] }));
     if (type === 'operation') {
@@ -97,54 +93,6 @@ export function Operation({ type = 'operation', path, method, ctx, hasHead, head
         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, }) {
-    const renderer = ctx.renderer;
-    const children = [];
-    const 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)
-            : sample.source;
-        if (result === undefined)
-            return [];
-        return {
-            ...sample,
-            source: result,
-        };
-    });
-    if (samples.length > 0) {
-        children.push(_jsx(renderer.Requests, { items: samples.map((s) => s.label), children: samples.map((s) => (_jsx(renderer.Request, { name: s.label, code: s.source, language: s.lang }, s.label))) }, "requests"));
-    }
-    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) => {
@@ -156,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 = [];
@@ -190,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

@@ -30,6 +30,19 @@ export interface RequestProps {
     name: string;
     code: string;
 }
+export interface SampleProps {
+    value: string;
+    children: ReactNode;
+}
+export interface SamplesProps {
+    items: {
+        title: string;
+        description?: ReactNode;
+        value: string;
+    }[];
+    children: ReactNode;
+    defaultValue?: string;
+}
 export interface ResponseTypeProps {
     lang: string;
     code: string;
@@ -37,6 +50,7 @@ export interface ResponseTypeProps {
 }
 export interface RootProps {
     baseUrl?: string;
+    shikiOptions?: RenderContext['shikiOptions'];
     servers: ServerObject[];
     children: ReactNode;
 }
@@ -51,6 +65,8 @@ export interface Renderer {
     }>;
     Responses: ComponentType<ResponsesProps>;
     Response: ComponentType<ResponseProps>;
+    Sample: ComponentType<SampleProps>;
+    Samples: ComponentType<SamplesProps>;
     Requests: ComponentType<{
         items: string[];
         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":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG9E,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/B,GAAG,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAC5C,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,UAAU,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAEnD,SAAS,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACzC,QAAQ,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACvC,QAAQ,EAAE,aAAa,CAAC;QAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAClE,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACtD,YAAY,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAE/C;;OAEG;IACH,iBAAiB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IACzD,QAAQ,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACvC,aAAa,EAAE,aAAa,CAAC;QAC3B,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,iBAAiB,CAAC;QAC1B,GAAG,EAAE,aAAa,CAAC;KACpB,CAAC,CAAC;CACJ;AAED,YAAY,EACV,kBAAkB,EAClB,aAAa,EACb,qBAAqB,EACrB,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAE7B,wBAAgB,aAAa,CAC3B,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,GAC1C,QAAQ,CA+CV"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/render/renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI9E,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,SAAS,CAAC;QACxB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAE7C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/B,GAAG,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAC5C,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,UAAU,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAEnD,SAAS,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACzC,QAAQ,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACvC,MAAM,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACnC,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,QAAQ,EAAE,aAAa,CAAC;QAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAClE,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACtD,YAAY,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAE/C;;OAEG;IACH,iBAAiB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IACzD,QAAQ,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACvC,aAAa,EAAE,aAAa,CAAC;QAC3B,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,iBAAiB,CAAC;QAC1B,GAAG,EAAE,aAAa,CAAC;KACpB,CAAC,CAAC;CACJ;AAED,YAAY,EACV,kBAAkB,EAClB,aAAa,EACb,qBAAqB,EACrB,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAE7B,wBAAgB,aAAa,CAC3B,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,GAC1C,QAAQ,CAkDV"}

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,6 +18,8 @@ export function createRenders(shikiOptions) {
         Property,
         ObjectCollapsible,
         Requests: (props) => (_jsx(Tabs, { groupId: "fumadocs_openapi_requests", ...props })),
+        Samples,
+        Sample,
         Request: (props) => (_jsx(Tab, { value: props.name, children: _jsx(CodeBlock, { lang: props.language, code: props.code, options: shikiOptions }) })),
         APIPlayground: Playground,
     };

package/dist/requests/curl.d.ts

@@ -1,3 +1,3 @@
 import { type EndpointSample } from '../utils/generate-sample.js';
-export declare function getSampleRequest(endpoint: EndpointSample): string;
+export declare function getSampleRequest(endpoint: EndpointSample, sampleKey: string): string;
 //# sourceMappingURL=curl.d.ts.map

package/dist/requests/curl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"curl.d.ts","sourceRoot":"","sources":["../../src/requests/curl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,cAAc,GAAG,MAAM,CA0CjE"}
+{"version":3,"file":"curl.d.ts","sourceRoot":"","sources":["../../src/requests/curl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,MAAM,GAChB,MAAM,CA0CR"}

package/dist/requests/curl.js

@@ -1,5 +1,5 @@
 import { inputToString } from '../utils/input-to-string.js';
-export function getSampleRequest(endpoint) {
+export function getSampleRequest(endpoint, sampleKey) {
     const s = [];
     s.push(`curl -X ${endpoint.method} "${endpoint.url}"`);
     for (const param of endpoint.parameters) {
@@ -13,7 +13,7 @@ export function getSampleRequest(endpoint) {
         }
     }
     if (endpoint.body?.mediaType === 'multipart/form-data') {
-        const sample = endpoint.body.sample;
+        const sample = endpoint.body.samples[sampleKey]?.value;
         if (sample && typeof sample === 'object') {
             for (const [key, value] of Object.entries(sample)) {
                 s.push(`-F ${key}=${inputToString(value)}`);
@@ -22,7 +22,7 @@ export function getSampleRequest(endpoint) {
     }
     else if (endpoint.body) {
         s.push(`-H "Content-Type: ${endpoint.body.mediaType}"`);
-        s.push(`-d ${inputToString(endpoint.body.sample, endpoint.body.mediaType, 'single-quote')}`);
+        s.push(`-d ${inputToString(endpoint.body.samples[sampleKey]?.value ?? '', endpoint.body.mediaType, 'single-quote')}`);
     }
     return s
         .flatMap((v, i) => v

package/dist/requests/go.d.ts

@@ -1,3 +1,3 @@
 import { type EndpointSample } from '../utils/generate-sample.js';
-export declare function getSampleRequest(endpoint: EndpointSample): string;
+export declare function getSampleRequest(endpoint: EndpointSample, sampleKey: string): string;
 //# sourceMappingURL=go.d.ts.map

package/dist/requests/go.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"go.d.ts","sourceRoot":"","sources":["../../src/requests/go.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,cAAc,GAAG,MAAM,CA0EjE"}
+{"version":3,"file":"go.d.ts","sourceRoot":"","sources":["../../src/requests/go.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,MAAM,GAChB,MAAM,CA4ER"}

package/dist/requests/go.js

@@ -1,5 +1,5 @@
 import { inputToString } from '../utils/input-to-string.js';
-export function getSampleRequest(endpoint) {
+export function getSampleRequest(endpoint, sampleKey) {
     const imports = ['fmt', 'net/http', 'io/ioutil'];
     const headers = new Map();
     const variables = new Map();
@@ -16,17 +16,17 @@ export function getSampleRequest(endpoint) {
     if (endpoint.body) {
         headers.set('Content-Type', `"${endpoint.body.mediaType}"`);
         if (endpoint.body.mediaType === 'multipart/form-data' &&
-            typeof endpoint.body.sample === 'object') {
+            typeof endpoint.body.samples[sampleKey]?.value === 'object') {
             imports.push('mime/multipart', 'bytes');
             variables.set('payload', `new(bytes.Buffer)`);
             variables.set('mp', 'multipart.NewWriter(payload)');
-            for (const [key, value] of Object.entries(endpoint.body.sample ?? {})) {
+            for (const [key, value] of Object.entries(endpoint.body.samples[sampleKey]?.value ?? {})) {
                 additional.push(`mp.WriteField("${key}", ${inputToString(value, undefined, 'backtick')})`);
             }
         }
         else {
             imports.push('strings');
-            variables.set('payload', `strings.NewReader(${inputToString(endpoint.body.sample, endpoint.body.mediaType, 'backtick').replaceAll('\n', '\n  ')})`);
+            variables.set('payload', `strings.NewReader(${inputToString(endpoint.body.samples[sampleKey]?.value ?? '', endpoint.body.mediaType, 'backtick').replaceAll('\n', '\n  ')})`);
         }
     }
     return `package main

package/dist/requests/javascript.d.ts

@@ -1,3 +1,3 @@
 import { type EndpointSample } from '../utils/generate-sample.js';
-export declare function getSampleRequest(endpoint: EndpointSample): string;
+export declare function getSampleRequest(endpoint: EndpointSample, sampleKey: string): string;
 //# sourceMappingURL=javascript.d.ts.map

package/dist/requests/javascript.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"javascript.d.ts","sourceRoot":"","sources":["../../src/requests/javascript.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,cAAc,GAAG,MAAM,CA4EjE"}
+{"version":3,"file":"javascript.d.ts","sourceRoot":"","sources":["../../src/requests/javascript.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,MAAM,GAChB,MAAM,CA8ER"}

package/dist/requests/javascript.js

@@ -1,5 +1,5 @@
 import { inputToString } from '../utils/input-to-string.js';
-export function getSampleRequest(endpoint) {
+export function getSampleRequest(endpoint, sampleKey) {
     const s = [];
     const options = new Map();
     const headers = new Map();
@@ -21,10 +21,10 @@ export function getSampleRequest(endpoint) {
         options.set('headers', JSON.stringify(Object.fromEntries(headers.entries()), null, 2).replaceAll('\n', '\n  '));
     }
     if (endpoint.body?.mediaType === 'multipart/form-data' &&
-        typeof endpoint.body.sample === 'object' &&
-        endpoint.body.sample) {
+        typeof endpoint.body.samples[sampleKey]?.value === 'object' &&
+        endpoint.body.samples[sampleKey]?.value) {
         s.push(`const formData = new FormData();`);
-        for (const [key, value] of Object.entries(endpoint.body.sample))
+        for (const [key, value] of Object.entries(endpoint.body.samples[sampleKey]?.value))
             s.push(`formData.set(${key}, ${inputToString(value)})`);
         options.set('body', 'formData');
     }
@@ -32,12 +32,12 @@ export function getSampleRequest(endpoint) {
         let code;
         if (endpoint.body.mediaType === 'application/json') {
             code =
-                typeof endpoint.body.sample === 'string'
-                    ? inputToString(endpoint.body.sample, endpoint.body.mediaType, 'backtick')
-                    : `JSON.stringify(${JSON.stringify(endpoint.body.sample, null, 2)})`;
+                typeof endpoint.body.samples[sampleKey]?.value === 'string'
+                    ? inputToString(endpoint.body.samples[sampleKey]?.value, endpoint.body.mediaType, 'backtick')
+                    : `JSON.stringify(${JSON.stringify(endpoint.body.samples[sampleKey]?.value, null, 2)})`;
         }
         else {
-            code = inputToString(endpoint.body.sample, endpoint.body.mediaType, 'backtick');
+            code = inputToString(endpoint.body.samples[sampleKey]?.value ?? '', endpoint.body.mediaType, 'backtick');
         }
         options.set('body', code.replaceAll('\n', '\n  '));
     }

package/dist/requests/python.d.ts

@@ -1,3 +1,3 @@
 import { type EndpointSample } from '../utils/generate-sample.js';
-export declare function getSampleRequest(endpoint: EndpointSample): string;
+export declare function getSampleRequest(endpoint: EndpointSample, sampleKey: string): string;
 //# sourceMappingURL=python.d.ts.map

package/dist/requests/python.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"python.d.ts","sourceRoot":"","sources":["../../src/requests/python.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,cAAc,GAAG,MAAM,CA8DjE"}
+{"version":3,"file":"python.d.ts","sourceRoot":"","sources":["../../src/requests/python.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,MAAM,GAChB,MAAM,CA4ER"}

package/dist/requests/python.js

@@ -1,5 +1,5 @@
 import { inputToString } from '../utils/input-to-string.js';
-export function getSampleRequest(endpoint) {
+export function getSampleRequest(endpoint, sampleKey) {
     const headers = new Map();
     const cookies = new Map();
     const variables = new Map();
@@ -12,15 +12,15 @@ export function getSampleRequest(endpoint) {
     if (endpoint.body) {
         switch (endpoint.body.mediaType) {
             case 'application/json':
-                variables.set('json', JSON.stringify(endpoint.body.sample, null, 2));
+                variables.set('json', JSON.stringify(endpoint.body.samples[sampleKey]?.value ?? {}, null, 2));
                 break;
             case 'multipart/form-data':
                 headers.set('Content-Type', endpoint.body.mediaType);
-                variables.set('data', JSON.stringify(endpoint.body.sample, null, 2));
+                variables.set('data', JSON.stringify(endpoint.body.samples[sampleKey]?.value ?? {}, null, 2));
                 break;
             default:
                 headers.set('Content-Type', endpoint.body.mediaType);
-                variables.set('data', inputToString(endpoint.body.sample, endpoint.body.mediaType, 'backtick'));
+                variables.set('data', inputToString(endpoint.body.samples[sampleKey]?.value ?? '', endpoint.body.mediaType, 'backtick'));
         }
     }
     if (headers.size > 0) {

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/dist/utils/generate-sample.d.ts

@@ -1,5 +1,13 @@
 import type { MethodInformation, RenderContext } from '../types.js';
 import { type ParsedSchema } from '../utils/schema.js';
+export interface EndpointSamples {
+    [key: string]: {
+        value?: unknown;
+        description?: string;
+        summary?: string;
+        externalValue?: string;
+    };
+}
 /**
  * Sample info of endpoint
  */
@@ -12,7 +20,7 @@ export interface EndpointSample {
     body?: {
         schema: ParsedSchema;
         mediaType: string;
-        sample: unknown;
+        samples: EndpointSamples;
     };
     responses: Record<string, ResponseSample>;
     parameters: ParameterSample[];

package/dist/utils/generate-sample.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate-sample.d.ts","sourceRoot":"","sources":["../../src/utils/generate-sample.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,gBAAgB,CAAC;AAGxB;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QACL,MAAM,EAAE,YAAY,CAAC;QACrB,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,OAAO,CAAC;KACjB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC1C,UAAU,EAAE,eAAe,EAAE,CAAC;CAC/B;AAED,UAAU,cAAc;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,iBAAiB,EACzB,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,aAAa,GAC/C,cAAc,CAoHhB"}
+{"version":3,"file":"generate-sample.d.ts","sourceRoot":"","sources":["../../src/utils/generate-sample.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,eAAe;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;CACH;AACD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QACL,MAAM,EAAE,YAAY,CAAC;QACrB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,eAAe,CAAC;KAC1B,CAAC;IACF,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC1C,UAAU,EAAE,eAAe,EAAE,CAAC;CAC/B;AAED,UAAU,cAAc;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,iBAAiB,EACzB,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,aAAa,GAC/C,cAAc,CA0HhB"}

package/dist/utils/generate-sample.js

@@ -55,7 +55,13 @@ export function generateSample(path, method, { baseUrl, schema: { document } })
         bodyOutput = {
             schema,
             mediaType: type,
-            sample: body[type].example ?? generateBody(method.method, schema),
+            samples: body[type].examples
+                ? body[type].examples
+                : {
+                    _default: {
+                        value: body[type].example ?? generateBody(method.method, schema),
+                    },
+                },
         };
     }
     for (const [code, response] of Object.entries(method.responses ?? {})) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-openapi",
-  "version": "6.0.4",
+  "version": "6.0.6",
   "description": "Generate MDX docs for your OpenAPI spec",
   "keywords": [
     "NextJs",
@@ -36,8 +36,8 @@
   ],
   "dependencies": {
     "@fumari/json-schema-to-typescript": "^1.1.2",
-    "@radix-ui/react-select": "^2.1.5",
-    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-slot": "^1.1.2",
     "@scalar/openapi-parser": "0.10.4",
     "ajv-draft-04": "^1.0.0",
     "class-variance-authority": "^0.7.1",
@@ -51,15 +51,15 @@
     "react-hook-form": "^7.54.2",
     "remark": "^15.0.1",
     "remark-rehype": "^11.1.1",
-    "shiki": "^2.2.0",
+    "shiki": "^2.3.1",
     "xml-js": "^1.6.11",
-    "fumadocs-core": "15.0.3",
-    "fumadocs-ui": "15.0.3"
+    "fumadocs-core": "15.0.5",
+    "fumadocs-ui": "15.0.5"
   },
   "devDependencies": {
-    "@scalar/api-client-react": "^1.1.22",
+    "@scalar/api-client-react": "^1.1.24",
     "@types/js-yaml": "^4.0.9",
-    "@types/node": "22.13.0",
+    "@types/node": "22.13.1",
     "@types/openapi-sampler": "^1.0.3",
     "@types/react": "^19.0.8",
     "next": "15.1.6",

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';
-    }
-}