fumadocs-openapi 10.3.15 → 10.3.17

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/ui/operation/index.tsx"],"sourcesContent":["import { type ComponentProps, Fragment, type ReactNode } from 'react';\nimport type {\n  CallbackObject,\n  MethodInformation,\n  RenderContext,\n  SecuritySchemeObject,\n} from '@/types';\nimport { createMethod, methodKeys, type NoReference, type ResolvedSchema } from '@/utils/schema';\nimport { idToTitle } from '@/utils/id-to-title';\nimport { Schema } from '../schema';\nimport { UsageTabs } from '@/ui/operation/usage-tabs';\nimport { Badge, MethodLabel } from '@/ui/components/method-label';\nimport { CopyTypeScriptPanel, SelectTab, SelectTabs, SelectTabTrigger } from './client';\nimport {\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  Accordions,\n  AccordionTrigger,\n} from '@/ui/components/accordion';\nimport { isMediaTypeSupported } from '@/requests/media/adapter';\nimport { cn } from '@/utils/cn';\nimport { APIPlayground } from '@/playground';\nimport { getExampleRequests, RequestTabs } from './request-tabs';\nimport { UsageTabsProviderLazy } from './usage-tabs/lazy';\nimport { ServerProviderLazy } from '../contexts/api.lazy';\n\nconst ParamTypes = {\n  path: 'Path Parameters',\n  query: 'Query Parameters',\n  header: 'Header Parameters',\n  cookie: 'Cookie Parameters',\n};\n\nexport async function Operation({\n  type = 'operation',\n  path,\n  method,\n  ctx,\n  showTitle,\n  showDescription,\n  headingLevel = 2,\n}: {\n  type?: 'webhook' | 'operation';\n  path: string;\n  method: MethodInformation;\n  ctx: RenderContext;\n\n  showTitle?: boolean;\n  showDescription?: boolean;\n  headingLevel?: number;\n}) {\n  const {\n    schema: { dereferenced },\n  } = ctx;\n  const body = method.requestBody;\n  let headNode: ReactNode = null;\n  const descriptionNode =\n    showDescription && method.description && ctx.renderMarkdown(method.description);\n  let bodyNode: ReactNode = null;\n  let authNode: ReactNode = null;\n  let responseNode: ReactNode = null;\n  let callbacksNode: ReactNode = null;\n\n  if (showTitle) {\n    const title = method.summary || (method.operationId ? idToTitle(method.operationId) : path);\n\n    headNode = ctx.renderHeading(headingLevel, title);\n    headingLevel++;\n  }\n\n  const contentTypes = body?.content ? Object.entries(body.content) : null;\n\n  if (body && contentTypes && contentTypes.length > 0) {\n    const items = contentTypes.map(([key]) => ({\n      label: <code className=\"text-xs\">{key}</code>,\n      value: key,\n    }));\n\n    bodyNode = (\n      <SelectTabs defaultValue={items[0].value}>\n        <div className=\"flex gap-2 items-center justify-between mt-10\">\n          {ctx.renderHeading(headingLevel, 'Request Body', {\n            className: 'my-0!',\n          })}\n          {contentTypes.length > 1 ? (\n            <SelectTabTrigger items={items} className=\"font-medium\" />\n          ) : (\n            <p className=\"text-fd-muted-foreground not-prose\">{items[0].label}</p>\n          )}\n        </div>\n        {body.description && ctx.renderMarkdown(body.description)}\n        {contentTypes.map(async ([type, content]) => {\n          if (!isMediaTypeSupported(type, ctx.mediaAdapters)) {\n            throw new Error(`Media type ${type} is not supported (in ${path})`);\n          }\n\n          const ts = content.schema\n            ? await ctx.generateTypeScriptDefinitions(content.schema, {\n                operation: method,\n                readOnly: false,\n                writeOnly: true,\n                ...ctx,\n              })\n            : undefined;\n\n          return (\n            <SelectTab key={type} value={type}>\n              {ts && <CopyTypeScriptPanel name=\"request body\" code={ts} className=\"mt-4\" />}\n              <Schema\n                client={{\n                  name: 'body',\n                  as: 'body',\n                  required: body.required,\n                }}\n                root={(content.schema ?? {}) as ResolvedSchema}\n                readOnly={method.method === 'GET'}\n                writeOnly={method.method !== 'GET'}\n                ctx={ctx}\n              />\n            </SelectTab>\n          );\n        })}\n      </SelectTabs>\n    );\n  }\n\n  if (method.responses && ctx.showResponseSchema !== false) {\n    const statuses = Object.keys(method.responses);\n\n    responseNode = (\n      <>\n        {ctx.renderHeading(headingLevel, 'Response Body')}\n\n        <Accordions type=\"multiple\">\n          {statuses.map((status) => (\n            <ResponseAccordion key={status} status={status} operation={method} ctx={ctx} />\n          ))}\n        </Accordions>\n      </>\n    );\n  }\n\n  const parameterNode = Object.entries(ParamTypes).map(([type, title]) => {\n    const params = method.parameters?.filter((param) => param.in === type);\n    if (!params || params.length === 0) return;\n\n    return (\n      <Fragment key={type}>\n        {ctx.renderHeading(headingLevel, title)}\n        <div className=\"flex flex-col\">\n          {params.map(\n            (param) =>\n              param.schema != null && (\n                <Schema\n                  key={param.name}\n                  client={{\n                    name: param.name!,\n                    required: param.required,\n                  }}\n                  root={\n                    typeof param.schema === 'object'\n                      ? {\n                          ...param.schema,\n                          description: param.description ?? param.schema?.description,\n                          deprecated:\n                            (param.deprecated ?? false) || (param.schema?.deprecated ?? false),\n                        }\n                      : param.schema\n                  }\n                  readOnly={method.method === 'GET'}\n                  writeOnly={method.method !== 'GET'}\n                  ctx={ctx}\n                />\n              ),\n          )}\n        </div>\n      </Fragment>\n    );\n  });\n\n  const securities = (method.security ?? dereferenced.security ?? []).filter(\n    (v) => Object.keys(v).length > 0,\n  );\n\n  if (type === 'operation' && securities.length > 0) {\n    const securitySchemes = dereferenced.components?.securitySchemes;\n    const items = securities.map((security, i) => {\n      return {\n        value: String(i),\n        label: (\n          <div className=\"flex flex-col text-xs min-w-0\">\n            {Object.entries(security).map(([key, scopes]) => (\n              <code key={key} className=\"truncate\">\n                <span className=\"font-medium\">{key}</span>{' '}\n                {scopes.length > 0 && (\n                  <span className=\"text-fd-muted-foreground\">{scopes.join(', ')}</span>\n                )}\n              </code>\n            ))}\n          </div>\n        ),\n      };\n    });\n\n    authNode = (\n      <SelectTabs defaultValue={items[0].value}>\n        <div className=\"flex items-start justify-between gap-2 mt-10\">\n          {ctx.renderHeading(headingLevel, 'Authorization', {\n            className: 'my-0!',\n          })}\n          {items.length > 1 ? (\n            <SelectTabTrigger items={items} />\n          ) : (\n            <div className=\"not-prose\">{items[0].label}</div>\n          )}\n        </div>\n        {securities.map((security, i) => (\n          <SelectTab key={i} value={items[i].value}>\n            {Object.entries(security).map(([key, scopes]) => {\n              const scheme = securitySchemes?.[key];\n              if (!scheme) return;\n\n              return <AuthScheme key={key} scheme={scheme} scopes={scopes} ctx={ctx} />;\n            })}\n          </SelectTab>\n        ))}\n      </SelectTabs>\n    );\n  }\n\n  const callbacks = method.callbacks ? Object.entries(method.callbacks) : null;\n  if (callbacks && callbacks.length > 0) {\n    const items = callbacks.map(([key]) => ({\n      label: <code className=\"text-xs\">{key}</code>,\n      value: key,\n    }));\n\n    callbacksNode = (\n      <SelectTabs defaultValue={items[0].value}>\n        <div className=\"flex justify-between gap-2 items-end mt-10\">\n          {ctx.renderHeading(headingLevel, 'Callbacks', {\n            className: 'my-0!',\n          })}\n          {callbacks.length > 1 ? (\n            <SelectTabTrigger items={items} className=\"font-medium\" />\n          ) : (\n            <p className=\"text-fd-muted-foreground not-prose\">{items[0].label}</p>\n          )}\n        </div>\n        {callbacks.map(([name, callback]) => (\n          <SelectTab key={name} value={name}>\n            <WebhookCallback callback={callback} ctx={ctx} headingLevel={headingLevel} />\n          </SelectTab>\n        ))}\n      </SelectTabs>\n    );\n  }\n\n  let { renderOperationLayout, renderWebhookLayout } = ctx.content ?? {};\n  if (type === 'operation') {\n    renderOperationLayout ??= (slots) => {\n      return (\n        <div className=\"flex flex-col gap-x-6 gap-y-4 @4xl:flex-row @4xl:items-start\">\n          <div className=\"min-w-0 flex-1\">\n            {slots.header}\n            {slots.apiPlayground}\n            {slots.description}\n            {slots.authSchemes}\n            {slots.paremeters}\n            {slots.body}\n            {slots.responses}\n            {slots.callbacks}\n          </div>\n          <div className=\"@4xl:sticky @4xl:top-[calc(var(--fd-docs-row-1,2rem)+1rem)] @4xl:w-[400px]\">\n            {slots.apiExample}\n          </div>\n        </div>\n      );\n    };\n\n    const playgroundEnabled = ctx.playground?.enabled ?? true;\n    let content = await renderOperationLayout(\n      {\n        header: headNode,\n        description: descriptionNode,\n        authSchemes: authNode,\n        body: bodyNode,\n        callbacks: callbacksNode,\n        paremeters: parameterNode,\n        responses: responseNode,\n        apiPlayground: playgroundEnabled ? (\n          <APIPlayground path={path} method={method} ctx={ctx} />\n        ) : (\n          <div className=\"flex flex-row items-center gap-2.5 p-3 rounded-xl border bg-fd-card text-fd-card-foreground not-prose\">\n            <MethodLabel className=\"text-xs\">{method.method}</MethodLabel>\n            <code className=\"flex-1 overflow-auto text-nowrap text-[0.8125rem] text-fd-muted-foreground\">\n              {path}\n            </code>\n          </div>\n        ),\n        apiExample: <UsageTabs method={method} ctx={ctx} />,\n      },\n      ctx,\n      method,\n    );\n\n    content = (\n      <UsageTabsProviderLazy\n        defaultExampleId={method['x-exclusiveCodeSample'] ?? method['x-selectedCodeSample']}\n        route={path}\n        examples={getExampleRequests(path, method, ctx)}\n      >\n        {content}\n      </UsageTabsProviderLazy>\n    );\n    if (method.servers) {\n      content = <ServerProviderLazy servers={method.servers}>{content}</ServerProviderLazy>;\n    }\n\n    return content;\n  } else {\n    renderWebhookLayout ??= (slots) => (\n      <div className=\"flex flex-col-reverse gap-x-6 gap-y-4 @4xl:flex-row @4xl:items-start\">\n        <div className=\"min-w-0 flex-1\">\n          {slots.header}\n          {slots.description}\n          {slots.authSchemes}\n          {slots.paremeters}\n          {slots.body}\n          {slots.responses}\n          {slots.callbacks}\n        </div>\n        <div className=\"@4xl:sticky @4xl:top-[calc(var(--fd-docs-row-1,2rem)+1rem)] @4xl:w-[400px]\">\n          {slots.requests}\n        </div>\n      </div>\n    );\n    return renderWebhookLayout({\n      header: headNode,\n      description: descriptionNode,\n      authSchemes: authNode,\n      body: bodyNode,\n      callbacks: callbacksNode,\n      paremeters: parameterNode,\n      responses: responseNode,\n      requests: <RequestTabs path={path} operation={method} ctx={ctx} />,\n    });\n  }\n}\n\nasync function ResponseAccordion({\n  status,\n  operation,\n  ctx,\n}: {\n  status: string;\n  operation: MethodInformation;\n  ctx: RenderContext;\n}) {\n  const response = operation.responses![status];\n  const contentTypes = response.content ? Object.entries(response.content) : [];\n  let wrapper = (children: ReactNode) => children;\n  let selectorNode: ReactNode = null;\n\n  if (contentTypes.length > 0) {\n    const items = contentTypes.map(([key]) => ({\n      label: <code className=\"text-xs\">{key}</code>,\n      value: key,\n    }));\n\n    selectorNode =\n      items.length === 1 ? (\n        <p className=\"text-fd-muted-foreground not-prose\">{items[0].label}</p>\n      ) : (\n        <SelectTabTrigger items={items} />\n      );\n    wrapper = (children) => <SelectTabs defaultValue={items[0].value}>{children}</SelectTabs>;\n  }\n\n  return wrapper(\n    <AccordionItem value={status}>\n      <AccordionHeader>\n        <AccordionTrigger className=\"font-mono\">{status}</AccordionTrigger>\n        {selectorNode}\n      </AccordionHeader>\n      <AccordionContent className=\"ps-4.5\">\n        {response.description && (\n          <div className=\"prose-no-margin mb-2\">{ctx.renderMarkdown(response.description)}</div>\n        )}\n        {contentTypes.map(async ([type, resType]) => {\n          const schema = resType.schema;\n          const ts = schema\n            ? await ctx.generateTypeScriptDefinitions(schema, {\n                readOnly: true,\n                writeOnly: false,\n                operation,\n                _internal_legacy: {\n                  statusCode: status,\n                  contentType: type,\n                },\n                ...ctx,\n              })\n            : undefined;\n\n          return (\n            <SelectTab key={type} value={type} className=\"mb-2\">\n              {ts && <CopyTypeScriptPanel name=\"response body\" code={ts} />}\n              {schema && (\n                <div className=\"border px-3 py-2 rounded-lg\">\n                  <Schema\n                    client={{\n                      name: 'response',\n                      as: 'body',\n                    }}\n                    root={schema}\n                    readOnly\n                    ctx={ctx}\n                  />\n                </div>\n              )}\n            </SelectTab>\n          );\n        })}\n      </AccordionContent>\n    </AccordionItem>,\n  );\n}\n\nfunction WebhookCallback({\n  callback,\n  ctx,\n  headingLevel,\n}: {\n  callback: NoReference<CallbackObject>;\n  ctx: RenderContext;\n  headingLevel: number;\n}) {\n  const pathItems = Object.entries(callback);\n\n  return (\n    <Accordions type=\"single\" collapsible>\n      {pathItems.map(([path, pathItem]) => {\n        const pathNodes = methodKeys.map((method) => {\n          const operation = pathItem[method];\n          if (!operation) return null;\n\n          return (\n            <div key={method} className=\"border p-3 my-2 @container prose-no-margin rounded-lg\">\n              <Operation\n                type=\"webhook\"\n                path={path}\n                headingLevel={headingLevel + 1}\n                method={createMethod(method, pathItem, operation)}\n                ctx={ctx}\n              />\n            </div>\n          );\n        });\n\n        return (\n          <AccordionItem key={path} value={path}>\n            <AccordionHeader>\n              <AccordionTrigger className=\"font-mono\">{path}</AccordionTrigger>\n            </AccordionHeader>\n            <AccordionContent>{pathNodes}</AccordionContent>\n          </AccordionItem>\n        );\n      })}\n    </Accordions>\n  );\n}\n\nfunction AuthScheme({\n  scheme,\n  scopes,\n  ctx,\n}: {\n  scheme: SecuritySchemeObject;\n  scopes: string[];\n  ctx: RenderContext;\n}) {\n  if (scheme.type === 'http' || scheme.type === 'oauth2') {\n    return (\n      <AuthProperty\n        name=\"Authorization\"\n        type={\n          scheme.type === 'http' && scheme.scheme === 'basic' ? `Basic <token>` : 'Bearer <token>'\n        }\n        deprecated={scheme.deprecated}\n        scopes={scopes}\n      >\n        {scheme.description && ctx.renderMarkdown(scheme.description)}\n        <p>\n          In: <code>header</code>\n        </p>\n      </AuthProperty>\n    );\n  }\n\n  if (scheme.type === 'apiKey') {\n    return (\n      <AuthProperty\n        name={scheme.name!}\n        type=\"<token>\"\n        deprecated={scheme.deprecated}\n        scopes={scopes}\n      >\n        {scheme.description && ctx.renderMarkdown(scheme.description)}\n        <p>\n          In: <code>{scheme.in}</code>\n        </p>\n      </AuthProperty>\n    );\n  }\n\n  if (scheme.type === 'openIdConnect') {\n    return (\n      <AuthProperty\n        name=\"OpenID Connect\"\n        type=\"<token>\"\n        deprecated={scheme.deprecated}\n        scopes={scopes}\n      >\n        {scheme.description && ctx.renderMarkdown(scheme.description)}\n      </AuthProperty>\n    );\n  }\n}\n\nfunction AuthProperty({\n  name,\n  type,\n  deprecated = false,\n  scopes = [],\n  className,\n  ...props\n}: ComponentProps<'div'> & {\n  name: string;\n  type: string;\n  deprecated?: boolean;\n  scopes?: string[];\n}) {\n  return (\n    <div className={cn('text-sm border-t my-4 first:border-t-0', className)}>\n      <div className=\"flex flex-wrap items-center gap-3 not-prose\">\n        <span className=\"font-medium font-mono text-fd-primary\">{name}</span>\n        <span className=\"text-sm font-mono text-fd-muted-foreground\">{type}</span>\n        {deprecated && <Badge color=\"red\">Deprecated</Badge>}\n      </div>\n      <div className=\"prose-no-margin pt-2.5 empty:hidden\">\n        {props.children}\n        {scopes.length > 0 && (\n          <p>\n            Scope: <code>{scopes.join(', ')}</code>\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA2BA,MAAM,aAAa;CACjB,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;CACT;AAED,eAAsB,UAAU,EAC9B,OAAO,aACP,MACA,QACA,KACA,WACA,iBACA,eAAe,KAUd;CACD,MAAM,EACJ,QAAQ,EAAE,mBACR;CACJ,MAAM,OAAO,OAAO;CACpB,IAAI,WAAsB;CAC1B,MAAM,kBACJ,mBAAmB,OAAO,eAAe,IAAI,eAAe,OAAO,YAAY;CACjF,IAAI,WAAsB;CAC1B,IAAI,WAAsB;CAC1B,IAAI,eAA0B;CAC9B,IAAI,gBAA2B;AAE/B,KAAI,WAAW;EACb,MAAM,QAAQ,OAAO,YAAY,OAAO,cAAc,UAAU,OAAO,YAAY,GAAG;AAEtF,aAAW,IAAI,cAAc,cAAc,MAAM;AACjD;;CAGF,MAAM,eAAe,MAAM,UAAU,OAAO,QAAQ,KAAK,QAAQ,GAAG;AAEpE,KAAI,QAAQ,gBAAgB,aAAa,SAAS,GAAG;EACnD,MAAM,QAAQ,aAAa,KAAK,CAAC,UAAU;GACzC,OAAO,oBAAC;IAAK,WAAU;cAAW;KAAW;GAC7C,OAAO;GACR,EAAE;AAEH,aACE,qBAAC;GAAW,cAAc,MAAM,GAAG;;IACjC,qBAAC;KAAI,WAAU;gBACZ,IAAI,cAAc,cAAc,gBAAgB,EAC/C,WAAW,SACZ,CAAC,EACD,aAAa,SAAS,IACrB,oBAAC;MAAwB;MAAO,WAAU;OAAgB,GAE1D,oBAAC;MAAE,WAAU;gBAAsC,MAAM,GAAG;OAAU;MAEpE;IACL,KAAK,eAAe,IAAI,eAAe,KAAK,YAAY;IACxD,aAAa,IAAI,OAAO,CAAC,MAAM,aAAa;AAC3C,SAAI,CAAC,qBAAqB,MAAM,IAAI,cAAc,CAChD,OAAM,IAAI,MAAM,cAAc,KAAK,wBAAwB,KAAK,GAAG;KAGrE,MAAM,KAAK,QAAQ,SACf,MAAM,IAAI,8BAA8B,QAAQ,QAAQ;MACtD,WAAW;MACX,UAAU;MACV,WAAW;MACX,GAAG;MACJ,CAAC,GACF;AAEJ,YACE,qBAAC;MAAqB,OAAO;iBAC1B,MAAM,oBAAC;OAAoB,MAAK;OAAe,MAAM;OAAI,WAAU;QAAS,EAC7E,oBAAC;OACC,QAAQ;QACN,MAAM;QACN,IAAI;QACJ,UAAU,KAAK;QAChB;OACD,MAAO,QAAQ,UAAU,EAAE;OAC3B,UAAU,OAAO,WAAW;OAC5B,WAAW,OAAO,WAAW;OACxB;QACL;QAZY,KAaJ;MAEd;;IACS;;AAIjB,KAAI,OAAO,aAAa,IAAI,uBAAuB,OAAO;EACxD,MAAM,WAAW,OAAO,KAAK,OAAO,UAAU;AAE9C,iBACE,8CACG,IAAI,cAAc,cAAc,gBAAgB,EAEjD,oBAAC;GAAW,MAAK;aACd,SAAS,KAAK,WACb,oBAAC;IAAuC;IAAQ,WAAW;IAAa;MAAhD,OAAuD,CAC/E;IACS,IACZ;;CAIP,MAAM,gBAAgB,OAAO,QAAQ,WAAW,CAAC,KAAK,CAAC,MAAM,WAAW;EACtE,MAAM,SAAS,OAAO,YAAY,QAAQ,UAAU,MAAM,OAAO,KAAK;AACtE,MAAI,CAAC,UAAU,OAAO,WAAW,EAAG;AAEpC,SACE,qBAAC,uBACE,IAAI,cAAc,cAAc,MAAM,EACvC,oBAAC;GAAI,WAAU;aACZ,OAAO,KACL,UACC,MAAM,UAAU,QACd,oBAAC;IAEC,QAAQ;KACN,MAAM,MAAM;KACZ,UAAU,MAAM;KACjB;IACD,MACE,OAAO,MAAM,WAAW,WACpB;KACE,GAAG,MAAM;KACT,aAAa,MAAM,eAAe,MAAM,QAAQ;KAChD,aACG,MAAM,cAAc,WAAW,MAAM,QAAQ,cAAc;KAC/D,GACD,MAAM;IAEZ,UAAU,OAAO,WAAW;IAC5B,WAAW,OAAO,WAAW;IACxB;MAjBA,MAAM,KAkBX,CAEP;IACG,KA5BO,KA6BJ;GAEb;CAEF,MAAM,cAAc,OAAO,YAAY,aAAa,YAAY,EAAE,EAAE,QACjE,MAAM,OAAO,KAAK,EAAE,CAAC,SAAS,EAChC;AAED,KAAI,SAAS,eAAe,WAAW,SAAS,GAAG;EACjD,MAAM,kBAAkB,aAAa,YAAY;EACjD,MAAM,QAAQ,WAAW,KAAK,UAAU,MAAM;AAC5C,UAAO;IACL,OAAO,OAAO,EAAE;IAChB,OACE,oBAAC;KAAI,WAAU;eACZ,OAAO,QAAQ,SAAS,CAAC,KAAK,CAAC,KAAK,YACnC,qBAAC;MAAe,WAAU;;OACxB,oBAAC;QAAK,WAAU;kBAAe;SAAW;OAAC;OAC1C,OAAO,SAAS,KACf,oBAAC;QAAK,WAAU;kBAA4B,OAAO,KAAK,KAAK;SAAQ;;QAH9D,IAKJ,CACP;MACE;IAET;IACD;AAEF,aACE,qBAAC;GAAW,cAAc,MAAM,GAAG;cACjC,qBAAC;IAAI,WAAU;eACZ,IAAI,cAAc,cAAc,iBAAiB,EAChD,WAAW,SACZ,CAAC,EACD,MAAM,SAAS,IACd,oBAAC,oBAAwB,QAAS,GAElC,oBAAC;KAAI,WAAU;eAAa,MAAM,GAAG;MAAY;KAE/C,EACL,WAAW,KAAK,UAAU,MACzB,oBAAC;IAAkB,OAAO,MAAM,GAAG;cAChC,OAAO,QAAQ,SAAS,CAAC,KAAK,CAAC,KAAK,YAAY;KAC/C,MAAM,SAAS,kBAAkB;AACjC,SAAI,CAAC,OAAQ;AAEb,YAAO,oBAAC;MAA6B;MAAgB;MAAa;QAA1C,IAAiD;MACzE;MANY,EAOJ,CACZ;IACS;;CAIjB,MAAM,YAAY,OAAO,YAAY,OAAO,QAAQ,OAAO,UAAU,GAAG;AACxE,KAAI,aAAa,UAAU,SAAS,GAAG;EACrC,MAAM,QAAQ,UAAU,KAAK,CAAC,UAAU;GACtC,OAAO,oBAAC;IAAK,WAAU;cAAW;KAAW;GAC7C,OAAO;GACR,EAAE;AAEH,kBACE,qBAAC;GAAW,cAAc,MAAM,GAAG;cACjC,qBAAC;IAAI,WAAU;eACZ,IAAI,cAAc,cAAc,aAAa,EAC5C,WAAW,SACZ,CAAC,EACD,UAAU,SAAS,IAClB,oBAAC;KAAwB;KAAO,WAAU;MAAgB,GAE1D,oBAAC;KAAE,WAAU;eAAsC,MAAM,GAAG;MAAU;KAEpE,EACL,UAAU,KAAK,CAAC,MAAM,cACrB,oBAAC;IAAqB,OAAO;cAC3B,oBAAC;KAA0B;KAAe;KAAmB;MAAgB;MAD/D,KAEJ,CACZ;IACS;;CAIjB,IAAI,EAAE,uBAAuB,wBAAwB,IAAI,WAAW,EAAE;AACtE,KAAI,SAAS,aAAa;AACxB,6BAA2B,UAAU;AACnC,UACE,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;;MACZ,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;;MACH,EACN,oBAAC;KAAI,WAAU;eACZ,MAAM;MACH;KACF;;EAIV,MAAM,oBAAoB,IAAI,YAAY,WAAW;EACrD,IAAI,UAAU,MAAM,sBAClB;GACE,QAAQ;GACR,aAAa;GACb,aAAa;GACb,MAAM;GACN,WAAW;GACX,YAAY;GACZ,WAAW;GACX,eAAe,oBACb,oBAAC;IAAoB;IAAc;IAAa;KAAO,GAEvD,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAY,WAAU;eAAW,OAAO;MAAqB,EAC9D,oBAAC;KAAK,WAAU;eACb;MACI;KACH;GAER,YAAY,oBAAC;IAAkB;IAAa;KAAO;GACpD,EACD,KACA,OACD;AAED,YACE,oBAAC;GACC,kBAAkB,OAAO,4BAA4B,OAAO;GAC5D,OAAO;GACP,UAAU,mBAAmB,MAAM,QAAQ,IAAI;aAE9C;IACqB;AAE1B,MAAI,OAAO,QACT,WAAU,oBAAC;GAAmB,SAAS,OAAO;aAAU;IAA6B;AAGvF,SAAO;QACF;AACL,2BAAyB,UACvB,qBAAC;GAAI,WAAU;cACb,qBAAC;IAAI,WAAU;;KACZ,MAAM;KACN,MAAM;KACN,MAAM;KACN,MAAM;KACN,MAAM;KACN,MAAM;KACN,MAAM;;KACH,EACN,oBAAC;IAAI,WAAU;cACZ,MAAM;KACH;IACF;AAER,SAAO,oBAAoB;GACzB,QAAQ;GACR,aAAa;GACb,aAAa;GACb,MAAM;GACN,WAAW;GACX,YAAY;GACZ,WAAW;GACX,UAAU,oBAAC;IAAkB;IAAM,WAAW;IAAa;KAAO;GACnE,CAAC;;;AAIN,eAAe,kBAAkB,EAC/B,QACA,WACA,OAKC;CACD,MAAM,WAAW,UAAU,UAAW;CACtC,MAAM,eAAe,SAAS,UAAU,OAAO,QAAQ,SAAS,QAAQ,GAAG,EAAE;CAC7E,IAAI,WAAW,aAAwB;CACvC,IAAI,eAA0B;AAE9B,KAAI,aAAa,SAAS,GAAG;EAC3B,MAAM,QAAQ,aAAa,KAAK,CAAC,UAAU;GACzC,OAAO,oBAAC;IAAK,WAAU;cAAW;KAAW;GAC7C,OAAO;GACR,EAAE;AAEH,iBACE,MAAM,WAAW,IACf,oBAAC;GAAE,WAAU;aAAsC,MAAM,GAAG;IAAU,GAEtE,oBAAC,oBAAwB,QAAS;AAEtC,aAAW,aAAa,oBAAC;GAAW,cAAc,MAAM,GAAG;GAAQ;IAAsB;;AAG3F,QAAO,QACL,qBAAC;EAAc,OAAO;aACpB,qBAAC,8BACC,oBAAC;GAAiB,WAAU;aAAa;IAA0B,EAClE,gBACe,EAClB,qBAAC;GAAiB,WAAU;cACzB,SAAS,eACR,oBAAC;IAAI,WAAU;cAAwB,IAAI,eAAe,SAAS,YAAY;KAAO,EAEvF,aAAa,IAAI,OAAO,CAAC,MAAM,aAAa;IAC3C,MAAM,SAAS,QAAQ;IACvB,MAAM,KAAK,SACP,MAAM,IAAI,8BAA8B,QAAQ;KAC9C,UAAU;KACV,WAAW;KACX;KACA,kBAAkB;MAChB,YAAY;MACZ,aAAa;MACd;KACD,GAAG;KACJ,CAAC,GACF;AAEJ,WACE,qBAAC;KAAqB,OAAO;KAAM,WAAU;gBAC1C,MAAM,oBAAC;MAAoB,MAAK;MAAgB,MAAM;OAAM,EAC5D,UACC,oBAAC;MAAI,WAAU;gBACb,oBAAC;OACC,QAAQ;QACN,MAAM;QACN,IAAI;QACL;OACD,MAAM;OACN;OACK;QACL;OACE;OAbM,KAeJ;KAEd;IACe;GACL,CACjB;;AAGH,SAAS,gBAAgB,EACvB,UACA,KACA,gBAKC;AAGD,QACE,oBAAC;EAAW,MAAK;EAAS;YAHV,OAAO,QAAQ,SAAS,CAI3B,KAAK,CAAC,MAAM,cAAc;GACnC,MAAM,YAAY,WAAW,KAAK,WAAW;IAC3C,MAAM,YAAY,SAAS;AAC3B,QAAI,CAAC,UAAW,QAAO;AAEvB,WACE,oBAAC;KAAiB,WAAU;eAC1B,oBAAC;MACC,MAAK;MACC;MACN,cAAc,eAAe;MAC7B,QAAQ,aAAa,QAAQ,UAAU,UAAU;MAC5C;OACL;OAPM,OAQJ;KAER;AAEF,UACE,qBAAC;IAAyB,OAAO;eAC/B,oBAAC,6BACC,oBAAC;KAAiB,WAAU;eAAa;MAAwB,GACjD,EAClB,oBAAC,8BAAkB,YAA6B;MAJ9B,KAKJ;IAElB;GACS;;AAIjB,SAAS,WAAW,EAClB,QACA,QACA,OAKC;AACD,KAAI,OAAO,SAAS,UAAU,OAAO,SAAS,SAC5C,QACE,qBAAC;EACC,MAAK;EACL,MACE,OAAO,SAAS,UAAU,OAAO,WAAW,UAAU,kBAAkB;EAE1E,YAAY,OAAO;EACX;aAEP,OAAO,eAAe,IAAI,eAAe,OAAO,YAAY,EAC7D,qBAAC,kBAAE,QACG,oBAAC,oBAAK,WAAa,IACrB;GACS;AAInB,KAAI,OAAO,SAAS,SAClB,QACE,qBAAC;EACC,MAAM,OAAO;EACb,MAAK;EACL,YAAY,OAAO;EACX;aAEP,OAAO,eAAe,IAAI,eAAe,OAAO,YAAY,EAC7D,qBAAC,kBAAE,QACG,oBAAC,oBAAM,OAAO,KAAU,IAC1B;GACS;AAInB,KAAI,OAAO,SAAS,gBAClB,QACE,oBAAC;EACC,MAAK;EACL,MAAK;EACL,YAAY,OAAO;EACX;YAEP,OAAO,eAAe,IAAI,eAAe,OAAO,YAAY;GAChD;;AAKrB,SAAS,aAAa,EACpB,MACA,MACA,aAAa,OACb,SAAS,EAAE,EACX,WACA,GAAG,SAMF;AACD,QACE,qBAAC;EAAI,WAAW,GAAG,0CAA0C,UAAU;aACrE,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAK,WAAU;eAAyC;MAAY;IACrE,oBAAC;KAAK,WAAU;eAA8C;MAAY;IACzE,cAAc,oBAAC;KAAM,OAAM;eAAM;MAAkB;;IAChD,EACN,qBAAC;GAAI,WAAU;cACZ,MAAM,UACN,OAAO,SAAS,KACf,qBAAC,kBAAE,WACM,oBAAC,oBAAM,OAAO,KAAK,KAAK,GAAQ,IACrC;IAEF;GACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/ui/operation/index.tsx"],"sourcesContent":["import { type ComponentProps, Fragment, type ReactNode } from 'react';\nimport type {\n  CallbackObject,\n  MethodInformation,\n  RenderContext,\n  SecuritySchemeObject,\n} from '@/types';\nimport { createMethod, methodKeys, type NoReference, type ResolvedSchema } from '@/utils/schema';\nimport { idToTitle } from '@/utils/id-to-title';\nimport { Schema } from '../schema';\nimport { UsageTabs } from '@/ui/operation/usage-tabs';\nimport { Badge, MethodLabel } from '@/ui/components/method-label';\nimport { CopyTypeScriptPanel, SelectTab, SelectTabs, SelectTabTrigger } from './client';\nimport {\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  Accordions,\n  AccordionTrigger,\n} from '@/ui/components/accordion';\nimport { isMediaTypeSupported } from '@/requests/media/adapter';\nimport { cn } from '@/utils/cn';\nimport { APIPlayground } from '@/playground';\nimport { getExampleRequests, RequestTabs } from './request-tabs';\nimport { UsageTabsProviderLazy } from './usage-tabs/lazy';\nimport { ServerProviderLazy } from '../contexts/api.lazy';\n\nconst ParamTypes = {\n  path: 'Path Parameters',\n  query: 'Query Parameters',\n  header: 'Header Parameters',\n  cookie: 'Cookie Parameters',\n};\n\nexport async function Operation({\n  type = 'operation',\n  path,\n  method,\n  ctx,\n  showTitle,\n  showDescription,\n  headingLevel = 2,\n}: {\n  type?: 'webhook' | 'operation';\n  path: string;\n  method: MethodInformation;\n  ctx: RenderContext;\n\n  showTitle?: boolean;\n  showDescription?: boolean;\n  headingLevel?: number;\n}) {\n  const {\n    schema: { dereferenced },\n  } = ctx;\n  const body = method.requestBody;\n  let headNode: ReactNode = null;\n  const descriptionNode =\n    showDescription && method.description && ctx.renderMarkdown(method.description);\n  let bodyNode: ReactNode = null;\n  let authNode: ReactNode = null;\n  let responseNode: ReactNode = null;\n  let callbacksNode: ReactNode = null;\n\n  if (showTitle) {\n    const title = method.summary || (method.operationId ? idToTitle(method.operationId) : path);\n\n    headNode = ctx.renderHeading(headingLevel, title);\n    headingLevel++;\n  }\n\n  const contentTypes = body?.content ? Object.entries(body.content) : null;\n\n  if (body && contentTypes && contentTypes.length > 0) {\n    const items = contentTypes.map(([key]) => ({\n      label: <code className=\"text-xs\">{key}</code>,\n      value: key,\n    }));\n\n    bodyNode = (\n      <SelectTabs defaultValue={items[0].value}>\n        <div className=\"flex gap-2 items-center justify-between mt-10\">\n          {ctx.renderHeading(headingLevel, 'Request Body', {\n            className: 'my-0!',\n          })}\n          {contentTypes.length > 1 ? (\n            <SelectTabTrigger items={items} className=\"font-medium\" />\n          ) : (\n            <p className=\"text-fd-muted-foreground not-prose\">{items[0].label}</p>\n          )}\n        </div>\n        {body.description && ctx.renderMarkdown(body.description)}\n        {contentTypes.map(async ([type, content]) => {\n          if (!isMediaTypeSupported(type, ctx.mediaAdapters)) {\n            throw new Error(`Media type ${type} is not supported (in ${path})`);\n          }\n\n          const ts = content.schema\n            ? await ctx.generateTypeScriptDefinitions(content.schema, {\n                operation: method,\n                readOnly: false,\n                writeOnly: true,\n                ...ctx,\n              })\n            : undefined;\n\n          return (\n            <SelectTab key={type} value={type}>\n              {ts && <CopyTypeScriptPanel name=\"request body\" code={ts} className=\"mt-4\" />}\n              <Schema\n                client={{\n                  name: 'body',\n                  as: 'body',\n                  required: body.required,\n                }}\n                root={(content.schema ?? {}) as ResolvedSchema}\n                readOnly={method.method === 'GET'}\n                writeOnly={method.method !== 'GET'}\n                ctx={ctx}\n              />\n            </SelectTab>\n          );\n        })}\n      </SelectTabs>\n    );\n  }\n\n  if (method.responses && ctx.showResponseSchema !== false) {\n    const statuses = Object.keys(method.responses);\n\n    responseNode = (\n      <>\n        {ctx.renderHeading(headingLevel, 'Response Body')}\n\n        <Accordions type=\"multiple\">\n          {statuses.map((status) => (\n            <ResponseAccordion key={status} status={status} operation={method} ctx={ctx} />\n          ))}\n        </Accordions>\n      </>\n    );\n  }\n\n  const parameterNode = Object.entries(ParamTypes).map(([type, title]) => {\n    const params = method.parameters?.filter((param) => param.in === type);\n    if (!params || params.length === 0) return;\n\n    return (\n      <Fragment key={type}>\n        {ctx.renderHeading(headingLevel, title)}\n        <div className=\"flex flex-col\">\n          {params.map(\n            (param) =>\n              param.schema != null && (\n                <Schema\n                  key={param.name}\n                  client={{\n                    name: param.name!,\n                    required: param.required,\n                  }}\n                  root={\n                    typeof param.schema === 'object'\n                      ? {\n                          ...param.schema,\n                          description: param.description ?? param.schema?.description,\n                          deprecated:\n                            (param.deprecated ?? false) || (param.schema?.deprecated ?? false),\n                        }\n                      : param.schema\n                  }\n                  readOnly={method.method === 'GET'}\n                  writeOnly={method.method !== 'GET'}\n                  ctx={ctx}\n                />\n              ),\n          )}\n        </div>\n      </Fragment>\n    );\n  });\n\n  const securities = (method.security ?? dereferenced.security ?? []).filter(\n    (v) => Object.keys(v).length > 0,\n  );\n\n  if (type === 'operation' && securities.length > 0) {\n    const securitySchemes = dereferenced.components?.securitySchemes;\n    const items = securities.map((security, i) => {\n      return {\n        value: String(i),\n        label: (\n          <div className=\"flex flex-col text-xs min-w-0\">\n            {Object.entries(security).map(([key, scopes]) => (\n              <code key={key} className=\"truncate\">\n                <span className=\"font-medium\">{key}</span>{' '}\n                {scopes.length > 0 && (\n                  <span className=\"text-fd-muted-foreground\">{scopes.join(', ')}</span>\n                )}\n              </code>\n            ))}\n          </div>\n        ),\n      };\n    });\n\n    authNode = (\n      <SelectTabs defaultValue={items[0].value}>\n        <div className=\"flex items-start justify-between gap-2 mt-10\">\n          {ctx.renderHeading(headingLevel, 'Authorization', {\n            className: 'my-0!',\n          })}\n          {items.length > 1 ? (\n            <SelectTabTrigger items={items} />\n          ) : (\n            <div className=\"not-prose\">{items[0].label}</div>\n          )}\n        </div>\n        {securities.map((security, i) => (\n          <SelectTab key={i} value={items[i].value}>\n            {Object.entries(security).map(([key, scopes]) => {\n              const scheme = securitySchemes?.[key];\n              if (!scheme) return;\n\n              return <AuthScheme key={key} scheme={scheme} scopes={scopes} ctx={ctx} />;\n            })}\n          </SelectTab>\n        ))}\n      </SelectTabs>\n    );\n  }\n\n  const callbacks = method.callbacks ? Object.entries(method.callbacks) : null;\n  if (callbacks && callbacks.length > 0) {\n    const items = callbacks.map(([key]) => ({\n      label: <code className=\"text-xs\">{key}</code>,\n      value: key,\n    }));\n\n    callbacksNode = (\n      <SelectTabs defaultValue={items[0].value}>\n        <div className=\"flex justify-between gap-2 items-end mt-10\">\n          {ctx.renderHeading(headingLevel, 'Callbacks', {\n            className: 'my-0!',\n          })}\n          {callbacks.length > 1 ? (\n            <SelectTabTrigger items={items} className=\"font-medium\" />\n          ) : (\n            <p className=\"text-fd-muted-foreground not-prose\">{items[0].label}</p>\n          )}\n        </div>\n        {callbacks.map(([name, callback]) => (\n          <SelectTab key={name} value={name}>\n            <WebhookCallback callback={callback} ctx={ctx} headingLevel={headingLevel} />\n          </SelectTab>\n        ))}\n      </SelectTabs>\n    );\n  }\n\n  let { renderOperationLayout, renderWebhookLayout } = ctx.content ?? {};\n  if (type === 'operation') {\n    renderOperationLayout ??= (slots) => {\n      return (\n        <div className=\"flex flex-col gap-x-6 gap-y-4 @4xl:flex-row @4xl:items-start\">\n          <div className=\"min-w-0 flex-1\">\n            {slots.header}\n            {slots.apiPlayground}\n            {slots.description}\n            {slots.authSchemes}\n            {slots.paremeters}\n            {slots.body}\n            {slots.responses}\n            {slots.callbacks}\n          </div>\n          <div className=\"@4xl:sticky @4xl:top-[calc(var(--fd-docs-row-1,2rem)+1rem)] @4xl:w-[400px]\">\n            {slots.apiExample}\n          </div>\n        </div>\n      );\n    };\n\n    const playgroundEnabled = ctx.playground?.enabled ?? true;\n    let content = await renderOperationLayout(\n      {\n        header: headNode,\n        description: descriptionNode,\n        authSchemes: authNode,\n        body: bodyNode,\n        callbacks: callbacksNode,\n        paremeters: parameterNode,\n        responses: responseNode,\n        apiPlayground: playgroundEnabled ? (\n          <APIPlayground path={path} method={method} ctx={ctx} />\n        ) : (\n          <div className=\"flex flex-row items-center gap-2.5 p-3 rounded-xl border bg-fd-card text-fd-card-foreground not-prose\">\n            <MethodLabel className=\"text-xs\">{method.method}</MethodLabel>\n            <code className=\"flex-1 overflow-auto text-nowrap text-[0.8125rem] text-fd-muted-foreground\">\n              {path}\n            </code>\n          </div>\n        ),\n        apiExample: <UsageTabs method={method} ctx={ctx} />,\n      },\n      ctx,\n      method,\n    );\n\n    content = (\n      <UsageTabsProviderLazy\n        defaultExampleId={method['x-exclusiveCodeSample'] ?? method['x-selectedCodeSample']}\n        route={path}\n        examples={getExampleRequests(path, method, ctx)}\n      >\n        {content}\n      </UsageTabsProviderLazy>\n    );\n    if (method.servers) {\n      content = <ServerProviderLazy servers={method.servers}>{content}</ServerProviderLazy>;\n    }\n\n    return content;\n  } else {\n    renderWebhookLayout ??= (slots) => (\n      <div className=\"flex flex-col-reverse gap-x-6 gap-y-4 @4xl:flex-row @4xl:items-start\">\n        <div className=\"min-w-0 flex-1\">\n          {slots.header}\n          {slots.description}\n          {slots.authSchemes}\n          {slots.paremeters}\n          {slots.body}\n          {slots.responses}\n          {slots.callbacks}\n        </div>\n        <div className=\"@4xl:sticky @4xl:top-[calc(var(--fd-docs-row-1,2rem)+1rem)] @4xl:w-[400px]\">\n          {slots.requests}\n        </div>\n      </div>\n    );\n    return renderWebhookLayout({\n      header: headNode,\n      description: descriptionNode,\n      authSchemes: authNode,\n      body: bodyNode,\n      callbacks: callbacksNode,\n      paremeters: parameterNode,\n      responses: responseNode,\n      requests: <RequestTabs path={path} operation={method} ctx={ctx} />,\n    });\n  }\n}\n\nasync function ResponseAccordion({\n  status,\n  operation,\n  ctx,\n}: {\n  status: string;\n  operation: MethodInformation;\n  ctx: RenderContext;\n}) {\n  const response = operation.responses![status];\n  const contentTypes = response.content ? Object.entries(response.content) : [];\n  let wrapper = (children: ReactNode) => children;\n  let selectorNode: ReactNode = null;\n\n  if (contentTypes.length > 0) {\n    const items = contentTypes.map(([key]) => ({\n      label: <code className=\"text-xs\">{key}</code>,\n      value: key,\n    }));\n\n    selectorNode =\n      items.length === 1 ? (\n        <p className=\"text-fd-muted-foreground not-prose\">{items[0].label}</p>\n      ) : (\n        <SelectTabTrigger items={items} />\n      );\n    wrapper = (children) => <SelectTabs defaultValue={items[0].value}>{children}</SelectTabs>;\n  }\n\n  return wrapper(\n    <AccordionItem value={status}>\n      <AccordionHeader>\n        <AccordionTrigger className=\"font-mono\">{status}</AccordionTrigger>\n        {selectorNode}\n      </AccordionHeader>\n      <AccordionContent className=\"ps-4.5\">\n        {response.description && (\n          <div className=\"prose-no-margin mb-2\">{ctx.renderMarkdown(response.description)}</div>\n        )}\n        {contentTypes.map(async ([type, resType]) => {\n          const schema = resType.schema;\n          const ts = schema\n            ? await ctx.generateTypeScriptDefinitions(schema, {\n                readOnly: true,\n                writeOnly: false,\n                operation,\n                _internal_legacy: {\n                  statusCode: status,\n                  contentType: type,\n                },\n                ...ctx,\n              })\n            : undefined;\n\n          return (\n            <SelectTab key={type} value={type} className=\"mb-2\">\n              {ts && <CopyTypeScriptPanel name=\"response body\" code={ts} />}\n              {schema && (\n                <div className=\"border px-3 py-2 rounded-lg\">\n                  <Schema\n                    client={{\n                      name: 'response',\n                      as: 'body',\n                    }}\n                    root={schema}\n                    readOnly\n                    ctx={ctx}\n                  />\n                </div>\n              )}\n            </SelectTab>\n          );\n        })}\n      </AccordionContent>\n    </AccordionItem>,\n  );\n}\n\nfunction WebhookCallback({\n  callback,\n  ctx,\n  headingLevel,\n}: {\n  callback: NoReference<CallbackObject>;\n  ctx: RenderContext;\n  headingLevel: number;\n}) {\n  const pathItems = Object.entries(callback);\n\n  return (\n    <Accordions type=\"single\" collapsible>\n      {pathItems.map(([path, pathItem]) => {\n        const pathNodes = methodKeys.map((method) => {\n          const operation = pathItem[method];\n          if (!operation) return null;\n\n          return (\n            <div key={method} className=\"border p-3 my-2 @container prose-no-margin rounded-lg\">\n              <Operation\n                type=\"webhook\"\n                path={path}\n                headingLevel={headingLevel + 1}\n                method={createMethod(method, pathItem, operation)}\n                ctx={ctx}\n              />\n            </div>\n          );\n        });\n\n        return (\n          <AccordionItem key={path} value={path}>\n            <AccordionHeader>\n              <AccordionTrigger className=\"font-mono\">{path}</AccordionTrigger>\n            </AccordionHeader>\n            <AccordionContent>{pathNodes}</AccordionContent>\n          </AccordionItem>\n        );\n      })}\n    </Accordions>\n  );\n}\n\nfunction AuthScheme({\n  scheme,\n  scopes,\n  ctx,\n}: {\n  scheme: SecuritySchemeObject;\n  scopes: string[];\n  ctx: RenderContext;\n}) {\n  if (scheme.type === 'http' || scheme.type === 'oauth2') {\n    return (\n      <AuthProperty\n        name=\"Authorization\"\n        type={\n          scheme.type === 'http' && scheme.scheme === 'basic' ? `Basic <token>` : 'Bearer <token>'\n        }\n        deprecated={scheme.deprecated}\n        scopes={scopes}\n      >\n        {scheme.description && ctx.renderMarkdown(scheme.description)}\n        <p>\n          In: <code>header</code>\n        </p>\n      </AuthProperty>\n    );\n  }\n\n  if (scheme.type === 'apiKey') {\n    return (\n      <AuthProperty\n        name={scheme.name!}\n        type=\"<token>\"\n        deprecated={scheme.deprecated}\n        scopes={scopes}\n      >\n        {scheme.description && ctx.renderMarkdown(scheme.description)}\n        <p>\n          In: <code>{scheme.in}</code>\n        </p>\n      </AuthProperty>\n    );\n  }\n\n  if (scheme.type === 'openIdConnect') {\n    return (\n      <AuthProperty\n        name=\"OpenID Connect\"\n        type=\"<token>\"\n        deprecated={scheme.deprecated}\n        scopes={scopes}\n      >\n        {scheme.description && ctx.renderMarkdown(scheme.description)}\n      </AuthProperty>\n    );\n  }\n}\n\nfunction AuthProperty({\n  name,\n  type,\n  deprecated = false,\n  scopes = [],\n  className,\n  ...props\n}: ComponentProps<'div'> & {\n  name: string;\n  type: string;\n  deprecated?: boolean;\n  scopes?: string[];\n}) {\n  return (\n    <div className={cn('text-sm border-t my-4 first:border-t-0', className)}>\n      <div className=\"flex flex-wrap items-center gap-3 not-prose\">\n        <span className=\"font-medium font-mono text-fd-primary\">{name}</span>\n        <span className=\"text-sm font-mono text-fd-muted-foreground\">{type}</span>\n        {deprecated && <Badge color=\"red\">Deprecated</Badge>}\n      </div>\n      <div className=\"prose-no-margin pt-2.5 empty:hidden\">\n        {props.children}\n        {scopes.length > 0 && (\n          <p>\n            Scope: <code>{scopes.join(', ')}</code>\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ui/operation/request-tabs.d.ts

@@ -1,9 +1,5 @@
-import "../../utils/schema.js";
 import { RawRequestData, RequestData } from "../../requests/types.js";
-import "../../types.js";
 import { ReactNode } from "react";
-import "react/jsx-runtime";
-
 //#region src/ui/operation/request-tabs.d.ts
 interface ExampleRequestItem {
   id: string;

package/dist/ui/operation/request-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"request-tabs.d.ts","names":[],"sources":["../../../src/ui/operation/request-tabs.tsx"],"mappings":";;;;;;;UAiBiB,kBAAA;EACf,EAAA;EACA,IAAA;EACA,WAAA;EACA,IAAA,EAAM,cAAA;EACN,OAAA,EAAS,WAAA;AAAA"}
+{"version":3,"file":"request-tabs.d.ts","names":[],"sources":["../../../src/ui/operation/request-tabs.tsx"],"mappings":";;;UAiBiB,kBAAA;EACf,EAAA;EACA,IAAA;EACA,WAAA;EACA,IAAA,EAAM,cAAA;EACN,OAAA,EAAS,WAAA;AAAA"}

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

@@ -6,7 +6,6 @@ import { AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Acc
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { sample } from "openapi-sampler";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "fumadocs-ui/components/tabs";
-
 //#region src/ui/operation/request-tabs.tsx
 function getExampleRequests(path, operation, ctx) {
 	const requestBody = operation.requestBody;
@@ -152,7 +151,7 @@ function renderRequestTabsDefault(items, ctx) {
 		}), children]
 	});
 }
-
 //#endregion
 export { RequestTabs, getExampleRequests };
+
 //# sourceMappingURL=request-tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"request-tabs.js","names":[],"sources":["../../../src/ui/operation/request-tabs.tsx"],"sourcesContent":["import type { MethodInformation, RenderContext } from '@/types';\nimport { getPreferredType, type NoReference, pickExample } from '@/utils/schema';\nimport {\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  Accordions,\n  AccordionTrigger,\n} from '@/ui/components/accordion';\nimport { sample } from 'openapi-sampler';\nimport type { ReactNode } from 'react';\nimport type { RawRequestData, RequestData } from '@/requests/types';\nimport { encodeRequestData } from '@/requests/media/encode';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from 'fumadocs-ui/components/tabs';\nimport { resolveRequestData } from '@/utils/url';\nimport { MethodLabel } from '../components/method-label';\n\nexport interface ExampleRequestItem {\n  id: string;\n  name: string;\n  description?: string;\n  data: RawRequestData;\n  encoded: RequestData;\n}\n\nexport function getExampleRequests(\n  path: string,\n  operation: NoReference<MethodInformation>,\n  ctx: RenderContext,\n): ExampleRequestItem[] {\n  const requestBody = operation.requestBody;\n  const media = requestBody?.content ? getPreferredType(requestBody.content) : null;\n  const bodyOfType = media ? requestBody!.content![media] : null;\n\n  if (bodyOfType?.examples) {\n    const result: ExampleRequestItem[] = [];\n\n    for (const [key, value] of Object.entries(bodyOfType.examples)) {\n      const data = getRequestData(path, operation, key, ctx);\n\n      result.push({\n        id: key,\n        name: value.summary || key,\n        description: value.description,\n        data,\n        encoded: encodeRequestData(data, ctx.mediaAdapters, operation.parameters ?? []),\n      });\n    }\n\n    if (result.length > 0) return result;\n  }\n\n  const data = getRequestData(path, operation, null, ctx);\n  return [\n    {\n      id: '_default',\n      name: 'Default',\n      description:\n        typeof bodyOfType?.schema === 'object' ? bodyOfType.schema.description : undefined,\n      data,\n      encoded: encodeRequestData(data, ctx.mediaAdapters, operation.parameters ?? []),\n    },\n  ];\n}\n\nfunction getRequestData(\n  path: string,\n  method: NoReference<MethodInformation>,\n  sampleKey: string | null,\n  _ctx: RenderContext,\n): RawRequestData {\n  const result: RawRequestData = {\n    path: {},\n    cookie: {},\n    header: {},\n    query: {},\n    method: method.method,\n  };\n\n  for (const param of method.parameters ?? []) {\n    let value = pickExample(param as never);\n\n    if (value === undefined && param.required) {\n      if (param.schema) {\n        value = sample(param.schema as object);\n      } else if (param.content) {\n        const type = getPreferredType(param.content);\n        const content = type ? param.content[type] : undefined;\n        if (!content || !content.schema)\n          throw new Error(\n            `Cannot find \"${param.name}\" parameter info for media type \"${type}\" in ${path} ${method.method}`,\n          );\n\n        value = sample(content.schema as object);\n      }\n    }\n\n    switch (param.in) {\n      case 'cookie':\n        result.cookie[param.name!] = value;\n        break;\n      case 'header':\n        result.header[param.name!] = value;\n        break;\n      case 'query':\n        result.query[param.name!] = value;\n        break;\n      default:\n        result.path[param.name!] = value;\n    }\n  }\n\n  if (method.requestBody?.content) {\n    const body = method.requestBody.content;\n    const type = getPreferredType(body);\n    if (!type)\n      throw new Error(`Cannot find body schema for ${path} ${method.method}: missing media type`);\n    result.bodyMediaType = type as RawRequestData['bodyMediaType'];\n    const bodyOfType = body[type];\n\n    if (bodyOfType.examples && sampleKey) {\n      result.body = bodyOfType.examples[sampleKey].value;\n    } else if (bodyOfType.example) {\n      result.body = bodyOfType.example;\n    } else {\n      result.body = sample((bodyOfType?.schema ?? {}) as object, {\n        skipReadOnly: method.method !== 'GET',\n        skipWriteOnly: method.method === 'GET',\n        skipNonRequired: true,\n      });\n    }\n  }\n\n  return result;\n}\n\nexport async function RequestTabs({\n  path,\n  operation,\n  ctx,\n}: {\n  path: string;\n  operation: NoReference<MethodInformation>;\n  ctx: RenderContext;\n}) {\n  if (!operation.requestBody) return null;\n  const { renderRequestTabs = renderRequestTabsDefault } = ctx.content ?? {};\n\n  return renderRequestTabs(getExampleRequests(path, operation, ctx), {\n    ...ctx,\n    route: path,\n    operation,\n  });\n}\n\nfunction renderRequestTabsDefault(\n  items: ExampleRequestItem[],\n  ctx: RenderContext & {\n    route: string;\n    operation: NoReference<MethodInformation>;\n  },\n) {\n  function renderItem(item: ExampleRequestItem) {\n    const requestData = item.data;\n    const displayNames: Partial<Record<keyof RawRequestData, ReactNode>> = {\n      body: (\n        <>\n          Body\n          <code className=\"text-xs text-fd-muted-foreground ms-auto\">\n            {requestData.bodyMediaType}\n          </code>\n        </>\n      ),\n      cookie: 'Cookie',\n      header: 'Header',\n      query: 'Query Parameters',\n      path: 'Path Parameters',\n    };\n\n    return (\n      <>\n        {item.description && ctx.renderMarkdown(item.description)}\n        <div className=\"flex flex-row gap-2 items-center justify-between\">\n          <MethodLabel>{requestData.method}</MethodLabel>\n          <code>{resolveRequestData(ctx.route, item.encoded)}</code>\n        </div>\n\n        <Accordions type=\"multiple\" className=\"mt-2\">\n          {Object.entries(displayNames).map(([k, v]) => {\n            const data = requestData[k as keyof RawRequestData];\n            if (!data || Object.keys(data).length === 0) return;\n\n            return (\n              <AccordionItem key={k} value={k}>\n                <AccordionHeader>\n                  <AccordionTrigger>{v}</AccordionTrigger>\n                </AccordionHeader>\n                <AccordionContent className=\"prose-no-margin\">\n                  {ctx.renderCodeBlock('json', JSON.stringify(data, null, 2))}\n                </AccordionContent>\n              </AccordionItem>\n            );\n          })}\n        </Accordions>\n      </>\n    );\n  }\n\n  let children: ReactNode;\n  if (items.length > 1) {\n    children = (\n      <Tabs defaultValue={items[0].id}>\n        <TabsList>\n          {items.map((item) => (\n            <TabsTrigger key={item.id} value={item.id}>\n              {item.name}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n        {items.map((item) => (\n          <TabsContent key={item.id} value={item.id}>\n            {renderItem(item)}\n          </TabsContent>\n        ))}\n      </Tabs>\n    );\n  } else if (items.length === 1) {\n    children = renderItem(items[0]);\n  } else {\n    children = <p className=\"text-fd-muted-foreground text-xs\">Empty</p>;\n  }\n\n  return (\n    <div className=\"p-3 rounded-xl border prose-no-margin bg-fd-card text-fd-card-foreground shadow-md\">\n      <p className=\"font-semibold border-b pb-2\">Example Requests</p>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"request-tabs.js","names":[],"sources":["../../../src/ui/operation/request-tabs.tsx"],"sourcesContent":["import type { MethodInformation, RenderContext } from '@/types';\nimport { getPreferredType, type NoReference, pickExample } from '@/utils/schema';\nimport {\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  Accordions,\n  AccordionTrigger,\n} from '@/ui/components/accordion';\nimport { sample } from 'openapi-sampler';\nimport type { ReactNode } from 'react';\nimport type { RawRequestData, RequestData } from '@/requests/types';\nimport { encodeRequestData } from '@/requests/media/encode';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from 'fumadocs-ui/components/tabs';\nimport { resolveRequestData } from '@/utils/url';\nimport { MethodLabel } from '../components/method-label';\n\nexport interface ExampleRequestItem {\n  id: string;\n  name: string;\n  description?: string;\n  data: RawRequestData;\n  encoded: RequestData;\n}\n\nexport function getExampleRequests(\n  path: string,\n  operation: NoReference<MethodInformation>,\n  ctx: RenderContext,\n): ExampleRequestItem[] {\n  const requestBody = operation.requestBody;\n  const media = requestBody?.content ? getPreferredType(requestBody.content) : null;\n  const bodyOfType = media ? requestBody!.content![media] : null;\n\n  if (bodyOfType?.examples) {\n    const result: ExampleRequestItem[] = [];\n\n    for (const [key, value] of Object.entries(bodyOfType.examples)) {\n      const data = getRequestData(path, operation, key, ctx);\n\n      result.push({\n        id: key,\n        name: value.summary || key,\n        description: value.description,\n        data,\n        encoded: encodeRequestData(data, ctx.mediaAdapters, operation.parameters ?? []),\n      });\n    }\n\n    if (result.length > 0) return result;\n  }\n\n  const data = getRequestData(path, operation, null, ctx);\n  return [\n    {\n      id: '_default',\n      name: 'Default',\n      description:\n        typeof bodyOfType?.schema === 'object' ? bodyOfType.schema.description : undefined,\n      data,\n      encoded: encodeRequestData(data, ctx.mediaAdapters, operation.parameters ?? []),\n    },\n  ];\n}\n\nfunction getRequestData(\n  path: string,\n  method: NoReference<MethodInformation>,\n  sampleKey: string | null,\n  _ctx: RenderContext,\n): RawRequestData {\n  const result: RawRequestData = {\n    path: {},\n    cookie: {},\n    header: {},\n    query: {},\n    method: method.method,\n  };\n\n  for (const param of method.parameters ?? []) {\n    let value = pickExample(param as never);\n\n    if (value === undefined && param.required) {\n      if (param.schema) {\n        value = sample(param.schema as object);\n      } else if (param.content) {\n        const type = getPreferredType(param.content);\n        const content = type ? param.content[type] : undefined;\n        if (!content || !content.schema)\n          throw new Error(\n            `Cannot find \"${param.name}\" parameter info for media type \"${type}\" in ${path} ${method.method}`,\n          );\n\n        value = sample(content.schema as object);\n      }\n    }\n\n    switch (param.in) {\n      case 'cookie':\n        result.cookie[param.name!] = value;\n        break;\n      case 'header':\n        result.header[param.name!] = value;\n        break;\n      case 'query':\n        result.query[param.name!] = value;\n        break;\n      default:\n        result.path[param.name!] = value;\n    }\n  }\n\n  if (method.requestBody?.content) {\n    const body = method.requestBody.content;\n    const type = getPreferredType(body);\n    if (!type)\n      throw new Error(`Cannot find body schema for ${path} ${method.method}: missing media type`);\n    result.bodyMediaType = type as RawRequestData['bodyMediaType'];\n    const bodyOfType = body[type];\n\n    if (bodyOfType.examples && sampleKey) {\n      result.body = bodyOfType.examples[sampleKey].value;\n    } else if (bodyOfType.example) {\n      result.body = bodyOfType.example;\n    } else {\n      result.body = sample((bodyOfType?.schema ?? {}) as object, {\n        skipReadOnly: method.method !== 'GET',\n        skipWriteOnly: method.method === 'GET',\n        skipNonRequired: true,\n      });\n    }\n  }\n\n  return result;\n}\n\nexport async function RequestTabs({\n  path,\n  operation,\n  ctx,\n}: {\n  path: string;\n  operation: NoReference<MethodInformation>;\n  ctx: RenderContext;\n}) {\n  if (!operation.requestBody) return null;\n  const { renderRequestTabs = renderRequestTabsDefault } = ctx.content ?? {};\n\n  return renderRequestTabs(getExampleRequests(path, operation, ctx), {\n    ...ctx,\n    route: path,\n    operation,\n  });\n}\n\nfunction renderRequestTabsDefault(\n  items: ExampleRequestItem[],\n  ctx: RenderContext & {\n    route: string;\n    operation: NoReference<MethodInformation>;\n  },\n) {\n  function renderItem(item: ExampleRequestItem) {\n    const requestData = item.data;\n    const displayNames: Partial<Record<keyof RawRequestData, ReactNode>> = {\n      body: (\n        <>\n          Body\n          <code className=\"text-xs text-fd-muted-foreground ms-auto\">\n            {requestData.bodyMediaType}\n          </code>\n        </>\n      ),\n      cookie: 'Cookie',\n      header: 'Header',\n      query: 'Query Parameters',\n      path: 'Path Parameters',\n    };\n\n    return (\n      <>\n        {item.description && ctx.renderMarkdown(item.description)}\n        <div className=\"flex flex-row gap-2 items-center justify-between\">\n          <MethodLabel>{requestData.method}</MethodLabel>\n          <code>{resolveRequestData(ctx.route, item.encoded)}</code>\n        </div>\n\n        <Accordions type=\"multiple\" className=\"mt-2\">\n          {Object.entries(displayNames).map(([k, v]) => {\n            const data = requestData[k as keyof RawRequestData];\n            if (!data || Object.keys(data).length === 0) return;\n\n            return (\n              <AccordionItem key={k} value={k}>\n                <AccordionHeader>\n                  <AccordionTrigger>{v}</AccordionTrigger>\n                </AccordionHeader>\n                <AccordionContent className=\"prose-no-margin\">\n                  {ctx.renderCodeBlock('json', JSON.stringify(data, null, 2))}\n                </AccordionContent>\n              </AccordionItem>\n            );\n          })}\n        </Accordions>\n      </>\n    );\n  }\n\n  let children: ReactNode;\n  if (items.length > 1) {\n    children = (\n      <Tabs defaultValue={items[0].id}>\n        <TabsList>\n          {items.map((item) => (\n            <TabsTrigger key={item.id} value={item.id}>\n              {item.name}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n        {items.map((item) => (\n          <TabsContent key={item.id} value={item.id}>\n            {renderItem(item)}\n          </TabsContent>\n        ))}\n      </Tabs>\n    );\n  } else if (items.length === 1) {\n    children = renderItem(items[0]);\n  } else {\n    children = <p className=\"text-fd-muted-foreground text-xs\">Empty</p>;\n  }\n\n  return (\n    <div className=\"p-3 rounded-xl border prose-no-margin bg-fd-card text-fd-card-foreground shadow-md\">\n      <p className=\"font-semibold border-b pb-2\">Example Requests</p>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -3,7 +3,6 @@ import { AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Acc
 import { Fragment, 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 }) {
 	if (!operation.responses) return null;
@@ -70,7 +69,7 @@ function renderResponseTabsDefault(tabs, ctx) {
 		children: tabs.map(renderResponse)
 	});
 }
-
 //#endregion
 export { ResponseTabs };
+
 //# sourceMappingURL=response-tabs.js.map

package/dist/ui/operation/response-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"response-tabs.js","names":[],"sources":["../../../src/ui/operation/response-tabs.tsx"],"sourcesContent":["import type { MethodInformation, RenderContext, ResponseObject } from '@/types';\nimport { getPreferredType, type NoReference } from '@/utils/schema';\nimport {\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  Accordions,\n  AccordionTrigger,\n} from '@/ui/components/accordion';\nimport { Tab, Tabs } from 'fumadocs-ui/components/tabs';\nimport { sample } from 'openapi-sampler';\nimport type { ReactNode } from 'react';\n\nexport interface ResponseTab {\n  /**\n   * HTTP response code\n   */\n  code: string;\n\n  response: NoReference<ResponseObject>;\n  /**\n   * media type of response\n   */\n  mediaType: string | null;\n\n  examples?: ResponseExample[];\n}\n\ninterface ResponseExample {\n  /**\n   * generated/defined example data\n   */\n  sample: unknown;\n\n  label: string;\n\n  /**\n   * description (in Markdown)\n   */\n  description?: string;\n}\n\nexport function ResponseTabs({\n  operation,\n  ctx,\n}: {\n  operation: NoReference<MethodInformation>;\n  ctx: RenderContext;\n}) {\n  if (!operation.responses) return null;\n  const tabs: ResponseTab[] = [];\n\n  for (const [code, response] of Object.entries(operation.responses)) {\n    const media = response.content ? getPreferredType(response.content) : null;\n    const responseOfType = media ? response.content?.[media] : null;\n\n    const tab: ResponseTab = {\n      code,\n      response,\n      mediaType: media as string | null,\n    };\n\n    if (responseOfType?.examples) {\n      tab.examples ??= [];\n\n      for (const [key, sample] of Object.entries(responseOfType.examples)) {\n        const title = sample?.summary || `Example ${key}`;\n\n        tab.examples.push({\n          label: title,\n          sample: sample.value,\n          description: sample?.description,\n        });\n      }\n    } else if (responseOfType?.example || responseOfType?.schema) {\n      tab.examples ??= [];\n      tab.examples.push({\n        label: 'Example',\n        sample: responseOfType.example ?? sample(responseOfType.schema as object),\n      });\n    }\n\n    tabs.push(tab);\n  }\n  const { renderResponseTabs = renderResponseTabsDefault } = ctx.content ?? {};\n\n  return renderResponseTabs(tabs, ctx);\n}\n\nfunction renderResponseTabsDefault(\n  tabs: ResponseTab[],\n  ctx: RenderContext,\n): ReactNode | Promise<ReactNode> {\n  function renderExampleContent(example: ResponseExample) {\n    return (\n      <>\n        {example.description && ctx.renderMarkdown(example.description)}\n        {ctx.renderCodeBlock('json', JSON.stringify(example.sample, null, 2))}\n      </>\n    );\n  }\n\n  async function renderResponse(tab: ResponseTab) {\n    const { examples = [] } = tab;\n\n    let slot: ReactNode = 'Empty';\n    if (examples.length > 1) {\n      slot = (\n        <Accordions type=\"single\" className=\"pt-2\" defaultValue={examples[0].label}>\n          {examples.map((example, i) => (\n            <AccordionItem key={i} value={example.label}>\n              <AccordionHeader>\n                <AccordionTrigger>{example.label}</AccordionTrigger>\n              </AccordionHeader>\n              <AccordionContent className=\"prose-no-margin\">\n                {renderExampleContent(example)}\n              </AccordionContent>\n            </AccordionItem>\n          ))}\n        </Accordions>\n      );\n    } else if (examples.length === 1) {\n      slot = renderExampleContent(examples[0]);\n    }\n\n    return <Tab value={tab.code}>{slot}</Tab>;\n  }\n\n  if (tabs.length === 0) return null;\n\n  return (\n    <Tabs groupId=\"fumadocs_openapi_responses\" items={tabs.map((tab) => tab.code)}>\n      {tabs.map(renderResponse)}\n    </Tabs>\n  );\n}\n"],"mappings":";;;;;;;AA0CA,SAAgB,aAAa,EAC3B,WACA,OAIC;AACD,KAAI,CAAC,UAAU,UAAW,QAAO;CACjC,MAAM,OAAsB,EAAE;AAE9B,MAAK,MAAM,CAAC,MAAM,aAAa,OAAO,QAAQ,UAAU,UAAU,EAAE;EAClE,MAAM,QAAQ,SAAS,UAAU,iBAAiB,SAAS,QAAQ,GAAG;EACtE,MAAM,iBAAiB,QAAQ,SAAS,UAAU,SAAS;EAE3D,MAAM,MAAmB;GACvB;GACA;GACA,WAAW;GACZ;AAED,MAAI,gBAAgB,UAAU;AAC5B,OAAI,aAAa,EAAE;AAEnB,QAAK,MAAM,CAAC,KAAK,WAAW,OAAO,QAAQ,eAAe,SAAS,EAAE;IACnE,MAAM,QAAQ,QAAQ,WAAW,WAAW;AAE5C,QAAI,SAAS,KAAK;KAChB,OAAO;KACP,QAAQ,OAAO;KACf,aAAa,QAAQ;KACtB,CAAC;;aAEK,gBAAgB,WAAW,gBAAgB,QAAQ;AAC5D,OAAI,aAAa,EAAE;AACnB,OAAI,SAAS,KAAK;IAChB,OAAO;IACP,QAAQ,eAAe,WAAW,OAAO,eAAe,OAAiB;IAC1E,CAAC;;AAGJ,OAAK,KAAK,IAAI;;CAEhB,MAAM,EAAE,qBAAqB,8BAA8B,IAAI,WAAW,EAAE;AAE5E,QAAO,mBAAmB,MAAM,IAAI;;AAGtC,SAAS,0BACP,MACA,KACgC;CAChC,SAAS,qBAAqB,SAA0B;AACtD,SACE,4CACG,QAAQ,eAAe,IAAI,eAAe,QAAQ,YAAY,EAC9D,IAAI,gBAAgB,QAAQ,KAAK,UAAU,QAAQ,QAAQ,MAAM,EAAE,CAAC,IACpE;;CAIP,eAAe,eAAe,KAAkB;EAC9C,MAAM,EAAE,WAAW,EAAE,KAAK;EAE1B,IAAI,OAAkB;AACtB,MAAI,SAAS,SAAS,EACpB,QACE,oBAAC;GAAW,MAAK;GAAS,WAAU;GAAO,cAAc,SAAS,GAAG;aAClE,SAAS,KAAK,SAAS,MACtB,qBAAC;IAAsB,OAAO,QAAQ;eACpC,oBAAC,6BACC,oBAAC,8BAAkB,QAAQ,QAAyB,GACpC,EAClB,oBAAC;KAAiB,WAAU;eACzB,qBAAqB,QAAQ;MACb;MAND,EAOJ,CAChB;IACS;WAEN,SAAS,WAAW,EAC7B,QAAO,qBAAqB,SAAS,GAAG;AAG1C,SAAO,oBAAC;GAAI,OAAO,IAAI;aAAO;IAAW;;AAG3C,KAAI,KAAK,WAAW,EAAG,QAAO;AAE9B,QACE,oBAAC;EAAK,SAAQ;EAA6B,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK;YAC1E,KAAK,IAAI,eAAe;GACpB"}
+{"version":3,"file":"response-tabs.js","names":[],"sources":["../../../src/ui/operation/response-tabs.tsx"],"sourcesContent":["import type { MethodInformation, RenderContext, ResponseObject } from '@/types';\nimport { getPreferredType, type NoReference } from '@/utils/schema';\nimport {\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  Accordions,\n  AccordionTrigger,\n} from '@/ui/components/accordion';\nimport { Tab, Tabs } from 'fumadocs-ui/components/tabs';\nimport { sample } from 'openapi-sampler';\nimport type { ReactNode } from 'react';\n\nexport interface ResponseTab {\n  /**\n   * HTTP response code\n   */\n  code: string;\n\n  response: NoReference<ResponseObject>;\n  /**\n   * media type of response\n   */\n  mediaType: string | null;\n\n  examples?: ResponseExample[];\n}\n\ninterface ResponseExample {\n  /**\n   * generated/defined example data\n   */\n  sample: unknown;\n\n  label: string;\n\n  /**\n   * description (in Markdown)\n   */\n  description?: string;\n}\n\nexport function ResponseTabs({\n  operation,\n  ctx,\n}: {\n  operation: NoReference<MethodInformation>;\n  ctx: RenderContext;\n}) {\n  if (!operation.responses) return null;\n  const tabs: ResponseTab[] = [];\n\n  for (const [code, response] of Object.entries(operation.responses)) {\n    const media = response.content ? getPreferredType(response.content) : null;\n    const responseOfType = media ? response.content?.[media] : null;\n\n    const tab: ResponseTab = {\n      code,\n      response,\n      mediaType: media as string | null,\n    };\n\n    if (responseOfType?.examples) {\n      tab.examples ??= [];\n\n      for (const [key, sample] of Object.entries(responseOfType.examples)) {\n        const title = sample?.summary || `Example ${key}`;\n\n        tab.examples.push({\n          label: title,\n          sample: sample.value,\n          description: sample?.description,\n        });\n      }\n    } else if (responseOfType?.example || responseOfType?.schema) {\n      tab.examples ??= [];\n      tab.examples.push({\n        label: 'Example',\n        sample: responseOfType.example ?? sample(responseOfType.schema as object),\n      });\n    }\n\n    tabs.push(tab);\n  }\n  const { renderResponseTabs = renderResponseTabsDefault } = ctx.content ?? {};\n\n  return renderResponseTabs(tabs, ctx);\n}\n\nfunction renderResponseTabsDefault(\n  tabs: ResponseTab[],\n  ctx: RenderContext,\n): ReactNode | Promise<ReactNode> {\n  function renderExampleContent(example: ResponseExample) {\n    return (\n      <>\n        {example.description && ctx.renderMarkdown(example.description)}\n        {ctx.renderCodeBlock('json', JSON.stringify(example.sample, null, 2))}\n      </>\n    );\n  }\n\n  async function renderResponse(tab: ResponseTab) {\n    const { examples = [] } = tab;\n\n    let slot: ReactNode = 'Empty';\n    if (examples.length > 1) {\n      slot = (\n        <Accordions type=\"single\" className=\"pt-2\" defaultValue={examples[0].label}>\n          {examples.map((example, i) => (\n            <AccordionItem key={i} value={example.label}>\n              <AccordionHeader>\n                <AccordionTrigger>{example.label}</AccordionTrigger>\n              </AccordionHeader>\n              <AccordionContent className=\"prose-no-margin\">\n                {renderExampleContent(example)}\n              </AccordionContent>\n            </AccordionItem>\n          ))}\n        </Accordions>\n      );\n    } else if (examples.length === 1) {\n      slot = renderExampleContent(examples[0]);\n    }\n\n    return <Tab value={tab.code}>{slot}</Tab>;\n  }\n\n  if (tabs.length === 0) return null;\n\n  return (\n    <Tabs groupId=\"fumadocs_openapi_responses\" items={tabs.map((tab) => tab.code)}>\n      {tabs.map(renderResponse)}\n    </Tabs>\n  );\n}\n"],"mappings":";;;;;;AA0CA,SAAgB,aAAa,EAC3B,WACA,OAIC;AACD,KAAI,CAAC,UAAU,UAAW,QAAO;CACjC,MAAM,OAAsB,EAAE;AAE9B,MAAK,MAAM,CAAC,MAAM,aAAa,OAAO,QAAQ,UAAU,UAAU,EAAE;EAClE,MAAM,QAAQ,SAAS,UAAU,iBAAiB,SAAS,QAAQ,GAAG;EACtE,MAAM,iBAAiB,QAAQ,SAAS,UAAU,SAAS;EAE3D,MAAM,MAAmB;GACvB;GACA;GACA,WAAW;GACZ;AAED,MAAI,gBAAgB,UAAU;AAC5B,OAAI,aAAa,EAAE;AAEnB,QAAK,MAAM,CAAC,KAAK,WAAW,OAAO,QAAQ,eAAe,SAAS,EAAE;IACnE,MAAM,QAAQ,QAAQ,WAAW,WAAW;AAE5C,QAAI,SAAS,KAAK;KAChB,OAAO;KACP,QAAQ,OAAO;KACf,aAAa,QAAQ;KACtB,CAAC;;aAEK,gBAAgB,WAAW,gBAAgB,QAAQ;AAC5D,OAAI,aAAa,EAAE;AACnB,OAAI,SAAS,KAAK;IAChB,OAAO;IACP,QAAQ,eAAe,WAAW,OAAO,eAAe,OAAiB;IAC1E,CAAC;;AAGJ,OAAK,KAAK,IAAI;;CAEhB,MAAM,EAAE,qBAAqB,8BAA8B,IAAI,WAAW,EAAE;AAE5E,QAAO,mBAAmB,MAAM,IAAI;;AAGtC,SAAS,0BACP,MACA,KACgC;CAChC,SAAS,qBAAqB,SAA0B;AACtD,SACE,qBAAA,UAAA,EAAA,UAAA,CACG,QAAQ,eAAe,IAAI,eAAe,QAAQ,YAAY,EAC9D,IAAI,gBAAgB,QAAQ,KAAK,UAAU,QAAQ,QAAQ,MAAM,EAAE,CAAC,CACpE,EAAA,CAAA;;CAIP,eAAe,eAAe,KAAkB;EAC9C,MAAM,EAAE,WAAW,EAAE,KAAK;EAE1B,IAAI,OAAkB;AACtB,MAAI,SAAS,SAAS,EACpB,QACE,oBAAC,YAAD;GAAY,MAAK;GAAS,WAAU;GAAO,cAAc,SAAS,GAAG;aAClE,SAAS,KAAK,SAAS,MACtB,qBAAC,eAAD;IAAuB,OAAO,QAAQ;cAAtC,CACE,oBAAC,iBAAD,EAAA,UACE,oBAAC,kBAAD,EAAA,UAAmB,QAAQ,OAAyB,CAAA,EACpC,CAAA,EAClB,oBAAC,kBAAD;KAAkB,WAAU;eACzB,qBAAqB,QAAQ;KACb,CAAA,CACL;MAPI,EAOJ,CAChB;GACS,CAAA;WAEN,SAAS,WAAW,EAC7B,QAAO,qBAAqB,SAAS,GAAG;AAG1C,SAAO,oBAAC,KAAD;GAAK,OAAO,IAAI;aAAO;GAAW,CAAA;;AAG3C,KAAI,KAAK,WAAW,EAAG,QAAO;AAE9B,QACE,oBAAC,MAAD;EAAM,SAAQ;EAA6B,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK;YAC1E,KAAK,IAAI,eAAe;EACpB,CAAA"}

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

@@ -1,12 +1,10 @@
-'use client';
-
+"use client";
 import { joinURL, resolveRequestData, resolveServerUrl, withBase } from "../../../utils/url.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";
-
 //#region src/ui/operation/usage-tabs/client.tsx
 const Context = createContext(null);
 function UsageTabsProvider({ route, examples, defaultExampleId, children }) {
@@ -88,6 +86,7 @@ function UsageTab({ id, lang, _client }) {
 	const { shikiOptions, mediaAdapters, codeUsages } = useApiContext();
 	const { examples, example: selectedExampleId, route, addListener, removeListener } = useExampleRequests();
 	const { server } = useServerSelectContext();
+	const codegen = codeUsages.get(id);
 	const [data, setData] = useState(() => examples.find((example) => example.id === selectedExampleId)?.encoded);
 	useEffect(() => {
 		const listener = (_, encoded) => setData(encoded);
@@ -107,7 +106,6 @@ function UsageTab({ id, lang, _client }) {
 				server: serverContext
 			});
 		}
-		const codegen = codeUsages.get(id);
 		if (!codegen) return;
 		return codegen.generate(url, data, {
 			mediaAdapters,
@@ -118,8 +116,7 @@ function UsageTab({ id, lang, _client }) {
 		server,
 		route,
 		_client,
-		codeUsages,
-		id,
+		codegen,
 		mediaAdapters
 	]);
 	if (!code) return null;
@@ -129,7 +126,7 @@ function UsageTab({ id, lang, _client }) {
 		options: shikiOptions
 	});
 }
-
 //#endregion
 export { UsageTab, UsageTabsProvider, UsageTabsSelector, useExampleRequests };
+
 //# sourceMappingURL=client.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"client.js","names":[],"sources":["../../../../src/ui/operation/usage-tabs/client.tsx"],"sourcesContent":["'use client';\nimport { useApiContext, useServerSelectContext } from '@/ui/contexts/api';\nimport { joinURL, withBase, resolveServerUrl, resolveRequestData } from '@/utils/url';\nimport {\n  Select,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectItem,\n} from '@/ui/components/select';\nimport { DynamicCodeBlock } from 'fumadocs-ui/components/dynamic-codeblock.core';\nimport { useState, useEffect, useMemo, createContext, ReactNode, useRef, use } from 'react';\nimport type { ExampleRequestItem } from '../request-tabs';\nimport type { RawRequestData, RequestData } from '@/requests/types';\nimport type { CodeUsageGenerator } from '@/requests/generators';\n\nexport type ExampleUpdateListener = (data: RawRequestData, encoded: RequestData) => void;\n\nconst Context = createContext<{\n  route: string;\n  examples: ExampleRequestItem[];\n  example: string | undefined;\n  setExample: (id: string) => void;\n  setExampleData: (data: RawRequestData, encoded: RequestData) => void;\n\n  addListener: (listener: ExampleUpdateListener) => void;\n  removeListener: (listener: ExampleUpdateListener) => void;\n} | null>(null);\n\nexport function UsageTabsProvider({\n  route,\n  examples,\n  defaultExampleId,\n  children,\n}: {\n  route: string;\n  examples: ExampleRequestItem[];\n  defaultExampleId?: string;\n  children: ReactNode;\n}) {\n  const [example, setExample] = useState(() => defaultExampleId ?? examples.at(0)?.id);\n  const listeners = useRef<ExampleUpdateListener[]>([]);\n\n  return (\n    <Context\n      value={useMemo(\n        () => ({\n          example,\n          route,\n          setExample(newKey: string) {\n            const example = examples.find((example) => example.id === newKey);\n            if (!example) return;\n\n            setExample(newKey);\n            for (const listener of listeners.current) {\n              listener(example.data, example.encoded);\n            }\n          },\n          examples,\n          setExampleData(data, encoded) {\n            for (const item of examples) {\n              if (item.id === example) {\n                // persistent changes\n                item.data = data;\n                item.encoded = encoded;\n                break;\n              }\n            }\n\n            for (const listener of listeners.current) {\n              listener(data, encoded);\n            }\n          },\n          removeListener(listener) {\n            listeners.current = listeners.current.filter((item) => item !== listener);\n          },\n          addListener(listener) {\n            // initial call to listeners to ensure their data is the latest\n            // this is necessary to avoid race conditions between `useEffect()`\n            const active = examples.find((item) => item.id === example)!;\n\n            listener(active.data, active.encoded);\n            listeners.current.push(listener);\n          },\n        }),\n        [example, route, examples],\n      )}\n    >\n      {children}\n    </Context>\n  );\n}\n\nexport function useExampleRequests() {\n  return use(Context)!;\n}\n\nexport function UsageTabsSelector() {\n  const { example: key, setExample: setKey, examples } = useExampleRequests();\n  const { APIExampleSelector: Override } = useApiContext().client.operation ?? {};\n\n  if (Override) {\n    return <Override items={examples} value={key} onValueChange={setKey} />;\n  }\n\n  function renderItem(item: ExampleRequestItem) {\n    return (\n      <div>\n        <span className=\"font-medium text-sm\">{item.name}</span>\n        <span className=\"text-fd-muted-foreground\">{item.description}</span>\n      </div>\n    );\n  }\n\n  if (examples.length === 1) return null;\n  const selected = examples.find((item) => item.id === key);\n  return (\n    <Select value={key} onValueChange={setKey}>\n      <SelectTrigger className=\"not-prose mb-2\">\n        {selected && <SelectValue asChild>{renderItem(selected)}</SelectValue>}\n      </SelectTrigger>\n      <SelectContent>\n        {examples.map((item) => (\n          <SelectItem key={item.id} value={item.id}>\n            {renderItem(item)}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n\nexport function UsageTab({\n  id,\n  lang,\n  _client,\n}: Pick<CodeUsageGenerator, 'lang' | '_client'> & { id: string }) {\n  const { shikiOptions, mediaAdapters, codeUsages } = useApiContext();\n  const {\n    examples,\n    example: selectedExampleId,\n    route,\n    addListener,\n    removeListener,\n  } = useExampleRequests();\n  const { server } = useServerSelectContext();\n  const [data, setData] = useState(\n    () => examples.find((example) => example.id === selectedExampleId)?.encoded,\n  );\n\n  useEffect(() => {\n    const listener: ExampleUpdateListener = (_, encoded) => setData(encoded);\n\n    addListener(listener);\n    return () => {\n      removeListener(listener);\n    };\n  }, [addListener, removeListener]);\n\n  const code = useMemo(() => {\n    if (!data) return;\n    const url = joinURL(\n      withBase(\n        server ? resolveServerUrl(server.url, server.variables) : '/',\n        typeof window !== 'undefined' ? window.location.origin : 'https://loading',\n      ),\n      resolveRequestData(route, data),\n    );\n\n    if (_client) {\n      const { generate, serverContext } = _client;\n      if (typeof generate === 'string') return generate;\n      return generate(url, data, {\n        mediaAdapters,\n        server: serverContext,\n      });\n    }\n\n    const codegen = codeUsages.get(id);\n    if (!codegen) return;\n    return codegen.generate(url, data, {\n      mediaAdapters,\n      server: null,\n    });\n  }, [data, server, route, _client, codeUsages, id, mediaAdapters]);\n\n  if (!code) return null;\n\n  return <DynamicCodeBlock lang={lang} code={code} options={shikiOptions} />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"client.js","names":[],"sources":["../../../../src/ui/operation/usage-tabs/client.tsx"],"sourcesContent":["'use client';\nimport { useApiContext, useServerSelectContext } from '@/ui/contexts/api';\nimport { joinURL, withBase, resolveServerUrl, resolveRequestData } from '@/utils/url';\nimport {\n  Select,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectItem,\n} from '@/ui/components/select';\nimport { DynamicCodeBlock } from 'fumadocs-ui/components/dynamic-codeblock.core';\nimport { useState, useEffect, useMemo, createContext, ReactNode, useRef, use } from 'react';\nimport type { ExampleRequestItem } from '../request-tabs';\nimport type { RawRequestData, RequestData } from '@/requests/types';\nimport type { CodeUsageGenerator } from '@/requests/generators';\n\nexport type ExampleUpdateListener = (data: RawRequestData, encoded: RequestData) => void;\n\nconst Context = createContext<{\n  route: string;\n  examples: ExampleRequestItem[];\n  example: string | undefined;\n  setExample: (id: string) => void;\n  setExampleData: (data: RawRequestData, encoded: RequestData) => void;\n\n  addListener: (listener: ExampleUpdateListener) => void;\n  removeListener: (listener: ExampleUpdateListener) => void;\n} | null>(null);\n\nexport function UsageTabsProvider({\n  route,\n  examples,\n  defaultExampleId,\n  children,\n}: {\n  route: string;\n  examples: ExampleRequestItem[];\n  defaultExampleId?: string;\n  children: ReactNode;\n}) {\n  const [example, setExample] = useState(() => defaultExampleId ?? examples.at(0)?.id);\n  const listeners = useRef<ExampleUpdateListener[]>([]);\n\n  return (\n    <Context\n      value={useMemo(\n        () => ({\n          example,\n          route,\n          setExample(newKey: string) {\n            const example = examples.find((example) => example.id === newKey);\n            if (!example) return;\n\n            setExample(newKey);\n            for (const listener of listeners.current) {\n              listener(example.data, example.encoded);\n            }\n          },\n          examples,\n          setExampleData(data, encoded) {\n            for (const item of examples) {\n              if (item.id === example) {\n                // persistent changes\n                item.data = data;\n                item.encoded = encoded;\n                break;\n              }\n            }\n\n            for (const listener of listeners.current) {\n              listener(data, encoded);\n            }\n          },\n          removeListener(listener) {\n            listeners.current = listeners.current.filter((item) => item !== listener);\n          },\n          addListener(listener) {\n            // initial call to listeners to ensure their data is the latest\n            // this is necessary to avoid race conditions between `useEffect()`\n            const active = examples.find((item) => item.id === example)!;\n\n            listener(active.data, active.encoded);\n            listeners.current.push(listener);\n          },\n        }),\n        [example, route, examples],\n      )}\n    >\n      {children}\n    </Context>\n  );\n}\n\nexport function useExampleRequests() {\n  return use(Context)!;\n}\n\nexport function UsageTabsSelector() {\n  const { example: key, setExample: setKey, examples } = useExampleRequests();\n  const { APIExampleSelector: Override } = useApiContext().client.operation ?? {};\n\n  if (Override) {\n    return <Override items={examples} value={key} onValueChange={setKey} />;\n  }\n\n  function renderItem(item: ExampleRequestItem) {\n    return (\n      <div>\n        <span className=\"font-medium text-sm\">{item.name}</span>\n        <span className=\"text-fd-muted-foreground\">{item.description}</span>\n      </div>\n    );\n  }\n\n  if (examples.length === 1) return null;\n  const selected = examples.find((item) => item.id === key);\n  return (\n    <Select value={key} onValueChange={setKey}>\n      <SelectTrigger className=\"not-prose mb-2\">\n        {selected && <SelectValue asChild>{renderItem(selected)}</SelectValue>}\n      </SelectTrigger>\n      <SelectContent>\n        {examples.map((item) => (\n          <SelectItem key={item.id} value={item.id}>\n            {renderItem(item)}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n\nexport function UsageTab({\n  id,\n  lang,\n  _client,\n}: Pick<CodeUsageGenerator, 'lang' | '_client'> & { id: string }) {\n  const { shikiOptions, mediaAdapters, codeUsages } = useApiContext();\n  const {\n    examples,\n    example: selectedExampleId,\n    route,\n    addListener,\n    removeListener,\n  } = useExampleRequests();\n  const { server } = useServerSelectContext();\n  const codegen = codeUsages.get(id);\n  const [data, setData] = useState(\n    () => examples.find((example) => example.id === selectedExampleId)?.encoded,\n  );\n\n  useEffect(() => {\n    const listener: ExampleUpdateListener = (_, encoded) => setData(encoded);\n\n    addListener(listener);\n    return () => {\n      removeListener(listener);\n    };\n  }, [addListener, removeListener]);\n\n  const code = useMemo(() => {\n    if (!data) return;\n    const url = joinURL(\n      withBase(\n        server ? resolveServerUrl(server.url, server.variables) : '/',\n        typeof window !== 'undefined' ? window.location.origin : 'https://loading',\n      ),\n      resolveRequestData(route, data),\n    );\n\n    if (_client) {\n      const { generate, serverContext } = _client;\n      if (typeof generate === 'string') return generate;\n      return generate(url, data, {\n        mediaAdapters,\n        server: serverContext,\n      });\n    }\n\n    if (!codegen) return;\n    return codegen.generate(url, data, {\n      mediaAdapters,\n      server: null,\n    });\n  }, [data, server, route, _client, codegen, mediaAdapters]);\n\n  if (!code) return null;\n\n  return <DynamicCodeBlock lang={lang} code={code} options={shikiOptions} />;\n}\n"],"mappings":"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"}

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

@@ -4,7 +4,6 @@ import { UsageTabLazy, UsageTabsSelectorLazy } from "./lazy.js";
 import { ResponseTabs } from "../response-tabs.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger } from "fumadocs-ui/components/codeblock";
-
 //#region src/ui/operation/usage-tabs/index.tsx
 async function UsageTabs({ method, ctx }) {
 	let { renderAPIExampleUsageTabs, renderAPIExampleLayout } = ctx.content ?? {};
@@ -54,7 +53,7 @@ async function UsageTabs({ method, ctx }) {
 		})
 	}, ctx);
 }
-
 //#endregion
 export { UsageTabs };
+
 //# sourceMappingURL=index.js.map

package/dist/ui/operation/usage-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/ui/operation/usage-tabs/index.tsx"],"sourcesContent":["import type { MethodInformation, RenderContext } from '@/types';\nimport type { CodeUsageGeneratorFn } from '@/requests/generators';\nimport {\n  type CodeUsageGeneratorRegistry,\n  createCodeUsageGeneratorRegistry,\n} from '@/requests/generators';\nimport {\n  CodeBlockTab,\n  CodeBlockTabs,\n  CodeBlockTabsList,\n  CodeBlockTabsTrigger,\n} from 'fumadocs-ui/components/codeblock';\nimport { UsageTabsSelectorLazy, UsageTabLazy } from './lazy';\nimport { ResponseTabs } from '../response-tabs';\nimport { registerDefault } from '@/requests/generators/all';\n\n/**\n * Generate code example for given programming language\n */\nexport interface CodeUsageGenerator<T = unknown> {\n  id: string;\n  lang: string;\n  label?: string;\n  /**\n   * either:\n   * - code\n   * - a function imported from a file with \"use client\" directive\n   * - false (disabled)\n   */\n  source?: string | CodeUsageGeneratorFn<T> | false;\n\n  /**\n   * Pass extra context to client-side source generator\n   */\n  serverContext?: T;\n}\n\nexport async function UsageTabs({\n  method,\n  ctx,\n}: {\n  method: MethodInformation;\n  ctx: RenderContext;\n}) {\n  let { renderAPIExampleUsageTabs, renderAPIExampleLayout } = ctx.content ?? {};\n\n  renderAPIExampleLayout ??= (slots) => {\n    return (\n      <div className=\"prose-no-margin\">\n        {slots.selector}\n        {slots.usageTabs}\n        {slots.responseTabs}\n      </div>\n    );\n  };\n\n  renderAPIExampleUsageTabs ??= (registry) => {\n    const map = Array.from(registry.map().entries());\n    if (map.length === 0) return null;\n\n    return (\n      <CodeBlockTabs groupId=\"fumadocs_openapi_requests\" defaultValue={map[0][0]}>\n        <CodeBlockTabsList>\n          {map.map(([id, item]) => (\n            <CodeBlockTabsTrigger key={id} value={id}>\n              {item.label ?? item.lang}\n            </CodeBlockTabsTrigger>\n          ))}\n        </CodeBlockTabsList>\n        {map.map(([id, item]) => (\n          <CodeBlockTab key={id} value={id}>\n            <UsageTabLazy id={id} lang={item.lang} _client={item._client} />\n          </CodeBlockTab>\n        ))}\n      </CodeBlockTabs>\n    );\n  };\n\n  let registry: CodeUsageGeneratorRegistry;\n  if (ctx.codeUsages) {\n    registry = createCodeUsageGeneratorRegistry(ctx.codeUsages);\n  } else {\n    registry = createCodeUsageGeneratorRegistry();\n    registerDefault(registry);\n  }\n\n  for (const gen of (await ctx.generateCodeSamples?.(method)) ?? []) {\n    registry.addInline(gen);\n  }\n\n  if (method['x-codeSamples']) {\n    for (const sample of method['x-codeSamples']) {\n      registry.addInline(sample);\n    }\n  }\n\n  return renderAPIExampleLayout(\n    {\n      selector: method['x-exclusiveCodeSample'] ? null : <UsageTabsSelectorLazy />,\n      usageTabs: await renderAPIExampleUsageTabs(registry, ctx),\n      responseTabs: <ResponseTabs operation={method} ctx={ctx} />,\n    },\n    ctx,\n  );\n}\n"],"mappings":";;;;;;;;AAqCA,eAAsB,UAAU,EAC9B,QACA,OAIC;CACD,IAAI,EAAE,2BAA2B,2BAA2B,IAAI,WAAW,EAAE;AAE7E,6BAA4B,UAAU;AACpC,SACE,qBAAC;GAAI,WAAU;;IACZ,MAAM;IACN,MAAM;IACN,MAAM;;IACH;;AAIV,gCAA+B,aAAa;EAC1C,MAAM,MAAM,MAAM,KAAK,SAAS,KAAK,CAAC,SAAS,CAAC;AAChD,MAAI,IAAI,WAAW,EAAG,QAAO;AAE7B,SACE,qBAAC;GAAc,SAAQ;GAA4B,cAAc,IAAI,GAAG;cACtE,oBAAC,+BACE,IAAI,KAAK,CAAC,IAAI,UACb,oBAAC;IAA8B,OAAO;cACnC,KAAK,SAAS,KAAK;MADK,GAEJ,CACvB,GACgB,EACnB,IAAI,KAAK,CAAC,IAAI,UACb,oBAAC;IAAsB,OAAO;cAC5B,oBAAC;KAAiB;KAAI,MAAM,KAAK;KAAM,SAAS,KAAK;MAAW;MAD/C,GAEJ,CACf;IACY;;CAIpB,IAAI;AACJ,KAAI,IAAI,WACN,YAAW,iCAAiC,IAAI,WAAW;MACtD;AACL,aAAW,kCAAkC;AAC7C,kBAAgB,SAAS;;AAG3B,MAAK,MAAM,OAAQ,MAAM,IAAI,sBAAsB,OAAO,IAAK,EAAE,CAC/D,UAAS,UAAU,IAAI;AAGzB,KAAI,OAAO,iBACT,MAAK,MAAM,UAAU,OAAO,iBAC1B,UAAS,UAAU,OAAO;AAI9B,QAAO,uBACL;EACE,UAAU,OAAO,2BAA2B,OAAO,oBAAC,0BAAwB;EAC5E,WAAW,MAAM,0BAA0B,UAAU,IAAI;EACzD,cAAc,oBAAC;GAAa,WAAW;GAAa;IAAO;EAC5D,EACD,IACD"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/ui/operation/usage-tabs/index.tsx"],"sourcesContent":["import type { MethodInformation, RenderContext } from '@/types';\nimport type { CodeUsageGeneratorFn } from '@/requests/generators';\nimport {\n  type CodeUsageGeneratorRegistry,\n  createCodeUsageGeneratorRegistry,\n} from '@/requests/generators';\nimport {\n  CodeBlockTab,\n  CodeBlockTabs,\n  CodeBlockTabsList,\n  CodeBlockTabsTrigger,\n} from 'fumadocs-ui/components/codeblock';\nimport { UsageTabsSelectorLazy, UsageTabLazy } from './lazy';\nimport { ResponseTabs } from '../response-tabs';\nimport { registerDefault } from '@/requests/generators/all';\n\n/**\n * Generate code example for given programming language\n */\nexport interface CodeUsageGenerator<T = unknown> {\n  id: string;\n  lang: string;\n  label?: string;\n  /**\n   * either:\n   * - code\n   * - a function imported from a file with \"use client\" directive\n   * - false (disabled)\n   */\n  source?: string | CodeUsageGeneratorFn<T> | false;\n\n  /**\n   * Pass extra context to client-side source generator\n   */\n  serverContext?: T;\n}\n\nexport async function UsageTabs({\n  method,\n  ctx,\n}: {\n  method: MethodInformation;\n  ctx: RenderContext;\n}) {\n  let { renderAPIExampleUsageTabs, renderAPIExampleLayout } = ctx.content ?? {};\n\n  renderAPIExampleLayout ??= (slots) => {\n    return (\n      <div className=\"prose-no-margin\">\n        {slots.selector}\n        {slots.usageTabs}\n        {slots.responseTabs}\n      </div>\n    );\n  };\n\n  renderAPIExampleUsageTabs ??= (registry) => {\n    const map = Array.from(registry.map().entries());\n    if (map.length === 0) return null;\n\n    return (\n      <CodeBlockTabs groupId=\"fumadocs_openapi_requests\" defaultValue={map[0][0]}>\n        <CodeBlockTabsList>\n          {map.map(([id, item]) => (\n            <CodeBlockTabsTrigger key={id} value={id}>\n              {item.label ?? item.lang}\n            </CodeBlockTabsTrigger>\n          ))}\n        </CodeBlockTabsList>\n        {map.map(([id, item]) => (\n          <CodeBlockTab key={id} value={id}>\n            <UsageTabLazy id={id} lang={item.lang} _client={item._client} />\n          </CodeBlockTab>\n        ))}\n      </CodeBlockTabs>\n    );\n  };\n\n  let registry: CodeUsageGeneratorRegistry;\n  if (ctx.codeUsages) {\n    registry = createCodeUsageGeneratorRegistry(ctx.codeUsages);\n  } else {\n    registry = createCodeUsageGeneratorRegistry();\n    registerDefault(registry);\n  }\n\n  for (const gen of (await ctx.generateCodeSamples?.(method)) ?? []) {\n    registry.addInline(gen);\n  }\n\n  if (method['x-codeSamples']) {\n    for (const sample of method['x-codeSamples']) {\n      registry.addInline(sample);\n    }\n  }\n\n  return renderAPIExampleLayout(\n    {\n      selector: method['x-exclusiveCodeSample'] ? null : <UsageTabsSelectorLazy />,\n      usageTabs: await renderAPIExampleUsageTabs(registry, ctx),\n      responseTabs: <ResponseTabs operation={method} ctx={ctx} />,\n    },\n    ctx,\n  );\n}\n"],"mappings":";;;;;;;AAqCA,eAAsB,UAAU,EAC9B,QACA,OAIC;CACD,IAAI,EAAE,2BAA2B,2BAA2B,IAAI,WAAW,EAAE;AAE7E,6BAA4B,UAAU;AACpC,SACE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,MAAM;IACN,MAAM;IACN,MAAM;IACH;;;AAIV,gCAA+B,aAAa;EAC1C,MAAM,MAAM,MAAM,KAAK,SAAS,KAAK,CAAC,SAAS,CAAC;AAChD,MAAI,IAAI,WAAW,EAAG,QAAO;AAE7B,SACE,qBAAC,eAAD;GAAe,SAAQ;GAA4B,cAAc,IAAI,GAAG;aAAxE,CACE,oBAAC,mBAAD,EAAA,UACG,IAAI,KAAK,CAAC,IAAI,UACb,oBAAC,sBAAD;IAA+B,OAAO;cACnC,KAAK,SAAS,KAAK;IACC,EAFI,GAEJ,CACvB,EACgB,CAAA,EACnB,IAAI,KAAK,CAAC,IAAI,UACb,oBAAC,cAAD;IAAuB,OAAO;cAC5B,oBAAC,cAAD;KAAkB;KAAI,MAAM,KAAK;KAAM,SAAS,KAAK;KAAW,CAAA;IACnD,EAFI,GAEJ,CACf,CACY;;;CAIpB,IAAI;AACJ,KAAI,IAAI,WACN,YAAW,iCAAiC,IAAI,WAAW;MACtD;AACL,aAAW,kCAAkC;AAC7C,kBAAgB,SAAS;;AAG3B,MAAK,MAAM,OAAQ,MAAM,IAAI,sBAAsB,OAAO,IAAK,EAAE,CAC/D,UAAS,UAAU,IAAI;AAGzB,KAAI,OAAO,iBACT,MAAK,MAAM,UAAU,OAAO,iBAC1B,UAAS,UAAU,OAAO;AAI9B,QAAO,uBACL;EACE,UAAU,OAAO,2BAA2B,OAAO,oBAAC,uBAAD,EAAyB,CAAA;EAC5E,WAAW,MAAM,0BAA0B,UAAU,IAAI;EACzD,cAAc,oBAAC,cAAD;GAAc,WAAW;GAAa;GAAO,CAAA;EAC5D,EACD,IACD"}

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

@@ -1,12 +1,10 @@
-'use client';
-
+"use client";
 import { wrapLazy } from "../../../utils/lazy.js";
-
 //#region src/ui/operation/usage-tabs/lazy.tsx
 const UsageTabsSelectorLazy = wrapLazy(() => import("./client.js").then((mod) => ({ default: mod.UsageTabsSelector })));
 const UsageTabLazy = wrapLazy(() => import("./client.js").then((mod) => ({ default: mod.UsageTab })));
 const UsageTabsProviderLazy = wrapLazy(() => import("./client.js").then((mod) => ({ default: mod.UsageTabsProvider })));
-
 //#endregion
 export { UsageTabLazy, UsageTabsProviderLazy, UsageTabsSelectorLazy };
+
 //# sourceMappingURL=lazy.js.map

package/dist/ui/operation/usage-tabs/lazy.js.map

@@ -1 +1 @@
-{"version":3,"file":"lazy.js","names":[],"sources":["../../../../src/ui/operation/usage-tabs/lazy.tsx"],"sourcesContent":["'use client';\nimport { wrapLazy } from '../../../utils/lazy';\n\nexport const UsageTabsSelectorLazy = wrapLazy(() =>\n  import('./client').then((mod) => ({ default: mod.UsageTabsSelector })),\n);\n\nexport const UsageTabLazy = wrapLazy(() =>\n  import('./client').then((mod) => ({ default: mod.UsageTab })),\n);\n\nexport const UsageTabsProviderLazy = wrapLazy(() =>\n  import('./client').then((mod) => ({ default: mod.UsageTabsProvider })),\n);\n"],"mappings":";;;;;AAGA,MAAa,wBAAwB,eACnC,OAAO,eAAY,MAAM,SAAS,EAAE,SAAS,IAAI,mBAAmB,EAAE,CACvE;AAED,MAAa,eAAe,eAC1B,OAAO,eAAY,MAAM,SAAS,EAAE,SAAS,IAAI,UAAU,EAAE,CAC9D;AAED,MAAa,wBAAwB,eACnC,OAAO,eAAY,MAAM,SAAS,EAAE,SAAS,IAAI,mBAAmB,EAAE,CACvE"}
+{"version":3,"file":"lazy.js","names":[],"sources":["../../../../src/ui/operation/usage-tabs/lazy.tsx"],"sourcesContent":["'use client';\nimport { wrapLazy } from '../../../utils/lazy';\n\nexport const UsageTabsSelectorLazy = wrapLazy(() =>\n  import('./client').then((mod) => ({ default: mod.UsageTabsSelector })),\n);\n\nexport const UsageTabLazy = wrapLazy(() =>\n  import('./client').then((mod) => ({ default: mod.UsageTab })),\n);\n\nexport const UsageTabsProviderLazy = wrapLazy(() =>\n  import('./client').then((mod) => ({ default: mod.UsageTabsProvider })),\n);\n"],"mappings":";;;AAGA,MAAa,wBAAwB,eACnC,OAAO,eAAY,MAAM,SAAS,EAAE,SAAS,IAAI,mBAAmB,EAAE,CACvE;AAED,MAAa,eAAe,eAC1B,OAAO,eAAY,MAAM,SAAS,EAAE,SAAS,IAAI,UAAU,EAAE,CAC9D;AAED,MAAa,wBAAwB,eACnC,OAAO,eAAY,MAAM,SAAS,EAAE,SAAS,IAAI,mBAAmB,EAAE,CACvE"}

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

@@ -1,6 +1,4 @@
 import { SchemaUIGeneratedData } from "./index.js";
-import "react/jsx-runtime";
-
 //#region src/ui/schema/client.d.ts
 interface SchemaUIProps {
   name: string;

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

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/ui/schema/client.tsx"],"mappings":";;;;UA4DiB,aAAA;EACf,IAAA;EACA,QAAA;EACA,EAAA;EAEA,SAAA,EAAW,qBAAA;AAAA"}
+{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/ui/schema/client.tsx"],"mappings":";;UA4DiB,aAAA;EACf,IAAA;EACA,QAAA;EACA,EAAA;EAEA,SAAA,EAAW,qBAAA;AAAA"}

package/dist/ui/schema/client.js

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import { cn } from "../../utils/cn.js";
 import { Badge } from "../components/method-label.js";
 import { Fragment, Suspense, createContext, use, useCallback, useDeferredValue, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
@@ -10,7 +9,6 @@ import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "fumadocs-ui
 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
 const typeVariants = cva("text-sm text-start text-fd-muted-foreground font-mono", { variants: { variant: { trigger: "underline hover:text-fd-accent-foreground data-[state=open]:text-fd-accent-foreground" } } });
 const PopoverContext = createContext({ renderTrigger: (props) => /* @__PURE__ */ jsx(RootPopoverTrigger, { ...props }) });
@@ -335,7 +333,7 @@ function Property({ name, type, required, deprecated, nested = false, className,
 		})]
 	});
 }
-
 //#endregion
 export { SchemaUI };
+
 //# sourceMappingURL=client.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"client.js","names":[],"sources":["../../../src/ui/schema/client.tsx"],"sourcesContent":["'use client';\nimport {\n  type ComponentProps,\n  createContext,\n  Fragment,\n  type ReactNode,\n  type RefObject,\n  Suspense,\n  use,\n  useCallback,\n  useDeferredValue,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from 'fumadocs-ui/components/tabs';\nimport type { InfoTag, SchemaDataObjectProperty, SchemaUIGeneratedData } from '@/ui/schema';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from 'fumadocs-ui/components/ui/collapsible';\nimport { buttonVariants } from 'fumadocs-ui/components/ui/button';\nimport { ChevronDown, FilterIcon } from 'lucide-react';\nimport { Badge } from '@/ui/components/method-label';\nimport { Popover, PopoverContent, PopoverTrigger } from 'fumadocs-ui/components/ui/popover';\nimport { cn } from '@/utils/cn';\nimport { cva } from 'class-variance-authority';\n\ntype DataContextType = SchemaUIGeneratedData;\n\ninterface PopoverContextType {\n  renderTrigger: (props: { pathName: ReactNode; $ref: string; children: ReactNode }) => ReactNode;\n}\n\nconst typeVariants = cva('text-sm text-start text-fd-muted-foreground font-mono', {\n  variants: {\n    variant: {\n      trigger:\n        'underline hover:text-fd-accent-foreground data-[state=open]:text-fd-accent-foreground',\n    },\n  },\n});\n\nconst PopoverContext = createContext<PopoverContextType>({\n  renderTrigger: (props) => <RootPopoverTrigger {...props} />,\n});\n\nconst DataContext = createContext<DataContextType | null>(null);\n\nfunction useData() {\n  return use(DataContext)!;\n}\n\nfunction usePopover() {\n  return use(PopoverContext);\n}\n\nexport interface SchemaUIProps {\n  name: string;\n  required?: boolean;\n  as?: 'property' | 'body';\n\n  generated: SchemaUIGeneratedData;\n}\n\nexport function SchemaUI({ name, required = false, as = 'property', generated }: SchemaUIProps) {\n  return (\n    <DataContext value={generated}>\n      <SchemaUIProperty\n        name={name}\n        $type={generated.$root}\n        overrides={{\n          required,\n        }}\n        variant={\n          as === 'property' || generated.refs[generated.$root].type === 'primitive'\n            ? 'default'\n            : 'expand'\n        }\n      />\n    </DataContext>\n  );\n}\n\nfunction SchemaUIProperty({\n  name,\n  $type,\n  variant = 'default',\n  overrides,\n  objectSearchOverrides,\n}: {\n  name: ReactNode;\n  $type: string;\n  variant?: 'default' | 'expand';\n  overrides?: Partial<PropertyProps>;\n  objectSearchOverrides?: Partial<ObjectSearchProps>;\n}) {\n  const { refs } = useData();\n  const schema = refs[$type];\n  const renderRef = useRenderRef();\n  let type: ReactNode = schema.typeName;\n\n  if ((schema.type === 'or' || schema.type === 'and') && schema.items.length > 0) {\n    if (variant === 'expand')\n      return (\n        <Tabs defaultValue={schema.items[0].$type}>\n          <TabsList>\n            {schema.items.map((item) => (\n              <TabsTrigger key={item.$type} value={item.$type}>\n                {item.name}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          {schema.items.map((item) => (\n            <TabsContent\n              key={item.$type}\n              value={item.$type}\n              forceMount={undefined}\n              className=\"pt-2 pb-0\"\n            >\n              <SchemaUIProperty {...item} variant=\"expand\" />\n            </TabsContent>\n          ))}\n        </Tabs>\n      );\n    type = renderRef({\n      pathName: name,\n      $ref: $type,\n    });\n  } else if (schema.type === 'object' && schema.props.length > 0) {\n    if (variant === 'expand')\n      return <ObjectSearch properties={schema.props} {...objectSearchOverrides} />;\n\n    type = renderRef({\n      pathName: name,\n      $ref: $type,\n    });\n  } else if (schema.type === 'array') {\n    if (variant === 'expand')\n      return (\n        <Collapsible className=\"my-2\">\n          <CollapsibleTrigger\n            className={cn(\n              buttonVariants({ color: 'secondary', size: 'sm' }),\n              'group px-3 py-2 data-[state=open]:rounded-b-none',\n            )}\n          >\n            Array Item\n            <ChevronDown className=\"size-4 text-fd-muted-foreground group-data-[state=open]:rotate-180\" />\n          </CollapsibleTrigger>\n          <CollapsibleContent className=\"-mt-px bg-fd-card px-3 rounded-lg rounded-tl-none border shadow-sm\">\n            <SchemaUIProperty name=\"\" $type={schema.item.$type} variant=\"expand\" />\n          </CollapsibleContent>\n        </Collapsible>\n      );\n\n    type = renderRef({\n      pathName: name,\n      $ref: $type,\n    });\n  }\n\n  const child = (\n    <>\n      {schema.description}\n      {schema.infoTags && schema.infoTags.length > 0 && (\n        <div className=\"flex flex-row gap-2 flex-wrap my-2 not-prose empty:hidden\">\n          {schema.infoTags.map((tag) => (\n            <InfoTag key={tag.label} tag={tag} />\n          ))}\n        </div>\n      )}\n    </>\n  );\n  if (variant === 'expand') return child;\n  return (\n    <Property name={name} type={type} deprecated={schema.deprecated} {...overrides}>\n      {child}\n    </Property>\n  );\n}\n\ninterface ObjectSearchProps {\n  properties: SchemaDataObjectProperty[];\n  container?: ComponentProps<'div'>;\n  open?: (item: SchemaDataObjectProperty) => void;\n}\n\nfunction ObjectSearch({ properties, container, open }: ObjectSearchProps) {\n  const [search, setSearch] = useState('');\n  const deferredValue = useDeferredValue(search);\n  const firstItemRef = useRef<SchemaDataObjectProperty>(null);\n  const prevProperties = useRef(properties);\n\n  if (prevProperties.current !== properties) {\n    prevProperties.current = properties;\n    setSearch('');\n  }\n\n  return (\n    <>\n      <div\n        {...container}\n        className={cn(\n          'flex items-center border my-2 rounded-md bg-fd-secondary text-fd-secondary-foreground transition-colors shadow-sm focus-within:ring-2 focus-within:ring-fd-ring',\n          container?.className,\n        )}\n      >\n        <FilterIcon className=\"text-fd-muted-foreground ms-2 size-3.5\" />\n        <input\n          value={search}\n          data-object-search-input=\"\"\n          onChange={(e) => setSearch(e.target.value)}\n          placeholder=\"Filter Properties\"\n          className=\"text-sm ps-2 py-2 flex-1 outline-none placeholder:text-fd-muted-foreground\"\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' && open) {\n              if (firstItemRef.current) open(firstItemRef.current);\n              e.preventDefault();\n            }\n          }}\n        />\n      </div>\n      <Suspense>\n        <ObjectSearchContent\n          search={deferredValue}\n          properties={properties}\n          firstItemRef={firstItemRef}\n        />\n      </Suspense>\n    </>\n  );\n}\n\nfunction ObjectSearchContent({\n  search: rawSearch,\n  firstItemRef,\n  properties,\n}: {\n  search: string;\n  firstItemRef: RefObject<SchemaDataObjectProperty | null>;\n  properties: SchemaDataObjectProperty[];\n}) {\n  const filtered = useMemo(() => {\n    const search = rawSearch.trim().toLowerCase();\n    return search.length > 0\n      ? properties.filter((prop) => prop.name.toLowerCase().includes(search))\n      : properties;\n  }, [properties, rawSearch]);\n\n  firstItemRef.current = filtered.length > 0 ? filtered[0] : null;\n\n  if (filtered.length === 0)\n    return (\n      <p className=\"text-fd-muted-foreground text-sm px-2\">\n        No property matching{' '}\n        <span className=\"text-fd-foreground font-medium\">{`\"${rawSearch}\"`}</span>\n      </p>\n    );\n\n  return filtered.map((prop) => (\n    <SchemaUIProperty\n      key={prop.name}\n      name={prop.name}\n      $type={prop.$type}\n      overrides={{ required: prop.required }}\n    />\n  ));\n}\n\nfunction InfoTag({ tag }: { tag: InfoTag }) {\n  const ref = useRef<HTMLElement>(null);\n  const [isTruncated, setTruncated] = useState(false);\n  const [open, setOpen] = useState(false);\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n    // assume the tag width will never change\n    setTruncated(element.scrollWidth !== element.offsetWidth);\n  }, []);\n\n  return (\n    <div className=\"flex flex-row items-start gap-2 bg-fd-secondary border rounded-lg text-xs p-1.5 shadow-md max-w-full\">\n      <span className=\"font-medium\">{tag.label}</span>\n      <code\n        ref={ref}\n        className={cn(\n          'min-w-0 flex-1 text-fd-muted-foreground',\n          open ? 'wrap-break-word' : 'truncate',\n        )}\n      >\n        {tag.value}\n      </code>\n      {isTruncated && (\n        <button\n          className={cn(buttonVariants({ size: 'icon-xs', variant: 'ghost' }))}\n          onClick={() => setOpen((prev) => !prev)}\n        >\n          <ChevronDown />\n        </button>\n      )}\n    </div>\n  );\n}\n\ninterface PathItemType {\n  name: ReactNode;\n  $ref?: string;\n  scrollTop?: number;\n}\n\nfunction SchemaUIPopover({\n  containerRef,\n  initialPath,\n}: {\n  containerRef: RefObject<HTMLDivElement | null>;\n  initialPath: PathItemType[];\n}) {\n  const [path, setPath] = useState(initialPath);\n\n  useLayoutEffect(() => {\n    const last = path[0];\n    const element = containerRef.current;\n    if (!element || !last || !element.parentElement) return;\n\n    // recover scroll\n    element.parentElement.scrollTop = last.scrollTop ?? 0;\n    return () => {\n      if (element.parentElement) last.scrollTop = element.parentElement.scrollTop;\n    };\n  }, [containerRef, path]);\n\n  const context: PopoverContextType = useMemo(\n    () => ({\n      renderTrigger: ({ $ref, pathName, children }) => (\n        <button\n          className={cn(typeVariants({ variant: 'trigger' }))}\n          onClick={() => setPath((path) => [...path, { name: pathName, $ref }])}\n        >\n          {children}\n        </button>\n      ),\n    }),\n    [],\n  );\n\n  const currentRef = path.findLast((item) => item.$ref !== undefined);\n\n  return (\n    <>\n      <div className=\"sticky top-0 -mx-2 flex flex-row flex-wrap items-center text-sm font-medium font-mono bg-fd-popover px-2 h-8 border-b\">\n        {path.map((item, i) => {\n          const isDuplicated = path.some((other, j) => j < i && other.$ref === item.$ref);\n          const className = cn(\n            isDuplicated && 'text-orange-400',\n            item.$ref && 'hover:underline hover:text-fd-accent-foreground',\n          );\n          const node = item.$ref ? (\n            <button onClick={() => setPath((path) => path.slice(0, i + 1))} className={className}>\n              {item.name}\n            </button>\n          ) : (\n            <span className={className}>{item.name}</span>\n          );\n\n          return (\n            <Fragment key={i}>\n              {i > 0 && '.'}\n              {node}\n            </Fragment>\n          );\n        })}\n      </div>\n      <PopoverContext value={context}>\n        {currentRef?.$ref && (\n          <SchemaUIProperty\n            name=\"\"\n            $type={currentRef.$ref}\n            variant=\"expand\"\n            objectSearchOverrides={{\n              container: {\n                className: 'sticky top-10',\n              },\n              open(item) {\n                setPath((path) => [...path, { name: item.name, $ref: item.$type }]);\n              },\n            }}\n          />\n        )}\n      </PopoverContext>\n    </>\n  );\n}\n\nfunction useRenderRef() {\n  const { refs } = useData();\n  const { renderTrigger } = usePopover();\n  return function renderRef({\n    pathName,\n    $ref,\n    text,\n  }: {\n    pathName: ReactNode;\n    $ref: string;\n    text?: ReactNode;\n  }) {\n    const schema = refs[$ref];\n\n    if (schema.type === 'and' || schema.type === 'or') {\n      const sep = schema.type === 'and' ? '&' : '|';\n      return (\n        <span className={cn(typeVariants(), 'flex flex-row gap-2 items-center flex-wrap')}>\n          {schema.items.map((item, i) => (\n            <Fragment key={item.$type}>\n              {i > 0 && <span>{sep}</span>}\n              {renderRef({ pathName, text: item.name, $ref: item.$type })}\n            </Fragment>\n          ))}\n        </span>\n      );\n    }\n\n    if (schema.type === 'array') {\n      return (\n        <span className={cn(typeVariants(), 'flex flex-row items-center flex-wrap')}>\n          {'array<'}\n          {renderRef({ pathName: <>{pathName}[]</>, $ref: schema.item.$type })}\n          {'>'}\n        </span>\n      );\n    }\n\n    return renderTrigger({ $ref, pathName, children: text ?? schema.aliasName });\n  };\n}\n\nfunction RootPopoverTrigger({\n  $ref,\n  pathName,\n  children,\n}: {\n  pathName: ReactNode;\n  $ref: string;\n  children: ReactNode;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const refCallback = useCallback((element: HTMLDivElement | null) => {\n    ref.current = element;\n    if (!element || element.style.getPropertyValue('--initial-height')) return;\n\n    element.style.setProperty('--initial-height', `${element.clientHeight + 2}px`);\n  }, []);\n\n  return (\n    <Popover>\n      <PopoverTrigger className={cn(typeVariants({ variant: 'trigger' }))}>\n        {children}\n      </PopoverTrigger>\n      <PopoverContent\n        ref={refCallback}\n        onOpenAutoFocus={(e) => {\n          if (!ref.current) return;\n          const input = ref.current.querySelector('input[data-object-search-input]');\n          if (!(input instanceof HTMLInputElement)) return;\n          input.focus({ preventScroll: true });\n          e.preventDefault();\n        }}\n        className=\"w-[600px] min-h-(--initial-height,0) max-h-[460px] px-2 py-0\"\n      >\n        <SchemaUIPopover\n          containerRef={ref}\n          initialPath={[\n            {\n              name: pathName,\n              $ref: $ref,\n            },\n          ]}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ninterface PropertyProps {\n  name: ReactNode;\n  type: ReactNode;\n  required?: boolean;\n  deprecated?: boolean;\n  nested?: boolean;\n\n  children?: ReactNode;\n  className?: string;\n}\n\nfunction Property({\n  name,\n  type,\n  required,\n  deprecated,\n  nested = false,\n  className,\n  ...props\n}: PropertyProps) {\n  return (\n    <div\n      className={cn(\n        'text-sm border-t',\n        nested\n          ? 'p-3 border-x bg-fd-card last:rounded-b-xl first:rounded-tr-xl last:border-b'\n          : 'py-4 first:border-t-0',\n        className,\n      )}\n    >\n      <div className=\"flex flex-wrap items-center gap-3 not-prose\">\n        <span className=\"font-medium font-mono text-fd-primary\">\n          {name}\n          {required ? (\n            <span className=\"text-red-400\">*</span>\n          ) : (\n            <span className=\"text-fd-muted-foreground\">?</span>\n          )}\n        </span>\n        {typeof type === 'string' ? (\n          <span className=\"text-sm font-mono text-fd-muted-foreground\">{type}</span>\n        ) : (\n          type\n        )}\n        {deprecated && (\n          <Badge color=\"yellow\" className=\"ms-auto text-xs\">\n            Deprecated\n          </Badge>\n        )}\n      </div>\n      <div className=\"prose-no-margin pt-2.5 empty:hidden\">{props.children}</div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"client.js","names":[],"sources":["../../../src/ui/schema/client.tsx"],"sourcesContent":["'use client';\nimport {\n  type ComponentProps,\n  createContext,\n  Fragment,\n  type ReactNode,\n  type RefObject,\n  Suspense,\n  use,\n  useCallback,\n  useDeferredValue,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from 'fumadocs-ui/components/tabs';\nimport type { InfoTag, SchemaDataObjectProperty, SchemaUIGeneratedData } from '@/ui/schema';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from 'fumadocs-ui/components/ui/collapsible';\nimport { buttonVariants } from 'fumadocs-ui/components/ui/button';\nimport { ChevronDown, FilterIcon } from 'lucide-react';\nimport { Badge } from '@/ui/components/method-label';\nimport { Popover, PopoverContent, PopoverTrigger } from 'fumadocs-ui/components/ui/popover';\nimport { cn } from '@/utils/cn';\nimport { cva } from 'class-variance-authority';\n\ntype DataContextType = SchemaUIGeneratedData;\n\ninterface PopoverContextType {\n  renderTrigger: (props: { pathName: ReactNode; $ref: string; children: ReactNode }) => ReactNode;\n}\n\nconst typeVariants = cva('text-sm text-start text-fd-muted-foreground font-mono', {\n  variants: {\n    variant: {\n      trigger:\n        'underline hover:text-fd-accent-foreground data-[state=open]:text-fd-accent-foreground',\n    },\n  },\n});\n\nconst PopoverContext = createContext<PopoverContextType>({\n  renderTrigger: (props) => <RootPopoverTrigger {...props} />,\n});\n\nconst DataContext = createContext<DataContextType | null>(null);\n\nfunction useData() {\n  return use(DataContext)!;\n}\n\nfunction usePopover() {\n  return use(PopoverContext);\n}\n\nexport interface SchemaUIProps {\n  name: string;\n  required?: boolean;\n  as?: 'property' | 'body';\n\n  generated: SchemaUIGeneratedData;\n}\n\nexport function SchemaUI({ name, required = false, as = 'property', generated }: SchemaUIProps) {\n  return (\n    <DataContext value={generated}>\n      <SchemaUIProperty\n        name={name}\n        $type={generated.$root}\n        overrides={{\n          required,\n        }}\n        variant={\n          as === 'property' || generated.refs[generated.$root].type === 'primitive'\n            ? 'default'\n            : 'expand'\n        }\n      />\n    </DataContext>\n  );\n}\n\nfunction SchemaUIProperty({\n  name,\n  $type,\n  variant = 'default',\n  overrides,\n  objectSearchOverrides,\n}: {\n  name: ReactNode;\n  $type: string;\n  variant?: 'default' | 'expand';\n  overrides?: Partial<PropertyProps>;\n  objectSearchOverrides?: Partial<ObjectSearchProps>;\n}) {\n  const { refs } = useData();\n  const schema = refs[$type];\n  const renderRef = useRenderRef();\n  let type: ReactNode = schema.typeName;\n\n  if ((schema.type === 'or' || schema.type === 'and') && schema.items.length > 0) {\n    if (variant === 'expand')\n      return (\n        <Tabs defaultValue={schema.items[0].$type}>\n          <TabsList>\n            {schema.items.map((item) => (\n              <TabsTrigger key={item.$type} value={item.$type}>\n                {item.name}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          {schema.items.map((item) => (\n            <TabsContent\n              key={item.$type}\n              value={item.$type}\n              forceMount={undefined}\n              className=\"pt-2 pb-0\"\n            >\n              <SchemaUIProperty {...item} variant=\"expand\" />\n            </TabsContent>\n          ))}\n        </Tabs>\n      );\n    type = renderRef({\n      pathName: name,\n      $ref: $type,\n    });\n  } else if (schema.type === 'object' && schema.props.length > 0) {\n    if (variant === 'expand')\n      return <ObjectSearch properties={schema.props} {...objectSearchOverrides} />;\n\n    type = renderRef({\n      pathName: name,\n      $ref: $type,\n    });\n  } else if (schema.type === 'array') {\n    if (variant === 'expand')\n      return (\n        <Collapsible className=\"my-2\">\n          <CollapsibleTrigger\n            className={cn(\n              buttonVariants({ color: 'secondary', size: 'sm' }),\n              'group px-3 py-2 data-[state=open]:rounded-b-none',\n            )}\n          >\n            Array Item\n            <ChevronDown className=\"size-4 text-fd-muted-foreground group-data-[state=open]:rotate-180\" />\n          </CollapsibleTrigger>\n          <CollapsibleContent className=\"-mt-px bg-fd-card px-3 rounded-lg rounded-tl-none border shadow-sm\">\n            <SchemaUIProperty name=\"\" $type={schema.item.$type} variant=\"expand\" />\n          </CollapsibleContent>\n        </Collapsible>\n      );\n\n    type = renderRef({\n      pathName: name,\n      $ref: $type,\n    });\n  }\n\n  const child = (\n    <>\n      {schema.description}\n      {schema.infoTags && schema.infoTags.length > 0 && (\n        <div className=\"flex flex-row gap-2 flex-wrap my-2 not-prose empty:hidden\">\n          {schema.infoTags.map((tag) => (\n            <InfoTag key={tag.label} tag={tag} />\n          ))}\n        </div>\n      )}\n    </>\n  );\n  if (variant === 'expand') return child;\n  return (\n    <Property name={name} type={type} deprecated={schema.deprecated} {...overrides}>\n      {child}\n    </Property>\n  );\n}\n\ninterface ObjectSearchProps {\n  properties: SchemaDataObjectProperty[];\n  container?: ComponentProps<'div'>;\n  open?: (item: SchemaDataObjectProperty) => void;\n}\n\nfunction ObjectSearch({ properties, container, open }: ObjectSearchProps) {\n  const [search, setSearch] = useState('');\n  const deferredValue = useDeferredValue(search);\n  const firstItemRef = useRef<SchemaDataObjectProperty>(null);\n  const prevProperties = useRef(properties);\n\n  if (prevProperties.current !== properties) {\n    prevProperties.current = properties;\n    setSearch('');\n  }\n\n  return (\n    <>\n      <div\n        {...container}\n        className={cn(\n          'flex items-center border my-2 rounded-md bg-fd-secondary text-fd-secondary-foreground transition-colors shadow-sm focus-within:ring-2 focus-within:ring-fd-ring',\n          container?.className,\n        )}\n      >\n        <FilterIcon className=\"text-fd-muted-foreground ms-2 size-3.5\" />\n        <input\n          value={search}\n          data-object-search-input=\"\"\n          onChange={(e) => setSearch(e.target.value)}\n          placeholder=\"Filter Properties\"\n          className=\"text-sm ps-2 py-2 flex-1 outline-none placeholder:text-fd-muted-foreground\"\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' && open) {\n              if (firstItemRef.current) open(firstItemRef.current);\n              e.preventDefault();\n            }\n          }}\n        />\n      </div>\n      <Suspense>\n        <ObjectSearchContent\n          search={deferredValue}\n          properties={properties}\n          firstItemRef={firstItemRef}\n        />\n      </Suspense>\n    </>\n  );\n}\n\nfunction ObjectSearchContent({\n  search: rawSearch,\n  firstItemRef,\n  properties,\n}: {\n  search: string;\n  firstItemRef: RefObject<SchemaDataObjectProperty | null>;\n  properties: SchemaDataObjectProperty[];\n}) {\n  const filtered = useMemo(() => {\n    const search = rawSearch.trim().toLowerCase();\n    return search.length > 0\n      ? properties.filter((prop) => prop.name.toLowerCase().includes(search))\n      : properties;\n  }, [properties, rawSearch]);\n\n  firstItemRef.current = filtered.length > 0 ? filtered[0] : null;\n\n  if (filtered.length === 0)\n    return (\n      <p className=\"text-fd-muted-foreground text-sm px-2\">\n        No property matching{' '}\n        <span className=\"text-fd-foreground font-medium\">{`\"${rawSearch}\"`}</span>\n      </p>\n    );\n\n  return filtered.map((prop) => (\n    <SchemaUIProperty\n      key={prop.name}\n      name={prop.name}\n      $type={prop.$type}\n      overrides={{ required: prop.required }}\n    />\n  ));\n}\n\nfunction InfoTag({ tag }: { tag: InfoTag }) {\n  const ref = useRef<HTMLElement>(null);\n  const [isTruncated, setTruncated] = useState(false);\n  const [open, setOpen] = useState(false);\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n    // assume the tag width will never change\n    setTruncated(element.scrollWidth !== element.offsetWidth);\n  }, []);\n\n  return (\n    <div className=\"flex flex-row items-start gap-2 bg-fd-secondary border rounded-lg text-xs p-1.5 shadow-md max-w-full\">\n      <span className=\"font-medium\">{tag.label}</span>\n      <code\n        ref={ref}\n        className={cn(\n          'min-w-0 flex-1 text-fd-muted-foreground',\n          open ? 'wrap-break-word' : 'truncate',\n        )}\n      >\n        {tag.value}\n      </code>\n      {isTruncated && (\n        <button\n          className={cn(buttonVariants({ size: 'icon-xs', variant: 'ghost' }))}\n          onClick={() => setOpen((prev) => !prev)}\n        >\n          <ChevronDown />\n        </button>\n      )}\n    </div>\n  );\n}\n\ninterface PathItemType {\n  name: ReactNode;\n  $ref?: string;\n  scrollTop?: number;\n}\n\nfunction SchemaUIPopover({\n  containerRef,\n  initialPath,\n}: {\n  containerRef: RefObject<HTMLDivElement | null>;\n  initialPath: PathItemType[];\n}) {\n  const [path, setPath] = useState(initialPath);\n\n  useLayoutEffect(() => {\n    const last = path[0];\n    const element = containerRef.current;\n    if (!element || !last || !element.parentElement) return;\n\n    // recover scroll\n    element.parentElement.scrollTop = last.scrollTop ?? 0;\n    return () => {\n      if (element.parentElement) last.scrollTop = element.parentElement.scrollTop;\n    };\n  }, [containerRef, path]);\n\n  const context: PopoverContextType = useMemo(\n    () => ({\n      renderTrigger: ({ $ref, pathName, children }) => (\n        <button\n          className={cn(typeVariants({ variant: 'trigger' }))}\n          onClick={() => setPath((path) => [...path, { name: pathName, $ref }])}\n        >\n          {children}\n        </button>\n      ),\n    }),\n    [],\n  );\n\n  const currentRef = path.findLast((item) => item.$ref !== undefined);\n\n  return (\n    <>\n      <div className=\"sticky top-0 -mx-2 flex flex-row flex-wrap items-center text-sm font-medium font-mono bg-fd-popover px-2 h-8 border-b\">\n        {path.map((item, i) => {\n          const isDuplicated = path.some((other, j) => j < i && other.$ref === item.$ref);\n          const className = cn(\n            isDuplicated && 'text-orange-400',\n            item.$ref && 'hover:underline hover:text-fd-accent-foreground',\n          );\n          const node = item.$ref ? (\n            <button onClick={() => setPath((path) => path.slice(0, i + 1))} className={className}>\n              {item.name}\n            </button>\n          ) : (\n            <span className={className}>{item.name}</span>\n          );\n\n          return (\n            <Fragment key={i}>\n              {i > 0 && '.'}\n              {node}\n            </Fragment>\n          );\n        })}\n      </div>\n      <PopoverContext value={context}>\n        {currentRef?.$ref && (\n          <SchemaUIProperty\n            name=\"\"\n            $type={currentRef.$ref}\n            variant=\"expand\"\n            objectSearchOverrides={{\n              container: {\n                className: 'sticky top-10',\n              },\n              open(item) {\n                setPath((path) => [...path, { name: item.name, $ref: item.$type }]);\n              },\n            }}\n          />\n        )}\n      </PopoverContext>\n    </>\n  );\n}\n\nfunction useRenderRef() {\n  const { refs } = useData();\n  const { renderTrigger } = usePopover();\n  return function renderRef({\n    pathName,\n    $ref,\n    text,\n  }: {\n    pathName: ReactNode;\n    $ref: string;\n    text?: ReactNode;\n  }) {\n    const schema = refs[$ref];\n\n    if (schema.type === 'and' || schema.type === 'or') {\n      const sep = schema.type === 'and' ? '&' : '|';\n      return (\n        <span className={cn(typeVariants(), 'flex flex-row gap-2 items-center flex-wrap')}>\n          {schema.items.map((item, i) => (\n            <Fragment key={item.$type}>\n              {i > 0 && <span>{sep}</span>}\n              {renderRef({ pathName, text: item.name, $ref: item.$type })}\n            </Fragment>\n          ))}\n        </span>\n      );\n    }\n\n    if (schema.type === 'array') {\n      return (\n        <span className={cn(typeVariants(), 'flex flex-row items-center flex-wrap')}>\n          {'array<'}\n          {renderRef({ pathName: <>{pathName}[]</>, $ref: schema.item.$type })}\n          {'>'}\n        </span>\n      );\n    }\n\n    return renderTrigger({ $ref, pathName, children: text ?? schema.aliasName });\n  };\n}\n\nfunction RootPopoverTrigger({\n  $ref,\n  pathName,\n  children,\n}: {\n  pathName: ReactNode;\n  $ref: string;\n  children: ReactNode;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const refCallback = useCallback((element: HTMLDivElement | null) => {\n    ref.current = element;\n    if (!element || element.style.getPropertyValue('--initial-height')) return;\n\n    element.style.setProperty('--initial-height', `${element.clientHeight + 2}px`);\n  }, []);\n\n  return (\n    <Popover>\n      <PopoverTrigger className={cn(typeVariants({ variant: 'trigger' }))}>\n        {children}\n      </PopoverTrigger>\n      <PopoverContent\n        ref={refCallback}\n        onOpenAutoFocus={(e) => {\n          if (!ref.current) return;\n          const input = ref.current.querySelector('input[data-object-search-input]');\n          if (!(input instanceof HTMLInputElement)) return;\n          input.focus({ preventScroll: true });\n          e.preventDefault();\n        }}\n        className=\"w-[600px] min-h-(--initial-height,0) max-h-[460px] px-2 py-0\"\n      >\n        <SchemaUIPopover\n          containerRef={ref}\n          initialPath={[\n            {\n              name: pathName,\n              $ref: $ref,\n            },\n          ]}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ninterface PropertyProps {\n  name: ReactNode;\n  type: ReactNode;\n  required?: boolean;\n  deprecated?: boolean;\n  nested?: boolean;\n\n  children?: ReactNode;\n  className?: string;\n}\n\nfunction Property({\n  name,\n  type,\n  required,\n  deprecated,\n  nested = false,\n  className,\n  ...props\n}: PropertyProps) {\n  return (\n    <div\n      className={cn(\n        'text-sm border-t',\n        nested\n          ? 'p-3 border-x bg-fd-card last:rounded-b-xl first:rounded-tr-xl last:border-b'\n          : 'py-4 first:border-t-0',\n        className,\n      )}\n    >\n      <div className=\"flex flex-wrap items-center gap-3 not-prose\">\n        <span className=\"font-medium font-mono text-fd-primary\">\n          {name}\n          {required ? (\n            <span className=\"text-red-400\">*</span>\n          ) : (\n            <span className=\"text-fd-muted-foreground\">?</span>\n          )}\n        </span>\n        {typeof type === 'string' ? (\n          <span className=\"text-sm font-mono text-fd-muted-foreground\">{type}</span>\n        ) : (\n          type\n        )}\n        {deprecated && (\n          <Badge color=\"yellow\" className=\"ms-auto text-xs\">\n            Deprecated\n          </Badge>\n        )}\n      </div>\n      <div className=\"prose-no-margin pt-2.5 empty:hidden\">{props.children}</div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,9 +1,6 @@
 import { ResolvedSchema } from "../../utils/schema.js";
 import { SchemaUIProps } from "./client.js";
-import "../../types.js";
 import { ReactNode } from "react";
-import "react/jsx-runtime";
-
 //#region src/ui/schema/index.d.ts
 interface FieldBase {
   description?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/ui/schema/index.tsx"],"mappings":";;;;;;;UAQiB,SAAA;EACf,WAAA,GAAc,SAAA;EACd,QAAA,GAAW,OAAA;EAEX,QAAA;EACA,SAAA;EAEA,UAAA;AAAA;AAAA,UAGe,OAAA;EACf,KAAA;EACA,KAAA;AAAA;AAAA,UAGe,wBAAA;EACf,IAAA;EACA,KAAA;EACA,QAAA;AAAA;AAAA,KAGU,UAAA,GAAa,SAAA;EAGjB,IAAA;AAAA;EAGA,IAAA;EACA,KAAA,EAAO,wBAAA;AAAA;EAGP,IAAA;EACA,IAAA;IACE,KAAA;EAAA;AAAA;EAIF,IAAA;EACA,KAAA;IACE,IAAA;IACA,KAAA;EAAA;AAAA;EAIF,IAAA;EACA,KAAA;IACE,IAAA;IACA,KAAA;EAAA;AAAA;AAAA,UAKO,eAAA;EACf,IAAA,EAAM,cAAA;EACN,MAAA,EAAQ,IAAA,CAAK,aAAA;EAjBP;;;EAsBN,QAAA;EAfM;;;EAmBN,SAAA;AAAA;AAAA,UAGe,qBAAA;EACf,KAAA;EACA,IAAA,EAAM,MAAA,SAAe,UAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/ui/schema/index.tsx"],"mappings":";;;;UAQiB,SAAA;EACf,WAAA,GAAc,SAAA;EACd,QAAA,GAAW,OAAA;EAEX,QAAA;EACA,SAAA;EAEA,UAAA;AAAA;AAAA,UAGe,OAAA;EACf,KAAA;EACA,KAAA;AAAA;AAAA,UAGe,wBAAA;EACf,IAAA;EACA,KAAA;EACA,QAAA;AAAA;AAAA,KAGU,UAAA,GAAa,SAAA;EAGjB,IAAA;AAAA;EAGA,IAAA;EACA,KAAA,EAAO,wBAAA;AAAA;EAGP,IAAA;EACA,IAAA;IACE,KAAA;EAAA;AAAA;EAIF,IAAA;EACA,KAAA;IACE,IAAA;IACA,KAAA;EAAA;AAAA;EAIF,IAAA;EACA,KAAA;IACE,IAAA;IACA,KAAA;EAAA;AAAA;AAAA,UAKO,eAAA;EACf,IAAA,EAAM,cAAA;EACN,MAAA,EAAQ,IAAA,CAAK,aAAA;EAjBP;;;EAsBN,QAAA;EAfM;;;EAmBN,SAAA;AAAA;AAAA,UAGe,qBAAA;EACf,KAAA;EACA,IAAA,EAAM,MAAA,SAAe,UAAA;AAAA"}