weasel-icons 0.2.0 → 0.3.0

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;
+            }];
+        }];
+    }];
+};

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/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;
+            }];
+        }];
+    }];
+};