@remotion/gif 4.0.478 → 4.0.481

package/dist/cjs/Gif.d.ts

@@ -1,14 +1,12 @@
 import React from 'react';
-import { type EffectsProp, type SequenceControls, type SequenceProps } from 'remotion';
+import { type EffectsProp, type InteractiveBaseProps, type InteractiveTransformProps, type SequenceControls } from 'remotion';
 import type { RemotionGifProps } from './props';
-export type GifProps = Omit<SequenceProps, 'children' | 'durationInFrames' | 'layout' | '_remotionInternalEffects'> & RemotionGifProps & {
-    readonly durationInFrames?: number;
+export type GifProps = InteractiveBaseProps & InteractiveTransformProps & RemotionGifProps & {
     readonly effects?: EffectsProp;
 };
-export declare const Gif: React.ComponentType<Omit<SequenceProps, "_remotionInternalEffects" | "children" | "durationInFrames" | "layout"> & RemotionGifProps & {
-    readonly durationInFrames?: number | undefined;
+export declare const Gif: React.ComponentType<InteractiveBaseProps & InteractiveTransformProps & RemotionGifProps & {
     readonly effects?: EffectsProp | undefined;
 } & {
-    readonly _experimentalControls?: SequenceControls | undefined;
+    readonly controls?: SequenceControls | undefined;
     readonly ref?: React.Ref<HTMLCanvasElement> | undefined;
 }>;

package/dist/cjs/Gif.js

@@ -9,15 +9,13 @@ const react_1 = __importDefault(require("react"));
 const remotion_1 = require("remotion");
 const GifForDevelopment_1 = require("./GifForDevelopment");
 const GifForRendering_1 = require("./GifForRendering");
-const { addSequenceStackTraces, useMemoizedEffectDefinitions, useMemoizedEffects, wrapInSchema, durationInFramesField, freezeField, fromField, } = remotion_1.Internals;
+const { addSequenceStackTraces, useMemoizedEffectDefinitions, useMemoizedEffects, } = remotion_1.Internals;
 /*
  * @description Displays a GIF that synchronizes with Remotions useCurrentFrame().
  * @see [Documentation](https://remotion.dev/docs/gif)
  */
 const gifSchema = {
-    durationInFrames: durationInFramesField,
-    from: fromField,
-    freeze: freezeField,
+    ...remotion_1.Internals.baseSchema,
     playbackRate: {
         type: 'number',
         min: 0,
@@ -28,10 +26,9 @@ const gifSchema = {
         hiddenFromList: false,
         keyframable: false,
     },
-    ...remotion_1.Internals.sequenceVisualStyleSchema,
-    hidden: remotion_1.Internals.hiddenField,
+    ...remotion_1.Internals.transformSchema,
 };
-const GifInner = ({ src, width, height, onLoad, onError, fit, playbackRate, loopBehavior, id, delayRenderTimeoutInMilliseconds, requestInit, durationInFrames, style, _experimentalControls: controls, effects = [], ref, ...sequenceProps }) => {
+const GifInner = ({ src, width, height, onLoad, onError, fit, playbackRate, loopBehavior, id, delayRenderTimeoutInMilliseconds, requestInit, durationInFrames, style, controls, effects = [], ref, ...sequenceProps }) => {
     var _a;
     const env = (0, remotion_1.useRemotionEnvironment)();
     const { durationInFrames: videoDuration } = (0, remotion_1.useVideoConfig)();
@@ -58,10 +55,11 @@ const GifInner = ({ src, width, height, onLoad, onError, fit, playbackRate, loop
         effects: memoizedEffects,
     };
     const inner = env.isRendering ? (jsx_runtime_1.jsx(GifForRendering_1.GifForRendering, { ...gifProps, ref: ref })) : (jsx_runtime_1.jsx(GifForDevelopment_1.GifForDevelopment, { ...gifProps, ref: ref, refForOutline: refForOutline }));
-    return (jsx_runtime_1.jsx(remotion_1.Sequence, { layout: "none", durationInFrames: resolvedDuration, name: "<Gif>", _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/gif/gif", _experimentalControls: controls, _remotionInternalEffects: memoizedEffectDefinitions, ...sequenceProps, _remotionInternalRefForOutline: refForOutline, children: inner }));
+    return (jsx_runtime_1.jsx(remotion_1.Sequence, { layout: "none", durationInFrames: resolvedDuration, name: "<Gif>", _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/gif/gif", controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, ...sequenceProps, outlineRef: refForOutline, children: inner }));
 };
-exports.Gif = wrapInSchema({
+exports.Gif = remotion_1.Interactive.withSchema({
     Component: GifInner,
+    componentName: '<Gif>',
     componentIdentity: 'dev.remotion.gif.Gif',
     schema: gifSchema,
     supportsEffects: true,

package/dist/esm/index.mjs

@@ -875,6 +875,7 @@ var getGifDurationInSeconds = async (src2, options) => {
 import React from "react";
 import {
   Internals as Internals3,
+  Interactive,
   Sequence,
   useRemotionEnvironment,
   useVideoConfig as useVideoConfig2
@@ -1436,16 +1437,10 @@ import { jsx as jsx4 } from "react/jsx-runtime";
 var {
   addSequenceStackTraces,
   useMemoizedEffectDefinitions,
-  useMemoizedEffects,
-  wrapInSchema,
-  durationInFramesField,
-  freezeField,
-  fromField
+  useMemoizedEffects
 } = Internals3;
 var gifSchema = {
-  durationInFrames: durationInFramesField,
-  from: fromField,
-  freeze: freezeField,
+  ...Internals3.baseSchema,
   playbackRate: {
     type: "number",
     min: 0,
@@ -1456,8 +1451,7 @@ var gifSchema = {
     hiddenFromList: false,
     keyframable: false
   },
-  ...Internals3.sequenceVisualStyleSchema,
-  hidden: Internals3.hiddenField
+  ...Internals3.transformSchema
 };
 var GifInner = ({
   src: src2,
@@ -1473,7 +1467,7 @@ var GifInner = ({
   requestInit,
   durationInFrames,
   style,
-  _experimentalControls: controls,
+  controls,
   effects = [],
   ref,
   ...sequenceProps
@@ -1515,15 +1509,16 @@ var GifInner = ({
     durationInFrames: resolvedDuration,
     name: "<Gif>",
     _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/gif/gif",
-    _experimentalControls: controls,
+    controls,
     _remotionInternalEffects: memoizedEffectDefinitions,
     ...sequenceProps,
-    _remotionInternalRefForOutline: refForOutline,
+    outlineRef: refForOutline,
     children: inner
   });
 };
-var Gif = wrapInSchema({
+var Gif = Interactive.withSchema({
   Component: GifInner,
+  componentName: "<Gif>",
   componentIdentity: "dev.remotion.gif.Gif",
   schema: gifSchema,
   supportsEffects: true

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/gif"
 	},
 	"name": "@remotion/gif",
-	"version": "4.0.478",
+	"version": "4.0.481",
 	"description": "Embed GIFs in a Remotion video",
 	"bugs": {
 		"url": "https://github.com/remotion-dev/remotion/issues"
@@ -30,7 +30,7 @@
 		}
 	},
 	"dependencies": {
-		"remotion": "4.0.478"
+		"remotion": "4.0.481"
 	},
 	"devDependencies": {
 		"@testing-library/react": "16.1.0",
@@ -38,7 +38,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"webpack": "5.105.0",
-		"@remotion/eslint-config-internal": "4.0.478",
+		"@remotion/eslint-config-internal": "4.0.481",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},