reflex 0.7.11__py3-none-any.whl → 0.7.12__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 (142) 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/config.py +3 -0
  123. reflex/constants/compiler.py +12 -6
  124. reflex/constants/installer.py +1 -1
  125. reflex/event.py +21 -0
  126. reflex/experimental/layout.pyi +5 -0
  127. reflex/reflex.py +24 -0
  128. reflex/testing.py +2 -1
  129. reflex/utils/exec.py +5 -0
  130. reflex/utils/format.py +4 -11
  131. reflex/utils/net.py +35 -2
  132. reflex/utils/prerequisites.py +10 -4
  133. reflex/utils/pyi_generator.py +7 -1
  134. reflex/utils/types.py +7 -5
  135. reflex/vars/base.py +7 -8
  136. reflex/vars/object.py +9 -2
  137. {reflex-0.7.11.dist-info → reflex-0.7.12.dist-info}/METADATA +4 -4
  138. {reflex-0.7.11.dist-info → reflex-0.7.12.dist-info}/RECORD +142 -141
  139. scripts/hatch_build.py +50 -0
  140. {reflex-0.7.11.dist-info → reflex-0.7.12.dist-info}/WHEEL +0 -0
  141. {reflex-0.7.11.dist-info → reflex-0.7.12.dist-info}/entry_points.txt +0 -0
  142. {reflex-0.7.11.dist-info → reflex-0.7.12.dist-info}/licenses/LICENSE +0 -0
@@ -28,6 +28,7 @@ class FormComponent(RadixPrimitiveComponentWithClassName):
28
28
  | None = None,
29
29
  key: Any | None = None,
30
30
  id: Any | None = None,
31
+ ref: Var | None = None,
31
32
  class_name: Any | None = None,
32
33
  autofocus: bool | None = None,
33
34
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -56,6 +57,7 @@ class FormComponent(RadixPrimitiveComponentWithClassName):
56
57
  style: The style of the component.
57
58
  key: A unique key for the component.
58
59
  id: The id for the component.
60
+ ref: The Var to pass as the ref to the component.
59
61
  class_name: The class name for the component.
60
62
  autofocus: Whether the component should take the focus once the page is loaded
61
63
  custom_attrs: custom attribute
@@ -270,6 +272,7 @@ class FormRoot(FormComponent, HTMLForm):
270
272
  | None = None,
271
273
  key: Any | None = None,
272
274
  id: Any | None = None,
275
+ ref: Var | None = None,
273
276
  class_name: Any | None = None,
274
277
  autofocus: bool | None = None,
275
278
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -329,6 +332,7 @@ class FormRoot(FormComponent, HTMLForm):
329
332
  style: The style of the component.
330
333
  key: A unique key for the component.
331
334
  id: The id for the component.
335
+ ref: The Var to pass as the ref to the component.
332
336
  class_name: The class name for the component.
333
337
  autofocus: Whether the component should take the focus once the page is loaded
334
338
  custom_attrs: custom attribute
@@ -356,6 +360,7 @@ class FormField(FormComponent):
356
360
  | None = None,
357
361
  key: Any | None = None,
358
362
  id: Any | None = None,
363
+ ref: Var | None = None,
359
364
  class_name: Any | None = None,
360
365
  autofocus: bool | None = None,
361
366
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -386,6 +391,7 @@ class FormField(FormComponent):
386
391
  style: The style of the component.
387
392
  key: A unique key for the component.
388
393
  id: The id for the component.
394
+ ref: The Var to pass as the ref to the component.
389
395
  class_name: The class name for the component.
390
396
  autofocus: Whether the component should take the focus once the page is loaded
391
397
  custom_attrs: custom attribute
@@ -411,6 +417,7 @@ class FormLabel(FormComponent):
411
417
  | None = None,
412
418
  key: Any | None = None,
413
419
  id: Any | None = None,
420
+ ref: Var | None = None,
414
421
  class_name: Any | None = None,
415
422
  autofocus: bool | None = None,
416
423
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -439,6 +446,7 @@ class FormLabel(FormComponent):
439
446
  style: The style of the component.
440
447
  key: A unique key for the component.
441
448
  id: The id for the component.
449
+ ref: The Var to pass as the ref to the component.
442
450
  class_name: The class name for the component.
443
451
  autofocus: Whether the component should take the focus once the page is loaded
444
452
  custom_attrs: custom attribute
@@ -463,6 +471,7 @@ class FormControl(FormComponent):
463
471
  | None = None,
464
472
  key: Any | None = None,
465
473
  id: Any | None = None,
474
+ ref: Var | None = None,
466
475
  class_name: Any | None = None,
467
476
  autofocus: bool | None = None,
468
477
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -491,6 +500,7 @@ class FormControl(FormComponent):
491
500
  style: The style of the component.
492
501
  key: A unique key for the component.
493
502
  id: The id for the component.
503
+ ref: The Var to pass as the ref to the component.
494
504
  class_name: The class name for the component.
495
505
  autofocus: Whether the component should take the focus once the page is loaded
496
506
  custom_attrs: custom attribute
@@ -562,6 +572,7 @@ class FormMessage(FormComponent):
562
572
  | None = None,
563
573
  key: Any | None = None,
564
574
  id: Any | None = None,
575
+ ref: Var | None = None,
565
576
  class_name: Any | None = None,
566
577
  autofocus: bool | None = None,
567
578
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -593,6 +604,7 @@ class FormMessage(FormComponent):
593
604
  style: The style of the component.
594
605
  key: A unique key for the component.
595
606
  id: The id for the component.
607
+ ref: The Var to pass as the ref to the component.
596
608
  class_name: The class name for the component.
597
609
  autofocus: Whether the component should take the focus once the page is loaded
598
610
  custom_attrs: custom attribute
@@ -617,6 +629,7 @@ class FormValidityState(FormComponent):
617
629
  | None = None,
618
630
  key: Any | None = None,
619
631
  id: Any | None = None,
632
+ ref: Var | None = None,
620
633
  class_name: Any | None = None,
621
634
  autofocus: bool | None = None,
622
635
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -645,6 +658,7 @@ class FormValidityState(FormComponent):
645
658
  style: The style of the component.
646
659
  key: A unique key for the component.
647
660
  id: The id for the component.
661
+ ref: The Var to pass as the ref to the component.
648
662
  class_name: The class name for the component.
649
663
  autofocus: Whether the component should take the focus once the page is loaded
650
664
  custom_attrs: custom attribute
@@ -669,6 +683,7 @@ class FormSubmit(FormComponent):
669
683
  | None = None,
670
684
  key: Any | None = None,
671
685
  id: Any | None = None,
686
+ ref: Var | None = None,
672
687
  class_name: Any | None = None,
673
688
  autofocus: bool | None = None,
674
689
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -697,6 +712,7 @@ class FormSubmit(FormComponent):
697
712
  style: The style of the component.
698
713
  key: A unique key for the component.
699
714
  id: The id for the component.
715
+ ref: The Var to pass as the ref to the component.
700
716
  class_name: The class name for the component.
701
717
  autofocus: Whether the component should take the focus once the page is loaded
702
718
  custom_attrs: custom attribute
@@ -912,6 +928,7 @@ class Form(FormRoot):
912
928
  | None = None,
913
929
  key: Any | None = None,
914
930
  id: Any | None = None,
931
+ ref: Var | None = None,
915
932
  class_name: Any | None = None,
916
933
  autofocus: bool | None = None,
917
934
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -971,6 +988,7 @@ class Form(FormRoot):
971
988
  style: The style of the component.
972
989
  key: A unique key for the component.
973
990
  id: The id for the component.
991
+ ref: The Var to pass as the ref to the component.
974
992
  class_name: The class name for the component.
975
993
  autofocus: Whether the component should take the focus once the page is loaded
976
994
  custom_attrs: custom attribute
@@ -1190,6 +1208,7 @@ class FormNamespace(ComponentNamespace):
1190
1208
  | None = None,
1191
1209
  key: Any | None = None,
1192
1210
  id: Any | None = None,
1211
+ ref: Var | None = None,
1193
1212
  class_name: Any | None = None,
1194
1213
  autofocus: bool | None = None,
1195
1214
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -1249,6 +1268,7 @@ class FormNamespace(ComponentNamespace):
1249
1268
  style: The style of the component.
1250
1269
  key: A unique key for the component.
1251
1270
  id: The id for the component.
1271
+ ref: The Var to pass as the ref to the component.
1252
1272
  class_name: The class name for the component.
1253
1273
  autofocus: Whether the component should take the focus once the page is loaded
1254
1274
  custom_attrs: custom attribute
@@ -15,7 +15,7 @@ from reflex.vars.base import Var
15
15
  class ProgressComponent(RadixPrimitiveComponentWithClassName):
16
16
  """A Progress component."""
17
17
 
18
- library = "@radix-ui/react-progress@^1.1.4"
18
+ library = "@radix-ui/react-progress@1.1.6"
19
19
 
20
20
 
21
21
  class ProgressRoot(ProgressComponent):
@@ -26,6 +26,7 @@ class ProgressComponent(RadixPrimitiveComponentWithClassName):
26
26
  | None = None,
27
27
  key: Any | None = None,
28
28
  id: Any | None = None,
29
+ ref: Var | None = None,
29
30
  class_name: Any | None = None,
30
31
  autofocus: bool | None = None,
31
32
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -54,6 +55,7 @@ class ProgressComponent(RadixPrimitiveComponentWithClassName):
54
55
  style: The style of the component.
55
56
  key: A unique key for the component.
56
57
  id: The id for the component.
58
+ ref: The Var to pass as the ref to the component.
57
59
  class_name: The class name for the component.
58
60
  autofocus: Whether the component should take the focus once the page is loaded
59
61
  custom_attrs: custom attribute
@@ -82,6 +84,7 @@ class ProgressRoot(ProgressComponent):
82
84
  | None = None,
83
85
  key: Any | None = None,
84
86
  id: Any | None = None,
87
+ ref: Var | None = None,
85
88
  class_name: Any | None = None,
86
89
  autofocus: bool | None = None,
87
90
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -111,6 +114,7 @@ class ProgressRoot(ProgressComponent):
111
114
  style: The style of the component.
112
115
  key: A unique key for the component.
113
116
  id: The id for the component.
117
+ ref: The Var to pass as the ref to the component.
114
118
  class_name: The class name for the component.
115
119
  autofocus: Whether the component should take the focus once the page is loaded
116
120
  custom_attrs: custom attribute
@@ -197,6 +201,7 @@ class ProgressIndicator(ProgressComponent):
197
201
  | None = None,
198
202
  key: Any | None = None,
199
203
  id: Any | None = None,
204
+ ref: Var | None = None,
200
205
  class_name: Any | None = None,
201
206
  autofocus: bool | None = None,
202
207
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -228,6 +233,7 @@ class ProgressIndicator(ProgressComponent):
228
233
  style: The style of the component.
229
234
  key: A unique key for the component.
230
235
  id: The id for the component.
236
+ ref: The Var to pass as the ref to the component.
231
237
  class_name: The class name for the component.
232
238
  autofocus: Whether the component should take the focus once the page is loaded
233
239
  custom_attrs: custom attribute
@@ -316,6 +322,7 @@ class Progress(ProgressRoot):
316
322
  | None = None,
317
323
  key: Any | None = None,
318
324
  id: Any | None = None,
325
+ ref: Var | None = None,
319
326
  class_name: Any | None = None,
320
327
  autofocus: bool | None = None,
321
328
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -347,6 +354,7 @@ class Progress(ProgressRoot):
347
354
  style: The style of the component.
348
355
  key: A unique key for the component.
349
356
  id: The id for the component.
357
+ ref: The Var to pass as the ref to the component.
350
358
  class_name: The class name for the component.
351
359
  autofocus: Whether the component should take the focus once the page is loaded
352
360
  custom_attrs: custom attribute
@@ -436,6 +444,7 @@ class ProgressNamespace(ComponentNamespace):
436
444
  | None = None,
437
445
  key: Any | None = None,
438
446
  id: Any | None = None,
447
+ ref: Var | None = None,
439
448
  class_name: Any | None = None,
440
449
  autofocus: bool | None = None,
441
450
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -467,6 +476,7 @@ class ProgressNamespace(ComponentNamespace):
467
476
  style: The style of the component.
468
477
  key: A unique key for the component.
469
478
  id: The id for the component.
479
+ ref: The Var to pass as the ref to the component.
470
480
  class_name: The class name for the component.
471
481
  autofocus: Whether the component should take the focus once the page is loaded
472
482
  custom_attrs: custom attribute
@@ -17,7 +17,7 @@ LiteralSliderDir = Literal["ltr", "rtl"]
17
17
  class SliderComponent(RadixPrimitiveComponentWithClassName):
18
18
  """Base class for all @radix-ui/react-slider components."""
19
19
 
20
- library = "@radix-ui/react-slider@^1.3.2"
20
+ library = "@radix-ui/react-slider@1.3.4"
21
21
 
22
22
 
23
23
  def on_value_event_spec(
@@ -29,6 +29,7 @@ class SliderComponent(RadixPrimitiveComponentWithClassName):
29
29
  | None = None,
30
30
  key: Any | None = None,
31
31
  id: Any | None = None,
32
+ ref: Var | None = None,
32
33
  class_name: Any | None = None,
33
34
  autofocus: bool | None = None,
34
35
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -57,6 +58,7 @@ class SliderComponent(RadixPrimitiveComponentWithClassName):
57
58
  style: The style of the component.
58
59
  key: A unique key for the component.
59
60
  id: The id for the component.
61
+ ref: The Var to pass as the ref to the component.
60
62
  class_name: The class name for the component.
61
63
  autofocus: Whether the component should take the focus once the page is loaded
62
64
  custom_attrs: custom attribute
@@ -97,6 +99,7 @@ class SliderRoot(SliderComponent):
97
99
  | None = None,
98
100
  key: Any | None = None,
99
101
  id: Any | None = None,
102
+ ref: Var | None = None,
100
103
  class_name: Any | None = None,
101
104
  autofocus: bool | None = None,
102
105
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -129,6 +132,7 @@ class SliderRoot(SliderComponent):
129
132
  style: The style of the component.
130
133
  key: A unique key for the component.
131
134
  id: The id for the component.
135
+ ref: The Var to pass as the ref to the component.
132
136
  class_name: The class name for the component.
133
137
  autofocus: Whether the component should take the focus once the page is loaded
134
138
  custom_attrs: custom attribute
@@ -154,6 +158,7 @@ class SliderTrack(SliderComponent):
154
158
  | None = None,
155
159
  key: Any | None = None,
156
160
  id: Any | None = None,
161
+ ref: Var | None = None,
157
162
  class_name: Any | None = None,
158
163
  autofocus: bool | None = None,
159
164
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -182,6 +187,7 @@ class SliderTrack(SliderComponent):
182
187
  style: The style of the component.
183
188
  key: A unique key for the component.
184
189
  id: The id for the component.
190
+ ref: The Var to pass as the ref to the component.
185
191
  class_name: The class name for the component.
186
192
  autofocus: Whether the component should take the focus once the page is loaded
187
193
  custom_attrs: custom attribute
@@ -207,6 +213,7 @@ class SliderRange(SliderComponent):
207
213
  | None = None,
208
214
  key: Any | None = None,
209
215
  id: Any | None = None,
216
+ ref: Var | None = None,
210
217
  class_name: Any | None = None,
211
218
  autofocus: bool | None = None,
212
219
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -235,6 +242,7 @@ class SliderRange(SliderComponent):
235
242
  style: The style of the component.
236
243
  key: A unique key for the component.
237
244
  id: The id for the component.
245
+ ref: The Var to pass as the ref to the component.
238
246
  class_name: The class name for the component.
239
247
  autofocus: Whether the component should take the focus once the page is loaded
240
248
  custom_attrs: custom attribute
@@ -260,6 +268,7 @@ class SliderThumb(SliderComponent):
260
268
  | None = None,
261
269
  key: Any | None = None,
262
270
  id: Any | None = None,
271
+ ref: Var | None = None,
263
272
  class_name: Any | None = None,
264
273
  autofocus: bool | None = None,
265
274
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -288,6 +297,7 @@ class SliderThumb(SliderComponent):
288
297
  style: The style of the component.
289
298
  key: A unique key for the component.
290
299
  id: The id for the component.
300
+ ref: The Var to pass as the ref to the component.
291
301
  class_name: The class name for the component.
292
302
  autofocus: Whether the component should take the focus once the page is loaded
293
303
  custom_attrs: custom attribute
@@ -110,7 +110,7 @@ class RadixLoadingProp(Component):
110
110
  class RadixThemesComponent(Component):
111
111
  """Base class for all @radix-ui/themes components."""
112
112
 
113
- library = "@radix-ui/themes@^3.2.1"
113
+ library = "@radix-ui/themes@3.2.1"
114
114
 
115
115
  # "Fake" prop color_scheme is used to avoid shadowing CSS prop "color".
116
116
  _rename_props: ClassVar[dict[str, str]] = {"colorScheme": "color"}
@@ -84,6 +84,7 @@ class CommonMarginProps(Component):
84
84
  | None = None,
85
85
  key: Any | None = None,
86
86
  id: Any | None = None,
87
+ ref: Var | None = None,
87
88
  class_name: Any | None = None,
88
89
  autofocus: bool | None = None,
89
90
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -118,6 +119,7 @@ class CommonMarginProps(Component):
118
119
  style: The style of the component.
119
120
  key: A unique key for the component.
120
121
  id: The id for the component.
122
+ ref: The Var to pass as the ref to the component.
121
123
  class_name: The class name for the component.
122
124
  autofocus: Whether the component should take the focus once the page is loaded
123
125
  custom_attrs: custom attribute
@@ -190,6 +192,7 @@ class CommonPaddingProps(Component):
190
192
  | None = None,
191
193
  key: Any | None = None,
192
194
  id: Any | None = None,
195
+ ref: Var | None = None,
193
196
  class_name: Any | None = None,
194
197
  autofocus: bool | None = None,
195
198
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -224,6 +227,7 @@ class CommonPaddingProps(Component):
224
227
  style: The style of the component.
225
228
  key: A unique key for the component.
226
229
  id: The id for the component.
230
+ ref: The Var to pass as the ref to the component.
227
231
  class_name: The class name for the component.
228
232
  autofocus: Whether the component should take the focus once the page is loaded
229
233
  custom_attrs: custom attribute
@@ -248,6 +252,7 @@ class RadixLoadingProp(Component):
248
252
  | None = None,
249
253
  key: Any | None = None,
250
254
  id: Any | None = None,
255
+ ref: Var | None = None,
251
256
  class_name: Any | None = None,
252
257
  autofocus: bool | None = None,
253
258
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -276,6 +281,7 @@ class RadixLoadingProp(Component):
276
281
  style: The style of the component.
277
282
  key: A unique key for the component.
278
283
  id: The id for the component.
284
+ ref: The Var to pass as the ref to the component.
279
285
  class_name: The class name for the component.
280
286
  autofocus: Whether the component should take the focus once the page is loaded
281
287
  custom_attrs: custom attribute
@@ -299,6 +305,7 @@ class RadixThemesComponent(Component):
299
305
  | None = None,
300
306
  key: Any | None = None,
301
307
  id: Any | None = None,
308
+ ref: Var | None = None,
302
309
  class_name: Any | None = None,
303
310
  autofocus: bool | None = None,
304
311
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -329,6 +336,7 @@ class RadixThemesComponent(Component):
329
336
  style: The style of the component.
330
337
  key: A unique key for the component.
331
338
  id: The id for the component.
339
+ ref: The Var to pass as the ref to the component.
332
340
  class_name: The class name for the component.
333
341
  autofocus: Whether the component should take the focus once the page is loaded
334
342
  custom_attrs: custom attribute
@@ -352,6 +360,7 @@ class RadixThemesTriggerComponent(RadixThemesComponent):
352
360
  | None = None,
353
361
  key: Any | None = None,
354
362
  id: Any | None = None,
363
+ ref: Var | None = None,
355
364
  class_name: Any | None = None,
356
365
  autofocus: bool | None = None,
357
366
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -473,6 +482,7 @@ class Theme(RadixThemesComponent):
473
482
  | None = None,
474
483
  key: Any | None = None,
475
484
  id: Any | None = None,
485
+ ref: Var | None = None,
476
486
  class_name: Any | None = None,
477
487
  autofocus: bool | None = None,
478
488
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -509,6 +519,7 @@ class Theme(RadixThemesComponent):
509
519
  style: The style of the component.
510
520
  key: A unique key for the component.
511
521
  id: The id for the component.
522
+ ref: The Var to pass as the ref to the component.
512
523
  class_name: The class name for the component.
513
524
  autofocus: Whether the component should take the focus once the page is loaded
514
525
  custom_attrs: custom attribute
@@ -536,6 +547,7 @@ class ThemePanel(RadixThemesComponent):
536
547
  | None = None,
537
548
  key: Any | None = None,
538
549
  id: Any | None = None,
550
+ ref: Var | None = None,
539
551
  class_name: Any | None = None,
540
552
  autofocus: bool | None = None,
541
553
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -567,6 +579,7 @@ class ThemePanel(RadixThemesComponent):
567
579
  style: The style of the component.
568
580
  key: A unique key for the component.
569
581
  id: The id for the component.
582
+ ref: The Var to pass as the ref to the component.
570
583
  class_name: The class name for the component.
571
584
  autofocus: Whether the component should take the focus once the page is loaded
572
585
  custom_attrs: custom attribute
@@ -590,6 +603,7 @@ class RadixThemesColorModeProvider(Component):
590
603
  | None = None,
591
604
  key: Any | None = None,
592
605
  id: Any | None = None,
606
+ ref: Var | None = None,
593
607
  class_name: Any | None = None,
594
608
  autofocus: bool | None = None,
595
609
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -617,6 +631,7 @@ class RadixThemesColorModeProvider(Component):
617
631
  style: The style of the component.
618
632
  key: A unique key for the component.
619
633
  id: The id for the component.
634
+ ref: The Var to pass as the ref to the component.
620
635
  class_name: The class name for the component.
621
636
  autofocus: Whether the component should take the focus once the page is loaded
622
637
  custom_attrs: custom attribute
@@ -33,6 +33,7 @@ class ColorModeIcon(Cond):
33
33
  | None = None,
34
34
  key: Any | None = None,
35
35
  id: Any | None = None,
36
+ ref: Var | None = None,
36
37
  class_name: Any | None = None,
37
38
  autofocus: bool | None = None,
38
39
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -351,6 +352,7 @@ class ColorModeIconButton(IconButton):
351
352
  | None = None,
352
353
  key: Any | None = None,
353
354
  id: Any | None = None,
355
+ ref: Var | None = None,
354
356
  class_name: Any | None = None,
355
357
  autofocus: bool | None = None,
356
358
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -413,6 +415,7 @@ class ColorModeIconButton(IconButton):
413
415
  style: The style of the component.
414
416
  key: A unique key for the component.
415
417
  id: The id for the component.
418
+ ref: The Var to pass as the ref to the component.
416
419
  class_name: The class name for the component.
417
420
  autofocus: Whether the component should take the focus once the page is loaded
418
421
  custom_attrs: custom attribute
@@ -513,6 +516,7 @@ class ColorModeSwitch(Switch):
513
516
  | None = None,
514
517
  key: Any | None = None,
515
518
  id: Any | None = None,
519
+ ref: Var | None = None,
516
520
  class_name: Any | None = None,
517
521
  autofocus: bool | None = None,
518
522
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -554,6 +558,7 @@ class ColorModeSwitch(Switch):
554
558
  style: The style of the component.
555
559
  key: A unique key for the component.
556
560
  id: The id for the component.
561
+ ref: The Var to pass as the ref to the component.
557
562
  class_name: The class name for the component.
558
563
  autofocus: Whether the component should take the focus once the page is loaded
559
564
  custom_attrs: custom attribute
@@ -31,6 +31,7 @@ class AlertDialogRoot(RadixThemesComponent):
31
31
  | None = None,
32
32
  key: Any | None = None,
33
33
  id: Any | None = None,
34
+ ref: Var | None = None,
34
35
  class_name: Any | None = None,
35
36
  autofocus: bool | None = None,
36
37
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -65,6 +66,7 @@ class AlertDialogRoot(RadixThemesComponent):
65
66
  style: The style of the component.
66
67
  key: A unique key for the component.
67
68
  id: The id for the component.
69
+ ref: The Var to pass as the ref to the component.
68
70
  class_name: The class name for the component.
69
71
  autofocus: Whether the component should take the focus once the page is loaded
70
72
  custom_attrs: custom attribute
@@ -88,6 +90,7 @@ class AlertDialogTrigger(RadixThemesTriggerComponent):
88
90
  | None = None,
89
91
  key: Any | None = None,
90
92
  id: Any | None = None,
93
+ ref: Var | None = None,
91
94
  class_name: Any | None = None,
92
95
  autofocus: bool | None = None,
93
96
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -317,6 +320,7 @@ class AlertDialogContent(elements.Div, RadixThemesComponent):
317
320
  | None = None,
318
321
  key: Any | None = None,
319
322
  id: Any | None = None,
323
+ ref: Var | None = None,
320
324
  class_name: Any | None = None,
321
325
  autofocus: bool | None = None,
322
326
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -371,6 +375,7 @@ class AlertDialogContent(elements.Div, RadixThemesComponent):
371
375
  style: The style of the component.
372
376
  key: A unique key for the component.
373
377
  id: The id for the component.
378
+ ref: The Var to pass as the ref to the component.
374
379
  class_name: The class name for the component.
375
380
  autofocus: Whether the component should take the focus once the page is loaded
376
381
  custom_attrs: custom attribute
@@ -394,6 +399,7 @@ class AlertDialogTitle(RadixThemesComponent):
394
399
  | None = None,
395
400
  key: Any | None = None,
396
401
  id: Any | None = None,
402
+ ref: Var | None = None,
397
403
  class_name: Any | None = None,
398
404
  autofocus: bool | None = None,
399
405
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -424,6 +430,7 @@ class AlertDialogTitle(RadixThemesComponent):
424
430
  style: The style of the component.
425
431
  key: A unique key for the component.
426
432
  id: The id for the component.
433
+ ref: The Var to pass as the ref to the component.
427
434
  class_name: The class name for the component.
428
435
  autofocus: Whether the component should take the focus once the page is loaded
429
436
  custom_attrs: custom attribute
@@ -447,6 +454,7 @@ class AlertDialogDescription(RadixThemesComponent):
447
454
  | None = None,
448
455
  key: Any | None = None,
449
456
  id: Any | None = None,
457
+ ref: Var | None = None,
450
458
  class_name: Any | None = None,
451
459
  autofocus: bool | None = None,
452
460
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -477,6 +485,7 @@ class AlertDialogDescription(RadixThemesComponent):
477
485
  style: The style of the component.
478
486
  key: A unique key for the component.
479
487
  id: The id for the component.
488
+ ref: The Var to pass as the ref to the component.
480
489
  class_name: The class name for the component.
481
490
  autofocus: Whether the component should take the focus once the page is loaded
482
491
  custom_attrs: custom attribute
@@ -500,6 +509,7 @@ class AlertDialogAction(RadixThemesTriggerComponent):
500
509
  | None = None,
501
510
  key: Any | None = None,
502
511
  id: Any | None = None,
512
+ ref: Var | None = None,
503
513
  class_name: Any | None = None,
504
514
  autofocus: bool | None = None,
505
515
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -544,6 +554,7 @@ class AlertDialogCancel(RadixThemesTriggerComponent):
544
554
  | None = None,
545
555
  key: Any | None = None,
546
556
  id: Any | None = None,
557
+ ref: Var | None = None,
547
558
  class_name: Any | None = None,
548
559
  autofocus: bool | None = None,
549
560
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -26,6 +26,7 @@ class AspectRatio(RadixThemesComponent):
26
26
  | None = None,
27
27
  key: Any | None = None,
28
28
  id: Any | None = None,
29
+ ref: Var | None = None,
29
30
  class_name: Any | None = None,
30
31
  autofocus: bool | None = None,
31
32
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -57,6 +58,7 @@ class AspectRatio(RadixThemesComponent):
57
58
  style: The style of the component.
58
59
  key: A unique key for the component.
59
60
  id: The id for the component.
61
+ ref: The Var to pass as the ref to the component.
60
62
  class_name: The class name for the component.
61
63
  autofocus: Whether the component should take the focus once the page is loaded
62
64
  custom_attrs: custom attribute
@@ -100,6 +100,7 @@ class Avatar(RadixThemesComponent):
100
100
  | None = None,
101
101
  key: Any | None = None,
102
102
  id: Any | None = None,
103
+ ref: Var | None = None,
103
104
  class_name: Any | None = None,
104
105
  autofocus: bool | None = None,
105
106
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -137,6 +138,7 @@ class Avatar(RadixThemesComponent):
137
138
  style: The style of the component.
138
139
  key: A unique key for the component.
139
140
  id: The id for the component.
141
+ ref: The Var to pass as the ref to the component.
140
142
  class_name: The class name for the component.
141
143
  autofocus: Whether the component should take the focus once the page is loaded
142
144
  custom_attrs: custom attribute
@@ -274,6 +274,7 @@ class Badge(elements.Span, RadixThemesComponent):
274
274
  | None = None,
275
275
  key: Any | None = None,
276
276
  id: Any | None = None,
277
+ ref: Var | None = None,
277
278
  class_name: Any | None = None,
278
279
  autofocus: bool | None = None,
279
280
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -325,6 +326,7 @@ class Badge(elements.Span, RadixThemesComponent):
325
326
  style: The style of the component.
326
327
  key: A unique key for the component.
327
328
  id: The id for the component.
329
+ ref: The Var to pass as the ref to the component.
328
330
  class_name: The class name for the component.
329
331
  autofocus: Whether the component should take the focus once the page is loaded
330
332
  custom_attrs: custom attribute
@@ -293,6 +293,7 @@ class Button(elements.Button, RadixLoadingProp, RadixThemesComponent):
293
293
  | None = None,
294
294
  key: Any | None = None,
295
295
  id: Any | None = None,
296
+ ref: Var | None = None,
296
297
  class_name: Any | None = None,
297
298
  autofocus: bool | None = None,
298
299
  custom_attrs: dict[str, Var | Any] | None = None,
@@ -357,6 +358,7 @@ class Button(elements.Button, RadixLoadingProp, RadixThemesComponent):
357
358
  style: The style of the component.
358
359
  key: A unique key for the component.
359
360
  id: The id for the component.
361
+ ref: The Var to pass as the ref to the component.
360
362
  class_name: The class name for the component.
361
363
  autofocus: Whether the component should take the focus once the page is loaded
362
364
  custom_attrs: custom attribute