@remotion/transitions 4.0.478 → 4.0.481

package/dist/TransitionSeries.d.ts

@@ -2,19 +2,16 @@ import type { FC, PropsWithChildren } from 'react';
 import type { AbsoluteFillLayout, LayoutAndStyle, SequencePropsWithoutDuration } from 'remotion';
 import { NoReactInternals } from 'remotion/no-react';
 import type { TransitionSeriesOverlayProps, TransitionSeriesTransitionProps } from './types.js';
-declare const TransitionSeriesTransition: <PresentationProps extends Record<string, unknown>>(_props: TransitionSeriesTransitionProps<PresentationProps>) => null;
-declare const SeriesOverlay: FC<TransitionSeriesOverlayProps>;
 type LayoutBasedProps = true extends typeof NoReactInternals.ENABLE_V5_BREAKING_CHANGES ? AbsoluteFillLayout : LayoutAndStyle;
 type SeriesSequenceProps = PropsWithChildren<{
     readonly durationInFrames: number;
     readonly offset?: number;
     readonly className?: string;
 } & LayoutBasedProps & Pick<SequencePropsWithoutDuration, 'name' | 'showInTimeline' | 'freeze'>>;
-declare const SeriesSequence: ({ children }: SeriesSequenceProps) => import("react/jsx-runtime").JSX.Element;
 export type DrawFunction = (prevImage: ElementImage | null, nextImage: ElementImage | null, progress: number) => void;
 declare const TransitionSeries: FC<SequencePropsWithoutDuration> & {
-    Sequence: typeof SeriesSequence;
-    Transition: typeof TransitionSeriesTransition;
-    Overlay: typeof SeriesOverlay;
+    Sequence: ({ children }: SeriesSequenceProps) => import("react/jsx-runtime").JSX.Element;
+    Transition: <PresentationProps extends Record<string, unknown>>(_props: TransitionSeriesTransitionProps<PresentationProps>) => null;
+    Overlay: FC<TransitionSeriesOverlayProps>;
 };
 export { TransitionSeries };

package/dist/TransitionSeries.js

@@ -20,6 +20,14 @@ const SeriesSequence = ({ children }) => {
     // eslint-disable-next-line react/jsx-no-useless-fragment
     return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: children });
 };
+const transitionSeriesSchema = {
+    name: remotion_1.Internals.sequenceSchema.name,
+    hidden: remotion_1.Internals.sequenceSchema.hidden,
+    showInTimeline: remotion_1.Internals.sequenceSchema.showInTimeline,
+    from: remotion_1.Internals.fromField,
+    freeze: remotion_1.Internals.freezeField,
+    layout: remotion_1.Internals.sequenceSchema.layout,
+};
 const TransitionSeriesChildren = ({ children, }) => {
     const { fps } = (0, remotion_1.useVideoConfig)();
     const frame = (0, remotion_1.useCurrentFrame)();
@@ -296,7 +304,9 @@ const TransitionSeriesChildren = ({ children, }) => {
  * @description Manages a series of transitions and sequences for advanced animation controls in Remotion projects, handling cases with varying timings and presentations.
  * @see [Documentation](https://www.remotion.dev/docs/transitions/transitionseries)
  */
-const TransitionSeries = ({ children, name, layout: passedLayout, ...otherProps }) => {
+const TransitionSeriesInner = (props) => {
+    const { children, name, layout: passedLayout, controls, ...otherProps } = props;
+    const { stack, ...propsForSequence } = otherProps;
     const displayName = name !== null && name !== void 0 ? name : '<TransitionSeries>';
     const layout = passedLayout !== null && passedLayout !== void 0 ? passedLayout : 'absolute-fill';
     if (no_react_1.NoReactInternals.ENABLE_V5_BREAKING_CHANGES &&
@@ -305,8 +315,15 @@ const TransitionSeries = ({ children, name, layout: passedLayout, ...otherProps
     }
     return (jsx_runtime_1.jsx(remotion_1.Sequence, { name: displayName, layout: layout, _remotionInternalDocumentationLink: name === undefined
             ? 'https://www.remotion.dev/docs/transitions/transitionseries'
-            : undefined, ...otherProps, children: jsx_runtime_1.jsx(TransitionSeriesChildren, { children: children }) }));
+            : undefined, ...propsForSequence, _remotionInternalStack: stack !== null && stack !== void 0 ? stack : undefined, controls: controls !== null && controls !== void 0 ? controls : undefined, children: jsx_runtime_1.jsx(TransitionSeriesChildren, { children: children }) }));
 };
+const TransitionSeries = remotion_1.Interactive.withSchema({
+    Component: TransitionSeriesInner,
+    componentName: '<TransitionSeries>',
+    componentIdentity: 'dev.remotion.transitions.TransitionSeries',
+    schema: transitionSeriesSchema,
+    supportsEffects: false,
+});
 exports.TransitionSeries = TransitionSeries;
 TransitionSeries.Sequence = SeriesSequence;
 TransitionSeries.Transition = TransitionSeriesTransition;

package/dist/esm/index.mjs

@@ -904,7 +904,7 @@ uniform float u_intensity;
 in vec2 v_uv;
 out vec4 outColor;
 
-const int PASSES = 6;
+const int PASSES = 20;
 
 vec4 transition(vec2 uv, float progress) {
 	vec4 c1 = vec4(0.0);
@@ -1098,7 +1098,13 @@ var springTiming = (options = {}) => {
 };
 // src/TransitionSeries.tsx
 import { Children, useCallback as useCallback2, useMemo as useMemo4, useRef as useRef2 } from "react";
-import { Internals as Internals2, Sequence, useCurrentFrame, useVideoConfig } from "remotion";
+import {
+  Internals as Internals2,
+  Interactive,
+  Sequence,
+  useCurrentFrame,
+  useVideoConfig
+} from "remotion";
 import { NoReactInternals as NoReactInternals2 } from "remotion/no-react";
 
 // src/context.tsx
@@ -1160,6 +1166,14 @@ var SeriesSequence = ({ children }) => {
     children
   });
 };
+var transitionSeriesSchema = {
+  name: Internals2.sequenceSchema.name,
+  hidden: Internals2.sequenceSchema.hidden,
+  showInTimeline: Internals2.sequenceSchema.showInTimeline,
+  from: Internals2.fromField,
+  freeze: Internals2.freezeField,
+  layout: Internals2.sequenceSchema.layout
+};
 var TransitionSeriesChildren = ({
   children
 }) => {
@@ -1465,7 +1479,15 @@ var TransitionSeriesChildren = ({
     children: childrenValue
   });
 };
-var TransitionSeries = ({ children, name, layout: passedLayout, ...otherProps }) => {
+var TransitionSeriesInner = (props) => {
+  const {
+    children,
+    name,
+    layout: passedLayout,
+    controls,
+    ...otherProps
+  } = props;
+  const { stack, ...propsForSequence } = otherProps;
   const displayName = name ?? "<TransitionSeries>";
   const layout = passedLayout ?? "absolute-fill";
   if (NoReactInternals2.ENABLE_V5_BREAKING_CHANGES && layout !== "absolute-fill") {
@@ -1475,12 +1497,21 @@ var TransitionSeries = ({ children, name, layout: passedLayout, ...otherProps })
     name: displayName,
     layout,
     _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/transitions/transitionseries" : undefined,
-    ...otherProps,
+    ...propsForSequence,
+    _remotionInternalStack: stack ?? undefined,
+    controls: controls ?? undefined,
     children: /* @__PURE__ */ jsx4(TransitionSeriesChildren, {
       children
     })
   });
 };
+var TransitionSeries = Interactive.withSchema({
+  Component: TransitionSeriesInner,
+  componentName: "<TransitionSeries>",
+  componentIdentity: "dev.remotion.transitions.TransitionSeries",
+  schema: transitionSeriesSchema,
+  supportsEffects: false
+});
 TransitionSeries.Sequence = SeriesSequence;
 TransitionSeries.Transition = TransitionSeriesTransition;
 TransitionSeries.Overlay = SeriesOverlay;

package/dist/esm/linear-blur.mjs

@@ -192,7 +192,7 @@ uniform float u_intensity;
 in vec2 v_uv;
 out vec4 outColor;
 
-const int PASSES = 6;
+const int PASSES = 20;
 
 vec4 transition(vec2 uv, float progress) {
 	vec4 c1 = vec4(0.0);

package/dist/presentations/linear-blur.js

@@ -22,7 +22,7 @@ uniform float u_intensity;
 in vec2 v_uv;
 out vec4 outColor;
 
-const int PASSES = 6;
+const int PASSES = 20;
 
 vec4 transition(vec2 uv, float progress) {
 	vec4 c1 = vec4(0.0);

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/transitions"
 	},
 	"name": "@remotion/transitions",
-	"version": "4.0.478",
+	"version": "4.0.481",
 	"description": "Library for creating transitions in Remotion",
 	"main": "dist/esm/index.mjs",
 	"module": "dist/esm/index.js",
@@ -22,18 +22,18 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.478",
-		"@remotion/shapes": "4.0.478",
-		"@remotion/paths": "4.0.478"
+		"remotion": "4.0.481",
+		"@remotion/shapes": "4.0.481",
+		"@remotion/paths": "4.0.481"
 	},
 	"devDependencies": {
 		"@happy-dom/global-registrator": "14.5.1",
-		"remotion": "4.0.478",
+		"remotion": "4.0.481",
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"@remotion/test-utils": "4.0.478",
-		"@remotion/player": "4.0.478",
-		"@remotion/eslint-config-internal": "4.0.478",
+		"@remotion/test-utils": "4.0.481",
+		"@remotion/player": "4.0.481",
+		"@remotion/eslint-config-internal": "4.0.481",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},