loading-state-zoo 0.2.0 → 0.3.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 +276 -3
- package/dist/index.cjs +270 -34
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +36 -3
- package/dist/index.d.ts +36 -3
- package/dist/index.js +268 -32
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +267 -31
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +123 -1
- package/dist/react.d.ts +123 -1
- package/dist/react.js +267 -31
- package/dist/react.js.map +1 -1
- package/dist/theme.css +451 -0
- package/docs/AI.md +16 -8
- package/docs/components.json +297 -2
- package/package.json +2 -2
package/dist/react.d.cts
CHANGED
|
@@ -43,6 +43,28 @@ declare const SKELETON_CARD_TAG = "lz-skeleton-card";
|
|
|
43
43
|
|
|
44
44
|
declare const SKELETON_LIST_TAG = "lz-skeleton-list";
|
|
45
45
|
|
|
46
|
+
declare const PULSING_ORB_TAG = "lz-pulsing-orb";
|
|
47
|
+
|
|
48
|
+
declare const MORPHING_ORB_TAG = "lz-morphing-orb";
|
|
49
|
+
|
|
50
|
+
declare const SIRI_ORB_TAG = "lz-siri-orb";
|
|
51
|
+
|
|
52
|
+
declare const DOT_ORB_TAG = "lz-dot-orb";
|
|
53
|
+
|
|
54
|
+
declare const PLANET_ORB_TAG = "lz-planet-orb";
|
|
55
|
+
|
|
56
|
+
declare const AURA_ORB_TAG = "lz-aura-orb";
|
|
57
|
+
|
|
58
|
+
declare const WAVEFORM_TAG = "lz-waveform";
|
|
59
|
+
|
|
60
|
+
declare const VINYL_TAG = "lz-vinyl";
|
|
61
|
+
|
|
62
|
+
declare const SONAR_TAG = "lz-sonar";
|
|
63
|
+
|
|
64
|
+
declare const MUSIC_NOTE_TAG = "lz-music-note";
|
|
65
|
+
|
|
66
|
+
declare const ACTIVITY_RINGS_TAG = "lz-activity-rings";
|
|
67
|
+
|
|
46
68
|
/**
|
|
47
69
|
* Register every pattern as a custom element.
|
|
48
70
|
* Safe to call repeatedly; duplicates are skipped.
|
|
@@ -100,6 +122,17 @@ declare module "react" {
|
|
|
100
122
|
[PROGRESS_BAR_TAG]: LZElementAttrs;
|
|
101
123
|
[SKELETON_CARD_TAG]: LZElementAttrs;
|
|
102
124
|
[SKELETON_LIST_TAG]: LZElementAttrs;
|
|
125
|
+
[PULSING_ORB_TAG]: LZElementAttrs;
|
|
126
|
+
[MORPHING_ORB_TAG]: LZElementAttrs;
|
|
127
|
+
[SIRI_ORB_TAG]: LZElementAttrs;
|
|
128
|
+
[DOT_ORB_TAG]: LZElementAttrs;
|
|
129
|
+
[PLANET_ORB_TAG]: LZElementAttrs;
|
|
130
|
+
[AURA_ORB_TAG]: LZElementAttrs;
|
|
131
|
+
[WAVEFORM_TAG]: LZElementAttrs;
|
|
132
|
+
[VINYL_TAG]: LZElementAttrs;
|
|
133
|
+
[SONAR_TAG]: LZElementAttrs;
|
|
134
|
+
[MUSIC_NOTE_TAG]: LZElementAttrs;
|
|
135
|
+
[ACTIVITY_RINGS_TAG]: LZElementAttrs;
|
|
103
136
|
}
|
|
104
137
|
}
|
|
105
138
|
}
|
|
@@ -304,6 +337,84 @@ declare function SkeletonList(props: SkeletonListProps): react.JSX.Element;
|
|
|
304
337
|
declare namespace SkeletonList {
|
|
305
338
|
var displayName: string;
|
|
306
339
|
}
|
|
340
|
+
declare function PulsingOrb(props: LZCommonProps & {
|
|
341
|
+
accent?: string;
|
|
342
|
+
}): react.JSX.Element;
|
|
343
|
+
declare namespace PulsingOrb {
|
|
344
|
+
var displayName: string;
|
|
345
|
+
}
|
|
346
|
+
declare function MorphingOrb(props: LZCommonProps & {
|
|
347
|
+
accent?: string;
|
|
348
|
+
}): react.JSX.Element;
|
|
349
|
+
declare namespace MorphingOrb {
|
|
350
|
+
var displayName: string;
|
|
351
|
+
}
|
|
352
|
+
declare function SiriOrb(props: LZCommonProps & {
|
|
353
|
+
accent?: string;
|
|
354
|
+
}): react.JSX.Element;
|
|
355
|
+
declare namespace SiriOrb {
|
|
356
|
+
var displayName: string;
|
|
357
|
+
}
|
|
358
|
+
interface DotOrbProps extends LZCommonProps {
|
|
359
|
+
count?: number;
|
|
360
|
+
}
|
|
361
|
+
declare function DotOrb(props: DotOrbProps): react.JSX.Element;
|
|
362
|
+
declare namespace DotOrb {
|
|
363
|
+
var displayName: string;
|
|
364
|
+
}
|
|
365
|
+
interface PlanetOrbProps extends LZCommonProps {
|
|
366
|
+
accent?: string;
|
|
367
|
+
count?: number;
|
|
368
|
+
}
|
|
369
|
+
declare function PlanetOrb(props: PlanetOrbProps): react.JSX.Element;
|
|
370
|
+
declare namespace PlanetOrb {
|
|
371
|
+
var displayName: string;
|
|
372
|
+
}
|
|
373
|
+
declare function AuraOrb(props: LZCommonProps & {
|
|
374
|
+
accent?: string;
|
|
375
|
+
}): react.JSX.Element;
|
|
376
|
+
declare namespace AuraOrb {
|
|
377
|
+
var displayName: string;
|
|
378
|
+
}
|
|
379
|
+
interface WaveformProps extends LZCommonProps {
|
|
380
|
+
accent?: string;
|
|
381
|
+
count?: number;
|
|
382
|
+
barWidth?: number;
|
|
383
|
+
gap?: number;
|
|
384
|
+
}
|
|
385
|
+
declare function Waveform(props: WaveformProps): react.JSX.Element;
|
|
386
|
+
declare namespace Waveform {
|
|
387
|
+
var displayName: string;
|
|
388
|
+
}
|
|
389
|
+
declare function Vinyl(props: LZCommonProps & {
|
|
390
|
+
accent?: string;
|
|
391
|
+
}): react.JSX.Element;
|
|
392
|
+
declare namespace Vinyl {
|
|
393
|
+
var displayName: string;
|
|
394
|
+
}
|
|
395
|
+
interface SonarProps extends LZCommonProps {
|
|
396
|
+
accent?: string;
|
|
397
|
+
count?: number;
|
|
398
|
+
}
|
|
399
|
+
declare function Sonar(props: SonarProps): react.JSX.Element;
|
|
400
|
+
declare namespace Sonar {
|
|
401
|
+
var displayName: string;
|
|
402
|
+
}
|
|
403
|
+
interface MusicNoteProps extends LZCommonProps {
|
|
404
|
+
count?: number;
|
|
405
|
+
}
|
|
406
|
+
declare function MusicNote(props: MusicNoteProps): react.JSX.Element;
|
|
407
|
+
declare namespace MusicNote {
|
|
408
|
+
var displayName: string;
|
|
409
|
+
}
|
|
410
|
+
interface ActivityRingsProps extends LZCommonProps {
|
|
411
|
+
accent?: string;
|
|
412
|
+
colorWeak?: string;
|
|
413
|
+
}
|
|
414
|
+
declare function ActivityRings(props: ActivityRingsProps): react.JSX.Element;
|
|
415
|
+
declare namespace ActivityRings {
|
|
416
|
+
var displayName: string;
|
|
417
|
+
}
|
|
307
418
|
|
|
308
419
|
declare global {
|
|
309
420
|
interface HTMLElementTagNameMap {
|
|
@@ -328,7 +439,18 @@ declare global {
|
|
|
328
439
|
[PROGRESS_BAR_TAG]: HTMLElement;
|
|
329
440
|
[SKELETON_CARD_TAG]: HTMLElement;
|
|
330
441
|
[SKELETON_LIST_TAG]: HTMLElement;
|
|
442
|
+
[PULSING_ORB_TAG]: HTMLElement;
|
|
443
|
+
[MORPHING_ORB_TAG]: HTMLElement;
|
|
444
|
+
[SIRI_ORB_TAG]: HTMLElement;
|
|
445
|
+
[DOT_ORB_TAG]: HTMLElement;
|
|
446
|
+
[PLANET_ORB_TAG]: HTMLElement;
|
|
447
|
+
[AURA_ORB_TAG]: HTMLElement;
|
|
448
|
+
[WAVEFORM_TAG]: HTMLElement;
|
|
449
|
+
[VINYL_TAG]: HTMLElement;
|
|
450
|
+
[SONAR_TAG]: HTMLElement;
|
|
451
|
+
[MUSIC_NOTE_TAG]: HTMLElement;
|
|
452
|
+
[ACTIVITY_RINGS_TAG]: HTMLElement;
|
|
331
453
|
}
|
|
332
454
|
}
|
|
333
455
|
|
|
334
|
-
export { ArcSpinner, type ArcSpinnerProps, BouncingDots, BreathingPulse, DotGridWave, type DotGridWaveProps, Ellipsis, Equalizer, type EqualizerProps, Eyes, HelixDots, type HelixDotsProps, IndeterminateProgressBar, type IndeterminateProgressBarProps, type LZCommonProps, LZPattern as LoadingPattern, MaterialDoubleArc, type MaterialDoubleArcProps, MorphingSquare, type MorphingSquareProps, OrbitDots, OrbitRingDots, type OrbitRingDotsProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, ScanSweep, type ScanSweepProps, SkeletonCard, type SkeletonCardProps, SkeletonList, type SkeletonListProps, SkeletonShimmer, type SkeletonShimmerProps, TypingDots, WaveDots, defineAll };
|
|
456
|
+
export { ActivityRings, type ActivityRingsProps, ArcSpinner, type ArcSpinnerProps, AuraOrb, BouncingDots, BreathingPulse, DotGridWave, type DotGridWaveProps, DotOrb, type DotOrbProps, Ellipsis, Equalizer, type EqualizerProps, Eyes, HelixDots, type HelixDotsProps, IndeterminateProgressBar, type IndeterminateProgressBarProps, type LZCommonProps, LZPattern as LoadingPattern, MaterialDoubleArc, type MaterialDoubleArcProps, MorphingOrb, MorphingSquare, type MorphingSquareProps, MusicNote, type MusicNoteProps, OrbitDots, OrbitRingDots, type OrbitRingDotsProps, PlanetOrb, type PlanetOrbProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, PulsingOrb, ScanSweep, type ScanSweepProps, SiriOrb, SkeletonCard, type SkeletonCardProps, SkeletonList, type SkeletonListProps, SkeletonShimmer, type SkeletonShimmerProps, Sonar, type SonarProps, TypingDots, Vinyl, WaveDots, Waveform, type WaveformProps, defineAll };
|
package/dist/react.d.ts
CHANGED
|
@@ -43,6 +43,28 @@ declare const SKELETON_CARD_TAG = "lz-skeleton-card";
|
|
|
43
43
|
|
|
44
44
|
declare const SKELETON_LIST_TAG = "lz-skeleton-list";
|
|
45
45
|
|
|
46
|
+
declare const PULSING_ORB_TAG = "lz-pulsing-orb";
|
|
47
|
+
|
|
48
|
+
declare const MORPHING_ORB_TAG = "lz-morphing-orb";
|
|
49
|
+
|
|
50
|
+
declare const SIRI_ORB_TAG = "lz-siri-orb";
|
|
51
|
+
|
|
52
|
+
declare const DOT_ORB_TAG = "lz-dot-orb";
|
|
53
|
+
|
|
54
|
+
declare const PLANET_ORB_TAG = "lz-planet-orb";
|
|
55
|
+
|
|
56
|
+
declare const AURA_ORB_TAG = "lz-aura-orb";
|
|
57
|
+
|
|
58
|
+
declare const WAVEFORM_TAG = "lz-waveform";
|
|
59
|
+
|
|
60
|
+
declare const VINYL_TAG = "lz-vinyl";
|
|
61
|
+
|
|
62
|
+
declare const SONAR_TAG = "lz-sonar";
|
|
63
|
+
|
|
64
|
+
declare const MUSIC_NOTE_TAG = "lz-music-note";
|
|
65
|
+
|
|
66
|
+
declare const ACTIVITY_RINGS_TAG = "lz-activity-rings";
|
|
67
|
+
|
|
46
68
|
/**
|
|
47
69
|
* Register every pattern as a custom element.
|
|
48
70
|
* Safe to call repeatedly; duplicates are skipped.
|
|
@@ -100,6 +122,17 @@ declare module "react" {
|
|
|
100
122
|
[PROGRESS_BAR_TAG]: LZElementAttrs;
|
|
101
123
|
[SKELETON_CARD_TAG]: LZElementAttrs;
|
|
102
124
|
[SKELETON_LIST_TAG]: LZElementAttrs;
|
|
125
|
+
[PULSING_ORB_TAG]: LZElementAttrs;
|
|
126
|
+
[MORPHING_ORB_TAG]: LZElementAttrs;
|
|
127
|
+
[SIRI_ORB_TAG]: LZElementAttrs;
|
|
128
|
+
[DOT_ORB_TAG]: LZElementAttrs;
|
|
129
|
+
[PLANET_ORB_TAG]: LZElementAttrs;
|
|
130
|
+
[AURA_ORB_TAG]: LZElementAttrs;
|
|
131
|
+
[WAVEFORM_TAG]: LZElementAttrs;
|
|
132
|
+
[VINYL_TAG]: LZElementAttrs;
|
|
133
|
+
[SONAR_TAG]: LZElementAttrs;
|
|
134
|
+
[MUSIC_NOTE_TAG]: LZElementAttrs;
|
|
135
|
+
[ACTIVITY_RINGS_TAG]: LZElementAttrs;
|
|
103
136
|
}
|
|
104
137
|
}
|
|
105
138
|
}
|
|
@@ -304,6 +337,84 @@ declare function SkeletonList(props: SkeletonListProps): react.JSX.Element;
|
|
|
304
337
|
declare namespace SkeletonList {
|
|
305
338
|
var displayName: string;
|
|
306
339
|
}
|
|
340
|
+
declare function PulsingOrb(props: LZCommonProps & {
|
|
341
|
+
accent?: string;
|
|
342
|
+
}): react.JSX.Element;
|
|
343
|
+
declare namespace PulsingOrb {
|
|
344
|
+
var displayName: string;
|
|
345
|
+
}
|
|
346
|
+
declare function MorphingOrb(props: LZCommonProps & {
|
|
347
|
+
accent?: string;
|
|
348
|
+
}): react.JSX.Element;
|
|
349
|
+
declare namespace MorphingOrb {
|
|
350
|
+
var displayName: string;
|
|
351
|
+
}
|
|
352
|
+
declare function SiriOrb(props: LZCommonProps & {
|
|
353
|
+
accent?: string;
|
|
354
|
+
}): react.JSX.Element;
|
|
355
|
+
declare namespace SiriOrb {
|
|
356
|
+
var displayName: string;
|
|
357
|
+
}
|
|
358
|
+
interface DotOrbProps extends LZCommonProps {
|
|
359
|
+
count?: number;
|
|
360
|
+
}
|
|
361
|
+
declare function DotOrb(props: DotOrbProps): react.JSX.Element;
|
|
362
|
+
declare namespace DotOrb {
|
|
363
|
+
var displayName: string;
|
|
364
|
+
}
|
|
365
|
+
interface PlanetOrbProps extends LZCommonProps {
|
|
366
|
+
accent?: string;
|
|
367
|
+
count?: number;
|
|
368
|
+
}
|
|
369
|
+
declare function PlanetOrb(props: PlanetOrbProps): react.JSX.Element;
|
|
370
|
+
declare namespace PlanetOrb {
|
|
371
|
+
var displayName: string;
|
|
372
|
+
}
|
|
373
|
+
declare function AuraOrb(props: LZCommonProps & {
|
|
374
|
+
accent?: string;
|
|
375
|
+
}): react.JSX.Element;
|
|
376
|
+
declare namespace AuraOrb {
|
|
377
|
+
var displayName: string;
|
|
378
|
+
}
|
|
379
|
+
interface WaveformProps extends LZCommonProps {
|
|
380
|
+
accent?: string;
|
|
381
|
+
count?: number;
|
|
382
|
+
barWidth?: number;
|
|
383
|
+
gap?: number;
|
|
384
|
+
}
|
|
385
|
+
declare function Waveform(props: WaveformProps): react.JSX.Element;
|
|
386
|
+
declare namespace Waveform {
|
|
387
|
+
var displayName: string;
|
|
388
|
+
}
|
|
389
|
+
declare function Vinyl(props: LZCommonProps & {
|
|
390
|
+
accent?: string;
|
|
391
|
+
}): react.JSX.Element;
|
|
392
|
+
declare namespace Vinyl {
|
|
393
|
+
var displayName: string;
|
|
394
|
+
}
|
|
395
|
+
interface SonarProps extends LZCommonProps {
|
|
396
|
+
accent?: string;
|
|
397
|
+
count?: number;
|
|
398
|
+
}
|
|
399
|
+
declare function Sonar(props: SonarProps): react.JSX.Element;
|
|
400
|
+
declare namespace Sonar {
|
|
401
|
+
var displayName: string;
|
|
402
|
+
}
|
|
403
|
+
interface MusicNoteProps extends LZCommonProps {
|
|
404
|
+
count?: number;
|
|
405
|
+
}
|
|
406
|
+
declare function MusicNote(props: MusicNoteProps): react.JSX.Element;
|
|
407
|
+
declare namespace MusicNote {
|
|
408
|
+
var displayName: string;
|
|
409
|
+
}
|
|
410
|
+
interface ActivityRingsProps extends LZCommonProps {
|
|
411
|
+
accent?: string;
|
|
412
|
+
colorWeak?: string;
|
|
413
|
+
}
|
|
414
|
+
declare function ActivityRings(props: ActivityRingsProps): react.JSX.Element;
|
|
415
|
+
declare namespace ActivityRings {
|
|
416
|
+
var displayName: string;
|
|
417
|
+
}
|
|
307
418
|
|
|
308
419
|
declare global {
|
|
309
420
|
interface HTMLElementTagNameMap {
|
|
@@ -328,7 +439,18 @@ declare global {
|
|
|
328
439
|
[PROGRESS_BAR_TAG]: HTMLElement;
|
|
329
440
|
[SKELETON_CARD_TAG]: HTMLElement;
|
|
330
441
|
[SKELETON_LIST_TAG]: HTMLElement;
|
|
442
|
+
[PULSING_ORB_TAG]: HTMLElement;
|
|
443
|
+
[MORPHING_ORB_TAG]: HTMLElement;
|
|
444
|
+
[SIRI_ORB_TAG]: HTMLElement;
|
|
445
|
+
[DOT_ORB_TAG]: HTMLElement;
|
|
446
|
+
[PLANET_ORB_TAG]: HTMLElement;
|
|
447
|
+
[AURA_ORB_TAG]: HTMLElement;
|
|
448
|
+
[WAVEFORM_TAG]: HTMLElement;
|
|
449
|
+
[VINYL_TAG]: HTMLElement;
|
|
450
|
+
[SONAR_TAG]: HTMLElement;
|
|
451
|
+
[MUSIC_NOTE_TAG]: HTMLElement;
|
|
452
|
+
[ACTIVITY_RINGS_TAG]: HTMLElement;
|
|
331
453
|
}
|
|
332
454
|
}
|
|
333
455
|
|
|
334
|
-
export { ArcSpinner, type ArcSpinnerProps, BouncingDots, BreathingPulse, DotGridWave, type DotGridWaveProps, Ellipsis, Equalizer, type EqualizerProps, Eyes, HelixDots, type HelixDotsProps, IndeterminateProgressBar, type IndeterminateProgressBarProps, type LZCommonProps, LZPattern as LoadingPattern, MaterialDoubleArc, type MaterialDoubleArcProps, MorphingSquare, type MorphingSquareProps, OrbitDots, OrbitRingDots, type OrbitRingDotsProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, ScanSweep, type ScanSweepProps, SkeletonCard, type SkeletonCardProps, SkeletonList, type SkeletonListProps, SkeletonShimmer, type SkeletonShimmerProps, TypingDots, WaveDots, defineAll };
|
|
456
|
+
export { ActivityRings, type ActivityRingsProps, ArcSpinner, type ArcSpinnerProps, AuraOrb, BouncingDots, BreathingPulse, DotGridWave, type DotGridWaveProps, DotOrb, type DotOrbProps, Ellipsis, Equalizer, type EqualizerProps, Eyes, HelixDots, type HelixDotsProps, IndeterminateProgressBar, type IndeterminateProgressBarProps, type LZCommonProps, LZPattern as LoadingPattern, MaterialDoubleArc, type MaterialDoubleArcProps, MorphingOrb, MorphingSquare, type MorphingSquareProps, MusicNote, type MusicNoteProps, OrbitDots, OrbitRingDots, type OrbitRingDotsProps, PlanetOrb, type PlanetOrbProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, PulsingOrb, ScanSweep, type ScanSweepProps, SiriOrb, SkeletonCard, type SkeletonCardProps, SkeletonList, type SkeletonListProps, SkeletonShimmer, type SkeletonShimmerProps, Sonar, type SonarProps, TypingDots, Vinyl, WaveDots, Waveform, type WaveformProps, defineAll };
|