feat(foundry): refine map application controls

packages/ui-react/src/Dropdown.tsx

@@ -33,6 +33,7 @@ export interface DropdownProps {
   className?: string;
   surfaceClassName?: string;
   surfaceRole?: "menu" | "listbox" | "dialog";
+  onOpenChange?: (open: boolean) => void;
 }
 
 export function Dropdown({
@@ -46,6 +47,7 @@ export function Dropdown({
   className,
   surfaceClassName,
   surfaceRole = "menu",
+  onOpenChange,
 }: DropdownProps) {
   const instanceId = useId();
   const surfaceId = `${instanceId.replaceAll(":", "")}-surface`;
@@ -55,6 +57,10 @@ export function Dropdown({
   const surfaceRef = useRef<HTMLDivElement>(null);
   const [surfaceStyle, setSurfaceStyle] = useState<CSSProperties>({ visibility: "hidden" });
 
+  useEffect(() => {
+    onOpenChange?.(isOpen);
+  }, [isOpen, onOpenChange]);
+
   const close = useCallback(() => setIsOpen(false), []);
   const show = useCallback(() => {
     if (!disabled) setIsOpen(true);