loading-dev 0.3.1 → 0.3.3

package/README.md

@@ -12,9 +12,9 @@ import { Arc } from "loading-dev";
 <Arc size={16} />
 ```
 
-You can set `size`, `color`, `duration` and `easing`. The library exposes `playState` and also allows you to add custom styling. They work in Server Components and respect reduced motion out of the box. Requires React 19 or later.
+You can set `size`, `color` and `duration`, plus `easing` on the rotating spinners, `cap` on the stroked ones and a prop of its own on a few others. The library exposes `playState` and also allows you to add custom styling. They work in Server Components and respect reduced motion out of the box. Requires React 19 or later.
 
-Available: `Arc`, `BouncingDots`, `CircularDots`, `Classic`, `ClassicV2`, `Clock`, `Comet`, `Compass`, `LinearDots`, `Orbit`, `Pulse`, `Radar`, `Ring`, `Swirl`.
+Available: `Arc`, `Atom`, `Blocks`, `BouncingDots`, `Cascade`, `CircularDots`, `Classic`, `ClassicV2`, `Clock`, `Comet`, `Compass`, `Dual`, `Eclipse`, `Flip`, `Gather`, `Leap`, `LinearDots`, `Loading`, `Morph`, `Orbit`, `Pulse`, `Radar`, `Ring`, `Ripple`, `Slide`, `Snake`, `Swirl`, `Trace`, `Wave`.
 
 You can find docs and live previews at [loading.dev](https://loading.dev).
 

package/dist/index.d.ts

@@ -1,54 +1,48 @@
 import * as react from 'react';
 
+type Cap = "flat" | "round";
+declare const DEFAULT_CAP: Cap;
+interface CapProps {
+    cap?: Cap;
+}
+
 declare const DURATION_VAR = "--ld-duration";
 declare const PLAY_STATE_VAR = "--ld-play-state";
 declare const SPINNER_MOTION: {
-    readonly arc: {
-        readonly duration: 800;
-    };
-    readonly "bouncing-dots": {
-        readonly duration: 500;
-    };
-    readonly "circular-dots": {
-        readonly duration: 800;
-    };
-    readonly classic: {
-        readonly duration: 1200;
-    };
-    readonly "classic-v2": {
-        readonly duration: 800;
-    };
-    readonly clock: {
-        readonly duration: 1200;
-    };
-    readonly comet: {
-        readonly duration: 700;
-    };
-    readonly compass: {
-        readonly duration: 500;
-    };
-    readonly "linear-dots": {
-        readonly duration: 900;
-    };
-    readonly orbit: {
-        readonly duration: 750;
-    };
-    readonly pulse: {
-        readonly duration: 1200;
-    };
-    readonly radar: {
-        readonly duration: 1500;
-    };
-    readonly ring: {
-        readonly duration: 800;
-    };
-    readonly swirl: {
-        readonly duration: 1200;
-    };
+    readonly arc: 800;
+    readonly atom: 1000;
+    readonly blocks: 1300;
+    readonly "bouncing-dots": 500;
+    readonly cascade: 1500;
+    readonly "circular-dots": 800;
+    readonly classic: 1200;
+    readonly "classic-v2": 800;
+    readonly clock: 1200;
+    readonly comet: 700;
+    readonly compass: 500;
+    readonly dual: 1000;
+    readonly eclipse: 1200;
+    readonly flip: 1200;
+    readonly gather: 1600;
+    readonly leap: 1800;
+    readonly "linear-dots": 900;
+    readonly loading: 1000;
+    readonly morph: 1200;
+    readonly orbit: 750;
+    readonly pulse: 1200;
+    readonly radar: 1500;
+    readonly ring: 800;
+    readonly ripple: 1200;
+    readonly slide: 2400;
+    readonly snake: 1400;
+    readonly swirl: 1200;
+    readonly trace: 1200;
+    readonly wave: 900;
 };
 type SpinnerName = keyof typeof SPINNER_MOTION;
 
 type Easing = "linear" | "ease-in-out" | "stacked";
+declare const DEFAULT_EASING: Easing;
 interface EasingProps {
     easing?: Easing;
 }
@@ -75,12 +69,27 @@ interface SpinnerProps {
     size?: number;
 }
 
-interface ArcProps extends SpinnerProps, EasingProps {
+interface ArcProps extends SpinnerProps, EasingProps, CapProps {
+}
+declare function Arc({ cap, easing, ...rest }: ArcProps): react.JSX.Element;
+
+interface AtomProps extends SpinnerProps, EasingProps {
 }
-declare function Arc({ easing, ...rest }: ArcProps): react.JSX.Element;
+declare function Atom({ easing, ...rest }: AtomProps): react.JSX.Element;
+
+type BlocksSweep = "columns" | "diagonal" | "rows";
+declare const DEFAULT_BLOCKS_SWEEP: BlocksSweep;
+interface BlocksProps extends SpinnerProps {
+    sweep?: BlocksSweep;
+}
+declare function Blocks({ sweep, ...rest }: BlocksProps): react.JSX.Element;
 
 declare function BouncingDots(props: SpinnerProps): react.JSX.Element;
 
+interface CascadeProps extends SpinnerProps, CapProps {
+}
+declare function Cascade({ cap, ...rest }: CascadeProps): react.JSX.Element;
+
 declare function CircularDots(props: SpinnerProps): react.JSX.Element;
 
 declare function Classic(props: SpinnerProps): react.JSX.Element;
@@ -97,8 +106,24 @@ declare function Comet({ easing, ...rest }: CometProps): react.JSX.Element;
 
 declare function Compass(props: SpinnerProps): react.JSX.Element;
 
+interface DualProps extends SpinnerProps, EasingProps, CapProps {
+}
+declare function Dual({ cap, easing, ...rest }: DualProps): react.JSX.Element;
+
+declare function Eclipse(props: SpinnerProps): react.JSX.Element;
+
+declare function Flip(props: SpinnerProps): react.JSX.Element;
+
+declare function Gather(props: SpinnerProps): react.JSX.Element;
+
+declare function Leap(props: SpinnerProps): react.JSX.Element;
+
 declare function LinearDots(props: SpinnerProps): react.JSX.Element;
 
+declare function Loading(props: SpinnerProps): react.JSX.Element;
+
+declare function Morph(props: SpinnerProps): react.JSX.Element;
+
 interface OrbitProps extends SpinnerProps, EasingProps {
 }
 declare function Orbit({ easing, ...rest }: OrbitProps): react.JSX.Element;
@@ -109,27 +134,66 @@ interface RadarProps extends SpinnerProps, EasingProps {
 }
 declare function Radar({ easing, ...rest }: RadarProps): react.JSX.Element;
 
-interface RingProps extends SpinnerProps, EasingProps {
+interface RingProps extends SpinnerProps, EasingProps, CapProps {
+}
+declare function Ring({ cap, easing, ...rest }: RingProps): react.JSX.Element;
+
+type RippleDirection = "in" | "out";
+declare const DEFAULT_RIPPLE_DIRECTION: RippleDirection;
+interface RippleProps extends SpinnerProps {
+    direction?: RippleDirection;
+}
+declare function Ripple({ direction, ...rest }: RippleProps): react.JSX.Element;
+
+declare function Slide(props: SpinnerProps): react.JSX.Element;
+
+interface SnakeProps extends SpinnerProps, EasingProps, CapProps {
 }
-declare function Ring({ easing, ...rest }: RingProps): react.JSX.Element;
+declare function Snake({ cap, easing, ...rest }: SnakeProps): react.JSX.Element;
 
 declare function Swirl(props: SpinnerProps): react.JSX.Element;
 
+interface TraceProps extends SpinnerProps, EasingProps, CapProps {
+}
+declare function Trace({ cap, easing, ...rest }: TraceProps): react.JSX.Element;
+
+type WaveOrigin = "bottom" | "center";
+declare const DEFAULT_WAVE_ORIGIN: WaveOrigin;
+interface WaveProps extends SpinnerProps {
+    origin?: WaveOrigin;
+}
+declare function Wave({ origin, ...rest }: WaveProps): react.JSX.Element;
+
 declare const SPINNERS: {
     arc: typeof Arc;
+    atom: typeof Atom;
+    blocks: typeof Blocks;
     "bouncing-dots": typeof BouncingDots;
+    cascade: typeof Cascade;
     "circular-dots": typeof CircularDots;
     classic: typeof Classic;
     "classic-v2": typeof ClassicV2;
     clock: typeof Clock;
     comet: typeof Comet;
     compass: typeof Compass;
+    dual: typeof Dual;
+    eclipse: typeof Eclipse;
+    flip: typeof Flip;
+    gather: typeof Gather;
+    leap: typeof Leap;
     "linear-dots": typeof LinearDots;
+    loading: typeof Loading;
+    morph: typeof Morph;
     orbit: typeof Orbit;
     pulse: typeof Pulse;
     radar: typeof Radar;
     ring: typeof Ring;
+    ripple: typeof Ripple;
+    slide: typeof Slide;
+    snake: typeof Snake;
     swirl: typeof Swirl;
+    trace: typeof Trace;
+    wave: typeof Wave;
 };
 
-export { Arc, type ArcProps, BouncingDots, CircularDots, Classic, ClassicV2, Clock, type ClockProps, Comet, type CometProps, Compass, DURATION_VAR, type Easing, type EasingProps, LinearDots, Orbit, type OrbitProps, PLAY_STATE_VAR, Pulse, Radar, type RadarProps, Ring, type RingProps, SPINNERS, SPINNER_MOTION, type SpinnerName, type SpinnerProps, Swirl };
+export { Arc, type ArcProps, Atom, type AtomProps, Blocks, type BlocksProps, type BlocksSweep, BouncingDots, type Cap, type CapProps, Cascade, type CascadeProps, CircularDots, Classic, ClassicV2, Clock, type ClockProps, Comet, type CometProps, Compass, DEFAULT_BLOCKS_SWEEP, DEFAULT_CAP, DEFAULT_EASING, DEFAULT_RIPPLE_DIRECTION, DEFAULT_WAVE_ORIGIN, DURATION_VAR, Dual, type DualProps, type Easing, type EasingProps, Eclipse, Flip, Gather, Leap, LinearDots, Loading, Morph, Orbit, type OrbitProps, PLAY_STATE_VAR, Pulse, Radar, type RadarProps, Ring, type RingProps, Ripple, type RippleDirection, type RippleProps, SPINNERS, SPINNER_MOTION, Slide, Snake, type SnakeProps, type SpinnerName, type SpinnerProps, Swirl, Trace, type TraceProps, Wave, type WaveOrigin, type WaveProps };