Update types

packages/components/src/custom-select/index.tsx

@@ -9,13 +9,13 @@ import * as Ariakit from '@ariakit/react';
 // import { type CustomSelectProps } from './types';
 import { CustomSelectButton, CustomSelectPopover } from './styles';
 import CustomSelectItem from './custom-select-item';
+import type { CustomSelectProps } from './types';
 
-function CustomSelect( props: any ) {
-	const { children, defaultValue, label, onChange, value } = props;
+function CustomSelect( props: CustomSelectProps ) {
+	const { children, defaultValue, label, onChange } = props;
 
 	const store = Ariakit.useSelectStore( {
 		setValue: ( nextValue ) => onChange?.( nextValue ),
-		value,
 		defaultValue,
 	} );
 

packages/components/src/custom-select/types.ts

@@ -1,13 +1,34 @@
 // TO DO
 export type CustomSelectProps = {
+	/**
+	 * The children elements. This should be composed
+	 * of CustomSelect.Item components.
+	 */
 	children: React.ReactNode;
+	/**
+	 * An optional default value for the control.
+	 * If left undefined, the first non-disabled
+	 * item will be used
+	 */
 	defaultValue?: any;
+	/**
+	 * Label for the control.
+	 */
 	label?: string;
+	/**
+	 * A function that receives the new value of the input.
+	 */
 	onChange?: Function;
-	value?: string;
 };
 
 export type CustomSelectItemProps = {
+	/**
+	 * The children elements to be displayed for the select options.
+	 */
 	children: React.ReactNode;
+	/**
+	 * The current value of the select. Can be used in lieu of
+	 * children if only a string is needed.
+	 */
 	value?: any;
 };