reflex 0.3.5a4__py3-none-any.whl → 0.3.7__py3-none-any.whl

reflex/components/radix/themes/base.py

@@ -10,8 +10,13 @@ from reflex.vars import Var
 
 LiteralAlign = Literal["start", "center", "end", "baseline", "stretch"]
 LiteralJustify = Literal["start", "center", "end", "between"]
-LiteralSize = Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
-LiteralVariant = Literal["solid", "soft", "outline", "ghost"]
+LiteralSize = Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]
+LiteralVariant = Literal["classic", "solid", "soft", "surface", "outline", "ghost"]
+LiteralAppearance = Literal["inherit", "light", "dark"]
+LiteralGrayColor = Literal["gray", "mauve", "slate", "sage", "olive", "sand", "auto"]
+LiteralPanelBackground = Literal["solid", "transparent"]
+LiteralRadius = Literal["none", "small", "medium", "large", "full"]
+LiteralScaling = Literal["90%", "95%", "100%", "105%", "110%"]
 
 
 class CommonMarginProps(Component):
@@ -101,11 +106,6 @@ LiteralAccentColor = Literal[
     "bronze",
     "gray",
 ]
-LiteralAppearance = Literal["inherit", "light", "dark"]
-LiteralGrayColor = Literal["gray", "mauve", "slate", "sage", "olive", "sand", "auto"]
-LiteralPanelBackground = Literal["solid", "transparent"]
-LiteralRadius = Literal["none", "small", "medium", "large", "full"]
-LiteralScaling = Literal["90%", "95%", "100%", "105%", "110%"]
 
 
 class Theme(RadixThemesComponent):

reflex/components/radix/themes/base.pyi

@@ -14,8 +14,13 @@ from reflex.vars import Var
 
 LiteralAlign = Literal["start", "center", "end", "baseline", "stretch"]
 LiteralJustify = Literal["start", "center", "end", "between"]
-LiteralSize = Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
-LiteralVariant = Literal["solid", "soft", "outline", "ghost"]
+LiteralSize = Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]
+LiteralVariant = Literal["classic", "solid", "soft", "surface", "outline", "ghost"]
+LiteralAppearance = Literal["inherit", "light", "dark"]
+LiteralGrayColor = Literal["gray", "mauve", "slate", "sage", "olive", "sand", "auto"]
+LiteralPanelBackground = Literal["solid", "transparent"]
+LiteralRadius = Literal["none", "small", "medium", "large", "full"]
+LiteralScaling = Literal["90%", "95%", "100%", "105%", "110%"]
 
 class CommonMarginProps(Component):
     @overload
@@ -25,44 +30,44 @@ class CommonMarginProps(Component):
         *children,
         m: Optional[
             Union[
-                Var[Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
             ]
         ] = None,
         mx: Optional[
             Union[
-                Var[Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
             ]
         ] = None,
         my: Optional[
             Union[
-                Var[Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
             ]
         ] = None,
         mt: Optional[
             Union[
-                Var[Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
             ]
         ] = None,
         mr: Optional[
             Union[
-                Var[Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
             ]
         ] = None,
         mb: Optional[
             Union[
-                Var[Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
             ]
         ] = None,
         ml: Optional[
             Union[
-                Var[Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
             ]
         ] = None,
         style: Optional[Style] = None,
@@ -252,11 +257,6 @@ LiteralAccentColor = Literal[
     "bronze",
     "gray",
 ]
-LiteralAppearance = Literal["inherit", "light", "dark"]
-LiteralGrayColor = Literal["gray", "mauve", "slate", "sage", "olive", "sand", "auto"]
-LiteralPanelBackground = Literal["solid", "transparent"]
-LiteralRadius = Literal["none", "small", "medium", "large", "full"]
-LiteralScaling = Literal["90%", "95%", "100%", "105%", "110%"]
 
 class Theme(RadixThemesComponent):
     @overload

reflex/components/radix/themes/components/__init__.py

@@ -0,0 +1,193 @@
+"""Radix themes components."""
+
+from .alertdialog import (
+    AlertDialog,
+    AlertDialogContent,
+    AlertDialogDescription,
+    AlertDialogTitle,
+    AlertDialogTrigger,
+)
+from .aspectratio import AspectRatio
+from .avatar import Avatar
+from .badge import Badge
+from .button import Button
+from .callout import CalloutIcon, CalloutRoot, CalloutText
+from .card import Card
+from .checkbox import Checkbox
+from .contextmenu import (
+    ContextMenuContent,
+    ContextMenuItem,
+    ContextMenuRoot,
+    ContextMenuSeparator,
+    ContextMenuSub,
+    ContextMenuSubContent,
+    ContextMenuSubTrigger,
+    ContextMenuTrigger,
+)
+from .dialog import (
+    DialogContent,
+    DialogDescription,
+    DialogRoot,
+    DialogTitle,
+    DialogTrigger,
+)
+from .dropdownmenu import (
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuRoot,
+    DropdownMenuSeparator,
+    DropdownMenuSubContent,
+    DropdownMenuSubTrigger,
+    DropdownMenuTrigger,
+)
+from .hovercard import HoverCardContent, HoverCardRoot, HoverCardTrigger
+from .iconbutton import IconButton
+from .icons import Icon
+from .inset import Inset
+from .popover import PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger
+from .radiogroup import RadioGroupItem, RadioGroupRoot
+from .scrollarea import ScrollArea
+from .select import (
+    SelectContent,
+    SelectGroup,
+    SelectItem,
+    SelectLabel,
+    SelectRoot,
+    SelectSeparator,
+    SelectTrigger,
+)
+from .separator import Separator
+from .switch import Switch
+from .table import (
+    TableBody,
+    TableCell,
+    TableColumnHeaderCell,
+    TableHeader,
+    TableRoot,
+    TableRow,
+    TableRowHeaderCell,
+)
+from .tabs import TabsList, TabsRoot, TabsTrigger
+from .textarea import TextArea
+from .textfield import TextFieldInput, TextFieldRoot, TextFieldSlot
+
+# Alert Dialog
+alertdialog = AlertDialog.create
+alertdialog_trigger = AlertDialogTrigger.create
+alertdialog_content = AlertDialogContent.create
+alertdialog_title = AlertDialogTitle.create
+alertdialog_description = AlertDialogDescription.create
+
+# Aspect Ratio
+aspect_ratio = AspectRatio.create
+
+# Avatar
+avatar = Avatar.create
+
+# Badge
+badge = Badge.create
+
+# Button
+button = Button.create
+
+# Callout
+callout_root = CalloutRoot.create
+callout_icon = CalloutIcon.create
+callout_text = CalloutText.create
+
+# Card
+card = Card.create
+
+# Checkbox
+checkbox = Checkbox.create
+
+# Context Menu
+contextmenu_root = ContextMenuRoot.create
+contextmenu_sub = ContextMenuSub.create
+contextmenu_trigger = ContextMenuTrigger.create
+contextmenu_content = ContextMenuContent.create
+contextmenu_sub_content = ContextMenuSubContent.create
+contextmenu_sub_trigger = ContextMenuSubTrigger.create
+contextmenu_item = ContextMenuItem.create
+contextmenu_separator = ContextMenuSeparator.create
+
+
+# Dialog
+dialog_root = DialogRoot.create
+dialog_trigger = DialogTrigger.create
+dialog_content = DialogContent.create
+dialog_title = DialogTitle.create
+dialog_description = DialogDescription.create
+
+# Dropdown Menu
+dropdownmenu_root = DropdownMenuRoot.create
+dropdownmenu_trigger = DropdownMenuTrigger.create
+dropdownmenu_content = DropdownMenuContent.create
+dropdownmenu_sub_content = DropdownMenuSubContent.create
+dropdownmenu_sub_trigger = DropdownMenuSubTrigger.create
+dropdownmenu_item = DropdownMenuItem.create
+dropdownmenu_separator = DropdownMenuSeparator.create
+
+# Hover Card
+hovercard_root = HoverCardRoot.create
+hovercard_trigger = HoverCardTrigger.create
+hovercard_content = HoverCardContent.create
+
+# Icon
+icon = Icon.create
+
+# Icon Button
+icon_button = IconButton.create
+
+# Inset
+inset = Inset.create
+
+# Popover
+popover_root = PopoverRoot.create
+popover_trigger = PopoverTrigger.create
+popover_content = PopoverContent.create
+popover_close = PopoverClose.create
+
+# Radio Group
+radio_group_root = RadioGroupRoot.create
+radio_group_item = RadioGroupItem.create
+
+# Scroll Area
+scroll_area = ScrollArea.create
+
+# Select
+select_root = SelectRoot.create
+select_trigger = SelectTrigger.create
+select_content = SelectContent.create
+select_item = SelectItem.create
+select_separator = SelectSeparator.create
+select_group = SelectGroup.create
+select_label = SelectLabel.create
+
+# Separator
+separator = Separator.create
+
+# Switch
+switch = Switch.create
+
+# Table
+table_root = TableRoot.create
+table_header = TableHeader.create
+table_body = TableBody.create
+table_row = TableRow.create
+table_cell = TableCell.create
+table_column_header_cell = TableColumnHeaderCell.create
+table_row_header_cell = TableRowHeaderCell.create
+
+# Tabs
+tabs_root = TabsRoot.create
+tabs_list = TabsList.create
+tabs_trigger = TabsTrigger.create
+
+# Text Area
+textarea = TextArea.create
+
+# Text Field
+textfield_root = TextFieldRoot.create
+textfield_input = TextFieldInput.create
+textfield_slot = TextFieldSlot.create

reflex/components/radix/themes/components/alertdialog.py

@@ -0,0 +1,72 @@
+"""Interactive components provided by @radix-ui/themes."""
+from typing import Any, Dict, Literal
+
+from reflex import el
+from reflex.vars import Var
+
+from ..base import (
+    CommonMarginProps,
+    RadixThemesComponent,
+)
+
+LiteralSwitchSize = Literal["1", "2", "3", "4"]
+
+
+class AlertDialog(CommonMarginProps, RadixThemesComponent):
+    """A toggle switch alternative to the checkbox."""
+
+    tag = "AlertDialog.Root"
+
+    # The controlled open state of the dialog.
+    open: Var[bool]
+
+    def get_event_triggers(self) -> Dict[str, Any]:
+        """Get the events triggers signatures for the component.
+
+        Returns:
+            The signatures of the event triggers.
+        """
+        return {
+            **super().get_event_triggers(),
+            "on_open_change": lambda e0: [e0],
+        }
+
+
+class AlertDialogTrigger(CommonMarginProps, RadixThemesComponent):
+    """A toggle switch alternative to the checkbox."""
+
+    tag = "AlertDialog.Trigger"
+
+
+class AlertDialogContent(el.Div, CommonMarginProps, RadixThemesComponent):
+    """A toggle switch alternative to the checkbox."""
+
+    tag = "AlertDialog.Content"
+
+    # Whether to force mount the content on open.
+    force_mount: Var[bool]
+
+    def get_event_triggers(self) -> Dict[str, Any]:
+        """Get the events triggers signatures for the component.
+
+        Returns:
+            The signatures of the event triggers.
+        """
+        return {
+            **super().get_event_triggers(),
+            "on_open_auto_focus": lambda e0: [e0],
+            "on_close_auto_focus": lambda e0: [e0],
+            "on_escape_key_down": lambda e0: [e0],
+        }
+
+
+class AlertDialogTitle(CommonMarginProps, RadixThemesComponent):
+    """A toggle switch alternative to the checkbox."""
+
+    tag = "AlertDialog.Title"
+
+
+class AlertDialogDescription(CommonMarginProps, RadixThemesComponent):
+    """A toggle switch alternative to the checkbox."""
+
+    tag = "AlertDialog.Description"