@readdy/anim 0.0.21 → 0.0.26

package/dist/metadata.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": "1.0.0",
-  "libraryVersion": "0.0.21",
+  "libraryVersion": "0.0.26",
   "animations": [
     {
       "id": "anim-readdy-header-letter-bounce",
@@ -34,9 +34,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "text-wave",
-      "previewImage": "https://static.readdy.ai/anim/previews/headers/letter-bounce.gif",
-      "prompt": "Apply Letter Bounce animation from @readdy/anim@0.0.21\n\nImport: import { AnimLetterBounce } from '@readdy/anim/header/letter-bounce/react';\nUsage: Replace the target text element with <AnimLetterBounce text=\"...\" tag=\"h1\" stagger={60} duration={700} />. Use the original element tag for the tag prop. Preserve dynamic expressions such as i18n calls when possible.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without character animation.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/header/letter-bounce.gif",
+      "prompt": "Apply Letter Bounce animation from @readdy/anim@0.0.26\n\nImport: import { AnimLetterBounce } from '@readdy/anim/header/letter-bounce/react';\nUsage: Replace the target text element with <AnimLetterBounce text=\"...\" tag=\"h1\" stagger={60} duration={700} />. Use the original element tag for the tag prop. Preserve dynamic expressions such as i18n calls when possible.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without character animation.",
       "sortOrder": 101
     },
     {
@@ -61,9 +60,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "bounce-in-down",
-      "previewImage": "https://static.readdy.ai/anim/previews/headers/bounce-in-down.gif",
-      "prompt": "Apply Bounce In Down animation from @readdy/anim@0.0.21\n\nImport: import { AnimBounceInDown } from '@readdy/anim/header/bounce-in-down/react';\nUsage: Wrap the target text element without adding an extra wrapper: <AnimBounceInDown duration={800}>...</AnimBounceInDown>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the text visible without bounce motion.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/header/bounce-in-down.gif",
+      "prompt": "Apply Bounce In Down animation from @readdy/anim@0.0.26\n\nImport: import { AnimBounceInDown } from '@readdy/anim/header/bounce-in-down/react';\nUsage: Wrap the target text element without adding an extra wrapper: <AnimBounceInDown duration={800}>...</AnimBounceInDown>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the text visible without bounce motion.",
       "sortOrder": 102
     },
     {
@@ -77,9 +75,8 @@
       "options": {},
       "conflictsWith": [],
       "previewVariant": "text-shimmer",
-      "previewImage": "https://static.readdy.ai/anim/previews/headers/shimmer-text.gif",
-      "prompt": "Apply Shimmer Text animation from @readdy/anim@0.0.21\n\nImport: import { AnimShimmerText } from '@readdy/anim/header/shimmer-text/react';\nUsage: Replace the target text element with <AnimShimmerText text=\"...\" tag=\"h1\" stagger={45} duration={900} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without shimmer motion.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/header/shimmer-text.gif",
+      "prompt": "Apply Shimmer Text animation from @readdy/anim@0.0.26\n\nImport: import { AnimShimmerText } from '@readdy/anim/header/shimmer-text/react';\nUsage: Replace the target text element with <AnimShimmerText text=\"...\" tag=\"h1\" stagger={45} duration={900} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without shimmer motion.",
       "sortOrder": 102
     },
     {
@@ -124,9 +121,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "text-type",
-      "previewImage": "https://static.readdy.ai/anim/previews/headers/text-type.gif",
-      "prompt": "Apply Text Type animation from @readdy/anim@0.0.21\n\nImport: import { AnimTextType } from '@readdy/anim/header/text-type/react';\nUsage: Replace the target text element with <AnimTextType text=\"...\" tag=\"h1\" stagger={35} duration={500} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render the full text immediately.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/header/text-type.gif",
+      "prompt": "Apply Text Type animation from @readdy/anim@0.0.26\n\nImport: import { AnimTextType } from '@readdy/anim/header/text-type/react';\nUsage: Replace the target text element with <AnimTextType text=\"...\" tag=\"h1\" stagger={35} duration={500} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render the full text immediately.",
       "sortOrder": 103
     },
     {
@@ -140,9 +136,8 @@
       "options": {},
       "conflictsWith": [],
       "previewVariant": "text-gradient",
-      "previewImage": "https://static.readdy.ai/anim/previews/headers/gradient-text.gif",
-      "prompt": "Apply Gradient Text animation from @readdy/anim@0.0.21\n\nImport: import { AnimGradientText } from '@readdy/anim/header/gradient-text/react';\nUsage: Wrap the target text element without adding an extra wrapper: <AnimGradientText duration={2400}>...</AnimGradientText>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the gradient static.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/header/gradient-text.gif",
+      "prompt": "Apply Gradient Text animation from @readdy/anim@0.0.26\n\nImport: import { AnimGradientText } from '@readdy/anim/header/gradient-text/react';\nUsage: Wrap the target text element without adding an extra wrapper: <AnimGradientText duration={2400}>...</AnimGradientText>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the gradient static.",
       "sortOrder": 104
     },
     {
@@ -167,9 +162,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "text-split",
-      "previewImage": "https://static.readdy.ai/anim/previews/headers/fly-in-chars.gif",
-      "prompt": "Apply Fly In Chars animation from @readdy/anim@0.0.21\n\nImport: import { AnimFlyInChars } from '@readdy/anim/header/fly-in-chars/react';\nUsage: Replace the target text element with <AnimFlyInChars text=\"...\" tag=\"h1\" stagger={45} duration={750} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without fly-in motion.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/header/fly-in-chars.gif",
+      "prompt": "Apply Fly In Chars animation from @readdy/anim@0.0.26\n\nImport: import { AnimFlyInChars } from '@readdy/anim/header/fly-in-chars/react';\nUsage: Replace the target text element with <AnimFlyInChars text=\"...\" tag=\"h1\" stagger={45} duration={750} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without fly-in motion.",
       "sortOrder": 105
     },
     {
@@ -185,9 +179,8 @@
       "options": {},
       "conflictsWith": [],
       "previewVariant": "box-blur-rise",
-      "previewImage": "https://static.readdy.ai/anim/previews/headers/blur-to-sharp-rise.gif",
-      "prompt": "Apply Blur-to-sharp Rise animation from @readdy/anim@0.0.21\n\nImport: import { AnimBlurRise } from '@readdy/anim/card/blur-rise/react';\nUsage: Wrap the target heading or text container without adding an extra wrapper: <AnimBlurRise>...</AnimBlurRise>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the text immediately without blur or rise motion.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/header/blur-to-sharp-rise.gif",
+      "prompt": "Apply Blur-to-sharp Rise animation from @readdy/anim@0.0.26\n\nImport: import { AnimBlurToSharpRise } from '@readdy/anim/header/blur-to-sharp-rise/react';\nUsage: Wrap the target heading or text container without adding an extra wrapper: <AnimBlurToSharpRise>...</AnimBlurToSharpRise>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the text immediately without blur or rise motion.",
       "sortOrder": 106
     },
     {
@@ -212,9 +205,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "roll-in",
-      "previewImage": "https://static.readdy.ai/anim/previews/headers/roll-in.gif",
-      "prompt": "Apply Roll In animation from @readdy/anim@0.0.21\n\nImport: import { AnimRollIn } from '@readdy/anim/header/roll-in/react';\nUsage: Wrap the target text element without adding an extra wrapper: <AnimRollIn duration={700}>...</AnimRollIn>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the text visible without entrance motion.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/header/roll-in.gif",
+      "prompt": "Apply Roll In animation from @readdy/anim@0.0.26\n\nImport: import { AnimRollIn } from '@readdy/anim/header/roll-in/react';\nUsage: Wrap the target text element without adding an extra wrapper: <AnimRollIn duration={700}>...</AnimRollIn>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the text visible without entrance motion.",
       "sortOrder": 106
     },
     {
@@ -249,9 +241,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "text-split",
-      "previewImage": "https://static.readdy.ai/anim/previews/headers/split-text.gif",
-      "prompt": "Apply Split Text animation from @readdy/anim@0.0.21\n\nImport: import { AnimSplitText } from '@readdy/anim/header/split-text/react';\nUsage: Replace the target text element with <AnimSplitText text=\"...\" tag=\"h1\" stagger={50} duration={650} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without split animation.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/header/split-text.gif",
+      "prompt": "Apply Split Text animation from @readdy/anim@0.0.26\n\nImport: import { AnimSplitText } from '@readdy/anim/header/split-text/react';\nUsage: Replace the target text element with <AnimSplitText text=\"...\" tag=\"h1\" stagger={50} duration={650} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without split animation.",
       "sortOrder": 107
     },
     {
@@ -306,9 +297,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "text-shuffle",
-      "previewImage": "https://static.readdy.ai/anim/previews/headers/shuffle.gif",
-      "prompt": "Apply Shuffle animation from @readdy/anim@0.0.21\n\nImport: import { AnimShuffle } from '@readdy/anim/header/shuffle/react';\nUsage: Replace the target text element with <AnimShuffle text=\"...\" tag=\"h1\" stagger={30} duration={800} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render the final text without shuffle motion.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/header/shuffle.gif",
+      "prompt": "Apply Shuffle animation from @readdy/anim@0.0.26\n\nImport: import { AnimShuffle } from '@readdy/anim/header/shuffle/react';\nUsage: Replace the target text element with <AnimShuffle text=\"...\" tag=\"h1\" stagger={30} duration={800} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render the final text without shuffle motion.",
       "sortOrder": 108
     },
     {
@@ -333,9 +323,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "text-wave",
-      "previewImage": "https://static.readdy.ai/anim/previews/headers/anime-splittext.gif",
-      "prompt": "Apply Anime Split Text animation from @readdy/anim@0.0.21\n\nImport: import { AnimAnimeSplitText } from '@readdy/anim/header/anime-splittext/react';\nUsage: Replace the target text element with <AnimAnimeSplitText text=\"...\" tag=\"h1\" stagger={55} duration={720} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without split text motion.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/header/anime-splittext.gif",
+      "prompt": "Apply Anime Split Text animation from @readdy/anim@0.0.26\n\nImport: import { AnimAnimeSplittext } from '@readdy/anim/header/anime-splittext/react';\nUsage: Replace the target text element with <AnimAnimeSplittext text=\"...\" tag=\"h1\" stagger={55} duration={720} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render plain text without split text motion.",
       "sortOrder": 110
     },
     {
@@ -360,9 +349,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "text-word-curtain",
-      "previewImage": "https://static.readdy.ai/anim/previews/headers/word-curtain-reveal.gif",
-      "prompt": "Apply Word Curtain Reveal animation from @readdy/anim@0.0.21\n\nImport: import { AnimWordCurtainReveal } from '@readdy/anim/header/word-curtain-reveal/react';\nUsage: Replace the target text element with <AnimWordCurtainReveal text=\"...\" tag=\"h1\" stagger={90} duration={850} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render the text without masked reveal motion.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/header/word-curtain-reveal.gif",
+      "prompt": "Apply Word Curtain Reveal animation from @readdy/anim@0.0.26\n\nImport: import { AnimWordCurtainReveal } from '@readdy/anim/header/word-curtain-reveal/react';\nUsage: Replace the target text element with <AnimWordCurtainReveal text=\"...\" tag=\"h1\" stagger={90} duration={850} />. Use the original element tag for the tag prop.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render the text without masked reveal motion.",
       "sortOrder": 111
     },
     {
@@ -388,8 +376,7 @@
       "conflictsWith": [],
       "previewVariant": "3d-flip",
       "previewImage": "https://static.readdy.ai/anim/previews/buttons/3d-flip.gif",
-      "prompt": "Apply 3D Flip animation from @readdy/anim@0.0.21\n\nImport: import { AnimThreeDFlip } from '@readdy/anim/button/3d-flip/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimThreeDFlip maxTilt={15} duration={450}>...</AnimThreeDFlip>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach 3D transform behavior.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "prompt": "Apply 3D Flip animation from @readdy/anim@0.0.26\n\nImport: import { Anim3DFlip } from '@readdy/anim/button/3d-flip/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <Anim3DFlip maxTilt={15} duration={450}>...</Anim3DFlip>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach 3D transform behavior.",
       "sortOrder": 201
     },
     {
@@ -416,8 +403,7 @@
       "conflictsWith": [],
       "previewVariant": "btn-scale",
       "previewImage": "https://static.readdy.ai/anim/previews/buttons/magnetic-hover.gif",
-      "prompt": "Apply Magnetic Hover animation from @readdy/anim@0.0.21\n\nImport: import { AnimMagneticHover } from '@readdy/anim/button/magnetic-hover/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimMagneticHover strength={0.08} duration={300}>...</AnimMagneticHover>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach pointer-driven transform behavior.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "prompt": "Apply Magnetic Hover animation from @readdy/anim@0.0.26\n\nImport: import { AnimMagneticHover } from '@readdy/anim/button/magnetic-hover/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimMagneticHover strength={0.08} duration={300}>...</AnimMagneticHover>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach pointer-driven transform behavior.",
       "sortOrder": 201
     },
     {
@@ -483,8 +469,7 @@
       "conflictsWith": [],
       "previewVariant": "border-beam",
       "previewImage": "https://static.readdy.ai/anim/previews/buttons/border-beam.gif",
-      "prompt": "Apply Border Beam animation from @readdy/anim@0.0.21\n\nImport: import { AnimBorderBeam } from '@readdy/anim/button/border-beam/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimBorderBeam duration={1800}>...</AnimBorderBeam>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the border treatment static.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "prompt": "Apply Border Beam animation from @readdy/anim@0.0.26\n\nImport: import { AnimBorderBeam } from '@readdy/anim/button/border-beam/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimBorderBeam duration={1800}>...</AnimBorderBeam>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the border treatment static.",
       "sortOrder": 203
     },
     {
@@ -499,8 +484,7 @@
       "conflictsWith": [],
       "previewVariant": "bounce-elastic",
       "previewImage": "https://static.readdy.ai/anim/previews/buttons/bounce-elastic.gif",
-      "prompt": "Apply Bounce Elastic animation from @readdy/anim@0.0.21\n\nImport: import { AnimBounceElastic } from '@readdy/anim/button/bounce-elastic/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimBounceElastic duration={650}>...</AnimBounceElastic>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the button static.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "prompt": "Apply Bounce Elastic animation from @readdy/anim@0.0.26\n\nImport: import { AnimBounceElastic } from '@readdy/anim/button/bounce-elastic/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimBounceElastic duration={650}>...</AnimBounceElastic>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the button static.",
       "sortOrder": 204
     },
     {
@@ -515,8 +499,7 @@
       "conflictsWith": [],
       "previewVariant": "btn-rainbow",
       "previewImage": "https://static.readdy.ai/anim/previews/buttons/rainbow-button.gif",
-      "prompt": "Apply Rainbow Button animation from @readdy/anim@0.0.21\n\nImport: import { AnimRainbowButton } from '@readdy/anim/button/rainbow-button/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimRainbowButton duration={2200}>...</AnimRainbowButton>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the gradient static.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "prompt": "Apply Rainbow Button animation from @readdy/anim@0.0.26\n\nImport: import { AnimRainbowButton } from '@readdy/anim/button/rainbow-button/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimRainbowButton duration={2200}>...</AnimRainbowButton>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the gradient static.",
       "sortOrder": 204
     },
     {
@@ -531,8 +514,7 @@
       "conflictsWith": [],
       "previewVariant": "btn-sketch",
       "previewImage": "https://static.readdy.ai/anim/previews/buttons/sketch-button.gif",
-      "prompt": "Apply Sketch Button animation from @readdy/anim@0.0.21\n\nImport: import { AnimSketchButton } from '@readdy/anim/button/sketch-button/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimSketchButton jitter={2} duration={450}>...</AnimSketchButton>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the button static.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "prompt": "Apply Sketch Button animation from @readdy/anim@0.0.26\n\nImport: import { AnimSketchButton } from '@readdy/anim/button/sketch-button/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimSketchButton jitter={2} duration={450}>...</AnimSketchButton>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the button static.",
       "sortOrder": 205
     },
     {
@@ -553,8 +535,7 @@
       "conflictsWith": [],
       "previewVariant": "btn-confetti",
       "previewImage": "https://static.readdy.ai/anim/previews/buttons/confetti-button.gif",
-      "prompt": "Apply Confetti Button animation from @readdy/anim@0.0.21\n\nImport: import { AnimConfettiButton } from '@readdy/anim/button/confetti-button/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimConfettiButton particleCount={18} spread={60}>...</AnimConfettiButton>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not emit confetti particles.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "prompt": "Apply Confetti Button animation from @readdy/anim@0.0.26\n\nImport: import { AnimConfettiButton } from '@readdy/anim/button/confetti-button/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimConfettiButton particleCount={18} spread={60}>...</AnimConfettiButton>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not emit confetti particles.",
       "sortOrder": 206
     },
     {
@@ -590,8 +571,7 @@
       "conflictsWith": [],
       "previewVariant": "btn-glow",
       "previewImage": "https://static.readdy.ai/anim/previews/buttons/glow-cta.gif",
-      "prompt": "Apply Glow CTA animation from @readdy/anim@0.0.21\n\nImport: import { AnimGlowCta } from '@readdy/anim/button/glow-cta/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimGlowCta duration={1800}>...</AnimGlowCta>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the glow static or remove pulsing.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "prompt": "Apply Glow CTA animation from @readdy/anim@0.0.26\n\nImport: import { AnimGlowCta } from '@readdy/anim/button/glow-cta/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimGlowCta duration={1800}>...</AnimGlowCta>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the glow static or remove pulsing.",
       "sortOrder": 207
     },
     {
@@ -606,8 +586,7 @@
       "conflictsWith": [],
       "previewVariant": "btn-bubble",
       "previewImage": "https://static.readdy.ai/anim/previews/buttons/bubble-button.gif",
-      "prompt": "Apply Bubble Button animation from @readdy/anim@0.0.21\n\nImport: import { AnimBubbleButton } from '@readdy/anim/button/bubble-button/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimBubbleButton intensity={1} duration={500}>...</AnimBubbleButton>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach bubble motion.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "prompt": "Apply Bubble Button animation from @readdy/anim@0.0.26\n\nImport: import { AnimBubbleButton } from '@readdy/anim/button/bubble-button/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimBubbleButton intensity={1} duration={500}>...</AnimBubbleButton>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach bubble motion.",
       "sortOrder": 208
     },
     {
@@ -622,8 +601,7 @@
       "conflictsWith": [],
       "previewVariant": "pulse",
       "previewImage": "https://static.readdy.ai/anim/previews/buttons/pulse.gif",
-      "prompt": "Apply Pulse animation from @readdy/anim@0.0.21\n\nImport: import { AnimPulse } from '@readdy/anim/button/pulse/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimPulse duration={1400}>...</AnimPulse>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, disable pulsing.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "prompt": "Apply Pulse animation from @readdy/anim@0.0.26\n\nImport: import { AnimPulse } from '@readdy/anim/button/pulse/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimPulse duration={1400}>...</AnimPulse>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, disable pulsing.",
       "sortOrder": 209
     },
     {
@@ -638,8 +616,7 @@
       "conflictsWith": [],
       "previewVariant": "btn-blur-fade-in",
       "previewImage": "https://static.readdy.ai/anim/previews/buttons/blur-fade-in.gif",
-      "prompt": "Apply Blur Fade In animation from @readdy/anim@0.0.21\n\nImport: import { AnimBlurFadeIn } from '@readdy/anim/button/blur-fade-in/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimBlurFadeIn duration={650}>...</AnimBlurFadeIn>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the element immediately.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "prompt": "Apply Blur Fade In animation from @readdy/anim@0.0.26\n\nImport: import { AnimBlurFadeIn } from '@readdy/anim/button/blur-fade-in/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimBlurFadeIn duration={650}>...</AnimBlurFadeIn>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the element immediately.",
       "sortOrder": 211
     },
     {
@@ -670,8 +647,7 @@
       "conflictsWith": [],
       "previewVariant": "shimmer-border",
       "previewImage": "https://static.readdy.ai/anim/previews/buttons/shimmer-border.gif",
-      "prompt": "Apply Shimmer Border animation from @readdy/anim@0.0.21\n\nImport: import { AnimShimmerBorder } from '@readdy/anim/button/shimmer-border/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimShimmerBorder duration={1600}>...</AnimShimmerBorder>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the border treatment static.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "prompt": "Apply Shimmer Border animation from @readdy/anim@0.0.26\n\nImport: import { AnimShimmerBorder } from '@readdy/anim/button/shimmer-border/react';\nUsage: Wrap the target interactive element without adding an extra wrapper: <AnimShimmerBorder duration={1600}>...</AnimShimmerBorder>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the border treatment static.",
       "sortOrder": 211
     },
     {
@@ -685,9 +661,8 @@
       "options": {},
       "conflictsWith": [],
       "previewVariant": "blur-rise",
-      "previewImage": "https://static.readdy.ai/anim/previews/cards/blur-rise.gif",
-      "prompt": "Apply Blur Rise animation from @readdy/anim@0.0.21\n\nImport: import { AnimBlurRise } from '@readdy/anim/card/blur-rise/react';\nUsage: Wrap the target container without adding an extra wrapper: <AnimBlurRise duration={700}>...</AnimBlurRise>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the element immediately.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/card/blur-rise.gif",
+      "prompt": "Apply Blur Rise animation from @readdy/anim@0.0.26\n\nImport: import { AnimBlurRise } from '@readdy/anim/card/blur-rise/react';\nUsage: Wrap the target container without adding an extra wrapper: <AnimBlurRise duration={700}>...</AnimBlurRise>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the element immediately.",
       "sortOrder": 301
     },
     {
@@ -701,9 +676,8 @@
       "options": {},
       "conflictsWith": [],
       "previewVariant": "bounce-in-bottom",
-      "previewImage": "https://static.readdy.ai/anim/previews/cards/bounce-in-bottom.gif",
-      "prompt": "Apply Bounce In Bottom animation from @readdy/anim@0.0.21\n\nImport: import { AnimBounceInBottom } from '@readdy/anim/card/bounce-in-bottom/react';\nUsage: Wrap the target card without adding an extra wrapper: <AnimBounceInBottom duration={800}>...</AnimBounceInBottom>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the element immediately.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/card/bounce-in-bottom.gif",
+      "prompt": "Apply Bounce In Bottom animation from @readdy/anim@0.0.26\n\nImport: import { AnimBounceInBottom } from '@readdy/anim/card/bounce-in-bottom/react';\nUsage: Wrap the target card without adding an extra wrapper: <AnimBounceInBottom duration={800}>...</AnimBounceInBottom>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the element immediately.",
       "sortOrder": 302
     },
     {
@@ -739,9 +713,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "card-tilt",
-      "previewImage": "https://static.readdy.ai/anim/previews/cards/tilted-card.gif",
-      "prompt": "Apply Tilted Card animation from @readdy/anim@0.0.21\n\nImport: import { AnimTiltedCard } from '@readdy/anim/card/tilted-card/react';\nUsage: Wrap the target card without adding an extra wrapper: <AnimTiltedCard maxTilt={12} strength={0.08}>...</AnimTiltedCard>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach pointer-driven tilt behavior.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/card/tilted-card.gif",
+      "prompt": "Apply Tilted Card animation from @readdy/anim@0.0.26\n\nImport: import { AnimTiltedCard } from '@readdy/anim/card/tilted-card/react';\nUsage: Wrap the target card without adding an extra wrapper: <AnimTiltedCard maxTilt={12} strength={0.08}>...</AnimTiltedCard>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach pointer-driven tilt behavior.",
       "sortOrder": 303
     },
     {
@@ -766,9 +739,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "card-flip",
-      "previewImage": "https://static.readdy.ai/anim/previews/cards/card-flip.gif",
-      "prompt": "Apply Card Flip animation from @readdy/anim@0.0.21\n\nImport: import { AnimCardFlip } from '@readdy/anim/card/card-flip/react';\nUsage: Wrap the target card element with <AnimCardFlip duration={500} perspective={2000}>...</AnimCardFlip>. Preserve the original content, attributes, event handlers, responsive classes, and layout semantics.\nProps: duration: number (default: 500), perspective: number (default: 2000)\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render the original element without the animation behavior.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/card/card-flip.gif",
+      "prompt": "Apply Card Flip animation from @readdy/anim@0.0.26\n\nImport: import { AnimCardFlip } from '@readdy/anim/card/card-flip/react';\nUsage: Wrap the target card element with <AnimCardFlip duration={500} perspective={2000}>...</AnimCardFlip>. Preserve the original content, attributes, event handlers, responsive classes, and layout semantics.\nProps: duration: number (default: 500), perspective: number (default: 2000)\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, render the original element without the animation behavior.",
       "sortOrder": 304
     },
     {
@@ -782,9 +754,8 @@
       "options": {},
       "conflictsWith": [],
       "previewVariant": "float-idle",
-      "previewImage": "https://static.readdy.ai/anim/previews/cards/float-idle.gif",
-      "prompt": "Apply Float Idle animation from @readdy/anim@0.0.21\n\nImport: import { AnimFloatIdle } from '@readdy/anim/card/float-idle/react';\nUsage: Wrap the target container without adding an extra wrapper: <AnimFloatIdle duration={3000}>...</AnimFloatIdle>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, disable continuous floating.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/card/float-idle.gif",
+      "prompt": "Apply Float Idle animation from @readdy/anim@0.0.26\n\nImport: import { AnimFloatIdle } from '@readdy/anim/card/float-idle/react';\nUsage: Wrap the target container without adding an extra wrapper: <AnimFloatIdle duration={3000}>...</AnimFloatIdle>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, disable continuous floating.",
       "sortOrder": 305
     },
     {
@@ -814,9 +785,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "card-glitch",
-      "previewImage": "https://static.readdy.ai/anim/previews/cards/rgb-split-glitch.gif",
-      "prompt": "Apply RGB Split Glitch animation from @readdy/anim@0.0.21\n\nImport: import { AnimRgbSplitGlitch } from '@readdy/anim/card/rgb-split-glitch/react';\nUsage: Wrap the target card or media element without adding an extra wrapper: <AnimRgbSplitGlitch duration={1200}>...</AnimRgbSplitGlitch>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, avoid glitch motion.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/card/rgb-split-glitch.gif",
+      "prompt": "Apply RGB Split Glitch animation from @readdy/anim@0.0.26\n\nImport: import { AnimRgbSplitGlitch } from '@readdy/anim/card/rgb-split-glitch/react';\nUsage: Wrap the target card or media element without adding an extra wrapper: <AnimRgbSplitGlitch duration={1200}>...</AnimRgbSplitGlitch>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, avoid glitch motion.",
       "sortOrder": 306
     },
     {
@@ -856,9 +826,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "card-fan",
-      "previewImage": "https://static.readdy.ai/anim/previews/cards/card-fan-spread.gif",
-      "prompt": "Apply Card Fan Spread animation from @readdy/anim@0.0.21\n\nImport: import { AnimCardFanSpread } from '@readdy/anim/card/card-fan-spread/react';\nUsage: Wrap the target card stack or container without adding an extra wrapper: <AnimCardFanSpread spread={16} rotation={6}>...</AnimCardFanSpread>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep cards in their resting layout.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/card/card-fan-spread.gif",
+      "prompt": "Apply Card Fan Spread animation from @readdy/anim@0.0.26\n\nImport: import { AnimCardFanSpread } from '@readdy/anim/card/card-fan-spread/react';\nUsage: Wrap the target card stack or container without adding an extra wrapper: <AnimCardFanSpread spread={16} rotation={6}>...</AnimCardFanSpread>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep cards in their resting layout.",
       "sortOrder": 307
     },
     {
@@ -888,9 +857,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "image-zoom-rotate",
-      "previewImage": "https://static.readdy.ai/anim/previews/cards/image-zoom-rotate.gif",
-      "prompt": "Apply Image Zoom Rotate animation from @readdy/anim@0.0.21\n\nImport: import { AnimImageZoomRotate } from '@readdy/anim/card/image-zoom-rotate/react';\nUsage: Wrap the target image or media card without adding an extra wrapper: <AnimImageZoomRotate zoom={1.08} rotate={2}>...</AnimImageZoomRotate>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, avoid transform-driven zoom and rotation.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/card/image-zoom-rotate.gif",
+      "prompt": "Apply Image Zoom Rotate animation from @readdy/anim@0.0.26\n\nImport: import { AnimImageZoomRotate } from '@readdy/anim/card/image-zoom-rotate/react';\nUsage: Wrap the target image or media card without adding an extra wrapper: <AnimImageZoomRotate zoom={1.08} rotate={2}>...</AnimImageZoomRotate>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, avoid transform-driven zoom and rotation.",
       "sortOrder": 307
     },
     {
@@ -920,9 +888,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "card-magnifier",
-      "previewImage": "https://static.readdy.ai/anim/previews/cards/image-magnifier.gif",
-      "prompt": "Apply Image Magnifier animation from @readdy/anim@0.0.21\n\nImport: import { AnimImageMagnifier } from '@readdy/anim/card/image-magnifier/react';\nUsage: Wrap the target image or media element without adding an extra wrapper: <AnimImageMagnifier zoom={2} size={120}>...</AnimImageMagnifier>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach pointer-following magnifier behavior.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/card/image-magnifier.gif",
+      "prompt": "Apply Image Magnifier animation from @readdy/anim@0.0.26\n\nImport: import { AnimImageMagnifier } from '@readdy/anim/card/image-magnifier/react';\nUsage: Wrap the target image or media element without adding an extra wrapper: <AnimImageMagnifier zoom={2} size={120}>...</AnimImageMagnifier>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, do not attach pointer-following magnifier behavior.",
       "sortOrder": 308
     },
     {
@@ -957,9 +924,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "pop-in-stack",
-      "previewImage": "https://static.readdy.ai/anim/previews/cards/pop-in-stack.gif",
-      "prompt": "Apply Pop In Stack animation from @readdy/anim@0.0.21\n\nImport: import { AnimPopInStack } from '@readdy/anim/card/pop-in-stack/react';\nUsage: Wrap the target card or card stack without adding an extra wrapper: <AnimPopInStack distance={12} duration={600}>...</AnimPopInStack>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the stack immediately.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/card/pop-in-stack.gif",
+      "prompt": "Apply Pop In Stack animation from @readdy/anim@0.0.26\n\nImport: import { AnimPopInStack } from '@readdy/anim/card/pop-in-stack/react';\nUsage: Wrap the target card or card stack without adding an extra wrapper: <AnimPopInStack distance={12} duration={600}>...</AnimPopInStack>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the stack immediately.",
       "sortOrder": 308
     },
     {
@@ -973,9 +939,8 @@
       "options": {},
       "conflictsWith": [],
       "previewVariant": "reveal-from-top",
-      "previewImage": "https://static.readdy.ai/anim/previews/cards/reveal-from-top.gif",
-      "prompt": "Apply Reveal From Top animation from @readdy/anim@0.0.21\n\nImport: import { AnimRevealFromTop } from '@readdy/anim/card/reveal-from-top/react';\nUsage: Wrap the target card or section without adding an extra wrapper: <AnimRevealFromTop duration={700}>...</AnimRevealFromTop>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the element immediately.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/card/reveal-from-top.gif",
+      "prompt": "Apply Reveal From Top animation from @readdy/anim@0.0.26\n\nImport: import { AnimRevealFromTop } from '@readdy/anim/card/reveal-from-top/react';\nUsage: Wrap the target card or section without adding an extra wrapper: <AnimRevealFromTop duration={700}>...</AnimRevealFromTop>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, show the element immediately.",
       "sortOrder": 309
     },
     {
@@ -994,6 +959,11 @@
           "default": 3000,
           "description": "Animation duration in milliseconds."
         },
+        "delay": {
+          "type": "number",
+          "default": 0,
+          "description": "Animation delay in milliseconds."
+        },
         "borderWidth": {
           "type": "number",
           "default": 1.35,
@@ -1004,6 +974,11 @@
           "default": 0.28,
           "description": "Glow opacity for the border beam effect."
         },
+        "initialOffset": {
+          "type": "number",
+          "default": 0,
+          "description": "Initial Offset option."
+        },
         "colorFrom": {
           "type": "string",
           "default": "#ff6b6b",
@@ -1024,16 +999,6 @@
           "default": "#9ec5ff",
           "description": "Secondary Color To option."
         },
-        "initialOffset": {
-          "type": "number",
-          "default": 0,
-          "description": "Initial Offset option."
-        },
-        "delay": {
-          "type": "number",
-          "default": 0,
-          "description": "Animation delay in milliseconds."
-        },
         "reverse": {
           "type": "boolean",
           "default": false,
@@ -1042,9 +1007,8 @@
       },
       "conflictsWith": [],
       "previewVariant": "card-border-beam",
-      "previewImage": "https://static.readdy.ai/anim/previews/cards/magic-ui-border-beam.gif",
-      "prompt": "Apply Magic UI Border Beam animation from @readdy/anim@0.0.21\n\nImport: import { AnimBorderBeam } from '@readdy/anim/button/border-beam/react';\nUsage: Wrap the target card or section without adding an extra wrapper: <AnimBorderBeam duration={3000} borderWidth={1.35} glowOpacity={0.28}>...</AnimBorderBeam>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the card border static without the moving beam.\n\nTarget element selector: {selectorContext}",
-      "enabled": true,
+      "previewImage": "https://static.readdy.ai/anim/previews/card/magic-ui-border-beam.gif",
+      "prompt": "Apply Magic UI Border Beam animation from @readdy/anim@0.0.26\n\nImport: import { AnimMagicUIBorderBeam } from '@readdy/anim/card/magic-ui-border-beam/react';\nUsage: Wrap the target card or section without adding an extra wrapper: <AnimMagicUIBorderBeam duration={3000} borderWidth={1.35} glowOpacity={0.28}>...</AnimMagicUIBorderBeam>.\n\nAccessibility: Check prefers-reduced-motion. If reduced motion is enabled, keep the card border static without the moving beam.",
       "sortOrder": 312
     }
   ]