weasel-icons 0.2.0 → 0.4.0

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

@@ -0,0 +1,70 @@
+export declare const imageStates: readonly ["idle", "loading", "loaded"];
+export type ImageState = (typeof imageStates)[number];
+export declare const imageArt: {
+    readonly name: "image";
+    readonly parts: readonly [{
+        readonly name: "frame";
+        readonly paths: readonly ["M5 3H19Q21 3 21 5V19Q21 21 19 21H5Q3 21 3 19V5Q3 3 5 3Z"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "sun";
+        readonly paths: readonly ["M7 9a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+            readonly scaleX: 0.2;
+            readonly scaleY: 0.2;
+        }, {
+            readonly opacity: 1;
+            readonly scaleX: 0.6;
+            readonly scaleY: 0.6;
+        }, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.5;
+            readonly repeatAfter: 2.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.45;
+                readonly scaleX: 0.3;
+                readonly scaleY: 0.3;
+            }, {
+                readonly at: 0.8;
+                readonly scaleX: 0;
+                readonly scaleY: 0;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "landscape";
+        readonly paths: readonly ["m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"];
+        readonly poses: readonly [{
+            readonly scaleY: 0.18;
+            readonly opacity: 0.55;
+        }, {
+            readonly scaleY: 0.5;
+            readonly opacity: 0.85;
+        }, {}];
+        readonly pivot: readonly [12, 21];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.5;
+            readonly repeatAfter: 2.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly scaleY: -0.25;
+            }, {
+                readonly at: 0.65;
+                readonly scaleY: 0.35;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,99 @@
+export const imageStates = ['idle', 'loading', 'loaded'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The image develops from a low horizon: terrain rises first and the sun resolves afterward, leaving the full landscape when loaded.
+export const imageArt = {
+    name: 'image',
+    parts: [
+        {
+            name: 'frame',
+            paths: ['M5 3H19Q21 3 21 5V19Q21 21 19 21H5Q3 21 3 19V5Q3 3 5 3Z'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'sun',
+            paths: ['M7 9a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'],
+            poses: [
+                {
+                    opacity: 0,
+                    scaleX: 0.2,
+                    scaleY: 0.2,
+                },
+                {
+                    opacity: 1,
+                    scaleX: 0.6,
+                    scaleY: 0.6,
+                },
+                {},
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.5,
+                    repeatAfter: 2.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.45,
+                            scaleX: 0.3,
+                            scaleY: 0.3,
+                        },
+                        {
+                            at: 0.8,
+                            scaleX: 0,
+                            scaleY: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'landscape',
+            paths: ['m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'],
+            poses: [
+                {
+                    scaleY: 0.18,
+                    opacity: 0.55,
+                },
+                {
+                    scaleY: 0.5,
+                    opacity: 0.85,
+                },
+                {},
+            ],
+            pivot: [12, 21],
+            gestures: [
+                null,
+                {
+                    duration: 1.5,
+                    repeatAfter: 2.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            scaleY: -0.25,
+                        },
+                        {
+                            at: 0.65,
+                            scaleY: 0.35,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type InboxState } from "./inbox-rig.js";
+export { inboxStates, type InboxState } from "./inbox-rig.js";
+export type InboxIconProps = StatefulIconProps<InboxState>;
+export declare const InboxIcon: import("react").NamedExoticComponent<InboxIconProps>;

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

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

@@ -0,0 +1,48 @@
+export declare const inboxStates: readonly ["empty", "receiving", "received"];
+export type InboxState = (typeof inboxStates)[number];
+export declare const inboxArt: {
+    readonly name: "inbox";
+    readonly parts: readonly [{
+        readonly name: "tray";
+        readonly paths: readonly ["M22 12 16 12 14 15 10 15 8 12 2 12", "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"];
+        readonly poses: readonly [{}, {}, {}];
+    }, {
+        readonly name: "message";
+        readonly paths: readonly ["M8 5h8v4H8Z"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {}, {
+            readonly opacity: 0;
+            readonly y: 5;
+        }];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.9;
+            readonly repeatAfter: 1.5;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly y: -2;
+                readonly opacity: -1;
+            }, {
+                readonly at: 0.3;
+                readonly y: -1;
+            }, {
+                readonly at: 0.8;
+                readonly y: 2;
+            }, {
+                readonly at: 1;
+                readonly y: 2;
+            }];
+        }, null];
+        readonly detail: true;
+    }, {
+        readonly name: "received";
+        readonly paths: readonly ["M10 18h4"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 0;
+        }, {}];
+        readonly accent: true;
+    }];
+};

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

@@ -0,0 +1,73 @@
+export const inboxStates = ['empty', 'receiving', 'received'];
+// Inbox arrival status. A message descends toward the tray; a short line remains inside the pocket.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const inboxArt = {
+    name: 'inbox',
+    parts: [
+        {
+            name: 'tray',
+            paths: [
+                'M22 12 16 12 14 15 10 15 8 12 2 12',
+                'M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z',
+            ],
+            poses: [{}, {}, {}],
+        },
+        {
+            name: 'message',
+            paths: ['M8 5h8v4H8Z'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {},
+                {
+                    opacity: 0,
+                    y: 5,
+                },
+            ],
+            gestures: [
+                null,
+                {
+                    duration: 0.9,
+                    repeatAfter: 1.5,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                            y: -2,
+                            opacity: -1,
+                        },
+                        {
+                            at: 0.3,
+                            y: -1,
+                        },
+                        {
+                            at: 0.8,
+                            y: 2,
+                        },
+                        {
+                            at: 1,
+                            y: 2,
+                        },
+                    ],
+                },
+                null,
+            ],
+            detail: true,
+        },
+        {
+            name: 'received',
+            paths: ['M10 18h4'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 0,
+                },
+                {},
+            ],
+            accent: true,
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type InfoState } from "./info-rig.js";
+export { infoStates, type InfoState } from "./info-rig.js";
+export type InfoIconProps = StatefulIconProps<InfoState>;
+export declare const InfoIcon: import("react").NamedExoticComponent<InfoIconProps>;

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

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

@@ -0,0 +1,48 @@
+export declare const infoStates: readonly ["idle", "revealing", "open"];
+export type InfoState = (typeof infoStates)[number];
+export declare const infoArt: {
+    readonly name: "info";
+    readonly parts: readonly [{
+        readonly name: "circle";
+        readonly paths: readonly ["M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "stem";
+        readonly paths: readonly ["M12 16v-4"];
+        readonly poses: readonly [{}, {
+            readonly scaleY: 0.5;
+            readonly y: -1.1;
+        }, {
+            readonly scaleY: 1.3;
+        }];
+        readonly pivot: readonly [12, 16];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.05;
+            readonly repeatAfter: 2.6;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly scaleY: -0.2;
+            }, {
+                readonly at: 0.58;
+                readonly scaleY: 0.5;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "dot";
+        readonly paths: readonly ["M12 8h.01"];
+        readonly poses: readonly [{}, {
+            readonly y: -1;
+        }, {
+            readonly y: 1;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }];
+};

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

@@ -0,0 +1,69 @@
+export const infoStates = ['idle', 'revealing', 'open'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The information stem gathers and unfolds downward while its dot makes room; the revealed information rests as a clear extended letterform.
+export const infoArt = {
+    name: 'info',
+    parts: [
+        {
+            name: 'circle',
+            paths: ['M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'stem',
+            paths: ['M12 16v-4'],
+            poses: [
+                {},
+                {
+                    scaleY: 0.5,
+                    y: -1.1,
+                },
+                {
+                    scaleY: 1.3,
+                },
+            ],
+            pivot: [12, 16],
+            gestures: [
+                null,
+                {
+                    duration: 1.05,
+                    repeatAfter: 2.6,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            scaleY: -0.2,
+                        },
+                        {
+                            at: 0.58,
+                            scaleY: 0.5,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'dot',
+            paths: ['M12 8h.01'],
+            poses: [
+                {},
+                {
+                    y: -1,
+                },
+                {
+                    y: 1,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type KanbanState } from "./kanban-rig.js";
+export { kanbanStates, type KanbanState } from "./kanban-rig.js";
+export type KanbanIconProps = StatefulIconProps<KanbanState>;
+export declare const KanbanIcon: import("react").NamedExoticComponent<KanbanIconProps>;

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

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

@@ -0,0 +1,19 @@
+export declare const kanbanStates: readonly ["idle", "moving", "moved"];
+export type KanbanState = (typeof kanbanStates)[number];
+export declare const kanbanArt: {
+    readonly name: "kanban";
+    readonly parts: readonly [{
+        readonly name: "rails";
+        readonly paths: readonly ["M5 3H19Q21 3 21 5V19Q21 21 19 21H5Q3 21 3 19V5Q3 3 5 3Z", "M9 3v18M16 3v18"];
+        readonly poses: readonly [{}, {}, {}];
+    }, {
+        readonly name: "task";
+        readonly paths: readonly ["M4.5 8h3M4.5 11h2"];
+        readonly poses: readonly [{}, {
+            readonly x: 3;
+        }, {
+            readonly x: 7;
+        }];
+        readonly accent: true;
+    }];
+};

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

@@ -0,0 +1,27 @@
+export const kanbanStates = ['idle', 'moving', 'moved'];
+// Task board column change. One task card crosses the stationary column dividers; it never rearranges the whole board.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const kanbanArt = {
+    name: 'kanban',
+    parts: [
+        {
+            name: 'rails',
+            paths: ['M5 3H19Q21 3 21 5V19Q21 21 19 21H5Q3 21 3 19V5Q3 3 5 3Z', 'M9 3v18M16 3v18'],
+            poses: [{}, {}, {}],
+        },
+        {
+            name: 'task',
+            paths: ['M4.5 8h3M4.5 11h2'],
+            poses: [
+                {},
+                {
+                    x: 3,
+                },
+                {
+                    x: 7,
+                },
+            ],
+            accent: true,
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type KeyState } from "./key-rig.js";
+export { keyStates, type KeyState } from "./key-rig.js";
+export type KeyIconProps = StatefulIconProps<KeyState>;
+export declare const KeyIcon: import("react").NamedExoticComponent<KeyIconProps>;

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

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

@@ -0,0 +1,50 @@
+export declare const keyStates: readonly ["idle", "turning", "unlocked"];
+export type KeyState = (typeof keyStates)[number];
+export declare const keyArt: {
+    readonly name: "key";
+    readonly parts: readonly [{
+        readonly name: "key";
+        readonly paths: readonly ["m2 21 9.6-9.6", "m7.5 15.5 2.3 2.3a1 1 0 0 1 0 1.4l-2.1 2.1a1 1 0 0 1-1.4 0L4 19", "M10 7.5a5.5 5.5 0 1 0 11 0a5.5 5.5 0 1 0 -11 0"];
+        readonly poses: readonly [{}, {
+            readonly x: -0.6;
+            readonly y: 0.6;
+        }, {}];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.7;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.18;
+                readonly x: -0.25;
+                readonly y: 0.25;
+            }, {
+                readonly at: 0.5;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.7;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.16;
+                readonly x: -0.55;
+                readonly y: 0.55;
+            }, {
+                readonly at: 0.36;
+                readonly angle: -8;
+                readonly x: -0.25;
+                readonly y: 0.25;
+            }, {
+                readonly at: 0.7;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly pivot: readonly [12, 12];
+    }];
+};

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

@@ -0,0 +1,76 @@
+export const keyStates = ['idle', 'turning', 'unlocked'];
+// V2: authored from plain Lucide geometry and the current interaction brief.
+// Source/license: THIRD_PARTY_NOTICES.md.
+export const keyArt = {
+    name: 'key',
+    parts: [
+        {
+            name: 'key',
+            paths: [
+                'm2 21 9.6-9.6',
+                'm7.5 15.5 2.3 2.3a1 1 0 0 1 0 1.4l-2.1 2.1a1 1 0 0 1-1.4 0L4 19',
+                'M10 7.5a5.5 5.5 0 1 0 11 0a5.5 5.5 0 1 0 -11 0',
+            ],
+            poses: [
+                {},
+                {
+                    x: -0.6,
+                    y: 0.6,
+                },
+                {},
+            ],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.7,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.18,
+                            x: -0.25,
+                            y: 0.25,
+                        },
+                        {
+                            at: 0.5,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.7,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.16,
+                            x: -0.55,
+                            y: 0.55,
+                        },
+                        {
+                            at: 0.36,
+                            angle: -8,
+                            x: -0.25,
+                            y: 0.25,
+                        },
+                        {
+                            at: 0.7,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            pivot: [12, 12],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type LayersState } from "./layers-rig.js";
+export { layersStates, type LayersState } from "./layers-rig.js";
+export type LayersIconProps = StatefulIconProps<LayersState>;
+export declare const LayersIcon: import("react").NamedExoticComponent<LayersIconProps>;

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