weasel-icons 0.1.0 → 0.3.0

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type SlidersState } from "./sliders-rig.js";
+export { slidersStates, type SlidersState } from "./sliders-rig.js";
+export type SlidersIconProps = StatefulIconProps<SlidersState>;
+export declare const SlidersIcon: import("react").NamedExoticComponent<SlidersIconProps>;

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

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

@@ -0,0 +1,156 @@
+export declare const slidersStates: readonly ["idle", "adjusting", "applied"];
+export type SlidersState = (typeof slidersStates)[number];
+export declare const slidersArt: {
+    readonly name: "sliders";
+    readonly parts: readonly [{
+        readonly name: "tracks";
+        readonly paths: readonly ["M3 5H21M3 12H21M3 19H21"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "knob-0";
+        readonly paths: readonly ["M13.4 3H14.600000000000001Q15.200000000000001 3 15.200000000000001 3.6V6.4Q15.200000000000001 7 14.600000000000001 7H13.4Q12.8 7 12.8 6.4V3.6Q12.8 3 13.4 3Z"];
+        readonly poses: readonly [{}, {
+            readonly x: -2;
+        }, {
+            readonly x: 2;
+        }];
+        readonly pivot: readonly [14, 5];
+        readonly gestures: readonly [null, {
+            readonly duration: 3.4;
+            readonly repeatAfter: 5.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.08;
+            }, {
+                readonly at: 0.2;
+                readonly x: 3.4;
+            }, {
+                readonly at: 0.33;
+                readonly x: 3.4;
+            }, {
+                readonly at: 0.45;
+                readonly x: 2.448;
+            }, {
+                readonly at: 0.5599999999999999;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 1.1;
+            readonly repeatAfter: 2.1;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.13;
+                readonly x: -0.7;
+            }, {
+                readonly at: 0.43;
+                readonly x: 0.15;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly surface: true;
+    }, {
+        readonly name: "knob-1";
+        readonly paths: readonly ["M7.3999999999999995 10H8.6Q9.2 10 9.2 10.6V13.4Q9.2 14 8.6 14H7.3999999999999995Q6.8 14 6.8 13.4V10.6Q6.8 10 7.3999999999999995 10Z"];
+        readonly poses: readonly [{}, {
+            readonly x: 3;
+        }, {
+            readonly x: -2;
+        }];
+        readonly pivot: readonly [8, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 3.4;
+            readonly repeatAfter: 5.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.26;
+            }, {
+                readonly at: 0.38;
+                readonly x: -3;
+            }, {
+                readonly at: 0.51;
+                readonly x: -3;
+            }, {
+                readonly at: 0.63;
+                readonly x: -2.16;
+            }, {
+                readonly at: 0.74;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 1.1;
+            readonly repeatAfter: 2.1;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.26;
+                readonly x: 0.6;
+            }, {
+                readonly at: 0.53;
+                readonly x: -0.15;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly surface: true;
+    }, {
+        readonly name: "knob-2";
+        readonly paths: readonly ["M15.4 17H16.599999999999998Q17.2 17 17.2 17.6V20.4Q17.2 21 16.599999999999998 21H15.4Q14.8 21 14.8 20.4V17.6Q14.8 17 15.4 17Z"];
+        readonly poses: readonly [{}, {
+            readonly x: -4;
+        }, {
+            readonly x: -1;
+        }];
+        readonly pivot: readonly [16, 19];
+        readonly gestures: readonly [null, {
+            readonly duration: 3.4;
+            readonly repeatAfter: 5.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.44;
+            }, {
+                readonly at: 0.56;
+                readonly x: 2;
+            }, {
+                readonly at: 0.69;
+                readonly x: 2;
+            }, {
+                readonly at: 0.81;
+                readonly x: 1.44;
+            }, {
+                readonly at: 0.9199999999999999;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 1.1;
+            readonly repeatAfter: 2.1;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.39;
+                readonly x: -0.5;
+            }, {
+                readonly at: 0.63;
+                readonly x: 0.12;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly surface: true;
+    }];
+};

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

@@ -0,0 +1,231 @@
+export const slidersStates = ['idle', 'adjusting', 'applied'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Adjust settings: one knob drags to a value and nudges into a detent before the next knob moves. Applied values catch once; tracks never wobble.
+export const slidersArt = {
+    name: 'sliders',
+    parts: [
+        {
+            name: 'tracks',
+            paths: ['M3 5H21M3 12H21M3 19H21'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'knob-0',
+            paths: [
+                'M13.4 3H14.600000000000001Q15.200000000000001 3 15.200000000000001 3.6V6.4Q15.200000000000001 7 14.600000000000001 7H13.4Q12.8 7 12.8 6.4V3.6Q12.8 3 13.4 3Z',
+            ],
+            poses: [
+                {},
+                {
+                    x: -2,
+                },
+                {
+                    x: 2,
+                },
+            ],
+            pivot: [14, 5],
+            gestures: [
+                null,
+                {
+                    duration: 3.4,
+                    repeatAfter: 5.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.08,
+                        },
+                        {
+                            at: 0.2,
+                            x: 3.4,
+                        },
+                        {
+                            at: 0.33,
+                            x: 3.4,
+                        },
+                        {
+                            at: 0.45,
+                            x: 2.448,
+                        },
+                        {
+                            at: 0.5599999999999999,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 1.1,
+                    repeatAfter: 2.1,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.13,
+                            x: -0.7,
+                        },
+                        {
+                            at: 0.43,
+                            x: 0.15,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            surface: true,
+        },
+        {
+            name: 'knob-1',
+            paths: [
+                'M7.3999999999999995 10H8.6Q9.2 10 9.2 10.6V13.4Q9.2 14 8.6 14H7.3999999999999995Q6.8 14 6.8 13.4V10.6Q6.8 10 7.3999999999999995 10Z',
+            ],
+            poses: [
+                {},
+                {
+                    x: 3,
+                },
+                {
+                    x: -2,
+                },
+            ],
+            pivot: [8, 12],
+            gestures: [
+                null,
+                {
+                    duration: 3.4,
+                    repeatAfter: 5.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.26,
+                        },
+                        {
+                            at: 0.38,
+                            x: -3,
+                        },
+                        {
+                            at: 0.51,
+                            x: -3,
+                        },
+                        {
+                            at: 0.63,
+                            x: -2.16,
+                        },
+                        {
+                            at: 0.74,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 1.1,
+                    repeatAfter: 2.1,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.26,
+                            x: 0.6,
+                        },
+                        {
+                            at: 0.53,
+                            x: -0.15,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            surface: true,
+        },
+        {
+            name: 'knob-2',
+            paths: [
+                'M15.4 17H16.599999999999998Q17.2 17 17.2 17.6V20.4Q17.2 21 16.599999999999998 21H15.4Q14.8 21 14.8 20.4V17.6Q14.8 17 15.4 17Z',
+            ],
+            poses: [
+                {},
+                {
+                    x: -4,
+                },
+                {
+                    x: -1,
+                },
+            ],
+            pivot: [16, 19],
+            gestures: [
+                null,
+                {
+                    duration: 3.4,
+                    repeatAfter: 5.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.44,
+                        },
+                        {
+                            at: 0.56,
+                            x: 2,
+                        },
+                        {
+                            at: 0.69,
+                            x: 2,
+                        },
+                        {
+                            at: 0.81,
+                            x: 1.44,
+                        },
+                        {
+                            at: 0.9199999999999999,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 1.1,
+                    repeatAfter: 2.1,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.39,
+                            x: -0.5,
+                        },
+                        {
+                            at: 0.63,
+                            x: 0.12,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            surface: true,
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type SparkleState } from "./sparkle-rig.js";
+export { sparkleStates, type SparkleState } from "./sparkle-rig.js";
+export type SparkleIconProps = StatefulIconProps<SparkleState>;
+export declare const SparkleIcon: import("react").NamedExoticComponent<SparkleIconProps>;

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

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useRef, useCallback } 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 { SPARKLE_BLINK_DURATION } from "../../shared/sparkle-motion.js";
+import { SPARKLE_CORE, sampleSparkle } from "./sparkle-rig.js";
+export { sparkleStates } from "./sparkle-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+export const SparkleIcon = memo(function SparkleIcon({ 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), shimmering = usePoseWeight(state === 'shimmering', pace, reduced), blink = usePoseWeight(state === 'blink', pace, reduced), dimmed = usePoseWeight(state === 'dimmed', pace, reduced);
+    const performs = alive && !reduced && (state === 'shimmering' || state === 'blink');
+    const life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const first = useRef(true);
+    const canRestart = useCallback(() => {
+        const invisible = first.current || blink.get() < 0.001;
+        first.current = false;
+        return invisible;
+    }, [blink]);
+    const entry = useActionProgress(state === 'blink', pace, reduced, SPARKLE_BLINK_DURATION, canRestart);
+    const rig = useTransform(() => sampleSparkle([idle.get(), shimmering.get(), blink.get(), dimmed.get()], time.get(), life.get(), entry.get()));
+    const core = useTransform(rig, (r) => r.core), coreOpacity = useTransform(rig, (r) => r.coreOpacity), tint = useTransform(rig, (r) => r.tint);
+    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: _jsx(motion.g, { "data-layer": "sparkle-core", transform: core, style: ORIGIN, opacity: coreOpacity, children: _jsx(motion.path, { "data-part": "shell", d: SPARKLE_CORE, stroke: color, strokeWidth: strokeWidth, fill: accentColor, fillOpacity: tint }) }) }));
+});

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

@@ -0,0 +1,8 @@
+export { SPARKLE_CORE } from "../../shared/sparkle-motion.js";
+export declare const sparkleStates: readonly ["idle", "shimmering", "blink", "dimmed"];
+export type SparkleState = (typeof sparkleStates)[number];
+export declare function sampleSparkle(weights: readonly number[], time?: number, alive?: number, entry?: number): {
+    core: string;
+    coreOpacity: number;
+    tint: number;
+};

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

@@ -0,0 +1,6 @@
+import { sampleSparkleCore } from "../../shared/sparkle-motion.js";
+export { SPARKLE_CORE } from "../../shared/sparkle-motion.js";
+export const sparkleStates = ['idle', 'shimmering', 'blink', 'dimmed'];
+export function sampleSparkle(weights, time = 0, alive = 0, entry = 1) {
+    return sampleSparkleCore(weights, time, alive, entry, 0.85);
+}

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type SparklesState } from "./sparkles-rig.js";
+export { sparklesStates, type SparklesState } from "./sparkles-rig.js";
+export type SparklesIconProps = StatefulIconProps<SparklesState>;
+export declare const SparklesIcon: import("react").NamedExoticComponent<SparklesIconProps>;

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

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef, useCallback } 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 { SPARKLE_BLINK_DURATION } from "../../shared/sparkle-motion.js";
+import { SPARKLES_CORE, SPARKLES_HIGH, SPARKLES_LOW, sampleSparkles, } from "./sparkles-rig.js";
+export { sparklesStates } from "./sparkles-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+export const SparklesIcon = memo(function SparklesIcon({ 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), shimmering = usePoseWeight(state === 'shimmering', pace, reduced), blink = usePoseWeight(state === 'blink', pace, reduced), dimmed = usePoseWeight(state === 'dimmed', pace, reduced);
+    const performs = alive && !reduced && (state === 'shimmering' || state === 'blink');
+    const life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const first = useRef(true);
+    const canRestart = useCallback(() => {
+        const invisible = first.current || blink.get() < 0.001;
+        first.current = false;
+        return invisible;
+    }, [blink]);
+    const entry = useActionProgress(state === 'blink', pace, reduced, SPARKLE_BLINK_DURATION, canRestart);
+    const rig = useTransform(() => sampleSparkles([idle.get(), shimmering.get(), blink.get(), dimmed.get()], time.get(), life.get(), entry.get()));
+    const core = useTransform(rig, (r) => r.core), high = useTransform(rig, (r) => r.high), low = useTransform(rig, (r) => r.low), coreOpacity = useTransform(rig, (r) => r.coreOpacity), highOpacity = useTransform(rig, (r) => r.highOpacity), lowOpacity = useTransform(rig, (r) => r.lowOpacity), tint = useTransform(rig, (r) => r.tint);
+    return (_jsxs("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: [_jsx(motion.g, { "data-layer": "sparkles-core", transform: core, style: ORIGIN, opacity: coreOpacity, children: _jsx(motion.path, { "data-part": "shell", d: SPARKLES_CORE, stroke: color, strokeWidth: strokeWidth, fill: accentColor, fillOpacity: tint }) }), _jsx(motion.path, { "data-layer": "sparkles-high", d: SPARKLES_HIGH, stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.6, 1.2), transform: high, style: ORIGIN, opacity: highOpacity }), _jsx(motion.path, { "data-layer": "sparkles-low", d: SPARKLES_LOW, stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.6, 1.2), transform: low, style: ORIGIN, opacity: lowOpacity })] }));
+});

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

@@ -0,0 +1,14 @@
+export { SPARKLE_CORE as SPARKLES_CORE } from "../../shared/sparkle-motion.js";
+export declare const sparklesStates: readonly ["idle", "shimmering", "blink", "dimmed"];
+export type SparklesState = (typeof sparklesStates)[number];
+export declare function sampleSparkles(weights: readonly number[], time?: number, alive?: number, entry?: number): {
+    high: string;
+    low: string;
+    highOpacity: number;
+    lowOpacity: number;
+    core: string;
+    coreOpacity: number;
+    tint: number;
+};
+export declare const SPARKLES_HIGH = "M19 2.8Q19.4 4.6 21.2 5Q19.4 5.4 19 7.2Q18.6 5.4 16.8 5Q18.6 4.6 19 2.8Z";
+export declare const SPARKLES_LOW = "M5 17.4Q5.3 18.7 6.6 19Q5.3 19.3 5 20.6Q4.7 19.3 3.4 19Q4.7 18.7 5 17.4Z";

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

@@ -0,0 +1,24 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+import { sampleSparkleCore, sampleTwinkle } from "../../shared/sparkle-motion.js";
+export { SPARKLE_CORE as SPARKLES_CORE } from "../../shared/sparkle-motion.js";
+export const sparklesStates = ['idle', 'shimmering', 'blink', 'dimmed'];
+export function sampleSparkles(weights, time = 0, alive = 0, entry = 1) {
+    const clamp = (n) => Math.max(0, Math.min(1, n));
+    const [, shimmering, blink, dimmed] = weights.map(clamp), life = clamp(alive);
+    const t = time % 6.4, e = clamp(entry);
+    // Separate authored schedules; never blink the complete glyph in unison.
+    const highBlink = sampleTwinkle(time, life, e, 0.44, [1.2, 4.2]), lowBlink = sampleTwinkle(time, life, e, 0.88, [2.2, 5.2]);
+    const highBeat = Math.max(behaviorBeat(e, 0.15, 0.2, 0.04, 0.48), life * behaviorBeat(t, 0.85, 0.28, 0.08, 0.65));
+    const lowBeat = Math.max(behaviorBeat(e, 0.32, 0.2, 0.03, 0.43), life * behaviorBeat(t, 1.4, 0.25, 0.08, 0.65));
+    const highScale = 1 - dimmed * 0.28 + shimmering * highBeat * 0.12;
+    const lowScale = 1 - dimmed * 0.28 + shimmering * lowBeat * 0.16;
+    return {
+        ...sampleSparkleCore(weights, time, life, e, 0.67),
+        high: `translate(19px, 5px) rotate(${-blink * highBlink.tilt}deg) scale(${highScale}) translate(-19px, -5px)`,
+        low: `translate(5px, 19px) rotate(${blink * lowBlink.tilt * 0.75}deg) scale(${lowScale}) translate(-5px, -19px)`,
+        highOpacity: clamp(1 - dimmed * 0.55 - shimmering * life * (1 - highBeat) * 0.45 - blink * highBlink.dark * 0.9),
+        lowOpacity: clamp(1 - dimmed * 0.55 - shimmering * life * (1 - lowBeat) * 0.45 - blink * lowBlink.dark * 0.9),
+    };
+}
+export const SPARKLES_HIGH = 'M19 2.8Q19.4 4.6 21.2 5Q19.4 5.4 19 7.2Q18.6 5.4 16.8 5Q18.6 4.6 19 2.8Z';
+export const SPARKLES_LOW = 'M5 17.4Q5.3 18.7 6.6 19Q5.3 19.3 5 20.6Q4.7 19.3 3.4 19Q4.7 18.7 5 17.4Z';

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type StarState } from "./star-rig.js";
+export { starStates, type StarState } from "./star-rig.js";
+export type StarIconProps = StatefulIconProps<StarState>;
+export declare const StarIcon: import("react").NamedExoticComponent<StarIconProps>;

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

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef, useCallback } 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 { STAR_SHELL, STAR_MOTE, STAR_ACTION_DURATION, sampleStar, } from "./star-rig.js";
+export { starStates } from "./star-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+const MOTE_INDICES = [0, 1, 2, 3, 4, 5];
+function StarMote({ rig, index, color, strokeWidth, }) {
+    const transform = useTransform(rig, (r) => r.motes[index].transform), opacity = useTransform(rig, (r) => r.motes[index].opacity);
+    return (_jsx(motion.path, { "data-layer": `star-mote-${index}`, d: STAR_MOTE, transform: transform, opacity: opacity, stroke: color, fill: color, strokeWidth: Math.min(strokeWidth * 0.3, 0.6), style: ORIGIN }));
+}
+export const StarIcon = memo(function StarIcon({ 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), shooting = usePoseWeight(state === 'shooting', pace, reduced), starred = usePoseWeight(state === 'starred', pace, reduced), loading = usePoseWeight(state === 'loading', pace, reduced);
+    const performs = alive && !reduced && state !== 'idle';
+    const life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const first = useRef(true);
+    const canRestart = useCallback(() => {
+        const invisible = first.current || starred.get() < 0.001;
+        first.current = false;
+        return invisible;
+    }, [starred]);
+    const firstFlight = useRef(true);
+    const canRestartFlight = useCallback(() => {
+        const invisible = firstFlight.current || shooting.get() < 0.001;
+        firstFlight.current = false;
+        return invisible;
+    }, [shooting]);
+    const entry = useActionProgress(state === 'starred', pace, reduced, STAR_ACTION_DURATION, canRestart);
+    const flightEntry = useActionProgress(state === 'shooting', pace, reduced, STAR_ACTION_DURATION, canRestartFlight);
+    const rig = useTransform(() => sampleStar([idle.get(), shooting.get(), starred.get(), loading.get()], time.get(), life.get(), entry.get(), flightEntry.get()));
+    const body = useTransform(rig, (r) => r.body), tint = useTransform(rig, (r) => r.tint), trail = useTransform(rig, (r) => r.trail), trailOpacity = useTransform(rig, (r) => r.trailOpacity), trailDash = useTransform(rig, (r) => r.trailDash), trailOffset = useTransform(rig, (r) => r.trailOffset), progress = useTransform(rig, (r) => r.progress), progressOffset = useTransform(rig, (r) => r.progressOffset);
+    return (_jsxs("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: [_jsx(motion.path, { "data-layer": "star-trail", d: trail, opacity: trailOpacity, strokeDasharray: trailDash, strokeDashoffset: trailOffset, stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.65, 1.2) }), _jsxs(motion.g, { "data-layer": "star-body", transform: body, style: ORIGIN, children: [_jsx(motion.path, { "data-part": "shell", d: STAR_SHELL, stroke: color, strokeWidth: strokeWidth, fill: accentColor, fillOpacity: tint }), _jsx(motion.circle, { "data-layer": "star-progress", cx: "12", cy: "12", r: "2.3", stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.65, 1.2), strokeDasharray: "3.6 10.85", strokeDashoffset: progressOffset, opacity: progress })] }), MOTE_INDICES.map((index) => (_jsx(StarMote, { rig: rig, index: index, color: accentColor, strokeWidth: strokeWidth }, index)))] }));
+});

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

@@ -0,0 +1,20 @@
+export declare const starStates: readonly ["idle", "shooting", "starred", "loading"];
+export type StarState = (typeof starStates)[number];
+export declare const STAR_ACTION_DURATION = 1.35;
+export declare function sampleStar(weights: readonly number[], time?: number, alive?: number, entry?: number, flightEntry?: number): {
+    body: string;
+    tint: number;
+    motes: {
+        transform: string;
+        opacity: number;
+    }[];
+    trail: string;
+    trailOpacity: number;
+    trailDash: string;
+    trailOffset: number;
+    progress: number;
+    progressOffset: number;
+};
+export declare 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 declare 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";