react-loadly 1.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.
Files changed (117) hide show
  1. package/README.md +220 -0
  2. package/dist/index.d.ts +507 -0
  3. package/dist/index.esm.js +1371 -0
  4. package/dist/index.esm.js.map +1 -0
  5. package/dist/index.js +1409 -0
  6. package/dist/index.js.map +1 -0
  7. package/dist/styles.css +2 -0
  8. package/dist/styles.css.map +1 -0
  9. package/dist/types/@types/index.d.ts +15 -0
  10. package/dist/types/@types/index.d.ts.map +1 -0
  11. package/dist/types/@types/interfaces/IBaseLoaderProps.d.ts +30 -0
  12. package/dist/types/@types/interfaces/IBaseLoaderProps.d.ts.map +1 -0
  13. package/dist/types/@types/interfaces/IFallbackLoaderProps.d.ts +14 -0
  14. package/dist/types/@types/interfaces/IFallbackLoaderProps.d.ts.map +1 -0
  15. package/dist/types/@types/interfaces/IFluidLoaderProps.d.ts +8 -0
  16. package/dist/types/@types/interfaces/IFluidLoaderProps.d.ts.map +1 -0
  17. package/dist/types/@types/interfaces/IGeometricLoaderProps.d.ts +8 -0
  18. package/dist/types/@types/interfaces/IGeometricLoaderProps.d.ts.map +1 -0
  19. package/dist/types/@types/interfaces/ILoaderCSSVariables.d.ts +11 -0
  20. package/dist/types/@types/interfaces/ILoaderCSSVariables.d.ts.map +1 -0
  21. package/dist/types/@types/interfaces/ILoaderState.d.ts +7 -0
  22. package/dist/types/@types/interfaces/ILoaderState.d.ts.map +1 -0
  23. package/dist/types/@types/interfaces/ILoaderTheme.d.ts +20 -0
  24. package/dist/types/@types/interfaces/ILoaderTheme.d.ts.map +1 -0
  25. package/dist/types/@types/interfaces/ILogoLoaderProps.d.ts +12 -0
  26. package/dist/types/@types/interfaces/ILogoLoaderProps.d.ts.map +1 -0
  27. package/dist/types/@types/interfaces/ITextLoaderProps.d.ts +12 -0
  28. package/dist/types/@types/interfaces/ITextLoaderProps.d.ts.map +1 -0
  29. package/dist/types/@types/interfaces/IUseLoaderStateOptions.d.ts +9 -0
  30. package/dist/types/@types/interfaces/IUseLoaderStateOptions.d.ts.map +1 -0
  31. package/dist/types/@types/interfaces/IUseLoaderStateReturn.d.ts +10 -0
  32. package/dist/types/@types/interfaces/IUseLoaderStateReturn.d.ts.map +1 -0
  33. package/dist/types/@types/types/AnimationDirectionType.d.ts +2 -0
  34. package/dist/types/@types/types/AnimationDirectionType.d.ts.map +1 -0
  35. package/dist/types/@types/types/AnimationEasingType.d.ts +2 -0
  36. package/dist/types/@types/types/AnimationEasingType.d.ts.map +1 -0
  37. package/dist/types/@types/types/AnimationFillModeType.d.ts +2 -0
  38. package/dist/types/@types/types/AnimationFillModeType.d.ts.map +1 -0
  39. package/dist/types/@types/types/index.d.ts +4 -0
  40. package/dist/types/@types/types/index.d.ts.map +1 -0
  41. package/dist/types/components/atoms/Circle.d.ts +15 -0
  42. package/dist/types/components/atoms/Circle.d.ts.map +1 -0
  43. package/dist/types/components/atoms/Dot.d.ts +15 -0
  44. package/dist/types/components/atoms/Dot.d.ts.map +1 -0
  45. package/dist/types/components/atoms/Line.d.ts +29 -0
  46. package/dist/types/components/atoms/Line.d.ts.map +1 -0
  47. package/dist/types/components/atoms/Rectangle.d.ts +30 -0
  48. package/dist/types/components/atoms/Rectangle.d.ts.map +1 -0
  49. package/dist/types/components/atoms/index.d.ts +9 -0
  50. package/dist/types/components/atoms/index.d.ts.map +1 -0
  51. package/dist/types/components/index.d.ts +4 -0
  52. package/dist/types/components/index.d.ts.map +1 -0
  53. package/dist/types/components/molecules/DotCluster.d.ts +26 -0
  54. package/dist/types/components/molecules/DotCluster.d.ts.map +1 -0
  55. package/dist/types/components/molecules/LineGroup.d.ts +30 -0
  56. package/dist/types/components/molecules/LineGroup.d.ts.map +1 -0
  57. package/dist/types/components/molecules/ShapeGroup.d.ts +30 -0
  58. package/dist/types/components/molecules/ShapeGroup.d.ts.map +1 -0
  59. package/dist/types/components/molecules/index.d.ts +7 -0
  60. package/dist/types/components/molecules/index.d.ts.map +1 -0
  61. package/dist/types/components/organisms/BarsLoader.d.ts +4 -0
  62. package/dist/types/components/organisms/BarsLoader.d.ts.map +1 -0
  63. package/dist/types/components/organisms/BlobLoader.d.ts +4 -0
  64. package/dist/types/components/organisms/BlobLoader.d.ts.map +1 -0
  65. package/dist/types/components/organisms/BounceLoader.d.ts +4 -0
  66. package/dist/types/components/organisms/BounceLoader.d.ts.map +1 -0
  67. package/dist/types/components/organisms/DotsLoader.d.ts +4 -0
  68. package/dist/types/components/organisms/DotsLoader.d.ts.map +1 -0
  69. package/dist/types/components/organisms/FallbackLoader.d.ts +4 -0
  70. package/dist/types/components/organisms/FallbackLoader.d.ts.map +1 -0
  71. package/dist/types/components/organisms/FlowLoader.d.ts +4 -0
  72. package/dist/types/components/organisms/FlowLoader.d.ts.map +1 -0
  73. package/dist/types/components/organisms/GridLoader.d.ts +4 -0
  74. package/dist/types/components/organisms/GridLoader.d.ts.map +1 -0
  75. package/dist/types/components/organisms/LiquidLoader.d.ts +4 -0
  76. package/dist/types/components/organisms/LiquidLoader.d.ts.map +1 -0
  77. package/dist/types/components/organisms/LogoSpinLoader.d.ts +4 -0
  78. package/dist/types/components/organisms/LogoSpinLoader.d.ts.map +1 -0
  79. package/dist/types/components/organisms/PulseLoader.d.ts +4 -0
  80. package/dist/types/components/organisms/PulseLoader.d.ts.map +1 -0
  81. package/dist/types/components/organisms/RingLoader.d.ts +4 -0
  82. package/dist/types/components/organisms/RingLoader.d.ts.map +1 -0
  83. package/dist/types/components/organisms/RotateLoader.d.ts +4 -0
  84. package/dist/types/components/organisms/RotateLoader.d.ts.map +1 -0
  85. package/dist/types/components/organisms/SpinLoader.d.ts +4 -0
  86. package/dist/types/components/organisms/SpinLoader.d.ts.map +1 -0
  87. package/dist/types/components/organisms/TypingLoader.d.ts +4 -0
  88. package/dist/types/components/organisms/TypingLoader.d.ts.map +1 -0
  89. package/dist/types/components/organisms/WaveLoader.d.ts +4 -0
  90. package/dist/types/components/organisms/WaveLoader.d.ts.map +1 -0
  91. package/dist/types/components/organisms/index.d.ts +17 -0
  92. package/dist/types/components/organisms/index.d.ts.map +1 -0
  93. package/dist/types/hooks/index.d.ts +5 -0
  94. package/dist/types/hooks/index.d.ts.map +1 -0
  95. package/dist/types/hooks/useAsyncLoader.d.ts +15 -0
  96. package/dist/types/hooks/useAsyncLoader.d.ts.map +1 -0
  97. package/dist/types/hooks/useLoaderState.d.ts +10 -0
  98. package/dist/types/hooks/useLoaderState.d.ts.map +1 -0
  99. package/dist/types/hooks/useMultipleLoaderStates.d.ts +11 -0
  100. package/dist/types/hooks/useMultipleLoaderStates.d.ts.map +1 -0
  101. package/dist/types/index.d.ts +6 -0
  102. package/dist/types/index.d.ts.map +1 -0
  103. package/dist/types/setupTests.d.ts +2 -0
  104. package/dist/types/setupTests.d.ts.map +1 -0
  105. package/dist/types/utils/animationUtils.d.ts +29 -0
  106. package/dist/types/utils/animationUtils.d.ts.map +1 -0
  107. package/dist/types/utils/colorUtils.d.ts +18 -0
  108. package/dist/types/utils/colorUtils.d.ts.map +1 -0
  109. package/dist/types/utils/domUtils.d.ts +13 -0
  110. package/dist/types/utils/domUtils.d.ts.map +1 -0
  111. package/dist/types/utils/index.d.ts +6 -0
  112. package/dist/types/utils/index.d.ts.map +1 -0
  113. package/dist/types/utils/mathUtils.d.ts +9 -0
  114. package/dist/types/utils/mathUtils.d.ts.map +1 -0
  115. package/dist/types/utils/propUtils.d.ts +22 -0
  116. package/dist/types/utils/propUtils.d.ts.map +1 -0
  117. package/package.json +112 -0
@@ -0,0 +1,30 @@
1
+ export interface LineGroupProps {
2
+ /** Number of lines in the group */
3
+ count?: number;
4
+ /** Width of each line */
5
+ lineWidth?: number | string;
6
+ /** Height/thickness of each line */
7
+ lineHeight?: number | string;
8
+ /** Color of the lines */
9
+ color?: string;
10
+ /** Secondary color for alternating lines */
11
+ secondaryColor?: string;
12
+ /** Spacing between lines */
13
+ spacing?: number | string;
14
+ /** Animation speed multiplier */
15
+ speed?: number;
16
+ /** Group arrangement */
17
+ arrangement?: "parallel" | "radial" | "staggered";
18
+ /** Orientation of lines */
19
+ orientation?: "horizontal" | "vertical";
20
+ /** Custom CSS class */
21
+ className?: string;
22
+ /** Custom styles */
23
+ style?: React.CSSProperties;
24
+ /** Animation type */
25
+ animationType?: "wave" | "pulse" | "scale" | "rotate";
26
+ /** Data test id */
27
+ "data-testid"?: string;
28
+ }
29
+ export declare const LineGroup: React.FC<LineGroupProps>;
30
+ //# sourceMappingURL=LineGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LineGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LineGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC7B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,WAAW,CAAC;IAClD,2BAA2B;IAC3B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtD,mBAAmB;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmG9C,CAAC"}
@@ -0,0 +1,30 @@
1
+ export interface ShapeGroupProps {
2
+ /** Number of shapes in the group */
3
+ count?: number;
4
+ /** Size of each shape */
5
+ shapeSize?: number | string;
6
+ /** Color of the shapes */
7
+ color?: string;
8
+ /** Secondary color for alternating shapes */
9
+ secondaryColor?: string;
10
+ /** Spacing between shapes */
11
+ spacing?: number | string;
12
+ /** Animation speed multiplier */
13
+ speed?: number;
14
+ /** Group arrangement */
15
+ arrangement?: "linear" | "circular" | "spiral";
16
+ /** Shape types to use */
17
+ shapeTypes?: ("circle" | "rectangle")[];
18
+ /** Custom CSS class */
19
+ className?: string;
20
+ /** Custom styles */
21
+ style?: React.CSSProperties;
22
+ /** Animation type */
23
+ animationType?: "pulse" | "rotate" | "scale" | "bounce";
24
+ /** Border width for outlined shapes */
25
+ borderWidth?: number;
26
+ /** Data test id */
27
+ "data-testid"?: string;
28
+ }
29
+ export declare const ShapeGroup: React.FC<ShapeGroupProps>;
30
+ //# sourceMappingURL=ShapeGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShapeGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ShapeGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC/C,yBAAyB;IACzB,UAAU,CAAC,EAAE,CAAC,QAAQ,GAAG,WAAW,CAAC,EAAE,CAAC;IACxC,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACxD,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqHhD,CAAC"}
@@ -0,0 +1,7 @@
1
+ export { DotCluster } from './DotCluster';
2
+ export { LineGroup } from './LineGroup';
3
+ export { ShapeGroup } from './ShapeGroup';
4
+ export type { DotClusterProps } from './DotCluster';
5
+ export type { LineGroupProps } from './LineGroup';
6
+ export type { ShapeGroupProps } from './ShapeGroup';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { IGeometricLoaderProps } from "@/@types";
2
+ import { FC } from "react";
3
+ export declare const BarsLoader: FC<IGeometricLoaderProps>;
4
+ //# sourceMappingURL=BarsLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BarsLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BarsLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAsB,EAAE,EAAW,MAAM,OAAO,CAAC;AAWxD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,qBAAqB,CAmFhD,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { IFluidLoaderProps } from "@/@types";
2
+ import { FC } from "react";
3
+ export declare const BlobLoader: FC<IFluidLoaderProps>;
4
+ //# sourceMappingURL=BlobLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BlobLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BlobLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAYxD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAiH5C,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { IGeometricLoaderProps } from "@/@types";
2
+ import { FC } from "react";
3
+ export declare const BounceLoader: FC<IGeometricLoaderProps>;
4
+ //# sourceMappingURL=BounceLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BounceLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BounceLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAsB,EAAE,EAAW,MAAM,OAAO,CAAC;AAWxD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,qBAAqB,CAiFlD,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { IGeometricLoaderProps } from "@/@types";
2
+ import { FC } from "react";
3
+ export declare const DotsLoader: FC<IGeometricLoaderProps>;
4
+ //# sourceMappingURL=DotsLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DotsLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/DotsLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAsB,EAAE,EAAW,MAAM,OAAO,CAAC;AAWxD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,qBAAqB,CAiFhD,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { IFallbackLoaderProps } from "@types";
2
+ import { FC } from "react";
3
+ export declare const FallbackLoader: FC<IFallbackLoaderProps>;
4
+ //# sourceMappingURL=FallbackLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FallbackLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FallbackLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAgC3B,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,oBAAoB,CAsCnD,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { IFluidLoaderProps } from "@/@types";
2
+ import { FC } from "react";
3
+ export declare const FlowLoader: FC<IFluidLoaderProps>;
4
+ //# sourceMappingURL=FlowLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FlowLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FlowLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAsB,EAAE,EAAW,MAAM,OAAO,CAAC;AAYxD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CA+H5C,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { IGeometricLoaderProps } from "@/@types";
2
+ import { FC } from "react";
3
+ export declare const GridLoader: FC<IGeometricLoaderProps>;
4
+ //# sourceMappingURL=GridLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GridLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/GridLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAiB,EAAE,EAAW,MAAM,OAAO,CAAC;AAWnD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,qBAAqB,CA2EhD,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { IFluidLoaderProps } from "@/@types";
2
+ import { FC } from "react";
3
+ export declare const LiquidLoader: FC<IFluidLoaderProps>;
4
+ //# sourceMappingURL=LiquidLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LiquidLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/LiquidLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAiB,EAAE,EAAW,MAAM,OAAO,CAAC;AAYnD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAmG9C,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { ILogoLoaderProps } from "@/@types";
2
+ import { FC } from "react";
3
+ export declare const LogoSpinLoader: FC<ILogoLoaderProps>;
4
+ //# sourceMappingURL=LogoSpinLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LogoSpinLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/LogoSpinLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAsB,EAAE,EAAE,MAAM,OAAO,CAAC;AAW/C,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,gBAAgB,CA4E/C,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { IGeometricLoaderProps } from "@/@types";
2
+ import { FC } from "react";
3
+ export declare const PulseLoader: FC<IGeometricLoaderProps>;
4
+ //# sourceMappingURL=PulseLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PulseLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/PulseLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAsB,EAAE,EAAW,MAAM,OAAO,CAAC;AAYxD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,qBAAqB,CA+DjD,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { FC } from "react";
2
+ import { IGeometricLoaderProps } from "../../@types";
3
+ export declare const RingLoader: FC<IGeometricLoaderProps>;
4
+ //# sourceMappingURL=RingLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RingLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/RingLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,EAAE,EAAU,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAYrD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,qBAAqB,CAyFhD,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { IGeometricLoaderProps } from "@/@types";
2
+ import { FC } from "react";
3
+ export declare const RotateLoader: FC<IGeometricLoaderProps>;
4
+ //# sourceMappingURL=RotateLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RotateLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/RotateLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAsB,EAAE,EAAW,MAAM,OAAO,CAAC;AAWxD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,qBAAqB,CA0FlD,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { IGeometricLoaderProps } from "@/@types";
2
+ import { FC } from "react";
3
+ export declare const SpinLoader: FC<IGeometricLoaderProps>;
4
+ //# sourceMappingURL=SpinLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SpinLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/SpinLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAsB,EAAE,EAAU,MAAM,OAAO,CAAC;AAWvD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,qBAAqB,CA6DhD,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { ITextLoaderProps } from "@/@types";
2
+ import { FC } from "react";
3
+ export declare const TypingLoader: FC<ITextLoaderProps>;
4
+ //# sourceMappingURL=TypingLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TypingLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/TypingLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAsB,EAAE,EAA+B,MAAM,OAAO,CAAC;AAU5E,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,gBAAgB,CAkG7C,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { IGeometricLoaderProps } from "@/@types";
2
+ import { FC } from "react";
3
+ export declare const WaveLoader: FC<IGeometricLoaderProps>;
4
+ //# sourceMappingURL=WaveLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WaveLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/WaveLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAsB,EAAE,EAAW,MAAM,OAAO,CAAC;AAYxD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,qBAAqB,CAqEhD,CAAC"}
@@ -0,0 +1,17 @@
1
+ export { BlobLoader } from "./BlobLoader";
2
+ export { FallbackLoader } from "./FallbackLoader";
3
+ export { FlowLoader } from "./FlowLoader";
4
+ export { GridLoader } from "./GridLoader";
5
+ export { LiquidLoader } from "./LiquidLoader";
6
+ export { LogoSpinLoader } from "./LogoSpinLoader";
7
+ export { PulseLoader } from "./PulseLoader";
8
+ export { SpinLoader } from "./SpinLoader";
9
+ export { TypingLoader } from "./TypingLoader";
10
+ export { WaveLoader } from "./WaveLoader";
11
+ export { BarsLoader } from "./BarsLoader";
12
+ export { BounceLoader } from "./BounceLoader";
13
+ export { DotsLoader } from "./DotsLoader";
14
+ export { RingLoader } from "./RingLoader";
15
+ export { RotateLoader } from "./RotateLoader";
16
+ export type { IFallbackLoaderProps, IFluidLoaderProps, IGeometricLoaderProps, ILogoLoaderProps, ITextLoaderProps } from "@/@types";
17
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,YAAY,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1,5 @@
1
+ export { useLoaderState } from "./useLoaderState";
2
+ export { useMultipleLoaderStates } from "./useMultipleLoaderStates";
3
+ export { useAsyncLoader } from "./useAsyncLoader";
4
+ export type { ILoaderState, IUseLoaderStateOptions, IUseLoaderStateReturn, } from "@/@types";
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,YAAY,EACV,YAAY,EACZ,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,UAAU,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { IUseLoaderStateOptions, IUseLoaderStateReturn } from "../@types";
2
+ /**
3
+ * Hook for tracking async operations with automatic loading state management
4
+ * Automatically handles loading states during async operations and provides error handling
5
+ *
6
+ * @param asyncFn - Async function to execute and track
7
+ * @param dependencies - Dependency array to trigger re-execution (similar to useEffect)
8
+ * @param options - Configuration options for the loader state
9
+ * @returns Object containing loader state, data result, and execution method
10
+ */
11
+ export declare const useAsyncLoader: <T>(asyncFn: () => Promise<T>, dependencies?: React.DependencyList, options?: IUseLoaderStateOptions) => IUseLoaderStateReturn & {
12
+ data: T | null;
13
+ execute: () => Promise<T | null>;
14
+ };
15
+ //# sourceMappingURL=useAsyncLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useAsyncLoader.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAsyncLoader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAG1E;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GAAI,CAAC,EAC9B,SAAS,MAAM,OAAO,CAAC,CAAC,CAAC,EACzB,eAAc,KAAK,CAAC,cAAmB,EACvC,UAAS,sBAA2B,KACnC,qBAAqB,GAAG;IACzB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;CAgClC,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { IUseLoaderStateOptions, IUseLoaderStateReturn } from "../@types";
2
+ /**
3
+ * Custom React hook for managing loader state with advanced features
4
+ * Provides centralized loading state management with timeout, retry, and progress tracking
5
+ *
6
+ * @param options - Configuration options for the loader state
7
+ * @returns Object containing state and methods to control the loader
8
+ */
9
+ export declare const useLoaderState: (options?: IUseLoaderStateOptions) => IUseLoaderStateReturn;
10
+ //# sourceMappingURL=useLoaderState.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useLoaderState.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLoaderState.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,WAAW,CAAC;AAEnB;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GACzB,UAAS,sBAA2B,KACnC,qBA2JF,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { IUseLoaderStateOptions, IUseLoaderStateReturn } from "../@types";
2
+ /**
3
+ * Hook for managing multiple loader states with shared options
4
+ * Useful when you need to control multiple loaders with the same configuration
5
+ *
6
+ * @param keys - Array of string keys representing each loader state
7
+ * @param options - Shared configuration options for all loader states
8
+ * @returns Record mapping each key to its corresponding loader state methods
9
+ */
10
+ export declare const useMultipleLoaderStates: (keys: string[], options?: IUseLoaderStateOptions) => Record<string, IUseLoaderStateReturn>;
11
+ //# sourceMappingURL=useMultipleLoaderStates.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useMultipleLoaderStates.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMultipleLoaderStates.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAE1E;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,GAClC,MAAM,MAAM,EAAE,EACd,UAAS,sBAA2B,KACnC,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAMtC,CAAC"}
@@ -0,0 +1,6 @@
1
+ export * from "./components";
2
+ export * from "./hooks";
3
+ export * from "./@types";
4
+ export * from "./utils";
5
+ import "./styles/base.css";
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,OAAO,mBAAmB,CAAC"}
@@ -0,0 +1,2 @@
1
+ import '@testing-library/jest-dom';
2
+ //# sourceMappingURL=setupTests.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../../src/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
@@ -0,0 +1,29 @@
1
+ /**
2
+ * Calculates animation duration based on speed multiplier
3
+ * @param baseMs - The base duration in milliseconds
4
+ * @param speed - The speed multiplier (default: 1)
5
+ * @returns Formatted duration string
6
+ */
7
+ export declare function getAnimationDuration(baseMs: number, speed?: number): string;
8
+ /**
9
+ * Creates a CSS animation name with prefix
10
+ * @param name - The base name for the animation
11
+ * @returns Prefixed animation name
12
+ */
13
+ export declare function createAnimationName(name: string): string;
14
+ /**
15
+ * Check if reduced motion is preferred
16
+ * @returns Boolean indicating if reduced motion is preferred
17
+ */
18
+ export declare function prefersReducedMotion(): boolean;
19
+ /**
20
+ * Get optimized animation settings based on user preferences
21
+ * @param speed - The animation speed multiplier (default: 1)
22
+ * @returns Object with optimized animation settings
23
+ */
24
+ export declare function getOptimizedAnimationSettings(speed?: number): {
25
+ duration: string;
26
+ playState: string;
27
+ iterationCount: string | number;
28
+ };
29
+ //# sourceMappingURL=animationUtils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"animationUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/animationUtils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,CAGtE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAExD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAQ9C;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,KAAK,SAAI;;;;EAiBtD"}
@@ -0,0 +1,18 @@
1
+ /**
2
+ * Converts hex color to RGB values
3
+ * @param hex - The hex color string
4
+ * @returns Object with r, g, b values or null if invalid
5
+ */
6
+ export declare function hexToRgb(hex: string): {
7
+ r: number;
8
+ g: number;
9
+ b: number;
10
+ } | null;
11
+ /**
12
+ * Generates rgba color with opacity
13
+ * @param color - The hex color string
14
+ * @param opacity - The opacity value (0-1)
15
+ * @returns RGBA color string
16
+ */
17
+ export declare function rgba(color: string, opacity: number): string;
18
+ //# sourceMappingURL=colorUtils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/colorUtils.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAShF;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAI3D"}
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Generates unique IDs for accessibility
3
+ * @param prefix - The prefix for the ID (default: "loader")
4
+ * @returns A unique ID string
5
+ */
6
+ export declare function generateId(prefix?: string): string;
7
+ /**
8
+ * Validates and sanitizes CSS values
9
+ * @param value - The CSS value to sanitize
10
+ * @returns Sanitized CSS value or undefined
11
+ */
12
+ export declare function sanitizeCSSValue(value: string | number | undefined): string | undefined;
13
+ //# sourceMappingURL=domUtils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"domUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/domUtils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,MAAM,SAAW,GAAG,MAAM,CAEpD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAQvF"}
@@ -0,0 +1,6 @@
1
+ export { generateCSSVariables, getSizeValue, mergeProps } from "./propUtils";
2
+ export { createAnimationName, getAnimationDuration, getOptimizedAnimationSettings, prefersReducedMotion } from "./animationUtils";
3
+ export { hexToRgb, rgba } from "./colorUtils";
4
+ export { clamp } from "./mathUtils";
5
+ export { generateId, sanitizeCSSValue } from "./domUtils";
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG7E,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,6BAA6B,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAGlI,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGpC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC"}
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Clamps a value between min and max
3
+ * @param value - The value to clamp
4
+ * @param min - The minimum value
5
+ * @param max - The maximum value
6
+ * @returns The clamped value
7
+ */
8
+ export declare function clamp(value: number, min: number, max: number): number;
9
+ //# sourceMappingURL=mathUtils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mathUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/mathUtils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE"}
@@ -0,0 +1,22 @@
1
+ import { ILoaderCSSVariables } from "@/@types";
2
+ /**
3
+ * Merges default props with user props, handling undefined values gracefully
4
+ * @param defaultProps - The default props to merge
5
+ * @param userProps - The user provided props
6
+ * @returns Merged props object
7
+ */
8
+ export declare function mergeProps<T extends object, U extends object>(defaultProps: T, userProps: U): T & U;
9
+ /**
10
+ * Converts size prop to CSS value
11
+ * @param size - The size value (number or string)
12
+ * @param fallback - The fallback value if size is undefined
13
+ * @returns CSS size value as string
14
+ */
15
+ export declare function getSizeValue(size: number | string | undefined, fallback?: string): string;
16
+ /**
17
+ * Generates CSS custom properties object from loader variables
18
+ * @param variables - The loader CSS variables object
19
+ * @returns React CSS properties object
20
+ */
21
+ export declare function generateCSSVariables(variables: ILoaderCSSVariables): React.CSSProperties;
22
+ //# sourceMappingURL=propUtils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"propUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/propUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,EAAE,YAAY,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAEnG;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,QAAQ,SAAS,GAAG,MAAM,CAIzF;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAUxF"}
package/package.json ADDED
@@ -0,0 +1,112 @@
1
+ {
2
+ "name": "react-loadly",
3
+ "version": "1.0.0",
4
+ "description": "A professional React loaders package with high-performance, customizable loader components",
5
+ "type": "module",
6
+ "main": "dist/index.js",
7
+ "module": "dist/index.esm.js",
8
+ "types": "dist/index.d.ts",
9
+ "files": [
10
+ "dist"
11
+ ],
12
+ "exports": {
13
+ ".": {
14
+ "import": "./dist/index.esm.js",
15
+ "require": "./dist/index.js",
16
+ "types": "./dist/index.d.ts"
17
+ },
18
+ "./styles.css": {
19
+ "import": "./dist/styles.css",
20
+ "require": "./dist/styles.css"
21
+ }
22
+ },
23
+ "sideEffects": [
24
+ "*.css"
25
+ ],
26
+ "scripts": {
27
+ "build:js": "rollup -c",
28
+ "build:types": "tsc --emitDeclarationOnly",
29
+ "build:watch": "rollup -c -w",
30
+ "clean": "rimraf dist",
31
+ "build": "npm run clean && npm run build:js && npm run build:types",
32
+ "test": "jest",
33
+ "test:watch": "jest --watch",
34
+ "test:coverage": "jest --coverage",
35
+ "lint": "eslint src --ext .ts,.tsx",
36
+ "lint:fix": "eslint src --ext .ts,.tsx --fix",
37
+ "type-check": "tsc --noEmit",
38
+ "dev": "vite",
39
+ "dev:vite": "vite",
40
+ "serve": "vite",
41
+ "preview": "vite preview",
42
+ "prepare": "npm run build",
43
+ "production": "pnpm i && pnpm lint:fix && pnpm build && pnpm pack"
44
+ },
45
+ "keywords": [
46
+ "react",
47
+ "loaders",
48
+ "loading",
49
+ "spinner",
50
+ "animation",
51
+ "typescript",
52
+ "nextjs",
53
+ "components",
54
+ "ui",
55
+ "performance"
56
+ ],
57
+ "author": "Mostafa Mohamed",
58
+ "license": "MIT",
59
+ "repository": {
60
+ "type": "git",
61
+ "url": "https://github.com/Mostafashadow1/react-loadly.git"
62
+ },
63
+ "bugs": {
64
+ "url": "https://github.com/Mostafashadow1/react-loadly/issues"
65
+ },
66
+ "homepage": "https://github.com/Mostafashadow1/react-loadly#readme",
67
+ "peerDependencies": {
68
+ "react": ">=16.8.0",
69
+ "react-dom": ">=16.8.0"
70
+ },
71
+ "devDependencies": {
72
+ "@rollup/plugin-commonjs": "^25.0.7",
73
+ "@rollup/plugin-node-resolve": "^15.2.3",
74
+ "@rollup/plugin-typescript": "^11.1.5",
75
+ "@testing-library/jest-dom": "^6.1.5",
76
+ "@testing-library/react": "^14.1.2",
77
+ "@testing-library/user-event": "^14.5.1",
78
+ "@types/jest": "^29.5.8",
79
+ "@types/node": "^24.3.1",
80
+ "@types/react": "^18.2.38",
81
+ "@types/react-dom": "^18.2.17",
82
+ "@typescript-eslint/eslint-plugin": "^6.12.0",
83
+ "@typescript-eslint/parser": "^6.12.0",
84
+ "@vitejs/plugin-react": "^4.2.0",
85
+ "autoprefixer": "^10.4.21",
86
+ "eslint": "^8.54.0",
87
+ "eslint-plugin-react": "^7.33.2",
88
+ "eslint-plugin-react-hooks": "^4.6.0",
89
+ "jest": "^29.7.0",
90
+ "jest-environment-jsdom": "^29.7.0",
91
+ "react": "^18.2.0",
92
+ "react-dom": "^18.2.0",
93
+ "rimraf": "^5.0.5",
94
+ "rollup": "^4.6.1",
95
+ "rollup-plugin-dts": "^6.2.3",
96
+ "rollup-plugin-postcss": "^4.0.2",
97
+ "rollup-plugin-typescript-paths": "^1.5.0",
98
+ "ts-jest": "^29.1.1",
99
+ "tsconfig-paths": "^4.2.0",
100
+ "tslib": "^2.6.2",
101
+ "typescript": "^5.2.2",
102
+ "vite": "^5.0.8"
103
+ },
104
+ "engines": {
105
+ "node": ">=16.0.0"
106
+ },
107
+ "dependencies": {
108
+ "@tailwindcss/postcss": "^4.1.13",
109
+ "install": "^0.13.0",
110
+ "npm": "^11.6.0"
111
+ }
112
+ }