weasel-icons 0.1.0 → 0.2.0

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

@@ -0,0 +1,29 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+export const plugStates = ['disconnected', 'connecting', 'connected', 'error'];
+// A straightened Lucide Unplug pair, rotated together onto its original diagonal.
+export const PLUG_MALE = 'M8 8H6a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2Z';
+export const PLUG_SOCKET = 'M16 8h2a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-2Z';
+const clamp = (n) => Math.max(0, Math.min(1, n));
+export function samplePlug(weights, time = 0, alive = 0) {
+    const [, c, on, e] = weights.map(clamp), life = clamp(alive), t = time % 8.2;
+    const approach = behaviorBeat(t, 0.15, 0.85, 0.3, 1.1) + 0.65 * behaviorBeat(t, 4.4, 0.65, 0.15, 0.9);
+    const latch = behaviorBeat(t, 0.98, 0.16, 0.08, 0.5);
+    const retry = behaviorBeat(t, 0.2, 0.55, 0.1, 0.85) + 0.6 * behaviorBeat(t, 4.6, 0.45, 0.1, 0.75);
+    // Connecting approaches but never declares success. Error attempts cannot mate.
+    const contact = clamp(on + c * (0.18 + life * 0.3 * approach) + e * life * 0.12 * retry);
+    const shift = 4 * contact, gap = 8 - 2 * shift;
+    const pulse = on * life * (behaviorBeat(t, 0.2, 0.8, 0.2, 1) + 0.7 * behaviorBeat(t, 4.5, 0.7, 0.2, 0.9));
+    const pins = Math.min(3, gap);
+    return {
+        male: `translate(${shift}px, 0px)`,
+        socket: `translate(${-shift}px, 0px)`,
+        cables: `M2 12H${4 + shift}M${20 - shift} 12H22`,
+        pins: `M8 10H${8 + pins}M8 14H${8 + pins}`,
+        pinOpacity: clamp(gap / 1.8),
+        signal: c * (0.35 + life * 0.45 * approach) + pulse * 0.4,
+        signalScale: 1 + c * life * 0.18 * latch,
+        error: e,
+        gap,
+        contact,
+    };
+}

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type RefreshState } from "./refresh-rig.js";
+export { refreshStates, type RefreshState } from "./refresh-rig.js";
+export type RefreshIconProps = StatefulIconProps<RefreshState>;
+export declare const RefreshIcon: import("react").NamedExoticComponent<RefreshIconProps>;

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

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef, useCallback, useEffect } from 'react';
+import { motion, useTransform, useMotionValue } from 'motion/react';
+import { usePoseWeight, useBehaviorClock, useActionProgress } from "../../shared/use-icon-motion.js";
+import { useMotionPreference } from "../../shared/use-motion-preference.js";
+import { REFRESH_UPPER, REFRESH_LOWER, REFRESH_HEADS, sampleRefresh, } from "./refresh-rig.js";
+export { refreshStates } from "./refresh-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+export const RefreshIcon = memo(function RefreshIcon({ state = 'ready', 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 w0 = usePoseWeight(state === 'ready', pace, reduced);
+    const w1 = usePoseWeight(state === 'refreshing', pace, reduced);
+    const w2 = usePoseWeight(state === 'complete', pace, reduced);
+    const w3 = usePoseWeight(state === 'failed', pace, reduced);
+    const performs = alive && !reduced && state === 'refreshing';
+    const life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const phase = useMotionValue(0);
+    useEffect(() => {
+        let previous = time.get();
+        return time.on('change', (now) => {
+            const delta = Math.max(0, now - previous);
+            previous = now;
+            phase.set(phase.get() + delta * 180 * life.get() * w1.get());
+        });
+    }, [time, phase, life, w1]);
+    const can0 = useCallback(() => w1.get() < 0.001, [w1]);
+    const e0 = useActionProgress(state === 'refreshing', pace, reduced, 1.1, can0);
+    const can1 = useCallback(() => w2.get() < 0.001, [w2]);
+    const e1 = useActionProgress(state === 'complete', pace, reduced, 0.85, can1);
+    const can2 = useCallback(() => w3.get() < 0.001, [w3]);
+    const e2 = useActionProgress(state === 'failed', pace, reduced, 0.95, can2);
+    const rig = useTransform(() => sampleRefresh([w0.get(), w1.get(), w2.get(), w3.get()], time.get(), life.get(), e0.get(), e1.get(), e2.get(), phase.get()));
+    const wheel = useTransform(rig, (r) => r.wheel);
+    const check = useTransform(rig, (r) => r.check);
+    const checkOffset = useTransform(rig, (r) => r.checkOffset);
+    const failure = useTransform(rig, (r) => r.failure);
+    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", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", pointerEvents: "none", style: { display: 'block' }, children: _jsxs("g", { "data-layer": "refresh-body", transform: "translate(12 12) scale(.8) translate(-12 -12)", children: [_jsxs(motion.g, { "data-layer": "refresh-wheel", transform: wheel, style: ORIGIN, children: [_jsx("path", { "data-part": "upper-arc", d: REFRESH_UPPER }), _jsx("path", { "data-part": "lower-arc", d: REFRESH_LOWER }), _jsx("path", { "data-part": "heads", d: REFRESH_HEADS })] }), _jsx(motion.path, { "data-layer": "refresh-check", d: "M8.8 12L11.2 14.4L15.2 10.4", opacity: check, stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.8, 1.5), strokeDasharray: "9.06", strokeDashoffset: checkOffset }), _jsx(motion.g, { "data-layer": "refresh-failure", opacity: failure, children: _jsx("path", { d: "M9.5 9.5L14.5 14.5M14.5 9.5L9.5 14.5", strokeWidth: Math.min(strokeWidth * 0.8, 1.5) }) })] }) }));
+});

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

@@ -0,0 +1,11 @@
+export declare const refreshStates: readonly ["ready", "refreshing", "complete", "failed"];
+export type RefreshState = (typeof refreshStates)[number];
+export declare const REFRESH_UPPER = "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8";
+export declare const REFRESH_LOWER = "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16";
+export declare const REFRESH_HEADS = "M21 3v5h-5M8 16H3v5";
+export declare function sampleRefresh(weights: readonly number[], _time?: number, _alive?: number, entry?: number, successEntry?: number, _failureEntry?: number, phase?: number): {
+    wheel: string;
+    check: number;
+    checkOffset: number;
+    failure: number;
+};

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

@@ -0,0 +1,30 @@
+const clamp = (n) => Math.max(0, Math.min(1, Number.isFinite(n) ? n : 0));
+const smooth = (n) => {
+    const q = clamp(n);
+    return q * q * q * (q * (q * 6 - 15) + 10);
+};
+const normalized = (values) => {
+    const w = values.map(clamp), sum = w.reduce((a, b) => a + b, 0) || 1;
+    return w.map((v) => v / sum);
+};
+export const refreshStates = ['ready', 'refreshing', 'complete', 'failed'];
+export const REFRESH_UPPER = 'M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8';
+export const REFRESH_LOWER = 'M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16';
+export const REFRESH_HEADS = 'M21 3v5h-5M8 16H3v5';
+export function sampleRefresh(weights, _time = 0, _alive = 0, entry = 1, successEntry = 1, _failureEntry = 1, phase = 0) {
+    // Retain the common rig-sampler positions; this rig consumes integrated
+    // phase rather than the raw behavior clock or a refusal playhead.
+    void _time;
+    void _alive;
+    void _failureEntry;
+    const w = normalized(weights);
+    // Opposed arrows return to an equivalent outline after a finite half-turn.
+    // Living phase accumulates in the renderer; a fade never rewinds this angle.
+    const turn = phase + 180 * smooth(entry);
+    return {
+        wheel: `translate(12px, 12px) rotate(${turn}deg) translate(-12px, -12px)`,
+        check: w[2],
+        checkOffset: 9.06 * (1 - smooth((successEntry - 0.08) / 0.62)),
+        failure: w[3],
+    };
+}

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ReplaceState } from "./replace-rig.js";
+export { replaceStates, type ReplaceState } from "./replace-rig.js";
+export type ReplaceIconProps = StatefulIconProps<ReplaceState>;
+export declare const ReplaceIcon: import("react").NamedExoticComponent<ReplaceIconProps>;

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

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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";
+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 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 })] }) }));
+});

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

@@ -0,0 +1,14 @@
+export declare const replaceStates: readonly ["idle", "replacing", "replaced", "error"];
+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): {
+    body: string;
+    source: string;
+    target: string;
+    arrow: string;
+    head: string;
+    check: number;
+    error: number;
+    status: string;
+};

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

@@ -0,0 +1,24 @@
+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;
+    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',
+    };
+}

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

@@ -19,7 +19,7 @@ const RocketSmoke = memo(function RocketSmoke({ rig, index, color, }) {
     const transform = useTransform(rig, (r) => r.smoke[index].transform);
     return (_jsx(motion.circle, { "data-part": `smoke-${index}`, cx: "8.9", cy: "15.1", r: 0.3 + index * 0.08, fill: color, opacity: opacity, transform: transform, style: ORIGIN }));
 });
-export const RocketIcon = memo(function RocketIcon({ state = 'parked', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.8, speed = 1, alive = false, className, }) {
+export const RocketIcon = memo(function RocketIcon({ state = 'parked', 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 parked = usePoseWeight(state === 'parked', pace, reduced);

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

@@ -6,7 +6,7 @@ import { useMotionPreference } from "../../shared/use-motion-preference.js";
 import { usePoseWeight, useBehaviorClock } from "../../shared/use-icon-motion.js";
 import { sampleSearch, SEARCH_HANDLE, SEARCH_SHINE } from "./search-rig.js";
 export { searchStates } from "./search-rig.js";
-export const SearchIcon = memo(function SearchIcon({ state = 'idle', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.8, speed = 1, alive = false, className, }) {
+export const SearchIcon = memo(function SearchIcon({ 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), searching = usePoseWeight(state === 'searching', pace, reduced);

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ShieldState } from "./shield-rig.js";
+export { shieldStates, type ShieldState } from "./shield-rig.js";
+export type ShieldIconProps = StatefulIconProps<ShieldState>;
+export declare const ShieldIcon: import("react").NamedExoticComponent<ShieldIconProps>;

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

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useId, 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 { SHIELD_SHELL, SHIELD_RING_LENGTH, SHIELD_CHECK_LENGTH, SHIELD_CONFIRM_SECONDS, sampleShield, } from "./shield-rig.js";
+export { shieldStates } from "./shield-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+export const ShieldIcon = memo(function ShieldIcon({ state = 'idle', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, }) {
+    const reduced = useMotionPreference(), element = useRef(null), id = useId();
+    const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;
+    const idle = usePoseWeight(state === 'idle', pace, reduced), scanning = usePoseWeight(state === 'scanning', pace, reduced), verified = usePoseWeight(state === 'verified', pace, reduced), blocked = usePoseWeight(state === 'blocked', pace, reduced);
+    const performs = alive && !reduced && state !== 'idle', life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const firstConfirmation = useRef(true);
+    const canRestart = useCallback(() => {
+        const invisible = firstConfirmation.current || verified.get() < 0.001;
+        firstConfirmation.current = false;
+        return invisible;
+    }, [verified]);
+    const entry = useActionProgress(state === 'verified', pace, reduced, SHIELD_CONFIRM_SECONDS, canRestart);
+    const rig = useTransform(() => sampleShield([idle.get(), scanning.get(), verified.get(), blocked.get()], time.get(), life.get(), entry.get()));
+    const body = useTransform(rig, (r) => r.body), cut = useTransform(rig, (r) => r.cut), scanY = useTransform(rig, (r) => r.scanY), scan = useTransform(rig, (r) => r.scan), check = useTransform(rig, (r) => r.check), checkOffset = useTransform(rig, (r) => (1 - r.checkDraw) * SHIELD_CHECK_LENGTH), circle = useTransform(rig, (r) => r.circle), circleOffset = useTransform(rig, (r) => (1 - r.circleDraw) * SHIELD_RING_LENGTH), slash = useTransform(rig, (r) => r.blocked), shine = useTransform(rig, (r) => r.shine);
+    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: [_jsxs("defs", { children: [_jsx("clipPath", { id: `${id}-inside`, children: _jsx("path", { d: SHIELD_SHELL }) }), _jsx("clipPath", { id: `${id}-cut`, children: _jsx(motion.path, { "data-part": "blocked-cut", d: cut, clipRule: "evenodd" }) })] }), _jsxs(motion.g, { "data-layer": "shield-body", transform: body, style: ORIGIN, children: [_jsx("path", { "data-part": "shell", d: SHIELD_SHELL, stroke: color, strokeWidth: strokeWidth, clipPath: `url(#${id}-cut)` }), _jsxs("g", { clipPath: `url(#${id}-inside)`, children: [_jsx(motion.path, { "data-layer": "shield-scan", d: "M8 0H16", stroke: accentColor, strokeWidth: strokeWidth * 0.8, style: { y: scanY }, opacity: scan }), _jsx(motion.path, { "data-layer": "shield-confirm-circle", d: "M12 8.2a4.3 4.3 0 1 1 0 8.6a4.3 4.3 0 1 1 0-8.6", stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.65, 1.5), strokeDasharray: `${SHIELD_RING_LENGTH} ${SHIELD_RING_LENGTH}`, strokeDashoffset: circleOffset, opacity: circle }), _jsx(motion.path, { "data-layer": "shield-check", d: "m9.8 12.4 1.5 1.5 2.8-2.8", stroke: color, strokeWidth: Math.min(strokeWidth * 0.75, 1.5), strokeDasharray: `${SHIELD_CHECK_LENGTH} ${SHIELD_CHECK_LENGTH}`, strokeDashoffset: checkOffset, opacity: check }), _jsx(motion.path, { "data-layer": "shield-shine", d: "M16.8 7.2v2.2", stroke: accentColor, strokeWidth: strokeWidth * 0.7, opacity: shine })] }), _jsx(motion.path, { "data-layer": "shield-blocked", d: "M3 3l18 18", stroke: color, strokeWidth: strokeWidth, opacity: slash })] })] }));
+});

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

@@ -0,0 +1,23 @@
+export declare const shieldStates: readonly ["idle", "scanning", "verified", "blocked"];
+export type ShieldState = (typeof shieldStates)[number];
+export declare const SHIELD_SHELL = "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z";
+export declare const SHIELD_RING_LENGTH: number;
+export declare const SHIELD_CHECK_LENGTH: number;
+export declare const SHIELD_CONFIRM_SECONDS = 1.1;
+export declare function shieldConfirmation(progress: number): {
+    circle: number;
+    check: number;
+};
+/** A planted shield: scan inside its boundary, receive a check, or close the gate. */
+export declare function sampleShield(weights: readonly number[], time?: number, alive?: number, entry?: number): {
+    body: string;
+    scanY: number;
+    scan: number;
+    circle: number;
+    circleDraw: number;
+    check: number;
+    checkDraw: number;
+    blocked: number;
+    cut: string;
+    shine: number;
+};

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

@@ -0,0 +1,42 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+export const shieldStates = ['idle', 'scanning', 'verified', 'blocked'];
+export const SHIELD_SHELL = 'M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z';
+const clamp = (n) => Math.max(0, Math.min(1, n));
+export const SHIELD_RING_LENGTH = Math.PI * 8.6;
+export const SHIELD_CHECK_LENGTH = Math.SQRT2 * 4.3;
+export const SHIELD_CONFIRM_SECONDS = 1.1;
+const smooth = (value) => {
+    const t = clamp(value);
+    return t * t * t * (t * (t * 6 - 15) + 10);
+};
+export function shieldConfirmation(progress) {
+    return {
+        circle: smooth(progress / 0.66),
+        check: smooth((progress - 0.72) / 0.28),
+    };
+}
+/** A planted shield: scan inside its boundary, receive a check, or close the gate. */
+export function sampleShield(weights, time = 0, alive = 0, entry = 1) {
+    const [, s, v, b] = weights.map(clamp), life = clamp(alive);
+    const t = time % 7.2;
+    const sweep = behaviorBeat(t, 0.1, 1.15, 0.12, 1.15);
+    const second = behaviorBeat(t, 3.8, 0.75, 0.12, 0.75);
+    const confirm = behaviorBeat(t, 0.2, 0.3, 0.12, 0.7) + 0.55 * behaviorBeat(t, 4.1, 0.2, 0.1, 0.5);
+    const guard = behaviorBeat(t, 0.3, 0.28, 0.12, 0.7) - 0.4 * behaviorBeat(t, 4.4, 0.3, 0.1, 0.7);
+    const breathe = v * life * confirm;
+    const tilt = b * life * guard * -3;
+    const gap = b * 1.55;
+    const confirmation = shieldConfirmation(entry);
+    return {
+        body: `translate(12px, 12px) rotate(${tilt}deg) scale(${0.84 + breathe * 0.018}) translate(-12px, -12px)`,
+        scanY: 8 + s * life * (7 * sweep + 4 * second),
+        scan: s * (0.45 + life * 0.5),
+        circle: v * smooth(confirmation.circle / 0.035),
+        circleDraw: confirmation.circle,
+        check: v * smooth(confirmation.check / 0.035),
+        checkDraw: confirmation.check,
+        blocked: b,
+        cut: `M0 0H24V24H0Z M${2 - gap} ${2 + gap}L${22 - gap} ${22 + gap}L${22 + gap} ${22 - gap}L${2 + gap} ${2 - gap}Z`,
+        shine: v * life * confirm,
+    };
+}

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

@@ -9,7 +9,7 @@ import { sampleShip } from "./ship-rig.js";
 export { shipStates } from "./ship-rig.js";
 // Motion 13 renders transform as CSS, not an SVG transform attribute.
 const SVG_ORIGIN = { originX: 0, originY: 0, transformBox: 'view-box' };
-export const ShipIcon = memo(function ShipIcon({ state = 'docked', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.8, speed = 1, alive = false, className, colors, }) {
+export const ShipIcon = memo(function ShipIcon({ state = 'docked', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, colors, }) {
     const reduced = useMotionPreference(), element = useRef(null);
     const clipId = `ship-sea-${useId().replace(/:/g, '')}`;
     const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;

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";

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';