@wandelbots/wandelbots-js-react-components 2.42.0-pr.feature-seperate-timer.383.2e9936e → 2.43.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "2.42.0-pr.feature-seperate-timer.383.2e9936e",
+  "version": "2.43.0",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "type": "module",
   "sideEffects": false,
@@ -59,8 +59,8 @@
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@storybook/addon-docs": "^9.1.6",
-    "@storybook/react-vite": "^9.1.6",
+    "@storybook/addon-docs": "^9.1.3",
+    "@storybook/react-vite": "^9.1.3",
     "@storybook/test-runner": "^0.23.0",
     "@svgr/rollup": "^8.1.0",
     "@testing-library/jest-dom": "^6.6.3",
@@ -72,7 +72,7 @@
     "@vitejs/plugin-react": "^4.3.4",
     "@wandelbots/nova-js": "^2.1.0",
     "add": "^2.0.6",
-    "eslint-plugin-storybook": "^9.1.6",
+    "eslint-plugin-storybook": "^9.1.3",
     "glob": "^11.0.1",
     "http-server": "^14.1.1",
     "husky": "^9.1.7",
@@ -95,7 +95,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "semantic-release": "^24.2.3",
-    "storybook": "^9.1.6",
+    "storybook": "^9.1.3",
     "storybook-preset-inline-svg": "^1.0.1",
     "three": "^0.174.0",
     "three-stdlib": "^2.35.14",

package/src/components/CycleTimer/DefaultVariant.tsx

@@ -114,6 +114,7 @@ export const DefaultVariant = ({
               showLabels &&
               !hasError &&
               currentState !== "idle" &&
+              currentState !== "countup" &&
               currentState !== "success"
             }
             timeout={300}
@@ -276,6 +277,7 @@ export const DefaultVariant = ({
               showLabels &&
               !hasError &&
               currentState !== "idle" &&
+              currentState !== "countup" &&
               currentState !== "success"
             }
             timeout={300}

package/src/components/CycleTimer/SmallVariant.tsx

@@ -31,7 +31,7 @@ export const SmallVariant = ({
   } = animationState
 
   // Simple text-only mode for compact variant in certain states
-  if (compact && currentState === "idle") {
+  if (compact && (currentState === "countup" || currentState === "idle")) {
     return (
       <Box
         className={className}
@@ -72,7 +72,10 @@ export const SmallVariant = ({
       }}
     >
       {/* Animated progress ring icon */}
-      {!(currentState === "idle" && compact) && (
+      {!(
+        currentState === "countup" ||
+        (currentState === "idle" && compact)
+      ) && (
         <Box
           sx={{
             width: 20,

package/src/components/CycleTimer/index.tsx

@@ -8,18 +8,19 @@ import { useAnimations } from "./useAnimations"
 import { useTimerLogic } from "./useTimerLogic"
 
 /**
- * A circular gauge timer component for cycle-specific timing operations
+ * A circular gauge timer component that shows the remaining time of a cycle or counts up
  *
  * Features:
  * - Custom SVG circular gauge with 264px diameter and 40px thickness
- * - Multiple states: idle, measuring, measured, countdown, success
+ * - Multiple states: idle, measuring, measured, countdown, countup, success
  * - Idle state: shows "Waiting for program cycle" with transparent inner circle
  * - Measuring state: counts up with "Cycle Time" / "measuring..." labels
  * - Measured state: shows final time with "Cycle Time" / "determined" labels in pulsating green
  * - Countdown mode: shows remaining time prominently, counts down to zero
+ * - Count-up mode: shows elapsed time without special labels
  * - Success state: brief green flash after cycle completion
  * - Displays appropriate labels based on state
- * - Automatically counts down and triggers callback when reaching zero
+ * - Automatically counts down/up and triggers callback when reaching zero (countdown only)
  * - Full timer control: start, pause, resume functionality
  * - Support for starting with elapsed time (resume mid-cycle)
  * - Error state support: pauses timer and shows error styling (red color)
@@ -27,7 +28,7 @@ import { useTimerLogic } from "./useTimerLogic"
  * - Pulsating text animation for completed measuring state
  * - Fully localized with i18next
  * - Material-UI theming integration
- * - Small variant with animated progress icon (gauge border only) next to text
+ * - Small variant with animated progress icon (gauge border only) next to text or simple text-only mode
  */
 export const CycleTimer = externalizeComponent(
   observer(

package/src/components/CycleTimer/types.ts

@@ -3,11 +3,13 @@ export type CycleTimerState =
   | "measuring" // Counting up without max time, showing "Cycle Time" / "measuring..."
   | "measured" // Completed measuring state showing "Cycle Time" / "determined" with pulsating green text
   | "countdown" // Counting down with max time
+  | "countup" // Simple count up without special text
   | "success" // Brief success state after cycle completion
 
 export interface CycleTimerControls {
-  startNewCycle: (maxTimeSeconds: number, elapsedSeconds?: number) => void
+  startNewCycle: (maxTimeSeconds?: number, elapsedSeconds?: number) => void
   startMeasuring: (elapsedSeconds?: number) => void
+  startCountUp: (elapsedSeconds?: number) => void
   setIdle: () => void
   completeMeasuring: () => void
   pause: () => void

package/src/components/CycleTimer/useTimerLogic.ts

@@ -88,66 +88,114 @@ export const useTimerLogic = ({
     [autoStart, progressInterpolator],
   )
 
-  const startNewCycle = useCallback(
-    (maxTimeSeconds: number, elapsedSeconds: number = 0) => {
-      // Stop any running timer first to prevent conflicts
-      setTimerState((prev) => ({ ...prev, isRunning: false }))
-      startTimeRef.current = null
-
+  const startCountUp = useCallback(
+    (elapsedSeconds: number = 0) => {
+      const initialProgress = ((elapsedSeconds / 60) % 1) * 100
       setTimerState((prev) => ({
         ...prev,
-        currentState: "countdown",
-        maxTime: maxTimeSeconds,
+        currentState: "countup",
+        maxTime: null,
+        remainingTime: elapsedSeconds,
         isPausedState: false,
+        currentProgress: initialProgress, // Immediately set progress
       }))
       pausedTimeRef.current = 0
 
-      // Count-down mode
-      const remainingSeconds = Math.max(0, maxTimeSeconds - elapsedSeconds)
-      const initialProgress =
-        elapsedSeconds > 0 ? (elapsedSeconds / maxTimeSeconds) * 100 : 0
+      progressInterpolator.setImmediate([initialProgress]) // Use setImmediate for instant reset
 
+      if (autoStart) {
+        startTimeRef.current = Date.now() - elapsedSeconds * 1000
+        setTimerState((prev) => ({ ...prev, isRunning: true }))
+      } else {
+        startTimeRef.current = null
+      }
+    },
+    [autoStart, progressInterpolator],
+  )
+
+  const startNewCycle = useCallback(
+    (maxTimeSeconds?: number, elapsedSeconds: number = 0) => {
+      // Stop any running timer first to prevent conflicts
+      setTimerState((prev) => ({ ...prev, isRunning: false }))
+      startTimeRef.current = null
+
+      const newState = maxTimeSeconds !== undefined ? "countdown" : "countup"
       setTimerState((prev) => ({
         ...prev,
-        remainingTime: remainingSeconds,
-        currentProgress: initialProgress, // Immediately set progress
+        currentState: newState,
+        maxTime: maxTimeSeconds ?? null,
+        isPausedState: false,
       }))
+      pausedTimeRef.current = 0
 
-      progressInterpolator.setImmediate([initialProgress]) // Use setImmediate for instant reset
-
-      if (remainingSeconds === 0) {
-        setTimerState((prev) => ({ ...prev, isRunning: false }))
-        startTimeRef.current = null
-        if (onCycleEnd) {
-          queueMicrotask(() => onCycleEnd())
+      if (maxTimeSeconds !== undefined) {
+        // Count-down mode
+        const remainingSeconds = Math.max(0, maxTimeSeconds - elapsedSeconds)
+        const initialProgress =
+          elapsedSeconds > 0 ? (elapsedSeconds / maxTimeSeconds) * 100 : 0
+
+        setTimerState((prev) => ({
+          ...prev,
+          remainingTime: remainingSeconds,
+          currentProgress: initialProgress, // Immediately set progress
+        }))
+
+        progressInterpolator.setImmediate([initialProgress]) // Use setImmediate for instant reset
+
+        if (remainingSeconds === 0) {
+          setTimerState((prev) => ({ ...prev, isRunning: false }))
+          startTimeRef.current = null
+          if (onCycleEnd) {
+            queueMicrotask(() => onCycleEnd())
+          }
+        } else if (autoStart) {
+          setTimeout(() => {
+            startTimeRef.current = Date.now() - elapsedSeconds * 1000
+            setTimerState((prev) => ({ ...prev, isRunning: true }))
+          }, 0)
+        } else {
+          startTimeRef.current = null
         }
-      } else if (autoStart) {
-        setTimeout(() => {
-          startTimeRef.current = Date.now() - elapsedSeconds * 1000
-          setTimerState((prev) => ({ ...prev, isRunning: true }))
-        }, 0)
       } else {
-        startTimeRef.current = null
+        // Count-up mode
+        const initialProgress = ((elapsedSeconds / 60) % 1) * 100
+        setTimerState((prev) => ({
+          ...prev,
+          remainingTime: elapsedSeconds,
+          currentProgress: initialProgress, // Immediately set progress
+        }))
+
+        progressInterpolator.setImmediate([initialProgress]) // Use setImmediate for instant reset
+
+        if (autoStart) {
+          setTimeout(() => {
+            startTimeRef.current = Date.now() - elapsedSeconds * 1000
+            setTimerState((prev) => ({ ...prev, isRunning: true }))
+          }, 0)
+        } else {
+          startTimeRef.current = null
+        }
       }
     },
     [autoStart, onCycleEnd, progressInterpolator],
   )
 
   const completeMeasuring = useCallback(() => {
-    // Always trigger completion regardless of current state
-    setTimerState((prev) => ({
-      ...prev,
-      isRunning: false,
-      currentState: "measured",
-    }))
-    startTimeRef.current = null
+    if (timerState.currentState === "measuring") {
+      setTimerState((prev) => ({
+        ...prev,
+        isRunning: false,
+        currentState: "measured",
+      }))
+      startTimeRef.current = null
 
-    onStartPulsating(() => {
-      if (onMeasuringComplete) {
-        onMeasuringComplete()
-      }
-    })
-  }, [onStartPulsating, onMeasuringComplete])
+      onStartPulsating(() => {
+        if (onMeasuringComplete) {
+          onMeasuringComplete()
+        }
+      })
+    }
+  }, [timerState.currentState, onStartPulsating, onMeasuringComplete])
 
   const pause = useCallback(() => {
     if (startTimeRef.current && timerState.isRunning) {
@@ -268,6 +316,13 @@ export const useTimerLogic = ({
             }))
             const progress = ((elapsed / 60) % 1) * 100
             progressInterpolator.setTarget([progress])
+          } else if (timerState.currentState === "countup") {
+            setTimerState((prev) => ({
+              ...prev,
+              remainingTime: Math.floor(elapsed),
+            }))
+            const progress = ((elapsed / 60) % 1) * 100
+            progressInterpolator.setTarget([progress])
           }
 
           if (timerState.isRunning) {
@@ -320,6 +375,7 @@ export const useTimerLogic = ({
     controls: {
       startNewCycle,
       startMeasuring,
+      startCountUp,
       setIdle,
       completeMeasuring,
       pause,

package/src/components/CycleTimer/utils.ts

@@ -25,8 +25,8 @@ export const calculateProgress = (
     return Math.min(100, (elapsed / maxTime) * 100)
   }
 
-  if (currentState === "measuring") {
-    // Measuring mode: progress based on minute steps (0-100% per minute)
+  if (currentState === "measuring" || currentState === "countup") {
+    // Count-up modes: progress based on minute steps (0-100% per minute)
     return ((remainingTime / 60) % 1) * 100
   }
 
@@ -45,7 +45,7 @@ export const calculateExactProgress = (
     return Math.min(100, (totalElapsed / maxTime) * 100)
   }
 
-  if (currentState === "measuring") {
+  if (currentState === "measuring" || currentState === "countup") {
     return ((totalElapsed / 60) % 1) * 100
   }
 

package/src/components/jogging/PoseCartesianValues.tsx

@@ -1,41 +1,102 @@
-import { Button, Stack } from "@mui/material"
+import { Button, Stack, Typography } from "@mui/material"
 import { poseToWandelscriptString } from "@wandelbots/nova-js"
-import type { TcpPose } from "@wandelbots/nova-js/v1"
+import type {
+  ConnectedMotionGroup,
+  MotionGroupStateResponse,
+  MotionStreamConnection,
+} from "@wandelbots/nova-js/v1"
 import { observer } from "mobx-react-lite"
-import { useState } from "react"
-import { externalizeComponent } from "../../externalizeComponent"
+import { useRef, useState } from "react"
 import { CopyableText } from "../CopyableText"
+import { useAnimationFrame } from "../utils/hooks"
+
+/** Minimal interface for what PoseCartesianValues needs from motion stream */
+type MotionStateProvider = {
+  rapidlyChangingMotionState: MotionGroupStateResponse
+}
+
+/** Creates a motion state provider from either a MotionStreamConnection or ConnectedMotionGroup */
+function createMotionStateProvider(
+  motionStream?: MotionStreamConnection,
+  connectedMotionGroup?: ConnectedMotionGroup,
+): MotionStateProvider | undefined {
+  if (motionStream) {
+    return motionStream
+  }
+  if (connectedMotionGroup) {
+    return {
+      rapidlyChangingMotionState:
+        connectedMotionGroup.rapidlyChangingMotionState,
+    }
+  }
+  return undefined
+}
 
 export type PoseCartesianValuesProps = {
-  tcpPose: TcpPose
+  /** Either a MotionStreamConnection or ConnectedMotionGroup */
+  motionStream?: MotionStreamConnection
+  connectedMotionGroup?: ConnectedMotionGroup
   showCopyButton?: boolean
 }
 
-export const PoseCartesianValues = externalizeComponent(
-  observer(({ tcpPose, showCopyButton = false }: PoseCartesianValuesProps) => {
-    const [copyMessage, setCopyMessage] = useState<string | null>(null)
-    const poseString = poseToWandelscriptString(tcpPose)
+export const PoseCartesianValues = observer(
+  ({
+    motionStream,
+    connectedMotionGroup,
+    showCopyButton = false,
+  }: PoseCartesianValuesProps) => {
+    const poseHolderRef = useRef<HTMLDivElement>(null)
+    const [copyMessage, setCopyMessage] = useState("")
+
+    const activeMotionStream = createMotionStateProvider(
+      motionStream,
+      connectedMotionGroup,
+    )
+
+    if (!activeMotionStream) {
+      throw new Error(
+        "PoseCartesianValues requires either motionStream or connectedMotionGroup prop",
+      )
+    }
+
+    function getCurrentPoseString() {
+      if (!activeMotionStream) return ""
+      const tcpPose = activeMotionStream.rapidlyChangingMotionState.tcp_pose
+      if (!tcpPose) return ""
+      return poseToWandelscriptString(tcpPose)
+    }
 
     const handleCopy = async () => {
       try {
-        await navigator.clipboard.writeText(poseString)
+        await navigator.clipboard.writeText(getCurrentPoseString())
         setCopyMessage("Copied!")
-        setTimeout(() => setCopyMessage(null), 2000)
+        setTimeout(() => setCopyMessage(""), 2000)
       } catch {
         setCopyMessage("Copy failed")
-        setTimeout(() => setCopyMessage(null), 2000)
+        setTimeout(() => setCopyMessage(""), 2000)
       }
     }
 
+    useAnimationFrame(() => {
+      if (!poseHolderRef.current) {
+        return
+      }
+      const newPoseContent = getCurrentPoseString()
+      if (poseHolderRef.current.textContent === newPoseContent) {
+        return
+      }
+
+      poseHolderRef.current.textContent = newPoseContent
+    })
+
     return (
       <Stack
         direction="row"
         alignItems="center"
         spacing={1}
         sx={{ flexGrow: 1, minWidth: 0, overflow: "hidden" }}
-        data-testid="pose-cartesian-values"
       >
-        <CopyableText value={poseString} />
+        <CopyableText value={getCurrentPoseString()} ref={poseHolderRef} />
         {showCopyButton && (
           <Button
             variant="contained"
@@ -44,10 +105,15 @@ export const PoseCartesianValues = externalizeComponent(
             onClick={handleCopy}
             sx={{ flexShrink: 0 }}
           >
-            { copyMessage ? copyMessage : "Copy"}
+            Copy
           </Button>
         )}
+        {copyMessage && (
+          <Typography variant="caption" color="success.main">
+            {copyMessage}
+          </Typography>
+        )}
       </Stack>
     )
-  }),
+  },
 )

package/src/components/jogging/PoseJointValues.tsx

@@ -1,40 +1,101 @@
-import { Button, Stack } from "@mui/material"
-import type { Joints } from "@wandelbots/nova-api/v1"
+import { Button, Stack, Typography } from "@mui/material"
+import type {
+  ConnectedMotionGroup,
+  MotionGroupStateResponse,
+  MotionStreamConnection,
+} from "@wandelbots/nova-js/v1"
 import { observer } from "mobx-react-lite"
-import { useState } from "react"
-import { externalizeComponent } from "../../externalizeComponent"
+import { useRef, useState } from "react"
 import { CopyableText } from "../CopyableText"
+import { useAnimationFrame } from "../utils/hooks"
+
+/** Minimal interface for what PoseJointValues needs from motion stream */
+type MotionStateProvider = {
+  rapidlyChangingMotionState: MotionGroupStateResponse
+}
+
+/** Creates a motion state provider from either a MotionStreamConnection or ConnectedMotionGroup */
+function createMotionStateProvider(
+  motionStream?: MotionStreamConnection,
+  connectedMotionGroup?: ConnectedMotionGroup,
+): MotionStateProvider | undefined {
+  if (motionStream) {
+    return motionStream
+  }
+  if (connectedMotionGroup) {
+    return {
+      rapidlyChangingMotionState:
+        connectedMotionGroup.rapidlyChangingMotionState,
+    }
+  }
+  return undefined
+}
 
 export type PoseJointValuesProps = {
-  joints: Joints
+  /** Either a MotionStreamConnection or ConnectedMotionGroup */
+  motionStream?: MotionStreamConnection
+  connectedMotionGroup?: ConnectedMotionGroup
   showCopyButton?: boolean
 }
 
-export const PoseJointValues = externalizeComponent(
-  observer(({ joints, showCopyButton = false }: PoseJointValuesProps) => {
-    const [copyMessage, setCopyMessage] = useState<string | null>(null)
-    const poseString = `[${joints.joints.map((j: number) => parseFloat(j.toFixed(4))).join(", ")}]`
+export const PoseJointValues = observer(
+  ({
+    motionStream,
+    connectedMotionGroup,
+    showCopyButton = false,
+  }: PoseJointValuesProps) => {
+    const poseHolderRef = useRef<HTMLDivElement>(null)
+    const [copyMessage, setCopyMessage] = useState("")
+
+    const activeMotionStream = createMotionStateProvider(
+      motionStream,
+      connectedMotionGroup,
+    )
+
+    if (!activeMotionStream) {
+      throw new Error(
+        "PoseJointValues requires either motionStream or connectedMotionGroup prop",
+      )
+    }
+
+    function getCurrentPoseString() {
+      if (!activeMotionStream) return ""
+      const { joints } =
+        activeMotionStream.rapidlyChangingMotionState.state.joint_position
+      return `[${joints.map((j: number) => parseFloat(j.toFixed(4))).join(", ")}]`
+    }
 
     const handleCopy = async () => {
       try {
-        await navigator.clipboard.writeText(poseString)
+        await navigator.clipboard.writeText(getCurrentPoseString())
         setCopyMessage("Copied!")
-        setTimeout(() => setCopyMessage(null), 2000)
+        setTimeout(() => setCopyMessage(""), 2000)
       } catch {
         setCopyMessage("Copy failed")
-        setTimeout(() => setCopyMessage(null), 2000)
+        setTimeout(() => setCopyMessage(""), 2000)
       }
     }
 
+    useAnimationFrame(() => {
+      if (!poseHolderRef.current) {
+        return
+      }
+
+      const newPoseContent = getCurrentPoseString()
+      if (poseHolderRef.current.textContent === newPoseContent) {
+        return
+      }
+      poseHolderRef.current.textContent = newPoseContent
+    })
+
     return (
       <Stack
         direction="row"
         alignItems="center"
         spacing={1}
         sx={{ flexGrow: 1, minWidth: 0, overflow: "hidden" }}
-        data-testid="pose-joint-values"
       >
-        <CopyableText value={poseString} />
+        <CopyableText value={getCurrentPoseString()} ref={poseHolderRef} />
         {showCopyButton && (
           <Button
             variant="contained"
@@ -43,10 +104,15 @@ export const PoseJointValues = externalizeComponent(
             onClick={handleCopy}
             sx={{ flexShrink: 0 }}
           >
-            { copyMessage ? copyMessage : "Copy"}
+            Copy
           </Button>
         )}
+        {copyMessage && (
+          <Typography variant="caption" color="success.main">
+            {copyMessage}
+          </Typography>
+        )}
       </Stack>
     )
-  }),
+  },
 )

package/src/i18n/locales/de/translations.json

@@ -52,7 +52,6 @@
   "CycleTimer.CycleTime.lb": "Zykluszeit",
   "CycleTimer.Measuring.lb": "wird gemessen...",
   "CycleTimer.Determined.lb": "bestimmt",
-  "Timer.error": "Fehler",
   "ProgramControl.Start.bt": "Start",
   "ProgramControl.Resume.bt": "Weiter",
   "ProgramControl.Retry.bt": "Wiederholen",

package/src/i18n/locales/en/translations.json

@@ -53,7 +53,6 @@
   "CycleTimer.CycleTime.lb": "Cycle Time",
   "CycleTimer.Measuring.lb": "measuring...",
   "CycleTimer.Determined.lb": "determined",
-  "Timer.error": "Error",
   "ProgramControl.Start.bt": "Start",
   "ProgramControl.Resume.bt": "Resume",
   "ProgramControl.Retry.bt": "Retry",

package/src/index.ts

@@ -4,7 +4,6 @@ export * from "./components/3d-viewport/SafetyZonesRenderer"
 export * from "./components/3d-viewport/TrajectoryRenderer"
 export * from "./components/AppHeader"
 export * from "./components/CycleTimer"
-export * from "./components/Timer"
 export * from "./components/DataGrid"
 export * from "./components/jogging/JoggingCartesianAxisControl"
 export * from "./components/jogging/JoggingJointRotationControl"

package/dist/components/Timer/Timer.d.ts

@@ -1,3 +0,0 @@
-export { Timer } from "./index";
-export type { TimerControls, TimerProps } from "./types";
-//# sourceMappingURL=Timer.d.ts.map

package/dist/components/Timer/Timer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timer.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/Timer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/Timer/TimerDefaultVariant.d.ts

@@ -1,10 +0,0 @@
-import type { TimerState, TimerAnimationState } from "./types";
-interface TimerDefaultVariantProps {
-    timerState: TimerState;
-    animationState: TimerAnimationState;
-    hasError: boolean;
-    className?: string;
-}
-export declare const TimerDefaultVariant: ({ timerState, animationState, hasError, className, }: TimerDefaultVariantProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=TimerDefaultVariant.d.ts.map

package/dist/components/Timer/TimerDefaultVariant.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimerDefaultVariant.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/TimerDefaultVariant.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAG9D,UAAU,wBAAwB;IAChC,UAAU,EAAE,UAAU,CAAA;IACtB,cAAc,EAAE,mBAAmB,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,mBAAmB,GAAI,sDAKjC,wBAAwB,4CAwH1B,CAAA"}

package/dist/components/Timer/TimerSmallVariant.d.ts

@@ -1,11 +0,0 @@
-import type { TimerState, TimerAnimationState } from "./types";
-interface TimerSmallVariantProps {
-    timerState: TimerState;
-    animationState: TimerAnimationState;
-    hasError: boolean;
-    compact: boolean;
-    className?: string;
-}
-export declare const TimerSmallVariant: ({ timerState, animationState, hasError, compact, className, }: TimerSmallVariantProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=TimerSmallVariant.d.ts.map

package/dist/components/Timer/TimerSmallVariant.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimerSmallVariant.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/TimerSmallVariant.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAG9D,UAAU,sBAAsB;IAC9B,UAAU,EAAE,UAAU,CAAA;IACtB,cAAc,EAAE,mBAAmB,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,iBAAiB,GAAI,+DAM/B,sBAAsB,4CAuHxB,CAAA"}