@remotion/shapes 3.3.41 → 3.3.43

package/dist/make-circle.d.ts

@@ -1,4 +1,6 @@
 export declare type MakeCircleProps = {
-    radius: number;
+    cx?: number | string;
+    cy?: number | string;
+    radius?: number | string;
 };
-export declare const makeCircle: ({ radius }: MakeCircleProps) => string;
+export declare const makeCircle: ({ cx, cy, radius, }: MakeCircleProps) => string;

package/dist/make-circle.js

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeCircle = void 0;
-const makeCircle = ({ radius }) => {
-    const cx = radius;
-    const cy = radius;
+const makeCircle = ({ cx = 50, cy = 50, radius = 50, }) => {
     return `M ${cx} ${cy} m -${radius} 0 a ${radius} ${radius} 0 1 0 ${radius * 2} 0 ${radius} ${radius} 0 1 0 ${-radius * 2} 0`;
 };
 exports.makeCircle = makeCircle;

package/dist/make-ellipse.d.ts

@@ -1,5 +1,5 @@
 export declare type MakeEllipseOptions = {
-    rx: number;
-    ry: number;
+    rx?: number | string;
+    ry?: number | string;
 };
 export declare const makeEllipse: ({ rx, ry }: MakeEllipseOptions) => string;

package/dist/make-rect.d.ts

@@ -1,5 +1,7 @@
 export declare type MakeRectOptions = {
+    x?: number;
+    y?: number;
     width: number;
     height: number;
 };
-export declare const makeRect: ({ width, height }: MakeRectOptions) => string;
+export declare const makeRect: ({ x, y, width, height }: MakeRectOptions) => string;

package/dist/make-rect.js

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeRect = void 0;
-const makeRect = ({ width, height }) => {
-    const x = 0;
-    const y = 0;
+const makeRect = ({ x = 0, y = 0, width, height }) => {
     return `M ${x} ${y} l ${width} 0 l 0 ${height} l ${-width} 0 Z`;
 };
 exports.makeRect = makeRect;

package/dist/make-square.d.ts

@@ -0,0 +1,7 @@
+export declare type MakeRectOptions = {
+    x?: number;
+    y?: number;
+    width: number;
+    height: number;
+};
+export declare const makeRect: ({ x, y, width, height }: MakeRectOptions) => string;

package/dist/make-square.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeRect = void 0;
+const makeRect = ({ x = 0, y = 0, width, height }) => {
+    return `M ${x} ${y} l ${width} 0 l 0 ${height} l ${-width} 0 Z`;
+};
+exports.makeRect = makeRect;

package/dist/square.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare type SquareProps = {
+    width: number;
+    height: number;
+    fill?: string;
+    style?: React.CSSProperties;
+};
+export declare const Square: React.FC<SquareProps>;

package/dist/square.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Square = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const make_square_1 = require("./make-square");
+const Square = ({ width, height, fill, style }) => {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: width, height: height, viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", style: style, "data-shape-type": "square", children: (0, jsx_runtime_1.jsx)("path", { d: (0, make_square_1.makeSquare)({
+                width,
+                height,
+            }), fill: fill }) }));
+};
+exports.Square = Square;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/shapes",
-	"version": "3.3.41",
+	"version": "3.3.43",
 	"description": "Utility functions and components for SVG shapes",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -45,7 +45,7 @@
 		"react-dom": ">=16.8.0"
 	},
 	"dependencies": {
-		"@remotion/paths": "3.3.41"
+		"@remotion/paths": "3.3.43"
 	},
-	"gitHead": "8e408247d151ac824864acf357782f10c89ed5f5"
+	"gitHead": "3585e437a30ba001e983539728eb1914172b729c"
 }

package/dist/components/return-type.d.ts

@@ -1,5 +0,0 @@
-export declare type ShapeInfo = {
-    path: string;
-    width: string;
-    height: string;
-};

package/dist/components/return-type.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/shape-info.d.ts

@@ -1,5 +0,0 @@
-export declare type ShapeInfo = {
-    path: string;
-    width: number;
-    height: number;
-};

package/dist/components/shape-info.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/utils/star.d.ts

@@ -1,10 +0,0 @@
-export declare type StarProps = {
-    centerX: number;
-    centerY: number;
-    points: number;
-    innerRadius: number;
-    outerRadius: number;
-    edgeRoundness: number | null;
-    cornerRadius: number;
-};
-export declare const star: ({ centerX, centerY, points, innerRadius, outerRadius, cornerRadius, edgeRoundness, }: StarProps) => string;

package/dist/utils/star.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.star = void 0;
-const instructions_1 = require("./instructions");
-const join_points_1 = require("./join-points");
-const polarToCartesian = ({ centerX, centerY, radius, angleInDegrees, }) => {
-    const angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0;
-    return {
-        x: centerX + radius * Math.cos(angleInRadians),
-        y: centerY + radius * Math.sin(angleInRadians),
-    };
-};
-const star = ({ centerX, centerY, points, innerRadius, outerRadius, cornerRadius, edgeRoundness, }) => {
-    const degreeIncrement = 360 / (points * 2);
-    const d = new Array(points * 2)
-        .fill('true')
-        .map((_p, i) => {
-        const radius = i % 2 === 0 ? outerRadius : innerRadius;
-        const degrees = degreeIncrement * i;
-        const point = polarToCartesian({
-            centerX,
-            centerY,
-            radius,
-            angleInDegrees: degrees,
-        });
-        return [point.x, point.y];
-    });
-    return (0, instructions_1.serializeInstructions)((0, join_points_1.joinPoints)([...d, d[0]], {
-        edgeRoundness,
-        cornerRadius,
-        roundCornerStrategy: 'arc',
-    }));
-};
-exports.star = star;