Filter Grid

"use client";

import { useId, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from "react";
import { AnimatePresence, LayoutGroup, MotionConfig, motion } from "motion/react";
import useMeasure from "react-use-measure";
import {
  IconBug,
  IconCalendarEvent,
  IconChartPie,
  IconFileInvoice,
  IconGitPullRequest,
  IconLayoutBoard,
  IconListCheck,
  IconMail,
  IconPalette,
  IconReceipt,
  IconRocket,
  IconTypography,
} from "@tabler/icons-react";
import { cn } from "@/lib/utils";

// Filter grid. Tabs over a grid of tiles, where a tile can belong to several
// tabs. Switching tabs slides the highlight across; tiles in both tabs glide
// to their new places, tiles that leave blur and shrink away, and tiles that