premium-react-loaders 3.1.0 → 4.0.0

package/dist/index24.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { cn } from "./index3.js";
 import { normalizeSize } from "./index4.js";
 const SpinnerPulse = forwardRef(

package/dist/index25.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const colors = require("./index4.cjs");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const ProgressBar = react.forwardRef(
   ({
@@ -15,6 +15,7 @@ const ProgressBar = react.forwardRef(
     secondaryColor = "#e0e0e0",
     gradient = false,
     buffer,
+    onComplete,
     speed = "normal",
     reverse = false,
     respectMotionPreference = true,
@@ -37,8 +38,22 @@ const ProgressBar = react.forwardRef(
       minDuration,
       transition
     );
-    if (!shouldRender) return null;
+    const onCompleteRef = react.useRef(onComplete);
+    onCompleteRef.current = onComplete;
+    const hasCompletedRef = react.useRef(false);
     const clampedValue = Math.min(100, Math.max(0, value));
+    react.useEffect(() => {
+      if (clampedValue < 100) {
+        hasCompletedRef.current = false;
+      }
+    }, [clampedValue]);
+    react.useEffect(() => {
+      if (!indeterminate && clampedValue === 100 && !hasCompletedRef.current && onCompleteRef.current) {
+        hasCompletedRef.current = true;
+        onCompleteRef.current();
+      }
+    }, [clampedValue, indeterminate]);
+    if (!shouldRender) return null;
     const clampedBuffer = buffer !== void 0 ? Math.min(100, Math.max(0, buffer)) : void 0;
     const progressLabel = ariaLabel || `Loading ${clampedValue}%`;
     return /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/index25.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
+import { forwardRef, useMemo, useRef, useEffect } from "react";
 import { normalizeSize, getContrastColor } from "./index4.js";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { cn } from "./index3.js";
 const ProgressBar = forwardRef(
   ({
@@ -13,6 +13,7 @@ const ProgressBar = forwardRef(
     secondaryColor = "#e0e0e0",
     gradient = false,
     buffer,
+    onComplete,
     speed = "normal",
     reverse = false,
     respectMotionPreference = true,
@@ -35,8 +36,22 @@ const ProgressBar = forwardRef(
       minDuration,
       transition
     );
-    if (!shouldRender) return null;
+    const onCompleteRef = useRef(onComplete);
+    onCompleteRef.current = onComplete;
+    const hasCompletedRef = useRef(false);
     const clampedValue = Math.min(100, Math.max(0, value));
+    useEffect(() => {
+      if (clampedValue < 100) {
+        hasCompletedRef.current = false;
+      }
+    }, [clampedValue]);
+    useEffect(() => {
+      if (!indeterminate && clampedValue === 100 && !hasCompletedRef.current && onCompleteRef.current) {
+        hasCompletedRef.current = true;
+        onCompleteRef.current();
+      }
+    }, [clampedValue, indeterminate]);
+    if (!shouldRender) return null;
     const clampedBuffer = buffer !== void 0 ? Math.min(100, Math.max(0, buffer)) : void 0;
     const progressLabel = ariaLabel || `Loading ${clampedValue}%`;
     return /* @__PURE__ */ jsxs(

package/dist/index26.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const ProgressCircle = react.forwardRef(
@@ -15,6 +15,7 @@ const ProgressCircle = react.forwardRef(
     color = "#3b82f6",
     secondaryColor = "#e0e0e0",
     buffer,
+    onComplete,
     speed = "normal",
     reverse = false,
     respectMotionPreference = true,
@@ -36,8 +37,22 @@ const ProgressCircle = react.forwardRef(
       minDuration,
       transition
     );
-    if (!shouldRender) return null;
+    const onCompleteRef = react.useRef(onComplete);
+    onCompleteRef.current = onComplete;
+    const hasCompletedRef = react.useRef(false);
     const clampedValue = Math.min(100, Math.max(0, value));
+    react.useEffect(() => {
+      if (clampedValue < 100) {
+        hasCompletedRef.current = false;
+      }
+    }, [clampedValue]);
+    react.useEffect(() => {
+      if (!indeterminate && clampedValue === 100 && !hasCompletedRef.current && onCompleteRef.current) {
+        hasCompletedRef.current = true;
+        onCompleteRef.current();
+      }
+    }, [clampedValue, indeterminate]);
+    if (!shouldRender) return null;
     const clampedBuffer = buffer !== void 0 ? Math.min(100, Math.max(0, buffer)) : void 0;
     const sizeValue = colors.parseSizeToNumber(size, 56);
     const thicknessValue = colors.parseSizeToNumber(thickness, 4);

package/dist/index26.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { forwardRef, useRef, useEffect } from "react";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { normalizeSize, parseSizeToNumber } from "./index4.js";
 import { cn } from "./index3.js";
 const ProgressCircle = forwardRef(
@@ -13,6 +13,7 @@ const ProgressCircle = forwardRef(
     color = "#3b82f6",
     secondaryColor = "#e0e0e0",
     buffer,
+    onComplete,
     speed = "normal",
     reverse = false,
     respectMotionPreference = true,
@@ -34,8 +35,22 @@ const ProgressCircle = forwardRef(
       minDuration,
       transition
     );
-    if (!shouldRender) return null;
+    const onCompleteRef = useRef(onComplete);
+    onCompleteRef.current = onComplete;
+    const hasCompletedRef = useRef(false);
     const clampedValue = Math.min(100, Math.max(0, value));
+    useEffect(() => {
+      if (clampedValue < 100) {
+        hasCompletedRef.current = false;
+      }
+    }, [clampedValue]);
+    useEffect(() => {
+      if (!indeterminate && clampedValue === 100 && !hasCompletedRef.current && onCompleteRef.current) {
+        hasCompletedRef.current = true;
+        onCompleteRef.current();
+      }
+    }, [clampedValue, indeterminate]);
+    if (!shouldRender) return null;
     const clampedBuffer = buffer !== void 0 ? Math.min(100, Math.max(0, buffer)) : void 0;
     const sizeValue = parseSizeToNumber(size, 56);
     const thicknessValue = parseSizeToNumber(thickness, 4);

package/dist/index27.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const ProgressRing = react.forwardRef(
@@ -16,6 +16,7 @@ const ProgressRing = react.forwardRef(
     secondaryColor = "#e0e0e0",
     gradient = false,
     buffer,
+    onComplete,
     speed = "normal",
     reverse = false,
     respectMotionPreference = true,
@@ -38,8 +39,22 @@ const ProgressRing = react.forwardRef(
       minDuration,
       transition
     );
-    if (!shouldRender) return null;
+    const onCompleteRef = react.useRef(onComplete);
+    onCompleteRef.current = onComplete;
+    const hasCompletedRef = react.useRef(false);
     const clampedValue = Math.min(100, Math.max(0, value));
+    react.useEffect(() => {
+      if (clampedValue < 100) {
+        hasCompletedRef.current = false;
+      }
+    }, [clampedValue]);
+    react.useEffect(() => {
+      if (!indeterminate && clampedValue === 100 && !hasCompletedRef.current && onCompleteRef.current) {
+        hasCompletedRef.current = true;
+        onCompleteRef.current();
+      }
+    }, [clampedValue, indeterminate]);
+    if (!shouldRender) return null;
     const clampedBuffer = buffer !== void 0 ? Math.min(100, Math.max(0, buffer)) : void 0;
     const sizeValue = colors.parseSizeToNumber(size, 56);
     const thicknessValue = colors.parseSizeToNumber(thickness, 4);

package/dist/index27.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { forwardRef, useMemo, useRef, useEffect } from "react";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { normalizeSize, parseSizeToNumber } from "./index4.js";
 import { cn } from "./index3.js";
 const ProgressRing = forwardRef(
@@ -14,6 +14,7 @@ const ProgressRing = forwardRef(
     secondaryColor = "#e0e0e0",
     gradient = false,
     buffer,
+    onComplete,
     speed = "normal",
     reverse = false,
     respectMotionPreference = true,
@@ -36,8 +37,22 @@ const ProgressRing = forwardRef(
       minDuration,
       transition
     );
-    if (!shouldRender) return null;
+    const onCompleteRef = useRef(onComplete);
+    onCompleteRef.current = onComplete;
+    const hasCompletedRef = useRef(false);
     const clampedValue = Math.min(100, Math.max(0, value));
+    useEffect(() => {
+      if (clampedValue < 100) {
+        hasCompletedRef.current = false;
+      }
+    }, [clampedValue]);
+    useEffect(() => {
+      if (!indeterminate && clampedValue === 100 && !hasCompletedRef.current && onCompleteRef.current) {
+        hasCompletedRef.current = true;
+        onCompleteRef.current();
+      }
+    }, [clampedValue, indeterminate]);
+    if (!shouldRender) return null;
     const clampedBuffer = buffer !== void 0 ? Math.min(100, Math.max(0, buffer)) : void 0;
     const sizeValue = parseSizeToNumber(size, 56);
     const thicknessValue = parseSizeToNumber(thickness, 4);

package/dist/index28.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const ProgressSteps = react.forwardRef(
   ({

package/dist/index28.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, Fragment } from "react";
-import { useLoaderVisibility } from "./index56.js";
+import { useLoaderVisibility } from "./index64.js";
 import { cn } from "./index3.js";
 const ProgressSteps = forwardRef(
   ({

package/dist/index29.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const PulseDots = react.forwardRef(

package/dist/index29.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { normalizeSize } from "./index4.js";
 import { cn } from "./index3.js";
 const PulseDots = forwardRef(

package/dist/index30.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const PulseWave = react.forwardRef(

package/dist/index30.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { normalizeSize, parseSizeToNumber } from "./index4.js";
 import { cn } from "./index3.js";
 const PulseWave = forwardRef(

package/dist/index31.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const PulseBars = react.forwardRef(

package/dist/index31.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { normalizeSize, parseSizeToNumber } from "./index4.js";
 import { cn } from "./index3.js";
 const PulseBars = forwardRef(

package/dist/index32.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const TypingIndicator = react.forwardRef(

package/dist/index32.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { normalizeSize } from "./index4.js";
 import { cn } from "./index3.js";
 const TypingIndicator = forwardRef(

package/dist/index33.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const LoaderOverlay = react.forwardRef(
   ({

package/dist/index33.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useLoaderVisibility } from "./index56.js";
+import { useLoaderVisibility } from "./index64.js";
 import { cn } from "./index3.js";
 const LoaderOverlay = forwardRef(
   ({

package/dist/index34.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const colors = require("./index4.cjs");
 const ButtonSpinner = react.forwardRef(

package/dist/index34.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { cn } from "./index3.js";
 import { normalizeSize } from "./index4.js";
 const ButtonSpinner = forwardRef(

package/dist/index35.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const colors = require("./index4.cjs");
 const SuccessCheckmark = react.forwardRef(

package/dist/index35.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useLoaderVisibility } from "./index56.js";
+import { useLoaderVisibility } from "./index64.js";
 import { cn } from "./index3.js";
 import { normalizeSize } from "./index4.js";
 const SuccessCheckmark = forwardRef(

package/dist/index36.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const colors = require("./index4.cjs");
 const ErrorIndicator = react.forwardRef(

package/dist/index36.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useLoaderVisibility } from "./index56.js";
+import { useLoaderVisibility } from "./index64.js";
 import { cn } from "./index3.js";
 import { normalizeSize } from "./index4.js";
 const ErrorIndicator = forwardRef(

package/dist/index38.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const ShimmerBox = react.forwardRef(
   ({

package/dist/index38.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { cn } from "./index3.js";
 const ShimmerBox = forwardRef(
   ({

package/dist/index39.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const ShimmerText = react.forwardRef(
   ({

package/dist/index39.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { cn } from "./index3.js";
 const ShimmerText = forwardRef(
   ({

package/dist/index4.cjs

@@ -81,6 +81,15 @@ function getContrastColor(backgroundColor) {
   const luminance = getColorLuminance(backgroundColor);
   return luminance < 0.5 ? "#ffffff" : "#000000";
 }
+function parseDurationMs(duration) {
+  if (duration.endsWith("ms")) {
+    return parseFloat(duration);
+  }
+  if (duration.endsWith("s")) {
+    return parseFloat(duration) * 1e3;
+  }
+  return parseFloat(duration);
+}
 exports.getAnimationDuration = getAnimationDuration;
 exports.getColorLuminance = getColorLuminance;
 exports.getContrastColor = getContrastColor;
@@ -88,4 +97,5 @@ exports.hexToRgb = hexToRgb;
 exports.isHexColor = isHexColor;
 exports.isRgbColor = isRgbColor;
 exports.normalizeSize = normalizeSize;
+exports.parseDurationMs = parseDurationMs;
 exports.parseSizeToNumber = parseSizeToNumber;

package/dist/index4.js

@@ -79,6 +79,15 @@ function getContrastColor(backgroundColor) {
   const luminance = getColorLuminance(backgroundColor);
   return luminance < 0.5 ? "#ffffff" : "#000000";
 }
+function parseDurationMs(duration) {
+  if (duration.endsWith("ms")) {
+    return parseFloat(duration);
+  }
+  if (duration.endsWith("s")) {
+    return parseFloat(duration) * 1e3;
+  }
+  return parseFloat(duration);
+}
 export {
   getAnimationDuration,
   getColorLuminance,
@@ -87,5 +96,6 @@ export {
   isHexColor,
   isRgbColor,
   normalizeSize,
+  parseDurationMs,
   parseSizeToNumber
 };

package/dist/index40.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const ShimmerButton = react.forwardRef(
   ({

package/dist/index40.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { cn } from "./index3.js";
 const ShimmerButton = forwardRef(
   ({

package/dist/index41.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const OrbitDots = react.forwardRef(

package/dist/index41.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { normalizeSize } from "./index4.js";
 import { cn } from "./index3.js";
 const OrbitDots = forwardRef(

package/dist/index42.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const OrbitRings = react.forwardRef(

package/dist/index42.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { normalizeSize } from "./index4.js";
 import { cn } from "./index3.js";
 const OrbitRings = forwardRef(

package/dist/index43.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const AtomLoader = react.forwardRef(

package/dist/index43.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { normalizeSize } from "./index4.js";
 import { cn } from "./index3.js";
 const AtomLoader = forwardRef(

package/dist/index44.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const BouncingDots = react.forwardRef(
   ({

package/dist/index44.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { cn } from "./index3.js";
 const BouncingDots = forwardRef(
   ({

package/dist/index45.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const BouncingBalls = react.forwardRef(
   ({

package/dist/index45.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index56.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index64.js";
 import { cn } from "./index3.js";
 const BouncingBalls = forwardRef(
   ({

package/dist/index46.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const colors = require("./index4.cjs");
 const InfinityLoader = react.forwardRef(