docs: Add shadcn/ui, Radix UI, Mantine, and Headless UI integration guides

[qkraudghgh]

Summary

• Add integration guides for shadcn/ui, Radix UI, Mantine, and Headless UI under docs/.../with-design-systems, each with 기본 사용법 / 비동기 결과 / 메모리 해제 sections and live Sandpack examples (ko + en).
• Wire the new entries into the _meta.tsx navigation in both locales.
• Drop cross-library and cross-version comparisons (e.g. "v2와 달리...", "Unlike MUI's onExited...") from existing guides so each guide focuses on its own library and overlay-kit integration.

Commits

• docs: Add shadcn/ui integration guide — Radix-based shadcn <Dialog> + Tailwind CDN, with a copy of components/ui/dialog.tsx inside Sandpack.
• docs: Add Radix UI integration guide — Raw Radix primitives with Tailwind CDN, `onOpenChange` + `setTimeout(unmount, 200)` pattern.
• docs: Add Mantine integration guide — `MantineProvider` + `@mantine/core/styles.css`, `transitionProps.onExited={unmount}`.
• docs: Add Headless UI integration guide — `DialogBackdrop`/`DialogPanel` + Tailwind CDN, `` for safe memory release.
• docs: Drop cross-library and version comparisons from design system guides — Cleanup so each guide reads as overlay-kit + that single library.

Test plan

• `yarn dev` in `docs/` and visit each new page in both locales:
  • `/ko/docs/more/with-design-systems/shadcn`, `/radix-ui`, `/mantine`, `/headless-ui`
  • `/en/docs/more/with-design-systems/shadcn`, `/radix-ui`, `/mantine`, `/headless-ui`
• Confirm sidebar order: Material UI → Chakra UI → Ant Design → shadcn/ui → Radix UI → Mantine → Headless UI.
• In each Sandpack preview, click the trigger and verify Confirm Dialog opens; close via primary/secondary button, backdrop click, ESC key (and X button for shadcn).
• Verify the "Releasing Memory After Animation" example actually unmounts after the close transition (e.g. via React DevTools or a console log next to `unmount`).
• Spot-check that existing Material UI / Chakra UI / Ant Design guides still render correctly after the cleanup commit.

🤖 Generated with Claude Code

[vercel]

@qkraudghgh is attempting to deploy a commit to the Toss Team on Vercel.

A member of the Team first needs to authorize it.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 9512361

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[codecov-commenter]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 99.85%. Comparing base (655bee1) to head (9512361).

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #226   +/-   ##
=======================================
  Coverage   99.85%   99.85%           
=======================================
  Files          15       15           
  Lines        1340     1340           
  Branches      262      262           
=======================================
  Hits         1338     1338           
  Misses          2        2           

Components	Coverage Δ
overlay-kit	99.85% <ø> (ø)

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
overlay-kit	Ready	Preview, Comment	May 21, 2026 5:08am