weasel-icons 0.14.0 → 0.14.2

package/dist/icons/tombstone/tombstone-rig.js

@@ -1,8 +1,6 @@
-// Original Weasel outline and state choreography. Structural observations are retained in the external review record.
-// Arched stone, lower plinth, RIP carving and two passing bats.
-// intact: Arched headstone stands intact on its plinth
-// cracked: A jagged crack travels down from the stone’s top edge
-// haunted: Two plain bats pass above the RIP stone; no eyes appear inside it
+// Original Weasel geometry and state choreography, refined from the existing glyph.
+// One fixed arched stone, base and filled RIP carving in every state.
+// Two small main-ink bat silhouettes pass through reserved air above the crown; no eyes inside the stone.
 export const tombstoneStates = ['intact', 'cracked', 'haunted'];
 export const tombstoneArt = {
     name: 'tombstone',
@@ -14,24 +12,31 @@ export const tombstoneArt = {
             ],
             poses: [
                 {
+                    x: 8,
+                    y: -3.4,
+                    scaleX: 0.52,
+                    scaleY: 0.52,
                     opacity: 0,
                 },
                 {
+                    x: 8,
+                    y: -3.4,
+                    scaleX: 0.52,
+                    scaleY: 0.52,
                     opacity: 0,
                 },
                 {
                     x: 8,
-                    scaleX: 0.78,
-                    scaleY: 0.78,
+                    y: -3.4,
+                    scaleX: 0.52,
+                    scaleY: 0.52,
                 },
             ],
-            detail: true,
-            surface: true,
             pivot: [12, 4.5],
             pathOffsets: [
                 [
-                    0, 1.2, 0, 0.8, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.8, 0, 1.2, 0, 1.2, 0, 0.5, 0, 0, 0,
-                    0.5, 0, 1.2,
+                    0, 0.8, 0, 0.8, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.8, 0, 0.8, 0, 0.8, 0, 0.5, 0, 0, 0,
+                    0.5, 0, 0.8,
                 ],
             ],
             gestures: [
@@ -81,45 +86,33 @@ export const tombstoneArt = {
                     ],
                 },
             ],
+            fillOnly: 'ink',
         },
         {
             name: 'stone',
-            paths: ['M6 18V8C6 1.5 18 1.5 18 8V18'],
+            paths: ['M6 19V9.3C6 4.233333 18 4.233333 18 9.3V19'],
             poses: [{}, {}, {}],
             surface: true,
-            pathStates: [
-                ['M6 18V8C6 1.5 18 1.5 18 8V18'],
-                ['M6 18V8C6 1.5 18 1.5 18 8V18'],
-                ['M6 18V12.5C6 7.5 18 7.5 18 12.5V18'],
-            ],
         },
         {
             name: 'plinth',
-            paths: ['M4.5 18H19.5V21H4.5Z'],
+            paths: ['M4.5 19H19.5V21H4.5Z'],
             poses: [{}, {}, {}],
             surface: true,
         },
         {
             name: 'epitaph',
             paths: [
-                'M8 10V13.8',
-                'M8 10H9.2Q10.5 10 10.5 11.1Q10.5 12.2 9.2 12.2H8',
-                'M9.2 12.2L10.6 13.8',
-                'M12.4 10V13.8',
-                'M14.5 13.8V10H15.7Q17 10 17 11.1Q17 12.2 15.7 12.2H14.5',
+                'M8 12H9.55C11.5 12 11.7 14.35 10.15 14.75L11.25 16H10.05L9.1 14.85H8.9V16H8Z M8.9 12.8V14.05H9.55C10.45 14.05 10.45 12.8 9.55 12.8Z',
+                'M11.9 12H12.8V16H11.9Z',
+                'M13.5 12H15C17.1 12 17.1 15 15 15H14.4V16H13.5Z M14.4 12.8V14.2H15C16 14.2 16 12.8 15 12.8Z',
             ],
-            poses: [
-                {},
-                {},
-                {
-                    y: 1.8,
-                },
-            ],
-            detail: true,
+            poses: [{}, {}, {}],
+            fillOnly: 'ink',
         },
         {
             name: 'crack',
-            paths: ['M12.1 3.2L10.9 6.3L12.9 7.7L11.5 9'],
+            paths: ['M12 5.5L11.1 7.3L12.6 8.2L11.7 10.2'],
             poses: [
                 {
                     opacity: 0,
@@ -132,7 +125,7 @@ export const tombstoneArt = {
             ],
             accent: true,
             detail: true,
-            traceLength: 11,
+            traceLength: 5.954917968149532,
             gestures: [
                 null,
                 {
@@ -160,22 +153,31 @@ export const tombstoneArt = {
             ],
             poses: [
                 {
+                    x: -8,
+                    y: -3,
+                    scaleX: 0.7,
+                    scaleY: 0.7,
                     opacity: 0,
                 },
                 {
+                    x: -8,
+                    y: -3,
+                    scaleX: 0.7,
+                    scaleY: 0.7,
                     opacity: 0,
                 },
                 {
                     x: -8,
+                    y: -3,
+                    scaleX: 0.7,
+                    scaleY: 0.7,
                 },
             ],
-            detail: true,
-            surface: true,
             pivot: [12, 4.5],
             pathOffsets: [
                 [
-                    0, 1.2, 0, 0.8, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.8, 0, 1.2, 0, 1.2, 0, 0.5, 0, 0, 0,
-                    0.5, 0, 1.2,
+                    0, 0.8, 0, 0.8, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.8, 0, 0.8, 0, 0.8, 0, 0.5, 0, 0, 0,
+                    0.5, 0, 0.8,
                 ],
             ],
             gestures: [
@@ -232,6 +234,7 @@ export const tombstoneArt = {
                     ],
                 },
             ],
+            fillOnly: 'ink',
         },
     ],
 };

package/dist/icons/vampire/vampire-rig.d.ts

@@ -4,10 +4,10 @@ export declare const vampireArt: {
     readonly name: "vampire";
     readonly parts: readonly [{
         readonly name: "cape-left";
-        readonly paths: readonly ["M12 21.5Q8.5 21.3 6.5 19.5Q3.7 16.5 3 11.3Q5 11.8 7.5 14.5C9 16.2 10.8 18 12 18.8"];
+        readonly paths: readonly ["M12 21.5Q8.5 21.3 6.5 19.5Q3.5 15.5 2.5 7.5Q5.2 8.4 7.5 12.7C9 15.8 10.8 18 12 18.8"];
         readonly poses: readonly [{}, {}, {}];
         readonly surface: true;
-        readonly pathStates: readonly [readonly ["M12 21.5Q8.5 21.3 6.5 19.5Q3.7 16.5 3 11.3Q5 11.8 7.5 14.5C9 16.2 10.8 18 12 18.8"], readonly ["M12 21.5Q8.5 21.3 6.5 19.5Q3.7 16.5 3 11.3Q5 11.8 7.5 14.5C9 16.2 10.8 18 12 18.8"], readonly ["M11.3 14.5Q9.7 12.4 8 14.3Q6.8 12.3 5.3 14.5Q3.8 11.4 2.5 6.5C6.5 7 9 8.8 11.3 10"]];
+        readonly pathStates: readonly [readonly ["M12 21.5Q8.5 21.3 6.5 19.5Q3.5 15.5 2.5 7.5Q5.2 8.4 7.5 12.7C9 15.8 10.8 18 12 18.8"], readonly ["M12 21.5Q8.5 21.3 6.5 19.5Q3.5 15.5 2.5 7.5Q5.2 8.4 7.5 12.7C9 15.8 10.8 18 12 18.8"], readonly ["M11.3 14.5Q9.7 12.4 8 14.3Q6.8 12.3 5.3 14.5Q3.8 11.4 2.5 6.5C6.5 7 9 8.8 11.3 10"]];
         readonly pathOffsets: readonly [readonly [0, 0, 0, -0.1, 0, -0.3, 0, -0.2, 0, -0.6, 0, -0.9, 0, -1.7, 0, -1, 0, -0.3, 0, 0]];
         readonly gestures: readonly [null, null, {
             readonly duration: 0.85;
@@ -28,10 +28,10 @@ export declare const vampireArt: {
         }];
     }, {
         readonly name: "cape-right";
-        readonly paths: readonly ["M12 21.5Q15.5 21.3 17.5 19.5Q20.3 16.5 21 11.3Q19 11.8 16.5 14.5C15 16.2 13.2 18 12 18.8"];
+        readonly paths: readonly ["M12 21.5Q15.5 21.3 17.5 19.5Q20.5 15.5 21.5 7.5Q18.8 8.4 16.5 12.7C15 15.8 13.2 18 12 18.8"];
         readonly poses: readonly [{}, {}, {}];
         readonly surface: true;
-        readonly pathStates: readonly [readonly ["M12 21.5Q15.5 21.3 17.5 19.5Q20.3 16.5 21 11.3Q19 11.8 16.5 14.5C15 16.2 13.2 18 12 18.8"], readonly ["M12 21.5Q15.5 21.3 17.5 19.5Q20.3 16.5 21 11.3Q19 11.8 16.5 14.5C15 16.2 13.2 18 12 18.8"], readonly ["M12.7 14.5Q14.3 12.4 16 14.3Q17.2 12.3 18.7 14.5Q20.2 11.4 21.5 6.5C17.5 7 15 8.8 12.7 10"]];
+        readonly pathStates: readonly [readonly ["M12 21.5Q15.5 21.3 17.5 19.5Q20.5 15.5 21.5 7.5Q18.8 8.4 16.5 12.7C15 15.8 13.2 18 12 18.8"], readonly ["M12 21.5Q15.5 21.3 17.5 19.5Q20.5 15.5 21.5 7.5Q18.8 8.4 16.5 12.7C15 15.8 13.2 18 12 18.8"], readonly ["M12.7 14.5Q14.3 12.4 16 14.3Q17.2 12.3 18.7 14.5Q20.2 11.4 21.5 6.5C17.5 7 15 8.8 12.7 10"]];
         readonly pathOffsets: readonly [readonly [0, 0, 0, -0.1, 0, -0.3, 0, -0.2, 0, -0.6, 0, -0.9, 0, -1.7, 0, -1, 0, -0.3, 0, 0]];
         readonly gestures: readonly [null, null, {
             readonly duration: 0.85;
@@ -58,11 +58,12 @@ export declare const vampireArt: {
         readonly pathStates: readonly [readonly ["M6 7C5.5 2.8 9 2 12 2.8C15 2 18.5 2.8 18 7L17.3 11.5Q17 15.8 12 18Q7 15.8 6.7 11.5Z"], readonly ["M6 7C5.5 2.8 9 2 12 2.8C15 2 18.5 2.8 18 7L17.3 11.5Q17 15.8 12 18Q7 15.8 6.7 11.5Z"], readonly ["M9.8 6C9.8 6 11.2 7.6 12 8C12.8 7.6 14.2 6 14.2 6L14 11.8Q13.8 14.2 12 15.7Q10.2 14.2 10 11.8Z"]];
     }, {
         readonly name: "widows-peak";
-        readonly paths: readonly ["M6.2 7.6Q8.7 5.6 12 8.4Q15.3 5.6 17.8 7.6"];
+        readonly paths: readonly ["M6 7C5.5 2.8 9 2 12 2.8C15 2 18.5 2.8 18 7L17.8 7.6Q15.3 5.6 12 8.4Q8.7 5.6 6.2 7.6Z"];
         readonly poses: readonly [{}, {}, {
             readonly opacity: 0;
         }];
-        readonly pathStates: readonly [readonly ["M6.2 7.6Q8.7 5.6 12 8.4Q15.3 5.6 17.8 7.6"], readonly ["M6.2 7.6Q8.7 5.6 12 8.4Q15.3 5.6 17.8 7.6"], readonly ["M10 9Q11 8.5 12 9Q13 8.5 14 9"]];
+        readonly fillOnly: "ink";
+        readonly pathStates: readonly [readonly ["M6 7C5.5 2.8 9 2 12 2.8C15 2 18.5 2.8 18 7L17.8 7.6Q15.3 5.6 12 8.4Q8.7 5.6 6.2 7.6Z"], readonly ["M6 7C5.5 2.8 9 2 12 2.8C15 2 18.5 2.8 18 7L17.8 7.6Q15.3 5.6 12 8.4Q8.7 5.6 6.2 7.6Z"], readonly ["M10 9C10 9 11 8.5 12 9C13 8.5 14 9 14 9L14 9Q13 8.5 12 9Q11 8.5 10 9Z"]];
     }, {
         readonly name: "eyes";
         readonly paths: readonly ["M8.6 10.4L10 10.8", "M15.4 10.4L14 10.8"];
@@ -71,21 +72,27 @@ export declare const vampireArt: {
         readonly pathStates: readonly [readonly ["M8.6 10.4L10 10.8", "M15.4 10.4L14 10.8"], readonly ["M8.6 10.4L10 10.8", "M15.4 10.4L14 10.8"], readonly ["M10.3 10.8L11.1 10.8", "M13.7 10.8L12.9 10.8"]];
     }, {
         readonly name: "mouth";
-        readonly paths: readonly ["M8.5 13.2Q12 15 15.5 13.2"];
-        readonly poses: readonly [{}, {}, {
+        readonly paths: readonly ["M9 12.8Q12 14 15 12.8Q14.5 14 12 14.2Q9.5 14 9 12.8Z"];
+        readonly poses: readonly [{}, {
+            readonly flex: 1;
+        }, {
             readonly opacity: 0;
         }];
-        readonly detail: true;
-        readonly pathStates: readonly [readonly ["M8.5 13.2Q12 15 15.5 13.2"], readonly ["M8.5 13.2Q12 15 15.5 13.2"], readonly ["M11 12.5Q12 13 13 12.5"]];
+        readonly fillOnly: "ink";
+        readonly pathStates: readonly [readonly ["M9 12.8Q12 14 15 12.8Q14.5 14 12 14.2Q9.5 14 9 12.8Z"], readonly ["M9 12.5Q12 13.9 15 12.5Q14.5 15.6 12 15.6Q9.5 15.6 9 12.5Z"], readonly ["M11.3 12Q12 12.4 12.7 12Q12.6 13 12 13Q11.4 13 11.3 12Z"]];
     }, {
         readonly name: "fangs";
-        readonly paths: readonly ["M9.4 13.8L9.7 15.7", "M14.6 13.8L14.3 15.7"];
+        readonly paths: readonly ["M9.7 12.788556Q10.4 13.039 11.1 13.137L10.4 14.7Z", "M12.9 13.137Q13.6 13.039 14.3 12.788556L13.6 14.7Z"];
         readonly poses: readonly [{
             readonly opacity: 0;
         }, {}, {
             readonly opacity: 0;
         }];
-        readonly detail: true;
-        readonly pathStates: readonly [readonly ["M9.4 13.8L9.7 14", "M14.6 13.8L14.3 14"], readonly ["M9.4 13.8L9.7 15.7", "M14.6 13.8L14.3 15.7"], readonly ["M11 12.8L11.3 13", "M13 12.8L12.7 13"]];
+        readonly fillOnly: "surface";
+        readonly revealAfter: {
+            readonly part: "mouth";
+            readonly flex: readonly [0.25, 0.65];
+        };
+        readonly pathStates: readonly [readonly ["M9.7 13.047333Q10.4 13.262 11.1 13.346L10.4 13.229333Z", "M12.9 13.346Q13.6 13.262 14.3 13.047333L13.6 13.229333Z"], readonly ["M9.7 12.788556Q10.4 13.039 11.1 13.137L10.4 14.7Z", "M12.9 13.137Q13.6 13.039 14.3 12.788556L13.6 14.7Z"], readonly ["M11.463333 12.082444Q11.626667 12.154 11.79 12.182L11.626667 12.143111Z", "M12.21 12.182Q12.373333 12.154 12.536667 12.082444L12.373333 12.143111Z"]];
     }];
 };

package/dist/icons/vampire/vampire-rig.js

@@ -1,7 +1,9 @@
 // Original Weasel outline and state choreography. Structural observations are retained in the external review record.
-// Swept widow peak and broad tapered face framed by a curved high collar; cape opens into scalloped bat wings.
+// Raised cape collar sits behind the cheeks and opens into the existing bat wings.
+// Watching and baring-fangs share one fixed face outline. The mouth opens inside it.
+// Solid hair and mouth use main ink; white, unoutlined canines stay inside the mouth.
 // watching: A broad Dracula face framed by swept hair and a tall pointed collar
-// baring-fangs: Two separate downward fangs show beneath a quiet smile
+// baring-fangs: Two pointed canine triangles show beneath the upper smile
 // bat: The pointed collar opens into wings as the face draws inward into a small bat
 export const vampireStates = ['watching', 'baring-fangs', 'bat'];
 export const vampireArt = {
@@ -9,12 +11,14 @@ export const vampireArt = {
     parts: [
         {
             name: 'cape-left',
-            paths: ['M12 21.5Q8.5 21.3 6.5 19.5Q3.7 16.5 3 11.3Q5 11.8 7.5 14.5C9 16.2 10.8 18 12 18.8'],
+            paths: [
+                'M12 21.5Q8.5 21.3 6.5 19.5Q3.5 15.5 2.5 7.5Q5.2 8.4 7.5 12.7C9 15.8 10.8 18 12 18.8',
+            ],
             poses: [{}, {}, {}],
             surface: true,
             pathStates: [
-                ['M12 21.5Q8.5 21.3 6.5 19.5Q3.7 16.5 3 11.3Q5 11.8 7.5 14.5C9 16.2 10.8 18 12 18.8'],
-                ['M12 21.5Q8.5 21.3 6.5 19.5Q3.7 16.5 3 11.3Q5 11.8 7.5 14.5C9 16.2 10.8 18 12 18.8'],
+                ['M12 21.5Q8.5 21.3 6.5 19.5Q3.5 15.5 2.5 7.5Q5.2 8.4 7.5 12.7C9 15.8 10.8 18 12 18.8'],
+                ['M12 21.5Q8.5 21.3 6.5 19.5Q3.5 15.5 2.5 7.5Q5.2 8.4 7.5 12.7C9 15.8 10.8 18 12 18.8'],
                 ['M11.3 14.5Q9.7 12.4 8 14.3Q6.8 12.3 5.3 14.5Q3.8 11.4 2.5 6.5C6.5 7 9 8.8 11.3 10'],
             ],
             pathOffsets: [
@@ -50,16 +54,16 @@ export const vampireArt = {
         {
             name: 'cape-right',
             paths: [
-                'M12 21.5Q15.5 21.3 17.5 19.5Q20.3 16.5 21 11.3Q19 11.8 16.5 14.5C15 16.2 13.2 18 12 18.8',
+                'M12 21.5Q15.5 21.3 17.5 19.5Q20.5 15.5 21.5 7.5Q18.8 8.4 16.5 12.7C15 15.8 13.2 18 12 18.8',
             ],
             poses: [{}, {}, {}],
             surface: true,
             pathStates: [
                 [
-                    'M12 21.5Q15.5 21.3 17.5 19.5Q20.3 16.5 21 11.3Q19 11.8 16.5 14.5C15 16.2 13.2 18 12 18.8',
+                    'M12 21.5Q15.5 21.3 17.5 19.5Q20.5 15.5 21.5 7.5Q18.8 8.4 16.5 12.7C15 15.8 13.2 18 12 18.8',
                 ],
                 [
-                    'M12 21.5Q15.5 21.3 17.5 19.5Q20.3 16.5 21 11.3Q19 11.8 16.5 14.5C15 16.2 13.2 18 12 18.8',
+                    'M12 21.5Q15.5 21.3 17.5 19.5Q20.5 15.5 21.5 7.5Q18.8 8.4 16.5 12.7C15 15.8 13.2 18 12 18.8',
                 ],
                 [
                     'M12.7 14.5Q14.3 12.4 16 14.3Q17.2 12.3 18.7 14.5Q20.2 11.4 21.5 6.5C17.5 7 15 8.8 12.7 10',
@@ -112,18 +116,15 @@ export const vampireArt = {
         },
         {
             name: 'widows-peak',
-            paths: ['M6.2 7.6Q8.7 5.6 12 8.4Q15.3 5.6 17.8 7.6'],
-            poses: [
-                {},
-                {},
-                {
-                    opacity: 0,
-                },
+            paths: [
+                'M6 7C5.5 2.8 9 2 12 2.8C15 2 18.5 2.8 18 7L17.8 7.6Q15.3 5.6 12 8.4Q8.7 5.6 6.2 7.6Z',
             ],
+            poses: [{}, {}, { opacity: 0 }],
+            fillOnly: 'ink',
             pathStates: [
-                ['M6.2 7.6Q8.7 5.6 12 8.4Q15.3 5.6 17.8 7.6'],
-                ['M6.2 7.6Q8.7 5.6 12 8.4Q15.3 5.6 17.8 7.6'],
-                ['M10 9Q11 8.5 12 9Q13 8.5 14 9'],
+                ['M6 7C5.5 2.8 9 2 12 2.8C15 2 18.5 2.8 18 7L17.8 7.6Q15.3 5.6 12 8.4Q8.7 5.6 6.2 7.6Z'],
+                ['M6 7C5.5 2.8 9 2 12 2.8C15 2 18.5 2.8 18 7L17.8 7.6Q15.3 5.6 12 8.4Q8.7 5.6 6.2 7.6Z'],
+                ['M10 9C10 9 11 8.5 12 9C13 8.5 14 9 14 9L14 9Q13 8.5 12 9Q11 8.5 10 9Z'],
             ],
         },
         {
@@ -139,38 +140,37 @@ export const vampireArt = {
         },
         {
             name: 'mouth',
-            paths: ['M8.5 13.2Q12 15 15.5 13.2'],
-            poses: [
-                {},
-                {},
-                {
-                    opacity: 0,
-                },
-            ],
-            detail: true,
+            paths: ['M9 12.8Q12 14 15 12.8Q14.5 14 12 14.2Q9.5 14 9 12.8Z'],
+            poses: [{}, { flex: 1 }, { opacity: 0 }],
+            fillOnly: 'ink',
             pathStates: [
-                ['M8.5 13.2Q12 15 15.5 13.2'],
-                ['M8.5 13.2Q12 15 15.5 13.2'],
-                ['M11 12.5Q12 13 13 12.5'],
+                ['M9 12.8Q12 14 15 12.8Q14.5 14 12 14.2Q9.5 14 9 12.8Z'],
+                ['M9 12.5Q12 13.9 15 12.5Q14.5 15.6 12 15.6Q9.5 15.6 9 12.5Z'],
+                ['M11.3 12Q12 12.4 12.7 12Q12.6 13 12 13Q11.4 13 11.3 12Z'],
             ],
         },
         {
             name: 'fangs',
-            paths: ['M9.4 13.8L9.7 15.7', 'M14.6 13.8L14.3 15.7'],
-            poses: [
-                {
-                    opacity: 0,
-                },
-                {},
-                {
-                    opacity: 0,
-                },
+            paths: [
+                'M9.7 12.788556Q10.4 13.039 11.1 13.137L10.4 14.7Z',
+                'M12.9 13.137Q13.6 13.039 14.3 12.788556L13.6 14.7Z',
             ],
-            detail: true,
+            poses: [{ opacity: 0 }, {}, { opacity: 0 }],
+            fillOnly: 'surface',
+            revealAfter: { part: 'mouth', flex: [0.25, 0.65] },
             pathStates: [
-                ['M9.4 13.8L9.7 14', 'M14.6 13.8L14.3 14'],
-                ['M9.4 13.8L9.7 15.7', 'M14.6 13.8L14.3 15.7'],
-                ['M11 12.8L11.3 13', 'M13 12.8L12.7 13'],
+                [
+                    'M9.7 13.047333Q10.4 13.262 11.1 13.346L10.4 13.229333Z',
+                    'M12.9 13.346Q13.6 13.262 14.3 13.047333L13.6 13.229333Z',
+                ],
+                [
+                    'M9.7 12.788556Q10.4 13.039 11.1 13.137L10.4 14.7Z',
+                    'M12.9 13.137Q13.6 13.039 14.3 12.788556L13.6 14.7Z',
+                ],
+                [
+                    'M11.463333 12.082444Q11.626667 12.154 11.79 12.182L11.626667 12.143111Z',
+                    'M12.21 12.182Q12.373333 12.154 12.536667 12.082444L12.373333 12.143111Z',
+                ],
             ],
         },
     ],

package/dist/shared/articulated-icon.js

@@ -6,15 +6,19 @@ import { usePoseWeight, useStateChannels, useBehaviorClock } from "./use-icon-mo
 import { useMotionPreference } from "./use-motion-preference.js";
 import { sampleArticulation } from "./articulation.js";
 const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
-function PartPath({ part, index, pathIndex, rig, }) {
+function PartPath({ part, index, pathIndex, rig, ink, }) {
     const d = useTransform(rig, (sample) => sample[index].paths[pathIndex]);
     const offset = useTransform(rig, (sample) => (part.traceLength ?? 0) * (1 - sample[index].draw));
-    return (_jsx(motion.path, { d: d, fill: part.surface ? 'var(--weasel-surface, #fff)' : undefined, strokeDasharray: part.traceLength, strokeDashoffset: part.traceLength ? offset : undefined }));
+    return (_jsx(motion.path, { d: d, fill: part.fillOnly === 'ink'
+            ? ink
+            : part.fillOnly === 'surface' || part.surface
+                ? 'var(--weasel-surface, #fff)'
+                : undefined, stroke: part.fillOnly ? 'none' : undefined, strokeDasharray: part.traceLength, strokeDashoffset: part.traceLength ? offset : undefined }));
 }
-function Part({ part, index, rig, name, accentColor, strokeWidth, }) {
+function Part({ part, index, rig, name, accentColor, color, strokeWidth, }) {
     const transform = useTransform(rig, (sample) => sample[index].transform);
     const opacity = useTransform(rig, (sample) => sample[index].opacity);
-    return (_jsx(motion.g, { "data-layer": `${name}-${part.name}`, "data-part": part.name, transform: transform, opacity: opacity, style: ORIGIN, stroke: part.accent ? accentColor : undefined, strokeWidth: part.detail ? Math.min(strokeWidth * 0.8, 1.5) : undefined, children: part.paths.map((_, i) => (_jsx(PartPath, { part: part, index: index, pathIndex: i, rig: rig }, i))) }));
+    return (_jsx(motion.g, { "data-layer": `${name}-${part.name}`, "data-part": part.name, transform: transform, opacity: opacity, style: ORIGIN, stroke: part.accent ? accentColor : undefined, strokeWidth: part.detail ? Math.min(strokeWidth * 0.8, 1.5) : undefined, children: part.paths.map((_, i) => (_jsx(PartPath, { part: part, index: index, pathIndex: i, rig: rig, ink: part.accent ? accentColor : color }, i))) }));
 }
 /** Shared binding, never a shared drawing or a generic whole-icon animation. */
 export function ArticulatedIcon({ art, states, state = states[0], size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, }) {
@@ -37,5 +41,5 @@ export function ArticulatedIcon({ art, states, state = states[0], size = 24, col
     const life = usePoseWeight(performs, pace, reduced);
     const time = useBehaviorClock(element, performs, pace, life, art.parts.some((part) => Boolean(part.spin)));
     const rig = useTransform(() => sampleArticulation(art, channels.map((channel) => channel.weight.get()), time.get(), life.get(), channels.map((channel) => channel.entry.get())));
-    return (_jsx("svg", { ref: element, className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", pointerEvents: "none", style: { display: 'block' }, children: _jsx("g", { "data-layer": `${art.name}-body`, transform: "translate(12 12) scale(.84) translate(-12 -12)", children: art.parts.map((part, index) => (_jsx(Part, { part: part, index: index, rig: rig, name: art.name, accentColor: accentColor, strokeWidth: strokeWidth }, part.name))) }) }));
+    return (_jsx("svg", { ref: element, className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", pointerEvents: "none", style: { display: 'block' }, children: _jsx("g", { "data-layer": `${art.name}-body`, transform: "translate(12 12) scale(.84) translate(-12 -12)", children: art.parts.map((part, index) => (_jsx(Part, { part: part, index: index, rig: rig, name: art.name, accentColor: accentColor, color: color, strokeWidth: strokeWidth }, part.name))) }) }));
 }

package/dist/shared/articulation.d.ts

@@ -37,6 +37,8 @@ export interface ArticulatedPart {
     /** Status details retain room inside a heavier structural outline. */
     detail?: boolean;
     surface?: boolean;
+    /** Solid ink or neutral cutouts, without an additional outline. */
+    fillOnly?: 'ink' | 'surface';
     traceLength?: number;
     /** Reveal only after an earlier part's actual flex pose clears this detail. */
     revealAfter?: {