feat(HStack, VStack, WrapItem): add bindings for HStack, VStack, & WrapItem

Author: r17x

README.md

@@ -124,8 +124,10 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https
   - [ ] GridItem
 - [x] SimpleGrid
 - [x] Stack
+  - [x] VStack
+  - [x] HStack
 - [x] Wrap
-  - [ ] WrapItem
+  - [x] WrapItem
 
 ### Forms
 - [x] Button

src/Chakra.res

@@ -1,4 +1,6 @@
+// ## API
 let pseudo = Chakra__MakeProps.Pseudo.make
+// ## Components
 module Provider = {
   @module("@chakra-ui/react") @react.component
   external make: (
@@ -21,13 +23,19 @@ module Circle = Chakra__Circle
 module Container = Chakra__Container
 module Flex = Chakra__Flex
 module Grid = Chakra__Grid
+// TODO Layout
+// module GridItem = Chakra__GridItem
 module SimpleGrid = Chakra__SimpleGrid
 module Stack = Chakra__Stack
+module VStack = Chakra__VStack
+module HStack = Chakra__HStack
 module Wrap = Chakra__Wrap
+module WrapItem = Chakra__WrapItem
 
 // ### Forms
 module Button = Chakra__Button
 module ButtonGroup = Chakra__ButtonGroup
+// TODO Forms
 // module Checkbox = Chakra__Checkbox;
 // module Editable = Chakra__Editable;
 // module Form Control = Chakra__Control;
@@ -47,12 +55,14 @@ module CloseButton = Chakra__CloseButton
 module Code = Chakra__Code
 module Divider = Chakra__Divider
 module Kbd = Chakra__Kbd
+// TODO Data Display
 // module List = Chakra__List;
 // module Stat = Chakra__Stat;
 // module Table = Chakra__Table;
 // module Tag = Chakra__Tag;
 
 // ### Feedback
+// TODO Feedback
 // module Alert = Chakra__Alert;
 // module Circular Progress = Chakra__Progress;
 // module Progress = Chakra__Progress;
@@ -61,10 +71,12 @@ module Kbd = Chakra__Kbd
 // module Toast = Chakra__Toast;
 
 // ### Typography
+// TODO Typography
 // module Text = Chakra__Text;
 // module Heading = Chakra__Heading;
 
 // ### Overlay
+// TODO Overlay
 // module Alert Dialog = Chakra__Dialog;
 // module Drawer = Chakra__Drawer;
 // module Menu = Chakra__Menu;
@@ -73,25 +85,30 @@ module Kbd = Chakra__Kbd
 // module Tooltip = Chakra__Tooltip;
 
 // ### Disclosure
+// TODO Disclosure
 // module Accordion = Chakra__Accordion;
 // module Tabs = Chakra__Tabs;
 // module Visually Hidden = Chakra__Hidden;
 
 // ### Navigation
+// TODO Navigation
 // module Breadcrumb = Chakra__Breadcrumb;
 // module Link = Chakra__Link;
 // module LinkOverlay = Chakra__LinkOverlay;
 
 // ### Media and Icons
+// TODO Media and Icons
 // module Avatar = Chakra__Avatar;
 // module Icon = Chakra__Icon;
 // module Image = Chakra__Image;
 
 // ### Others
+// TODO Others
 // module Portal = Chakra__Portal;
 // module Transitions = Chakra__Transitions;
 
 // ### Hooks
+// TODO Hooks
 // let useBoolean = Chakra__Hooks.useBoolean;
 // let useBreakpointValue = Chakra__Hooks.useBreakpointValue;
 // let useClipboard = Chakra__Hooks.useClipboard;