premium-react-loaders 2.3.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +45 -3
- package/dist/components/bounce/BouncingBalls.d.ts +15 -0
- package/dist/components/bounce/BouncingBalls.d.ts.map +1 -0
- package/dist/components/bounce/BouncingDots.d.ts +15 -0
- package/dist/components/bounce/BouncingDots.d.ts.map +1 -0
- package/dist/components/bounce/index.d.ts +3 -0
- package/dist/components/bounce/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/infinity/InfinityLoader.d.ts +15 -0
- package/dist/components/infinity/InfinityLoader.d.ts.map +1 -0
- package/dist/components/infinity/MobiusLoader.d.ts +15 -0
- package/dist/components/infinity/MobiusLoader.d.ts.map +1 -0
- package/dist/components/infinity/index.d.ts +3 -0
- package/dist/components/infinity/index.d.ts.map +1 -0
- package/dist/components/orbit/AtomLoader.d.ts +15 -0
- package/dist/components/orbit/AtomLoader.d.ts.map +1 -0
- package/dist/components/orbit/OrbitDots.d.ts +15 -0
- package/dist/components/orbit/OrbitDots.d.ts.map +1 -0
- package/dist/components/orbit/OrbitRings.d.ts +15 -0
- package/dist/components/orbit/OrbitRings.d.ts.map +1 -0
- package/dist/components/orbit/index.d.ts +4 -0
- package/dist/components/orbit/index.d.ts.map +1 -0
- package/dist/components/shimmer/ShimmerBox.d.ts +15 -0
- package/dist/components/shimmer/ShimmerBox.d.ts.map +1 -0
- package/dist/components/shimmer/ShimmerButton.d.ts +15 -0
- package/dist/components/shimmer/ShimmerButton.d.ts.map +1 -0
- package/dist/components/shimmer/ShimmerText.d.ts +15 -0
- package/dist/components/shimmer/ShimmerText.d.ts.map +1 -0
- package/dist/components/shimmer/index.d.ts +4 -0
- package/dist/components/shimmer/index.d.ts.map +1 -0
- package/dist/components/text/LoadingText.d.ts +16 -0
- package/dist/components/text/LoadingText.d.ts.map +1 -0
- package/dist/components/text/index.d.ts +2 -0
- package/dist/components/text/index.d.ts.map +1 -0
- package/dist/hooks/useEnhancedLoader.d.ts.map +1 -1
- package/dist/index.cjs +22 -0
- package/dist/index.js +22 -0
- package/dist/index10.cjs +1 -1
- package/dist/index10.js +1 -1
- package/dist/index11.cjs +1 -1
- package/dist/index11.js +1 -1
- package/dist/index12.cjs +1 -1
- package/dist/index12.js +1 -1
- package/dist/index13.cjs +1 -1
- package/dist/index13.js +1 -1
- package/dist/index14.cjs +1 -1
- package/dist/index14.js +1 -1
- package/dist/index15.cjs +1 -1
- package/dist/index15.js +1 -1
- package/dist/index16.cjs +1 -1
- package/dist/index16.js +1 -1
- package/dist/index17.cjs +1 -1
- package/dist/index17.js +1 -1
- package/dist/index18.cjs +1 -1
- package/dist/index18.js +1 -1
- package/dist/index19.cjs +1 -1
- package/dist/index19.js +1 -1
- package/dist/index20.cjs +1 -1
- package/dist/index20.js +1 -1
- package/dist/index21.cjs +1 -1
- package/dist/index21.js +1 -1
- package/dist/index22.cjs +1 -1
- package/dist/index22.js +1 -1
- package/dist/index23.cjs +1 -1
- package/dist/index23.js +1 -1
- package/dist/index24.cjs +1 -1
- package/dist/index24.js +1 -1
- package/dist/index25.cjs +1 -1
- package/dist/index25.js +1 -1
- package/dist/index26.cjs +1 -1
- package/dist/index26.js +1 -1
- package/dist/index27.cjs +1 -1
- package/dist/index27.js +1 -1
- package/dist/index28.cjs +1 -1
- package/dist/index28.js +1 -1
- package/dist/index29.cjs +1 -1
- package/dist/index29.js +1 -1
- package/dist/index30.cjs +1 -1
- package/dist/index30.js +1 -1
- package/dist/index31.cjs +1 -1
- package/dist/index31.js +1 -1
- package/dist/index32.cjs +1 -1
- package/dist/index32.js +1 -1
- package/dist/index33.cjs +1 -1
- package/dist/index33.js +1 -1
- package/dist/index34.cjs +1 -1
- package/dist/index34.js +1 -1
- package/dist/index36.cjs +90 -119
- package/dist/index36.js +91 -120
- package/dist/index37.cjs +113 -0
- package/dist/index37.js +113 -0
- package/dist/index38.cjs +169 -0
- package/dist/index38.js +169 -0
- package/dist/index39.cjs +97 -0
- package/dist/index39.js +97 -0
- package/dist/index40.cjs +90 -0
- package/dist/index40.js +90 -0
- package/dist/index41.cjs +139 -0
- package/dist/index41.js +139 -0
- package/dist/index42.cjs +82 -0
- package/dist/index42.js +82 -0
- package/dist/index43.cjs +110 -0
- package/dist/index43.js +110 -0
- package/dist/index44.cjs +135 -0
- package/dist/index44.js +135 -0
- package/dist/index45.cjs +106 -0
- package/dist/index45.js +106 -0
- package/dist/index46.cjs +158 -0
- package/dist/index46.js +158 -0
- package/dist/index47.cjs +125 -0
- package/dist/index47.js +125 -0
- package/dist/index7.cjs +1 -1
- package/dist/index7.js +1 -1
- package/dist/index8.cjs +1 -1
- package/dist/index8.js +1 -1
- package/dist/index9.cjs +1 -1
- package/dist/index9.js +1 -1
- package/dist/premium-react-loaders.css +217 -0
- package/dist/types/bounce.d.ts +41 -0
- package/dist/types/bounce.d.ts.map +1 -0
- package/dist/types/hooks.d.ts +4 -0
- package/dist/types/hooks.d.ts.map +1 -1
- package/dist/types/index.d.ts +5 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/infinity.d.ts +35 -0
- package/dist/types/infinity.d.ts.map +1 -0
- package/dist/types/orbit.d.ts +50 -0
- package/dist/types/orbit.d.ts.map +1 -0
- package/dist/types/shimmer.d.ts +52 -0
- package/dist/types/shimmer.d.ts.map +1 -0
- package/dist/types/text.d.ts +27 -0
- package/dist/types/text.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { BaseLoaderProps } from './common';
|
|
2
|
+
/**
|
|
3
|
+
* Base props for orbit loader components
|
|
4
|
+
*/
|
|
5
|
+
export interface OrbitBaseProps extends BaseLoaderProps {
|
|
6
|
+
/** Primary color */
|
|
7
|
+
color?: string;
|
|
8
|
+
/** Secondary color for alternating elements */
|
|
9
|
+
secondaryColor?: string;
|
|
10
|
+
/** Thickness of orbit path or elements */
|
|
11
|
+
thickness?: number;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Props for OrbitDots component
|
|
15
|
+
*/
|
|
16
|
+
export interface OrbitDotsProps extends OrbitBaseProps {
|
|
17
|
+
/** Number of orbiting dots */
|
|
18
|
+
dotCount?: number;
|
|
19
|
+
/** Size of each dot */
|
|
20
|
+
dotSize?: number;
|
|
21
|
+
/** Orbit radius (relative to size) */
|
|
22
|
+
orbitRadius?: number;
|
|
23
|
+
/** Stagger animation between dots */
|
|
24
|
+
stagger?: boolean;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Props for OrbitRings component
|
|
28
|
+
*/
|
|
29
|
+
export interface OrbitRingsProps extends OrbitBaseProps {
|
|
30
|
+
/** Number of concentric rings */
|
|
31
|
+
ringCount?: number;
|
|
32
|
+
/** Gap between rings */
|
|
33
|
+
ringGap?: number;
|
|
34
|
+
/** Whether rings should rotate in alternating directions */
|
|
35
|
+
alternate?: boolean;
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Props for AtomLoader component
|
|
39
|
+
*/
|
|
40
|
+
export interface AtomLoaderProps extends OrbitBaseProps {
|
|
41
|
+
/** Number of orbital paths */
|
|
42
|
+
orbits?: number;
|
|
43
|
+
/** Size of nucleus (center dot) */
|
|
44
|
+
nucleusSize?: number;
|
|
45
|
+
/** Size of electrons (orbiting dots) */
|
|
46
|
+
electronSize?: number;
|
|
47
|
+
/** Show the nucleus */
|
|
48
|
+
showNucleus?: boolean;
|
|
49
|
+
}
|
|
50
|
+
//# sourceMappingURL=orbit.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"orbit.d.ts","sourceRoot":"","sources":["../../src/types/orbit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { BaseLoaderProps } from './common';
|
|
2
|
+
/**
|
|
3
|
+
* Shimmer direction options
|
|
4
|
+
*/
|
|
5
|
+
export type ShimmerDirection = 'left-to-right' | 'right-to-left' | 'top-to-bottom' | 'bottom-to-top';
|
|
6
|
+
/**
|
|
7
|
+
* Base props for shimmer components
|
|
8
|
+
*/
|
|
9
|
+
export interface ShimmerBaseProps extends BaseLoaderProps {
|
|
10
|
+
/** Width of the shimmer element */
|
|
11
|
+
width?: number | string;
|
|
12
|
+
/** Height of the shimmer element */
|
|
13
|
+
height?: number | string;
|
|
14
|
+
/** Border radius */
|
|
15
|
+
borderRadius?: number | string;
|
|
16
|
+
/** Base color (background) */
|
|
17
|
+
baseColor?: string;
|
|
18
|
+
/** Highlight/shimmer color */
|
|
19
|
+
highlightColor?: string;
|
|
20
|
+
/** Direction of shimmer animation */
|
|
21
|
+
direction?: ShimmerDirection;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Props for ShimmerBox component
|
|
25
|
+
*/
|
|
26
|
+
export interface ShimmerBoxProps extends ShimmerBaseProps {
|
|
27
|
+
/** Aspect ratio (e.g., '16/9', '1/1') */
|
|
28
|
+
aspectRatio?: string;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Props for ShimmerText component
|
|
32
|
+
*/
|
|
33
|
+
export interface ShimmerTextProps extends ShimmerBaseProps {
|
|
34
|
+
/** Number of text lines */
|
|
35
|
+
lines?: number;
|
|
36
|
+
/** Gap between lines */
|
|
37
|
+
lineGap?: number | string;
|
|
38
|
+
/** Make the last line shorter */
|
|
39
|
+
lastLineWidth?: number | string;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Props for ShimmerButton component
|
|
43
|
+
*/
|
|
44
|
+
export interface ShimmerButtonProps extends ShimmerBaseProps {
|
|
45
|
+
/** Button variant style */
|
|
46
|
+
variant?: 'solid' | 'outline';
|
|
47
|
+
/** Whether to show an icon placeholder */
|
|
48
|
+
showIcon?: boolean;
|
|
49
|
+
/** Icon position */
|
|
50
|
+
iconPosition?: 'left' | 'right';
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=shimmer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shimmer.d.ts","sourceRoot":"","sources":["../../src/types/shimmer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,CAAC;AAErG;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,qCAAqC;IACrC,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B,iCAAiC;IACjC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE9B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACjC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { BaseLoaderProps } from './common';
|
|
2
|
+
/**
|
|
3
|
+
* Animation style for loading text
|
|
4
|
+
*/
|
|
5
|
+
export type LoadingTextAnimation = 'dots' | 'fade' | 'bounce' | 'wave';
|
|
6
|
+
/**
|
|
7
|
+
* Props for LoadingText component
|
|
8
|
+
*/
|
|
9
|
+
export interface LoadingTextProps extends Omit<BaseLoaderProps, 'size'> {
|
|
10
|
+
/** The text to display (default: "Loading") */
|
|
11
|
+
text?: string;
|
|
12
|
+
/** Animation style for the ellipsis/text */
|
|
13
|
+
animation?: LoadingTextAnimation;
|
|
14
|
+
/** Font size */
|
|
15
|
+
fontSize?: number | string;
|
|
16
|
+
/** Font weight */
|
|
17
|
+
fontWeight?: number | string;
|
|
18
|
+
/** Text color */
|
|
19
|
+
color?: string;
|
|
20
|
+
/** Number of dots in ellipsis (for dots animation) */
|
|
21
|
+
dotCount?: number;
|
|
22
|
+
/** Show ellipsis after text */
|
|
23
|
+
showEllipsis?: boolean;
|
|
24
|
+
/** Custom CSS class for the text */
|
|
25
|
+
textClassName?: string;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/types/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;IACrE,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,4CAA4C;IAC5C,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAEjC,gBAAgB;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE7B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|