@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.
- package/animations/header/gradient-text/index.js +36 -0
- package/animations/header/gradient-text/style.css +8 -2
- package/animations/header/shimmer-text/index.js +36 -0
- package/animations/header/shimmer-text/style.css +7 -2
- 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 +2 -2
- package/dist/button/confetti-button.js +2 -2
- 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-Bmp_5COC.js → text-split-6ct2SEme.js} +1 -1
- package/dist/chunks/{text-split-C_eLSddh.js → text-split-CdeSt_Fu.js} +1 -1
- package/dist/full.css +1 -1
- package/dist/full.js +72 -0
- 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 +37 -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 +37 -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 +37 -37
- package/dist/react.css +1 -1
- package/package.json +1 -1
- /package/dist/chunks/{constants-BupFX_Dk.js → constants-B4SUCot6.js} +0 -0
- /package/dist/chunks/{constants-CVRGZ96T.js → constants-Ckf5cPIt.js} +0 -0
- /package/dist/chunks/{pointer-follow-Buww6tad.js → pointer-follow-BM2eyAGD.js} +0 -0
- /package/dist/chunks/{pointer-follow-DfG8HmLQ.js → pointer-follow-p3-xoxQh.js} +0 -0
- /package/dist/chunks/{reduced-motion-B30dZ881.js → reduced-motion-Bay2Fxcs.js} +0 -0
- /package/dist/chunks/{reduced-motion-BzMJn11e.js → reduced-motion-CZ_p2Mh_.js} +0 -0
- /package/dist/chunks/{resolve-card-media-BtaUKaDe.js → resolve-card-media-C0BoIACv.js} +0 -0
- /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-
|
|
4
|
-
import '../../chunks/pointer-follow-
|
|
5
|
-
import '../../chunks/constants-
|
|
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);
|
package/dist/button/3d-flip.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { p as prefersReducedMotion } from '../chunks/reduced-motion-
|
|
2
|
-
import { a as attachPointerFollow, g as getPointerMetrics } from '../chunks/pointer-follow-
|
|
3
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
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,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-Bay2Fxcs.js';
|
|
3
3
|
import { init, destroy } from '../border-beam.js';
|
|
4
|
-
import '../../chunks/constants-
|
|
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,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-
|
|
4
|
-
import '../../chunks/constants-
|
|
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-
|
|
2
|
-
import { b as buildAnimId, a as buildAnimClass, c as buildAnimDomId } from '../chunks/constants-
|
|
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-
|
|
4
|
-
import '../../chunks/constants-
|
|
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-
|
|
2
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
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-
|
|
4
|
-
import '../../chunks/constants-
|
|
5
|
-
import '../../chunks/pointer-follow-
|
|
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);
|
package/dist/button/glow-cta.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
2
|
-
import { p as prefersReducedMotion } from '../chunks/reduced-motion-
|
|
3
|
-
import { a as attachPointerFollow } from '../chunks/pointer-follow-
|
|
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-
|
|
4
|
-
import '../../chunks/pointer-follow-
|
|
5
|
-
import '../../chunks/constants-
|
|
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-
|
|
2
|
-
import { a as attachPointerFollow, g as getPointerMetrics } from '../chunks/pointer-follow-
|
|
3
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
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
|
|
package/dist/button/pulse.js
CHANGED
|
@@ -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-Bay2Fxcs.js';
|
|
3
3
|
import { init, destroy } from '../shimmer-border.js';
|
|
4
|
-
import '../../chunks/constants-
|
|
4
|
+
import '../../chunks/constants-Ckf5cPIt.js';
|
|
5
5
|
|
|
6
6
|
function AnimShimmerBorder({ children, duration, borderWidth, opacity, }) {
|
|
7
7
|
const ref = useRef(null);
|
|
@@ -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-
|
|
4
|
-
import '../../chunks/constants-
|
|
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);
|
package/dist/card/blur-rise.js
CHANGED
|
@@ -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-
|
|
4
|
-
import '../../chunks/constants-
|
|
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-
|
|
2
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
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
|
|
package/dist/card/float-idle.js
CHANGED
|
@@ -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-
|
|
4
|
-
import '../../chunks/constants-
|
|
5
|
-
import '../../chunks/pointer-follow-
|
|
6
|
-
import '../../chunks/resolve-card-media-
|
|
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-
|
|
2
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
3
|
-
import { a as attachPointerFollow } from '../chunks/pointer-follow-
|
|
4
|
-
import { r as resolveCardMediaElement } from '../chunks/resolve-card-media-
|
|
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-
|
|
4
|
-
import '../../chunks/constants-
|
|
5
|
-
import '../../chunks/resolve-card-media-
|
|
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-
|
|
2
|
-
import { r as resolveCardMediaElement } from '../chunks/resolve-card-media-
|
|
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-
|
|
4
|
-
import '../../chunks/constants-
|
|
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,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-Bay2Fxcs.js';
|
|
3
3
|
import { init, destroy } from '../rgb-split-glitch.js';
|
|
4
|
-
import '../../chunks/constants-
|
|
4
|
+
import '../../chunks/constants-Ckf5cPIt.js';
|
|
5
5
|
|
|
6
6
|
function AnimRgbSplitGlitch({ children, duration, shift, shadowOffset, }) {
|
|
7
7
|
const ref = useRef(null);
|
|
@@ -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-
|
|
4
|
-
import '../../chunks/pointer-follow-
|
|
5
|
-
import '../../chunks/constants-
|
|
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);
|
package/dist/card/tilted-card.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { p as prefersReducedMotion } from '../chunks/reduced-motion-
|
|
2
|
-
import { a as attachPointerFollow, g as getPointerMetrics } from '../chunks/pointer-follow-
|
|
3
|
-
import { b as buildAnimId, a as buildAnimClass } from '../chunks/constants-
|
|
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
|
|