rocket-cursor-component 2.1.1 → 2.2.0

package/dist/index.cjs

@@ -0,0 +1,452 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  CursorFollower: () => cursorFollower_default,
+  RocketCursor: () => rocket_Cursor_default,
+  default: () => rocket_Cursor_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/rocket.Cursor.tsx
+var import_react2 = require("react");
+
+// src/cursorFollower.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var getMediaQueryMatch = (query) => typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(query).matches : false;
+var subscribeToMediaQuery = (mediaQueryList, listener) => {
+  if (typeof mediaQueryList.addEventListener === "function") {
+    mediaQueryList.addEventListener("change", listener);
+    return () => mediaQueryList.removeEventListener("change", listener);
+  }
+  mediaQueryList.addListener(listener);
+  return () => mediaQueryList.removeListener(listener);
+};
+var useMediaQueryMatch = (query) => {
+  const [matches, setMatches] = (0, import_react.useState)(() => getMediaQueryMatch(query));
+  (0, import_react.useEffect)(() => {
+    if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+      return;
+    }
+    const mediaQueryList = window.matchMedia(query);
+    const updateMatch = () => {
+      setMatches(mediaQueryList.matches);
+    };
+    updateMatch();
+    return subscribeToMediaQuery(mediaQueryList, updateMatch);
+  }, [query]);
+  return matches;
+};
+var rotatePoint = (x, y, angleInDegrees) => {
+  const angleInRadians = angleInDegrees * (Math.PI / 180);
+  const cos = Math.cos(angleInRadians);
+  const sin = Math.sin(angleInRadians);
+  return {
+    x: x * cos - y * sin,
+    y: x * sin + y * cos
+  };
+};
+var resolveClassName = (className, wrapperClassName) => [className, wrapperClassName].filter(Boolean).join(" ") || void 0;
+var CursorFollower = ({
+  anchorOffset = { x: 0, y: 0 },
+  children,
+  className,
+  disabled = false,
+  disableOnCoarsePointer = true,
+  excludeSelector = ".no-rocket-cursor",
+  followSpeed = 0.18,
+  height = 48,
+  hideCursor = false,
+  isVisible = true,
+  movingTimeout = 300,
+  respectReducedMotion = true,
+  rotateWithMovement = true,
+  rotationOffset = 0,
+  threshold = 10,
+  width = 48,
+  wrapperProps,
+  zIndex = 9999
+}) => {
+  const wrapperRef = (0, import_react.useRef)(null);
+  const contentRef = (0, import_react.useRef)(null);
+  const target = (0, import_react.useRef)({
+    x: typeof window !== "undefined" ? window.innerWidth / 2 : 0,
+    y: typeof window !== "undefined" ? window.innerHeight / 2 : 0
+  });
+  const current = (0, import_react.useRef)({ ...target.current });
+  const angleRef = (0, import_react.useRef)(0);
+  const lastSignificantPosition = (0, import_react.useRef)({ ...target.current });
+  const rafRef = (0, import_react.useRef)(null);
+  const hideTimeoutRef = (0, import_react.useRef)(null);
+  const isMovingRef = (0, import_react.useRef)(false);
+  const [isMoving, setIsMoving] = (0, import_react.useState)(false);
+  const prefersReducedMotion = useMediaQueryMatch("(prefers-reduced-motion: reduce)");
+  const hasCoarsePointer = useMediaQueryMatch("(pointer: coarse)");
+  const isInteractionDisabled = disabled || disableOnCoarsePointer && hasCoarsePointer || respectReducedMotion && prefersReducedMotion;
+  const [visible, setVisible] = (0, import_react.useState)(isVisible && !isInteractionDisabled);
+  (0, import_react.useEffect)(() => {
+    setVisible(isVisible && !isInteractionDisabled);
+  }, [isInteractionDisabled, isVisible]);
+  (0, import_react.useEffect)(() => {
+    if (!hideCursor || isInteractionDisabled) {
+      return;
+    }
+    const previousCursor = document.body.style.cursor;
+    document.body.style.cursor = "none";
+    return () => {
+      document.body.style.cursor = previousCursor;
+    };
+  }, [hideCursor, isInteractionDisabled]);
+  const stopMoving = (0, import_react.useCallback)(() => {
+    if (!isMovingRef.current) {
+      return;
+    }
+    isMovingRef.current = false;
+    setIsMoving(false);
+  }, []);
+  const handleMouseMove = (0, import_react.useCallback)(
+    (event) => {
+      const targetElement = event.target instanceof Element ? event.target : null;
+      const exclude = excludeSelector ? targetElement?.closest(excludeSelector) : null;
+      const shouldShow = !exclude && isVisible && !isInteractionDisabled;
+      setVisible(
+        (currentVisible) => currentVisible === shouldShow ? currentVisible : shouldShow
+      );
+      if (!shouldShow) {
+        stopMoving();
+        return;
+      }
+      target.current.x = event.clientX;
+      target.current.y = event.clientY;
+      const dx = target.current.x - lastSignificantPosition.current.x;
+      const dy = target.current.y - lastSignificantPosition.current.y;
+      const distance = Math.hypot(dx, dy);
+      if (distance > threshold) {
+        angleRef.current = Math.atan2(dy, dx) * (180 / Math.PI);
+        lastSignificantPosition.current = {
+          x: target.current.x,
+          y: target.current.y
+        };
+      }
+      if (!isMovingRef.current) {
+        isMovingRef.current = true;
+        setIsMoving(true);
+      }
+      if (hideTimeoutRef.current) {
+        window.clearTimeout(hideTimeoutRef.current);
+      }
+      hideTimeoutRef.current = window.setTimeout(stopMoving, movingTimeout);
+    },
+    [excludeSelector, isInteractionDisabled, isVisible, movingTimeout, stopMoving, threshold]
+  );
+  const handleMouseOut = (0, import_react.useCallback)(
+    (event) => {
+      const relatedTarget = event.relatedTarget instanceof Element ? event.relatedTarget : null;
+      if (!relatedTarget || relatedTarget.nodeName === "HTML") {
+        setVisible(false);
+        stopMoving();
+      }
+    },
+    [stopMoving]
+  );
+  const handleVisibilityChange = (0, import_react.useCallback)(() => {
+    if (document.visibilityState === "visible") {
+      setVisible(isVisible && !isInteractionDisabled);
+      return;
+    }
+    setVisible(false);
+    stopMoving();
+  }, [isInteractionDisabled, isVisible, stopMoving]);
+  (0, import_react.useEffect)(() => {
+    if (isInteractionDisabled) {
+      setVisible(false);
+      stopMoving();
+      return;
+    }
+    window.addEventListener("mousemove", handleMouseMove, { passive: true });
+    document.addEventListener("mouseout", handleMouseOut);
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    const step = () => {
+      const lerp = Math.min(Math.max(followSpeed, 0), 1);
+      const dx = target.current.x - current.current.x;
+      const dy = target.current.y - current.current.y;
+      const distanceToTarget = Math.hypot(dx, dy);
+      if (distanceToTarget < 0.5) {
+        current.current.x = target.current.x;
+        current.current.y = target.current.y;
+      } else {
+        current.current.x += dx * lerp;
+        current.current.y += dy * lerp;
+      }
+      const totalAngle = (rotateWithMovement ? angleRef.current : 0) + rotationOffset;
+      const rotatedAnchorOffset = rotatePoint(
+        anchorOffset.x,
+        anchorOffset.y,
+        totalAngle
+      );
+      const wrapper = wrapperRef.current;
+      const content = contentRef.current;
+      if (wrapper) {
+        wrapper.style.transform = `translate3d(${current.current.x - rotatedAnchorOffset.x}px, ${current.current.y - rotatedAnchorOffset.y}px, 0) translate(-50%, -50%)`;
+      }
+      if (content) {
+        content.style.transform = `rotate(${totalAngle}deg)`;
+      }
+      rafRef.current = requestAnimationFrame(step);
+    };
+    rafRef.current = requestAnimationFrame(step);
+    return () => {
+      window.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseout", handleMouseOut);
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+      if (rafRef.current) {
+        cancelAnimationFrame(rafRef.current);
+      }
+      if (hideTimeoutRef.current) {
+        window.clearTimeout(hideTimeoutRef.current);
+      }
+    };
+  }, [
+    anchorOffset.x,
+    anchorOffset.y,
+    followSpeed,
+    handleMouseMove,
+    handleMouseOut,
+    handleVisibilityChange,
+    isInteractionDisabled,
+    rotateWithMovement,
+    rotationOffset,
+    stopMoving
+  ]);
+  const wrapperStyle = (0, import_react.useMemo)(
+    () => ({
+      display: visible ? "block" : "none",
+      height: `${height}px`,
+      left: 0,
+      pointerEvents: "none",
+      position: "fixed",
+      top: 0,
+      width: `${width}px`,
+      willChange: "transform",
+      zIndex
+    }),
+    [height, visible, width, zIndex]
+  );
+  const contentStyle = (0, import_react.useMemo)(
+    () => ({
+      display: "block",
+      height: "100%",
+      transformOrigin: "center center",
+      width: "100%",
+      willChange: "transform"
+    }),
+    []
+  );
+  if (!visible) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "aria-hidden": "true",
+      ...wrapperProps,
+      className: resolveClassName(className, wrapperProps?.className),
+      ref: wrapperRef,
+      style: wrapperStyle,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: contentRef, style: contentStyle, children: typeof children === "function" ? children({ isMoving, visible }) : children })
+    }
+  );
+};
+var cursorFollower_default = CursorFollower;
+
+// src/rocket.Cursor.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var FlameSvg = ({ gradientId }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { transform: "translate(1.2245, 350.449) rotate(45) scale(0.5, -0.5)", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "linearGradient",
+    {
+      id: gradientId,
+      gradientUnits: "userSpaceOnUse",
+      x1: "94.141",
+      y1: "255",
+      x2: "94.141",
+      y2: "0.188",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("stop", { offset: "0", stopColor: "#ff4c0d" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("stop", { offset: "1", stopColor: "#fc9502" })
+      ]
+    }
+  ) }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "path",
+    {
+      d: "M187.899,164.809 C185.803,214.868 144.574,254.812 94.000,254.812 C42.085,254.812 -0.000,211.312 -0.000,160.812 C-0.000,154.062 -0.121,140.572 10.000,117.812 C16.057,104.191 19.856,95.634 22.000,87.812 C23.178,83.513 25.469,76.683 32.000,87.812 C35.851,94.374 36.000,103.812 36.000,103.812 C36.000,103.812 50.328,92.817 60.000,71.812 C74.179,41.019 62.866,22.612 59.000,9.812 C57.662,5.384 56.822,-2.574 66.000,0.812 C75.352,4.263 100.076,21.570 113.000,39.812 C131.445,65.847 138.000,90.812 138.000,90.812 C138.000,90.812 143.906,83.482 146.000,75.812 C148.365,67.151 148.400,58.573 155.999,67.813 C163.226,76.600 173.959,93.113 180.000,108.812 C190.969,137.321 187.899,164.809 187.899,164.809 Z",
+      fill: `url(#${gradientId})`,
+      fillRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "path",
+    {
+      d: "M94.000,254.812 C58.101,254.812 29.000,225.711 29.000,189.812 C29.000,168.151 37.729,155.000 55.896,137.166 C67.528,125.747 78.415,111.722 83.042,102.172 C83.953,100.292 86.026,90.495 94.019,101.966 C98.212,107.982 104.785,118.681 109.000,127.812 C116.266,143.555 118.000,158.812 118.000,158.812 C118.000,158.812 125.121,154.616 130.000,143.812 C131.573,140.330 134.753,127.148 143.643,140.328 C150.166,150.000 159.127,167.390 159.000,189.812 C159.000,225.711 129.898,254.812 94.000,254.812 Z",
+      fill: "#fc9502",
+      fillRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "path",
+    {
+      d: "M95.000,183.812 C104.250,183.812 104.250,200.941 116.000,223.812 C123.824,239.041 112.121,254.812 95.000,254.812 C77.879,254.812 69.000,240.933 69.000,223.812 C69.000,206.692 85.750,183.812 95.000,183.812 Z",
+      fill: "#fce202",
+      fillRule: "evenodd"
+    }
+  )
+] });
+var RocketSvg = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { transform: "translate(0, 0)", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "path",
+    {
+      style: { fill: "#FF7124" },
+      d: "M399.76,16.699c10.12,37.84,8.67,78.13-4.34,115.28h-0.01L284.48,21.049v-0.01 C321.63,8.029,361.92,6.579,399.76,16.699z"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "path",
+    {
+      style: { fill: "#F2D59F" },
+      d: "M90.21,207.929l87.14-101.42h0.01l33.71-39.24c21.43-21.43,46.6-36.84,73.41-46.23v0.01 l110.93,110.93h0.01c-9.39,26.81-24.8,51.98-46.23,73.41l-39.24,33.71l-101.43,87.14l-29.57-29.57l-29.58-29.58l-29.58-29.58 L90.21,207.929z M296.11,193.399c20.18-20.17,20.18-52.89,0-73.06c-20.17-20.18-52.89-20.18-73.06,0 c-20.18,20.17-20.18,52.89,0,73.06C243.22,213.579,275.94,213.579,296.11,193.399z"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "path",
+    {
+      style: { fill: "#F2D59F" },
+      d: "M309.95,239.099c1.74,45.6-14.8,91.78-49.61,126.59c-10.69,10.68-22.44,19.65-34.93,26.89 l-16.89-66.34L309.95,239.099z"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "path",
+    {
+      style: { fill: "#8ECAC1" },
+      d: "M296.11,120.339c20.18,20.17,20.18,52.89,0,73.06c-20.17,20.18-52.89,20.18-73.06,0 c-20.18-20.17-20.18-52.89,0-73.06C243.22,100.159,275.94,100.159,296.11,120.339z"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "path",
+    {
+      style: { fill: "#E6B263" },
+      d: "M208.52,326.239l-39.94,14.71c-10.98,4.05-23.31,1.34-31.58-6.94l-6.85-6.85l48.8-30.49 L208.52,326.239z"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "polygon",
+    {
+      style: { fill: "#E6B263" },
+      points: "178.95,296.669 130.15,327.159 130.14,327.159 109.72,306.739 149.37,267.089"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "path",
+    {
+      style: { fill: "#F2D59F" },
+      d: "M177.35,106.509l-87.14,101.42l-66.33-16.88c7.24-12.49,16.21-24.24,26.89-34.93 C85.58,121.309,131.74,104.769,177.35,106.509z"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "polygon",
+    {
+      style: { fill: "#E6B263" },
+      points: "149.37,267.089 109.72,306.739 89.3,286.309 119.79,237.509"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "path",
+    {
+      style: { fill: "#E6B263" },
+      d: "M119.79,237.509l-30.49,48.8l-6.86-6.85c-8.27-8.28-10.98-20.6-6.94-31.58l14.71-39.95 L119.79,237.509z"
+    }
+  )
+] });
+var RocketCursor = ({
+  className,
+  disabled = false,
+  disableOnCoarsePointer = true,
+  excludeSelector = ".no-rocket-cursor",
+  respectReducedMotion = true,
+  flameHideTimeout = 300,
+  size = 50,
+  isVisible = true,
+  hideCursor = false,
+  followSpeed = 0.18,
+  threshold = 10,
+  zIndex = 9999
+}) => {
+  const gradientId = (0, import_react2.useId)();
+  const svgStyle = {
+    display: "block",
+    height: "100%",
+    width: "100%"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    cursorFollower_default,
+    {
+      anchorOffset: {
+        x: size * 0.35 / Math.SQRT2,
+        y: -size * 0.35 / Math.SQRT2
+      },
+      className,
+      disabled,
+      disableOnCoarsePointer,
+      excludeSelector,
+      followSpeed,
+      height: size * 1.5,
+      hideCursor,
+      isVisible,
+      movingTimeout: flameHideTimeout,
+      respectReducedMotion,
+      rotationOffset: 45,
+      threshold,
+      width: size,
+      wrapperProps: { "data-rocket-cursor": "" },
+      zIndex,
+      children: ({ isMoving }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 416.449 516.449",
+          style: svgStyle,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { style: { opacity: isMoving ? 1 : 0, transition: "opacity 0.1s" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FlameSvg, { gradientId }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RocketSvg, {})
+          ]
+        }
+      )
+    }
+  );
+};
+var rocket_Cursor_default = RocketCursor;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CursorFollower,
+  RocketCursor
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/rocket.Cursor.tsx","../src/cursorFollower.tsx"],"sourcesContent":["export { default, default as RocketCursor } from \"./rocket.Cursor\";\nexport type { RocketCursorProps } from \"./rocket.Cursor\";\nexport { default as CursorFollower } from \"./cursorFollower\";\nexport type {\n  CursorFollowerBaseProps,\n  CursorFollowerProps,\n  CursorFollowerRenderState,\n} from \"./cursorFollower\";\n","import { useId } from \"react\";\nimport CursorFollower, { type CursorFollowerBaseProps } from \"./cursorFollower\";\n\nexport type RocketCursorProps = CursorFollowerBaseProps & {\n  flameHideTimeout?: number;\n  size?: number;\n};\n\n// SVG components for flame and rocket visuals\nconst FlameSvg = ({ gradientId }: { gradientId: string }) => (\n  <g transform=\"translate(1.2245, 350.449) rotate(45) scale(0.5, -0.5)\">\n    <defs>\n      <linearGradient\n        id={gradientId}\n        gradientUnits=\"userSpaceOnUse\"\n        x1=\"94.141\"\n        y1=\"255\"\n        x2=\"94.141\"\n        y2=\"0.188\"\n      >\n        <stop offset=\"0\" stopColor=\"#ff4c0d\" />\n        <stop offset=\"1\" stopColor=\"#fc9502\" />\n      </linearGradient>\n    </defs>\n    <path\n      d=\"M187.899,164.809 C185.803,214.868 144.574,254.812 94.000,254.812 C42.085,254.812 -0.000,211.312 -0.000,160.812 C-0.000,154.062 -0.121,140.572 10.000,117.812 C16.057,104.191 19.856,95.634 22.000,87.812 C23.178,83.513 25.469,76.683 32.000,87.812 C35.851,94.374 36.000,103.812 36.000,103.812 C36.000,103.812 50.328,92.817 60.000,71.812 C74.179,41.019 62.866,22.612 59.000,9.812 C57.662,5.384 56.822,-2.574 66.000,0.812 C75.352,4.263 100.076,21.570 113.000,39.812 C131.445,65.847 138.000,90.812 138.000,90.812 C138.000,90.812 143.906,83.482 146.000,75.812 C148.365,67.151 148.400,58.573 155.999,67.813 C163.226,76.600 173.959,93.113 180.000,108.812 C190.969,137.321 187.899,164.809 187.899,164.809 Z\"\n      fill={`url(#${gradientId})`}\n      fillRule=\"evenodd\"\n    />\n    <path\n      d=\"M94.000,254.812 C58.101,254.812 29.000,225.711 29.000,189.812 C29.000,168.151 37.729,155.000 55.896,137.166 C67.528,125.747 78.415,111.722 83.042,102.172 C83.953,100.292 86.026,90.495 94.019,101.966 C98.212,107.982 104.785,118.681 109.000,127.812 C116.266,143.555 118.000,158.812 118.000,158.812 C118.000,158.812 125.121,154.616 130.000,143.812 C131.573,140.330 134.753,127.148 143.643,140.328 C150.166,150.000 159.127,167.390 159.000,189.812 C159.000,225.711 129.898,254.812 94.000,254.812 Z\"\n      fill=\"#fc9502\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      d=\"M95.000,183.812 C104.250,183.812 104.250,200.941 116.000,223.812 C123.824,239.041 112.121,254.812 95.000,254.812 C77.879,254.812 69.000,240.933 69.000,223.812 C69.000,206.692 85.750,183.812 95.000,183.812 Z\"\n      fill=\"#fce202\"\n      fillRule=\"evenodd\"\n    />\n  </g>\n);\n\nconst RocketSvg = () => (\n  <g transform=\"translate(0, 0)\">\n    <path\n      style={{ fill: \"#FF7124\" }}\n      d=\"M399.76,16.699c10.12,37.84,8.67,78.13-4.34,115.28h-0.01L284.48,21.049v-0.01 C321.63,8.029,361.92,6.579,399.76,16.699z\"\n    />\n    <path\n      style={{ fill: \"#F2D59F\" }}\n      d=\"M90.21,207.929l87.14-101.42h0.01l33.71-39.24c21.43-21.43,46.6-36.84,73.41-46.23v0.01 l110.93,110.93h0.01c-9.39,26.81-24.8,51.98-46.23,73.41l-39.24,33.71l-101.43,87.14l-29.57-29.57l-29.58-29.58l-29.58-29.58 L90.21,207.929z M296.11,193.399c20.18-20.17,20.18-52.89,0-73.06c-20.17-20.18-52.89-20.18-73.06,0 c-20.18,20.17-20.18,52.89,0,73.06C243.22,213.579,275.94,213.579,296.11,193.399z\"\n    />\n    <path\n      style={{ fill: \"#F2D59F\" }}\n      d=\"M309.95,239.099c1.74,45.6-14.8,91.78-49.61,126.59c-10.69,10.68-22.44,19.65-34.93,26.89 l-16.89-66.34L309.95,239.099z\"\n    />\n    <path\n      style={{ fill: \"#8ECAC1\" }}\n      d=\"M296.11,120.339c20.18,20.17,20.18,52.89,0,73.06c-20.17,20.18-52.89,20.18-73.06,0 c-20.18-20.17-20.18-52.89,0-73.06C243.22,100.159,275.94,100.159,296.11,120.339z\"\n    />\n    <path\n      style={{ fill: \"#E6B263\" }}\n      d=\"M208.52,326.239l-39.94,14.71c-10.98,4.05-23.31,1.34-31.58-6.94l-6.85-6.85l48.8-30.49 L208.52,326.239z\"\n    />\n    <polygon\n      style={{ fill: \"#E6B263\" }}\n      points=\"178.95,296.669 130.15,327.159 130.14,327.159 109.72,306.739 149.37,267.089\"\n    />\n    <path\n      style={{ fill: \"#F2D59F\" }}\n      d=\"M177.35,106.509l-87.14,101.42l-66.33-16.88c7.24-12.49,16.21-24.24,26.89-34.93 C85.58,121.309,131.74,104.769,177.35,106.509z\"\n    />\n    <polygon\n      style={{ fill: \"#E6B263\" }}\n      points=\"149.37,267.089 109.72,306.739 89.3,286.309 119.79,237.509\"\n    />\n    <path\n      style={{ fill: \"#E6B263\" }}\n      d=\"M119.79,237.509l-30.49,48.8l-6.86-6.85c-8.27-8.28-10.98-20.6-6.94-31.58l14.71-39.95 L119.79,237.509z\"\n    />\n  </g>\n);\n\nconst RocketCursor = ({\n  className,\n  disabled = false,\n  disableOnCoarsePointer = true,\n  excludeSelector = \".no-rocket-cursor\",\n  respectReducedMotion = true,\n  flameHideTimeout = 300,\n  size = 50,\n  isVisible = true,\n  hideCursor = false,\n  followSpeed = 0.18,\n  threshold = 10,\n  zIndex = 9999,\n}: RocketCursorProps) => {\n  const gradientId = useId();\n  const svgStyle = {\n    display: \"block\",\n    height: \"100%\",\n    width: \"100%\",\n  };\n\n  return (\n    <CursorFollower\n      anchorOffset={{\n        x: (size * 0.35) / Math.SQRT2,\n        y: (-size * 0.35) / Math.SQRT2,\n      }}\n      className={className}\n      disabled={disabled}\n      disableOnCoarsePointer={disableOnCoarsePointer}\n      excludeSelector={excludeSelector}\n      followSpeed={followSpeed}\n      height={size * 1.5}\n      hideCursor={hideCursor}\n      isVisible={isVisible}\n      movingTimeout={flameHideTimeout}\n      respectReducedMotion={respectReducedMotion}\n      rotationOffset={45}\n      threshold={threshold}\n      width={size}\n      wrapperProps={{ \"data-rocket-cursor\": \"\" }}\n      zIndex={zIndex}\n    >\n      {({ isMoving }) => (\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 416.449 516.449\"\n          style={svgStyle}\n        >\n          <g style={{ opacity: isMoving ? 1 : 0, transition: \"opacity 0.1s\" }}>\n            <FlameSvg gradientId={gradientId} />\n          </g>\n          <RocketSvg />\n        </svg>\n      )}\n    </CursorFollower>\n  );\n};\n\nexport default RocketCursor;\n","import {\n  type HTMLAttributes,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nexport type CursorFollowerRenderState = {\n  isMoving: boolean;\n  visible: boolean;\n};\n\nexport type CursorFollowerBaseProps = {\n  className?: string;\n  disabled?: boolean;\n  disableOnCoarsePointer?: boolean;\n  excludeSelector?: string;\n  followSpeed?: number;\n  hideCursor?: boolean;\n  isVisible?: boolean;\n  respectReducedMotion?: boolean;\n  threshold?: number;\n  zIndex?: number;\n};\n\ntype CursorFollowerDataAttributes = {\n  [key: `data-${string}`]: string | number | boolean | undefined;\n};\n\nexport type CursorFollowerProps = CursorFollowerBaseProps & {\n  anchorOffset?: {\n    x: number;\n    y: number;\n  };\n  children: ReactNode | ((state: CursorFollowerRenderState) => ReactNode);\n  movingTimeout?: number;\n  rotateWithMovement?: boolean;\n  rotationOffset?: number;\n  height?: number;\n  width?: number;\n  wrapperProps?: Omit<HTMLAttributes<HTMLDivElement>, \"children\" | \"style\"> &\n    CursorFollowerDataAttributes;\n};\n\nconst getMediaQueryMatch = (query: string) =>\n  typeof window !== \"undefined\" && typeof window.matchMedia === \"function\"\n    ? window.matchMedia(query).matches\n    : false;\n\nconst subscribeToMediaQuery = (\n  mediaQueryList: MediaQueryList,\n  listener: () => void\n) => {\n  if (typeof mediaQueryList.addEventListener === \"function\") {\n    mediaQueryList.addEventListener(\"change\", listener);\n\n    return () => mediaQueryList.removeEventListener(\"change\", listener);\n  }\n\n  mediaQueryList.addListener(listener);\n\n  return () => mediaQueryList.removeListener(listener);\n};\n\nconst useMediaQueryMatch = (query: string) => {\n  const [matches, setMatches] = useState(() => getMediaQueryMatch(query));\n\n  useEffect(() => {\n    if (typeof window === \"undefined\" || typeof window.matchMedia !== \"function\") {\n      return;\n    }\n\n    const mediaQueryList = window.matchMedia(query);\n    const updateMatch = () => {\n      setMatches(mediaQueryList.matches);\n    };\n\n    updateMatch();\n\n    return subscribeToMediaQuery(mediaQueryList, updateMatch);\n  }, [query]);\n\n  return matches;\n};\n\nconst rotatePoint = (x: number, y: number, angleInDegrees: number) => {\n  const angleInRadians = angleInDegrees * (Math.PI / 180);\n  const cos = Math.cos(angleInRadians);\n  const sin = Math.sin(angleInRadians);\n\n  return {\n    x: x * cos - y * sin,\n    y: x * sin + y * cos,\n  };\n};\n\nconst resolveClassName = (\n  className?: string,\n  wrapperClassName?: string\n) => [className, wrapperClassName].filter(Boolean).join(\" \") || undefined;\n\nconst CursorFollower = ({\n  anchorOffset = { x: 0, y: 0 },\n  children,\n  className,\n  disabled = false,\n  disableOnCoarsePointer = true,\n  excludeSelector = \".no-rocket-cursor\",\n  followSpeed = 0.18,\n  height = 48,\n  hideCursor = false,\n  isVisible = true,\n  movingTimeout = 300,\n  respectReducedMotion = true,\n  rotateWithMovement = true,\n  rotationOffset = 0,\n  threshold = 10,\n  width = 48,\n  wrapperProps,\n  zIndex = 9999,\n}: CursorFollowerProps) => {\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const target = useRef({\n    x: typeof window !== \"undefined\" ? window.innerWidth / 2 : 0,\n    y: typeof window !== \"undefined\" ? window.innerHeight / 2 : 0,\n  });\n  const current = useRef({ ...target.current });\n  const angleRef = useRef(0);\n  const lastSignificantPosition = useRef({ ...target.current });\n  const rafRef = useRef<number | null>(null);\n  const hideTimeoutRef = useRef<number | null>(null);\n  const isMovingRef = useRef(false);\n  const [isMoving, setIsMoving] = useState(false);\n  const prefersReducedMotion = useMediaQueryMatch(\"(prefers-reduced-motion: reduce)\");\n  const hasCoarsePointer = useMediaQueryMatch(\"(pointer: coarse)\");\n  const isInteractionDisabled =\n    disabled ||\n    (disableOnCoarsePointer && hasCoarsePointer) ||\n    (respectReducedMotion && prefersReducedMotion);\n  const [visible, setVisible] = useState(isVisible && !isInteractionDisabled);\n\n  useEffect(() => {\n    setVisible(isVisible && !isInteractionDisabled);\n  }, [isInteractionDisabled, isVisible]);\n\n  useEffect(() => {\n    if (!hideCursor || isInteractionDisabled) {\n      return;\n    }\n\n    const previousCursor = document.body.style.cursor;\n    document.body.style.cursor = \"none\";\n\n    return () => {\n      document.body.style.cursor = previousCursor;\n    };\n  }, [hideCursor, isInteractionDisabled]);\n\n  const stopMoving = useCallback(() => {\n    if (!isMovingRef.current) {\n      return;\n    }\n\n    isMovingRef.current = false;\n    setIsMoving(false);\n  }, []);\n\n  const handleMouseMove = useCallback(\n    (event: MouseEvent) => {\n      const targetElement = event.target instanceof Element ? event.target : null;\n      const exclude = excludeSelector ? targetElement?.closest(excludeSelector) : null;\n      const shouldShow = !exclude && isVisible && !isInteractionDisabled;\n\n      setVisible((currentVisible) =>\n        currentVisible === shouldShow ? currentVisible : shouldShow\n      );\n\n      if (!shouldShow) {\n        stopMoving();\n        return;\n      }\n\n      target.current.x = event.clientX;\n      target.current.y = event.clientY;\n\n      const dx = target.current.x - lastSignificantPosition.current.x;\n      const dy = target.current.y - lastSignificantPosition.current.y;\n      const distance = Math.hypot(dx, dy);\n\n      if (distance > threshold) {\n        angleRef.current = Math.atan2(dy, dx) * (180 / Math.PI);\n        lastSignificantPosition.current = {\n          x: target.current.x,\n          y: target.current.y,\n        };\n      }\n\n      if (!isMovingRef.current) {\n        isMovingRef.current = true;\n        setIsMoving(true);\n      }\n\n      if (hideTimeoutRef.current) {\n        window.clearTimeout(hideTimeoutRef.current);\n      }\n\n      hideTimeoutRef.current = window.setTimeout(stopMoving, movingTimeout);\n    },\n    [excludeSelector, isInteractionDisabled, isVisible, movingTimeout, stopMoving, threshold]\n  );\n\n  const handleMouseOut = useCallback(\n    (event: MouseEvent) => {\n      const relatedTarget = event.relatedTarget instanceof Element ? event.relatedTarget : null;\n\n      if (!relatedTarget || relatedTarget.nodeName === \"HTML\") {\n        setVisible(false);\n        stopMoving();\n      }\n    },\n    [stopMoving]\n  );\n\n  const handleVisibilityChange = useCallback(() => {\n    if (document.visibilityState === \"visible\") {\n      setVisible(isVisible && !isInteractionDisabled);\n      return;\n    }\n\n    setVisible(false);\n    stopMoving();\n  }, [isInteractionDisabled, isVisible, stopMoving]);\n\n  useEffect(() => {\n    if (isInteractionDisabled) {\n      setVisible(false);\n      stopMoving();\n      return;\n    }\n\n    window.addEventListener(\"mousemove\", handleMouseMove, { passive: true });\n    document.addEventListener(\"mouseout\", handleMouseOut);\n    document.addEventListener(\"visibilitychange\", handleVisibilityChange);\n\n    const step = () => {\n      const lerp = Math.min(Math.max(followSpeed, 0), 1);\n      const dx = target.current.x - current.current.x;\n      const dy = target.current.y - current.current.y;\n      const distanceToTarget = Math.hypot(dx, dy);\n\n      if (distanceToTarget < 0.5) {\n        current.current.x = target.current.x;\n        current.current.y = target.current.y;\n      } else {\n        current.current.x += dx * lerp;\n        current.current.y += dy * lerp;\n      }\n\n      const totalAngle =\n        (rotateWithMovement ? angleRef.current : 0) + rotationOffset;\n      const rotatedAnchorOffset = rotatePoint(\n        anchorOffset.x,\n        anchorOffset.y,\n        totalAngle\n      );\n      const wrapper = wrapperRef.current;\n      const content = contentRef.current;\n\n      if (wrapper) {\n        wrapper.style.transform = `translate3d(${current.current.x - rotatedAnchorOffset.x}px, ${\n          current.current.y - rotatedAnchorOffset.y\n        }px, 0) translate(-50%, -50%)`;\n      }\n\n      if (content) {\n        content.style.transform = `rotate(${totalAngle}deg)`;\n      }\n\n      rafRef.current = requestAnimationFrame(step);\n    };\n\n    rafRef.current = requestAnimationFrame(step);\n\n    return () => {\n      window.removeEventListener(\"mousemove\", handleMouseMove);\n      document.removeEventListener(\"mouseout\", handleMouseOut);\n      document.removeEventListener(\"visibilitychange\", handleVisibilityChange);\n\n      if (rafRef.current) {\n        cancelAnimationFrame(rafRef.current);\n      }\n\n      if (hideTimeoutRef.current) {\n        window.clearTimeout(hideTimeoutRef.current);\n      }\n    };\n  }, [\n    anchorOffset.x,\n    anchorOffset.y,\n    followSpeed,\n    handleMouseMove,\n    handleMouseOut,\n    handleVisibilityChange,\n    isInteractionDisabled,\n    rotateWithMovement,\n    rotationOffset,\n    stopMoving,\n  ]);\n\n  const wrapperStyle = useMemo(\n    () => ({\n      display: visible ? \"block\" : \"none\",\n      height: `${height}px`,\n      left: 0,\n      pointerEvents: \"none\" as const,\n      position: \"fixed\" as const,\n      top: 0,\n      width: `${width}px`,\n      willChange: \"transform\",\n      zIndex,\n    }),\n    [height, visible, width, zIndex]\n  );\n\n  const contentStyle = useMemo(\n    () => ({\n      display: \"block\",\n      height: \"100%\",\n      transformOrigin: \"center center\",\n      width: \"100%\",\n      willChange: \"transform\",\n    }),\n    []\n  );\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      {...wrapperProps}\n      className={resolveClassName(className, wrapperProps?.className)}\n      ref={wrapperRef}\n      style={wrapperStyle}\n    >\n      <div ref={contentRef} style={contentStyle}>\n        {typeof children === \"function\" ? children({ isMoving, visible }) : children}\n      </div>\n    </div>\n  );\n};\n\nexport default CursorFollower;\n"],"mappings":"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","names":["import_react","import_jsx_runtime"]}

package/dist/index.d.cts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, HTMLAttributes } from 'react';
+
+type CursorFollowerRenderState = {
+    isMoving: boolean;
+    visible: boolean;
+};
+type CursorFollowerBaseProps = {
+    className?: string;
+    disabled?: boolean;
+    disableOnCoarsePointer?: boolean;
+    excludeSelector?: string;
+    followSpeed?: number;
+    hideCursor?: boolean;
+    isVisible?: boolean;
+    respectReducedMotion?: boolean;
+    threshold?: number;
+    zIndex?: number;
+};
+type CursorFollowerDataAttributes = {
+    [key: `data-${string}`]: string | number | boolean | undefined;
+};
+type CursorFollowerProps = CursorFollowerBaseProps & {
+    anchorOffset?: {
+        x: number;
+        y: number;
+    };
+    children: ReactNode | ((state: CursorFollowerRenderState) => ReactNode);
+    movingTimeout?: number;
+    rotateWithMovement?: boolean;
+    rotationOffset?: number;
+    height?: number;
+    width?: number;
+    wrapperProps?: Omit<HTMLAttributes<HTMLDivElement>, "children" | "style"> & CursorFollowerDataAttributes;
+};
+declare const CursorFollower: ({ anchorOffset, children, className, disabled, disableOnCoarsePointer, excludeSelector, followSpeed, height, hideCursor, isVisible, movingTimeout, respectReducedMotion, rotateWithMovement, rotationOffset, threshold, width, wrapperProps, zIndex, }: CursorFollowerProps) => react_jsx_runtime.JSX.Element | null;
+
+type RocketCursorProps = CursorFollowerBaseProps & {
+    flameHideTimeout?: number;
+    size?: number;
+};
+declare const RocketCursor: ({ className, disabled, disableOnCoarsePointer, excludeSelector, respectReducedMotion, flameHideTimeout, size, isVisible, hideCursor, followSpeed, threshold, zIndex, }: RocketCursorProps) => react_jsx_runtime.JSX.Element;
+
+export { CursorFollower, type CursorFollowerBaseProps, type CursorFollowerProps, type CursorFollowerRenderState, RocketCursor, type RocketCursorProps, RocketCursor as default };

package/dist/index.d.ts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, HTMLAttributes } from 'react';
+
+type CursorFollowerRenderState = {
+    isMoving: boolean;
+    visible: boolean;
+};
+type CursorFollowerBaseProps = {
+    className?: string;
+    disabled?: boolean;
+    disableOnCoarsePointer?: boolean;
+    excludeSelector?: string;
+    followSpeed?: number;
+    hideCursor?: boolean;
+    isVisible?: boolean;
+    respectReducedMotion?: boolean;
+    threshold?: number;
+    zIndex?: number;
+};
+type CursorFollowerDataAttributes = {
+    [key: `data-${string}`]: string | number | boolean | undefined;
+};
+type CursorFollowerProps = CursorFollowerBaseProps & {
+    anchorOffset?: {
+        x: number;
+        y: number;
+    };
+    children: ReactNode | ((state: CursorFollowerRenderState) => ReactNode);
+    movingTimeout?: number;
+    rotateWithMovement?: boolean;
+    rotationOffset?: number;
+    height?: number;
+    width?: number;
+    wrapperProps?: Omit<HTMLAttributes<HTMLDivElement>, "children" | "style"> & CursorFollowerDataAttributes;
+};
+declare const CursorFollower: ({ anchorOffset, children, className, disabled, disableOnCoarsePointer, excludeSelector, followSpeed, height, hideCursor, isVisible, movingTimeout, respectReducedMotion, rotateWithMovement, rotationOffset, threshold, width, wrapperProps, zIndex, }: CursorFollowerProps) => react_jsx_runtime.JSX.Element | null;
+
+type RocketCursorProps = CursorFollowerBaseProps & {
+    flameHideTimeout?: number;
+    size?: number;
+};
+declare const RocketCursor: ({ className, disabled, disableOnCoarsePointer, excludeSelector, respectReducedMotion, flameHideTimeout, size, isVisible, hideCursor, followSpeed, threshold, zIndex, }: RocketCursorProps) => react_jsx_runtime.JSX.Element;
+
+export { CursorFollower, type CursorFollowerBaseProps, type CursorFollowerProps, type CursorFollowerRenderState, RocketCursor, type RocketCursorProps, RocketCursor as default };