@remotion/rough-notation 4.0.528 → 4.0.530

package/dist/esm/index.mjs

@@ -1,5 +1,5 @@
 // src/Annotation.tsx
-import React2, { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo3 } from "react";
 import {
   Interactive,
   Freeze,
@@ -100,6 +100,9 @@ var useElementSize = (ref) => {
 };
 
 // ../paths/dist/esm/index.mjs
+import {
+  interpolate
+} from "remotion/no-react";
 var tValues = [
   [],
   [],
@@ -2913,6 +2916,7 @@ var makeAnnotationComponent = ({
     styleWhilePostmounted,
     trimBefore,
     playbackRate,
+    loop,
     freeze,
     hidden,
     name,
@@ -2935,7 +2939,6 @@ var makeAnnotationComponent = ({
     const annotation = useMemo3(() => {
       return createAnnotation();
     }, []);
-    const outlineRef = React2.useRef(null);
     const config = disabled ? { type: "none" } : { ...configProps, type };
     const annotationElement = /* @__PURE__ */ jsx3(annotation.Annotation, {
       ...config,
@@ -2960,7 +2963,11 @@ var makeAnnotationComponent = ({
       premountingStyle
     } = Internals.usePremounting({
       from: from ?? 0,
-      durationInFrames: durationInFrames ?? Infinity,
+      durationInFrames: Internals.resolveSequenceDuration({
+        durationInFrames,
+        playbackRate,
+        loop
+      }),
       premountFor: premountFor ?? null,
       postmountFor: postmountFor ?? null,
       style: null,
@@ -2976,6 +2983,7 @@ var makeAnnotationComponent = ({
         from: from ?? 0,
         trimBefore,
         playbackRate,
+        loop,
         durationInFrames: durationInFrames ?? Infinity,
         freeze,
         hidden,
@@ -2983,13 +2991,11 @@ var makeAnnotationComponent = ({
         showInTimeline: showInTimeline ?? true,
         controls,
         _remotionInternalDocumentationLink: `https://www.remotion.dev/docs/rough-notation/${documentationSlug}`,
-        outlineRef,
         _remotionInternalPremountDisplay: effectivePremountFor || null,
         _remotionInternalPostmountDisplay: effectivePostmountFor || null,
         _remotionInternalIsPremounting: premountingActive,
         _remotionInternalIsPostmounting: postmountingActive,
         children: /* @__PURE__ */ jsx3("span", {
-          ref: outlineRef,
           style: {
             display: "inline-block",
             position: "relative",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/rough-notation",
-	"version": "4.0.528",
+	"version": "4.0.530",
 	"description": "Rough annotation primitives for Remotion",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -26,8 +26,8 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"@remotion/paths": "4.0.528",
-		"remotion": "4.0.528",
+		"@remotion/paths": "4.0.530",
+		"remotion": "4.0.530",
 		"roughjs": "4.6.6"
 	},
 	"peerDependencies": {
@@ -45,7 +45,7 @@
 	"devDependencies": {
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"@remotion/eslint-config-internal": "4.0.528",
+		"@remotion/eslint-config-internal": "4.0.530",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},