@kingsimba/nc-ui 0.1.34 → 0.1.35

package/dist/index.d.ts

@@ -379,7 +379,7 @@ declare interface CloseButtonProps {
 
 export declare function cn(...inputs: ClassValue[]): string;
 
-export declare function ComboBox({ value, onChange, placeholder, options, disabled, label, clearable, allowTyping, placement, size, appearance, textAlign, style, className, }: ComboBoxProps): JSX_2.Element;
+export declare function ComboBox({ value, onChange, placeholder, options, candidates, renderOption, renderSelected, selectedOption, disabled, label, clearable, allowTyping, placement, size, appearance, textAlign, style, className, }: ComboBoxProps): JSX_2.Element;
 
 export declare type ComboBoxOption = {
     label: string;
@@ -394,15 +394,23 @@ export declare interface ComboBoxProps {
     onChange?: (value: string | undefined) => void;
     /** Placeholder text when no value selected */
     placeholder?: string;
-    /** Available options */
-    options: ComboBoxOption[];
+    /** Available options for static lists */
+    options?: ComboBoxOption[];
+    /** Async function to fetch options based on typed query. Enables server-side search (implies allowTyping). */
+    candidates?: (query: string) => Promise<ComboBoxOption[]>;
+    /** Custom render for each option in the dropdown. Receives the option, index, and whether it is highlighted. */
+    renderOption?: (option: ComboBoxOption, index: number, highlighted: boolean) => default_2.ReactNode;
+    /** Custom render for the selected item in the input area. Receives the selected option. Useful when options have icons or rich data. */
+    renderSelected?: (option: ComboBoxOption) => default_2.ReactNode;
+    /** Provides the full option data for the current `value`. Useful in `candidates` mode when the initial option isn't in the loaded list yet. */
+    selectedOption?: ComboBoxOption;
     /** Whether the combobox is disabled */
     disabled?: boolean;
     /** Label text */
     label?: string;
     /** Whether the selection can be cleared */
     clearable?: boolean;
-    /** Whether typing to filter is allowed */
+    /** Whether typing to filter is allowed (ignored when candidates is provided) */
     allowTyping?: boolean;
     /** Dropdown placement preference */
     placement?: 'top' | 'bottom';