loading-dev 0.3.7 → 0.3.8

package/dist/index.d.ts

@@ -34,9 +34,9 @@ import { Scan } from "./scan.js";
 import { Slide } from "./slide.js";
 import { Snake, SnakeProps } from "./snake.js";
 import { Split } from "./split.js";
-import { Steps } from "./steps.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, Chevrons, 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, 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, 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

@@ -33,9 +33,9 @@ import { Scan } from "./scan.js";
 import { Slide } from "./slide.js";
 import { Snake } from "./snake.js";
 import { Split } from "./split.js";
-import { Steps } from "./steps.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, Chevrons, CircularDots, Classic, ClassicV2, Clock, Comet, Compass, DEFAULT_BLOCKS_SWEEP, DEFAULT_CAP, DEFAULT_EASING, DEFAULT_RIPPLE_DIRECTION, 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 };
+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/steps.d.ts

@@ -1,2 +1,7 @@
 import { t as SpinnerProps } from "./types-D9_cXnjI.js";
-export declare function Steps(props: SpinnerProps): import("react").JSX.Element;
+export type StepsRows = "double" | "single";
+export declare const DEFAULT_STEPS_ROWS: StepsRows;
+export interface StepsProps extends SpinnerProps {
+  rows?: StepsRows;
+}
+export declare function Steps({ rows, ...rest }: StepsProps): import("react").JSX.Element;

package/dist/steps.js

@@ -2,12 +2,17 @@ import { STEP_VAR, animation, stagger } from "./motion.js";
 import { SpinnerStyle, spinnerRoot, step } from "./frame.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/steps.tsx
+const DEFAULT_STEPS_ROWS = "single";
 const SEGMENTS = [
 	1,
 	7,
 	13,
 	19
 ];
+const ROWS = {
+	double: [5, 13],
+	single: [9]
+};
 const SLOTS = SEGMENTS.length * 2;
 const css = `
 .ld-steps-segment {
@@ -32,24 +37,24 @@ const css = `
   }
 }
 `;
-function Steps(props) {
+function Steps({ rows = DEFAULT_STEPS_ROWS, ...rest }) {
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SpinnerStyle, {
 		name: "steps",
 		children: css
 	}), /* @__PURE__ */ jsx("svg", {
-		...spinnerRoot("steps", props),
+		...spinnerRoot("steps", rest),
 		fill: "currentColor",
 		role: "presentation",
 		viewBox: "0 0 24 24",
-		children: SEGMENTS.map((x, index) => /* @__PURE__ */ jsx("rect", {
+		children: ROWS[rows].map((y) => SEGMENTS.map((x, index) => /* @__PURE__ */ jsx("rect", {
 			className: "ld-steps-segment",
 			height: "6",
 			rx: "1.25",
 			style: step(index),
 			width: "4",
 			x,
-			y: "9"
-		}, x))
+			y
+		}, `${x}-${y}`)))
 	})] });
 }
-export { Steps };
+export { DEFAULT_STEPS_ROWS, Steps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "loading-dev",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "A lightweight library full of beautiful loading indicators for React.",
   "keywords": [
     "react",