weasel-icons 0.1.0 → 0.3.0

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

@@ -0,0 +1,114 @@
+export const shareStates = ['idle', 'sharing', 'shared'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// A signal travels from the source along the upper and then lower connection; the shared state holds both complete links.
+export const shareArt = {
+    name: 'share',
+    parts: [
+        {
+            name: 'upper-connection',
+            paths: ['M8.59 10.49L15.41 6.51'],
+            poses: [
+                {
+                    draw: 0.72,
+                },
+                {
+                    draw: 0.25,
+                },
+                {
+                    draw: 1,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.15,
+                    repeatAfter: 2,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            draw: 0.7,
+                        },
+                        {
+                            at: 0.6,
+                            draw: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            traceLength: 8,
+        },
+        {
+            name: 'lower-connection',
+            paths: ['M8.59 13.51L15.42 17.49'],
+            poses: [
+                {
+                    draw: 0.72,
+                },
+                {
+                    draw: 0.25,
+                },
+                {
+                    draw: 1,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.15,
+                    repeatAfter: 2,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.4,
+                            draw: 0.7,
+                        },
+                        {
+                            at: 0.75,
+                            draw: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            traceLength: 8,
+        },
+        {
+            name: 'source',
+            paths: ['M3 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'destinations',
+            paths: ['M15 5a3 3 0 1 0 6 0a3 3 0 1 0 -6 0', 'M15 19a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'],
+            poses: [
+                {},
+                {
+                    scaleX: 0.8,
+                    scaleY: 0.8,
+                },
+                {
+                    scaleX: 1.1,
+                    scaleY: 1.1,
+                },
+            ],
+            pivot: [18, 12],
+            gestures: [],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ShieldState } from "./shield-rig.js";
+export { shieldStates, type ShieldState } from "./shield-rig.js";
+export type ShieldIconProps = StatefulIconProps<ShieldState>;
+export declare const ShieldIcon: import("react").NamedExoticComponent<ShieldIconProps>;

package/dist/icons/shield/shield-icon.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useId, useRef } from 'react';
+import { motion, useTransform } from 'motion/react';
+import { usePoseWeight, useBehaviorClock, useActionProgress } from "../../shared/use-icon-motion.js";
+import { useMotionPreference } from "../../shared/use-motion-preference.js";
+import { SHIELD_SHELL, SHIELD_RING_LENGTH, SHIELD_CHECK_LENGTH, SHIELD_CONFIRM_SECONDS, sampleShield, } from "./shield-rig.js";
+export { shieldStates } from "./shield-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+export const ShieldIcon = memo(function ShieldIcon({ state = 'idle', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, }) {
+    const reduced = useMotionPreference(), element = useRef(null), id = useId();
+    const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;
+    const idle = usePoseWeight(state === 'idle', pace, reduced), scanning = usePoseWeight(state === 'scanning', pace, reduced), verified = usePoseWeight(state === 'verified', pace, reduced), blocked = usePoseWeight(state === 'blocked', pace, reduced);
+    const performs = alive && !reduced && state !== 'idle', life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const firstConfirmation = useRef(true);
+    const canRestart = useCallback(() => {
+        const invisible = firstConfirmation.current || verified.get() < 0.001;
+        firstConfirmation.current = false;
+        return invisible;
+    }, [verified]);
+    const entry = useActionProgress(state === 'verified', pace, reduced, SHIELD_CONFIRM_SECONDS, canRestart);
+    const rig = useTransform(() => sampleShield([idle.get(), scanning.get(), verified.get(), blocked.get()], time.get(), life.get(), entry.get()));
+    const body = useTransform(rig, (r) => r.body), cut = useTransform(rig, (r) => r.cut), scanY = useTransform(rig, (r) => r.scanY), scan = useTransform(rig, (r) => r.scan), check = useTransform(rig, (r) => r.check), checkOffset = useTransform(rig, (r) => (1 - r.checkDraw) * SHIELD_CHECK_LENGTH), circle = useTransform(rig, (r) => r.circle), circleOffset = useTransform(rig, (r) => (1 - r.circleDraw) * SHIELD_RING_LENGTH), slash = useTransform(rig, (r) => r.blocked), shine = useTransform(rig, (r) => r.shine);
+    return (_jsxs("svg", { ref: element, className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", pointerEvents: "none", style: { display: 'block', overflow: 'visible' }, children: [_jsxs("defs", { children: [_jsx("clipPath", { id: `${id}-inside`, children: _jsx("path", { d: SHIELD_SHELL }) }), _jsx("clipPath", { id: `${id}-cut`, children: _jsx(motion.path, { "data-part": "blocked-cut", d: cut, clipRule: "evenodd" }) })] }), _jsxs(motion.g, { "data-layer": "shield-body", transform: body, style: ORIGIN, children: [_jsx("path", { "data-part": "shell", d: SHIELD_SHELL, stroke: color, strokeWidth: strokeWidth, clipPath: `url(#${id}-cut)` }), _jsxs("g", { clipPath: `url(#${id}-inside)`, children: [_jsx(motion.path, { "data-layer": "shield-scan", d: "M8 0H16", stroke: accentColor, strokeWidth: strokeWidth * 0.8, style: { y: scanY }, opacity: scan }), _jsx(motion.path, { "data-layer": "shield-confirm-circle", d: "M12 8.2a4.3 4.3 0 1 1 0 8.6a4.3 4.3 0 1 1 0-8.6", stroke: accentColor, strokeWidth: Math.min(strokeWidth * 0.65, 1.5), strokeDasharray: `${SHIELD_RING_LENGTH} ${SHIELD_RING_LENGTH}`, strokeDashoffset: circleOffset, opacity: circle }), _jsx(motion.path, { "data-layer": "shield-check", d: "m9.8 12.4 1.5 1.5 2.8-2.8", stroke: color, strokeWidth: Math.min(strokeWidth * 0.75, 1.5), strokeDasharray: `${SHIELD_CHECK_LENGTH} ${SHIELD_CHECK_LENGTH}`, strokeDashoffset: checkOffset, opacity: check }), _jsx(motion.path, { "data-layer": "shield-shine", d: "M16.8 7.2v2.2", stroke: accentColor, strokeWidth: strokeWidth * 0.7, opacity: shine })] }), _jsx(motion.path, { "data-layer": "shield-blocked", d: "M3 3l18 18", stroke: color, strokeWidth: strokeWidth, opacity: slash })] })] }));
+});

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

@@ -0,0 +1,23 @@
+export declare const shieldStates: readonly ["idle", "scanning", "verified", "blocked"];
+export type ShieldState = (typeof shieldStates)[number];
+export declare const SHIELD_SHELL = "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z";
+export declare const SHIELD_RING_LENGTH: number;
+export declare const SHIELD_CHECK_LENGTH: number;
+export declare const SHIELD_CONFIRM_SECONDS = 1.1;
+export declare function shieldConfirmation(progress: number): {
+    circle: number;
+    check: number;
+};
+/** A planted shield: scan inside its boundary, receive a check, or close the gate. */
+export declare function sampleShield(weights: readonly number[], time?: number, alive?: number, entry?: number): {
+    body: string;
+    scanY: number;
+    scan: number;
+    circle: number;
+    circleDraw: number;
+    check: number;
+    checkDraw: number;
+    blocked: number;
+    cut: string;
+    shine: number;
+};

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

@@ -0,0 +1,42 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+export const shieldStates = ['idle', 'scanning', 'verified', 'blocked'];
+export const SHIELD_SHELL = 'M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z';
+const clamp = (n) => Math.max(0, Math.min(1, n));
+export const SHIELD_RING_LENGTH = Math.PI * 8.6;
+export const SHIELD_CHECK_LENGTH = Math.SQRT2 * 4.3;
+export const SHIELD_CONFIRM_SECONDS = 1.1;
+const smooth = (value) => {
+    const t = clamp(value);
+    return t * t * t * (t * (t * 6 - 15) + 10);
+};
+export function shieldConfirmation(progress) {
+    return {
+        circle: smooth(progress / 0.66),
+        check: smooth((progress - 0.72) / 0.28),
+    };
+}
+/** A planted shield: scan inside its boundary, receive a check, or close the gate. */
+export function sampleShield(weights, time = 0, alive = 0, entry = 1) {
+    const [, s, v, b] = weights.map(clamp), life = clamp(alive);
+    const t = time % 7.2;
+    const sweep = behaviorBeat(t, 0.1, 1.15, 0.12, 1.15);
+    const second = behaviorBeat(t, 3.8, 0.75, 0.12, 0.75);
+    const confirm = behaviorBeat(t, 0.2, 0.3, 0.12, 0.7) + 0.55 * behaviorBeat(t, 4.1, 0.2, 0.1, 0.5);
+    const guard = behaviorBeat(t, 0.3, 0.28, 0.12, 0.7) - 0.4 * behaviorBeat(t, 4.4, 0.3, 0.1, 0.7);
+    const breathe = v * life * confirm;
+    const tilt = b * life * guard * -3;
+    const gap = b * 1.55;
+    const confirmation = shieldConfirmation(entry);
+    return {
+        body: `translate(12px, 12px) rotate(${tilt}deg) scale(${0.84 + breathe * 0.018}) translate(-12px, -12px)`,
+        scanY: 8 + s * life * (7 * sweep + 4 * second),
+        scan: s * (0.45 + life * 0.5),
+        circle: v * smooth(confirmation.circle / 0.035),
+        circleDraw: confirmation.circle,
+        check: v * smooth(confirmation.check / 0.035),
+        checkDraw: confirmation.check,
+        blocked: b,
+        cut: `M0 0H24V24H0Z M${2 - gap} ${2 + gap}L${22 - gap} ${22 + gap}L${22 + gap} ${22 - gap}L${2 + gap} ${2 - gap}Z`,
+        shine: v * life * confirm,
+    };
+}

package/dist/icons/ship/ship-icon.js

@@ -9,7 +9,7 @@ import { sampleShip } from "./ship-rig.js";
 export { shipStates } from "./ship-rig.js";
 // Motion 13 renders transform as CSS, not an SVG transform attribute.
 const SVG_ORIGIN = { originX: 0, originY: 0, transformBox: 'view-box' };
-export const ShipIcon = memo(function ShipIcon({ state = 'docked', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.8, speed = 1, alive = false, className, colors, }) {
+export const ShipIcon = memo(function ShipIcon({ state = 'docked', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, colors, }) {
     const reduced = useMotionPreference(), element = useRef(null);
     const clipId = `ship-sea-${useId().replace(/:/g, '')}`;
     const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;

package/dist/icons/shopping-bag/shopping-bag-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ShoppingBagState } from "./shopping-bag-rig.js";
+export { shoppingBagStates, type ShoppingBagState } from "./shopping-bag-rig.js";
+export type ShoppingBagIconProps = StatefulIconProps<ShoppingBagState>;
+export declare const ShoppingBagIcon: import("react").NamedExoticComponent<ShoppingBagIconProps>;

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

package/dist/icons/shopping-bag/shopping-bag-rig.d.ts

@@ -0,0 +1,92 @@
+export declare const shoppingBagStates: readonly ["empty", "packing", "packed"];
+export type ShoppingBagState = (typeof shoppingBagStates)[number];
+export declare const shoppingBagArt: {
+    readonly name: "shopping-bag";
+    readonly parts: readonly [{
+        readonly name: "bag";
+        readonly paths: readonly ["M3.103 6.034h17.794", "M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.1;
+            readonly repeatAfter: 1.8;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly y: -0.85;
+            }, {
+                readonly at: 0.5;
+                readonly y: 0.25;
+            }, {
+                readonly at: 0.8;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+    }, {
+        readonly name: "handle";
+        readonly paths: readonly ["M16 10C16 12.209 14.209 14 12 14C9.791 14 8 12.209 8 10"];
+        readonly poses: readonly [{}, {}, {
+            readonly y: -4;
+            readonly opacity: 0;
+        }];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.1;
+            readonly repeatAfter: 1.8;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly y: -0.85;
+                readonly flex: 1;
+            }, {
+                readonly at: 0.5;
+                readonly y: 0.25;
+                readonly flex: -0.65;
+            }, {
+                readonly at: 0.8;
+            }, {
+                readonly at: 1;
+            }];
+        }, null];
+        readonly pathOffsets: readonly [readonly [0, 0, 0, 0, 0.5, -0.4, 0.85, 0, 0.5, 0.4, 0, 0, 0, 0]];
+        readonly pivot: readonly [12, 10];
+    }, {
+        readonly name: "check";
+        readonly paths: readonly ["M8 12L11 15L16 10"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 1;
+        }];
+        readonly gestures: readonly [null, null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 1.7;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.025;
+                readonly opacity: -1;
+                readonly draw: -1;
+            }, {
+                readonly at: 0.35;
+                readonly opacity: -1;
+                readonly draw: -1;
+            }, {
+                readonly at: 0.52;
+                readonly draw: -0.6;
+            }, {
+                readonly at: 0.76;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly detail: true;
+        readonly traceLength: 11.4;
+    }];
+};

package/dist/icons/shopping-bag/shopping-bag-rig.js

@@ -0,0 +1,139 @@
+export const shoppingBagStates = ['empty', 'packing', 'packed'];
+// V2: authored from plain Lucide geometry and the current interaction brief.
+// Source/license: THIRD_PARTY_NOTICES.md.
+export const shoppingBagArt = {
+    name: 'shopping-bag',
+    parts: [
+        {
+            name: 'bag',
+            paths: [
+                'M3.103 6.034h17.794',
+                'M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z',
+            ],
+            poses: [{}, {}, {}],
+            gestures: [
+                null,
+                {
+                    duration: 1.1,
+                    repeatAfter: 1.8,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            y: -0.85,
+                        },
+                        {
+                            at: 0.5,
+                            y: 0.25,
+                        },
+                        {
+                            at: 0.8,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+        },
+        {
+            name: 'handle',
+            paths: ['M16 10C16 12.209 14.209 14 12 14C9.791 14 8 12.209 8 10'],
+            poses: [
+                {},
+                {},
+                {
+                    y: -4,
+                    opacity: 0,
+                },
+            ],
+            gestures: [
+                null,
+                {
+                    duration: 1.1,
+                    repeatAfter: 1.8,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            y: -0.85,
+                            flex: 1,
+                        },
+                        {
+                            at: 0.5,
+                            y: 0.25,
+                            flex: -0.65,
+                        },
+                        {
+                            at: 0.8,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                null,
+            ],
+            pathOffsets: [[0, 0, 0, 0, 0.5, -0.4, 0.85, 0, 0.5, 0.4, 0, 0, 0, 0]],
+            pivot: [12, 10],
+        },
+        {
+            name: 'check',
+            paths: ['M8 12L11 15L16 10'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 1,
+                },
+            ],
+            gestures: [
+                null,
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 1.7,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.025,
+                            opacity: -1,
+                            draw: -1,
+                        },
+                        {
+                            at: 0.35,
+                            opacity: -1,
+                            draw: -1,
+                        },
+                        {
+                            at: 0.52,
+                            draw: -0.6,
+                        },
+                        {
+                            at: 0.76,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            detail: true,
+            traceLength: 11.4,
+        },
+    ],
+};

package/dist/icons/shopping-cart/shopping-cart-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ShoppingCartState } from "./shopping-cart-rig.js";
+export { shoppingCartStates, type ShoppingCartState } from "./shopping-cart-rig.js";
+export type ShoppingCartIconProps = StatefulIconProps<ShoppingCartState>;
+export declare const ShoppingCartIcon: import("react").NamedExoticComponent<ShoppingCartIconProps>;

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

package/dist/icons/shopping-cart/shopping-cart-rig.d.ts

@@ -0,0 +1,72 @@
+export declare const shoppingCartStates: readonly ["empty", "adding", "filled"];
+export type ShoppingCartState = (typeof shoppingCartStates)[number];
+export declare const shoppingCartArt: {
+    readonly name: "shopping-cart";
+    readonly parts: readonly [{
+        readonly name: "chassis";
+        readonly paths: readonly ["m2.05 2.05 1.099-.028a1 1 0 0 1 1.008.815l2.69 14.347A1 1 0 0 0 7.83 18H18", "M4.563 5h16.435a1 1 0 0 1 .981 1.204l-1.026 6.226A2 2 0 0 1 18.962 14H6.25"];
+        readonly poses: readonly [{}, {
+            readonly x: 0.2;
+            readonly y: 0.7;
+        }, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1;
+            readonly repeatAfter: 2.5;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.5;
+                readonly y: 0.3;
+            }, {
+                readonly at: 0.73;
+                readonly y: -0.5;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "wheels";
+        readonly paths: readonly ["M16 20a2 2 0 1 0 4 0a2 2 0 1 0 -4 0", "M6 20a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"];
+        readonly poses: readonly [{}, {
+            readonly x: 0.2;
+        }, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "item";
+        readonly detail: true;
+        readonly paths: readonly ["M11.4 8H15.4Q15.8 8 15.8 8.4V10.8Q15.8 11.2 15.4 11.2H11.4Q11 11.2 11 10.8V8.4Q11 8 11.4 8Z"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 1;
+            readonly x: 0.2;
+            readonly y: -1.2;
+        }, {
+            readonly opacity: 1;
+        }];
+        readonly pivot: readonly [13.5, 10];
+        readonly gestures: readonly [null, {
+            readonly duration: 1;
+            readonly repeatAfter: 2.5;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.12;
+                readonly y: -3.8;
+            }, {
+                readonly at: 0.52;
+                readonly y: 1.4;
+            }, {
+                readonly at: 0.7;
+                readonly y: 0.8;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly surface: true;
+    }];
+};

package/dist/icons/shopping-cart/shopping-cart-rig.js

@@ -0,0 +1,111 @@
+export const shoppingCartStates = ['empty', 'adding', 'filled'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// An item drops into the basket; the suspended basket compresses after contact while the wheels remain grounded. Filled rests with the item seated.
+export const shoppingCartArt = {
+    name: 'shopping-cart',
+    parts: [
+        {
+            name: 'chassis',
+            paths: [
+                'm2.05 2.05 1.099-.028a1 1 0 0 1 1.008.815l2.69 14.347A1 1 0 0 0 7.83 18H18',
+                'M4.563 5h16.435a1 1 0 0 1 .981 1.204l-1.026 6.226A2 2 0 0 1 18.962 14H6.25',
+            ],
+            poses: [
+                {},
+                {
+                    x: 0.2,
+                    y: 0.7,
+                },
+                {},
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1,
+                    repeatAfter: 2.5,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.5,
+                            y: 0.3,
+                        },
+                        {
+                            at: 0.73,
+                            y: -0.5,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'wheels',
+            paths: ['M16 20a2 2 0 1 0 4 0a2 2 0 1 0 -4 0', 'M6 20a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'],
+            poses: [
+                {},
+                {
+                    x: 0.2,
+                },
+                {},
+            ],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'item',
+            detail: true,
+            paths: [
+                'M11.4 8H15.4Q15.8 8 15.8 8.4V10.8Q15.8 11.2 15.4 11.2H11.4Q11 11.2 11 10.8V8.4Q11 8 11.4 8Z',
+            ],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 1,
+                    x: 0.2,
+                    y: -1.2,
+                },
+                {
+                    opacity: 1,
+                },
+            ],
+            pivot: [13.5, 10],
+            gestures: [
+                null,
+                {
+                    duration: 1,
+                    repeatAfter: 2.5,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.12,
+                            y: -3.8,
+                        },
+                        {
+                            at: 0.52,
+                            y: 1.4,
+                        },
+                        {
+                            at: 0.7,
+                            y: 0.8,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            surface: true,
+        },
+    ],
+};