reflex 0.7.11__py3-none-any.whl → 0.7.12a1__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 (140) hide show
  1. reflex/app.py +8 -4
  2. reflex/components/base/app_wrap.pyi +1 -0
  3. reflex/components/base/body.pyi +2 -0
  4. reflex/components/base/document.pyi +10 -0
  5. reflex/components/base/error_boundary.pyi +2 -0
  6. reflex/components/base/fragment.pyi +2 -0
  7. reflex/components/base/head.pyi +4 -0
  8. reflex/components/base/link.pyi +4 -0
  9. reflex/components/base/meta.pyi +8 -0
  10. reflex/components/base/script.pyi +2 -0
  11. reflex/components/base/strict_mode.pyi +2 -0
  12. reflex/components/component.py +39 -63
  13. reflex/components/core/auto_scroll.pyi +2 -0
  14. reflex/components/core/banner.pyi +10 -0
  15. reflex/components/core/client_side_routing.pyi +4 -0
  16. reflex/components/core/clipboard.pyi +2 -0
  17. reflex/components/core/debounce.pyi +1 -0
  18. reflex/components/core/html.pyi +2 -0
  19. reflex/components/core/sticky.pyi +4 -0
  20. reflex/components/core/upload.pyi +10 -0
  21. reflex/components/datadisplay/code.pyi +4 -0
  22. reflex/components/datadisplay/dataeditor.py +3 -3
  23. reflex/components/datadisplay/dataeditor.pyi +2 -0
  24. reflex/components/datadisplay/shiki_code_block.pyi +6 -0
  25. reflex/components/el/element.pyi +2 -0
  26. reflex/components/el/elements/base.pyi +2 -0
  27. reflex/components/el/elements/forms.pyi +34 -0
  28. reflex/components/el/elements/inline.pyi +56 -0
  29. reflex/components/el/elements/media.pyi +50 -0
  30. reflex/components/el/elements/metadata.pyi +12 -0
  31. reflex/components/el/elements/other.pyi +14 -0
  32. reflex/components/el/elements/scripts.pyi +6 -0
  33. reflex/components/el/elements/sectioning.pyi +30 -0
  34. reflex/components/el/elements/tables.pyi +20 -0
  35. reflex/components/el/elements/typography.pyi +30 -0
  36. reflex/components/gridjs/datatable.pyi +4 -0
  37. reflex/components/lucide/icon.py +3 -1
  38. reflex/components/lucide/icon.pyi +8 -0
  39. reflex/components/markdown/markdown.pyi +2 -0
  40. reflex/components/moment/moment.pyi +2 -0
  41. reflex/components/next/base.pyi +2 -0
  42. reflex/components/next/image.pyi +2 -0
  43. reflex/components/next/link.pyi +2 -0
  44. reflex/components/next/video.pyi +2 -0
  45. reflex/components/plotly/plotly.pyi +18 -0
  46. reflex/components/radix/primitives/accordion.py +1 -1
  47. reflex/components/radix/primitives/accordion.pyi +14 -0
  48. reflex/components/radix/primitives/base.py +0 -2
  49. reflex/components/radix/primitives/base.pyi +4 -0
  50. reflex/components/radix/primitives/drawer.py +1 -1
  51. reflex/components/radix/primitives/drawer.pyi +22 -0
  52. reflex/components/radix/primitives/form.py +1 -1
  53. reflex/components/radix/primitives/form.pyi +20 -0
  54. reflex/components/radix/primitives/progress.py +1 -1
  55. reflex/components/radix/primitives/progress.pyi +10 -0
  56. reflex/components/radix/primitives/slider.py +1 -1
  57. reflex/components/radix/primitives/slider.pyi +10 -0
  58. reflex/components/radix/themes/base.py +1 -1
  59. reflex/components/radix/themes/base.pyi +15 -0
  60. reflex/components/radix/themes/color_mode.pyi +5 -0
  61. reflex/components/radix/themes/components/alert_dialog.pyi +11 -0
  62. reflex/components/radix/themes/components/aspect_ratio.pyi +2 -0
  63. reflex/components/radix/themes/components/avatar.pyi +2 -0
  64. reflex/components/radix/themes/components/badge.pyi +2 -0
  65. reflex/components/radix/themes/components/button.pyi +2 -0
  66. reflex/components/radix/themes/components/callout.pyi +10 -0
  67. reflex/components/radix/themes/components/card.pyi +2 -0
  68. reflex/components/radix/themes/components/checkbox.pyi +6 -0
  69. reflex/components/radix/themes/components/checkbox_cards.pyi +4 -0
  70. reflex/components/radix/themes/components/checkbox_group.pyi +4 -0
  71. reflex/components/radix/themes/components/context_menu.pyi +26 -0
  72. reflex/components/radix/themes/components/data_list.pyi +8 -0
  73. reflex/components/radix/themes/components/dialog.pyi +12 -0
  74. reflex/components/radix/themes/components/dropdown_menu.pyi +14 -0
  75. reflex/components/radix/themes/components/hover_card.pyi +7 -0
  76. reflex/components/radix/themes/components/icon_button.pyi +2 -0
  77. reflex/components/radix/themes/components/inset.pyi +2 -0
  78. reflex/components/radix/themes/components/popover.pyi +6 -0
  79. reflex/components/radix/themes/components/progress.pyi +2 -0
  80. reflex/components/radix/themes/components/radio.pyi +2 -0
  81. reflex/components/radix/themes/components/radio_cards.pyi +4 -0
  82. reflex/components/radix/themes/components/radio_group.pyi +8 -0
  83. reflex/components/radix/themes/components/scroll_area.pyi +2 -0
  84. reflex/components/radix/themes/components/segmented_control.pyi +4 -0
  85. reflex/components/radix/themes/components/select.pyi +18 -0
  86. reflex/components/radix/themes/components/separator.pyi +2 -0
  87. reflex/components/radix/themes/components/skeleton.pyi +2 -0
  88. reflex/components/radix/themes/components/slider.pyi +2 -0
  89. reflex/components/radix/themes/components/spinner.pyi +2 -0
  90. reflex/components/radix/themes/components/switch.pyi +2 -0
  91. reflex/components/radix/themes/components/table.pyi +14 -0
  92. reflex/components/radix/themes/components/tabs.pyi +10 -0
  93. reflex/components/radix/themes/components/text_area.pyi +2 -0
  94. reflex/components/radix/themes/components/text_field.pyi +6 -0
  95. reflex/components/radix/themes/components/tooltip.pyi +2 -0
  96. reflex/components/radix/themes/layout/base.pyi +2 -0
  97. reflex/components/radix/themes/layout/box.pyi +2 -0
  98. reflex/components/radix/themes/layout/center.pyi +2 -0
  99. reflex/components/radix/themes/layout/container.pyi +1 -0
  100. reflex/components/radix/themes/layout/flex.pyi +2 -0
  101. reflex/components/radix/themes/layout/grid.pyi +2 -0
  102. reflex/components/radix/themes/layout/list.pyi +10 -0
  103. reflex/components/radix/themes/layout/section.pyi +2 -0
  104. reflex/components/radix/themes/layout/spacer.pyi +2 -0
  105. reflex/components/radix/themes/layout/stack.py +5 -4
  106. reflex/components/radix/themes/layout/stack.pyi +70 -16
  107. reflex/components/radix/themes/typography/blockquote.pyi +2 -0
  108. reflex/components/radix/themes/typography/code.pyi +2 -0
  109. reflex/components/radix/themes/typography/heading.pyi +2 -0
  110. reflex/components/radix/themes/typography/link.pyi +2 -0
  111. reflex/components/radix/themes/typography/text.pyi +14 -0
  112. reflex/components/react_player/audio.pyi +2 -0
  113. reflex/components/react_player/react_player.pyi +2 -0
  114. reflex/components/react_player/video.pyi +2 -0
  115. reflex/components/recharts/cartesian.pyi +38 -0
  116. reflex/components/recharts/charts.pyi +24 -0
  117. reflex/components/recharts/general.pyi +12 -0
  118. reflex/components/recharts/polar.pyi +12 -0
  119. reflex/components/recharts/recharts.pyi +4 -0
  120. reflex/components/sonner/toast.pyi +2 -0
  121. reflex/components/suneditor/editor.pyi +2 -0
  122. reflex/constants/compiler.py +12 -6
  123. reflex/constants/installer.py +1 -1
  124. reflex/event.py +21 -0
  125. reflex/experimental/layout.pyi +5 -0
  126. reflex/reflex.py +24 -0
  127. reflex/testing.py +2 -1
  128. reflex/utils/format.py +4 -11
  129. reflex/utils/net.py +35 -2
  130. reflex/utils/prerequisites.py +10 -4
  131. reflex/utils/pyi_generator.py +7 -1
  132. reflex/utils/types.py +7 -5
  133. reflex/vars/base.py +7 -8
  134. reflex/vars/object.py +9 -2
  135. {reflex-0.7.11.dist-info → reflex-0.7.12a1.dist-info}/METADATA +4 -4
  136. {reflex-0.7.11.dist-info → reflex-0.7.12a1.dist-info}/RECORD +140 -139
  137. scripts/hatch_build.py +50 -0
  138. {reflex-0.7.11.dist-info → reflex-0.7.12a1.dist-info}/WHEEL +0 -0
  139. {reflex-0.7.11.dist-info → reflex-0.7.12a1.dist-info}/entry_points.txt +0 -0
  140. {reflex-0.7.11.dist-info → reflex-0.7.12a1.dist-info}/licenses/LICENSE +0 -0
reflex/components/radix/themes/components/tabs.pyi CHANGED
@@ -38,6 +38,7 @@ class TabsRoot(RadixThemesComponent):
38
38
  | None = None,
39
39
  key: Any | None = None,
40
40
  id: Any | None = None,
41
+ ref: Var | None = None,
41
42
  class_name: Any | None = None,
42
43
  autofocus: bool | None = None,
43
44
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -75,6 +76,7 @@ class TabsRoot(RadixThemesComponent):
75
76
  style: The style of the component.
76
77
  key: A unique key for the component.
77
78
  id: The id for the component.
79
+ ref: The Var to pass as the ref to the component.
78
80
  class_name: The class name for the component.
79
81
  autofocus: Whether the component should take the focus once the page is loaded
80
82
  custom_attrs: custom attribute
@@ -104,6 +106,7 @@ class TabsList(RadixThemesComponent):
104
106
  | None = None,
105
107
  key: Any | None = None,
106
108
  id: Any | None = None,
109
+ ref: Var | None = None,
107
110
  class_name: Any | None = None,
108
111
  autofocus: bool | None = None,
109
112
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -136,6 +139,7 @@ class TabsList(RadixThemesComponent):
136
139
  style: The style of the component.
137
140
  key: A unique key for the component.
138
141
  id: The id for the component.
142
+ ref: The Var to pass as the ref to the component.
139
143
  class_name: The class name for the component.
140
144
  autofocus: Whether the component should take the focus once the page is loaded
141
145
  custom_attrs: custom attribute
@@ -220,6 +224,7 @@ class TabsTrigger(RadixThemesComponent):
220
224
  | None = None,
221
225
  key: Any | None = None,
222
226
  id: Any | None = None,
227
+ ref: Var | None = None,
223
228
  class_name: Any | None = None,
224
229
  autofocus: bool | None = None,
225
230
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -250,6 +255,7 @@ class TabsTrigger(RadixThemesComponent):
250
255
  style: The style of the component.
251
256
  key: A unique key for the component.
252
257
  id: The id for the component.
258
+ ref: The Var to pass as the ref to the component.
253
259
  class_name: The class name for the component.
254
260
  autofocus: Whether the component should take the focus once the page is loaded
255
261
  custom_attrs: custom attribute
@@ -278,6 +284,7 @@ class TabsContent(RadixThemesComponent):
278
284
  | None = None,
279
285
  key: Any | None = None,
280
286
  id: Any | None = None,
287
+ ref: Var | None = None,
281
288
  class_name: Any | None = None,
282
289
  autofocus: bool | None = None,
283
290
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -310,6 +317,7 @@ class TabsContent(RadixThemesComponent):
310
317
  style: The style of the component.
311
318
  key: A unique key for the component.
312
319
  id: The id for the component.
320
+ ref: The Var to pass as the ref to the component.
313
321
  class_name: The class name for the component.
314
322
  autofocus: Whether the component should take the focus once the page is loaded
315
323
  custom_attrs: custom attribute
@@ -345,6 +353,7 @@ class Tabs(ComponentNamespace):
345
353
  | None = None,
346
354
  key: Any | None = None,
347
355
  id: Any | None = None,
356
+ ref: Var | None = None,
348
357
  class_name: Any | None = None,
349
358
  autofocus: bool | None = None,
350
359
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -382,6 +391,7 @@ class Tabs(ComponentNamespace):
382
391
  style: The style of the component.
383
392
  key: A unique key for the component.
384
393
  id: The id for the component.
394
+ ref: The Var to pass as the ref to the component.
385
395
  class_name: The class name for the component.
386
396
  autofocus: Whether the component should take the focus once the page is loaded
387
397
  custom_attrs: custom attribute
reflex/components/radix/themes/components/text_area.pyi CHANGED
@@ -301,6 +301,7 @@ class TextArea(RadixThemesComponent, elements.Textarea):
301
301
  | None = None,
302
302
  key: Any | None = None,
303
303
  id: Any | None = None,
304
+ ref: Var | None = None,
304
305
  class_name: Any | None = None,
305
306
  autofocus: bool | None = None,
306
307
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -375,6 +376,7 @@ class TextArea(RadixThemesComponent, elements.Textarea):
375
376
  style: The style of the component.
376
377
  key: A unique key for the component.
377
378
  id: The id for the component.
379
+ ref: The Var to pass as the ref to the component.
378
380
  class_name: The class name for the component.
379
381
  autofocus: Whether the component should take the focus once the page is loaded
380
382
  custom_attrs: custom attribute
reflex/components/radix/themes/components/text_field.pyi CHANGED
@@ -309,6 +309,7 @@ class TextFieldRoot(elements.Input, RadixThemesComponent):
309
309
  | None = None,
310
310
  key: Any | None = None,
311
311
  id: Any | None = None,
312
+ ref: Var | None = None,
312
313
  class_name: Any | None = None,
313
314
  autofocus: bool | None = None,
314
315
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -394,6 +395,7 @@ class TextFieldRoot(elements.Input, RadixThemesComponent):
394
395
  style: The style of the component.
395
396
  key: A unique key for the component.
396
397
  id: The id for the component.
398
+ ref: The Var to pass as the ref to the component.
397
399
  class_name: The class name for the component.
398
400
  autofocus: Whether the component should take the focus once the page is loaded
399
401
  custom_attrs: custom attribute
@@ -476,6 +478,7 @@ class TextFieldSlot(RadixThemesComponent):
476
478
  | None = None,
477
479
  key: Any | None = None,
478
480
  id: Any | None = None,
481
+ ref: Var | None = None,
479
482
  class_name: Any | None = None,
480
483
  autofocus: bool | None = None,
481
484
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -507,6 +510,7 @@ class TextFieldSlot(RadixThemesComponent):
507
510
  style: The style of the component.
508
511
  key: A unique key for the component.
509
512
  id: The id for the component.
513
+ ref: The Var to pass as the ref to the component.
510
514
  class_name: The class name for the component.
511
515
  autofocus: Whether the component should take the focus once the page is loaded
512
516
  custom_attrs: custom attribute
@@ -809,6 +813,7 @@ class TextField(ComponentNamespace):
809
813
  | None = None,
810
814
  key: Any | None = None,
811
815
  id: Any | None = None,
816
+ ref: Var | None = None,
812
817
  class_name: Any | None = None,
813
818
  autofocus: bool | None = None,
814
819
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -894,6 +899,7 @@ class TextField(ComponentNamespace):
894
899
  style: The style of the component.
895
900
  key: A unique key for the component.
896
901
  id: The id for the component.
902
+ ref: The Var to pass as the ref to the component.
897
903
  class_name: The class name for the component.
898
904
  autofocus: Whether the component should take the focus once the page is loaded
899
905
  custom_attrs: custom attribute
reflex/components/radix/themes/components/tooltip.pyi CHANGED
@@ -56,6 +56,7 @@ class Tooltip(RadixThemesComponent):
56
56
  | None = None,
57
57
  key: Any | None = None,
58
58
  id: Any | None = None,
59
+ ref: Var | None = None,
59
60
  class_name: Any | None = None,
60
61
  autofocus: bool | None = None,
61
62
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -107,6 +108,7 @@ class Tooltip(RadixThemesComponent):
107
108
  style: The style of the component.
108
109
  key: A unique key for the component.
109
110
  id: The id for the component.
111
+ ref: The Var to pass as the ref to the component.
110
112
  class_name: The class name for the component.
111
113
  autofocus: Whether the component should take the focus once the page is loaded
112
114
  custom_attrs: custom attribute
reflex/components/radix/themes/layout/base.pyi CHANGED
@@ -105,6 +105,7 @@ class LayoutComponent(CommonMarginProps, CommonPaddingProps, RadixThemesComponen
105
105
  | None = None,
106
106
  key: Any | None = None,
107
107
  id: Any | None = None,
108
+ ref: Var | None = None,
108
109
  class_name: Any | None = None,
109
110
  autofocus: bool | None = None,
110
111
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -151,6 +152,7 @@ class LayoutComponent(CommonMarginProps, CommonPaddingProps, RadixThemesComponen
151
152
  style: The style of the component.
152
153
  key: A unique key for the component.
153
154
  id: The id for the component.
155
+ ref: The Var to pass as the ref to the component.
154
156
  class_name: The class name for the component.
155
157
  autofocus: Whether the component should take the focus once the page is loaded
156
158
  custom_attrs: custom attribute
reflex/components/radix/themes/layout/box.pyi CHANGED
@@ -204,6 +204,7 @@ class Box(elements.Div, RadixThemesComponent):
204
204
  | None = None,
205
205
  key: Any | None = None,
206
206
  id: Any | None = None,
207
+ ref: Var | None = None,
207
208
  class_name: Any | None = None,
208
209
  autofocus: bool | None = None,
209
210
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -250,6 +251,7 @@ class Box(elements.Div, RadixThemesComponent):
250
251
  style: The style of the component.
251
252
  key: A unique key for the component.
252
253
  id: The id for the component.
254
+ ref: The Var to pass as the ref to the component.
253
255
  class_name: The class name for the component.
254
256
  autofocus: Whether the component should take the focus once the page is loaded
255
257
  custom_attrs: custom attribute
reflex/components/radix/themes/layout/center.pyi CHANGED
@@ -246,6 +246,7 @@ class Center(Flex):
246
246
  | None = None,
247
247
  key: Any | None = None,
248
248
  id: Any | None = None,
249
+ ref: Var | None = None,
249
250
  class_name: Any | None = None,
250
251
  autofocus: bool | None = None,
251
252
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -298,6 +299,7 @@ class Center(Flex):
298
299
  style: The style of the component.
299
300
  key: A unique key for the component.
300
301
  id: The id for the component.
302
+ ref: The Var to pass as the ref to the component.
301
303
  class_name: The class name for the component.
302
304
  autofocus: Whether the component should take the focus once the page is loaded
303
305
  custom_attrs: custom attribute
reflex/components/radix/themes/layout/container.pyi CHANGED
@@ -214,6 +214,7 @@ class Container(elements.Div, RadixThemesComponent):
214
214
  | None = None,
215
215
  key: Any | None = None,
216
216
  id: Any | None = None,
217
+ ref: Var | None = None,
217
218
  class_name: Any | None = None,
218
219
  autofocus: bool | None = None,
219
220
  custom_attrs: dict[str, Var | Any] | None = None,
reflex/components/radix/themes/layout/flex.pyi CHANGED
@@ -249,6 +249,7 @@ class Flex(elements.Div, RadixThemesComponent):
249
249
  | None = None,
250
250
  key: Any | None = None,
251
251
  id: Any | None = None,
252
+ ref: Var | None = None,
252
253
  class_name: Any | None = None,
253
254
  autofocus: bool | None = None,
254
255
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -301,6 +302,7 @@ class Flex(elements.Div, RadixThemesComponent):
301
302
  style: The style of the component.
302
303
  key: A unique key for the component.
303
304
  id: The id for the component.
305
+ ref: The Var to pass as the ref to the component.
304
306
  class_name: The class name for the component.
305
307
  autofocus: Whether the component should take the focus once the page is loaded
306
308
  custom_attrs: custom attribute
reflex/components/radix/themes/layout/grid.pyi CHANGED
@@ -269,6 +269,7 @@ class Grid(elements.Div, RadixThemesComponent):
269
269
  | None = None,
270
270
  key: Any | None = None,
271
271
  id: Any | None = None,
272
+ ref: Var | None = None,
272
273
  class_name: Any | None = None,
273
274
  autofocus: bool | None = None,
274
275
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -324,6 +325,7 @@ class Grid(elements.Div, RadixThemesComponent):
324
325
  style: The style of the component.
325
326
  key: A unique key for the component.
326
327
  id: The id for the component.
328
+ ref: The Var to pass as the ref to the component.
327
329
  class_name: The class name for the component.
328
330
  autofocus: Whether the component should take the focus once the page is loaded
329
331
  custom_attrs: custom attribute
reflex/components/radix/themes/layout/list.pyi CHANGED
@@ -261,6 +261,7 @@ class BaseList(BaseHTML, MarkdownComponentMap):
261
261
  | None = None,
262
262
  key: Any | None = None,
263
263
  id: Any | None = None,
264
+ ref: Var | None = None,
264
265
  class_name: Any | None = None,
265
266
  autofocus: bool | None = None,
266
267
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -306,6 +307,7 @@ class BaseList(BaseHTML, MarkdownComponentMap):
306
307
  style: The style of the component.
307
308
  key: A unique key for the component.
308
309
  id: The id for the component.
310
+ ref: The Var to pass as the ref to the component.
309
311
  class_name: The class name for the component.
310
312
  autofocus: Whether the component should take the focus once the page is loaded
311
313
  custom_attrs: custom attribute
@@ -547,6 +549,7 @@ class UnorderedList(BaseList, Ul):
547
549
  | None = None,
548
550
  key: Any | None = None,
549
551
  id: Any | None = None,
552
+ ref: Var | None = None,
550
553
  class_name: Any | None = None,
551
554
  autofocus: bool | None = None,
552
555
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -592,6 +595,7 @@ class UnorderedList(BaseList, Ul):
592
595
  style: The style of the component.
593
596
  key: A unique key for the component.
594
597
  id: The id for the component.
598
+ ref: The Var to pass as the ref to the component.
595
599
  class_name: The class name for the component.
596
600
  autofocus: Whether the component should take the focus once the page is loaded
597
601
  custom_attrs: custom attribute
@@ -836,6 +840,7 @@ class OrderedList(BaseList, Ol):
836
840
  | None = None,
837
841
  key: Any | None = None,
838
842
  id: Any | None = None,
843
+ ref: Var | None = None,
839
844
  class_name: Any | None = None,
840
845
  autofocus: bool | None = None,
841
846
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -884,6 +889,7 @@ class OrderedList(BaseList, Ol):
884
889
  style: The style of the component.
885
890
  key: A unique key for the component.
886
891
  id: The id for the component.
892
+ ref: The Var to pass as the ref to the component.
887
893
  class_name: The class name for the component.
888
894
  autofocus: Whether the component should take the focus once the page is loaded
889
895
  custom_attrs: custom attribute
@@ -1085,6 +1091,7 @@ class ListItem(Li, MarkdownComponentMap):
1085
1091
  | None = None,
1086
1092
  key: Any | None = None,
1087
1093
  id: Any | None = None,
1094
+ ref: Var | None = None,
1088
1095
  class_name: Any | None = None,
1089
1096
  autofocus: bool | None = None,
1090
1097
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -1128,6 +1135,7 @@ class ListItem(Li, MarkdownComponentMap):
1128
1135
  style: The style of the component.
1129
1136
  key: A unique key for the component.
1130
1137
  id: The id for the component.
1138
+ ref: The Var to pass as the ref to the component.
1131
1139
  class_name: The class name for the component.
1132
1140
  autofocus: Whether the component should take the focus once the page is loaded
1133
1141
  custom_attrs: custom attribute
@@ -1369,6 +1377,7 @@ class List(ComponentNamespace):
1369
1377
  | None = None,
1370
1378
  key: Any | None = None,
1371
1379
  id: Any | None = None,
1380
+ ref: Var | None = None,
1372
1381
  class_name: Any | None = None,
1373
1382
  autofocus: bool | None = None,
1374
1383
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -1414,6 +1423,7 @@ class List(ComponentNamespace):
1414
1423
  style: The style of the component.
1415
1424
  key: A unique key for the component.
1416
1425
  id: The id for the component.
1426
+ ref: The Var to pass as the ref to the component.
1417
1427
  class_name: The class name for the component.
1418
1428
  autofocus: Whether the component should take the focus once the page is loaded
1419
1429
  custom_attrs: custom attribute
reflex/components/radix/themes/layout/section.pyi CHANGED
@@ -210,6 +210,7 @@ class Section(elements.Section, RadixThemesComponent):
210
210
  | None = None,
211
211
  key: Any | None = None,
212
212
  id: Any | None = None,
213
+ ref: Var | None = None,
213
214
  class_name: Any | None = None,
214
215
  autofocus: bool | None = None,
215
216
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -257,6 +258,7 @@ class Section(elements.Section, RadixThemesComponent):
257
258
  style: The style of the component.
258
259
  key: A unique key for the component.
259
260
  id: The id for the component.
261
+ ref: The Var to pass as the ref to the component.
260
262
  class_name: The class name for the component.
261
263
  autofocus: Whether the component should take the focus once the page is loaded
262
264
  custom_attrs: custom attribute
reflex/components/radix/themes/layout/spacer.pyi CHANGED
@@ -246,6 +246,7 @@ class Spacer(Flex):
246
246
  | None = None,
247
247
  key: Any | None = None,
248
248
  id: Any | None = None,
249
+ ref: Var | None = None,
249
250
  class_name: Any | None = None,
250
251
  autofocus: bool | None = None,
251
252
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -298,6 +299,7 @@ class Spacer(Flex):
298
299
  style: The style of the component.
299
300
  key: A unique key for the component.
300
301
  id: The id for the component.
302
+ ref: The Var to pass as the ref to the component.
301
303
  class_name: The class name for the component.
302
304
  autofocus: Whether the component should take the focus once the page is loaded
303
305
  custom_attrs: custom attribute
reflex/components/radix/themes/layout/stack.py CHANGED
@@ -3,6 +3,7 @@
3
3
  from __future__ import annotations
4
4
 
5
5
  from reflex.components.component import Component
6
+ from reflex.components.core.breakpoints import Responsive
6
7
  from reflex.vars.base import Var
7
8
 
8
9
  from ..base import LiteralAlign, LiteralSpacing
@@ -13,10 +14,10 @@ class Stack(Flex):
13
14
  """A stack component."""
14
15
 
15
16
  # The spacing between each stack item.
16
- spacing: Var[LiteralSpacing] = Var.create("3")
17
+ spacing: Var[Responsive[LiteralSpacing]] = Var.create("3")
17
18
 
18
19
  # The alignment of the stack items.
19
- align: Var[LiteralAlign] = Var.create("start")
20
+ align: Var[Responsive[LiteralAlign]] = Var.create("start")
20
21
 
21
22
  @classmethod
22
23
  def create(
@@ -49,14 +50,14 @@ class VStack(Stack):
49
50
  """A vertical stack component."""
50
51
 
51
52
  # The direction of the stack.
52
- direction: Var[LiteralFlexDirection] = Var.create("column")
53
+ direction: Var[Responsive[LiteralFlexDirection]] = Var.create("column")
53
54
 
54
55
 
55
56
  class HStack(Stack):
56
57
  """A horizontal stack component."""
57
58
 
58
59
  # The direction of the stack.
59
- direction: Var[LiteralFlexDirection] = Var.create("row")
60
+ direction: Var[Responsive[LiteralFlexDirection]] = Var.create("row")
60
61
 
61
62
 
62
63
  stack = Stack.create
reflex/components/radix/themes/layout/stack.pyi CHANGED
@@ -18,11 +18,23 @@ class Stack(Flex):
18
18
  def create( # type: ignore
19
19
  cls,
20
20
  *children,
21
- spacing: Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
22
- | Var[Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]]
21
+ spacing: Breakpoints[
22
+ str, Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
23
+ ]
24
+ | Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
25
+ | Var[
26
+ Breakpoints[str, Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]]
27
+ | Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
28
+ ]
23
29
  | None = None,
24
- align: Literal["baseline", "center", "end", "start", "stretch"]
25
- | Var[Literal["baseline", "center", "end", "start", "stretch"]]
30
+ align: Breakpoints[
31
+ str, Literal["baseline", "center", "end", "start", "stretch"]
32
+ ]
33
+ | Literal["baseline", "center", "end", "start", "stretch"]
34
+ | Var[
35
+ Breakpoints[str, Literal["baseline", "center", "end", "start", "stretch"]]
36
+ | Literal["baseline", "center", "end", "start", "stretch"]
37
+ ]
26
38
  | None = None,
27
39
  as_child: Var[bool] | bool | None = None,
28
40
  direction: Breakpoints[
@@ -233,6 +245,7 @@ class Stack(Flex):
233
245
  | None = None,
234
246
  key: Any | None = None,
235
247
  id: Any | None = None,
248
+ ref: Var | None = None,
236
249
  class_name: Any | None = None,
237
250
  autofocus: bool | None = None,
238
251
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -282,6 +295,7 @@ class Stack(Flex):
282
295
  style: The style of the component.
283
296
  key: A unique key for the component.
284
297
  id: The id for the component.
298
+ ref: The Var to pass as the ref to the component.
285
299
  class_name: The class name for the component.
286
300
  autofocus: Whether the component should take the focus once the page is loaded
287
301
  custom_attrs: custom attribute
@@ -298,14 +312,32 @@ class VStack(Stack):
298
312
  def create( # type: ignore
299
313
  cls,
300
314
  *children,
301
- direction: Literal["column", "column-reverse", "row", "row-reverse"]
302
- | Var[Literal["column", "column-reverse", "row", "row-reverse"]]
315
+ direction: Breakpoints[
316
+ str, Literal["column", "column-reverse", "row", "row-reverse"]
317
+ ]
318
+ | Literal["column", "column-reverse", "row", "row-reverse"]
319
+ | Var[
320
+ Breakpoints[str, Literal["column", "column-reverse", "row", "row-reverse"]]
321
+ | Literal["column", "column-reverse", "row", "row-reverse"]
322
+ ]
303
323
  | None = None,
304
- spacing: Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
305
- | Var[Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]]
324
+ spacing: Breakpoints[
325
+ str, Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
326
+ ]
327
+ | Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
328
+ | Var[
329
+ Breakpoints[str, Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]]
330
+ | Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
331
+ ]
306
332
  | None = None,
307
- align: Literal["baseline", "center", "end", "start", "stretch"]
308
- | Var[Literal["baseline", "center", "end", "start", "stretch"]]
333
+ align: Breakpoints[
334
+ str, Literal["baseline", "center", "end", "start", "stretch"]
335
+ ]
336
+ | Literal["baseline", "center", "end", "start", "stretch"]
337
+ | Var[
338
+ Breakpoints[str, Literal["baseline", "center", "end", "start", "stretch"]]
339
+ | Literal["baseline", "center", "end", "start", "stretch"]
340
+ ]
309
341
  | None = None,
310
342
  as_child: Var[bool] | bool | None = None,
311
343
  justify: Breakpoints[str, Literal["between", "center", "end", "start"]]
@@ -507,6 +539,7 @@ class VStack(Stack):
507
539
  | None = None,
508
540
  key: Any | None = None,
509
541
  id: Any | None = None,
542
+ ref: Var | None = None,
510
543
  class_name: Any | None = None,
511
544
  autofocus: bool | None = None,
512
545
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -556,6 +589,7 @@ class VStack(Stack):
556
589
  style: The style of the component.
557
590
  key: A unique key for the component.
558
591
  id: The id for the component.
592
+ ref: The Var to pass as the ref to the component.
559
593
  class_name: The class name for the component.
560
594
  autofocus: Whether the component should take the focus once the page is loaded
561
595
  custom_attrs: custom attribute
@@ -572,14 +606,32 @@ class HStack(Stack):
572
606
  def create( # type: ignore
573
607
  cls,
574
608
  *children,
575
- direction: Literal["column", "column-reverse", "row", "row-reverse"]
576
- | Var[Literal["column", "column-reverse", "row", "row-reverse"]]
609
+ direction: Breakpoints[
610
+ str, Literal["column", "column-reverse", "row", "row-reverse"]
611
+ ]
612
+ | Literal["column", "column-reverse", "row", "row-reverse"]
613
+ | Var[
614
+ Breakpoints[str, Literal["column", "column-reverse", "row", "row-reverse"]]
615
+ | Literal["column", "column-reverse", "row", "row-reverse"]
616
+ ]
577
617
  | None = None,
578
- spacing: Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
579
- | Var[Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]]
618
+ spacing: Breakpoints[
619
+ str, Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
620
+ ]
621
+ | Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
622
+ | Var[
623
+ Breakpoints[str, Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]]
624
+ | Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
625
+ ]
580
626
  | None = None,
581
- align: Literal["baseline", "center", "end", "start", "stretch"]
582
- | Var[Literal["baseline", "center", "end", "start", "stretch"]]
627
+ align: Breakpoints[
628
+ str, Literal["baseline", "center", "end", "start", "stretch"]
629
+ ]
630
+ | Literal["baseline", "center", "end", "start", "stretch"]
631
+ | Var[
632
+ Breakpoints[str, Literal["baseline", "center", "end", "start", "stretch"]]
633
+ | Literal["baseline", "center", "end", "start", "stretch"]
634
+ ]
583
635
  | None = None,
584
636
  as_child: Var[bool] | bool | None = None,
585
637
  justify: Breakpoints[str, Literal["between", "center", "end", "start"]]
@@ -781,6 +833,7 @@ class HStack(Stack):
781
833
  | None = None,
782
834
  key: Any | None = None,
783
835
  id: Any | None = None,
836
+ ref: Var | None = None,
784
837
  class_name: Any | None = None,
785
838
  autofocus: bool | None = None,
786
839
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -830,6 +883,7 @@ class HStack(Stack):
830
883
  style: The style of the component.
831
884
  key: A unique key for the component.
832
885
  id: The id for the component.
886
+ ref: The Var to pass as the ref to the component.
833
887
  class_name: The class name for the component.
834
888
  autofocus: Whether the component should take the focus once the page is loaded
835
889
  custom_attrs: custom attribute
reflex/components/radix/themes/typography/blockquote.pyi CHANGED
@@ -279,6 +279,7 @@ class Blockquote(elements.Blockquote, RadixThemesComponent):
279
279
  | None = None,
280
280
  key: Any | None = None,
281
281
  id: Any | None = None,
282
+ ref: Var | None = None,
282
283
  class_name: Any | None = None,
283
284
  autofocus: bool | None = None,
284
285
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -330,6 +331,7 @@ class Blockquote(elements.Blockquote, RadixThemesComponent):
330
331
  style: The style of the component.
331
332
  key: A unique key for the component.
332
333
  id: The id for the component.
334
+ ref: The Var to pass as the ref to the component.
333
335
  class_name: The class name for the component.
334
336
  autofocus: Whether the component should take the focus once the page is loaded
335
337
  custom_attrs: custom attribute
reflex/components/radix/themes/typography/code.pyi CHANGED
@@ -282,6 +282,7 @@ class Code(elements.Code, RadixThemesComponent, MarkdownComponentMap):
282
282
  | None = None,
283
283
  key: Any | None = None,
284
284
  id: Any | None = None,
285
+ ref: Var | None = None,
285
286
  class_name: Any | None = None,
286
287
  autofocus: bool | None = None,
287
288
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -333,6 +334,7 @@ class Code(elements.Code, RadixThemesComponent, MarkdownComponentMap):
333
334
  style: The style of the component.
334
335
  key: A unique key for the component.
335
336
  id: The id for the component.
337
+ ref: The Var to pass as the ref to the component.
336
338
  class_name: The class name for the component.
337
339
  autofocus: Whether the component should take the focus once the page is loaded
338
340
  custom_attrs: custom attribute
reflex/components/radix/themes/typography/heading.pyi CHANGED
@@ -295,6 +295,7 @@ class Heading(elements.H1, RadixThemesComponent, MarkdownComponentMap):
295
295
  | None = None,
296
296
  key: Any | None = None,
297
297
  id: Any | None = None,
298
+ ref: Var | None = None,
298
299
  class_name: Any | None = None,
299
300
  autofocus: bool | None = None,
300
301
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -349,6 +350,7 @@ class Heading(elements.H1, RadixThemesComponent, MarkdownComponentMap):
349
350
  style: The style of the component.
350
351
  key: A unique key for the component.
351
352
  id: The id for the component.
353
+ ref: The Var to pass as the ref to the component.
352
354
  class_name: The class name for the component.
353
355
  autofocus: Whether the component should take the focus once the page is loaded
354
356
  custom_attrs: custom attribute
reflex/components/radix/themes/typography/link.pyi CHANGED
@@ -333,6 +333,7 @@ class Link(RadixThemesComponent, A, MemoizationLeaf, MarkdownComponentMap):
333
333
  | None = None,
334
334
  key: Any | None = None,
335
335
  id: Any | None = None,
336
+ ref: Var | None = None,
336
337
  class_name: Any | None = None,
337
338
  autofocus: bool | None = None,
338
339
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -392,6 +393,7 @@ class Link(RadixThemesComponent, A, MemoizationLeaf, MarkdownComponentMap):
392
393
  style: The style of the component.
393
394
  key: A unique key for the component.
394
395
  id: The id for the component.
396
+ ref: The Var to pass as the ref to the component.
395
397
  class_name: The class name for the component.
396
398
  autofocus: Whether the component should take the focus once the page is loaded
397
399
  custom_attrs: custom attribute