fix: unbounded warning for use steps

packages/components/src/stepper/use-steps.ts

@@ -1,6 +1,6 @@
 import { useState } from "react"
 
-export type UseStepsProps = {
+export interface UseStepsProps {
   index?: number
   count?: number
 }
@@ -15,32 +15,34 @@ export function useSteps(props: UseStepsProps = {}) {
   const maxStep = typeof count === "number" ? count - 1 : 0
   const activeStepPercent = activeStep / maxStep
 
+  const isActiveStep = (step: number) => step === activeStep
+  const isCompleteStep = (step: number) => step < activeStep
+  const isIncompleteStep = (step: number) => step > activeStep
+
+  const getStatus = (step: number): StepStatus => {
+    if (step < activeStep) return "complete"
+    if (step > activeStep) return "incomplete"
+    return "active"
+  }
+
+  const goToNext = () => {
+    setActiveStep((step) => Math.min(maxStep, step + 1))
+  }
+
+  const goToPrevious = () => {
+    setActiveStep((step) => Math.max(0, step - 1))
+  }
+
   return {
     activeStep,
     setActiveStep,
     activeStepPercent,
-    isActiveStep(step: number) {
-      return step === activeStep
-    },
-    isCompleteStep(step: number) {
-      return step < activeStep
-    },
-    isIncompleteStep(step: number) {
-      return step > activeStep
-    },
-    getStatus(step: number): StepStatus {
-      if (step < activeStep) return "complete"
-      if (step > activeStep) return "incomplete"
-      return "active"
-    },
-    goToNext() {
-      setActiveStep((step) => {
-        return typeof count === "number" ? Math.min(count, step + 1) : step + 1
-      })
-    },
-    goToPrevious() {
-      setActiveStep((step) => Math.max(0, step - 1))
-    },
+    isActiveStep,
+    isCompleteStep,
+    isIncompleteStep,
+    getStatus,
+    goToNext,
+    goToPrevious,
   }
 }