weasel-icons 0.3.0 → 0.4.0

package/dist/icons/scan-qr/scan-qr-rig.js

@@ -0,0 +1,87 @@
+export const scanQrStates = ['idle', 'scanning', 'detected'];
+// QR recognition. A scan line crosses the fixed brackets; detection removes the scanner and tightens the corner framing.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const scanQrArt = {
+    name: 'scan-qr',
+    parts: [
+        {
+            name: 'brackets',
+            paths: [
+                'M17 3h2a2 2 0 0 1 2 2v2',
+                'M21 17v2a2 2 0 0 1-2 2h-2',
+                'M3 7V5a2 2 0 0 1 2-2h2',
+                'M7 21H5a2 2 0 0 1-2-2v-2',
+            ],
+            poses: [
+                {},
+                {},
+                {
+                    scaleX: 0.9,
+                    scaleY: 0.9,
+                },
+            ],
+        },
+        {
+            name: 'subject',
+            paths: [
+                'M17 12v4a1 1 0 0 1-1 1h-4',
+                'M17 8V7',
+                'M7 17h.01',
+                'M8 7H11Q12 7 12 8V11Q12 12 11 12H8Q7 12 7 11V8Q7 7 8 7Z',
+            ],
+            poses: [
+                {
+                    opacity: 0.6,
+                },
+                {
+                    opacity: 0.5,
+                },
+                {},
+            ],
+        },
+        {
+            name: 'scan',
+            paths: ['M6 6h12'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {},
+                {
+                    opacity: 0,
+                },
+            ],
+            gestures: [
+                null,
+                {
+                    duration: 1.3,
+                    repeatAfter: 1.8,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.6,
+                            y: 12,
+                        },
+                        {
+                            at: 0.8,
+                            y: 12,
+                            opacity: -1,
+                        },
+                        {
+                            at: 0.81,
+                            opacity: -1,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+            detail: true,
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ScissorsState } from "./scissors-rig.js";
+export { scissorsStates, type ScissorsState } from "./scissors-rig.js";
+export type ScissorsIconProps = StatefulIconProps<ScissorsState>;
+export declare const ScissorsIcon: import("react").NamedExoticComponent<ScissorsIconProps>;

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

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

@@ -0,0 +1,52 @@
+export declare const scissorsStates: readonly ["idle", "cutting", "cut"];
+export type ScissorsState = (typeof scissorsStates)[number];
+export declare const scissorsArt: {
+    readonly name: "scissors";
+    readonly parts: readonly [{
+        readonly name: "upper-assembly";
+        readonly paths: readonly ["M3.4 6 a2.6 2.6 0 1 0 5.2 0 a2.6 2.6 0 1 0 -5.2 0", "M7.84 7.84 L12 12 L20.5 16.2"];
+        readonly pivot: readonly [12, 12];
+        readonly poses: readonly [{}, {}, {}];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.6;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly angle: -18;
+            }, {
+                readonly at: 0.43;
+                readonly angle: -18;
+            }, {
+                readonly at: 0.84;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+    }, {
+        readonly name: "lower-assembly";
+        readonly paths: readonly ["M3.4 18 a2.6 2.6 0 1 0 5.2 0 a2.6 2.6 0 1 0 -5.2 0", "M7.84 16.16 L12 12 L20.5 7.8"];
+        readonly pivot: readonly [12, 12];
+        readonly poses: readonly [{}, {}, {}];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.6;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly angle: 18;
+            }, {
+                readonly at: 0.43;
+                readonly angle: 18;
+            }, {
+                readonly at: 0.84;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+    }];
+};

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

@@ -0,0 +1,76 @@
+export const scissorsStates = ['idle', 'cutting', 'cut'];
+// Two rigid handle/blade assemblies make one decisive snip about the same crossing, briefly meet, then reopen. The result state holds; it does not cut again.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const scissorsArt = {
+    name: 'scissors',
+    parts: [
+        {
+            name: 'upper-assembly',
+            paths: ['M3.4 6 a2.6 2.6 0 1 0 5.2 0 a2.6 2.6 0 1 0 -5.2 0', 'M7.84 7.84 L12 12 L20.5 16.2'],
+            pivot: [12, 12],
+            poses: [{}, {}, {}],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.6,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.3,
+                            angle: -18,
+                        },
+                        {
+                            at: 0.43,
+                            angle: -18,
+                        },
+                        {
+                            at: 0.84,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+        {
+            name: 'lower-assembly',
+            paths: ['M3.4 18 a2.6 2.6 0 1 0 5.2 0 a2.6 2.6 0 1 0 -5.2 0', 'M7.84 16.16 L12 12 L20.5 7.8'],
+            pivot: [12, 12],
+            poses: [{}, {}, {}],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.6,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.3,
+                            angle: 18,
+                        },
+                        {
+                            at: 0.43,
+                            angle: 18,
+                        },
+                        {
+                            at: 0.84,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ShuffleState } from "./shuffle-rig.js";
+export { shuffleStates, type ShuffleState } from "./shuffle-rig.js";
+export type ShuffleIconProps = StatefulIconProps<ShuffleState>;
+export declare const ShuffleIcon: import("react").NamedExoticComponent<ShuffleIconProps>;

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

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

@@ -0,0 +1,32 @@
+export declare const shuffleStates: readonly ["off", "shuffling", "on"];
+export type ShuffleState = (typeof shuffleStates)[number];
+export declare const shuffleArt: {
+    readonly name: "shuffle";
+    readonly parts: readonly [{
+        readonly name: "heads";
+        readonly paths: readonly ["m18 14 4 4-4 4", "m18 2 4 4-4 4"];
+        readonly poses: readonly [{
+            readonly opacity: 0.4;
+        }, {}, {}];
+    }, {
+        readonly name: "routes";
+        readonly paths: readonly ["M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22", "M2 6h1.972a4 4 0 0 1 3.6 2.2", "M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"];
+        readonly poses: readonly [{
+            readonly opacity: 0.4;
+        }, {}, {}];
+        readonly traceLength: 27;
+        readonly gestures: readonly [null, {
+            readonly duration: 0.65;
+            readonly repeatAfter: 1.5;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly draw: -1;
+            }, {
+                readonly at: 0.8;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+    }];
+};

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

@@ -0,0 +1,56 @@
+export const shuffleStates = ['off', 'shuffling', 'on'];
+// Shuffle playback mode. The two routes trace in opposite directions; arrowheads stay connected at their endpoints.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const shuffleArt = {
+    name: 'shuffle',
+    parts: [
+        {
+            name: 'heads',
+            paths: ['m18 14 4 4-4 4', 'm18 2 4 4-4 4'],
+            poses: [
+                {
+                    opacity: 0.4,
+                },
+                {},
+                {},
+            ],
+        },
+        {
+            name: 'routes',
+            paths: [
+                'M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22',
+                'M2 6h1.972a4 4 0 0 1 3.6 2.2',
+                'M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45',
+            ],
+            poses: [
+                {
+                    opacity: 0.4,
+                },
+                {},
+                {},
+            ],
+            traceLength: 27,
+            gestures: [
+                null,
+                {
+                    duration: 0.65,
+                    repeatAfter: 1.5,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                            draw: -1,
+                        },
+                        {
+                            at: 0.8,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+    ],
+};

package/dist/icons/skip-back/skip-back-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type SkipBackState } from "./skip-back-rig.js";
+export { skipBackStates, type SkipBackState } from "./skip-back-rig.js";
+export type SkipBackIconProps = StatefulIconProps<SkipBackState>;
+export declare const SkipBackIcon: import("react").NamedExoticComponent<SkipBackIconProps>;

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

package/dist/icons/skip-back/skip-back-rig.d.ts

@@ -0,0 +1,31 @@
+export declare const skipBackStates: readonly ["idle", "skipping", "unavailable"];
+export type SkipBackState = (typeof skipBackStates)[number];
+export declare const skipBackArt: {
+    readonly name: "skip-back";
+    readonly parts: readonly [{
+        readonly name: "stop";
+        readonly paths: readonly ["M3 20V4"];
+        readonly poses: readonly [{}, {}, {
+            readonly opacity: 0.3;
+        }];
+    }, {
+        readonly name: "triangle";
+        readonly paths: readonly ["M17.971 4.285A2 2 0 0 1 21 6v12a2 2 0 0 1-3.029 1.715l-9.997-5.998a2 2 0 0 1-.003-3.432z"];
+        readonly poses: readonly [{}, {}, {
+            readonly opacity: 0.3;
+        }];
+        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.4;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+    }];
+};

package/dist/icons/skip-back/skip-back-rig.js

@@ -0,0 +1,53 @@
+export const skipBackStates = ['idle', 'skipping', 'unavailable'];
+// Previous-track control. The triangle approaches the stationary stop bar and returns once; unavailable stays dim.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const skipBackArt = {
+    name: 'skip-back',
+    parts: [
+        {
+            name: 'stop',
+            paths: ['M3 20V4'],
+            poses: [
+                {},
+                {},
+                {
+                    opacity: 0.3,
+                },
+            ],
+        },
+        {
+            name: 'triangle',
+            paths: [
+                'M17.971 4.285A2 2 0 0 1 21 6v12a2 2 0 0 1-3.029 1.715l-9.997-5.998a2 2 0 0 1-.003-3.432z',
+            ],
+            poses: [
+                {},
+                {},
+                {
+                    opacity: 0.3,
+                },
+            ],
+            gestures: [
+                null,
+                {
+                    duration: 0.65,
+                    repeatAfter: 1.5,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.4,
+                            x: -1.4,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+    ],
+};

package/dist/icons/skip-forward/skip-forward-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type SkipForwardState } from "./skip-forward-rig.js";
+export { skipForwardStates, type SkipForwardState } from "./skip-forward-rig.js";
+export type SkipForwardIconProps = StatefulIconProps<SkipForwardState>;
+export declare const SkipForwardIcon: import("react").NamedExoticComponent<SkipForwardIconProps>;

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

package/dist/icons/skip-forward/skip-forward-rig.d.ts

@@ -0,0 +1,31 @@
+export declare const skipForwardStates: readonly ["idle", "skipping", "unavailable"];
+export type SkipForwardState = (typeof skipForwardStates)[number];
+export declare const skipForwardArt: {
+    readonly name: "skip-forward";
+    readonly parts: readonly [{
+        readonly name: "stop";
+        readonly paths: readonly ["M21 4v16"];
+        readonly poses: readonly [{}, {}, {
+            readonly opacity: 0.3;
+        }];
+    }, {
+        readonly name: "triangle";
+        readonly paths: readonly ["M6.029 4.285A2 2 0 0 0 3 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432z"];
+        readonly poses: readonly [{}, {}, {
+            readonly opacity: 0.3;
+        }];
+        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.4;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+    }];
+};

package/dist/icons/skip-forward/skip-forward-rig.js

@@ -0,0 +1,53 @@
+export const skipForwardStates = ['idle', 'skipping', 'unavailable'];
+// Next-track control. The triangle approaches the stationary stop bar and returns once; unavailable stays dim.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const skipForwardArt = {
+    name: 'skip-forward',
+    parts: [
+        {
+            name: 'stop',
+            paths: ['M21 4v16'],
+            poses: [
+                {},
+                {},
+                {
+                    opacity: 0.3,
+                },
+            ],
+        },
+        {
+            name: 'triangle',
+            paths: [
+                'M6.029 4.285A2 2 0 0 0 3 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432z',
+            ],
+            poses: [
+                {},
+                {},
+                {
+                    opacity: 0.3,
+                },
+            ],
+            gestures: [
+                null,
+                {
+                    duration: 0.65,
+                    repeatAfter: 1.5,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.4,
+                            x: 1.4,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type SmartphoneState } from "./smartphone-rig.js";
+export { smartphoneStates, type SmartphoneState } from "./smartphone-rig.js";
+export type SmartphoneIconProps = StatefulIconProps<SmartphoneState>;
+export declare const SmartphoneIcon: import("react").NamedExoticComponent<SmartphoneIconProps>;

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

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

@@ -0,0 +1,39 @@
+export declare const smartphoneStates: readonly ["idle", "ringing", "answered"];
+export type SmartphoneState = (typeof smartphoneStates)[number];
+export declare const smartphoneArt: {
+    readonly name: "smartphone";
+    readonly parts: readonly [{
+        readonly name: "phone";
+        readonly paths: readonly ["M7 2H17Q19 2 19 4V20Q19 22 17 22H7Q5 22 5 20V4Q5 2 7 2Z", "M12 18h.01"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.85;
+            readonly repeatAfter: 2;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.18;
+                readonly angle: -4;
+            }, {
+                readonly at: 0.38;
+                readonly angle: 4;
+            }, {
+                readonly at: 0.6;
+                readonly angle: -2;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+    }, {
+        readonly name: "connected";
+        readonly paths: readonly ["M9 10h6"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 0;
+        }, {}];
+        readonly detail: true;
+    }];
+};

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

@@ -0,0 +1,57 @@
+export const smartphoneStates = ['idle', 'ringing', 'answered'];
+// Incoming phone call. The rigid handset rocks once or while an incoming call is pending; the connected screen holds a short bar.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const smartphoneArt = {
+    name: 'smartphone',
+    parts: [
+        {
+            name: 'phone',
+            paths: ['M7 2H17Q19 2 19 4V20Q19 22 17 22H7Q5 22 5 20V4Q5 2 7 2Z', 'M12 18h.01'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 0.85,
+                    repeatAfter: 2,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.18,
+                            angle: -4,
+                        },
+                        {
+                            at: 0.38,
+                            angle: 4,
+                        },
+                        {
+                            at: 0.6,
+                            angle: -2,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+        {
+            name: 'connected',
+            paths: ['M9 10h6'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 0,
+                },
+                {},
+            ],
+            detail: true,
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type TableState } from "./table-rig.js";
+export { tableStates, type TableState } from "./table-rig.js";
+export type TableIconProps = StatefulIconProps<TableState>;
+export declare const TableIcon: import("react").NamedExoticComponent<TableIconProps>;