Popover

"use client";

// A panel anchored to a button, for small forms and pickers. It grows out of
// the button, flips to the other side when there's no room, and its arrow
// keeps pointing at the button even when the panel is nudged to stay on
// screen. Focus moves inside on open and returns to the button on close.

import { AnimatePresence, motion } from "motion/react";
import { useEffect, useRef, useState, type ReactNode } from "react";
import { cn } from "@/lib/utils";
import {
  EASE_OUT,
  Portal,
  SURFACE,
  originFor,
  triggerBox,
  useAnchoredPosition,
  useDismiss,
  useFocusTrap,
  useLayer,
  type Align,
  type Side,
} from "../_overlay/overlay";