weasel-icons 0.1.0 → 0.3.0

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

@@ -0,0 +1,60 @@
+export const phoneStates = ['idle', 'ringing', 'connected'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The handset rings in a short double oscillation, then lifts to a held call posture for connection.
+export const phoneArt = {
+    name: 'phone',
+    parts: [
+        {
+            name: 'receiver',
+            paths: [
+                'M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384',
+            ],
+            poses: [
+                {},
+                {
+                    angle: -16,
+                    scaleX: 0.92,
+                    scaleY: 0.92,
+                },
+                {
+                    angle: 35,
+                    scaleX: 0.9,
+                    scaleY: 0.9,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.65,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.14,
+                            angle: 24,
+                        },
+                        {
+                            at: 0.32,
+                            angle: -8,
+                        },
+                        {
+                            at: 0.51,
+                            angle: 20,
+                        },
+                        {
+                            at: 0.7,
+                            angle: -4,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type PlayState } from "./play-rig.js";
+export { playStates, type PlayState } from "./play-rig.js";
+export type PlayIconProps = StatefulIconProps<PlayState>;
+export declare const PlayIcon: import("react").NamedExoticComponent<PlayIconProps>;

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

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

@@ -0,0 +1,58 @@
+export declare const playStates: readonly ["idle", "hover", "pressed"];
+export type PlayState = (typeof playStates)[number];
+export declare const playArt: {
+    readonly name: "play";
+    readonly parts: readonly [{
+        readonly name: "triangle";
+        readonly paths: readonly ["M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"];
+        readonly poses: readonly [{}, {
+            readonly x: 1.4;
+            readonly scaleX: 0.85;
+        }, {
+            readonly scaleX: 0.62;
+            readonly scaleY: 0.62;
+            readonly x: 0.8;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.8;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.22;
+                readonly x: -0.7;
+                readonly scaleX: -0.07;
+            }, {
+                readonly at: 0.55;
+                readonly x: 0.5;
+                readonly scaleX: 0.04;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.95;
+            readonly repeatAfter: 1.95;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.18;
+                readonly x: -1.1;
+                readonly scaleX: -0.08;
+            }, {
+                readonly at: 0.46;
+                readonly x: 1.9;
+                readonly scaleX: 0.17;
+                readonly scaleY: -0.06;
+            }, {
+                readonly at: 0.72;
+                readonly x: -0.25;
+                readonly scaleX: -0.025;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,80 @@
+export const playStates = ['idle', 'hover', 'pressed'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Start playback: a short backward load precedes a rightward launch and controlled landing. The action does not repeat while playback is running.
+export const playArt = {
+    name: 'play',
+    parts: [
+        {
+            name: 'triangle',
+            paths: ['M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z'],
+            poses: [
+                {},
+                {
+                    x: 1.4,
+                    scaleX: 0.85,
+                },
+                {
+                    scaleX: 0.62,
+                    scaleY: 0.62,
+                    x: 0.8,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.8,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.22,
+                            x: -0.7,
+                            scaleX: -0.07,
+                        },
+                        {
+                            at: 0.55,
+                            x: 0.5,
+                            scaleX: 0.04,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 0.95,
+                    repeatAfter: 1.95,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.18,
+                            x: -1.1,
+                            scaleX: -0.08,
+                        },
+                        {
+                            at: 0.46,
+                            x: 1.9,
+                            scaleX: 0.17,
+                            scaleY: -0.06,
+                        },
+                        {
+                            at: 0.72,
+                            x: -0.25,
+                            scaleX: -0.025,
+                        },
+                        {
+                            at: 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;
+};

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

@@ -0,0 +1,29 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+export const plugStates = ['disconnected', 'connecting', 'connected', 'error'];
+// A straightened Lucide Unplug pair, rotated together onto its original diagonal.
+export const PLUG_MALE = 'M8 8H6a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2Z';
+export const PLUG_SOCKET = 'M16 8h2a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-2Z';
+const clamp = (n) => Math.max(0, Math.min(1, n));
+export function samplePlug(weights, time = 0, alive = 0) {
+    const [, c, on, e] = weights.map(clamp), life = clamp(alive), t = time % 8.2;
+    const approach = behaviorBeat(t, 0.15, 0.85, 0.3, 1.1) + 0.65 * behaviorBeat(t, 4.4, 0.65, 0.15, 0.9);
+    const latch = behaviorBeat(t, 0.98, 0.16, 0.08, 0.5);
+    const retry = behaviorBeat(t, 0.2, 0.55, 0.1, 0.85) + 0.6 * behaviorBeat(t, 4.6, 0.45, 0.1, 0.75);
+    // Connecting approaches but never declares success. Error attempts cannot mate.
+    const contact = clamp(on + c * (0.18 + life * 0.3 * approach) + e * life * 0.12 * retry);
+    const shift = 4 * contact, gap = 8 - 2 * shift;
+    const pulse = on * life * (behaviorBeat(t, 0.2, 0.8, 0.2, 1) + 0.7 * behaviorBeat(t, 4.5, 0.7, 0.2, 0.9));
+    const pins = Math.min(3, gap);
+    return {
+        male: `translate(${shift}px, 0px)`,
+        socket: `translate(${-shift}px, 0px)`,
+        cables: `M2 12H${4 + shift}M${20 - shift} 12H22`,
+        pins: `M8 10H${8 + pins}M8 14H${8 + pins}`,
+        pinOpacity: clamp(gap / 1.8),
+        signal: c * (0.35 + life * 0.45 * approach) + pulse * 0.4,
+        signalScale: 1 + c * life * 0.18 * latch,
+        error: e,
+        gap,
+        contact,
+    };
+}

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type PlusState } from "./plus-rig.js";
+export { plusStates, type PlusState } from "./plus-rig.js";
+export type PlusIconProps = StatefulIconProps<PlusState>;
+export declare const PlusIcon: import("react").NamedExoticComponent<PlusIconProps>;

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

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

@@ -0,0 +1,94 @@
+export declare const plusStates: readonly ["idle", "hover", "pressed"];
+export type PlusState = (typeof plusStates)[number];
+export declare const plusArt: {
+    readonly name: "plus";
+    readonly parts: readonly [{
+        readonly name: "horizontal";
+        readonly paths: readonly ["M5 12h14"];
+        readonly poses: readonly [{}, {
+            readonly scaleX: 1.22;
+        }, {
+            readonly scaleX: 0.58;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.8;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.22;
+                readonly scaleX: 0.1;
+            }, {
+                readonly at: 0.54;
+                readonly scaleX: -0.08;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.9;
+            readonly repeatAfter: 1.9;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.17;
+                readonly scaleX: -0.16;
+            }, {
+                readonly at: 0.44;
+                readonly scaleX: 0.25;
+            }, {
+                readonly at: 0.74;
+                readonly scaleX: -0.04;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "vertical";
+        readonly paths: readonly ["M12 5v14"];
+        readonly poses: readonly [{}, {
+            readonly scaleY: 1.22;
+        }, {
+            readonly scaleY: 0.58;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.8;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.18;
+            }, {
+                readonly at: 0.43;
+                readonly scaleY: 0.1;
+            }, {
+                readonly at: 0.66;
+                readonly scaleY: -0.06;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.9;
+            readonly repeatAfter: 1.9;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.28;
+                readonly scaleY: -0.14;
+            }, {
+                readonly at: 0.6;
+                readonly scaleY: 0.22;
+            }, {
+                readonly at: 0.84;
+                readonly scaleY: -0.03;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,137 @@
+export const plusStates = ['idle', 'hover', 'pressed'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Add action: horizontal compression leads, the vertical arm follows, then the cross springs open once. It remains a plus throughout.
+export const plusArt = {
+    name: 'plus',
+    parts: [
+        {
+            name: 'horizontal',
+            paths: ['M5 12h14'],
+            poses: [
+                {},
+                {
+                    scaleX: 1.22,
+                },
+                {
+                    scaleX: 0.58,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.8,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.22,
+                            scaleX: 0.1,
+                        },
+                        {
+                            at: 0.54,
+                            scaleX: -0.08,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 0.9,
+                    repeatAfter: 1.9,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.17,
+                            scaleX: -0.16,
+                        },
+                        {
+                            at: 0.44,
+                            scaleX: 0.25,
+                        },
+                        {
+                            at: 0.74,
+                            scaleX: -0.04,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'vertical',
+            paths: ['M12 5v14'],
+            poses: [
+                {},
+                {
+                    scaleY: 1.22,
+                },
+                {
+                    scaleY: 0.58,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.8,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.18,
+                        },
+                        {
+                            at: 0.43,
+                            scaleY: 0.1,
+                        },
+                        {
+                            at: 0.66,
+                            scaleY: -0.06,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 0.9,
+                    repeatAfter: 1.9,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.28,
+                            scaleY: -0.14,
+                        },
+                        {
+                            at: 0.6,
+                            scaleY: 0.22,
+                        },
+                        {
+                            at: 0.84,
+                            scaleY: -0.03,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type RefreshState } from "./refresh-rig.js";
+export { refreshStates, type RefreshState } from "./refresh-rig.js";
+export type RefreshIconProps = StatefulIconProps<RefreshState>;
+export declare const RefreshIcon: import("react").NamedExoticComponent<RefreshIconProps>;

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

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef, useCallback, useEffect } from 'react';
+import { motion, useTransform, useMotionValue } from 'motion/react';
+import { usePoseWeight, useBehaviorClock, useActionProgress } from "../../shared/use-icon-motion.js";
+import { useMotionPreference } from "../../shared/use-motion-preference.js";
+import { REFRESH_UPPER, REFRESH_LOWER, REFRESH_HEADS, sampleRefresh, } from "./refresh-rig.js";
+export { refreshStates } from "./refresh-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+export const RefreshIcon = memo(function RefreshIcon({ 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 === 'refreshing', pace, reduced);
+    const w2 = usePoseWeight(state === 'complete', pace, reduced);
+    const w3 = usePoseWeight(state === 'failed', pace, reduced);
+    const performs = alive && !reduced && state === 'refreshing';
+    const life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const phase = useMotionValue(0);
+    useEffect(() => {
+        let previous = time.get();
+        return time.on('change', (now) => {
+            const delta = Math.max(0, now - previous);
+            previous = now;
+            phase.set(phase.get() + delta * 180 * life.get() * w1.get());
+        });
+    }, [time, phase, life, w1]);
+    const can0 = useCallback(() => w1.get() < 0.001, [w1]);
+    const e0 = useActionProgress(state === 'refreshing', pace, reduced, 1.1, can0);
+    const can1 = useCallback(() => w2.get() < 0.001, [w2]);
+    const e1 = useActionProgress(state === 'complete', pace, reduced, 0.85, can1);
+    const can2 = useCallback(() => w3.get() < 0.001, [w3]);
+    const e2 = useActionProgress(state === 'failed', pace, reduced, 0.95, can2);
+    const rig = useTransform(() => sampleRefresh([w0.get(), w1.get(), w2.get(), w3.get()], time.get(), life.get(), e0.get(), e1.get(), e2.get(), phase.get()));
+    const wheel = useTransform(rig, (r) => r.wheel);
+    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": "refresh-body", transform: "translate(12 12) scale(.8) translate(-12 -12)", children: [_jsxs(motion.g, { "data-layer": "refresh-wheel", transform: wheel, style: ORIGIN, children: [_jsx("path", { "data-part": "upper-arc", d: REFRESH_UPPER }), _jsx("path", { "data-part": "lower-arc", d: REFRESH_LOWER }), _jsx("path", { "data-part": "heads", d: REFRESH_HEADS })] }), _jsx(motion.path, { "data-layer": "refresh-check", d: "M8.8 12L11.2 14.4L15.2 10.4", opacity: check, stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.8, 1.5), strokeDasharray: "9.06", strokeDashoffset: checkOffset }), _jsx(motion.g, { "data-layer": "refresh-failure", opacity: failure, children: _jsx("path", { d: "M9.5 9.5L14.5 14.5M14.5 9.5L9.5 14.5", strokeWidth: Math.min(strokeWidth * 0.8, 1.5) }) })] }) }));
+});

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

@@ -0,0 +1,11 @@
+export declare const refreshStates: readonly ["ready", "refreshing", "complete", "failed"];
+export type RefreshState = (typeof refreshStates)[number];
+export declare const REFRESH_UPPER = "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8";
+export declare const REFRESH_LOWER = "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16";
+export declare const REFRESH_HEADS = "M21 3v5h-5M8 16H3v5";
+export declare function sampleRefresh(weights: readonly number[], _time?: number, _alive?: number, entry?: number, successEntry?: number, _failureEntry?: number, phase?: number): {
+    wheel: string;
+    check: number;
+    checkOffset: number;
+    failure: number;
+};

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

@@ -0,0 +1,30 @@
+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 refreshStates = ['ready', 'refreshing', 'complete', 'failed'];
+export const REFRESH_UPPER = 'M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8';
+export const REFRESH_LOWER = 'M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16';
+export const REFRESH_HEADS = 'M21 3v5h-5M8 16H3v5';
+export function sampleRefresh(weights, _time = 0, _alive = 0, entry = 1, successEntry = 1, _failureEntry = 1, phase = 0) {
+    // Retain the common rig-sampler positions; this rig consumes integrated
+    // phase rather than the raw behavior clock or a refusal playhead.
+    void _time;
+    void _alive;
+    void _failureEntry;
+    const w = normalized(weights);
+    // Opposed arrows return to an equivalent outline after a finite half-turn.
+    // Living phase accumulates in the renderer; a fade never rewinds this angle.
+    const turn = phase + 180 * smooth(entry);
+    return {
+        wheel: `translate(12px, 12px) rotate(${turn}deg) translate(-12px, -12px)`,
+        check: w[2],
+        checkOffset: 9.06 * (1 - smooth((successEntry - 0.08) / 0.62)),
+        failure: w[3],
+    };
+}

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ReplaceState } from "./replace-rig.js";
+export { replaceStates, type ReplaceState } from "./replace-rig.js";
+export type ReplaceIconProps = StatefulIconProps<ReplaceState>;
+export declare const ReplaceIcon: import("react").NamedExoticComponent<ReplaceIconProps>;