fumadocs-openapi 6.0.1 → 6.0.2

package/dist/ui/index-client-BUeWwFWK.js

@@ -1,1116 +0,0 @@
-'use client';
-import * as React from 'react';
-import { forwardRef, createElement, useState, useMemo, useRef, useEffect, Fragment as Fragment$1 } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useFormContext, Controller, useFieldArray, useForm, FormProvider } from 'react-hook-form';
-import { cn, buttonVariants } from 'fumadocs-ui/components/api';
-import { u as useSchemaContext, a as useApiContext, S as SchemaContext } from './client-client-CYO00OiB.js';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import { cva } from 'class-variance-authority';
-import { DynamicCodeBlock } from 'fumadocs-ui/components/dynamic-codeblock';
-import { S as ServerSelect } from './server-select-client-Ct_HJ46K.js';
-import { Collapsible, CollapsibleTrigger, CollapsibleContent } from 'fumadocs-ui/components/ui/collapsible';
-
-/**
- * @license lucide-react v0.474.0 - 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.474.0 - 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$6 = [
-    [
-        "path",
-        {
-            d: "M20 6 9 17l-5-5",
-            key: "1gmf2c"
-        }
-    ]
-];
-const Check = createLucideIcon("Check", __iconNode$6);
-
-const __iconNode$5 = [
-    [
-        "path",
-        {
-            d: "m6 9 6 6 6-6",
-            key: "qrunsl"
-        }
-    ]
-];
-const ChevronDown = createLucideIcon("ChevronDown", __iconNode$5);
-
-const __iconNode$4 = [
-    [
-        "path",
-        {
-            d: "m18 15-6-6-6 6",
-            key: "153udz"
-        }
-    ]
-];
-const ChevronUp = createLucideIcon("ChevronUp", __iconNode$4);
-
-const __iconNode$3 = [
-    [
-        "circle",
-        {
-            cx: "12",
-            cy: "12",
-            r: "10",
-            key: "1mglay"
-        }
-    ],
-    [
-        "path",
-        {
-            d: "m9 12 2 2 4-4",
-            key: "dzmm74"
-        }
-    ]
-];
-const CircleCheck = createLucideIcon("CircleCheck", __iconNode$3);
-
-const __iconNode$2 = [
-    [
-        "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$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);
-
-/**
- * Resolve reference
- */ function resolve(schema, references) {
-    if (typeof schema === 'string') return references[schema];
-    if (schema.type !== 'ref') return schema;
-    return {
-        ...references[schema.schema],
-        description: schema.description,
-        isRequired: schema.isRequired
-    };
-}
-
-function getDefaultValue(item, references) {
-    if (item.type === 'object') return Object.fromEntries(Object.entries(item.properties).map(([key, prop])=>[
-            key,
-            getDefaultValue(prop.type === 'ref' ? references[prop.schema] : prop, references)
-        ]));
-    if (item.type === 'array') return [];
-    if (item.type === 'null') return null;
-    if (item.type === 'switcher') {
-        const first = Object.values(item.items).at(0);
-        if (!first) return '';
-        return getDefaultValue(resolve(first, references), references);
-    }
-    if (item.type === 'file') return undefined;
-    return String(item.defaultValue);
-}
-function getDefaultValues(field, context) {
-    return Object.fromEntries(field.map((p)=>[
-            p.name,
-            getDefaultValue(p, 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 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,
-            /*#__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, ...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', className),
-            position: position,
-            ...props,
-            children: [
-                /*#__PURE__*/ jsx(SelectScrollUpButton, {}),
-                /*#__PURE__*/ jsx(SelectPrimitive.Viewport, {
-                    className: "p-1",
-                    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-[13px] 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 labelVariants = cva('text-[13px] font-mono text-fd-card-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
-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-[13px] 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 FieldHeader({ name, required = false, type, ...props }) {
-    return /*#__PURE__*/ jsxs("label", {
-        ...props,
-        className: cn('w-full inline-flex items-center gap-1', props.className),
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                className: cn(labelVariants()),
-                children: name
-            }),
-            required ? /*#__PURE__*/ jsx("span", {
-                className: "text-red-500",
-                children: "*"
-            }) : null,
-            /*#__PURE__*/ jsx("div", {
-                className: "flex-1"
-            }),
-            type ? /*#__PURE__*/ jsx("code", {
-                className: "text-xs text-fd-muted-foreground",
-                children: type
-            }) : null,
-            props.children
-        ]
-    });
-}
-function ObjectInput({ field, fieldName, ...props }) {
-    const { references } = useSchemaContext();
-    return /*#__PURE__*/ jsxs("div", {
-        ...props,
-        className: cn('flex flex-col gap-6', props.className),
-        children: [
-            Object.entries(field.properties).map(([key, child])=>/*#__PURE__*/ jsx(FieldSet, {
-                    name: key,
-                    field: resolve(child, references),
-                    fieldName: `${fieldName}.${key}`
-                }, key)),
-            field.additionalProperties ? /*#__PURE__*/ jsx(AdditionalProperties, {
-                fieldName: fieldName,
-                type: field.additionalProperties
-            }) : null
-        ]
-    });
-}
-function AdditionalProperties({ fieldName, type }) {
-    const { control, setValue } = useFormContext();
-    const { references, dynamic } = useSchemaContext();
-    const [nextName, setNextName] = useState('');
-    const [properties, setProperties] = useState(()=>{
-        const d = dynamic.current.get(`additional_${fieldName}`);
-        if (d?.type === 'object') return d.properties;
-        return [];
-    });
-    dynamic.current.set(`additional_${fieldName}`, {
-        type: 'object',
-        properties
-    });
-    const onAppend = ()=>{
-        const name = nextName.trim();
-        if (name.length === 0) return;
-        setProperties((p)=>{
-            if (p.includes(name)) return p;
-            setValue(`${fieldName}.${name}`, '');
-            setNextName('');
-            return [
-                ...p,
-                name
-            ];
-        });
-    };
-    const types = typeof type === 'string' ? resolveDynamicTypes(references[type], references) : undefined;
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            properties.map((item)=>/*#__PURE__*/ jsx(FieldSet, {
-                    name: item,
-                    field: {
-                        type: 'switcher',
-                        items: types ?? anyFields,
-                        isRequired: false
-                    },
-                    fieldName: `${fieldName}.${item}`,
-                    toolbar: /*#__PURE__*/ jsx("button", {
-                        type: "button",
-                        "aria-label": "Remove Item",
-                        className: cn(buttonVariants({
-                            color: 'secondary',
-                            size: 'sm'
-                        })),
-                        onClick: ()=>{
-                            setProperties((p)=>p.filter((prop)=>prop !== item));
-                            control.unregister(`${fieldName}.${item}`);
-                        },
-                        children: /*#__PURE__*/ jsx(Trash2, {
-                            className: "size-4"
-                        })
-                    })
-                }, item)),
-            /*#__PURE__*/ jsxs("div", {
-                className: "flex flex-row gap-1",
-                children: [
-                    /*#__PURE__*/ jsx(Input, {
-                        value: nextName,
-                        placeholder: "Enter Property Name",
-                        onChange: (e)=>{
-                            setNextName(e.target.value);
-                        },
-                        onKeyDown: (e)=>{
-                            if (e.key === 'Enter') {
-                                onAppend();
-                                e.preventDefault();
-                            }
-                        }
-                    }),
-                    /*#__PURE__*/ jsx("button", {
-                        type: "button",
-                        className: cn(buttonVariants({
-                            color: 'secondary'
-                        })),
-                        onClick: onAppend,
-                        children: "New"
-                    })
-                ]
-            })
-        ]
-    });
-}
-function resolveDynamicTypes(schema, references) {
-    if (schema.type !== 'switcher') return {
-        [schema.type]: schema
-    };
-    return Object.fromEntries(Object.entries(schema.items).map(([key, value])=>[
-            key,
-            resolve(value, references)
-        ]));
-}
-const anyFields = {
-    string: {
-        type: 'string',
-        isRequired: false,
-        defaultValue: ''
-    },
-    boolean: {
-        type: 'boolean',
-        isRequired: false,
-        defaultValue: ''
-    },
-    number: {
-        type: 'number',
-        isRequired: false,
-        defaultValue: ''
-    },
-    object: {
-        type: 'object',
-        properties: {},
-        additionalProperties: true,
-        isRequired: false
-    }
-};
-anyFields.array = {
-    type: 'array',
-    isRequired: false,
-    items: {
-        type: 'switcher',
-        isRequired: false,
-        items: anyFields
-    }
-};
-function FieldInput({ field, fieldName, ...props }) {
-    const { control, register } = useFormContext();
-    if (field.type === 'null') return null;
-    if (field.type === 'object') {
-        return /*#__PURE__*/ jsx(ObjectInput, {
-            field: field,
-            fieldName: fieldName,
-            ...props,
-            className: cn('rounded-lg border border-fd-primary/20 bg-fd-card p-3 shadow-sm', props.className)
-        });
-    }
-    if (field.type === 'array') {
-        return /*#__PURE__*/ jsx(ArrayInput, {
-            fieldName: fieldName,
-            field: field,
-            ...props,
-            className: cn('rounded-lg border border-fd-primary/20 bg-fd-background p-3 shadow-sm', props.className)
-        });
-    }
-    if (field.type === 'file' || field.type === 'boolean') {
-        return /*#__PURE__*/ jsx(Controller, {
-            control: control,
-            name: fieldName,
-            render: ({ field: { value, onChange, ...restField } })=>field.type === 'file' ? /*#__PURE__*/ jsx("input", {
-                    id: fieldName,
-                    type: "file",
-                    multiple: false,
-                    onChange: (e)=>{
-                        if (!e.target.files) return;
-                        onChange(e.target.files.item(0));
-                    },
-                    ...props,
-                    ...restField
-                }) : /*#__PURE__*/ jsxs(Select, {
-                    value: value,
-                    onValueChange: onChange,
-                    disabled: restField.disabled,
-                    children: [
-                        /*#__PURE__*/ jsx(SelectTrigger, {
-                            id: fieldName,
-                            className: props.className,
-                            ...restField,
-                            children: /*#__PURE__*/ jsx(SelectValue, {})
-                        }),
-                        /*#__PURE__*/ jsxs(SelectContent, {
-                            children: [
-                                /*#__PURE__*/ jsx(SelectItem, {
-                                    value: "true",
-                                    children: "True"
-                                }),
-                                /*#__PURE__*/ jsx(SelectItem, {
-                                    value: "false",
-                                    children: "False"
-                                }),
-                                field.isRequired ? null : /*#__PURE__*/ jsx(SelectItem, {
-                                    value: "null",
-                                    children: "Null"
-                                })
-                            ]
-                        })
-                    ]
-                })
-        });
-    }
-    return /*#__PURE__*/ jsx(Input, {
-        id: fieldName,
-        placeholder: "Enter value",
-        type: field.type === 'string' ? 'text' : 'number',
-        ...register(fieldName),
-        ...props
-    });
-}
-function FieldSet({ field, fieldName, toolbar, name, ...props }) {
-    const { references, dynamic } = useSchemaContext();
-    const [value, setValue] = useState(()=>{
-        if (field.type !== 'switcher') return '';
-        const d = dynamic.current.get(fieldName);
-        const items = Object.keys(field.items);
-        if (d?.type === 'field') {
-            // schemas are passed from server components, they shouldn't be re-constructed
-            const cached = items.find((item)=>d.schema === field.items[item]);
-            if (cached) return cached;
-        }
-        return items[0];
-    });
-    if (field.type === 'null') return null;
-    if (value && field.type === 'switcher') {
-        dynamic.current.set(fieldName, {
-            type: 'field',
-            schema: field.items[value]
-        });
-    }
-    if (field.type === 'switcher') {
-        const child = resolve(field.items[value], references);
-        return /*#__PURE__*/ jsxs("fieldset", {
-            ...props,
-            className: cn('flex flex-col gap-1.5', props.className),
-            children: [
-                /*#__PURE__*/ jsxs(FieldHeader, {
-                    name: name,
-                    htmlFor: fieldName,
-                    required: field.isRequired,
-                    children: [
-                        /*#__PURE__*/ jsx("select", {
-                            value: value,
-                            onChange: (e)=>setValue(e.target.value),
-                            className: "text-xs",
-                            children: Object.keys(field.items).map((item)=>/*#__PURE__*/ jsx("option", {
-                                    value: item,
-                                    children: item
-                                }, item))
-                        }),
-                        toolbar
-                    ]
-                }),
-                /*#__PURE__*/ jsx("p", {
-                    className: "text-xs text-fd-muted-foreground",
-                    children: field.description
-                }),
-                child.type === 'switcher' ? /*#__PURE__*/ jsx(FieldSet, {
-                    field: child,
-                    fieldName: fieldName
-                }) : /*#__PURE__*/ jsx(FieldInput, {
-                    field: child,
-                    fieldName: fieldName
-                })
-            ]
-        });
-    }
-    return /*#__PURE__*/ jsxs("fieldset", {
-        ...props,
-        className: cn('flex flex-col gap-1.5', props.className),
-        children: [
-            /*#__PURE__*/ jsx(FieldHeader, {
-                htmlFor: fieldName,
-                name: name,
-                required: field.isRequired,
-                type: field.type,
-                children: toolbar
-            }),
-            /*#__PURE__*/ jsx(FieldInput, {
-                field: field,
-                fieldName: fieldName
-            })
-        ]
-    });
-}
-function ArrayInput({ fieldName, field, ...props }) {
-    const { references } = useSchemaContext();
-    const items = resolve(field.items, references);
-    const { fields, append, remove } = useFieldArray({
-        name: fieldName
-    });
-    return /*#__PURE__*/ jsxs("div", {
-        ...props,
-        className: cn('flex flex-col gap-2', props.className),
-        children: [
-            fields.map((item, index)=>/*#__PURE__*/ jsx(FieldSet, {
-                    name: `${fieldName.split('.').at(-1)}[${index}]`,
-                    field: items,
-                    fieldName: `${fieldName}.${index}`,
-                    toolbar: /*#__PURE__*/ jsx("button", {
-                        type: "button",
-                        "aria-label": "Remove Item",
-                        className: cn(buttonVariants({
-                            color: 'secondary',
-                            size: 'sm'
-                        })),
-                        onClick: ()=>{
-                            remove(index);
-                        },
-                        children: /*#__PURE__*/ jsx(Trash2, {
-                            className: "size-4"
-                        })
-                    })
-                }, item.id)),
-            /*#__PURE__*/ jsxs("button", {
-                type: "button",
-                className: cn(buttonVariants({
-                    color: 'outline',
-                    className: 'gap-1.5 py-2',
-                    size: 'sm'
-                })),
-                onClick: ()=>{
-                    append(getDefaultValue(items, references));
-                },
-                children: [
-                    /*#__PURE__*/ jsx(Plus, {
-                        className: "size-4"
-                    }),
-                    "New Item"
-                ]
-            })
-        ]
-    });
-}
-
-const statusMap = {
-    400: {
-        description: 'Bad Request',
-        color: 'text-red-500',
-        icon: CircleX
-    },
-    401: {
-        description: 'Unauthorized',
-        color: 'text-red-500',
-        icon: CircleX
-    },
-    403: {
-        description: 'Forbidden',
-        color: 'text-red-500',
-        icon: CircleX
-    },
-    404: {
-        description: 'Not Found',
-        color: 'text-fd-muted-foreground',
-        icon: CircleX
-    },
-    500: {
-        description: 'Internal Server Error',
-        color: 'text-red-500',
-        icon: CircleX
-    }
-};
-function getStatusInfo(status) {
-    if (status in statusMap) {
-        return statusMap[status];
-    }
-    if (status >= 200 && status < 300) {
-        return {
-            description: 'Successful',
-            color: 'text-green-500',
-            icon: CircleCheck
-        };
-    }
-    if (status >= 400) {
-        return {
-            description: 'Error',
-            color: 'text-red-500',
-            icon: CircleX
-        };
-    }
-    return {
-        description: 'No Description',
-        color: 'text-fd-muted-foreground',
-        icon: CircleX
-    };
-}
-
-function getUrl(url, variables) {
-    let out = url;
-    for (const [key, value] of Object.entries(variables)){
-        out = out.replaceAll(`{${key}}`, value);
-    }
-    return out;
-}
-
-const variants = cva('font-mono font-medium', {
-    variants: {
-        color: {
-            green: 'text-green-600 dark:text-green-400',
-            yellow: 'text-yellow-600 dark:text-yellow-400',
-            red: 'text-red-600 dark:text-red-400',
-            blue: 'text-blue-600 dark:text-blue-400',
-            orange: 'text-orange-600 dark:text-orange-400'
-        }
-    }
-});
-function getBadgeColor(method) {
-    switch(method.toUpperCase()){
-        case 'PUT':
-            return 'yellow';
-        case 'PATCH':
-            return 'orange';
-        case 'POST':
-            return 'blue';
-        case 'DELETE':
-            return 'red';
-        default:
-            return 'green';
-    }
-}
-function MethodLabel({ children, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
-        ...props,
-        className: cn(variants({
-            color: getBadgeColor(children)
-        }), props.className),
-        children: children.toUpperCase()
-    });
-}
-
-function useQuery(fn) {
-    const [loading, setLoading] = useState(false);
-    const [data, setData] = useState();
-    return useMemo(()=>({
-            isLoading: loading,
-            data,
-            start (input) {
-                setLoading(true);
-                void fn(input).then((res)=>{
-                    setData(res);
-                }).catch(()=>{
-                    setData(undefined);
-                }).finally(()=>{
-                    setLoading(false);
-                });
-            }
-        }), [
-        data,
-        fn,
-        loading
-    ]);
-}
-
-function defaultAuthValue(auth) {
-    if (!auth || auth.type === 'apiKey') return '';
-    if (auth.type === 'http' && auth.scheme === 'basic') {
-        return {
-            username: '',
-            password: ''
-        };
-    }
-    return 'Bearer';
-}
-function APIPlayground({ route, method = 'GET', authorization, path = [], header = [], query = [], body, fields = {}, schemas, proxyUrl, components: { ResultDisplay = DefaultResultDisplay } = {}, ...props }) {
-    const { serverRef } = useApiContext();
-    const dynamicRef = useRef(new Map());
-    const form = useForm({
-        defaultValues: {
-            authorization: defaultAuthValue(authorization),
-            path: getDefaultValues(path, schemas),
-            query: getDefaultValues(query, schemas),
-            header: getDefaultValues(header, schemas),
-            body: body ? getDefaultValue(body, schemas) : undefined
-        }
-    });
-    const testQuery = useQuery(async (input)=>{
-        const fetcher = await import('./fetcher-CsHhplmD.js').then((mod)=>mod.createBrowserFetcher(body, schemas));
-        const query = {
-            ...input.query
-        };
-        const header = {
-            ...input.header
-        };
-        if (input.authorization && authorization) {
-            if (authorization.type === 'apiKey') {
-                if (authorization.in === 'header') {
-                    header[authorization.name] = input.authorization;
-                } else if (authorization.in === 'query') {
-                    query[authorization.name] = input.authorization;
-                } else {
-                    if ('cookie' in header) {
-                        header.Cookie = header.cookie;
-                        delete header.cookie;
-                    }
-                    header.Cookie = [
-                        header.Cookie,
-                        `${authorization.name}=${input.authorization}`
-                    ].filter((s)=>s.length > 0).join('; ');
-                }
-            } else if (authorization.type === 'http' && authorization.scheme === 'basic') {
-                if (typeof input.authorization === 'object') header.Authorization = `Basic ${btoa(`${input.authorization.username}:${input.authorization.password}`)}`;
-            } else {
-                header.Authorization = input.authorization;
-            }
-        }
-        const serverUrl = serverRef.current ? getUrl(serverRef.current.url, serverRef.current.variables) : window.location.origin;
-        let url = `${serverUrl}${createPathnameFromInput(route, input.path, query)}`;
-        if (proxyUrl) {
-            const updated = new URL(proxyUrl, window.location.origin);
-            updated.searchParams.append('url', url);
-            url = updated.toString();
-        }
-        return fetcher.fetch({
-            url: url.toString(),
-            header,
-            body: body ? {
-                mediaType: body.mediaType,
-                value: input.body
-            } : undefined,
-            dynamicFields: dynamicRef.current,
-            method
-        });
-    });
-    useEffect(()=>{
-        if (!authorization) return;
-        const key = `__fumadocs_auth_${JSON.stringify(authorization)}`;
-        const cached = localStorage.getItem(key);
-        if (cached) form.setValue('authorization', JSON.parse(cached));
-        const subscription = form.watch((value, { name })=>{
-            if (!name || !name.startsWith('authorization') || !value.authorization) return;
-            localStorage.setItem(key, JSON.stringify(value.authorization));
-        });
-        return ()=>{
-            subscription.unsubscribe();
-        };
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- mounted only once
-    }, []);
-    const onSubmit = form.handleSubmit((value)=>{
-        testQuery.start(value);
-    });
-    function renderCustomField(fieldName, info, field, key) {
-        if (field) {
-            return /*#__PURE__*/ jsx(Controller, {
-                control: form.control,
-                render: (props)=>field.render({
-                        ...props,
-                        info
-                    }),
-                name: fieldName
-            }, key);
-        }
-        return /*#__PURE__*/ jsx(FieldSet, {
-            name: info.name,
-            fieldName: fieldName,
-            field: info
-        }, key);
-    }
-    return /*#__PURE__*/ jsx(FormProvider, {
-        ...form,
-        children: /*#__PURE__*/ jsx(SchemaContext.Provider, {
-            value: useMemo(()=>({
-                    references: schemas,
-                    dynamic: dynamicRef
-                }), [
-                schemas
-            ]),
-            children: /*#__PURE__*/ jsxs("form", {
-                ...props,
-                className: cn('not-prose flex flex-col gap-2 rounded-xl border p-3 shadow-md', props.className),
-                onSubmit: onSubmit,
-                children: [
-                    /*#__PURE__*/ jsx(FormHeader, {
-                        method: method,
-                        route: route,
-                        isLoading: testQuery.isLoading
-                    }),
-                    /*#__PURE__*/ jsx(CollapsiblePanel, {
-                        title: "Server URL",
-                        children: /*#__PURE__*/ jsx(ServerSelect, {})
-                    }),
-                    header.length > 0 || authorization ? /*#__PURE__*/ jsxs(CollapsiblePanel, {
-                        title: "Headers",
-                        children: [
-                            authorization?.type === 'http' && authorization.scheme === 'basic' ? renderCustomField('authorization', {
-                                name: 'Authorization',
-                                type: 'object',
-                                isRequired: true,
-                                properties: {
-                                    username: {
-                                        type: 'string',
-                                        isRequired: true,
-                                        defaultValue: ''
-                                    },
-                                    password: {
-                                        type: 'string',
-                                        isRequired: true,
-                                        defaultValue: ''
-                                    }
-                                }
-                            }, fields.auth) : authorization ? renderCustomField('authorization', {
-                                name: 'Authorization',
-                                type: 'string',
-                                isRequired: true,
-                                description: 'The Authorization access token',
-                                defaultValue: ''
-                            }, fields.auth) : null,
-                            header.map((field)=>renderCustomField(`header.${field.name}`, field, fields.header, field.name))
-                        ]
-                    }) : null,
-                    path.length > 0 ? /*#__PURE__*/ jsx(CollapsiblePanel, {
-                        title: "Path",
-                        children: path.map((field)=>renderCustomField(`path.${field.name}`, field, fields.path, field.name))
-                    }) : null,
-                    query.length > 0 ? /*#__PURE__*/ jsx(CollapsiblePanel, {
-                        title: "Query",
-                        children: query.map((field)=>renderCustomField(`query.${field.name}`, field, fields.query, field.name))
-                    }) : null,
-                    body ? /*#__PURE__*/ jsx(CollapsiblePanel, {
-                        title: "Body",
-                        children: body.type === 'object' && !fields.body ? /*#__PURE__*/ jsx(ObjectInput, {
-                            field: body,
-                            fieldName: "body"
-                        }) : renderCustomField('body', body, fields.body)
-                    }) : null,
-                    testQuery.data ? /*#__PURE__*/ jsx(ResultDisplay, {
-                        data: testQuery.data
-                    }) : null
-                ]
-            })
-        })
-    });
-}
-function createPathnameFromInput(route, path, query) {
-    let pathname = route;
-    for (const key of Object.keys(path)){
-        const paramValue = path[key];
-        if (typeof paramValue === 'string' && paramValue.length > 0) pathname = pathname.replace(`{${key}}`, paramValue);
-    }
-    const searchParams = new URLSearchParams();
-    for (const key of Object.keys(query)){
-        const paramValue = query[key];
-        if (typeof paramValue === 'string' && paramValue.length > 0) searchParams.append(key, paramValue);
-    }
-    return searchParams.size > 0 ? `${pathname}?${searchParams.toString()}` : pathname;
-}
-function Route({ route, ...props }) {
-    const segments = route.split('/').filter((part)=>part.length > 0);
-    return /*#__PURE__*/ jsx("div", {
-        ...props,
-        className: cn('flex flex-row items-center gap-0.5 overflow-auto text-nowrap', props.className),
-        children: segments.map((part, index)=>/*#__PURE__*/ jsxs(Fragment$1, {
-                children: [
-                    /*#__PURE__*/ jsx("span", {
-                        className: "text-fd-muted-foreground",
-                        children: "/"
-                    }),
-                    part.startsWith('{') && part.endsWith('}') ? /*#__PURE__*/ jsx("code", {
-                        className: "bg-fd-primary/10 text-fd-primary",
-                        children: part
-                    }) : /*#__PURE__*/ jsx("code", {
-                        className: "text-fd-foreground",
-                        children: part
-                    })
-                ]
-            }, index))
-    });
-}
-function FormHeader({ route, method, isLoading }) {
-    return /*#__PURE__*/ jsxs("div", {
-        className: "flex flex-row items-center gap-2 text-sm",
-        children: [
-            /*#__PURE__*/ jsx(MethodLabel, {
-                children: method
-            }),
-            /*#__PURE__*/ jsx(Route, {
-                route: route,
-                className: "flex-1"
-            }),
-            /*#__PURE__*/ jsx("button", {
-                type: "submit",
-                className: cn(buttonVariants({
-                    color: 'primary',
-                    size: 'sm'
-                }), 'px-3 py-1.5'),
-                disabled: isLoading,
-                children: "Send"
-            })
-        ]
-    });
-}
-function DefaultResultDisplay({ data }) {
-    const statusInfo = useMemo(()=>getStatusInfo(data.status), [
-        data.status
-    ]);
-    const { shikiOptions } = useApiContext();
-    return /*#__PURE__*/ jsxs("div", {
-        className: "flex flex-col gap-3 rounded-lg border bg-fd-card p-4",
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "inline-flex items-center gap-1.5 text-sm font-medium text-fd-foreground",
-                children: [
-                    /*#__PURE__*/ jsx(statusInfo.icon, {
-                        className: cn('size-4', statusInfo.color)
-                    }),
-                    statusInfo.description
-                ]
-            }),
-            /*#__PURE__*/ jsx("p", {
-                className: "text-sm text-fd-muted-foreground",
-                children: data.status
-            }),
-            data.data ? /*#__PURE__*/ jsx(DynamicCodeBlock, {
-                lang: typeof data.data === 'string' && data.data.length > 50000 ? 'text' : data.type,
-                code: typeof data.data === 'string' ? data.data : JSON.stringify(data.data, null, 2),
-                ...shikiOptions
-            }) : null
-        ]
-    });
-}
-function CollapsiblePanel({ title, children, ...props }) {
-    return /*#__PURE__*/ jsxs(Collapsible, {
-        ...props,
-        className: "border rounded-xl bg-fd-card text-fd-card-foreground overflow-hidden",
-        children: [
-            /*#__PURE__*/ jsxs(CollapsibleTrigger, {
-                className: "group w-full inline-flex items-center gap-2 justify-between p-3 text-sm font-medium hover:bg-fd-accent",
-                children: [
-                    title,
-                    /*#__PURE__*/ jsx(ChevronDown, {
-                        className: "size-4 group-data-[state=open]:rotate-180"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx(CollapsibleContent, {
-                children: /*#__PURE__*/ jsx("div", {
-                    className: "flex flex-col gap-4 p-3",
-                    children: children
-                })
-            })
-        ]
-    });
-}
-
-var index = {
-  __proto__: null,
-  APIPlayground: APIPlayground,
-  CollapsiblePanel: CollapsiblePanel
-};
-
-export { ChevronDown as C, Input as I, Select as S, SelectTrigger as a, SelectValue as b, SelectContent as c, SelectItem as d, index as i, labelVariants as l, resolve as r };