Morphing Copy

A fluid copy button featuring character-by-character blur-roll text morphing between "Copy" and "Copied" alongside a smooth icon transition.

Share links, invite codes, referral URLs, and code snippet triggers.
Providing delightful typography animations where characters roll in with kinetic blur transitions.
Maintaining automatic container width tracking with zero layout jumping.

Prop	Type	Default	Description
`value`	`string`	—	The text string copied to the user's clipboard upon click.
`resetTimeoutMs`	`number`	`1800`	Duration in milliseconds before the button reverts to the resting "Copy" state.
`onCopy`	`(value: string) => void`	—	Callback fired immediately when copy succeeds.
`className`	`string`	—	Additional CSS class names.

Layout animation wrapping character transitions in <AnimatePresence mode="popLayout">.
Individual letter roll with y: 100% -> 0% and coordinated blur filtering 8px -> 0px.
Morphing icon transitions between Clipboard and Check icons via MorphIcon.