@stainless-api/docs-ui 0.1.0-beta.6 → 0.1.0-beta.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stainless-api/docs-ui",
   "private": false,
-  "version": "0.1.0-beta.6",
+  "version": "0.1.0-beta.8",
   "publishConfig": {
     "access": "public"
   },
@@ -20,7 +20,7 @@
     "lucide-react": "^0.544.0",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "@stainless-api/ui-primitives": "0.1.0-beta.7"
+    "@stainless-api/ui-primitives": "0.1.0-beta.9"
   },
   "devDependencies": {
     "@types/node": "^24.4.0",

package/src/components/breadcrumbs.tsx

@@ -72,7 +72,7 @@ export function SDKBreadcrumbs({
 
   if (!breadcrumbs || breadcrumbs.length === 0) return null;
 
-  if (!config?.includeCurrentPage) {
+  if (!config?.includeCurrentPage && breadcrumbs.length > 1) {
     breadcrumbs.pop();
   }
 

package/src/components/method.tsx

@@ -42,15 +42,17 @@ export function MethodIconBadge({ httpMethod, showName }: MethodIconProps) {
 
 export type MethodHeaderProps = {
   title: ReactNode;
+  level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
   signature?: ReactNode;
   badges?: ReactNode;
   children?: ReactNode;
 };
 
-export function MethodHeader({ title, badges, signature, children }: MethodHeaderProps) {
+export function MethodHeader({ title, badges, signature, children, level }: MethodHeaderProps) {
+  const Heading = level ?? 'h5';
   return (
     <div className={style.MethodHeader}>
-      <h5 className={style.MethodTitle}>{title}</h5>
+      <Heading className={style.MethodTitle}>{title}</Heading>
       {badges && <div className={style.MethodBadges}>{badges}</div>}
       {signature}
       {children}

package/src/components/overview.tsx

@@ -58,6 +58,7 @@ export function SDKMethodSummary({ method }: SDKMethodSummaryProps) {
 
   return (
     <Docs.MethodHeader
+      level="h5"
       title={<Docs.Link stainlessPath={method.stainlessPath}>{method.summary ?? method.title}</Docs.Link>}
       signature={<Lang.MethodSignature decl={decl} />}
       badges={method.deprecated && <Docs.Badge id="deprecated">Deprecated</Docs.Badge>}

package/src/components/sdk.tsx

@@ -243,6 +243,7 @@ export function SDKMethodHeader({ method }: SDKMethodProps) {
 
   return (
     <Docs.MethodHeader
+      level="h1"
       title={method.summary ?? method.title}
       signature={<Lang.MethodSignature decl={decl} />}
       badges={method.deprecated && <Docs.Badge id="deprecated">Deprecated</Docs.Badge>}
@@ -383,9 +384,9 @@ export function SDKLanguageBlock({ language, version, install, links }: SDKLangu
 
       <div className={style.LanguageBlockInstall} data-stldocs-copy-parent>
         <pre data-stldocs-copy-content>{install}</pre>{' '}
-        <button data-stldocs-snippet-copy>
+        <Button variant="ghost" size="sm" data-stldocs-snippet-copy>
           <Copy size={16} className={style.Icon} />
-        </button>
+        </Button>
       </div>
 
       <div className={style.LanguageBlockLinks}>

package/src/components/snippets.tsx

@@ -6,6 +6,7 @@ import style from '../style';
 import clsx from 'clsx';
 import type * as SDKJSON from '~/lib/json-spec-v2/types';
 import type { TransformRequestSnippetFn } from './sdk';
+import { Button } from '@stainless-api/ui-primitives';
 
 export type SnippetCodeProps = {
   content: string;
@@ -90,9 +91,9 @@ export function Snippet({ requestTitle, method, transformRequestSnippet }: Snipp
                 <h5>{method.summary}</h5>
               </div>
               <div className={style.SnippetRequestTitleContent}>{requestTitle}</div>
-              <button data-stldocs-snippet-copy className={style.SnippetRequestTitleCopyButton}>
+              <Button variant="ghost" data-stldocs-snippet-copy>
                 <CopyButtonIcon size={16} className={style.Icon} onClick={handleCopy} />
-              </button>
+              </Button>
             </div>
             <Docs.SnippetCode content={snippet} signature={signature} />
           </div>

package/src/search/results.tsx

@@ -109,6 +109,7 @@ export function SearchResultContent({ result }: SearchResultProps) {
       return (
         <>
           <Docs.MethodHeader
+            level="h5"
             title={<Highlight result={result} name={result.summary ? 'summary' : 'title'} />}
             signature={result['qualified'] && <Highlight result={result} name={'qualified'} />}
           >

package/src/style.ts

@@ -55,7 +55,6 @@ export default {
   SnippetRequestTitleLabel: 'stldocs-snippet-request-title-label',
   SnippetRequestTitleLanguage: 'stldocs-snippet-request-title-language',
   SnippetRequestTitleMethod: 'stldocs-snippet-request-title-method',
-  SnippetRequestTitleCopyButton: 'stldocs-snippet-request-title-copy-button',
 
   SnippetResponse: 'stldocs-snippet-response',
   SnippetMultiResponse: 'stldocs-snippet-multi-response',