@wandelbots/wandelbots-js-react-components 5.5.0 → 5.5.1-pr.fix-standardize-output.591.0e6ee47

package/dist/components/RobotListItem.js

@@ -1,31 +1,31 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import f from "@mui/icons-material/Error";
 import { useTheme as x } from "@mui/material/styles";
 import r from "@mui/material/Box";
 import y from "@mui/material/Divider";
 import p from "@mui/material/Typography";
 import { observer as b } from "mobx-react-lite";
-import { externalizeComponent as h } from "../externalizeComponent.js";
+import { e as h } from "../chunks/externalizeComponent-eiCc5DIh.js";
 import { RobotSetupReadinessState as g, RobotSetupReadinessIndicator as u } from "./RobotSetupReadinessIndicator.js";
-import R from "../icons/robot.svg.js";
-const $ = h(
+import { F as R } from "../chunks/robot-D97QEl_l.js";
+const T = h(
   b(
     ({
-      robotName: l,
-      robotType: s,
+      robotName: s,
+      robotType: l,
       setupState: o,
       PreconditionComponent: i = u,
       className: m
     }) => {
       var a;
-      const t = x(), d = s || "Robot", c = o === g.READY;
+      const e = x(), d = l || "Robot", c = o === g.READY;
       return /* @__PURE__ */ n(
         r,
         {
           className: m,
           sx: {
-            border: `1px solid ${t.palette.divider}`,
-            background: ((a = t.palette.backgroundPaperElevation) == null ? void 0 : a[8]) || "#292B3F",
+            border: `1px solid ${e.palette.divider}`,
+            background: ((a = e.palette.backgroundPaperElevation) == null ? void 0 : a[8]) || "#292B3F",
             borderRadius: "8px",
             padding: "20px",
             display: "flex",
@@ -44,7 +44,7 @@ const $ = h(
                   flex: 1
                 },
                 children: [
-                  c ? /* @__PURE__ */ e(
+                  c ? /* @__PURE__ */ t(
                     r,
                     {
                       sx: {
@@ -55,52 +55,52 @@ const $ = h(
                         width: 24,
                         height: 24,
                         "& svg": {
-                          fill: `${t.palette.primary.main} !important`
+                          fill: `${e.palette.primary.main} !important`
                         },
                         "& svg path": {
-                          fill: `${t.palette.primary.main} !important`
+                          fill: `${e.palette.primary.main} !important`
                         }
                       },
-                      children: /* @__PURE__ */ e(R, {})
+                      children: /* @__PURE__ */ t(R, {})
                     }
-                  ) : /* @__PURE__ */ e(
+                  ) : /* @__PURE__ */ t(
                     f,
                     {
                       sx: {
-                        color: t.palette.error.main,
+                        color: e.palette.error.main,
                         fontSize: 24
                       }
                     }
                   ),
-                  /* @__PURE__ */ e(
+                  /* @__PURE__ */ t(
                     p,
                     {
                       variant: "body1",
                       sx: {
                         fontWeight: 500,
-                        color: t.palette.text.primary
+                        color: e.palette.text.primary
                       },
-                      children: l
+                      children: s
                     }
                   ),
-                  /* @__PURE__ */ e(
+                  /* @__PURE__ */ t(
                     y,
                     {
                       orientation: "vertical",
                       flexItem: !0,
                       sx: {
-                        backgroundColor: t.palette.text.secondary,
+                        backgroundColor: e.palette.text.secondary,
                         opacity: 0.3,
                         width: "1px"
                       }
                     }
                   ),
-                  /* @__PURE__ */ e(
+                  /* @__PURE__ */ t(
                     p,
                     {
                       variant: "body2",
                       sx: {
-                        color: t.palette.text.secondary
+                        color: e.palette.text.secondary
                       },
                       children: d
                     }
@@ -108,7 +108,7 @@ const $ = h(
                 ]
               }
             ),
-            i && /* @__PURE__ */ e(i, { setupState: o })
+            i && /* @__PURE__ */ t(i, { setupState: o })
           ]
         }
       );
@@ -116,7 +116,6 @@ const $ = h(
   )
 );
 export {
-  $ as RobotListItem,
-  $ as default
+  T as RobotListItem,
+  T as default
 };
-//# sourceMappingURL=RobotListItem.js.map

package/dist/components/RobotSetupReadinessIndicator.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),k=require("@mui/material/styles"),u=require("@mui/material/Box"),R=require("@mui/material/Chip"),I=require("@mui/material/Typography"),N=require("mobx-react-lite"),_=require("react-i18next"),m=require("../externalizeComponent.cjs");var b=(t=>(t.PRECONDITION_NOT_FULFILLED="PRECONDITION_NOT_FULFILLED",t.ROBOT_DISCONNECTED="ROBOT_DISCONNECTED",t.CELL_OPEN="CELL_OPEN",t.E_STOP="E_STOP",t.MANUAL_MODE="MANUAL_MODE",t.READY="READY",t))(b||{});const C=m.externalizeComponent(N.observer(({setupState:t,className:g})=>{const e=k.useTheme(),{t:r}=_.useTranslation(),E=()=>{var n,l,i,c,d,s,p;switch(t){case"READY":return{label:r("RobotSetupReadinessIndicator.Ready.lb"),indicatorColor:((n=e.palette.tertiary)==null?void 0:n.main)||e.palette.primary.main,backgroundColor:((l=e.palette.backgroundPaperElevation)==null?void 0:l[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};case"ROBOT_DISCONNECTED":return{label:r("RobotSetupReadinessIndicator.RobotDisconnected.lb"),indicatorColor:e.palette.error.main,backgroundColor:((i=e.palette.backgroundPaperElevation)==null?void 0:i[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};case"CELL_OPEN":return{label:r("RobotSetupReadinessIndicator.CellOpen.lb"),indicatorColor:e.palette.error.main,backgroundColor:((c=e.palette.backgroundPaperElevation)==null?void 0:c[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};case"E_STOP":return{label:r("RobotSetupReadinessIndicator.EStop.lb"),indicatorColor:e.palette.error.main,backgroundColor:((d=e.palette.backgroundPaperElevation)==null?void 0:d[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};case"MANUAL_MODE":return{label:r("RobotSetupReadinessIndicator.ManualMode.lb"),indicatorColor:e.palette.error.main,backgroundColor:((s=e.palette.backgroundPaperElevation)==null?void 0:s[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};default:return{label:r("RobotSetupReadinessIndicator.PreconditionNotFulfilled.lb"),indicatorColor:e.palette.error.main,backgroundColor:((p=e.palette.backgroundPaperElevation)==null?void 0:p[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText}}},{label:x,indicatorColor:O,backgroundColor:a,textColor:T}=E();return o.jsx(R,{className:g,label:o.jsxs(u,{sx:{display:"flex",alignItems:"center",gap:1},children:[o.jsx(u,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:O,flexShrink:0}}),o.jsx(I,{variant:"body2",sx:{color:T,fontSize:"0.75rem",lineHeight:1.2},children:x})]}),variant:"filled",sx:{backgroundColor:a,color:e.palette.getContrastText(a),fontWeight:500,height:"auto","& .MuiChip-label":{paddingX:1.5,paddingY:.5}}})}));exports.RobotSetupReadinessIndicator=C;exports.RobotSetupReadinessState=b;exports.default=C;
-//# sourceMappingURL=RobotSetupReadinessIndicator.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),k=require("@mui/material/styles"),u=require("@mui/material/Box"),R=require("@mui/material/Chip"),I=require("@mui/material/Typography"),N=require("mobx-react-lite"),_=require("react-i18next"),m=require("../chunks/externalizeComponent-DOwkaDcw.cjs");var b=(t=>(t.PRECONDITION_NOT_FULFILLED="PRECONDITION_NOT_FULFILLED",t.ROBOT_DISCONNECTED="ROBOT_DISCONNECTED",t.CELL_OPEN="CELL_OPEN",t.E_STOP="E_STOP",t.MANUAL_MODE="MANUAL_MODE",t.READY="READY",t))(b||{});const C=m.externalizeComponent(N.observer(({setupState:t,className:g})=>{const e=k.useTheme(),{t:r}=_.useTranslation(),E=()=>{var n,l,i,c,d,s,p;switch(t){case"READY":return{label:r("RobotSetupReadinessIndicator.Ready.lb"),indicatorColor:((n=e.palette.tertiary)==null?void 0:n.main)||e.palette.primary.main,backgroundColor:((l=e.palette.backgroundPaperElevation)==null?void 0:l[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};case"ROBOT_DISCONNECTED":return{label:r("RobotSetupReadinessIndicator.RobotDisconnected.lb"),indicatorColor:e.palette.error.main,backgroundColor:((i=e.palette.backgroundPaperElevation)==null?void 0:i[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};case"CELL_OPEN":return{label:r("RobotSetupReadinessIndicator.CellOpen.lb"),indicatorColor:e.palette.error.main,backgroundColor:((c=e.palette.backgroundPaperElevation)==null?void 0:c[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};case"E_STOP":return{label:r("RobotSetupReadinessIndicator.EStop.lb"),indicatorColor:e.palette.error.main,backgroundColor:((d=e.palette.backgroundPaperElevation)==null?void 0:d[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};case"MANUAL_MODE":return{label:r("RobotSetupReadinessIndicator.ManualMode.lb"),indicatorColor:e.palette.error.main,backgroundColor:((s=e.palette.backgroundPaperElevation)==null?void 0:s[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};default:return{label:r("RobotSetupReadinessIndicator.PreconditionNotFulfilled.lb"),indicatorColor:e.palette.error.main,backgroundColor:((p=e.palette.backgroundPaperElevation)==null?void 0:p[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText}}},{label:x,indicatorColor:O,backgroundColor:a,textColor:T}=E();return o.jsx(R,{className:g,label:o.jsxs(u,{sx:{display:"flex",alignItems:"center",gap:1},children:[o.jsx(u,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:O,flexShrink:0}}),o.jsx(I,{variant:"body2",sx:{color:T,fontSize:"0.75rem",lineHeight:1.2},children:x})]}),variant:"filled",sx:{backgroundColor:a,color:e.palette.getContrastText(a),fontWeight:500,height:"auto","& .MuiChip-label":{paddingX:1.5,paddingY:.5}}})}));exports.RobotSetupReadinessIndicator=C;exports.RobotSetupReadinessState=b;exports.default=C;

package/dist/components/RobotSetupReadinessIndicator.d.ts

@@ -35,4 +35,3 @@ export declare const RobotSetupReadinessIndicator: (({ setupState, className }:
     displayName: string;
 };
 export default RobotSetupReadinessIndicator;
-//# sourceMappingURL=RobotSetupReadinessIndicator.d.ts.map

package/dist/components/RobotSetupReadinessIndicator.js

@@ -5,7 +5,7 @@ import T from "@mui/material/Chip";
 import k from "@mui/material/Typography";
 import { observer as N } from "mobx-react-lite";
 import { useTranslation as I } from "react-i18next";
-import { externalizeComponent as f } from "../externalizeComponent.js";
+import { e as f } from "../chunks/externalizeComponent-eiCc5DIh.js";
 var D = /* @__PURE__ */ ((t) => (t.PRECONDITION_NOT_FULFILLED = "PRECONDITION_NOT_FULFILLED", t.ROBOT_DISCONNECTED = "ROBOT_DISCONNECTED", t.CELL_OPEN = "CELL_OPEN", t.E_STOP = "E_STOP", t.MANUAL_MODE = "MANUAL_MODE", t.READY = "READY", t))(D || {});
 const M = f(
   N(({ setupState: t, className: u }) => {
@@ -119,4 +119,3 @@ export {
   D as RobotSetupReadinessState,
   M as default
 };
-//# sourceMappingURL=RobotSetupReadinessIndicator.js.map

package/dist/components/SelectableFab.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),s=require("@mui/material/styles"),d=require("@mui/material/Fab"),n=s.styled(d,{shouldForwardProp:e=>e!=="selected"})(({theme:e})=>{var r,t,o;return{borderRadius:"20px","&:hover":{background:(r=e.palette.backgroundPaperElevation)==null?void 0:r[7]},variants:[{props:({selected:a})=>!a,style:{background:(t=e.palette.backgroundPaperElevation)==null?void 0:t[0],color:e.palette.action.disabled,"> img":{opacity:.4}}},{props:({selected:a})=>a,style:{background:(o=e.palette.backgroundPaperElevation)==null?void 0:o[11],border:`1px solid ${e.palette.divider}`,color:e.palette.primary.contrastText}}]}}),l=e=>{const{ref:r,...t}=e;return c.jsx(n,{ref:r,selected:e.selected,...t,color:"secondary",variant:"circular"})};exports.SelectableFab=l;exports.default=l;
-//# sourceMappingURL=SelectableFab.cjs.map

package/dist/components/SelectableFab.d.ts

@@ -5,4 +5,3 @@ type CodeFabProps = {
 } & Omit<FabProps, "variant" | "color">;
 export declare const SelectableFab: (props: CodeFabProps) => import("react/jsx-runtime").JSX.Element;
 export default SelectableFab;
-//# sourceMappingURL=SelectableFab.d.ts.map

package/dist/components/SelectableFab.js

@@ -48,4 +48,3 @@ export {
   b as SelectableFab,
   b as default
 };
-//# sourceMappingURL=SelectableFab.js.map

package/dist/components/TabBar.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),P=require("@mui/material/Badge"),d=require("@mui/material/Box"),R=require("@mui/material/Tab"),S=require("@mui/material/Tabs"),z=require("mobx-react-lite"),y=require("react"),Z=require("../externalizeComponent.cjs");function A(u){const{children:n,value:s,index:l,...r}=u;return o.jsx("div",{role:"tabpanel",hidden:s!==l,id:`tabpanel-${l}`,"aria-labelledby":`tab-${l}`,...r,children:s===l&&o.jsx(d,{children:n})})}function E({children:u,...n}){const{fullWidth:s,indicator:l,onChange:r,orientation:v,scrollButtons:f,selectionFollowsFocus:c,textColor:p,value:g,variant:b,...x}=n;return o.jsx(d,{...x,children:u})}const B=Z.externalizeComponent(z.observer(u=>{const{items:n,activeTab:s,defaultActiveTab:l=0,onTabChange:r,sx:v,ref:f}=u,c=s!==void 0,[p,g]=y.useState(l),b=c?s:p;y.useEffect(()=>{c||n.length!==0&&(p<0||p>n.length-1)&&g(0)},[n.length,c,p]);const x=(e,a)=>{c||g(a),r==null||r(a)};return o.jsxs(d,{ref:f,sx:{height:"100%",display:"flex",flexDirection:"column",...v},children:[o.jsx(d,{sx:{px:0,py:0,overflow:"visible",position:"relative",paddingTop:e=>e.spacing(2),paddingRight:e=>e.spacing(2.5)},children:o.jsx(S,{value:b,onChange:x,sx:{minHeight:"32px",backgroundColor:"transparent",overflow:"visible","& .MuiTabs-indicator":{display:"none"},"& .MuiTabs-flexContainer":{gap:2,overflow:"visible",paddingTop:0,paddingBottom:0},"& .MuiTabs-scroller":{overflow:"visible !important"},"& .MuiTab-root":{overflow:"visible"}},children:n.map((e,a)=>{var T,j,w;const C=()=>{if(!e.badge)return;const i=e.badge.content,t=e.badge.max;return typeof i=="number"&&t&&i>t?`${t}+`:i},m=()=>{if(!e.badge)return!1;const i=e.badge.content,t=e.badge.showZero;return!(i===0&&!t)},q=C(),M=m(),k=()=>{c||g(a),r==null||r(a)},h=o.jsx(R,{label:e.label,icon:e.icon,iconPosition:"start",disableRipple:!0,onClick:k,sx:{minHeight:"32px",height:"32px",padding:"0px 10px",borderRadius:"12px",backgroundColor:i=>{var t;return((t=i.palette.backgroundPaperElevation)==null?void 0:t[11])||"#32344B"},color:"text.primary",opacity:b===a?1:.38,fontSize:"13px",transition:"all 0.2s ease-in-out",position:"relative",overflow:"visible","&:hover":{opacity:b===a?1:.6},"&.Mui-selected":{opacity:1,backgroundColor:i=>{var t;return((t=i.palette.backgroundPaperElevation)==null?void 0:t[11])||"#32344B"},color:"text.primary"},"&:focus":{outline:"none"},"&:active":{transform:"none"}}},e.id);return M?o.jsx(E,{component:"span",sx:{display:"inline-flex"},children:o.jsx(P,{badgeContent:q,color:((T=e.badge)==null?void 0:T.color)||"error",max:(j=e.badge)==null?void 0:j.max,showZero:(w=e.badge)==null?void 0:w.showZero,anchorOrigin:{vertical:"top",horizontal:"right"},overlap:"rectangular",sx:{"& .MuiBadge-badge":{opacity:"1 !important"}},children:h})},e.id):h})})}),o.jsx(d,{sx:{mt:e=>e.spacing(2),borderBottom:1,borderColor:"divider"}}),o.jsx(d,{sx:{flex:1,overflow:"auto"},children:n.map((e,a)=>o.jsx(A,{value:b,index:a,children:e.content},e.id))})]})}));exports.TabBar=B;exports.default=B;
-//# sourceMappingURL=TabBar.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),P=require("@mui/material/Badge"),d=require("@mui/material/Box"),R=require("@mui/material/Tab"),S=require("@mui/material/Tabs"),z=require("mobx-react-lite"),y=require("react"),Z=require("../chunks/externalizeComponent-DOwkaDcw.cjs");function A(u){const{children:n,value:s,index:l,...r}=u;return o.jsx("div",{role:"tabpanel",hidden:s!==l,id:`tabpanel-${l}`,"aria-labelledby":`tab-${l}`,...r,children:s===l&&o.jsx(d,{children:n})})}function E({children:u,...n}){const{fullWidth:s,indicator:l,onChange:r,orientation:v,scrollButtons:f,selectionFollowsFocus:c,textColor:p,value:g,variant:b,...x}=n;return o.jsx(d,{...x,children:u})}const B=Z.externalizeComponent(z.observer(u=>{const{items:n,activeTab:s,defaultActiveTab:l=0,onTabChange:r,sx:v,ref:f}=u,c=s!==void 0,[p,g]=y.useState(l),b=c?s:p;y.useEffect(()=>{c||n.length!==0&&(p<0||p>n.length-1)&&g(0)},[n.length,c,p]);const x=(e,a)=>{c||g(a),r==null||r(a)};return o.jsxs(d,{ref:f,sx:{height:"100%",display:"flex",flexDirection:"column",...v},children:[o.jsx(d,{sx:{px:0,py:0,overflow:"visible",position:"relative",paddingTop:e=>e.spacing(2),paddingRight:e=>e.spacing(2.5)},children:o.jsx(S,{value:b,onChange:x,sx:{minHeight:"32px",backgroundColor:"transparent",overflow:"visible","& .MuiTabs-indicator":{display:"none"},"& .MuiTabs-flexContainer":{gap:2,overflow:"visible",paddingTop:0,paddingBottom:0},"& .MuiTabs-scroller":{overflow:"visible !important"},"& .MuiTab-root":{overflow:"visible"}},children:n.map((e,a)=>{var T,j,w;const C=()=>{if(!e.badge)return;const i=e.badge.content,t=e.badge.max;return typeof i=="number"&&t&&i>t?`${t}+`:i},m=()=>{if(!e.badge)return!1;const i=e.badge.content,t=e.badge.showZero;return!(i===0&&!t)},q=C(),M=m(),k=()=>{c||g(a),r==null||r(a)},h=o.jsx(R,{label:e.label,icon:e.icon,iconPosition:"start",disableRipple:!0,onClick:k,sx:{minHeight:"32px",height:"32px",padding:"0px 10px",borderRadius:"12px",backgroundColor:i=>{var t;return((t=i.palette.backgroundPaperElevation)==null?void 0:t[11])||"#32344B"},color:"text.primary",opacity:b===a?1:.38,fontSize:"13px",transition:"all 0.2s ease-in-out",position:"relative",overflow:"visible","&:hover":{opacity:b===a?1:.6},"&.Mui-selected":{opacity:1,backgroundColor:i=>{var t;return((t=i.palette.backgroundPaperElevation)==null?void 0:t[11])||"#32344B"},color:"text.primary"},"&:focus":{outline:"none"},"&:active":{transform:"none"}}},e.id);return M?o.jsx(E,{component:"span",sx:{display:"inline-flex"},children:o.jsx(P,{badgeContent:q,color:((T=e.badge)==null?void 0:T.color)||"error",max:(j=e.badge)==null?void 0:j.max,showZero:(w=e.badge)==null?void 0:w.showZero,anchorOrigin:{vertical:"top",horizontal:"right"},overlap:"rectangular",sx:{"& .MuiBadge-badge":{opacity:"1 !important"}},children:h})},e.id):h})})}),o.jsx(d,{sx:{mt:e=>e.spacing(2),borderBottom:1,borderColor:"divider"}}),o.jsx(d,{sx:{flex:1,overflow:"auto"},children:n.map((e,a)=>o.jsx(A,{value:b,index:a,children:e.content},e.id))})]})}));exports.TabBar=B;exports.default=B;

package/dist/components/TabBar.d.ts

@@ -43,4 +43,3 @@ export declare const TabBar: ((props: TabBarProps) => import("react/jsx-runtime"
     displayName: string;
 };
 export default TabBar;
-//# sourceMappingURL=TabBar.d.ts.map

package/dist/components/TabBar.js

@@ -5,7 +5,7 @@ import z from "@mui/material/Tab";
 import A from "@mui/material/Tabs";
 import { observer as E } from "mobx-react-lite";
 import { useState as R, useEffect as S } from "react";
-import { externalizeComponent as $ } from "../externalizeComponent.js";
+import { e as $ } from "../chunks/externalizeComponent-eiCc5DIh.js";
 function j(p) {
   const { children: t, value: s, index: l, ...n } = p;
   return /* @__PURE__ */ r(
@@ -209,4 +209,3 @@ export {
   I as TabBar,
   I as default
 };
-//# sourceMappingURL=TabBar.js.map

package/dist/components/ThemeSelect.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),c=require("@mui/material/Select"),d=require("@mui/material/styles"),r=require("lodash-es/defaultsDeep.js"),o=({kind:t,sx:n,...l})=>{const u=d.useTheme();let e=r(n,{backgroundColor:u.palette.background.default,borderRadius:"10px",borderStyle:"none",color:"currentColor","& > div":{padding:"4px 16px"},"& fieldset":{border:"none"}});return t==="outlined"?e=r({backgroundColor:"transparent"},e):t==="text"&&(e=r({backgroundColor:"transparent","& .MuiSvgIcon-root":{borderStyle:"none",color:"inherit"}},e)),s.jsx(c,{sx:e,...l})};exports.ThemeSelect=o;exports.default=o;

package/dist/components/ThemeSelect.d.ts

@@ -4,4 +4,3 @@ type ThemeSelectProps = {
 } & React.ComponentProps<typeof Select>;
 export declare const ThemeSelect: ({ kind, sx, ...rest }: ThemeSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default ThemeSelect;
-//# sourceMappingURL=ThemeSelect.d.ts.map

package/dist/components/ThemeSelect.js

@@ -0,0 +1,38 @@
+import { jsx as d } from "react/jsx-runtime";
+import a from "@mui/material/Select";
+import { useTheme as i } from "@mui/material/styles";
+import o from "lodash-es/defaultsDeep.js";
+const m = ({ kind: r, sx: t, ...n }) => {
+  const l = i();
+  let e = o(t, {
+    backgroundColor: l.palette.background.default,
+    borderRadius: "10px",
+    borderStyle: "none",
+    color: "currentColor",
+    "& > div": {
+      padding: "4px 16px"
+    },
+    "& fieldset": {
+      border: "none"
+    }
+  });
+  return r === "outlined" ? e = o(
+    {
+      backgroundColor: "transparent"
+    },
+    e
+  ) : r === "text" && (e = o(
+    {
+      backgroundColor: "transparent",
+      "& .MuiSvgIcon-root": {
+        borderStyle: "none",
+        color: "inherit"
+      }
+    },
+    e
+  )), /* @__PURE__ */ d(a, { sx: e, ...n });
+};
+export {
+  m as ThemeSelect,
+  m as default
+};

package/dist/components/Timer/Timer.cjs

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

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

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

package/dist/components/Timer/Timer.js

@@ -0,0 +1,5 @@
+import { Timer as m, Timer as a } from "./index.js";
+export {
+  m as Timer,
+  a as default
+};

package/dist/components/Timer/TimerDefaultVariant.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@mui/material/Box"),s=require("@mui/material/Fade"),o=require("@mui/material/Typography"),d=require("@mui/x-charts"),m=require("@mui/material/styles"),f=require("react-i18next"),y=require("./utils.cjs"),j=({timerState:a,animationState:l,hasError:i,className:u})=>{const{t:c}=f.useTranslation(),t=m.useTheme(),{elapsedTime:x,currentProgress:h}=a,{showErrorAnimation:p,showPauseAnimation:g,showMainText:r}=l;return e.jsxs(n,{className:u,sx:{position:"relative",width:264,height:264,display:"flex",alignItems:"center",justifyContent:"center"},children:[e.jsx(d.Gauge,{width:264,height:264,value:h,valueMin:0,valueMax:100,innerRadius:"85%",outerRadius:"100%",margin:0,skipAnimation:!0,text:()=>"",sx:{opacity:g||p?.6:1,transition:"opacity 0.5s ease-out","& .MuiGauge-valueArc":{fill:i?t.palette.error.light:t.palette.success.main,transition:"fill 0.5s ease-out"},"& .MuiGauge-referenceArc":{fill:"#171927",stroke:"transparent",strokeWidth:0,transition:"fill 0.5s ease-out, stroke 0.5s ease-out, stroke-width 0.5s ease-out"},"& .MuiGauge-valueText":{display:"none"},"& .MuiGauge-text":{display:"none"}}}),e.jsx(n,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:225,height:225,borderRadius:"50%",backgroundColor:"#292B3F",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",gap:1,transition:"background-color 0.5s ease-out"},children:e.jsxs(n,{sx:{position:"relative",height:"48px",display:"flex",alignItems:"center",justifyContent:"center",marginBottom:.5},children:[e.jsx(s,{in:r&&i,timeout:200,children:e.jsx(o,{variant:"h6",sx:{position:"absolute",fontSize:"16px",fontWeight:500,color:t.palette.error.light},children:c("timer.error")})}),e.jsx(s,{in:r&&!i,timeout:300,children:e.jsx(o,{variant:"h1",sx:{position:"absolute",fontSize:"48px",fontWeight:500,color:t.palette.text.primary,lineHeight:1,letterSpacing:"-0.5px"},children:y.formatTime(x)})})]})})]})};exports.TimerDefaultVariant=j;
-//# sourceMappingURL=TimerDefaultVariant.cjs.map

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

@@ -7,4 +7,3 @@ interface TimerDefaultVariantProps {
 }
 export declare const TimerDefaultVariant: ({ timerState, animationState, hasError, className, }: TimerDefaultVariantProps) => import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=TimerDefaultVariant.d.ts.map

package/dist/components/Timer/TimerDefaultVariant.js

@@ -133,4 +133,3 @@ const C = ({
 export {
   C as TimerDefaultVariant
 };
-//# sourceMappingURL=TimerDefaultVariant.js.map

package/dist/components/Timer/TimerSmallVariant.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("@mui/material/Box"),l=require("@mui/material/Typography"),h=require("@mui/material/styles"),d=require("react-i18next"),c=require("./utils.cjs"),f=({timerState:u,animationState:m,hasError:i,compact:p,className:r})=>{const{t:o,i18n:n}=d.useTranslation(),e=h.useTheme(),{elapsedTime:a,currentProgress:x}=u,{showErrorAnimation:y,showPauseAnimation:g}=m;return p?t.jsx(s,{className:r,sx:{display:"flex",alignItems:"center",m:0},children:t.jsx(l,{variant:"body2",sx:{color:i?e.palette.error.light:e.palette.text.primary,fontSize:"14px",transition:"color 0.5s ease-out"},children:i?o("timer.error"):c.formatTimeLocalized(a,n.language)})}):t.jsxs(s,{className:r,sx:{display:"flex",alignItems:"center",m:0,gap:1},children:[t.jsx(s,{sx:{width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center",opacity:g||y?.6:1,transition:"opacity 0.5s ease-out"},children:t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",style:{transform:"rotate(-90deg)"},role:"img","aria-label":"Timer progress",children:[t.jsx("circle",{cx:"10",cy:"10",r:"8",fill:"none",stroke:i?e.palette.error.light:e.palette.success.main,strokeWidth:"2",opacity:.3,style:{transition:"stroke 0.8s ease-in-out, opacity 2s ease-in-out"}}),t.jsx("circle",{cx:"10",cy:"10",r:"8",fill:"none",stroke:i?e.palette.error.light:e.palette.success.main,strokeWidth:"2",strokeLinecap:"round",strokeDasharray:`${2*Math.PI*8}`,strokeDashoffset:`${2*Math.PI*8*(1-x/100)}`,style:{transition:"stroke-dashoffset 0.1s ease-out, stroke 0.8s ease-in-out, opacity 2s ease-in-out"}})]})}),t.jsx(l,{variant:"body2",sx:{color:i?e.palette.error.light:e.palette.text.primary,fontSize:"14px",lineHeight:"normal",letterSpacing:"normal",transition:"color 0.8s ease-in-out, font-size 0.3s ease-out, opacity 2s ease-in-out"},children:i?o("timer.error"):c.formatTimeLocalized(a,n.language)})]})};exports.TimerSmallVariant=f;
-//# sourceMappingURL=TimerSmallVariant.cjs.map

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

@@ -8,4 +8,3 @@ interface TimerSmallVariantProps {
 }
 export declare const TimerSmallVariant: ({ timerState, animationState, hasError, compact, className, }: TimerSmallVariantProps) => import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=TimerSmallVariant.d.ts.map

package/dist/components/Timer/TimerSmallVariant.js

@@ -125,4 +125,3 @@ const P = ({
 export {
   P as TimerSmallVariant
 };
-//# sourceMappingURL=TimerSmallVariant.js.map

package/dist/components/Timer/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),x=require("mobx-react-lite"),t=require("react"),E=require("../../externalizeComponent.cjs"),b=require("./TimerDefaultVariant.cjs"),j=require("./TimerSmallVariant.cjs"),p=require("./useTimerAnimations.cjs"),V=require("./useTimerLogic.cjs"),c=E.externalizeComponent(x.observer(({onTimerReady:r,autoStart:f=!0,variant:T="default",compact:A=!1,className:i,hasError:e=!1})=>{const{animationState:n,triggerPauseAnimation:g,triggerErrorAnimation:q,clearErrorAnimation:S,setInitialAnimationState:o,cleanup:a}=p.useTimerAnimations(),{timerState:u,controls:s}=V.useTimerLogic({autoStart:f,hasError:e,onPauseAnimation:g,onErrorAnimation:q,onClearErrorAnimation:S});return t.useEffect(()=>{o()},[o]),t.useEffect(()=>{let m=!0;const d=setTimeout(()=>{m&&r(s)},0);return()=>{m=!1,clearTimeout(d)}},[r,s]),t.useEffect(()=>a,[a]),T==="small"?l.jsx(j.TimerSmallVariant,{timerState:u,animationState:n,hasError:e,compact:A,className:i}):l.jsx(b.TimerDefaultVariant,{timerState:u,animationState:n,hasError:e,className:i})}));exports.Timer=c;exports.default=c;
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),S=require("mobx-react-lite"),t=require("react"),d=require("../../chunks/externalizeComponent-DOwkaDcw.cjs"),x=require("./TimerDefaultVariant.cjs"),E=require("./TimerSmallVariant.cjs"),b=require("./useTimerAnimations.cjs"),j=require("./useTimerLogic.cjs"),l=d.externalizeComponent(S.observer(({onTimerReady:r,autoStart:f=!0,variant:T="default",compact:_=!1,className:i,hasError:e=!1})=>{const{animationState:n,triggerPauseAnimation:A,triggerErrorAnimation:g,clearErrorAnimation:p,setInitialAnimationState:o,cleanup:a}=b.useTimerAnimations(),{timerState:s,controls:u}=j.useTimerLogic({autoStart:f,hasError:e,onPauseAnimation:A,onErrorAnimation:g,onClearErrorAnimation:p});return t.useEffect(()=>{o()},[o]),t.useEffect(()=>{let m=!0;const q=setTimeout(()=>{m&&r(u)},0);return()=>{m=!1,clearTimeout(q)}},[r,u]),t.useEffect(()=>a,[a]),T==="small"?c.jsx(E.TimerSmallVariant,{timerState:s,animationState:n,hasError:e,compact:_,className:i}):c.jsx(x.TimerDefaultVariant,{timerState:s,animationState:n,hasError:e,className:i})}));exports.Timer=l;exports.default=l;

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

@@ -17,4 +17,3 @@ export declare const Timer: (({ onTimerReady, autoStart, variant, compact, class
     displayName: string;
 };
 export default Timer;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Timer/index.js

@@ -1,7 +1,7 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { observer as d } from "mobx-react-lite";
 import { useEffect as r } from "react";
-import { externalizeComponent as x } from "../../externalizeComponent.js";
+import { e as x } from "../../chunks/externalizeComponent-eiCc5DIh.js";
 import { TimerDefaultVariant as E } from "./TimerDefaultVariant.js";
 import { TimerSmallVariant as C } from "./TimerSmallVariant.js";
 import { useTimerAnimations as I } from "./useTimerAnimations.js";
@@ -9,11 +9,11 @@ import { useTimerLogic as P } from "./useTimerLogic.js";
 const k = x(
   d(
     ({
-      onTimerReady: i,
-      autoStart: s = !0,
+      onTimerReady: e,
+      autoStart: l = !0,
       variant: p = "default",
       compact: c = !1,
-      className: e,
+      className: i,
       hasError: t = !1
     }) => {
       const {
@@ -24,7 +24,7 @@ const k = x(
         setInitialAnimationState: n,
         cleanup: m
       } = I(), { timerState: a, controls: u } = P({
-        autoStart: s,
+        autoStart: l,
         hasError: t,
         onPauseAnimation: A,
         onErrorAnimation: T,
@@ -35,27 +35,27 @@ const k = x(
       }, [n]), r(() => {
         let f = !0;
         const S = setTimeout(() => {
-          f && i(u);
+          f && e(u);
         }, 0);
         return () => {
           f = !1, clearTimeout(S);
         };
-      }, [i, u]), r(() => m, [m]), p === "small" ? /* @__PURE__ */ l(
+      }, [e, u]), r(() => m, [m]), p === "small" ? /* @__PURE__ */ s(
         C,
         {
           timerState: a,
           animationState: o,
           hasError: t,
           compact: c,
-          className: e
+          className: i
         }
-      ) : /* @__PURE__ */ l(
+      ) : /* @__PURE__ */ s(
         E,
         {
           timerState: a,
           animationState: o,
           hasError: t,
-          className: e
+          className: i
         }
       );
     }
@@ -65,4 +65,3 @@ export {
   k as Timer,
   k as default
 };
-//# sourceMappingURL=index.js.map

package/dist/components/Timer/types.cjs

@@ -0,0 +1 @@
+"use strict";

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

@@ -33,4 +33,3 @@ export interface TimerAnimationState {
     showErrorAnimation: boolean;
     showMainText: boolean;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Timer/types.js

@@ -0,0 +1 @@
+

package/dist/components/Timer/useTimerAnimations.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),T=()=>{const[o,r]=t.useState({showPauseAnimation:!1,showErrorAnimation:!1,showMainText:!0}),i=t.useRef(null),n=t.useRef(null),a=t.useRef(null),u=t.useCallback(()=>{r(e=>({...e,showPauseAnimation:!0})),i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{r(e=>({...e,showPauseAnimation:!1}))},800)},[]),s=t.useCallback(()=>{r(e=>({...e,showErrorAnimation:!0})),n.current&&clearTimeout(n.current),n.current=setTimeout(()=>{r(e=>({...e,showErrorAnimation:!1}))},600)},[]),c=t.useCallback(()=>{r(e=>({...e,showErrorAnimation:!1})),n.current&&clearTimeout(n.current)},[]),l=t.useCallback(()=>{r(e=>({...e,showMainText:!1})),a.current&&clearTimeout(a.current),a.current=setTimeout(()=>{r(e=>({...e,showMainText:!0}))},200)},[]),m=t.useCallback(()=>{r(e=>({...e,showMainText:!0}))},[]),f=t.useCallback(()=>{i.current&&clearTimeout(i.current),n.current&&clearTimeout(n.current),a.current&&clearTimeout(a.current)},[]);return{animationState:o,triggerPauseAnimation:u,triggerErrorAnimation:s,clearErrorAnimation:c,triggerFadeTransition:l,setInitialAnimationState:m,cleanup:f}};exports.useTimerAnimations=T;
-//# sourceMappingURL=useTimerAnimations.cjs.map

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

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

package/dist/components/Timer/useTimerAnimations.js

@@ -4,7 +4,11 @@ const w = () => {
     showPauseAnimation: !1,
     showErrorAnimation: !1,
     showMainText: !0
-  }), i = a(null), r = a(null), o = a(null), s = n(() => {
+  }), i = a(
+    null
+  ), r = a(
+    null
+  ), o = a(null), s = n(() => {
     e((t) => ({ ...t, showPauseAnimation: !0 })), i.current && clearTimeout(i.current), i.current = setTimeout(() => {
       e((t) => ({ ...t, showPauseAnimation: !1 }));
     }, 800);
@@ -45,4 +49,3 @@ const w = () => {
 export {
   w as useTimerAnimations
 };
-//# sourceMappingURL=useTimerAnimations.js.map

package/dist/components/Timer/useTimerLogic.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),F=require("../utils/interpolation.cjs"),q=({autoStart:R,hasError:d,onPauseAnimation:p,onErrorAnimation:P,onClearErrorAnimation:T})=>{const[n,s]=t.useState({elapsedTime:0,isRunning:!1,isPausedState:!1,currentProgress:0,wasRunningBeforeError:!1}),u=t.useRef(null),a=t.useRef(null),c=t.useRef(0),f=t.useRef(0),[i]=F.useInterpolation([0],{tension:80,friction:18,onChange:([e])=>{s(r=>({...r,currentProgress:e}))}}),w=t.useCallback((e=0)=>{const r=e/60%1*100;s(o=>({...o,elapsedTime:e,isPausedState:!1,currentProgress:r})),c.current=0,f.current=r,i.setImmediate([r]),R?(a.current=Date.now()-e*1e3,s(o=>({...o,isRunning:!0}))):a.current=null},[R,i]),g=t.useCallback(()=>{if(a.current&&n.isRunning){const r=(Date.now()-a.current)/1e3+c.current,o=r/60%1*100;i.setTarget([o]),s(l=>({...l,elapsedTime:Math.floor(r)}))}s(e=>({...e,isRunning:!1,isPausedState:!0})),p()},[n.isRunning,i,p]),m=t.useCallback(()=>{n.isPausedState&&(c.current=n.elapsedTime,a.current=Date.now(),s(e=>({...e,isRunning:!0,isPausedState:!1})))},[n.isPausedState,n.elapsedTime]),S=t.useCallback(()=>{s(e=>({...e,elapsedTime:0,isRunning:!1,isPausedState:!1,currentProgress:0})),c.current=0,a.current=null,f.current=0,i.setImmediate([0])},[i]),b=t.useCallback(()=>n.isPausedState,[n.isPausedState]);return t.useEffect(()=>{d?(n.isRunning&&(s(e=>({...e,wasRunningBeforeError:!0})),g()),P()):(n.wasRunningBeforeError&&!n.isRunning&&(s(e=>({...e,wasRunningBeforeError:!1})),m()),T())},[d,n.isRunning,n.wasRunningBeforeError,g,m,P,T]),t.useEffect(()=>{if(n.isRunning){const e=()=>{if(a.current){const o=(Date.now()-a.current)/1e3+c.current,l=o/60%1*100;s(E=>({...E,elapsedTime:Math.floor(o)})),Math.abs(l-f.current)>.1&&(i.setTarget([l]),f.current=l)}u.current=requestAnimationFrame(e)};u.current=requestAnimationFrame(e)}else u.current&&(cancelAnimationFrame(u.current),u.current=null);return()=>{u.current&&(cancelAnimationFrame(u.current),u.current=null)}},[n.isRunning,i]),t.useEffect(()=>{let e=null;const r=()=>{i.update(),e=requestAnimationFrame(r)};return e=requestAnimationFrame(r),()=>{e&&cancelAnimationFrame(e)}},[i]),{timerState:n,controls:{start:w,pause:g,resume:m,reset:S,isPaused:b}}};exports.useTimerLogic=q;
-//# sourceMappingURL=useTimerLogic.cjs.map

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

@@ -17,4 +17,3 @@ export declare const useTimerLogic: ({ autoStart, hasError, onPauseAnimation, on
     };
 };
 export {};
-//# sourceMappingURL=useTimerLogic.d.ts.map

package/dist/components/Timer/useTimerLogic.js

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

package/dist/components/Timer/utils.cjs

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

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

@@ -15,4 +15,3 @@ export declare const formatTimeLocalized: (seconds: number, locale?: string) =>
  * Calculates progress percentage for timer (minute-based cycles)
  */
 export declare const calculateTimerProgress: (elapsedTime: number) => number;
-//# sourceMappingURL=utils.d.ts.map

package/dist/components/Timer/utils.js

@@ -1,19 +1,19 @@
-const e = (o) => {
-  const h = Math.floor(o / 86400), r = Math.floor(o % 86400 / 3600), n = Math.floor(o % 3600 / 60), a = o % 60, t = [];
-  return h > 0 ? (t.push(h.toString()), t.push(r.toString().padStart(2, "0")), t.push(n.toString().padStart(2, "0")), t.push(a.toString().padStart(2, "0"))) : r > 0 ? (t.push(r.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 = (o, h) => {
-  const r = Math.floor(o / 86400), n = Math.floor(o % 86400 / 3600), a = Math.floor(o % 3600 / 60), t = o % 60;
+const h = (r) => {
+  const e = Math.floor(r / 86400), o = Math.floor(r % 86400 / 3600), n = Math.floor(r % 3600 / 60), a = r % 60, t = [];
+  return e > 0 ? (t.push(e.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, e) => {
+  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 s = {};
-      return r > 0 && (s.days = r), n > 0 && (s.hours = n), a > 0 && (s.minutes = a), (t > 0 || Object.keys(s).length === 0) && (s.seconds = t), new Intl.DurationFormat(h, { style: "narrow" }).format(s);
+      return o > 0 && (s.days = o), n > 0 && (s.hours = n), a > 0 && (s.minutes = a), (t > 0 || Object.keys(s).length === 0) && (s.seconds = t), new Intl.DurationFormat(e, { style: "narrow" }).format(s);
     } catch {
     }
   const i = [];
-  return r > 0 && i.push(`${r}d`), n > 0 && i.push(`${n}h`), a > 0 && i.push(`${a}m`), (t > 0 || i.length === 0) && i.push(`${t}s`), i.join(" ");
-};
+  return o > 0 && i.push(`${o}d`), n > 0 && i.push(`${n}h`), a > 0 && i.push(`${a}m`), (t > 0 || i.length === 0) && i.push(`${t}s`), i.join(" ");
+}, p = (r) => r / 60 % 1 * 100;
 export {
-  e as formatTime,
+  p as calculateTimerProgress,
+  h as formatTime,
   f as formatTimeLocalized
 };
-//# sourceMappingURL=utils.js.map

package/dist/components/Timer.cjs

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

package/dist/components/Timer.d.ts

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

package/dist/components/Timer.js

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

package/dist/components/TransparentOverlay.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),n=require("@mui/material/Stack"),s=require("lodash-es"),t=e=>r.jsx(n,{position:"absolute",left:0,top:0,width:"100%",height:"100%",alignItems:"center",justifyContent:"center",sx:{backgroundColor:"rgba(0, 0, 0, 0.6)",backdropFilter:"blur(2px)",zIndex:100,...e.sx||{}},...s.omit(e,"sx")});exports.TransparentOverlay=t;exports.default=t;

package/dist/components/TransparentOverlay.d.ts

@@ -2,4 +2,3 @@ import Stack from "@mui/material/Stack";
 import type React from "react";
 export declare const TransparentOverlay: (props: React.ComponentProps<typeof Stack>) => import("react/jsx-runtime").JSX.Element;
 export default TransparentOverlay;
-//# sourceMappingURL=TransparentOverlay.d.ts.map

package/dist/components/TransparentOverlay.js

@@ -0,0 +1,26 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "@mui/material/Stack";
+import { omit as e } from "lodash-es";
+const s = (t) => /* @__PURE__ */ r(
+  o,
+  {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    width: "100%",
+    height: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+    sx: {
+      backgroundColor: "rgba(0, 0, 0, 0.6)",
+      backdropFilter: "blur(2px)",
+      zIndex: 100,
+      ...t.sx || {}
+    },
+    ...e(t, "sx")
+  }
+);
+export {
+  s as TransparentOverlay,
+  s as default
+};

package/dist/components/VelocitySlider.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("@mui/material/styles"),d=require("@mui/material/Stack"),u=require("@mui/material/Typography"),b=require("@mui/material/Slider"),m=require("lodash-es/isNumber"),h=require("mobx-react-lite"),S=require("react-i18next"),x=h.observer(e=>{var o,a,c;const r=s.useTheme(),{store:i}=e,{t:n}=S.useTranslation();function y(v,l){l===e.velocity||!m(l)||e.onVelocityChange(l,e.useDegree)}return t.jsxs(d,{direction:"row",gap:2,alignItems:"center","data-testid":"velocity-slider","aria-label":"velocity-slider",children:[i.showVelocityLegend&&t.jsx(u,{sx:{color:(c=(a=(o=r.componentsExt)==null?void 0:o.JoggingPanel)==null?void 0:a.VelocitySlider)==null?void 0:c.sliderLegendColor,fontSize:"14px"},children:n("Jogging.Velocity.bt")}),t.jsx(b,{value:e.velocity,color:"secondary",onChange:y,min:e.min,max:e.max,"aria-labelledby":"input-slider",disabled:e.disabled,sx:{"& .MuiSlider-valueLabelOpen":{zIndex:100,backgroundColor:"transparent",top:"0px"}}}),i.showVelocitySliderLabel&&(e.renderValue?e.renderValue(e.velocity):t.jsx(g,{value:e.velocity.toString()}))]})});function g({value:e,sx:r}){var n;const i=s.useTheme();return t.jsx(d,{direction:"row",justifyContent:"center",alignItems:"center",gap:"5px",sx:{padding:"6px 12px",background:(n=i.palette.backgroundPaperElevation)==null?void 0:n[8],borderRadius:"10px",minWidth:"111px",...r},children:t.jsx(u,{component:"span",sx:{textAlign:"right",fontSize:"14px",opacity:.8,color:i.palette.text.primary,whiteSpace:"nowrap"},children:e})})}exports.VelocitySlider=x;exports.VelocitySliderLabel=g;exports.default=x;
-//# sourceMappingURL=VelocitySlider.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),b=require("@mui/material/Slider"),s=require("@mui/material/Stack"),d=require("@mui/material/styles"),u=require("@mui/material/Typography"),m=require("lodash-es/isNumber.js"),h=require("mobx-react-lite"),S=require("react-i18next"),x=h.observer(e=>{var o,a,c;const r=d.useTheme(),{store:i}=e,{t:n}=S.useTranslation();function y(v,l){l===e.velocity||!m(l)||e.onVelocityChange(l,e.useDegree)}return t.jsxs(s,{direction:"row",gap:2,alignItems:"center","data-testid":"velocity-slider","aria-label":"velocity-slider",children:[i.showVelocityLegend&&t.jsx(u,{sx:{color:(c=(a=(o=r.componentsExt)==null?void 0:o.JoggingPanel)==null?void 0:a.VelocitySlider)==null?void 0:c.sliderLegendColor,fontSize:"14px"},children:n("Jogging.Velocity.bt")}),t.jsx(b,{value:e.velocity,color:"secondary",onChange:y,min:e.min,max:e.max,"aria-labelledby":"input-slider",disabled:e.disabled,sx:{"& .MuiSlider-valueLabelOpen":{zIndex:100,backgroundColor:"transparent",top:"0px"}}}),i.showVelocitySliderLabel&&(e.renderValue?e.renderValue(e.velocity):t.jsx(g,{value:e.velocity.toString()}))]})});function g({value:e,sx:r}){var n;const i=d.useTheme();return t.jsx(s,{direction:"row",justifyContent:"center",alignItems:"center",gap:"5px",sx:{padding:"6px 12px",background:(n=i.palette.backgroundPaperElevation)==null?void 0:n[8],borderRadius:"10px",minWidth:"111px",...r},children:t.jsx(u,{component:"span",sx:{textAlign:"right",fontSize:"14px",opacity:.8,color:i.palette.text.primary,whiteSpace:"nowrap"},children:e})})}exports.VelocitySlider=x;exports.VelocitySliderLabel=g;exports.default=x;

package/dist/components/VelocitySlider.d.ts

@@ -21,4 +21,3 @@ type VelocitySliderLabelProps = {
 };
 export declare function VelocitySliderLabel({ value, sx }: VelocitySliderLabelProps): import("react/jsx-runtime").JSX.Element;
 export default VelocitySlider;
-//# sourceMappingURL=VelocitySlider.d.ts.map