loading-dev 0.3.1 → 0.3.4

package/dist/leap.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { SpinnerProps } from './types.js';
+
+declare function Leap(props: SpinnerProps): react.JSX.Element;
+
+export { Leap };

package/dist/leap.js

@@ -0,0 +1,8 @@
+import {
+  Leap
+} from "./chunk-LIPOYJAI.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  Leap
+};

package/dist/linear-dots.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { SpinnerProps } from './types.js';
+
+declare function LinearDots(props: SpinnerProps): react.JSX.Element;
+
+export { LinearDots };

package/dist/linear-dots.js

@@ -0,0 +1,8 @@
+import {
+  LinearDots
+} from "./chunk-K5XVX5GB.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  LinearDots
+};

package/dist/loading.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { SpinnerProps } from './types.js';
+
+declare function Loading(props: SpinnerProps): react.JSX.Element;
+
+export { Loading };

package/dist/loading.js

@@ -0,0 +1,8 @@
+import {
+  Loading
+} from "./chunk-MVL7SVAH.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  Loading
+};

package/dist/morph.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { SpinnerProps } from './types.js';
+
+declare function Morph(props: SpinnerProps): react.JSX.Element;
+
+export { Morph };

package/dist/morph.js

@@ -0,0 +1,8 @@
+import {
+  Morph
+} from "./chunk-AY4VLQBZ.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  Morph
+};

package/dist/motion.d.ts

@@ -0,0 +1,44 @@
+declare const DURATION_VAR = "--ld-duration";
+declare const PLAY_STATE_VAR = "--ld-play-state";
+declare const SIZE_VAR = "--ld-size";
+declare const STEP_VAR = "--ld-step";
+declare const DEFAULT_SIZE = 20;
+declare const SIZE = "var(--ld-size, 20px)";
+declare const SPINNER_MOTION: {
+    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;
+declare function duration(name: SpinnerName): string;
+declare function stagger(name: SpinnerName, count: number): string;
+declare const PLAY_STATE = "var(--ld-play-state, running)";
+declare function animation(name: SpinnerName, keyframes: string | string[], timing: string): string;
+
+export { DEFAULT_SIZE, DURATION_VAR, PLAY_STATE, PLAY_STATE_VAR, SIZE, SIZE_VAR, SPINNER_MOTION, STEP_VAR, type SpinnerName, animation, duration, stagger };

package/dist/motion.js

@@ -0,0 +1,26 @@
+import {
+  DEFAULT_SIZE,
+  DURATION_VAR,
+  PLAY_STATE,
+  PLAY_STATE_VAR,
+  SIZE,
+  SIZE_VAR,
+  SPINNER_MOTION,
+  STEP_VAR,
+  animation,
+  duration,
+  stagger
+} from "./chunk-OMNMMKI7.js";
+export {
+  DEFAULT_SIZE,
+  DURATION_VAR,
+  PLAY_STATE,
+  PLAY_STATE_VAR,
+  SIZE,
+  SIZE_VAR,
+  SPINNER_MOTION,
+  STEP_VAR,
+  animation,
+  duration,
+  stagger
+};

package/dist/orbit.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { EasingProps } from './easing.js';
+import { SpinnerProps } from './types.js';
+import './motion.js';
+
+interface OrbitProps extends SpinnerProps, EasingProps {
+}
+declare function Orbit({ easing, ...rest }: OrbitProps): react.JSX.Element;
+
+export { Orbit, type OrbitProps };

package/dist/orbit.js

@@ -0,0 +1,9 @@
+import {
+  Orbit
+} from "./chunk-Y7QGIWTL.js";
+import "./chunk-7C6Q6WUN.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  Orbit
+};

package/dist/pulse.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { SpinnerProps } from './types.js';
+
+declare function Pulse(props: SpinnerProps): react.JSX.Element;
+
+export { Pulse };

package/dist/pulse.js

@@ -0,0 +1,8 @@
+import {
+  Pulse
+} from "./chunk-FKUMWHUL.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  Pulse
+};

package/dist/radar.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { EasingProps } from './easing.js';
+import { SpinnerProps } from './types.js';
+import './motion.js';
+
+interface RadarProps extends SpinnerProps, EasingProps {
+}
+declare function Radar({ easing, ...rest }: RadarProps): react.JSX.Element;
+
+export { Radar, type RadarProps };

package/dist/radar.js

@@ -0,0 +1,9 @@
+import {
+  Radar
+} from "./chunk-5LSP7MQQ.js";
+import "./chunk-7C6Q6WUN.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  Radar
+};

package/dist/ring.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { CapProps } from './cap.js';
+import { EasingProps } from './easing.js';
+import { SpinnerProps } from './types.js';
+import './motion.js';
+
+interface RingProps extends SpinnerProps, EasingProps, CapProps {
+}
+declare function Ring({ cap, easing, ...rest }: RingProps): react.JSX.Element;
+
+export { Ring, type RingProps };

package/dist/ring.js

@@ -0,0 +1,10 @@
+import {
+  Ring
+} from "./chunk-ZLJYYX76.js";
+import "./chunk-7C6Q6WUN.js";
+import "./chunk-JNR4T6LZ.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  Ring
+};

package/dist/ripple.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { SpinnerProps } from './types.js';
+
+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;
+
+export { DEFAULT_RIPPLE_DIRECTION, Ripple, type RippleDirection, type RippleProps };

package/dist/ripple.js

@@ -0,0 +1,10 @@
+import {
+  DEFAULT_RIPPLE_DIRECTION,
+  Ripple
+} from "./chunk-IWVH2GKE.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  DEFAULT_RIPPLE_DIRECTION,
+  Ripple
+};

package/dist/slide.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { SpinnerProps } from './types.js';
+
+declare function Slide(props: SpinnerProps): react.JSX.Element;
+
+export { Slide };

package/dist/slide.js

@@ -0,0 +1,8 @@
+import {
+  Slide
+} from "./chunk-IRMB7CHZ.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  Slide
+};

package/dist/snake.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { CapProps } from './cap.js';
+import { EasingProps } from './easing.js';
+import { SpinnerProps } from './types.js';
+import './motion.js';
+
+interface SnakeProps extends SpinnerProps, EasingProps, CapProps {
+}
+declare function Snake({ cap, easing, ...rest }: SnakeProps): react.JSX.Element;
+
+export { Snake, type SnakeProps };

package/dist/snake.js

@@ -0,0 +1,10 @@
+import {
+  Snake
+} from "./chunk-RTKHVDCD.js";
+import "./chunk-7C6Q6WUN.js";
+import "./chunk-JNR4T6LZ.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  Snake
+};

package/dist/spinners.d.ts

@@ -0,0 +1,68 @@
+import { Arc } from './arc.js';
+import { Atom } from './atom.js';
+import { Blocks } from './blocks.js';
+import { BouncingDots } from './bouncing-dots.js';
+import './cap.js';
+import { Cascade } from './cascade.js';
+import { CircularDots } from './circular-dots.js';
+import { Classic } from './classic.js';
+import { ClassicV2 } from './classic-v2.js';
+import { Clock } from './clock.js';
+import { Comet } from './comet.js';
+import { Compass } from './compass.js';
+import { Dual } from './dual.js';
+import './easing.js';
+import { Eclipse } from './eclipse.js';
+import { Flip } from './flip.js';
+import { Gather } from './gather.js';
+import { Leap } from './leap.js';
+import { LinearDots } from './linear-dots.js';
+import { Loading } from './loading.js';
+import { Morph } from './morph.js';
+import './motion.js';
+import { Orbit } from './orbit.js';
+import { Pulse } from './pulse.js';
+import { Radar } from './radar.js';
+import { Ring } from './ring.js';
+import { Ripple } from './ripple.js';
+import { Slide } from './slide.js';
+import { Snake } from './snake.js';
+import { Swirl } from './swirl.js';
+import { Trace } from './trace.js';
+import { Wave } from './wave.js';
+import './types.js';
+import 'react';
+
+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 { SPINNERS };

package/dist/spinners.js

@@ -0,0 +1,39 @@
+import {
+  SPINNERS
+} from "./chunk-5DS5PSRD.js";
+import "./chunk-BMJ3AGRK.js";
+import "./chunk-HDBQBCTN.js";
+import "./chunk-VBI53UGV.js";
+import "./chunk-Y7QGIWTL.js";
+import "./chunk-FKUMWHUL.js";
+import "./chunk-5LSP7MQQ.js";
+import "./chunk-ZLJYYX76.js";
+import "./chunk-IWVH2GKE.js";
+import "./chunk-IRMB7CHZ.js";
+import "./chunk-RTKHVDCD.js";
+import "./chunk-TFHDE6YZ.js";
+import "./chunk-LIPOYJAI.js";
+import "./chunk-K5XVX5GB.js";
+import "./chunk-MVL7SVAH.js";
+import "./chunk-AY4VLQBZ.js";
+import "./chunk-IZ4TRHOC.js";
+import "./chunk-IQ2WQZFY.js";
+import "./chunk-5A6DX4J6.js";
+import "./chunk-T7OV7MUW.js";
+import "./chunk-NHN4FV63.js";
+import "./chunk-AHW6IXXT.js";
+import "./chunk-5R75HMWP.js";
+import "./chunk-X7BJQCYL.js";
+import "./chunk-5DLURQGF.js";
+import "./chunk-7C6Q6WUN.js";
+import "./chunk-PBB2PRPT.js";
+import "./chunk-UWSCBISJ.js";
+import "./chunk-I5CFO2M5.js";
+import "./chunk-JNR4T6LZ.js";
+import "./chunk-A43AJR54.js";
+import "./chunk-T5EUYN7R.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  SPINNERS
+};

package/dist/swirl.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { SpinnerProps } from './types.js';
+
+declare function Swirl(props: SpinnerProps): react.JSX.Element;
+
+export { Swirl };

package/dist/swirl.js

@@ -0,0 +1,8 @@
+import {
+  Swirl
+} from "./chunk-BMJ3AGRK.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  Swirl
+};

package/dist/trace.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { CapProps } from './cap.js';
+import { EasingProps } from './easing.js';
+import { SpinnerProps } from './types.js';
+import './motion.js';
+
+interface TraceProps extends SpinnerProps, EasingProps, CapProps {
+}
+declare function Trace({ cap, easing, ...rest }: TraceProps): react.JSX.Element;
+
+export { Trace, type TraceProps };

package/dist/trace.js

@@ -0,0 +1,10 @@
+import {
+  Trace
+} from "./chunk-HDBQBCTN.js";
+import "./chunk-7C6Q6WUN.js";
+import "./chunk-JNR4T6LZ.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  Trace
+};

package/dist/types.d.ts

@@ -0,0 +1,23 @@
+interface SpinnerProps {
+    /** Extra class names merged onto the root element. */
+    className?: string;
+    /**
+     * Any CSS color — `#f97316`, `oklch(70% 0.19 45)`, `rgb(249 115 22 / 60%)`,
+     * `var(--brand)`. Omit to keep inheriting the surrounding text color.
+     */
+    color?: string;
+    /**
+     * Length of one animation cycle in milliseconds. Omit to inherit
+     * `--ld-duration` from an ancestor, then the spinner's own default.
+     */
+    duration?: number;
+    /**
+     * Whether the animation runs. Omit to inherit `--ld-play-state` from an
+     * ancestor, which defaults to running.
+     */
+    playState?: "paused" | "running";
+    /** Width and height of the spinner in pixels. Defaults to 20. */
+    size?: number;
+}
+
+export type { SpinnerProps };

package/dist/wave.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { SpinnerProps } from './types.js';
+
+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;
+
+export { DEFAULT_WAVE_ORIGIN, Wave, type WaveOrigin, type WaveProps };

package/dist/wave.js

@@ -0,0 +1,10 @@
+import {
+  DEFAULT_WAVE_ORIGIN,
+  Wave
+} from "./chunk-VBI53UGV.js";
+import "./chunk-VRX5ZYC6.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  DEFAULT_WAVE_ORIGIN,
+  Wave
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "loading-dev",
-  "version": "0.3.1",
+  "version": "0.3.4",
   "description": "A lightweight library full of beautiful loading indicators for React.",
   "keywords": [
     "react",
@@ -38,10 +38,12 @@
     "lint": "biome check .",
     "prepublishOnly": "tsup",
     "test": "vitest run",
-    "test:watch": "vitest"
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit && pnpm build && pnpm --filter web typecheck"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.5.13",
+    "@types/node": "^24.13.3",
     "@types/react": "^19",
     "@types/react-dom": "^19.2.4",
     "react": "19.2.6",