@remotion/mac-cursors 4.0.527 → 4.0.529

package/dist/MacOSCursor.d.ts

@@ -1,7 +1,7 @@
 import type { CSSProperties } from 'react';
 import React from 'react';
-import type { InteractiveBaseProps, InteractivitySchema } from 'remotion';
-export type MacOSCursorProps = InteractiveBaseProps & {
+import type { InteractiveBaseProps, InteractivePremountProps, InteractivitySchema } from 'remotion';
+export type MacOSCursorProps = InteractiveBaseProps & InteractivePremountProps & {
     readonly cursor?: string;
     readonly customCursor?: string;
     readonly className?: string;

package/dist/esm/index.mjs

@@ -1,6 +1,12 @@
 // src/MacOSCursor.tsx
 import React from "react";
-import { Interactive, Sequence } from "remotion";
+import {
+  Freeze,
+  Sequence,
+  Interactive,
+  Internals,
+  useCurrentScale
+} from "remotion";
 
 // src/cursor-assets.ts
 var cursorAssets = {
@@ -215,6 +221,7 @@ var resolveCursor = (cursor) => {
 import { jsx } from "react/jsx-runtime";
 var macOSCursorSchema = {
   ...Interactive.baseSchema,
+  ...Interactive.premountSchema,
   cursor: {
     type: "enum",
     default: "default",
@@ -240,7 +247,12 @@ var MacOSCursorInner = ({
   style,
   durationInFrames,
   from,
+  premountFor,
+  postmountFor,
+  styleWhilePremounted,
+  styleWhilePostmounted,
   trimBefore,
+  playbackRate,
   freeze,
   hidden,
   name,
@@ -251,42 +263,70 @@ var MacOSCursorInner = ({
   const refForOutline = React.useRef(null);
   const width = resolved?.width ?? undefined;
   const height = resolved?.height ?? undefined;
-  return /* @__PURE__ */ jsx(Sequence, {
-    layout: "none",
+  const currentScale = useCurrentScale({ dontThrowIfOutsideOfRemotion: true });
+  const {
+    effectivePremountFor,
+    effectivePostmountFor,
+    freezeFrame,
+    isPremountingOrPostmounting,
+    premountingActive,
+    postmountingActive,
+    premountingStyle
+  } = Internals.usePremounting({
     from: from ?? 0,
-    trimBefore,
     durationInFrames: durationInFrames ?? Infinity,
-    freeze,
-    hidden,
-    name: name ?? "<MacOSCursor>",
-    showInTimeline: showInTimeline ?? true,
-    controls,
-    outlineRef: refForOutline,
-    children: resolved ? /* @__PURE__ */ jsx("svg", {
-      ref: refForOutline,
-      className,
-      width,
-      height,
-      viewBox: width && height ? `0 0 ${width} ${height}` : undefined,
-      xmlns: "http://www.w3.org/2000/svg",
-      style: {
-        display: "block",
-        position: "absolute",
-        width,
-        height,
-        overflow: "visible",
-        marginLeft: -resolved.hotspot.x,
-        marginTop: -resolved.hotspot.y,
-        transformOrigin: `${resolved.hotspot.x}px ${resolved.hotspot.y}px`,
-        ...style
-      },
-      children: /* @__PURE__ */ jsx("image", {
-        href: resolved.src,
+    premountFor: premountFor ?? null,
+    postmountFor: postmountFor ?? null,
+    style: style ?? null,
+    styleWhilePremounted: styleWhilePremounted ?? null,
+    styleWhilePostmounted: styleWhilePostmounted ?? null,
+    hideWhilePremounted: "opacity"
+  });
+  return /* @__PURE__ */ jsx(Freeze, {
+    frame: freezeFrame,
+    active: isPremountingOrPostmounting,
+    children: /* @__PURE__ */ jsx(Sequence, {
+      layout: "none",
+      from: from ?? 0,
+      trimBefore,
+      playbackRate,
+      durationInFrames: durationInFrames ?? Infinity,
+      freeze,
+      hidden,
+      name: name ?? "<MacOSCursor>",
+      showInTimeline: showInTimeline ?? true,
+      controls,
+      outlineRef: refForOutline,
+      _remotionInternalPremountDisplay: effectivePremountFor || null,
+      _remotionInternalPostmountDisplay: effectivePostmountFor || null,
+      _remotionInternalIsPremounting: premountingActive,
+      _remotionInternalIsPostmounting: postmountingActive,
+      children: resolved ? /* @__PURE__ */ jsx("svg", {
+        ref: refForOutline,
+        className,
         width,
         height,
-        preserveAspectRatio: "xMinYMin meet"
-      })
-    }) : null
+        viewBox: width && height ? `0 0 ${width} ${height}` : undefined,
+        xmlns: "http://www.w3.org/2000/svg",
+        style: {
+          display: "block",
+          position: "absolute",
+          width,
+          height,
+          overflow: "visible",
+          marginLeft: -resolved.hotspot.x,
+          marginTop: -resolved.hotspot.y,
+          transformOrigin: `${resolved.hotspot.x}px ${resolved.hotspot.y}px`,
+          ...premountingStyle
+        },
+        children: /* @__PURE__ */ jsx("image", {
+          href: resolved.src,
+          width,
+          height,
+          preserveAspectRatio: "xMinYMin meet"
+        }, cursor === "custom" ? currentScale : undefined)
+      }) : null
+    })
   });
 };
 var MacOSCursor = Interactive.withSchema({

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/mac-cursors",
-	"version": "4.0.527",
+	"version": "4.0.529",
 	"description": "macOS cursor components for Remotion",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -24,7 +24,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.527"
+		"remotion": "4.0.529"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -41,7 +41,7 @@
 	"devDependencies": {
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"@remotion/eslint-config-internal": "4.0.527",
+		"@remotion/eslint-config-internal": "4.0.529",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},