morphico 0.3.0 → 0.5.0

package/dist/esm/sets/faces.js

@@ -0,0 +1,482 @@
+/*! morphico v0.5.0 | MIT License, Copyright (c) 2026 Raycho Ivanov (see LICENSE) */
+export const OUTLINE_POINTS = 24;
+export const PIECE_NAMES = ['leftBrow', 'rightBrow', 'leftEye', 'rightEye', 'leftPupil', 'rightPupil', 'mouth'];
+const DENSE_SAMPLES = 360;
+const toRadians = (degrees) => (degrees * Math.PI) / 180;
+const rotatePoint = ([x, y], degrees) => {
+    const angle = toRadians(degrees);
+    return [x * Math.cos(angle) - y * Math.sin(angle), x * Math.sin(angle) + y * Math.cos(angle)];
+};
+const denseBlobOutline = (options) => {
+    const { centre, width, height, rotation = 0, squareness = 0, topScale = 1 } = options;
+    const exponent = 2 + squareness * 6;
+    const halfWidth = width / 2;
+    const halfHeight = height / 2;
+    const outline = [];
+    for (let index = 0; index < DENSE_SAMPLES; index++) {
+        const angle = toRadians(-90 + (360 * index) / DENSE_SAMPLES);
+        const cosine = Math.cos(angle);
+        const sine = Math.sin(angle);
+        const y = halfHeight * Math.sign(sine) * Math.abs(sine) ** (2 / exponent);
+        const widthScale = 1 + ((topScale - 1) * (halfHeight - y)) / (2 * halfHeight);
+        const x = halfWidth * widthScale * Math.sign(cosine) * Math.abs(cosine) ** (2 / exponent);
+        const [turnedX, turnedY] = rotatePoint([x, y], rotation);
+        outline.push([centre[0] + turnedX, centre[1] + turnedY]);
+    }
+    const xs = outline.map(([x]) => x);
+    const left = Math.min(...xs);
+    const right = Math.max(...xs);
+    const lineY = ([leftY, rightY], x) => leftY + ((rightY - leftY) * (x - left)) / (right - left);
+    return outline.map(([x, y]) => {
+        let cutY = y;
+        if (options.cutTop)
+            cutY = Math.max(cutY, lineY(options.cutTop, x));
+        if (options.cutBottom)
+            cutY = Math.min(cutY, lineY(options.cutBottom, x));
+        return [x, cutY];
+    });
+};
+/** OUTLINE_POINTS points of a star-shaped outline, on rays at even angles from its box's centre (measured in the box
+ * stretched to a square, so a long flat shape still gets points on its round ends). */
+const resampleByAngle = (outline) => {
+    const xs = outline.map(([x]) => x);
+    const ys = outline.map(([, y]) => y);
+    const centreX = (Math.min(...xs) + Math.max(...xs)) / 2;
+    const centreY = (Math.min(...ys) + Math.max(...ys)) / 2;
+    const halfX = Math.max((Math.max(...xs) - Math.min(...xs)) / 2, 1e-9);
+    const halfY = Math.max((Math.max(...ys) - Math.min(...ys)) / 2, 1e-9);
+    const normalized = outline.map(([x, y]) => [(x - centreX) / halfX, (y - centreY) / halfY]);
+    const points = [];
+    for (let index = 0; index < OUTLINE_POINTS; index++) {
+        const angle = toRadians(-90 + (360 * index) / OUTLINE_POINTS);
+        const directionX = Math.cos(angle);
+        const directionY = Math.sin(angle);
+        let farthest = 0;
+        normalized.forEach((start, edgeIndex) => {
+            const end = normalized[(edgeIndex + 1) % normalized.length];
+            const edgeX = end[0] - start[0];
+            const edgeY = end[1] - start[1];
+            const denominator = directionX * edgeY - directionY * edgeX;
+            if (Math.abs(denominator) < 1e-12)
+                return;
+            const distance = (start[0] * edgeY - start[1] * edgeX) / denominator;
+            const along = (start[0] * directionY - start[1] * directionX) / denominator;
+            // a little slack: a ray passing exactly through a corner of the dense outline must still hit one of its edges
+            if (along >= -1e-9 && along <= 1 + 1e-9 && distance > farthest)
+                farthest = distance;
+        });
+        points.push([centreX + directionX * farthest * halfX, centreY + directionY * farthest * halfY]);
+    }
+    return points;
+};
+const blob = (options) => resampleByAngle(denseBlobOutline(options));
+const band = (options) => {
+    const { from, to, bend, thickness, endShare = 1 } = options;
+    const chordX = to[0] - from[0];
+    const chordY = to[1] - from[1];
+    const chordLength = Math.hypot(chordX, chordY);
+    // the quadratic's control point sits twice as far out as the curve's middle
+    const control = [
+        (from[0] + to[0]) / 2 + ((2 * bend * chordY) / chordLength),
+        (from[1] + to[1]) / 2 - ((2 * bend * chordX) / chordLength),
+    ];
+    const pointAt = (along) => {
+        const rest = 1 - along;
+        return [
+            rest * rest * from[0] + 2 * rest * along * control[0] + along * along * to[0],
+            rest * rest * from[1] + 2 * rest * along * control[1] + along * along * to[1],
+        ];
+    };
+    const tangentAt = (along) => {
+        const tangentX = 2 * (1 - along) * (control[0] - from[0]) + 2 * along * (to[0] - control[0]);
+        const tangentY = 2 * (1 - along) * (control[1] - from[1]) + 2 * along * (to[1] - control[1]);
+        const length = Math.hypot(tangentX, tangentY);
+        return [tangentX / length, tangentY / length];
+    };
+    const thicknessAt = (along) => thickness * (endShare + (1 - endShare) * Math.sin(Math.PI * along));
+    // side 1 = the upper edge (the left normal of a rightward curve), -1 = the lower edge
+    const edge = (along, side) => {
+        const [x, y] = pointAt(along);
+        const [tangentX, tangentY] = tangentAt(along);
+        const offset = (side * thicknessAt(along)) / 2;
+        return [x + tangentY * offset, y - tangentX * offset];
+    };
+    // a point on the half circle around an end: turn -90° = on the upper edge, 0 = the tip, 90° = on the lower edge
+    const capPoint = (along, turn) => {
+        const [x, y] = pointAt(along);
+        const [tangentX, tangentY] = tangentAt(along);
+        const radius = thicknessAt(along) / 2;
+        const outward = along === 1 ? 1 : -1;
+        const alongTangent = outward * Math.cos(turn) * radius;
+        const towardsLower = outward * Math.sin(turn) * radius;
+        return [x + tangentX * alongTangent - tangentY * towardsLower, y + tangentY * alongTangent + tangentX * towardsLower];
+    };
+    // clockwise from the top middle at the same angles as a blob's points (a quarter = the right end, half = the bottom
+    // middle, three quarters = the left end); the points within 30° of an end lie on its half circle, the rest along the
+    // edges
+    const capShare = Math.sin(Math.PI / 3);
+    return Array.from({ length: OUTLINE_POINTS }, (_, index) => {
+        const angle = (2 * Math.PI * index) / OUTLINE_POINTS;
+        const sine = Math.sin(angle);
+        if (Math.abs(sine) < capShare - 1e-9)
+            return edge(0.5 + (0.5 * sine) / capShare, Math.cos(angle) > 0 ? 1 : -1);
+        // the angle's distance past the cap's start, stretched from ±30° around the end to ±90° around the half circle
+        const endAngle = sine > 0 ? Math.PI / 2 : (3 * Math.PI) / 2;
+        return capPoint(sine > 0 ? 1 : 0, (angle - endAngle) * 3);
+    });
+};
+/** A piece that isn't there: every point on one spot (draws nothing). */
+const hidden = (at) => Array.from({ length: OUTLINE_POINTS }, () => [at[0], at[1]]);
+/** The piece mirrored onto the other half of the face, still clockwise from the top. */
+const mirrored = (points) => points.map((_, index) => {
+    const [x, y] = points[(OUTLINE_POINTS - index) % OUTLINE_POINTS];
+    return [24 - x, y];
+});
+/** A face from its left half (as seen) + the mouth. */
+const symmetricFace = ({ brow, eye, pupil, mouth }) => ({
+    leftBrow: brow,
+    rightBrow: mirrored(brow),
+    leftEye: eye,
+    rightEye: mirrored(eye),
+    leftPupil: pupil,
+    rightPupil: mirrored(pupil),
+    mouth,
+});
+/** The whole face mirrored: left and right pieces swap sides. */
+const mirroredFace = (face) => ({
+    leftBrow: mirrored(face.rightBrow),
+    rightBrow: mirrored(face.leftBrow),
+    leftEye: mirrored(face.rightEye),
+    rightEye: mirrored(face.leftEye),
+    leftPupil: mirrored(face.rightPupil),
+    rightPupil: mirrored(face.leftPupil),
+    mouth: mirrored(face.mouth),
+});
+// ---- the expressions (names from the user's pictures) ----
+export const faceExpressionNames = [
+    'normal',
+    'smiling',
+    'pleading',
+    'wonder',
+    'focused',
+    'fright',
+    'angry',
+    'asleep',
+    'sad',
+    'surprised',
+    'laughing',
+    'tired',
+    'wink-left',
+    'wink-right',
+    'suspicious',
+    'confused',
+    'smug',
+    'irritated',
+    'bored',
+    'curious',
+    'empathetic',
+    'guilty',
+    'worried',
+    'disappointed',
+    'ashamed',
+    'embarrassed',
+    'yearning',
+    'triumphant',
+    'proud',
+    'excited',
+    'scornful',
+    'disgusted',
+];
+const buildFaceExpressions = () => {
+    const winkRight = {
+        ...symmetricFace({
+            brow: blob({ centre: [6.2, 4.4], width: 5.2, height: 1.9, squareness: 0.5, rotation: -6 }),
+            eye: blob({ centre: [6.4, 12], width: 8.4, height: 8.4 }),
+            pupil: blob({ centre: [7, 11.4], width: 3.2, height: 3.2 }),
+            mouth: band({ from: [9.6, 18.4], to: [14.8, 18], bend: -0.9, thickness: 1.2, endShare: 0.7 }),
+        }),
+        rightBrow: mirrored(blob({ centre: [6.2, 6], width: 5, height: 1.8, squareness: 0.5, rotation: 8 })),
+        rightEye: mirrored(band({ from: [3.2, 12.8], to: [9.6, 12.8], bend: 1.4, thickness: 1.6, endShare: 0.7 })),
+        rightPupil: hidden([17.6, 12]),
+    };
+    return {
+        normal: symmetricFace({
+            brow: blob({ centre: [6.2, 4.6], width: 5.2, height: 1.9, squareness: 0.5, rotation: -6 }),
+            eye: blob({ centre: [6.4, 12], width: 8.4, height: 8.4 }),
+            pupil: blob({ centre: [7, 10.7], width: 3.2, height: 3.2 }),
+            mouth: blob({ centre: [12, 18.8], width: 4.4, height: 1.8, squareness: 0.6 }),
+        }),
+        smiling: symmetricFace({
+            brow: blob({ centre: [6, 5.4], width: 5, height: 4.4, squareness: 0.2, cutBottom: [5.4, 5.4] }),
+            eye: blob({ centre: [6, 13], width: 9.2, height: 7.6 }),
+            pupil: blob({ centre: [6.8, 13.6], width: 3.6, height: 2.4 }),
+            mouth: band({ from: [9, 18.4], to: [15, 18.4], bend: -1, thickness: 1.3, endShare: 0.7 }),
+        }),
+        pleading: symmetricFace({
+            brow: blob({ centre: [6.6, 3.7], width: 4.6, height: 2, squareness: 0.5, rotation: -16 }),
+            eye: blob({ centre: [6.8, 12.4], width: 8.6, height: 9.6, topScale: 0.75, rotation: 12 }),
+            pupil: blob({ centre: [7.6, 10.7], width: 4, height: 4 }),
+            mouth: blob({ centre: [12, 17.6], width: 4.3, height: 4.8, squareness: 0.3, cutTop: [17.6, 17.6] }),
+        }),
+        wonder: symmetricFace({
+            brow: band({ from: [3.4, 4.8], to: [8.6, 3.3], bend: 0.7, thickness: 1.7 }),
+            eye: blob({ centre: [6.4, 12], width: 7.8, height: 9.6 }),
+            pupil: blob({ centre: [6.8, 11.2], width: 3.2, height: 4.2 }),
+            mouth: blob({ centre: [12, 18.6], width: 3.8, height: 1, squareness: 0.6 }),
+        }),
+        focused: symmetricFace({
+            brow: blob({ centre: [6, 4.4], width: 5.6, height: 2.2, squareness: 0.55, rotation: 3 }),
+            eye: blob({ centre: [6.2, 12.8], width: 9, height: 8, cutTop: [10, 11] }),
+            pupil: blob({ centre: [6.8, 13.2], width: 3.8, height: 2.8 }),
+            mouth: blob({ centre: [12, 18.8], width: 4.2, height: 1, squareness: 0.6 }),
+        }),
+        fright: symmetricFace({
+            brow: blob({ centre: [5.7, 3.5], width: 4.8, height: 2.2, squareness: 0.45, rotation: -8 }),
+            eye: blob({ centre: [6.2, 12.4], width: 8.4, height: 9.8, topScale: 0.7, rotation: 8 }),
+            pupil: blob({ centre: [7.2, 12], width: 3.6, height: 4.2 }),
+            mouth: blob({ centre: [12, 18.6], width: 3.8, height: 1.4, squareness: 0.5 }),
+        }),
+        angry: symmetricFace({
+            brow: blob({ centre: [6.4, 5.4], width: 5.2, height: 2, squareness: 0.5, rotation: 12 }),
+            eye: blob({ centre: [6.2, 12.6], width: 8.6, height: 8, cutTop: [9.2, 12] }),
+            pupil: blob({ centre: [7.4, 12.8], width: 3.4, height: 3.4 }),
+            mouth: blob({ centre: [12, 17.8], width: 4.2, height: 4, squareness: 0.3, cutTop: [17.8, 17.8] }),
+        }),
+        asleep: symmetricFace({
+            brow: blob({ centre: [6, 5.4], width: 4, height: 1.7, squareness: 0.4, rotation: 4 }),
+            eye: band({ from: [3, 12.4], to: [9.6, 12.4], bend: -1.2, thickness: 1.5, endShare: 0.6 }),
+            pupil: hidden([6.3, 13.4]),
+            mouth: blob({ centre: [12, 18.8], width: 2.6, height: 1.8 }),
+        }),
+        // more feelings, Claude's drafts (no pictures); the one-sided ones replace pieces of the right half — written in place
+        // (a blob or band is already clockwise from its top) or drawn on the left and mirrored
+        sad: symmetricFace({
+            brow: blob({ centre: [6.4, 5.2], width: 4.8, height: 1.9, squareness: 0.5, rotation: -18 }),
+            eye: blob({ centre: [6.4, 12.6], width: 8.4, height: 8, cutTop: [11.2, 9.6] }),
+            pupil: blob({ centre: [6.8, 13.8], width: 3.2, height: 3.4 }),
+            mouth: band({ from: [9.4, 19.2], to: [14.6, 19.2], bend: 0.9, thickness: 1.2, endShare: 0.7 }),
+        }),
+        surprised: symmetricFace({
+            brow: band({ from: [3.6, 3.6], to: [8.6, 2.8], bend: 0.6, thickness: 1.6 }),
+            eye: blob({ centre: [6.4, 12], width: 8.6, height: 9 }),
+            pupil: blob({ centre: [6.4, 12], width: 2.4, height: 2.4 }),
+            mouth: blob({ centre: [12, 19], width: 2.8, height: 3.4 }),
+        }),
+        laughing: symmetricFace({
+            brow: blob({ centre: [6, 4.6], width: 5, height: 4.4, squareness: 0.2, cutBottom: [4.6, 4.6] }),
+            eye: band({ from: [3.2, 13], to: [9.6, 13], bend: 1.6, thickness: 1.6, endShare: 0.7 }),
+            pupil: hidden([6.4, 12]),
+            mouth: blob({ centre: [12, 17], width: 6, height: 6, squareness: 0.2, cutTop: [17, 17] }),
+        }),
+        tired: symmetricFace({
+            brow: blob({ centre: [6, 6], width: 5, height: 1.7, squareness: 0.5, rotation: -4 }),
+            eye: blob({ centre: [6.4, 12.6], width: 8.4, height: 7.6, cutTop: [11.6, 11.6] }),
+            pupil: blob({ centre: [6.6, 13.6], width: 3.2, height: 3.2 }),
+            mouth: blob({ centre: [12, 19], width: 3.2, height: 0.9, squareness: 0.6 }),
+        }),
+        // wink-left / wink-right = the eye that closes, as seen; one is the other mirrored
+        'wink-left': mirroredFace(winkRight),
+        'wink-right': winkRight,
+        suspicious: {
+            ...symmetricFace({
+                brow: band({ from: [3.4, 4], to: [8.8, 3], bend: 0.8, thickness: 1.6 }),
+                eye: blob({ centre: [6.4, 12.6], width: 8.6, height: 7.6, cutTop: [10.8, 10.8] }),
+                pupil: blob({ centre: [4.6, 13.2], width: 3.2, height: 3 }),
+                mouth: blob({ centre: [12.6, 18.8], width: 3.6, height: 1, squareness: 0.6, rotation: -10 }),
+            }),
+            rightBrow: mirrored(blob({ centre: [6.4, 6.4], width: 5.2, height: 1.8, squareness: 0.5, rotation: 10 })),
+            rightEye: mirrored(blob({ centre: [6.4, 12.8], width: 8.6, height: 7.2, cutTop: [11.8, 11.8] })),
+            rightPupil: blob({ centre: [16.2, 13.4], width: 3.2, height: 3 }),
+        },
+        confused: {
+            ...symmetricFace({
+                brow: band({ from: [3.4, 3.8], to: [8.6, 2.6], bend: 0.7, thickness: 1.6 }),
+                eye: blob({ centre: [6.4, 12], width: 8.6, height: 9 }),
+                pupil: blob({ centre: [7.6, 10.6], width: 3, height: 3 }),
+                mouth: blob({ centre: [12.4, 19], width: 3.8, height: 1.1, squareness: 0.5, rotation: 12 }),
+            }),
+            rightBrow: mirrored(blob({ centre: [6.2, 5.8], width: 5, height: 1.8, squareness: 0.5, rotation: 10 })),
+            rightEye: mirrored(blob({ centre: [6.4, 12.6], width: 7.4, height: 7.4 })),
+            rightPupil: blob({ centre: [18.4, 11.4], width: 2.8, height: 2.8 }),
+        },
+        // the user's list of feelings (2026-11-01), Claude's drafts; the ones the set had already are skipped
+        smug: {
+            ...symmetricFace({
+                brow: blob({ centre: [6.2, 5], width: 5, height: 1.8, squareness: 0.5, rotation: -4 }),
+                eye: blob({ centre: [6.4, 12.6], width: 8.4, height: 7.6, cutTop: [11.4, 11.4] }),
+                pupil: blob({ centre: [8, 13.4], width: 3, height: 3 }),
+                mouth: band({ from: [10.2, 18.8], to: [15.2, 17.6], bend: -0.6, thickness: 1.2, endShare: 0.6 }),
+            }),
+            rightBrow: mirrored(band({ from: [3.6, 4.2], to: [8.6, 3.4], bend: 0.6, thickness: 1.6 })),
+            rightPupil: blob({ centre: [19.4, 13.4], width: 3, height: 3 }),
+        },
+        irritated: symmetricFace({
+            brow: blob({ centre: [6.4, 5.8], width: 5.4, height: 1.8, squareness: 0.55, rotation: 6 }),
+            eye: blob({ centre: [6.4, 12.8], width: 8.6, height: 7.6, cutTop: [11.2, 11.8], cutBottom: [15.8, 15.8] }),
+            pupil: blob({ centre: [6.8, 13.6], width: 3.2, height: 3 }),
+            mouth: blob({ centre: [12.4, 18.8], width: 3.6, height: 0.9, squareness: 0.6, rotation: -8 }),
+        }),
+        bored: {
+            ...symmetricFace({
+                brow: blob({ centre: [6, 6.2], width: 5, height: 1.7, squareness: 0.5 }),
+                eye: blob({ centre: [6.4, 12.6], width: 8.4, height: 7.6, cutTop: [11.8, 11.8] }),
+                pupil: blob({ centre: [8, 12.8], width: 3, height: 3 }),
+                mouth: blob({ centre: [13.4, 19], width: 3, height: 0.9, squareness: 0.6 }),
+            }),
+            rightPupil: blob({ centre: [19.4, 12.8], width: 3, height: 3 }),
+        },
+        curious: {
+            ...symmetricFace({
+                brow: band({ from: [3.4, 3.6], to: [8.6, 2.6], bend: 0.7, thickness: 1.6 }),
+                eye: blob({ centre: [6.4, 12], width: 8.6, height: 8.8 }),
+                pupil: blob({ centre: [7.8, 10.8], width: 3.2, height: 3.2 }),
+                mouth: blob({ centre: [12.6, 18.8], width: 2, height: 2.2 }),
+            }),
+            rightBrow: mirrored(blob({ centre: [6.2, 5.2], width: 5, height: 1.8, squareness: 0.5, rotation: 4 })),
+            rightPupil: blob({ centre: [19, 10.8], width: 3.2, height: 3.2 }),
+        },
+        empathetic: symmetricFace({
+            brow: blob({ centre: [6.4, 4.8], width: 5, height: 1.9, squareness: 0.5, rotation: -10 }),
+            eye: blob({ centre: [6.4, 12.4], width: 8.4, height: 8, cutTop: [10, 9.2] }),
+            pupil: blob({ centre: [6.8, 13], width: 3.4, height: 3.4 }),
+            mouth: band({ from: [10, 18.6], to: [14, 18.6], bend: -0.5, thickness: 1.1, endShare: 0.7 }),
+        }),
+        guilty: {
+            ...symmetricFace({
+                brow: blob({ centre: [6.4, 5], width: 4.6, height: 1.8, squareness: 0.5, rotation: -14 }),
+                eye: blob({ centre: [6.4, 12.6], width: 8.2, height: 8, cutTop: [10.6, 10.2] }),
+                pupil: blob({ centre: [5, 14.4], width: 3, height: 3 }),
+                mouth: blob({ centre: [11.4, 19], width: 2.8, height: 0.9, squareness: 0.6, rotation: 6 }),
+            }),
+            rightPupil: blob({ centre: [16.2, 14.4], width: 3, height: 3 }),
+        },
+        worried: symmetricFace({
+            brow: blob({ centre: [6.6, 4.2], width: 4.8, height: 1.9, squareness: 0.5, rotation: -20 }),
+            eye: blob({ centre: [6.4, 12.2], width: 8, height: 8.8, topScale: 0.85, rotation: 6 }),
+            pupil: blob({ centre: [6.8, 12.4], width: 2.6, height: 2.8 }),
+            mouth: band({ from: [10.2, 19], to: [13.8, 19], bend: 0.6, thickness: 1.1, endShare: 0.7 }),
+        }),
+        disappointed: symmetricFace({
+            brow: blob({ centre: [6.2, 5.6], width: 5, height: 1.8, squareness: 0.5, rotation: -8 }),
+            eye: blob({ centre: [6.4, 12.8], width: 8.4, height: 7.6, cutTop: [11.8, 11] }),
+            pupil: blob({ centre: [6.6, 14.4], width: 3, height: 3 }),
+            mouth: band({ from: [9.6, 19.2], to: [14.4, 19.2], bend: 0.4, thickness: 1.1, endShare: 0.8 }),
+        }),
+        ashamed: symmetricFace({
+            brow: blob({ centre: [6.4, 5.6], width: 4.6, height: 1.8, squareness: 0.5, rotation: -16 }),
+            eye: blob({ centre: [6.4, 13], width: 8.2, height: 7.6, cutTop: [12.2, 12.2] }),
+            pupil: blob({ centre: [6.4, 15], width: 3, height: 2.6 }),
+            mouth: blob({ centre: [12, 19.4], width: 2.4, height: 0.9, squareness: 0.6 }),
+        }),
+        embarrassed: {
+            ...symmetricFace({
+                brow: blob({ centre: [6.2, 4.8], width: 4.8, height: 1.8, squareness: 0.5, rotation: -12 }),
+                eye: blob({ centre: [6.4, 12.4], width: 8.2, height: 8.2 }),
+                pupil: blob({ centre: [4.4, 13.6], width: 3, height: 3 }),
+                mouth: band({ from: [9.8, 18.8], to: [14.2, 18.6], bend: -0.5, thickness: 1.1, endShare: 0.7 }),
+            }),
+            rightPupil: blob({ centre: [15.8, 13.6], width: 3, height: 3 }),
+        },
+        yearning: symmetricFace({
+            brow: blob({ centre: [6.2, 4], width: 4.8, height: 1.8, squareness: 0.5, rotation: -10 }),
+            eye: blob({ centre: [6.4, 12.6], width: 8.6, height: 8, cutTop: [11, 11] }),
+            pupil: blob({ centre: [6.8, 13.6], width: 4.2, height: 4.2 }),
+            mouth: blob({ centre: [12, 18.8], width: 2.6, height: 1.6 }),
+        }),
+        triumphant: symmetricFace({
+            brow: blob({ centre: [6.2, 4], width: 5.2, height: 2, squareness: 0.5, rotation: 8 }),
+            eye: blob({ centre: [6.4, 11.8], width: 8.6, height: 8.6, cutBottom: [14, 14] }),
+            pupil: blob({ centre: [6.8, 11.6], width: 3.4, height: 3.4 }),
+            mouth: blob({ centre: [12, 16.8], width: 7, height: 6.4, squareness: 0.3, cutTop: [16.8, 16.8] }),
+        }),
+        proud: symmetricFace({
+            brow: blob({ centre: [6.2, 3.8], width: 5, height: 1.9, squareness: 0.5, rotation: -4 }),
+            eye: blob({ centre: [6.4, 12.4], width: 8.6, height: 8, cutTop: [11, 11] }),
+            pupil: blob({ centre: [6.6, 13.6], width: 3.2, height: 3 }),
+            mouth: band({ from: [8.8, 18], to: [15.2, 18], bend: -1.2, thickness: 1.3, endShare: 0.7 }),
+        }),
+        excited: symmetricFace({
+            brow: band({ from: [3.4, 3.6], to: [8.6, 2.8], bend: 0.8, thickness: 1.6 }),
+            eye: blob({ centre: [6.4, 12], width: 9, height: 9.2 }),
+            pupil: blob({ centre: [7, 11], width: 4, height: 4 }),
+            mouth: blob({ centre: [12, 16.8], width: 6, height: 6, squareness: 0.2, cutTop: [16.8, 16.8] }),
+        }),
+        scornful: {
+            ...symmetricFace({
+                brow: blob({ centre: [6.2, 5.4], width: 5, height: 1.8, squareness: 0.5, rotation: 2 }),
+                eye: blob({ centre: [6.4, 12.6], width: 8.4, height: 7.6, cutTop: [11.4, 11.4] }),
+                pupil: blob({ centre: [5.4, 14], width: 3, height: 3 }),
+                mouth: band({ from: [9.2, 18.8], to: [14.6, 18], bend: -0.2, thickness: 1.1, endShare: 0.7 }),
+            }),
+            rightBrow: mirrored(band({ from: [3.6, 4], to: [8.6, 3.2], bend: 0.6, thickness: 1.6 })),
+            rightPupil: blob({ centre: [16.6, 14], width: 3, height: 3 }),
+        },
+        disgusted: symmetricFace({
+            brow: blob({ centre: [6.6, 6], width: 5, height: 1.8, squareness: 0.5, rotation: 14 }),
+            eye: blob({ centre: [6.4, 12.6], width: 8.4, height: 7.6, cutTop: [11.4, 12.2], cutBottom: [14.8, 14.8] }),
+            pupil: blob({ centre: [6.8, 13.2], width: 3, height: 2.8 }),
+            // an upside-down "D": open, corners pulled down
+            mouth: blob({ centre: [12, 19.6], width: 5, height: 4.8, squareness: 0.2, cutBottom: [19.6, 19.6] }),
+        }),
+    };
+};
+let builtExpressions = null;
+/** Every expression's pieces, built on first use (nothing runs at import). */
+export const faceExpressionPieces = () => (builtExpressions ??= buildFaceExpressions());
+// ---- morphing and drawing ----
+const interpolatePoints = (from, to, progress) => from.map(([fromX, fromY], index) => [fromX + (to[index][0] - fromX) * progress, fromY + (to[index][1] - fromY) * progress]);
+export const interpolateFace = (from, to, progress) => Object.fromEntries(PIECE_NAMES.map((name) => [name, interpolatePoints(from[name], to[name], progress)]));
+const boxCentre = (points) => {
+    const xs = points.map(([x]) => x);
+    const ys = points.map(([, y]) => y);
+    return [(Math.min(...xs) + Math.max(...xs)) / 2, (Math.min(...ys) + Math.max(...ys)) / 2];
+};
+/** The face with its eyes partly closed: openness 1 = as drawn, 0 = shut to a flat slit (pupils gone). */
+export const blinked = (face, openness) => {
+    if (openness >= 1)
+        return face;
+    const eyeScale = 0.25 + 0.75 * openness;
+    const squash = (points, middleY) => points.map(([x, y]) => [x, middleY + (y - middleY) * eyeScale]);
+    const shrink = (points, [centreX, centreY]) => points.map(([x, y]) => [centreX + (x - centreX) * openness, centreY + (y - centreY) * openness]);
+    const leftMiddle = boxCentre(face.leftEye)[1];
+    const rightMiddle = boxCentre(face.rightEye)[1];
+    return {
+        ...face,
+        leftEye: squash(face.leftEye, leftMiddle),
+        rightEye: squash(face.rightEye, rightMiddle),
+        leftPupil: squash(shrink(face.leftPupil, boxCentre(face.leftPupil)), leftMiddle),
+        rightPupil: squash(shrink(face.rightPupil, boxCentre(face.rightPupil)), rightMiddle),
+    };
+};
+const formatNumber = (value) => String(Math.round(value * 1000) / 1000);
+/** A smooth closed curve through the points: each handle points along the neighbours' chord and is a third of its own
+ * segment long (no loops where points sit close together, as at a band's round end). Empty for a hidden piece. */
+export const smoothClosedPath = (points) => {
+    const [firstX, firstY] = points[0];
+    if (points.every(([x, y]) => Math.abs(x - firstX) < 1e-6 && Math.abs(y - firstY) < 1e-6))
+        return '';
+    const count = points.length;
+    const directionAt = (index) => {
+        const previous = points[(index - 1 + count) % count];
+        const next = points[(index + 1) % count];
+        const length = Math.hypot(next[0] - previous[0], next[1] - previous[1]) || 1;
+        return [(next[0] - previous[0]) / length, (next[1] - previous[1]) / length];
+    };
+    let path = `M${formatNumber(firstX)} ${formatNumber(firstY)}`;
+    for (let index = 0; index < count; index++) {
+        const start = points[index];
+        const end = points[(index + 1) % count];
+        const handleLength = Math.hypot(end[0] - start[0], end[1] - start[1]) / 3;
+        const startDirection = directionAt(index);
+        const endDirection = directionAt(index + 1);
+        const control1 = [start[0] + startDirection[0] * handleLength, start[1] + startDirection[1] * handleLength];
+        const control2 = [end[0] - endDirection[0] * handleLength, end[1] - endDirection[1] * handleLength];
+        path += `C${[...control1, ...control2, ...end].map(formatNumber).join(' ')}`;
+    }
+    return `${path}Z`;
+};
+export const facePaths = (face) => ({
+    features: [face.leftBrow, face.rightBrow, face.leftEye, face.rightEye, face.mouth].map(smoothClosedPath).join(''),
+    eyes: [face.leftEye, face.rightEye].map(smoothClosedPath).join(''),
+    pupils: [face.leftPupil, face.rightPupil].map(smoothClosedPath).join(''),
+});

package/dist/esm/sets/folder.js

@@ -0,0 +1,112 @@
+/*! morphico v0.5.0 | code: MIT License, Copyright (c) 2026 Raycho Ivanov (see LICENSE)
+ * Icons based on Lucide (https://lucide.dev), some of them from Feather (https://feathericons.com):
+ *
+ * ISC License
+ *
+ * Copyright (c) 2026 Lucide Icons and Contributors
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ *
+ * The MIT License (MIT) (for the Lucide icons derived from Feather, listed in LICENSE-lucide)
+ *
+ * Copyright (c) 2013-present Cole Bemis
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+// Icon set "folder": closed, open — Lucide 1.61.0 icons "folder", "folder-open" (ISC, see LICENSE-lucide), imported
+// with `node tools/import-lucide.ts folder folder-open`. Coordinates below are Lucide's; lucideLine / lucideArc scale
+// them into our icon box (more margin, like the digits — see lucide.ts).
+// One piece each. The open folder is one line: the front flap (from its left tip over its top edge, down its right
+// edge), the bottom, the left side, the tab, the back panel's top edge and a short bit of its right side.
+// closed ↔ open: the closed folder is traced the open folder's way ("folder-like-open", same picture) — starting at
+// its top edge, which it runs along twice: the first pass drops and tilts into the flap's top edge, the second stays
+// as the back panel's top edge.
+import { arc, line, reversedStroke } from '../geometry.js';
+import { fromLucide, LUCIDE_STROKE_WIDTH, lucideLength } from './lucide.js';
+const lucideLine = (fromX, fromY, toX, toY) => line(...fromLucide([fromX, fromY]), ...fromLucide([toX, toY]));
+const lucideArc = (centerX, centerY, radius, startAngle, endAngle) => arc(...fromLucide([centerX, centerY]), lucideLength(radius), startAngle, endAngle);
+/** Lucide "folder": counter-clockwise from the bottom right corner. */
+const FOLDER = [
+    lucideArc(20, 18, 2, 90, 0), // bottom right corner
+    lucideLine(22, 18, 22, 8), // right side, up
+    lucideArc(20, 8, 2, 0, -90), // top right corner
+    lucideLine(20, 6, 12.1, 6), // top edge, to the left
+    lucideArc(12.0804, 4.0001, 2, 89.4383, 146.6363),
+    lucideLine(10.41, 5.1, 9.6, 3.9), // tab slope
+    lucideArc(7.9297, 5, 2, -33.367, -89.9906),
+    lucideLine(7.93, 3, 4, 3), // tab top
+    lucideArc(4, 5, 2, -90, -180), // top left corner
+    lucideLine(2, 5, 2, 18), // left side, down
+    lucideArc(4, 18, 2, 180, 90), // bottom left corner
+    lucideLine(4, 20, 20, 20), // bottom
+];
+/** Lucide "folder-open": from the flap's left tip. */
+const FOLDER_OPEN = [
+    lucideLine(6, 14, 7.5, 11.1), // flap's left tip
+    lucideArc(9.2863, 11.9995, 2, -153.2735, -91.3273),
+    lucideLine(9.24, 10, 20, 10), // flap's top edge
+    lucideArc(20.0035, 12, 2, -90.1005, 14.4776),
+    lucideLine(21.94, 12.5, 20.4, 18.5), // flap's right edge
+    lucideArc(18.4635, 18, 2, 14.4762, 90.3867),
+    lucideLine(18.45, 20, 4, 20), // bottom
+    lucideArc(4, 18, 2, 90, 180),
+    lucideLine(2, 18, 2, 5), // left side, up
+    lucideArc(4, 5, 2, 180, 270),
+    lucideLine(4, 3, 7.9, 3), // tab top
+    lucideArc(7.9196, 4.9999, 2, -90.5617, -33.3637),
+    lucideLine(9.59, 3.9, 10.4, 5.1), // tab slope
+    lucideArc(12.0703, 4, 2, 146.633, 90.0094),
+    lucideLine(12.07, 6, 18, 6), // back panel's top edge
+    lucideArc(18, 8, 2, -90, 0),
+    lucideLine(20, 8, 20, 10), // back panel's right side, down to the flap
+];
+const [bottomRight, rightSide, topRight, topEdge, tabArc1, tabSlope, tabArc2, tabTop, topLeft, leftSide, bottomLeft, bottom] = FOLDER.map(reversedStroke); // clockwise, like the open folder
+/** The closed folder traced like the open one: top edge (→ flap), round the outline, top edge again (→ back panel). */
+const FOLDER_LIKE_OPEN = [
+    topEdge, topRight, rightSide, bottomRight, bottom, bottomLeft, leftSide, topLeft,
+    tabTop, tabArc2, tabSlope, tabArc1, topEdge, topRight, lucideLine(22, 8, 22, 10),
+];
+export const iconsFolder = {
+    segmentCount: 20,
+    strokeWidth: LUCIDE_STROKE_WIDTH,
+    lineCap: 'round',
+    lineJoin: 'round',
+    strokes: { closed: FOLDER, open: FOLDER_OPEN },
+    alternativeStrokes: { 'folder-like-open': FOLDER_LIKE_OPEN },
+    // fitted with tools/check.ts (cost 7838 → 411)
+    pairLayouts: {
+        closed: {
+            open: {
+                tracing: 'folder-like-open',
+                breakpoints: [0, 0, 0, 1, 2, 2.5208, 3, 4, 4.5625, 5, 6, 6.5, 7, 8, 9, 10, 11, 12, 13, 14, 15],
+            },
+        },
+    },
+    spins: {},
+};