Refactor chakra components into separate folder (#2315)

.gitignore

@@ -8,3 +8,4 @@ examples/
 .coverage.*
 .venv
 venv
+requirements.txt

reflex/__init__.py

@@ -251,8 +251,8 @@ _MAPPING = {
     "reflex.compiler.utils": ["get_asset_path"],
     "reflex.components": _ALL_COMPONENTS + ["chakra", "next"],
     "reflex.components.component": ["memo"],
-    "reflex.components.graphing": ["recharts"],
-    "reflex.components.datadisplay.moment": ["MomentDelta"],
+    "reflex.components.recharts": ["recharts"],
+    "reflex.components.moment.moment": ["MomentDelta"],
     "reflex.config": ["config", "Config", "DBConfig"],
     "reflex.constants": ["constants", "Env"],
     "reflex.components.el": ["el"],

reflex/__init__.pyi

@@ -443,8 +443,8 @@ from reflex.components import NoSSRComponent as NoSSRComponent
 from reflex.components import chakra as chakra
 from reflex.components import next as next
 from reflex.components.component import memo as memo
-from reflex.components.graphing import recharts as recharts
-from reflex.components.datadisplay.moment import MomentDelta as MomentDelta
+from reflex.components import recharts as recharts
+from reflex.components.moment.moment import MomentDelta as MomentDelta
 from reflex import config as config
 from reflex.config import Config as Config
 from reflex.config import DBConfig as DBConfig

reflex/app.py

@@ -37,9 +37,9 @@ from reflex.compiler import compiler
 from reflex.compiler import utils as compiler_utils
 from reflex.components import connection_modal
 from reflex.components.base.app_wrap import AppWrap
+from reflex.components.base.fragment import Fragment
 from reflex.components.component import Component, ComponentStyle
-from reflex.components.layout.fragment import Fragment
-from reflex.components.navigation.client_side_routing import (
+from reflex.components.core.client_side_routing import (
     Default404Page,
     wait_for_client_redirect,
 )

reflex/app.pyi

@@ -12,7 +12,7 @@ from reflex.components.component import (
     Component as Component,
     ComponentStyle as ComponentStyle,
 )
-from reflex.components.layout.fragment import Fragment as Fragment
+from reflex.components.base.fragment import Fragment as Fragment
 from reflex.config import get_config as get_config
 from reflex.event import (
     Event as Event,

reflex/components/__init__.py

@@ -1,239 +1,16 @@
 """Import all the components."""
 from __future__ import annotations
 
-from . import next as next
-from .base import Script
+from .base import Fragment, Script, fragment, script
 from .chakra import *
 from .component import Component
 from .component import NoSSRComponent as NoSSRComponent
+from .core import *
 from .datadisplay import *
-from .disclosure import *
-from .feedback import *
-from .forms import *
-from .graphing import *
-from .layout import *
-from .media import *
-from .navigation import *
-from .overlay import *
-from .typography import *
-
-# Add the convenience methods for all the components.
-# locals().update(
-#     {
-#         utils.to_snake_case(name): value.create
-#         for name, value in locals().items()
-#         if isinstance(value, type) and issubclass(value, Component)
-#     }
-# )
-
-# Add the convenience methods for all the components manually.
-# This is necessary for static type checking to work.
-accordion = Accordion.create
-accordion_button = AccordionButton.create
-accordion_icon = AccordionIcon.create
-accordion_item = AccordionItem.create
-accordion_panel = AccordionPanel.create
-alert = Alert.create
-alert_description = AlertDescription.create
-alert_dialog = AlertDialog.create
-alert_dialog_body = AlertDialogBody.create
-alert_dialog_content = AlertDialogContent.create
-alert_dialog_footer = AlertDialogFooter.create
-alert_dialog_header = AlertDialogHeader.create
-alert_dialog_overlay = AlertDialogOverlay.create
-alert_icon = AlertIcon.create
-alert_title = AlertTitle.create
-aspect_ratio = AspectRatio.create
-audio = Audio.create
-avatar = Avatar.create
-avatar_badge = AvatarBadge.create
-avatar_group = AvatarGroup.create
-badge = Badge.create
-box = Box.create
-breadcrumb = Breadcrumb.create
-breadcrumb_item = BreadcrumbItem.create
-breadcrumb_link = BreadcrumbLink.create
-breadcrumb_separator = BreadcrumbSeparator.create
-button = Button.create
-button_group = ButtonGroup.create
-card = Card.create
-card_body = CardBody.create
-card_footer = CardFooter.create
-card_header = CardHeader.create
-center = Center.create
-checkbox = Checkbox.create
-checkbox_group = CheckboxGroup.create
-circle = Circle.create
-circular_progress = CircularProgress.create
-circular_progress_label = CircularProgressLabel.create
-code = Code.create
-code_block = CodeBlock.create
-collapse = Collapse.create
-color_mode_button = ColorModeButton.create
-color_mode_icon = ColorModeIcon.create
-color_mode_switch = ColorModeSwitch.create
-component = Component.create
-connection_banner = ConnectionBanner.create
-connection_modal = ConnectionModal.create
-container = Container.create
-data_editor = DataEditor.create
-data_editor_theme = DataEditorTheme
-data_table = DataTable.create
-date_picker = DatePicker.create
-date_time_picker = DateTimePicker.create
-debounce_input = DebounceInput.create
-divider = Divider.create
-drawer = Drawer.create
-drawer_body = DrawerBody.create
-drawer_close_button = DrawerCloseButton.create
-drawer_content = DrawerContent.create
-drawer_footer = DrawerFooter.create
-drawer_header = DrawerHeader.create
-drawer_overlay = DrawerOverlay.create
-editable = Editable.create
-editable_input = EditableInput.create
-editable_preview = EditablePreview.create
-editable_textarea = EditableTextarea.create
-editor = Editor.create
-email = Email.create
-fade = Fade.create
-flex = Flex.create
-foreach = Foreach.create
-form = Form.create
-form_control = FormControl.create
-form_error_message = FormErrorMessage.create
-form_helper_text = FormHelperText.create
-form_label = FormLabel.create
-fragment = Fragment.create
-grid = Grid.create
-grid_item = GridItem.create
-heading = Heading.create
-highlight = Highlight.create
-hstack = Hstack.create
-html = Html.create
-icon = Icon.create
-icon_button = IconButton.create
-image = Image.create
-input = Input.create
-input_group = InputGroup.create
-input_left_addon = InputLeftAddon.create
-input_left_element = InputLeftElement.create
-input_right_addon = InputRightAddon.create
-input_right_element = InputRightElement.create
-kbd = Kbd.create
-link = Link.create
-link_box = LinkBox.create
-link_overlay = LinkOverlay.create
-list = List.create
-list_item = ListItem.create
-markdown = Markdown.create
-menu = Menu.create
-menu_button = MenuButton.create
-menu_divider = MenuDivider.create
-menu_group = MenuGroup.create
-menu_item = MenuItem.create
-menu_item_option = MenuItemOption.create
-menu_list = MenuList.create
-menu_option_group = MenuOptionGroup.create
-modal = Modal.create
-modal_body = ModalBody.create
-modal_close_button = ModalCloseButton.create
-modal_content = ModalContent.create
-modal_footer = ModalFooter.create
-modal_header = ModalHeader.create
-modal_overlay = ModalOverlay.create
-moment = Moment.create
-multi_select = MultiSelect.create
-multi_select_option = MultiSelectOption
-next_link = NextLink.create
-number_decrement_stepper = NumberDecrementStepper.create
-number_increment_stepper = NumberIncrementStepper.create
-number_input = NumberInput.create
-number_input_field = NumberInputField.create
-number_input_stepper = NumberInputStepper.create
-option = Option.create
-ordered_list = OrderedList.create
-password = Password.create
-pin_input = PinInput.create
-pin_input_field = PinInputField.create
-plotly = Plotly.create
-popover = Popover.create
-popover_anchor = PopoverAnchor.create
-popover_arrow = PopoverArrow.create
-popover_body = PopoverBody.create
-popover_close_button = PopoverCloseButton.create
-popover_content = PopoverContent.create
-popover_footer = PopoverFooter.create
-popover_header = PopoverHeader.create
-popover_trigger = PopoverTrigger.create
-progress = Progress.create
-radio = Radio.create
-radio_group = RadioGroup.create
-range_slider = RangeSlider.create
-range_slider_filled_track = RangeSliderFilledTrack.create
-range_slider_thumb = RangeSliderThumb.create
-range_slider_track = RangeSliderTrack.create
-responsive_grid = ResponsiveGrid.create
-scale_fade = ScaleFade.create
-script = Script.create
-select = Select.create
-skeleton = Skeleton.create
-skeleton_circle = SkeletonCircle.create
-skeleton_text = SkeletonText.create
-slide = Slide.create
-slide_fade = SlideFade.create
-slider = Slider.create
-slider_filled_track = SliderFilledTrack.create
-slider_mark = SliderMark.create
-slider_thumb = SliderThumb.create
-slider_track = SliderTrack.create
-spacer = Spacer.create
-span = Span.create
-spinner = Spinner.create
-square = Square.create
-stack = Stack.create
-stat = Stat.create
-stat_arrow = StatArrow.create
-stat_group = StatGroup.create
-stat_help_text = StatHelpText.create
-stat_label = StatLabel.create
-stat_number = StatNumber.create
-step = Step.create
-step_description = StepDescription.create
-step_icon = StepIcon.create
-step_indicator = StepIndicator.create
-step_number = StepNumber.create
-step_separator = StepSeparator.create
-step_status = StepStatus.create
-step_title = StepTitle.create
-stepper = Stepper.create
-switch = Switch.create
-tab = Tab.create
-tab_list = TabList.create
-tab_panel = TabPanel.create
-tab_panels = TabPanels.create
-table = Table.create
-table_caption = TableCaption.create
-table_container = TableContainer.create
-tabs = Tabs.create
-tag = Tag.create
-tag_close_button = TagCloseButton.create
-tag_label = TagLabel.create
-tag_left_icon = TagLeftIcon.create
-tag_right_icon = TagRightIcon.create
-tbody = Tbody.create
-td = Td.create
-text = Text.create
-text_area = TextArea.create
-tfoot = Tfoot.create
-th = Th.create
-thead = Thead.create
-tooltip = Tooltip.create
-tr = Tr.create
-unordered_list = UnorderedList.create
-upload = Upload.create
-video = Video.create
-visually_hidden = VisuallyHidden.create
-vstack = Vstack.create
-wrap = Wrap.create
-wrap_item = WrapItem.create
+from .gridjs import *
+from .markdown import *
+from .moment import *
+from .next import NextLink, next_link
+from .plotly import *
+from .react_player import *
+from .suneditor import *

reflex/components/base/__init__.py

@@ -1,8 +1,12 @@
 """Base components."""
 
 from .body import Body
-from .document import ColorModeScript, DocumentHead, Html, Main, NextScript
+from .document import DocumentHead, Html, Main, NextScript
+from .fragment import Fragment
 from .head import Head
 from .link import RawLink, ScriptTag
 from .meta import Description, Image, Meta, Title
 from .script import Script
+
+fragment = Fragment.create
+script = Script.create

reflex/components/base/app_wrap.py

@@ -1,6 +1,6 @@
 """Top-level component that wraps the entire app."""
+from reflex.components.base.fragment import Fragment
 from reflex.components.component import Component
-from reflex.components.layout.fragment import Fragment
 from reflex.vars import Var
 
 

reflex/components/base/app_wrap.pyi

@@ -7,8 +7,8 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
+from reflex.components.base.fragment import Fragment
 from reflex.components.component import Component
-from reflex.components.layout.fragment import Fragment
 from reflex.vars import Var
 
 class AppWrap(Fragment):

reflex/components/base/document.py

@@ -1,7 +1,6 @@
 """Document components."""
 
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent
 
 
 class NextDocumentLib(Component):
@@ -32,10 +31,3 @@ class NextScript(NextDocumentLib):
     """The document main scripts."""
 
     tag = "NextScript"
-
-
-class ColorModeScript(ChakraComponent):
-    """Chakra color mode script."""
-
-    tag = "ColorModeScript"
-    initialColorMode = "light"

reflex/components/base/document.pyi

@@ -8,7 +8,6 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent
 
 class NextDocumentLib(Component):
     @overload
@@ -404,82 +403,3 @@ class NextScript(NextDocumentLib):
             TypeError: If an invalid child is passed.
         """
         ...
-
-class ColorModeScript(ChakraComponent):
-    @overload
-    @classmethod
-    def create(  # type: ignore
-        cls,
-        *children,
-        style: Optional[Style] = None,
-        key: Optional[Any] = None,
-        id: Optional[Any] = None,
-        class_name: Optional[Any] = None,
-        autofocus: Optional[bool] = None,
-        custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_context_menu: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_double_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_focus: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mouse_down: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_scroll: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        **props
-    ) -> "ColorModeScript":
-        """Create the component.
-
-        Args:
-            *children: The children of the component.
-            style: The style of the component.
-            key: A unique key for the component.
-            id: The id for the component.
-            class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
-            custom_attrs: custom attribute
-            **props: The props of the component.
-
-        Returns:
-            The component.
-
-        Raises:
-            TypeError: If an invalid child is passed.
-        """
-        ...

reflex/components/layout/fragment.pyi → reflex/components/base/fragment.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/layout/fragment.py"""
+"""Stub file for reflex/components/base/fragment.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------

reflex/components/chakra/__init__.py

@@ -1,23 +1,205 @@
 """Chakra components."""
 
+from .base import *
+from .datadisplay import *
+from .disclosure import *
+from .feedback import *
+from .forms import *
+from .layout import *
+from .media import *
+from .navigation import *
+from .overlay import *
+from .typography import *
 
-import importlib
-from typing import Type
-
-from .media.image import Image
-
+accordion = Accordion.create
+accordion_button = AccordionButton.create
+accordion_icon = AccordionIcon.create
+accordion_item = AccordionItem.create
+accordion_panel = AccordionPanel.create
+alert = Alert.create
+alert_description = AlertDescription.create
+alert_dialog = AlertDialog.create
+alert_dialog_body = AlertDialogBody.create
+alert_dialog_content = AlertDialogContent.create
+alert_dialog_footer = AlertDialogFooter.create
+alert_dialog_header = AlertDialogHeader.create
+alert_dialog_overlay = AlertDialogOverlay.create
+alert_icon = AlertIcon.create
+alert_title = AlertTitle.create
+aspect_ratio = AspectRatio.create
+avatar = Avatar.create
+avatar_badge = AvatarBadge.create
+avatar_group = AvatarGroup.create
+badge = Badge.create
+box = Box.create
+breadcrumb = Breadcrumb.create
+breadcrumb_item = BreadcrumbItem.create
+breadcrumb_link = BreadcrumbLink.create
+breadcrumb_separator = BreadcrumbSeparator.create
+button = Button.create
+button_group = ButtonGroup.create
+card = Card.create
+card_body = CardBody.create
+card_footer = CardFooter.create
+card_header = CardHeader.create
+center = Center.create
+checkbox = Checkbox.create
+checkbox_group = CheckboxGroup.create
+circle = Circle.create
+circular_progress = CircularProgress.create
+circular_progress_label = CircularProgressLabel.create
+code = Code.create
+code_block = CodeBlock.create
+collapse = Collapse.create
+color_mode_button = ColorModeButton.create
+color_mode_icon = ColorModeIcon.create
+color_mode_switch = ColorModeSwitch.create
+component = Component.create
+container = Container.create
+date_picker = DatePicker.create
+date_time_picker = DateTimePicker.create
+divider = Divider.create
+drawer = Drawer.create
+drawer_body = DrawerBody.create
+drawer_close_button = DrawerCloseButton.create
+drawer_content = DrawerContent.create
+drawer_footer = DrawerFooter.create
+drawer_header = DrawerHeader.create
+drawer_overlay = DrawerOverlay.create
+editable = Editable.create
+editable_input = EditableInput.create
+editable_preview = EditablePreview.create
+editable_textarea = EditableTextarea.create
+email = Email.create
+fade = Fade.create
+flex = Flex.create
+form = Form.create
+form_control = FormControl.create
+form_error_message = FormErrorMessage.create
+form_helper_text = FormHelperText.create
+form_label = FormLabel.create
+grid = Grid.create
+grid_item = GridItem.create
+heading = Heading.create
+highlight = Highlight.create
+hstack = Hstack.create
+html = Html.create
+icon = Icon.create
+icon_button = IconButton.create
 image = Image.create
-
-# _MAPPING = {
-#     "image": "media",
-# }
-
-
-# def __getattr__(name: str) -> Type:
-#     print(f"importing {name}")
-#     if name not in _MAPPING:
-#         return importlib.import_module(name)
-
-#     module = importlib.import_module(_MAPPING[name], package=".")
-
-#     return getattr(module, name) if name != _MAPPING[name].rsplit(".")[-1] else module
+input = Input.create
+input_group = InputGroup.create
+input_left_addon = InputLeftAddon.create
+input_left_element = InputLeftElement.create
+input_right_addon = InputRightAddon.create
+input_right_element = InputRightElement.create
+kbd = Kbd.create
+link = Link.create
+link_box = LinkBox.create
+link_overlay = LinkOverlay.create
+list = List.create
+list_item = ListItem.create
+menu = Menu.create
+menu_button = MenuButton.create
+menu_divider = MenuDivider.create
+menu_group = MenuGroup.create
+menu_item = MenuItem.create
+menu_item_option = MenuItemOption.create
+menu_list = MenuList.create
+menu_option_group = MenuOptionGroup.create
+modal = Modal.create
+modal_body = ModalBody.create
+modal_close_button = ModalCloseButton.create
+modal_content = ModalContent.create
+modal_footer = ModalFooter.create
+modal_header = ModalHeader.create
+modal_overlay = ModalOverlay.create
+multi_select = MultiSelect.create
+multi_select_option = MultiSelectOption
+number_decrement_stepper = NumberDecrementStepper.create
+number_increment_stepper = NumberIncrementStepper.create
+number_input = NumberInput.create
+number_input_field = NumberInputField.create
+number_input_stepper = NumberInputStepper.create
+option = Option.create
+ordered_list = OrderedList.create
+password = Password.create
+pin_input = PinInput.create
+pin_input_field = PinInputField.create
+popover = Popover.create
+popover_anchor = PopoverAnchor.create
+popover_arrow = PopoverArrow.create
+popover_body = PopoverBody.create
+popover_close_button = PopoverCloseButton.create
+popover_content = PopoverContent.create
+popover_footer = PopoverFooter.create
+popover_header = PopoverHeader.create
+popover_trigger = PopoverTrigger.create
+progress = Progress.create
+radio = Radio.create
+radio_group = RadioGroup.create
+range_slider = RangeSlider.create
+range_slider_filled_track = RangeSliderFilledTrack.create
+range_slider_thumb = RangeSliderThumb.create
+range_slider_track = RangeSliderTrack.create
+responsive_grid = ResponsiveGrid.create
+scale_fade = ScaleFade.create
+select = Select.create
+skeleton = Skeleton.create
+skeleton_circle = SkeletonCircle.create
+skeleton_text = SkeletonText.create
+slide = Slide.create
+slide_fade = SlideFade.create
+slider = Slider.create
+slider_filled_track = SliderFilledTrack.create
+slider_mark = SliderMark.create
+slider_thumb = SliderThumb.create
+slider_track = SliderTrack.create
+spacer = Spacer.create
+span = Span.create
+spinner = Spinner.create
+square = Square.create
+stack = Stack.create
+stat = Stat.create
+stat_arrow = StatArrow.create
+stat_group = StatGroup.create
+stat_help_text = StatHelpText.create
+stat_label = StatLabel.create
+stat_number = StatNumber.create
+step = Step.create
+step_description = StepDescription.create
+step_icon = StepIcon.create
+step_indicator = StepIndicator.create
+step_number = StepNumber.create
+step_separator = StepSeparator.create
+step_status = StepStatus.create
+step_title = StepTitle.create
+stepper = Stepper.create
+switch = Switch.create
+tab = Tab.create
+tab_list = TabList.create
+tab_panel = TabPanel.create
+tab_panels = TabPanels.create
+table = Table.create
+table_caption = TableCaption.create
+table_container = TableContainer.create
+tabs = Tabs.create
+tag = Tag.create
+tag_close_button = TagCloseButton.create
+tag_label = TagLabel.create
+tag_left_icon = TagLeftIcon.create
+tag_right_icon = TagRightIcon.create
+tbody = Tbody.create
+td = Td.create
+text = Text.create
+text_area = TextArea.create
+tfoot = Tfoot.create
+th = Th.create
+thead = Thead.create
+tooltip = Tooltip.create
+tr = Tr.create
+unordered_list = UnorderedList.create
+visually_hidden = VisuallyHidden.create
+vstack = Vstack.create
+wrap = Wrap.create
+wrap_item = WrapItem.create

reflex/components/libs/chakra.pyi → reflex/components/chakra/base.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/libs/chakra.py"""
+"""Stub file for reflex/components/chakra/base.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------

reflex/components/chakra/datadisplay/__init__.py

@@ -0,0 +1,12 @@
+"""Data display components."""
+
+from .badge import Badge
+from .code import Code, CodeBlock
+from .code import LiteralCodeBlockTheme as LiteralCodeBlockTheme
+from .code import LiteralCodeLanguage as LiteralCodeLanguage
+from .divider import Divider
+from .keyboard_key import KeyboardKey as Kbd
+from .list import List, ListItem, OrderedList, UnorderedList
+from .stat import Stat, StatArrow, StatGroup, StatHelpText, StatLabel, StatNumber
+from .table import Table, TableCaption, TableContainer, Tbody, Td, Tfoot, Th, Thead, Tr
+from .tag import Tag, TagCloseButton, TagLabel, TagLeftIcon, TagRightIcon

reflex/components/datadisplay/badge.py → reflex/components/chakra/datadisplay/badge.py

@@ -1,6 +1,6 @@
 """Badge component."""
 
-from reflex.components.libs.chakra import ChakraComponent, LiteralVariant
+from reflex.components.chakra import ChakraComponent, LiteralVariant
 from reflex.vars import Var
 
 

reflex/components/datadisplay/badge.pyi → reflex/components/chakra/datadisplay/badge.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/datadisplay/badge.py"""
+"""Stub file for reflex/components/chakra/datadisplay/badge.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,7 +7,7 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from reflex.components.libs.chakra import ChakraComponent, LiteralVariant
+from reflex.components.chakra import ChakraComponent, LiteralVariant
 from reflex.vars import Var
 
 class Badge(ChakraComponent):

reflex/components/datadisplay/code.py → reflex/components/chakra/datadisplay/code.py

@@ -2,13 +2,13 @@
 import re
 from typing import Dict, Literal, Optional, Union
 
-from reflex.components.component import Component
-from reflex.components.forms import Button, color_mode_cond
-from reflex.components.layout import Box
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
 )
-from reflex.components.media import Icon
+from reflex.components.chakra.forms import Button, color_mode_cond
+from reflex.components.chakra.layout import Box
+from reflex.components.chakra.media import Icon
+from reflex.components.component import Component
 from reflex.event import set_clipboard
 from reflex.style import Style
 from reflex.utils import format, imports

reflex/components/datadisplay/code.pyi → reflex/components/chakra/datadisplay/code.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/datadisplay/code.py"""
+"""Stub file for reflex/components/chakra/datadisplay/code.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -9,11 +9,11 @@ from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 import re
 from typing import Dict, Literal, Optional, Union
+from reflex.components.chakra import ChakraComponent
+from reflex.components.chakra.forms import Button, color_mode_cond
+from reflex.components.chakra.layout import Box
+from reflex.components.chakra.media import Icon
 from reflex.components.component import Component
-from reflex.components.forms import Button, color_mode_cond
-from reflex.components.layout import Box
-from reflex.components.libs.chakra import ChakraComponent
-from reflex.components.media import Icon
 from reflex.event import set_clipboard
 from reflex.style import Style
 from reflex.utils import format, imports

reflex/components/datadisplay/divider.py → reflex/components/chakra/datadisplay/divider.py

@@ -1,9 +1,11 @@
 """A line to divide parts of the layout."""
+from typing import Literal
 
-from reflex.components.graphing.recharts.recharts import LiteralLayout
-from reflex.components.libs.chakra import ChakraComponent, LiteralDividerVariant
+from reflex.components.chakra import ChakraComponent, LiteralDividerVariant
 from reflex.vars import Var
 
+LiteralLayout = Literal["horizontal", "vertical"]
+
 
 class Divider(ChakraComponent):
     """Dividers are used to visually separate content in a list or group."""

reflex/components/datadisplay/divider.pyi → reflex/components/chakra/datadisplay/divider.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/datadisplay/divider.py"""
+"""Stub file for reflex/components/chakra/datadisplay/divider.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,10 +7,12 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from reflex.components.graphing.recharts.recharts import LiteralLayout
-from reflex.components.libs.chakra import ChakraComponent, LiteralDividerVariant
+from typing import Literal
+from reflex.components.chakra import ChakraComponent, LiteralDividerVariant
 from reflex.vars import Var
 
+LiteralLayout = Literal["horizontal", "vertical"]
+
 class Divider(ChakraComponent):
     @overload
     @classmethod

reflex/components/datadisplay/keyboard_key.py → reflex/components/chakra/datadisplay/keyboard_key.py

@@ -1,6 +1,6 @@
 """A Keyboard Key Component."""
 
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 
 
 class KeyboardKey(ChakraComponent):

reflex/components/datadisplay/keyboard_key.pyi → reflex/components/chakra/datadisplay/keyboard_key.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/datadisplay/keyboard_key.py"""
+"""Stub file for reflex/components/chakra/datadisplay/keyboard_key.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,7 +7,7 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 
 class KeyboardKey(ChakraComponent):
     @overload

reflex/components/datadisplay/list.py → reflex/components/chakra/datadisplay/list.py

@@ -2,9 +2,9 @@
 
 from __future__ import annotations
 
-from reflex.components import Component
-from reflex.components.layout.foreach import Foreach
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
+from reflex.components.component import Component
+from reflex.components.core.foreach import Foreach
 from reflex.vars import Var
 
 

reflex/components/datadisplay/list.pyi → reflex/components/chakra/datadisplay/list.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/datadisplay/list.py"""
+"""Stub file for reflex/components/chakra/datadisplay/list.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,9 +7,9 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from reflex.components import Component
-from reflex.components.layout.foreach import Foreach
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
+from reflex.components.component import Component
+from reflex.components.core.foreach import Foreach
 from reflex.vars import Var
 
 class List(ChakraComponent):

reflex/components/datadisplay/stat.py → reflex/components/chakra/datadisplay/stat.py

@@ -1,7 +1,7 @@
 """Statistics components."""
 
+from reflex.components.chakra import ChakraComponent
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent
 from reflex.vars import Var
 
 

reflex/components/datadisplay/stat.pyi → reflex/components/chakra/datadisplay/stat.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/datadisplay/stat.py"""
+"""Stub file for reflex/components/chakra/datadisplay/stat.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,8 +7,8 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
+from reflex.components.chakra import ChakraComponent
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent
 from reflex.vars import Var
 
 class Stat(ChakraComponent):

reflex/components/datadisplay/table.py → reflex/components/chakra/datadisplay/table.py

@@ -1,9 +1,9 @@
 """Table components."""
 from typing import List, Tuple
 
+from reflex.components.chakra import ChakraComponent
 from reflex.components.component import Component
-from reflex.components.layout.foreach import Foreach
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.core.foreach import Foreach
 from reflex.utils import types
 from reflex.vars import Var
 

reflex/components/datadisplay/table.pyi → reflex/components/chakra/datadisplay/table.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/datadisplay/table.py"""
+"""Stub file for reflex/components/chakra/datadisplay/table.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,9 +8,9 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import List, Tuple
+from reflex.components.chakra import ChakraComponent
 from reflex.components.component import Component
-from reflex.components.layout.foreach import Foreach
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.core.foreach import Foreach
 from reflex.utils import types
 from reflex.vars import Var
 

reflex/components/datadisplay/tag.py → reflex/components/chakra/datadisplay/tag.py

@@ -1,13 +1,13 @@
 """Chakra Tag Component."""
 from typing import Optional
 
-from reflex.components.component import Component
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
     LiteralTagColorScheme,
     LiteralTagSize,
     LiteralVariant,
 )
+from reflex.components.component import Component
 from reflex.vars import Var
 
 

reflex/components/datadisplay/tag.pyi → reflex/components/chakra/datadisplay/tag.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/datadisplay/tag.py"""
+"""Stub file for reflex/components/chakra/datadisplay/tag.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,13 +8,13 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Optional
-from reflex.components.component import Component
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
     LiteralTagColorScheme,
     LiteralTagSize,
     LiteralVariant,
 )
+from reflex.components.component import Component
 from reflex.vars import Var
 
 class TagLabel(ChakraComponent):

reflex/components/disclosure/accordion.py → reflex/components/chakra/disclosure/accordion.py

@@ -2,8 +2,8 @@
 
 from typing import List, Optional, Union
 
+from reflex.components.chakra import ChakraComponent
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent
 from reflex.vars import Var
 
 

reflex/components/disclosure/accordion.pyi → reflex/components/chakra/disclosure/accordion.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/disclosure/accordion.py"""
+"""Stub file for reflex/components/chakra/disclosure/accordion.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,8 +8,8 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import List, Optional, Union
+from reflex.components.chakra import ChakraComponent
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent
 from reflex.vars import Var
 
 class Accordion(ChakraComponent):

reflex/components/disclosure/tabs.py → reflex/components/chakra/disclosure/tabs.py

@@ -2,13 +2,13 @@
 
 from typing import List, Optional, Tuple
 
-from reflex.components.component import Component
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
     LiteralColorScheme,
     LiteralTabsVariant,
     LiteralTagAlign,
 )
+from reflex.components.component import Component
 from reflex.vars import Var
 
 

reflex/components/disclosure/tabs.pyi → reflex/components/chakra/disclosure/tabs.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/disclosure/tabs.py"""
+"""Stub file for reflex/components/chakra/disclosure/tabs.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,13 +8,13 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import List, Optional, Tuple
-from reflex.components.component import Component
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
     LiteralColorScheme,
     LiteralTabsVariant,
     LiteralTagAlign,
 )
+from reflex.components.component import Component
 from reflex.vars import Var
 
 class Tabs(ChakraComponent):

reflex/components/disclosure/transition.py → reflex/components/chakra/disclosure/transition.py

@@ -1,7 +1,7 @@
 """A transition Component."""
 from typing import Union
 
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 from reflex.vars import Var
 
 

reflex/components/disclosure/transition.pyi → reflex/components/chakra/disclosure/transition.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/disclosure/transition.py"""
+"""Stub file for reflex/components/chakra/disclosure/transition.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,7 +8,7 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Union
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 from reflex.vars import Var
 
 class Transition(ChakraComponent):

reflex/components/disclosure/visuallyhidden.py → reflex/components/chakra/disclosure/visuallyhidden.py

@@ -1,6 +1,6 @@
 """A component to display visually hidden text."""
 
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 
 
 class VisuallyHidden(ChakraComponent):

reflex/components/disclosure/visuallyhidden.pyi → reflex/components/chakra/disclosure/visuallyhidden.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/disclosure/visuallyhidden.py"""
+"""Stub file for reflex/components/chakra/disclosure/visuallyhidden.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,7 +7,7 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 
 class VisuallyHidden(ChakraComponent):
     @overload

reflex/components/feedback/alert.py → reflex/components/chakra/feedback/alert.py

@@ -1,11 +1,11 @@
 """Alert components."""
 
-from reflex.components.component import Component
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
     LiteralAlertVariant,
     LiteralStatus,
 )
+from reflex.components.component import Component
 from reflex.vars import Var
 
 

reflex/components/feedback/alert.pyi → reflex/components/chakra/feedback/alert.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/feedback/alert.py"""
+"""Stub file for reflex/components/chakra/feedback/alert.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,12 +7,8 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
+from reflex.components.chakra import ChakraComponent, LiteralAlertVariant, LiteralStatus
 from reflex.components.component import Component
-from reflex.components.libs.chakra import (
-    ChakraComponent,
-    LiteralAlertVariant,
-    LiteralStatus,
-)
 from reflex.vars import Var
 
 class Alert(ChakraComponent):

reflex/components/feedback/circularprogress.py → reflex/components/chakra/feedback/circularprogress.py

@@ -1,8 +1,8 @@
 """Container to stack elements with spacing."""
 from typing import Union
 
+from reflex.components.chakra import ChakraComponent
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent
 from reflex.vars import Var
 
 

reflex/components/feedback/circularprogress.pyi → reflex/components/chakra/feedback/circularprogress.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/feedback/circularprogress.py"""
+"""Stub file for reflex/components/chakra/feedback/circularprogress.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,8 +8,8 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Union
+from reflex.components.chakra import ChakraComponent
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent
 from reflex.vars import Var
 
 class CircularProgress(ChakraComponent):

reflex/components/feedback/progress.py → reflex/components/chakra/feedback/progress.py

@@ -2,7 +2,7 @@
 
 from typing import Union
 
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 from reflex.vars import Var
 
 

reflex/components/feedback/progress.pyi → reflex/components/chakra/feedback/progress.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/feedback/progress.py"""
+"""Stub file for reflex/components/chakra/feedback/progress.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,7 +8,7 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Union
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 from reflex.vars import Var
 
 class Progress(ChakraComponent):

reflex/components/feedback/skeleton.py → reflex/components/chakra/feedback/skeleton.py

@@ -1,6 +1,6 @@
 """Container to stack elements with spacing."""
 
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 from reflex.vars import Var
 
 

reflex/components/feedback/skeleton.pyi → reflex/components/chakra/feedback/skeleton.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/feedback/skeleton.py"""
+"""Stub file for reflex/components/chakra/feedback/skeleton.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,7 +7,7 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 from reflex.vars import Var
 
 class Skeleton(ChakraComponent):

reflex/components/feedback/spinner.py → reflex/components/chakra/feedback/spinner.py

@@ -1,6 +1,6 @@
 """Container to stack elements with spacing."""
 
-from reflex.components.libs.chakra import ChakraComponent, LiteralSpinnerSize
+from reflex.components.chakra import ChakraComponent, LiteralSpinnerSize
 from reflex.vars import Var
 
 

reflex/components/feedback/spinner.pyi → reflex/components/chakra/feedback/spinner.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/feedback/spinner.py"""
+"""Stub file for reflex/components/chakra/feedback/spinner.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,7 +7,7 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from reflex.components.libs.chakra import ChakraComponent, LiteralSpinnerSize
+from reflex.components.chakra import ChakraComponent, LiteralSpinnerSize
 from reflex.vars import Var
 
 class Spinner(ChakraComponent):

reflex/components/forms/__init__.py → reflex/components/chakra/forms/__init__.py

@@ -5,14 +5,13 @@ from .checkbox import Checkbox, CheckboxGroup
 from .colormodeswitch import (
     ColorModeButton,
     ColorModeIcon,
+    ColorModeScript,
     ColorModeSwitch,
     color_mode_cond,
 )
 from .date_picker import DatePicker
 from .date_time_picker import DateTimePicker
-from .debounce import DebounceInput
 from .editable import Editable, EditableInput, EditablePreview, EditableTextarea
-from .editor import Editor, EditorButtonList, EditorOptions
 from .email import Email
 from .form import Form, FormControl, FormErrorMessage, FormHelperText, FormLabel
 from .iconbutton import IconButton
@@ -46,18 +45,9 @@ from .select import Option, Select
 from .slider import Slider, SliderFilledTrack, SliderMark, SliderThumb, SliderTrack
 from .switch import Switch
 from .textarea import TextArea
-from .upload import (
-    Upload,
-    cancel_upload,
-    clear_selected_files,
-    selected_files,
-)
 
 helpers = [
     "color_mode_cond",
-    "cancel_upload",
-    "clear_selected_files",
-    "selected_files",
 ]
 
 __all__ = [f for f in dir() if f[0].isupper()] + helpers  # type: ignore

reflex/components/forms/button.py → reflex/components/chakra/forms/button.py

@@ -1,7 +1,7 @@
 """A button component."""
 from typing import List
 
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
     LiteralButtonSize,
     LiteralButtonVariant,
@@ -36,6 +36,7 @@ class Button(ChakraComponent):
 
     # "lg" | "md" | "sm" | "xs"
     size: Var[LiteralButtonSize]
+
     # "ghost" | "outline" | "solid" | "link" | "unstyled"
     variant: Var[LiteralButtonVariant]
 
@@ -76,5 +77,6 @@ class ButtonGroup(ChakraComponent):
 
     # "lg" | "md" | "sm" | "xs"
     size: Var[LiteralButtonSize]
+
     # "ghost" | "outline" | "solid" | "link" | "unstyled"
     variant: Var[LiteralButtonVariant]

reflex/components/forms/button.pyi → reflex/components/chakra/forms/button.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/button.py"""
+"""Stub file for reflex/components/chakra/forms/button.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,7 +8,7 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import List
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
     LiteralButtonSize,
     LiteralButtonVariant,

reflex/components/forms/checkbox.py → reflex/components/chakra/forms/checkbox.py

@@ -3,7 +3,7 @@ from __future__ import annotations
 
 from typing import Any, Union
 
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
     LiteralColorScheme,
     LiteralTagSize,

reflex/components/forms/checkbox.pyi → reflex/components/chakra/forms/checkbox.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/checkbox.py"""
+"""Stub file for reflex/components/chakra/forms/checkbox.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,11 +8,7 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Union
-from reflex.components.libs.chakra import (
-    ChakraComponent,
-    LiteralColorScheme,
-    LiteralTagSize,
-)
+from reflex.components.chakra import ChakraComponent, LiteralColorScheme, LiteralTagSize
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 

reflex/components/forms/colormodeswitch.py → reflex/components/chakra/forms/colormodeswitch.py

@@ -18,9 +18,10 @@ from __future__ import annotations
 
 from typing import Any
 
+from reflex.components.chakra import ChakraComponent
+from reflex.components.chakra.media.icon import Icon
 from reflex.components.component import BaseComponent, Component
-from reflex.components.layout.cond import Cond, cond
-from reflex.components.media.icon import Icon
+from reflex.components.core.cond import Cond, cond
 from reflex.style import color_mode, toggle_color_mode
 from reflex.vars import Var
 
@@ -114,3 +115,10 @@ class ColorModeButton(Button):
             on_click=toggle_color_mode,
             **props,
         )
+
+
+class ColorModeScript(ChakraComponent):
+    """Chakra color mode script."""
+
+    tag = "ColorModeScript"
+    initialColorMode = "light"

reflex/components/forms/colormodeswitch.pyi → reflex/components/chakra/forms/colormodeswitch.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/colormodeswitch.py"""
+"""Stub file for reflex/components/chakra/forms/colormodeswitch.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,9 +8,10 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any
+from reflex.components.chakra import ChakraComponent
+from reflex.components.chakra.media.icon import Icon
 from reflex.components.component import BaseComponent, Component
-from reflex.components.layout.cond import Cond, cond
-from reflex.components.media.icon import Icon
+from reflex.components.core.cond import Cond, cond
 from reflex.style import color_mode, toggle_color_mode
 from reflex.vars import Var
 from .button import Button
@@ -398,3 +399,82 @@ class ColorModeButton(Button):
             The switch component.
         """
         ...
+
+class ColorModeScript(ChakraComponent):
+    @overload
+    @classmethod
+    def create(  # type: ignore
+        cls,
+        *children,
+        style: Optional[Style] = None,
+        key: Optional[Any] = None,
+        id: Optional[Any] = None,
+        class_name: Optional[Any] = None,
+        autofocus: Optional[bool] = None,
+        custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
+        on_blur: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_click: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_context_menu: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_double_click: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_focus: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mount: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_down: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_enter: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_leave: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_move: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_out: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_over: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_up: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_scroll: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_unmount: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        **props
+    ) -> "ColorModeScript":
+        """Create the component.
+
+        Args:
+            *children: The children of the component.
+            style: The style of the component.
+            key: A unique key for the component.
+            id: The id for the component.
+            class_name: The class name for the component.
+            autofocus: Whether the component should take the focus once the page is loaded
+            custom_attrs: custom attribute
+            **props: The props of the component.
+
+        Returns:
+            The component.
+
+        Raises:
+            TypeError: If an invalid child is passed.
+        """
+        ...

reflex/components/forms/date_picker.py → reflex/components/chakra/forms/date_picker.py

@@ -1,6 +1,6 @@
 """A date input component."""
 
-from reflex.components.forms.input import Input
+from reflex.components.chakra.forms.input import Input
 from reflex.vars import Var
 
 

reflex/components/forms/date_picker.pyi → reflex/components/chakra/forms/date_picker.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/date_picker.py"""
+"""Stub file for reflex/components/chakra/forms/date_picker.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,7 +7,7 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from reflex.components.forms.input import Input
+from reflex.components.chakra.forms.input import Input
 from reflex.vars import Var
 
 class DatePicker(Input):

reflex/components/forms/date_time_picker.py → reflex/components/chakra/forms/date_time_picker.py

@@ -1,6 +1,6 @@
 """A datetime-local input component."""
 
-from reflex.components.forms.input import Input
+from reflex.components.chakra.forms.input import Input
 from reflex.vars import Var
 
 

reflex/components/forms/date_time_picker.pyi → reflex/components/chakra/forms/date_time_picker.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/date_time_picker.py"""
+"""Stub file for reflex/components/chakra/forms/date_time_picker.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,7 +7,7 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from reflex.components.forms.input import Input
+from reflex.components.chakra.forms.input import Input
 from reflex.vars import Var
 
 class DateTimePicker(Input):

reflex/components/forms/editable.py → reflex/components/chakra/forms/editable.py

@@ -3,7 +3,7 @@ from __future__ import annotations
 
 from typing import Any, Union
 
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 

reflex/components/forms/editable.pyi → reflex/components/chakra/forms/editable.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/editable.py"""
+"""Stub file for reflex/components/chakra/forms/editable.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,7 +8,7 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Union
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 

reflex/components/forms/email.py → reflex/components/chakra/forms/email.py

@@ -1,6 +1,6 @@
 """An email input component."""
 
-from reflex.components.forms.input import Input
+from reflex.components.chakra.forms.input import Input
 from reflex.vars import Var
 
 

reflex/components/forms/email.pyi → reflex/components/chakra/forms/email.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/email.py"""
+"""Stub file for reflex/components/chakra/forms/email.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,7 +7,7 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from reflex.components.forms.input import Input
+from reflex.components.chakra.forms.input import Input
 from reflex.vars import Var
 
 class Email(Input):

reflex/components/forms/form.py → reflex/components/chakra/forms/form.py

@@ -6,8 +6,8 @@ from typing import Any, Dict, Iterator
 
 from jinja2 import Environment
 
+from reflex.components.chakra import ChakraComponent
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent
 from reflex.components.tags import Tag
 from reflex.constants import Dirs, EventTriggers
 from reflex.event import EventChain

reflex/components/forms/form.pyi → reflex/components/chakra/forms/form.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/form.py"""
+"""Stub file for reflex/components/chakra/forms/form.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -10,8 +10,8 @@ from reflex.style import Style
 from hashlib import md5
 from typing import Any, Dict, Iterator
 from jinja2 import Environment
+from reflex.components.chakra import ChakraComponent
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent
 from reflex.components.tags import Tag
 from reflex.constants import Dirs, EventTriggers
 from reflex.event import EventChain

reflex/components/forms/iconbutton.py → reflex/components/chakra/forms/iconbutton.py

@@ -2,8 +2,8 @@
 
 from typing import Optional
 
+from reflex.components.chakra.typography.text import Text
 from reflex.components.component import Component
-from reflex.components.typography.text import Text
 from reflex.vars import Var
 
 

reflex/components/forms/iconbutton.pyi → reflex/components/chakra/forms/iconbutton.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/iconbutton.py"""
+"""Stub file for reflex/components/chakra/forms/iconbutton.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,8 +8,8 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Optional
+from reflex.components.chakra.typography.text import Text
 from reflex.components.component import Component
-from reflex.components.typography.text import Text
 from reflex.vars import Var
 
 class IconButton(Text):

reflex/components/forms/input.py → reflex/components/chakra/forms/input.py

@@ -2,13 +2,13 @@
 
 from typing import Any, Dict
 
-from reflex.components.component import Component
-from reflex.components.forms.debounce import DebounceInput
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
     LiteralButtonSize,
     LiteralInputVariant,
 )
+from reflex.components.component import Component
+from reflex.components.core.debounce import DebounceInput
 from reflex.components.literals import LiteralInputType
 from reflex.constants import EventTriggers, MemoizationMode
 from reflex.utils import imports

reflex/components/forms/input.pyi → reflex/components/chakra/forms/input.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/input.py"""
+"""Stub file for reflex/components/chakra/forms/input.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,13 +8,13 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Dict
-from reflex.components.component import Component
-from reflex.components.forms.debounce import DebounceInput
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
     LiteralButtonSize,
     LiteralInputVariant,
 )
+from reflex.components.component import Component
+from reflex.components.core.debounce import DebounceInput
 from reflex.components.literals import LiteralInputType
 from reflex.constants import EventTriggers, MemoizationMode
 from reflex.utils import imports

reflex/components/forms/numberinput.py → reflex/components/chakra/forms/numberinput.py

@@ -3,12 +3,12 @@
 from numbers import Number
 from typing import Any, Dict
 
-from reflex.components.component import Component
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
     LiteralButtonSize,
     LiteralInputVariant,
 )
+from reflex.components.component import Component
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 

reflex/components/forms/numberinput.pyi → reflex/components/chakra/forms/numberinput.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/numberinput.py"""
+"""Stub file for reflex/components/chakra/forms/numberinput.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -9,12 +9,12 @@ from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from numbers import Number
 from typing import Any, Dict
-from reflex.components.component import Component
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
     LiteralButtonSize,
     LiteralInputVariant,
 )
+from reflex.components.component import Component
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 

reflex/components/forms/password.py → reflex/components/chakra/forms/password.py

@@ -1,6 +1,6 @@
 """A password input component."""
 
-from reflex.components.forms.input import Input
+from reflex.components.chakra.forms.input import Input
 from reflex.vars import Var
 
 

reflex/components/forms/password.pyi → reflex/components/chakra/forms/password.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/password.py"""
+"""Stub file for reflex/components/chakra/forms/password.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,7 +7,7 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from reflex.components.forms.input import Input
+from reflex.components.chakra.forms.input import Input
 from reflex.vars import Var
 
 class Password(Input):

reflex/components/forms/pininput.py → reflex/components/chakra/forms/pininput.py

@@ -3,8 +3,8 @@ from __future__ import annotations
 
 from typing import Any, Optional, Union
 
+from reflex.components.chakra import ChakraComponent, LiteralInputVariant
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent, LiteralInputVariant
 from reflex.components.tags.tag import Tag
 from reflex.constants import EventTriggers
 from reflex.utils import format

reflex/components/forms/pininput.pyi → reflex/components/chakra/forms/pininput.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/pininput.py"""
+"""Stub file for reflex/components/chakra/forms/pininput.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,8 +8,8 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Optional, Union
+from reflex.components.chakra import ChakraComponent, LiteralInputVariant
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent, LiteralInputVariant
 from reflex.components.tags.tag import Tag
 from reflex.constants import EventTriggers
 from reflex.utils import format

reflex/components/forms/radio.py → reflex/components/chakra/forms/radio.py

@@ -3,10 +3,10 @@
 
 from typing import Any, Dict, List, Union
 
+from reflex.components.chakra import ChakraComponent
+from reflex.components.chakra.typography.text import Text
 from reflex.components.component import Component
-from reflex.components.layout.foreach import Foreach
-from reflex.components.libs.chakra import ChakraComponent
-from reflex.components.typography.text import Text
+from reflex.components.core.foreach import Foreach
 from reflex.constants import EventTriggers
 from reflex.utils.types import _issubclass
 from reflex.vars import Var

reflex/components/forms/radio.pyi → reflex/components/chakra/forms/radio.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/radio.py"""
+"""Stub file for reflex/components/chakra/forms/radio.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,10 +8,10 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Dict, List, Union
+from reflex.components.chakra import ChakraComponent
+from reflex.components.chakra.typography.text import Text
 from reflex.components.component import Component
-from reflex.components.layout.foreach import Foreach
-from reflex.components.libs.chakra import ChakraComponent
-from reflex.components.typography.text import Text
+from reflex.components.core.foreach import Foreach
 from reflex.constants import EventTriggers
 from reflex.utils.types import _issubclass
 from reflex.vars import Var

reflex/components/forms/rangeslider.py → reflex/components/chakra/forms/rangeslider.py

@@ -3,8 +3,8 @@ from __future__ import annotations
 
 from typing import Any, List, Optional, Union
 
+from reflex.components.chakra import ChakraComponent, LiteralChakraDirection
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent, LiteralChakraDirection
 from reflex.constants import EventTriggers
 from reflex.utils import format
 from reflex.vars import Var

reflex/components/forms/rangeslider.pyi → reflex/components/chakra/forms/rangeslider.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/rangeslider.py"""
+"""Stub file for reflex/components/chakra/forms/rangeslider.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,8 +8,8 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, List, Optional, Union
+from reflex.components.chakra import ChakraComponent, LiteralChakraDirection
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent, LiteralChakraDirection
 from reflex.constants import EventTriggers
 from reflex.utils import format
 from reflex.vars import Var

reflex/components/forms/select.py → reflex/components/chakra/forms/select.py

@@ -2,10 +2,10 @@
 
 from typing import Any, Dict, List, Union
 
+from reflex.components.chakra import ChakraComponent, LiteralInputVariant
+from reflex.components.chakra.typography.text import Text
 from reflex.components.component import Component
-from reflex.components.layout.foreach import Foreach
-from reflex.components.libs.chakra import ChakraComponent, LiteralInputVariant
-from reflex.components.typography.text import Text
+from reflex.components.core.foreach import Foreach
 from reflex.constants import EventTriggers
 from reflex.utils.types import _issubclass
 from reflex.vars import Var

reflex/components/forms/select.pyi → reflex/components/chakra/forms/select.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/select.py"""
+"""Stub file for reflex/components/chakra/forms/select.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,10 +8,10 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Dict, List, Union
+from reflex.components.chakra import ChakraComponent, LiteralInputVariant
+from reflex.components.chakra.typography.text import Text
 from reflex.components.component import Component
-from reflex.components.layout.foreach import Foreach
-from reflex.components.libs.chakra import ChakraComponent, LiteralInputVariant
-from reflex.components.typography.text import Text
+from reflex.components.core.foreach import Foreach
 from reflex.constants import EventTriggers
 from reflex.utils.types import _issubclass
 from reflex.vars import Var

reflex/components/forms/slider.py → reflex/components/chakra/forms/slider.py

@@ -1,14 +1,15 @@
 """A slider component."""
 from __future__ import annotations
 
-from typing import Any, Union
+from typing import Any, Literal, Union
 
+from reflex.components.chakra import ChakraComponent, LiteralChakraDirection
 from reflex.components.component import Component
-from reflex.components.graphing.recharts.recharts import LiteralLayout
-from reflex.components.libs.chakra import ChakraComponent, LiteralChakraDirection
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 
+LiteralLayout = Literal["horizontal", "vertical"]
+
 
 class Slider(ChakraComponent):
     """The wrapper that provides context and functionality for all children."""

reflex/components/forms/slider.pyi → reflex/components/chakra/forms/slider.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/slider.py"""
+"""Stub file for reflex/components/chakra/forms/slider.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,13 +7,14 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from typing import Any, Union
+from typing import Any, Literal, Union
+from reflex.components.chakra import ChakraComponent, LiteralChakraDirection
 from reflex.components.component import Component
-from reflex.components.graphing.recharts.recharts import LiteralLayout
-from reflex.components.libs.chakra import ChakraComponent, LiteralChakraDirection
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 
+LiteralLayout = Literal["horizontal", "vertical"]
+
 class Slider(ChakraComponent):
     def get_event_triggers(self) -> dict[str, Union[Var, Any]]: ...
     @overload

reflex/components/forms/switch.py → reflex/components/chakra/forms/switch.py

@@ -3,7 +3,7 @@ from __future__ import annotations
 
 from typing import Any, Union
 
-from reflex.components.libs.chakra import ChakraComponent, LiteralColorScheme
+from reflex.components.chakra import ChakraComponent, LiteralColorScheme
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 

reflex/components/forms/switch.pyi → reflex/components/chakra/forms/switch.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/switch.py"""
+"""Stub file for reflex/components/chakra/forms/switch.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,7 +8,7 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Union
-from reflex.components.libs.chakra import ChakraComponent, LiteralColorScheme
+from reflex.components.chakra import ChakraComponent, LiteralColorScheme
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 

reflex/components/forms/textarea.py → reflex/components/chakra/forms/textarea.py

@@ -3,9 +3,9 @@ from __future__ import annotations
 
 from typing import Any, Union
 
+from reflex.components.chakra import ChakraComponent, LiteralInputVariant
 from reflex.components.component import Component
-from reflex.components.forms.debounce import DebounceInput
-from reflex.components.libs.chakra import ChakraComponent, LiteralInputVariant
+from reflex.components.core.debounce import DebounceInput
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 

reflex/components/forms/textarea.pyi → reflex/components/chakra/forms/textarea.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/forms/textarea.py"""
+"""Stub file for reflex/components/chakra/forms/textarea.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,9 +8,9 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Union
+from reflex.components.chakra import ChakraComponent, LiteralInputVariant
 from reflex.components.component import Component
-from reflex.components.forms.debounce import DebounceInput
-from reflex.components.libs.chakra import ChakraComponent, LiteralInputVariant
+from reflex.components.core.debounce import DebounceInput
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 

reflex/components/layout/__init__.py → reflex/components/chakra/layout/__init__.py

@@ -4,31 +4,12 @@ from .aspect_ratio import AspectRatio
 from .box import Box
 from .card import Card, CardBody, CardFooter, CardHeader
 from .center import Center, Circle, Square
-from .cond import Cond, cond
 from .container import Container
 from .flex import Flex
-from .foreach import Foreach
-from .fragment import Fragment
 from .grid import Grid, GridItem, ResponsiveGrid
 from .html import Html
-from .responsive import (
-    desktop_only,
-    mobile_and_tablet,
-    mobile_only,
-    tablet_and_desktop,
-    tablet_only,
-)
 from .spacer import Spacer
 from .stack import Hstack, Stack, Vstack
 from .wrap import Wrap, WrapItem
 
-helpers = [
-    "cond",
-    "desktop_only",
-    "mobile_and_tablet",
-    "mobile_only",
-    "tablet_and_desktop",
-    "tablet_only",
-]
-
-__all__ = [f for f in dir() if f[0].isupper()] + helpers  # type: ignore
+__all__ = [f for f in dir() if f[0].isupper()]  # type: ignore

reflex/components/layout/aspect_ratio.py → reflex/components/chakra/layout/aspect_ratio.py

@@ -1,6 +1,6 @@
 """A AspectRatio component."""
 
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 from reflex.vars import Var
 
 

reflex/components/layout/aspect_ratio.pyi → reflex/components/chakra/layout/aspect_ratio.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/layout/aspect_ratio.py"""
+"""Stub file for reflex/components/chakra/layout/aspect_ratio.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,7 +7,7 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 from reflex.vars import Var
 
 class AspectRatio(ChakraComponent):

reflex/components/layout/box.py → reflex/components/chakra/layout/box.py

@@ -1,6 +1,6 @@
 """A box component that can contain other components."""
 
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 from reflex.components.tags import Tag
 from reflex.vars import Var
 

reflex/components/layout/box.pyi → reflex/components/chakra/layout/box.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/layout/box.py"""
+"""Stub file for reflex/components/chakra/layout/box.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -7,7 +7,7 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from reflex.components.libs.chakra import ChakraComponent
+from reflex.components.chakra import ChakraComponent
 from reflex.components.tags import Tag
 from reflex.vars import Var
 

reflex/components/layout/card.py → reflex/components/chakra/layout/card.py

@@ -2,13 +2,13 @@
 
 from typing import Optional
 
-from reflex.components.component import Component
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
     LiteralCardVariant,
     LiteralColorScheme,
     LiteralTagSize,
 )
+from reflex.components.component import Component
 from reflex.vars import Var
 
 

reflex/components/layout/card.pyi → reflex/components/chakra/layout/card.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/layout/card.py"""
+"""Stub file for reflex/components/chakra/layout/card.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------
@@ -8,13 +8,13 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Optional
-from reflex.components.component import Component
-from reflex.components.libs.chakra import (
+from reflex.components.chakra import (
     ChakraComponent,
     LiteralCardVariant,
     LiteralColorScheme,
     LiteralTagSize,
 )
+from reflex.components.component import Component
 from reflex.vars import Var
 
 class CardHeader(ChakraComponent):