@readdy/anim 0.0.21 → 0.0.26

package/animations/button/confetti-button/index.js

@@ -39,7 +39,7 @@ export function init(el, options = {}) {
   el.classList.add(CSS_CLASS)
 
   const onClick = () => {
-    if (prefersReducedMotion()) {
+    if (options.respectReducedMotion !== false && prefersReducedMotion()) {
       return
     }
     const timeoutId = createBurst(el, options)

package/animations/button/confetti-button/react.tsx

@@ -6,25 +6,27 @@ type AnimConfettiButtonProps = {
   children: React.ReactElement
   pieces?: number
   colors?: string[]
+  respectReducedMotion?: boolean
 }
 
 export function AnimConfettiButton({
   children,
   pieces,
   colors,
+  respectReducedMotion = true,
 }: AnimConfettiButtonProps) {
   const ref = useRef<HTMLElement>(null)
   const colorsKey = colors?.join('\u0001') ?? ''
 
   useEffect(() => {
     const el = ref.current
-    if (!el || prefersReducedMotion()) return
+    if (!el || (respectReducedMotion && prefersReducedMotion())) return
 
-    init(el, { pieces, colors })
+    init(el, { pieces, colors, respectReducedMotion })
     return () => {
       destroy(el)
     }
-  }, [colorsKey, pieces])
+  }, [colorsKey, pieces, respectReducedMotion])
 
   return React.cloneElement(React.Children.only(children), { ref })
 }

package/animations/card/magic-ui-border-beam/index.js

@@ -0,0 +1,26 @@
+import { buildAnimId } from '../../../shared/constants.js'
+import { init as initBorderBeam, destroy as destroyBorderBeam } from '../../button/border-beam/index.js'
+
+export const ANIMATION_ID = buildAnimId('magic-ui-border-beam')
+
+import './style.css'
+
+export function init(el, options = {}) {
+  initBorderBeam(el, {
+    duration: options.duration ?? 3000,
+    delay: options.delay ?? 0,
+    borderWidth: options.borderWidth ?? 1.35,
+    glowOpacity: options.glowOpacity ?? 0.28,
+    size: options.size,
+    initialOffset: options.initialOffset ?? 0,
+    colorFrom: options.colorFrom ?? '#ff6b6b',
+    colorTo: options.colorTo ?? '#ffb86b',
+    secondaryColorFrom: options.secondaryColorFrom ?? '#5ea0ff',
+    secondaryColorTo: options.secondaryColorTo ?? '#9ec5ff',
+    reverse: options.reverse ?? false,
+  })
+}
+
+export function destroy(el) {
+  destroyBorderBeam(el)
+}

package/animations/card/magic-ui-border-beam/react.tsx

@@ -0,0 +1,8 @@
+import React from 'react'
+import { AnimBorderBeam } from '../../button/border-beam/react'
+
+type AnimMagicUIBorderBeamProps = React.ComponentProps<typeof AnimBorderBeam>
+
+export function AnimMagicUIBorderBeam(props: AnimMagicUIBorderBeamProps) {
+  return <AnimBorderBeam {...props} />
+}

package/animations/card/magic-ui-border-beam/style.css

@@ -0,0 +1 @@
+@import "../../button/border-beam/style.css";

package/animations/header/blur-to-sharp-rise/index.js

@@ -0,0 +1,14 @@
+import { buildAnimId } from '../../../shared/constants.js'
+import { init as initBlurRise, destroy as destroyBlurRise } from '../../card/blur-rise/index.js'
+
+export const ANIMATION_ID = buildAnimId('blur-to-sharp-rise')
+
+import './style.css'
+
+export function init(el, options = {}) {
+  initBlurRise(el, options)
+}
+
+export function destroy(el) {
+  destroyBlurRise(el)
+}

package/animations/header/blur-to-sharp-rise/react.tsx

@@ -0,0 +1,6 @@
+import React from 'react'
+import { AnimBlurRise } from '../../card/blur-rise/react'
+
+export function AnimBlurToSharpRise({ children }: { children: React.ReactElement }) {
+  return <AnimBlurRise>{children}</AnimBlurRise>
+}

package/animations/header/blur-to-sharp-rise/style.css

@@ -0,0 +1 @@
+@import "../../card/blur-rise/style.css";

package/animations/header/gradient-text/index.js

@@ -9,13 +9,49 @@ export const ANIMATION_ID = buildAnimId('gradient-text')
 import './style.css'
 
 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)
+  }
+}
 
 export function init(el, options = {}) {
+  destroy(el)
+
   if (!el.classList.contains(CSS_CLASS)) {
     el.classList.add(CSS_CLASS)
   }
+
+  wrapTextNodes(el)
 }
 
 export function destroy(el) {
   el.classList.remove(CSS_CLASS)
+  if (el.dataset.originalText) {
+    el.innerHTML = el.dataset.originalText
+    delete el.dataset.originalText
+  }
 }

package/animations/header/gradient-text/style.css

@@ -11,17 +11,29 @@
 }
 
 .readdy-anim-gradient-text {
+  color: inherit;
+}
+
+.readdy-anim-gradient-text-unit {
+  color: #0f172a;
+  display: inline;
   background: linear-gradient(90deg, #22d3ee 0%, #a78bfa 35%, #f472b6 50%, #a78bfa 65%, #22d3ee 100%);
   background-size: 200% 100%;
-  -webkit-background-clip: text;
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  color: transparent;
+  background-position: 0% center;
   animation: readdy-anim-gradient-flow 3s ease-in-out infinite alternate;
 }
 
+@supports ((-webkit-background-clip: text) or (background-clip: text)) {
+  .readdy-anim-gradient-text-unit {
+    -webkit-background-clip: text;
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+    color: transparent;
+  }
+}
+
 @media (prefers-reduced-motion: reduce) {
-  .readdy-anim-gradient-text {
+  .readdy-anim-gradient-text-unit {
     animation: none;
     background-position: 0 0;
   }

package/animations/header/shimmer-text/index.js

@@ -4,13 +4,49 @@ import { buildAnimClass, buildAnimId } from '../../../shared/constants.js'
 export 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)
+  }
+}
 
 export function init(el) {
+  destroy(el)
+
   if (!el.classList.contains(CSS_CLASS)) {
     el.classList.add(CSS_CLASS)
   }
+
+  wrapTextNodes(el)
 }
 
 export function destroy(el) {
   el.classList.remove(CSS_CLASS)
+  if (el.dataset.originalText) {
+    el.innerHTML = el.dataset.originalText
+    delete el.dataset.originalText
+  }
 }

package/animations/header/shimmer-text/style.css

@@ -5,6 +5,12 @@
 }
 
 .readdy-anim-shimmer-text {
+  color: inherit;
+}
+
+.readdy-anim-shimmer-text-unit {
+  color: #334155;
+  display: inline;
   background: linear-gradient(
     90deg,
     #334155 0%,
@@ -15,15 +21,20 @@
   );
   background-size: 200% 100%;
   background-position: 0% center;
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
-  -webkit-text-fill-color: transparent;
   animation: readdy-anim-shimmer-text 2.2s linear infinite;
 }
 
+@supports ((-webkit-background-clip: text) or (background-clip: text)) {
+  .readdy-anim-shimmer-text-unit {
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+    -webkit-text-fill-color: transparent;
+  }
+}
+
 @media (prefers-reduced-motion: reduce) {
-  .readdy-anim-shimmer-text {
+  .readdy-anim-shimmer-text-unit {
     animation: none;
   }
 }

package/dist/button/3d-flip/react.js

@@ -1,8 +1,8 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../3d-flip.js';
-import { p as prefersReducedMotion } from '../../chunks/reduced-motion-HX79Ac8G.js';
-import '../../chunks/pointer-follow-BETANySn.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
+import '../../chunks/pointer-follow-p3-xoxQh.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 function Anim3DFlip({ children, maxTilt, translate, }) {
     const ref = useRef(null);

package/dist/button/3d-flip.js

@@ -1,6 +1,6 @@
-import { p as prefersReducedMotion } from '../chunks/reduced-motion-HX79Ac8G.js';
-import { a as attachPointerFollow, g as getPointerMetrics } from '../chunks/pointer-follow-BETANySn.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 { a as attachPointerFollow, g as getPointerMetrics } from '../chunks/pointer-follow-p3-xoxQh.js';
+import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
 
 const ANIMATION_ID = buildAnimId('3d-flip');
 

package/dist/button/blur-fade-in/react.js

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../blur-fade-in.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 /**
  * Blur Fade In — 按钮模糊淡入

package/dist/button/blur-fade-in.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('blur-fade-in');
 

package/dist/button/border-beam/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 '../border-beam.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 function AnimBorderBeam({ children, duration, delay, borderWidth, glowOpacity, size, initialOffset, colorFrom, colorTo, reverse, respectReducedMotion = true, }) {
     const ref = useRef(null);

package/dist/button/border-beam.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('border-beam');
 

package/dist/button/bounce-elastic/react.js

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../bounce-elastic.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 /**
  * Bounce Elastic — 按钮弹性弹入

package/dist/button/bounce-elastic.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('bounce-elastic');
 

package/dist/button/bubble-button/react.js

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../bubble-button.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 AnimBubbleButton({ children }) {
     const ref = useRef(null);

package/dist/button/bubble-button.js

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

package/dist/button/confetti-button/react.js

@@ -1,20 +1,20 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../confetti-button.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 AnimConfettiButton({ children, pieces, colors, }) {
+function AnimConfettiButton({ children, pieces, colors, respectReducedMotion = true, }) {
     const ref = useRef(null);
     const colorsKey = colors?.join('\u0001') ?? '';
     useEffect(() => {
         const el = ref.current;
-        if (!el || prefersReducedMotion())
+        if (!el || (respectReducedMotion && prefersReducedMotion()))
             return;
-        init(el, { pieces, colors });
+        init(el, { pieces, colors, respectReducedMotion });
         return () => {
             destroy(el);
         };
-    }, [colorsKey, pieces]);
+    }, [colorsKey, pieces, respectReducedMotion]);
     return React.cloneElement(React.Children.only(children), { ref });
 }
 

package/dist/button/confetti-button.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('confetti-button');
 
@@ -38,7 +38,7 @@ function init(el, options = {}) {
   el.classList.add(CSS_CLASS);
 
   const onClick = () => {
-    if (prefersReducedMotion()) {
+    if (options.respectReducedMotion !== false && prefersReducedMotion()) {
       return
     }
     const timeoutId = createBurst(el, options);

package/dist/button/glow-cta/react.js

@@ -1,8 +1,8 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../glow-cta.js';
-import { p as prefersReducedMotion } from '../../chunks/reduced-motion-HX79Ac8G.js';
-import '../../chunks/constants-EnH6-Pz4.js';
-import '../../chunks/pointer-follow-BETANySn.js';
+import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
+import '../../chunks/constants-Ckf5cPIt.js';
+import '../../chunks/pointer-follow-p3-xoxQh.js';
 
 function AnimGlowCta({ children, scale, arrowPadding, idleOpacity, activeOpacity, inset, }) {
     const ref = useRef(null);

package/dist/button/glow-cta.js

@@ -1,6 +1,6 @@
-import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-EnH6-Pz4.js';
-import { p as prefersReducedMotion } from '../chunks/reduced-motion-HX79Ac8G.js';
-import { a as attachPointerFollow } from '../chunks/pointer-follow-BETANySn.js';
+import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
+import { p as prefersReducedMotion } from '../chunks/reduced-motion-Bay2Fxcs.js';
+import { a as attachPointerFollow } from '../chunks/pointer-follow-p3-xoxQh.js';
 
 const ANIMATION_ID = buildAnimId('glow-cta');
 

package/dist/button/magnetic-hover/react.js

@@ -1,8 +1,8 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../magnetic-hover.js';
-import { p as prefersReducedMotion } from '../../chunks/reduced-motion-HX79Ac8G.js';
-import '../../chunks/pointer-follow-BETANySn.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
+import '../../chunks/pointer-follow-p3-xoxQh.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 function AnimMagneticHover({ children, padding, strength, }) {
     const ref = useRef(null);

package/dist/button/magnetic-hover.js

@@ -1,6 +1,6 @@
-import { p as prefersReducedMotion } from '../chunks/reduced-motion-HX79Ac8G.js';
-import { a as attachPointerFollow, g as getPointerMetrics } from '../chunks/pointer-follow-BETANySn.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 { a as attachPointerFollow, g as getPointerMetrics } from '../chunks/pointer-follow-p3-xoxQh.js';
+import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-Ckf5cPIt.js';
 
 const ANIMATION_ID = buildAnimId('magnetic-hover');
 

package/dist/button/pulse/react.js

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../pulse.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 /**
  * Pulse — 按钮持续脉冲

package/dist/button/pulse.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('pulse');
 

package/dist/button/rainbow-button/react.js

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../rainbow-button.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 /**
  * Rainbow Button — 彩虹按钮

package/dist/button/rainbow-button.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('rainbow-button');
 

package/dist/button/shimmer-border/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-border.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 function AnimShimmerBorder({ children, duration, borderWidth, opacity, }) {
     const ref = useRef(null);

package/dist/button/shimmer-border.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('shimmer-border');
 

package/dist/button/sketch-button/react.js

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../sketch-button.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 AnimSketchButton({ children }) {
     const ref = useRef(null);

package/dist/button/sketch-button.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('sketch-button');
 

package/dist/card/blur-rise/react.js

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../blur-rise.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 /**
  * Blur Rise — 卡片从模糊中升起

package/dist/card/blur-rise.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('blur-rise');
 

package/dist/card/bounce-in-bottom/react.js

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../bounce-in-bottom.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 /**
  * Bounce In Bottom — 卡片从底部弹入

package/dist/card/bounce-in-bottom.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('bounce-in-bottom');
 

package/dist/card/card-fan-spread/react.js

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../card-fan-spread.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 AnimCardFanSpread({ children, spreadDistance, spreadRotate, depthRotate, lift, duration, }) {
     const ref = useRef(null);

package/dist/card/card-fan-spread.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('card-fan-spread');
 

package/dist/card/float-idle/react.js

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../float-idle.js';
-import '../../chunks/constants-EnH6-Pz4.js';
+import '../../chunks/constants-Ckf5cPIt.js';
 
 /**
  * Float Idle — 卡片悬浮idle

package/dist/card/float-idle.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('float-idle');
 

package/dist/card/image-magnifier/react.js

@@ -1,9 +1,9 @@
 import React, { useRef, useEffect } from 'react';
 import { init, destroy } from '../image-magnifier.js';
-import { p as prefersReducedMotion } from '../../chunks/reduced-motion-HX79Ac8G.js';
-import '../../chunks/constants-EnH6-Pz4.js';
-import '../../chunks/pointer-follow-BETANySn.js';
-import '../../chunks/resolve-card-media-Cj3V_oms.js';
+import { p as prefersReducedMotion } from '../../chunks/reduced-motion-Bay2Fxcs.js';
+import '../../chunks/constants-Ckf5cPIt.js';
+import '../../chunks/pointer-follow-p3-xoxQh.js';
+import '../../chunks/resolve-card-media-C0BoIACv.js';
 
 function AnimImageMagnifier({ children, lensSize, zoom, fadeDuration, }) {
     const ref = useRef(null);