/* NY taxi cursor with contextual labels */
function Cursor({ enabled }) {
const ringRef = React.useRef(null);
const labelRef = React.useRef(null);
const [state, setState] = React.useState("default");
const facingRef = React.useRef(1); // 1 right, -1 left — kept in a ref so direction flips don't tear down the RAF loop
const lastXRef = React.useRef(0);
React.useEffect(() => {
if (!enabled) return;
let x = window.innerWidth / 2, y = window.innerHeight / 2;
let tx = x, ty = y, raf;
let lastState = "default";
const onMove = (e) => {
if (e.clientX > lastXRef.current) facingRef.current = 1;
else if (e.clientX < lastXRef.current) facingRef.current = -1;
lastXRef.current = e.clientX;
tx = e.clientX; ty = e.clientY;
};
const tick = () => {
x += (tx - x) * 0.55;
y += (ty - y) * 0.55;
if (ringRef.current) ringRef.current.style.transform = `translate3d(${x}px, ${y}px, 0) translate(-50%, -50%) scaleX(${facingRef.current})`;
if (labelRef.current) labelRef.current.style.transform = `translate3d(${x}px, ${y}px, 0)`;
raf = requestAnimationFrame(tick);
};
tick();
window.addEventListener("mousemove", onMove, { passive: true });
const onOver = (e) => {
let next = "default";
const t = e.target.closest && e.target.closest("[data-cursor]");
if (t) {
next = t.getAttribute("data-cursor") || "hover";
} else if (e.target.closest && e.target.closest("a, button, .pill, .tweak-opt, [role='button']")) {
next = "hover";
} else if (e.target.matches && e.target.matches("input, textarea")) {
next = "text";
}
if (next !== lastState) {
lastState = next;
setState(next);
}
};
window.addEventListener("mouseover", onOver);
return () => {
cancelAnimationFrame(raf);
window.removeEventListener("mousemove", onMove);
window.removeEventListener("mouseover", onOver);
};
}, [enabled]);
if (!enabled) return null;
return (
);
}
function TaxiSVG() {
return (
);
}
window.Cursor = Cursor;