reflex 0.3.9a3__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 (247) hide show
  1. reflex/__init__.py +3 -1
  2. reflex/__init__.pyi +3 -1
  3. reflex/app.py +116 -86
  4. reflex/compiler/compiler.py +110 -0
  5. reflex/compiler/utils.py +13 -12
  6. reflex/components/base/app_wrap.pyi +1 -0
  7. reflex/components/base/body.pyi +2 -0
  8. reflex/components/base/document.pyi +10 -0
  9. reflex/components/base/fragment.pyi +2 -0
  10. reflex/components/base/head.pyi +4 -0
  11. reflex/components/base/link.pyi +4 -0
  12. reflex/components/base/meta.pyi +8 -0
  13. reflex/components/base/script.pyi +2 -0
  14. reflex/components/chakra/base.pyi +7 -0
  15. reflex/components/chakra/datadisplay/badge.pyi +2 -0
  16. reflex/components/chakra/datadisplay/code.pyi +4 -0
  17. reflex/components/chakra/datadisplay/divider.pyi +2 -0
  18. reflex/components/chakra/datadisplay/keyboard_key.pyi +2 -0
  19. reflex/components/chakra/datadisplay/list.pyi +8 -0
  20. reflex/components/chakra/datadisplay/stat.pyi +12 -0
  21. reflex/components/chakra/datadisplay/table.pyi +18 -0
  22. reflex/components/chakra/datadisplay/tag.pyi +9 -0
  23. reflex/components/chakra/disclosure/accordion.pyi +10 -0
  24. reflex/components/chakra/disclosure/tabs.py +8 -0
  25. reflex/components/chakra/disclosure/tabs.pyi +10 -0
  26. reflex/components/chakra/disclosure/transition.pyi +12 -0
  27. reflex/components/chakra/disclosure/visuallyhidden.pyi +2 -0
  28. reflex/components/chakra/feedback/alert.pyi +8 -0
  29. reflex/components/chakra/feedback/circularprogress.pyi +4 -0
  30. reflex/components/chakra/feedback/progress.pyi +2 -0
  31. reflex/components/chakra/feedback/skeleton.pyi +6 -0
  32. reflex/components/chakra/feedback/spinner.pyi +2 -0
  33. reflex/components/chakra/forms/button.pyi +4 -0
  34. reflex/components/chakra/forms/checkbox.pyi +4 -0
  35. reflex/components/chakra/forms/colormodeswitch.pyi +7 -0
  36. reflex/components/chakra/forms/date_picker.pyi +2 -0
  37. reflex/components/chakra/forms/date_time_picker.pyi +2 -0
  38. reflex/components/chakra/forms/editable.pyi +8 -0
  39. reflex/components/chakra/forms/email.pyi +2 -0
  40. reflex/components/chakra/forms/form.pyi +10 -0
  41. reflex/components/chakra/forms/iconbutton.py +1 -0
  42. reflex/components/chakra/forms/iconbutton.pyi +2 -0
  43. reflex/components/chakra/forms/input.pyi +12 -0
  44. reflex/components/chakra/forms/numberinput.pyi +10 -0
  45. reflex/components/chakra/forms/password.pyi +2 -0
  46. reflex/components/chakra/forms/pininput.pyi +4 -0
  47. reflex/components/chakra/forms/radio.pyi +4 -0
  48. reflex/components/chakra/forms/rangeslider.pyi +8 -0
  49. reflex/components/chakra/forms/select.pyi +4 -0
  50. reflex/components/chakra/forms/slider.pyi +10 -0
  51. reflex/components/chakra/forms/switch.pyi +2 -0
  52. reflex/components/chakra/forms/textarea.pyi +2 -0
  53. reflex/components/chakra/forms/time_picker.pyi +2 -0
  54. reflex/components/chakra/layout/aspect_ratio.pyi +2 -0
  55. reflex/components/chakra/layout/box.pyi +2 -0
  56. reflex/components/chakra/layout/card.pyi +7 -0
  57. reflex/components/chakra/layout/center.pyi +6 -0
  58. reflex/components/chakra/layout/container.pyi +2 -0
  59. reflex/components/chakra/layout/flex.pyi +2 -0
  60. reflex/components/chakra/layout/grid.pyi +6 -0
  61. reflex/components/chakra/layout/html.pyi +2 -0
  62. reflex/components/chakra/layout/spacer.pyi +2 -0
  63. reflex/components/chakra/layout/stack.pyi +6 -0
  64. reflex/components/chakra/layout/wrap.pyi +4 -0
  65. reflex/components/chakra/media/avatar.pyi +6 -0
  66. reflex/components/chakra/media/icon.pyi +4 -0
  67. reflex/components/chakra/media/image.pyi +2 -0
  68. reflex/components/chakra/navigation/breadcrumb.pyi +8 -0
  69. reflex/components/chakra/navigation/link.pyi +2 -0
  70. reflex/components/chakra/navigation/linkoverlay.pyi +4 -0
  71. reflex/components/chakra/navigation/stepper.pyi +18 -0
  72. reflex/components/chakra/overlay/alertdialog.pyi +14 -0
  73. reflex/components/chakra/overlay/drawer.pyi +14 -0
  74. reflex/components/chakra/overlay/menu.pyi +16 -0
  75. reflex/components/chakra/overlay/modal.pyi +14 -0
  76. reflex/components/chakra/overlay/popover.pyi +18 -0
  77. reflex/components/chakra/overlay/tooltip.pyi +2 -0
  78. reflex/components/chakra/typography/heading.pyi +2 -0
  79. reflex/components/chakra/typography/highlight.pyi +2 -0
  80. reflex/components/chakra/typography/span.pyi +2 -0
  81. reflex/components/chakra/typography/text.pyi +2 -0
  82. reflex/components/component.py +41 -3
  83. reflex/components/core/__init__.py +2 -0
  84. reflex/components/core/banner.pyi +3 -0
  85. reflex/components/core/client_side_routing.pyi +4 -0
  86. reflex/components/core/colors.py +21 -0
  87. reflex/components/core/cond.py +11 -2
  88. reflex/components/core/debounce.pyi +1 -0
  89. reflex/components/core/layout/__init__.py +1 -0
  90. reflex/components/core/match.py +44 -18
  91. reflex/components/core/upload.py +8 -2
  92. reflex/components/core/upload.pyi +7 -1
  93. reflex/components/datadisplay/dataeditor.pyi +2 -0
  94. reflex/components/el/element.pyi +2 -0
  95. reflex/components/el/elements/base.pyi +2 -0
  96. reflex/components/el/elements/forms.py +3 -0
  97. reflex/components/el/elements/forms.pyi +32 -0
  98. reflex/components/el/elements/inline.pyi +56 -0
  99. reflex/components/el/elements/media.pyi +28 -0
  100. reflex/components/el/elements/metadata.pyi +10 -0
  101. reflex/components/el/elements/other.pyi +14 -0
  102. reflex/components/el/elements/scripts.pyi +6 -0
  103. reflex/components/el/elements/sectioning.pyi +30 -0
  104. reflex/components/el/elements/tables.pyi +20 -0
  105. reflex/components/el/elements/typography.pyi +30 -0
  106. reflex/components/gridjs/datatable.pyi +4 -0
  107. reflex/components/lucide/__init__.py +5 -0
  108. reflex/components/lucide/icon.py +1484 -0
  109. reflex/components/lucide/icon.pyi +1594 -0
  110. reflex/components/markdown/markdown.pyi +2 -0
  111. reflex/components/moment/moment.pyi +2 -0
  112. reflex/components/next/base.pyi +2 -0
  113. reflex/components/next/image.pyi +2 -0
  114. reflex/components/next/link.pyi +2 -0
  115. reflex/components/next/video.pyi +2 -0
  116. reflex/components/plotly/plotly.pyi +4 -0
  117. reflex/components/radix/primitives/__init__.py +10 -0
  118. reflex/components/radix/primitives/accordion.py +51 -32
  119. reflex/components/radix/primitives/accordion.pyi +16 -3
  120. reflex/components/radix/primitives/base.pyi +4 -0
  121. reflex/components/radix/primitives/drawer.py +240 -0
  122. reflex/components/radix/primitives/drawer.pyi +814 -0
  123. reflex/components/radix/primitives/form.py +40 -7
  124. reflex/components/radix/primitives/form.pyi +32 -10
  125. reflex/components/radix/primitives/progress.py +2 -2
  126. reflex/components/radix/primitives/progress.pyi +6 -0
  127. reflex/components/radix/primitives/slider.pyi +10 -0
  128. reflex/components/radix/themes/base.py +46 -12
  129. reflex/components/radix/themes/base.pyi +23 -9
  130. reflex/components/radix/themes/components/__init__.py +4 -2
  131. reflex/components/radix/themes/components/alertdialog.py +13 -12
  132. reflex/components/radix/themes/components/alertdialog.pyi +23 -351
  133. reflex/components/radix/themes/components/aspectratio.py +2 -5
  134. reflex/components/radix/themes/components/aspectratio.pyi +4 -51
  135. reflex/components/radix/themes/components/avatar.py +3 -4
  136. reflex/components/radix/themes/components/avatar.pyi +4 -57
  137. reflex/components/radix/themes/components/badge.py +3 -4
  138. reflex/components/radix/themes/components/badge.pyi +4 -56
  139. reflex/components/radix/themes/components/button.py +2 -3
  140. reflex/components/radix/themes/components/button.pyi +3 -51
  141. reflex/components/radix/themes/components/callout.py +9 -12
  142. reflex/components/radix/themes/components/callout.pyi +24 -217
  143. reflex/components/radix/themes/components/card.py +1 -2
  144. reflex/components/radix/themes/components/card.pyi +4 -51
  145. reflex/components/radix/themes/components/checkbox.py +11 -5
  146. reflex/components/radix/themes/components/checkbox.pyi +13 -112
  147. reflex/components/radix/themes/components/contextmenu.py +21 -21
  148. reflex/components/radix/themes/components/contextmenu.pyi +26 -401
  149. reflex/components/radix/themes/components/dialog.py +13 -16
  150. reflex/components/radix/themes/components/dialog.pyi +20 -303
  151. reflex/components/radix/themes/components/dropdownmenu.py +196 -32
  152. reflex/components/radix/themes/components/dropdownmenu.pyi +147 -389
  153. reflex/components/radix/themes/components/hovercard.py +5 -5
  154. reflex/components/radix/themes/components/hovercard.pyi +11 -151
  155. reflex/components/radix/themes/components/iconbutton.py +56 -4
  156. reflex/components/radix/themes/components/iconbutton.pyi +25 -71
  157. reflex/components/radix/themes/components/icons.pyi +4 -0
  158. reflex/components/radix/themes/components/inset.py +1 -2
  159. reflex/components/radix/themes/components/inset.pyi +4 -51
  160. reflex/components/radix/themes/components/popover.py +12 -12
  161. reflex/components/radix/themes/components/popover.pyi +14 -201
  162. reflex/components/radix/themes/components/radiogroup.py +47 -20
  163. reflex/components/radix/themes/components/radiogroup.pyi +26 -171
  164. reflex/components/radix/themes/components/scrollarea.py +2 -3
  165. reflex/components/radix/themes/components/scrollarea.pyi +4 -51
  166. reflex/components/radix/themes/components/select.py +28 -25
  167. reflex/components/radix/themes/components/select.pyi +43 -419
  168. reflex/components/radix/themes/components/separator.py +4 -5
  169. reflex/components/radix/themes/components/separator.pyi +5 -52
  170. reflex/components/radix/themes/components/slider.py +8 -5
  171. reflex/components/radix/themes/components/slider.pyi +9 -60
  172. reflex/components/radix/themes/components/switch.py +6 -4
  173. reflex/components/radix/themes/components/switch.pyi +5 -53
  174. reflex/components/radix/themes/components/table.py +14 -15
  175. reflex/components/radix/themes/components/table.pyi +22 -351
  176. reflex/components/radix/themes/components/tabs.py +9 -6
  177. reflex/components/radix/themes/components/tabs.pyi +18 -205
  178. reflex/components/radix/themes/components/textarea.py +2 -3
  179. reflex/components/radix/themes/components/textarea.pyi +10 -53
  180. reflex/components/radix/themes/components/textfield.py +105 -4
  181. reflex/components/radix/themes/components/textfield.pyi +200 -108
  182. reflex/components/radix/themes/components/tooltip.py +102 -2
  183. reflex/components/radix/themes/components/tooltip.pyi +66 -110
  184. reflex/components/radix/themes/layout/__init__.py +7 -0
  185. reflex/components/radix/themes/layout/base.pyi +2 -0
  186. reflex/components/radix/themes/layout/box.py +2 -2
  187. reflex/components/radix/themes/layout/box.pyi +4 -104
  188. reflex/components/radix/themes/layout/center.py +19 -0
  189. reflex/components/radix/themes/layout/center.pyi +261 -0
  190. reflex/components/radix/themes/layout/container.py +2 -2
  191. reflex/components/radix/themes/layout/container.pyi +4 -104
  192. reflex/components/radix/themes/layout/flex.py +2 -2
  193. reflex/components/radix/themes/layout/flex.pyi +4 -105
  194. reflex/components/radix/themes/layout/grid.pyi +2 -0
  195. reflex/components/radix/themes/layout/section.py +2 -2
  196. reflex/components/radix/themes/layout/section.pyi +4 -104
  197. reflex/components/radix/themes/layout/spacer.py +19 -0
  198. reflex/components/radix/themes/layout/spacer.pyi +261 -0
  199. reflex/components/radix/themes/layout/stack.py +60 -0
  200. reflex/components/radix/themes/layout/stack.pyi +537 -0
  201. reflex/components/radix/themes/typography/blockquote.py +2 -3
  202. reflex/components/radix/themes/typography/blockquote.pyi +4 -51
  203. reflex/components/radix/themes/typography/code.py +2 -3
  204. reflex/components/radix/themes/typography/code.pyi +4 -56
  205. reflex/components/radix/themes/typography/em.py +1 -2
  206. reflex/components/radix/themes/typography/em.pyi +4 -51
  207. reflex/components/radix/themes/typography/heading.py +2 -3
  208. reflex/components/radix/themes/typography/heading.pyi +4 -51
  209. reflex/components/radix/themes/typography/kbd.py +1 -2
  210. reflex/components/radix/themes/typography/kbd.pyi +4 -51
  211. reflex/components/radix/themes/typography/link.py +34 -3
  212. reflex/components/radix/themes/typography/link.pyi +41 -86
  213. reflex/components/radix/themes/typography/quote.py +1 -2
  214. reflex/components/radix/themes/typography/quote.pyi +4 -51
  215. reflex/components/radix/themes/typography/strong.py +1 -2
  216. reflex/components/radix/themes/typography/strong.pyi +4 -51
  217. reflex/components/radix/themes/typography/text.py +2 -3
  218. reflex/components/radix/themes/typography/text.pyi +4 -51
  219. reflex/components/radix/themes/typography.py +10 -11
  220. reflex/components/react_player/audio.pyi +2 -0
  221. reflex/components/react_player/react_player.pyi +2 -0
  222. reflex/components/react_player/video.pyi +2 -0
  223. reflex/components/recharts/cartesian.pyi +38 -0
  224. reflex/components/recharts/charts.pyi +22 -0
  225. reflex/components/recharts/general.pyi +10 -0
  226. reflex/components/recharts/polar.pyi +12 -0
  227. reflex/components/recharts/recharts.pyi +4 -0
  228. reflex/components/suneditor/editor.pyi +2 -0
  229. reflex/components/tags/tag.py +1 -1
  230. reflex/constants/base.py +5 -1
  231. reflex/constants/colors.py +80 -0
  232. reflex/constants/event.py +10 -1
  233. reflex/page.py +1 -1
  234. reflex/reflex.py +4 -0
  235. reflex/style.py +8 -3
  236. reflex/testing.py +21 -10
  237. reflex/utils/format.py +13 -9
  238. reflex/utils/prerequisites.py +41 -3
  239. reflex/utils/serializers.py +14 -0
  240. reflex/utils/telemetry.py +8 -2
  241. reflex/utils/types.py +36 -2
  242. reflex/vars.py +53 -18
  243. {reflex-0.3.9a3.dist-info → reflex-0.3.10.dist-info}/METADATA +1 -2
  244. {reflex-0.3.9a3.dist-info → reflex-0.3.10.dist-info}/RECORD +247 -233
  245. {reflex-0.3.9a3.dist-info → reflex-0.3.10.dist-info}/WHEEL +1 -1
  246. {reflex-0.3.9a3.dist-info → reflex-0.3.10.dist-info}/LICENSE +0 -0
  247. {reflex-0.3.9a3.dist-info → reflex-0.3.10.dist-info}/entry_points.txt +0 -0
@@ -13,14 +13,11 @@ from reflex import el
13
13
  from reflex.components.component import Component
14
14
  from reflex.components.radix.themes.components.icons import Icon
15
15
  from reflex.vars import Var
16
- from ..base import (
17
- CommonMarginProps,
18
- LiteralAccentColor,
19
- LiteralVariant,
20
- RadixThemesComponent,
21
- )
16
+ from ..base import LiteralAccentColor, RadixThemesComponent
22
17
 
23
- class CalloutRoot(el.Div, CommonMarginProps, RadixThemesComponent):
18
+ CalloutVariant = Literal["soft", "surface", "outline"]
19
+
20
+ class CalloutRoot(el.Div, RadixThemesComponent):
24
21
  @overload
25
22
  @classmethod
26
23
  def create( # type: ignore
@@ -95,8 +92,8 @@ class CalloutRoot(el.Div, CommonMarginProps, RadixThemesComponent):
95
92
  ] = None,
96
93
  variant: Optional[
97
94
  Union[
98
- Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
99
- Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
95
+ Var[Literal["soft", "surface", "outline"]],
96
+ Literal["soft", "surface", "outline"],
100
97
  ]
101
98
  ] = None,
102
99
  high_contrast: Optional[Union[Var[bool], bool]] = None,
@@ -143,53 +140,12 @@ class CalloutRoot(el.Div, CommonMarginProps, RadixThemesComponent):
143
140
  translate: Optional[
144
141
  Union[Var[Union[str, int, bool]], Union[str, int, bool]]
145
142
  ] = 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
143
  style: Optional[Style] = None,
189
144
  key: Optional[Any] = None,
190
145
  id: Optional[Any] = None,
191
146
  class_name: Optional[Any] = None,
192
147
  autofocus: Optional[bool] = None,
148
+ _rename_props: Optional[Dict[str, str]] = None,
193
149
  custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
194
150
  on_blur: Optional[
195
151
  Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -248,8 +204,8 @@ class CalloutRoot(el.Div, CommonMarginProps, RadixThemesComponent):
248
204
  color: map to CSS default color property.
249
205
  color_scheme: map to radix color property.
250
206
  as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
251
- size: Button size "1" - "4"
252
- variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
207
+ size: Size "1" - "3"
208
+ variant: Variant of button: "soft" | "surface" | "outline"
253
209
  high_contrast: Whether to render the button with higher contrast color against background
254
210
  access_key: Provides a hint for generating a keyboard shortcut for the current element.
255
211
  auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
@@ -268,18 +224,12 @@ class CalloutRoot(el.Div, CommonMarginProps, RadixThemesComponent):
268
224
  tab_index: Defines the position of the current element in the tabbing order.
269
225
  title: Defines a tooltip for the element.
270
226
  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
227
  style: The style of the component.
279
228
  key: A unique key for the component.
280
229
  id: The id for the component.
281
230
  class_name: The class name for the component.
282
231
  autofocus: Whether the component should take the focus once the page is loaded
232
+ _rename_props: props to change the name of
283
233
  custom_attrs: custom attribute
284
234
  **props: Component properties.
285
235
 
@@ -288,7 +238,7 @@ class CalloutRoot(el.Div, CommonMarginProps, RadixThemesComponent):
288
238
  """
289
239
  ...
290
240
 
291
- class CalloutIcon(el.Div, CommonMarginProps, RadixThemesComponent):
241
+ class CalloutIcon(el.Div, RadixThemesComponent):
292
242
  @overload
293
243
  @classmethod
294
244
  def create( # type: ignore
@@ -400,53 +350,12 @@ class CalloutIcon(el.Div, CommonMarginProps, RadixThemesComponent):
400
350
  translate: Optional[
401
351
  Union[Var[Union[str, int, bool]], Union[str, int, bool]]
402
352
  ] = None,
403
- m: Optional[
404
- Union[
405
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
406
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
407
- ]
408
- ] = None,
409
- mx: Optional[
410
- Union[
411
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
412
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
413
- ]
414
- ] = None,
415
- my: Optional[
416
- Union[
417
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
418
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
419
- ]
420
- ] = None,
421
- mt: Optional[
422
- Union[
423
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
424
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
425
- ]
426
- ] = None,
427
- mr: Optional[
428
- Union[
429
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
430
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
431
- ]
432
- ] = None,
433
- mb: Optional[
434
- Union[
435
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
436
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
437
- ]
438
- ] = None,
439
- ml: Optional[
440
- Union[
441
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
442
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
443
- ]
444
- ] = None,
445
353
  style: Optional[Style] = None,
446
354
  key: Optional[Any] = None,
447
355
  id: Optional[Any] = None,
448
356
  class_name: Optional[Any] = None,
449
357
  autofocus: Optional[bool] = None,
358
+ _rename_props: Optional[Dict[str, str]] = None,
450
359
  custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
451
360
  on_blur: Optional[
452
361
  Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -521,18 +430,12 @@ class CalloutIcon(el.Div, CommonMarginProps, RadixThemesComponent):
521
430
  tab_index: Defines the position of the current element in the tabbing order.
522
431
  title: Defines a tooltip for the element.
523
432
  translate: Specifies whether the content of an element should be translated or not.
524
- m: Margin: "0" - "9"
525
- mx: Margin horizontal: "0" - "9"
526
- my: Margin vertical: "0" - "9"
527
- mt: Margin top: "0" - "9"
528
- mr: Margin right: "0" - "9"
529
- mb: Margin bottom: "0" - "9"
530
- ml: Margin left: "0" - "9"
531
433
  style: The style of the component.
532
434
  key: A unique key for the component.
533
435
  id: The id for the component.
534
436
  class_name: The class name for the component.
535
437
  autofocus: Whether the component should take the focus once the page is loaded
438
+ _rename_props: props to change the name of
536
439
  custom_attrs: custom attribute
537
440
  **props: Component properties.
538
441
 
@@ -541,7 +444,7 @@ class CalloutIcon(el.Div, CommonMarginProps, RadixThemesComponent):
541
444
  """
542
445
  ...
543
446
 
544
- class CalloutText(el.P, CommonMarginProps, RadixThemesComponent):
447
+ class CalloutText(el.P, RadixThemesComponent):
545
448
  @overload
546
449
  @classmethod
547
450
  def create( # type: ignore
@@ -653,53 +556,12 @@ class CalloutText(el.P, CommonMarginProps, RadixThemesComponent):
653
556
  translate: Optional[
654
557
  Union[Var[Union[str, int, bool]], Union[str, int, bool]]
655
558
  ] = None,
656
- m: Optional[
657
- Union[
658
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
659
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
660
- ]
661
- ] = None,
662
- mx: Optional[
663
- Union[
664
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
665
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
666
- ]
667
- ] = None,
668
- my: Optional[
669
- Union[
670
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
671
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
672
- ]
673
- ] = None,
674
- mt: Optional[
675
- Union[
676
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
677
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
678
- ]
679
- ] = None,
680
- mr: Optional[
681
- Union[
682
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
683
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
684
- ]
685
- ] = None,
686
- mb: Optional[
687
- Union[
688
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
689
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
690
- ]
691
- ] = None,
692
- ml: Optional[
693
- Union[
694
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
695
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
696
- ]
697
- ] = None,
698
559
  style: Optional[Style] = None,
699
560
  key: Optional[Any] = None,
700
561
  id: Optional[Any] = None,
701
562
  class_name: Optional[Any] = None,
702
563
  autofocus: Optional[bool] = None,
564
+ _rename_props: Optional[Dict[str, str]] = None,
703
565
  custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
704
566
  on_blur: Optional[
705
567
  Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -774,18 +636,12 @@ class CalloutText(el.P, CommonMarginProps, RadixThemesComponent):
774
636
  tab_index: Defines the position of the current element in the tabbing order.
775
637
  title: Defines a tooltip for the element.
776
638
  translate: Specifies whether the content of an element should be translated or not.
777
- m: Margin: "0" - "9"
778
- mx: Margin horizontal: "0" - "9"
779
- my: Margin vertical: "0" - "9"
780
- mt: Margin top: "0" - "9"
781
- mr: Margin right: "0" - "9"
782
- mb: Margin bottom: "0" - "9"
783
- ml: Margin left: "0" - "9"
784
639
  style: The style of the component.
785
640
  key: A unique key for the component.
786
641
  id: The id for the component.
787
642
  class_name: The class name for the component.
788
643
  autofocus: Whether the component should take the focus once the page is loaded
644
+ _rename_props: props to change the name of
789
645
  custom_attrs: custom attribute
790
646
  **props: Component properties.
791
647
 
@@ -808,11 +664,11 @@ class Callout(CalloutRoot):
808
664
  ] = None,
809
665
  variant: Optional[
810
666
  Union[
811
- Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
812
- Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
667
+ Var[Literal["soft", "surface", "outline"]],
668
+ Literal["soft", "surface", "outline"],
813
669
  ]
814
670
  ] = None,
815
- color: Optional[
671
+ color_scheme: Optional[
816
672
  Union[
817
673
  Var[
818
674
  Literal[
@@ -918,53 +774,12 @@ class Callout(CalloutRoot):
918
774
  translate: Optional[
919
775
  Union[Var[Union[str, int, bool]], Union[str, int, bool]]
920
776
  ] = None,
921
- m: Optional[
922
- Union[
923
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
924
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
925
- ]
926
- ] = None,
927
- mx: Optional[
928
- Union[
929
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
930
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
931
- ]
932
- ] = None,
933
- my: Optional[
934
- Union[
935
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
936
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
937
- ]
938
- ] = None,
939
- mt: Optional[
940
- Union[
941
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
942
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
943
- ]
944
- ] = None,
945
- mr: Optional[
946
- Union[
947
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
948
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
949
- ]
950
- ] = None,
951
- mb: Optional[
952
- Union[
953
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
954
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
955
- ]
956
- ] = None,
957
- ml: Optional[
958
- Union[
959
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
960
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
961
- ]
962
- ] = None,
963
777
  style: Optional[Style] = None,
964
778
  key: Optional[Any] = None,
965
779
  id: Optional[Any] = None,
966
780
  class_name: Optional[Any] = None,
967
781
  autofocus: Optional[bool] = None,
782
+ _rename_props: Optional[Dict[str, str]] = None,
968
783
  custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
969
784
  on_blur: Optional[
970
785
  Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -1020,9 +835,9 @@ class Callout(CalloutRoot):
1020
835
  text: The text of the callout.
1021
836
  icon: The icon of the callout.
1022
837
  as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
1023
- size: Button size "1" - "4"
1024
- variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
1025
- color: Override theme color for button
838
+ size: Size "1" - "3"
839
+ variant: Variant of button: "soft" | "surface" | "outline"
840
+ color_scheme: Override theme color for button
1026
841
  high_contrast: Whether to render the button with higher contrast color against background
1027
842
  access_key: Provides a hint for generating a keyboard shortcut for the current element.
1028
843
  auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
@@ -1041,18 +856,12 @@ class Callout(CalloutRoot):
1041
856
  tab_index: Defines the position of the current element in the tabbing order.
1042
857
  title: Defines a tooltip for the element.
1043
858
  translate: Specifies whether the content of an element should be translated or not.
1044
- m: Margin: "0" - "9"
1045
- mx: Margin horizontal: "0" - "9"
1046
- my: Margin vertical: "0" - "9"
1047
- mt: Margin top: "0" - "9"
1048
- mr: Margin right: "0" - "9"
1049
- mb: Margin bottom: "0" - "9"
1050
- ml: Margin left: "0" - "9"
1051
859
  style: The style of the component.
1052
860
  key: A unique key for the component.
1053
861
  id: The id for the component.
1054
862
  class_name: The class name for the component.
1055
863
  autofocus: Whether the component should take the focus once the page is loaded
864
+ _rename_props: props to change the name of
1056
865
  custom_attrs: custom attribute
1057
866
  **props: The properties of the component.
1058
867
 
@@ -1060,5 +869,3 @@ class Callout(CalloutRoot):
1060
869
  The callout component.
1061
870
  """
1062
871
  ...
1063
-
1064
- callout = Callout.create
@@ -5,12 +5,11 @@ from reflex import el
5
5
  from reflex.vars import Var
6
6
 
7
7
  from ..base import (
8
- CommonMarginProps,
9
8
  RadixThemesComponent,
10
9
  )
11
10
 
12
11
 
13
- class Card(el.Div, CommonMarginProps, RadixThemesComponent):
12
+ class Card(el.Div, RadixThemesComponent):
14
13
  """Container that groups related content and actions."""
15
14
 
16
15
  tag = "Card"
@@ -10,9 +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 CommonMarginProps, RadixThemesComponent
13
+ from ..base import RadixThemesComponent
14
14
 
15
- class Card(el.Div, CommonMarginProps, RadixThemesComponent):
15
+ class Card(el.Div, RadixThemesComponent):
16
16
  @overload
17
17
  @classmethod
18
18
  def create( # type: ignore
@@ -136,53 +136,12 @@ class Card(el.Div, CommonMarginProps, RadixThemesComponent):
136
136
  translate: Optional[
137
137
  Union[Var[Union[str, int, bool]], Union[str, int, bool]]
138
138
  ] = None,
139
- m: Optional[
140
- Union[
141
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
142
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
143
- ]
144
- ] = None,
145
- mx: Optional[
146
- Union[
147
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
148
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
149
- ]
150
- ] = None,
151
- my: Optional[
152
- Union[
153
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
154
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
155
- ]
156
- ] = None,
157
- mt: Optional[
158
- Union[
159
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
160
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
161
- ]
162
- ] = None,
163
- mr: Optional[
164
- Union[
165
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
166
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
167
- ]
168
- ] = None,
169
- mb: Optional[
170
- Union[
171
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
172
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
173
- ]
174
- ] = None,
175
- ml: Optional[
176
- Union[
177
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
178
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
179
- ]
180
- ] = None,
181
139
  style: Optional[Style] = None,
182
140
  key: Optional[Any] = None,
183
141
  id: Optional[Any] = None,
184
142
  class_name: Optional[Any] = None,
185
143
  autofocus: Optional[bool] = None,
144
+ _rename_props: Optional[Dict[str, str]] = None,
186
145
  custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
187
146
  on_blur: Optional[
188
147
  Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -260,18 +219,12 @@ class Card(el.Div, CommonMarginProps, RadixThemesComponent):
260
219
  tab_index: Defines the position of the current element in the tabbing order.
261
220
  title: Defines a tooltip for the element.
262
221
  translate: Specifies whether the content of an element should be translated or not.
263
- m: Margin: "0" - "9"
264
- mx: Margin horizontal: "0" - "9"
265
- my: Margin vertical: "0" - "9"
266
- mt: Margin top: "0" - "9"
267
- mr: Margin right: "0" - "9"
268
- mb: Margin bottom: "0" - "9"
269
- ml: Margin left: "0" - "9"
270
222
  style: The style of the component.
271
223
  key: A unique key for the component.
272
224
  id: The id for the component.
273
225
  class_name: The class name for the component.
274
226
  autofocus: Whether the component should take the focus once the page is loaded
227
+ _rename_props: props to change the name of
275
228
  custom_attrs: custom attribute
276
229
  **props: Component properties.
277
230
 
@@ -4,10 +4,10 @@ from typing import Any, Dict, Literal
4
4
  from reflex.components.component import Component
5
5
  from reflex.components.radix.themes.layout.flex import Flex
6
6
  from reflex.components.radix.themes.typography.text import Text
7
+ from reflex.constants import EventTriggers
7
8
  from reflex.vars import Var
8
9
 
9
10
  from ..base import (
10
- CommonMarginProps,
11
11
  LiteralAccentColor,
12
12
  LiteralSize,
13
13
  LiteralVariant,
@@ -17,7 +17,7 @@ from ..base import (
17
17
  LiteralCheckboxSize = Literal["1", "2", "3"]
18
18
 
19
19
 
20
- class Checkbox(CommonMarginProps, RadixThemesComponent):
20
+ class Checkbox(RadixThemesComponent):
21
21
  """Trigger an action or event, such as submitting a form or displaying a dialog."""
22
22
 
23
23
  tag = "Checkbox"
@@ -32,7 +32,7 @@ class Checkbox(CommonMarginProps, RadixThemesComponent):
32
32
  variant: Var[LiteralVariant]
33
33
 
34
34
  # Override theme color for button
35
- color: Var[LiteralAccentColor]
35
+ color_scheme: Var[LiteralAccentColor]
36
36
 
37
37
  # Whether to render the button with higher contrast color against background
38
38
  high_contrast: Var[bool]
@@ -55,6 +55,9 @@ class Checkbox(CommonMarginProps, RadixThemesComponent):
55
55
  # The value of the checkbox control when submitting the form.
56
56
  value: Var[str]
57
57
 
58
+ # Props to rename
59
+ _rename_props = {"onChange": "onCheckedChange"}
60
+
58
61
  def get_event_triggers(self) -> Dict[str, Any]:
59
62
  """Get the events triggers signatures for the component.
60
63
 
@@ -63,7 +66,7 @@ class Checkbox(CommonMarginProps, RadixThemesComponent):
63
66
  """
64
67
  return {
65
68
  **super().get_event_triggers(),
66
- "on_checked_change": lambda e0: [e0],
69
+ EventTriggers.ON_CHANGE: lambda e0: [e0],
67
70
  }
68
71
 
69
72
 
@@ -95,7 +98,10 @@ class HighLevelCheckbox(Checkbox):
95
98
 
96
99
  return Text.create(
97
100
  Flex.create(
98
- Checkbox.create(size=size, **props),
101
+ Checkbox.create(
102
+ size=size,
103
+ **props,
104
+ ),
99
105
  text,
100
106
  gap=gap,
101
107
  ),