loading-dev 0.3.4 → 0.3.5

package/dist/chunk-PVVWLDIS.js

@@ -0,0 +1,33 @@
+import {
+  animation,
+  stagger
+} from "./chunk-OMNMMKI7.js";
+
+// src/fade.ts
+function fadeCss(name, element, count, { dim, rest }) {
+  return `
+.ld-${name}-${element} {
+  ${animation(name, `ld-${name}-fade`, "linear")}
+  animation-delay: ${stagger(name, count)};
+}
+
+@keyframes ld-${name}-fade {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: ${dim};
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ld-${name}-${element} {
+    opacity: ${rest};
+  }
+}
+`;
+}
+
+export {
+  fadeCss
+};

package/dist/{chunk-T5EUYN7R.js → chunk-R5ZDKN3Z.js}

@@ -1,12 +1,13 @@
+import {
+  fadeCss
+} from "./chunk-PVVWLDIS.js";
 import {
   SpinnerStyle,
   spinnerRoot,
   step
-} from "./chunk-VRX5ZYC6.js";
+} from "./chunk-UAO52LUL.js";
 import {
-  SIZE,
-  animation,
-  stagger
+  SIZE
 } from "./chunk-OMNMMKI7.js";
 
 // src/classic-v2.tsx
@@ -27,26 +28,7 @@ var css = `
   height: ${SIZE};
 }
 
-.ld-classic-v2-tick {
-  ${animation("classic-v2", "ld-classic-v2-fade", "linear")}
-  animation-delay: ${stagger("classic-v2", TICKS.length)};
-}
-
-@keyframes ld-classic-v2-fade {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0.4;
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-classic-v2-tick {
-    opacity: 0.5;
-    animation: none;
-  }
-}
+${fadeCss("classic-v2", "tick", TICKS.length, { dim: 0.4, rest: 0.5 })}
 `;
 function ClassicV2(props) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/{chunk-MVL7SVAH.js → chunk-RAHAQ7XK.js}

@@ -1,12 +1,13 @@
+import {
+  fadeCss
+} from "./chunk-PVVWLDIS.js";
 import {
   SpinnerStyle,
   spinnerRoot,
   step
-} from "./chunk-VRX5ZYC6.js";
+} from "./chunk-UAO52LUL.js";
 import {
-  SIZE,
-  animation,
-  stagger
+  SIZE
 } from "./chunk-OMNMMKI7.js";
 
 // src/loading.tsx
@@ -28,26 +29,7 @@ var css = `
   height: ${SIZE};
 }
 
-.ld-loading-segment {
-  ${animation("loading", "ld-loading-fade", "linear")}
-  animation-delay: ${stagger("loading", SEGMENTS.length)};
-}
-
-@keyframes ld-loading-fade {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0.2;
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-loading-segment {
-    opacity: 0.6;
-    animation: none;
-  }
-}
+${fadeCss("loading", "segment", SEGMENTS.length, { dim: 0.2, rest: 0.6 })}
 `;
 function Loading(props) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/{chunk-BMJ3AGRK.js → chunk-SUUR5WMA.js}

@@ -1,12 +1,13 @@
+import {
+  fadeCss
+} from "./chunk-PVVWLDIS.js";
 import {
   SpinnerStyle,
   spinnerRoot,
   step
-} from "./chunk-VRX5ZYC6.js";
+} from "./chunk-UAO52LUL.js";
 import {
-  SIZE,
-  animation,
-  stagger
+  SIZE
 } from "./chunk-OMNMMKI7.js";
 
 // src/swirl.tsx
@@ -28,25 +29,8 @@ var css = `
 .ld-swirl-cell {
   background: currentColor;
   border-radius: calc(${SIZE} * 0.0625);
-  ${animation("swirl", "ld-swirl-fade", "linear")}
-  animation-delay: ${stagger("swirl", PLACES)};
-}
-
-@keyframes ld-swirl-fade {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0.2;
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-swirl-cell {
-    opacity: 0.6;
-    animation: none;
-  }
 }
+${fadeCss("swirl", "cell", PLACES, { dim: 0.2, rest: 0.6 })}
 `;
 function Swirl(props) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/{chunk-VRX5ZYC6.js → chunk-UAO52LUL.js}

@@ -12,7 +12,14 @@ function SpinnerStyle({
   children,
   name
 }) {
-  return /* @__PURE__ */ jsx("style", { href: `ld-${name}`, precedence: "loading-dev", children });
+  return /* @__PURE__ */ jsx("style", { href: `ld-${name}`, precedence: "loading-dev", children: `${children}
+@media (prefers-reduced-motion: reduce) {
+  .ld-${name},
+  .ld-${name} * {
+    animation: none;
+  }
+}
+` });
 }
 function cssVars(vars) {
   return vars;

package/dist/{chunk-UWSCBISJ.js → chunk-ULWRXY3A.js}

@@ -2,7 +2,7 @@ import {
   SpinnerStyle,
   spinnerRoot,
   step
-} from "./chunk-VRX5ZYC6.js";
+} from "./chunk-UAO52LUL.js";
 import {
   SIZE,
   animation,
@@ -21,8 +21,8 @@ var css = `
 }
 
 .ld-bouncing-dots-dot {
-  width: calc(${SIZE} * 0.22);
-  height: calc(${SIZE} * 0.22);
+  width: calc(${SIZE} * 0.25);
+  height: calc(${SIZE} * 0.25);
   background: currentColor;
   border-radius: 9999px;
   ${animation("bouncing-dots", "ld-bouncing-dots-bounce", "ease-in-out alternate")}
@@ -37,12 +37,6 @@ var css = `
     transform: translateY(-72%);
   }
 }
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-bouncing-dots-dot {
-    animation: none;
-  }
-}
 `;
 function BouncingDots(props) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/{chunk-RTKHVDCD.js → chunk-UOXB5QOZ.js}

@@ -1,14 +1,14 @@
 import {
   rotationCss,
   spinClass
-} from "./chunk-7C6Q6WUN.js";
+} from "./chunk-A2PZBHTA.js";
 import {
   linecap
 } from "./chunk-JNR4T6LZ.js";
 import {
   SpinnerStyle,
   spinnerRoot
-} from "./chunk-VRX5ZYC6.js";
+} from "./chunk-UAO52LUL.js";
 import {
   SIZE,
   animation
@@ -46,7 +46,6 @@ ${rotationCss("snake")}
 @media (prefers-reduced-motion: reduce) {
   .ld-snake-dash {
     stroke-dasharray: 18 100;
-    animation: none;
   }
 }
 `;

package/dist/{chunk-5A6DX4J6.js → chunk-UXTZTFNZ.js}

@@ -1,11 +1,11 @@
 import {
   rotationCss,
   spinClass
-} from "./chunk-7C6Q6WUN.js";
+} from "./chunk-A2PZBHTA.js";
 import {
   SpinnerStyle,
   spinnerRoot
-} from "./chunk-VRX5ZYC6.js";
+} from "./chunk-UAO52LUL.js";
 import {
   SIZE
 } from "./chunk-OMNMMKI7.js";

package/dist/{chunk-PBB2PRPT.js → chunk-VZX7APSS.js}

@@ -2,7 +2,7 @@ import {
   SpinnerStyle,
   spinnerRoot,
   step
-} from "./chunk-VRX5ZYC6.js";
+} from "./chunk-UAO52LUL.js";
 import {
   SIZE,
   animation,
@@ -58,7 +58,6 @@ ${Object.entries(SWEEPS).map(
 @media (prefers-reduced-motion: reduce) {
   .ld-blocks-cell {
     transform: scale(0.8);
-    animation: none;
   }
 }
 `;

package/dist/{chunk-5R75HMWP.js → chunk-YIB63EKJ.js}

@@ -1,7 +1,7 @@
 import {
   SpinnerStyle,
   spinnerRoot
-} from "./chunk-VRX5ZYC6.js";
+} from "./chunk-UAO52LUL.js";
 import {
   SIZE,
   animation
@@ -36,12 +36,6 @@ var css = `
     transform: rotateX(-180deg) rotateY(-180deg);
   }
 }
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-flip-face {
-    animation: none;
-  }
-}
 `;
 function Flip(props) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/circular-dots.js

@@ -1,7 +1,8 @@
 import {
   CircularDots
-} from "./chunk-A43AJR54.js";
-import "./chunk-VRX5ZYC6.js";
+} from "./chunk-3WMZVDPS.js";
+import "./chunk-PVVWLDIS.js";
+import "./chunk-UAO52LUL.js";
 import "./chunk-OMNMMKI7.js";
 export {
   CircularDots

package/dist/classic-v2.js

@@ -1,7 +1,8 @@
 import {
   ClassicV2
-} from "./chunk-T5EUYN7R.js";
-import "./chunk-VRX5ZYC6.js";
+} from "./chunk-R5ZDKN3Z.js";
+import "./chunk-PVVWLDIS.js";
+import "./chunk-UAO52LUL.js";
 import "./chunk-OMNMMKI7.js";
 export {
   ClassicV2

package/dist/classic.js

@@ -1,7 +1,8 @@
 import {
   Classic
-} from "./chunk-IZ4TRHOC.js";
-import "./chunk-VRX5ZYC6.js";
+} from "./chunk-IJJULNRU.js";
+import "./chunk-PVVWLDIS.js";
+import "./chunk-UAO52LUL.js";
 import "./chunk-OMNMMKI7.js";
 export {
   Classic

package/dist/clock.js

@@ -1,8 +1,8 @@
 import {
   Clock
-} from "./chunk-IQ2WQZFY.js";
-import "./chunk-7C6Q6WUN.js";
-import "./chunk-VRX5ZYC6.js";
+} from "./chunk-2TYML5J2.js";
+import "./chunk-A2PZBHTA.js";
+import "./chunk-UAO52LUL.js";
 import "./chunk-OMNMMKI7.js";
 export {
   Clock

package/dist/comet.js

@@ -1,8 +1,8 @@
 import {
   Comet
-} from "./chunk-5A6DX4J6.js";
-import "./chunk-7C6Q6WUN.js";
-import "./chunk-VRX5ZYC6.js";
+} from "./chunk-UXTZTFNZ.js";
+import "./chunk-A2PZBHTA.js";
+import "./chunk-UAO52LUL.js";
 import "./chunk-OMNMMKI7.js";
 export {
   Comet

package/dist/compass.js

@@ -1,7 +1,7 @@
 import {
   Compass
-} from "./chunk-T7OV7MUW.js";
-import "./chunk-VRX5ZYC6.js";
+} from "./chunk-JQNF5GYA.js";
+import "./chunk-UAO52LUL.js";
 import "./chunk-OMNMMKI7.js";
 export {
   Compass

package/dist/dual.js

@@ -1,9 +1,9 @@
 import {
   Dual
-} from "./chunk-NHN4FV63.js";
-import "./chunk-7C6Q6WUN.js";
+} from "./chunk-5UAEBEER.js";
+import "./chunk-A2PZBHTA.js";
 import "./chunk-JNR4T6LZ.js";
-import "./chunk-VRX5ZYC6.js";
+import "./chunk-UAO52LUL.js";
 import "./chunk-OMNMMKI7.js";
 export {
   Dual

package/dist/easing.js

@@ -2,7 +2,7 @@ import {
   DEFAULT_EASING,
   rotationCss,
   spinClass
-} from "./chunk-7C6Q6WUN.js";
+} from "./chunk-A2PZBHTA.js";
 import "./chunk-OMNMMKI7.js";
 export {
   DEFAULT_EASING,

package/dist/eclipse.js

@@ -1,7 +1,7 @@
 import {
   Eclipse
-} from "./chunk-AHW6IXXT.js";
-import "./chunk-VRX5ZYC6.js";
+} from "./chunk-2LMGBBRJ.js";
+import "./chunk-UAO52LUL.js";
 import "./chunk-OMNMMKI7.js";
 export {
   Eclipse

package/dist/fade.d.ts

@@ -0,0 +1,8 @@
+import { SpinnerName } from './motion.js';
+
+declare function fadeCss(name: SpinnerName, element: string, count: number, { dim, rest }: {
+    dim: number;
+    rest: number;
+}): string;
+
+export { fadeCss };

package/dist/fade.js

@@ -0,0 +1,7 @@
+import {
+  fadeCss
+} from "./chunk-PVVWLDIS.js";
+import "./chunk-OMNMMKI7.js";
+export {
+  fadeCss
+};

package/dist/flip.js

@@ -1,7 +1,7 @@
 import {
   Flip
-} from "./chunk-5R75HMWP.js";
-import "./chunk-VRX5ZYC6.js";
+} from "./chunk-YIB63EKJ.js";
+import "./chunk-UAO52LUL.js";
 import "./chunk-OMNMMKI7.js";
 export {
   Flip

package/dist/frame.d.ts

@@ -7,9 +7,7 @@ declare function SpinnerStyle({ children, name, }: {
     children: string;
     name: SpinnerName;
 }): react.JSX.Element;
-declare function cssVars(vars: CSSProperties & {
-    [variable: `--ld-${string}`]: number | string;
-}): CSSProperties;
+declare function cssVars(vars: CSSProperties & Record<`--ld-${string}`, number | string>): CSSProperties;
 declare function step(index: number): CSSProperties;
 declare function spinnerRoot(name: SpinnerName, { className, color, duration, playState, size }: SpinnerProps): {
     "aria-hidden": boolean;

package/dist/frame.js

@@ -3,7 +3,7 @@ import {
   cssVars,
   spinnerRoot,
   step
-} from "./chunk-VRX5ZYC6.js";
+} from "./chunk-UAO52LUL.js";
 import "./chunk-OMNMMKI7.js";
 export {
   SpinnerStyle,

package/dist/gather.js

@@ -1,7 +1,7 @@
 import {
   Gather
-} from "./chunk-TFHDE6YZ.js";
-import "./chunk-VRX5ZYC6.js";
+} from "./chunk-JKLL7YYG.js";
+import "./chunk-UAO52LUL.js";
 import "./chunk-OMNMMKI7.js";
 export {
   Gather

package/dist/index.js

@@ -1,103 +1,104 @@
 import {
   SPINNERS
-} from "./chunk-5DS5PSRD.js";
+} from "./chunk-HL7TIIDB.js";
 import {
   Swirl
-} from "./chunk-BMJ3AGRK.js";
+} from "./chunk-SUUR5WMA.js";
 import {
   Trace
-} from "./chunk-HDBQBCTN.js";
+} from "./chunk-KAZ5BTXC.js";
 import {
   DEFAULT_WAVE_ORIGIN,
   Wave
-} from "./chunk-VBI53UGV.js";
+} from "./chunk-DKYEZLIN.js";
 import {
   Orbit
-} from "./chunk-Y7QGIWTL.js";
+} from "./chunk-LDXBT62V.js";
 import {
   Pulse
-} from "./chunk-FKUMWHUL.js";
+} from "./chunk-PM6DU637.js";
 import {
   Radar
-} from "./chunk-5LSP7MQQ.js";
+} from "./chunk-2OX27TAE.js";
 import {
   Ring
-} from "./chunk-ZLJYYX76.js";
+} from "./chunk-L2DUMHO4.js";
 import {
   DEFAULT_RIPPLE_DIRECTION,
   Ripple
-} from "./chunk-IWVH2GKE.js";
+} from "./chunk-FQ2U2M7F.js";
 import {
   Slide
-} from "./chunk-IRMB7CHZ.js";
+} from "./chunk-BCIAMPLU.js";
 import {
   Snake
-} from "./chunk-RTKHVDCD.js";
+} from "./chunk-UOXB5QOZ.js";
+import {
+  Flip
+} from "./chunk-YIB63EKJ.js";
 import {
   Gather
-} from "./chunk-TFHDE6YZ.js";
+} from "./chunk-JKLL7YYG.js";
 import {
   Leap
-} from "./chunk-LIPOYJAI.js";
+} from "./chunk-4O4ADYWE.js";
 import {
   LinearDots
-} from "./chunk-K5XVX5GB.js";
+} from "./chunk-FWH6VWVK.js";
 import {
   Loading
-} from "./chunk-MVL7SVAH.js";
+} from "./chunk-RAHAQ7XK.js";
 import {
   Morph
-} from "./chunk-AY4VLQBZ.js";
+} from "./chunk-P4BSSDSY.js";
 import {
   Classic
-} from "./chunk-IZ4TRHOC.js";
+} from "./chunk-IJJULNRU.js";
 import {
   Clock
-} from "./chunk-IQ2WQZFY.js";
+} from "./chunk-2TYML5J2.js";
 import {
   Comet
-} from "./chunk-5A6DX4J6.js";
+} from "./chunk-UXTZTFNZ.js";
 import {
   Compass
-} from "./chunk-T7OV7MUW.js";
+} from "./chunk-JQNF5GYA.js";
 import {
   Dual
-} from "./chunk-NHN4FV63.js";
+} from "./chunk-5UAEBEER.js";
 import {
   Eclipse
-} from "./chunk-AHW6IXXT.js";
-import {
-  Flip
-} from "./chunk-5R75HMWP.js";
+} from "./chunk-2LMGBBRJ.js";
 import {
   Arc
-} from "./chunk-X7BJQCYL.js";
+} from "./chunk-MAKBZTL3.js";
 import {
   Atom
-} from "./chunk-5DLURQGF.js";
+} from "./chunk-BAVSTTWG.js";
 import {
   DEFAULT_EASING
-} from "./chunk-7C6Q6WUN.js";
+} from "./chunk-A2PZBHTA.js";
 import {
   Blocks,
   DEFAULT_BLOCKS_SWEEP
-} from "./chunk-PBB2PRPT.js";
+} from "./chunk-VZX7APSS.js";
 import {
   BouncingDots
-} from "./chunk-UWSCBISJ.js";
+} from "./chunk-ULWRXY3A.js";
 import {
   Cascade
-} from "./chunk-I5CFO2M5.js";
+} from "./chunk-KOYM24WV.js";
 import {
   DEFAULT_CAP
 } from "./chunk-JNR4T6LZ.js";
 import {
   CircularDots
-} from "./chunk-A43AJR54.js";
+} from "./chunk-3WMZVDPS.js";
 import {
   ClassicV2
-} from "./chunk-T5EUYN7R.js";
-import "./chunk-VRX5ZYC6.js";
+} from "./chunk-R5ZDKN3Z.js";
+import "./chunk-PVVWLDIS.js";
+import "./chunk-UAO52LUL.js";
 import {
   DURATION_VAR,
   PLAY_STATE_VAR,

package/dist/leap.js

@@ -1,7 +1,7 @@
 import {
   Leap
-} from "./chunk-LIPOYJAI.js";
-import "./chunk-VRX5ZYC6.js";
+} from "./chunk-4O4ADYWE.js";
+import "./chunk-UAO52LUL.js";
 import "./chunk-OMNMMKI7.js";
 export {
   Leap

package/dist/linear-dots.js

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

package/dist/loading.js

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

package/dist/morph.js

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

package/dist/orbit.js

@@ -1,8 +1,8 @@
 import {
   Orbit
-} from "./chunk-Y7QGIWTL.js";
-import "./chunk-7C6Q6WUN.js";
-import "./chunk-VRX5ZYC6.js";
+} from "./chunk-LDXBT62V.js";
+import "./chunk-A2PZBHTA.js";
+import "./chunk-UAO52LUL.js";
 import "./chunk-OMNMMKI7.js";
 export {
   Orbit