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

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

Potentially problematic release.


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

Files changed (246) hide show
  1. reflex/__init__.py +3 -1
  2. reflex/__init__.pyi +3 -1
  3. reflex/app.py +13 -5
  4. reflex/compiler/utils.py +13 -12
  5. reflex/components/base/app_wrap.pyi +1 -0
  6. reflex/components/base/body.pyi +2 -0
  7. reflex/components/base/document.pyi +10 -0
  8. reflex/components/base/fragment.pyi +2 -0
  9. reflex/components/base/head.pyi +4 -0
  10. reflex/components/base/link.pyi +4 -0
  11. reflex/components/base/meta.pyi +8 -0
  12. reflex/components/base/script.pyi +2 -0
  13. reflex/components/chakra/base.pyi +7 -0
  14. reflex/components/chakra/datadisplay/badge.pyi +2 -0
  15. reflex/components/chakra/datadisplay/code.pyi +4 -0
  16. reflex/components/chakra/datadisplay/divider.pyi +2 -0
  17. reflex/components/chakra/datadisplay/keyboard_key.pyi +2 -0
  18. reflex/components/chakra/datadisplay/list.pyi +8 -0
  19. reflex/components/chakra/datadisplay/stat.pyi +12 -0
  20. reflex/components/chakra/datadisplay/table.pyi +18 -0
  21. reflex/components/chakra/datadisplay/tag.pyi +9 -0
  22. reflex/components/chakra/disclosure/accordion.pyi +10 -0
  23. reflex/components/chakra/disclosure/tabs.py +8 -0
  24. reflex/components/chakra/disclosure/tabs.pyi +10 -0
  25. reflex/components/chakra/disclosure/transition.pyi +12 -0
  26. reflex/components/chakra/disclosure/visuallyhidden.pyi +2 -0
  27. reflex/components/chakra/feedback/alert.pyi +8 -0
  28. reflex/components/chakra/feedback/circularprogress.pyi +4 -0
  29. reflex/components/chakra/feedback/progress.pyi +2 -0
  30. reflex/components/chakra/feedback/skeleton.pyi +6 -0
  31. reflex/components/chakra/feedback/spinner.pyi +2 -0
  32. reflex/components/chakra/forms/button.pyi +4 -0
  33. reflex/components/chakra/forms/checkbox.pyi +4 -0
  34. reflex/components/chakra/forms/colormodeswitch.pyi +7 -0
  35. reflex/components/chakra/forms/date_picker.pyi +2 -0
  36. reflex/components/chakra/forms/date_time_picker.pyi +2 -0
  37. reflex/components/chakra/forms/editable.pyi +8 -0
  38. reflex/components/chakra/forms/email.pyi +2 -0
  39. reflex/components/chakra/forms/form.pyi +10 -0
  40. reflex/components/chakra/forms/iconbutton.py +1 -0
  41. reflex/components/chakra/forms/iconbutton.pyi +2 -0
  42. reflex/components/chakra/forms/input.pyi +12 -0
  43. reflex/components/chakra/forms/numberinput.pyi +10 -0
  44. reflex/components/chakra/forms/password.pyi +2 -0
  45. reflex/components/chakra/forms/pininput.pyi +4 -0
  46. reflex/components/chakra/forms/radio.pyi +4 -0
  47. reflex/components/chakra/forms/rangeslider.pyi +8 -0
  48. reflex/components/chakra/forms/select.pyi +4 -0
  49. reflex/components/chakra/forms/slider.pyi +10 -0
  50. reflex/components/chakra/forms/switch.pyi +2 -0
  51. reflex/components/chakra/forms/textarea.pyi +2 -0
  52. reflex/components/chakra/forms/time_picker.pyi +2 -0
  53. reflex/components/chakra/layout/aspect_ratio.pyi +2 -0
  54. reflex/components/chakra/layout/box.pyi +2 -0
  55. reflex/components/chakra/layout/card.pyi +7 -0
  56. reflex/components/chakra/layout/center.pyi +6 -0
  57. reflex/components/chakra/layout/container.pyi +2 -0
  58. reflex/components/chakra/layout/flex.pyi +2 -0
  59. reflex/components/chakra/layout/grid.pyi +6 -0
  60. reflex/components/chakra/layout/html.pyi +2 -0
  61. reflex/components/chakra/layout/spacer.pyi +2 -0
  62. reflex/components/chakra/layout/stack.pyi +6 -0
  63. reflex/components/chakra/layout/wrap.pyi +4 -0
  64. reflex/components/chakra/media/avatar.pyi +6 -0
  65. reflex/components/chakra/media/icon.pyi +4 -0
  66. reflex/components/chakra/media/image.pyi +2 -0
  67. reflex/components/chakra/navigation/breadcrumb.pyi +8 -0
  68. reflex/components/chakra/navigation/link.pyi +2 -0
  69. reflex/components/chakra/navigation/linkoverlay.pyi +4 -0
  70. reflex/components/chakra/navigation/stepper.pyi +18 -0
  71. reflex/components/chakra/overlay/alertdialog.pyi +14 -0
  72. reflex/components/chakra/overlay/drawer.pyi +14 -0
  73. reflex/components/chakra/overlay/menu.pyi +16 -0
  74. reflex/components/chakra/overlay/modal.pyi +14 -0
  75. reflex/components/chakra/overlay/popover.pyi +18 -0
  76. reflex/components/chakra/overlay/tooltip.pyi +2 -0
  77. reflex/components/chakra/typography/heading.pyi +2 -0
  78. reflex/components/chakra/typography/highlight.pyi +2 -0
  79. reflex/components/chakra/typography/span.pyi +2 -0
  80. reflex/components/chakra/typography/text.pyi +2 -0
  81. reflex/components/component.py +41 -3
  82. reflex/components/core/__init__.py +2 -0
  83. reflex/components/core/banner.pyi +3 -0
  84. reflex/components/core/client_side_routing.pyi +4 -0
  85. reflex/components/core/colors.py +21 -0
  86. reflex/components/core/cond.py +11 -2
  87. reflex/components/core/debounce.pyi +1 -0
  88. reflex/components/core/layout/__init__.py +1 -0
  89. reflex/components/core/match.py +44 -18
  90. reflex/components/core/upload.py +8 -2
  91. reflex/components/core/upload.pyi +7 -1
  92. reflex/components/datadisplay/dataeditor.pyi +2 -0
  93. reflex/components/el/element.pyi +2 -0
  94. reflex/components/el/elements/base.pyi +2 -0
  95. reflex/components/el/elements/forms.py +3 -0
  96. reflex/components/el/elements/forms.pyi +32 -0
  97. reflex/components/el/elements/inline.pyi +56 -0
  98. reflex/components/el/elements/media.pyi +28 -0
  99. reflex/components/el/elements/metadata.pyi +10 -0
  100. reflex/components/el/elements/other.pyi +14 -0
  101. reflex/components/el/elements/scripts.pyi +6 -0
  102. reflex/components/el/elements/sectioning.pyi +30 -0
  103. reflex/components/el/elements/tables.pyi +20 -0
  104. reflex/components/el/elements/typography.pyi +30 -0
  105. reflex/components/gridjs/datatable.pyi +4 -0
  106. reflex/components/lucide/__init__.py +5 -0
  107. reflex/components/lucide/icon.py +1484 -0
  108. reflex/components/lucide/icon.pyi +1594 -0
  109. reflex/components/markdown/markdown.pyi +2 -0
  110. reflex/components/moment/moment.pyi +2 -0
  111. reflex/components/next/base.pyi +2 -0
  112. reflex/components/next/image.pyi +2 -0
  113. reflex/components/next/link.pyi +2 -0
  114. reflex/components/next/video.pyi +2 -0
  115. reflex/components/plotly/plotly.pyi +4 -0
  116. reflex/components/radix/primitives/__init__.py +10 -0
  117. reflex/components/radix/primitives/accordion.py +51 -32
  118. reflex/components/radix/primitives/accordion.pyi +16 -3
  119. reflex/components/radix/primitives/base.pyi +4 -0
  120. reflex/components/radix/primitives/drawer.py +240 -0
  121. reflex/components/radix/primitives/drawer.pyi +814 -0
  122. reflex/components/radix/primitives/form.py +40 -7
  123. reflex/components/radix/primitives/form.pyi +32 -10
  124. reflex/components/radix/primitives/progress.py +2 -2
  125. reflex/components/radix/primitives/progress.pyi +6 -0
  126. reflex/components/radix/primitives/slider.pyi +10 -0
  127. reflex/components/radix/themes/base.py +46 -12
  128. reflex/components/radix/themes/base.pyi +23 -9
  129. reflex/components/radix/themes/components/__init__.py +4 -2
  130. reflex/components/radix/themes/components/alertdialog.py +13 -12
  131. reflex/components/radix/themes/components/alertdialog.pyi +23 -351
  132. reflex/components/radix/themes/components/aspectratio.py +2 -5
  133. reflex/components/radix/themes/components/aspectratio.pyi +4 -51
  134. reflex/components/radix/themes/components/avatar.py +3 -4
  135. reflex/components/radix/themes/components/avatar.pyi +4 -57
  136. reflex/components/radix/themes/components/badge.py +3 -4
  137. reflex/components/radix/themes/components/badge.pyi +4 -56
  138. reflex/components/radix/themes/components/button.py +2 -3
  139. reflex/components/radix/themes/components/button.pyi +3 -51
  140. reflex/components/radix/themes/components/callout.py +9 -12
  141. reflex/components/radix/themes/components/callout.pyi +24 -217
  142. reflex/components/radix/themes/components/card.py +1 -2
  143. reflex/components/radix/themes/components/card.pyi +4 -51
  144. reflex/components/radix/themes/components/checkbox.py +11 -5
  145. reflex/components/radix/themes/components/checkbox.pyi +13 -112
  146. reflex/components/radix/themes/components/contextmenu.py +21 -21
  147. reflex/components/radix/themes/components/contextmenu.pyi +26 -401
  148. reflex/components/radix/themes/components/dialog.py +13 -16
  149. reflex/components/radix/themes/components/dialog.pyi +20 -303
  150. reflex/components/radix/themes/components/dropdownmenu.py +196 -32
  151. reflex/components/radix/themes/components/dropdownmenu.pyi +147 -389
  152. reflex/components/radix/themes/components/hovercard.py +5 -5
  153. reflex/components/radix/themes/components/hovercard.pyi +11 -151
  154. reflex/components/radix/themes/components/iconbutton.py +56 -4
  155. reflex/components/radix/themes/components/iconbutton.pyi +25 -71
  156. reflex/components/radix/themes/components/icons.pyi +4 -0
  157. reflex/components/radix/themes/components/inset.py +1 -2
  158. reflex/components/radix/themes/components/inset.pyi +4 -51
  159. reflex/components/radix/themes/components/popover.py +12 -12
  160. reflex/components/radix/themes/components/popover.pyi +14 -201
  161. reflex/components/radix/themes/components/radiogroup.py +47 -20
  162. reflex/components/radix/themes/components/radiogroup.pyi +26 -171
  163. reflex/components/radix/themes/components/scrollarea.py +2 -3
  164. reflex/components/radix/themes/components/scrollarea.pyi +4 -51
  165. reflex/components/radix/themes/components/select.py +28 -25
  166. reflex/components/radix/themes/components/select.pyi +43 -419
  167. reflex/components/radix/themes/components/separator.py +4 -5
  168. reflex/components/radix/themes/components/separator.pyi +5 -52
  169. reflex/components/radix/themes/components/slider.py +8 -5
  170. reflex/components/radix/themes/components/slider.pyi +9 -60
  171. reflex/components/radix/themes/components/switch.py +6 -4
  172. reflex/components/radix/themes/components/switch.pyi +5 -53
  173. reflex/components/radix/themes/components/table.py +14 -15
  174. reflex/components/radix/themes/components/table.pyi +22 -351
  175. reflex/components/radix/themes/components/tabs.py +9 -6
  176. reflex/components/radix/themes/components/tabs.pyi +18 -205
  177. reflex/components/radix/themes/components/textarea.py +2 -3
  178. reflex/components/radix/themes/components/textarea.pyi +10 -53
  179. reflex/components/radix/themes/components/textfield.py +105 -4
  180. reflex/components/radix/themes/components/textfield.pyi +200 -108
  181. reflex/components/radix/themes/components/tooltip.py +102 -2
  182. reflex/components/radix/themes/components/tooltip.pyi +66 -110
  183. reflex/components/radix/themes/layout/__init__.py +7 -0
  184. reflex/components/radix/themes/layout/base.pyi +2 -0
  185. reflex/components/radix/themes/layout/box.py +2 -2
  186. reflex/components/radix/themes/layout/box.pyi +4 -104
  187. reflex/components/radix/themes/layout/center.py +19 -0
  188. reflex/components/radix/themes/layout/center.pyi +261 -0
  189. reflex/components/radix/themes/layout/container.py +2 -2
  190. reflex/components/radix/themes/layout/container.pyi +4 -104
  191. reflex/components/radix/themes/layout/flex.py +2 -2
  192. reflex/components/radix/themes/layout/flex.pyi +4 -105
  193. reflex/components/radix/themes/layout/grid.pyi +2 -0
  194. reflex/components/radix/themes/layout/section.py +2 -2
  195. reflex/components/radix/themes/layout/section.pyi +4 -104
  196. reflex/components/radix/themes/layout/spacer.py +19 -0
  197. reflex/components/radix/themes/layout/spacer.pyi +261 -0
  198. reflex/components/radix/themes/layout/stack.py +60 -0
  199. reflex/components/radix/themes/layout/stack.pyi +537 -0
  200. reflex/components/radix/themes/typography/blockquote.py +2 -3
  201. reflex/components/radix/themes/typography/blockquote.pyi +4 -51
  202. reflex/components/radix/themes/typography/code.py +2 -3
  203. reflex/components/radix/themes/typography/code.pyi +4 -56
  204. reflex/components/radix/themes/typography/em.py +1 -2
  205. reflex/components/radix/themes/typography/em.pyi +4 -51
  206. reflex/components/radix/themes/typography/heading.py +2 -3
  207. reflex/components/radix/themes/typography/heading.pyi +4 -51
  208. reflex/components/radix/themes/typography/kbd.py +1 -2
  209. reflex/components/radix/themes/typography/kbd.pyi +4 -51
  210. reflex/components/radix/themes/typography/link.py +34 -3
  211. reflex/components/radix/themes/typography/link.pyi +41 -86
  212. reflex/components/radix/themes/typography/quote.py +1 -2
  213. reflex/components/radix/themes/typography/quote.pyi +4 -51
  214. reflex/components/radix/themes/typography/strong.py +1 -2
  215. reflex/components/radix/themes/typography/strong.pyi +4 -51
  216. reflex/components/radix/themes/typography/text.py +2 -3
  217. reflex/components/radix/themes/typography/text.pyi +4 -51
  218. reflex/components/radix/themes/typography.py +10 -11
  219. reflex/components/react_player/audio.pyi +2 -0
  220. reflex/components/react_player/react_player.pyi +2 -0
  221. reflex/components/react_player/video.pyi +2 -0
  222. reflex/components/recharts/cartesian.pyi +38 -0
  223. reflex/components/recharts/charts.pyi +22 -0
  224. reflex/components/recharts/general.pyi +10 -0
  225. reflex/components/recharts/polar.pyi +12 -0
  226. reflex/components/recharts/recharts.pyi +4 -0
  227. reflex/components/suneditor/editor.pyi +2 -0
  228. reflex/components/tags/tag.py +1 -1
  229. reflex/constants/base.py +5 -1
  230. reflex/constants/colors.py +80 -0
  231. reflex/constants/event.py +10 -1
  232. reflex/page.py +1 -1
  233. reflex/reflex.py +4 -0
  234. reflex/style.py +8 -3
  235. reflex/testing.py +21 -10
  236. reflex/utils/format.py +13 -9
  237. reflex/utils/prerequisites.py +41 -3
  238. reflex/utils/serializers.py +14 -0
  239. reflex/utils/telemetry.py +8 -2
  240. reflex/utils/types.py +36 -2
  241. reflex/vars.py +53 -18
  242. {reflex-0.3.9a2.dist-info → reflex-0.3.10.dist-info}/METADATA +1 -2
  243. {reflex-0.3.9a2.dist-info → reflex-0.3.10.dist-info}/RECORD +246 -232
  244. {reflex-0.3.9a2.dist-info → reflex-0.3.10.dist-info}/WHEEL +1 -1
  245. {reflex-0.3.9a2.dist-info → reflex-0.3.10.dist-info}/LICENSE +0 -0
  246. {reflex-0.3.9a2.dist-info → reflex-0.3.10.dist-info}/entry_points.txt +0 -0
@@ -7,126 +7,67 @@ from typing import Any, Dict, Literal, Optional, Union, overload
7
7
  from reflex.vars import Var, BaseVar, ComputedVar
8
8
  from reflex.event import EventChain, EventHandler, EventSpec
9
9
  from reflex.style import Style
10
+ from typing import Any, Dict, Literal, Union
11
+ from reflex.components.component import Component
12
+ from reflex.constants import EventTriggers
13
+ from reflex.utils import format
10
14
  from reflex.vars import Var
11
- from ..base import CommonMarginProps, RadixThemesComponent
15
+ from ..base import RadixThemesComponent
12
16
 
13
- class Tooltip(CommonMarginProps, RadixThemesComponent):
17
+ LiteralSideType = Literal["top", "right", "bottom", "left"]
18
+ LiteralAlignType = Literal["start", "center", "end"]
19
+ LiteralStickyType = Literal["partial", "always"]
20
+
21
+ class Tooltip(RadixThemesComponent):
22
+ def get_event_triggers(self) -> Dict[str, Any]: ...
14
23
  @overload
15
24
  @classmethod
16
25
  def create( # type: ignore
17
26
  cls,
18
27
  *children,
19
- color: Optional[Union[Var[str], str]] = None,
20
- color_scheme: Optional[
21
- Union[
22
- Var[
23
- Literal[
24
- "tomato",
25
- "red",
26
- "ruby",
27
- "crimson",
28
- "pink",
29
- "plum",
30
- "purple",
31
- "violet",
32
- "iris",
33
- "indigo",
34
- "blue",
35
- "cyan",
36
- "teal",
37
- "jade",
38
- "green",
39
- "grass",
40
- "brown",
41
- "orange",
42
- "sky",
43
- "mint",
44
- "lime",
45
- "yellow",
46
- "amber",
47
- "gold",
48
- "bronze",
49
- "gray",
50
- ]
51
- ],
52
- Literal[
53
- "tomato",
54
- "red",
55
- "ruby",
56
- "crimson",
57
- "pink",
58
- "plum",
59
- "purple",
60
- "violet",
61
- "iris",
62
- "indigo",
63
- "blue",
64
- "cyan",
65
- "teal",
66
- "jade",
67
- "green",
68
- "grass",
69
- "brown",
70
- "orange",
71
- "sky",
72
- "mint",
73
- "lime",
74
- "yellow",
75
- "amber",
76
- "gold",
77
- "bronze",
78
- "gray",
79
- ],
80
- ]
81
- ] = None,
82
28
  content: Optional[Union[Var[str], str]] = None,
83
- m: Optional[
29
+ default_open: Optional[Union[Var[bool], bool]] = None,
30
+ open: Optional[Union[Var[bool], bool]] = None,
31
+ side: Optional[
84
32
  Union[
85
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
86
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
33
+ Var[Literal["top", "right", "bottom", "left"]],
34
+ Literal["top", "right", "bottom", "left"],
87
35
  ]
88
36
  ] = None,
89
- mx: Optional[
37
+ side_offset: Optional[Union[Var[Union[float, int]], Union[float, int]]] = None,
38
+ align: Optional[
90
39
  Union[
91
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
92
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
40
+ Var[Literal["start", "center", "end"]],
41
+ Literal["start", "center", "end"],
93
42
  ]
94
43
  ] = None,
95
- my: Optional[
44
+ align_offset: Optional[Union[Var[Union[float, int]], Union[float, int]]] = None,
45
+ avoid_collisions: Optional[Union[Var[bool], bool]] = None,
46
+ collision_padding: Optional[
96
47
  Union[
97
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
98
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
48
+ Var[Union[float, int, Dict[str, Union[float, int]]]],
49
+ Union[float, int, Dict[str, Union[float, int]]],
99
50
  ]
100
51
  ] = None,
101
- mt: Optional[
102
- Union[
103
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
104
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
105
- ]
52
+ arrow_padding: Optional[
53
+ Union[Var[Union[float, int]], Union[float, int]]
106
54
  ] = None,
107
- mr: Optional[
108
- Union[
109
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
110
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
111
- ]
55
+ sticky: Optional[
56
+ Union[Var[Literal["partial", "always"]], Literal["partial", "always"]]
112
57
  ] = None,
113
- mb: Optional[
114
- Union[
115
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
116
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
117
- ]
118
- ] = None,
119
- ml: Optional[
120
- Union[
121
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
122
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
123
- ]
58
+ hide_when_detached: Optional[Union[Var[bool], bool]] = None,
59
+ delay_duration: Optional[
60
+ Union[Var[Union[float, int]], Union[float, int]]
124
61
  ] = None,
62
+ disable_hoverable_content: Optional[Union[Var[bool], bool]] = None,
63
+ force_mount: Optional[Union[Var[bool], bool]] = None,
64
+ aria_label: Optional[Union[Var[str], str]] = None,
125
65
  style: Optional[Style] = None,
126
66
  key: Optional[Any] = None,
127
67
  id: Optional[Any] = None,
128
68
  class_name: Optional[Any] = None,
129
69
  autofocus: Optional[bool] = None,
70
+ _rename_props: Optional[Dict[str, str]] = None,
130
71
  custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
131
72
  on_blur: Optional[
132
73
  Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -140,6 +81,9 @@ class Tooltip(CommonMarginProps, RadixThemesComponent):
140
81
  on_double_click: Optional[
141
82
  Union[EventHandler, EventSpec, list, function, BaseVar]
142
83
  ] = None,
84
+ on_escape_key_down: Optional[
85
+ Union[EventHandler, EventSpec, list, function, BaseVar]
86
+ ] = None,
143
87
  on_focus: Optional[
144
88
  Union[EventHandler, EventSpec, list, function, BaseVar]
145
89
  ] = None,
@@ -167,6 +111,12 @@ class Tooltip(CommonMarginProps, RadixThemesComponent):
167
111
  on_mouse_up: Optional[
168
112
  Union[EventHandler, EventSpec, list, function, BaseVar]
169
113
  ] = None,
114
+ on_open_change: Optional[
115
+ Union[EventHandler, EventSpec, list, function, BaseVar]
116
+ ] = None,
117
+ on_pointer_down_outside: Optional[
118
+ Union[EventHandler, EventSpec, list, function, BaseVar]
119
+ ] = None,
170
120
  on_scroll: Optional[
171
121
  Union[EventHandler, EventSpec, list, function, BaseVar]
172
122
  ] = None,
@@ -175,32 +125,38 @@ class Tooltip(CommonMarginProps, RadixThemesComponent):
175
125
  ] = None,
176
126
  **props
177
127
  ) -> "Tooltip":
178
- """Create a new component instance.
128
+ """Initialize the Tooltip component.
179
129
 
180
- Will prepend "RadixThemes" to the component tag to avoid conflicts with
181
- other UI libraries for common names, like Text and Button.
130
+ Run some additional handling on the props.
182
131
 
183
132
  Args:
184
- *children: Child components.
185
- color: map to CSS default color property.
186
- color_scheme: map to radix color property.
133
+ *children: The positional arguments
187
134
  content: The content of the tooltip.
188
- m: Margin: "0" - "9"
189
- mx: Margin horizontal: "0" - "9"
190
- my: Margin vertical: "0" - "9"
191
- mt: Margin top: "0" - "9"
192
- mr: Margin right: "0" - "9"
193
- mb: Margin bottom: "0" - "9"
194
- ml: Margin left: "0" - "9"
135
+ default_open: The open state of the tooltip when it is initially rendered. Use when you do not need to control its open state.
136
+ open: The controlled open state of the tooltip. Must be used in conjunction with `on_open_change`.
137
+ side: The preferred side of the trigger to render against when open. Will be reversed when collisions occur and `avoid_collisions` is enabled.The position of the tooltip. Defaults to "top".
138
+ side_offset: The distance in pixels from the trigger. Defaults to 0.
139
+ align: The preferred alignment against the trigger. May change when collisions occur. Defaults to "center".
140
+ align_offset: An offset in pixels from the "start" or "end" alignment options.
141
+ avoid_collisions: When true, overrides the side and align preferences to prevent collisions with boundary edges. Defaults to True.
142
+ collision_padding: The distance in pixels from the boundary edges where collision detection should occur. Accepts a number (same for all sides), or a partial padding object, for example: { "top": 20, "left": 20 }. Defaults to 0.
143
+ arrow_padding: The padding between the arrow and the edges of the content. If your content has border-radius, this will prevent it from overflowing the corners. Defaults to 0.
144
+ sticky: The sticky behavior on the align axis. "partial" will keep the content in the boundary as long as the trigger is at least partially in the boundary whilst "always" will keep the content in the boundary regardless. Defaults to "partial".
145
+ hide_when_detached: Whether to hide the content when the trigger becomes fully occluded. Defaults to False.
146
+ delay_duration: Override the duration in milliseconds to customize the open delay for a specific tooltip. Default is 700.
147
+ disable_hoverable_content: Prevents Tooltip content from remaining open when hovering.
148
+ force_mount: Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries.
149
+ aria_label: By default, screenreaders will announce the content inside the component. If this is not descriptive enough, or you have content that cannot be announced, use aria-label as a more descriptive label.
195
150
  style: The style of the component.
196
151
  key: A unique key for the component.
197
152
  id: The id for the component.
198
153
  class_name: The class name for the component.
199
154
  autofocus: Whether the component should take the focus once the page is loaded
155
+ _rename_props: props to change the name of
200
156
  custom_attrs: custom attribute
201
- **props: Component properties.
157
+ **props: The keyword arguments
202
158
 
203
159
  Returns:
204
- A new component instance.
160
+ The created component.
205
161
  """
206
162
  ...
@@ -1,13 +1,20 @@
1
1
  """Layout components."""
2
2
 
3
3
  from .box import Box
4
+ from .center import Center
4
5
  from .container import Container
5
6
  from .flex import Flex
6
7
  from .grid import Grid
7
8
  from .section import Section
9
+ from .spacer import Spacer
10
+ from .stack import HStack, VStack
8
11
 
9
12
  box = Box.create
13
+ center = Center.create
10
14
  container = Container.create
11
15
  flex = Flex.create
12
16
  grid = Grid.create
13
17
  section = Section.create
18
+ spacer = Spacer.create
19
+ hstack = HStack.create
20
+ vstack = VStack.create
@@ -173,6 +173,7 @@ class LayoutComponent(CommonMarginProps, RadixThemesComponent):
173
173
  id: Optional[Any] = None,
174
174
  class_name: Optional[Any] = None,
175
175
  autofocus: Optional[bool] = None,
176
+ _rename_props: Optional[Dict[str, str]] = None,
176
177
  custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
177
178
  on_blur: Optional[
178
179
  Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -251,6 +252,7 @@ class LayoutComponent(CommonMarginProps, RadixThemesComponent):
251
252
  id: The id for the component.
252
253
  class_name: The class name for the component.
253
254
  autofocus: Whether the component should take the focus once the page is loaded
255
+ _rename_props: props to change the name of
254
256
  custom_attrs: custom attribute
255
257
  **props: Component properties.
256
258
 
@@ -3,10 +3,10 @@ from __future__ import annotations
3
3
 
4
4
  from reflex import el
5
5
 
6
- from .base import LayoutComponent
6
+ from ..base import RadixThemesComponent
7
7
 
8
8
 
9
- class Box(el.Div, LayoutComponent):
9
+ class Box(el.Div, RadixThemesComponent):
10
10
  """A fundamental layout building block, based on `div` element."""
11
11
 
12
12
  tag = "Box"
@@ -8,9 +8,9 @@ from reflex.vars import Var, BaseVar, ComputedVar
8
8
  from reflex.event import EventChain, EventHandler, EventSpec
9
9
  from reflex.style import Style
10
10
  from reflex import el
11
- from .base import LayoutComponent
11
+ from ..base import RadixThemesComponent
12
12
 
13
- class Box(el.Div, LayoutComponent):
13
+ class Box(el.Div, RadixThemesComponent):
14
14
  @overload
15
15
  @classmethod
16
16
  def create( # type: ignore
@@ -122,97 +122,12 @@ class Box(el.Div, LayoutComponent):
122
122
  translate: Optional[
123
123
  Union[Var[Union[str, int, bool]], Union[str, int, bool]]
124
124
  ] = None,
125
- p: Optional[
126
- Union[
127
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
128
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
129
- ]
130
- ] = None,
131
- px: Optional[
132
- Union[
133
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
134
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
135
- ]
136
- ] = None,
137
- py: Optional[
138
- Union[
139
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
140
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
141
- ]
142
- ] = None,
143
- pt: Optional[
144
- Union[
145
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
146
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
147
- ]
148
- ] = None,
149
- pr: Optional[
150
- Union[
151
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
152
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
153
- ]
154
- ] = None,
155
- pb: Optional[
156
- Union[
157
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
158
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
159
- ]
160
- ] = None,
161
- pl: Optional[
162
- Union[
163
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
164
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
165
- ]
166
- ] = None,
167
- shrink: Optional[Union[Var[Literal["0", "1"]], Literal["0", "1"]]] = None,
168
- grow: Optional[Union[Var[Literal["0", "1"]], Literal["0", "1"]]] = None,
169
- m: 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
- mx: 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
- my: Optional[
182
- Union[
183
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
184
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
185
- ]
186
- ] = None,
187
- mt: Optional[
188
- Union[
189
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
190
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
191
- ]
192
- ] = None,
193
- mr: Optional[
194
- Union[
195
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
196
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
197
- ]
198
- ] = None,
199
- mb: Optional[
200
- Union[
201
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
202
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
203
- ]
204
- ] = None,
205
- ml: Optional[
206
- Union[
207
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
208
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
209
- ]
210
- ] = None,
211
125
  style: Optional[Style] = None,
212
126
  key: Optional[Any] = None,
213
127
  id: Optional[Any] = None,
214
128
  class_name: Optional[Any] = None,
215
129
  autofocus: Optional[bool] = None,
130
+ _rename_props: Optional[Dict[str, str]] = None,
216
131
  custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
217
132
  on_blur: Optional[
218
133
  Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -287,27 +202,12 @@ class Box(el.Div, LayoutComponent):
287
202
  tab_index: Defines the position of the current element in the tabbing order.
288
203
  title: Defines a tooltip for the element.
289
204
  translate: Specifies whether the content of an element should be translated or not.
290
- p: Padding: "0" - "9"
291
- px: Padding horizontal: "0" - "9"
292
- py: Padding vertical: "0" - "9"
293
- pt: Padding top: "0" - "9"
294
- pr: Padding right: "0" - "9"
295
- pb: Padding bottom: "0" - "9"
296
- pl: Padding left: "0" - "9"
297
- shrink: Whether the element will take up the smallest possible space: "0" | "1"
298
- grow: Whether the element will take up the largest possible space: "0" | "1"
299
- m: Margin: "0" - "9"
300
- mx: Margin horizontal: "0" - "9"
301
- my: Margin vertical: "0" - "9"
302
- mt: Margin top: "0" - "9"
303
- mr: Margin right: "0" - "9"
304
- mb: Margin bottom: "0" - "9"
305
- ml: Margin left: "0" - "9"
306
205
  style: The style of the component.
307
206
  key: A unique key for the component.
308
207
  id: The id for the component.
309
208
  class_name: The class name for the component.
310
209
  autofocus: Whether the component should take the focus once the page is loaded
210
+ _rename_props: props to change the name of
311
211
  custom_attrs: custom attribute
312
212
  **props: Component properties.
313
213
 
@@ -0,0 +1,19 @@
1
+ """A center component."""
2
+ from __future__ import annotations
3
+
4
+ from reflex.components.component import Component
5
+
6
+ from .flex import Flex
7
+
8
+
9
+ class Center(Flex):
10
+ """A center component."""
11
+
12
+ def _apply_theme(self, theme: Component):
13
+ self.style.update(
14
+ {
15
+ "display": "flex",
16
+ "align_items": "center",
17
+ "justify_content": "center",
18
+ }
19
+ )