weasel-icons 0.1.0 → 0.3.0

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

@@ -0,0 +1,401 @@
+export const sunStates = ['idle', 'rising', 'bright'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The disc gathers small while its rays wake outward, then holds a larger bright center and fully extended rays.
+export const sunArt = {
+    name: 'sun',
+    parts: [
+        {
+            name: 'disc',
+            paths: ['M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0'],
+            poses: [
+                {},
+                {
+                    scaleX: 0.72,
+                    scaleY: 0.72,
+                },
+                {
+                    scaleX: 1.2,
+                    scaleY: 1.2,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'ray-0',
+            paths: ['M12 2v2'],
+            poses: [
+                {
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: 0,
+                    y: 0.7,
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: 0,
+                    y: -0.3,
+                },
+            ],
+            pivot: [12, 4],
+            gestures: [
+                null,
+                {
+                    duration: 1.4,
+                    repeatAfter: 2.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            x: 0,
+                            y: -1,
+                        },
+                        {
+                            at: 0.65,
+                            x: 0,
+                            y: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'ray-1',
+            paths: ['M12 20v2'],
+            poses: [
+                {
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: 0,
+                    y: -0.7,
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: 0,
+                    y: 0.3,
+                },
+            ],
+            pivot: [12, 20],
+            gestures: [
+                null,
+                {
+                    duration: 1.4,
+                    repeatAfter: 2.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            x: 0,
+                            y: 1,
+                        },
+                        {
+                            at: 0.65,
+                            x: 0,
+                            y: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'ray-2',
+            paths: ['m4.93 4.93 1.41 1.41'],
+            poses: [
+                {
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: 0.49489999999999995,
+                    y: 0.49489999999999995,
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: -0.21209999999999998,
+                    y: -0.21209999999999998,
+                },
+            ],
+            pivot: [6.35, 6.35],
+            gestures: [
+                null,
+                {
+                    duration: 1.4,
+                    repeatAfter: 2.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            x: -0.707,
+                            y: -0.707,
+                        },
+                        {
+                            at: 0.65,
+                            x: 0,
+                            y: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'ray-3',
+            paths: ['m17.66 17.66 1.41 1.41'],
+            poses: [
+                {
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: -0.49489999999999995,
+                    y: -0.49489999999999995,
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: 0.21209999999999998,
+                    y: 0.21209999999999998,
+                },
+            ],
+            pivot: [17.65, 17.65],
+            gestures: [
+                null,
+                {
+                    duration: 1.4,
+                    repeatAfter: 2.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            x: 0.707,
+                            y: 0.707,
+                        },
+                        {
+                            at: 0.65,
+                            x: 0,
+                            y: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'ray-4',
+            paths: ['M2 12h2'],
+            poses: [
+                {
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: 0.7,
+                    y: 0,
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: -0.3,
+                    y: 0,
+                },
+            ],
+            pivot: [4, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.4,
+                    repeatAfter: 2.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            x: -1,
+                            y: 0,
+                        },
+                        {
+                            at: 0.65,
+                            x: 0,
+                            y: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'ray-5',
+            paths: ['M20 12h2'],
+            poses: [
+                {
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: -0.7,
+                    y: 0,
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: 0.3,
+                    y: 0,
+                },
+            ],
+            pivot: [20, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.4,
+                    repeatAfter: 2.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            x: 1,
+                            y: 0,
+                        },
+                        {
+                            at: 0.65,
+                            x: 0,
+                            y: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'ray-6',
+            paths: ['m6.34 17.66-1.41 1.41'],
+            poses: [
+                {
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: 0.49489999999999995,
+                    y: -0.49489999999999995,
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: -0.21209999999999998,
+                    y: 0.21209999999999998,
+                },
+            ],
+            pivot: [6.35, 17.65],
+            gestures: [
+                null,
+                {
+                    duration: 1.4,
+                    repeatAfter: 2.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            x: -0.707,
+                            y: 0.707,
+                        },
+                        {
+                            at: 0.65,
+                            x: 0,
+                            y: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'ray-7',
+            paths: ['m19.07 4.93-1.41 1.41'],
+            poses: [
+                {
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: -0.49489999999999995,
+                    y: 0.49489999999999995,
+                    scaleX: 0.7,
+                    scaleY: 0.7,
+                },
+                {
+                    x: 0.21209999999999998,
+                    y: -0.21209999999999998,
+                },
+            ],
+            pivot: [17.65, 6.35],
+            gestures: [
+                null,
+                {
+                    duration: 1.4,
+                    repeatAfter: 2.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            x: 0.707,
+                            y: -0.707,
+                        },
+                        {
+                            at: 0.65,
+                            x: 0,
+                            y: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type SwapState } from "./swap-rig.js";
+export { swapStates, type SwapState } from "./swap-rig.js";
+export type SwapIconProps = StatefulIconProps<SwapState>;
+export declare const SwapIcon: import("react").NamedExoticComponent<SwapIconProps>;

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

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useRef } from 'react';
+import { motion, useTransform } from 'motion/react';
+import { usePoseWeight, useBehaviorClock, useActionProgress } from "../../shared/use-icon-motion.js";
+import { useMotionPreference } from "../../shared/use-motion-preference.js";
+import { SWAP_LEFT, SWAP_RIGHT, sampleSwap } from "./swap-rig.js";
+export { swapStates } from "./swap-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+export const SwapIcon = memo(function SwapIcon({ state = 'idle', size = 24, color = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, }) {
+    const reduced = useMotionPreference(), element = useRef(null);
+    const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;
+    const idle = usePoseWeight(state === 'idle', pace, reduced), swapping = usePoseWeight(state === 'swapping', pace, reduced), swapped = usePoseWeight(state === 'swapped', pace, reduced), error = usePoseWeight(state === 'error', pace, reduced);
+    const performs = alive && !reduced && state !== 'idle', life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const first = useRef(state !== 'swapping');
+    const canRestart = useCallback(() => {
+        const invisible = first.current || swapping.get() < 0.001;
+        first.current = false;
+        return invisible;
+    }, [swapping]);
+    const entry = useActionProgress(state === 'swapping', pace, reduced, 1.1, canRestart);
+    const errorEntry = useActionProgress(state === 'error', pace, reduced, 1.15);
+    const rig = useTransform(() => sampleSwap([idle.get(), swapping.get(), swapped.get(), error.get()], time.get(), life.get(), entry.get(), errorEntry.get()));
+    const body = useTransform(rig, (r) => r.body), left = useTransform(rig, (r) => r.left), right = useTransform(rig, (r) => r.right);
+    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', overflow: 'visible' }, children: _jsxs(motion.g, { "data-layer": "swap-body", transform: body, style: ORIGIN, children: [_jsx(motion.path, { "data-layer": "swap-left", "data-part": "left-arrow", d: SWAP_LEFT, transform: left, style: ORIGIN }), _jsx(motion.path, { "data-layer": "swap-right", "data-part": "right-arrow", d: SWAP_RIGHT, transform: right, style: ORIGIN })] }) }));
+});

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

@@ -0,0 +1,10 @@
+export declare const swapStates: readonly ["idle", "swapping", "swapped", "error"];
+export type SwapState = (typeof swapStates)[number];
+/** Lucide arrow-left-right: complete arrows, with their heads attached. */
+export declare const SWAP_LEFT = "M8 3 4 7l4 4M4 7h16";
+export declare const SWAP_RIGHT = "m16 21 4-4-4-4M20 17H4";
+export declare function sampleSwap(weights: readonly number[], time?: number, alive?: number, entry?: number, errorEntry?: number): {
+    body: string;
+    left: string;
+    right: string;
+};

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

@@ -0,0 +1,24 @@
+export const swapStates = ['idle', 'swapping', 'swapped', 'error'];
+/** Lucide arrow-left-right: complete arrows, with their heads attached. */
+export const SWAP_LEFT = 'M8 3 4 7l4 4M4 7h16';
+export const SWAP_RIGHT = 'm16 21 4-4-4-4M20 17H4';
+export function sampleSwap(weights, time = 0, alive = 0, entry = 1, errorEntry = 1) {
+    const clamp = (n) => Math.max(0, Math.min(1, n));
+    const [, swapping, swapped, error] = weights.map(clamp), life = clamp(alive);
+    const t = time % 3.2;
+    const travel = Math.max(entry >= 1 ? 0 : behaviorBeat(clamp(entry) * 1.1, 0, 0.38, 0.1, 0.62), life * behaviorBeat(t, 0.12, 0.38, 0.1, 0.62), life * behaviorBeat(t, 1.72, 0.38, 0.1, 0.62));
+    // Attempt → jam → recoil → rest. Error feedback is not gated by living mode.
+    const rejection = (seconds) => 1.7 * behaviorBeat(seconds, 0.06, 0.2, 0.05, 0.25) -
+        0.9 * behaviorBeat(seconds, 0.5, 0.12, 0.02, 0.46);
+    const entryRefusal = errorEntry >= 1 ? 0 : rejection(clamp(errorEntry) * 1.15);
+    const refuse = error * ((1 - life) * entryRefusal + life * rejection(t));
+    const shift = -swapping * travel * 1.45 + error * 0.65 + refuse;
+    const spread = swapped * (0.5 + life * behaviorBeat(t, 0.2, 0.3, 0.1, 0.6) * 0.25);
+    const tilt = error * 8 + refuse * 5;
+    return {
+        body: `translate(12px, 12px) rotate(${180 * swapped}deg) scale(0.82) translate(-12px, -12px)`,
+        left: `translate(${shift}px, ${-spread}px) translate(12px, 7px) rotate(${tilt}deg) translate(-12px, -7px)`,
+        right: `translate(${-shift}px, ${spread}px) translate(12px, 17px) rotate(${-tilt}deg) translate(-12px, -17px)`,
+    };
+}
+import { behaviorBeat } from "../../shared/behavior-curves.js";

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type TerminalState } from "./terminal-rig.js";
+export { terminalStates, type TerminalState } from "./terminal-rig.js";
+export type TerminalIconProps = StatefulIconProps<TerminalState>;
+export declare const TerminalIcon: import("react").NamedExoticComponent<TerminalIconProps>;

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

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

@@ -0,0 +1,71 @@
+export declare const terminalStates: readonly ["idle", "running", "complete"];
+export type TerminalState = (typeof terminalStates)[number];
+export declare const terminalArt: {
+    readonly name: "terminal";
+    readonly parts: readonly [{
+        readonly name: "prompt";
+        readonly paths: readonly ["m4 17 6-6-6-6"];
+        readonly poses: readonly [{}, {
+            readonly x: -1.2;
+        }, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "cursor";
+        readonly paths: readonly ["M12 19L16 19L20 19"];
+        readonly poses: readonly [{}, {
+            readonly draw: 0.3;
+            readonly scaleX: 0.65;
+        }, {}];
+        readonly pivot: readonly [12, 19];
+        readonly gestures: readonly [null, {
+            readonly duration: 3.2;
+            readonly repeatAfter: 4.2;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.12;
+                readonly x: 0.8;
+            }, {
+                readonly at: 0.24;
+                readonly x: 0.8;
+            }, {
+                readonly at: 0.38;
+                readonly x: 1.8;
+            }, {
+                readonly at: 0.5;
+                readonly x: 1.8;
+            }, {
+                readonly at: 0.65;
+                readonly x: 3;
+            }, {
+                readonly at: 0.74;
+                readonly x: 3;
+                readonly opacity: -1;
+            }, {
+                readonly at: 0.88;
+                readonly opacity: -1;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 1.1;
+            readonly repeatAfter: 2.1;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.12;
+                readonly draw: -0.85;
+            }, {
+                readonly at: 0.65;
+                readonly draw: 0;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly pathStates: readonly [readonly ["M12 19L16 19L20 19"], readonly ["M12 19L16 19L20 19"], readonly ["M12 17L15 20L21 14"]];
+        readonly traceLength: 12;
+    }];
+};

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

@@ -0,0 +1,102 @@
+export const terminalStates = ['idle', 'running', 'complete'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Run a command: the cursor types in three bursts with pauses, then resets only while invisible. Completion writes a single check; the prompt remains fixed.
+export const terminalArt = {
+    name: 'terminal',
+    parts: [
+        {
+            name: 'prompt',
+            paths: ['m4 17 6-6-6-6'],
+            poses: [
+                {},
+                {
+                    x: -1.2,
+                },
+                {},
+            ],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'cursor',
+            paths: ['M12 19L16 19L20 19'],
+            poses: [
+                {},
+                {
+                    draw: 0.3,
+                    scaleX: 0.65,
+                },
+                {},
+            ],
+            pivot: [12, 19],
+            gestures: [
+                null,
+                {
+                    duration: 3.2,
+                    repeatAfter: 4.2,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.12,
+                            x: 0.8,
+                        },
+                        {
+                            at: 0.24,
+                            x: 0.8,
+                        },
+                        {
+                            at: 0.38,
+                            x: 1.8,
+                        },
+                        {
+                            at: 0.5,
+                            x: 1.8,
+                        },
+                        {
+                            at: 0.65,
+                            x: 3,
+                        },
+                        {
+                            at: 0.74,
+                            x: 3,
+                            opacity: -1,
+                        },
+                        {
+                            at: 0.88,
+                            opacity: -1,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 1.1,
+                    repeatAfter: 2.1,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.12,
+                            draw: -0.85,
+                        },
+                        {
+                            at: 0.65,
+                            draw: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            pathStates: [['M12 19L16 19L20 19'], ['M12 19L16 19L20 19'], ['M12 17L15 20L21 14']],
+            traceLength: 12,
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type TimerState } from "./timer-rig.js";
+export { timerStates, type TimerState } from "./timer-rig.js";
+export type TimerIconProps = StatefulIconProps<TimerState>;
+export declare const TimerIcon: import("react").NamedExoticComponent<TimerIconProps>;

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