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

package/dist/components/RobotSetupReadinessIndicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RobotSetupReadinessIndicator.cjs","sources":["../../src/components/RobotSetupReadinessIndicator.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Box from \"@mui/material/Box\"\nimport Chip from \"@mui/material/Chip\"\nimport Typography from \"@mui/material/Typography\"\nimport { observer } from \"mobx-react-lite\"\nimport { useTranslation } from \"react-i18next\"\nimport { externalizeComponent } from \"../externalizeComponent\"\n\n/**\n * Enum representing the robot setup readiness state\n */\nexport enum RobotSetupReadinessState {\n  /** Preconditions are not fulfilled for robot operation */\n  PRECONDITION_NOT_FULFILLED = \"PRECONDITION_NOT_FULFILLED\",\n  /** Robot is disconnected from the system */\n  ROBOT_DISCONNECTED = \"ROBOT_DISCONNECTED\",\n  /** Safety cell is open and robot cannot operate */\n  CELL_OPEN = \"CELL_OPEN\",\n  /** Emergency stop is active and robot cannot operate */\n  E_STOP = \"E_STOP\",\n  /** Robot is in manual mode and requires manual intervention */\n  MANUAL_MODE = \"MANUAL_MODE\",\n  /** Robot is ready for operation */\n  READY = \"READY\",\n}\n\nexport interface RobotSetupReadinessIndicatorProps {\n  /** The current setup readiness state of the robot */\n  setupState: RobotSetupReadinessState\n  /** Additional CSS class name */\n  className?: string\n}\n\n/**\n * A state indicator component that displays the current robot setup readiness state.\n *\n * Features:\n * - Shows six states: Precondition not fulfilled, Robot disconnected, Cell open, E-Stop, Manual mode, Ready\n * - Color-coded based on state (ready: tertiary/main, others: error/main)\n * - Rendered as Material-UI filled chip with paper-elevation-11 background\n * - Includes colored circle indicator (8px width)\n * - Localization support via react-i18next\n */\nexport const RobotSetupReadinessIndicator = externalizeComponent(\n  observer(({ setupState, className }: RobotSetupReadinessIndicatorProps) => {\n    const theme = useTheme()\n    const { t } = useTranslation()\n\n    const getStateInfo = () => {\n      switch (setupState) {\n        case RobotSetupReadinessState.READY:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.Ready.lb\"),\n            indicatorColor:\n              theme.palette.tertiary?.main || theme.palette.primary.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        case RobotSetupReadinessState.ROBOT_DISCONNECTED:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.RobotDisconnected.lb\"),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        case RobotSetupReadinessState.CELL_OPEN:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.CellOpen.lb\"),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        case RobotSetupReadinessState.E_STOP:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.EStop.lb\"),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        case RobotSetupReadinessState.MANUAL_MODE:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.ManualMode.lb\"),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        default:\n          return {\n            label: t(\n              \"RobotSetupReadinessIndicator.PreconditionNotFulfilled.lb\",\n            ),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n      }\n    }\n\n    const { label, indicatorColor, backgroundColor, textColor } = getStateInfo()\n\n    return (\n      <Chip\n        className={className}\n        label={\n          <Box\n            sx={{\n              display: \"flex\",\n              alignItems: \"center\",\n              gap: 1,\n            }}\n          >\n            <Box\n              sx={{\n                width: 8,\n                height: 8,\n                borderRadius: \"50%\",\n                backgroundColor: indicatorColor,\n                flexShrink: 0,\n              }}\n            />\n            <Typography\n              variant=\"body2\"\n              sx={{\n                color: textColor,\n                fontSize: \"0.75rem\", // Smaller than body2\n                lineHeight: 1.2,\n              }}\n            >\n              {label}\n            </Typography>\n          </Box>\n        }\n        variant=\"filled\"\n        sx={{\n          backgroundColor,\n          color: theme.palette.getContrastText(backgroundColor),\n          fontWeight: 500,\n          height: \"auto\",\n          \"& .MuiChip-label\": {\n            paddingX: 1.5,\n            paddingY: 0.5,\n          },\n        }}\n      />\n    )\n  }),\n)\n\nexport default RobotSetupReadinessIndicator\n"],"names":["RobotSetupReadinessState","RobotSetupReadinessIndicator","externalizeComponent","observer","setupState","className","theme","useTheme","t","useTranslation","getStateInfo","_a","_b","_c","_d","_e","_f","_g","label","indicatorColor","backgroundColor","textColor","jsx","Chip","jsxs","Box","Typography"],"mappings":"yXAWO,IAAKA,GAAAA,IAEVA,EAAA,2BAA6B,6BAE7BA,EAAA,mBAAqB,qBAErBA,EAAA,UAAY,YAEZA,EAAA,OAAS,SAETA,EAAA,YAAc,cAEdA,EAAA,MAAQ,QAZEA,IAAAA,GAAA,CAAA,CAAA,EAgCL,MAAMC,EAA+BC,EAAAA,qBAC1CC,EAAAA,SAAS,CAAC,CAAE,WAAAC,EAAY,UAAAC,KAAmD,CACzE,MAAMC,EAAQC,EAAAA,SAAA,EACR,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EAERC,EAAe,IAAM,mBACzB,OAAQN,EAAA,CACN,IAAK,QACH,MAAO,CACL,MAAOI,EAAE,uCAAuC,EAChD,iBACEG,EAAAL,EAAM,QAAQ,WAAd,YAAAK,EAAwB,OAAQL,EAAM,QAAQ,QAAQ,KACxD,kBACEM,EAAAN,EAAM,QAAQ,2BAAd,YAAAM,EAAyC,MACzCN,EAAM,QAAQ,WAAW,MAC3B,UAAWA,EAAM,QAAQ,UAAU,YAAA,EAEvC,IAAK,qBACH,MAAO,CACL,MAAOE,EAAE,mDAAmD,EAC5D,eAAgBF,EAAM,QAAQ,MAAM,KACpC,kBACEO,EAAAP,EAAM,QAAQ,2BAAd,YAAAO,EAAyC,MACzCP,EAAM,QAAQ,WAAW,MAC3B,UAAWA,EAAM,QAAQ,UAAU,YAAA,EAEvC,IAAK,YACH,MAAO,CACL,MAAOE,EAAE,0CAA0C,EACnD,eAAgBF,EAAM,QAAQ,MAAM,KACpC,kBACEQ,EAAAR,EAAM,QAAQ,2BAAd,YAAAQ,EAAyC,MACzCR,EAAM,QAAQ,WAAW,MAC3B,UAAWA,EAAM,QAAQ,UAAU,YAAA,EAEvC,IAAK,SACH,MAAO,CACL,MAAOE,EAAE,uCAAuC,EAChD,eAAgBF,EAAM,QAAQ,MAAM,KACpC,kBACES,EAAAT,EAAM,QAAQ,2BAAd,YAAAS,EAAyC,MACzCT,EAAM,QAAQ,WAAW,MAC3B,UAAWA,EAAM,QAAQ,UAAU,YAAA,EAEvC,IAAK,cACH,MAAO,CACL,MAAOE,EAAE,4CAA4C,EACrD,eAAgBF,EAAM,QAAQ,MAAM,KACpC,kBACEU,EAAAV,EAAM,QAAQ,2BAAd,YAAAU,EAAyC,MACzCV,EAAM,QAAQ,WAAW,MAC3B,UAAWA,EAAM,QAAQ,UAAU,YAAA,EAEvC,QACE,MAAO,CACL,MAAOE,EACL,0DAAA,EAEF,eAAgBF,EAAM,QAAQ,MAAM,KACpC,kBACEW,EAAAX,EAAM,QAAQ,2BAAd,YAAAW,EAAyC,MACzCX,EAAM,QAAQ,WAAW,MAC3B,UAAWA,EAAM,QAAQ,UAAU,YAAA,CACrC,CAEN,EAEM,CAAE,MAAAY,EAAO,eAAAC,EAAgB,gBAAAC,EAAiB,UAAAC,CAAA,EAAcX,EAAA,EAE9D,OACEY,EAAAA,IAACC,EAAA,CACC,UAAAlB,EACA,MACEmB,EAAAA,KAACC,EAAA,CACC,GAAI,CACF,QAAS,OACT,WAAY,SACZ,IAAK,CAAA,EAGP,SAAA,CAAAH,EAAAA,IAACG,EAAA,CACC,GAAI,CACF,MAAO,EACP,OAAQ,EACR,aAAc,MACd,gBAAiBN,EACjB,WAAY,CAAA,CACd,CAAA,EAEFG,EAAAA,IAACI,EAAA,CACC,QAAQ,QACR,GAAI,CACF,MAAOL,EACP,SAAU,UACV,WAAY,GAAA,EAGb,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAGJ,QAAQ,SACR,GAAI,CACF,gBAAAE,EACA,MAAOd,EAAM,QAAQ,gBAAgBc,CAAe,EACpD,WAAY,IACZ,OAAQ,OACR,mBAAoB,CAClB,SAAU,IACV,SAAU,EAAA,CACZ,CACF,CAAA,CAGN,CAAC,CACH"}

package/dist/components/RobotSetupReadinessIndicator.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RobotSetupReadinessIndicator.d.ts","sourceRoot":"","sources":["../../src/components/RobotSetupReadinessIndicator.tsx"],"names":[],"mappings":"AAQA;;GAEG;AACH,oBAAY,wBAAwB;IAClC,0DAA0D;IAC1D,0BAA0B,+BAA+B;IACzD,4CAA4C;IAC5C,kBAAkB,uBAAuB;IACzC,mDAAmD;IACnD,SAAS,cAAc;IACvB,wDAAwD;IACxD,MAAM,WAAW;IACjB,+DAA+D;IAC/D,WAAW,gBAAgB;IAC3B,mCAAmC;IACnC,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,iCAAiC;IAChD,qDAAqD;IACrD,UAAU,EAAE,wBAAwB,CAAA;IACpC,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,4BAA4B,+BACF,iCAAiC;;CAkHvE,CAAA;AAED,eAAe,4BAA4B,CAAA"}

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 { e as f } from "../chunks/externalizeComponent-eiCc5DIh.js";
+import { externalizeComponent as f } from "../externalizeComponent.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,3 +119,4 @@ export {
   D as RobotSetupReadinessState,
   M as default
 };
+//# sourceMappingURL=RobotSetupReadinessIndicator.js.map

package/dist/components/RobotSetupReadinessIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RobotSetupReadinessIndicator.js","sources":["../../src/components/RobotSetupReadinessIndicator.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Box from \"@mui/material/Box\"\nimport Chip from \"@mui/material/Chip\"\nimport Typography from \"@mui/material/Typography\"\nimport { observer } from \"mobx-react-lite\"\nimport { useTranslation } from \"react-i18next\"\nimport { externalizeComponent } from \"../externalizeComponent\"\n\n/**\n * Enum representing the robot setup readiness state\n */\nexport enum RobotSetupReadinessState {\n  /** Preconditions are not fulfilled for robot operation */\n  PRECONDITION_NOT_FULFILLED = \"PRECONDITION_NOT_FULFILLED\",\n  /** Robot is disconnected from the system */\n  ROBOT_DISCONNECTED = \"ROBOT_DISCONNECTED\",\n  /** Safety cell is open and robot cannot operate */\n  CELL_OPEN = \"CELL_OPEN\",\n  /** Emergency stop is active and robot cannot operate */\n  E_STOP = \"E_STOP\",\n  /** Robot is in manual mode and requires manual intervention */\n  MANUAL_MODE = \"MANUAL_MODE\",\n  /** Robot is ready for operation */\n  READY = \"READY\",\n}\n\nexport interface RobotSetupReadinessIndicatorProps {\n  /** The current setup readiness state of the robot */\n  setupState: RobotSetupReadinessState\n  /** Additional CSS class name */\n  className?: string\n}\n\n/**\n * A state indicator component that displays the current robot setup readiness state.\n *\n * Features:\n * - Shows six states: Precondition not fulfilled, Robot disconnected, Cell open, E-Stop, Manual mode, Ready\n * - Color-coded based on state (ready: tertiary/main, others: error/main)\n * - Rendered as Material-UI filled chip with paper-elevation-11 background\n * - Includes colored circle indicator (8px width)\n * - Localization support via react-i18next\n */\nexport const RobotSetupReadinessIndicator = externalizeComponent(\n  observer(({ setupState, className }: RobotSetupReadinessIndicatorProps) => {\n    const theme = useTheme()\n    const { t } = useTranslation()\n\n    const getStateInfo = () => {\n      switch (setupState) {\n        case RobotSetupReadinessState.READY:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.Ready.lb\"),\n            indicatorColor:\n              theme.palette.tertiary?.main || theme.palette.primary.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        case RobotSetupReadinessState.ROBOT_DISCONNECTED:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.RobotDisconnected.lb\"),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        case RobotSetupReadinessState.CELL_OPEN:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.CellOpen.lb\"),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        case RobotSetupReadinessState.E_STOP:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.EStop.lb\"),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        case RobotSetupReadinessState.MANUAL_MODE:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.ManualMode.lb\"),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        default:\n          return {\n            label: t(\n              \"RobotSetupReadinessIndicator.PreconditionNotFulfilled.lb\",\n            ),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n      }\n    }\n\n    const { label, indicatorColor, backgroundColor, textColor } = getStateInfo()\n\n    return (\n      <Chip\n        className={className}\n        label={\n          <Box\n            sx={{\n              display: \"flex\",\n              alignItems: \"center\",\n              gap: 1,\n            }}\n          >\n            <Box\n              sx={{\n                width: 8,\n                height: 8,\n                borderRadius: \"50%\",\n                backgroundColor: indicatorColor,\n                flexShrink: 0,\n              }}\n            />\n            <Typography\n              variant=\"body2\"\n              sx={{\n                color: textColor,\n                fontSize: \"0.75rem\", // Smaller than body2\n                lineHeight: 1.2,\n              }}\n            >\n              {label}\n            </Typography>\n          </Box>\n        }\n        variant=\"filled\"\n        sx={{\n          backgroundColor,\n          color: theme.palette.getContrastText(backgroundColor),\n          fontWeight: 500,\n          height: \"auto\",\n          \"& .MuiChip-label\": {\n            paddingX: 1.5,\n            paddingY: 0.5,\n          },\n        }}\n      />\n    )\n  }),\n)\n\nexport default RobotSetupReadinessIndicator\n"],"names":["RobotSetupReadinessState","RobotSetupReadinessIndicator","externalizeComponent","observer","setupState","className","theme","useTheme","t","useTranslation","getStateInfo","_a","_b","_c","_d","_e","_f","_g","label","indicatorColor","backgroundColor","textColor","jsx","Chip","jsxs","Box","Typography"],"mappings":"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"}

package/dist/components/RobotSetupReadinessIndicator.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RobotSetupReadinessIndicator.test.d.ts.map

package/dist/components/RobotSetupReadinessIndicator.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RobotSetupReadinessIndicator.test.d.ts","sourceRoot":"","sources":["../../src/components/RobotSetupReadinessIndicator.test.tsx"],"names":[],"mappings":""}

package/dist/components/SelectableFab.cjs

@@ -1 +1,2 @@
 "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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableFab.cjs","sources":["../../src/components/SelectableFab.tsx"],"sourcesContent":["import { styled } from \"@mui/material/styles\"\nimport Fab, { type FabProps } from \"@mui/material/Fab\"\nconst StyledSelectableFab = styled(Fab, {\n  shouldForwardProp: (prop) => prop !== \"selected\",\n})<CodeFabProps>(({ theme }) => ({\n  borderRadius: \"20px\",\n\n  \"&:hover\": {\n    background: theme.palette.backgroundPaperElevation?.[7],\n  },\n\n  variants: [\n    {\n      props: ({ selected }) => !selected,\n      style: {\n        background: theme.palette.backgroundPaperElevation?.[0],\n        color: theme.palette.action.disabled,\n        \"> img\": {\n          opacity: 0.4,\n        },\n      },\n    },\n    {\n      props: ({ selected }) => selected,\n      style: {\n        background: theme.palette.backgroundPaperElevation?.[11],\n        border: `1px solid ${theme.palette.divider}`,\n        color: theme.palette.primary.contrastText,\n      },\n    },\n  ],\n}))\n\ntype CodeFabProps = {\n  selected?: boolean\n  ref?: React.Ref<HTMLButtonElement>\n} & Omit<FabProps, \"variant\" | \"color\">\n\nexport const SelectableFab = (props: CodeFabProps) => {\n  const { ref, ...otherProps } = props\n  return (\n    <StyledSelectableFab\n      ref={ref}\n      selected={props.selected}\n      {...otherProps}\n      color={\"secondary\"}\n      variant=\"circular\"\n    />\n  )\n}\n\nexport default SelectableFab\n"],"names":["StyledSelectableFab","styled","Fab","prop","theme","_a","selected","_b","_c","SelectableFab","props","ref","otherProps","jsx"],"mappings":"kNAEMA,EAAsBC,EAAAA,OAAOC,EAAK,CACtC,kBAAoBC,GAASA,IAAS,UACxC,CAAC,EAAgB,CAAC,CAAE,MAAAC,KAAM,WAAO,OAC/B,aAAc,OAEd,UAAW,CACT,YAAYC,EAAAD,EAAM,QAAQ,2BAAd,YAAAC,EAAyC,EAAC,EAGxD,SAAU,CACR,CACE,MAAO,CAAC,CAAE,SAAAC,CAAA,IAAe,CAACA,EAC1B,MAAO,CACL,YAAYC,EAAAH,EAAM,QAAQ,2BAAd,YAAAG,EAAyC,GACrD,MAAOH,EAAM,QAAQ,OAAO,SAC5B,QAAS,CACP,QAAS,EAAA,CACX,CACF,EAEF,CACE,MAAO,CAAC,CAAE,SAAAE,CAAA,IAAeA,EACzB,MAAO,CACL,YAAYE,EAAAJ,EAAM,QAAQ,2BAAd,YAAAI,EAAyC,IACrD,OAAQ,aAAaJ,EAAM,QAAQ,OAAO,GAC1C,MAAOA,EAAM,QAAQ,QAAQ,YAAA,CAC/B,CACF,CAEJ,EAAE,EAOWK,EAAiBC,GAAwB,CACpD,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAeF,EAC/B,OACEG,EAAAA,IAACb,EAAA,CACC,IAAAW,EACA,SAAUD,EAAM,SACf,GAAGE,EACJ,MAAO,YACP,QAAQ,UAAA,CAAA,CAGd"}

package/dist/components/SelectableFab.d.ts

@@ -5,3 +5,4 @@ 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableFab.d.ts","sourceRoot":"","sources":["../../src/components/SelectableFab.tsx"],"names":[],"mappings":"AACA,OAAY,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAgCtD,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CACnC,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO,CAAC,CAAA;AAEvC,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY,4CAWhD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/SelectableFab.js

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

package/dist/components/SelectableFab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableFab.js","sources":["../../src/components/SelectableFab.tsx"],"sourcesContent":["import { styled } from \"@mui/material/styles\"\nimport Fab, { type FabProps } from \"@mui/material/Fab\"\nconst StyledSelectableFab = styled(Fab, {\n  shouldForwardProp: (prop) => prop !== \"selected\",\n})<CodeFabProps>(({ theme }) => ({\n  borderRadius: \"20px\",\n\n  \"&:hover\": {\n    background: theme.palette.backgroundPaperElevation?.[7],\n  },\n\n  variants: [\n    {\n      props: ({ selected }) => !selected,\n      style: {\n        background: theme.palette.backgroundPaperElevation?.[0],\n        color: theme.palette.action.disabled,\n        \"> img\": {\n          opacity: 0.4,\n        },\n      },\n    },\n    {\n      props: ({ selected }) => selected,\n      style: {\n        background: theme.palette.backgroundPaperElevation?.[11],\n        border: `1px solid ${theme.palette.divider}`,\n        color: theme.palette.primary.contrastText,\n      },\n    },\n  ],\n}))\n\ntype CodeFabProps = {\n  selected?: boolean\n  ref?: React.Ref<HTMLButtonElement>\n} & Omit<FabProps, \"variant\" | \"color\">\n\nexport const SelectableFab = (props: CodeFabProps) => {\n  const { ref, ...otherProps } = props\n  return (\n    <StyledSelectableFab\n      ref={ref}\n      selected={props.selected}\n      {...otherProps}\n      color={\"secondary\"}\n      variant=\"circular\"\n    />\n  )\n}\n\nexport default SelectableFab\n"],"names":["StyledSelectableFab","styled","Fab","prop","theme","_a","selected","_b","_c","SelectableFab","props","ref","otherProps","jsx"],"mappings":";;;AAEA,MAAMA,IAAsBC,EAAOC,GAAK;AAAA,EACtC,mBAAmB,CAACC,MAASA,MAAS;AACxC,CAAC,EAAgB,CAAC,EAAE,OAAAC,QAAM;;AAAO;AAAA,IAC/B,cAAc;AAAA,IAEd,WAAW;AAAA,MACT,aAAYC,IAAAD,EAAM,QAAQ,6BAAd,gBAAAC,EAAyC;AAAA,IAAC;AAAA,IAGxD,UAAU;AAAA,MACR;AAAA,QACE,OAAO,CAAC,EAAE,UAAAC,EAAA,MAAe,CAACA;AAAA,QAC1B,OAAO;AAAA,UACL,aAAYC,IAAAH,EAAM,QAAQ,6BAAd,gBAAAG,EAAyC;AAAA,UACrD,OAAOH,EAAM,QAAQ,OAAO;AAAA,UAC5B,SAAS;AAAA,YACP,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,MAEF;AAAA,QACE,OAAO,CAAC,EAAE,UAAAE,EAAA,MAAeA;AAAA,QACzB,OAAO;AAAA,UACL,aAAYE,IAAAJ,EAAM,QAAQ,6BAAd,gBAAAI,EAAyC;AAAA,UACrD,QAAQ,aAAaJ,EAAM,QAAQ,OAAO;AAAA,UAC1C,OAAOA,EAAM,QAAQ,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,EAEJ;AAAA,CAAE,GAOWK,IAAgB,CAACC,MAAwB;AACpD,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAeF;AAC/B,SACE,gBAAAG;AAAA,IAACb;AAAA,IAAA;AAAA,MACC,KAAAW;AAAA,MACA,UAAUD,EAAM;AAAA,MACf,GAAGE;AAAA,MACJ,OAAO;AAAA,MACP,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;"}

package/dist/components/TabBar.cjs

@@ -1 +1,2 @@
-"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;
+"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

package/dist/components/TabBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.cjs","sources":["../../src/components/TabBar.tsx"],"sourcesContent":["import type { SxProps } from \"@mui/material/styles\"\nimport Badge from \"@mui/material/Badge\"\nimport Box from \"@mui/material/Box\"\nimport Tab from \"@mui/material/Tab\"\nimport Tabs from \"@mui/material/Tabs\"\nimport { observer } from \"mobx-react-lite\"\nimport { useEffect, useState } from \"react\"\nimport { externalizeComponent } from \"../externalizeComponent\"\n\nexport interface TabItem {\n  /** Unique identifier for the tab */\n  id: string\n  /** Label text for the tab */\n  label: string\n  /** Content to display when tab is active */\n  content: React.ReactNode\n  /** Optional icon component to display with the tab */\n  icon?: React.ReactElement\n  /** Optional badge configuration */\n  badge?: {\n    /** Badge content (number or string) */\n    content: React.ReactNode\n    /** Badge color variant */\n    color?:\n      | \"default\"\n      | \"primary\"\n      | \"secondary\"\n      | \"error\"\n      | \"info\"\n      | \"success\"\n      | \"warning\"\n    /** Maximum number to display (e.g., 99+) */\n    max?: number\n    /** Show badge even when content is zero */\n    showZero?: boolean\n  }\n}\n\nexport interface TabBarProps {\n  /** Array of tab items to display */\n  items: TabItem[]\n  /** Controlled active tab index */\n  activeTab?: number\n  /** Default active tab index */\n  defaultActiveTab?: number\n  /** Callback when tab changes */\n  onTabChange?: (index: number) => void\n  /** Additional styling */\n  sx?: SxProps\n  /** Ref to the root container element */\n  ref?: React.Ref<HTMLDivElement>\n}\n\ninterface TabPanelProps {\n  children?: React.ReactNode\n  index: number\n  value: number\n}\n\nfunction TabPanel(props: TabPanelProps) {\n  const { children, value, index, ...other } = props\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={value !== index}\n      id={`tabpanel-${index}`}\n      aria-labelledby={`tab-${index}`}\n      {...other}\n    >\n      {value === index && <Box>{children}</Box>}\n    </div>\n  )\n}\n\n/**\n * Wrapper component that filters out MUI Tabs internal props\n * to prevent them from being passed to DOM elements\n */\ninterface TabWrapperProps {\n  children: React.ReactNode\n  // biome-ignore lint/suspicious/noExplicitAny: pre-biome code\n  [key: string]: any\n}\n\nfunction TabWrapper({ children, ...props }: TabWrapperProps) {\n  // Filter out MUI Tabs internal props that shouldn't reach the DOM\n  const {\n    fullWidth,\n    indicator,\n    onChange,\n    orientation,\n    scrollButtons,\n    selectionFollowsFocus,\n    textColor,\n    value,\n    variant,\n    ...cleanProps\n  } = props\n\n  return <Box {...cleanProps}>{children}</Box>\n}\n\n/**\n * A styled tab bar component with configurable tabs and content.\n * Features the same styling as the Wandelbots design system with rounded tabs\n * and smooth transitions.\n */\nexport const TabBar = externalizeComponent(\n  observer((props: TabBarProps) => {\n    const {\n      items,\n      activeTab,\n      defaultActiveTab = 0,\n      onTabChange,\n      sx,\n      ref,\n    } = props\n    const isControlled = activeTab !== undefined\n    const [uncontrolledActiveTab, setUncontrolledActiveTab] =\n      useState(defaultActiveTab)\n\n    // biome-ignore lint/style/noNonNullAssertion: pre-biome code\n    const currentValue = isControlled ? activeTab! : uncontrolledActiveTab\n\n    // Keep uncontrolled state in range when items change\n    useEffect(() => {\n      if (isControlled) return\n      if (items.length === 0) return\n      if (\n        uncontrolledActiveTab < 0 ||\n        uncontrolledActiveTab > items.length - 1\n      ) {\n        setUncontrolledActiveTab(0)\n      }\n    }, [items.length, isControlled, uncontrolledActiveTab])\n\n    const handleTabChange = (\n      _event: React.SyntheticEvent,\n      newValue: number,\n    ) => {\n      if (!isControlled) {\n        setUncontrolledActiveTab(newValue)\n      }\n      onTabChange?.(newValue)\n    }\n\n    return (\n      <Box\n        ref={ref}\n        sx={{ height: \"100%\", display: \"flex\", flexDirection: \"column\", ...sx }}\n      >\n        {/* Tabs */}\n        <Box\n          sx={{\n            px: 0,\n            py: 0,\n            overflow: \"visible\",\n            position: \"relative\",\n            // Extra padding to prevent badge clipping\n            // Top: accommodates badge positioned at top: -6px with 20px height\n            // Right: accommodates badge positioned at right: -8px with 20px width\n            paddingTop: (theme) => theme.spacing(2), // 16px\n            paddingRight: (theme) => theme.spacing(2.5), // 20px\n          }}\n        >\n          <Tabs\n            value={currentValue}\n            onChange={handleTabChange}\n            sx={{\n              minHeight: \"32px\",\n              backgroundColor: \"transparent\",\n              overflow: \"visible\",\n              \"& .MuiTabs-indicator\": {\n                display: \"none\", // Hide the default indicator\n              },\n              \"& .MuiTabs-flexContainer\": {\n                gap: 2,\n                overflow: \"visible\",\n                paddingTop: 0,\n                paddingBottom: 0,\n              },\n              \"& .MuiTabs-scroller\": {\n                overflow: \"visible !important\",\n              },\n              \"& .MuiTab-root\": {\n                overflow: \"visible\",\n              },\n            }}\n          >\n            {items.map((item, index) => {\n              // Helper functions for badge logic\n              const getBadgeContent = () => {\n                if (!item.badge) return undefined\n                const content = item.badge.content\n                const max = item.badge.max\n\n                // Handle numeric content with max limit\n                if (typeof content === \"number\" && max && content > max) {\n                  return `${max}+`\n                }\n\n                return content\n              }\n\n              const shouldShowBadge = () => {\n                if (!item.badge) return false\n                const content = item.badge.content\n                const showZero = item.badge.showZero\n\n                // If content is 0 and showZero is false, hide badge\n                if (content === 0 && !showZero) return false\n\n                return true\n              }\n\n              const badgeContent = getBadgeContent()\n              const showBadge = shouldShowBadge()\n\n              const handleTabClick = () => {\n                if (!isControlled) {\n                  setUncontrolledActiveTab(index)\n                }\n                onTabChange?.(index)\n              }\n\n              const tab = (\n                <Tab\n                  key={item.id}\n                  label={item.label}\n                  icon={item.icon}\n                  iconPosition=\"start\"\n                  disableRipple\n                  onClick={handleTabClick}\n                  sx={{\n                    minHeight: \"32px\",\n                    height: \"32px\",\n                    padding: \"0px 10px\",\n                    borderRadius: \"12px\",\n                    backgroundColor: (theme) =>\n                      theme.palette.backgroundPaperElevation?.[11] || \"#32344B\",\n                    color: \"text.primary\",\n                    opacity: currentValue === index ? 1 : 0.38,\n                    fontSize: \"13px\",\n                    transition: \"all 0.2s ease-in-out\",\n                    position: \"relative\",\n                    overflow: \"visible\",\n                    \"&:hover\": {\n                      opacity: currentValue === index ? 1 : 0.6,\n                    },\n                    \"&.Mui-selected\": {\n                      opacity: 1,\n                      backgroundColor: (theme) =>\n                        theme.palette.backgroundPaperElevation?.[11] ||\n                        \"#32344B\",\n                      color: \"text.primary\",\n                    },\n                    \"&:focus\": {\n                      outline: \"none\",\n                    },\n                    \"&:active\": {\n                      transform: \"none\",\n                    },\n                  }}\n                />\n              )\n\n              if (!showBadge) {\n                return tab\n              }\n\n              return (\n                <TabWrapper\n                  key={item.id}\n                  component=\"span\"\n                  sx={{ display: \"inline-flex\" }}\n                >\n                  <Badge\n                    badgeContent={badgeContent}\n                    color={item.badge?.color || \"error\"}\n                    max={item.badge?.max}\n                    showZero={item.badge?.showZero}\n                    anchorOrigin={{\n                      vertical: \"top\",\n                      horizontal: \"right\",\n                    }}\n                    overlap=\"rectangular\"\n                    sx={{\n                      \"& .MuiBadge-badge\": {\n                        // Ensure badge doesn't inherit tab opacity\n                        opacity: \"1 !important\",\n                      },\n                    }}\n                  >\n                    {tab}\n                  </Badge>\n                </TabWrapper>\n              )\n            })}\n          </Tabs>\n        </Box>\n\n        {/* Border line */}\n        <Box\n          sx={{\n            mt: (theme) => theme.spacing(2),\n            borderBottom: 1,\n            borderColor: \"divider\",\n          }}\n        />\n\n        {/* Tab Content */}\n        <Box sx={{ flex: 1, overflow: \"auto\" }}>\n          {items.map((item, index) => (\n            <TabPanel key={item.id} value={currentValue} index={index}>\n              {item.content}\n            </TabPanel>\n          ))}\n        </Box>\n      </Box>\n    )\n  }),\n)\n\nexport default TabBar\n"],"names":["TabPanel","props","children","value","index","other","jsx","Box","TabWrapper","fullWidth","indicator","onChange","orientation","scrollButtons","selectionFollowsFocus","textColor","variant","cleanProps","TabBar","externalizeComponent","observer","items","activeTab","defaultActiveTab","onTabChange","sx","ref","isControlled","uncontrolledActiveTab","setUncontrolledActiveTab","useState","currentValue","useEffect","handleTabChange","_event","newValue","jsxs","theme","Tabs","item","getBadgeContent","content","max","shouldShowBadge","showZero","badgeContent","showBadge","handleTabClick","tab","Tab","_a","Badge","_b","_c"],"mappings":"yWA2DA,SAASA,EAASC,EAAsB,CACtC,KAAM,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAO,GAAGC,GAAUJ,EAE7C,OACEK,EAAAA,IAAC,MAAA,CACC,KAAK,WACL,OAAQH,IAAUC,EAClB,GAAI,YAAYA,CAAK,GACrB,kBAAiB,OAAOA,CAAK,GAC5B,GAAGC,EAEH,SAAAF,IAAUC,GAASE,EAAAA,IAACC,EAAA,CAAK,SAAAL,CAAA,CAAS,CAAA,CAAA,CAGzC,CAYA,SAASM,EAAW,CAAE,SAAAN,EAAU,GAAGD,GAA0B,CAE3D,KAAM,CACJ,UAAAQ,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,cAAAC,EACA,sBAAAC,EACA,UAAAC,EACA,MAAAZ,EACA,QAAAa,EACA,GAAGC,CAAA,EACDhB,EAEJ,OAAOK,EAAAA,IAACC,EAAA,CAAK,GAAGU,EAAa,SAAAf,CAAA,CAAS,CACxC,CAOO,MAAMgB,EAASC,EAAAA,qBACpBC,EAAAA,SAAUnB,GAAuB,CAC/B,KAAM,CACJ,MAAAoB,EACA,UAAAC,EACA,iBAAAC,EAAmB,EACnB,YAAAC,EACA,GAAAC,EACA,IAAAC,CAAA,EACEzB,EACE0B,EAAeL,IAAc,OAC7B,CAACM,EAAuBC,CAAwB,EACpDC,EAAAA,SAASP,CAAgB,EAGrBQ,EAAeJ,EAAeL,EAAaM,EAGjDI,EAAAA,UAAU,IAAM,CACVL,GACAN,EAAM,SAAW,IAEnBO,EAAwB,GACxBA,EAAwBP,EAAM,OAAS,IAEvCQ,EAAyB,CAAC,CAE9B,EAAG,CAACR,EAAM,OAAQM,EAAcC,CAAqB,CAAC,EAEtD,MAAMK,EAAkB,CACtBC,EACAC,IACG,CACER,GACHE,EAAyBM,CAAQ,EAEnCX,GAAA,MAAAA,EAAcW,EAChB,EAEA,OACEC,EAAAA,KAAC7B,EAAA,CACC,IAAAmB,EACA,GAAI,CAAE,OAAQ,OAAQ,QAAS,OAAQ,cAAe,SAAU,GAAGD,CAAA,EAGnE,SAAA,CAAAnB,EAAAA,IAACC,EAAA,CACC,GAAI,CACF,GAAI,EACJ,GAAI,EACJ,SAAU,UACV,SAAU,WAIV,WAAa8B,GAAUA,EAAM,QAAQ,CAAC,EACtC,aAAeA,GAAUA,EAAM,QAAQ,GAAG,CAAA,EAG5C,SAAA/B,EAAAA,IAACgC,EAAA,CACC,MAAOP,EACP,SAAUE,EACV,GAAI,CACF,UAAW,OACX,gBAAiB,cACjB,SAAU,UACV,uBAAwB,CACtB,QAAS,MAAA,EAEX,2BAA4B,CAC1B,IAAK,EACL,SAAU,UACV,WAAY,EACZ,cAAe,CAAA,EAEjB,sBAAuB,CACrB,SAAU,oBAAA,EAEZ,iBAAkB,CAChB,SAAU,SAAA,CACZ,EAGD,SAAAZ,EAAM,IAAI,CAACkB,EAAMnC,IAAU,WAE1B,MAAMoC,EAAkB,IAAM,CAC5B,GAAI,CAACD,EAAK,MAAO,OACjB,MAAME,EAAUF,EAAK,MAAM,QACrBG,EAAMH,EAAK,MAAM,IAGvB,OAAI,OAAOE,GAAY,UAAYC,GAAOD,EAAUC,EAC3C,GAAGA,CAAG,IAGRD,CACT,EAEME,EAAkB,IAAM,CAC5B,GAAI,CAACJ,EAAK,MAAO,MAAO,GACxB,MAAME,EAAUF,EAAK,MAAM,QACrBK,EAAWL,EAAK,MAAM,SAG5B,MAAI,EAAAE,IAAY,GAAK,CAACG,EAGxB,EAEMC,EAAeL,EAAA,EACfM,EAAYH,EAAA,EAEZI,EAAiB,IAAM,CACtBpB,GACHE,EAAyBzB,CAAK,EAEhCoB,GAAA,MAAAA,EAAcpB,EAChB,EAEM4C,EACJ1C,EAAAA,IAAC2C,EAAA,CAEC,MAAOV,EAAK,MACZ,KAAMA,EAAK,KACX,aAAa,QACb,cAAa,GACb,QAASQ,EACT,GAAI,CACF,UAAW,OACX,OAAQ,OACR,QAAS,WACT,aAAc,OACd,gBAAkBV,UAChB,QAAAa,EAAAb,EAAM,QAAQ,2BAAd,YAAAa,EAAyC,MAAO,WAClD,MAAO,eACP,QAASnB,IAAiB3B,EAAQ,EAAI,IACtC,SAAU,OACV,WAAY,uBACZ,SAAU,WACV,SAAU,UACV,UAAW,CACT,QAAS2B,IAAiB3B,EAAQ,EAAI,EAAA,EAExC,iBAAkB,CAChB,QAAS,EACT,gBAAkBiC,UAChB,QAAAa,EAAAb,EAAM,QAAQ,2BAAd,YAAAa,EAAyC,MACzC,WACF,MAAO,cAAA,EAET,UAAW,CACT,QAAS,MAAA,EAEX,WAAY,CACV,UAAW,MAAA,CACb,CACF,EAnCKX,EAAK,EAAA,EAuCd,OAAKO,EAKHxC,EAAAA,IAACE,EAAA,CAEC,UAAU,OACV,GAAI,CAAE,QAAS,aAAA,EAEf,SAAAF,EAAAA,IAAC6C,EAAA,CACC,aAAAN,EACA,QAAOK,EAAAX,EAAK,QAAL,YAAAW,EAAY,QAAS,QAC5B,KAAKE,EAAAb,EAAK,QAAL,YAAAa,EAAY,IACjB,UAAUC,EAAAd,EAAK,QAAL,YAAAc,EAAY,SACtB,aAAc,CACZ,SAAU,MACV,WAAY,OAAA,EAEd,QAAQ,cACR,GAAI,CACF,oBAAqB,CAEnB,QAAS,cAAA,CACX,EAGD,SAAAL,CAAA,CAAA,CACH,EAtBKT,EAAK,EAAA,EALLS,CA8BX,CAAC,CAAA,CAAA,CACH,CAAA,EAIF1C,EAAAA,IAACC,EAAA,CACC,GAAI,CACF,GAAK8B,GAAUA,EAAM,QAAQ,CAAC,EAC9B,aAAc,EACd,YAAa,SAAA,CACf,CAAA,EAIF/B,EAAAA,IAACC,EAAA,CAAI,GAAI,CAAE,KAAM,EAAG,SAAU,MAAA,EAC3B,SAAAc,EAAM,IAAI,CAACkB,EAAMnC,IAChBE,EAAAA,IAACN,EAAA,CAAuB,MAAO+B,EAAc,MAAA3B,EAC1C,WAAK,OAAA,EADOmC,EAAK,EAEpB,CACD,CAAA,CACH,CAAA,CAAA,CAAA,CAGN,CAAC,CACH"}

package/dist/components/TabBar.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../src/components/TabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AASnD,MAAM,WAAW,OAAO;IACtB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,sDAAsD;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IACzB,mCAAmC;IACnC,KAAK,CAAC,EAAE;QACN,uCAAuC;QACvC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;QACxB,0BAA0B;QAC1B,KAAK,CAAC,EACF,SAAS,GACT,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,GACN,SAAS,GACT,SAAS,CAAA;QACb,4CAA4C;QAC5C,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,2CAA2C;QAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CAAA;CACF;AAED,MAAM,WAAW,WAAW;IAC1B,oCAAoC;IACpC,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gCAAgC;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,yBAAyB;IACzB,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC;AAoDD;;;;GAIG;AACH,eAAO,MAAM,MAAM,WACA,WAAW;;CAqN7B,CAAA;AAED,eAAe,MAAM,CAAA"}

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 { e as $ } from "../chunks/externalizeComponent-eiCc5DIh.js";
+import { externalizeComponent as $ } from "../externalizeComponent.js";
 function j(p) {
   const { children: t, value: s, index: l, ...n } = p;
   return /* @__PURE__ */ r(
@@ -209,3 +209,4 @@ export {
   I as TabBar,
   I as default
 };
+//# sourceMappingURL=TabBar.js.map

package/dist/components/TabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.js","sources":["../../src/components/TabBar.tsx"],"sourcesContent":["import type { SxProps } from \"@mui/material/styles\"\nimport Badge from \"@mui/material/Badge\"\nimport Box from \"@mui/material/Box\"\nimport Tab from \"@mui/material/Tab\"\nimport Tabs from \"@mui/material/Tabs\"\nimport { observer } from \"mobx-react-lite\"\nimport { useEffect, useState } from \"react\"\nimport { externalizeComponent } from \"../externalizeComponent\"\n\nexport interface TabItem {\n  /** Unique identifier for the tab */\n  id: string\n  /** Label text for the tab */\n  label: string\n  /** Content to display when tab is active */\n  content: React.ReactNode\n  /** Optional icon component to display with the tab */\n  icon?: React.ReactElement\n  /** Optional badge configuration */\n  badge?: {\n    /** Badge content (number or string) */\n    content: React.ReactNode\n    /** Badge color variant */\n    color?:\n      | \"default\"\n      | \"primary\"\n      | \"secondary\"\n      | \"error\"\n      | \"info\"\n      | \"success\"\n      | \"warning\"\n    /** Maximum number to display (e.g., 99+) */\n    max?: number\n    /** Show badge even when content is zero */\n    showZero?: boolean\n  }\n}\n\nexport interface TabBarProps {\n  /** Array of tab items to display */\n  items: TabItem[]\n  /** Controlled active tab index */\n  activeTab?: number\n  /** Default active tab index */\n  defaultActiveTab?: number\n  /** Callback when tab changes */\n  onTabChange?: (index: number) => void\n  /** Additional styling */\n  sx?: SxProps\n  /** Ref to the root container element */\n  ref?: React.Ref<HTMLDivElement>\n}\n\ninterface TabPanelProps {\n  children?: React.ReactNode\n  index: number\n  value: number\n}\n\nfunction TabPanel(props: TabPanelProps) {\n  const { children, value, index, ...other } = props\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={value !== index}\n      id={`tabpanel-${index}`}\n      aria-labelledby={`tab-${index}`}\n      {...other}\n    >\n      {value === index && <Box>{children}</Box>}\n    </div>\n  )\n}\n\n/**\n * Wrapper component that filters out MUI Tabs internal props\n * to prevent them from being passed to DOM elements\n */\ninterface TabWrapperProps {\n  children: React.ReactNode\n  // biome-ignore lint/suspicious/noExplicitAny: pre-biome code\n  [key: string]: any\n}\n\nfunction TabWrapper({ children, ...props }: TabWrapperProps) {\n  // Filter out MUI Tabs internal props that shouldn't reach the DOM\n  const {\n    fullWidth,\n    indicator,\n    onChange,\n    orientation,\n    scrollButtons,\n    selectionFollowsFocus,\n    textColor,\n    value,\n    variant,\n    ...cleanProps\n  } = props\n\n  return <Box {...cleanProps}>{children}</Box>\n}\n\n/**\n * A styled tab bar component with configurable tabs and content.\n * Features the same styling as the Wandelbots design system with rounded tabs\n * and smooth transitions.\n */\nexport const TabBar = externalizeComponent(\n  observer((props: TabBarProps) => {\n    const {\n      items,\n      activeTab,\n      defaultActiveTab = 0,\n      onTabChange,\n      sx,\n      ref,\n    } = props\n    const isControlled = activeTab !== undefined\n    const [uncontrolledActiveTab, setUncontrolledActiveTab] =\n      useState(defaultActiveTab)\n\n    // biome-ignore lint/style/noNonNullAssertion: pre-biome code\n    const currentValue = isControlled ? activeTab! : uncontrolledActiveTab\n\n    // Keep uncontrolled state in range when items change\n    useEffect(() => {\n      if (isControlled) return\n      if (items.length === 0) return\n      if (\n        uncontrolledActiveTab < 0 ||\n        uncontrolledActiveTab > items.length - 1\n      ) {\n        setUncontrolledActiveTab(0)\n      }\n    }, [items.length, isControlled, uncontrolledActiveTab])\n\n    const handleTabChange = (\n      _event: React.SyntheticEvent,\n      newValue: number,\n    ) => {\n      if (!isControlled) {\n        setUncontrolledActiveTab(newValue)\n      }\n      onTabChange?.(newValue)\n    }\n\n    return (\n      <Box\n        ref={ref}\n        sx={{ height: \"100%\", display: \"flex\", flexDirection: \"column\", ...sx }}\n      >\n        {/* Tabs */}\n        <Box\n          sx={{\n            px: 0,\n            py: 0,\n            overflow: \"visible\",\n            position: \"relative\",\n            // Extra padding to prevent badge clipping\n            // Top: accommodates badge positioned at top: -6px with 20px height\n            // Right: accommodates badge positioned at right: -8px with 20px width\n            paddingTop: (theme) => theme.spacing(2), // 16px\n            paddingRight: (theme) => theme.spacing(2.5), // 20px\n          }}\n        >\n          <Tabs\n            value={currentValue}\n            onChange={handleTabChange}\n            sx={{\n              minHeight: \"32px\",\n              backgroundColor: \"transparent\",\n              overflow: \"visible\",\n              \"& .MuiTabs-indicator\": {\n                display: \"none\", // Hide the default indicator\n              },\n              \"& .MuiTabs-flexContainer\": {\n                gap: 2,\n                overflow: \"visible\",\n                paddingTop: 0,\n                paddingBottom: 0,\n              },\n              \"& .MuiTabs-scroller\": {\n                overflow: \"visible !important\",\n              },\n              \"& .MuiTab-root\": {\n                overflow: \"visible\",\n              },\n            }}\n          >\n            {items.map((item, index) => {\n              // Helper functions for badge logic\n              const getBadgeContent = () => {\n                if (!item.badge) return undefined\n                const content = item.badge.content\n                const max = item.badge.max\n\n                // Handle numeric content with max limit\n                if (typeof content === \"number\" && max && content > max) {\n                  return `${max}+`\n                }\n\n                return content\n              }\n\n              const shouldShowBadge = () => {\n                if (!item.badge) return false\n                const content = item.badge.content\n                const showZero = item.badge.showZero\n\n                // If content is 0 and showZero is false, hide badge\n                if (content === 0 && !showZero) return false\n\n                return true\n              }\n\n              const badgeContent = getBadgeContent()\n              const showBadge = shouldShowBadge()\n\n              const handleTabClick = () => {\n                if (!isControlled) {\n                  setUncontrolledActiveTab(index)\n                }\n                onTabChange?.(index)\n              }\n\n              const tab = (\n                <Tab\n                  key={item.id}\n                  label={item.label}\n                  icon={item.icon}\n                  iconPosition=\"start\"\n                  disableRipple\n                  onClick={handleTabClick}\n                  sx={{\n                    minHeight: \"32px\",\n                    height: \"32px\",\n                    padding: \"0px 10px\",\n                    borderRadius: \"12px\",\n                    backgroundColor: (theme) =>\n                      theme.palette.backgroundPaperElevation?.[11] || \"#32344B\",\n                    color: \"text.primary\",\n                    opacity: currentValue === index ? 1 : 0.38,\n                    fontSize: \"13px\",\n                    transition: \"all 0.2s ease-in-out\",\n                    position: \"relative\",\n                    overflow: \"visible\",\n                    \"&:hover\": {\n                      opacity: currentValue === index ? 1 : 0.6,\n                    },\n                    \"&.Mui-selected\": {\n                      opacity: 1,\n                      backgroundColor: (theme) =>\n                        theme.palette.backgroundPaperElevation?.[11] ||\n                        \"#32344B\",\n                      color: \"text.primary\",\n                    },\n                    \"&:focus\": {\n                      outline: \"none\",\n                    },\n                    \"&:active\": {\n                      transform: \"none\",\n                    },\n                  }}\n                />\n              )\n\n              if (!showBadge) {\n                return tab\n              }\n\n              return (\n                <TabWrapper\n                  key={item.id}\n                  component=\"span\"\n                  sx={{ display: \"inline-flex\" }}\n                >\n                  <Badge\n                    badgeContent={badgeContent}\n                    color={item.badge?.color || \"error\"}\n                    max={item.badge?.max}\n                    showZero={item.badge?.showZero}\n                    anchorOrigin={{\n                      vertical: \"top\",\n                      horizontal: \"right\",\n                    }}\n                    overlap=\"rectangular\"\n                    sx={{\n                      \"& .MuiBadge-badge\": {\n                        // Ensure badge doesn't inherit tab opacity\n                        opacity: \"1 !important\",\n                      },\n                    }}\n                  >\n                    {tab}\n                  </Badge>\n                </TabWrapper>\n              )\n            })}\n          </Tabs>\n        </Box>\n\n        {/* Border line */}\n        <Box\n          sx={{\n            mt: (theme) => theme.spacing(2),\n            borderBottom: 1,\n            borderColor: \"divider\",\n          }}\n        />\n\n        {/* Tab Content */}\n        <Box sx={{ flex: 1, overflow: \"auto\" }}>\n          {items.map((item, index) => (\n            <TabPanel key={item.id} value={currentValue} index={index}>\n              {item.content}\n            </TabPanel>\n          ))}\n        </Box>\n      </Box>\n    )\n  }),\n)\n\nexport default TabBar\n"],"names":["TabPanel","props","children","value","index","other","jsx","Box","TabWrapper","fullWidth","indicator","onChange","orientation","scrollButtons","selectionFollowsFocus","textColor","variant","cleanProps","TabBar","externalizeComponent","observer","items","activeTab","defaultActiveTab","onTabChange","sx","ref","isControlled","uncontrolledActiveTab","setUncontrolledActiveTab","useState","currentValue","useEffect","handleTabChange","_event","newValue","jsxs","theme","Tabs","item","getBadgeContent","content","max","shouldShowBadge","showZero","badgeContent","showBadge","handleTabClick","tab","Tab","_a","Badge","_b","_c"],"mappings":"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"}

package/dist/components/ThemeSelect.d.ts

@@ -4,3 +4,4 @@ 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSelect.d.ts","sourceRoot":"","sources":["../../src/components/ThemeSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAIzC,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAA;CACrC,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;AAEvC,eAAO,MAAM,WAAW,GAAI,uBAAuB,gBAAgB,4CAsClE,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -1,3 +1,4 @@
 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.d.ts.map

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

package/dist/components/Timer/TimerDefaultVariant.cjs

@@ -1 +1,2 @@
 "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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimerDefaultVariant.cjs","sources":["../../../src/components/Timer/TimerDefaultVariant.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\"\nimport Fade from \"@mui/material/Fade\"\nimport Typography from \"@mui/material/Typography\"\nimport { Gauge } from \"@mui/x-charts\"\nimport { useTheme } from \"@mui/material/styles\"\nimport { useTranslation } from \"react-i18next\"\nimport type { TimerState, TimerAnimationState } from \"./types\"\nimport { formatTime } from \"./utils\"\n\ninterface TimerDefaultVariantProps {\n  timerState: TimerState\n  animationState: TimerAnimationState\n  hasError: boolean\n  className?: string\n}\n\nexport const TimerDefaultVariant = ({\n  timerState,\n  animationState,\n  hasError,\n  className,\n}: TimerDefaultVariantProps) => {\n  const { t } = useTranslation()\n  const theme = useTheme()\n  const { elapsedTime, currentProgress } = timerState\n  const { showErrorAnimation, showPauseAnimation, showMainText } =\n    animationState\n\n  return (\n    <Box\n      className={className}\n      sx={{\n        position: \"relative\",\n        width: 264,\n        height: 264,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n      }}\n    >\n      <Gauge\n        width={264}\n        height={264}\n        value={currentProgress}\n        valueMin={0}\n        valueMax={100}\n        innerRadius=\"85%\"\n        outerRadius=\"100%\"\n        margin={0}\n        skipAnimation={true}\n        text={() => \"\"}\n        sx={{\n          opacity: showPauseAnimation || showErrorAnimation ? 0.6 : 1,\n          transition: \"opacity 0.5s ease-out\",\n          \"& .MuiGauge-valueArc\": {\n            fill: hasError\n              ? theme.palette.error.light\n              : theme.palette.success.main,\n            transition: \"fill 0.5s ease-out\",\n          },\n          \"& .MuiGauge-referenceArc\": {\n            fill: \"#171927\",\n            stroke: \"transparent\",\n            strokeWidth: 0,\n            transition:\n              \"fill 0.5s ease-out, stroke 0.5s ease-out, stroke-width 0.5s ease-out\",\n          },\n          \"& .MuiGauge-valueText\": {\n            display: \"none\",\n          },\n          \"& .MuiGauge-text\": {\n            display: \"none\",\n          },\n        }}\n      />\n\n      {/* Center content overlay */}\n      <Box\n        sx={{\n          position: \"absolute\",\n          top: \"50%\",\n          left: \"50%\",\n          transform: \"translate(-50%, -50%)\",\n          width: 225,\n          height: 225,\n          borderRadius: \"50%\",\n          backgroundColor: \"#292B3F\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          textAlign: \"center\",\n          gap: 1,\n          transition: \"background-color 0.5s ease-out\",\n        }}\n      >\n        {/* Main display */}\n        <Box\n          sx={{\n            position: \"relative\",\n            height: \"48px\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            marginBottom: 0.5,\n          }}\n        >\n          {/* Error text */}\n          <Fade in={showMainText && hasError} timeout={200}>\n            <Typography\n              variant=\"h6\"\n              sx={{\n                position: \"absolute\",\n                fontSize: \"16px\",\n                fontWeight: 500,\n                color: theme.palette.error.light,\n              }}\n            >\n              {t(\"timer.error\")}\n            </Typography>\n          </Fade>\n\n          {/* Timer display */}\n          <Fade in={showMainText && !hasError} timeout={300}>\n            <Typography\n              variant=\"h1\"\n              sx={{\n                position: \"absolute\",\n                fontSize: \"48px\",\n                fontWeight: 500,\n                color: theme.palette.text.primary,\n                lineHeight: 1,\n                letterSpacing: \"-0.5px\",\n              }}\n            >\n              {formatTime(elapsedTime)}\n            </Typography>\n          </Fade>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n"],"names":["TimerDefaultVariant","timerState","animationState","hasError","className","t","useTranslation","theme","useTheme","elapsedTime","currentProgress","showErrorAnimation","showPauseAnimation","showMainText","jsxs","Box","jsx","Gauge","Fade","Typography"],"mappings":"2UAgBaA,EAAsB,CAAC,CAClC,WAAAC,EACA,eAAAC,EACA,SAAAC,EACA,UAAAC,CACF,IAAgC,CAC9B,KAAM,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EACRC,EAAQC,EAAAA,SAAA,EACR,CAAE,YAAAC,EAAa,gBAAAC,CAAA,EAAoBT,EACnC,CAAE,mBAAAU,EAAoB,mBAAAC,EAAoB,aAAAC,CAAA,EAC9CX,EAEF,OACEY,EAAAA,KAACC,EAAA,CACC,UAAAX,EACA,GAAI,CACF,SAAU,WACV,MAAO,IACP,OAAQ,IACR,QAAS,OACT,WAAY,SACZ,eAAgB,QAAA,EAGlB,SAAA,CAAAY,EAAAA,IAACC,EAAAA,MAAA,CACC,MAAO,IACP,OAAQ,IACR,MAAOP,EACP,SAAU,EACV,SAAU,IACV,YAAY,MACZ,YAAY,OACZ,OAAQ,EACR,cAAe,GACf,KAAM,IAAM,GACZ,GAAI,CACF,QAASE,GAAsBD,EAAqB,GAAM,EAC1D,WAAY,wBACZ,uBAAwB,CACtB,KAAMR,EACFI,EAAM,QAAQ,MAAM,MACpBA,EAAM,QAAQ,QAAQ,KAC1B,WAAY,oBAAA,EAEd,2BAA4B,CAC1B,KAAM,UACN,OAAQ,cACR,YAAa,EACb,WACE,sEAAA,EAEJ,wBAAyB,CACvB,QAAS,MAAA,EAEX,mBAAoB,CAClB,QAAS,MAAA,CACX,CACF,CAAA,EAIFS,EAAAA,IAACD,EAAA,CACC,GAAI,CACF,SAAU,WACV,IAAK,MACL,KAAM,MACN,UAAW,wBACX,MAAO,IACP,OAAQ,IACR,aAAc,MACd,gBAAiB,UACjB,QAAS,OACT,cAAe,SACf,WAAY,SACZ,eAAgB,SAChB,UAAW,SACX,IAAK,EACL,WAAY,gCAAA,EAId,SAAAD,EAAAA,KAACC,EAAA,CACC,GAAI,CACF,SAAU,WACV,OAAQ,OACR,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,aAAc,EAAA,EAIhB,SAAA,CAAAC,MAACE,EAAA,CAAK,GAAIL,GAAgBV,EAAU,QAAS,IAC3C,SAAAa,EAAAA,IAACG,EAAA,CACC,QAAQ,KACR,GAAI,CACF,SAAU,WACV,SAAU,OACV,WAAY,IACZ,MAAOZ,EAAM,QAAQ,MAAM,KAAA,EAG5B,WAAE,aAAa,CAAA,CAAA,EAEpB,QAGCW,EAAA,CAAK,GAAIL,GAAgB,CAACV,EAAU,QAAS,IAC5C,SAAAa,EAAAA,IAACG,EAAA,CACC,QAAQ,KACR,GAAI,CACF,SAAU,WACV,SAAU,OACV,WAAY,IACZ,MAAOZ,EAAM,QAAQ,KAAK,QAC1B,WAAY,EACZ,cAAe,QAAA,EAGhB,sBAAWE,CAAW,CAAA,CAAA,CACzB,CACF,CAAA,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAGN"}

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

@@ -7,3 +7,4 @@ 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.d.ts.map

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

package/dist/components/Timer/TimerDefaultVariant.js

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

package/dist/components/Timer/TimerDefaultVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimerDefaultVariant.js","sources":["../../../src/components/Timer/TimerDefaultVariant.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\"\nimport Fade from \"@mui/material/Fade\"\nimport Typography from \"@mui/material/Typography\"\nimport { Gauge } from \"@mui/x-charts\"\nimport { useTheme } from \"@mui/material/styles\"\nimport { useTranslation } from \"react-i18next\"\nimport type { TimerState, TimerAnimationState } from \"./types\"\nimport { formatTime } from \"./utils\"\n\ninterface TimerDefaultVariantProps {\n  timerState: TimerState\n  animationState: TimerAnimationState\n  hasError: boolean\n  className?: string\n}\n\nexport const TimerDefaultVariant = ({\n  timerState,\n  animationState,\n  hasError,\n  className,\n}: TimerDefaultVariantProps) => {\n  const { t } = useTranslation()\n  const theme = useTheme()\n  const { elapsedTime, currentProgress } = timerState\n  const { showErrorAnimation, showPauseAnimation, showMainText } =\n    animationState\n\n  return (\n    <Box\n      className={className}\n      sx={{\n        position: \"relative\",\n        width: 264,\n        height: 264,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n      }}\n    >\n      <Gauge\n        width={264}\n        height={264}\n        value={currentProgress}\n        valueMin={0}\n        valueMax={100}\n        innerRadius=\"85%\"\n        outerRadius=\"100%\"\n        margin={0}\n        skipAnimation={true}\n        text={() => \"\"}\n        sx={{\n          opacity: showPauseAnimation || showErrorAnimation ? 0.6 : 1,\n          transition: \"opacity 0.5s ease-out\",\n          \"& .MuiGauge-valueArc\": {\n            fill: hasError\n              ? theme.palette.error.light\n              : theme.palette.success.main,\n            transition: \"fill 0.5s ease-out\",\n          },\n          \"& .MuiGauge-referenceArc\": {\n            fill: \"#171927\",\n            stroke: \"transparent\",\n            strokeWidth: 0,\n            transition:\n              \"fill 0.5s ease-out, stroke 0.5s ease-out, stroke-width 0.5s ease-out\",\n          },\n          \"& .MuiGauge-valueText\": {\n            display: \"none\",\n          },\n          \"& .MuiGauge-text\": {\n            display: \"none\",\n          },\n        }}\n      />\n\n      {/* Center content overlay */}\n      <Box\n        sx={{\n          position: \"absolute\",\n          top: \"50%\",\n          left: \"50%\",\n          transform: \"translate(-50%, -50%)\",\n          width: 225,\n          height: 225,\n          borderRadius: \"50%\",\n          backgroundColor: \"#292B3F\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          textAlign: \"center\",\n          gap: 1,\n          transition: \"background-color 0.5s ease-out\",\n        }}\n      >\n        {/* Main display */}\n        <Box\n          sx={{\n            position: \"relative\",\n            height: \"48px\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            marginBottom: 0.5,\n          }}\n        >\n          {/* Error text */}\n          <Fade in={showMainText && hasError} timeout={200}>\n            <Typography\n              variant=\"h6\"\n              sx={{\n                position: \"absolute\",\n                fontSize: \"16px\",\n                fontWeight: 500,\n                color: theme.palette.error.light,\n              }}\n            >\n              {t(\"timer.error\")}\n            </Typography>\n          </Fade>\n\n          {/* Timer display */}\n          <Fade in={showMainText && !hasError} timeout={300}>\n            <Typography\n              variant=\"h1\"\n              sx={{\n                position: \"absolute\",\n                fontSize: \"48px\",\n                fontWeight: 500,\n                color: theme.palette.text.primary,\n                lineHeight: 1,\n                letterSpacing: \"-0.5px\",\n              }}\n            >\n              {formatTime(elapsedTime)}\n            </Typography>\n          </Fade>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n"],"names":["TimerDefaultVariant","timerState","animationState","hasError","className","t","useTranslation","theme","useTheme","elapsedTime","currentProgress","showErrorAnimation","showPauseAnimation","showMainText","jsxs","Box","jsx","Gauge","Fade","Typography"],"mappings":"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"}

package/dist/components/Timer/TimerSmallVariant.cjs

@@ -1 +1,2 @@
 "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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimerSmallVariant.cjs","sources":["../../../src/components/Timer/TimerSmallVariant.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\"\nimport Typography from \"@mui/material/Typography\"\nimport { useTheme } from \"@mui/material/styles\"\nimport { useTranslation } from \"react-i18next\"\nimport type { TimerAnimationState, TimerState } from \"./types\"\nimport { formatTimeLocalized } from \"./utils\"\n\ninterface TimerSmallVariantProps {\n  timerState: TimerState\n  animationState: TimerAnimationState\n  hasError: boolean\n  compact: boolean\n  className?: string\n}\n\nexport const TimerSmallVariant = ({\n  timerState,\n  animationState,\n  hasError,\n  compact,\n  className,\n}: TimerSmallVariantProps) => {\n  const { t, i18n } = useTranslation()\n  const theme = useTheme()\n  const { elapsedTime, currentProgress } = timerState\n  const { showErrorAnimation, showPauseAnimation } = animationState\n\n  // Simple text-only mode for compact variant\n  if (compact) {\n    return (\n      <Box\n        className={className}\n        sx={{\n          display: \"flex\",\n          alignItems: \"center\",\n          m: 0,\n        }}\n      >\n        <Typography\n          variant=\"body2\"\n          sx={{\n            color: hasError\n              ? theme.palette.error.light\n              : theme.palette.text.primary,\n            fontSize: \"14px\",\n            transition: \"color 0.5s ease-out\",\n          }}\n        >\n          {hasError\n            ? t(\"timer.error\")\n            : formatTimeLocalized(elapsedTime, i18n.language)}\n        </Typography>\n      </Box>\n    )\n  }\n\n  return (\n    <Box\n      className={className}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        m: 0,\n        gap: 1,\n      }}\n    >\n      {/* Animated progress ring icon */}\n      <Box\n        sx={{\n          width: 20,\n          height: 20,\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          opacity: showPauseAnimation || showErrorAnimation ? 0.6 : 1,\n          transition: \"opacity 0.5s ease-out\",\n        }}\n      >\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          style={{ transform: \"rotate(-90deg)\" }}\n          role=\"img\"\n          aria-label=\"Timer progress\"\n        >\n          <circle\n            cx=\"10\"\n            cy=\"10\"\n            r=\"8\"\n            fill=\"none\"\n            stroke={\n              hasError ? theme.palette.error.light : theme.palette.success.main\n            }\n            strokeWidth=\"2\"\n            opacity={0.3}\n            style={{\n              transition: \"stroke 0.8s ease-in-out, opacity 2s ease-in-out\",\n            }}\n          />\n          <circle\n            cx=\"10\"\n            cy=\"10\"\n            r=\"8\"\n            fill=\"none\"\n            stroke={\n              hasError ? theme.palette.error.light : theme.palette.success.main\n            }\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeDasharray={`${2 * Math.PI * 8}`}\n            strokeDashoffset={`${2 * Math.PI * 8 * (1 - currentProgress / 100)}`}\n            style={{\n              transition:\n                \"stroke-dashoffset 0.1s ease-out, stroke 0.8s ease-in-out, opacity 2s ease-in-out\",\n            }}\n          />\n        </svg>\n      </Box>\n\n      {/* Timer text display */}\n      <Typography\n        variant=\"body2\"\n        sx={{\n          color: hasError\n            ? theme.palette.error.light\n            : theme.palette.text.primary,\n          fontSize: \"14px\",\n          lineHeight: \"normal\",\n          letterSpacing: \"normal\",\n          transition:\n            \"color 0.8s ease-in-out, font-size 0.3s ease-out, opacity 2s ease-in-out\",\n        }}\n      >\n        {hasError\n          ? t(\"timer.error\")\n          : formatTimeLocalized(elapsedTime, i18n.language)}\n      </Typography>\n    </Box>\n  )\n}\n"],"names":["TimerSmallVariant","timerState","animationState","hasError","compact","className","t","i18n","useTranslation","theme","useTheme","elapsedTime","currentProgress","showErrorAnimation","showPauseAnimation","jsx","Box","Typography","formatTimeLocalized","jsxs"],"mappings":"gRAeaA,EAAoB,CAAC,CAChC,WAAAC,EACA,eAAAC,EACA,SAAAC,EACA,QAAAC,EACA,UAAAC,CACF,IAA8B,CAC5B,KAAM,CAAE,EAAAC,EAAG,KAAAC,CAAA,EAASC,iBAAA,EACdC,EAAQC,EAAAA,SAAA,EACR,CAAE,YAAAC,EAAa,gBAAAC,CAAA,EAAoBX,EACnC,CAAE,mBAAAY,EAAoB,mBAAAC,CAAA,EAAuBZ,EAGnD,OAAIE,EAEAW,EAAAA,IAACC,EAAA,CACC,UAAAX,EACA,GAAI,CACF,QAAS,OACT,WAAY,SACZ,EAAG,CAAA,EAGL,SAAAU,EAAAA,IAACE,EAAA,CACC,QAAQ,QACR,GAAI,CACF,MAAOd,EACHM,EAAM,QAAQ,MAAM,MACpBA,EAAM,QAAQ,KAAK,QACvB,SAAU,OACV,WAAY,qBAAA,EAGb,WACGH,EAAE,aAAa,EACfY,sBAAoBP,EAAaJ,EAAK,QAAQ,CAAA,CAAA,CACpD,CAAA,EAMJY,EAAAA,KAACH,EAAA,CACC,UAAAX,EACA,GAAI,CACF,QAAS,OACT,WAAY,SACZ,EAAG,EACH,IAAK,CAAA,EAIP,SAAA,CAAAU,EAAAA,IAACC,EAAA,CACC,GAAI,CACF,MAAO,GACP,OAAQ,GACR,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,QAASF,GAAsBD,EAAqB,GAAM,EAC1D,WAAY,uBAAA,EAGd,SAAAM,EAAAA,KAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,MAAO,CAAE,UAAW,gBAAA,EACpB,KAAK,MACL,aAAW,iBAEX,SAAA,CAAAJ,EAAAA,IAAC,SAAA,CACC,GAAG,KACH,GAAG,KACH,EAAE,IACF,KAAK,OACL,OACEZ,EAAWM,EAAM,QAAQ,MAAM,MAAQA,EAAM,QAAQ,QAAQ,KAE/D,YAAY,IACZ,QAAS,GACT,MAAO,CACL,WAAY,iDAAA,CACd,CAAA,EAEFM,EAAAA,IAAC,SAAA,CACC,GAAG,KACH,GAAG,KACH,EAAE,IACF,KAAK,OACL,OACEZ,EAAWM,EAAM,QAAQ,MAAM,MAAQA,EAAM,QAAQ,QAAQ,KAE/D,YAAY,IACZ,cAAc,QACd,gBAAiB,GAAG,EAAI,KAAK,GAAK,CAAC,GACnC,iBAAkB,GAAG,EAAI,KAAK,GAAK,GAAK,EAAIG,EAAkB,IAAI,GAClE,MAAO,CACL,WACE,kFAAA,CACJ,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EAIFG,EAAAA,IAACE,EAAA,CACC,QAAQ,QACR,GAAI,CACF,MAAOd,EACHM,EAAM,QAAQ,MAAM,MACpBA,EAAM,QAAQ,KAAK,QACvB,SAAU,OACV,WAAY,SACZ,cAAe,SACf,WACE,yEAAA,EAGH,WACGH,EAAE,aAAa,EACfY,sBAAoBP,EAAaJ,EAAK,QAAQ,CAAA,CAAA,CACpD,CAAA,CAAA,CAGN"}

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

@@ -8,3 +8,4 @@ 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.d.ts.map

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

package/dist/components/Timer/TimerSmallVariant.js

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

package/dist/components/Timer/TimerSmallVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimerSmallVariant.js","sources":["../../../src/components/Timer/TimerSmallVariant.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\"\nimport Typography from \"@mui/material/Typography\"\nimport { useTheme } from \"@mui/material/styles\"\nimport { useTranslation } from \"react-i18next\"\nimport type { TimerAnimationState, TimerState } from \"./types\"\nimport { formatTimeLocalized } from \"./utils\"\n\ninterface TimerSmallVariantProps {\n  timerState: TimerState\n  animationState: TimerAnimationState\n  hasError: boolean\n  compact: boolean\n  className?: string\n}\n\nexport const TimerSmallVariant = ({\n  timerState,\n  animationState,\n  hasError,\n  compact,\n  className,\n}: TimerSmallVariantProps) => {\n  const { t, i18n } = useTranslation()\n  const theme = useTheme()\n  const { elapsedTime, currentProgress } = timerState\n  const { showErrorAnimation, showPauseAnimation } = animationState\n\n  // Simple text-only mode for compact variant\n  if (compact) {\n    return (\n      <Box\n        className={className}\n        sx={{\n          display: \"flex\",\n          alignItems: \"center\",\n          m: 0,\n        }}\n      >\n        <Typography\n          variant=\"body2\"\n          sx={{\n            color: hasError\n              ? theme.palette.error.light\n              : theme.palette.text.primary,\n            fontSize: \"14px\",\n            transition: \"color 0.5s ease-out\",\n          }}\n        >\n          {hasError\n            ? t(\"timer.error\")\n            : formatTimeLocalized(elapsedTime, i18n.language)}\n        </Typography>\n      </Box>\n    )\n  }\n\n  return (\n    <Box\n      className={className}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        m: 0,\n        gap: 1,\n      }}\n    >\n      {/* Animated progress ring icon */}\n      <Box\n        sx={{\n          width: 20,\n          height: 20,\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          opacity: showPauseAnimation || showErrorAnimation ? 0.6 : 1,\n          transition: \"opacity 0.5s ease-out\",\n        }}\n      >\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          style={{ transform: \"rotate(-90deg)\" }}\n          role=\"img\"\n          aria-label=\"Timer progress\"\n        >\n          <circle\n            cx=\"10\"\n            cy=\"10\"\n            r=\"8\"\n            fill=\"none\"\n            stroke={\n              hasError ? theme.palette.error.light : theme.palette.success.main\n            }\n            strokeWidth=\"2\"\n            opacity={0.3}\n            style={{\n              transition: \"stroke 0.8s ease-in-out, opacity 2s ease-in-out\",\n            }}\n          />\n          <circle\n            cx=\"10\"\n            cy=\"10\"\n            r=\"8\"\n            fill=\"none\"\n            stroke={\n              hasError ? theme.palette.error.light : theme.palette.success.main\n            }\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeDasharray={`${2 * Math.PI * 8}`}\n            strokeDashoffset={`${2 * Math.PI * 8 * (1 - currentProgress / 100)}`}\n            style={{\n              transition:\n                \"stroke-dashoffset 0.1s ease-out, stroke 0.8s ease-in-out, opacity 2s ease-in-out\",\n            }}\n          />\n        </svg>\n      </Box>\n\n      {/* Timer text display */}\n      <Typography\n        variant=\"body2\"\n        sx={{\n          color: hasError\n            ? theme.palette.error.light\n            : theme.palette.text.primary,\n          fontSize: \"14px\",\n          lineHeight: \"normal\",\n          letterSpacing: \"normal\",\n          transition:\n            \"color 0.8s ease-in-out, font-size 0.3s ease-out, opacity 2s ease-in-out\",\n        }}\n      >\n        {hasError\n          ? t(\"timer.error\")\n          : formatTimeLocalized(elapsedTime, i18n.language)}\n      </Typography>\n    </Box>\n  )\n}\n"],"names":["TimerSmallVariant","timerState","animationState","hasError","compact","className","t","i18n","useTranslation","theme","useTheme","elapsedTime","currentProgress","showErrorAnimation","showPauseAnimation","jsx","Box","Typography","formatTimeLocalized","jsxs"],"mappings":"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"}

package/dist/components/Timer/index.cjs

@@ -1 +1,2 @@
-"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;
+"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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Timer/index.tsx"],"sourcesContent":["import { observer } from \"mobx-react-lite\"\nimport { useEffect } from \"react\"\nimport { externalizeComponent } from \"../../externalizeComponent\"\nimport { TimerDefaultVariant } from \"./TimerDefaultVariant\"\nimport { TimerSmallVariant } from \"./TimerSmallVariant\"\nimport type { TimerProps } from \"./types\"\nimport { useTimerAnimations } from \"./useTimerAnimations\"\nimport { useTimerLogic } from \"./useTimerLogic\"\n\n/**\n * A simple count-up timer component with visual progress indication\n *\n * Features:\n * - Count-up timer that tracks elapsed time\n * - Visual progress gauge that cycles every minute\n * - Two display variants: large circular gauge (default) or small icon with text\n * - Full timer control: start, pause, resume, reset functionality\n * - Support for starting with elapsed time (resume mid-session)\n * - Error state support: pauses timer and shows error styling\n * - Smooth progress animations with spring physics\n * - Fully localized with i18next\n * - Material-UI theming integration\n */\nexport const Timer = externalizeComponent(\n  observer(\n    ({\n      onTimerReady,\n      autoStart = true,\n      variant = \"default\",\n      compact = false,\n      className,\n      hasError = false,\n    }: TimerProps) => {\n      // Initialize animation hooks\n      const {\n        animationState,\n        triggerPauseAnimation,\n        triggerErrorAnimation,\n        clearErrorAnimation,\n        setInitialAnimationState,\n        cleanup,\n      } = useTimerAnimations()\n\n      // Initialize timer logic\n      const { timerState, controls } = useTimerLogic({\n        autoStart,\n        hasError,\n        onPauseAnimation: triggerPauseAnimation,\n        onErrorAnimation: triggerErrorAnimation,\n        onClearErrorAnimation: clearErrorAnimation,\n      })\n\n      // Set initial animation state\n      useEffect(() => {\n        setInitialAnimationState()\n      }, [setInitialAnimationState])\n\n      // Provide controls to parent component\n      useEffect(() => {\n        let isMounted = true\n        const timeoutId = setTimeout(() => {\n          if (isMounted) {\n            onTimerReady(controls)\n          }\n        }, 0)\n\n        return () => {\n          isMounted = false\n          clearTimeout(timeoutId)\n        }\n      }, [onTimerReady, controls])\n\n      // Cleanup on unmount\n      useEffect(() => {\n        return cleanup\n      }, [cleanup])\n\n      // Render appropriate variant\n      if (variant === \"small\") {\n        return (\n          <TimerSmallVariant\n            timerState={timerState}\n            animationState={animationState}\n            hasError={hasError}\n            compact={compact}\n            className={className}\n          />\n        )\n      }\n\n      return (\n        <TimerDefaultVariant\n          timerState={timerState}\n          animationState={animationState}\n          hasError={hasError}\n          className={className}\n        />\n      )\n    },\n  ),\n)\n\nexport default Timer\n"],"names":["Timer","externalizeComponent","observer","onTimerReady","autoStart","variant","compact","className","hasError","animationState","triggerPauseAnimation","triggerErrorAnimation","clearErrorAnimation","setInitialAnimationState","cleanup","useTimerAnimations","timerState","controls","useTimerLogic","useEffect","isMounted","timeoutId","jsx","TimerSmallVariant","TimerDefaultVariant"],"mappings":"gYAuBaA,EAAQC,EAAAA,qBACnBC,EAAAA,SACE,CAAC,CACC,aAAAC,EACA,UAAAC,EAAY,GACZ,QAAAC,EAAU,UACV,QAAAC,EAAU,GACV,UAAAC,EACA,SAAAC,EAAW,EAAA,IACK,CAEhB,KAAM,CACJ,eAAAC,EACA,sBAAAC,EACA,sBAAAC,EACA,oBAAAC,EACA,yBAAAC,EACA,QAAAC,CAAA,EACEC,qBAAA,EAGE,CAAE,WAAAC,EAAY,SAAAC,CAAA,EAAaC,gBAAc,CAC7C,UAAAd,EACA,SAAAI,EACA,iBAAkBE,EAClB,iBAAkBC,EAClB,sBAAuBC,CAAA,CACxB,EA4BD,OAzBAO,EAAAA,UAAU,IAAM,CACdN,EAAA,CACF,EAAG,CAACA,CAAwB,CAAC,EAG7BM,EAAAA,UAAU,IAAM,CACd,IAAIC,EAAY,GAChB,MAAMC,EAAY,WAAW,IAAM,CAC7BD,GACFjB,EAAac,CAAQ,CAEzB,EAAG,CAAC,EAEJ,MAAO,IAAM,CACXG,EAAY,GACZ,aAAaC,CAAS,CACxB,CACF,EAAG,CAAClB,EAAcc,CAAQ,CAAC,EAG3BE,EAAAA,UAAU,IACDL,EACN,CAACA,CAAO,CAAC,EAGRT,IAAY,QAEZiB,EAAAA,IAACC,EAAAA,kBAAA,CACC,WAAAP,EACA,eAAAP,EACA,SAAAD,EACA,QAAAF,EACA,UAAAC,CAAA,CAAA,EAMJe,EAAAA,IAACE,EAAAA,oBAAA,CACC,WAAAR,EACA,eAAAP,EACA,SAAAD,EACA,UAAAD,CAAA,CAAA,CAGN,CAAA,CAEJ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIzC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,KAAK,yEASX,UAAU;;CAoEhB,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/components/Timer/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Timer/index.tsx"],"sourcesContent":["import { observer } from \"mobx-react-lite\"\nimport { useEffect } from \"react\"\nimport { externalizeComponent } from \"../../externalizeComponent\"\nimport { TimerDefaultVariant } from \"./TimerDefaultVariant\"\nimport { TimerSmallVariant } from \"./TimerSmallVariant\"\nimport type { TimerProps } from \"./types\"\nimport { useTimerAnimations } from \"./useTimerAnimations\"\nimport { useTimerLogic } from \"./useTimerLogic\"\n\n/**\n * A simple count-up timer component with visual progress indication\n *\n * Features:\n * - Count-up timer that tracks elapsed time\n * - Visual progress gauge that cycles every minute\n * - Two display variants: large circular gauge (default) or small icon with text\n * - Full timer control: start, pause, resume, reset functionality\n * - Support for starting with elapsed time (resume mid-session)\n * - Error state support: pauses timer and shows error styling\n * - Smooth progress animations with spring physics\n * - Fully localized with i18next\n * - Material-UI theming integration\n */\nexport const Timer = externalizeComponent(\n  observer(\n    ({\n      onTimerReady,\n      autoStart = true,\n      variant = \"default\",\n      compact = false,\n      className,\n      hasError = false,\n    }: TimerProps) => {\n      // Initialize animation hooks\n      const {\n        animationState,\n        triggerPauseAnimation,\n        triggerErrorAnimation,\n        clearErrorAnimation,\n        setInitialAnimationState,\n        cleanup,\n      } = useTimerAnimations()\n\n      // Initialize timer logic\n      const { timerState, controls } = useTimerLogic({\n        autoStart,\n        hasError,\n        onPauseAnimation: triggerPauseAnimation,\n        onErrorAnimation: triggerErrorAnimation,\n        onClearErrorAnimation: clearErrorAnimation,\n      })\n\n      // Set initial animation state\n      useEffect(() => {\n        setInitialAnimationState()\n      }, [setInitialAnimationState])\n\n      // Provide controls to parent component\n      useEffect(() => {\n        let isMounted = true\n        const timeoutId = setTimeout(() => {\n          if (isMounted) {\n            onTimerReady(controls)\n          }\n        }, 0)\n\n        return () => {\n          isMounted = false\n          clearTimeout(timeoutId)\n        }\n      }, [onTimerReady, controls])\n\n      // Cleanup on unmount\n      useEffect(() => {\n        return cleanup\n      }, [cleanup])\n\n      // Render appropriate variant\n      if (variant === \"small\") {\n        return (\n          <TimerSmallVariant\n            timerState={timerState}\n            animationState={animationState}\n            hasError={hasError}\n            compact={compact}\n            className={className}\n          />\n        )\n      }\n\n      return (\n        <TimerDefaultVariant\n          timerState={timerState}\n          animationState={animationState}\n          hasError={hasError}\n          className={className}\n        />\n      )\n    },\n  ),\n)\n\nexport default Timer\n"],"names":["Timer","externalizeComponent","observer","onTimerReady","autoStart","variant","compact","className","hasError","animationState","triggerPauseAnimation","triggerErrorAnimation","clearErrorAnimation","setInitialAnimationState","cleanup","useTimerAnimations","timerState","controls","useTimerLogic","useEffect","isMounted","timeoutId","jsx","TimerSmallVariant","TimerDefaultVariant"],"mappings":";;;;;;;;AAuBO,MAAMA,IAAQC;AAAA,EACnBC;AAAA,IACE,CAAC;AAAA,MACC,cAAAC;AAAA,MACA,WAAAC,IAAY;AAAA,MACZ,SAAAC,IAAU;AAAA,MACV,SAAAC,IAAU;AAAA,MACV,WAAAC;AAAA,MACA,UAAAC,IAAW;AAAA,IAAA,MACK;AAEhB,YAAM;AAAA,QACJ,gBAAAC;AAAA,QACA,uBAAAC;AAAA,QACA,uBAAAC;AAAA,QACA,qBAAAC;AAAA,QACA,0BAAAC;AAAA,QACA,SAAAC;AAAA,MAAA,IACEC,EAAA,GAGE,EAAE,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAc;AAAA,QAC7C,WAAAd;AAAA,QACA,UAAAI;AAAA,QACA,kBAAkBE;AAAA,QAClB,kBAAkBC;AAAA,QAClB,uBAAuBC;AAAA,MAAA,CACxB;AA4BD,aAzBAO,EAAU,MAAM;AACd,QAAAN,EAAA;AAAA,MACF,GAAG,CAACA,CAAwB,CAAC,GAG7BM,EAAU,MAAM;AACd,YAAIC,IAAY;AAChB,cAAMC,IAAY,WAAW,MAAM;AACjC,UAAID,KACFjB,EAAac,CAAQ;AAAA,QAEzB,GAAG,CAAC;AAEJ,eAAO,MAAM;AACX,UAAAG,IAAY,IACZ,aAAaC,CAAS;AAAA,QACxB;AAAA,MACF,GAAG,CAAClB,GAAcc,CAAQ,CAAC,GAG3BE,EAAU,MACDL,GACN,CAACA,CAAO,CAAC,GAGRT,MAAY,UAEZ,gBAAAiB;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,YAAAP;AAAA,UACA,gBAAAP;AAAA,UACA,UAAAD;AAAA,UACA,SAAAF;AAAA,UACA,WAAAC;AAAA,QAAA;AAAA,MAAA,IAMJ,gBAAAe;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,YAAAR;AAAA,UACA,gBAAAP;AAAA,UACA,UAAAD;AAAA,UACA,WAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAAA,EAAA;AAEJ;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,QAAQ,EAAE,MAAM,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAA;IAC/C,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kCAAkC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;CAC/B;AAED,MAAM,WAAW,mBAAmB;IAClC,kBAAkB,EAAE,OAAO,CAAA;IAC3B,kBAAkB,EAAE,OAAO,CAAA;IAC3B,YAAY,EAAE,OAAO,CAAA;CACtB"}

package/dist/components/Timer/useTimerAnimations.cjs

@@ -1 +1,2 @@
 "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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimerAnimations.cjs","sources":["../../../src/components/Timer/useTimerAnimations.ts"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\"\nimport type { TimerAnimationState } from \"./types\"\n\nexport const useTimerAnimations = () => {\n  const [animationState, setAnimationState] = useState<TimerAnimationState>({\n    showPauseAnimation: false,\n    showErrorAnimation: false,\n    showMainText: true,\n  })\n\n  // Refs for managing timeouts\n  const pauseAnimationTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const errorAnimationTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const fadeTimeoutRef = 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 triggerFadeTransition = useCallback(() => {\n    setAnimationState((prev) => ({\n      ...prev,\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        showMainText: true,\n      }))\n    }, 200)\n  }, [])\n\n  const setInitialAnimationState = useCallback(() => {\n    setAnimationState((prev) => ({\n      ...prev,\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  }, [])\n\n  return {\n    animationState,\n    triggerPauseAnimation,\n    triggerErrorAnimation,\n    clearErrorAnimation,\n    triggerFadeTransition,\n    setInitialAnimationState,\n    cleanup,\n  }\n}\n"],"names":["useTimerAnimations","animationState","setAnimationState","useState","pauseAnimationTimeoutRef","useRef","errorAnimationTimeoutRef","fadeTimeoutRef","triggerPauseAnimation","useCallback","prev","triggerErrorAnimation","clearErrorAnimation","triggerFadeTransition","setInitialAnimationState","cleanup"],"mappings":"yGAGaA,EAAqB,IAAM,CACtC,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,WAA8B,CACxE,mBAAoB,GACpB,mBAAoB,GACpB,aAAc,EAAA,CACf,EAGKC,EAA2BC,EAAAA,OAA8B,IAAI,EAC7DC,EAA2BD,EAAAA,OAA8B,IAAI,EAC7DE,EAAiBF,EAAAA,OAA8B,IAAI,EAEnDG,EAAwBC,EAAAA,YAAY,IAAM,CAC9CP,EAAmBQ,IAAU,CAAE,GAAGA,EAAM,mBAAoB,IAAO,EAE/DN,EAAyB,SAC3B,aAAaA,EAAyB,OAAO,EAG/CA,EAAyB,QAAU,WAAW,IAAM,CAClDF,EAAmBQ,IAAU,CAAE,GAAGA,EAAM,mBAAoB,IAAQ,CACtE,EAAG,GAAG,CACR,EAAG,CAAA,CAAE,EAECC,EAAwBF,EAAAA,YAAY,IAAM,CAC9CP,EAAmBQ,IAAU,CAAE,GAAGA,EAAM,mBAAoB,IAAO,EAE/DJ,EAAyB,SAC3B,aAAaA,EAAyB,OAAO,EAG/CA,EAAyB,QAAU,WAAW,IAAM,CAClDJ,EAAmBQ,IAAU,CAAE,GAAGA,EAAM,mBAAoB,IAAQ,CACtE,EAAG,GAAG,CACR,EAAG,CAAA,CAAE,EAECE,EAAsBH,EAAAA,YAAY,IAAM,CAC5CP,EAAmBQ,IAAU,CAAE,GAAGA,EAAM,mBAAoB,IAAQ,EAChEJ,EAAyB,SAC3B,aAAaA,EAAyB,OAAO,CAEjD,EAAG,CAAA,CAAE,EAECO,EAAwBJ,EAAAA,YAAY,IAAM,CAC9CP,EAAmBQ,IAAU,CAC3B,GAAGA,EACH,aAAc,EAAA,EACd,EAEEH,EAAe,SACjB,aAAaA,EAAe,OAAO,EAGrCA,EAAe,QAAU,WAAW,IAAM,CACxCL,EAAmBQ,IAAU,CAC3B,GAAGA,EACH,aAAc,EAAA,EACd,CACJ,EAAG,GAAG,CACR,EAAG,CAAA,CAAE,EAECI,EAA2BL,EAAAA,YAAY,IAAM,CACjDP,EAAmBQ,IAAU,CAC3B,GAAGA,EACH,aAAc,EAAA,EACd,CACJ,EAAG,CAAA,CAAE,EAGCK,EAAUN,EAAAA,YAAY,IAAM,CAC5BL,EAAyB,SAC3B,aAAaA,EAAyB,OAAO,EAE3CE,EAAyB,SAC3B,aAAaA,EAAyB,OAAO,EAE3CC,EAAe,SACjB,aAAaA,EAAe,OAAO,CAEvC,EAAG,CAAA,CAAE,EAEL,MAAO,CACL,eAAAN,EACA,sBAAAO,EACA,sBAAAG,EACA,oBAAAC,EACA,sBAAAC,EACA,yBAAAC,EACA,QAAAC,CAAA,CAEJ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTimerAnimations.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/useTimerAnimations.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,eAAO,MAAM,kBAAkB;;;;;;;;CA0F9B,CAAA"}

package/dist/components/Timer/useTimerAnimations.js

@@ -4,11 +4,7 @@ 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);
@@ -49,3 +45,4 @@ const w = () => {
 export {
   w as useTimerAnimations
 };
+//# sourceMappingURL=useTimerAnimations.js.map