reflex-reactbits 0.2.0__py3-none-any.whl → 0.2.1__py3-none-any.whl

reflex_reactbits/__init__.py

@@ -9,4 +9,4 @@ from .micro import *
 from .source import ensure_component_source
 from .text_animations import *
 
-__all__ = ['CATALOG', 'ASCIIText', 'AccordionGallery', 'AcidSquares', 'AeroShards', 'AnimatedContent', 'AnimatedList', 'Antigravity', 'Aurora', 'Balatro', 'Ballpit', 'Beams', 'BellToggle', 'BlobCursor', 'BlurText', 'BorderGlow', 'BounceCards', 'BranchedMenu', 'BubbleMenu', 'CRTWarp', 'CallChip', 'CardNav', 'CardSwap', 'CardSwapCard', 'Carousel', 'ChromaGrid', 'CircularCarousel', 'CircularGallery', 'CircularText', 'ClickSpark', 'CodeSlots', 'ColorBends', 'CometDial', 'CountUp', 'Counter', 'Crosshair', 'CrystalizedBall', 'Cubes', 'CursorGrid', 'CurvedInput', 'CurvedLoop', 'DarkVeil', 'DecayCard', 'DecryptedText', 'DepthCarousel', 'DepthText', 'Dither', 'DitherVeil', 'Dock', 'DodgeField', 'DomeGallery', 'DotField', 'DotGrid', 'DriftWall', 'EchoText', 'ElasticMesh', 'ElasticSlider', 'ElectricBorder', 'ElectricLogo', 'EvilEye', 'FadeContent', 'FallingText', 'FaultyTerminal', 'Ferrofluid', 'FlexCarousel', 'FlipCard', 'FloatingLines', 'FlowingMenu', 'FluidGlass', 'FluxLines', 'FlyingPosters', 'FoldText', 'Folder', 'FolderFloat', 'FuseButton', 'FuzzyText', 'Galaxy', 'GhostCursor', 'GhostFibers', 'GlareHover', 'GlassIcons', 'GlassSurface', 'GlideSelect', 'GlitchText', 'GlowCursor', 'GooeyNav', 'GradientASCII', 'GradientBlinds', 'GradientText', 'GradientWaves', 'GradualBlur', 'Grainient', 'GridDistortion', 'GridMotion', 'GridScan', 'HalftoneReveal', 'HoldButton', 'HoloCard', 'Hyperspeed', 'ImageTrail', 'InfiniteMenu', 'InfiniteSpiral', 'Iridescence', 'JellyRadio', 'Lanyard', 'LaserFlow', 'LatticeLoader', 'LetterGlitch', 'LightPillar', 'LightRays', 'LightTunnel', 'Lightfall', 'Lightning', 'LineSidebar', 'LineWaves', 'LiquidChrome', 'LiquidEther', 'LogoLoop', 'MagicBento', 'MagicRings', 'Magnet', 'MagnetLines', 'MaskedHeading', 'Masonry', 'MetaBalls', 'MetallicPaint', 'MicroSlats', 'ModelViewer', 'MoltenMetal', 'MorphSlider', 'Noise', 'OptionWheel', 'Orb', 'OrbitImages', 'PaperCrumple', 'ParticleText', 'Particles', 'PatternWaves', 'PeekRating', 'PillNav', 'PixelBlast', 'PixelCard', 'PixelSnow', 'PixelSwap', 'PixelTrail', 'PixelTransition', 'Plasma', 'PlasmaWave', 'Prism', 'PrismaticBurst', 'ProfileCard', 'PromptBar', 'PulseHeart', 'Radar', 'ReactBitsComponent', 'RefineFrame', 'ReflectiveCard', 'Ribbons', 'RippleDistortion', 'RippleGrid', 'RotatingText', 'RubberSegment', 'Scanner', 'ScrambledText', 'ScrollExpand', 'ScrollFloat', 'ScrollReveal', 'ScrollStack', 'ScrollStackItem', 'ScrollVelocity', 'ScrubField', 'ShapeBlur', 'ShapeGrid', 'ShapeWaves', 'ShinyText', 'Shredder', 'Shuffle', 'SideRays', 'Silk', 'SlicedWaves', 'SlideCommit', 'SlingButton', 'SloshGauge', 'SoftAurora', 'SpecularButton', 'SplashCursor', 'SplitFlapText', 'SplitText', 'SpotlightCard', 'SpringCheck', 'SquishSwitch', 'Stack', 'StaggeredMenu', 'StarBorder', 'StatusMark', 'Step', 'Stepper', 'StickerPeel', 'Strands', 'StrokeText', 'SwarmCursor', 'SwipeRow', 'SwipeToast', 'TargetCursor', 'TearTicket', 'TechText', 'TextCursor', 'TextLoop', 'TextPressure', 'TextType', 'ThoughtLine', 'Threads', 'TiltedCard', 'TiltedCardLayer', 'Topography', 'TrueFocus', 'VariableProximity', 'VoicePill', 'WakeSlider', 'WarmTooltip', 'WarmTooltipGroup', 'WarpText', 'Waves', 'WebThreads', 'accordion_gallery', 'acid_squares', 'aero_shards', 'animated_content', 'animated_list', 'antigravity', 'ascii_text', 'aurora', 'balatro', 'ballpit', 'beams', 'bell_toggle', 'blob_cursor', 'blur_text', 'border_glow', 'bounce_cards', 'branched_menu', 'bubble_menu', 'call_chip', 'card_nav', 'card_swap', 'card_swap_card', 'carousel', 'chroma_grid', 'circular_carousel', 'circular_gallery', 'circular_text', 'click_spark', 'code_slots', 'color_bends', 'comet_dial', 'count_up', 'counter', 'crosshair', 'crt_warp', 'crystalized_ball', 'cubes', 'cursor_grid', 'curved_input', 'curved_loop', 'dark_veil', 'decay_card', 'decrypted_text', 'depth_carousel', 'depth_text', 'dither', 'dither_veil', 'dock', 'dodge_field', 'dome_gallery', 'dot_field', 'dot_grid', 'drift_wall', 'echo_text', 'elastic_mesh', 'elastic_slider', 'electric_border', 'electric_logo', 'ensure_component_source', 'evil_eye', 'fade_content', 'falling_text', 'faulty_terminal', 'ferrofluid', 'find_component', 'flex_carousel', 'flip_card', 'floating_lines', 'flowing_menu', 'fluid_glass', 'flux_lines', 'flying_posters', 'fold_text', 'folder', 'folder_float', 'fuse_button', 'fuzzy_text', 'galaxy', 'ghost_cursor', 'ghost_fibers', 'glare_hover', 'glass_icons', 'glass_surface', 'glide_select', 'glitch_text', 'glow_cursor', 'gooey_nav', 'gradient_ascii', 'gradient_blinds', 'gradient_text', 'gradient_waves', 'gradual_blur', 'grainient', 'grid_distortion', 'grid_motion', 'grid_scan', 'halftone_reveal', 'hold_button', 'holo_card', 'hyperspeed', 'image_trail', 'infinite_menu', 'infinite_spiral', 'iridescence', 'jelly_radio', 'lanyard', 'laser_flow', 'lattice_loader', 'letter_glitch', 'light_pillar', 'light_rays', 'light_tunnel', 'lightfall', 'lightning', 'line_sidebar', 'line_waves', 'liquid_chrome', 'liquid_ether', 'logo_loop', 'magic_bento', 'magic_rings', 'magnet', 'magnet_lines', 'masked_heading', 'masonry', 'meta_balls', 'metallic_paint', 'micro_slats', 'model_viewer', 'molten_metal', 'morph_slider', 'noise', 'option_wheel', 'orb', 'orbit_images', 'paper_crumple', 'particle_text', 'particles', 'pattern_waves', 'peek_rating', 'pill_nav', 'pixel_blast', 'pixel_card', 'pixel_snow', 'pixel_swap', 'pixel_trail', 'pixel_transition', 'plasma', 'plasma_wave', 'prism', 'prismatic_burst', 'profile_card', 'prompt_bar', 'pulse_heart', 'radar', 'refine_frame', 'reflective_card', 'ribbons', 'ripple_distortion', 'ripple_grid', 'rotating_text', 'rubber_segment', 'scanner', 'scrambled_text', 'scroll_expand', 'scroll_float', 'scroll_reveal', 'scroll_stack', 'scroll_stack_item', 'scroll_velocity', 'scrub_field', 'shape_blur', 'shape_grid', 'shape_waves', 'shiny_text', 'shredder', 'shuffle', 'side_rays', 'silk', 'sliced_waves', 'slide_commit', 'sling_button', 'slosh_gauge', 'soft_aurora', 'specular_button', 'splash_cursor', 'split_flap_text', 'split_text', 'spotlight_card', 'spring_check', 'squish_switch', 'stack', 'staggered_menu', 'star_border', 'status_mark', 'step', 'stepper', 'sticker_peel', 'strands', 'stroke_text', 'swarm_cursor', 'swipe_row', 'swipe_toast', 'target_cursor', 'tear_ticket', 'tech_text', 'text_cursor', 'text_loop', 'text_pressure', 'text_type', 'thought_line', 'threads', 'tilted_card', 'tilted_card_layer', 'topography', 'true_focus', 'variable_proximity', 'voice_pill', 'wake_slider', 'warm_tooltip', 'warm_tooltip_group', 'warp_text', 'waves', 'web_threads']
+__all__ = ['CATALOG', 'ASCIIText', 'AccordionGallery', 'AcidSquares', 'AeroShards', 'AnimatedContent', 'AnimatedList', 'Antigravity', 'Aurora', 'Balatro', 'Ballpit', 'Beams', 'BellToggle', 'BlobCursor', 'BlurText', 'BorderGlow', 'BounceCards', 'BranchedMenu', 'BubbleMenu', 'CRTWarp', 'CallChip', 'CardNav', 'CardSwap', 'CardSwapCard', 'Carousel', 'ChromaGrid', 'CircularCarousel', 'CircularGallery', 'CircularText', 'ClickSpark', 'CodeSlots', 'ColorBends', 'CometDial', 'CountUp', 'Counter', 'Crosshair', 'CrystalizedBall', 'Cubes', 'CursorGrid', 'CurvedInput', 'CurvedLoop', 'DarkVeil', 'DecayCard', 'DecryptedText', 'DepthCarousel', 'DepthText', 'Dither', 'DitherVeil', 'Dock', 'DodgeField', 'DomeGallery', 'DotField', 'DotGrid', 'DriftWall', 'EchoText', 'ElasticMesh', 'ElasticSlider', 'ElectricBorder', 'ElectricLogo', 'EvilEye', 'FadeContent', 'FallingText', 'FaultyTerminal', 'Ferrofluid', 'FlexCarousel', 'FlipCard', 'FloatingLines', 'FlowingMenu', 'FluidGlass', 'FluxLines', 'FlyingButton', 'FlyingPosters', 'FoldText', 'Folder', 'FolderFloat', 'FuseButton', 'FuzzyText', 'Galaxy', 'GhostCursor', 'GhostFibers', 'GlareHover', 'GlassIcons', 'GlassSurface', 'GlideSelect', 'GlitchText', 'GlowCursor', 'GooeyNav', 'GradientASCII', 'GradientBlinds', 'GradientText', 'GradientWaves', 'GradualBlur', 'Grainient', 'GridDistortion', 'GridMotion', 'GridScan', 'HalftoneReveal', 'HoldButton', 'HoloCard', 'Hyperspeed', 'ImageTrail', 'InfiniteMenu', 'InfiniteSpiral', 'Iridescence', 'JellyRadio', 'Lanyard', 'LaserFlow', 'LatticeLoader', 'LetterGlitch', 'LightPillar', 'LightRays', 'LightTunnel', 'Lightfall', 'Lightning', 'LineSidebar', 'LineWaves', 'LiquidChrome', 'LiquidEther', 'LogoLoop', 'MagicBento', 'MagicRings', 'Magnet', 'MagnetLines', 'MaskedHeading', 'Masonry', 'MetaBalls', 'MetallicPaint', 'MicroSlats', 'ModelViewer', 'MoltenMetal', 'MorphSlider', 'Noise', 'OptionWheel', 'Orb', 'OrbitImages', 'PaperCrumple', 'ParticleText', 'Particles', 'PatternWaves', 'PeekRating', 'PillNav', 'PixelBlast', 'PixelCard', 'PixelSnow', 'PixelSwap', 'PixelTrail', 'PixelTransition', 'Plasma', 'PlasmaWave', 'Prism', 'PrismaticBurst', 'ProfileCard', 'PromptBar', 'PulseHeart', 'Radar', 'ReactBitsComponent', 'RefineFrame', 'ReflectiveCard', 'Ribbons', 'RippleDistortion', 'RippleGrid', 'RotatingText', 'RubberSegment', 'Scanner', 'ScrambledText', 'ScrollExpand', 'ScrollFloat', 'ScrollReveal', 'ScrollStack', 'ScrollStackItem', 'ScrollVelocity', 'ScrubField', 'ShapeBlur', 'ShapeGrid', 'ShapeWaves', 'ShinyText', 'Shredder', 'Shuffle', 'SideRays', 'Silk', 'SlicedWaves', 'SlideCommit', 'SlingButton', 'SloshGauge', 'SoftAurora', 'SpecularButton', 'SplashCursor', 'SplitFlapText', 'SplitText', 'SpotlightCard', 'SpringCheck', 'SquishSwitch', 'Stack', 'StaggeredMenu', 'StarBorder', 'StatusMark', 'Step', 'Stepper', 'StickerPeel', 'Strands', 'StrokeText', 'SwarmCursor', 'SwipeRow', 'SwipeToast', 'TargetCursor', 'TearTicket', 'TechText', 'TextCursor', 'TextLoop', 'TextPressure', 'TextType', 'ThoughtLine', 'Threads', 'TiltedCard', 'TiltedCardLayer', 'Topography', 'TrueFocus', 'VariableProximity', 'VoicePill', 'WakeSlider', 'WarmTooltip', 'WarmTooltipGroup', 'WarpText', 'Waves', 'WebThreads', 'accordion_gallery', 'acid_squares', 'aero_shards', 'animated_content', 'animated_list', 'antigravity', 'ascii_text', 'aurora', 'balatro', 'ballpit', 'beams', 'bell_toggle', 'blob_cursor', 'blur_text', 'border_glow', 'bounce_cards', 'branched_menu', 'bubble_menu', 'call_chip', 'card_nav', 'card_swap', 'card_swap_card', 'carousel', 'chroma_grid', 'circular_carousel', 'circular_gallery', 'circular_text', 'click_spark', 'code_slots', 'color_bends', 'comet_dial', 'count_up', 'counter', 'crosshair', 'crt_warp', 'crystalized_ball', 'cubes', 'cursor_grid', 'curved_input', 'curved_loop', 'dark_veil', 'decay_card', 'decrypted_text', 'depth_carousel', 'depth_text', 'dither', 'dither_veil', 'dock', 'dodge_field', 'dome_gallery', 'dot_field', 'dot_grid', 'drift_wall', 'echo_text', 'elastic_mesh', 'elastic_slider', 'electric_border', 'electric_logo', 'ensure_component_source', 'evil_eye', 'fade_content', 'falling_text', 'faulty_terminal', 'ferrofluid', 'find_component', 'flex_carousel', 'flip_card', 'floating_lines', 'flowing_menu', 'fluid_glass', 'flux_lines', 'flying_button', 'flying_posters', 'fold_text', 'folder', 'folder_float', 'fuse_button', 'fuzzy_text', 'galaxy', 'ghost_cursor', 'ghost_fibers', 'glare_hover', 'glass_icons', 'glass_surface', 'glide_select', 'glitch_text', 'glow_cursor', 'gooey_nav', 'gradient_ascii', 'gradient_blinds', 'gradient_text', 'gradient_waves', 'gradual_blur', 'grainient', 'grid_distortion', 'grid_motion', 'grid_scan', 'halftone_reveal', 'hold_button', 'holo_card', 'hyperspeed', 'image_trail', 'infinite_menu', 'infinite_spiral', 'iridescence', 'jelly_radio', 'lanyard', 'laser_flow', 'lattice_loader', 'letter_glitch', 'light_pillar', 'light_rays', 'light_tunnel', 'lightfall', 'lightning', 'line_sidebar', 'line_waves', 'liquid_chrome', 'liquid_ether', 'logo_loop', 'magic_bento', 'magic_rings', 'magnet', 'magnet_lines', 'masked_heading', 'masonry', 'meta_balls', 'metallic_paint', 'micro_slats', 'model_viewer', 'molten_metal', 'morph_slider', 'noise', 'option_wheel', 'orb', 'orbit_images', 'paper_crumple', 'particle_text', 'particles', 'pattern_waves', 'peek_rating', 'pill_nav', 'pixel_blast', 'pixel_card', 'pixel_snow', 'pixel_swap', 'pixel_trail', 'pixel_transition', 'plasma', 'plasma_wave', 'prism', 'prismatic_burst', 'profile_card', 'prompt_bar', 'pulse_heart', 'radar', 'refine_frame', 'reflective_card', 'ribbons', 'ripple_distortion', 'ripple_grid', 'rotating_text', 'rubber_segment', 'scanner', 'scrambled_text', 'scroll_expand', 'scroll_float', 'scroll_reveal', 'scroll_stack', 'scroll_stack_item', 'scroll_velocity', 'scrub_field', 'shape_blur', 'shape_grid', 'shape_waves', 'shiny_text', 'shredder', 'shuffle', 'side_rays', 'silk', 'sliced_waves', 'slide_commit', 'sling_button', 'slosh_gauge', 'soft_aurora', 'specular_button', 'splash_cursor', 'split_flap_text', 'split_text', 'spotlight_card', 'spring_check', 'squish_switch', 'stack', 'staggered_menu', 'star_border', 'status_mark', 'step', 'stepper', 'sticker_peel', 'strands', 'stroke_text', 'swarm_cursor', 'swipe_row', 'swipe_toast', 'target_cursor', 'tear_ticket', 'tech_text', 'text_cursor', 'text_loop', 'text_pressure', 'text_type', 'thought_line', 'threads', 'tilted_card', 'tilted_card_layer', 'topography', 'true_focus', 'variable_proximity', 'voice_pill', 'wake_slider', 'warm_tooltip', 'warm_tooltip_group', 'warp_text', 'waves', 'web_threads']

reflex_reactbits/catalog.json

@@ -34693,6 +34693,165 @@
   },
   "module": "micro"
  },
+ {
+  "class": "FlyingButton",
+  "factory": "flying_button",
+  "category": "Micro",
+  "name": "FlyingButton",
+  "description": "Button that fires its thrusters on hover, lifts off on a WebGL smoke plume and lands back in its own cloud.",
+  "docs_url": "https://reactbits.dev/micro/flying-button",
+  "npm": [],
+  "props": [
+   {
+    "name": "theme",
+    "js": "theme",
+    "type": "Literal[\"dark\", \"light\"]",
+    "default": "'dark'",
+    "description": "Shades the smoke for a dark or a light page and picks the matching default colours."
+   },
+   {
+    "name": "size",
+    "js": "size",
+    "type": "Literal[\"small\", \"medium\", \"large\", \"extra-large\"]",
+    "default": "'medium'",
+    "description": "Button size. The pods, jets, flames and smoke scale with it."
+   },
+   {
+    "name": "radius",
+    "js": "radius",
+    "type": "int | float",
+    "default": "undefined",
+    "description": "Corner radius in pixels. Fully rounded when unset."
+   },
+   {
+    "name": "altitude",
+    "js": "altitude",
+    "type": "int | float",
+    "default": "170",
+    "description": "How high the button climbs, in pixels. Capped by the container height."
+   },
+   {
+    "name": "hover_time",
+    "js": "hoverTime",
+    "type": "int | float",
+    "default": "2.4",
+    "description": "Seconds it hovers at altitude before it comes back down and lands."
+   },
+   {
+    "name": "jets",
+    "js": "jets",
+    "type": "int | float",
+    "default": "2",
+    "description": "Number of exhaust jets under the button, from 1 to 4."
+   },
+   {
+    "name": "thrusters",
+    "js": "thrusters",
+    "type": "bool",
+    "default": "true",
+    "description": "Shows thruster pods under the button. Off, the jets fire straight out of its underside."
+   },
+   {
+    "name": "trigger",
+    "js": "trigger",
+    "type": "Literal[\"hover\", \"click\"]",
+    "default": "'hover'",
+    "description": "Whether hovering or clicking starts the flight. Touch always starts it on tap. With the ramp on, a click starts the ride instead."
+   },
+   {
+    "name": "carry_cursor",
+    "js": "carryCursor",
+    "type": "bool",
+    "default": "true",
+    "description": "Carries the cursor up with the button while you hover it, and sets it back down on landing."
+   },
+   {
+    "name": "ramp",
+    "js": "ramp",
+    "type": "bool",
+    "default": "false",
+    "description": "Adds a loop ramp on the right. A click drives the button up the wall and along the ceiling, then it flips off the end, lands and rolls back."
+   },
+   {
+    "name": "ramp_color",
+    "js": "rampColor",
+    "type": "str",
+    "default": "undefined",
+    "description": "Ramp colour. Defaults to a raised surface for the theme."
+   },
+   {
+    "name": "smoke",
+    "js": "smoke",
+    "type": "int | float",
+    "default": "1",
+    "description": "How much smoke the jets and the ground blast put out."
+   },
+   {
+    "name": "turbulence",
+    "js": "turbulence",
+    "type": "int | float",
+    "default": "1",
+    "description": "How much the smoke curls and billows."
+   },
+   {
+    "name": "wobble",
+    "js": "wobble",
+    "type": "int | float",
+    "default": "1",
+    "description": "Strength of the gusts the flight controller fights while it hovers. 0 flies dead steady."
+   },
+   {
+    "name": "thrust_color",
+    "js": "thrustColor",
+    "type": "str",
+    "default": "undefined",
+    "description": "Colour of the jet flames and the light they cast. Defaults to a pale blue for the theme."
+   },
+   {
+    "name": "smoke_color",
+    "js": "smokeColor",
+    "type": "str",
+    "default": "undefined",
+    "description": "Base colour of the smoke. Its shadows are derived from it."
+   },
+   {
+    "name": "button_color",
+    "js": "buttonColor",
+    "type": "str",
+    "default": "undefined",
+    "description": "Button fill. Defaults to dark grey on dark pages and near black on light ones."
+   },
+   {
+    "name": "text_color",
+    "js": "textColor",
+    "type": "str",
+    "default": "undefined",
+    "description": "Label colour."
+   }
+  ],
+  "example": {
+   "props": {
+    "theme": "dark",
+    "size": "medium",
+    "altitude": 170,
+    "hover_time": 2.4,
+    "jets": 2,
+    "thrusters": true,
+    "trigger": "hover",
+    "carry_cursor": true,
+    "smoke": 1,
+    "turbulence": 1,
+    "wobble": 1,
+    "ramp": false,
+    "thrust_color": "#8ec5ff",
+    "smoke_color": "#eef1f6"
+   },
+   "children": [
+    "Take off"
+   ]
+  },
+  "module": "micro"
+ },
  {
   "class": "FolderFloat",
   "factory": "folder_float",

reflex_reactbits/cli.py

@@ -20,6 +20,7 @@ from .source import (
     PINNED_REF,
     component_dir,
     ensure_component_source,
+    is_current_ref,
     remove_component_source,
     resolve_ref,
     vendored_ref,
@@ -85,7 +86,7 @@ def cmd_add(args: argparse.Namespace) -> int:
         )
         where = component_dir(e["category"], e["name"], assets)
         state = "added" if written else "present"
-        if vendored_ref(e["category"], e["name"], assets) != resolve_ref(args.ref):
+        if not is_current_ref(vendored_ref(e["category"], e["name"], assets), resolve_ref(args.ref)):
             state = "stale"  # copied from another React Bits ref; --force replaces it
         print(f"{e['name']:<24} {state:<11} {where}")
     return 0

reflex_reactbits/micro.py

@@ -14,7 +14,7 @@ from reflex_base.components.component import Component, field
 
 from .base import ReactBitsComponent, safe
 
-__all__ = ['BellToggle', 'BranchedMenu', 'CallChip', 'CodeSlots', 'CometDial', 'DodgeField', 'FlipCard', 'FolderFloat', 'FuseButton', 'GlideSelect', 'HoldButton', 'JellyRadio', 'LatticeLoader', 'PaperCrumple', 'PeekRating', 'PromptBar', 'PulseHeart', 'RefineFrame', 'RubberSegment', 'ScrubField', 'Shredder', 'SlideCommit', 'SlingButton', 'SloshGauge', 'SpringCheck', 'SquishSwitch', 'StatusMark', 'SwipeRow', 'SwipeToast', 'TearTicket', 'ThoughtLine', 'VoicePill', 'WakeSlider', 'WarmTooltip', 'WarmTooltipGroup', 'bell_toggle', 'branched_menu', 'call_chip', 'code_slots', 'comet_dial', 'dodge_field', 'flip_card', 'folder_float', 'fuse_button', 'glide_select', 'hold_button', 'jelly_radio', 'lattice_loader', 'paper_crumple', 'peek_rating', 'prompt_bar', 'pulse_heart', 'refine_frame', 'rubber_segment', 'scrub_field', 'shredder', 'slide_commit', 'sling_button', 'slosh_gauge', 'spring_check', 'squish_switch', 'status_mark', 'swipe_row', 'swipe_toast', 'tear_ticket', 'thought_line', 'voice_pill', 'wake_slider', 'warm_tooltip', 'warm_tooltip_group']
+__all__ = ['BellToggle', 'BranchedMenu', 'CallChip', 'CodeSlots', 'CometDial', 'DodgeField', 'FlipCard', 'FlyingButton', 'FolderFloat', 'FuseButton', 'GlideSelect', 'HoldButton', 'JellyRadio', 'LatticeLoader', 'PaperCrumple', 'PeekRating', 'PromptBar', 'PulseHeart', 'RefineFrame', 'RubberSegment', 'ScrubField', 'Shredder', 'SlideCommit', 'SlingButton', 'SloshGauge', 'SpringCheck', 'SquishSwitch', 'StatusMark', 'SwipeRow', 'SwipeToast', 'TearTicket', 'ThoughtLine', 'VoicePill', 'WakeSlider', 'WarmTooltip', 'WarmTooltipGroup', 'bell_toggle', 'branched_menu', 'call_chip', 'code_slots', 'comet_dial', 'dodge_field', 'flip_card', 'flying_button', 'folder_float', 'fuse_button', 'glide_select', 'hold_button', 'jelly_radio', 'lattice_loader', 'paper_crumple', 'peek_rating', 'prompt_bar', 'pulse_heart', 'refine_frame', 'rubber_segment', 'scrub_field', 'shredder', 'slide_commit', 'sling_button', 'slosh_gauge', 'spring_check', 'squish_switch', 'status_mark', 'swipe_row', 'swipe_toast', 'tear_ticket', 'thought_line', 'voice_pill', 'wake_slider', 'warm_tooltip', 'warm_tooltip_group']
 
 
 class BellToggle(ReactBitsComponent):
@@ -579,6 +579,75 @@ class FlipCard(ReactBitsComponent):
     )
 
 
+class FlyingButton(ReactBitsComponent):
+    """Button that fires its thrusters on hover, lifts off on a WebGL smoke plume and lands back in its own cloud.
+
+    Docs: https://reactbits.dev/micro/flying-button
+    """
+
+    tag = "FlyingButton"
+    alias = "ReactBitsFlyingButton"
+    is_default = True
+    _rb_category = "Micro"
+    _rb_name = "FlyingButton"
+    _rb_files = ('FlyingButton.css', 'FlyingButton.jsx')
+
+    theme: rx.Var[Literal["dark", "light"]] = field(
+        doc="Shades the smoke for a dark or a light page and picks the matching default colours. Default: 'dark'."
+    )
+    size: rx.Var[Literal["small", "medium", "large", "extra-large"]] = field(
+        doc="Button size. The pods, jets, flames and smoke scale with it. Default: 'medium'."
+    )
+    radius: rx.Var[int | float] = field(
+        doc="Corner radius in pixels. Fully rounded when unset."
+    )
+    altitude: rx.Var[int | float] = field(
+        doc="How high the button climbs, in pixels. Capped by the container height. Default: 170."
+    )
+    hover_time: rx.Var[int | float] = field(
+        doc="Seconds it hovers at altitude before it comes back down and lands. Default: 2.4."
+    )
+    jets: rx.Var[int | float] = field(
+        doc="Number of exhaust jets under the button, from 1 to 4. Default: 2."
+    )
+    thrusters: rx.Var[bool] = field(
+        doc="Shows thruster pods under the button. Off, the jets fire straight out of its underside. Default: true."
+    )
+    trigger: rx.Var[Literal["hover", "click"]] = field(
+        doc="Whether hovering or clicking starts the flight. Touch always starts it on tap. With the ramp on, a click starts the ride instead. Default: 'hover'."
+    )
+    carry_cursor: rx.Var[bool] = field(
+        doc="Carries the cursor up with the button while you hover it, and sets it back down on landing. Default: true."
+    )
+    ramp: rx.Var[bool] = field(
+        doc="Adds a loop ramp on the right. A click drives the button up the wall and along the ceiling, then it flips off the end, lands and rolls back. Default: false."
+    )
+    ramp_color: rx.Var[str] = field(
+        doc="Ramp colour. Defaults to a raised surface for the theme."
+    )
+    smoke: rx.Var[int | float] = field(
+        doc="How much smoke the jets and the ground blast put out. Default: 1."
+    )
+    turbulence: rx.Var[int | float] = field(
+        doc="How much the smoke curls and billows. Default: 1."
+    )
+    wobble: rx.Var[int | float] = field(
+        doc="Strength of the gusts the flight controller fights while it hovers. 0 flies dead steady. Default: 1."
+    )
+    thrust_color: rx.Var[str] = field(
+        doc="Colour of the jet flames and the light they cast. Defaults to a pale blue for the theme."
+    )
+    smoke_color: rx.Var[str] = field(
+        doc="Base colour of the smoke. Its shadows are derived from it."
+    )
+    button_color: rx.Var[str] = field(
+        doc="Button fill. Defaults to dark grey on dark pages and near black on light ones."
+    )
+    text_color: rx.Var[str] = field(
+        doc="Label colour."
+    )
+
+
 class FolderFloat(ReactBitsComponent):
     """Folder whose notes spring out into a floating cloud when it opens on hover or press.
 
@@ -2736,6 +2805,7 @@ code_slots = CodeSlots.create
 comet_dial = CometDial.create
 dodge_field = DodgeField.create
 flip_card = FlipCard.create
+flying_button = FlyingButton.create
 folder_float = FolderFloat.create
 fuse_button = FuseButton.create
 glide_select = GlideSelect.create

reflex_reactbits/micro.pyi

@@ -22,6 +22,7 @@ __all__ = [
     "CometDial",
     "DodgeField",
     "FlipCard",
+    "FlyingButton",
     "FolderFloat",
     "FuseButton",
     "GlideSelect",
@@ -57,6 +58,7 @@ __all__ = [
     "comet_dial",
     "dodge_field",
     "flip_card",
+    "flying_button",
     "folder_float",
     "fuse_button",
     "glide_select",
@@ -497,6 +499,62 @@ class FlipCard(ReactBitsComponent):
         """Copy the component source into the app (once) and create the component."""
         ...
 
+class FlyingButton(ReactBitsComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        theme: Literal["dark", "light"] | Var[Literal["dark", "light"]] | None = None,
+        size: Literal["extra-large", "large", "medium", "small"]
+        | Var[Literal["extra-large", "large", "medium", "small"]]
+        | None = None,
+        radius: Var[float | int] | float | int | None = None,
+        altitude: Var[float | int] | float | int | None = None,
+        hover_time: Var[float | int] | float | int | None = None,
+        jets: Var[float | int] | float | int | None = None,
+        thrusters: Var[bool] | bool | None = None,
+        trigger: Literal["click", "hover"] | Var[Literal["click", "hover"]] | None = None,
+        carry_cursor: Var[bool] | bool | None = None,
+        ramp: Var[bool] | bool | None = None,
+        ramp_color: Var[str] | str | None = None,
+        smoke: Var[float | int] | float | int | None = None,
+        turbulence: Var[float | int] | float | int | None = None,
+        wobble: Var[float | int] | float | int | None = None,
+        thrust_color: Var[str] | str | None = None,
+        smoke_color: Var[str] | str | None = None,
+        button_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,
+    ) -> "FlyingButton":
+        """Copy the component source into the app (once) and create the component."""
+        ...
+
 class FolderFloat(ReactBitsComponent):
     @classmethod
     def create(
@@ -2109,6 +2167,7 @@ code_slots = CodeSlots.create
 comet_dial = CometDial.create
 dodge_field = DodgeField.create
 flip_card = FlipCard.create
+flying_button = FlyingButton.create
 folder_float = FolderFloat.create
 fuse_button = FuseButton.create
 glide_select = GlideSelect.create

reflex_reactbits/source.py

@@ -29,7 +29,16 @@ from pathlib import Path
 logger = logging.getLogger("reflex_reactbits")
 
 #: Commit of DavidHDev/react-bits the wrappers were generated from.
-PINNED_REF = "963f4d21dca65326a470956c42b7b467804f3c14"  # React Bits 2.0
+PINNED_REF = "310fc737fadcaa149a4e06fb088fc95332dc8bfb"  # React Bits 2.0 + FlyingButton (2026-10-16)
+
+#: Earlier refs whose sources are byte-identical to PINNED_REF for every component
+#: they contain (``git diff --stat <ref> PINNED_REF -- src/content`` only adds
+#: files). Copies made from them are current, so bumping the pin for a new
+#: component does not flag every vendored one as stale. Empty this set when a new
+#: pin changes the source of a component that already existed.
+COMPATIBLE_REFS = frozenset({
+    "963f4d21dca65326a470956c42b7b467804f3c14",  # React Bits 2.0
+})
 
 #: Directory (inside the app's ``assets/``) that receives the component sources.
 ASSETS_SUBDIR = "reactbits"
@@ -155,6 +164,11 @@ def resolve_ref(ref: str | None = None) -> str:
     return ref or os.environ.get("REACTBITS_REF") or PINNED_REF
 
 
+def is_current_ref(vendored: str | None, ref: str) -> bool:
+    """Whether a copy made from ``vendored`` matches the sources at ``ref``."""
+    return vendored == ref or (ref == PINNED_REF and vendored in COMPATIBLE_REFS)
+
+
 def vendored_ref(category: str, name: str, assets_dir: Path | None = None) -> str | None:
     """Return the React Bits ref a component's copied source came from, if recorded."""
     marker = component_dir(category, name, assets_dir) / REF_MARKER
@@ -211,7 +225,7 @@ def ensure_component_source(
         written.append(dest)
     if not kept:
         (target / REF_MARKER).write_text(ref + "\n")
-    elif previous != ref and (category, name) not in _warned_stale:
+    elif not is_current_ref(previous, ref) and (category, name) not in _warned_stale:
         _warned_stale.add((category, name))
         logger.warning(
             "reflex-reactbits: %s keeps the React Bits source it copied earlier (%s), but "

{reflex_reactbits-0.2.0.dist-info → reflex_reactbits-0.2.1.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: reflex-reactbits
-Version: 0.2.0
+Version: 0.2.1
 Summary: Reflex wrappers for React Bits: 200+ animated text effects, backgrounds, UI components and micro interactions.
 Author-email: Ernesto Crespo <ecrespo@gmail.com>
 License: MIT
@@ -35,7 +35,7 @@ Dynamic: license-file
 
 [Reflex](https://reflex.dev) wrappers for **[React Bits](https://reactbits.dev)** — the
 open-source collection of animated, interactive and customizable React components by
-David Haz. Every one of the **217 React Bits 2.0 components** (plus 5 sub-components) is
+David Haz. Every one of the **218 React Bits 2.0 components** (plus 5 sub-components) is
 available as a typed Python component: text animations, animations, UI components,
 animated WebGL backgrounds and the new *Micro* interactions.
 
@@ -172,7 +172,7 @@ docs URL, npm deps) at runtime.
 
 **Backgrounds (64):** `acid_squares`, `aero_shards`, `antigravity`, `aurora`, `balatro`, `ballpit`, `beams`, `color_bends`, `crt_warp`, `dark_veil`, `dither`, `dot_field`, `dot_grid`, `evil_eye`, `faulty_terminal`, `ferrofluid`, `floating_lines`, `flux_lines`, `galaxy`, `ghost_fibers`, `gradient_ascii`, `gradient_blinds`, `gradient_waves`, `grainient`, `grid_distortion`, `grid_motion`, `grid_scan`, `hyperspeed`, `iridescence`, `letter_glitch`, `light_pillar`, `light_rays`, `light_tunnel`, `lightfall`, `lightning`, `line_waves`, `liquid_chrome`, `liquid_ether`, `magic_rings`, `magnet_lines`, `micro_slats`, `molten_metal`, `orb`, `particles`, `pattern_waves`, `pixel_blast`, `pixel_snow`, `plasma`, `plasma_wave`, `prism`, `prismatic_burst`, `radar`, `ripple_grid`, `scanner`, `shape_grid`, `shape_waves`, `side_rays`, `silk`, `sliced_waves`, `soft_aurora`, `threads`, `topography`, `waves`, `web_threads`
 
-**Micro interactions (34 + 1 sub-component):** `bell_toggle`, `branched_menu`, `call_chip`, `code_slots`, `comet_dial`, `dodge_field`, `flip_card`, `folder_float`, `fuse_button`, `glide_select`, `hold_button`, `jelly_radio`, `lattice_loader`, `paper_crumple`, `peek_rating`, `prompt_bar`, `pulse_heart`, `refine_frame`, `rubber_segment`, `scrub_field`, `shredder`, `slide_commit`, `sling_button`, `slosh_gauge`, `spring_check`, `squish_switch`, `status_mark`, `swipe_row`, `swipe_toast`, `tear_ticket`, `thought_line`, `voice_pill`, `wake_slider`, `warm_tooltip`, `warm_tooltip_group`
+**Micro interactions (35 + 1 sub-component):** `bell_toggle`, `branched_menu`, `call_chip`, `code_slots`, `comet_dial`, `dodge_field`, `flip_card`, `flying_button`, `folder_float`, `fuse_button`, `glide_select`, `hold_button`, `jelly_radio`, `lattice_loader`, `paper_crumple`, `peek_rating`, `prompt_bar`, `pulse_heart`, `refine_frame`, `rubber_segment`, `scrub_field`, `shredder`, `slide_commit`, `sling_button`, `slosh_gauge`, `spring_check`, `squish_switch`, `status_mark`, `swipe_row`, `swipe_toast`, `tear_ticket`, `thought_line`, `voice_pill`, `wake_slider`, `warm_tooltip`, `warm_tooltip_group`
 
 Full docs, previews and prop descriptions for each component live at
 [reactbits.dev](https://reactbits.dev).
@@ -203,6 +203,9 @@ python scripts/generate_wrappers.py scripts/components.json /tmp/react-bits
 ```
 
 Update `PINNED_REF` in `custom_components/reflex_reactbits/source.py` to the new commit.
+If `git diff --stat <old> <new> -- src/content` only adds files (new components), add the
+old commit to `COMPATIBLE_REFS` next to it, so copies apps already vendored from it are not
+reported as stale; if any existing component changed, empty that set instead.
 
 ## Development
 
@@ -235,10 +238,10 @@ given pull request introduces.
 
 ```bash
 # 1. bump the version
-$EDITOR pyproject.toml          # [project] version = "0.2.0"
+$EDITOR pyproject.toml          # [project] version = "0.2.1"
 
 # 2. tag it; the tag must match that version or release.yml stops
-git tag v0.2.0 && git push origin v0.2.0
+git tag v0.2.1 && git push origin v0.2.1
 ```
 
 The tag triggers `release.yml`, which builds, creates the GitHub release with the

{reflex_reactbits-0.2.0.dist-info → reflex_reactbits-0.2.1.dist-info}/RECORD

@@ -1,24 +1,24 @@
-reflex_reactbits/__init__.py,sha256=5CMUZLfSHKzxFqVEN5oU7gGEAkv1wn1mNSPk1dY6K4c,6859
+reflex_reactbits/__init__.py,sha256=ER4vj6mZR08WFCQPrD5SYoXdwmwL4l4hTUdgkdTn9o0,6892
 reflex_reactbits/animations.py,sha256=LAfaDK_JrtMmhcSbWSWOaUQzppWpHHTz8Tx5mGYT5lE,123181
 reflex_reactbits/animations.pyi,sha256=Jyf1RFf96ZM8xc6WdtWfYGCL8CNo8hO_jJITpUHIum8,111384
 reflex_reactbits/backgrounds.py,sha256=6c8r09JnB4duNHojAanmg8vXD9s2lDUTDkMRNpyPmTU,233079
 reflex_reactbits/backgrounds.pyi,sha256=amPR5rX2ObfCJzK1jbm3vRbfp5vVia1TDt_ac5rJWto,200987
 reflex_reactbits/base.py,sha256=2IhAxBE52PLc825ypS7avqhSh6rPYgkIs6jVYMjhLKA,4369
 reflex_reactbits/base.pyi,sha256=UEGyzSOcXCzzK4XJbh9z5rBAYxn_oUcvMzQg0-v910c,3941
-reflex_reactbits/catalog.json,sha256=HPum1oquw9P26NQu6Ysq0SIq23Rrv96SkL-G8aLheIM,1046034
+reflex_reactbits/catalog.json,sha256=_oRQJTcmP4g1GnCgVvnOMA7ktSiYN9I1CsNAAt8GIjI,1050433
 reflex_reactbits/catalog.py,sha256=v0sNEzoTj0KGq6GddNCf7TX5R4h2AHYW_WdWvaM8U0c,850
-reflex_reactbits/cli.py,sha256=aFZk31ZFTFwMd_yp3XkTba0xfL91gqgQieqom3qt3-Q,4805
+reflex_reactbits/cli.py,sha256=u2_0Bj2MohuSm_hEorWcChOmC-Gx1AigDYadRSQgZSw,4843
 reflex_reactbits/components.py,sha256=s_wiDjG4OSh4QGqBSGKB9oVvL0UWii1taC3qCsWjsuA,168483
 reflex_reactbits/components.pyi,sha256=ZRwsLvfzGjlZoWk9R7IftcnlyBHgiwVxmCIQ8UlV17o,149101
-reflex_reactbits/micro.py,sha256=IUHqKM4y32NErrE5toG00ukZ9sqT3pn6TJlu2ukGcqM,115076
-reflex_reactbits/micro.pyi,sha256=nmvaga3gcgOGSSwgeocXQCVBmfrmi9VWqu7xyuUDUD0,100056
+reflex_reactbits/micro.py,sha256=ggMn3OEXFAgoAAPN4MVV3aRXbSAgFEJJ6q2y_6twSrA,118196
+reflex_reactbits/micro.pyi,sha256=1YK0kP--aoVecG1VT8KHod--UeRrS9CynFIQkOIat8o,102844
 reflex_reactbits/py.typed,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
-reflex_reactbits/source.py,sha256=tdx_Abjq49X5riBDop4oYQE_MnZhMLQ8ewwDV7OmuF0,9928
+reflex_reactbits/source.py,sha256=mdnz7FoSazl7dfVpd-ZjUza0fBMeq1SPFp4696jRaAk,10680
 reflex_reactbits/text_animations.py,sha256=M7h8h_POZOGxaMm9sux3J5-c1GpdUj_t0ZODt6tz24A,113730
 reflex_reactbits/text_animations.pyi,sha256=WTz0kC1YM9LVncQgRoUwC0FgN3S7aFoNbDzOjaX9Qa8,97430
-reflex_reactbits-0.2.0.dist-info/licenses/LICENSE,sha256=ikDZVzB6LJXytfIXkllDZj9ningVU9BduOAcL8jLKYI,1071
-reflex_reactbits-0.2.0.dist-info/METADATA,sha256=apR_JLoJ8rzUecDK5e77ZvFvmGfOKsn3Ni3PmzCg1xk,14892
-reflex_reactbits-0.2.0.dist-info/WHEEL,sha256=YVMoNqKzERt-wjUZwJ33xBGAwnFl-4cqbYkTtWa4itE,91
-reflex_reactbits-0.2.0.dist-info/entry_points.txt,sha256=Fd7zuiqnVaUusjLj3E1pc0IZlbI2231qjwcua9Z87bg,56
-reflex_reactbits-0.2.0.dist-info/top_level.txt,sha256=-zdT91NVfYxqvs9LiUQkrHvFhnsYV86lH6YmEQbHNFc,17
-reflex_reactbits-0.2.0.dist-info/RECORD,,
+reflex_reactbits-0.2.1.dist-info/licenses/LICENSE,sha256=ikDZVzB6LJXytfIXkllDZj9ningVU9BduOAcL8jLKYI,1071
+reflex_reactbits-0.2.1.dist-info/METADATA,sha256=pFeyKutQC5rt7JVCDcCbwY8qLSHI5As8VNofmGbBbPo,15169
+reflex_reactbits-0.2.1.dist-info/WHEEL,sha256=YVMoNqKzERt-wjUZwJ33xBGAwnFl-4cqbYkTtWa4itE,91
+reflex_reactbits-0.2.1.dist-info/entry_points.txt,sha256=Fd7zuiqnVaUusjLj3E1pc0IZlbI2231qjwcua9Z87bg,56
+reflex_reactbits-0.2.1.dist-info/top_level.txt,sha256=-zdT91NVfYxqvs9LiUQkrHvFhnsYV86lH6YmEQbHNFc,17
+reflex_reactbits-0.2.1.dist-info/RECORD,,