@wandelbots/wandelbots-js-react-components 5.5.1 → 5.5.2-pr.fix-performance-issues.594.c24b644

package/dist/components/CycleTimer/SmallVariant.js

@@ -1,150 +0,0 @@
-import { jsx as s, jsxs as g, Fragment as w } from "react/jsx-runtime";
-import { useTheme as C } from "@mui/material/styles";
-import u from "@mui/material/Box";
-import h from "@mui/material/Typography";
-import { useTranslation as $ } from "react-i18next";
-import { formatTimeLocalized as r } from "./utils.js";
-const W = ({
-  timerState: d,
-  animationState: x,
-  hasError: n,
-  compact: m,
-  className: p
-}) => {
-  const { t: l, i18n: i } = $(), t = C(), { currentState: e, remainingTime: a, maxTime: y } = d, {
-    showErrorAnimation: f,
-    showPauseAnimation: T,
-    showPulsatingText: o,
-    pulsatingFinished: c,
-    showIdlePulsating: b,
-    idleDotsCount: k
-  } = x;
-  return m && e === "idle" ? /* @__PURE__ */ s(
-    u,
-    {
-      className: p,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        m: 0
-      },
-      children: /* @__PURE__ */ s(
-        h,
-        {
-          variant: "body2",
-          sx: {
-            color: n ? t.palette.error.light : t.palette.text.primary,
-            fontSize: "14px",
-            transition: "color 0.5s ease-out"
-          },
-          children: n ? l("CycleTimer.Error.lb", "Error") : e === "idle" ? "0s" : r(a, i.language)
-        }
-      )
-    }
-  ) : /* @__PURE__ */ g(
-    u,
-    {
-      className: p,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        m: 0,
-        gap: 1
-      },
-      children: [
-        !(e === "idle" && m) && /* @__PURE__ */ s(
-          u,
-          {
-            sx: {
-              width: 20,
-              height: 20,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              opacity: T || f ? 0.6 : 1,
-              transition: "opacity 0.5s ease-out"
-            },
-            children: /* @__PURE__ */ g(
-              "svg",
-              {
-                width: "20",
-                height: "20",
-                viewBox: "0 0 20 20",
-                style: { transform: "rotate(-90deg)" },
-                role: "img",
-                "aria-label": "Timer progress",
-                children: [
-                  /* @__PURE__ */ s(
-                    "circle",
-                    {
-                      cx: "10",
-                      cy: "10",
-                      r: "8",
-                      fill: "none",
-                      stroke: n ? t.palette.error.light : e === "measured" ? o || c ? t.palette.success.main : t.palette.text.secondary : t.palette.success.main,
-                      strokeWidth: "2",
-                      opacity: e === "measured" && c ? o ? 1 : 0.6 : 0.3,
-                      style: {
-                        transition: "stroke 0.8s ease-in-out, opacity 2s ease-in-out"
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ s(
-                    "circle",
-                    {
-                      cx: "10",
-                      cy: "10",
-                      r: "8",
-                      fill: "none",
-                      stroke: n ? t.palette.error.light : e === "measured" ? o || c ? t.palette.success.main : t.palette.text.secondary : t.palette.success.main,
-                      strokeWidth: "2",
-                      strokeLinecap: "round",
-                      strokeDasharray: `${2 * Math.PI * 8}`,
-                      strokeDashoffset: `${2 * Math.PI * 8 * (1 - (e === "idle" ? 0 : d.currentProgress) / 100)}`,
-                      style: {
-                        opacity: e === "measured" && c ? o ? 1 : 0.6 : 1,
-                        transition: "stroke-dashoffset 0.1s ease-out, stroke 0.8s ease-in-out, opacity 2s ease-in-out"
-                      }
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ s(
-          h,
-          {
-            variant: "body2",
-            sx: {
-              color: n ? t.palette.error.light : e === "idle" ? "rgba(255, 255, 255, 0.7)" : e === "measured" ? o || c ? t.palette.success.main : t.palette.text.secondary : t.palette.text.primary,
-              fontSize: "14px",
-              lineHeight: "normal",
-              letterSpacing: "normal",
-              opacity: e === "idle" ? b ? 1 : 0.6 : e === "measured" && c ? o ? 1 : 0.6 : 1,
-              transition: "color 0.8s ease-in-out, font-size 0.3s ease-out, opacity 2s ease-in-out"
-            },
-            children: n ? l("CycleTimer.Error.lb", "Error") : e === "idle" ? /* @__PURE__ */ g(w, { children: [
-              /* @__PURE__ */ s("span", { children: l("CycleTimer.WaitingForCycle.lb", "Waiting for program cycle") }),
-              /* @__PURE__ */ s(
-                "span",
-                {
-                  style: {
-                    display: "inline-block",
-                    width: "18px",
-                    textAlign: "left"
-                  },
-                  children: ".".repeat(k)
-                }
-              )
-            ] }) : e === "measuring" ? m ? r(a, i.language) : `${r(a, i.language)} / ${l("CycleTimer.Measuring.lb", "measuring...")}` : e === "measured" ? m ? r(a, i.language) : `${r(a, i.language)} / ${l("CycleTimer.Determined.lb", "determined")}` : e === "countdown" && y !== null ? m ? r(a, i.language) : `${r(a, i.language)} / ${l("CycleTimer.Time.lb", { time: r(y, i.language) })}` : r(a, i.language)
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  W as SmallVariant
-};
-//# sourceMappingURL=SmallVariant.js.map

package/dist/components/CycleTimer/SmallVariant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SmallVariant.js","sources":["../../../src/components/CycleTimer/SmallVariant.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Box from \"@mui/material/Box\"\nimport Typography from \"@mui/material/Typography\"\nimport { useTranslation } from \"react-i18next\"\nimport type { AnimationState, TimerState } from \"./types\"\nimport { formatTimeLocalized } from \"./utils\"\n\ninterface SmallVariantProps {\n  timerState: TimerState\n  animationState: AnimationState\n  hasError: boolean\n  compact: boolean\n  className?: string\n}\n\nexport const SmallVariant = ({\n  timerState,\n  animationState,\n  hasError,\n  compact,\n  className,\n}: SmallVariantProps) => {\n  const { t, i18n } = useTranslation()\n  const theme = useTheme()\n  const { currentState, remainingTime, maxTime } = timerState\n  const {\n    showErrorAnimation,\n    showPauseAnimation,\n    showPulsatingText,\n    pulsatingFinished,\n    showIdlePulsating,\n    idleDotsCount,\n  } = animationState\n\n  // Simple text-only mode for compact variant in certain states\n  if (compact && currentState === \"idle\") {\n    return (\n      <Box\n        className={className}\n        sx={{\n          display: \"flex\",\n          alignItems: \"center\",\n          m: 0,\n        }}\n      >\n        <Typography\n          variant=\"body2\"\n          sx={{\n            color: hasError\n              ? theme.palette.error.light\n              : theme.palette.text.primary,\n            fontSize: \"14px\",\n            transition: \"color 0.5s ease-out\",\n          }}\n        >\n          {hasError\n            ? t(\"CycleTimer.Error.lb\", \"Error\")\n            : currentState === \"idle\"\n              ? \"0s\"\n              : formatTimeLocalized(remainingTime, i18n.language)}\n        </Typography>\n      </Box>\n    )\n  }\n\n  return (\n    <Box\n      className={className}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        m: 0,\n        gap: 1,\n      }}\n    >\n      {/* Animated progress ring icon */}\n      {!(currentState === \"idle\" && compact) && (\n        <Box\n          sx={{\n            width: 20,\n            height: 20,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            opacity: showPauseAnimation || showErrorAnimation ? 0.6 : 1,\n            transition: \"opacity 0.5s ease-out\",\n          }}\n        >\n          <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 20 20\"\n            style={{ transform: \"rotate(-90deg)\" }}\n            role=\"img\"\n            aria-label=\"Timer progress\"\n          >\n            {/* Background ring */}\n            <circle\n              cx=\"10\"\n              cy=\"10\"\n              r=\"8\"\n              fill=\"none\"\n              stroke={\n                hasError\n                  ? theme.palette.error.light\n                  : currentState === \"measured\"\n                    ? showPulsatingText || pulsatingFinished\n                      ? theme.palette.success.main\n                      : theme.palette.text.secondary\n                    : theme.palette.success.main\n              }\n              strokeWidth=\"2\"\n              opacity={\n                currentState === \"measured\" && pulsatingFinished\n                  ? showPulsatingText\n                    ? 1\n                    : 0.6\n                  : 0.3\n              }\n              style={{\n                transition: \"stroke 0.8s ease-in-out, opacity 2s ease-in-out\",\n              }}\n            />\n            {/* Progress ring */}\n            <circle\n              cx=\"10\"\n              cy=\"10\"\n              r=\"8\"\n              fill=\"none\"\n              stroke={\n                hasError\n                  ? theme.palette.error.light\n                  : currentState === \"measured\"\n                    ? showPulsatingText || pulsatingFinished\n                      ? theme.palette.success.main\n                      : theme.palette.text.secondary\n                    : theme.palette.success.main\n              }\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeDasharray={`${2 * Math.PI * 8}`}\n              strokeDashoffset={`${2 * Math.PI * 8 * (1 - (currentState === \"idle\" ? 0 : timerState.currentProgress) / 100)}`}\n              style={{\n                opacity:\n                  currentState === \"measured\" && pulsatingFinished\n                    ? showPulsatingText\n                      ? 1\n                      : 0.6\n                    : 1,\n                transition:\n                  \"stroke-dashoffset 0.1s ease-out, stroke 0.8s ease-in-out, opacity 2s ease-in-out\",\n              }}\n            />\n          </svg>\n        </Box>\n      )}\n\n      {/* Timer text display */}\n      <Typography\n        variant=\"body2\"\n        sx={{\n          color: hasError\n            ? theme.palette.error.light\n            : currentState === \"idle\"\n              ? \"rgba(255, 255, 255, 0.7)\"\n              : currentState === \"measured\"\n                ? showPulsatingText || pulsatingFinished\n                  ? theme.palette.success.main\n                  : theme.palette.text.secondary\n                : theme.palette.text.primary,\n          fontSize: \"14px\",\n          lineHeight: \"normal\",\n          letterSpacing: \"normal\",\n          opacity:\n            currentState === \"idle\"\n              ? showIdlePulsating\n                ? 1\n                : 0.6\n              : currentState === \"measured\" && pulsatingFinished\n                ? showPulsatingText\n                  ? 1\n                  : 0.6\n                : 1,\n          transition:\n            \"color 0.8s ease-in-out, font-size 0.3s ease-out, opacity 2s ease-in-out\",\n        }}\n      >\n        {hasError ? (\n          t(\"CycleTimer.Error.lb\", \"Error\")\n        ) : currentState === \"idle\" ? (\n          <>\n            <span>\n              {t(\"CycleTimer.WaitingForCycle.lb\", \"Waiting for program cycle\")}\n            </span>\n            <span\n              style={{\n                display: \"inline-block\",\n                width: \"18px\",\n                textAlign: \"left\",\n              }}\n            >\n              {\".\".repeat(idleDotsCount)}\n            </span>\n          </>\n        ) : currentState === \"measuring\" ? (\n          compact ? (\n            formatTimeLocalized(remainingTime, i18n.language)\n          ) : (\n            `${formatTimeLocalized(remainingTime, i18n.language)} / ${t(\"CycleTimer.Measuring.lb\", \"measuring...\")}`\n          )\n        ) : currentState === \"measured\" ? (\n          compact ? (\n            formatTimeLocalized(remainingTime, i18n.language)\n          ) : (\n            `${formatTimeLocalized(remainingTime, i18n.language)} / ${t(\"CycleTimer.Determined.lb\", \"determined\")}`\n          )\n        ) : currentState === \"countdown\" && maxTime !== null ? (\n          compact ? (\n            formatTimeLocalized(remainingTime, i18n.language)\n          ) : (\n            `${formatTimeLocalized(remainingTime, i18n.language)} / ${t(\"CycleTimer.Time.lb\", { time: formatTimeLocalized(maxTime, i18n.language) })}`\n          )\n        ) : (\n          formatTimeLocalized(remainingTime, i18n.language)\n        )}\n      </Typography>\n    </Box>\n  )\n}\n"],"names":["SmallVariant","timerState","animationState","hasError","compact","className","t","i18n","useTranslation","theme","useTheme","currentState","remainingTime","maxTime","showErrorAnimation","showPauseAnimation","showPulsatingText","pulsatingFinished","showIdlePulsating","idleDotsCount","jsx","Box","Typography","formatTimeLocalized","jsxs","Fragment"],"mappings":"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"}

package/dist/components/CycleTimer/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),I=require("mobx-react-lite"),r=require("react"),V=require("../../externalizeComponent.cjs"),C=require("./DefaultVariant.cjs"),L=require("./SmallVariant.cjs"),M=require("./useAnimations.cjs"),y=require("./useTimerLogic.cjs"),A=V.externalizeComponent(I.observer(({onCycleComplete:a,onCycleEnd:q,onMeasuringComplete:T,autoStart:p=!0,variant:v="default",compact:x=!1,className:o,hasError:i=!1})=>{const n=r.useRef(void 0),{animationState:u,triggerPauseAnimation:P,triggerErrorAnimation:E,clearErrorAnimation:R,startPulsatingAnimation:b,stopPulsatingAnimation:s,startIdleAnimations:c,stopIdleAnimations:l,triggerFadeTransition:m,setInitialAnimationState:f,cleanup:d}=M.useAnimations(),{timerState:e,controls:S}=y.useTimerLogic({autoStart:p,onCycleEnd:q,onMeasuringComplete:T,hasError:i,onPauseAnimation:P,onErrorAnimation:E,onClearErrorAnimation:R,onStartPulsating:b});return r.useEffect(()=>{const t=n.current;n.current!==void 0&&t!==e.currentState?(t==="measured"&&s(),t==="idle"&&l(),m()):f(),e.currentState==="idle"&&c(),n.current=e.currentState},[e.currentState,s,l,c,m,f]),r.useEffect(()=>{let t=!0;const j=setTimeout(()=>{t&&a(S)},0);return()=>{t=!1,clearTimeout(j)}},[a,S]),r.useEffect(()=>d,[d]),v==="small"?g.jsx(L.SmallVariant,{timerState:e,animationState:u,hasError:i,compact:x,className:o}):g.jsx(C.DefaultVariant,{timerState:e,animationState:u,hasError:i,className:o})}));exports.CycleTimer=A;exports.default=A;
-//# sourceMappingURL=index.cjs.map

package/dist/components/CycleTimer/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/CycleTimer/index.tsx"],"sourcesContent":["import { observer } from \"mobx-react-lite\"\nimport { useEffect, useRef } from \"react\"\nimport { externalizeComponent } from \"../../externalizeComponent\"\nimport { DefaultVariant } from \"./DefaultVariant\"\nimport { SmallVariant } from \"./SmallVariant\"\nimport type { CycleTimerProps } from \"./types\"\nimport { useAnimations } from \"./useAnimations\"\nimport { useTimerLogic } from \"./useTimerLogic\"\n\n/**\n * A circular gauge timer component for cycle-specific timing operations\n *\n * Features:\n * - Custom SVG circular gauge with 264px diameter and 40px thickness\n * - Multiple states: idle, measuring, measured, countdown, success\n * - Idle state: shows \"Waiting for program cycle\" with transparent inner circle\n * - Measuring state: counts up with \"Cycle Time\" / \"measuring...\" labels\n * - Measured state: shows final time with \"Cycle Time\" / \"determined\" labels in pulsating green\n * - Countdown mode: shows remaining time prominently, counts down to zero\n * - Success state: brief green flash after cycle completion\n * - Displays appropriate labels based on state\n * - Automatically counts down and triggers callback when reaching zero\n * - Full timer control: start, pause, resume functionality\n * - Support for starting with elapsed time (resume mid-cycle)\n * - Error state support: pauses timer and shows error styling (red color)\n * - Smooth fade transitions between different text states\n * - Pulsating text animation for completed measuring state\n * - Fully localized with i18next\n * - Material-UI theming integration\n * - Small variant with animated progress icon (gauge border only) next to text\n */\nexport const CycleTimer = externalizeComponent(\n  observer(\n    ({\n      onCycleComplete,\n      onCycleEnd,\n      onMeasuringComplete,\n      autoStart = true,\n      variant = \"default\",\n      compact = false,\n      className,\n      hasError = false,\n    }: CycleTimerProps) => {\n      const prevStateRef = useRef<string | undefined>(undefined)\n\n      // Initialize animation hooks\n      const {\n        animationState,\n        triggerPauseAnimation,\n        triggerErrorAnimation,\n        clearErrorAnimation,\n        startPulsatingAnimation,\n        stopPulsatingAnimation,\n        startIdleAnimations,\n        stopIdleAnimations,\n        triggerFadeTransition,\n        setInitialAnimationState,\n        cleanup,\n      } = useAnimations()\n\n      // Initialize timer logic\n      const { timerState, controls } = useTimerLogic({\n        autoStart,\n        onCycleEnd,\n        onMeasuringComplete,\n        hasError,\n        onPauseAnimation: triggerPauseAnimation,\n        onErrorAnimation: triggerErrorAnimation,\n        onClearErrorAnimation: clearErrorAnimation,\n        onStartPulsating: startPulsatingAnimation,\n      })\n\n      // Handle state changes with fade transitions\n      useEffect(() => {\n        const prevState = prevStateRef.current\n\n        if (\n          prevStateRef.current !== undefined &&\n          prevState !== timerState.currentState\n        ) {\n          // Stop pulsating animation if leaving measured state\n          if (prevState === \"measured\") {\n            stopPulsatingAnimation()\n          }\n\n          // Stop idle animations if leaving idle state\n          if (prevState === \"idle\") {\n            stopIdleAnimations()\n          }\n\n          // Trigger fade transition\n          triggerFadeTransition()\n        } else {\n          // No state change or first time - set initial state\n          setInitialAnimationState()\n        }\n\n        // Start idle animations if entering idle state\n        if (timerState.currentState === \"idle\") {\n          startIdleAnimations()\n        }\n\n        prevStateRef.current = timerState.currentState\n      }, [\n        timerState.currentState,\n        stopPulsatingAnimation,\n        stopIdleAnimations,\n        startIdleAnimations,\n        triggerFadeTransition,\n        setInitialAnimationState,\n      ])\n\n      // Provide controls to parent component\n      useEffect(() => {\n        let isMounted = true\n        const timeoutId = setTimeout(() => {\n          if (isMounted) {\n            onCycleComplete(controls)\n          }\n        }, 0)\n\n        return () => {\n          isMounted = false\n          clearTimeout(timeoutId)\n        }\n      }, [onCycleComplete, controls])\n\n      // Cleanup on unmount\n      useEffect(() => {\n        return cleanup\n      }, [cleanup])\n\n      // Render appropriate variant\n      if (variant === \"small\") {\n        return (\n          <SmallVariant\n            timerState={timerState}\n            animationState={animationState}\n            hasError={hasError}\n            compact={compact}\n            className={className}\n          />\n        )\n      }\n\n      return (\n        <DefaultVariant\n          timerState={timerState}\n          animationState={animationState}\n          hasError={hasError}\n          className={className}\n        />\n      )\n    },\n  ),\n)\n\nexport default CycleTimer\n"],"names":["CycleTimer","externalizeComponent","observer","onCycleComplete","onCycleEnd","onMeasuringComplete","autoStart","variant","compact","className","hasError","prevStateRef","useRef","animationState","triggerPauseAnimation","triggerErrorAnimation","clearErrorAnimation","startPulsatingAnimation","stopPulsatingAnimation","startIdleAnimations","stopIdleAnimations","triggerFadeTransition","setInitialAnimationState","cleanup","useAnimations","timerState","controls","useTimerLogic","useEffect","prevState","isMounted","timeoutId","jsx","SmallVariant","DefaultVariant"],"mappings":"iXA+BaA,EAAaC,EAAAA,qBACxBC,EAAAA,SACE,CAAC,CACC,gBAAAC,EACA,WAAAC,EACA,oBAAAC,EACA,UAAAC,EAAY,GACZ,QAAAC,EAAU,UACV,QAAAC,EAAU,GACV,UAAAC,EACA,SAAAC,EAAW,EAAA,IACU,CACrB,MAAMC,EAAeC,EAAAA,OAA2B,MAAS,EAGnD,CACJ,eAAAC,EACA,sBAAAC,EACA,sBAAAC,EACA,oBAAAC,EACA,wBAAAC,EACA,uBAAAC,EACA,oBAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,yBAAAC,EACA,QAAAC,CAAA,EACEC,gBAAA,EAGE,CAAE,WAAAC,EAAY,SAAAC,CAAA,EAAaC,gBAAc,CAC7C,UAAArB,EACA,WAAAF,EACA,oBAAAC,EACA,SAAAK,EACA,iBAAkBI,EAClB,iBAAkBC,EAClB,sBAAuBC,EACvB,iBAAkBC,CAAA,CACnB,EA+DD,OA5DAW,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAYlB,EAAa,QAG7BA,EAAa,UAAY,QACzBkB,IAAcJ,EAAW,cAGrBI,IAAc,YAChBX,EAAA,EAIEW,IAAc,QAChBT,EAAA,EAIFC,EAAA,GAGAC,EAAA,EAIEG,EAAW,eAAiB,QAC9BN,EAAA,EAGFR,EAAa,QAAUc,EAAW,YACpC,EAAG,CACDA,EAAW,aACXP,EACAE,EACAD,EACAE,EACAC,CAAA,CACD,EAGDM,EAAAA,UAAU,IAAM,CACd,IAAIE,EAAY,GAChB,MAAMC,EAAY,WAAW,IAAM,CAC7BD,GACF3B,EAAgBuB,CAAQ,CAE5B,EAAG,CAAC,EAEJ,MAAO,IAAM,CACXI,EAAY,GACZ,aAAaC,CAAS,CACxB,CACF,EAAG,CAAC5B,EAAiBuB,CAAQ,CAAC,EAG9BE,EAAAA,UAAU,IACDL,EACN,CAACA,CAAO,CAAC,EAGRhB,IAAY,QAEZyB,EAAAA,IAACC,EAAAA,aAAA,CACC,WAAAR,EACA,eAAAZ,EACA,SAAAH,EACA,QAAAF,EACA,UAAAC,CAAA,CAAA,EAMJuB,EAAAA,IAACE,EAAAA,eAAA,CACC,WAAAT,EACA,eAAAZ,EACA,SAAAH,EACA,UAAAD,CAAA,CAAA,CAGN,CAAA,CAEJ"}

package/dist/components/CycleTimer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,6GAWhB,eAAe;;CAiHrB,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/CycleTimer/index.js

@@ -1,86 +0,0 @@
-import { jsx as A } from "react/jsx-runtime";
-import { observer as b } from "mobx-react-lite";
-import { useRef as j, useEffect as n } from "react";
-import { externalizeComponent as z } from "../../externalizeComponent.js";
-import { DefaultVariant as C } from "./DefaultVariant.js";
-import { SmallVariant as D } from "./SmallVariant.js";
-import { useAnimations as F } from "./useAnimations.js";
-import { useTimerLogic as L } from "./useTimerLogic.js";
-const J = z(
-  b(
-    ({
-      onCycleComplete: o,
-      onCycleEnd: S,
-      onMeasuringComplete: g,
-      autoStart: v = !0,
-      variant: P = "default",
-      compact: T = !1,
-      className: a,
-      hasError: e = !1
-    }) => {
-      const i = j(void 0), {
-        animationState: m,
-        triggerPauseAnimation: I,
-        triggerErrorAnimation: x,
-        clearErrorAnimation: E,
-        startPulsatingAnimation: R,
-        stopPulsatingAnimation: s,
-        startIdleAnimations: u,
-        stopIdleAnimations: f,
-        triggerFadeTransition: l,
-        setInitialAnimationState: c,
-        cleanup: p
-      } = F(), { timerState: t, controls: d } = L({
-        autoStart: v,
-        onCycleEnd: S,
-        onMeasuringComplete: g,
-        hasError: e,
-        onPauseAnimation: I,
-        onErrorAnimation: x,
-        onClearErrorAnimation: E,
-        onStartPulsating: R
-      });
-      return n(() => {
-        const r = i.current;
-        i.current !== void 0 && r !== t.currentState ? (r === "measured" && s(), r === "idle" && f(), l()) : c(), t.currentState === "idle" && u(), i.current = t.currentState;
-      }, [
-        t.currentState,
-        s,
-        f,
-        u,
-        l,
-        c
-      ]), n(() => {
-        let r = !0;
-        const V = setTimeout(() => {
-          r && o(d);
-        }, 0);
-        return () => {
-          r = !1, clearTimeout(V);
-        };
-      }, [o, d]), n(() => p, [p]), P === "small" ? /* @__PURE__ */ A(
-        D,
-        {
-          timerState: t,
-          animationState: m,
-          hasError: e,
-          compact: T,
-          className: a
-        }
-      ) : /* @__PURE__ */ A(
-        C,
-        {
-          timerState: t,
-          animationState: m,
-          hasError: e,
-          className: a
-        }
-      );
-    }
-  )
-);
-export {
-  J as CycleTimer,
-  J as default
-};
-//# sourceMappingURL=index.js.map

package/dist/components/CycleTimer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/CycleTimer/index.tsx"],"sourcesContent":["import { observer } from \"mobx-react-lite\"\nimport { useEffect, useRef } from \"react\"\nimport { externalizeComponent } from \"../../externalizeComponent\"\nimport { DefaultVariant } from \"./DefaultVariant\"\nimport { SmallVariant } from \"./SmallVariant\"\nimport type { CycleTimerProps } from \"./types\"\nimport { useAnimations } from \"./useAnimations\"\nimport { useTimerLogic } from \"./useTimerLogic\"\n\n/**\n * A circular gauge timer component for cycle-specific timing operations\n *\n * Features:\n * - Custom SVG circular gauge with 264px diameter and 40px thickness\n * - Multiple states: idle, measuring, measured, countdown, success\n * - Idle state: shows \"Waiting for program cycle\" with transparent inner circle\n * - Measuring state: counts up with \"Cycle Time\" / \"measuring...\" labels\n * - Measured state: shows final time with \"Cycle Time\" / \"determined\" labels in pulsating green\n * - Countdown mode: shows remaining time prominently, counts down to zero\n * - Success state: brief green flash after cycle completion\n * - Displays appropriate labels based on state\n * - Automatically counts down and triggers callback when reaching zero\n * - Full timer control: start, pause, resume functionality\n * - Support for starting with elapsed time (resume mid-cycle)\n * - Error state support: pauses timer and shows error styling (red color)\n * - Smooth fade transitions between different text states\n * - Pulsating text animation for completed measuring state\n * - Fully localized with i18next\n * - Material-UI theming integration\n * - Small variant with animated progress icon (gauge border only) next to text\n */\nexport const CycleTimer = externalizeComponent(\n  observer(\n    ({\n      onCycleComplete,\n      onCycleEnd,\n      onMeasuringComplete,\n      autoStart = true,\n      variant = \"default\",\n      compact = false,\n      className,\n      hasError = false,\n    }: CycleTimerProps) => {\n      const prevStateRef = useRef<string | undefined>(undefined)\n\n      // Initialize animation hooks\n      const {\n        animationState,\n        triggerPauseAnimation,\n        triggerErrorAnimation,\n        clearErrorAnimation,\n        startPulsatingAnimation,\n        stopPulsatingAnimation,\n        startIdleAnimations,\n        stopIdleAnimations,\n        triggerFadeTransition,\n        setInitialAnimationState,\n        cleanup,\n      } = useAnimations()\n\n      // Initialize timer logic\n      const { timerState, controls } = useTimerLogic({\n        autoStart,\n        onCycleEnd,\n        onMeasuringComplete,\n        hasError,\n        onPauseAnimation: triggerPauseAnimation,\n        onErrorAnimation: triggerErrorAnimation,\n        onClearErrorAnimation: clearErrorAnimation,\n        onStartPulsating: startPulsatingAnimation,\n      })\n\n      // Handle state changes with fade transitions\n      useEffect(() => {\n        const prevState = prevStateRef.current\n\n        if (\n          prevStateRef.current !== undefined &&\n          prevState !== timerState.currentState\n        ) {\n          // Stop pulsating animation if leaving measured state\n          if (prevState === \"measured\") {\n            stopPulsatingAnimation()\n          }\n\n          // Stop idle animations if leaving idle state\n          if (prevState === \"idle\") {\n            stopIdleAnimations()\n          }\n\n          // Trigger fade transition\n          triggerFadeTransition()\n        } else {\n          // No state change or first time - set initial state\n          setInitialAnimationState()\n        }\n\n        // Start idle animations if entering idle state\n        if (timerState.currentState === \"idle\") {\n          startIdleAnimations()\n        }\n\n        prevStateRef.current = timerState.currentState\n      }, [\n        timerState.currentState,\n        stopPulsatingAnimation,\n        stopIdleAnimations,\n        startIdleAnimations,\n        triggerFadeTransition,\n        setInitialAnimationState,\n      ])\n\n      // Provide controls to parent component\n      useEffect(() => {\n        let isMounted = true\n        const timeoutId = setTimeout(() => {\n          if (isMounted) {\n            onCycleComplete(controls)\n          }\n        }, 0)\n\n        return () => {\n          isMounted = false\n          clearTimeout(timeoutId)\n        }\n      }, [onCycleComplete, controls])\n\n      // Cleanup on unmount\n      useEffect(() => {\n        return cleanup\n      }, [cleanup])\n\n      // Render appropriate variant\n      if (variant === \"small\") {\n        return (\n          <SmallVariant\n            timerState={timerState}\n            animationState={animationState}\n            hasError={hasError}\n            compact={compact}\n            className={className}\n          />\n        )\n      }\n\n      return (\n        <DefaultVariant\n          timerState={timerState}\n          animationState={animationState}\n          hasError={hasError}\n          className={className}\n        />\n      )\n    },\n  ),\n)\n\nexport default CycleTimer\n"],"names":["CycleTimer","externalizeComponent","observer","onCycleComplete","onCycleEnd","onMeasuringComplete","autoStart","variant","compact","className","hasError","prevStateRef","useRef","animationState","triggerPauseAnimation","triggerErrorAnimation","clearErrorAnimation","startPulsatingAnimation","stopPulsatingAnimation","startIdleAnimations","stopIdleAnimations","triggerFadeTransition","setInitialAnimationState","cleanup","useAnimations","timerState","controls","useTimerLogic","useEffect","prevState","isMounted","timeoutId","jsx","SmallVariant","DefaultVariant"],"mappings":";;;;;;;;AA+BO,MAAMA,IAAaC;AAAA,EACxBC;AAAA,IACE,CAAC;AAAA,MACC,iBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,WAAAC,IAAY;AAAA,MACZ,SAAAC,IAAU;AAAA,MACV,SAAAC,IAAU;AAAA,MACV,WAAAC;AAAA,MACA,UAAAC,IAAW;AAAA,IAAA,MACU;AACrB,YAAMC,IAAeC,EAA2B,MAAS,GAGnD;AAAA,QACJ,gBAAAC;AAAA,QACA,uBAAAC;AAAA,QACA,uBAAAC;AAAA,QACA,qBAAAC;AAAA,QACA,yBAAAC;AAAA,QACA,wBAAAC;AAAA,QACA,qBAAAC;AAAA,QACA,oBAAAC;AAAA,QACA,uBAAAC;AAAA,QACA,0BAAAC;AAAA,QACA,SAAAC;AAAA,MAAA,IACEC,EAAA,GAGE,EAAE,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAc;AAAA,QAC7C,WAAArB;AAAA,QACA,YAAAF;AAAA,QACA,qBAAAC;AAAA,QACA,UAAAK;AAAA,QACA,kBAAkBI;AAAA,QAClB,kBAAkBC;AAAA,QAClB,uBAAuBC;AAAA,QACvB,kBAAkBC;AAAA,MAAA,CACnB;AA+DD,aA5DAW,EAAU,MAAM;AACd,cAAMC,IAAYlB,EAAa;AAE/B,QACEA,EAAa,YAAY,UACzBkB,MAAcJ,EAAW,gBAGrBI,MAAc,cAChBX,EAAA,GAIEW,MAAc,UAChBT,EAAA,GAIFC,EAAA,KAGAC,EAAA,GAIEG,EAAW,iBAAiB,UAC9BN,EAAA,GAGFR,EAAa,UAAUc,EAAW;AAAA,MACpC,GAAG;AAAA,QACDA,EAAW;AAAA,QACXP;AAAA,QACAE;AAAA,QACAD;AAAA,QACAE;AAAA,QACAC;AAAA,MAAA,CACD,GAGDM,EAAU,MAAM;AACd,YAAIE,IAAY;AAChB,cAAMC,IAAY,WAAW,MAAM;AACjC,UAAID,KACF3B,EAAgBuB,CAAQ;AAAA,QAE5B,GAAG,CAAC;AAEJ,eAAO,MAAM;AACX,UAAAI,IAAY,IACZ,aAAaC,CAAS;AAAA,QACxB;AAAA,MACF,GAAG,CAAC5B,GAAiBuB,CAAQ,CAAC,GAG9BE,EAAU,MACDL,GACN,CAACA,CAAO,CAAC,GAGRhB,MAAY,UAEZ,gBAAAyB;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,YAAAR;AAAA,UACA,gBAAAZ;AAAA,UACA,UAAAH;AAAA,UACA,SAAAF;AAAA,UACA,WAAAC;AAAA,QAAA;AAAA,MAAA,IAMJ,gBAAAuB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,YAAAT;AAAA,UACA,gBAAAZ;AAAA,UACA,UAAAH;AAAA,UACA,WAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAAA,EAAA;AAEJ;"}

package/dist/components/CycleTimer/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,WAAW,GACX,UAAU,GACV,WAAW,GACX,SAAS,CAAA;AAEb,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxE,cAAc,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,eAAe,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACvD,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kCAAkC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,YAAY,EAAE,eAAe,CAAA;IAC7B,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,kBAAkB,EAAE,OAAO,CAAA;IAC3B,kBAAkB,EAAE,OAAO,CAAA;IAC3B,iBAAiB,EAAE,OAAO,CAAA;IAC1B,iBAAiB,EAAE,OAAO,CAAA;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,aAAa,EAAE,MAAM,CAAA;CACtB"}

package/dist/components/CycleTimer/useAnimations.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),R=()=>{const[f,n]=t.useState({showPauseAnimation:!1,showErrorAnimation:!1,showPulsatingText:!1,pulsatingFinished:!1,showLabels:!0,showMainText:!0,showIdlePulsating:!1,idleDotsCount:0}),i=t.useRef(null),r=t.useRef(null),s=t.useRef(null),o=t.useRef(null),c=t.useRef(0),a=t.useRef(null),u=t.useRef(null),m=t.useCallback(()=>{n(e=>({...e,showPauseAnimation:!0})),i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{n(e=>({...e,showPauseAnimation:!1}))},800)},[]),h=t.useCallback(()=>{n(e=>({...e,showErrorAnimation:!0})),r.current&&clearTimeout(r.current),r.current=setTimeout(()=>{n(e=>({...e,showErrorAnimation:!1}))},600)},[]),g=t.useCallback(()=>{n(e=>({...e,showErrorAnimation:!1})),r.current&&clearTimeout(r.current)},[]),w=t.useCallback(e=>{c.current=0,n(l=>({...l,showPulsatingText:!0,pulsatingFinished:!1})),setTimeout(()=>{n(l=>({...l,pulsatingFinished:!0})),s.current=setInterval(()=>{n(l=>({...l,showPulsatingText:!l.showPulsatingText}))},2e3),e&&e()},800)},[]),T=t.useCallback(()=>{s.current&&(clearInterval(s.current),s.current=null),n(e=>({...e,showPulsatingText:!1,pulsatingFinished:!1})),c.current=0},[]),d=t.useCallback(()=>{n(e=>({...e,showIdlePulsating:!0})),a.current=setInterval(()=>{n(e=>({...e,showIdlePulsating:!e.showIdlePulsating}))},2e3),u.current=setInterval(()=>{n(e=>({...e,idleDotsCount:(e.idleDotsCount+1)%4}))},800)},[]),A=t.useCallback(()=>{a.current&&(clearInterval(a.current),a.current=null),u.current&&(clearInterval(u.current),u.current=null),n(e=>({...e,showIdlePulsating:!1,idleDotsCount:0}))},[]),I=t.useCallback(()=>{n(e=>({...e,showLabels:!1,showMainText:!1})),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{n(e=>({...e,showLabels:!0,showMainText:!0}))},200)},[]),P=t.useCallback(()=>{n(e=>({...e,showLabels:!0,showMainText:!0}))},[]),b=t.useCallback(()=>{i.current&&clearTimeout(i.current),r.current&&clearTimeout(r.current),o.current&&clearTimeout(o.current),s.current&&clearInterval(s.current),a.current&&clearInterval(a.current),u.current&&clearInterval(u.current)},[]);return{animationState:f,triggerPauseAnimation:m,triggerErrorAnimation:h,clearErrorAnimation:g,startPulsatingAnimation:w,stopPulsatingAnimation:T,startIdleAnimations:d,stopIdleAnimations:A,triggerFadeTransition:I,setInitialAnimationState:P,cleanup:b}};exports.useAnimations=R;
-//# sourceMappingURL=useAnimations.cjs.map

package/dist/components/CycleTimer/useAnimations.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAnimations.cjs","sources":["../../../src/components/CycleTimer/useAnimations.ts"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\"\nimport type { AnimationState } from \"./types\"\n\nexport const useAnimations = () => {\n  const [animationState, setAnimationState] = useState<AnimationState>({\n    showPauseAnimation: false,\n    showErrorAnimation: false,\n    showPulsatingText: false,\n    pulsatingFinished: false,\n    showLabels: true,\n    showMainText: true,\n    showIdlePulsating: false,\n    idleDotsCount: 0,\n  })\n\n  // Refs for managing timeouts and intervals\n  const pauseAnimationTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const errorAnimationTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const pulsatingIntervalRef = useRef<NodeJS.Timeout | null>(null)\n  const fadeTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const pulseCountRef = useRef<number>(0)\n  const idlePulsatingIntervalRef = useRef<NodeJS.Timeout | null>(null)\n  const idleDotsIntervalRef = useRef<NodeJS.Timeout | null>(null)\n\n  const triggerPauseAnimation = useCallback(() => {\n    setAnimationState((prev) => ({ ...prev, showPauseAnimation: true }))\n\n    if (pauseAnimationTimeoutRef.current) {\n      clearTimeout(pauseAnimationTimeoutRef.current)\n    }\n\n    pauseAnimationTimeoutRef.current = setTimeout(() => {\n      setAnimationState((prev) => ({ ...prev, showPauseAnimation: false }))\n    }, 800)\n  }, [])\n\n  const triggerErrorAnimation = useCallback(() => {\n    setAnimationState((prev) => ({ ...prev, showErrorAnimation: true }))\n\n    if (errorAnimationTimeoutRef.current) {\n      clearTimeout(errorAnimationTimeoutRef.current)\n    }\n\n    errorAnimationTimeoutRef.current = setTimeout(() => {\n      setAnimationState((prev) => ({ ...prev, showErrorAnimation: false }))\n    }, 600)\n  }, [])\n\n  const clearErrorAnimation = useCallback(() => {\n    setAnimationState((prev) => ({ ...prev, showErrorAnimation: false }))\n    if (errorAnimationTimeoutRef.current) {\n      clearTimeout(errorAnimationTimeoutRef.current)\n    }\n  }, [])\n\n  const startPulsatingAnimation = useCallback((onComplete?: () => void) => {\n    pulseCountRef.current = 0\n    // Start with fade to success color\n    setAnimationState((prev) => ({\n      ...prev,\n      showPulsatingText: true,\n      pulsatingFinished: false,\n    }))\n\n    // After initial success color fade, start slow pulsating like idle\n    setTimeout(() => {\n      setAnimationState((prev) => ({\n        ...prev,\n        pulsatingFinished: true, // This will keep the success color and start slow pulsating\n      }))\n\n      // Start slow pulsating animation similar to idle\n      pulsatingIntervalRef.current = setInterval(() => {\n        setAnimationState((prev) => ({\n          ...prev,\n          showPulsatingText: !prev.showPulsatingText,\n        }))\n      }, 2000) // Same slow timing as idle pulsating\n\n      if (onComplete) {\n        onComplete()\n      }\n    }, 800) // Initial success color display duration\n  }, [])\n\n  const stopPulsatingAnimation = useCallback(() => {\n    if (pulsatingIntervalRef.current) {\n      clearInterval(pulsatingIntervalRef.current)\n      pulsatingIntervalRef.current = null\n    }\n    // Reset all pulsating states to ensure colors are reset\n    setAnimationState((prev) => ({\n      ...prev,\n      showPulsatingText: false,\n      pulsatingFinished: false,\n    }))\n    pulseCountRef.current = 0\n  }, [])\n\n  const startIdleAnimations = useCallback(() => {\n    // Start pulsating animation for the text\n    setAnimationState((prev) => ({\n      ...prev,\n      showIdlePulsating: true,\n    }))\n\n    idlePulsatingIntervalRef.current = setInterval(() => {\n      setAnimationState((prev) => ({\n        ...prev,\n        showIdlePulsating: !prev.showIdlePulsating,\n      }))\n    }, 2000) // Slower pulsate every 2 seconds\n\n    // Start animated dots\n    idleDotsIntervalRef.current = setInterval(() => {\n      setAnimationState((prev) => ({\n        ...prev,\n        idleDotsCount: (prev.idleDotsCount + 1) % 4, // Cycle through 0, 1, 2, 3\n      }))\n    }, 800) // Change dots every 800ms\n  }, [])\n\n  const stopIdleAnimations = useCallback(() => {\n    if (idlePulsatingIntervalRef.current) {\n      clearInterval(idlePulsatingIntervalRef.current)\n      idlePulsatingIntervalRef.current = null\n    }\n    if (idleDotsIntervalRef.current) {\n      clearInterval(idleDotsIntervalRef.current)\n      idleDotsIntervalRef.current = null\n    }\n    setAnimationState((prev) => ({\n      ...prev,\n      showIdlePulsating: false,\n      idleDotsCount: 0,\n    }))\n  }, [])\n\n  const triggerFadeTransition = useCallback(() => {\n    setAnimationState((prev) => ({\n      ...prev,\n      showLabels: false,\n      showMainText: false,\n    }))\n\n    if (fadeTimeoutRef.current) {\n      clearTimeout(fadeTimeoutRef.current)\n    }\n\n    fadeTimeoutRef.current = setTimeout(() => {\n      setAnimationState((prev) => ({\n        ...prev,\n        showLabels: true,\n        showMainText: true,\n      }))\n    }, 200)\n  }, [])\n\n  const setInitialAnimationState = useCallback(() => {\n    setAnimationState((prev) => ({\n      ...prev,\n      showLabels: true,\n      showMainText: true,\n    }))\n  }, [])\n\n  // Cleanup function\n  const cleanup = useCallback(() => {\n    if (pauseAnimationTimeoutRef.current) {\n      clearTimeout(pauseAnimationTimeoutRef.current)\n    }\n    if (errorAnimationTimeoutRef.current) {\n      clearTimeout(errorAnimationTimeoutRef.current)\n    }\n    if (fadeTimeoutRef.current) {\n      clearTimeout(fadeTimeoutRef.current)\n    }\n    if (pulsatingIntervalRef.current) {\n      clearInterval(pulsatingIntervalRef.current)\n    }\n    if (idlePulsatingIntervalRef.current) {\n      clearInterval(idlePulsatingIntervalRef.current)\n    }\n    if (idleDotsIntervalRef.current) {\n      clearInterval(idleDotsIntervalRef.current)\n    }\n  }, [])\n\n  return {\n    animationState,\n    triggerPauseAnimation,\n    triggerErrorAnimation,\n    clearErrorAnimation,\n    startPulsatingAnimation,\n    stopPulsatingAnimation,\n    startIdleAnimations,\n    stopIdleAnimations,\n    triggerFadeTransition,\n    setInitialAnimationState,\n    cleanup,\n  }\n}\n"],"names":["useAnimations","animationState","setAnimationState","useState","pauseAnimationTimeoutRef","useRef","errorAnimationTimeoutRef","pulsatingIntervalRef","fadeTimeoutRef","pulseCountRef","idlePulsatingIntervalRef","idleDotsIntervalRef","triggerPauseAnimation","useCallback","prev","triggerErrorAnimation","clearErrorAnimation","startPulsatingAnimation","onComplete","stopPulsatingAnimation","startIdleAnimations","stopIdleAnimations","triggerFadeTransition","setInitialAnimationState","cleanup"],"mappings":"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"}

package/dist/components/CycleTimer/useAnimations.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAnimations.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/useAnimations.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,aAAa;;;;;2CAoDkC,MAAM,IAAI;;;;;;;CAkJrE,CAAA"}

package/dist/components/CycleTimer/useAnimations.js

@@ -1,105 +0,0 @@
-import { useState as p, useRef as s, useCallback as n } from "react";
-const E = () => {
-  const [m, e] = p({
-    showPauseAnimation: !1,
-    showErrorAnimation: !1,
-    showPulsatingText: !1,
-    pulsatingFinished: !1,
-    showLabels: !0,
-    showMainText: !0,
-    showIdlePulsating: !1,
-    idleDotsCount: 0
-  }), l = s(null), r = s(null), i = s(null), c = s(null), f = s(0), u = s(null), a = s(null), h = n(() => {
-    e((t) => ({ ...t, showPauseAnimation: !0 })), l.current && clearTimeout(l.current), l.current = setTimeout(() => {
-      e((t) => ({ ...t, showPauseAnimation: !1 }));
-    }, 800);
-  }, []), w = n(() => {
-    e((t) => ({ ...t, showErrorAnimation: !0 })), r.current && clearTimeout(r.current), r.current = setTimeout(() => {
-      e((t) => ({ ...t, showErrorAnimation: !1 }));
-    }, 600);
-  }, []), g = n(() => {
-    e((t) => ({ ...t, showErrorAnimation: !1 })), r.current && clearTimeout(r.current);
-  }, []), T = n((t) => {
-    f.current = 0, e((o) => ({
-      ...o,
-      showPulsatingText: !0,
-      pulsatingFinished: !1
-    })), setTimeout(() => {
-      e((o) => ({
-        ...o,
-        pulsatingFinished: !0
-        // This will keep the success color and start slow pulsating
-      })), i.current = setInterval(() => {
-        e((o) => ({
-          ...o,
-          showPulsatingText: !o.showPulsatingText
-        }));
-      }, 2e3), t && t();
-    }, 800);
-  }, []), I = n(() => {
-    i.current && (clearInterval(i.current), i.current = null), e((t) => ({
-      ...t,
-      showPulsatingText: !1,
-      pulsatingFinished: !1
-    })), f.current = 0;
-  }, []), d = n(() => {
-    e((t) => ({
-      ...t,
-      showIdlePulsating: !0
-    })), u.current = setInterval(() => {
-      e((t) => ({
-        ...t,
-        showIdlePulsating: !t.showIdlePulsating
-      }));
-    }, 2e3), a.current = setInterval(() => {
-      e((t) => ({
-        ...t,
-        idleDotsCount: (t.idleDotsCount + 1) % 4
-        // Cycle through 0, 1, 2, 3
-      }));
-    }, 800);
-  }, []), A = n(() => {
-    u.current && (clearInterval(u.current), u.current = null), a.current && (clearInterval(a.current), a.current = null), e((t) => ({
-      ...t,
-      showIdlePulsating: !1,
-      idleDotsCount: 0
-    }));
-  }, []), P = n(() => {
-    e((t) => ({
-      ...t,
-      showLabels: !1,
-      showMainText: !1
-    })), c.current && clearTimeout(c.current), c.current = setTimeout(() => {
-      e((t) => ({
-        ...t,
-        showLabels: !0,
-        showMainText: !0
-      }));
-    }, 200);
-  }, []), x = n(() => {
-    e((t) => ({
-      ...t,
-      showLabels: !0,
-      showMainText: !0
-    }));
-  }, []), v = n(() => {
-    l.current && clearTimeout(l.current), r.current && clearTimeout(r.current), c.current && clearTimeout(c.current), i.current && clearInterval(i.current), u.current && clearInterval(u.current), a.current && clearInterval(a.current);
-  }, []);
-  return {
-    animationState: m,
-    triggerPauseAnimation: h,
-    triggerErrorAnimation: w,
-    clearErrorAnimation: g,
-    startPulsatingAnimation: T,
-    stopPulsatingAnimation: I,
-    startIdleAnimations: d,
-    stopIdleAnimations: A,
-    triggerFadeTransition: P,
-    setInitialAnimationState: x,
-    cleanup: v
-  };
-};
-export {
-  E as useAnimations
-};
-//# sourceMappingURL=useAnimations.js.map

package/dist/components/CycleTimer/useAnimations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAnimations.js","sources":["../../../src/components/CycleTimer/useAnimations.ts"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\"\nimport type { AnimationState } from \"./types\"\n\nexport const useAnimations = () => {\n  const [animationState, setAnimationState] = useState<AnimationState>({\n    showPauseAnimation: false,\n    showErrorAnimation: false,\n    showPulsatingText: false,\n    pulsatingFinished: false,\n    showLabels: true,\n    showMainText: true,\n    showIdlePulsating: false,\n    idleDotsCount: 0,\n  })\n\n  // Refs for managing timeouts and intervals\n  const pauseAnimationTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const errorAnimationTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const pulsatingIntervalRef = useRef<NodeJS.Timeout | null>(null)\n  const fadeTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const pulseCountRef = useRef<number>(0)\n  const idlePulsatingIntervalRef = useRef<NodeJS.Timeout | null>(null)\n  const idleDotsIntervalRef = useRef<NodeJS.Timeout | null>(null)\n\n  const triggerPauseAnimation = useCallback(() => {\n    setAnimationState((prev) => ({ ...prev, showPauseAnimation: true }))\n\n    if (pauseAnimationTimeoutRef.current) {\n      clearTimeout(pauseAnimationTimeoutRef.current)\n    }\n\n    pauseAnimationTimeoutRef.current = setTimeout(() => {\n      setAnimationState((prev) => ({ ...prev, showPauseAnimation: false }))\n    }, 800)\n  }, [])\n\n  const triggerErrorAnimation = useCallback(() => {\n    setAnimationState((prev) => ({ ...prev, showErrorAnimation: true }))\n\n    if (errorAnimationTimeoutRef.current) {\n      clearTimeout(errorAnimationTimeoutRef.current)\n    }\n\n    errorAnimationTimeoutRef.current = setTimeout(() => {\n      setAnimationState((prev) => ({ ...prev, showErrorAnimation: false }))\n    }, 600)\n  }, [])\n\n  const clearErrorAnimation = useCallback(() => {\n    setAnimationState((prev) => ({ ...prev, showErrorAnimation: false }))\n    if (errorAnimationTimeoutRef.current) {\n      clearTimeout(errorAnimationTimeoutRef.current)\n    }\n  }, [])\n\n  const startPulsatingAnimation = useCallback((onComplete?: () => void) => {\n    pulseCountRef.current = 0\n    // Start with fade to success color\n    setAnimationState((prev) => ({\n      ...prev,\n      showPulsatingText: true,\n      pulsatingFinished: false,\n    }))\n\n    // After initial success color fade, start slow pulsating like idle\n    setTimeout(() => {\n      setAnimationState((prev) => ({\n        ...prev,\n        pulsatingFinished: true, // This will keep the success color and start slow pulsating\n      }))\n\n      // Start slow pulsating animation similar to idle\n      pulsatingIntervalRef.current = setInterval(() => {\n        setAnimationState((prev) => ({\n          ...prev,\n          showPulsatingText: !prev.showPulsatingText,\n        }))\n      }, 2000) // Same slow timing as idle pulsating\n\n      if (onComplete) {\n        onComplete()\n      }\n    }, 800) // Initial success color display duration\n  }, [])\n\n  const stopPulsatingAnimation = useCallback(() => {\n    if (pulsatingIntervalRef.current) {\n      clearInterval(pulsatingIntervalRef.current)\n      pulsatingIntervalRef.current = null\n    }\n    // Reset all pulsating states to ensure colors are reset\n    setAnimationState((prev) => ({\n      ...prev,\n      showPulsatingText: false,\n      pulsatingFinished: false,\n    }))\n    pulseCountRef.current = 0\n  }, [])\n\n  const startIdleAnimations = useCallback(() => {\n    // Start pulsating animation for the text\n    setAnimationState((prev) => ({\n      ...prev,\n      showIdlePulsating: true,\n    }))\n\n    idlePulsatingIntervalRef.current = setInterval(() => {\n      setAnimationState((prev) => ({\n        ...prev,\n        showIdlePulsating: !prev.showIdlePulsating,\n      }))\n    }, 2000) // Slower pulsate every 2 seconds\n\n    // Start animated dots\n    idleDotsIntervalRef.current = setInterval(() => {\n      setAnimationState((prev) => ({\n        ...prev,\n        idleDotsCount: (prev.idleDotsCount + 1) % 4, // Cycle through 0, 1, 2, 3\n      }))\n    }, 800) // Change dots every 800ms\n  }, [])\n\n  const stopIdleAnimations = useCallback(() => {\n    if (idlePulsatingIntervalRef.current) {\n      clearInterval(idlePulsatingIntervalRef.current)\n      idlePulsatingIntervalRef.current = null\n    }\n    if (idleDotsIntervalRef.current) {\n      clearInterval(idleDotsIntervalRef.current)\n      idleDotsIntervalRef.current = null\n    }\n    setAnimationState((prev) => ({\n      ...prev,\n      showIdlePulsating: false,\n      idleDotsCount: 0,\n    }))\n  }, [])\n\n  const triggerFadeTransition = useCallback(() => {\n    setAnimationState((prev) => ({\n      ...prev,\n      showLabels: false,\n      showMainText: false,\n    }))\n\n    if (fadeTimeoutRef.current) {\n      clearTimeout(fadeTimeoutRef.current)\n    }\n\n    fadeTimeoutRef.current = setTimeout(() => {\n      setAnimationState((prev) => ({\n        ...prev,\n        showLabels: true,\n        showMainText: true,\n      }))\n    }, 200)\n  }, [])\n\n  const setInitialAnimationState = useCallback(() => {\n    setAnimationState((prev) => ({\n      ...prev,\n      showLabels: true,\n      showMainText: true,\n    }))\n  }, [])\n\n  // Cleanup function\n  const cleanup = useCallback(() => {\n    if (pauseAnimationTimeoutRef.current) {\n      clearTimeout(pauseAnimationTimeoutRef.current)\n    }\n    if (errorAnimationTimeoutRef.current) {\n      clearTimeout(errorAnimationTimeoutRef.current)\n    }\n    if (fadeTimeoutRef.current) {\n      clearTimeout(fadeTimeoutRef.current)\n    }\n    if (pulsatingIntervalRef.current) {\n      clearInterval(pulsatingIntervalRef.current)\n    }\n    if (idlePulsatingIntervalRef.current) {\n      clearInterval(idlePulsatingIntervalRef.current)\n    }\n    if (idleDotsIntervalRef.current) {\n      clearInterval(idleDotsIntervalRef.current)\n    }\n  }, [])\n\n  return {\n    animationState,\n    triggerPauseAnimation,\n    triggerErrorAnimation,\n    clearErrorAnimation,\n    startPulsatingAnimation,\n    stopPulsatingAnimation,\n    startIdleAnimations,\n    stopIdleAnimations,\n    triggerFadeTransition,\n    setInitialAnimationState,\n    cleanup,\n  }\n}\n"],"names":["useAnimations","animationState","setAnimationState","useState","pauseAnimationTimeoutRef","useRef","errorAnimationTimeoutRef","pulsatingIntervalRef","fadeTimeoutRef","pulseCountRef","idlePulsatingIntervalRef","idleDotsIntervalRef","triggerPauseAnimation","useCallback","prev","triggerErrorAnimation","clearErrorAnimation","startPulsatingAnimation","onComplete","stopPulsatingAnimation","startIdleAnimations","stopIdleAnimations","triggerFadeTransition","setInitialAnimationState","cleanup"],"mappings":"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"}

package/dist/components/CycleTimer/useTimerLogic.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),h=require("../utils/interpolation.cjs"),A=require("./utils.cjs"),B=({autoStart:g,onCycleEnd:m,onMeasuringComplete:R,hasError:d,onPauseAnimation:w,onErrorAnimation:x,onClearErrorAnimation:p,onStartPulsating:b})=>{const[e,n]=a.useState({currentState:"idle",remainingTime:0,maxTime:null,isRunning:!1,isPausedState:!1,currentProgress:0,wasRunningBeforeError:!1}),o=a.useRef(null),i=a.useRef(null),f=a.useRef(0),[s]=h.useInterpolation([0],{tension:80,friction:18,onChange:([t])=>{n(r=>({...r,currentProgress:t}))}}),k=a.useCallback(()=>{n(t=>({...t,currentState:"idle",maxTime:null,isRunning:!1,isPausedState:!1,currentProgress:0})),f.current=0,i.current=null,s.setImmediate([0])},[s]),q=a.useCallback((t=0)=>{const r=t/60%1*100;n(u=>({...u,currentState:"measuring",maxTime:null,remainingTime:t,isPausedState:!1,currentProgress:r})),f.current=0,s.setImmediate([r]),g?(i.current=Date.now()-t*1e3,n(u=>({...u,isRunning:!0}))):i.current=null},[g,s]),I=a.useCallback((t,r=0)=>{n(c=>({...c,isRunning:!1})),i.current=null,n(c=>({...c,currentState:"countdown",maxTime:t,isPausedState:!1})),f.current=0;const u=Math.max(0,t-r),l=r>0?r/t*100:0;n(c=>({...c,remainingTime:u,currentProgress:l})),s.setImmediate([l]),u===0?(n(c=>({...c,isRunning:!1})),i.current=null,m&&queueMicrotask(()=>m())):g?setTimeout(()=>{i.current=Date.now()-r*1e3,n(c=>({...c,isRunning:!0}))},0):i.current=null},[g,m,s]),M=a.useCallback(()=>{n(t=>({...t,isRunning:!1,currentState:"measured"})),i.current=null,b(()=>{R&&R()})},[b,R]),T=a.useCallback(()=>{if(i.current&&e.isRunning){const r=Date.now()-i.current;f.current+=r;const u=f.current/1e3,l=A.calculateExactProgress(e.currentState,u,e.maxTime);s.setTarget([l])}n(t=>({...t,isRunning:!1,isPausedState:!0})),w()},[e.isRunning,e.currentState,e.maxTime,s,w]),P=a.useCallback(()=>{e.isPausedState&&(e.remainingTime>0||e.currentState!=="countdown")&&(i.current=Date.now(),n(t=>({...t,isRunning:!0,isPausedState:!1})))},[e.isPausedState,e.remainingTime,e.currentState]),F=a.useCallback(()=>e.isPausedState,[e.isPausedState]);return a.useEffect(()=>{d?(e.isRunning&&!e.isPausedState&&(n(t=>({...t,wasRunningBeforeError:!0})),T()),x()):(e.wasRunningBeforeError&&e.isPausedState&&(n(t=>({...t,wasRunningBeforeError:!1})),P()),p())},[d,e.isRunning,e.isPausedState,e.wasRunningBeforeError,T,P,x,p]),a.useEffect(()=>{if(e.isRunning){const t=()=>{if(i.current){const u=(Date.now()-i.current+f.current)/1e3;if(e.currentState==="countdown"&&e.maxTime!==null){const l=Math.max(0,e.maxTime-u);n(S=>({...S,remainingTime:Math.ceil(l)}));const c=Math.min(100,u/e.maxTime*100);if(s.setTarget([c]),l<=0){n(S=>({...S,isRunning:!1,remainingTime:0})),i.current=null,s.setTarget([100]),m&&queueMicrotask(()=>m());return}}else if(e.currentState==="measuring"){n(c=>({...c,remainingTime:Math.floor(u)}));const l=u/60%1*100;s.setTarget([l])}e.isRunning&&(o.current=requestAnimationFrame(t))}};o.current=requestAnimationFrame(t)}else o.current&&(cancelAnimationFrame(o.current),o.current=null);return()=>{o.current&&cancelAnimationFrame(o.current)}},[e.isRunning,m,e.currentState,e.maxTime,s]),a.useEffect(()=>{let t=null;const r=()=>{s.update(1/60),t=requestAnimationFrame(r)};return t=requestAnimationFrame(r),()=>{t&&cancelAnimationFrame(t)}},[s]),{timerState:e,controls:{startNewCycle:I,startMeasuring:q,setIdle:k,completeMeasuring:M,pause:T,resume:P,isPaused:F}}};exports.useTimerLogic=B;
-//# sourceMappingURL=useTimerLogic.cjs.map

package/dist/components/CycleTimer/useTimerLogic.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTimerLogic.cjs","sources":["../../../src/components/CycleTimer/useTimerLogic.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useInterpolation } from \"../utils/interpolation\"\nimport type { TimerState } from \"./types\"\nimport { calculateExactProgress } from \"./utils\"\n\ninterface UseTimerLogicProps {\n  autoStart: boolean\n  onCycleEnd?: () => void\n  onMeasuringComplete?: () => void\n  hasError: boolean\n  onPauseAnimation: () => void\n  onErrorAnimation: () => void\n  onClearErrorAnimation: () => void\n  onStartPulsating: (onComplete?: () => void) => void\n}\n\nexport const useTimerLogic = ({\n  autoStart,\n  onCycleEnd,\n  onMeasuringComplete,\n  hasError,\n  onPauseAnimation,\n  onErrorAnimation,\n  onClearErrorAnimation,\n  onStartPulsating,\n}: UseTimerLogicProps) => {\n  const [timerState, setTimerState] = useState<TimerState>({\n    currentState: \"idle\",\n    remainingTime: 0,\n    maxTime: null,\n    isRunning: false,\n    isPausedState: false,\n    currentProgress: 0,\n    wasRunningBeforeError: false,\n  })\n\n  // Timer-related refs\n  const animationRef = useRef<number | null>(null)\n  const startTimeRef = useRef<number | null>(null)\n  const pausedTimeRef = useRef<number>(0)\n\n  // Spring-based interpolator for smooth gauge progress animations\n  const [progressInterpolator] = useInterpolation([0], {\n    tension: 80,\n    friction: 18,\n    onChange: ([progress]) => {\n      setTimerState((prev) => ({ ...prev, currentProgress: progress }))\n    },\n  })\n\n  const setIdle = useCallback(() => {\n    setTimerState((prev) => ({\n      ...prev,\n      currentState: \"idle\",\n      maxTime: null,\n      // Don't reset remainingTime - keep the last value\n      isRunning: false,\n      isPausedState: false,\n      currentProgress: 0, // Reset progress to 0 for gauge\n    }))\n    pausedTimeRef.current = 0\n    startTimeRef.current = null\n    progressInterpolator.setImmediate([0]) // Use setImmediate for instant reset\n  }, [progressInterpolator])\n\n  const startMeasuring = useCallback(\n    (elapsedSeconds: number = 0) => {\n      const initialProgress = ((elapsedSeconds / 60) % 1) * 100\n      setTimerState((prev) => ({\n        ...prev,\n        currentState: \"measuring\",\n        maxTime: null,\n        remainingTime: elapsedSeconds,\n        isPausedState: false,\n        currentProgress: initialProgress, // Immediately set progress\n      }))\n      pausedTimeRef.current = 0\n\n      progressInterpolator.setImmediate([initialProgress]) // Use setImmediate for instant reset\n\n      if (autoStart) {\n        startTimeRef.current = Date.now() - elapsedSeconds * 1000\n        setTimerState((prev) => ({ ...prev, isRunning: true }))\n      } else {\n        startTimeRef.current = null\n      }\n    },\n    [autoStart, progressInterpolator],\n  )\n\n  const startNewCycle = useCallback(\n    (maxTimeSeconds: number, elapsedSeconds: number = 0) => {\n      // Stop any running timer first to prevent conflicts\n      setTimerState((prev) => ({ ...prev, isRunning: false }))\n      startTimeRef.current = null\n\n      setTimerState((prev) => ({\n        ...prev,\n        currentState: \"countdown\",\n        maxTime: maxTimeSeconds,\n        isPausedState: false,\n      }))\n      pausedTimeRef.current = 0\n\n      // Count-down mode\n      const remainingSeconds = Math.max(0, maxTimeSeconds - elapsedSeconds)\n      const initialProgress =\n        elapsedSeconds > 0 ? (elapsedSeconds / maxTimeSeconds) * 100 : 0\n\n      setTimerState((prev) => ({\n        ...prev,\n        remainingTime: remainingSeconds,\n        currentProgress: initialProgress, // Immediately set progress\n      }))\n\n      progressInterpolator.setImmediate([initialProgress]) // Use setImmediate for instant reset\n\n      if (remainingSeconds === 0) {\n        setTimerState((prev) => ({ ...prev, isRunning: false }))\n        startTimeRef.current = null\n        if (onCycleEnd) {\n          queueMicrotask(() => onCycleEnd())\n        }\n      } else if (autoStart) {\n        setTimeout(() => {\n          startTimeRef.current = Date.now() - elapsedSeconds * 1000\n          setTimerState((prev) => ({ ...prev, isRunning: true }))\n        }, 0)\n      } else {\n        startTimeRef.current = null\n      }\n    },\n    [autoStart, onCycleEnd, progressInterpolator],\n  )\n\n  const completeMeasuring = useCallback(() => {\n    // Always trigger completion regardless of current state\n    setTimerState((prev) => ({\n      ...prev,\n      isRunning: false,\n      currentState: \"measured\",\n    }))\n    startTimeRef.current = null\n\n    onStartPulsating(() => {\n      if (onMeasuringComplete) {\n        onMeasuringComplete()\n      }\n    })\n  }, [onStartPulsating, onMeasuringComplete])\n\n  const pause = useCallback(() => {\n    if (startTimeRef.current && timerState.isRunning) {\n      const now = Date.now()\n      const additionalElapsed = now - startTimeRef.current\n      pausedTimeRef.current += additionalElapsed\n\n      const totalElapsed = pausedTimeRef.current / 1000\n      const exactProgress = calculateExactProgress(\n        timerState.currentState,\n        totalElapsed,\n        timerState.maxTime,\n      )\n      progressInterpolator.setTarget([exactProgress])\n    }\n\n    setTimerState((prev) => ({\n      ...prev,\n      isRunning: false,\n      isPausedState: true,\n    }))\n    onPauseAnimation()\n  }, [\n    timerState.isRunning,\n    timerState.currentState,\n    timerState.maxTime,\n    progressInterpolator,\n    onPauseAnimation,\n  ])\n\n  const resume = useCallback(() => {\n    if (\n      timerState.isPausedState &&\n      (timerState.remainingTime > 0 || timerState.currentState !== \"countdown\")\n    ) {\n      startTimeRef.current = Date.now()\n      setTimerState((prev) => ({\n        ...prev,\n        isRunning: true,\n        isPausedState: false,\n      }))\n    }\n  }, [\n    timerState.isPausedState,\n    timerState.remainingTime,\n    timerState.currentState,\n  ])\n\n  const isPaused = useCallback(() => {\n    return timerState.isPausedState\n  }, [timerState.isPausedState])\n\n  // Handle error state changes\n  useEffect(() => {\n    if (hasError) {\n      if (timerState.isRunning && !timerState.isPausedState) {\n        setTimerState((prev) => ({ ...prev, wasRunningBeforeError: true }))\n        pause()\n      }\n      onErrorAnimation()\n    } else {\n      if (timerState.wasRunningBeforeError && timerState.isPausedState) {\n        setTimerState((prev) => ({ ...prev, wasRunningBeforeError: false }))\n        resume()\n      }\n      onClearErrorAnimation()\n    }\n  }, [\n    hasError,\n    timerState.isRunning,\n    timerState.isPausedState,\n    timerState.wasRunningBeforeError,\n    pause,\n    resume,\n    onErrorAnimation,\n    onClearErrorAnimation,\n  ])\n\n  // Main timer loop\n  useEffect(() => {\n    if (timerState.isRunning) {\n      const updateTimer = () => {\n        if (startTimeRef.current) {\n          const now = Date.now()\n          const elapsed =\n            (now - startTimeRef.current + pausedTimeRef.current) / 1000\n\n          if (\n            timerState.currentState === \"countdown\" &&\n            timerState.maxTime !== null\n          ) {\n            const remaining = Math.max(0, timerState.maxTime - elapsed)\n            setTimerState((prev) => ({\n              ...prev,\n              remainingTime: Math.ceil(remaining),\n            }))\n\n            const progress = Math.min(100, (elapsed / timerState.maxTime) * 100)\n            progressInterpolator.setTarget([progress])\n\n            if (remaining <= 0) {\n              setTimerState((prev) => ({\n                ...prev,\n                isRunning: false,\n                remainingTime: 0,\n              }))\n              startTimeRef.current = null\n              progressInterpolator.setTarget([100])\n              if (onCycleEnd) {\n                queueMicrotask(() => onCycleEnd())\n              }\n              return\n            }\n          } else if (timerState.currentState === \"measuring\") {\n            setTimerState((prev) => ({\n              ...prev,\n              remainingTime: Math.floor(elapsed),\n            }))\n            const progress = ((elapsed / 60) % 1) * 100\n            progressInterpolator.setTarget([progress])\n          }\n\n          if (timerState.isRunning) {\n            animationRef.current = requestAnimationFrame(updateTimer)\n          }\n        }\n      }\n\n      animationRef.current = requestAnimationFrame(updateTimer)\n    } else {\n      if (animationRef.current) {\n        cancelAnimationFrame(animationRef.current)\n        animationRef.current = null\n      }\n    }\n\n    return () => {\n      if (animationRef.current) {\n        cancelAnimationFrame(animationRef.current)\n      }\n    }\n  }, [\n    timerState.isRunning,\n    onCycleEnd,\n    timerState.currentState,\n    timerState.maxTime,\n    progressInterpolator,\n  ])\n\n  // Interpolation animation loop\n  useEffect(() => {\n    let interpolationAnimationId: number | null = null\n\n    const animateInterpolation = () => {\n      progressInterpolator.update(1 / 60)\n      interpolationAnimationId = requestAnimationFrame(animateInterpolation)\n    }\n\n    interpolationAnimationId = requestAnimationFrame(animateInterpolation)\n\n    return () => {\n      if (interpolationAnimationId) {\n        cancelAnimationFrame(interpolationAnimationId)\n      }\n    }\n  }, [progressInterpolator])\n\n  return {\n    timerState,\n    controls: {\n      startNewCycle,\n      startMeasuring,\n      setIdle,\n      completeMeasuring,\n      pause,\n      resume,\n      isPaused,\n    },\n  }\n}\n"],"names":["useTimerLogic","autoStart","onCycleEnd","onMeasuringComplete","hasError","onPauseAnimation","onErrorAnimation","onClearErrorAnimation","onStartPulsating","timerState","setTimerState","useState","animationRef","useRef","startTimeRef","pausedTimeRef","progressInterpolator","useInterpolation","progress","prev","setIdle","useCallback","startMeasuring","elapsedSeconds","initialProgress","startNewCycle","maxTimeSeconds","remainingSeconds","completeMeasuring","pause","additionalElapsed","totalElapsed","exactProgress","calculateExactProgress","resume","isPaused","useEffect","updateTimer","elapsed","remaining","interpolationAnimationId","animateInterpolation"],"mappings":"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"}

package/dist/components/CycleTimer/useTimerLogic.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTimerLogic.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/useTimerLogic.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,UAAU,kBAAkB;IAC1B,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,gBAAgB,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;CACpD;AAED,eAAO,MAAM,aAAa,GAAI,wIAS3B,kBAAkB;;;wCAkEA,MAAM,mBAAkB,MAAM;0CAzB9B,MAAM;;;;;;;CAuQ1B,CAAA"}