fumadocs-openapi 10.10.3 → 11.0.0

package/dist/ui/client/boundary.js

@@ -1,17 +0,0 @@
-"use client";
-import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { ApiProvider, ServerProvider } from "../contexts/api.js";
-import PlaygroundClient from "../../playground/client.js";
-import { UsageTab, UsageTabsSelector } from "../operation/usage-tabs/client.js";
-import { SchemaUI } from "../schema/client.js";
-//#region src/ui/client/boundary.tsx
-var boundary_exports = /* @__PURE__ */ __exportAll({
-	ApiProvider: () => ApiProvider,
-	PlaygroundClient: () => PlaygroundClient,
-	SchemaUI: () => SchemaUI,
-	ServerProvider: () => ServerProvider,
-	UsageTab: () => UsageTab,
-	UsageTabsSelector: () => UsageTabsSelector
-});
-//#endregion
-export { boundary_exports };

package/dist/ui/client/boundary.lazy.js

@@ -1,19 +0,0 @@
-"use client";
-import { lazy } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/ui/client/boundary.lazy.tsx
-const ApiProvider = wrapLazy(() => import("../contexts/api.js").then((mod) => ({ default: mod.ApiProvider })));
-const ServerProvider = wrapLazy(() => import("../contexts/api.js").then((mod) => ({ default: mod.ServerProvider })));
-const UsageTabsSelector = wrapLazy(() => import("../operation/usage-tabs/client.js").then((mod) => ({ default: mod.UsageTabsSelector })));
-const UsageTab = wrapLazy(() => import("../operation/usage-tabs/client.js").then((mod) => ({ default: mod.UsageTab })));
-const SchemaUI = wrapLazy(() => import("../schema/client.js").then((mod) => ({ default: mod.SchemaUI })));
-const PlaygroundClient = wrapLazy(() => import("../../playground/client.js"));
-const PlaygroundAuthProvider = wrapLazy(() => import("../../playground/auth.js").then((mod) => ({ default: mod.AuthProvider })));
-function wrapLazy(load) {
-	const V = lazy(load);
-	return function wrapper(props) {
-		return /* @__PURE__ */ jsx(V, { ...props });
-	};
-}
-//#endregion
-export { ApiProvider, PlaygroundAuthProvider, PlaygroundClient, SchemaUI, ServerProvider, UsageTab, UsageTabsSelector };

package/dist/ui/client/full.js

@@ -1,13 +0,0 @@
-"use client";
-import { ClientCodeBlockProvider } from "../components/codeblock.js";
-import { jsx } from "react/jsx-runtime";
-import { defaultShikiFactory } from "fumadocs-core/highlight/shiki/full";
-//#region src/ui/client/full.tsx
-function FullProvider({ children }) {
-	return /* @__PURE__ */ jsx(ClientCodeBlockProvider, {
-		factory: defaultShikiFactory,
-		children
-	});
-}
-//#endregion
-export { FullProvider };

package/dist/ui/client/i18n.js

@@ -1,16 +0,0 @@
-"use client";
-import { defaultTranslations } from "../../i18n.js";
-import { renderTranslation } from "fumadocs-core/i18n";
-import { useTranslations } from "fumadocs-ui/contexts/i18n";
-//#region src/ui/client/i18n.ts
-function useTranslations$1() {
-	return useTranslations("openapi") ?? defaultTranslations;
-}
-/**
-* Renders a translated string. Use in server components so the label is resolved on the client from the current locale.
-*/
-function I18nLabel({ label, replacements }) {
-	return renderTranslation(useTranslations$1()[label], replacements);
-}
-//#endregion
-export { I18nLabel, useTranslations$1 as useTranslations };

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

@@ -1,42 +0,0 @@
-import { MediaAdapter } from "../../requests/media/adapter.js";
-import { PlaygroundClientOptions } from "../../playground/client.js";
-import { CodeUsageGeneratorRegistry } from "../../requests/generators/index.js";
-import { ExampleRequestItem } from "../operation/get-example-requests.js";
-import { ComponentProps, FC } from "react";
-
-//#region src/ui/client/index.d.ts
-interface APIPageClientOptions {
-  playground?: PlaygroundClientOptions;
-  operation?: {
-    APIExampleSelector?: FC<{
-      items: ExampleRequestItem[];
-      value: string | undefined;
-      onValueChange: (id: string) => void;
-    }>;
-  };
-  components?: {
-    Heading?: FC<ComponentProps<'h1'> & {
-      id: string;
-      depth: number;
-    }>;
-  };
-  /**
-   * Set a prefix for `localStorage` keys.
-   *
-   * Useful when using multiple OpenAPI instances to prevent state conflicts.
-   *
-   * @defaultValue `fumadocs-openapi-`
-   */
-  storageKeyPrefix?: string;
-  /**
-   * Support other media types (for client-side serialization)
-   */
-  mediaAdapters?: Record<string, MediaAdapter>;
-  /**
-   * generate code usage examples
-   */
-  codeUsages?: CodeUsageGeneratorRegistry;
-}
-declare function defineClientConfig(options?: APIPageClientOptions): APIPageClientOptions;
-//#endregion
-export { APIPageClientOptions, defineClientConfig };

package/dist/ui/client/index.js

@@ -1,7 +0,0 @@
-"use client";
-//#region src/ui/client/index.tsx
-function defineClientConfig(options = {}) {
-	return options;
-}
-//#endregion
-export { defineClientConfig };

package/dist/ui/components/accordion.js

@@ -1,67 +0,0 @@
-"use client";
-import { cn } from "../../utils/cn.js";
-import { anchorIdStartsWith } from "../../utils/auto-anchor.js";
-import { AnchorSection, useAnchorId } from "../../utils/auto-anchor.client.js";
-import { createContext, use, useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronRight } from "lucide-react";
-import * as Primitive from "@radix-ui/react-accordion";
-//#region src/ui/components/accordion.tsx
-const Context = createContext(null);
-function Accordions({ type, defaultValue, ...props }) {
-	const [value, setValue] = useState(() => type === "multiple" ? defaultValue ?? [] : defaultValue ?? "");
-	return /* @__PURE__ */ jsx(Context, {
-		value: useMemo(() => ({
-			type,
-			setValue
-		}), [type]),
-		children: /* @__PURE__ */ jsx(Primitive.Root, {
-			type,
-			value,
-			onValueChange: setValue,
-			...props
-		})
-	});
-}
-function AccordionItem({ value, className, anchorSegments, ...props }) {
-	const ctx = use(Context);
-	const id = useAnchorId(anchorSegments ?? false);
-	useEffect(() => {
-		if (id && anchorIdStartsWith(window.location.hash.slice(1), id)) ctx.setValue(ctx.type === "single" ? value : [value]);
-	}, [
-		value,
-		id,
-		ctx
-	]);
-	const content = /* @__PURE__ */ jsx(Primitive.Item, {
-		value,
-		className: cn("scroll-m-20 border-b last:border-b-0", className),
-		...props
-	});
-	return anchorSegments ? /* @__PURE__ */ jsx(AnchorSection, {
-		segments: anchorSegments,
-		children: content
-	}) : content;
-}
-function AccordionContent(props) {
-	return /* @__PURE__ */ jsx(Primitive.Content, {
-		...props,
-		className: cn("overflow-hidden data-[state=closed]:animate-fd-accordion-up data-[state=open]:animate-fd-accordion-down", props.className)
-	});
-}
-function AccordionHeader(props) {
-	return /* @__PURE__ */ jsx(Primitive.Header, {
-		...props,
-		className: cn("not-prose flex py-2 text-fd-foreground font-medium", props.className),
-		children: props.children
-	});
-}
-function AccordionTrigger(props) {
-	return /* @__PURE__ */ jsxs(Primitive.Trigger, {
-		...props,
-		className: cn("flex flex-1 items-center gap-1 text-start group/accordion focus-visible:outline-none", props.className),
-		children: [/* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 text-fd-muted-foreground shrink-0 transition-transform group-focus-visible/accordion:text-fd-primary group-data-[state=open]/accordion:rotate-90" }), props.children]
-	});
-}
-//#endregion
-export { AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Accordions };

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

@@ -1,14 +0,0 @@
-import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import { ShikiFactory } from "fumadocs-core/highlight/shiki";
-
-//#region src/ui/components/codeblock.d.ts
-declare function ClientCodeBlockProvider({
-  factory,
-  children
-}: {
-  factory: ShikiFactory;
-  children: ReactNode;
-}): _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { ClientCodeBlockProvider };

package/dist/ui/components/dialog.js

@@ -1,56 +0,0 @@
-"use client";
-import { useTranslations } from "../client/i18n.js";
-import { cn } from "../../utils/cn.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { X } from "lucide-react";
-import { buttonVariants } from "fumadocs-ui/components/ui/button";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-//#region src/ui/components/dialog.tsx
-const Dialog = DialogPrimitive.Root;
-const DialogTrigger = DialogPrimitive.Trigger;
-const DialogPortal = DialogPrimitive.Portal;
-function DialogOverlay({ className, ref, ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
-		ref,
-		className: cn("fixed inset-0 z-50 bg-black/30 backdrop-blur-sm data-[state=open]:animate-fd-fade-in data-[state=closed]:animate-fd-fade-out", className),
-		...props
-	});
-}
-function DialogContent({ className, children, ref, ...props }) {
-	const t = useTranslations();
-	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
-		ref,
-		className: cn("fixed left-1/2 top-1/2 z-50 flex flex-col gap-4 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border bg-fd-popover p-4 shadow-lg rounded-xl duration-200 data-[state=open]:animate-fd-dialog-in data-[state=closed]:animate-fd-dialog-out focus-visible:outline-none", className),
-		...props,
-		children: [children, /* @__PURE__ */ jsx(DialogPrimitive.Close, {
-			"aria-label": t.close,
-			className: cn(buttonVariants({
-				size: "icon-sm",
-				color: "ghost"
-			}), "absolute end-2 top-2 text-fd-muted-foreground/70"),
-			children: /* @__PURE__ */ jsx(X, {})
-		})]
-	})] });
-}
-function DialogHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-col gap-1.5 text-center sm:text-start", className),
-		...props
-	});
-}
-function DialogTitle({ className, ref, ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
-		ref,
-		className: cn("text-lg font-semibold leading-none tracking-tight", className),
-		...props
-	});
-}
-function DialogDescription({ className, ref, ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
-		ref,
-		className: cn("text-sm text-fd-muted-foreground", className),
-		...props
-	});
-}
-//#endregion
-export { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger };

package/dist/ui/components/input.js

@@ -1,17 +0,0 @@
-import { cn } from "../../utils/cn.js";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-//#region src/ui/components/input.tsx
-const labelVariants = cva("text-xs font-medium text-fd-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-const Input = React.forwardRef(({ className, type, ...props }, ref) => {
-	return /* @__PURE__ */ jsx("input", {
-		type,
-		className: cn("flex h-9 w-full rounded-md border bg-fd-secondary px-2 py-1.5 text-[0.8125rem] text-fd-secondary-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,
-		...props
-	});
-});
-Input.displayName = "Input";
-//#endregion
-export { Input, labelVariants };

package/dist/ui/components/select-tab.js

@@ -1,56 +0,0 @@
-"use client";
-import { cn } from "../../utils/cn.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.js";
-import { anchorIdStartsWith } from "../../utils/auto-anchor.js";
-import { AnchorSection, useAnchorId } from "../../utils/auto-anchor.client.js";
-import { createContext, use, useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/ui/components/select-tab.tsx
-const Context = createContext(null);
-function SelectTabs({ defaultValue, children }) {
-	const [value, setValue] = useState(defaultValue ?? null);
-	return /* @__PURE__ */ jsx(Context, {
-		value: useMemo(() => ({
-			value,
-			setValue
-		}), [value]),
-		children
-	});
-}
-function SelectTab({ value, anchorSegments, ...props }) {
-	const { value: currentValue, setValue } = use(Context);
-	const id = useAnchorId(anchorSegments ?? false);
-	useEffect(() => {
-		if (id && anchorIdStartsWith(window.location.hash.slice(1), id)) setValue(value);
-	}, [
-		id,
-		value,
-		setValue
-	]);
-	if (value !== currentValue) return;
-	const content = /* @__PURE__ */ jsx("div", { ...props });
-	return anchorSegments ? /* @__PURE__ */ jsx(AnchorSection, {
-		segments: anchorSegments,
-		children: content
-	}) : content;
-}
-function SelectTabTrigger({ items, className, placeholder, ...props }) {
-	const { value, setValue } = use(Context);
-	return /* @__PURE__ */ jsxs(Select, {
-		value: value ?? "",
-		onValueChange: setValue,
-		children: [/* @__PURE__ */ jsx(SelectTrigger, {
-			className: cn("not-prose w-fit min-w-0 *:min-w-0", className),
-			...props,
-			children: /* @__PURE__ */ jsx(SelectValue, {
-				placeholder,
-				children: value && items.find((item) => item.value === value)?.label
-			})
-		}), /* @__PURE__ */ jsx(SelectContent, { children: items.map(({ label, value }) => /* @__PURE__ */ jsx(SelectItem, {
-			value,
-			children: label
-		}, value)) })]
-	});
-}
-//#endregion
-export { SelectTab, SelectTabTrigger, SelectTabs };

package/dist/ui/components/select.js

@@ -1,71 +0,0 @@
-import { cn } from "../../utils/cn.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Check, ChevronDown, ChevronUp } from "lucide-react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-//#region src/ui/components/select.tsx
-const Select = SelectPrimitive.Root;
-const SelectValue = SelectPrimitive.Value;
-const SelectTrigger = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
-	ref,
-	className: cn("flex items-center w-full rounded-md border p-2 gap-2 text-start text-sm text-fd-secondary-foreground bg-fd-secondary hover:bg-fd-accent focus:outline-none focus:ring focus:ring-fd-ring disabled:cursor-not-allowed disabled:opacity-50 data-placeholder:text-fd-muted-foreground", className),
-	...props,
-	children: [children, /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx(ChevronDown, { className: "ms-auto size-3.5 text-fd-muted-foreground shrink-0" })
-	})]
-}));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-const SelectScrollUpButton = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
-	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 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
-	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 = forwardRef(({ className, children, position, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
-	ref,
-	className: cn("z-50 overflow-hidden rounded-lg border bg-fd-popover text-fd-popover-foreground shadow-md", className),
-	position,
-	...props,
-	children: [
-		/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-		/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
-			className: "p-1",
-			children
-		}),
-		/* @__PURE__ */ jsx(SelectScrollDownButton, {})
-	]
-}) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-const SelectLabel = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Label, {
-	ref,
-	className: cn("py-1.5 pe-2 ps-6 text-sm font-semibold", className),
-	...props
-}));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-const SelectItem = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
-	ref,
-	className: cn("flex select-none flex-row items-center rounded-md py-1.5 px-2 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.ItemText, { children }), /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, {
-		className: "ms-auto",
-		children: /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-fd-primary" })
-	})]
-}));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-const SelectSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
-	ref,
-	className: cn("my-1 h-px bg-fd-muted", className),
-	...props
-}));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-//#endregion
-export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue };

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

@@ -1,29 +0,0 @@
-import { APIPageClientOptions } from "../client/index.js";
-import { RenderContext, SecuritySchemeObject, ServerObject } from "../../types.js";
-import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/ui/contexts/api.d.ts
-interface InheritFromContext extends Pick<RenderContext, 'shikiOptions'> {
-  client: APIPageClientOptions;
-}
-interface ApiProviderProps extends InheritFromContext {
-  schemes: Record<string, SecuritySchemeObject>;
-}
-declare function ApiProvider({
-  children,
-  shikiOptions,
-  client,
-  schemes
-}: ApiProviderProps & {
-  children: ReactNode;
-}): _$react_jsx_runtime0.JSX.Element;
-declare function ServerProvider({
-  servers,
-  children
-}: {
-  servers?: ServerObject[];
-  children: ReactNode;
-}): _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { ApiProvider, ServerProvider };

package/dist/ui/create-client.d.ts

@@ -1,26 +0,0 @@
-import { APIPageClientOptions } from "./client/index.js";
-import { ApiPageProps } from "./api-page.js";
-import { CreateAPIPageOptions } from "./base.js";
-import { Document } from "../types.js";
-import { FC } from "react";
-
-//#region src/ui/create-client.d.ts
-interface ClientApiPageProps extends Omit<ApiPageProps, 'document'> {
-  payload: ClientApiPagePayload;
-}
-interface ClientApiPagePayload {
-  bundled: Document;
-  proxyUrl?: string;
-}
-type CreateClientAPIPageOptions = Partial<Omit<CreateAPIPageOptions, 'generateTypeScriptSchema' | 'client'> & Omit<APIPageClientOptions, 'mediaAdapters' | 'codeUsages'>>;
-/**
- * Create `<APIPage />` for non-RSC environment, note that this may be unstable, and doesn't support the full set of features.
- */
-declare function createClientAPIPage({
-  shiki,
-  shikiOptions,
-  generateTypeScriptDefinitions,
-  ...options
-}?: CreateClientAPIPageOptions): FC<ClientApiPageProps>;
-//#endregion
-export { ClientApiPagePayload, ClientApiPageProps, CreateClientAPIPageOptions, createClientAPIPage };

package/dist/ui/create-client.js

@@ -1,125 +0,0 @@
-"use client";
-import { parseSecurities } from "../utils/schema/index.js";
-import { defaultAdapters } from "../requests/media/adapter.js";
-import { createCodeUsageGeneratorRegistry } from "../requests/generators/index.js";
-import { registerDefault } from "../requests/generators/all.js";
-import { ClientCodeBlock, ClientCodeBlockProvider } from "./components/codeblock.js";
-import { AuthProvider } from "../playground/auth.js";
-import { dereferenceDocument } from "../utils/document/dereference.js";
-import { APIPage } from "./api-page.js";
-import { boundary_exports } from "./client/boundary.js";
-import { Children, useMemo } from "react";
-import * as JsxRuntime from "react/jsx-runtime";
-import { jsx } from "react/jsx-runtime";
-import { remarkGfm } from "fumadocs-core/mdx-plugins/remark-gfm";
-import defaultMdxComponents from "fumadocs-ui/mdx";
-import { remark } from "remark";
-import remarkRehype from "remark-rehype";
-import { toJsxRuntime } from "hast-util-to-jsx-runtime";
-import { compile } from "@fumari/json-schema-ts";
-import { defaultShikiFactory } from "fumadocs-core/highlight/shiki/full";
-//#region src/ui/create-client.tsx
-/**
-* Create `<APIPage />` for non-RSC environment, note that this may be unstable, and doesn't support the full set of features.
-*/
-function createClientAPIPage({ shiki = defaultShikiFactory, shikiOptions = { themes: {
-	light: "github-light",
-	dark: "github-dark"
-} }, generateTypeScriptDefinitions = (schema, ctx) => {
-	if (typeof schema !== "object") return;
-	try {
-		return compile(schema, {
-			name: "Response",
-			readOnly: ctx.readOnly,
-			writeOnly: ctx.writeOnly,
-			getSchemaId: ctx.schema.getRawRef
-		});
-	} catch (e) {
-		console.warn("Failed to generate typescript schema:", e);
-	}
-}, ...options } = {}) {
-	let processor;
-	const mdxComponents = {
-		...defaultMdxComponents,
-		img: void 0,
-		pre: MarkdownPre
-	};
-	function createMarkdownProcessor() {
-		function rehypeReact() {
-			this.compiler = (tree, file) => {
-				return toJsxRuntime(tree, {
-					development: false,
-					filePath: file.path,
-					...JsxRuntime,
-					components: mdxComponents
-				});
-			};
-		}
-		return remark().use(remarkGfm).use(remarkRehype).use(rehypeReact);
-	}
-	function renderPlaygroundDefault({ method, path, ctx }) {
-		return /* @__PURE__ */ jsx(ctx.clientBoundary.PlaygroundClient, {
-			route: path,
-			securities: parseSecurities(method, ctx.schema.dereferenced),
-			method: method.method,
-			doc: ctx.schema.bundled,
-			proxyUrl: ctx.proxyUrl,
-			writeOnly: true,
-			readOnly: false,
-			deprecated: method.deprecated
-		});
-	}
-	function renderPlaygroundProviderDefault({ children }) {
-		return /* @__PURE__ */ jsx(AuthProvider, { children });
-	}
-	return function ClientAPIPage({ payload, ...props }) {
-		const processed = useMemo(() => dereferenceDocument(payload.bundled), [payload.bundled]);
-		const ctx = useMemo(() => ({
-			schema: processed,
-			proxyUrl: payload.proxyUrl,
-			shiki,
-			shikiOptions,
-			generateTypeScriptDefinitions,
-			clientBoundary: boundary_exports,
-			client: options,
-			...options,
-			codeUsages: options.codeUsages ?? registerDefault(createCodeUsageGeneratorRegistry()),
-			mediaAdapters: {
-				...defaultAdapters,
-				...options.mediaAdapters
-			},
-			playground: {
-				...options.playground,
-				provider: options.playground?.provider ?? renderPlaygroundProviderDefault,
-				render: options.playground?.render ?? renderPlaygroundDefault
-			},
-			renderMarkdown(text) {
-				if (options.renderMarkdown) return options.renderMarkdown(text);
-				processor ??= createMarkdownProcessor();
-				return processor.processSync({ value: text }).result;
-			},
-			renderCodeBlock(props) {
-				if (options.renderCodeBlock) return options.renderCodeBlock(props);
-				return /* @__PURE__ */ jsx(ClientCodeBlock, { ...props });
-			}
-		}), [payload.proxyUrl, processed]);
-		return /* @__PURE__ */ jsx(ClientCodeBlockProvider, {
-			factory: shiki,
-			children: /* @__PURE__ */ jsx(APIPage, {
-				...props,
-				ctx
-			})
-		});
-	};
-}
-function MarkdownPre(props) {
-	const codeProps = Children.only(props.children).props;
-	const content = codeProps.children;
-	if (typeof content !== "string") return null;
-	return /* @__PURE__ */ jsx(ClientCodeBlock, {
-		lang: codeProps.className?.split(" ").find((v) => v.startsWith("language-"))?.slice(9) ?? "text",
-		code: content.trimEnd()
-	});
-}
-//#endregion
-export { createClientAPIPage };

package/dist/ui/operation/client.js

@@ -1,78 +0,0 @@
-"use client";
-import { useTranslations } from "../client/i18n.js";
-import { cn } from "../../utils/cn.js";
-import { createContext, use, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Check, Copy } from "lucide-react";
-import { buttonVariants } from "fumadocs-ui/components/ui/button";
-import { useCopyButton } from "fumadocs-ui/utils/use-copy-button";
-//#region src/ui/operation/client.tsx
-const OperationContext = createContext(null);
-function OperationProvider({ route, examples, defaultExampleId, children }) {
-	const [example, setExample] = useState(() => defaultExampleId ?? examples.at(0)?.id);
-	const listeners = useRef([]);
-	return /* @__PURE__ */ jsx(OperationContext, {
-		value: useMemo(() => ({
-			example,
-			route,
-			setExample(newKey) {
-				const example = examples.find((example) => example.id === newKey);
-				if (!example) return;
-				setExample(newKey);
-				for (const listener of listeners.current) listener(example.data, example.encoded);
-			},
-			examples,
-			setExampleData(data, encoded) {
-				for (const item of examples) if (item.id === example) {
-					item.data = data;
-					item.encoded = encoded;
-					break;
-				}
-				for (const listener of listeners.current) listener(data, encoded);
-			},
-			removeListener(listener) {
-				listeners.current = listeners.current.filter((item) => item !== listener);
-			},
-			addListener(listener) {
-				const active = examples.find((item) => item.id === example);
-				listener(active.data, active.encoded);
-				listeners.current.push(listener);
-			}
-		}), [
-			example,
-			route,
-			examples
-		]),
-		children
-	});
-}
-function useOperationContext() {
-	return use(OperationContext);
-}
-function CopyTypeScriptPanel({ name, code, className }) {
-	const [isChecked, onCopy] = useCopyButton(() => {
-		navigator.clipboard.writeText(code);
-	});
-	const t = useTranslations();
-	const useTypeText = t.useTypeInTypeScript.replace("{name}", name);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex items-start justify-between gap-2 bg-fd-card text-fd-card-foreground border rounded-xl p-3 not-prose", className),
-		children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-			className: "font-medium text-sm mb-2",
-			children: t.typeScriptDefinitions
-		}), /* @__PURE__ */ jsx("p", {
-			className: "text-xs text-fd-muted-foreground",
-			children: useTypeText
-		})] }), /* @__PURE__ */ jsxs("button", {
-			onClick: onCopy,
-			className: cn(buttonVariants({
-				color: "secondary",
-				className: "p-2 gap-2",
-				size: "sm"
-			})),
-			children: [isChecked ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" }), t.copy]
-		})]
-	});
-}
-//#endregion
-export { CopyTypeScriptPanel, OperationProvider, useOperationContext };