Family Dynamic Sheet Expand Contract Interaction

This interaction showcases a highly fluid bottom sheet in the Family app. When a user edits a wallet, the bottom sheet dynamically morphs its dimensions to transition between a menu, text input fields, an emoji selector, and a color picker. The transitions use spring physics to stretch and squash the container, maintaining a cohesive flow without dismissing the sheet. The background wiggling icons add a playful context, while the keyboard slides in and out in sync with the sheet's resizing.