useModal (interior/modal.tsx)

Module exposing: useModal, Modal, focusableWithin, lockDocumentScroll, unlockDocumentScroll

// Source: https://github.com/ddoemonn/interior | License: MIT | Copyright 2026 ozzy
// Provided via justclaw.it.com; keep this notice with the code.
"use client";

import {
  useCallback,
  useEffect,
  useId,
  useLayoutEffect,
  useMemo,
  useRef,
  useState,
} from "react";
import { createPortal } from "react-dom";
import { AnimatePresence, motion, useReducedMotion } from "motion/react";

const EASE = [0.23, 1, 0.32, 1] as const;

const LEAVE = [0.4, 0, 1, 1] as const;

const SURFACE = { type: "spring", stiffness: 420, damping: 36, mass: 0.9 } as const;

const useIsomorphicLayoutEffect =
  typeof window === "undefined" ? useEffect : useLayoutEffect;

const FOCUSABLE = [
  "a[href]",
  "area[href]",
  "button:not([disabled])",
  "input:not([disabled]):not([type='hidden'])",
  "select:no

... (truncated -- full source via MCP)