Cart Flight

"use client";

import { useEffect, useId, useLayoutEffect, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from "react";
import {
  AnimatePresence,
  LayoutGroup,
  MotionConfig,
  animate,
  motion,
  useMotionValue,
  useReducedMotion,
  useTransform,
  useVelocity,
  type MotionValue,
} from "motion/react";
import { IconCheck, IconMinus, IconPlus, IconShoppingBag, IconX } from "@tabler/icons-react";
import { cn } from "@/lib/utils";

// Cart flight. A small shop where adding something sends a copy of its photo
// on a curved flight into the cart, and the cart only counts it once it has
// landed, so the number changing is the end of the motion rather than a
// separate event. The cart opens by growing into a drawer, and taking
// something out flies it back to its card.
//