@me1a/ui 2.2.11 → 2.5.0

package/dist/index.d.mts

@@ -733,27 +733,27 @@ type ResizableHandleProps = ComponentProps<typeof ResizablePrimitive.PanelResize
     withHandle?: boolean;
 };
 
-type SelectOption = {
-    id: string;
+type SelectOption<T extends string | number = string | number> = {
+    id: T;
     label: string;
     startIcon?: React$1.ReactNode;
     endIcon?: React$1.ReactNode;
     className?: string;
     disabled?: boolean;
 };
-type SelectProps = {
+type SelectProps<T extends string | number = string | number> = {
     /** Whether the select is searchable */
     searchable?: boolean;
     /** Whether the select should take up the full width of its container */
     fullWidth?: boolean;
     /** Currently selected value */
-    value: string;
+    value: T;
     /** Array of options to display in the select */
-    options: SelectOption[];
+    options: SelectOption<T>[];
     /** Callback fired when the value changes */
-    onChange: (value: string) => void;
+    onChange: (value: T) => void;
     /** Render a custom CommandList for the select, if not provided, the select will render a default CommandList with the options */
-    renderCommandList?: (options: SelectOption[]) => React$1.ReactNode;
+    renderCommandList?: (options: SelectOption<T>[]) => React$1.ReactNode;
     /** Placeholder text to show when no value is selected */
     placeholder?: string;
     /** Whether the select is disabled */
@@ -786,7 +786,7 @@ type SelectProps = {
  * />
  * ```
  */
-declare function Select({ options, value, onChange, placeholder, disabled, required, error, className, fullWidth, searchable, id, renderCommandList }: SelectProps): react_jsx_runtime.JSX.Element;
+declare function Select<T extends string | number = string | number>({ options, value, onChange, placeholder, disabled, required, error, className, fullWidth, searchable, id, renderCommandList }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
 type MultiSelectOption = {
     id: string;