weasel-icons 0.4.0 → 0.5.0

package/README.md

@@ -2,7 +2,7 @@
 
 Icons that overreact beautifully. Stateful React SVG icons with smooth transitions and optional continuous behavior.
 
-Version `0.4.0` contains 156 icons, adding 56 icons for editing, layouts, files, devices, media, collaboration and data. It includes the latest hand, arrow, receipt, tag and flag motion revisions.
+Version `0.5.0` contains 165 icons. It adds nine status icons (network, signal, trash, battery, toggle, hourglass, zap, compass, bug). Version `0.4.0` added 56 icons for editing, layouts, files, devices, media, collaboration and data. It includes the latest hand, arrow, receipt, tag and flag motion revisions.
 
 ## Install
 
@@ -51,6 +51,11 @@ The existing SVG smoothly transitions when `state` changes, including during an
 
 Exports include: `DogIcon`, `MonkeyIcon`, `HeartIcon`, `ShipIcon`, `RocketIcon`, `SearchIcon`, `BellIcon`, `DownloadIcon`, `ShieldIcon`, `CursorIcon`, `ClapperboardIcon`, `PlugIcon`, `BulbIcon`, `AlertIcon`, `BadgeCheckIcon`, `ReplaceIcon`, `DeleteIcon`, `SwapIcon`, `SparklesIcon`, `SparkleIcon`, `StarIcon`, `WaveIcon`, `RefreshIcon`, `CopyIcon`, `EyeIcon`, `LinkIcon`, `CheckIcon`, and `CloseIcon`. Each icon exports its own state type and list, for example `DogState` and `dogStates`, or `BadgeCheckState` and `badgeCheckStates`. TypeScript autocompletion shows the valid states for each icon.
 
+### Added in 0.5.0
+
+- **Status:** `NetworkIcon` (offline/connecting/online), `SignalIcon` (weak/searching/strong), `BatteryIcon` (low/charging/full), `ToggleIcon` (off/switching/on), `HourglassIcon` (idle/waiting/done), `CompassIcon` (idle/locating/located).
+- **Actions:** `TrashIcon` (idle/emptying/emptied), `ZapIcon` (idle/boosting/boosted, with an accent energy fill), `BugIcon` (idle/debugging/fixed).
+
 ### Added in 0.4.0
 
 - **Editing:** `UndoIcon`, `RedoIcon`, `CropIcon`, `ScissorsIcon`, `PaperclipIcon`, `EraserIcon`, `BrushIcon`, `HighlighterIcon`.

package/THIRD_PARTY_NOTICES.md

@@ -14,6 +14,8 @@ Refresh, Copy, Eye, Link, Check and Close additionally adapt `refresh-cw`, `copy
 
 The 0.4.0 expansion additionally adapts these assets at the same pinned revision: `undo-2`, `redo-2`, `crop`, `scissors`, `paperclip`, `eraser`, `brush`, `highlighter`, `panel-left`, `panel-right`, `columns-2`, `rows-2`, `table-2`, `kanban`, `app-window`, `picture-in-picture-2`, `folder-open`, `folder-plus`, `file-plus`, `file-check`, `archive`, `inbox`, `hard-drive`, `printer`, `bluetooth`, `cast`, `monitor`, `smartphone`, `power`, `fingerprint-pattern`, `scan-qr-code`, `scan-face`, `skip-forward`, `skip-back`, `rewind`, `fast-forward`, `repeat`, `shuffle`, `headphones`, `radio`, `thumbs-up`, `thumbs-down`, `user-plus`, `user-minus`, `at-sign`, `reply`, `forward`, `flag`, `chart-column`, `chart-line`, `chart-pie`, `trending-up`, `receipt`, `tag`, `gift`, `ticket`. Parts, compatible morphs, and state choreography are independently authored. The upstream ISC and Feather notices below are retained for all adapted assets.
 
+The 0.5.0 release additionally adapts `network`, `signal`, `trash`, `battery-full`, `battery-charging`, `toggle-left`, `toggle-right`, `hourglass`, `zap`, `compass` and `bug` at the same pinned revision. Battery merges the full and charging assets into one rig; Toggle merges both toggle positions; Network splits the connector into a stem and two arms that start at the root. Sand, the zap energy fill and speed streaks, dial ticks, the bug's resolution check and all choreography are original to Weasel.
+
 The retained Lucide geometry carries the following [Lucide ISC notice](https://lucide.dev/license):
 Star, Sparkles and Sparkle additionally adapt the current `star` and central `sparkles` contours. Sparkle is the single-contour composition; Sparkles' satellite diamonds and the single-line Wave geometry are original to Weasel. Wave follows the user's visual reference, not Lucide's stacked wave glyph.
 

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type BatteryState } from "./battery-rig.js";
+export { batteryStates, type BatteryState } from "./battery-rig.js";
+export type BatteryIconProps = StatefulIconProps<BatteryState>;
+export declare const BatteryIcon: import("react").NamedExoticComponent<BatteryIconProps>;

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

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

@@ -0,0 +1,150 @@
+export declare const batteryStates: readonly ["low", "charging", "full"];
+export type BatteryState = (typeof batteryStates)[number];
+export declare const batteryArt: {
+    readonly name: "battery";
+    readonly parts: readonly [{
+        readonly name: "shell";
+        readonly paths: readonly ["M4 6H16Q18 6 18 8V16Q18 18 16 18H4Q2 18 2 16V8Q2 6 4 6Z", "M22 14v-4"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.7;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.5;
+                readonly scaleX: 0.05;
+                readonly scaleY: 0.05;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "cell-one";
+        readonly detail: true;
+        readonly paths: readonly ["M6 10v4"];
+        readonly poses: readonly [{}, {
+            readonly opacity: 0;
+            readonly scaleY: 0.3;
+        }, {}];
+        readonly pivot: readonly [6, 12];
+        readonly gestures: readonly [{
+            readonly duration: 1.2;
+            readonly repeatAfter: 2.4;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly opacity: -0.9;
+            }, {
+                readonly at: 0.5;
+                readonly opacity: -0.9;
+            }, {
+                readonly at: 1;
+            }];
+        }, null, {
+            readonly duration: 0.7;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly scaleY: -1;
+            }, {
+                readonly at: 0.35;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "cell-two";
+        readonly detail: true;
+        readonly paths: readonly ["M10 10v4"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+            readonly scaleY: 0.3;
+        }, {
+            readonly opacity: 0;
+            readonly scaleY: 0.3;
+        }, {}];
+        readonly pivot: readonly [10, 12];
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.7;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly scaleY: -1;
+            }, {
+                readonly at: 0.3;
+                readonly scaleY: -1;
+            }, {
+                readonly at: 0.6;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "cell-three";
+        readonly detail: true;
+        readonly paths: readonly ["M14 10v4"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+            readonly scaleY: 0.3;
+        }, {
+            readonly opacity: 0;
+            readonly scaleY: 0.3;
+        }, {}];
+        readonly pivot: readonly [14, 12];
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.7;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly scaleY: -1;
+            }, {
+                readonly at: 0.55;
+                readonly scaleY: -1;
+            }, {
+                readonly at: 0.85;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "bolt";
+        readonly accent: true;
+        readonly paths: readonly ["m11 7-3 5h4l-3 5"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+            readonly scaleX: 0.6;
+            readonly scaleY: 0.6;
+        }, {}, {
+            readonly opacity: 0;
+            readonly scaleX: 0.6;
+            readonly scaleY: 0.6;
+        }];
+        readonly pivot: readonly [10, 12];
+        readonly traceLength: 15.7;
+        readonly gestures: readonly [null, {
+            readonly duration: 1.3;
+            readonly repeatAfter: 2.1;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly draw: -1;
+            }, {
+                readonly at: 0.45;
+            }, {
+                readonly at: 0.6;
+                readonly scaleX: 0.12;
+                readonly scaleY: 0.12;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,106 @@
+export const batteryStates = ['low', 'charging', 'full'];
+// Lucide-derived outline (battery-full, battery-charging); attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Low keeps one blinking cell; charging replaces the cells with a bolt that traces energy into the shell; full stacks three cells in sequence.
+export const batteryArt = {
+    name: 'battery',
+    parts: [
+        {
+            name: 'shell',
+            paths: ['M4 6H16Q18 6 18 8V16Q18 18 16 18H4Q2 18 2 16V8Q2 6 4 6Z', 'M22 14v-4'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.7,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0 }, { at: 0.5, scaleX: 0.05, scaleY: 0.05 }, { at: 1 }],
+                },
+            ],
+        },
+        {
+            name: 'cell-one',
+            detail: true,
+            paths: ['M6 10v4'],
+            poses: [{}, { opacity: 0, scaleY: 0.3 }, {}],
+            pivot: [6, 12],
+            gestures: [
+                {
+                    duration: 1.2,
+                    repeatAfter: 2.4,
+                    loop: true,
+                    frames: [{ at: 0 }, { at: 0.3, opacity: -0.9 }, { at: 0.5, opacity: -0.9 }, { at: 1 }],
+                },
+                null,
+                {
+                    duration: 0.7,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0, scaleY: -1 }, { at: 0.35 }, { at: 1 }],
+                },
+            ],
+        },
+        {
+            name: 'cell-two',
+            detail: true,
+            paths: ['M10 10v4'],
+            poses: [{ opacity: 0, scaleY: 0.3 }, { opacity: 0, scaleY: 0.3 }, {}],
+            pivot: [10, 12],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.7,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0, scaleY: -1 }, { at: 0.3, scaleY: -1 }, { at: 0.6 }, { at: 1 }],
+                },
+            ],
+        },
+        {
+            name: 'cell-three',
+            detail: true,
+            paths: ['M14 10v4'],
+            poses: [{ opacity: 0, scaleY: 0.3 }, { opacity: 0, scaleY: 0.3 }, {}],
+            pivot: [14, 12],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.7,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0, scaleY: -1 }, { at: 0.55, scaleY: -1 }, { at: 0.85 }, { at: 1 }],
+                },
+            ],
+        },
+        {
+            name: 'bolt',
+            accent: true,
+            paths: ['m11 7-3 5h4l-3 5'],
+            poses: [
+                { opacity: 0, scaleX: 0.6, scaleY: 0.6 },
+                {},
+                { opacity: 0, scaleX: 0.6, scaleY: 0.6 },
+            ],
+            pivot: [10, 12],
+            traceLength: 15.7,
+            gestures: [
+                null,
+                {
+                    duration: 1.3,
+                    repeatAfter: 2.1,
+                    loop: true,
+                    frames: [
+                        { at: 0, draw: -1 },
+                        { at: 0.45 },
+                        { at: 0.6, scaleX: 0.12, scaleY: 0.12 },
+                        { at: 1 },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type BugState } from "./bug-rig.js";
+export { bugStates, type BugState } from "./bug-rig.js";
+export type BugIconProps = StatefulIconProps<BugState>;
+export declare const BugIcon: import("react").NamedExoticComponent<BugIconProps>;

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

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

@@ -0,0 +1,338 @@
+export declare const bugStates: readonly ["idle", "debugging", "fixed"];
+export type BugState = (typeof bugStates)[number];
+export declare const bugArt: {
+    readonly name: "bug";
+    readonly parts: readonly [{
+        readonly name: "legs-left";
+        readonly paths: readonly ["M3 21a4 4 0 0 1 3.81-4", "M3 5a4 4 0 0 0 3.55 3.97", "M6 13H2"];
+        readonly poses: readonly [{}, {}, {
+            readonly x: -1.6;
+            readonly y: -2.6;
+            readonly scaleX: 0.72;
+            readonly scaleY: 0.72;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.15;
+            }, {
+                readonly y?: number;
+                angle: number;
+                x: number;
+                readonly at: 0.3;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.48;
+            }, {
+                readonly y?: number;
+                angle: number;
+                x: number;
+                readonly at: 0.64;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.82;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 1.3;
+            readonly repeatAfter: 2.1;
+            readonly loop: true;
+        }, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly y: -0.6;
+            }, {
+                readonly at: 0.55;
+                readonly y: 0.25;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "legs-right";
+        readonly paths: readonly ["M21 21a4 4 0 0 0-3.81-4", "M21 5a4 4 0 0 1-3.55 3.97", "M22 13h-4"];
+        readonly poses: readonly [{}, {}, {
+            readonly x: -3.6;
+            readonly y: -2.6;
+            readonly scaleX: 0.72;
+            readonly scaleY: 0.72;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.15;
+            }, {
+                readonly y?: number;
+                angle: number;
+                x: number;
+                readonly at: 0.3;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.48;
+            }, {
+                readonly y?: number;
+                angle: number;
+                x: number;
+                readonly at: 0.64;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.82;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 1.3;
+            readonly repeatAfter: 2.1;
+            readonly loop: true;
+        }, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly y: -0.6;
+            }, {
+                readonly at: 0.55;
+                readonly y: 0.25;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "body";
+        readonly paths: readonly ["M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z", "M12 20v-9"];
+        readonly poses: readonly [{}, {}, {
+            readonly x: -2.6;
+            readonly y: -2.6;
+            readonly scaleX: 0.72;
+            readonly scaleY: 0.72;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.15;
+            }, {
+                readonly y?: number;
+                angle: number;
+                x: number;
+                readonly at: 0.3;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.48;
+            }, {
+                readonly y?: number;
+                angle: number;
+                x: number;
+                readonly at: 0.64;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.82;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 1.3;
+            readonly repeatAfter: 2.1;
+            readonly loop: true;
+        }, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly y: -0.6;
+            }, {
+                readonly at: 0.55;
+                readonly y: 0.25;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "head";
+        readonly paths: readonly ["M9 7.13V6a3 3 0 1 1 6 0v1.13"];
+        readonly poses: readonly [{}, {}, {
+            readonly x: -2.6;
+            readonly y: -2.6;
+            readonly scaleX: 0.72;
+            readonly scaleY: 0.72;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.15;
+            }, {
+                readonly y?: number;
+                angle: number;
+                x: number;
+                readonly at: 0.3;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.48;
+            }, {
+                readonly y?: number;
+                angle: number;
+                x: number;
+                readonly at: 0.64;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.82;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 1.3;
+            readonly repeatAfter: 2.1;
+            readonly loop: true;
+        }, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly y: -0.6;
+            }, {
+                readonly at: 0.55;
+                readonly y: 0.25;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "antennae";
+        readonly detail: true;
+        readonly paths: readonly ["M14.12 3.88 16 2", "m8 2 1.88 1.88"];
+        readonly poses: readonly [{}, {}, {
+            readonly x: -2.6;
+            readonly y: -2.6;
+            readonly scaleX: 0.72;
+            readonly scaleY: 0.72;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.15;
+            }, {
+                readonly y?: number;
+                angle: number;
+                x: number;
+                readonly at: 0.3;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.48;
+            }, {
+                readonly y?: number;
+                angle: number;
+                x: number;
+                readonly at: 0.64;
+            }, {
+                y: number;
+                angle: number;
+                x: number;
+                readonly at: 0.82;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 1.3;
+            readonly repeatAfter: 2.1;
+            readonly loop: true;
+        }, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly y: -0.6;
+            }, {
+                readonly at: 0.55;
+                readonly y: 0.25;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "check";
+        readonly accent: true;
+        readonly paths: readonly ["M13.4 17.6l2.6 2.6 5-5.2"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+            readonly draw: 0;
+        }, {
+            readonly opacity: 0;
+            readonly draw: 0;
+        }, {}];
+        readonly pivot: readonly [17.2, 18];
+        readonly traceLength: 11;
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly draw: -1;
+            }, {
+                readonly at: 0.3;
+                readonly draw: -1;
+            }, {
+                readonly at: 0.7;
+                readonly scaleX: 0.12;
+                readonly scaleY: 0.12;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};