Sticker Peel Steps

"use client";

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

/**
 * StickerPeelSteps — how it works, as three stickers you peel off.
 *
 * Each step's text is always readable; its picture is covered by a sticker
 * with a corner already lifting. Pull from a corner and it peels around a
 * real curl, its paper liner on the back and a shadow under the lifted
 * flap; past halfway it comes off and falls away, short of that it springs
 * back flat. A Peel button does it from the keyboard. WebGL2, with a flat
 * fallback.
 *
 * 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.

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