@zenode/designer 3.5.0

package/dist/nodes/geometry/octagonPath.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Builds an SVG path for an octagon centered in a box.
+ */
+export declare function octagonPath(x: number, y: number, width: number, height: number): string;

package/dist/nodes/geometry/octagonPath.js

@@ -0,0 +1,21 @@
+/**
+ * Builds an SVG path for an octagon centered in a box.
+ */
+function octagonPath(x, y, width, height) {
+    const cx = x + width / 2;
+    const cy = y + height / 2;
+    const rx = width / 2;
+    const ry = height / 2;
+    const points = [];
+    for (let i = 0; i < 8; i++) {
+        // Offset by PI/8 to have horizontal/vertical sides
+        const angle = (i * Math.PI) / 4 + Math.PI / 8;
+        const px = cx + rx * Math.cos(angle);
+        const py = cy + ry * Math.sin(angle);
+        points.push(`${px},${py}`);
+    }
+    return `M ${points.join(" L ")} Z`;
+}
+
+export { octagonPath };
+//# sourceMappingURL=octagonPath.js.map

package/dist/nodes/geometry/octagonPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"octagonPath.js","sources":["../../../src/nodes/geometry/octagonPath.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;AAEG;AACG,SAAU,WAAW,CACzB,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EAAA;AAEd,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AACxB,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;AACzB,IAAA,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;AACpB,IAAA,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC;IAErB,MAAM,MAAM,GAAa,EAAE;AAC3B,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;;AAE1B,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC;AAC7C,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;AACpC,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC,CAAA,EAAG,EAAE,CAAI,CAAA,EAAA,EAAE,CAAE,CAAA,CAAC;;IAG5B,OAAO,CAAA,EAAA,EAAK,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI;AACpC;;;;"}

package/dist/nodes/geometry/parallelogramPath.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+/**
+ * Generates an SVG path data string for a parallelogram within the given bounding box.
+ */
+function parallelogramPath(config) {
+    const { x, y, width, height } = config;
+    const offset = width * 0.2; // 20% offset for the slant
+    return `M ${x + offset} ${y}
+            L ${x + width} ${y}
+            L ${x + width - offset} ${y + height}
+            L ${x} ${y + height} Z`;
+}
+
+exports.parallelogramPath = parallelogramPath;
+//# sourceMappingURL=parallelogramPath.cjs.map

package/dist/nodes/geometry/parallelogramPath.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parallelogramPath.cjs","sources":["../../../src/nodes/geometry/parallelogramPath.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;;AAEG;AACG,SAAU,iBAAiB,CAAC,MAA2B,EAAA;IACzD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM;AACtC,IAAA,MAAM,MAAM,GAAG,KAAK,GAAG,GAAG,CAAC;AAC3B,IAAA,OAAO,CAAK,EAAA,EAAA,CAAC,GAAG,MAAM,IAAI,CAAC,CAAA;gBACf,CAAC,GAAG,KAAK,CAAA,CAAA,EAAI,CAAC,CAAA;AACd,cAAA,EAAA,CAAC,GAAG,KAAK,GAAG,MAAM,CAAI,CAAA,EAAA,CAAC,GAAG,MAAM,CAAA;AAChC,cAAA,EAAA,CAAC,CAAI,CAAA,EAAA,CAAC,GAAG,MAAM,IAAI;AACnC;;;;"}

package/dist/nodes/geometry/parallelogramPath.d.ts

@@ -0,0 +1,5 @@
+import { ResolvedShapeConfig } from "../../types/index.js";
+/**
+ * Generates an SVG path data string for a parallelogram within the given bounding box.
+ */
+export declare function parallelogramPath(config: ResolvedShapeConfig): string;

package/dist/nodes/geometry/parallelogramPath.js

@@ -0,0 +1,14 @@
+/**
+ * Generates an SVG path data string for a parallelogram within the given bounding box.
+ */
+function parallelogramPath(config) {
+    const { x, y, width, height } = config;
+    const offset = width * 0.2; // 20% offset for the slant
+    return `M ${x + offset} ${y}
+            L ${x + width} ${y}
+            L ${x + width - offset} ${y + height}
+            L ${x} ${y + height} Z`;
+}
+
+export { parallelogramPath };
+//# sourceMappingURL=parallelogramPath.js.map

package/dist/nodes/geometry/parallelogramPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parallelogramPath.js","sources":["../../../src/nodes/geometry/parallelogramPath.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEA;;AAEG;AACG,SAAU,iBAAiB,CAAC,MAA2B,EAAA;IACzD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM;AACtC,IAAA,MAAM,MAAM,GAAG,KAAK,GAAG,GAAG,CAAC;AAC3B,IAAA,OAAO,CAAK,EAAA,EAAA,CAAC,GAAG,MAAM,IAAI,CAAC,CAAA;gBACf,CAAC,GAAG,KAAK,CAAA,CAAA,EAAI,CAAC,CAAA;AACd,cAAA,EAAA,CAAC,GAAG,KAAK,GAAG,MAAM,CAAI,CAAA,EAAA,CAAC,GAAG,MAAM,CAAA;AAChC,cAAA,EAAA,CAAC,CAAI,CAAA,EAAA,CAAC,GAAG,MAAM,IAAI;AACnC;;;;"}

package/dist/nodes/geometry/pentagonPath.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+/**
+ * Builds an SVG path for a regular pentagon centered in a box.
+ */
+function pentagonPath(x, y, width, height) {
+    const cx = x + width / 2;
+    const cy = y + height / 2;
+    const rx = width / 2;
+    const ry = height / 2;
+    const points = [];
+    for (let i = 0; i < 5; i++) {
+        // - Math.PI / 2 starts from the top vertex
+        const angle = (i * 2 * Math.PI) / 5 - Math.PI / 2;
+        const px = cx + rx * Math.cos(angle);
+        const py = cy + ry * Math.sin(angle);
+        points.push(`${px},${py}`);
+    }
+    return `M ${points.join(" L ")} Z`;
+}
+
+exports.pentagonPath = pentagonPath;
+//# sourceMappingURL=pentagonPath.cjs.map

package/dist/nodes/geometry/pentagonPath.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pentagonPath.cjs","sources":["../../../src/nodes/geometry/pentagonPath.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;AAEG;AACG,SAAU,YAAY,CAC1B,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EAAA;AAEd,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AACxB,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;AACzB,IAAA,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;AACpB,IAAA,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC;IAErB,MAAM,MAAM,GAAa,EAAE;AAC3B,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;;AAE1B,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC;AACjD,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;AACpC,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC,CAAA,EAAG,EAAE,CAAI,CAAA,EAAA,EAAE,CAAE,CAAA,CAAC;;IAG5B,OAAO,CAAA,EAAA,EAAK,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI;AACpC;;;;"}

package/dist/nodes/geometry/pentagonPath.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Builds an SVG path for a regular pentagon centered in a box.
+ */
+export declare function pentagonPath(x: number, y: number, width: number, height: number): string;

package/dist/nodes/geometry/pentagonPath.js

@@ -0,0 +1,21 @@
+/**
+ * Builds an SVG path for a regular pentagon centered in a box.
+ */
+function pentagonPath(x, y, width, height) {
+    const cx = x + width / 2;
+    const cy = y + height / 2;
+    const rx = width / 2;
+    const ry = height / 2;
+    const points = [];
+    for (let i = 0; i < 5; i++) {
+        // - Math.PI / 2 starts from the top vertex
+        const angle = (i * 2 * Math.PI) / 5 - Math.PI / 2;
+        const px = cx + rx * Math.cos(angle);
+        const py = cy + ry * Math.sin(angle);
+        points.push(`${px},${py}`);
+    }
+    return `M ${points.join(" L ")} Z`;
+}
+
+export { pentagonPath };
+//# sourceMappingURL=pentagonPath.js.map

package/dist/nodes/geometry/pentagonPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pentagonPath.js","sources":["../../../src/nodes/geometry/pentagonPath.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;AAEG;AACG,SAAU,YAAY,CAC1B,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EAAA;AAEd,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AACxB,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;AACzB,IAAA,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;AACpB,IAAA,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC;IAErB,MAAM,MAAM,GAAa,EAAE;AAC3B,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;;AAE1B,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC;AACjD,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;AACpC,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC,CAAA,EAAG,EAAE,CAAI,CAAA,EAAA,EAAE,CAAE,CAAA,CAAC;;IAG5B,OAAO,CAAA,EAAA,EAAK,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI;AACpC;;;;"}

package/dist/nodes/geometry/polygonPath.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+/**
+ * Generates an SVG path data string for a regular polygon with N sides.
+ */
+function polygonPath(config, sides) {
+    const { x, y, width, height } = config;
+    const cx = x + width / 2;
+    const cy = y + height / 2;
+    const rx = width / 2;
+    const ry = height / 2;
+    let path = "";
+    for (let i = 0; i < sides; i++) {
+        const angle = (i * 2 * Math.PI) / sides - Math.PI / 2;
+        const px = cx + rx * Math.cos(angle);
+        const py = cy + ry * Math.sin(angle);
+        if (i === 0) {
+            path += `M ${px} ${py}`;
+        }
+        else {
+            path += ` L ${px} ${py}`;
+        }
+    }
+    return path + " Z";
+}
+
+exports.polygonPath = polygonPath;
+//# sourceMappingURL=polygonPath.cjs.map

package/dist/nodes/geometry/polygonPath.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygonPath.cjs","sources":["../../../src/nodes/geometry/polygonPath.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;;AAEG;AACa,SAAA,WAAW,CAAC,MAA2B,EAAE,KAAa,EAAA;IAClE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM;AACtC,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AACxB,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;AACzB,IAAA,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;AACpB,IAAA,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC;IAErB,IAAI,IAAI,GAAG,EAAE;AACb,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;AAC5B,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC;AACrD,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;AACpC,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;AACpC,QAAA,IAAI,CAAC,KAAK,CAAC,EAAE;AACT,YAAA,IAAI,IAAI,CAAK,EAAA,EAAA,EAAE,CAAI,CAAA,EAAA,EAAE,EAAE;;aACpB;AACH,YAAA,IAAI,IAAI,CAAM,GAAA,EAAA,EAAE,CAAI,CAAA,EAAA,EAAE,EAAE;;;IAIhC,OAAO,IAAI,GAAG,IAAI;AACtB;;;;"}

package/dist/nodes/geometry/polygonPath.d.ts

@@ -0,0 +1,5 @@
+import { ResolvedShapeConfig } from "../../types/index.js";
+/**
+ * Generates an SVG path data string for a regular polygon with N sides.
+ */
+export declare function polygonPath(config: ResolvedShapeConfig, sides: number): string;

package/dist/nodes/geometry/polygonPath.js

@@ -0,0 +1,26 @@
+/**
+ * Generates an SVG path data string for a regular polygon with N sides.
+ */
+function polygonPath(config, sides) {
+    const { x, y, width, height } = config;
+    const cx = x + width / 2;
+    const cy = y + height / 2;
+    const rx = width / 2;
+    const ry = height / 2;
+    let path = "";
+    for (let i = 0; i < sides; i++) {
+        const angle = (i * 2 * Math.PI) / sides - Math.PI / 2;
+        const px = cx + rx * Math.cos(angle);
+        const py = cy + ry * Math.sin(angle);
+        if (i === 0) {
+            path += `M ${px} ${py}`;
+        }
+        else {
+            path += ` L ${px} ${py}`;
+        }
+    }
+    return path + " Z";
+}
+
+export { polygonPath };
+//# sourceMappingURL=polygonPath.js.map

package/dist/nodes/geometry/polygonPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygonPath.js","sources":["../../../src/nodes/geometry/polygonPath.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEA;;AAEG;AACa,SAAA,WAAW,CAAC,MAA2B,EAAE,KAAa,EAAA;IAClE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM;AACtC,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AACxB,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;AACzB,IAAA,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;AACpB,IAAA,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC;IAErB,IAAI,IAAI,GAAG,EAAE;AACb,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;AAC5B,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC;AACrD,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;AACpC,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;AACpC,QAAA,IAAI,CAAC,KAAK,CAAC,EAAE;AACT,YAAA,IAAI,IAAI,CAAK,EAAA,EAAA,EAAE,CAAI,CAAA,EAAA,EAAE,EAAE;;aACpB;AACH,YAAA,IAAI,IAAI,CAAM,GAAA,EAAA,EAAE,CAAI,CAAA,EAAA,EAAE,EAAE;;;IAIhC,OAAO,IAAI,GAAG,IAAI;AACtB;;;;"}

package/dist/nodes/geometry/rectanglePath.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+/**
+ * Builds an SVG path for a rectangle with independent corner radii.
+ */
+function roundedRectPath(x, y, width, height, r1, r2, r3, r4) {
+    r1 = Math.min(r1, width / 2, height / 2);
+    r2 = Math.min(r2, width / 2, height / 2);
+    r3 = Math.min(r3, width / 2, height / 2);
+    r4 = Math.min(r4, width / 2, height / 2);
+    return `M ${x + r1},${y}
+          H ${x + width - r2}
+          A ${r2},${r2} 0 0 1 ${x + width},${y + r2}
+          V ${y + height - r3}
+          A ${r3},${r3} 0 0 1 ${x + width - r3},${y + height}
+          H ${x + r4}
+          A ${r4},${r4} 0 0 1 ${x},${y + height - r4}
+          V ${y + r1}
+          A ${r1},${r1} 0 0 1 ${x + r1},${y} Z`;
+}
+
+exports.roundedRectPath = roundedRectPath;
+//# sourceMappingURL=rectanglePath.cjs.map

package/dist/nodes/geometry/rectanglePath.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rectanglePath.cjs","sources":["../../../src/nodes/geometry/rectanglePath.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;AAEG;SACa,eAAe,CAC7B,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACd,EAAU,EACV,EAAU,EACV,EAAU,EACV,EAAU,EAAA;AAEV,IAAA,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;AACxC,IAAA,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;AACxC,IAAA,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;AACxC,IAAA,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;AAExC,IAAA,OAAO,CAAK,EAAA,EAAA,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;cACX,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA;cACd,EAAE,CAAA,CAAA,EAAI,EAAE,CAAU,OAAA,EAAA,CAAC,GAAG,KAAK,CAAA,CAAA,EAAI,CAAC,GAAG,EAAE,CAAA;cACrC,CAAC,GAAG,MAAM,GAAG,EAAE,CAAA;cACf,EAAE,CAAA,CAAA,EAAI,EAAE,CAAA,OAAA,EAAU,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA,CAAA,EAAI,CAAC,GAAG,MAAM,CAAA;AAC9C,YAAA,EAAA,CAAC,GAAG,EAAE,CAAA;cACN,EAAE,CAAA,CAAA,EAAI,EAAE,CAAU,OAAA,EAAA,CAAC,IAAI,CAAC,GAAG,MAAM,GAAG,EAAE,CAAA;AACtC,YAAA,EAAA,CAAC,GAAG,EAAE,CAAA;cACN,EAAE,CAAA,CAAA,EAAI,EAAE,CAAU,OAAA,EAAA,CAAC,GAAG,EAAE,CAAA,CAAA,EAAI,CAAC,CAAA,EAAA,CAAI;AAC/C;;;;"}

package/dist/nodes/geometry/rectanglePath.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Builds an SVG path for a rectangle with independent corner radii.
+ */
+export declare function roundedRectPath(x: number, y: number, width: number, height: number, r1: number, r2: number, r3: number, r4: number): string;

package/dist/nodes/geometry/rectanglePath.js

@@ -0,0 +1,21 @@
+/**
+ * Builds an SVG path for a rectangle with independent corner radii.
+ */
+function roundedRectPath(x, y, width, height, r1, r2, r3, r4) {
+    r1 = Math.min(r1, width / 2, height / 2);
+    r2 = Math.min(r2, width / 2, height / 2);
+    r3 = Math.min(r3, width / 2, height / 2);
+    r4 = Math.min(r4, width / 2, height / 2);
+    return `M ${x + r1},${y}
+          H ${x + width - r2}
+          A ${r2},${r2} 0 0 1 ${x + width},${y + r2}
+          V ${y + height - r3}
+          A ${r3},${r3} 0 0 1 ${x + width - r3},${y + height}
+          H ${x + r4}
+          A ${r4},${r4} 0 0 1 ${x},${y + height - r4}
+          V ${y + r1}
+          A ${r1},${r1} 0 0 1 ${x + r1},${y} Z`;
+}
+
+export { roundedRectPath };
+//# sourceMappingURL=rectanglePath.js.map

package/dist/nodes/geometry/rectanglePath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rectanglePath.js","sources":["../../../src/nodes/geometry/rectanglePath.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;AAEG;SACa,eAAe,CAC7B,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACd,EAAU,EACV,EAAU,EACV,EAAU,EACV,EAAU,EAAA;AAEV,IAAA,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;AACxC,IAAA,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;AACxC,IAAA,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;AACxC,IAAA,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;AAExC,IAAA,OAAO,CAAK,EAAA,EAAA,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;cACX,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA;cACd,EAAE,CAAA,CAAA,EAAI,EAAE,CAAU,OAAA,EAAA,CAAC,GAAG,KAAK,CAAA,CAAA,EAAI,CAAC,GAAG,EAAE,CAAA;cACrC,CAAC,GAAG,MAAM,GAAG,EAAE,CAAA;cACf,EAAE,CAAA,CAAA,EAAI,EAAE,CAAA,OAAA,EAAU,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA,CAAA,EAAI,CAAC,GAAG,MAAM,CAAA;AAC9C,YAAA,EAAA,CAAC,GAAG,EAAE,CAAA;cACN,EAAE,CAAA,CAAA,EAAI,EAAE,CAAU,OAAA,EAAA,CAAC,IAAI,CAAC,GAAG,MAAM,GAAG,EAAE,CAAA;AACtC,YAAA,EAAA,CAAC,GAAG,EAAE,CAAA;cACN,EAAE,CAAA,CAAA,EAAI,EAAE,CAAU,OAAA,EAAA,CAAC,GAAG,EAAE,CAAA,CAAA,EAAI,CAAC,CAAA,EAAA,CAAI;AAC/C;;;;"}

package/dist/nodes/geometry/semicirclePath.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+/**
+ * Builds an SVG path for a semi-circle that fits within a bounding box.
+ * The flat side is at the bottom by default.
+ */
+function semicirclePath(x, y, width, height) {
+    const rx = width / 2;
+    const ry = height; // Use full height as vertical radius for the arc
+    // Start at bottom-left, arc to bottom-right, then close back to start
+    return `M ${x},${y + height} 
+          A ${rx},${ry} 0 0 1 ${x + width},${y + height} 
+          Z`;
+}
+
+exports.semicirclePath = semicirclePath;
+//# sourceMappingURL=semicirclePath.cjs.map

package/dist/nodes/geometry/semicirclePath.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"semicirclePath.cjs","sources":["../../../src/nodes/geometry/semicirclePath.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;;AAGG;AACG,SAAU,cAAc,CAC5B,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EAAA;AAEd,IAAA,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;AACpB,IAAA,MAAM,EAAE,GAAG,MAAM,CAAC;;AAGlB,IAAA,OAAO,CAAK,EAAA,EAAA,CAAC,CAAI,CAAA,EAAA,CAAC,GAAG,MAAM,CAAA;cACf,EAAE,CAAA,CAAA,EAAI,EAAE,CAAU,OAAA,EAAA,CAAC,GAAG,KAAK,CAAA,CAAA,EAAI,CAAC,GAAG,MAAM,CAAA;YAC3C;AACZ;;;;"}

package/dist/nodes/geometry/semicirclePath.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Builds an SVG path for a semi-circle that fits within a bounding box.
+ * The flat side is at the bottom by default.
+ */
+export declare function semicirclePath(x: number, y: number, width: number, height: number): string;

package/dist/nodes/geometry/semicirclePath.js

@@ -0,0 +1,15 @@
+/**
+ * Builds an SVG path for a semi-circle that fits within a bounding box.
+ * The flat side is at the bottom by default.
+ */
+function semicirclePath(x, y, width, height) {
+    const rx = width / 2;
+    const ry = height; // Use full height as vertical radius for the arc
+    // Start at bottom-left, arc to bottom-right, then close back to start
+    return `M ${x},${y + height} 
+          A ${rx},${ry} 0 0 1 ${x + width},${y + height} 
+          Z`;
+}
+
+export { semicirclePath };
+//# sourceMappingURL=semicirclePath.js.map

package/dist/nodes/geometry/semicirclePath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"semicirclePath.js","sources":["../../../src/nodes/geometry/semicirclePath.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;AAGG;AACG,SAAU,cAAc,CAC5B,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EAAA;AAEd,IAAA,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;AACpB,IAAA,MAAM,EAAE,GAAG,MAAM,CAAC;;AAGlB,IAAA,OAAO,CAAK,EAAA,EAAA,CAAC,CAAI,CAAA,EAAA,CAAC,GAAG,MAAM,CAAA;cACf,EAAE,CAAA,CAAA,EAAI,EAAE,CAAU,OAAA,EAAA,CAAC,GAAG,KAAK,CAAA,CAAA,EAAI,CAAC,GAAG,MAAM,CAAA;YAC3C;AACZ;;;;"}

package/dist/nodes/geometry/starPath.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+/**
+ * Builds an SVG path for a 5-pointed star centered in a box.
+ */
+function starPath(x, y, width, height, points = 5, innerRadiusRatio = 0.5) {
+    const cx = x + width / 2;
+    const cy = y + height / 2;
+    const rx = width / 2;
+    const ry = height / 2;
+    const rxInner = rx * innerRadiusRatio;
+    const ryInner = ry * innerRadiusRatio;
+    const pathPoints = [];
+    const count = points * 2;
+    for (let i = 0; i < count; i++) {
+        const angle = (i * Math.PI) / points - Math.PI / 2;
+        const isOuter = i % 2 === 0;
+        const currRx = isOuter ? rx : rxInner;
+        const currRy = isOuter ? ry : ryInner;
+        const px = cx + currRx * Math.cos(angle);
+        const py = cy + currRy * Math.sin(angle);
+        pathPoints.push(`${px},${py}`);
+    }
+    return `M ${pathPoints.join(" L ")} Z`;
+}
+
+exports.starPath = starPath;
+//# sourceMappingURL=starPath.cjs.map

package/dist/nodes/geometry/starPath.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"starPath.cjs","sources":["../../../src/nodes/geometry/starPath.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;AAEG;AACa,SAAA,QAAQ,CACtB,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACd,MAAA,GAAiB,CAAC,EAClB,mBAA2B,GAAG,EAAA;AAE9B,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AACxB,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;AACzB,IAAA,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;AACpB,IAAA,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC;AACrB,IAAA,MAAM,OAAO,GAAG,EAAE,GAAG,gBAAgB;AACrC,IAAA,MAAM,OAAO,GAAG,EAAE,GAAG,gBAAgB;IAErC,MAAM,UAAU,GAAa,EAAE;AAC/B,IAAA,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC;AAExB,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;AAC9B,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC;AAClD,QAAA,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B,MAAM,MAAM,GAAG,OAAO,GAAG,EAAE,GAAG,OAAO;QACrC,MAAM,MAAM,GAAG,OAAO,GAAG,EAAE,GAAG,OAAO;AAErC,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;AACxC,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;QACxC,UAAU,CAAC,IAAI,CAAC,CAAA,EAAG,EAAE,CAAI,CAAA,EAAA,EAAE,CAAE,CAAA,CAAC;;IAGhC,OAAO,CAAA,EAAA,EAAK,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI;AACxC;;;;"}

package/dist/nodes/geometry/starPath.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Builds an SVG path for a 5-pointed star centered in a box.
+ */
+export declare function starPath(x: number, y: number, width: number, height: number, points?: number, innerRadiusRatio?: number): string;

package/dist/nodes/geometry/starPath.js

@@ -0,0 +1,26 @@
+/**
+ * Builds an SVG path for a 5-pointed star centered in a box.
+ */
+function starPath(x, y, width, height, points = 5, innerRadiusRatio = 0.5) {
+    const cx = x + width / 2;
+    const cy = y + height / 2;
+    const rx = width / 2;
+    const ry = height / 2;
+    const rxInner = rx * innerRadiusRatio;
+    const ryInner = ry * innerRadiusRatio;
+    const pathPoints = [];
+    const count = points * 2;
+    for (let i = 0; i < count; i++) {
+        const angle = (i * Math.PI) / points - Math.PI / 2;
+        const isOuter = i % 2 === 0;
+        const currRx = isOuter ? rx : rxInner;
+        const currRy = isOuter ? ry : ryInner;
+        const px = cx + currRx * Math.cos(angle);
+        const py = cy + currRy * Math.sin(angle);
+        pathPoints.push(`${px},${py}`);
+    }
+    return `M ${pathPoints.join(" L ")} Z`;
+}
+
+export { starPath };
+//# sourceMappingURL=starPath.js.map

package/dist/nodes/geometry/starPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"starPath.js","sources":["../../../src/nodes/geometry/starPath.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;AAEG;AACa,SAAA,QAAQ,CACtB,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACd,MAAA,GAAiB,CAAC,EAClB,mBAA2B,GAAG,EAAA;AAE9B,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AACxB,IAAA,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;AACzB,IAAA,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;AACpB,IAAA,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC;AACrB,IAAA,MAAM,OAAO,GAAG,EAAE,GAAG,gBAAgB;AACrC,IAAA,MAAM,OAAO,GAAG,EAAE,GAAG,gBAAgB;IAErC,MAAM,UAAU,GAAa,EAAE;AAC/B,IAAA,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC;AAExB,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;AAC9B,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC;AAClD,QAAA,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B,MAAM,MAAM,GAAG,OAAO,GAAG,EAAE,GAAG,OAAO;QACrC,MAAM,MAAM,GAAG,OAAO,GAAG,EAAE,GAAG,OAAO;AAErC,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;AACxC,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;QACxC,UAAU,CAAC,IAAI,CAAC,CAAA,EAAG,EAAE,CAAI,CAAA,EAAA,EAAE,CAAE,CAAA,CAAC;;IAGhC,OAAO,CAAA,EAAA,EAAK,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI;AACxC;;;;"}

package/dist/nodes/geometry/trapezoidPath.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+/**
+ * Generates an SVG path data string for a trapezoid within the given bounding box.
+ */
+function trapezoidPath(config) {
+    const { x, y, width, height } = config;
+    const offset = width * 0.2; // 20% offset for the top corners
+    return `M ${x + offset} ${y}
+            L ${x + width - offset} ${y}
+            L ${x + width} ${y + height}
+            L ${x} ${y + height} Z`;
+}
+
+exports.trapezoidPath = trapezoidPath;
+//# sourceMappingURL=trapezoidPath.cjs.map

package/dist/nodes/geometry/trapezoidPath.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trapezoidPath.cjs","sources":["../../../src/nodes/geometry/trapezoidPath.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;;AAEG;AACG,SAAU,aAAa,CAAC,MAA2B,EAAA;IACrD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM;AACtC,IAAA,MAAM,MAAM,GAAG,KAAK,GAAG,GAAG,CAAC;AAC3B,IAAA,OAAO,CAAK,EAAA,EAAA,CAAC,GAAG,MAAM,IAAI,CAAC,CAAA;AACf,cAAA,EAAA,CAAC,GAAG,KAAK,GAAG,MAAM,IAAI,CAAC,CAAA;AACvB,cAAA,EAAA,CAAC,GAAG,KAAK,CAAI,CAAA,EAAA,CAAC,GAAG,MAAM,CAAA;AACvB,cAAA,EAAA,CAAC,CAAI,CAAA,EAAA,CAAC,GAAG,MAAM,IAAI;AACnC;;;;"}

package/dist/nodes/geometry/trapezoidPath.d.ts

@@ -0,0 +1,5 @@
+import { ResolvedShapeConfig } from "../../types/index.js";
+/**
+ * Generates an SVG path data string for a trapezoid within the given bounding box.
+ */
+export declare function trapezoidPath(config: ResolvedShapeConfig): string;

package/dist/nodes/geometry/trapezoidPath.js

@@ -0,0 +1,14 @@
+/**
+ * Generates an SVG path data string for a trapezoid within the given bounding box.
+ */
+function trapezoidPath(config) {
+    const { x, y, width, height } = config;
+    const offset = width * 0.2; // 20% offset for the top corners
+    return `M ${x + offset} ${y}
+            L ${x + width - offset} ${y}
+            L ${x + width} ${y + height}
+            L ${x} ${y + height} Z`;
+}
+
+export { trapezoidPath };
+//# sourceMappingURL=trapezoidPath.js.map

package/dist/nodes/geometry/trapezoidPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trapezoidPath.js","sources":["../../../src/nodes/geometry/trapezoidPath.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEA;;AAEG;AACG,SAAU,aAAa,CAAC,MAA2B,EAAA;IACrD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM;AACtC,IAAA,MAAM,MAAM,GAAG,KAAK,GAAG,GAAG,CAAC;AAC3B,IAAA,OAAO,CAAK,EAAA,EAAA,CAAC,GAAG,MAAM,IAAI,CAAC,CAAA;AACf,cAAA,EAAA,CAAC,GAAG,KAAK,GAAG,MAAM,IAAI,CAAC,CAAA;AACvB,cAAA,EAAA,CAAC,GAAG,KAAK,CAAI,CAAA,EAAA,CAAC,GAAG,MAAM,CAAA;AACvB,cAAA,EAAA,CAAC,CAAI,CAAA,EAAA,CAAC,GAAG,MAAM,IAAI;AACnC;;;;"}

package/dist/nodes/geometry/trianglePath.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+/**
+ * Generates an SVG path data string for an isosceles triangle within the given bounding box.
+ */
+function trianglePath(config) {
+    const { x, y, width, height } = config;
+    return `M ${x + width / 2} ${y}
+            L ${x + width} ${y + height}
+            L ${x} ${y + height} Z`;
+}
+
+exports.trianglePath = trianglePath;
+//# sourceMappingURL=trianglePath.cjs.map

package/dist/nodes/geometry/trianglePath.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trianglePath.cjs","sources":["../../../src/nodes/geometry/trianglePath.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;;AAEG;AACG,SAAU,YAAY,CAAC,MAA2B,EAAA;IACpD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM;AACtC,IAAA,OAAO,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,CAAA;AAClB,cAAA,EAAA,CAAC,GAAG,KAAK,CAAI,CAAA,EAAA,CAAC,GAAG,MAAM,CAAA;AACvB,cAAA,EAAA,CAAC,CAAI,CAAA,EAAA,CAAC,GAAG,MAAM,IAAI;AACnC;;;;"}

package/dist/nodes/geometry/trianglePath.d.ts

@@ -0,0 +1,5 @@
+import { ResolvedShapeConfig } from "../../types/index.js";
+/**
+ * Generates an SVG path data string for an isosceles triangle within the given bounding box.
+ */
+export declare function trianglePath(config: ResolvedShapeConfig): string;

package/dist/nodes/geometry/trianglePath.js

@@ -0,0 +1,12 @@
+/**
+ * Generates an SVG path data string for an isosceles triangle within the given bounding box.
+ */
+function trianglePath(config) {
+    const { x, y, width, height } = config;
+    return `M ${x + width / 2} ${y}
+            L ${x + width} ${y + height}
+            L ${x} ${y + height} Z`;
+}
+
+export { trianglePath };
+//# sourceMappingURL=trianglePath.js.map

package/dist/nodes/geometry/trianglePath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trianglePath.js","sources":["../../../src/nodes/geometry/trianglePath.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEA;;AAEG;AACG,SAAU,YAAY,CAAC,MAA2B,EAAA;IACpD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM;AACtC,IAAA,OAAO,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,CAAA;AAClB,cAAA,EAAA,CAAC,GAAG,KAAK,CAAI,CAAA,EAAA,CAAC,GAAG,MAAM,CAAA;AACvB,cAAA,EAAA,CAAC,CAAI,CAAA,EAAA,CAAC,GAAG,MAAM,IAAI;AACnC;;;;"}

package/dist/nodes/overlay.cjs

@@ -0,0 +1,136 @@
+'use strict';
+
+var resize = require('../events/resize.cjs');
+
+function buildResolvedShapeConfig(node, style) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const width = (_b = (_a = node.width) !== null && _a !== void 0 ? _a : style.width) !== null && _b !== void 0 ? _b : 120;
+    const height = (_d = (_c = node.height) !== null && _c !== void 0 ? _c : style.height) !== null && _d !== void 0 ? _d : 60;
+    const radius = (_f = (_e = node.radius) !== null && _e !== void 0 ? _e : style.radius) !== null && _f !== void 0 ? _f : 30;
+    if (node.type === "circle") {
+        return {
+            type: node.type,
+            x: 0,
+            y: 0,
+            width: radius * 2,
+            height: radius * 2,
+            radius,
+            color: style.color,
+            stroke: style.stroke,
+            transparency: (_g = style.transparency) !== null && _g !== void 0 ? _g : 1,
+            borderRadius: style.borderRadius,
+        };
+    }
+    return {
+        type: node.type,
+        x: -width / 2,
+        y: -height / 2,
+        width,
+        height,
+        radius,
+        color: style.color,
+        stroke: style.stroke,
+        transparency: (_h = style.transparency) !== null && _h !== void 0 ? _h : 1,
+        borderRadius: style.borderRadius,
+    };
+}
+function buildSelectionConfig(config, pad) {
+    var _a, _b, _c, _d;
+    if (config.type === "circle") {
+        return Object.assign(Object.assign({}, config), { radius: config.radius + pad, width: (config.radius + pad) * 2, height: (config.radius + pad) * 2 });
+    }
+    const expandedBorderRadius = config.borderRadius
+        ? {
+            leftTop: ((_a = config.borderRadius.leftTop) !== null && _a !== void 0 ? _a : 0) + pad,
+            rightTop: ((_b = config.borderRadius.rightTop) !== null && _b !== void 0 ? _b : 0) + pad,
+            rightBottom: ((_c = config.borderRadius.rightBottom) !== null && _c !== void 0 ? _c : 0) + pad,
+            leftBottom: ((_d = config.borderRadius.leftBottom) !== null && _d !== void 0 ? _d : 0) + pad,
+        }
+        : undefined;
+    return Object.assign(Object.assign({}, config), { x: config.x - pad, y: config.y - pad, width: config.width + pad * 2, height: config.height + pad * 2, borderRadius: expandedBorderRadius });
+}
+function renderSelectionRing(selection, node, style, shapeRegistry, stroke, pad = 4) {
+    const renderer = shapeRegistry.get(node.type);
+    const baseConfig = buildResolvedShapeConfig(node, style);
+    const ringConfig = buildSelectionConfig(baseConfig, pad);
+    selection.append("path")
+        .attr("class", "selection-ring")
+        .attr("d", renderer.getPath(ringConfig))
+        .attr("fill", "none")
+        .attr("stroke", stroke)
+        .attr("stroke-width", 2)
+        .attr("stroke-dasharray", "4 2")
+        .style("pointer-events", "none");
+}
+/**
+ * Renders 8-point interactive resize handles around a selected node.
+ */
+function renderResizeHandles(group, node, style, api) {
+    if (!node.width || !node.height)
+        return; // Only rectangular-ish for now
+    const w = node.width;
+    const h = node.height;
+    const halfW = w / 2;
+    const halfH = h / 2;
+    const handles = [
+        { x: -halfW, y: -halfH, cursor: 'nw-resize', type: 'nw' },
+        { x: 0, y: -halfH, cursor: 'n-resize', type: 'n' },
+        { x: halfW, y: -halfH, cursor: 'ne-resize', type: 'ne' },
+        { x: halfW, y: 0, cursor: 'e-resize', type: 'e' },
+        { x: halfW, y: halfH, cursor: 'se-resize', type: 'se' },
+        { x: 0, y: halfH, cursor: 's-resize', type: 's' },
+        { x: -halfW, y: halfH, cursor: 'sw-resize', type: 'sw' },
+        { x: -halfW, y: 0, cursor: 'w-resize', type: 'w' }
+    ];
+    const handleGroup = group.append("g").attr("class", "resize-handles");
+    const resizeBehavior = resize.createResizeBehavior(api);
+    handleGroup.selectAll("rect.resize-handle")
+        .data(handles)
+        .enter()
+        .append("rect")
+        .attr("class", d => `resize-handle handle-${d.type}`)
+        .attr("x", d => d.x - 4)
+        .attr("y", d => d.y - 4)
+        .attr("width", 8)
+        .attr("height", 8)
+        .attr("fill", "white")
+        .attr("stroke", "var(--zenode-selection-color)")
+        .attr("stroke-width", 1.5)
+        .style("cursor", d => d.cursor)
+        .style("pointer-events", "all")
+        .call(resizeBehavior);
+}
+function getNodeRect(node, api) {
+    const style = getShapeStyle(node, api.config);
+    if (!style)
+        return null;
+    const renderer = api.shapeRegistry.get(node.type);
+    const resolved = buildResolvedShapeConfig(node, style);
+    const local = renderer.getBounds(resolved);
+    const left = node.x + local.x;
+    const top = node.y + local.y;
+    const right = left + local.width;
+    const bottom = top + local.height;
+    return {
+        left,
+        right,
+        top,
+        bottom,
+        cx: left + local.width / 2,
+        cy: top + local.height / 2,
+    };
+}
+function getShapeStyle(node, config) {
+    var _a;
+    const list = (_a = config.shapes.default) === null || _a === void 0 ? void 0 : _a[node.type];
+    if (!Array.isArray(list))
+        return undefined;
+    return list.find((s) => s.id === node.shapeVariantId);
+}
+
+exports.buildResolvedShapeConfig = buildResolvedShapeConfig;
+exports.getNodeRect = getNodeRect;
+exports.getShapeStyle = getShapeStyle;
+exports.renderResizeHandles = renderResizeHandles;
+exports.renderSelectionRing = renderSelectionRing;
+//# sourceMappingURL=overlay.cjs.map