@stainless-api/docs-ui 0.1.0-beta.29 → 0.1.0-beta.30

package/dist/{style-BWu-Pqcm.d.ts → style-BEMLtSIK.d.ts}

@@ -167,16 +167,6 @@ declare const _default: {
   readonly BreadcrumbsItem: "stldocs-breadcrumbs-item";
   readonly BreadcrumbsLink: "stldocs-breadcrumbs-link";
   readonly BreadcrumbsNonLink: "stldocs-breadcrumbs-non-link";
-  readonly Dropdown: "stldocs-dropdown";
-  readonly DropdownTrigger: "stldocs-dropdown-trigger";
-  readonly DropdownTriggerContent: "stldocs-dropdown-trigger-content";
-  readonly DropdownChevron: "stldocs-dropdown-chevron";
-  readonly DropdownMenu: "stldocs-dropdown-menu";
-  readonly DropdownItem: "stldocs-dropdown-item";
-  readonly DropdownItemLink: "stldocs-dropdown-item-link";
-  readonly Button: "stldocs-button";
-  readonly ButtonSecondary: "stldocs-button-secondary";
-  readonly ButtonIcon: "stldocs-button-icon";
 };
 //#endregion
 export { _default as t };

package/dist/{style-CkbsakoF.js → style-CPgcT0Fw.js}

@@ -166,17 +166,7 @@ var style_default = {
 	Breadcrumbs: "stldocs-breadcrumbs",
 	BreadcrumbsItem: "stldocs-breadcrumbs-item",
 	BreadcrumbsLink: "stldocs-breadcrumbs-link",
-	BreadcrumbsNonLink: "stldocs-breadcrumbs-non-link",
-	Dropdown: "stldocs-dropdown",
-	DropdownTrigger: "stldocs-dropdown-trigger",
-	DropdownTriggerContent: "stldocs-dropdown-trigger-content",
-	DropdownChevron: "stldocs-dropdown-chevron",
-	DropdownMenu: "stldocs-dropdown-menu",
-	DropdownItem: "stldocs-dropdown-item",
-	DropdownItemLink: "stldocs-dropdown-item-link",
-	Button: "stldocs-button",
-	ButtonSecondary: "stldocs-button-secondary",
-	ButtonIcon: "stldocs-button-icon"
+	BreadcrumbsNonLink: "stldocs-breadcrumbs-non-link"
 };
 
 //#endregion

package/dist/style.d.ts

@@ -1,2 +1,2 @@
-import { t as _default } from "./style-BWu-Pqcm.js";
+import { t as _default } from "./style-BEMLtSIK.js";
 export { _default as default };

package/dist/style.js

@@ -1,3 +1,3 @@
-import { t as style_default } from "./style-CkbsakoF.js";
+import { t as style_default } from "./style-CPgcT0Fw.js";
 
 export { style_default as default };

package/dist/styles/main.css

@@ -579,7 +579,7 @@
       position: relative;
 
       .stldocs-snippet-code {
-        background-color: var(--stldocs-color-bg);
+        background-color: var(--stldocs-color-gray-8);
         border-bottom-left-radius: 12px;
         border-bottom-right-radius: 12px;
       }
@@ -698,6 +698,7 @@
     line-height: 1.75;
     transition: height 240ms ease;
     will-change: height;
+    background-color: var(--stldocs-color-gray-8);
 
     .shiki {
       padding: 1rem;
@@ -734,30 +735,30 @@
 
     .stldocs-snippet-response-tab-item {
       flex: 1;
-      display: inline-block;
-      text-align: center;
-      padding: 0 0.5rem;
       border-bottom: 2px solid transparent;
-      cursor: pointer;
-      font-weight: 500;
-      line-height: 100%;
-      font-size: var(--stldocs-font-size-body);
-      font-family: var(--stldocs-font);
-      height: 40px;
       min-width: 160px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      vertical-align: middle;
-      background: none;
+      height: 40px;
+
+      button {
+        width: 100%;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        vertical-align: middle;
+        color: var(--stldocs-color-text-secondary);
+      }
 
-      &:hover {
-        background-color: var(--stldocs-color-bg-hover);
+      button:hover {
+        background-color: #ebebeb;
       }
     }
 
     .stldocs-snippet-response-tab-item-active {
       border-color: var(--stldocs-color-bg-accent);
+
+      button {
+        color: var(--stldocs-color-text);
+      }
     }
 
     &.stldocs-snippet-response-tab-single-return {
@@ -768,9 +769,16 @@
       .stldocs-snippet-response-tab-item {
         border: none;
         color: var(--stldocs-color-text-secondary);
-        text-align: left;
-        cursor: default;
         font-weight: 400;
+
+        button {
+          justify-content: flex-start;
+          cursor: default;
+
+          &:hover {
+            background-color: unset;
+          }
+        }
       }
     }
   }
@@ -917,7 +925,7 @@ starlight-theme-select select {
         padding: 0.5rem;
         display: flex;
         flex-direction: column;
-        background-color: var(--stldocs-color-bg-inline-code);
+        background-color: var(--stldocs-color-gray-8);
 
         .stldocs-snippet-response {
           display: block;
@@ -986,4 +994,27 @@ starlight-theme-select select {
       }
     }
   }
+
+  :root[data-theme='dark'] {
+    .stldocs-root {
+      .stldocs-method.stldocs-method-double-pane .stldocs-method-body {
+        .stldocs-snippet {
+          background-color: var(--stldocs-color-gray-9);
+        }
+
+        .stldocs-snippet-response-tab {
+          .stldocs-snippet-response-tab-item {
+            button:hover {
+              background-color: #222222;
+            }
+          }
+        }
+      }
+
+      .stldocs-snippet-code {
+        background-color: var(--stldocs-color-gray-9);
+      }
+    }
+  }
 }
+

package/dist/styles/primitives.css

@@ -390,3 +390,4 @@
     }
   }
 }
+

package/dist/styles/resets.css

@@ -37,3 +37,4 @@
     margin-top: 0;
   }
 }
+

package/dist/styles/search.css

@@ -357,3 +357,4 @@
     }
   }
 }
+

package/dist/styles/sidebar.css

@@ -83,3 +83,4 @@
     }
   }
 }
+

package/dist/styles/snippets.css

@@ -128,3 +128,4 @@
     }
   }
 }
+

package/dist/styles/variables.css

@@ -11,6 +11,7 @@
   --stldocs-color-gray-6: #272727;
   --stldocs-color-gray-7: #181818;
   --stldocs-color-gray-8: #161616;
+  --stldocs-color-gray-9: #151515;
 
   --stldocs-color-accent-low: #974703;
   --stldocs-color-accent-high: #fdc99c;
@@ -84,3 +85,4 @@
   --stldocs-expander-right-margin: 8px;
   --stldocs-title-padding-y: 2.5rem;
 }
+

package/dist/{types-BLgvxY4i.d.ts → types-DNSz4kuM.d.ts}

@@ -1,4 +1,4 @@
-import { t as DocsLanguage } from "./routing-BE6Vrs-z.js";
+import { t as DocsLanguage } from "./routing-DNN8R6bZ.js";
 import * as SDKJSON from "@stainless/sdk-json";
 
 //#region src/search/types.d.ts

package/dist/{use-components-DI-AbT-D.js → use-components-BHEwm0mE.js}

@@ -1,4 +1,4 @@
-import { i as useComponents } from "./component-generics-Df4EDvxk.js";
+import { i as useComponents } from "./component-generics-D3ybuN5r.js";
 
 //#region src/contexts/use-components.tsx
 const useComponents$1 = () => useComponents();

package/dist/{utils-BhYTrLot.js → utils-2FmcHPHp.js}

@@ -1,5 +1,5 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
-import { f as parseStainlessPath } from "./routing-C8oZYLsf.js";
+import { t as __export } from "./chunk-DsStOjWQ.js";
+import { f as parseStainlessPath } from "./routing-8itEXLx6.js";
 
 //#region src/utils.ts
 var utils_exports = /* @__PURE__ */ __export({

package/dist/{utils-B9JL_XWH.d.ts → utils-DVi3gJLL.d.ts}

@@ -1,5 +1,5 @@
-import { t as DocsLanguage } from "./routing-BE6Vrs-z.js";
-import { C as TransformRequestSnippetFn } from "./sdk-D2x2l6JH.js";
+import { t as DocsLanguage } from "./routing-DNN8R6bZ.js";
+import { C as TransformRequestSnippetFn } from "./sdk-BVQyp5Dw.js";
 import * as SDKJSON from "@stainless/sdk-json";
 
 //#region src/markdown/utils.d.ts

package/dist/utils.d.ts

@@ -1,2 +1,2 @@
-import { n as getResourceFromSpec, r as isResourceEmpty, t as flatResources } from "./utils-DlayebL1.js";
+import { n as getResourceFromSpec, r as isResourceEmpty, t as flatResources } from "./utils-D43p_yTd.js";
 export { flatResources, getResourceFromSpec, isResourceEmpty };

package/dist/utils.js

@@ -1,4 +1,4 @@
-import "./routing-C8oZYLsf.js";
-import { n as getResourceFromSpec, r as isResourceEmpty, t as flatResources } from "./utils-BhYTrLot.js";
+import "./routing-8itEXLx6.js";
+import { n as getResourceFromSpec, r as isResourceEmpty, t as flatResources } from "./utils-2FmcHPHp.js";
 
 export { flatResources, getResourceFromSpec, isResourceEmpty };

package/package.json

@@ -1,15 +1,67 @@
 {
   "name": "@stainless-api/docs-ui",
   "private": false,
-  "version": "0.1.0-beta.29",
+  "version": "0.1.0-beta.30",
   "publishConfig": {
     "access": "public"
   },
   "type": "module",
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
+  "exports": {
+    ".": {
+      "default": "./dist/index.js"
+    },
+    "./routing": {
+      "default": "./dist/routing.js"
+    },
+    "./utils": {
+      "default": "./dist/utils.js"
+    },
+    "./components": {
+      "default": "./dist/components/index.js"
+    },
+    "./components/scripts/*": {
+      "default": "./dist/components/scripts/*.js"
+    },
+    "./components/*": {
+      "default": "./dist/components/*.js"
+    },
+    "./languages": {
+      "default": "./dist/languages/index.js"
+    },
+    "./languages/*": {
+      "default": "./dist/languages/*.js"
+    },
+    "./contexts": {
+      "default": "./dist/contexts/index.js"
+    },
+    "./contexts/*": {
+      "default": "./dist/contexts/*.js"
+    },
+    "./style": {
+      "default": "./dist/style.js"
+    },
+    "./styles/*": {
+      "default": "./dist/styles/*"
+    },
+    "./markdown": {
+      "default": "./dist/markdown/index.js"
+    },
+    "./markdown/*": {
+      "default": "./dist/markdown/*.js"
+    },
+    "./search": {
+      "default": "./dist/search/index.js"
+    },
+    "./search/types": {
+      "default": "./dist/search/types.js"
+    },
+    "./search/providers/*": {
+      "default": "./dist/search/providers/*.js"
+    }
+  },
   "peerDependencies": {
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
@@ -22,25 +74,26 @@
     "clsx": "^2.1.1",
     "fuse.js": "^7.1.0",
     "htmlparser2": "^10.0.0",
-    "lucide-react": "^0.544.0",
+    "lucide-react": "^0.553.0",
     "natural": "^8.0.1",
-    "@stainless-api/ui-primitives": "0.1.0-beta.22"
+    "@stainless-api/ui-primitives": "0.1.0-beta.23"
   },
   "devDependencies": {
-    "@types/node": "^24.4.0",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
+    "@types/node": "24.5.1",
+    "@types/react": "^19.2.4",
+    "@types/react-dom": "^19.2.3",
     "dotenv": "17.2.3",
-    "esbuild": "^0.25.4",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
+    "tsdown": "^0.16.4",
     "tsx": "^4.20.3",
     "typescript": "5.9.3",
     "@stainless/eslint-config": "0.1.0-beta.0",
     "@stainless/sdk-json": "^0.1.0-beta.0"
   },
   "scripts": {
-    "build": "node build.js",
+    "build": "tsdown",
+    "clean": "rm -rf dist",
     "lint": "eslint .",
     "check:types": "tsc --noEmit"
   }

package/dist/components/dropdown.d.ts

@@ -1,2 +0,0 @@
-import { i as DropdownTrigger, n as DropdownItem, r as DropdownMenu, t as Dropdown } from "../dropdown-Dv9VAYCW.js";
-export { Dropdown, DropdownItem, DropdownMenu, DropdownTrigger };

package/dist/components/dropdown.js

@@ -1,4 +0,0 @@
-import "../style-CkbsakoF.js";
-import { i as DropdownTrigger, n as DropdownItem, r as DropdownMenu, t as Dropdown } from "../dropdown-kUhwBigR.js";
-
-export { Dropdown, DropdownItem, DropdownMenu, DropdownTrigger };

package/dist/components/scripts/dropdown.d.ts

@@ -1,12 +0,0 @@
-//#region src/components/scripts/dropdown.d.ts
-declare function initDropdown({
-  dropdownId,
-  onSelect,
-  isFixed
-}: {
-  dropdownId: string;
-  onSelect?: (value: string) => void;
-  isFixed?: boolean;
-}): void;
-//#endregion
-export { initDropdown };

package/dist/components/scripts/dropdown.js

@@ -1,50 +0,0 @@
-//#region src/components/scripts/dropdown.ts
-function initDropdown({ dropdownId, onSelect, isFixed }) {
-	const dropdown = document.getElementById(dropdownId);
-	if (!dropdown) return;
-	const button = dropdown.querySelector("button");
-	const menu = dropdown.querySelector(".stldocs-dropdown-menu");
-	if (!button || !menu) return;
-	let isOpen = false;
-	function toggleDropdown() {
-		if (!button || !menu) return;
-		isOpen = !isOpen;
-		if (isOpen) {
-			if (isFixed) {
-				const buttonRect = button.getBoundingClientRect();
-				menu.style.top = `${buttonRect.bottom}px`;
-				menu.style.left = `${buttonRect.left}px`;
-			}
-			menu.classList.add("open");
-			button.setAttribute("aria-expanded", "true");
-		} else {
-			menu.classList.remove("open");
-			button.setAttribute("aria-expanded", "false");
-		}
-	}
-	function closeDropdown() {
-		if (!button || !menu) return;
-		isOpen = false;
-		menu.classList.remove("open");
-		button.setAttribute("aria-expanded", "false");
-	}
-	button.addEventListener("click", () => {
-		toggleDropdown();
-	});
-	document.addEventListener("click", (e) => {
-		if (!dropdown.contains(e.target)) closeDropdown();
-	});
-	document.addEventListener("keydown", (e) => {
-		if (e.key === "Escape" && isOpen) closeDropdown();
-	});
-	menu.querySelectorAll(".stldocs-dropdown-item").forEach((item) => {
-		item.addEventListener("click", () => {
-			closeDropdown();
-			const selectedValue = item.getAttribute("data-dropdown-value");
-			if (selectedValue && onSelect) onSelect(selectedValue);
-		});
-	});
-}
-
-//#endregion
-export { initDropdown };