@baseline-ui/core 0.58.0 → 0.60.0

package/dist/components/PointPicker/PointPickerDisplay/Floater.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export declare const Floater: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+    className?: string;
+} & Pick<import("../..").PopoverContentProps, "offset" | "placement" | "crossOffset"> & {
+    anchorElement?: "indicator" | "trailing";
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/PointPicker/PointPickerDisplay/MagnifierContent.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { PointPickerDisplayProps } from "../PointPicker.types";
+export declare const MagnifierContent: React.NamedExoticComponent<MagnifierContentProps>;
+interface MagnifierContentProps extends Pick<PointPickerDisplayProps, "renderMagnifierContent"> {
+    children: React.ReactElement | null;
+    scale: number;
+}
+export {};

package/dist/components/PointPicker/PointPickerDisplay/PointPickerDisplay.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { PointPickerDisplayProps } from "../PointPicker.types";
+export declare const PointPickerDisplay: React.ForwardRefExoticComponent<PointPickerDisplayProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/PointPicker/PointPickerDisplay/hooks/useIndicatorWidthObserver.d.ts

@@ -0,0 +1 @@
+export declare function useIndicatorWidthObserver(cursorNode: HTMLElement | null, anchorElement: "indicator" | "trailing", updatePosition: () => void): number;

package/dist/components/PointPicker/PointPickerDisplay/index.d.ts

@@ -0,0 +1 @@
+export * from "./PointPickerDisplay";

package/dist/components/PointPicker/PointsVisualiser/PointsVisualiser.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { type Point } from "./canvasUtils";
+export interface PointsVisualiserProps {
+    debugPoints: Point[];
+    radius?: number;
+    showRadius?: boolean;
+    showSnapPoints?: boolean;
+    type?: "nearest" | "within";
+    onActivePointsChange?: (points: Point[]) => void;
+}
+export declare const PointsVisualiser: React.NamedExoticComponent<PointsVisualiserProps>;

package/dist/components/PointPicker/PointsVisualiser/canvasUtils.d.ts

@@ -0,0 +1,20 @@
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface DrawPointsOptions {
+    color?: string;
+    strokeColor?: string;
+    radius?: number;
+}
+export interface CanvasInitOptions {
+    width: number;
+    height: number;
+    dpr?: number;
+    radius?: number;
+}
+export declare const createPointPath: (radius: number) => Path2D;
+export declare const drawPoints: (ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, points: Point[], { color, strokeColor, radius }?: DrawPointsOptions) => void;
+export declare const initializeCanvas: (canvas: HTMLCanvasElement | OffscreenCanvas, { width, height, dpr }: CanvasInitOptions) => CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D | null;
+export declare const initializeOffscreenCanvas: (canvas: OffscreenCanvas, options: CanvasInitOptions) => OffscreenCanvasRenderingContext2D | null;
+export declare const clearCanvas: (ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, canvas: HTMLCanvasElement | OffscreenCanvas, dpr: number) => void;

package/dist/components/PointPicker/PointsVisualiser/hooks/usePointProximity.d.ts

@@ -0,0 +1,12 @@
+interface Point {
+    x: number;
+    y: number;
+}
+export declare function usePointProximity({ snapPoints, snapRadius, }: {
+    snapPoints?: Point[];
+    snapRadius?: number;
+}): {
+    findNearestPoint: (cursor: Point) => Promise<Point | null>;
+    findPointsInRadius: (cursor: Point) => Promise<Point[]>;
+};
+export {};

package/dist/components/PointPicker/hooks/usePointPicker.d.ts

@@ -0,0 +1,4 @@
+export declare const usePointPicker: () => {
+    coordinates: import("../PointPicker").Coordinates | null;
+    isDisabled: boolean;
+};

package/dist/components/PointPicker/index.d.ts

@@ -0,0 +1,5 @@
+export { PointPicker } from "./PointPicker";
+export { type PointPickerProps, type PointPickerContentProps, type PointPickerDisplayProps, } from "./PointPicker.types";
+export { PointPickerContent } from "./PointPickerContent";
+export { PointPickerDisplay } from "./PointPickerDisplay";
+export { usePointProximity } from "./PointsVisualiser/hooks/usePointProximity";

package/dist/components/PointPicker/workers/canvas.worker.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/PointPicker/workers/pointProximity.worker.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Popover/Arrow.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { DOMAttributes, FocusableElement } from "@react-types/shared";
+import type { PlacementAxis } from "react-aria";
+export declare const Arrow: React.FC<{
+    placement: Exclude<PlacementAxis, "center">;
+    arrowProps: DOMAttributes<FocusableElement>;
+}>;

package/dist/components/Popover/Popover.css.d.ts

@@ -0,0 +1,55 @@
+export declare const triggerWidthVar: `var(--${string})`;
+export declare const popoverContentCn: string;
+export declare const popoverArrowDefaultCn: ((options?: {
+    placement?: "bottom" | "left" | "right" | "top" | undefined;
+} | undefined) => string) & {
+    variants: () => "placement"[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        placement: {
+            bottom: {
+                transform: "rotate(180deg) translate(-50%, 8px)";
+                transformOrigin: "left";
+            };
+            top: {
+                bottom: number;
+                transform: "translate(-50%, 8px)";
+            };
+            right: {
+                transform: "rotate(90deg) translate(-50%, 11px)";
+            };
+            left: {
+                right: number;
+                transform: "rotate(-90deg) translate(50%, 11px)";
+                transformOrigin: "center";
+            };
+        };
+    }>;
+};
+export declare const popoverArrowFocusCn: ((options?: {
+    placement?: "bottom" | "left" | "right" | "top" | undefined;
+} | undefined) => string) & {
+    variants: () => "placement"[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        placement: {
+            bottom: {
+                transform: "rotate(180deg) translate(-50%, 10px)";
+                transformOrigin: "left";
+            };
+            top: {
+                bottom: number;
+                transform: "translate(-50%, 10px)";
+            };
+            right: {
+                transform: "rotate(90deg) translate(-50%, 10px)";
+            };
+            left: {
+                right: number;
+                transform: "rotate(-90deg) translate(50%, 10px)";
+                transformOrigin: "center";
+            };
+        };
+    }>;
+};
+export declare const popoverContentContainerCn: string;
+export declare const popoverUnderlayCn: string;
+export declare const popoverHiddenTriggerCn: string;

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { PopoverProps } from "./Popover.types";
+import type { OverlayTriggerAria } from "react-aria";
+import type { MenuTriggerState, OverlayTriggerState } from "react-stately";
+export declare const PopoverContext: React.Context<{
+    state: OverlayTriggerState | MenuTriggerState | null;
+    overlayTriggerAria: OverlayTriggerAria;
+    triggerRef?: React.RefObject<HTMLElement>;
+}>;
+export declare const Popover: React.FC<PopoverProps>;

package/dist/components/Popover/Popover.types.d.ts

@@ -0,0 +1,133 @@
+import type { BlockProps, Rect } from "../../utils";
+import type { ModalContentProps } from "../Modal";
+import type React from "react";
+import type { AriaButtonProps, AriaPopoverProps, BoundaryAxis, OverlayProps, useOverlayTrigger } from "react-aria";
+import type { MenuTriggerState, OverlayTriggerProps, OverlayTriggerState } from "react-stately";
+export type { BoundaryAxis } from "react-aria";
+export type HorizontalBoundaryBehavior = "shift" | "anchor";
+type OverlayTriggerProps_ = Parameters<typeof useOverlayTrigger>[0];
+export interface PopoverContentHandle {
+    /**
+     * Recalculates the popover's position relative to the trigger element. Useful
+     * when the trigger or surrounding layout has changed and the popover needs to
+     * be repositioned.
+     */
+    updatePosition: () => void;
+}
+export interface PopoverProps extends OverlayTriggerProps, OverlayTriggerProps_, BlockProps {
+    /** The children of the popover. */
+    children: React.ReactNode;
+}
+type ClassName = string | ((state: {
+    isOpen: boolean;
+}) => string | undefined);
+type Style = React.CSSProperties | ((state: {
+    isOpen: boolean;
+}) => React.CSSProperties | undefined);
+export interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "triggerRef" | "arrowSize" | "arrowBoundaryOffset" | "shouldCloseOnScroll" | "boundaryElement">, Pick<OverlayProps, "shouldContainFocus" | "disableFocusManagement">, Pick<ModalContentProps, "disableAnimation">, BlockProps {
+    /** The class name for the popover element. */
+    className?: ClassName;
+    /** The style for the popover element. */
+    style?: Style;
+    /**
+     * The reference element for the popover position. By default, the popover is
+     * positioned relative to the trigger element.
+     */
+    triggerRef?: React.RefObject<HTMLElement>;
+    /** The class name for the underlay element. */
+    underlayClassName?: ClassName;
+    /** The contents of the popover. */
+    children: React.JSX.Element | ((state: OverlayTriggerState) => React.JSX.Element);
+    /**
+     * The container element for the popover. By default, the modal is rendered as
+     * a child of the body element.
+     *
+     * @default document.body
+     */
+    portalContainer?: HTMLElement;
+    /**
+     * Whether to include an arrow on the popover.
+     *
+     * @default false
+     */
+    includeArrow?: boolean;
+    /** The class name for the content container element. */
+    contentContainerClassName?: ClassName;
+    /** The style for the content container element. */
+    contentContainerStyle?: Style;
+    /** The class name for the portal container element. */
+    portalClassName?: string;
+    /** The style for the portal container element. */
+    portalStyle?: React.CSSProperties;
+    /** The state of the popover. */
+    state?: MenuTriggerState | OverlayTriggerState;
+    /** The props for the overlay element. */
+    overlayProps?: React.HTMLAttributes<HTMLElement>;
+    /** The class name for the arrow element. */
+    arrowClassName?: ClassName;
+    /** The style for the arrow element. */
+    arrowStyle?: Style;
+    /**
+     * Whether the popover should reposition to stay attached to its trigger
+     * during scroll. When true, the popover repositions instead of closing when
+     * scrolling occurs. When false (default), the popover will close on scroll
+     * (current behavior).
+     *
+     * @default false
+     */
+    shouldRepositionOnScroll?: boolean;
+    /**
+     * Ref to access imperative methods like updatePosition. Use this to manually
+     * trigger popover position recalculation.
+     */
+    elementHandle?: React.Ref<PopoverContentHandle>;
+    /**
+     * The element used as the boundary when calculating popover position. The
+     * popover is shifted or flipped to stay within this element's bounds on the
+     * axes specified by `boundaryAxis`.
+     *
+     * Pass `null` to disable all boundary constraints.
+     *
+     * @default document.body
+     */
+    boundaryElement?: Element | null;
+    /**
+     * Controls which axes the `boundaryElement` constrains. Has no effect when
+     * `boundaryElement` is `null`.
+     *
+     * - `"both"` — constrains horizontal and vertical (default)
+     * - `"horizontal"` — constrains only horizontal overflow; popover may overflow
+     *   vertically
+     * - `"vertical"` — constrains only vertical overflow; popover may overflow
+     *   horizontally
+     *
+     * @default "both"
+     */
+    boundaryAxis?: BoundaryAxis;
+    /**
+     * Controls how horizontal overflow is resolved when a boundary is present.
+     *
+     * - `"shift"` — keeps placement and shifts horizontally to stay within bounds
+     *   (default)
+     * - `"anchor"` — for top/bottom placements, resolves overflow by cross-axis
+     *   placement flip (`left`/`right`) without horizontal shifting
+     *
+     * Has no effect when `boundaryElement` is `null`.
+     *
+     * @default "shift"
+     */
+    horizontalBoundaryBehavior?: HorizontalBoundaryBehavior;
+}
+export interface PopoverTriggerProps {
+    /** The contents of the popover trigger. */
+    children?: React.JSX.Element | (({ isOpen, triggerProps, triggerRef, }: {
+        isOpen: boolean;
+        triggerProps: AriaButtonProps<"button">;
+        triggerRef: React.RefObject<HTMLElement> | undefined;
+    }) => React.JSX.Element);
+    /**
+     * Client rect to be used as anchor for the popover content when no child
+     * element is provided.
+     */
+    anchorRect?: Rect;
+}

package/dist/components/Popover/PopoverContent.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { PopoverContentProps } from "./Popover.types";
+export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Popover/PopoverContentCore.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { PopoverContentHandle, PopoverContentProps } from "./Popover.types";
+export declare const PopoverContentCore: React.ForwardRefExoticComponent<PopoverContentProps & Required<Pick<PopoverContentProps, "state" | "triggerRef">> & {
+    setPopoverStyle: (style: React.CSSProperties) => void;
+    popoverContainerRef: React.RefObject<HTMLDivElement>;
+    elementHandle?: React.Ref<PopoverContentHandle>;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Popover/PopoverTrigger.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { PopoverTriggerProps } from "./Popover.types";
+import type { AriaButtonProps } from "react-aria";
+export declare const PopoverTriggerContext: React.Context<AriaButtonProps<"button"> & {
+    isSelected: boolean;
+    ref: React.RefObject<HTMLElement> | undefined;
+}>;
+export declare const PopoverTrigger: React.FC<PopoverTriggerProps>;

package/dist/components/Popover/hooks/usePopoverScrollReposition.d.ts

@@ -0,0 +1,22 @@
+import { type RefObject } from "react";
+interface UsePopoverScrollRepositionProps {
+    triggerRef: RefObject<Element>;
+    updatePosition: () => void;
+    isOpen: boolean;
+    boundaryElement?: Element | null;
+    isDisabled?: boolean;
+}
+/**
+ * Hook to reposition popover on scroll events.
+ *
+ * Listens to scroll events on:
+ *
+ * - Window (page-level scroll)
+ * - Boundary element (if provided)
+ * - All scrollable ancestors of the trigger element (nested containers)
+ *
+ * Uses requestAnimationFrame to throttle position updates for optimal
+ * performance. Prevents layout thrashing by batching updates.
+ */
+export declare function usePopoverScrollReposition({ triggerRef, updatePosition, isOpen, boundaryElement, isDisabled, }: UsePopoverScrollRepositionProps): void;
+export {};

package/dist/components/Popover/hooks/usePopoverTransition.d.ts

@@ -0,0 +1,23 @@
+import type { PlacementAxis } from "react-aria";
+export declare function usePopoverTransition({ placement, isDisabled, }: {
+    placement: PlacementAxis;
+    isDisabled?: boolean;
+}): {
+    transitionProps: {
+        initial: {
+            x: number;
+            y: number;
+            opacity: number;
+            scale: number;
+        };
+        animate: {
+            opacity: number;
+            scale: number;
+            x: number;
+            y: number;
+        };
+        transition: {
+            ease: string;
+        };
+    };
+};

package/dist/components/Popover/index.d.ts

@@ -0,0 +1,4 @@
+export { PopoverContent } from "./PopoverContent";
+export { PopoverTrigger } from "./PopoverTrigger";
+export { Popover } from "./Popover";
+export { type BoundaryAxis, type HorizontalBoundaryBehavior, type PopoverContentProps, type PopoverContentHandle, type PopoverProps, type PopoverTriggerProps, } from "./Popover.types";

package/dist/components/Portal/Portal.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { PortalProps } from "./Portal.types";
+export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Portal/Portal.types.d.ts

@@ -0,0 +1,4 @@
+import type { StylingProps } from "../../utils";
+import type { OverlayProps } from "react-aria";
+export interface PortalProps extends OverlayProps, StylingProps {
+}

package/dist/components/Portal/index.d.ts

@@ -0,0 +1,2 @@
+export { Portal } from "./Portal";
+export { type PortalProps } from "./Portal.types";

package/dist/components/PortalContainerProvider/PortalContainerProvider.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { PortalContainerProviderProps } from "./PortalContainerProvider.types";
+export declare const PortalContainerProviderContext: React.Context<HTMLElement | undefined>;
+export declare const PortalContainerProvider: React.FC<PortalContainerProviderProps>;

package/dist/components/PortalContainerProvider/PortalContainerProvider.types.d.ts

@@ -0,0 +1,12 @@
+import type React from "react";
+export interface PortalContainerProviderProps {
+    /**
+     * The container element for the popover. By default, the modal is rendered as
+     * a child of the body element.
+     *
+     * @default undefined
+     */
+    portalContainer: HTMLElement | undefined;
+    /** The children to render. */
+    children: React.ReactNode;
+}

package/dist/components/PortalContainerProvider/index.d.ts

@@ -0,0 +1 @@
+export { PortalContainerProvider } from "./PortalContainerProvider";

package/dist/components/Preview/Preview.css.d.ts

@@ -0,0 +1,50 @@
+export declare const previewCn: ((options?: {
+    accent?: "theme" | "positive" | undefined;
+    isInline?: boolean | undefined;
+    isFocusVisible?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    isHovered?: boolean | undefined;
+} | undefined) => string) & {
+    variants: () => ("isHovered" | "isDisabled" | "isFocusVisible" | "isInline" | "accent")[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        accent: {
+            theme: {};
+            positive: {};
+        };
+        isInline: {
+            true: (string | {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            })[];
+            false: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+        isFocusVisible: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+        isDisabled: {
+            true: (string | {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            })[];
+        };
+        isHovered: {
+            true: {};
+        };
+    }>;
+};
+export declare const previewCanvasCn: string;
+export declare const deleteBtnCn: string;

package/dist/components/Preview/Preview.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { PreviewProps } from "./Preview.types";
+export declare const Preview: React.ForwardRefExoticComponent<PreviewProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Preview/Preview.types.d.ts

@@ -0,0 +1,59 @@
+import type { StylingProps } from "../../utils";
+import type { ActionButtonProps } from "../ActionButton";
+import type { AriaLabelingProps } from "@react-types/shared";
+import type React from "react";
+import type { PressProps } from "react-aria";
+export interface PreviewProps extends StylingProps, AriaLabelingProps {
+    /**
+     * Whether the preview should be displayed inline or not. This is just a
+     * visual change, the component will still behave the same.
+     *
+     * @default true
+     */
+    isInline?: boolean;
+    /**
+     * The image to display in the preview. This can be a URL or a base64 encoded
+     * string.
+     */
+    imageSrc?: string;
+    /** The alt text for the image. */
+    imageAlt?: string;
+    /** The SVG to display in the preview. This can be a React element or a string. */
+    svgSrc?: string | React.JSX.Element;
+    /** Whether the preview should be disabled or not. */
+    isDisabled?: boolean;
+    /** The text to display in the preview. */
+    textValue?: string;
+    /** The style of the text. */
+    textStyle?: React.CSSProperties;
+    /**
+     * This is fired when the `actionButtons` are not passed and you trigger a
+     * `click` event on the preview. In case you have passed `actionButtons`, this
+     * is not fired as focus shifts to the action buttons.
+     */
+    onPress?: PressProps["onPress"];
+    /**
+     * The callback to be called when the delete button is clicked. When passed,
+     * the delete button is displayed.
+     */
+    onDelete?: ActionButtonProps["onPress"];
+    /**
+     * The label to be used for the delete button. This is used for accessibility
+     * purposes.
+     */
+    deleteAriaLabel?: string;
+    /** The callback to be called when the preview is clicked. */
+    addAriaLabel?: string;
+    /**
+     * The accent variable represents the type of accent color used in the
+     * application. It can have one of the following values:
+     *
+     * - "theme": Represents the accent color defined by the current application
+     *   theme.
+     * - "positive": Represents a positive accent color that doesn't change with
+     *   theme.
+     *
+     * @default "theme"
+     */
+    accent?: "theme" | "positive";
+}

package/dist/components/Preview/index.d.ts

@@ -0,0 +1,2 @@
+export { Preview } from "./Preview";
+export { type PreviewProps } from "./Preview.types";

package/dist/components/ProgressBar/ProgressBar.css.d.ts

@@ -0,0 +1,48 @@
+export declare const progressBarCn: string;
+export declare const progressBarHeaderCn: string;
+export declare const progressBarLabelCn: string;
+export declare const progressValueCn: ((options?: {
+    hasLabel?: boolean | undefined;
+} | undefined) => string) & {
+    variants: () => "hasLabel"[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        hasLabel: {
+            false: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+    }>;
+};
+export declare const progressBarWrapperCn: string;
+export declare const progressBarTrackWrapperCn: string;
+export declare const progressBarTrackCn: string;
+export declare const progressBarHighlightedCn: ((options?: {
+    variant?: "active" | "success" | "error" | undefined;
+} | undefined) => string) & {
+    variants: () => "variant"[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        variant: {
+            success: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+            error: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+            active: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+    }>;
+};

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ProgressBarProps } from "./ProgressBar.types";
+export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ProgressBar/ProgressBar.types.d.ts

@@ -0,0 +1,20 @@
+import type { StylingProps } from "../../utils";
+import type { AriaProgressBarProps } from "react-aria";
+export interface ProgressBarProps extends StylingProps, Omit<AriaProgressBarProps, "isIndeterminate"> {
+    /**
+     * The variant of the progress bar.
+     *
+     * @default active
+     */
+    variant?: "active" | "success" | "error";
+    /** The description of the progress bar. */
+    description?: string;
+    /**
+     * Whether the progress bar value should be displayed.
+     *
+     * @default false
+     */
+    showValue?: boolean;
+    /** The error message of the progress bar. */
+    errorMessage?: string;
+}

package/dist/components/ProgressBar/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressBar } from "./ProgressBar";
+export { type ProgressBarProps } from "./ProgressBar.types";

package/dist/components/ProgressSpinner/ProgressSpinner.css.d.ts

@@ -0,0 +1,9 @@
+export declare const circumferenceVar: `var(--${string})`;
+export declare const radialProgressCn: string;
+export declare const radialProgressContainerCn: string;
+export declare const rotateKf: string;
+export declare const circleCn: string;
+export declare const circleBackgroundCn: string;
+export declare const successColorCn: string;
+export declare const errorColorCn: string;
+export declare const labelCn: string;

package/dist/components/ProgressSpinner/ProgressSpinner.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ProgressSpinnerProps } from "./ProgressSpinner.types";
+export declare const ProgressSpinner: React.ForwardRefExoticComponent<ProgressSpinnerProps & React.RefAttributes<HTMLDivElement>>;