@capitaltg/vero 1.9.0 → 1.10.0

package/dist/types/index.d.ts

@@ -58,20 +58,27 @@ declare type AlertSize = 'sm' | 'default';
 
 declare type AlertVariant = 'success' | 'warning' | 'danger' | 'info';
 
-export declare const Autocomplete: default_2.ForwardRefExoticComponent<AutocompleteProps & default_2.RefAttributes<HTMLButtonElement>>;
+export declare const Autocomplete: <T, K extends keyof T, L extends keyof T>(props: AutocompleteProps<T, K, L> & {
+    ref?: default_2.ForwardedRef<HTMLButtonElement>;
+}) => default_2.ReactElement;
 
 declare type AutocompleteFormAttributes = Pick<React.SelectHTMLAttributes<HTMLSelectElement>, 'name' | 'required' | 'autoFocus'>;
 
-export declare interface AutocompleteOption {
-    value: string;
-    label: string;
-}
-
-export declare interface AutocompleteProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'disabled'>, AutocompleteFormAttributes {
-    loadOptions?: (inputValue: string) => Promise<AutocompleteOption[]>;
-    options?: AutocompleteOption[];
-    value: string;
-    onChange: (value: string) => void;
+export declare interface AutocompleteProps<T, K extends keyof T, L extends keyof T> extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'disabled' | 'value'>, AutocompleteFormAttributes {
+    loadOptions?: (inputValue: string) => Promise<T[]>;
+    options?: T[];
+    value: T[K] | '';
+    /**
+     * The key to use for the value property in option objects.
+     * Must be a key of T.
+     */
+    valueKey: K;
+    /**
+     * The key to use for the label property in option objects.
+     * Must be a key of T.
+     */
+    labelKey: L;
+    onChange: (value: T[K]) => void;
     placeholder?: string;
     emptyMessage?: string;
     className?: string;
@@ -83,6 +90,12 @@ export declare interface AutocompleteProps extends Omit<ButtonHTMLAttributes<HTM
     errorMessage?: string;
     zIndex?: number;
     isDisabled?: boolean;
+    /**
+     * Custom render function for each option.
+     * Receives the option of type T and returns a React node.
+     * If not provided, defaults to rendering a Check icon and the option label.
+     */
+    renderOption?: (option: T, isSelected: boolean) => React.ReactNode;
     /**
      * The name attribute for form submission.
      * This is required for the autocomplete value to be included in form data.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capitaltg/vero",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "Accessible, modern, open source React component library inspired by USWDS built with Radix UI",
   "type": "module",
   "main": "dist/index.js",