premium-react-loaders 2.3.1 → 3.1.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 (195) hide show
  1. package/README.md +87 -3
  2. package/dist/components/3d/CubeSpinner.d.ts +21 -0
  3. package/dist/components/3d/CubeSpinner.d.ts.map +1 -0
  4. package/dist/components/3d/FlipCard.d.ts +21 -0
  5. package/dist/components/3d/FlipCard.d.ts.map +1 -0
  6. package/dist/components/3d/Helix.d.ts +23 -0
  7. package/dist/components/3d/Helix.d.ts.map +1 -0
  8. package/dist/components/3d/PerspectiveRing.d.ts +21 -0
  9. package/dist/components/3d/PerspectiveRing.d.ts.map +1 -0
  10. package/dist/components/3d/PlaneRotate.d.ts +21 -0
  11. package/dist/components/3d/PlaneRotate.d.ts.map +1 -0
  12. package/dist/components/3d/index.d.ts +6 -0
  13. package/dist/components/3d/index.d.ts.map +1 -0
  14. package/dist/components/accessibility/LiveRegion.d.ts +34 -0
  15. package/dist/components/accessibility/LiveRegion.d.ts.map +1 -0
  16. package/dist/components/accessibility/index.d.ts +2 -0
  17. package/dist/components/accessibility/index.d.ts.map +1 -0
  18. package/dist/components/bounce/BouncingBalls.d.ts +15 -0
  19. package/dist/components/bounce/BouncingBalls.d.ts.map +1 -0
  20. package/dist/components/bounce/BouncingDots.d.ts +15 -0
  21. package/dist/components/bounce/BouncingDots.d.ts.map +1 -0
  22. package/dist/components/bounce/index.d.ts +3 -0
  23. package/dist/components/bounce/index.d.ts.map +1 -0
  24. package/dist/components/index.d.ts +8 -0
  25. package/dist/components/index.d.ts.map +1 -1
  26. package/dist/components/infinity/InfinityLoader.d.ts +15 -0
  27. package/dist/components/infinity/InfinityLoader.d.ts.map +1 -0
  28. package/dist/components/infinity/MobiusLoader.d.ts +15 -0
  29. package/dist/components/infinity/MobiusLoader.d.ts.map +1 -0
  30. package/dist/components/infinity/index.d.ts +3 -0
  31. package/dist/components/infinity/index.d.ts.map +1 -0
  32. package/dist/components/orbit/AtomLoader.d.ts +15 -0
  33. package/dist/components/orbit/AtomLoader.d.ts.map +1 -0
  34. package/dist/components/orbit/OrbitDots.d.ts +15 -0
  35. package/dist/components/orbit/OrbitDots.d.ts.map +1 -0
  36. package/dist/components/orbit/OrbitRings.d.ts +15 -0
  37. package/dist/components/orbit/OrbitRings.d.ts.map +1 -0
  38. package/dist/components/orbit/index.d.ts +4 -0
  39. package/dist/components/orbit/index.d.ts.map +1 -0
  40. package/dist/components/shimmer/ShimmerBox.d.ts +15 -0
  41. package/dist/components/shimmer/ShimmerBox.d.ts.map +1 -0
  42. package/dist/components/shimmer/ShimmerButton.d.ts +15 -0
  43. package/dist/components/shimmer/ShimmerButton.d.ts.map +1 -0
  44. package/dist/components/shimmer/ShimmerText.d.ts +15 -0
  45. package/dist/components/shimmer/ShimmerText.d.ts.map +1 -0
  46. package/dist/components/shimmer/index.d.ts +4 -0
  47. package/dist/components/shimmer/index.d.ts.map +1 -0
  48. package/dist/components/skeleton/DataTableSkeleton.d.ts +25 -0
  49. package/dist/components/skeleton/DataTableSkeleton.d.ts.map +1 -0
  50. package/dist/components/skeleton/SmartSkeleton.d.ts +23 -0
  51. package/dist/components/skeleton/SmartSkeleton.d.ts.map +1 -0
  52. package/dist/components/skeleton/index.d.ts +2 -0
  53. package/dist/components/skeleton/index.d.ts.map +1 -1
  54. package/dist/components/smart/FormFieldLoader.d.ts +22 -0
  55. package/dist/components/smart/FormFieldLoader.d.ts.map +1 -0
  56. package/dist/components/smart/index.d.ts +2 -0
  57. package/dist/components/smart/index.d.ts.map +1 -0
  58. package/dist/components/text/LoadingText.d.ts +16 -0
  59. package/dist/components/text/LoadingText.d.ts.map +1 -0
  60. package/dist/components/text/index.d.ts +2 -0
  61. package/dist/components/text/index.d.ts.map +1 -0
  62. package/dist/hooks/index.d.ts +6 -0
  63. package/dist/hooks/index.d.ts.map +1 -1
  64. package/dist/hooks/useLoadingAnalytics.d.ts +101 -0
  65. package/dist/hooks/useLoadingAnalytics.d.ts.map +1 -0
  66. package/dist/hooks/useLoadingOrchestrator.d.ts +104 -0
  67. package/dist/hooks/useLoadingOrchestrator.d.ts.map +1 -0
  68. package/dist/hooks/useSmartLoader.d.ts +98 -0
  69. package/dist/hooks/useSmartLoader.d.ts.map +1 -0
  70. package/dist/index.cjs +60 -20
  71. package/dist/index.js +60 -20
  72. package/dist/index10.cjs +1 -1
  73. package/dist/index10.js +1 -1
  74. package/dist/index11.cjs +1 -1
  75. package/dist/index11.js +1 -1
  76. package/dist/index12.cjs +1 -1
  77. package/dist/index12.js +1 -1
  78. package/dist/index13.cjs +1 -1
  79. package/dist/index13.js +1 -1
  80. package/dist/index14.cjs +1 -1
  81. package/dist/index14.js +1 -1
  82. package/dist/index15.cjs +1 -1
  83. package/dist/index15.js +1 -1
  84. package/dist/index16.cjs +131 -66
  85. package/dist/index16.js +132 -67
  86. package/dist/index17.cjs +245 -30
  87. package/dist/index17.js +246 -31
  88. package/dist/index18.cjs +24 -36
  89. package/dist/index18.js +24 -36
  90. package/dist/index19.cjs +19 -21
  91. package/dist/index19.js +19 -21
  92. package/dist/index20.cjs +25 -20
  93. package/dist/index20.js +25 -20
  94. package/dist/index21.cjs +22 -32
  95. package/dist/index21.js +22 -32
  96. package/dist/index22.cjs +26 -35
  97. package/dist/index22.js +28 -37
  98. package/dist/index23.cjs +40 -76
  99. package/dist/index23.js +42 -78
  100. package/dist/index24.cjs +53 -102
  101. package/dist/index24.js +54 -103
  102. package/dist/index25.cjs +46 -80
  103. package/dist/index25.js +47 -81
  104. package/dist/index26.cjs +105 -103
  105. package/dist/index26.js +107 -105
  106. package/dist/index27.cjs +108 -27
  107. package/dist/index27.js +111 -30
  108. package/dist/index28.cjs +104 -36
  109. package/dist/index28.js +106 -38
  110. package/dist/index29.cjs +22 -30
  111. package/dist/index29.js +23 -31
  112. package/dist/index30.cjs +30 -32
  113. package/dist/index30.js +31 -33
  114. package/dist/index31.cjs +49 -52
  115. package/dist/index31.js +50 -53
  116. package/dist/index32.cjs +37 -108
  117. package/dist/index32.js +38 -109
  118. package/dist/index33.cjs +54 -72
  119. package/dist/index33.js +55 -73
  120. package/dist/index34.cjs +112 -80
  121. package/dist/index34.js +112 -80
  122. package/dist/index35.cjs +78 -145
  123. package/dist/index35.js +80 -147
  124. package/dist/index36.cjs +112 -120
  125. package/dist/index36.js +113 -121
  126. package/dist/index37.cjs +167 -0
  127. package/dist/index37.js +167 -0
  128. package/dist/index38.cjs +96 -0
  129. package/dist/index38.js +96 -0
  130. package/dist/index39.cjs +113 -0
  131. package/dist/index39.js +113 -0
  132. package/dist/index40.cjs +169 -0
  133. package/dist/index40.js +169 -0
  134. package/dist/index41.cjs +97 -0
  135. package/dist/index41.js +97 -0
  136. package/dist/index42.cjs +90 -0
  137. package/dist/index42.js +90 -0
  138. package/dist/index43.cjs +139 -0
  139. package/dist/index43.js +139 -0
  140. package/dist/index44.cjs +82 -0
  141. package/dist/index44.js +82 -0
  142. package/dist/index45.cjs +110 -0
  143. package/dist/index45.js +110 -0
  144. package/dist/index46.cjs +135 -0
  145. package/dist/index46.js +135 -0
  146. package/dist/index47.cjs +106 -0
  147. package/dist/index47.js +106 -0
  148. package/dist/index48.cjs +158 -0
  149. package/dist/index48.js +158 -0
  150. package/dist/index49.cjs +167 -0
  151. package/dist/index49.js +167 -0
  152. package/dist/index50.cjs +110 -0
  153. package/dist/index50.js +110 -0
  154. package/dist/index51.cjs +112 -0
  155. package/dist/index51.js +112 -0
  156. package/dist/index52.cjs +144 -0
  157. package/dist/index52.js +144 -0
  158. package/dist/index53.cjs +112 -0
  159. package/dist/index53.js +112 -0
  160. package/dist/index54.cjs +189 -0
  161. package/dist/index54.js +189 -0
  162. package/dist/index55.cjs +53 -0
  163. package/dist/index55.js +53 -0
  164. package/dist/index56.cjs +125 -0
  165. package/dist/index56.js +125 -0
  166. package/dist/index7.cjs +1 -1
  167. package/dist/index7.js +1 -1
  168. package/dist/index8.cjs +1 -1
  169. package/dist/index8.js +1 -1
  170. package/dist/index9.cjs +1 -1
  171. package/dist/index9.js +1 -1
  172. package/dist/premium-react-loaders.css +357 -0
  173. package/dist/types/3d.d.ts +85 -0
  174. package/dist/types/3d.d.ts.map +1 -0
  175. package/dist/types/accessibility.d.ts +35 -0
  176. package/dist/types/accessibility.d.ts.map +1 -0
  177. package/dist/types/bounce.d.ts +41 -0
  178. package/dist/types/bounce.d.ts.map +1 -0
  179. package/dist/types/index.d.ts +8 -0
  180. package/dist/types/index.d.ts.map +1 -1
  181. package/dist/types/infinity.d.ts +35 -0
  182. package/dist/types/infinity.d.ts.map +1 -0
  183. package/dist/types/orbit.d.ts +50 -0
  184. package/dist/types/orbit.d.ts.map +1 -0
  185. package/dist/types/shimmer.d.ts +52 -0
  186. package/dist/types/shimmer.d.ts.map +1 -0
  187. package/dist/types/smart.d.ts +63 -0
  188. package/dist/types/smart.d.ts.map +1 -0
  189. package/dist/types/text.d.ts +27 -0
  190. package/dist/types/text.d.ts.map +1 -0
  191. package/dist/utils/accessibility.d.ts +67 -0
  192. package/dist/utils/accessibility.d.ts.map +1 -0
  193. package/dist/utils/index.d.ts +1 -0
  194. package/dist/utils/index.d.ts.map +1 -1
  195. package/package.json +1 -1
@@ -205,6 +205,39 @@
205
205
  left: 0;
206
206
  }
207
207
  /* Animation keyframes */
208
+ /* Shimmer animations - directional */
209
+ @keyframes shimmer-ltr {
210
+ 0% {
211
+ transform: translateX(-100%);
212
+ }
213
+ 100% {
214
+ transform: translateX(100%);
215
+ }
216
+ }
217
+ @keyframes shimmer-rtl {
218
+ 0% {
219
+ transform: translateX(100%);
220
+ }
221
+ 100% {
222
+ transform: translateX(-100%);
223
+ }
224
+ }
225
+ @keyframes shimmer-ttb {
226
+ 0% {
227
+ transform: translateY(-100%);
228
+ }
229
+ 100% {
230
+ transform: translateY(100%);
231
+ }
232
+ }
233
+ @keyframes shimmer-btt {
234
+ 0% {
235
+ transform: translateY(100%);
236
+ }
237
+ 100% {
238
+ transform: translateY(-100%);
239
+ }
240
+ }
208
241
  @keyframes skeleton-shimmer {
209
242
  0% {
210
243
  transform: translateX(-100%);
@@ -578,6 +611,330 @@
578
611
  opacity: 0;
579
612
  transition: opacity var(--transition-duration, 150ms) ease-out;
580
613
  }
614
+ /* Orbit animations */
615
+ @keyframes orbit-rotate {
616
+ 0% {
617
+ transform: rotate(0deg);
618
+ }
619
+ 100% {
620
+ transform: rotate(360deg);
621
+ }
622
+ }
623
+ @keyframes orbit-dot-pulse {
624
+ 0%,
625
+ 100% {
626
+ opacity: 0.4;
627
+ transform: translate(-50%, -50%) rotate(var(--angle, 0deg)) translateX(var(--radius, 0)) scale(0.8);
628
+ }
629
+ 50% {
630
+ opacity: 1;
631
+ transform: translate(-50%, -50%) rotate(var(--angle, 0deg)) translateX(var(--radius, 0)) scale(1);
632
+ }
633
+ }
634
+ @keyframes atom-orbit {
635
+ 0% {
636
+ transform: rotate(0deg);
637
+ }
638
+ 100% {
639
+ transform: rotate(360deg);
640
+ }
641
+ }
642
+ .animate-orbit-rotate {
643
+ animation: orbit-rotate var(--animation-duration-normal, 1s) linear infinite;
644
+ }
645
+ .animate-atom-orbit {
646
+ animation: atom-orbit var(--animation-duration-normal, 1s) linear infinite;
647
+ }
648
+ /* Bounce animations */
649
+ @keyframes bounce-dot {
650
+ 0%,
651
+ 100% {
652
+ transform: translateY(0);
653
+ }
654
+ 50% {
655
+ transform: translateY(calc(var(--bounce-height, 10px) * -1));
656
+ }
657
+ }
658
+ @keyframes bounce-ball {
659
+ 0%,
660
+ 100% {
661
+ transform: translateY(0);
662
+ }
663
+ 50% {
664
+ transform: translateY(calc(var(--bounce-height, 20px) * -1));
665
+ }
666
+ }
667
+ @keyframes bounce-ball-squash {
668
+ 0%,
669
+ 100% {
670
+ transform: translateY(0) scaleX(1.1) scaleY(0.9);
671
+ }
672
+ 25% {
673
+ transform: translateY(calc(var(--bounce-height, 20px) * -0.5)) scaleX(1) scaleY(1);
674
+ }
675
+ 50% {
676
+ transform: translateY(calc(var(--bounce-height, 20px) * -1)) scaleX(0.9) scaleY(1.1);
677
+ }
678
+ 75% {
679
+ transform: translateY(calc(var(--bounce-height, 20px) * -0.5)) scaleX(1) scaleY(1);
680
+ }
681
+ }
682
+ @keyframes bounce-shadow {
683
+ 0%,
684
+ 100% {
685
+ transform: scale(1);
686
+ opacity: 0.3;
687
+ }
688
+ 50% {
689
+ transform: scale(0.5);
690
+ opacity: 0.1;
691
+ }
692
+ }
693
+ .animate-bounce-dot {
694
+ animation: bounce-dot var(--animation-duration-normal, 600ms) ease-in-out infinite;
695
+ }
696
+ .animate-bounce-ball {
697
+ animation: bounce-ball var(--animation-duration-normal, 800ms) ease-in-out infinite;
698
+ }
699
+ /* Infinity animations */
700
+ @keyframes infinity-dash {
701
+ 0% {
702
+ stroke-dashoffset: 0;
703
+ }
704
+ 100% {
705
+ stroke-dashoffset: -250;
706
+ }
707
+ }
708
+ @keyframes infinity-dot {
709
+ 0% {
710
+ opacity: 1;
711
+ }
712
+ 50% {
713
+ opacity: 0.6;
714
+ }
715
+ 100% {
716
+ opacity: 1;
717
+ }
718
+ }
719
+ @keyframes mobius-rotate {
720
+ 0% {
721
+ transform: rotate(0deg) rotateX(0deg);
722
+ }
723
+ 100% {
724
+ transform: rotate(360deg) rotateX(0deg);
725
+ }
726
+ }
727
+ @keyframes mobius-segment {
728
+ 0%,
729
+ 100% {
730
+ opacity: 0.3;
731
+ transform: rotate(var(--angle, 90deg)) scale(1);
732
+ }
733
+ 50% {
734
+ opacity: 1;
735
+ transform: rotate(var(--angle, 90deg)) scale(1.2);
736
+ }
737
+ }
738
+ .animate-infinity-dash {
739
+ animation: infinity-dash var(--animation-duration-normal, 2s) linear infinite;
740
+ }
741
+ .animate-mobius-rotate {
742
+ animation: mobius-rotate var(--animation-duration-normal, 2s) linear infinite;
743
+ }
744
+ /* Loading text animations */
745
+ @keyframes loading-text-dot {
746
+ 0%,
747
+ 80%,
748
+ 100% {
749
+ opacity: 0;
750
+ }
751
+ 40% {
752
+ opacity: 1;
753
+ }
754
+ }
755
+ @keyframes loading-text-fade {
756
+ 0%,
757
+ 100% {
758
+ opacity: 1;
759
+ }
760
+ 50% {
761
+ opacity: 0.3;
762
+ }
763
+ }
764
+ @keyframes loading-text-bounce {
765
+ 0%,
766
+ 80%,
767
+ 100% {
768
+ transform: translateY(0);
769
+ }
770
+ 40% {
771
+ transform: translateY(-0.3em);
772
+ }
773
+ }
774
+ @keyframes loading-text-wave {
775
+ 0%,
776
+ 100% {
777
+ transform: translateY(0);
778
+ }
779
+ 25% {
780
+ transform: translateY(-0.2em);
781
+ }
782
+ 50% {
783
+ transform: translateY(0);
784
+ }
785
+ 75% {
786
+ transform: translateY(0.1em);
787
+ }
788
+ }
789
+ .animate-loading-text-dot {
790
+ animation: loading-text-dot var(--animation-duration-normal, 1.4s) ease-in-out infinite;
791
+ }
792
+ .animate-loading-text-fade {
793
+ animation: loading-text-fade var(--animation-duration-normal, 1.5s) ease-in-out infinite;
794
+ }
795
+ .animate-loading-text-bounce {
796
+ animation: loading-text-bounce var(--animation-duration-normal, 1.2s) ease-in-out infinite;
797
+ }
798
+ /* 3D Loader animations */
799
+ /* Cube rotations */
800
+ @keyframes cube-rotate-x {
801
+ 0% {
802
+ transform: rotateX(0deg);
803
+ }
804
+ 100% {
805
+ transform: rotateX(360deg);
806
+ }
807
+ }
808
+ @keyframes cube-rotate-y {
809
+ 0% {
810
+ transform: rotateY(0deg);
811
+ }
812
+ 100% {
813
+ transform: rotateY(360deg);
814
+ }
815
+ }
816
+ @keyframes cube-rotate-z {
817
+ 0% {
818
+ transform: rotateZ(0deg);
819
+ }
820
+ 100% {
821
+ transform: rotateZ(360deg);
822
+ }
823
+ }
824
+ @keyframes cube-rotate-diagonal {
825
+ 0% {
826
+ transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
827
+ }
828
+ 100% {
829
+ transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
830
+ }
831
+ }
832
+ .animate-cube-rotate-x {
833
+ animation: cube-rotate-x var(--animation-duration-normal, 2s) linear infinite;
834
+ }
835
+ .animate-cube-rotate-y {
836
+ animation: cube-rotate-y var(--animation-duration-normal, 2s) linear infinite;
837
+ }
838
+ .animate-cube-rotate-z {
839
+ animation: cube-rotate-z var(--animation-duration-normal, 2s) linear infinite;
840
+ }
841
+ .animate-cube-rotate-diagonal {
842
+ animation: cube-rotate-diagonal var(--animation-duration-normal, 3s) linear infinite;
843
+ }
844
+ /* Flip card animations */
845
+ @keyframes flip-card-horizontal {
846
+ 0% {
847
+ transform: rotateY(0deg);
848
+ }
849
+ 100% {
850
+ transform: rotateY(360deg);
851
+ }
852
+ }
853
+ @keyframes flip-card-vertical {
854
+ 0% {
855
+ transform: rotateX(0deg);
856
+ }
857
+ 100% {
858
+ transform: rotateX(360deg);
859
+ }
860
+ }
861
+ .animate-flip-card-horizontal {
862
+ animation: flip-card-horizontal var(--animation-duration-normal, 2s) linear infinite;
863
+ }
864
+ .animate-flip-card-vertical {
865
+ animation: flip-card-vertical var(--animation-duration-normal, 2s) linear infinite;
866
+ }
867
+ /* Plane rotate animations */
868
+ @keyframes plane-rotate-sync {
869
+ 0% {
870
+ transform: translateZ(0) rotateY(0deg);
871
+ }
872
+ 100% {
873
+ transform: translateZ(0) rotateY(360deg);
874
+ }
875
+ }
876
+ @keyframes plane-rotate-stagger {
877
+ 0% {
878
+ transform: translateZ(0) rotateY(0deg);
879
+ }
880
+ 100% {
881
+ transform: translateZ(0) rotateY(360deg);
882
+ }
883
+ }
884
+ @keyframes plane-rotate-opposite {
885
+ 0% {
886
+ transform: translateZ(0) rotateY(0deg);
887
+ }
888
+ 100% {
889
+ transform: translateZ(0) rotateY(360deg);
890
+ }
891
+ }
892
+ .animate-plane-rotate-sync {
893
+ animation: plane-rotate-sync var(--animation-duration-normal, 2s) linear infinite;
894
+ }
895
+ .animate-plane-rotate-stagger {
896
+ animation: plane-rotate-stagger var(--animation-duration-normal, 2s) linear infinite;
897
+ }
898
+ .animate-plane-rotate-opposite {
899
+ animation: plane-rotate-opposite var(--animation-duration-normal, 2s) linear infinite;
900
+ }
901
+ /* Helix animations */
902
+ @keyframes helix-rotate-up {
903
+ 0% {
904
+ transform: rotateY(0deg);
905
+ }
906
+ 100% {
907
+ transform: rotateY(360deg);
908
+ }
909
+ }
910
+ @keyframes helix-rotate-down {
911
+ 0% {
912
+ transform: rotateY(360deg);
913
+ }
914
+ 100% {
915
+ transform: rotateY(0deg);
916
+ }
917
+ }
918
+ @keyframes helix-particle-pulse {
919
+ 0%,
920
+ 100% {
921
+ transform: translate3d(var(--x, 0), 0, var(--z, 0)) scale(1);
922
+ opacity: 1;
923
+ }
924
+ 50% {
925
+ transform: translate3d(var(--x, 0), 0, var(--z, 0)) scale(1.2);
926
+ opacity: 0.8;
927
+ }
928
+ }
929
+ .animate-helix-rotate-up {
930
+ animation: helix-rotate-up var(--animation-duration-normal, 3s) linear infinite;
931
+ }
932
+ .animate-helix-rotate-down {
933
+ animation: helix-rotate-down var(--animation-duration-normal, 3s) linear infinite;
934
+ }
935
+ .animate-helix-particle-pulse {
936
+ animation: helix-particle-pulse var(--animation-duration-fast, 1s) ease-in-out infinite;
937
+ }
581
938
  /* CSS Variables for theming */
582
939
  :root {
583
940
  /* Colors */
@@ -0,0 +1,85 @@
1
+ import { BaseLoaderProps } from './common';
2
+ /**
3
+ * CubeSpinner component props
4
+ */
5
+ export interface CubeSpinnerProps extends BaseLoaderProps {
6
+ /** Colors for cube faces (6 colors for 6 faces) */
7
+ faceColors?: string[];
8
+ /** Rotation axis */
9
+ rotationAxis?: 'x' | 'y' | 'z' | 'diagonal';
10
+ /** Perspective distance in pixels */
11
+ perspective?: number;
12
+ /** Show cube edges/wireframe */
13
+ showEdges?: boolean;
14
+ /** Edge color */
15
+ edgeColor?: string;
16
+ }
17
+ /**
18
+ * FlipCard component props
19
+ */
20
+ export interface FlipCardProps extends BaseLoaderProps {
21
+ /** Flip direction */
22
+ direction?: 'horizontal' | 'vertical';
23
+ /** Front face color */
24
+ frontColor?: string;
25
+ /** Back face color */
26
+ backColor?: string;
27
+ /** Card width */
28
+ width?: number | string;
29
+ /** Card height */
30
+ height?: number | string;
31
+ /** Flip interval in milliseconds */
32
+ interval?: number;
33
+ /** Perspective distance in pixels */
34
+ perspective?: number;
35
+ }
36
+ /**
37
+ * PlaneRotate component props
38
+ */
39
+ export interface PlaneRotateProps extends BaseLoaderProps {
40
+ /** Number of planes (2-6) */
41
+ planeCount?: number;
42
+ /** Plane spacing in pixels */
43
+ spacing?: number;
44
+ /** Rotation type */
45
+ rotationType?: 'synchronized' | 'staggered' | 'opposite';
46
+ /** Plane opacity (0-1) */
47
+ opacity?: number;
48
+ /** Show center axis */
49
+ showAxis?: boolean;
50
+ }
51
+ /**
52
+ * Helix component props
53
+ */
54
+ export interface HelixProps extends BaseLoaderProps {
55
+ /** Number of particles/dots in helix */
56
+ particleCount?: number;
57
+ /** Helix radius in pixels */
58
+ radius?: number;
59
+ /** Helix height/length in pixels */
60
+ height?: number;
61
+ /** Number of complete rotations */
62
+ turns?: number;
63
+ /** Rotation direction */
64
+ direction?: 'up' | 'down';
65
+ /** Particle size in pixels */
66
+ particleSize?: number;
67
+ /** Show connecting lines */
68
+ showLines?: boolean;
69
+ }
70
+ /**
71
+ * PerspectiveRing component props
72
+ */
73
+ export interface PerspectiveRingProps extends BaseLoaderProps {
74
+ /** Ring tilt angle (0-90 degrees) */
75
+ tilt?: number;
76
+ /** Ring thickness */
77
+ thickness?: number;
78
+ /** Show shadow underneath */
79
+ showShadow?: boolean;
80
+ /** Shadow blur amount in pixels */
81
+ shadowBlur?: number;
82
+ /** Number of segments in ring */
83
+ segments?: number;
84
+ }
85
+ //# sourceMappingURL=3d.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"3d.d.ts","sourceRoot":"","sources":["../../src/types/3d.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,oBAAoB;IACpB,YAAY,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,UAAU,CAAC;IAC5C,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,qBAAqB;IACrB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB;IACpB,YAAY,CAAC,EAAE,cAAc,GAAG,WAAW,GAAG,UAAU,CAAC;IACzD,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,eAAe;IACjD,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
@@ -0,0 +1,35 @@
1
+ /**
2
+ * LiveRegion component props
3
+ */
4
+ export interface LiveRegionProps {
5
+ /** Message to announce to screen readers */
6
+ message: string;
7
+ /** ARIA live politeness level */
8
+ politeness?: 'polite' | 'assertive' | 'off';
9
+ /** Auto-clear message after duration (ms) */
10
+ clearAfter?: number;
11
+ /** Whether the entire region should be announced */
12
+ atomic?: boolean;
13
+ /** Whether to announce relevant changes only */
14
+ relevant?: 'additions' | 'removals' | 'text' | 'all';
15
+ /** Custom className */
16
+ className?: string;
17
+ }
18
+ /**
19
+ * Announcement priority levels
20
+ */
21
+ export type AnnouncementPriority = 'low' | 'medium' | 'high';
22
+ /**
23
+ * Progress announcement configuration
24
+ */
25
+ export interface ProgressAnnouncementConfig {
26
+ /** Enable progress announcements */
27
+ enabled?: boolean;
28
+ /** Announce at these milestone percentages */
29
+ milestones?: number[];
30
+ /** Minimum interval between announcements (ms) */
31
+ minInterval?: number;
32
+ /** Include estimated time in announcement */
33
+ includeTimeEstimate?: boolean;
34
+ }
35
+ //# sourceMappingURL=accessibility.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../src/types/accessibility.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,4CAA4C;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,iCAAiC;IACjC,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;IAC5C,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;IACrD,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B"}
@@ -0,0 +1,41 @@
1
+ import { BaseLoaderProps } from './common';
2
+ /**
3
+ * Base props for bounce loader components
4
+ */
5
+ export interface BounceBaseProps extends BaseLoaderProps {
6
+ /** Primary color */
7
+ color?: string;
8
+ /** Secondary color for alternating elements */
9
+ secondaryColor?: string;
10
+ /** Bounce height multiplier */
11
+ bounceHeight?: number;
12
+ }
13
+ /**
14
+ * Props for BouncingDots component
15
+ */
16
+ export interface BouncingDotsProps extends BounceBaseProps {
17
+ /** Number of dots */
18
+ dotCount?: number;
19
+ /** Size of each dot */
20
+ dotSize?: number;
21
+ /** Gap between dots */
22
+ gap?: number;
23
+ /** Stagger delay between dots */
24
+ staggerDelay?: number;
25
+ }
26
+ /**
27
+ * Props for BouncingBalls component
28
+ */
29
+ export interface BouncingBallsProps extends BounceBaseProps {
30
+ /** Number of balls */
31
+ ballCount?: number;
32
+ /** Size of each ball */
33
+ ballSize?: number;
34
+ /** Gap between balls */
35
+ gap?: number;
36
+ /** Enable 3D shadow effect */
37
+ shadow?: boolean;
38
+ /** Enable squash and stretch effect */
39
+ squash?: boolean;
40
+ }
41
+ //# sourceMappingURL=bounce.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"bounce.d.ts","sourceRoot":"","sources":["../../src/types/bounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,uCAAuC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}
@@ -7,5 +7,13 @@ export * from './overlay';
7
7
  export * from './button';
8
8
  export * from './status';
9
9
  export * from './transition';
10
+ export * from './shimmer';
11
+ export * from './orbit';
12
+ export * from './bounce';
13
+ export * from './infinity';
14
+ export * from './text';
15
+ export * from './3d';
16
+ export * from './smart';
17
+ export * from './accessibility';
10
18
  export * from './hooks';
11
19
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC;AAGzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC;AAGzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAGhC,cAAc,SAAS,CAAC"}
@@ -0,0 +1,35 @@
1
+ import { BaseLoaderProps } from './common';
2
+ /**
3
+ * Base props for infinity loader components
4
+ */
5
+ export interface InfinityBaseProps extends BaseLoaderProps {
6
+ /** Primary color */
7
+ color?: string;
8
+ /** Secondary color for gradient effect */
9
+ secondaryColor?: string;
10
+ /** Stroke thickness */
11
+ thickness?: number;
12
+ }
13
+ /**
14
+ * Props for InfinityLoader component
15
+ */
16
+ export interface InfinityLoaderProps extends InfinityBaseProps {
17
+ /** Enable gradient coloring */
18
+ gradient?: boolean;
19
+ /** Show a dot traveling along the path */
20
+ showDot?: boolean;
21
+ /** Size of the traveling dot */
22
+ dotSize?: number;
23
+ }
24
+ /**
25
+ * Props for MobiusLoader component
26
+ */
27
+ export interface MobiusLoaderProps extends InfinityBaseProps {
28
+ /** Number of segments in the ribbon */
29
+ segments?: number;
30
+ /** Enable 3D twist effect */
31
+ twist?: boolean;
32
+ /** Ribbon width */
33
+ ribbonWidth?: number;
34
+ }
35
+ //# sourceMappingURL=infinity.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"infinity.d.ts","sourceRoot":"","sources":["../../src/types/infinity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
@@ -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"}