Cart Stepper

A product row with a morphing add-to-cart stepper that stages minus and quantity out from behind the cart button with spring physics.

E-commerce product cards, quick-add listings, and drawer carts.
Allowing users to smoothly increment, decrement, and clear items without opening a modal.
Providing delightful micro-animations with MorphIcon and NumberFlow for smooth counter transitions.

Prop	Type	Default	Description
`value`	`number`	—	Controlled quantity count value.
`defaultValue`	`number`	`0`	Initial default quantity count value.
`min`	`number`	`0`	Minimum allowed quantity.
`max`	`number`	`99`	Maximum allowed quantity.
`onChange`	`(value: number) => void`	—	Callback fired whenever the quantity count changes.
`title`	`string`	`"Nimbus Bot"`	Product title displayed on the left side.
`subtitle`	`string`	`"$399.00"`	Supporting price or variant subtitle text.
`imageSrc`	`string`	—	Thumbnail product image source.
`imageAlt`	`string`	—	Alt text for the thumbnail image.
`showProductDetails`	`boolean`	`true`	Whether to display the image, title, and price row or just the stepper buttons.
`className`	`string`	—	Additional CSS class names.

Spring physics with stiffness 320 and damping 32 for smooth expansion and staging.
Morphing icon transitions between ShoppingCart, Plus, Minus, and Trash2 states.
Smooth rolling numeric transitions powered by NumberFlow.