weasel-icons 0.1.0 → 0.3.0

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

@@ -0,0 +1,67 @@
+export declare const calendarStates: readonly ["idle", "selecting", "selected"];
+export type CalendarState = (typeof calendarStates)[number];
+export declare const calendarArt: {
+    readonly name: "calendar";
+    readonly parts: readonly [{
+        readonly name: "page";
+        readonly paths: readonly ["M8 2v3", "M16 2v3", "M5 3H19Q21 3 21 5V19Q21 21 19 21H5Q3 21 3 19V5Q3 3 5 3Z", "M3 9h18"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "date";
+        readonly detail: true;
+        readonly paths: readonly ["M9.8 12H13.2Q14 12 14 12.8V16.2Q14 17 13.2 17H9.8Q9 17 9 16.2V12.8Q9 12 9.8 12Z"];
+        readonly poses: readonly [{
+            readonly opacity: 0;
+        }, {
+            readonly opacity: 1;
+            readonly x: -1.5;
+            readonly y: -0.6;
+        }, {
+            readonly opacity: 1;
+            readonly x: 2;
+            readonly y: 1.2;
+        }];
+        readonly pivot: readonly [11.5, 14.5];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.2;
+            readonly repeatAfter: 2.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.22;
+                readonly x: 3.5;
+            }, {
+                readonly at: 0.55;
+                readonly x: 3.5;
+                readonly y: 1.8;
+            }, {
+                readonly at: 0.8;
+                readonly x: 0;
+                readonly y: 1.8;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.65;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.22;
+                readonly scaleX: -0.2;
+                readonly scaleY: -0.2;
+            }, {
+                readonly at: 0.58;
+                readonly scaleX: 0.08;
+                readonly scaleY: 0.08;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly accent: true;
+    }];
+};

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

@@ -0,0 +1,95 @@
+export const calendarStates = ['idle', 'selecting', 'selected'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// A single date cursor explores adjacent cells, then stamps into the chosen cell once; selection is a position and contact action, not just a color fade.
+export const calendarArt = {
+    name: 'calendar',
+    parts: [
+        {
+            name: 'page',
+            paths: [
+                'M8 2v3',
+                'M16 2v3',
+                'M5 3H19Q21 3 21 5V19Q21 21 19 21H5Q3 21 3 19V5Q3 3 5 3Z',
+                'M3 9h18',
+            ],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'date',
+            detail: true,
+            paths: ['M9.8 12H13.2Q14 12 14 12.8V16.2Q14 17 13.2 17H9.8Q9 17 9 16.2V12.8Q9 12 9.8 12Z'],
+            poses: [
+                {
+                    opacity: 0,
+                },
+                {
+                    opacity: 1,
+                    x: -1.5,
+                    y: -0.6,
+                },
+                {
+                    opacity: 1,
+                    x: 2,
+                    y: 1.2,
+                },
+            ],
+            pivot: [11.5, 14.5],
+            gestures: [
+                null,
+                {
+                    duration: 1.2,
+                    repeatAfter: 2.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.22,
+                            x: 3.5,
+                        },
+                        {
+                            at: 0.55,
+                            x: 3.5,
+                            y: 1.8,
+                        },
+                        {
+                            at: 0.8,
+                            x: 0,
+                            y: 1.8,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 0.65,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.22,
+                            scaleX: -0.2,
+                            scaleY: -0.2,
+                        },
+                        {
+                            at: 0.58,
+                            scaleX: 0.08,
+                            scaleY: 0.08,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+            accent: true,
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type CameraState } from "./camera-rig.js";
+export { cameraStates, type CameraState } from "./camera-rig.js";
+export type CameraIconProps = StatefulIconProps<CameraState>;
+export declare const CameraIcon: import("react").NamedExoticComponent<CameraIconProps>;

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

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

@@ -0,0 +1,58 @@
+export declare const cameraStates: readonly ["idle", "focusing", "captured"];
+export type CameraState = (typeof cameraStates)[number];
+export declare const cameraArt: {
+    readonly name: "camera";
+    readonly parts: readonly [{
+        readonly name: "case";
+        readonly paths: readonly ["M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"];
+        readonly poses: readonly [{}, {}, {}];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [];
+    }, {
+        readonly name: "lens";
+        readonly paths: readonly ["M9 13a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"];
+        readonly poses: readonly [{}, {
+            readonly scaleX: 1.35;
+            readonly scaleY: 1.35;
+        }, {
+            readonly scaleX: 0.78;
+            readonly scaleY: 0.78;
+        }];
+        readonly pivot: readonly [12, 13];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.3;
+            readonly repeatAfter: 2.2;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly scaleX: -0.5;
+                readonly scaleY: -0.5;
+            }, {
+                readonly at: 0.65;
+                readonly scaleX: -0.1;
+                readonly scaleY: -0.1;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.75;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.2;
+                readonly scaleX: -0.6;
+                readonly scaleY: -0.6;
+            }, {
+                readonly at: 0.5;
+                readonly scaleX: 0.12;
+                readonly scaleY: 0.12;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

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

@@ -0,0 +1,82 @@
+export const cameraStates = ['idle', 'focusing', 'captured'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// The lens visibly searches focus, closes its shutter once on capture and reopens to a quiet smaller aperture.
+export const cameraArt = {
+    name: 'camera',
+    parts: [
+        {
+            name: 'case',
+            paths: [
+                'M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z',
+            ],
+            poses: [{}, {}, {}],
+            pivot: [12, 12],
+            gestures: [],
+        },
+        {
+            name: 'lens',
+            paths: ['M9 13a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'],
+            poses: [
+                {},
+                {
+                    scaleX: 1.35,
+                    scaleY: 1.35,
+                },
+                {
+                    scaleX: 0.78,
+                    scaleY: 0.78,
+                },
+            ],
+            pivot: [12, 13],
+            gestures: [
+                null,
+                {
+                    duration: 1.3,
+                    repeatAfter: 2.2,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            scaleX: -0.5,
+                            scaleY: -0.5,
+                        },
+                        {
+                            at: 0.65,
+                            scaleX: -0.1,
+                            scaleY: -0.1,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+                {
+                    duration: 0.75,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.2,
+                            scaleX: -0.6,
+                            scaleY: -0.6,
+                        },
+                        {
+                            at: 0.5,
+                            scaleX: 0.12,
+                            scaleY: 0.12,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type CheckState } from "./check-rig.js";
+export { checkStates, type CheckState } from "./check-rig.js";
+export type CheckIconProps = StatefulIconProps<CheckState>;
+export declare const CheckIcon: import("react").NamedExoticComponent<CheckIconProps>;

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

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useRef, useCallback } 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 { sampleCheck } from "./check-rig.js";
+export { checkStates } from "./check-rig.js";
+const ORIGIN = { originX: '0px', originY: '0px', transformBox: 'view-box' };
+export const CheckIcon = memo(function CheckIcon({ state = 'checked', size = 24, color = 'currentColor', strokeWidth = 1.65, speed = 1, alive = false, className, }) {
+    const reduced = useMotionPreference(), element = useRef(null);
+    const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;
+    const w0 = usePoseWeight(state === 'checked', pace, reduced);
+    const w1 = usePoseWeight(state === 'checking', pace, reduced);
+    const w2 = usePoseWeight(state === 'unchecked', pace, reduced);
+    const performs = alive && !reduced && state === 'checking';
+    const life = usePoseWeight(performs, pace, reduced), time = useBehaviorClock(element, performs, pace, life);
+    const can0 = useCallback(() => w1.get() < 0.001, [w1]);
+    const e0 = useActionProgress(state === 'checking', pace, reduced, 1.1, can0);
+    const can1 = useCallback(() => w0.get() < 0.001, [w0]);
+    const e1 = useActionProgress(state === 'checked', pace, reduced, 0.85, can1);
+    const rig = useTransform(() => sampleCheck([w0.get(), w1.get(), w2.get()], time.get(), life.get(), e0.get(), e1.get()));
+    const mark = useTransform(rig, (r) => r.mark);
+    const confirm = useTransform(rig, (r) => r.confirm);
+    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: _jsx("g", { "data-layer": "check-body", transform: "translate(12 12) scale(.84) translate(-12 -12)", children: _jsx(motion.path, { "data-layer": "check-mark", "data-part": "mark", d: mark, transform: confirm, style: ORIGIN }) }) }));
+});

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

@@ -0,0 +1,6 @@
+export declare const checkStates: readonly ["checked", "checking", "unchecked"];
+export type CheckState = (typeof checkStates)[number];
+export declare function sampleCheck(weights: readonly number[], time?: number, alive?: number, entry?: number, successEntry?: number): {
+    mark: string;
+    confirm: string;
+};

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

@@ -0,0 +1,38 @@
+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 checkStates = ['checked', 'checking', 'unchecked'];
+export function sampleCheck(weights, time = 0, alive = 0, entry = 1, successEntry = 1) {
+    const [checked, checking] = normalized(weights), life = clamp(alive);
+    const entryWave = behaviorBeat(clamp(entry) * 1.1, 0.08, 0.22, 0.05, 0.65);
+    const wave = checking * ((1 - life) * entryWave * 1.2 + life * Math.sin(time * 4.2) * 1.4);
+    const x0 = 8 - checked * 4 - checking * 2, x1 = 12 - checked * 3, x2 = 16 + checked * 4 + checking * 2;
+    const y0 = 12 + checking * life * Math.sin(time * 4.2) * 0.35, crest = checking * 2.6 + wave, knee = 12 + checked * 5;
+    const pop = checked * behaviorBeat(clamp(successEntry) * 0.85, 0.12, 0.15, 0.03, 0.48);
+    return {
+        mark: 'M' +
+            x0 +
+            ' ' +
+            y0 +
+            'Q' +
+            (x0 + x1) / 2 +
+            ' ' +
+            (12 + checked * 2.5 - crest) +
+            ' ' +
+            x1 +
+            ' ' +
+            knee +
+            'Q' +
+            (x1 + x2) / 2 +
+            ' ' +
+            (12 - checked * 0.5 + crest) +
+            ' ' +
+            x2 +
+            ' ' +
+            (12 - checked * 6),
+        confirm: 'translate(9px, 17px) scale(' + (1 + pop * 0.07) + ') translate(-9px, -17px)',
+    };
+}

package/dist/icons/chevron-down/chevron-down-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ChevronDownState } from "./chevron-down-rig.js";
+export { chevronDownStates, type ChevronDownState } from "./chevron-down-rig.js";
+export type ChevronDownIconProps = StatefulIconProps<ChevronDownState>;
+export declare const ChevronDownIcon: import("react").NamedExoticComponent<ChevronDownIconProps>;

package/dist/icons/chevron-down/chevron-down-icon.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { ArticulatedIcon } from "../../shared/articulated-icon.js";
+import { chevronDownArt, chevronDownStates } from "./chevron-down-rig.js";
+export { chevronDownStates } from "./chevron-down-rig.js";
+export const ChevronDownIcon = memo(function ChevronDownIcon(props) {
+    return _jsx(ArticulatedIcon, { art: chevronDownArt, states: chevronDownStates, ...props });
+});

package/dist/icons/chevron-down/chevron-down-rig.d.ts

@@ -0,0 +1,48 @@
+export declare const chevronDownStates: readonly ["collapsed", "hover", "expanded"];
+export type ChevronDownState = (typeof chevronDownStates)[number];
+export declare const chevronDownArt: {
+    readonly name: "chevron-down";
+    readonly parts: readonly [{
+        readonly name: "chevron";
+        readonly paths: readonly ["m6 9 6 6 6-6"];
+        readonly poses: readonly [{}, {
+            readonly y: 0.45;
+            readonly scaleX: 1.02;
+            readonly scaleY: 0.94;
+        }, {
+            readonly angle: 180;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.16;
+                readonly y: 0.35;
+                readonly flex: -0.12;
+            }, {
+                readonly at: 0.42;
+            }, {
+                readonly at: 1;
+            }];
+        }, {
+            readonly duration: 0.8;
+            readonly repeatAfter: 2;
+            readonly loop: false;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.16;
+                readonly flex: 0.25;
+            }, {
+                readonly at: 0.4;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+        readonly pathOffsets: readonly [readonly [0, 0, 0, -2, 0, 2]];
+    }];
+};

package/dist/icons/chevron-down/chevron-down-rig.js

@@ -0,0 +1,30 @@
+export const chevronDownStates = ['collapsed', 'hover', 'expanded'];
+// Lucide-derived outline; attribution: THIRD_PARTY_NOTICES.md.
+// A disclosure turns once. Hover offers a small directional cue, never a flattened V.
+export const chevronDownArt = {
+    name: 'chevron-down',
+    parts: [
+        {
+            name: 'chevron',
+            paths: ['m6 9 6 6 6-6'],
+            poses: [{}, { y: 0.45, scaleX: 1.02, scaleY: 0.94 }, { angle: 180 }],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 0.8,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0 }, { at: 0.16, y: 0.35, flex: -0.12 }, { at: 0.42 }, { at: 1 }],
+                },
+                {
+                    duration: 0.8,
+                    repeatAfter: 2,
+                    loop: false,
+                    frames: [{ at: 0 }, { at: 0.16, flex: 0.25 }, { at: 0.4 }, { at: 1 }],
+                },
+            ],
+            pathOffsets: [[0, 0, 0, -2, 0, 2]],
+        },
+    ],
+};

package/dist/icons/chevron-left/chevron-left-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ChevronLeftState } from "./chevron-left-rig.js";
+export { chevronLeftStates, type ChevronLeftState } from "./chevron-left-rig.js";
+export type ChevronLeftIconProps = StatefulIconProps<ChevronLeftState>;
+export declare const ChevronLeftIcon: import("react").NamedExoticComponent<ChevronLeftIconProps>;

package/dist/icons/chevron-left/chevron-left-icon.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { ArticulatedIcon } from "../../shared/articulated-icon.js";
+import { chevronLeftArt, chevronLeftStates } from "./chevron-left-rig.js";
+export { chevronLeftStates } from "./chevron-left-rig.js";
+export const ChevronLeftIcon = memo(function ChevronLeftIcon(props) {
+    return _jsx(ArticulatedIcon, { art: chevronLeftArt, states: chevronLeftStates, ...props });
+});

package/dist/icons/chevron-left/chevron-left-rig.d.ts

@@ -0,0 +1,34 @@
+export declare const chevronLeftStates: readonly ["idle", "returning", "arrived"];
+export type ChevronLeftState = (typeof chevronLeftStates)[number];
+export declare const chevronLeftArt: {
+    readonly name: "chevron-left";
+    readonly parts: readonly [{
+        readonly name: "arrow";
+        readonly paths: readonly ["m15 18-6-6 6-6"];
+        readonly poses: readonly [{}, {
+            readonly x: 0.6;
+            readonly scaleX: 0.65;
+        }, {
+            readonly x: -2;
+            readonly scaleX: 1.12;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.1;
+            readonly repeatAfter: 2.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.16;
+                readonly x: 0.8;
+            }, {
+                readonly at: 0.6;
+                readonly x: -2.4;
+                readonly scaleX: 0.25;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};

package/dist/icons/chevron-left/chevron-left-rig.js

@@ -0,0 +1,49 @@
+export const chevronLeftStates = ['idle', 'returning', 'arrived'];
+// Lucide-derived outline; attribution and pinned source: THIRD_PARTY_NOTICES.md.
+// A compact anticipation opens into a decisive forward chevron, then rests at the destination edge.
+export const chevronLeftArt = {
+    name: 'chevron-left',
+    parts: [
+        {
+            name: 'arrow',
+            paths: ['m15 18-6-6 6-6'],
+            poses: [
+                {},
+                {
+                    x: 0.6,
+                    scaleX: 0.65,
+                },
+                {
+                    x: -2,
+                    scaleX: 1.12,
+                },
+            ],
+            pivot: [12, 12],
+            gestures: [
+                null,
+                {
+                    duration: 1.1,
+                    repeatAfter: 2.3,
+                    loop: true,
+                    frames: [
+                        {
+                            at: 0,
+                        },
+                        {
+                            at: 0.16,
+                            x: 0.8,
+                        },
+                        {
+                            at: 0.6,
+                            x: -2.4,
+                            scaleX: 0.25,
+                        },
+                        {
+                            at: 1,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

package/dist/icons/chevron-right/chevron-right-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type ChevronRightState } from "./chevron-right-rig.js";
+export { chevronRightStates, type ChevronRightState } from "./chevron-right-rig.js";
+export type ChevronRightIconProps = StatefulIconProps<ChevronRightState>;
+export declare const ChevronRightIcon: import("react").NamedExoticComponent<ChevronRightIconProps>;

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

package/dist/icons/chevron-right/chevron-right-rig.d.ts

@@ -0,0 +1,34 @@
+export declare const chevronRightStates: readonly ["idle", "advancing", "arrived"];
+export type ChevronRightState = (typeof chevronRightStates)[number];
+export declare const chevronRightArt: {
+    readonly name: "chevron-right";
+    readonly parts: readonly [{
+        readonly name: "arrow";
+        readonly paths: readonly ["m9 18 6-6-6-6"];
+        readonly poses: readonly [{}, {
+            readonly x: -0.6;
+            readonly scaleX: 0.65;
+        }, {
+            readonly x: 2;
+            readonly scaleX: 1.12;
+        }];
+        readonly pivot: readonly [12, 12];
+        readonly gestures: readonly [null, {
+            readonly duration: 1.1;
+            readonly repeatAfter: 2.3;
+            readonly loop: true;
+            readonly frames: readonly [{
+                readonly at: 0;
+            }, {
+                readonly at: 0.16;
+                readonly x: -0.8;
+            }, {
+                readonly at: 0.6;
+                readonly x: 2.4;
+                readonly scaleX: 0.25;
+            }, {
+                readonly at: 1;
+            }];
+        }];
+    }];
+};