premium-react-loaders 4.0.0 → 4.1.0

package/dist/index71.js

@@ -0,0 +1,125 @@
+import { useState, useRef, useEffect } from "react";
+function useReducedMotion() {
+  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
+  useEffect(() => {
+    if (typeof window === "undefined" || !window.matchMedia) {
+      return;
+    }
+    const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setPrefersReducedMotion(mediaQuery.matches);
+    const handleChange = (event) => {
+      setPrefersReducedMotion(event.matches);
+    };
+    if (mediaQuery.addEventListener) {
+      mediaQuery.addEventListener("change", handleChange);
+      return () => mediaQuery.removeEventListener("change", handleChange);
+    } else {
+      mediaQuery.addListener(handleChange);
+      return () => mediaQuery.removeListener(handleChange);
+    }
+  }, []);
+  return prefersReducedMotion;
+}
+function getEffectiveDuration(speed, respectMotionPreference, prefersReducedMotion) {
+  if (respectMotionPreference && prefersReducedMotion) {
+    return "0.01ms";
+  }
+  if (typeof speed === "number") {
+    const validSpeed = !isNaN(speed) && speed > 0 ? Math.max(50, Math.min(1e4, speed)) : 1e3;
+    return `${validSpeed}ms`;
+  }
+  const speedMap = {
+    slow: "2s",
+    normal: "1s",
+    fast: "0.5s"
+  };
+  return speedMap[speed] || speedMap.normal;
+}
+function useLoaderVisibility(visible = true, delay = 0, minDuration = 0, transition) {
+  const transitionDuration = transition === true ? 150 : typeof transition === "number" ? transition : 0;
+  const hasTransition = transitionDuration > 0;
+  const [shouldRender, setShouldRender] = useState(visible && delay === 0);
+  const [isTransitioning, setIsTransitioning] = useState(visible && delay === 0 && hasTransition);
+  const showTimeRef = useRef(visible && delay === 0 ? Date.now() : null);
+  const delayTimerRef = useRef(null);
+  const minDurationTimerRef = useRef(null);
+  const transitionTimerRef = useRef(null);
+  useEffect(() => {
+    if (delayTimerRef.current) {
+      clearTimeout(delayTimerRef.current);
+      delayTimerRef.current = null;
+    }
+    if (minDurationTimerRef.current) {
+      clearTimeout(minDurationTimerRef.current);
+      minDurationTimerRef.current = null;
+    }
+    if (transitionTimerRef.current) {
+      clearTimeout(transitionTimerRef.current);
+      transitionTimerRef.current = null;
+    }
+    if (visible) {
+      if (delay > 0) {
+        delayTimerRef.current = setTimeout(() => {
+          setShouldRender(true);
+          showTimeRef.current = Date.now();
+          if (hasTransition) {
+            setIsTransitioning(true);
+          }
+        }, delay);
+      } else {
+        setShouldRender(true);
+        showTimeRef.current = Date.now();
+        if (hasTransition) {
+          setIsTransitioning(true);
+        }
+      }
+    } else {
+      const hideLoader = () => {
+        if (hasTransition) {
+          setIsTransitioning(false);
+          transitionTimerRef.current = setTimeout(() => {
+            setShouldRender(false);
+            showTimeRef.current = null;
+          }, transitionDuration);
+        } else {
+          setShouldRender(false);
+          showTimeRef.current = null;
+        }
+      };
+      if (showTimeRef.current !== null && minDuration > 0) {
+        const elapsedTime = Date.now() - showTimeRef.current;
+        const remainingTime = minDuration - elapsedTime;
+        if (remainingTime > 0) {
+          minDurationTimerRef.current = setTimeout(hideLoader, remainingTime);
+        } else {
+          hideLoader();
+        }
+      } else {
+        hideLoader();
+      }
+    }
+    return () => {
+      if (delayTimerRef.current) {
+        clearTimeout(delayTimerRef.current);
+      }
+      if (minDurationTimerRef.current) {
+        clearTimeout(minDurationTimerRef.current);
+      }
+      if (transitionTimerRef.current) {
+        clearTimeout(transitionTimerRef.current);
+      }
+    };
+  }, [visible, delay, minDuration, hasTransition, transitionDuration]);
+  const opacity = hasTransition ? isTransitioning ? 1 : 0 : 1;
+  const transitionStyle = hasTransition ? `opacity ${transitionDuration}ms ease-in-out` : "none";
+  return {
+    shouldRender,
+    opacity,
+    transitionStyle
+  };
+}
+export {
+  getEffectiveDuration,
+  useLoaderVisibility,
+  useReducedMotion
+};

package/dist/index8.cjs

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

package/dist/index8.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Skeleton } from "./index7.js";
-import { useLoaderVisibility } from "./index64.js";
+import { useLoaderVisibility } from "./index71.js";
 import { normalizeSize } from "./index4.js";
 import { cn } from "./index3.js";
 const SkeletonText = forwardRef(

package/dist/index9.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const Skeleton = require("./index7.cjs");
-const hooks = require("./index64.cjs");
+const hooks = require("./index71.cjs");
 const colors = require("./index4.cjs");
 const SkeletonAvatar = react.forwardRef(
   ({

package/dist/index9.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Skeleton } from "./index7.js";
-import { useLoaderVisibility } from "./index64.js";
+import { useLoaderVisibility } from "./index71.js";
 import { normalizeSize } from "./index4.js";
 const SkeletonAvatar = forwardRef(
   ({

package/dist/premium-react-loaders.css

@@ -976,6 +976,91 @@
   from { transform: rotate(var(--start-angle)) translateX(var(--orbit-radius)) rotate(calc(-1 * var(--start-angle))); }
   to   { transform: rotate(calc(var(--start-angle) + 360deg)) translateX(var(--orbit-radius)) rotate(calc(-1 * (var(--start-angle) + 360deg))); }
 }
+/* ============================================================ */
+/* NEON ANIMATIONS (v4.1.0)                                     */
+/* ============================================================ */
+@keyframes neon-pulse-ring {
+  0%, 100% {
+    transform: scale(1);
+    opacity: 1;
+    box-shadow: 0 0 var(--neon-glow-spread, 8px) var(--neon-glow-spread, 8px) var(--neon-color, #3b82f6);
+  }
+  50% {
+    transform: scale(1.15);
+    opacity: 0.5;
+    box-shadow: 0 0 calc(var(--neon-glow-spread, 8px) * 2) calc(var(--neon-glow-spread, 8px) * 2) var(--neon-color, #3b82f6);
+  }
+}
+@keyframes neon-spinner-rotate {
+  from { transform: rotate(0deg); }
+  to   { transform: rotate(360deg); }
+}
+@keyframes neon-text-glow {
+  0%, 100% { opacity: 1; text-shadow: 0 0 8px var(--neon-color, #22d3ee), 0 0 16px var(--neon-color, #22d3ee); }
+  50%       { opacity: 0.6; text-shadow: 0 0 2px var(--neon-color, #22d3ee); }
+}
+.animate-neon-pulse {
+  animation: neon-pulse-ring var(--animation-duration-normal, 1.5s) ease-in-out infinite;
+}
+.animate-neon-spinner {
+  animation: neon-spinner-rotate var(--animation-duration-normal, 1s) linear infinite;
+}
+.animate-neon-text-glow {
+  animation: neon-text-glow var(--animation-duration-normal, 1.5s) ease-in-out infinite;
+}
+/* ============================================================ */
+/* STATUS ANIMATIONS (v4.1.0)                                   */
+/* ============================================================ */
+@keyframes warning-scale {
+  0%   { transform: scale(0); }
+  50%  { transform: scale(1.1); }
+  100% { transform: scale(1); }
+}
+@keyframes warning-shake {
+  0%, 100% { transform: translateX(0) scale(1); }
+  10%, 30%, 50%, 70%, 90% { transform: translateX(-4px) scale(1); }
+  20%, 40%, 60%, 80%      { transform: translateX(4px) scale(1); }
+}
+@keyframes info-scale {
+  0%   { transform: scale(0); }
+  50%  { transform: scale(1.1); }
+  100% { transform: scale(1); }
+}
+@keyframes info-pulse-glow {
+  0%, 100% { box-shadow: 0 0 0 0 var(--info-color, #3b82f6); }
+  50%       { box-shadow: 0 0 0 6px color(from var(--info-color, #3b82f6) srgb r g b / 0); }
+}
+.animate-warning-scale {
+  animation: warning-scale var(--animation-duration-normal, 500ms) ease-out forwards;
+}
+.animate-warning-shake {
+  animation: warning-shake var(--animation-duration-normal, 500ms) ease-out forwards;
+}
+.animate-info-scale {
+  animation: info-scale var(--animation-duration-normal, 500ms) ease-out forwards;
+}
+.animate-info-pulse-glow {
+  animation: info-pulse-glow 1.5s ease-in-out infinite;
+}
+/* ============================================================ */
+/* PARTICLE ANIMATIONS (v4.1.0)                                 */
+/* ============================================================ */
+@keyframes particle-trail-orbit {
+  from { transform: rotate(var(--start-angle)) translateX(var(--orbit-radius)) rotate(calc(-1 * var(--start-angle))); }
+  to   { transform: rotate(calc(var(--start-angle) + 360deg)) translateX(var(--orbit-radius)) rotate(calc(-1 * (var(--start-angle) + 360deg))); }
+}
+@keyframes particle-field-float {
+  0%   { transform: translate(var(--tx-start, 0px), 0px); opacity: 0; }
+  10%  { opacity: var(--particle-opacity, 0.7); }
+  90%  { opacity: var(--particle-opacity, 0.7); }
+  100% { transform: translate(var(--tx-end, 0px), calc(var(--field-height, 120px) * -1)); opacity: 0; }
+}
+.animate-particle-trail {
+  animation: particle-trail-orbit var(--animation-duration-normal, 1.5s) linear infinite;
+}
+.animate-particle-field-float {
+  animation: particle-field-float var(--animation-duration-normal, 3s) ease-in-out infinite;
+}
 /* CSS Variables for theming */
 :root {
   /* Colors */

package/dist/types/index.d.ts

@@ -18,5 +18,6 @@ export * from './accessibility';
 export * from './morph';
 export * from './gradient';
 export * from './particle';
+export * from './neon';
 export * from './hooks';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC;AAGzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC;AAGzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,SAAS,CAAC"}

package/dist/types/neon.d.ts

@@ -0,0 +1,26 @@
+import { BaseLoaderProps } from './common';
+export interface NeonPulseProps extends BaseLoaderProps {
+    /** Ring diameter in px (default: 60) */
+    size?: number;
+    /** Neon glow color (default: '#3b82f6') */
+    color?: string;
+    /** Controls box-shadow spread (default: 'medium') */
+    glowIntensity?: 'low' | 'medium' | 'high';
+}
+export interface NeonSpinnerProps extends BaseLoaderProps {
+    /** Spinner diameter in px (default: 60) */
+    size?: number;
+    /** Neon arc color (default: '#a855f7') */
+    color?: string;
+    /** Arc stroke width in px (default: 4) */
+    thickness?: number;
+}
+export interface NeonTextProps extends BaseLoaderProps {
+    /** Display text (default: 'LOADING') */
+    text?: string;
+    /** Neon glow color (default: '#22d3ee') */
+    color?: string;
+    /** Font size in px (default: 18) */
+    fontSize?: number;
+}
+//# sourceMappingURL=neon.d.ts.map

package/dist/types/neon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"neon.d.ts","sourceRoot":"","sources":["../../src/types/neon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC3C;AAED,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/types/particle.d.ts

@@ -19,4 +19,22 @@ export interface ParticleOrbitProps extends BaseLoaderProps {
     /** Central dot color */
     centerColor?: string;
 }
+export interface ParticleTrailProps extends BaseLoaderProps {
+    /** Orbit diameter in px (default: 60) */
+    size?: number;
+    /** Number of trailing particles (3–10, default: 6) */
+    count?: number;
+    /** Particle color (default: '#3b82f6') */
+    color?: string;
+}
+export interface ParticleFieldProps extends BaseLoaderProps {
+    /** Field width in px (default: 120) */
+    width?: number;
+    /** Field height in px (default: 120) */
+    height?: number;
+    /** Number of particles (5–30, default: 12) */
+    count?: number;
+    /** Particle color (default: '#3b82f6') */
+    color?: string;
+}
 //# sourceMappingURL=particle.d.ts.map

package/dist/types/particle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"particle.d.ts","sourceRoot":"","sources":["../../src/types/particle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"particle.d.ts","sourceRoot":"","sources":["../../src/types/particle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/types/status.d.ts

@@ -31,4 +31,34 @@ export interface ErrorIndicatorProps extends Omit<BaseLoaderProps, 'speed' | 're
     /** Whether to shake/bounce on appearance */
     shake?: boolean;
 }
+/**
+ * WarningIndicator component props
+ */
+export interface WarningIndicatorProps extends Omit<BaseLoaderProps, 'speed' | 'reverse' | 'respectMotionPreference'> {
+    /** Icon size in px (default: 48) */
+    size?: number;
+    /** Triangle color (default: '#f59e0b') */
+    color?: string;
+    /** Run draw-in animation on mount (default: true) */
+    animate?: boolean;
+    /** Shake on appearance (default: false) */
+    shake?: boolean;
+    /** Animation duration in ms (default: 500) */
+    duration?: number;
+}
+/**
+ * InfoIndicator component props
+ */
+export interface InfoIndicatorProps extends Omit<BaseLoaderProps, 'speed' | 'reverse' | 'respectMotionPreference'> {
+    /** Icon size in px (default: 48) */
+    size?: number;
+    /** Icon color (default: '#3b82f6') */
+    color?: string;
+    /** Run draw-in animation on mount (default: true) */
+    animate?: boolean;
+    /** Ongoing pulse glow (default: false) */
+    pulse?: boolean;
+    /** Animation duration in ms (default: 500) */
+    duration?: number;
+}
 //# sourceMappingURL=status.d.ts.map

package/dist/types/status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../src/types/status.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,SAAS,GAAG,yBAAyB,CAAC;IACnH,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,SAAS,GAAG,yBAAyB,CAAC;IACjH,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../src/types/status.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,SAAS,GAAG,yBAAyB,CAAC;IACnH,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,SAAS,GAAG,yBAAyB,CAAC;IACjH,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,SAAS,GAAG,yBAAyB,CAAC;IACnH,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,SAAS,GAAG,yBAAyB,CAAC;IAChH,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "premium-react-loaders",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "Premium, production-ready loading components for React with TypeScript",
   "author": "Ishan Karunaratne",
   "license": "MIT",