weasel-icons 0.2.0 → 0.4.0

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

@@ -0,0 +1,57 @@
+export const globeStates = ['idle', 'connecting', 'online'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The longitude band turns across the fixed globe during connection and holds a readable off-center meridian when online.
+export const globeArt = {
+    name: 'globe',
+    parts: [
+        {
+            name: 'sphere',
+            paths: ['M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0', 'M2 12h20'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'meridian',
+            paths: ['M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'],
+            poses: [
+                {},
+                {
+                    scaleX: 0.25,
+                },
+                {
+                    scaleX: 0.7,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.7,
+                    repeatAfter: 2.15,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            scaleX: 0.65,
+                        },
+                        {
+                            at: 0.65,
+                            scaleX: -0.16,
+                        },
+                        {
+                            at: 0.8,
+                            scaleX: -0.16,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type HardDriveState } from "./hard-drive-rig.js";
+export { hardDriveStates, type HardDriveState } from "./hard-drive-rig.js";
+export type HardDriveIconProps = StatefulIconProps<HardDriveState>;
+export declare const HardDriveIcon: import("react").NamedExoticComponent<HardDriveIconProps>;

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

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

@@ -0,0 +1,54 @@
+export declare const hardDriveStates: readonly ["idle", "reading", "ready"];
+export type HardDriveState = (typeof hardDriveStates)[number];
+export declare const hardDriveArt: {
+    readonly name: "hard-drive";
+    readonly parts: readonly [{
+        readonly name: "case";
+        readonly paths: readonly ["M2.212 11.577a2 2 0 0 0-.212.896V18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5.527a2 2 0 0 0-.212-.896L18.55 5.11A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z", "M21.946 12.013H2.054"];
+        readonly poses: readonly [{}, {}, {}];
+    }, {
+        readonly name: "lamp-one";
+        readonly paths: readonly ["M10 16h.01"];
+        readonly poses: readonly [{
+            readonly opacity: 0.35;
+        }, {}, {}];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.9;
+            readonly repeatAfter: 1.2;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.35;
+                readonly opacity: -0.7;
+            }, {
+                readonly at: 0.7;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+    }, {
+        readonly name: "lamp-two";
+        readonly paths: readonly ["M6 16h.01"];
+        readonly poses: readonly [{
+            readonly opacity: 0.35;
+        }, {}, {}];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.9;
+            readonly repeatAfter: 1.2;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly opacity: -0.7;
+            }, {
+                readonly at: 0.35;
+            }, {
+                readonly at: 0.7;
+                readonly opacity: -0.7;
+            }, {
+                readonly at: 1;
+                readonly opacity: -0.7;
+            }];
+        }, null];
+    }];
+};

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

@@ -0,0 +1,88 @@
+export const hardDriveStates = ['idle', 'reading', 'ready'];
+// Local storage read status. The drive stays rigid; its two activity lamps alternate gently during actual work.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const hardDriveArt = {
+    name: 'hard-drive',
+    parts: [
+        {
+            name: 'case',
+            paths: [
+                'M2.212 11.577a2 2 0 0 0-.212.896V18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5.527a2 2 0 0 0-.212-.896L18.55 5.11A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z',
+                'M21.946 12.013H2.054',
+            ],
+            poses: [{}, {}, {}],
+        },
+        {
+            name: 'lamp-one',
+            paths: ['M10 16h.01'],
+            poses: [
+                {
+                    opacity: 0.35,
+                },
+                {},
+                {},
+            ],
+            gestures: [
+                null,
+                {
+                    duration: 0.9,
+                    repeatAfter: 1.2,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.35,
+                            opacity: -0.7,
+                        },
+                        {
+                            at: 0.7,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+        {
+            name: 'lamp-two',
+            paths: ['M6 16h.01'],
+            poses: [
+                {
+                    opacity: 0.35,
+                },
+                {},
+                {},
+            ],
+            gestures: [
+                null,
+                {
+                    duration: 0.9,
+                    repeatAfter: 1.2,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                            opacity: -0.7,
+                        },
+                        {
+                            at: 0.35,
+                        },
+                        {
+                            at: 0.7,
+                            opacity: -0.7,
+                        },
+                        {
+                            at: 1,
+                            opacity: -0.7,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type HeadphonesState } from "./headphones-rig.js";
+export { headphonesStates, type HeadphonesState } from "./headphones-rig.js";
+export type HeadphonesIconProps = StatefulIconProps<HeadphonesState>;
+export declare const HeadphonesIcon: import("react").NamedExoticComponent<HeadphonesIconProps>;

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

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

@@ -0,0 +1,66 @@
+export declare const headphonesStates: readonly ["idle", "listening", "muted"];
+export type HeadphonesState = (typeof headphonesStates)[number];
+export declare const headphonesArt: {
+    readonly name: "headphones";
+    readonly parts: readonly [{
+        readonly name: "headset";
+        readonly paths: readonly ["M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"];
+        readonly poses: readonly [{}, {}, {}];
+    }, {
+        readonly name: "meter-a";
+        readonly paths: readonly ["M10 11v6"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {}, {
+            readonly opacity: 0;
+        }];
+        readonly pivot: readonly [10, 14];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.9;
+            readonly repeatAfter: 1.25;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly scaleY: -0.55;
+            }, {
+                readonly at: 0.4;
+            }, {
+                readonly at: 1;
+                readonly scaleY: -0.55;
+            }];
+        }, null];
+        readonly detail: true;
+    }, {
+        readonly name: "meter-b";
+        readonly paths: readonly ["M14 11v6"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {}, {
+            readonly opacity: 0;
+        }];
+        readonly pivot: readonly [14, 14];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.9;
+            readonly repeatAfter: 1.25;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.4;
+                readonly scaleY: -0.55;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+        readonly detail: true;
+    }, {
+        readonly name: "mute";
+        readonly paths: readonly ["M9 11l6 6M15 11l-6 6"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 0;
+        }, {}];
+        readonly detail: true;
+    }];
+};

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

@@ -0,0 +1,102 @@
+export const headphonesStates = ['idle', 'listening', 'muted'];
+// Headphone output status. Two internal equalizer strokes alternate gently while the headband and earcups stay rigid.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const headphonesArt = {
+    name: 'headphones',
+    parts: [
+        {
+            name: 'headset',
+            paths: [
+                'M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3',
+            ],
+            poses: [{}, {}, {}],
+        },
+        {
+            name: 'meter-a',
+            paths: ['M10 11v6'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {},
+                {
+                    opacity: 0,
+                },
+            ],
+            pivot: [10, 14],
+            gestures: [
+                null,
+                {
+                    duration: 0.9,
+                    repeatAfter: 1.25,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                            scaleY: -0.55,
+                        },
+                        {
+                            at: 0.4,
+                        },
+                        {
+                            at: 1,
+                            scaleY: -0.55,
+                        },
+                    ],
+                },
+                null,
+            ],
+            detail: true,
+        },
+        {
+            name: 'meter-b',
+            paths: ['M14 11v6'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {},
+                {
+                    opacity: 0,
+                },
+            ],
+            pivot: [14, 14],
+            gestures: [
+                null,
+                {
+                    duration: 0.9,
+                    repeatAfter: 1.25,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.4,
+                            scaleY: -0.55,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+            detail: true,
+        },
+        {
+            name: 'mute',
+            paths: ['M9 11l6 6M15 11l-6 6'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 0,
+                },
+                {},
+            ],
+            detail: true,
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type HighlighterState } from "./highlighter-rig.js";
+export { highlighterStates, type HighlighterState } from "./highlighter-rig.js";
+export type HighlighterIconProps = StatefulIconProps<HighlighterState>;
+export declare const HighlighterIcon: import("react").NamedExoticComponent<HighlighterIconProps>;

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

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

@@ -0,0 +1,37 @@
+export declare const highlighterStates: readonly ["idle", "highlighting", "highlighted"];
+export type HighlighterState = (typeof highlighterStates)[number];
+export declare const highlighterArt: {
+    readonly name: "highlighter";
+    readonly parts: readonly [{
+        readonly name: "underline";
+        readonly paths: readonly ["M3 22h11"];
+        readonly poses: readonly [{
+            readonly draw: 0;
+        }, {
+            readonly draw: 0.45;
+        }, {}];
+        readonly traceLength: 11;
+        readonly accent: true;
+    }, {
+        readonly name: "pen";
+        readonly paths: readonly ["m9 11-6 6v3h9l3-3", "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4"];
+        readonly poses: readonly [{}, {
+            readonly x: 0.6;
+        }, {
+            readonly y: -0.6;
+        }];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.65;
+            readonly repeatAfter: 1.5;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.4;
+                readonly x: 1;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+    }];
+};

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

@@ -0,0 +1,57 @@
+export const highlighterStates = ['idle', 'highlighting', 'highlighted'];
+// Text highlighting tool. The nib travels a short distance along a horizontal underline, then lifts off it.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const highlighterArt = {
+    name: 'highlighter',
+    parts: [
+        {
+            name: 'underline',
+            paths: ['M3 22h11'],
+            poses: [
+                {
+                    draw: 0,
+                },
+                {
+                    draw: 0.45,
+                },
+                {},
+            ],
+            traceLength: 11,
+            accent: true,
+        },
+        {
+            name: 'pen',
+            paths: ['m9 11-6 6v3h9l3-3', 'm22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4'],
+            poses: [
+                {},
+                {
+                    x: 0.6,
+                },
+                {
+                    y: -0.6,
+                },
+            ],
+            gestures: [
+                null,
+                {
+                    duration: 0.65,
+                    repeatAfter: 1.5,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.4,
+                            x: 1,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type HomeState } from "./home-rig.js";
+export { homeStates, type HomeState } from "./home-rig.js";
+export type HomeIconProps = StatefulIconProps<HomeState>;
+export declare const HomeIcon: import("react").NamedExoticComponent<HomeIconProps>;

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

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

@@ -0,0 +1,49 @@
+export declare const homeStates: readonly ["idle", "hover", "current"];
+export type HomeState = (typeof homeStates)[number] | 'entering' | 'active';
+export declare function resolveHomeState(state?: HomeState): (typeof homeStates)[number];
+export declare const homeArt: {
+    readonly name: "home";
+    readonly parts: readonly [{
+        readonly name: "shell";
+        readonly paths: readonly ["M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "door";
+        readonly paths: readonly ["M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.7;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.15;
+                readonly draw: -0.3;
+            }, {
+                readonly at: 0.45;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.7;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.025;
+                readonly draw: -1;
+            }, {
+                readonly at: 0.16;
+                readonly draw: -1;
+            }, {
+                readonly at: 0.65;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly traceLength: 23.14;
+    }];
+};

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

@@ -0,0 +1,76 @@
+export const homeStates = ['idle', 'hover', 'current'];
+export function resolveHomeState(state = 'idle') {
+    if (state === 'entering')
+        return 'hover';
+    if (state === 'active')
+        return 'current';
+    return state;
+}
+// V2: authored from plain Lucide geometry and the current interaction brief.
+// Source/license: THIRD_PARTY_NOTICES.md.
+export const homeArt = {
+    name: 'home',
+    parts: [
+        {
+            name: 'shell',
+            paths: [
+                'M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z',
+            ],
+            poses: [{}, {}, {}],
+            gestures: [],
+        },
+        {
+            name: 'door',
+            paths: ['M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'],
+            poses: [{}, {}, {}],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.7,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.15,
+                            draw: -0.3,
+                        },
+                        {
+                            at: 0.45,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.7,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.025,
+                            draw: -1,
+                        },
+                        {
+                            at: 0.16,
+                            draw: -1,
+                        },
+                        {
+                            at: 0.65,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            traceLength: 23.14,
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ImageState } from "./image-rig.js";
+export { imageStates, type ImageState } from "./image-rig.js";
+export type ImageIconProps = StatefulIconProps<ImageState>;
+export declare const ImageIcon: import("react").NamedExoticComponent<ImageIconProps>;

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