weasel-icons 0.7.0 → 0.8.0

package/README.md

@@ -2,7 +2,9 @@
 
 Icons that overreact beautifully. Stateful React SVG icons with smooth transitions and optional continuous behavior.
 
-Version `0.7.0` contains 469 icons. It adds 204 icons across documents, navigation, media, devices, science, food, travel, tools and nature, with refined state meanings and motion. Version `0.6.0` contained 265 icons.
+Version `0.8.0` contains 479 icons. It adds Fuel, Brick Wall, Blocks, Dice, Target, Badge Percent, Webhook, Infinity, Footprints and Bot, with the owner-selected motion versions. Puppy keeps its existing drawing and states with subtler, cleaner gestures.
+
+Version `0.7.0` contained 469 icons; `0.6.0` contained 265 icons.
 
 ## Install
 
@@ -51,6 +53,12 @@ The existing SVG smoothly transitions when `state` changes, including during an
 
 Exports include: `DogIcon`, `MonkeyIcon`, `HeartIcon`, `ShipIcon`, `RocketIcon`, `SearchIcon`, `BellIcon`, `DownloadIcon`, `ShieldIcon`, `CursorIcon`, `ClapperboardIcon`, `PlugIcon`, `BulbIcon`, `AlertIcon`, `BadgeCheckIcon`, `ReplaceIcon`, `DeleteIcon`, `SwapIcon`, `SparklesIcon`, `SparkleIcon`, `StarIcon`, `WaveIcon`, `RefreshIcon`, `CopyIcon`, `EyeIcon`, `LinkIcon`, `CheckIcon`, and `CloseIcon`. Each icon exports its own state type and list, for example `DogState` and `dogStates`, or `BadgeCheckState` and `badgeCheckStates`. TypeScript autocompletion shows the valid states for each icon.
 
+### Added in 0.8.0
+
+`FuelIcon`, `BrickWallIcon`, `BlocksIcon`, `DiceIcon`, `TargetIcon`, `BadgePercentIcon`, `WebhookIcon`, `InfinityIcon`, `FootprintsIcon` and `BotIcon` are available from the main export and their individual subpaths, such as `weasel-icons/webhook`. Each exports its own state list and type. Webhook delivery follows its path from the currently visible packet position.
+
+Puppy (`DogIcon`) retains `waiting`, `sniffing`, `happy` and `guilty`, its neutral outline, and all existing colour props. Living motion uses a restrained gesture per state; `alive={false}` and reduced motion settle to the existing expressions.
+
 ### Added in 0.6.0
 
 - **Status & confirmation:** `CircleCheckIcon`, `CircleXIcon`, `CircleAlertIcon`, `CirclePlusIcon`, `CircleMinusIcon`, `SquareCheckIcon`, `CheckCheckIcon`, `ListChecksIcon`, `ClipboardCheckIcon`, `CalendarCheckIcon`, `ShieldCheckIcon`, `BanIcon`.

package/THIRD_PARTY_NOTICES.md

@@ -24,6 +24,8 @@ The 0.7.0 200-icon expansion additionally adapts these assets at the same pinned
 
 The M1 motion study additionally adapts `vault`, `scale`, `lighthouse` and `mailbox` at the same pinned revision, and reworks the earlier `umbrella` canopy as two cubic curves so it can morph. The vault's dial hand and shelves, the scale's exact pan-hanging arithmetic, the lighthouse's lengthened rays and lamp, the umbrella's rain, the mailbox's letter, and all choreography are original to Weasel.
 
+The ten-icon expansion additionally adapts `fuel`, `brick-wall`, `blocks`, `dice-5` (with the `dice-3` diagonal as its alternate face), `target`, `badge-percent`, `webhook`, `infinity`, `footprints` and `bot` at the same pinned revision. The fuel level bars, the webhook payload dot, the bot's antenna light, the brick-wall course grouping and ghost, and all choreography are original to Weasel.
+
 The retained Lucide geometry carries the following [Lucide ISC notice](https://lucide.dev/license):
 Star, Sparkles and Sparkle additionally adapt the current `star` and central `sparkles` contours. Sparkle is the single-contour composition; Sparkles' satellite diamonds and the single-line Wave geometry are original to Weasel. Wave follows the user's visual reference, not Lucide's stacked wave glyph.
 

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type BadgePercentState } from "./badge-percent-rig.js";
+export { badgePercentStates, type BadgePercentState } from "./badge-percent-rig.js";
+export type BadgePercentIconProps = StatefulIconProps<BadgePercentState>;
+export declare const BadgePercentIcon: import("react").NamedExoticComponent<BadgePercentIconProps>;

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

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

@@ -0,0 +1,4 @@
+import type { Articulation } from "../../shared/articulation.js";
+export declare const badgePercentStates: readonly ["regular", "applying", "applied"];
+export type BadgePercentState = (typeof badgePercentStates)[number];
+export declare const badgePercentArt: Articulation;

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

@@ -0,0 +1,63 @@
+export const badgePercentStates = ['regular', 'applying', 'applied'];
+// Lucide `badge-percent` outline with original motion details. Attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Promo validation: a quiet percent mark, a slash trace with alternating dot emphasis while pending, then a finite seated stamp on confirmation.
+// Work loops only while alive; the application determines the result.
+const work = (duration, frames, pause = 0) => ({
+    duration,
+    repeatAfter: duration + pause,
+    loop: true,
+    frames,
+});
+const event = (frames) => ({
+    duration: 0.8,
+    repeatAfter: 2,
+    loop: false,
+    frames,
+});
+const fixed = [{}, {}, {}];
+const p = (name, paths, poses = fixed, options = {}) => ({ name, paths, poses, ...options });
+// Validation travels along the percent slash; approval seats the complete mark like a small stamp.
+const stamp = event([{ at: 0, y: -0.45 }, { at: 0.35, y: 0.12 }, { at: 0.6 }, { at: 1 }]);
+export const badgePercentArt = {
+    name: 'badge-percent',
+    parts: [
+        p('badge', [
+            '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',
+        ]),
+        p('slash', ['m15 9-6 6'], [{ opacity: 0.3 }, { draw: 0.55, opacity: 0.8 }, {}], {
+            accent: true,
+            traceLength: Math.sqrt(72),
+            pivot: [12, 12],
+            gestures: [
+                null,
+                work(1.3, [
+                    { at: 0 },
+                    { at: 0.55, draw: 0.45 },
+                    { at: 0.7, draw: 0.45 },
+                    { at: 0.85, draw: 0.45, opacity: -0.8 },
+                    { at: 0.9, draw: -0.55, opacity: -0.8 },
+                    { at: 1 },
+                ], 0.08),
+                stamp,
+            ],
+        }),
+        p('dot-a', [['M9 9h.01', 'M15 15h.01'][0]], [{ opacity: 0.3 }, { opacity: 0.5 }, {}], {
+            accent: true,
+            pivot: [12, 12],
+            gestures: [
+                null,
+                work(1.3, [{ at: 0 }, { at: 0.25, opacity: 0.5 }, { at: 0.5 }, { at: 1 }], 0.08),
+                stamp,
+            ],
+        }),
+        p('dot-b', [['M9 9h.01', 'M15 15h.01'][1]], [{ opacity: 0.3 }, { opacity: 0.5 }, {}], {
+            accent: true,
+            pivot: [12, 12],
+            gestures: [
+                null,
+                work(1.3, [{ at: 0 }, { at: 0.45 }, { at: 0.7, opacity: 0.5 }, { at: 1 }], 0.08),
+                stamp,
+            ],
+        }),
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type BlocksState } from "./blocks-rig.js";
+export { blocksStates, type BlocksState } from "./blocks-rig.js";
+export type BlocksIconProps = StatefulIconProps<BlocksState>;
+export declare const BlocksIcon: import("react").NamedExoticComponent<BlocksIconProps>;

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

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

@@ -0,0 +1,4 @@
+import type { Articulation } from "../../shared/articulation.js";
+export declare const blocksStates: readonly ["loose", "attaching", "attached"];
+export type BlocksState = (typeof blocksStates)[number];
+export declare const blocksArt: Articulation;

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

@@ -0,0 +1,34 @@
+export const blocksStates = ['loose', 'attaching', 'attached'];
+// Lucide `blocks` outline with original motion details. Attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Plugin installation: a free block tests its angle above the notch while pending, then seats squarely in the grid only after confirmation.
+// Work loops only while alive; the application determines the result.
+const work = (duration, frames, pause = 0) => ({
+    duration,
+    repeatAfter: duration + pause,
+    loop: true,
+    frames,
+});
+const fixed = [{}, {}, {}];
+const p = (name, paths, poses = fixed, options = {}) => ({ name, paths, poses, ...options });
+// A separate block tests its orientation above the notch, then slides into a square seat.
+export const blocksArt = {
+    name: 'blocks',
+    parts: [
+        p('frame', [
+            'M10 22V7a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5a1 1 0 0 0-1-1H2',
+        ]),
+        p('block', ['M15 2h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Z'], [{}, { x: -1.3, y: 1.3, angle: -7 }, { x: -4, y: 4 }], {
+            pivot: [18, 6],
+            gestures: [
+                null,
+                work(1.35, [
+                    { at: 0 },
+                    { at: 0.36, angle: 14, x: -0.65, y: 0.65 },
+                    { at: 0.58, angle: 14, x: -0.65, y: 0.65 },
+                    { at: 1 },
+                ], 0.2),
+                null,
+            ],
+        }),
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type BotState } from "./bot-rig.js";
+export { botStates, type BotState } from "./bot-rig.js";
+export type BotIconProps = StatefulIconProps<BotState>;
+export declare const BotIcon: import("react").NamedExoticComponent<BotIconProps>;

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

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

@@ -0,0 +1,4 @@
+import type { Articulation } from "../../shared/articulation.js";
+export declare const botStates: readonly ["idle", "thinking", "ready"];
+export type BotState = (typeof botStates)[number];
+export declare const botArt: Articulation;

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

@@ -0,0 +1,79 @@
+export const botStates = ['idle', 'thinking', 'ready'];
+// Lucide `bot` outline with original motion details. Attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Assistant: a quiet head, an attached head/antenna tilt with an eye blink while thinking, then one small nod and a steady light when ready.
+// Work loops only while alive; the application determines the result.
+const work = (duration, frames, pause = 0) => ({
+    duration,
+    repeatAfter: duration + pause,
+    loop: true,
+    frames,
+});
+const event = (frames) => ({
+    duration: 0.8,
+    repeatAfter: 2,
+    loop: false,
+    frames,
+});
+const fixed = [{}, {}, {}];
+const p = (name, paths, poses = fixed, options = {}) => ({ name, paths, poses, ...options });
+// The head, antenna and light tilt as one rigid assembly. A blink deforms only the eye strokes.
+const ponder = work(2.15, [{ at: 0 }, { at: 0.22, angle: 6 }, { at: 0.48, angle: 6 }, { at: 0.64 }, { at: 1 }], 0.15);
+const nod = event([
+    { at: 0 },
+    { at: 0.25, angle: 2.4, y: 0.2 },
+    { at: 0.5, angle: -0.8 },
+    { at: 1 },
+]);
+export const botArt = {
+    name: 'bot',
+    parts: [
+        p('head', [
+            'M6 8h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2Z',
+            'M2 14h2',
+            'M20 14h2',
+            'M12 8V4H8',
+        ], [{}, { angle: -3 }, {}], {
+            pivot: [12, 20],
+            gestures: [null, ponder, nod],
+        }),
+        p('eyes', ['M9 13v2', 'M15 13v2'], [{}, { angle: -3 }, {}], {
+            pivot: [12, 20],
+            pathOffsets: [
+                [0, 1, -2],
+                [0, 1, -2],
+            ],
+            gestures: [
+                null,
+                {
+                    ...ponder,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.22, angle: 6, x: 0.35 },
+                        { at: 0.48, angle: 6, x: 0.35 },
+                        { at: 0.64 },
+                        { at: 0.76, flex: 1 },
+                        { at: 0.8, flex: 1 },
+                        { at: 0.85 },
+                        { at: 1 },
+                    ],
+                },
+                nod,
+            ],
+        }),
+        p('light', ['M7.1 4a.9 .9 0 1 0 1.8 0a.9 .9 0 1 0-1.8 0'], [{ opacity: 0 }, { angle: -3, opacity: 0.45 }, {}], {
+            accent: true,
+            pivot: [12, 20],
+            gestures: [
+                null,
+                {
+                    ...ponder,
+                    frames: ponder.frames.map((f) => ({
+                        ...f,
+                        opacity: f.at === 0.22 || f.at === 0.48 ? 0.4 : 0,
+                    })),
+                },
+                nod,
+            ],
+        }),
+    ],
+};

package/dist/icons/brick-wall/brick-wall-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type BrickWallState } from "./brick-wall-rig.js";
+export { brickWallStates, type BrickWallState } from "./brick-wall-rig.js";
+export type BrickWallIconProps = StatefulIconProps<BrickWallState>;
+export declare const BrickWallIcon: import("react").NamedExoticComponent<BrickWallIconProps>;

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

package/dist/icons/brick-wall/brick-wall-rig.d.ts

@@ -0,0 +1,4 @@
+import type { Articulation } from "../../shared/articulation.js";
+export declare const brickWallStates: readonly ["off", "applying", "active"];
+export type BrickWallState = (typeof brickWallStates)[number];
+export declare const brickWallArt: Articulation;

package/dist/icons/brick-wall/brick-wall-rig.js

@@ -0,0 +1,55 @@
+export const brickWallStates = ['off', 'applying', 'active'];
+// Lucide `brick-wall` outline with original motion details. Attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Access rules: faint mortar when off, joints trace sequentially while applying, and the complete wall holds when active. The frame remains fixed.
+// Work loops only while alive; the application determines the result.
+const work = (duration, frames, pause = 0) => ({
+    duration,
+    repeatAfter: duration + pause,
+    loop: true,
+    frames,
+});
+const event = (frames) => ({
+    duration: 0.8,
+    repeatAfter: 2,
+    loop: false,
+    frames,
+});
+const fixed = [{}, {}, {}];
+const p = (name, paths, poses = fixed, options = {}) => ({ name, paths, poses, ...options });
+// Rule application follows the wall's mortar, without deforming the surrounding frame.
+const wallLines = [
+    ['M8 21v-6', 6],
+    ['M16 21v-6', 6],
+    ['M3 15h18', 18],
+    ['M12 15V9', 6],
+    ['M3 9h18', 18],
+    ['M8 9V3', 6],
+    ['M16 9V3', 6],
+];
+export const brickWallArt = {
+    name: 'brick-wall',
+    parts: [
+        p('frame', ['M5 3H19Q21 3 21 5V19Q21 21 19 21H5Q3 21 3 19V5Q3 3 5 3Z']),
+        p('mortar-guide', wallLines.map((v) => v[0]), [{ opacity: 0.2 }, { opacity: 0.2 }, { opacity: 0 }]),
+        ...wallLines.map(([d, length], i) => {
+            const start = 0.06 + i * 0.085;
+            const rest = i < 3 ? 1 : 0;
+            return p('joint-' + i, [d], [{ opacity: 0, draw: 0 }, { draw: rest }, {}], {
+                traceLength: length,
+                gestures: [
+                    null,
+                    work(1.65, [
+                        { at: 0 },
+                        { at: start },
+                        { at: start + 0.14, draw: 1 - rest },
+                        { at: 0.78, draw: 1 - rest },
+                        { at: 0.84, draw: 1 - rest, opacity: -1 },
+                        { at: 0.88, draw: -rest, opacity: -1 },
+                        { at: 1 },
+                    ], 0.03),
+                    event([{ at: 0, draw: -0.35 }, { at: Math.min(0.8, 0.22 + i * 0.08) }, { at: 1 }]),
+                ],
+            });
+        }),
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type DiceState } from "./dice-rig.js";
+export { diceStates, type DiceState } from "./dice-rig.js";
+export type DiceIconProps = StatefulIconProps<DiceState>;
+export declare const DiceIcon: import("react").NamedExoticComponent<DiceIconProps>;

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

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

@@ -0,0 +1,158 @@
+export declare const diceStates: readonly ["ready", "rolling", "rolled"];
+export type DiceState = (typeof diceStates)[number];
+export declare const diceArt: {
+    readonly name: "dice";
+    readonly parts: readonly [{
+        readonly name: "body";
+        readonly paths: readonly ["M5 3H19Q21 3 21 5V19Q21 21 19 21H5Q3 21 3 19V5Q3 3 5 3Z"];
+        readonly poses: readonly [{}, {
+            readonly angle: 9;
+            readonly y: -0.5;
+        }, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.25;
+                readonly angle: -18;
+                readonly y: 0.5;
+            }, {
+                readonly at: 0.5;
+                readonly angle: -2;
+                readonly y: -0.2;
+            }, {
+                readonly at: 0.75;
+                readonly angle: -13;
+                readonly y: 0.5;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 1.2;
+            readonly repeatAfter: 2;
+            readonly loop: true;
+        }, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly scaleY: -0.08;
+                readonly scaleX: 0.05;
+            }, {
+                readonly at: 0.55;
+                readonly scaleY: 0.03;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 0.6;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+        }];
+    }, {
+        readonly name: "five";
+        readonly paths: readonly ["M16 8h.01", "M8 8h.01", "M8 16h.01", "M16 16h.01", "M12 12h.01"];
+        readonly poses: readonly [{
+            readonly opacity: 0.35;
+        }, {
+            readonly angle: 9;
+            readonly y: -0.5;
+            readonly opacity: 0;
+        }, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.22;
+                readonly angle: -18;
+                readonly y: 0.5;
+            }, {
+                readonly at: 0.25;
+                readonly angle: -18;
+                readonly y: 0.5;
+                readonly opacity: 1;
+            }, {
+                readonly at: 0.5;
+                readonly angle: -2;
+                readonly y: -0.2;
+                readonly opacity: 1;
+            }, {
+                readonly at: 0.72;
+                readonly angle: -13;
+                readonly y: 0.5;
+                readonly opacity: 1;
+            }, {
+                readonly at: 0.75;
+                readonly angle: -13;
+                readonly y: 0.5;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 1.2;
+            readonly repeatAfter: 2;
+            readonly loop: true;
+        }, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly scaleY: -0.08;
+                readonly scaleX: 0.05;
+            }, {
+                readonly at: 0.55;
+                readonly scaleY: 0.03;
+                readonly opacity: 0;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 0.6;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+        }];
+    }, {
+        readonly name: "three";
+        readonly paths: readonly ["M16 8h.01", "M12 12h.01", "M8 16h.01"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly angle: 9;
+            readonly y: -0.5;
+        }, {
+            readonly opacity: 0;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.22;
+                readonly angle: -18;
+                readonly y: 0.5;
+            }, {
+                readonly at: 0.25;
+                readonly angle: -18;
+                readonly y: 0.5;
+                readonly opacity: -1;
+            }, {
+                readonly at: 0.5;
+                readonly angle: -2;
+                readonly y: -0.2;
+                readonly opacity: -1;
+            }, {
+                readonly at: 0.72;
+                readonly angle: -13;
+                readonly y: 0.5;
+                readonly opacity: -1;
+            }, {
+                readonly at: 0.75;
+                readonly angle: -13;
+                readonly y: 0.5;
+            }, {
+                readonly at: 1;
+            }];
+            readonly duration: 1.2;
+            readonly repeatAfter: 2;
+            readonly loop: true;
+        }, null];
+    }];
+};

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

@@ -0,0 +1,96 @@
+export const diceStates = ['ready', 'rolling', 'rolled'];
+// Lucide `dice-5` body and pips, with the `dice-3` diagonal as the alternate face; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Host: a randomise, shuffle-pick or "surprise me" control; a chance mechanic.
+// ready (condition): the die with its pips ghosted — nothing has been rolled.
+// rolling (work): the die rocks about its centre (±9°) with a small hop while the face flips between
+// five and three pips, until the host returns a result. At rest it sits tilted mid-roll on the three face.
+// rolled (result): the die lands square with one squash and shows the five face at full strength.
+// Nearest confusion: a spinner — the tilt stays under 10° and the pips flip, so it never reads as a wheel.
+const roll = { duration: 1.2, repeatAfter: 2, loop: true };
+const landing = { duration: 0.6, repeatAfter: 2, loop: false };
+const CENTRE = [12, 12];
+export const diceArt = {
+    name: 'dice',
+    parts: [
+        {
+            name: 'body',
+            paths: ['M5 3H19Q21 3 21 5V19Q21 21 19 21H5Q3 21 3 19V5Q3 3 5 3Z'],
+            poses: [{}, { angle: 9, y: -0.5 }, {}],
+            pivot: CENTRE,
+            gestures: [
+                null,
+                {
+                    ...roll,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.25, angle: -18, y: 0.5 },
+                        { at: 0.5, angle: -2, y: -0.2 },
+                        { at: 0.75, angle: -13, y: 0.5 },
+                        { at: 1 },
+                    ],
+                },
+                {
+                    ...landing,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.3, scaleY: -0.08, scaleX: 0.05 },
+                        { at: 0.55, scaleY: 0.03 },
+                        { at: 1 },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'five',
+            paths: ['M16 8h.01', 'M8 8h.01', 'M8 16h.01', 'M16 16h.01', 'M12 12h.01'],
+            poses: [{ opacity: 0.35 }, { angle: 9, y: -0.5, opacity: 0 }, {}],
+            pivot: CENTRE,
+            gestures: [
+                null,
+                {
+                    ...roll,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.22, angle: -18, y: 0.5 },
+                        { at: 0.25, angle: -18, y: 0.5, opacity: 1 },
+                        { at: 0.5, angle: -2, y: -0.2, opacity: 1 },
+                        { at: 0.72, angle: -13, y: 0.5, opacity: 1 },
+                        { at: 0.75, angle: -13, y: 0.5 },
+                        { at: 1 },
+                    ],
+                },
+                {
+                    ...landing,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.3, scaleY: -0.08, scaleX: 0.05 },
+                        { at: 0.55, scaleY: 0.03, opacity: 0 },
+                        { at: 1 },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'three',
+            paths: ['M16 8h.01', 'M12 12h.01', 'M8 16h.01'],
+            poses: [{ opacity: 0 }, { angle: 9, y: -0.5 }, { opacity: 0 }],
+            pivot: CENTRE,
+            gestures: [
+                null,
+                {
+                    ...roll,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.22, angle: -18, y: 0.5 },
+                        { at: 0.25, angle: -18, y: 0.5, opacity: -1 },
+                        { at: 0.5, angle: -2, y: -0.2, opacity: -1 },
+                        { at: 0.72, angle: -13, y: 0.5, opacity: -1 },
+                        { at: 0.75, angle: -13, y: 0.5 },
+                        { at: 1 },
+                    ],
+                },
+                null,
+            ],
+        },
+    ],
+};