weasel-icons 0.2.0 → 0.4.0

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

@@ -0,0 +1,15 @@
+export declare const columnsStates: readonly ["balanced", "first-wide", "second-wide"];
+export type ColumnsState = (typeof columnsStates)[number];
+export declare const columnsArt: {
+    readonly name: "columns";
+    readonly parts: readonly [{
+        readonly name: "frame";
+        readonly paths: readonly ["M5 3H19Q21 3 21 5V19Q21 21 19 21H5Q3 21 3 19V5Q3 3 5 3Z"];
+        readonly poses: readonly [{}, {}, {}];
+    }, {
+        readonly name: "divider";
+        readonly paths: readonly ["M12 3v18"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pathStates: readonly [readonly ["M12 3v18"], readonly ["M15 3v18"], readonly ["M9 3v18"]];
+    }];
+};

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

@@ -0,0 +1,19 @@
+export const columnsStates = ['balanced', 'first-wide', 'second-wide'];
+// Split-pane layout. Only the shared divider moves; both outer pane edges stay fixed.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const columnsArt = {
+    name: 'columns',
+    parts: [
+        {
+            name: 'frame',
+            paths: ['M5 3H19Q21 3 21 5V19Q21 21 19 21H5Q3 21 3 19V5Q3 3 5 3Z'],
+            poses: [{}, {}, {}],
+        },
+        {
+            name: 'divider',
+            paths: ['M12 3v18'],
+            poses: [{}, {}, {}],
+            pathStates: [['M12 3v18'], ['M15 3v18'], ['M9 3v18']],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type CreditCardState } from "./credit-card-rig.js";
+export { creditCardStates, type CreditCardState } from "./credit-card-rig.js";
+export type CreditCardIconProps = StatefulIconProps<CreditCardState>;
+export declare const CreditCardIcon: import("react").NamedExoticComponent<CreditCardIconProps>;

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

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/crop/crop-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type CropState } from "./crop-rig.js";
+export { cropStates, type CropState } from "./crop-rig.js";
+export type CropIconProps = StatefulIconProps<CropState>;
+export declare const CropIcon: import("react").NamedExoticComponent<CropIconProps>;

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

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

@@ -0,0 +1,16 @@
+export declare const cropStates: readonly ["idle", "adjusting", "cropped"];
+export type CropState = (typeof cropStates)[number];
+export declare const cropArt: {
+    readonly name: "crop";
+    readonly parts: readonly [{
+        readonly name: "lower-guide";
+        readonly paths: readonly ["M6 2v14a2 2 0 0 0 2 2h14"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pathStates: readonly [readonly ["M6 2v14a2 2 0 0 0 2 2h14"], readonly ["M7 2v13a2 2 0 0 0 2 2h13"], readonly ["M8 2v12a2 2 0 0 0 2 2h12"]];
+    }, {
+        readonly name: "upper-guide";
+        readonly paths: readonly ["M18 22V8a2 2 0 0 0-2-2H2"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pathStates: readonly [readonly ["M18 22V8a2 2 0 0 0-2-2H2"], readonly ["M17 22V9a2 2 0 0 0-2-2H2"], readonly ["M16 22V10a2 2 0 0 0-2-2H2"]];
+    }];
+};

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

@@ -0,0 +1,28 @@
+export const cropStates = ['idle', 'adjusting', 'cropped'];
+// Image crop handles. Opposing corner guides close inward; the applied frame stays smaller.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const cropArt = {
+    name: 'crop',
+    parts: [
+        {
+            name: 'lower-guide',
+            paths: ['M6 2v14a2 2 0 0 0 2 2h14'],
+            poses: [{}, {}, {}],
+            pathStates: [
+                ['M6 2v14a2 2 0 0 0 2 2h14'],
+                ['M7 2v13a2 2 0 0 0 2 2h13'],
+                ['M8 2v12a2 2 0 0 0 2 2h12'],
+            ],
+        },
+        {
+            name: 'upper-guide',
+            paths: ['M18 22V8a2 2 0 0 0-2-2H2'],
+            poses: [{}, {}, {}],
+            pathStates: [
+                ['M18 22V8a2 2 0 0 0-2-2H2'],
+                ['M17 22V9a2 2 0 0 0-2-2H2'],
+                ['M16 22V10a2 2 0 0 0-2-2H2'],
+            ],
+        },
+    ],
+};

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/eraser/eraser-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type EraserState } from "./eraser-rig.js";
+export { eraserStates, type EraserState } from "./eraser-rig.js";
+export type EraserIconProps = StatefulIconProps<EraserState>;
+export declare const EraserIcon: import("react").NamedExoticComponent<EraserIconProps>;

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

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

@@ -0,0 +1,48 @@
+export declare const eraserStates: readonly ["idle", "erasing", "cleared"];
+export type EraserState = (typeof eraserStates)[number];
+export declare const eraserArt: {
+    readonly name: "eraser";
+    readonly parts: readonly [{
+        readonly name: "mark";
+        readonly paths: readonly ["M14 21h7"];
+        readonly poses: readonly [{}, {}, {
+            readonly draw: 0;
+        }];
+        readonly traceLength: 7;
+        readonly gestures: readonly [null, {
+            readonly duration: 0.65;
+            readonly repeatAfter: 1.5;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.8;
+                readonly draw: -0.7;
+            }, {
+                readonly at: 1;
+                readonly draw: -0.7;
+            }];
+        }, null];
+    }, {
+        readonly name: "eraser";
+        readonly paths: readonly ["M8 21a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21", "m5.082 11.09 8.828 8.828"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.65;
+            readonly repeatAfter: 1.5;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.3;
+                readonly x: 1;
+                readonly y: -0.4;
+            }, {
+                readonly at: 0.65;
+                readonly x: -0.5;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+    }];
+};

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

@@ -0,0 +1,76 @@
+export const eraserStates = ['idle', 'erasing', 'cleared'];
+// Erase selected marks. A rigid eraser makes one sideways pass while the separate baseline shortens away.
+// Adapted Lucide geometry; see THIRD_PARTY_NOTICES.md.
+export const eraserArt = {
+    name: 'eraser',
+    parts: [
+        {
+            name: 'mark',
+            paths: ['M14 21h7'],
+            poses: [
+                {},
+                {},
+                {
+                    draw: 0,
+                },
+            ],
+            traceLength: 7,
+            gestures: [
+                null,
+                {
+                    duration: 0.65,
+                    repeatAfter: 1.5,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.8,
+                            draw: -0.7,
+                        },
+                        {
+                            at: 1,
+                            draw: -0.7,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+        {
+            name: 'eraser',
+            paths: [
+                'M8 21a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21',
+                'm5.082 11.09 8.828 8.828',
+            ],
+            poses: [{}, {}, {}],
+            gestures: [
+                null,
+                {
+                    duration: 0.65,
+                    repeatAfter: 1.5,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.3,
+                            x: 1,
+                            y: -0.4,
+                        },
+                        {
+                            at: 0.65,
+                            x: -0.5,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+    ],
+};

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) }));
+});