@als-tp/als-react-ts-ui
Version:
A comprehensive React TypeScript UI component library built with Base UI by ALSInnovation
55 lines • 2.48 kB
TypeScript
import { Progress } from "@base-ui-components/react/progress";
import type React from "react";
/**
* Progress variant types
*/
export type ProgressVariant = "primary" | "success" | "warning" | "error";
/**
* Progress size types
*/
export type ProgressSize = "sm" | "md" | "lg";
/**
* Props for ALSProgressRoot component
*/
export interface ALSProgressRootProps extends React.ComponentPropsWithoutRef<typeof Progress.Root> {
variant?: ProgressVariant;
size?: ProgressSize;
}
/**
* Props for ALSProgressTrack component
*/
export type ALSProgressTrackProps = React.ComponentPropsWithoutRef<typeof Progress.Track>;
/**
* Props for ALSProgressIndicator component
*/
export type ALSProgressIndicatorProps = React.ComponentPropsWithoutRef<typeof Progress.Indicator>;
/**
* Props for ALSProgressLabel component
*/
export type ALSProgressLabelProps = React.ComponentPropsWithoutRef<typeof Progress.Label>;
/**
* Props for ALSProgressValue component
*/
export type ALSProgressValueProps = React.ComponentPropsWithoutRef<typeof Progress.Value>;
/**
* Root component that provides progress state context
*/
declare const ALSProgressRoot: React.ForwardRefExoticComponent<ALSProgressRootProps & React.RefAttributes<HTMLDivElement>>;
/**
* Container for the progress indicator
*/
declare const ALSProgressTrack: React.ForwardRefExoticComponent<Omit<import("@base-ui-components/react/progress").ProgressTrackProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
/**
* Visual indicator showing progress completion
*/
declare const ALSProgressIndicator: React.ForwardRefExoticComponent<Omit<import("@base-ui-components/react/progress").ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
/**
* Optional label for the progress bar
*/
declare const ALSProgressLabel: React.ForwardRefExoticComponent<Omit<import("@base-ui-components/react/progress").ProgressLabelProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
/**
* Optional value display (e.g., "75%")
*/
declare const ALSProgressValue: React.ForwardRefExoticComponent<Omit<import("@base-ui-components/react/progress").ProgressValueProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
export { ALSProgressRoot, ALSProgressTrack, ALSProgressIndicator, ALSProgressLabel, ALSProgressValue, };
//# sourceMappingURL=ALSProgress.d.ts.map