reflex 0.3.7a1__py3-none-any.whl → 0.3.8__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 (324) hide show
  1. reflex/.templates/apps/blank/code/blank.py +0 -1
  2. reflex/.templates/apps/demo/code/demo.py +0 -1
  3. reflex/.templates/apps/sidebar/code/sidebar.py +6 -2
  4. reflex/.templates/jinja/web/pages/_app.js.jinja2 +4 -1
  5. reflex/.templates/jinja/web/pages/base_page.js.jinja2 +4 -1
  6. reflex/.templates/jinja/web/pages/utils.js.jinja2 +24 -0
  7. reflex/.templates/jinja/web/tailwind.config.js.jinja2 +4 -1
  8. reflex/.templates/web/utils/helpers/dataeditor.js +56 -54
  9. reflex/__init__.py +4 -2
  10. reflex/__init__.pyi +6 -2
  11. reflex/app.py +43 -9
  12. reflex/app.pyi +2 -1
  13. reflex/app_module_for_backend.py +13 -0
  14. reflex/compiler/compiler.py +19 -0
  15. reflex/components/__init__.py +9 -232
  16. reflex/components/base/__init__.py +5 -1
  17. reflex/components/base/app_wrap.py +1 -1
  18. reflex/components/base/app_wrap.pyi +1 -1
  19. reflex/components/base/document.py +0 -8
  20. reflex/components/base/document.pyi +0 -80
  21. reflex/components/{layout → base}/fragment.pyi +1 -1
  22. reflex/components/chakra/__init__.py +202 -19
  23. reflex/components/{libs/chakra.pyi → chakra/base.pyi} +1 -1
  24. reflex/components/chakra/datadisplay/__init__.py +12 -0
  25. reflex/components/{datadisplay → chakra/datadisplay}/badge.py +1 -1
  26. reflex/components/{datadisplay → chakra/datadisplay}/badge.pyi +2 -2
  27. reflex/components/{datadisplay → chakra/datadisplay}/code.py +5 -5
  28. reflex/components/{datadisplay → chakra/datadisplay}/code.pyi +5 -5
  29. reflex/components/{datadisplay → chakra/datadisplay}/divider.py +4 -2
  30. reflex/components/{datadisplay → chakra/datadisplay}/divider.pyi +5 -3
  31. reflex/components/{datadisplay → chakra/datadisplay}/keyboard_key.py +1 -1
  32. reflex/components/{datadisplay → chakra/datadisplay}/keyboard_key.pyi +2 -2
  33. reflex/components/{datadisplay → chakra/datadisplay}/list.py +3 -3
  34. reflex/components/{datadisplay → chakra/datadisplay}/list.pyi +4 -4
  35. reflex/components/{datadisplay → chakra/datadisplay}/stat.py +1 -1
  36. reflex/components/{datadisplay → chakra/datadisplay}/stat.pyi +2 -2
  37. reflex/components/{datadisplay → chakra/datadisplay}/table.py +2 -2
  38. reflex/components/{datadisplay → chakra/datadisplay}/table.pyi +3 -3
  39. reflex/components/{datadisplay → chakra/datadisplay}/tag.py +2 -2
  40. reflex/components/{datadisplay → chakra/datadisplay}/tag.pyi +3 -3
  41. reflex/components/{disclosure → chakra/disclosure}/accordion.py +1 -1
  42. reflex/components/{disclosure → chakra/disclosure}/accordion.pyi +2 -2
  43. reflex/components/{disclosure → chakra/disclosure}/tabs.py +2 -2
  44. reflex/components/{disclosure → chakra/disclosure}/tabs.pyi +3 -3
  45. reflex/components/{disclosure → chakra/disclosure}/transition.py +1 -1
  46. reflex/components/{disclosure → chakra/disclosure}/transition.pyi +2 -2
  47. reflex/components/{disclosure → chakra/disclosure}/visuallyhidden.py +1 -1
  48. reflex/components/{disclosure → chakra/disclosure}/visuallyhidden.pyi +2 -2
  49. reflex/components/{feedback → chakra/feedback}/alert.py +2 -2
  50. reflex/components/{feedback → chakra/feedback}/alert.pyi +2 -6
  51. reflex/components/{feedback → chakra/feedback}/circularprogress.py +1 -1
  52. reflex/components/{feedback → chakra/feedback}/circularprogress.pyi +2 -2
  53. reflex/components/{feedback → chakra/feedback}/progress.py +1 -1
  54. reflex/components/{feedback → chakra/feedback}/progress.pyi +2 -2
  55. reflex/components/{feedback → chakra/feedback}/skeleton.py +1 -1
  56. reflex/components/{feedback → chakra/feedback}/skeleton.pyi +2 -2
  57. reflex/components/{feedback → chakra/feedback}/spinner.py +1 -1
  58. reflex/components/{feedback → chakra/feedback}/spinner.pyi +2 -2
  59. reflex/components/{forms → chakra/forms}/__init__.py +2 -11
  60. reflex/components/{forms → chakra/forms}/button.py +3 -1
  61. reflex/components/{forms → chakra/forms}/button.pyi +2 -2
  62. reflex/components/{forms → chakra/forms}/checkbox.py +1 -1
  63. reflex/components/{forms → chakra/forms}/checkbox.pyi +2 -6
  64. reflex/components/{forms → chakra/forms}/colormodeswitch.py +10 -2
  65. reflex/components/{forms → chakra/forms}/colormodeswitch.pyi +83 -3
  66. reflex/components/{forms → chakra/forms}/date_picker.py +1 -1
  67. reflex/components/{forms → chakra/forms}/date_picker.pyi +2 -2
  68. reflex/components/{forms → chakra/forms}/date_time_picker.py +1 -1
  69. reflex/components/{forms → chakra/forms}/date_time_picker.pyi +2 -2
  70. reflex/components/{forms → chakra/forms}/editable.py +1 -1
  71. reflex/components/{forms → chakra/forms}/editable.pyi +2 -2
  72. reflex/components/{forms → chakra/forms}/email.py +1 -1
  73. reflex/components/{forms → chakra/forms}/email.pyi +2 -2
  74. reflex/components/{forms → chakra/forms}/form.py +1 -1
  75. reflex/components/{forms → chakra/forms}/form.pyi +2 -2
  76. reflex/components/{forms → chakra/forms}/iconbutton.py +1 -1
  77. reflex/components/{forms → chakra/forms}/iconbutton.pyi +2 -2
  78. reflex/components/{forms → chakra/forms}/input.py +5 -4
  79. reflex/components/{forms → chakra/forms}/input.pyi +59 -5
  80. reflex/components/{forms → chakra/forms}/numberinput.py +6 -2
  81. reflex/components/{forms → chakra/forms}/numberinput.pyi +10 -2
  82. reflex/components/{forms → chakra/forms}/password.py +1 -1
  83. reflex/components/{forms → chakra/forms}/password.pyi +2 -2
  84. reflex/components/{forms → chakra/forms}/pininput.py +1 -1
  85. reflex/components/{forms → chakra/forms}/pininput.pyi +2 -2
  86. reflex/components/{forms → chakra/forms}/radio.py +3 -3
  87. reflex/components/{forms → chakra/forms}/radio.pyi +4 -4
  88. reflex/components/{forms → chakra/forms}/rangeslider.py +1 -1
  89. reflex/components/{forms → chakra/forms}/rangeslider.pyi +2 -2
  90. reflex/components/{forms → chakra/forms}/select.py +3 -3
  91. reflex/components/{forms → chakra/forms}/select.pyi +4 -4
  92. reflex/components/{forms → chakra/forms}/slider.py +4 -3
  93. reflex/components/{forms → chakra/forms}/slider.pyi +5 -4
  94. reflex/components/{forms → chakra/forms}/switch.py +1 -1
  95. reflex/components/{forms → chakra/forms}/switch.pyi +2 -2
  96. reflex/components/{forms → chakra/forms}/textarea.py +2 -2
  97. reflex/components/{forms → chakra/forms}/textarea.pyi +3 -3
  98. reflex/components/chakra/forms/time_picker.py +11 -0
  99. reflex/components/chakra/forms/time_picker.pyi +129 -0
  100. reflex/components/{layout → chakra/layout}/__init__.py +1 -20
  101. reflex/components/{layout → chakra/layout}/aspect_ratio.py +1 -1
  102. reflex/components/{layout → chakra/layout}/aspect_ratio.pyi +2 -2
  103. reflex/components/{layout → chakra/layout}/box.py +1 -1
  104. reflex/components/{layout → chakra/layout}/box.pyi +2 -2
  105. reflex/components/{layout → chakra/layout}/card.py +2 -2
  106. reflex/components/{layout → chakra/layout}/card.pyi +3 -3
  107. reflex/components/{layout → chakra/layout}/center.py +1 -1
  108. reflex/components/{layout → chakra/layout}/center.pyi +2 -2
  109. reflex/components/{layout → chakra/layout}/container.py +1 -1
  110. reflex/components/{layout → chakra/layout}/container.pyi +2 -2
  111. reflex/components/{layout → chakra/layout}/flex.py +1 -1
  112. reflex/components/{layout → chakra/layout}/flex.pyi +2 -2
  113. reflex/components/{layout → chakra/layout}/grid.py +1 -1
  114. reflex/components/{layout → chakra/layout}/grid.pyi +2 -2
  115. reflex/components/{layout → chakra/layout}/html.py +1 -1
  116. reflex/components/{layout → chakra/layout}/html.pyi +2 -2
  117. reflex/components/{layout → chakra/layout}/spacer.py +1 -1
  118. reflex/components/{layout → chakra/layout}/spacer.pyi +2 -2
  119. reflex/components/{layout → chakra/layout}/stack.py +1 -1
  120. reflex/components/{layout → chakra/layout}/stack.pyi +2 -2
  121. reflex/components/{layout → chakra/layout}/wrap.py +1 -1
  122. reflex/components/{layout → chakra/layout}/wrap.pyi +2 -2
  123. reflex/components/chakra/media/__init__.py +7 -0
  124. reflex/components/{media → chakra/media}/avatar.py +1 -1
  125. reflex/components/{media → chakra/media}/avatar.pyi +2 -2
  126. reflex/components/chakra/media/icon.py +110 -0
  127. reflex/components/{media → chakra/media}/icon.pyi +2 -2
  128. reflex/components/chakra/media/image.py +1 -1
  129. reflex/components/chakra/media/image.pyi +1 -1
  130. reflex/components/{navigation → chakra/navigation}/__init__.py +0 -1
  131. reflex/components/{navigation → chakra/navigation}/breadcrumb.py +3 -3
  132. reflex/components/{navigation → chakra/navigation}/breadcrumb.pyi +4 -4
  133. reflex/components/{navigation → chakra/navigation}/link.py +2 -2
  134. reflex/components/{navigation → chakra/navigation}/link.pyi +3 -3
  135. reflex/components/{navigation → chakra/navigation}/linkoverlay.py +1 -1
  136. reflex/components/{navigation → chakra/navigation}/linkoverlay.pyi +2 -2
  137. reflex/components/{navigation → chakra/navigation}/stepper.py +1 -1
  138. reflex/components/{navigation → chakra/navigation}/stepper.pyi +2 -2
  139. reflex/components/{overlay → chakra/overlay}/__init__.py +0 -1
  140. reflex/components/{overlay → chakra/overlay}/alertdialog.py +2 -2
  141. reflex/components/{overlay → chakra/overlay}/alertdialog.pyi +3 -3
  142. reflex/components/{overlay → chakra/overlay}/drawer.py +3 -3
  143. reflex/components/{overlay → chakra/overlay}/drawer.pyi +4 -4
  144. reflex/components/{overlay → chakra/overlay}/menu.py +4 -6
  145. reflex/components/{overlay → chakra/overlay}/menu.pyi +4 -4
  146. reflex/components/{overlay → chakra/overlay}/modal.py +2 -2
  147. reflex/components/{overlay → chakra/overlay}/modal.pyi +3 -3
  148. reflex/components/{overlay → chakra/overlay}/popover.py +2 -2
  149. reflex/components/{overlay → chakra/overlay}/popover.pyi +3 -3
  150. reflex/components/{overlay → chakra/overlay}/tooltip.py +1 -1
  151. reflex/components/{overlay → chakra/overlay}/tooltip.pyi +2 -2
  152. reflex/components/{typography → chakra/typography}/__init__.py +0 -1
  153. reflex/components/{typography → chakra/typography}/heading.py +1 -1
  154. reflex/components/{typography → chakra/typography}/heading.pyi +2 -2
  155. reflex/components/{typography → chakra/typography}/highlight.py +1 -1
  156. reflex/components/{typography → chakra/typography}/highlight.pyi +2 -2
  157. reflex/components/{typography → chakra/typography}/span.py +1 -1
  158. reflex/components/{typography → chakra/typography}/span.pyi +2 -2
  159. reflex/components/{typography → chakra/typography}/text.py +1 -1
  160. reflex/components/{typography → chakra/typography}/text.pyi +2 -2
  161. reflex/components/component.py +7 -8
  162. reflex/components/core/__init__.py +22 -0
  163. reflex/components/{overlay → core}/banner.py +4 -3
  164. reflex/components/{overlay → core}/banner.pyi +5 -4
  165. reflex/components/{navigation → core}/client_side_routing.py +1 -1
  166. reflex/components/{navigation → core}/client_side_routing.pyi +2 -2
  167. reflex/components/{layout → core}/cond.py +1 -1
  168. reflex/components/{forms → core}/debounce.py +1 -1
  169. reflex/components/{forms → core}/debounce.pyi +2 -2
  170. reflex/components/{layout → core}/foreach.py +18 -2
  171. reflex/components/core/match.py +257 -0
  172. reflex/components/{layout → core}/responsive.py +1 -1
  173. reflex/components/{forms → core}/upload.py +2 -2
  174. reflex/components/{forms → core}/upload.pyi +3 -3
  175. reflex/components/datadisplay/__init__.py +4 -13
  176. reflex/components/el/elements/inline.py +4 -0
  177. reflex/components/el/elements/inline.pyi +3 -0
  178. reflex/components/gridjs/__init__.py +5 -0
  179. reflex/components/{datadisplay → gridjs}/datatable.pyi +1 -1
  180. reflex/components/literals.py +27 -0
  181. reflex/components/markdown/__init__.py +5 -0
  182. reflex/components/{typography → markdown}/markdown.py +16 -6
  183. reflex/components/{typography → markdown}/markdown.pyi +10 -5
  184. reflex/components/media/__init__.py +1 -8
  185. reflex/components/media/icon.py +2 -110
  186. reflex/components/moment/__init__.py +5 -0
  187. reflex/components/{datadisplay → moment}/moment.pyi +1 -1
  188. reflex/components/next/__init__.py +2 -0
  189. reflex/components/{navigation/nextlink.pyi → next/link.pyi} +1 -1
  190. reflex/components/plotly/__init__.py +5 -0
  191. reflex/components/{graphing → plotly}/plotly.pyi +1 -1
  192. reflex/components/radix/primitives/__init__.py +12 -1
  193. reflex/components/radix/primitives/accordion.py +33 -68
  194. reflex/components/radix/primitives/accordion.pyi +6 -89
  195. reflex/components/radix/primitives/base.py +27 -0
  196. reflex/components/radix/primitives/base.pyi +95 -0
  197. reflex/components/radix/primitives/form.py +267 -0
  198. reflex/components/radix/primitives/form.pyi +740 -0
  199. reflex/components/radix/primitives/progress.py +84 -0
  200. reflex/components/radix/primitives/progress.pyi +268 -0
  201. reflex/components/radix/primitives/slider.py +179 -0
  202. reflex/components/radix/primitives/slider.pyi +452 -0
  203. reflex/components/radix/themes/base.py +43 -31
  204. reflex/components/radix/themes/base.pyi +223 -29
  205. reflex/components/radix/themes/components/__init__.py +18 -3
  206. reflex/components/radix/themes/components/alertdialog.py +27 -6
  207. reflex/components/radix/themes/components/alertdialog.pyi +713 -2
  208. reflex/components/radix/themes/components/aspectratio.py +1 -1
  209. reflex/components/radix/themes/components/aspectratio.pyi +67 -2
  210. reflex/components/radix/themes/components/avatar.py +0 -3
  211. reflex/components/radix/themes/components/avatar.pyi +13 -13
  212. reflex/components/radix/themes/components/badge.py +1 -4
  213. reflex/components/radix/themes/components/badge.pyi +11 -11
  214. reflex/components/radix/themes/components/button.py +1 -1
  215. reflex/components/radix/themes/components/button.pyi +15 -11
  216. reflex/components/radix/themes/components/callout.pyi +144 -12
  217. reflex/components/radix/themes/components/card.py +1 -1
  218. reflex/components/radix/themes/components/card.pyi +68 -1
  219. reflex/components/radix/themes/components/checkbox.pyi +14 -12
  220. reflex/components/radix/themes/components/contextmenu.pyi +402 -8
  221. reflex/components/radix/themes/components/dialog.py +6 -0
  222. reflex/components/radix/themes/components/dialog.pyi +518 -0
  223. reflex/components/radix/themes/components/dropdownmenu.pyi +337 -8
  224. reflex/components/radix/themes/components/hovercard.pyi +195 -0
  225. reflex/components/radix/themes/components/iconbutton.pyi +14 -12
  226. reflex/components/radix/themes/components/icons.py +2 -2
  227. reflex/components/radix/themes/components/inset.pyi +65 -0
  228. reflex/components/radix/themes/components/popover.pyi +260 -0
  229. reflex/components/radix/themes/components/radiogroup.py +1 -1
  230. reflex/components/radix/themes/components/radiogroup.pyi +78 -9
  231. reflex/components/radix/themes/components/scrollarea.pyi +65 -0
  232. reflex/components/radix/themes/components/select.pyi +342 -13
  233. reflex/components/radix/themes/components/separator.pyi +7 -5
  234. reflex/components/radix/themes/components/slider.py +4 -4
  235. reflex/components/radix/themes/components/slider.pyi +17 -13
  236. reflex/components/radix/themes/components/switch.pyi +20 -18
  237. reflex/components/radix/themes/components/table.py +1 -1
  238. reflex/components/radix/themes/components/table.pyi +458 -1
  239. reflex/components/radix/themes/components/tabs.py +4 -4
  240. reflex/components/radix/themes/components/tabs.pyi +263 -3
  241. reflex/components/radix/themes/components/textarea.py +1 -1
  242. reflex/components/radix/themes/components/textarea.pyi +1 -1
  243. reflex/components/radix/themes/components/textfield.py +1 -1
  244. reflex/components/radix/themes/components/textfield.pyi +18 -14
  245. reflex/components/radix/themes/components/tooltip.py +15 -0
  246. reflex/components/radix/themes/components/tooltip.pyi +205 -0
  247. reflex/components/radix/themes/layout/base.pyi +65 -0
  248. reflex/components/radix/themes/layout/box.pyi +65 -0
  249. reflex/components/radix/themes/layout/container.pyi +65 -0
  250. reflex/components/radix/themes/layout/flex.pyi +65 -0
  251. reflex/components/radix/themes/layout/grid.pyi +65 -0
  252. reflex/components/radix/themes/layout/section.pyi +65 -0
  253. reflex/components/radix/themes/typography/blockquote.pyi +16 -14
  254. reflex/components/radix/themes/typography/code.pyi +22 -20
  255. reflex/components/radix/themes/typography/em.pyi +65 -0
  256. reflex/components/radix/themes/typography/heading.pyi +30 -28
  257. reflex/components/radix/themes/typography/kbd.pyi +65 -0
  258. reflex/components/radix/themes/typography/link.py +2 -1
  259. reflex/components/radix/themes/typography/link.pyi +121 -28
  260. reflex/components/radix/themes/typography/quote.pyi +66 -0
  261. reflex/components/radix/themes/typography/strong.pyi +65 -0
  262. reflex/components/radix/themes/typography/text.pyi +30 -28
  263. reflex/components/react_player/__init__.py +7 -0
  264. reflex/components/react_player/audio.py +8 -0
  265. reflex/components/{media → react_player}/audio.pyi +3 -3
  266. reflex/components/{libs → react_player}/react_player.py +1 -1
  267. reflex/components/{libs → react_player}/react_player.pyi +3 -3
  268. reflex/components/react_player/video.py +8 -0
  269. reflex/components/{media → react_player}/video.pyi +3 -3
  270. reflex/components/{graphing/recharts → recharts}/cartesian.pyi +1 -1
  271. reflex/components/{graphing/recharts → recharts}/charts.py +1 -1
  272. reflex/components/{graphing/recharts → recharts}/charts.pyi +2 -2
  273. reflex/components/{graphing/recharts → recharts}/general.pyi +1 -1
  274. reflex/components/{graphing/recharts → recharts}/polar.pyi +1 -1
  275. reflex/components/{graphing/recharts → recharts}/recharts.pyi +1 -1
  276. reflex/components/suneditor/__init__.py +5 -0
  277. reflex/components/{forms → suneditor}/editor.pyi +1 -1
  278. reflex/components/tags/__init__.py +1 -0
  279. reflex/components/tags/iter_tag.py +3 -3
  280. reflex/components/tags/match_tag.py +19 -0
  281. reflex/constants/base.py +2 -0
  282. reflex/constants/config.py +1 -1
  283. reflex/constants/installer.py +1 -0
  284. reflex/constants/style.py +1 -1
  285. reflex/event.py +1 -1
  286. reflex/reflex.py +14 -12
  287. reflex/state.py +14 -0
  288. reflex/style.py +1 -1
  289. reflex/testing.py +59 -9
  290. reflex/utils/build.py +7 -1
  291. reflex/utils/exceptions.py +6 -0
  292. reflex/utils/exec.py +2 -2
  293. reflex/utils/export.py +1 -1
  294. reflex/utils/format.py +41 -4
  295. reflex/utils/prerequisites.py +56 -11
  296. reflex/utils/processes.py +8 -1
  297. reflex/utils/types.py +2 -2
  298. reflex/vars.py +25 -1
  299. {reflex-0.3.7a1.dist-info → reflex-0.3.8.dist-info}/METADATA +8 -2
  300. reflex-0.3.8.dist-info/RECORD +492 -0
  301. reflex/components/graphing/__init__.py +0 -5
  302. reflex/components/libs/__init__.py +0 -31
  303. reflex/components/media/audio.py +0 -8
  304. reflex/components/media/image.pyi +0 -123
  305. reflex/components/media/video.py +0 -8
  306. reflex-0.3.7a1.dist-info/RECORD +0 -470
  307. /reflex/components/{layout → base}/fragment.py +0 -0
  308. /reflex/components/{libs/chakra.py → chakra/base.py} +0 -0
  309. /reflex/components/{disclosure → chakra/disclosure}/__init__.py +0 -0
  310. /reflex/components/{feedback → chakra/feedback}/__init__.py +0 -0
  311. /reflex/components/{forms → chakra/forms}/multiselect.py +0 -0
  312. /reflex/components/{datadisplay → gridjs}/datatable.py +0 -0
  313. /reflex/components/{datadisplay → moment}/moment.py +0 -0
  314. /reflex/components/{navigation/nextlink.py → next/link.py} +0 -0
  315. /reflex/components/{graphing → plotly}/plotly.py +0 -0
  316. /reflex/components/{graphing/recharts → recharts}/__init__.py +0 -0
  317. /reflex/components/{graphing/recharts → recharts}/cartesian.py +0 -0
  318. /reflex/components/{graphing/recharts → recharts}/general.py +0 -0
  319. /reflex/components/{graphing/recharts → recharts}/polar.py +0 -0
  320. /reflex/components/{graphing/recharts → recharts}/recharts.py +0 -0
  321. /reflex/components/{forms → suneditor}/editor.py +0 -0
  322. {reflex-0.3.7a1.dist-info → reflex-0.3.8.dist-info}/LICENSE +0 -0
  323. {reflex-0.3.7a1.dist-info → reflex-0.3.8.dist-info}/WHEEL +0 -0
  324. {reflex-0.3.7a1.dist-info → reflex-0.3.8.dist-info}/entry_points.txt +0 -0
@@ -26,17 +26,8 @@ class IconButton(el.Button, CommonMarginProps, RadixThemesComponent):
26
26
  def create( # type: ignore
27
27
  cls,
28
28
  *children,
29
- as_child: Optional[Union[Var[bool], bool]] = None,
30
- size: Optional[
31
- Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
32
- ] = None,
33
- variant: Optional[
34
- Union[
35
- Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
36
- Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
37
- ]
38
- ] = None,
39
- color: Optional[
29
+ color: Optional[Union[Var[str], str]] = None,
30
+ color_scheme: Optional[
40
31
  Union[
41
32
  Var[
42
33
  Literal[
@@ -98,6 +89,16 @@ class IconButton(el.Button, CommonMarginProps, RadixThemesComponent):
98
89
  ],
99
90
  ]
100
91
  ] = None,
92
+ as_child: Optional[Union[Var[bool], bool]] = None,
93
+ size: Optional[
94
+ Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
95
+ ] = None,
96
+ variant: Optional[
97
+ Union[
98
+ Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
99
+ Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
100
+ ]
101
+ ] = None,
101
102
  high_contrast: Optional[Union[Var[bool], bool]] = None,
102
103
  radius: Optional[
103
104
  Union[
@@ -277,10 +278,11 @@ class IconButton(el.Button, CommonMarginProps, RadixThemesComponent):
277
278
 
278
279
  Args:
279
280
  *children: Child components.
281
+ color: map to CSS default color property.
282
+ color_scheme: map to radix color property.
280
283
  as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
281
284
  size: Button size "1" - "4"
282
285
  variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
283
- color: Override theme color for button
284
286
  high_contrast: Whether to render the button with higher contrast color against background
285
287
  radius: Override theme radius for button: "none" | "small" | "medium" | "large" | "full"
286
288
  auto_focus: Automatically focuses the button when the page loads
@@ -10,7 +10,7 @@ from reflex.utils import format
10
10
  class RadixIconComponent(Component):
11
11
  """A component used as basis for Radix icons."""
12
12
 
13
- library = "@radix-ui/react-icons"
13
+ library = "@radix-ui/react-icons@^1.3.0"
14
14
 
15
15
 
16
16
  class Icon(RadixIconComponent):
@@ -43,7 +43,7 @@ class Icon(RadixIconComponent):
43
43
  raise AttributeError("Missing 'tag' keyword-argument for Icon")
44
44
  if type(props["tag"]) != str or props["tag"].lower() not in ICON_LIST:
45
45
  raise ValueError(
46
- f"Invalid icon tag: {props['tag']}. Please use one of the following: {ICON_LIST}"
46
+ f"Invalid icon tag: {props['tag']}. Please use one of the following: {sorted(ICON_LIST)}"
47
47
  )
48
48
  props["tag"] = format.to_title_case(props["tag"]) + "Icon"
49
49
  return super().create(*children, **props)
@@ -20,6 +20,69 @@ class Inset(el.Div, CommonMarginProps, RadixThemesComponent):
20
20
  def create( # type: ignore
21
21
  cls,
22
22
  *children,
23
+ color: Optional[Union[Var[str], str]] = None,
24
+ color_scheme: Optional[
25
+ Union[
26
+ Var[
27
+ Literal[
28
+ "tomato",
29
+ "red",
30
+ "ruby",
31
+ "crimson",
32
+ "pink",
33
+ "plum",
34
+ "purple",
35
+ "violet",
36
+ "iris",
37
+ "indigo",
38
+ "blue",
39
+ "cyan",
40
+ "teal",
41
+ "jade",
42
+ "green",
43
+ "grass",
44
+ "brown",
45
+ "orange",
46
+ "sky",
47
+ "mint",
48
+ "lime",
49
+ "yellow",
50
+ "amber",
51
+ "gold",
52
+ "bronze",
53
+ "gray",
54
+ ]
55
+ ],
56
+ Literal[
57
+ "tomato",
58
+ "red",
59
+ "ruby",
60
+ "crimson",
61
+ "pink",
62
+ "plum",
63
+ "purple",
64
+ "violet",
65
+ "iris",
66
+ "indigo",
67
+ "blue",
68
+ "cyan",
69
+ "teal",
70
+ "jade",
71
+ "green",
72
+ "grass",
73
+ "brown",
74
+ "orange",
75
+ "sky",
76
+ "mint",
77
+ "lime",
78
+ "yellow",
79
+ "amber",
80
+ "gold",
81
+ "bronze",
82
+ "gray",
83
+ ],
84
+ ]
85
+ ] = None,
23
86
  side: Optional[
24
87
  Union[
25
88
  Var[Literal["x", "y", "top", "bottom", "right", "left"]],
@@ -184,6 +247,8 @@ class Inset(el.Div, CommonMarginProps, RadixThemesComponent):
184
247
 
185
248
  Args:
186
249
  *children: Child components.
250
+ color: map to CSS default color property.
251
+ color_scheme: map to radix color property.
187
252
  side: The side
188
253
  p: Padding
189
254
  px: Padding on the x axis
@@ -19,6 +19,69 @@ class PopoverRoot(CommonMarginProps, RadixThemesComponent):
19
19
  def create( # type: ignore
20
20
  cls,
21
21
  *children,
22
+ color: Optional[Union[Var[str], str]] = None,
23
+ color_scheme: Optional[
24
+ Union[
25
+ Var[
26
+ Literal[
27
+ "tomato",
28
+ "red",
29
+ "ruby",
30
+ "crimson",
31
+ "pink",
32
+ "plum",
33
+ "purple",
34
+ "violet",
35
+ "iris",
36
+ "indigo",
37
+ "blue",
38
+ "cyan",
39
+ "teal",
40
+ "jade",
41
+ "green",
42
+ "grass",
43
+ "brown",
44
+ "orange",
45
+ "sky",
46
+ "mint",
47
+ "lime",
48
+ "yellow",
49
+ "amber",
50
+ "gold",
51
+ "bronze",
52
+ "gray",
53
+ ]
54
+ ],
55
+ Literal[
56
+ "tomato",
57
+ "red",
58
+ "ruby",
59
+ "crimson",
60
+ "pink",
61
+ "plum",
62
+ "purple",
63
+ "violet",
64
+ "iris",
65
+ "indigo",
66
+ "blue",
67
+ "cyan",
68
+ "teal",
69
+ "jade",
70
+ "green",
71
+ "grass",
72
+ "brown",
73
+ "orange",
74
+ "sky",
75
+ "mint",
76
+ "lime",
77
+ "yellow",
78
+ "amber",
79
+ "gold",
80
+ "bronze",
81
+ "gray",
82
+ ],
83
+ ]
84
+ ] = None,
22
85
  open: Optional[Union[Var[bool], bool]] = None,
23
86
  modal: Optional[Union[Var[bool], bool]] = None,
24
87
  m: Optional[
@@ -126,6 +189,8 @@ class PopoverRoot(CommonMarginProps, RadixThemesComponent):
126
189
 
127
190
  Args:
128
191
  *children: Child components.
192
+ color: map to CSS default color property.
193
+ color_scheme: map to radix color property.
129
194
  open: The controlled open state of the popover.
130
195
  modal: The modality of the popover. When set to true, interaction with outside elements will be disabled and only popover content will be visible to screen readers.
131
196
  m: Margin: "0" - "9"
@@ -154,6 +219,69 @@ class PopoverTrigger(CommonMarginProps, RadixThemesComponent):
154
219
  def create( # type: ignore
155
220
  cls,
156
221
  *children,
222
+ color: Optional[Union[Var[str], str]] = None,
223
+ color_scheme: Optional[
224
+ Union[
225
+ Var[
226
+ Literal[
227
+ "tomato",
228
+ "red",
229
+ "ruby",
230
+ "crimson",
231
+ "pink",
232
+ "plum",
233
+ "purple",
234
+ "violet",
235
+ "iris",
236
+ "indigo",
237
+ "blue",
238
+ "cyan",
239
+ "teal",
240
+ "jade",
241
+ "green",
242
+ "grass",
243
+ "brown",
244
+ "orange",
245
+ "sky",
246
+ "mint",
247
+ "lime",
248
+ "yellow",
249
+ "amber",
250
+ "gold",
251
+ "bronze",
252
+ "gray",
253
+ ]
254
+ ],
255
+ Literal[
256
+ "tomato",
257
+ "red",
258
+ "ruby",
259
+ "crimson",
260
+ "pink",
261
+ "plum",
262
+ "purple",
263
+ "violet",
264
+ "iris",
265
+ "indigo",
266
+ "blue",
267
+ "cyan",
268
+ "teal",
269
+ "jade",
270
+ "green",
271
+ "grass",
272
+ "brown",
273
+ "orange",
274
+ "sky",
275
+ "mint",
276
+ "lime",
277
+ "yellow",
278
+ "amber",
279
+ "gold",
280
+ "bronze",
281
+ "gray",
282
+ ],
283
+ ]
284
+ ] = None,
157
285
  m: Optional[
158
286
  Union[
159
287
  Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@@ -256,6 +384,8 @@ class PopoverTrigger(CommonMarginProps, RadixThemesComponent):
256
384
 
257
385
  Args:
258
386
  *children: Child components.
387
+ color: map to CSS default color property.
388
+ color_scheme: map to radix color property.
259
389
  m: Margin: "0" - "9"
260
390
  mx: Margin horizontal: "0" - "9"
261
391
  my: Margin vertical: "0" - "9"
@@ -283,6 +413,69 @@ class PopoverContent(el.Div, CommonMarginProps, RadixThemesComponent):
283
413
  def create( # type: ignore
284
414
  cls,
285
415
  *children,
416
+ color: Optional[Union[Var[str], str]] = None,
417
+ color_scheme: Optional[
418
+ Union[
419
+ Var[
420
+ Literal[
421
+ "tomato",
422
+ "red",
423
+ "ruby",
424
+ "crimson",
425
+ "pink",
426
+ "plum",
427
+ "purple",
428
+ "violet",
429
+ "iris",
430
+ "indigo",
431
+ "blue",
432
+ "cyan",
433
+ "teal",
434
+ "jade",
435
+ "green",
436
+ "grass",
437
+ "brown",
438
+ "orange",
439
+ "sky",
440
+ "mint",
441
+ "lime",
442
+ "yellow",
443
+ "amber",
444
+ "gold",
445
+ "bronze",
446
+ "gray",
447
+ ]
448
+ ],
449
+ Literal[
450
+ "tomato",
451
+ "red",
452
+ "ruby",
453
+ "crimson",
454
+ "pink",
455
+ "plum",
456
+ "purple",
457
+ "violet",
458
+ "iris",
459
+ "indigo",
460
+ "blue",
461
+ "cyan",
462
+ "teal",
463
+ "jade",
464
+ "green",
465
+ "grass",
466
+ "brown",
467
+ "orange",
468
+ "sky",
469
+ "mint",
470
+ "lime",
471
+ "yellow",
472
+ "amber",
473
+ "gold",
474
+ "bronze",
475
+ "gray",
476
+ ],
477
+ ]
478
+ ] = None,
286
479
  size: Optional[Union[Var[Literal[1, 2, 3, 4]], Literal[1, 2, 3, 4]]] = None,
287
480
  side: Optional[
288
481
  Union[
@@ -462,6 +655,8 @@ class PopoverContent(el.Div, CommonMarginProps, RadixThemesComponent):
462
655
 
463
656
  Args:
464
657
  *children: Child components.
658
+ color: map to CSS default color property.
659
+ color_scheme: map to radix color property.
465
660
  size: Size of the button: "1" | "2" | "3" | "4"
466
661
  side: The preferred side of the anchor to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
467
662
  side_offset: The distance in pixels from the anchor.
@@ -511,6 +706,69 @@ class PopoverClose(CommonMarginProps, RadixThemesComponent):
511
706
  def create( # type: ignore
512
707
  cls,
513
708
  *children,
709
+ color: Optional[Union[Var[str], str]] = None,
710
+ color_scheme: Optional[
711
+ Union[
712
+ Var[
713
+ Literal[
714
+ "tomato",
715
+ "red",
716
+ "ruby",
717
+ "crimson",
718
+ "pink",
719
+ "plum",
720
+ "purple",
721
+ "violet",
722
+ "iris",
723
+ "indigo",
724
+ "blue",
725
+ "cyan",
726
+ "teal",
727
+ "jade",
728
+ "green",
729
+ "grass",
730
+ "brown",
731
+ "orange",
732
+ "sky",
733
+ "mint",
734
+ "lime",
735
+ "yellow",
736
+ "amber",
737
+ "gold",
738
+ "bronze",
739
+ "gray",
740
+ ]
741
+ ],
742
+ Literal[
743
+ "tomato",
744
+ "red",
745
+ "ruby",
746
+ "crimson",
747
+ "pink",
748
+ "plum",
749
+ "purple",
750
+ "violet",
751
+ "iris",
752
+ "indigo",
753
+ "blue",
754
+ "cyan",
755
+ "teal",
756
+ "jade",
757
+ "green",
758
+ "grass",
759
+ "brown",
760
+ "orange",
761
+ "sky",
762
+ "mint",
763
+ "lime",
764
+ "yellow",
765
+ "amber",
766
+ "gold",
767
+ "bronze",
768
+ "gray",
769
+ ],
770
+ ]
771
+ ] = None,
514
772
  m: Optional[
515
773
  Union[
516
774
  Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@@ -613,6 +871,8 @@ class PopoverClose(CommonMarginProps, RadixThemesComponent):
613
871
 
614
872
  Args:
615
873
  *children: Child components.
874
+ color: map to CSS default color property.
875
+ color_scheme: map to radix color property.
616
876
  m: Margin: "0" - "9"
617
877
  mx: Margin horizontal: "0" - "9"
618
878
  my: Margin vertical: "0" - "9"
@@ -16,7 +16,7 @@ class RadioGroupRoot(CommonMarginProps, RadixThemesComponent):
16
16
  tag = "RadioGroup.Root"
17
17
 
18
18
  # The size of the radio group: "1" | "2" | "3"
19
- size: Var[Literal[1, 2, 3]]
19
+ size: Var[Literal["1", "2", "3"]]
20
20
 
21
21
  # The variant of the radio group
22
22
  variant: Var[Literal["classic", "surface", "soft"]]
@@ -18,14 +18,8 @@ class RadioGroupRoot(CommonMarginProps, RadixThemesComponent):
18
18
  def create( # type: ignore
19
19
  cls,
20
20
  *children,
21
- size: Optional[Union[Var[Literal[1, 2, 3]], Literal[1, 2, 3]]] = None,
22
- variant: Optional[
23
- Union[
24
- Var[Literal["classic", "surface", "soft"]],
25
- Literal["classic", "surface", "soft"],
26
- ]
27
- ] = None,
28
- color: Optional[
21
+ color: Optional[Union[Var[str], str]] = None,
22
+ color_scheme: Optional[
29
23
  Union[
30
24
  Var[
31
25
  Literal[
@@ -87,6 +81,15 @@ class RadioGroupRoot(CommonMarginProps, RadixThemesComponent):
87
81
  ],
88
82
  ]
89
83
  ] = None,
84
+ size: Optional[
85
+ Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
86
+ ] = None,
87
+ variant: Optional[
88
+ Union[
89
+ Var[Literal["classic", "surface", "soft"]],
90
+ Literal["classic", "surface", "soft"],
91
+ ]
92
+ ] = None,
90
93
  high_contrast: Optional[Union[Var[bool], bool]] = None,
91
94
  value: Optional[Union[Var[str], str]] = None,
92
95
  default_value: Optional[Union[Var[str], str]] = None,
@@ -204,9 +207,10 @@ class RadioGroupRoot(CommonMarginProps, RadixThemesComponent):
204
207
 
205
208
  Args:
206
209
  *children: Child components.
210
+ color: map to CSS default color property.
211
+ color_scheme: map to radix color property.
207
212
  size: The size of the radio group: "1" | "2" | "3"
208
213
  variant: The variant of the radio group
209
- color: The color of the radio group
210
214
  high_contrast: Whether to render the radio group with higher contrast color against background
211
215
  value: The controlled value of the radio item to check. Should be used in conjunction with onValueChange.
212
216
  default_value: The initial value of checked radio item. Should be used in conjunction with onValueChange.
@@ -240,6 +244,69 @@ class RadioGroupItem(CommonMarginProps, RadixThemesComponent):
240
244
  def create( # type: ignore
241
245
  cls,
242
246
  *children,
247
+ color: Optional[Union[Var[str], str]] = None,
248
+ color_scheme: Optional[
249
+ Union[
250
+ Var[
251
+ Literal[
252
+ "tomato",
253
+ "red",
254
+ "ruby",
255
+ "crimson",
256
+ "pink",
257
+ "plum",
258
+ "purple",
259
+ "violet",
260
+ "iris",
261
+ "indigo",
262
+ "blue",
263
+ "cyan",
264
+ "teal",
265
+ "jade",
266
+ "green",
267
+ "grass",
268
+ "brown",
269
+ "orange",
270
+ "sky",
271
+ "mint",
272
+ "lime",
273
+ "yellow",
274
+ "amber",
275
+ "gold",
276
+ "bronze",
277
+ "gray",
278
+ ]
279
+ ],
280
+ Literal[
281
+ "tomato",
282
+ "red",
283
+ "ruby",
284
+ "crimson",
285
+ "pink",
286
+ "plum",
287
+ "purple",
288
+ "violet",
289
+ "iris",
290
+ "indigo",
291
+ "blue",
292
+ "cyan",
293
+ "teal",
294
+ "jade",
295
+ "green",
296
+ "grass",
297
+ "brown",
298
+ "orange",
299
+ "sky",
300
+ "mint",
301
+ "lime",
302
+ "yellow",
303
+ "amber",
304
+ "gold",
305
+ "bronze",
306
+ "gray",
307
+ ],
308
+ ]
309
+ ] = None,
243
310
  value: Optional[Union[Var[str], str]] = None,
244
311
  disabled: Optional[Union[Var[bool], bool]] = None,
245
312
  required: Optional[Union[Var[bool], bool]] = None,
@@ -345,6 +412,8 @@ class RadioGroupItem(CommonMarginProps, RadixThemesComponent):
345
412
 
346
413
  Args:
347
414
  *children: Child components.
415
+ color: map to CSS default color property.
416
+ color_scheme: map to radix color property.
348
417
  value: The value of the radio item to check. Should be used in conjunction with onCheckedChange.
349
418
  disabled: When true, prevents the user from interacting with the radio item.
350
419
  required: When true, indicates that the user must check the radio item before the owning form can be submitted.
@@ -17,6 +17,69 @@ class ScrollArea(CommonMarginProps, RadixThemesComponent):
17
17
  def create( # type: ignore
18
18
  cls,
19
19
  *children,
20
+ color: Optional[Union[Var[str], str]] = None,
21
+ color_scheme: Optional[
22
+ Union[
23
+ Var[
24
+ Literal[
25
+ "tomato",
26
+ "red",
27
+ "ruby",
28
+ "crimson",
29
+ "pink",
30
+ "plum",
31
+ "purple",
32
+ "violet",
33
+ "iris",
34
+ "indigo",
35
+ "blue",
36
+ "cyan",
37
+ "teal",
38
+ "jade",
39
+ "green",
40
+ "grass",
41
+ "brown",
42
+ "orange",
43
+ "sky",
44
+ "mint",
45
+ "lime",
46
+ "yellow",
47
+ "amber",
48
+ "gold",
49
+ "bronze",
50
+ "gray",
51
+ ]
52
+ ],
53
+ Literal[
54
+ "tomato",
55
+ "red",
56
+ "ruby",
57
+ "crimson",
58
+ "pink",
59
+ "plum",
60
+ "purple",
61
+ "violet",
62
+ "iris",
63
+ "indigo",
64
+ "blue",
65
+ "cyan",
66
+ "teal",
67
+ "jade",
68
+ "green",
69
+ "grass",
70
+ "brown",
71
+ "orange",
72
+ "sky",
73
+ "mint",
74
+ "lime",
75
+ "yellow",
76
+ "amber",
77
+ "gold",
78
+ "bronze",
79
+ "gray",
80
+ ],
81
+ ]
82
+ ] = None,
20
83
  size: Optional[Union[Var[Literal[1, 2, 3]], Literal[1, 2, 3]]] = None,
21
84
  radius: Optional[
22
85
  Union[
@@ -139,6 +202,8 @@ class ScrollArea(CommonMarginProps, RadixThemesComponent):
139
202
 
140
203
  Args:
141
204
  *children: Child components.
205
+ color: map to CSS default color property.
206
+ color_scheme: map to radix color property.
142
207
  size: The size of the radio group: "1" | "2" | "3"
143
208
  radius: The radius of the radio group
144
209
  scrollbars: The alignment of the scroll area