@clarlabs/ui 0.1.20 → 0.1.29

package/dist/index.d.ts

@@ -1166,6 +1166,48 @@ export declare interface RichSelectProps {
     className?: string;
 }
 
+export declare function Search({ onSearch, results, totalCount, pageSize, placeholder, loading, debounceMs, className }: SearchProps): default_2.JSX.Element;
+
+export declare interface SearchProps {
+    /** Callback when user searches or changes page. Hook to any data source (API, local filter, etc.) */
+    onSearch: (params: {
+        query: string;
+        page: number;
+        pageSize: number;
+    }) => void | Promise<void>;
+    /** Search results from your data source */
+    results: SearchResult[];
+    /** Total number of results (for pagination) */
+    totalCount: number;
+    /** Number of results per page */
+    pageSize?: number;
+    /** Search input placeholder */
+    placeholder?: string;
+    /** Loading state (e.g. when fetching from API) */
+    loading?: boolean;
+    /** Debounce delay in ms before firing onSearch (0 = no debounce) */
+    debounceMs?: number;
+    /** Custom class name */
+    className?: string;
+}
+
+export declare interface SearchResult {
+    /** Unique identifier */
+    id: string;
+    /** Result title */
+    title: string;
+    /** Result body/description */
+    body: string;
+    /** Optional tags to display next to title */
+    tags?: string[];
+    /** Click handler for custom behavior */
+    onClick?: () => void;
+    /** External link URL (use with newTab to open in new window) */
+    href?: string;
+    /** When href is set, open link in new tab (target="_blank") */
+    newTab?: boolean;
+}
+
 export declare const Select: default_2.ForwardRefExoticComponent<SelectProps & default_2.RefAttributes<HTMLSelectElement>>;
 
 export declare interface SelectOption {
@@ -1189,7 +1231,7 @@ export declare type SelectSize = 'sm' | 'md' | 'lg';
 
 export declare type SelectVariant = 'default' | 'error' | 'success';
 
-export declare function SidePanel({ isOpen, onClose, title, children, footer, position, size, closeOnOverlayClick, showCloseButton, className }: SidePanelProps): default_2.JSX.Element | null;
+export declare function SidePanel({ isOpen, onClose, title, children, footer, position, size, closeOnOverlayClick, showCloseButton, className }: SidePanelProps): default_2.ReactPortal | null;
 
 export declare type SidePanelPosition = 'left' | 'right';