modern-loaders 1.0.0 → 1.2.0

package/dist/index.d.ts

@@ -14,9 +14,74 @@ export declare const Cube: (p: VariantProps) => JSX_2.Element;
 
 export declare const Grid: (p: VariantProps) => JSX_2.Element;
 
+export declare const GROUPS: readonly [{
+    readonly name: "Spinners";
+    readonly description: "Rings and arcs — the classic shape, modernised.";
+}, {
+    readonly name: "Dots";
+    readonly description: "Small, quiet, and good inline with text.";
+}, {
+    readonly name: "Bars";
+    readonly description: "Equalizer-style motion with a strong rhythm.";
+}, {
+    readonly name: "Shapes";
+    readonly description: "Geometry that morphs, folds, and turns.";
+}, {
+    readonly name: "Progress";
+    readonly description: "Wide, indeterminate tracks for page and upload states.";
+}, {
+    readonly name: "Grids";
+    readonly description: "Cell fields that pulse, flip, and cascade.";
+}, {
+    readonly name: "Pulses";
+    readonly description: "Expanding rings for live, waiting, or listening states.";
+}, {
+    readonly name: "Organic";
+    readonly description: "Playful, physical motion with personality.";
+}, {
+    readonly name: "Skeletons";
+    readonly description: "Content-shaped placeholders — use these over spinners for page loads.";
+}, {
+    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;
 
-export declare const LOADER_VARIANTS: readonly ["aurora", "orbit", "rings", "wave", "bars", "blob", "cube", "spiral", "bar", "grid"];
+/** Every variant id, in display order. */
+export declare const LOADER_VARIANTS: readonly LoaderVariant[];
+
+export declare type LoaderGroup = (typeof GROUPS)[number]["name"];
 
 export declare interface LoaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
     /** Which loader to render. @default "aurora" */
@@ -34,7 +99,7 @@ export declare interface LoaderProps extends Omit<HTMLAttributes<HTMLDivElement>
     label?: string | null;
 }
 
-export declare type LoaderVariant = (typeof LOADER_VARIANTS)[number];
+export declare type LoaderVariant = (typeof VARIANTS)[number]["id"];
 
 export declare const Orbit: (p: VariantProps) => JSX_2.Element;
 
@@ -42,9 +107,1082 @@ export declare const Rings: (p: VariantProps) => JSX_2.Element;
 
 export declare const Spiral: (p: VariantProps) => JSX_2.Element;
 
-/** Convenience wrappers, so `<Aurora />` works as well as `<Loader variant="aurora" />`. */
+export declare type VariantMeta = (typeof VARIANTS)[number];
+
+/**
+ * Named wrappers for the original ten variants, kept for backward compatibility
+ * with 1.0.x. The other 90 are reached through `<Loader variant="…" />` — a hundred
+ * named exports would bloat the API surface for no real gain.
+ */
 declare type VariantProps = Omit<LoaderProps, "variant">;
 
+/**
+ * The single source of truth for every loader.
+ * `id` must match a `.ldr--<id>` class in ./styles, and `cells` is how many
+ * <span> children that variant's CSS expects.
+ */
+export declare const VARIANTS: readonly [{
+    readonly id: "aurora";
+    readonly label: "Aurora";
+    readonly group: "Spinners";
+    readonly cells: 0;
+}, {
+    readonly id: "spiral";
+    readonly label: "Spiral";
+    readonly group: "Spinners";
+    readonly cells: 0;
+}, {
+    readonly id: "ring-dash";
+    readonly label: "Ring Dash";
+    readonly group: "Spinners";
+    readonly cells: 0;
+}, {
+    readonly id: "ring-gap";
+    readonly label: "Ring Gap";
+    readonly group: "Spinners";
+    readonly cells: 0;
+}, {
+    readonly id: "comet";
+    readonly label: "Comet";
+    readonly group: "Spinners";
+    readonly cells: 1;
+}, {
+    readonly id: "arc-trio";
+    readonly label: "Arc Trio";
+    readonly group: "Spinners";
+    readonly cells: 3;
+}, {
+    readonly id: "halo";
+    readonly label: "Halo";
+    readonly group: "Spinners";
+    readonly cells: 1;
+}, {
+    readonly id: "sweep";
+    readonly label: "Sweep";
+    readonly group: "Spinners";
+    readonly cells: 0;
+}, {
+    readonly id: "dot-ring";
+    readonly label: "Dot Ring";
+    readonly group: "Spinners";
+    readonly cells: 8;
+}, {
+    readonly id: "petal";
+    readonly label: "Petal";
+    readonly group: "Spinners";
+    readonly cells: 8;
+}, {
+    readonly id: "wave";
+    readonly label: "Wave";
+    readonly group: "Dots";
+    readonly cells: 5;
+}, {
+    readonly id: "orbit";
+    readonly label: "Orbit";
+    readonly group: "Dots";
+    readonly cells: 3;
+}, {
+    readonly id: "bounce";
+    readonly label: "Bounce";
+    readonly group: "Dots";
+    readonly cells: 3;
+}, {
+    readonly id: "fade-dots";
+    readonly label: "Fade Dots";
+    readonly group: "Dots";
+    readonly cells: 3;
+}, {
+    readonly id: "pulse-dots";
+    readonly label: "Pulse Dots";
+    readonly group: "Dots";
+    readonly cells: 3;
+}, {
+    readonly id: "typing";
+    readonly label: "Typing";
+    readonly group: "Dots";
+    readonly cells: 3;
+}, {
+    readonly id: "chase";
+    readonly label: "Chase";
+    readonly group: "Dots";
+    readonly cells: 6;
+}, {
+    readonly id: "snake";
+    readonly label: "Snake";
+    readonly group: "Dots";
+    readonly cells: 5;
+}, {
+    readonly id: "swap";
+    readonly label: "Swap";
+    readonly group: "Dots";
+    readonly cells: 2;
+}, {
+    readonly id: "juggle";
+    readonly label: "Juggle";
+    readonly group: "Dots";
+    readonly cells: 3;
+}, {
+    readonly id: "bars";
+    readonly label: "Bars";
+    readonly group: "Bars";
+    readonly cells: 5;
+}, {
+    readonly id: "ladder";
+    readonly label: "Ladder";
+    readonly group: "Bars";
+    readonly cells: 4;
+}, {
+    readonly id: "stretch";
+    readonly label: "Stretch";
+    readonly group: "Bars";
+    readonly cells: 5;
+}, {
+    readonly id: "flip-bars";
+    readonly label: "Flip Bars";
+    readonly group: "Bars";
+    readonly cells: 5;
+}, {
+    readonly id: "slide-bars";
+    readonly label: "Slide Bars";
+    readonly group: "Bars";
+    readonly cells: 3;
+}, {
+    readonly id: "drop-bars";
+    readonly label: "Drop Bars";
+    readonly group: "Bars";
+    readonly cells: 5;
+}, {
+    readonly id: "meter";
+    readonly label: "Meter";
+    readonly group: "Bars";
+    readonly cells: 5;
+}, {
+    readonly id: "wave-bars";
+    readonly label: "Wave Bars";
+    readonly group: "Bars";
+    readonly cells: 7;
+}, {
+    readonly id: "split-bars";
+    readonly label: "Split Bars";
+    readonly group: "Bars";
+    readonly cells: 4;
+}, {
+    readonly id: "scan-bars";
+    readonly label: "Scan Bars";
+    readonly group: "Bars";
+    readonly cells: 6;
+}, {
+    readonly id: "blob";
+    readonly label: "Blob";
+    readonly group: "Shapes";
+    readonly cells: 0;
+}, {
+    readonly id: "cube";
+    readonly label: "Cube";
+    readonly group: "Shapes";
+    readonly cells: 2;
+}, {
+    readonly id: "triangle";
+    readonly label: "Triangle";
+    readonly group: "Shapes";
+    readonly cells: 0;
+}, {
+    readonly id: "hexagon";
+    readonly label: "Hexagon";
+    readonly group: "Shapes";
+    readonly cells: 0;
+}, {
+    readonly id: "diamond";
+    readonly label: "Diamond";
+    readonly group: "Shapes";
+    readonly cells: 0;
+}, {
+    readonly id: "star";
+    readonly label: "Star";
+    readonly group: "Shapes";
+    readonly cells: 0;
+}, {
+    readonly id: "squircle";
+    readonly label: "Squircle";
+    readonly group: "Shapes";
+    readonly cells: 0;
+}, {
+    readonly id: "folding";
+    readonly label: "Folding";
+    readonly group: "Shapes";
+    readonly cells: 4;
+}, {
+    readonly id: "pentagon";
+    readonly label: "Pentagon";
+    readonly group: "Shapes";
+    readonly cells: 0;
+}, {
+    readonly id: "shape-shift";
+    readonly label: "Shape Shift";
+    readonly group: "Shapes";
+    readonly cells: 0;
+}, {
+    readonly id: "bar";
+    readonly label: "Bar";
+    readonly group: "Progress";
+    readonly cells: 0;
+}, {
+    readonly id: "bar-stripes";
+    readonly label: "Bar Stripes";
+    readonly group: "Progress";
+    readonly cells: 0;
+}, {
+    readonly id: "bar-dual";
+    readonly label: "Bar Dual";
+    readonly group: "Progress";
+    readonly cells: 0;
+}, {
+    readonly id: "bar-segments";
+    readonly label: "Bar Segments";
+    readonly group: "Progress";
+    readonly cells: 5;
+}, {
+    readonly id: "bar-pill";
+    readonly label: "Bar Pill";
+    readonly group: "Progress";
+    readonly cells: 0;
+}, {
+    readonly id: "bar-glow";
+    readonly label: "Bar Glow";
+    readonly group: "Progress";
+    readonly cells: 0;
+}, {
+    readonly id: "bar-wave";
+    readonly label: "Bar Wave";
+    readonly group: "Progress";
+    readonly cells: 0;
+}, {
+    readonly id: "bar-dots";
+    readonly label: "Bar Dots";
+    readonly group: "Progress";
+    readonly cells: 5;
+}, {
+    readonly id: "bar-snake";
+    readonly label: "Bar Snake";
+    readonly group: "Progress";
+    readonly cells: 0;
+}, {
+    readonly id: "bar-fill";
+    readonly label: "Bar Fill";
+    readonly group: "Progress";
+    readonly cells: 0;
+}, {
+    readonly id: "grid";
+    readonly label: "Grid";
+    readonly group: "Grids";
+    readonly cells: 9;
+}, {
+    readonly id: "checker";
+    readonly label: "Checker";
+    readonly group: "Grids";
+    readonly cells: 9;
+}, {
+    readonly id: "cascade";
+    readonly label: "Cascade";
+    readonly group: "Grids";
+    readonly cells: 9;
+}, {
+    readonly id: "tiles";
+    readonly label: "Tiles";
+    readonly group: "Grids";
+    readonly cells: 9;
+}, {
+    readonly id: "pixel";
+    readonly label: "Pixel";
+    readonly group: "Grids";
+    readonly cells: 16;
+}, {
+    readonly id: "matrix";
+    readonly label: "Matrix";
+    readonly group: "Grids";
+    readonly cells: 9;
+}, {
+    readonly id: "mosaic";
+    readonly label: "Mosaic";
+    readonly group: "Grids";
+    readonly cells: 9;
+}, {
+    readonly id: "ripple-grid";
+    readonly label: "Ripple Grid";
+    readonly group: "Grids";
+    readonly cells: 9;
+}, {
+    readonly id: "domino";
+    readonly label: "Domino";
+    readonly group: "Grids";
+    readonly cells: 9;
+}, {
+    readonly id: "sparkle";
+    readonly label: "Sparkle";
+    readonly group: "Grids";
+    readonly cells: 9;
+}, {
+    readonly id: "rings";
+    readonly label: "Rings";
+    readonly group: "Pulses";
+    readonly cells: 3;
+}, {
+    readonly id: "radar";
+    readonly label: "Radar";
+    readonly group: "Pulses";
+    readonly cells: 2;
+}, {
+    readonly id: "sonar";
+    readonly label: "Sonar";
+    readonly group: "Pulses";
+    readonly cells: 3;
+}, {
+    readonly id: "echo";
+    readonly label: "Echo";
+    readonly group: "Pulses";
+    readonly cells: 3;
+}, {
+    readonly id: "shockwave";
+    readonly label: "Shockwave";
+    readonly group: "Pulses";
+    readonly cells: 2;
+}, {
+    readonly id: "bloom";
+    readonly label: "Bloom";
+    readonly group: "Pulses";
+    readonly cells: 3;
+}, {
+    readonly id: "droplet";
+    readonly label: "Droplet";
+    readonly group: "Pulses";
+    readonly cells: 2;
+}, {
+    readonly id: "concentric";
+    readonly label: "Concentric";
+    readonly group: "Pulses";
+    readonly cells: 3;
+}, {
+    readonly id: "aura";
+    readonly label: "Aura";
+    readonly group: "Pulses";
+    readonly cells: 1;
+}, {
+    readonly id: "beacon";
+    readonly label: "Beacon";
+    readonly group: "Pulses";
+    readonly cells: 2;
+}, {
+    readonly id: "heart";
+    readonly label: "Heart";
+    readonly group: "Organic";
+    readonly cells: 0;
+}, {
+    readonly id: "moon";
+    readonly label: "Moon";
+    readonly group: "Organic";
+    readonly cells: 0;
+}, {
+    readonly id: "sun";
+    readonly label: "Sun";
+    readonly group: "Organic";
+    readonly cells: 8;
+}, {
+    readonly id: "flame";
+    readonly label: "Flame";
+    readonly group: "Organic";
+    readonly cells: 0;
+}, {
+    readonly id: "bubble";
+    readonly label: "Bubble";
+    readonly group: "Organic";
+    readonly cells: 3;
+}, {
+    readonly id: "jelly";
+    readonly label: "Jelly";
+    readonly group: "Organic";
+    readonly cells: 0;
+}, {
+    readonly id: "spring";
+    readonly label: "Spring";
+    readonly group: "Organic";
+    readonly cells: 0;
+}, {
+    readonly id: "float";
+    readonly label: "Float";
+    readonly group: "Organic";
+    readonly cells: 1;
+}, {
+    readonly id: "leaf";
+    readonly label: "Leaf";
+    readonly group: "Organic";
+    readonly cells: 0;
+}, {
+    readonly id: "windmill";
+    readonly label: "Windmill";
+    readonly group: "Organic";
+    readonly cells: 4;
+}, {
+    readonly id: "shimmer";
+    readonly label: "Shimmer";
+    readonly group: "Skeletons";
+    readonly cells: 0;
+}, {
+    readonly id: "sk-text";
+    readonly label: "Text";
+    readonly group: "Skeletons";
+    readonly cells: 3;
+}, {
+    readonly id: "sk-card";
+    readonly label: "Card";
+    readonly group: "Skeletons";
+    readonly cells: 3;
+}, {
+    readonly id: "sk-avatar";
+    readonly label: "Avatar";
+    readonly group: "Skeletons";
+    readonly cells: 2;
+}, {
+    readonly id: "sk-image";
+    readonly label: "Image";
+    readonly group: "Skeletons";
+    readonly cells: 0;
+}, {
+    readonly id: "sk-list";
+    readonly label: "List";
+    readonly group: "Skeletons";
+    readonly cells: 3;
+}, {
+    readonly id: "sk-table";
+    readonly label: "Table";
+    readonly group: "Skeletons";
+    readonly cells: 4;
+}, {
+    readonly id: "sk-chip";
+    readonly label: "Chips";
+    readonly group: "Skeletons";
+    readonly cells: 3;
+}, {
+    readonly id: "sk-paragraph";
+    readonly label: "Paragraph";
+    readonly group: "Skeletons";
+    readonly cells: 4;
+}, {
+    readonly id: "sk-media";
+    readonly label: "Media";
+    readonly group: "Skeletons";
+    readonly cells: 2;
+}, {
+    readonly id: "helix";
+    readonly label: "Helix";
+    readonly group: "Dimensional";
+    readonly cells: 8;
+}, {
+    readonly id: "pendulum";
+    readonly label: "Pendulum";
+    readonly group: "Dimensional";
+    readonly cells: 5;
+}, {
+    readonly id: "atom";
+    readonly label: "Atom";
+    readonly group: "Dimensional";
+    readonly cells: 3;
+}, {
+    readonly id: "gyro";
+    readonly label: "Gyro";
+    readonly group: "Dimensional";
+    readonly cells: 3;
+}, {
+    readonly id: "coil";
+    readonly label: "Coil";
+    readonly group: "Dimensional";
+    readonly cells: 5;
+}, {
+    readonly id: "vortex";
+    readonly label: "Vortex";
+    readonly group: "Dimensional";
+    readonly cells: 4;
+}, {
+    readonly id: "prism";
+    readonly label: "Prism";
+    readonly group: "Dimensional";
+    readonly cells: 3;
+}, {
+    readonly id: "torus";
+    readonly label: "Torus";
+    readonly group: "Dimensional";
+    readonly cells: 0;
+}, {
+    readonly id: "cylinder";
+    readonly label: "Cylinder";
+    readonly group: "Dimensional";
+    readonly cells: 4;
+}, {
+    readonly id: "galaxy";
+    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;
 
 export { }