weasel-icons 0.1.0 → 0.3.0

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

@@ -0,0 +1,61 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+export const starStates = ['idle', 'shooting', 'starred', 'loading'];
+export const STAR_ACTION_DURATION = 1.35;
+const clamp = (n) => Math.max(0, Math.min(1, n));
+const shake = (seconds) => behaviorBeat(seconds, 0.14, 0.07, 0, 0.49) * Math.sin((seconds - 0.14) * Math.PI * 12) * 10;
+const EMISSIONS = [
+    { start: 0.32, anchor: [12, 2.3], travel: [-2, -1.2], turn: -30 },
+    { start: 0.39, anchor: [21, 9.8], travel: [1.5, -3], turn: 35 },
+    { start: 0.46, anchor: [6.4, 21], travel: [-3, -1.3], turn: -20 },
+];
+/** Each cohort keeps travelling outward; life fades opacity, never its accumulated travel. */
+function motes(seconds, weight) {
+    return EMISSIONS.map(({ start, anchor, travel, turn }) => {
+        const q = clamp((seconds - start) / 0.7);
+        const angle = ((-4 + shake(start)) * Math.PI) / 180;
+        const x = (anchor[0] - 12) * 0.825, y = (anchor[1] - 12) * 0.825;
+        const radius = Math.hypot(x, y);
+        const clearance = 1.1;
+        const radialX = x * Math.cos(angle) - y * Math.sin(angle), radialY = x * Math.sin(angle) + y * Math.cos(angle);
+        const distance = 1 - (1 - q) ** 2;
+        const cx = 12 + radialX * (1 + clearance / radius) + travel[0] * distance;
+        const cy = 12 + radialY * (1 + clearance / radius) + travel[1] * distance;
+        return {
+            transform: `translate(${cx}px, ${cy}px) rotate(${turn * q}deg) scale(${0.35 + q * 0.45})`,
+            opacity: clamp(weight * behaviorBeat(seconds, start, 0.08, 0.12, 0.5)),
+        };
+    });
+}
+export function sampleStar(weights, time = 0, alive = 0, entry = 1, flightEntry = 1) {
+    const [, shooting, starred, loading] = weights.map(clamp), life = clamp(alive);
+    const e = clamp(entry);
+    const t = time % 7.2;
+    const seconds = e * STAR_ACTION_DURATION;
+    const turn = shake(seconds) + life * shake(t - 3.2);
+    const firstFlight = behaviorBeat(clamp(flightEntry) * STAR_ACTION_DURATION, 0.04, 0.2, 0.04, 0.78);
+    // A continuous diagonal glide under the entry action, not one surge then a long hold.
+    const glide = life * Math.sin(time * 2.7) * 0.75;
+    const flight = firstFlight;
+    const cx = 12 + shooting * (2.8 + flight * 1.1 + glide), cy = 12 - shooting * (2.8 + flight * 0.9 + glide * 0.8);
+    const scale = 0.8 - shooting * 0.25 + starred * 0.025;
+    const wakeLife = life * shooting;
+    return {
+        body: `translate(${cx}px, ${cy}px) rotate(${shooting * (-18 - flight * 4) + starred * (-4 + turn) + loading * 12}deg) scale(${scale}) translate(-12px, -12px)`,
+        tint: starred * 0.16,
+        motes: [
+            ...motes(seconds, starred),
+            ...motes(life > 0 ? t - 3.2 : STAR_ACTION_DURATION, starred * life),
+        ],
+        trail: `M3.6 16.8Q7.4 15.6 ${cx - 4.4} ${cy + 2.8}M7 20.4Q9.5 17.8 ${cx - 2.4} ${cy + 5}`,
+        trailOpacity: shooting * (0.65 + flight * 0.35),
+        // Constant total dash period makes modulo resets visually equivalent. Fade only the gap.
+        trailDash: `${8 - 2 * wakeLife} ${2 * wakeLife}`,
+        trailOffset: wakeLife > 0 ? -((time * 9) % 8) : 0,
+        progress: loading,
+        // Fade a bounded sweep into its resting arc, not an accumulated phase.
+        progressOffset: -Math.sin(time * 2.4) * life * 3.2,
+    };
+}
+export const STAR_MOTE = 'M0 -1.2L.36 -.38L1.25 -.3L.63 .33L.8 1.2L0 .76L-.8 1.2L-.63 .33L-1.25 -.3L-.36 -.38Z';
+/** Rounded Lucide star contour, preserved as one rigid silhouette. */
+export const STAR_SHELL = 'M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z';

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type SunState } from "./sun-rig.js";
+export { sunStates, type SunState } from "./sun-rig.js";
+export type SunIconProps = StatefulIconProps<SunState>;
+export declare const SunIcon: import("react").NamedExoticComponent<SunIconProps>;

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

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

@@ -0,0 +1,290 @@
+export declare const sunStates: readonly ["idle", "rising", "bright"];
+export type SunState = (typeof sunStates)[number];
+export declare const sunArt: {
+    readonly name: "sun";
+    readonly parts: readonly [{
+        readonly name: "disc";
+        readonly paths: readonly ["M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"];
+        readonly poses: readonly [{}, {
+            readonly scaleX: 0.72;
+            readonly scaleY: 0.72;
+        }, {
+            readonly scaleX: 1.2;
+            readonly scaleY: 1.2;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "ray-0";
+        readonly paths: readonly ["M12 2v2"];
+        readonly poses: readonly [{
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: 0;
+            readonly y: 0.7;
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: 0;
+            readonly y: -0.3;
+        }];
+        readonly pivot: readonly [12, 4];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.4;
+            readonly repeatAfter: 2.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly x: 0;
+                readonly y: -1;
+            }, {
+                readonly at: 0.65;
+                readonly x: 0;
+                readonly y: 0;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "ray-1";
+        readonly paths: readonly ["M12 20v2"];
+        readonly poses: readonly [{
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: 0;
+            readonly y: -0.7;
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: 0;
+            readonly y: 0.3;
+        }];
+        readonly pivot: readonly [12, 20];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.4;
+            readonly repeatAfter: 2.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly x: 0;
+                readonly y: 1;
+            }, {
+                readonly at: 0.65;
+                readonly x: 0;
+                readonly y: 0;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "ray-2";
+        readonly paths: readonly ["m4.93 4.93 1.41 1.41"];
+        readonly poses: readonly [{
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: 0.49489999999999995;
+            readonly y: 0.49489999999999995;
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: -0.21209999999999998;
+            readonly y: -0.21209999999999998;
+        }];
+        readonly pivot: readonly [6.35, 6.35];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.4;
+            readonly repeatAfter: 2.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly x: -0.707;
+                readonly y: -0.707;
+            }, {
+                readonly at: 0.65;
+                readonly x: 0;
+                readonly y: 0;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "ray-3";
+        readonly paths: readonly ["m17.66 17.66 1.41 1.41"];
+        readonly poses: readonly [{
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: -0.49489999999999995;
+            readonly y: -0.49489999999999995;
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: 0.21209999999999998;
+            readonly y: 0.21209999999999998;
+        }];
+        readonly pivot: readonly [17.65, 17.65];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.4;
+            readonly repeatAfter: 2.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly x: 0.707;
+                readonly y: 0.707;
+            }, {
+                readonly at: 0.65;
+                readonly x: 0;
+                readonly y: 0;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "ray-4";
+        readonly paths: readonly ["M2 12h2"];
+        readonly poses: readonly [{
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: 0.7;
+            readonly y: 0;
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: -0.3;
+            readonly y: 0;
+        }];
+        readonly pivot: readonly [4, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.4;
+            readonly repeatAfter: 2.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly x: -1;
+                readonly y: 0;
+            }, {
+                readonly at: 0.65;
+                readonly x: 0;
+                readonly y: 0;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "ray-5";
+        readonly paths: readonly ["M20 12h2"];
+        readonly poses: readonly [{
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: -0.7;
+            readonly y: 0;
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: 0.3;
+            readonly y: 0;
+        }];
+        readonly pivot: readonly [20, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.4;
+            readonly repeatAfter: 2.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly x: 1;
+                readonly y: 0;
+            }, {
+                readonly at: 0.65;
+                readonly x: 0;
+                readonly y: 0;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "ray-6";
+        readonly paths: readonly ["m6.34 17.66-1.41 1.41"];
+        readonly poses: readonly [{
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: 0.49489999999999995;
+            readonly y: -0.49489999999999995;
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: -0.21209999999999998;
+            readonly y: 0.21209999999999998;
+        }];
+        readonly pivot: readonly [6.35, 17.65];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.4;
+            readonly repeatAfter: 2.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly x: -0.707;
+                readonly y: 0.707;
+            }, {
+                readonly at: 0.65;
+                readonly x: 0;
+                readonly y: 0;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "ray-7";
+        readonly paths: readonly ["m19.07 4.93-1.41 1.41"];
+        readonly poses: readonly [{
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: -0.49489999999999995;
+            readonly y: 0.49489999999999995;
+            readonly scaleX: 0.7;
+            readonly scaleY: 0.7;
+        }, {
+            readonly x: 0.21209999999999998;
+            readonly y: -0.21209999999999998;
+        }];
+        readonly pivot: readonly [17.65, 6.35];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.4;
+            readonly repeatAfter: 2.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly x: 0.707;
+                readonly y: -0.707;
+            }, {
+                readonly at: 0.65;
+                readonly x: 0;
+                readonly y: 0;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};