weasel-icons 0.2.0 → 0.4.0

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

@@ -1,24 +1,42 @@
-import { behaviorBeat } from "../../shared/behavior-curves.js";
 export const replaceStates = ['idle', 'replacing', 'replaced', 'error'];
 export const REPLACE_SOURCE = 'M14 4a1 1 0 0 1 1-1M15 10a1 1 0 0 1-1-1M21 4a1 1 0 0 0-1-1M21 9a1 1 0 0 1-1 1';
 export const REPLACE_TARGET = 'M4 14h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1Z';
-export function sampleReplace(weights, time = 0, alive = 0, entry = 1) {
-    const clamp = (n) => Math.max(0, Math.min(1, n));
-    const [, replacing, replaced, error] = weights.map(clamp), life = clamp(alive);
-    const t = time % 6;
-    const launch = Math.max(behaviorBeat(entry * 1.4, 0.05, 0.25, 0.12, 0.7), life * behaviorBeat(t, 0.25, 0.3, 0.1, 0.75));
-    const receive = Math.max(behaviorBeat(entry * 1.4, 0.48, 0.18, 0.12, 0.45), life * behaviorBeat(t, 0.75, 0.18, 0.12, 0.5));
-    const retry = life * behaviorBeat(t, 3.1, 0.4, 0.12, 0.65);
-    const travel = replacing * launch * 1.15;
-    const compress = replacing * receive * 0.045;
+// Two straight segments and a quarter-circle of radius 2.
+export const REPLACE_ARROW_LENGTH = 7 + Math.PI;
+export const REPLACE_CHECK_LENGTH = Math.hypot(1.3, 1.3) + Math.hypot(2.1, -2.5);
+const clamp = (n) => Math.max(0, Math.min(1, n));
+const ease = (n) => {
+    const x = clamp(n);
+    return x * x * x * (x * (x * 6 - 15) + 10);
+};
+// The arrow writes toward the destination, fades, then resets while hidden.
+function transfer(time) {
+    const t = Math.max(0, time);
+    const draw = ease(t / 0.64) * (1 - ease((t - 1.2) / 0.28));
+    const opacity = ease(t / 0.12) * (1 - ease((t - 0.92) / 0.22));
+    const head = ease((t - 0.48) / 0.16) * (1 - ease((t - 0.92) / 0.22));
+    return { offset: REPLACE_ARROW_LENGTH * (1 - draw), opacity, head };
+}
+export function sampleReplace(weights, time = 0, alive = 0, entry = 1, confirmation = 1) {
+    const [, replacing, replaced, error] = weights.map(clamp);
+    const life = clamp(alive);
+    const one = transfer(clamp(entry) * 1.6);
+    const loop = transfer(((time % 1.6) + 1.6) % 1.6);
+    // Blend visible channels, never the accumulated clock/phase.
+    const mix = (a, b) => a + (b - a) * life;
+    const active = replacing * Math.max(1 - ease((entry - 0.92) / 0.08), life);
     return {
         body: 'translate(12px, 12px) scale(0.84) translate(-12px, -12px)',
-        source: `translate(${-replacing * launch * 0.7}px, ${replacing * launch * 0.5}px)`,
-        target: `translate(6.5px, 17.5px) scale(${1 + compress + replaced * life * retry * 0.025}, ${1 - compress}) translate(-6.5px, -17.5px)`,
-        arrow: `M6 ${10 + travel - error * retry * 0.7}V5a2 2 0 0 1 2-2h2`,
-        head: `M3 ${7 + travel - error * retry * 0.7}L6 ${10 + travel - error * retry * 0.7}L9 ${7 + travel - error * retry * 0.7}`,
-        check: replaced,
-        error,
-        status: 'M5.5 17.4L6.25 18.15L7.5 16.7',
+        source: 'translate(0px, 0px)',
+        target: 'translate(0px, 0px)',
+        arrow: 'M10 3H8a2 2 0 0 0-2 2v5',
+        head: 'M3 7L6 10L9 7',
+        arrowOffset: active * mix(one.offset, loop.offset),
+        arrowOpacity: 1 - active + active * mix(one.opacity, loop.opacity),
+        headOpacity: 1 - active + active * mix(one.head, loop.head),
+        check: replaced * (1 - error),
+        error: error * (1 - replaced),
+        checkOffset: REPLACE_CHECK_LENGTH * (1 - ease(confirmation)),
+        status: 'M4.9 17.4L6.2 18.7L8.3 16.2',
     };
 }

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ReplyState } from "./reply-rig.js";
+export { replyStates, type ReplyState } from "./reply-rig.js";
+export type ReplyIconProps = StatefulIconProps<ReplyState>;
+export declare const ReplyIcon: import("react").NamedExoticComponent<ReplyIconProps>;

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

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

@@ -0,0 +1,45 @@
+export declare const replyStates: readonly ["idle", "opening", "composing"];
+export type ReplyState = (typeof replyStates)[number];
+export declare const replyArt: {
+    readonly name: "reply";
+    readonly parts: readonly [{
+        readonly name: "shaft";
+        readonly paths: readonly ["M20 18 L20 16 C20 13.791 18.209 12 16 12 L4 12"];
+        readonly pathOffsets: readonly [readonly [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0]];
+        readonly poses: readonly [{}, {
+            readonly flex: 0.6;
+        }, {}];
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.5;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly flex: 1;
+            }, {
+                readonly at: 0.68;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "head";
+        readonly paths: readonly ["M9 17 L4 12 L9 7"];
+        readonly poses: readonly [{}, {
+            readonly x: 1.2;
+        }, {}];
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.5;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly x: 2;
+            }, {
+                readonly at: 0.68;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,73 @@
+export const replyStates = ['idle', 'opening', 'composing'];
+// The arrowhead extends left from its connected shaft while the curved return tail stays planted, then rests at full reach.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const replyArt = {
+    name: 'reply',
+    parts: [
+        {
+            name: 'shaft',
+            paths: ['M20 18 L20 16 C20 13.791 18.209 12 16 12 L4 12'],
+            pathOffsets: [[0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 2.0, 0.0]],
+            poses: [
+                {},
+                {
+                    flex: 0.6,
+                },
+                {},
+            ],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.5,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                            flex: 1,
+                        },
+                        {
+                            at: 0.68,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'head',
+            paths: ['M9 17 L4 12 L9 7'],
+            poses: [
+                {},
+                {
+                    x: 1.2,
+                },
+                {},
+            ],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.5,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                            x: 2,
+                        },
+                        {
+                            at: 0.68,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type RewindState } from "./rewind-rig.js";
+export { rewindStates, type RewindState } from "./rewind-rig.js";
+export type RewindIconProps = StatefulIconProps<RewindState>;
+export declare const RewindIcon: import("react").NamedExoticComponent<RewindIconProps>;

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

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

@@ -0,0 +1,48 @@
+export declare const rewindStates: readonly ["idle", "seeking", "unavailable"];
+export type RewindState = (typeof rewindStates)[number];
+export declare const rewindArt: {
+    readonly name: "rewind";
+    readonly parts: readonly [{
+        readonly name: "triangle-1";
+        readonly paths: readonly ["M12 6a2 2 0 0 0-3.414-1.414l-6 6a2 2 0 0 0 0 2.828l6 6A2 2 0 0 0 12 18z"];
+        readonly poses: readonly [{}, {}, {
+            readonly opacity: 0.3;
+        }];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.25;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.25;
+                readonly x: -0.8;
+            }, {
+                readonly at: 0.65;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+    }, {
+        readonly name: "triangle-2";
+        readonly paths: readonly ["M22 6a2 2 0 0 0-3.414-1.414l-6 6a2 2 0 0 0 0 2.828l6 6A2 2 0 0 0 22 18z"];
+        readonly poses: readonly [{}, {}, {
+            readonly opacity: 0.3;
+        }];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.25;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.4;
+                readonly x: -0.8;
+            }, {
+                readonly at: 0.75;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+    }];
+};

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

@@ -0,0 +1,78 @@
+export const rewindStates = ['idle', 'seeking', 'unavailable'];
+// Press-and-hold media seek. The pair advances in a short directional relay, then rests between pulses.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const rewindArt = {
+    name: 'rewind',
+    parts: [
+        {
+            name: 'triangle-1',
+            paths: ['M12 6a2 2 0 0 0-3.414-1.414l-6 6a2 2 0 0 0 0 2.828l6 6A2 2 0 0 0 12 18z'],
+            poses: [
+                {},
+                {},
+                {
+                    opacity: 0.3,
+                },
+            ],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.25,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.25,
+                            x: -0.8,
+                        },
+                        {
+                            at: 0.65,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+        {
+            name: 'triangle-2',
+            paths: ['M22 6a2 2 0 0 0-3.414-1.414l-6 6a2 2 0 0 0 0 2.828l6 6A2 2 0 0 0 22 18z'],
+            poses: [
+                {},
+                {},
+                {
+                    opacity: 0.3,
+                },
+            ],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.25,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.4,
+                            x: -0.8,
+                        },
+                        {
+                            at: 0.75,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type RowsState } from "./rows-rig.js";
+export { rowsStates, type RowsState } from "./rows-rig.js";
+export type RowsIconProps = StatefulIconProps<RowsState>;
+export declare const RowsIcon: import("react").NamedExoticComponent<RowsIconProps>;

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

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

@@ -0,0 +1,15 @@
+export declare const rowsStates: readonly ["balanced", "first-wide", "second-wide"];
+export type RowsState = (typeof rowsStates)[number];
+export declare const rowsArt: {
+    readonly name: "rows";
+    readonly parts: readonly [{
+        readonly name: "frame";
+        readonly paths: readonly ["M5 3H19Q21 3 21 5V19Q21 21 19 21H5Q3 21 3 19V5Q3 3 5 3Z"];
+        readonly poses: readonly [{}, {}, {}];
+    }, {
+        readonly name: "divider";
+        readonly paths: readonly ["M3 12h18"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pathStates: readonly [readonly ["M3 12h18"], readonly ["M3 15h18"], readonly ["M3 9h18"]];
+    }];
+};

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

@@ -0,0 +1,19 @@
+export const rowsStates = ['balanced', 'first-wide', 'second-wide'];
+// Split-pane layout. Only the shared divider moves; both outer pane edges stay fixed.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const rowsArt = {
+    name: 'rows',
+    parts: [
+        {
+            name: 'frame',
+            paths: ['M5 3H19Q21 3 21 5V19Q21 21 19 21H5Q3 21 3 19V5Q3 3 5 3Z'],
+            poses: [{}, {}, {}],
+        },
+        {
+            name: 'divider',
+            paths: ['M3 12h18'],
+            poses: [{}, {}, {}],
+            pathStates: [['M3 12h18'], ['M3 15h18'], ['M3 9h18']],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type SaveState } from "./save-rig.js";
+export { saveStates, type SaveState } from "./save-rig.js";
+export type SaveIconProps = StatefulIconProps<SaveState>;
+export declare const SaveIcon: import("react").NamedExoticComponent<SaveIconProps>;

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

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

@@ -0,0 +1,43 @@
+export declare const saveStates: readonly ["idle", "saving", "saved"];
+export type SaveState = (typeof saveStates)[number];
+export declare const saveArt: {
+    readonly name: "save";
+    readonly parts: readonly [{
+        readonly name: "disk";
+        readonly paths: readonly ["M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z", "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", "M7 3v4a1 1 0 0 0 1 1h7"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "write";
+        readonly detail: true;
+        readonly paths: readonly ["M9 17L12 17L15 17"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 1;
+            readonly scaleX: 0.7;
+        }, {
+            readonly opacity: 1;
+        }];
+        readonly pivot: readonly [12, 17];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.05;
+            readonly repeatAfter: 1.9;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.16;
+                readonly scaleX: -0.5;
+            }, {
+                readonly at: 0.65;
+                readonly scaleX: 0.3;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly pathStates: readonly [readonly ["M9 17L12 17L15 17"], readonly ["M9 17L12 17L15 17"], readonly ["M9.7 16.7L11.4 18.3L14.6 15.7"]];
+        readonly accent: true;
+    }];
+};

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

@@ -0,0 +1,63 @@
+export const saveStates = ['idle', 'saving', 'saved'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// A write stroke sweeps through the disk label and bends into a completion tick; the shell remains still.
+export const saveArt = {
+    name: 'save',
+    parts: [
+        {
+            name: 'disk',
+            paths: [
+                'M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z',
+                'M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7',
+                'M7 3v4a1 1 0 0 0 1 1h7',
+            ],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'write',
+            detail: true,
+            paths: ['M9 17L12 17L15 17'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 1,
+                    scaleX: 0.7,
+                },
+                {
+                    opacity: 1,
+                },
+            ],
+            pivot: [12, 17],
+            gestures: [
+                null,
+                {
+                    duration: 1.05,
+                    repeatAfter: 1.9,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.16,
+                            scaleX: -0.5,
+                        },
+                        {
+                            at: 0.65,
+                            scaleX: 0.3,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            pathStates: [['M9 17L12 17L15 17'], ['M9 17L12 17L15 17'], ['M9.7 16.7L11.4 18.3L14.6 15.7']],
+            accent: true,
+        },
+    ],
+};

package/dist/icons/scan-face/scan-face-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ScanFaceState } from "./scan-face-rig.js";
+export { scanFaceStates, type ScanFaceState } from "./scan-face-rig.js";
+export type ScanFaceIconProps = StatefulIconProps<ScanFaceState>;
+export declare const ScanFaceIcon: import("react").NamedExoticComponent<ScanFaceIconProps>;

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

package/dist/icons/scan-face/scan-face-rig.d.ts

@@ -0,0 +1,50 @@
+export declare const scanFaceStates: readonly ["idle", "scanning", "detected"];
+export type ScanFaceState = (typeof scanFaceStates)[number];
+export declare const scanFaceArt: {
+    readonly name: "scan-face";
+    readonly parts: readonly [{
+        readonly name: "brackets";
+        readonly paths: readonly ["M3 7V5a2 2 0 0 1 2-2h2", "M17 3h2a2 2 0 0 1 2 2v2", "M21 17v2a2 2 0 0 1-2 2h-2", "M7 21H5a2 2 0 0 1-2-2v-2"];
+        readonly poses: readonly [{}, {}, {
+            readonly scaleX: 0.9;
+            readonly scaleY: 0.9;
+        }];
+    }, {
+        readonly name: "subject";
+        readonly paths: readonly ["M8 14s1.5 2 4 2 4-2 4-2", "M9 9h.01", "M15 9h.01"];
+        readonly poses: readonly [{
+            readonly opacity: 0.6;
+        }, {
+            readonly opacity: 0.5;
+        }, {}];
+    }, {
+        readonly name: "scan";
+        readonly paths: readonly ["M6 6h12"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {}, {
+            readonly opacity: 0;
+        }];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.3;
+            readonly repeatAfter: 1.8;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.6;
+                readonly y: 12;
+            }, {
+                readonly at: 0.8;
+                readonly y: 12;
+                readonly opacity: -1;
+            }, {
+                readonly at: 0.81;
+                readonly opacity: -1;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+        readonly detail: true;
+    }];
+};