@remotion/transitions 4.0.208 → 4.0.209

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -35,19 +35,19 @@ var ClockWipePresentation = ({ children, presentationDirection, presentationProg
35
35
  passedProps.outerExitStyle,
36
36
  presentationDirection
37
37
  ]);
38
- return jsxs(AbsoluteFill, {
38
+ return /* @__PURE__ */ jsxs(AbsoluteFill, {
39
39
  style: outerStyle,
40
40
  children: [
41
- jsx(AbsoluteFill, {
41
+ /* @__PURE__ */ jsx(AbsoluteFill, {
42
42
  style,
43
43
  children
44
44
  }),
45
- presentationDirection === "exiting" ? null : jsx(AbsoluteFill, {
46
- children: jsx("svg", {
47
- children: jsx("defs", {
48
- children: jsx("clipPath", {
45
+ presentationDirection === "exiting" ? null : /* @__PURE__ */ jsx(AbsoluteFill, {
46
+ children: /* @__PURE__ */ jsx("svg", {
47
+ children: /* @__PURE__ */ jsx("defs", {
48
+ children: /* @__PURE__ */ jsx("clipPath", {
49
49
  id: clipId,
50
- children: jsx("path", {
50
+ children: /* @__PURE__ */ jsx("path", {
51
51
  d: translatedPath,
52
52
  fill: "black"
53
53
  })
package/dist/esm/fade.mjs CHANGED
@@ -19,7 +19,7 @@ var FadePresentation = ({ children, presentationDirection, presentationProgress,
19
19
  presentationDirection,
20
20
  presentationProgress
21
21
  ]);
22
- return jsx(AbsoluteFill, {
22
+ return /* @__PURE__ */ jsx(AbsoluteFill, {
23
23
  style,
24
24
  children
25
25
  });
package/dist/esm/flip.mjs CHANGED
@@ -44,9 +44,9 @@ var Flip = ({
44
44
  ...presentationDirection === "entering" ? outerEnterStyle : outerExitStyle
45
45
  };
46
46
  }, [outerEnterStyle, outerExitStyle, perspective, presentationDirection]);
47
- return jsx(AbsoluteFill, {
47
+ return /* @__PURE__ */ jsx(AbsoluteFill, {
48
48
  style: outer,
49
- children: jsx(AbsoluteFill, {
49
+ children: /* @__PURE__ */ jsx(AbsoluteFill, {
50
50
  style,
51
51
  children
52
52
  })
@@ -66,7 +66,7 @@ var SlidePresentation = ({
66
66
  ...presentationDirection === "entering" ? enterStyle : exitStyle
67
67
  };
68
68
  }, [directionStyle, enterStyle, exitStyle, presentationDirection]);
69
- return jsx(AbsoluteFill, {
69
+ return /* @__PURE__ */ jsx(AbsoluteFill, {
70
70
  style,
71
71
  children
72
72
  });
@@ -94,7 +94,6 @@ var linearTiming = (options) => {
94
94
  }
95
95
  };
96
96
  };
97
-
98
97
  // src/timings/spring-timing.ts
99
98
  import {measureSpring, spring} from "remotion";
100
99
  var springTiming = (options = {}) => {
@@ -125,7 +124,6 @@ var springTiming = (options = {}) => {
125
124
  }
126
125
  };
127
126
  };
128
-
129
127
  // src/TransitionSeries.tsx
130
128
  import {Children, useMemo as useMemo3} from "react";
131
129
  import {Internals, Sequence, useCurrentFrame, useVideoConfig} from "remotion";
@@ -144,7 +142,7 @@ var WrapInEnteringProgressContext = ({ presentationProgress, children }) => {
144
142
  enteringProgress: presentationProgress
145
143
  };
146
144
  }, [presentationProgress]);
147
- return jsx2(EnteringContext.Provider, {
145
+ return /* @__PURE__ */ jsx2(EnteringContext.Provider, {
148
146
  value,
149
147
  children
150
148
  });
@@ -155,7 +153,7 @@ var WrapInExitingProgressContext = ({ presentationProgress, children }) => {
155
153
  exitingProgress: presentationProgress
156
154
  };
157
155
  }, [presentationProgress]);
158
- return jsx2(ExitingContext.Provider, {
156
+ return /* @__PURE__ */ jsx2(ExitingContext.Provider, {
159
157
  value,
160
158
  children
161
159
  });
@@ -187,7 +185,7 @@ var TransitionSeriesTransition = function(_props) {
187
185
  return null;
188
186
  };
189
187
  var SeriesSequence = ({ children }) => {
190
- return jsx3(Fragment, {
188
+ return /* @__PURE__ */ jsx3(Fragment, {
191
189
  children
192
190
  });
193
191
  };
@@ -280,24 +278,24 @@ var TransitionSeriesChildren = ({
280
278
  const prevPresentation = prev.props.presentation ?? slide();
281
279
  const UppercaseNextPresentation = nextPresentation.component;
282
280
  const UppercasePrevPresentation = prevPresentation.component;
283
- return jsx3(Sequence, {
281
+ return /* @__PURE__ */ jsx3(Sequence, {
284
282
  from: Math.floor(actualStartFrame),
285
283
  durationInFrames: durationInFramesProp,
286
284
  ...passedProps,
287
285
  name: passedProps.name || "<TS.Sequence>",
288
- children: jsx3(UppercaseNextPresentation, {
286
+ children: /* @__PURE__ */ jsx3(UppercaseNextPresentation, {
289
287
  passedProps: nextPresentation.props ?? {},
290
288
  presentationDirection: "exiting",
291
289
  presentationProgress: nextProgress,
292
290
  presentationDurationInFrames: next.props.timing.getDurationInFrames({ fps }),
293
- children: jsx3(WrapInExitingProgressContext, {
291
+ children: /* @__PURE__ */ jsx3(WrapInExitingProgressContext, {
294
292
  presentationProgress: nextProgress,
295
- children: jsx3(UppercasePrevPresentation, {
293
+ children: /* @__PURE__ */ jsx3(UppercasePrevPresentation, {
296
294
  passedProps: prevPresentation.props ?? {},
297
295
  presentationDirection: "entering",
298
296
  presentationProgress: prevProgress,
299
297
  presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }),
300
- children: jsx3(WrapInEnteringProgressContext, {
298
+ children: /* @__PURE__ */ jsx3(WrapInEnteringProgressContext, {
301
299
  presentationProgress: prevProgress,
302
300
  children: child
303
301
  })
@@ -309,17 +307,17 @@ var TransitionSeriesChildren = ({
309
307
  if (prevProgress !== null && prev) {
310
308
  const prevPresentation = prev.props.presentation ?? slide();
311
309
  const UppercasePrevPresentation = prevPresentation.component;
312
- return jsx3(Sequence, {
310
+ return /* @__PURE__ */ jsx3(Sequence, {
313
311
  from: Math.floor(actualStartFrame),
314
312
  durationInFrames: durationInFramesProp,
315
313
  ...passedProps,
316
314
  name: passedProps.name || "<TS.Sequence>",
317
- children: jsx3(UppercasePrevPresentation, {
315
+ children: /* @__PURE__ */ jsx3(UppercasePrevPresentation, {
318
316
  passedProps: prevPresentation.props ?? {},
319
317
  presentationDirection: "entering",
320
318
  presentationProgress: prevProgress,
321
319
  presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }),
322
- children: jsx3(WrapInEnteringProgressContext, {
320
+ children: /* @__PURE__ */ jsx3(WrapInEnteringProgressContext, {
323
321
  presentationProgress: prevProgress,
324
322
  children: child
325
323
  })
@@ -329,24 +327,24 @@ var TransitionSeriesChildren = ({
329
327
  if (nextProgress !== null && next) {
330
328
  const nextPresentation = next.props.presentation ?? slide();
331
329
  const UppercaseNextPresentation = nextPresentation.component;
332
- return jsx3(Sequence, {
330
+ return /* @__PURE__ */ jsx3(Sequence, {
333
331
  from: Math.floor(actualStartFrame),
334
332
  durationInFrames: durationInFramesProp,
335
333
  ...passedProps,
336
334
  name: passedProps.name || "<TS.Sequence>",
337
- children: jsx3(UppercaseNextPresentation, {
335
+ children: /* @__PURE__ */ jsx3(UppercaseNextPresentation, {
338
336
  passedProps: nextPresentation.props ?? {},
339
337
  presentationDirection: "exiting",
340
338
  presentationProgress: nextProgress,
341
339
  presentationDurationInFrames: next.props.timing.getDurationInFrames({ fps }),
342
- children: jsx3(WrapInExitingProgressContext, {
340
+ children: /* @__PURE__ */ jsx3(WrapInExitingProgressContext, {
343
341
  presentationProgress: nextProgress,
344
342
  children: child
345
343
  })
346
344
  })
347
345
  }, i);
348
346
  }
349
- return jsx3(Sequence, {
347
+ return /* @__PURE__ */ jsx3(Sequence, {
350
348
  from: Math.floor(actualStartFrame),
351
349
  durationInFrames: durationInFramesProp,
352
350
  ...passedProps,
@@ -355,7 +353,7 @@ var TransitionSeriesChildren = ({
355
353
  }, i);
356
354
  });
357
355
  }, [children, fps, frame]);
358
- return jsx3(Fragment, {
356
+ return /* @__PURE__ */ jsx3(Fragment, {
359
357
  children: childrenValue
360
358
  });
361
359
  };
@@ -365,11 +363,11 @@ var TransitionSeries = ({ children, name, layout: passedLayout, ...otherProps })
365
363
  if (NoReactInternals2.ENABLE_V5_BREAKING_CHANGES && layout !== "absolute-fill") {
366
364
  throw new TypeError(`The "layout" prop of <TransitionSeries /> is not supported anymore in v5. TransitionSeries' must be absolutely positioned.`);
367
365
  }
368
- return jsx3(Sequence, {
366
+ return /* @__PURE__ */ jsx3(Sequence, {
369
367
  name: displayName,
370
368
  layout,
371
369
  ...otherProps,
372
- children: jsx3(TransitionSeriesChildren, {
370
+ children: /* @__PURE__ */ jsx3(TransitionSeriesChildren, {
373
371
  children
374
372
  })
375
373
  });
@@ -378,7 +376,6 @@ TransitionSeries.Sequence = SeriesSequence;
378
376
  TransitionSeries.Transition = TransitionSeriesTransition;
379
377
  Internals.addSequenceStackTraces(TransitionSeries);
380
378
  Internals.addSequenceStackTraces(SeriesSequence);
381
-
382
379
  // src/use-transition-progress.ts
383
380
  import React4 from "react";
384
381
  var useTransitionProgress = () => {
package/dist/esm/none.mjs CHANGED
@@ -10,7 +10,7 @@ var NonePresentation = ({ children, presentationDirection, passedProps }) => {
10
10
  ...presentationDirection === "entering" ? passedProps.enterStyle : passedProps.exitStyle
11
11
  };
12
12
  }, [passedProps.enterStyle, passedProps.exitStyle, presentationDirection]);
13
- return jsx(AbsoluteFill, {
13
+ return /* @__PURE__ */ jsx(AbsoluteFill, {
14
14
  style,
15
15
  children
16
16
  });
@@ -66,7 +66,7 @@ var SlidePresentation = ({
66
66
  ...presentationDirection === "entering" ? enterStyle : exitStyle
67
67
  };
68
68
  }, [directionStyle, enterStyle, exitStyle, presentationDirection]);
69
- return jsx(AbsoluteFill, {
69
+ return /* @__PURE__ */ jsx(AbsoluteFill, {
70
70
  style,
71
71
  children
72
72
  });
package/dist/esm/wipe.mjs CHANGED
@@ -156,22 +156,22 @@ var WipePresentation = ({
156
156
  pointerEvents: "none"
157
157
  };
158
158
  }, []);
159
- return jsxs(AbsoluteFill, {
159
+ return /* @__PURE__ */ jsxs(AbsoluteFill, {
160
160
  style: outerStyle,
161
161
  children: [
162
- jsx(AbsoluteFill, {
162
+ /* @__PURE__ */ jsx(AbsoluteFill, {
163
163
  style,
164
164
  children
165
165
  }),
166
- jsx(AbsoluteFill, {
167
- children: jsx("svg", {
166
+ /* @__PURE__ */ jsx(AbsoluteFill, {
167
+ children: /* @__PURE__ */ jsx("svg", {
168
168
  viewBox: "0 0 1 1",
169
169
  style: svgStyle,
170
- children: jsx("defs", {
171
- children: jsx("clipPath", {
170
+ children: /* @__PURE__ */ jsx("defs", {
171
+ children: /* @__PURE__ */ jsx("clipPath", {
172
172
  id: clipId,
173
173
  clipPathUnits: "objectBoundingBox",
174
- children: jsx("path", {
174
+ children: /* @__PURE__ */ jsx("path", {
175
175
  d: path,
176
176
  fill: "black"
177
177
  })
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "url": "https://github.com/remotion-dev/remotion/tree/main/packages/transitions"
4
4
  },
5
5
  "name": "@remotion/transitions",
6
- "version": "4.0.208",
6
+ "version": "4.0.209",
7
7
  "description": "Library for creating transitions in Remotion",
8
8
  "sideEffects": false,
9
9
  "main": "dist/esm/index.mjs",
@@ -16,17 +16,17 @@
16
16
  "url": "https://github.com/remotion-dev/remotion/issues"
17
17
  },
18
18
  "dependencies": {
19
- "remotion": "4.0.208",
20
- "@remotion/paths": "4.0.208",
21
- "@remotion/shapes": "4.0.208"
19
+ "remotion": "4.0.209",
20
+ "@remotion/paths": "4.0.209",
21
+ "@remotion/shapes": "4.0.209"
22
22
  },
23
23
  "devDependencies": {
24
24
  "@happy-dom/global-registrator": "14.5.1",
25
25
  "react": "18.3.1",
26
26
  "react-dom": "18.3.1",
27
27
  "@vitejs/plugin-react": "^2.0.0",
28
- "remotion": "4.0.208",
29
- "@remotion/test-utils": "4.0.208"
28
+ "@remotion/test-utils": "4.0.209",
29
+ "remotion": "4.0.209"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "react": ">=16.8.0",