@readdy/anim 0.0.21 → 0.0.25
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.
- package/animations/button/confetti-button/index.js +1 -1
- package/animations/button/confetti-button/react.tsx +5 -3
- package/animations/card/magic-ui-border-beam/index.js +26 -0
- package/animations/card/magic-ui-border-beam/react.tsx +8 -0
- package/animations/card/magic-ui-border-beam/style.css +1 -0
- package/animations/header/blur-to-sharp-rise/index.js +14 -0
- package/animations/header/blur-to-sharp-rise/react.tsx +6 -0
- package/animations/header/blur-to-sharp-rise/style.css +1 -0
- package/animations/header/gradient-text/style.css +10 -4
- package/animations/header/shimmer-text/style.css +10 -4
- package/dist/button/3d-flip/react.js +3 -3
- package/dist/button/3d-flip.js +3 -3
- package/dist/button/blur-fade-in/react.js +1 -1
- package/dist/button/blur-fade-in.js +1 -1
- package/dist/button/border-beam/react.js +2 -2
- package/dist/button/border-beam.js +1 -1
- package/dist/button/bounce-elastic/react.js +1 -1
- package/dist/button/bounce-elastic.js +1 -1
- package/dist/button/bubble-button/react.js +2 -2
- package/dist/button/bubble-button.js +2 -2
- package/dist/button/confetti-button/react.js +6 -6
- package/dist/button/confetti-button.js +3 -3
- package/dist/button/glow-cta/react.js +3 -3
- package/dist/button/glow-cta.js +3 -3
- package/dist/button/magnetic-hover/react.js +3 -3
- package/dist/button/magnetic-hover.js +3 -3
- package/dist/button/pulse/react.js +1 -1
- package/dist/button/pulse.js +1 -1
- package/dist/button/rainbow-button/react.js +1 -1
- package/dist/button/rainbow-button.js +1 -1
- package/dist/button/shimmer-border/react.js +2 -2
- package/dist/button/shimmer-border.js +1 -1
- package/dist/button/sketch-button/react.js +2 -2
- package/dist/button/sketch-button.js +1 -1
- package/dist/card/blur-rise/react.js +1 -1
- package/dist/card/blur-rise.js +1 -1
- package/dist/card/bounce-in-bottom/react.js +1 -1
- package/dist/card/bounce-in-bottom.js +1 -1
- package/dist/card/card-fan-spread/react.js +2 -2
- package/dist/card/card-fan-spread.js +2 -2
- package/dist/card/float-idle/react.js +1 -1
- package/dist/card/float-idle.js +1 -1
- package/dist/card/image-magnifier/react.js +4 -4
- package/dist/card/image-magnifier.js +4 -4
- package/dist/card/image-zoom-rotate/react.js +3 -3
- package/dist/card/image-zoom-rotate.js +2 -2
- package/dist/card/pop-in-stack/react.js +2 -2
- package/dist/card/pop-in-stack.js +1 -1
- package/dist/card/reveal-from-top/react.js +1 -1
- package/dist/card/reveal-from-top.js +1 -1
- package/dist/card/rgb-split-glitch/react.js +2 -2
- package/dist/card/rgb-split-glitch.js +1 -1
- package/dist/card/tilted-card/react.js +3 -3
- package/dist/card/tilted-card.js +3 -3
- package/dist/chunks/{text-split-D02jltVh.js → text-split-Bmp_5COC.js} +1 -1
- package/dist/chunks/{text-split-frOR4UpH.js → text-split-C_eLSddh.js} +1 -1
- package/dist/full.css +1 -1
- package/dist/full.js +311 -249
- package/dist/header/anime-splittext/react.js +2 -2
- package/dist/header/anime-splittext.js +1 -1
- package/dist/header/bounce-in-down/react.js +3 -3
- package/dist/header/bounce-in-down.js +3 -3
- package/dist/header/fly-in-chars/react.js +3 -3
- package/dist/header/fly-in-chars.js +3 -3
- package/dist/header/gradient-text/react.js +1 -1
- package/dist/header/gradient-text.js +1 -1
- package/dist/header/letter-bounce/react.js +3 -3
- package/dist/header/letter-bounce.js +2 -2
- package/dist/header/roll-in/react.js +3 -3
- package/dist/header/roll-in.js +3 -3
- package/dist/header/shimmer-text/react.js +2 -2
- package/dist/header/shimmer-text.js +1 -1
- package/dist/header/shuffle/react.js +3 -3
- package/dist/header/shuffle.js +3 -3
- package/dist/header/split-text/react.js +3 -3
- package/dist/header/split-text.js +3 -3
- package/dist/header/text-type/react.js +2 -2
- package/dist/header/text-type.js +2 -2
- package/dist/header/word-curtain-reveal/react.js +2 -2
- package/dist/header/word-curtain-reveal.js +2 -2
- package/dist/meta.json +2 -2
- package/dist/metadata.json +71 -107
- package/dist/react.css +1 -1
- package/dist/types/animations/button/confetti-button/react.d.ts +2 -1
- package/dist/types/animations/card/magic-ui-border-beam/index.d.ts +3 -0
- package/dist/types/animations/card/magic-ui-border-beam/react.d.ts +5 -0
- package/dist/types/animations/header/blur-to-sharp-rise/index.d.ts +3 -0
- package/dist/types/animations/header/blur-to-sharp-rise/react.d.ts +4 -0
- package/dist/types/react-barrel.d.ts +2 -0
- package/dist/types/scripts/bundle-all.d.ts +1 -172
- package/dist/types/stories/blur-to-sharp-rise-header.stories.d.ts +4 -4
- package/dist/types/stories/magic-ui-border-beam-card.stories.d.ts +4 -4
- package/package.json +7 -1
- package/react-barrel.js +2 -0
- /package/dist/chunks/{constants-EnH6-Pz4.js → constants-BupFX_Dk.js} +0 -0
- /package/dist/chunks/{constants-ZTHic1pf.js → constants-CVRGZ96T.js} +0 -0
- /package/dist/chunks/{pointer-follow-B3RFnn_q.js → pointer-follow-Buww6tad.js} +0 -0
- /package/dist/chunks/{pointer-follow-BETANySn.js → pointer-follow-DfG8HmLQ.js} +0 -0
- /package/dist/chunks/{reduced-motion-BpQYuEzK.js → reduced-motion-B30dZ881.js} +0 -0
- /package/dist/chunks/{reduced-motion-HX79Ac8G.js → reduced-motion-BzMJn11e.js} +0 -0
- /package/dist/chunks/{resolve-card-media-Cj3V_oms.js → resolve-card-media-BtaUKaDe.js} +0 -0
- /package/dist/chunks/{resolve-card-media-DBIU-duL.js → resolve-card-media-v4wxjviw.js} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useRef, useEffect } from 'react';
|
|
2
|
-
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-
|
|
2
|
+
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
|
|
3
3
|
import { init, destroy } from '../anime-splittext.js';
|
|
4
|
-
import '../../chunks/constants-
|
|
4
|
+
import '../../chunks/constants-CVRGZ96T.js';
|
|
5
5
|
|
|
6
6
|
function AnimAnimeSplittext({ children, stagger, duration, }) {
|
|
7
7
|
const ref = useRef(null);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useRef, useEffect } from 'react';
|
|
2
|
-
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-
|
|
2
|
+
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
|
|
3
3
|
import { init, destroy } from '../bounce-in-down.js';
|
|
4
|
-
import '../../chunks/constants-
|
|
5
|
-
import '../../chunks/text-split-
|
|
4
|
+
import '../../chunks/constants-CVRGZ96T.js';
|
|
5
|
+
import '../../chunks/text-split-Bmp_5COC.js';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Bounce In Down — 从上方弹入
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
2
|
-
import { s as splitTextIntoChars } from '../chunks/text-split-
|
|
3
|
-
import { p as prefersReducedMotion } from '../chunks/reduced-motion-
|
|
1
|
+
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
|
|
2
|
+
import { s as splitTextIntoChars } from '../chunks/text-split-Bmp_5COC.js';
|
|
3
|
+
import { p as prefersReducedMotion } from '../chunks/reduced-motion-B30dZ881.js';
|
|
4
4
|
|
|
5
5
|
const ANIMATION_ID = buildAnimId('bounce-in-down');
|
|
6
6
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useRef, useEffect } from 'react';
|
|
2
|
-
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-
|
|
2
|
+
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
|
|
3
3
|
import { init, destroy } from '../fly-in-chars.js';
|
|
4
|
-
import '../../chunks/text-split-
|
|
5
|
-
import '../../chunks/constants-
|
|
4
|
+
import '../../chunks/text-split-Bmp_5COC.js';
|
|
5
|
+
import '../../chunks/constants-CVRGZ96T.js';
|
|
6
6
|
|
|
7
7
|
function AnimFlyInChars({ children, stagger, maxChars, }) {
|
|
8
8
|
const ref = useRef(null);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { s as splitTextIntoChars } from '../chunks/text-split-
|
|
2
|
-
import { p as prefersReducedMotion } from '../chunks/reduced-motion-
|
|
3
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
1
|
+
import { s as splitTextIntoChars } from '../chunks/text-split-Bmp_5COC.js';
|
|
2
|
+
import { p as prefersReducedMotion } from '../chunks/reduced-motion-B30dZ881.js';
|
|
3
|
+
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
|
|
4
4
|
|
|
5
5
|
const ANIMATION_ID = buildAnimId('fly-in-chars');
|
|
6
6
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useRef, useEffect } from 'react';
|
|
2
|
-
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-
|
|
2
|
+
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
|
|
3
3
|
import { init, destroy } from '../letter-bounce.js';
|
|
4
|
-
import '../../chunks/text-split-
|
|
5
|
-
import '../../chunks/constants-
|
|
4
|
+
import '../../chunks/text-split-Bmp_5COC.js';
|
|
5
|
+
import '../../chunks/constants-CVRGZ96T.js';
|
|
6
6
|
|
|
7
7
|
function AnimLetterBounce({ children, stagger, maxChars, duration, amplitude, }) {
|
|
8
8
|
const ref = useRef(null);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { s as splitTextIntoChars } from '../chunks/text-split-
|
|
2
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
1
|
+
import { s as splitTextIntoChars } from '../chunks/text-split-Bmp_5COC.js';
|
|
2
|
+
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
|
|
3
3
|
|
|
4
4
|
const ANIMATION_ID = buildAnimId('letter-bounce');
|
|
5
5
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useRef, useEffect } from 'react';
|
|
2
|
-
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-
|
|
2
|
+
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
|
|
3
3
|
import { init, destroy } from '../roll-in.js';
|
|
4
|
-
import '../../chunks/constants-
|
|
5
|
-
import '../../chunks/text-split-
|
|
4
|
+
import '../../chunks/constants-CVRGZ96T.js';
|
|
5
|
+
import '../../chunks/text-split-Bmp_5COC.js';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Roll In — 文字滚入
|
package/dist/header/roll-in.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
2
|
-
import { s as splitTextIntoChars } from '../chunks/text-split-
|
|
3
|
-
import { p as prefersReducedMotion } from '../chunks/reduced-motion-
|
|
1
|
+
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
|
|
2
|
+
import { s as splitTextIntoChars } from '../chunks/text-split-Bmp_5COC.js';
|
|
3
|
+
import { p as prefersReducedMotion } from '../chunks/reduced-motion-B30dZ881.js';
|
|
4
4
|
|
|
5
5
|
const ANIMATION_ID = buildAnimId('roll-in');
|
|
6
6
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useRef, useEffect } from 'react';
|
|
2
|
-
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-
|
|
2
|
+
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
|
|
3
3
|
import { init, destroy } from '../shimmer-text.js';
|
|
4
|
-
import { a as buildAnimClass } from '../../chunks/constants-
|
|
4
|
+
import { a as buildAnimClass } from '../../chunks/constants-CVRGZ96T.js';
|
|
5
5
|
|
|
6
6
|
const CSS_CLASS = buildAnimClass('shimmer-text');
|
|
7
7
|
function AnimShimmerText({ children }) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useRef, useEffect } from 'react';
|
|
2
2
|
import { init, destroy } from '../shuffle.js';
|
|
3
|
-
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-
|
|
4
|
-
import '../../chunks/text-split-
|
|
5
|
-
import '../../chunks/constants-
|
|
3
|
+
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
|
|
4
|
+
import '../../chunks/text-split-Bmp_5COC.js';
|
|
5
|
+
import '../../chunks/constants-CVRGZ96T.js';
|
|
6
6
|
|
|
7
7
|
function AnimShuffle({ children, stagger, shuffleFrames, frameDelay, maxChars, idleOpacity, idleOffset, idleScale, settleDuration, }) {
|
|
8
8
|
const ref = useRef(null);
|
package/dist/header/shuffle.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { s as splitTextIntoChars } from '../chunks/text-split-
|
|
2
|
-
import { p as prefersReducedMotion } from '../chunks/reduced-motion-
|
|
3
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
1
|
+
import { s as splitTextIntoChars } from '../chunks/text-split-Bmp_5COC.js';
|
|
2
|
+
import { p as prefersReducedMotion } from '../chunks/reduced-motion-B30dZ881.js';
|
|
3
|
+
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
|
|
4
4
|
|
|
5
5
|
const ANIMATION_ID = buildAnimId('shuffle');
|
|
6
6
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useRef, useEffect } from 'react';
|
|
2
2
|
import { init, destroy } from '../split-text.js';
|
|
3
|
-
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-
|
|
4
|
-
import '../../chunks/text-split-
|
|
5
|
-
import '../../chunks/constants-
|
|
3
|
+
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
|
|
4
|
+
import '../../chunks/text-split-Bmp_5COC.js';
|
|
5
|
+
import '../../chunks/constants-CVRGZ96T.js';
|
|
6
6
|
|
|
7
7
|
function AnimSplitText({ children, stagger, maxChars, threshold, rootMargin, }) {
|
|
8
8
|
const ref = useRef(null);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { s as splitTextIntoChars } from '../chunks/text-split-
|
|
2
|
-
import { p as prefersReducedMotion } from '../chunks/reduced-motion-
|
|
3
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
1
|
+
import { s as splitTextIntoChars } from '../chunks/text-split-Bmp_5COC.js';
|
|
2
|
+
import { p as prefersReducedMotion } from '../chunks/reduced-motion-B30dZ881.js';
|
|
3
|
+
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-CVRGZ96T.js';
|
|
4
4
|
|
|
5
5
|
const ANIMATION_ID = buildAnimId('split-text');
|
|
6
6
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useRef, useEffect } from 'react';
|
|
2
2
|
import { init, destroy } from '../text-type.js';
|
|
3
|
-
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-
|
|
4
|
-
import '../../chunks/constants-
|
|
3
|
+
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
|
|
4
|
+
import '../../chunks/constants-CVRGZ96T.js';
|
|
5
5
|
|
|
6
6
|
function AnimTextType({ children, texts, typingSpeed, deletingSpeed, pauseDuration, caretBlinkDuration, gap, caretWidth, }) {
|
|
7
7
|
const ref = useRef(null);
|
package/dist/header/text-type.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as prefersReducedMotion } from '../chunks/reduced-motion-
|
|
2
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
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
3
|
|
|
4
4
|
const ANIMATION_ID = buildAnimId('text-type');
|
|
5
5
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useRef, useEffect } from 'react';
|
|
2
|
-
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-
|
|
2
|
+
import { p as prefersReducedMotion } from '../../chunks/reduced-motion-B30dZ881.js';
|
|
3
3
|
import { init, destroy } from '../word-curtain-reveal.js';
|
|
4
|
-
import '../../chunks/constants-
|
|
4
|
+
import '../../chunks/constants-CVRGZ96T.js';
|
|
5
5
|
|
|
6
6
|
function AnimWordCurtainReveal({ children, stagger, duration, }) {
|
|
7
7
|
const ref = useRef(null);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as prefersReducedMotion } from '../chunks/reduced-motion-
|
|
2
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
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
3
|
|
|
4
4
|
const ANIMATION_ID = buildAnimId('word-curtain-reveal');
|
|
5
5
|
|
package/dist/meta.json
CHANGED