weasel-icons 0.4.0 → 0.5.0

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

@@ -0,0 +1,110 @@
+export const bugStates = ['idle', 'debugging', 'fixed'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Debugging is a chase: the whole bug darts left and right inside its frame, body leaning into each dart while the legs step and the antennae whip; fixed shrinks the bug into the upper-left corner, legs tucked, and traces an accent check into the space it left.
+const dartFrames = {
+    duration: 1.3,
+    repeatAfter: 2.1,
+    loop: true,
+};
+/** Whole-body dart shared by every part; legs and antennae add their own step on top. */
+const dart = (extra) => ({
+    ...dartFrames,
+    frames: [
+        { at: 0 },
+        { at: 0.15, x: -1, angle: -6, y: -0.3, ...extra[0.15] },
+        { at: 0.3, x: -0.7, angle: -3, ...extra[0.3] },
+        { at: 0.48, x: 1, angle: 6, y: -0.3, ...extra[0.48] },
+        { at: 0.64, x: 0.7, angle: 3, ...extra[0.64] },
+        { at: 0.82, x: -0.3, angle: -2, y: -0.4, ...extra[0.82] },
+        { at: 1 },
+    ],
+});
+const settle = {
+    duration: 0.8,
+    repeatAfter: 2,
+    loop: false,
+    frames: [{ at: 0 }, { at: 0.3, y: -0.6 }, { at: 0.55, y: 0.25 }, { at: 1 }],
+};
+/** Fixed pose: the bug tucks into the upper-left corner. */
+const tucked = { x: -2.6, y: -2.6, scaleX: 0.72, scaleY: 0.72 };
+export const bugArt = {
+    name: 'bug',
+    parts: [
+        {
+            name: 'legs-left',
+            paths: ['M3 21a4 4 0 0 1 3.81-4', 'M3 5a4 4 0 0 0 3.55 3.97', 'M6 13H2'],
+            poses: [{}, {}, { ...tucked, x: -1.6 }],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                dart({ 0.15: { y: -1, angle: -9 }, 0.48: { y: 0.4 }, 0.82: { y: -0.8, angle: -4 } }),
+                settle,
+            ],
+        },
+        {
+            name: 'legs-right',
+            paths: ['M21 21a4 4 0 0 0-3.81-4', 'M21 5a4 4 0 0 1-3.55 3.97', 'M22 13h-4'],
+            poses: [{}, {}, { ...tucked, x: -3.6 }],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                dart({ 0.15: { y: 0.4 }, 0.48: { y: -1, angle: 9 }, 0.64: { y: 0.3 } }),
+                settle,
+            ],
+        },
+        {
+            name: 'body',
+            paths: ['M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z', 'M12 20v-9'],
+            poses: [{}, {}, tucked],
+            pivot: [12, 12],
+            gestures: [null, dart({}), settle],
+        },
+        {
+            name: 'head',
+            paths: ['M9 7.13V6a3 3 0 1 1 6 0v1.13'],
+            poses: [{}, {}, tucked],
+            pivot: [12, 12],
+            gestures: [null, dart({ 0.15: { x: -1.4, angle: -8 }, 0.48: { x: 1.4, angle: 8 } }), settle],
+        },
+        {
+            name: 'antennae',
+            detail: true,
+            paths: ['M14.12 3.88 16 2', 'm8 2 1.88 1.88'],
+            poses: [{}, {}, tucked],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                dart({
+                    0.15: { x: -1.6, angle: -12, y: -0.5 },
+                    0.3: { angle: 2 },
+                    0.48: { x: 1.6, angle: 12, y: -0.5 },
+                    0.64: { angle: -2 },
+                }),
+                settle,
+            ],
+        },
+        {
+            name: 'check',
+            accent: true,
+            paths: ['M13.4 17.6l2.6 2.6 5-5.2'],
+            poses: [{ opacity: 0, draw: 0 }, { opacity: 0, draw: 0 }, {}],
+            pivot: [17.2, 18],
+            traceLength: 11,
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        { at: 0, draw: -1 },
+                        { at: 0.3, draw: -1 },
+                        { at: 0.7, scaleX: 0.12, scaleY: 0.12 },
+                        { at: 1 },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type CompassState } from "./compass-rig.js";
+export { compassStates, type CompassState } from "./compass-rig.js";
+export type CompassIconProps = StatefulIconProps<CompassState>;
+export declare const CompassIcon: import("react").NamedExoticComponent<CompassIconProps>;

package/dist/icons/compass/compass-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 { compassArt, compassStates } from "./compass-rig.js";
+export { compassStates } from "./compass-rig.js";
+export const CompassIcon = memo(function CompassIcon(props) {
+    return _jsx(ArticulatedIcon, { art: compassArt, states: compassStates, ...props });
+});

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

@@ -0,0 +1,91 @@
+export declare const compassStates: readonly ["idle", "locating", "located"];
+export type CompassState = (typeof compassStates)[number];
+export declare const compassArt: {
+    readonly name: "compass";
+    readonly parts: readonly [{
+        readonly name: "dial";
+        readonly paths: readonly ["M2 12a10 10 0 1 0 20 0a10 10 0 1 0-20 0"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.4;
+                readonly scaleX: 0.06;
+                readonly scaleY: 0.06;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "ticks";
+        readonly detail: true;
+        readonly paths: readonly ["M12 2.6v1.6", "M21.4 12h-1.6", "M12 21.4v-1.6", "M2.6 12h1.6"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 0.6;
+        }, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.4;
+            readonly repeatAfter: 2.2;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.5;
+                readonly opacity: 0.4;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "needle";
+        readonly paths: readonly ["m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"];
+        readonly poses: readonly [{}, {
+            readonly angle: 20;
+        }, {
+            readonly angle: -45;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.4;
+            readonly repeatAfter: 2.2;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.25;
+                readonly angle: 95;
+            }, {
+                readonly at: 0.55;
+                readonly angle: -70;
+            }, {
+                readonly at: 0.8;
+                readonly angle: 30;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.4;
+                readonly angle: -14;
+            }, {
+                readonly at: 0.7;
+                readonly angle: 5;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,69 @@
+export const compassStates = ['idle', 'locating', 'located'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The needle hunts back and forth with decaying swings while locating, then swings to north and overshoots once into a held bearing; the dial only breathes on the fix.
+export const compassArt = {
+    name: 'compass',
+    parts: [
+        {
+            name: 'dial',
+            paths: ['M2 12a10 10 0 1 0 20 0a10 10 0 1 0-20 0'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0 }, { at: 0.4, scaleX: 0.06, scaleY: 0.06 }, { at: 1 }],
+                },
+            ],
+        },
+        {
+            name: 'ticks',
+            detail: true,
+            paths: ['M12 2.6v1.6', 'M21.4 12h-1.6', 'M12 21.4v-1.6', 'M2.6 12h1.6'],
+            poses: [{ opacity: 0 }, { opacity: 0.6 }, {}],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.4,
+                    repeatAfter: 2.2,
+                    loop: true,
+                    frames: [{ at: 0 }, { at: 0.5, opacity: 0.4 }, { at: 1 }],
+                },
+            ],
+        },
+        {
+            name: 'needle',
+            paths: [
+                'm16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z',
+            ],
+            poses: [{}, { angle: 20 }, { angle: -45 }],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.4,
+                    repeatAfter: 2.2,
+                    loop: true,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.25, angle: 95 },
+                        { at: 0.55, angle: -70 },
+                        { at: 0.8, angle: 30 },
+                        { at: 1 },
+                    ],
+                },
+                {
+                    duration: 0.8,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0 }, { at: 0.4, angle: -14 }, { at: 0.7, angle: 5 }, { at: 1 }],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type HourglassState } from "./hourglass-rig.js";
+export { hourglassStates, type HourglassState } from "./hourglass-rig.js";
+export type HourglassIconProps = StatefulIconProps<HourglassState>;
+export declare const HourglassIcon: import("react").NamedExoticComponent<HourglassIconProps>;

package/dist/icons/hourglass/hourglass-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 { hourglassArt, hourglassStates } from "./hourglass-rig.js";
+export { hourglassStates } from "./hourglass-rig.js";
+export const HourglassIcon = memo(function HourglassIcon(props) {
+    return _jsx(ArticulatedIcon, { art: hourglassArt, states: hourglassStates, ...props });
+});

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

@@ -0,0 +1,136 @@
+export declare const hourglassStates: readonly ["idle", "waiting", "done"];
+export type HourglassState = (typeof hourglassStates)[number];
+export declare const hourglassArt: {
+    readonly name: "hourglass";
+    readonly parts: readonly [{
+        readonly name: "frame";
+        readonly paths: readonly ["M5 22h14", "M5 2h14", "M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22", "M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.6;
+            readonly repeatAfter: 2.4;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly angle: -4;
+            }, {
+                readonly at: 0.7;
+                readonly angle: 4;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.7;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly scaleY: -0.06;
+                readonly y: 0.5;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "upper-sand";
+        readonly detail: true;
+        readonly paths: readonly ["M9.4 5.2h5.2"];
+        readonly poses: readonly [{}, {
+            readonly scaleX: 0.55;
+            readonly y: 1.3;
+        }, {
+            readonly opacity: 0;
+            readonly scaleX: 0.1;
+            readonly y: 2.6;
+        }];
+        readonly pivot: readonly [12, 5.2];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.6;
+            readonly repeatAfter: 2.4;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly scaleX: 0.35;
+                readonly y: -0.6;
+            }, {
+                readonly at: 0.8;
+                readonly scaleX: -0.25;
+                readonly y: 0.5;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "stream";
+        readonly detail: true;
+        readonly paths: readonly ["M12 12.5v5.5"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+            readonly draw: 0;
+        }, {}, {
+            readonly opacity: 0;
+            readonly draw: 0;
+        }];
+        readonly pivot: readonly [12, 12.5];
+        readonly traceLength: 5.5;
+        readonly gestures: readonly [null, {
+            readonly duration: 1.6;
+            readonly repeatAfter: 2.4;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly draw: -1;
+            }, {
+                readonly at: 0.35;
+            }, {
+                readonly at: 0.75;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "lower-sand";
+        readonly detail: true;
+        readonly paths: readonly ["M8.6 19.6h6.8"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+            readonly scaleX: 0.1;
+        }, {
+            readonly scaleX: 0.55;
+        }, {}];
+        readonly pivot: readonly [12, 19.6];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.6;
+            readonly repeatAfter: 2.4;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly scaleX: -0.3;
+            }, {
+                readonly at: 0.85;
+                readonly scaleX: 0.3;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.7;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly scaleX: -0.5;
+            }, {
+                readonly at: 0.4;
+                readonly scaleX: 0.08;
+                readonly y: -0.4;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,89 @@
+export const hourglassStates = ['idle', 'waiting', 'done'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Sand moves from the upper to the lower bulb through a pouring stream while the frame rocks; done holds a full lower bulb that lands with a settle instead of flipping the glass.
+export const hourglassArt = {
+    name: 'hourglass',
+    parts: [
+        {
+            name: 'frame',
+            paths: [
+                'M5 22h14',
+                'M5 2h14',
+                'M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22',
+                'M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2',
+            ],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.6,
+                    repeatAfter: 2.4,
+                    loop: true,
+                    frames: [{ at: 0 }, { at: 0.3, angle: -4 }, { at: 0.7, angle: 4 }, { at: 1 }],
+                },
+                {
+                    duration: 0.7,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0 }, { at: 0.3, scaleY: -0.06, y: 0.5 }, { at: 1 }],
+                },
+            ],
+        },
+        {
+            name: 'upper-sand',
+            detail: true,
+            paths: ['M9.4 5.2h5.2'],
+            poses: [{}, { scaleX: 0.55, y: 1.3 }, { opacity: 0, scaleX: 0.1, y: 2.6 }],
+            pivot: [12, 5.2],
+            gestures: [
+                null,
+                {
+                    duration: 1.6,
+                    repeatAfter: 2.4,
+                    loop: true,
+                    frames: [{ at: 0, scaleX: 0.35, y: -0.6 }, { at: 0.8, scaleX: -0.25, y: 0.5 }, { at: 1 }],
+                },
+            ],
+        },
+        {
+            name: 'stream',
+            detail: true,
+            paths: ['M12 12.5v5.5'],
+            poses: [{ opacity: 0, draw: 0 }, {}, { opacity: 0, draw: 0 }],
+            pivot: [12, 12.5],
+            traceLength: 5.5,
+            gestures: [
+                null,
+                {
+                    duration: 1.6,
+                    repeatAfter: 2.4,
+                    loop: true,
+                    frames: [{ at: 0, draw: -1 }, { at: 0.35 }, { at: 0.75 }, { at: 1 }],
+                },
+            ],
+        },
+        {
+            name: 'lower-sand',
+            detail: true,
+            paths: ['M8.6 19.6h6.8'],
+            poses: [{ opacity: 0, scaleX: 0.1 }, { scaleX: 0.55 }, {}],
+            pivot: [12, 19.6],
+            gestures: [
+                null,
+                {
+                    duration: 1.6,
+                    repeatAfter: 2.4,
+                    loop: true,
+                    frames: [{ at: 0, scaleX: -0.3 }, { at: 0.85, scaleX: 0.3 }, { at: 1 }],
+                },
+                {
+                    duration: 0.7,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0, scaleX: -0.5 }, { at: 0.4, scaleX: 0.08, y: -0.4 }, { at: 1 }],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type NetworkState } from "./network-rig.js";
+export { networkStates, type NetworkState } from "./network-rig.js";
+export type NetworkIconProps = StatefulIconProps<NetworkState>;
+export declare const NetworkIcon: import("react").NamedExoticComponent<NetworkIconProps>;

package/dist/icons/network/network-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 { networkArt, networkStates } from "./network-rig.js";
+export { networkStates } from "./network-rig.js";
+export const NetworkIcon = memo(function NetworkIcon(props) {
+    return _jsx(ArticulatedIcon, { art: networkArt, states: networkStates, ...props });
+});