loading-state-zoo 0.1.0

package/dist/react.d.cts

@@ -0,0 +1,276 @@
+import * as react from 'react';
+import { DetailedHTMLProps, HTMLAttributes, CSSProperties } from 'react';
+
+declare const BOUNCING_DOTS_TAG = "lz-bouncing-dots";
+
+declare const TYPING_DOTS_TAG = "lz-typing-dots";
+
+declare const WAVE_DOTS_TAG = "lz-wave-dots";
+
+declare const HELIX_DOTS_TAG = "lz-helix-dots";
+
+declare const DOT_GRID_WAVE_TAG = "lz-dot-grid-wave";
+
+declare const ARC_SPINNER_TAG = "lz-arc-spinner";
+
+declare const MATERIAL_DOUBLE_ARC_TAG = "lz-material-double-arc";
+
+declare const SCAN_SWEEP_TAG = "lz-scan-sweep";
+
+declare const ORBIT_DOTS_TAG = "lz-orbit-dots";
+
+declare const ORBIT_RING_DOTS_TAG = "lz-orbit-ring-dots";
+
+declare const EYES_TAG = "lz-eyes";
+
+declare const MORPHING_SQUARE_TAG = "lz-morphing-square";
+
+declare const BREATHING_PULSE_TAG = "lz-breathing-pulse";
+
+declare const EQUALIZER_TAG = "lz-equalizer";
+
+declare const PROGRESS_RING_TAG = "lz-progress-ring";
+
+declare const INDETERMINATE_PROGRESS_BAR_TAG = "lz-indeterminate-progress-bar";
+
+declare const SKELETON_SHIMMER_TAG = "lz-skeleton-shimmer";
+
+/**
+ * Register every pattern as a custom element.
+ * Safe to call repeatedly; duplicates are skipped.
+ */
+declare function defineAll(): void;
+
+declare const Base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+declare abstract class LZPattern extends Base {
+    #private;
+    static observedAttributes: string[];
+    /** Element-local CSS. Runs after SCOPED_CSS, keyframes are shared. */
+    abstract readonly css: string;
+    /** Markup for the pattern, rooted at nothing (inserted into .lz-root). */
+    abstract template(): string;
+    /** Set CSS variables / ARIA / dimensions from current attributes. */
+    abstract sync(): void;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    /** Re-sync vars/ARIA and rebuild the pattern's children. */
+    paint(): void;
+    /** Read an attribute as a number, returning `fallback` when absent/invalid. */
+    num(attr: string, fallback: number): number;
+    /** Bind a px-valued CSS variable to an attribute (length units). */
+    varPx(variable: string, attr: string, _fallback: number): void;
+    /** Bind a unitless CSS variable to an attribute. */
+    varNum(variable: string, attr: string, _fallback: number): void;
+    /** Bind an arbitrary CSS variable to an attribute value (or clear it). */
+    varRaw(variable: string, attr: string, _fallback?: string): void;
+}
+
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            [BOUNCING_DOTS_TAG]: LZElementAttrs;
+            [TYPING_DOTS_TAG]: LZElementAttrs;
+            [WAVE_DOTS_TAG]: LZElementAttrs;
+            [HELIX_DOTS_TAG]: LZElementAttrs;
+            [DOT_GRID_WAVE_TAG]: LZElementAttrs;
+            [ARC_SPINNER_TAG]: LZElementAttrs;
+            [MATERIAL_DOUBLE_ARC_TAG]: LZElementAttrs;
+            [SCAN_SWEEP_TAG]: LZElementAttrs;
+            [ORBIT_DOTS_TAG]: LZElementAttrs;
+            [ORBIT_RING_DOTS_TAG]: LZElementAttrs;
+            [EYES_TAG]: LZElementAttrs;
+            [MORPHING_SQUARE_TAG]: LZElementAttrs;
+            [BREATHING_PULSE_TAG]: LZElementAttrs;
+            [EQUALIZER_TAG]: LZElementAttrs;
+            [PROGRESS_RING_TAG]: LZElementAttrs;
+            [INDETERMINATE_PROGRESS_BAR_TAG]: LZElementAttrs;
+            [SKELETON_SHIMMER_TAG]: LZElementAttrs;
+        }
+    }
+}
+interface LZElementAttrs extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    size?: number;
+    color?: string;
+    speed?: number;
+    accent?: string;
+    width?: number;
+    height?: number;
+    rows?: number;
+    cols?: number;
+    count?: number;
+    percent?: number;
+    gap?: number;
+    "stroke-width"?: number;
+    "dot-size"?: number;
+    "bar-width"?: number;
+    "track-color"?: string;
+    "color-weak"?: string;
+    "color-sweep"?: string;
+}
+interface LZCommonProps {
+    size?: number;
+    color?: string;
+    speed?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function BouncingDots(props: LZCommonProps): react.JSX.Element;
+declare namespace BouncingDots {
+    var displayName: string;
+}
+declare function TypingDots(props: LZCommonProps): react.JSX.Element;
+declare namespace TypingDots {
+    var displayName: string;
+}
+declare function WaveDots(props: LZCommonProps): react.JSX.Element;
+declare namespace WaveDots {
+    var displayName: string;
+}
+interface HelixDotsProps extends LZCommonProps {
+    count?: number;
+}
+declare function HelixDots(props: HelixDotsProps): react.JSX.Element;
+declare namespace HelixDots {
+    var displayName: string;
+}
+interface DotGridWaveProps extends LZCommonProps {
+    rows?: number;
+    cols?: number;
+    gap?: number;
+}
+declare function DotGridWave(props: DotGridWaveProps): react.JSX.Element;
+declare namespace DotGridWave {
+    var displayName: string;
+}
+interface ArcSpinnerProps extends LZCommonProps {
+    strokeWidth?: number;
+}
+declare function ArcSpinner(props: ArcSpinnerProps): react.JSX.Element;
+declare namespace ArcSpinner {
+    var displayName: string;
+}
+interface MaterialDoubleArcProps {
+    size?: number;
+    strokeWidth?: number;
+    color?: string;
+    colorWeak?: string;
+    speed?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function MaterialDoubleArc(props: MaterialDoubleArcProps): react.JSX.Element;
+declare namespace MaterialDoubleArc {
+    var displayName: string;
+}
+interface ScanSweepProps extends LZCommonProps {
+    colorWeak?: string;
+    colorSweep?: string;
+}
+declare function ScanSweep(props: ScanSweepProps): react.JSX.Element;
+declare namespace ScanSweep {
+    var displayName: string;
+}
+declare function OrbitDots(props: LZCommonProps): react.JSX.Element;
+declare namespace OrbitDots {
+    var displayName: string;
+}
+interface OrbitRingDotsProps extends LZCommonProps {
+    dotSize?: number;
+}
+declare function OrbitRingDots(props: OrbitRingDotsProps): react.JSX.Element;
+declare namespace OrbitRingDots {
+    var displayName: string;
+}
+declare function Eyes(props: LZCommonProps): react.JSX.Element;
+declare namespace Eyes {
+    var displayName: string;
+}
+interface MorphingSquareProps {
+    size?: number;
+    accent?: string;
+    speed?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function MorphingSquare(props: MorphingSquareProps): react.JSX.Element;
+declare namespace MorphingSquare {
+    var displayName: string;
+}
+declare function BreathingPulse(props: LZCommonProps): react.JSX.Element;
+declare namespace BreathingPulse {
+    var displayName: string;
+}
+interface EqualizerProps extends LZCommonProps {
+    barWidth?: number;
+    gap?: number;
+}
+declare function Equalizer(props: EqualizerProps): react.JSX.Element;
+declare namespace Equalizer {
+    var displayName: string;
+}
+interface ProgressRingProps {
+    size?: number;
+    strokeWidth?: number;
+    percent?: number;
+    color?: string;
+    trackColor?: string;
+    speed?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function ProgressRing(props: ProgressRingProps): react.JSX.Element;
+declare namespace ProgressRing {
+    var displayName: string;
+}
+interface IndeterminateProgressBarProps {
+    width?: number;
+    height?: number;
+    accent?: string;
+    trackColor?: string;
+    speed?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function IndeterminateProgressBar(props: IndeterminateProgressBarProps): react.JSX.Element;
+declare namespace IndeterminateProgressBar {
+    var displayName: string;
+}
+interface SkeletonShimmerProps {
+    width?: number;
+    height?: number;
+    trackColor?: string;
+    speed?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function SkeletonShimmer(props: SkeletonShimmerProps): react.JSX.Element;
+declare namespace SkeletonShimmer {
+    var displayName: string;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [BOUNCING_DOTS_TAG]: HTMLElement;
+        [TYPING_DOTS_TAG]: HTMLElement;
+        [WAVE_DOTS_TAG]: HTMLElement;
+        [HELIX_DOTS_TAG]: HTMLElement;
+        [DOT_GRID_WAVE_TAG]: HTMLElement;
+        [ARC_SPINNER_TAG]: HTMLElement;
+        [MATERIAL_DOUBLE_ARC_TAG]: HTMLElement;
+        [SCAN_SWEEP_TAG]: HTMLElement;
+        [ORBIT_DOTS_TAG]: HTMLElement;
+        [ORBIT_RING_DOTS_TAG]: HTMLElement;
+        [EYES_TAG]: HTMLElement;
+        [MORPHING_SQUARE_TAG]: HTMLElement;
+        [BREATHING_PULSE_TAG]: HTMLElement;
+        [EQUALIZER_TAG]: HTMLElement;
+        [PROGRESS_RING_TAG]: HTMLElement;
+        [INDETERMINATE_PROGRESS_BAR_TAG]: HTMLElement;
+        [SKELETON_SHIMMER_TAG]: HTMLElement;
+    }
+}
+
+export { ArcSpinner, type ArcSpinnerProps, BouncingDots, BreathingPulse, DotGridWave, type DotGridWaveProps, 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, ProgressRing, type ProgressRingProps, ScanSweep, type ScanSweepProps, SkeletonShimmer, type SkeletonShimmerProps, TypingDots, WaveDots, defineAll };

package/dist/react.d.ts

@@ -0,0 +1,276 @@
+import * as react from 'react';
+import { DetailedHTMLProps, HTMLAttributes, CSSProperties } from 'react';
+
+declare const BOUNCING_DOTS_TAG = "lz-bouncing-dots";
+
+declare const TYPING_DOTS_TAG = "lz-typing-dots";
+
+declare const WAVE_DOTS_TAG = "lz-wave-dots";
+
+declare const HELIX_DOTS_TAG = "lz-helix-dots";
+
+declare const DOT_GRID_WAVE_TAG = "lz-dot-grid-wave";
+
+declare const ARC_SPINNER_TAG = "lz-arc-spinner";
+
+declare const MATERIAL_DOUBLE_ARC_TAG = "lz-material-double-arc";
+
+declare const SCAN_SWEEP_TAG = "lz-scan-sweep";
+
+declare const ORBIT_DOTS_TAG = "lz-orbit-dots";
+
+declare const ORBIT_RING_DOTS_TAG = "lz-orbit-ring-dots";
+
+declare const EYES_TAG = "lz-eyes";
+
+declare const MORPHING_SQUARE_TAG = "lz-morphing-square";
+
+declare const BREATHING_PULSE_TAG = "lz-breathing-pulse";
+
+declare const EQUALIZER_TAG = "lz-equalizer";
+
+declare const PROGRESS_RING_TAG = "lz-progress-ring";
+
+declare const INDETERMINATE_PROGRESS_BAR_TAG = "lz-indeterminate-progress-bar";
+
+declare const SKELETON_SHIMMER_TAG = "lz-skeleton-shimmer";
+
+/**
+ * Register every pattern as a custom element.
+ * Safe to call repeatedly; duplicates are skipped.
+ */
+declare function defineAll(): void;
+
+declare const Base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+declare abstract class LZPattern extends Base {
+    #private;
+    static observedAttributes: string[];
+    /** Element-local CSS. Runs after SCOPED_CSS, keyframes are shared. */
+    abstract readonly css: string;
+    /** Markup for the pattern, rooted at nothing (inserted into .lz-root). */
+    abstract template(): string;
+    /** Set CSS variables / ARIA / dimensions from current attributes. */
+    abstract sync(): void;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    /** Re-sync vars/ARIA and rebuild the pattern's children. */
+    paint(): void;
+    /** Read an attribute as a number, returning `fallback` when absent/invalid. */
+    num(attr: string, fallback: number): number;
+    /** Bind a px-valued CSS variable to an attribute (length units). */
+    varPx(variable: string, attr: string, _fallback: number): void;
+    /** Bind a unitless CSS variable to an attribute. */
+    varNum(variable: string, attr: string, _fallback: number): void;
+    /** Bind an arbitrary CSS variable to an attribute value (or clear it). */
+    varRaw(variable: string, attr: string, _fallback?: string): void;
+}
+
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            [BOUNCING_DOTS_TAG]: LZElementAttrs;
+            [TYPING_DOTS_TAG]: LZElementAttrs;
+            [WAVE_DOTS_TAG]: LZElementAttrs;
+            [HELIX_DOTS_TAG]: LZElementAttrs;
+            [DOT_GRID_WAVE_TAG]: LZElementAttrs;
+            [ARC_SPINNER_TAG]: LZElementAttrs;
+            [MATERIAL_DOUBLE_ARC_TAG]: LZElementAttrs;
+            [SCAN_SWEEP_TAG]: LZElementAttrs;
+            [ORBIT_DOTS_TAG]: LZElementAttrs;
+            [ORBIT_RING_DOTS_TAG]: LZElementAttrs;
+            [EYES_TAG]: LZElementAttrs;
+            [MORPHING_SQUARE_TAG]: LZElementAttrs;
+            [BREATHING_PULSE_TAG]: LZElementAttrs;
+            [EQUALIZER_TAG]: LZElementAttrs;
+            [PROGRESS_RING_TAG]: LZElementAttrs;
+            [INDETERMINATE_PROGRESS_BAR_TAG]: LZElementAttrs;
+            [SKELETON_SHIMMER_TAG]: LZElementAttrs;
+        }
+    }
+}
+interface LZElementAttrs extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    size?: number;
+    color?: string;
+    speed?: number;
+    accent?: string;
+    width?: number;
+    height?: number;
+    rows?: number;
+    cols?: number;
+    count?: number;
+    percent?: number;
+    gap?: number;
+    "stroke-width"?: number;
+    "dot-size"?: number;
+    "bar-width"?: number;
+    "track-color"?: string;
+    "color-weak"?: string;
+    "color-sweep"?: string;
+}
+interface LZCommonProps {
+    size?: number;
+    color?: string;
+    speed?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function BouncingDots(props: LZCommonProps): react.JSX.Element;
+declare namespace BouncingDots {
+    var displayName: string;
+}
+declare function TypingDots(props: LZCommonProps): react.JSX.Element;
+declare namespace TypingDots {
+    var displayName: string;
+}
+declare function WaveDots(props: LZCommonProps): react.JSX.Element;
+declare namespace WaveDots {
+    var displayName: string;
+}
+interface HelixDotsProps extends LZCommonProps {
+    count?: number;
+}
+declare function HelixDots(props: HelixDotsProps): react.JSX.Element;
+declare namespace HelixDots {
+    var displayName: string;
+}
+interface DotGridWaveProps extends LZCommonProps {
+    rows?: number;
+    cols?: number;
+    gap?: number;
+}
+declare function DotGridWave(props: DotGridWaveProps): react.JSX.Element;
+declare namespace DotGridWave {
+    var displayName: string;
+}
+interface ArcSpinnerProps extends LZCommonProps {
+    strokeWidth?: number;
+}
+declare function ArcSpinner(props: ArcSpinnerProps): react.JSX.Element;
+declare namespace ArcSpinner {
+    var displayName: string;
+}
+interface MaterialDoubleArcProps {
+    size?: number;
+    strokeWidth?: number;
+    color?: string;
+    colorWeak?: string;
+    speed?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function MaterialDoubleArc(props: MaterialDoubleArcProps): react.JSX.Element;
+declare namespace MaterialDoubleArc {
+    var displayName: string;
+}
+interface ScanSweepProps extends LZCommonProps {
+    colorWeak?: string;
+    colorSweep?: string;
+}
+declare function ScanSweep(props: ScanSweepProps): react.JSX.Element;
+declare namespace ScanSweep {
+    var displayName: string;
+}
+declare function OrbitDots(props: LZCommonProps): react.JSX.Element;
+declare namespace OrbitDots {
+    var displayName: string;
+}
+interface OrbitRingDotsProps extends LZCommonProps {
+    dotSize?: number;
+}
+declare function OrbitRingDots(props: OrbitRingDotsProps): react.JSX.Element;
+declare namespace OrbitRingDots {
+    var displayName: string;
+}
+declare function Eyes(props: LZCommonProps): react.JSX.Element;
+declare namespace Eyes {
+    var displayName: string;
+}
+interface MorphingSquareProps {
+    size?: number;
+    accent?: string;
+    speed?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function MorphingSquare(props: MorphingSquareProps): react.JSX.Element;
+declare namespace MorphingSquare {
+    var displayName: string;
+}
+declare function BreathingPulse(props: LZCommonProps): react.JSX.Element;
+declare namespace BreathingPulse {
+    var displayName: string;
+}
+interface EqualizerProps extends LZCommonProps {
+    barWidth?: number;
+    gap?: number;
+}
+declare function Equalizer(props: EqualizerProps): react.JSX.Element;
+declare namespace Equalizer {
+    var displayName: string;
+}
+interface ProgressRingProps {
+    size?: number;
+    strokeWidth?: number;
+    percent?: number;
+    color?: string;
+    trackColor?: string;
+    speed?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function ProgressRing(props: ProgressRingProps): react.JSX.Element;
+declare namespace ProgressRing {
+    var displayName: string;
+}
+interface IndeterminateProgressBarProps {
+    width?: number;
+    height?: number;
+    accent?: string;
+    trackColor?: string;
+    speed?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function IndeterminateProgressBar(props: IndeterminateProgressBarProps): react.JSX.Element;
+declare namespace IndeterminateProgressBar {
+    var displayName: string;
+}
+interface SkeletonShimmerProps {
+    width?: number;
+    height?: number;
+    trackColor?: string;
+    speed?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function SkeletonShimmer(props: SkeletonShimmerProps): react.JSX.Element;
+declare namespace SkeletonShimmer {
+    var displayName: string;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [BOUNCING_DOTS_TAG]: HTMLElement;
+        [TYPING_DOTS_TAG]: HTMLElement;
+        [WAVE_DOTS_TAG]: HTMLElement;
+        [HELIX_DOTS_TAG]: HTMLElement;
+        [DOT_GRID_WAVE_TAG]: HTMLElement;
+        [ARC_SPINNER_TAG]: HTMLElement;
+        [MATERIAL_DOUBLE_ARC_TAG]: HTMLElement;
+        [SCAN_SWEEP_TAG]: HTMLElement;
+        [ORBIT_DOTS_TAG]: HTMLElement;
+        [ORBIT_RING_DOTS_TAG]: HTMLElement;
+        [EYES_TAG]: HTMLElement;
+        [MORPHING_SQUARE_TAG]: HTMLElement;
+        [BREATHING_PULSE_TAG]: HTMLElement;
+        [EQUALIZER_TAG]: HTMLElement;
+        [PROGRESS_RING_TAG]: HTMLElement;
+        [INDETERMINATE_PROGRESS_BAR_TAG]: HTMLElement;
+        [SKELETON_SHIMMER_TAG]: HTMLElement;
+    }
+}
+
+export { ArcSpinner, type ArcSpinnerProps, BouncingDots, BreathingPulse, DotGridWave, type DotGridWaveProps, 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, ProgressRing, type ProgressRingProps, ScanSweep, type ScanSweepProps, SkeletonShimmer, type SkeletonShimmerProps, TypingDots, WaveDots, defineAll };