@remotion/shapes 4.0.479 → 4.0.482

package/dist/components/arrow.js

@@ -60,6 +60,7 @@ const ArrowInner = ({ length, headWidth, headLength, shaftWidth, direction, corn
 };
 exports.Arrow = remotion_1.Interactive.withSchema({
     Component: ArrowInner,
+    componentName: '<Arrow>',
     componentIdentity: 'dev.remotion.shapes.Arrow',
     schema: arrowSchema,
     supportsEffects: true,

package/dist/components/callout.js

@@ -71,6 +71,7 @@ const CalloutInner = ({ width, height, pointerLength, pointerBaseWidth, pointerP
 };
 exports.Callout = remotion_1.Interactive.withSchema({
     Component: CalloutInner,
+    componentName: '<Callout>',
     componentIdentity: 'dev.remotion.shapes.Callout',
     schema: calloutSchema,
     supportsEffects: true,

package/dist/components/circle.js

@@ -23,6 +23,7 @@ const CircleInner = ({ radius, ...props }) => {
 };
 exports.Circle = remotion_1.Interactive.withSchema({
     Component: CircleInner,
+    componentName: '<Circle>',
     componentIdentity: 'dev.remotion.shapes.Circle',
     schema: circleSchema,
     supportsEffects: true,

package/dist/components/ellipse.js

@@ -29,6 +29,7 @@ const EllipseInner = ({ rx, ry, ...props }) => {
 };
 exports.Ellipse = remotion_1.Interactive.withSchema({
     Component: EllipseInner,
+    componentName: '<Ellipse>',
     componentIdentity: 'dev.remotion.shapes.Ellipse',
     schema: ellipseSchema,
     supportsEffects: true,

package/dist/components/heart.js

@@ -44,6 +44,7 @@ const HeartInner = ({ aspectRatio, height, bottomRoundnessAdjustment = 0, depthA
 };
 exports.Heart = remotion_1.Interactive.withSchema({
     Component: HeartInner,
+    componentName: '<Heart>',
     componentIdentity: 'dev.remotion.shapes.Heart',
     schema: heartSchema,
     supportsEffects: true,

package/dist/components/pie.js

@@ -47,6 +47,7 @@ const PieInner = ({ radius, progress, closePath, counterClockwise, rotation, ...
 };
 exports.Pie = remotion_1.Interactive.withSchema({
     Component: PieInner,
+    componentName: '<Pie>',
     componentIdentity: 'dev.remotion.shapes.Pie',
     schema: pieSchema,
     supportsEffects: true,

package/dist/components/polygon.js

@@ -34,6 +34,7 @@ const PolygonInner = ({ points, radius, cornerRadius, edgeRoundness, ...props })
 };
 exports.Polygon = remotion_1.Interactive.withSchema({
     Component: PolygonInner,
+    componentName: '<Polygon>',
     componentIdentity: 'dev.remotion.shapes.Polygon',
     schema: polygonSchema,
     supportsEffects: true,

package/dist/components/rect.js

@@ -36,6 +36,7 @@ const RectInner = ({ width, edgeRoundness, height, cornerRadius, ...props }) =>
 };
 exports.Rect = remotion_1.Interactive.withSchema({
     Component: RectInner,
+    componentName: '<Rect>',
     componentIdentity: 'dev.remotion.shapes.Rect',
     schema: rectSchema,
     supportsEffects: true,

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

@@ -14,7 +14,7 @@ export type AllShapesProps = Omit<React.SVGProps<SVGPathElement>, 'width' | 'hei
      */
     readonly stack?: string;
 };
-export declare const RenderSvg: ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects, instructions, pixelDensity, durationInFrames, from, freeze, hidden, name, showInTimeline, controls, stack, ...props }: {
+export declare const RenderSvg: ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects, instructions, pixelDensity, durationInFrames, from, trimBefore, freeze, hidden, name, showInTimeline, controls, stack, ...props }: {
     readonly defaultName: string;
     readonly documentationLink: string;
     readonly width: number;

package/dist/components/render-svg.js

@@ -40,7 +40,7 @@ const react_dom_1 = require("react-dom");
 const remotion_1 = require("remotion");
 const does_react_support_canary_1 = require("../utils/does-react-support-canary");
 const HtmlInCanvasWithPrivateProps = remotion_1.HtmlInCanvas;
-const RenderSvg = ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects = [], instructions, pixelDensity, durationInFrames, from, freeze, hidden, name, showInTimeline, controls, stack, ...props }) => {
+const RenderSvg = ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects = [], instructions, pixelDensity, durationInFrames, from, trimBefore, freeze, hidden, name, showInTimeline, controls, stack, ...props }) => {
     const actualStyle = (0, react_1.useMemo)(() => {
         return {
             overflow: 'visible',
@@ -108,6 +108,6 @@ const RenderSvg = ({ defaultName, documentationLink, width, height, path, style,
     if (!videoConfig) {
         return svg;
     }
-    return (jsx_runtime_1.jsx(remotion_1.Sequence, { layout: "none", from: from, freeze: freeze, hidden: hidden, showInTimeline: showInTimeline, controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, durationInFrames: durationInFrames, name: name !== null && name !== void 0 ? name : defaultName, outlineRef: outlineRef, _remotionInternalDocumentationLink: name === undefined ? documentationLink : undefined, ...stackProps, children: content }));
+    return (jsx_runtime_1.jsx(remotion_1.Sequence, { layout: "none", from: from, trimBefore: trimBefore, freeze: freeze, hidden: hidden, showInTimeline: showInTimeline, controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, durationInFrames: durationInFrames, name: name !== null && name !== void 0 ? name : defaultName, outlineRef: outlineRef, _remotionInternalDocumentationLink: name === undefined ? documentationLink : undefined, ...stackProps, children: content }));
 };
 exports.RenderSvg = RenderSvg;

package/dist/components/spark.js

@@ -42,6 +42,7 @@ const SparkInner = ({ width, height, edgeRoundness, cornerRadius, ...props }) =>
 };
 exports.Spark = remotion_1.Interactive.withSchema({
     Component: SparkInner,
+    componentName: '<Spark>',
     componentIdentity: 'dev.remotion.shapes.Spark',
     schema: sparkSchema,
     supportsEffects: true,

package/dist/components/star.js

@@ -49,6 +49,7 @@ const StarInner = ({ innerRadius, outerRadius, points, cornerRadius, edgeRoundne
 };
 exports.Star = remotion_1.Interactive.withSchema({
     Component: StarInner,
+    componentName: '<Star>',
     componentIdentity: 'dev.remotion.shapes.Star',
     schema: starSchema,
     supportsEffects: true,

package/dist/components/triangle.js

@@ -36,6 +36,7 @@ const TriangleInner = ({ length, direction, edgeRoundness, cornerRadius, ...prop
 };
 exports.Triangle = remotion_1.Interactive.withSchema({
     Component: TriangleInner,
+    componentName: '<Triangle>',
     componentIdentity: 'dev.remotion.shapes.Triangle',
     schema: triangleSchema,
     supportsEffects: true,

package/dist/esm/index.mjs

@@ -176,6 +176,7 @@ var RenderSvg = ({
   pixelDensity,
   durationInFrames,
   from,
+  trimBefore,
   freeze,
   hidden,
   name,
@@ -285,6 +286,7 @@ var RenderSvg = ({
   return /* @__PURE__ */ jsx(Sequence, {
     layout: "none",
     from,
+    trimBefore,
     freeze,
     hidden,
     showInTimeline,
@@ -424,6 +426,7 @@ var ArrowInner = ({
 };
 var Arrow = Interactive.withSchema({
   Component: ArrowInner,
+  componentName: "<Arrow>",
   componentIdentity: "dev.remotion.shapes.Arrow",
   schema: arrowSchema,
   supportsEffects: true
@@ -860,6 +863,7 @@ var CalloutInner = ({
 };
 var Callout = Interactive2.withSchema({
   Component: CalloutInner,
+  componentName: "<Callout>",
   componentIdentity: "dev.remotion.shapes.Callout",
   schema: calloutSchema,
   supportsEffects: true
@@ -930,6 +934,7 @@ var CircleInner = ({ radius, ...props }) => {
 };
 var Circle = Interactive3.withSchema({
   Component: CircleInner,
+  componentName: "<Circle>",
   componentIdentity: "dev.remotion.shapes.Circle",
   schema: circleSchema,
   supportsEffects: true
@@ -995,6 +1000,7 @@ var EllipseInner = ({ rx, ry, ...props }) => {
 };
 var Ellipse = Interactive4.withSchema({
   Component: EllipseInner,
+  componentName: "<Ellipse>",
   componentIdentity: "dev.remotion.shapes.Ellipse",
   schema: ellipseSchema,
   supportsEffects: true
@@ -1141,6 +1147,7 @@ var HeartInner = ({
 };
 var Heart = Interactive5.withSchema({
   Component: HeartInner,
+  componentName: "<Heart>",
   componentIdentity: "dev.remotion.shapes.Heart",
   schema: heartSchema,
   supportsEffects: true
@@ -1303,6 +1310,7 @@ var PieInner = ({
 };
 var Pie = Interactive6.withSchema({
   Component: PieInner,
+  componentName: "<Pie>",
   componentIdentity: "dev.remotion.shapes.Pie",
   schema: pieSchema,
   supportsEffects: true
@@ -1415,6 +1423,7 @@ var PolygonInner = ({
 };
 var Polygon = Interactive7.withSchema({
   Component: PolygonInner,
+  componentName: "<Polygon>",
   componentIdentity: "dev.remotion.shapes.Polygon",
   schema: polygonSchema,
   supportsEffects: true
@@ -1489,6 +1498,7 @@ var RectInner = ({
 };
 var Rect = Interactive8.withSchema({
   Component: RectInner,
+  componentName: "<Rect>",
   componentIdentity: "dev.remotion.shapes.Rect",
   schema: rectSchema,
   supportsEffects: true
@@ -1708,6 +1718,7 @@ var SparkInner = ({
 };
 var Spark = Interactive9.withSchema({
   Component: SparkInner,
+  componentName: "<Spark>",
   componentIdentity: "dev.remotion.shapes.Spark",
   schema: sparkSchema,
   supportsEffects: true
@@ -1831,6 +1842,7 @@ var StarInner = ({
 };
 var Star = Interactive10.withSchema({
   Component: StarInner,
+  componentName: "<Star>",
   componentIdentity: "dev.remotion.shapes.Star",
   schema: starSchema,
   supportsEffects: true
@@ -1945,6 +1957,7 @@ var TriangleInner = ({
 };
 var Triangle = Interactive11.withSchema({
   Component: TriangleInner,
+  componentName: "<Triangle>",
   componentIdentity: "dev.remotion.shapes.Triangle",
   schema: triangleSchema,
   supportsEffects: true

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/shapes"
 	},
 	"name": "@remotion/shapes",
-	"version": "4.0.479",
+	"version": "4.0.482",
 	"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.479",
+		"@remotion/eslint-config-internal": "4.0.482",
 		"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.479",
-		"remotion": "4.0.479"
+		"@remotion/paths": "4.0.482",
+		"remotion": "4.0.482"
 	},
 	"homepage": "https://www.remotion.dev/docs/shapes"
 }