etudes 28.2.2 → 29.0.0

package/build/animations/easing.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Easing function that produces a constant speed animation.
+ *
+ * @param t A value in the range `[0, 1]` representing the normalized time of
+ *          the animation.
+ *
+ * @returns The eased value corresponding to `t`.
+ */
+export declare function linear(t: number): number;
+/**
+ * Easing function that accelerates into the middle and decelerates out of it.
+ *
+ * @param t A value in the range `[0, 1]` representing the normalized time of
+ *          the animation.
+ *
+ * @returns The eased value corresponding to `t`.
+ */
+export declare function easeInOut(t: number): number;

package/build/animations/useAnimatedValue.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Type describing the options of {@link useAnimatedValue}.
+ */
+export type UseAnimatedValueOptions = {
+    /**
+     * Duration of the animation in milliseconds.
+     */
+    duration: number;
+    /**
+     * Easing function mapping `t` in `[0, 1]` to an eased value. Defaults to
+     * linear.
+     */
+    easing?: (t: number) => number;
+};
+/**
+ * Type describing the output of {@link useAnimatedValue}.
+ */
+export type UseAnimatedValueOutput = {
+    /**
+     * The current value (updated each animation frame).
+     */
+    value: number;
+    /**
+     * Snaps the value immediately, cancelling any in-flight animation.
+     */
+    setValue: (value: number) => void;
+    /**
+     * Animates the value from its current state to `target` over the configured
+     * duration, cancelling any in-flight animation.
+     */
+    animateTo: (target: number) => void;
+    /**
+     * Cancels any in-flight animation, freezing the value at its current state.
+     */
+    cancel: () => void;
+};
+/**
+ * Hook for animating a numeric value over time using `requestAnimationFrame`.
+ *
+ * @param initialValue The initial value.
+ * @param options See {@link UseAnimatedValueOptions}.
+ *
+ * @returns See {@link UseAnimatedValueOutput}.
+ */
+export declare function useAnimatedValue(initialValue: number, { duration, easing, }: UseAnimatedValueOptions): UseAnimatedValueOutput;

package/build/components/PanoramaSlider.d.ts

@@ -43,7 +43,7 @@ export declare namespace PanoramaSlider {
          * used to automatically calculate the FOV if `fov` prop is not specified.
          * If it is, this prop is ignored.
          */
-        viewportSize?: Size;
+        viewportSize?: Size.Size;
     } & Panorama.Props;
     /**
      * Component for the active indicator of a {@link PanoramaSlider}.