Pulsing status dot in four tints: live, beta, paused, offline.
The import and the props worth knowing about, in one place.
import { Indicator1 } from "@/components/beste/piece/indicator1";
<Indicator1
label="Live"
variant="live"
/>Deployment pill that morphs from Building to Deploying to Live, its width easing to fit each label while the text cross-fades and the colour shifts.
Timestamp indicator with a dot that pings when live, holds sky when recent, or glows amber when stale.
Stock status chip with a dot and auto-phrased copy across in-stock, low, out, and preorder states.