weasel-icons 0.4.0 → 0.5.0

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

@@ -0,0 +1,86 @@
+export declare const toggleStates: readonly ["off", "switching", "on"];
+export type ToggleState = (typeof toggleStates)[number];
+export declare const toggleArt: {
+    readonly name: "toggle";
+    readonly parts: readonly [{
+        readonly name: "track";
+        readonly paths: readonly ["M9 5H15A7 7 0 0 1 15 19H9A7 7 0 0 1 9 5Z"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.6;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.4;
+                readonly scaleX: 0.04;
+                readonly scaleY: 0.04;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "knob";
+        readonly paths: readonly ["M6 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0"];
+        readonly poses: readonly [{}, {
+            readonly x: 3;
+            readonly scaleX: 0.9;
+            readonly scaleY: 0.9;
+        }, {
+            readonly x: 6;
+            readonly scaleX: 1.08;
+            readonly scaleY: 1.08;
+        }];
+        readonly pivot: readonly [9, 12];
+        readonly gestures: readonly [{
+            readonly duration: 0.6;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.4;
+                readonly x: -0.8;
+                readonly scaleX: 0.18;
+                readonly scaleY: -0.14;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 1.2;
+            readonly repeatAfter: 2;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.25;
+                readonly x: -1.2;
+                readonly scaleX: 0.16;
+                readonly scaleY: -0.12;
+            }, {
+                readonly at: 0.6;
+                readonly x: 1.2;
+                readonly scaleX: 0.16;
+                readonly scaleY: -0.12;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.65;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.35;
+                readonly x: 0.9;
+                readonly scaleX: 0.2;
+                readonly scaleY: -0.14;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,55 @@
+export const toggleStates = ['off', 'switching', 'on'];
+// Lucide-derived outline (toggle-left, toggle-right); attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The knob travels the track and squashes along its direction of travel; switching parks it mid-track with a pending shimmy, on lands with an overshoot and a settled larger knob.
+export const toggleArt = {
+    name: 'toggle',
+    parts: [
+        {
+            name: 'track',
+            paths: ['M9 5H15A7 7 0 0 1 15 19H9A7 7 0 0 1 9 5Z'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.6,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0 }, { at: 0.4, scaleX: 0.04, scaleY: 0.04 }, { at: 1 }],
+                },
+            ],
+        },
+        {
+            name: 'knob',
+            paths: ['M6 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0'],
+            poses: [{}, { x: 3, scaleX: 0.9, scaleY: 0.9 }, { x: 6, scaleX: 1.08, scaleY: 1.08 }],
+            pivot: [9, 12],
+            gestures: [
+                {
+                    duration: 0.6,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0 }, { at: 0.4, x: -0.8, scaleX: 0.18, scaleY: -0.14 }, { at: 1 }],
+                },
+                {
+                    duration: 1.2,
+                    repeatAfter: 2,
+                    loop: true,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.25, x: -1.2, scaleX: 0.16, scaleY: -0.12 },
+                        { at: 0.6, x: 1.2, scaleX: 0.16, scaleY: -0.12 },
+                        { at: 1 },
+                    ],
+                },
+                {
+                    duration: 0.65,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0 }, { at: 0.35, x: 0.9, scaleX: 0.2, scaleY: -0.14 }, { at: 1 }],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type TrashState } from "./trash-rig.js";
+export { trashStates, type TrashState } from "./trash-rig.js";
+export type TrashIconProps = StatefulIconProps<TrashState>;
+export declare const TrashIcon: import("react").NamedExoticComponent<TrashIconProps>;

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

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

@@ -0,0 +1,98 @@
+export declare const trashStates: readonly ["idle", "emptying", "emptied"];
+export type TrashState = (typeof trashStates)[number];
+export declare const trashArt: {
+    readonly name: "trash";
+    readonly parts: readonly [{
+        readonly name: "can";
+        readonly paths: readonly ["M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 22];
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.6;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.35;
+                readonly scaleY: -0.08;
+                readonly scaleX: 0.05;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "contents";
+        readonly detail: true;
+        readonly paths: readonly ["M10 11v6", "M14 11v6"];
+        readonly poses: readonly [{}, {
+            readonly y: 0.6;
+        }, {
+            readonly opacity: 0;
+            readonly y: 4;
+            readonly scaleY: 0.2;
+        }];
+        readonly pivot: readonly [12, 17];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.1;
+            readonly repeatAfter: 2.2;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly y: -1.2;
+            }, {
+                readonly at: 0.6;
+                readonly y: 3;
+                readonly scaleY: -0.8;
+                readonly opacity: -1;
+            }, {
+                readonly at: 0.75;
+                readonly y: -0.6;
+                readonly scaleY: -0.8;
+                readonly opacity: -1;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "lid";
+        readonly paths: readonly ["M3 6h18", "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"];
+        readonly poses: readonly [{}, {
+            readonly angle: -9;
+        }, {}];
+        readonly pivot: readonly [3, 6];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.1;
+            readonly repeatAfter: 2.2;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly angle: -4;
+            }, {
+                readonly at: 0.6;
+                readonly angle: 3;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.6;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.35;
+                readonly y: -0.6;
+            }, {
+                readonly at: 0.7;
+                readonly y: 0.25;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,67 @@
+export const trashStates = ['idle', 'emptying', 'emptied'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The lid hinges open at its left end while the contents drop out of the can; emptied closes the lid over an empty, settled can.
+export const trashArt = {
+    name: 'trash',
+    parts: [
+        {
+            name: 'can',
+            paths: ['M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'],
+            poses: [{}, {}, {}],
+            pivot: [12, 22],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.6,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0 }, { at: 0.35, scaleY: -0.08, scaleX: 0.05 }, { at: 1 }],
+                },
+            ],
+        },
+        {
+            name: 'contents',
+            detail: true,
+            paths: ['M10 11v6', 'M14 11v6'],
+            poses: [{}, { y: 0.6 }, { opacity: 0, y: 4, scaleY: 0.2 }],
+            pivot: [12, 17],
+            gestures: [
+                null,
+                {
+                    duration: 1.1,
+                    repeatAfter: 2.2,
+                    loop: true,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.2, y: -1.2 },
+                        { at: 0.6, y: 3, scaleY: -0.8, opacity: -1 },
+                        { at: 0.75, y: -0.6, scaleY: -0.8, opacity: -1 },
+                        { at: 1 },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'lid',
+            paths: ['M3 6h18', 'M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'],
+            poses: [{}, { angle: -9 }, {}],
+            pivot: [3, 6],
+            gestures: [
+                null,
+                {
+                    duration: 1.1,
+                    repeatAfter: 2.2,
+                    loop: true,
+                    frames: [{ at: 0 }, { at: 0.2, angle: -4 }, { at: 0.6, angle: 3 }, { at: 1 }],
+                },
+                {
+                    duration: 0.6,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0 }, { at: 0.35, y: -0.6 }, { at: 0.7, y: 0.25 }, { at: 1 }],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,6 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ZapState } from "./zap-rig.js";
+export { zapStates, type ZapState } from "./zap-rig.js";
+export type ZapIconProps = StatefulIconProps<ZapState>;
+/** Custom renderer: the energy level is a clipped fill, which the articulated runtime cannot draw. */
+export declare const ZapIcon: import("react").NamedExoticComponent<ZapIconProps>;

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

@@ -0,0 +1,36 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useId, useRef } from 'react';
+import { motion, useTransform } from 'motion/react';
+import { useActionProgress, useBehaviorClock, usePoseWeight } from "../../shared/use-icon-motion.js";
+import { useMotionPreference } from "../../shared/use-motion-preference.js";
+import { sampleZap, zapStates, ZAP_PATH, ZAP_STREAKS, ZAP_STREAK_LENGTH, } from "./zap-rig.js";
+export { zapStates } from "./zap-rig.js";
+const SVG_ORIGIN = { originX: 0, originY: 0, transformBox: 'view-box' };
+/** Custom renderer: the energy level is a clipped fill, which the articulated runtime cannot draw. */
+export const ZapIcon = memo(function ZapIcon({ state = 'idle', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, }) {
+    const reduced = useMotionPreference();
+    const element = useRef(null);
+    const id = useId().replace(/:/g, '');
+    const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;
+    const idle = usePoseWeight(state === zapStates[0], pace, reduced);
+    const boosting = usePoseWeight(state === zapStates[1], pace, reduced);
+    const boosted = usePoseWeight(state === zapStates[2], pace, reduced);
+    const canFill = useCallback(() => boosting.get() < 0.001, [boosting]);
+    const canBurst = useCallback(() => boosted.get() < 0.001, [boosted]);
+    const fillEntry = useActionProgress(state === 'boosting', pace, reduced, 1.6, canFill);
+    const burstEntry = useActionProgress(state === 'boosted', pace, reduced, 0.9, canBurst);
+    // Only the loading state keeps performing; the burst is a one-shot acknowledgement.
+    const performs = alive && !reduced && state === 'boosting';
+    const life = usePoseWeight(performs, pace, reduced);
+    const time = useBehaviorClock(element, performs, pace, life);
+    const rig = useTransform(() => sampleZap([idle.get(), boosting.get(), boosted.get()], time.get(), life.get(), fillEntry.get(), burstEntry.get()));
+    const bolt = useTransform(rig, (r) => r.bolt);
+    const surface = useTransform(rig, (r) => r.surface);
+    const fillOpacity = useTransform(rig, (r) => r.fillOpacity);
+    const streaks = useTransform(rig, (r) => r.streaks);
+    const streakOpacity = useTransform(rig, (r) => r.streakOpacity);
+    const streakOffset = useTransform(rig, (r) => r.streakOffset);
+    const detailWidth = Math.min(strokeWidth * 0.8, 1.5);
+    return (_jsxs("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", "data-state": state, style: { display: 'block' }, children: [_jsx("defs", { children: _jsx("clipPath", { id: `${id}-bolt`, children: _jsx("path", { d: ZAP_PATH }) }) }), _jsxs("g", { "data-layer": "zap-body", transform: "translate(12 12) scale(.84) translate(-12 -12)", children: [_jsx(motion.g, { "data-layer": "zap-streaks", "data-part": "streaks", style: SVG_ORIGIN, transform: streaks, opacity: streakOpacity, strokeWidth: detailWidth, strokeDasharray: ZAP_STREAK_LENGTH, strokeDashoffset: streakOffset, children: ZAP_STREAKS.map((d) => (_jsx("path", { d: d }, d))) }), _jsxs(motion.g, { "data-layer": "zap-bolt", "data-part": "bolt", style: SVG_ORIGIN, transform: bolt, children: [_jsx("g", { clipPath: `url(#${id}-bolt)`, children: _jsx(motion.rect, { "data-part": "energy", x: 0, y: surface, width: 24, height: 24, fill: accentColor, fillOpacity: fillOpacity, stroke: "none" }) }), _jsx("path", { d: ZAP_PATH })] })] })] }));
+});

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

@@ -0,0 +1,15 @@
+export declare const zapStates: readonly ["idle", "boosting", "boosted"];
+export type ZapState = (typeof zapStates)[number];
+export type ZapWeights = readonly [number, number, number];
+export declare const ZAP_PATH = "M15.914 4a1.5 1.5 0 0 0-2.474-1.561l-9 9A1.5 1.5 0 0 0 5.5 14h4.002a.5.5 0 0 1 .471.666L8.086 20a1.5 1.5 0 0 0 2.475 1.56l9-9A1.5 1.5 0 0 0 18.5 10h-3.997a.5.5 0 0 1-.472-.667z";
+/** Streaks trail off the back of the bolt; each is drawn from its bolt end outward. */
+export declare const ZAP_STREAKS: readonly ["M7.5 7.5H3", "M6 11.6H1.5", "M7.5 15.7H3"];
+export declare const ZAP_STREAK_LENGTH = 4.5;
+export declare function sampleZap(weights: ZapWeights, time?: number, alive?: number, boostingEntry?: number, boostedEntry?: number): {
+    surface: number;
+    fillOpacity: number;
+    bolt: string;
+    streakOpacity: number;
+    streakOffset: number;
+    streaks: string;
+};

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

@@ -0,0 +1,60 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+export const zapStates = ['idle', 'boosting', 'boosted'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Boosting fills the bolt from the bottom like a tank of energy (level rises, surface sloshes, alive
+// refills in a loop); boosted holds a full bolt and fires one speed burst: wind-up, dash forward,
+// three streak lines whipping off its back.
+export const ZAP_PATH = 'M15.914 4a1.5 1.5 0 0 0-2.474-1.561l-9 9A1.5 1.5 0 0 0 5.5 14h4.002a.5.5 0 0 1 .471.666L8.086 20a1.5 1.5 0 0 0 2.475 1.56l9-9A1.5 1.5 0 0 0 18.5 10h-3.997a.5.5 0 0 1-.472-.667z';
+/** Streaks trail off the back of the bolt; each is drawn from its bolt end outward. */
+export const ZAP_STREAKS = ['M7.5 7.5H3', 'M6 11.6H1.5', 'M7.5 15.7H3'];
+export const ZAP_STREAK_LENGTH = 4.5;
+const BOLT_TOP = 2.2, BOLT_BOTTOM = 21.8;
+const unit = (v) => Math.max(0, Math.min(1, Number.isFinite(v) ? v : 0));
+const smooth = (value) => {
+    const t = unit(value);
+    return t * t * t * (t * (t * 6 - 15) + 10);
+};
+const FILL_LOOP = 2.6;
+const n = (v) => Number(v.toFixed(4));
+export function sampleZap(weights, time = 0, alive = 0, boostingEntry = 1, boostedEntry = 1) {
+    const positive = weights.map(unit);
+    const sum = positive.reduce((a, b) => a + b, 0) || 1;
+    const [idle, boosting, boosted] = positive.map((w) => w / sum);
+    const life = unit(alive);
+    const clock = Math.max(0, Number.isFinite(time) ? time : 0);
+    // Entry: the tank fills to two thirds with a small slosh past the mark.
+    const e1 = unit(boostingEntry);
+    const entryLevel = 0.68 * smooth(e1 / 0.8) + 0.08 * Math.sin(Math.PI * unit((e1 - 0.55) / 0.45));
+    // Alive: a loader cycle, fill to the brim, hold, drain quickly, refill.
+    const local = clock % FILL_LOOP;
+    const loopLevel = local < 1.6
+        ? 0.15 + 0.85 * smooth(local / 1.6)
+        : local < 2.0
+            ? 1
+            : 0.15 + 0.85 * (1 - smooth((local - 2.0) / 0.45));
+    const slosh = life * boosting * 0.035 * Math.sin(clock * 9);
+    const level = unit(boosting * ((1 - life) * entryLevel + life * loopLevel) + boosted + slosh);
+    const surface = BOLT_BOTTOM - level * (BOLT_BOTTOM - BOLT_TOP);
+    // Speed burst: crouch back, dash forward, settle larger.
+    const e2 = unit(boostedEntry);
+    const crouch = behaviorBeat(e2, 0, 0.14, 0.02, 0.14);
+    const dash = behaviorBeat(e2, 0.22, 0.12, 0.06, 0.42);
+    const bx = boosted * (-1.3 * crouch + 1.6 * dash);
+    const by = boosted * (0.4 * crouch - 0.3 * dash);
+    const tilt = boosted * (6 * crouch - 7 * dash) + boosting * (-4 + slosh * 40);
+    const scale = 1 + boosted * (0.08 - 0.08 * crouch + 0.1 * dash) + boosting * 0.03 * smooth(e1);
+    // Streaks whip off the back during the dash, then fade.
+    const streakDraw = unit((e2 - 0.3) / 0.22);
+    const streakFade = 1 - smooth((e2 - 0.62) / 0.3);
+    const streakOpacity = boosted * (e2 < 1 ? streakDraw * streakFade : 0);
+    const streakOffset = ZAP_STREAK_LENGTH * (1 - streakDraw);
+    const streakX = -1.6 * smooth((e2 - 0.45) / 0.45);
+    return {
+        surface: n(surface),
+        fillOpacity: n(Math.min(1, level * 4) * (1 - idle)),
+        bolt: `translate(${n(bx)}px, ${n(by)}px) translate(12px, 12px) rotate(${n(tilt)}deg) scale(${n(scale)}, ${n(scale)}) translate(-12px, -12px)`,
+        streakOpacity: n(streakOpacity),
+        streakOffset: n(streakOffset),
+        streaks: `translate(${n(streakX)}px, 0px)`,
+    };
+}

package/dist/index.d.ts

@@ -156,3 +156,12 @@ export { ReceiptIcon, receiptStates, type ReceiptState, type ReceiptIconProps, }
 export { TagIcon, tagStates, type TagState, type TagIconProps } from "./icons/tag/tag-icon.js";
 export { GiftIcon, giftStates, type GiftState, type GiftIconProps } from "./icons/gift/gift-icon.js";
 export { TicketIcon, ticketStates, type TicketState, type TicketIconProps, } from "./icons/ticket/ticket-icon.js";
+export { NetworkIcon, networkStates, type NetworkState, type NetworkIconProps, } from "./icons/network/network-icon.js";
+export { SignalIcon, signalStates, type SignalState, type SignalIconProps, } from "./icons/signal/signal-icon.js";
+export { TrashIcon, trashStates, type TrashState, type TrashIconProps, } from "./icons/trash/trash-icon.js";
+export { BatteryIcon, batteryStates, type BatteryState, type BatteryIconProps, } from "./icons/battery/battery-icon.js";
+export { ToggleIcon, toggleStates, type ToggleState, type ToggleIconProps, } from "./icons/toggle/toggle-icon.js";
+export { HourglassIcon, hourglassStates, type HourglassState, type HourglassIconProps, } from "./icons/hourglass/hourglass-icon.js";
+export { ZapIcon, zapStates, type ZapState, type ZapIconProps } from "./icons/zap/zap-icon.js";
+export { CompassIcon, compassStates, type CompassState, type CompassIconProps, } from "./icons/compass/compass-icon.js";
+export { BugIcon, bugStates, type BugState, type BugIconProps } from "./icons/bug/bug-icon.js";

package/dist/index.js

@@ -155,3 +155,12 @@ export { ReceiptIcon, receiptStates, } from "./icons/receipt/receipt-icon.js";
 export { TagIcon, tagStates } from "./icons/tag/tag-icon.js";
 export { GiftIcon, giftStates } from "./icons/gift/gift-icon.js";
 export { TicketIcon, ticketStates, } from "./icons/ticket/ticket-icon.js";
+export { NetworkIcon, networkStates, } from "./icons/network/network-icon.js";
+export { SignalIcon, signalStates, } from "./icons/signal/signal-icon.js";
+export { TrashIcon, trashStates, } from "./icons/trash/trash-icon.js";
+export { BatteryIcon, batteryStates, } from "./icons/battery/battery-icon.js";
+export { ToggleIcon, toggleStates, } from "./icons/toggle/toggle-icon.js";
+export { HourglassIcon, hourglassStates, } from "./icons/hourglass/hourglass-icon.js";
+export { ZapIcon, zapStates } from "./icons/zap/zap-icon.js";
+export { CompassIcon, compassStates, } from "./icons/compass/compass-icon.js";
+export { BugIcon, bugStates } from "./icons/bug/bug-icon.js";

package/dist/shared/icon-colors.d.ts

@@ -78,6 +78,15 @@ export interface IconColors {
     tag: never;
     gift: never;
     ticket: never;
+    network: never;
+    signal: never;
+    trash: never;
+    battery: never;
+    toggle: never;
+    hourglass: never;
+    zap: never;
+    compass: never;
+    bug: never;
     bookmark: never;
     'book-open': never;
     image: never;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weasel-icons",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Stateful animated React SVG icons. Icons that overreact beautifully.",
   "license": "MIT",
   "author": "Vinod Murugan",
@@ -794,6 +794,51 @@
       "types": "./dist/icons/ticket/ticket-icon.d.ts",
       "import": "./dist/icons/ticket/ticket-icon.js",
       "default": "./dist/icons/ticket/ticket-icon.js"
+    },
+    "./network": {
+      "types": "./dist/icons/network/network-icon.d.ts",
+      "import": "./dist/icons/network/network-icon.js",
+      "default": "./dist/icons/network/network-icon.js"
+    },
+    "./signal": {
+      "types": "./dist/icons/signal/signal-icon.d.ts",
+      "import": "./dist/icons/signal/signal-icon.js",
+      "default": "./dist/icons/signal/signal-icon.js"
+    },
+    "./trash": {
+      "types": "./dist/icons/trash/trash-icon.d.ts",
+      "import": "./dist/icons/trash/trash-icon.js",
+      "default": "./dist/icons/trash/trash-icon.js"
+    },
+    "./battery": {
+      "types": "./dist/icons/battery/battery-icon.d.ts",
+      "import": "./dist/icons/battery/battery-icon.js",
+      "default": "./dist/icons/battery/battery-icon.js"
+    },
+    "./toggle": {
+      "types": "./dist/icons/toggle/toggle-icon.d.ts",
+      "import": "./dist/icons/toggle/toggle-icon.js",
+      "default": "./dist/icons/toggle/toggle-icon.js"
+    },
+    "./hourglass": {
+      "types": "./dist/icons/hourglass/hourglass-icon.d.ts",
+      "import": "./dist/icons/hourglass/hourglass-icon.js",
+      "default": "./dist/icons/hourglass/hourglass-icon.js"
+    },
+    "./zap": {
+      "types": "./dist/icons/zap/zap-icon.d.ts",
+      "import": "./dist/icons/zap/zap-icon.js",
+      "default": "./dist/icons/zap/zap-icon.js"
+    },
+    "./compass": {
+      "types": "./dist/icons/compass/compass-icon.d.ts",
+      "import": "./dist/icons/compass/compass-icon.js",
+      "default": "./dist/icons/compass/compass-icon.js"
+    },
+    "./bug": {
+      "types": "./dist/icons/bug/bug-icon.d.ts",
+      "import": "./dist/icons/bug/bug-icon.js",
+      "default": "./dist/icons/bug/bug-icon.js"
     }
   },
   "files": [