weasel-icons 0.1.0 → 0.3.0

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

package/dist/icons/arrow-up/arrow-up-rig.d.ts

@@ -0,0 +1,43 @@
+export declare const arrowUpStates: readonly ["idle", "moving", "arrived"];
+export type ArrowUpState = (typeof arrowUpStates)[number];
+export declare const arrowUpArt: {
+    readonly name: "arrow-up";
+    readonly parts: readonly [{
+        readonly name: "arrow";
+        readonly paths: readonly ["M12 19L12 5", "M5 12L12 5L19 12"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.05;
+            readonly repeatAfter: 2.15;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.15;
+                readonly y: 1.3;
+            }, {
+                readonly at: 0.6;
+                readonly y: -2;
+            }, {
+                readonly at: 0.78;
+                readonly y: -2;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.55;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.35;
+                readonly y: -0.7;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly pathStates: readonly [readonly ["M12 19L12 5", "M5 12L12 5L19 12"], readonly ["M12 19L12 8", "M7 13L12 8L17 13"], readonly ["M12 13L12 4", "M7 9L12 4L17 9"]];
+    }];
+};

package/dist/icons/arrow-up/arrow-up-rig.js

@@ -0,0 +1,64 @@
+export const arrowUpStates = ['idle', 'moving', 'arrived'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The attached arrowhead draws back with a shorter shaft, accelerates toward the destination, then rests as a compact arrived arrow.
+export const arrowUpArt = {
+    name: 'arrow-up',
+    parts: [
+        {
+            name: 'arrow',
+            paths: ['M12 19L12 5', 'M5 12L12 5L19 12'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.05,
+                    repeatAfter: 2.15,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.15,
+                            y: 1.3,
+                        },
+                        {
+                            at: 0.6,
+                            y: -2,
+                        },
+                        {
+                            at: 0.78,
+                            y: -2,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 0.55,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.35,
+                            y: -0.7,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            pathStates: [
+                ['M12 19L12 5', 'M5 12L12 5L19 12'],
+                ['M12 19L12 8', 'M7 13L12 8L17 13'],
+                ['M12 13L12 4', 'M7 9L12 4L17 9'],
+            ],
+        },
+    ],
+};

package/dist/icons/badge-check/badge-check-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type BadgeCheckState } from "./badge-check-rig.js";
+export { badgeCheckStates, type BadgeCheckState } from "./badge-check-rig.js";
+export type BadgeCheckIconProps = StatefulIconProps<BadgeCheckState>;
+export declare const BadgeCheckIcon: import("react").NamedExoticComponent<BadgeCheckIconProps>;

package/dist/icons/badge-check/badge-check-icon.js

@@ -0,0 +1,33 @@
+'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 { BADGE_SHELL, sampleBadgeCheck } from "./badge-check-rig.js";
+export { badgeCheckStates } from "./badge-check-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+export const BadgeCheckIcon = memo(function BadgeCheckIcon({ 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), checking = usePoseWeight(state === 'checking', pace, reduced), verified = usePoseWeight(state === 'verified', pace, reduced), rejected = usePoseWeight(state === 'rejected', pace, reduced);
+    const performs = alive && !reduced && state !== 'idle', life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    // Mount an already verified value as a still; replay only on a later entry.
+    const first = useRef(state !== 'verified');
+    const canRestart = useCallback(() => {
+        const invisible = first.current || verified.get() < 0.001;
+        first.current = false;
+        return invisible;
+    }, [verified]);
+    const entry = useActionProgress(state === 'verified', pace, reduced, 0.9, canRestart);
+    const firstRejection = useRef(state !== 'rejected');
+    const canRestartRejection = useCallback(() => {
+        const invisible = firstRejection.current || rejected.get() < 0.001;
+        firstRejection.current = false;
+        return invisible;
+    }, [rejected]);
+    const rejectionEntry = useActionProgress(state === 'rejected', pace, reduced, 0.8, canRestartRejection);
+    const rig = useTransform(() => sampleBadgeCheck([idle.get(), checking.get(), verified.get(), rejected.get()], time.get(), life.get(), entry.get(), rejectionEntry.get()));
+    const body = useTransform(rig, (r) => r.body), mark = useTransform(rig, (r) => r.mark), markOpacity = useTransform(rig, (r) => r.markOpacity), markOffset = useTransform(rig, (r) => r.markOffset), reverse = useTransform(rig, (r) => r.reverse), cross = useTransform(rig, (r) => r.cross), progress = useTransform(rig, (r) => r.progress), progressOffset = useTransform(rig, (r) => r.progressOffset), shine = useTransform(rig, (r) => r.shine);
+    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": "badge-body", transform: body, style: ORIGIN, children: [_jsx("path", { "data-part": "shell", d: BADGE_SHELL, stroke: color, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-layer": "badge-progress", d: "M12 7.5a4.5 4.5 0 1 1 0 9a4.5 4.5 0 1 1 0-9", opacity: progress, stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.8, 1.5), strokeDasharray: "7 21.274334", strokeDashoffset: progressOffset }), _jsx(motion.path, { "data-layer": "badge-mark", d: mark, opacity: markOpacity, stroke: color, strokeWidth: strokeWidth, strokeDasharray: "12 12", strokeDashoffset: markOffset }), _jsx(motion.path, { "data-layer": "badge-reverse", d: cross, opacity: reverse, stroke: color, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-layer": "badge-shine", d: "M7.2 6.3a2 2 0 0 1 1.7-.3", opacity: shine, stroke: accentColor, strokeWidth: strokeWidth * 0.65 })] }) }));
+});

package/dist/icons/badge-check/badge-check-rig.d.ts

@@ -0,0 +1,14 @@
+export declare const badgeCheckStates: readonly ["idle", "checking", "verified", "rejected"];
+export type BadgeCheckState = (typeof badgeCheckStates)[number];
+export declare const BADGE_SHELL = "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z";
+export declare function sampleBadgeCheck(weights: readonly number[], time?: number, alive?: number, entry?: number, rejectionEntry?: number): {
+    body: string;
+    mark: string;
+    markOpacity: number;
+    markOffset: number;
+    reverse: number;
+    cross: string;
+    progress: number;
+    progressOffset: number;
+    shine: number;
+};

package/dist/icons/badge-check/badge-check-rig.js

@@ -0,0 +1,36 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+export const badgeCheckStates = ['idle', 'checking', 'verified', 'rejected'];
+export const BADGE_SHELL = 'M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z';
+export function sampleBadgeCheck(weights, time = 0, alive = 0, entry = 1, rejectionEntry = 1) {
+    const clamp = (n) => Math.max(0, Math.min(1, n));
+    const smooth = (n) => {
+        const t = clamp(n);
+        return t * t * t * (t * (t * 6 - 15) + 10);
+    };
+    const [, checking, verified, rejected] = weights.map(clamp), life = clamp(alive);
+    const t = time % 7.2;
+    const stamp = Math.max(behaviorBeat(entry * 0.9, 0.3, 0.18, 0.06, 0.36), life * behaviorBeat(t, 0.5, 0.18, 0.08, 0.55));
+    const shine = behaviorBeat(t, 3.9, 0.45, 0.1, 0.7);
+    const refuse = life * rejected * behaviorBeat(t, 0.35, 0.35, 0.12, 0.7);
+    const draw = smooth(entry / 0.68);
+    const crossDraw = smooth((rejectionEntry - 0.1) / 0.72);
+    const cross = [
+        [8.5, 8.5],
+        [15.5, 8.5],
+        [15.5, 15.5],
+        [8.5, 15.5],
+    ]
+        .map(([x, y]) => `M${x} ${y}L${x + (12 - x) * crossDraw} ${y + (12 - y) * crossDraw}`)
+        .join('');
+    return {
+        body: `translate(12px, 12px) rotate(${-4 * refuse}deg) scale(${0.84 + verified * stamp * 0.027}) translate(-12px, -12px)`,
+        mark: `M${8 + 0.5 * rejected} ${12 - 3.5 * rejected}L${10.5 + 1.5 * rejected} ${14.5 - 2.5 * rejected}L${16 - 0.5 * rejected} ${9 + 6.5 * rejected}`,
+        markOpacity: (1 - checking) * (1 - rejected) * (1 - verified + verified * smooth(draw / 0.025)),
+        markOffset: verified * (1 - draw) * 12,
+        reverse: rejected * smooth(crossDraw / 0.04),
+        cross,
+        progress: checking,
+        progressOffset: -Math.PI * 9 * (time / 1.5) * life,
+        shine: verified * life * shine,
+    };
+}

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

@@ -7,7 +7,7 @@ import { usePoseWeight, useBehaviorClock } from "../../shared/use-icon-motion.js
 import { sampleBell, BELL_SHELL, BELL_CLAPPER } from "./bell-rig.js";
 export { bellStates } from "./bell-rig.js";
 const ORIGIN = { originX: 0, originY: 0, transformBox: 'view-box' };
-export const BellIcon = memo(function BellIcon({ state = 'idle', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.8, speed = 1, alive = false, className, }) {
+export const BellIcon = memo(function BellIcon({ 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), ringing = usePoseWeight(state === 'ringing', pace, reduced);

package/dist/icons/book-open/book-open-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type BookOpenState } from "./book-open-rig.js";
+export { bookOpenStates, type BookOpenState } from "./book-open-rig.js";
+export type BookOpenIconProps = StatefulIconProps<BookOpenState>;
+export declare const BookOpenIcon: import("react").NamedExoticComponent<BookOpenIconProps>;

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

package/dist/icons/book-open/book-open-rig.d.ts

@@ -0,0 +1,65 @@
+export declare const bookOpenStates: readonly ["idle", "reading", "finished"];
+export type BookOpenState = (typeof bookOpenStates)[number];
+export declare const bookOpenArt: {
+    readonly name: "book-open";
+    readonly parts: readonly [{
+        readonly name: "left-page";
+        readonly paths: readonly ["M12 5C10.7 3.7 9.5 3 8 3H4Q2 3 2 5V17Q2 19 4 19H8Q10.4 19 12 21"];
+        readonly poses: readonly [{}, {
+            readonly scaleX: 0.9;
+        }, {
+            readonly scaleX: 0.7;
+        }];
+        readonly pivot: readonly [12, 13];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.65;
+            readonly repeatAfter: 2.45;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.45;
+                readonly scaleX: -0.16;
+            }, {
+                readonly at: 0.72;
+                readonly scaleX: 0.07;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "right-page";
+        readonly paths: readonly ["M12 5C13.3 3.7 14.5 3 16 3H20Q22 3 22 5V17Q22 19 20 19H16Q13.6 19 12 21"];
+        readonly poses: readonly [{}, {
+            readonly scaleX: 0.56;
+        }, {
+            readonly scaleX: 0.12;
+        }];
+        readonly pivot: readonly [12, 13];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.65;
+            readonly repeatAfter: 2.45;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.18;
+                readonly scaleX: 0.4;
+            }, {
+                readonly at: 0.58;
+                readonly scaleX: -0.43;
+            }, {
+                readonly at: 0.72;
+                readonly scaleX: -0.43;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "spine";
+        readonly paths: readonly ["M12 5v16"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }];
+};

package/dist/icons/book-open/book-open-rig.js

@@ -0,0 +1,95 @@
+export const bookOpenStates = ['idle', 'reading', 'finished'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// A page pivots about the spine with a broad readable turn; the opposite leaf follows slightly. Finished folds the cover inward into a quiet narrow book.
+export const bookOpenArt = {
+    name: 'book-open',
+    parts: [
+        {
+            name: 'left-page',
+            paths: ['M12 5C10.7 3.7 9.5 3 8 3H4Q2 3 2 5V17Q2 19 4 19H8Q10.4 19 12 21'],
+            poses: [
+                {},
+                {
+                    scaleX: 0.9,
+                },
+                {
+                    scaleX: 0.7,
+                },
+            ],
+            pivot: [12, 13],
+            gestures: [
+                null,
+                {
+                    duration: 1.65,
+                    repeatAfter: 2.45,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.45,
+                            scaleX: -0.16,
+                        },
+                        {
+                            at: 0.72,
+                            scaleX: 0.07,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'right-page',
+            paths: ['M12 5C13.3 3.7 14.5 3 16 3H20Q22 3 22 5V17Q22 19 20 19H16Q13.6 19 12 21'],
+            poses: [
+                {},
+                {
+                    scaleX: 0.56,
+                },
+                {
+                    scaleX: 0.12,
+                },
+            ],
+            pivot: [12, 13],
+            gestures: [
+                null,
+                {
+                    duration: 1.65,
+                    repeatAfter: 2.45,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.18,
+                            scaleX: 0.4,
+                        },
+                        {
+                            at: 0.58,
+                            scaleX: -0.43,
+                        },
+                        {
+                            at: 0.72,
+                            scaleX: -0.43,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'spine',
+            paths: ['M12 5v16'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type BookmarkState } from "./bookmark-rig.js";
+export { bookmarkStates, type BookmarkState } from "./bookmark-rig.js";
+export type BookmarkIconProps = StatefulIconProps<BookmarkState>;
+export declare const BookmarkIcon: import("react").NamedExoticComponent<BookmarkIconProps>;

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

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

@@ -0,0 +1,43 @@
+export declare const bookmarkStates: readonly ["unsaved", "saving", "saved"];
+export type BookmarkState = (typeof bookmarkStates)[number];
+export declare const bookmarkArt: {
+    readonly name: "bookmark";
+    readonly parts: readonly [{
+        readonly name: "ribbon";
+        readonly paths: readonly ["M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"];
+        readonly poses: readonly [{}, {
+            readonly y: -1.6;
+            readonly scaleY: 0.84;
+        }, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.95;
+            readonly repeatAfter: 2.4;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.18;
+                readonly y: -0.4;
+            }, {
+                readonly at: 0.63;
+                readonly y: 1.7;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "saved";
+        readonly detail: true;
+        readonly paths: readonly ["M9 10L11 12L15 8"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 1;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }];
+};

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

@@ -0,0 +1,65 @@
+export const bookmarkStates = ['unsaved', 'saving', 'saved'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The ribbon lifts and seats into place like an inserted page marker; the saved tick appears only in the settled bookmark.
+export const bookmarkArt = {
+    name: 'bookmark',
+    parts: [
+        {
+            name: 'ribbon',
+            paths: [
+                'M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z',
+            ],
+            poses: [
+                {},
+                {
+                    y: -1.6,
+                    scaleY: 0.84,
+                },
+                {},
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 0.95,
+                    repeatAfter: 2.4,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.18,
+                            y: -0.4,
+                        },
+                        {
+                            at: 0.63,
+                            y: 1.7,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'saved',
+            detail: true,
+            paths: ['M9 10L11 12L15 8'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 1,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type BulbState } from "./bulb-rig.js";
+export { bulbStates, type BulbState } from "./bulb-rig.js";
+export type BulbIconProps = StatefulIconProps<BulbState>;
+export declare const BulbIcon: import("react").NamedExoticComponent<BulbIconProps>;

package/dist/icons/bulb/bulb-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 { BULB_SHELL, sampleBulb } from "./bulb-rig.js";
+export { bulbStates } from "./bulb-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+export const BulbIcon = memo(function BulbIcon({ state = 'off', 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 off = usePoseWeight(state === 'off', pace, reduced), thinking = usePoseWeight(state === 'thinking', pace, reduced), on = usePoseWeight(state === 'on', pace, reduced), fault = usePoseWeight(state === 'fault', pace, reduced);
+    const performs = alive && !reduced && state !== 'off', life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const first = useRef(state !== 'on');
+    const canRestart = useCallback(() => {
+        const invisible = first.current || on.get() < 0.001;
+        first.current = false;
+        return invisible;
+    }, [on]);
+    const entry = useActionProgress(state === 'on', pace, reduced, 1, canRestart);
+    const rig = useTransform(() => sampleBulb([off.get(), thinking.get(), on.get(), fault.get()], time.get(), life.get(), entry.get()));
+    const body = useTransform(rig, (r) => r.body), filament = useTransform(rig, (r) => r.filament), filamentOpacity = useTransform(rig, (r) => r.filamentOpacity), light = useTransform(rig, (r) => r.light), rays = useTransform(rig, (r) => r.rays), failure = useTransform(rig, (r) => r.fault), shine = useTransform(rig, (r) => r.shine);
+    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": "bulb-body", transform: body, style: ORIGIN, children: [_jsx(motion.path, { "data-layer": "bulb-rays", d: rays, opacity: light, stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.75, 1.4) }), _jsx("path", { "data-part": "shell", d: BULB_SHELL, stroke: color, strokeWidth: strokeWidth }), _jsx("path", { "data-part": "base", d: "M9 18h6M10 22h4", stroke: color, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-layer": "bulb-filament", d: filament, opacity: filamentOpacity, stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.75, 1.4) }), _jsx(motion.path, { "data-layer": "bulb-fault", d: "m10 8 4 4m0-4-4 4", opacity: failure, stroke: color, strokeWidth: Math.min(strokeWidth * 0.75, 1.4) }), _jsx(motion.path, { "data-layer": "bulb-shine", d: "M8.2 7.2a4 4 0 0 1 1.5-2.4", opacity: shine, stroke: accentColor, strokeWidth: strokeWidth * 0.6 })] }) }));
+});

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

@@ -0,0 +1,13 @@
+export declare const bulbStates: readonly ["off", "thinking", "on", "fault"];
+export type BulbState = (typeof bulbStates)[number];
+/** Lucide lightbulb contour. Rays and filament are original supporting details. */
+export declare const BULB_SHELL = "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5";
+export declare function sampleBulb(weights: readonly number[], time?: number, alive?: number, entry?: number): {
+    body: string;
+    filament: string;
+    light: number;
+    filamentOpacity: number;
+    rays: string;
+    fault: number;
+    shine: number;
+};

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

@@ -0,0 +1,37 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+export const bulbStates = ['off', 'thinking', 'on', 'fault'];
+/** Lucide lightbulb contour. Rays and filament are original supporting details. */
+export const BULB_SHELL = 'M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5';
+export function sampleBulb(weights, time = 0, alive = 0, entry = 1) {
+    const clamp = (n) => Math.max(0, Math.min(1, n));
+    const [, thinking, on, fault] = weights.map(clamp), life = clamp(alive);
+    const t = time % 8;
+    // A tentative filament warms twice, then considers; never falsely signals ON.
+    const warm = behaviorBeat(t, 0.2, 0.6, 0.1, 0.55) +
+        0.65 * behaviorBeat(t, 2.05, 0.3, 0.15, 0.6) +
+        0.8 * behaviorBeat(t, 4.9, 0.7, 0.25, 0.7);
+    const glint = behaviorBeat(t, 0.8, 0.35, 0.1, 0.9) + 0.65 * behaviorBeat(t, 5, 0.35, 0.1, 0.8);
+    const bloom = behaviorBeat(clamp(entry), 0.08, 0.23, 0.12, 0.5);
+    const emission = clamp(Math.max(bloom, life * glint));
+    // Five rays grow outwards together; the invisible gap separates each repeat.
+    const reach = 0.2 + emission * 0.8;
+    const rays = [Math.PI, Math.PI * 1.25, Math.PI * 1.5, Math.PI * 1.75, 0]
+        .map((angle) => {
+        const radius = 9.4 + emission * 0.45;
+        const x = 12 + Math.cos(angle) * radius;
+        const y = 8 + Math.sin(angle) * radius;
+        return `M${x} ${y}L${x + Math.cos(angle) * reach} ${y + Math.sin(angle) * reach}`;
+    })
+        .join('');
+    const retry = behaviorBeat(t, 0.35, 0.25, 0.1, 0.5) - 0.65 * behaviorBeat(t, 3.8, 0.3, 0.1, 0.6);
+    const scale = 0.78 + on * 0.015 + thinking * life * warm * 0.014;
+    return {
+        body: `translate(12px, 18px) rotate(${fault * life * retry * -5}deg) scale(${scale}) translate(-12px, -18px)`,
+        filament: 'M10 10.5L12 12.5L14 10.5M12 12.5V15',
+        light: on * emission,
+        filamentOpacity: thinking * (0.3 + life * warm * 0.65) + on,
+        rays,
+        fault,
+        shine: on * emission,
+    };
+}

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type CalendarState } from "./calendar-rig.js";
+export { calendarStates, type CalendarState } from "./calendar-rig.js";
+export type CalendarIconProps = StatefulIconProps<CalendarState>;
+export declare const CalendarIcon: import("react").NamedExoticComponent<CalendarIconProps>;

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