Integration
The reusable implementation is split across @components/shopping-cart-1.tsx, @components/shopping-cart-1-spinning-counter.tsx.
The registry also includes app/shopping-cart-1/page.tsx as a complete preview route; an existing application can keep the reusable component files without adopting that route.
Example content is isolated in @components/data/shopping-cart-1-data.ts (CartItem, CartData, cartData); replace those fixtures with application data rather than editing layout markup in several places.
@components/shopping-cart-1.tsx, @components/shopping-cart-1-spinning-counter.tsx declare a client boundary for state, measurement, or browser interaction.
The total uses a local spinning-digit component. Currency symbols and decimal separators remain static while only digits animate.