@stainless-api/docs-ui 0.1.0-beta.72 → 0.1.0-beta.74

package/dist/components/primitives.js

@@ -1,8 +1,252 @@
-import "../docs-YgoQ3bzY.js";
-import "../component-generics-POFirVVb.js";
-import "../navigation-aoYZ_tl4.js";
-import "../markdown-Cq3XEhrR.js";
-import "../contexts-_NNW5yqC.js";
-import { a as Link, c as ToggleButton, i as Join, l as Tooltip, n as Expander, o as ListView, r as Input, s as Markdown, t as Badge, u as VirtualExpander } from "../primitives-CNG-fEhQ.js";
+import { useLanguage, useSettings } from "../contexts/docs.js";
+import "../use-strict-context-L0c8JKg4.js";
+import { useNavigation } from "../contexts/navigation.js";
+import { useRenderMarkdown } from "../contexts/markdown.js";
+import "../contexts/index.js";
+import style_default from "../style.js";
+import { generateRoute } from "../routing.js";
+import { Fragment, createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { MinusIcon, PlusIcon } from "lucide-react";
 
+//#region src/components/primitives.tsx
+function Join({ items, limit, children }) {
+	return (limit && items.length > limit + 1 ? [...items.slice(0, limit), /* @__PURE__ */ jsxs("span", {
+		className: style_default.Truncation,
+		children: [items.length - limit, " more"]
+	}, "truncation")] : items).map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [!!index && children, item] }, `iterator:${index}`));
+}
+function Expander({ id, open, summary, virtual, muted, children }) {
+	const virtualExpanders = useSettings()?.virtualExpanders;
+	if (virtual || virtualExpanders) return /* @__PURE__ */ jsx(VirtualExpander, {
+		summary,
+		open,
+		muted,
+		id,
+		children
+	}, open ? "open" : "closed");
+	return /* @__PURE__ */ jsxs("details", {
+		className: style_default.Expander,
+		open,
+		"data-stldocs-expander-muted": muted,
+		"data-stldocs-expander-initial-state": open,
+		children: [/* @__PURE__ */ jsxs("summary", {
+			className: style_default.ExpanderSummary,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: style_default.ExpanderSummaryIcon,
+				children: [/* @__PURE__ */ jsx(PlusIcon, {
+					size: 16,
+					strokeWidth: 1,
+					className: style_default.Icon
+				}), /* @__PURE__ */ jsx(MinusIcon, {
+					size: 16,
+					strokeWidth: 1,
+					className: style_default.Icon
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: style_default.ExpanderSummaryContent,
+				children: summary
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: style_default.ExpanderContent,
+			id,
+			children
+		})]
+	});
+}
+function VirtualExpander({ id, open: isOpen, muted, summary, children }) {
+	const [open, setOpen] = useState(isOpen ?? false);
+	return /* @__PURE__ */ jsxs("div", {
+		className: style_default.Expander,
+		"data-open": open,
+		"data-stldocs-expander-muted": muted,
+		"data-stldocs-expander-initial-state": open,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: style_default.ExpanderSummary,
+			onClick: () => setOpen(!open),
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: style_default.ExpanderSummaryIcon,
+				children: [/* @__PURE__ */ jsx(PlusIcon, {
+					size: 16,
+					className: style_default.Icon
+				}), /* @__PURE__ */ jsx(MinusIcon, {
+					size: 16,
+					className: style_default.Icon
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: style_default.ExpanderSummaryContent,
+				children: summary
+			})]
+		}), open && /* @__PURE__ */ jsx("div", {
+			className: style_default.ExpanderContent,
+			id,
+			children
+		})]
+	});
+}
+function Markdown({ content }) {
+	const rendered = useRenderMarkdown(content);
+	return rendered && /* @__PURE__ */ jsx("div", {
+		className: clsx(style_default.Markdown, style_default.Content, "stl-ui-prose"),
+		dangerouslySetInnerHTML: { __html: rendered }
+	});
+}
+function Badge({ id, children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: style_default.Badge,
+		"data-badge-id": id,
+		children: children ?? id
+	});
+}
+const TooltipNestingContext = createContext(false);
+function Tooltip({ content, children }) {
+	if (useContext(TooltipNestingContext)) return children;
+	return /* @__PURE__ */ jsxs("span", {
+		className: style_default.Tooltip,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: style_default.TooltipContent,
+			children: /* @__PURE__ */ jsx(TooltipNestingContext.Provider, {
+				value: true,
+				children: content
+			})
+		}), /* @__PURE__ */ jsx("span", {
+			className: style_default.TooltipHost,
+			children
+		})]
+	});
+}
+function Link({ stainlessPath, scroll = true, children, ...props }) {
+	const { basePath, onNavigate } = useNavigation();
+	const language = useLanguage();
+	const href = useMemo(() => {
+		if (props.href) return props.href;
+		if (stainlessPath && basePath) return generateRoute(basePath, language, stainlessPath);
+	}, [
+		basePath,
+		language,
+		stainlessPath,
+		props.href
+	]);
+	const handleClick = useCallback((e) => {
+		if (props.onClick) props.onClick(e);
+		if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+		if (href && stainlessPath) onNavigate?.(e, {
+			href,
+			language,
+			stainlessPath,
+			scroll
+		});
+	}, [
+		href,
+		scroll,
+		onNavigate,
+		language,
+		props,
+		stainlessPath
+	]);
+	if (!href) return children;
+	return /* @__PURE__ */ jsx("a", {
+		href,
+		onClick: handleClick,
+		...props,
+		children
+	});
+}
+function Input({ left, right, ref, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx(style_default.Input, props.disabled && style_default.InputDisabled, className),
+		children: [
+			left,
+			/* @__PURE__ */ jsx("input", {
+				...props,
+				ref,
+				className: style_default.InputTextField
+			}),
+			right
+		]
+	});
+}
+function ToggleButton({ children, selected, ref, ...props }) {
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		ref,
+		className: style_default.ToggleButton,
+		"data-stldocs-toggle-selected": selected,
+		children
+	});
+}
+function ListView({ items, itemDelegate, onSelectListItem, ...rest }) {
+	const [selectedIndex, setSelectedIndex] = useState(0);
+	const [keyboardIndex, setKeyboardIndex] = useState(0);
+	const listRef = useRef(null);
+	const itemRef = useRef(null);
+	const handleSelect = useCallback(() => {
+		const item = items[selectedIndex];
+		if (item) onSelectListItem?.(item);
+	}, [
+		items,
+		selectedIndex,
+		onSelectListItem
+	]);
+	useEffect(() => {
+		const ac = new AbortController();
+		document.addEventListener("keydown", (ev) => {
+			switch (ev.key) {
+				case "ArrowUp": {
+					ev.preventDefault();
+					const value = Math.max(0, selectedIndex - 1);
+					setSelectedIndex(value);
+					setKeyboardIndex(value);
+					break;
+				}
+				case "ArrowDown": {
+					ev.preventDefault();
+					const value = Math.min(items.length, selectedIndex + 1);
+					setSelectedIndex(value);
+					setKeyboardIndex(value);
+					break;
+				}
+				case "Enter":
+					ev.preventDefault();
+					handleSelect();
+					break;
+			}
+		}, { signal: ac.signal });
+		return () => ac.abort();
+	}, [
+		items,
+		selectedIndex,
+		handleSelect
+	]);
+	useEffect(() => {
+		if (!keyboardIndex || !itemRef.current || !listRef.current) {
+			listRef?.current?.scroll(0, 0);
+			return;
+		}
+		const selectedBounds = itemRef.current.getBoundingClientRect();
+		const listBounds = listRef.current.getBoundingClientRect();
+		if (selectedBounds.top < listBounds.top || selectedBounds.bottom > listBounds.bottom) itemRef.current.scrollIntoView({ block: "nearest" });
+	}, [
+		keyboardIndex,
+		items,
+		listRef
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: listRef,
+		className: style_default.ListView,
+		tabIndex: 0,
+		...rest,
+		children: items.map((item, index) => /* @__PURE__ */ jsx("div", {
+			ref: index === selectedIndex ? itemRef : null,
+			className: style_default.ListViewItem,
+			"data-stldocs-listview-selected": index === selectedIndex,
+			onClick: handleSelect,
+			onMouseEnter: () => setSelectedIndex(index),
+			children: itemDelegate(item, index === selectedIndex)
+		}, index))
+	});
+}
+
+//#endregion
 export { Badge, Expander, Input, Join, Link, ListView, Markdown, ToggleButton, Tooltip, VirtualExpander };

package/dist/components/properties.d.ts

@@ -1,2 +1,54 @@
-import { a as PropertyTitle, c as PropertyToggleProps, i as PropertyProps, n as PropertyDescription, o as PropertyTitleProps, r as PropertyDescriptionProps, s as PropertyToggle, t as Property } from "../properties-Bu4nW9JD.js";
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/properties.d.ts
+type PropertyToggleProps = {
+  target: string;
+};
+declare function PropertyToggle({
+  target
+}: PropertyToggleProps): react_jsx_runtime0.JSX.Element;
+type PropertyDescriptionProps = {
+  description?: string;
+};
+declare function PropertyDescription({
+  description
+}: PropertyDescriptionProps): react_jsx_runtime0.JSX.Element | undefined;
+type PropertyTitleProps = {
+  title?: string;
+};
+declare function PropertyTitle({
+  title
+}: PropertyTitleProps): react_jsx_runtime0.JSX.Element | undefined;
+type PropertyProps = {
+  id?: string;
+  name?: ReactNode;
+  typeName?: ReactNode;
+  badges?: ReactNode;
+  type?: ReactNode;
+  description?: string;
+  title?: string;
+  expand?: boolean;
+  deprecated?: boolean | string;
+  additional?: ReactNode;
+  declaration?: ReactNode;
+  constraints?: ReactNode;
+  children?: ReactNode;
+};
+declare function Property({
+  id,
+  name,
+  typeName,
+  badges,
+  type,
+  declaration,
+  description,
+  title,
+  deprecated,
+  expand,
+  additional,
+  constraints,
+  children
+}: PropertyProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
 export { Property, PropertyDescription, PropertyDescriptionProps, PropertyProps, PropertyTitle, PropertyTitleProps, PropertyToggle, PropertyToggleProps };

package/dist/components/properties.js

@@ -1,9 +1,140 @@
-import "../docs-YgoQ3bzY.js";
-import "../component-generics-POFirVVb.js";
-import "../navigation-aoYZ_tl4.js";
-import "../markdown-Cq3XEhrR.js";
-import "../contexts-_NNW5yqC.js";
-import "../use-components-BUz3GbO4.js";
-import { i as PropertyToggle, n as PropertyDescription, r as PropertyTitle, t as Property } from "../properties-DQU0NBzb.js";
+import { useIgnoredResources, useLanguage, useSettings } from "../contexts/docs.js";
+import "../use-strict-context-L0c8JKg4.js";
+import "../contexts/index.js";
+import { useComponents } from "../contexts/use-components.js";
+import style_default from "../style.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDownWideNarrowIcon, ArrowUpNarrowWideIcon } from "lucide-react";
 
+//#region src/components/properties.tsx
+function PropertyToggle({ target }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: style_default.ExpandToggle,
+		"data-stldocs-property-toggle-expanded": "false",
+		"data-stldocs-property-toggle-target": target,
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: style_default.ExpandToggleContent,
+			children: ["Expand ", /* @__PURE__ */ jsx(ArrowDownWideNarrowIcon, {
+				className: style_default.Icon,
+				size: 16
+			})]
+		}), /* @__PURE__ */ jsxs("span", {
+			className: style_default.ExpandToggleContent,
+			children: ["Collapse ", /* @__PURE__ */ jsx(ArrowUpNarrowWideIcon, {
+				className: style_default.Icon,
+				size: 16
+			})]
+		})]
+	});
+}
+function PropertyDescription({ description }) {
+	const { Markdown } = useComponents();
+	if (description) return /* @__PURE__ */ jsx("div", {
+		className: style_default.PropertyDescription,
+		children: /* @__PURE__ */ jsx(Markdown, { content: description })
+	});
+}
+function PropertyTitle({ title }) {
+	const { Markdown } = useComponents();
+	if (title) return /* @__PURE__ */ jsx("div", {
+		className: style_default.PropertyTitle,
+		children: /* @__PURE__ */ jsx(Markdown, { content: title })
+	});
+}
+function splitDescription(description) {
+	const pos = description?.indexOf("\n\n");
+	if (!description || !pos || pos < 0) return [description, null];
+	return [description.slice(0, pos), description.slice(pos)];
+}
+function Property({ id, name, typeName, badges, type, declaration, description, title, deprecated, expand, additional, constraints, children }) {
+	const Docs = useComponents();
+	const language = useLanguage();
+	const properties = useSettings()?.properties;
+	if (useIgnoredResources().includes(id || "")) return null;
+	const { collapseDescription, showTitle } = properties ?? {};
+	const types = properties?.types;
+	const [descFirstLine, descRest] = collapseDescription === "show-first-line" ? splitDescription(description) : [null, description];
+	const textContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+		typeof deprecated === "string" && /* @__PURE__ */ jsx("div", {
+			className: style_default.PropertyDeprecatedMessage,
+			children: deprecated
+		}),
+		descRest && /* @__PURE__ */ jsx(Docs.PropertyDescription, { description: descRest }),
+		constraints && /* @__PURE__ */ jsx("div", {
+			className: style_default.PropertyContent,
+			children: constraints
+		})
+	] });
+	const rich = /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: style_default.PropertyDeclaration,
+			children: [
+				deprecated && /* @__PURE__ */ jsx("span", {
+					className: style_default.PropertyDeprecated,
+					children: "Deprecated"
+				}),
+				declaration,
+				badges && /* @__PURE__ */ jsx("span", {
+					className: style_default.PropertyBadges,
+					children: badges
+				})
+			]
+		}),
+		title && showTitle && /* @__PURE__ */ jsx(Docs.PropertyTitle, { title }),
+		collapseDescription === false ? textContent : descFirstLine && /* @__PURE__ */ jsx(Docs.PropertyDescription, { description: descFirstLine })
+	] });
+	const simple = /* @__PURE__ */ jsxs(Fragment, { children: [
+		name && /* @__PURE__ */ jsxs("div", {
+			className: style_default.PropertyHeader,
+			children: [
+				deprecated && /* @__PURE__ */ jsx("span", {
+					className: style_default.PropertyDeprecated,
+					children: "Deprecated"
+				}),
+				name && /* @__PURE__ */ jsx("span", {
+					className: style_default.PropertyName,
+					children: name
+				}),
+				typeName && /* @__PURE__ */ jsx("span", {
+					className: style_default.PropertyTypeName,
+					children: typeName
+				}),
+				badges && /* @__PURE__ */ jsx("span", {
+					className: style_default.PropertyBadges,
+					children: badges
+				})
+			]
+		}),
+		type && /* @__PURE__ */ jsx("div", {
+			className: style_default.PropertyType,
+			children: type
+		}),
+		title && showTitle && /* @__PURE__ */ jsx(Docs.PropertyTitle, { title }),
+		collapseDescription === false ? textContent : null
+	] });
+	const content = /* @__PURE__ */ jsx("div", {
+		id,
+		className: style_default.PropertyInfo,
+		children: types === "simple" ? simple : rich
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: style_default.Property,
+		"data-stldocs-language": language,
+		children: children || collapseDescription !== false && descRest ? /* @__PURE__ */ jsxs(Docs.Expander, {
+			summary: content,
+			muted: !children,
+			open: expand,
+			children: [
+				collapseDescription !== false ? textContent : null,
+				additional,
+				children && /* @__PURE__ */ jsx("div", {
+					className: style_default.PropertyChildren,
+					children
+				})
+			]
+		}) : content
+	});
+}
+
+//#endregion
 export { Property, PropertyDescription, PropertyTitle, PropertyToggle };

package/dist/components/sdk-sidebar.d.ts

@@ -1,2 +1,15 @@
-import { n as SDKSidebarProps, t as SDKSidebar } from "../sdk-sidebar-Dqeu7C1-.js";
+import { m as Resource } from "../index-PdnFhQF9.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/sdk-sidebar.d.ts
+type SDKSidebarProps = {
+  resources: Resource[];
+};
+/**
+ * Given some SDKJSON.Resources, calls into StlSidebar with the appropriate sidebar entries.
+ */
+declare function SDKSidebar({
+  resources
+}: SDKSidebarProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { SDKSidebar, SDKSidebarProps };

package/dist/components/sdk-sidebar.js

@@ -1,10 +1,52 @@
-import "../docs-YgoQ3bzY.js";
-import "../component-generics-POFirVVb.js";
-import "../navigation-aoYZ_tl4.js";
-import "../markdown-Cq3XEhrR.js";
-import "../contexts-_NNW5yqC.js";
-import "../use-components-BUz3GbO4.js";
-import "../stl-sidebar-DC5UOJiT.js";
-import { t as SDKSidebar } from "../sdk-sidebar-BDn8S1xS.js";
+import "../use-strict-context-L0c8JKg4.js";
+import { useNavigation } from "../contexts/navigation.js";
+import "../contexts/index.js";
+import { isResourceEmpty } from "../utils.js";
+import { StlSidebar } from "./stl-sidebar.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { Badge, getHttpMethod } from "@stainless-api/ui-primitives";
 
+//#region src/components/sdk-sidebar.tsx
+function resourceToEntry(resource, selectedPath) {
+	const result = {
+		type: "group",
+		collapsed: false,
+		label: resource.title,
+		entries: [],
+		target: {
+			type: "stainlessPath",
+			stainlessPath: resource.stainlessPath
+		},
+		isCurrent: selectedPath === resource.stainlessPath
+	};
+	for (const method of Object.values(resource.methods)) {
+		const httpMethod = getHttpMethod(method.httpMethod);
+		result.entries.push({
+			type: "link",
+			target: {
+				type: "stainlessPath",
+				stainlessPath: method.stainlessPath
+			},
+			label: method.title,
+			isCurrent: selectedPath === method.stainlessPath,
+			icon: httpMethod ? /* @__PURE__ */ jsx(Badge.HTTP, {
+				method: httpMethod,
+				iconOnly: true,
+				size: "sm"
+			}) : void 0
+		});
+	}
+	for (const subresource of Object.values(resource.subresources ?? {})) result.entries.push(resourceToEntry(subresource, selectedPath));
+	return result;
+}
+/**
+* Given some SDKJSON.Resources, calls into StlSidebar with the appropriate sidebar entries.
+*/
+function SDKSidebar({ resources }) {
+	const { selectedPath } = useNavigation();
+	return /* @__PURE__ */ jsx(StlSidebar, { entries: React$1.useMemo(() => resources.filter((resource) => !isResourceEmpty(resource)).map((resource) => resourceToEntry(resource, selectedPath)), [resources, selectedPath]) });
+}
+
+//#endregion
 export { SDKSidebar };

package/dist/components/sdk.d.ts

@@ -1,2 +1,122 @@
-import { C as SDKSnippetLanguagesType, D as useStreamingResponse, E as useReferenceNesting, S as SDKSnippetLanguages, T as usePropertyModel, _ as SDKModel, a as SDKChildren, b as SDKRequestTitle, c as SDKDeclaration, d as SDKLanguageBlock, f as SDKMethod, g as SDKMethodProps, h as SDKMethodNotImplemented, i as ReferenceNestingContextType, l as SDKExample, m as SDKMethodInfo, n as PropertyModelContextType, o as SDKConstraints, p as SDKMethodHeader, r as ReferenceNestingContext, s as SDKConstraintsProps, t as PropertyModelContext, u as SDKIcon, v as SDKModelProps, w as TransformRequestSnippetFn, x as SDKRequestTitleProps, y as SDKReference } from "../sdk-Dm0S-XQE.js";
+import { c as ID, d as Method, f as Model, g as SnippetLanguage, o as HasStainlessPath, t as BaseDeclaration } from "../index-PdnFhQF9.js";
+import { DocsLanguage } from "../routing.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/sdk.d.ts
+type PropertyModelContextType = {
+  modelPath?: string;
+  propertyPath?: string;
+};
+declare const PropertyModelContext: React$1.Context<PropertyModelContextType>;
+declare function usePropertyModel(): PropertyModelContextType;
+type ReferenceNestingContextType = string[];
+declare const ReferenceNestingContext: React$1.Context<ReferenceNestingContextType>;
+declare function useReferenceNesting(): ReferenceNestingContextType;
+type SDKSnippetLanguagesType = Record<SnippetLanguage, {
+  name: string;
+}>;
+declare const SDKSnippetLanguages: SDKSnippetLanguagesType;
+type TransformRequestSnippetFn = ({
+  snippet,
+  language
+}: {
+  snippet: string;
+  language: DocsLanguage;
+}) => string;
+type SDKChildrenProps = {
+  paths: ID[];
+  expand?: boolean;
+  depth?: number;
+};
+declare function SDKChildren({
+  paths,
+  expand,
+  depth
+}: SDKChildrenProps): react_jsx_runtime0.JSX.Element;
+type SDKDeclarationProps = {
+  path: string;
+  expand?: boolean;
+  depth?: number;
+};
+declare function SDKDeclaration({
+  path,
+  expand,
+  depth
+}: SDKDeclarationProps): react_jsx_runtime0.JSX.Element;
+type SDKConstraintsProps = {
+  constraints?: Record<string, unknown>;
+};
+declare function SDKConstraints({
+  constraints
+}: SDKConstraintsProps): react_jsx_runtime0.JSX.Element | undefined;
+type SDKIconProps = {
+  language: SnippetLanguage;
+  size?: number;
+};
+declare function SDKIcon({
+  language
+}: SDKIconProps): react_jsx_runtime0.JSX.Element | null;
+type SDKRequestTitleProps = {
+  snippetLanguage: SnippetLanguage;
+};
+declare function SDKRequestTitle({
+  snippetLanguage
+}: SDKRequestTitleProps): react_jsx_runtime0.JSX.Element;
+type SDKExampleProps = {
+  method: Partial<Method> & HasStainlessPath;
+  transformRequestSnippet?: TransformRequestSnippetFn;
+};
+declare function SDKExample({
+  method,
+  transformRequestSnippet
+}: SDKExampleProps): react_jsx_runtime0.JSX.Element;
+type SDKMethodProps = {
+  method: Method;
+  transformRequestSnippet?: TransformRequestSnippetFn;
+};
+declare function SDKMethodHeader({
+  method
+}: SDKMethodProps): react_jsx_runtime0.JSX.Element;
+declare function useStreamingResponse(method: BaseDeclaration): ID | undefined;
+declare function SDKMethodInfo({
+  method
+}: SDKMethodProps): react_jsx_runtime0.JSX.Element;
+declare function SDKMethodNotImplemented({
+  method
+}: SDKMethodProps): react_jsx_runtime0.JSX.Element;
+declare function SDKMethod({
+  method,
+  transformRequestSnippet
+}: SDKMethodProps): react_jsx_runtime0.JSX.Element;
+type SDKModelProps = {
+  model: Model;
+};
+declare function SDKModel({
+  model
+}: SDKModelProps): react_jsx_runtime0.JSX.Element | null;
+type SDKReferenceProps = {
+  stainlessPath: string;
+  children?: React$1.ReactNode;
+};
+declare function SDKReference({
+  stainlessPath,
+  children
+}: SDKReferenceProps): string | number | bigint | boolean | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element | null | undefined;
+type SDKLanguageBlockProps = {
+  language: DocsLanguage;
+  version: string;
+  install: string;
+  links: {
+    repo: string;
+    docs: string;
+  };
+};
+declare function SDKLanguageBlock({
+  language,
+  version,
+  install,
+  links
+}: SDKLanguageBlockProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { PropertyModelContext, PropertyModelContextType, ReferenceNestingContext, ReferenceNestingContextType, SDKChildren, SDKConstraints, SDKConstraintsProps, SDKDeclaration, SDKExample, SDKIcon, SDKLanguageBlock, SDKMethod, SDKMethodHeader, SDKMethodInfo, SDKMethodNotImplemented, SDKMethodProps, SDKModel, SDKModelProps, SDKReference, SDKRequestTitle, SDKRequestTitleProps, SDKSnippetLanguages, SDKSnippetLanguagesType, TransformRequestSnippetFn, usePropertyModel, useReferenceNesting, useStreamingResponse };