weasel-icons 0.2.0 → 0.4.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.4.0` contains 156 icons, adding 56 icons for editing, layouts, files, devices, media, collaboration and data. It includes the latest hand, arrow, receipt, tag and flag motion revisions.
 
 ## Install
 
@@ -49,7 +49,98 @@ The existing SVG smoothly transitions when `state` changes, including during an
 
 ## Icons and props
 
-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.
+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.4.0
+
+- **Editing:** `UndoIcon`, `RedoIcon`, `CropIcon`, `ScissorsIcon`, `PaperclipIcon`, `EraserIcon`, `BrushIcon`, `HighlighterIcon`.
+- **Layouts:** `PanelLeftIcon`, `PanelRightIcon`, `ColumnsIcon`, `RowsIcon`, `TableIcon`, `KanbanIcon`, `AppWindowIcon`, `PictureInPictureIcon`.
+- **Files:** `FolderOpenIcon`, `FolderPlusIcon`, `FilePlusIcon`, `FileCheckIcon`, `ArchiveIcon`, `InboxIcon`, `HardDriveIcon`, `PrinterIcon`.
+- **Devices:** `BluetoothIcon`, `CastIcon`, `MonitorIcon`, `SmartphoneIcon`, `PowerIcon`, `FingerprintIcon`, `ScanQrIcon`, `ScanFaceIcon`.
+- **Media:** `SkipForwardIcon`, `SkipBackIcon`, `RewindIcon`, `FastForwardIcon`, `RepeatIcon`, `ShuffleIcon`, `HeadphonesIcon`, `RadioIcon`.
+- **Collaboration:** `ThumbsUpIcon`, `ThumbsDownIcon`, `UserPlusIcon`, `UserMinusIcon`, `AtSignIcon`, `ReplyIcon`, `ForwardIcon`, `FlagIcon`.
+- **Data & commerce:** `ChartBarIcon`, `ChartLineIcon`, `ChartPieIcon`, `TrendingUpIcon`, `ReceiptIcon`, `TagIcon`, `GiftIcon`, `TicketIcon`.
+
+Each addition supports the same props and exports its typed state list. The application supplies pending and result states; the animation never decides completion.
+
+### 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
 
@@ -64,7 +155,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,15 @@ 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 0.4.0 expansion additionally adapts these assets at the same pinned revision: `undo-2`, `redo-2`, `crop`, `scissors`, `paperclip`, `eraser`, `brush`, `highlighter`, `panel-left`, `panel-right`, `columns-2`, `rows-2`, `table-2`, `kanban`, `app-window`, `picture-in-picture-2`, `folder-open`, `folder-plus`, `file-plus`, `file-check`, `archive`, `inbox`, `hard-drive`, `printer`, `bluetooth`, `cast`, `monitor`, `smartphone`, `power`, `fingerprint-pattern`, `scan-qr-code`, `scan-face`, `skip-forward`, `skip-back`, `rewind`, `fast-forward`, `repeat`, `shuffle`, `headphones`, `radio`, `thumbs-up`, `thumbs-down`, `user-plus`, `user-minus`, `at-sign`, `reply`, `forward`, `flag`, `chart-column`, `chart-line`, `chart-pie`, `trending-up`, `receipt`, `tag`, `gift`, `ticket`. Parts, compatible morphs, and state choreography are independently authored. The upstream ISC and Feather notices below are retained for all adapted assets.
 
 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 +66,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 +96,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/app-window/app-window-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type AppWindowState } from "./app-window-rig.js";
+export { appWindowStates, type AppWindowState } from "./app-window-rig.js";
+export type AppWindowIconProps = StatefulIconProps<AppWindowState>;
+export declare const AppWindowIcon: import("react").NamedExoticComponent<AppWindowIconProps>;

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

package/dist/icons/app-window/app-window-rig.d.ts

@@ -0,0 +1,37 @@
+export declare const appWindowStates: readonly ["idle", "opening", "open"];
+export type AppWindowState = (typeof appWindowStates)[number];
+export declare const appWindowArt: {
+    readonly name: "app-window";
+    readonly parts: readonly [{
+        readonly name: "chrome";
+        readonly paths: readonly ["M10 4v4", "M2 8h20", "M6 4v4"];
+        readonly poses: readonly [{}, {}, {}];
+    }, {
+        readonly name: "frame";
+        readonly paths: readonly ["M4 4H20Q22 4 22 6V18Q22 20 20 20H4Q2 20 2 18V6Q2 4 4 4Z"];
+        readonly poses: readonly [{}, {}, {}];
+    }, {
+        readonly name: "content";
+        readonly paths: readonly ["M6 12h8M6 16h5"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 0.45;
+        }, {}];
+        readonly detail: true;
+        readonly traceLength: 20;
+        readonly gestures: readonly [null, {
+            readonly duration: 0.65;
+            readonly repeatAfter: 1.5;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly draw: -1;
+            }, {
+                readonly at: 0.8;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+    }];
+};

package/dist/icons/app-window/app-window-rig.js

@@ -0,0 +1,54 @@
+export const appWindowStates = ['idle', 'opening', 'open'];
+// Application window launcher. Content lines appear beneath fixed browser chrome; the window outline never collapses.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const appWindowArt = {
+    name: 'app-window',
+    parts: [
+        {
+            name: 'chrome',
+            paths: ['M10 4v4', 'M2 8h20', 'M6 4v4'],
+            poses: [{}, {}, {}],
+        },
+        {
+            name: 'frame',
+            paths: ['M4 4H20Q22 4 22 6V18Q22 20 20 20H4Q2 20 2 18V6Q2 4 4 4Z'],
+            poses: [{}, {}, {}],
+        },
+        {
+            name: 'content',
+            paths: ['M6 12h8M6 16h5'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 0.45,
+                },
+                {},
+            ],
+            detail: true,
+            traceLength: 20,
+            gestures: [
+                null,
+                {
+                    duration: 0.65,
+                    repeatAfter: 1.5,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                            draw: -1,
+                        },
+                        {
+                            at: 0.8,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ArchiveState } from "./archive-rig.js";
+export { archiveStates, type ArchiveState } from "./archive-rig.js";
+export type ArchiveIconProps = StatefulIconProps<ArchiveState>;
+export declare const ArchiveIcon: import("react").NamedExoticComponent<ArchiveIconProps>;

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

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

@@ -0,0 +1,46 @@
+export declare const archiveStates: readonly ["idle", "archiving", "archived"];
+export type ArchiveState = (typeof archiveStates)[number];
+export declare const archiveArt: {
+    readonly name: "archive";
+    readonly parts: readonly [{
+        readonly name: "box";
+        readonly paths: readonly ["M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", "M10 12h4"];
+        readonly poses: readonly [{}, {}, {}];
+    }, {
+        readonly name: "document";
+        readonly paths: readonly ["M9 5h6v5H9Z"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 1;
+            readonly y: 3;
+        }, {
+            readonly opacity: 0;
+            readonly y: 5;
+        }];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.5;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+                readonly y: -4;
+                readonly opacity: -1;
+            }, {
+                readonly at: 0.3;
+                readonly y: -2;
+            }, {
+                readonly at: 0.9;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+        readonly detail: true;
+    }, {
+        readonly name: "lid";
+        readonly paths: readonly ["M3 3H21Q22 3 22 4V7Q22 8 21 8H3Q2 8 2 7V4Q2 3 3 3Z"];
+        readonly poses: readonly [{}, {
+            readonly y: -1.4;
+        }, {}];
+    }];
+};

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

@@ -0,0 +1,68 @@
+export const archiveStates = ['idle', 'archiving', 'archived'];
+// Move item into archive. The lid lifts; a small document drops into the fixed box before the lid closes.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const archiveArt = {
+    name: 'archive',
+    parts: [
+        {
+            name: 'box',
+            paths: ['M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8', 'M10 12h4'],
+            poses: [{}, {}, {}],
+        },
+        {
+            name: 'document',
+            paths: ['M9 5h6v5H9Z'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 1,
+                    y: 3,
+                },
+                {
+                    opacity: 0,
+                    y: 5,
+                },
+            ],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.5,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                            y: -4,
+                            opacity: -1,
+                        },
+                        {
+                            at: 0.3,
+                            y: -2,
+                        },
+                        {
+                            at: 0.9,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+            detail: true,
+        },
+        {
+            name: 'lid',
+            paths: ['M3 3H21Q22 3 22 4V7Q22 8 21 8H3Q2 8 2 7V4Q2 3 3 3Z'],
+            poses: [
+                {},
+                {
+                    y: -1.4,
+                },
+                {},
+            ],
+        },
+    ],
+};

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