Tier 3: bubbles, animation, wrap mode, XYPad, AlphaDisplay, PushButton

- valueBubble/bubbleFormat: floating readout above knobs while dragging
  (Knob-based skins + ImageKnob)
- animateChanges: rAF ease-out tween of the pointer on programmatic
  value changes; user gestures snap; prefers-reduced-motion disables
- wrap: endless encoder mode — values and relative drags roll around
  min↔max; pairs with angleOffset={0} angleRange={360}
- XYPad: two-parameter pad with absolute drag, arrow keys (Shift
  coarse), Escape cancel, double-click reset, grid/crosshair, focus
  ring, hidden form inputs, change meta
- AlphaDisplay: fourteen-segment alphanumeric LED (A-Z, 0-9, symbols,
  decimal points, chars padding/align, glow/skew)
- PushButton: studio panel button with LED strip — toggle or momentary,
  controlled/uncontrolled, aria-pressed, hidden form input
- Docs: five new gallery cards incl. animated preset demo, API rows,
  README

packages/dreamknob/src/skins/shared.ts

@@ -26,6 +26,10 @@ export interface SkinProps extends KnobCoreProps {
   parseValue?: (text: string) => number | null;
   /** Render a hidden form input carrying the current value. */
   name?: string;
+  /** Show a floating value bubble above the knob while dragging. */
+  valueBubble?: boolean;
+  /** Formatter for the bubble text (defaults to the trimmed value). */
+  bubbleFormat?: (value: number) => string;
   className?: string;
   style?: React.CSSProperties;
 }