Merge pull request #7 from itsmeadarsh2008/dev

Author: itsmeadarsh2008

examples/examples/examples.py

@@ -20,15 +20,22 @@ def set_description(self, value: str):
     def change_body(self, value: str):
         self.description = "It is animated by default. Wrapper over @heroui"
 
+
 def index() -> rx.Component:
     return rx.container(
         hero.provider(
             # hero.theme(),
             rx.vstack(
-                hero.avatar(
-                    name="John Doe",
-                    size="lg",
-                    src="https://api.dicebear.com/9.x/glass/svg?seed=Kingston",
+                hero.badge(
+                    hero.avatar(
+                        name="John Doe",
+                        size="lg",
+                        src="https://api.dicebear.com/9.x/glass/svg?seed=Kingston",
+                    ),
+                    content="1",
+                ),
+                hero.snippet(
+                    rx.el.span("echo 'Hello, World!'"),
                 ),
                 hero.alert(
                     color="success",
@@ -37,17 +44,9 @@ def index() -> rx.Component:
                     # variant="solid",
                 ),
                 rx.flex(
-                    hero.button(
-                        "Increment",
-                        on_press=State.increment,
-                        color="success"
-                    ),
+                    hero.button("Increment", on_press=State.increment, color="success"),
                     rx.text(State.count),
-                    hero.button(
-                        "Decrement",
-                        on_press=State.decrement,
-                        color="danger"
-                    ),
+                    hero.button("Decrement", on_press=State.decrement, color="danger"),
                     align="center",
                     margin="auto",
                     gap="1rem",
@@ -79,12 +78,14 @@ def index() -> rx.Component:
                     is_blurred=True,
                     is_zoomed=True,
                 ),
-                hero.chip("v1.0.0 has been released!", variant="faded", color="success"),
+                hero.chip(
+                    "v1.0.0 has been released!", variant="faded", color="success"
+                ),
                 hero.code("uv pip install heroui-provider"),
                 hero.spinner(
                     size="lg",
                     variant="default",
-                )
+                ),
             ),
         )
     )

heroui/__init__.py

@@ -17,6 +17,8 @@
 from src.switch import *
 from src.chip import *
 from src.code import *
+from src.badge import *
+from src.snippet import *
 
 # Import provider related components
 from src.provider import *

pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "heroui-provider"
-version = "0.1.4"
+version = "0.1.5"
 description = "Hero UI - Modern UI components for Reflex Web Framework"
 readme = "README.md"
 authors = [

src/badge/__init__.py

@@ -0,0 +1,3 @@
+from .badge import Badge
+
+badge = Badge.create

src/badge/badge.py

@@ -0,0 +1,26 @@
+import reflex as rx
+from typing import Any, Literal, Optional, Union
+
+lib_deps: list = ["@heroui/theme", "@heroui/system", "framer-motion"]
+
+
+class Badge(rx.Component):
+    library = "@heroui/badge"
+    lib_dependencies: list = lib_deps
+    tag = "Badge"
+    content: rx.Var[Union[str, int, Any]]
+    variant: rx.Var[Literal["solid", "flat", "faded", "shadow"]] = "solid"
+    color: rx.Var[
+        Literal["default", "primary", "secondary", "success", "warning", "danger"]
+    ] = "default"
+    size: rx.Var[Literal["sm", "md", "lg"]] = "md"
+    shape: rx.Var[Literal["circle", "rectangle"]] = "rectangle"
+    placement: rx.Var[
+        Literal["top-right", "top-left", "bottom-right", "bottom-left"]
+    ] = "top-right"
+    show_outline: rx.Var[bool] = True
+    disable_outline: rx.Var[bool] = False
+    disable_animation: rx.Var[bool] = False
+    is_invisible: rx.Var[bool] = False
+    is_one_char: rx.Var[bool] = False
+    is_dot: rx.Var[bool] = False

src/snippet/__init__.py

@@ -0,0 +1,3 @@
+from .snippet import Snippet
+
+snippet = Snippet.create

src/snippet/snippet.py

@@ -0,0 +1,60 @@
+import reflex as rx
+from typing import Any, Literal, Optional, Union
+
+
+lib_deps: list = ["@heroui/theme", "@heroui/system", "framer-motion"]
+
+
+# Type aliases for component props
+TooltipProps = dict[str, Any]
+"""Type for tooltip component properties."""
+
+ButtonProps = dict[str, Any]
+"""Type for button component properties."""
+
+
+class Snippet(rx.Component):
+    """A code snippet component with copy functionality and customizable appearance.
+
+    Attributes:
+        library: The library the component belongs to.
+        lib_dependencies: Dependencies required by the component.
+        tag: The tag name for the component.
+        size: The size of the snippet component.
+        radius: The border radius of the snippet.
+        symbol: The symbol to display before the code (string or ReactNode).
+        timeout: The timeout duration for copy feedback in milliseconds.
+        code_string: The code string to be copied to clipboard.
+        tooltip_props: Additional props for the tooltip component.
+        copy_icon: Custom icon for the copy button.
+        check_icon: Custom icon shown after successful copy.
+        disable_tooltip: Whether to disable the tooltip.
+        disable_copy: Whether to disable copy functionality.
+        hide_copy_button: Whether to hide the copy button.
+        hide_symbol: Whether to hide the symbol.
+        copy_button_props: Additional props for the copy button.
+        disable_animation: Whether to disable animations.
+    """
+
+    library = "@heroui/snippet"
+    lib_dependencies: list = lib_deps
+    tag = "Snippet"
+
+    # Props
+    size: rx.Var[Literal["sm", "md", "lg"]] = "md"
+    radius: rx.Var[Literal["none", "sm", "md", "lg"]] = "lg"
+    symbol: rx.Var[Union[str, Any]] = "$"
+    timeout: rx.Var[int] = 2000
+    code_string: rx.Var[Optional[str]]
+    tooltip_props: rx.Var[Optional[TooltipProps]]
+    copy_icon: rx.Var[Optional[Any]]
+    check_icon: rx.Var[Optional[Any]]
+    disable_tooltip: rx.Var[bool] = False
+    disable_copy: rx.Var[bool] = False
+    hide_copy_button: rx.Var[bool] = False
+    hide_symbol: rx.Var[bool] = False
+    copy_button_props: rx.Var[Optional[ButtonProps]]
+    disable_animation: rx.Var[bool] = False
+
+    # Events
+    on_copy: rx.EventHandler[lambda e: [e]]