weasel-icons 0.1.0 → 0.3.0

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type EyeState } from "./eye-rig.js";
+export { eyeStates, type EyeState } from "./eye-rig.js";
+export type EyeIconProps = StatefulIconProps<EyeState>;
+export declare const EyeIcon: import("react").NamedExoticComponent<EyeIconProps>;

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

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef, useCallback, useId } 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 { sampleEye } from "./eye-rig.js";
+export { eyeStates } from "./eye-rig.js";
+export const EyeIcon = memo(function EyeIcon({ state = 'visible', size = 24, color = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, }) {
+    const reduced = useMotionPreference(), element = useRef(null);
+    const clipId = 'eye-' + useId().replace(/:/g, '');
+    const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;
+    const w0 = usePoseWeight(state === 'visible', pace, reduced);
+    const w1 = usePoseWeight(state === 'looking', pace, reduced);
+    const w2 = usePoseWeight(state === 'hidden', pace, reduced);
+    const performs = alive && !reduced && state === 'looking';
+    const life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const can0 = useCallback(() => w1.get() < 0.001, [w1]);
+    const e0 = useActionProgress(state === 'looking', pace, reduced, 1.4, can0);
+    const rig = useTransform(() => sampleEye([w0.get(), w1.get(), w2.get()], time.get(), life.get(), e0.get()));
+    const lid = useTransform(rig, (r) => r.lid);
+    const irisX = useTransform(rig, (r) => r.irisX);
+    const irisY = useTransform(rig, (r) => r.irisY);
+    const lashes = useTransform(rig, (r) => r.lashes);
+    const lashOpacity = useTransform(rig, (r) => r.lashOpacity);
+    return (_jsx("svg", { ref: element, className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", pointerEvents: "none", style: { display: 'block' }, children: _jsxs("g", { "data-layer": "eye-body", transform: "translate(12 12) scale(.84) translate(-12 -12)", children: [_jsx("defs", { children: _jsx("clipPath", { id: clipId, children: _jsx(motion.path, { "data-part": "eye-clip", d: lid }) }) }), _jsx(motion.path, { "data-layer": "eye-lid", d: lid }), _jsx("g", { "data-layer": "eye-iris", clipPath: 'url(#' + clipId + ')', children: _jsx(motion.circle, { "data-part": "iris", cx: irisX, cy: irisY, r: "2.7" }) }), _jsx(motion.path, { "data-layer": "eye-lashes", d: lashes, opacity: lashOpacity })] }) }));
+});

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

@@ -0,0 +1,9 @@
+export declare const eyeStates: readonly ["visible", "looking", "hidden"];
+export type EyeState = (typeof eyeStates)[number];
+export declare function sampleEye(weights: readonly number[], time?: number, alive?: number, entry?: number): {
+    lid: string;
+    irisX: number;
+    irisY: number;
+    lashes: string;
+    lashOpacity: number;
+};

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

@@ -0,0 +1,37 @@
+import { behaviorBeat } from "../../shared/behavior-curves.js";
+const clamp = (n) => Math.max(0, Math.min(1, Number.isFinite(n) ? n : 0));
+const normalized = (values) => {
+    const w = values.map(clamp), sum = w.reduce((a, b) => a + b, 0) || 1;
+    return w.map((v) => v / sum);
+};
+export const eyeStates = ['visible', 'looking', 'hidden'];
+function lidPath(hidden) {
+    const end = 12 - hidden * 1.5, top = 3.4 + hidden * 14.1, bottom = 20.6 - hidden * 3.1;
+    return `M2.5 ${end}C6.5 ${top} 17.5 ${top} 21.5 ${end}C17.5 ${bottom} 6.5 ${bottom} 2.5 ${end}Z`;
+}
+function lashesPath(hidden) {
+    // Lower cubic landmarks at t=.2/.5/.8. Lashes stay attached.
+    const end = 12 - hidden * 1.5, bottom = 20.6 - hidden * 3.1;
+    const y = end * 0.52 + bottom * 0.48, middle = end * 0.25 + bottom * 0.75;
+    return `M5.62 ${y}l-1.3 1.7M12 ${middle}v2.1M18.38 ${y}l1.3 1.7`;
+}
+export function sampleEye(weights, time = 0, alive = 0, entry = 1) {
+    const [, looking, hidden] = normalized(weights), life = clamp(alive), t = time % 7.2;
+    const glance = (s) => behaviorBeat(s, 0.08, 0.25, 0.12, 0.4) - 0.75 * behaviorBeat(s, 0.9, 0.17, 0.02, 0.27);
+    const x = looking *
+        (1 +
+            (1 - life) * glance(clamp(entry) * 1.4) +
+            life *
+                (1.15 * behaviorBeat(t, 0.5, 0.45, 0.3, 0.6) - 2 * behaviorBeat(t, 2.4, 0.5, 0.3, 0.6)));
+    const y = looking * life * (-0.6 * behaviorBeat(t, 4.3, 0.45, 0.3, 0.7));
+    const blink = looking *
+        Math.max((1 - life) * behaviorBeat(clamp(entry) * 1.4, 0.76, 0.08, 0.01, 0.13), life * behaviorBeat(t, 5.7, 0.1, 0.02, 0.16));
+    const closed = hidden + (1 - hidden) * blink;
+    return {
+        lid: lidPath(closed),
+        irisX: 12 + x * (1 - hidden),
+        irisY: 12 + y * (1 - hidden),
+        lashes: lashesPath(closed),
+        lashOpacity: hidden,
+    };
+}

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

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

@@ -0,0 +1,93 @@
+export declare const fileTextStates: readonly ["idle", "reading", "complete"];
+export type FileTextState = (typeof fileTextStates)[number];
+export declare const fileTextArt: {
+    readonly name: "file-text";
+    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", "M14 2v5a1 1 0 0 0 1 1h5"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "line-0";
+        readonly paths: readonly ["M10 9H8"];
+        readonly poses: readonly [{
+            readonly scaleX: 1;
+        }, {
+            readonly scaleX: 0.6;
+        }, {
+            readonly scaleX: 1;
+        }];
+        readonly pivot: readonly [8, 9];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.45;
+            readonly repeatAfter: 2.4;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.12;
+                readonly scaleX: 0.3;
+            }, {
+                readonly at: 0.42;
+                readonly scaleX: 0;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "line-1";
+        readonly paths: readonly ["M16 13H8"];
+        readonly poses: readonly [{
+            readonly scaleX: 0.6;
+        }, {
+            readonly scaleX: 0.3;
+        }, {
+            readonly scaleX: 1;
+        }];
+        readonly pivot: readonly [8, 13];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.45;
+            readonly repeatAfter: 2.4;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.24;
+                readonly scaleX: 0.3;
+            }, {
+                readonly at: 0.54;
+                readonly scaleX: 0;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }, {
+        readonly name: "line-2";
+        readonly paths: readonly ["M16 17H8"];
+        readonly poses: readonly [{
+            readonly scaleX: 0.82;
+        }, {
+            readonly scaleX: 0.45;
+        }, {
+            readonly scaleX: 0.7;
+        }];
+        readonly pivot: readonly [8, 17];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.45;
+            readonly repeatAfter: 2.4;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.36;
+                readonly scaleX: 0.3;
+            }, {
+                readonly at: 0.6599999999999999;
+                readonly scaleX: 0;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,138 @@
+export const fileTextStates = ['idle', 'reading', 'complete'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// A reading scan advances down short content lines; completion leaves a fully resolved paragraph with a shorter final line.
+export const fileTextArt = {
+    name: 'file-text',
+    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',
+                'M14 2v5a1 1 0 0 0 1 1h5',
+            ],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'line-0',
+            paths: ['M10 9H8'],
+            poses: [
+                {
+                    scaleX: 1,
+                },
+                {
+                    scaleX: 0.6,
+                },
+                {
+                    scaleX: 1,
+                },
+            ],
+            pivot: [8, 9],
+            gestures: [
+                null,
+                {
+                    duration: 1.45,
+                    repeatAfter: 2.4,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.12,
+                            scaleX: 0.3,
+                        },
+                        {
+                            at: 0.42,
+                            scaleX: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'line-1',
+            paths: ['M16 13H8'],
+            poses: [
+                {
+                    scaleX: 0.6,
+                },
+                {
+                    scaleX: 0.3,
+                },
+                {
+                    scaleX: 1,
+                },
+            ],
+            pivot: [8, 13],
+            gestures: [
+                null,
+                {
+                    duration: 1.45,
+                    repeatAfter: 2.4,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.24,
+                            scaleX: 0.3,
+                        },
+                        {
+                            at: 0.54,
+                            scaleX: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: 'line-2',
+            paths: ['M16 17H8'],
+            poses: [
+                {
+                    scaleX: 0.82,
+                },
+                {
+                    scaleX: 0.45,
+                },
+                {
+                    scaleX: 0.7,
+                },
+            ],
+            pivot: [8, 17],
+            gestures: [
+                null,
+                {
+                    duration: 1.45,
+                    repeatAfter: 2.4,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.36,
+                            scaleX: 0.3,
+                        },
+                        {
+                            at: 0.6599999999999999,
+                            scaleX: 0,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type FilterState } from "./filter-rig.js";
+export { filterStates, type FilterState } from "./filter-rig.js";
+export type FilterIconProps = StatefulIconProps<FilterState>;
+export declare const FilterIcon: import("react").NamedExoticComponent<FilterIconProps>;

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

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

@@ -0,0 +1,72 @@
+export declare const filterStates: readonly ["idle", "filtering", "filtered"];
+export type FilterState = (typeof filterStates)[number];
+export declare const filterArt: {
+    readonly name: "filter";
+    readonly parts: readonly [{
+        readonly name: "funnel";
+        readonly paths: readonly ["M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "content";
+        readonly paths: readonly ["M8.5 7H15.5"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 1;
+            readonly scaleX: 0.8;
+            readonly y: -1;
+        }, {
+            readonly opacity: 1;
+            readonly scaleX: 0.22;
+            readonly y: 5;
+        }];
+        readonly pivot: readonly [12, 7];
+        readonly gestures: readonly [null, {
+            readonly duration: 2.1;
+            readonly repeatAfter: 3.2;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.12;
+            }, {
+                readonly at: 0.5;
+                readonly y: 5;
+                readonly scaleX: -0.55;
+            }, {
+                readonly at: 0.64;
+                readonly y: 5;
+                readonly scaleX: -0.55;
+                readonly opacity: -1;
+            }, {
+                readonly at: 0.82;
+                readonly opacity: -1;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 1;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.15;
+                readonly scaleX: 0.16;
+                readonly y: -1.4;
+            }, {
+                readonly at: 0.5;
+                readonly scaleX: -0.06;
+                readonly y: 0.3;
+            }, {
+                readonly at: 0.76;
+                readonly y: -0.08;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly traceLength: 7;
+    }];
+};