fumadocs-openapi 9.7.3 → 10.0.1

package/dist/ui/operation/example-panel/index.js

@@ -0,0 +1,140 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { getPreferredType } from '../../../utils/schema.js';
+import { getRequestData } from '../../../ui/operation/get-request-data.js';
+import { sample } from 'openapi-sampler';
+import { defaultSamples } from '../../../requests/generators/index.js';
+import { encodeRequestData } from '../../../requests/media/encode.js';
+import { AccordionContent, AccordionHeader, AccordionItem, Accordions, AccordionTrigger, } from '../../../ui/components/accordion.js';
+import { Tab, Tabs } from 'fumadocs-ui/components/tabs';
+import { CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, } from 'fumadocs-ui/components/codeblock';
+import { APIExampleSelectorLazy, APIExampleUsageTabLazy } from './lazy.js';
+export function getAPIExamples(path, method, ctx) {
+    const media = method.requestBody
+        ? getPreferredType(method.requestBody.content)
+        : null;
+    const bodyOfType = media ? method.requestBody?.content[media] : null;
+    if (bodyOfType?.examples) {
+        const result = [];
+        for (const [key, value] of Object.entries(bodyOfType.examples)) {
+            const data = getRequestData(path, method, key, ctx);
+            result.push({
+                id: key,
+                name: value.summary ?? key,
+                description: value.description,
+                data,
+                encoded: encodeRequestData(data, ctx.mediaAdapters, method.parameters ?? []),
+            });
+        }
+        if (result.length > 0)
+            return result;
+    }
+    const data = getRequestData(path, method, null, ctx);
+    return [
+        {
+            id: '_default',
+            name: 'Default',
+            description: bodyOfType?.schema?.description,
+            data,
+            encoded: encodeRequestData(data, ctx.mediaAdapters, method.parameters ?? []),
+        },
+    ];
+}
+export async function APIExample({ method, ctx, }) {
+    let { renderAPIExampleUsageTabs, renderAPIExampleLayout } = ctx.content ?? {};
+    renderAPIExampleLayout ?? (renderAPIExampleLayout = (slots) => {
+        return (_jsxs("div", { className: "prose-no-margin md:sticky md:top-(--fd-api-info-top) xl:w-[400px]", children: [slots.selector, slots.usageTabs, slots.responseTabs] }));
+    });
+    renderAPIExampleUsageTabs ?? (renderAPIExampleUsageTabs = (generators) => {
+        if (generators.length === 0)
+            return null;
+        return (_jsxs(CodeBlockTabs, { groupId: "fumadocs_openapi_requests", defaultValue: generators[0].id, children: [_jsx(CodeBlockTabsList, { children: generators.map((item) => (_jsx(CodeBlockTabsTrigger, { value: item.id, children: item.label ?? item.lang }, item.id))) }), generators.map((item) => (_jsx(CodeBlockTab, { value: item.id, children: _jsx(APIExampleUsageTabLazy, { ...item }) }, item.id)))] }));
+    });
+    let generators = [...defaultSamples];
+    if (ctx.generateCodeSamples) {
+        generators.push(...(await ctx.generateCodeSamples(method)));
+    }
+    if (method['x-codeSamples']) {
+        for (const sample of method['x-codeSamples']) {
+            generators.push('id' in sample && typeof sample.id === 'string'
+                ? sample
+                : {
+                    id: sample.lang,
+                    ...sample,
+                });
+        }
+    }
+    generators = dedupe(generators);
+    return renderAPIExampleLayout({
+        selector: method['x-exclusiveCodeSample'] ? null : (_jsx(APIExampleSelectorLazy, {})),
+        usageTabs: await renderAPIExampleUsageTabs(generators, ctx),
+        responseTabs: _jsx(ResponseTabs, { operation: method, ctx: ctx }),
+    }, ctx);
+}
+/**
+ * Remove duplicated ids
+ */
+function dedupe(samples) {
+    const set = new Set();
+    const out = [];
+    for (let i = samples.length - 1; i >= 0; i--) {
+        const item = samples[i];
+        if (set.has(item.id))
+            continue;
+        set.add(item.id);
+        if (item.source !== false)
+            out.unshift(item);
+    }
+    return out;
+}
+function ResponseTabs({ operation, ctx, }) {
+    if (!operation.responses)
+        return null;
+    const tabs = [];
+    for (const [code, response] of Object.entries(operation.responses)) {
+        const media = response.content ? getPreferredType(response.content) : null;
+        const responseOfType = media ? response.content?.[media] : null;
+        const tab = {
+            code,
+            response,
+            mediaType: media,
+        };
+        if (responseOfType?.examples) {
+            tab.examples ?? (tab.examples = []);
+            for (const [key, sample] of Object.entries(responseOfType.examples)) {
+                const title = sample?.summary ?? `Example ${key}`;
+                tab.examples.push({
+                    label: title,
+                    sample: sample.value,
+                    description: sample?.description,
+                });
+            }
+        }
+        else if (responseOfType?.example || responseOfType?.schema) {
+            tab.examples ?? (tab.examples = []);
+            tab.examples.push({
+                label: 'Example',
+                sample: responseOfType.example ?? sample(responseOfType.schema),
+            });
+        }
+        tabs.push(tab);
+    }
+    const { renderResponseTabs = renderResponseTabsDefault } = ctx.content ?? {};
+    return renderResponseTabs(tabs, ctx);
+}
+function renderResponseTabsDefault(tabs, ctx) {
+    async function renderResponse(tab) {
+        const { examples = [] } = tab;
+        let slot = 'Empty';
+        if (examples.length > 1) {
+            slot = (_jsx(Accordions, { type: "single", className: "pt-2", defaultValue: examples[0].label, children: examples.map((example, i) => (_jsxs(AccordionItem, { value: example.label, children: [_jsx(AccordionHeader, { children: _jsx(AccordionTrigger, { children: example.label }) }), _jsxs(AccordionContent, { className: "prose-no-margin", children: [example.description && ctx.renderMarkdown(example.description), ctx.renderCodeBlock('json', JSON.stringify(example.sample, null, 2))] })] }, i))) }));
+        }
+        else if (examples.length === 1) {
+            const example = examples[0];
+            slot = (_jsxs(_Fragment, { children: [example.description && ctx.renderMarkdown(example.description), ctx.renderCodeBlock('json', JSON.stringify(example.sample, null, 2))] }));
+        }
+        return _jsx(Tab, { value: tab.code, children: slot });
+    }
+    if (tabs.length === 0)
+        return null;
+    return (_jsx(Tabs, { groupId: "fumadocs_openapi_responses", items: tabs.map((tab) => tab.code), children: tabs.map(renderResponse) }));
+}

package/dist/ui/operation/example-panel/lazy.d.ts

@@ -0,0 +1,3 @@
+export declare const APIExampleSelectorLazy: typeof import("./client.js").APIExampleSelector;
+export declare const APIExampleUsageTabLazy: typeof import("./client.js").APIExampleUsageTab;
+//# sourceMappingURL=lazy.d.ts.map

package/dist/ui/operation/example-panel/lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../../../../src/ui/operation/example-panel/lazy.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,8CAElC,CAAC;AAEF,eAAO,MAAM,sBAAsB,8CAElC,CAAC"}

package/dist/ui/operation/example-panel/lazy.js

@@ -0,0 +1,4 @@
+'use client';
+import { wrapLazy } from '../../../utils/lazy.js';
+export const APIExampleSelectorLazy = wrapLazy(() => import('./client.js').then((mod) => ({ default: mod.APIExampleSelector })));
+export const APIExampleUsageTabLazy = wrapLazy(() => import('./client.js').then((mod) => ({ default: mod.APIExampleUsageTab })));

package/dist/ui/operation/get-request-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-request-data.d.ts","sourceRoot":"","sources":["../../../src/ui/operation/get-request-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,IAAI,EAAE,aAAa,GAClB,cAAc,CAwEhB"}

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

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+import type { MethodInformation, RenderContext } from '../../types.js';
+export declare function Operation({ type, path, method, ctx, hasHead, headingLevel, }: {
+    type?: 'webhook' | 'operation';
+    path: string;
+    method: MethodInformation;
+    ctx: RenderContext;
+    hasHead?: boolean;
+    headingLevel?: number;
+}): Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/operation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAEV,iBAAiB,EACjB,aAAa,EAEd,MAAM,SAAS,CAAC;AAqCjB,wBAAsB,SAAS,CAAC,EAC9B,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,kIAgQA"}

package/dist/{render → ui}/operation/index.js

@@ -1,24 +1,24 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Fragment } from 'react';
 import { createMethod, methodKeys, } from '../../utils/schema.js';
 import { idToTitle } from '../../utils/id-to-title.js';
-import { Markdown } from '../markdown.js';
-import { heading } from '../heading.js';
 import { Schema } from '../schema/index.js';
-import { APIExample, APIExampleProvider, getAPIExamples, } from '../../render/operation/api-example.js';
+import { APIExample, getAPIExamples } from '../../ui/operation/example-panel/index.js';
 import { MethodLabel } from '../../ui/components/method-label.js';
 import { getTypescriptSchema } from '../../utils/get-typescript-schema.js';
-import { CopyResponseTypeScript } from '../../ui/client.js';
-import { SelectTab, SelectTabs, SelectTabTrigger } from '../../ui/select-tabs.js';
+import { CopyResponseTypeScript, SelectTab, SelectTabs, SelectTabTrigger, } from './client.js';
 import { AccordionContent, AccordionHeader, AccordionItem, Accordions, AccordionTrigger, } from '../../ui/components/accordion.js';
 import { isMediaTypeSupported } from '../../requests/media/adapter.js';
+import { cn } from 'fumadocs-ui/utils/cn';
+import { APIPlayground } from '../../playground/index.js';
+import { OperationProviderLazy } from '../contexts/operation.lazy.js';
 const ParamTypes = {
     path: 'Path Parameters',
     query: 'Query Parameters',
     header: 'Header Parameters',
     cookie: 'Cookie Parameters',
 };
-export function Operation({ type = 'operation', path, method, ctx, hasHead, headingLevel = 2, }) {
+export async function Operation({ type = 'operation', path, method, ctx, hasHead, headingLevel = 2, }) {
     const { schema: { dereferenced }, } = ctx;
     const body = method.requestBody;
     let headNode = null;
@@ -29,12 +29,12 @@ export function Operation({ type = 'operation', path, method, ctx, hasHead, head
     if (hasHead) {
         const title = method.summary ??
             (method.operationId ? idToTitle(method.operationId) : path);
-        headNode = (_jsxs(_Fragment, { children: [heading(headingLevel, title, ctx), method.description ? _jsx(Markdown, { text: method.description }) : null] }));
+        headNode = (_jsxs(_Fragment, { children: [ctx.renderHeading(headingLevel, title), method.description && ctx.renderMarkdown(method.description)] }));
         headingLevel++;
     }
     const contentTypes = body ? Object.entries(body.content) : null;
     if (body && contentTypes && contentTypes.length > 0) {
-        bodyNode = (_jsxs(SelectTabs, { defaultValue: contentTypes[0][0], children: [_jsxs("div", { className: "flex gap-2 items-end justify-between", children: [heading(headingLevel, 'Request Body', ctx), _jsx(SelectTabTrigger, { items: contentTypes.map((v) => v[0]), className: "mb-4" })] }), body.description && _jsx(Markdown, { text: body.description }), contentTypes.map(([type, content]) => {
+        bodyNode = (_jsxs(SelectTabs, { defaultValue: contentTypes[0][0], children: [_jsxs("div", { className: "flex gap-2 items-end justify-between", children: [ctx.renderHeading(headingLevel, 'Request Body'), _jsx(SelectTabTrigger, { items: contentTypes.map((v) => v[0]), className: "mb-4" })] }), body.description && ctx.renderMarkdown(body.description), contentTypes.map(([type, content]) => {
                     if (!isMediaTypeSupported(type, ctx.mediaAdapters)) {
                         throw new Error(`Media type ${type} is not supported (in ${path})`);
                     }
@@ -43,13 +43,13 @@ export function Operation({ type = 'operation', path, method, ctx, hasHead, head
     }
     if (method.responses && ctx.showResponseSchema !== false) {
         const statuses = Object.keys(method.responses);
-        responseNode = (_jsxs(_Fragment, { children: [heading(headingLevel, 'Response Body', ctx), _jsx(Accordions, { type: "multiple", children: statuses.map((status) => (_jsx(AccordionItem, { value: status, children: _jsx(ResponseAccordion, { status: status, operation: method, ctx: ctx }) }, status))) })] }));
+        responseNode = (_jsxs(_Fragment, { children: [ctx.renderHeading(headingLevel, 'Response Body'), _jsx(Accordions, { type: "multiple", children: statuses.map((status) => (_jsx(AccordionItem, { value: status, children: _jsx(ResponseAccordion, { status: status, operation: method, ctx: ctx }) }, status))) })] }));
     }
     const parameterNode = Object.entries(ParamTypes).map(([type, title]) => {
         const params = method.parameters?.filter((param) => param.in === type);
         if (!params || params.length === 0)
             return;
-        return (_jsxs(Fragment, { children: [heading(headingLevel, title, ctx), _jsx("div", { className: "flex flex-col", children: params.map((param) => (_jsx(Schema, { name: param.name, root: {
+        return (_jsxs(Fragment, { children: [ctx.renderHeading(headingLevel, title), _jsx("div", { className: "flex flex-col", children: params.map((param) => (_jsx(Schema, { name: param.name, root: {
                             ...param.schema,
                             description: param.description ?? param.schema?.description,
                             deprecated: (param.deprecated ?? false) ||
@@ -60,7 +60,7 @@ export function Operation({ type = 'operation', path, method, ctx, hasHead, head
     if (type === 'operation' && securities.length > 0) {
         const securitySchemes = dereferenced.components?.securitySchemes;
         const names = securities.map((security) => Object.keys(security).join(' & '));
-        authNode = (_jsxs(SelectTabs, { defaultValue: names[0], children: [_jsxs("div", { className: "flex items-end justify-between gap-2", children: [heading(headingLevel, 'Authorization', ctx), _jsx(SelectTabTrigger, { items: names, className: "mb-4" })] }), securities.map((security, i) => (_jsx(SelectTab, { value: names[i], children: Object.entries(security).map(([key, scopes]) => {
+        authNode = (_jsxs(SelectTabs, { defaultValue: names[0], children: [_jsxs("div", { className: "flex items-end justify-between gap-2", children: [ctx.renderHeading(headingLevel, 'Authorization'), _jsx(SelectTabTrigger, { items: names, className: "mb-4" })] }), securities.map((security, i) => (_jsx(SelectTab, { value: names[i], children: Object.entries(security).map(([key, scopes]) => {
                         const scheme = securitySchemes?.[key];
                         if (!scheme)
                             return;
@@ -69,29 +69,52 @@ export function Operation({ type = 'operation', path, method, ctx, hasHead, head
     }
     if (method.callbacks) {
         const callbacks = Object.entries(method.callbacks);
-        callbacksNode = (_jsxs(SelectTabs, { defaultValue: callbacks[0][0], children: [_jsxs("div", { className: "flex justify-between gap-2 items-end", children: [heading(headingLevel, 'Callbacks', ctx), _jsx(SelectTabTrigger, { items: callbacks.map((v) => v[0]), className: "mb-4" })] }), callbacks.map(([name, callback]) => (_jsx(SelectTab, { value: name, children: _jsx(WebhookCallback, { callback: callback, ctx: ctx, headingLevel: headingLevel }) }, name)))] }));
+        callbacksNode = (_jsxs(SelectTabs, { defaultValue: callbacks[0][0], children: [_jsxs("div", { className: "flex justify-between gap-2 items-end", children: [ctx.renderHeading(headingLevel, 'Callbacks'), _jsx(SelectTabTrigger, { items: callbacks.map((v) => v[0]), className: "mb-4" })] }), callbacks.map(([name, callback]) => (_jsx(SelectTab, { value: name, children: _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' ? (ctx.disablePlayground ? (_jsxs("div", { className: "flex flex-row items-center gap-2.5 p-3 rounded-xl border bg-fd-card text-fd-card-foreground not-prose", children: [_jsx(MethodLabel, { className: "text-xs", children: method.method }), _jsx("code", { className: "flex-1 overflow-auto text-nowrap text-[13px] text-fd-muted-foreground", children: path })] })) : (_jsx(ctx.renderer.APIPlayground, { path: path, method: method, ctx: ctx }))) : null, authNode, parameterNode, bodyNode, responseNode, callbacksNode] }));
+    let { renderOperationLayout, renderWebhookLayout } = ctx.content ?? {};
     if (type === 'operation') {
-        const examples = getAPIExamples(path, method, ctx);
-        return (_jsx(ctx.renderer.API, { children: _jsxs(APIExampleProvider, { route: path, examples: examples, method: method, children: [info, _jsx(APIExample, { examples: examples, method: method, ctx: ctx })] }) }));
+        renderOperationLayout ?? (renderOperationLayout = (slots) => {
+            return (_jsxs("div", { className: "flex flex-col gap-x-6 gap-y-4 xl:flex-row xl:items-start", style: {
+                    '--fd-api-info-top': 'calc(12px + var(--fd-nav-height) + var(--fd-banner-height) + var(--fd-tocnav-height, 0px))',
+                }, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [slots.header, slots.apiPlayground, slots.authSchemes, slots.paremeters, slots.body, slots.responses, slots.callbacks] }), slots.apiExample] }));
+        });
+        const playgroundEnabled = ctx.playground?.enabled ?? true;
+        const content = await renderOperationLayout({
+            header: headNode,
+            authSchemes: authNode,
+            body: bodyNode,
+            callbacks: callbacksNode,
+            paremeters: parameterNode,
+            responses: responseNode,
+            apiPlayground: playgroundEnabled ? (_jsx(APIPlayground, { path: path, method: method, ctx: ctx })) : (_jsxs("div", { className: "flex flex-row items-center gap-2.5 p-3 rounded-xl border bg-fd-card text-fd-card-foreground not-prose", children: [_jsx(MethodLabel, { className: "text-xs", children: method.method }), _jsx("code", { className: "flex-1 overflow-auto text-nowrap text-[13px] text-fd-muted-foreground", children: path })] })),
+            apiExample: _jsx(APIExample, { method: method, ctx: ctx }),
+        }, ctx, method);
+        return (_jsx(OperationProviderLazy, { defaultExampleId: method['x-exclusiveCodeSample'] ?? method['x-selectedCodeSample'], route: path, examples: getAPIExamples(path, method, ctx), children: content }));
     }
     else {
-        return info;
+        renderWebhookLayout ?? (renderWebhookLayout = (slots) => (_jsxs("div", { children: [slots.header, slots.authSchemes, slots.paremeters, slots.body, slots.responses, slots.callbacks] })));
+        return renderWebhookLayout({
+            header: headNode,
+            authSchemes: authNode,
+            body: bodyNode,
+            callbacks: callbacksNode,
+            paremeters: parameterNode,
+            responses: responseNode,
+        });
     }
 }
 async function ResponseAccordion({ status, operation, ctx, }) {
     const response = operation.responses[status];
     const { generateTypeScriptSchema } = ctx;
     const contentTypes = response.content ? Object.entries(response.content) : [];
-    return (_jsxs(SelectTabs, { defaultValue: contentTypes.at(0)?.[0], children: [_jsxs(AccordionHeader, { children: [_jsx(AccordionTrigger, { className: "font-mono", children: status }), contentTypes.length > 1 && (_jsx(SelectTabTrigger, { items: contentTypes.map((v) => v[0]) })), contentTypes.length === 1 && (_jsx("p", { className: "text-[13px] text-fd-muted-foreground", children: contentTypes[0][0] }))] }), _jsxs(AccordionContent, { className: "ps-4.5", children: [response.description && (_jsx("div", { className: "prose-no-margin", children: _jsx(Markdown, { text: response.description }) })), contentTypes?.map(async ([type, resType]) => {
+    return (_jsxs(SelectTabs, { defaultValue: contentTypes.at(0)?.[0], children: [_jsxs(AccordionHeader, { children: [_jsx(AccordionTrigger, { className: "font-mono", children: status }), contentTypes.length > 1 && (_jsx(SelectTabTrigger, { items: contentTypes.map((v) => v[0]) })), contentTypes.length === 1 && (_jsx("p", { className: "text-[13px] text-fd-muted-foreground", children: contentTypes[0][0] }))] }), _jsxs(AccordionContent, { className: "ps-4.5", children: [response.description && (_jsx("div", { className: "prose-no-margin", children: ctx.renderMarkdown(response.description) })), contentTypes?.map(async ([type, resType]) => {
                         const schema = resType.schema;
                         let ts;
                         if (generateTypeScriptSchema) {
                             ts = await generateTypeScriptSchema(operation, status);
                         }
                         else if (generateTypeScriptSchema === undefined && schema) {
-                            ts = await getTypescriptSchema(ctx.schema);
+                            ts = await getTypescriptSchema(schema, ctx);
                         }
                         return (_jsxs(SelectTab, { value: type, className: "my-2", children: [ts && _jsx(CopyResponseTypeScript, { code: ts }), schema && (_jsx("div", { className: "border px-3 py-2 rounded-lg", children: _jsx(Schema, { name: "response", root: schema, as: "body", readOnly: true, ctx: ctx }) }))] }, type));
                     })] })] }));
@@ -108,17 +131,20 @@ function WebhookCallback({ callback, ctx, headingLevel, }) {
             return (_jsxs(AccordionItem, { value: path, children: [_jsx(AccordionHeader, { children: _jsx(AccordionTrigger, { className: "font-mono", children: path }) }), _jsx(AccordionContent, { children: pathNodes })] }, path));
         }) }));
 }
-function AuthScheme({ scheme: schema, scopes, ctx: { renderer }, }) {
+function AuthScheme({ scheme: schema, scopes, ctx, }) {
     const scopeElement = scopes.length > 0 ? (_jsxs("p", { children: ["Scope: ", _jsx("code", { children: scopes.join(', ') })] })) : null;
     if (schema.type === 'http' || schema.type === 'oauth2') {
-        return (_jsxs(renderer.Property, { name: "Authorization", type: schema.type === 'http' && schema.scheme === 'basic'
+        return (_jsxs(AuthProperty, { name: "Authorization", type: schema.type === 'http' && schema.scheme === 'basic'
                 ? `Basic <token>`
-                : 'Bearer <token>', required: true, children: [schema.description && _jsx(Markdown, { text: schema.description }), _jsxs("p", { children: ["In: ", _jsx("code", { children: "header" })] }), scopeElement] }));
+                : 'Bearer <token>', children: [schema.description && ctx.renderMarkdown(schema.description), _jsxs("p", { children: ["In: ", _jsx("code", { children: "header" })] }), scopeElement] }));
     }
     if (schema.type === 'apiKey') {
-        return (_jsxs(renderer.Property, { name: schema.name, type: "<token>", children: [schema.description && _jsx(Markdown, { text: schema.description }), _jsxs("p", { children: ["In: ", _jsx("code", { children: schema.in }), scopeElement] })] }));
+        return (_jsxs(AuthProperty, { name: schema.name, type: "<token>", children: [schema.description && ctx.renderMarkdown(schema.description), _jsxs("p", { children: ["In: ", _jsx("code", { children: schema.in }), scopeElement] })] }));
     }
     if (schema.type === 'openIdConnect') {
-        return (_jsxs(renderer.Property, { name: "OpenID Connect", type: "<token>", required: true, children: [schema.description && _jsx(Markdown, { text: schema.description }), scopeElement] }));
+        return (_jsxs(AuthProperty, { name: "OpenID Connect", type: "<token>", children: [schema.description && ctx.renderMarkdown(schema.description), scopeElement] }));
     }
 }
+function AuthProperty({ name, type, ...props }) {
+    return (_jsxs("div", { className: cn('text-sm border-t py-4 first:border-t-0', props.className), children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3 not-prose", children: [_jsx("span", { className: "font-medium font-mono text-fd-primary", children: name }), _jsx("span", { className: "text-sm font-mono text-fd-muted-foreground", children: type })] }), _jsx("div", { className: "prose-no-margin pt-2.5 empty:hidden", children: props.children })] }));
+}

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

@@ -0,0 +1,11 @@
+import type { SchemaUIGeneratedData } from '../../ui/schema/index.js';
+export interface SchemaUIProps {
+    name: string;
+    required?: boolean;
+    as?: 'property' | 'body';
+    readOnly?: boolean;
+    writeOnly?: boolean;
+    generated: SchemaUIGeneratedData;
+}
+export declare function SchemaUI({ name, required, as, generated, readOnly, writeOnly, }: SchemaUIProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/ui/schema/client.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAc,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAuDrE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAEzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,qBAAqB,CAAC;CAClC;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAgB,EAChB,EAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,2CA2Bf"}

package/dist/{render → ui}/schema/client.js

@@ -2,7 +2,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, Fragment, use, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import { Tabs, TabsContent, TabsList, TabsTrigger, } from 'fumadocs-ui/components/tabs';
-import { ObjectCollapsible, Property } from './ui.js';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from 'fumadocs-ui/components/ui/collapsible';
+import { buttonVariants } from 'fumadocs-ui/components/ui/button';
+import { ChevronDown } from '../../icons.js';
+import { Badge } from '../../ui/components/method-label.js';
 import { Popover, PopoverContent, PopoverTrigger, } from 'fumadocs-ui/components/ui/popover';
 import { cn } from 'fumadocs-ui/utils/cn';
 import { cva } from 'class-variance-authority';
@@ -17,24 +20,23 @@ const PropertyContext = createContext({
     renderRef: (props) => _jsx(RootRef, { ...props }),
 });
 const DataContext = createContext(null);
-export function SchemaUIProvider(props) {
-    return _jsx(DataContext, { value: props.value, children: props.children });
-}
 function useData() {
     return use(DataContext);
 }
 function useProperty() {
     return use(PropertyContext);
 }
-export function SchemaUI({ name, required = false, as = 'property', }) {
-    const { $root, refs } = useData();
-    const schema = refs[$root];
-    if (as === 'property' || !isExpandable(schema)) {
-        return (_jsx(SchemaUIProperty, { name: name, "$type": $root, overrides: {
+export function SchemaUI({ name, required = false, as = 'property', generated, readOnly, writeOnly, }) {
+    const schema = generated.refs[generated.$root];
+    const context = useMemo(() => ({
+        ...generated,
+        readOnly,
+        writeOnly,
+    }), [generated, readOnly, writeOnly]);
+    const isProperty = as === 'property' || !isExpandable(schema);
+    return (_jsx(DataContext, { value: context, children: isProperty ? (_jsx(SchemaUIProperty, { name: name, "$type": generated.$root, overrides: {
                 required,
-            } }));
-    }
-    return _jsx(SchemaUIContent, { "$type": $root });
+            } })) : (_jsx(SchemaUIContent, { "$type": generated.$root })) }));
 }
 function SchemaUIContent({ $type }) {
     const { refs, readOnly, writeOnly } = useData();
@@ -134,6 +136,14 @@ function LinkRef({ $ref, pathName, onInsert, text, }) {
             onInsert(pathName, $ref);
         }, children: text }));
 }
+function ObjectCollapsible(props) {
+    return (_jsxs(Collapsible, { className: "my-2", ...props, children: [_jsxs(CollapsibleTrigger, { className: cn(buttonVariants({ color: 'secondary', size: 'sm' }), 'group px-3 py-2 data-[state=open]:rounded-b-none'), children: [props.name, _jsx(ChevronDown, { className: "size-4 text-fd-muted-foreground group-data-[state=open]:rotate-180" })] }), _jsx(CollapsibleContent, { className: "-mt-px *:bg-fd-card", children: props.children })] }));
+}
+function Property({ name, type, required, deprecated, nested = false, ...props }) {
+    return (_jsxs("div", { className: cn('text-sm border-t', nested
+            ? 'p-3 border-x bg-fd-card last:rounded-b-xl first:rounded-tr-xl last:border-b'
+            : 'py-4 first:border-t-0', props.className), children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3 not-prose", children: [_jsxs("span", { className: "font-medium font-mono text-fd-primary", children: [name, required === false && (_jsx("span", { className: "text-fd-muted-foreground", children: "?" }))] }), typeof type === 'string' ? (_jsx("span", { className: "text-sm font-mono text-fd-muted-foreground", children: type })) : (type), deprecated && (_jsx(Badge, { color: "yellow", className: "ms-auto text-xs", children: "Deprecated" }))] }), _jsx("div", { className: "prose-no-margin pt-2.5 empty:hidden", children: props.children })] }));
+}
 function isExpandable(schema) {
     return schema.type !== 'primitive';
 }

package/dist/{render/schema/server.d.ts → ui/schema/index.d.ts}

@@ -1,6 +1,7 @@
-import { type ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import type { ResolvedSchema } from '../../utils/schema.js';
 import type { RenderContext } from '../../types.js';
+import type { SchemaUIProps } from '../../ui/schema/client.js';
 export interface FieldBase {
     description?: ReactNode;
     infoTags?: ReactNode[];
@@ -35,9 +36,9 @@ export interface SchemaUIOptions {
     root: ResolvedSchema;
     ctx: RenderContext;
 }
-export interface SchemaUIData {
+export interface SchemaUIGeneratedData {
     $root: string;
     refs: Record<string, SchemaData>;
 }
-export declare function generateSchemaUI({ ctx, root }: SchemaUIOptions): SchemaUIData;
-//# sourceMappingURL=server.d.ts.map
+export declare function Schema({ ctx, root, ...props }: SchemaUIOptions & Omit<SchemaUIProps, 'generated'>): string | number | bigint | boolean | Iterable<ReactNode> | Promise<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/schema/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,MAAM,WAAW,SAAS;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;IAEvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAElB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,UAAU,GAAG,SAAS,GAChC,CACI;IACE,IAAI,EAAE,WAAW,CAAC;CACnB,GACD;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;CACL,GACD;IACE,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH,GACD;IACE,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;CACL,CACJ,CAAC;AAEJ,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,cAAc,CAAC;IACrB,GAAG,EAAE,aAAa,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;CAClC;AAED,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,8IAQpD"}

package/dist/{render/schema/server.js → ui/schema/index.js}

@@ -1,10 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FormatFlags, schemaToString } from '../../utils/schema-to-string.js';
-import { Markdown } from '../../render/markdown.js';
 import { combineSchema } from '../../utils/combine-schema.js';
-export function generateSchemaUI({ ctx, root }) {
+import { SchemaUILazy } from '../../ui/schema/lazy.js';
+export function Schema({ ctx, root, ...props }) {
+    if (ctx.schemaUI?.render) {
+        return ctx.schemaUI.render({ root, ...props }, ctx);
+    }
+    return (_jsx(SchemaUILazy, { ...props, generated: generateSchemaUI({ ctx, root }) }));
+}
+function generateSchemaUI({ ctx, root, }) {
     const refs = {};
-    const { content: { showExampleInFields = false } = {} } = ctx;
+    const { showExample = false } = ctx.schemaUI ?? {};
     function generateInfoTags(schema) {
         const fields = [];
         function field(key, value) {
@@ -37,7 +43,7 @@ export function generateSchemaUI({ ctx, root }) {
         if (schema.enum) {
             fields.push(field('Value in', schema.enum.map((value) => JSON.stringify(value)).join(' | ')));
         }
-        if (showExampleInFields && schema.examples) {
+        if (showExample && schema.examples) {
             for (const example of schema.examples) {
                 fields.push(field('Example', JSON.stringify(example, null, 2)));
             }
@@ -68,7 +74,7 @@ export function generateSchemaUI({ ctx, root }) {
             };
         }
         return {
-            description: schema.description && _jsx(Markdown, { text: schema.description }),
+            description: schema.description && ctx.renderMarkdown(schema.description),
             infoTags: generateInfoTags(schema),
             typeName: schemaToString(schema, ctx.schema),
             aliasName: schemaToString(schema, ctx.schema, FormatFlags.UseAlias),

package/dist/ui/schema/lazy.d.ts

@@ -0,0 +1,2 @@
+export declare const SchemaUILazy: typeof import("./client.js").SchemaUI;
+//# sourceMappingURL=lazy.d.ts.map

package/dist/ui/schema/lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../../../src/ui/schema/lazy.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,oCAExB,CAAC"}

package/dist/ui/schema/lazy.js

@@ -0,0 +1,3 @@
+'use client';
+import { wrapLazy } from '../../utils/lazy.js';
+export const SchemaUILazy = wrapLazy(() => import('./client.js').then((mod) => ({ default: mod.SchemaUI })));

package/dist/utils/get-typescript-schema.d.ts

@@ -1,3 +1,4 @@
-import type { ProcessedDocument } from '../utils/process-document.js';
-export declare function getTypescriptSchema(processed: ProcessedDocument): Promise<string | undefined>;
+import type { SchemaObject } from 'ajv';
+import type { RenderContext } from '../types.js';
+export declare function getTypescriptSchema(schema: SchemaObject, ctx: RenderContext): Promise<string | undefined>;
 //# sourceMappingURL=get-typescript-schema.d.ts.map

package/dist/utils/get-typescript-schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-typescript-schema.d.ts","sourceRoot":"","sources":["../../src/utils/get-typescript-schema.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,wBAAsB,mBAAmB,CACvC,SAAS,EAAE,iBAAiB,GAC3B,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAY7B"}
+{"version":3,"file":"get-typescript-schema.d.ts","sourceRoot":"","sources":["../../src/utils/get-typescript-schema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAsB,mBAAmB,CACvC,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,aAAa,GACjB,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAsB7B"}

package/dist/utils/get-typescript-schema.js

@@ -1,12 +1,17 @@
-import { compile } from '@fumari/json-schema-to-typescript';
-export async function getTypescriptSchema(processed) {
+export async function getTypescriptSchema(schema, ctx) {
+    const { compile } = await import('@fumari/json-schema-to-typescript');
     try {
-        const cloned = structuredClone(processed.bundled);
-        return await compile(cloned, 'Response', {
-            $refOptions: false,
-            bannerComment: '',
-            additionalProperties: false,
+        const input = structuredClone({
+            schema,
+            idToSchema: ctx.schema._internal_idToSchema(),
+        });
+        const schemaToId = new WeakMap();
+        for (const [k, v] of input.idToSchema) {
+            schemaToId.set(v, k);
+        }
+        return await compile(input.schema, 'Response', {
             enableConstEnums: false,
+            schemaToId,
         });
     }
     catch (e) {

package/dist/utils/lazy.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentType } from 'react';
+export declare function wrapLazy<T extends ComponentType<any>>(load: () => Promise<{
+    default: T;
+}>): T;
+//# sourceMappingURL=lazy.d.ts.map

package/dist/utils/lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../../src/utils/lazy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAQ,MAAM,OAAO,CAAC;AAMjD,wBAAgB,QAAQ,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EACnD,IAAI,EAAE,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,CAAC,GAClC,CAAC,CAMH"}

package/dist/utils/lazy.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy } from 'react';
+// Waku wraps all export functions of a "use client" file in `React.lazy`, but `lazy(lazy(() => ...))` causes error.
+// we wrap another layer of component such that it is valid
+// TODO: perhaps we can remove it once Waku migrated to vite-rsc
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- type infer
+export function wrapLazy(load) {
+    const V = lazy(load);
+    return function wrapper(props) {
+        return _jsx(V, { ...props });
+    };
+}

package/dist/utils/pages/builder.d.ts

@@ -1,6 +1,6 @@
 import type { ProcessedDocument } from '../../utils/process-document.js';
 import type { OpenAPIServer } from '../../server/index.js';
-import type { OperationItem, WebhookItem } from '../../render/api-page.js';
+import type { OperationItem, WebhookItem } from '../../ui/api-page.js';
 import type { OperationObject, PathItemObject, TagObject } from '../../types.js';
 import { type NoReference } from '../../utils/schema.js';
 interface BaseEntry {

package/dist/utils/pages/builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../../src/utils/pages/builder.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../../src/utils/pages/builder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAEV,eAAe,EACf,cAAc,EACd,SAAS,EACV,MAAM,SAAS,CAAC;AACjB,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AAIxB,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,aAAa,CAAC;CACrB;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAED,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,eAAe,GACf,aAAa,GACb,WAAW,CAAC;AAEhB,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,iBAAiB,CAAC;IAC5B;;;;OAIG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAErC;;OAEG;IACH,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAE9C;;OAEG;IACH,OAAO,EAAE,MAAM,aAAa,CAAC;IAC7B,oBAAoB,EAAE,CAAC,IAAI,EAAE,WAAW,KACpC;QACE,IAAI,WAAW,IAAI,MAAM,CAAC;QAC1B,QAAQ,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;QACtC,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;KACzC,GACD,SAAS,CAAC;IACd,sBAAsB,EAAE,CAAC,IAAI,EAAE,aAAa,KACxC;QACE,IAAI,WAAW,IAAI,MAAM,CAAC;QAC1B,QAAQ,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;QACtC,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;KACzC,GACD,SAAS,CAAC;IACd,OAAO,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK;QAC3B,IAAI,WAAW,IAAI,MAAM,CAAC;KAC3B,CAAC;IACF,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KACrB;QACE,IAAI,EAAE,SAAS,CAAC;QAChB,IAAI,WAAW,IAAI,MAAM,CAAC;KAC3B,GACD,SAAS,CAAC;CACf;AAED,UAAU,aAAa;IACrB,QAAQ,EAAE,CAAC,WAAW,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,EAAE,CAAC;IAChD,UAAU,EAAE,CAAC,aAAa,GAAG;QAC3B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;KACjB,CAAC,EAAE,CAAC;CACN;AAED,wBAAsB,UAAU,CAC9B,MAAM,EAAE,aAAa,EACrB,MAAM,EAAE,kBAAkB,GACzB,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,CAcxC;AAED,wBAAgB,UAAU,CACxB,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,iBAAiB,EAC5B,MAAM,EAAE,kBAAkB,GACzB,WAAW,EAAE,CA2Ef"}

package/dist/utils/pages/to-body.d.ts

@@ -1,5 +1,4 @@
-import type { ApiPageProps } from '../../render/api-page.js';
-import type { OpenAPIServer } from '../../server/index.js';
+import type { ApiPageProps } from '../../ui/api-page.js';
 import type { OutputEntry } from '../../utils/pages/builder.js';
-export declare function toBody(server: OpenAPIServer, entry: OutputEntry): ApiPageProps;
+export declare function toBody(entry: OutputEntry): ApiPageProps;
 //# sourceMappingURL=to-body.d.ts.map

package/dist/utils/pages/to-body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"to-body.d.ts","sourceRoot":"","sources":["../../../src/utils/pages/to-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,wBAAgB,MAAM,CACpB,MAAM,EAAE,aAAa,EACrB,KAAK,EAAE,WAAW,GACjB,YAAY,CAoBd"}
+{"version":3,"file":"to-body.d.ts","sourceRoot":"","sources":["../../../src/utils/pages/to-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAoBvD"}