@remotion/shapes 4.0.534 → 4.0.536

package/dist/components/render-svg.d.ts

@@ -1,16 +1,17 @@
 import type { Instruction } from '@remotion/paths';
 import React from 'react';
-import { type EffectsProp, type HtmlInCanvasPixelDensity, type InteractiveBaseProps, type InteractivePremountProps, type SequenceControls } from 'remotion';
+import { type EffectsProp, type EffectsOutputSize, type HtmlInCanvasPixelDensity, type InteractiveBaseProps, type InteractivePremountProps, type SequenceControls } from 'remotion';
 type ShapeSequenceProps = InteractiveBaseProps & InteractivePremountProps & {
     readonly controls?: SequenceControls;
 };
 export type AllShapesProps = Omit<React.SVGProps<SVGPathElement>, 'width' | 'height' | 'd' | 'hidden' | 'name'> & ShapeSequenceProps & {
     readonly debug?: boolean;
     readonly effects?: EffectsProp;
+    readonly effectsOutputSize?: EffectsOutputSize;
     readonly pathStyle?: React.CSSProperties;
     readonly pixelDensity?: HtmlInCanvasPixelDensity;
 };
-export declare const RenderSvg: ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects, instructions, pixelDensity, durationInFrames, from, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, trimBefore, playbackRate, loop, freeze, hidden, name, showInTimeline, controls, ...props }: {
+export declare const RenderSvg: ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects, effectsOutputSize, instructions, pixelDensity, durationInFrames, from, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, trimBefore, playbackRate, loop, freeze, hidden, name, showInTimeline, controls, ...props }: {
     readonly defaultName: string;
     readonly documentationLink: string;
     readonly width: number;
@@ -23,6 +24,7 @@ export declare const RenderSvg: ({ defaultName, documentationLink, width, height
 } & {
     readonly debug?: boolean | undefined;
     readonly effects?: EffectsProp | undefined;
+    readonly effectsOutputSize?: EffectsOutputSize | undefined;
     readonly pathStyle?: React.CSSProperties | undefined;
     readonly pixelDensity?: number | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/render-svg.js

@@ -55,9 +55,9 @@ const RenderSvgWithTiming = ({ premountFor, postmountFor, styleWhilePremounted,
         styleWhilePostmounted: styleWhilePostmounted !== null && styleWhilePostmounted !== void 0 ? styleWhilePostmounted : null,
         hideWhilePremounted: 'opacity',
     });
-    return (jsx_runtime_1.jsx(remotion_1.Freeze, { frame: freezeFrame, active: isPremountingOrPostmounting, children: jsx_runtime_1.jsx(remotion_1.Sequence, { layout: "none", from: from, trimBefore: trimBefore, playbackRate: playbackRate, loop: loop, freeze: freeze, hidden: hidden, showInTimeline: showInTimeline, controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, durationInFrames: durationInFrames, name: name !== null && name !== void 0 ? name : defaultName, _remotionInternalDocumentationLink: name === undefined ? documentationLink : undefined, _remotionInternalPremountDisplay: effectivePremountFor || null, _remotionInternalPostmountDisplay: effectivePostmountFor || null, _remotionInternalIsPremounting: premountingActive, _remotionInternalIsPostmounting: postmountingActive, children: react_1.default.cloneElement(content, { style: premountingStyle !== null && premountingStyle !== void 0 ? premountingStyle : undefined }) }) }));
+    return (jsx_runtime_1.jsx(remotion_1.Freeze, { frame: freezeFrame, active: isPremountingOrPostmounting, children: jsx_runtime_1.jsx(remotion_1.Sequence, { layout: "none", from: from, trimBefore: trimBefore, playbackRate: playbackRate, loop: loop, freeze: freeze, hidden: hidden, showInTimeline: showInTimeline, controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, durationInFrames: durationInFrames, name: name !== null && name !== void 0 ? name : defaultName, _remotionInternalDocumentationLink: documentationLink, _remotionInternalPremountDisplay: effectivePremountFor || null, _remotionInternalPostmountDisplay: effectivePostmountFor || null, _remotionInternalIsPremounting: premountingActive, _remotionInternalIsPostmounting: postmountingActive, children: react_1.default.cloneElement(content, { style: premountingStyle !== null && premountingStyle !== void 0 ? premountingStyle : undefined }) }) }));
 };
-const RenderSvg = ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects = [], instructions, pixelDensity, durationInFrames, from, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, trimBefore, playbackRate, loop, freeze, hidden, name, showInTimeline, controls, ...props }) => {
+const RenderSvg = ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects = [], effectsOutputSize, instructions, pixelDensity, durationInFrames, from, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, trimBefore, playbackRate, loop, freeze, hidden, name, showInTimeline, controls, ...props }) => {
     const actualStyle = (0, react_1.useMemo)(() => {
         return {
             overflow: 'visible',
@@ -113,7 +113,7 @@ const RenderSvg = ({ defaultName, documentationLink, width, height, path, style,
                     return null;
                 })
                 : null] }));
-    const content = effects.length === 0 ? (svg) : (jsx_runtime_1.jsx(HtmlInCanvasWithPrivateProps, { width: Math.ceil(width), height: Math.ceil(height), effects: effects, pixelDensity: pixelDensity, showInTimeline: false, style: actualStyle, controls: controls, children: svg }));
+    const content = effects.length === 0 ? (svg) : (jsx_runtime_1.jsx(HtmlInCanvasWithPrivateProps, { width: Math.ceil(width), height: Math.ceil(height), effects: effects, effectsOutputSize: effectsOutputSize, pixelDensity: pixelDensity, showInTimeline: false, style: actualStyle, controls: controls, children: svg }));
     if (!videoConfig) {
         return svg;
     }

package/dist/esm/index.mjs

@@ -221,7 +221,7 @@ var RenderSvgWithTiming = ({
       _remotionInternalEffects: memoizedEffectDefinitions,
       durationInFrames,
       name: name ?? defaultName,
-      _remotionInternalDocumentationLink: name === undefined ? documentationLink : undefined,
+      _remotionInternalDocumentationLink: documentationLink,
       _remotionInternalPremountDisplay: effectivePremountFor || null,
       _remotionInternalPostmountDisplay: effectivePostmountFor || null,
       _remotionInternalIsPremounting: premountingActive,
@@ -241,6 +241,7 @@ var RenderSvg = ({
   transformOrigin,
   debug,
   effects = [],
+  effectsOutputSize,
   instructions,
   pixelDensity,
   durationInFrames,
@@ -338,6 +339,7 @@ var RenderSvg = ({
     width: Math.ceil(width),
     height: Math.ceil(height),
     effects,
+    effectsOutputSize,
     pixelDensity,
     showInTimeline: false,
     style: actualStyle,
@@ -2031,26 +2033,26 @@ var Triangle = Interactive12.withSchema({
   supportsEffects: true
 });
 export {
-  makeTriangle,
-  makeStar,
-  makeSpark,
-  makeRect,
-  makePolygon,
-  makePie,
-  makeHeart,
-  makeEllipse,
-  makeCircle,
-  makeCallout,
-  makeArrow,
-  Triangle,
-  Star,
-  Spark,
-  Rect,
-  Polygon,
-  Pie,
-  Heart,
-  Ellipse,
-  Circle,
+  Arrow,
   Callout,
-  Arrow
+  Circle,
+  Ellipse,
+  Heart,
+  Pie,
+  Polygon,
+  Rect,
+  Spark,
+  Star,
+  Triangle,
+  makeArrow,
+  makeCallout,
+  makeCircle,
+  makeEllipse,
+  makeHeart,
+  makePie,
+  makePolygon,
+  makeRect,
+  makeSpark,
+  makeStar,
+  makeTriangle
 };

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/shapes"
 	},
 	"name": "@remotion/shapes",
-	"version": "4.0.534",
+	"version": "4.0.536",
 	"description": "Generate SVG shapes",
 	"main": "dist/index.js",
 	"scripts": {
@@ -34,7 +34,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@happy-dom/global-registrator": "14.5.1",
-		"@remotion/eslint-config-internal": "4.0.534",
+		"@remotion/eslint-config-internal": "4.0.536",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},
@@ -51,8 +51,8 @@
 		"react-dom": ">=16.8.0"
 	},
 	"dependencies": {
-		"@remotion/paths": "4.0.534",
-		"remotion": "4.0.534"
+		"@remotion/paths": "4.0.536",
+		"remotion": "4.0.536"
 	},
 	"homepage": "https://www.remotion.dev/docs/shapes"
 }