feat(Select): add bindings for select (#17)

* feat(Select): add bindings for select

* (fix): makeProps for select variant and size

Author: tjbo

README.md

@@ -29,25 +29,25 @@
 
 ## Installation
 
-Run the following in your favorit console: 
+Run the following in your favorit console:
 ```console
-yarn add rescript-chakra  
+yarn add rescript-chakra
 ```
 
 **OR**
-  
+
 ```console
-npm install --save rescript-chakra 
+npm install --save rescript-chakra
 ```
 
 **Don't forget** install dependencies requirements of `@chakra-ui/react` (Skip when exist)
-  
+
 ```console
 yarn add @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^4
 ```
 
 **OR**
-  
+
 ```console
 npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^4
 ```
@@ -73,7 +73,7 @@ import { Box } from "@chakra-ui/react"
 // sets margin `8px` on all viewports and `16px` from the first breakpoint and up
 <Box m={[2, 3]} />
 
-// ReScript 🟥 
+// ReScript 🟥
 open Chakra
 @react.component
 let make = () => <>
@@ -89,8 +89,8 @@ let make = () => <>
 Or you can check this [**Example**](https://github.com/ri7nz/rescript-chakra/tree/main/examples).
 
 # Docs
-All of Binding for Chakra-UI isn't completed, if you want to support this project, see the list below 🙌. 
-   
+All of Binding for Chakra-UI isn't completed, if you want to support this project, see the list below 🙌.
+
 ## Style Props
 This is following and closely same with Chakra-UI. [**See Style Props**](https://chakra-ui.com/docs/features/style-props#reference) and Implemented typed **Props** with typed **CSS-Properties** use [bs-css](https://github.com/giraud/bs-css/blob/cb242dbd08a00bd848faecb756a9ddce68d8707a/bs-css/src/Css_AtomicTypes.rei).
 
@@ -101,20 +101,20 @@ This is following and closely same with Chakra-UI. [**See Style Props**](https:/
 - [x] [Flexbox](https://chakra-ui.com/docs/features/style-props#flexbox)
 - [x] [Grid Layout](https://chakra-ui.com/docs/features/style-props#grid-layout)
 - [x] [Background](https://chakra-ui.com/docs/features/style-props#background)
-- [x] [Borders](https://chakra-ui.com/docs/features/style-props#borders) 
+- [x] [Borders](https://chakra-ui.com/docs/features/style-props#borders)
 - [x] [Border Radius](https://chakra-ui.com/docs/features/style-props#border-radius)
 - [x] [Position](https://chakra-ui.com/docs/features/style-props#position)
 - [x] [Shadow](https://chakra-ui.com/docs/features/style-props#shadow)
 - [x] [Pseudo](https://chakra-ui.com/docs/features/style-props#pseudo)
 - [ ] [Other Style Props](https://chakra-ui.com/docs/features/style-props#other-props) 🚧  (_Partially Implemented_)
 
 All of Style Props implementation is write in File:[Chakra__MakeProps.res](https://github.com/ri7nz/rescript-chakra/blob/main/src/Interfaces/Chakra__MakeProps.res)
-   
+
 ## Component
-   
+
 ### Layout
 - [x] Aspect Ratio
-- [x] Box 
+- [x] Box
 - [x] Center
   - [x] Square
   - [x] Circle
@@ -141,7 +141,7 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https
 - [ ] Number Input
 - [ ] Pin Input
 - [ ] Radio
-- [ ] Select
+- [x] Select
 - [ ] Slider
 - [ ] Switch
 - [ ] Textarea
@@ -239,8 +239,8 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https
 - [ ] useTheme
 - [ ] useToken
 
-# Contribution 
-## Make a Pull Request 
+# Contribution
+## Make a Pull Request
 * Please, refer with [conventionalcommits.org](https://www.conventionalcommits.org) for write `commit` message.
 
 ## Make a new component binding
@@ -256,5 +256,5 @@ hygen Box new --name Flex
 ```
 
 # Acknowledgement
-* [**chakra-ui/chakra-ui**](https://github.com/chakra-ui/chakra-ui) ⚡️ Simple, Modular & Accessible UI Components for your React Applications 
+* [**chakra-ui/chakra-ui**](https://github.com/chakra-ui/chakra-ui) ⚡️ Simple, Modular & Accessible UI Components for your React Applications
 * [**giraud/bs-css**](https://github.com/giraud/bs-css) Statically typed DSL for writing css in reason.

src/Chakra.res

@@ -44,7 +44,7 @@ module ButtonGroup = Chakra__ButtonGroup
 // module Number Input = Chakra__Input;
 // module Pin Input = Chakra__Input;
 // module Radio = Chakra__Radio;
-// module Select = Chakra__Select;
+module Select = Chakra__Select
 // module Slider = Chakra__Slider;
 // module Switch = Chakra__Switch;
 // module Textarea = Chakra__Textarea;