weasel-icons 0.7.0 → 0.8.0

package/dist/icons/dog/dog-icon.js

@@ -31,9 +31,6 @@ export const DogIcon = memo(function DogIcon({ state = 'waiting', size = 24, col
     const tongueHeight = useTransform(rig, (r) => r.tongueHeight);
     const tongueOpacity = useTransform(rig, (r) => r.tongueOpacity);
     const blush = useTransform(rig, (r) => r.blush);
-    const scentPath = useTransform(rig, (r) => `M ${r.scentX} ${r.scentY - 0.7} q -.7 -.3 -1.15 .05 M ${r.scentX + 0.2} ${r.scentY + 0.75} q -.7 .3 -1.15 -.05`);
-    const scentOpacity = useTransform(rig, (r) => r.scentOpacity);
-    const sparkOpacity = useTransform(rig, (r) => r.sparkOpacity);
     const tilt = useTransform(rig, (r) => r.tilt);
     const height = useTransform(rig, (r) => r.headY);
     const headTilt = useFollowPose(tilt, pace, reduced);
@@ -41,5 +38,5 @@ export const DogIcon = memo(function DogIcon({ state = 'waiting', size = 24, col
     const head = useTransform(() => `translate(12px, ${14 + headY.get()}px) rotate(${headTilt.get()}deg) translate(-12px, -14px)`);
     const detailStroke = Math.max(0.35, strokeWidth * 0.38);
     const surface = 'var(--weasel-surface, #fff)';
-    return (_jsxs("svg", { ref: element, className: className, width: size, height: size, viewBox: "-3 -3 30 30", xmlns: "http://www.w3.org/2000/svg", fill: "none", preserveAspectRatio: "xMidYMid meet", "aria-hidden": "true", focusable: "false", pointerEvents: "none", "data-dog-state": state, style: { display: 'block', overflow: 'visible' }, children: [_jsx("defs", { children: _jsx("clipPath", { id: mouthId, children: _jsx(motion.path, { d: mouth }) }) }), _jsxs(motion.g, { "data-layer": "face", style: SVG_ORIGIN, transform: head, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: DOG_SURFACE, fill: surface }), _jsx("path", { d: DOG_OUTLINE, stroke: color, strokeWidth: strokeWidth }), _jsx("path", { d: "M10.15 5.235Q12 4.6 14 5.277", stroke: color, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-layer": "left-ear", style: SVG_ORIGIN, d: DOG_LEFT_EAR, transform: leftEar, stroke: color, fill: surface, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-layer": "right-ear", style: SVG_ORIGIN, d: DOG_RIGHT_EAR, transform: rightEar, stroke: color, fill: surface, strokeWidth: strokeWidth }), _jsxs(motion.g, { "data-layer": "cheeks", opacity: blush, fill: accentColor, children: [_jsx("ellipse", { cx: "7.1", cy: "16.3", rx: ".8", ry: ".38" }), _jsx("ellipse", { cx: "16.9", cy: "16.3", rx: ".8", ry: ".38" })] }), _jsx(motion.path, { "data-layer": "left-eye", d: leftEye, fill: colors?.eyes ?? color }), _jsx(motion.path, { "data-layer": "right-eye", d: rightEye, fill: colors?.eyes ?? color }), _jsx(motion.path, { "data-layer": "nose", d: "M11.1 15.9Q12 15.55 12.9 15.9Q13.2 16.2 12 17Q10.8 16.2 11.1 15.9Z", style: SVG_ORIGIN, transform: nose, fill: colors?.nose ?? color }), _jsx(motion.path, { "data-layer": "mouth", d: mouth, fill: colors?.mouth ?? color, stroke: colors?.mouth ?? color, strokeWidth: detailStroke }), _jsx("g", { clipPath: `url(#${mouthId})`, children: _jsx(motion.rect, { "data-layer": "tongue", x: "11.2", y: tongueY, width: "1.6", height: tongueHeight, rx: ".65", opacity: tongueOpacity, fill: accentColor }) })] }), _jsx(motion.g, { "data-layer": "scent", opacity: scentOpacity, stroke: accentColor, strokeWidth: detailStroke, strokeLinecap: "round", children: _jsx(motion.path, { d: scentPath }) }), _jsx(motion.path, { "data-layer": "spark", opacity: sparkOpacity, d: "M.1 1.3v2M-.9 2.3h2M24.1 .5v1.4M23.4 1.2h1.4", stroke: accentColor, strokeWidth: detailStroke, strokeLinecap: "round" })] }));
+    return (_jsxs("svg", { ref: element, className: className, width: size, height: size, viewBox: "-3 -3 30 30", xmlns: "http://www.w3.org/2000/svg", fill: "none", preserveAspectRatio: "xMidYMid meet", "aria-hidden": "true", focusable: "false", pointerEvents: "none", "data-dog-state": state, style: { display: 'block', overflow: 'visible' }, children: [_jsx("defs", { children: _jsx("clipPath", { id: mouthId, children: _jsx(motion.path, { d: mouth }) }) }), _jsxs(motion.g, { "data-layer": "face", style: SVG_ORIGIN, transform: head, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: DOG_SURFACE, fill: surface }), _jsx("path", { d: DOG_OUTLINE, stroke: color, strokeWidth: strokeWidth }), _jsx("path", { d: "M10.15 5.235Q12 4.6 14 5.277", stroke: color, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-layer": "left-ear", style: SVG_ORIGIN, d: DOG_LEFT_EAR, transform: leftEar, stroke: color, fill: surface, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-layer": "right-ear", style: SVG_ORIGIN, d: DOG_RIGHT_EAR, transform: rightEar, stroke: color, fill: surface, strokeWidth: strokeWidth }), _jsxs(motion.g, { "data-layer": "cheeks", opacity: blush, fill: accentColor, children: [_jsx("ellipse", { cx: "7.1", cy: "16.3", rx: ".8", ry: ".38" }), _jsx("ellipse", { cx: "16.9", cy: "16.3", rx: ".8", ry: ".38" })] }), _jsx(motion.path, { "data-layer": "left-eye", d: leftEye, fill: colors?.eyes ?? color }), _jsx(motion.path, { "data-layer": "right-eye", d: rightEye, fill: colors?.eyes ?? color }), _jsx(motion.path, { "data-layer": "nose", d: "M11.1 15.9Q12 15.55 12.9 15.9Q13.2 16.2 12 17Q10.8 16.2 11.1 15.9Z", style: SVG_ORIGIN, transform: nose, fill: colors?.nose ?? color }), _jsx(motion.path, { "data-layer": "mouth", d: mouth, fill: colors?.mouth ?? color, stroke: colors?.mouth ?? color, strokeWidth: detailStroke }), _jsx("g", { clipPath: `url(#${mouthId})`, children: _jsx(motion.rect, { "data-layer": "tongue", x: "11.2", y: tongueY, width: "1.6", height: tongueHeight, rx: ".65", opacity: tongueOpacity, fill: accentColor }) })] })] }));
 });

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

@@ -24,14 +24,10 @@ interface DogPose {
     noseY: number;
     tongue: number;
     blush: number;
-    scent: number;
-    scentX: number;
-    scentY: number;
-    spark: number;
 }
 export declare const DOG_POSES: Record<DogState, DogPose>;
 export declare const dogBehaviors: Record<DogState, readonly string[]>;
-export declare const dogSceneDuration: (state: DogState) => 6 | 8;
+export declare const dogSceneDuration: (state: DogState) => 3.8 | 4.8 | 6.8;
 export declare function sampleDogBehavior(state: DogState, time: number): {
     pose: {
         gazeX: number;
@@ -52,10 +48,6 @@ export declare function sampleDogBehavior(state: DogState, time: number): {
         noseY: number;
         tongue: number;
         blush: number;
-        scent: number;
-        scentX: number;
-        scentY: number;
-        spark: number;
     };
     scene: number;
 };
@@ -72,9 +64,5 @@ export declare function sampleDog(weights: DogWeights, time?: number, alive?: nu
     tongueHeight: number;
     tongueOpacity: number;
     blush: number;
-    scentX: number;
-    scentY: number;
-    scentOpacity: number;
-    sparkOpacity: number;
 };
 export {};

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

@@ -24,10 +24,6 @@ const neutral = {
     noseY: 0,
     tongue: 0,
     blush: 0,
-    scent: 0,
-    scentX: 24,
-    scentY: 8,
-    spark: 0,
 };
 export const DOG_POSES = {
     waiting: neutral,
@@ -76,170 +72,58 @@ export const DOG_POSES = {
         headY: 0.32,
     },
 };
+// One restrained gesture per state. The settled expressions and accepted drawing stay unchanged.
+// waiting: an attentive glance leads a small head tilt, then a quiet blink.
+// sniffing: two short nose-led inhalations; the head follows without extra scent marks.
+// happy: a low-amplitude pant supports the held smile; ears stay composed.
+// guilty: a brief upward peek returns to the lowered gaze. It never acts as if the error cleared.
 export const dogBehaviors = {
-    waiting: ['did you call?', 'patient little blink', 'checking on you', 'tiny nose twitch'],
-    sniffing: ['catch the scent', 'double sniff', 'where did it go?', 'one more clue'],
-    happy: ['soft little pant', 'good puppy nod', 'ear-flop delight', 'bashful little grin'],
-    guilty: [
-        'look away, peek back',
-        'ears down, little sigh',
-        'is it okay now?',
-        'ready to try again',
-    ],
+    waiting: ['quiet attentive glance'],
+    sniffing: ['gentle double sniff'],
+    happy: ['soft pant and smile'],
+    guilty: ['small apologetic peek'],
 };
-export const dogSceneDuration = (state) => state === 'happy' || state === 'sniffing' ? 6 : 8;
+export const dogSceneDuration = (state) => state === 'sniffing' ? 3.8 : state === 'happy' ? 4.8 : 6.8;
 export function sampleDogBehavior(state, time) {
-    const duration = dogSceneDuration(state);
-    const slot = Math.floor(Math.max(0, time) / duration);
-    const phrase = Math.floor(slot / 4);
-    const scene = ((phrase % 2 ? 3 - (slot % 4) : slot % 4) + phrase) % 4;
-    const delay = 0.35 + ((slot * 7 + dogStates.indexOf(state) * 3) % 9) * 0.045;
-    const t = time - slot * duration - delay;
-    const beat = (start, rise = 0.55, hold = 0.7, fall = 0.9) => behaviorBeat(t, start, rise, hold, fall);
+    const period = dogSceneDuration(state);
+    const t = ((time % period) + period) % period;
+    const beat = (start, rise, hold, fall) => behaviorBeat(t, start, rise, hold, fall);
     const p = { ...DOG_POSES[state] };
-    const a = beat(0.15), b = beat(2.8, 0.4, 0.55, 0.9);
     if (state === 'waiting') {
-        if (scene === 0) {
-            p.gazeX += a * 0.6;
-            p.earRight += beat(0.35) * 7;
-            p.tilt -= beat(0.45, 0.65, 0.7, 1) * 4;
-        }
-        else if (scene === 1) {
-            p.eyeOpen *= 1 - beat(0.4, 0.65, 0.15, 0.8) * 0.8;
-            p.headY += a * 0.16;
-            p.mouthWidth += b * 0.3;
-        }
-        else if (scene === 2) {
-            p.gazeX -= a * 0.5;
-            p.gazeY += a * 0.15;
-            p.tilt += beat(0.4) * 2.5;
-            p.gazeX += b * 0.45;
-            p.earLeft -= b * 3;
-        }
-        else {
-            const sniff = beat(0.35, 0.18, 0.05, 0.35) + beat(1.1, 0.2, 0.05, 0.4) * 0.65;
-            p.nose += sniff * 0.12;
-            p.headY -= sniff * 0.07;
-            p.tilt -= b * 1.5;
-        }
+        const glance = beat(0.4, 0.5, 0.55, 0.8);
+        p.gazeX += glance * 0.28;
+        p.tilt -= beat(0.58, 0.65, 0.45, 0.95) * 2;
+        p.earRight += beat(0.76, 0.45, 0.3, 0.8) * 1.5;
     }
     else if (state === 'sniffing') {
-        // Nose acquires the scent before the head follows. Short inhalations,
-        // not a continuously inflating nose or an entire shaking face.
-        const inhale = beat(0.65, 0.12, 0.04, 0.23) +
-            beat(1.12, 0.14, 0.03, 0.26) * 0.8 +
-            beat(2.75, 0.14, 0.04, 0.3) * 0.65;
-        const seek = beat(0.08, 0.55, 1.3, 0.75);
-        p.nose += inhale * 0.045;
-        p.noseY -= inhale * 0.15;
-        p.eyeOpen *= 1 - inhale * 0.13;
-        p.headY -= beat(0.78, 0.18, 0.04, 0.36) * 0.12;
-        if (scene === 0) {
-            p.gazeX += seek * 0.38;
-            p.gazeY -= seek * 0.16;
-            p.noseX += seek * 0.15;
-            p.tilt -= beat(0.32, 0.65, 1.05, 0.85) * 2.4;
-            p.earRight += beat(0.5, 0.4, 0.4, 0.9) * 2;
-        }
-        else if (scene === 1) {
-            p.gazeY += seek * 0.3;
-            p.noseY += seek * 0.1;
-            p.headY += beat(0.35, 0.6, 0.8, 0.8) * 0.28;
-            p.earLeft -= beat(0.7, 0.3, 0.1, 0.65) * 2.4;
-            p.mouthWidth -= inhale * 0.15;
-        }
-        else if (scene === 2) {
-            p.gazeX -= seek * 0.9;
-            p.noseX -= seek * 0.27;
-            p.tilt += beat(0.4, 0.7, 0.8, 0.9) * 5;
-            p.earLeft -= beat(0.6, 0.4, 0.5, 0.8) * 2;
-            p.gazeX += b * 0.2;
-        }
-        else {
-            p.gazeY -= seek * 0.35;
-            p.noseY -= seek * 0.12;
-            p.headY -= beat(0.4, 0.7, 0.7, 0.9) * 0.22;
-            p.earRight += beat(0.55, 0.4, 0.5, 0.8) * 2.2;
-            p.tilt += b * 1.5;
-        }
-        // Two brief scent wisps stay outside the cheek; they aren't facial dots.
-        p.scent = inhale * 0.65;
-        p.scentX = 23.2 - inhale * 0.65;
-        p.scentY = 15.2 - seek * 0.25;
+        const first = beat(0.42, 0.14, 0.04, 0.28);
+        const second = beat(0.96, 0.14, 0.04, 0.32) * 0.75;
+        const inhale = first + second;
+        p.noseY -= inhale * 0.16;
+        p.nose += inhale * 0.018;
+        p.eyeOpen *= 1 - inhale * 0.12;
+        // Follow the same two inhalations slightly later; never shake the whole face.
+        p.headY -= (beat(0.52, 0.18, 0.02, 0.34) + beat(1.06, 0.18, 0.02, 0.38) * 0.75) * 0.2;
+        p.gazeX += beat(0.18, 0.4, 0.8, 0.8) * 0.16;
+        p.tilt -= beat(0.32, 0.55, 0.55, 0.9) * 1.4;
     }
     else if (state === 'happy') {
-        // Low-amplitude jaw/tongue rhythm has an independent phase, so it never
-        // restarts at a phrase boundary. The silhouette itself stays composed.
-        const pant = 0.5 - 0.5 * Math.cos((time * Math.PI * 2) / 1.65);
-        p.bottom += pant * 0.18;
-        p.tongue += pant * 0.075;
-        if (scene === 0) {
-            p.eyeOpen -= a * 0.25;
-            p.eyeCurve -= a * 0.12;
-            p.tilt -= beat(0.4, 0.65, 0.35, 0.85) * 2;
-            p.earLeft -= beat(0.55, 0.4, 0.12, 0.75) * 2.5;
-        }
-        else if (scene === 1) {
-            const nod = beat(0.5, 0.3, 0.06, 0.65);
-            p.headY += nod * 0.3;
-            p.earLeft -= beat(0.68, 0.25, 0.05, 0.7) * 3;
-            p.earRight += beat(0.76, 0.25, 0.05, 0.7) * 3;
-            p.eyeOpen -= nod * 0.22;
-        }
-        else if (scene === 2) {
-            p.tilt += beat(0.2, 0.55, 0.2, 0.8) * 2;
-            p.earLeft -= beat(0.38, 0.3, 0.08, 0.65) * 3.5;
-            p.earRight += beat(0.55, 0.3, 0.08, 0.7) * 3;
-            p.eyeOpen -= b * 0.35;
-            p.eyeCurve -= b * 0.12;
-        }
-        else {
-            p.gazeX -= a * 0.25;
-            p.bottom -= a * 0.25;
-            p.tongue -= a * 0.15;
-            p.tilt -= beat(0.35, 0.6, 0.4, 0.9) * 2.5;
-            p.eyeOpen -= a * 0.35;
-            p.eyeCurve -= a * 0.16;
-            p.blush += a * 0.05;
-        }
+        // An independent phase keeps the soft jaw/tongue motion continuous across gesture boundaries.
+        const pant = 0.5 - 0.5 * Math.cos((time * Math.PI * 2) / 2.4);
+        p.bottom += pant * 0.1;
+        p.tongue += pant * 0.045;
+        p.eyeOpen -= beat(0.55, 0.45, 0.2, 0.65) * 0.12;
     }
     else {
-        if (scene === 0) {
-            p.gazeX -= a * 0.55;
-            p.gazeX += b * 0.6;
-            p.gazeY -= b * 0.24;
-            p.tilt += beat(0.5) * 1.3;
-            p.earLeft += a * 3;
-        }
-        else if (scene === 1) {
-            const sigh = beat(0.35, 0.8, 0.35, 1.2);
-            p.eyeOpen *= 1 - sigh * 0.6;
-            p.headY += sigh * 0.2;
-            p.mouthWidth -= sigh * 1.1;
-            p.bottom += sigh * 0.4;
-            p.earLeft += sigh * 2;
-            p.earRight -= sigh * 2;
-        }
-        else if (scene === 2) {
-            p.gazeY -= a * 0.45;
-            p.eyeOpen += a * 0.2;
-            p.tilt -= beat(0.45) * 2.5;
-            p.earRight += a * 4;
-            p.mouthWidth += b * 0.25;
-        }
-        else {
-            p.gazeX += a * 0.3;
-            p.gazeY -= a * 0.3;
-            p.headY -= beat(0.5) * 0.23;
-            p.earLeft -= a * 3;
-            p.earRight += a * 3;
-            p.tilt -= a * 2;
-            p.eyeOpen += b * 0.13;
-        }
+        const peek = beat(1, 0.55, 0.4, 0.95);
+        p.gazeY -= peek * 0.22;
+        p.gazeX += peek * 0.18;
+        p.tilt -= beat(1.18, 0.65, 0.25, 0.95) * 0.8;
     }
-    const blink = Math.max(gesture(time, 10.7, 2.3, 0.27), gesture(time, 17.3, 6.9, 0.3));
+    // A short blink replaces the old slow eye squeezes. It shares the single eye-path owner.
+    const blink = gesture(time, period, state === 'sniffing' ? 2.9 : 3.6, 0.24);
     p.eyeOpen *= 1 - blink * 0.88;
-    return { pose: p, scene };
+    return { pose: p, scene: 0 };
 }
 const keys = Object.keys(neutral);
 const n = (value) => Number(value.toFixed(4));
@@ -277,9 +161,5 @@ export function sampleDog(weights, time = 0, alive = 0) {
         tongueHeight: 0.18 + p.tongue * 1.35,
         tongueOpacity: p.tongue,
         blush: p.blush,
-        scentX: p.scentX,
-        scentY: p.scentY,
-        scentOpacity: p.scent,
-        sparkOpacity: p.spark,
     };
 }

package/dist/icons/footprints/footprints-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type FootprintsState } from "./footprints-rig.js";
+export { footprintsStates, type FootprintsState } from "./footprints-rig.js";
+export type FootprintsIconProps = StatefulIconProps<FootprintsState>;
+export declare const FootprintsIcon: import("react").NamedExoticComponent<FootprintsIconProps>;

package/dist/icons/footprints/footprints-icon.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { ArticulatedIcon } from "../../shared/articulated-icon.js";
+import { footprintsArt, footprintsStates } from "./footprints-rig.js";
+export { footprintsStates } from "./footprints-rig.js";
+export const FootprintsIcon = memo(function FootprintsIcon(props) {
+    return _jsx(ArticulatedIcon, { art: footprintsArt, states: footprintsStates, ...props });
+});

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

@@ -0,0 +1,4 @@
+import type { Articulation } from "../../shared/articulation.js";
+export declare const footprintsStates: readonly ["idle", "walking", "arrived"];
+export type FootprintsState = (typeof footprintsStates)[number];
+export declare const footprintsArt: Articulation;

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

@@ -0,0 +1,53 @@
+export const footprintsStates = ['idle', 'walking', 'arrived'];
+// Lucide `footprints` outline with original motion details. Attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Walking session: quiet footprints, alternating lift and plant while walking, then both soles hold on arrival. Each heel stays attached to its sole.
+// Work loops only while alive; the application determines the result.
+const work = (duration, frames, pause = 0) => ({
+    duration,
+    repeatAfter: duration + pause,
+    loop: true,
+    frames,
+});
+const fixed = [{}, {}, {}];
+const p = (name, paths, poses = fixed, options = {}) => ({ name, paths, poses, ...options });
+// Each sole and its heel bar remain one assembly. Steps lift and plant half a stride apart.
+export const footprintsArt = {
+    name: 'footprints',
+    parts: [
+        p('left', [
+            'M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5c0 3.11-2 5.66-2 8.68V16a2 2 0 1 1-4 0Z',
+            'M4 13h4',
+        ], [{ opacity: 0.35 }, {}, {}], {
+            pivot: [6, 16],
+            gestures: [
+                null,
+                work(1.22, [
+                    { at: 0 },
+                    { at: 0.14 },
+                    { at: 0.38, y: -0.7, angle: 5, opacity: -0.6 },
+                    { at: 0.65, y: -0.7, angle: 5, opacity: -0.6 },
+                    { at: 0.9, angle: -2 },
+                    { at: 1 },
+                ]),
+                null,
+            ],
+        }),
+        p('right', [
+            'M20 20v-2.38c0-2.12 1.03-3.12 1-5.62-.03-2.72-1.49-6-4.5-6C14.63 6 14 7.8 14 9.5c0 3.11 2 5.66 2 8.68V20a2 2 0 1 0 4 0Z',
+            'M16 17h4',
+        ], [{ opacity: 0.35 }, { y: -0.7, angle: -5, opacity: 0.4 }, {}], {
+            pivot: [18, 20],
+            gestures: [
+                null,
+                work(1.22, [
+                    { at: 0 },
+                    { at: 0.35, y: 0.7, angle: 5, opacity: 0.6 },
+                    { at: 0.6, y: 0.7, angle: 5, opacity: 0.6 },
+                    { at: 0.86 },
+                    { at: 1 },
+                ]),
+                null,
+            ],
+        }),
+    ],
+};

package/dist/icons/fuel/fuel-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type FuelState } from "./fuel-rig.js";
+export { fuelStates, type FuelState } from "./fuel-rig.js";
+export type FuelIconProps = StatefulIconProps<FuelState>;
+export declare const FuelIcon: import("react").NamedExoticComponent<FuelIconProps>;

package/dist/icons/fuel/fuel-icon.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { ArticulatedIcon } from "../../shared/articulated-icon.js";
+import { fuelArt, fuelStates } from "./fuel-rig.js";
+export { fuelStates } from "./fuel-rig.js";
+export const FuelIcon = memo(function FuelIcon(props) {
+    return _jsx(ArticulatedIcon, { art: fuelArt, states: fuelStates, ...props });
+});

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

@@ -0,0 +1,4 @@
+import type { Articulation } from "../../shared/articulation.js";
+export declare const fuelStates: readonly ["low", "refuelling", "full"];
+export type FuelState = (typeof fuelStates)[number];
+export declare const fuelArt: Articulation;

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

@@ -0,0 +1,55 @@
+export const fuelStates = ['low', 'refuelling', 'full'];
+// Lucide `fuel` outline with original motion details. Attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Top-up balance: one short bottom bar, a middle bar charging left to right while pending, and three bars only after confirmation.
+// Work loops only while alive; the application determines the result.
+const work = (duration, frames, pause = 0) => ({
+    duration,
+    repeatAfter: duration + pause,
+    loop: true,
+    frames,
+});
+const event = (frames) => ({
+    duration: 0.8,
+    repeatAfter: 2,
+    loop: false,
+    frames,
+});
+const fixed = [{}, {}, {}];
+const p = (name, paths, poses = fixed, options = {}) => ({ name, paths, poses, ...options });
+// Top-up: the middle bar receives a left-to-right charge. The last bar is reserved for confirmed full.
+export const fuelArt = {
+    name: 'fuel',
+    parts: [
+        p('pump', ['M14 21V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v16', 'M2 21h13', 'M3 9h11']),
+        p('hose', ['M14 13h2a2 2 0 0 1 2 2v2a2 2 0 0 0 4 0v-6.998a2 2 0 0 0-.59-1.42L18 5']),
+        p('bar-1', ['M5.5 18.5h6'], [{ scaleX: 0.5 }, {}, {}], {
+            accent: true,
+            pivot: [5.5, 18.5],
+        }),
+        p('bar-2', ['M5.5 15.5h6'], [{ opacity: 0, scaleX: 0 }, { scaleX: 0.52 }, {}], {
+            accent: true,
+            pivot: [5.5, 15.5],
+            gestures: [
+                null,
+                work(1.25, [
+                    { at: 0 },
+                    { at: 0.48, scaleX: 0.48 },
+                    { at: 0.64, scaleX: 0.48 },
+                    { at: 0.8, opacity: -1, scaleX: 0.48 },
+                    { at: 0.84, opacity: -1, scaleX: -0.52 },
+                    { at: 1 },
+                ], 0.08),
+                null,
+            ],
+        }),
+        p('bar-3', ['M5.5 12.5h6'], [{ opacity: 0, scaleX: 0 }, { opacity: 0, scaleX: 0 }, {}], {
+            accent: true,
+            pivot: [5.5, 12.5],
+            gestures: [
+                null,
+                null,
+                event([{ at: 0, scaleX: -1 }, { at: 0.18, scaleX: -1 }, { at: 0.7 }, { at: 1 }]),
+            ],
+        }),
+    ],
+};

package/dist/icons/infinity/infinity-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type InfinityState } from "./infinity-rig.js";
+export { infinityStates, type InfinityState } from "./infinity-rig.js";
+export type InfinityIconProps = StatefulIconProps<InfinityState>;
+export declare const InfinityIcon: import("react").NamedExoticComponent<InfinityIconProps>;

package/dist/icons/infinity/infinity-icon.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef } from 'react';
+import { motion, useTransform } from 'motion/react';
+import { useBehaviorClock, usePoseWeight } from "../../shared/use-icon-motion.js";
+import { useMotionPreference } from "../../shared/use-motion-preference.js";
+import { loopPath } from "./infinity-rig.js";
+export { infinityStates } from "./infinity-rig.js";
+export const InfinityIcon = memo(function InfinityIcon({ state = 'limited', size = 24, color = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, }) {
+    const element = useRef(null), reduced = useMotionPreference(), pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;
+    const limited = usePoseWeight(state === 'limited', pace, reduced), running = usePoseWeight(state === 'running', pace, reduced);
+    const performs = state === 'running' && alive && !reduced, life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const end = useTransform(limited, (v) => 0.2 * Math.max(0, Math.min(1, v))), baseOpacity = useTransform(running, (v) => 1 - 0.75 * Math.max(0, Math.min(1, v)));
+    // Keep phase independent of the living fade. One dash traverses the actual closed loop.
+    const offset = useTransform(time, (t) => -t / 1.65), traceOpacity = useTransform(running, (v) => Math.max(0, Math.min(1, v)));
+    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: _jsxs("g", { "data-layer": "infinity-body", transform: "translate(12 12) scale(.84) translate(-12 -12)", children: [_jsx(motion.path, { "data-part": "loop", d: loopPath, pathLength: 1, strokeDasharray: "1", strokeDashoffset: end, opacity: baseOpacity }), _jsx(motion.path, { "data-part": "traveller", d: loopPath, pathLength: 1, strokeDasharray: ".2 .8", strokeDashoffset: offset, opacity: traceOpacity })] }) }));
+});

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

@@ -0,0 +1,3 @@
+export declare const infinityStates: readonly ["limited", "running", "unlimited"];
+export type InfinityState = (typeof infinityStates)[number];
+export declare const loopPath = "M6 16c5 0 7-8 12-8a4 4 0 0 1 0 8c-5 0-7-8-12-8a4 4 0 1 0 0 8";

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

@@ -0,0 +1,4 @@
+// Lucide `infinity` outline. Attribution and pinned source: THIRD_PARTY_NOTICES.md.
+export const infinityStates = ['limited', 'running', 'unlimited'];
+// Limited holds an open loop; running sends one dash along a ghosted loop; unlimited holds closed.
+export const loopPath = 'M6 16c5 0 7-8 12-8a4 4 0 0 1 0 8c-5 0-7-8-12-8a4 4 0 1 0 0 8';

package/dist/icons/target/target-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type TargetState } from "./target-rig.js";
+export { targetStates, type TargetState } from "./target-rig.js";
+export type TargetIconProps = StatefulIconProps<TargetState>;
+export declare const TargetIcon: import("react").NamedExoticComponent<TargetIconProps>;

package/dist/icons/target/target-icon.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { ArticulatedIcon } from "../../shared/articulated-icon.js";
+import { targetArt, targetStates } from "./target-rig.js";
+export { targetStates } from "./target-rig.js";
+export const TargetIcon = memo(function TargetIcon(props) {
+    return _jsx(ArticulatedIcon, { art: targetArt, states: targetStates, ...props });
+});

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

@@ -0,0 +1,112 @@
+export declare const targetStates: readonly ["set", "tracking", "hit"];
+export type TargetState = (typeof targetStates)[number];
+export declare const targetArt: {
+    readonly name: "target";
+    readonly parts: readonly [{
+        readonly name: "outer";
+        readonly paths: readonly [string];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, null, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.35;
+                readonly scaleX: 0.04;
+                readonly scaleY: 0.04;
+            }, {
+                readonly at: 0.65;
+                readonly scaleX: -0.01;
+                readonly scaleY: -0.01;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 0.7;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+        }];
+    }, {
+        readonly name: "middle";
+        readonly paths: readonly [string];
+        readonly poses: readonly [{}, {
+            readonly scaleX: 0.82;
+            readonly scaleY: 0.82;
+        }, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.5;
+                readonly scaleX: 0.2;
+                readonly scaleY: 0.2;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 1.5;
+            readonly repeatAfter: 2.2;
+            readonly loop: true;
+        }, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly scaleX: -0.06;
+                readonly scaleY: -0.06;
+            }, {
+                readonly at: 0.6;
+                readonly scaleX: 0.03;
+                readonly scaleY: 0.03;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 0.7;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+        }];
+    }, {
+        readonly name: "centre";
+        readonly accent: true;
+        readonly paths: readonly [string];
+        readonly poses: readonly [{
+            readonly opacity: 0.35;
+        }, {
+            readonly opacity: 0.6;
+            readonly scaleX: 0.8;
+            readonly scaleY: 0.8;
+        }, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.5;
+                readonly opacity: 0.4;
+                readonly scaleX: 0.2;
+                readonly scaleY: 0.2;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 1.5;
+            readonly repeatAfter: 2.2;
+            readonly loop: true;
+        }, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly scaleX: 0.35;
+                readonly scaleY: 0.35;
+            }, {
+                readonly at: 0.6;
+                readonly scaleX: -0.06;
+                readonly scaleY: -0.06;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 0.7;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+        }];
+    }];
+};