fumadocs-openapi 10.6.6 → 10.6.7

package/css/generated/shared.css

@@ -45,6 +45,7 @@
 @source inline("allFlows");
 @source inline("allOf");
 @source inline("already");
+@source inline("alt");
 @source inline("and");
 @source inline("animate-spin");
 @source inline("another");
@@ -54,8 +55,11 @@
 @source inline("apiExample");
 @source inline("apiKey");
 @source inline("apiPlayground");
+@source inline("application/javascript");
 @source inline("application/json");
+@source inline("application/x-javascript");
 @source inline("application/x-www-form-urlencoded");
+@source inline("application/xml");
 @source inline("apply");
 @source inline("aria-label");
 @source inline("array");
@@ -96,6 +100,7 @@
 @source inline("bg-fd-primary/10");
 @source inline("bg-fd-secondary");
 @source inline("binary");
+@source inline("blob");
 @source inline("blue");
 @source inline("body");
 @source inline("bodyMediaType");
@@ -105,6 +110,7 @@
 @source inline("border");
 @source inline("border-b");
 @source inline("border-current");
+@source inline("border-fd-border");
 @source inline("border-fd-primary/20");
 @source inline("border-s");
 @source inline("border-t");
@@ -112,11 +118,13 @@
 @source inline("border-y");
 @source inline("both");
 @source inline("boundary");
+@source inline("buffer");
 @source inline("bundled");
 @source inline("but");
 @source inline("button");
 @source inline("buttonVariants");
 @source inline("by");
+@source inline("byteLength");
 @source inline("cache");
 @source inline("cached");
 @source inline("call");
@@ -129,6 +137,7 @@
 @source inline("causes");
 @source inline("change");
 @source inline("changes");
+@source inline("charset");
 @source inline("check");
 @source inline("child");
 @source inline("children");
@@ -142,6 +151,7 @@
 @source inline("clientId");
 @source inline("clientSecret");
 @source inline("client_credentials");
+@source inline("client_error");
 @source inline("client_id");
 @source inline("client_secret");
 @source inline("cloned");
@@ -178,6 +188,7 @@
 @source inline("createRehypeCode");
 @source inline("credentials");
 @source inline("css");
+@source inline("csv");
 @source inline("ctx");
 @source inline("current");
 @source inline("currentRef");
@@ -278,8 +289,10 @@
 @source inline("export");
 @source inline("extends");
 @source inline("factory");
+@source inline("fall");
 @source inline("fallback");
 @source inline("false");
+@source inline("fast-content-type-parse");
 @source inline("fetch");
 @source inline("fetchOptions");
 @source inline("fetcher");
@@ -364,7 +377,6 @@
 @source inline("getExampleRequests");
 @source inline("getSchema");
 @source inline("getSchemaId");
-@source inline("getStatusInfo");
 @source inline("ghost");
 @source inline("github-dark");
 @source inline("github-light");
@@ -454,6 +466,7 @@
 @source inline("items-end");
 @source inline("items-start");
 @source inline("j");
+@source inline("js");
 @source inline("json");
 @source inline("json-schema-typed");
 @source inline("justify-between");
@@ -510,6 +523,7 @@
 @source inline("metaData");
 @source inline("method");
 @source inline("migrated");
+@source inline("mime");
 @source inline("min");
 @source inline("min-h-(--initial-height,0)");
 @source inline("min-w-0");
@@ -606,6 +620,7 @@
 @source inline("page-level");
 @source inline("pageData");
 @source inline("pages");
+@source inline("panelVariants");
 @source inline("param");
 @source inline("paramTypeKeys");
 @source inline("parameter");
@@ -776,6 +791,7 @@
 @source inline("rounded-xl");
 @source inline("route");
 @source inline("s");
+@source inline("safeParse");
 @source inline("same");
 @source inline("sample");
 @source inline("sampleKey");
@@ -837,6 +853,7 @@
 @source inline("setIsMounted");
 @source inline("setMounted");
 @source inline("setNextName");
+@source inline("setObjectUrl");
 @source inline("setOpen");
 @source inline("setPath");
 @source inline("setRequirementId");
@@ -886,6 +903,7 @@
 @source inline("source");
 @source inline("spec");
 @source inline("specify");
+@source inline("src");
 @source inline("state");
 @source inline("status");
 @source inline("statusBadRequest");
@@ -949,13 +967,17 @@
 @source inline("text-start");
 @source inline("text-xs");
 @source inline("text-yellow-600");
+@source inline("text/css");
+@source inline("text/csv");
 @source inline("text/html");
+@source inline("text/plain");
 @source inline("that");
 @source inline("the");
 @source inline("their");
 @source inline("theme");
 @source inline("themes");
 @source inline("this");
+@source inline("through");
 @source inline("throw");
 @source inline("timeout");
 @source inline("timerRef");
@@ -1032,6 +1054,7 @@
 @source inline("useResolvedSchema");
 @source inline("useServerContext");
 @source inline("useState");
+@source inline("useStatusInfo");
 @source inline("useStf");
 @source inline("useStorageKey");
 @source inline("useTheme");
@@ -1040,6 +1063,7 @@
 @source inline("used");
 @source inline("username");
 @source inline("using");
+@source inline("utf-8");
 @source inline("valid");
 @source inline("validateFormats");
 @source inline("validateSchema");
@@ -1069,6 +1093,7 @@
 @source inline("window");
 @source inline("with");
 @source inline("withBase");
+@source inline("withReplacements");
 @source inline("without");
 @source inline("wrap");
 @source inline("wrap-break-word");
@@ -1082,6 +1107,7 @@
 @source inline("x-exclusiveCodeSample");
 @source inline("x-playground-lazy");
 @source inline("x-selectedCodeSample");
+@source inline("xml");
 @source inline("yellow");
 @source inline("you");
 @source inline("your");

package/dist/i18n.d.ts

@@ -57,7 +57,8 @@ declare const defaultTranslations: {
   statusInternalServerError: string;
   statusSuccessful: string;
   statusError: string;
-  statusNoDescription: string;
+  statusClientError: string;
+  statusBinaryBody: string;
   obtainAccessToken: string;
   resourceOwnerPassword: string;
   resourceOwnerPasswordDesc: string;

package/dist/i18n.js

@@ -56,7 +56,8 @@ const defaultTranslations = {
 	statusInternalServerError: "Internal Server Error",
 	statusSuccessful: "Successful",
 	statusError: "Error",
-	statusNoDescription: "No Description",
+	statusClientError: "Client Error",
+	statusBinaryBody: "Binary response body, {length} bytes",
 	obtainAccessToken: "Obtain the access token for API.",
 	resourceOwnerPassword: "Resource Owner Password Flow",
 	resourceOwnerPasswordDesc: "Authenticate using username and password.",

package/dist/playground/client.d.ts

@@ -1,4 +1,5 @@
-import { BrowserFetcherOptions, FetchResult } from "./fetcher.js";
+import { BrowserFetcherOptions } from "./fetcher.js";
+import { DefaultResultDisplay, ResultDisplayProps } from "./components/result-display.js";
 import { SchemaScope } from "./schema.js";
 import { Document, HttpMethods, ParameterObject } from "../types.js";
 import { ParsedSchema, SecurityEntry } from "../utils/schema/index.js";
@@ -23,10 +24,6 @@ interface PlaygroundClientProps extends ComponentProps<'form'>, SchemaScope {
   doc: Document;
   proxyUrl?: string;
 }
-interface ResultDisplayProps extends ComponentProps<'div'> {
-  data: FetchResult;
-  reset: () => void;
-}
 interface CollapsiblePanelProps extends Omit<ComponentProps<typeof Collapsible>, 'title'> {
   'data-type': 'authorization' | 'body' | ParamType;
   title: ReactNode;
@@ -86,11 +83,6 @@ interface AuthField {
   children: ReactNode;
   mapOutput?: (values: unknown) => unknown;
 }
-declare function DefaultResultDisplay({
-  data,
-  reset,
-  ...rest
-}: ResultDisplayProps): _$react_jsx_runtime0.JSX.Element;
 declare function DefaultCollapsiblePanel({
   title,
   children,
@@ -105,4 +97,4 @@ declare const Custom: {
   };
 };
 //#endregion
-export { AuthField, CollapsiblePanelProps, Custom, DefaultCollapsiblePanel, DefaultResultDisplay, FormValues, PlaygroundClientOptions, PlaygroundClientProps, ResultDisplayProps, PlaygroundClient as default };
+export { AuthField, CollapsiblePanelProps, Custom, DefaultCollapsiblePanel, DefaultResultDisplay, FormValues, PlaygroundClientOptions, PlaygroundClientProps, type ResultDisplayProps, PlaygroundClient as default };

package/dist/playground/client.js

@@ -3,8 +3,9 @@ import { joinURL, resolveRequestData, resolveServerUrl, withBase } from "../util
 import { getPreferredType } from "../utils/schema/index.js";
 import { useStorageKey } from "../ui/client/storage-key.js";
 import { useApiContext, useServerContext } from "../ui/contexts/api.js";
-import { getStatusInfo } from "./status-info.js";
+import { useTranslations } from "../ui/client/i18n.js";
 import { cn } from "../utils/cn.js";
+import { DefaultResultDisplay } from "./components/result-display.js";
 import { MethodLabel } from "../ui/components/method-label.js";
 import { useQuery } from "../utils/use-query.js";
 import { encodeRequestData } from "../requests/media/encode.js";
@@ -12,10 +13,8 @@ import { dereferenceSwallow } from "../utils/schema/dereference.js";
 import { SchemaProvider, anyFields, useResolvedSchema } from "./schema.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/components/select.js";
 import { labelVariants } from "../ui/components/input.js";
-import { useTranslations } from "../ui/client/i18n.js";
 import ServerSelect from "./components/server-select.js";
 import { FieldInput, FieldSet, JsonInput, ObjectInput } from "./components/inputs.js";
-import { ClientCodeBlock } from "../ui/components/codeblock.js";
 import { useOperationContext } from "../ui/operation/client.js";
 import { useAuth } from "./auth.js";
 import { OAuthDialog, OAuthDialogContent, OAuthDialogTrigger } from "./components/oauth-dialog.js";
@@ -23,8 +22,8 @@ import { Spinner } from "./components/spinner.js";
 import { Fragment, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, LoaderCircle } from "lucide-react";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "fumadocs-ui/components/ui/collapsible";
 import { buttonVariants } from "fumadocs-ui/components/ui/button";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "fumadocs-ui/components/ui/collapsible";
 import { StfProvider, useDataEngine, useFieldValue, useListener, useStf } from "@fumari/stf";
 import { arrayStartsWith, objectGet, objectSet, stringifyFieldKey } from "@fumari/stf/lib/utils";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
@@ -516,39 +515,6 @@ function Route({ route, ...props }) {
 		})] }, index))
 	});
 }
-function DefaultResultDisplay({ data, reset, ...rest }) {
-	const t = useTranslations();
-	const statusInfo = useMemo(() => getStatusInfo(data.status, t), [data.status, t]);
-	return /* @__PURE__ */ jsxs("div", {
-		...rest,
-		className: cn("flex flex-col gap-3 mt-2 px-3 py-2 border-y bg-fd-secondary text-fd-secondary-foreground", rest.className),
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex justify-between items-center",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "inline-flex items-center gap-1.5 text-sm font-medium",
-					children: [/* @__PURE__ */ jsx(statusInfo.icon, { className: cn("size-4", statusInfo.color) }), statusInfo.description]
-				}), /* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: cn(buttonVariants({
-						size: "sm",
-						variant: "outline"
-					})),
-					onClick: () => reset(),
-					children: t.close
-				})]
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "text-sm text-fd-muted-foreground",
-				children: data.status
-			}),
-			data.data !== void 0 && /* @__PURE__ */ jsx(ClientCodeBlock, {
-				lang: typeof data.data === "string" && data.data.length > 5e4 ? "text" : data.type,
-				code: typeof data.data === "string" ? data.data : JSON.stringify(data.data, null, 2)
-			})
-		]
-	});
-}
 function DefaultCollapsiblePanel({ title, children, ...props }) {
 	return /* @__PURE__ */ jsxs(Collapsible, {
 		...props,

package/dist/playground/components/inputs.js

@@ -1,15 +1,15 @@
 "use client";
+import { useTranslations } from "../../ui/client/i18n.js";
 import { cn } from "../../utils/cn.js";
 import { FormatFlags } from "../../utils/schema/to-string.js";
 import { anyFields, useFieldInfo, useResolvedSchema, useSchemaScope, useSchemaUtils } from "../schema.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/components/select.js";
 import { Input, labelVariants } from "../../ui/components/input.js";
-import { useTranslations } from "../../ui/client/i18n.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, Plus, Trash2, X } from "lucide-react";
-import { cva } from "class-variance-authority";
 import { buttonVariants } from "fumadocs-ui/components/ui/button";
+import { cva } from "class-variance-authority";
 import { useArray, useDataEngine, useFieldValue, useObject } from "@fumari/stf";
 import { stringifyFieldKey } from "@fumari/stf/lib/utils";
 //#region src/playground/components/inputs.tsx

package/dist/playground/components/oauth-dialog.js

@@ -1,9 +1,9 @@
 import { useApiContext } from "../../ui/contexts/api.js";
+import { useTranslations } from "../../ui/client/i18n.js";
 import { cn } from "../../utils/cn.js";
 import { useQuery } from "../../utils/use-query.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/components/select.js";
 import { Input, labelVariants } from "../../ui/components/input.js";
-import { useTranslations } from "../../ui/client/i18n.js";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "../../ui/components/dialog.js";
 import { useAuth } from "../auth.js";
 import { useMemo, useState } from "react";

package/dist/playground/components/result-display.d.ts

@@ -0,0 +1,16 @@
+import { FetchResult } from "../fetcher.js";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/playground/components/result-display.d.ts
+interface ResultDisplayProps extends ComponentProps<'div'> {
+  data: FetchResult;
+  reset: () => void;
+}
+declare function DefaultResultDisplay({
+  data,
+  reset,
+  ...rest
+}: ResultDisplayProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DefaultResultDisplay, ResultDisplayProps };

package/dist/playground/components/result-display.js

@@ -0,0 +1,141 @@
+"use client";
+import { useTranslations, withReplacements } from "../../ui/client/i18n.js";
+import { useStatusInfo } from "../status-info.js";
+import { cn } from "../../utils/cn.js";
+import { ClientCodeBlock } from "../../ui/components/codeblock.js";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CircleX } from "lucide-react";
+import { buttonVariants } from "fumadocs-ui/components/ui/button";
+import { safeParse } from "fast-content-type-parse";
+import { cva } from "class-variance-authority";
+//#region src/playground/components/result-display.tsx
+const panelVariants = cva("flex flex-col gap-2 mt-2 px-3 py-2 border-y bg-fd-secondary text-fd-secondary-foreground");
+function DefaultResultDisplay({ data, reset, ...rest }) {
+	const t = useTranslations();
+	if (data.type === "client_error") return /* @__PURE__ */ jsxs("div", {
+		...rest,
+		className: cn(panelVariants(), rest.className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex gap-1.5 items-center",
+			children: [
+				/* @__PURE__ */ jsx(CircleX, { className: "size-4 text-red-500" }),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-medium me-auto",
+					children: t.statusClientError
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: cn(buttonVariants({
+						size: "sm",
+						variant: "outline"
+					})),
+					onClick: () => reset(),
+					children: t.close
+				})
+			]
+		}), /* @__PURE__ */ jsx("p", { children: data.message })]
+	});
+	return /* @__PURE__ */ jsx(ResponseResult, {
+		data,
+		reset,
+		...rest
+	});
+}
+function getTextFormat(mime) {
+	switch (mime) {
+		case "application/json": return "json";
+		case "text/html": return "html";
+		case "text/css": return "css";
+		case "text/csv": return "csv";
+		case "application/javascript":
+		case "application/x-javascript": return "js";
+		case "application/xml": return "xml";
+	}
+	if (mime.endsWith("+json")) return "json";
+	if (mime.endsWith("+xml")) return "xml";
+	if (mime.startsWith("text/")) return "text";
+	return null;
+}
+function ResponseResult({ data, reset, ...rest }) {
+	const t = useTranslations();
+	const statusInfo = useStatusInfo(data.status);
+	const { parameters, type } = useMemo(() => safeParse(data.headers.get("Content-Type") ?? "text/plain"), [data.headers]);
+	let content;
+	if (type.startsWith("image/")) content = /* @__PURE__ */ jsx(ImageResult, {
+		mime: type,
+		buffer: data.body
+	});
+	else if (data.body.byteLength > 0) {
+		const lang = getTextFormat(type);
+		if (lang) content = /* @__PURE__ */ jsx(TextResult, {
+			lang,
+			charset: parameters.charset,
+			data
+		});
+		else content = /* @__PURE__ */ jsx("p", {
+			className: "p-2 border rounded-lg bg-fd-card text-fd-card-foreground",
+			children: withReplacements(t.statusBinaryBody, { length: String(data.body.byteLength) })
+		});
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		...rest,
+		className: cn(panelVariants(), rest.className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1.5",
+			children: [
+				/* @__PURE__ */ jsx(statusInfo.icon, { className: cn("size-4 shrink-0", statusInfo.color) }),
+				/* @__PURE__ */ jsxs("p", {
+					className: "text-sm font-medium text-nowrap",
+					children: [
+						data.status,
+						" ",
+						statusInfo.description
+					]
+				}),
+				/* @__PURE__ */ jsx("code", {
+					className: "ms-auto text-xs text-fd-muted-foreground truncate",
+					children: type
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: cn(buttonVariants({
+						size: "sm",
+						variant: "outline"
+					})),
+					onClick: () => reset(),
+					children: t.close
+				})
+			]
+		}), content]
+	});
+}
+function TextResult({ lang, charset, data }) {
+	const code = useMemo(() => {
+		if (charset) try {
+			return new TextDecoder(charset).decode(data.body);
+		} catch {}
+		return new TextDecoder("utf-8").decode(data.body);
+	}, [charset, data.body]);
+	return /* @__PURE__ */ jsx(ClientCodeBlock, {
+		lang: code.length > 5e3 ? "text" : lang,
+		code
+	});
+}
+function ImageResult({ mime, buffer }) {
+	const [objectUrl, setObjectUrl] = useState(null);
+	useEffect(() => {
+		const blob = new Blob([buffer], { type: mime });
+		const url = URL.createObjectURL(blob);
+		setObjectUrl(url);
+		return () => URL.revokeObjectURL(url);
+	}, [mime, buffer]);
+	if (!objectUrl) return;
+	return /* @__PURE__ */ jsx("img", {
+		src: objectUrl,
+		alt: "",
+		className: "w-full rounded-md border border-fd-border"
+	});
+}
+//#endregion
+export { DefaultResultDisplay };

package/dist/playground/components/server-select.js

@@ -1,10 +1,10 @@
 "use client";
 import { resolveServerUrl, withBase } from "../../utils/url.js";
 import { useServerContext } from "../../ui/contexts/api.js";
+import { useTranslations } from "../../ui/client/i18n.js";
 import { cn } from "../../utils/cn.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/components/select.js";
 import { Input, labelVariants } from "../../ui/components/input.js";
-import { useTranslations } from "../../ui/client/i18n.js";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "../../ui/components/dialog.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/playground/fetcher.d.ts

@@ -1,10 +1,16 @@
 import { Awaitable } from "../types.js";
 
 //#region src/playground/fetcher.d.ts
-interface FetchResult {
+type FetchResult = FetchResponseResult | FetchErrorResult;
+interface FetchErrorResult {
+  type: 'client_error';
+  message: string;
+}
+interface FetchResponseResult {
+  type: 'response';
   status: number;
-  type: 'json' | 'html' | 'text';
-  data: unknown;
+  headers: Headers;
+  body: ArrayBuffer;
 }
 interface BrowserFetcherOptions {
   /**

package/dist/playground/fetcher.js

@@ -21,9 +21,8 @@ function createBrowserFetcher(adapters, { proxyUrl, proxyForwardCookie = true, r
 		if (data.bodyMediaType && data.body) {
 			const adapter = resolveMediaAdapter(data.bodyMediaType, adapters);
 			if (!adapter) return {
-				status: 400,
-				type: "text",
-				data: `[Fumadocs] No adapter for ${data.bodyMediaType}, you need to specify one from 'createOpenAPI()'.`
+				type: "client_error",
+				message: `[Fumadocs] No adapter for ${data.bodyMediaType}, you need to specify one from 'createOpenAPI()'.`
 			};
 			if (data.bodyMediaType !== "multipart/form-data") headers.append("Content-Type", data.bodyMediaType);
 			requestInit.body = adapter.encode(data);
@@ -41,26 +40,16 @@ function createBrowserFetcher(adapters, { proxyUrl, proxyForwardCookie = true, r
 		}
 		if (onRequestInit) requestInit = await onRequestInit(requestInit);
 		return fetch(requestUrl, requestInit).then(async (res) => {
-			const contentType = res.headers.get("Content-Type") ?? "";
-			let type;
-			let data;
-			if (contentType.startsWith("application/json")) {
-				type = "json";
-				data = await res.json();
-			} else {
-				type = contentType.startsWith("text/html") ? "html" : "text";
-				data = await res.text();
-			}
 			return {
+				type: "response",
 				status: res.status,
-				type,
-				data
+				headers: res.headers,
+				body: await res.arrayBuffer()
 			};
 		}).catch((e) => {
 			return {
-				status: 400,
-				type: "text",
-				data: `Client side error: ${e instanceof Error ? `[${e.name}] ${e.message}` : e.toString()}`
+				type: "client_error",
+				message: `Client side error: ${e instanceof Error ? `[${e.name}] ${e.message}` : e.toString()}`
 			};
 		});
 	} };

package/dist/playground/status-info.js

@@ -1,3 +1,5 @@
+import { useTranslations } from "../ui/client/i18n.js";
+import { useMemo } from "react";
 import { CircleCheck, CircleX } from "lucide-react";
 //#region src/playground/status-info.tsx
 const statusKeys = {
@@ -27,30 +29,32 @@ const statusKeys = {
 		icon: CircleX
 	}
 };
-function getStatusInfo(status, t) {
-	if (status in statusKeys) {
-		const { key, color, icon } = statusKeys[status];
+function useStatusInfo(status) {
+	const t = useTranslations();
+	return useMemo(() => {
+		if (status in statusKeys) {
+			const { key, color, icon } = statusKeys[status];
+			return {
+				description: t[key],
+				color,
+				icon
+			};
+		}
+		if (status >= 200 && status < 300) return {
+			description: t.statusSuccessful,
+			color: "text-green-500",
+			icon: CircleCheck
+		};
+		if (status >= 400) return {
+			description: t.statusError,
+			color: "text-red-500",
+			icon: CircleX
+		};
 		return {
-			description: t[key],
-			color,
-			icon
+			color: "text-fd-muted-foreground",
+			icon: CircleX
 		};
-	}
-	if (status >= 200 && status < 300) return {
-		description: t.statusSuccessful,
-		color: "text-green-500",
-		icon: CircleCheck
-	};
-	if (status >= 400) return {
-		description: t.statusError,
-		color: "text-red-500",
-		icon: CircleX
-	};
-	return {
-		description: t.statusNoDescription,
-		color: "text-fd-muted-foreground",
-		icon: CircleX
-	};
+	}, [t, status]);
 }
 //#endregion
-export { getStatusInfo };
+export { useStatusInfo };

package/dist/ui/base.js

@@ -1,7 +1,7 @@
 import { parseSecurities } from "../utils/schema/index.js";
 import { defaultAdapters } from "../requests/media/adapter.js";
-import { encodeInternalRef } from "../utils/schema/ref.js";
 import { ClientCodeBlockProvider } from "./components/codeblock.js";
+import { encodeInternalRef } from "../utils/schema/ref.js";
 import { APIPage } from "./api-page.js";
 import { pickSchema } from "../utils/schema/pick.js";
 import { PlaygroundAuthProvider } from "./client/boundary.lazy.js";

package/dist/ui/client/i18n.js

@@ -9,9 +9,11 @@ function useTranslations() {
 * Renders a translated string. Use in server components so the label is resolved on the client from the current locale.
 */
 function I18nLabel({ label, replacements = {} }) {
-	let value = useTranslations()[label];
-	for (const [k, v] of Object.entries(replacements)) value = value.replaceAll(`{${k}}`, v);
-	return value;
+	return withReplacements(useTranslations()[label], replacements);
+}
+function withReplacements(t, replacements) {
+	for (const [k, v] of Object.entries(replacements)) t = t.replaceAll(`{${k}}`, v);
+	return t;
 }
 //#endregion
-export { I18nLabel, useTranslations };
+export { I18nLabel, useTranslations, withReplacements };

package/dist/ui/components/dialog.js

@@ -1,6 +1,6 @@
 "use client";
-import { cn } from "../../utils/cn.js";
 import { useTranslations } from "../client/i18n.js";
+import { cn } from "../../utils/cn.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";

package/dist/ui/operation/client.js

@@ -1,6 +1,6 @@
 "use client";
-import { cn } from "../../utils/cn.js";
 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";

package/dist/ui/operation/index.js

@@ -2,9 +2,9 @@ import { idToTitle } from "../../utils/id-to-title.js";
 import { createMethod, methodKeys } from "../../utils/schema/index.js";
 import { isMediaTypeSupported } from "../../requests/media/resolve-adapter.js";
 import "../../requests/media/adapter.js";
+import { I18nLabel } from "../client/i18n.js";
 import { cn } from "../../utils/cn.js";
 import { Badge, MethodLabel } from "../components/method-label.js";
-import { I18nLabel } from "../client/i18n.js";
 import { CopyTypeScriptPanel, OperationProvider } from "./client.js";
 import { Schema } from "../schema/index.js";
 import { AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Accordions } from "../components/accordion.js";

package/dist/ui/operation/request-tabs.js

@@ -1,6 +1,6 @@
 import { resolveRequestData } from "../../utils/url.js";
-import { MethodLabel } from "../components/method-label.js";
 import { I18nLabel } from "../client/i18n.js";
+import { MethodLabel } from "../components/method-label.js";
 import { AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Accordions } from "../components/accordion.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "fumadocs-ui/components/tabs";

package/dist/ui/operation/usage-tabs/client.js

@@ -1,8 +1,8 @@
 "use client";
 import { joinURL, resolveRequestData, resolveServerUrl, withBase } from "../../../utils/url.js";
 import { useApiContext, useServerContext } from "../../contexts/api.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../components/select.js";
 import { ClientCodeBlock } from "../../components/codeblock.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../components/select.js";
 import { useOperationContext } from "../client.js";
 import { useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/ui/schema/client.js

@@ -1,13 +1,13 @@
 "use client";
+import { useTranslations } from "../client/i18n.js";
 import { cn } from "../../utils/cn.js";
 import { Badge } from "../components/method-label.js";
-import { useTranslations } from "../client/i18n.js";
 import { Fragment, Suspense, createContext, use, useCallback, useDeferredValue, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, FilterIcon } from "lucide-react";
+import { buttonVariants } from "fumadocs-ui/components/ui/button";
 import { cva } from "class-variance-authority";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "fumadocs-ui/components/ui/collapsible";
-import { buttonVariants } from "fumadocs-ui/components/ui/button";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "fumadocs-ui/components/tabs";
 import { Popover, PopoverContent, PopoverTrigger } from "fumadocs-ui/components/ui/popover";
 //#region src/ui/schema/client.tsx

package/dist/ui/schema/index.js

@@ -1,6 +1,6 @@
+import { I18nLabel } from "../client/i18n.js";
 import { mergeAllOf } from "../../utils/schema/merge.js";
 import { FormatFlags, schemaToString } from "../../utils/schema/to-string.js";
-import { I18nLabel } from "../client/i18n.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/ui/schema/index.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-openapi",
-  "version": "10.6.6",
+  "version": "10.6.7",
   "description": "Generate MDX docs for your OpenAPI spec",
   "keywords": [
     "Docs",
@@ -49,18 +49,19 @@
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-slot": "^1.2.4",
-    "@scalar/json-magic": "^0.12.4",
-    "@scalar/openapi-upgrader": "^0.2.2",
+    "@scalar/json-magic": "^0.12.5",
+    "@scalar/openapi-upgrader": "^0.2.4",
     "ajv": "^8.18.0",
     "chokidar": "^5.0.0",
     "class-variance-authority": "^0.7.1",
+    "fast-content-type-parse": "^3.0.0",
     "github-slugger": "^2.0.0",
     "hast-util-to-jsx-runtime": "^2.3.6",
     "js-yaml": "^4.1.1",
     "lucide-react": "^1.7.0",
     "next-themes": "^0.4.6",
     "openapi-sampler": "^1.7.2",
-    "react-hook-form": "^7.72.0",
+    "react-hook-form": "^7.72.1",
     "remark": "^15.0.1",
     "remark-rehype": "^11.1.2",
     "tailwind-merge": "^3.5.0",
@@ -68,18 +69,18 @@
     "@fumari/stf": "1.0.4"
   },
   "devDependencies": {
-    "@scalar/api-client-react": "^1.4.15",
+    "@scalar/api-client-react": "^1.4.20",
     "@types/js-yaml": "^4.0.9",
-    "@types/node": "25.5.0",
+    "@types/node": "25.5.2",
     "@types/openapi-sampler": "^1.0.3",
     "@types/react": "^19.2.14",
     "json-schema-typed": "^8.0.2",
     "shiki": "^4.0.2",
     "tailwindcss": "^4.2.2",
-    "tsdown": "0.21.6",
+    "tsdown": "0.21.7",
     "@fumadocs/tailwind": "0.0.3",
-    "fumadocs-core": "16.7.10",
-    "fumadocs-ui": "16.7.10",
+    "fumadocs-core": "16.7.11",
+    "fumadocs-ui": "16.7.11",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {