Family Sequence of Sheets Morph Interaction

This interaction demonstrates a seamless sequence of nested bottom sheets. When a user taps a line item like Fee Estimate, the current bottom sheet doesn't dismiss or stack; instead, it morphs its height and width dynamically to accommodate the new content, which includes a colorful price range arc graph. Tapping an info icon inside this new view triggers another morph into a text-heavy explanation sheet. Closing these sub-sheets reverses the morphing animation, returning the user to the previous state with fluid, spring-based container transitions and crossfading content.