react-modal-registry 0.1.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2026 Saurav Hathi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,227 @@
+# react-modal-registry
+
+> Type-safe, promise-based modal management and registration for React.
+
+[![npm version](https://img.shields.io/npm/v/react-modal-registry?style=flat-square&color=black)](https://www.npmjs.com/package/react-modal-registry)
+[![license](https://img.shields.io/badge/license-MIT-black?style=flat-square)](./LICENSE)
+[![bundle size](https://img.shields.io/bundlephobia/minzip/react-modal-registry?style=flat-square&color=black)](https://bundlephobia.com/package/react-modal-registry)
+[![typescript](https://img.shields.io/badge/TypeScript-strict-black?style=flat-square)](https://www.typescriptlang.org/)
+
+---
+
+## Installation
+
+```bash
+pnpm add react-modal-registry
+# or
+npm install react-modal-registry
+# or
+yarn add react-modal-registry
+# or
+bun add react-modal-registry
+```
+
+---
+
+## Quick Start
+
+### 1. Mount `ModalProvider`
+
+Wrap your application root or layout shell:
+
+```tsx
+import { ModalProvider } from 'react-modal-registry'
+
+export function RootLayout({ children }: { children: React.ReactNode }) {
+  return <ModalProvider>{children}</ModalProvider>
+}
+```
+
+### 2. Declare Modal Types
+
+In an ambient declaration file (e.g., `env.d.ts` or `modals.d.ts`), augment `ModalDataMap` and `ModalResultMap`:
+
+```ts
+declare module 'react-modal-registry' {
+  interface ModalDataMap {
+    confirmDelete: { userId: string; name: string }
+    barcodeScanner: { onScan: (code: string) => void }
+  }
+
+  interface ModalResultMap {
+    confirmDelete: boolean
+  }
+}
+```
+
+### 3. Create a Modal Component
+
+Write your modal as a standard React component using `ModalProps<TData, TResult>`:
+
+```tsx
+import type { ModalProps } from 'react-modal-registry'
+
+export function ConfirmDeleteModal({
+  isOpen,
+  data,
+  close
+}: ModalProps<{ userId: string; name: string }, boolean>) {
+  if (!isOpen) return null
+
+  return (
+    <dialog open={isOpen}>
+      <h3>Delete {data.name}?</h3>
+      <button onClick={() => close(true)}>Confirm</button>
+      <button onClick={() => close(false)}>Cancel</button>
+    </dialog>
+  )
+}
+```
+
+### 4. Register Modals
+
+Mount registrations at layout or router boundaries:
+
+```tsx
+import { ModalRegistry } from 'react-modal-registry'
+import { ConfirmDeleteModal } from './ConfirmDeleteModal'
+
+const appModals = [{ id: 'confirmDelete', component: ConfirmDeleteModal }] as const
+
+export function AppShell({ children }: { children: React.ReactNode }) {
+  return (
+    <>
+      <ModalRegistry modals={appModals} />
+      {children}
+    </>
+  )
+}
+```
+
+### 5. Trigger Anywhere with `useModal`
+
+```tsx
+import { useModal } from 'react-modal-registry'
+
+export function DeleteButton({ user }: { user: { id: string; name: string } }) {
+  const confirmModal = useModal('confirmDelete')
+
+  const handleDelete = async () => {
+    // Typed payload and strictly typed return value (Promise<boolean>)
+    const confirmed = await confirmModal.open({
+      userId: user.id,
+      name: user.name
+    })
+
+    if (confirmed) {
+      deleteUser(user.id)
+    }
+  }
+
+  return <button onClick={handleDelete}>Delete User</button>
+}
+```
+
+---
+
+## Features
+
+- **End-to-End Type Safety**: IDE autocompletion for modal IDs, payloads, and return types via TypeScript declaration merging.
+- **Promise-Based & Event-Driven**: `await modal.open(data)` for async results or pass callbacks (`onScan`, `onSuccess`) directly in payloads.
+- **Zero Re-Render Overhead**: Split-context architecture guarantees callers of `useModal()` never re-render when modals open, close, or animate.
+- **Code-Splitting Ready**: Register modals with `React.lazy()` at app shells without importing modal components into caller files.
+- **Lightweight & Headless**: Zero external runtime dependencies (~1.3 kB min+gzip). Works with any styling solution (Tailwind, Radix, Shadcn, MUI).
+
+---
+
+## Why react-modal-registry?
+
+| Feature                      |                    `react-modal-registry`                     |   `@ebay/nice-modal-react`    |     `react-modal-promise`     |     `react-modal-hook`     |
+| :--------------------------- | :-----------------------------------------------------------: | :---------------------------: | :---------------------------: | :------------------------: |
+| **Type Safety**              | **Declaration merging** (autocompletes ID, payload, & return) |    String ID / loose types    |    Direct component import    |  Direct component import   |
+| **Caller Re-renders**        |              **None** (isolated split contexts)               | Re-renders on context updates | Re-renders with wrapper state | Re-renders on state toggle |
+| **Promise Returns**          |            **Strictly typed** (`Promise<TResult>`)            | Untyped (`Promise<unknown>`)  |        Manual generic         |       Not supported        |
+| **Code Splitting**           |       **Native** (`React.lazy()` at registration shell)       |    Requires HOC per modal     |       Bundled at caller       |     Bundled at caller      |
+| **Component Wrapper**        |               **None** (standard `ModalProps`)                | Requires `NiceModal.create()` |  Requires `create()` wrapper  |   Requires hook binding    |
+| **UI Agnostic**              |              Yes (Tailwind, Radix, Shadcn, MUI)               |              Yes              |              Yes              |   Tied to `react-modal`    |
+| **Bundle Size (min + gzip)** |                          **~1.3 kB**                          |            ~2.4 kB            |            ~1.6 kB            |          ~1.3 kB           |
+
+---
+
+## Patterns
+
+### Local Component Registrations
+
+Register modals scoped to the lifetime of a specific feature or page with `useRegisterModal`. Registrations unmount automatically when the caller unmounts:
+
+```tsx
+import { useRegisterModal } from 'react-modal-registry'
+import { ReportModal } from './ReportModal'
+
+export function AnalyticsPage() {
+  useRegisterModal('customReport', ReportModal)
+
+  return <main>Analytics Dashboard</main>
+}
+```
+
+### Callback-Driven Workflows
+
+Pass event listeners or streams directly in modal payload data:
+
+```tsx
+function ScannerTrigger() {
+  const scanner = useModal('barcodeScanner')
+
+  const handleScan = () => {
+    scanner.open({
+      onScan: code => console.log('Scanned:', code)
+    })
+  }
+
+  return <button onClick={handleScan}>Scan Code</button>
+}
+```
+
+### Reactive State Subscriptions
+
+`useModal(id).isOpen()` reads state imperatively without re-rendering the caller. Use `useIsModalOpen(id)` when you need reactive UI updates:
+
+```tsx
+import { useIsModalOpen } from 'react-modal-registry'
+
+function StatusIndicator() {
+  const isOpen = useIsModalOpen('confirmDelete')
+  return <span>{isOpen ? 'Active' : 'Idle'}</span>
+}
+```
+
+---
+
+## API Reference
+
+| Export                            | Type      | Description                                                             |
+| :-------------------------------- | :-------- | :---------------------------------------------------------------------- |
+| `<ModalProvider>`                 | Component | Root provider managing modal lifecycle and rendering active slots.      |
+| `<ModalRegistry>`                 | Component | Declarative component registering a batch of modals at root boundaries. |
+| `useModal(id)`                    | Hook      | Returns typed imperative controls (`open`, `close`, `isOpen`).          |
+| `useIsModalOpen(id)`              | Hook      | Reactively subscribes to the open status of a specific modal ID.        |
+| `useRegisterModal(id, component)` | Hook      | Dynamically registers modals for the lifetime of the calling component. |
+| `useCloseAll()`                   | Hook      | Dismisses all currently open modals.                                    |
+| `ModalProps<TData, TResult>`      | Type      | Standard props received by registered modal components.                 |
+| `ModalDataMap`                    | Interface | Augmentation interface for payload types.                               |
+| `ModalResultMap`                  | Interface | Augmentation interface for return types.                                |
+| `ModalRegistry`                   | Interface | Unified augmentation interface for paired data and result types.        |
+
+---
+
+## Architecture
+
+- **Isolated Contexts**: Action dispatchers (`open`, `close`, `register`) are kept separate from slot rendering states. Invoking modal methods does not trigger re-renders in calling views.
+- **Concurrent Requests**: Multiple concurrent invocations of `open()` with identical payloads reuse the active pending promise. Invoking `open()` with new parameters supersedes prior pending promises.
+
+---
+
+## License
+
+[MIT](./LICENSE) © [Saurav Hathi](https://github.com/sauravhathi)

package/dist/index.cjs

@@ -0,0 +1,321 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  ModalProvider: () => ModalProvider,
+  ModalRegistry: () => ModalRegistry,
+  useCloseAll: () => useCloseAll,
+  useIsModalOpen: () => useIsModalOpen,
+  useModal: () => useModal,
+  useRegisterModal: () => useRegisterModal
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ModalActionsContext = (0, import_react.createContext)(null);
+var ModalSlotsContext = (0, import_react.createContext)(null);
+var UNMOUNT_DELAY_MS = 200;
+function ModalProvider({ children }) {
+  const slotsRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const pendingRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const timersRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const [slots, setSlots] = (0, import_react.useState)(/* @__PURE__ */ new Map());
+  (0, import_react.useEffect)(() => {
+    const timers = timersRef.current;
+    const pendings = pendingRef.current;
+    return () => {
+      for (const timer of timers.values()) {
+        clearTimeout(timer);
+      }
+      timers.clear();
+      for (const pending of pendings.values()) {
+        pending.resolve(void 0);
+      }
+      pendings.clear();
+    };
+  }, []);
+  const sync = (0, import_react.useCallback)(() => {
+    setSlots(new Map(slotsRef.current));
+  }, []);
+  const register = (0, import_react.useCallback)(
+    (idOrModals, component) => {
+      const items = Array.isArray(idOrModals) ? idOrModals : component ? [
+        {
+          id: idOrModals,
+          component
+        }
+      ] : [];
+      let changed = false;
+      for (const { id, component: comp } of items) {
+        const existing = slotsRef.current.get(id);
+        const typedComp = comp;
+        if (existing) {
+          if (existing.component !== typedComp) {
+            slotsRef.current.set(id, {
+              ...existing,
+              component: typedComp
+            });
+            changed = true;
+          }
+        } else {
+          slotsRef.current.set(id, {
+            id,
+            component: typedComp,
+            isOpen: false,
+            isMounted: false,
+            data: void 0
+          });
+          changed = true;
+        }
+      }
+      if (changed) {
+        sync();
+      }
+    },
+    [sync]
+  );
+  const unregister = (0, import_react.useCallback)(
+    (idOrIds) => {
+      const ids = Array.isArray(idOrIds) ? idOrIds : [idOrIds];
+      let changed = false;
+      for (const id of ids) {
+        const timer = timersRef.current.get(id);
+        if (timer) {
+          clearTimeout(timer);
+          timersRef.current.delete(id);
+        }
+        const pending = pendingRef.current.get(id);
+        if (pending) {
+          pendingRef.current.delete(id);
+          pending.resolve(void 0);
+        }
+        if (slotsRef.current.has(id)) {
+          slotsRef.current.delete(id);
+          changed = true;
+        }
+      }
+      if (changed) {
+        sync();
+      }
+    },
+    [sync]
+  );
+  const open = (0, import_react.useCallback)(
+    (id, ...args) => {
+      const data = args[0];
+      const slot = slotsRef.current.get(id);
+      if (!slot) {
+        return Promise.reject(
+          new Error(`[react-modal-registry] Modal "${String(id)}" is not registered.`)
+        );
+      }
+      const existing = pendingRef.current.get(id);
+      if (slot.isOpen && slot.data === data && existing) {
+        return existing.promise;
+      }
+      if (existing) {
+        pendingRef.current.delete(id);
+        existing.resolve(void 0);
+      }
+      const timer = timersRef.current.get(id);
+      if (timer) {
+        clearTimeout(timer);
+        timersRef.current.delete(id);
+      }
+      let resolver;
+      const promise = new Promise((resolve) => {
+        resolver = resolve;
+      });
+      pendingRef.current.set(id, {
+        promise,
+        resolve: resolver
+      });
+      slotsRef.current.set(id, { ...slot, isOpen: true, isMounted: true, data });
+      sync();
+      return promise;
+    },
+    [sync]
+  );
+  const scheduleUnmount = (0, import_react.useCallback)(
+    (id) => {
+      const timer = timersRef.current.get(id);
+      if (timer) clearTimeout(timer);
+      timersRef.current.set(
+        id,
+        setTimeout(() => {
+          timersRef.current.delete(id);
+          const current = slotsRef.current.get(id);
+          if (current && !current.isOpen) {
+            slotsRef.current.set(id, { ...current, isMounted: false });
+            sync();
+          }
+        }, UNMOUNT_DELAY_MS)
+      );
+    },
+    [sync]
+  );
+  const close = (0, import_react.useCallback)(
+    (id, result) => {
+      const slot = slotsRef.current.get(id);
+      if (!slot || !slot.isOpen) return;
+      const pending = pendingRef.current.get(id);
+      if (pending) {
+        pendingRef.current.delete(id);
+        pending.resolve(result);
+      }
+      slotsRef.current.set(id, { ...slot, isOpen: false, isMounted: true });
+      sync();
+      scheduleUnmount(id);
+    },
+    [sync, scheduleUnmount]
+  );
+  const closeAll = (0, import_react.useCallback)(() => {
+    for (const [, pending] of pendingRef.current) {
+      pending.resolve(void 0);
+    }
+    pendingRef.current.clear();
+    let changed = false;
+    for (const [id, slot] of slotsRef.current) {
+      if (slot.isOpen) {
+        slotsRef.current.set(id, { ...slot, isOpen: false, isMounted: true });
+        scheduleUnmount(id);
+        changed = true;
+      }
+    }
+    if (changed) {
+      sync();
+    }
+  }, [sync, scheduleUnmount]);
+  const isOpen = (0, import_react.useCallback)((id) => slotsRef.current.get(id)?.isOpen ?? false, []);
+  const actions = (0, import_react.useMemo)(
+    () => ({
+      register,
+      unregister,
+      open,
+      close,
+      closeAll,
+      isOpen
+    }),
+    [register, unregister, open, close, closeAll, isOpen]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalActionsContext.Provider, { value: actions, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ModalSlotsContext.Provider, { value: slots, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalRenderer, {})
+  ] }) });
+}
+function useRegisterModal(idOrModals, component) {
+  const { register, unregister } = useModalContext();
+  (0, import_react.useEffect)(() => {
+    if (Array.isArray(idOrModals)) {
+      register(idOrModals);
+      return () => {
+        unregister(idOrModals.map((m) => m.id));
+      };
+    }
+    if (component) {
+      register(idOrModals, component);
+      return () => {
+        unregister(idOrModals);
+      };
+    }
+    return void 0;
+  }, [idOrModals, component, register, unregister]);
+}
+function ModalRegistry({
+  modals
+}) {
+  useRegisterModal(modals);
+  return null;
+}
+function useModal(id) {
+  const { open, close, isOpen } = useModalContext();
+  return (0, import_react.useMemo)(
+    () => ({
+      open: (...args) => open(id, ...args),
+      close: (result) => close(id, result),
+      isOpen: () => isOpen(id)
+    }),
+    [open, close, isOpen, id]
+  );
+}
+function useIsModalOpen(id) {
+  const slots = (0, import_react.useContext)(ModalSlotsContext);
+  if (!slots) {
+    throw new Error("useIsModalOpen must be used within <ModalProvider>");
+  }
+  return slots.get(id)?.isOpen ?? false;
+}
+function useCloseAll() {
+  return useModalContext().closeAll;
+}
+var ModalSlotItem = (0, import_react.memo)(function ModalSlotItem2({
+  id,
+  component: Component,
+  isOpen,
+  data,
+  close
+}) {
+  const handleClose = (0, import_react.useCallback)(
+    (result) => {
+      close(id, result);
+    },
+    [close, id]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { isOpen, data, close: handleClose }) });
+});
+function ModalRenderer() {
+  const slots = (0, import_react.useContext)(ModalSlotsContext);
+  const { close } = useModalContext();
+  if (!slots) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: Array.from(slots.values()).map(
+    (slot) => slot.isMounted ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ModalSlotItem,
+      {
+        id: slot.id,
+        component: slot.component,
+        isOpen: slot.isOpen,
+        data: slot.data,
+        close
+      },
+      slot.id
+    ) : null
+  ) });
+}
+function useModalContext() {
+  const context = (0, import_react.useContext)(ModalActionsContext);
+  if (!context) {
+    throw new Error("useModalContext must be used within <ModalProvider>");
+  }
+  return context;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ModalProvider,
+  ModalRegistry,
+  useCloseAll,
+  useIsModalOpen,
+  useModal,
+  useRegisterModal
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  memo,\n  Suspense,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentType,\n  type ReactNode\n} from 'react'\n\n/**\n * Registry for modal payload types via module augmentation.\n *\n * @example\n * ```ts\n * declare module 'react-modal-registry' {\n *   interface ModalDataMap {\n *     confirmAction: { itemId: string }\n *   }\n * }\n * ```\n */\nexport interface ModalDataMap {}\n\n/**\n * Registry for modal return types via module augmentation.\n *\n * @example\n * ```ts\n * declare module 'react-modal-registry' {\n *   interface ModalResultMap {\n *     confirmAction: boolean\n *   }\n * }\n * ```\n */\nexport interface ModalResultMap {}\n\n/**\n * Registry for paired modal payload and return types via module augmentation.\n *\n * @example\n * ```ts\n * declare module 'react-modal-registry' {\n *   interface ModalRegistry {\n *     confirmAction: { data: { itemId: string }; result: boolean }\n *   }\n * }\n * ```\n */\nexport interface ModalRegistry {}\n\nexport type RegisteredModalId = keyof ModalDataMap | keyof ModalResultMap | keyof ModalRegistry\n\n/**\n * Modal identifier supporting autocompletion of registered IDs with string fallback.\n */\nexport type ModalId = RegisteredModalId | (string & {})\n\nexport type ModalData<TId extends ModalId> = TId extends keyof ModalDataMap\n  ? ModalDataMap[TId]\n  : TId extends keyof ModalRegistry\n    ? ModalRegistry[TId] extends { data: infer TData }\n      ? TData\n      : unknown\n    : unknown\n\nexport type ModalResult<TId extends ModalId> = TId extends keyof ModalResultMap\n  ? ModalResultMap[TId]\n  : TId extends keyof ModalRegistry\n    ? ModalRegistry[TId] extends { result: infer TResult }\n      ? TResult\n      : unknown\n    : unknown\n\n/**\n * optional vs required payload arguments based on `TData`.\n */\nexport type ModalDataArg<TData> = [unknown] extends [TData]\n  ? [data?: TData]\n  : [TData] extends [void] | [undefined]\n    ? [data?: TData]\n    : undefined extends TData\n      ? [data?: TData]\n      : [data: TData]\n\n/**\n * Standard props passed to registered modal components.\n */\nexport interface ModalProps<TData = unknown, TResult = unknown> {\n  isOpen: boolean\n  data: TData\n  close: (result?: TResult) => void\n}\n\nexport type ModalComponent<TData = unknown, TResult = unknown> =\n  | ComponentType<ModalProps<TData, TResult>>\n  | ComponentType<ModalProps<TData, unknown>>\n\nexport interface ModalRegistration<TId extends ModalId = ModalId> {\n  id: TId\n  component: ModalComponent<ModalData<TId>, ModalResult<TId>>\n}\n\n/**\n * Imperative modal controller returned by `useModal(id)`.\n */\nexport interface UseModalReturn<TData = unknown, TResult = unknown> {\n  /**\n   * Opens the modal with the specified payload and resolves when closed.\n   */\n  open(...args: ModalDataArg<TData>): Promise<TResult>\n\n  /**\n   * Closes the modal imperatively, optionally passing a resolution value.\n   */\n  close(result?: TResult): void\n\n  /**\n   * Imperatively reads whether the modal is currently open.\n   */\n  isOpen(): boolean\n}\n\ninterface ModalSlot {\n  id: ModalId\n  component: ComponentType<ModalProps<unknown, unknown>>\n  isOpen: boolean\n  isMounted: boolean\n  data: unknown\n}\n\ninterface ModalPending {\n  promise: Promise<unknown>\n  resolve: (value: unknown) => void\n}\n\nexport interface ModalActionsValue {\n  register<TId extends ModalId>(\n    id: TId,\n    component: ModalComponent<ModalData<TId>, ModalResult<TId>>\n  ): void\n  register<const TIds extends readonly ModalId[]>(modals: {\n    [K in keyof TIds]: ModalRegistration<TIds[K]>\n  }): void\n  unregister(idOrIds: ModalId | readonly ModalId[]): void\n  open<TId extends ModalId, TResult = ModalResult<TId>>(\n    id: TId,\n    ...args: ModalDataArg<ModalData<TId>>\n  ): Promise<TResult>\n  close<TId extends ModalId>(id: TId, result?: ModalResult<TId>): void\n  closeAll(): void\n  isOpen(id: ModalId): boolean\n}\n\nconst ModalActionsContext = createContext<ModalActionsValue | null>(null)\nconst ModalSlotsContext = createContext<ReadonlyMap<ModalId, ModalSlot> | null>(null)\n\n// Allows exit animation transitions to complete before unmounting slot\nconst UNMOUNT_DELAY_MS = 200\n\n/**\n * Root provider hosting the modal registry, lifecycle actions, and slot renderer.\n */\nexport function ModalProvider({ children }: { children: ReactNode }) {\n  const slotsRef = useRef<Map<ModalId, ModalSlot>>(new Map())\n  const pendingRef = useRef<Map<ModalId, ModalPending>>(new Map())\n  const timersRef = useRef<Map<ModalId, ReturnType<typeof setTimeout>>>(new Map())\n  const [slots, setSlots] = useState<ReadonlyMap<ModalId, ModalSlot>>(new Map())\n\n  useEffect(() => {\n    const timers = timersRef.current\n    const pendings = pendingRef.current\n    return () => {\n      for (const timer of timers.values()) {\n        clearTimeout(timer)\n      }\n      timers.clear()\n      for (const pending of pendings.values()) {\n        pending.resolve(undefined)\n      }\n      pendings.clear()\n    }\n  }, [])\n\n  const sync = useCallback(() => {\n    setSlots(new Map(slotsRef.current))\n  }, [])\n\n  const register: ModalActionsValue['register'] = useCallback(\n    (\n      idOrModals: ModalId | readonly ModalRegistration[],\n      component?: ModalComponent<unknown, unknown>\n    ) => {\n      const items: readonly ModalRegistration[] = Array.isArray(idOrModals)\n        ? idOrModals\n        : component\n          ? [\n              {\n                id: idOrModals,\n                component: component as ModalComponent<unknown, unknown>\n              }\n            ]\n          : []\n\n      let changed = false\n      for (const { id, component: comp } of items) {\n        const existing = slotsRef.current.get(id)\n        const typedComp = comp as ComponentType<ModalProps<unknown, unknown>>\n\n        if (existing) {\n          if (existing.component !== typedComp) {\n            slotsRef.current.set(id, {\n              ...existing,\n              component: typedComp\n            })\n            changed = true\n          }\n        } else {\n          slotsRef.current.set(id, {\n            id,\n            component: typedComp,\n            isOpen: false,\n            isMounted: false,\n            data: undefined\n          })\n          changed = true\n        }\n      }\n\n      if (changed) {\n        sync()\n      }\n    },\n    [sync]\n  )\n\n  const unregister = useCallback(\n    (idOrIds: ModalId | readonly ModalId[]) => {\n      const ids = Array.isArray(idOrIds) ? idOrIds : [idOrIds]\n      let changed = false\n      for (const id of ids) {\n        const timer = timersRef.current.get(id)\n        if (timer) {\n          clearTimeout(timer)\n          timersRef.current.delete(id)\n        }\n\n        const pending = pendingRef.current.get(id)\n        if (pending) {\n          pendingRef.current.delete(id)\n          pending.resolve(undefined)\n        }\n        if (slotsRef.current.has(id)) {\n          slotsRef.current.delete(id)\n          changed = true\n        }\n      }\n      if (changed) {\n        sync()\n      }\n    },\n    [sync]\n  )\n\n  const open = useCallback(\n    <TId extends ModalId, TResult = ModalResult<TId>>(\n      id: TId,\n      ...args: ModalDataArg<ModalData<TId>>\n    ): Promise<TResult> => {\n      const data = args[0] as ModalData<TId>\n      const slot = slotsRef.current.get(id)\n\n      if (!slot) {\n        return Promise.reject(\n          new Error(`[react-modal-registry] Modal \"${String(id)}\" is not registered.`)\n        )\n      }\n\n      // Re-use active pending promise if open call is repeated with identical payload\n      const existing = pendingRef.current.get(id)\n      if (slot.isOpen && slot.data === data && existing) {\n        return existing.promise as Promise<TResult>\n      }\n\n      // Supersede any pending promise before creating a new one\n      if (existing) {\n        pendingRef.current.delete(id)\n        existing.resolve(undefined)\n      }\n\n      const timer = timersRef.current.get(id)\n      if (timer) {\n        clearTimeout(timer)\n        timersRef.current.delete(id)\n      }\n\n      let resolver!: (value: unknown) => void\n      const promise = new Promise<TResult>(resolve => {\n        resolver = resolve as (value: unknown) => void\n      })\n\n      pendingRef.current.set(id, {\n        promise: promise as Promise<unknown>,\n        resolve: resolver\n      })\n\n      slotsRef.current.set(id, { ...slot, isOpen: true, isMounted: true, data })\n      sync()\n\n      return promise\n    },\n    [sync]\n  )\n\n  const scheduleUnmount = useCallback(\n    (id: ModalId) => {\n      const timer = timersRef.current.get(id)\n      if (timer) clearTimeout(timer)\n\n      timersRef.current.set(\n        id,\n        setTimeout(() => {\n          timersRef.current.delete(id)\n          const current = slotsRef.current.get(id)\n          if (current && !current.isOpen) {\n            slotsRef.current.set(id, { ...current, isMounted: false })\n            sync()\n          }\n        }, UNMOUNT_DELAY_MS)\n      )\n    },\n    [sync]\n  )\n\n  const close = useCallback(\n    <TId extends ModalId>(id: TId, result?: ModalResult<TId>) => {\n      const slot = slotsRef.current.get(id)\n      if (!slot || !slot.isOpen) return\n\n      const pending = pendingRef.current.get(id)\n      if (pending) {\n        pendingRef.current.delete(id)\n        pending.resolve(result)\n      }\n\n      slotsRef.current.set(id, { ...slot, isOpen: false, isMounted: true })\n      sync()\n      scheduleUnmount(id)\n    },\n    [sync, scheduleUnmount]\n  )\n\n  const closeAll = useCallback(() => {\n    for (const [, pending] of pendingRef.current) {\n      pending.resolve(undefined)\n    }\n    pendingRef.current.clear()\n\n    let changed = false\n    for (const [id, slot] of slotsRef.current) {\n      if (slot.isOpen) {\n        slotsRef.current.set(id, { ...slot, isOpen: false, isMounted: true })\n        scheduleUnmount(id)\n        changed = true\n      }\n    }\n\n    if (changed) {\n      sync()\n    }\n  }, [sync, scheduleUnmount])\n\n  const isOpen = useCallback((id: ModalId) => slotsRef.current.get(id)?.isOpen ?? false, [])\n\n  const actions = useMemo<ModalActionsValue>(\n    () => ({\n      register,\n      unregister,\n      open,\n      close,\n      closeAll,\n      isOpen\n    }),\n    [register, unregister, open, close, closeAll, isOpen]\n  )\n\n  return (\n    <ModalActionsContext.Provider value={actions}>\n      <ModalSlotsContext.Provider value={slots}>\n        {children}\n        <ModalRenderer />\n      </ModalSlotsContext.Provider>\n    </ModalActionsContext.Provider>\n  )\n}\n\n/**\n * Registers one or more modals for the lifetime of the calling component.\n *\n */\nexport function useRegisterModal<TId extends ModalId>(\n  id: TId,\n  component: ModalComponent<ModalData<TId>, ModalResult<TId>>\n): void\nexport function useRegisterModal<const TIds extends readonly ModalId[]>(modals: {\n  [K in keyof TIds]: ModalRegistration<TIds[K]>\n}): void\nexport function useRegisterModal<TId extends ModalId>(\n  idOrModals:\n    | TId\n    | readonly {\n        id: ModalId\n        component: ComponentType<ModalProps<unknown, unknown>>\n      }[],\n  component?: ModalComponent<ModalData<TId>, ModalResult<TId>>\n): void {\n  const { register, unregister } = useModalContext()\n\n  useEffect(() => {\n    if (Array.isArray(idOrModals)) {\n      register(idOrModals as Parameters<typeof register>[0])\n      return () => {\n        unregister(idOrModals.map(m => m.id))\n      }\n    }\n\n    if (component) {\n      register(idOrModals as TId, component)\n      return () => {\n        unregister(idOrModals as TId)\n      }\n    }\n\n    return undefined\n  }, [idOrModals, component, register, unregister])\n}\n\n/**\n * Declarative component for mounting static modal batches at application or layout roots.\n */\nexport function ModalRegistry<const TIds extends readonly ModalId[]>({\n  modals\n}: {\n  modals: {\n    [K in keyof TIds]: ModalRegistration<TIds[K]>\n  }\n}) {\n  useRegisterModal(modals)\n  return null\n}\n\n/**\n * Returns typed controls (`open`, `close`, `isOpen`) for a modal ID.\n *\n * `isOpen()` reads state imperatively without subscribing the caller to render updates.\n * Use `useIsModalOpen(id)` for reactive subscriptions.\n *\n * @example\n * ```tsx\n * function DeleteButton({ id }: { id: string }) {\n *   const confirmModal = useModal('confirmation')\n *\n *   const handleDelete = async () => {\n *     const confirmed = await confirmModal.open({ itemId: id })\n *     if (confirmed) {\n *       deleteItem(id)\n *     }\n *   }\n *\n *   return <button onClick={handleDelete}>Delete</button>\n * }\n * ```\n */\nexport function useModal<TId extends ModalId, TResult = ModalResult<TId>>(\n  id: TId\n): UseModalReturn<ModalData<TId>, TResult> {\n  const { open, close, isOpen } = useModalContext()\n\n  return useMemo<UseModalReturn<ModalData<TId>, TResult>>(\n    () => ({\n      open: (...args: ModalDataArg<ModalData<TId>>) => open<TId, TResult>(id, ...args),\n      close: (result?: TResult) => close(id, result as ModalResult<TId>),\n      isOpen: () => isOpen(id)\n    }),\n    [open, close, isOpen, id]\n  )\n}\n\n/**\n * Reactively subscribes to whether a modal is currently open.\n */\nexport function useIsModalOpen(id: ModalId): boolean {\n  const slots = useContext(ModalSlotsContext)\n\n  if (!slots) {\n    throw new Error('useIsModalOpen must be used within <ModalProvider>')\n  }\n\n  return slots.get(id)?.isOpen ?? false\n}\n\nexport function useCloseAll(): () => void {\n  return useModalContext().closeAll\n}\n\nconst ModalSlotItem = memo(function ModalSlotItem({\n  id,\n  component: Component,\n  isOpen,\n  data,\n  close\n}: {\n  id: ModalId\n  component: ComponentType<ModalProps<unknown, unknown>>\n  isOpen: boolean\n  data: unknown\n  close: (id: ModalId, result?: unknown) => void\n}) {\n  const handleClose = useCallback(\n    (result?: unknown) => {\n      close(id, result)\n    },\n    [close, id]\n  )\n\n  return (\n    <Suspense fallback={null}>\n      <Component isOpen={isOpen} data={data} close={handleClose} />\n    </Suspense>\n  )\n})\n\nfunction ModalRenderer() {\n  const slots = useContext(ModalSlotsContext)\n  const { close } = useModalContext()\n\n  if (!slots) {\n    return null\n  }\n\n  return (\n    <>\n      {Array.from(slots.values()).map(slot =>\n        slot.isMounted ? (\n          <ModalSlotItem\n            key={slot.id}\n            id={slot.id}\n            component={slot.component}\n            isOpen={slot.isOpen}\n            data={slot.data}\n            close={close}\n          />\n        ) : null\n      )}\n    </>\n  )\n}\n\nfunction useModalContext(): ModalActionsValue {\n  const context = useContext(ModalActionsContext)\n\n  if (!context) {\n    throw new Error('useModalContext must be used within <ModalProvider>')\n  }\n\n  return context\n}\n"],"mappings":"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","names":["ModalSlotItem"]}

package/dist/index.d.cts

@@ -0,0 +1,153 @@
+import * as react from 'react';
+import { ComponentType, ReactNode } from 'react';
+
+/**
+ * Registry for modal payload types via module augmentation.
+ *
+ * @example
+ * ```ts
+ * declare module 'react-modal-registry' {
+ *   interface ModalDataMap {
+ *     confirmAction: { itemId: string }
+ *   }
+ * }
+ * ```
+ */
+interface ModalDataMap {
+}
+/**
+ * Registry for modal return types via module augmentation.
+ *
+ * @example
+ * ```ts
+ * declare module 'react-modal-registry' {
+ *   interface ModalResultMap {
+ *     confirmAction: boolean
+ *   }
+ * }
+ * ```
+ */
+interface ModalResultMap {
+}
+type RegisteredModalId = keyof ModalDataMap | keyof ModalResultMap | keyof ModalRegistry;
+/**
+ * Modal identifier supporting autocompletion of registered IDs with string fallback.
+ */
+type ModalId = RegisteredModalId | (string & {});
+type ModalData<TId extends ModalId> = TId extends keyof ModalDataMap ? ModalDataMap[TId] : TId extends keyof ModalRegistry ? ModalRegistry[TId] extends {
+    data: infer TData;
+} ? TData : unknown : unknown;
+type ModalResult<TId extends ModalId> = TId extends keyof ModalResultMap ? ModalResultMap[TId] : TId extends keyof ModalRegistry ? ModalRegistry[TId] extends {
+    result: infer TResult;
+} ? TResult : unknown : unknown;
+/**
+ * optional vs required payload arguments based on `TData`.
+ */
+type ModalDataArg<TData> = [unknown] extends [TData] ? [data?: TData] : [TData] extends [void] | [undefined] ? [data?: TData] : undefined extends TData ? [data?: TData] : [data: TData];
+/**
+ * Standard props passed to registered modal components.
+ */
+interface ModalProps<TData = unknown, TResult = unknown> {
+    isOpen: boolean;
+    data: TData;
+    close: (result?: TResult) => void;
+}
+type ModalComponent<TData = unknown, TResult = unknown> = ComponentType<ModalProps<TData, TResult>> | ComponentType<ModalProps<TData, unknown>>;
+interface ModalRegistration<TId extends ModalId = ModalId> {
+    id: TId;
+    component: ModalComponent<ModalData<TId>, ModalResult<TId>>;
+}
+/**
+ * Imperative modal controller returned by `useModal(id)`.
+ */
+interface UseModalReturn<TData = unknown, TResult = unknown> {
+    /**
+     * Opens the modal with the specified payload and resolves when closed.
+     */
+    open(...args: ModalDataArg<TData>): Promise<TResult>;
+    /**
+     * Closes the modal imperatively, optionally passing a resolution value.
+     */
+    close(result?: TResult): void;
+    /**
+     * Imperatively reads whether the modal is currently open.
+     */
+    isOpen(): boolean;
+}
+interface ModalActionsValue {
+    register<TId extends ModalId>(id: TId, component: ModalComponent<ModalData<TId>, ModalResult<TId>>): void;
+    register<const TIds extends readonly ModalId[]>(modals: {
+        [K in keyof TIds]: ModalRegistration<TIds[K]>;
+    }): void;
+    unregister(idOrIds: ModalId | readonly ModalId[]): void;
+    open<TId extends ModalId, TResult = ModalResult<TId>>(id: TId, ...args: ModalDataArg<ModalData<TId>>): Promise<TResult>;
+    close<TId extends ModalId>(id: TId, result?: ModalResult<TId>): void;
+    closeAll(): void;
+    isOpen(id: ModalId): boolean;
+}
+/**
+ * Root provider hosting the modal registry, lifecycle actions, and slot renderer.
+ */
+declare function ModalProvider({ children }: {
+    children: ReactNode;
+}): react.JSX.Element;
+/**
+ * Registers one or more modals for the lifetime of the calling component.
+ *
+ */
+declare function useRegisterModal<TId extends ModalId>(id: TId, component: ModalComponent<ModalData<TId>, ModalResult<TId>>): void;
+declare function useRegisterModal<const TIds extends readonly ModalId[]>(modals: {
+    [K in keyof TIds]: ModalRegistration<TIds[K]>;
+}): void;
+/**
+ * Registry for paired modal payload and return types via module augmentation.
+ *
+ * @example
+ * ```ts
+ * declare module 'react-modal-registry' {
+ *   interface ModalRegistry {
+ *     confirmAction: { data: { itemId: string }; result: boolean }
+ *   }
+ * }
+ * ```
+ */
+interface ModalRegistry {
+}
+/**
+ * Declarative component for mounting static modal batches at application or layout roots.
+ */
+declare function ModalRegistry<const TIds extends readonly ModalId[]>({ modals }: {
+    modals: {
+        [K in keyof TIds]: ModalRegistration<TIds[K]>;
+    };
+}): null;
+/**
+ * Returns typed controls (`open`, `close`, `isOpen`) for a modal ID.
+ *
+ * `isOpen()` reads state imperatively without subscribing the caller to render updates.
+ * Use `useIsModalOpen(id)` for reactive subscriptions.
+ *
+ * @example
+ * ```tsx
+ * function DeleteButton({ id }: { id: string }) {
+ *   const confirmModal = useModal('confirmation')
+ *
+ *   const handleDelete = async () => {
+ *     const confirmed = await confirmModal.open({ itemId: id })
+ *     if (confirmed) {
+ *       deleteItem(id)
+ *     }
+ *   }
+ *
+ *   return <button onClick={handleDelete}>Delete</button>
+ * }
+ * ```
+ */
+declare function useModal<TId extends ModalId, TResult = ModalResult<TId>>(id: TId): UseModalReturn<ModalData<TId>, TResult>;
+/**
+ * Reactively subscribes to whether a modal is currently open.
+ */
+declare function useIsModalOpen(id: ModalId): boolean;
+declare function useCloseAll(): () => void;
+
+export { type ModalActionsValue, type ModalComponent, type ModalData, type ModalDataArg, type ModalDataMap, type ModalId, type ModalProps, ModalProvider, type ModalRegistration, ModalRegistry, type ModalResult, type ModalResultMap, type RegisteredModalId, type UseModalReturn, useCloseAll, useIsModalOpen, useModal, useRegisterModal };

package/dist/index.d.ts

@@ -0,0 +1,153 @@
+import * as react from 'react';
+import { ComponentType, ReactNode } from 'react';
+
+/**
+ * Registry for modal payload types via module augmentation.
+ *
+ * @example
+ * ```ts
+ * declare module 'react-modal-registry' {
+ *   interface ModalDataMap {
+ *     confirmAction: { itemId: string }
+ *   }
+ * }
+ * ```
+ */
+interface ModalDataMap {
+}
+/**
+ * Registry for modal return types via module augmentation.
+ *
+ * @example
+ * ```ts
+ * declare module 'react-modal-registry' {
+ *   interface ModalResultMap {
+ *     confirmAction: boolean
+ *   }
+ * }
+ * ```
+ */
+interface ModalResultMap {
+}
+type RegisteredModalId = keyof ModalDataMap | keyof ModalResultMap | keyof ModalRegistry;
+/**
+ * Modal identifier supporting autocompletion of registered IDs with string fallback.
+ */
+type ModalId = RegisteredModalId | (string & {});
+type ModalData<TId extends ModalId> = TId extends keyof ModalDataMap ? ModalDataMap[TId] : TId extends keyof ModalRegistry ? ModalRegistry[TId] extends {
+    data: infer TData;
+} ? TData : unknown : unknown;
+type ModalResult<TId extends ModalId> = TId extends keyof ModalResultMap ? ModalResultMap[TId] : TId extends keyof ModalRegistry ? ModalRegistry[TId] extends {
+    result: infer TResult;
+} ? TResult : unknown : unknown;
+/**
+ * optional vs required payload arguments based on `TData`.
+ */
+type ModalDataArg<TData> = [unknown] extends [TData] ? [data?: TData] : [TData] extends [void] | [undefined] ? [data?: TData] : undefined extends TData ? [data?: TData] : [data: TData];
+/**
+ * Standard props passed to registered modal components.
+ */
+interface ModalProps<TData = unknown, TResult = unknown> {
+    isOpen: boolean;
+    data: TData;
+    close: (result?: TResult) => void;
+}
+type ModalComponent<TData = unknown, TResult = unknown> = ComponentType<ModalProps<TData, TResult>> | ComponentType<ModalProps<TData, unknown>>;
+interface ModalRegistration<TId extends ModalId = ModalId> {
+    id: TId;
+    component: ModalComponent<ModalData<TId>, ModalResult<TId>>;
+}
+/**
+ * Imperative modal controller returned by `useModal(id)`.
+ */
+interface UseModalReturn<TData = unknown, TResult = unknown> {
+    /**
+     * Opens the modal with the specified payload and resolves when closed.
+     */
+    open(...args: ModalDataArg<TData>): Promise<TResult>;
+    /**
+     * Closes the modal imperatively, optionally passing a resolution value.
+     */
+    close(result?: TResult): void;
+    /**
+     * Imperatively reads whether the modal is currently open.
+     */
+    isOpen(): boolean;
+}
+interface ModalActionsValue {
+    register<TId extends ModalId>(id: TId, component: ModalComponent<ModalData<TId>, ModalResult<TId>>): void;
+    register<const TIds extends readonly ModalId[]>(modals: {
+        [K in keyof TIds]: ModalRegistration<TIds[K]>;
+    }): void;
+    unregister(idOrIds: ModalId | readonly ModalId[]): void;
+    open<TId extends ModalId, TResult = ModalResult<TId>>(id: TId, ...args: ModalDataArg<ModalData<TId>>): Promise<TResult>;
+    close<TId extends ModalId>(id: TId, result?: ModalResult<TId>): void;
+    closeAll(): void;
+    isOpen(id: ModalId): boolean;
+}
+/**
+ * Root provider hosting the modal registry, lifecycle actions, and slot renderer.
+ */
+declare function ModalProvider({ children }: {
+    children: ReactNode;
+}): react.JSX.Element;
+/**
+ * Registers one or more modals for the lifetime of the calling component.
+ *
+ */
+declare function useRegisterModal<TId extends ModalId>(id: TId, component: ModalComponent<ModalData<TId>, ModalResult<TId>>): void;
+declare function useRegisterModal<const TIds extends readonly ModalId[]>(modals: {
+    [K in keyof TIds]: ModalRegistration<TIds[K]>;
+}): void;
+/**
+ * Registry for paired modal payload and return types via module augmentation.
+ *
+ * @example
+ * ```ts
+ * declare module 'react-modal-registry' {
+ *   interface ModalRegistry {
+ *     confirmAction: { data: { itemId: string }; result: boolean }
+ *   }
+ * }
+ * ```
+ */
+interface ModalRegistry {
+}
+/**
+ * Declarative component for mounting static modal batches at application or layout roots.
+ */
+declare function ModalRegistry<const TIds extends readonly ModalId[]>({ modals }: {
+    modals: {
+        [K in keyof TIds]: ModalRegistration<TIds[K]>;
+    };
+}): null;
+/**
+ * Returns typed controls (`open`, `close`, `isOpen`) for a modal ID.
+ *
+ * `isOpen()` reads state imperatively without subscribing the caller to render updates.
+ * Use `useIsModalOpen(id)` for reactive subscriptions.
+ *
+ * @example
+ * ```tsx
+ * function DeleteButton({ id }: { id: string }) {
+ *   const confirmModal = useModal('confirmation')
+ *
+ *   const handleDelete = async () => {
+ *     const confirmed = await confirmModal.open({ itemId: id })
+ *     if (confirmed) {
+ *       deleteItem(id)
+ *     }
+ *   }
+ *
+ *   return <button onClick={handleDelete}>Delete</button>
+ * }
+ * ```
+ */
+declare function useModal<TId extends ModalId, TResult = ModalResult<TId>>(id: TId): UseModalReturn<ModalData<TId>, TResult>;
+/**
+ * Reactively subscribes to whether a modal is currently open.
+ */
+declare function useIsModalOpen(id: ModalId): boolean;
+declare function useCloseAll(): () => void;
+
+export { type ModalActionsValue, type ModalComponent, type ModalData, type ModalDataArg, type ModalDataMap, type ModalId, type ModalProps, ModalProvider, type ModalRegistration, ModalRegistry, type ModalResult, type ModalResultMap, type RegisteredModalId, type UseModalReturn, useCloseAll, useIsModalOpen, useModal, useRegisterModal };

package/dist/index.js

@@ -0,0 +1,302 @@
+"use client";
+
+// src/index.tsx
+import {
+  createContext,
+  memo,
+  Suspense,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ModalActionsContext = createContext(null);
+var ModalSlotsContext = createContext(null);
+var UNMOUNT_DELAY_MS = 200;
+function ModalProvider({ children }) {
+  const slotsRef = useRef(/* @__PURE__ */ new Map());
+  const pendingRef = useRef(/* @__PURE__ */ new Map());
+  const timersRef = useRef(/* @__PURE__ */ new Map());
+  const [slots, setSlots] = useState(/* @__PURE__ */ new Map());
+  useEffect(() => {
+    const timers = timersRef.current;
+    const pendings = pendingRef.current;
+    return () => {
+      for (const timer of timers.values()) {
+        clearTimeout(timer);
+      }
+      timers.clear();
+      for (const pending of pendings.values()) {
+        pending.resolve(void 0);
+      }
+      pendings.clear();
+    };
+  }, []);
+  const sync = useCallback(() => {
+    setSlots(new Map(slotsRef.current));
+  }, []);
+  const register = useCallback(
+    (idOrModals, component) => {
+      const items = Array.isArray(idOrModals) ? idOrModals : component ? [
+        {
+          id: idOrModals,
+          component
+        }
+      ] : [];
+      let changed = false;
+      for (const { id, component: comp } of items) {
+        const existing = slotsRef.current.get(id);
+        const typedComp = comp;
+        if (existing) {
+          if (existing.component !== typedComp) {
+            slotsRef.current.set(id, {
+              ...existing,
+              component: typedComp
+            });
+            changed = true;
+          }
+        } else {
+          slotsRef.current.set(id, {
+            id,
+            component: typedComp,
+            isOpen: false,
+            isMounted: false,
+            data: void 0
+          });
+          changed = true;
+        }
+      }
+      if (changed) {
+        sync();
+      }
+    },
+    [sync]
+  );
+  const unregister = useCallback(
+    (idOrIds) => {
+      const ids = Array.isArray(idOrIds) ? idOrIds : [idOrIds];
+      let changed = false;
+      for (const id of ids) {
+        const timer = timersRef.current.get(id);
+        if (timer) {
+          clearTimeout(timer);
+          timersRef.current.delete(id);
+        }
+        const pending = pendingRef.current.get(id);
+        if (pending) {
+          pendingRef.current.delete(id);
+          pending.resolve(void 0);
+        }
+        if (slotsRef.current.has(id)) {
+          slotsRef.current.delete(id);
+          changed = true;
+        }
+      }
+      if (changed) {
+        sync();
+      }
+    },
+    [sync]
+  );
+  const open = useCallback(
+    (id, ...args) => {
+      const data = args[0];
+      const slot = slotsRef.current.get(id);
+      if (!slot) {
+        return Promise.reject(
+          new Error(`[react-modal-registry] Modal "${String(id)}" is not registered.`)
+        );
+      }
+      const existing = pendingRef.current.get(id);
+      if (slot.isOpen && slot.data === data && existing) {
+        return existing.promise;
+      }
+      if (existing) {
+        pendingRef.current.delete(id);
+        existing.resolve(void 0);
+      }
+      const timer = timersRef.current.get(id);
+      if (timer) {
+        clearTimeout(timer);
+        timersRef.current.delete(id);
+      }
+      let resolver;
+      const promise = new Promise((resolve) => {
+        resolver = resolve;
+      });
+      pendingRef.current.set(id, {
+        promise,
+        resolve: resolver
+      });
+      slotsRef.current.set(id, { ...slot, isOpen: true, isMounted: true, data });
+      sync();
+      return promise;
+    },
+    [sync]
+  );
+  const scheduleUnmount = useCallback(
+    (id) => {
+      const timer = timersRef.current.get(id);
+      if (timer) clearTimeout(timer);
+      timersRef.current.set(
+        id,
+        setTimeout(() => {
+          timersRef.current.delete(id);
+          const current = slotsRef.current.get(id);
+          if (current && !current.isOpen) {
+            slotsRef.current.set(id, { ...current, isMounted: false });
+            sync();
+          }
+        }, UNMOUNT_DELAY_MS)
+      );
+    },
+    [sync]
+  );
+  const close = useCallback(
+    (id, result) => {
+      const slot = slotsRef.current.get(id);
+      if (!slot || !slot.isOpen) return;
+      const pending = pendingRef.current.get(id);
+      if (pending) {
+        pendingRef.current.delete(id);
+        pending.resolve(result);
+      }
+      slotsRef.current.set(id, { ...slot, isOpen: false, isMounted: true });
+      sync();
+      scheduleUnmount(id);
+    },
+    [sync, scheduleUnmount]
+  );
+  const closeAll = useCallback(() => {
+    for (const [, pending] of pendingRef.current) {
+      pending.resolve(void 0);
+    }
+    pendingRef.current.clear();
+    let changed = false;
+    for (const [id, slot] of slotsRef.current) {
+      if (slot.isOpen) {
+        slotsRef.current.set(id, { ...slot, isOpen: false, isMounted: true });
+        scheduleUnmount(id);
+        changed = true;
+      }
+    }
+    if (changed) {
+      sync();
+    }
+  }, [sync, scheduleUnmount]);
+  const isOpen = useCallback((id) => slotsRef.current.get(id)?.isOpen ?? false, []);
+  const actions = useMemo(
+    () => ({
+      register,
+      unregister,
+      open,
+      close,
+      closeAll,
+      isOpen
+    }),
+    [register, unregister, open, close, closeAll, isOpen]
+  );
+  return /* @__PURE__ */ jsx(ModalActionsContext.Provider, { value: actions, children: /* @__PURE__ */ jsxs(ModalSlotsContext.Provider, { value: slots, children: [
+    children,
+    /* @__PURE__ */ jsx(ModalRenderer, {})
+  ] }) });
+}
+function useRegisterModal(idOrModals, component) {
+  const { register, unregister } = useModalContext();
+  useEffect(() => {
+    if (Array.isArray(idOrModals)) {
+      register(idOrModals);
+      return () => {
+        unregister(idOrModals.map((m) => m.id));
+      };
+    }
+    if (component) {
+      register(idOrModals, component);
+      return () => {
+        unregister(idOrModals);
+      };
+    }
+    return void 0;
+  }, [idOrModals, component, register, unregister]);
+}
+function ModalRegistry({
+  modals
+}) {
+  useRegisterModal(modals);
+  return null;
+}
+function useModal(id) {
+  const { open, close, isOpen } = useModalContext();
+  return useMemo(
+    () => ({
+      open: (...args) => open(id, ...args),
+      close: (result) => close(id, result),
+      isOpen: () => isOpen(id)
+    }),
+    [open, close, isOpen, id]
+  );
+}
+function useIsModalOpen(id) {
+  const slots = useContext(ModalSlotsContext);
+  if (!slots) {
+    throw new Error("useIsModalOpen must be used within <ModalProvider>");
+  }
+  return slots.get(id)?.isOpen ?? false;
+}
+function useCloseAll() {
+  return useModalContext().closeAll;
+}
+var ModalSlotItem = memo(function ModalSlotItem2({
+  id,
+  component: Component,
+  isOpen,
+  data,
+  close
+}) {
+  const handleClose = useCallback(
+    (result) => {
+      close(id, result);
+    },
+    [close, id]
+  );
+  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Component, { isOpen, data, close: handleClose }) });
+});
+function ModalRenderer() {
+  const slots = useContext(ModalSlotsContext);
+  const { close } = useModalContext();
+  if (!slots) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from(slots.values()).map(
+    (slot) => slot.isMounted ? /* @__PURE__ */ jsx(
+      ModalSlotItem,
+      {
+        id: slot.id,
+        component: slot.component,
+        isOpen: slot.isOpen,
+        data: slot.data,
+        close
+      },
+      slot.id
+    ) : null
+  ) });
+}
+function useModalContext() {
+  const context = useContext(ModalActionsContext);
+  if (!context) {
+    throw new Error("useModalContext must be used within <ModalProvider>");
+  }
+  return context;
+}
+export {
+  ModalProvider,
+  ModalRegistry,
+  useCloseAll,
+  useIsModalOpen,
+  useModal,
+  useRegisterModal
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  memo,\n  Suspense,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentType,\n  type ReactNode\n} from 'react'\n\n/**\n * Registry for modal payload types via module augmentation.\n *\n * @example\n * ```ts\n * declare module 'react-modal-registry' {\n *   interface ModalDataMap {\n *     confirmAction: { itemId: string }\n *   }\n * }\n * ```\n */\nexport interface ModalDataMap {}\n\n/**\n * Registry for modal return types via module augmentation.\n *\n * @example\n * ```ts\n * declare module 'react-modal-registry' {\n *   interface ModalResultMap {\n *     confirmAction: boolean\n *   }\n * }\n * ```\n */\nexport interface ModalResultMap {}\n\n/**\n * Registry for paired modal payload and return types via module augmentation.\n *\n * @example\n * ```ts\n * declare module 'react-modal-registry' {\n *   interface ModalRegistry {\n *     confirmAction: { data: { itemId: string }; result: boolean }\n *   }\n * }\n * ```\n */\nexport interface ModalRegistry {}\n\nexport type RegisteredModalId = keyof ModalDataMap | keyof ModalResultMap | keyof ModalRegistry\n\n/**\n * Modal identifier supporting autocompletion of registered IDs with string fallback.\n */\nexport type ModalId = RegisteredModalId | (string & {})\n\nexport type ModalData<TId extends ModalId> = TId extends keyof ModalDataMap\n  ? ModalDataMap[TId]\n  : TId extends keyof ModalRegistry\n    ? ModalRegistry[TId] extends { data: infer TData }\n      ? TData\n      : unknown\n    : unknown\n\nexport type ModalResult<TId extends ModalId> = TId extends keyof ModalResultMap\n  ? ModalResultMap[TId]\n  : TId extends keyof ModalRegistry\n    ? ModalRegistry[TId] extends { result: infer TResult }\n      ? TResult\n      : unknown\n    : unknown\n\n/**\n * optional vs required payload arguments based on `TData`.\n */\nexport type ModalDataArg<TData> = [unknown] extends [TData]\n  ? [data?: TData]\n  : [TData] extends [void] | [undefined]\n    ? [data?: TData]\n    : undefined extends TData\n      ? [data?: TData]\n      : [data: TData]\n\n/**\n * Standard props passed to registered modal components.\n */\nexport interface ModalProps<TData = unknown, TResult = unknown> {\n  isOpen: boolean\n  data: TData\n  close: (result?: TResult) => void\n}\n\nexport type ModalComponent<TData = unknown, TResult = unknown> =\n  | ComponentType<ModalProps<TData, TResult>>\n  | ComponentType<ModalProps<TData, unknown>>\n\nexport interface ModalRegistration<TId extends ModalId = ModalId> {\n  id: TId\n  component: ModalComponent<ModalData<TId>, ModalResult<TId>>\n}\n\n/**\n * Imperative modal controller returned by `useModal(id)`.\n */\nexport interface UseModalReturn<TData = unknown, TResult = unknown> {\n  /**\n   * Opens the modal with the specified payload and resolves when closed.\n   */\n  open(...args: ModalDataArg<TData>): Promise<TResult>\n\n  /**\n   * Closes the modal imperatively, optionally passing a resolution value.\n   */\n  close(result?: TResult): void\n\n  /**\n   * Imperatively reads whether the modal is currently open.\n   */\n  isOpen(): boolean\n}\n\ninterface ModalSlot {\n  id: ModalId\n  component: ComponentType<ModalProps<unknown, unknown>>\n  isOpen: boolean\n  isMounted: boolean\n  data: unknown\n}\n\ninterface ModalPending {\n  promise: Promise<unknown>\n  resolve: (value: unknown) => void\n}\n\nexport interface ModalActionsValue {\n  register<TId extends ModalId>(\n    id: TId,\n    component: ModalComponent<ModalData<TId>, ModalResult<TId>>\n  ): void\n  register<const TIds extends readonly ModalId[]>(modals: {\n    [K in keyof TIds]: ModalRegistration<TIds[K]>\n  }): void\n  unregister(idOrIds: ModalId | readonly ModalId[]): void\n  open<TId extends ModalId, TResult = ModalResult<TId>>(\n    id: TId,\n    ...args: ModalDataArg<ModalData<TId>>\n  ): Promise<TResult>\n  close<TId extends ModalId>(id: TId, result?: ModalResult<TId>): void\n  closeAll(): void\n  isOpen(id: ModalId): boolean\n}\n\nconst ModalActionsContext = createContext<ModalActionsValue | null>(null)\nconst ModalSlotsContext = createContext<ReadonlyMap<ModalId, ModalSlot> | null>(null)\n\n// Allows exit animation transitions to complete before unmounting slot\nconst UNMOUNT_DELAY_MS = 200\n\n/**\n * Root provider hosting the modal registry, lifecycle actions, and slot renderer.\n */\nexport function ModalProvider({ children }: { children: ReactNode }) {\n  const slotsRef = useRef<Map<ModalId, ModalSlot>>(new Map())\n  const pendingRef = useRef<Map<ModalId, ModalPending>>(new Map())\n  const timersRef = useRef<Map<ModalId, ReturnType<typeof setTimeout>>>(new Map())\n  const [slots, setSlots] = useState<ReadonlyMap<ModalId, ModalSlot>>(new Map())\n\n  useEffect(() => {\n    const timers = timersRef.current\n    const pendings = pendingRef.current\n    return () => {\n      for (const timer of timers.values()) {\n        clearTimeout(timer)\n      }\n      timers.clear()\n      for (const pending of pendings.values()) {\n        pending.resolve(undefined)\n      }\n      pendings.clear()\n    }\n  }, [])\n\n  const sync = useCallback(() => {\n    setSlots(new Map(slotsRef.current))\n  }, [])\n\n  const register: ModalActionsValue['register'] = useCallback(\n    (\n      idOrModals: ModalId | readonly ModalRegistration[],\n      component?: ModalComponent<unknown, unknown>\n    ) => {\n      const items: readonly ModalRegistration[] = Array.isArray(idOrModals)\n        ? idOrModals\n        : component\n          ? [\n              {\n                id: idOrModals,\n                component: component as ModalComponent<unknown, unknown>\n              }\n            ]\n          : []\n\n      let changed = false\n      for (const { id, component: comp } of items) {\n        const existing = slotsRef.current.get(id)\n        const typedComp = comp as ComponentType<ModalProps<unknown, unknown>>\n\n        if (existing) {\n          if (existing.component !== typedComp) {\n            slotsRef.current.set(id, {\n              ...existing,\n              component: typedComp\n            })\n            changed = true\n          }\n        } else {\n          slotsRef.current.set(id, {\n            id,\n            component: typedComp,\n            isOpen: false,\n            isMounted: false,\n            data: undefined\n          })\n          changed = true\n        }\n      }\n\n      if (changed) {\n        sync()\n      }\n    },\n    [sync]\n  )\n\n  const unregister = useCallback(\n    (idOrIds: ModalId | readonly ModalId[]) => {\n      const ids = Array.isArray(idOrIds) ? idOrIds : [idOrIds]\n      let changed = false\n      for (const id of ids) {\n        const timer = timersRef.current.get(id)\n        if (timer) {\n          clearTimeout(timer)\n          timersRef.current.delete(id)\n        }\n\n        const pending = pendingRef.current.get(id)\n        if (pending) {\n          pendingRef.current.delete(id)\n          pending.resolve(undefined)\n        }\n        if (slotsRef.current.has(id)) {\n          slotsRef.current.delete(id)\n          changed = true\n        }\n      }\n      if (changed) {\n        sync()\n      }\n    },\n    [sync]\n  )\n\n  const open = useCallback(\n    <TId extends ModalId, TResult = ModalResult<TId>>(\n      id: TId,\n      ...args: ModalDataArg<ModalData<TId>>\n    ): Promise<TResult> => {\n      const data = args[0] as ModalData<TId>\n      const slot = slotsRef.current.get(id)\n\n      if (!slot) {\n        return Promise.reject(\n          new Error(`[react-modal-registry] Modal \"${String(id)}\" is not registered.`)\n        )\n      }\n\n      // Re-use active pending promise if open call is repeated with identical payload\n      const existing = pendingRef.current.get(id)\n      if (slot.isOpen && slot.data === data && existing) {\n        return existing.promise as Promise<TResult>\n      }\n\n      // Supersede any pending promise before creating a new one\n      if (existing) {\n        pendingRef.current.delete(id)\n        existing.resolve(undefined)\n      }\n\n      const timer = timersRef.current.get(id)\n      if (timer) {\n        clearTimeout(timer)\n        timersRef.current.delete(id)\n      }\n\n      let resolver!: (value: unknown) => void\n      const promise = new Promise<TResult>(resolve => {\n        resolver = resolve as (value: unknown) => void\n      })\n\n      pendingRef.current.set(id, {\n        promise: promise as Promise<unknown>,\n        resolve: resolver\n      })\n\n      slotsRef.current.set(id, { ...slot, isOpen: true, isMounted: true, data })\n      sync()\n\n      return promise\n    },\n    [sync]\n  )\n\n  const scheduleUnmount = useCallback(\n    (id: ModalId) => {\n      const timer = timersRef.current.get(id)\n      if (timer) clearTimeout(timer)\n\n      timersRef.current.set(\n        id,\n        setTimeout(() => {\n          timersRef.current.delete(id)\n          const current = slotsRef.current.get(id)\n          if (current && !current.isOpen) {\n            slotsRef.current.set(id, { ...current, isMounted: false })\n            sync()\n          }\n        }, UNMOUNT_DELAY_MS)\n      )\n    },\n    [sync]\n  )\n\n  const close = useCallback(\n    <TId extends ModalId>(id: TId, result?: ModalResult<TId>) => {\n      const slot = slotsRef.current.get(id)\n      if (!slot || !slot.isOpen) return\n\n      const pending = pendingRef.current.get(id)\n      if (pending) {\n        pendingRef.current.delete(id)\n        pending.resolve(result)\n      }\n\n      slotsRef.current.set(id, { ...slot, isOpen: false, isMounted: true })\n      sync()\n      scheduleUnmount(id)\n    },\n    [sync, scheduleUnmount]\n  )\n\n  const closeAll = useCallback(() => {\n    for (const [, pending] of pendingRef.current) {\n      pending.resolve(undefined)\n    }\n    pendingRef.current.clear()\n\n    let changed = false\n    for (const [id, slot] of slotsRef.current) {\n      if (slot.isOpen) {\n        slotsRef.current.set(id, { ...slot, isOpen: false, isMounted: true })\n        scheduleUnmount(id)\n        changed = true\n      }\n    }\n\n    if (changed) {\n      sync()\n    }\n  }, [sync, scheduleUnmount])\n\n  const isOpen = useCallback((id: ModalId) => slotsRef.current.get(id)?.isOpen ?? false, [])\n\n  const actions = useMemo<ModalActionsValue>(\n    () => ({\n      register,\n      unregister,\n      open,\n      close,\n      closeAll,\n      isOpen\n    }),\n    [register, unregister, open, close, closeAll, isOpen]\n  )\n\n  return (\n    <ModalActionsContext.Provider value={actions}>\n      <ModalSlotsContext.Provider value={slots}>\n        {children}\n        <ModalRenderer />\n      </ModalSlotsContext.Provider>\n    </ModalActionsContext.Provider>\n  )\n}\n\n/**\n * Registers one or more modals for the lifetime of the calling component.\n *\n */\nexport function useRegisterModal<TId extends ModalId>(\n  id: TId,\n  component: ModalComponent<ModalData<TId>, ModalResult<TId>>\n): void\nexport function useRegisterModal<const TIds extends readonly ModalId[]>(modals: {\n  [K in keyof TIds]: ModalRegistration<TIds[K]>\n}): void\nexport function useRegisterModal<TId extends ModalId>(\n  idOrModals:\n    | TId\n    | readonly {\n        id: ModalId\n        component: ComponentType<ModalProps<unknown, unknown>>\n      }[],\n  component?: ModalComponent<ModalData<TId>, ModalResult<TId>>\n): void {\n  const { register, unregister } = useModalContext()\n\n  useEffect(() => {\n    if (Array.isArray(idOrModals)) {\n      register(idOrModals as Parameters<typeof register>[0])\n      return () => {\n        unregister(idOrModals.map(m => m.id))\n      }\n    }\n\n    if (component) {\n      register(idOrModals as TId, component)\n      return () => {\n        unregister(idOrModals as TId)\n      }\n    }\n\n    return undefined\n  }, [idOrModals, component, register, unregister])\n}\n\n/**\n * Declarative component for mounting static modal batches at application or layout roots.\n */\nexport function ModalRegistry<const TIds extends readonly ModalId[]>({\n  modals\n}: {\n  modals: {\n    [K in keyof TIds]: ModalRegistration<TIds[K]>\n  }\n}) {\n  useRegisterModal(modals)\n  return null\n}\n\n/**\n * Returns typed controls (`open`, `close`, `isOpen`) for a modal ID.\n *\n * `isOpen()` reads state imperatively without subscribing the caller to render updates.\n * Use `useIsModalOpen(id)` for reactive subscriptions.\n *\n * @example\n * ```tsx\n * function DeleteButton({ id }: { id: string }) {\n *   const confirmModal = useModal('confirmation')\n *\n *   const handleDelete = async () => {\n *     const confirmed = await confirmModal.open({ itemId: id })\n *     if (confirmed) {\n *       deleteItem(id)\n *     }\n *   }\n *\n *   return <button onClick={handleDelete}>Delete</button>\n * }\n * ```\n */\nexport function useModal<TId extends ModalId, TResult = ModalResult<TId>>(\n  id: TId\n): UseModalReturn<ModalData<TId>, TResult> {\n  const { open, close, isOpen } = useModalContext()\n\n  return useMemo<UseModalReturn<ModalData<TId>, TResult>>(\n    () => ({\n      open: (...args: ModalDataArg<ModalData<TId>>) => open<TId, TResult>(id, ...args),\n      close: (result?: TResult) => close(id, result as ModalResult<TId>),\n      isOpen: () => isOpen(id)\n    }),\n    [open, close, isOpen, id]\n  )\n}\n\n/**\n * Reactively subscribes to whether a modal is currently open.\n */\nexport function useIsModalOpen(id: ModalId): boolean {\n  const slots = useContext(ModalSlotsContext)\n\n  if (!slots) {\n    throw new Error('useIsModalOpen must be used within <ModalProvider>')\n  }\n\n  return slots.get(id)?.isOpen ?? false\n}\n\nexport function useCloseAll(): () => void {\n  return useModalContext().closeAll\n}\n\nconst ModalSlotItem = memo(function ModalSlotItem({\n  id,\n  component: Component,\n  isOpen,\n  data,\n  close\n}: {\n  id: ModalId\n  component: ComponentType<ModalProps<unknown, unknown>>\n  isOpen: boolean\n  data: unknown\n  close: (id: ModalId, result?: unknown) => void\n}) {\n  const handleClose = useCallback(\n    (result?: unknown) => {\n      close(id, result)\n    },\n    [close, id]\n  )\n\n  return (\n    <Suspense fallback={null}>\n      <Component isOpen={isOpen} data={data} close={handleClose} />\n    </Suspense>\n  )\n})\n\nfunction ModalRenderer() {\n  const slots = useContext(ModalSlotsContext)\n  const { close } = useModalContext()\n\n  if (!slots) {\n    return null\n  }\n\n  return (\n    <>\n      {Array.from(slots.values()).map(slot =>\n        slot.isMounted ? (\n          <ModalSlotItem\n            key={slot.id}\n            id={slot.id}\n            component={slot.component}\n            isOpen={slot.isOpen}\n            data={slot.data}\n            close={close}\n          />\n        ) : null\n      )}\n    </>\n  )\n}\n\nfunction useModalContext(): ModalActionsValue {\n  const context = useContext(ModalActionsContext)\n\n  if (!context) {\n    throw new Error('useModalContext must be used within <ModalProvider>')\n  }\n\n  return context\n}\n"],"mappings":"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","names":["ModalSlotItem"]}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "react-modal-registry",
+  "version": "0.1.0",
+  "description": "Type-safe, headless modal registry and promise-based manager for React",
+  "keywords": [
+    "react",
+    "modal",
+    "modals",
+    "dialog",
+    "manager",
+    "registry",
+    "promise",
+    "headless",
+    "typescript"
+  ],
+  "author": "Saurav Hathi <https://github.com/sauravhathi>",
+  "homepage": "https://github.com/sauravhathi/react-modal-registry#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sauravhathi/react-modal-registry.git"
+  },
+  "bugs": {
+    "url": "https://github.com/sauravhathi/react-modal-registry/issues"
+  },
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "pnpm run build"
+  },
+  "peerDependencies": {
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "tsup": "^8.5.1",
+    "typescript": "^6.0.2"
+  }
+}