modern-loaders 1.1.0 → 1.2.0

package/dist/index.d.ts

@@ -44,6 +44,36 @@ export declare const GROUPS: readonly [{
 }, {
     readonly name: "Dimensional";
     readonly description: "Depth, 3D rotation, and orbital motion.";
+}, {
+    readonly name: "Neon";
+    readonly description: "Light that hums, blooms, and flickers alight.";
+}, {
+    readonly name: "Liquid";
+    readonly description: "Fluid behaviour — filling, pouring, rippling, merging.";
+}, {
+    readonly name: "Glitch";
+    readonly description: "Digital damage: tearing, static, dropout, corruption.";
+}, {
+    readonly name: "Particles";
+    readonly description: "Fields of small things falling, bursting, drifting, swarming.";
+}, {
+    readonly name: "Futuristic";
+    readonly description: "Reticles, reactors, and hardware that does not exist yet.";
+}, {
+    readonly name: "Elastic";
+    readonly description: "Spring physics with genuine overshoot and recoil.";
+}, {
+    readonly name: "Minimal";
+    readonly description: "Quiet motion for dense UI, toolbars, and inline text.";
+}, {
+    readonly name: "Gradient";
+    readonly description: "Colour itself is the animation.";
+}, {
+    readonly name: "Kinetic";
+    readonly description: "Mechanisms — gears, cranks, belts, beams, and escapements.";
+}, {
+    readonly name: "Premium";
+    readonly description: "Product-grade motion for onboarding, uploads, and sync.";
 }];
 
 export declare function Loader({ variant, size, speed, colors, label, className, style, ...rest }: LoaderProps): JSX_2.Element;
@@ -591,6 +621,566 @@ export declare const VARIANTS: readonly [{
     readonly label: "Galaxy";
     readonly group: "Dimensional";
     readonly cells: 6;
+}, {
+    readonly id: "neon-ring";
+    readonly label: "Neon Ring";
+    readonly group: "Neon";
+    readonly cells: 0;
+}, {
+    readonly id: "neon-pulse";
+    readonly label: "Neon Pulse";
+    readonly group: "Neon";
+    readonly cells: 0;
+}, {
+    readonly id: "neon-tube";
+    readonly label: "Neon Tube";
+    readonly group: "Neon";
+    readonly cells: 0;
+}, {
+    readonly id: "neon-sign";
+    readonly label: "Neon Sign";
+    readonly group: "Neon";
+    readonly cells: 4;
+}, {
+    readonly id: "laser";
+    readonly label: "Laser";
+    readonly group: "Neon";
+    readonly cells: 0;
+}, {
+    readonly id: "light-trail";
+    readonly label: "Light Trail";
+    readonly group: "Neon";
+    readonly cells: 0;
+}, {
+    readonly id: "neon-arc";
+    readonly label: "Neon Arc";
+    readonly group: "Neon";
+    readonly cells: 0;
+}, {
+    readonly id: "plasma";
+    readonly label: "Plasma";
+    readonly group: "Neon";
+    readonly cells: 0;
+}, {
+    readonly id: "strobe";
+    readonly label: "Strobe";
+    readonly group: "Neon";
+    readonly cells: 3;
+}, {
+    readonly id: "glow-dots";
+    readonly label: "Glow Dots";
+    readonly group: "Neon";
+    readonly cells: 5;
+}, {
+    readonly id: "retro-grid";
+    readonly label: "Retro Grid";
+    readonly group: "Neon";
+    readonly cells: 0;
+}, {
+    readonly id: "firefly";
+    readonly label: "Firefly";
+    readonly group: "Neon";
+    readonly cells: 5;
+}, {
+    readonly id: "liquid-fill";
+    readonly label: "Liquid Fill";
+    readonly group: "Liquid";
+    readonly cells: 2;
+}, {
+    readonly id: "drip";
+    readonly label: "Drip";
+    readonly group: "Liquid";
+    readonly cells: 1;
+}, {
+    readonly id: "metaball";
+    readonly label: "Metaball";
+    readonly group: "Liquid";
+    readonly cells: 2;
+}, {
+    readonly id: "wave-tank";
+    readonly label: "Wave Tank";
+    readonly group: "Liquid";
+    readonly cells: 2;
+}, {
+    readonly id: "ripple-pool";
+    readonly label: "Ripple Pool";
+    readonly group: "Liquid";
+    readonly cells: 3;
+}, {
+    readonly id: "mercury";
+    readonly label: "Mercury";
+    readonly group: "Liquid";
+    readonly cells: 0;
+}, {
+    readonly id: "lava";
+    readonly label: "Lava";
+    readonly group: "Liquid";
+    readonly cells: 3;
+}, {
+    readonly id: "ink";
+    readonly label: "Ink";
+    readonly group: "Liquid";
+    readonly cells: 3;
+}, {
+    readonly id: "splash";
+    readonly label: "Splash";
+    readonly group: "Liquid";
+    readonly cells: 3;
+}, {
+    readonly id: "whirl";
+    readonly label: "Whirl";
+    readonly group: "Liquid";
+    readonly cells: 0;
+}, {
+    readonly id: "pour";
+    readonly label: "Pour";
+    readonly group: "Liquid";
+    readonly cells: 2;
+}, {
+    readonly id: "glitch-block";
+    readonly label: "Glitch Block";
+    readonly group: "Glitch";
+    readonly cells: 0;
+}, {
+    readonly id: "glitch-text";
+    readonly label: "Glitch Text";
+    readonly group: "Glitch";
+    readonly cells: 3;
+}, {
+    readonly id: "rgb-split";
+    readonly label: "RGB Split";
+    readonly group: "Glitch";
+    readonly cells: 3;
+}, {
+    readonly id: "scanlines";
+    readonly label: "Scanlines";
+    readonly group: "Glitch";
+    readonly cells: 0;
+}, {
+    readonly id: "static-noise";
+    readonly label: "Static";
+    readonly group: "Glitch";
+    readonly cells: 0;
+}, {
+    readonly id: "datamosh";
+    readonly label: "Datamosh";
+    readonly group: "Glitch";
+    readonly cells: 5;
+}, {
+    readonly id: "corrupt-bar";
+    readonly label: "Corrupt Bar";
+    readonly group: "Glitch";
+    readonly cells: 0;
+}, {
+    readonly id: "signal-loss";
+    readonly label: "Signal Loss";
+    readonly group: "Glitch";
+    readonly cells: 4;
+}, {
+    readonly id: "vhs";
+    readonly label: "VHS";
+    readonly group: "Glitch";
+    readonly cells: 0;
+}, {
+    readonly id: "pixel-drift";
+    readonly label: "Pixel Drift";
+    readonly group: "Glitch";
+    readonly cells: 9;
+}, {
+    readonly id: "terminal";
+    readonly label: "Terminal";
+    readonly group: "Glitch";
+    readonly cells: 2;
+}, {
+    readonly id: "confetti";
+    readonly label: "Confetti";
+    readonly group: "Particles";
+    readonly cells: 8;
+}, {
+    readonly id: "firework";
+    readonly label: "Firework";
+    readonly group: "Particles";
+    readonly cells: 8;
+}, {
+    readonly id: "snow";
+    readonly label: "Snow";
+    readonly group: "Particles";
+    readonly cells: 6;
+}, {
+    readonly id: "embers";
+    readonly label: "Embers";
+    readonly group: "Particles";
+    readonly cells: 5;
+}, {
+    readonly id: "starfield";
+    readonly label: "Starfield";
+    readonly group: "Particles";
+    readonly cells: 8;
+}, {
+    readonly id: "dust";
+    readonly label: "Dust";
+    readonly group: "Particles";
+    readonly cells: 7;
+}, {
+    readonly id: "burst";
+    readonly label: "Burst";
+    readonly group: "Particles";
+    readonly cells: 6;
+}, {
+    readonly id: "swarm";
+    readonly label: "Swarm";
+    readonly group: "Particles";
+    readonly cells: 7;
+}, {
+    readonly id: "rain";
+    readonly label: "Rain";
+    readonly group: "Particles";
+    readonly cells: 6;
+}, {
+    readonly id: "magnet";
+    readonly label: "Magnet";
+    readonly group: "Particles";
+    readonly cells: 7;
+}, {
+    readonly id: "nebula";
+    readonly label: "Nebula";
+    readonly group: "Particles";
+    readonly cells: 6;
+}, {
+    readonly id: "hud-ring";
+    readonly label: "HUD Ring";
+    readonly group: "Futuristic";
+    readonly cells: 2;
+}, {
+    readonly id: "reactor";
+    readonly label: "Reactor";
+    readonly group: "Futuristic";
+    readonly cells: 3;
+}, {
+    readonly id: "hologram";
+    readonly label: "Hologram";
+    readonly group: "Futuristic";
+    readonly cells: 3;
+}, {
+    readonly id: "warp";
+    readonly label: "Warp";
+    readonly group: "Futuristic";
+    readonly cells: 4;
+}, {
+    readonly id: "targeting";
+    readonly label: "Targeting";
+    readonly group: "Futuristic";
+    readonly cells: 4;
+}, {
+    readonly id: "circuit";
+    readonly label: "Circuit";
+    readonly group: "Futuristic";
+    readonly cells: 3;
+}, {
+    readonly id: "barcode";
+    readonly label: "Barcode";
+    readonly group: "Futuristic";
+    readonly cells: 0;
+}, {
+    readonly id: "quantum";
+    readonly label: "Quantum";
+    readonly group: "Futuristic";
+    readonly cells: 6;
+}, {
+    readonly id: "portal";
+    readonly label: "Portal";
+    readonly group: "Futuristic";
+    readonly cells: 0;
+}, {
+    readonly id: "shield";
+    readonly label: "Shield";
+    readonly group: "Futuristic";
+    readonly cells: 2;
+}, {
+    readonly id: "satellite";
+    readonly label: "Satellite";
+    readonly group: "Futuristic";
+    readonly cells: 3;
+}, {
+    readonly id: "teleport";
+    readonly label: "Teleport";
+    readonly group: "Futuristic";
+    readonly cells: 6;
+}, {
+    readonly id: "rubber-band";
+    readonly label: "Rubber Band";
+    readonly group: "Elastic";
+    readonly cells: 1;
+}, {
+    readonly id: "bungee";
+    readonly label: "Bungee";
+    readonly group: "Elastic";
+    readonly cells: 1;
+}, {
+    readonly id: "trampoline";
+    readonly label: "Trampoline";
+    readonly group: "Elastic";
+    readonly cells: 1;
+}, {
+    readonly id: "wobble";
+    readonly label: "Wobble";
+    readonly group: "Elastic";
+    readonly cells: 0;
+}, {
+    readonly id: "pogo";
+    readonly label: "Pogo";
+    readonly group: "Elastic";
+    readonly cells: 1;
+}, {
+    readonly id: "elastic-bar";
+    readonly label: "Elastic Bar";
+    readonly group: "Elastic";
+    readonly cells: 0;
+}, {
+    readonly id: "catapult";
+    readonly label: "Catapult";
+    readonly group: "Elastic";
+    readonly cells: 1;
+}, {
+    readonly id: "yo-yo";
+    readonly label: "Yo-yo";
+    readonly group: "Elastic";
+    readonly cells: 1;
+}, {
+    readonly id: "elastic-ring";
+    readonly label: "Elastic Ring";
+    readonly group: "Elastic";
+    readonly cells: 0;
+}, {
+    readonly id: "snap-dots";
+    readonly label: "Snap Dots";
+    readonly group: "Elastic";
+    readonly cells: 2;
+}, {
+    readonly id: "chain";
+    readonly label: "Chain";
+    readonly group: "Elastic";
+    readonly cells: 5;
+}, {
+    readonly id: "hairline";
+    readonly label: "Hairline";
+    readonly group: "Minimal";
+    readonly cells: 0;
+}, {
+    readonly id: "tick";
+    readonly label: "Tick";
+    readonly group: "Minimal";
+    readonly cells: 0;
+}, {
+    readonly id: "quarter";
+    readonly label: "Quarter";
+    readonly group: "Minimal";
+    readonly cells: 0;
+}, {
+    readonly id: "dot-fade";
+    readonly label: "Dot Fade";
+    readonly group: "Minimal";
+    readonly cells: 0;
+}, {
+    readonly id: "underline";
+    readonly label: "Underline";
+    readonly group: "Minimal";
+    readonly cells: 0;
+}, {
+    readonly id: "pill-swap";
+    readonly label: "Pill Swap";
+    readonly group: "Minimal";
+    readonly cells: 0;
+}, {
+    readonly id: "bracket";
+    readonly label: "Bracket";
+    readonly group: "Minimal";
+    readonly cells: 2;
+}, {
+    readonly id: "slash";
+    readonly label: "Slash";
+    readonly group: "Minimal";
+    readonly cells: 0;
+}, {
+    readonly id: "micro-dots";
+    readonly label: "Micro Dots";
+    readonly group: "Minimal";
+    readonly cells: 3;
+}, {
+    readonly id: "ring-thin";
+    readonly label: "Ring Thin";
+    readonly group: "Minimal";
+    readonly cells: 0;
+}, {
+    readonly id: "crosshair";
+    readonly label: "Crosshair";
+    readonly group: "Minimal";
+    readonly cells: 0;
+}, {
+    readonly id: "mesh";
+    readonly label: "Mesh";
+    readonly group: "Gradient";
+    readonly cells: 0;
+}, {
+    readonly id: "hue-ring";
+    readonly label: "Hue Ring";
+    readonly group: "Gradient";
+    readonly cells: 0;
+}, {
+    readonly id: "gradient-orb";
+    readonly label: "Gradient Orb";
+    readonly group: "Gradient";
+    readonly cells: 0;
+}, {
+    readonly id: "chroma";
+    readonly label: "Chroma";
+    readonly group: "Gradient";
+    readonly cells: 3;
+}, {
+    readonly id: "ombre";
+    readonly label: "Ombré";
+    readonly group: "Gradient";
+    readonly cells: 6;
+}, {
+    readonly id: "iridescent";
+    readonly label: "Iridescent";
+    readonly group: "Gradient";
+    readonly cells: 0;
+}, {
+    readonly id: "sunrise";
+    readonly label: "Sunrise";
+    readonly group: "Gradient";
+    readonly cells: 0;
+}, {
+    readonly id: "refract";
+    readonly label: "Refract";
+    readonly group: "Gradient";
+    readonly cells: 3;
+}, {
+    readonly id: "gradient-border";
+    readonly label: "Gradient Border";
+    readonly group: "Gradient";
+    readonly cells: 0;
+}, {
+    readonly id: "color-cycle";
+    readonly label: "Color Cycle";
+    readonly group: "Gradient";
+    readonly cells: 0;
+}, {
+    readonly id: "northern";
+    readonly label: "Northern";
+    readonly group: "Gradient";
+    readonly cells: 4;
+}, {
+    readonly id: "gears";
+    readonly label: "Gears";
+    readonly group: "Kinetic";
+    readonly cells: 2;
+}, {
+    readonly id: "metronome";
+    readonly label: "Metronome";
+    readonly group: "Kinetic";
+    readonly cells: 1;
+}, {
+    readonly id: "hourglass";
+    readonly label: "Hourglass";
+    readonly group: "Kinetic";
+    readonly cells: 3;
+}, {
+    readonly id: "piston";
+    readonly label: "Piston";
+    readonly group: "Kinetic";
+    readonly cells: 1;
+}, {
+    readonly id: "carousel";
+    readonly label: "Carousel";
+    readonly group: "Kinetic";
+    readonly cells: 5;
+}, {
+    readonly id: "clockwork";
+    readonly label: "Clockwork";
+    readonly group: "Kinetic";
+    readonly cells: 3;
+}, {
+    readonly id: "abacus";
+    readonly label: "Abacus";
+    readonly group: "Kinetic";
+    readonly cells: 3;
+}, {
+    readonly id: "conveyor";
+    readonly label: "Conveyor";
+    readonly group: "Kinetic";
+    readonly cells: 3;
+}, {
+    readonly id: "pie";
+    readonly label: "Pie";
+    readonly group: "Kinetic";
+    readonly cells: 0;
+}, {
+    readonly id: "seesaw";
+    readonly label: "Seesaw";
+    readonly group: "Kinetic";
+    readonly cells: 1;
+}, {
+    readonly id: "roller";
+    readonly label: "Roller";
+    readonly group: "Kinetic";
+    readonly cells: 2;
+}, {
+    readonly id: "logo-morph";
+    readonly label: "Logo Morph";
+    readonly group: "Premium";
+    readonly cells: 3;
+}, {
+    readonly id: "card-stack";
+    readonly label: "Card Stack";
+    readonly group: "Premium";
+    readonly cells: 3;
+}, {
+    readonly id: "progress-ring";
+    readonly label: "Progress Ring";
+    readonly group: "Premium";
+    readonly cells: 1;
+}, {
+    readonly id: "pill-progress";
+    readonly label: "Pill Progress";
+    readonly group: "Premium";
+    readonly cells: 0;
+}, {
+    readonly id: "glass-ring";
+    readonly label: "Glass Ring";
+    readonly group: "Premium";
+    readonly cells: 0;
+}, {
+    readonly id: "orbit-avatar";
+    readonly label: "Orbit Avatar";
+    readonly group: "Premium";
+    readonly cells: 5;
+}, {
+    readonly id: "checklist";
+    readonly label: "Checklist";
+    readonly group: "Premium";
+    readonly cells: 3;
+}, {
+    readonly id: "upload-cloud";
+    readonly label: "Upload Cloud";
+    readonly group: "Premium";
+    readonly cells: 3;
+}, {
+    readonly id: "sync";
+    readonly label: "Sync";
+    readonly group: "Premium";
+    readonly cells: 2;
+}, {
+    readonly id: "steps";
+    readonly label: "Steps";
+    readonly group: "Premium";
+    readonly cells: 4;
+}, {
+    readonly id: "spark-line";
+    readonly label: "Spark Line";
+    readonly group: "Premium";
+    readonly cells: 2;
 }];
 
 export declare const Wave: (p: VariantProps) => JSX_2.Element;