@readdy/anim 0.0.25 → 0.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/animations/header/gradient-text/index.js +36 -0
  2. package/animations/header/gradient-text/style.css +8 -2
  3. package/animations/header/shimmer-text/index.js +36 -0
  4. package/animations/header/shimmer-text/style.css +7 -2
  5. package/dist/button/3d-flip/react.js +3 -3
  6. package/dist/button/3d-flip.js +3 -3
  7. package/dist/button/blur-fade-in/react.js +1 -1
  8. package/dist/button/blur-fade-in.js +1 -1
  9. package/dist/button/border-beam/react.js +2 -2
  10. package/dist/button/border-beam.js +1 -1
  11. package/dist/button/bounce-elastic/react.js +1 -1
  12. package/dist/button/bounce-elastic.js +1 -1
  13. package/dist/button/bubble-button/react.js +2 -2
  14. package/dist/button/bubble-button.js +2 -2
  15. package/dist/button/confetti-button/react.js +2 -2
  16. package/dist/button/confetti-button.js +2 -2
  17. package/dist/button/glow-cta/react.js +3 -3
  18. package/dist/button/glow-cta.js +3 -3
  19. package/dist/button/magnetic-hover/react.js +3 -3
  20. package/dist/button/magnetic-hover.js +3 -3
  21. package/dist/button/pulse/react.js +1 -1
  22. package/dist/button/pulse.js +1 -1
  23. package/dist/button/rainbow-button/react.js +1 -1
  24. package/dist/button/rainbow-button.js +1 -1
  25. package/dist/button/shimmer-border/react.js +2 -2
  26. package/dist/button/shimmer-border.js +1 -1
  27. package/dist/button/sketch-button/react.js +2 -2
  28. package/dist/button/sketch-button.js +1 -1
  29. package/dist/card/blur-rise/react.js +1 -1
  30. package/dist/card/blur-rise.js +1 -1
  31. package/dist/card/bounce-in-bottom/react.js +1 -1
  32. package/dist/card/bounce-in-bottom.js +1 -1
  33. package/dist/card/card-fan-spread/react.js +2 -2
  34. package/dist/card/card-fan-spread.js +2 -2
  35. package/dist/card/float-idle/react.js +1 -1
  36. package/dist/card/float-idle.js +1 -1
  37. package/dist/card/image-magnifier/react.js +4 -4
  38. package/dist/card/image-magnifier.js +4 -4
  39. package/dist/card/image-zoom-rotate/react.js +3 -3
  40. package/dist/card/image-zoom-rotate.js +2 -2
  41. package/dist/card/pop-in-stack/react.js +2 -2
  42. package/dist/card/pop-in-stack.js +1 -1
  43. package/dist/card/reveal-from-top/react.js +1 -1
  44. package/dist/card/reveal-from-top.js +1 -1
  45. package/dist/card/rgb-split-glitch/react.js +2 -2
  46. package/dist/card/rgb-split-glitch.js +1 -1
  47. package/dist/card/tilted-card/react.js +3 -3
  48. package/dist/card/tilted-card.js +3 -3
  49. package/dist/chunks/{text-split-Bmp_5COC.js → text-split-6ct2SEme.js} +1 -1
  50. package/dist/chunks/{text-split-C_eLSddh.js → text-split-CdeSt_Fu.js} +1 -1
  51. package/dist/full.css +1 -1
  52. package/dist/full.js +72 -0
  53. package/dist/header/anime-splittext/react.js +2 -2
  54. package/dist/header/anime-splittext.js +1 -1
  55. package/dist/header/bounce-in-down/react.js +3 -3
  56. package/dist/header/bounce-in-down.js +3 -3
  57. package/dist/header/fly-in-chars/react.js +3 -3
  58. package/dist/header/fly-in-chars.js +3 -3
  59. package/dist/header/gradient-text/react.js +1 -1
  60. package/dist/header/gradient-text.js +37 -1
  61. package/dist/header/letter-bounce/react.js +3 -3
  62. package/dist/header/letter-bounce.js +2 -2
  63. package/dist/header/roll-in/react.js +3 -3
  64. package/dist/header/roll-in.js +3 -3
  65. package/dist/header/shimmer-text/react.js +2 -2
  66. package/dist/header/shimmer-text.js +37 -1
  67. package/dist/header/shuffle/react.js +3 -3
  68. package/dist/header/shuffle.js +3 -3
  69. package/dist/header/split-text/react.js +3 -3
  70. package/dist/header/split-text.js +3 -3
  71. package/dist/header/text-type/react.js +2 -2
  72. package/dist/header/text-type.js +2 -2
  73. package/dist/header/word-curtain-reveal/react.js +2 -2
  74. package/dist/header/word-curtain-reveal.js +2 -2
  75. package/dist/meta.json +2 -2
  76. package/dist/metadata.json +37 -37
  77. package/dist/react.css +1 -1
  78. package/package.json +1 -1
  79. /package/dist/chunks/{constants-BupFX_Dk.js → constants-B4SUCot6.js} +0 -0
  80. /package/dist/chunks/{constants-CVRGZ96T.js → constants-Ckf5cPIt.js} +0 -0
  81. /package/dist/chunks/{pointer-follow-Buww6tad.js → pointer-follow-BM2eyAGD.js} +0 -0
  82. /package/dist/chunks/{pointer-follow-DfG8HmLQ.js → pointer-follow-p3-xoxQh.js} +0 -0
  83. /package/dist/chunks/{reduced-motion-B30dZ881.js → reduced-motion-Bay2Fxcs.js} +0 -0
  84. /package/dist/chunks/{reduced-motion-BzMJn11e.js → reduced-motion-CZ_p2Mh_.js} +0 -0
  85. /package/dist/chunks/{resolve-card-media-BtaUKaDe.js → resolve-card-media-C0BoIACv.js} +0 -0
  86. /package/dist/chunks/{resolve-card-media-v4wxjviw.js → resolve-card-media-cXysS2d2.js} +0 -0
@@ -9,13 +9,49 @@ export const ANIMATION_ID = buildAnimId('gradient-text')
9
9
  import './style.css'
10
10
 
11
11
  const CSS_CLASS = buildAnimClass('gradient-text')
12
+ const UNIT_CLASS = buildAnimClass('gradient-text-unit')
13
+
14
+ function wrapTextNodes(el) {
15
+ if (!el.dataset.originalText) {
16
+ el.dataset.originalText = el.innerHTML
17
+ }
18
+
19
+ const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT)
20
+ const textNodes = []
21
+ let node = walker.nextNode()
22
+
23
+ while (node) {
24
+ textNodes.push(node)
25
+ node = walker.nextNode()
26
+ }
27
+
28
+ for (const textNode of textNodes) {
29
+ const text = textNode.textContent ?? ''
30
+ if (!text.trim()) {
31
+ continue
32
+ }
33
+
34
+ const span = document.createElement('span')
35
+ span.className = UNIT_CLASS
36
+ span.textContent = text
37
+ textNode.parentNode?.replaceChild(span, textNode)
38
+ }
39
+ }
12
40
 
13
41
  export function init(el, options = {}) {
42
+ destroy(el)
43
+
14
44
  if (!el.classList.contains(CSS_CLASS)) {
15
45
  el.classList.add(CSS_CLASS)
16
46
  }
47
+
48
+ wrapTextNodes(el)
17
49
  }
18
50
 
19
51
  export function destroy(el) {
20
52
  el.classList.remove(CSS_CLASS)
53
+ if (el.dataset.originalText) {
54
+ el.innerHTML = el.dataset.originalText
55
+ delete el.dataset.originalText
56
+ }
21
57
  }
@@ -11,14 +11,20 @@
11
11
  }
12
12
 
13
13
  .readdy-anim-gradient-text {
14
+ color: inherit;
15
+ }
16
+
17
+ .readdy-anim-gradient-text-unit {
14
18
  color: #0f172a;
19
+ display: inline;
15
20
  background: linear-gradient(90deg, #22d3ee 0%, #a78bfa 35%, #f472b6 50%, #a78bfa 65%, #22d3ee 100%);
16
21
  background-size: 200% 100%;
22
+ background-position: 0% center;
17
23
  animation: readdy-anim-gradient-flow 3s ease-in-out infinite alternate;
18
24
  }
19
25
 
20
26
  @supports ((-webkit-background-clip: text) or (background-clip: text)) {
21
- .readdy-anim-gradient-text {
27
+ .readdy-anim-gradient-text-unit {
22
28
  -webkit-background-clip: text;
23
29
  background-clip: text;
24
30
  -webkit-text-fill-color: transparent;
@@ -27,7 +33,7 @@
27
33
  }
28
34
 
29
35
  @media (prefers-reduced-motion: reduce) {
30
- .readdy-anim-gradient-text {
36
+ .readdy-anim-gradient-text-unit {
31
37
  animation: none;
32
38
  background-position: 0 0;
33
39
  }
@@ -4,13 +4,49 @@ import { buildAnimClass, buildAnimId } from '../../../shared/constants.js'
4
4
  export const ANIMATION_ID = buildAnimId('shimmer-text')
5
5
 
6
6
  const CSS_CLASS = buildAnimClass('shimmer-text')
7
+ const UNIT_CLASS = buildAnimClass('shimmer-text-unit')
8
+
9
+ function wrapTextNodes(el) {
10
+ if (!el.dataset.originalText) {
11
+ el.dataset.originalText = el.innerHTML
12
+ }
13
+
14
+ const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT)
15
+ const textNodes = []
16
+ let node = walker.nextNode()
17
+
18
+ while (node) {
19
+ textNodes.push(node)
20
+ node = walker.nextNode()
21
+ }
22
+
23
+ for (const textNode of textNodes) {
24
+ const text = textNode.textContent ?? ''
25
+ if (!text.trim()) {
26
+ continue
27
+ }
28
+
29
+ const span = document.createElement('span')
30
+ span.className = UNIT_CLASS
31
+ span.textContent = text
32
+ textNode.parentNode?.replaceChild(span, textNode)
33
+ }
34
+ }
7
35
 
8
36
  export function init(el) {
37
+ destroy(el)
38
+
9
39
  if (!el.classList.contains(CSS_CLASS)) {
10
40
  el.classList.add(CSS_CLASS)
11
41
  }
42
+
43
+ wrapTextNodes(el)
12
44
  }
13
45
 
14
46
  export function destroy(el) {
15
47
  el.classList.remove(CSS_CLASS)
48
+ if (el.dataset.originalText) {
49
+ el.innerHTML = el.dataset.originalText
50
+ delete el.dataset.originalText
51
+ }
16
52
  }
@@ -5,7 +5,12 @@
5
5
  }
6
6
 
7
7
  .readdy-anim-shimmer-text {
8
+ color: inherit;
9
+ }
10
+
11
+ .readdy-anim-shimmer-text-unit {
8
12
  color: #334155;
13
+ display: inline;
9
14
  background: linear-gradient(
10
15
  90deg,
11
16
  #334155 0%,
@@ -20,7 +25,7 @@
20
25
  }
21
26
 
22
27
  @supports ((-webkit-background-clip: text) or (background-clip: text)) {
23
- .readdy-anim-shimmer-text {
28
+ .readdy-anim-shimmer-text-unit {
24
29
  -webkit-background-clip: text;
25
30
  background-clip: text;
26
31
  color: transparent;
@@ -29,7 +34,7 @@
29
34
  }
30
35
 
31
36
  @media (prefers-reduced-motion: reduce) {
32
- .readdy-anim-shimmer-text {
37
+ .readdy-anim-shimmer-text-unit {
33
38
  animation: none;
34
39
  }
35
40
  }
@@ -1,8 +1,8 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../3d-flip.js';
3
- import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
4
- import '../../chunks/pointer-follow-Buww6tad.js';
5
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
4
+ import '../../chunks/pointer-follow-p3-xoxQh.js';
5
+ import '../../chunks/constants-Ckf5cPIt.js';
6
6
 
7
7
  function Anim3DFlip({ children, maxTilt, translate, }) {
8
8
  const ref = useRef(null);
@@ -1,6 +1,6 @@
1
- import { p as prefersReducedMotion } from '../chunks/reduced-motion-B30dZ881.js';
2
- import { a as attachPointerFollow, g as getPointerMetrics } from '../chunks/pointer-follow-Buww6tad.js';
3
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
2
+ import { a as attachPointerFollow, g as getPointerMetrics } from '../chunks/pointer-follow-p3-xoxQh.js';
3
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
4
4
 
5
5
  const ANIMATION_ID = buildAnimId('3d-flip');
6
6
 
@@ -1,6 +1,6 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../blur-fade-in.js';
3
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import '../../chunks/constants-Ckf5cPIt.js';
4
4
 
5
5
  /**
6
6
  * Blur Fade In — 按钮模糊淡入
@@ -1,4 +1,4 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
2
 
3
3
  const ANIMATION_ID = buildAnimId('blur-fade-in');
4
4
 
@@ -1,7 +1,7 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
- import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
2
+ import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
3
3
  import { init, destroy } from '../border-beam.js';
4
- import '../../chunks/constants-CVRGZ96T.js';
4
+ import '../../chunks/constants-Ckf5cPIt.js';
5
5
 
6
6
  function AnimBorderBeam({ children, duration, delay, borderWidth, glowOpacity, size, initialOffset, colorFrom, colorTo, reverse, respectReducedMotion = true, }) {
7
7
  const ref = useRef(null);
@@ -1,4 +1,4 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
2
 
3
3
  const ANIMATION_ID = buildAnimId('border-beam');
4
4
 
@@ -1,6 +1,6 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../bounce-elastic.js';
3
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import '../../chunks/constants-Ckf5cPIt.js';
4
4
 
5
5
  /**
6
6
  * Bounce Elastic — 按钮弹性弹入
@@ -1,4 +1,4 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
2
 
3
3
  const ANIMATION_ID = buildAnimId('bounce-elastic');
4
4
 
@@ -1,7 +1,7 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../bubble-button.js';
3
- import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
4
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
4
+ import '../../chunks/constants-Ckf5cPIt.js';
5
5
 
6
6
  function AnimBubbleButton({ children }) {
7
7
  const ref = useRef(null);
@@ -1,5 +1,5 @@
1
- import { p as prefersReducedMotion } from '../chunks/reduced-motion-B30dZ881.js';
2
- import { b as buildAnimId, a as buildAnimClass, c as buildAnimDomId } from '../chunks/constants-CVRGZ96T.js';
1
+ import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
2
+ import { b as buildAnimId, a as buildAnimClass, c as buildAnimDomId } from '../chunks/constants-Ckf5cPIt.js';
3
3
 
4
4
  const ANIMATION_ID = buildAnimId('bubble-button');
5
5
 
@@ -1,7 +1,7 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../confetti-button.js';
3
- import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
4
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
4
+ import '../../chunks/constants-Ckf5cPIt.js';
5
5
 
6
6
  function AnimConfettiButton({ children, pieces, colors, respectReducedMotion = true, }) {
7
7
  const ref = useRef(null);
@@ -1,5 +1,5 @@
1
- import { p as prefersReducedMotion } from '../chunks/reduced-motion-B30dZ881.js';
2
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
2
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
3
3
 
4
4
  const ANIMATION_ID = buildAnimId('confetti-button');
5
5
 
@@ -1,8 +1,8 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../glow-cta.js';
3
- import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
4
- import '../../chunks/constants-CVRGZ96T.js';
5
- import '../../chunks/pointer-follow-Buww6tad.js';
3
+ import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
4
+ import '../../chunks/constants-Ckf5cPIt.js';
5
+ import '../../chunks/pointer-follow-p3-xoxQh.js';
6
6
 
7
7
  function AnimGlowCta({ children, scale, arrowPadding, idleOpacity, activeOpacity, inset, }) {
8
8
  const ref = useRef(null);
@@ -1,6 +1,6 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
2
- import { p as prefersReducedMotion } from '../chunks/reduced-motion-B30dZ881.js';
3
- import { a as attachPointerFollow } from '../chunks/pointer-follow-Buww6tad.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
+ import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
3
+ import { a as attachPointerFollow } from '../chunks/pointer-follow-p3-xoxQh.js';
4
4
 
5
5
  const ANIMATION_ID = buildAnimId('glow-cta');
6
6
 
@@ -1,8 +1,8 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../magnetic-hover.js';
3
- import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
4
- import '../../chunks/pointer-follow-Buww6tad.js';
5
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
4
+ import '../../chunks/pointer-follow-p3-xoxQh.js';
5
+ import '../../chunks/constants-Ckf5cPIt.js';
6
6
 
7
7
  function AnimMagneticHover({ children, padding, strength, }) {
8
8
  const ref = useRef(null);
@@ -1,6 +1,6 @@
1
- import { p as prefersReducedMotion } from '../chunks/reduced-motion-B30dZ881.js';
2
- import { a as attachPointerFollow, g as getPointerMetrics } from '../chunks/pointer-follow-Buww6tad.js';
3
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
2
+ import { a as attachPointerFollow, g as getPointerMetrics } from '../chunks/pointer-follow-p3-xoxQh.js';
3
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
4
4
 
5
5
  const ANIMATION_ID = buildAnimId('magnetic-hover');
6
6
 
@@ -1,6 +1,6 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../pulse.js';
3
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import '../../chunks/constants-Ckf5cPIt.js';
4
4
 
5
5
  /**
6
6
  * Pulse — 按钮持续脉冲
@@ -1,4 +1,4 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
2
 
3
3
  const ANIMATION_ID = buildAnimId('pulse');
4
4
 
@@ -1,6 +1,6 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../rainbow-button.js';
3
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import '../../chunks/constants-Ckf5cPIt.js';
4
4
 
5
5
  /**
6
6
  * Rainbow Button — 彩虹按钮
@@ -1,4 +1,4 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
2
 
3
3
  const ANIMATION_ID = buildAnimId('rainbow-button');
4
4
 
@@ -1,7 +1,7 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
- import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
2
+ import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
3
3
  import { init, destroy } from '../shimmer-border.js';
4
- import '../../chunks/constants-CVRGZ96T.js';
4
+ import '../../chunks/constants-Ckf5cPIt.js';
5
5
 
6
6
  function AnimShimmerBorder({ children, duration, borderWidth, opacity, }) {
7
7
  const ref = useRef(null);
@@ -1,4 +1,4 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
2
 
3
3
  const ANIMATION_ID = buildAnimId('shimmer-border');
4
4
 
@@ -1,7 +1,7 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../sketch-button.js';
3
- import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
4
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
4
+ import '../../chunks/constants-Ckf5cPIt.js';
5
5
 
6
6
  function AnimSketchButton({ children }) {
7
7
  const ref = useRef(null);
@@ -1,4 +1,4 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
2
 
3
3
  const ANIMATION_ID = buildAnimId('sketch-button');
4
4
 
@@ -1,6 +1,6 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../blur-rise.js';
3
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import '../../chunks/constants-Ckf5cPIt.js';
4
4
 
5
5
  /**
6
6
  * Blur Rise — 卡片从模糊中升起
@@ -1,4 +1,4 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
2
 
3
3
  const ANIMATION_ID = buildAnimId('blur-rise');
4
4
 
@@ -1,6 +1,6 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../bounce-in-bottom.js';
3
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import '../../chunks/constants-Ckf5cPIt.js';
4
4
 
5
5
  /**
6
6
  * Bounce In Bottom — 卡片从底部弹入
@@ -1,4 +1,4 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
2
 
3
3
  const ANIMATION_ID = buildAnimId('bounce-in-bottom');
4
4
 
@@ -1,7 +1,7 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../card-fan-spread.js';
3
- import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
4
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
4
+ import '../../chunks/constants-Ckf5cPIt.js';
5
5
 
6
6
  function AnimCardFanSpread({ children, spreadDistance, spreadRotate, depthRotate, lift, duration, }) {
7
7
  const ref = useRef(null);
@@ -1,5 +1,5 @@
1
- import { p as prefersReducedMotion } from '../chunks/reduced-motion-B30dZ881.js';
2
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
2
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
3
3
 
4
4
  const ANIMATION_ID = buildAnimId('card-fan-spread');
5
5
 
@@ -1,6 +1,6 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../float-idle.js';
3
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import '../../chunks/constants-Ckf5cPIt.js';
4
4
 
5
5
  /**
6
6
  * Float Idle — 卡片悬浮idle
@@ -1,4 +1,4 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
2
 
3
3
  const ANIMATION_ID = buildAnimId('float-idle');
4
4
 
@@ -1,9 +1,9 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../image-magnifier.js';
3
- import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
4
- import '../../chunks/constants-CVRGZ96T.js';
5
- import '../../chunks/pointer-follow-Buww6tad.js';
6
- import '../../chunks/resolve-card-media-v4wxjviw.js';
3
+ import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
4
+ import '../../chunks/constants-Ckf5cPIt.js';
5
+ import '../../chunks/pointer-follow-p3-xoxQh.js';
6
+ import '../../chunks/resolve-card-media-C0BoIACv.js';
7
7
 
8
8
  function AnimImageMagnifier({ children, lensSize, zoom, fadeDuration, }) {
9
9
  const ref = useRef(null);
@@ -1,7 +1,7 @@
1
- import { p as prefersReducedMotion } from '../chunks/reduced-motion-B30dZ881.js';
2
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
3
- import { a as attachPointerFollow } from '../chunks/pointer-follow-Buww6tad.js';
4
- import { r as resolveCardMediaElement } from '../chunks/resolve-card-media-v4wxjviw.js';
1
+ import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
2
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
3
+ import { a as attachPointerFollow } from '../chunks/pointer-follow-p3-xoxQh.js';
4
+ import { r as resolveCardMediaElement } from '../chunks/resolve-card-media-C0BoIACv.js';
5
5
 
6
6
  const ANIMATION_ID = buildAnimId('image-magnifier');
7
7
 
@@ -1,8 +1,8 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../image-zoom-rotate.js';
3
- import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
4
- import '../../chunks/constants-CVRGZ96T.js';
5
- import '../../chunks/resolve-card-media-v4wxjviw.js';
3
+ import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
4
+ import '../../chunks/constants-Ckf5cPIt.js';
5
+ import '../../chunks/resolve-card-media-C0BoIACv.js';
6
6
 
7
7
  function AnimImageZoomRotate({ children, scale, rotate, duration, }) {
8
8
  const ref = useRef(null);
@@ -1,5 +1,5 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
2
- import { r as resolveCardMediaElement } from '../chunks/resolve-card-media-v4wxjviw.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
+ import { r as resolveCardMediaElement } from '../chunks/resolve-card-media-C0BoIACv.js';
3
3
 
4
4
  const ANIMATION_ID = buildAnimId('image-zoom-rotate');
5
5
 
@@ -1,7 +1,7 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../pop-in-stack.js';
3
- import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
4
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
4
+ import '../../chunks/constants-Ckf5cPIt.js';
5
5
 
6
6
  function AnimPopInStack({ children, delay, duration, offset, scaleStart, }) {
7
7
  const ref = useRef(null);
@@ -1,4 +1,4 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
2
 
3
3
  const ANIMATION_ID = buildAnimId('pop-in-stack');
4
4
 
@@ -1,6 +1,6 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../reveal-from-top.js';
3
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import '../../chunks/constants-Ckf5cPIt.js';
4
4
 
5
5
  /**
6
6
  * Reveal From Top — 卡片从顶部揭示
@@ -1,4 +1,4 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
2
 
3
3
  const ANIMATION_ID = buildAnimId('reveal-from-top');
4
4
 
@@ -1,7 +1,7 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
- import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
2
+ import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
3
3
  import { init, destroy } from '../rgb-split-glitch.js';
4
- import '../../chunks/constants-CVRGZ96T.js';
4
+ import '../../chunks/constants-Ckf5cPIt.js';
5
5
 
6
6
  function AnimRgbSplitGlitch({ children, duration, shift, shadowOffset, }) {
7
7
  const ref = useRef(null);
@@ -1,4 +1,4 @@
1
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
2
2
 
3
3
  const ANIMATION_ID = buildAnimId('rgb-split-glitch');
4
4
 
@@ -1,8 +1,8 @@
1
1
  import React, { useRef, useEffect } from 'react';
2
2
  import { init, destroy } from '../tilted-card.js';
3
- import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
4
- import '../../chunks/pointer-follow-Buww6tad.js';
5
- import '../../chunks/constants-CVRGZ96T.js';
3
+ import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
4
+ import '../../chunks/pointer-follow-p3-xoxQh.js';
5
+ import '../../chunks/constants-Ckf5cPIt.js';
6
6
 
7
7
  function AnimTiltedCard({ children, maxTilt, scale, perspective, duration, }) {
8
8
  const ref = useRef(null);
@@ -1,6 +1,6 @@
1
- import { p as prefersReducedMotion } from '../chunks/reduced-motion-B30dZ881.js';
2
- import { a as attachPointerFollow, g as getPointerMetrics } from '../chunks/pointer-follow-Buww6tad.js';
3
- import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
1
+ import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
2
+ import { a as attachPointerFollow, g as getPointerMetrics } from '../chunks/pointer-follow-p3-xoxQh.js';
3
+ import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
4
4
 
5
5
  const ANIMATION_ID = buildAnimId('tilted-card');
6
6
 
@@ -1,4 +1,4 @@
1
- import { a as buildAnimClass } from './constants-CVRGZ96T.js';
1
+ import { a as buildAnimClass } from './constants-B4SUCot6.js';
2
2
 
3
3
  /**
4
4
  * @readdy/anim/shared/text-split.js
@@ -1,4 +1,4 @@
1
- import { a as buildAnimClass } from './constants-BupFX_Dk.js';
1
+ import { a as buildAnimClass } from './constants-Ckf5cPIt.js';
2
2
 
3
3
  /**
4
4
  * @readdy/anim/shared/text-split.js