premium-react-loaders 4.0.0 → 4.1.1

package/README.md

@@ -1,6 +1,6 @@
 # Premium React Loaders
 
-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.
+A comprehensive collection of **65+ 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,15 @@ A comprehensive collection of **58+ premium, production-ready loading components
 
 📚 **[Storybook Documentation](https://docs.premium-react-loaders.ishansasika.dev/)** - Detailed component documentation and examples
 
-See all 58+ components in action with interactive examples and customization options.
+See all 65+ components in action with interactive examples and customization options.
 
 ## Features
 
-- **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)
+- **65+ Premium Components** across 20 categories (Skeleton, Spinner, Progress, Pulse, Overlay, Button, Status, Transition, Shimmer, Orbit, Bounce, Infinity, Text, 3D, Smart, Morph, Gradient, Particle, Neon, Accessibility)
 - **6 Powerful Hooks** - useLoader, useEnhancedLoader, useLoadingOrchestrator, useLoadingAnalytics, useSmartLoader, useTheme ✨ *New in v3.1.0*
+- **Neon Loaders** - Glowing neon-style pulse, spinner, and text for dark UIs ✨ *New in v4.1.0*
+- **Extended Status Set** - WarningIndicator and InfoIndicator complete the status family ✨ *New in v4.1.0*
+- **Particle Enhancements** - ParticleTrail and ParticleField ambient effects ✨ *New in v4.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*
@@ -179,12 +182,14 @@ Specialized loaders for button loading states:
 
 - **ButtonSpinner** - Compact spinner optimized for buttons with multiple variants (circle, dots, bars) and positioning options
 
-### Status Components (2 components) ✨ *New in v2.2.0*
+### Status Components (4 components) ✨ *New in v2.2.0 / Extended in v4.1.0*
 
-Animated indicators for success and error states:
+Animated indicators for operation outcomes:
 
 - **SuccessCheckmark** - Animated checkmark with optional circle background
 - **ErrorIndicator** - Animated X mark with optional shake effect and circle background
+- **WarningIndicator** - Animated warning triangle with `!` mark; optional `shake` effect ✨ *New in v4.1.0*
+- **InfoIndicator** - Animated info badge with `i` mark; optional `pulse` glow ✨ *New in v4.1.0*
 
 ### Transition Components (1 component) ✨ *New in v2.3.0*
 
@@ -268,12 +273,22 @@ Visually striking spinners and progress indicators using animated CSS gradients:
 - **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 Components (4 components) ✨ *New in v4.0.0 / Extended in v4.1.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
+- **ParticleTrail** - Particles trailing along a circular orbit with opacity and size fade; configurable `count` (3–10) ✨ *New in v4.1.0*
+- **ParticleField** - Ambient field of floating, drifting particles rising through a bounded area; configurable `width`, `height`, `count` (5–30) ✨ *New in v4.1.0*
+
+### Neon Components (3 components) ✨ *New in v4.1.0*
+
+Glowing neon-style loaders using CSS box-shadow and text-shadow for dark UIs and gaming themes:
+
+- **NeonPulse** - Pulsing glowing ring with configurable `glowIntensity` (`low` / `medium` / `high`)
+- **NeonSpinner** - Spinning arc with a neon glow trail; customizable `thickness` and `color`
+- **NeonText** - Loading text label that pulses with a neon glow; configurable `text`, `color`, `fontSize`
 
 ## Hooks
 

package/dist/components/index.d.ts

@@ -17,4 +17,5 @@ export * from './accessibility';
 export * from './morph';
 export * from './gradient';
 export * from './particle';
+export * from './neon';
 //# 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;AAGhC,cAAc,SAAS,CAAC;AAGxB,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,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;AAG3B,cAAc,QAAQ,CAAC"}

package/dist/components/neon/NeonPulse.d.ts

@@ -0,0 +1,12 @@
+import { NeonPulseProps } from '../../types';
+/**
+ * NeonPulse - A glowing pulsing ring with neon effect
+ *
+ * @example
+ * ```tsx
+ * <NeonPulse color="#3b82f6" />
+ * <NeonPulse size={80} glowIntensity="high" speed="fast" />
+ * ```
+ */
+export declare const NeonPulse: import('react').ForwardRefExoticComponent<NeonPulseProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=NeonPulse.d.ts.map

package/dist/components/neon/NeonPulse.d.ts.map

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

package/dist/components/neon/NeonSpinner.d.ts

@@ -0,0 +1,12 @@
+import { NeonSpinnerProps } from '../../types';
+/**
+ * NeonSpinner - A rotating spinner with neon glow effect
+ *
+ * @example
+ * ```tsx
+ * <NeonSpinner color="#a855f7" />
+ * <NeonSpinner size={80} thickness={6} speed="fast" />
+ * ```
+ */
+export declare const NeonSpinner: import('react').ForwardRefExoticComponent<NeonSpinnerProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=NeonSpinner.d.ts.map

package/dist/components/neon/NeonSpinner.d.ts.map

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

package/dist/components/neon/NeonText.d.ts

@@ -0,0 +1,12 @@
+import { NeonTextProps } from '../../types';
+/**
+ * NeonText - Glowing neon text with animation
+ *
+ * @example
+ * ```tsx
+ * <NeonText text="LOADING" color="#22d3ee" />
+ * <NeonText text="READY" color="#ec4899" fontSize={24} speed="fast" />
+ * ```
+ */
+export declare const NeonText: import('react').ForwardRefExoticComponent<NeonTextProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=NeonText.d.ts.map

package/dist/components/neon/NeonText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonText.d.ts","sourceRoot":"","sources":["../../../src/components/neon/NeonText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,0GAmDpB,CAAC"}

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

@@ -0,0 +1,4 @@
+export { NeonPulse } from './NeonPulse';
+export { NeonSpinner } from './NeonSpinner';
+export { NeonText } from './NeonText';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/neon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,3 @@
+import { ParticleFieldProps } from '../../types';
+export declare const ParticleField: import('react').ForwardRefExoticComponent<ParticleFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ParticleField.d.ts.map

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

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

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

@@ -0,0 +1,12 @@
+import { ParticleTrailProps } from '../../types';
+/**
+ * ParticleTrail - Particles in trailing circular orbit with decreasing opacity and size
+ *
+ * @example
+ * ```tsx
+ * <ParticleTrail color="#3b82f6" />
+ * <ParticleTrail count={8} size={80} />
+ * ```
+ */
+export declare const ParticleTrail: import('react').ForwardRefExoticComponent<ParticleTrailProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ParticleTrail.d.ts.map

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

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

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

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

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

@@ -1 +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"}
+{"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;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/status/InfoIndicator.d.ts

@@ -0,0 +1,29 @@
+import { InfoIndicatorProps } from '../../types';
+/**
+ * InfoIndicator - Animated info indicator with circle and information mark
+ *
+ * Displays an animated info icon with a circle and "i" mark, perfect for showing
+ * information, hints, or notice states.
+ *
+ * @example
+ * ```tsx
+ * // Simple info indicator
+ * <InfoIndicator visible={hasInfo} />
+ *
+ * // With pulse glow effect
+ * <InfoIndicator
+ *   visible={hasInfo}
+ *   pulse
+ * />
+ *
+ * // Custom size, color and duration
+ * <InfoIndicator
+ *   visible={hasInfo}
+ *   size={64}
+ *   color="#3b82f6"
+ *   duration={600}
+ * />
+ * ```
+ */
+export declare const InfoIndicator: import('react').ForwardRefExoticComponent<InfoIndicatorProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=InfoIndicator.d.ts.map

package/dist/components/status/InfoIndicator.d.ts.map

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

package/dist/components/status/WarningIndicator.d.ts

@@ -0,0 +1,29 @@
+import { WarningIndicatorProps } from '../../types';
+/**
+ * WarningIndicator - Animated warning indicator with triangle and exclamation mark
+ *
+ * Displays an animated warning triangle with an exclamation mark, perfect for showing
+ * warnings, alerts, or caution states.
+ *
+ * @example
+ * ```tsx
+ * // Simple warning indicator
+ * <WarningIndicator visible={hasWarning} />
+ *
+ * // With shake animation
+ * <WarningIndicator
+ *   visible={hasWarning}
+ *   shake
+ * />
+ *
+ * // Custom size, color and duration
+ * <WarningIndicator
+ *   visible={hasWarning}
+ *   size={64}
+ *   color="#f97316"
+ *   duration={600}
+ * />
+ * ```
+ */
+export declare const WarningIndicator: import('react').ForwardRefExoticComponent<WarningIndicatorProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=WarningIndicator.d.ts.map

package/dist/components/status/WarningIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/status/WarningIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGpD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,gBAAgB,kHAiE5B,CAAC"}

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

@@ -1,3 +1,5 @@
 export { SuccessCheckmark } from './SuccessCheckmark';
 export { ErrorIndicator } from './ErrorIndicator';
+export { WarningIndicator } from './WarningIndicator';
+export { InfoIndicator } from './InfoIndicator';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/status/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/status/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/index.cjs

@@ -35,33 +35,40 @@ const LoaderOverlay = require("./index33.cjs");
 const ButtonSpinner = require("./index34.cjs");
 const SuccessCheckmark = require("./index35.cjs");
 const ErrorIndicator = require("./index36.cjs");
-const LoaderTransition = require("./index37.cjs");
-const ShimmerBox = require("./index38.cjs");
-const ShimmerText = require("./index39.cjs");
-const ShimmerButton = require("./index40.cjs");
-const OrbitDots = require("./index41.cjs");
-const OrbitRings = require("./index42.cjs");
-const AtomLoader = require("./index43.cjs");
-const BouncingDots = require("./index44.cjs");
-const BouncingBalls = require("./index45.cjs");
-const InfinityLoader = require("./index46.cjs");
-const MobiusLoader = require("./index47.cjs");
-const LoadingText = require("./index48.cjs");
-const CubeSpinner = require("./index49.cjs");
-const FlipCard = require("./index50.cjs");
-const PlaneRotate = require("./index51.cjs");
-const Helix = require("./index52.cjs");
-const PerspectiveRing = require("./index53.cjs");
-const FormFieldLoader = require("./index54.cjs");
-const LiveRegion = require("./index55.cjs");
-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 WarningIndicator = require("./index37.cjs");
+const InfoIndicator = require("./index38.cjs");
+const LoaderTransition = require("./index39.cjs");
+const ShimmerBox = require("./index40.cjs");
+const ShimmerText = require("./index41.cjs");
+const ShimmerButton = require("./index42.cjs");
+const OrbitDots = require("./index43.cjs");
+const OrbitRings = require("./index44.cjs");
+const AtomLoader = require("./index45.cjs");
+const BouncingDots = require("./index46.cjs");
+const BouncingBalls = require("./index47.cjs");
+const InfinityLoader = require("./index48.cjs");
+const MobiusLoader = require("./index49.cjs");
+const LoadingText = require("./index50.cjs");
+const CubeSpinner = require("./index51.cjs");
+const FlipCard = require("./index52.cjs");
+const PlaneRotate = require("./index53.cjs");
+const Helix = require("./index54.cjs");
+const PerspectiveRing = require("./index55.cjs");
+const FormFieldLoader = require("./index56.cjs");
+const LiveRegion = require("./index57.cjs");
+const MorphBlob = require("./index58.cjs");
+const LiquidFill = require("./index59.cjs");
+const WaveCircle = require("./index60.cjs");
+const GradientSpinner = require("./index61.cjs");
+const GradientRing = require("./index62.cjs");
+const GradientBar = require("./index63.cjs");
+const ParticleBurst = require("./index64.cjs");
+const ParticleOrbit = require("./index65.cjs");
+const ParticleTrail = require("./index66.cjs");
+const ParticleField = require("./index67.cjs");
+const NeonPulse = require("./index68.cjs");
+const NeonSpinner = require("./index69.cjs");
+const NeonText = require("./index70.cjs");
 const version = "4.0.0";
 exports.cn = classNames.cn;
 exports.getAnimationDuration = colors.getAnimationDuration;
@@ -99,6 +106,8 @@ exports.LoaderOverlay = LoaderOverlay.LoaderOverlay;
 exports.ButtonSpinner = ButtonSpinner.ButtonSpinner;
 exports.SuccessCheckmark = SuccessCheckmark.SuccessCheckmark;
 exports.ErrorIndicator = ErrorIndicator.ErrorIndicator;
+exports.WarningIndicator = WarningIndicator.WarningIndicator;
+exports.InfoIndicator = InfoIndicator.InfoIndicator;
 exports.LoaderTransition = LoaderTransition.LoaderTransition;
 exports.ShimmerBox = ShimmerBox.ShimmerBox;
 exports.ShimmerText = ShimmerText.ShimmerText;
@@ -126,4 +135,9 @@ exports.GradientRing = GradientRing.GradientRing;
 exports.GradientBar = GradientBar.GradientBar;
 exports.ParticleBurst = ParticleBurst.ParticleBurst;
 exports.ParticleOrbit = ParticleOrbit.ParticleOrbit;
+exports.ParticleTrail = ParticleTrail.ParticleTrail;
+exports.ParticleField = ParticleField.ParticleField;
+exports.NeonPulse = NeonPulse.NeonPulse;
+exports.NeonSpinner = NeonSpinner.NeonSpinner;
+exports.NeonText = NeonText.NeonText;
 exports.version = version;

package/dist/index.js

@@ -33,33 +33,40 @@ import { LoaderOverlay } from "./index33.js";
 import { ButtonSpinner } from "./index34.js";
 import { SuccessCheckmark } from "./index35.js";
 import { ErrorIndicator } from "./index36.js";
-import { LoaderTransition } from "./index37.js";
-import { ShimmerBox } from "./index38.js";
-import { ShimmerText } from "./index39.js";
-import { ShimmerButton } from "./index40.js";
-import { OrbitDots } from "./index41.js";
-import { OrbitRings } from "./index42.js";
-import { AtomLoader } from "./index43.js";
-import { BouncingDots } from "./index44.js";
-import { BouncingBalls } from "./index45.js";
-import { InfinityLoader } from "./index46.js";
-import { MobiusLoader } from "./index47.js";
-import { LoadingText } from "./index48.js";
-import { CubeSpinner } from "./index49.js";
-import { FlipCard } from "./index50.js";
-import { PlaneRotate } from "./index51.js";
-import { Helix } from "./index52.js";
-import { PerspectiveRing } from "./index53.js";
-import { FormFieldLoader } from "./index54.js";
-import { LiveRegion } from "./index55.js";
-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";
+import { WarningIndicator } from "./index37.js";
+import { InfoIndicator } from "./index38.js";
+import { LoaderTransition } from "./index39.js";
+import { ShimmerBox } from "./index40.js";
+import { ShimmerText } from "./index41.js";
+import { ShimmerButton } from "./index42.js";
+import { OrbitDots } from "./index43.js";
+import { OrbitRings } from "./index44.js";
+import { AtomLoader } from "./index45.js";
+import { BouncingDots } from "./index46.js";
+import { BouncingBalls } from "./index47.js";
+import { InfinityLoader } from "./index48.js";
+import { MobiusLoader } from "./index49.js";
+import { LoadingText } from "./index50.js";
+import { CubeSpinner } from "./index51.js";
+import { FlipCard } from "./index52.js";
+import { PlaneRotate } from "./index53.js";
+import { Helix } from "./index54.js";
+import { PerspectiveRing } from "./index55.js";
+import { FormFieldLoader } from "./index56.js";
+import { LiveRegion } from "./index57.js";
+import { MorphBlob } from "./index58.js";
+import { LiquidFill } from "./index59.js";
+import { WaveCircle } from "./index60.js";
+import { GradientSpinner } from "./index61.js";
+import { GradientRing } from "./index62.js";
+import { GradientBar } from "./index63.js";
+import { ParticleBurst } from "./index64.js";
+import { ParticleOrbit } from "./index65.js";
+import { ParticleTrail } from "./index66.js";
+import { ParticleField } from "./index67.js";
+import { NeonPulse } from "./index68.js";
+import { NeonSpinner } from "./index69.js";
+import { NeonText } from "./index70.js";
 const version = "4.0.0";
 export {
   AtomLoader,
@@ -76,6 +83,7 @@ export {
   GradientSpinner,
   Helix,
   InfinityLoader,
+  InfoIndicator,
   LiquidFill,
   LiveRegion,
   LoaderOverlay,
@@ -83,10 +91,15 @@ export {
   LoadingText,
   MobiusLoader,
   MorphBlob,
+  NeonPulse,
+  NeonSpinner,
+  NeonText,
   OrbitDots,
   OrbitRings,
   ParticleBurst,
+  ParticleField,
   ParticleOrbit,
+  ParticleTrail,
   PerspectiveRing,
   PlaneRotate,
   ProgressBar,
@@ -119,6 +132,7 @@ export {
   SuccessCheckmark,
   ThemeProvider,
   TypingIndicator,
+  WarningIndicator,
   WaveCircle,
   cn,
   getAnimationDuration,

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("./index64.cjs");
+const hooks = require("./index71.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 "./index64.js";
+import { useLoaderVisibility } from "./index71.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("./index64.cjs");
+const hooks = require("./index71.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 "./index64.js";
+import { useLoaderVisibility } from "./index71.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("./index64.cjs");
+const hooks = require("./index71.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 "./index64.js";
+import { useLoaderVisibility } from "./index71.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("./index64.cjs");
+const hooks = require("./index71.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 "./index64.js";
+import { useLoaderVisibility } from "./index71.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("./index64.cjs");
+const hooks = require("./index71.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 "./index64.js";
+import { useLoaderVisibility } from "./index71.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("./index64.cjs");
+const hooks = require("./index71.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 "./index64.js";
+import { useLoaderVisibility } from "./index71.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("./index64.cjs");
+const hooks = require("./index71.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 "./index64.js";
+import { useLoaderVisibility } from "./index71.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("./index64.cjs");
+const hooks = require("./index71.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 "./index64.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index71.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("./index64.cjs");
+const hooks = require("./index71.cjs");
 const classNames = require("./index3.cjs");
 const colors = require("./index4.cjs");
 const SpinnerRing = react.forwardRef(