weasel-icons 0.2.0 → 0.3.0

package/dist/icons/credit-card/credit-card-rig.d.ts

@@ -0,0 +1,88 @@
+export declare const creditCardStates: readonly ["idle", "processing", "approved"];
+export type CreditCardState = (typeof creditCardStates)[number];
+export declare const creditCardArt: {
+    readonly name: "credit-card";
+    readonly parts: readonly [{
+        readonly name: "card";
+        readonly paths: readonly ["M4 5H20Q22 5 22 7V17Q22 19 20 19H4Q2 19 2 17V7Q2 5 4 5Z", "M2 10L22 10", "M6 14h2"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.1;
+            readonly repeatAfter: 2.1;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.18;
+                readonly angle: -3;
+                readonly y: -0.3;
+            }, {
+                readonly at: 0.48;
+                readonly angle: 1.2;
+                readonly y: 0.25;
+            }, {
+                readonly at: 0.75;
+                readonly angle: -0.3;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+    }, {
+        readonly name: "authorization";
+        readonly detail: true;
+        readonly paths: readonly ["M14 14L16 14L19 14"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 1;
+            readonly draw: 0.2;
+        }, {
+            readonly opacity: 1;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 2.2;
+            readonly repeatAfter: 2.9;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.18;
+                readonly draw: 0.75;
+            }, {
+                readonly at: 0.45;
+                readonly draw: 0.75;
+            }, {
+                readonly at: 0.6;
+                readonly draw: 0.75;
+                readonly opacity: -1;
+            }, {
+                readonly at: 0.76;
+                readonly opacity: -1;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 1;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.12;
+                readonly draw: -0.85;
+            }, {
+                readonly at: 0.6;
+                readonly draw: 0;
+                readonly scaleX: 0.06;
+                readonly scaleY: 0.06;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly pathStates: readonly [readonly ["M14 14L16 14L19 14"], readonly ["M14 14L16 14L19 14"], readonly ["M14 14L16 16L19 12.5"]];
+        readonly traceLength: 9;
+        readonly accent: true;
+    }];
+};

package/dist/icons/credit-card/credit-card-rig.js

@@ -0,0 +1,122 @@
+export const creditCardStates = ['idle', 'processing', 'approved'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Checkout: a single card tap starts processing, a held authorization stroke advances, and only the approved state writes the check. The card stays still while waiting.
+export const creditCardArt = {
+    name: 'credit-card',
+    parts: [
+        {
+            name: 'card',
+            paths: ['M4 5H20Q22 5 22 7V17Q22 19 20 19H4Q2 19 2 17V7Q2 5 4 5Z', 'M2 10L22 10', 'M6 14h2'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.1,
+                    repeatAfter: 2.1,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.18,
+                            angle: -3,
+                            y: -0.3,
+                        },
+                        {
+                            at: 0.48,
+                            angle: 1.2,
+                            y: 0.25,
+                        },
+                        {
+                            at: 0.75,
+                            angle: -0.3,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+        {
+            name: 'authorization',
+            detail: true,
+            paths: ['M14 14L16 14L19 14'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 1,
+                    draw: 0.2,
+                },
+                {
+                    opacity: 1,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 2.2,
+                    repeatAfter: 2.9,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.18,
+                            draw: 0.75,
+                        },
+                        {
+                            at: 0.45,
+                            draw: 0.75,
+                        },
+                        {
+                            at: 0.6,
+                            draw: 0.75,
+                            opacity: -1,
+                        },
+                        {
+                            at: 0.76,
+                            opacity: -1,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 1,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.12,
+                            draw: -0.85,
+                        },
+                        {
+                            at: 0.6,
+                            draw: 0,
+                            scaleX: 0.06,
+                            scaleY: 0.06,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            pathStates: [['M14 14L16 14L19 14'], ['M14 14L16 14L19 14'], ['M14 14L16 16L19 12.5']],
+            traceLength: 9,
+            accent: true,
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type DatabaseState } from "./database-rig.js";
+export { databaseStates, type DatabaseState } from "./database-rig.js";
+export type DatabaseIconProps = StatefulIconProps<DatabaseState>;
+export declare const DatabaseIcon: import("react").NamedExoticComponent<DatabaseIconProps>;

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

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

@@ -0,0 +1,61 @@
+export declare const databaseStates: readonly ["idle", "syncing", "synced"];
+export type DatabaseState = (typeof databaseStates)[number];
+export declare const databaseArt: {
+    readonly name: "database";
+    readonly parts: readonly [{
+        readonly name: "cylinder";
+        readonly paths: readonly ["M3 5V19A9 3 0 0 0 21 19V5", "M3 5a9 3 0 1 0 18 0a9 3 0 1 0 -18 0"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "middle-band";
+        readonly paths: readonly ["M3 12A9 3 0 0 0 21 12"];
+        readonly poses: readonly [{}, {
+            readonly y: -3;
+        }, {
+            readonly y: 3;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 2.5;
+            readonly repeatAfter: 3.8;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.12;
+            }, {
+                readonly at: 0.58;
+                readonly y: 6;
+            }, {
+                readonly at: 0.72;
+                readonly y: 6;
+                readonly opacity: -1;
+            }, {
+                readonly at: 0.88;
+                readonly opacity: -1;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 1.2;
+            readonly repeatAfter: 2.2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly y: -0.9;
+            }, {
+                readonly at: 0.55;
+                readonly y: 0.25;
+            }, {
+                readonly at: 0.8;
+                readonly y: -0.05;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,86 @@
+export const databaseStates = ['idle', 'syncing', 'synced'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// Sync storage: a write band scans downward through the cylinder, fades, and resets invisibly. The synced band seats at the bottom; the cylinder keeps its volume.
+export const databaseArt = {
+    name: 'database',
+    parts: [
+        {
+            name: 'cylinder',
+            paths: ['M3 5V19A9 3 0 0 0 21 19V5', 'M3 5a9 3 0 1 0 18 0a9 3 0 1 0 -18 0'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'middle-band',
+            paths: ['M3 12A9 3 0 0 0 21 12'],
+            poses: [
+                {},
+                {
+                    y: -3,
+                },
+                {
+                    y: 3,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 2.5,
+                    repeatAfter: 3.8,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.12,
+                        },
+                        {
+                            at: 0.58,
+                            y: 6,
+                        },
+                        {
+                            at: 0.72,
+                            y: 6,
+                            opacity: -1,
+                        },
+                        {
+                            at: 0.88,
+                            opacity: -1,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 1.2,
+                    repeatAfter: 2.2,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            y: -0.9,
+                        },
+                        {
+                            at: 0.55,
+                            y: 0.25,
+                        },
+                        {
+                            at: 0.8,
+                            y: -0.05,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

package/dist/icons/external-link/external-link-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ExternalLinkState } from "./external-link-rig.js";
+export { externalLinkStates, type ExternalLinkState } from "./external-link-rig.js";
+export type ExternalLinkIconProps = StatefulIconProps<ExternalLinkState>;
+export declare const ExternalLinkIcon: import("react").NamedExoticComponent<ExternalLinkIconProps>;

package/dist/icons/external-link/external-link-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 { externalLinkArt, externalLinkStates, resolveExternalLinkState, } from "./external-link-rig.js";
+export { externalLinkStates } from "./external-link-rig.js";
+export const ExternalLinkIcon = memo(function ExternalLinkIcon(props) {
+    return (_jsx(ArticulatedIcon, { art: externalLinkArt, states: externalLinkStates, ...props, state: resolveExternalLinkState(props.state) }));
+});

package/dist/icons/external-link/external-link-rig.d.ts

@@ -0,0 +1,45 @@
+export declare const externalLinkStates: readonly ["idle", "hover", "pressed"];
+export type ExternalLinkState = (typeof externalLinkStates)[number] | 'opening' | 'opened';
+/** Legacy navigation names acknowledge activation, never destination load success. */
+export declare function resolveExternalLinkState(state?: ExternalLinkState): (typeof externalLinkStates)[number];
+export declare const externalLinkArt: {
+    readonly name: "external-link";
+    readonly parts: readonly [{
+        readonly name: "frame";
+        readonly paths: readonly ["M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "arrow";
+        readonly paths: readonly ["M15 3h6v6", "M10 14 21 3"];
+        readonly poses: readonly [{}, {
+            readonly x: 0.65;
+            readonly y: -0.65;
+        }, {
+            readonly x: 0.3;
+            readonly y: -0.3;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.12;
+                readonly x: -0.65;
+                readonly y: 0.65;
+            }, {
+                readonly at: 0.34;
+                readonly x: 0.8;
+                readonly y: -0.8;
+            }, {
+                readonly at: 0.68;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

package/dist/icons/external-link/external-link-rig.js

@@ -0,0 +1,42 @@
+export const externalLinkStates = ['idle', 'hover', 'pressed'];
+/** Legacy navigation names acknowledge activation, never destination load success. */
+export function resolveExternalLinkState(state = 'idle') {
+    return state === 'opening' || state === 'opened' ? 'pressed' : state;
+}
+// Lucide-derived outline; attribution: THIRD_PARTY_NOTICES.md.
+// The frame stays anchored. Hover reaches outward; press draws back briefly, exits,
+// and settles. No shrinking arrow, looping loading gesture, or invented success.
+export const externalLinkArt = {
+    name: 'external-link',
+    parts: [
+        {
+            name: 'frame',
+            paths: ['M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'arrow',
+            paths: ['M15 3h6v6', 'M10 14 21 3'],
+            poses: [{}, { x: 0.65, y: -0.65 }, { x: 0.3, y: -0.3 }],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        { at: 0 },
+                        { at: 0.12, x: -0.65, y: 0.65 },
+                        { at: 0.34, x: 0.8, y: -0.8 },
+                        { at: 0.68 },
+                        { at: 1 },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type FileState } from "./file-rig.js";
+export { fileStates, type FileState } from "./file-rig.js";
+export type FileIconProps = StatefulIconProps<FileState>;
+export declare const FileIcon: import("react").NamedExoticComponent<FileIconProps>;

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

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

@@ -0,0 +1,53 @@
+export declare const fileStates: readonly ["idle", "creating", "ready"];
+export type FileState = (typeof fileStates)[number];
+export declare const fileArt: {
+    readonly name: "file";
+    readonly parts: readonly [{
+        readonly name: "page";
+        readonly paths: readonly ["M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"];
+        readonly poses: readonly [{}, {
+            readonly scaleY: 0.84;
+            readonly y: 1.5;
+        }, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "fold";
+        readonly paths: readonly ["M14 2V7Q14 8 15 8H20"];
+        readonly poses: readonly [{}, {
+            readonly scaleY: 0.84;
+            readonly y: 1.5;
+        }, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+        readonly pathStates: readonly [readonly ["M14 2V7Q14 8 15 8H20"], readonly ["M14 2V5Q14 8 17 8H20"], readonly ["M14 2V7Q14 8 15 8H20"]];
+    }, {
+        readonly name: "ready-line";
+        readonly paths: readonly ["M8 16H15"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 1;
+            readonly scaleX: 0.4;
+        }, {
+            readonly opacity: 1;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.15;
+            readonly repeatAfter: 2.4;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.25;
+                readonly scaleX: 0.4;
+            }, {
+                readonly at: 0.65;
+                readonly scaleX: -0.2;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,80 @@
+export const fileStates = ['idle', 'creating', 'ready'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// A forming sheet grows to its full height while its first content stroke writes across; ready holds the completed document.
+export const fileArt = {
+    name: 'file',
+    parts: [
+        {
+            name: 'page',
+            paths: [
+                'M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z',
+            ],
+            poses: [
+                {},
+                {
+                    scaleY: 0.84,
+                    y: 1.5,
+                },
+                {},
+            ],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'fold',
+            paths: ['M14 2V7Q14 8 15 8H20'],
+            poses: [
+                {},
+                {
+                    scaleY: 0.84,
+                    y: 1.5,
+                },
+                {},
+            ],
+            pivot: [12, 12],
+            gestures: [],
+            pathStates: [['M14 2V7Q14 8 15 8H20'], ['M14 2V5Q14 8 17 8H20'], ['M14 2V7Q14 8 15 8H20']],
+        },
+        {
+            name: 'ready-line',
+            paths: ['M8 16H15'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 1,
+                    scaleX: 0.4,
+                },
+                {
+                    opacity: 1,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.15,
+                    repeatAfter: 2.4,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.25,
+                            scaleX: 0.4,
+                        },
+                        {
+                            at: 0.65,
+                            scaleX: -0.2,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

package/dist/icons/file-text/file-text-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type FileTextState } from "./file-text-rig.js";
+export { fileTextStates, type FileTextState } from "./file-text-rig.js";
+export type FileTextIconProps = StatefulIconProps<FileTextState>;
+export declare const FileTextIcon: import("react").NamedExoticComponent<FileTextIconProps>;

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