@stainless-api/docs-ui 0.1.0-beta.84 → 0.1.0-beta.85

package/dist/components/MaskedInput.js

@@ -10,7 +10,7 @@ const getMaskedParts = (text) => {
 	};
 	const percentLength = Math.min(Math.floor(text.length * .3), 8);
 	const nonAlphaMatches = [...text.substring(0, percentLength).matchAll(/[^a-zA-Z0-9]/g)];
-	let prefixEnd = 0;
+	let prefixEnd;
 	if (nonAlphaMatches.length > 0) prefixEnd = nonAlphaMatches.at(-1).index + 1;
 	else prefixEnd = percentLength;
 	return {

package/dist/components/breadcrumbs.js

@@ -1,4 +1,4 @@
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import style_default from "../style.js";
 import { Languages } from "../routing.js";
 import { Join } from "./primitives.js";

package/dist/components/index.js

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../chunk-BYypO7fO.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { Property, PropertyDescription, PropertyTitle, PropertyToggle } from "./properties.js";
 import { Method, MethodDescription, MethodHeader, MethodInfo, MethodRoute } from "./method.js";
 import { Badge, Expander, Input, Join, Link, ListView, Markdown, ToggleButton, Tooltip, VirtualExpander } from "./primitives.js";

package/dist/components/method.js

@@ -1,4 +1,4 @@
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useComponents } from "../contexts/use-components.js";
 import style_default from "../style.js";
 import { PropertyToggle } from "./properties.js";

package/dist/components/overview.js

@@ -1,5 +1,5 @@
 import { useDeclaration, useLanguage, useSpec } from "../contexts/docs.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useLanguageComponents } from "../contexts/index.js";
 import { useComponents } from "../contexts/use-components.js";
 import style_default from "../style.js";

package/dist/components/primitives.js

@@ -1,11 +1,11 @@
 import { useLanguage, useSettings } from "../contexts/docs.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.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 { Fragment, createContext, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { MinusIcon, PlusIcon } from "lucide-react";
@@ -102,12 +102,12 @@ function Badge({ id, children }) {
 }
 const TooltipNestingContext = createContext(false);
 function Tooltip({ content, children }) {
-	if (useContext(TooltipNestingContext)) return children;
+	if (use(TooltipNestingContext)) return children;
 	return /* @__PURE__ */ jsxs("span", {
 		className: style_default.Tooltip,
 		children: [/* @__PURE__ */ jsx("span", {
 			className: style_default.TooltipContent,
-			children: /* @__PURE__ */ jsx(TooltipNestingContext.Provider, {
+			children: /* @__PURE__ */ jsx(TooltipNestingContext, {
 				value: true,
 				children: content
 			})

package/dist/components/properties.js

@@ -1,5 +1,5 @@
 import { useIgnoredResources, useLanguage, useSettings } from "../contexts/docs.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import "../contexts/index.js";
 import { useComponents } from "../contexts/use-components.js";
 import style_default from "../style.js";

package/dist/components/sdk-sidebar.js

@@ -1,4 +1,4 @@
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useNavigation } from "../contexts/navigation.js";
 import "../contexts/index.js";
 import { isResourceEmpty } from "../utils.js";

package/dist/components/sdk.js

@@ -1,5 +1,5 @@
 import { useAvailableLanguages, useContentPanelLayout, useDeclaration, useLanguage, useSettings, useSnippetIds, useSnippetResponse, useSpec } from "../contexts/docs.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useNavigation } from "../contexts/navigation.js";
 import { useLanguageComponents } from "../contexts/index.js";
 import { useComponents } from "../contexts/use-components.js";
@@ -15,11 +15,11 @@ 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);
+	return React$1.use(PropertyModelContext);
 }
 const ReferenceNestingContext = React$1.createContext([]);
 function useReferenceNesting() {
-	return React$1.useContext(ReferenceNestingContext);
+	return React$1.use(ReferenceNestingContext);
 }
 const DeclarationParentsContext = React$1.createContext(/* @__PURE__ */ new Set());
 const AddToDeclarationParents = ({ id, children }) => /* @__PURE__ */ jsx(DeclarationParentsContext, {
@@ -27,7 +27,7 @@ const AddToDeclarationParents = ({ id, children }) => /* @__PURE__ */ jsx(Declar
 	children
 });
 function useDeclarationParents() {
-	return React$1.useContext(DeclarationParentsContext);
+	return React$1.use(DeclarationParentsContext);
 }
 const SDKSnippetLanguages = {
 	"node.default": { name: "TypeScript" },
@@ -151,7 +151,7 @@ function SDKDeclaration({ path, expand, depth = 0 }) {
 		const refId = "type" in decl && decl.type !== void 0 && typeof decl.type !== "string" && "$ref" in decl.type ? decl.type["$ref"] : void 0;
 		if (refId && refId !== path && !nesting.includes(refId)) return /* @__PURE__ */ jsx(AddToDeclarationParents, {
 			id: path,
-			children: /* @__PURE__ */ jsx(ReferenceNestingContext.Provider, {
+			children: /* @__PURE__ */ jsx(ReferenceNestingContext, {
 				value: [...nesting, refId],
 				children: /* @__PURE__ */ jsx(SDKDeclaration, {
 					path: refId,
@@ -188,19 +188,16 @@ function SDKDeclaration({ path, expand, depth = 0 }) {
 			})] })
 		})
 	});
-	if ("modelPath" in decl) {
-		const value = {
-			modelPath: decl.modelPath,
-			propertyPath: decl.stainlessPath
-		};
-		return /* @__PURE__ */ jsx(AddToDeclarationParents, {
-			id: path,
-			children: /* @__PURE__ */ jsx(PropertyModelContext.Provider, {
-				value,
-				children: content
-			})
-		});
-	}
+	if ("modelPath" in decl) return /* @__PURE__ */ jsx(AddToDeclarationParents, {
+		id: path,
+		children: /* @__PURE__ */ jsx(PropertyModelContext, {
+			value: {
+				modelPath: decl.modelPath,
+				propertyPath: decl.stainlessPath
+			},
+			children: content
+		})
+	});
 	return /* @__PURE__ */ jsx(AddToDeclarationParents, {
 		id: path,
 		children: content

package/dist/components/snippets.js

@@ -1,5 +1,5 @@
 import { useDeclaration, useLanguage, useSnippet, useSnippetIds, useSnippetResponse } from "../contexts/docs.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useHighlight } from "../contexts/markdown.js";
 import "../contexts/index.js";
 import { useComponents } from "../contexts/use-components.js";

package/dist/components/stl-sidebar.js

@@ -1,4 +1,4 @@
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useComponents } from "../contexts/use-components.js";
 import style_default from "../style.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/contexts/component-generics.js

@@ -1,4 +1,4 @@
-import { t as createStrictContext } from "../use-strict-context-L0c8JKg4.js";
+import { t as createStrictContext } from "../use-strict-context-Clb6Yjly.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/contexts/component.js

@@ -1,4 +1,4 @@
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { ComponentProvider as ComponentProvider$1, customizeComponents } from "./component-generics.js";
 import { t as components_exports } from "../components/index.js";
 import { t as languages_exports } from "../languages/index.js";

package/dist/contexts/index.js

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "../chunk-BYypO7fO.js";
 import { DocsProvider, useAvailableLanguages, useContentPanelLayout, useDeclaration, useDocs, useIgnoredResources, useLanguage, useResource, useSettings, useSnippet, useSnippetIds, useSnippetResponse, useSnippets, useSpec } from "./docs.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { ComponentProvider, customizeComponents, useComponentContext, useComponents } from "./component-generics.js";
 import { NavigationProvider, useNavigation } from "./navigation.js";
 import { MarkdownContext, MarkdownProvider, useHighlight, useMarkdownContext, useRenderMarkdown } from "./markdown.js";

package/dist/contexts/markdown.js

@@ -12,9 +12,9 @@ const MarkdownContext = React$1.createContext({
 	highlight: (content) => content,
 	render: (content) => content
 });
-const useMarkdownContext = () => React$1.useContext(MarkdownContext);
+const useMarkdownContext = () => React$1.use(MarkdownContext);
 function useRenderMarkdown(content) {
-	const { render } = React$1.useContext(MarkdownContext);
+	const { render } = React$1.use(MarkdownContext);
 	return React$1.useMemo(() => {
 		if (!content) return void 0;
 		const rendered = render(content);
@@ -22,7 +22,7 @@ function useRenderMarkdown(content) {
 	}, [content, render]);
 }
 function useHighlight(content, language) {
-	const { highlight } = React$1.useContext(MarkdownContext);
+	const { highlight } = React$1.use(MarkdownContext);
 	const defaultLanguage = useLanguage();
 	const lang = language ?? defaultLanguage;
 	return React$1.useMemo(() => {
@@ -36,7 +36,7 @@ function useHighlight(content, language) {
 	]);
 }
 function MarkdownProvider({ render, highlight, children }) {
-	return /* @__PURE__ */ jsx(MarkdownContext.Provider, {
+	return /* @__PURE__ */ jsx(MarkdownContext, {
 		value: {
 			render,
 			highlight

package/dist/contexts/navigation.js

@@ -5,17 +5,16 @@ import { jsx } from "react/jsx-runtime";
 const Defaults = { basePath: "/" };
 const NavigationContext = React$1.createContext(Defaults);
 function useNavigation() {
-	return React$1.useContext(NavigationContext);
+	return React$1.use(NavigationContext);
 }
 function NavigationProvider({ basePath, selectedPath, onNavigate, children }) {
-	const value = {
-		...Defaults,
-		onNavigate,
-		basePath,
-		selectedPath
-	};
-	return /* @__PURE__ */ jsx(NavigationContext.Provider, {
-		value,
+	return /* @__PURE__ */ jsx(NavigationContext, {
+		value: {
+			...Defaults,
+			onNavigate,
+			basePath,
+			selectedPath
+		},
 		children
 	});
 }

package/dist/contexts/use-components.js

@@ -1,4 +1,4 @@
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useComponents as useComponents$1 } from "./component-generics.js";
 
 //#region src/contexts/use-components.tsx

package/dist/index.js

@@ -1,4 +1,4 @@
-import "./use-strict-context-L0c8JKg4.js";
+import "./use-strict-context-Clb6Yjly.js";
 import { t as contexts_exports } from "./contexts/index.js";
 import style_default from "./style.js";
 import { t as routing_exports } from "./routing.js";

package/dist/languages/cli.js

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../chunk-BYypO7fO.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useLanguageComponents } from "../contexts/index.js";
 import { useComponents } from "../contexts/use-components.js";
 import style_default from "../style.js";
@@ -152,14 +152,14 @@ function Declaration({ decl }) {
 					children: decl.type
 				}) : /* @__PURE__ */ jsx(Lang.Type, { type: decl.type })
 			] })] });
-		case "CLIFunction": return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs("span", {
+		case "CLIFunction": return /* @__PURE__ */ jsxs("span", {
 			className: style_default.TextIdentifier,
 			children: [decl.name, "()"]
-		}) });
-		case "CLIStdin": return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx("span", {
+		});
+		case "CLIStdin": return /* @__PURE__ */ jsx("span", {
 			className: style_default.TextIdentifier,
 			children: "stdin"
-		}) });
+		});
 	}
 }
 

package/dist/languages/csharp.js

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../chunk-BYypO7fO.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useLanguageComponents } from "../contexts/index.js";
 import { useComponents } from "../contexts/use-components.js";
 import style_default from "../style.js";
@@ -211,13 +211,13 @@ function Declaration({ decl }) {
 	const Lang = useLanguageComponents();
 	if (!decl) return null;
 	switch (decl.kind) {
-		case "CSharpDeclConst": return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Docs.Tooltip, {
+		case "CSharpDeclConst": return /* @__PURE__ */ jsx(Docs.Tooltip, {
 			content: JSON.stringify(decl.value),
 			children: /* @__PURE__ */ jsx("span", {
 				className: style_default.TextIdentifier,
 				children: decl.ident
 			})
-		}) });
+		});
 		case "CSharpDeclType": {
 			const keyword = decl.type.kind === "CSharpTypeEnum" ? "enum" : "class";
 			return /* @__PURE__ */ jsxs(Fragment$1, { children: [

package/dist/languages/go.js

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../chunk-BYypO7fO.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useLanguageComponents } from "../contexts/index.js";
 import { useComponents } from "../contexts/use-components.js";
 import style_default from "../style.js";

package/dist/languages/http.js

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "../chunk-BYypO7fO.js";
 import { useAvailableLanguages, useDeclaration, useLanguage, useSpec } from "../contexts/docs.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useNavigation } from "../contexts/navigation.js";
 import { useLanguageComponents } from "../contexts/index.js";
 import { useComponents } from "../contexts/use-components.js";
@@ -35,10 +35,10 @@ const constStyle = {
 	boolean: style_default.LiteralBoolean
 };
 function Identifier({ name }) {
-	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx("span", {
+	return /* @__PURE__ */ jsx("span", {
 		className: style_default.TextIdentifier,
 		children: /^[_a-zA-Z][_a-zA-Z0-9]*$/.test(name) ? name : JSON.stringify(name)
-	}) });
+	});
 }
 function TypePreview({ path }) {
 	const spec = useSpec();

package/dist/languages/index.js

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../chunk-BYypO7fO.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { t as typescript_exports } from "./typescript.js";
 import { t as java_exports } from "./java.js";
 import { t as go_exports } from "./go.js";

package/dist/languages/java.js

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "../chunk-BYypO7fO.js";
 import { useLanguage } from "../contexts/docs.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useLanguageComponents } from "../contexts/index.js";
 import { useComponents } from "../contexts/use-components.js";
 import style_default from "../style.js";

package/dist/languages/php.js

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../chunk-BYypO7fO.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useLanguageComponents } from "../contexts/index.js";
 import { useComponents } from "../contexts/use-components.js";
 import style_default from "../style.js";

package/dist/languages/python.js

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../chunk-BYypO7fO.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useLanguageComponents } from "../contexts/index.js";
 import { useComponents } from "../contexts/use-components.js";
 import style_default from "../style.js";
@@ -261,7 +261,7 @@ function Declaration({ decl }) {
 				children: "…"
 			})
 		] });
-		case "PythonDeclType": return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Lang.Type, { type: decl.type }) });
+		case "PythonDeclType": return /* @__PURE__ */ jsx(Lang.Type, { type: decl.type });
 		case "PythonDeclReference": return /* @__PURE__ */ jsx(Lang.Type, { type: decl.type });
 	}
 }

package/dist/languages/ruby.js

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "../chunk-BYypO7fO.js";
 import { useDeclaration, useLanguage, useSpec } from "../contexts/docs.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useLanguageComponents } from "../contexts/index.js";
 import { useComponents } from "../contexts/use-components.js";
 import style_default from "../style.js";

package/dist/languages/terraform.js

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "../chunk-BYypO7fO.js";
 import { useDeclaration } from "../contexts/docs.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useLanguageComponents } from "../contexts/index.js";
 import { useComponents } from "../contexts/use-components.js";
 import style_default from "../style.js";

package/dist/languages/typescript.js

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "../chunk-BYypO7fO.js";
 import { useDeclaration, useLanguage, useSpec } from "../contexts/docs.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useLanguageComponents } from "../contexts/index.js";
 import { useComponents } from "../contexts/use-components.js";
 import style_default from "../style.js";

package/dist/markdown/index.js

@@ -1,4 +1,4 @@
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { code, fence, heading, item, list, paragraph, parse, strong, text } from "./md.js";
 import { getCustomSnippetTitle, getDecl, getSnippets, stripMarkup } from "./utils.js";
 import { declaration as declaration$1, methodSignature, t as printer_exports } from "./printer.js";
@@ -9,16 +9,20 @@ function declaration(env, decl) {
 	const content = declaration$1(env.language, decl);
 	return paragraph(code(stripMarkup(content)));
 }
-function renderChildren(env, children, nesting = []) {
+function renderChildren(env, children, nesting = /* @__PURE__ */ new Set()) {
 	return list(...children.map((child) => renderDecl(env, child, nesting)));
 }
-function renderDecl(env, path, nesting = []) {
+function renderDecl(env, path, nesting = /* @__PURE__ */ new Set()) {
 	const decl = getDecl(env, path);
 	const item$1 = item(declaration(env, decl));
+	const effectivePath = ("modelPath" in decl && decl["modelPath"] ? `${decl.modelPath} > (schema)` : null) ?? decl.stainlessPath;
 	const hasChildren = "children" in decl && decl.children && decl.children.length > 0;
 	const showModelProps = !("modelPath" in decl && decl["modelPath"]) || env.options.includeModelProperties;
 	if ("docstring" in decl && decl.docstring) item$1.children.push(...parse(decl.docstring));
-	if (hasChildren && showModelProps && !nesting.includes(path)) item$1.push(renderChildren(env, decl.children ?? [], [...nesting, path]));
+	if (hasChildren && showModelProps && !nesting.has(effectivePath)) {
+		nesting.add(effectivePath);
+		item$1.push(renderChildren(env, decl.children ?? [], nesting));
+	}
 	return item$1;
 }
 function renderMethod(env, method) {

package/dist/markdown/printer.js

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "../chunk-BYypO7fO.js";
 import { DocsProvider } from "../contexts/docs.js";
-import "../use-strict-context-L0c8JKg4.js";
+import "../use-strict-context-Clb6Yjly.js";
 import { useLanguageComponents } from "../contexts/index.js";
 import style_default from "../style.js";
 import { ComponentProvider } from "../contexts/component.js";

package/dist/routing.d.ts

@@ -8,7 +8,7 @@ declare const Languages: readonly ["http", "node", "python", "go", "typescript",
 declare const SupportedLanguageSyntaxes: string[];
 type DocsLanguage = (typeof Languages)[number];
 declare const LanguageNames: Record<DocsLanguage, string>;
-declare function getLanguageSnippet(language: DocsLanguage): "http.curl" | "node.default" | "python.default" | "go.default" | "typescript.default" | "terraform.default" | "ruby.default" | "java.default" | "kotlin.default" | "csharp.default" | "php.default" | "cli.default";
+declare function getLanguageSnippet(language: DocsLanguage): "cli.default" | "csharp.default" | "go.default" | "http.curl" | "java.default" | "kotlin.default" | "node.default" | "php.default" | "python.default" | "ruby.default" | "terraform.default" | "typescript.default";
 declare function isSupportedLanguage(language: string): language is DocsLanguage;
 type ParsedStainlessPath = ReturnType<typeof parseStainlessPath>;
 declare function parseStainlessPath(stainlessPath: string): {

package/dist/{use-strict-context-L0c8JKg4.js → use-strict-context-Clb6Yjly.js}

@@ -5,7 +5,7 @@ function createStrictContext(displayName) {
 	const Context = React.createContext(null);
 	Context.displayName = displayName;
 	function useStrictContext() {
-		const context = React.useContext(Context);
+		const context = React.use(Context);
 		if (context === null) throw new Error(`use${displayName} must be used within a ${displayName}Provider`);
 		return context;
 	}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stainless-api/docs-ui",
   "private": false,
-  "version": "0.1.0-beta.84",
+  "version": "0.1.0-beta.85",
   "publishConfig": {
     "access": "public"
   },
@@ -85,7 +85,7 @@
   "scripts": {
     "build": "tsdown",
     "clean": "rm -rf dist",
-    "lint": "eslint .",
+    "lint": "eslint --flag unstable_native_nodejs_ts_config .",
     "check:types": "tsc --noEmit"
   }
 }