@remotion/promo-pages 4.0.465 → 4.0.466

package/dist/Homepage.js

@@ -2273,7 +2273,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.465";
+var VERSION = "4.0.466";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -3321,6 +3321,7 @@ var RegularSequenceRefForwardingFunction = ({
   _remotionInternalEffects,
   _remotionInternalLoopDisplay: loopDisplay,
   _remotionInternalStack: stack,
+  _remotionInternalDocumentationLink: documentationLink,
   _remotionInternalPremountDisplay: premountDisplay,
   _remotionInternalPostmountDisplay: postmountDisplay,
   _remotionInternalIsMedia: isMedia,
@@ -3391,6 +3392,7 @@ var RegularSequenceRefForwardingFunction = ({
   const timelineClipName = useMemo14(() => {
     return name ?? "";
   }, [name]);
+  const resolvedDocumentationLink = documentationLink ?? (name === undefined ? "https://www.remotion.dev/docs/sequence" : null);
   const env = useRemotionEnvironment();
   const inheritedStack = other?.stack ?? null;
   const stackRef = useRef6(null);
@@ -3406,6 +3408,7 @@ var RegularSequenceRefForwardingFunction = ({
           controls: controls ?? null,
           effects: _remotionInternalEffects ?? [],
           displayName: timelineClipName,
+          documentationLink: resolvedDocumentationLink,
           duration: actualDurationInFrames,
           from,
           id,
@@ -3425,6 +3428,7 @@ var RegularSequenceRefForwardingFunction = ({
           controls: controls ?? null,
           effects: _remotionInternalEffects ?? [],
           displayName: timelineClipName,
+          documentationLink: resolvedDocumentationLink,
           doesVolumeChange: isMedia.data.doesVolumeChange,
           duration: actualDurationInFrames,
           from,
@@ -3452,6 +3456,7 @@ var RegularSequenceRefForwardingFunction = ({
       duration: actualDurationInFrames,
       id,
       displayName: timelineClipName,
+      documentationLink: resolvedDocumentationLink,
       parent: parentSequence?.id ?? null,
       type: "sequence",
       rootId,
@@ -3486,7 +3491,8 @@ var RegularSequenceRefForwardingFunction = ({
     env.isStudio,
     controls,
     _remotionInternalEffects,
-    isMedia
+    isMedia,
+    resolvedDocumentationLink
   ]);
   const endThreshold = Math.ceil(cumulatedFrom + from + durationInFrames - 1);
   const content = absoluteFrame < cumulatedFrom + from ? null : absoluteFrame > endThreshold ? null : children;
@@ -4274,6 +4280,7 @@ var AnimatedImageInner = ({
     layout: "none",
     durationInFrames: resolvedDuration,
     name: "<AnimatedImage>",
+    _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/animatedimage",
     _experimentalControls: controls,
     _remotionInternalEffects: memoizedEffectDefinitions,
     ...sequenceProps,
@@ -4427,6 +4434,7 @@ var SolidOuter = forwardRef5(({
     _remotionInternalEffects: memoizedEffectDefinitions,
     durationInFrames,
     name: name ?? "<Solid>",
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/solid" : undefined,
     ...props,
     children: /* @__PURE__ */ jsx14(SolidInner, {
       ref,
@@ -4667,6 +4675,7 @@ var HtmlInCanvasInner = forwardRef6(({
   return /* @__PURE__ */ jsx15(Sequence, {
     durationInFrames: resolvedDuration,
     name: name ?? "<HtmlInCanvas>",
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/remotion/html-in-canvas" : undefined,
     _experimentalControls: controls,
     _remotionInternalEffects: memoizedEffectDefinitions,
     layout: "none",
@@ -4915,6 +4924,7 @@ var Loop = ({
       durationInFrames,
       from,
       name: name ?? "<Loop>",
+      _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/loop" : undefined,
       _remotionInternalLoopDisplay: loopDisplay,
       layout: props.layout,
       style,
@@ -6202,7 +6212,8 @@ var useMediaInTimeline = ({
   showInTimeline,
   premountDisplay,
   postmountDisplay,
-  loopDisplay
+  loopDisplay,
+  documentationLink
 }) => {
   const parentSequence = useContext24(SequenceContext);
   const startsAt = useMediaStartsAt();
@@ -6241,6 +6252,7 @@ var useMediaInTimeline = ({
       from: 0,
       parent: parentSequence?.id ?? null,
       displayName: finalDisplayName,
+      documentationLink,
       rootId,
       volume: volumes,
       showInTimeline: true,
@@ -6276,6 +6288,7 @@ var useMediaInTimeline = ({
     premountDisplay,
     postmountDisplay,
     loopDisplay,
+    documentationLink,
     rootId,
     finalDisplayName,
     isStudio
@@ -7359,7 +7372,8 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
     showInTimeline,
     premountDisplay: sequenceContext?.premountDisplay ?? null,
     postmountDisplay: sequenceContext?.postmountDisplay ?? null,
-    loopDisplay: undefined
+    loopDisplay: undefined,
+    documentationLink: name === undefined ? "https://www.remotion.dev/docs/html5-audio" : null
   });
   useMediaPlayback({
     mediaRef: audioRef,
@@ -7889,6 +7903,7 @@ var ImgInner = ({
     from: from ?? 0,
     durationInFrames: durationInFrames ?? Infinity,
     _remotionInternalStack: stack,
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/img" : undefined,
     _remotionInternalIsMedia: { type: "image", src },
     name: name ?? "<Img>",
     _experimentalControls: controls,
@@ -8059,6 +8074,7 @@ var createEffect = (definition) => {
   const { calculateKey: userCalculateKey, validateParams } = definition;
   const widened = {
     ...definition,
+    documentationLink: definition.documentationLink ?? null,
     calculateKey: (params) => {
       const disabled = params.disabled ?? false;
       return `${userCalculateKey(params)}-disabled-${disabled}`;
@@ -8737,7 +8753,8 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
     showInTimeline,
     premountDisplay: parentSequence?.premountDisplay ?? null,
     postmountDisplay: parentSequence?.postmountDisplay ?? null,
-    loopDisplay: undefined
+    loopDisplay: undefined,
+    documentationLink: name === undefined ? onlyWarnForMediaSeekingError ? "https://www.remotion.dev/docs/offthreadvideo" : "https://www.remotion.dev/docs/html5-video" : null
   });
   useMediaPlayback({
     mediaRef: videoRef,
@@ -9356,6 +9373,7 @@ var SeriesInner = (props2) => {
       startFrame += durationInFramesProp + offset;
       return /* @__PURE__ */ jsx35(Sequence, {
         name: name || "<Series.Sequence>",
+        _remotionInternalDocumentationLink: name ? undefined : "https://www.remotion.dev/docs/series",
         from: currentStartFrame,
         durationInFrames: durationInFramesProp,
         ...passedProps,
@@ -9368,6 +9386,7 @@ var SeriesInner = (props2) => {
     children: /* @__PURE__ */ jsx35(Sequence, {
       layout: "none",
       name: "<Series>",
+      _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/series",
       ...props2,
       children: childrenValue
     })
@@ -35118,6 +35137,7 @@ var AudioInner = (props) => {
     _remotionInternalStack: stack,
     _remotionInternalIsMedia: isMedia,
     name: name ?? "<Audio>",
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/media/audio" : undefined,
     _experimentalControls: controls,
     _remotionInternalLoopDisplay: loopDisplay,
     showInTimeline: showInTimeline ?? true,
@@ -36071,6 +36091,7 @@ var VideoInner = ({
     _remotionInternalStack: stack,
     _remotionInternalIsMedia: isMedia,
     name: name ?? "<Video>",
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/media/video" : undefined,
     _experimentalControls: controls,
     _remotionInternalLoopDisplay: loopDisplay,
     _remotionInternalEffects: memoizedEffectDefinitions,
@@ -37413,7 +37434,7 @@ import {
 import { BufferTarget, StreamTarget } from "mediabunny";
 
 // ../core/dist/esm/version.mjs
-var VERSION2 = "4.0.465";
+var VERSION2 = "4.0.466";
 
 // ../web-renderer/dist/esm/index.mjs
 import { AudioSample, VideoSample } from "mediabunny";

package/dist/design.js

@@ -7075,7 +7075,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.465";
+var VERSION = "4.0.466";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -8123,6 +8123,7 @@ var RegularSequenceRefForwardingFunction = ({
   _remotionInternalEffects,
   _remotionInternalLoopDisplay: loopDisplay,
   _remotionInternalStack: stack,
+  _remotionInternalDocumentationLink: documentationLink,
   _remotionInternalPremountDisplay: premountDisplay,
   _remotionInternalPostmountDisplay: postmountDisplay,
   _remotionInternalIsMedia: isMedia,
@@ -8193,6 +8194,7 @@ var RegularSequenceRefForwardingFunction = ({
   const timelineClipName = useMemo14(() => {
     return name ?? "";
   }, [name]);
+  const resolvedDocumentationLink = documentationLink ?? (name === undefined ? "https://www.remotion.dev/docs/sequence" : null);
   const env = useRemotionEnvironment();
   const inheritedStack = other?.stack ?? null;
   const stackRef = useRef6(null);
@@ -8208,6 +8210,7 @@ var RegularSequenceRefForwardingFunction = ({
           controls: controls ?? null,
           effects: _remotionInternalEffects ?? [],
           displayName: timelineClipName,
+          documentationLink: resolvedDocumentationLink,
           duration: actualDurationInFrames,
           from,
           id,
@@ -8227,6 +8230,7 @@ var RegularSequenceRefForwardingFunction = ({
           controls: controls ?? null,
           effects: _remotionInternalEffects ?? [],
           displayName: timelineClipName,
+          documentationLink: resolvedDocumentationLink,
           doesVolumeChange: isMedia.data.doesVolumeChange,
           duration: actualDurationInFrames,
           from,
@@ -8254,6 +8258,7 @@ var RegularSequenceRefForwardingFunction = ({
       duration: actualDurationInFrames,
       id,
       displayName: timelineClipName,
+      documentationLink: resolvedDocumentationLink,
       parent: parentSequence?.id ?? null,
       type: "sequence",
       rootId,
@@ -8288,7 +8293,8 @@ var RegularSequenceRefForwardingFunction = ({
     env.isStudio,
     controls,
     _remotionInternalEffects,
-    isMedia
+    isMedia,
+    resolvedDocumentationLink
   ]);
   const endThreshold = Math.ceil(cumulatedFrom + from + durationInFrames - 1);
   const content = absoluteFrame < cumulatedFrom + from ? null : absoluteFrame > endThreshold ? null : children;
@@ -9076,6 +9082,7 @@ var AnimatedImageInner = ({
     layout: "none",
     durationInFrames: resolvedDuration,
     name: "<AnimatedImage>",
+    _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/animatedimage",
     _experimentalControls: controls,
     _remotionInternalEffects: memoizedEffectDefinitions,
     ...sequenceProps,
@@ -9229,6 +9236,7 @@ var SolidOuter = forwardRef5(({
     _remotionInternalEffects: memoizedEffectDefinitions,
     durationInFrames,
     name: name ?? "<Solid>",
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/solid" : undefined,
     ...props,
     children: /* @__PURE__ */ jsx14(SolidInner, {
       ref,
@@ -9469,6 +9477,7 @@ var HtmlInCanvasInner = forwardRef6(({
   return /* @__PURE__ */ jsx15(Sequence, {
     durationInFrames: resolvedDuration,
     name: name ?? "<HtmlInCanvas>",
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/remotion/html-in-canvas" : undefined,
     _experimentalControls: controls,
     _remotionInternalEffects: memoizedEffectDefinitions,
     layout: "none",
@@ -9717,6 +9726,7 @@ var Loop = ({
       durationInFrames,
       from,
       name: name ?? "<Loop>",
+      _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/loop" : undefined,
       _remotionInternalLoopDisplay: loopDisplay,
       layout: props.layout,
       style,
@@ -11004,7 +11014,8 @@ var useMediaInTimeline = ({
   showInTimeline,
   premountDisplay,
   postmountDisplay,
-  loopDisplay
+  loopDisplay,
+  documentationLink
 }) => {
   const parentSequence = useContext24(SequenceContext);
   const startsAt = useMediaStartsAt();
@@ -11043,6 +11054,7 @@ var useMediaInTimeline = ({
       from: 0,
       parent: parentSequence?.id ?? null,
       displayName: finalDisplayName,
+      documentationLink,
       rootId,
       volume: volumes,
       showInTimeline: true,
@@ -11078,6 +11090,7 @@ var useMediaInTimeline = ({
     premountDisplay,
     postmountDisplay,
     loopDisplay,
+    documentationLink,
     rootId,
     finalDisplayName,
     isStudio
@@ -12161,7 +12174,8 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
     showInTimeline,
     premountDisplay: sequenceContext?.premountDisplay ?? null,
     postmountDisplay: sequenceContext?.postmountDisplay ?? null,
-    loopDisplay: undefined
+    loopDisplay: undefined,
+    documentationLink: name === undefined ? "https://www.remotion.dev/docs/html5-audio" : null
   });
   useMediaPlayback({
     mediaRef: audioRef,
@@ -12691,6 +12705,7 @@ var ImgInner = ({
     from: from ?? 0,
     durationInFrames: durationInFrames ?? Infinity,
     _remotionInternalStack: stack,
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/img" : undefined,
     _remotionInternalIsMedia: { type: "image", src },
     name: name ?? "<Img>",
     _experimentalControls: controls,
@@ -12861,6 +12876,7 @@ var createEffect = (definition) => {
   const { calculateKey: userCalculateKey, validateParams } = definition;
   const widened = {
     ...definition,
+    documentationLink: definition.documentationLink ?? null,
     calculateKey: (params) => {
       const disabled = params.disabled ?? false;
       return `${userCalculateKey(params)}-disabled-${disabled}`;
@@ -13539,7 +13555,8 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
     showInTimeline,
     premountDisplay: parentSequence?.premountDisplay ?? null,
     postmountDisplay: parentSequence?.postmountDisplay ?? null,
-    loopDisplay: undefined
+    loopDisplay: undefined,
+    documentationLink: name === undefined ? onlyWarnForMediaSeekingError ? "https://www.remotion.dev/docs/offthreadvideo" : "https://www.remotion.dev/docs/html5-video" : null
   });
   useMediaPlayback({
     mediaRef: videoRef,
@@ -14158,6 +14175,7 @@ var SeriesInner = (props2) => {
       startFrame += durationInFramesProp + offset;
       return /* @__PURE__ */ jsx35(Sequence, {
         name: name || "<Series.Sequence>",
+        _remotionInternalDocumentationLink: name ? undefined : "https://www.remotion.dev/docs/series",
         from: currentStartFrame,
         durationInFrames: durationInFramesProp,
         ...passedProps,
@@ -14170,6 +14188,7 @@ var SeriesInner = (props2) => {
     children: /* @__PURE__ */ jsx35(Sequence, {
       layout: "none",
       name: "<Series>",
+      _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/series",
       ...props2,
       children: childrenValue
     })

package/dist/experts.js

@@ -2273,7 +2273,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.465";
+var VERSION = "4.0.466";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -3321,6 +3321,7 @@ var RegularSequenceRefForwardingFunction = ({
   _remotionInternalEffects,
   _remotionInternalLoopDisplay: loopDisplay,
   _remotionInternalStack: stack,
+  _remotionInternalDocumentationLink: documentationLink,
   _remotionInternalPremountDisplay: premountDisplay,
   _remotionInternalPostmountDisplay: postmountDisplay,
   _remotionInternalIsMedia: isMedia,
@@ -3391,6 +3392,7 @@ var RegularSequenceRefForwardingFunction = ({
   const timelineClipName = useMemo14(() => {
     return name ?? "";
   }, [name]);
+  const resolvedDocumentationLink = documentationLink ?? (name === undefined ? "https://www.remotion.dev/docs/sequence" : null);
   const env = useRemotionEnvironment();
   const inheritedStack = other?.stack ?? null;
   const stackRef = useRef6(null);
@@ -3406,6 +3408,7 @@ var RegularSequenceRefForwardingFunction = ({
           controls: controls ?? null,
           effects: _remotionInternalEffects ?? [],
           displayName: timelineClipName,
+          documentationLink: resolvedDocumentationLink,
           duration: actualDurationInFrames,
           from,
           id,
@@ -3425,6 +3428,7 @@ var RegularSequenceRefForwardingFunction = ({
           controls: controls ?? null,
           effects: _remotionInternalEffects ?? [],
           displayName: timelineClipName,
+          documentationLink: resolvedDocumentationLink,
           doesVolumeChange: isMedia.data.doesVolumeChange,
           duration: actualDurationInFrames,
           from,
@@ -3452,6 +3456,7 @@ var RegularSequenceRefForwardingFunction = ({
       duration: actualDurationInFrames,
       id,
       displayName: timelineClipName,
+      documentationLink: resolvedDocumentationLink,
       parent: parentSequence?.id ?? null,
       type: "sequence",
       rootId,
@@ -3486,7 +3491,8 @@ var RegularSequenceRefForwardingFunction = ({
     env.isStudio,
     controls,
     _remotionInternalEffects,
-    isMedia
+    isMedia,
+    resolvedDocumentationLink
   ]);
   const endThreshold = Math.ceil(cumulatedFrom + from + durationInFrames - 1);
   const content = absoluteFrame < cumulatedFrom + from ? null : absoluteFrame > endThreshold ? null : children;
@@ -4274,6 +4280,7 @@ var AnimatedImageInner = ({
     layout: "none",
     durationInFrames: resolvedDuration,
     name: "<AnimatedImage>",
+    _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/animatedimage",
     _experimentalControls: controls,
     _remotionInternalEffects: memoizedEffectDefinitions,
     ...sequenceProps,
@@ -4427,6 +4434,7 @@ var SolidOuter = forwardRef5(({
     _remotionInternalEffects: memoizedEffectDefinitions,
     durationInFrames,
     name: name ?? "<Solid>",
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/solid" : undefined,
     ...props,
     children: /* @__PURE__ */ jsx14(SolidInner, {
       ref,
@@ -4667,6 +4675,7 @@ var HtmlInCanvasInner = forwardRef6(({
   return /* @__PURE__ */ jsx15(Sequence, {
     durationInFrames: resolvedDuration,
     name: name ?? "<HtmlInCanvas>",
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/remotion/html-in-canvas" : undefined,
     _experimentalControls: controls,
     _remotionInternalEffects: memoizedEffectDefinitions,
     layout: "none",
@@ -4915,6 +4924,7 @@ var Loop = ({
       durationInFrames,
       from,
       name: name ?? "<Loop>",
+      _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/loop" : undefined,
       _remotionInternalLoopDisplay: loopDisplay,
       layout: props.layout,
       style,
@@ -6202,7 +6212,8 @@ var useMediaInTimeline = ({
   showInTimeline,
   premountDisplay,
   postmountDisplay,
-  loopDisplay
+  loopDisplay,
+  documentationLink
 }) => {
   const parentSequence = useContext24(SequenceContext);
   const startsAt = useMediaStartsAt();
@@ -6241,6 +6252,7 @@ var useMediaInTimeline = ({
       from: 0,
       parent: parentSequence?.id ?? null,
       displayName: finalDisplayName,
+      documentationLink,
       rootId,
       volume: volumes,
       showInTimeline: true,
@@ -6276,6 +6288,7 @@ var useMediaInTimeline = ({
     premountDisplay,
     postmountDisplay,
     loopDisplay,
+    documentationLink,
     rootId,
     finalDisplayName,
     isStudio
@@ -7359,7 +7372,8 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
     showInTimeline,
     premountDisplay: sequenceContext?.premountDisplay ?? null,
     postmountDisplay: sequenceContext?.postmountDisplay ?? null,
-    loopDisplay: undefined
+    loopDisplay: undefined,
+    documentationLink: name === undefined ? "https://www.remotion.dev/docs/html5-audio" : null
   });
   useMediaPlayback({
     mediaRef: audioRef,
@@ -7889,6 +7903,7 @@ var ImgInner = ({
     from: from ?? 0,
     durationInFrames: durationInFrames ?? Infinity,
     _remotionInternalStack: stack,
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/img" : undefined,
     _remotionInternalIsMedia: { type: "image", src },
     name: name ?? "<Img>",
     _experimentalControls: controls,
@@ -8059,6 +8074,7 @@ var createEffect = (definition) => {
   const { calculateKey: userCalculateKey, validateParams } = definition;
   const widened = {
     ...definition,
+    documentationLink: definition.documentationLink ?? null,
     calculateKey: (params) => {
       const disabled = params.disabled ?? false;
       return `${userCalculateKey(params)}-disabled-${disabled}`;
@@ -8737,7 +8753,8 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
     showInTimeline,
     premountDisplay: parentSequence?.premountDisplay ?? null,
     postmountDisplay: parentSequence?.postmountDisplay ?? null,
-    loopDisplay: undefined
+    loopDisplay: undefined,
+    documentationLink: name === undefined ? onlyWarnForMediaSeekingError ? "https://www.remotion.dev/docs/offthreadvideo" : "https://www.remotion.dev/docs/html5-video" : null
   });
   useMediaPlayback({
     mediaRef: videoRef,
@@ -9356,6 +9373,7 @@ var SeriesInner = (props2) => {
       startFrame += durationInFramesProp + offset;
       return /* @__PURE__ */ jsx35(Sequence, {
         name: name || "<Series.Sequence>",
+        _remotionInternalDocumentationLink: name ? undefined : "https://www.remotion.dev/docs/series",
         from: currentStartFrame,
         durationInFrames: durationInFramesProp,
         ...passedProps,
@@ -9368,6 +9386,7 @@ var SeriesInner = (props2) => {
     children: /* @__PURE__ */ jsx35(Sequence, {
       layout: "none",
       name: "<Series>",
+      _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/series",
       ...props2,
       children: childrenValue
     })

package/dist/homepage/Pricing.js

@@ -7075,7 +7075,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.465";
+var VERSION = "4.0.466";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -8123,6 +8123,7 @@ var RegularSequenceRefForwardingFunction = ({
   _remotionInternalEffects,
   _remotionInternalLoopDisplay: loopDisplay,
   _remotionInternalStack: stack,
+  _remotionInternalDocumentationLink: documentationLink,
   _remotionInternalPremountDisplay: premountDisplay,
   _remotionInternalPostmountDisplay: postmountDisplay,
   _remotionInternalIsMedia: isMedia,
@@ -8193,6 +8194,7 @@ var RegularSequenceRefForwardingFunction = ({
   const timelineClipName = useMemo14(() => {
     return name ?? "";
   }, [name]);
+  const resolvedDocumentationLink = documentationLink ?? (name === undefined ? "https://www.remotion.dev/docs/sequence" : null);
   const env = useRemotionEnvironment();
   const inheritedStack = other?.stack ?? null;
   const stackRef = useRef6(null);
@@ -8208,6 +8210,7 @@ var RegularSequenceRefForwardingFunction = ({
           controls: controls ?? null,
           effects: _remotionInternalEffects ?? [],
           displayName: timelineClipName,
+          documentationLink: resolvedDocumentationLink,
           duration: actualDurationInFrames,
           from,
           id,
@@ -8227,6 +8230,7 @@ var RegularSequenceRefForwardingFunction = ({
           controls: controls ?? null,
           effects: _remotionInternalEffects ?? [],
           displayName: timelineClipName,
+          documentationLink: resolvedDocumentationLink,
           doesVolumeChange: isMedia.data.doesVolumeChange,
           duration: actualDurationInFrames,
           from,
@@ -8254,6 +8258,7 @@ var RegularSequenceRefForwardingFunction = ({
       duration: actualDurationInFrames,
       id,
       displayName: timelineClipName,
+      documentationLink: resolvedDocumentationLink,
       parent: parentSequence?.id ?? null,
       type: "sequence",
       rootId,
@@ -8288,7 +8293,8 @@ var RegularSequenceRefForwardingFunction = ({
     env.isStudio,
     controls,
     _remotionInternalEffects,
-    isMedia
+    isMedia,
+    resolvedDocumentationLink
   ]);
   const endThreshold = Math.ceil(cumulatedFrom + from + durationInFrames - 1);
   const content = absoluteFrame < cumulatedFrom + from ? null : absoluteFrame > endThreshold ? null : children;
@@ -9076,6 +9082,7 @@ var AnimatedImageInner = ({
     layout: "none",
     durationInFrames: resolvedDuration,
     name: "<AnimatedImage>",
+    _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/animatedimage",
     _experimentalControls: controls,
     _remotionInternalEffects: memoizedEffectDefinitions,
     ...sequenceProps,
@@ -9229,6 +9236,7 @@ var SolidOuter = forwardRef5(({
     _remotionInternalEffects: memoizedEffectDefinitions,
     durationInFrames,
     name: name ?? "<Solid>",
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/solid" : undefined,
     ...props,
     children: /* @__PURE__ */ jsx14(SolidInner, {
       ref,
@@ -9469,6 +9477,7 @@ var HtmlInCanvasInner = forwardRef6(({
   return /* @__PURE__ */ jsx15(Sequence, {
     durationInFrames: resolvedDuration,
     name: name ?? "<HtmlInCanvas>",
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/remotion/html-in-canvas" : undefined,
     _experimentalControls: controls,
     _remotionInternalEffects: memoizedEffectDefinitions,
     layout: "none",
@@ -9717,6 +9726,7 @@ var Loop = ({
       durationInFrames,
       from,
       name: name ?? "<Loop>",
+      _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/loop" : undefined,
       _remotionInternalLoopDisplay: loopDisplay,
       layout: props.layout,
       style,
@@ -11004,7 +11014,8 @@ var useMediaInTimeline = ({
   showInTimeline,
   premountDisplay,
   postmountDisplay,
-  loopDisplay
+  loopDisplay,
+  documentationLink
 }) => {
   const parentSequence = useContext24(SequenceContext);
   const startsAt = useMediaStartsAt();
@@ -11043,6 +11054,7 @@ var useMediaInTimeline = ({
       from: 0,
       parent: parentSequence?.id ?? null,
       displayName: finalDisplayName,
+      documentationLink,
       rootId,
       volume: volumes,
       showInTimeline: true,
@@ -11078,6 +11090,7 @@ var useMediaInTimeline = ({
     premountDisplay,
     postmountDisplay,
     loopDisplay,
+    documentationLink,
     rootId,
     finalDisplayName,
     isStudio
@@ -12161,7 +12174,8 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
     showInTimeline,
     premountDisplay: sequenceContext?.premountDisplay ?? null,
     postmountDisplay: sequenceContext?.postmountDisplay ?? null,
-    loopDisplay: undefined
+    loopDisplay: undefined,
+    documentationLink: name === undefined ? "https://www.remotion.dev/docs/html5-audio" : null
   });
   useMediaPlayback({
     mediaRef: audioRef,
@@ -12691,6 +12705,7 @@ var ImgInner = ({
     from: from ?? 0,
     durationInFrames: durationInFrames ?? Infinity,
     _remotionInternalStack: stack,
+    _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/img" : undefined,
     _remotionInternalIsMedia: { type: "image", src },
     name: name ?? "<Img>",
     _experimentalControls: controls,
@@ -12861,6 +12876,7 @@ var createEffect = (definition) => {
   const { calculateKey: userCalculateKey, validateParams } = definition;
   const widened = {
     ...definition,
+    documentationLink: definition.documentationLink ?? null,
     calculateKey: (params) => {
       const disabled = params.disabled ?? false;
       return `${userCalculateKey(params)}-disabled-${disabled}`;
@@ -13539,7 +13555,8 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
     showInTimeline,
     premountDisplay: parentSequence?.premountDisplay ?? null,
     postmountDisplay: parentSequence?.postmountDisplay ?? null,
-    loopDisplay: undefined
+    loopDisplay: undefined,
+    documentationLink: name === undefined ? onlyWarnForMediaSeekingError ? "https://www.remotion.dev/docs/offthreadvideo" : "https://www.remotion.dev/docs/html5-video" : null
   });
   useMediaPlayback({
     mediaRef: videoRef,
@@ -14158,6 +14175,7 @@ var SeriesInner = (props2) => {
       startFrame += durationInFramesProp + offset;
       return /* @__PURE__ */ jsx35(Sequence, {
         name: name || "<Series.Sequence>",
+        _remotionInternalDocumentationLink: name ? undefined : "https://www.remotion.dev/docs/series",
         from: currentStartFrame,
         durationInFrames: durationInFramesProp,
         ...passedProps,
@@ -14170,6 +14188,7 @@ var SeriesInner = (props2) => {
     children: /* @__PURE__ */ jsx35(Sequence, {
       layout: "none",
       name: "<Series>",
+      _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/series",
       ...props2,
       children: childrenValue
     })