weasel-icons 0.2.0 → 0.3.0

package/README.md

@@ -2,7 +2,7 @@
 
 Icons that overreact beautifully. Stateful React SVG icons with smooth transitions and optional continuous behavior.
 
-Version `0.2.0` contains 28 icons. See the repository design docs for supported states and verification evidence.
+Version `0.3.0` contains 100 icons, including the revised utility motions and settled Replace confirmation.
 
 ## Install
 
@@ -51,6 +51,85 @@ The existing SVG smoothly transitions when `state` changes, including during an
 
 Exports in the current local build: `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.3.0
+
+| Icon | States | Intended use |
+| --- | --- | --- |
+| `HomeIcon` | `idle`, `entering`, `active` | Navigation: Home link in a header or sidebar |
+| `MenuIcon` | `closed`, `hover`, `open` | Navigation: Collapsed mobile navigation |
+| `PlusIcon` | `idle`, `hover`, `pressed` | Actions: Create item or increase quantity |
+| `MinusIcon` | `idle`, `hover`, `pressed` | Actions: Decrease quantity or remove a row |
+| `ChevronDownIcon` | `collapsed`, `hover`, `expanded` | Navigation: Closed disclosure or select menu |
+| `ChevronRightIcon` | `idle`, `advancing`, `arrived` | Navigation: Next step or drill into a row |
+| `ChevronLeftIcon` | `idle`, `returning`, `arrived` | Navigation: Previous page or back in a wizard |
+| `ChevronUpIcon` | `collapsed`, `hover`, `expanded` | Navigation: Closed upward popover |
+| `ArrowRightIcon` | `idle`, `moving`, `arrived` | Navigation: Next page or primary landing-page CTA |
+| `ArrowLeftIcon` | `idle`, `moving`, `arrived` | Navigation: Back navigation |
+| `ArrowUpIcon` | `idle`, `moving`, `arrived` | Navigation: Scroll to top or move a row upward |
+| `ArrowDownIcon` | `idle`, `moving`, `arrived` | Navigation: Scroll down or move a row downward |
+| `ExternalLinkIcon` | `idle`, `opening`, `opened` | Navigation: Open external resource from blog or app |
+| `MoreHorizontalIcon` | `closed`, `opening`, `open` | Actions: Overflow action menu closed |
+| `MoreVerticalIcon` | `closed`, `opening`, `open` | Actions: Row overflow menu closed |
+| `UserIcon` | `idle`, `loading`, `active` | Accounts: Profile or account entry |
+| `UsersIcon` | `idle`, `inviting`, `joined` | Accounts: Team or member list |
+| `SettingsIcon` | `idle`, `adjusting`, `applied` | Accounts: Open preferences |
+| `LogInIcon` | `idle`, `entering`, `signed-in` | Accounts: Sign-in action |
+| `LogOutIcon` | `idle`, `leaving`, `signed-out` | Accounts: Sign-out action |
+| `LockIcon` | `locked`, `unlocking`, `unlocked` | Security: Protected or private content |
+| `KeyIcon` | `idle`, `turning`, `unlocked` | Security: Credentials or access-key action |
+| `InfoIcon` | `idle`, `revealing`, `open` | Status: Information tooltip trigger |
+| `MailIcon` | `unread`, `opening`, `read` | Communication: Unread email or inbox |
+| `SendIcon` | `idle`, `sending`, `sent` | Communication: Submit message or contact form |
+| `MessageCircleIcon` | `idle`, `typing`, `received` | Communication: Conversation or comment entry |
+| `PhoneIcon` | `idle`, `ringing`, `connected` | Communication: Start a phone call |
+| `VideoIcon` | `off`, `connecting`, `on` | Media: Camera is disabled |
+| `MicIcon` | `muted`, `listening`, `recording` | Media: Microphone is muted |
+| `PencilIcon` | `idle`, `writing`, `saved` | Editing: Edit article or field |
+| `FileTextIcon` | `idle`, `reading`, `complete` | Files: Document or blog post link |
+| `FileIcon` | `idle`, `creating`, `ready` | Files: File picker or file row |
+| `FolderIcon` | `closed`, `opening`, `open` | Files: Closed folder or collapsed collection |
+| `SaveIcon` | `idle`, `saving`, `saved` | Editing: Save document or preferences |
+| `UploadIcon` | `idle`, `uploading`, `complete` | Files: Upload media or attachment |
+| `ClipboardIcon` | `idle`, `checking`, `complete` | Files: Checklist or review queue |
+| `BookmarkIcon` | `unsaved`, `saving`, `saved` | Content: Save blog post or resource |
+| `BookOpenIcon` | `idle`, `reading`, `finished` | Content: Documentation or article reading entry |
+| `ImageIcon` | `idle`, `loading`, `loaded` | Content: Image picker or media placeholder |
+| `CameraIcon` | `idle`, `focusing`, `captured` | Media: Take a photo or avatar picture |
+| `ShareIcon` | `idle`, `sharing`, `shared` | Content: Share article or app content |
+| `CalendarIcon` | `idle`, `selecting`, `selected` | Time: Date picker or event link |
+| `ClockIcon` | `idle`, `running`, `paused` | Time: Time or recent activity |
+| `TimerIcon` | `idle`, `running`, `finished` | Time: Start a countdown |
+| `MapPinIcon` | `idle`, `locating`, `located` | Location: Address or location entry |
+| `GlobeIcon` | `idle`, `connecting`, `online` | Location: Language or worldwide availability |
+| `CircleHelpIcon` | `idle`, `asking`, `answered` | Status: Help or FAQ trigger |
+| `PlayIcon` | `idle`, `hover`, `pressed` | Media: Start media or a tutorial |
+| `PauseIcon` | `idle`, `hover`, `pressed` | Media: Pause media or a task |
+| `VolumeIcon` | `muted`, `low`, `high` | Media: Audio muted |
+| `MusicIcon` | `idle`, `playing`, `paused` | Media: Music or audio track |
+| `SunIcon` | `idle`, `rising`, `bright` | Appearance: Light theme or daylight |
+| `ShoppingCartIcon` | `empty`, `adding`, `filled` | Commerce: Cart has no selected items |
+| `ShoppingBagIcon` | `empty`, `packing`, `packed` | Commerce: Shopping bag or checkout entry |
+| `CreditCardIcon` | `idle`, `processing`, `approved` | Commerce: Payment method selection |
+| `WalletIcon` | `closed`, `opening`, `open` | Commerce: Wallet or balance entry |
+| `PackageIcon` | `sealed`, `opening`, `open` | Commerce: Shipment or package row |
+| `TruckIcon` | `idle`, `delivering`, `delivered` | Commerce: Delivery option or shipment |
+| `FilterIcon` | `idle`, `filtering`, `filtered` | Controls: Filter options available |
+| `SlidersIcon` | `idle`, `adjusting`, `applied` | Controls: Open tuning or adjustment controls |
+| `LayoutGridIcon` | `idle`, `reordering`, `ordered` | Controls: Grid view or app launcher |
+| `LayoutDashboardIcon` | `idle`, `loading`, `ready` | Controls: Dashboard navigation |
+| `ListIcon` | `idle`, `sorting`, `sorted` | Controls: List view or item collection |
+| `LayersIcon` | `stacked`, `separating`, `separated` | Controls: Layer stack or grouped content |
+| `MaximizeIcon` | `idle`, `expanding`, `expanded` | Controls: Enter fullscreen or expand preview |
+| `MinimizeIcon` | `idle`, `contracting`, `contracted` | Controls: Exit fullscreen or collapse preview |
+| `CodeIcon` | `idle`, `compiling`, `ready` | Development: Code sample or developer feature |
+| `TerminalIcon` | `idle`, `running`, `complete` | Development: Open command prompt or CLI example |
+| `DatabaseIcon` | `idle`, `syncing`, `synced` | Development: Data store or record source |
+| `WifiIcon` | `offline`, `connecting`, `connected` | Connectivity: No wireless connection |
+| `CloudIcon` | `idle`, `syncing`, `synced` | Connectivity: Cloud files or remote storage |
+| `MoonIcon` | `idle`, `setting`, `asleep` | Appearance: Dark theme or quiet hours |
+
+New icons also expose per-icon imports such as `weasel-icons/menu`, `weasel-icons/upload` and `weasel-icons/shopping-cart`, plus typed state lists. Play and Pause use control states (`idle`, `hover`, `pressed`); the application owns playback. Clock, Timer and Truck retain phase when activity stops. Quiet states remain still even with `alive`; finite capture, selection and insertion actions play once per entry.
+
 ### Upgrading from 0.1.0
 
 Version `0.2.0` also includes `SparklesIcon` and the single-contour `SparkleIcon` (both `idle`, `shimmering`, `blink`, `dimmed`), `StarIcon` (`idle`, `shooting`, `starred`, `loading`) and `WaveIcon` (`idle`, `flowing`, `energetic`, `flat`), with direct exports at `/sparkles`, `/sparkle`, `/star` and `/wave`. Sparkles uses `blink` and Star uses `shooting`. `RefreshIcon`, `CopyIcon` and `LinkIcon` have four states; `EyeIcon`, `CheckIcon` and `CloseIcon` intentionally have three.
@@ -64,7 +143,7 @@ Common optional props: `state`, `size`, `color`, `accentColor`, `strokeWidth`, `
 - `alive` adds varied continuous in-state behavior. System reduced-motion preferences take precedence.
 - `color` and `accentColor` default to `currentColor`.
 - Dog, monkey, heart, ship and alert accept small icon-specific `colors` objects, with exported types such as `DogColors`. Alert's critical punctuation defaults to red; use `colors={{ critical: 'your-colour' }}` to override it without recolouring the triangle.
-- Dog and ship have neutral interiors using `--weasel-surface` (white by default). Set this CSS variable on their parent for other backgrounds. Monkey supports `colors.face`.
+- Neutral interiors use `--weasel-surface` (white by default), including Dog, Ship, Lock, Mail, Folder, Wallet, Package, Sliders and the cart item. Set it on their parent for other backgrounds. Monkey supports `colors.face`.
 
 SVGs are decorative and hidden from screen readers. Label the containing control or adjacent status text. Do not communicate state using only color or animation.
 

package/THIRD_PARTY_NOTICES.md

@@ -4,11 +4,13 @@ The animated components in this project use original Weasel motion design on top
 
 ## Lucide
 
-Rocket, Dog, Heart, Ship, Bell, Search, Download, Shield, Cursor, Clapperboard, and Plug base SVG geometry is adapted from [Lucide](https://github.com/lucide-icons/lucide), licensed under the ISC License, with the additional Feather notice below for Search and Download. The current front-facing ship replaces the earlier Fluent side-profile implementation. Source SVGs for Bell, Search, Download and their inspected state references are retained in `docs/references/lucide-*.svg`. Shield uses `shield`; Cursor uses `mouse-pointer-2`; Clapperboard adapts `clapperboard` into a left-hinged rig; Plug articulates the two halves of `unplug`. Their source links and design decisions are recorded in `docs/TRACE_ICONS.md`.
+The icon expansion adapts upstream Lucide assets inspected at revision `7faf87628a1ad6175975bc595344337ce14a7db4`. Geometry is split into persistent articulated parts with original Weasel poses and motion. The ISC notice below and the additional Feather MIT notice apply to these adaptations; no Lucide runtime package is added.
+
+Rocket, Dog, Heart, Ship, Bell, Search, Download, Shield, Cursor, Clapperboard, and Plug base SVG geometry is adapted from [Lucide](https://github.com/lucide-icons/lucide), licensed under the ISC License, with the additional Feather notice below for Search and Download. The current front-facing ship replaces the earlier Fluent side-profile implementation. Shield uses `shield`; Cursor uses `mouse-pointer-2`; Clapperboard adapts `clapperboard` into a left-hinged rig; Plug articulates the two halves of `unplug`.
 
 Bulb, Alert, Badge Check, Replace, Delete and Swap additionally adapt Lucide's `lightbulb`, `triangle-alert`, `badge-check`, `replace`, `delete` and `arrow-left-right` assets. Their motion, rays, filament and status details are original to this project. No `lucide-react` runtime dependency is installed or redistributed.
 
-Refresh, Copy, Eye, Link, Check and Close additionally adapt `refresh-cw`, `copy`, `eye` / `eye-off` landmarks, `link` (previously `link-2`), `check` and `x`. Eye uses a compatible cubic eyelid rather than swapping complete SVGs. Reference geometry and state-specific choreography are recorded in `docs/TRACE_UTILITY_ICONS.md`. Check, Link and Close retain the additional Feather MIT notice below.
+Refresh, Copy, Eye, Link, Check and Close additionally adapt `refresh-cw`, `copy`, `eye` / `eye-off` landmarks, `link` (previously `link-2`), `check` and `x`. Eye uses a compatible cubic eyelid rather than swapping complete SVGs. Check, Link and Close retain the additional Feather MIT notice below.
 
 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.
@@ -62,7 +64,7 @@ SOFTWARE.
 
 ## Microsoft Fluent Emoji
 
-Monkey Face base SVG geometry is adapted from [Microsoft Fluent Emoji](https://github.com/microsoft/fluentui-emoji), licensed under the MIT License. Historical ship and dog references (not used by the current outline components), and the complete Microsoft copyright/permission notice are retained in `docs/references/`.
+Monkey Face base SVG geometry is adapted from [Microsoft Fluent Emoji](https://github.com/microsoft/fluentui-emoji), licensed under the MIT License. The complete Microsoft copyright and permission notice follows.
 
 ```text
 MIT License
@@ -92,7 +94,7 @@ The animation choreography, state behavior and state effects are independently a
 
 ## Website-only illustration references and brand draft
 
-The red-panda sheet under `public/art` and its reference-derived raster cutout match [Madi / madivoid's Red Panda Spread Art Print](https://www.etsy.com/listing/1624097837/red-panda-spread-art-print-animal-art), visually checked on October 24, 2026. Reuse permission has not been obtained; the physical-print listing is not a commercial website or branding licence. The website currently uses six poses from this sheet. Older dog/cat sheets remain local historical files but are not rendered; the animated SVG box-cat component has been removed. The eyes/nose/apple logo in `public/weasel-mark.svg` has newly drawn paths, but has not received copyright or trademark clearance. The requested red-panda head crop has not replaced it. See `docs/reference-artwork.md` for provenance, source-research limits and required pre-launch checks. Keep these website design assets local; they are not part of the npm icon package, and its MIT licence does not license the supplied illustrations.
+The red-panda sheet under `public/art` and its reference-derived raster cutout match [Madi / madivoid's Red Panda Spread Art Print](https://www.etsy.com/listing/1624097837/red-panda-spread-art-print-animal-art), visually checked on October 24, 2026. Reuse permission has not been obtained; the physical-print listing is not a commercial website or branding licence. The website uses three hero poses and one lower illustration from this sheet. Older dog/cat sheets remain local historical files but are not rendered; the animated SVG box-cat component has been removed. The eyes/nose/apple logo in `public/weasel-mark.svg` has newly drawn paths, but has not received copyright or trademark clearance. The requested red-panda head crop has not replaced it. The owner authorized public website use of the two red-panda files; attribution and the permission-pending notice remain. See `docs/reference-artwork.md`. These assets are not part of the npm icon package, and its MIT licence does not license the supplied illustrations.
 
 ## Motion study reference
 

package/dist/icons/arrow-down/arrow-down-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ArrowDownState } from "./arrow-down-rig.js";
+export { arrowDownStates, type ArrowDownState } from "./arrow-down-rig.js";
+export type ArrowDownIconProps = StatefulIconProps<ArrowDownState>;
+export declare const ArrowDownIcon: import("react").NamedExoticComponent<ArrowDownIconProps>;

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

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

@@ -0,0 +1,43 @@
+export declare const arrowDownStates: readonly ["idle", "moving", "arrived"];
+export type ArrowDownState = (typeof arrowDownStates)[number];
+export declare const arrowDownArt: {
+    readonly name: "arrow-down";
+    readonly parts: readonly [{
+        readonly name: "arrow";
+        readonly paths: readonly ["M12 5L12 19", "M19 12L12 19L5 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 5L12 19", "M19 12L12 19L5 12"], readonly ["M12 5L12 16", "M17 11L12 16L7 11"], readonly ["M12 11L12 20", "M17 15L12 20L7 15"]];
+    }];
+};

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

@@ -0,0 +1,64 @@
+export const arrowDownStates = ['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 arrowDownArt = {
+    name: 'arrow-down',
+    parts: [
+        {
+            name: 'arrow',
+            paths: ['M12 5L12 19', 'M19 12L12 19L5 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 5L12 19', 'M19 12L12 19L5 12'],
+                ['M12 5L12 16', 'M17 11L12 16L7 11'],
+                ['M12 11L12 20', 'M17 15L12 20L7 15'],
+            ],
+        },
+    ],
+};

package/dist/icons/arrow-left/arrow-left-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ArrowLeftState } from "./arrow-left-rig.js";
+export { arrowLeftStates, type ArrowLeftState } from "./arrow-left-rig.js";
+export type ArrowLeftIconProps = StatefulIconProps<ArrowLeftState>;
+export declare const ArrowLeftIcon: import("react").NamedExoticComponent<ArrowLeftIconProps>;

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

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

@@ -0,0 +1,43 @@
+export declare const arrowLeftStates: readonly ["idle", "moving", "arrived"];
+export type ArrowLeftState = (typeof arrowLeftStates)[number];
+export declare const arrowLeftArt: {
+    readonly name: "arrow-left";
+    readonly parts: readonly [{
+        readonly name: "arrow";
+        readonly paths: readonly ["M19 12L5 12", "M12 19L5 12L12 5"];
+        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 x: 1.3;
+            }, {
+                readonly at: 0.6;
+                readonly x: -2;
+            }, {
+                readonly at: 0.78;
+                readonly x: -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 x: -0.7;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly pathStates: readonly [readonly ["M19 12L5 12", "M12 19L5 12L12 5"], readonly ["M19 12L8 12", "M13 17L8 12L13 7"], readonly ["M13 12L4 12", "M9 17L4 12L9 7"]];
+    }];
+};

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

@@ -0,0 +1,64 @@
+export const arrowLeftStates = ['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 arrowLeftArt = {
+    name: 'arrow-left',
+    parts: [
+        {
+            name: 'arrow',
+            paths: ['M19 12L5 12', 'M12 19L5 12L12 5'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.05,
+                    repeatAfter: 2.15,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.15,
+                            x: 1.3,
+                        },
+                        {
+                            at: 0.6,
+                            x: -2,
+                        },
+                        {
+                            at: 0.78,
+                            x: -2,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 0.55,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.35,
+                            x: -0.7,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            pathStates: [
+                ['M19 12L5 12', 'M12 19L5 12L12 5'],
+                ['M19 12L8 12', 'M13 17L8 12L13 7'],
+                ['M13 12L4 12', 'M9 17L4 12L9 7'],
+            ],
+        },
+    ],
+};

package/dist/icons/arrow-right/arrow-right-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ArrowRightState } from "./arrow-right-rig.js";
+export { arrowRightStates, type ArrowRightState } from "./arrow-right-rig.js";
+export type ArrowRightIconProps = StatefulIconProps<ArrowRightState>;
+export declare const ArrowRightIcon: import("react").NamedExoticComponent<ArrowRightIconProps>;

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

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

@@ -0,0 +1,43 @@
+export declare const arrowRightStates: readonly ["idle", "moving", "arrived"];
+export type ArrowRightState = (typeof arrowRightStates)[number];
+export declare const arrowRightArt: {
+    readonly name: "arrow-right";
+    readonly parts: readonly [{
+        readonly name: "arrow";
+        readonly paths: readonly ["M5 12L19 12", "M12 5L19 12L12 19"];
+        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 x: -1.3;
+            }, {
+                readonly at: 0.6;
+                readonly x: 2;
+            }, {
+                readonly at: 0.78;
+                readonly x: 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 x: 0.7;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly pathStates: readonly [readonly ["M5 12L19 12", "M12 5L19 12L12 19"], readonly ["M5 12L16 12", "M11 7L16 12L11 17"], readonly ["M11 12L20 12", "M15 7L20 12L15 17"]];
+    }];
+};

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

@@ -0,0 +1,64 @@
+export const arrowRightStates = ['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 arrowRightArt = {
+    name: 'arrow-right',
+    parts: [
+        {
+            name: 'arrow',
+            paths: ['M5 12L19 12', 'M12 5L19 12L12 19'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.05,
+                    repeatAfter: 2.15,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.15,
+                            x: -1.3,
+                        },
+                        {
+                            at: 0.6,
+                            x: 2,
+                        },
+                        {
+                            at: 0.78,
+                            x: 2,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 0.55,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.35,
+                            x: 0.7,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            pathStates: [
+                ['M5 12L19 12', 'M12 5L19 12L12 19'],
+                ['M5 12L16 12', 'M11 7L16 12L11 17'],
+                ['M11 12L20 12', 'M15 7L20 12L15 17'],
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ArrowUpState } from "./arrow-up-rig.js";
+export { arrowUpStates, type ArrowUpState } from "./arrow-up-rig.js";
+export type ArrowUpIconProps = StatefulIconProps<ArrowUpState>;
+export declare const ArrowUpIcon: import("react").NamedExoticComponent<ArrowUpIconProps>;

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'],
+            ],
+        },
+    ],
+};