fumadocs-openapi 10.2.2 → 10.2.4

package/dist/ui/api-page.js

@@ -1,120 +1,136 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-explicit-any -- rehype-react without types */
-import Slugger from 'github-slugger';
-import { Operation } from '../ui/operation/index.js';
-import { createMethod } from '../utils/schema.js';
-import { defaultAdapters } from '../requests/media/adapter.js';
-import { highlight, } from 'fumadocs-core/highlight';
-import { ApiProviderLazy } from './contexts/api.lazy.js';
-import { Heading } from 'fumadocs-ui/components/heading';
-import { rehypeCode, } from 'fumadocs-core/mdx-plugins/rehype-code';
-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 * as JsxRuntime from 'react/jsx-runtime';
-import { CodeBlock, Pre } from 'fumadocs-ui/components/codeblock';
-export function createAPIPage(server, options = {}) {
-    let processor;
-    function createMarkdownProcessor() {
-        function rehypeReact() {
-            this.compiler = (tree, file) => {
-                return toJsxRuntime(tree, {
-                    development: false,
-                    filePath: file.path,
-                    ...JsxRuntime,
-                    components: defaultMdxComponents,
-                });
-            };
-        }
-        return remark()
-            .use(remarkGfm)
-            .use(remarkRehype)
-            .use(rehypeCode, {
-            langs: [],
-            lazy: true,
-        })
-            .use(rehypeReact);
-    }
-    return async function APIPageWrapper({ document, ...props }) {
-        let processed;
-        if (typeof document === 'string') {
-            processed = await server.getSchema(document);
-        }
-        else {
-            processed = await document;
-        }
-        const { dereferenced } = processed;
-        const servers = dereferenced.servers && dereferenced.servers.length > 0
-            ? dereferenced.servers
-            : [{ url: '/' }];
-        const slugger = new Slugger();
-        const ctx = {
-            schema: processed,
-            proxyUrl: server.options.proxyUrl,
-            ...options,
-            servers,
-            mediaAdapters: {
-                ...defaultAdapters,
-                ...options.mediaAdapters,
-            },
-            slugger,
-            renderHeading(depth, text, props) {
-                const id = slugger.slug(text);
-                return (_jsx(Heading, { id: id, as: `h${depth}`, ...props, children: text }, id));
-            },
-            async renderMarkdown(text) {
-                processor ?? (processor = createMarkdownProcessor());
-                const out = await processor.process({
-                    value: text,
-                });
-                return out.result;
-            },
-            async renderCodeBlock(lang, code) {
-                const rendered = await highlight(code, {
-                    lang,
-                    ...options.shikiOptions,
-                    components: {
-                        pre: (props) => _jsx(Pre, { ...props }),
-                    },
-                });
-                return _jsx(CodeBlock, { className: "my-0", children: rendered });
-            },
-        };
-        return _jsx(APIPage, { ...props, ctx: ctx });
-    };
+import { createMethod } from "../utils/schema.js";
+import { defaultAdapters } from "../requests/media/adapter.js";
+import { Operation } from "./operation/index.js";
+import { ApiProviderLazy } from "./contexts/api.lazy.js";
+import Slugger from "github-slugger";
+import * as JsxRuntime from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CodeBlock, Pre } from "fumadocs-ui/components/codeblock";
+import { highlight } from "fumadocs-core/highlight";
+import { Heading } from "fumadocs-ui/components/heading";
+import { rehypeCode } from "fumadocs-core/mdx-plugins/rehype-code";
+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";
+
+//#region src/ui/api-page.tsx
+function createAPIPage(server, options = {}) {
+	let processor;
+	function createMarkdownProcessor() {
+		function rehypeReact() {
+			this.compiler = (tree, file) => {
+				return toJsxRuntime(tree, {
+					development: false,
+					filePath: file.path,
+					...JsxRuntime,
+					components: defaultMdxComponents
+				});
+			};
+		}
+		return remark().use(remarkGfm).use(remarkRehype).use(rehypeCode, {
+			langs: [],
+			lazy: true
+		}).use(rehypeReact);
+	}
+	return async function APIPageWrapper({ document, ...props }) {
+		let processed;
+		if (typeof document === "string") processed = await server.getSchema(document);
+		else processed = await document;
+		const { dereferenced } = processed;
+		const servers = dereferenced.servers && dereferenced.servers.length > 0 ? dereferenced.servers : [{ url: "/" }];
+		const slugger = new Slugger();
+		const ctx = {
+			schema: processed,
+			proxyUrl: server.options.proxyUrl,
+			...options,
+			servers,
+			mediaAdapters: {
+				...defaultAdapters,
+				...options.mediaAdapters
+			},
+			slugger,
+			renderHeading(depth, text, props$1) {
+				const id = slugger.slug(text);
+				return /* @__PURE__ */ jsx(Heading, {
+					id,
+					as: `h${depth}`,
+					...props$1,
+					children: text
+				}, id);
+			},
+			async renderMarkdown(text) {
+				processor ??= createMarkdownProcessor();
+				return (await processor.process({ value: text })).result;
+			},
+			async renderCodeBlock(lang, code) {
+				return /* @__PURE__ */ jsx(CodeBlock, {
+					className: "my-0",
+					children: await highlight(code, {
+						lang,
+						...options.shikiOptions,
+						components: { pre: (props$1) => /* @__PURE__ */ jsx(Pre, { ...props$1 }) }
+					})
+				});
+			}
+		};
+		return /* @__PURE__ */ jsx(APIPage, {
+			...props,
+			ctx
+		});
+	};
 }
-async function APIPage({ showTitle: hasHead = false, showDescription, operations, webhooks, ctx, }) {
-    const { dereferenced } = ctx.schema;
-    let { renderPageLayout } = ctx.content ?? {};
-    renderPageLayout ?? (renderPageLayout = (slots) => (_jsxs("div", { className: "flex flex-col gap-24 text-sm @container", children: [slots.operations?.map((op) => op.children), slots.webhooks?.map((op) => op.children)] })));
-    const content = await renderPageLayout({
-        operations: operations?.map((item) => {
-            const pathItem = dereferenced.paths?.[item.path];
-            if (!pathItem)
-                throw new Error(`[Fumadocs OpenAPI] Path not found in OpenAPI schema: ${item.path}`);
-            const operation = pathItem[item.method];
-            if (!operation)
-                throw new Error(`[Fumadocs OpenAPI] Method ${item.method} not found in operation: ${item.path}`);
-            const method = createMethod(item.method, pathItem, operation);
-            return {
-                item,
-                children: (_jsx(Operation, { method: method, path: item.path, ctx: ctx, showTitle: hasHead, showDescription: showDescription }, `${item.path}:${item.method}`)),
-            };
-        }),
-        webhooks: webhooks?.map((item) => {
-            const webhook = dereferenced.webhooks?.[item.name];
-            if (!webhook)
-                throw new Error(`[Fumadocs OpenAPI] Webhook not found in OpenAPI schema: ${item.name}`);
-            const hook = webhook[item.method];
-            if (!hook)
-                throw new Error(`[Fumadocs OpenAPI] Method ${item.method} not found in webhook: ${item.name}`);
-            return {
-                item,
-                children: (_jsx(Operation, { type: "webhook", method: createMethod(item.method, webhook, hook), ctx: ctx, path: `/${item.name}`, showTitle: hasHead, showDescription: showDescription }, `${item.name}:${item.method}`)),
-            };
-        }),
-    }, ctx);
-    return (_jsx(ApiProviderLazy, { servers: ctx.servers, shikiOptions: ctx.shikiOptions, client: ctx.client ?? {}, children: content }));
+async function APIPage({ showTitle: hasHead = false, showDescription, operations, webhooks, ctx }) {
+	const { dereferenced } = ctx.schema;
+	let { renderPageLayout } = ctx.content ?? {};
+	renderPageLayout ??= (slots) => /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-24 text-sm @container",
+		children: [slots.operations?.map((op) => op.children), slots.webhooks?.map((op) => op.children)]
+	});
+	const content = await renderPageLayout({
+		operations: operations?.map((item) => {
+			const pathItem = dereferenced.paths?.[item.path];
+			if (!pathItem) throw new Error(`[Fumadocs OpenAPI] Path not found in OpenAPI schema: ${item.path}`);
+			const operation = pathItem[item.method];
+			if (!operation) throw new Error(`[Fumadocs OpenAPI] Method ${item.method} not found in operation: ${item.path}`);
+			return {
+				item,
+				children: /* @__PURE__ */ jsx(Operation, {
+					method: createMethod(item.method, pathItem, operation),
+					path: item.path,
+					ctx,
+					showTitle: hasHead,
+					showDescription
+				}, `${item.path}:${item.method}`)
+			};
+		}),
+		webhooks: webhooks?.map((item) => {
+			const webhook = dereferenced.webhooks?.[item.name];
+			if (!webhook) throw new Error(`[Fumadocs OpenAPI] Webhook not found in OpenAPI schema: ${item.name}`);
+			const hook = webhook[item.method];
+			if (!hook) throw new Error(`[Fumadocs OpenAPI] Method ${item.method} not found in webhook: ${item.name}`);
+			return {
+				item,
+				children: /* @__PURE__ */ jsx(Operation, {
+					type: "webhook",
+					method: createMethod(item.method, webhook, hook),
+					ctx,
+					path: `/${item.name}`,
+					showTitle: hasHead,
+					showDescription
+				}, `${item.name}:${item.method}`)
+			};
+		})
+	}, ctx);
+	return /* @__PURE__ */ jsx(ApiProviderLazy, {
+		servers: ctx.servers,
+		shikiOptions: ctx.shikiOptions,
+		client: ctx.client ?? {},
+		children: content
+	});
 }
+
+//#endregion
+export { createAPIPage };
+//# sourceMappingURL=api-page.js.map

package/dist/ui/api-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-page.js","names":["processor: ReturnType<typeof createMarkdownProcessor>","processed: ProcessedDocument","ctx: RenderContext","props"],"sources":["../../src/ui/api-page.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any -- rehype-react without types */\nimport Slugger from 'github-slugger';\nimport { Operation } from '@/ui/operation';\nimport type { MethodInformation, RenderContext } from '@/types';\nimport { createMethod, type NoReference } from '@/utils/schema';\nimport type { OpenAPIV3_1 } from 'openapi-types';\nimport type { ProcessedDocument } from '@/utils/process-document';\nimport { defaultAdapters, MediaAdapter } from '@/requests/media/adapter';\nimport type { FC, ReactNode } from 'react';\nimport {\n  highlight,\n  type HighlightOptionsCommon,\n  type HighlightOptionsThemes,\n} from 'fumadocs-core/highlight';\nimport type { OpenAPIServer } from '@/server';\nimport type { APIPageClientOptions } from './client';\nimport type { CodeUsageGenerator } from './operation/usage-tabs';\nimport { ApiProviderLazy } from './contexts/api.lazy';\nimport { Heading } from 'fumadocs-ui/components/heading';\nimport { rehypeCode, type RehypeCodeOptions } from 'fumadocs-core/mdx-plugins/rehype-code';\nimport { remarkGfm } from 'fumadocs-core/mdx-plugins/remark-gfm';\nimport defaultMdxComponents from 'fumadocs-ui/mdx';\nimport { remark } from 'remark';\nimport remarkRehype from 'remark-rehype';\nimport { toJsxRuntime } from 'hast-util-to-jsx-runtime';\nimport * as JsxRuntime from 'react/jsx-runtime';\nimport { CodeBlock, Pre } from 'fumadocs-ui/components/codeblock';\nimport type { SchemaUIOptions } from './schema';\nimport type { ResponseTab } from './operation/response-tabs';\nimport type { ExampleRequestItem } from './operation/request-tabs';\n\ntype Awaitable<T> = T | Promise<T>;\n\nexport interface CreateAPIPageOptions {\n  /**\n   * Generate TypeScript definitions from response schema.\n   *\n   * Pass `false` to disable it.\n   *\n   * @param method - the operation object\n   * @param statusCode - status code\n   */\n  generateTypeScriptSchema?:\n    | ((method: NoReference<MethodInformation>, statusCode: string) => Awaitable<string>)\n    | false;\n\n  /**\n   * Generate example code usage for endpoints.\n   */\n  generateCodeSamples?: (method: MethodInformation) => Awaitable<CodeUsageGenerator[]>;\n\n  shikiOptions?: Omit<HighlightOptionsCommon, 'lang' | 'components'> & HighlightOptionsThemes;\n\n  /**\n   * Show full response schema instead of only example response & Typescript definitions.\n   *\n   * @default true\n   */\n  showResponseSchema?: boolean;\n\n  /**\n   * Support other media types (for server-side generation).\n   */\n  mediaAdapters?: Record<string, MediaAdapter>;\n\n  /**\n   * Customise page content\n   */\n  content?: {\n    renderResponseTabs?: (tabs: ResponseTab[], ctx: RenderContext) => Awaitable<ReactNode>;\n\n    renderRequestTabs?: (\n      items: ExampleRequestItem[],\n      ctx: RenderContext & {\n        route: string;\n        operation: NoReference<MethodInformation>;\n      },\n    ) => Awaitable<ReactNode>;\n\n    renderAPIExampleLayout?: (\n      slots: {\n        selector: ReactNode;\n        usageTabs: ReactNode;\n        responseTabs: ReactNode;\n      },\n      ctx: RenderContext,\n    ) => Awaitable<ReactNode>;\n\n    /**\n     * @param generators - codegens for API example usages\n     */\n    renderAPIExampleUsageTabs?: (\n      generators: CodeUsageGenerator[],\n      ctx: RenderContext,\n    ) => Awaitable<ReactNode>;\n\n    /**\n     * renderer of the entire page's layout (containing all operations & webhooks UI)\n     */\n    renderPageLayout?: (\n      slots: {\n        operations?: {\n          item: OperationItem;\n          children: ReactNode;\n        }[];\n        webhooks?: {\n          item: WebhookItem;\n          children: ReactNode;\n        }[];\n      },\n      ctx: RenderContext,\n    ) => Awaitable<ReactNode>;\n\n    renderOperationLayout?: (\n      slots: {\n        header: ReactNode;\n        description: ReactNode;\n        apiExample: ReactNode;\n        apiPlayground: ReactNode;\n\n        authSchemes: ReactNode;\n        paremeters: ReactNode;\n        body: ReactNode;\n        responses: ReactNode;\n        callbacks: ReactNode;\n      },\n      ctx: RenderContext,\n      method: NoReference<MethodInformation>,\n    ) => Awaitable<ReactNode>;\n\n    renderWebhookLayout?: (slots: {\n      header: ReactNode;\n      description: ReactNode;\n      authSchemes: ReactNode;\n      paremeters: ReactNode;\n      body: ReactNode;\n      requests: ReactNode;\n      responses: ReactNode;\n      callbacks: ReactNode;\n    }) => Awaitable<ReactNode>;\n  };\n\n  /**\n   * Info UI for JSON schemas\n   */\n  schemaUI?: {\n    render?: (options: SchemaUIOptions, ctx: RenderContext) => Awaitable<ReactNode>;\n\n    /**\n     * Show examples under the generated content of JSON schemas.\n     *\n     * @defaultValue false\n     */\n    showExample?: boolean;\n  };\n\n  /**\n   * Customise API playground\n   */\n  playground?: {\n    /**\n     * @defaultValue true\n     */\n    enabled?: boolean;\n    /**\n     * replace the server-side renderer\n     */\n    render?: (props: {\n      path: string;\n      method: MethodInformation;\n      ctx: RenderContext;\n    }) => Awaitable<ReactNode>;\n  };\n\n  client?: APIPageClientOptions;\n}\n\nexport interface ApiPageProps {\n  document: Promise<ProcessedDocument> | string | ProcessedDocument;\n  showTitle?: boolean;\n  showDescription?: boolean;\n\n  /**\n   * An array of operations\n   */\n  operations?: OperationItem[];\n\n  webhooks?: WebhookItem[];\n}\n\nexport interface WebhookItem {\n  /**\n   * webhook name in `webhooks`\n   */\n  name: string;\n  method: OpenAPIV3_1.HttpMethods;\n}\n\nexport interface OperationItem {\n  /**\n   * the path of operation in `paths`\n   */\n  path: string;\n  /**\n   * the HTTP method of operation\n   */\n  method: OpenAPIV3_1.HttpMethods;\n}\n\nexport function createAPIPage(\n  server: OpenAPIServer,\n  options: CreateAPIPageOptions = {},\n): FC<ApiPageProps> {\n  let processor: ReturnType<typeof createMarkdownProcessor>;\n\n  function createMarkdownProcessor() {\n    function rehypeReact(this: any) {\n      this.compiler = (tree: any, file: any) => {\n        return toJsxRuntime(tree, {\n          development: false,\n          filePath: file.path,\n          ...JsxRuntime,\n          components: defaultMdxComponents,\n        });\n      };\n    }\n\n    return remark()\n      .use(remarkGfm)\n      .use(remarkRehype)\n      .use(rehypeCode, {\n        langs: [],\n        lazy: true,\n      } satisfies Partial<RehypeCodeOptions>)\n      .use(rehypeReact);\n  }\n\n  return async function APIPageWrapper({ document, ...props }) {\n    let processed: ProcessedDocument;\n    if (typeof document === 'string') {\n      processed = await server.getSchema(document);\n    } else {\n      processed = await document;\n    }\n\n    const { dereferenced } = processed;\n    const servers =\n      dereferenced.servers && dereferenced.servers.length > 0\n        ? dereferenced.servers\n        : [{ url: '/' }];\n\n    const slugger = new Slugger();\n\n    const ctx: RenderContext = {\n      schema: processed,\n      proxyUrl: server.options.proxyUrl,\n      ...options,\n      servers,\n      mediaAdapters: {\n        ...defaultAdapters,\n        ...options.mediaAdapters,\n      },\n      slugger,\n      renderHeading(depth, text, props) {\n        const id = slugger.slug(text);\n\n        return (\n          <Heading id={id} key={id} as={`h${depth}` as `h1`} {...props}>\n            {text}\n          </Heading>\n        );\n      },\n      async renderMarkdown(text) {\n        processor ??= createMarkdownProcessor();\n\n        const out = await processor.process({\n          value: text,\n        });\n\n        return out.result as ReactNode;\n      },\n      async renderCodeBlock(lang, code) {\n        const rendered = await highlight(code, {\n          lang,\n          ...options.shikiOptions,\n          components: {\n            pre: (props) => <Pre {...props} />,\n          },\n        });\n\n        return <CodeBlock className=\"my-0\">{rendered}</CodeBlock>;\n      },\n    };\n\n    return <APIPage {...props} ctx={ctx} />;\n  };\n}\n\nasync function APIPage({\n  showTitle: hasHead = false,\n  showDescription,\n  operations,\n  webhooks,\n  ctx,\n}: Omit<ApiPageProps, 'document'> & {\n  ctx: RenderContext;\n}) {\n  const { dereferenced } = ctx.schema;\n  let { renderPageLayout } = ctx.content ?? {};\n  renderPageLayout ??= (slots) => (\n    <div className=\"flex flex-col gap-24 text-sm @container\">\n      {slots.operations?.map((op) => op.children)}\n      {slots.webhooks?.map((op) => op.children)}\n    </div>\n  );\n\n  const content = await renderPageLayout(\n    {\n      operations: operations?.map((item) => {\n        const pathItem = dereferenced.paths?.[item.path];\n        if (!pathItem)\n          throw new Error(`[Fumadocs OpenAPI] Path not found in OpenAPI schema: ${item.path}`);\n\n        const operation = pathItem[item.method];\n        if (!operation)\n          throw new Error(\n            `[Fumadocs OpenAPI] Method ${item.method} not found in operation: ${item.path}`,\n          );\n\n        const method = createMethod(item.method, pathItem, operation);\n\n        return {\n          item,\n          children: (\n            <Operation\n              key={`${item.path}:${item.method}`}\n              method={method}\n              path={item.path}\n              ctx={ctx}\n              showTitle={hasHead}\n              showDescription={showDescription}\n            />\n          ),\n        };\n      }),\n      webhooks: webhooks?.map((item) => {\n        const webhook = dereferenced.webhooks?.[item.name];\n        if (!webhook)\n          throw new Error(`[Fumadocs OpenAPI] Webhook not found in OpenAPI schema: ${item.name}`);\n\n        const hook = webhook[item.method];\n        if (!hook)\n          throw new Error(\n            `[Fumadocs OpenAPI] Method ${item.method} not found in webhook: ${item.name}`,\n          );\n\n        return {\n          item,\n          children: (\n            <Operation\n              type=\"webhook\"\n              key={`${item.name}:${item.method}`}\n              method={createMethod(item.method, webhook, hook)}\n              ctx={ctx}\n              path={`/${item.name}`}\n              showTitle={hasHead}\n              showDescription={showDescription}\n            />\n          ),\n        };\n      }),\n    },\n    ctx,\n  );\n\n  return (\n    <ApiProviderLazy\n      servers={ctx.servers}\n      shikiOptions={ctx.shikiOptions}\n      client={ctx.client ?? {}}\n    >\n      {content}\n    </ApiProviderLazy>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiNA,SAAgB,cACd,QACA,UAAgC,EAAE,EAChB;CAClB,IAAIA;CAEJ,SAAS,0BAA0B;EACjC,SAAS,cAAuB;AAC9B,QAAK,YAAY,MAAW,SAAc;AACxC,WAAO,aAAa,MAAM;KACxB,aAAa;KACb,UAAU,KAAK;KACf,GAAG;KACH,YAAY;KACb,CAAC;;;AAIN,SAAO,QAAQ,CACZ,IAAI,UAAU,CACd,IAAI,aAAa,CACjB,IAAI,YAAY;GACf,OAAO,EAAE;GACT,MAAM;GACP,CAAsC,CACtC,IAAI,YAAY;;AAGrB,QAAO,eAAe,eAAe,EAAE,UAAU,GAAG,SAAS;EAC3D,IAAIC;AACJ,MAAI,OAAO,aAAa,SACtB,aAAY,MAAM,OAAO,UAAU,SAAS;MAE5C,aAAY,MAAM;EAGpB,MAAM,EAAE,iBAAiB;EACzB,MAAM,UACJ,aAAa,WAAW,aAAa,QAAQ,SAAS,IAClD,aAAa,UACb,CAAC,EAAE,KAAK,KAAK,CAAC;EAEpB,MAAM,UAAU,IAAI,SAAS;EAE7B,MAAMC,MAAqB;GACzB,QAAQ;GACR,UAAU,OAAO,QAAQ;GACzB,GAAG;GACH;GACA,eAAe;IACb,GAAG;IACH,GAAG,QAAQ;IACZ;GACD;GACA,cAAc,OAAO,MAAM,SAAO;IAChC,MAAM,KAAK,QAAQ,KAAK,KAAK;AAE7B,WACE,oBAAC;KAAY;KAAa,IAAI,IAAI;KAAiB,GAAIC;eACpD;OADmB,GAEZ;;GAGd,MAAM,eAAe,MAAM;AACzB,kBAAc,yBAAyB;AAMvC,YAJY,MAAM,UAAU,QAAQ,EAClC,OAAO,MACR,CAAC,EAES;;GAEb,MAAM,gBAAgB,MAAM,MAAM;AAShC,WAAO,oBAAC;KAAU,WAAU;eARX,MAAM,UAAU,MAAM;MACrC;MACA,GAAG,QAAQ;MACX,YAAY,EACV,MAAM,YAAU,oBAAC,OAAI,GAAIA,UAAS,EACnC;MACF,CAAC;MAEuD;;GAE5D;AAED,SAAO,oBAAC;GAAQ,GAAI;GAAY;IAAO;;;AAI3C,eAAe,QAAQ,EACrB,WAAW,UAAU,OACrB,iBACA,YACA,UACA,OAGC;CACD,MAAM,EAAE,iBAAiB,IAAI;CAC7B,IAAI,EAAE,qBAAqB,IAAI,WAAW,EAAE;AAC5C,uBAAsB,UACpB,qBAAC;EAAI,WAAU;aACZ,MAAM,YAAY,KAAK,OAAO,GAAG,SAAS,EAC1C,MAAM,UAAU,KAAK,OAAO,GAAG,SAAS;GACrC;CAGR,MAAM,UAAU,MAAM,iBACpB;EACE,YAAY,YAAY,KAAK,SAAS;GACpC,MAAM,WAAW,aAAa,QAAQ,KAAK;AAC3C,OAAI,CAAC,SACH,OAAM,IAAI,MAAM,wDAAwD,KAAK,OAAO;GAEtF,MAAM,YAAY,SAAS,KAAK;AAChC,OAAI,CAAC,UACH,OAAM,IAAI,MACR,6BAA6B,KAAK,OAAO,2BAA2B,KAAK,OAC1E;AAIH,UAAO;IACL;IACA,UACE,oBAAC;KAEC,QAPS,aAAa,KAAK,QAAQ,UAAU,UAAU;KAQvD,MAAM,KAAK;KACN;KACL,WAAW;KACM;OALZ,GAAG,KAAK,KAAK,GAAG,KAAK,SAM1B;IAEL;IACD;EACF,UAAU,UAAU,KAAK,SAAS;GAChC,MAAM,UAAU,aAAa,WAAW,KAAK;AAC7C,OAAI,CAAC,QACH,OAAM,IAAI,MAAM,2DAA2D,KAAK,OAAO;GAEzF,MAAM,OAAO,QAAQ,KAAK;AAC1B,OAAI,CAAC,KACH,OAAM,IAAI,MACR,6BAA6B,KAAK,OAAO,yBAAyB,KAAK,OACxE;AAEH,UAAO;IACL;IACA,UACE,oBAAC;KACC,MAAK;KAEL,QAAQ,aAAa,KAAK,QAAQ,SAAS,KAAK;KAC3C;KACL,MAAM,IAAI,KAAK;KACf,WAAW;KACM;OALZ,GAAG,KAAK,KAAK,GAAG,KAAK,SAM1B;IAEL;IACD;EACH,EACD,IACD;AAED,QACE,oBAAC;EACC,SAAS,IAAI;EACb,cAAc,IAAI;EAClB,QAAQ,IAAI,UAAU,EAAE;YAEvB;GACe"}

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

@@ -1,29 +1,33 @@
-import type { PlaygroundClientOptions } from '../../playground/client.js';
-import type { MediaAdapter } from '../../requests/media/adapter.js';
-import type { FC } from 'react';
-import type { ExampleRequestItem } from '../operation/request-tabs.js';
-export interface APIPageClientOptions {
-    playground?: PlaygroundClientOptions;
-    operation?: OperationClientOptions;
-    /**
-     * 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>;
+import { MediaAdapter } from "../../requests/media/adapter.js";
+import { PlaygroundClientOptions } from "../../playground/client.js";
+import { ExampleRequestItem } from "../operation/request-tabs.js";
+import { FC } from "react";
+
+//#region src/ui/client/index.d.ts
+interface APIPageClientOptions {
+  playground?: PlaygroundClientOptions;
+  operation?: OperationClientOptions;
+  /**
+   * 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>;
 }
-export interface OperationClientOptions {
-    APIExampleSelector?: FC<{
-        items: ExampleRequestItem[];
-        value: string | undefined;
-        onValueChange: (id: string) => void;
-    }>;
+interface OperationClientOptions {
+  APIExampleSelector?: FC<{
+    items: ExampleRequestItem[];
+    value: string | undefined;
+    onValueChange: (id: string) => void;
+  }>;
 }
-export declare function defineClientConfig(options?: APIPageClientOptions): APIPageClientOptions;
+declare function defineClientConfig(options?: APIPageClientOptions): APIPageClientOptions;
+//#endregion
+export { APIPageClientOptions, OperationClientOptions, defineClientConfig };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/client/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,MAAM,WAAW,oBAAoB;IACnC,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,SAAS,CAAC,EAAE,sBAAsB,CAAC;IAEnC;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CAC9C;AAED,MAAM,WAAW,sBAAsB;IACrC,kBAAkB,CAAC,EAAE,EAAE,CAAC;QACtB,KAAK,EAAE,kBAAkB,EAAE,CAAC;QAE5B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1B,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;KACrC,CAAC,CAAC;CACJ;AAED,wBAAgB,kBAAkB,CAChC,OAAO,GAAE,oBAAyB,GACjC,oBAAoB,CAEtB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/ui/client/index.tsx"],"sourcesContent":[],"mappings":";;;;;;UAMiB,oBAAA;eACF;EADE,SAAA,CAAA,EAEH,sBAFuB;EACtB;;;;;AAkBf;AASA;;;;;kBAZkB,eAAe;;UAGhB,sBAAA;uBACM;WACZ;;;;;iBAOK,kBAAA,WAA4B,uBAA4B"}

package/dist/ui/client/index.js

@@ -1,4 +1,10 @@
 'use client';
-export function defineClientConfig(options = {}) {
-    return options;
+
+//#region src/ui/client/index.tsx
+function defineClientConfig(options = {}) {
+	return options;
 }
+
+//#endregion
+export { defineClientConfig };
+//# sourceMappingURL=index.js.map

package/dist/ui/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/ui/client/index.tsx"],"sourcesContent":["'use client';\nimport type { PlaygroundClientOptions } from '@/playground/client';\nimport type { MediaAdapter } from '@/requests/media/adapter';\nimport type { FC } from 'react';\nimport type { ExampleRequestItem } from '../operation/request-tabs';\n\nexport interface APIPageClientOptions {\n  playground?: PlaygroundClientOptions;\n  operation?: OperationClientOptions;\n\n  /**\n   * Set a prefix for `localStorage` keys.\n   *\n   * Useful when using multiple OpenAPI instances to prevent state conflicts.\n   *\n   * @defaultValue `fumadocs-openapi-`\n   */\n  storageKeyPrefix?: string;\n\n  /**\n   * Support other media types (for client-side serialization)\n   */\n  mediaAdapters?: Record<string, MediaAdapter>;\n}\n\nexport interface OperationClientOptions {\n  APIExampleSelector?: FC<{\n    items: ExampleRequestItem[];\n\n    value: string | undefined;\n    onValueChange: (id: string) => void;\n  }>;\n}\n\nexport function defineClientConfig(options: APIPageClientOptions = {}): APIPageClientOptions {\n  return options;\n}\n"],"mappings":";;;AAkCA,SAAgB,mBAAmB,UAAgC,EAAE,EAAwB;AAC3F,QAAO"}

package/dist/ui/client/storage-key.js

@@ -1,12 +1,18 @@
-import { useApiContext } from '../contexts/api.js';
-import { useMemo } from 'react';
-export function useStorageKey() {
-    const { storageKeyPrefix } = useApiContext().client;
-    return useMemo(() => ({
-        of: (name) => getStorageKey(storageKeyPrefix, name),
-        AuthField: (field) => getStorageKey(storageKeyPrefix, `auth-${field.original?.id ?? field.fieldName}`),
-    }), [storageKeyPrefix]);
+import { useApiContext } from "../contexts/api.js";
+import { useMemo } from "react";
+
+//#region src/ui/client/storage-key.ts
+function useStorageKey() {
+	const { storageKeyPrefix } = useApiContext().client;
+	return useMemo(() => ({
+		of: (name) => getStorageKey(storageKeyPrefix, name),
+		AuthField: (field) => getStorageKey(storageKeyPrefix, `auth-${field.original?.id ?? field.fieldName}`)
+	}), [storageKeyPrefix]);
 }
-export function getStorageKey(prefix = 'fumadocs-openapi-', name) {
-    return prefix + name;
+function getStorageKey(prefix = "fumadocs-openapi-", name) {
+	return prefix + name;
 }
+
+//#endregion
+export { useStorageKey };
+//# sourceMappingURL=storage-key.js.map

package/dist/ui/client/storage-key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage-key.js","names":[],"sources":["../../../src/ui/client/storage-key.ts"],"sourcesContent":["import type { AuthField } from '@/playground/client';\nimport { useApiContext } from '../contexts/api';\nimport { useMemo } from 'react';\n\ntype KeyName = 'server-url' | `auth-${string}`;\n\nexport function useStorageKey() {\n  const { storageKeyPrefix } = useApiContext().client;\n\n  return useMemo(\n    () => ({\n      of: (name: KeyName) => getStorageKey(storageKeyPrefix, name),\n      AuthField: (field: AuthField) =>\n        getStorageKey(storageKeyPrefix, `auth-${field.original?.id ?? field.fieldName}`),\n    }),\n    [storageKeyPrefix],\n  );\n}\n\nexport function getStorageKey(prefix = 'fumadocs-openapi-', name: KeyName) {\n  return prefix + name;\n}\n"],"mappings":";;;;AAMA,SAAgB,gBAAgB;CAC9B,MAAM,EAAE,qBAAqB,eAAe,CAAC;AAE7C,QAAO,eACE;EACL,KAAK,SAAkB,cAAc,kBAAkB,KAAK;EAC5D,YAAY,UACV,cAAc,kBAAkB,QAAQ,MAAM,UAAU,MAAM,MAAM,YAAY;EACnF,GACD,CAAC,iBAAiB,CACnB;;AAGH,SAAgB,cAAc,SAAS,qBAAqB,MAAe;AACzE,QAAO,SAAS"}

package/dist/ui/components/accordion.js

@@ -1,20 +1,46 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as Primitive from '@radix-ui/react-accordion';
-import { ChevronRight } from '../../ui/icons.js';
-import { cn } from '../../utils/cn.js';
-export function Accordions(props) {
-    return (_jsx(Primitive.Root, { ...props, className: cn('divide-y divide-fd-border', props.className) }));
+
+import { cn } from "../../utils/cn.js";
+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
+function Accordions(props) {
+	return /* @__PURE__ */ jsx(Primitive.Root, {
+		...props,
+		className: cn("divide-y divide-fd-border", props.className)
+	});
 }
-export function AccordionItem(props) {
-    return (_jsx(Primitive.Item, { ...props, className: cn('scroll-m-20', props.className), children: props.children }));
+function AccordionItem(props) {
+	return /* @__PURE__ */ jsx(Primitive.Item, {
+		...props,
+		className: cn("scroll-m-20", props.className),
+		children: props.children
+	});
 }
-export function AccordionContent(props) {
-    return (_jsx(Primitive.Content, { ...props, className: cn('overflow-hidden data-[state=closed]:animate-fd-accordion-up data-[state=open]:animate-fd-accordion-down', props.className), children: props.children }));
+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),
+		children: props.children
+	});
 }
-export function AccordionHeader(props) {
-    return (_jsx(Primitive.Header, { ...props, className: cn('not-prose flex py-2 text-fd-foreground font-medium', props.className), children: props.children }));
+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
+	});
 }
-export function AccordionTrigger(props) {
-    return (_jsxs(Primitive.Trigger, { ...props, className: cn('flex flex-1 items-center gap-1 text-start group/accordion focus-visible:outline-none', props.className), children: [_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] }));
+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 };
+//# sourceMappingURL=accordion.js.map

package/dist/ui/components/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","names":[],"sources":["../../../src/ui/components/accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as Primitive from '@radix-ui/react-accordion';\nimport { ChevronRight } from 'lucide-react';\nimport type { ComponentProps } from 'react';\nimport { cn } from '@/utils/cn';\n\nexport function Accordions(props: ComponentProps<typeof Primitive.Root>) {\n  return <Primitive.Root {...props} className={cn('divide-y divide-fd-border', props.className)} />;\n}\n\nexport function AccordionItem(props: ComponentProps<typeof Primitive.Item>) {\n  return (\n    <Primitive.Item {...props} className={cn('scroll-m-20', props.className)}>\n      {props.children}\n    </Primitive.Item>\n  );\n}\n\nexport function AccordionContent(props: ComponentProps<typeof Primitive.Content>) {\n  return (\n    <Primitive.Content\n      {...props}\n      className={cn(\n        'overflow-hidden data-[state=closed]:animate-fd-accordion-up data-[state=open]:animate-fd-accordion-down',\n        props.className,\n      )}\n    >\n      {props.children}\n    </Primitive.Content>\n  );\n}\n\nexport function AccordionHeader(props: ComponentProps<typeof Primitive.Header>) {\n  return (\n    <Primitive.Header\n      {...props}\n      className={cn('not-prose flex py-2 text-fd-foreground font-medium', props.className)}\n    >\n      {props.children}\n    </Primitive.Header>\n  );\n}\n\nexport function AccordionTrigger(props: ComponentProps<typeof Primitive.Trigger>) {\n  return (\n    <Primitive.Trigger\n      {...props}\n      className={cn(\n        'flex flex-1 items-center gap-1 text-start group/accordion focus-visible:outline-none',\n        props.className,\n      )}\n    >\n      <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\" />\n      {props.children}\n    </Primitive.Trigger>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,WAAW,OAA8C;AACvE,QAAO,oBAAC,UAAU;EAAK,GAAI;EAAO,WAAW,GAAG,6BAA6B,MAAM,UAAU;GAAI;;AAGnG,SAAgB,cAAc,OAA8C;AAC1E,QACE,oBAAC,UAAU;EAAK,GAAI;EAAO,WAAW,GAAG,eAAe,MAAM,UAAU;YACrE,MAAM;GACQ;;AAIrB,SAAgB,iBAAiB,OAAiD;AAChF,QACE,oBAAC,UAAU;EACT,GAAI;EACJ,WAAW,GACT,2GACA,MAAM,UACP;YAEA,MAAM;GACW;;AAIxB,SAAgB,gBAAgB,OAAgD;AAC9E,QACE,oBAAC,UAAU;EACT,GAAI;EACJ,WAAW,GAAG,sDAAsD,MAAM,UAAU;YAEnF,MAAM;GACU;;AAIvB,SAAgB,iBAAiB,OAAiD;AAChF,QACE,qBAAC,UAAU;EACT,GAAI;EACJ,WAAW,GACT,wFACA,MAAM,UACP;aAED,oBAAC,gBAAa,WAAU,8JAA8J,EACrL,MAAM;GACW"}

package/dist/ui/components/dialog.js

@@ -1,24 +1,60 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { X } from '../../ui/icons.js';
-import { cn } from '../../utils/cn.js';
-import { buttonVariants } from 'fumadocs-ui/components/ui/button';
+
+import { cn } from "../../utils/cn.js";
+import * as React from "react";
+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;
 const DialogClose = DialogPrimitive.Close;
-const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: 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 })));
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__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
+}));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: 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, _jsx(DialogPrimitive.Close, { "aria-label": "Close", className: cn(buttonVariants({ size: 'icon-sm', color: 'ghost' }), 'absolute end-2 top-2 text-fd-muted-foreground/70'), children: _jsx(X, {}) })] })] })));
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__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": "Close",
+		className: cn(buttonVariants({
+			size: "icon-sm",
+			color: "ghost"
+		}), "absolute end-2 top-2 text-fd-muted-foreground/70"),
+		children: /* @__PURE__ */ jsx(X, {})
+	})]
+})] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col gap-1.5 text-center sm:text-start', className), ...props }));
-DialogHeader.displayName = 'DialogHeader';
-const DialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2', className), ...props }));
-DialogFooter.displayName = 'DialogFooter';
-const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn('text-lg font-semibold leading-none tracking-tight', className), ...props })));
+const DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col gap-1.5 text-center sm:text-start", className),
+	...props
+});
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2", className),
+	...props
+});
+DialogFooter.displayName = "DialogFooter";
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+	ref,
+	className: cn("text-lg font-semibold leading-none tracking-tight", className),
+	...props
+}));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn('text-sm text-fd-muted-foreground', className), ...props })));
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+	ref,
+	className: cn("text-sm text-fd-muted-foreground", className),
+	...props
+}));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
+
+//#endregion
+export { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger };
+//# sourceMappingURL=dialog.js.map

package/dist/ui/components/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/ui/components/dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\nimport { cn } from '@/utils/cn';\nimport { buttonVariants } from 'fumadocs-ui/components/ui/button';\n\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      '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',\n      className,\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        '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',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close\n        aria-label=\"Close\"\n        className={cn(\n          buttonVariants({ size: 'icon-sm', color: 'ghost' }),\n          'absolute end-2 top-2 text-fd-muted-foreground/70',\n        )}\n      >\n        <X />\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-1.5 text-center sm:text-start', className)} {...props} />\n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2', className)}\n    {...props}\n  />\n);\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogTitle = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-fd-muted-foreground', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n};\n"],"mappings":";;;;;;;;;;AAQA,MAAM,SAAS,gBAAgB;AAE/B,MAAM,gBAAgB,gBAAgB;AAEtC,MAAM,eAAe,gBAAgB;AAErC,MAAM,cAAc,gBAAgB;AAEpC,MAAM,gBAAgB,MAAM,YAGzB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB;CACV;CACL,WAAW,GACT,gIACA,UACD;CACD,GAAI;EACJ,CACF;AACF,cAAc,cAAc,gBAAgB,QAAQ;AAEpD,MAAM,gBAAgB,MAAM,YAGzB,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,qBAAC,2BACC,oBAAC,kBAAgB,EACjB,qBAAC,gBAAgB;CACV;CACL,WAAW,GACT,4QACA,UACD;CACD,GAAI;YAEH,UACD,oBAAC,gBAAgB;EACf,cAAW;EACX,WAAW,GACT,eAAe;GAAE,MAAM;GAAW,OAAO;GAAS,CAAC,EACnD,mDACD;YAED,oBAAC,MAAI;GACiB;EACA,IACb,CACf;AACF,cAAc,cAAc,gBAAgB,QAAQ;AAEpD,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC;CAAI,WAAW,GAAG,mDAAmD,UAAU;CAAE,GAAI;EAAS;AAEjG,aAAa,cAAc;AAE3B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC;CACC,WAAW,GAAG,6DAA6D,UAAU;CACrF,GAAI;EACJ;AAEJ,aAAa,cAAc;AAE3B,MAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB;CACV;CACL,WAAW,GAAG,qDAAqD,UAAU;CAC7E,GAAI;EACJ,CACF;AACF,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,oBAAoB,MAAM,YAG7B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB;CACV;CACL,WAAW,GAAG,oCAAoC,UAAU;CAC5D,GAAI;EACJ,CACF;AACF,kBAAkB,cAAc,gBAAgB,YAAY"}

package/dist/ui/components/input.js

@@ -1,10 +1,20 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { cn } from '../../utils/cn.js';
-import { cva } from 'class-variance-authority';
-export const labelVariants = cva('text-xs font-medium text-fd-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
+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 (_jsx("input", { type: 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: ref, ...props }));
+	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';
-export { Input };
+Input.displayName = "Input";
+
+//#endregion
+export { Input, labelVariants };
+//# sourceMappingURL=input.js.map

package/dist/ui/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../../src/ui/components/input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@/utils/cn';\nimport { cva } from 'class-variance-authority';\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const labelVariants = cva(\n  'text-xs font-medium text-fd-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n);\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          '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',\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = 'Input';\n\nexport { Input };\n"],"mappings":";;;;;;AAMA,MAAa,gBAAgB,IAC3B,mGACD;AAED,MAAM,QAAQ,MAAM,YACjB,EAAE,WAAW,MAAM,GAAG,SAAS,QAAQ;AACtC,QACE,oBAAC;EACO;EACN,WAAW,GACT,iSACA,UACD;EACI;EACL,GAAI;GACJ;EAGP;AACD,MAAM,cAAc"}