weasel-icons 0.2.0 → 0.4.0

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

@@ -0,0 +1,47 @@
+export const minusStates = ['idle', 'hover', 'pressed'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// A clear reach on hover and a short, damped contact compression on press; the control does not keep wobbling after activation.
+export const minusArt = {
+    name: 'minus',
+    parts: [
+        {
+            name: 'bar',
+            paths: ['M5 12h14'],
+            poses: [
+                {},
+                {
+                    scaleX: 1.22,
+                },
+                {
+                    scaleX: 0.58,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.46,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            scaleX: -0.14,
+                        },
+                        {
+                            at: 0.6,
+                            scaleX: 0.08,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type MonitorState } from "./monitor-rig.js";
+export { monitorStates, type MonitorState } from "./monitor-rig.js";
+export type MonitorIconProps = StatefulIconProps<MonitorState>;
+export declare const MonitorIcon: import("react").NamedExoticComponent<MonitorIconProps>;

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

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

@@ -0,0 +1,42 @@
+export declare const monitorStates: readonly ["standby", "waking", "awake"];
+export type MonitorState = (typeof monitorStates)[number];
+export declare const monitorArt: {
+    readonly name: "monitor";
+    readonly parts: readonly [{
+        readonly name: "display";
+        readonly paths: readonly ["M4 3H20Q22 3 22 5V15Q22 17 20 17H4Q2 17 2 15V5Q2 3 4 3Z", "M8 21L16 21", "M12 17L12 21"];
+        readonly poses: readonly [{}, {}, {}];
+    }, {
+        readonly name: "wake";
+        readonly paths: readonly ["M7 10h10"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {}, {
+            readonly y: -2;
+        }];
+        readonly pivot: readonly [12, 10];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.65;
+            readonly repeatAfter: 1.5;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly scaleX: -0.9;
+            }, {
+                readonly at: 0.6;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+        readonly detail: true;
+    }, {
+        readonly name: "content";
+        readonly paths: readonly ["M7 12h6"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 0;
+        }, {}];
+        readonly detail: true;
+    }];
+};

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

@@ -0,0 +1,67 @@
+export const monitorStates = ['standby', 'waking', 'awake'];
+// Display power status. A horizontal wake line opens into two content lines inside the stationary monitor.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const monitorArt = {
+    name: 'monitor',
+    parts: [
+        {
+            name: 'display',
+            paths: [
+                'M4 3H20Q22 3 22 5V15Q22 17 20 17H4Q2 17 2 15V5Q2 3 4 3Z',
+                'M8 21L16 21',
+                'M12 17L12 21',
+            ],
+            poses: [{}, {}, {}],
+        },
+        {
+            name: 'wake',
+            paths: ['M7 10h10'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {},
+                {
+                    y: -2,
+                },
+            ],
+            pivot: [12, 10],
+            gestures: [
+                null,
+                {
+                    duration: 0.65,
+                    repeatAfter: 1.5,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                            scaleX: -0.9,
+                        },
+                        {
+                            at: 0.6,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+            detail: true,
+        },
+        {
+            name: 'content',
+            paths: ['M7 12h6'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 0,
+                },
+                {},
+            ],
+            detail: true,
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type MoonState } from "./moon-rig.js";
+export { moonStates, type MoonState } from "./moon-rig.js";
+export type MoonIconProps = StatefulIconProps<MoonState>;
+export declare const MoonIcon: import("react").NamedExoticComponent<MoonIconProps>;

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

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

@@ -0,0 +1,62 @@
+export declare const moonStates: readonly ["idle", "setting", "asleep"];
+export type MoonState = (typeof moonStates)[number];
+export declare const moonArt: {
+    readonly name: "moon";
+    readonly parts: readonly [{
+        readonly name: "crescent";
+        readonly paths: readonly ["M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"];
+        readonly poses: readonly [{}, {
+            readonly angle: -40;
+            readonly scaleX: 0.9;
+            readonly scaleY: 0.9;
+        }, {
+            readonly angle: -80;
+            readonly scaleX: 0.82;
+            readonly scaleY: 0.82;
+            readonly y: 1;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.8;
+            readonly repeatAfter: 2.8;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.16;
+                readonly angle: 9;
+                readonly y: -0.2;
+            }, {
+                readonly at: 0.48;
+                readonly angle: -11;
+                readonly y: 0.35;
+            }, {
+                readonly at: 0.76;
+                readonly angle: 2;
+                readonly y: -0.05;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 1.6;
+            readonly repeatAfter: 2.6;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.18;
+                readonly angle: 9;
+                readonly y: -0.3;
+            }, {
+                readonly at: 0.52;
+                readonly angle: -4;
+                readonly y: 0.12;
+            }, {
+                readonly at: 0.8;
+                readonly angle: 1;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,87 @@
+export const moonStates = ['idle', 'setting', 'asleep'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Dark mode or quiet hours: the crescent rolls gently into its resting orientation and settles. The asleep state remains still instead of rocking indefinitely.
+export const moonArt = {
+    name: 'moon',
+    parts: [
+        {
+            name: 'crescent',
+            paths: [
+                'M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401',
+            ],
+            poses: [
+                {},
+                {
+                    angle: -40,
+                    scaleX: 0.9,
+                    scaleY: 0.9,
+                },
+                {
+                    angle: -80,
+                    scaleX: 0.82,
+                    scaleY: 0.82,
+                    y: 1,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.8,
+                    repeatAfter: 2.8,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.16,
+                            angle: 9,
+                            y: -0.2,
+                        },
+                        {
+                            at: 0.48,
+                            angle: -11,
+                            y: 0.35,
+                        },
+                        {
+                            at: 0.76,
+                            angle: 2,
+                            y: -0.05,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 1.6,
+                    repeatAfter: 2.6,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.18,
+                            angle: 9,
+                            y: -0.3,
+                        },
+                        {
+                            at: 0.52,
+                            angle: -4,
+                            y: 0.12,
+                        },
+                        {
+                            at: 0.8,
+                            angle: 1,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

package/dist/icons/more-horizontal/more-horizontal-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type MoreHorizontalState } from "./more-horizontal-rig.js";
+export { moreHorizontalStates, type MoreHorizontalState } from "./more-horizontal-rig.js";
+export type MoreHorizontalIconProps = StatefulIconProps<MoreHorizontalState>;
+export declare const MoreHorizontalIcon: import("react").NamedExoticComponent<MoreHorizontalIconProps>;

package/dist/icons/more-horizontal/more-horizontal-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 { moreHorizontalArt, moreHorizontalStates, resolveMoreHorizontalState, } from "./more-horizontal-rig.js";
+export { moreHorizontalStates } from "./more-horizontal-rig.js";
+export const MoreHorizontalIcon = memo(function MoreHorizontalIcon(props) {
+    return (_jsx(ArticulatedIcon, { art: moreHorizontalArt, states: moreHorizontalStates, ...props, state: resolveMoreHorizontalState(props.state) }));
+});

package/dist/icons/more-horizontal/more-horizontal-rig.d.ts

@@ -0,0 +1,91 @@
+export declare const moreHorizontalStates: readonly ["closed", "hover", "open"];
+export type MoreHorizontalState = (typeof moreHorizontalStates)[number] | 'opening';
+/** Opening is a compatibility alias; the host's menu visibility owns the state. */
+export declare function resolveMoreHorizontalState(state?: MoreHorizontalState): (typeof moreHorizontalStates)[number];
+export declare const moreHorizontalArt: {
+    readonly name: "more-horizontal";
+    readonly parts: readonly [{
+        readonly name: "dot-0";
+        readonly paths: readonly ["M4 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"];
+        readonly poses: readonly [{}, {
+            readonly x: 0.3;
+        }, {
+            readonly x: -0.85;
+        }];
+        readonly pivot: readonly [5, 12];
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.1;
+                readonly x: 0.22;
+            }, {
+                readonly at: 0.24;
+                readonly x: -0.45;
+            }, {
+                readonly at: 0.64;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "dot-1";
+        readonly paths: readonly ["M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"];
+        readonly poses: readonly [{}, {
+            readonly x: 0;
+        }, {
+            readonly x: 0;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.1;
+                readonly scaleX: -0.16;
+                readonly scaleY: -0.16;
+            }, {
+                readonly at: 0.28;
+                readonly scaleX: 0.08;
+                readonly scaleY: 0.08;
+            }, {
+                readonly at: 0.55;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "dot-2";
+        readonly paths: readonly ["M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"];
+        readonly poses: readonly [{}, {
+            readonly x: -0.3;
+        }, {
+            readonly x: 0.85;
+        }];
+        readonly pivot: readonly [19, 12];
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.1;
+                readonly x: -0.22;
+            }, {
+                readonly at: 0.32;
+                readonly x: 0.45;
+            }, {
+                readonly at: 0.64;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

package/dist/icons/more-horizontal/more-horizontal-rig.js

@@ -0,0 +1,141 @@
+export const moreHorizontalStates = ['closed', 'hover', 'open'];
+/** Opening is a compatibility alias; the host's menu visibility owns the state. */
+export function resolveMoreHorizontalState(state = 'closed') {
+    return state === 'opening' ? 'open' : state;
+}
+// Lucide-derived outlines; attribution: THIRD_PARTY_NOTICES.md.
+// The center gives a short press, then the outer dots spread in order and settle.
+// Each dot retains its own center and circular shape; an open menu never loops.
+export const moreHorizontalArt = {
+    name: 'more-horizontal',
+    parts: [
+        {
+            name: 'dot-0',
+            paths: ['M4 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'],
+            poses: [
+                {},
+                {
+                    x: 0.3,
+                },
+                {
+                    x: -0.85,
+                },
+            ],
+            pivot: [5, 12],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.1,
+                            x: 0.22,
+                        },
+                        {
+                            at: 0.24,
+                            x: -0.45,
+                        },
+                        {
+                            at: 0.64,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'dot-1',
+            paths: ['M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'],
+            poses: [
+                {},
+                {
+                    x: -0.0,
+                },
+                {
+                    x: 0.0,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.1,
+                            scaleX: -0.16,
+                            scaleY: -0.16,
+                        },
+                        {
+                            at: 0.28,
+                            scaleX: 0.08,
+                            scaleY: 0.08,
+                        },
+                        {
+                            at: 0.55,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'dot-2',
+            paths: ['M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'],
+            poses: [
+                {},
+                {
+                    x: -0.3,
+                },
+                {
+                    x: 0.85,
+                },
+            ],
+            pivot: [19, 12],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.1,
+                            x: -0.22,
+                        },
+                        {
+                            at: 0.32,
+                            x: 0.45,
+                        },
+                        {
+                            at: 0.64,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

package/dist/icons/more-vertical/more-vertical-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type MoreVerticalState } from "./more-vertical-rig.js";
+export { moreVerticalStates, type MoreVerticalState } from "./more-vertical-rig.js";
+export type MoreVerticalIconProps = StatefulIconProps<MoreVerticalState>;
+export declare const MoreVerticalIcon: import("react").NamedExoticComponent<MoreVerticalIconProps>;

package/dist/icons/more-vertical/more-vertical-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 { moreVerticalArt, moreVerticalStates, resolveMoreVerticalState, } from "./more-vertical-rig.js";
+export { moreVerticalStates } from "./more-vertical-rig.js";
+export const MoreVerticalIcon = memo(function MoreVerticalIcon(props) {
+    return (_jsx(ArticulatedIcon, { art: moreVerticalArt, states: moreVerticalStates, ...props, state: resolveMoreVerticalState(props.state) }));
+});