weasel-icons 0.1.0 → 0.2.0

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

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef, useCallback } 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 { COPY_BACK, COPY_FRONT, sampleCopy } from "./copy-rig.js";
+export { copyStates } from "./copy-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+export const CopyIcon = memo(function CopyIcon({ state = 'ready', size = 24, color = 'currentColor', accentColor = '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 w0 = usePoseWeight(state === 'ready', pace, reduced);
+    const w1 = usePoseWeight(state === 'copying', pace, reduced);
+    const w2 = usePoseWeight(state === 'copied', pace, reduced);
+    const w3 = usePoseWeight(state === 'failed', pace, reduced);
+    const performs = alive && !reduced && (state === 'copying' || state === 'failed');
+    const life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const can0 = useCallback(() => w1.get() < 0.001, [w1]);
+    const e0 = useActionProgress(state === 'copying', pace, reduced, 1.05, can0);
+    const can1 = useCallback(() => w2.get() < 0.001, [w2]);
+    const e1 = useActionProgress(state === 'copied', pace, reduced, 0.8, can1);
+    const can2 = useCallback(() => w3.get() < 0.001, [w3]);
+    const e2 = useActionProgress(state === 'failed', pace, reduced, 0.9, can2);
+    const rig = useTransform(() => sampleCopy([w0.get(), w1.get(), w2.get(), w3.get()], time.get(), life.get(), e0.get(), e1.get(), e2.get()));
+    const front = useTransform(rig, (r) => r.front);
+    const check = useTransform(rig, (r) => r.check);
+    const checkOffset = useTransform(rig, (r) => r.checkOffset);
+    const failure = useTransform(rig, (r) => r.failure);
+    return (_jsx("svg", { ref: element, className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", pointerEvents: "none", style: { display: 'block' }, children: _jsxs("g", { "data-layer": "copy-body", transform: "translate(12 12) scale(.84) translate(-12 -12)", children: [_jsx("path", { "data-layer": "copy-back", "data-part": "back", d: COPY_BACK }), _jsxs(motion.g, { "data-layer": "copy-front", transform: front, style: ORIGIN, children: [_jsx("path", { "data-part": "front", d: COPY_FRONT }), _jsx(motion.path, { "data-layer": "copy-check", d: "M11.5 15L14 17.5L18.5 13", opacity: check, stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.8, 1.5), strokeDasharray: "9.91", strokeDashoffset: checkOffset }), _jsx(motion.path, { "data-layer": "copy-failure", d: "M12.5 12.5L17.5 17.5M17.5 12.5L12.5 17.5", opacity: failure, strokeWidth: Math.min(strokeWidth * 0.8, 1.5) })] })] }) }));
+});

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

@@ -0,0 +1,13 @@
+export declare const copyStates: readonly ["ready", "copying", "copied", "failed"];
+export type CopyState = (typeof copyStates)[number];
+export declare const COPY_BACK = "M4 16Q2 16 2 14V4Q2 2 4 2H14Q16 2 16 4";
+export declare const COPY_FRONT = "M10 8H20Q22 8 22 10V20Q22 22 20 22H10Q8 22 8 20V10Q8 8 10 8Z";
+export declare function sampleCopy(weights: readonly number[], time?: number, alive?: number, entry?: number, successEntry?: number, failureEntry?: number): {
+    front: string;
+    scanY: number;
+    scanOpacity: number;
+    check: number;
+    checkOffset: number;
+    failure: number;
+    failureOffset: number;
+};

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

@@ -0,0 +1,44 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+const clamp = (n) => Math.max(0, Math.min(1, Number.isFinite(n) ? n : 0));
+const smooth = (n) => {
+    const q = clamp(n);
+    return q * q * q * (q * (q * 6 - 15) + 10);
+};
+const normalized = (values) => {
+    const w = values.map(clamp), sum = w.reduce((a, b) => a + b, 0) || 1;
+    return w.map((v) => v / sum);
+};
+export const copyStates = ['ready', 'copying', 'copied', 'failed'];
+// Matching quadratic corners keep the two outlines registered at contact.
+export const COPY_BACK = 'M4 16Q2 16 2 14V4Q2 2 4 2H14Q16 2 16 4';
+export const COPY_FRONT = 'M10 8H20Q22 8 22 10V20Q22 22 20 22H10Q8 22 8 20V10Q8 8 10 8Z';
+export function sampleCopy(weights, time = 0, alive = 0, entry = 1, successEntry = 1, failureEntry = 1) {
+    const [, copying, copied, failed] = normalized(weights), life = clamp(alive);
+    const register = (s) => behaviorBeat(s, 0.04, 0.24, 0.1, 0.48);
+    const press = copying * ((1 - life) * register(clamp(entry) * 1.25) + life * register(time % 2.6));
+    const attempt = (s) => behaviorBeat(s, 0.03, 0.15, 0.04, 0.15);
+    const reject = (s) => behaviorBeat(s, 0.23, 0.1, 0.01, 0.42);
+    const f = clamp(failureEntry) * 1.15, loop = time % 3.1;
+    const jam = failed * ((1 - life) * attempt(f) + life * attempt(loop));
+    const kick = failed * ((1 - life) * reject(f) + life * reject(loop));
+    const dx = -copying * 0.35 - press * 5.65 - jam * 3.6 + kick * 1.4;
+    const dy = -copying * 0.35 - press * 5.65 - jam * 3.6 - kick * 0.7;
+    // Scan is an entry-only transfer cue. Its travel never depends on alive;
+    // repeated registration may continue, but toggles cannot rewind a visible scan.
+    const scanTime = clamp(entry) * 1.25;
+    return {
+        front: 'translate(' +
+            dx +
+            'px, ' +
+            dy +
+            'px) translate(15px, 15px) rotate(' +
+            kick * 6.5 +
+            'deg) translate(-15px, -15px)',
+        scanY: 8 * smooth((scanTime - 0.18) / 0.44),
+        scanOpacity: copying * behaviorBeat(scanTime, 0.18, 0.08, 0.26, 0.1),
+        check: copied,
+        checkOffset: 9.91 * (1 - smooth((successEntry - 0.08) / 0.65)),
+        failure: failed,
+        failureOffset: Math.SQRT2 * 2.5 * (1 - smooth((failureEntry - 0.3) / 0.42)),
+    };
+}

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type CursorState } from "./cursor-rig.js";
+export { cursorStates, type CursorState } from "./cursor-rig.js";
+export type CursorIconProps = StatefulIconProps<CursorState>;
+export declare const CursorIcon: import("react").NamedExoticComponent<CursorIconProps>;

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

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useId, useRef } from 'react';
+import { motion, useMotionValue, useTransform } from 'motion/react';
+import { usePoseWeight, useBehaviorClock, useActionProgress } from "../../shared/use-icon-motion.js";
+import { useMotionPreference } from "../../shared/use-motion-preference.js";
+import { CURSOR_POINTER, cursorClickAction, sampleCursor } from "./cursor-rig.js";
+export { cursorStates } from "./cursor-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+export const CursorIcon = memo(function CursorIcon({ state = 'idle', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, }) {
+    const reduced = useMotionPreference(), element = useRef(null), id = useId();
+    const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;
+    const idle = usePoseWeight(state === 'idle', pace, reduced), hovering = usePoseWeight(state === 'hovering', pace, reduced), clicking = usePoseWeight(state === 'clicking', pace, reduced), blocked = usePoseWeight(state === 'blocked', pace, reduced);
+    const performs = alive && !reduced && state !== 'idle', life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const clickEpoch = useMotionValue(0);
+    const canRestart = useCallback(() => {
+        const phase = (time.get() - clickEpoch.get()) % 6.8;
+        const repeat = phase < 3.1 ? 1 : Math.min(1, (phase - 3.1) / 0.9);
+        const reaction = cursorClickAction(repeat);
+        return clicking.get() * life.get() * (reaction.press + reaction.opacity) === 0;
+    }, [time, clickEpoch, clicking, life]);
+    const entry = useActionProgress(state === 'clicking', pace, reduced, 0.9, canRestart);
+    useEffect(() => {
+        // Give a fresh entry its own quiet interval without resetting the shared clock
+        // or restarting an already visible, interrupted click.
+        if (state === 'clicking' && entry.get() === 0)
+            clickEpoch.set(time.get());
+    }, [state, entry, clickEpoch, time]);
+    const rig = useTransform(() => sampleCursor([idle.get(), hovering.get(), clicking.get(), blocked.get()], time.get(), life.get(), entry.get(), time.get() - clickEpoch.get(), strokeWidth));
+    const pointer = useTransform(rig, (r) => r.pointer), click = useTransform(rig, (r) => r.click), blockedOpacity = useTransform(rig, (r) => r.blocked), tipCut = useTransform(rig, (r) => r.tipCut), badgeRadius = useTransform(rig, (r) => r.badgeRadius), badgeStroke = useTransform(rig, (r) => r.badgeStroke), blockedSlash = useTransform(rig, (r) => r.blockedSlash), rays = useTransform(rig, (r) => r.rays);
+    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", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", pointerEvents: "none", style: { display: 'block', overflow: 'visible' }, children: [_jsx("defs", { children: _jsx("clipPath", { id: `${id}-tip-cut`, children: _jsx(motion.path, { "data-part": "cursor-tip-cut", d: tipCut, clipRule: "evenodd" }) }) }), _jsx(motion.path, { "data-layer": "cursor-click", d: rays, stroke: accentColor, strokeWidth: strokeWidth * 0.45, opacity: click }), _jsx(motion.path, { "data-layer": "cursor-pointer", "data-part": "pointer", d: CURSOR_POINTER, stroke: color, strokeWidth: strokeWidth, transform: pointer, style: ORIGIN, clipPath: `url(#${id}-tip-cut)` }), _jsxs(motion.g, { "data-layer": "cursor-blocked", transform: pointer, style: ORIGIN, opacity: blockedOpacity, stroke: accentColor, strokeWidth: badgeStroke, children: [_jsx(motion.circle, { "data-part": "blocked-ring", cx: "4.2", cy: "4.2", r: badgeRadius }), _jsx(motion.path, { "data-part": "blocked-slash", d: blockedSlash })] })] }));
+});

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

@@ -0,0 +1,21 @@
+export declare const cursorStates: readonly ["idle", "hovering", "clicking", "blocked"];
+export type CursorState = (typeof cursorStates)[number];
+export declare const CURSOR_POINTER = "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z";
+export declare const CURSOR_RAY_ANGLES: readonly [180, 225, 270];
+/** One press, followed by an outward burst. Reset distance only while invisible. */
+export declare function cursorClickAction(progress: number): {
+    press: number;
+    opacity: number;
+    distance: number;
+    length: number;
+};
+export declare function sampleCursor(weights: readonly number[], time?: number, alive?: number, entry?: number, clickTime?: number, strokeWidth?: number): {
+    pointer: string;
+    rays: string;
+    click: number;
+    blocked: number;
+    badgeRadius: number;
+    badgeStroke: number;
+    blockedSlash: string;
+    tipCut: string;
+};

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

@@ -0,0 +1,63 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+export const cursorStates = ['idle', 'hovering', 'clicking', 'blocked'];
+export const CURSOR_POINTER = 'M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z';
+export const CURSOR_RAY_ANGLES = [180, 225, 270];
+const clamp = (n) => Math.max(0, Math.min(1, n));
+const smooth = (n) => {
+    const x = clamp(n);
+    return x * x * x * (x * (x * 6 - 15) + 10);
+};
+/** One press, followed by an outward burst. Reset distance only while invisible. */
+export function cursorClickAction(progress) {
+    const t = clamp(progress) * 0.9;
+    const travel = smooth((t - 0.22) / 0.5);
+    return {
+        press: behaviorBeat(t, 0, 0.18, 0.04, 0.3),
+        opacity: behaviorBeat(t, 0.22, 0.09, 0.02, 0.39),
+        distance: 2.7 + 0.5 * travel,
+        length: 1.05,
+    };
+}
+export function sampleCursor(weights, time = 0, alive = 0, entry = 1, clickTime = time, strokeWidth = 1.65) {
+    const [, h, c, b] = weights.map(clamp), life = clamp(alive), t = time % 6.8;
+    // Two continuous figure-eights per phrase: the whole pointer explores, never
+    // stops at a keyframe, and keeps the current phase when a state is interrupted.
+    const orbit = (t * Math.PI * 2) / 3.4;
+    const approach = behaviorBeat(t, 0.2, 0.38, 0.08, 0.28) + 0.65 * behaviorBeat(t, 3.65, 0.44, 0.06, 0.3);
+    const recoil = behaviorBeat(t, 0.63, 0.22, 0.04, 0.66) + 0.65 * behaviorBeat(t, 4.12, 0.24, 0.04, 0.7);
+    // Entry owns the first click; living repeats use the existing uninterrupted clock.
+    const clickPhase = clickTime % 6.8;
+    const repeat = clickPhase < 3.1 ? 1 : clamp((clickPhase - 3.1) / 0.9);
+    const action = cursorClickAction(entry < 1 ? entry : repeat);
+    const amount = entry < 1 ? 1 : life;
+    const refusal = life * (-0.5 * approach + 0.42 * recoil);
+    // A brief entry hesitation also works with alive off, then becomes static.
+    const entryHesitation = 0.24 * 4 * b * (1 - b);
+    const dx = h * life * 1.25 * Math.sin(orbit) + b * (0.3 + refusal) + entryHesitation;
+    const dy = h * life * 0.75 * Math.sin(orbit * 2) + b * (0.3 + refusal) + entryHesitation;
+    const tipX = 6 + dx, tipY = 6 + dy;
+    const scale = 0.84 + h * 0.015 - b * 0.06 - c * (0.012 + amount * 0.065 * action.press);
+    const rays = CURSOR_RAY_ANGLES.map((angle) => {
+        const radians = (angle * Math.PI) / 180, x = Math.cos(radians), y = Math.sin(radians);
+        // Fade paint, not emitted travel: turning alive off must not pull rays back.
+        const distance = amount > 0 ? action.distance : 2.7;
+        const point = (r) => `${tipX + x * r} ${tipY + y * r}`;
+        return `M${point(distance)}L${point(distance + action.length)}`;
+    }).join('');
+    // The blocked symbol replaces the pointed apex. Clearance includes both
+    // painted half-strokes, so primary paint never shows through the badge.
+    const badgeRadius = b * 2.8;
+    const badgeStroke = b * strokeWidth * 0.75;
+    const cutRadius = badgeRadius + badgeStroke / 2 + b * 0.5 + strokeWidth * 0.5 * smooth(b / 0.08);
+    const diagonal = badgeRadius / Math.SQRT2;
+    return {
+        pointer: `translate(${tipX}px, ${tipY}px) scale(${scale}) translate(-4.2px, -4.2px)`,
+        rays,
+        click: c * amount * action.opacity,
+        blocked: b,
+        badgeRadius,
+        badgeStroke,
+        blockedSlash: `M${4.2 - diagonal} ${4.2 - diagonal}L${4.2 + diagonal} ${4.2 + diagonal}`,
+        tipCut: `M-24 -24H48V48H-24Z M${4.2 - cutRadius} 4.2a${cutRadius} ${cutRadius} 0 1 0 ${2 * cutRadius} 0a${cutRadius} ${cutRadius} 0 1 0 ${-2 * cutRadius} 0Z`,
+    };
+}

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type DeleteState } from "./delete-rig.js";
+export { deleteStates, type DeleteState } from "./delete-rig.js";
+export type DeleteIconProps = StatefulIconProps<DeleteState>;
+export declare const DeleteIcon: import("react").NamedExoticComponent<DeleteIconProps>;

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

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useRef, useId } 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 { DELETE_SHELL, sampleDelete } from "./delete-rig.js";
+export { deleteStates } from "./delete-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+export const DeleteIcon = memo(function DeleteIcon({ state = 'idle', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, }) {
+    const reduced = useMotionPreference(), element = useRef(null), id = useId();
+    const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;
+    const idle = usePoseWeight(state === 'idle', pace, reduced), deleting = usePoseWeight(state === 'deleting', pace, reduced), deleted = usePoseWeight(state === 'deleted', 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 !== 'deleting');
+    const canRestart = useCallback(() => {
+        const invisible = first.current || deleting.get() < 0.001;
+        first.current = false;
+        return invisible;
+    }, [deleting]);
+    const entry = useActionProgress(state === 'deleting', pace, reduced, 1.15, canRestart);
+    const rig = useTransform(() => sampleDelete([idle.get(), deleting.get(), deleted.get(), error.get()], time.get(), life.get(), entry.get()));
+    const body = useTransform(rig, (r) => r.body), mark = useTransform(rig, (r) => r.mark), reverse = useTransform(rig, (r) => r.reverse), offset = useTransform(rig, (r) => r.offset), markOpacity = useTransform(rig, (r) => r.markOpacity), cutX = useTransform(rig, (r) => r.cutX), erase = useTransform(rig, (r) => r.erase), eraseX = useTransform(rig, (r) => r.eraseX), echo = useTransform(rig, (r) => r.echo), echoOffset = useTransform(rig, (r) => r.echoOffset);
+    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", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", pointerEvents: "none", style: { display: 'block', overflow: 'visible' }, children: [_jsxs("defs", { children: [_jsx("clipPath", { id: `${id}-inside`, children: _jsx("path", { d: DELETE_SHELL }) }), _jsx("clipPath", { id: `${id}-erase`, children: _jsx(motion.rect, { "data-part": "erase-window", x: "0", y: "6", width: cutX, height: "12" }) })] }), _jsxs(motion.g, { "data-layer": "delete-body", transform: body, style: ORIGIN, children: [_jsx("path", { "data-part": "shell", d: DELETE_SHELL, stroke: color, strokeWidth: strokeWidth }), _jsxs("g", { clipPath: `url(#${id}-inside)`, children: [_jsxs(motion.g, { "data-layer": "delete-symbol", style: { x: offset }, opacity: markOpacity, clipPath: `url(#${id}-erase)`, children: [_jsx(motion.path, { "data-layer": "delete-mark", d: mark, stroke: color, strokeWidth: Math.min(strokeWidth, 2.5) }), _jsx(motion.path, { "data-layer": "delete-reverse", d: "m18 9-6 6", opacity: reverse, stroke: color, strokeWidth: Math.min(strokeWidth, 2.5) })] }), _jsx(motion.path, { "data-layer": "delete-erase", d: "M0 8v8", style: { x: eraseX }, opacity: erase, stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.75, 1.4) })] }), _jsx(motion.path, { "data-layer": "delete-echo", d: "M0 10h-1.2M0 14h-1.2", style: { x: echoOffset }, opacity: echo, stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.65, 1.1) })] })] }));
+});

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

@@ -0,0 +1,15 @@
+export declare const deleteStates: readonly ["idle", "deleting", "deleted", "error"];
+export type DeleteState = (typeof deleteStates)[number];
+export declare const DELETE_SHELL = "M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z";
+export declare function sampleDelete(weights: readonly number[], time?: number, alive?: number, entry?: number): {
+    body: string;
+    mark: string;
+    reverse: number;
+    markOpacity: number;
+    cutX: number;
+    offset: number;
+    erase: number;
+    eraseX: number;
+    echo: number;
+    echoOffset: number;
+};

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

@@ -0,0 +1,33 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+export const deleteStates = ['idle', 'deleting', 'deleted', 'error'];
+export const DELETE_SHELL = 'M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z';
+export function sampleDelete(weights, time = 0, alive = 0, entry = 1) {
+    const clamp = (n) => Math.max(0, Math.min(1, n));
+    const smooth = (n) => {
+        const t = clamp(n);
+        return t * t * t * (t * (t * 6 - 15) + 10);
+    };
+    const [, deleting, deleted, error] = weights.map(clamp), life = clamp(alive);
+    const t = time % 6;
+    const action = clamp(entry) * 1.15;
+    const sweep = smooth((action - 0.22) / 0.68);
+    const repeating = smooth((t - 0.55) / 0.8) * (1 - smooth((t - 2.5) / 0.65));
+    const eraseProgress = sweep * (1 - life) + repeating * life;
+    const contact = Math.max(behaviorBeat(action, 0, 0.16, 0.05, 0.32), life * behaviorBeat(t, 0.25, 0.16, 0.05, 0.35));
+    const refusal = error * life * behaviorBeat(t, 0.4, 0.22, 0.06, 0.6);
+    const erased = smooth((t - 1.1) / 0.3) * (1 - smooth((t - 3.2) / 0.55));
+    const effect = deleting *
+        Math.max(behaviorBeat(action, 0.22, 0.1, 0.45, 0.22), life * behaviorBeat(t, 0.55, 0.1, 0.55, 0.25));
+    return {
+        body: `translate(${12 - deleting * contact * 0.7 + refusal * 0.6}px, 12px) scale(${0.82 - deleting * contact * 0.025}) translate(-12px, -12px)`,
+        mark: `M${12 - 0.5 * deleted} ${9 + 3 * deleted}L${15 - 1.5 * deleted} ${12 + 2 * deleted}L18 ${15 - 5 * deleted}`,
+        reverse: 1 - deleted,
+        markOpacity: 1 - deleting * life * erased,
+        cutX: 24 - deleting * (4 + eraseProgress * 10) - effect * 0.6,
+        offset: -deleting * eraseProgress * 0.4,
+        erase: effect,
+        eraseX: 20 - eraseProgress * 10,
+        echo: deleting * contact * 0.5,
+        echoOffset: -contact * 0.2,
+    };
+}

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

@@ -9,7 +9,7 @@ export { dogStates } from "./dog-rig.js";
 // Motion emits CSS transforms. The -3/-3 viewBox origin is offset back to
 // SVG coordinate (0,0), so authored pivot coordinates remain exact.
 const SVG_ORIGIN = { originX: '3px', originY: '3px', transformBox: 'view-box' };
-export const DogIcon = memo(function DogIcon({ state = 'waiting', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.8, speed = 1, alive = false, className, colors, }) {
+export const DogIcon = memo(function DogIcon({ state = 'waiting', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, colors, }) {
     const reduced = useMotionPreference();
     const element = useRef(null);
     const mouthId = `puppy-mouth-${useId().replace(/:/g, '')}`;

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

@@ -7,7 +7,7 @@ import { usePoseWeight, useBehaviorClock } from "../../shared/use-icon-motion.js
 import { sampleDownload, DOWNLOAD_TRAY } from "./download-rig.js";
 export { downloadStates } from "./download-rig.js";
 const ORIGIN = { originX: 0, originY: 0, transformBox: 'view-box' };
-export const DownloadIcon = memo(function DownloadIcon({ state = 'idle', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.8, speed = 1, alive = false, className, }) {
+export const DownloadIcon = memo(function DownloadIcon({ state = 'idle', size = 24, color = 'currentColor', accentColor = '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), downloading = usePoseWeight(state === 'downloading', pace, reduced);

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type EyeState } from "./eye-rig.js";
+export { eyeStates, type EyeState } from "./eye-rig.js";
+export type EyeIconProps = StatefulIconProps<EyeState>;
+export declare const EyeIcon: import("react").NamedExoticComponent<EyeIconProps>;

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

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef, useCallback, useId } 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 { sampleEye } from "./eye-rig.js";
+export { eyeStates } from "./eye-rig.js";
+export const EyeIcon = memo(function EyeIcon({ state = 'visible', size = 24, color = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, }) {
+    const reduced = useMotionPreference(), element = useRef(null);
+    const clipId = 'eye-' + useId().replace(/:/g, '');
+    const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;
+    const w0 = usePoseWeight(state === 'visible', pace, reduced);
+    const w1 = usePoseWeight(state === 'looking', pace, reduced);
+    const w2 = usePoseWeight(state === 'hidden', pace, reduced);
+    const performs = alive && !reduced && state === 'looking';
+    const life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const can0 = useCallback(() => w1.get() < 0.001, [w1]);
+    const e0 = useActionProgress(state === 'looking', pace, reduced, 1.4, can0);
+    const rig = useTransform(() => sampleEye([w0.get(), w1.get(), w2.get()], time.get(), life.get(), e0.get()));
+    const lid = useTransform(rig, (r) => r.lid);
+    const irisX = useTransform(rig, (r) => r.irisX);
+    const irisY = useTransform(rig, (r) => r.irisY);
+    const lashes = useTransform(rig, (r) => r.lashes);
+    const lashOpacity = useTransform(rig, (r) => r.lashOpacity);
+    return (_jsx("svg", { ref: element, className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", pointerEvents: "none", style: { display: 'block' }, children: _jsxs("g", { "data-layer": "eye-body", transform: "translate(12 12) scale(.84) translate(-12 -12)", children: [_jsx("defs", { children: _jsx("clipPath", { id: clipId, children: _jsx(motion.path, { "data-part": "eye-clip", d: lid }) }) }), _jsx(motion.path, { "data-layer": "eye-lid", d: lid }), _jsx("g", { "data-layer": "eye-iris", clipPath: 'url(#' + clipId + ')', children: _jsx(motion.circle, { "data-part": "iris", cx: irisX, cy: irisY, r: "2.7" }) }), _jsx(motion.path, { "data-layer": "eye-lashes", d: lashes, opacity: lashOpacity })] }) }));
+});

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

@@ -0,0 +1,9 @@
+export declare const eyeStates: readonly ["visible", "looking", "hidden"];
+export type EyeState = (typeof eyeStates)[number];
+export declare function sampleEye(weights: readonly number[], time?: number, alive?: number, entry?: number): {
+    lid: string;
+    irisX: number;
+    irisY: number;
+    lashes: string;
+    lashOpacity: number;
+};

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

@@ -0,0 +1,37 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+const clamp = (n) => Math.max(0, Math.min(1, Number.isFinite(n) ? n : 0));
+const normalized = (values) => {
+    const w = values.map(clamp), sum = w.reduce((a, b) => a + b, 0) || 1;
+    return w.map((v) => v / sum);
+};
+export const eyeStates = ['visible', 'looking', 'hidden'];
+function lidPath(hidden) {
+    const end = 12 - hidden * 1.5, top = 3.4 + hidden * 14.1, bottom = 20.6 - hidden * 3.1;
+    return `M2.5 ${end}C6.5 ${top} 17.5 ${top} 21.5 ${end}C17.5 ${bottom} 6.5 ${bottom} 2.5 ${end}Z`;
+}
+function lashesPath(hidden) {
+    // Lower cubic landmarks at t=.2/.5/.8. Lashes stay attached.
+    const end = 12 - hidden * 1.5, bottom = 20.6 - hidden * 3.1;
+    const y = end * 0.52 + bottom * 0.48, middle = end * 0.25 + bottom * 0.75;
+    return `M5.62 ${y}l-1.3 1.7M12 ${middle}v2.1M18.38 ${y}l1.3 1.7`;
+}
+export function sampleEye(weights, time = 0, alive = 0, entry = 1) {
+    const [, looking, hidden] = normalized(weights), life = clamp(alive), t = time % 7.2;
+    const glance = (s) => behaviorBeat(s, 0.08, 0.25, 0.12, 0.4) - 0.75 * behaviorBeat(s, 0.9, 0.17, 0.02, 0.27);
+    const x = looking *
+        (1 +
+            (1 - life) * glance(clamp(entry) * 1.4) +
+            life *
+                (1.15 * behaviorBeat(t, 0.5, 0.45, 0.3, 0.6) - 2 * behaviorBeat(t, 2.4, 0.5, 0.3, 0.6)));
+    const y = looking * life * (-0.6 * behaviorBeat(t, 4.3, 0.45, 0.3, 0.7));
+    const blink = looking *
+        Math.max((1 - life) * behaviorBeat(clamp(entry) * 1.4, 0.76, 0.08, 0.01, 0.13), life * behaviorBeat(t, 5.7, 0.1, 0.02, 0.16));
+    const closed = hidden + (1 - hidden) * blink;
+    return {
+        lid: lidPath(closed),
+        irisX: 12 + x * (1 - hidden),
+        irisY: 12 + y * (1 - hidden),
+        lashes: lashesPath(closed),
+        lashOpacity: hidden,
+    };
+}

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

@@ -8,7 +8,7 @@ import { HEART_PATH, HEART_LEFT_CLIP, HEART_RIGHT_CLIP, HEART_CRACK } from "./he
 import { sampleHeart } from "./heart-rig.js";
 export { heartStates } from "./heart-rig.js";
 const SVG_ORIGIN = { originX: 0, originY: 0, transformBox: 'view-box' };
-export const HeartIcon = memo(function HeartIcon({ state = 'unliked', size = 24, color = 'currentColor', accentColor = 'currentColor', colors, strokeWidth = 1.8, speed = 1, alive = false, className, }) {
+export const HeartIcon = memo(function HeartIcon({ state = 'unliked', size = 24, color = 'currentColor', accentColor = 'currentColor', colors, strokeWidth = 1.65, speed = 1, alive = false, className, }) {
     const reduced = useMotionPreference();
     const element = useRef(null);
     const id = useId().replace(/:/g, '');

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

@@ -12,7 +12,7 @@ const smooth = (value) => {
     const t = Math.max(0, Math.min(1, value));
     return t * t * t * (t * (t * 6 - 15) + 10);
 };
-export function sampleHeart(weights, time = 0, alive = 0, strokeWidth = 1.8) {
+export function sampleHeart(weights, time = 0, alive = 0, strokeWidth = 1.65) {
     const [unliked, loading, liked, error] = weights;
     const life = Math.max(0, Math.min(1, alive));
     const clock = Math.max(0, time);

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type LinkState } from "./link-rig.js";
+export { linkStates, type LinkState } from "./link-rig.js";
+export type LinkIconProps = StatefulIconProps<LinkState>;
+export declare const LinkIcon: import("react").NamedExoticComponent<LinkIconProps>;

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

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef, useCallback } 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 { LINK_LEFT, LINK_RIGHT, LINK_LEFT_JOIN, LINK_RIGHT_JOIN, LINK_JOIN_LENGTH, sampleLink, } from "./link-rig.js";
+export { linkStates } from "./link-rig.js";
+export const LinkIcon = memo(function LinkIcon({ state = 'disconnected', size = 24, color = 'currentColor', accentColor = '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 w0 = usePoseWeight(state === 'disconnected', pace, reduced);
+    const w1 = usePoseWeight(state === 'connecting', pace, reduced);
+    const w2 = usePoseWeight(state === 'connected', pace, reduced);
+    const w3 = usePoseWeight(state === 'failed', pace, reduced);
+    const performs = alive && !reduced && state !== 'disconnected';
+    const life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const can0 = useCallback(() => w1.get() < 0.001, [w1]);
+    const e0 = useActionProgress(state === 'connecting', pace, reduced, 1.1, can0);
+    const can1 = useCallback(() => w2.get() < 0.001, [w2]);
+    const e1 = useActionProgress(state === 'connected', pace, reduced, 0.9, can1);
+    const can2 = useCallback(() => w3.get() < 0.001, [w3]);
+    const e2 = useActionProgress(state === 'failed', pace, reduced, 1.05, can2);
+    const rig = useTransform(() => sampleLink([w0.get(), w1.get(), w2.get(), w3.get()], time.get(), life.get(), e0.get(), e1.get(), e2.get()));
+    const leftOffset = useTransform(rig, (r) => r.leftOffset);
+    const rightOffset = useTransform(rig, (r) => r.rightOffset);
+    const signalOffset = useTransform(rig, (r) => r.signalOffset);
+    const signalOpacity = useTransform(rig, (r) => r.signalOpacity);
+    return (_jsx("svg", { ref: element, className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", pointerEvents: "none", style: { display: 'block' }, children: _jsxs("g", { "data-layer": "link-body", transform: "translate(12 12) scale(.84) translate(-12 -12)", children: [_jsx("path", { "data-layer": "link-left", "data-part": "left", d: LINK_LEFT }), _jsx("path", { "data-layer": "link-right", "data-part": "right", d: LINK_RIGHT, stroke: accentColor }), _jsx(motion.path, { "data-layer": "link-left-join", d: LINK_LEFT_JOIN, strokeDasharray: LINK_JOIN_LENGTH + ' ' + LINK_JOIN_LENGTH, strokeDashoffset: leftOffset }), _jsx(motion.path, { "data-layer": "link-right-join", d: LINK_RIGHT_JOIN, stroke: accentColor, strokeDasharray: LINK_JOIN_LENGTH + ' ' + LINK_JOIN_LENGTH, strokeDashoffset: rightOffset }), _jsx(motion.path, { "data-layer": "link-signal", d: LINK_LEFT_JOIN, stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.65, 1.3), strokeDasharray: "1.4 30", strokeDashoffset: signalOffset, opacity: signalOpacity })] }) }));
+});

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

@@ -0,0 +1,13 @@
+export declare const linkStates: readonly ["disconnected", "connecting", "connected", "failed"];
+export type LinkState = (typeof linkStates)[number];
+export declare const LINK_LEFT = "M6.46 10.46l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71";
+export declare const LINK_RIGHT = "M17.54 13.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71";
+export declare const LINK_LEFT_JOIN = "M6.46 10.46a5 5 0 0 1 7.54.54";
+export declare const LINK_RIGHT_JOIN = "M17.54 13.54a5 5 0 0 1-7.54-.54";
+export declare const LINK_JOIN_LENGTH: number;
+export declare function sampleLink(weights: readonly number[], time?: number, alive?: number, entry?: number, successEntry?: number, failureEntry?: number): {
+    leftOffset: number;
+    rightOffset: number;
+    signalOffset: number;
+    signalOpacity: number;
+};

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

@@ -0,0 +1,37 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+const clamp = (n) => Math.max(0, Math.min(1, Number.isFinite(n) ? n : 0));
+const smooth = (n) => {
+    const q = clamp(n);
+    return q * q * q * (q * (q * 6 - 15) + 10);
+};
+const normalized = (values) => {
+    const w = values.map(clamp), sum = w.reduce((a, b) => a + b, 0) || 1;
+    return w.map((v) => v / sum);
+};
+export const linkStates = ['disconnected', 'connecting', 'connected', 'failed'];
+// Lucide link contours, split at their inner joins. The outer silhouette is fixed.
+export const LINK_LEFT = 'M6.46 10.46l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71';
+export const LINK_RIGHT = 'M17.54 13.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71';
+export const LINK_LEFT_JOIN = 'M6.46 10.46a5 5 0 0 1 7.54.54';
+export const LINK_RIGHT_JOIN = 'M17.54 13.54a5 5 0 0 1-7.54-.54';
+export const LINK_JOIN_LENGTH = 10 * Math.asin(Math.hypot(7.54, 0.54) / 10);
+export function sampleLink(weights, time = 0, alive = 0, entry = 1, successEntry = 1, failureEntry = 1) {
+    const [, connecting, connected, failed] = normalized(weights), life = clamp(alive);
+    const attempt = (s, delay) => behaviorBeat(s, 0.03 + delay, 0.27, 0.06, 0.35);
+    const reach = (delay) => connecting *
+        ((1 - life) * attempt(clamp(entry) * 1.1, delay) + life * attempt(time % 2.6, delay));
+    const snap = (s) => behaviorBeat(s, 0.03, 0.14, 0.03, 0.4);
+    const strain = failed * ((1 - life) * snap(clamp(failureEntry) * 1.05) + life * 0.12 * snap(time % 3.1));
+    const locked = connected * smooth((successEntry - 0.02) / 0.5);
+    const leftAmount = clamp(locked + reach(0) * 0.68 + failed * 0.22 + strain * 0.58);
+    const rightAmount = clamp(locked + reach(0.19) * 0.62 + failed * 0.16 + strain * 0.5);
+    // A small data glint belongs to the lower join only. Position is independent
+    // of alive's fade, so it never reverses while disappearing.
+    const local = time % 3.2, progress = clamp((local - 0.4) / 0.8);
+    return {
+        leftOffset: LINK_JOIN_LENGTH * (1 - leftAmount),
+        rightOffset: LINK_JOIN_LENGTH * (1 - rightAmount),
+        signalOffset: 1.4 - progress * (LINK_JOIN_LENGTH + 2.8),
+        signalOpacity: clamp(connected * life * behaviorBeat(local, 0.4, 0.12, 0.5, 0.18)),
+    };
+}

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

@@ -6,7 +6,7 @@ import { MONKEY_HEAD, MONKEY_MUZZLE, sampleMonkey } from "./monkey-rig.js";
 import { useMotionPreference } from "../../shared/use-motion-preference.js";
 import { useFollowPose, useBehaviorClock, usePoseWeight } from "../../shared/use-icon-motion.js";
 export { monkeyStates } from "./monkey-rig.js";
-export const MonkeyIcon = memo(function MonkeyIcon({ state = 'idle', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.8, speed = 1, alive = false, className, colors, }) {
+export const MonkeyIcon = memo(function MonkeyIcon({ state = 'idle', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, colors, }) {
     const reduced = useMotionPreference();
     const element = useRef(null);
     const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type PlugState } from "./plug-rig.js";
+export { plugStates, type PlugState } from "./plug-rig.js";
+export type PlugIconProps = StatefulIconProps<PlugState>;
+export declare const PlugIcon: import("react").NamedExoticComponent<PlugIconProps>;

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

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef } from 'react';
+import { motion, useTransform } from 'motion/react';
+import { usePoseWeight, useBehaviorClock } from "../../shared/use-icon-motion.js";
+import { useMotionPreference } from "../../shared/use-motion-preference.js";
+import { PLUG_MALE, PLUG_SOCKET, samplePlug } from "./plug-rig.js";
+export { plugStates } from "./plug-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+export const PlugIcon = memo(function PlugIcon({ state = 'disconnected', size = 24, color = 'currentColor', accentColor = '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 disconnected = usePoseWeight(state === 'disconnected', pace, reduced), connecting = usePoseWeight(state === 'connecting', pace, reduced), connected = usePoseWeight(state === 'connected', pace, reduced), error = usePoseWeight(state === 'error', pace, reduced);
+    const performs = alive && !reduced && state !== 'disconnected', life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const rig = useTransform(() => samplePlug([disconnected.get(), connecting.get(), connected.get(), error.get()], time.get(), life.get()));
+    const male = useTransform(rig, (r) => r.male), socket = useTransform(rig, (r) => r.socket), cables = useTransform(rig, (r) => r.cables), pins = useTransform(rig, (r) => r.pins), pinOpacity = useTransform(rig, (r) => r.pinOpacity), signal = useTransform(rig, (r) => r.signal), warning = useTransform(rig, (r) => r.error), signalScale = useTransform(rig, (r) => r.signalScale);
+    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", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", pointerEvents: "none", style: { display: 'block', overflow: 'visible' }, children: _jsxs("g", { style: {
+                ...ORIGIN,
+                transform: 'translate(12px, 12px) scale(.78) rotate(-45deg) translate(-12px, -12px)',
+            }, children: [_jsx(motion.path, { "data-layer": "plug-cables", d: cables, stroke: color, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-layer": "plug-signal", d: "M10 6l2-1 2 1M10 18l2 1 2-1", stroke: accentColor, strokeWidth: strokeWidth * 0.7, opacity: signal, style: { ...ORIGIN, scale: signalScale, originX: '12px', originY: '12px' } }), _jsxs(motion.g, { "data-layer": "plug-male", transform: male, style: ORIGIN, stroke: color, strokeWidth: strokeWidth, children: [_jsx("path", { "data-part": "male", d: PLUG_MALE }), _jsx(motion.path, { "data-layer": "plug-pins", d: pins, opacity: pinOpacity })] }), _jsx(motion.g, { "data-layer": "plug-socket", transform: socket, style: ORIGIN, stroke: color, strokeWidth: strokeWidth, children: _jsx("path", { "data-part": "socket", d: PLUG_SOCKET }) }), _jsx(motion.path, { "data-layer": "plug-error", d: "M12 3v2M12 7v.1", stroke: accentColor, strokeWidth: strokeWidth * 0.8, opacity: warning })] }) }));
+});

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

@@ -0,0 +1,16 @@
+export declare const plugStates: readonly ["disconnected", "connecting", "connected", "error"];
+export type PlugState = (typeof plugStates)[number];
+export declare const PLUG_MALE = "M8 8H6a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2Z";
+export declare const PLUG_SOCKET = "M16 8h2a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-2Z";
+export declare function samplePlug(weights: readonly number[], time?: number, alive?: number): {
+    male: string;
+    socket: string;
+    cables: string;
+    pins: string;
+    pinOpacity: number;
+    signal: number;
+    signalScale: number;
+    error: number;
+    gap: number;
+    contact: number;
+};