fumadocs-openapi 10.3.9 → 10.3.11

package/css/generated/shared.css

@@ -1,4 +1,4 @@
-@source inline("!isRequired");
+@source inline("!isDefined");
 @source inline("*:min-w-0");
 @source inline("--fd-docs-row-1");
 @source inline("--initial-height");
@@ -59,7 +59,6 @@
 @source inline("assume");
 @source inline("async");
 @source inline("at");
-@source inline("attachedData");
 @source inline("auth-specific");
 @source inline("authCodeCallback");
 @source inline("authNode");
@@ -246,7 +245,8 @@
 @source inline("fetch");
 @source inline("fetcher");
 @source inline("field");
-@source inline("field-info");
+@source inline("fieldData");
+@source inline("fieldLabelVariants");
 @source inline("fieldName");
 @source inline("fields");
 @source inline("file");
@@ -366,7 +366,6 @@
 @source inline("infoTags");
 @source inline("initAuthValues");
 @source inline("initial");
-@source inline("initialInfo");
 @source inline("initialPath");
 @source inline("inline-flex");
 @source inline("input");
@@ -379,6 +378,7 @@
 @source inline("interface");
 @source inline("intersection");
 @source inline("is");
+@source inline("isDefined");
 @source inline("isDuplicated");
 @source inline("isDynamic");
 @source inline("isLoading");
@@ -426,7 +426,6 @@
 @source inline("lucide-react");
 @source inline("map");
 @source inline("mapInputs");
-@source inline("match");
 @source inline("max");
 @source inline("max-age");
 @source inline("max-h-[460px]");
@@ -467,6 +466,7 @@
 @source inline("my-4");
 @source inline("name");
 @source inline("name!");
+@source inline("namespace");
 @source inline("necessary");
 @source inline("need");
 @source inline("nested");
@@ -878,10 +878,11 @@
 @source inline("useApiClientModal");
 @source inline("useApiContext");
 @source inline("useCopyButton");
-@source inline("useDataEngine");
 @source inline("useExampleRequests");
+@source inline("useFieldValue");
 @source inline("useForm");
 @source inline("useMemo");
+@source inline("useNamespace");
 @source inline("useObject");
 @source inline("useQuery");
 @source inline("useRef");

package/dist/playground/client.js

@@ -1,15 +1,15 @@
 'use client';
 
 import { joinURL, resolveRequestData, resolveServerUrl, withBase } from "../utils/url.js";
-import { cn } from "../utils/cn.js";
-import { MethodLabel } from "../ui/components/method-label.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/components/select.js";
-import { encodeRequestData } from "../requests/media/encode.js";
 import { useStorageKey } from "../ui/client/storage-key.js";
 import { useApiContext, useServerContext } from "../ui/contexts/api.js";
 import { getStatusInfo } from "./status-info.js";
+import { cn } from "../utils/cn.js";
+import { MethodLabel } from "../ui/components/method-label.js";
 import { useQuery } from "../utils/use-query.js";
+import { encodeRequestData } from "../requests/media/encode.js";
 import { SchemaProvider, useResolvedSchema } from "./schema.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/components/select.js";
 import { labelVariants } from "../ui/components/input.js";
 import ServerSelect from "./components/server-select.js";
 import { useExampleRequests } from "../ui/operation/usage-tabs/client.js";
@@ -17,9 +17,9 @@ import { FieldInput, FieldSet, JsonInput, ObjectInput } from "./components/input
 import { Fragment, lazy, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, LoaderCircle, X } from "lucide-react";
-import { buttonVariants } from "fumadocs-ui/components/ui/button";
 import { DynamicCodeBlock } from "fumadocs-ui/components/dynamic-codeblock.core";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "fumadocs-ui/components/ui/collapsible";
+import { buttonVariants } from "fumadocs-ui/components/ui/button";
 import { StfProvider, useDataEngine, useFieldValue, useListener, useStf } from "@fumari/stf";
 import { objectGet, objectSet, stringifyFieldKey } from "@fumari/stf/lib/utils";
 
@@ -83,6 +83,7 @@ function PlaygroundClient({ route, method = "GET", securities, parameters = [],
 	useEffect(() => {
 		if (stf.dataEngine.getData() === defaultValues) return;
 		stf.dataEngine.reset(defaultValues);
+		stf.dataEngine.clearNamespaces();
 	}, [defaultValues]);
 	useEffect(() => {
 		return initAuthValues(stf);
@@ -206,7 +207,8 @@ function FormBody({ parameters = [], body }) {
 					return /* @__PURE__ */ jsx(FieldSet, {
 						name: field.name,
 						fieldName,
-						field: schema
+						field: schema,
+						isRequired: field.required
 					}, stringifyFieldKey(fieldName));
 				})
 			}, type);
@@ -221,7 +223,8 @@ function BodyInput({ field: _field }) {
 	const [isJson, setIsJson] = useState(false);
 	if (field.format === "binary") return /* @__PURE__ */ jsx(FieldSet, {
 		field,
-		fieldName: ["body"]
+		fieldName: ["body"],
+		isRequired: true
 	});
 	if (isJson) return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("button", {
 		className: cn(buttonVariants({
@@ -237,6 +240,7 @@ function BodyInput({ field: _field }) {
 		field,
 		fieldName: ["body"],
 		collapsible: false,
+		isRequired: true,
 		name: /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: cn(buttonVariants({

package/dist/playground/components/inputs.js

@@ -1,26 +1,21 @@
 'use client';
 
 import { cn } from "../../utils/cn.js";
-import { FormatFlags, schemaToString } from "../../utils/schema-to-string.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/components/select.js";
 import { getDefaultValue } from "../get-default-values.js";
 import { anyFields, useFieldInfo, useResolvedSchema, useSchemaScope } from "../schema.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/components/select.js";
 import { Input, labelVariants } from "../../ui/components/input.js";
+import { FormatFlags, schemaToString } from "../../utils/schema-to-string.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 { useArray, useDataEngine, useFieldValue, useObject } from "@fumari/stf";
 import { stringifyFieldKey } from "@fumari/stf/lib/utils";
 
 //#region src/playground/components/inputs.tsx
-function FieldLabel(props) {
-	return /* @__PURE__ */ jsx("label", {
-		...props,
-		className: cn("w-full inline-flex items-center gap-0.5", props.className),
-		children: props.children
-	});
-}
+const fieldLabelVariants = cva("w-full inline-flex items-center gap-0.5");
 function FieldLabelType(props) {
 	return /* @__PURE__ */ jsx("code", {
 		...props,
@@ -115,23 +110,10 @@ function JsonInput({ fieldName }) {
 	});
 }
 function FieldInput({ field, fieldName, isRequired, ...props }) {
-	const engine = useDataEngine();
 	const [value, setValue] = useFieldValue(fieldName);
 	const id = stringifyFieldKey(fieldName);
 	if (field.type === "null") return;
-	function renderUnset(children) {
-		return /* @__PURE__ */ jsxs("div", {
-			...props,
-			className: cn("flex flex-row gap-2", props.className),
-			children: [children, value !== void 0 && !isRequired && /* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: () => engine.delete(fieldName),
-				className: "text-fd-muted-foreground",
-				children: /* @__PURE__ */ jsx(X, { className: "size-4" })
-			})]
-		});
-	}
-	if (field.type === "string" && field.format === "binary") return renderUnset(/* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("label", {
+	if (field.type === "string" && field.format === "binary") return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("label", {
 		htmlFor: id,
 		className: cn(buttonVariants({
 			color: "secondary",
@@ -156,7 +138,7 @@ function FieldInput({ field, fieldName, isRequired, ...props }) {
 			setValue(e.target.files.item(0));
 		},
 		hidden: true
-	})] }));
+	})] });
 	if (field.enum && field.enum.length > 0) {
 		const idx = field.enum.indexOf(value);
 		return /* @__PURE__ */ jsxs(Select, {
@@ -198,7 +180,7 @@ function FieldInput({ field, fieldName, isRequired, ...props }) {
 		] })]
 	});
 	const isNumber = field.type === "integer" || field.type === "number";
-	return renderUnset(/* @__PURE__ */ jsx(Input, {
+	return /* @__PURE__ */ jsx(Input, {
 		id,
 		placeholder: "Enter value",
 		type: isNumber ? "number" : "text",
@@ -208,18 +190,22 @@ function FieldInput({ field, fieldName, isRequired, ...props }) {
 			if (isNumber) setValue(Number.isNaN(e.target.valueAsNumber) ? void 0 : e.target.valueAsNumber);
 			else if (!isNumber) setValue(e.target.value);
 		}
-	}));
+	});
 }
 function FieldSet({ field: _field, fieldName, toolbar, name, isRequired, depth = 0, slotType, collapsible = true, ...props }) {
 	const { readOnly, writeOnly } = useSchemaScope();
 	const field = useResolvedSchema(_field);
 	const [show, setShow] = useState(!collapsible);
-	const { info, updateInfo } = useFieldInfo(fieldName, field);
+	const { info, updateInfo } = useFieldInfo(fieldName, field, depth);
 	const id = stringifyFieldKey(fieldName);
 	const dataEngine = useDataEngine();
+	const [isDefined] = useFieldValue(fieldName, { compute(currentValue) {
+		return currentValue !== void 0;
+	} });
 	if (_field === false) return;
 	if (field.readOnly && !readOnly) return;
 	if (field.writeOnly && !writeOnly) return;
+	if (collapsible && !isDefined && show) setShow(false);
 	function renderLabelTrigger(schema = field) {
 		if (!collapsible) return renderLabelName();
 		return /* @__PURE__ */ jsxs("button", {
@@ -248,6 +234,14 @@ function FieldSet({ field: _field, fieldName, toolbar, name, isRequired, depth =
 			})]
 		});
 	}
+	function renderUnsetButton() {
+		return /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: () => dataEngine.delete(fieldName),
+			className: "text-fd-muted-foreground hover:text-fd-accent-foreground",
+			children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+		});
+	}
 	if (info.unionField && field[info.unionField]) {
 		const union = field[info.unionField];
 		const showSelect = union.length > 1;
@@ -259,6 +253,7 @@ function FieldSet({ field: _field, fieldName, toolbar, name, isRequired, depth =
 			field: union[info.oneOf],
 			depth: depth + 1,
 			slotType: showSelect ? false : slotType,
+			collapsible,
 			toolbar: /* @__PURE__ */ jsxs(Fragment$1, { children: [showSelect && /* @__PURE__ */ jsx("select", {
 				className: "text-xs font-mono",
 				value: info.oneOf,
@@ -284,6 +279,7 @@ function FieldSet({ field: _field, fieldName, toolbar, name, isRequired, depth =
 				...field,
 				type: info.selectedType
 			},
+			collapsible,
 			depth: depth + 1,
 			slotType: showSelect ? false : slotType,
 			toolbar: /* @__PURE__ */ jsxs(Fragment$1, { children: [showSelect && /* @__PURE__ */ jsx("select", {
@@ -305,12 +301,13 @@ function FieldSet({ field: _field, fieldName, toolbar, name, isRequired, depth =
 		return /* @__PURE__ */ jsxs("fieldset", {
 			...props,
 			className: cn("flex flex-col gap-1.5 col-span-full @container", props.className),
-			children: [/* @__PURE__ */ jsxs(FieldLabel, {
-				htmlFor: id,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: fieldLabelVariants(),
 				children: [
 					renderLabelTrigger(schema),
 					slotType ?? /* @__PURE__ */ jsx(FieldLabelType, { children: schemaToString(field) }),
-					toolbar
+					toolbar,
+					!isRequired && isDefined && renderUnsetButton()
 				]
 			}), show && /* @__PURE__ */ jsx(ObjectInput, {
 				field: schema,
@@ -322,12 +319,13 @@ function FieldSet({ field: _field, fieldName, toolbar, name, isRequired, depth =
 	if (field.type === "array") return /* @__PURE__ */ jsxs("fieldset", {
 		...props,
 		className: cn("flex flex-col gap-1.5 col-span-full", props.className),
-		children: [/* @__PURE__ */ jsxs(FieldLabel, {
-			htmlFor: id,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: fieldLabelVariants(),
 			children: [
 				renderLabelTrigger(),
 				slotType ?? /* @__PURE__ */ jsx(FieldLabelType, { children: schemaToString(field) }),
-				toolbar
+				toolbar,
+				!isRequired && isDefined && renderUnsetButton()
 			]
 		}), show && /* @__PURE__ */ jsx(ArrayInput, {
 			fieldName,
@@ -338,12 +336,14 @@ function FieldSet({ field: _field, fieldName, toolbar, name, isRequired, depth =
 	return /* @__PURE__ */ jsxs("fieldset", {
 		...props,
 		className: cn("flex flex-col gap-1.5", props.className),
-		children: [/* @__PURE__ */ jsxs(FieldLabel, {
+		children: [/* @__PURE__ */ jsxs("label", {
+			className: fieldLabelVariants(),
 			htmlFor: id,
 			children: [
 				renderLabelName(),
 				slotType ?? /* @__PURE__ */ jsx(FieldLabelType, { children: schemaToString(field) }),
-				toolbar
+				toolbar,
+				!isRequired && isDefined && renderUnsetButton()
 			]
 		}), /* @__PURE__ */ jsx(FieldInput, {
 			field,

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

@@ -1,6 +1,6 @@
 import { cn } from "../../utils/cn.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/components/select.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 { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "../../ui/components/dialog.js";
 import { useEffect, useState } from "react";

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

@@ -1,9 +1,9 @@
 'use client';
 
 import { resolveServerUrl, withBase } from "../../utils/url.js";
+import { useServerContext, useServerSelectContext } from "../../ui/contexts/api.js";
 import { cn } from "../../utils/cn.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/components/select.js";
-import { useServerContext, useServerSelectContext } from "../../ui/contexts/api.js";
 import { Input, labelVariants } from "../../ui/components/input.js";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "../../ui/components/dialog.js";
 import { useEffect, useRef, useState } from "react";
@@ -118,7 +118,8 @@ function Field({ fieldName, variable }) {
 	return /* @__PURE__ */ jsx(Input, {
 		id: fieldName,
 		value,
-		onChange: (e) => setValue(e.target.value)
+		onChange: (e) => setValue(e.target.value),
+		placeholder: "Enter Value"
 	});
 }
 

package/dist/playground/index.d.ts

@@ -21,6 +21,6 @@ declare function APIPlayground({
   path,
   method,
   ctx
-}: APIPlaygroundProps): Promise<string | number | bigint | boolean | Iterable<react.ReactNode> | react_jsx_runtime0.JSX.Element | null | undefined>;
+}: APIPlaygroundProps): Promise<string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<react.ReactNode> | null | undefined>;
 //#endregion
 export { APIPlayground, APIPlaygroundProps, ParameterField, SecurityEntry };

package/dist/playground/schema.js

@@ -1,9 +1,10 @@
-import { mergeAllOf } from "../utils/merge-schema.js";
 import { getDefaultValue } from "./get-default-values.js";
-import { createContext, use, useMemo, useState } from "react";
+import { mergeAllOf } from "../utils/merge-schema.js";
+import { createContext, use, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Ajv2020 } from "ajv/dist/2020";
-import { useDataEngine } from "@fumari/stf";
+import { useDataEngine, useFieldValue, useNamespace } from "@fumari/stf";
+import { stringifyFieldKey } from "@fumari/stf/lib/utils";
 
 //#region src/playground/schema.tsx
 const SchemaContext = createContext(void 0);
@@ -50,41 +51,40 @@ function useSchemaScope() {
 * @param schema - The JSON Schema to generate initial values.
 * @param depth - The depth to avoid duplicated field name with same schema (e.g. nested `oneOf`).
 */
-function useFieldInfo(fieldName, schema) {
+function useFieldInfo(fieldName, schema, depth = 0) {
 	const { ajv } = use(SchemaContext);
 	const engine = useDataEngine();
-	const attachedData = engine.attachedData("field-info");
-	const [info, setInfo] = useState(() => {
-		const value = engine.get(fieldName);
-		const initialInfo = attachedData.get(fieldName);
-		if (initialInfo) return initialInfo;
-		const out = { oneOf: -1 };
-		const union = getUnion(schema);
-		if (union) {
-			const [members, field] = union;
-			out.oneOf = members.findIndex((item) => ajv.validate(item, value));
-			if (out.oneOf === -1) out.oneOf = 0;
-			out.unionField = field;
-		}
-		if (Array.isArray(schema.type)) {
-			const types = schema.type;
-			out.selectedType = types.find((type) => {
-				schema.type = type;
-				const match = ajv.validate(schema, value);
-				schema.type = types;
-				return match;
-			}) ?? types.at(0);
+	const [info, setInfo] = useFieldValue([], { stf: useNamespace({
+		namespace: `field-info:${depth}:${stringifyFieldKey(fieldName)}`,
+		initial() {
+			const value = engine.get(fieldName);
+			const out = { oneOf: -1 };
+			const union = getUnion(schema);
+			if (union) {
+				const [members, field] = union;
+				out.oneOf = members.findIndex((item) => ajv.validate(item, value));
+				if (out.oneOf === -1) out.oneOf = 0;
+				out.unionField = field;
+			}
+			if (Array.isArray(schema.type)) {
+				const types = schema.type;
+				out.selectedType = types.find((type) => {
+					return ajv.validate({
+						...schema,
+						type
+					}, value);
+				}) ?? types[0];
+			}
+			if (schema.allOf) {
+				const merged = mergeAllOf(schema);
+				if (typeof merged !== "boolean") out.intersection = { merged };
+			}
+			return out;
 		}
-		if (schema.allOf) {
-			const merged = mergeAllOf(schema);
-			if (typeof merged !== "boolean") out.intersection = { merged };
-		}
-		return out;
-	});
-	attachedData.set(fieldName, info);
+	}) });
 	return {
 		info,
-		updateInfo: (value) => {
+		updateInfo(value) {
 			const updated = {
 				...info,
 				...value

package/dist/ui/components/accordion.js

@@ -2,8 +2,8 @@
 
 import { cn } from "../../utils/cn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as Primitive from "@radix-ui/react-accordion";
 import { ChevronRight } from "lucide-react";
+import * as Primitive from "@radix-ui/react-accordion";
 
 //#region src/ui/components/accordion.tsx
 function Accordions(props) {

package/dist/ui/operation/client.js

@@ -5,8 +5,8 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from ".
 import { createContext, use, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, Copy } from "lucide-react";
-import { useCopyButton } from "fumadocs-ui/utils/use-copy-button";
 import { buttonVariants } from "fumadocs-ui/components/ui/button";
+import { useCopyButton } from "fumadocs-ui/utils/use-copy-button";
 
 //#region src/ui/operation/client.tsx
 function CopyResponseTypeScript({ code }) {

package/dist/ui/operation/index.js

@@ -1,15 +1,15 @@
 import { idToTitle } from "../../utils/id-to-title.js";
 import { createMethod, methodKeys } from "../../utils/schema.js";
-import { cn } from "../../utils/cn.js";
-import { Badge, MethodLabel } from "../components/method-label.js";
 import { isMediaTypeSupported } from "../../requests/media/resolve-adapter.js";
 import "../../requests/media/adapter.js";
+import { cn } from "../../utils/cn.js";
+import { Badge, MethodLabel } from "../components/method-label.js";
+import { APIPlayground } from "../../playground/index.js";
 import { Schema } from "../schema/index.js";
 import { UsageTabsProviderLazy } from "./usage-tabs/lazy.js";
 import { AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Accordions } from "../components/accordion.js";
 import { UsageTabs } from "./usage-tabs/index.js";
 import { CopyResponseTypeScript, SelectTab, SelectTabTrigger, SelectTabs } from "./client.js";
-import { APIPlayground } from "../../playground/index.js";
 import { RequestTabs, getExampleRequests } from "./request-tabs.js";
 import { ServerProviderLazy } from "../contexts/api.lazy.js";
 import { Fragment } from "react";

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

@@ -1,8 +1,8 @@
 import { resolveRequestData } from "../../utils/url.js";
 import { getPreferredType, pickExample } from "../../utils/schema.js";
 import { MethodLabel } from "../components/method-label.js";
-import { AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Accordions } from "../components/accordion.js";
 import { encodeRequestData } from "../../requests/media/encode.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";
 import { sample } from "openapi-sampler";

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

@@ -1,8 +1,8 @@
 'use client';
 
 import { joinURL, resolveRequestData, resolveServerUrl, withBase } from "../../../utils/url.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../components/select.js";
 import { useApiContext, useServerSelectContext } from "../../contexts/api.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../components/select.js";
 import { createContext, use, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DynamicCodeBlock } from "fumadocs-ui/components/dynamic-codeblock.core";

package/dist/ui/schema/client.js

@@ -4,11 +4,11 @@ import { cn } from "../../utils/cn.js";
 import { Badge } from "../components/method-label.js";
 import { Fragment, createContext, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
 import { ChevronDown } from "lucide-react";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "fumadocs-ui/components/tabs";
-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,5 +1,5 @@
-import { FormatFlags, schemaToString } from "../../utils/schema-to-string.js";
 import { mergeAllOf } from "../../utils/merge-schema.js";
+import { FormatFlags, schemaToString } from "../../utils/schema-to-string.js";
 import { SchemaUILazy } from "./lazy.js";
 import { jsx } from "react/jsx-runtime";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-openapi",
-  "version": "10.3.9",
+  "version": "10.3.11",
   "description": "Generate MDX docs for your OpenAPI spec",
   "keywords": [
     "Docs",
@@ -77,7 +77,7 @@
     "remark-rehype": "^11.1.2",
     "tailwind-merge": "^3.4.1",
     "xml-js": "^1.6.11",
-    "@fumari/stf": "^0.0.3"
+    "@fumari/stf": "1.0.1"
   },
   "devDependencies": {
     "@scalar/api-client-react": "^1.3.96",
@@ -88,8 +88,8 @@
     "json-schema-typed": "^8.0.2",
     "tailwindcss": "^4.1.18",
     "tsdown": "^0.20.3",
-    "@fumadocs/tailwind": "0.0.2",
     "eslint-config-custom": "0.0.0",
+    "@fumadocs/tailwind": "0.0.2",
     "fumadocs-core": "16.6.5",
     "fumadocs-ui": "16.6.5",
     "tsconfig": "0.0.0"