loading-dev 0.3.6 → 0.3.8

package/dist/index.d.ts

@@ -1,12 +1,13 @@
-import { n as CapProps, r as DEFAULT_CAP, t as Cap } from "./cap-Ba3uZx03.js";
-import { i as PLAY_STATE_VAR, l as SpinnerName, n as DURATION_VAR, s as SPINNER_MOTION } from "./motion-D_zUuA3S.js";
-import { n as Easing, r as EasingProps, t as DEFAULT_EASING } from "./easing-DhnLArHS.js";
-import { t as SpinnerProps } from "./types-BYaenrWm.js";
+import { n as CapProps, r as DEFAULT_CAP, t as Cap } from "./cap-B_Mo1a7N.js";
+import { i as PLAY_STATE_VAR, l as SpinnerName, n as DURATION_VAR, s as SPINNER_MOTION } from "./motion-trIEyOxA.js";
+import { n as Easing, r as EasingProps, t as DEFAULT_EASING } from "./easing-BM_1QWrA.js";
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
 import { Arc, ArcProps } from "./arc.js";
 import { Atom, AtomProps } from "./atom.js";
 import { Blocks, BlocksProps, BlocksSweep, DEFAULT_BLOCKS_SWEEP } from "./blocks.js";
 import { BouncingDots } from "./bouncing-dots.js";
 import { Cascade, CascadeProps } from "./cascade.js";
+import { Chevrons } from "./chevrons.js";
 import { CircularDots } from "./circular-dots.js";
 import { ClassicV2 } from "./classic-v2.js";
 import { Classic } from "./classic.js";
@@ -15,21 +16,27 @@ import { Comet, CometProps } from "./comet.js";
 import { Compass } from "./compass.js";
 import { Dual, DualProps } from "./dual.js";
 import { Eclipse } from "./eclipse.js";
+import { Fill } from "./fill.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 { Loop, LoopProps } from "./loop.js";
 import { Morph } from "./morph.js";
 import { Orbit, OrbitProps } from "./orbit.js";
+import { Phases } from "./phases.js";
 import { Pulse } from "./pulse.js";
 import { Radar, RadarProps } from "./radar.js";
 import { Ring, RingProps } from "./ring.js";
 import { DEFAULT_RIPPLE_DIRECTION, Ripple, RippleDirection, RippleProps } from "./ripple.js";
+import { Scan } from "./scan.js";
 import { Slide } from "./slide.js";
 import { Snake, SnakeProps } from "./snake.js";
+import { Split } from "./split.js";
+import { DEFAULT_STEPS_ROWS, Steps, StepsProps, StepsRows } from "./steps.js";
 import { Swirl } from "./swirl.js";
 import { Trace, TraceProps } from "./trace.js";
 import { DEFAULT_WAVE_ORIGIN, Wave, WaveOrigin, WaveProps } from "./wave.js";
 import { SPINNERS } from "./spinners.js";
-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 };
+export { Arc, type ArcProps, Atom, type AtomProps, Blocks, type BlocksProps, type BlocksSweep, BouncingDots, type Cap, type CapProps, Cascade, type CascadeProps, Chevrons, CircularDots, Classic, ClassicV2, Clock, type ClockProps, Comet, type CometProps, Compass, DEFAULT_BLOCKS_SWEEP, DEFAULT_CAP, DEFAULT_EASING, DEFAULT_RIPPLE_DIRECTION, DEFAULT_STEPS_ROWS, DEFAULT_WAVE_ORIGIN, DURATION_VAR, Dual, type DualProps, type Easing, type EasingProps, Eclipse, Fill, Flip, Gather, Leap, LinearDots, Loading, Loop, type LoopProps, Morph, Orbit, type OrbitProps, PLAY_STATE_VAR, Phases, Pulse, Radar, type RadarProps, Ring, type RingProps, Ripple, type RippleDirection, type RippleProps, SPINNERS, SPINNER_MOTION, Scan, Slide, Snake, type SnakeProps, type SpinnerName, type SpinnerProps, Split, Steps, type StepsProps, type StepsRows, Swirl, Trace, type TraceProps, Wave, type WaveOrigin, type WaveProps };

package/dist/index.js

@@ -6,6 +6,7 @@ import { Atom } from "./atom.js";
 import { Blocks, DEFAULT_BLOCKS_SWEEP } from "./blocks.js";
 import { BouncingDots } from "./bouncing-dots.js";
 import { Cascade } from "./cascade.js";
+import { Chevrons } from "./chevrons.js";
 import { CircularDots } from "./circular-dots.js";
 import { ClassicV2 } from "./classic-v2.js";
 import { Classic } from "./classic.js";
@@ -14,21 +15,27 @@ import { Comet } from "./comet.js";
 import { Compass } from "./compass.js";
 import { Dual } from "./dual.js";
 import { Eclipse } from "./eclipse.js";
+import { Fill } from "./fill.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 { Loop } from "./loop.js";
 import { Morph } from "./morph.js";
 import { Orbit } from "./orbit.js";
+import { Phases } from "./phases.js";
 import { Pulse } from "./pulse.js";
 import { Radar } from "./radar.js";
 import { Ring } from "./ring.js";
 import { DEFAULT_RIPPLE_DIRECTION, Ripple } from "./ripple.js";
+import { Scan } from "./scan.js";
 import { Slide } from "./slide.js";
 import { Snake } from "./snake.js";
+import { Split } from "./split.js";
+import { DEFAULT_STEPS_ROWS, Steps } from "./steps.js";
 import { Swirl } from "./swirl.js";
 import { Trace } from "./trace.js";
 import { DEFAULT_WAVE_ORIGIN, Wave } from "./wave.js";
 import { SPINNERS } from "./spinners.js";
-export { Arc, Atom, Blocks, BouncingDots, Cascade, CircularDots, Classic, ClassicV2, Clock, Comet, Compass, DEFAULT_BLOCKS_SWEEP, DEFAULT_CAP, DEFAULT_EASING, DEFAULT_RIPPLE_DIRECTION, DEFAULT_WAVE_ORIGIN, DURATION_VAR, Dual, Eclipse, Flip, Gather, Leap, LinearDots, Loading, Morph, Orbit, PLAY_STATE_VAR, Pulse, Radar, Ring, Ripple, SPINNERS, SPINNER_MOTION, Slide, Snake, Swirl, Trace, Wave };
+export { Arc, Atom, Blocks, BouncingDots, Cascade, Chevrons, CircularDots, Classic, ClassicV2, Clock, Comet, Compass, DEFAULT_BLOCKS_SWEEP, DEFAULT_CAP, DEFAULT_EASING, DEFAULT_RIPPLE_DIRECTION, DEFAULT_STEPS_ROWS, DEFAULT_WAVE_ORIGIN, DURATION_VAR, Dual, Eclipse, Fill, Flip, Gather, Leap, LinearDots, Loading, Loop, Morph, Orbit, PLAY_STATE_VAR, Phases, Pulse, Radar, Ring, Ripple, SPINNERS, SPINNER_MOTION, Scan, Slide, Snake, Split, Steps, Swirl, Trace, Wave };

package/dist/leap.d.ts

@@ -1,4 +1,2 @@
-import { t as SpinnerProps } from "./types-BYaenrWm.js";
-//#region src/leap.d.ts
-export declare function Leap(props: SpinnerProps): import("react").JSX.Element;
-//#endregion
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
+export declare function Leap(props: SpinnerProps): import("react").JSX.Element;

package/dist/leap.js

@@ -2,7 +2,7 @@ import { SIZE, STEP_VAR, animation, stagger } from "./motion.js";
 import { SpinnerStyle, spinnerRoot, step } from "./frame.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
-//#region src/leap.tsx
+// src/leap.tsx
 const DOTS = Array.from({ length: 3 }, (_, index) => index);
 const css = `
 .ld-leap {
@@ -63,5 +63,4 @@ function Leap(props) {
 		children: /* @__PURE__ */ jsx("div", { className: "ld-leap-dot" })
 	}, index)))] });
 }
-//#endregion
 export { Leap };

package/dist/linear-dots.d.ts

@@ -1,4 +1,2 @@
-import { t as SpinnerProps } from "./types-BYaenrWm.js";
-//#region src/linear-dots.d.ts
-export declare function LinearDots(props: SpinnerProps): import("react").JSX.Element;
-//#endregion
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
+export declare function LinearDots(props: SpinnerProps): import("react").JSX.Element;

package/dist/linear-dots.js

@@ -1,7 +1,7 @@
 import { SIZE, animation, stagger } from "./motion.js";
 import { SpinnerStyle, spinnerRoot, step } from "./frame.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/linear-dots.tsx
+// src/linear-dots.tsx
 const DOTS = Array.from({ length: 3 }, (_, index) => index);
 const css = `
 .ld-linear-dots {
@@ -50,5 +50,4 @@ function LinearDots(props) {
 		}, dot))
 	})] });
 }
-//#endregion
 export { LinearDots };

package/dist/loading.d.ts

@@ -1,4 +1,2 @@
-import { t as SpinnerProps } from "./types-BYaenrWm.js";
-//#region src/loading.d.ts
-export declare function Loading(props: SpinnerProps): import("react").JSX.Element;
-//#endregion
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
+export declare function Loading(props: SpinnerProps): import("react").JSX.Element;

package/dist/loading.js

@@ -1,7 +1,7 @@
 import { SpinnerStyle, spinnerRoot, step } from "./frame.js";
 import { fadeCss } from "./fade.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/loading.tsx
+// src/loading.tsx
 const BLOCK = "M0 0h1v1H0zM2 0h1v1H2zM0 2h1v1H0zM2 2h1v1H2z";
 const SEGMENTS = [
 	{
@@ -60,5 +60,4 @@ function Loading(props) {
 		}, `${x}-${y}`))
 	})] });
 }
-//#endregion
 export { Loading };

package/dist/loop.d.ts

@@ -0,0 +1,5 @@
+import { n as CapProps } from "./cap-B_Mo1a7N.js";
+import { r as EasingProps } from "./easing-BM_1QWrA.js";
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
+export interface LoopProps extends SpinnerProps, EasingProps, CapProps {}
+export declare function Loop({ cap, easing, ...rest }: LoopProps): import("react").JSX.Element;

package/dist/loop.js

@@ -0,0 +1,37 @@
+import { linecap } from "./cap.js";
+import { rotationCss, spinClass } from "./easing.js";
+import { SpinnerStyle, spinnerRoot } from "./frame.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/loop.tsx
+const PATH = "M12 12c-2-2.7-3.6-4-5.5-4a4 4 0 0 0 0 8c1.9 0 3.5-1.3 5.5-4s3.6-4 5.5-4a4 4 0 0 1 0 8c-1.9 0-3.5-1.3-5.5-4z";
+const LENGTH = 100;
+const DASH = 30;
+const css = `
+${rotationCss("loop", `to {
+    stroke-dashoffset: -100;
+  }`)}
+`;
+function Loop({ cap, easing, ...rest }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SpinnerStyle, {
+		name: "loop",
+		children: css
+	}), /* @__PURE__ */ jsxs("svg", {
+		...spinnerRoot("loop", rest),
+		fill: "none",
+		role: "presentation",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		viewBox: "0 0 24 24",
+		children: [/* @__PURE__ */ jsx("path", {
+			d: PATH,
+			opacity: "0.2"
+		}), /* @__PURE__ */ jsx("path", {
+			className: spinClass("loop", easing),
+			d: PATH,
+			pathLength: LENGTH,
+			strokeDasharray: `${DASH} 70`,
+			strokeLinecap: linecap(cap)
+		})]
+	})] });
+}
+export { Loop };

package/dist/morph.d.ts

@@ -1,4 +1,2 @@
-import { t as SpinnerProps } from "./types-BYaenrWm.js";
-//#region src/morph.d.ts
-export declare function Morph(props: SpinnerProps): import("react").JSX.Element;
-//#endregion
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
+export declare function Morph(props: SpinnerProps): import("react").JSX.Element;

package/dist/morph.js

@@ -1,7 +1,7 @@
 import { SIZE, animation } from "./motion.js";
 import { SpinnerStyle, spinnerRoot } from "./frame.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/morph.tsx
+// src/morph.tsx
 const css = `
 .ld-morph-shape {
   width: 64%;
@@ -36,5 +36,4 @@ function Morph(props) {
 		children: /* @__PURE__ */ jsx("div", { className: "ld-morph-shape" })
 	})] });
 }
-//#endregion
 export { Morph };

package/dist/{motion-D_zUuA3S.d.ts → motion-trIEyOxA.d.ts}

@@ -1,4 +1,3 @@
-//#region src/motion.d.ts
 declare const DURATION_VAR = "--ld-duration";
 declare const PLAY_STATE_VAR = "--ld-play-state";
 declare const SIZE_VAR = "--ld-size";
@@ -11,6 +10,7 @@ declare const SPINNER_MOTION: {
   readonly blocks: 1300;
   readonly "bouncing-dots": 500;
   readonly cascade: 1500;
+  readonly chevrons: 1000;
   readonly "circular-dots": 800;
   readonly classic: 1200;
   readonly "classic-v2": 800;
@@ -19,19 +19,25 @@ declare const SPINNER_MOTION: {
   readonly compass: 500;
   readonly dual: 1000;
   readonly eclipse: 1200;
+  readonly fill: 1600;
   readonly flip: 1200;
   readonly gather: 1600;
   readonly leap: 1800;
   readonly "linear-dots": 900;
   readonly loading: 1000;
+  readonly loop: 1600;
   readonly morph: 1200;
   readonly orbit: 750;
+  readonly phases: 3000;
   readonly pulse: 1200;
   readonly radar: 1500;
   readonly ring: 800;
   readonly ripple: 1200;
+  readonly scan: 1800;
   readonly slide: 2400;
   readonly snake: 1400;
+  readonly split: 1400;
+  readonly steps: 1600;
   readonly swirl: 1200;
   readonly trace: 1200;
   readonly wave: 900;
@@ -41,5 +47,4 @@ 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;
-//#endregion
 export { SIZE as a, STEP_VAR as c, duration as d, stagger as f, PLAY_STATE_VAR as i, SpinnerName as l, DURATION_VAR as n, SIZE_VAR as o, PLAY_STATE as r, SPINNER_MOTION as s, DEFAULT_SIZE as t, animation as u };

package/dist/motion.d.ts

@@ -1,2 +1,2 @@
-import { a as SIZE, c as STEP_VAR, d as duration, f as stagger, i as PLAY_STATE_VAR, l as SpinnerName, n as DURATION_VAR, o as SIZE_VAR, r as PLAY_STATE, s as SPINNER_MOTION, t as DEFAULT_SIZE, u as animation } from "./motion-D_zUuA3S.js";
+import { a as SIZE, c as STEP_VAR, d as duration, f as stagger, i as PLAY_STATE_VAR, l as SpinnerName, n as DURATION_VAR, o as SIZE_VAR, r as PLAY_STATE, s as SPINNER_MOTION, t as DEFAULT_SIZE, u as animation } from "./motion-trIEyOxA.js";
 export { DEFAULT_SIZE, DURATION_VAR, PLAY_STATE, PLAY_STATE_VAR, SIZE, SIZE_VAR, SPINNER_MOTION, STEP_VAR, SpinnerName, animation, duration, stagger };

package/dist/motion.js

@@ -1,4 +1,4 @@
-//#region src/motion.ts
+// src/motion.ts
 const DURATION_VAR = "--ld-duration";
 const PLAY_STATE_VAR = "--ld-play-state";
 const SIZE_VAR = "--ld-size";
@@ -11,6 +11,7 @@ const SPINNER_MOTION = {
 	blocks: 1300,
 	"bouncing-dots": 500,
 	cascade: 1500,
+	chevrons: 1e3,
 	"circular-dots": 800,
 	classic: 1200,
 	"classic-v2": 800,
@@ -19,19 +20,25 @@ const SPINNER_MOTION = {
 	compass: 500,
 	dual: 1e3,
 	eclipse: 1200,
+	fill: 1600,
 	flip: 1200,
 	gather: 1600,
 	leap: 1800,
 	"linear-dots": 900,
 	loading: 1e3,
+	loop: 1600,
 	morph: 1200,
 	orbit: 750,
+	phases: 3e3,
 	pulse: 1200,
 	radar: 1500,
 	ring: 800,
 	ripple: 1200,
+	scan: 1800,
 	slide: 2400,
 	snake: 1400,
+	split: 1400,
+	steps: 1600,
 	swirl: 1200,
 	trace: 1200,
 	wave: 900
@@ -47,5 +54,4 @@ function animation(name, keyframes, timing) {
 	return `animation: ${[keyframes].flat().map((frames) => `${frames} ${duration(name)} ${timing} infinite`).join(", ")};
   animation-play-state: ${PLAY_STATE};`;
 }
-//#endregion
 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

@@ -1,6 +1,4 @@
-import { r as EasingProps } from "./easing-DhnLArHS.js";
-import { t as SpinnerProps } from "./types-BYaenrWm.js";
-//#region src/orbit.d.ts
+import { r as EasingProps } from "./easing-BM_1QWrA.js";
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
 export interface OrbitProps extends SpinnerProps, EasingProps {}
-export declare function Orbit({ easing, ...rest }: OrbitProps): import("react").JSX.Element;
-//#endregion
+export declare function Orbit({ easing, ...rest }: OrbitProps): import("react").JSX.Element;

package/dist/orbit.js

@@ -2,7 +2,7 @@ import { SIZE } from "./motion.js";
 import { rotationCss, spinClass } from "./easing.js";
 import { SpinnerStyle, spinnerRoot } from "./frame.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/orbit.tsx
+// src/orbit.tsx
 const css = `
 .ld-orbit {
   --ld-orbit-stroke: calc(${SIZE} * 0.0625);
@@ -40,5 +40,4 @@ function Orbit({ easing, ...rest }) {
 		children: [/* @__PURE__ */ jsx("div", { className: "ld-orbit-dot" }), /* @__PURE__ */ jsx("div", { className: `ld-orbit-track ${spinClass("orbit", easing)}` })]
 	})] });
 }
-//#endregion
 export { Orbit };

package/dist/phases.d.ts

@@ -0,0 +1,2 @@
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
+export declare function Phases(props: SpinnerProps): import("react").JSX.Element;

package/dist/phases.js

@@ -0,0 +1,73 @@
+import { animation, duration } from "./motion.js";
+import { SpinnerStyle, spinnerRoot } from "./frame.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+// src/phases.tsx
+const RADIUS = 10;
+const css = `
+.ld-phases-shade {
+  ${animation("phases", "ld-phases-wax", "ease-out")}
+  animation-delay: calc(${duration("phases")} / -2);
+}
+
+@keyframes ld-phases-wax {
+  from {
+    transform: translateX(20.5px);
+  }
+  50% {
+    transform: translateX(0);
+    animation-timing-function: ease-in;
+  }
+  to {
+    transform: translateX(-20.5px);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ld-phases-shade {
+    transform: translateX(-10px);
+  }
+}
+`;
+function Phases(props) {
+	const shade = useId();
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SpinnerStyle, {
+		name: "phases",
+		children: css
+	}), /* @__PURE__ */ jsxs("svg", {
+		...spinnerRoot("phases", props),
+		fill: "currentColor",
+		role: "presentation",
+		viewBox: "0 0 24 24",
+		children: [
+			/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", {
+				id: shade,
+				children: [/* @__PURE__ */ jsx("circle", {
+					cx: "12",
+					cy: "12",
+					fill: "white",
+					r: RADIUS
+				}), /* @__PURE__ */ jsx("circle", {
+					className: "ld-phases-shade",
+					cx: "12",
+					cy: "12",
+					fill: "black",
+					r: 10.25
+				})]
+			}) }),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "12",
+				opacity: "0.2",
+				r: RADIUS
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "12",
+				mask: `url(#${shade})`,
+				r: RADIUS
+			})
+		]
+	})] });
+}
+export { Phases };

package/dist/pulse.d.ts

@@ -1,4 +1,2 @@
-import { t as SpinnerProps } from "./types-BYaenrWm.js";
-//#region src/pulse.d.ts
-export declare function Pulse(props: SpinnerProps): import("react").JSX.Element;
-//#endregion
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
+export declare function Pulse(props: SpinnerProps): import("react").JSX.Element;

package/dist/pulse.js

@@ -1,7 +1,7 @@
 import { animation } from "./motion.js";
 import { SpinnerStyle, spinnerRoot } from "./frame.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/pulse.tsx
+// src/pulse.tsx
 const css = `
 .ld-pulse-ring {
   transform-origin: center;
@@ -48,5 +48,4 @@ function Pulse(props) {
 		})]
 	})] });
 }
-//#endregion
 export { Pulse };

package/dist/radar.d.ts

@@ -1,6 +1,4 @@
-import { r as EasingProps } from "./easing-DhnLArHS.js";
-import { t as SpinnerProps } from "./types-BYaenrWm.js";
-//#region src/radar.d.ts
+import { r as EasingProps } from "./easing-BM_1QWrA.js";
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
 export interface RadarProps extends SpinnerProps, EasingProps {}
-export declare function Radar({ easing, ...rest }: RadarProps): import("react").JSX.Element;
-//#endregion
+export declare function Radar({ easing, ...rest }: RadarProps): import("react").JSX.Element;

package/dist/radar.js

@@ -2,7 +2,7 @@ import { rotationCss, spinClass } from "./easing.js";
 import { SpinnerStyle, spinnerRoot } from "./frame.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useId } from "react";
-//#region src/radar.tsx
+// src/radar.tsx
 const css = `
 ${rotationCss("radar")}
 `;
@@ -60,5 +60,4 @@ function Radar({ easing, ...rest }) {
 		]
 	})] });
 }
-//#endregion
 export { Radar };

package/dist/ring.d.ts

@@ -1,7 +1,5 @@
-import { n as CapProps } from "./cap-Ba3uZx03.js";
-import { r as EasingProps } from "./easing-DhnLArHS.js";
-import { t as SpinnerProps } from "./types-BYaenrWm.js";
-//#region src/ring.d.ts
+import { n as CapProps } from "./cap-B_Mo1a7N.js";
+import { r as EasingProps } from "./easing-BM_1QWrA.js";
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
 export interface RingProps extends SpinnerProps, EasingProps, CapProps {}
-export declare function Ring({ cap, easing, ...rest }: RingProps): import("react").JSX.Element;
-//#endregion
+export declare function Ring({ cap, easing, ...rest }: RingProps): import("react").JSX.Element;

package/dist/ring.js

@@ -2,7 +2,7 @@ import { linecap } from "./cap.js";
 import { rotationCss, spinClass } from "./easing.js";
 import { SpinnerStyle, spinnerRoot } from "./frame.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/ring.tsx
+// src/ring.tsx
 const css = `
 ${rotationCss("ring")}
 `;
@@ -34,5 +34,4 @@ function Ring({ cap, easing, ...rest }) {
 		})]
 	})] });
 }
-//#endregion
 export { Ring };

package/dist/ripple.d.ts

@@ -1,9 +1,7 @@
-import { t as SpinnerProps } from "./types-BYaenrWm.js";
-//#region src/ripple.d.ts
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
 export type RippleDirection = "in" | "out";
 export declare const DEFAULT_RIPPLE_DIRECTION: RippleDirection;
 export interface RippleProps extends SpinnerProps {
   direction?: RippleDirection;
 }
-export declare function Ripple({ direction, ...rest }: RippleProps): import("react").JSX.Element;
-//#endregion
+export declare function Ripple({ direction, ...rest }: RippleProps): import("react").JSX.Element;

package/dist/ripple.js

@@ -1,7 +1,7 @@
 import { SIZE, STEP_VAR, animation, stagger } from "./motion.js";
 import { SpinnerStyle, spinnerRoot, step } from "./frame.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/ripple.tsx
+// src/ripple.tsx
 const DEFAULT_RIPPLE_DIRECTION = "out";
 const RINGS = Array.from({ length: 3 }, (_, index) => index);
 const css = `
@@ -53,5 +53,4 @@ function Ripple({ direction = "out", ...rest }) {
 		}, index))
 	})] });
 }
-//#endregion
 export { DEFAULT_RIPPLE_DIRECTION, Ripple };

package/dist/scan.d.ts

@@ -0,0 +1,2 @@
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
+export declare function Scan(props: SpinnerProps): import("react").JSX.Element;

package/dist/scan.js

@@ -0,0 +1,56 @@
+import { animation } from "./motion.js";
+import { SpinnerStyle, spinnerRoot } from "./frame.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/scan.tsx
+const TRAVEL = 11;
+const css = `
+.ld-scan-line {
+  ${animation("scan", "ld-scan-sweep", "cubic-bezier(0.45, 0, 0.55, 1)")}
+}
+
+@keyframes ld-scan-sweep {
+  0%,
+  100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(${TRAVEL}px);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ld-scan-line {
+    transform: translateY(${TRAVEL / 2}px);
+  }
+}
+`;
+function Scan(props) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SpinnerStyle, {
+		name: "scan",
+		children: css
+	}), /* @__PURE__ */ jsxs("svg", {
+		...spinnerRoot("scan", props),
+		fill: "none",
+		role: "presentation",
+		stroke: "currentColor",
+		viewBox: "0 0 24 24",
+		children: [/* @__PURE__ */ jsx("rect", {
+			height: "18",
+			opacity: "0.2",
+			rx: "4",
+			strokeWidth: "2",
+			width: "18",
+			x: "3",
+			y: "3"
+		}), /* @__PURE__ */ jsx("line", {
+			className: "ld-scan-line",
+			strokeLinecap: "round",
+			strokeWidth: "2.5",
+			x1: "7.5",
+			x2: "16.5",
+			y1: "6.5",
+			y2: "6.5"
+		})]
+	})] });
+}
+export { Scan };

package/dist/slide.d.ts

@@ -1,4 +1,2 @@
-import { t as SpinnerProps } from "./types-BYaenrWm.js";
-//#region src/slide.d.ts
-export declare function Slide(props: SpinnerProps): import("react").JSX.Element;
-//#endregion
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
+export declare function Slide(props: SpinnerProps): import("react").JSX.Element;

package/dist/slide.js

@@ -1,7 +1,7 @@
 import { animation, stagger } from "./motion.js";
 import { SpinnerStyle, cssVars, spinnerRoot, step } from "./frame.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/slide.tsx
+// src/slide.tsx
 const DOT = 34;
 const MARGIN = 6;
 const FAR = `${(54 / DOT * 100).toFixed(1)}%`;
@@ -70,5 +70,4 @@ function Slide(props) {
 		}, rest))
 	})] });
 }
-//#endregion
 export { Slide };

package/dist/snake.d.ts

@@ -1,7 +1,5 @@
-import { n as CapProps } from "./cap-Ba3uZx03.js";
-import { r as EasingProps } from "./easing-DhnLArHS.js";
-import { t as SpinnerProps } from "./types-BYaenrWm.js";
-//#region src/snake.d.ts
+import { n as CapProps } from "./cap-B_Mo1a7N.js";
+import { r as EasingProps } from "./easing-BM_1QWrA.js";
+import { t as SpinnerProps } from "./types-D9_cXnjI.js";
 export interface SnakeProps extends SpinnerProps, EasingProps, CapProps {}
-export declare function Snake({ cap, easing, ...rest }: SnakeProps): import("react").JSX.Element;
-//#endregion
+export declare function Snake({ cap, easing, ...rest }: SnakeProps): import("react").JSX.Element;

package/dist/snake.js

@@ -3,7 +3,7 @@ import { animation } from "./motion.js";
 import { rotationCss, spinClass } from "./easing.js";
 import { SpinnerStyle, spinnerRoot } from "./frame.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/snake.tsx
+// src/snake.tsx
 const css = `
 ${rotationCss("snake")}
 
@@ -55,5 +55,4 @@ function Snake({ cap, easing, ...rest }) {
 		})
 	})] });
 }
-//#endregion
 export { Snake };