sync: update from private repo (63a6e76)

2026-06-09 03:17:43 +00:00
parent d6d8e83867
commit 3848b5efd7
20 changed files with 386 additions and 29 deletions
@@ -1,5 +1,6 @@
 import { useEffect, useRef, type ReactNode } from 'react';
 import type { PageId } from '../../lib/urlState';
+import { useBackdropClose } from '../../lib/useBackdropClose';

 export interface NavItem {
  id: PageId;
@@ -97,6 +98,7 @@ export function NavDrawer({
 }: NavDrawerProps) {
  const panelRef = useRef<HTMLDivElement>(null);
  const firstItemRef = useRef<HTMLButtonElement>(null);
+  const backdrop = useBackdropClose(onClose);

  useEffect(() => {
    if (!open) return;
@@ -151,7 +153,7 @@ export function NavDrawer({
    <>
      <div
        aria-hidden
-        onClick={onClose}
+        {...backdrop}
        className={`fixed inset-0 z-40 bg-black/40 backdrop-blur-sm transition-opacity duration-200 ${
          open ? 'opacity-100 pointer-events-auto' : 'opacity-0 pointer-events-none'
        }`}