premium-react-loaders 3.1.1 → 4.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 +30 -3
- package/dist/components/gradient/GradientBar.d.ts +13 -0
- package/dist/components/gradient/GradientBar.d.ts.map +1 -0
- package/dist/components/gradient/GradientRing.d.ts +12 -0
- package/dist/components/gradient/GradientRing.d.ts.map +1 -0
- package/dist/components/gradient/GradientSpinner.d.ts +12 -0
- package/dist/components/gradient/GradientSpinner.d.ts.map +1 -0
- package/dist/components/gradient/index.d.ts +4 -0
- package/dist/components/gradient/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/morph/LiquidFill.d.ts +13 -0
- package/dist/components/morph/LiquidFill.d.ts.map +1 -0
- package/dist/components/morph/MorphBlob.d.ts +12 -0
- package/dist/components/morph/MorphBlob.d.ts.map +1 -0
- package/dist/components/morph/WaveCircle.d.ts +12 -0
- package/dist/components/morph/WaveCircle.d.ts.map +1 -0
- package/dist/components/morph/index.d.ts +4 -0
- package/dist/components/morph/index.d.ts.map +1 -0
- package/dist/components/particle/ParticleBurst.d.ts +12 -0
- package/dist/components/particle/ParticleBurst.d.ts.map +1 -0
- package/dist/components/particle/ParticleOrbit.d.ts +12 -0
- package/dist/components/particle/ParticleOrbit.d.ts.map +1 -0
- package/dist/components/particle/index.d.ts +3 -0
- package/dist/components/particle/index.d.ts.map +1 -0
- package/dist/components/progress/ProgressBar.d.ts.map +1 -1
- package/dist/components/progress/ProgressCircle.d.ts.map +1 -1
- package/dist/components/progress/ProgressRing.d.ts.map +1 -1
- package/dist/index.cjs +17 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +17 -1
- 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/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 +17 -2
- package/dist/index25.js +18 -3
- package/dist/index26.cjs +17 -2
- package/dist/index26.js +18 -3
- package/dist/index27.cjs +17 -2
- package/dist/index27.js +18 -3
- 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/index35.cjs +1 -1
- package/dist/index35.js +1 -1
- package/dist/index36.cjs +1 -1
- package/dist/index36.js +1 -1
- package/dist/index38.cjs +1 -1
- package/dist/index38.js +1 -1
- package/dist/index39.cjs +1 -1
- package/dist/index39.js +1 -1
- package/dist/index4.cjs +10 -0
- package/dist/index4.js +10 -0
- package/dist/index40.cjs +1 -1
- package/dist/index40.js +1 -1
- package/dist/index41.cjs +1 -1
- package/dist/index41.js +1 -1
- package/dist/index42.cjs +1 -1
- package/dist/index42.js +1 -1
- package/dist/index43.cjs +1 -1
- package/dist/index43.js +1 -1
- package/dist/index44.cjs +1 -1
- package/dist/index44.js +1 -1
- package/dist/index45.cjs +1 -1
- package/dist/index45.js +1 -1
- package/dist/index46.cjs +1 -1
- package/dist/index46.js +1 -1
- package/dist/index47.cjs +1 -1
- package/dist/index47.js +1 -1
- package/dist/index48.cjs +1 -1
- package/dist/index48.js +1 -1
- package/dist/index49.cjs +1 -1
- package/dist/index49.js +1 -1
- package/dist/index50.cjs +1 -1
- package/dist/index50.js +1 -1
- package/dist/index51.cjs +1 -1
- package/dist/index51.js +1 -1
- package/dist/index52.cjs +1 -1
- package/dist/index52.js +1 -1
- package/dist/index53.cjs +1 -1
- package/dist/index53.js +1 -1
- package/dist/index54.cjs +1 -1
- package/dist/index54.js +1 -1
- package/dist/index56.cjs +50 -120
- package/dist/index56.js +51 -121
- package/dist/index57.cjs +119 -0
- package/dist/index57.js +119 -0
- package/dist/index58.cjs +70 -0
- package/dist/index58.js +70 -0
- package/dist/index59.cjs +66 -0
- package/dist/index59.js +66 -0
- package/dist/index60.cjs +68 -0
- package/dist/index60.js +68 -0
- package/dist/index61.cjs +99 -0
- package/dist/index61.js +99 -0
- package/dist/index62.cjs +75 -0
- package/dist/index62.js +75 -0
- package/dist/index63.cjs +92 -0
- package/dist/index63.js +92 -0
- package/dist/index64.cjs +125 -0
- package/dist/index64.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 +41 -0
- package/dist/types/gradient.d.ts +38 -0
- package/dist/types/gradient.d.ts.map +1 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/morph.d.ts +28 -0
- package/dist/types/morph.d.ts.map +1 -0
- package/dist/types/particle.d.ts +22 -0
- package/dist/types/particle.d.ts.map +1 -0
- package/dist/types/progress.d.ts +6 -0
- package/dist/types/progress.d.ts.map +1 -1
- package/dist/utils/colors.d.ts +5 -0
- package/dist/utils/colors.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index7.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
|
-
import { useLoaderVisibility } from "./
|
|
3
|
+
import { useLoaderVisibility } from "./index64.js";
|
|
4
4
|
import { normalizeSize } from "./index4.js";
|
|
5
5
|
import { cn } from "./index3.js";
|
|
6
6
|
const Skeleton = forwardRef(
|
package/dist/index8.cjs
CHANGED
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const react = require("react");
|
|
5
5
|
const Skeleton = require("./index7.cjs");
|
|
6
|
-
const hooks = require("./
|
|
6
|
+
const hooks = require("./index64.cjs");
|
|
7
7
|
const colors = require("./index4.cjs");
|
|
8
8
|
const classNames = require("./index3.cjs");
|
|
9
9
|
const SkeletonText = react.forwardRef(
|
package/dist/index8.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import { Skeleton } from "./index7.js";
|
|
4
|
-
import { useLoaderVisibility } from "./
|
|
4
|
+
import { useLoaderVisibility } from "./index64.js";
|
|
5
5
|
import { normalizeSize } from "./index4.js";
|
|
6
6
|
import { cn } from "./index3.js";
|
|
7
7
|
const SkeletonText = forwardRef(
|
package/dist/index9.cjs
CHANGED
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const react = require("react");
|
|
5
5
|
const Skeleton = require("./index7.cjs");
|
|
6
|
-
const hooks = require("./
|
|
6
|
+
const hooks = require("./index64.cjs");
|
|
7
7
|
const colors = require("./index4.cjs");
|
|
8
8
|
const SkeletonAvatar = react.forwardRef(
|
|
9
9
|
({
|
package/dist/index9.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import { Skeleton } from "./index7.js";
|
|
4
|
-
import { useLoaderVisibility } from "./
|
|
4
|
+
import { useLoaderVisibility } from "./index64.js";
|
|
5
5
|
import { normalizeSize } from "./index4.js";
|
|
6
6
|
const SkeletonAvatar = forwardRef(
|
|
7
7
|
({
|
|
@@ -935,6 +935,47 @@
|
|
|
935
935
|
.animate-helix-particle-pulse {
|
|
936
936
|
animation: helix-particle-pulse var(--animation-duration-fast, 1s) ease-in-out infinite;
|
|
937
937
|
}
|
|
938
|
+
/* ============================================================ */
|
|
939
|
+
/* MORPH ANIMATIONS (v4.0.0) */
|
|
940
|
+
/* ============================================================ */
|
|
941
|
+
@keyframes morph-blob {
|
|
942
|
+
0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
|
|
943
|
+
25% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
|
|
944
|
+
50% { border-radius: 50% 60% 30% 60% / 30% 70% 60% 40%; }
|
|
945
|
+
75% { border-radius: 40% 50% 60% 30% / 60% 40% 50% 70%; }
|
|
946
|
+
100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
|
|
947
|
+
}
|
|
948
|
+
@keyframes liquid-wave {
|
|
949
|
+
0% { transform: translateX(0); }
|
|
950
|
+
100% { transform: translateX(-50%); }
|
|
951
|
+
}
|
|
952
|
+
@keyframes wave-circle-expand {
|
|
953
|
+
0% { transform: scale(0); opacity: 0.8; }
|
|
954
|
+
100% { transform: scale(1); opacity: 0; }
|
|
955
|
+
}
|
|
956
|
+
/* ============================================================ */
|
|
957
|
+
/* GRADIENT ANIMATIONS (v4.0.0) */
|
|
958
|
+
/* ============================================================ */
|
|
959
|
+
@keyframes gradient-spin {
|
|
960
|
+
from { transform: rotate(0deg); }
|
|
961
|
+
to { transform: rotate(360deg); }
|
|
962
|
+
}
|
|
963
|
+
@keyframes gradient-flow {
|
|
964
|
+
0% { background-position: 0% 50%; }
|
|
965
|
+
50% { background-position: 100% 50%; }
|
|
966
|
+
100% { background-position: 0% 50%; }
|
|
967
|
+
}
|
|
968
|
+
/* ============================================================ */
|
|
969
|
+
/* PARTICLE ANIMATIONS (v4.0.0) */
|
|
970
|
+
/* ============================================================ */
|
|
971
|
+
@keyframes particle-burst {
|
|
972
|
+
0% { transform: translate(0, 0) scale(1); opacity: 1; }
|
|
973
|
+
100% { transform: translate(var(--tx), var(--ty)) scale(0); opacity: 0; }
|
|
974
|
+
}
|
|
975
|
+
@keyframes particle-orbit {
|
|
976
|
+
from { transform: rotate(var(--start-angle)) translateX(var(--orbit-radius)) rotate(calc(-1 * var(--start-angle))); }
|
|
977
|
+
to { transform: rotate(calc(var(--start-angle) + 360deg)) translateX(var(--orbit-radius)) rotate(calc(-1 * (var(--start-angle) + 360deg))); }
|
|
978
|
+
}
|
|
938
979
|
/* CSS Variables for theming */
|
|
939
980
|
:root {
|
|
940
981
|
/* Colors */
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { BaseLoaderProps } from './common';
|
|
2
|
+
export interface GradientSpinnerProps extends BaseLoaderProps {
|
|
3
|
+
/** Diameter in px */
|
|
4
|
+
size?: number;
|
|
5
|
+
/** Gradient start color */
|
|
6
|
+
color?: string;
|
|
7
|
+
/** Gradient end color */
|
|
8
|
+
secondaryColor?: string;
|
|
9
|
+
/** Ring stroke width in px */
|
|
10
|
+
thickness?: number;
|
|
11
|
+
/** Background color for the inner cutout (defaults to 'white' — set to match your page background for dark mode) */
|
|
12
|
+
backgroundColor?: string;
|
|
13
|
+
}
|
|
14
|
+
export interface GradientRingProps extends BaseLoaderProps {
|
|
15
|
+
/** Diameter in px */
|
|
16
|
+
size?: number;
|
|
17
|
+
/** Array of 2–4 gradient stop colors */
|
|
18
|
+
colors?: string[];
|
|
19
|
+
/** Ring width in px */
|
|
20
|
+
thickness?: number;
|
|
21
|
+
/** Background color for the inner cutout (defaults to 'white' — set to match your page background for dark mode) */
|
|
22
|
+
backgroundColor?: string;
|
|
23
|
+
}
|
|
24
|
+
export interface GradientBarProps extends BaseLoaderProps {
|
|
25
|
+
/** Progress 0–100; omit for indeterminate */
|
|
26
|
+
value?: number;
|
|
27
|
+
/** Bar width (CSS value or number for px) */
|
|
28
|
+
width?: number | string;
|
|
29
|
+
/** Bar height in px */
|
|
30
|
+
height?: number;
|
|
31
|
+
/** Gradient start color */
|
|
32
|
+
color?: string;
|
|
33
|
+
/** Gradient end color */
|
|
34
|
+
secondaryColor?: string;
|
|
35
|
+
/** Fires when value reaches 100 */
|
|
36
|
+
onComplete?: () => void;
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=gradient.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gradient.d.ts","sourceRoot":"","sources":["../../src/types/gradient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oHAAoH;IACpH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oHAAoH;IACpH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -15,5 +15,8 @@ export * from './text';
|
|
|
15
15
|
export * from './3d';
|
|
16
16
|
export * from './smart';
|
|
17
17
|
export * from './accessibility';
|
|
18
|
+
export * from './morph';
|
|
19
|
+
export * from './gradient';
|
|
20
|
+
export * from './particle';
|
|
18
21
|
export * from './hooks';
|
|
19
22
|
//# 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;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;
|
|
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;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { BaseLoaderProps } from './common';
|
|
2
|
+
export interface MorphBlobProps extends BaseLoaderProps {
|
|
3
|
+
/** Diameter in px. Note: morph components accept pixel numbers only (no SizePreset strings). */
|
|
4
|
+
size?: number;
|
|
5
|
+
/** Fill color */
|
|
6
|
+
color?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface LiquidFillProps extends BaseLoaderProps {
|
|
9
|
+
/** Fill percentage 0–100; omit for indeterminate */
|
|
10
|
+
value?: number;
|
|
11
|
+
/** Diameter in px. Note: morph components accept pixel numbers only (no SizePreset strings). */
|
|
12
|
+
size?: number;
|
|
13
|
+
/** Liquid color */
|
|
14
|
+
color?: string;
|
|
15
|
+
/** Wave height in px */
|
|
16
|
+
waveAmplitude?: number;
|
|
17
|
+
/** Fires when value reaches 100 */
|
|
18
|
+
onComplete?: () => void;
|
|
19
|
+
}
|
|
20
|
+
export interface WaveCircleProps extends BaseLoaderProps {
|
|
21
|
+
/** Max diameter in px. Note: morph components accept pixel numbers only (no SizePreset strings). */
|
|
22
|
+
size?: number;
|
|
23
|
+
/** Ring color */
|
|
24
|
+
color?: string;
|
|
25
|
+
/** Number of concentric rings (2–5) */
|
|
26
|
+
ringCount?: number;
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=morph.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"morph.d.ts","sourceRoot":"","sources":["../../src/types/morph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,gGAAgG;IAChG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gGAAgG;IAChG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,oGAAoG;IACpG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { BaseLoaderProps } from './common';
|
|
2
|
+
export interface ParticleBurstProps extends BaseLoaderProps {
|
|
3
|
+
/** Burst radius in px */
|
|
4
|
+
size?: number;
|
|
5
|
+
/** Number of particles (4–20) */
|
|
6
|
+
count?: number;
|
|
7
|
+
/** Particle color */
|
|
8
|
+
color?: string;
|
|
9
|
+
/** Dot diameter in px */
|
|
10
|
+
particleSize?: number;
|
|
11
|
+
}
|
|
12
|
+
export interface ParticleOrbitProps extends BaseLoaderProps {
|
|
13
|
+
/** Orbital diameter in px */
|
|
14
|
+
size?: number;
|
|
15
|
+
/** Number of orbiting particles (3–8) */
|
|
16
|
+
count?: number;
|
|
17
|
+
/** Particle color */
|
|
18
|
+
color?: string;
|
|
19
|
+
/** Central dot color */
|
|
20
|
+
centerColor?: string;
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=particle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"particle.d.ts","sourceRoot":"","sources":["../../src/types/particle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
|
package/dist/types/progress.d.ts
CHANGED
|
@@ -9,6 +9,8 @@ export interface ProgressBarProps extends ProgressLoaderProps {
|
|
|
9
9
|
gradient?: boolean;
|
|
10
10
|
/** Buffer value (0-100) for showing partial loading */
|
|
11
11
|
buffer?: number;
|
|
12
|
+
/** Fires when value reaches 100 (determinate mode only, fires once per completion cycle) */
|
|
13
|
+
onComplete?: () => void;
|
|
12
14
|
}
|
|
13
15
|
/**
|
|
14
16
|
* ProgressCircle component props
|
|
@@ -18,6 +20,8 @@ export interface ProgressCircleProps extends ProgressLoaderProps {
|
|
|
18
20
|
size?: number | string;
|
|
19
21
|
/** Buffer value (0-100) for showing partial loading */
|
|
20
22
|
buffer?: number;
|
|
23
|
+
/** Fires when value reaches 100 (determinate mode only, fires once per completion cycle) */
|
|
24
|
+
onComplete?: () => void;
|
|
21
25
|
}
|
|
22
26
|
/**
|
|
23
27
|
* ProgressRing component props
|
|
@@ -29,6 +33,8 @@ export interface ProgressRingProps extends ProgressLoaderProps {
|
|
|
29
33
|
gradient?: boolean;
|
|
30
34
|
/** Buffer value (0-100) for showing partial loading */
|
|
31
35
|
buffer?: number;
|
|
36
|
+
/** Fires when value reaches 100 (determinate mode only, fires once per completion cycle) */
|
|
37
|
+
onComplete?: () => void;
|
|
32
38
|
}
|
|
33
39
|
/**
|
|
34
40
|
* ProgressSteps component props
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/types/progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB;IAC3D,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/types/progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB;IAC3D,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4FAA4F;IAC5F,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4FAA4F;IAC5F,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC5D,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4FAA4F;IAC5F,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,WAAW,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,wBAAwB;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
package/dist/utils/colors.d.ts
CHANGED
|
@@ -36,4 +36,9 @@ export declare function getColorLuminance(color: string): number;
|
|
|
36
36
|
* Get contrast color (black or white) based on background luminance
|
|
37
37
|
*/
|
|
38
38
|
export declare function getContrastColor(backgroundColor: string): string;
|
|
39
|
+
/**
|
|
40
|
+
* Parse an animation duration string (e.g. "1s", "500ms", "0.01ms") to milliseconds.
|
|
41
|
+
* Handles: "1s", "2s", "0.5s", "500ms", "0.01ms", or bare numbers.
|
|
42
|
+
*/
|
|
43
|
+
export declare function parseDurationMs(duration: string): number;
|
|
39
44
|
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/utils/colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED;;GAEG;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;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,GAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAiB,GAAG,MAAM,CAclG;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAkB/F;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAW7F;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CA8BvD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,CAIhE"}
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/utils/colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED;;GAEG;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;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,GAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAiB,GAAG,MAAM,CAclG;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAkB/F;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAW7F;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CA8BvD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,CAIhE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAQxD"}
|