@readdy/anim 0.0.21 → 0.0.26

package/dist/header/anime-splittext/react.js

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect } from 'react';
-import { p as prefersReducedMotion } from '../../chunks/reduced-motion-HX79Ac8G.js';
+import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
 import { init, destroy } from '../anime-splittext.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 function AnimAnimeSplittext({ children, stagger, duration, }) {
     const ref = useRef(null);

package/dist/header/anime-splittext.js

@@ -1,4 +1,4 @@
-import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-EnH6-Pz4.js';
+import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
 
 const ANIMATION_ID = buildAnimId('anime-splittext');
 

package/dist/header/bounce-in-down/react.js

@@ -1,8 +1,8 @@
 import React, { useRef, useEffect } from 'react';
-import { p as prefersReducedMotion } from '../../chunks/reduced-motion-HX79Ac8G.js';
+import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
 import { init, destroy } from '../bounce-in-down.js';
-import '../../chunks/constants-EnH6-Pz4.js';
-import '../../chunks/text-split-frOR4UpH.js';
+import '../../chunks/constants-Ckf5cPIt.js';
+import '../../chunks/text-split-CdeSt_Fu.js';
 
 /**
  * Bounce In Down — 从上方弹入

package/dist/header/bounce-in-down.js

@@ -1,6 +1,6 @@
-import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-EnH6-Pz4.js';
-import { s as splitTextIntoChars } from '../chunks/text-split-frOR4UpH.js';
-import { p as prefersReducedMotion } from '../chunks/reduced-motion-HX79Ac8G.js';
+import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
+import { s as splitTextIntoChars } from '../chunks/text-split-CdeSt_Fu.js';
+import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
 
 const ANIMATION_ID = buildAnimId('bounce-in-down');
 

package/dist/header/fly-in-chars/react.js

@@ -1,8 +1,8 @@
 import React, { useRef, useEffect } from 'react';
-import { p as prefersReducedMotion } from '../../chunks/reduced-motion-HX79Ac8G.js';
+import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
 import { init, destroy } from '../fly-in-chars.js';
-import '../../chunks/text-split-frOR4UpH.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import '../../chunks/text-split-CdeSt_Fu.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 function AnimFlyInChars({ children, stagger, maxChars, }) {
     const ref = useRef(null);

package/dist/header/fly-in-chars.js

@@ -1,6 +1,6 @@
-import { s as splitTextIntoChars } from '../chunks/text-split-frOR4UpH.js';
-import { p as prefersReducedMotion } from '../chunks/reduced-motion-HX79Ac8G.js';
-import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-EnH6-Pz4.js';
+import { s as splitTextIntoChars } from '../chunks/text-split-CdeSt_Fu.js';
+import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
+import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
 
 const ANIMATION_ID = buildAnimId('fly-in-chars');
 

package/dist/header/gradient-text/react.js

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../gradient-text.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 /**
  * Gradient Text — 渐变文字

package/dist/header/gradient-text.js

@@ -1,17 +1,53 @@
-import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-EnH6-Pz4.js';
+import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
 
 const ANIMATION_ID = buildAnimId('gradient-text');
 
 const CSS_CLASS = buildAnimClass('gradient-text');
+const UNIT_CLASS = buildAnimClass('gradient-text-unit');
+
+function wrapTextNodes(el) {
+  if (!el.dataset.originalText) {
+    el.dataset.originalText = el.innerHTML;
+  }
+
+  const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
+  const textNodes = [];
+  let node = walker.nextNode();
+
+  while (node) {
+    textNodes.push(node);
+    node = walker.nextNode();
+  }
+
+  for (const textNode of textNodes) {
+    const text = textNode.textContent ?? '';
+    if (!text.trim()) {
+      continue
+    }
+
+    const span = document.createElement('span');
+    span.className = UNIT_CLASS;
+    span.textContent = text;
+    textNode.parentNode?.replaceChild(span, textNode);
+  }
+}
 
 function init(el, options = {}) {
+  destroy(el);
+
   if (!el.classList.contains(CSS_CLASS)) {
     el.classList.add(CSS_CLASS);
   }
+
+  wrapTextNodes(el);
 }
 
 function destroy(el) {
   el.classList.remove(CSS_CLASS);
+  if (el.dataset.originalText) {
+    el.innerHTML = el.dataset.originalText;
+    delete el.dataset.originalText;
+  }
 }
 
 export { ANIMATION_ID, destroy, init };

package/dist/header/letter-bounce/react.js

@@ -1,8 +1,8 @@
 import React, { useRef, useEffect } from 'react';
-import { p as prefersReducedMotion } from '../../chunks/reduced-motion-HX79Ac8G.js';
+import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
 import { init, destroy } from '../letter-bounce.js';
-import '../../chunks/text-split-frOR4UpH.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import '../../chunks/text-split-CdeSt_Fu.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 function AnimLetterBounce({ children, stagger, maxChars, duration, amplitude, }) {
     const ref = useRef(null);

package/dist/header/letter-bounce.js

@@ -1,5 +1,5 @@
-import { s as splitTextIntoChars } from '../chunks/text-split-frOR4UpH.js';
-import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-EnH6-Pz4.js';
+import { s as splitTextIntoChars } from '../chunks/text-split-CdeSt_Fu.js';
+import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
 
 const ANIMATION_ID = buildAnimId('letter-bounce');
 

package/dist/header/roll-in/react.js

@@ -1,8 +1,8 @@
 import React, { useRef, useEffect } from 'react';
-import { p as prefersReducedMotion } from '../../chunks/reduced-motion-HX79Ac8G.js';
+import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
 import { init, destroy } from '../roll-in.js';
-import '../../chunks/constants-EnH6-Pz4.js';
-import '../../chunks/text-split-frOR4UpH.js';
+import '../../chunks/constants-Ckf5cPIt.js';
+import '../../chunks/text-split-CdeSt_Fu.js';
 
 /**
  * Roll In — 文字滚入

package/dist/header/roll-in.js

@@ -1,6 +1,6 @@
-import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-EnH6-Pz4.js';
-import { s as splitTextIntoChars } from '../chunks/text-split-frOR4UpH.js';
-import { p as prefersReducedMotion } from '../chunks/reduced-motion-HX79Ac8G.js';
+import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
+import { s as splitTextIntoChars } from '../chunks/text-split-CdeSt_Fu.js';
+import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
 
 const ANIMATION_ID = buildAnimId('roll-in');
 

package/dist/header/shimmer-text/react.js

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect } from 'react';
-import { p as prefersReducedMotion } from '../../chunks/reduced-motion-HX79Ac8G.js';
+import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
 import { init, destroy } from '../shimmer-text.js';
-import { a as buildAnimClass } from '../../chunks/constants-EnH6-Pz4.js';
+import { a as buildAnimClass } from '../../chunks/constants-Ckf5cPIt.js';
 
 const CSS_CLASS = buildAnimClass('shimmer-text');
 function AnimShimmerText({ children }) {

package/dist/header/shimmer-text.js

@@ -1,17 +1,53 @@
-import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-EnH6-Pz4.js';
+import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
 
 const ANIMATION_ID = buildAnimId('shimmer-text');
 
 const CSS_CLASS = buildAnimClass('shimmer-text');
+const UNIT_CLASS = buildAnimClass('shimmer-text-unit');
+
+function wrapTextNodes(el) {
+  if (!el.dataset.originalText) {
+    el.dataset.originalText = el.innerHTML;
+  }
+
+  const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
+  const textNodes = [];
+  let node = walker.nextNode();
+
+  while (node) {
+    textNodes.push(node);
+    node = walker.nextNode();
+  }
+
+  for (const textNode of textNodes) {
+    const text = textNode.textContent ?? '';
+    if (!text.trim()) {
+      continue
+    }
+
+    const span = document.createElement('span');
+    span.className = UNIT_CLASS;
+    span.textContent = text;
+    textNode.parentNode?.replaceChild(span, textNode);
+  }
+}
 
 function init(el) {
+  destroy(el);
+
   if (!el.classList.contains(CSS_CLASS)) {
     el.classList.add(CSS_CLASS);
   }
+
+  wrapTextNodes(el);
 }
 
 function destroy(el) {
   el.classList.remove(CSS_CLASS);
+  if (el.dataset.originalText) {
+    el.innerHTML = el.dataset.originalText;
+    delete el.dataset.originalText;
+  }
 }
 
 export { ANIMATION_ID, destroy, init };

package/dist/header/shuffle/react.js

@@ -1,8 +1,8 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../shuffle.js';
-import { p as prefersReducedMotion } from '../../chunks/reduced-motion-HX79Ac8G.js';
-import '../../chunks/text-split-frOR4UpH.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
+import '../../chunks/text-split-CdeSt_Fu.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 function AnimShuffle({ children, stagger, shuffleFrames, frameDelay, maxChars, idleOpacity, idleOffset, idleScale, settleDuration, }) {
     const ref = useRef(null);

package/dist/header/shuffle.js

@@ -1,6 +1,6 @@
-import { s as splitTextIntoChars } from '../chunks/text-split-frOR4UpH.js';
-import { p as prefersReducedMotion } from '../chunks/reduced-motion-HX79Ac8G.js';
-import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-EnH6-Pz4.js';
+import { s as splitTextIntoChars } from '../chunks/text-split-CdeSt_Fu.js';
+import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
+import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
 
 const ANIMATION_ID = buildAnimId('shuffle');
 

package/dist/header/split-text/react.js

@@ -1,8 +1,8 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../split-text.js';
-import { p as prefersReducedMotion } from '../../chunks/reduced-motion-HX79Ac8G.js';
-import '../../chunks/text-split-frOR4UpH.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
+import '../../chunks/text-split-CdeSt_Fu.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 function AnimSplitText({ children, stagger, maxChars, threshold, rootMargin, }) {
     const ref = useRef(null);

package/dist/header/split-text.js

@@ -1,6 +1,6 @@
-import { s as splitTextIntoChars } from '../chunks/text-split-frOR4UpH.js';
-import { p as prefersReducedMotion } from '../chunks/reduced-motion-HX79Ac8G.js';
-import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-EnH6-Pz4.js';
+import { s as splitTextIntoChars } from '../chunks/text-split-CdeSt_Fu.js';
+import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
+import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
 
 const ANIMATION_ID = buildAnimId('split-text');
 

package/dist/header/text-type/react.js

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../text-type.js';
-import { p as prefersReducedMotion } from '../../chunks/reduced-motion-HX79Ac8G.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 function AnimTextType({ children, texts, typingSpeed, deletingSpeed, pauseDuration, caretBlinkDuration, gap, caretWidth, }) {
     const ref = useRef(null);

package/dist/header/text-type.js

@@ -1,5 +1,5 @@
-import { p as prefersReducedMotion } from '../chunks/reduced-motion-HX79Ac8G.js';
-import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-EnH6-Pz4.js';
+import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
+import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
 
 const ANIMATION_ID = buildAnimId('text-type');
 

package/dist/header/word-curtain-reveal/react.js

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect } from 'react';
-import { p as prefersReducedMotion } from '../../chunks/reduced-motion-HX79Ac8G.js';
+import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
 import { init, destroy } from '../word-curtain-reveal.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 function AnimWordCurtainReveal({ children, stagger, duration, }) {
     const ref = useRef(null);

package/dist/header/word-curtain-reveal.js

@@ -1,5 +1,5 @@
-import { p as prefersReducedMotion } from '../chunks/reduced-motion-HX79Ac8G.js';
-import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-EnH6-Pz4.js';
+import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
+import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
 
 const ANIMATION_ID = buildAnimId('word-curtain-reveal');
 

package/dist/meta.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.0.21",
-  "buildTime": "2026-06-26T01:44:59.450Z",
+  "version": "0.0.26",
+  "buildTime": "2026-06-26T10:32:15.298Z",
   "js": "./full.js",
   "css": "./full.css"
 }