@wandelbots/wandelbots-js-react-components 5.5.1-pr.fix-standardize-output.591.60112ee → 5.5.1

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

@@ -0,0 +1 @@
+{"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

@@ -12,3 +12,4 @@ export declare const useAnimations: () => {
     setInitialAnimationState: () => void;
     cleanup: () => void;
 };
+//# sourceMappingURL=useAnimations.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -9,15 +9,7 @@ const E = () => {
     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(() => {
+  }), 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);
@@ -110,3 +102,4 @@ const E = () => {
 export {
   E as useAnimations
 };
+//# sourceMappingURL=useAnimations.js.map

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

@@ -0,0 +1 @@
+{"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 +1,2 @@
-"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:p,onClearErrorAnimation:x,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()),p()):(e.wasRunningBeforeError&&e.isPausedState&&(n(t=>({...t,wasRunningBeforeError:!1})),P()),x())},[d,e.isRunning,e.isPausedState,e.wasRunningBeforeError,T,P,p,x]),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;
+"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

@@ -0,0 +1 @@
+{"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

@@ -22,3 +22,4 @@ export declare const useTimerLogic: ({ autoStart, onCycleEnd, onMeasuringComplet
     };
 };
 export {};
+//# sourceMappingURL=useTimerLogic.d.ts.map

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

@@ -0,0 +1 @@
+{"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"}

package/dist/components/CycleTimer/useTimerLogic.js

@@ -188,3 +188,4 @@ const v = ({
 export {
   v as useTimerLogic
 };
+//# sourceMappingURL=useTimerLogic.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTimerLogic.js","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/utils.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>{const n=Math.floor(t/86400),r=Math.floor(t%86400/3600),s=Math.floor(t%3600/60),a=t%60,o=[];return n>0?(o.push(n.toString()),o.push(r.toString().padStart(2,"0")),o.push(s.toString().padStart(2,"0")),o.push(a.toString().padStart(2,"0"))):r>0?(o.push(r.toString()),o.push(s.toString().padStart(2,"0")),o.push(a.toString().padStart(2,"0"))):(o.push(s.toString()),o.push(a.toString().padStart(2,"0"))),o.join(":")},f=(t,n)=>{const r=Math.floor(t/86400),s=Math.floor(t%86400/3600),a=Math.floor(t%3600/60),o=t%60;if(typeof Intl<"u"&&"DurationFormat"in Intl)try{const u={};return r>0&&(u.days=r),s>0&&(u.hours=s),a>0&&(u.minutes=a),(o>0||Object.keys(u).length===0)&&(u.seconds=o),new Intl.DurationFormat(n,{style:"narrow"}).format(u)}catch{}const i=[];return r>0&&i.push(`${r}d`),s>0&&i.push(`${s}h`),a>0&&i.push(`${a}m`),(o>0||i.length===0)&&i.push(`${o}s`),i.join(" ")},l=(t,n,r)=>{if(t==="idle")return 0;if(t==="countdown"&&r!==null){const s=r-n;return Math.min(100,s/r*100)}return t==="measuring"?n/60%1*100:0},c=(t,n,r)=>t==="countdown"&&r!==null?Math.min(100,n/r*100):t==="measuring"?n/60%1*100:0;exports.calculateExactProgress=c;exports.calculateProgress=l;exports.formatTime=e;exports.formatTimeLocalized=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=r=>{const i=Math.floor(r/86400),o=Math.floor(r%86400/3600),n=Math.floor(r%3600/60),a=r%60,t=[];return i>0?(t.push(i.toString()),t.push(o.toString().padStart(2,"0")),t.push(n.toString().padStart(2,"0")),t.push(a.toString().padStart(2,"0"))):o>0?(t.push(o.toString()),t.push(n.toString().padStart(2,"0")),t.push(a.toString().padStart(2,"0"))):(t.push(n.toString()),t.push(a.toString().padStart(2,"0"))),t.join(":")},f=(r,i)=>{const o=Math.floor(r/86400),n=Math.floor(r%86400/3600),a=Math.floor(r%3600/60),t=r%60;if(typeof Intl<"u"&&"DurationFormat"in Intl)try{const e={};return o>0&&(e.days=o),n>0&&(e.hours=n),a>0&&(e.minutes=a),(t>0||Object.keys(e).length===0)&&(e.seconds=t),new Intl.DurationFormat(i,{style:"narrow"}).format(e)}catch{}const s=[];return o>0&&s.push(`${o}d`),n>0&&s.push(`${n}h`),a>0&&s.push(`${a}m`),(t>0||s.length===0)&&s.push(`${t}s`),s.join(" ")},h=(r,i,o)=>r==="countdown"&&o!==null?Math.min(100,i/o*100):r==="measuring"?i/60%1*100:0;exports.calculateExactProgress=h;exports.formatTime=u;exports.formatTimeLocalized=f;
+//# sourceMappingURL=utils.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../src/components/CycleTimer/utils.ts"],"sourcesContent":["/**\n * Formats time in seconds to D:HH:MM:SS, H:MM:SS or MM:SS format\n * Used for the default (large) timer variant\n * Automatically includes days and hours as needed for clarity\n */\nexport const formatTime = (seconds: number): string => {\n  const days = Math.floor(seconds / 86400)\n  const hours = Math.floor((seconds % 86400) / 3600)\n  const minutes = Math.floor((seconds % 3600) / 60)\n  const remainingSeconds = seconds % 60\n\n  // Build time parts array\n  const parts: string[] = []\n\n  if (days > 0) {\n    parts.push(days.toString())\n    parts.push(hours.toString().padStart(2, \"0\"))\n    parts.push(minutes.toString().padStart(2, \"0\"))\n    parts.push(remainingSeconds.toString().padStart(2, \"0\"))\n  } else if (hours > 0) {\n    parts.push(hours.toString())\n    parts.push(minutes.toString().padStart(2, \"0\"))\n    parts.push(remainingSeconds.toString().padStart(2, \"0\"))\n  } else {\n    parts.push(minutes.toString())\n    parts.push(remainingSeconds.toString().padStart(2, \"0\"))\n  }\n\n  return parts.join(\":\")\n}\n\n/**\n * Formats time in seconds to a localized human-readable format\n * Used for the small timer variant\n * Examples: \"2h 30m 15s\", \"45m 30s\", \"30s\"\n * Falls back to English units if Intl.DurationFormat is not available\n */\nexport const formatTimeLocalized = (\n  seconds: number,\n  locale?: string,\n): string => {\n  const days = Math.floor(seconds / 86400)\n  const hours = Math.floor((seconds % 86400) / 3600)\n  const minutes = Math.floor((seconds % 3600) / 60)\n  const remainingSeconds = seconds % 60\n\n  // Try using Intl.DurationFormat if available (newer browsers)\n  if (typeof Intl !== \"undefined\" && \"DurationFormat\" in Intl) {\n    try {\n      const duration: Record<string, number> = {}\n      if (days > 0) duration.days = days\n      if (hours > 0) duration.hours = hours\n      if (minutes > 0) duration.minutes = minutes\n      if (remainingSeconds > 0 || Object.keys(duration).length === 0) {\n        duration.seconds = remainingSeconds\n      }\n\n      // @ts-expect-error - DurationFormat is not yet in TypeScript types\n      const formatter = new Intl.DurationFormat(locale, { style: \"narrow\" })\n      return formatter.format(duration)\n    } catch {\n      // Fall through to manual formatting\n    }\n  }\n\n  // Manual formatting with compact units\n  const parts: string[] = []\n\n  if (days > 0) parts.push(`${days}d`)\n  if (hours > 0) parts.push(`${hours}h`)\n  if (minutes > 0) parts.push(`${minutes}m`)\n  if (remainingSeconds > 0 || parts.length === 0) {\n    parts.push(`${remainingSeconds}s`)\n  }\n\n  return parts.join(\" \")\n}\n\n/**\n * Calculates progress percentage for different timer states\n */\nexport const calculateProgress = (\n  currentState: string,\n  remainingTime: number,\n  maxTime: number | null,\n): number => {\n  if (currentState === \"idle\") {\n    return 0\n  }\n\n  if (currentState === \"countdown\" && maxTime !== null) {\n    // Count-down mode: progress based on elapsed time\n    const elapsed = maxTime - remainingTime\n    return Math.min(100, (elapsed / maxTime) * 100)\n  }\n\n  if (currentState === \"measuring\") {\n    // Measuring mode: progress based on minute steps (0-100% per minute)\n    return ((remainingTime / 60) % 1) * 100\n  }\n\n  return 0\n}\n\n/**\n * Calculates exact progress position based on elapsed time\n */\nexport const calculateExactProgress = (\n  currentState: string,\n  totalElapsed: number,\n  maxTime: number | null,\n): number => {\n  if (currentState === \"countdown\" && maxTime !== null) {\n    return Math.min(100, (totalElapsed / maxTime) * 100)\n  }\n\n  if (currentState === \"measuring\") {\n    return ((totalElapsed / 60) % 1) * 100\n  }\n\n  return 0\n}\n"],"names":["formatTime","seconds","days","hours","minutes","remainingSeconds","parts","formatTimeLocalized","locale","duration","calculateExactProgress","currentState","totalElapsed","maxTime"],"mappings":"gFAKO,MAAMA,EAAcC,GAA4B,CACrD,MAAMC,EAAO,KAAK,MAAMD,EAAU,KAAK,EACjCE,EAAQ,KAAK,MAAOF,EAAU,MAAS,IAAI,EAC3CG,EAAU,KAAK,MAAOH,EAAU,KAAQ,EAAE,EAC1CI,EAAmBJ,EAAU,GAG7BK,EAAkB,CAAA,EAExB,OAAIJ,EAAO,GACTI,EAAM,KAAKJ,EAAK,UAAU,EAC1BI,EAAM,KAAKH,EAAM,SAAA,EAAW,SAAS,EAAG,GAAG,CAAC,EAC5CG,EAAM,KAAKF,EAAQ,SAAA,EAAW,SAAS,EAAG,GAAG,CAAC,EAC9CE,EAAM,KAAKD,EAAiB,SAAA,EAAW,SAAS,EAAG,GAAG,CAAC,GAC9CF,EAAQ,GACjBG,EAAM,KAAKH,EAAM,UAAU,EAC3BG,EAAM,KAAKF,EAAQ,SAAA,EAAW,SAAS,EAAG,GAAG,CAAC,EAC9CE,EAAM,KAAKD,EAAiB,SAAA,EAAW,SAAS,EAAG,GAAG,CAAC,IAEvDC,EAAM,KAAKF,EAAQ,UAAU,EAC7BE,EAAM,KAAKD,EAAiB,SAAA,EAAW,SAAS,EAAG,GAAG,CAAC,GAGlDC,EAAM,KAAK,GAAG,CACvB,EAQaC,EAAsB,CACjCN,EACAO,IACW,CACX,MAAMN,EAAO,KAAK,MAAMD,EAAU,KAAK,EACjCE,EAAQ,KAAK,MAAOF,EAAU,MAAS,IAAI,EAC3CG,EAAU,KAAK,MAAOH,EAAU,KAAQ,EAAE,EAC1CI,EAAmBJ,EAAU,GAGnC,GAAI,OAAO,KAAS,KAAe,mBAAoB,KACrD,GAAI,CACF,MAAMQ,EAAmC,CAAA,EACzC,OAAIP,EAAO,IAAGO,EAAS,KAAOP,GAC1BC,EAAQ,IAAGM,EAAS,MAAQN,GAC5BC,EAAU,IAAGK,EAAS,QAAUL,IAChCC,EAAmB,GAAK,OAAO,KAAKI,CAAQ,EAAE,SAAW,KAC3DA,EAAS,QAAUJ,GAIH,IAAI,KAAK,eAAeG,EAAQ,CAAE,MAAO,SAAU,EACpD,OAAOC,CAAQ,CAClC,MAAQ,CAER,CAIF,MAAMH,EAAkB,CAAA,EAExB,OAAIJ,EAAO,GAAGI,EAAM,KAAK,GAAGJ,CAAI,GAAG,EAC/BC,EAAQ,GAAGG,EAAM,KAAK,GAAGH,CAAK,GAAG,EACjCC,EAAU,GAAGE,EAAM,KAAK,GAAGF,CAAO,GAAG,GACrCC,EAAmB,GAAKC,EAAM,SAAW,IAC3CA,EAAM,KAAK,GAAGD,CAAgB,GAAG,EAG5BC,EAAM,KAAK,GAAG,CACvB,EA+BaI,EAAyB,CACpCC,EACAC,EACAC,IAEIF,IAAiB,aAAeE,IAAY,KACvC,KAAK,IAAI,IAAMD,EAAeC,EAAW,GAAG,EAGjDF,IAAiB,YACVC,EAAe,GAAM,EAAK,IAG9B"}

package/dist/components/CycleTimer/utils.d.ts

@@ -19,3 +19,4 @@ export declare const calculateProgress: (currentState: string, remainingTime: nu
  * Calculates exact progress position based on elapsed time
  */
 export declare const calculateExactProgress: (currentState: string, totalElapsed: number, maxTime: number | null) => number;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,SAAS,MAAM,KAAG,MAwB5C,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAC9B,SAAS,MAAM,EACf,SAAS,MAAM,KACd,MAoCF,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,cAAc,MAAM,EACpB,eAAe,MAAM,EACrB,SAAS,MAAM,GAAG,IAAI,KACrB,MAiBF,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,GACjC,cAAc,MAAM,EACpB,cAAc,MAAM,EACpB,SAAS,MAAM,GAAG,IAAI,KACrB,MAUF,CAAA"}

package/dist/components/CycleTimer/utils.js

@@ -1,28 +1,20 @@
-const e = (t) => {
-  const o = Math.floor(t / 86400), r = Math.floor(t % 86400 / 3600), s = Math.floor(t % 3600 / 60), i = t % 60, n = [];
-  return o > 0 ? (n.push(o.toString()), n.push(r.toString().padStart(2, "0")), n.push(s.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0"))) : r > 0 ? (n.push(r.toString()), n.push(s.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0"))) : (n.push(s.toString()), n.push(i.toString().padStart(2, "0"))), n.join(":");
-}, h = (t, o) => {
-  const r = Math.floor(t / 86400), s = Math.floor(t % 86400 / 3600), i = Math.floor(t % 3600 / 60), n = t % 60;
+const e = (r) => {
+  const a = Math.floor(r / 86400), o = Math.floor(r % 86400 / 3600), n = Math.floor(r % 3600 / 60), i = r % 60, t = [];
+  return a > 0 ? (t.push(a.toString()), t.push(o.toString().padStart(2, "0")), t.push(n.toString().padStart(2, "0")), t.push(i.toString().padStart(2, "0"))) : o > 0 ? (t.push(o.toString()), t.push(n.toString().padStart(2, "0")), t.push(i.toString().padStart(2, "0"))) : (t.push(n.toString()), t.push(i.toString().padStart(2, "0"))), t.join(":");
+}, f = (r, a) => {
+  const o = Math.floor(r / 86400), n = Math.floor(r % 86400 / 3600), i = Math.floor(r % 3600 / 60), t = r % 60;
   if (typeof Intl < "u" && "DurationFormat" in Intl)
     try {
       const u = {};
-      return r > 0 && (u.days = r), s > 0 && (u.hours = s), i > 0 && (u.minutes = i), (n > 0 || Object.keys(u).length === 0) && (u.seconds = n), new Intl.DurationFormat(o, { style: "narrow" }).format(u);
+      return o > 0 && (u.days = o), n > 0 && (u.hours = n), i > 0 && (u.minutes = i), (t > 0 || Object.keys(u).length === 0) && (u.seconds = t), new Intl.DurationFormat(a, { style: "narrow" }).format(u);
     } catch {
     }
-  const a = [];
-  return r > 0 && a.push(`${r}d`), s > 0 && a.push(`${s}h`), i > 0 && a.push(`${i}m`), (n > 0 || a.length === 0) && a.push(`${n}s`), a.join(" ");
-}, l = (t, o, r) => {
-  if (t === "idle")
-    return 0;
-  if (t === "countdown" && r !== null) {
-    const s = r - o;
-    return Math.min(100, s / r * 100);
-  }
-  return t === "measuring" ? o / 60 % 1 * 100 : 0;
-}, p = (t, o, r) => t === "countdown" && r !== null ? Math.min(100, o / r * 100) : t === "measuring" ? o / 60 % 1 * 100 : 0;
+  const s = [];
+  return o > 0 && s.push(`${o}d`), n > 0 && s.push(`${n}h`), i > 0 && s.push(`${i}m`), (t > 0 || s.length === 0) && s.push(`${t}s`), s.join(" ");
+}, p = (r, a, o) => r === "countdown" && o !== null ? Math.min(100, a / o * 100) : r === "measuring" ? a / 60 % 1 * 100 : 0;
 export {
   p as calculateExactProgress,
-  l as calculateProgress,
   e as formatTime,
-  h as formatTimeLocalized
+  f as formatTimeLocalized
 };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/CycleTimer/utils.ts"],"sourcesContent":["/**\n * Formats time in seconds to D:HH:MM:SS, H:MM:SS or MM:SS format\n * Used for the default (large) timer variant\n * Automatically includes days and hours as needed for clarity\n */\nexport const formatTime = (seconds: number): string => {\n  const days = Math.floor(seconds / 86400)\n  const hours = Math.floor((seconds % 86400) / 3600)\n  const minutes = Math.floor((seconds % 3600) / 60)\n  const remainingSeconds = seconds % 60\n\n  // Build time parts array\n  const parts: string[] = []\n\n  if (days > 0) {\n    parts.push(days.toString())\n    parts.push(hours.toString().padStart(2, \"0\"))\n    parts.push(minutes.toString().padStart(2, \"0\"))\n    parts.push(remainingSeconds.toString().padStart(2, \"0\"))\n  } else if (hours > 0) {\n    parts.push(hours.toString())\n    parts.push(minutes.toString().padStart(2, \"0\"))\n    parts.push(remainingSeconds.toString().padStart(2, \"0\"))\n  } else {\n    parts.push(minutes.toString())\n    parts.push(remainingSeconds.toString().padStart(2, \"0\"))\n  }\n\n  return parts.join(\":\")\n}\n\n/**\n * Formats time in seconds to a localized human-readable format\n * Used for the small timer variant\n * Examples: \"2h 30m 15s\", \"45m 30s\", \"30s\"\n * Falls back to English units if Intl.DurationFormat is not available\n */\nexport const formatTimeLocalized = (\n  seconds: number,\n  locale?: string,\n): string => {\n  const days = Math.floor(seconds / 86400)\n  const hours = Math.floor((seconds % 86400) / 3600)\n  const minutes = Math.floor((seconds % 3600) / 60)\n  const remainingSeconds = seconds % 60\n\n  // Try using Intl.DurationFormat if available (newer browsers)\n  if (typeof Intl !== \"undefined\" && \"DurationFormat\" in Intl) {\n    try {\n      const duration: Record<string, number> = {}\n      if (days > 0) duration.days = days\n      if (hours > 0) duration.hours = hours\n      if (minutes > 0) duration.minutes = minutes\n      if (remainingSeconds > 0 || Object.keys(duration).length === 0) {\n        duration.seconds = remainingSeconds\n      }\n\n      // @ts-expect-error - DurationFormat is not yet in TypeScript types\n      const formatter = new Intl.DurationFormat(locale, { style: \"narrow\" })\n      return formatter.format(duration)\n    } catch {\n      // Fall through to manual formatting\n    }\n  }\n\n  // Manual formatting with compact units\n  const parts: string[] = []\n\n  if (days > 0) parts.push(`${days}d`)\n  if (hours > 0) parts.push(`${hours}h`)\n  if (minutes > 0) parts.push(`${minutes}m`)\n  if (remainingSeconds > 0 || parts.length === 0) {\n    parts.push(`${remainingSeconds}s`)\n  }\n\n  return parts.join(\" \")\n}\n\n/**\n * Calculates progress percentage for different timer states\n */\nexport const calculateProgress = (\n  currentState: string,\n  remainingTime: number,\n  maxTime: number | null,\n): number => {\n  if (currentState === \"idle\") {\n    return 0\n  }\n\n  if (currentState === \"countdown\" && maxTime !== null) {\n    // Count-down mode: progress based on elapsed time\n    const elapsed = maxTime - remainingTime\n    return Math.min(100, (elapsed / maxTime) * 100)\n  }\n\n  if (currentState === \"measuring\") {\n    // Measuring mode: progress based on minute steps (0-100% per minute)\n    return ((remainingTime / 60) % 1) * 100\n  }\n\n  return 0\n}\n\n/**\n * Calculates exact progress position based on elapsed time\n */\nexport const calculateExactProgress = (\n  currentState: string,\n  totalElapsed: number,\n  maxTime: number | null,\n): number => {\n  if (currentState === \"countdown\" && maxTime !== null) {\n    return Math.min(100, (totalElapsed / maxTime) * 100)\n  }\n\n  if (currentState === \"measuring\") {\n    return ((totalElapsed / 60) % 1) * 100\n  }\n\n  return 0\n}\n"],"names":["formatTime","seconds","days","hours","minutes","remainingSeconds","parts","formatTimeLocalized","locale","duration","calculateExactProgress","currentState","totalElapsed","maxTime"],"mappings":"AAKO,MAAMA,IAAa,CAACC,MAA4B;AACrD,QAAMC,IAAO,KAAK,MAAMD,IAAU,KAAK,GACjCE,IAAQ,KAAK,MAAOF,IAAU,QAAS,IAAI,GAC3CG,IAAU,KAAK,MAAOH,IAAU,OAAQ,EAAE,GAC1CI,IAAmBJ,IAAU,IAG7BK,IAAkB,CAAA;AAExB,SAAIJ,IAAO,KACTI,EAAM,KAAKJ,EAAK,UAAU,GAC1BI,EAAM,KAAKH,EAAM,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,GAC5CG,EAAM,KAAKF,EAAQ,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,GAC9CE,EAAM,KAAKD,EAAiB,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,KAC9CF,IAAQ,KACjBG,EAAM,KAAKH,EAAM,UAAU,GAC3BG,EAAM,KAAKF,EAAQ,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,GAC9CE,EAAM,KAAKD,EAAiB,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,MAEvDC,EAAM,KAAKF,EAAQ,UAAU,GAC7BE,EAAM,KAAKD,EAAiB,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,IAGlDC,EAAM,KAAK,GAAG;AACvB,GAQaC,IAAsB,CACjCN,GACAO,MACW;AACX,QAAMN,IAAO,KAAK,MAAMD,IAAU,KAAK,GACjCE,IAAQ,KAAK,MAAOF,IAAU,QAAS,IAAI,GAC3CG,IAAU,KAAK,MAAOH,IAAU,OAAQ,EAAE,GAC1CI,IAAmBJ,IAAU;AAGnC,MAAI,OAAO,OAAS,OAAe,oBAAoB;AACrD,QAAI;AACF,YAAMQ,IAAmC,CAAA;AACzC,aAAIP,IAAO,MAAGO,EAAS,OAAOP,IAC1BC,IAAQ,MAAGM,EAAS,QAAQN,IAC5BC,IAAU,MAAGK,EAAS,UAAUL,KAChCC,IAAmB,KAAK,OAAO,KAAKI,CAAQ,EAAE,WAAW,OAC3DA,EAAS,UAAUJ,IAIH,IAAI,KAAK,eAAeG,GAAQ,EAAE,OAAO,UAAU,EACpD,OAAOC,CAAQ;AAAA,IAClC,QAAQ;AAAA,IAER;AAIF,QAAMH,IAAkB,CAAA;AAExB,SAAIJ,IAAO,KAAGI,EAAM,KAAK,GAAGJ,CAAI,GAAG,GAC/BC,IAAQ,KAAGG,EAAM,KAAK,GAAGH,CAAK,GAAG,GACjCC,IAAU,KAAGE,EAAM,KAAK,GAAGF,CAAO,GAAG,IACrCC,IAAmB,KAAKC,EAAM,WAAW,MAC3CA,EAAM,KAAK,GAAGD,CAAgB,GAAG,GAG5BC,EAAM,KAAK,GAAG;AACvB,GA+BaI,IAAyB,CACpCC,GACAC,GACAC,MAEIF,MAAiB,eAAeE,MAAY,OACvC,KAAK,IAAI,KAAMD,IAAeC,IAAW,GAAG,IAGjDF,MAAiB,cACVC,IAAe,KAAM,IAAK,MAG9B;"}

package/dist/components/CycleTimer.cjs

@@ -1 +1,2 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./CycleTimer/index.cjs");exports.CycleTimer=e.CycleTimer;exports.default=e.CycleTimer;
+//# sourceMappingURL=CycleTimer.cjs.map

package/dist/components/CycleTimer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CycleTimer.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/CycleTimer.d.ts

@@ -1,3 +1,4 @@
 export { CycleTimer } from "./CycleTimer/index";
 export type { CycleTimerControls, CycleTimerProps, CycleTimerState, } from "./CycleTimer/types";
 export { CycleTimer as default } from "./CycleTimer/index";
+//# sourceMappingURL=CycleTimer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CycleTimer.d.ts","sourceRoot":"","sources":["../../src/components/CycleTimer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,YAAY,EACV,kBAAkB,EAClB,eAAe,EACf,eAAe,GAChB,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/components/CycleTimer.js

@@ -3,3 +3,4 @@ export {
   l as CycleTimer,
   m as default
 };
+//# sourceMappingURL=CycleTimer.js.map

package/dist/components/CycleTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CycleTimer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/DataGrid.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("@mui/icons-material/Clear"),F=require("@mui/icons-material/FilterList"),j=require("@mui/icons-material/Search"),L=require("@mui/material/styles"),a=require("@mui/material/Box"),W=require("@mui/material/Divider"),H=require("@mui/material/Typography"),t=require("@mui/x-data-grid"),Q=require("mobx-react-lite"),s=require("react"),E=require("../chunks/externalizeComponent-DOwkaDcw.cjs"),M=E.externalizeComponent(Q.observer(({data:l,columns:u,getRowData:c,onRowClick:b,selectedItem:p,getItemId:m,title:v,showCount:y=!0,searchPlaceholder:D="Search programs",dataGridProps:r,CustomToolbar:z,selectFirstByDefault:w=!1,sx:R})=>{var k;const x=L.useTheme(),i=t.useGridApiRef(),h=s.useRef(null),[f,C]=s.useState(null),d=s.useMemo(()=>l.map(c),[l,c]);s.useEffect(()=>{i.current&&d.length>0&&i.current.autosizeColumns({includeOutliers:!0,includeHeaders:!0,expand:!0,columns:u.map(o=>o.field)})},[d,u,i]),s.useEffect(()=>{if(!h.current||!i.current)return;const o=new ResizeObserver(()=>{setTimeout(()=>{i.current&&d.length>0&&i.current.autosizeColumns({includeOutliers:!0,includeHeaders:!0,expand:!0,columns:u.map(n=>n.field)})},100)});return o.observe(h.current),()=>{o.disconnect()}},[i,d.length,u]);const g=s.useMemo(()=>{if(p!==void 0)return p;if(f!==null)return f;if(w&&l.length>0){const o=l[0];return C(o),o}return null},[w,l,p,f]),B=o=>{const n=l.find(I=>c(I).id===o.id);n&&(p===void 0&&C(n),b&&b(n,o))},S=s.useMemo(()=>!g||!m?null:m(g),[g,m]);function O(){return e.jsx(t.Toolbar,{children:e.jsxs(a,{sx:{display:"flex",width:"100%",gap:1,p:.5,alignItems:"center"},children:[v&&e.jsxs(H,{variant:"h6",sx:{fontWeight:500,color:"white"},children:[v,y&&` (${l.length})`]}),e.jsxs(a,{sx:{ml:"auto",display:"flex",gap:.5,alignItems:"center",pr:1},children:[e.jsx(t.FilterPanelTrigger,{render:e.jsx(t.ToolbarButton,{"aria-label":"Show filters",children:e.jsx(F,{fontSize:"small"})})}),e.jsx(W,{orientation:"vertical",flexItem:!0,sx:{height:"24px",alignSelf:"center"}}),e.jsx(t.QuickFilter,{render:(o,n)=>e.jsxs(a,{...o,sx:{display:"flex",overflow:"hidden"},children:[!n.expanded&&e.jsx(t.QuickFilterTrigger,{render:e.jsx(t.ToolbarButton,{"aria-label":"Search",children:e.jsx(j,{fontSize:"small"})})}),e.jsxs(a,{sx:{display:"flex",overflow:"hidden",transition:"all 0.3s ease-in-out",width:n.expanded?"200px":"0px",position:"relative"},children:[e.jsxs(a,{sx:{flex:1,position:"relative","& .MuiInputBase-root":{height:"32px",borderRadius:"16px",backgroundColor:"#171927",paddingLeft:"40px",paddingRight:n.expanded&&n.value!==""?"40px":"12px",color:"white",fontSize:"14px",border:"none !important",outline:"none !important",boxShadow:"none !important","&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"},"&:hover":{"&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"}},"&:focus-within":{outline:"none !important",boxShadow:"none !important","&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"}},"&.Mui-focused":{outline:"none !important",boxShadow:"none !important","&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"}},"& .MuiInputBase-input":{padding:"8px 0",border:"none !important",outline:"none !important",boxShadow:"none !important","&:focus":{outline:"none !important",boxShadow:"none !important",border:"none !important"},"&::placeholder":{color:"rgba(255, 255, 255, 0.3)",opacity:1}},"& fieldset":{border:"none !important",display:"none !important"},"& .MuiOutlinedInput-notchedOutline":{border:"none !important",display:"none !important"}}},children:[n.expanded&&e.jsx(j,{fontSize:"small",sx:{position:"absolute",left:"12px",top:"50%",transform:"translateY(-50%)",color:"rgba(255, 255, 255, 0.6)",zIndex:1,pointerEvents:"none"}}),e.jsx(t.QuickFilterControl,{placeholder:D})]}),n.expanded&&n.value!==""&&e.jsx(t.QuickFilterClear,{render:e.jsx(a,{sx:{position:"absolute",right:"8px",top:"50%",transform:"translateY(-50%)",zIndex:1},children:e.jsx(a,{sx:{minWidth:"24px",width:"24px",height:"24px",padding:0,color:"rgba(255, 255, 255, 0.6)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},children:e.jsx(t.ToolbarButton,{"aria-label":"Clear",children:e.jsx(q,{fontSize:"small"})})})})})]})]})})]})]})})}const T=z||O;return e.jsx(a,{ref:h,sx:{height:"100%",display:"flex",flexDirection:"column","& *":{scrollbarWidth:"none",msOverflowStyle:"none","&::-webkit-scrollbar":{display:"none"}},"&:hover *":{scrollbarWidth:"thin",scrollbarColor:`${x.palette.divider} transparent`,"&::-webkit-scrollbar":{display:"block",width:"8px",height:"8px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:x.palette.divider,borderRadius:"4px"},"&::-webkit-scrollbar-thumb:hover":{background:x.palette.action.hover}},...R},children:e.jsx(t.DataGrid,{apiRef:i,rows:d,columns:u,onRowClick:B,disableColumnMenu:!1,disableRowSelectionOnClick:!0,disableMultipleRowSelection:!0,hideFooterSelectedRowCount:!0,filterMode:"client",sortingOrder:["desc","asc"],hideFooter:!1,showToolbar:!0,slots:{toolbar:T},initialState:{sorting:{sortModel:[]},filter:{filterModel:{items:[]}},...r==null?void 0:r.initialState},...r,autosizeOnMount:!0,autosizeOptions:{...(r==null?void 0:r.autosizeOptions)||{},includeOutliers:!0,includeHeaders:!0,expand:!0,columns:((k=r==null?void 0:r.autosizeOptions)==null?void 0:k.columns)||u.map(o=>o.field)},sx:{border:"none",width:"100%","& .MuiPaper-root":{boxShadow:"none !important"},"& .MuiDataGrid-overlay":{},"& .MuiDataGrid-main":{border:"none","& .MuiPaper-root":{}},"& .MuiDataGrid-container--top [role=row]":{},"& .MuiDataGrid-topContainer":{borderBottom:"none !important"},"& .MuiDataGrid-columnHeaders":{border:"none",borderBottom:"none !important"},"& .MuiDataGrid-row":{cursor:b?"pointer":"default",border:"none",margin:"1px 0",position:"relative",backgroundColor:"transparent !important","&:hover":{backgroundColor:"transparent !important","&::before":{content:'""',position:"absolute",top:0,left:"16px",right:"16px",bottom:0,backgroundColor:"action.hover",borderRadius:"16px",zIndex:0}},"&.Mui-selected":{backgroundColor:"transparent !important","&:hover":{backgroundColor:"transparent !important"}},...S!==null&&{[`&[data-id="${S}"]`]:{backgroundColor:"transparent !important","&::before":{content:'""',position:"absolute",top:0,left:"16px",right:"16px",bottom:0,backgroundColor:"rgba(255, 255, 255, 0.08) !important",borderRadius:"16px",zIndex:0},"&:hover":{backgroundColor:"transparent !important"},"&:hover::before":{backgroundColor:"rgba(255, 255, 255, 0.12) !important"}}}},"& .MuiDataGrid-cell--textLeft":{paddingLeft:"40px"},"& .MuiDataGrid-cell":{border:"none",position:"relative",zIndex:1,"&:focus":{outline:"none"},"&:focus-within":{outline:"none"},"&:hover":{backgroundColor:"transparent !important"}},"& .MuiDataGrid-columnHeader":{border:"none",paddingLeft:"40px",paddingRight:"40px","& .MuiDataGrid-columnHeaderTitle":{color:"rgba(255, 255, 255, 0.6)"}},"& .MuiDataGrid-toolbarContainer":{padding:"8px",border:"none !important",borderBottom:"none !important","& .MuiBox-root":{},"& .MuiFormControl-root":{},"& .MuiInputBase-root":{},"& .MuiPaper-root":{boxShadow:"none !important"},"& *":{borderBottom:"none !important"}},"& .MuiDataGrid-toolbar":{borderBottom:"none !important"},"& .MuiDataGrid-toolbarFilterList":{border:"none"},"& .MuiDataGrid-withBorderColor":{borderColor:"transparent !important"},"& .MuiDataGrid-columnSeparator":{display:"none"},"& .MuiDataGrid-footerContainer":{display:"none"},"& .MuiDataGrid-filler":{border:"none !important",borderTop:"none !important",borderBottom:"none !important",borderLeft:"none !important",borderRight:"none !important","--rowBorderColor":"none !important"},"& .MuiBackdrop-root":{},"& .MuiModal-backdrop":{},...r==null?void 0:r.sx}})})}));M.displayName="WandelbotsDataGrid";exports.WandelbotsDataGrid=M;exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("@mui/icons-material/Clear"),F=require("@mui/icons-material/FilterList"),j=require("@mui/icons-material/Search"),L=require("@mui/material/styles"),a=require("@mui/material/Box"),W=require("@mui/material/Divider"),H=require("@mui/material/Typography"),t=require("@mui/x-data-grid"),Q=require("mobx-react-lite"),s=require("react"),E=require("../externalizeComponent.cjs"),M=E.externalizeComponent(Q.observer(({data:l,columns:u,getRowData:c,onRowClick:b,selectedItem:p,getItemId:m,title:v,showCount:y=!0,searchPlaceholder:D="Search programs",dataGridProps:r,CustomToolbar:z,selectFirstByDefault:w=!1,sx:R})=>{var k;const x=L.useTheme(),i=t.useGridApiRef(),h=s.useRef(null),[f,C]=s.useState(null),d=s.useMemo(()=>l.map(c),[l,c]);s.useEffect(()=>{i.current&&d.length>0&&i.current.autosizeColumns({includeOutliers:!0,includeHeaders:!0,expand:!0,columns:u.map(o=>o.field)})},[d,u,i]),s.useEffect(()=>{if(!h.current||!i.current)return;const o=new ResizeObserver(()=>{setTimeout(()=>{i.current&&d.length>0&&i.current.autosizeColumns({includeOutliers:!0,includeHeaders:!0,expand:!0,columns:u.map(n=>n.field)})},100)});return o.observe(h.current),()=>{o.disconnect()}},[i,d.length,u]);const g=s.useMemo(()=>{if(p!==void 0)return p;if(f!==null)return f;if(w&&l.length>0){const o=l[0];return C(o),o}return null},[w,l,p,f]),B=o=>{const n=l.find(I=>c(I).id===o.id);n&&(p===void 0&&C(n),b&&b(n,o))},S=s.useMemo(()=>!g||!m?null:m(g),[g,m]);function O(){return e.jsx(t.Toolbar,{children:e.jsxs(a,{sx:{display:"flex",width:"100%",gap:1,p:.5,alignItems:"center"},children:[v&&e.jsxs(H,{variant:"h6",sx:{fontWeight:500,color:"white"},children:[v,y&&` (${l.length})`]}),e.jsxs(a,{sx:{ml:"auto",display:"flex",gap:.5,alignItems:"center",pr:1},children:[e.jsx(t.FilterPanelTrigger,{render:e.jsx(t.ToolbarButton,{"aria-label":"Show filters",children:e.jsx(F,{fontSize:"small"})})}),e.jsx(W,{orientation:"vertical",flexItem:!0,sx:{height:"24px",alignSelf:"center"}}),e.jsx(t.QuickFilter,{render:(o,n)=>e.jsxs(a,{...o,sx:{display:"flex",overflow:"hidden"},children:[!n.expanded&&e.jsx(t.QuickFilterTrigger,{render:e.jsx(t.ToolbarButton,{"aria-label":"Search",children:e.jsx(j,{fontSize:"small"})})}),e.jsxs(a,{sx:{display:"flex",overflow:"hidden",transition:"all 0.3s ease-in-out",width:n.expanded?"200px":"0px",position:"relative"},children:[e.jsxs(a,{sx:{flex:1,position:"relative","& .MuiInputBase-root":{height:"32px",borderRadius:"16px",backgroundColor:"#171927",paddingLeft:"40px",paddingRight:n.expanded&&n.value!==""?"40px":"12px",color:"white",fontSize:"14px",border:"none !important",outline:"none !important",boxShadow:"none !important","&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"},"&:hover":{"&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"}},"&:focus-within":{outline:"none !important",boxShadow:"none !important","&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"}},"&.Mui-focused":{outline:"none !important",boxShadow:"none !important","&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"}},"& .MuiInputBase-input":{padding:"8px 0",border:"none !important",outline:"none !important",boxShadow:"none !important","&:focus":{outline:"none !important",boxShadow:"none !important",border:"none !important"},"&::placeholder":{color:"rgba(255, 255, 255, 0.3)",opacity:1}},"& fieldset":{border:"none !important",display:"none !important"},"& .MuiOutlinedInput-notchedOutline":{border:"none !important",display:"none !important"}}},children:[n.expanded&&e.jsx(j,{fontSize:"small",sx:{position:"absolute",left:"12px",top:"50%",transform:"translateY(-50%)",color:"rgba(255, 255, 255, 0.6)",zIndex:1,pointerEvents:"none"}}),e.jsx(t.QuickFilterControl,{placeholder:D})]}),n.expanded&&n.value!==""&&e.jsx(t.QuickFilterClear,{render:e.jsx(a,{sx:{position:"absolute",right:"8px",top:"50%",transform:"translateY(-50%)",zIndex:1},children:e.jsx(a,{sx:{minWidth:"24px",width:"24px",height:"24px",padding:0,color:"rgba(255, 255, 255, 0.6)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},children:e.jsx(t.ToolbarButton,{"aria-label":"Clear",children:e.jsx(q,{fontSize:"small"})})})})})]})]})})]})]})})}const T=z||O;return e.jsx(a,{ref:h,sx:{height:"100%",display:"flex",flexDirection:"column","& *":{scrollbarWidth:"none",msOverflowStyle:"none","&::-webkit-scrollbar":{display:"none"}},"&:hover *":{scrollbarWidth:"thin",scrollbarColor:`${x.palette.divider} transparent`,"&::-webkit-scrollbar":{display:"block",width:"8px",height:"8px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:x.palette.divider,borderRadius:"4px"},"&::-webkit-scrollbar-thumb:hover":{background:x.palette.action.hover}},...R},children:e.jsx(t.DataGrid,{apiRef:i,rows:d,columns:u,onRowClick:B,disableColumnMenu:!1,disableRowSelectionOnClick:!0,disableMultipleRowSelection:!0,hideFooterSelectedRowCount:!0,filterMode:"client",sortingOrder:["desc","asc"],hideFooter:!1,showToolbar:!0,slots:{toolbar:T},initialState:{sorting:{sortModel:[]},filter:{filterModel:{items:[]}},...r==null?void 0:r.initialState},...r,autosizeOnMount:!0,autosizeOptions:{...(r==null?void 0:r.autosizeOptions)||{},includeOutliers:!0,includeHeaders:!0,expand:!0,columns:((k=r==null?void 0:r.autosizeOptions)==null?void 0:k.columns)||u.map(o=>o.field)},sx:{border:"none",width:"100%","& .MuiPaper-root":{boxShadow:"none !important"},"& .MuiDataGrid-overlay":{},"& .MuiDataGrid-main":{border:"none","& .MuiPaper-root":{}},"& .MuiDataGrid-container--top [role=row]":{},"& .MuiDataGrid-topContainer":{borderBottom:"none !important"},"& .MuiDataGrid-columnHeaders":{border:"none",borderBottom:"none !important"},"& .MuiDataGrid-row":{cursor:b?"pointer":"default",border:"none",margin:"1px 0",position:"relative",backgroundColor:"transparent !important","&:hover":{backgroundColor:"transparent !important","&::before":{content:'""',position:"absolute",top:0,left:"16px",right:"16px",bottom:0,backgroundColor:"action.hover",borderRadius:"16px",zIndex:0}},"&.Mui-selected":{backgroundColor:"transparent !important","&:hover":{backgroundColor:"transparent !important"}},...S!==null&&{[`&[data-id="${S}"]`]:{backgroundColor:"transparent !important","&::before":{content:'""',position:"absolute",top:0,left:"16px",right:"16px",bottom:0,backgroundColor:"rgba(255, 255, 255, 0.08) !important",borderRadius:"16px",zIndex:0},"&:hover":{backgroundColor:"transparent !important"},"&:hover::before":{backgroundColor:"rgba(255, 255, 255, 0.12) !important"}}}},"& .MuiDataGrid-cell--textLeft":{paddingLeft:"40px"},"& .MuiDataGrid-cell":{border:"none",position:"relative",zIndex:1,"&:focus":{outline:"none"},"&:focus-within":{outline:"none"},"&:hover":{backgroundColor:"transparent !important"}},"& .MuiDataGrid-columnHeader":{border:"none",paddingLeft:"40px",paddingRight:"40px","& .MuiDataGrid-columnHeaderTitle":{color:"rgba(255, 255, 255, 0.6)"}},"& .MuiDataGrid-toolbarContainer":{padding:"8px",border:"none !important",borderBottom:"none !important","& .MuiBox-root":{},"& .MuiFormControl-root":{},"& .MuiInputBase-root":{},"& .MuiPaper-root":{boxShadow:"none !important"},"& *":{borderBottom:"none !important"}},"& .MuiDataGrid-toolbar":{borderBottom:"none !important"},"& .MuiDataGrid-toolbarFilterList":{border:"none"},"& .MuiDataGrid-withBorderColor":{borderColor:"transparent !important"},"& .MuiDataGrid-columnSeparator":{display:"none"},"& .MuiDataGrid-footerContainer":{display:"none"},"& .MuiDataGrid-filler":{border:"none !important",borderTop:"none !important",borderBottom:"none !important",borderLeft:"none !important",borderRight:"none !important","--rowBorderColor":"none !important"},"& .MuiBackdrop-root":{},"& .MuiModal-backdrop":{},...r==null?void 0:r.sx}})})}));M.displayName="WandelbotsDataGrid";exports.WandelbotsDataGrid=M;exports.default=M;
+//# sourceMappingURL=DataGrid.cjs.map

package/dist/components/DataGrid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.cjs","sources":["../../src/components/DataGrid.tsx"],"sourcesContent":["import ClearIcon from \"@mui/icons-material/Clear\"\nimport FilterListIcon from \"@mui/icons-material/FilterList\"\nimport SearchIcon from \"@mui/icons-material/Search\"\nimport { useTheme } from \"@mui/material/styles\"\nimport Box from \"@mui/material/Box\"\nimport Divider from \"@mui/material/Divider\"\nimport Typography from \"@mui/material/Typography\"\nimport {\n  DataGrid,\n  type DataGridProps,\n  FilterPanelTrigger,\n  type GridColDef,\n  type GridRowParams,\n  QuickFilter,\n  QuickFilterClear,\n  QuickFilterControl,\n  QuickFilterTrigger,\n  Toolbar,\n  ToolbarButton,\n  useGridApiRef,\n} from \"@mui/x-data-grid\"\nimport { observer } from \"mobx-react-lite\"\nimport { useEffect, useMemo, useRef, useState } from \"react\"\nimport { externalizeComponent } from \"../externalizeComponent\"\n\nexport interface WandelbotsDataGridProps<T = Record<string, unknown>> {\n  /**\n   * Array of data items to display in the grid\n   */\n  data: T[]\n\n  /**\n   * Column definitions for the DataGrid\n   */\n  columns: GridColDef[]\n\n  /**\n   * Function to transform data items into DataGrid rows\n   * Should return an object with an 'id' field and other fields matching column definitions\n   */\n  getRowData: (item: T) => Record<string, unknown> & { id: string | number }\n\n  /**\n   * Callback when a row is clicked\n   */\n  onRowClick?: (item: T, params: GridRowParams) => void\n\n  /**\n   * Currently selected item (for highlighting)\n   */\n  selectedItem?: T | null\n\n  /**\n   * Function to get the ID of an item (used for selection highlighting)\n   */\n  getItemId?: (item: T) => string | number\n\n  /**\n   * Title displayed in the toolbar\n   */\n  title?: string\n\n  /**\n   * Show item count in title\n   * @default true\n   */\n  showCount?: boolean\n\n  /**\n   * Placeholder text for the search input\n   * @default \"Search programs\"\n   */\n  searchPlaceholder?: string\n\n  /**\n   * Additional DataGrid props to pass through\n   */\n  dataGridProps?: Partial<DataGridProps>\n\n  /**\n   * Custom toolbar component to replace the default one\n   */\n  CustomToolbar?: React.ComponentType\n\n  /**\n   * Select the first item by default\n   * @default false\n   */\n  selectFirstByDefault?: boolean\n\n  /**\n   * Custom sx styles for the root container\n   */\n  sx?: React.ComponentProps<typeof Box>[\"sx\"]\n}\n\nexport const WandelbotsDataGrid = externalizeComponent(\n  observer(\n    <T,>({\n      data,\n      columns,\n      getRowData,\n      onRowClick,\n      selectedItem,\n      getItemId,\n      title,\n      showCount = true,\n      searchPlaceholder = \"Search programs\",\n      dataGridProps,\n      CustomToolbar,\n      selectFirstByDefault = false,\n      sx,\n    }: WandelbotsDataGridProps<T>) => {\n      const theme = useTheme()\n      const apiRef = useGridApiRef()\n      const containerRef = useRef<HTMLDivElement>(null)\n\n      // Internal state for selection when not controlled\n      const [internalSelectedItem, setInternalSelectedItem] =\n        useState<T | null>(null)\n\n      // Prepare rows for the DataGrid\n      const rows = useMemo(() => data.map(getRowData), [data, getRowData])\n\n      // Auto-resize columns when data changes\n      useEffect(() => {\n        if (apiRef.current && rows.length > 0) {\n          apiRef.current.autosizeColumns({\n            includeOutliers: true,\n            includeHeaders: true,\n            expand: true,\n            columns: columns.map((col) => col.field),\n          })\n        }\n      }, [rows, columns, apiRef])\n\n      // Auto-resize columns when the DataGrid container is resized\n      useEffect(() => {\n        if (!containerRef.current || !apiRef.current) return\n\n        const resizeObserver = new ResizeObserver(() => {\n          // Use a small timeout to ensure the DataGrid has processed the size change\n          setTimeout(() => {\n            if (apiRef.current && rows.length > 0) {\n              apiRef.current.autosizeColumns({\n                includeOutliers: true,\n                includeHeaders: true,\n                expand: true,\n                columns: columns.map((col) => col.field),\n              })\n            }\n          }, 100)\n        })\n\n        resizeObserver.observe(containerRef.current)\n\n        return () => {\n          resizeObserver.disconnect()\n        }\n      }, [apiRef, rows.length, columns])\n\n      // Handle default selection - only use if no selectedItem is explicitly provided\n      const effectiveSelectedItem = useMemo(() => {\n        // If selectedItem is explicitly provided, use it (including null)\n        if (selectedItem !== undefined) {\n          return selectedItem\n        }\n        // If we have an internal selection, use it\n        if (internalSelectedItem !== null) {\n          return internalSelectedItem\n        }\n        // Otherwise, use first item if selectFirstByDefault is true\n        if (selectFirstByDefault && data.length > 0) {\n          const firstItem = data[0]\n          // Set internal state to first item on initial load\n          setInternalSelectedItem(firstItem)\n          return firstItem\n        }\n        return null\n      }, [selectFirstByDefault, data, selectedItem, internalSelectedItem])\n\n      // Handle row click\n      const handleRowClick = (params: GridRowParams) => {\n        const item = data.find((item) => {\n          const rowData = getRowData(item)\n          return rowData.id === params.id\n        })\n\n        if (item) {\n          // Update internal selection state if not controlled by props\n          if (selectedItem === undefined) {\n            setInternalSelectedItem(item)\n          }\n\n          // Call the user's onRowClick callback\n          if (onRowClick) {\n            onRowClick(item, params)\n          }\n        }\n      }\n\n      // Get selected row ID for highlighting\n      const selectedRowId = useMemo(() => {\n        if (!effectiveSelectedItem || !getItemId) return null\n        return getItemId(effectiveSelectedItem)\n      }, [effectiveSelectedItem, getItemId])\n\n      // Default toolbar with filter and quick filter\n      function DefaultToolbar() {\n        return (\n          <Toolbar>\n            <Box\n              sx={{\n                display: \"flex\",\n                width: \"100%\",\n                gap: 1,\n                p: 0.5,\n                alignItems: \"center\",\n              }}\n            >\n              {title && (\n                <Typography\n                  variant=\"h6\"\n                  sx={{\n                    fontWeight: 500,\n                    color: \"white\",\n                  }}\n                >\n                  {title}\n                  {showCount && ` (${data.length})`}\n                </Typography>\n              )}\n              <Box\n                sx={{\n                  ml: \"auto\",\n                  display: \"flex\",\n                  gap: 0.5,\n                  alignItems: \"center\",\n                  pr: 1,\n                }}\n              >\n                <FilterPanelTrigger\n                  render={\n                    <ToolbarButton aria-label=\"Show filters\">\n                      <FilterListIcon fontSize=\"small\" />\n                    </ToolbarButton>\n                  }\n                />\n                <Divider\n                  orientation=\"vertical\"\n                  flexItem\n                  sx={{\n                    height: \"24px\",\n                    alignSelf: \"center\",\n                  }}\n                />\n                <QuickFilter\n                  render={(props, state) => (\n                    <Box\n                      {...props}\n                      sx={{\n                        display: \"flex\",\n                        overflow: \"hidden\",\n                      }}\n                    >\n                      {!state.expanded && (\n                        <QuickFilterTrigger\n                          render={\n                            <ToolbarButton aria-label=\"Search\">\n                              <SearchIcon fontSize=\"small\" />\n                            </ToolbarButton>\n                          }\n                        />\n                      )}\n                      <Box\n                        sx={{\n                          display: \"flex\",\n                          overflow: \"hidden\",\n                          transition: \"all 0.3s ease-in-out\",\n                          width: state.expanded ? \"200px\" : \"0px\",\n                          position: \"relative\",\n                        }}\n                      >\n                        <Box\n                          sx={{\n                            flex: 1,\n                            position: \"relative\",\n                            \"& .MuiInputBase-root\": {\n                              height: \"32px\",\n                              borderRadius: \"16px\",\n                              backgroundColor: \"#171927\",\n                              paddingLeft: \"40px\",\n                              paddingRight:\n                                state.expanded && state.value !== \"\"\n                                  ? \"40px\"\n                                  : \"12px\",\n                              color: \"white\",\n                              fontSize: \"14px\",\n                              border: \"none !important\",\n                              outline: \"none !important\",\n                              boxShadow: \"none !important\",\n                              \"&::before\": {\n                                display: \"none !important\",\n                                border: \"none !important\",\n                              },\n                              \"&::after\": {\n                                display: \"none !important\",\n                                border: \"none !important\",\n                              },\n                              \"&:hover\": {\n                                \"&::before\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                                \"&::after\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                              },\n                              \"&:focus-within\": {\n                                outline: \"none !important\",\n                                boxShadow: \"none !important\",\n                                \"&::before\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                                \"&::after\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                              },\n                              \"&.Mui-focused\": {\n                                outline: \"none !important\",\n                                boxShadow: \"none !important\",\n                                \"&::before\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                                \"&::after\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                              },\n                              \"& .MuiInputBase-input\": {\n                                padding: \"8px 0\",\n                                border: \"none !important\",\n                                outline: \"none !important\",\n                                boxShadow: \"none !important\",\n                                \"&:focus\": {\n                                  outline: \"none !important\",\n                                  boxShadow: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                                \"&::placeholder\": {\n                                  color: \"rgba(255, 255, 255, 0.3)\",\n                                  opacity: 1,\n                                },\n                              },\n                              \"& fieldset\": {\n                                border: \"none !important\",\n                                display: \"none !important\",\n                              },\n                              \"& .MuiOutlinedInput-notchedOutline\": {\n                                border: \"none !important\",\n                                display: \"none !important\",\n                              },\n                            },\n                          }}\n                        >\n                          {state.expanded && (\n                            <SearchIcon\n                              fontSize=\"small\"\n                              sx={{\n                                position: \"absolute\",\n                                left: \"12px\",\n                                top: \"50%\",\n                                transform: \"translateY(-50%)\",\n                                color: \"rgba(255, 255, 255, 0.6)\",\n                                zIndex: 1,\n                                pointerEvents: \"none\",\n                              }}\n                            />\n                          )}\n                          <QuickFilterControl placeholder={searchPlaceholder} />\n                        </Box>\n                        {state.expanded && state.value !== \"\" && (\n                          <QuickFilterClear\n                            render={\n                              <Box\n                                sx={{\n                                  position: \"absolute\",\n                                  right: \"8px\",\n                                  top: \"50%\",\n                                  transform: \"translateY(-50%)\",\n                                  zIndex: 1,\n                                }}\n                              >\n                                <Box\n                                  sx={{\n                                    minWidth: \"24px\",\n                                    width: \"24px\",\n                                    height: \"24px\",\n                                    padding: 0,\n                                    color: \"rgba(255, 255, 255, 0.6)\",\n                                    \"&:hover\": {\n                                      backgroundColor:\n                                        \"rgba(255, 255, 255, 0.1)\",\n                                    },\n                                  }}\n                                >\n                                  <ToolbarButton aria-label=\"Clear\">\n                                    <ClearIcon fontSize=\"small\" />\n                                  </ToolbarButton>\n                                </Box>\n                              </Box>\n                            }\n                          />\n                        )}\n                      </Box>\n                    </Box>\n                  )}\n                />\n              </Box>\n            </Box>\n          </Toolbar>\n        )\n      }\n\n      const ToolbarComponent = CustomToolbar || DefaultToolbar\n\n      return (\n        <Box\n          ref={containerRef}\n          sx={{\n            height: \"100%\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            // Apply scrollbar styling like in the theme\n            \"& *\": {\n              scrollbarWidth: \"none\",\n              msOverflowStyle: \"none\",\n              \"&::-webkit-scrollbar\": {\n                display: \"none\",\n              },\n            },\n            \"&:hover *\": {\n              scrollbarWidth: \"thin\",\n              scrollbarColor: `${theme.palette.divider} transparent`,\n              \"&::-webkit-scrollbar\": {\n                display: \"block\",\n                width: \"8px\",\n                height: \"8px\",\n              },\n              \"&::-webkit-scrollbar-track\": {\n                background: \"transparent\",\n              },\n              \"&::-webkit-scrollbar-thumb\": {\n                background: theme.palette.divider,\n                borderRadius: \"4px\",\n              },\n              \"&::-webkit-scrollbar-thumb:hover\": {\n                background: theme.palette.action.hover,\n              },\n            },\n            ...sx,\n          }}\n        >\n          <DataGrid\n            apiRef={apiRef}\n            rows={rows}\n            columns={columns}\n            onRowClick={handleRowClick}\n            disableColumnMenu={false}\n            disableRowSelectionOnClick={true}\n            disableMultipleRowSelection={true}\n            hideFooterSelectedRowCount={true}\n            filterMode=\"client\"\n            sortingOrder={[\"desc\", \"asc\"]}\n            hideFooter={false}\n            showToolbar={true}\n            slots={{\n              toolbar: ToolbarComponent,\n            }}\n            initialState={{\n              sorting: {\n                sortModel: [],\n              },\n              filter: {\n                filterModel: {\n                  items: [],\n                },\n              },\n              ...dataGridProps?.initialState,\n            }}\n            {...dataGridProps}\n            // Ensure autosize properties are always enabled and not overridden by dataGridProps\n            autosizeOnMount={true}\n            autosizeOptions={{\n              // Merge any custom autosize options first\n              ...(dataGridProps?.autosizeOptions || {}),\n              // Force these key properties to always be true to maintain autosize behavior\n              includeOutliers: true,\n              includeHeaders: true,\n              expand: true,\n              // Auto-size all columns by default (can be overridden by dataGridProps)\n              columns:\n                dataGridProps?.autosizeOptions?.columns ||\n                columns.map((col) => col.field),\n            }}\n            sx={{\n              border: \"none\",\n\n              width: \"100%\",\n              // Remove any MUI overlays and elevation effects\n              \"& .MuiPaper-root\": {\n                boxShadow: \"none !important\",\n              },\n              \"& .MuiDataGrid-overlay\": {},\n              \"& .MuiDataGrid-main\": {\n                border: \"none\",\n\n                // Remove any surface or paper overlays\n                \"& .MuiPaper-root\": {},\n              },\n              \"& .MuiDataGrid-container--top [role=row]\": {},\n              \"& .MuiDataGrid-topContainer\": {\n                borderBottom: \"none !important\",\n              },\n              \"& .MuiDataGrid-columnHeaders\": {\n                border: \"none\",\n                borderBottom: \"none !important\",\n              },\n              \"& .MuiDataGrid-row\": {\n                cursor: onRowClick ? \"pointer\" : \"default\",\n                border: \"none\",\n                margin: \"1px 0\",\n                position: \"relative\",\n                // Disable all default MUI hover effects\n                backgroundColor: \"transparent !important\",\n                \"&:hover\": {\n                  backgroundColor: \"transparent !important\",\n                  \"&::before\": {\n                    content: '\"\"',\n                    position: \"absolute\",\n                    top: 0,\n                    left: \"16px\",\n                    right: \"16px\",\n                    bottom: 0,\n                    backgroundColor: \"action.hover\",\n                    borderRadius: \"16px\",\n                    zIndex: 0,\n                  },\n                },\n                // Disable MUI's built-in selection styling completely\n                \"&.Mui-selected\": {\n                  backgroundColor: \"transparent !important\",\n                  \"&:hover\": {\n                    backgroundColor: \"transparent !important\",\n                  },\n                },\n                // Highlight selected row with a distinct color using data attribute\n                ...(selectedRowId !== null && {\n                  [`&[data-id=\"${selectedRowId}\"]`]: {\n                    backgroundColor: \"transparent !important\",\n                    \"&::before\": {\n                      content: '\"\"',\n                      position: \"absolute\",\n                      top: 0,\n                      left: \"16px\",\n                      right: \"16px\",\n                      bottom: 0,\n                      backgroundColor: \"rgba(255, 255, 255, 0.08) !important\",\n                      borderRadius: \"16px\",\n                      zIndex: 0,\n                    },\n                    \"&:hover\": {\n                      backgroundColor: \"transparent !important\",\n                    },\n                    \"&:hover::before\": {\n                      backgroundColor: \"rgba(255, 255, 255, 0.12) !important\",\n                    },\n                  },\n                }),\n              },\n              \"& .MuiDataGrid-cell--textLeft\": {\n                paddingLeft: \"40px\",\n              },\n              \"& .MuiDataGrid-cell\": {\n                border: \"none\",\n                position: \"relative\",\n                zIndex: 1,\n                \"&:focus\": {\n                  outline: \"none\",\n                },\n                \"&:focus-within\": {\n                  outline: \"none\",\n                },\n                \"&:hover\": {\n                  backgroundColor: \"transparent !important\",\n                },\n              },\n              \"& .MuiDataGrid-columnHeader\": {\n                border: \"none\",\n                paddingLeft: \"40px\",\n                paddingRight: \"40px\",\n\n                \"& .MuiDataGrid-columnHeaderTitle\": {\n                  color: \"rgba(255, 255, 255, 0.6)\",\n                },\n              },\n              \"& .MuiDataGrid-toolbarContainer\": {\n                padding: \"8px\",\n                border: \"none !important\",\n                borderBottom: \"none !important\",\n\n                \"& .MuiBox-root\": {},\n                \"& .MuiFormControl-root\": {},\n                \"& .MuiInputBase-root\": {},\n                \"& .MuiPaper-root\": {\n                  boxShadow: \"none !important\",\n                },\n                \"& *\": {\n                  borderBottom: \"none !important\",\n                },\n              },\n              \"& .MuiDataGrid-toolbar\": {\n                borderBottom: \"none !important\",\n              },\n              \"& .MuiDataGrid-toolbarFilterList\": {\n                border: \"none\",\n              },\n              \"& .MuiDataGrid-withBorderColor\": {\n                borderColor: \"transparent !important\",\n              },\n              \"& .MuiDataGrid-columnSeparator\": {\n                display: \"none\",\n              },\n              \"& .MuiDataGrid-footerContainer\": {\n                display: \"none\",\n              },\n              \"& .MuiDataGrid-filler\": {\n                border: \"none !important\",\n                borderTop: \"none !important\",\n                borderBottom: \"none !important\",\n                borderLeft: \"none !important\",\n                borderRight: \"none !important\",\n\n                \"--rowBorderColor\": \"none !important\",\n              },\n              // Remove any remaining MUI background overlays\n              \"& .MuiBackdrop-root\": {},\n              \"& .MuiModal-backdrop\": {},\n              ...dataGridProps?.sx,\n            }}\n          />\n        </Box>\n      )\n    },\n  ),\n)\n\nWandelbotsDataGrid.displayName = \"WandelbotsDataGrid\"\n\nexport default WandelbotsDataGrid\n"],"names":["WandelbotsDataGrid","externalizeComponent","observer","data","columns","getRowData","onRowClick","selectedItem","getItemId","title","showCount","searchPlaceholder","dataGridProps","CustomToolbar","selectFirstByDefault","sx","theme","useTheme","apiRef","useGridApiRef","containerRef","useRef","internalSelectedItem","setInternalSelectedItem","useState","rows","useMemo","useEffect","col","resizeObserver","effectiveSelectedItem","firstItem","handleRowClick","params","item","selectedRowId","DefaultToolbar","Toolbar","jsxs","Box","Typography","jsx","FilterPanelTrigger","ToolbarButton","FilterListIcon","Divider","QuickFilter","props","state","QuickFilterTrigger","SearchIcon","QuickFilterControl","QuickFilterClear","ClearIcon","ToolbarComponent","DataGrid","_a"],"mappings":"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"}

package/dist/components/DataGrid.d.ts

@@ -64,3 +64,4 @@ export declare const WandelbotsDataGrid: (<T>({ data, columns, getRowData, onRow
     displayName: string;
 };
 export default WandelbotsDataGrid;
+//# sourceMappingURL=DataGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../src/components/DataGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,GAAG,MAAM,mBAAmB,CAAA;AAGnC,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,UAAU,EACf,KAAK,aAAa,EAQnB,MAAM,kBAAkB,CAAA;AAKzB,MAAM,WAAW,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,CAAA;IAET;;OAEG;IACH,OAAO,EAAE,UAAU,EAAE,CAAA;IAErB;;;OAGG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IAE1E;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI,CAAA;IAErD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAA;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IAEtC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAEnC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,CAAA;CAC5C;AAED,eAAO,MAAM,kBAAkB,IAE1B,CAAC,oKAcC,uBAAuB,CAAC,CAAC,CAAC;;CAmiBhC,CAAA;AAID,eAAe,kBAAkB,CAAA"}

package/dist/components/DataGrid.js

@@ -9,7 +9,7 @@ import j from "@mui/material/Typography";
 import { useGridApiRef as E, DataGrid as Y, Toolbar as A, FilterPanelTrigger as G, ToolbarButton as g, QuickFilter as N, QuickFilterTrigger as q, QuickFilterControl as J, QuickFilterClear as K } from "@mui/x-data-grid";
 import { observer as U } from "mobx-react-lite";
 import { useRef as V, useState as X, useMemo as M, useEffect as D } from "react";
-import { e as Z } from "../chunks/externalizeComponent-eiCc5DIh.js";
+import { externalizeComponent as Z } from "../externalizeComponent.js";
 const _ = Z(
   U(
     ({
@@ -532,3 +532,4 @@ export {
   _ as WandelbotsDataGrid,
   _ as default
 };
+//# sourceMappingURL=DataGrid.js.map