premium-react-loaders 3.1.1 → 4.0.0

package/README.md

@@ -1,6 +1,6 @@
 # Premium React Loaders
 
-A comprehensive collection of **50+ premium, production-ready loading components** for React applications. Built with TypeScript and custom CSS for maximum flexibility and zero configuration.
+A comprehensive collection of **58+ premium, production-ready loading components** for React applications. Built with TypeScript and custom CSS for maximum flexibility and zero configuration.
 
 [![npm version](https://img.shields.io/npm/v/premium-react-loaders.svg)](https://www.npmjs.com/package/premium-react-loaders)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
@@ -11,12 +11,16 @@ A comprehensive collection of **50+ premium, production-ready loading components
 
 📚 **[Storybook Documentation](https://docs.premium-react-loaders.ishansasika.dev/)** - Detailed component documentation and examples
 
-See all 50+ components in action with interactive examples and customization options.
+See all 58+ components in action with interactive examples and customization options.
 
 ## Features
 
-- **50+ Premium Components** across 15 categories (Skeleton, Spinner, Progress, Pulse, Overlay, Button, Status, Transition, Shimmer, Orbit, Bounce, Infinity, Text, 3D, Smart)
+- **58+ Premium Components** across 19 categories (Skeleton, Spinner, Progress, Pulse, Overlay, Button, Status, Transition, Shimmer, Orbit, Bounce, Infinity, Text, 3D, Smart, Morph, Gradient, Particle, Accessibility)
 - **6 Powerful Hooks** - useLoader, useEnhancedLoader, useLoadingOrchestrator, useLoadingAnalytics, useSmartLoader, useTheme ✨ *New in v3.1.0*
+- **Morph Loaders** - Fluid organic blob, liquid fill, and wave circle animations ✨ *New in v4.0.0*
+- **Gradient Loaders** - Animated conic gradient spinners and flowing gradient bars ✨ *New in v4.0.0*
+- **Particle Loaders** - CSS particle burst and orbital animations ✨ *New in v4.0.0*
+- **onComplete Callback** - Fire callbacks when progress reaches 100% ✨ *New in v4.0.0*
 - **3D Loaders** - Immersive 3D animations with CSS transforms ✨ *New in v3.1.0*
 - **Smart Components** - Context-aware skeletons and form field loaders ✨ *New in v3.1.0*
 - **Accessibility First** - LiveRegion component and announcement system ✨ *New in v3.1.0*
@@ -248,6 +252,29 @@ Screen reader support and ARIA announcements:
 
 - **LiveRegion** - ARIA live region for screen reader announcements with configurable politeness levels
 
+### Morph Components (3 components) ✨ *New in v4.0.0*
+
+Fluid, organic animation components based on CSS morphing:
+
+- **MorphBlob** - Organic blob shape that continuously morphs between randomized border-radius states
+- **LiquidFill** - Circular container that fills with an animated liquid level (determinate and indeterminate modes)
+- **WaveCircle** - Concentric circular ripples emanating outward from the center like a sonar pulse
+
+### Gradient Components (3 components) ✨ *New in v4.0.0*
+
+Visually striking spinners and progress indicators using animated CSS gradients:
+
+- **GradientSpinner** - Circular spinner filled with a sweeping conic gradient that rotates continuously
+- **GradientRing** - Ring with a moving gradient that travels around its circumference
+- **GradientBar** - Horizontal progress bar with a flowing gradient shimmer animation
+
+### Particle Components (2 components) ✨ *New in v4.0.0*
+
+Particle-based loaders using CSS-positioned elements for dynamic visual effects:
+
+- **ParticleBurst** - Particles that periodically burst outward from a central point and fade as they travel
+- **ParticleOrbit** - Multiple particles floating in circular orbits around a central dot with staggered delays
+
 ## Hooks
 
 ### Loading State Management

package/dist/components/gradient/GradientBar.d.ts

@@ -0,0 +1,13 @@
+import { GradientBarProps } from '../../types';
+/**
+ * GradientBar - Progress bar with flowing animated gradient
+ *
+ * @example
+ * ```tsx
+ * <GradientBar value={75} />
+ * <GradientBar /> // indeterminate
+ * <GradientBar value={100} onComplete={() => console.log('done')} />
+ * ```
+ */
+export declare const GradientBar: import('react').ForwardRefExoticComponent<GradientBarProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=GradientBar.d.ts.map

package/dist/components/gradient/GradientBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientBar.d.ts","sourceRoot":"","sources":["../../../src/components/gradient/GradientBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG/C;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,6GAiGvB,CAAC"}

package/dist/components/gradient/GradientRing.d.ts

@@ -0,0 +1,12 @@
+import { GradientRingProps } from '../../types';
+/**
+ * GradientRing - Ring with a flowing multi-color gradient that travels around it
+ *
+ * @example
+ * ```tsx
+ * <GradientRing />
+ * <GradientRing colors={['#f59e0b', '#ef4444', '#8b5cf6']} thickness={8} />
+ * ```
+ */
+export declare const GradientRing: import('react').ForwardRefExoticComponent<GradientRingProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=GradientRing.d.ts.map

package/dist/components/gradient/GradientRing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientRing.d.ts","sourceRoot":"","sources":["../../../src/components/gradient/GradientRing.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGhD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,8GAyDxB,CAAC"}

package/dist/components/gradient/GradientSpinner.d.ts

@@ -0,0 +1,12 @@
+import { GradientSpinnerProps } from '../../types';
+/**
+ * GradientSpinner - Circular spinner with an animated conic gradient sweep
+ *
+ * @example
+ * ```tsx
+ * <GradientSpinner />
+ * <GradientSpinner size={64} color="#f59e0b" secondaryColor="#ef4444" />
+ * ```
+ */
+export declare const GradientSpinner: import('react').ForwardRefExoticComponent<GradientSpinnerProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=GradientSpinner.d.ts.map

package/dist/components/gradient/GradientSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/gradient/GradientSpinner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGnD;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,iHAyD3B,CAAC"}

package/dist/components/gradient/index.d.ts

@@ -0,0 +1,4 @@
+export { GradientSpinner } from './GradientSpinner';
+export { GradientRing } from './GradientRing';
+export { GradientBar } from './GradientBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/gradient/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/gradient/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/index.d.ts

@@ -14,4 +14,7 @@ export * from './text';
 export * from './3d';
 export * from './smart';
 export * from './accessibility';
+export * from './morph';
+export * from './gradient';
+export * from './particle';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAC;AAG3B,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,cAAc,CAAC;AAG7B,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,MAAM,CAAC;AAGrB,cAAc,SAAS,CAAC;AAGxB,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAC;AAG3B,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,cAAc,CAAC;AAG7B,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,MAAM,CAAC;AAGrB,cAAc,SAAS,CAAC;AAGxB,cAAc,iBAAiB,CAAC;AAGhC,cAAc,SAAS,CAAC;AAGxB,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC"}

package/dist/components/morph/LiquidFill.d.ts

@@ -0,0 +1,13 @@
+import { LiquidFillProps } from '../../types';
+/**
+ * LiquidFill - Container that fills with animated liquid
+ *
+ * @example
+ * ```tsx
+ * <LiquidFill value={60} />
+ * <LiquidFill value={100} onComplete={() => console.log('done')} />
+ * <LiquidFill /> // indeterminate
+ * ```
+ */
+export declare const LiquidFill: import('react').ForwardRefExoticComponent<LiquidFillProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=LiquidFill.d.ts.map

package/dist/components/morph/LiquidFill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiquidFill.d.ts","sourceRoot":"","sources":["../../../src/components/morph/LiquidFill.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,4GAuGtB,CAAC"}

package/dist/components/morph/MorphBlob.d.ts

@@ -0,0 +1,12 @@
+import { MorphBlobProps } from '../../types';
+/**
+ * MorphBlob - Organic blob that continuously morphs shape
+ *
+ * @example
+ * ```tsx
+ * <MorphBlob color="#3b82f6" />
+ * <MorphBlob size={100} speed="slow" />
+ * ```
+ */
+export declare const MorphBlob: import('react').ForwardRefExoticComponent<MorphBlobProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=MorphBlob.d.ts.map

package/dist/components/morph/MorphBlob.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MorphBlob.d.ts","sourceRoot":"","sources":["../../../src/components/morph/MorphBlob.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,2GAgDrB,CAAC"}

package/dist/components/morph/WaveCircle.d.ts

@@ -0,0 +1,12 @@
+import { WaveCircleProps } from '../../types';
+/**
+ * WaveCircle - Concentric ripples expanding outward like a sonar pulse
+ *
+ * @example
+ * ```tsx
+ * <WaveCircle color="#3b82f6" />
+ * <WaveCircle size={100} ringCount={4} />
+ * ```
+ */
+export declare const WaveCircle: import('react').ForwardRefExoticComponent<WaveCircleProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=WaveCircle.d.ts.map

package/dist/components/morph/WaveCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaveCircle.d.ts","sourceRoot":"","sources":["../../../src/components/morph/WaveCircle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,4GA8DtB,CAAC"}

package/dist/components/morph/index.d.ts

@@ -0,0 +1,4 @@
+export { MorphBlob } from './MorphBlob';
+export { LiquidFill } from './LiquidFill';
+export { WaveCircle } from './WaveCircle';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/morph/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/morph/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/particle/ParticleBurst.d.ts

@@ -0,0 +1,12 @@
+import { ParticleBurstProps } from '../../types';
+/**
+ * ParticleBurst - Particles that burst outward from center and loop
+ *
+ * @example
+ * ```tsx
+ * <ParticleBurst color="#3b82f6" />
+ * <ParticleBurst count={12} size={80} particleSize={8} />
+ * ```
+ */
+export declare const ParticleBurst: import('react').ForwardRefExoticComponent<ParticleBurstProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ParticleBurst.d.ts.map

package/dist/components/particle/ParticleBurst.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticleBurst.d.ts","sourceRoot":"","sources":["../../../src/components/particle/ParticleBurst.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGjD;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,+GAuEzB,CAAC"}

package/dist/components/particle/ParticleOrbit.d.ts

@@ -0,0 +1,12 @@
+import { ParticleOrbitProps } from '../../types';
+/**
+ * ParticleOrbit - Particles orbiting a central point with staggered animation offsets
+ *
+ * @example
+ * ```tsx
+ * <ParticleOrbit color="#3b82f6" />
+ * <ParticleOrbit count={6} size={80} centerColor="#ef4444" />
+ * ```
+ */
+export declare const ParticleOrbit: import('react').ForwardRefExoticComponent<ParticleOrbitProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ParticleOrbit.d.ts.map

package/dist/components/particle/ParticleOrbit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticleOrbit.d.ts","sourceRoot":"","sources":["../../../src/components/particle/ParticleOrbit.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGjD;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,+GAqFzB,CAAC"}

package/dist/components/particle/index.d.ts

@@ -0,0 +1,3 @@
+export { ParticleBurst } from './ParticleBurst';
+export { ParticleOrbit } from './ParticleOrbit';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/particle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/particle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/progress/ProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/progress/ProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG/C;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,WAAW,6GAwHvB,CAAC"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/progress/ProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG/C;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,WAAW,6GA4IvB,CAAC"}

package/dist/components/progress/ProgressCircle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../../src/components/progress/ProgressCircle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGlD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,gHAiI1B,CAAC"}
+{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../../src/components/progress/ProgressCircle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGlD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,gHAqJ1B,CAAC"}

package/dist/components/progress/ProgressRing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressRing.d.ts","sourceRoot":"","sources":["../../../src/components/progress/ProgressRing.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGhD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,8GA8IxB,CAAC"}
+{"version":3,"file":"ProgressRing.d.ts","sourceRoot":"","sources":["../../../src/components/progress/ProgressRing.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGhD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,8GAkKxB,CAAC"}

package/dist/index.cjs

@@ -54,7 +54,15 @@ const Helix = require("./index52.cjs");
 const PerspectiveRing = require("./index53.cjs");
 const FormFieldLoader = require("./index54.cjs");
 const LiveRegion = require("./index55.cjs");
-const version = "3.1.1";
+const MorphBlob = require("./index56.cjs");
+const LiquidFill = require("./index57.cjs");
+const WaveCircle = require("./index58.cjs");
+const GradientSpinner = require("./index59.cjs");
+const GradientRing = require("./index60.cjs");
+const GradientBar = require("./index61.cjs");
+const ParticleBurst = require("./index62.cjs");
+const ParticleOrbit = require("./index63.cjs");
+const version = "4.0.0";
 exports.cn = classNames.cn;
 exports.getAnimationDuration = colors.getAnimationDuration;
 exports.normalizeSize = colors.normalizeSize;
@@ -110,4 +118,12 @@ exports.Helix = Helix.Helix;
 exports.PerspectiveRing = PerspectiveRing.PerspectiveRing;
 exports.FormFieldLoader = FormFieldLoader.FormFieldLoader;
 exports.LiveRegion = LiveRegion.LiveRegion;
+exports.MorphBlob = MorphBlob.MorphBlob;
+exports.LiquidFill = LiquidFill.LiquidFill;
+exports.WaveCircle = WaveCircle.WaveCircle;
+exports.GradientSpinner = GradientSpinner.GradientSpinner;
+exports.GradientRing = GradientRing.GradientRing;
+exports.GradientBar = GradientBar.GradientBar;
+exports.ParticleBurst = ParticleBurst.ParticleBurst;
+exports.ParticleOrbit = ParticleOrbit.ParticleOrbit;
 exports.version = version;

package/dist/index.d.ts

@@ -6,5 +6,5 @@ export { useLoader } from './hooks';
 export type { UseLoaderOptions, UseLoaderReturn } from './hooks';
 export { cn } from './utils/classNames';
 export { getAnimationDuration, normalizeSize } from './utils/colors';
-export declare const version = "3.1.1";
+export declare const version = "4.0.0";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -52,7 +52,15 @@ import { Helix } from "./index52.js";
 import { PerspectiveRing } from "./index53.js";
 import { FormFieldLoader } from "./index54.js";
 import { LiveRegion } from "./index55.js";
-const version = "3.1.1";
+import { MorphBlob } from "./index56.js";
+import { LiquidFill } from "./index57.js";
+import { WaveCircle } from "./index58.js";
+import { GradientSpinner } from "./index59.js";
+import { GradientRing } from "./index60.js";
+import { GradientBar } from "./index61.js";
+import { ParticleBurst } from "./index62.js";
+import { ParticleOrbit } from "./index63.js";
+const version = "4.0.0";
 export {
   AtomLoader,
   BouncingBalls,
@@ -63,15 +71,22 @@ export {
   ErrorIndicator,
   FlipCard,
   FormFieldLoader,
+  GradientBar,
+  GradientRing,
+  GradientSpinner,
   Helix,
   InfinityLoader,
+  LiquidFill,
   LiveRegion,
   LoaderOverlay,
   LoaderTransition,
   LoadingText,
   MobiusLoader,
+  MorphBlob,
   OrbitDots,
   OrbitRings,
+  ParticleBurst,
+  ParticleOrbit,
   PerspectiveRing,
   PlaneRotate,
   ProgressBar,
@@ -104,6 +119,7 @@ export {
   SuccessCheckmark,
   ThemeProvider,
   TypingIndicator,
+  WaveCircle,
   cn,
   getAnimationDuration,
   normalizeSize,

package/dist/index10.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("./index56.cjs");
+const hooks = require("./index64.cjs");
 const SkeletonImage = react.forwardRef(
   ({
     width = "100%",

package/dist/index10.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Skeleton } from "./index7.js";
-import { useLoaderVisibility } from "./index56.js";
+import { useLoaderVisibility } from "./index64.js";
 const SkeletonImage = forwardRef(
   ({
     width = "100%",

package/dist/index11.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const Skeleton = require("./index7.cjs");
 const SkeletonAvatar = require("./index9.cjs");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const SkeletonCard = react.forwardRef(
   ({

package/dist/index11.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Skeleton } from "./index7.js";
 import { SkeletonAvatar } from "./index9.js";
-import { useLoaderVisibility } from "./index56.js";
+import { useLoaderVisibility } from "./index64.js";
 import { cn } from "./index3.js";
 const SkeletonCard = forwardRef(
   ({

package/dist/index12.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("./index56.cjs");
+const hooks = require("./index64.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const SkeletonList = react.forwardRef(

package/dist/index12.js

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

package/dist/index13.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("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const SkeletonTable = react.forwardRef(
   ({

package/dist/index13.js

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

package/dist/index14.cjs

@@ -5,7 +5,7 @@ const react = require("react");
 const Skeleton = require("./index7.cjs");
 const SkeletonText = require("./index8.cjs");
 const SkeletonAvatar = require("./index9.cjs");
-const hooks = require("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const SkeletonPage = react.forwardRef(
   ({

package/dist/index14.js

@@ -3,7 +3,7 @@ import { forwardRef } from "react";
 import { Skeleton } from "./index7.js";
 import { SkeletonText } from "./index8.js";
 import { SkeletonAvatar } from "./index9.js";
-import { useLoaderVisibility } from "./index56.js";
+import { useLoaderVisibility } from "./index64.js";
 import { cn } from "./index3.js";
 const SkeletonPage = forwardRef(
   ({

package/dist/index15.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("./index56.cjs");
+const hooks = require("./index64.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const SkeletonForm = react.forwardRef(

package/dist/index15.js

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

package/dist/index17.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("./index56.cjs");
+const hooks = require("./index64.cjs");
 const classNames = require("./index3.cjs");
 const DataTableSkeleton = react.forwardRef(
   ({

package/dist/index17.js

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

package/dist/index18.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 SpinnerCircle = react.forwardRef(

package/dist/index18.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";
 import { normalizeSize } from "./index4.js";
 const SpinnerCircle = forwardRef(

package/dist/index19.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 SpinnerRing = react.forwardRef(

package/dist/index19.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";
 import { normalizeSize } from "./index4.js";
 const SpinnerRing = forwardRef(

package/dist/index20.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 SpinnerDots = react.forwardRef(
   ({

package/dist/index20.js

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

package/dist/index21.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 SpinnerBars = react.forwardRef(

package/dist/index21.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 SpinnerBars = forwardRef(

package/dist/index22.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 SpinnerGrid = react.forwardRef(

package/dist/index22.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";
 import { normalizeSize, parseSizeToNumber } from "./index4.js";
 const SpinnerGrid = forwardRef(

package/dist/index23.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 SpinnerWave = react.forwardRef(

package/dist/index23.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";
 import { normalizeSize } from "./index4.js";
 const SpinnerWave = forwardRef(

package/dist/index24.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 SpinnerPulse = react.forwardRef(