@prestack/thread-ui 0.0.1

package/dist/ui/animations/anm_nudge.d.ts

@@ -0,0 +1,16 @@
+export declare const NUDGE: {
+    readonly id: "nudge";
+    readonly runs: "motion-quick";
+    readonly eases: "ease-out";
+    readonly fills: "forwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-right";
+        }];
+    };
+};

package/dist/ui/animations/anm_nudge.js

@@ -0,0 +1,14 @@
+export const NUDGE = {
+    id: 'nudge',
+    runs: 'motion-quick',
+    eases: 'ease-out',
+    fills: 'forwards',
+    stops: {
+        '0%': [
+            { property: 'transform', is: 'transform-rest' },
+        ],
+        '100%': [
+            { property: 'transform', is: 'transform-right' },
+        ],
+    },
+};

package/dist/ui/animations/anm_pop_in.d.ts

@@ -0,0 +1,29 @@
+export declare const POP_IN: {
+    readonly id: "pop-in";
+    readonly runs: "motion-normal";
+    readonly eases: "ease-spring";
+    readonly fills: "backwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-shrink";
+        }];
+        readonly '70%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-swell";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+    };
+};

package/dist/ui/animations/anm_pop_in.js

@@ -0,0 +1,20 @@
+export const POP_IN = {
+    id: 'pop-in',
+    runs: 'motion-normal',
+    eases: 'ease-spring',
+    fills: 'backwards',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-none' },
+            { property: 'transform', is: 'transform-shrink' },
+        ],
+        '70%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'transform', is: 'transform-swell' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'transform', is: 'transform-rest' },
+        ],
+    },
+};

package/dist/ui/animations/anm_pop_out.d.ts

@@ -0,0 +1,29 @@
+export declare const POP_OUT: {
+    readonly id: "pop-out";
+    readonly runs: "motion-quick";
+    readonly eases: "ease-in";
+    readonly fills: "forwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+        readonly '30%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-swell";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-shrink";
+        }];
+    };
+};

package/dist/ui/animations/anm_pop_out.js

@@ -0,0 +1,20 @@
+export const POP_OUT = {
+    id: 'pop-out',
+    runs: 'motion-quick',
+    eases: 'ease-in',
+    fills: 'forwards',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'transform', is: 'transform-rest' },
+        ],
+        '30%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'transform', is: 'transform-swell' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-none' },
+            { property: 'transform', is: 'transform-shrink' },
+        ],
+    },
+};

package/dist/ui/animations/anm_press.d.ts

@@ -0,0 +1,19 @@
+export declare const PRESS: {
+    readonly id: "press";
+    readonly runs: "motion-quick";
+    readonly eases: "ease-out";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+        readonly '50%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-press";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+    };
+};

package/dist/ui/animations/anm_press.js

@@ -0,0 +1,10 @@
+export const PRESS = {
+    id: 'press',
+    runs: 'motion-quick',
+    eases: 'ease-out',
+    stops: {
+        '0%': [{ property: 'transform', is: 'transform-rest' }],
+        '50%': [{ property: 'transform', is: 'transform-press' }],
+        '100%': [{ property: 'transform', is: 'transform-rest' }],
+    },
+};

package/dist/ui/animations/anm_pulse.d.ts

@@ -0,0 +1,20 @@
+export declare const PULSE: {
+    readonly id: "pulse";
+    readonly runs: "motion-slow";
+    readonly eases: "ease-in-out";
+    readonly repeats: "infinite";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }];
+        readonly '50%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-muted";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }];
+    };
+};

package/dist/ui/animations/anm_pulse.js

@@ -0,0 +1,11 @@
+export const PULSE = {
+    id: 'pulse',
+    runs: 'motion-slow',
+    eases: 'ease-in-out',
+    repeats: 'infinite',
+    stops: {
+        '0%': [{ property: 'opacity', is: 'opacity-full' }],
+        '50%': [{ property: 'opacity', is: 'opacity-muted' }],
+        '100%': [{ property: 'opacity', is: 'opacity-full' }],
+    },
+};

package/dist/ui/animations/anm_rise.d.ts

@@ -0,0 +1,22 @@
+export declare const RISE: {
+    readonly id: "rise";
+    readonly runs: "motion-normal";
+    readonly eases: "ease-out";
+    readonly fills: "backwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-below";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+    };
+};

package/dist/ui/animations/anm_rise.js

@@ -0,0 +1,16 @@
+export const RISE = {
+    id: 'rise',
+    runs: 'motion-normal',
+    eases: 'ease-out',
+    fills: 'backwards',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-none' },
+            { property: 'transform', is: 'transform-below' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'transform', is: 'transform-rest' },
+        ],
+    },
+};

package/dist/ui/animations/anm_shake.d.ts

@@ -0,0 +1,23 @@
+export declare const SHAKE: {
+    readonly id: "shake";
+    readonly runs: "motion-quick";
+    readonly eases: "ease-in-out";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+        readonly '25%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-left";
+        }];
+        readonly '75%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-right";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+    };
+};

package/dist/ui/animations/anm_shake.js

@@ -0,0 +1,11 @@
+export const SHAKE = {
+    id: 'shake',
+    runs: 'motion-quick',
+    eases: 'ease-in-out',
+    stops: {
+        '0%': [{ property: 'transform', is: 'transform-rest' }],
+        '25%': [{ property: 'transform', is: 'transform-left' }],
+        '75%': [{ property: 'transform', is: 'transform-right' }],
+        '100%': [{ property: 'transform', is: 'transform-rest' }],
+    },
+};

package/dist/ui/animations/anm_slide_in_left.d.ts

@@ -0,0 +1,22 @@
+export declare const SLIDE_IN_LEFT: {
+    readonly id: "slide-in-left";
+    readonly runs: "motion-normal";
+    readonly eases: "ease-out";
+    readonly fills: "backwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-far-left";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+    };
+};

package/dist/ui/animations/anm_slide_in_left.js

@@ -0,0 +1,16 @@
+export const SLIDE_IN_LEFT = {
+    id: 'slide-in-left',
+    runs: 'motion-normal',
+    eases: 'ease-out',
+    fills: 'backwards',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-none' },
+            { property: 'transform', is: 'transform-far-left' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'transform', is: 'transform-rest' },
+        ],
+    },
+};

package/dist/ui/animations/anm_slide_in_right.d.ts

@@ -0,0 +1,22 @@
+export declare const SLIDE_IN_RIGHT: {
+    readonly id: "slide-in-right";
+    readonly runs: "motion-normal";
+    readonly eases: "ease-out";
+    readonly fills: "backwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-far-right";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+    };
+};

package/dist/ui/animations/anm_slide_in_right.js

@@ -0,0 +1,16 @@
+export const SLIDE_IN_RIGHT = {
+    id: 'slide-in-right',
+    runs: 'motion-normal',
+    eases: 'ease-out',
+    fills: 'backwards',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-none' },
+            { property: 'transform', is: 'transform-far-right' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'transform', is: 'transform-rest' },
+        ],
+    },
+};

package/dist/ui/animations/anm_slide_out_left.d.ts

@@ -0,0 +1,22 @@
+export declare const SLIDE_OUT_LEFT: {
+    readonly id: "slide-out-left";
+    readonly runs: "motion-quick";
+    readonly eases: "ease-in";
+    readonly fills: "forwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-far-left";
+        }];
+    };
+};

package/dist/ui/animations/anm_slide_out_left.js

@@ -0,0 +1,16 @@
+export const SLIDE_OUT_LEFT = {
+    id: 'slide-out-left',
+    runs: 'motion-quick',
+    eases: 'ease-in',
+    fills: 'forwards',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'transform', is: 'transform-rest' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-none' },
+            { property: 'transform', is: 'transform-far-left' },
+        ],
+    },
+};

package/dist/ui/animations/anm_slide_out_right.d.ts

@@ -0,0 +1,22 @@
+export declare const SLIDE_OUT_RIGHT: {
+    readonly id: "slide-out-right";
+    readonly runs: "motion-quick";
+    readonly eases: "ease-in";
+    readonly fills: "forwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-far-right";
+        }];
+    };
+};

package/dist/ui/animations/anm_slide_out_right.js

@@ -0,0 +1,16 @@
+export const SLIDE_OUT_RIGHT = {
+    id: 'slide-out-right',
+    runs: 'motion-quick',
+    eases: 'ease-in',
+    fills: 'forwards',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'transform', is: 'transform-rest' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-none' },
+            { property: 'transform', is: 'transform-far-right' },
+        ],
+    },
+};

package/dist/ui/animations/anm_spin.d.ts

@@ -0,0 +1,16 @@
+export declare const SPIN: {
+    readonly id: "spin";
+    readonly runs: "motion-slow";
+    readonly eases: "ease-steady";
+    readonly repeats: "infinite";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-turn";
+        }];
+    };
+};

package/dist/ui/animations/anm_spin.js

@@ -0,0 +1,10 @@
+export const SPIN = {
+    id: 'spin',
+    runs: 'motion-slow',
+    eases: 'ease-steady',
+    repeats: 'infinite',
+    stops: {
+        '0%': [{ property: 'transform', is: 'transform-rest' }],
+        '100%': [{ property: 'transform', is: 'transform-turn' }],
+    },
+};

package/dist/ui/animations/anm_swell.d.ts

@@ -0,0 +1,16 @@
+export declare const SWELL: {
+    readonly id: "swell";
+    readonly runs: "motion-quick";
+    readonly eases: "ease-out";
+    readonly fills: "forwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-swell";
+        }];
+    };
+};

package/dist/ui/animations/anm_swell.js

@@ -0,0 +1,14 @@
+export const SWELL = {
+    id: 'swell',
+    runs: 'motion-quick',
+    eases: 'ease-out',
+    fills: 'forwards',
+    stops: {
+        '0%': [
+            { property: 'transform', is: 'transform-rest' },
+        ],
+        '100%': [
+            { property: 'transform', is: 'transform-swell' },
+        ],
+    },
+};

package/dist/ui/animations/anm_wobble.d.ts

@@ -0,0 +1,27 @@
+export declare const WOBBLE: {
+    readonly id: "wobble";
+    readonly runs: "motion-slow";
+    readonly eases: "ease-in-out";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+        readonly '25%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-tilt";
+        }];
+        readonly '50%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+        readonly '75%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-tilt-back";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+    };
+};

package/dist/ui/animations/anm_wobble.js

@@ -0,0 +1,22 @@
+export const WOBBLE = {
+    id: 'wobble',
+    runs: 'motion-slow',
+    eases: 'ease-in-out',
+    stops: {
+        '0%': [
+            { property: 'transform', is: 'transform-rest' },
+        ],
+        '25%': [
+            { property: 'transform', is: 'transform-tilt' },
+        ],
+        '50%': [
+            { property: 'transform', is: 'transform-rest' },
+        ],
+        '75%': [
+            { property: 'transform', is: 'transform-tilt-back' },
+        ],
+        '100%': [
+            { property: 'transform', is: 'transform-rest' },
+        ],
+    },
+};

package/dist/ui/animations/anm_zoom_in.d.ts

@@ -0,0 +1,22 @@
+export declare const ZOOM_IN: {
+    readonly id: "zoom-in";
+    readonly runs: "motion-normal";
+    readonly eases: "ease-out";
+    readonly fills: "backwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-grow";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+    };
+};

package/dist/ui/animations/anm_zoom_in.js

@@ -0,0 +1,16 @@
+export const ZOOM_IN = {
+    id: 'zoom-in',
+    runs: 'motion-normal',
+    eases: 'ease-out',
+    fills: 'backwards',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-none' },
+            { property: 'transform', is: 'transform-grow' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'transform', is: 'transform-rest' },
+        ],
+    },
+};

package/dist/ui/animations/anm_zoom_out.d.ts

@@ -0,0 +1,22 @@
+export declare const ZOOM_OUT: {
+    readonly id: "zoom-out";
+    readonly runs: "motion-quick";
+    readonly eases: "ease-in";
+    readonly fills: "forwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-grow";
+        }];
+    };
+};

package/dist/ui/animations/anm_zoom_out.js

@@ -0,0 +1,16 @@
+export const ZOOM_OUT = {
+    id: 'zoom-out',
+    runs: 'motion-quick',
+    eases: 'ease-in',
+    fills: 'forwards',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'transform', is: 'transform-rest' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-none' },
+            { property: 'transform', is: 'transform-grow' },
+        ],
+    },
+};