@remotion/shapes 4.0.496 → 4.0.498

package/dist/components/schema.js

@@ -48,6 +48,8 @@ const makeShapeSchema = (shapeFields) => {
             description: 'Fill',
         }),
         ...remotion_1.Internals.transformSchema,
+        ...remotion_1.Interactive.backgroundSchema,
+        ...remotion_1.Interactive.borderSchema,
     };
 };
 exports.makeShapeSchema = makeShapeSchema;

package/dist/esm/index.mjs

@@ -1,5 +1,5 @@
 // src/components/arrow.tsx
-import { Interactive } from "remotion";
+import { Interactive as Interactive2 } from "remotion";
 
 // src/utils/make-arrow.ts
 import { serializeInstructions } from "@remotion/paths";
@@ -303,7 +303,8 @@ var RenderSvg = ({
 
 // src/components/schema.ts
 import {
-  Internals as Internals2
+  Internals as Internals2,
+  Interactive
 } from "remotion";
 var numberField = ({
   defaultValue,
@@ -363,7 +364,9 @@ var makeShapeSchema = (shapeFields) => {
       defaultValue: "#0b84ff",
       description: "Fill"
     }),
-    ...Internals2.transformSchema
+    ...Internals2.transformSchema,
+    ...Interactive.backgroundSchema,
+    ...Interactive.borderSchema
   };
 };
 
@@ -424,7 +427,7 @@ var ArrowInner = ({
     ...props
   });
 };
-var Arrow = Interactive.withSchema({
+var Arrow = Interactive2.withSchema({
   Component: ArrowInner,
   componentName: "<Arrow>",
   componentIdentity: "dev.remotion.shapes.Arrow",
@@ -432,7 +435,7 @@ var Arrow = Interactive.withSchema({
   supportsEffects: true
 });
 // src/components/callout.tsx
-import { Interactive as Interactive2 } from "remotion";
+import { Interactive as Interactive3 } from "remotion";
 
 // src/utils/make-callout.ts
 import { serializeInstructions as serializeInstructions2 } from "@remotion/paths";
@@ -860,7 +863,7 @@ var CalloutInner = ({
     ...props
   });
 };
-var Callout = Interactive2.withSchema({
+var Callout = Interactive3.withSchema({
   Component: CalloutInner,
   componentName: "<Callout>",
   componentIdentity: "dev.remotion.shapes.Callout",
@@ -868,7 +871,7 @@ var Callout = Interactive2.withSchema({
   supportsEffects: true
 });
 // src/components/circle.tsx
-import { Interactive as Interactive3 } from "remotion";
+import { Interactive as Interactive4 } from "remotion";
 
 // src/utils/make-circle.ts
 import { serializeInstructions as serializeInstructions3 } from "@remotion/paths";
@@ -930,7 +933,7 @@ var CircleInner = ({ radius, ...props }) => {
     ...props
   });
 };
-var Circle = Interactive3.withSchema({
+var Circle = Interactive4.withSchema({
   Component: CircleInner,
   componentName: "<Circle>",
   componentIdentity: "dev.remotion.shapes.Circle",
@@ -938,7 +941,7 @@ var Circle = Interactive3.withSchema({
   supportsEffects: true
 });
 // src/components/ellipse.tsx
-import { Interactive as Interactive4 } from "remotion";
+import { Interactive as Interactive5 } from "remotion";
 
 // src/utils/make-ellipse.ts
 import { serializeInstructions as serializeInstructions4 } from "@remotion/paths";
@@ -995,7 +998,7 @@ var EllipseInner = ({ rx, ry, ...props }) => {
     ...props
   });
 };
-var Ellipse = Interactive4.withSchema({
+var Ellipse = Interactive5.withSchema({
   Component: EllipseInner,
   componentName: "<Ellipse>",
   componentIdentity: "dev.remotion.shapes.Ellipse",
@@ -1003,7 +1006,7 @@ var Ellipse = Interactive4.withSchema({
   supportsEffects: true
 });
 // src/components/heart.tsx
-import { Interactive as Interactive5 } from "remotion";
+import { Interactive as Interactive6 } from "remotion";
 
 // src/utils/make-heart.ts
 import { serializeInstructions as serializeInstructions5 } from "@remotion/paths";
@@ -1141,7 +1144,7 @@ var HeartInner = ({
     ...props
   });
 };
-var Heart = Interactive5.withSchema({
+var Heart = Interactive6.withSchema({
   Component: HeartInner,
   componentName: "<Heart>",
   componentIdentity: "dev.remotion.shapes.Heart",
@@ -1149,7 +1152,7 @@ var Heart = Interactive5.withSchema({
   supportsEffects: true
 });
 // src/components/pie.tsx
-import { Interactive as Interactive6 } from "remotion";
+import { Interactive as Interactive7 } from "remotion";
 
 // src/utils/make-pie.ts
 import { serializeInstructions as serializeInstructions6 } from "@remotion/paths";
@@ -1303,7 +1306,7 @@ var PieInner = ({
     ...props
   });
 };
-var Pie = Interactive6.withSchema({
+var Pie = Interactive7.withSchema({
   Component: PieInner,
   componentName: "<Pie>",
   componentIdentity: "dev.remotion.shapes.Pie",
@@ -1311,7 +1314,7 @@ var Pie = Interactive6.withSchema({
   supportsEffects: true
 });
 // src/components/polygon.tsx
-import { Interactive as Interactive7 } from "remotion";
+import { Interactive as Interactive8 } from "remotion";
 
 // src/utils/make-polygon.ts
 import {
@@ -1415,7 +1418,7 @@ var PolygonInner = ({
     ...props
   });
 };
-var Polygon = Interactive7.withSchema({
+var Polygon = Interactive8.withSchema({
   Component: PolygonInner,
   componentName: "<Polygon>",
   componentIdentity: "dev.remotion.shapes.Polygon",
@@ -1423,7 +1426,7 @@ var Polygon = Interactive7.withSchema({
   supportsEffects: true
 });
 // src/components/rect.tsx
-import { Interactive as Interactive8 } from "remotion";
+import { Interactive as Interactive9 } from "remotion";
 
 // src/utils/make-rect.ts
 import { serializeInstructions as serializeInstructions8 } from "@remotion/paths";
@@ -1489,7 +1492,7 @@ var RectInner = ({
     ...props
   });
 };
-var Rect = Interactive8.withSchema({
+var Rect = Interactive9.withSchema({
   Component: RectInner,
   componentName: "<Rect>",
   componentIdentity: "dev.remotion.shapes.Rect",
@@ -1497,7 +1500,7 @@ var Rect = Interactive8.withSchema({
   supportsEffects: true
 });
 // src/components/spark.tsx
-import { Interactive as Interactive9 } from "remotion";
+import { Interactive as Interactive10 } from "remotion";
 
 // src/utils/make-spark.ts
 import { serializeInstructions as serializeInstructions9 } from "@remotion/paths";
@@ -1708,7 +1711,7 @@ var SparkInner = ({
     ...props
   });
 };
-var Spark = Interactive9.withSchema({
+var Spark = Interactive10.withSchema({
   Component: SparkInner,
   componentName: "<Spark>",
   componentIdentity: "dev.remotion.shapes.Spark",
@@ -1716,7 +1719,7 @@ var Spark = Interactive9.withSchema({
   supportsEffects: true
 });
 // src/components/star.tsx
-import { Interactive as Interactive10 } from "remotion";
+import { Interactive as Interactive11 } from "remotion";
 
 // src/utils/make-star.ts
 import {
@@ -1831,7 +1834,7 @@ var StarInner = ({
     ...props
   });
 };
-var Star = Interactive10.withSchema({
+var Star = Interactive11.withSchema({
   Component: StarInner,
   componentName: "<Star>",
   componentIdentity: "dev.remotion.shapes.Star",
@@ -1839,7 +1842,7 @@ var Star = Interactive10.withSchema({
   supportsEffects: true
 });
 // src/components/triangle.tsx
-import { Interactive as Interactive11 } from "remotion";
+import { Interactive as Interactive12 } from "remotion";
 
 // src/utils/make-triangle.ts
 import { serializeInstructions as serializeInstructions11 } from "@remotion/paths";
@@ -1945,7 +1948,7 @@ var TriangleInner = ({
     ...props
   });
 };
-var Triangle = Interactive11.withSchema({
+var Triangle = Interactive12.withSchema({
   Component: TriangleInner,
   componentName: "<Triangle>",
   componentIdentity: "dev.remotion.shapes.Triangle",

package/package.json

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