@spark-ui/components/dist/progress/index.d.mts

Spark (Leboncoin design system) components.

import * as react_jsx_runtime from 'react/jsx-runtime';
import { Progress as Progress$2 } from 'radix-ui';
import { PropsWithChildren, Ref, ComponentPropsWithRef } from 'react';
import * as class_variance_authority_types from 'class-variance-authority/types';
import { VariantProps } from 'class-variance-authority';

declare const progressIndicatorStyles: (props?: ({
    intent?: "main" | "alert" | "basic" | "support" | "accent" | "success" | "danger" | "info" | "neutral" | null | undefined;
    shape?: "square" | "rounded" | null | undefined;
    isIndeterminate?: boolean | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
type ProgressIndicatorStylesProps = VariantProps<typeof progressIndicatorStyles>;

interface ProgressProps extends Progress$2.ProgressProps, Pick<ProgressIndicatorStylesProps, 'intent'> {
    shape?: 'square' | 'rounded';
    isIndeterminate?: boolean;
    ref?: Ref<HTMLDivElement>;
}
declare const Progress$1: {
    ({ className, value: valueProp, max, shape, intent, isIndeterminate, children, ref, ...others }: PropsWithChildren<ProgressProps>): react_jsx_runtime.JSX.Element;
    displayName: string;
};

type ProgressBarProps = ComponentPropsWithRef<'div'>;
declare const ProgressBar: {
    ({ className, children, ref, ...others }: PropsWithChildren<ProgressBarProps>): react_jsx_runtime.JSX.Element;
    displayName: string;
};

type ProgressIndicatorProps = ComponentPropsWithRef<'div'>;
declare const ProgressIndicator: {
    ({ className, style, ref, ...others }: PropsWithChildren<ProgressIndicatorProps>): react_jsx_runtime.JSX.Element;
    displayName: string;
};

type ProgressLabelProps = ComponentPropsWithRef<'span'>;
declare const ProgressLabel: {
    ({ id: idProp, children, ref: forwardedRef, ...others }: ProgressLabelProps): react_jsx_runtime.JSX.Element;
    displayName: string;
};

declare const Progress: typeof Progress$1 & {
    Label: typeof ProgressLabel;
    Bar: typeof ProgressBar;
    Indicator: typeof ProgressIndicator;
};

export { Progress, type ProgressBarProps, type ProgressIndicatorProps, type ProgressLabelProps, type ProgressProps };