reflex 0.8.1a1__tar.gz → 0.8.1a2__tar.gz

{reflex-0.8.1a1 → reflex-0.8.1a2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: reflex
-Version: 0.8.1a1
+Version: 0.8.1a2
 Summary: Web apps in pure Python.
 Project-URL: homepage, https://reflex.dev
 Project-URL: repository, https://github.com/reflex-dev/reflex

{reflex-0.8.1a1 → reflex-0.8.1a2}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "reflex"
-version = "0.8.1a1"
+version = "0.8.1a2"
 description = "Web apps in pure Python."
 license.text = "Apache-2.0"
 authors = [

{reflex-0.8.1a1 → reflex-0.8.1a2}/reflex/components/__init__.pyi

@@ -15,6 +15,7 @@ from . import (
     plotly,
     radix,
     react_player,
+    react_router,
     recharts,
     sonner,
 )
@@ -34,6 +35,7 @@ __all__ = [
     "plotly",
     "radix",
     "react_player",
+    "react_router",
     "recharts",
     "sonner",
 ]

{reflex-0.8.1a1 → reflex-0.8.1a2}/reflex/components/core/banner.py

@@ -268,7 +268,9 @@ class WifiOffPulse(Icon):
         Returns:
             The icon component with default props applied.
         """
-        pulse_var = Var(_js_expr="pulse")
+        pulse_var = Var(r"keyframes({ from: { opacity: 0 }, to: { opacity: 1 } })").to(
+            str
+        )
         return super().create(
             "wifi_off",
             color=props.pop("color", "crimson"),
@@ -289,18 +291,6 @@ class WifiOffPulse(Icon):
         """
         return {"@emotion/react": [ImportVar(tag="keyframes")]}
 
-    def _get_custom_code(self) -> str | None:
-        return """
-const pulse = keyframes`
-    0% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
-`
-"""
-
 
 class ConnectionPulser(Div):
     """A connection pulser component."""

{reflex-0.8.1a1 → reflex-0.8.1a2}/reflex/components/core/upload.pyi

@@ -20,8 +20,8 @@ from reflex.vars.base import Var
 DEFAULT_UPLOAD_ID: str
 upload_files_context_var_data: VarData
 
-def upload_file(id_: str = DEFAULT_UPLOAD_ID) -> Var: ...
-def selected_files(id_: str = DEFAULT_UPLOAD_ID) -> Var: ...
+def upload_file(id_: str | Var[str] = DEFAULT_UPLOAD_ID) -> Var: ...
+def selected_files(id_: str | Var[str] = DEFAULT_UPLOAD_ID) -> Var: ...
 @CallableEventSpec
 def clear_selected_files(id_: str = DEFAULT_UPLOAD_ID) -> EventSpec: ...
 def cancel_upload(upload_id: str) -> EventSpec: ...

{reflex-0.8.1a1 → reflex-0.8.1a2}/reflex/components/el/__init__.pyi

@@ -3,6 +3,8 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 
+from reflex.components.react_router import link as a
+
 from . import elements
 from .elements.forms import (
     Button,
@@ -63,7 +65,6 @@ from .elements.inline import (
     Time,
     U,
     Wbr,
-    a,
     abbr,
     b,
     bdi,

{reflex-0.8.1a1 → reflex-0.8.1a2}/reflex/components/radix/primitives/accordion.py

@@ -431,6 +431,14 @@ class AccordionIcon(Icon):
         return super().create(tag="chevron_down", class_name=cls_name, **props)
 
 
+SLIDE_DOWN = Var(
+    r'keyframes({ from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" } })'
+)
+SLIDE_UP = Var(
+    r'keyframes({ from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 } })'
+)
+
+
 class AccordionContent(AccordionComponent):
     """An accordion component."""
 
@@ -464,44 +472,17 @@ class AccordionContent(AccordionComponent):
 
         return super().create(*children, class_name=cls_name, **props)
 
-    def add_custom_code(self) -> list[str]:
-        """Add custom code to the component.
-
-        Returns:
-            The custom code of the component.
-        """
-        return [
-            """
-const slideDown = keyframes`
-from {
-  height: 0;
-}
-to {
-  height: var(--radix-accordion-content-height);
-}
-`
-const slideUp = keyframes`
-from {
-  height: var(--radix-accordion-content-height);
-}
-to {
-  height: 0;
-}
-`
-"""
-        ]
-
     def add_style(self) -> dict[str, Any] | None:
         """Add style to the component.
 
         Returns:
             The style of the component.
         """
-        slide_down = Var("slideDown").to(str) + Var.create(
+        slide_down = SLIDE_DOWN.to(str) + Var.create(
             " var(--animation-duration) var(--animation-easing)",
         )
 
-        slide_up = Var("slideUp").to(str) + Var.create(
+        slide_up = SLIDE_UP.to(str) + Var.create(
             " var(--animation-duration) var(--animation-easing)",
         )
 

{reflex-0.8.1a1 → reflex-0.8.1a2}/reflex/components/radix/primitives/accordion.pyi

@@ -706,6 +706,13 @@ class AccordionIcon(Icon):
             The Accordion icon Component.
         """
 
+SLIDE_DOWN = Var(
+    'keyframes({ from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" } })'
+)
+SLIDE_UP = Var(
+    'keyframes({ from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 } })'
+)
+
 class AccordionContent(AccordionComponent):
     def add_imports(self) -> dict: ...
     @classmethod
@@ -824,7 +831,6 @@ class AccordionContent(AccordionComponent):
             The Accordion content Component.
         """
 
-    def add_custom_code(self) -> list[str]: ...
     def add_style(self) -> dict[str, Any] | None: ...
 
 class Accordion(ComponentNamespace):

reflex-0.8.1a2/reflex/components/radix/themes/typography/link.pyi

@@ -0,0 +1,408 @@
+"""Stub file for reflex/components/radix/themes/typography/link.py"""
+
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `reflex/utils/pyi_generator.py`!
+# ------------------------------------------------------
+from collections.abc import Mapping, Sequence
+from typing import Any, Literal
+
+from reflex.components.component import MemoizationLeaf
+from reflex.components.core.breakpoints import Breakpoints
+from reflex.components.el.elements.inline import A
+from reflex.components.markdown.markdown import MarkdownComponentMap
+from reflex.components.radix.themes.base import RadixThemesComponent
+from reflex.components.react_router.dom import ReactRouterLink
+from reflex.event import EventType, PointerEventInfo
+from reflex.utils.imports import ImportDict
+from reflex.vars.base import Var
+
+LiteralLinkUnderline = Literal["auto", "hover", "always", "none"]
+_KNOWN_REACT_ROUTER_LINK_PROPS = frozenset(ReactRouterLink.get_props())
+
+class Link(RadixThemesComponent, A, MemoizationLeaf, MarkdownComponentMap):
+    def add_imports(self) -> ImportDict: ...
+    @classmethod
+    def create(
+        cls,
+        *children,
+        as_child: Var[bool] | bool | None = None,
+        size: Breakpoints[str, Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]]
+        | Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]
+        | Var[
+            Breakpoints[str, Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]]
+            | Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]
+        ]
+        | None = None,
+        weight: Breakpoints[str, Literal["bold", "light", "medium", "regular"]]
+        | Literal["bold", "light", "medium", "regular"]
+        | Var[
+            Breakpoints[str, Literal["bold", "light", "medium", "regular"]]
+            | Literal["bold", "light", "medium", "regular"]
+        ]
+        | None = None,
+        trim: Breakpoints[str, Literal["both", "end", "normal", "start"]]
+        | Literal["both", "end", "normal", "start"]
+        | Var[
+            Breakpoints[str, Literal["both", "end", "normal", "start"]]
+            | Literal["both", "end", "normal", "start"]
+        ]
+        | None = None,
+        underline: Literal["always", "auto", "hover", "none"]
+        | Var[Literal["always", "auto", "hover", "none"]]
+        | None = None,
+        color_scheme: Literal[
+            "amber",
+            "blue",
+            "bronze",
+            "brown",
+            "crimson",
+            "cyan",
+            "gold",
+            "grass",
+            "gray",
+            "green",
+            "indigo",
+            "iris",
+            "jade",
+            "lime",
+            "mint",
+            "orange",
+            "pink",
+            "plum",
+            "purple",
+            "red",
+            "ruby",
+            "sky",
+            "teal",
+            "tomato",
+            "violet",
+            "yellow",
+        ]
+        | Var[
+            Literal[
+                "amber",
+                "blue",
+                "bronze",
+                "brown",
+                "crimson",
+                "cyan",
+                "gold",
+                "grass",
+                "gray",
+                "green",
+                "indigo",
+                "iris",
+                "jade",
+                "lime",
+                "mint",
+                "orange",
+                "pink",
+                "plum",
+                "purple",
+                "red",
+                "ruby",
+                "sky",
+                "teal",
+                "tomato",
+                "violet",
+                "yellow",
+            ]
+        ]
+        | None = None,
+        high_contrast: Var[bool] | bool | None = None,
+        is_external: Var[bool] | bool | None = None,
+        download: Var[bool | str] | bool | str | None = None,
+        href: Var[str] | str | None = None,
+        href_lang: Var[str] | str | None = None,
+        media: Var[str] | str | None = None,
+        ping: Var[str] | str | None = None,
+        referrer_policy: Literal[
+            "",
+            "no-referrer",
+            "no-referrer-when-downgrade",
+            "origin",
+            "origin-when-cross-origin",
+            "same-origin",
+            "strict-origin",
+            "strict-origin-when-cross-origin",
+            "unsafe-url",
+        ]
+        | Var[
+            Literal[
+                "",
+                "no-referrer",
+                "no-referrer-when-downgrade",
+                "origin",
+                "origin-when-cross-origin",
+                "same-origin",
+                "strict-origin",
+                "strict-origin-when-cross-origin",
+                "unsafe-url",
+            ]
+        ]
+        | None = None,
+        rel: Var[str] | str | None = None,
+        target: Literal["_blank", "_parent", "_self", "_top"]
+        | Var[Literal["_blank", "_parent", "_self", "_top"] | str]
+        | str
+        | None = None,
+        access_key: Var[str] | str | None = None,
+        auto_capitalize: Literal[
+            "characters", "none", "off", "on", "sentences", "words"
+        ]
+        | Var[Literal["characters", "none", "off", "on", "sentences", "words"]]
+        | None = None,
+        content_editable: Literal["inherit", "plaintext-only", False, True]
+        | Var[Literal["inherit", "plaintext-only", False, True]]
+        | None = None,
+        context_menu: Var[str] | str | None = None,
+        dir: Var[str] | str | None = None,
+        draggable: Var[bool] | bool | None = None,
+        enter_key_hint: Literal[
+            "done", "enter", "go", "next", "previous", "search", "send"
+        ]
+        | Var[Literal["done", "enter", "go", "next", "previous", "search", "send"]]
+        | None = None,
+        hidden: Var[bool] | bool | None = None,
+        input_mode: Literal[
+            "decimal", "email", "none", "numeric", "search", "tel", "text", "url"
+        ]
+        | Var[
+            Literal[
+                "decimal", "email", "none", "numeric", "search", "tel", "text", "url"
+            ]
+        ]
+        | None = None,
+        item_prop: Var[str] | str | None = None,
+        lang: Var[str] | str | None = None,
+        role: Literal[
+            "alert",
+            "alertdialog",
+            "application",
+            "article",
+            "banner",
+            "button",
+            "cell",
+            "checkbox",
+            "columnheader",
+            "combobox",
+            "complementary",
+            "contentinfo",
+            "definition",
+            "dialog",
+            "directory",
+            "document",
+            "feed",
+            "figure",
+            "form",
+            "grid",
+            "gridcell",
+            "group",
+            "heading",
+            "img",
+            "link",
+            "list",
+            "listbox",
+            "listitem",
+            "log",
+            "main",
+            "marquee",
+            "math",
+            "menu",
+            "menubar",
+            "menuitem",
+            "menuitemcheckbox",
+            "menuitemradio",
+            "navigation",
+            "none",
+            "note",
+            "option",
+            "presentation",
+            "progressbar",
+            "radio",
+            "radiogroup",
+            "region",
+            "row",
+            "rowgroup",
+            "rowheader",
+            "scrollbar",
+            "search",
+            "searchbox",
+            "separator",
+            "slider",
+            "spinbutton",
+            "status",
+            "switch",
+            "tab",
+            "table",
+            "tablist",
+            "tabpanel",
+            "term",
+            "textbox",
+            "timer",
+            "toolbar",
+            "tooltip",
+            "tree",
+            "treegrid",
+            "treeitem",
+        ]
+        | Var[
+            Literal[
+                "alert",
+                "alertdialog",
+                "application",
+                "article",
+                "banner",
+                "button",
+                "cell",
+                "checkbox",
+                "columnheader",
+                "combobox",
+                "complementary",
+                "contentinfo",
+                "definition",
+                "dialog",
+                "directory",
+                "document",
+                "feed",
+                "figure",
+                "form",
+                "grid",
+                "gridcell",
+                "group",
+                "heading",
+                "img",
+                "link",
+                "list",
+                "listbox",
+                "listitem",
+                "log",
+                "main",
+                "marquee",
+                "math",
+                "menu",
+                "menubar",
+                "menuitem",
+                "menuitemcheckbox",
+                "menuitemradio",
+                "navigation",
+                "none",
+                "note",
+                "option",
+                "presentation",
+                "progressbar",
+                "radio",
+                "radiogroup",
+                "region",
+                "row",
+                "rowgroup",
+                "rowheader",
+                "scrollbar",
+                "search",
+                "searchbox",
+                "separator",
+                "slider",
+                "spinbutton",
+                "status",
+                "switch",
+                "tab",
+                "table",
+                "tablist",
+                "tabpanel",
+                "term",
+                "textbox",
+                "timer",
+                "toolbar",
+                "tooltip",
+                "tree",
+                "treegrid",
+                "treeitem",
+            ]
+        ]
+        | None = None,
+        slot: Var[str] | str | None = None,
+        spell_check: Var[bool] | bool | None = None,
+        tab_index: Var[int] | int | None = None,
+        title: Var[str] | str | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        autofocus: bool | None = None,
+        custom_attrs: dict[str, Var | Any] | None = None,
+        on_blur: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_focus: EventType[()] | None = None,
+        on_mount: EventType[()] | None = None,
+        on_mouse_down: EventType[()] | None = None,
+        on_mouse_enter: EventType[()] | None = None,
+        on_mouse_leave: EventType[()] | None = None,
+        on_mouse_move: EventType[()] | None = None,
+        on_mouse_out: EventType[()] | None = None,
+        on_mouse_over: EventType[()] | None = None,
+        on_mouse_up: EventType[()] | None = None,
+        on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
+        on_unmount: EventType[()] | None = None,
+        **props,
+    ) -> Link:
+        """Create a Link component.
+
+        Args:
+            *children: The children of the component.
+            as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
+            size: Text size: "1" - "9"
+            weight: Thickness of text: "light" | "regular" | "medium" | "bold"
+            trim: Removes the leading trim space: "normal" | "start" | "end" | "both"
+            underline: Sets the visibility of the underline affordance: "auto" | "hover" | "always" | "none"
+            color_scheme: Overrides the accent color inherited from the Theme.
+            high_contrast: Whether to render the text with higher contrast color
+            is_external: If True, the link will open in a new tab
+            download: Specifies that the target (the file specified in the href attribute) will be downloaded when a user clicks on the hyperlink.
+            href: Specifies the URL of the page the link goes to
+            href_lang: Specifies the language of the linked document
+            media: Specifies what media/device the linked document is optimized for
+            ping: Specifies which referrer is sent when fetching the resource
+            referrer_policy: Specifies the relationship between the current document and the linked document
+            rel: Specifies the relationship between the linked document and the current document
+            target: Specifies where to open the linked document
+            access_key: Provides a hint for generating a keyboard shortcut for the current element.
+            auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
+            content_editable: Indicates whether the element's content is editable.
+            context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
+            dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
+            draggable: Defines whether the element can be dragged.
+            enter_key_hint: Hints what media types the media element is able to play.
+            hidden: Defines whether the element is hidden.
+            input_mode: Defines the type of the element.
+            item_prop: Defines the name of the element for metadata purposes.
+            lang: Defines the language used in the element.
+            role: Defines the role of the element.
+            slot: Assigns a slot in a shadow DOM shadow tree to an element.
+            spell_check: Defines whether the element may be checked for spelling errors.
+            tab_index: Defines the position of the current element in the tabbing order.
+            title: Defines a tooltip for the element.
+            style: The style of the component.
+            key: A unique key for the component.
+            id: The id for the component.
+            ref: The Var to pass as the ref to the component.
+            class_name: The class name for the component.
+            autofocus: Whether the component should take the focus once the page is loaded
+            custom_attrs: custom attribute
+            **props: The props of the component.
+
+        Raises:
+            ValueError: in case of missing children
+
+        Returns:
+            Component: The link component
+        """
+
+link = Link.create