Puffer Quilt Field

"use client";

import { useEffect, useRef, useState, useSyncExternalStore } from "react";
import type { CSSProperties, ReactNode } from "react";

/**
 * PufferQuiltField — a background of quilted puffer you can press.
 *
 * A diamond-stitched cushion surface, lit from the upper left. Hover a
 * pillow and it gives a little; press and it sinks while the four pillows
 * around it puff up with the volume it lost, then everything springs back
 * inside half a second. WebGL2, drawn only while something moves. Content
 * goes on top as children. Dough, gum, lilac and ink.
 *
 * Part of the Tactile Maximalism kit: dough #f7f0e4, warm ink #17130f and
 * one loud accent, bubblegum #ff2d78, filled once per screen; grain fixed to
 * the material; soft shadows tinted by what casts them, never a hard offset.
 * Everything soft keeps its area as it squashes and settles inside 450ms.

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