weasel-icons 0.1.0 → 0.3.0

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

@@ -0,0 +1,95 @@
+export const musicStates = ['idle', 'playing', 'paused'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The two note heads alternate a readable beat while their stems stay anchored; pause settles the heads into short quiet ovals.
+export const musicArt = {
+    name: 'music',
+    parts: [
+        {
+            name: 'beam',
+            paths: ['M21 16V3a1 1 0 0 0-1.28-.96l-10 2.917a1 1 0 0 0-.72.96V19'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'upper-note',
+            paths: ['M15 16a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'],
+            poses: [
+                {},
+                {
+                    angle: -8,
+                },
+                {
+                    scaleY: 0.65,
+                },
+            ],
+            pivot: [21, 16],
+            gestures: [
+                null,
+                {
+                    duration: 1.2,
+                    repeatAfter: 1.75,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.16,
+                            angle: -10,
+                            scaleY: -0.25,
+                        },
+                        {
+                            at: 0.45,
+                            angle: 10,
+                            scaleY: 0.1,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'lower-note',
+            paths: ['M3 19a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'],
+            poses: [
+                {},
+                {
+                    angle: 8,
+                },
+                {
+                    scaleY: 0.65,
+                },
+            ],
+            pivot: [9, 19],
+            gestures: [
+                null,
+                {
+                    duration: 1.2,
+                    repeatAfter: 1.75,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.39,
+                            angle: -10,
+                            scaleY: -0.25,
+                        },
+                        {
+                            at: 0.68,
+                            angle: 10,
+                            scaleY: 0.1,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type PackageState } from "./package-rig.js";
+export { packageStates, type PackageState } from "./package-rig.js";
+export type PackageIconProps = StatefulIconProps<PackageState>;
+export declare const PackageIcon: import("react").NamedExoticComponent<PackageIconProps>;

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

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

@@ -0,0 +1,40 @@
+export declare const packageStates: readonly ["sealed", "opening", "open"];
+export type PackageState = (typeof packageStates)[number];
+export declare const packageArt: {
+    readonly name: "package";
+    readonly parts: readonly [{
+        readonly name: "box";
+        readonly paths: readonly ["M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "edges";
+        readonly paths: readonly ["M12 22V12", "M3.29 7L12 12L20.71 7"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "seal";
+        readonly paths: readonly ["m7.5 4.27 9 5.15"];
+        readonly poses: readonly [{}, {
+            readonly draw: 0.6;
+        }, {
+            readonly draw: 0;
+        }];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.7;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.12;
+                readonly y: -0.45;
+            }, {
+                readonly at: 0.45;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+        readonly traceLength: 10.38;
+    }];
+};

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

@@ -0,0 +1,60 @@
+export const packageStates = ['sealed', 'opening', 'open'];
+// V2: authored from plain Lucide geometry and the current interaction brief.
+// Source/license: THIRD_PARTY_NOTICES.md.
+export const packageArt = {
+    name: 'package',
+    parts: [
+        {
+            name: 'box',
+            paths: [
+                'M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z',
+            ],
+            poses: [{}, {}, {}],
+            gestures: [],
+        },
+        {
+            name: 'edges',
+            paths: ['M12 22V12', 'M3.29 7L12 12L20.71 7'],
+            poses: [{}, {}, {}],
+            gestures: [],
+        },
+        {
+            name: 'seal',
+            paths: ['m7.5 4.27 9 5.15'],
+            poses: [
+                {},
+                {
+                    draw: 0.6,
+                },
+                {
+                    draw: 0,
+                },
+            ],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.7,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.12,
+                            y: -0.45,
+                        },
+                        {
+                            at: 0.45,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+            traceLength: 10.38,
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type PauseState } from "./pause-rig.js";
+export { pauseStates, type PauseState } from "./pause-rig.js";
+export type PauseIconProps = StatefulIconProps<PauseState>;
+export declare const PauseIcon: import("react").NamedExoticComponent<PauseIconProps>;

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

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

@@ -0,0 +1,104 @@
+export declare const pauseStates: readonly ["idle", "hover", "pressed"];
+export type PauseState = (typeof pauseStates)[number];
+export declare const pauseArt: {
+    readonly name: "pause";
+    readonly parts: readonly [{
+        readonly name: "right";
+        readonly paths: readonly ["M15 3H18Q19 3 19 4V20Q19 21 18 21H15Q14 21 14 20V4Q14 3 15 3Z"];
+        readonly poses: readonly [{}, {
+            readonly x: 1;
+        }, {
+            readonly x: -1.2;
+            readonly scaleY: 0.65;
+        }];
+        readonly pivot: readonly [16.5, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.9;
+            readonly repeatAfter: 1.9;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.24;
+                readonly y: -0.4;
+                readonly scaleY: -0.05;
+            }, {
+                readonly at: 0.58;
+                readonly y: 0.15;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.9;
+            readonly repeatAfter: 1.9;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.16;
+                readonly y: 1.2;
+                readonly scaleY: -0.14;
+                readonly x: 0.35;
+            }, {
+                readonly at: 0.43;
+                readonly y: -0.35;
+                readonly scaleY: 0.07;
+            }, {
+                readonly at: 0.76;
+                readonly y: 0.08;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "left";
+        readonly paths: readonly ["M6 3H9Q10 3 10 4V20Q10 21 9 21H6Q5 21 5 20V4Q5 3 6 3Z"];
+        readonly poses: readonly [{}, {
+            readonly x: -1;
+        }, {
+            readonly x: 1.2;
+            readonly scaleY: 0.65;
+        }];
+        readonly pivot: readonly [7.5, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.9;
+            readonly repeatAfter: 1.9;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.36;
+                readonly y: -0.4;
+                readonly scaleY: -0.05;
+            }, {
+                readonly at: 0.6799999999999999;
+                readonly y: 0.15;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.9;
+            readonly repeatAfter: 1.9;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.11;
+            }, {
+                readonly at: 0.28;
+                readonly y: 1.2;
+                readonly scaleY: -0.14;
+                readonly x: -0.35;
+            }, {
+                readonly at: 0.5700000000000001;
+                readonly y: -0.35;
+                readonly scaleY: 0.07;
+            }, {
+                readonly at: 0.84;
+                readonly y: 0.08;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,147 @@
+export const pauseStates = ['idle', 'hover', 'pressed'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Brake and hold: the leading bar stops first, the second catches up, and both absorb the stop vertically. No perpetual pulsing in a paused player.
+export const pauseArt = {
+    name: 'pause',
+    parts: [
+        {
+            name: 'right',
+            paths: ['M15 3H18Q19 3 19 4V20Q19 21 18 21H15Q14 21 14 20V4Q14 3 15 3Z'],
+            poses: [
+                {},
+                {
+                    x: 1,
+                },
+                {
+                    x: -1.2,
+                    scaleY: 0.65,
+                },
+            ],
+            pivot: [16.5, 12],
+            gestures: [
+                null,
+                {
+                    duration: 0.9,
+                    repeatAfter: 1.9,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.24,
+                            y: -0.4,
+                            scaleY: -0.05,
+                        },
+                        {
+                            at: 0.58,
+                            y: 0.15,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 0.9,
+                    repeatAfter: 1.9,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.16,
+                            y: 1.2,
+                            scaleY: -0.14,
+                            x: 0.35,
+                        },
+                        {
+                            at: 0.43,
+                            y: -0.35,
+                            scaleY: 0.07,
+                        },
+                        {
+                            at: 0.76,
+                            y: 0.08,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'left',
+            paths: ['M6 3H9Q10 3 10 4V20Q10 21 9 21H6Q5 21 5 20V4Q5 3 6 3Z'],
+            poses: [
+                {},
+                {
+                    x: -1,
+                },
+                {
+                    x: 1.2,
+                    scaleY: 0.65,
+                },
+            ],
+            pivot: [7.5, 12],
+            gestures: [
+                null,
+                {
+                    duration: 0.9,
+                    repeatAfter: 1.9,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.36,
+                            y: -0.4,
+                            scaleY: -0.05,
+                        },
+                        {
+                            at: 0.6799999999999999,
+                            y: 0.15,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 0.9,
+                    repeatAfter: 1.9,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.11,
+                        },
+                        {
+                            at: 0.28,
+                            y: 1.2,
+                            scaleY: -0.14,
+                            x: -0.35,
+                        },
+                        {
+                            at: 0.5700000000000001,
+                            y: -0.35,
+                            scaleY: 0.07,
+                        },
+                        {
+                            at: 0.84,
+                            y: 0.08,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type PencilState } from "./pencil-rig.js";
+export { pencilStates, type PencilState } from "./pencil-rig.js";
+export type PencilIconProps = StatefulIconProps<PencilState>;
+export declare const PencilIcon: import("react").NamedExoticComponent<PencilIconProps>;

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

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

@@ -0,0 +1,48 @@
+export declare const pencilStates: readonly ["idle", "writing", "saved"];
+export type PencilState = (typeof pencilStates)[number];
+export declare const pencilArt: {
+    readonly name: "pencil";
+    readonly parts: readonly [{
+        readonly name: "pencil";
+        readonly paths: readonly ["M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z", "m15 5 4 4"];
+        readonly poses: readonly [{}, {
+            readonly angle: -16;
+            readonly scaleX: 0.88;
+            readonly scaleY: 0.88;
+        }, {
+            readonly angle: 24;
+            readonly scaleX: 0.78;
+            readonly scaleY: 0.78;
+            readonly y: -0.5;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.3;
+            readonly repeatAfter: 2.2;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.15;
+                readonly x: -1;
+                readonly y: 0.5;
+            }, {
+                readonly at: 0.36;
+                readonly x: 1;
+                readonly y: 1;
+                readonly angle: 7;
+            }, {
+                readonly at: 0.56;
+                readonly x: -0.5;
+                readonly y: 1.4;
+            }, {
+                readonly at: 0.78;
+                readonly x: 1;
+                readonly y: 0.2;
+                readonly angle: 4;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,68 @@
+export const pencilStates = ['idle', 'writing', 'saved'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The pencil leans into connected writing strokes, then lifts and turns away from the writing surface when saved.
+export const pencilArt = {
+    name: 'pencil',
+    parts: [
+        {
+            name: 'pencil',
+            paths: [
+                'M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z',
+                'm15 5 4 4',
+            ],
+            poses: [
+                {},
+                {
+                    angle: -16,
+                    scaleX: 0.88,
+                    scaleY: 0.88,
+                },
+                {
+                    angle: 24,
+                    scaleX: 0.78,
+                    scaleY: 0.78,
+                    y: -0.5,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.3,
+                    repeatAfter: 2.2,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.15,
+                            x: -1,
+                            y: 0.5,
+                        },
+                        {
+                            at: 0.36,
+                            x: 1,
+                            y: 1,
+                            angle: 7,
+                        },
+                        {
+                            at: 0.56,
+                            x: -0.5,
+                            y: 1.4,
+                        },
+                        {
+                            at: 0.78,
+                            x: 1,
+                            y: 0.2,
+                            angle: 4,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type PhoneState } from "./phone-rig.js";
+export { phoneStates, type PhoneState } from "./phone-rig.js";
+export type PhoneIconProps = StatefulIconProps<PhoneState>;
+export declare const PhoneIcon: import("react").NamedExoticComponent<PhoneIconProps>;

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

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

@@ -0,0 +1,41 @@
+export declare const phoneStates: readonly ["idle", "ringing", "connected"];
+export type PhoneState = (typeof phoneStates)[number];
+export declare const phoneArt: {
+    readonly name: "phone";
+    readonly parts: readonly [{
+        readonly name: "receiver";
+        readonly paths: readonly ["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"];
+        readonly poses: readonly [{}, {
+            readonly angle: -16;
+            readonly scaleX: 0.92;
+            readonly scaleY: 0.92;
+        }, {
+            readonly angle: 35;
+            readonly scaleX: 0.9;
+            readonly scaleY: 0.9;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.65;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.14;
+                readonly angle: 24;
+            }, {
+                readonly at: 0.32;
+                readonly angle: -8;
+            }, {
+                readonly at: 0.51;
+                readonly angle: 20;
+            }, {
+                readonly at: 0.7;
+                readonly angle: -4;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};