weasel-icons 0.2.0 → 0.4.0

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

@@ -0,0 +1,28 @@
+export declare const paperclipStates: readonly ["idle", "attaching", "attached"];
+export type PaperclipState = (typeof paperclipStates)[number];
+export declare const paperclipArt: {
+    readonly name: "paperclip";
+    readonly parts: readonly [{
+        readonly name: "clip";
+        readonly paths: readonly ["M16 6 L7.586 14.586 C6.805 15.367 6.805 16.633 7.586 17.414 C8.367 18.195 9.633 18.195 10.414 17.414 L18.828 8.828 C20.391 7.266 20.391 4.734 18.828 3.172 C17.266 1.609 14.734 1.609 13.172 3.172 L4.793 11.723 C2.451 14.065 2.451 17.866 4.793 20.208 C7.136 22.55 10.935 22.55 13.278 20.208 L21.657 11.657"];
+        readonly pathOffsets: readonly [readonly [1.2, 0.4, 0.3, 0.2, 0.15, 0.05, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]];
+        readonly poses: readonly [{}, {
+            readonly flex: 1;
+        }, {}];
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.6;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.32;
+                readonly flex: -0.12;
+            }, {
+                readonly at: 0.7;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,52 @@
+export const paperclipStates = ['idle', 'attaching', 'attached'];
+// Only the free inner wire flexes open while an attachment is pending. Actual completion releases it with one small spring-back; the outer coil stays planted. No extra document or success tick.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const paperclipArt = {
+    name: 'paperclip',
+    parts: [
+        {
+            name: 'clip',
+            paths: [
+                'M16 6 L7.586 14.586 C6.805 15.367 6.805 16.633 7.586 17.414 C8.367 18.195 9.633 18.195 10.414 17.414 L18.828 8.828 C20.391 7.266 20.391 4.734 18.828 3.172 C17.266 1.609 14.734 1.609 13.172 3.172 L4.793 11.723 C2.451 14.065 2.451 17.866 4.793 20.208 C7.136 22.55 10.935 22.55 13.278 20.208 L21.657 11.657',
+            ],
+            pathOffsets: [
+                [
+                    1.2, 0.4, 0.3, 0.2, 0.15, 0.05, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0,
+                    0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0,
+                    0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0,
+                ],
+            ],
+            poses: [
+                {},
+                {
+                    flex: 1,
+                },
+                {},
+            ],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.6,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.32,
+                            flex: -0.12,
+                        },
+                        {
+                            at: 0.7,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

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/picture-in-picture/picture-in-picture-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type PictureInPictureState } from "./picture-in-picture-rig.js";
+export { pictureInPictureStates, type PictureInPictureState } from "./picture-in-picture-rig.js";
+export type PictureInPictureIconProps = StatefulIconProps<PictureInPictureState>;
+export declare const PictureInPictureIcon: import("react").NamedExoticComponent<PictureInPictureIconProps>;

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

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

@@ -0,0 +1,21 @@
+export declare const pictureInPictureStates: readonly ["idle", "detaching", "floating"];
+export type PictureInPictureState = (typeof pictureInPictureStates)[number];
+export declare const pictureInPictureArt: {
+    readonly name: "picture-in-picture";
+    readonly parts: readonly [{
+        readonly name: "screen";
+        readonly paths: readonly ["M21 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h4"];
+        readonly poses: readonly [{}, {}, {}];
+    }, {
+        readonly name: "player";
+        readonly paths: readonly ["M14 13H20Q22 13 22 15V18Q22 20 20 20H14Q12 20 12 18V15Q12 13 14 13Z"];
+        readonly poses: readonly [{
+            readonly x: -4;
+            readonly y: -4;
+        }, {
+            readonly x: -2;
+            readonly y: -2;
+        }, {}];
+        readonly accent: true;
+    }];
+};

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

@@ -0,0 +1,29 @@
+export const pictureInPictureStates = ['idle', 'detaching', 'floating'];
+// Video picture-in-picture control. The small player separates diagonally from the main screen and holds its new position.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const pictureInPictureArt = {
+    name: 'picture-in-picture',
+    parts: [
+        {
+            name: 'screen',
+            paths: ['M21 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h4'],
+            poses: [{}, {}, {}],
+        },
+        {
+            name: 'player',
+            paths: ['M14 13H20Q22 13 22 15V18Q22 20 20 20H14Q12 20 12 18V15Q12 13 14 13Z'],
+            poses: [
+                {
+                    x: -4,
+                    y: -4,
+                },
+                {
+                    x: -2,
+                    y: -2,
+                },
+                {},
+            ],
+            accent: true,
+        },
+    ],
+};

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>;