aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
146 lines • 3.37 kB
TypeScript
import React from "react";
export interface GlassProgressProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* Progress value (0-100)
*/
value?: number;
/**
* Maximum value
*/
max?: number;
/**
* Progress variant
*/
variant?: "default" | "success" | "warning" | "error" | "gradient" | "primary";
/**
* Progress size
*/
size?: "xs" | "sm" | "md" | "lg" | "xl";
/**
* Progress shape
*/
shape?: "glass-radius-md" | "pill" | "square";
/**
* Whether to show value text
*/
showValue?: boolean;
/**
* Custom value formatter
*/
formatValue?: (value: number, max: number) => string;
/**
* Whether progress is indeterminate
*/
indeterminate?: boolean;
/**
* Animation on value change
*/
animated?: boolean;
/**
* Animation duration in ms
*/
animationDuration?: number;
/**
* Whether to show stripes
*/
striped?: boolean;
/**
* Custom label
*/
label?: string;
/**
* Label position
*/
labelPosition?: "top" | "bottom" | "inline";
/**
* Respect user's motion preferences
*/
respectMotionPreference?: boolean;
/**
* Optional camelCase test id for testing utilities
*/
dataTestId?: string;
}
/**
* GlassProgress component
* A glassmorphism progress bar with various styles and animations
*/
export declare const GlassProgress: React.ForwardRefExoticComponent<GlassProgressProps & React.RefAttributes<HTMLDivElement>>;
/**
* CircularProgress component
*/
export interface CircularProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "size"> {
/**
* Progress value (0-100)
*/
value?: number;
/**
* Maximum value
*/
max?: number;
/**
* Progress variant
*/
variant?: "default" | "success" | "warning" | "error";
/**
* Circle size
*/
size?: "sm" | "md" | "lg" | "xl";
/**
* Stroke width
*/
strokeWidth?: number;
/**
* Whether progress is indeterminate
*/
indeterminate?: boolean;
/**
* Whether to show value text
*/
showValue?: boolean;
/**
* Custom content in center
*/
children?: React.ReactNode;
}
export declare const CircularProgress: React.ForwardRefExoticComponent<CircularProgressProps & React.RefAttributes<HTMLDivElement>>;
/**
* StepProgress component
*/
export interface StepProgressProps {
/**
* Current step (0-based)
*/
currentStep: number;
/**
* Total steps
*/
totalSteps: number;
/**
* Step labels
*/
steps?: string[];
/**
* Progress variant
*/
variant?: "default" | "numbered" | "minimal";
/**
* Orientation
*/
orientation?: "horizontal" | "vertical";
/**
* Size
*/
size?: "sm" | "md" | "lg";
/**
* Whether completed steps are clickable
*/
clickable?: boolean;
/**
* Step click handler
*/
onStepClick?: (step: number) => void;
className?: string;
}
export declare function StepProgress({ currentStep, totalSteps, steps, variant, orientation, size, clickable, onStepClick, className, }: StepProgressProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=GlassProgress.d.ts.map