@stainless-api/docs-ui 0.1.0-beta.5 → 0.1.0-beta.51

package/dist/sdk-CSCbbn3O.js

@@ -0,0 +1,336 @@
+import { a as useLanguage, l as useSpec, n as useContentPanelLayout, r as useDeclaration, s as useSettings } from "./docs-CXqi26jB.js";
+import { n as useNavigation } from "./navigation-C5TN0SgC.js";
+import { n as useLanguageComponents } from "./contexts-p3rRZDlM.js";
+import { t as useComponents } from "./use-components-RWQbviGq.js";
+import { t as style_default } from "./style-gnVEeXFj.js";
+import { c as getLanguageSnippet, t as LanguageNames } from "./routing-Wbb7YECB.js";
+import { a as KotlinIcon, c as RubyIcon, i as JavaIcon, l as TerraformIcon, n as CurlIcon, o as PowershellIcon, r as GoIcon, s as PythonIcon, t as CSharpIcon, u as TypescriptIcon } from "./icons-Ckod9aod.js";
+import * as React$1 from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { BookOpen, Copy, Github } from "lucide-react";
+import clsx from "clsx";
+import { Button, Callout } from "@stainless-api/ui-primitives";
+
+//#region src/components/sdk.tsx
+const PropertyModelContext = React$1.createContext({});
+function usePropertyModel() {
+	return React$1.useContext(PropertyModelContext);
+}
+const ReferenceNestingContext = React$1.createContext([]);
+function useReferenceNesting() {
+	return React$1.useContext(ReferenceNestingContext);
+}
+const SDKSnippetLanguages = {
+	"node.default": { name: "TypeScript" },
+	"typescript.default": { name: "TypeScript" },
+	"python.default": { name: "Python" },
+	"go.default": { name: "Go" },
+	"java.default": { name: "Java" },
+	"kotlin.default": { name: "Kotlin" },
+	"http.curl": { name: "cURL" },
+	"http.powershell": { name: "Powershell" },
+	"terraform.default": { name: "Terraform" },
+	"ruby.default": { name: "Ruby" },
+	"csharp.default": { name: "C#" },
+	"php.default": { name: "PHP" }
+};
+function SDKChildren({ paths, expand, depth }) {
+	const Docs = useComponents();
+	return /* @__PURE__ */ jsx("div", {
+		className: style_default.Properties,
+		children: paths.map((path, i) => /* @__PURE__ */ jsx(Docs.SDKDeclaration, {
+			path,
+			expand,
+			depth
+		}, i))
+	});
+}
+function SDKDeclaration({ path, expand, depth = 0 }) {
+	const Lang = useLanguageComponents();
+	const Docs = useComponents();
+	const decl = useDeclaration(path, true);
+	const settings = useSettings();
+	const model = usePropertyModel();
+	const nesting = useReferenceNesting();
+	const { selectedPath } = useNavigation();
+	if (decl.kind.endsWith("Reference")) {
+		const refId = "type" in decl && typeof decl.type !== "string" && "$ref" in decl.type ? decl.type["$ref"] : void 0;
+		if (refId && refId !== path && !nesting.includes(refId)) return /* @__PURE__ */ jsx(ReferenceNestingContext.Provider, {
+			value: [...nesting, refId],
+			children: /* @__PURE__ */ jsx(SDKDeclaration, {
+				path: refId,
+				expand,
+				depth
+			})
+		});
+	}
+	const isUnion = "childrenParentSchema" in decl && decl.childrenParentSchema && ["enum", "union"].includes(decl.childrenParentSchema);
+	const id = model?.propertyPath ? `${model.propertyPath} + ${path}` : path;
+	const shouldExpand = selectedPath?.startsWith(path) && nesting.length < 1 || settings?.properties?.expandDepth && depth <= settings?.properties?.expandDepth && !isUnion || expand;
+	const hasChildren = "children" in decl && (decl.children?.length ?? 0) > 0 && !decl.children?.includes(path) && !(isUnion && decl.childrenParentSchema === "enum" && decl.children?.length === 1) && (settings?.properties?.includeModelProperties !== false || !("modelPath" in decl));
+	const content = /* @__PURE__ */ jsx(Lang.Property, {
+		decl,
+		children: ({ ...props }) => /* @__PURE__ */ jsx(Docs.Property, {
+			id,
+			expand: shouldExpand,
+			constraints: "constraints" in decl && /* @__PURE__ */ jsx(Docs.SDKConstraints, { constraints: decl["constraints"] }),
+			declaration: /* @__PURE__ */ jsx(Lang.Declaration, { decl }),
+			title: "title" in decl ? decl.title : void 0,
+			description: "docstring" in decl ? decl["docstring"] : void 0,
+			deprecated: decl.deprecated,
+			...props,
+			children: hasChildren && /* @__PURE__ */ jsxs(Fragment$1, { children: [isUnion && /* @__PURE__ */ jsx("div", {
+				className: style_default.PropertyAnnotation,
+				children: "Accepts one of the following:"
+			}), /* @__PURE__ */ jsx(Docs.SDKChildren, {
+				paths: decl.children ?? [],
+				depth: depth + 1
+			})] })
+		})
+	});
+	if ("modelPath" in decl) {
+		const value = {
+			modelPath: decl.modelPath,
+			propertyPath: decl.stainlessPath
+		};
+		return /* @__PURE__ */ jsx(PropertyModelContext.Provider, {
+			value,
+			children: content
+		});
+	}
+	return content;
+}
+function SDKConstraints({ constraints }) {
+	if (constraints) return /* @__PURE__ */ jsx("div", {
+		className: style_default.PropertyConstraints,
+		children: Object.entries(constraints).map(([name, value]) => /* @__PURE__ */ jsxs("div", {
+			className: style_default.PropertyConstraint,
+			children: [/* @__PURE__ */ jsx("span", {
+				className: style_default.PropertyConstraintName,
+				children: name
+			}), /* @__PURE__ */ jsx("span", {
+				className: style_default.PropertyConstraintValue,
+				children: value
+			})]
+		}, name))
+	});
+}
+const snippetIcons = {
+	"node.default": TypescriptIcon,
+	"typescript.default": TypescriptIcon,
+	"go.default": GoIcon,
+	"python.default": PythonIcon,
+	"terraform.default": TerraformIcon,
+	"http.curl": CurlIcon,
+	"http.powershell": PowershellIcon,
+	"ruby.default": RubyIcon,
+	"java.default": JavaIcon,
+	"kotlin.default": KotlinIcon,
+	"csharp.default": CSharpIcon,
+	"php.default": CSharpIcon
+};
+function SDKIcon({ language }) {
+	const LangIcon = snippetIcons[language];
+	if (!LangIcon) return null;
+	return /* @__PURE__ */ jsx(LangIcon, { className: clsx(style_default.Icon, language.split(".").shift()) });
+}
+function SDKRequestTitle({ snippetLanguage }) {
+	const languageName = SDKSnippetLanguages[snippetLanguage]?.name;
+	return /* @__PURE__ */ jsxs("span", {
+		className: style_default.SnippetRequestTitleLanguage,
+		children: [
+			/* @__PURE__ */ jsx(SDKIcon, { language: snippetLanguage }),
+			" ",
+			languageName
+		]
+	});
+}
+function SDKExample({ method, transformRequestSnippet }) {
+	const Docs = useComponents();
+	const snippetLanguage = getLanguageSnippet(useLanguage());
+	return /* @__PURE__ */ jsx(Docs.Snippet, {
+		requestTitle: /* @__PURE__ */ jsx(Docs.SDKRequestTitle, { snippetLanguage }),
+		method,
+		transformRequestSnippet
+	});
+}
+function SDKMethodHeader({ method }) {
+	const Docs = useComponents();
+	const Lang = useLanguageComponents();
+	const decl = useDeclaration(method.stainlessPath, true);
+	return /* @__PURE__ */ jsx(Docs.MethodHeader, {
+		level: "h1",
+		title: method.summary ?? method.title,
+		signature: /* @__PURE__ */ jsx(Lang.MethodSignature, { decl }),
+		badges: method.deprecated && /* @__PURE__ */ jsx(Docs.Badge, {
+			id: "deprecated",
+			children: "Deprecated"
+		}),
+		children: /* @__PURE__ */ jsx(Docs.MethodRoute, {
+			httpMethod: method.httpMethod,
+			endpoint: method.endpoint.split(" ", 2).at(-1)
+		})
+	});
+}
+function SDKMethodInfo({ method }) {
+	const Docs = useComponents();
+	const Lang = useLanguageComponents();
+	const decl = useDeclaration(method.stainlessPath, true);
+	const spec = useSpec();
+	const language = useLanguage();
+	if (Lang.MethodInfo) return /* @__PURE__ */ jsx(Lang.MethodInfo, { decl });
+	function shouldExpand(items) {
+		if (items.length > 1) return false;
+		const item = items[0];
+		if (!item) return false;
+		const decl$1 = spec?.decls?.[language]?.[item];
+		return decl$1 && "children" in decl$1 && decl$1.children && decl$1.children.length > 0;
+	}
+	return /* @__PURE__ */ jsx(Docs.MethodInfo, {
+		parameters: "paramsChildren" in decl && Array.isArray(decl.paramsChildren) && decl.paramsChildren.length > 0 && /* @__PURE__ */ jsx(Docs.SDKChildren, {
+			expand: shouldExpand(decl.paramsChildren),
+			paths: decl.paramsChildren
+		}),
+		returns: "responseChildren" in decl && decl.responseChildren && decl.responseChildren.length > 0 && /* @__PURE__ */ jsx(Docs.SDKChildren, {
+			expand: shouldExpand(decl.responseChildren),
+			paths: decl.responseChildren
+		})
+	});
+}
+function SDKMethod({ method, transformRequestSnippet }) {
+	const Docs = useComponents();
+	const decl = useDeclaration(method?.stainlessPath, false);
+	const layout = useContentPanelLayout();
+	const language = useLanguage();
+	if (!decl) return /* @__PURE__ */ jsxs("div", {
+		className: style_default.Method,
+		children: [/* @__PURE__ */ jsx(Docs.MethodHeader, {
+			level: "h1",
+			title: method.summary ?? method.title,
+			children: /* @__PURE__ */ jsx(Docs.MethodRoute, {
+				httpMethod: method.httpMethod,
+				endpoint: method.endpoint.split(" ", 2).at(-1)
+			})
+		}), /* @__PURE__ */ jsxs(Callout, {
+			variant: "warning",
+			children: [
+				"The method ",
+				/* @__PURE__ */ jsx("code", { children: method.name }),
+				" is not implemented in ",
+				LanguageNames[language] ?? language,
+				"."
+			]
+		})]
+	});
+	return /* @__PURE__ */ jsxs(Docs.Method, {
+		id: method.stainlessPath,
+		header: /* @__PURE__ */ jsx(Docs.SDKMethodHeader, { method }),
+		className: clsx({
+			[style_default.MethodSinglePane]: layout === "single-pane",
+			[style_default.MethodDoublePane]: layout === "double-pane"
+		}),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: style_default.MethodContentColumn,
+				children: [/* @__PURE__ */ jsx(Docs.MethodDescription, { description: method.description }), /* @__PURE__ */ jsx(Docs.SDKMethodInfo, { method })]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: clsx(style_default.MethodExample, "not-content", "stl-ui-not-prose"),
+				children: /* @__PURE__ */ jsx(Docs.SDKExample, {
+					method,
+					transformRequestSnippet
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: style_default.MethodResponseColumn,
+				children: [/* @__PURE__ */ jsx("h5", { children: "Returns Examples" }), /* @__PURE__ */ jsx(Docs.SnippetResponse, { responses: method.exampleResponses })]
+			})
+		]
+	});
+}
+function SDKModel({ model }) {
+	const Docs = useComponents();
+	if (!useDeclaration(`${model.stainlessPath} > (schema)`, true)) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: style_default.Model,
+		tabIndex: 0,
+		children: /* @__PURE__ */ jsx("div", {
+			className: style_default.ResourceContentProperties,
+			children: /* @__PURE__ */ jsx(Docs.SDKDeclaration, { path: `${model.stainlessPath} > (schema)` })
+		})
+	});
+}
+function SDKReference({ stainlessPath, children }) {
+	const Docs = useComponents();
+	if (!stainlessPath || !stainlessPath.endsWith("(schema)")) return children;
+	return /* @__PURE__ */ jsx("span", {
+		className: style_default.TypeReference,
+		children: /* @__PURE__ */ jsx(Docs.Link, {
+			stainlessPath,
+			children
+		})
+	});
+}
+function SDKLanguageBlock({ language, version, install, links }) {
+	const Docs = useComponents();
+	const lang = `${language}.default`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: style_default.LanguageBlock,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: style_default.LanguageBlockContent,
+				children: [/* @__PURE__ */ jsx("div", {
+					className: style_default.LanguageBlockContentIcon,
+					children: /* @__PURE__ */ jsx(Docs.SDKIcon, {
+						language: lang,
+						size: 24
+					})
+				}), /* @__PURE__ */ jsxs("div", {
+					className: style_default.LanguageBlockContentInfo,
+					children: [/* @__PURE__ */ jsx("div", {
+						className: style_default.LanguageBlockContentInfoLanguage,
+						children: Docs.SDKSnippetLanguages[lang].name
+					}), /* @__PURE__ */ jsx("div", {
+						className: style_default.LanguageBlockContentInfoVersion,
+						children: version
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: style_default.LanguageBlockInstall,
+				"data-stldocs-copy-parent": true,
+				children: [
+					/* @__PURE__ */ jsx("pre", {
+						"data-stldocs-copy-content": true,
+						children: install
+					}),
+					" ",
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						"data-stldocs-snippet-copy": true,
+						children: /* @__PURE__ */ jsx(Copy, {
+							size: 16,
+							className: style_default.Icon
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: style_default.LanguageBlockLinks,
+				children: [/* @__PURE__ */ jsx(Button, {
+					href: links.repo,
+					variant: "outline",
+					children: /* @__PURE__ */ jsx(Button.Icon, { icon: Github })
+				}), /* @__PURE__ */ jsxs(Button, {
+					href: links.docs,
+					variant: "outline",
+					children: [/* @__PURE__ */ jsx(Button.Icon, { icon: BookOpen }), /* @__PURE__ */ jsx(Button.Label, { children: "Read Docs" })]
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { useReferenceNesting as _, SDKDeclaration as a, SDKLanguageBlock as c, SDKMethodInfo as d, SDKModel as f, usePropertyModel as g, SDKSnippetLanguages as h, SDKConstraints as i, SDKMethod as l, SDKRequestTitle as m, ReferenceNestingContext as n, SDKExample as o, SDKReference as p, SDKChildren as r, SDKIcon as s, PropertyModelContext as t, SDKMethodHeader as u };

package/dist/sidebar-C3fZrgmP.d.ts

@@ -0,0 +1,36 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime78 from "react/jsx-runtime";
+import * as SDKJSON from "@stainless/sdk-json";
+
+//#region src/components/sidebar.d.ts
+type SidebarExpanderProps = {
+  open?: boolean;
+  summary: React$1.ReactNode;
+  children?: React$1.ReactNode;
+};
+declare function SidebarExpander({
+  open,
+  summary,
+  children
+}: SidebarExpanderProps): react_jsx_runtime78.JSX.Element;
+type SidebarMethodProps = {
+  method: SDKJSON.Method;
+};
+declare function SidebarMethod({
+  method
+}: SidebarMethodProps): react_jsx_runtime78.JSX.Element;
+type SidebarResourceProps = {
+  resource: SDKJSON.Resource;
+};
+declare function SidebarResource({
+  resource
+}: SidebarResourceProps): react_jsx_runtime78.JSX.Element;
+type SidebarProps = {
+  resources: SDKJSON.Resource[];
+  selectedPath?: string;
+};
+declare function Sidebar({
+  resources
+}: SidebarProps): react_jsx_runtime78.JSX.Element;
+//#endregion
+export { SidebarProps as a, SidebarMethodProps as i, SidebarExpander as n, SidebarResource as o, SidebarMethod as r, SidebarResourceProps as s, Sidebar as t };

package/dist/sidebar-CWyvCrJ0.js

@@ -0,0 +1,81 @@
+import { n as useNavigation } from "./navigation-C5TN0SgC.js";
+import { t as useComponents } from "./use-components-RWQbviGq.js";
+import { t as style_default } from "./style-gnVEeXFj.js";
+import { o as MethodIconBadge } from "./method-CE08mUME.js";
+import { r as isResourceEmpty } from "./utils-D_1AWSRX.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronRight } from "lucide-react";
+
+//#region src/components/sidebar.tsx
+function SidebarExpander({ open, summary, children }) {
+	return /* @__PURE__ */ jsxs("details", {
+		className: style_default.SidebarExpander,
+		open,
+		children: [/* @__PURE__ */ jsxs("summary", {
+			className: style_default.ExpanderSummary,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: style_default.ExpanderSummaryContent,
+				children: summary
+			}), /* @__PURE__ */ jsxs("div", {
+				className: style_default.ExpanderSummaryIcon,
+				children: [/* @__PURE__ */ jsx(ChevronRight, {
+					size: 16,
+					strokeWidth: 1,
+					className: style_default.Icon
+				}), /* @__PURE__ */ jsx(ChevronDown, {
+					size: 16,
+					strokeWidth: 1,
+					className: style_default.Icon
+				})]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: style_default.ExpanderContent,
+			children
+		})]
+	});
+}
+function SidebarMethod({ method }) {
+	const Docs = useComponents();
+	const { selectedPath } = useNavigation();
+	return /* @__PURE__ */ jsxs("div", {
+		className: style_default.SidebarMethod,
+		"data-selected": method.stainlessPath === selectedPath,
+		children: [/* @__PURE__ */ jsx(MethodIconBadge, { httpMethod: method.httpMethod }), /* @__PURE__ */ jsx(Docs.Link, {
+			stainlessPath: method.stainlessPath,
+			children: method.summary
+		})]
+	});
+}
+function SidebarResource({ resource }) {
+	const Docs = useComponents();
+	const { selectedPath } = useNavigation();
+	const subresources = Object.values(resource.subresources ?? {}).map((sub) => /* @__PURE__ */ jsx(SidebarResource, { resource: sub }, sub.stainlessPath));
+	const methods = Object.values(resource.methods).map((method) => /* @__PURE__ */ jsx(SidebarMethod, { method }, method.stainlessPath));
+	const hasChildren = subresources.length > 0 || methods.length > 0;
+	const title = /* @__PURE__ */ jsx("div", {
+		className: style_default.SidebarResourceTitle,
+		children: /* @__PURE__ */ jsx(Docs.Link, {
+			stainlessPath: resource.stainlessPath,
+			children: resource.title
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: style_default.SidebarResource,
+		"data-selected": resource.stainlessPath === selectedPath,
+		children: hasChildren ? /* @__PURE__ */ jsxs(SidebarExpander, {
+			summary: title,
+			open: true,
+			children: [methods, subresources]
+		}) : title
+	});
+}
+function Sidebar({ resources }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `${style_default.Root} ${style_default.Sidebar}`,
+		children: resources.filter((resource) => !isResourceEmpty(resource)).map((resource) => /* @__PURE__ */ jsx(SidebarResource, { resource }, resource.stainlessPath))
+	});
+}
+
+//#endregion
+export { SidebarResource as i, SidebarExpander as n, SidebarMethod as r, Sidebar as t };

package/dist/sidebar-CbCLUteD.d.ts

@@ -0,0 +1,36 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
+import * as SDKJSON from "@stainless/sdk-json";
+
+//#region src/components/sidebar.d.ts
+type SidebarExpanderProps = {
+  open?: boolean;
+  summary: React$1.ReactNode;
+  children?: React$1.ReactNode;
+};
+declare function SidebarExpander({
+  open,
+  summary,
+  children
+}: SidebarExpanderProps): react_jsx_runtime67.JSX.Element;
+type SidebarMethodProps = {
+  method: SDKJSON.Method;
+};
+declare function SidebarMethod({
+  method
+}: SidebarMethodProps): react_jsx_runtime67.JSX.Element;
+type SidebarResourceProps = {
+  resource: SDKJSON.Resource;
+};
+declare function SidebarResource({
+  resource
+}: SidebarResourceProps): react_jsx_runtime67.JSX.Element;
+type SidebarProps = {
+  resources: SDKJSON.Resource[];
+  selectedPath?: string;
+};
+declare function Sidebar({
+  resources
+}: SidebarProps): react_jsx_runtime67.JSX.Element;
+//#endregion
+export { SidebarProps as a, SidebarMethodProps as i, SidebarExpander as n, SidebarResource as o, SidebarMethod as r, SidebarResourceProps as s, Sidebar as t };

package/dist/snippets-BQLXEIf6.js

@@ -0,0 +1,161 @@
+import { a as useLanguage, c as useSnippet, r as useDeclaration } from "./docs-CXqi26jB.js";
+import { r as useHighlight } from "./markdown-CxdeWgjV.js";
+import { t as useComponents } from "./use-components-RWQbviGq.js";
+import { t as style_default } from "./style-gnVEeXFj.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, CircleAlertIcon, CopyIcon } from "lucide-react";
+import clsx from "clsx";
+import { Button } from "@stainless-api/ui-primitives";
+
+//#region src/components/snippets.tsx
+function SnippetCode({ content, language }) {
+	const lang = useLanguage();
+	const highlighted = useHighlight(content, language || lang);
+	return /* @__PURE__ */ jsx("div", {
+		className: style_default.SnippetCode,
+		children: /* @__PURE__ */ jsx("pre", {
+			className: style_default.SnippetCodeContent,
+			"data-stldocs-copy-content": true,
+			children: /* @__PURE__ */ jsx("code", {
+				className: language === "json" ? "snippet-json" : "snippet",
+				dangerouslySetInnerHTML: { __html: highlighted }
+			})
+		})
+	});
+}
+function SnippetContainer({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx(style_default.Snippet),
+		children
+	});
+}
+function SnippetRequestContainer({ children }) {
+	return /* @__PURE__ */ jsx("div", { children });
+}
+function Snippet({ requestTitle, method, transformRequestSnippet }) {
+	const Docs = useComponents();
+	const language = useLanguage();
+	const originalSnippet = useSnippet(method.stainlessPath, void 0, language === "http" ? "curl" : "default");
+	const decl = useDeclaration(method.stainlessPath, false);
+	if (!originalSnippet) {
+		console.warn(`Snippet not found for method '${method.stainlessPath}'`);
+		return null;
+	}
+	const signature = decl && "qualified" in decl ? decl.qualified : void 0;
+	const responses = method.exampleResponses;
+	const snippet = transformRequestSnippet ? transformRequestSnippet({
+		snippet: originalSnippet,
+		language
+	}) : originalSnippet;
+	return /* @__PURE__ */ jsxs(Docs.SnippetContainer, {
+		signature,
+		children: [snippet && /* @__PURE__ */ jsx(Docs.SnippetRequestContainer, {
+			signature,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: style_default.SnippetRequest,
+				"data-stldocs-copy-parent": true,
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: style_default.SnippetRequestTitle,
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: style_default.SnippetRequestTitleMethod,
+							children: [/* @__PURE__ */ jsx(Docs.MethodRoute, {
+								httpMethod: method.httpMethod,
+								iconOnly: true
+							}), /* @__PURE__ */ jsx("h5", { children: method.summary ?? method.title })]
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: style_default.SnippetRequestTitleContent,
+							children: requestTitle
+						}),
+						/* @__PURE__ */ jsx(Docs.SnippetButtons, { content: snippet })
+					]
+				}), /* @__PURE__ */ jsx(Docs.SnippetCode, {
+					content: snippet,
+					signature
+				})]
+			})
+		}), responses && /* @__PURE__ */ jsx(Docs.SnippetResponse, { responses })]
+	});
+}
+function SnippetButtons({ content }) {
+	const [CopyButtonIcon, setCopyIcon] = React$1.useState(CopyIcon);
+	async function handleCopy() {
+		try {
+			await navigator.clipboard.writeText(content);
+			setCopyIcon(CheckIcon);
+		} catch {
+			setCopyIcon(CircleAlertIcon);
+		}
+		setTimeout(() => setCopyIcon(CopyIcon), 1e3);
+	}
+	return /* @__PURE__ */ jsx(Button, {
+		variant: "ghost",
+		"data-stldocs-snippet-copy": true,
+		children: /* @__PURE__ */ jsx(CopyButtonIcon, {
+			size: 16,
+			className: style_default.Icon,
+			onClick: handleCopy
+		})
+	});
+}
+function SnippetResponse({ responses }) {
+	const { SnippetCode: SnippetCode$1 } = useComponents();
+	if (!responses) return null;
+	const mappedResponses = Object.keys(responses).map((key) => {
+		const responseContent = responses[key];
+		if (!responseContent) return null;
+		const responseType = Object.keys(responseContent)[0];
+		if (!responseType) return null;
+		const response = responseContent[responseType];
+		if (!response) return null;
+		const examples = response?.examples;
+		if (!examples) return null;
+		const exampleType = Object.keys(examples)[0];
+		if (!exampleType) return null;
+		let value = examples[exampleType]?.value;
+		if (!value) return null;
+		let language = "none";
+		if (responseType === "application/json" || typeof value === "object") {
+			language = "json";
+			value = JSON.stringify(value, null, 2);
+		}
+		return {
+			language,
+			responseCode: key,
+			content: value
+		};
+	}).filter(Boolean);
+	if (mappedResponses.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: style_default.SnippetMultiResponse,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: clsx(style_default.Snippet),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: clsx(style_default.SnippetResponseTab, mappedResponses.length === 1 && style_default.SnippetResponseTabSingleReturn),
+				children: mappedResponses.map(({ responseCode }, index) => /* @__PURE__ */ jsx("div", {
+					"data-snippet-response-tab-id": `snippet-response-tab-${responseCode}-${index}`,
+					className: clsx(style_default.SnippetResponseTabItem, index === 0 && style_default.SnippetResponseTabItemActive),
+					children: /* @__PURE__ */ jsxs(Button, {
+						disabled: mappedResponses.length === 1,
+						variant: "ghost",
+						children: [responseCode, " example"]
+					})
+				}, `snippet-response-tab-item-${responseCode}-${index}`))
+			}), mappedResponses.map(({ responseCode, content, language }, index) => {
+				return /* @__PURE__ */ jsx("div", {
+					className: clsx(style_default.SnippetResponsePane, index === 0 && style_default.SnippetResponsePaneActive),
+					"data-snippet-response-pane-id": `snippet-response-tab-${responseCode}-${index}`,
+					children: /* @__PURE__ */ jsx(SnippetCode$1, {
+						content,
+						language
+					})
+				}, `snippet-response-${responseCode}-${index}`);
+			})]
+		})
+	});
+}
+
+//#endregion
+export { SnippetRequestContainer as a, SnippetContainer as i, SnippetButtons as n, SnippetResponse as o, SnippetCode as r, Snippet as t };