weasel-icons 0.5.0 → 0.6.0

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

@@ -0,0 +1,73 @@
+export const circleCheckStates = ['idle', 'confirming', 'confirmed'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The ring breathes while a confirmation is in flight and the tick is only half drawn; confirmed traces the tick through with one pop and the ring settles a touch larger.
+export const circleCheckArt = {
+    name: 'circle-check',
+    parts: [
+        {
+            name: 'ring',
+            paths: ['M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0'],
+            poses: [{}, { scaleX: 0.97, scaleY: 0.97 }, { scaleX: 1.04, scaleY: 1.04 }],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.2,
+                    repeatAfter: 1.9,
+                    loop: true,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.4, scaleX: -0.04, scaleY: -0.04 },
+                        { at: 0.8, scaleX: 0.03, scaleY: 0.03 },
+                        { at: 1 },
+                    ],
+                },
+                {
+                    duration: 0.7,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.35, scaleX: 0.08, scaleY: 0.08 },
+                        { at: 0.7, scaleX: -0.02, scaleY: -0.02 },
+                        { at: 1 },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'check',
+            accent: true,
+            paths: ['m16 9-5.5 5.5L8 12'],
+            poses: [{ opacity: 0.38 }, { draw: 0.45, opacity: 0.6 }, {}],
+            pivot: [12, 12],
+            traceLength: 11.4,
+            gestures: [
+                null,
+                {
+                    duration: 1.2,
+                    repeatAfter: 1.9,
+                    loop: true,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.45, draw: 0.2, opacity: 0.3 },
+                        { at: 0.8, draw: -0.2 },
+                        { at: 1 },
+                    ],
+                },
+                {
+                    duration: 0.7,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        { at: 0, draw: -1, opacity: -1 },
+                        { at: 0.1, draw: -0.9 },
+                        { at: 0.5 },
+                        { at: 0.65, scaleX: 0.18, scaleY: 0.18 },
+                        { at: 1 },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type CircleMinusState } from "./circle-minus-rig.js";
+export { circleMinusStates, type CircleMinusState } from "./circle-minus-rig.js";
+export type CircleMinusIconProps = StatefulIconProps<CircleMinusState>;
+export declare const CircleMinusIcon: import("react").NamedExoticComponent<CircleMinusIconProps>;

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

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

@@ -0,0 +1,84 @@
+export declare const circleMinusStates: readonly ["idle", "removing", "removed"];
+export type CircleMinusState = (typeof circleMinusStates)[number];
+export declare const circleMinusArt: {
+    readonly name: "circle-minus";
+    readonly parts: readonly [{
+        readonly name: "ring";
+        readonly paths: readonly ["M2 12a10 10 0 1 0 20 0a10 10 0 1 0-20 0"];
+        readonly poses: readonly [{}, {}, {
+            readonly scaleX: 0.97;
+            readonly scaleY: 0.97;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.1;
+            readonly repeatAfter: 1.9;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.5;
+                readonly scaleX: -0.04;
+                readonly scaleY: -0.04;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.7;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.35;
+                readonly scaleX: -0.08;
+                readonly scaleY: -0.08;
+            }, {
+                readonly at: 0.7;
+                readonly scaleX: 0.03;
+                readonly scaleY: 0.03;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "bar";
+        readonly paths: readonly ["M8 12h8"];
+        readonly poses: readonly [{}, {
+            readonly scaleX: 0.85;
+        }, {
+            readonly scaleX: 0.7;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.1;
+            readonly repeatAfter: 1.9;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly scaleX: -0.3;
+                readonly x: 0.8;
+            }, {
+                readonly at: 0.55;
+                readonly scaleX: 0.1;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.7;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly scaleX: 0.3;
+            }, {
+                readonly at: 0.3;
+                readonly scaleX: -0.12;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,60 @@
+export const circleMinusStates = ['idle', 'removing', 'removed'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The bar is pulled out of the ring while removing (it keeps shrinking and recovering); removed snaps the bar short and the ring contracts once around it.
+export const circleMinusArt = {
+    name: 'circle-minus',
+    parts: [
+        {
+            name: 'ring',
+            paths: ['M2 12a10 10 0 1 0 20 0a10 10 0 1 0-20 0'],
+            poses: [{}, {}, { scaleX: 0.97, scaleY: 0.97 }],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.1,
+                    repeatAfter: 1.9,
+                    loop: true,
+                    frames: [{ at: 0 }, { at: 0.5, scaleX: -0.04, scaleY: -0.04 }, { at: 1 }],
+                },
+                {
+                    duration: 0.7,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.35, scaleX: -0.08, scaleY: -0.08 },
+                        { at: 0.7, scaleX: 0.03, scaleY: 0.03 },
+                        { at: 1 },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'bar',
+            paths: ['M8 12h8'],
+            poses: [{}, { scaleX: 0.85 }, { scaleX: 0.7 }],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.1,
+                    repeatAfter: 1.9,
+                    loop: true,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.3, scaleX: -0.3, x: 0.8 },
+                        { at: 0.55, scaleX: 0.1 },
+                        { at: 1 },
+                    ],
+                },
+                {
+                    duration: 0.7,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0, scaleX: 0.3 }, { at: 0.3, scaleX: -0.12 }, { at: 1 }],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type CirclePlayState } from "./circle-play-rig.js";
+export { circlePlayStates, type CirclePlayState } from "./circle-play-rig.js";
+export type CirclePlayIconProps = StatefulIconProps<CirclePlayState>;
+export declare const CirclePlayIcon: import("react").NamedExoticComponent<CirclePlayIconProps>;

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

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

@@ -0,0 +1,99 @@
+export declare const circlePlayStates: readonly ["idle", "starting", "playing"];
+export type CirclePlayState = (typeof circlePlayStates)[number];
+export declare const circlePlayArt: {
+    readonly name: "circle-play";
+    readonly parts: readonly [{
+        readonly name: "ring";
+        readonly paths: readonly ["M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0"];
+        readonly poses: readonly [{}, {}, {
+            readonly scaleX: 1.04;
+            readonly scaleY: 1.04;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.2;
+            readonly repeatAfter: 1.9;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.45;
+                readonly scaleX: -0.04;
+                readonly scaleY: -0.04;
+            }, {
+                readonly at: 0.8;
+                readonly scaleX: 0.02;
+                readonly scaleY: 0.02;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.6;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.35;
+                readonly scaleX: 0.05;
+                readonly scaleY: 0.05;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "triangle";
+        readonly accent: true;
+        readonly paths: readonly ["M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z"];
+        readonly poses: readonly [{}, {
+            readonly x: 0.8;
+            readonly scaleX: 0.9;
+            readonly scaleY: 0.9;
+        }, {
+            readonly x: 0.4;
+            readonly scaleX: 1.1;
+            readonly scaleY: 1.1;
+        }];
+        readonly pivot: readonly [12.5, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.2;
+            readonly repeatAfter: 1.9;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly x: 0.6;
+                readonly scaleX: -0.06;
+                readonly scaleY: -0.06;
+            }, {
+                readonly at: 0.7;
+                readonly x: -0.3;
+                readonly scaleX: 0.05;
+                readonly scaleY: 0.05;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.6;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly scaleX: -0.2;
+                readonly scaleY: -0.2;
+            }, {
+                readonly at: 0.4;
+                readonly scaleX: 0.18;
+                readonly scaleY: 0.18;
+                readonly x: 0.5;
+            }, {
+                readonly at: 0.7;
+                readonly scaleX: -0.04;
+                readonly scaleY: -0.04;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,68 @@
+export const circlePlayStates = ['idle', 'starting', 'playing'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Starting nudges the triangle forward and shrinks it while the ring breathes (buffering); playing pops the triangle larger, parks it a touch right and the ring holds slightly open.
+export const circlePlayArt = {
+    name: 'circle-play',
+    parts: [
+        {
+            name: 'ring',
+            paths: ['M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0'],
+            poses: [{}, {}, { scaleX: 1.04, scaleY: 1.04 }],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.2,
+                    repeatAfter: 1.9,
+                    loop: true,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.45, scaleX: -0.04, scaleY: -0.04 },
+                        { at: 0.8, scaleX: 0.02, scaleY: 0.02 },
+                        { at: 1 },
+                    ],
+                },
+                {
+                    duration: 0.6,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0 }, { at: 0.35, scaleX: 0.05, scaleY: 0.05 }, { at: 1 }],
+                },
+            ],
+        },
+        {
+            name: 'triangle',
+            accent: true,
+            paths: [
+                'M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z',
+            ],
+            poses: [{}, { x: 0.8, scaleX: 0.9, scaleY: 0.9 }, { x: 0.4, scaleX: 1.1, scaleY: 1.1 }],
+            pivot: [12.5, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.2,
+                    repeatAfter: 1.9,
+                    loop: true,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.3, x: 0.6, scaleX: -0.06, scaleY: -0.06 },
+                        { at: 0.7, x: -0.3, scaleX: 0.05, scaleY: 0.05 },
+                        { at: 1 },
+                    ],
+                },
+                {
+                    duration: 0.6,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        { at: 0, scaleX: -0.2, scaleY: -0.2 },
+                        { at: 0.4, scaleX: 0.18, scaleY: 0.18, x: 0.5 },
+                        { at: 0.7, scaleX: -0.04, scaleY: -0.04 },
+                        { at: 1 },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type CirclePlusState } from "./circle-plus-rig.js";
+export { circlePlusStates, type CirclePlusState } from "./circle-plus-rig.js";
+export type CirclePlusIconProps = StatefulIconProps<CirclePlusState>;
+export declare const CirclePlusIcon: import("react").NamedExoticComponent<CirclePlusIconProps>;

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

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

@@ -0,0 +1,117 @@
+export declare const circlePlusStates: readonly ["idle", "adding", "added"];
+export type CirclePlusState = (typeof circlePlusStates)[number];
+export declare const circlePlusArt: {
+    readonly name: "circle-plus";
+    readonly parts: readonly [{
+        readonly name: "ring";
+        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 [null, null, {
+            readonly duration: 0.6;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.4;
+                readonly scaleX: 0.05;
+                readonly scaleY: 0.05;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "vertical";
+        readonly accent: true;
+        readonly paths: readonly ["M12 8v8"];
+        readonly poses: readonly [{}, {}, {
+            readonly scaleX: 1.08;
+            readonly scaleY: 1.08;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.9;
+            readonly repeatAfter: 1.7;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.22;
+                readonly scaleX: -0.14;
+                readonly scaleY: -0.14;
+            }, {
+                readonly at: 0.5;
+                readonly scaleX: 0.1;
+                readonly scaleY: 0.1;
+            }, {
+                readonly at: 0.72;
+                readonly scaleX: -0.03;
+                readonly scaleY: -0.03;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.6;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly scaleX: -0.3;
+                readonly scaleY: -0.3;
+            }, {
+                readonly at: 0.4;
+                readonly scaleX: 0.2;
+                readonly scaleY: 0.2;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "horizontal";
+        readonly accent: true;
+        readonly paths: readonly ["M8 12h8"];
+        readonly poses: readonly [{}, {}, {
+            readonly scaleX: 1.08;
+            readonly scaleY: 1.08;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.9;
+            readonly repeatAfter: 1.7;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.22;
+                readonly scaleX: -0.14;
+                readonly scaleY: -0.14;
+            }, {
+                readonly at: 0.5;
+                readonly scaleX: 0.1;
+                readonly scaleY: 0.1;
+            }, {
+                readonly at: 0.72;
+                readonly scaleX: -0.03;
+                readonly scaleY: -0.03;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.6;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly scaleX: -0.3;
+                readonly scaleY: -0.3;
+            }, {
+                readonly at: 0.4;
+                readonly scaleX: 0.2;
+                readonly scaleY: 0.2;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,78 @@
+export const circlePlusStates = ['idle', 'adding', 'added'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Adding presses the plus down and lets it spring back like a button being pushed (never rotated: a turned plus reads as a close); added pops it once and holds it slightly bolder inside a steady ring.
+const turn = {
+    duration: 0.9,
+    repeatAfter: 1.7,
+    loop: true,
+    frames: [
+        { at: 0 },
+        { at: 0.22, scaleX: -0.14, scaleY: -0.14 },
+        { at: 0.5, scaleX: 0.1, scaleY: 0.1 },
+        { at: 0.72, scaleX: -0.03, scaleY: -0.03 },
+        { at: 1 },
+    ],
+};
+export const circlePlusArt = {
+    name: 'circle-plus',
+    parts: [
+        {
+            name: 'ring',
+            paths: ['M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.6,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0 }, { at: 0.4, scaleX: 0.05, scaleY: 0.05 }, { at: 1 }],
+                },
+            ],
+        },
+        {
+            name: 'vertical',
+            accent: true,
+            paths: ['M12 8v8'],
+            poses: [{}, {}, { scaleX: 1.08, scaleY: 1.08 }],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                turn,
+                {
+                    duration: 0.6,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        { at: 0, scaleX: -0.3, scaleY: -0.3 },
+                        { at: 0.4, scaleX: 0.2, scaleY: 0.2 },
+                        { at: 1 },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'horizontal',
+            accent: true,
+            paths: ['M8 12h8'],
+            poses: [{}, {}, { scaleX: 1.08, scaleY: 1.08 }],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                turn,
+                {
+                    duration: 0.6,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        { at: 0, scaleX: -0.3, scaleY: -0.3 },
+                        { at: 0.4, scaleX: 0.2, scaleY: 0.2 },
+                        { at: 1 },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type CircleXState } from "./circle-x-rig.js";
+export { circleXStates, type CircleXState } from "./circle-x-rig.js";
+export type CircleXIconProps = StatefulIconProps<CircleXState>;
+export declare const CircleXIcon: import("react").NamedExoticComponent<CircleXIconProps>;

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