reflex 0.7.14a6__py3-none-any.whl → 0.8.0a2__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 (211) hide show
  1. reflex/.templates/jinja/app/rxconfig.py.jinja2 +4 -1
  2. reflex/.templates/jinja/web/package.json.jinja2 +1 -1
  3. reflex/.templates/jinja/web/pages/_app.js.jinja2 +16 -10
  4. reflex/.templates/jinja/web/pages/_document.js.jinja2 +1 -1
  5. reflex/.templates/jinja/web/pages/base_page.js.jinja2 +0 -1
  6. reflex/.templates/jinja/web/pages/stateful_component.js.jinja2 +4 -0
  7. reflex/.templates/jinja/web/utils/context.js.jinja2 +25 -8
  8. reflex/.templates/web/app/entry.client.js +8 -0
  9. reflex/.templates/web/app/routes.js +10 -0
  10. reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js +12 -37
  11. reflex/.templates/web/postcss.config.js +1 -1
  12. reflex/.templates/web/react-router.config.js +6 -0
  13. reflex/.templates/web/utils/client_side_routing.js +21 -19
  14. reflex/.templates/web/utils/react-theme.js +92 -0
  15. reflex/.templates/web/utils/state.js +160 -67
  16. reflex/.templates/web/vite.config.js +32 -0
  17. reflex/__init__.py +1 -6
  18. reflex/__init__.pyi +0 -4
  19. reflex/app.py +53 -116
  20. reflex/base.py +1 -87
  21. reflex/compiler/compiler.py +41 -8
  22. reflex/compiler/templates.py +3 -3
  23. reflex/compiler/utils.py +73 -33
  24. reflex/components/__init__.py +0 -2
  25. reflex/components/__init__.pyi +0 -3
  26. reflex/components/base/__init__.py +1 -5
  27. reflex/components/base/__init__.pyi +4 -6
  28. reflex/components/base/app_wrap.pyi +5 -4
  29. reflex/components/base/body.pyi +5 -4
  30. reflex/components/base/document.py +18 -14
  31. reflex/components/base/document.pyi +83 -27
  32. reflex/components/base/error_boundary.pyi +5 -4
  33. reflex/components/base/fragment.pyi +5 -4
  34. reflex/components/base/link.pyi +9 -7
  35. reflex/components/base/meta.pyi +17 -13
  36. reflex/components/base/script.py +60 -58
  37. reflex/components/base/script.pyi +246 -31
  38. reflex/components/base/strict_mode.pyi +5 -4
  39. reflex/components/component.py +146 -217
  40. reflex/components/core/__init__.py +1 -0
  41. reflex/components/core/__init__.pyi +1 -0
  42. reflex/components/core/auto_scroll.pyi +5 -4
  43. reflex/components/core/banner.pyi +25 -19
  44. reflex/components/core/client_side_routing.py +7 -6
  45. reflex/components/core/client_side_routing.pyi +6 -56
  46. reflex/components/core/clipboard.pyi +5 -4
  47. reflex/components/core/debounce.py +1 -0
  48. reflex/components/core/debounce.pyi +5 -4
  49. reflex/components/core/foreach.py +3 -2
  50. reflex/components/core/helmet.py +14 -0
  51. reflex/components/{next/base.pyi → core/helmet.pyi} +10 -7
  52. reflex/components/core/html.pyi +5 -4
  53. reflex/components/core/sticky.pyi +17 -13
  54. reflex/components/core/upload.py +2 -1
  55. reflex/components/core/upload.pyi +21 -16
  56. reflex/components/datadisplay/code.py +2 -72
  57. reflex/components/datadisplay/code.pyi +9 -10
  58. reflex/components/datadisplay/dataeditor.pyi +11 -6
  59. reflex/components/datadisplay/shiki_code_block.pyi +13 -10
  60. reflex/components/dynamic.py +5 -5
  61. reflex/components/el/element.pyi +5 -4
  62. reflex/components/el/elements/base.pyi +5 -4
  63. reflex/components/el/elements/forms.pyi +69 -52
  64. reflex/components/el/elements/inline.pyi +113 -85
  65. reflex/components/el/elements/media.pyi +105 -79
  66. reflex/components/el/elements/metadata.pyi +25 -19
  67. reflex/components/el/elements/other.pyi +29 -22
  68. reflex/components/el/elements/scripts.pyi +13 -10
  69. reflex/components/el/elements/sectioning.pyi +61 -46
  70. reflex/components/el/elements/tables.pyi +41 -31
  71. reflex/components/el/elements/typography.pyi +61 -46
  72. reflex/components/field.py +175 -0
  73. reflex/components/gridjs/datatable.py +2 -2
  74. reflex/components/gridjs/datatable.pyi +11 -9
  75. reflex/components/lucide/icon.py +6 -2
  76. reflex/components/lucide/icon.pyi +15 -10
  77. reflex/components/markdown/markdown.pyi +5 -4
  78. reflex/components/moment/moment.pyi +5 -4
  79. reflex/components/plotly/plotly.pyi +19 -10
  80. reflex/components/props.py +376 -27
  81. reflex/components/radix/primitives/accordion.py +8 -1
  82. reflex/components/radix/primitives/accordion.pyi +29 -22
  83. reflex/components/radix/primitives/base.pyi +9 -7
  84. reflex/components/radix/primitives/drawer.pyi +45 -34
  85. reflex/components/radix/primitives/form.pyi +41 -31
  86. reflex/components/radix/primitives/progress.pyi +21 -16
  87. reflex/components/radix/primitives/slider.pyi +21 -16
  88. reflex/components/radix/themes/base.py +3 -3
  89. reflex/components/radix/themes/base.pyi +33 -25
  90. reflex/components/radix/themes/color_mode.pyi +13 -10
  91. reflex/components/radix/themes/components/alert_dialog.pyi +29 -22
  92. reflex/components/radix/themes/components/aspect_ratio.pyi +5 -4
  93. reflex/components/radix/themes/components/avatar.pyi +5 -4
  94. reflex/components/radix/themes/components/badge.pyi +5 -4
  95. reflex/components/radix/themes/components/button.pyi +5 -4
  96. reflex/components/radix/themes/components/callout.pyi +21 -16
  97. reflex/components/radix/themes/components/card.pyi +5 -4
  98. reflex/components/radix/themes/components/checkbox.pyi +13 -10
  99. reflex/components/radix/themes/components/checkbox_cards.pyi +9 -7
  100. reflex/components/radix/themes/components/checkbox_group.pyi +9 -7
  101. reflex/components/radix/themes/components/context_menu.pyi +53 -40
  102. reflex/components/radix/themes/components/data_list.pyi +17 -13
  103. reflex/components/radix/themes/components/dialog.pyi +29 -22
  104. reflex/components/radix/themes/components/dropdown_menu.pyi +33 -25
  105. reflex/components/radix/themes/components/hover_card.pyi +17 -13
  106. reflex/components/radix/themes/components/icon_button.pyi +5 -4
  107. reflex/components/radix/themes/components/inset.pyi +5 -4
  108. reflex/components/radix/themes/components/popover.pyi +17 -13
  109. reflex/components/radix/themes/components/progress.pyi +5 -4
  110. reflex/components/radix/themes/components/radio.pyi +5 -4
  111. reflex/components/radix/themes/components/radio_cards.pyi +9 -7
  112. reflex/components/radix/themes/components/radio_group.pyi +17 -13
  113. reflex/components/radix/themes/components/scroll_area.pyi +5 -4
  114. reflex/components/radix/themes/components/segmented_control.pyi +9 -7
  115. reflex/components/radix/themes/components/select.pyi +37 -28
  116. reflex/components/radix/themes/components/separator.pyi +5 -4
  117. reflex/components/radix/themes/components/skeleton.pyi +5 -4
  118. reflex/components/radix/themes/components/slider.pyi +5 -4
  119. reflex/components/radix/themes/components/spinner.pyi +5 -4
  120. reflex/components/radix/themes/components/switch.pyi +5 -4
  121. reflex/components/radix/themes/components/table.pyi +29 -22
  122. reflex/components/radix/themes/components/tabs.pyi +21 -16
  123. reflex/components/radix/themes/components/text_area.pyi +5 -4
  124. reflex/components/radix/themes/components/text_field.pyi +13 -10
  125. reflex/components/radix/themes/components/tooltip.pyi +5 -4
  126. reflex/components/radix/themes/layout/base.pyi +5 -4
  127. reflex/components/radix/themes/layout/box.pyi +5 -4
  128. reflex/components/radix/themes/layout/center.pyi +5 -4
  129. reflex/components/radix/themes/layout/container.pyi +5 -4
  130. reflex/components/radix/themes/layout/flex.pyi +5 -4
  131. reflex/components/radix/themes/layout/grid.pyi +5 -4
  132. reflex/components/radix/themes/layout/list.pyi +21 -16
  133. reflex/components/radix/themes/layout/section.pyi +5 -4
  134. reflex/components/radix/themes/layout/spacer.pyi +5 -4
  135. reflex/components/radix/themes/layout/stack.pyi +13 -10
  136. reflex/components/radix/themes/typography/blockquote.pyi +5 -4
  137. reflex/components/radix/themes/typography/code.pyi +5 -4
  138. reflex/components/radix/themes/typography/heading.pyi +5 -4
  139. reflex/components/radix/themes/typography/link.py +46 -11
  140. reflex/components/radix/themes/typography/link.pyi +311 -6
  141. reflex/components/radix/themes/typography/text.pyi +29 -22
  142. reflex/components/react_player/audio.pyi +5 -4
  143. reflex/components/react_player/react_player.pyi +5 -4
  144. reflex/components/react_player/video.pyi +5 -4
  145. reflex/components/recharts/cartesian.py +2 -1
  146. reflex/components/recharts/cartesian.pyi +65 -46
  147. reflex/components/recharts/charts.py +4 -2
  148. reflex/components/recharts/charts.pyi +36 -24
  149. reflex/components/recharts/general.pyi +24 -18
  150. reflex/components/recharts/polar.py +8 -4
  151. reflex/components/recharts/polar.pyi +16 -10
  152. reflex/components/recharts/recharts.pyi +9 -7
  153. reflex/components/sonner/toast.py +2 -2
  154. reflex/components/sonner/toast.pyi +10 -8
  155. reflex/config.py +3 -77
  156. reflex/constants/__init__.py +2 -2
  157. reflex/constants/base.py +28 -11
  158. reflex/constants/compiler.py +5 -3
  159. reflex/constants/event.py +1 -0
  160. reflex/constants/installer.py +22 -16
  161. reflex/constants/route.py +19 -7
  162. reflex/constants/state.py +2 -0
  163. reflex/custom_components/custom_components.py +0 -14
  164. reflex/environment.py +1 -1
  165. reflex/event.py +178 -81
  166. reflex/experimental/__init__.py +0 -30
  167. reflex/istate/proxy.py +5 -3
  168. reflex/page.py +0 -27
  169. reflex/plugins/__init__.py +3 -2
  170. reflex/plugins/base.py +5 -1
  171. reflex/plugins/shared_tailwind.py +158 -0
  172. reflex/plugins/sitemap.py +206 -0
  173. reflex/plugins/tailwind_v3.py +13 -106
  174. reflex/plugins/tailwind_v4.py +15 -108
  175. reflex/reflex.py +1 -0
  176. reflex/route.py +15 -21
  177. reflex/state.py +134 -140
  178. reflex/testing.py +58 -10
  179. reflex/utils/build.py +38 -82
  180. reflex/utils/exec.py +59 -161
  181. reflex/utils/export.py +2 -2
  182. reflex/utils/imports.py +0 -4
  183. reflex/utils/misc.py +28 -0
  184. reflex/utils/prerequisites.py +65 -62
  185. reflex/utils/processes.py +8 -7
  186. reflex/utils/pyi_generator.py +21 -9
  187. reflex/utils/serializers.py +14 -1
  188. reflex/utils/types.py +196 -61
  189. reflex/vars/__init__.py +2 -0
  190. reflex/vars/base.py +367 -134
  191. {reflex-0.7.14a6.dist-info → reflex-0.8.0a2.dist-info}/METADATA +12 -5
  192. {reflex-0.7.14a6.dist-info → reflex-0.8.0a2.dist-info}/RECORD +195 -202
  193. reflex/.templates/web/next.config.js +0 -7
  194. reflex/components/base/head.py +0 -20
  195. reflex/components/base/head.pyi +0 -116
  196. reflex/components/next/__init__.py +0 -10
  197. reflex/components/next/base.py +0 -7
  198. reflex/components/next/image.py +0 -117
  199. reflex/components/next/image.pyi +0 -94
  200. reflex/components/next/link.py +0 -20
  201. reflex/components/next/link.pyi +0 -67
  202. reflex/components/next/video.py +0 -38
  203. reflex/components/next/video.pyi +0 -68
  204. reflex/components/suneditor/__init__.py +0 -5
  205. reflex/components/suneditor/editor.py +0 -269
  206. reflex/components/suneditor/editor.pyi +0 -199
  207. reflex/experimental/layout.py +0 -254
  208. reflex/experimental/layout.pyi +0 -814
  209. {reflex-0.7.14a6.dist-info → reflex-0.8.0a2.dist-info}/WHEEL +0 -0
  210. {reflex-0.7.14a6.dist-info → reflex-0.8.0a2.dist-info}/entry_points.txt +0 -0
  211. {reflex-0.7.14a6.dist-info → reflex-0.8.0a2.dist-info}/licenses/LICENSE +0 -0
reflex/experimental/layout.pyi DELETED
@@ -1,814 +0,0 @@
1
- """Stub file for reflex/experimental/layout.py"""
2
-
3
- # ------------------- DO NOT EDIT ----------------------
4
- # This file was generated by `reflex/utils/pyi_generator.py`!
5
- # ------------------------------------------------------
6
- from collections.abc import Mapping, Sequence
7
- from typing import Any, Literal, overload
8
-
9
- from reflex import color
10
- from reflex.components.base.fragment import Fragment
11
- from reflex.components.component import Component, ComponentNamespace, MemoizationLeaf
12
- from reflex.components.core.breakpoints import Breakpoints
13
- from reflex.components.radix.primitives.drawer import DrawerRoot
14
- from reflex.components.radix.themes.layout.box import Box
15
- from reflex.event import EventType
16
- from reflex.state import ComponentState
17
- from reflex.vars.base import Var
18
-
19
- class Sidebar(Box, MemoizationLeaf):
20
- @overload
21
- @classmethod
22
- def create( # type: ignore
23
- cls,
24
- *children,
25
- access_key: Var[str] | str | None = None,
26
- auto_capitalize: Literal[
27
- "characters", "none", "off", "on", "sentences", "words"
28
- ]
29
- | Var[Literal["characters", "none", "off", "on", "sentences", "words"]]
30
- | None = None,
31
- content_editable: Literal["inherit", "plaintext-only", False, True]
32
- | Var[Literal["inherit", "plaintext-only", False, True]]
33
- | None = None,
34
- context_menu: Var[str] | str | None = None,
35
- dir: Var[str] | str | None = None,
36
- draggable: Var[bool] | bool | None = None,
37
- enter_key_hint: Literal[
38
- "done", "enter", "go", "next", "previous", "search", "send"
39
- ]
40
- | Var[Literal["done", "enter", "go", "next", "previous", "search", "send"]]
41
- | None = None,
42
- hidden: Var[bool] | bool | None = None,
43
- input_mode: Literal[
44
- "decimal", "email", "none", "numeric", "search", "tel", "text", "url"
45
- ]
46
- | Var[
47
- Literal[
48
- "decimal", "email", "none", "numeric", "search", "tel", "text", "url"
49
- ]
50
- ]
51
- | None = None,
52
- item_prop: Var[str] | str | None = None,
53
- lang: Var[str] | str | None = None,
54
- role: Literal[
55
- "alert",
56
- "alertdialog",
57
- "application",
58
- "article",
59
- "banner",
60
- "button",
61
- "cell",
62
- "checkbox",
63
- "columnheader",
64
- "combobox",
65
- "complementary",
66
- "contentinfo",
67
- "definition",
68
- "dialog",
69
- "directory",
70
- "document",
71
- "feed",
72
- "figure",
73
- "form",
74
- "grid",
75
- "gridcell",
76
- "group",
77
- "heading",
78
- "img",
79
- "link",
80
- "list",
81
- "listbox",
82
- "listitem",
83
- "log",
84
- "main",
85
- "marquee",
86
- "math",
87
- "menu",
88
- "menubar",
89
- "menuitem",
90
- "menuitemcheckbox",
91
- "menuitemradio",
92
- "navigation",
93
- "none",
94
- "note",
95
- "option",
96
- "presentation",
97
- "progressbar",
98
- "radio",
99
- "radiogroup",
100
- "region",
101
- "row",
102
- "rowgroup",
103
- "rowheader",
104
- "scrollbar",
105
- "search",
106
- "searchbox",
107
- "separator",
108
- "slider",
109
- "spinbutton",
110
- "status",
111
- "switch",
112
- "tab",
113
- "table",
114
- "tablist",
115
- "tabpanel",
116
- "term",
117
- "textbox",
118
- "timer",
119
- "toolbar",
120
- "tooltip",
121
- "tree",
122
- "treegrid",
123
- "treeitem",
124
- ]
125
- | Var[
126
- Literal[
127
- "alert",
128
- "alertdialog",
129
- "application",
130
- "article",
131
- "banner",
132
- "button",
133
- "cell",
134
- "checkbox",
135
- "columnheader",
136
- "combobox",
137
- "complementary",
138
- "contentinfo",
139
- "definition",
140
- "dialog",
141
- "directory",
142
- "document",
143
- "feed",
144
- "figure",
145
- "form",
146
- "grid",
147
- "gridcell",
148
- "group",
149
- "heading",
150
- "img",
151
- "link",
152
- "list",
153
- "listbox",
154
- "listitem",
155
- "log",
156
- "main",
157
- "marquee",
158
- "math",
159
- "menu",
160
- "menubar",
161
- "menuitem",
162
- "menuitemcheckbox",
163
- "menuitemradio",
164
- "navigation",
165
- "none",
166
- "note",
167
- "option",
168
- "presentation",
169
- "progressbar",
170
- "radio",
171
- "radiogroup",
172
- "region",
173
- "row",
174
- "rowgroup",
175
- "rowheader",
176
- "scrollbar",
177
- "search",
178
- "searchbox",
179
- "separator",
180
- "slider",
181
- "spinbutton",
182
- "status",
183
- "switch",
184
- "tab",
185
- "table",
186
- "tablist",
187
- "tabpanel",
188
- "term",
189
- "textbox",
190
- "timer",
191
- "toolbar",
192
- "tooltip",
193
- "tree",
194
- "treegrid",
195
- "treeitem",
196
- ]
197
- ]
198
- | None = None,
199
- slot: Var[str] | str | None = None,
200
- spell_check: Var[bool] | bool | None = None,
201
- tab_index: Var[int] | int | None = None,
202
- title: Var[str] | str | None = None,
203
- style: Sequence[Mapping[str, Any]]
204
- | Mapping[str, Any]
205
- | Var[Mapping[str, Any]]
206
- | Breakpoints
207
- | None = None,
208
- key: Any | None = None,
209
- id: Any | None = None,
210
- ref: Var | None = None,
211
- class_name: Any | None = None,
212
- autofocus: bool | None = None,
213
- custom_attrs: dict[str, Var | Any] | None = None,
214
- on_blur: EventType[()] | None = None,
215
- on_click: EventType[()] | None = None,
216
- on_context_menu: EventType[()] | None = None,
217
- on_double_click: EventType[()] | None = None,
218
- on_focus: EventType[()] | None = None,
219
- on_mount: EventType[()] | None = None,
220
- on_mouse_down: EventType[()] | None = None,
221
- on_mouse_enter: EventType[()] | None = None,
222
- on_mouse_leave: EventType[()] | None = None,
223
- on_mouse_move: EventType[()] | None = None,
224
- on_mouse_out: EventType[()] | None = None,
225
- on_mouse_over: EventType[()] | None = None,
226
- on_mouse_up: EventType[()] | None = None,
227
- on_scroll: EventType[()] | None = None,
228
- on_unmount: EventType[()] | None = None,
229
- **props,
230
- ) -> Sidebar:
231
- """Create the sidebar component.
232
-
233
- Args:
234
- children: The children components.
235
- props: The properties of the sidebar.
236
-
237
- Returns:
238
- The sidebar component.
239
- """
240
-
241
- def add_style(self) -> dict[str, Any] | None: ...
242
- def add_hooks(self) -> list[Var]: ...
243
-
244
- class StatefulSidebar(ComponentState):
245
- open: bool
246
-
247
- def toggle(self): ...
248
- @classmethod
249
- def get_component(cls, *children, **props): ...
250
-
251
- class DrawerSidebar(DrawerRoot):
252
- @overload
253
- @classmethod
254
- def create( # type: ignore
255
- cls,
256
- *children,
257
- default_open: Var[bool] | bool | None = None,
258
- open: Var[bool] | bool | None = None,
259
- modal: Var[bool] | bool | None = None,
260
- direction: Literal["bottom", "left", "right", "top"]
261
- | Var[Literal["bottom", "left", "right", "top"]]
262
- | None = None,
263
- dismissible: Var[bool] | bool | None = None,
264
- handle_only: Var[bool] | bool | None = None,
265
- snap_points: Sequence[float | str] | None = None,
266
- fade_from_index: Var[int] | int | None = None,
267
- scroll_lock_timeout: Var[int] | int | None = None,
268
- prevent_scroll_restoration: Var[bool] | bool | None = None,
269
- should_scale_background: Var[bool] | bool | None = None,
270
- close_threshold: Var[float] | float | None = None,
271
- as_child: Var[bool] | bool | None = None,
272
- style: Sequence[Mapping[str, Any]]
273
- | Mapping[str, Any]
274
- | Var[Mapping[str, Any]]
275
- | Breakpoints
276
- | None = None,
277
- key: Any | None = None,
278
- id: Any | None = None,
279
- ref: Var | None = None,
280
- class_name: Any | None = None,
281
- autofocus: bool | None = None,
282
- custom_attrs: dict[str, Var | Any] | None = None,
283
- on_animation_end: EventType[()] | EventType[bool] | None = None,
284
- on_blur: EventType[()] | None = None,
285
- on_click: EventType[()] | None = None,
286
- on_context_menu: EventType[()] | None = None,
287
- on_double_click: EventType[()] | None = None,
288
- on_focus: EventType[()] | None = None,
289
- on_mount: EventType[()] | None = None,
290
- on_mouse_down: EventType[()] | None = None,
291
- on_mouse_enter: EventType[()] | None = None,
292
- on_mouse_leave: EventType[()] | None = None,
293
- on_mouse_move: EventType[()] | None = None,
294
- on_mouse_out: EventType[()] | None = None,
295
- on_mouse_over: EventType[()] | None = None,
296
- on_mouse_up: EventType[()] | None = None,
297
- on_open_change: EventType[()] | EventType[bool] | None = None,
298
- on_scroll: EventType[()] | None = None,
299
- on_unmount: EventType[()] | None = None,
300
- **props,
301
- ) -> DrawerSidebar:
302
- """Create the sidebar component.
303
-
304
- Args:
305
- children: The children components.
306
- props: The properties of the sidebar.
307
-
308
- Returns:
309
- The drawer sidebar component.
310
- """
311
-
312
- sidebar_trigger_style = {
313
- "position": "fixed",
314
- "z_index": "15",
315
- "color": color("accent", 12),
316
- "background_color": "transparent",
317
- "padding": "0",
318
- }
319
-
320
- class SidebarTrigger(Fragment):
321
- @overload
322
- @classmethod
323
- def create( # type: ignore
324
- cls,
325
- *children,
326
- style: Sequence[Mapping[str, Any]]
327
- | Mapping[str, Any]
328
- | Var[Mapping[str, Any]]
329
- | Breakpoints
330
- | None = None,
331
- key: Any | None = None,
332
- id: Any | None = None,
333
- ref: Var | None = None,
334
- class_name: Any | None = None,
335
- autofocus: bool | None = None,
336
- custom_attrs: dict[str, Var | Any] | None = None,
337
- on_blur: EventType[()] | None = None,
338
- on_click: EventType[()] | None = None,
339
- on_context_menu: EventType[()] | None = None,
340
- on_double_click: EventType[()] | None = None,
341
- on_focus: EventType[()] | None = None,
342
- on_mount: EventType[()] | None = None,
343
- on_mouse_down: EventType[()] | None = None,
344
- on_mouse_enter: EventType[()] | None = None,
345
- on_mouse_leave: EventType[()] | None = None,
346
- on_mouse_move: EventType[()] | None = None,
347
- on_mouse_out: EventType[()] | None = None,
348
- on_mouse_over: EventType[()] | None = None,
349
- on_mouse_up: EventType[()] | None = None,
350
- on_scroll: EventType[()] | None = None,
351
- on_unmount: EventType[()] | None = None,
352
- **props,
353
- ) -> SidebarTrigger:
354
- """Create the sidebar trigger component.
355
-
356
- Args:
357
- sidebar: The sidebar component.
358
- props: The properties of the sidebar trigger.
359
-
360
- Returns:
361
- The sidebar trigger component.
362
- """
363
-
364
- class Layout(Box):
365
- @overload
366
- @classmethod
367
- def create( # type: ignore
368
- cls,
369
- *children,
370
- sidebar: Component | None = None,
371
- access_key: Var[str] | str | None = None,
372
- auto_capitalize: Literal[
373
- "characters", "none", "off", "on", "sentences", "words"
374
- ]
375
- | Var[Literal["characters", "none", "off", "on", "sentences", "words"]]
376
- | None = None,
377
- content_editable: Literal["inherit", "plaintext-only", False, True]
378
- | Var[Literal["inherit", "plaintext-only", False, True]]
379
- | None = None,
380
- context_menu: Var[str] | str | None = None,
381
- dir: Var[str] | str | None = None,
382
- draggable: Var[bool] | bool | None = None,
383
- enter_key_hint: Literal[
384
- "done", "enter", "go", "next", "previous", "search", "send"
385
- ]
386
- | Var[Literal["done", "enter", "go", "next", "previous", "search", "send"]]
387
- | None = None,
388
- hidden: Var[bool] | bool | None = None,
389
- input_mode: Literal[
390
- "decimal", "email", "none", "numeric", "search", "tel", "text", "url"
391
- ]
392
- | Var[
393
- Literal[
394
- "decimal", "email", "none", "numeric", "search", "tel", "text", "url"
395
- ]
396
- ]
397
- | None = None,
398
- item_prop: Var[str] | str | None = None,
399
- lang: Var[str] | str | None = None,
400
- role: Literal[
401
- "alert",
402
- "alertdialog",
403
- "application",
404
- "article",
405
- "banner",
406
- "button",
407
- "cell",
408
- "checkbox",
409
- "columnheader",
410
- "combobox",
411
- "complementary",
412
- "contentinfo",
413
- "definition",
414
- "dialog",
415
- "directory",
416
- "document",
417
- "feed",
418
- "figure",
419
- "form",
420
- "grid",
421
- "gridcell",
422
- "group",
423
- "heading",
424
- "img",
425
- "link",
426
- "list",
427
- "listbox",
428
- "listitem",
429
- "log",
430
- "main",
431
- "marquee",
432
- "math",
433
- "menu",
434
- "menubar",
435
- "menuitem",
436
- "menuitemcheckbox",
437
- "menuitemradio",
438
- "navigation",
439
- "none",
440
- "note",
441
- "option",
442
- "presentation",
443
- "progressbar",
444
- "radio",
445
- "radiogroup",
446
- "region",
447
- "row",
448
- "rowgroup",
449
- "rowheader",
450
- "scrollbar",
451
- "search",
452
- "searchbox",
453
- "separator",
454
- "slider",
455
- "spinbutton",
456
- "status",
457
- "switch",
458
- "tab",
459
- "table",
460
- "tablist",
461
- "tabpanel",
462
- "term",
463
- "textbox",
464
- "timer",
465
- "toolbar",
466
- "tooltip",
467
- "tree",
468
- "treegrid",
469
- "treeitem",
470
- ]
471
- | Var[
472
- Literal[
473
- "alert",
474
- "alertdialog",
475
- "application",
476
- "article",
477
- "banner",
478
- "button",
479
- "cell",
480
- "checkbox",
481
- "columnheader",
482
- "combobox",
483
- "complementary",
484
- "contentinfo",
485
- "definition",
486
- "dialog",
487
- "directory",
488
- "document",
489
- "feed",
490
- "figure",
491
- "form",
492
- "grid",
493
- "gridcell",
494
- "group",
495
- "heading",
496
- "img",
497
- "link",
498
- "list",
499
- "listbox",
500
- "listitem",
501
- "log",
502
- "main",
503
- "marquee",
504
- "math",
505
- "menu",
506
- "menubar",
507
- "menuitem",
508
- "menuitemcheckbox",
509
- "menuitemradio",
510
- "navigation",
511
- "none",
512
- "note",
513
- "option",
514
- "presentation",
515
- "progressbar",
516
- "radio",
517
- "radiogroup",
518
- "region",
519
- "row",
520
- "rowgroup",
521
- "rowheader",
522
- "scrollbar",
523
- "search",
524
- "searchbox",
525
- "separator",
526
- "slider",
527
- "spinbutton",
528
- "status",
529
- "switch",
530
- "tab",
531
- "table",
532
- "tablist",
533
- "tabpanel",
534
- "term",
535
- "textbox",
536
- "timer",
537
- "toolbar",
538
- "tooltip",
539
- "tree",
540
- "treegrid",
541
- "treeitem",
542
- ]
543
- ]
544
- | None = None,
545
- slot: Var[str] | str | None = None,
546
- spell_check: Var[bool] | bool | None = None,
547
- tab_index: Var[int] | int | None = None,
548
- title: Var[str] | str | None = None,
549
- style: Sequence[Mapping[str, Any]]
550
- | Mapping[str, Any]
551
- | Var[Mapping[str, Any]]
552
- | Breakpoints
553
- | None = None,
554
- key: Any | None = None,
555
- id: Any | None = None,
556
- ref: Var | None = None,
557
- class_name: Any | None = None,
558
- autofocus: bool | None = None,
559
- custom_attrs: dict[str, Var | Any] | None = None,
560
- on_blur: EventType[()] | None = None,
561
- on_click: EventType[()] | None = None,
562
- on_context_menu: EventType[()] | None = None,
563
- on_double_click: EventType[()] | None = None,
564
- on_focus: EventType[()] | None = None,
565
- on_mount: EventType[()] | None = None,
566
- on_mouse_down: EventType[()] | None = None,
567
- on_mouse_enter: EventType[()] | None = None,
568
- on_mouse_leave: EventType[()] | None = None,
569
- on_mouse_move: EventType[()] | None = None,
570
- on_mouse_out: EventType[()] | None = None,
571
- on_mouse_over: EventType[()] | None = None,
572
- on_mouse_up: EventType[()] | None = None,
573
- on_scroll: EventType[()] | None = None,
574
- on_unmount: EventType[()] | None = None,
575
- **props,
576
- ) -> Layout:
577
- """Create the layout component.
578
-
579
- Args:
580
- content: The content component.
581
- sidebar: The sidebar component.
582
- props: The properties of the layout.
583
-
584
- Returns:
585
- The layout component.
586
- """
587
-
588
- class LayoutNamespace(ComponentNamespace):
589
- drawer_sidebar = staticmethod(DrawerSidebar.create)
590
- stateful_sidebar = staticmethod(StatefulSidebar.create)
591
- sidebar = staticmethod(Sidebar.create)
592
-
593
- @staticmethod
594
- def __call__(
595
- *children,
596
- sidebar: Component | None = None,
597
- access_key: Var[str] | str | None = None,
598
- auto_capitalize: Literal[
599
- "characters", "none", "off", "on", "sentences", "words"
600
- ]
601
- | Var[Literal["characters", "none", "off", "on", "sentences", "words"]]
602
- | None = None,
603
- content_editable: Literal["inherit", "plaintext-only", False, True]
604
- | Var[Literal["inherit", "plaintext-only", False, True]]
605
- | None = None,
606
- context_menu: Var[str] | str | None = None,
607
- dir: Var[str] | str | None = None,
608
- draggable: Var[bool] | bool | None = None,
609
- enter_key_hint: Literal[
610
- "done", "enter", "go", "next", "previous", "search", "send"
611
- ]
612
- | Var[Literal["done", "enter", "go", "next", "previous", "search", "send"]]
613
- | None = None,
614
- hidden: Var[bool] | bool | None = None,
615
- input_mode: Literal[
616
- "decimal", "email", "none", "numeric", "search", "tel", "text", "url"
617
- ]
618
- | Var[
619
- Literal[
620
- "decimal", "email", "none", "numeric", "search", "tel", "text", "url"
621
- ]
622
- ]
623
- | None = None,
624
- item_prop: Var[str] | str | None = None,
625
- lang: Var[str] | str | None = None,
626
- role: Literal[
627
- "alert",
628
- "alertdialog",
629
- "application",
630
- "article",
631
- "banner",
632
- "button",
633
- "cell",
634
- "checkbox",
635
- "columnheader",
636
- "combobox",
637
- "complementary",
638
- "contentinfo",
639
- "definition",
640
- "dialog",
641
- "directory",
642
- "document",
643
- "feed",
644
- "figure",
645
- "form",
646
- "grid",
647
- "gridcell",
648
- "group",
649
- "heading",
650
- "img",
651
- "link",
652
- "list",
653
- "listbox",
654
- "listitem",
655
- "log",
656
- "main",
657
- "marquee",
658
- "math",
659
- "menu",
660
- "menubar",
661
- "menuitem",
662
- "menuitemcheckbox",
663
- "menuitemradio",
664
- "navigation",
665
- "none",
666
- "note",
667
- "option",
668
- "presentation",
669
- "progressbar",
670
- "radio",
671
- "radiogroup",
672
- "region",
673
- "row",
674
- "rowgroup",
675
- "rowheader",
676
- "scrollbar",
677
- "search",
678
- "searchbox",
679
- "separator",
680
- "slider",
681
- "spinbutton",
682
- "status",
683
- "switch",
684
- "tab",
685
- "table",
686
- "tablist",
687
- "tabpanel",
688
- "term",
689
- "textbox",
690
- "timer",
691
- "toolbar",
692
- "tooltip",
693
- "tree",
694
- "treegrid",
695
- "treeitem",
696
- ]
697
- | Var[
698
- Literal[
699
- "alert",
700
- "alertdialog",
701
- "application",
702
- "article",
703
- "banner",
704
- "button",
705
- "cell",
706
- "checkbox",
707
- "columnheader",
708
- "combobox",
709
- "complementary",
710
- "contentinfo",
711
- "definition",
712
- "dialog",
713
- "directory",
714
- "document",
715
- "feed",
716
- "figure",
717
- "form",
718
- "grid",
719
- "gridcell",
720
- "group",
721
- "heading",
722
- "img",
723
- "link",
724
- "list",
725
- "listbox",
726
- "listitem",
727
- "log",
728
- "main",
729
- "marquee",
730
- "math",
731
- "menu",
732
- "menubar",
733
- "menuitem",
734
- "menuitemcheckbox",
735
- "menuitemradio",
736
- "navigation",
737
- "none",
738
- "note",
739
- "option",
740
- "presentation",
741
- "progressbar",
742
- "radio",
743
- "radiogroup",
744
- "region",
745
- "row",
746
- "rowgroup",
747
- "rowheader",
748
- "scrollbar",
749
- "search",
750
- "searchbox",
751
- "separator",
752
- "slider",
753
- "spinbutton",
754
- "status",
755
- "switch",
756
- "tab",
757
- "table",
758
- "tablist",
759
- "tabpanel",
760
- "term",
761
- "textbox",
762
- "timer",
763
- "toolbar",
764
- "tooltip",
765
- "tree",
766
- "treegrid",
767
- "treeitem",
768
- ]
769
- ]
770
- | None = None,
771
- slot: Var[str] | str | None = None,
772
- spell_check: Var[bool] | bool | None = None,
773
- tab_index: Var[int] | int | None = None,
774
- title: Var[str] | str | None = None,
775
- style: Sequence[Mapping[str, Any]]
776
- | Mapping[str, Any]
777
- | Var[Mapping[str, Any]]
778
- | Breakpoints
779
- | None = None,
780
- key: Any | None = None,
781
- id: Any | None = None,
782
- ref: Var | None = None,
783
- class_name: Any | None = None,
784
- autofocus: bool | None = None,
785
- custom_attrs: dict[str, Var | Any] | None = None,
786
- on_blur: EventType[()] | None = None,
787
- on_click: EventType[()] | None = None,
788
- on_context_menu: EventType[()] | None = None,
789
- on_double_click: EventType[()] | None = None,
790
- on_focus: EventType[()] | None = None,
791
- on_mount: EventType[()] | None = None,
792
- on_mouse_down: EventType[()] | None = None,
793
- on_mouse_enter: EventType[()] | None = None,
794
- on_mouse_leave: EventType[()] | None = None,
795
- on_mouse_move: EventType[()] | None = None,
796
- on_mouse_out: EventType[()] | None = None,
797
- on_mouse_over: EventType[()] | None = None,
798
- on_mouse_up: EventType[()] | None = None,
799
- on_scroll: EventType[()] | None = None,
800
- on_unmount: EventType[()] | None = None,
801
- **props,
802
- ) -> Layout:
803
- """Create the layout component.
804
-
805
- Args:
806
- content: The content component.
807
- sidebar: The sidebar component.
808
- props: The properties of the layout.
809
-
810
- Returns:
811
- The layout component.
812
- """
813
-
814
- layout = LayoutNamespace()