@motion-script/web 0.1.0

package/dist/shapes/paragraph-layout.js

@@ -0,0 +1,156 @@
+function fontSlantFor(canvasKit, style) {
+    switch (style) {
+        case 'italic': return canvasKit.FontSlant.Italic;
+        case 'oblique': return canvasKit.FontSlant.Oblique;
+        default: return canvasKit.FontSlant.Upright;
+    }
+}
+function textAlignFor(canvasKit, align) {
+    switch (align) {
+        case 'left': return canvasKit.TextAlign.Left;
+        case 'right': return canvasKit.TextAlign.Right;
+        case 'justify': return canvasKit.TextAlign.Justify;
+        case 'start': return canvasKit.TextAlign.Start;
+        case 'end': return canvasKit.TextAlign.End;
+        default: return canvasKit.TextAlign.Center;
+    }
+}
+/**
+ * Lay out styled segments through ParagraphBuilder and return shaped glyph runs
+ * positioned in a coordinate space centered on (originX, originY). `maxWidth`
+ * bounds line wrapping; pass Infinity (mapped to a large value) for no wrap.
+ *
+ * The fontMgr must already have the families registered (loadFont); a private
+ * FontCollection wrapping it is created per call.
+ */
+export function layoutParagraph(canvasKit, fontMgr, segments, opts) {
+    const fonts = [];
+    const empty = segments.every(s => s.text.length === 0);
+    if (segments.length === 0 || empty) {
+        return { runs: [], bounds: { left: 0, top: 0, right: 0, bottom: 0 }, width: 0, height: 0, fonts };
+    }
+    const fontCollection = canvasKit.FontCollection.Make();
+    fontCollection.setDefaultFontManager(fontMgr);
+    const paraStyle = new canvasKit.ParagraphStyle({
+        textStyle: { fontFamilies: [segments[0].fontFamily], fontSize: segments[0].fontSize },
+        textAlign: textAlignFor(canvasKit, opts.align),
+        // heightMultiplier is applied per text style below; keep the paragraph
+        // default neutral so per-run line height is honored.
+    });
+    const builder = canvasKit.ParagraphBuilder.MakeFromFontCollection(paraStyle, fontCollection);
+    // Character offset where each segment's text begins, so we can map shaped
+    // runs (reported by character range via run order) back to their segment.
+    const segmentStartChar = [];
+    let charCursor = 0;
+    for (const seg of segments) {
+        segmentStartChar.push(charCursor);
+        builder.pushStyle(new canvasKit.TextStyle({
+            fontFamilies: [seg.fontFamily],
+            fontSize: seg.fontSize,
+            // `fontStyle.weight` selects the nearest file for *static* families
+            // (one file per weight). `fontVariations` drives the `wght` axis for
+            // *variable* families (one file, continuous weight) — Skia shapes at
+            // that axis position and hands the positioned typeface back on the
+            // run, which we draw with. Static fonts ignore the variation
+            // harmlessly, so sending both makes one code path serve either kind.
+            fontStyle: {
+                weight: { value: seg.fontWeight },
+                slant: fontSlantFor(canvasKit, seg.fontStyle),
+            },
+            fontVariations: [{ axis: "wght", value: seg.fontWeight }],
+            letterSpacing: seg.letterSpacing,
+            heightMultiplier: opts.lineHeight,
+        }));
+        builder.addText(seg.text);
+        builder.pop();
+        charCursor += seg.text.length;
+    }
+    const paragraph = builder.build();
+    // Two-pass layout: alignment positions glyphs relative to the layout width,
+    // so a huge "no-wrap" width would push centered/right text far off-origin.
+    // First measure the intrinsic max width, then lay out at the actual box
+    // width (the wrap maxWidth, or the intrinsic width when not wrapping) so
+    // alignment offsets land correctly.
+    const wrapping = isFinite(opts.maxWidth) && opts.maxWidth > 0;
+    paragraph.layout(wrapping ? opts.maxWidth : 1e7);
+    // +1px guards against the intrinsic width rounding just under the longest
+    // line and spuriously wrapping it.
+    const layoutWidth = wrapping ? opts.maxWidth : Math.ceil(paragraph.getMaxIntrinsicWidth()) + 1;
+    paragraph.layout(layoutWidth);
+    const blockWidth = paragraph.getLongestLine();
+    const blockHeight = paragraph.getHeight();
+    // Paragraph lays out from (0,0) at top-left. Glyphs are already positioned
+    // within [0, layoutWidth] according to the chosen alignment (e.g. centered
+    // glyphs start at (layoutWidth - lineWidth) / 2, not at 0). So the correct
+    // anchor is layoutWidth, not blockWidth (the longest line), which would
+    // mis-shift aligned glyphs off-center.
+    const shiftX = opts.originX - layoutWidth / 2;
+    const shiftY = opts.originY - blockHeight / 2;
+    // Build one Font per distinct (family,weight,size) from the run's own
+    // typeface, which this CanvasKit build returns already positioned at the
+    // run's variation axes (e.g. a variable font at its `wght`). Caching by that
+    // key means repeated runs of the same style reuse the Font; the typeface
+    // handles for those redundant runs are released immediately (the Font keeps
+    // its own ref, so the cached Font stays valid after its handle is deleted).
+    const fontCache = new Map();
+    const fontForRun = (seg, typeface) => {
+        const key = `${seg.fontFamily}@${seg.fontWeight}@${seg.fontStyle}@${seg.fontSize}`;
+        const cached = fontCache.get(key);
+        if (cached) {
+            typeface?.delete();
+            return cached;
+        }
+        const font = new canvasKit.Font(typeface, seg.fontSize);
+        typeface?.delete();
+        fontCache.set(key, font);
+        fonts.push(font);
+        return font;
+    };
+    const runs = [];
+    const lines = paragraph.getShapedLines();
+    for (const line of lines) {
+        for (const run of line.runs) {
+            const glyphCount = run.glyphs.length;
+            if (glyphCount === 0)
+                continue;
+            // run.offsets holds the character offset of each glyph (plus a
+            // trailing entry); the first pins the run to its style segment.
+            const segmentIndex = segmentIndexAt(segmentStartChar, segments, run.offsets[0]);
+            const font = fontForRun(segments[segmentIndex], run.typeface);
+            // positions hold one extra trailing pair; copy just the glyph pairs
+            // and apply the centering shift.
+            const positions = new Float32Array(glyphCount * 2);
+            for (let i = 0; i < glyphCount; i++) {
+                positions[i * 2] = run.positions[i * 2] + shiftX;
+                positions[i * 2 + 1] = run.positions[i * 2 + 1] + shiftY;
+            }
+            runs.push({ segmentIndex, glyphs: run.glyphs.slice(0, glyphCount), positions, font });
+        }
+    }
+    const bounds = blockWidth > 0 && blockHeight > 0
+        ? { left: shiftX, top: shiftY, right: shiftX + layoutWidth, bottom: shiftY + blockHeight }
+        : { left: 0, top: 0, right: 0, bottom: 0 };
+    paragraph.delete();
+    builder.delete();
+    fontCollection.delete();
+    return { runs, bounds, width: blockWidth, height: blockHeight, fonts };
+}
+// Find the segment whose character range [start, start+len) contains charPos.
+function segmentIndexAt(starts, segments, charPos) {
+    for (let i = 0; i < segments.length; i++) {
+        const len = segments[i].text.length;
+        if (len > 0 && charPos >= starts[i] && charPos < starts[i] + len)
+            return i;
+    }
+    // Fallback: last non-empty segment (e.g. charPos at end-of-text).
+    for (let i = segments.length - 1; i >= 0; i--) {
+        if (segments[i].text.length > 0)
+            return i;
+    }
+    return 0;
+}
+/** Draw a shaped run with the given paint via our own glyph pipeline. */
+export function drawShapedRun(canvas, run, paint) {
+    canvas.drawGlyphs(run.glyphs, run.positions, 0, 0, run.font, paint);
+}
+//# sourceMappingURL=paragraph-layout.js.map

package/dist/shapes/paragraph-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph-layout.js","sourceRoot":"","sources":["../../src/shapes/paragraph-layout.ts"],"names":[],"mappings":"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"}

package/dist/shapes/path.d.ts

@@ -0,0 +1,29 @@
+import type { Paint } from "@motion-script/canvaskit";
+import { PathState } from "@motion-script/core";
+import { BaseShape } from "./base";
+export { trimPath } from "./trim";
+type PathGeo = {
+    svgString: string;
+    offsetX: number;
+    offsetY: number;
+};
+/**
+ * Renders an arbitrary SVG path `d`. Overrides `ensurePath` to bake a
+ * centering translation (so the shape's local origin is its bbox center)
+ * directly into the built path, then applies trim — avoiding a save/restore
+ * on every draw/clip.
+ */
+export declare class PathShape extends BaseShape<PathState, PathGeo> {
+    protected resolveState(state: Partial<PathState>): PathState;
+    protected computeGeometry(): PathGeo;
+    protected buildSVGPath(geo: PathGeo): string;
+    protected needsTrim(): boolean;
+    protected getTrimRange(): {
+        start: number;
+        end: number;
+    };
+    ensurePath(): void;
+    draw(paint: Paint, _isolated: boolean): void;
+    clip(_isolated: boolean): void;
+}
+//# sourceMappingURL=path.d.ts.map

package/dist/shapes/path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../../src/shapes/path.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAoC,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,KAAK,OAAO,GAAG;IACX,SAAS,EAAE,MAAM,CAAC;IAElB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;;GAKG;AACH,qBAAa,SAAU,SAAQ,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC;IACxD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS;IAI5D,SAAS,CAAC,eAAe,IAAI,OAAO;IAMpC,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM;IAI5C,SAAS,CAAC,SAAS,IAAI,OAAO;IAI9B,SAAS,CAAC,YAAY;;;;IAKb,UAAU,IAAI,IAAI;IA8BlB,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI;IAK5C,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI;CAM1C"}

package/dist/shapes/path.js

@@ -0,0 +1,71 @@
+import { toPathString, withPathDescriptor } from "@motion-script/core";
+import { BaseShape } from "./base";
+import { trimPath } from "./trim";
+export { trimPath } from "./trim";
+/**
+ * Renders an arbitrary SVG path `d`. Overrides `ensurePath` to bake a
+ * centering translation (so the shape's local origin is its bbox center)
+ * directly into the built path, then applies trim — avoiding a save/restore
+ * on every draw/clip.
+ */
+export class PathShape extends BaseShape {
+    resolveState(state) {
+        return withPathDescriptor(state);
+    }
+    computeGeometry() {
+        // SVG string is known eagerly; centering offset requires the ck path bounds
+        // and is filled in by ensurePath() after path construction.
+        return { svgString: toPathString(this.fullState.d), offsetX: 0, offsetY: 0 };
+    }
+    buildSVGPath(geo) {
+        return geo.svgString;
+    }
+    needsTrim() {
+        return this.fullState.start !== 0 || this.fullState.end !== 1;
+    }
+    getTrimRange() {
+        return { start: this.fullState.start, end: this.fullState.end };
+    }
+    // Override ensurePath to bake the centering offset directly into the path.
+    ensurePath() {
+        if (this.ckPath)
+            return;
+        const geo = this.geometry;
+        const rawPath = this.canvasKit.Path.MakeFromSVGString(geo.svgString);
+        if (!rawPath) {
+            console.warn("PathShape: failed to parse SVG path string:", geo.svgString);
+            return;
+        }
+        const bounds = rawPath.getBounds();
+        const ox = -(bounds[0] + (bounds[2] - bounds[0]) / 2);
+        const oy = -(bounds[1] + (bounds[3] - bounds[1]) / 2);
+        // Store for computeBounds() usage; no longer needed for draw/clip.
+        geo.offsetX = ox;
+        geo.offsetY = oy;
+        // Bake the centering translation into the path so draw/clip need no save/restore.
+        const builder = new this.canvasKit.PathBuilder(rawPath);
+        builder.offset(ox, oy);
+        const centeredPath = builder.detachAndDelete();
+        rawPath.delete();
+        if (this.needsTrim()) {
+            this._setBasePath(centeredPath);
+            const { start, end } = this.getTrimRange();
+            this.ckPath = trimPath(this.canvasKit, centeredPath, start, end);
+        }
+        else {
+            this.ckPath = centeredPath;
+        }
+    }
+    draw(paint, _isolated) {
+        this.ensurePath();
+        if (this.ckPath)
+            this.canvas.drawPath(this.ckPath, paint);
+    }
+    clip(_isolated) {
+        this.ensurePath();
+        if (this.ckPath) {
+            this.canvas.clipPath(this.ckPath, this.canvasKit.ClipOp.Intersect, true);
+        }
+    }
+}
+//# sourceMappingURL=path.js.map

package/dist/shapes/path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"path.js","sourceRoot":"","sources":["../../src/shapes/path.ts"],"names":[],"mappings":"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"}

package/dist/shapes/polygon.d.ts

@@ -0,0 +1,33 @@
+import { PolygonState } from "@motion-script/core";
+import { BaseShape } from "./base";
+type PolygonGeo = {
+    cx: number;
+    cy: number;
+    rx: number;
+    ry: number;
+    sides: number;
+    borderRadius: number;
+};
+/**
+ * Regular polygon inscribed in an ellipse (rx/ry from width/height), starting
+ * at the top vertex. `borderRadius` rounds each vertex by arcing between
+ * cut-back points on the adjacent edges, clamped so adjacent arcs never overlap.
+ */
+export declare class PolygonShape extends BaseShape<PolygonState, PolygonGeo> {
+    protected resolveState(state: Partial<PolygonState>): PolygonState;
+    protected computeGeometry(): PolygonGeo;
+    protected buildSVGPath(geo: PolygonGeo): string;
+    protected needsTrim(): boolean;
+    protected getTrimRange(): {
+        start: number;
+        end: number;
+    };
+    protected computeBounds(geo: PolygonGeo): {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    };
+}
+export {};
+//# sourceMappingURL=polygon.d.ts.map

package/dist/shapes/polygon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygon.d.ts","sourceRoot":"","sources":["../../src/shapes/polygon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAyB,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,KAAK,UAAU,GAAG;IACd,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACxB,CAAC;AAkEF;;;;GAIG;AACH,qBAAa,YAAa,SAAQ,SAAS,CAAC,YAAY,EAAE,UAAU,CAAC;IACjE,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,YAAY;IAIlE,SAAS,CAAC,eAAe,IAAI,UAAU;IAWvC,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,UAAU,GAAG,MAAM;IAI/C,SAAS,CAAC,SAAS,IAAI,OAAO;IAI9B,SAAS,CAAC,YAAY;;;;IAItB,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,UAAU;;;;;;CAG1C"}

package/dist/shapes/polygon.js

@@ -0,0 +1,86 @@
+import { withPolygonDescriptor } from "@motion-script/core";
+import { BaseShape } from "./base";
+function buildPolygonSvg(cx, cy, rx, ry, sides, borderRadius) {
+    const angleStep = (2 * Math.PI) / sides;
+    const startAngle = -Math.PI / 2;
+    const verts = [];
+    for (let i = 0; i < sides; i++) {
+        const a = startAngle + i * angleStep;
+        verts.push([cx + rx * Math.cos(a), cy + ry * Math.sin(a)]);
+    }
+    if (borderRadius <= 0) {
+        const parts = verts.map(([x, y], i) => `${i === 0 ? "M" : "L"} ${x} ${y}`);
+        parts.push("Z");
+        return parts.join(" ");
+    }
+    const parts = [];
+    for (let i = 0; i < sides; i++) {
+        const prev = verts[(i - 1 + sides) % sides];
+        const curr = verts[i];
+        const next = verts[(i + 1) % sides];
+        const a0x = prev[0] - curr[0];
+        const a0y = prev[1] - curr[1];
+        const len0 = Math.hypot(a0x, a0y);
+        const u0x = a0x / len0;
+        const u0y = a0y / len0;
+        const a1x = next[0] - curr[0];
+        const a1y = next[1] - curr[1];
+        const len1 = Math.hypot(a1x, a1y);
+        const u1x = a1x / len1;
+        const u1y = a1y / len1;
+        const cosAngle = Math.max(-1, Math.min(1, u0x * u1x + u0y * u1y));
+        const halfAngle = Math.acos(cosAngle) / 2;
+        const tanHalf = Math.tan(halfAngle);
+        const maxT = Math.min(len0, len1) / 2;
+        let t = borderRadius / tanHalf;
+        if (t > maxT)
+            t = maxT;
+        const r = t * tanHalf;
+        const arcStartX = curr[0] + u0x * t;
+        const arcStartY = curr[1] + u0y * t;
+        const arcEndX = curr[0] + u1x * t;
+        const arcEndY = curr[1] + u1y * t;
+        if (i === 0) {
+            parts.push(`M ${arcStartX} ${arcStartY}`);
+        }
+        else {
+            parts.push(`L ${arcStartX} ${arcStartY}`);
+        }
+        parts.push(`A ${r} ${r} 0 0 1 ${arcEndX} ${arcEndY}`);
+    }
+    parts.push("Z");
+    return parts.join(" ");
+}
+/**
+ * Regular polygon inscribed in an ellipse (rx/ry from width/height), starting
+ * at the top vertex. `borderRadius` rounds each vertex by arcing between
+ * cut-back points on the adjacent edges, clamped so adjacent arcs never overlap.
+ */
+export class PolygonShape extends BaseShape {
+    resolveState(state) {
+        return withPolygonDescriptor(state);
+    }
+    computeGeometry() {
+        const s = this.fullState;
+        return {
+            cx: s.x, cy: s.y,
+            rx: s.width / 2,
+            ry: s.height / 2,
+            sides: Math.max(3, Math.round(s.sides)),
+            borderRadius: s.borderRadius,
+        };
+    }
+    buildSVGPath(geo) {
+        return buildPolygonSvg(geo.cx, geo.cy, geo.rx, geo.ry, geo.sides, geo.borderRadius);
+    }
+    needsTrim() {
+        return this.fullState.start !== 0 || this.fullState.end !== 1;
+    }
+    getTrimRange() {
+        return { start: this.fullState.start, end: this.fullState.end };
+    }
+    computeBounds(geo) {
+        return { left: geo.cx - geo.rx, top: geo.cy - geo.ry, right: geo.cx + geo.rx, bottom: geo.cy + geo.ry };
+    }
+}
+//# sourceMappingURL=polygon.js.map

package/dist/shapes/polygon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygon.js","sourceRoot":"","sources":["../../src/shapes/polygon.ts"],"names":[],"mappings":"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"}

package/dist/shapes/polygram.d.ts

@@ -0,0 +1,34 @@
+import { PolygramState } from "@motion-script/core";
+import { BaseShape } from "./base";
+type PolygramGeo = {
+    cx: number;
+    cy: number;
+    rx: number;
+    ry: number;
+    sides: number;
+    ratio: number;
+    borderRadius: number;
+};
+/**
+ * Star polygon: alternates outer vertices (radius 1) and inner vertices
+ * (radius `ratio`). Only outer (convex) vertices are rounded by `borderRadius`;
+ * inner vertices stay sharp, matching typical star-shape conventions.
+ */
+export declare class PolygramShape extends BaseShape<PolygramState, PolygramGeo> {
+    protected resolveState(state: Partial<PolygramState>): PolygramState;
+    protected computeGeometry(): PolygramGeo;
+    protected buildSVGPath(geo: PolygramGeo): string;
+    protected needsTrim(): boolean;
+    protected getTrimRange(): {
+        start: number;
+        end: number;
+    };
+    protected computeBounds(geo: PolygramGeo): {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    };
+}
+export {};
+//# sourceMappingURL=polygram.d.ts.map

package/dist/shapes/polygram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygram.d.ts","sourceRoot":"","sources":["../../src/shapes/polygram.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA0B,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,KAAK,WAAW,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACxB,CAAC;AAyEF;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC;IACpE,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,aAAa;IAIpE,SAAS,CAAC,eAAe,IAAI,WAAW;IAYxC,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,WAAW,GAAG,MAAM;IAIhD,SAAS,CAAC,SAAS,IAAI,OAAO;IAI9B,SAAS,CAAC,YAAY;;;;IAItB,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,WAAW;;;;;;CAG3C"}

package/dist/shapes/polygram.js

@@ -0,0 +1,90 @@
+import { withPolygramDescriptor } from "@motion-script/core";
+import { BaseShape } from "./base";
+function buildPolygramSvg(cx, cy, rx, ry, sides, ratio, borderRadius) {
+    const totalPoints = sides * 2;
+    const angleStep = Math.PI / sides;
+    const startAngle = -Math.PI / 2;
+    const verts = [];
+    for (let i = 0; i < totalPoints; i++) {
+        const a = startAngle + i * angleStep;
+        const isOuter = i % 2 === 0;
+        const r = isOuter ? 1 : ratio;
+        verts.push([cx + rx * r * Math.cos(a), cy + ry * r * Math.sin(a)]);
+    }
+    if (borderRadius <= 0) {
+        const parts = verts.map(([x, y], i) => `${i === 0 ? "M" : "L"} ${x} ${y}`);
+        parts.push("Z");
+        return parts.join(" ");
+    }
+    const parts = [];
+    for (let i = 0; i < totalPoints; i++) {
+        const curr = verts[i];
+        const isOuter = i % 2 === 0;
+        if (!isOuter) {
+            parts.push(`${parts.length === 0 ? "M" : "L"} ${curr[0]} ${curr[1]}`);
+            continue;
+        }
+        const prev = verts[(i - 1 + totalPoints) % totalPoints];
+        const next = verts[(i + 1) % totalPoints];
+        const a0x = prev[0] - curr[0];
+        const a0y = prev[1] - curr[1];
+        const len0 = Math.hypot(a0x, a0y);
+        const u0x = a0x / len0;
+        const u0y = a0y / len0;
+        const a1x = next[0] - curr[0];
+        const a1y = next[1] - curr[1];
+        const len1 = Math.hypot(a1x, a1y);
+        const u1x = a1x / len1;
+        const u1y = a1y / len1;
+        const cosAngle = Math.max(-1, Math.min(1, u0x * u1x + u0y * u1y));
+        const halfAngle = Math.acos(cosAngle) / 2;
+        const tanHalf = Math.tan(halfAngle);
+        const maxT = Math.min(len0, len1) / 2;
+        let t = borderRadius / tanHalf;
+        if (t > maxT)
+            t = maxT;
+        const r = t * tanHalf;
+        const arcStartX = curr[0] + u0x * t;
+        const arcStartY = curr[1] + u0y * t;
+        const arcEndX = curr[0] + u1x * t;
+        const arcEndY = curr[1] + u1y * t;
+        parts.push(`${parts.length === 0 ? "M" : "L"} ${arcStartX} ${arcStartY}`);
+        parts.push(`A ${r} ${r} 0 0 1 ${arcEndX} ${arcEndY}`);
+    }
+    parts.push("Z");
+    return parts.join(" ");
+}
+/**
+ * Star polygon: alternates outer vertices (radius 1) and inner vertices
+ * (radius `ratio`). Only outer (convex) vertices are rounded by `borderRadius`;
+ * inner vertices stay sharp, matching typical star-shape conventions.
+ */
+export class PolygramShape extends BaseShape {
+    resolveState(state) {
+        return withPolygramDescriptor(state);
+    }
+    computeGeometry() {
+        const s = this.fullState;
+        return {
+            cx: s.x, cy: s.y,
+            rx: s.width / 2,
+            ry: s.height / 2,
+            sides: Math.max(3, Math.round(s.sides)),
+            ratio: Math.max(0, Math.min(1, s.ratio)),
+            borderRadius: s.borderRadius,
+        };
+    }
+    buildSVGPath(geo) {
+        return buildPolygramSvg(geo.cx, geo.cy, geo.rx, geo.ry, geo.sides, geo.ratio, geo.borderRadius);
+    }
+    needsTrim() {
+        return this.fullState.start !== 0 || this.fullState.end !== 1;
+    }
+    getTrimRange() {
+        return { start: this.fullState.start, end: this.fullState.end };
+    }
+    computeBounds(geo) {
+        return { left: geo.cx - geo.rx, top: geo.cy - geo.ry, right: geo.cx + geo.rx, bottom: geo.cy + geo.ry };
+    }
+}
+//# sourceMappingURL=polygram.js.map

package/dist/shapes/polygram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygram.js","sourceRoot":"","sources":["../../src/shapes/polygram.ts"],"names":[],"mappings":"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"}

package/dist/shapes/rect.d.ts

@@ -0,0 +1,41 @@
+import type { Paint } from "@motion-script/canvaskit";
+import { RectState } from "@motion-script/core";
+import { BaseShape } from "./base";
+type RectGeo = {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    tl: number;
+    tr: number;
+    br: number;
+    bl: number;
+    isZero: boolean;
+    isUniform: boolean;
+};
+/**
+ * Rect with optional per-corner radii. Radii are scaled down uniformly when
+ * they'd overlap (sum exceeds the side length) to avoid self-intersecting
+ * geometry. Isolated, untrimmed rects skip the SVG-path route entirely and
+ * draw/clip via `drawRect`/`drawRRect` for cheaper rendering and crisper edges.
+ */
+export declare class RectShape extends BaseShape<RectState, RectGeo> {
+    protected resolveState(state: Partial<RectState>): RectState;
+    protected computeGeometry(): RectGeo;
+    protected buildSVGPath(geo: RectGeo): string;
+    protected needsTrim(): boolean;
+    protected getTrimRange(): {
+        start: number;
+        end: number;
+    };
+    protected computeBounds(geo: RectGeo): {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    };
+    draw(paint: Paint, isolated: boolean): void;
+    clip(isolated: boolean): void;
+}
+export {};
+//# sourceMappingURL=rect.d.ts.map

package/dist/shapes/rect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect.d.ts","sourceRoot":"","sources":["../../src/shapes/rect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAEH,SAAS,EAKZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,KAAK,OAAO,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IACzD,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAC/C,MAAM,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;CACvC,CAAC;AAoBF;;;;;GAKG;AACH,qBAAa,SAAU,SAAQ,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC;IACxD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS;IAI5D,SAAS,CAAC,eAAe,IAAI,OAAO;IAiCpC,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM;IAW5C,SAAS,CAAC,SAAS,IAAI,OAAO;IAI9B,SAAS,CAAC,YAAY;;;;IAItB,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,OAAO;;;;;;IAI3B,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAiB3C,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;CAgBzC"}