reflex 0.5.5a2__py3-none-any.whl → 0.5.6__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 (264) hide show
  1. reflex/.templates/jinja/web/pages/_app.js.jinja2 +0 -1
  2. reflex/.templates/jinja/web/utils/context.js.jinja2 +2 -0
  3. reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js +20 -2
  4. reflex/.templates/web/utils/helpers/paste.js +59 -0
  5. reflex/__init__.py +9 -1
  6. reflex/__init__.pyi +89 -87
  7. reflex/app.py +64 -126
  8. reflex/app_mixins/__init__.py +5 -0
  9. reflex/app_mixins/lifespan.py +57 -0
  10. reflex/app_mixins/middleware.py +93 -0
  11. reflex/app_mixins/mixin.py +14 -0
  12. reflex/compiler/compiler.py +6 -1
  13. reflex/components/__init__.pyi +0 -2
  14. reflex/components/base/__init__.pyi +1 -3
  15. reflex/components/base/app_wrap.pyi +21 -22
  16. reflex/components/base/body.pyi +21 -20
  17. reflex/components/base/document.pyi +85 -85
  18. reflex/components/base/fragment.pyi +21 -20
  19. reflex/components/base/head.pyi +37 -36
  20. reflex/components/base/link.pyi +37 -37
  21. reflex/components/base/meta.pyi +69 -70
  22. reflex/components/base/script.py +6 -2
  23. reflex/components/base/script.pyi +31 -27
  24. reflex/components/chakra/base.pyi +54 -56
  25. reflex/components/chakra/datadisplay/badge.pyi +21 -21
  26. reflex/components/chakra/datadisplay/code.pyi +21 -20
  27. reflex/components/chakra/datadisplay/divider.pyi +21 -22
  28. reflex/components/chakra/datadisplay/keyboard_key.pyi +21 -20
  29. reflex/components/chakra/datadisplay/list.pyi +69 -71
  30. reflex/components/chakra/datadisplay/stat.pyi +101 -102
  31. reflex/components/chakra/datadisplay/table.pyi +149 -153
  32. reflex/components/chakra/datadisplay/tag.pyi +85 -89
  33. reflex/components/chakra/disclosure/accordion.pyi +87 -93
  34. reflex/components/chakra/disclosure/tabs.pyi +85 -90
  35. reflex/components/chakra/disclosure/transition.pyi +104 -105
  36. reflex/components/chakra/disclosure/visuallyhidden.pyi +21 -20
  37. reflex/components/chakra/feedback/alert.pyi +69 -70
  38. reflex/components/chakra/feedback/circularprogress.pyi +38 -40
  39. reflex/components/chakra/feedback/progress.pyi +22 -23
  40. reflex/components/chakra/feedback/skeleton.pyi +53 -53
  41. reflex/components/chakra/feedback/spinner.pyi +21 -21
  42. reflex/components/chakra/forms/button.pyi +37 -42
  43. reflex/components/chakra/forms/checkbox.pyi +38 -39
  44. reflex/components/chakra/forms/colormodeswitch.pyi +72 -71
  45. reflex/components/chakra/forms/date_picker.pyi +24 -24
  46. reflex/components/chakra/forms/date_time_picker.pyi +24 -24
  47. reflex/components/chakra/forms/editable.pyi +73 -74
  48. reflex/components/chakra/forms/email.pyi +24 -24
  49. reflex/components/chakra/forms/form.pyi +112 -141
  50. reflex/components/chakra/forms/iconbutton.pyi +21 -22
  51. reflex/components/chakra/forms/input.pyi +104 -111
  52. reflex/components/chakra/forms/numberinput.pyi +87 -91
  53. reflex/components/chakra/forms/password.pyi +24 -24
  54. reflex/components/chakra/forms/pininput.pyi +39 -45
  55. reflex/components/chakra/forms/radio.pyi +38 -43
  56. reflex/components/chakra/forms/rangeslider.pyi +72 -76
  57. reflex/components/chakra/forms/select.pyi +39 -44
  58. reflex/components/chakra/forms/slider.pyi +88 -91
  59. reflex/components/chakra/forms/switch.pyi +22 -23
  60. reflex/components/chakra/forms/textarea.pyi +24 -27
  61. reflex/components/chakra/forms/time_picker.pyi +24 -24
  62. reflex/components/chakra/layout/aspect_ratio.pyi +21 -21
  63. reflex/components/chakra/layout/box.pyi +21 -22
  64. reflex/components/chakra/layout/card.pyi +69 -73
  65. reflex/components/chakra/layout/center.pyi +53 -52
  66. reflex/components/chakra/layout/container.pyi +21 -21
  67. reflex/components/chakra/layout/flex.pyi +23 -26
  68. reflex/components/chakra/layout/grid.pyi +53 -54
  69. reflex/components/chakra/layout/spacer.pyi +21 -20
  70. reflex/components/chakra/layout/stack.pyi +62 -60
  71. reflex/components/chakra/layout/wrap.pyi +37 -38
  72. reflex/components/chakra/media/avatar.pyi +54 -55
  73. reflex/components/chakra/media/icon.pyi +37 -38
  74. reflex/components/chakra/media/image.pyi +24 -26
  75. reflex/components/chakra/navigation/breadcrumb.pyi +69 -71
  76. reflex/components/chakra/navigation/link.pyi +20 -21
  77. reflex/components/chakra/navigation/linkoverlay.pyi +37 -37
  78. reflex/components/chakra/navigation/stepper.pyi +149 -151
  79. reflex/components/chakra/overlay/alertdialog.pyi +121 -124
  80. reflex/components/chakra/overlay/drawer.pyi +121 -126
  81. reflex/components/chakra/overlay/menu.pyi +135 -141
  82. reflex/components/chakra/overlay/modal.pyi +121 -124
  83. reflex/components/chakra/overlay/popover.pyi +151 -156
  84. reflex/components/chakra/overlay/tooltip.pyi +23 -24
  85. reflex/components/chakra/typography/heading.pyi +21 -21
  86. reflex/components/chakra/typography/highlight.pyi +21 -23
  87. reflex/components/chakra/typography/span.pyi +21 -21
  88. reflex/components/chakra/typography/text.pyi +21 -21
  89. reflex/components/component.py +6 -2
  90. reflex/components/core/__init__.py +2 -0
  91. reflex/components/core/__init__.pyi +9 -7
  92. reflex/components/core/banner.pyi +118 -146
  93. reflex/components/core/breakpoints.py +95 -0
  94. reflex/components/core/client_side_routing.pyi +37 -39
  95. reflex/components/core/clipboard.py +95 -0
  96. reflex/components/core/clipboard.pyi +102 -0
  97. reflex/components/core/debounce.pyi +23 -28
  98. reflex/components/core/foreach.py +3 -2
  99. reflex/components/core/html.pyi +38 -55
  100. reflex/components/core/upload.py +1 -1
  101. reflex/components/core/upload.pyi +74 -91
  102. reflex/components/datadisplay/__init__.pyi +2 -3
  103. reflex/components/datadisplay/code.py +3 -3
  104. reflex/components/datadisplay/code.pyi +22 -31
  105. reflex/components/datadisplay/dataeditor.pyi +41 -45
  106. reflex/components/el/__init__.pyi +131 -135
  107. reflex/components/el/element.pyi +21 -20
  108. reflex/components/el/elements/__init__.pyi +131 -132
  109. reflex/components/el/elements/base.pyi +38 -55
  110. reflex/components/el/elements/forms.pyi +558 -878
  111. reflex/components/el/elements/inline.pyi +941 -1403
  112. reflex/components/el/elements/media.pyi +645 -994
  113. reflex/components/el/elements/metadata.pyi +186 -268
  114. reflex/components/el/elements/other.pyi +239 -353
  115. reflex/components/el/elements/scripts.pyi +113 -171
  116. reflex/components/el/elements/sectioning.pyi +500 -739
  117. reflex/components/el/elements/tables.pyi +355 -551
  118. reflex/components/el/elements/typography.pyi +510 -760
  119. reflex/components/gridjs/datatable.pyi +38 -42
  120. reflex/components/lucide/icon.pyi +37 -38
  121. reflex/components/markdown/markdown.pyi +23 -36
  122. reflex/components/moment/moment.pyi +23 -25
  123. reflex/components/next/base.pyi +21 -20
  124. reflex/components/next/image.pyi +25 -27
  125. reflex/components/next/link.pyi +21 -21
  126. reflex/components/next/video.pyi +22 -22
  127. reflex/components/plotly/plotly.pyi +42 -45
  128. reflex/components/radix/__init__.pyi +26 -30
  129. reflex/components/radix/primitives/__init__.pyi +0 -2
  130. reflex/components/radix/primitives/accordion.pyi +119 -127
  131. reflex/components/radix/primitives/base.pyi +37 -40
  132. reflex/components/radix/primitives/drawer.pyi +175 -179
  133. reflex/components/radix/primitives/form.pyi +250 -336
  134. reflex/components/radix/primitives/progress.pyi +92 -96
  135. reflex/components/radix/primitives/slider.pyi +87 -89
  136. reflex/components/radix/themes/__init__.pyi +0 -2
  137. reflex/components/radix/themes/base.pyi +118 -121
  138. reflex/components/radix/themes/color_mode.pyi +103 -117
  139. reflex/components/radix/themes/components/__init__.pyi +12 -14
  140. reflex/components/radix/themes/components/alert_dialog.py +2 -1
  141. reflex/components/radix/themes/components/alert_dialog.pyi +150 -157
  142. reflex/components/radix/themes/components/aspect_ratio.pyi +22 -22
  143. reflex/components/radix/themes/components/avatar.py +2 -1
  144. reflex/components/radix/themes/components/avatar.pyi +32 -23
  145. reflex/components/radix/themes/components/badge.py +2 -1
  146. reflex/components/radix/themes/components/badge.pyi +50 -57
  147. reflex/components/radix/themes/components/button.py +2 -1
  148. reflex/components/radix/themes/components/button.pyi +60 -79
  149. reflex/components/radix/themes/components/callout.py +2 -1
  150. reflex/components/radix/themes/components/callout.pyi +201 -258
  151. reflex/components/radix/themes/components/card.py +2 -1
  152. reflex/components/radix/themes/components/card.pyi +48 -56
  153. reflex/components/radix/themes/components/checkbox.py +2 -1
  154. reflex/components/radix/themes/components/checkbox.pyi +68 -62
  155. reflex/components/radix/themes/components/checkbox_cards.py +8 -3
  156. reflex/components/radix/themes/components/checkbox_cards.pyi +87 -44
  157. reflex/components/radix/themes/components/checkbox_group.py +2 -1
  158. reflex/components/radix/themes/components/checkbox_group.pyi +49 -40
  159. reflex/components/radix/themes/components/context_menu.py +2 -1
  160. reflex/components/radix/themes/components/context_menu.pyi +153 -147
  161. reflex/components/radix/themes/components/data_list.py +8 -7
  162. reflex/components/radix/themes/components/data_list.pyi +116 -78
  163. reflex/components/radix/themes/components/dialog.py +2 -1
  164. reflex/components/radix/themes/components/dialog.pyi +154 -161
  165. reflex/components/radix/themes/components/dropdown_menu.py +2 -1
  166. reflex/components/radix/themes/components/dropdown_menu.pyi +169 -163
  167. reflex/components/radix/themes/components/hover_card.py +2 -1
  168. reflex/components/radix/themes/components/hover_card.pyi +97 -107
  169. reflex/components/radix/themes/components/icon_button.py +2 -1
  170. reflex/components/radix/themes/components/icon_button.pyi +59 -82
  171. reflex/components/radix/themes/components/inset.py +10 -9
  172. reflex/components/radix/themes/components/inset.pyi +109 -61
  173. reflex/components/radix/themes/components/popover.py +2 -1
  174. reflex/components/radix/themes/components/popover.pyi +105 -112
  175. reflex/components/radix/themes/components/progress.py +2 -1
  176. reflex/components/radix/themes/components/progress.pyi +32 -24
  177. reflex/components/radix/themes/components/radio.py +2 -1
  178. reflex/components/radix/themes/components/radio.pyi +32 -23
  179. reflex/components/radix/themes/components/radio_cards.py +51 -3
  180. reflex/components/radix/themes/components/radio_cards.pyi +120 -44
  181. reflex/components/radix/themes/components/radio_group.py +5 -2
  182. reflex/components/radix/themes/components/radio_group.pyi +82 -77
  183. reflex/components/radix/themes/components/scroll_area.pyi +21 -21
  184. reflex/components/radix/themes/components/segmented_control.py +2 -1
  185. reflex/components/radix/themes/components/segmented_control.pyi +52 -46
  186. reflex/components/radix/themes/components/select.py +2 -1
  187. reflex/components/radix/themes/components/select.pyi +188 -164
  188. reflex/components/radix/themes/components/separator.py +5 -2
  189. reflex/components/radix/themes/components/separator.pyi +40 -24
  190. reflex/components/radix/themes/components/skeleton.py +7 -6
  191. reflex/components/radix/themes/components/skeleton.pyi +40 -26
  192. reflex/components/radix/themes/components/slider.py +2 -1
  193. reflex/components/radix/themes/components/slider.pyi +40 -31
  194. reflex/components/radix/themes/components/spinner.py +2 -1
  195. reflex/components/radix/themes/components/spinner.pyi +31 -22
  196. reflex/components/radix/themes/components/switch.py +2 -1
  197. reflex/components/radix/themes/components/switch.pyi +33 -25
  198. reflex/components/radix/themes/components/table.py +2 -1
  199. reflex/components/radix/themes/components/table.pyi +265 -404
  200. reflex/components/radix/themes/components/tabs.py +14 -1
  201. reflex/components/radix/themes/components/tabs.pyi +113 -92
  202. reflex/components/radix/themes/components/text_area.py +3 -2
  203. reflex/components/radix/themes/components/text_area.pyi +64 -66
  204. reflex/components/radix/themes/components/text_field.py +2 -1
  205. reflex/components/radix/themes/components/text_field.pyi +116 -140
  206. reflex/components/radix/themes/components/tooltip.pyi +32 -37
  207. reflex/components/radix/themes/layout/__init__.pyi +4 -7
  208. reflex/components/radix/themes/layout/base.py +10 -9
  209. reflex/components/radix/themes/layout/base.pyi +121 -31
  210. reflex/components/radix/themes/layout/box.pyi +39 -53
  211. reflex/components/radix/themes/layout/center.pyi +89 -58
  212. reflex/components/radix/themes/layout/container.py +4 -1
  213. reflex/components/radix/themes/layout/container.pyi +51 -58
  214. reflex/components/radix/themes/layout/flex.py +6 -5
  215. reflex/components/radix/themes/layout/flex.pyi +91 -61
  216. reflex/components/radix/themes/layout/grid.py +9 -8
  217. reflex/components/radix/themes/layout/grid.pyi +116 -64
  218. reflex/components/radix/themes/layout/list.pyi +173 -233
  219. reflex/components/radix/themes/layout/section.py +4 -1
  220. reflex/components/radix/themes/layout/section.pyi +50 -57
  221. reflex/components/radix/themes/layout/spacer.pyi +89 -58
  222. reflex/components/radix/themes/layout/stack.pyi +160 -160
  223. reflex/components/radix/themes/typography/__init__.pyi +0 -2
  224. reflex/components/radix/themes/typography/blockquote.py +3 -2
  225. reflex/components/radix/themes/typography/blockquote.pyi +58 -59
  226. reflex/components/radix/themes/typography/code.py +3 -2
  227. reflex/components/radix/themes/typography/code.pyi +57 -58
  228. reflex/components/radix/themes/typography/heading.py +5 -4
  229. reflex/components/radix/themes/typography/heading.pyi +71 -60
  230. reflex/components/radix/themes/typography/link.py +4 -3
  231. reflex/components/radix/themes/typography/link.pyi +74 -82
  232. reflex/components/radix/themes/typography/text.py +5 -4
  233. reflex/components/radix/themes/typography/text.pyi +330 -364
  234. reflex/components/react_player/audio.pyi +37 -36
  235. reflex/components/react_player/react_player.pyi +37 -38
  236. reflex/components/react_player/video.pyi +37 -36
  237. reflex/components/recharts/__init__.pyi +41 -42
  238. reflex/components/recharts/cartesian.pyi +384 -400
  239. reflex/components/recharts/charts.pyi +224 -231
  240. reflex/components/recharts/general.pyi +89 -96
  241. reflex/components/recharts/polar.pyi +97 -104
  242. reflex/components/recharts/recharts.pyi +37 -37
  243. reflex/components/sonner/toast.pyi +22 -27
  244. reflex/components/suneditor/editor.pyi +53 -58
  245. reflex/config.py +6 -0
  246. reflex/constants/event.py +1 -0
  247. reflex/experimental/layout.pyi +140 -194
  248. reflex/model.py +14 -2
  249. reflex/state.py +55 -45
  250. reflex/style.py +24 -13
  251. reflex/utils/codespaces.py +94 -0
  252. reflex/utils/compat.py +21 -0
  253. reflex/utils/exceptions.py +4 -0
  254. reflex/utils/format.py +25 -4
  255. reflex/utils/prerequisites.py +0 -13
  256. reflex/utils/pyi_generator.py +88 -61
  257. reflex/utils/types.py +83 -5
  258. reflex/vars.py +62 -5
  259. reflex/vars.pyi +23 -11
  260. {reflex-0.5.5a2.dist-info → reflex-0.5.6.dist-info}/METADATA +4 -5
  261. {reflex-0.5.5a2.dist-info → reflex-0.5.6.dist-info}/RECORD +264 -255
  262. {reflex-0.5.5a2.dist-info → reflex-0.5.6.dist-info}/LICENSE +0 -0
  263. {reflex-0.5.5a2.dist-info → reflex-0.5.6.dist-info}/WHEEL +0 -0
  264. {reflex-0.5.5a2.dist-info → reflex-0.5.6.dist-info}/entry_points.txt +0 -0
@@ -3,6 +3,8 @@
3
3
  from types import SimpleNamespace
4
4
  from typing import Literal, Union
5
5
 
6
+ from reflex.components.core.breakpoints import Responsive
7
+ from reflex.event import EventHandler
6
8
  from reflex.vars import Var
7
9
 
8
10
  from ..base import LiteralAccentColor, RadixThemesComponent
@@ -13,8 +15,11 @@ class RadioCardsRoot(RadixThemesComponent):
13
15
 
14
16
  tag = "RadioCards.Root"
15
17
 
18
+ # Change the default rendered element for the one passed as a child, merging their props and behavior.
19
+ as_child: Var[bool]
20
+
16
21
  # The size of the checkbox cards: "1" | "2" | "3"
17
- size: Var[Literal["1", "2", "3"]]
22
+ size: Var[Responsive[Literal["1", "2", "3"]]]
18
23
 
19
24
  # Variant of button: "classic" | "surface" | "soft"
20
25
  variant: Var[Literal["classic", "surface"]]
@@ -26,10 +31,41 @@ class RadioCardsRoot(RadixThemesComponent):
26
31
  high_contrast: Var[bool]
27
32
 
28
33
  # The number of columns:
29
- columns: Var[Union[str, Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]]]
34
+ columns: Var[
35
+ Responsive[Union[str, Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]]]
36
+ ]
30
37
 
31
38
  # The gap between the checkbox cards:
32
- gap: Var[Union[str, Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]]]
39
+ gap: Var[
40
+ Responsive[Union[str, Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]]]
41
+ ]
42
+
43
+ default_value: Var[str]
44
+
45
+ # The controlled value of the radio item to check. Should be used in conjunction with onValueChange.
46
+ value: Var[str]
47
+
48
+ # The name of the group. Submitted with its owning form as part of a name/value pair.
49
+ name: Var[str]
50
+
51
+ # When true, prevents the user from interacting with radio items.
52
+ disabled: Var[bool]
53
+
54
+ # When true, indicates that the user must check a radio item before the owning form can be submitted.
55
+ required: Var[bool]
56
+
57
+ # The orientation of the component.
58
+ orientation: Var[Literal["horizontal", "vertical", "undefined"]]
59
+
60
+ # The reading direction of the radio group. If omitted,
61
+ # inherits globally from DirectionProvider or assumes LTR (left-to-right) reading mode.
62
+ dir: Var[Literal["ltr", "rtl"]]
63
+
64
+ # When true, keyboard navigation will loop from last item to first, and vice versa.
65
+ loop: Var[bool]
66
+
67
+ # Event handler called when the value changes.
68
+ on_value_change: EventHandler[lambda e0: [e0]]
33
69
 
34
70
 
35
71
  class RadioCardsItem(RadixThemesComponent):
@@ -37,6 +73,18 @@ class RadioCardsItem(RadixThemesComponent):
37
73
 
38
74
  tag = "RadioCards.Item"
39
75
 
76
+ # Change the default rendered element for the one passed as a child, merging their props and behavior.
77
+ as_child: Var[bool]
78
+
79
+ # The value given as data when submitted with a name.
80
+ value: Var[str]
81
+
82
+ # When true, prevents the user from interacting with the radio item.
83
+ disabled: Var[bool]
84
+
85
+ # When true, indicates that the user must check the radio item before the owning form can be submitted.
86
+ required: Var[bool]
87
+
40
88
 
41
89
  class RadioCards(SimpleNamespace):
42
90
  """RadioCards components namespace."""
@@ -1,16 +1,17 @@
1
1
  """Stub file for reflex/components/radix/themes/components/radio_cards.py"""
2
+
2
3
  # ------------------- DO NOT EDIT ----------------------
3
4
  # This file was generated by `reflex/utils/pyi_generator.py`!
4
5
  # ------------------------------------------------------
6
+ from types import SimpleNamespace
7
+ from typing import Any, Callable, Dict, Literal, Optional, Union, overload
5
8
 
6
- from typing import Any, Dict, Literal, Optional, Union, overload
7
- from reflex.vars import Var, BaseVar, ComputedVar
8
- from reflex.event import EventChain, EventHandler, EventSpec
9
+ from reflex.components.core.breakpoints import Breakpoints
10
+ from reflex.event import EventHandler, EventSpec
9
11
  from reflex.style import Style
10
- from types import SimpleNamespace
11
- from typing import Literal, Union
12
- from reflex.vars import Var
13
- from ..base import LiteralAccentColor, RadixThemesComponent
12
+ from reflex.vars import BaseVar, Var
13
+
14
+ from ..base import RadixThemesComponent
14
15
 
15
16
  class RadioCardsRoot(RadixThemesComponent):
16
17
  @overload
@@ -18,8 +19,17 @@ class RadioCardsRoot(RadixThemesComponent):
18
19
  def create( # type: ignore
19
20
  cls,
20
21
  *children,
22
+ as_child: Optional[Union[Var[bool], bool]] = None,
21
23
  size: Optional[
22
- Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
24
+ Union[
25
+ Var[
26
+ Union[
27
+ Breakpoints[str, Literal["1", "2", "3"]], Literal["1", "2", "3"]
28
+ ]
29
+ ],
30
+ Literal["1", "2", "3"],
31
+ Breakpoints[str, Literal["1", "2", "3"]],
32
+ ]
23
33
  ] = None,
24
34
  variant: Optional[
25
35
  Union[Var[Literal["classic", "surface"]], Literal["classic", "surface"]]
@@ -89,16 +99,63 @@ class RadioCardsRoot(RadixThemesComponent):
89
99
  high_contrast: Optional[Union[Var[bool], bool]] = None,
90
100
  columns: Optional[
91
101
  Union[
92
- Var[Union[str, Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]]],
93
- Union[str, Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
102
+ Var[
103
+ Union[
104
+ Breakpoints[
105
+ str,
106
+ Union[
107
+ Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
108
+ str,
109
+ ],
110
+ ],
111
+ Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
112
+ str,
113
+ ]
114
+ ],
115
+ str,
116
+ Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
117
+ Breakpoints[
118
+ str,
119
+ Union[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"], str],
120
+ ],
94
121
  ]
95
122
  ] = None,
96
123
  gap: Optional[
97
124
  Union[
98
- Var[Union[str, Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]]],
99
- Union[str, Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
125
+ Var[
126
+ Union[
127
+ Breakpoints[
128
+ str,
129
+ Union[
130
+ Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
131
+ str,
132
+ ],
133
+ ],
134
+ Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
135
+ str,
136
+ ]
137
+ ],
138
+ str,
139
+ Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
140
+ Breakpoints[
141
+ str,
142
+ Union[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"], str],
143
+ ],
144
+ ]
145
+ ] = None,
146
+ default_value: Optional[Union[Var[str], str]] = None,
147
+ value: Optional[Union[Var[str], str]] = None,
148
+ name: Optional[Union[Var[str], str]] = None,
149
+ disabled: Optional[Union[Var[bool], bool]] = None,
150
+ required: Optional[Union[Var[bool], bool]] = None,
151
+ orientation: Optional[
152
+ Union[
153
+ Var[Literal["horizontal", "vertical", "undefined"]],
154
+ Literal["horizontal", "vertical", "undefined"],
100
155
  ]
101
156
  ] = None,
157
+ dir: Optional[Union[Var[Literal["ltr", "rtl"]], Literal["ltr", "rtl"]]] = None,
158
+ loop: Optional[Union[Var[bool], bool]] = None,
102
159
  style: Optional[Style] = None,
103
160
  key: Optional[Any] = None,
104
161
  id: Optional[Any] = None,
@@ -106,51 +163,54 @@ class RadioCardsRoot(RadixThemesComponent):
106
163
  autofocus: Optional[bool] = None,
107
164
  custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
108
165
  on_blur: Optional[
109
- Union[EventHandler, EventSpec, list, function, BaseVar]
166
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
110
167
  ] = None,
111
168
  on_click: Optional[
112
- Union[EventHandler, EventSpec, list, function, BaseVar]
169
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
113
170
  ] = None,
114
171
  on_context_menu: Optional[
115
- Union[EventHandler, EventSpec, list, function, BaseVar]
172
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
116
173
  ] = None,
117
174
  on_double_click: Optional[
118
- Union[EventHandler, EventSpec, list, function, BaseVar]
175
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
119
176
  ] = None,
120
177
  on_focus: Optional[
121
- Union[EventHandler, EventSpec, list, function, BaseVar]
178
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
122
179
  ] = None,
123
180
  on_mount: Optional[
124
- Union[EventHandler, EventSpec, list, function, BaseVar]
181
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
125
182
  ] = None,
126
183
  on_mouse_down: Optional[
127
- Union[EventHandler, EventSpec, list, function, BaseVar]
184
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
128
185
  ] = None,
129
186
  on_mouse_enter: Optional[
130
- Union[EventHandler, EventSpec, list, function, BaseVar]
187
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
131
188
  ] = None,
132
189
  on_mouse_leave: Optional[
133
- Union[EventHandler, EventSpec, list, function, BaseVar]
190
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
134
191
  ] = None,
135
192
  on_mouse_move: Optional[
136
- Union[EventHandler, EventSpec, list, function, BaseVar]
193
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
137
194
  ] = None,
138
195
  on_mouse_out: Optional[
139
- Union[EventHandler, EventSpec, list, function, BaseVar]
196
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
140
197
  ] = None,
141
198
  on_mouse_over: Optional[
142
- Union[EventHandler, EventSpec, list, function, BaseVar]
199
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
143
200
  ] = None,
144
201
  on_mouse_up: Optional[
145
- Union[EventHandler, EventSpec, list, function, BaseVar]
202
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
146
203
  ] = None,
147
204
  on_scroll: Optional[
148
- Union[EventHandler, EventSpec, list, function, BaseVar]
205
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
149
206
  ] = None,
150
207
  on_unmount: Optional[
151
- Union[EventHandler, EventSpec, list, function, BaseVar]
208
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
209
+ ] = None,
210
+ on_value_change: Optional[
211
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
152
212
  ] = None,
153
- **props
213
+ **props,
154
214
  ) -> "RadioCardsRoot":
155
215
  """Create a new component instance.
156
216
 
@@ -159,12 +219,20 @@ class RadioCardsRoot(RadixThemesComponent):
159
219
 
160
220
  Args:
161
221
  *children: Child components.
222
+ as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
162
223
  size: The size of the checkbox cards: "1" | "2" | "3"
163
224
  variant: Variant of button: "classic" | "surface" | "soft"
164
225
  color_scheme: Override theme color for button
165
226
  high_contrast: Uses a higher contrast color for the component.
166
227
  columns: The number of columns:
167
228
  gap: The gap between the checkbox cards:
229
+ value: The controlled value of the radio item to check. Should be used in conjunction with onValueChange.
230
+ name: The name of the group. Submitted with its owning form as part of a name/value pair.
231
+ disabled: When true, prevents the user from interacting with radio items.
232
+ required: When true, indicates that the user must check a radio item before the owning form can be submitted.
233
+ orientation: The orientation of the component.
234
+ dir: The reading direction of the radio group. If omitted, inherits globally from DirectionProvider or assumes LTR (left-to-right) reading mode.
235
+ loop: When true, keyboard navigation will loop from last item to first, and vice versa.
168
236
  style: The style of the component.
169
237
  key: A unique key for the component.
170
238
  id: The id for the component.
@@ -184,6 +252,10 @@ class RadioCardsItem(RadixThemesComponent):
184
252
  def create( # type: ignore
185
253
  cls,
186
254
  *children,
255
+ as_child: Optional[Union[Var[bool], bool]] = None,
256
+ value: Optional[Union[Var[str], str]] = None,
257
+ disabled: Optional[Union[Var[bool], bool]] = None,
258
+ required: Optional[Union[Var[bool], bool]] = None,
187
259
  style: Optional[Style] = None,
188
260
  key: Optional[Any] = None,
189
261
  id: Optional[Any] = None,
@@ -191,51 +263,51 @@ class RadioCardsItem(RadixThemesComponent):
191
263
  autofocus: Optional[bool] = None,
192
264
  custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
193
265
  on_blur: Optional[
194
- Union[EventHandler, EventSpec, list, function, BaseVar]
266
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
195
267
  ] = None,
196
268
  on_click: Optional[
197
- Union[EventHandler, EventSpec, list, function, BaseVar]
269
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
198
270
  ] = None,
199
271
  on_context_menu: Optional[
200
- Union[EventHandler, EventSpec, list, function, BaseVar]
272
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
201
273
  ] = None,
202
274
  on_double_click: Optional[
203
- Union[EventHandler, EventSpec, list, function, BaseVar]
275
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
204
276
  ] = None,
205
277
  on_focus: Optional[
206
- Union[EventHandler, EventSpec, list, function, BaseVar]
278
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
207
279
  ] = None,
208
280
  on_mount: Optional[
209
- Union[EventHandler, EventSpec, list, function, BaseVar]
281
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
210
282
  ] = None,
211
283
  on_mouse_down: Optional[
212
- Union[EventHandler, EventSpec, list, function, BaseVar]
284
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
213
285
  ] = None,
214
286
  on_mouse_enter: Optional[
215
- Union[EventHandler, EventSpec, list, function, BaseVar]
287
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
216
288
  ] = None,
217
289
  on_mouse_leave: Optional[
218
- Union[EventHandler, EventSpec, list, function, BaseVar]
290
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
219
291
  ] = None,
220
292
  on_mouse_move: Optional[
221
- Union[EventHandler, EventSpec, list, function, BaseVar]
293
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
222
294
  ] = None,
223
295
  on_mouse_out: Optional[
224
- Union[EventHandler, EventSpec, list, function, BaseVar]
296
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
225
297
  ] = None,
226
298
  on_mouse_over: Optional[
227
- Union[EventHandler, EventSpec, list, function, BaseVar]
299
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
228
300
  ] = None,
229
301
  on_mouse_up: Optional[
230
- Union[EventHandler, EventSpec, list, function, BaseVar]
302
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
231
303
  ] = None,
232
304
  on_scroll: Optional[
233
- Union[EventHandler, EventSpec, list, function, BaseVar]
305
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
234
306
  ] = None,
235
307
  on_unmount: Optional[
236
- Union[EventHandler, EventSpec, list, function, BaseVar]
308
+ Union[EventHandler, EventSpec, list, Callable, BaseVar]
237
309
  ] = None,
238
- **props
310
+ **props,
239
311
  ) -> "RadioCardsItem":
240
312
  """Create a new component instance.
241
313
 
@@ -244,6 +316,10 @@ class RadioCardsItem(RadixThemesComponent):
244
316
 
245
317
  Args:
246
318
  *children: Child components.
319
+ as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
320
+ value: The value given as data when submitted with a name.
321
+ disabled: When true, prevents the user from interacting with the radio item.
322
+ required: When true, indicates that the user must check the radio item before the owning form can be submitted.
247
323
  style: The style of the component.
248
324
  key: A unique key for the component.
249
325
  id: The id for the component.
@@ -6,6 +6,7 @@ from typing import List, Literal, Optional, Union
6
6
 
7
7
  import reflex as rx
8
8
  from reflex.components.component import Component, ComponentNamespace
9
+ from reflex.components.core.breakpoints import Responsive
9
10
  from reflex.components.radix.themes.layout.flex import Flex
10
11
  from reflex.components.radix.themes.typography.text import Text
11
12
  from reflex.event import EventHandler
@@ -26,7 +27,9 @@ class RadioGroupRoot(RadixThemesComponent):
26
27
  tag = "RadioGroup.Root"
27
28
 
28
29
  # The size of the radio group: "1" | "2" | "3"
29
- size: Var[Literal["1", "2", "3"]] = Var.create_safe("2", _var_is_string=True)
30
+ size: Var[Responsive[Literal["1", "2", "3"]]] = Var.create_safe(
31
+ "2", _var_is_string=True
32
+ )
30
33
 
31
34
  # The variant of the radio group
32
35
  variant: Var[Literal["classic", "surface", "soft"]] = Var.create_safe(
@@ -144,7 +147,7 @@ class HighLevelRadioGroup(RadixThemesComponent):
144
147
  color_scheme = props.pop("color_scheme", None)
145
148
  default_value = props.pop("default_value", "")
146
149
 
147
- default_value = Var.create(default_value)
150
+ default_value = Var.create(default_value, _var_is_string=True)
148
151
 
149
152
  # convert only non-strings to json(JSON.stringify) so quotes are not rendered
150
153
  # for string literal types.