fumadocs-openapi 5.11.3 → 5.11.5

package/dist/index.d.ts

@@ -179,6 +179,7 @@ type ReferenceObject = OpenAPIV3_1.ReferenceObject;
 type PathItemObject = OpenAPIV3_1.PathItemObject;
 type TagObject = OpenAPIV3_1.TagObject;
 type ServerObject = NoReference<OpenAPIV3_1.ServerObject>;
+type CallbackObject = NoReference<OpenAPIV3_1.CallbackObject>;
 type MethodInformation = NoReference<OperationObject> & {
     method: string;
 };
@@ -215,6 +216,10 @@ interface RenderContext {
      */
     generateCodeSamples?: (endpoint: EndpointSample) => Awaitable<CodeSample[]>;
     shikiOptions?: Omit<CodeToHastOptionsCommon, 'lang'> & CodeOptionsThemes<BuiltinTheme>;
+    /**
+     * Show full response schema instead of only example response & Typescript definitions
+     */
+    showResponseSchema?: boolean;
 }
 
 type DocumentInput = string | OpenAPIV3_1.Document | OpenAPIV3.Document;
@@ -317,4 +322,4 @@ interface Config extends GenerateOptions {
 }
 declare function generateFiles(options: Config): Promise<void>;
 
-export { type Config, type DereferenceMap, type Document, type GenerateOptions, type GeneratePageOutput, type GenerateTagOutput, type MethodInformation, type OperationObject, type ParameterObject, type PathItemObject, type ReferenceObject, type RenderContext, type SecurityRequirementObject, type SecuritySchemeObject, type ServerObject, type TagObject, generateAll, generateFiles, generatePages, generateTags };
+export { type CallbackObject, type Config, type DereferenceMap, type Document, type GenerateOptions, type GeneratePageOutput, type GenerateTagOutput, type MethodInformation, type OperationObject, type ParameterObject, type PathItemObject, type ReferenceObject, type RenderContext, type SecurityRequirementObject, type SecuritySchemeObject, type ServerObject, type TagObject, generateAll, generateFiles, generatePages, generateTags };

package/dist/server/index.d.ts

@@ -208,11 +208,15 @@ interface RenderContext {
      */
     generateCodeSamples?: (endpoint: EndpointSample) => Awaitable<CodeSample[]>;
     shikiOptions?: Omit<CodeToHastOptionsCommon, 'lang'> & CodeOptionsThemes<BuiltinTheme>;
+    /**
+     * Show full response schema instead of only example response & Typescript definitions
+     */
+    showResponseSchema?: boolean;
 }
 
 type DocumentInput = string | OpenAPIV3_1.Document | OpenAPIV3.Document;
 
-type ApiPageContextProps = Pick<Partial<RenderContext>, 'shikiOptions' | 'generateTypeScriptSchema' | 'generateCodeSamples' | 'proxyUrl'>;
+type ApiPageContextProps = Pick<Partial<RenderContext>, 'shikiOptions' | 'generateTypeScriptSchema' | 'generateCodeSamples' | 'proxyUrl' | 'showResponseSchema'>;
 interface ApiPageProps extends ApiPageContextProps {
     document: DocumentInput;
     hasHead: boolean;

package/dist/server/index.js

@@ -796,6 +796,7 @@ function Operation({ type = 'operation', path, method, ctx, hasHead, headingLeve
     const security = method.security ?? ctx.document.security;
     let headNode = null;
     let bodyNode = null;
+    let responseNode = null;
     let callbacksNode = null;
     if (hasHead) {
         const title = method.summary ?? (method.operationId ? idToTitle(method.operationId) : path);
@@ -843,6 +844,38 @@ function Operation({ type = 'operation', path, method, ctx, hasHead, headingLeve
             ]
         });
     }
+    if (method.responses && ctx.showResponseSchema) {
+        responseNode = /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                heading(headingLevel, 'Response Body', ctx),
+                Object.entries(method.responses).map(([status, response])=>{
+                    if (!response.content) return;
+                    const mediaType = getPreferredType(response.content);
+                    if (!mediaType) return null;
+                    const content = response.content[mediaType];
+                    if (!content.schema) return null;
+                    return /*#__PURE__*/ jsxs(Fragment$1, {
+                        children: [
+                            heading(headingLevel + 1, status, ctx),
+                            /*#__PURE__*/ jsx(Markdown, {
+                                text: response.description
+                            }),
+                            /*#__PURE__*/ jsx(Schema, {
+                                name: "response",
+                                schema: content.schema,
+                                ctx: {
+                                    render: ctx,
+                                    writeOnly: false,
+                                    readOnly: true,
+                                    required: true
+                                }
+                            })
+                        ]
+                    }, status);
+                })
+            ]
+        });
+    }
     const parameterGroups = new Map();
     const endpoint = generateSample(path, method, ctx);
     for (const param of method.parameters ?? []){
@@ -877,28 +910,11 @@ function Operation({ type = 'operation', path, method, ctx, hasHead, headingLeve
         callbacksNode = /*#__PURE__*/ jsxs(Fragment, {
             children: [
                 heading(headingLevel, 'Webhooks', ctx),
-                Object.entries(method.callbacks).map(([name, callback])=>{
-                    const nodes = Object.entries(callback).map(([path, pathItem])=>{
-                        const pathNodes = methodKeys.map((method)=>{
-                            const operation = pathItem[method];
-                            if (!operation) return null;
-                            return /*#__PURE__*/ jsx(Operation, {
-                                type: "webhook",
-                                hasHead: true,
-                                path: path,
-                                headingLevel: headingLevel + 1,
-                                method: createMethod(method, pathItem, operation),
-                                ctx: ctx
-                            }, method);
-                        });
-                        return /*#__PURE__*/ jsx(Fragment$1, {
-                            children: pathNodes
-                        }, path);
-                    });
-                    return /*#__PURE__*/ jsx(Fragment$1, {
-                        children: nodes
-                    }, name);
-                })
+                Object.entries(method.callbacks).map(([name, callback])=>/*#__PURE__*/ jsx(WebhookCallback, {
+                        callback: callback,
+                        ctx: ctx,
+                        headingLevel: headingLevel
+                    }, name))
             ]
         });
     }
@@ -930,6 +946,7 @@ function Operation({ type = 'operation', path, method, ctx, hasHead, headingLeve
                     ]
                 }, group);
             }),
+            responseNode,
             callbacksNode
         ]
     });
@@ -1005,6 +1022,25 @@ async function APIExample({ method, endpoint, ctx }) {
         children: children
     });
 }
+function WebhookCallback({ callback, ctx, headingLevel }) {
+    return Object.entries(callback).map(([path, pathItem])=>{
+        const pathNodes = methodKeys.map((method)=>{
+            const operation = pathItem[method];
+            if (!operation) return null;
+            return /*#__PURE__*/ jsx(Operation, {
+                type: "webhook",
+                hasHead: true,
+                path: path,
+                headingLevel: headingLevel + 1,
+                method: createMethod(method, pathItem, operation),
+                ctx: ctx
+            }, method);
+        });
+        return /*#__PURE__*/ jsx(Fragment$1, {
+            children: pathNodes
+        }, path);
+    });
+}
 /**
  * Remove duplicated labels
  */ function dedupe(samples) {
@@ -1031,28 +1067,7 @@ function AuthSection({ ctx: { document, renderer }, requirements }) {
                     })
                 ]
             }) : null;
-            if (schema.type === 'http') {
-                info.push(/*#__PURE__*/ jsxs(renderer.Property, {
-                    name: "Authorization",
-                    type: prefix ? `${prefix} <token>` : '<token>',
-                    required: true,
-                    children: [
-                        schema.description ? /*#__PURE__*/ jsx(Markdown, {
-                            text: schema.description
-                        }) : null,
-                        /*#__PURE__*/ jsxs("p", {
-                            children: [
-                                "In: ",
-                                /*#__PURE__*/ jsx("code", {
-                                    children: "header"
-                                }),
-                                scopeElement
-                            ]
-                        })
-                    ]
-                }, id++));
-            }
-            if (schema.type === 'oauth2') {
+            if (schema.type === 'http' || schema.type === 'oauth2') {
                 info.push(/*#__PURE__*/ jsxs(renderer.Property, {
                     name: "Authorization",
                     type: prefix ? `${prefix} <token>` : '<token>',
@@ -1312,6 +1327,7 @@ async function getContext({ document, dereferenceMap }, options = {}) {
         document: document,
         dereferenceMap,
         proxyUrl: options.proxyUrl,
+        showResponseSchema: options.showResponseSchema,
         renderer: {
             ...createRenders(options.shikiOptions),
             ...options.renderer

package/dist/ui/client-client-B0hpK9b7.js

@@ -0,0 +1,359 @@
+'use client';
+import { forwardRef, createElement, useContext, createContext, useState, useRef, useEffect, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { cn, useCopyButton, buttonVariants } from 'fumadocs-ui/components/api';
+import dynamic from 'next/dynamic';
+
+/**
+ * @license lucide-react v0.471.1 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const toKebabCase = (string)=>string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const mergeClasses = (...classes)=>classes.filter((className, index, array)=>{
+        return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+    }).join(" ").trim();
+
+/**
+ * @license lucide-react v0.471.1 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ var defaultAttributes = {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+};
+
+const Icon = /*#__PURE__*/ forwardRef(({ color = "currentColor", size = 24, strokeWidth = 2, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref)=>{
+    return /*#__PURE__*/ createElement("svg", {
+        ref,
+        ...defaultAttributes,
+        width: size,
+        height: size,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+        className: mergeClasses("lucide", className),
+        ...rest
+    }, [
+        ...iconNode.map(([tag, attrs])=>/*#__PURE__*/ createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [
+            children
+        ]
+    ]);
+});
+
+const createLucideIcon = (iconName, iconNode)=>{
+    const Component = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ createElement(Icon, {
+            ref,
+            iconNode,
+            className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
+            ...props
+        }));
+    Component.displayName = `${iconName}`;
+    return Component;
+};
+
+const __iconNode$7 = [
+    [
+        "path",
+        {
+            d: "M20 6 9 17l-5-5",
+            key: "1gmf2c"
+        }
+    ]
+];
+const Check = createLucideIcon("Check", __iconNode$7);
+
+const __iconNode$6 = [
+    [
+        "path",
+        {
+            d: "m6 9 6 6 6-6",
+            key: "qrunsl"
+        }
+    ]
+];
+const ChevronDown = createLucideIcon("ChevronDown", __iconNode$6);
+
+const __iconNode$5 = [
+    [
+        "path",
+        {
+            d: "m18 15-6-6-6 6",
+            key: "153udz"
+        }
+    ]
+];
+const ChevronUp = createLucideIcon("ChevronUp", __iconNode$5);
+
+const __iconNode$4 = [
+    [
+        "circle",
+        {
+            cx: "12",
+            cy: "12",
+            r: "10",
+            key: "1mglay"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m9 12 2 2 4-4",
+            key: "dzmm74"
+        }
+    ]
+];
+const CircleCheck = createLucideIcon("CircleCheck", __iconNode$4);
+
+const __iconNode$3 = [
+    [
+        "circle",
+        {
+            cx: "12",
+            cy: "12",
+            r: "10",
+            key: "1mglay"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m15 9-6 6",
+            key: "1uzhvr"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m9 9 6 6",
+            key: "z0biqf"
+        }
+    ]
+];
+const CircleX = createLucideIcon("CircleX", __iconNode$3);
+
+const __iconNode$2 = [
+    [
+        "rect",
+        {
+            width: "14",
+            height: "14",
+            x: "8",
+            y: "8",
+            rx: "2",
+            ry: "2",
+            key: "17jyea"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
+            key: "zix9uf"
+        }
+    ]
+];
+const Copy = createLucideIcon("Copy", __iconNode$2);
+
+const __iconNode$1 = [
+    [
+        "path",
+        {
+            d: "M5 12h14",
+            key: "1ays0h"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 5v14",
+            key: "s699le"
+        }
+    ]
+];
+const Plus = createLucideIcon("Plus", __iconNode$1);
+
+const __iconNode = [
+    [
+        "path",
+        {
+            d: "M3 6h18",
+            key: "d0wm0j"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",
+            key: "4alrt4"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",
+            key: "v07s0e"
+        }
+    ],
+    [
+        "line",
+        {
+            x1: "10",
+            x2: "10",
+            y1: "11",
+            y2: "17",
+            key: "1uufr5"
+        }
+    ],
+    [
+        "line",
+        {
+            x1: "14",
+            x2: "14",
+            y1: "11",
+            y2: "17",
+            key: "xtxkd"
+        }
+    ]
+];
+const Trash2 = createLucideIcon("Trash2", __iconNode);
+
+const ApiContext = /*#__PURE__*/ createContext(undefined);
+const ServerSelectContext = /*#__PURE__*/ createContext(undefined);
+function useApiContext() {
+    const ctx = useContext(ApiContext);
+    if (!ctx) throw new Error('Component must be used under <ApiProvider />');
+    return ctx;
+}
+function useServerSelectContext() {
+    const ctx = useContext(ServerSelectContext);
+    if (!ctx) throw new Error('Component must be used under <ApiProvider />');
+    return ctx;
+}
+function ApiProvider({ defaultBaseUrl, children, ...props }) {
+    const [server, setServer] = useState(()=>{
+        const defaultItem = defaultBaseUrl ? props.servers.find((item)=>item.url === defaultBaseUrl) : undefined;
+        return defaultItem ? {
+            url: defaultItem.url,
+            variables: getDefaultValues(defaultItem)
+        } : null;
+    });
+    const serverRef = useRef(server);
+    serverRef.current = server;
+    useEffect(()=>{
+        const cached = localStorage.getItem('apiBaseUrl');
+        if (!cached) return;
+        try {
+            const obj = JSON.parse(cached);
+            if (!obj || typeof obj !== 'object') return;
+            setServer(obj);
+        } catch  {
+        // ignore
+        }
+    }, []);
+    return /*#__PURE__*/ jsx(ApiContext.Provider, {
+        value: useMemo(()=>({
+                ...props,
+                serverRef
+            }), [
+            props
+        ]),
+        children: /*#__PURE__*/ jsx(ServerSelectContext.Provider, {
+            value: useMemo(()=>({
+                    server,
+                    setServerVariables (variables) {
+                        setServer((prev)=>{
+                            if (!prev) return null;
+                            const updated = {
+                                ...prev,
+                                variables
+                            };
+                            localStorage.setItem('apiBaseUrl', JSON.stringify(updated));
+                            return updated;
+                        });
+                    },
+                    setServer (value) {
+                        const obj = props.servers.find((item)=>item.url === value);
+                        if (!obj) return;
+                        const result = {
+                            url: value,
+                            variables: getDefaultValues(obj)
+                        };
+                        localStorage.setItem('apiBaseUrl', JSON.stringify(result));
+                        setServer(result);
+                    }
+                }), [
+                server,
+                props.servers
+            ]),
+            children: children
+        })
+    });
+}
+function getDefaultValues(server) {
+    return Object.fromEntries(Object.entries(server.variables ?? {}).map(([k, v])=>[
+            k,
+            v.default
+        ]));
+}
+
+function getUrl(url, variables) {
+    let out = url;
+    for (const [key, value] of Object.entries(variables)){
+        out = out.replaceAll(`{${key}}`, value);
+    }
+    return out;
+}
+
+const SchemaContext = /*#__PURE__*/ createContext(undefined);
+function useSchemaContext() {
+    const ctx = useContext(SchemaContext);
+    if (!ctx) throw new Error('Missing provider');
+    return ctx;
+}
+
+const APIPlayground = dynamic(()=>import('./index-client-D_ZwIB_V.js').then(function (n) { return n.i; }).then((mod)=>mod.APIPlayground));
+const ServerSelect = dynamic(()=>import('./server-select-client-prQnF0hV.js'));
+function Root({ children, baseUrl, className, shikiOptions, servers, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex flex-col gap-24 text-sm text-fd-muted-foreground', className),
+        ...props,
+        children: /*#__PURE__*/ jsx(ApiProvider, {
+            servers: servers,
+            shikiOptions: shikiOptions,
+            defaultBaseUrl: baseUrl,
+            children: children
+        })
+    });
+}
+function CopyRouteButton({ className, route, ...props }) {
+    const { serverRef } = useApiContext();
+    const [checked, onCopy] = useCopyButton(()=>{
+        void navigator.clipboard.writeText(`${serverRef.current ? getUrl(serverRef.current.url, serverRef.current.variables) : ''}${route}`);
+    });
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        className: cn(buttonVariants({
+            color: 'ghost',
+            className
+        })),
+        onClick: onCopy,
+        "aria-label": "Copy route path",
+        ...props,
+        children: checked ? /*#__PURE__*/ jsx(Check, {
+            className: "size-full"
+        }) : /*#__PURE__*/ jsx(Copy, {
+            className: "size-full"
+        })
+    });
+}
+
+export { APIPlayground as A, ChevronDown as C, Plus as P, Root as R, SchemaContext as S, Trash2 as T, Check as a, ChevronUp as b, CircleCheck as c, CircleX as d, useApiContext as e, useServerSelectContext as f, getUrl as g, CopyRouteButton as h, ServerSelect as i, useSchemaContext as u };

package/dist/ui/{fetcher-DLRl_kVF.js → fetcher-CsyGTBlt.js}

@@ -1,4 +1,4 @@
-import { r as resolve } from './index-client-cz-xNo9A.js';
+import { r as resolve } from './index-client-D_ZwIB_V.js';
 
 /**
  * @param bodySchema - schema of body

package/dist/ui/{index-client-cz-xNo9A.js → index-client-D_ZwIB_V.js}

@@ -1,13 +1,15 @@
 'use client';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
 import { forwardRef, useId, createContext, useContext, useState, useCallback, useRef, useEffect, useMemo } from 'react';
 import { FormProvider, Controller, useFormContext, useFieldArray, useForm, useWatch } from 'react-hook-form';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from 'fumadocs-ui/components/ui/collapsible';
 import { cn, buttonVariants } from 'fumadocs-ui/components/api';
-import { u as useSchemaContext, T as Trash2, I as Input, S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem, P as Plus, C as CircleCheck, e as CircleX, f as useApiContext, g as SchemaContext, h as ChevronDown, i as getUrl } from './client-client-Co3JBILS.js';
+import { C as ChevronDown, a as Check, b as ChevronUp, u as useSchemaContext, T as Trash2, P as Plus, c as CircleCheck, d as CircleX, e as useApiContext, S as SchemaContext, g as getUrl } from './client-client-B0hpK9b7.js';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { useOnChange } from 'fumadocs-core/utils/use-on-change';
+import * as SelectPrimitive from '@radix-ui/react-select';
 import { DynamicCodeBlock } from 'fumadocs-ui/components/dynamic-codeblock';
 
 const Form = FormProvider;
@@ -121,6 +123,98 @@ function getDefaultValues(field, context) {
         ]));
 }
 
+const Select = SelectPrimitive.Root;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(SelectPrimitive.Trigger, {
+        ref: ref,
+        className: cn('flex h-10 items-center rounded-md border px-3 py-2 text-start text-sm 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,
+            /*#__PURE__*/ jsx(SelectPrimitive.Icon, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx(ChevronDown, {
+                    className: "ms-auto size-4 text-fd-muted-foreground"
+                })
+            })
+        ]
+    }));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectScrollUpButton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SelectPrimitive.ScrollUpButton, {
+        ref: ref,
+        className: cn('flex items-center justify-center py-1', className),
+        ...props,
+        children: /*#__PURE__*/ jsx(ChevronUp, {
+            className: "size-4"
+        })
+    }));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const SelectScrollDownButton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SelectPrimitive.ScrollDownButton, {
+        ref: ref,
+        className: cn('flex items-center justify-center py-1', className),
+        ...props,
+        children: /*#__PURE__*/ jsx(ChevronDown, {
+            className: "size-4"
+        })
+    }));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = /*#__PURE__*/ forwardRef(({ className, children, position = 'popper', ...props }, ref)=>/*#__PURE__*/ jsx(SelectPrimitive.Portal, {
+        children: /*#__PURE__*/ jsxs(SelectPrimitive.Content, {
+            ref: ref,
+            className: cn('z-50 overflow-hidden rounded-lg border bg-fd-popover text-fd-popover-foreground shadow-md data-[state=closed]:animate-fd-popover-out data-[state=open]:animate-fd-popover-in', className),
+            position: position,
+            ...props,
+            children: [
+                /*#__PURE__*/ jsx(SelectScrollUpButton, {}),
+                /*#__PURE__*/ jsx(SelectPrimitive.Viewport, {
+                    className: cn('p-1', position === 'popper' && 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'),
+                    children: children
+                }),
+                /*#__PURE__*/ jsx(SelectScrollDownButton, {})
+            ]
+        })
+    }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SelectPrimitive.Label, {
+        ref: ref,
+        className: cn('py-1.5 pe-2 ps-6 text-sm font-semibold', className),
+        ...props
+    }));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(SelectPrimitive.Item, {
+        ref: ref,
+        className: cn('flex select-none flex-row items-center rounded-md py-1.5 pe-2 ps-6 text-sm outline-none focus:bg-fd-accent focus:text-fd-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(SelectPrimitive.ItemIndicator, {
+                className: "absolute start-2",
+                children: /*#__PURE__*/ jsx(Check, {
+                    className: "size-4"
+                })
+            }),
+            /*#__PURE__*/ jsx(SelectPrimitive.ItemText, {
+                children: children
+            })
+        ]
+    }));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SelectPrimitive.Separator, {
+        ref: ref,
+        className: cn('my-1 h-px bg-fd-muted', className),
+        ...props
+    }));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+const Input = /*#__PURE__*/ React.forwardRef(({ className, type, ...props }, ref)=>{
+    return /*#__PURE__*/ jsx("input", {
+        type: type,
+        className: cn('flex h-9 w-full rounded-md border bg-transparent px-2 py-1.5 text-sm text-fd-foreground transition-colors placeholder:text-fd-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-fd-ring disabled:cursor-not-allowed disabled:opacity-50', className),
+        ref: ref,
+        ...props
+    });
+});
+Input.displayName = 'Input';
+
 function renderInner({ field, ...props }) {
     if (field.type === 'object') return /*#__PURE__*/ jsx(ObjectInput, {
         field: field,
@@ -645,7 +739,7 @@ function APIPlayground({ route, method = 'GET', authorization, path = [], header
         }
     });
     const testQuery = useQuery(async (input)=>{
-        const fetcher = await import('./fetcher-DLRl_kVF.js').then((mod)=>mod.createBrowserFetcher(body, schemas));
+        const fetcher = await import('./fetcher-CsyGTBlt.js').then((mod)=>mod.createBrowserFetcher(body, schemas));
         const serverUrl = serverRef.current ? getUrl(serverRef.current.url, serverRef.current.variables) : window.location.origin;
         let url = `${serverUrl}${createPathnameFromInput(route, input.path, input.query)}`;
         if (proxyUrl) {
@@ -871,4 +965,4 @@ var index = {
   APIPlayground: APIPlayground
 };
 
-export { index as i, resolve as r };
+export { Input as I, Select as S, SelectTrigger as a, SelectValue as b, SelectContent as c, SelectItem as d, index as i, resolve as r };