Tooltip

"use client";

// A small label for icon buttons and toolbars. The first tooltip waits a
// moment before it shows; once one is open, moving to a neighbour inside the
// same <TooltipGroup> swaps instantly with no animation, so scanning a
// toolbar feels immediate. It flips to the other side when there's no room
// and stays inside the viewport.

import { AnimatePresence, motion, useReducedMotion } from "motion/react";
import {
  createContext,
  useContext,
  useEffect,
  useId,
  useLayoutEffect,
  useMemo,
  useRef,
  useState,
  type ReactNode,
} from "react";
import { createPortal } from "react-dom";
import { cn } from "@/lib/utils";

const EASE_OUT: [number, number, number, number] = [0.23, 1, 0.32, 1];