@stainless-api/docs-ui 0.1.0-beta.55 → 0.1.0-beta.57

package/dist/{method-nEcioXL5.js → method-BPsNdtwS.js}

@@ -1,39 +1,12 @@
 import { t as useComponents } from "./use-components-DBx5LZk0.js";
-import { t as style_default } from "./style-cJZFOvnF.js";
-import { i as PropertyToggle } from "./properties-BTdEzx5f.js";
-import * as React$1 from "react";
+import { t as style_default } from "./style-Vk87Pfuy.js";
+import { i as PropertyToggle } from "./properties-DhttBLpf.js";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowDownLeft, ArrowUpRight, X } from "lucide-react";
 import clsx from "clsx";
+import { Badge, getHttpMethod } from "@stainless-api/ui-primitives";
 
 //#region src/components/method.tsx
-const HttpMethods = [
-	"get",
-	"head",
-	"put",
-	"delete",
-	"post",
-	"patch"
-];
-const HttpMethodIcons = {
-	get: ArrowDownLeft,
-	put: ArrowUpRight,
-	post: ArrowUpRight,
-	patch: ArrowUpRight,
-	delete: X
-};
-function MethodIconBadge({ httpMethod, showName }) {
-	if (!httpMethod || !HttpMethods.includes(httpMethod)) return null;
-	return /* @__PURE__ */ jsxs("span", {
-		className: clsx(style_default.MethodRouteHttpMethod, style_default.MethodRouteHttpMethodIconOnly),
-		"data-method": httpMethod,
-		children: [HttpMethodIcons[httpMethod] && React$1.createElement(HttpMethodIcons[httpMethod], {
-			size: 14,
-			strokeWidth: 3,
-			className: style_default.Icon
-		}), showName && httpMethod]
-	});
-}
 function MethodHeader({ title, badges, signature, children, level }) {
 	const Heading = level ?? "h5";
 	return /* @__PURE__ */ jsxs("div", {
@@ -53,11 +26,13 @@ function MethodHeader({ title, badges, signature, children, level }) {
 	});
 }
 function MethodRoute({ httpMethod, endpoint, iconOnly }) {
+	const httpMethodTyped = getHttpMethod(httpMethod);
 	return /* @__PURE__ */ jsxs("div", {
 		className: style_default.MethodRoute,
-		children: [/* @__PURE__ */ jsx(MethodIconBadge, {
-			httpMethod,
-			showName: !iconOnly
+		children: [httpMethodTyped && /* @__PURE__ */ jsx(Badge.HTTP, {
+			method: httpMethodTyped,
+			iconOnly,
+			size: "sm"
 		}), endpoint && /* @__PURE__ */ jsx("span", {
 			className: style_default.MethodRouteEndpoint,
 			children: endpoint
@@ -112,4 +87,4 @@ function Method({ id, header, children, className, ...props }) {
 }
 
 //#endregion
-export { MethodHeader as a, MethodRoute as c, MethodDescription as i, HttpMethods as n, MethodIconBadge as o, Method as r, MethodInfo as s, HttpMethodIcons as t };
+export { MethodRoute as a, MethodInfo as i, MethodDescription as n, MethodHeader as r, Method as t };

package/dist/method-CD_dwBsB.d.ts

@@ -0,0 +1,59 @@
+import * as React$1 from "react";
+import { ReactNode } from "react";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
+
+//#region src/components/method.d.ts
+type MethodHeaderProps = {
+  title: ReactNode;
+  level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
+  signature?: ReactNode;
+  badges?: ReactNode;
+  children?: ReactNode;
+};
+declare function MethodHeader({
+  title,
+  badges,
+  signature,
+  children,
+  level
+}: MethodHeaderProps): react_jsx_runtime46.JSX.Element;
+type MethodRouteProps = {
+  httpMethod?: string;
+  endpoint?: string | ReactNode;
+  iconOnly?: boolean;
+};
+declare function MethodRoute({
+  httpMethod,
+  endpoint,
+  iconOnly
+}: MethodRouteProps): react_jsx_runtime46.JSX.Element;
+type MethodDescriptionProps = {
+  description?: string;
+};
+declare function MethodDescription({
+  description
+}: MethodDescriptionProps): react_jsx_runtime46.JSX.Element | undefined;
+type MethodInfoProps = {
+  children?: ReactNode;
+  parameters?: ReactNode;
+  returns?: ReactNode;
+};
+declare function MethodInfo({
+  children,
+  parameters,
+  returns
+}: MethodInfoProps): react_jsx_runtime46.JSX.Element;
+type MethodProps = {
+  id?: string;
+  header?: ReactNode;
+  children?: ReactNode;
+} & React$1.HTMLProps<HTMLDivElement>;
+declare function Method({
+  id,
+  header,
+  children,
+  className,
+  ...props
+}: MethodProps): react_jsx_runtime46.JSX.Element;
+//#endregion
+export { MethodHeaderProps as a, MethodProps as c, MethodHeader as i, MethodRoute as l, MethodDescription as n, MethodInfo as o, MethodDescriptionProps as r, MethodInfoProps as s, Method as t, MethodRouteProps as u };

package/dist/method-CkGKALRi.d.ts

@@ -0,0 +1,59 @@
+import * as React$1 from "react";
+import { ReactNode } from "react";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
+
+//#region src/components/method.d.ts
+type MethodHeaderProps = {
+  title: ReactNode;
+  level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
+  signature?: ReactNode;
+  badges?: ReactNode;
+  children?: ReactNode;
+};
+declare function MethodHeader({
+  title,
+  badges,
+  signature,
+  children,
+  level
+}: MethodHeaderProps): react_jsx_runtime50.JSX.Element;
+type MethodRouteProps = {
+  httpMethod?: string;
+  endpoint?: string | ReactNode;
+  iconOnly?: boolean;
+};
+declare function MethodRoute({
+  httpMethod,
+  endpoint,
+  iconOnly
+}: MethodRouteProps): react_jsx_runtime50.JSX.Element;
+type MethodDescriptionProps = {
+  description?: string;
+};
+declare function MethodDescription({
+  description
+}: MethodDescriptionProps): react_jsx_runtime50.JSX.Element | undefined;
+type MethodInfoProps = {
+  children?: ReactNode;
+  parameters?: ReactNode;
+  returns?: ReactNode;
+};
+declare function MethodInfo({
+  children,
+  parameters,
+  returns
+}: MethodInfoProps): react_jsx_runtime50.JSX.Element;
+type MethodProps = {
+  id?: string;
+  header?: ReactNode;
+  children?: ReactNode;
+} & React$1.HTMLProps<HTMLDivElement>;
+declare function Method({
+  id,
+  header,
+  children,
+  className,
+  ...props
+}: MethodProps): react_jsx_runtime50.JSX.Element;
+//#endregion
+export { MethodHeaderProps as a, MethodProps as c, MethodHeader as i, MethodRoute as l, MethodDescription as n, MethodInfo as o, MethodDescriptionProps as r, MethodInfoProps as s, Method as t, MethodRouteProps as u };

package/dist/{navigation-ULXC5uFs.d.ts → navigation-BlOvTCTX.d.ts}

@@ -1,6 +1,6 @@
 import { t as DocsLanguage } from "./routing-CUnVDpU-.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/contexts/navigation.d.ts
 type NavigationHandler = (ev: React$1.MouseEvent | null, opts: {
@@ -24,6 +24,6 @@ declare function NavigationProvider({
   selectedPath,
   onNavigate,
   children
-}: NavigationProviderProps): react_jsx_runtime0.JSX.Element;
+}: NavigationProviderProps): react_jsx_runtime33.JSX.Element;
 //#endregion
 export { useNavigation as a, NavigationProviderProps as i, NavigationHandler as n, NavigationProvider as r, NavigationContextType as t };

package/dist/navigation-CXQA2RZo.d.ts

@@ -0,0 +1,29 @@
+import { t as DocsLanguage } from "./routing-CUnVDpU-.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime89 from "react/jsx-runtime";
+
+//#region src/contexts/navigation.d.ts
+type NavigationHandler = (ev: React$1.MouseEvent | null, opts: {
+  href: string;
+  language: DocsLanguage;
+  stainlessPath: string;
+  scroll: boolean;
+}) => void;
+type NavigationContextType = {
+  basePath?: string;
+  selectedPath?: string;
+  navigationPath?: string[];
+  onNavigate?: NavigationHandler;
+};
+declare function useNavigation(): NavigationContextType;
+type NavigationProviderProps = NavigationContextType & {
+  children: React$1.ReactNode;
+};
+declare function NavigationProvider({
+  basePath,
+  selectedPath,
+  onNavigate,
+  children
+}: NavigationProviderProps): react_jsx_runtime89.JSX.Element;
+//#endregion
+export { useNavigation as a, NavigationProviderProps as i, NavigationHandler as n, NavigationProvider as r, NavigationContextType as t };

package/dist/{overview-BQk6WvtS.js → overview-BslKVsRE.js}

@@ -1,10 +1,10 @@
 import { a as useLanguage, l as useSpec, r as useDeclaration } from "./docs-CXqi26jB.js";
 import { n as useLanguageComponents } from "./contexts-CLpvBI91.js";
 import { t as useComponents } from "./use-components-DBx5LZk0.js";
-import { t as style_default } from "./style-cJZFOvnF.js";
-import { i as PropertyToggle } from "./properties-BTdEzx5f.js";
+import { t as style_default } from "./style-Vk87Pfuy.js";
+import { i as PropertyToggle } from "./properties-DhttBLpf.js";
 import { f as parseStainlessPath } from "./routing-Dl0FprK1.js";
-import { s as Markdown } from "./primitives-1WQd5NT-.js";
+import { s as Markdown } from "./primitives-CCj2Pn-o.js";
 import { n as getResourceFromSpec, t as flatResources } from "./utils-C12Fme2N.js";
 import * as React$1 from "react";
 import { createElement } from "react";

package/dist/{overview-5f2psBcl.d.ts → overview-CVTaIlP6.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
 import * as SDKJSON from "@stainless/sdk-json";
 
 //#region src/components/overview.d.ts
@@ -9,31 +9,31 @@ type SDKResourceProps = {
 declare function SDKResourceHeader({
   resource,
   parents
-}: SDKResourceProps): react_jsx_runtime18.JSX.Element | null;
+}: SDKResourceProps): react_jsx_runtime55.JSX.Element | null;
 type SDKMethodSummaryProps = {
   method: SDKJSON.Method;
 };
 declare function SDKMethodSummary({
   method
-}: SDKMethodSummaryProps): react_jsx_runtime18.JSX.Element;
+}: SDKMethodSummaryProps): react_jsx_runtime55.JSX.Element;
 declare function SDKResource({
   resource,
   parents,
   showModels
 }: SDKResourceProps & {
   showModels?: boolean;
-}): react_jsx_runtime18.JSX.Element;
+}): react_jsx_runtime55.JSX.Element;
 type SDKOverviewProps = {
   resource: SDKJSON.Resource;
 };
 declare function SDKOverview({
   resource
-}: SDKOverviewProps): react_jsx_runtime18.JSX.Element;
+}: SDKOverviewProps): react_jsx_runtime55.JSX.Element;
 type SDKRootProps = {
   stainlessPath: string;
 };
 declare function SDKRoot({
   stainlessPath
-}: SDKRootProps): react_jsx_runtime18.JSX.Element | null;
+}: SDKRootProps): react_jsx_runtime55.JSX.Element | null;
 //#endregion
 export { SDKResource as a, SDKRoot as c, SDKOverviewProps as i, SDKRootProps as l, SDKMethodSummaryProps as n, SDKResourceHeader as o, SDKOverview as r, SDKResourceProps as s, SDKMethodSummary as t };

package/dist/overview-DFrenwhf.d.ts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime51 from "react/jsx-runtime";
+import * as SDKJSON from "@stainless/sdk-json";
+
+//#region src/components/overview.d.ts
+type SDKResourceProps = {
+  resource: SDKJSON.Resource;
+  parents?: SDKJSON.Resource[];
+};
+declare function SDKResourceHeader({
+  resource,
+  parents
+}: SDKResourceProps): react_jsx_runtime51.JSX.Element | null;
+type SDKMethodSummaryProps = {
+  method: SDKJSON.Method;
+};
+declare function SDKMethodSummary({
+  method
+}: SDKMethodSummaryProps): react_jsx_runtime51.JSX.Element;
+declare function SDKResource({
+  resource,
+  parents,
+  showModels
+}: SDKResourceProps & {
+  showModels?: boolean;
+}): react_jsx_runtime51.JSX.Element;
+type SDKOverviewProps = {
+  resource: SDKJSON.Resource;
+};
+declare function SDKOverview({
+  resource
+}: SDKOverviewProps): react_jsx_runtime51.JSX.Element;
+type SDKRootProps = {
+  stainlessPath: string;
+};
+declare function SDKRoot({
+  stainlessPath
+}: SDKRootProps): react_jsx_runtime51.JSX.Element | null;
+//#endregion
+export { SDKResource as a, SDKRoot as c, SDKOverviewProps as i, SDKRootProps as l, SDKMethodSummaryProps as n, SDKResourceHeader as o, SDKOverview as r, SDKResourceProps as s, SDKMethodSummary as t };

package/dist/{primitives-1WQd5NT-.js → primitives-CCj2Pn-o.js}

@@ -1,13 +1,12 @@
 import { a as useLanguage, s as useSettings } from "./docs-CXqi26jB.js";
 import { n as useNavigation } from "./navigation-C5TN0SgC.js";
 import { a as useRenderMarkdown } from "./markdown-CxdeWgjV.js";
-import { t as style_default } from "./style-cJZFOvnF.js";
+import { t as style_default } from "./style-Vk87Pfuy.js";
 import { o as generateRoute } from "./routing-Dl0FprK1.js";
-import * as React$1 from "react";
-import { Fragment, useState } from "react";
+import { Fragment, createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { MinusIcon, PlusIcon } from "lucide-react";
 import clsx from "clsx";
+import { MinusIcon, PlusIcon } from "lucide-react";
 
 //#region src/components/primitives.tsx
 function Join({ items, limit, children }) {
@@ -24,7 +23,7 @@ function Expander({ id, open, summary, virtual, muted, children }) {
 		muted,
 		id,
 		children
-	});
+	}, open ? "open" : "closed");
 	return /* @__PURE__ */ jsxs("details", {
 		className: style_default.Expander,
 		open,
@@ -55,10 +54,7 @@ function Expander({ id, open, summary, virtual, muted, children }) {
 	});
 }
 function VirtualExpander({ id, open: isOpen, muted, summary, children }) {
-	const [open, setOpen] = useState(isOpen);
-	React$1.useEffect(() => {
-		if (isOpen) setOpen(true);
-	}, [isOpen]);
+	const [open, setOpen] = useState(isOpen ?? false);
 	return /* @__PURE__ */ jsxs("div", {
 		className: style_default.Expander,
 		"data-open": open,
@@ -101,9 +97,9 @@ function Badge({ id, children }) {
 		children: children ?? id
 	});
 }
-const TooltipNestingContext = React$1.createContext(false);
+const TooltipNestingContext = createContext(false);
 function Tooltip({ content, children }) {
-	if (React$1.useContext(TooltipNestingContext)) return children;
+	if (useContext(TooltipNestingContext)) return children;
 	return /* @__PURE__ */ jsxs("span", {
 		className: style_default.Tooltip,
 		children: [/* @__PURE__ */ jsx("span", {
@@ -121,7 +117,7 @@ function Tooltip({ content, children }) {
 function Link({ stainlessPath, scroll = true, children, ...props }) {
 	const { basePath, onNavigate } = useNavigation();
 	const language = useLanguage();
-	const href = React$1.useMemo(() => {
+	const href = useMemo(() => {
 		if (props.href) return props.href;
 		if (stainlessPath && basePath) return generateRoute(basePath, language, stainlessPath);
 	}, [
@@ -130,7 +126,7 @@ function Link({ stainlessPath, scroll = true, children, ...props }) {
 		stainlessPath,
 		props.href
 	]);
-	const handleClick = React$1.useCallback((e) => {
+	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) onNavigate?.(e, {
@@ -155,7 +151,7 @@ function Link({ stainlessPath, scroll = true, children, ...props }) {
 		children
 	});
 }
-const Input = React$1.forwardRef(function Input$1({ left, right, ...props }, ref) {
+function Input({ left, right, ref, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx(style_default.Input, props.disabled && style_default.InputDisabled),
 		children: [
@@ -168,8 +164,8 @@ const Input = React$1.forwardRef(function Input$1({ left, right, ...props }, ref
 			right
 		]
 	});
-});
-const ToggleButton = React$1.forwardRef(function ToggleButton$1({ children, selected, ...props }, ref) {
+}
+function ToggleButton({ children, selected, ref, ...props }) {
 	return /* @__PURE__ */ jsx("button", {
 		...props,
 		ref,
@@ -177,17 +173,13 @@ const ToggleButton = React$1.forwardRef(function ToggleButton$1({ children, sele
 		"data-stldocs-toggle-selected": selected,
 		children
 	});
-});
+}
 function ListView({ items, itemDelegate, onSelectListItem, ...rest }) {
-	const [selectedIndex, setSelectedIndex] = React$1.useState(0);
-	const [keyboardIndex, setKeyboardIndex] = React$1.useState(0);
-	const listRef = React$1.useRef(null);
-	const itemRef = React$1.useRef(null);
-	React$1.useEffect(() => {
-		setSelectedIndex(0);
-		setKeyboardIndex(0);
-	}, [items]);
-	const handleSelect = React$1.useCallback(() => {
+	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);
 	}, [
@@ -195,8 +187,9 @@ function ListView({ items, itemDelegate, onSelectListItem, ...rest }) {
 		selectedIndex,
 		onSelectListItem
 	]);
-	React$1.useEffect(() => {
-		function handleKeyPress(ev) {
+	useEffect(() => {
+		const ac = new AbortController();
+		document.addEventListener("keydown", (ev) => {
 			switch (ev.key) {
 				case "ArrowUp": {
 					ev.preventDefault();
@@ -217,15 +210,14 @@ function ListView({ items, itemDelegate, onSelectListItem, ...rest }) {
 					handleSelect();
 					break;
 			}
-		}
-		addEventListener("keydown", handleKeyPress);
-		return () => removeEventListener("keydown", handleKeyPress);
+		}, { signal: ac.signal });
+		return () => ac.abort();
 	}, [
 		items,
 		selectedIndex,
 		handleSelect
 	]);
-	React$1.useEffect(() => {
+	useEffect(() => {
 		if (!keyboardIndex || !itemRef.current || !listRef.current) {
 			listRef?.current?.scroll(0, 0);
 			return;
@@ -248,7 +240,7 @@ function ListView({ items, itemDelegate, onSelectListItem, ...rest }) {
 			className: style_default.ListViewItem,
 			"data-stldocs-listview-selected": index === selectedIndex,
 			onClick: handleSelect,
-			onMouseMove: () => setSelectedIndex(index),
+			onMouseEnter: () => setSelectedIndex(index),
 			children: itemDelegate(item, index === selectedIndex)
 		}, index))
 	});

package/dist/primitives-Da9sUCQo.d.ts

@@ -0,0 +1,104 @@
+import * as react0 from "react";
+import { ReactNode } from "react";
+import * as react_jsx_runtime56 from "react/jsx-runtime";
+
+//#region src/components/primitives.d.ts
+type JoinProps = {
+  items: ReactNode[];
+  limit?: number;
+  children: ReactNode;
+};
+declare function Join({
+  items,
+  limit,
+  children
+}: JoinProps): react_jsx_runtime56.JSX.Element[];
+type ExpanderProps = {
+  id?: string;
+  open?: boolean;
+  summary: ReactNode;
+  virtual?: boolean;
+  muted?: boolean;
+  children?: ReactNode;
+};
+declare function Expander({
+  id,
+  open,
+  summary,
+  virtual,
+  muted,
+  children
+}: ExpanderProps): react_jsx_runtime56.JSX.Element;
+declare function VirtualExpander({
+  id,
+  open: isOpen,
+  muted,
+  summary,
+  children
+}: Omit<ExpanderProps, 'virtual'>): react_jsx_runtime56.JSX.Element;
+declare function Markdown({
+  content
+}: {
+  content: string;
+}): "" | react_jsx_runtime56.JSX.Element | undefined;
+type BadgeProps = {
+  id: string;
+  children?: ReactNode;
+};
+declare function Badge({
+  id,
+  children
+}: BadgeProps): react_jsx_runtime56.JSX.Element;
+type TooltipProps = {
+  content: ReactNode;
+  children: ReactNode;
+};
+declare function Tooltip({
+  content,
+  children
+}: TooltipProps): string | number | bigint | boolean | react_jsx_runtime56.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+type LinkProps = {
+  stainlessPath: string;
+  scroll?: boolean;
+  children?: ReactNode;
+} & React.HTMLProps<HTMLAnchorElement>;
+declare function Link({
+  stainlessPath,
+  scroll,
+  children,
+  ...props
+}: LinkProps): string | number | bigint | boolean | react_jsx_runtime56.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+type InputProps = {
+  left?: ReactNode;
+  right?: ReactNode;
+  ref?: React.Ref<HTMLInputElement>;
+} & React.InputHTMLAttributes<HTMLInputElement>;
+declare function Input({
+  left,
+  right,
+  ref,
+  ...props
+}: InputProps): react_jsx_runtime56.JSX.Element;
+type ToggleButtonProps = {
+  children?: ReactNode;
+  selected?: boolean;
+} & React.ComponentProps<'button'>;
+declare function ToggleButton({
+  children,
+  selected,
+  ref,
+  ...props
+}: ToggleButtonProps): react_jsx_runtime56.JSX.Element;
+type ListViewProps<TItem> = {
+  items: Array<TItem>;
+  itemDelegate: (item: TItem, selected: boolean) => React.ReactNode;
+  onSelectListItem?: (item: TItem) => void;
+} & React.HTMLAttributes<HTMLDivElement>;
+declare function ListView<TItem>({
+  items,
+  itemDelegate,
+  onSelectListItem,
+  ...rest
+}: ListViewProps<TItem>): react_jsx_runtime56.JSX.Element;
+//#endregion
+export { Join as a, ListViewProps as c, ToggleButtonProps as d, Tooltip as f, InputProps as i, Markdown as l, Expander as n, Link as o, VirtualExpander as p, Input as r, ListView as s, Badge as t, ToggleButton as u };

package/dist/primitives-DiDzLHoK.d.ts

@@ -0,0 +1,104 @@
+import * as react0 from "react";
+import { ReactNode } from "react";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
+
+//#region src/components/primitives.d.ts
+type JoinProps = {
+  items: ReactNode[];
+  limit?: number;
+  children: ReactNode;
+};
+declare function Join({
+  items,
+  limit,
+  children
+}: JoinProps): react_jsx_runtime60.JSX.Element[];
+type ExpanderProps = {
+  id?: string;
+  open?: boolean;
+  summary: ReactNode;
+  virtual?: boolean;
+  muted?: boolean;
+  children?: ReactNode;
+};
+declare function Expander({
+  id,
+  open,
+  summary,
+  virtual,
+  muted,
+  children
+}: ExpanderProps): react_jsx_runtime60.JSX.Element;
+declare function VirtualExpander({
+  id,
+  open: isOpen,
+  muted,
+  summary,
+  children
+}: Omit<ExpanderProps, 'virtual'>): react_jsx_runtime60.JSX.Element;
+declare function Markdown({
+  content
+}: {
+  content: string;
+}): "" | react_jsx_runtime60.JSX.Element | undefined;
+type BadgeProps = {
+  id: string;
+  children?: ReactNode;
+};
+declare function Badge({
+  id,
+  children
+}: BadgeProps): react_jsx_runtime60.JSX.Element;
+type TooltipProps = {
+  content: ReactNode;
+  children: ReactNode;
+};
+declare function Tooltip({
+  content,
+  children
+}: TooltipProps): string | number | bigint | boolean | react_jsx_runtime60.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+type LinkProps = {
+  stainlessPath: string;
+  scroll?: boolean;
+  children?: ReactNode;
+} & React.HTMLProps<HTMLAnchorElement>;
+declare function Link({
+  stainlessPath,
+  scroll,
+  children,
+  ...props
+}: LinkProps): string | number | bigint | boolean | react_jsx_runtime60.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+type InputProps = {
+  left?: ReactNode;
+  right?: ReactNode;
+  ref?: React.Ref<HTMLInputElement>;
+} & React.InputHTMLAttributes<HTMLInputElement>;
+declare function Input({
+  left,
+  right,
+  ref,
+  ...props
+}: InputProps): react_jsx_runtime60.JSX.Element;
+type ToggleButtonProps = {
+  children?: ReactNode;
+  selected?: boolean;
+} & React.ComponentProps<'button'>;
+declare function ToggleButton({
+  children,
+  selected,
+  ref,
+  ...props
+}: ToggleButtonProps): react_jsx_runtime60.JSX.Element;
+type ListViewProps<TItem> = {
+  items: Array<TItem>;
+  itemDelegate: (item: TItem, selected: boolean) => React.ReactNode;
+  onSelectListItem?: (item: TItem) => void;
+} & React.HTMLAttributes<HTMLDivElement>;
+declare function ListView<TItem>({
+  items,
+  itemDelegate,
+  onSelectListItem,
+  ...rest
+}: ListViewProps<TItem>): react_jsx_runtime60.JSX.Element;
+//#endregion
+export { Join as a, ListViewProps as c, ToggleButtonProps as d, Tooltip as f, InputProps as i, Markdown as l, Expander as n, Link as o, VirtualExpander as p, Input as r, ListView as s, Badge as t, ToggleButton as u };