redoc 2.5.4 → 3.0.0-rc.1

package/typings/components/graphql/GraphQLHeaderExtras.d.ts

@@ -0,0 +1,7 @@
+interface GraphQLHeaderExtrasProps {
+    returnType?: string;
+    operationName?: string;
+    operationType?: 'query' | 'mutation' | 'subscription';
+}
+export declare const GraphQLHeaderExtras: import("react").NamedExoticComponent<GraphQLHeaderExtrasProps>;
+export {};

package/typings/components/graphql/GraphQLReturnTypeDetails.d.ts

@@ -0,0 +1,11 @@
+import type { GraphqlTypeRef } from '../../types/graphql-store.js';
+interface Props {
+    typeRef: GraphqlTypeRef;
+    inline?: boolean;
+    size?: 'base' | 'lg';
+    deprecated?: boolean;
+    required?: boolean;
+    className?: string;
+}
+export declare const GraphQLReturnTypeDetails: import("react").NamedExoticComponent<Props>;
+export {};

package/typings/components/graphql/GraphQLTypeView.d.ts

@@ -0,0 +1,9 @@
+interface NamedTypeRendererProps {
+    typeName: string;
+    contrast?: boolean;
+    fieldExpandLevel?: number;
+    expanded?: boolean;
+    parentPath?: string;
+}
+declare const NamedTypeRenderer: import("react").NamedExoticComponent<NamedTypeRendererProps>;
+export { NamedTypeRenderer as GraphQLTypeViewByName };

package/typings/components/graphql/GraphQLUnionEmbedded.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    name: string;
+}
+export declare const GraphQLUnionEmbedded: import("react").NamedExoticComponent<Props>;
+export {};

package/typings/components/graphql/RequiresScopesButton.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import type { RequiresScopesDirective } from '../../utils/graphql-scopes.js';
+interface RequiresScopesButtonProps {
+    directive?: RequiresScopesDirective | null;
+    isItem?: boolean;
+}
+declare function RequiresScopesButtonComponent({ directive, isItem }: RequiresScopesButtonProps): ReactElement | null;
+export declare const RequiresScopesButton: import("react").MemoExoticComponent<typeof RequiresScopesButtonComponent>;
+export {};

package/typings/components/graphql/RequiresScopesModal.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+interface RequiresScopesModalProps {
+    scopes: string[][];
+    onClose: () => void;
+    parentScopes?: string[][];
+}
+declare function RequiresScopesModalComponent({ scopes, onClose, parentScopes }: RequiresScopesModalProps): ReactElement;
+export declare const RequiresScopesModal: import("react").MemoExoticComponent<typeof RequiresScopesModalComponent>;
+export {};

package/typings/components/graphql/ViewNested.d.ts

@@ -0,0 +1,14 @@
+import type { PropsWithChildren } from 'react';
+interface ViewNestedProps {
+    expanded: boolean;
+    expandText: string;
+    collapseText: string;
+    level?: number;
+    collapsedArgs?: Array<{
+        name: string;
+        required?: boolean;
+    }>;
+    onClick?: () => void;
+}
+export declare const ViewNested: import("react").NamedExoticComponent<PropsWithChildren<ViewNestedProps>>;
+export {};

package/typings/components/graphql/renderDescription.d.ts

@@ -0,0 +1,2 @@
+import type { ReactElement } from 'react';
+export declare function renderDescription(description: unknown): ReactElement | string | null;

package/typings/components/graphql/sections/GraphQLArgsSection.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { ItemContentNode } from '../../../types/content.js';
+export declare function GraphQLArgsSection({ node }: {
+    node: ItemContentNode;
+}): ReactElement;

package/typings/components/graphql/sections/GraphQLFieldsSection.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { ItemContentNode } from '../../../types/content.js';
+export declare function GraphQLFieldsSection({ node }: {
+    node: ItemContentNode;
+}): ReactElement;

package/typings/components/graphql/sections/ImplementedBySection.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { ItemContentNode } from '../../../types/content.js';
+export declare function ImplementedBySection({ node }: {
+    node: ItemContentNode;
+}): ReactElement;

package/typings/components/graphql/sections/ImplementsSection.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { ItemContentNode } from '../../../types/content.js';
+export declare function ImplementsSection({ node }: {
+    node: ItemContentNode;
+}): ReactElement;

package/typings/components/graphql/sections/PossibleTypesSection.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { ItemContentNode } from '../../../types/content.js';
+export declare function PossibleTypesSection({ node }: {
+    node: ItemContentNode;
+}): ReactElement;

package/typings/components/graphql/sections/RequiresScopesSection.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { ItemContentNode } from '../../../types/content.js';
+export declare function RequiresScopesSection({ node }: {
+    node: ItemContentNode;
+}): ReactElement;

package/typings/components/graphql/sections/ReturnTypeSection.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { ItemContentNode } from '../../../types/content.js';
+export declare function ReturnTypeSection({ node }: {
+    node: ItemContentNode;
+}): ReactElement;

package/typings/components/graphql/styled.d.ts

@@ -0,0 +1,62 @@
+export { DeprecatedBadge } from '../Schema/styled.js';
+export declare const Annotation: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const PanelAnnotation: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | (import("react").CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}> & string;
+export declare const FieldWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}, {
+    $showBorder: boolean;
+}>> & string;
+export declare const FieldNameBox: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const FieldName: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}, {
+    $isDeprecated?: boolean;
+}>> & string;
+export declare const SchemaItemWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ExpandableFieldBody: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}, {
+    $contrast?: boolean;
+}>> & string;
+export declare const InlineCode: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}, {
+    $required?: boolean;
+}>> & string;
+export declare const Value: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const NonNullLabel: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const SectionLabel: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ArgsCollapsed: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}, {
+    $size?: 'base' | 'lg';
+}>> & string;
+export declare const ReturnTypeDetailsWithArrowWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const MessageBadge: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}, {
+    $type: 'success' | 'warning' | 'error';
+}>> & string;

package/typings/components/markdoc/Heading.d.ts

@@ -0,0 +1,11 @@
+import type { JSX, PropsWithChildren } from 'react';
+declare function HeadingComponent({ level, id, children, deepLinkHash, 'data-source': dataSource, 'data-hash': dataHash, className }: PropsWithChildren<{
+    level: number;
+    id?: string;
+    deepLinkHash?: string;
+    'data-source'?: string;
+    'data-hash'?: string;
+    className?: string;
+}>): JSX.Element;
+export declare const Heading: import("react").MemoExoticComponent<typeof HeadingComponent>;
+export {};

package/typings/components/markdoc/SchemaDefinition.d.ts

@@ -0,0 +1,11 @@
+import { type ReactElement } from 'react';
+export type SchemaDefinitionProps = {
+    schemaRef?: string;
+    exampleRef?: string;
+    showReadOnly?: boolean;
+    showWriteOnly?: boolean;
+    htmlWrap?: string | boolean;
+};
+declare function SchemaDefinitionComponent({ schemaRef, exampleRef, showReadOnly, showWriteOnly }: SchemaDefinitionProps): ReactElement;
+export declare const SchemaDefinition: import("react").MemoExoticComponent<typeof SchemaDefinitionComponent>;
+export {};

package/typings/components/markdoc/apiDocsMarkdocComponents.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentType } from 'react';
+/**
+ * api-docs markdown render components, keyed by their markdoc `render` names. Pair with
+ * {@link apiDocsMarkdocTags}/{@link apiDocsMarkdocNodes} when wiring a host markdown adapter.
+ */
+export declare const apiDocsMarkdocComponents: Record<string, ComponentType>;

package/typings/components/markdoc/buildMarkdocOptions.d.ts

@@ -0,0 +1,9 @@
+import type { MarkdocOptions } from '../../types/options.js';
+/**
+ * Merge a host's markdoc options with api-docs' built-in tags/nodes/components (schemaDefinition,
+ * heading, MCP). This pulls in the Markdoc runtime (via `defaultMarkdocConfig`), so it lives here —
+ * out of `withStoreProvider`/the shared component tree — and is reached only by the standalone
+ * Markdoc adapter. That keeps the Markdoc runtime out of embedder client bundles that supply their
+ * own renderer (e.g. realm).
+ */
+export declare function buildMarkdocOptions(propsMarkdocOptions?: Partial<MarkdocOptions>): MarkdocOptions;

package/typings/components/markdoc/defaultMarkdocConfig.d.ts

@@ -0,0 +1,14 @@
+import type { RenderableTreeNode, Schema } from '@markdoc/markdoc';
+import type { MarkdocTagSchema } from '@redocly/theme/markdoc/tags/types';
+/**
+ * Server-safe Markdoc config for api-docs descriptions: the built-in tag schemas
+ * (html / schemaDefinition / MCP) and node transforms (heading). Deliberately free
+ * of React component imports so an embedder can run the description transform
+ * server-side — e.g. in a server function — without pulling the theme / jotai /
+ * styled-components render layer into a server bundle. The matching render
+ * components (Heading, SchemaDefinition, McpTool/McpResource/McpPrompt) are exported
+ * separately and wired in by the host's markdown adapter on the client.
+ */
+export declare function getMarkdownHeaderId(children: RenderableTreeNode[]): string | undefined;
+export declare const apiDocsMarkdocTags: Record<string, MarkdocTagSchema>;
+export declare const apiDocsMarkdocNodes: Record<string, Schema>;

package/typings/components/markdoc/html/html-jsx-attribute-mapping.d.ts

@@ -0,0 +1,5 @@
+export declare function getJsxConvertedAttributes(attrs: {
+    [key: string]: string;
+}, tagName?: string): {
+    [key: string]: string | boolean | object;
+};

package/typings/components/markdoc/html/process-html-tokens.d.ts

@@ -0,0 +1 @@
+export declare function processHtmlTokens(tokens: any): any[];

package/typings/components/markdoc/markdocAdapter.d.ts

@@ -0,0 +1,11 @@
+import type { MarkdownAdapter } from '../../contexts/markdownAdapter.js';
+import type { MarkdocOptions } from '../../types/options.js';
+/**
+ * The default Markdoc-backed {@link MarkdownAdapter}, used by the standalone build.
+ * - `parse`: a raw markdown string (a lazily-rendered schema description) is parsed with Markdoc;
+ *   an already-parsed AST (item descriptions parsed at build) passes straight through to `render`,
+ *   which revives it.
+ * - `render`: merges the host's `markdocOptions` with api-docs' built-in tags/nodes/components, then
+ *   transforms + renders the AST (see `buildMarkdocOptions` / `createMarkdocRenderer`).
+ */
+export declare function createMarkdocAdapter(markdocOptions?: Partial<MarkdocOptions>): MarkdownAdapter;

package/typings/components/markdoc/markdocParser.d.ts

@@ -0,0 +1,8 @@
+import type { MarkdownParser } from '../../adapters/utils/parseMarkdown.js';
+/**
+ * The default Markdoc-based {@link MarkdownParser}, supplied by the standalone build. api-docs core
+ * stays free of a markdown engine; callers of `buildItems` pass this in (or their own parser).
+ * Raw HTML in the source is tokenized and converted into `{% html %}` tag nodes, so it renders as
+ * elements and never leaks markup into extracted text.
+ */
+export declare const markdocParser: MarkdownParser;

package/typings/components/markdoc/markdocRenderer.d.ts

@@ -0,0 +1,8 @@
+import type { MarkdownRenderer } from '../../contexts/markdownAdapter.js';
+import type { MarkdocOptions } from '../../types/options.js';
+/**
+ * The default Markdoc-based {@link MarkdownRenderer}, supplied by the standalone build. Revives the
+ * stored AST, transforms it with `markdocOptions` (tags/nodes/components/variables), and renders each
+ * top-level node through Markdoc's React renderer, wrapped in the theme's markdown styles.
+ */
+export declare function createMarkdocRenderer(markdocOptions?: MarkdocOptions): MarkdownRenderer;

package/typings/components/markdoc/tags/mcp-tag-schemas.d.ts

@@ -0,0 +1,2 @@
+import type { MarkdocTagSchema } from '@redocly/theme/markdoc/tags/types';
+export declare const mcpTagSchemas: Record<string, MarkdocTagSchema>;

package/typings/components/markdoc/tags/schema-definition-tag.d.ts

@@ -0,0 +1,2 @@
+import type { MarkdocTagSchema } from '@redocly/theme/markdoc/tags/types';
+export declare const schemaDefinitionTag: MarkdocTagSchema;

package/typings/components/panels/ConnectMcpButton.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+export declare function ConnectMcpButton({ actions, mcpUrl }: {
+    actions: string[];
+    mcpUrl: string;
+}): ReactElement | null;

package/typings/components/panels/DownloadPanelItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { DownloadNode } from '../../types/content.js';
+export declare function DownloadPanelItem({ node }: {
+    node: DownloadNode;
+}): ReactElement;

package/typings/components/panels/ExampleItem/CallbackPayloadItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { CallbackPayloadPanelItem } from '../../../types/content.js';
+export declare function CallbackPayloadItem({ node }: {
+    node: CallbackPayloadPanelItem;
+}): ReactElement | null;

package/typings/components/panels/ExampleItem/CodeSampleItem.d.ts

@@ -0,0 +1,5 @@
+import { type ReactElement } from 'react';
+import type { CodeSamplePanelItem } from '../../../types/content.js';
+export declare function CodeSampleItem({ node }: {
+    node: CodeSamplePanelItem;
+}): ReactElement;

package/typings/components/panels/ExampleItem/ExamplesPanelItem.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { PanelNodeProps } from '../PanelNodeProps.js';
+export declare function ExamplesPanelItem({ node }: PanelNodeProps): ReactElement;

package/typings/components/panels/ExampleItem/GraphQLQueryItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { GraphQLQueryPanelItem } from '../../../types/content.js';
+export declare function GraphQLQueryItem({ node }: {
+    node: GraphQLQueryPanelItem;
+}): ReactElement;

package/typings/components/panels/ExampleItem/GraphQLResponseItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { GraphQLResponsePanelItem } from '../../../types/content.js';
+export declare function GraphQLResponseItem({ node }: {
+    node: GraphQLResponsePanelItem;
+}): ReactElement;

package/typings/components/panels/ExampleItem/GraphQLTypeSampleItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { GraphQLTypeSamplePanelItem } from '../../../types/content.js';
+export declare function GraphQLTypeSampleItem({ node }: {
+    node: GraphQLTypeSamplePanelItem;
+}): ReactElement;

package/typings/components/panels/ExampleItem/GraphQLVariablesItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { GraphQLVariablesPanelItem } from '../../../types/content.js';
+export declare function GraphQLVariablesItem({ node }: {
+    node: GraphQLVariablesPanelItem;
+}): ReactElement;

package/typings/components/panels/ExampleItem/PayloadExampleItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { PayloadExamplesPanelItem } from '../../../types/content.js';
+export declare function PayloadExampleItem({ node }: {
+    node: PayloadExamplesPanelItem;
+}): ReactElement;

package/typings/components/panels/ExampleItem/ResponseExampleItem.d.ts

@@ -0,0 +1,5 @@
+import { type ReactElement } from 'react';
+import type { ResponseExamplesPanelItem } from '../../../types/content.js';
+export declare function ResponseExampleItem({ node }: {
+    node: ResponseExamplesPanelItem;
+}): ReactElement;

package/typings/components/panels/ExampleItem/ServerDropdown.d.ts

@@ -0,0 +1,17 @@
+import { type ReactElement } from 'react';
+type ServerVariables = Record<string, {
+    default?: string;
+}>;
+export type ServerEntry = {
+    url: string;
+    name?: string;
+    description?: string;
+    variables?: ServerVariables;
+};
+type ServerDropdownProps = {
+    servers: ServerEntry[];
+    method: string;
+    path: string;
+};
+export declare function ServerDropdown({ servers, method, path }: ServerDropdownProps): ReactElement;
+export {};

package/typings/components/panels/ExampleItem/hooks.d.ts

@@ -0,0 +1,25 @@
+import type { CallbackPayloadPanelItem, CodeSamplePanelItem, PayloadExamplesPanelItem } from '../../../types/content.js';
+import { type SchemaVariantAxis } from '../../../services/code-samples/discriminator.js';
+export type SchemaVariantSelection = {
+    options: {
+        key: string;
+        label: string;
+    }[];
+    activeIdx: number;
+    onSelect: (idx: number) => void;
+    kind: SchemaVariantAxis['kind'];
+    optionMeta: Array<{
+        isDefaultMapping?: boolean;
+        isDeprecated?: boolean;
+    }>;
+};
+export declare function useMediaTypeContent(node: PayloadExamplesPanelItem | CodeSamplePanelItem | CallbackPayloadPanelItem): {
+    mediaTypes: string[];
+    activeMediaType: string;
+    effectiveSchemaId: string | undefined;
+    effectiveExampleIds: string[] | undefined;
+    onMediaTypeChange: (mt: string) => void;
+};
+export declare function useActiveVariantSchemaId(schemaId?: string): string | undefined;
+export declare function useBodySamplingSchemaId(schemaId: string | undefined, mediaType: string | undefined): string | undefined;
+export declare function useSchemaVariantSelection(schemaId?: string): SchemaVariantSelection | undefined;

package/typings/components/panels/ExampleItem/selectors.d.ts

@@ -0,0 +1,39 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { ExampleEntry } from '../../../types/store.js';
+import type { SchemaVariantSelection } from './hooks.js';
+export declare function VariantPicker({ selection, label }: {
+    selection?: SchemaVariantSelection;
+    label?: string;
+}): ReactElement | null;
+export declare function ExampleSelector({ exampleIds, selectedIdx, onSelect }: {
+    exampleIds?: string[];
+    selectedIdx: number;
+    onSelect: (idx: number) => void;
+}): ReactElement | null;
+export declare function MediaTypeSelector({ mediaTypes, value, onChange, label }: {
+    mediaTypes: string[];
+    value?: string;
+    onChange: (mt: string) => void;
+    label?: string;
+}): ReactElement | null;
+export type PanelSelectOption = {
+    value: string;
+    label: string;
+    labelNode?: ReactNode;
+    key?: string;
+};
+export declare function PanelDropdownSelect({ value, onChange, options, 'aria-label': ariaLabel }: {
+    value?: string;
+    onChange: (value: string) => void;
+    options: PanelSelectOption[];
+    'aria-label'?: string;
+}): ReactElement;
+export declare function ExampleDescription({ description }: {
+    description?: ExampleEntry['description'];
+}): ReactElement | null;
+export declare function PayloadDisplay({ payload, emptyMessage, mediaType, snippetType }: {
+    payload: unknown;
+    emptyMessage?: string;
+    mediaType?: string;
+    snippetType?: 'request' | 'response';
+}): ReactElement;