Family Dynamic Tray Expand Contract Interaction

This interaction showcases a highly fluid and nested modal/bottom-sheet system. Tapping a wiggling wallet icon opens a bottom sheet. Selecting 'Edit Wallet' morphs this sheet into a centered input modal while the keyboard slides up. Further customization options (like choosing an emoji and background color) transition seamlessly through nested bottom sheets with springy physics. The background content remains dimmed and blurred, maintaining context. When saved, the modal smoothly contracts back, and the updated icon wiggles in its place on the main dashboard.