@readdy/anim 0.0.21

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 (310) hide show
  1. package/animations/button/3d-flip/index.js +60 -0
  2. package/animations/button/3d-flip/react.tsx +29 -0
  3. package/animations/button/3d-flip/style.css +17 -0
  4. package/animations/button/blur-fade-in/index.js +21 -0
  5. package/animations/button/blur-fade-in/react.tsx +26 -0
  6. package/animations/button/blur-fade-in/style.css +27 -0
  7. package/animations/button/border-beam/index.js +172 -0
  8. package/animations/button/border-beam/react.tsx +55 -0
  9. package/animations/button/border-beam/style.css +59 -0
  10. package/animations/button/bounce-elastic/index.js +21 -0
  11. package/animations/button/bounce-elastic/react.tsx +26 -0
  12. package/animations/button/bounce-elastic/style.css +31 -0
  13. package/animations/button/bubble-button/index.js +317 -0
  14. package/animations/button/bubble-button/react.tsx +19 -0
  15. package/animations/button/bubble-button/style.css +245 -0
  16. package/animations/button/confetti-button/index.js +66 -0
  17. package/animations/button/confetti-button/react.tsx +30 -0
  18. package/animations/button/confetti-button/style.css +48 -0
  19. package/animations/button/glow-cta/index.js +69 -0
  20. package/animations/button/glow-cta/react.tsx +45 -0
  21. package/animations/button/glow-cta/style.css +78 -0
  22. package/animations/button/magnetic-hover/index.js +61 -0
  23. package/animations/button/magnetic-hover/react.tsx +29 -0
  24. package/animations/button/magnetic-hover/style.css +18 -0
  25. package/animations/button/pulse/index.js +21 -0
  26. package/animations/button/pulse/react.tsx +26 -0
  27. package/animations/button/pulse/style.css +24 -0
  28. package/animations/button/rainbow-button/index.js +21 -0
  29. package/animations/button/rainbow-button/react.tsx +26 -0
  30. package/animations/button/rainbow-button/style.css +54 -0
  31. package/animations/button/shimmer-border/index.js +28 -0
  32. package/animations/button/shimmer-border/react.tsx +41 -0
  33. package/animations/button/shimmer-border/style.css +53 -0
  34. package/animations/button/sketch-button/index.js +16 -0
  35. package/animations/button/sketch-button/react.tsx +19 -0
  36. package/animations/button/sketch-button/style.css +25 -0
  37. package/animations/card/blur-rise/index.js +21 -0
  38. package/animations/card/blur-rise/react.tsx +26 -0
  39. package/animations/card/blur-rise/style.css +27 -0
  40. package/animations/card/bounce-in-bottom/index.js +21 -0
  41. package/animations/card/bounce-in-bottom/react.tsx +26 -0
  42. package/animations/card/bounce-in-bottom/style.css +31 -0
  43. package/animations/card/card-fan-spread/index.js +146 -0
  44. package/animations/card/card-fan-spread/react.tsx +35 -0
  45. package/animations/card/card-fan-spread/style.css +90 -0
  46. package/animations/card/card-flip/index.js +203 -0
  47. package/animations/card/card-flip/react.tsx +35 -0
  48. package/animations/card/card-flip/style.css +71 -0
  49. package/animations/card/float-idle/index.js +21 -0
  50. package/animations/card/float-idle/react.tsx +26 -0
  51. package/animations/card/float-idle/style.css +21 -0
  52. package/animations/card/image-magnifier/index.js +333 -0
  53. package/animations/card/image-magnifier/react.tsx +31 -0
  54. package/animations/card/image-magnifier/style.css +42 -0
  55. package/animations/card/image-zoom-rotate/index.js +48 -0
  56. package/animations/card/image-zoom-rotate/react.tsx +31 -0
  57. package/animations/card/image-zoom-rotate/style.css +20 -0
  58. package/animations/card/pop-in-stack/index.js +25 -0
  59. package/animations/card/pop-in-stack/react.tsx +33 -0
  60. package/animations/card/pop-in-stack/style.css +25 -0
  61. package/animations/card/reveal-from-top/index.js +21 -0
  62. package/animations/card/reveal-from-top/react.tsx +26 -0
  63. package/animations/card/reveal-from-top/style.css +28 -0
  64. package/animations/card/rgb-split-glitch/index.js +28 -0
  65. package/animations/card/rgb-split-glitch/react.tsx +41 -0
  66. package/animations/card/rgb-split-glitch/style.css +33 -0
  67. package/animations/card/tilted-card/index.js +64 -0
  68. package/animations/card/tilted-card/react.tsx +33 -0
  69. package/animations/card/tilted-card/style.css +27 -0
  70. package/animations/header/anime-splittext/index.js +108 -0
  71. package/animations/header/anime-splittext/react.tsx +30 -0
  72. package/animations/header/anime-splittext/style.css +71 -0
  73. package/animations/header/bounce-in-down/index.js +40 -0
  74. package/animations/header/bounce-in-down/react.tsx +29 -0
  75. package/animations/header/bounce-in-down/style.css +40 -0
  76. package/animations/header/fly-in-chars/index.js +46 -0
  77. package/animations/header/fly-in-chars/react.tsx +30 -0
  78. package/animations/header/fly-in-chars/style.css +29 -0
  79. package/animations/header/gradient-text/index.js +21 -0
  80. package/animations/header/gradient-text/react.tsx +26 -0
  81. package/animations/header/gradient-text/style.css +28 -0
  82. package/animations/header/letter-bounce/index.js +33 -0
  83. package/animations/header/letter-bounce/react.tsx +34 -0
  84. package/animations/header/letter-bounce/style.css +25 -0
  85. package/animations/header/roll-in/index.js +40 -0
  86. package/animations/header/roll-in/react.tsx +29 -0
  87. package/animations/header/roll-in/style.css +31 -0
  88. package/animations/header/shimmer-text/index.js +16 -0
  89. package/animations/header/shimmer-text/react.tsx +28 -0
  90. package/animations/header/shimmer-text/style.css +29 -0
  91. package/animations/header/shuffle/index.js +118 -0
  92. package/animations/header/shuffle/react.tsx +50 -0
  93. package/animations/header/shuffle/style.css +25 -0
  94. package/animations/header/split-text/index.js +72 -0
  95. package/animations/header/split-text/react.tsx +38 -0
  96. package/animations/header/split-text/style.css +31 -0
  97. package/animations/header/text-type/index.js +267 -0
  98. package/animations/header/text-type/react.tsx +63 -0
  99. package/animations/header/text-type/style.css +37 -0
  100. package/animations/header/word-curtain-reveal/index.js +97 -0
  101. package/animations/header/word-curtain-reveal/react.tsx +30 -0
  102. package/animations/header/word-curtain-reveal/style.css +39 -0
  103. package/dist/button/3d-flip/react.js +21 -0
  104. package/dist/button/3d-flip.js +61 -0
  105. package/dist/button/blur-fade-in/react.js +28 -0
  106. package/dist/button/blur-fade-in.js +17 -0
  107. package/dist/button/border-beam/react.js +22 -0
  108. package/dist/button/border-beam.js +168 -0
  109. package/dist/button/bounce-elastic/react.js +28 -0
  110. package/dist/button/bounce-elastic.js +17 -0
  111. package/dist/button/bubble-button/react.js +20 -0
  112. package/dist/button/bubble-button.js +318 -0
  113. package/dist/button/confetti-button/react.js +21 -0
  114. package/dist/button/confetti-button.js +67 -0
  115. package/dist/button/glow-cta/react.js +23 -0
  116. package/dist/button/glow-cta.js +65 -0
  117. package/dist/button/magnetic-hover/react.js +21 -0
  118. package/dist/button/magnetic-hover.js +62 -0
  119. package/dist/button/pulse/react.js +28 -0
  120. package/dist/button/pulse.js +17 -0
  121. package/dist/button/rainbow-button/react.js +28 -0
  122. package/dist/button/rainbow-button.js +17 -0
  123. package/dist/button/shimmer-border/react.js +22 -0
  124. package/dist/button/shimmer-border.js +24 -0
  125. package/dist/button/sketch-button/react.js +20 -0
  126. package/dist/button/sketch-button.js +17 -0
  127. package/dist/card/blur-rise/react.js +28 -0
  128. package/dist/card/blur-rise.js +17 -0
  129. package/dist/card/bounce-in-bottom/react.js +28 -0
  130. package/dist/card/bounce-in-bottom.js +17 -0
  131. package/dist/card/card-fan-spread/react.js +20 -0
  132. package/dist/card/card-fan-spread.js +147 -0
  133. package/dist/card/float-idle/react.js +28 -0
  134. package/dist/card/float-idle.js +17 -0
  135. package/dist/card/image-magnifier/react.js +22 -0
  136. package/dist/card/image-magnifier.js +334 -0
  137. package/dist/card/image-zoom-rotate/react.js +21 -0
  138. package/dist/card/image-zoom-rotate.js +49 -0
  139. package/dist/card/pop-in-stack/react.js +20 -0
  140. package/dist/card/pop-in-stack.js +26 -0
  141. package/dist/card/reveal-from-top/react.js +28 -0
  142. package/dist/card/reveal-from-top.js +17 -0
  143. package/dist/card/rgb-split-glitch/react.js +22 -0
  144. package/dist/card/rgb-split-glitch.js +24 -0
  145. package/dist/card/tilted-card/react.js +21 -0
  146. package/dist/card/tilted-card.js +65 -0
  147. package/dist/chunks/constants-EnH6-Pz4.js +66 -0
  148. package/dist/chunks/constants-ZTHic1pf.js +66 -0
  149. package/dist/chunks/pointer-follow-B3RFnn_q.js +93 -0
  150. package/dist/chunks/pointer-follow-BETANySn.js +93 -0
  151. package/dist/chunks/reduced-motion-BpQYuEzK.js +17 -0
  152. package/dist/chunks/reduced-motion-HX79Ac8G.js +17 -0
  153. package/dist/chunks/resolve-card-media-Cj3V_oms.js +43 -0
  154. package/dist/chunks/resolve-card-media-DBIU-duL.js +43 -0
  155. package/dist/chunks/text-split-D02jltVh.js +191 -0
  156. package/dist/chunks/text-split-frOR4UpH.js +191 -0
  157. package/dist/full.css +1 -0
  158. package/dist/full.js +3192 -0
  159. package/dist/header/anime-splittext/react.js +22 -0
  160. package/dist/header/anime-splittext.js +109 -0
  161. package/dist/header/bounce-in-down/react.js +32 -0
  162. package/dist/header/bounce-in-down.js +36 -0
  163. package/dist/header/fly-in-chars/react.js +23 -0
  164. package/dist/header/fly-in-chars.js +47 -0
  165. package/dist/header/gradient-text/react.js +28 -0
  166. package/dist/header/gradient-text.js +17 -0
  167. package/dist/header/letter-bounce/react.js +23 -0
  168. package/dist/header/letter-bounce.js +34 -0
  169. package/dist/header/roll-in/react.js +32 -0
  170. package/dist/header/roll-in.js +36 -0
  171. package/dist/header/shimmer-text/react.js +27 -0
  172. package/dist/header/shimmer-text.js +17 -0
  173. package/dist/header/shuffle/react.js +30 -0
  174. package/dist/header/shuffle.js +119 -0
  175. package/dist/header/split-text/react.js +26 -0
  176. package/dist/header/split-text.js +73 -0
  177. package/dist/header/text-type/react.js +43 -0
  178. package/dist/header/text-type.js +268 -0
  179. package/dist/header/word-curtain-reveal/react.js +22 -0
  180. package/dist/header/word-curtain-reveal.js +98 -0
  181. package/dist/meta.json +6 -0
  182. package/dist/metadata.json +1051 -0
  183. package/dist/react.css +1 -0
  184. package/dist/types/animations/button/3d-flip/index.d.ts +3 -0
  185. package/dist/types/animations/button/3d-flip/react.d.ts +8 -0
  186. package/dist/types/animations/button/blur-fade-in/index.d.ts +3 -0
  187. package/dist/types/animations/button/blur-fade-in/react.d.ts +13 -0
  188. package/dist/types/animations/button/border-beam/index.d.ts +3 -0
  189. package/dist/types/animations/button/border-beam/react.d.ts +25 -0
  190. package/dist/types/animations/button/bounce-elastic/index.d.ts +3 -0
  191. package/dist/types/animations/button/bounce-elastic/react.d.ts +13 -0
  192. package/dist/types/animations/button/bubble-button/index.d.ts +3 -0
  193. package/dist/types/animations/button/bubble-button/react.d.ts +4 -0
  194. package/dist/types/animations/button/confetti-button/index.d.ts +3 -0
  195. package/dist/types/animations/button/confetti-button/react.d.ts +8 -0
  196. package/dist/types/animations/button/glow-cta/index.d.ts +3 -0
  197. package/dist/types/animations/button/glow-cta/react.d.ts +20 -0
  198. package/dist/types/animations/button/magnetic-hover/index.d.ts +3 -0
  199. package/dist/types/animations/button/magnetic-hover/react.d.ts +8 -0
  200. package/dist/types/animations/button/pulse/index.d.ts +3 -0
  201. package/dist/types/animations/button/pulse/react.d.ts +13 -0
  202. package/dist/types/animations/button/rainbow-button/index.d.ts +3 -0
  203. package/dist/types/animations/button/rainbow-button/react.d.ts +13 -0
  204. package/dist/types/animations/button/shimmer-border/index.d.ts +3 -0
  205. package/dist/types/animations/button/shimmer-border/react.d.ts +18 -0
  206. package/dist/types/animations/button/sketch-button/index.d.ts +3 -0
  207. package/dist/types/animations/button/sketch-button/react.d.ts +4 -0
  208. package/dist/types/animations/card/blur-rise/index.d.ts +3 -0
  209. package/dist/types/animations/card/blur-rise/react.d.ts +13 -0
  210. package/dist/types/animations/card/bounce-in-bottom/index.d.ts +3 -0
  211. package/dist/types/animations/card/bounce-in-bottom/react.d.ts +13 -0
  212. package/dist/types/animations/card/card-fan-spread/index.d.ts +3 -0
  213. package/dist/types/animations/card/card-fan-spread/react.d.ts +11 -0
  214. package/dist/types/animations/card/card-flip/index.d.ts +3 -0
  215. package/dist/types/animations/card/card-flip/react.d.ts +11 -0
  216. package/dist/types/animations/card/float-idle/index.d.ts +3 -0
  217. package/dist/types/animations/card/float-idle/react.d.ts +13 -0
  218. package/dist/types/animations/card/image-magnifier/index.d.ts +3 -0
  219. package/dist/types/animations/card/image-magnifier/react.d.ts +9 -0
  220. package/dist/types/animations/card/image-zoom-rotate/index.d.ts +3 -0
  221. package/dist/types/animations/card/image-zoom-rotate/react.d.ts +9 -0
  222. package/dist/types/animations/card/pop-in-stack/index.d.ts +3 -0
  223. package/dist/types/animations/card/pop-in-stack/react.d.ts +10 -0
  224. package/dist/types/animations/card/reveal-from-top/index.d.ts +3 -0
  225. package/dist/types/animations/card/reveal-from-top/react.d.ts +13 -0
  226. package/dist/types/animations/card/rgb-split-glitch/index.d.ts +3 -0
  227. package/dist/types/animations/card/rgb-split-glitch/react.d.ts +18 -0
  228. package/dist/types/animations/card/tilted-card/index.d.ts +3 -0
  229. package/dist/types/animations/card/tilted-card/react.d.ts +10 -0
  230. package/dist/types/animations/header/anime-splittext/index.d.ts +3 -0
  231. package/dist/types/animations/header/anime-splittext/react.d.ts +8 -0
  232. package/dist/types/animations/header/bounce-in-down/index.d.ts +3 -0
  233. package/dist/types/animations/header/bounce-in-down/react.d.ts +13 -0
  234. package/dist/types/animations/header/fly-in-chars/index.d.ts +3 -0
  235. package/dist/types/animations/header/fly-in-chars/react.d.ts +8 -0
  236. package/dist/types/animations/header/gradient-text/index.d.ts +3 -0
  237. package/dist/types/animations/header/gradient-text/react.d.ts +13 -0
  238. package/dist/types/animations/header/letter-bounce/index.d.ts +3 -0
  239. package/dist/types/animations/header/letter-bounce/react.d.ts +10 -0
  240. package/dist/types/animations/header/roll-in/index.d.ts +3 -0
  241. package/dist/types/animations/header/roll-in/react.d.ts +13 -0
  242. package/dist/types/animations/header/shimmer-text/index.d.ts +3 -0
  243. package/dist/types/animations/header/shimmer-text/react.d.ts +4 -0
  244. package/dist/types/animations/header/shuffle/index.d.ts +3 -0
  245. package/dist/types/animations/header/shuffle/react.d.ts +14 -0
  246. package/dist/types/animations/header/split-text/index.d.ts +3 -0
  247. package/dist/types/animations/header/split-text/react.d.ts +10 -0
  248. package/dist/types/animations/header/text-type/index.d.ts +3 -0
  249. package/dist/types/animations/header/text-type/react.d.ts +13 -0
  250. package/dist/types/animations/header/word-curtain-reveal/index.d.ts +3 -0
  251. package/dist/types/animations/header/word-curtain-reveal/react.d.ts +8 -0
  252. package/dist/types/react-barrel.d.ts +34 -0
  253. package/dist/types/scripts/bundle-all.d.ts +173 -0
  254. package/dist/types/scripts/check-metadata.d.ts +1 -0
  255. package/dist/types/scripts/copy-metadata.d.ts +1 -0
  256. package/dist/types/scripts/generate-animation-id-map.d.ts +1 -0
  257. package/dist/types/scripts/generate-dist-meta.d.ts +1 -0
  258. package/dist/types/scripts/generate-preview-manifest.d.ts +1 -0
  259. package/dist/types/scripts/update-metadata.d.ts +1 -0
  260. package/dist/types/shared/constants.d.ts +34 -0
  261. package/dist/types/shared/meta.d.ts +18 -0
  262. package/dist/types/shared/pointer-follow.d.ts +8 -0
  263. package/dist/types/shared/reduced-motion.d.ts +11 -0
  264. package/dist/types/shared/resolve-card-media.d.ts +1 -0
  265. package/dist/types/shared/text-split.d.ts +19 -0
  266. package/dist/types/stories/3d-flip.stories.d.ts +7 -0
  267. package/dist/types/stories/_helpers.d.ts +24 -0
  268. package/dist/types/stories/anime-splittext.stories.d.ts +8 -0
  269. package/dist/types/stories/blur-fade-in.stories.d.ts +8 -0
  270. package/dist/types/stories/blur-rise.stories.d.ts +8 -0
  271. package/dist/types/stories/blur-to-sharp-rise-header.stories.d.ts +8 -0
  272. package/dist/types/stories/border-beam.stories.d.ts +8 -0
  273. package/dist/types/stories/bounce-elastic.stories.d.ts +8 -0
  274. package/dist/types/stories/bounce-in-bottom.stories.d.ts +8 -0
  275. package/dist/types/stories/bounce-in-down.stories.d.ts +9 -0
  276. package/dist/types/stories/bubble-button.stories.d.ts +8 -0
  277. package/dist/types/stories/card-fan-spread.stories.d.ts +7 -0
  278. package/dist/types/stories/card-flip.stories.d.ts +7 -0
  279. package/dist/types/stories/confetti-button.stories.d.ts +7 -0
  280. package/dist/types/stories/float-idle.stories.d.ts +8 -0
  281. package/dist/types/stories/fly-in-chars.stories.d.ts +8 -0
  282. package/dist/types/stories/glow-cta.stories.d.ts +9 -0
  283. package/dist/types/stories/gradient-text.stories.d.ts +9 -0
  284. package/dist/types/stories/image-magnifier.stories.d.ts +10 -0
  285. package/dist/types/stories/image-zoom-rotate.stories.d.ts +7 -0
  286. package/dist/types/stories/letter-bounce.stories.d.ts +8 -0
  287. package/dist/types/stories/magic-ui-border-beam-card.stories.d.ts +8 -0
  288. package/dist/types/stories/magnetic-hover.stories.d.ts +7 -0
  289. package/dist/types/stories/pop-in-stack.stories.d.ts +7 -0
  290. package/dist/types/stories/pulse.stories.d.ts +8 -0
  291. package/dist/types/stories/rainbow-button.stories.d.ts +8 -0
  292. package/dist/types/stories/reveal-from-top.stories.d.ts +8 -0
  293. package/dist/types/stories/rgb-split-glitch.stories.d.ts +8 -0
  294. package/dist/types/stories/roll-in.stories.d.ts +9 -0
  295. package/dist/types/stories/shimmer-border.stories.d.ts +9 -0
  296. package/dist/types/stories/shimmer-text.stories.d.ts +8 -0
  297. package/dist/types/stories/shuffle.stories.d.ts +8 -0
  298. package/dist/types/stories/sketch-button.stories.d.ts +7 -0
  299. package/dist/types/stories/split-text.stories.d.ts +8 -0
  300. package/dist/types/stories/text-type.stories.d.ts +8 -0
  301. package/dist/types/stories/tilted-card.stories.d.ts +7 -0
  302. package/dist/types/stories/word-curtain-reveal.stories.d.ts +8 -0
  303. package/package.json +166 -0
  304. package/react-barrel.js +44 -0
  305. package/shared/constants.js +64 -0
  306. package/shared/meta.js +21 -0
  307. package/shared/pointer-follow.js +91 -0
  308. package/shared/reduced-motion.js +15 -0
  309. package/shared/resolve-card-media.js +41 -0
  310. package/shared/text-split.js +188 -0
@@ -0,0 +1,3 @@
1
+ export function init(el: any, options?: {}): void;
2
+ export function destroy(el: any): void;
3
+ export const ANIMATION_ID: string;
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ type AnimShuffleProps = {
3
+ children: React.ReactElement;
4
+ stagger?: number;
5
+ shuffleFrames?: number;
6
+ frameDelay?: number;
7
+ maxChars?: number;
8
+ idleOpacity?: number;
9
+ idleOffset?: string;
10
+ idleScale?: number;
11
+ settleDuration?: number;
12
+ };
13
+ export declare function AnimShuffle({ children, stagger, shuffleFrames, frameDelay, maxChars, idleOpacity, idleOffset, idleScale, settleDuration, }: AnimShuffleProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
14
+ export {};
@@ -0,0 +1,3 @@
1
+ export function init(el: any, options?: {}): void;
2
+ export function destroy(el: any): void;
3
+ export const ANIMATION_ID: string;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ type AnimSplitTextProps = {
3
+ children: React.ReactElement;
4
+ stagger?: number;
5
+ maxChars?: number;
6
+ threshold?: number;
7
+ rootMargin?: string;
8
+ };
9
+ export declare function AnimSplitText({ children, stagger, maxChars, threshold, rootMargin, }: AnimSplitTextProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
10
+ export {};
@@ -0,0 +1,3 @@
1
+ export function init(el: any, options?: {}): void;
2
+ export function destroy(el: any): void;
3
+ export const ANIMATION_ID: string;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ type AnimTextTypeProps = {
3
+ children: React.ReactElement;
4
+ texts?: string[];
5
+ typingSpeed?: number;
6
+ deletingSpeed?: number;
7
+ pauseDuration?: number;
8
+ caretBlinkDuration?: number;
9
+ gap?: string;
10
+ caretWidth?: string;
11
+ };
12
+ export declare function AnimTextType({ children, texts, typingSpeed, deletingSpeed, pauseDuration, caretBlinkDuration, gap, caretWidth, }: AnimTextTypeProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
13
+ export {};
@@ -0,0 +1,3 @@
1
+ export function init(el: any, options?: {}): void;
2
+ export function destroy(el: any): void;
3
+ export const ANIMATION_ID: string;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ type AnimWordCurtainRevealProps = {
3
+ children: React.ReactElement;
4
+ stagger?: number;
5
+ duration?: number;
6
+ };
7
+ export declare function AnimWordCurtainReveal({ children, stagger, duration, }: AnimWordCurtainRevealProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
8
+ export {};
@@ -0,0 +1,34 @@
1
+ export { AnimLetterBounce } from "./animations/header/letter-bounce/react.tsx";
2
+ export { AnimShimmerText } from "./animations/header/shimmer-text/react.tsx";
3
+ export { AnimSplitText } from "./animations/header/split-text/react.tsx";
4
+ export { AnimGradientText } from "./animations/header/gradient-text/react.tsx";
5
+ export { AnimTextType } from "./animations/header/text-type/react.tsx";
6
+ export { AnimFlyInChars } from "./animations/header/fly-in-chars/react.tsx";
7
+ export { AnimShuffle } from "./animations/header/shuffle/react.tsx";
8
+ export { AnimWordCurtainReveal } from "./animations/header/word-curtain-reveal/react.tsx";
9
+ export { AnimRollIn } from "./animations/header/roll-in/react.tsx";
10
+ export { AnimBounceInDown } from "./animations/header/bounce-in-down/react.tsx";
11
+ export { AnimAnimeSplittext } from "./animations/header/anime-splittext/react.tsx";
12
+ export { AnimMagneticHover } from "./animations/button/magnetic-hover/react.tsx";
13
+ export { AnimBorderBeam } from "./animations/button/border-beam/react.tsx";
14
+ export { AnimShimmerBorder } from "./animations/button/shimmer-border/react.tsx";
15
+ export { AnimRainbowButton } from "./animations/button/rainbow-button/react.tsx";
16
+ export { AnimSketchButton } from "./animations/button/sketch-button/react.tsx";
17
+ export { AnimConfettiButton } from "./animations/button/confetti-button/react.tsx";
18
+ export { AnimGlowCta } from "./animations/button/glow-cta/react.tsx";
19
+ export { AnimBubbleButton } from "./animations/button/bubble-button/react.tsx";
20
+ export { AnimBounceElastic } from "./animations/button/bounce-elastic/react.tsx";
21
+ export { AnimPulse } from "./animations/button/pulse/react.tsx";
22
+ export { AnimBlurFadeIn } from "./animations/button/blur-fade-in/react.tsx";
23
+ export { Anim3DFlip } from "./animations/button/3d-flip/react.tsx";
24
+ export { AnimBlurRise } from "./animations/card/blur-rise/react.tsx";
25
+ export { AnimFloatIdle } from "./animations/card/float-idle/react.tsx";
26
+ export { AnimTiltedCard } from "./animations/card/tilted-card/react.tsx";
27
+ export { AnimCardFlip } from "./animations/card/card-flip/react.tsx";
28
+ export { AnimImageZoomRotate } from "./animations/card/image-zoom-rotate/react.tsx";
29
+ export { AnimRgbSplitGlitch } from "./animations/card/rgb-split-glitch/react.tsx";
30
+ export { AnimCardFanSpread } from "./animations/card/card-fan-spread/react.tsx";
31
+ export { AnimImageMagnifier } from "./animations/card/image-magnifier/react.tsx";
32
+ export { AnimPopInStack } from "./animations/card/pop-in-stack/react.tsx";
33
+ export { AnimBounceInBottom } from "./animations/card/bounce-in-bottom/react.tsx";
34
+ export { AnimRevealFromTop } from "./animations/card/reveal-from-top/react.tsx";
@@ -0,0 +1,173 @@
1
+ export default registry;
2
+ declare const registry: {
3
+ [letterBounce.ANIMATION_ID]: {
4
+ init: any;
5
+ destroy: any;
6
+ };
7
+ [shimmerText.ANIMATION_ID]: {
8
+ init: any;
9
+ destroy: any;
10
+ };
11
+ [textType.ANIMATION_ID]: {
12
+ init: any;
13
+ destroy: any;
14
+ };
15
+ [gradientText.ANIMATION_ID]: {
16
+ init: any;
17
+ destroy: any;
18
+ };
19
+ [flyInChars.ANIMATION_ID]: {
20
+ init: any;
21
+ destroy: any;
22
+ };
23
+ [blurRise.ANIMATION_ID]: {
24
+ init: any;
25
+ destroy: any;
26
+ };
27
+ [splitText.ANIMATION_ID]: {
28
+ init: any;
29
+ destroy: any;
30
+ };
31
+ [shuffle.ANIMATION_ID]: {
32
+ init: any;
33
+ destroy: any;
34
+ };
35
+ [rollIn.ANIMATION_ID]: {
36
+ init: any;
37
+ destroy: any;
38
+ };
39
+ [animeSplittext.ANIMATION_ID]: {
40
+ init: any;
41
+ destroy: any;
42
+ };
43
+ [wordCurtainReveal.ANIMATION_ID]: {
44
+ init: any;
45
+ destroy: any;
46
+ };
47
+ [bounceInDown.ANIMATION_ID]: {
48
+ init: any;
49
+ destroy: any;
50
+ };
51
+ [magneticHover.ANIMATION_ID]: {
52
+ init: any;
53
+ destroy: any;
54
+ };
55
+ [borderBeam.ANIMATION_ID]: {
56
+ init: any;
57
+ destroy: any;
58
+ };
59
+ [shimmerBorder.ANIMATION_ID]: {
60
+ init: any;
61
+ destroy: any;
62
+ };
63
+ [rainbowButton.ANIMATION_ID]: {
64
+ init: any;
65
+ destroy: any;
66
+ };
67
+ [sketchButton.ANIMATION_ID]: {
68
+ init: any;
69
+ destroy: any;
70
+ };
71
+ [confettiButton.ANIMATION_ID]: {
72
+ init: any;
73
+ destroy: any;
74
+ };
75
+ [glowCta.ANIMATION_ID]: {
76
+ init: any;
77
+ destroy: any;
78
+ };
79
+ [bubbleButton.ANIMATION_ID]: {
80
+ init: any;
81
+ destroy: any;
82
+ };
83
+ [bounceElastic.ANIMATION_ID]: {
84
+ init: any;
85
+ destroy: any;
86
+ };
87
+ [pulse.ANIMATION_ID]: {
88
+ init: any;
89
+ destroy: any;
90
+ };
91
+ [blurFadeIn.ANIMATION_ID]: {
92
+ init: any;
93
+ destroy: any;
94
+ };
95
+ [flip3d.ANIMATION_ID]: {
96
+ init: any;
97
+ destroy: any;
98
+ };
99
+ [floatIdle.ANIMATION_ID]: {
100
+ init: any;
101
+ destroy: any;
102
+ };
103
+ [tiltedCard.ANIMATION_ID]: {
104
+ init: any;
105
+ destroy: any;
106
+ };
107
+ [cardFlip.ANIMATION_ID]: {
108
+ init: any;
109
+ destroy: any;
110
+ };
111
+ [imageZoomRotate.ANIMATION_ID]: {
112
+ init: any;
113
+ destroy: any;
114
+ };
115
+ [rgbSplitGlitch.ANIMATION_ID]: {
116
+ init: any;
117
+ destroy: any;
118
+ };
119
+ [cardFanSpread.ANIMATION_ID]: {
120
+ init: any;
121
+ destroy: any;
122
+ };
123
+ [imageMagnifier.ANIMATION_ID]: {
124
+ init: any;
125
+ destroy: any;
126
+ };
127
+ [popInStack.ANIMATION_ID]: {
128
+ init: any;
129
+ destroy: any;
130
+ };
131
+ [bounceInBottom.ANIMATION_ID]: {
132
+ init: any;
133
+ destroy: any;
134
+ };
135
+ [revealFromTop.ANIMATION_ID]: {
136
+ init: any;
137
+ destroy: any;
138
+ };
139
+ };
140
+ import * as letterBounce from '../animations/header/letter-bounce/index.js';
141
+ import * as shimmerText from '../animations/header/shimmer-text/index.js';
142
+ import * as textType from '../animations/header/text-type/index.js';
143
+ import * as gradientText from '../animations/header/gradient-text/index.js';
144
+ import * as flyInChars from '../animations/header/fly-in-chars/index.js';
145
+ import * as blurRise from '../animations/card/blur-rise/index.js';
146
+ import * as splitText from '../animations/header/split-text/index.js';
147
+ import * as shuffle from '../animations/header/shuffle/index.js';
148
+ import * as rollIn from '../animations/header/roll-in/index.js';
149
+ import * as animeSplittext from '../animations/header/anime-splittext/index.js';
150
+ import * as wordCurtainReveal from '../animations/header/word-curtain-reveal/index.js';
151
+ import * as bounceInDown from '../animations/header/bounce-in-down/index.js';
152
+ import * as magneticHover from '../animations/button/magnetic-hover/index.js';
153
+ import * as borderBeam from '../animations/button/border-beam/index.js';
154
+ import * as shimmerBorder from '../animations/button/shimmer-border/index.js';
155
+ import * as rainbowButton from '../animations/button/rainbow-button/index.js';
156
+ import * as sketchButton from '../animations/button/sketch-button/index.js';
157
+ import * as confettiButton from '../animations/button/confetti-button/index.js';
158
+ import * as glowCta from '../animations/button/glow-cta/index.js';
159
+ import * as bubbleButton from '../animations/button/bubble-button/index.js';
160
+ import * as bounceElastic from '../animations/button/bounce-elastic/index.js';
161
+ import * as pulse from '../animations/button/pulse/index.js';
162
+ import * as blurFadeIn from '../animations/button/blur-fade-in/index.js';
163
+ import * as flip3d from '../animations/button/3d-flip/index.js';
164
+ import * as floatIdle from '../animations/card/float-idle/index.js';
165
+ import * as tiltedCard from '../animations/card/tilted-card/index.js';
166
+ import * as cardFlip from '../animations/card/card-flip/index.js';
167
+ import * as imageZoomRotate from '../animations/card/image-zoom-rotate/index.js';
168
+ import * as rgbSplitGlitch from '../animations/card/rgb-split-glitch/index.js';
169
+ import * as cardFanSpread from '../animations/card/card-fan-spread/index.js';
170
+ import * as imageMagnifier from '../animations/card/image-magnifier/index.js';
171
+ import * as popInStack from '../animations/card/pop-in-stack/index.js';
172
+ import * as bounceInBottom from '../animations/card/bounce-in-bottom/index.js';
173
+ import * as revealFromTop from '../animations/card/reveal-from-top/index.js';
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,34 @@
1
+ /**
2
+ * 构建动效 CSS class
3
+ * @param {string} name - class 后缀,如 'text-type'
4
+ * @returns {string} 完整 class,如 'readdy-anim-text-type'
5
+ */
6
+ export function buildAnimClass(name: string): string;
7
+ /**
8
+ * 构建动效相关 DOM id
9
+ * 目前与 class 前缀保持一致,便于 SVG filter / portal 节点等共享同一命名空间。
10
+ *
11
+ * @param {string} name - id 后缀,如 'bubble-goo'
12
+ * @returns {string} 完整 id,如 'readdy-anim-bubble-goo'
13
+ */
14
+ export function buildAnimDomId(name: string): string;
15
+ /**
16
+ * 构建动效规范 ID
17
+ * 统一接受动效 slug,例如:
18
+ * - buildAnimId('letter-bounce') => 'readdy-anim-letter-bounce'
19
+ * - buildAnimId('bubble-button') => 'readdy-anim-bubble-button'
20
+ *
21
+ * @param {string} name - 动效 slug
22
+ * @returns {string} 规范 ID
23
+ */
24
+ export function buildAnimId(name: string): string;
25
+ /**
26
+ * @readdy/anim/shared/constants.js
27
+ *
28
+ * 共享常量 —— 动效 ID 前缀、class 前缀、ID 构建器
29
+ * 解决 issues #2:动效 ID 前缀不一致
30
+ */
31
+ /** 动效 ID 前缀,统一格式 */
32
+ export const ANIM_ID_PREFIX: "readdy-anim-";
33
+ /** CSS class 前缀 */
34
+ export const ANIM_CLASS_PREFIX: "readdy-anim-";
@@ -0,0 +1,18 @@
1
+ /**
2
+ * @readdy/anim/shared/meta.js
3
+ *
4
+ * 元数据工具 —— 从 options 定义派生默认值
5
+ * 解决 issues #3:animation.defaultOptions 字段不存在
6
+ */
7
+ /**
8
+ * 从 options 定义中提取默认值
9
+ *
10
+ * @param {Record<string, { default: any, type: string, description?: string }>} optionsDef
11
+ * 动效的 options 定义,如 { stagger: { default: 60, type: 'number' }, ... }
12
+ * @returns {Record<string, any>} 默认值对象,如 { stagger: 60, ... }
13
+ */
14
+ export function getDefaultOptions(optionsDef: Record<string, {
15
+ default: any;
16
+ type: string;
17
+ description?: string;
18
+ }>): Record<string, any>;
@@ -0,0 +1,8 @@
1
+ export function getPointerMetrics(target: any, event: any): {
2
+ rect: any;
3
+ deltaX: number;
4
+ deltaY: number;
5
+ relativeX: number;
6
+ relativeY: number;
7
+ };
8
+ export function attachPointerFollow(el: any, handlers: any): () => void;
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @readdy/anim/shared/reduced-motion.js
3
+ *
4
+ * 无障碍工具 —— 检测 prefers-reduced-motion
5
+ * 所有 React 组件和 init 函数统一使用此函数
6
+ */
7
+ /**
8
+ * 检测用户是否偏好减少动画
9
+ * @returns {boolean} true 表示用户偏好减少动画
10
+ */
11
+ export function prefersReducedMotion(): boolean;
@@ -0,0 +1 @@
1
+ export function resolveCardMediaElement(el: any, mediaClass: any): any;
@@ -0,0 +1,19 @@
1
+ /**
2
+ * 将元素内的文本拆分为逐字 span,每个 span 带有 animation-delay。
3
+ *
4
+ * @param el 目标元素
5
+ * @param options 配置项
6
+ * @param options.stagger 每个字符的延迟增量(ms),默认 60
7
+ * @param options.charClass span 的 class 名,默认 'readdy-anim-char'
8
+ * @param options.maxChars 超长文本降级阈值,默认 200
9
+ */
10
+ export function splitTextIntoChars(el: any, options?: {}): void;
11
+ /**
12
+ * 将元素内的文本按词拆分,每个词包在一个 span 中。
13
+ *
14
+ * @param el 目标元素
15
+ * @param options 配置项
16
+ * @param options.stagger 每个词的延迟增量(ms),默认 120
17
+ * @param options.wordClass span 的 class 名,默认 'readdy-anim-word'
18
+ */
19
+ export function splitTextIntoWords(el: any, options?: {}): void;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Anim3DFlip } from '../animations/button/3d-flip/react';
3
+ import '../animations/button/3d-flip/style.css';
4
+ declare const meta: Meta<typeof Anim3DFlip>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof Anim3DFlip>;
7
+ export declare const Default: Story;
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ export declare const CARD_MEDIA_SRC = "https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1200&q=80";
3
+ export declare function AutoReplay({ children, interval, }: {
4
+ children: (iteration: number) => React.ReactNode;
5
+ interval?: number;
6
+ }): React.JSX.Element;
7
+ export declare function StoryFrame({ children }: {
8
+ children: React.ReactNode;
9
+ }): React.JSX.Element;
10
+ export declare const HeadingHost: React.ForwardRefExoticComponent<{
11
+ children: React.ReactNode;
12
+ color?: string;
13
+ } & React.RefAttributes<HTMLHeadingElement>>;
14
+ export declare const ButtonHost: React.ForwardRefExoticComponent<{
15
+ children: React.ReactNode;
16
+ style?: React.CSSProperties;
17
+ } & React.RefAttributes<HTMLButtonElement>>;
18
+ export declare const CardHost: React.ForwardRefExoticComponent<{
19
+ title?: string;
20
+ body?: string;
21
+ mediaStyle?: React.CSSProperties;
22
+ mediaSrc?: string;
23
+ mediaAlt?: string;
24
+ } & React.RefAttributes<HTMLElement>>;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimAnimeSplittext } from '../animations/header/anime-splittext/react';
3
+ import '../animations/header/anime-splittext/style.css';
4
+ declare const meta: Meta<typeof AnimAnimeSplittext>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimAnimeSplittext>;
7
+ export declare const Default: Story;
8
+ export declare const RichTextHeading: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimBlurFadeIn } from '../animations/button/blur-fade-in/react';
3
+ import '../animations/button/blur-fade-in/style.css';
4
+ declare const meta: Meta<typeof AnimBlurFadeIn>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimBlurFadeIn>;
7
+ export declare const Default: Story;
8
+ export declare const WithContent: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimBlurRise } from '../animations/card/blur-rise/react';
3
+ import '../animations/card/blur-rise/style.css';
4
+ declare const meta: Meta<typeof AnimBlurRise>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimBlurRise>;
7
+ export declare const Default: Story;
8
+ export declare const WithContent: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimBlurRise } from '../animations/card/blur-rise/react';
3
+ import '../animations/card/blur-rise/style.css';
4
+ declare const meta: Meta<typeof AnimBlurRise>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimBlurRise>;
7
+ export declare const Default: Story;
8
+ export declare const ChineseRichText: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimBorderBeam } from '../animations/button/border-beam/react';
3
+ import '../animations/button/border-beam/style.css';
4
+ declare const meta: Meta<typeof AnimBorderBeam>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimBorderBeam>;
7
+ export declare const Default: Story;
8
+ export declare const WithContent: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimBounceElastic } from '../animations/button/bounce-elastic/react';
3
+ import '../animations/button/bounce-elastic/style.css';
4
+ declare const meta: Meta<typeof AnimBounceElastic>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimBounceElastic>;
7
+ export declare const Default: Story;
8
+ export declare const WithContent: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimBounceInBottom } from '../animations/card/bounce-in-bottom/react';
3
+ import '../animations/card/bounce-in-bottom/style.css';
4
+ declare const meta: Meta<typeof AnimBounceInBottom>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimBounceInBottom>;
7
+ export declare const Default: Story;
8
+ export declare const WithContent: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimBounceInDown } from '../animations/header/bounce-in-down/react';
3
+ import '../animations/header/bounce-in-down/style.css';
4
+ declare const meta: Meta<typeof AnimBounceInDown>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimBounceInDown>;
7
+ export declare const Default: Story;
8
+ export declare const WithContent: Story;
9
+ export declare const ChineseRichText: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimBubbleButton } from '../animations/button/bubble-button/react';
3
+ import '../animations/button/bubble-button/style.css';
4
+ declare const meta: Meta<typeof AnimBubbleButton>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimBubbleButton>;
7
+ export declare const Default: Story;
8
+ export declare const Hover: Story;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimCardFanSpread } from '../animations/card/card-fan-spread/react';
3
+ import '../animations/card/card-fan-spread/style.css';
4
+ declare const meta: Meta<typeof AnimCardFanSpread>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimCardFanSpread>;
7
+ export declare const Default: Story;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimCardFlip } from '../animations/card/card-flip/react';
3
+ import '../animations/card/card-flip/style.css';
4
+ declare const meta: Meta<typeof AnimCardFlip>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimCardFlip>;
7
+ export declare const Default: Story;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimConfettiButton } from '../animations/button/confetti-button/react';
3
+ import '../animations/button/confetti-button/style.css';
4
+ declare const meta: Meta<typeof AnimConfettiButton>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimConfettiButton>;
7
+ export declare const Default: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimFloatIdle } from '../animations/card/float-idle/react';
3
+ import '../animations/card/float-idle/style.css';
4
+ declare const meta: Meta<typeof AnimFloatIdle>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimFloatIdle>;
7
+ export declare const Default: Story;
8
+ export declare const WithContent: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimFlyInChars } from '../animations/header/fly-in-chars/react';
3
+ import '../animations/header/fly-in-chars/style.css';
4
+ declare const meta: Meta<typeof AnimFlyInChars>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimFlyInChars>;
7
+ export declare const Default: Story;
8
+ export declare const ChineseRichText: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimGlowCta } from '../animations/button/glow-cta/react';
3
+ import '../animations/button/glow-cta/style.css';
4
+ declare const meta: Meta<typeof AnimGlowCta>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimGlowCta>;
7
+ export declare const Default: Story;
8
+ export declare const WithContent: Story;
9
+ export declare const Hover: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimGradientText } from '../animations/header/gradient-text/react';
3
+ import '../animations/header/gradient-text/style.css';
4
+ declare const meta: Meta<typeof AnimGradientText>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimGradientText>;
7
+ export declare const Default: Story;
8
+ export declare const WithContent: Story;
9
+ export declare const ChineseRichText: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimImageMagnifier } from '../animations/card/image-magnifier/react';
3
+ import '../animations/card/image-magnifier/style.css';
4
+ declare const meta: Meta<typeof AnimImageMagnifier>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimImageMagnifier>;
7
+ export declare const Default: Story;
8
+ export declare const ObjectTop: Story;
9
+ export declare const ObjectBottom: Story;
10
+ export declare const ObjectCustom: Story;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimImageZoomRotate } from '../animations/card/image-zoom-rotate/react';
3
+ import '../animations/card/image-zoom-rotate/style.css';
4
+ declare const meta: Meta<typeof AnimImageZoomRotate>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimImageZoomRotate>;
7
+ export declare const Default: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimLetterBounce } from '../animations/header/letter-bounce/react';
3
+ import '../animations/header/letter-bounce/style.css';
4
+ declare const meta: Meta<typeof AnimLetterBounce>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimLetterBounce>;
7
+ export declare const Default: Story;
8
+ export declare const ChineseRichText: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AnimBorderBeam } from '../animations/button/border-beam/react';
3
+ import '../animations/button/border-beam/style.css';
4
+ declare const meta: Meta<typeof AnimBorderBeam>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof AnimBorderBeam>;
7
+ export declare const Default: Story;
8
+ export declare const WithContent: Story;