Accessible Dialog Focus Trap

Implement a dialog that traps focus, restores it, and closes on Escape. Use the platform element if we can. STACK [REACT] Need: [CONFIRM DELETE | FORM MODAL] Title and description: [WHAT] DELIVER 1) Prefer the native dialog element and show the minimal React wrapper: open via showModal, close, backdrop click only if I said it should cancel. 2) Focus moves to the dialog (the title or the first field — say which and why). On close, focus returns to the button that opened it, including if that button rerenders. 3) Tab and shift-tab stay inside. Escape closes, unless a destructive confirm should require an explicit button — say which pattern this dialog uses. 4) aria-labelledby and aria-describedby wired to real ids. The page behind is inert. 5) A test with testing-library: open, tab cycle, escape, focus returns. A note on reduced motion for the transition. 6) What not to do: a div with role=dialog if the native element works, a positive action as the only auto-focused control on a destructive confirm. Keep the implementation small. If a library already does this in the project, say how to use it instead of rewriting it, once I name the library: [LIBRARY OR NONE].