Tile Expand Panel

"use client";

import { createContext, useContext, useId, useLayoutEffect, useRef, useState } from "react";
import type { CSSProperties, ReactNode, RefObject } from "react";

/**
 * TileExpandPanel — a primitive that grows any bento tile into a full panel
 * with shared-element continuity, and shrinks it back.
 *
 * Wrap a grid in <TileExpandGroup>. Each <ExpandTile> has a face (what the
 * tile shows) and a `detail` (what the panel shows). Inside both, mark the
 * pieces that are "the same thing" with <Shared k="…">: a cover image, a
 * title, a figure. When a tile opens, the panel grows out of the tile's own
 * rectangle over the group, and every shared piece FLIES from where it sat
 * in the tile to where it sits in the panel, scaling as it goes; everything
 * else in the panel arrives after it. Closing runs it all backwards and
 * returns focus to the tile.
 *

  // ---------------------------------------------------------------
  // Full source available with a viberdy Pro subscription.
  // https://viberdy.dev/pricing
  // ---------------------------------------------------------------
}