@evolve.ui/core-components 1.0.0

package/ProgressCircle-BC81D9sU.cjs

@@ -0,0 +1,196 @@
+const require_Icons_IconBase = require("./Icons/IconBase.cjs");
+const require_CheckCircle = require("./CheckCircle-BjBbSga6.cjs");
+let _evolve_ui_theme_system = require("@evolve.ui/theme-system");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/ProgressCircle/hooks/useProgressStatusTransitions.ts
+/**
+* Manages the animation state for the ProgressCircle component.
+*
+* Handles two animation concerns:
+* 1. `animateToSolidCircle` - Controls the transition from dashed to solid circle
+* 2. `isShowingCompletion` - Controls whether to show the completion checkmark
+*
+* @param status - The current status of the progress circle
+* @returns Animation state flags for the component
+*/
+const useProgressStatusTransitions = (status) => {
+	const isComplete = status === "complete";
+	const isProgressing = status === "progressing";
+	const isIndeterminate = status === "indeterminate";
+	const [animateToSolidCircle, setAnimateToSolidCircle] = (0, react.useState)(false);
+	const [isShowingCompletion, setIsShowingCompletion] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		setIsShowingCompletion(isComplete);
+	}, [isComplete]);
+	(0, react.useEffect)(() => {
+		if (isProgressing || isComplete || isIndeterminate) {
+			const timer = setTimeout(() => {
+				setAnimateToSolidCircle(true);
+			}, 10);
+			return () => {
+				clearTimeout(timer);
+			};
+		}
+		setAnimateToSolidCircle(false);
+	}, [
+		isComplete,
+		isIndeterminate,
+		isProgressing
+	]);
+	return {
+		animateToSolidCircle,
+		isShowingCompletion
+	};
+};
+//#endregion
+//#region src/ProgressCircle/utils/progressCircle.constants.ts
+const CIRCLE_RADIUS = 11.25;
+const STROKE_WIDTH = 1.5;
+const progressCircleOuterSizes = {
+	lg: 54,
+	md: 42,
+	sm: 34
+};
+const WAVE_ARC_SIZE = .75;
+const WAVE_OFFSET = .125;
+const circleBaseProps = {
+	cx: 17,
+	cy: 17,
+	r: CIRCLE_RADIUS,
+	strokeWidth: STROKE_WIDTH
+};
+//#endregion
+//#region src/ProgressCircle/ProgressCircle.tsx
+const ProgressCircle = ({ "aria-label": ariaLabel = "Progress Circle", centerIcon, className, color = "secondary", "data-testid": dataTestId, indeterminateAnimation = "spinner", progress, size = "md", status = "pending" }) => {
+	const outerSize = progressCircleOuterSizes[size];
+	const strokeColor = require_Icons_IconBase.getColor(color) ?? `rgb(var(${_evolve_ui_theme_system.colorIconSecondary}))`;
+	const grayColor = `rgb(var(${_evolve_ui_theme_system.colorIconDisabled}))`;
+	const successColor = `rgb(var(${_evolve_ui_theme_system.colorIconSuccess}))`;
+	const isPending = status === "pending";
+	const isProgressing = status === "progressing";
+	const isComplete = status === "complete";
+	const isIndeterminate = status === "indeterminate";
+	const progressCircleColor = isComplete ? successColor : strokeColor;
+	const arrowColor = isPending ? grayColor : strokeColor;
+	const circumference = 2 * Math.PI * CIRCLE_RADIUS;
+	const iconViewBoxOffset = 0 / 2;
+	const { animateToSolidCircle, isShowingCompletion } = useProgressStatusTransitions(status);
+	const showProgressCircles = isProgressing || isComplete;
+	const resolvedProgressValue = isComplete ? 100 : progress ?? 0;
+	const grayFillOffset = animateToSolidCircle ? 0 : circumference;
+	const progressOffset = circumference - resolvedProgressValue / 100 * circumference;
+	const isIndeterminateMode = isIndeterminate || isProgressing && !(typeof progress === "number");
+	const showIndeterminateSpinner = isIndeterminateMode && animateToSolidCircle;
+	const showProgressArc = !isIndeterminateMode && showProgressCircles;
+	const showGrayFill = isIndeterminateMode || showProgressCircles;
+	const waveAnimationStyles = {
+		"--progress-wave-end": `1 ${circumference}`,
+		"--progress-wave-full": `${-circumference}`,
+		"--progress-wave-mid": `${circumference * WAVE_ARC_SIZE} ${circumference}`,
+		"--progress-wave-offset": `${-circumference * WAVE_OFFSET}`,
+		"--progress-wave-start": `1 ${circumference}`
+	};
+	const ariaRole = showProgressArc && !isComplete ? "progressbar" : "status";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className,
+		"data-testid": dataTestId,
+		style: waveAnimationStyles,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+			"aria-busy": isIndeterminateMode || isProgressing,
+			"aria-label": ariaLabel,
+			"aria-live": "polite",
+			"aria-valuemax": showProgressArc ? 100 : void 0,
+			"aria-valuemin": showProgressArc ? 0 : void 0,
+			"aria-valuenow": showProgressArc ? resolvedProgressValue : void 0,
+			className: isShowingCompletion ? `min-h-[${outerSize}px] min-w-[${outerSize}px] animate-progress-completion` : `min-h-[${outerSize}px] min-w-[${outerSize}px]`,
+			fill: "none",
+			height: outerSize,
+			role: ariaRole,
+			viewBox: `0 0 34 34`,
+			width: outerSize,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					...circleBaseProps,
+					stroke: grayColor,
+					strokeDasharray: "4 4"
+				}),
+				showGrayFill && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					...circleBaseProps,
+					className: "origin-center -rotate-90 transition-[stroke-dashoffset] duration-300",
+					stroke: grayColor,
+					strokeDasharray: circumference,
+					strokeDashoffset: grayFillOffset,
+					strokeLinecap: "round"
+				}),
+				showIndeterminateSpinner && indeterminateAnimation === "spinner" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					...circleBaseProps,
+					className: "origin-center animate-spin",
+					stroke: strokeColor,
+					strokeDasharray: `${circumference * .25} ${circumference * .75}`,
+					strokeLinecap: "round"
+				}),
+				showIndeterminateSpinner && indeterminateAnimation === "wave" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					...circleBaseProps,
+					className: "origin-center animate-progress-wave",
+					stroke: strokeColor,
+					strokeLinecap: "round"
+				}),
+				showProgressArc && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					...circleBaseProps,
+					className: "origin-center -rotate-90 transition-[stroke-dashoffset_0.5s_ease-in-out_0.3s,stroke_0.3s_ease-in-out]",
+					stroke: progressCircleColor,
+					strokeDasharray: circumference,
+					strokeDashoffset: progressOffset,
+					strokeLinecap: "round"
+				}),
+				!isShowingCompletion && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("foreignObject", {
+					height: 34,
+					width: 34,
+					x: iconViewBoxOffset,
+					y: iconViewBoxOffset,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex h-full w-full items-center justify-center",
+						children: centerIcon || /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+							fill: "none",
+							height: 34,
+							viewBox: `0 0 34 34`,
+							width: 34,
+							xmlns: "http://www.w3.org/2000/svg",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+								className: "transition-[fill_0.3s_ease-in-out]",
+								d: "M21.4015 16.5893C21.3406 16.6504 21.2681 16.699 21.1883 16.7321C21.1086 16.7652 21.0231 16.7823 20.9367 16.7823C20.8503 16.7823 20.7648 16.7652 20.685 16.7321C20.6053 16.699 20.5328 16.6504 20.4718 16.5893L17.656 13.7734V21.8125C17.656 21.9865 17.5868 22.1534 17.4638 22.2765C17.3407 22.3996 17.1738 22.4687 16.9997 22.4687C16.8257 22.4687 16.6588 22.3996 16.5357 22.2765C16.4126 22.1534 16.3435 21.9865 16.3435 21.8125V13.7734L13.5265 16.5893C13.4032 16.7125 13.236 16.7818 13.0617 16.7818C12.8873 16.7818 12.7201 16.7125 12.5968 16.5893C12.4736 16.466 12.4043 16.2988 12.4043 16.1244C12.4043 15.9501 12.4736 15.7829 12.5968 15.6596L16.5343 11.7221C16.5953 11.6609 16.6678 11.6123 16.7475 11.5792C16.8273 11.5461 16.9128 11.5291 16.9992 11.5291C17.0856 11.5291 17.1711 11.5461 17.2508 11.5792C17.3306 11.6123 17.4031 11.6609 17.464 11.7221L21.4015 15.6596C21.4627 15.7205 21.5113 15.793 21.5444 15.8728C21.5775 15.9525 21.5945 16.038 21.5945 16.1244C21.5945 16.2108 21.5775 16.2963 21.5444 16.3761C21.5113 16.4558 21.4627 16.5283 21.4015 16.5893Z",
+								fill: arrowColor
+							})
+						})
+					})
+				}),
+				isShowingCompletion && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("foreignObject", {
+					height: 34,
+					width: 34,
+					x: iconViewBoxOffset,
+					y: iconViewBoxOffset,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex h-full w-full animate-progress-icon-fade-in items-center justify-center",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CheckCircle.CheckCircle, {
+							color: "success",
+							size: "md",
+							style: "fill"
+						})
+					})
+				})
+			]
+		})
+	});
+};
+ProgressCircle.displayName = "ProgressCircle";
+//#endregion
+Object.defineProperty(exports, "ProgressCircle", {
+	enumerable: true,
+	get: function() {
+		return ProgressCircle;
+	}
+});
+
+//# sourceMappingURL=ProgressCircle-BC81D9sU.cjs.map

package/ProgressCircle-BC81D9sU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle-BC81D9sU.cjs","names":["getColor","colorIconSecondary","colorIconDisabled","colorIconSuccess","CheckCircle"],"sources":["../src/ProgressCircle/hooks/useProgressStatusTransitions.ts","../src/ProgressCircle/utils/progressCircle.constants.ts","../src/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype ProgressCircleStatus = 'pending' | 'progressing' | 'complete' | 'indeterminate';\n\n/**\n * Manages the animation state for the ProgressCircle component.\n *\n * Handles two animation concerns:\n * 1. `animateToSolidCircle` - Controls the transition from dashed to solid circle\n * 2. `isShowingCompletion` - Controls whether to show the completion checkmark\n *\n * @param status - The current status of the progress circle\n * @returns Animation state flags for the component\n */\nexport const useProgressStatusTransitions = (status: ProgressCircleStatus) => {\n    const isComplete = status === 'complete';\n    const isProgressing = status === 'progressing';\n    const isIndeterminate = status === 'indeterminate';\n\n    // State to control animation trigger\n    const [animateToSolidCircle, setAnimateToSolidCircle] = useState(false);\n    // State to track completion animation\n    const [isShowingCompletion, setIsShowingCompletion] = useState(false);\n\n    // Trigger completion animation when status changes to/from 'complete'\n    useEffect(() => {\n        setIsShowingCompletion(isComplete);\n    }, [isComplete]);\n\n    // Trigger animation when status changes to progressing, complete, or indeterminate\n    useEffect(() => {\n        if (isProgressing || isComplete || isIndeterminate) {\n            // Small delay to ensure element is mounted before animating\n            const timer = setTimeout(() => {\n                setAnimateToSolidCircle(true);\n            }, 10);\n\n            return () => {\n                clearTimeout(timer);\n            };\n        }\n\n        setAnimateToSolidCircle(false);\n\n        return undefined;\n    }, [isComplete, isIndeterminate, isProgressing]);\n\n    return { animateToSolidCircle, isShowingCompletion };\n};\n","// SVG dimensions and styling constants\nexport const VIEWBOX_SIZE = 34;\nexport const CIRCLE_RADIUS = 11.25;\nexport const CIRCLE_CENTER = 17;\nexport const STROKE_WIDTH = 1.5;\nexport const ICON_CONTAINER_SIZE = 34;\nexport const DASHED_PATTERN = '4 4';\n\n// Outer circle sizes matching IconButton\nexport const progressCircleOuterSizes = {\n    lg: 54,\n    md: 42,\n    sm: 34,\n} as const;\n\n// Animation calculation constants\nexport const WAVE_ARC_SIZE = 0.75;\nexport const WAVE_OFFSET = 0.125;\nexport const SPINNER_ARC_SIZE = 0.25;\n\n// Base props for all circle SVG elements (derived from constants above)\nexport const circleBaseProps = {\n    cx: CIRCLE_CENTER,\n    cy: CIRCLE_CENTER,\n    r: CIRCLE_RADIUS,\n    strokeWidth: STROKE_WIDTH,\n} as const;\n","import { colorIconDisabled, colorIconSecondary, colorIconSuccess } from '@evolve.ui/theme-system';\nimport { ReactNode } from 'react';\n\nimport { CheckCircle } from '../Icons/generatedIcons/CheckCircle';\nimport { getColor, IconProps } from '../Icons/IconBase';\nimport { useProgressStatusTransitions } from './hooks/useProgressStatusTransitions';\nimport {\n    CIRCLE_RADIUS,\n    circleBaseProps,\n    DASHED_PATTERN,\n    ICON_CONTAINER_SIZE,\n    progressCircleOuterSizes,\n    SPINNER_ARC_SIZE,\n    VIEWBOX_SIZE,\n    WAVE_ARC_SIZE,\n    WAVE_OFFSET,\n} from './utils/progressCircle.constants';\n\ntype ProgressCircleProps = {\n    'aria-label'?: string;\n    centerIcon?: ReactNode;\n    className?: string;\n    color?: Exclude<IconProps['color'], 'disabled' | 'inherit'>;\n    'data-testid'?: string;\n    indeterminateAnimation?: 'spinner' | 'wave';\n    /**\n     * Progress value from 0-100. Only used when status is 'progressing'.\n     * If not provided while status is 'progressing', an indeterminate animation will be shown instead.\n     */\n    progress?: number;\n    size?: keyof typeof progressCircleOuterSizes;\n    /**\n     * Current status of the operation:\n     * - 'pending': Shows dashed circle with gray arrow (not yet started)\n     * - 'progressing': Shows progress animation. If `progress` is not provided, automatically shows indeterminate animation\n     * - 'complete': Shows full circle with success checkmark animation\n     * - 'indeterminate': Always shows indeterminate animation, even if progress value is provided (use for explicit indeterminate state)\n     */\n    status?: 'pending' | 'progressing' | 'complete' | 'indeterminate';\n};\n\nexport const ProgressCircle = ({\n    'aria-label': ariaLabel = 'Progress Circle',\n    centerIcon,\n    className,\n    color = 'secondary',\n    'data-testid': dataTestId,\n    indeterminateAnimation = 'spinner',\n    progress,\n    size = 'md',\n    status = 'pending',\n}: ProgressCircleProps) => {\n    const outerSize = progressCircleOuterSizes[size];\n\n    const strokeColor = getColor(color) ?? `rgb(var(${colorIconSecondary}))`;\n    const grayColor = `rgb(var(${colorIconDisabled}))`;\n    const successColor = `rgb(var(${colorIconSuccess}))`;\n\n    // Status flags for cleaner conditionals\n    const isPending = status === 'pending';\n    const isProgressing = status === 'progressing';\n    const isComplete = status === 'complete';\n    const isIndeterminate = status === 'indeterminate';\n\n    // When status is complete, always use success color for the progress circle\n    const progressCircleColor = isComplete ? successColor : strokeColor;\n\n    // Arrow color changes based on status: gray when pending, colored otherwise\n    const arrowColor = isPending ? grayColor : strokeColor;\n\n    // Calculate circle circumference for progress animation\n    const circumference = 2 * Math.PI * CIRCLE_RADIUS;\n\n    // Calculate foreignObject dimensions - centered in viewBox\n    const iconViewBoxOffset = (VIEWBOX_SIZE - ICON_CONTAINER_SIZE) / 2;\n\n    // Transition state from custom hook\n    const { animateToSolidCircle, isShowingCompletion } = useProgressStatusTransitions(status);\n\n    // Show fill and progress circles only when progressing or complete\n    const showProgressCircles = isProgressing || isComplete;\n\n    // Auto-set progress to 100% when status is complete\n    // Default to 0 if progress is undefined (though this should only be used when showProgressArc is true)\n    const resolvedProgressValue = isComplete ? 100 : (progress ?? 0);\n\n    // Gray fill circle: animates from circumference to 0 when animateToSolidCircle is true\n    const grayFillOffset = animateToSolidCircle ? 0 : circumference;\n\n    // Colored progress circle: tied to effective progress value (100% when complete)\n    const progressOffset = circumference - (resolvedProgressValue / 100) * circumference;\n\n    // Conditional rendering logic for indeterminate vs progress modes\n    // Show indeterminate if explicitly set OR if progressing without progress value\n    const hasProgressValue = typeof progress === 'number';\n    const isIndeterminateMode = isIndeterminate || (isProgressing && !hasProgressValue);\n    const showIndeterminateSpinner = isIndeterminateMode && animateToSolidCircle;\n    const showProgressArc = !isIndeterminateMode && showProgressCircles;\n    const showGrayFill = isIndeterminateMode || showProgressCircles;\n\n    // CSS custom properties for the wave animation keyframes (defined in plugin.ts).\n    // These must be inline styles because the values are calculated from the\n    // circle's circumference, which is derived from CIRCLE_RADIUS based off chosen size (sm, md, lg) at runtime.\n    const waveAnimationStyles = {\n        '--progress-wave-end': `1 ${circumference}`,\n        '--progress-wave-full': `${-circumference}`,\n        '--progress-wave-mid': `${circumference * WAVE_ARC_SIZE} ${circumference}`,\n        '--progress-wave-offset': `${-circumference * WAVE_OFFSET}`,\n        '--progress-wave-start': `1 ${circumference}`,\n    } as React.CSSProperties;\n\n    // Determine ARIA attributes based on whether we're showing determinate or indeterminate\n    // Show progressbar role only when actively progressing with progress value\n    // Complete status should be 'status' role, not 'progressbar'\n    const ariaRole = showProgressArc && !isComplete ? 'progressbar' : 'status';\n    const ariaBusy = isIndeterminateMode || isProgressing;\n    const ariaValueNow = showProgressArc ? resolvedProgressValue : undefined;\n\n    return (\n        <span\n            className={className}\n            data-testid={dataTestId}\n            style={waveAnimationStyles}\n        >\n            <svg\n                aria-busy={ariaBusy}\n                aria-label={ariaLabel}\n                aria-live=\"polite\"\n                aria-valuemax={showProgressArc ? 100 : undefined}\n                aria-valuemin={showProgressArc ? 0 : undefined}\n                aria-valuenow={ariaValueNow}\n                className={\n                    isShowingCompletion\n                        ? `min-h-[${outerSize}px] min-w-[${outerSize}px] animate-progress-completion`\n                        : `min-h-[${outerSize}px] min-w-[${outerSize}px]`\n                }\n                fill=\"none\"\n                height={outerSize}\n                role={ariaRole}\n                viewBox={`0 0 ${VIEWBOX_SIZE} ${VIEWBOX_SIZE}`}\n                width={outerSize}\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                {/* Dashed background circle */}\n                <circle\n                    {...circleBaseProps}\n                    stroke={grayColor}\n                    strokeDasharray={DASHED_PATTERN}\n                />\n\n                {/* Gray fill circle - animates 0→100% in 300ms when status is progressing or indeterminate */}\n                {showGrayFill && (\n                    <circle\n                        {...circleBaseProps}\n                        className=\"origin-center -rotate-90 transition-[stroke-dashoffset] duration-300\"\n                        stroke={grayColor}\n                        strokeDasharray={circumference}\n                        strokeDashoffset={grayFillOffset}\n                        strokeLinecap=\"round\"\n                    />\n                )}\n\n                {/* Indeterminate spinner - 1/4 circle arc that rotates */}\n                {showIndeterminateSpinner && indeterminateAnimation === 'spinner' && (\n                    <circle\n                        {...circleBaseProps}\n                        className=\"origin-center animate-spin\"\n                        stroke={strokeColor}\n                        strokeDasharray={`${circumference * SPINNER_ARC_SIZE} ${circumference * (1 - SPINNER_ARC_SIZE)}`}\n                        strokeLinecap=\"round\"\n                    />\n                )}\n\n                {/* Indeterminate wave - Google Loader style animation */}\n                {showIndeterminateSpinner && indeterminateAnimation === 'wave' && (\n                    <circle\n                        {...circleBaseProps}\n                        className=\"origin-center animate-progress-wave\"\n                        stroke={strokeColor}\n                        strokeLinecap=\"round\"\n                    />\n                )}\n\n                {/* Colored progress circle - tied to progress value (determinate mode) */}\n                {showProgressArc && (\n                    <circle\n                        {...circleBaseProps}\n                        className=\"origin-center -rotate-90 transition-[stroke-dashoffset_0.5s_ease-in-out_0.3s,stroke_0.3s_ease-in-out]\"\n                        stroke={progressCircleColor}\n                        strokeDasharray={circumference}\n                        strokeDashoffset={progressOffset}\n                        strokeLinecap=\"round\"\n                    />\n                )}\n\n                {/* Center icon content */}\n                {!isShowingCompletion && (\n                    <foreignObject\n                        height={ICON_CONTAINER_SIZE}\n                        width={ICON_CONTAINER_SIZE}\n                        x={iconViewBoxOffset}\n                        y={iconViewBoxOffset}\n                    >\n                        <div className=\"flex h-full w-full items-center justify-center\">\n                            {centerIcon || (\n                                <svg\n                                    fill=\"none\"\n                                    height={ICON_CONTAINER_SIZE}\n                                    viewBox={`0 0 ${VIEWBOX_SIZE} ${VIEWBOX_SIZE}`}\n                                    width={ICON_CONTAINER_SIZE}\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                >\n                                    <path\n                                        className=\"transition-[fill_0.3s_ease-in-out]\"\n                                        d=\"M21.4015 16.5893C21.3406 16.6504 21.2681 16.699 21.1883 16.7321C21.1086 16.7652 21.0231 16.7823 20.9367 16.7823C20.8503 16.7823 20.7648 16.7652 20.685 16.7321C20.6053 16.699 20.5328 16.6504 20.4718 16.5893L17.656 13.7734V21.8125C17.656 21.9865 17.5868 22.1534 17.4638 22.2765C17.3407 22.3996 17.1738 22.4687 16.9997 22.4687C16.8257 22.4687 16.6588 22.3996 16.5357 22.2765C16.4126 22.1534 16.3435 21.9865 16.3435 21.8125V13.7734L13.5265 16.5893C13.4032 16.7125 13.236 16.7818 13.0617 16.7818C12.8873 16.7818 12.7201 16.7125 12.5968 16.5893C12.4736 16.466 12.4043 16.2988 12.4043 16.1244C12.4043 15.9501 12.4736 15.7829 12.5968 15.6596L16.5343 11.7221C16.5953 11.6609 16.6678 11.6123 16.7475 11.5792C16.8273 11.5461 16.9128 11.5291 16.9992 11.5291C17.0856 11.5291 17.1711 11.5461 17.2508 11.5792C17.3306 11.6123 17.4031 11.6609 17.464 11.7221L21.4015 15.6596C21.4627 15.7205 21.5113 15.793 21.5444 15.8728C21.5775 15.9525 21.5945 16.038 21.5945 16.1244C21.5945 16.2108 21.5775 16.2963 21.5444 16.3761C21.5113 16.4558 21.4627 16.5283 21.4015 16.5893Z\"\n                                        fill={arrowColor}\n                                    />\n                                </svg>\n                            )}\n                        </div>\n                    </foreignObject>\n                )}\n\n                {/* Completion CheckCircle */}\n                {isShowingCompletion && (\n                    <foreignObject\n                        height={ICON_CONTAINER_SIZE}\n                        width={ICON_CONTAINER_SIZE}\n                        x={iconViewBoxOffset}\n                        y={iconViewBoxOffset}\n                    >\n                        <div className=\"flex h-full w-full animate-progress-icon-fade-in items-center justify-center\">\n                            <CheckCircle\n                                color=\"success\"\n                                size=\"md\"\n                                style=\"fill\"\n                            />\n                        </div>\n                    </foreignObject>\n                )}\n            </svg>\n        </span>\n    );\n};\n\nProgressCircle.displayName = 'ProgressCircle';\n"],"mappings":"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"}

package/ProgressCircle-CxrflaLd.d.mts

@@ -0,0 +1,50 @@
+import { r as IconProps } from "./IconBase-C_Lx9rDx.mjs";
+import { ReactNode } from "react";
+
+//#region src/ProgressCircle/utils/progressCircle.constants.d.ts
+declare const progressCircleOuterSizes: {
+  readonly lg: 54;
+  readonly md: 42;
+  readonly sm: 34;
+};
+//#endregion
+//#region src/ProgressCircle/ProgressCircle.d.ts
+type ProgressCircleProps = {
+  'aria-label'?: string;
+  centerIcon?: ReactNode;
+  className?: string;
+  color?: Exclude<IconProps['color'], 'disabled' | 'inherit'>;
+  'data-testid'?: string;
+  indeterminateAnimation?: 'spinner' | 'wave';
+  /**
+   * Progress value from 0-100. Only used when status is 'progressing'.
+   * If not provided while status is 'progressing', an indeterminate animation will be shown instead.
+   */
+  progress?: number;
+  size?: keyof typeof progressCircleOuterSizes;
+  /**
+   * Current status of the operation:
+   * - 'pending': Shows dashed circle with gray arrow (not yet started)
+   * - 'progressing': Shows progress animation. If `progress` is not provided, automatically shows indeterminate animation
+   * - 'complete': Shows full circle with success checkmark animation
+   * - 'indeterminate': Always shows indeterminate animation, even if progress value is provided (use for explicit indeterminate state)
+   */
+  status?: 'pending' | 'progressing' | 'complete' | 'indeterminate';
+};
+declare const ProgressCircle: {
+  ({
+    "aria-label": ariaLabel,
+    centerIcon,
+    className,
+    color,
+    "data-testid": dataTestId,
+    indeterminateAnimation,
+    progress,
+    size,
+    status
+  }: ProgressCircleProps): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { ProgressCircle as t };
+//# sourceMappingURL=ProgressCircle-CxrflaLd.d.mts.map

package/ProgressCircle-CxrflaLd.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle-CxrflaLd.d.mts","names":[],"sources":["../src/ProgressCircle/utils/progressCircle.constants.ts","../src/ProgressCircle/ProgressCircle.tsx"],"mappings":";;;;cASa,wBAAA;EAAA;;;;;;KCSR,mBAAA;EACD,YAAA;EACA,UAAA,GAAa,SAAA;EACb,SAAA;EACA,KAAA,GAAQ,OAAA,CAAQ,SAAA;EAChB,aAAA;EACA,sBAAA;;;;;EAKA,QAAA;EACA,IAAA,gBAAoB,wBAAA;EAZnB;;;;;;;EAoBD,MAAA;AAAA;AAAA,cAGS,cAAA;EAAA;IAAA;;;;;;;;;KAUV,mBAAA,+BAAmB,GAAA,CAAA,OAAA"}

package/ProgressCircle-ae8cvZhe.mjs

@@ -0,0 +1,191 @@
+import { getColor } from "./Icons/IconBase.mjs";
+import { t as CheckCircle } from "./CheckCircle-BcTMEm4l.mjs";
+import { colorIconDisabled, colorIconSecondary, colorIconSuccess } from "@evolve.ui/theme-system";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ProgressCircle/hooks/useProgressStatusTransitions.ts
+/**
+* Manages the animation state for the ProgressCircle component.
+*
+* Handles two animation concerns:
+* 1. `animateToSolidCircle` - Controls the transition from dashed to solid circle
+* 2. `isShowingCompletion` - Controls whether to show the completion checkmark
+*
+* @param status - The current status of the progress circle
+* @returns Animation state flags for the component
+*/
+const useProgressStatusTransitions = (status) => {
+	const isComplete = status === "complete";
+	const isProgressing = status === "progressing";
+	const isIndeterminate = status === "indeterminate";
+	const [animateToSolidCircle, setAnimateToSolidCircle] = useState(false);
+	const [isShowingCompletion, setIsShowingCompletion] = useState(false);
+	useEffect(() => {
+		setIsShowingCompletion(isComplete);
+	}, [isComplete]);
+	useEffect(() => {
+		if (isProgressing || isComplete || isIndeterminate) {
+			const timer = setTimeout(() => {
+				setAnimateToSolidCircle(true);
+			}, 10);
+			return () => {
+				clearTimeout(timer);
+			};
+		}
+		setAnimateToSolidCircle(false);
+	}, [
+		isComplete,
+		isIndeterminate,
+		isProgressing
+	]);
+	return {
+		animateToSolidCircle,
+		isShowingCompletion
+	};
+};
+//#endregion
+//#region src/ProgressCircle/utils/progressCircle.constants.ts
+const CIRCLE_RADIUS = 11.25;
+const STROKE_WIDTH = 1.5;
+const progressCircleOuterSizes = {
+	lg: 54,
+	md: 42,
+	sm: 34
+};
+const WAVE_ARC_SIZE = .75;
+const WAVE_OFFSET = .125;
+const circleBaseProps = {
+	cx: 17,
+	cy: 17,
+	r: CIRCLE_RADIUS,
+	strokeWidth: STROKE_WIDTH
+};
+//#endregion
+//#region src/ProgressCircle/ProgressCircle.tsx
+const ProgressCircle = ({ "aria-label": ariaLabel = "Progress Circle", centerIcon, className, color = "secondary", "data-testid": dataTestId, indeterminateAnimation = "spinner", progress, size = "md", status = "pending" }) => {
+	const outerSize = progressCircleOuterSizes[size];
+	const strokeColor = getColor(color) ?? `rgb(var(${colorIconSecondary}))`;
+	const grayColor = `rgb(var(${colorIconDisabled}))`;
+	const successColor = `rgb(var(${colorIconSuccess}))`;
+	const isPending = status === "pending";
+	const isProgressing = status === "progressing";
+	const isComplete = status === "complete";
+	const isIndeterminate = status === "indeterminate";
+	const progressCircleColor = isComplete ? successColor : strokeColor;
+	const arrowColor = isPending ? grayColor : strokeColor;
+	const circumference = 2 * Math.PI * CIRCLE_RADIUS;
+	const iconViewBoxOffset = 0 / 2;
+	const { animateToSolidCircle, isShowingCompletion } = useProgressStatusTransitions(status);
+	const showProgressCircles = isProgressing || isComplete;
+	const resolvedProgressValue = isComplete ? 100 : progress ?? 0;
+	const grayFillOffset = animateToSolidCircle ? 0 : circumference;
+	const progressOffset = circumference - resolvedProgressValue / 100 * circumference;
+	const isIndeterminateMode = isIndeterminate || isProgressing && !(typeof progress === "number");
+	const showIndeterminateSpinner = isIndeterminateMode && animateToSolidCircle;
+	const showProgressArc = !isIndeterminateMode && showProgressCircles;
+	const showGrayFill = isIndeterminateMode || showProgressCircles;
+	const waveAnimationStyles = {
+		"--progress-wave-end": `1 ${circumference}`,
+		"--progress-wave-full": `${-circumference}`,
+		"--progress-wave-mid": `${circumference * WAVE_ARC_SIZE} ${circumference}`,
+		"--progress-wave-offset": `${-circumference * WAVE_OFFSET}`,
+		"--progress-wave-start": `1 ${circumference}`
+	};
+	const ariaRole = showProgressArc && !isComplete ? "progressbar" : "status";
+	return /* @__PURE__ */ jsx("span", {
+		className,
+		"data-testid": dataTestId,
+		style: waveAnimationStyles,
+		children: /* @__PURE__ */ jsxs("svg", {
+			"aria-busy": isIndeterminateMode || isProgressing,
+			"aria-label": ariaLabel,
+			"aria-live": "polite",
+			"aria-valuemax": showProgressArc ? 100 : void 0,
+			"aria-valuemin": showProgressArc ? 0 : void 0,
+			"aria-valuenow": showProgressArc ? resolvedProgressValue : void 0,
+			className: isShowingCompletion ? `min-h-[${outerSize}px] min-w-[${outerSize}px] animate-progress-completion` : `min-h-[${outerSize}px] min-w-[${outerSize}px]`,
+			fill: "none",
+			height: outerSize,
+			role: ariaRole,
+			viewBox: `0 0 34 34`,
+			width: outerSize,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ jsx("circle", {
+					...circleBaseProps,
+					stroke: grayColor,
+					strokeDasharray: "4 4"
+				}),
+				showGrayFill && /* @__PURE__ */ jsx("circle", {
+					...circleBaseProps,
+					className: "origin-center -rotate-90 transition-[stroke-dashoffset] duration-300",
+					stroke: grayColor,
+					strokeDasharray: circumference,
+					strokeDashoffset: grayFillOffset,
+					strokeLinecap: "round"
+				}),
+				showIndeterminateSpinner && indeterminateAnimation === "spinner" && /* @__PURE__ */ jsx("circle", {
+					...circleBaseProps,
+					className: "origin-center animate-spin",
+					stroke: strokeColor,
+					strokeDasharray: `${circumference * .25} ${circumference * .75}`,
+					strokeLinecap: "round"
+				}),
+				showIndeterminateSpinner && indeterminateAnimation === "wave" && /* @__PURE__ */ jsx("circle", {
+					...circleBaseProps,
+					className: "origin-center animate-progress-wave",
+					stroke: strokeColor,
+					strokeLinecap: "round"
+				}),
+				showProgressArc && /* @__PURE__ */ jsx("circle", {
+					...circleBaseProps,
+					className: "origin-center -rotate-90 transition-[stroke-dashoffset_0.5s_ease-in-out_0.3s,stroke_0.3s_ease-in-out]",
+					stroke: progressCircleColor,
+					strokeDasharray: circumference,
+					strokeDashoffset: progressOffset,
+					strokeLinecap: "round"
+				}),
+				!isShowingCompletion && /* @__PURE__ */ jsx("foreignObject", {
+					height: 34,
+					width: 34,
+					x: iconViewBoxOffset,
+					y: iconViewBoxOffset,
+					children: /* @__PURE__ */ jsx("div", {
+						className: "flex h-full w-full items-center justify-center",
+						children: centerIcon || /* @__PURE__ */ jsx("svg", {
+							fill: "none",
+							height: 34,
+							viewBox: `0 0 34 34`,
+							width: 34,
+							xmlns: "http://www.w3.org/2000/svg",
+							children: /* @__PURE__ */ jsx("path", {
+								className: "transition-[fill_0.3s_ease-in-out]",
+								d: "M21.4015 16.5893C21.3406 16.6504 21.2681 16.699 21.1883 16.7321C21.1086 16.7652 21.0231 16.7823 20.9367 16.7823C20.8503 16.7823 20.7648 16.7652 20.685 16.7321C20.6053 16.699 20.5328 16.6504 20.4718 16.5893L17.656 13.7734V21.8125C17.656 21.9865 17.5868 22.1534 17.4638 22.2765C17.3407 22.3996 17.1738 22.4687 16.9997 22.4687C16.8257 22.4687 16.6588 22.3996 16.5357 22.2765C16.4126 22.1534 16.3435 21.9865 16.3435 21.8125V13.7734L13.5265 16.5893C13.4032 16.7125 13.236 16.7818 13.0617 16.7818C12.8873 16.7818 12.7201 16.7125 12.5968 16.5893C12.4736 16.466 12.4043 16.2988 12.4043 16.1244C12.4043 15.9501 12.4736 15.7829 12.5968 15.6596L16.5343 11.7221C16.5953 11.6609 16.6678 11.6123 16.7475 11.5792C16.8273 11.5461 16.9128 11.5291 16.9992 11.5291C17.0856 11.5291 17.1711 11.5461 17.2508 11.5792C17.3306 11.6123 17.4031 11.6609 17.464 11.7221L21.4015 15.6596C21.4627 15.7205 21.5113 15.793 21.5444 15.8728C21.5775 15.9525 21.5945 16.038 21.5945 16.1244C21.5945 16.2108 21.5775 16.2963 21.5444 16.3761C21.5113 16.4558 21.4627 16.5283 21.4015 16.5893Z",
+								fill: arrowColor
+							})
+						})
+					})
+				}),
+				isShowingCompletion && /* @__PURE__ */ jsx("foreignObject", {
+					height: 34,
+					width: 34,
+					x: iconViewBoxOffset,
+					y: iconViewBoxOffset,
+					children: /* @__PURE__ */ jsx("div", {
+						className: "flex h-full w-full animate-progress-icon-fade-in items-center justify-center",
+						children: /* @__PURE__ */ jsx(CheckCircle, {
+							color: "success",
+							size: "md",
+							style: "fill"
+						})
+					})
+				})
+			]
+		})
+	});
+};
+ProgressCircle.displayName = "ProgressCircle";
+//#endregion
+export { ProgressCircle as t };
+
+//# sourceMappingURL=ProgressCircle-ae8cvZhe.mjs.map

package/ProgressCircle-ae8cvZhe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle-ae8cvZhe.mjs","names":[],"sources":["../src/ProgressCircle/hooks/useProgressStatusTransitions.ts","../src/ProgressCircle/utils/progressCircle.constants.ts","../src/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype ProgressCircleStatus = 'pending' | 'progressing' | 'complete' | 'indeterminate';\n\n/**\n * Manages the animation state for the ProgressCircle component.\n *\n * Handles two animation concerns:\n * 1. `animateToSolidCircle` - Controls the transition from dashed to solid circle\n * 2. `isShowingCompletion` - Controls whether to show the completion checkmark\n *\n * @param status - The current status of the progress circle\n * @returns Animation state flags for the component\n */\nexport const useProgressStatusTransitions = (status: ProgressCircleStatus) => {\n    const isComplete = status === 'complete';\n    const isProgressing = status === 'progressing';\n    const isIndeterminate = status === 'indeterminate';\n\n    // State to control animation trigger\n    const [animateToSolidCircle, setAnimateToSolidCircle] = useState(false);\n    // State to track completion animation\n    const [isShowingCompletion, setIsShowingCompletion] = useState(false);\n\n    // Trigger completion animation when status changes to/from 'complete'\n    useEffect(() => {\n        setIsShowingCompletion(isComplete);\n    }, [isComplete]);\n\n    // Trigger animation when status changes to progressing, complete, or indeterminate\n    useEffect(() => {\n        if (isProgressing || isComplete || isIndeterminate) {\n            // Small delay to ensure element is mounted before animating\n            const timer = setTimeout(() => {\n                setAnimateToSolidCircle(true);\n            }, 10);\n\n            return () => {\n                clearTimeout(timer);\n            };\n        }\n\n        setAnimateToSolidCircle(false);\n\n        return undefined;\n    }, [isComplete, isIndeterminate, isProgressing]);\n\n    return { animateToSolidCircle, isShowingCompletion };\n};\n","// SVG dimensions and styling constants\nexport const VIEWBOX_SIZE = 34;\nexport const CIRCLE_RADIUS = 11.25;\nexport const CIRCLE_CENTER = 17;\nexport const STROKE_WIDTH = 1.5;\nexport const ICON_CONTAINER_SIZE = 34;\nexport const DASHED_PATTERN = '4 4';\n\n// Outer circle sizes matching IconButton\nexport const progressCircleOuterSizes = {\n    lg: 54,\n    md: 42,\n    sm: 34,\n} as const;\n\n// Animation calculation constants\nexport const WAVE_ARC_SIZE = 0.75;\nexport const WAVE_OFFSET = 0.125;\nexport const SPINNER_ARC_SIZE = 0.25;\n\n// Base props for all circle SVG elements (derived from constants above)\nexport const circleBaseProps = {\n    cx: CIRCLE_CENTER,\n    cy: CIRCLE_CENTER,\n    r: CIRCLE_RADIUS,\n    strokeWidth: STROKE_WIDTH,\n} as const;\n","import { colorIconDisabled, colorIconSecondary, colorIconSuccess } from '@evolve.ui/theme-system';\nimport { ReactNode } from 'react';\n\nimport { CheckCircle } from '../Icons/generatedIcons/CheckCircle';\nimport { getColor, IconProps } from '../Icons/IconBase';\nimport { useProgressStatusTransitions } from './hooks/useProgressStatusTransitions';\nimport {\n    CIRCLE_RADIUS,\n    circleBaseProps,\n    DASHED_PATTERN,\n    ICON_CONTAINER_SIZE,\n    progressCircleOuterSizes,\n    SPINNER_ARC_SIZE,\n    VIEWBOX_SIZE,\n    WAVE_ARC_SIZE,\n    WAVE_OFFSET,\n} from './utils/progressCircle.constants';\n\ntype ProgressCircleProps = {\n    'aria-label'?: string;\n    centerIcon?: ReactNode;\n    className?: string;\n    color?: Exclude<IconProps['color'], 'disabled' | 'inherit'>;\n    'data-testid'?: string;\n    indeterminateAnimation?: 'spinner' | 'wave';\n    /**\n     * Progress value from 0-100. Only used when status is 'progressing'.\n     * If not provided while status is 'progressing', an indeterminate animation will be shown instead.\n     */\n    progress?: number;\n    size?: keyof typeof progressCircleOuterSizes;\n    /**\n     * Current status of the operation:\n     * - 'pending': Shows dashed circle with gray arrow (not yet started)\n     * - 'progressing': Shows progress animation. If `progress` is not provided, automatically shows indeterminate animation\n     * - 'complete': Shows full circle with success checkmark animation\n     * - 'indeterminate': Always shows indeterminate animation, even if progress value is provided (use for explicit indeterminate state)\n     */\n    status?: 'pending' | 'progressing' | 'complete' | 'indeterminate';\n};\n\nexport const ProgressCircle = ({\n    'aria-label': ariaLabel = 'Progress Circle',\n    centerIcon,\n    className,\n    color = 'secondary',\n    'data-testid': dataTestId,\n    indeterminateAnimation = 'spinner',\n    progress,\n    size = 'md',\n    status = 'pending',\n}: ProgressCircleProps) => {\n    const outerSize = progressCircleOuterSizes[size];\n\n    const strokeColor = getColor(color) ?? `rgb(var(${colorIconSecondary}))`;\n    const grayColor = `rgb(var(${colorIconDisabled}))`;\n    const successColor = `rgb(var(${colorIconSuccess}))`;\n\n    // Status flags for cleaner conditionals\n    const isPending = status === 'pending';\n    const isProgressing = status === 'progressing';\n    const isComplete = status === 'complete';\n    const isIndeterminate = status === 'indeterminate';\n\n    // When status is complete, always use success color for the progress circle\n    const progressCircleColor = isComplete ? successColor : strokeColor;\n\n    // Arrow color changes based on status: gray when pending, colored otherwise\n    const arrowColor = isPending ? grayColor : strokeColor;\n\n    // Calculate circle circumference for progress animation\n    const circumference = 2 * Math.PI * CIRCLE_RADIUS;\n\n    // Calculate foreignObject dimensions - centered in viewBox\n    const iconViewBoxOffset = (VIEWBOX_SIZE - ICON_CONTAINER_SIZE) / 2;\n\n    // Transition state from custom hook\n    const { animateToSolidCircle, isShowingCompletion } = useProgressStatusTransitions(status);\n\n    // Show fill and progress circles only when progressing or complete\n    const showProgressCircles = isProgressing || isComplete;\n\n    // Auto-set progress to 100% when status is complete\n    // Default to 0 if progress is undefined (though this should only be used when showProgressArc is true)\n    const resolvedProgressValue = isComplete ? 100 : (progress ?? 0);\n\n    // Gray fill circle: animates from circumference to 0 when animateToSolidCircle is true\n    const grayFillOffset = animateToSolidCircle ? 0 : circumference;\n\n    // Colored progress circle: tied to effective progress value (100% when complete)\n    const progressOffset = circumference - (resolvedProgressValue / 100) * circumference;\n\n    // Conditional rendering logic for indeterminate vs progress modes\n    // Show indeterminate if explicitly set OR if progressing without progress value\n    const hasProgressValue = typeof progress === 'number';\n    const isIndeterminateMode = isIndeterminate || (isProgressing && !hasProgressValue);\n    const showIndeterminateSpinner = isIndeterminateMode && animateToSolidCircle;\n    const showProgressArc = !isIndeterminateMode && showProgressCircles;\n    const showGrayFill = isIndeterminateMode || showProgressCircles;\n\n    // CSS custom properties for the wave animation keyframes (defined in plugin.ts).\n    // These must be inline styles because the values are calculated from the\n    // circle's circumference, which is derived from CIRCLE_RADIUS based off chosen size (sm, md, lg) at runtime.\n    const waveAnimationStyles = {\n        '--progress-wave-end': `1 ${circumference}`,\n        '--progress-wave-full': `${-circumference}`,\n        '--progress-wave-mid': `${circumference * WAVE_ARC_SIZE} ${circumference}`,\n        '--progress-wave-offset': `${-circumference * WAVE_OFFSET}`,\n        '--progress-wave-start': `1 ${circumference}`,\n    } as React.CSSProperties;\n\n    // Determine ARIA attributes based on whether we're showing determinate or indeterminate\n    // Show progressbar role only when actively progressing with progress value\n    // Complete status should be 'status' role, not 'progressbar'\n    const ariaRole = showProgressArc && !isComplete ? 'progressbar' : 'status';\n    const ariaBusy = isIndeterminateMode || isProgressing;\n    const ariaValueNow = showProgressArc ? resolvedProgressValue : undefined;\n\n    return (\n        <span\n            className={className}\n            data-testid={dataTestId}\n            style={waveAnimationStyles}\n        >\n            <svg\n                aria-busy={ariaBusy}\n                aria-label={ariaLabel}\n                aria-live=\"polite\"\n                aria-valuemax={showProgressArc ? 100 : undefined}\n                aria-valuemin={showProgressArc ? 0 : undefined}\n                aria-valuenow={ariaValueNow}\n                className={\n                    isShowingCompletion\n                        ? `min-h-[${outerSize}px] min-w-[${outerSize}px] animate-progress-completion`\n                        : `min-h-[${outerSize}px] min-w-[${outerSize}px]`\n                }\n                fill=\"none\"\n                height={outerSize}\n                role={ariaRole}\n                viewBox={`0 0 ${VIEWBOX_SIZE} ${VIEWBOX_SIZE}`}\n                width={outerSize}\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                {/* Dashed background circle */}\n                <circle\n                    {...circleBaseProps}\n                    stroke={grayColor}\n                    strokeDasharray={DASHED_PATTERN}\n                />\n\n                {/* Gray fill circle - animates 0→100% in 300ms when status is progressing or indeterminate */}\n                {showGrayFill && (\n                    <circle\n                        {...circleBaseProps}\n                        className=\"origin-center -rotate-90 transition-[stroke-dashoffset] duration-300\"\n                        stroke={grayColor}\n                        strokeDasharray={circumference}\n                        strokeDashoffset={grayFillOffset}\n                        strokeLinecap=\"round\"\n                    />\n                )}\n\n                {/* Indeterminate spinner - 1/4 circle arc that rotates */}\n                {showIndeterminateSpinner && indeterminateAnimation === 'spinner' && (\n                    <circle\n                        {...circleBaseProps}\n                        className=\"origin-center animate-spin\"\n                        stroke={strokeColor}\n                        strokeDasharray={`${circumference * SPINNER_ARC_SIZE} ${circumference * (1 - SPINNER_ARC_SIZE)}`}\n                        strokeLinecap=\"round\"\n                    />\n                )}\n\n                {/* Indeterminate wave - Google Loader style animation */}\n                {showIndeterminateSpinner && indeterminateAnimation === 'wave' && (\n                    <circle\n                        {...circleBaseProps}\n                        className=\"origin-center animate-progress-wave\"\n                        stroke={strokeColor}\n                        strokeLinecap=\"round\"\n                    />\n                )}\n\n                {/* Colored progress circle - tied to progress value (determinate mode) */}\n                {showProgressArc && (\n                    <circle\n                        {...circleBaseProps}\n                        className=\"origin-center -rotate-90 transition-[stroke-dashoffset_0.5s_ease-in-out_0.3s,stroke_0.3s_ease-in-out]\"\n                        stroke={progressCircleColor}\n                        strokeDasharray={circumference}\n                        strokeDashoffset={progressOffset}\n                        strokeLinecap=\"round\"\n                    />\n                )}\n\n                {/* Center icon content */}\n                {!isShowingCompletion && (\n                    <foreignObject\n                        height={ICON_CONTAINER_SIZE}\n                        width={ICON_CONTAINER_SIZE}\n                        x={iconViewBoxOffset}\n                        y={iconViewBoxOffset}\n                    >\n                        <div className=\"flex h-full w-full items-center justify-center\">\n                            {centerIcon || (\n                                <svg\n                                    fill=\"none\"\n                                    height={ICON_CONTAINER_SIZE}\n                                    viewBox={`0 0 ${VIEWBOX_SIZE} ${VIEWBOX_SIZE}`}\n                                    width={ICON_CONTAINER_SIZE}\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                >\n                                    <path\n                                        className=\"transition-[fill_0.3s_ease-in-out]\"\n                                        d=\"M21.4015 16.5893C21.3406 16.6504 21.2681 16.699 21.1883 16.7321C21.1086 16.7652 21.0231 16.7823 20.9367 16.7823C20.8503 16.7823 20.7648 16.7652 20.685 16.7321C20.6053 16.699 20.5328 16.6504 20.4718 16.5893L17.656 13.7734V21.8125C17.656 21.9865 17.5868 22.1534 17.4638 22.2765C17.3407 22.3996 17.1738 22.4687 16.9997 22.4687C16.8257 22.4687 16.6588 22.3996 16.5357 22.2765C16.4126 22.1534 16.3435 21.9865 16.3435 21.8125V13.7734L13.5265 16.5893C13.4032 16.7125 13.236 16.7818 13.0617 16.7818C12.8873 16.7818 12.7201 16.7125 12.5968 16.5893C12.4736 16.466 12.4043 16.2988 12.4043 16.1244C12.4043 15.9501 12.4736 15.7829 12.5968 15.6596L16.5343 11.7221C16.5953 11.6609 16.6678 11.6123 16.7475 11.5792C16.8273 11.5461 16.9128 11.5291 16.9992 11.5291C17.0856 11.5291 17.1711 11.5461 17.2508 11.5792C17.3306 11.6123 17.4031 11.6609 17.464 11.7221L21.4015 15.6596C21.4627 15.7205 21.5113 15.793 21.5444 15.8728C21.5775 15.9525 21.5945 16.038 21.5945 16.1244C21.5945 16.2108 21.5775 16.2963 21.5444 16.3761C21.5113 16.4558 21.4627 16.5283 21.4015 16.5893Z\"\n                                        fill={arrowColor}\n                                    />\n                                </svg>\n                            )}\n                        </div>\n                    </foreignObject>\n                )}\n\n                {/* Completion CheckCircle */}\n                {isShowingCompletion && (\n                    <foreignObject\n                        height={ICON_CONTAINER_SIZE}\n                        width={ICON_CONTAINER_SIZE}\n                        x={iconViewBoxOffset}\n                        y={iconViewBoxOffset}\n                    >\n                        <div className=\"flex h-full w-full animate-progress-icon-fade-in items-center justify-center\">\n                            <CheckCircle\n                                color=\"success\"\n                                size=\"md\"\n                                style=\"fill\"\n                            />\n                        </div>\n                    </foreignObject>\n                )}\n            </svg>\n        </span>\n    );\n};\n\nProgressCircle.displayName = 'ProgressCircle';\n"],"mappings":"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"}

package/ProgressSteps-C3xJUDTs.d.mts

@@ -0,0 +1,32 @@
+import { n as IconComponent } from "./IconBase-C_Lx9rDx.mjs";
+import { ReactNode } from "react";
+
+//#region src/ProgressSteps/ProgressSteps.d.ts
+type StepItem = {
+  StepIcon?: IconComponent;
+  description?: ReactNode;
+  isCompleted: boolean;
+  label: ReactNode;
+};
+type ProgressStepsProps = {
+  /** Used for passing styles down to the StepsComplete container. */readonly className?: string; /** Indicates the current step */
+  readonly currentStep?: number; /** Adds a data-testid attribute to the dom element, used for end to end testing. */
+  readonly 'data-testid'?: string; /** when true, the step labels will not be shown */
+  readonly hideStepLabels?: boolean; /** when true, the steps will be displayed as numbers, overriding the icon */
+  readonly isNumeric?: boolean; /** Array of steps */
+  readonly steps: StepItem[];
+};
+declare const ProgressSteps: {
+  ({
+    className,
+    currentStep,
+    "data-testid": testid,
+    hideStepLabels,
+    isNumeric,
+    steps
+  }: ProgressStepsProps): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { ProgressStepsProps as n, StepItem as r, ProgressSteps as t };
+//# sourceMappingURL=ProgressSteps-C3xJUDTs.d.mts.map

package/ProgressSteps-C3xJUDTs.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSteps-C3xJUDTs.d.mts","names":[],"sources":["../src/ProgressSteps/ProgressSteps.tsx"],"mappings":";;;;KASY,QAAA;EACR,QAAA,GAAW,aAAA;EACX,WAAA,GAAc,SAAA;EACd,WAAA;EACA,KAAA,EAAO,SAAA;AAAA;AAAA,KAGC,kBAAA;EAHD,4EAKE,SAAA,WALO;EAAA,SAOP,WAAA,WAVE;EAAA,SAYF,aAAA,WAXK;EAAA,SAaL,cAAA,YAXT;EAAA,SAaS,SAAA,YAbO;EAAA,SAeP,KAAA,EAAO,QAAQ;AAAA;AAAA,cAGf,aAAA;EAAA;;;;;;;KAOV,kBAAA,+BAAkB,GAAA,CAAA,OAAA"}

package/ProgressSteps-Ls0XahjM.d.cts

@@ -0,0 +1,32 @@
+import { n as IconComponent } from "./IconBase-C_Lx9rDx.cjs";
+import { ReactNode } from "react";
+
+//#region src/ProgressSteps/ProgressSteps.d.ts
+type StepItem = {
+  StepIcon?: IconComponent;
+  description?: ReactNode;
+  isCompleted: boolean;
+  label: ReactNode;
+};
+type ProgressStepsProps = {
+  /** Used for passing styles down to the StepsComplete container. */readonly className?: string; /** Indicates the current step */
+  readonly currentStep?: number; /** Adds a data-testid attribute to the dom element, used for end to end testing. */
+  readonly 'data-testid'?: string; /** when true, the step labels will not be shown */
+  readonly hideStepLabels?: boolean; /** when true, the steps will be displayed as numbers, overriding the icon */
+  readonly isNumeric?: boolean; /** Array of steps */
+  readonly steps: StepItem[];
+};
+declare const ProgressSteps: {
+  ({
+    className,
+    currentStep,
+    "data-testid": testid,
+    hideStepLabels,
+    isNumeric,
+    steps
+  }: ProgressStepsProps): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { ProgressStepsProps as n, StepItem as r, ProgressSteps as t };
+//# sourceMappingURL=ProgressSteps-Ls0XahjM.d.cts.map

package/ProgressSteps-Ls0XahjM.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSteps-Ls0XahjM.d.cts","names":[],"sources":["../src/ProgressSteps/ProgressSteps.tsx"],"mappings":";;;;KASY,QAAA;EACR,QAAA,GAAW,aAAA;EACX,WAAA,GAAc,SAAA;EACd,WAAA;EACA,KAAA,EAAO,SAAA;AAAA;AAAA,KAGC,kBAAA;EAHD,4EAKE,SAAA,WALO;EAAA,SAOP,WAAA,WAVE;EAAA,SAYF,aAAA,WAXK;EAAA,SAaL,cAAA,YAXT;EAAA,SAaS,SAAA,YAbO;EAAA,SAeP,KAAA,EAAO,QAAQ;AAAA;AAAA,cAGf,aAAA;EAAA;;;;;;;KAOV,kBAAA,+BAAkB,GAAA,CAAA,OAAA"}

package/Radio.cjs

@@ -0,0 +1,13 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_ChoiceListItem = require("./ChoiceListItem-D_74Zcpd.cjs");
+exports.Checkbox = require_ChoiceListItem.Checkbox;
+exports.CheckboxGroup = require_ChoiceListItem.CheckboxGroup;
+exports.CheckboxOption = require_ChoiceListItem.CheckboxOption;
+exports.ChoiceListItemLabel = require_ChoiceListItem.ChoiceListItemLabel;
+exports.Radio = require_ChoiceListItem.Radio;
+exports.RadioGroup = require_ChoiceListItem.RadioGroup;
+exports.RadioOption = require_ChoiceListItem.RadioOption;

package/Radio.d.cts

@@ -0,0 +1,2 @@
+import { a as RadioGroup, c as GroupProps, i as Radio, n as CheckboxGroup, o as RadioOption, r as CheckboxOption, s as ChoiceListItemLabel, t as Checkbox } from "./index-BzN9RaXe.cjs";
+export { Checkbox, CheckboxGroup, CheckboxOption, ChoiceListItemLabel, type GroupProps, Radio, RadioGroup, RadioOption };

package/Radio.d.mts

@@ -0,0 +1,2 @@
+import { a as RadioGroup, c as GroupProps, i as Radio, n as CheckboxGroup, o as RadioOption, r as CheckboxOption, s as ChoiceListItemLabel, t as Checkbox } from "./index-Bu7c6X7O.mjs";
+export { Checkbox, CheckboxGroup, CheckboxOption, ChoiceListItemLabel, type GroupProps, Radio, RadioGroup, RadioOption };

package/Radio.mjs

@@ -0,0 +1,3 @@
+'use client';
+import { a as RadioGroup, i as Radio, n as CheckboxGroup, o as RadioOption, r as CheckboxOption, s as ChoiceListItemLabel, t as Checkbox } from "./ChoiceListItem-BqZ3bIj9.mjs";
+export { Checkbox, CheckboxGroup, CheckboxOption, ChoiceListItemLabel, Radio, RadioGroup, RadioOption };