weasel-icons 0.2.0 → 0.3.0

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

@@ -0,0 +1,137 @@
+export const plusStates = ['idle', 'hover', 'pressed'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Add action: horizontal compression leads, the vertical arm follows, then the cross springs open once. It remains a plus throughout.
+export const plusArt = {
+    name: 'plus',
+    parts: [
+        {
+            name: 'horizontal',
+            paths: ['M5 12h14'],
+            poses: [
+                {},
+                {
+                    scaleX: 1.22,
+                },
+                {
+                    scaleX: 0.58,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.8,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.22,
+                            scaleX: 0.1,
+                        },
+                        {
+                            at: 0.54,
+                            scaleX: -0.08,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 0.9,
+                    repeatAfter: 1.9,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.17,
+                            scaleX: -0.16,
+                        },
+                        {
+                            at: 0.44,
+                            scaleX: 0.25,
+                        },
+                        {
+                            at: 0.74,
+                            scaleX: -0.04,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'vertical',
+            paths: ['M12 5v14'],
+            poses: [
+                {},
+                {
+                    scaleY: 1.22,
+                },
+                {
+                    scaleY: 0.58,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.8,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.18,
+                        },
+                        {
+                            at: 0.43,
+                            scaleY: 0.1,
+                        },
+                        {
+                            at: 0.66,
+                            scaleY: -0.06,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 0.9,
+                    repeatAfter: 1.9,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.28,
+                            scaleY: -0.14,
+                        },
+                        {
+                            at: 0.6,
+                            scaleY: 0.22,
+                        },
+                        {
+                            at: 0.84,
+                            scaleY: -0.03,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

package/dist/icons/replace/replace-icon.js

@@ -4,22 +4,23 @@ import { memo, useCallback, useRef } from 'react';
 import { motion, useTransform } from 'motion/react';
 import { usePoseWeight, useBehaviorClock, useActionProgress } from "../../shared/use-icon-motion.js";
 import { useMotionPreference } from "../../shared/use-motion-preference.js";
-import { REPLACE_SOURCE, REPLACE_TARGET, sampleReplace } from "./replace-rig.js";
+import { REPLACE_SOURCE, REPLACE_TARGET, REPLACE_ARROW_LENGTH, REPLACE_CHECK_LENGTH, sampleReplace, } from "./replace-rig.js";
 export { replaceStates } from "./replace-rig.js";
-const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
 export const ReplaceIcon = memo(function ReplaceIcon({ state = 'idle', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, }) {
     const reduced = useMotionPreference(), element = useRef(null);
     const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;
-    const idle = usePoseWeight(state === 'idle', pace, reduced), replacing = usePoseWeight(state === 'replacing', pace, reduced), replaced = usePoseWeight(state === 'replaced', pace, reduced), error = usePoseWeight(state === 'error', pace, reduced);
-    const performs = alive && !reduced && state !== 'idle', life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const replacing = usePoseWeight(state === 'replacing', pace, reduced), replaced = usePoseWeight(state === 'replaced', pace, reduced), error = usePoseWeight(state === 'error', pace, reduced);
+    const performs = alive && !reduced && state === 'replacing', life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
     const first = useRef(state !== 'replacing');
     const canRestart = useCallback(() => {
         const invisible = first.current || replacing.get() < 0.001;
         first.current = false;
         return invisible;
     }, [replacing]);
-    const entry = useActionProgress(state === 'replacing', pace, reduced, 1.4, canRestart);
-    const rig = useTransform(() => sampleReplace([idle.get(), replacing.get(), replaced.get(), error.get()], time.get(), life.get(), entry.get()));
-    const body = useTransform(rig, (r) => r.body), source = useTransform(rig, (r) => r.source), target = useTransform(rig, (r) => r.target), arrow = useTransform(rig, (r) => r.arrow), head = useTransform(rig, (r) => r.head), check = useTransform(rig, (r) => r.check), failure = useTransform(rig, (r) => r.error), status = useTransform(rig, (r) => r.status);
-    return (_jsx("svg", { ref: element, className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", pointerEvents: "none", style: { display: 'block', overflow: 'visible' }, children: _jsxs(motion.g, { "data-layer": "replace-body", transform: body, style: ORIGIN, children: [_jsx(motion.g, { "data-layer": "replace-source", transform: source, style: ORIGIN, children: _jsx("path", { "data-part": "source", d: REPLACE_SOURCE, stroke: color, strokeWidth: strokeWidth }) }), _jsxs(motion.g, { "data-layer": "replace-target", transform: target, style: ORIGIN, children: [_jsx("path", { "data-part": "target", d: REPLACE_TARGET, stroke: color, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-layer": "replace-check", d: status, opacity: check, stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.65, 0.8) }), _jsx(motion.path, { "data-layer": "replace-error", d: "M6.5 16.4v1.1M6.5 18.5h.01", opacity: failure, stroke: color, strokeWidth: Math.min(strokeWidth * 0.65, 0.8) })] }), _jsx(motion.path, { "data-layer": "replace-arrow", d: arrow, stroke: color, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-layer": "replace-head", d: head, stroke: color, strokeWidth: strokeWidth })] }) }));
+    const entry = useActionProgress(state === 'replacing', pace, reduced, 1.6, canRestart);
+    const canConfirm = useCallback(() => replaced.get() < 0.001, [replaced]);
+    const confirmation = useActionProgress(state === 'replaced', pace, reduced, 0.38, canConfirm);
+    const rig = useTransform(() => sampleReplace([0, replacing.get(), replaced.get(), error.get()], time.get(), life.get(), entry.get(), confirmation.get()));
+    const arrow = useTransform(rig, (r) => r.arrow), head = useTransform(rig, (r) => r.head), check = useTransform(rig, (r) => r.check), failure = useTransform(rig, (r) => r.error), status = useTransform(rig, (r) => r.status), arrowOffset = useTransform(rig, (r) => r.arrowOffset), arrowOpacity = useTransform(rig, (r) => r.arrowOpacity), headOpacity = useTransform(rig, (r) => r.headOpacity), checkOffset = useTransform(rig, (r) => r.checkOffset);
+    return (_jsx("svg", { ref: element, className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", pointerEvents: "none", style: { display: 'block', overflow: 'visible' }, children: _jsxs("g", { "data-layer": "replace-body", transform: "translate(12 12) scale(0.84) translate(-12 -12)", children: [_jsx("g", { "data-layer": "replace-source", children: _jsx("path", { "data-part": "source", d: REPLACE_SOURCE, stroke: color, strokeWidth: strokeWidth }) }), _jsxs("g", { "data-layer": "replace-target", children: [_jsx("path", { "data-part": "target", d: REPLACE_TARGET, stroke: color, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-layer": "replace-check", d: status, opacity: check, strokeDasharray: REPLACE_CHECK_LENGTH, strokeDashoffset: checkOffset, stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.72, 1.05) }), _jsx(motion.path, { "data-layer": "replace-error", d: "M6.5 16v1.7M6.5 19h.01", opacity: failure, stroke: color, strokeWidth: Math.min(strokeWidth * 0.72, 1.05) })] }), _jsx(motion.path, { "data-layer": "replace-arrow", d: arrow, opacity: arrowOpacity, strokeDasharray: REPLACE_ARROW_LENGTH, strokeDashoffset: arrowOffset, stroke: color, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-layer": "replace-head", d: head, opacity: headOpacity, stroke: color, strokeWidth: strokeWidth })] }) }));
 });

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

@@ -2,13 +2,19 @@ export declare const replaceStates: readonly ["idle", "replacing", "replaced", "
 export type ReplaceState = (typeof replaceStates)[number];
 export declare const REPLACE_SOURCE = "M14 4a1 1 0 0 1 1-1M15 10a1 1 0 0 1-1-1M21 4a1 1 0 0 0-1-1M21 9a1 1 0 0 1-1 1";
 export declare const REPLACE_TARGET = "M4 14h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1Z";
-export declare function sampleReplace(weights: readonly number[], time?: number, alive?: number, entry?: number): {
+export declare const REPLACE_ARROW_LENGTH: number;
+export declare const REPLACE_CHECK_LENGTH: number;
+export declare function sampleReplace(weights: readonly number[], time?: number, alive?: number, entry?: number, confirmation?: number): {
     body: string;
     source: string;
     target: string;
     arrow: string;
     head: string;
+    arrowOffset: number;
+    arrowOpacity: number;
+    headOpacity: number;
     check: number;
     error: number;
+    checkOffset: number;
     status: string;
 };

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

@@ -1,24 +1,42 @@
-import { behaviorBeat } from "../../shared/behavior-curves.js";
 export const replaceStates = ['idle', 'replacing', 'replaced', 'error'];
 export const REPLACE_SOURCE = 'M14 4a1 1 0 0 1 1-1M15 10a1 1 0 0 1-1-1M21 4a1 1 0 0 0-1-1M21 9a1 1 0 0 1-1 1';
 export const REPLACE_TARGET = 'M4 14h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1Z';
-export function sampleReplace(weights, time = 0, alive = 0, entry = 1) {
-    const clamp = (n) => Math.max(0, Math.min(1, n));
-    const [, replacing, replaced, error] = weights.map(clamp), life = clamp(alive);
-    const t = time % 6;
-    const launch = Math.max(behaviorBeat(entry * 1.4, 0.05, 0.25, 0.12, 0.7), life * behaviorBeat(t, 0.25, 0.3, 0.1, 0.75));
-    const receive = Math.max(behaviorBeat(entry * 1.4, 0.48, 0.18, 0.12, 0.45), life * behaviorBeat(t, 0.75, 0.18, 0.12, 0.5));
-    const retry = life * behaviorBeat(t, 3.1, 0.4, 0.12, 0.65);
-    const travel = replacing * launch * 1.15;
-    const compress = replacing * receive * 0.045;
+// Two straight segments and a quarter-circle of radius 2.
+export const REPLACE_ARROW_LENGTH = 7 + Math.PI;
+export const REPLACE_CHECK_LENGTH = Math.hypot(1.3, 1.3) + Math.hypot(2.1, -2.5);
+const clamp = (n) => Math.max(0, Math.min(1, n));
+const ease = (n) => {
+    const x = clamp(n);
+    return x * x * x * (x * (x * 6 - 15) + 10);
+};
+// The arrow writes toward the destination, fades, then resets while hidden.
+function transfer(time) {
+    const t = Math.max(0, time);
+    const draw = ease(t / 0.64) * (1 - ease((t - 1.2) / 0.28));
+    const opacity = ease(t / 0.12) * (1 - ease((t - 0.92) / 0.22));
+    const head = ease((t - 0.48) / 0.16) * (1 - ease((t - 0.92) / 0.22));
+    return { offset: REPLACE_ARROW_LENGTH * (1 - draw), opacity, head };
+}
+export function sampleReplace(weights, time = 0, alive = 0, entry = 1, confirmation = 1) {
+    const [, replacing, replaced, error] = weights.map(clamp);
+    const life = clamp(alive);
+    const one = transfer(clamp(entry) * 1.6);
+    const loop = transfer(((time % 1.6) + 1.6) % 1.6);
+    // Blend visible channels, never the accumulated clock/phase.
+    const mix = (a, b) => a + (b - a) * life;
+    const active = replacing * Math.max(1 - ease((entry - 0.92) / 0.08), life);
     return {
         body: 'translate(12px, 12px) scale(0.84) translate(-12px, -12px)',
-        source: `translate(${-replacing * launch * 0.7}px, ${replacing * launch * 0.5}px)`,
-        target: `translate(6.5px, 17.5px) scale(${1 + compress + replaced * life * retry * 0.025}, ${1 - compress}) translate(-6.5px, -17.5px)`,
-        arrow: `M6 ${10 + travel - error * retry * 0.7}V5a2 2 0 0 1 2-2h2`,
-        head: `M3 ${7 + travel - error * retry * 0.7}L6 ${10 + travel - error * retry * 0.7}L9 ${7 + travel - error * retry * 0.7}`,
-        check: replaced,
-        error,
-        status: 'M5.5 17.4L6.25 18.15L7.5 16.7',
+        source: 'translate(0px, 0px)',
+        target: 'translate(0px, 0px)',
+        arrow: 'M10 3H8a2 2 0 0 0-2 2v5',
+        head: 'M3 7L6 10L9 7',
+        arrowOffset: active * mix(one.offset, loop.offset),
+        arrowOpacity: 1 - active + active * mix(one.opacity, loop.opacity),
+        headOpacity: 1 - active + active * mix(one.head, loop.head),
+        check: replaced * (1 - error),
+        error: error * (1 - replaced),
+        checkOffset: REPLACE_CHECK_LENGTH * (1 - ease(confirmation)),
+        status: 'M4.9 17.4L6.2 18.7L8.3 16.2',
     };
 }

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type SaveState } from "./save-rig.js";
+export { saveStates, type SaveState } from "./save-rig.js";
+export type SaveIconProps = StatefulIconProps<SaveState>;
+export declare const SaveIcon: import("react").NamedExoticComponent<SaveIconProps>;

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

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

@@ -0,0 +1,43 @@
+export declare const saveStates: readonly ["idle", "saving", "saved"];
+export type SaveState = (typeof saveStates)[number];
+export declare const saveArt: {
+    readonly name: "save";
+    readonly parts: readonly [{
+        readonly name: "disk";
+        readonly paths: readonly ["M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z", "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", "M7 3v4a1 1 0 0 0 1 1h7"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "write";
+        readonly detail: true;
+        readonly paths: readonly ["M9 17L12 17L15 17"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 1;
+            readonly scaleX: 0.7;
+        }, {
+            readonly opacity: 1;
+        }];
+        readonly pivot: readonly [12, 17];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.05;
+            readonly repeatAfter: 1.9;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.16;
+                readonly scaleX: -0.5;
+            }, {
+                readonly at: 0.65;
+                readonly scaleX: 0.3;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly pathStates: readonly [readonly ["M9 17L12 17L15 17"], readonly ["M9 17L12 17L15 17"], readonly ["M9.7 16.7L11.4 18.3L14.6 15.7"]];
+        readonly accent: true;
+    }];
+};

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

@@ -0,0 +1,63 @@
+export const saveStates = ['idle', 'saving', 'saved'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// A write stroke sweeps through the disk label and bends into a completion tick; the shell remains still.
+export const saveArt = {
+    name: 'save',
+    parts: [
+        {
+            name: 'disk',
+            paths: [
+                'M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z',
+                'M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7',
+                'M7 3v4a1 1 0 0 0 1 1h7',
+            ],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'write',
+            detail: true,
+            paths: ['M9 17L12 17L15 17'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 1,
+                    scaleX: 0.7,
+                },
+                {
+                    opacity: 1,
+                },
+            ],
+            pivot: [12, 17],
+            gestures: [
+                null,
+                {
+                    duration: 1.05,
+                    repeatAfter: 1.9,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.16,
+                            scaleX: -0.5,
+                        },
+                        {
+                            at: 0.65,
+                            scaleX: 0.3,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            pathStates: [['M9 17L12 17L15 17'], ['M9 17L12 17L15 17'], ['M9.7 16.7L11.4 18.3L14.6 15.7']],
+            accent: true,
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type SendState } from "./send-rig.js";
+export { sendStates, type SendState } from "./send-rig.js";
+export type SendIconProps = StatefulIconProps<SendState>;
+export declare const SendIcon: import("react").NamedExoticComponent<SendIconProps>;

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

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

@@ -0,0 +1,43 @@
+export declare const sendStates: readonly ["idle", "sending", "sent"];
+export type SendState = (typeof sendStates)[number];
+export declare const sendArt: {
+    readonly name: "send";
+    readonly parts: readonly [{
+        readonly name: "plane";
+        readonly paths: readonly ["M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z", "m21.854 2.147-10.94 10.939"];
+        readonly poses: readonly [{}, {
+            readonly x: -1;
+            readonly y: 1;
+            readonly angle: -12;
+            readonly scaleX: 0.83;
+            readonly scaleY: 0.83;
+        }, {
+            readonly x: 4;
+            readonly y: -4;
+            readonly angle: 8;
+            readonly scaleX: 0.55;
+            readonly scaleY: 0.55;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.2;
+            readonly repeatAfter: 2.6;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.15;
+                readonly x: -0.7;
+                readonly y: 0.7;
+                readonly angle: -4;
+            }, {
+                readonly at: 0.6;
+                readonly x: 1.5;
+                readonly y: -1.5;
+                readonly angle: 10;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,61 @@
+export const sendStates = ['idle', 'sending', 'sent'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The paper plane banks and draws back before a diagonal departure; sent holds a smaller distant plane instead of a near-identical full-size outline.
+export const sendArt = {
+    name: 'send',
+    parts: [
+        {
+            name: 'plane',
+            paths: [
+                'M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z',
+                'm21.854 2.147-10.94 10.939',
+            ],
+            poses: [
+                {},
+                {
+                    x: -1,
+                    y: 1,
+                    angle: -12,
+                    scaleX: 0.83,
+                    scaleY: 0.83,
+                },
+                {
+                    x: 4,
+                    y: -4,
+                    angle: 8,
+                    scaleX: 0.55,
+                    scaleY: 0.55,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.2,
+                    repeatAfter: 2.6,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.15,
+                            x: -0.7,
+                            y: 0.7,
+                            angle: -4,
+                        },
+                        {
+                            at: 0.6,
+                            x: 1.5,
+                            y: -1.5,
+                            angle: 10,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type SettingsState } from "./settings-rig.js";
+export { settingsStates, type SettingsState } from "./settings-rig.js";
+export type SettingsIconProps = StatefulIconProps<SettingsState>;
+export declare const SettingsIcon: import("react").NamedExoticComponent<SettingsIconProps>;

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

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

@@ -0,0 +1,41 @@
+export declare const settingsStates: readonly ["idle", "adjusting", "applied"];
+export type SettingsState = (typeof settingsStates)[number];
+export declare const settingsArt: {
+    readonly name: "settings";
+    readonly parts: readonly [{
+        readonly name: "gear";
+        readonly paths: readonly ["M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"];
+        readonly poses: readonly [{}, {
+            readonly angle: 24;
+        }, {
+            readonly angle: 45;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.45;
+            readonly repeatAfter: 2.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.12;
+                readonly angle: -12;
+            }, {
+                readonly at: 0.52;
+                readonly angle: 58;
+            }, {
+                readonly at: 0.78;
+                readonly angle: 58;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "hub";
+        readonly paths: readonly ["M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0", "M12 10.6L12 13.4"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+        readonly pathStates: readonly [readonly ["M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0", "M12 10.6L12 13.4"], readonly ["M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0", "M10.6 12L13.4 12"], readonly ["M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0", "M11 11L13 13"]];
+    }];
+};

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

@@ -0,0 +1,64 @@
+export const settingsStates = ['idle', 'adjusting', 'applied'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The cog takes up slack and ratchets around a stationary slotted axle; the slot records the applied setting without an added badge.
+export const settingsArt = {
+    name: 'settings',
+    parts: [
+        {
+            name: 'gear',
+            paths: [
+                'M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915',
+            ],
+            poses: [
+                {},
+                {
+                    angle: 24,
+                },
+                {
+                    angle: 45,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.45,
+                    repeatAfter: 2.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.12,
+                            angle: -12,
+                        },
+                        {
+                            at: 0.52,
+                            angle: 58,
+                        },
+                        {
+                            at: 0.78,
+                            angle: 58,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'hub',
+            paths: ['M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0', 'M12 10.6L12 13.4'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+            pathStates: [
+                ['M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0', 'M12 10.6L12 13.4'],
+                ['M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0', 'M10.6 12L13.4 12'],
+                ['M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0', 'M11 11L13 13'],
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ShareState } from "./share-rig.js";
+export { shareStates, type ShareState } from "./share-rig.js";
+export type ShareIconProps = StatefulIconProps<ShareState>;
+export declare const ShareIcon: import("react").NamedExoticComponent<ShareIconProps>;

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