fumadocs-openapi 10.6.6 → 10.6.8

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

@@ -1,15 +1,14 @@
 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";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { buttonVariants } from "fumadocs-ui/components/ui/button";
-import { useForm } from "react-hook-form";
 //#region src/playground/components/oauth-dialog.tsx
 const OAuthDialog = Dialog;
 function OAuthDialogContent(props) {
@@ -52,14 +51,14 @@ function Content({ schemeId, scopes, setToken, setOpen }) {
 			supported: false
 		}
 	}), [t]);
-	const form = useForm({ defaultValues: useMemo(() => {
+	const defaultValues = useMemo(() => {
 		return {
 			clientId: tokenInfo?.client_id ?? "",
 			clientSecret: tokenInfo?.type === "authorization_code" ? tokenInfo.client_secret : "",
 			username: "",
 			password: ""
 		};
-	}, [tokenInfo]) });
+	}, [tokenInfo]);
 	const authorize = useQuery(async (values) => {
 		if (type === "implicit") {
 			const value = scheme.flows[type];
@@ -127,13 +126,12 @@ function Content({ schemeId, scopes, setToken, setOpen }) {
 		}
 	});
 	const isLoading = authorize.isLoading;
-	const onSubmit = form.handleSubmit((values) => {
-		return authorize.start(values);
-	});
 	return /* @__PURE__ */ jsxs("form", {
 		className: "flex flex-col gap-6",
 		onSubmit: (e) => {
-			onSubmit(e);
+			const formData = new FormData(e.target);
+			authorize.start(Object.fromEntries(formData.entries()));
+			e.preventDefault();
 			e.stopPropagation();
 		},
 		children: [
@@ -168,11 +166,13 @@ function Content({ schemeId, scopes, setToken, setOpen }) {
 					}),
 					/* @__PURE__ */ jsx(Input, {
 						id: "client_id",
+						name: "clientId",
 						placeholder: t.inputPlaceholder,
 						type: "text",
 						autoComplete: "off",
 						disabled: isLoading,
-						...form.register("clientId", { required: true })
+						defaultValue: defaultValues.clientId,
+						required: true
 					})
 				]
 			}),
@@ -190,11 +190,13 @@ function Content({ schemeId, scopes, setToken, setOpen }) {
 					}),
 					/* @__PURE__ */ jsx(Input, {
 						id: "client_secret",
+						name: "clientSecret",
 						placeholder: t.inputPlaceholder,
 						type: "password",
 						autoComplete: "off",
 						disabled: isLoading,
-						...form.register("clientSecret", { required: true })
+						defaultValue: defaultValues.clientSecret,
+						required: true
 					})
 				]
 			}),
@@ -206,11 +208,13 @@ function Content({ schemeId, scopes, setToken, setOpen }) {
 					children: t.usernameField
 				}), /* @__PURE__ */ jsx(Input, {
 					id: "username",
+					name: "username",
 					placeholder: t.inputPlaceholder,
 					type: "text",
 					autoComplete: "off",
 					disabled: isLoading,
-					...form.register("username", { required: true })
+					defaultValue: defaultValues.username,
+					required: true
 				})]
 			}), /* @__PURE__ */ jsxs("fieldset", {
 				className: "flex flex-col gap-1.5",
@@ -220,11 +224,13 @@ function Content({ schemeId, scopes, setToken, setOpen }) {
 					children: t.clientSecret
 				}), /* @__PURE__ */ jsx(Input, {
 					id: "password",
+					name: "password",
 					placeholder: t.inputPlaceholder,
 					type: "password",
 					autoComplete: "off",
 					disabled: isLoading,
-					...form.register("password", { required: true })
+					defaultValue: defaultValues.password,
+					required: true
 				})]
 			})] }),
 			type && allFlows[type].supported ? /* @__PURE__ */ jsxs(Fragment$1, { children: [authorize.error ? /* @__PURE__ */ jsx("p", {

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,142 @@
+"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 { require_fast_content_type_parse } from "../../node_modules/.pnpm/fast-content-type-parse@3.0.0/node_modules/fast-content-type-parse/index.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 { cva } from "class-variance-authority";
+//#region src/playground/components/result-display.tsx
+var import_fast_content_type_parse = require_fast_content_type_parse();
+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(() => (0, import_fast_content_type_parse.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/schema.js

@@ -1,4 +1,5 @@
 import { mergeAllOf } from "../utils/schema/merge.js";
+import { sample } from "../utils/schema/sample.js";
 import { schemaToString } from "../utils/schema/to-string.js";
 import { dereferenceSwallow } from "../utils/schema/dereference.js";
 import { createContext, use, useMemo } from "react";
@@ -6,7 +7,6 @@ import { jsx } from "react/jsx-runtime";
 import { Ajv2020 } from "ajv/dist/2020.js";
 import { useDataEngine, useFieldValue, useNamespace } from "@fumari/stf";
 import { stringifyFieldKey } from "@fumari/stf/lib/utils";
-import { sample } from "openapi-sampler";
 //#region src/playground/schema.tsx
 const SchemaContext = createContext(void 0);
 const anyFields = {

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/scalar/client.js

@@ -4,13 +4,17 @@ import { MethodLabel } from "../ui/components/method-label.js";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { buttonVariants } from "fumadocs-ui/components/ui/button";
-import { ApiClientModalProvider, useApiClientModal } from "@scalar/api-client-react";
+import { useApiClient } from "@scalar/api-client-react";
 import { useTheme } from "next-themes";
 import "@scalar/api-client-react/style.css";
 //#region src/scalar/client.tsx
 function ScalarPlayground({ path, method, spec }) {
 	const { resolvedTheme } = useTheme();
 	const [mounted, setMounted] = useState(false);
+	const client = useApiClient({ configuration: {
+		theme: "moon",
+		spec
+	} });
 	useEffect(() => {
 		setMounted(true);
 	}, []);
@@ -25,33 +29,20 @@ function ScalarPlayground({ path, method, spec }) {
 				className: "flex-1 overflow-auto text-nowrap text-[0.8125rem] text-fd-muted-foreground",
 				children: path
 			}),
-			/* @__PURE__ */ jsx(ApiClientModalProvider, {
-				configuration: {
-					theme: "moon",
-					content: spec
-				},
-				children: /* @__PURE__ */ jsx(Trigger, {
+			/* @__PURE__ */ jsx("button", {
+				type: "submit",
+				className: cn(buttonVariants({
+					color: "primary",
+					size: "sm"
+				}), "px-3 py-1.5"),
+				onClick: () => client?.open({
 					path,
 					method
-				})
+				}),
+				children: "Test"
 			})
 		]
 	});
 }
-function Trigger({ path, method }) {
-	const client = useApiClientModal();
-	return /* @__PURE__ */ jsx("button", {
-		type: "submit",
-		className: cn(buttonVariants({
-			color: "primary",
-			size: "sm"
-		}), "px-3 py-1.5"),
-		onClick: () => client?.open({
-			path,
-			method
-		}),
-		children: "Test"
-	});
-}
 //#endregion
 export { ScalarPlayground as default };

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/get-example-requests.js

@@ -1,6 +1,6 @@
 import { getPreferredType, pickExample } from "../../utils/schema/index.js";
 import { encodeRequestData } from "../../requests/media/encode.js";
-import { sample } from "openapi-sampler";
+import { sample } from "../../utils/schema/sample.js";
 //#region src/ui/operation/get-example-requests.ts
 function getExampleRequests(path, operation, ctx) {
 	const requestBody = operation.requestBody;

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/response-tabs.js

@@ -1,9 +1,9 @@
 import { getPreferredType } from "../../utils/schema/index.js";
 import { I18nLabel } from "../client/i18n.js";
+import { sample } from "../../utils/schema/sample.js";
 import { AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Accordions } from "../components/accordion.js";
 import { useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { sample } from "openapi-sampler";
 import { Tab, Tabs } from "fumadocs-ui/components/tabs";
 //#region src/ui/operation/response-tabs.tsx
 function ResponseTabs({ operation, ctx }) {

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