@stainless-api/docs-search 0.1.0-beta.4 → 0.1.0-beta.6

package/dist/index.js

@@ -5,10 +5,11 @@ import { n as useSearch, r as useSearchContext } from "./context-CBTWkDal.js";
 import { t as guideSearch } from "./pagefind-Dcn-gjDe.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { BookOpenText, Box, Code, Folder, Search, Wrench, X } from "lucide-react";
+import { BookOpenText, Box, Code, Folder, Search, Wrench } from "lucide-react";
 import { useLanguage } from "@stainless-api/docs-ui/contexts";
 import { useComponents } from "@stainless-api/docs-ui/contexts/use-components";
 import style from "@stainless-api/docs-ui/style";
+import { Button } from "@stainless-api/ui-primitives";
 
 //#region src/results.tsx
 const QueryKindDisplay = {
@@ -244,10 +245,6 @@ function SearchForm() {
 			}
 		});
 	}
-	function clearInput() {
-		setSearchQuery("");
-		inputRef?.current?.focus();
-	}
 	React.useEffect(() => void performSearch(), [
 		searchQuery,
 		filterKind,
@@ -264,12 +261,6 @@ function SearchForm() {
 					size: 16,
 					className: style.Icon
 				}),
-				right: searchQuery && /* @__PURE__ */ jsx(X, {
-					cursor: "pointer",
-					onClick: () => clearInput(),
-					size: 16,
-					className: style.Icon
-				}),
 				value: searchQuery,
 				placeholder: "Search"
 			}),
@@ -287,13 +278,12 @@ function SearchForm() {
 	});
 }
 function SearchFilter({ results, filterKind, onChange }) {
-	const Docs = useComponents();
 	const { pageFind } = useSearchContext();
 	const toggles = pageFind ? QueryKinds : QueryKinds.slice(0, -1);
 	return /* @__PURE__ */ jsx("div", {
 		className: style.SearchFilter,
-		children: toggles.map((kind, index) => /* @__PURE__ */ jsxs(Docs.ToggleButton, {
-			selected: filterKind === kind,
+		children: toggles.map((kind, index) => /* @__PURE__ */ jsxs(Button, {
+			variant: filterKind === kind ? "accent" : "outline",
 			onClick: () => onChange?.(kind),
 			children: [
 				React.createElement(QueryKindDisplay[kind].icon, {
@@ -314,6 +304,13 @@ function SearchFilter({ results, filterKind, onChange }) {
 }
 function SearchModal({ id, open: isOpen }) {
 	const [open, setOpen] = React.useState(isOpen ?? false);
+	React.useEffect(() => {
+		if (open) document.body.style.overflow = "hidden";
+		else document.body.style.overflow = "";
+		return () => {
+			document.body.style.overflow = "";
+		};
+	}, [open]);
 	return /* @__PURE__ */ jsx("div", {
 		id,
 		onToggle: (ev) => setOpen(ev.newState === "open"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stainless-api/docs-search",
-  "version": "0.1.0-beta.4",
+  "version": "0.1.0-beta.6",
   "publishConfig": {
     "access": "public"
   },
@@ -13,22 +13,23 @@
     "react-dom": ">=19.0.0"
   },
   "dependencies": {
-    "@algolia/client-search": "^5.25.0",
+    "@algolia/client-search": "^5.46.1",
     "@markdoc/markdoc": "^0.5.4",
     "cheerio": "^1.1.2",
     "fuse.js": "^7.1.0",
     "htmlparser2": "^10.0.0",
-    "lucide-react": "^0.561.0",
-    "@stainless-api/docs-ui": "0.1.0-beta.52"
+    "lucide-react": "^0.562.0",
+    "@stainless-api/docs-ui": "0.1.0-beta.54",
+    "@stainless-api/ui-primitives": "0.1.0-beta.40"
   },
   "devDependencies": {
-    "@types/node": "24.10.3",
+    "@types/node": "24.10.4",
     "@types/react": "19.2.7",
     "@types/react-dom": "^19.2.3",
     "dotenv": "17.2.3",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "tsdown": "^0.18.0",
+    "tsdown": "^0.19.0-beta.3",
     "typescript": "5.9.3",
     "@stainless/eslint-config": "0.1.0-beta.1",
     "@stainless/sdk-json": "^0.1.0-beta.2"