[6.x] Stacks facelift

[jackmcdade]

They now look/act more like the ill-fated Drawers component. Nothing major, just nicer built-in style, smooth animation, etc.

---

Note

Restyles Stacks with fixed, polished overlay/content, new slide/opacity transitions, and delayed mount/unmount behavior.

• UI/Behavior
  • Mount lifecycle: Teleport now renders when mounted (not visible); sets mounted on mount and clears it after close; visible toggled on nextTick for smooth entry.
  • Close flow: close() now unmounts (mounted = false) after animation delay before emitting closed.
• Styles/Animation
  • Overlay: Replaced with fixed full-screen backdrop (bg-gray-800/20 dark bg-gray-800/50 + slight blur); overlay CSS simplified to pointer-events-none; new fade classes stack-overlay-fade-*.
  • Slide transitions: Introduces stack-slide-* enter/leave active/from rules with transform/opacity; uses percentage-based translate with RTL support.
  • Content panel: Now fixed, rounded, shadowed, overflow-auto, and transition-optimized; supports full inset; hover offset applied via -translate-x-4 rtl:translate-x-4.
  • Hit area: Adds cursor-pointer.
• Class bindings
  • Removes container hovering and full styling responsibilities; shifts styling to content panel classes; keeps stack-is-current only on container.

^{Written by Cursor Bugbot for commit b680e56. This will update automatically on new commits. Configure here.}

[duncanmcclean]

Should the Stack component be moved to the UI package?

[jasonvarga]

Yes but we can do that separately