reflex 0.3.9a2__py3-none-any.whl → 0.3.10__py3-none-any.whl

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Potentially problematic release.


This version of reflex might be problematic. Click here for more details.

Files changed (246) hide show
  1. reflex/__init__.py +3 -1
  2. reflex/__init__.pyi +3 -1
  3. reflex/app.py +13 -5
  4. reflex/compiler/utils.py +13 -12
  5. reflex/components/base/app_wrap.pyi +1 -0
  6. reflex/components/base/body.pyi +2 -0
  7. reflex/components/base/document.pyi +10 -0
  8. reflex/components/base/fragment.pyi +2 -0
  9. reflex/components/base/head.pyi +4 -0
  10. reflex/components/base/link.pyi +4 -0
  11. reflex/components/base/meta.pyi +8 -0
  12. reflex/components/base/script.pyi +2 -0
  13. reflex/components/chakra/base.pyi +7 -0
  14. reflex/components/chakra/datadisplay/badge.pyi +2 -0
  15. reflex/components/chakra/datadisplay/code.pyi +4 -0
  16. reflex/components/chakra/datadisplay/divider.pyi +2 -0
  17. reflex/components/chakra/datadisplay/keyboard_key.pyi +2 -0
  18. reflex/components/chakra/datadisplay/list.pyi +8 -0
  19. reflex/components/chakra/datadisplay/stat.pyi +12 -0
  20. reflex/components/chakra/datadisplay/table.pyi +18 -0
  21. reflex/components/chakra/datadisplay/tag.pyi +9 -0
  22. reflex/components/chakra/disclosure/accordion.pyi +10 -0
  23. reflex/components/chakra/disclosure/tabs.py +8 -0
  24. reflex/components/chakra/disclosure/tabs.pyi +10 -0
  25. reflex/components/chakra/disclosure/transition.pyi +12 -0
  26. reflex/components/chakra/disclosure/visuallyhidden.pyi +2 -0
  27. reflex/components/chakra/feedback/alert.pyi +8 -0
  28. reflex/components/chakra/feedback/circularprogress.pyi +4 -0
  29. reflex/components/chakra/feedback/progress.pyi +2 -0
  30. reflex/components/chakra/feedback/skeleton.pyi +6 -0
  31. reflex/components/chakra/feedback/spinner.pyi +2 -0
  32. reflex/components/chakra/forms/button.pyi +4 -0
  33. reflex/components/chakra/forms/checkbox.pyi +4 -0
  34. reflex/components/chakra/forms/colormodeswitch.pyi +7 -0
  35. reflex/components/chakra/forms/date_picker.pyi +2 -0
  36. reflex/components/chakra/forms/date_time_picker.pyi +2 -0
  37. reflex/components/chakra/forms/editable.pyi +8 -0
  38. reflex/components/chakra/forms/email.pyi +2 -0
  39. reflex/components/chakra/forms/form.pyi +10 -0
  40. reflex/components/chakra/forms/iconbutton.py +1 -0
  41. reflex/components/chakra/forms/iconbutton.pyi +2 -0
  42. reflex/components/chakra/forms/input.pyi +12 -0
  43. reflex/components/chakra/forms/numberinput.pyi +10 -0
  44. reflex/components/chakra/forms/password.pyi +2 -0
  45. reflex/components/chakra/forms/pininput.pyi +4 -0
  46. reflex/components/chakra/forms/radio.pyi +4 -0
  47. reflex/components/chakra/forms/rangeslider.pyi +8 -0
  48. reflex/components/chakra/forms/select.pyi +4 -0
  49. reflex/components/chakra/forms/slider.pyi +10 -0
  50. reflex/components/chakra/forms/switch.pyi +2 -0
  51. reflex/components/chakra/forms/textarea.pyi +2 -0
  52. reflex/components/chakra/forms/time_picker.pyi +2 -0
  53. reflex/components/chakra/layout/aspect_ratio.pyi +2 -0
  54. reflex/components/chakra/layout/box.pyi +2 -0
  55. reflex/components/chakra/layout/card.pyi +7 -0
  56. reflex/components/chakra/layout/center.pyi +6 -0
  57. reflex/components/chakra/layout/container.pyi +2 -0
  58. reflex/components/chakra/layout/flex.pyi +2 -0
  59. reflex/components/chakra/layout/grid.pyi +6 -0
  60. reflex/components/chakra/layout/html.pyi +2 -0
  61. reflex/components/chakra/layout/spacer.pyi +2 -0
  62. reflex/components/chakra/layout/stack.pyi +6 -0
  63. reflex/components/chakra/layout/wrap.pyi +4 -0
  64. reflex/components/chakra/media/avatar.pyi +6 -0
  65. reflex/components/chakra/media/icon.pyi +4 -0
  66. reflex/components/chakra/media/image.pyi +2 -0
  67. reflex/components/chakra/navigation/breadcrumb.pyi +8 -0
  68. reflex/components/chakra/navigation/link.pyi +2 -0
  69. reflex/components/chakra/navigation/linkoverlay.pyi +4 -0
  70. reflex/components/chakra/navigation/stepper.pyi +18 -0
  71. reflex/components/chakra/overlay/alertdialog.pyi +14 -0
  72. reflex/components/chakra/overlay/drawer.pyi +14 -0
  73. reflex/components/chakra/overlay/menu.pyi +16 -0
  74. reflex/components/chakra/overlay/modal.pyi +14 -0
  75. reflex/components/chakra/overlay/popover.pyi +18 -0
  76. reflex/components/chakra/overlay/tooltip.pyi +2 -0
  77. reflex/components/chakra/typography/heading.pyi +2 -0
  78. reflex/components/chakra/typography/highlight.pyi +2 -0
  79. reflex/components/chakra/typography/span.pyi +2 -0
  80. reflex/components/chakra/typography/text.pyi +2 -0
  81. reflex/components/component.py +41 -3
  82. reflex/components/core/__init__.py +2 -0
  83. reflex/components/core/banner.pyi +3 -0
  84. reflex/components/core/client_side_routing.pyi +4 -0
  85. reflex/components/core/colors.py +21 -0
  86. reflex/components/core/cond.py +11 -2
  87. reflex/components/core/debounce.pyi +1 -0
  88. reflex/components/core/layout/__init__.py +1 -0
  89. reflex/components/core/match.py +44 -18
  90. reflex/components/core/upload.py +8 -2
  91. reflex/components/core/upload.pyi +7 -1
  92. reflex/components/datadisplay/dataeditor.pyi +2 -0
  93. reflex/components/el/element.pyi +2 -0
  94. reflex/components/el/elements/base.pyi +2 -0
  95. reflex/components/el/elements/forms.py +3 -0
  96. reflex/components/el/elements/forms.pyi +32 -0
  97. reflex/components/el/elements/inline.pyi +56 -0
  98. reflex/components/el/elements/media.pyi +28 -0
  99. reflex/components/el/elements/metadata.pyi +10 -0
  100. reflex/components/el/elements/other.pyi +14 -0
  101. reflex/components/el/elements/scripts.pyi +6 -0
  102. reflex/components/el/elements/sectioning.pyi +30 -0
  103. reflex/components/el/elements/tables.pyi +20 -0
  104. reflex/components/el/elements/typography.pyi +30 -0
  105. reflex/components/gridjs/datatable.pyi +4 -0
  106. reflex/components/lucide/__init__.py +5 -0
  107. reflex/components/lucide/icon.py +1484 -0
  108. reflex/components/lucide/icon.pyi +1594 -0
  109. reflex/components/markdown/markdown.pyi +2 -0
  110. reflex/components/moment/moment.pyi +2 -0
  111. reflex/components/next/base.pyi +2 -0
  112. reflex/components/next/image.pyi +2 -0
  113. reflex/components/next/link.pyi +2 -0
  114. reflex/components/next/video.pyi +2 -0
  115. reflex/components/plotly/plotly.pyi +4 -0
  116. reflex/components/radix/primitives/__init__.py +10 -0
  117. reflex/components/radix/primitives/accordion.py +51 -32
  118. reflex/components/radix/primitives/accordion.pyi +16 -3
  119. reflex/components/radix/primitives/base.pyi +4 -0
  120. reflex/components/radix/primitives/drawer.py +240 -0
  121. reflex/components/radix/primitives/drawer.pyi +814 -0
  122. reflex/components/radix/primitives/form.py +40 -7
  123. reflex/components/radix/primitives/form.pyi +32 -10
  124. reflex/components/radix/primitives/progress.py +2 -2
  125. reflex/components/radix/primitives/progress.pyi +6 -0
  126. reflex/components/radix/primitives/slider.pyi +10 -0
  127. reflex/components/radix/themes/base.py +46 -12
  128. reflex/components/radix/themes/base.pyi +23 -9
  129. reflex/components/radix/themes/components/__init__.py +4 -2
  130. reflex/components/radix/themes/components/alertdialog.py +13 -12
  131. reflex/components/radix/themes/components/alertdialog.pyi +23 -351
  132. reflex/components/radix/themes/components/aspectratio.py +2 -5
  133. reflex/components/radix/themes/components/aspectratio.pyi +4 -51
  134. reflex/components/radix/themes/components/avatar.py +3 -4
  135. reflex/components/radix/themes/components/avatar.pyi +4 -57
  136. reflex/components/radix/themes/components/badge.py +3 -4
  137. reflex/components/radix/themes/components/badge.pyi +4 -56
  138. reflex/components/radix/themes/components/button.py +2 -3
  139. reflex/components/radix/themes/components/button.pyi +3 -51
  140. reflex/components/radix/themes/components/callout.py +9 -12
  141. reflex/components/radix/themes/components/callout.pyi +24 -217
  142. reflex/components/radix/themes/components/card.py +1 -2
  143. reflex/components/radix/themes/components/card.pyi +4 -51
  144. reflex/components/radix/themes/components/checkbox.py +11 -5
  145. reflex/components/radix/themes/components/checkbox.pyi +13 -112
  146. reflex/components/radix/themes/components/contextmenu.py +21 -21
  147. reflex/components/radix/themes/components/contextmenu.pyi +26 -401
  148. reflex/components/radix/themes/components/dialog.py +13 -16
  149. reflex/components/radix/themes/components/dialog.pyi +20 -303
  150. reflex/components/radix/themes/components/dropdownmenu.py +196 -32
  151. reflex/components/radix/themes/components/dropdownmenu.pyi +147 -389
  152. reflex/components/radix/themes/components/hovercard.py +5 -5
  153. reflex/components/radix/themes/components/hovercard.pyi +11 -151
  154. reflex/components/radix/themes/components/iconbutton.py +56 -4
  155. reflex/components/radix/themes/components/iconbutton.pyi +25 -71
  156. reflex/components/radix/themes/components/icons.pyi +4 -0
  157. reflex/components/radix/themes/components/inset.py +1 -2
  158. reflex/components/radix/themes/components/inset.pyi +4 -51
  159. reflex/components/radix/themes/components/popover.py +12 -12
  160. reflex/components/radix/themes/components/popover.pyi +14 -201
  161. reflex/components/radix/themes/components/radiogroup.py +47 -20
  162. reflex/components/radix/themes/components/radiogroup.pyi +26 -171
  163. reflex/components/radix/themes/components/scrollarea.py +2 -3
  164. reflex/components/radix/themes/components/scrollarea.pyi +4 -51
  165. reflex/components/radix/themes/components/select.py +28 -25
  166. reflex/components/radix/themes/components/select.pyi +43 -419
  167. reflex/components/radix/themes/components/separator.py +4 -5
  168. reflex/components/radix/themes/components/separator.pyi +5 -52
  169. reflex/components/radix/themes/components/slider.py +8 -5
  170. reflex/components/radix/themes/components/slider.pyi +9 -60
  171. reflex/components/radix/themes/components/switch.py +6 -4
  172. reflex/components/radix/themes/components/switch.pyi +5 -53
  173. reflex/components/radix/themes/components/table.py +14 -15
  174. reflex/components/radix/themes/components/table.pyi +22 -351
  175. reflex/components/radix/themes/components/tabs.py +9 -6
  176. reflex/components/radix/themes/components/tabs.pyi +18 -205
  177. reflex/components/radix/themes/components/textarea.py +2 -3
  178. reflex/components/radix/themes/components/textarea.pyi +10 -53
  179. reflex/components/radix/themes/components/textfield.py +105 -4
  180. reflex/components/radix/themes/components/textfield.pyi +200 -108
  181. reflex/components/radix/themes/components/tooltip.py +102 -2
  182. reflex/components/radix/themes/components/tooltip.pyi +66 -110
  183. reflex/components/radix/themes/layout/__init__.py +7 -0
  184. reflex/components/radix/themes/layout/base.pyi +2 -0
  185. reflex/components/radix/themes/layout/box.py +2 -2
  186. reflex/components/radix/themes/layout/box.pyi +4 -104
  187. reflex/components/radix/themes/layout/center.py +19 -0
  188. reflex/components/radix/themes/layout/center.pyi +261 -0
  189. reflex/components/radix/themes/layout/container.py +2 -2
  190. reflex/components/radix/themes/layout/container.pyi +4 -104
  191. reflex/components/radix/themes/layout/flex.py +2 -2
  192. reflex/components/radix/themes/layout/flex.pyi +4 -105
  193. reflex/components/radix/themes/layout/grid.pyi +2 -0
  194. reflex/components/radix/themes/layout/section.py +2 -2
  195. reflex/components/radix/themes/layout/section.pyi +4 -104
  196. reflex/components/radix/themes/layout/spacer.py +19 -0
  197. reflex/components/radix/themes/layout/spacer.pyi +261 -0
  198. reflex/components/radix/themes/layout/stack.py +60 -0
  199. reflex/components/radix/themes/layout/stack.pyi +537 -0
  200. reflex/components/radix/themes/typography/blockquote.py +2 -3
  201. reflex/components/radix/themes/typography/blockquote.pyi +4 -51
  202. reflex/components/radix/themes/typography/code.py +2 -3
  203. reflex/components/radix/themes/typography/code.pyi +4 -56
  204. reflex/components/radix/themes/typography/em.py +1 -2
  205. reflex/components/radix/themes/typography/em.pyi +4 -51
  206. reflex/components/radix/themes/typography/heading.py +2 -3
  207. reflex/components/radix/themes/typography/heading.pyi +4 -51
  208. reflex/components/radix/themes/typography/kbd.py +1 -2
  209. reflex/components/radix/themes/typography/kbd.pyi +4 -51
  210. reflex/components/radix/themes/typography/link.py +34 -3
  211. reflex/components/radix/themes/typography/link.pyi +41 -86
  212. reflex/components/radix/themes/typography/quote.py +1 -2
  213. reflex/components/radix/themes/typography/quote.pyi +4 -51
  214. reflex/components/radix/themes/typography/strong.py +1 -2
  215. reflex/components/radix/themes/typography/strong.pyi +4 -51
  216. reflex/components/radix/themes/typography/text.py +2 -3
  217. reflex/components/radix/themes/typography/text.pyi +4 -51
  218. reflex/components/radix/themes/typography.py +10 -11
  219. reflex/components/react_player/audio.pyi +2 -0
  220. reflex/components/react_player/react_player.pyi +2 -0
  221. reflex/components/react_player/video.pyi +2 -0
  222. reflex/components/recharts/cartesian.pyi +38 -0
  223. reflex/components/recharts/charts.pyi +22 -0
  224. reflex/components/recharts/general.pyi +10 -0
  225. reflex/components/recharts/polar.pyi +12 -0
  226. reflex/components/recharts/recharts.pyi +4 -0
  227. reflex/components/suneditor/editor.pyi +2 -0
  228. reflex/components/tags/tag.py +1 -1
  229. reflex/constants/base.py +5 -1
  230. reflex/constants/colors.py +80 -0
  231. reflex/constants/event.py +10 -1
  232. reflex/page.py +1 -1
  233. reflex/reflex.py +4 -0
  234. reflex/style.py +8 -3
  235. reflex/testing.py +21 -10
  236. reflex/utils/format.py +13 -9
  237. reflex/utils/prerequisites.py +41 -3
  238. reflex/utils/serializers.py +14 -0
  239. reflex/utils/telemetry.py +8 -2
  240. reflex/utils/types.py +36 -2
  241. reflex/vars.py +53 -18
  242. {reflex-0.3.9a2.dist-info → reflex-0.3.10.dist-info}/METADATA +1 -2
  243. {reflex-0.3.9a2.dist-info → reflex-0.3.10.dist-info}/RECORD +246 -232
  244. {reflex-0.3.9a2.dist-info → reflex-0.3.10.dist-info}/WHEEL +1 -1
  245. {reflex-0.3.9a2.dist-info → reflex-0.3.10.dist-info}/LICENSE +0 -0
  246. {reflex-0.3.9a2.dist-info → reflex-0.3.10.dist-info}/entry_points.txt +0 -0
@@ -9,9 +9,9 @@ from reflex.event import EventChain, EventHandler, EventSpec
9
9
  from reflex.style import Style
10
10
  from typing import Union
11
11
  from reflex.vars import Var
12
- from ..base import CommonMarginProps, RadixThemesComponent
12
+ from ..base import RadixThemesComponent
13
13
 
14
- class AspectRatio(CommonMarginProps, RadixThemesComponent):
14
+ class AspectRatio(RadixThemesComponent):
15
15
  @overload
16
16
  @classmethod
17
17
  def create( # type: ignore
@@ -81,53 +81,12 @@ class AspectRatio(CommonMarginProps, RadixThemesComponent):
81
81
  ]
82
82
  ] = None,
83
83
  ratio: Optional[Union[Var[Union[float, int]], Union[float, int]]] = None,
84
- m: Optional[
85
- Union[
86
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
87
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
88
- ]
89
- ] = None,
90
- mx: Optional[
91
- Union[
92
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
93
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
94
- ]
95
- ] = None,
96
- my: Optional[
97
- Union[
98
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
99
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
100
- ]
101
- ] = None,
102
- mt: Optional[
103
- Union[
104
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
105
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
106
- ]
107
- ] = None,
108
- mr: Optional[
109
- Union[
110
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
111
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
112
- ]
113
- ] = None,
114
- mb: Optional[
115
- Union[
116
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
117
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
118
- ]
119
- ] = None,
120
- ml: Optional[
121
- Union[
122
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
123
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
124
- ]
125
- ] = None,
126
84
  style: Optional[Style] = None,
127
85
  key: Optional[Any] = None,
128
86
  id: Optional[Any] = None,
129
87
  class_name: Optional[Any] = None,
130
88
  autofocus: Optional[bool] = None,
89
+ _rename_props: Optional[Dict[str, str]] = None,
131
90
  custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
132
91
  on_blur: Optional[
133
92
  Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -186,18 +145,12 @@ class AspectRatio(CommonMarginProps, RadixThemesComponent):
186
145
  color: map to CSS default color property.
187
146
  color_scheme: map to radix color property.
188
147
  ratio: The ratio of the width to the height of the element
189
- m: Margin: "0" - "9"
190
- mx: Margin horizontal: "0" - "9"
191
- my: Margin vertical: "0" - "9"
192
- mt: Margin top: "0" - "9"
193
- mr: Margin right: "0" - "9"
194
- mb: Margin bottom: "0" - "9"
195
- ml: Margin left: "0" - "9"
196
148
  style: The style of the component.
197
149
  key: A unique key for the component.
198
150
  id: The id for the component.
199
151
  class_name: The class name for the component.
200
152
  autofocus: Whether the component should take the focus once the page is loaded
153
+ _rename_props: props to change the name of
201
154
  custom_attrs: custom attribute
202
155
  **props: Component properties.
203
156
 
@@ -4,7 +4,6 @@ from typing import Literal
4
4
  from reflex.vars import Var
5
5
 
6
6
  from ..base import (
7
- CommonMarginProps,
8
7
  LiteralAccentColor,
9
8
  LiteralRadius,
10
9
  LiteralSize,
@@ -12,8 +11,8 @@ from ..base import (
12
11
  )
13
12
 
14
13
 
15
- class Avatar(CommonMarginProps, RadixThemesComponent):
16
- """A toggle switch alternative to the checkbox."""
14
+ class Avatar(RadixThemesComponent):
15
+ """An image element with a fallback for representing the user."""
17
16
 
18
17
  tag = "Avatar"
19
18
 
@@ -24,7 +23,7 @@ class Avatar(CommonMarginProps, RadixThemesComponent):
24
23
  size: Var[LiteralSize]
25
24
 
26
25
  # Color theme of the avatar
27
- color: Var[LiteralAccentColor]
26
+ color_scheme: Var[LiteralAccentColor]
28
27
 
29
28
  # Whether to render the avatar with higher contrast color against background
30
29
  high_contrast: Var[bool]
@@ -9,15 +9,9 @@ from reflex.event import EventChain, EventHandler, EventSpec
9
9
  from reflex.style import Style
10
10
  from typing import Literal
11
11
  from reflex.vars import Var
12
- from ..base import (
13
- CommonMarginProps,
14
- LiteralAccentColor,
15
- LiteralRadius,
16
- LiteralSize,
17
- RadixThemesComponent,
18
- )
12
+ from ..base import LiteralAccentColor, LiteralRadius, LiteralSize, RadixThemesComponent
19
13
 
20
- class Avatar(CommonMarginProps, RadixThemesComponent):
14
+ class Avatar(RadixThemesComponent):
21
15
  @overload
22
16
  @classmethod
23
17
  def create( # type: ignore
@@ -104,53 +98,12 @@ class Avatar(CommonMarginProps, RadixThemesComponent):
104
98
  ] = None,
105
99
  src: Optional[Union[Var[str], str]] = None,
106
100
  fallback: Optional[Union[Var[str], str]] = None,
107
- m: Optional[
108
- Union[
109
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
110
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
111
- ]
112
- ] = None,
113
- mx: Optional[
114
- Union[
115
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
116
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
117
- ]
118
- ] = None,
119
- my: Optional[
120
- Union[
121
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
122
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
123
- ]
124
- ] = None,
125
- mt: Optional[
126
- Union[
127
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
128
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
129
- ]
130
- ] = None,
131
- mr: Optional[
132
- Union[
133
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
134
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
135
- ]
136
- ] = None,
137
- mb: Optional[
138
- Union[
139
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
140
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
141
- ]
142
- ] = None,
143
- ml: Optional[
144
- Union[
145
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
146
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
147
- ]
148
- ] = None,
149
101
  style: Optional[Style] = None,
150
102
  key: Optional[Any] = None,
151
103
  id: Optional[Any] = None,
152
104
  class_name: Optional[Any] = None,
153
105
  autofocus: Optional[bool] = None,
106
+ _rename_props: Optional[Dict[str, str]] = None,
154
107
  custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
155
108
  on_blur: Optional[
156
109
  Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -214,18 +167,12 @@ class Avatar(CommonMarginProps, RadixThemesComponent):
214
167
  radius: Override theme radius for avatar: "none" | "small" | "medium" | "large" | "full"
215
168
  src: The src of the avatar image
216
169
  fallback: The rendered fallback text
217
- m: Margin: "0" - "9"
218
- mx: Margin horizontal: "0" - "9"
219
- my: Margin vertical: "0" - "9"
220
- mt: Margin top: "0" - "9"
221
- mr: Margin right: "0" - "9"
222
- mb: Margin bottom: "0" - "9"
223
- ml: Margin left: "0" - "9"
224
170
  style: The style of the component.
225
171
  key: A unique key for the component.
226
172
  id: The id for the component.
227
173
  class_name: The class name for the component.
228
174
  autofocus: Whether the component should take the focus once the page is loaded
175
+ _rename_props: props to change the name of
229
176
  custom_attrs: custom attribute
230
177
  **props: Component properties.
231
178
 
@@ -5,15 +5,14 @@ from reflex import el
5
5
  from reflex.vars import Var
6
6
 
7
7
  from ..base import (
8
- CommonMarginProps,
9
8
  LiteralAccentColor,
10
9
  LiteralRadius,
11
10
  RadixThemesComponent,
12
11
  )
13
12
 
14
13
 
15
- class Badge(el.Span, CommonMarginProps, RadixThemesComponent):
16
- """A toggle switch alternative to the checkbox."""
14
+ class Badge(el.Span, RadixThemesComponent):
15
+ """A stylized badge element."""
17
16
 
18
17
  tag = "Badge"
19
18
 
@@ -24,7 +23,7 @@ class Badge(el.Span, CommonMarginProps, RadixThemesComponent):
24
23
  size: Var[Literal["1", "2"]]
25
24
 
26
25
  # Color theme of the badge
27
- color: Var[LiteralAccentColor]
26
+ color_scheme: Var[LiteralAccentColor]
28
27
 
29
28
  # Whether to render the badge with higher contrast color against background
30
29
  high_contrast: Var[bool]
@@ -10,14 +10,9 @@ from reflex.style import Style
10
10
  from typing import Literal
11
11
  from reflex import el
12
12
  from reflex.vars import Var
13
- from ..base import (
14
- CommonMarginProps,
15
- LiteralAccentColor,
16
- LiteralRadius,
17
- RadixThemesComponent,
18
- )
13
+ from ..base import LiteralAccentColor, LiteralRadius, RadixThemesComponent
19
14
 
20
- class Badge(el.Span, CommonMarginProps, RadixThemesComponent):
15
+ class Badge(el.Span, RadixThemesComponent):
21
16
  @overload
22
17
  @classmethod
23
18
  def create( # type: ignore
@@ -143,53 +138,12 @@ class Badge(el.Span, CommonMarginProps, RadixThemesComponent):
143
138
  translate: Optional[
144
139
  Union[Var[Union[str, int, bool]], Union[str, int, bool]]
145
140
  ] = None,
146
- m: Optional[
147
- Union[
148
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
149
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
150
- ]
151
- ] = None,
152
- mx: Optional[
153
- Union[
154
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
155
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
156
- ]
157
- ] = None,
158
- my: Optional[
159
- Union[
160
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
161
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
162
- ]
163
- ] = None,
164
- mt: Optional[
165
- Union[
166
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
167
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
168
- ]
169
- ] = None,
170
- mr: Optional[
171
- Union[
172
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
173
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
174
- ]
175
- ] = None,
176
- mb: Optional[
177
- Union[
178
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
179
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
180
- ]
181
- ] = None,
182
- ml: Optional[
183
- Union[
184
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
185
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
186
- ]
187
- ] = None,
188
141
  style: Optional[Style] = None,
189
142
  key: Optional[Any] = None,
190
143
  id: Optional[Any] = None,
191
144
  class_name: Optional[Any] = None,
192
145
  autofocus: Optional[bool] = None,
146
+ _rename_props: Optional[Dict[str, str]] = None,
193
147
  custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
194
148
  on_blur: Optional[
195
149
  Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -268,18 +222,12 @@ class Badge(el.Span, CommonMarginProps, RadixThemesComponent):
268
222
  tab_index: Defines the position of the current element in the tabbing order.
269
223
  title: Defines a tooltip for the element.
270
224
  translate: Specifies whether the content of an element should be translated or not.
271
- m: Margin: "0" - "9"
272
- mx: Margin horizontal: "0" - "9"
273
- my: Margin vertical: "0" - "9"
274
- mt: Margin top: "0" - "9"
275
- mr: Margin right: "0" - "9"
276
- mb: Margin bottom: "0" - "9"
277
- ml: Margin left: "0" - "9"
278
225
  style: The style of the component.
279
226
  key: A unique key for the component.
280
227
  id: The id for the component.
281
228
  class_name: The class name for the component.
282
229
  autofocus: Whether the component should take the focus once the page is loaded
230
+ _rename_props: props to change the name of
283
231
  custom_attrs: custom attribute
284
232
  **props: Component properties.
285
233
 
@@ -5,7 +5,6 @@ from reflex import el
5
5
  from reflex.vars import Var
6
6
 
7
7
  from ..base import (
8
- CommonMarginProps,
9
8
  LiteralAccentColor,
10
9
  LiteralRadius,
11
10
  LiteralVariant,
@@ -15,7 +14,7 @@ from ..base import (
15
14
  LiteralButtonSize = Literal["1", "2", "3", "4"]
16
15
 
17
16
 
18
- class Button(el.Button, CommonMarginProps, RadixThemesComponent):
17
+ class Button(el.Button, RadixThemesComponent):
19
18
  """Trigger an action or event, such as submitting a form or displaying a dialog."""
20
19
 
21
20
  tag = "Button"
@@ -30,7 +29,7 @@ class Button(el.Button, CommonMarginProps, RadixThemesComponent):
30
29
  variant: Var[LiteralVariant]
31
30
 
32
31
  # Override theme color for button
33
- color: Var[LiteralAccentColor]
32
+ color_scheme: Var[LiteralAccentColor]
34
33
 
35
34
  # Whether to render the button with higher contrast color against background
36
35
  high_contrast: Var[bool]
@@ -11,7 +11,6 @@ from typing import Literal
11
11
  from reflex import el
12
12
  from reflex.vars import Var
13
13
  from ..base import (
14
- CommonMarginProps,
15
14
  LiteralAccentColor,
16
15
  LiteralRadius,
17
16
  LiteralVariant,
@@ -20,7 +19,7 @@ from ..base import (
20
19
 
21
20
  LiteralButtonSize = Literal["1", "2", "3", "4"]
22
21
 
23
- class Button(el.Button, CommonMarginProps, RadixThemesComponent):
22
+ class Button(el.Button, RadixThemesComponent):
24
23
  @overload
25
24
  @classmethod
26
25
  def create( # type: ignore
@@ -176,53 +175,12 @@ class Button(el.Button, CommonMarginProps, RadixThemesComponent):
176
175
  translate: Optional[
177
176
  Union[Var[Union[str, int, bool]], Union[str, int, bool]]
178
177
  ] = None,
179
- m: Optional[
180
- Union[
181
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
182
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
183
- ]
184
- ] = None,
185
- mx: Optional[
186
- Union[
187
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
188
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
189
- ]
190
- ] = None,
191
- my: Optional[
192
- Union[
193
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
194
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
195
- ]
196
- ] = None,
197
- mt: Optional[
198
- Union[
199
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
200
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
201
- ]
202
- ] = None,
203
- mr: Optional[
204
- Union[
205
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
206
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
207
- ]
208
- ] = None,
209
- mb: Optional[
210
- Union[
211
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
212
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
213
- ]
214
- ] = None,
215
- ml: Optional[
216
- Union[
217
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
218
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
219
- ]
220
- ] = None,
221
178
  style: Optional[Style] = None,
222
179
  key: Optional[Any] = None,
223
180
  id: Optional[Any] = None,
224
181
  class_name: Optional[Any] = None,
225
182
  autofocus: Optional[bool] = None,
183
+ _rename_props: Optional[Dict[str, str]] = None,
226
184
  custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
227
185
  on_blur: Optional[
228
186
  Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -313,18 +271,12 @@ class Button(el.Button, CommonMarginProps, RadixThemesComponent):
313
271
  tab_index: Defines the position of the current element in the tabbing order.
314
272
  title: Defines a tooltip for the element.
315
273
  translate: Specifies whether the content of an element should be translated or not.
316
- m: Margin: "0" - "9"
317
- mx: Margin horizontal: "0" - "9"
318
- my: Margin vertical: "0" - "9"
319
- mt: Margin top: "0" - "9"
320
- mr: Margin right: "0" - "9"
321
- mb: Margin bottom: "0" - "9"
322
- ml: Margin left: "0" - "9"
323
274
  style: The style of the component.
324
275
  key: A unique key for the component.
325
276
  id: The id for the component.
326
277
  class_name: The class name for the component.
327
278
  autofocus: Whether the component should take the focus once the page is loaded
279
+ _rename_props: props to change the name of
328
280
  custom_attrs: custom attribute
329
281
  **props: Component properties.
330
282
 
@@ -8,14 +8,14 @@ from reflex.components.radix.themes.components.icons import Icon
8
8
  from reflex.vars import Var
9
9
 
10
10
  from ..base import (
11
- CommonMarginProps,
12
11
  LiteralAccentColor,
13
- LiteralVariant,
14
12
  RadixThemesComponent,
15
13
  )
16
14
 
15
+ CalloutVariant = Literal["soft", "surface", "outline"]
17
16
 
18
- class CalloutRoot(el.Div, CommonMarginProps, RadixThemesComponent):
17
+
18
+ class CalloutRoot(el.Div, RadixThemesComponent):
19
19
  """Trigger an action or event, such as submitting a form or displaying a dialog."""
20
20
 
21
21
  tag = "Callout.Root"
@@ -23,26 +23,26 @@ class CalloutRoot(el.Div, CommonMarginProps, RadixThemesComponent):
23
23
  # Change the default rendered element for the one passed as a child, merging their props and behavior.
24
24
  as_child: Var[bool]
25
25
 
26
- # Button size "1" - "4"
26
+ # Size "1" - "3"
27
27
  size: Var[Literal["1", "2", "3"]]
28
28
 
29
- # Variant of button: "solid" | "soft" | "outline" | "ghost"
30
- variant: Var[LiteralVariant]
29
+ # Variant of button: "soft" | "surface" | "outline"
30
+ variant: Var[CalloutVariant]
31
31
 
32
32
  # Override theme color for button
33
- color: Var[LiteralAccentColor]
33
+ color_scheme: Var[LiteralAccentColor]
34
34
 
35
35
  # Whether to render the button with higher contrast color against background
36
36
  high_contrast: Var[bool]
37
37
 
38
38
 
39
- class CalloutIcon(el.Div, CommonMarginProps, RadixThemesComponent):
39
+ class CalloutIcon(el.Div, RadixThemesComponent):
40
40
  """Trigger an action or event, such as submitting a form or displaying a dialog."""
41
41
 
42
42
  tag = "Callout.Icon"
43
43
 
44
44
 
45
- class CalloutText(el.P, CommonMarginProps, RadixThemesComponent):
45
+ class CalloutText(el.P, RadixThemesComponent):
46
46
  """Trigger an action or event, such as submitting a form or displaying a dialog."""
47
47
 
48
48
  tag = "Callout.Text"
@@ -75,6 +75,3 @@ class Callout(CalloutRoot):
75
75
  CalloutText.create(text),
76
76
  **props,
77
77
  )
78
-
79
-
80
- callout = Callout.create