@etoile-dev/react 0.2.2 → 0.2.3

package/README.md

@@ -223,6 +223,7 @@ Convenience component that composes all primitives.
 | `apiKey`       | `string`                                      | ✓        |         |
 | `collections`  | `string[]`                                    | ✓        |         |
 | `limit`        | `number`                                      |          | `10`    |
+| `debounceMs`   | `number`                                      |          | `100`   |
 | `renderResult` | `(result: SearchResultData) => React.ReactNode` |          |         |
 
 ---

package/dist/Search.d.ts

@@ -7,6 +7,8 @@ export type SearchProps = {
     collections: string[];
     /** Maximum number of results to return (default: 10) */
     limit?: number;
+    /** Debounce delay in milliseconds before triggering search (default: 100) */
+    debounceMs?: number;
     /** Placeholder text for the search input */
     placeholder?: string;
     /** Additional CSS class name (e.g., "dark" for dark mode) */
@@ -34,4 +36,4 @@ export type SearchProps = {
  * <Search apiKey="your-api-key" collections={["paintings"]} className="dark" />
  * ```
  */
-export declare const Search: ({ apiKey, collections, limit, placeholder, className, renderResult, baseUrl, }: SearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Search: ({ apiKey, collections, limit, debounceMs, placeholder, className, renderResult, baseUrl, }: SearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Search.js

@@ -26,6 +26,6 @@ const DefaultResult = (result) => (_jsxs(SearchResult, { children: [_jsx(SearchR
  * <Search apiKey="your-api-key" collections={["paintings"]} className="dark" />
  * ```
  */
-export const Search = ({ apiKey, collections, limit, placeholder = "Search...", className, renderResult, baseUrl, }) => {
-    return (_jsxs(SearchRoot, { apiKey: apiKey, collections: collections, limit: limit, className: className, baseUrl: baseUrl, children: [_jsxs("div", { className: "etoile-input-wrapper", children: [_jsx(SearchIcon, {}), _jsx(SearchInput, { placeholder: placeholder }), _jsx(SearchKbd, {})] }), _jsx(SearchResults, { children: renderResult ?? DefaultResult })] }));
+export const Search = ({ apiKey, collections, limit, debounceMs, placeholder = "Search...", className, renderResult, baseUrl, }) => {
+    return (_jsxs(SearchRoot, { apiKey: apiKey, collections: collections, limit: limit, debounceMs: debounceMs, className: className, baseUrl: baseUrl, children: [_jsxs("div", { className: "etoile-input-wrapper", children: [_jsx(SearchIcon, {}), _jsx(SearchInput, { placeholder: placeholder }), _jsx(SearchKbd, {})] }), _jsx(SearchResults, { children: renderResult ?? DefaultResult })] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etoile-dev/react",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Official React primitives for Étoile - Headless, composable search components",
   "keywords": [
     "etoile",
@@ -49,10 +49,10 @@
     "react": ">=18"
   },
   "dependencies": {
-    "@etoile-dev/client": "^0.2.0"
+    "@etoile-dev/client": "^0.3.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",
     "typescript": "^5.0.0"
   }
-}
+}