Fixes to get reflex-web to work

README.md

@@ -1 +1,34 @@
-# reflex-chakra
+# reflex-chakra
+Use [reflex](https://reflex.dev/) with chakra-ui components.
+
+## Installation 
+
+```commandline
+pip install reflex-chakra
+```
+
+## Usage
+```python
+import reflex as rx
+import reflex_chakra as rc
+
+def index():
+   return rx.fragment(
+       rc.vstack(
+           rc.heading("This is a header"),
+           rc.center("This text is centered"),
+           rc.button(
+               "click me",
+               on_click=rx.toast("show toast!"),
+               bg="purple",
+               border_radius="0.5em",
+               pl="10px"
+           )
+       ),
+
+   )
+
+app = rx.App()
+app.add_page(index)
+```
+Visit the [docs](https://reflex.dev/docs/library/chakra/datadisplay/badge/) for more info of chakra-ui components.

reflex_chakra/components/__init__.py

@@ -1,5 +1,5 @@
 """Chakra components."""
-
+from . import media
 from .base import *
 from .datadisplay import *
 from .disclosure import *

reflex_chakra/components/media/avatar.py

@@ -2,7 +2,7 @@
 
 from __future__ import annotations
 
-from reflex_chakra.components import ChakraComponent, LiteralAvatarSize
+from reflex_chakra.components.base import ChakraComponent, LiteralAvatarSize
 from reflex.event import EventHandler
 from reflex.vars import Var
 

reflex_chakra/components/media/avatar.pyi

@@ -5,7 +5,7 @@
 # ------------------------------------------------------
 from typing import Any, Callable, Dict, Literal, Optional, Union, overload
 
-from reflex_chakra.components import ChakraComponent
+from reflex_chakra.components.base import ChakraComponent
 from reflex.event import EventHandler, EventSpec
 from reflex.style import Style
 from reflex.vars import BaseVar, Var

reflex_chakra/components/media/icon.py

@@ -2,7 +2,7 @@
 
 from typing import List
 
-from reflex_chakra.components import ChakraComponent
+from reflex_chakra.components.base import ChakraComponent
 from reflex.utils import format
 
 

reflex_chakra/components/media/image.py

@@ -4,7 +4,7 @@
 
 from typing import Any, Optional
 
-from reflex_chakra.components import ChakraComponent, LiteralImageLoading
+from reflex_chakra.components.base import ChakraComponent, LiteralImageLoading
 from reflex.components.component import Component
 from reflex.event import EventHandler
 from reflex.vars import Var

reflex_chakra/components/media/image.pyi

@@ -5,7 +5,7 @@
 # ------------------------------------------------------
 from typing import Any, Callable, Dict, Literal, Optional, Union, overload
 
-from reflex_chakra.components import ChakraComponent
+from reflex_chakra.components.base import ChakraComponent
 from reflex.components.component import Component
 from reflex.event import EventHandler, EventSpec
 from reflex.style import Style