@beweco/aurora-ui 0.6.1 → 0.6.2

package/dist/index.cjs.js

@@ -5,8 +5,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var react$1 = require('@iconify/react');
 var React = require('react');
 var recharts = require('recharts');
-var framerMotion = require('framer-motion');
 var reactDom = require('react-dom');
+var framerMotion = require('framer-motion');
 var useTheme = require('@heroui/use-theme');
 
 /******************************************************************************
@@ -2501,6 +2501,45 @@ var VALID_STEP_COLORS$1 = [
 var defaultTranslations$7 = {
     checkIconTitle: "Check",
 };
+function getContainerCSSVars$1(color) {
+    var baseColor = "hsl(var(--heroui-".concat(color, "))");
+    var fgColor = "hsl(var(--heroui-".concat(color, "-foreground))");
+    var inactiveColor = "hsl(var(--heroui-default-300))";
+    return {
+        "--step-color": baseColor,
+        "--step-fg-color": fgColor,
+        "--active-fg-color": fgColor,
+        "--active-border-color": baseColor,
+        "--active-color": baseColor,
+        "--complete-background-color": baseColor,
+        "--complete-border-color": baseColor,
+        "--inactive-border-color": inactiveColor,
+        "--inactive-color": inactiveColor,
+        "--inactive-bar-color": inactiveColor,
+    };
+}
+function getCircleStyle$1(status) {
+    switch (status) {
+        case "complete":
+            return {
+                backgroundColor: "var(--complete-background-color)",
+                borderColor: "var(--complete-border-color)",
+                color: "var(--active-fg-color)",
+            };
+        case "active":
+            return {
+                backgroundColor: "transparent",
+                borderColor: "var(--active-border-color)",
+                color: "var(--active-color)",
+            };
+        default:
+            return {
+                backgroundColor: "transparent",
+                borderColor: "var(--inactive-border-color)",
+                color: "var(--inactive-color)",
+            };
+    }
+}
 var VerticalSteps = React.forwardRef(function (_a, ref) {
     var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.steps, stepsProp = _c === void 0 ? [] : _c, _d = _a.defaultStep, defaultStep = _d === void 0 ? 0 : _d, onStepChange = _a.onStepChange, currentStepProp = _a.currentStep, _e = _a.hideProgressBars, hideProgressBars = _e === void 0 ? false : _e, _f = _a.hideInactiveDescriptions, hideInactiveDescriptions = _f === void 0 ? false : _f, stepClassName = _a.stepClassName, className = _a.className, translations = _a.translations, props = __rest(_a, ["color", "steps", "defaultStep", "onStepChange", "currentStep", "hideProgressBars", "hideInactiveDescriptions", "stepClassName", "className", "translations"]);
     var _g = $458b0a5536c1a7cf$export$40bfa8c7b0832715(currentStepProp, defaultStep, onStepChange), currentStep = _g[0], setCurrentStep = _g[1];
@@ -2514,10 +2553,11 @@ var VerticalSteps = React.forwardRef(function (_a, ref) {
     var stepColor = VALID_STEP_COLORS$1.includes(color)
         ? color
         : "primary";
-    return (jsxRuntime.jsx("nav", { "aria-label": "Progress", className: "max-w-fit", children: jsxRuntime.jsx("ol", { "data-step-color": stepColor, className: react.cn("flex flex-col gap-y-3", className), children: steps === null || steps === void 0 ? void 0 : steps.map(function (step, stepIdx) {
+    var containerVars = React.useMemo(function () { return getContainerCSSVars$1(stepColor); }, [stepColor]);
+    return (jsxRuntime.jsx("nav", { "aria-label": "Progress", className: "max-w-fit", children: jsxRuntime.jsx("ol", { "data-step-color": stepColor, className: react.cn("flex flex-col gap-y-3", className), style: containerVars, children: steps === null || steps === void 0 ? void 0 : steps.map(function (step, stepIdx) {
                 var status = currentStep === stepIdx
                     ? "active"
-                    : step.isCompleted
+                    : stepIdx < currentStep || step.isCompleted
                         ? "complete"
                         : "inactive";
                 var isDisabled = status === "inactive";
@@ -2525,35 +2565,25 @@ var VerticalSteps = React.forwardRef(function (_a, ref) {
                 // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
                 jsxRuntime.jsxs("li", { className: "relative", children: [jsxRuntime.jsx("div", { className: "flex w-full max-w-full items-center", children: jsxRuntime.jsxs("button", __assign({ type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: react.cn("group rounded-large flex w-full cursor-pointer items-center justify-center gap-4 px-3 py-2.5", stepClassName, {
                                     "cursor-not-allowed": isDisabled,
-                                }), onClick: function () { return setCurrentStep(stepIdx); }, disabled: isDisabled }, props, { children: [jsxRuntime.jsx("div", { className: "flex h-full items-center", children: jsxRuntime.jsx(framerMotion.LazyMotion, { features: framerMotion.domAnimation, children: jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsx(framerMotion.m.div, { animate: status, className: react.cn("border-medium text-large text-default-600 relative flex h-[34px] w-[34px] items-center justify-center rounded-full font-semibold", {
-                                                        "shadow-lg": status === "complete",
-                                                    }), "data-status": status, initial: false, transition: { duration: 0.25 }, variants: {
-                                                        inactive: {
-                                                            backgroundColor: "transparent",
-                                                            borderColor: "var(--inactive-border-color)",
-                                                            color: "var(--inactive-color)",
-                                                        },
-                                                        active: {
-                                                            backgroundColor: "transparent",
-                                                            borderColor: "var(--active-border-color)",
-                                                            color: "var(--active-color)",
-                                                        },
-                                                        complete: {
-                                                            backgroundColor: "var(--complete-background-color)",
-                                                            borderColor: "var(--complete-border-color)",
-                                                        },
-                                                    }, children: jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsxRuntime.jsx(IconComponent, { className: " text-[var(--active-fg-color)] font-bold", icon: "material-symbols:check-rounded", title: t.checkIconTitle })) : (jsxRuntime.jsx("span", { children: stepIdx + 1 })) }) }) }) }) }), jsxRuntime.jsx("div", { className: "flex-1 text-left", children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { className: react.cn("text-medium text-default-600 font-medium transition-[color,opacity] duration-300 group-active:opacity-70", {
-                                                        "text-default-300": status === "inactive",
+                                }), onClick: function () { return setCurrentStep(stepIdx); }, disabled: isDisabled }, props, { children: [jsxRuntime.jsx("div", { className: "flex h-full items-center", children: jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsx("div", { className: react.cn("border-medium text-large relative flex h-[34px] w-[34px] items-center justify-center rounded-full font-semibold", "transition-[background-color,border-color,color,box-shadow] duration-300", {
+                                                    "shadow-lg": status === "complete",
+                                                }), "data-status": status, style: getCircleStyle$1(status), children: jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsxRuntime.jsx(IconComponent, { className: "font-bold", style: {
+                                                            color: "var(--active-fg-color)",
+                                                        }, icon: "material-symbols:check-rounded", title: t.checkIconTitle })) : (jsxRuntime.jsx("span", { children: stepIdx + 1 })) }) }) }) }), jsxRuntime.jsx("div", { className: "flex-1 text-left", children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { className: react.cn("text-medium text-default-600 font-medium transition-[color,opacity] duration-300 group-active:opacity-70", {
+                                                        "text-default-300": status ===
+                                                            "inactive",
                                                     }), children: step.title }), (!hideInactiveDescriptions ||
                                                     status === "active") && (jsxRuntime.jsx("div", { className: react.cn("text-tiny text-default-600 lg:text-small transition-[color,opacity] duration-300 group-active:opacity-70", {
-                                                        "text-default-300": status === "inactive",
-                                                    }), children: step.description }))] }) })] }), stepIdx) }), stepIdx < steps.length - 1 && !hideProgressBars && (jsxRuntime.jsx("div", { "aria-hidden": "true", className: react.cn("pointer-events-none absolute top-[calc(64px*var(--idx)+1)] left-3 flex h-1/2 -translate-y-1/3 items-center px-4", {
+                                                        "text-default-300": status ===
+                                                            "inactive",
+                                                    }), children: step.description }))] }) })] }), stepIdx) }), stepIdx < steps.length - 1 &&
+                            !hideProgressBars && (jsxRuntime.jsx("div", { "aria-hidden": "true", className: react.cn("pointer-events-none absolute top-[calc(64px*var(--idx)+1)] left-3 flex h-1/2 -translate-y-1/3 items-center px-4", {
                                 "h-1/4": stepIdx === currentStep,
                             }), style: {
-                                // @ts-ignore
                                 "--idx": stepIdx,
                             }, children: jsxRuntime.jsx("div", { className: react.cn("relative h-full w-0.5 bg-[var(--inactive-bar-color)] transition-colors duration-300", "after:absolute after:block after:h-0 after:w-full after:bg-[var(--active-border-color)] after:transition-[height] after:duration-300 after:content-['']", {
-                                    "after:h-full": stepIdx < currentStep,
+                                    "after:h-full": stepIdx <
+                                        currentStep,
                                 }) }) }))] }, stepIdx));
             }) }) }));
 });
@@ -3237,6 +3267,45 @@ var VALID_STEP_COLORS = [
     "danger",
     "default",
 ];
+function getContainerCSSVars(color) {
+    var baseColor = "hsl(var(--heroui-".concat(color, "))");
+    var fgColor = "hsl(var(--heroui-".concat(color, "-foreground))");
+    var inactiveColor = "hsl(var(--heroui-default-300))";
+    return {
+        "--step-color": baseColor,
+        "--step-fg-color": fgColor,
+        "--active-fg-color": fgColor,
+        "--active-border-color": baseColor,
+        "--active-color": baseColor,
+        "--complete-background-color": baseColor,
+        "--complete-border-color": baseColor,
+        "--inactive-border-color": inactiveColor,
+        "--inactive-color": inactiveColor,
+        "--inactive-bar-color": inactiveColor,
+    };
+}
+function getCircleStyle(status) {
+    switch (status) {
+        case "complete":
+            return {
+                backgroundColor: "var(--complete-background-color)",
+                borderColor: "var(--complete-border-color)",
+                color: "var(--active-fg-color)",
+            };
+        case "active":
+            return {
+                backgroundColor: "transparent",
+                borderColor: "var(--active-border-color)",
+                color: "var(--active-color)",
+            };
+        default:
+            return {
+                backgroundColor: "transparent",
+                borderColor: "var(--inactive-border-color)",
+                color: "var(--inactive-color)",
+            };
+    }
+}
 var RowSteps = React.forwardRef(function (_a, ref) {
     var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.steps, stepsProp = _c === void 0 ? [] : _c, _d = _a.defaultStep, defaultStep = _d === void 0 ? 0 : _d, onStepChange = _a.onStepChange, currentStepProp = _a.currentStep, _e = _a.hideProgressBars, hideProgressBars = _e === void 0 ? false : _e, stepClassName = _a.stepClassName, className = _a.className; _a.translations; var props = __rest(_a, ["color", "steps", "defaultStep", "onStepChange", "currentStep", "hideProgressBars", "stepClassName", "className", "translations"]);
     var _f = $458b0a5536c1a7cf$export$40bfa8c7b0832715(currentStepProp, defaultStep, onStepChange), currentStep = _f[0], setCurrentStep = _f[1];
@@ -3249,36 +3318,27 @@ var RowSteps = React.forwardRef(function (_a, ref) {
     var stepColor = VALID_STEP_COLORS.includes(color)
         ? color
         : "primary";
-    return (jsxRuntime.jsx("nav", { "aria-label": "Progress", className: "-my-4 max-w-fit overflow-x-auto py-4", children: jsxRuntime.jsx("ol", { "data-step-color": stepColor, className: react.cn("flex flex-row flex-nowrap gap-x-3", className), children: steps === null || steps === void 0 ? void 0 : steps.map(function (step, stepIdx) {
+    var containerVars = React.useMemo(function () { return getContainerCSSVars(stepColor); }, [stepColor]);
+    return (jsxRuntime.jsx("nav", { "aria-label": "Progress", className: "-my-4 max-w-fit overflow-x-auto py-4", children: jsxRuntime.jsx("ol", { "data-step-color": stepColor, className: react.cn("flex flex-row flex-nowrap gap-x-3", className), style: containerVars, children: steps === null || steps === void 0 ? void 0 : steps.map(function (step, stepIdx) {
                 var status = currentStep === stepIdx
                     ? "active"
                     : currentStep < stepIdx
                         ? "inactive"
                         : "complete";
-                return (jsxRuntime.jsx("li", { className: "relative flex w-full items-center pr-12 last:pr-0", children: jsxRuntime.jsxs("button", __assign({ type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: react.cn("group rounded-large flex w-full cursor-pointer flex-row items-center justify-center gap-x-3 py-2.5", stepClassName), onClick: function () { return setCurrentStep(stepIdx); } }, props, { children: [jsxRuntime.jsx("div", { className: "h-ful relative flex items-center", children: jsxRuntime.jsx(framerMotion.LazyMotion, { features: framerMotion.domAnimation, children: jsxRuntime.jsx(framerMotion.m.div, { animate: status, className: "relative", children: jsxRuntime.jsx(framerMotion.m.div, { className: react.cn("border-medium text-large text-default-600 relative flex h-[34px] w-[34px] items-center justify-center rounded-full font-semibold", {
-                                                "shadow-lg": status === "complete",
-                                            }), initial: false, transition: { duration: 0.25 }, variants: {
-                                                inactive: {
-                                                    backgroundColor: "transparent",
-                                                    borderColor: "var(--inactive-border-color)",
-                                                    color: "var(--inactive-color)",
-                                                },
-                                                active: {
-                                                    backgroundColor: "transparent",
-                                                    borderColor: "var(--active-border-color)",
-                                                    color: "var(--active-color)",
-                                                },
-                                                complete: {
-                                                    backgroundColor: "var(--complete-background-color)",
-                                                    borderColor: "var(--complete-border-color)",
-                                                },
-                                            }, children: jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsxRuntime.jsx(IconComponent, { className: " text-[var(--active-fg-color)] font-bold", icon: "material-symbols:check-rounded" })) : (jsxRuntime.jsx("span", { children: stepIdx + 1 })) }) }) }) }) }), step.title && (jsxRuntime.jsx("div", { className: "max-w-full flex-1 text-start", children: jsxRuntime.jsx("div", { className: react.cn("text-small text-default-600 lg:text-medium font-medium transition-[color,opacity] duration-300 group-active:opacity-80", {
-                                        "text-default-300": status === "inactive",
-                                    }), children: step.title }) })), stepIdx < steps.length - 1 && !hideProgressBars && (jsxRuntime.jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute right-0 w-10 flex-none items-center", style: {
-                                    // @ts-ignore
+                return (jsxRuntime.jsx("li", { className: "relative flex w-full items-center pr-12 last:pr-0", children: jsxRuntime.jsxs("button", __assign({ type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: react.cn("group rounded-large flex w-full cursor-pointer flex-row items-center justify-center gap-x-3 py-2.5", stepClassName), onClick: function () { return setCurrentStep(stepIdx); } }, props, { children: [jsxRuntime.jsx("div", { className: "h-ful relative flex items-center", children: jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsx("div", { className: react.cn("border-medium text-large relative flex h-[34px] w-[34px] items-center justify-center rounded-full font-semibold", "transition-[background-color,border-color,color,box-shadow] duration-300", {
+                                            "shadow-lg": status ===
+                                                "complete",
+                                        }), "data-status": status, style: getCircleStyle(status), children: jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsxRuntime.jsx(IconComponent, { className: "font-bold", style: {
+                                                    color: "var(--active-fg-color)",
+                                                }, icon: "material-symbols:check-rounded" })) : (jsxRuntime.jsx("span", { children: stepIdx + 1 })) }) }) }) }), step.title && (jsxRuntime.jsx("div", { className: "max-w-full flex-1 text-start", children: jsxRuntime.jsx("div", { className: react.cn("text-small text-default-600 lg:text-medium font-medium transition-[color,opacity] duration-300 group-active:opacity-80", {
+                                        "text-default-300": status ===
+                                            "inactive",
+                                    }), children: step.title }) })), stepIdx < steps.length - 1 &&
+                                !hideProgressBars && (jsxRuntime.jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute right-0 w-10 flex-none items-center", style: {
                                     "--idx": stepIdx,
                                 }, children: jsxRuntime.jsx("div", { className: react.cn("relative h-0.5 w-full bg-[var(--inactive-bar-color)] transition-colors duration-300", "after:absolute after:block after:h-full after:w-0 after:bg-[var(--active-border-color)] after:transition-[width] after:duration-300 after:content-['']", {
-                                        "after:w-full": stepIdx < currentStep,
+                                        "after:w-full": stepIdx <
+                                            currentStep,
                                     }) }) }))] }), stepIdx) }, stepIdx));
             }) }) }));
 });

package/dist/index.esm.js

@@ -6,8 +6,8 @@ import { Icon } from '@iconify/react';
 export { loadIcons } from '@iconify/react';
 import React, { useId, useState, useCallback, useMemo, useEffect, createContext, useContext, memo, useRef, createElement, useLayoutEffect, forwardRef, useImperativeHandle } from 'react';
 import { ResponsiveContainer, AreaChart, CartesianGrid, XAxis, Tooltip, Area, LineChart, YAxis, Line } from 'recharts';
-import { LazyMotion, domAnimation, m, motion, AnimatePresence } from 'framer-motion';
 import { createPortal } from 'react-dom';
+import { motion, AnimatePresence } from 'framer-motion';
 import { useTheme } from '@heroui/use-theme';
 
 /******************************************************************************
@@ -2502,6 +2502,45 @@ var VALID_STEP_COLORS$1 = [
 var defaultTranslations$7 = {
     checkIconTitle: "Check",
 };
+function getContainerCSSVars$1(color) {
+    var baseColor = "hsl(var(--heroui-".concat(color, "))");
+    var fgColor = "hsl(var(--heroui-".concat(color, "-foreground))");
+    var inactiveColor = "hsl(var(--heroui-default-300))";
+    return {
+        "--step-color": baseColor,
+        "--step-fg-color": fgColor,
+        "--active-fg-color": fgColor,
+        "--active-border-color": baseColor,
+        "--active-color": baseColor,
+        "--complete-background-color": baseColor,
+        "--complete-border-color": baseColor,
+        "--inactive-border-color": inactiveColor,
+        "--inactive-color": inactiveColor,
+        "--inactive-bar-color": inactiveColor,
+    };
+}
+function getCircleStyle$1(status) {
+    switch (status) {
+        case "complete":
+            return {
+                backgroundColor: "var(--complete-background-color)",
+                borderColor: "var(--complete-border-color)",
+                color: "var(--active-fg-color)",
+            };
+        case "active":
+            return {
+                backgroundColor: "transparent",
+                borderColor: "var(--active-border-color)",
+                color: "var(--active-color)",
+            };
+        default:
+            return {
+                backgroundColor: "transparent",
+                borderColor: "var(--inactive-border-color)",
+                color: "var(--inactive-color)",
+            };
+    }
+}
 var VerticalSteps = React.forwardRef(function (_a, ref) {
     var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.steps, stepsProp = _c === void 0 ? [] : _c, _d = _a.defaultStep, defaultStep = _d === void 0 ? 0 : _d, onStepChange = _a.onStepChange, currentStepProp = _a.currentStep, _e = _a.hideProgressBars, hideProgressBars = _e === void 0 ? false : _e, _f = _a.hideInactiveDescriptions, hideInactiveDescriptions = _f === void 0 ? false : _f, stepClassName = _a.stepClassName, className = _a.className, translations = _a.translations, props = __rest(_a, ["color", "steps", "defaultStep", "onStepChange", "currentStep", "hideProgressBars", "hideInactiveDescriptions", "stepClassName", "className", "translations"]);
     var _g = $458b0a5536c1a7cf$export$40bfa8c7b0832715(currentStepProp, defaultStep, onStepChange), currentStep = _g[0], setCurrentStep = _g[1];
@@ -2515,10 +2554,11 @@ var VerticalSteps = React.forwardRef(function (_a, ref) {
     var stepColor = VALID_STEP_COLORS$1.includes(color)
         ? color
         : "primary";
-    return (jsx("nav", { "aria-label": "Progress", className: "max-w-fit", children: jsx("ol", { "data-step-color": stepColor, className: cn("flex flex-col gap-y-3", className), children: steps === null || steps === void 0 ? void 0 : steps.map(function (step, stepIdx) {
+    var containerVars = React.useMemo(function () { return getContainerCSSVars$1(stepColor); }, [stepColor]);
+    return (jsx("nav", { "aria-label": "Progress", className: "max-w-fit", children: jsx("ol", { "data-step-color": stepColor, className: cn("flex flex-col gap-y-3", className), style: containerVars, children: steps === null || steps === void 0 ? void 0 : steps.map(function (step, stepIdx) {
                 var status = currentStep === stepIdx
                     ? "active"
-                    : step.isCompleted
+                    : stepIdx < currentStep || step.isCompleted
                         ? "complete"
                         : "inactive";
                 var isDisabled = status === "inactive";
@@ -2526,35 +2566,25 @@ var VerticalSteps = React.forwardRef(function (_a, ref) {
                 // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
                 jsxs("li", { className: "relative", children: [jsx("div", { className: "flex w-full max-w-full items-center", children: jsxs("button", __assign({ type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: cn("group rounded-large flex w-full cursor-pointer items-center justify-center gap-4 px-3 py-2.5", stepClassName, {
                                     "cursor-not-allowed": isDisabled,
-                                }), onClick: function () { return setCurrentStep(stepIdx); }, disabled: isDisabled }, props, { children: [jsx("div", { className: "flex h-full items-center", children: jsx(LazyMotion, { features: domAnimation, children: jsx("div", { className: "relative", children: jsx(m.div, { animate: status, className: cn("border-medium text-large text-default-600 relative flex h-[34px] w-[34px] items-center justify-center rounded-full font-semibold", {
-                                                        "shadow-lg": status === "complete",
-                                                    }), "data-status": status, initial: false, transition: { duration: 0.25 }, variants: {
-                                                        inactive: {
-                                                            backgroundColor: "transparent",
-                                                            borderColor: "var(--inactive-border-color)",
-                                                            color: "var(--inactive-color)",
-                                                        },
-                                                        active: {
-                                                            backgroundColor: "transparent",
-                                                            borderColor: "var(--active-border-color)",
-                                                            color: "var(--active-color)",
-                                                        },
-                                                        complete: {
-                                                            backgroundColor: "var(--complete-background-color)",
-                                                            borderColor: "var(--complete-border-color)",
-                                                        },
-                                                    }, children: jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsx(IconComponent, { className: " text-[var(--active-fg-color)] font-bold", icon: "material-symbols:check-rounded", title: t.checkIconTitle })) : (jsx("span", { children: stepIdx + 1 })) }) }) }) }) }), jsx("div", { className: "flex-1 text-left", children: jsxs("div", { children: [jsx("div", { className: cn("text-medium text-default-600 font-medium transition-[color,opacity] duration-300 group-active:opacity-70", {
-                                                        "text-default-300": status === "inactive",
+                                }), onClick: function () { return setCurrentStep(stepIdx); }, disabled: isDisabled }, props, { children: [jsx("div", { className: "flex h-full items-center", children: jsx("div", { className: "relative", children: jsx("div", { className: cn("border-medium text-large relative flex h-[34px] w-[34px] items-center justify-center rounded-full font-semibold", "transition-[background-color,border-color,color,box-shadow] duration-300", {
+                                                    "shadow-lg": status === "complete",
+                                                }), "data-status": status, style: getCircleStyle$1(status), children: jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsx(IconComponent, { className: "font-bold", style: {
+                                                            color: "var(--active-fg-color)",
+                                                        }, icon: "material-symbols:check-rounded", title: t.checkIconTitle })) : (jsx("span", { children: stepIdx + 1 })) }) }) }) }), jsx("div", { className: "flex-1 text-left", children: jsxs("div", { children: [jsx("div", { className: cn("text-medium text-default-600 font-medium transition-[color,opacity] duration-300 group-active:opacity-70", {
+                                                        "text-default-300": status ===
+                                                            "inactive",
                                                     }), children: step.title }), (!hideInactiveDescriptions ||
                                                     status === "active") && (jsx("div", { className: cn("text-tiny text-default-600 lg:text-small transition-[color,opacity] duration-300 group-active:opacity-70", {
-                                                        "text-default-300": status === "inactive",
-                                                    }), children: step.description }))] }) })] }), stepIdx) }), stepIdx < steps.length - 1 && !hideProgressBars && (jsx("div", { "aria-hidden": "true", className: cn("pointer-events-none absolute top-[calc(64px*var(--idx)+1)] left-3 flex h-1/2 -translate-y-1/3 items-center px-4", {
+                                                        "text-default-300": status ===
+                                                            "inactive",
+                                                    }), children: step.description }))] }) })] }), stepIdx) }), stepIdx < steps.length - 1 &&
+                            !hideProgressBars && (jsx("div", { "aria-hidden": "true", className: cn("pointer-events-none absolute top-[calc(64px*var(--idx)+1)] left-3 flex h-1/2 -translate-y-1/3 items-center px-4", {
                                 "h-1/4": stepIdx === currentStep,
                             }), style: {
-                                // @ts-ignore
                                 "--idx": stepIdx,
                             }, children: jsx("div", { className: cn("relative h-full w-0.5 bg-[var(--inactive-bar-color)] transition-colors duration-300", "after:absolute after:block after:h-0 after:w-full after:bg-[var(--active-border-color)] after:transition-[height] after:duration-300 after:content-['']", {
-                                    "after:h-full": stepIdx < currentStep,
+                                    "after:h-full": stepIdx <
+                                        currentStep,
                                 }) }) }))] }, stepIdx));
             }) }) }));
 });
@@ -3238,6 +3268,45 @@ var VALID_STEP_COLORS = [
     "danger",
     "default",
 ];
+function getContainerCSSVars(color) {
+    var baseColor = "hsl(var(--heroui-".concat(color, "))");
+    var fgColor = "hsl(var(--heroui-".concat(color, "-foreground))");
+    var inactiveColor = "hsl(var(--heroui-default-300))";
+    return {
+        "--step-color": baseColor,
+        "--step-fg-color": fgColor,
+        "--active-fg-color": fgColor,
+        "--active-border-color": baseColor,
+        "--active-color": baseColor,
+        "--complete-background-color": baseColor,
+        "--complete-border-color": baseColor,
+        "--inactive-border-color": inactiveColor,
+        "--inactive-color": inactiveColor,
+        "--inactive-bar-color": inactiveColor,
+    };
+}
+function getCircleStyle(status) {
+    switch (status) {
+        case "complete":
+            return {
+                backgroundColor: "var(--complete-background-color)",
+                borderColor: "var(--complete-border-color)",
+                color: "var(--active-fg-color)",
+            };
+        case "active":
+            return {
+                backgroundColor: "transparent",
+                borderColor: "var(--active-border-color)",
+                color: "var(--active-color)",
+            };
+        default:
+            return {
+                backgroundColor: "transparent",
+                borderColor: "var(--inactive-border-color)",
+                color: "var(--inactive-color)",
+            };
+    }
+}
 var RowSteps = React.forwardRef(function (_a, ref) {
     var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.steps, stepsProp = _c === void 0 ? [] : _c, _d = _a.defaultStep, defaultStep = _d === void 0 ? 0 : _d, onStepChange = _a.onStepChange, currentStepProp = _a.currentStep, _e = _a.hideProgressBars, hideProgressBars = _e === void 0 ? false : _e, stepClassName = _a.stepClassName, className = _a.className; _a.translations; var props = __rest(_a, ["color", "steps", "defaultStep", "onStepChange", "currentStep", "hideProgressBars", "stepClassName", "className", "translations"]);
     var _f = $458b0a5536c1a7cf$export$40bfa8c7b0832715(currentStepProp, defaultStep, onStepChange), currentStep = _f[0], setCurrentStep = _f[1];
@@ -3250,36 +3319,27 @@ var RowSteps = React.forwardRef(function (_a, ref) {
     var stepColor = VALID_STEP_COLORS.includes(color)
         ? color
         : "primary";
-    return (jsx("nav", { "aria-label": "Progress", className: "-my-4 max-w-fit overflow-x-auto py-4", children: jsx("ol", { "data-step-color": stepColor, className: cn("flex flex-row flex-nowrap gap-x-3", className), children: steps === null || steps === void 0 ? void 0 : steps.map(function (step, stepIdx) {
+    var containerVars = React.useMemo(function () { return getContainerCSSVars(stepColor); }, [stepColor]);
+    return (jsx("nav", { "aria-label": "Progress", className: "-my-4 max-w-fit overflow-x-auto py-4", children: jsx("ol", { "data-step-color": stepColor, className: cn("flex flex-row flex-nowrap gap-x-3", className), style: containerVars, children: steps === null || steps === void 0 ? void 0 : steps.map(function (step, stepIdx) {
                 var status = currentStep === stepIdx
                     ? "active"
                     : currentStep < stepIdx
                         ? "inactive"
                         : "complete";
-                return (jsx("li", { className: "relative flex w-full items-center pr-12 last:pr-0", children: jsxs("button", __assign({ type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: cn("group rounded-large flex w-full cursor-pointer flex-row items-center justify-center gap-x-3 py-2.5", stepClassName), onClick: function () { return setCurrentStep(stepIdx); } }, props, { children: [jsx("div", { className: "h-ful relative flex items-center", children: jsx(LazyMotion, { features: domAnimation, children: jsx(m.div, { animate: status, className: "relative", children: jsx(m.div, { className: cn("border-medium text-large text-default-600 relative flex h-[34px] w-[34px] items-center justify-center rounded-full font-semibold", {
-                                                "shadow-lg": status === "complete",
-                                            }), initial: false, transition: { duration: 0.25 }, variants: {
-                                                inactive: {
-                                                    backgroundColor: "transparent",
-                                                    borderColor: "var(--inactive-border-color)",
-                                                    color: "var(--inactive-color)",
-                                                },
-                                                active: {
-                                                    backgroundColor: "transparent",
-                                                    borderColor: "var(--active-border-color)",
-                                                    color: "var(--active-color)",
-                                                },
-                                                complete: {
-                                                    backgroundColor: "var(--complete-background-color)",
-                                                    borderColor: "var(--complete-border-color)",
-                                                },
-                                            }, children: jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsx(IconComponent, { className: " text-[var(--active-fg-color)] font-bold", icon: "material-symbols:check-rounded" })) : (jsx("span", { children: stepIdx + 1 })) }) }) }) }) }), step.title && (jsx("div", { className: "max-w-full flex-1 text-start", children: jsx("div", { className: cn("text-small text-default-600 lg:text-medium font-medium transition-[color,opacity] duration-300 group-active:opacity-80", {
-                                        "text-default-300": status === "inactive",
-                                    }), children: step.title }) })), stepIdx < steps.length - 1 && !hideProgressBars && (jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute right-0 w-10 flex-none items-center", style: {
-                                    // @ts-ignore
+                return (jsx("li", { className: "relative flex w-full items-center pr-12 last:pr-0", children: jsxs("button", __assign({ type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: cn("group rounded-large flex w-full cursor-pointer flex-row items-center justify-center gap-x-3 py-2.5", stepClassName), onClick: function () { return setCurrentStep(stepIdx); } }, props, { children: [jsx("div", { className: "h-ful relative flex items-center", children: jsx("div", { className: "relative", children: jsx("div", { className: cn("border-medium text-large relative flex h-[34px] w-[34px] items-center justify-center rounded-full font-semibold", "transition-[background-color,border-color,color,box-shadow] duration-300", {
+                                            "shadow-lg": status ===
+                                                "complete",
+                                        }), "data-status": status, style: getCircleStyle(status), children: jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsx(IconComponent, { className: "font-bold", style: {
+                                                    color: "var(--active-fg-color)",
+                                                }, icon: "material-symbols:check-rounded" })) : (jsx("span", { children: stepIdx + 1 })) }) }) }) }), step.title && (jsx("div", { className: "max-w-full flex-1 text-start", children: jsx("div", { className: cn("text-small text-default-600 lg:text-medium font-medium transition-[color,opacity] duration-300 group-active:opacity-80", {
+                                        "text-default-300": status ===
+                                            "inactive",
+                                    }), children: step.title }) })), stepIdx < steps.length - 1 &&
+                                !hideProgressBars && (jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute right-0 w-10 flex-none items-center", style: {
                                     "--idx": stepIdx,
                                 }, children: jsx("div", { className: cn("relative h-0.5 w-full bg-[var(--inactive-bar-color)] transition-colors duration-300", "after:absolute after:block after:h-full after:w-0 after:bg-[var(--active-border-color)] after:transition-[width] after:duration-300 after:content-['']", {
-                                        "after:w-full": stepIdx < currentStep,
+                                        "after:w-full": stepIdx <
+                                            currentStep,
                                     }) }) }))] }), stepIdx) }, stepIdx));
             }) }) }));
 });

package/dist/types/components/row-steps/RowSteps.d.ts

@@ -1,4 +1,3 @@
-import "../../styles/step-animations.css";
 import React from "react";
 import type { RowStepsProps } from "./RowSteps.types";
 export declare const RowSteps: React.ForwardRefExoticComponent<RowStepsProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/components/row-steps/RowSteps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/row-steps/RowSteps.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAI1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAWpE,eAAO,MAAM,QAAQ,yFA8JpB,CAAC"}
+{"version":3,"file":"RowSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/row-steps/RowSteps.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAwDpE,eAAO,MAAM,QAAQ,yFAkKpB,CAAC"}

package/dist/types/components/vertical-steps/VerticalSteps.d.ts

@@ -1,4 +1,3 @@
-import "../../styles/step-animations.css";
 import React from "react";
 import type { VerticalStepsProps } from "./VerticalSteps.types";
 export declare const VerticalSteps: React.ForwardRefExoticComponent<VerticalStepsProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/components/vertical-steps/VerticalSteps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/vertical-steps/VerticalSteps.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAI1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAEX,kBAAkB,EAElB,MAAM,uBAAuB,CAAC;AAe/B,eAAO,MAAM,aAAa,8FA2LzB,CAAC"}
+{"version":3,"file":"VerticalSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/vertical-steps/VerticalSteps.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAEX,kBAAkB,EAElB,MAAM,uBAAuB,CAAC;AA4D/B,eAAO,MAAM,aAAa,8FA8LzB,CAAC"}

package/dist/types/index.d.ts

@@ -1,6 +1,4 @@
 import "./styles/globals.css";
-import "./styles/step-animations.css";
-import "./styles/dropdown-defenses.css";
 export * from "@heroui/react";
 export { Slider } from "@heroui/react";
 export * from "./components/accordion-list";

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "0.6.1",
+	"version": "0.6.2",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",