reflex-reactbits 0.2.1__tar.gz → 0.2.2__tar.gz

{reflex_reactbits-0.2.1 → reflex_reactbits-0.2.2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: reflex-reactbits
-Version: 0.2.1
+Version: 0.2.2
 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
@@ -82,8 +82,11 @@ bundle. So this package ships only the Python side:
    app at `assets/reactbits/<Category>/<Name>/` — the same thing `npx shadcn add` does in
    a React project. The files are pinned to the React Bits commit these wrappers were
    generated from.
-3. Reflex imports that file client-side only (`NoSSRComponent`) and installs the exact npm
-   versions React Bits is locked to (`motion`, `gsap`, `ogl`, `three`, ...).
+3. Reflex imports that file client-side only (`NoSSRComponent`) and installs exact npm
+   versions: the ones React Bits is locked to (`ogl`, `matter-js`, Hugeicons, ...), except
+   for `motion` 14, `three` 0.186 (with `@react-three/fiber` 9.8 and `@react-three/drei`
+   10.7) and `gsap` 3.15, which are newer than React Bits' lockfile (see `DEP_VERSIONS` in
+   `scripts/generate_wrappers.py`).
 
 The copied files belong to your app: **edit them freely**, they are never overwritten.
 Commit them if you want reproducible offline builds.
@@ -93,10 +96,12 @@ Sources are resolved from `REACTBITS_SOURCE_DIR` (a local clone of
 GitHub raw files at `REACTBITS_REF` (defaults to the pinned commit).
 
 React Bits 2.0 no longer needs React Router, Chakra UI or Tailwind, so the sources are
-copied as-is with one exception: components that render their own `<canvas>` keep their
-WebGL context on unmount instead of calling `loseContext()`. React StrictMode (on in Reflex
+copied as-is with two exceptions. Components that render their own `<canvas>` keep their
+WebGL context on unmount instead of calling `loseContext()`: React StrictMode (on in Reflex
 dev mode) re-runs effects on the same canvas, and a lost context would leave the component
-frozen or blank.
+frozen or blank. And `color_bends` and `paper_crumple` move off three.js APIs deprecated
+after r180 (`THREE.Clock` → `THREE.Timer`, `PCFSoftShadowMap` → `PCFShadowMap`), so the
+newer `three` does not log deprecation warnings.
 
 Each copy records the React Bits commit it came from in `.reactbits-ref`. When a newer
 version of this package is generated from another commit, existing copies are **not**
@@ -238,10 +243,10 @@ given pull request introduces.
 
 ```bash
 # 1. bump the version
-$EDITOR pyproject.toml          # [project] version = "0.2.1"
+$EDITOR pyproject.toml          # [project] version = "0.2.2"
 
 # 2. tag it; the tag must match that version or release.yml stops
-git tag v0.2.1 && git push origin v0.2.1
+git tag v0.2.2 && git push origin v0.2.2
 ```
 
 The tag triggers `release.yml`, which builds, creates the GitHub release with the

{reflex_reactbits-0.2.1 → reflex_reactbits-0.2.2}/README.md

@@ -49,8 +49,11 @@ bundle. So this package ships only the Python side:
    app at `assets/reactbits/<Category>/<Name>/` — the same thing `npx shadcn add` does in
    a React project. The files are pinned to the React Bits commit these wrappers were
    generated from.
-3. Reflex imports that file client-side only (`NoSSRComponent`) and installs the exact npm
-   versions React Bits is locked to (`motion`, `gsap`, `ogl`, `three`, ...).
+3. Reflex imports that file client-side only (`NoSSRComponent`) and installs exact npm
+   versions: the ones React Bits is locked to (`ogl`, `matter-js`, Hugeicons, ...), except
+   for `motion` 14, `three` 0.186 (with `@react-three/fiber` 9.8 and `@react-three/drei`
+   10.7) and `gsap` 3.15, which are newer than React Bits' lockfile (see `DEP_VERSIONS` in
+   `scripts/generate_wrappers.py`).
 
 The copied files belong to your app: **edit them freely**, they are never overwritten.
 Commit them if you want reproducible offline builds.
@@ -60,10 +63,12 @@ Sources are resolved from `REACTBITS_SOURCE_DIR` (a local clone of
 GitHub raw files at `REACTBITS_REF` (defaults to the pinned commit).
 
 React Bits 2.0 no longer needs React Router, Chakra UI or Tailwind, so the sources are
-copied as-is with one exception: components that render their own `<canvas>` keep their
-WebGL context on unmount instead of calling `loseContext()`. React StrictMode (on in Reflex
+copied as-is with two exceptions. Components that render their own `<canvas>` keep their
+WebGL context on unmount instead of calling `loseContext()`: React StrictMode (on in Reflex
 dev mode) re-runs effects on the same canvas, and a lost context would leave the component
-frozen or blank.
+frozen or blank. And `color_bends` and `paper_crumple` move off three.js APIs deprecated
+after r180 (`THREE.Clock` → `THREE.Timer`, `PCFSoftShadowMap` → `PCFShadowMap`), so the
+newer `three` does not log deprecation warnings.
 
 Each copy records the React Bits commit it came from in `.reactbits-ref`. When a newer
 version of this package is generated from another commit, existing copies are **not**
@@ -205,10 +210,10 @@ given pull request introduces.
 
 ```bash
 # 1. bump the version
-$EDITOR pyproject.toml          # [project] version = "0.2.1"
+$EDITOR pyproject.toml          # [project] version = "0.2.2"
 
 # 2. tag it; the tag must match that version or release.yml stops
-git tag v0.2.1 && git push origin v0.2.1
+git tag v0.2.2 && git push origin v0.2.2
 ```
 
 The tag triggers `release.yml`, which builds, creates the GitHub release with the

{reflex_reactbits-0.2.1 → reflex_reactbits-0.2.2}/custom_components/reflex_reactbits/animations.py

@@ -29,7 +29,7 @@ class AnimatedContent(ReactBitsComponent):
     _rb_category = "Animations"
     _rb_name = "AnimatedContent"
     _rb_files = ('AnimatedContent.jsx',)
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     container: rx.Var[Any] = field(
         doc="Scroll container that drives the animation, as a selector or an element. Defaults to the page. Default: window."
@@ -123,7 +123,7 @@ class BlobCursor(ReactBitsComponent):
     _rb_category = "Animations"
     _rb_name = "BlobCursor"
     _rb_files = ('BlobCursor.css', 'BlobCursor.jsx')
-    lib_dependencies: list[str] = ['three@0.180.0']
+    lib_dependencies: list[str] = ['three@0.186.1']
 
     material: rx.Var[Literal["chrome", "jelly", "pearl", "ink"]] = field(
         doc="What the blob is made of. Chrome is liquid metal, jelly a glossy colored gel, pearl an iridescent shell and ink a flat goo. Default: 'chrome'."
@@ -853,7 +853,7 @@ class FadeContent(ReactBitsComponent):
     _rb_category = "Animations"
     _rb_name = "FadeContent"
     _rb_files = ('FadeContent.jsx',)
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     container: rx.Var[Any] = field(
         doc="Scroll container that drives the fade, as a selector or an element. Defaults to the page. Default: window."
@@ -1286,7 +1286,7 @@ class ImageTrail(ReactBitsComponent):
     _rb_category = "Animations"
     _rb_name = "ImageTrail"
     _rb_files = ('ImageTrail.css', 'ImageTrail.jsx')
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     items: rx.Var[list[str]] = field(
         doc="Image URLs shown in the trail, in order. Default: []."

{reflex_reactbits-0.2.1 → reflex_reactbits-0.2.2}/custom_components/reflex_reactbits/backgrounds.py

@@ -756,7 +756,7 @@ class ColorBends(ReactBitsComponent):
     _rb_category = "Backgrounds"
     _rb_name = "ColorBends"
     _rb_files = ('ColorBends.css', 'ColorBends.jsx')
-    lib_dependencies: list[str] = ['three@0.180.0']
+    lib_dependencies: list[str] = ['three@0.186.1']
 
     rotation: rx.Var[int | float] = field(
         doc="Base rotation angle in degrees. Default: 90."
@@ -2345,7 +2345,7 @@ class Hyperspeed(ReactBitsComponent):
     _rb_category = "Backgrounds"
     _rb_name = "Hyperspeed"
     _rb_files = ('Hyperspeed.css', 'Hyperspeed.jsx')
-    lib_dependencies: list[str] = ['three@0.180.0']
+    lib_dependencies: list[str] = ['three@0.186.1']
 
     curve: rx.Var[Literal["straight", "gentle", "winding", "hills", "racing", "deep"]] = field(
         doc="Shape of the road. Switching between curves morphs the road smoothly. Default: 'winding'."

{reflex_reactbits-0.2.1 → reflex_reactbits-0.2.2}/custom_components/reflex_reactbits/catalog.json

@@ -182,7 +182,7 @@
   "description": "Text starts blurred then crisply resolves for a soft-focus reveal effect.",
   "docs_url": "https://reactbits.dev/text-animations/blur-text",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -358,7 +358,7 @@
   "description": "Layouts characters around a circle with optional rotation animation.",
   "docs_url": "https://reactbits.dev/text-animations/circular-text",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -504,7 +504,7 @@
   "description": "Animated number counter supporting formatting and decimals.",
   "docs_url": "https://reactbits.dev/text-animations/count-up",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -798,7 +798,7 @@
   "description": "Hacker-style decryption cycling random glyphs until resolving to real text.",
   "docs_url": "https://reactbits.dev/text-animations/decrypted-text",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -1454,7 +1454,7 @@
   "description": "Lines unfold into place like creased paper opening flat.",
   "docs_url": "https://reactbits.dev/text-animations/fold-text",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -2056,7 +2056,7 @@
   "description": "A headline with a drifting colour mesh or image showing through, revealed word by word.",
   "docs_url": "https://reactbits.dev/text-animations/masked-heading",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -2460,7 +2460,7 @@
   "description": "Cycles through multiple phrases with 3D rotate / flip transitions.",
   "docs_url": "https://reactbits.dev/text-animations/rotating-text",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -2656,7 +2656,7 @@
   "description": "Detects cursor position and applies a distortion effect to text.",
   "docs_url": "https://reactbits.dev/text-animations/scrambled-text",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -2770,7 +2770,7 @@
   "description": "Text gently floats / parallax shifts on scroll.",
   "docs_url": "https://reactbits.dev/text-animations/scroll-float",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -2916,7 +2916,7 @@
   "description": "Text gently unblurs and reveals on scroll.",
   "docs_url": "https://reactbits.dev/text-animations/scroll-reveal",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -3068,7 +3068,7 @@
   "description": "Text marquee animatio - speed and distortion scale with user's scroll velocity.",
   "docs_url": "https://reactbits.dev/text-animations/scroll-velocity",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -3395,7 +3395,7 @@
   "docs_url": "https://reactbits.dev/text-animations/shuffle",
   "npm": [
    "@gsap/react@2.1.2",
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -3791,7 +3791,7 @@
   "docs_url": "https://reactbits.dev/text-animations/split-text",
   "npm": [
    "@gsap/react@2.1.2",
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -3971,7 +3971,7 @@
   "description": "Outlined letterforms draw themselves on, then flood with fill.",
   "docs_url": "https://reactbits.dev/text-animations/stroke-text",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -4529,7 +4529,7 @@
   "description": "A seamless text marquee that flows along curved SVG paths.",
   "docs_url": "https://reactbits.dev/text-animations/text-loop",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -4916,7 +4916,7 @@
   "description": "Typewriter effect with blinking cursor and adjustable typing cadence.",
   "docs_url": "https://reactbits.dev/text-animations/text-type",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -5127,7 +5127,7 @@
   "description": "Applies dynamic blur / clarity based over a series of words in order.",
   "docs_url": "https://reactbits.dev/text-animations/true-focus",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -5556,7 +5556,7 @@
   "description": "Wrapper that reveals its content on scroll with slides, blur, 3D tilts, soft wipes and staggered children.",
   "docs_url": "https://reactbits.dev/animations/animated-content",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -5773,7 +5773,7 @@
   "description": "Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jelly, pearl or ink.",
   "docs_url": "https://reactbits.dev/animations/blob-cursor",
   "npm": [
-   "three@0.180.0"
+   "three@0.186.1"
   ],
   "props": [
    {
@@ -7380,7 +7380,7 @@
   "description": "Wrapper that fades content in on scroll, plain or out of focus, from washed-out gray, or through grain, mist and pixel blocks.",
   "docs_url": "https://reactbits.dev/animations/fade-content",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -8349,7 +8349,7 @@
   "description": "Cursor-based image trail with several built-in variants.",
   "docs_url": "https://reactbits.dev/animations/image-trail",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -11785,7 +11785,7 @@
   "description": "Panels expand on hover or focus, revealing parallax imagery and captions.",
   "docs_url": "https://reactbits.dev/components/accordion-gallery",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -12434,7 +12434,7 @@
   "description": "Floating circular expanding menu with staggered item reveal.",
   "docs_url": "https://reactbits.dev/components/bubble-menu",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -14369,7 +14369,7 @@
   "description": "Cards recede into depth on a 3D rail, with drag, keyboard and auto-advance.",
   "docs_url": "https://reactbits.dev/components/depth-carousel",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -17539,7 +17539,7 @@
   "description": "Swinging 3D badge on a stretchy woven band that you can drag, throw or click to flip.",
   "docs_url": "https://reactbits.dev/components/lanyard",
   "npm": [
-   "three@0.180.0"
+   "three@0.186.1"
   ],
   "props": [
    {
@@ -18219,9 +18219,9 @@
   "description": "A product-style 3D model viewer that frames itself and floats over a soft shadow.",
   "docs_url": "https://reactbits.dev/components/model-viewer",
   "npm": [
-   "@react-three/drei@10.7.6",
-   "@react-three/fiber@9.3.0",
-   "three@0.180.0"
+   "@react-three/drei@10.7.9",
+   "@react-three/fiber@9.8.2",
+   "three@0.186.1"
   ],
   "props": [
    {
@@ -18427,7 +18427,7 @@
   "description": "WebGL slider that melts between images with a displacement transition.",
   "docs_url": "https://reactbits.dev/components/morph-slider",
   "npm": [
-   "gsap@3.13.0",
+   "gsap@3.15.0",
    "ogl@1.0.11"
   ],
   "props": [
@@ -20018,7 +20018,7 @@
   "description": "Pile of cards you can drag, flick or click through, with thrown cards tucking underneath.",
   "docs_url": "https://reactbits.dev/components/stack",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -20160,7 +20160,7 @@
   "description": "Menu with staggered item animations and smooth transitions on open/close.",
   "docs_url": "https://reactbits.dev/components/staggered-menu",
   "npm": [
-   "gsap@3.13.0"
+   "gsap@3.15.0"
   ],
   "props": [
    {
@@ -22494,7 +22494,7 @@
   "description": "Vibrant color bends with smooth flowing animation.",
   "docs_url": "https://reactbits.dev/backgrounds/color-bends",
   "npm": [
-   "three@0.180.0"
+   "three@0.186.1"
   ],
   "props": [
    {
@@ -26067,7 +26067,7 @@
   "description": "Night highway of glowing light trails on a winding road that warps into hyperspace while you hold.",
   "docs_url": "https://reactbits.dev/backgrounds/hyperspeed",
   "npm": [
-   "three@0.180.0"
+   "three@0.186.1"
   ],
   "props": [
    {
@@ -33353,7 +33353,7 @@
   "npm": [
    "@hugeicons/core-free-icons@4.3.3",
    "@hugeicons/react@1.1.10",
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -33932,7 +33932,7 @@
   "npm": [
    "@hugeicons/core-free-icons@4.3.3",
    "@hugeicons/react@1.1.10",
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -34129,7 +34129,7 @@
   "description": "Tick-ring dial you flick by angle, with a comet that streaks behind the lit head.",
   "docs_url": "https://reactbits.dev/micro/comet-dial",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -34317,7 +34317,7 @@
   "description": "Wrapper that makes any child dodge the pointer until it relents and glides home.",
   "docs_url": "https://reactbits.dev/micro/dodge-field",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -34463,7 +34463,7 @@
   "description": "Two-faced card that flips in 3D on a click, drag or flick and settles on a spring.",
   "docs_url": "https://reactbits.dev/micro/flip-card",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -35674,7 +35674,7 @@
   "description": "Radio group of chips where the chosen one swells and barges its neighbours outward.",
   "docs_url": "https://reactbits.dev/micro/jelly-radio",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -36024,7 +36024,7 @@
   "description": "An image that crumples into a textured 3D sheet while you hold and drag it.",
   "docs_url": "https://reactbits.dev/micro/paper-crumple",
   "npm": [
-   "three@0.180.0"
+   "three@0.186.1"
   ],
   "props": [
    {
@@ -36496,7 +36496,7 @@
   "npm": [
    "@hugeicons/core-free-icons@4.3.3",
    "@hugeicons/react@1.1.10",
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -37051,7 +37051,7 @@
   "description": "Segmented control whose rubber thumb stretches across the gap and squashes into place.",
   "docs_url": "https://reactbits.dev/micro/rubber-segment",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -37219,7 +37219,7 @@
   "description": "Number chip you drag to scrub, with rubber-band limits and click to type.",
   "docs_url": "https://reactbits.dev/micro/scrub-field",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -37600,7 +37600,7 @@
   "npm": [
    "@hugeicons/core-free-icons@4.3.3",
    "@hugeicons/react@1.1.10",
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -37770,7 +37770,7 @@
   "npm": [
    "@hugeicons/core-free-icons@4.3.3",
    "@hugeicons/react@1.1.10",
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -38076,7 +38076,7 @@
   "docs_url": "https://reactbits.dev/micro/spring-check",
   "npm": [
    "@hugeicons/core-free-icons@4.3.3",
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -38221,7 +38221,7 @@
   "description": "Switch whose thumb stretches with speed and squashes against the end when you flick it.",
   "docs_url": "https://reactbits.dev/micro/squish-switch",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -38378,7 +38378,7 @@
   "description": "Agent task status glyph that morphs from an idle ring to a progress arc, then a check.",
   "docs_url": "https://reactbits.dev/micro/status-mark",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -38527,7 +38527,7 @@
   "npm": [
    "@hugeicons/core-free-icons@4.3.3",
    "@hugeicons/react@1.1.10",
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -38745,7 +38745,7 @@
   "npm": [
    "@hugeicons/core-free-icons@4.3.3",
    "@hugeicons/react@1.1.10",
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -38928,7 +38928,7 @@
   "description": "Ticket whose perforated stub tears off by hand, fibre by fibre, and drops away.",
   "docs_url": "https://reactbits.dev/micro/tear-ticket",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -39230,7 +39230,7 @@
   "npm": [
    "@hugeicons/core-free-icons@4.3.3",
    "@hugeicons/react@1.1.10",
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -39618,7 +39618,7 @@
   "description": "Thumbless range slider of thin bars where drag speed raises a wake behind the handle.",
   "docs_url": "https://reactbits.dev/micro/wake-slider",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -39809,7 +39809,7 @@
   "description": "Tooltip group where the first label waits, then its siblings open instantly while warm.",
   "docs_url": "https://reactbits.dev/micro/warm-tooltip",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "props": [
    {
@@ -39965,7 +39965,7 @@
   "description": "Groups WarmTooltips so moving between them skips the open delay.",
   "docs_url": "https://reactbits.dev/micro/warm-tooltip",
   "npm": [
-   "motion@12.23.21"
+   "motion@14.3.0"
   ],
   "sub": true,
   "props": [

{reflex_reactbits-0.2.1 → reflex_reactbits-0.2.2}/custom_components/reflex_reactbits/components.py

@@ -29,7 +29,7 @@ class AccordionGallery(ReactBitsComponent):
     _rb_category = "Components"
     _rb_name = "AccordionGallery"
     _rb_files = ('AccordionGallery.css', 'AccordionGallery.jsx')
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     items: rx.Var[list[Any]] = field(
         doc="The panels to render. Each needs an image, and optionally a label, link and alt text. Default: DEFAULT_ITEMS."
@@ -295,7 +295,7 @@ class BubbleMenu(ReactBitsComponent):
     _rb_category = "Components"
     _rb_name = "BubbleMenu"
     _rb_files = ('BubbleMenu.css', 'BubbleMenu.jsx')
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     logo: rx.Var[Component | str] = field(
         doc="Logo content shown in the central bubble (string src or JSX). Default: \u2014."
@@ -1090,7 +1090,7 @@ class DepthCarousel(ReactBitsComponent):
     _rb_category = "Components"
     _rb_name = "DepthCarousel"
     _rb_files = ('DepthCarousel.css', 'DepthCarousel.jsx')
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     items: rx.Var[list[Any]] = field(
         doc="Slides to display. Pass image URLs or objects with an image URL and alt text. Default: DEFAULT_ITEMS."
@@ -2385,7 +2385,7 @@ class Lanyard(ReactBitsComponent):
     _rb_category = "Components"
     _rb_name = "Lanyard"
     _rb_files = ('Lanyard.css', 'Lanyard.jsx')
-    lib_dependencies: list[str] = ['three@0.180.0']
+    lib_dependencies: list[str] = ['three@0.186.1']
 
     front_image: rx.Var[str] = field(
         doc="Image URL printed on the front of the card. Any size or aspect works."
@@ -2676,7 +2676,7 @@ class ModelViewer(ReactBitsComponent):
     _rb_category = "Components"
     _rb_name = "ModelViewer"
     _rb_files = ('ModelViewer.jsx',)
-    lib_dependencies: list[str] = ['@react-three/drei@10.7.6', '@react-three/fiber@9.3.0', 'three@0.180.0']
+    lib_dependencies: list[str] = ['@react-three/drei@10.7.9', '@react-three/fiber@9.8.2', 'three@0.186.1']
 
     url: rx.Var[str] = field(
         doc="URL of the model. Supports glb, gltf, fbx and obj. Default: -."
@@ -2770,7 +2770,7 @@ class MorphSlider(ReactBitsComponent):
     _rb_category = "Components"
     _rb_name = "MorphSlider"
     _rb_files = ('MorphSlider.css', 'MorphSlider.jsx')
-    lib_dependencies: list[str] = ['gsap@3.13.0', 'ogl@1.0.11']
+    lib_dependencies: list[str] = ['gsap@3.15.0', 'ogl@1.0.11']
 
     items: rx.Var[list[Any]] = field(
         doc="Slides to morph between. Each item is an image URL with an optional caption. Default: DEFAULT_ITEMS."
@@ -3452,7 +3452,7 @@ class Stack(ReactBitsComponent):
     _rb_category = "Components"
     _rb_name = "Stack"
     _rb_files = ('Stack.css', 'Stack.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     cards: rx.Var[list[Any]] = field(
         doc="The cards in the stack, top first. Images fill the card automatically, any other content works too. Default: four sample photos."
@@ -3519,7 +3519,7 @@ class StaggeredMenu(ReactBitsComponent):
     _rb_category = "Components"
     _rb_name = "StaggeredMenu"
     _rb_files = ('StaggeredMenu.css', 'StaggeredMenu.jsx')
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     position: rx.Var[Literal["left", "right"]] = field(
         doc="Anchor position for the menu panel (left or right side). Default: 'right'."

{reflex_reactbits-0.2.1 → reflex_reactbits-0.2.2}/custom_components/reflex_reactbits/micro.py

@@ -29,7 +29,7 @@ class BellToggle(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "BellToggle"
     _rb_files = ('BellToggle.css', 'BellToggle.jsx')
-    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@12.23.21']
+    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@14.3.0']
 
     off_label: rx.Var[str] = field(
         doc="The face at rest. Its width sets how far the pill is clipped. Default: 'Notify me'."
@@ -260,7 +260,7 @@ class CodeSlots(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "CodeSlots"
     _rb_files = ('CodeSlots.css', 'CodeSlots.jsx')
-    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@12.23.21']
+    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@14.3.0']
 
     length: rx.Var[int | float] = field(
         doc="Number of slots. Default: 6."
@@ -345,7 +345,7 @@ class CometDial(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "CometDial"
     _rb_files = ('CometDial.css', 'CometDial.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     value: rx.Var[int | float] = field(
         doc="Controlled value. A change from outside launches the reading on the tap spring."
@@ -424,7 +424,7 @@ class DodgeField(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "DodgeField"
     _rb_files = ('DodgeField.css', 'DodgeField.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     taunts: rx.Var[list[str]] = field(
         doc="Labels for the built-in pill: the first at rest, then one per dodge, the last once it relents. Default: DEFAULT_TAUNTS."
@@ -494,7 +494,7 @@ class FlipCard(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "FlipCard"
     _rb_files = ('FlipCard.css', 'FlipCard.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     front: rx.Var[Component | str] = field(
         doc="Content of the front face."
@@ -990,7 +990,7 @@ class JellyRadio(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "JellyRadio"
     _rb_files = ('JellyRadio.css', 'JellyRadio.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     items: rx.Var[list[Any]] = field(
         doc="The chips. A string is both value and label. Default: DEFAULT_ITEMS."
@@ -1138,7 +1138,7 @@ class PaperCrumple(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "PaperCrumple"
     _rb_files = ('PaperCrumple.css', 'PaperCrumple.jsx')
-    lib_dependencies: list[str] = ['three@0.180.0']
+    lib_dependencies: list[str] = ['three@0.186.1']
 
     src: rx.Var[str] = field(
         doc="Required image URL. PNG transparency is preserved. Remote image servers must allow CORS. Default: -."
@@ -1335,7 +1335,7 @@ class PromptBar(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "PromptBar"
     _rb_files = ('PromptBar.css', 'PromptBar.jsx')
-    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@12.23.21']
+    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@14.3.0']
 
     placeholder: rx.Var[str] = field(
         doc="Shown while the field is empty. Default: 'Ask anything'."
@@ -1557,7 +1557,7 @@ class RubberSegment(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "RubberSegment"
     _rb_files = ('RubberSegment.css', 'RubberSegment.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     items: rx.Var[list[Any]] = field(
         doc="The slots, in order. A string is both value and label. Default: -."
@@ -1627,7 +1627,7 @@ class ScrubField(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "ScrubField"
     _rb_files = ('ScrubField.css', 'ScrubField.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     label: rx.Var[str] = field(
         doc="The field name. Drag anywhere on the chip to scrub; click without moving to type. Default: 'Radius'."
@@ -1790,7 +1790,7 @@ class SlideCommit(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "SlideCommit"
     _rb_files = ('SlideCommit.css', 'SlideCommit.jsx')
-    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@12.23.21']
+    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@14.3.0']
 
     label: rx.Var[Component | str] = field(
         doc="The instruction centred in the pill; the capsule wipes it as you drag. Default: 'Slide to pay'."
@@ -1863,7 +1863,7 @@ class SlingButton(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "SlingButton"
     _rb_files = ('SlingButton.css', 'SlingButton.jsx')
-    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@12.23.21']
+    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@14.3.0']
 
     pad_color: rx.Var[str] = field(
         doc="The pad fill. Default: '#f5f5f5'."
@@ -2002,7 +2002,7 @@ class SpringCheck(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "SpringCheck"
     _rb_files = ('SpringCheck.css', 'SpringCheck.jsx')
-    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', 'motion@12.23.21']
+    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', 'motion@14.3.0']
 
     label: rx.Var[Component | str] = field(
         doc="The words beside the box; the strike-through is exactly their width. Default: 'Ship the build'."
@@ -2066,7 +2066,7 @@ class SquishSwitch(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "SquishSwitch"
     _rb_files = ('SquishSwitch.css', 'SquishSwitch.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     checked: rx.Var[bool] = field(
         doc="Controlled state. Leave it out to let the switch keep its own."
@@ -2136,7 +2136,7 @@ class StatusMark(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "StatusMark"
     _rb_files = ('StatusMark.css', 'StatusMark.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     status: rx.Var[Literal["pending", "running", "done", "failed", "cancelled"]] = field(
         doc="The lifecycle state. Every change morphs the glyph in place. Default: 'pending'."
@@ -2200,7 +2200,7 @@ class SwipeRow(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "SwipeRow"
     _rb_files = ('SwipeRow.css', 'SwipeRow.jsx')
-    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@12.23.21']
+    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@14.3.0']
 
     actions: rx.Var[list[Any]] = field(
         doc="The drawer, outermost first. Each has id, label, an optional icon, an optional color for secondary actions, dismiss to fold the row when pressed, and onSelect. The first is the full-swipe action and always folds the row. Default: DEFAULT_ACTIONS."
@@ -2282,7 +2282,7 @@ class SwipeToast(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "SwipeToast"
     _rb_files = ('SwipeToast.css', 'SwipeToast.jsx')
-    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@12.23.21']
+    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@14.3.0']
 
     title: rx.Var[Component | str] = field(
         doc="The first line. Default: 'File archived'."
@@ -2361,7 +2361,7 @@ class TearTicket(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "TearTicket"
     _rb_files = ('TearTicket.css', 'TearTicket.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     stub: rx.Var[Component | str] = field(
         doc="Content of the tear-off stub."
@@ -2482,7 +2482,7 @@ class ThoughtLine(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "ThoughtLine"
     _rb_files = ('ThoughtLine.css', 'ThoughtLine.jsx')
-    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@12.23.21']
+    lib_dependencies: list[str] = ['@hugeicons/core-free-icons@4.3.3', '@hugeicons/react@1.1.10', 'motion@14.3.0']
 
     label: rx.Var[str] = field(
         doc="The working line. It breathes, and it is the spoken text. Default: 'Thinking\u2026'."
@@ -2646,7 +2646,7 @@ class WakeSlider(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "WakeSlider"
     _rb_files = ('WakeSlider.css', 'WakeSlider.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     value: rx.Var[int | float] = field(
         doc="Controlled value."
@@ -2728,7 +2728,7 @@ class WarmTooltip(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "WarmTooltip"
     _rb_files = ('WarmTooltip.css', 'WarmTooltip.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     content: rx.Var[Component | str] = field(
         doc="The label. Keep it to a few words. Default: -."
@@ -2792,7 +2792,7 @@ class WarmTooltipGroup(ReactBitsComponent):
     _rb_category = "Micro"
     _rb_name = "WarmTooltip"
     _rb_files = ('WarmTooltip.css', 'WarmTooltip.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     delay: rx.Var[int | float] = field(doc="Open delay in ms.")
     warm_window: rx.Var[int | float] = field(doc="How long (ms) the group stays warm.")

{reflex_reactbits-0.2.1 → reflex_reactbits-0.2.2}/custom_components/reflex_reactbits/source.py

@@ -55,8 +55,25 @@ _TEXT_SUFFIXES = {".js", ".jsx", ".css", ".ts", ".tsx", ".json"}
 
 # Small, surgical patches so the plain JS-CSS variant runs inside a Reflex app.
 # React Bits 2.0 no longer imports react-router, Chakra UI or Tailwind classes,
-# so the per-file patches the 1.x sources needed are gone.
-PATCHES: dict[tuple[str, str], list[tuple[str, str]]] = {}
+# so the per-file patches the 1.x sources needed are gone. The ones left move
+# off three.js APIs deprecated after r180 (React Bits is locked to r180, the
+# wrappers install r186), which otherwise log a console warning.
+PATCHES: dict[tuple[str, str], list[tuple[str, str]]] = {
+    # THREE.Clock is deprecated since r183 in favour of THREE.Timer, which only
+    # advances when update() is called.
+    ("Backgrounds", "ColorBends.jsx"): [
+        ("const clock = new THREE.Clock();", "const clock = new THREE.Timer();"),
+        (
+            "const dt = clock.getDelta();\n      const elapsed = clock.elapsedTime;",
+            "clock.update();\n      const dt = clock.getDelta();\n      const elapsed = clock.getElapsed();",
+        ),
+    ],
+    # WebGLRenderer dropped PCFSoftShadowMap in r182: three falls back to
+    # PCFShadowMap (now soft as well), so this only silences the warning.
+    ("Micro", "PaperCrumple.jsx"): [
+        ("renderer.shadowMap.type = THREE.PCFSoftShadowMap;", "renderer.shadowMap.type = THREE.PCFShadowMap;"),
+    ],
+}
 
 # Patches applied to every component file that renders its own ``<canvas>``.
 #

{reflex_reactbits-0.2.1 → reflex_reactbits-0.2.2}/custom_components/reflex_reactbits/text_animations.py

@@ -104,7 +104,7 @@ class BlurText(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "BlurText"
     _rb_files = ('BlurText.jsx',)
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     text: rx.Var[str] = field(
         doc="The text content to animate."
@@ -183,7 +183,7 @@ class CircularText(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "CircularText"
     _rb_files = ('CircularText.css', 'CircularText.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     text: rx.Var[str] = field(
         doc="The text laid out around the ring. End it with a separator for a seamless loop."
@@ -250,7 +250,7 @@ class CountUp(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "CountUp"
     _rb_files = ('CountUp.jsx',)
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     to: rx.Var[int | float] = field(
         doc="The target number to count up to. Default: \u2014."
@@ -380,7 +380,7 @@ class DecryptedText(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "DecryptedText"
     _rb_files = ('DecryptedText.jsx',)
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     text: rx.Var[str] = field(
         doc="The text to decrypt. Default: -."
@@ -667,7 +667,7 @@ class FoldText(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "FoldText"
     _rb_files = ('FoldText.css', 'FoldText.jsx')
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     text: rx.Var[str] = field(
         doc="The text to split and fold into place. Line breaks are kept. Default: 'Design unfolds'."
@@ -929,7 +929,7 @@ class MaskedHeading(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "MaskedHeading"
     _rb_files = ('MaskedHeading.css', 'MaskedHeading.jsx')
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     text: rx.Var[str] = field(
         doc="Heading copy. Default: 'Designed in the details'."
@@ -1104,7 +1104,7 @@ class RotatingText(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "RotatingText"
     _rb_files = ('RotatingText.css', 'RotatingText.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     texts: rx.Var[list[str]] = field(
         doc="The texts to rotate through. Default: []."
@@ -1189,7 +1189,7 @@ class ScrambledText(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "ScrambledText"
     _rb_files = ('ScrambledText.css', 'ScrambledText.jsx')
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     radius: rx.Var[int | float] = field(
         doc="Distance from the pointer, in px, within which letters react. Default: 100."
@@ -1241,7 +1241,7 @@ class ScrollFloat(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "ScrollFloat"
     _rb_files = ('ScrollFloat.css', 'ScrollFloat.jsx')
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     scroll_container_ref: rx.Var[Any] = field(
         doc="Ref to the element that scrolls. Leave it out to use the page. Default: window."
@@ -1305,7 +1305,7 @@ class ScrollReveal(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "ScrollReveal"
     _rb_files = ('ScrollReveal.css', 'ScrollReveal.jsx')
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     scroll_container_ref: rx.Var[Any] = field(
         doc="Ref to the element that scrolls. Leave it out to use the page. Default: window."
@@ -1372,7 +1372,7 @@ class ScrollVelocity(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "ScrollVelocity"
     _rb_files = ('ScrollVelocity.css', 'ScrollVelocity.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     scroll_container_ref: rx.Var[Any] = field(
         doc="Optional ref for a custom scroll container to track scroll position."
@@ -1520,7 +1520,7 @@ class Shuffle(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "Shuffle"
     _rb_files = ('Shuffle.css', 'Shuffle.jsx')
-    lib_dependencies: list[str] = ['@gsap/react@2.1.2', 'gsap@3.13.0']
+    lib_dependencies: list[str] = ['@gsap/react@2.1.2', 'gsap@3.15.0']
 
     text: rx.Var[str] = field(
         doc="The text content to shuffle."
@@ -1689,7 +1689,7 @@ class SplitText(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "SplitText"
     _rb_files = ('SplitText.jsx',)
-    lib_dependencies: list[str] = ['@gsap/react@2.1.2', 'gsap@3.13.0']
+    lib_dependencies: list[str] = ['@gsap/react@2.1.2', 'gsap@3.15.0']
 
     text: rx.Var[str] = field(
         doc="The text content to animate."
@@ -1768,7 +1768,7 @@ class StrokeText(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "StrokeText"
     _rb_files = ('StrokeText.css', 'StrokeText.jsx')
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     text: rx.Var[str] = field(
         doc="The heading copy rendered as measured SVG glyphs. Default: DEFAULT_TEXT."
@@ -2012,7 +2012,7 @@ class TextLoop(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "TextLoop"
     _rb_files = ('TextLoop.css', 'TextLoop.jsx')
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     text: rx.Var[str] = field(
         doc="The phrase repeated along the curve. Default: 'React \u2726 Bits'."
@@ -2178,7 +2178,7 @@ class TextType(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "TextType"
     _rb_files = ('TextType.css', 'TextType.jsx')
-    lib_dependencies: list[str] = ['gsap@3.13.0']
+    lib_dependencies: list[str] = ['gsap@3.15.0']
 
     text: rx.Var[str | list[str]] = field(
         doc="A sentence, or a list of sentences typed one after another. Default: -."
@@ -2269,7 +2269,7 @@ class TrueFocus(ReactBitsComponent):
     _rb_category = "TextAnimations"
     _rb_name = "TrueFocus"
     _rb_files = ('TrueFocus.css', 'TrueFocus.jsx')
-    lib_dependencies: list[str] = ['motion@12.23.21']
+    lib_dependencies: list[str] = ['motion@14.3.0']
 
     sentence: rx.Var[str] = field(
         doc="The text to display with the focus animation. Default: 'True Focus'."

{reflex_reactbits-0.2.1 → reflex_reactbits-0.2.2}/custom_components/reflex_reactbits.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: reflex-reactbits
-Version: 0.2.1
+Version: 0.2.2
 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
@@ -82,8 +82,11 @@ bundle. So this package ships only the Python side:
    app at `assets/reactbits/<Category>/<Name>/` — the same thing `npx shadcn add` does in
    a React project. The files are pinned to the React Bits commit these wrappers were
    generated from.
-3. Reflex imports that file client-side only (`NoSSRComponent`) and installs the exact npm
-   versions React Bits is locked to (`motion`, `gsap`, `ogl`, `three`, ...).
+3. Reflex imports that file client-side only (`NoSSRComponent`) and installs exact npm
+   versions: the ones React Bits is locked to (`ogl`, `matter-js`, Hugeicons, ...), except
+   for `motion` 14, `three` 0.186 (with `@react-three/fiber` 9.8 and `@react-three/drei`
+   10.7) and `gsap` 3.15, which are newer than React Bits' lockfile (see `DEP_VERSIONS` in
+   `scripts/generate_wrappers.py`).
 
 The copied files belong to your app: **edit them freely**, they are never overwritten.
 Commit them if you want reproducible offline builds.
@@ -93,10 +96,12 @@ Sources are resolved from `REACTBITS_SOURCE_DIR` (a local clone of
 GitHub raw files at `REACTBITS_REF` (defaults to the pinned commit).
 
 React Bits 2.0 no longer needs React Router, Chakra UI or Tailwind, so the sources are
-copied as-is with one exception: components that render their own `<canvas>` keep their
-WebGL context on unmount instead of calling `loseContext()`. React StrictMode (on in Reflex
+copied as-is with two exceptions. Components that render their own `<canvas>` keep their
+WebGL context on unmount instead of calling `loseContext()`: React StrictMode (on in Reflex
 dev mode) re-runs effects on the same canvas, and a lost context would leave the component
-frozen or blank.
+frozen or blank. And `color_bends` and `paper_crumple` move off three.js APIs deprecated
+after r180 (`THREE.Clock` → `THREE.Timer`, `PCFSoftShadowMap` → `PCFShadowMap`), so the
+newer `three` does not log deprecation warnings.
 
 Each copy records the React Bits commit it came from in `.reactbits-ref`. When a newer
 version of this package is generated from another commit, existing copies are **not**
@@ -238,10 +243,10 @@ given pull request introduces.
 
 ```bash
 # 1. bump the version
-$EDITOR pyproject.toml          # [project] version = "0.2.1"
+$EDITOR pyproject.toml          # [project] version = "0.2.2"
 
 # 2. tag it; the tag must match that version or release.yml stops
-git tag v0.2.1 && git push origin v0.2.1
+git tag v0.2.2 && git push origin v0.2.2
 ```
 
 The tag triggers `release.yml`, which builds, creates the GitHub release with the

{reflex_reactbits-0.2.1 → reflex_reactbits-0.2.2}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "reflex-reactbits"
-version = "0.2.1"
+version = "0.2.2"
 description = "Reflex wrappers for React Bits: 200+ animated text effects, backgrounds, UI components and micro interactions."
 readme = "README.md"
 license = { text = "MIT" }