PyPI - reflex-reactbits - Versions diffs - 0.1.1__py3-none-any.whl - Mend

reflex-reactbits 0.1.1__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.

Files changed (24) hide show

reflex_reactbits/__init__.py +12 -0
reflex_reactbits/animations.py +2128 -0
reflex_reactbits/animations.pyi +2043 -0
reflex_reactbits/backgrounds.py +3503 -0
reflex_reactbits/backgrounds.pyi +3149 -0
reflex_reactbits/base.py +97 -0
reflex_reactbits/base.pyi +58 -0
reflex_reactbits/catalog.json +26580 -0
reflex_reactbits/catalog.py +23 -0
reflex_reactbits/cli.py +125 -0
reflex_reactbits/components.py +2383 -0
reflex_reactbits/components.pyi +2430 -0
reflex_reactbits/micro.py +2336 -0
reflex_reactbits/micro.pyi +1858 -0
reflex_reactbits/py.typed +0 -0
reflex_reactbits/source.py +236 -0
reflex_reactbits/text_animations.py +1629 -0
reflex_reactbits/text_animations.pyi +1671 -0
reflex_reactbits-0.1.1.dist-info/METADATA +223 -0
reflex_reactbits-0.1.1.dist-info/RECORD +24 -0
reflex_reactbits-0.1.1.dist-info/WHEEL +5 -0
reflex_reactbits-0.1.1.dist-info/entry_points.txt +2 -0
reflex_reactbits-0.1.1.dist-info/licenses/LICENSE +21 -0
reflex_reactbits-0.1.1.dist-info/top_level.txt +1 -0

reflex_reactbits/components.pyi ADDED Viewed

@@ -0,0 +1,2430 @@
+"""Stub file for reflex_reactbits/components.py"""
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `reflex/utils/pyi_generator.py`!
+# ------------------------------------------------------
+from collections.abc import Mapping, Sequence
+from typing import Any, Literal, Optional
+from reflex_components_core.core.breakpoints import Breakpoints
+from reflex_base.event import (
+    EventType,
+    PointerEventInfo,
+)
+from reflex_base.components.component import Component
+from reflex_base.vars.base import Var
+from .base import ReactBitsComponent
+__all__ = [
+    "AccordionGallery",
+    "AnimatedList",
+    "BorderGlow",
+    "BounceCards",
+    "BubbleMenu",
+    "CardNav",
+    "CardSwap",
+    "CardSwapCard",
+    "Carousel",
+    "ChromaGrid",
+    "CircularGallery",
+    "Counter",
+    "CurvedInput",
+    "DecayCard",
+    "DepthCarousel",
+    "Dock",
+    "DomeGallery",
+    "DriftWall",
+    "ElasticSlider",
+    "FlowingMenu",
+    "FluidGlass",
+    "FlyingPosters",
+    "Folder",
+    "GlassIcons",
+    "GlassSurface",
+    "GooeyNav",
+    "InfiniteMenu",
+    "InfiniteSpiral",
+    "Lanyard",
+    "LineSidebar",
+    "MagicBento",
+    "Masonry",
+    "ModelViewer",
+    "MorphSlider",
+    "OptionWheel",
+    "PillNav",
+    "PixelCard",
+    "ProfileCard",
+    "ReflectiveCard",
+    "ScrollStack",
+    "ScrollStackItem",
+    "SpecularButton",
+    "SpotlightCard",
+    "Stack",
+    "StaggeredMenu",
+    "Step",
+    "Stepper",
+    "TiltedCard",
+    "accordion_gallery",
+    "animated_list",
+    "border_glow",
+    "bounce_cards",
+    "bubble_menu",
+    "card_nav",
+    "card_swap",
+    "card_swap_card",
+    "carousel",
+    "chroma_grid",
+    "circular_gallery",
+    "counter",
+    "curved_input",
+    "decay_card",
+    "depth_carousel",
+    "dock",
+    "dome_gallery",
+    "drift_wall",
+    "elastic_slider",
+    "flowing_menu",
+    "fluid_glass",
+    "flying_posters",
+    "folder",
+    "glass_icons",
+    "glass_surface",
+    "gooey_nav",
+    "infinite_menu",
+    "infinite_spiral",
+    "lanyard",
+    "line_sidebar",
+    "magic_bento",
+    "masonry",
+    "model_viewer",
+    "morph_slider",
+    "option_wheel",
+    "pill_nav",
+    "pixel_card",
+    "profile_card",
+    "reflective_card",
+    "scroll_stack",
+    "scroll_stack_item",
+    "specular_button",
+    "spotlight_card",
+    "stack",
+    "staggered_menu",
+    "step",
+    "stepper",
+    "tilted_card",
+]
+class AccordionGallery(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[Any]] | list[Any] | None = None,
+        default_index: Var[float | int] | float | int | None = None,
+        accent_color: Var[str] | str | None = None,
+        overlay_color: Var[str] | str | None = None,
+        text_color: Var[str] | str | None = None,
+        height: Var[float | int] | float | int | None = None,
+        gap: Var[float | int] | float | int | None = None,
+        radius: Var[float | int] | float | int | None = None,
+        expand_ratio: Var[float | int] | float | int | None = None,
+        orientation: Literal["horizontal", "vertical"]
+        | Var[Literal["horizontal", "vertical"]]
+        | None = None,
+        duration: Var[float | int] | float | int | None = None,
+        ease: Var[str] | str | None = None,
+        parallax: Var[float | int] | float | int | None = None,
+        tilt: Var[float | int] | float | int | None = None,
+        stagger: Var[float | int] | float | int | None = None,
+        trigger: Literal["click", "hover"] | Var[Literal["click", "hover"]] | None = None,
+        show_labels: Var[bool] | bool | None = None,
+        grayscale: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "AccordionGallery":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class AnimatedList(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[str]] | list[str] | None = None,
+        show_gradients: Var[bool] | bool | None = None,
+        enable_arrow_navigation: Var[bool] | bool | None = None,
+        item_class_name: Var[str] | str | None = None,
+        display_scrollbar: Var[bool] | bool | None = None,
+        initial_selected_index: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_item_select: Optional[EventType[Any]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "AnimatedList":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class BorderGlow(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        edge_sensitivity: Var[float | int] | float | int | None = None,
+        glow_color: Var[str] | str | None = None,
+        background_color: Var[str] | str | None = None,
+        border_radius: Var[float | int] | float | int | None = None,
+        glow_radius: Var[float | int] | float | int | None = None,
+        glow_intensity: Var[float | int] | float | int | None = None,
+        cone_spread: Var[float | int] | float | int | None = None,
+        animated: Var[bool] | bool | None = None,
+        colors: Var[list[str]] | list[str] | None = None,
+        fill_opacity: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "BorderGlow":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class BounceCards(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        images: Var[list[str]] | list[str] | None = None,
+        container_width: Var[float | int] | float | int | None = None,
+        container_height: Var[float | int] | float | int | None = None,
+        animation_delay: Var[float | int] | float | int | None = None,
+        animation_stagger: Var[float | int] | float | int | None = None,
+        ease_type: Var[str] | str | None = None,
+        transform_styles: Var[list[str]] | list[str] | None = None,
+        enable_hover: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "BounceCards":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class BubbleMenu(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        logo: Component | Var[Component | str] | str | None = None,
+        menu_aria_label: Var[str] | str | None = None,
+        menu_bg: Var[str] | str | None = None,
+        menu_content_color: Var[str] | str | None = None,
+        use_fixed_position: Var[bool] | bool | None = None,
+        items: Var[list[Any]] | list[Any] | None = None,
+        animation_ease: Var[str] | str | None = None,
+        animation_duration: Var[float | int] | float | int | None = None,
+        stagger_delay: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_menu_click: Optional[EventType[Any]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "BubbleMenu":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class CardNav(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        logo: Var[str] | str | None = None,
+        logo_alt: Var[str] | str | None = None,
+        items: Var[list[Any]] | list[Any] | None = None,
+        ease: Var[str] | str | None = None,
+        base_color: Var[str] | str | None = None,
+        menu_color: Var[str] | str | None = None,
+        button_bg_color: Var[str] | str | None = None,
+        button_text_color: Var[str] | str | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "CardNav":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class CardSwap(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        width: Var[float | int | str] | float | int | str | None = None,
+        height: Var[float | int | str] | float | int | str | None = None,
+        card_distance: Var[float | int] | float | int | None = None,
+        vertical_distance: Var[float | int] | float | int | None = None,
+        delay: Var[float | int] | float | int | None = None,
+        pause_on_hover: Var[bool] | bool | None = None,
+        skew_amount: Var[float | int] | float | int | None = None,
+        easing: Literal["elastic", "linear"] | Var[Literal["elastic", "linear"]] | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_card_click: Optional[EventType[Any]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "CardSwap":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class CardSwapCard(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        custom_class: Var[str] | str | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "CardSwapCard":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class Carousel(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[Any]] | list[Any] | None = None,
+        base_width: Var[float | int] | float | int | None = None,
+        autoplay: Var[bool] | bool | None = None,
+        autoplay_delay: Var[float | int] | float | int | None = None,
+        pause_on_hover: Var[bool] | bool | None = None,
+        loop: Var[bool] | bool | None = None,
+        round: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "Carousel":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class ChromaGrid(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[Any]] | list[Any] | None = None,
+        radius: Var[float | int] | float | int | None = None,
+        columns: Var[float | int] | float | int | None = None,
+        rows: Var[float | int] | float | int | None = None,
+        damping: Var[float | int] | float | int | None = None,
+        fade_out: Var[float | int] | float | int | None = None,
+        ease: Var[str] | str | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "ChromaGrid":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class CircularGallery(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[Any]] | list[Any] | None = None,
+        bend: Var[float | int] | float | int | None = None,
+        text_color: Var[str] | str | None = None,
+        border_radius: Var[float | int] | float | int | None = None,
+        font: Var[str] | str | None = None,
+        font_url: Var[str] | str | None = None,
+        scroll_speed: Var[float | int] | float | int | None = None,
+        scroll_ease: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "CircularGallery":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class Counter(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        value: Var[float | int] | float | int | None = None,
+        font_size: Var[float | int] | float | int | None = None,
+        padding: Var[float | int] | float | int | None = None,
+        places: Var[list[float | int]] | list[float | int] | None = None,
+        gap: Var[float | int] | float | int | None = None,
+        border_radius: Var[float | int] | float | int | None = None,
+        horizontal_padding: Var[float | int] | float | int | None = None,
+        text_color: Var[str] | str | None = None,
+        font_weight: Var[float | int | str] | float | int | str | None = None,
+        container_style: Var[dict[str, Any]] | dict[str, Any] | None = None,
+        counter_style: Var[dict[str, Any]] | dict[str, Any] | None = None,
+        digit_style: Var[dict[str, Any]] | dict[str, Any] | None = None,
+        gradient_height: Var[float | int] | float | int | None = None,
+        gradient_from: Var[str] | str | None = None,
+        gradient_to: Var[str] | str | None = None,
+        top_gradient_style: Var[dict[str, Any]] | dict[str, Any] | None = None,
+        bottom_gradient_style: Var[dict[str, Any]] | dict[str, Any] | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "Counter":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class CurvedInput(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        value: Var[str] | str | None = None,
+        default_value: Var[str] | str | None = None,
+        placeholder: Var[str] | str | None = None,
+        button_text: Var[str] | str | None = None,
+        type: Var[str] | str | None = None,
+        name: Var[str] | str | None = None,
+        aria_label: Var[str] | str | None = None,
+        theme: Literal["dark", "light"] | Var[Literal["dark", "light"]] | None = None,
+        width: Var[float | int | str] | float | int | str | None = None,
+        bend: Var[float | int] | float | int | None = None,
+        height: Var[float | int] | float | int | None = None,
+        corner_radius: Var[float | int] | float | int | None = None,
+        border_width: Var[float | int] | float | int | None = None,
+        font_size: Var[float | int] | float | int | None = None,
+        background_color: Var[str] | str | None = None,
+        text_color: Var[str] | str | None = None,
+        placeholder_color: Var[str] | str | None = None,
+        border_color: Var[str] | str | None = None,
+        button_color: Var[str] | str | None = None,
+        button_text_color: Var[str] | str | None = None,
+        icon_color: Var[str] | str | None = None,
+        shadow_size: Literal["lg", "md", "none", "sm"]
+        | Var[Literal["lg", "md", "none", "sm"]]
+        | None = None,
+        shadow_color: Var[str] | str | None = None,
+        show_button: Var[bool] | bool | None = None,
+        show_icon: Var[bool] | bool | None = None,
+        icon: Component | Var[Component | str] | str | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_change: Optional[EventType[Any]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_submit: Optional[EventType[Any]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "CurvedInput":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class DecayCard(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        width: Var[float | int] | float | int | None = None,
+        height: Var[float | int] | float | int | None = None,
+        image: Var[str] | str | None = None,
+        base_frequency: Var[float | int] | float | int | None = None,
+        num_octaves: Var[float | int] | float | int | None = None,
+        seed: Var[float | int] | float | int | None = None,
+        max_displacement: Var[float | int] | float | int | None = None,
+        movement_bound: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "DecayCard":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class DepthCarousel(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[Any]] | list[Any] | None = None,
+        card_width: Var[float | int] | float | int | None = None,
+        card_height: Var[float | int] | float | int | None = None,
+        radius: Var[float | int] | float | int | None = None,
+        tint: Var[str] | str | None = None,
+        depth: Var[float | int] | float | int | None = None,
+        spread: Var[float | int] | float | int | None = None,
+        tilt: Var[float | int] | float | int | None = None,
+        tilt_direction: Literal["left", "right"] | Var[Literal["left", "right"]] | None = None,
+        perspective: Var[float | int] | float | int | None = None,
+        visible_cards: Var[float | int] | float | int | None = None,
+        falloff: Var[float | int] | float | int | None = None,
+        blur: Var[float | int] | float | int | None = None,
+        duration: Var[float | int] | float | int | None = None,
+        ease: Var[str] | str | None = None,
+        autoplay: Var[bool] | bool | None = None,
+        autoplay_delay: Var[float | int] | float | int | None = None,
+        loop: Var[bool] | bool | None = None,
+        show_controls: Var[bool] | bool | None = None,
+        show_indicators: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_change: Optional[EventType[Any]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "DepthCarousel":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class Dock(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[Any]] | list[Any] | None = None,
+        spring: Var[dict[str, Any]] | dict[str, Any] | None = None,
+        magnification: Var[float | int] | float | int | None = None,
+        distance: Var[float | int] | float | int | None = None,
+        panel_height: Var[float | int] | float | int | None = None,
+        dock_height: Var[float | int] | float | int | None = None,
+        base_item_size: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "Dock":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class DomeGallery(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        images: Var[list[Any]] | list[Any] | None = None,
+        fit: Var[float | int] | float | int | None = None,
+        fit_basis: Literal["auto", "height", "max", "min", "width"]
+        | Var[Literal["auto", "height", "max", "min", "width"]]
+        | None = None,
+        min_radius: Var[float | int] | float | int | None = None,
+        max_radius: Var[float | int] | float | int | None = None,
+        pad_factor: Var[float | int] | float | int | None = None,
+        overlay_blur_color: Var[str] | str | None = None,
+        max_vertical_rotation_deg: Var[float | int] | float | int | None = None,
+        drag_sensitivity: Var[float | int] | float | int | None = None,
+        enlarge_transition_ms: Var[float | int] | float | int | None = None,
+        segments: Var[float | int] | float | int | None = None,
+        drag_dampening: Var[float | int] | float | int | None = None,
+        opened_image_width: Var[str] | str | None = None,
+        opened_image_height: Var[str] | str | None = None,
+        image_border_radius: Var[str] | str | None = None,
+        opened_image_border_radius: Var[str] | str | None = None,
+        grayscale: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "DomeGallery":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class DriftWall(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[Any]] | list[Any] | None = None,
+        columns: Var[float | int] | float | int | None = None,
+        tile_width: Var[float | int] | float | int | None = None,
+        tile_height: Var[float | int] | float | int | None = None,
+        gap: Var[float | int] | float | int | None = None,
+        radius: Var[float | int] | float | int | None = None,
+        tilt: Var[float | int] | float | int | None = None,
+        turn: Var[float | int] | float | int | None = None,
+        roll: Var[float | int] | float | int | None = None,
+        perspective: Var[float | int] | float | int | None = None,
+        depth: Var[float | int] | float | int | None = None,
+        speed: Var[float | int] | float | int | None = None,
+        direction: Literal["down", "up"] | Var[Literal["down", "up"]] | None = None,
+        variance: Var[float | int] | float | int | None = None,
+        parallax: Var[float | int] | float | int | None = None,
+        pause_on_hover: Var[bool] | bool | None = None,
+        lift: Var[float | int] | float | int | None = None,
+        fade: Var[float | int] | float | int | None = None,
+        dim: Var[float | int] | float | int | None = None,
+        grayscale: Var[bool] | bool | None = None,
+        overlay_color: Var[str] | str | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "DriftWall":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class ElasticSlider(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        default_value: Var[float | int] | float | int | None = None,
+        starting_value: Var[float | int] | float | int | None = None,
+        max_value: Var[float | int] | float | int | None = None,
+        is_stepped: Var[bool] | bool | None = None,
+        step_size: Var[float | int] | float | int | None = None,
+        left_icon: Component | Var[Component | str] | str | None = None,
+        right_icon: Component | Var[Component | str] | str | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "ElasticSlider":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class FlowingMenu(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[Any]] | list[Any] | None = None,
+        speed: Var[float | int] | float | int | None = None,
+        text_color: Var[str] | str | None = None,
+        bg_color: Var[str] | str | None = None,
+        marquee_bg_color: Var[str] | str | None = None,
+        marquee_text_color: Var[str] | str | None = None,
+        border_color: Var[str] | str | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "FlowingMenu":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class FluidGlass(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        mode: Var[str] | str | None = None,
+        lens_props: Var[dict[str, Any]] | dict[str, Any] | None = None,
+        bar_props: Var[dict[str, Any]] | dict[str, Any] | None = None,
+        cube_props: Var[dict[str, Any]] | dict[str, Any] | None = None,
+        background_color: Var[str] | str | None = None,
+        text_color: Var[str] | str | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "FluidGlass":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class FlyingPosters(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[str]] | list[str] | None = None,
+        plane_width: Var[float | int] | float | int | None = None,
+        plane_height: Var[float | int] | float | int | None = None,
+        distortion: Var[float | int] | float | int | None = None,
+        scroll_ease: Var[float | int] | float | int | None = None,
+        camera_fov: Var[float | int] | float | int | None = None,
+        camera_z: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "FlyingPosters":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class Folder(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        color: Var[str] | str | None = None,
+        size: Var[float | int] | float | int | None = None,
+        items: Var[list[Any]] | list[Any] | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "Folder":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class GlassIcons(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[Any]] | list[Any] | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "GlassIcons":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class GlassSurface(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        width: Var[float | int | str] | float | int | str | None = None,
+        height: Var[float | int | str] | float | int | str | None = None,
+        border_radius: Var[float | int] | float | int | None = None,
+        border_width: Var[float | int] | float | int | None = None,
+        brightness: Var[float | int] | float | int | None = None,
+        opacity: Var[float | int] | float | int | None = None,
+        blur: Var[float | int] | float | int | None = None,
+        displace: Var[float | int] | float | int | None = None,
+        background_opacity: Var[float | int] | float | int | None = None,
+        saturation: Var[float | int] | float | int | None = None,
+        distortion_scale: Var[float | int] | float | int | None = None,
+        red_offset: Var[float | int] | float | int | None = None,
+        green_offset: Var[float | int] | float | int | None = None,
+        blue_offset: Var[float | int] | float | int | None = None,
+        x_channel: Literal["B", "G", "R"] | Var[Literal["B", "G", "R"]] | None = None,
+        y_channel: Literal["B", "G", "R"] | Var[Literal["B", "G", "R"]] | None = None,
+        mix_blend_mode: Var[str] | str | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "GlassSurface":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class GooeyNav(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[Any]] | list[Any] | None = None,
+        animation_time: Var[float | int] | float | int | None = None,
+        particle_count: Var[float | int] | float | int | None = None,
+        particle_distances: Var[list[float | int]] | list[float | int] | None = None,
+        particle_r: Var[float | int] | float | int | None = None,
+        time_variance: Var[float | int] | float | int | None = None,
+        colors: Var[list[float | int]] | list[float | int] | None = None,
+        initial_active_index: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "GooeyNav":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class InfiniteMenu(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[Any]] | list[Any] | None = None,
+        scale: Var[float | int] | float | int | None = None,
+        background_color: Var[str] | str | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "InfiniteMenu":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class InfiniteSpiral(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[Any]] | list[Any] | None = None,
+        speed: Var[float | int] | float | int | None = None,
+        direction: Literal["down", "up"] | Var[Literal["down", "up"]] | None = None,
+        animation_mode: Literal["all", "auto", "drag", "scroll"]
+        | Var[Literal["all", "auto", "drag", "scroll"]]
+        | None = None,
+        radius: Var[float | int] | float | int | None = None,
+        card_width: Var[float | int] | float | int | None = None,
+        card_height: Var[float | int] | float | int | None = None,
+        vertical_spacing: Var[float | int] | float | int | None = None,
+        perspective: Var[float | int] | float | int | None = None,
+        cards_per_turn: Var[float | int] | float | int | None = None,
+        rotation: Var[float | int] | float | int | None = None,
+        card_tilt: Var[float | int] | float | int | None = None,
+        card_radius: Var[float | int] | float | int | None = None,
+        center_scale: Var[float | int] | float | int | None = None,
+        edge_fade: Var[float | int] | float | int | None = None,
+        edge_blur: Var[float | int] | float | int | None = None,
+        pause_on_hover: Var[bool] | bool | None = None,
+        image_fit: Literal["contain", "cover"] | Var[Literal["contain", "cover"]] | None = None,
+        grayscale: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "InfiniteSpiral":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class Lanyard(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        position: Var[list[Any]] | list[Any] | None = None,
+        gravity: Var[list[Any]] | list[Any] | None = None,
+        fov: Var[float | int] | float | int | None = None,
+        transparent: Var[bool] | bool | None = None,
+        front_image: Var[str] | str | None = None,
+        back_image: Var[str] | str | None = None,
+        image_fit: Literal["contain", "cover"] | Var[Literal["contain", "cover"]] | None = None,
+        lanyard_image: Var[str] | str | None = None,
+        lanyard_width: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "Lanyard":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class LineSidebar(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[str]] | list[str] | None = None,
+        accent_color: Var[str] | str | None = None,
+        text_color: Var[str] | str | None = None,
+        marker_color: Var[str] | str | None = None,
+        show_index: Var[bool] | bool | None = None,
+        show_marker: Var[bool] | bool | None = None,
+        proximity_radius: Var[float | int] | float | int | None = None,
+        max_shift: Var[float | int] | float | int | None = None,
+        falloff: Literal["linear", "sharp", "smooth"]
+        | Var[Literal["linear", "sharp", "smooth"]]
+        | None = None,
+        marker_length: Var[float | int] | float | int | None = None,
+        marker_gap: Var[float | int] | float | int | None = None,
+        tick_scale: Var[float | int] | float | int | None = None,
+        scale_tick: Var[bool] | bool | None = None,
+        item_gap: Var[float | int] | float | int | None = None,
+        font_size: Var[float | int] | float | int | None = None,
+        smoothing: Var[float | int] | float | int | None = None,
+        default_active: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_item_click: Optional[EventType[Any]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "LineSidebar":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class MagicBento(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        text_auto_hide: Var[bool] | bool | None = None,
+        enable_stars: Var[bool] | bool | None = None,
+        enable_spotlight: Var[bool] | bool | None = None,
+        enable_border_glow: Var[bool] | bool | None = None,
+        disable_animations: Var[bool] | bool | None = None,
+        spotlight_radius: Var[float | int] | float | int | None = None,
+        particle_count: Var[float | int] | float | int | None = None,
+        enable_tilt: Var[bool] | bool | None = None,
+        glow_color: Var[str] | str | None = None,
+        click_effect: Var[bool] | bool | None = None,
+        enable_magnetism: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "MagicBento":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class Masonry(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[Any]] | list[Any] | None = None,
+        ease: Var[str] | str | None = None,
+        duration: Var[float | int] | float | int | None = None,
+        stagger: Var[float | int] | float | int | None = None,
+        animate_from: Var[str] | str | None = None,
+        scale_on_hover: Var[bool] | bool | None = None,
+        hover_scale: Var[float | int] | float | int | None = None,
+        blur_to_focus: Var[bool] | bool | None = None,
+        color_shift_on_hover: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "Masonry":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class ModelViewer(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        url: Var[str] | str | None = None,
+        width: Var[float | int | str] | float | int | str | None = None,
+        height: Var[float | int | str] | float | int | str | None = None,
+        model_x_offset: Var[float | int] | float | int | None = None,
+        model_y_offset: Var[float | int] | float | int | None = None,
+        default_rotation_x: Var[float | int] | float | int | None = None,
+        default_rotation_y: Var[float | int] | float | int | None = None,
+        default_zoom: Var[float | int] | float | int | None = None,
+        min_zoom_distance: Var[float | int] | float | int | None = None,
+        max_zoom_distance: Var[float | int] | float | int | None = None,
+        enable_mouse_parallax: Var[bool] | bool | None = None,
+        enable_manual_rotation: Var[bool] | bool | None = None,
+        enable_hover_rotation: Var[bool] | bool | None = None,
+        enable_manual_zoom: Var[bool] | bool | None = None,
+        ambient_intensity: Var[float | int] | float | int | None = None,
+        key_light_intensity: Var[float | int] | float | int | None = None,
+        fill_light_intensity: Var[float | int] | float | int | None = None,
+        rim_light_intensity: Var[float | int] | float | int | None = None,
+        environment_preset: Var[str] | str | None = None,
+        auto_frame: Var[bool] | bool | None = None,
+        placeholder_src: Var[str] | str | None = None,
+        show_screenshot_button: Var[bool] | bool | None = None,
+        fade_in: Var[bool] | bool | None = None,
+        auto_rotate: Var[bool] | bool | None = None,
+        auto_rotate_speed: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_model_loaded: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "ModelViewer":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class MorphSlider(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[Any]] | list[Any] | None = None,
+        start_index: Var[float | int] | float | int | None = None,
+        transition: Literal["melt", "ripple", "shear", "swirl"]
+        | Var[Literal["melt", "ripple", "shear", "swirl"]]
+        | None = None,
+        duration: Var[float | int] | float | int | None = None,
+        ease: Var[str] | str | None = None,
+        intensity: Var[float | int] | float | int | None = None,
+        scale: Var[float | int] | float | int | None = None,
+        aberration: Var[float | int] | float | int | None = None,
+        drift: Var[float | int] | float | int | None = None,
+        autoplay: Var[bool] | bool | None = None,
+        autoplay_delay: Var[float | int] | float | int | None = None,
+        loop: Var[bool] | bool | None = None,
+        radius: Var[float | int] | float | int | None = None,
+        overlay_color: Var[str] | str | None = None,
+        show_captions: Var[bool] | bool | None = None,
+        show_controls: Var[bool] | bool | None = None,
+        show_indicators: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "MorphSlider":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class OptionWheel(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        items: Var[list[str]] | list[str] | None = None,
+        default_selected: Var[float | int] | float | int | None = None,
+        text_color: Var[str] | str | None = None,
+        active_color: Var[str] | str | None = None,
+        side: Literal["left", "right"] | Var[Literal["left", "right"]] | None = None,
+        font_size: Var[float | int] | float | int | None = None,
+        spacing: Var[float | int] | float | int | None = None,
+        curve: Var[float | int] | float | int | None = None,
+        tilt: Var[float | int] | float | int | None = None,
+        blur: Var[float | int] | float | int | None = None,
+        fade: Var[float | int] | float | int | None = None,
+        min_opacity: Var[float | int] | float | int | None = None,
+        smoothing: Var[float | int] | float | int | None = None,
+        inset: Var[float | int] | float | int | None = None,
+        loop: Var[bool] | bool | None = None,
+        draggable: Var[bool] | bool | None = None,
+        sound_url: Var[str] | str | None = None,
+        sound_volume: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_change: Optional[EventType[Any]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "OptionWheel":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class PillNav(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        logo: Var[str] | str | None = None,
+        logo_alt: Var[str] | str | None = None,
+        items: Var[list[Any]] | list[Any] | None = None,
+        active_href: Var[str] | str | None = None,
+        ease: Var[str] | str | None = None,
+        base_color: Var[str] | str | None = None,
+        pill_color: Var[str] | str | None = None,
+        hovered_pill_text_color: Var[str] | str | None = None,
+        pill_text_color: Var[str] | str | None = None,
+        initial_load_animation: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mobile_menu_click: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "PillNav":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class PixelCard(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        variant: Var[str] | str | None = None,
+        gap: Var[float | int] | float | int | None = None,
+        speed: Var[float | int] | float | int | None = None,
+        colors: Var[str] | str | None = None,
+        no_focus: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "PixelCard":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class ProfileCard(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        avatar_url: Var[str] | str | None = None,
+        icon_url: Var[str] | str | None = None,
+        grain_url: Var[str] | str | None = None,
+        inner_gradient: Var[str] | str | None = None,
+        behind_glow_enabled: Var[bool] | bool | None = None,
+        behind_glow_color: Var[str] | str | None = None,
+        behind_glow_size: Var[str] | str | None = None,
+        enable_tilt: Var[bool] | bool | None = None,
+        enable_mobile_tilt: Var[bool] | bool | None = None,
+        mobile_tilt_sensitivity: Var[float | int] | float | int | None = None,
+        mini_avatar_url: Var[str] | str | None = None,
+        name: Var[str] | str | None = None,
+        title: Var[str] | str | None = None,
+        handle: Var[str] | str | None = None,
+        status: Var[str] | str | None = None,
+        contact_text: Var[str] | str | None = None,
+        show_user_info: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_contact_click: Optional[EventType[()]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "ProfileCard":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class ReflectiveCard(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        blur_strength: Var[float | int] | float | int | None = None,
+        color: Var[str] | str | None = None,
+        metalness: Var[float | int] | float | int | None = None,
+        roughness: Var[float | int] | float | int | None = None,
+        overlay_color: Var[str] | str | None = None,
+        displacement_strength: Var[float | int] | float | int | None = None,
+        noise_scale: Var[float | int] | float | int | None = None,
+        specular_constant: Var[float | int] | float | int | None = None,
+        grayscale: Var[float | int] | float | int | None = None,
+        glass_distortion: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "ReflectiveCard":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class ScrollStack(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        item_distance: Var[float | int] | float | int | None = None,
+        item_scale: Var[float | int] | float | int | None = None,
+        item_stack_distance: Var[float | int] | float | int | None = None,
+        stack_position: Var[str] | str | None = None,
+        scale_end_position: Var[str] | str | None = None,
+        base_scale: Var[float | int] | float | int | None = None,
+        scale_duration: Var[float | int] | float | int | None = None,
+        rotation_amount: Var[float | int] | float | int | None = None,
+        blur_amount: Var[float | int] | float | int | None = None,
+        use_window_scroll: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_stack_complete: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "ScrollStack":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class ScrollStackItem(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        item_class_name: Var[str] | str | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "ScrollStackItem":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class SpecularButton(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        size: Literal["lg", "md", "sm"] | Var[Literal["lg", "md", "sm"]] | None = None,
+        radius: Var[float | int] | float | int | None = None,
+        tint: Var[str] | str | None = None,
+        tint_opacity: Var[float | int] | float | int | None = None,
+        blur: Var[float | int] | float | int | None = None,
+        text_color: Var[str] | str | None = None,
+        line_color: Var[str] | str | None = None,
+        base_color: Var[str] | str | None = None,
+        intensity: Var[float | int] | float | int | None = None,
+        shine_size: Var[float | int] | float | int | None = None,
+        shine_fade: Var[float | int] | float | int | None = None,
+        thickness: Var[float | int] | float | int | None = None,
+        speed: Var[float | int] | float | int | None = None,
+        follow_mouse: Var[bool] | bool | None = None,
+        proximity: Var[float | int] | float | int | None = None,
+        auto_animate: Var[bool] | bool | None = None,
+        disabled: Var[bool] | bool | None = None,
+        type: Literal["button", "reset", "submit"]
+        | Var[Literal["button", "reset", "submit"]]
+        | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "SpecularButton":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class SpotlightCard(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        spotlight_color: Var[str] | str | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "SpotlightCard":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class Stack(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        random_rotation: Var[bool] | bool | None = None,
+        sensitivity: Var[float | int] | float | int | None = None,
+        cards: Var[list[Any]] | list[Any] | None = None,
+        animation_config: Var[dict[str, Any]] | dict[str, Any] | None = None,
+        send_to_back_on_click: Var[bool] | bool | None = None,
+        autoplay: Var[bool] | bool | None = None,
+        autoplay_delay: Var[float | int] | float | int | None = None,
+        pause_on_hover: Var[bool] | bool | None = None,
+        mobile_click_only: Var[bool] | bool | None = None,
+        mobile_breakpoint: Var[float | int] | float | int | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "Stack":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class StaggeredMenu(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        position: Literal["left", "right"] | Var[Literal["left", "right"]] | None = None,
+        colors: Var[list[str]] | list[str] | None = None,
+        items: Var[list[Any]] | list[Any] | None = None,
+        social_items: Var[list[Any]] | list[Any] | None = None,
+        display_socials: Var[bool] | bool | None = None,
+        display_item_numbering: Var[bool] | bool | None = None,
+        logo_url: Var[str] | str | None = None,
+        menu_button_color: Var[str] | str | None = None,
+        open_menu_button_color: Var[str] | str | None = None,
+        accent_color: Var[str] | str | None = None,
+        change_menu_color_on_open: Var[bool] | bool | None = None,
+        is_fixed: Var[bool] | bool | None = None,
+        close_on_click_away: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_menu_close: Optional[EventType[()]] = None,
+        on_menu_open: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "StaggeredMenu":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class Stepper(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        initial_step: Var[float | int] | float | int | None = None,
+        step_circle_container_class_name: Var[str] | str | None = None,
+        step_container_class_name: Var[str] | str | None = None,
+        content_class_name: Var[str] | str | None = None,
+        footer_class_name: Var[str] | str | None = None,
+        back_button_props: Var[dict[str, Any]] | dict[str, Any] | None = None,
+        next_button_props: Var[dict[str, Any]] | dict[str, Any] | None = None,
+        back_button_text: Var[str] | str | None = None,
+        next_button_text: Var[str] | str | None = None,
+        disable_step_indicators: Var[bool] | bool | None = None,
+        render_step_indicator: Var[dict[str, Any]] | dict[str, Any] | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_final_step_completed: Optional[EventType[()]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_step_change: Optional[EventType[Any]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "Stepper":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class Step(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "Step":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+class TiltedCard(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        image_src: Var[str] | str | None = None,
+        alt_text: Var[str] | str | None = None,
+        caption_text: Var[str] | str | None = None,
+        container_height: Var[str] | str | None = None,
+        container_width: Var[str] | str | None = None,
+        image_height: Var[str] | str | None = None,
+        image_width: Var[str] | str | None = None,
+        scale_on_hover: Var[float | int] | float | int | None = None,
+        rotate_amplitude: Var[float | int] | float | int | None = None,
+        show_mobile_warning: Var[bool] | bool | None = None,
+        show_tooltip: Var[bool] | bool | None = None,
+        overlay_content: Component | Var[Component | str] | str | None = None,
+        display_overlay_content: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Any | Var] | None = None,
+        on_blur: Optional[EventType[()]] = None,
+        on_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_context_menu: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_double_click: Optional[EventType[()] | EventType[PointerEventInfo]] = None,
+        on_focus: Optional[EventType[()]] = None,
+        on_mount: Optional[EventType[()]] = None,
+        on_mouse_down: Optional[EventType[()]] = None,
+        on_mouse_enter: Optional[EventType[()]] = None,
+        on_mouse_leave: Optional[EventType[()]] = None,
+        on_mouse_move: Optional[EventType[()]] = None,
+        on_mouse_out: Optional[EventType[()]] = None,
+        on_mouse_over: Optional[EventType[()]] = None,
+        on_mouse_up: Optional[EventType[()]] = None,
+        on_scroll: Optional[EventType[()]] = None,
+        on_scroll_end: Optional[EventType[()]] = None,
+        on_unmount: Optional[EventType[()]] = None,
+        **props,
+    ) -> "TiltedCard":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+accordion_gallery = AccordionGallery.create
+animated_list = AnimatedList.create
+border_glow = BorderGlow.create
+bounce_cards = BounceCards.create
+bubble_menu = BubbleMenu.create
+card_nav = CardNav.create
+card_swap = CardSwap.create
+card_swap_card = CardSwapCard.create
+carousel = Carousel.create
+chroma_grid = ChromaGrid.create
+circular_gallery = CircularGallery.create
+counter = Counter.create
+curved_input = CurvedInput.create
+decay_card = DecayCard.create
+depth_carousel = DepthCarousel.create
+dock = Dock.create
+dome_gallery = DomeGallery.create
+drift_wall = DriftWall.create
+elastic_slider = ElasticSlider.create
+flowing_menu = FlowingMenu.create
+fluid_glass = FluidGlass.create
+flying_posters = FlyingPosters.create
+folder = Folder.create
+glass_icons = GlassIcons.create
+glass_surface = GlassSurface.create
+gooey_nav = GooeyNav.create
+infinite_menu = InfiniteMenu.create
+infinite_spiral = InfiniteSpiral.create
+lanyard = Lanyard.create
+line_sidebar = LineSidebar.create
+magic_bento = MagicBento.create
+masonry = Masonry.create
+model_viewer = ModelViewer.create
+morph_slider = MorphSlider.create
+option_wheel = OptionWheel.create
+pill_nav = PillNav.create
+pixel_card = PixelCard.create
+profile_card = ProfileCard.create
+reflective_card = ReflectiveCard.create
+scroll_stack = ScrollStack.create
+scroll_stack_item = ScrollStackItem.create
+specular_button = SpecularButton.create
+spotlight_card = SpotlightCard.create
+stack = Stack.create
+staggered_menu = StaggeredMenu.create
+stepper = Stepper.create
+step = Step.create
+tilted_card = TiltedCard.create