Use Drawer Presence Store

Use Drawer Presence Store from Aur UI.

bash

pnpm add @aur-ui/ui

tsx

import { useDrawerPresenceStore } from "@aur-ui/ui/hooks/use-drawer-presence-store";

hooks/use-drawer-presence-store.ts

import { create } from "zustand";

/**
 * Tracks how many slide-out detail drawers are open so the app shell
 * can scale the background back (iOS-style sheet presentation) while any are
 * visible. Ref-counted to stay correct if drawers ever nest or overlap.
 */
interface DrawerPresenceState {
  openCount: number;
  open: () => void;
  close: () => void;
}

export const useDrawerPresenceStore = create<DrawerPresenceState>((set) => ({
  openCount: 0,
  open: () => set((s) => ({ openCount: s.openCount + 1 })),
  close: () => set((s) => ({ openCount: Math.max(0, s.openCount - 1) })),
}));