@activecollab/components 1.0.382 → 1.0.383

package/dist/cjs/components/Stopwatch/Stopwatch.js

@@ -0,0 +1,61 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Stopwatch = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Stopwatch = require("./Stopwatch.style");
+var _IconButton = require("../IconButton");
+var _Icons = require("../Icons");
+var _EditableHours = require("../EditableHours");
+var _classnames = _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var Stopwatch = function Stopwatch() {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isActive = _useState2[0],
+    setIsActive = _useState2[1];
+  return /*#__PURE__*/_react.default.createElement(_Stopwatch.StyledStopwatch, {
+    className: (0, _classnames.default)("", {
+      "tw-bg-red-100": isActive,
+      "tw-bg-gray-100": !isActive
+    })
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    onClick: function onClick() {
+      return setIsActive(!isActive);
+    },
+    className: (0, _classnames.default)("tw-shadow-none hover:tw-shadow-none", {
+      "tw-bg-red-400 hover:bg-red-500": isActive,
+      "tw-bg-indigo-400 hover:bg-indigo-400": !isActive
+    })
+  }, !isActive ? /*#__PURE__*/_react.default.createElement(_Icons.PlaySmallIcon, null) : /*#__PURE__*/_react.default.createElement(_Icons.PauseSmallIcon, null)), /*#__PURE__*/_react.default.createElement(_Stopwatch.StyledStopwatchCenterWrapper, null, /*#__PURE__*/_react.default.createElement(_EditableHours.EditableHours, {
+    value: "00:00"
+  }), /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    size: "small",
+    variant: "tertiary"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.NoteIcon, {
+    width: 20
+  })), true && /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    size: "small",
+    variant: "tertiary"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.CloseIcon, {
+    width: 20
+  }))), /*#__PURE__*/_react.default.createElement(_Stopwatch.StyledTrigger, {
+    onClick: function onClick() {
+      return setIsActive(!isActive);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icons.UploadIcon, null)));
+};
+exports.Stopwatch = Stopwatch;
+Stopwatch.displayName = "Stopwatch";
+//# sourceMappingURL=Stopwatch.js.map

package/dist/cjs/components/Stopwatch/Stopwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stopwatch.js","names":["Stopwatch","useState","isActive","setIsActive","classNames","displayName"],"sources":["../../../../src/components/Stopwatch/Stopwatch.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n  StyledStopwatch,\n  StyledStopwatchCenterWrapper,\n  StyledTrigger,\n} from \"./Stopwatch.style\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  CloseIcon,\n  NoteIcon,\n  PauseSmallIcon,\n  PlaySmallIcon,\n  UploadIcon,\n} from \"../Icons\";\nimport { EditableHours } from \"../EditableHours\";\nimport classNames from \"classnames\";\n\nexport const Stopwatch = () => {\n  const [isActive, setIsActive] = useState<boolean>(false);\n\n  return (\n    <StyledStopwatch\n      className={classNames(\"\", {\n        \"tw-bg-red-100\": isActive,\n        \"tw-bg-gray-100\": !isActive,\n      })}\n    >\n      <IconButton\n        onClick={() => setIsActive(!isActive)}\n        className={classNames(\"tw-shadow-none hover:tw-shadow-none\", {\n          \"tw-bg-red-400 hover:bg-red-500\": isActive,\n          \"tw-bg-indigo-400 hover:bg-indigo-400\": !isActive,\n        })}\n      >\n        {!isActive ? <PlaySmallIcon /> : <PauseSmallIcon />}\n      </IconButton>\n      <StyledStopwatchCenterWrapper>\n        <EditableHours value=\"00:00\" />\n        <IconButton size=\"small\" variant=\"tertiary\">\n          <NoteIcon width={20} />\n        </IconButton>\n        {true && (\n          <IconButton size=\"small\" variant=\"tertiary\">\n            <CloseIcon width={20} />\n          </IconButton>\n        )}\n      </StyledStopwatchCenterWrapper>\n      <StyledTrigger onClick={() => setIsActive(!isActive)}>\n        <UploadIcon />\n      </StyledTrigger>\n    </StyledStopwatch>\n  );\n};\n\nStopwatch.displayName = \"Stopwatch\";\n"],"mappings":";;;;;;;AAAA;AACA;AAKA;AACA;AAOA;AACA;AAAoC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE7B,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAAS;EAC7B,gBAAgC,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAA;IAAjDC,QAAQ;IAAEC,WAAW;EAE5B,oBACE,6BAAC,0BAAe;IACd,SAAS,EAAE,IAAAC,mBAAU,EAAC,EAAE,EAAE;MACxB,eAAe,EAAEF,QAAQ;MACzB,gBAAgB,EAAE,CAACA;IACrB,CAAC;EAAE,gBAEH,6BAAC,sBAAU;IACT,OAAO,EAAE;MAAA,OAAMC,WAAW,CAAC,CAACD,QAAQ,CAAC;IAAA,CAAC;IACtC,SAAS,EAAE,IAAAE,mBAAU,EAAC,qCAAqC,EAAE;MAC3D,gCAAgC,EAAEF,QAAQ;MAC1C,sCAAsC,EAAE,CAACA;IAC3C,CAAC;EAAE,GAEF,CAACA,QAAQ,gBAAG,6BAAC,oBAAa,OAAG,gBAAG,6BAAC,qBAAc,OAAG,CACxC,eACb,6BAAC,uCAA4B,qBAC3B,6BAAC,4BAAa;IAAC,KAAK,EAAC;EAAO,EAAG,eAC/B,6BAAC,sBAAU;IAAC,IAAI,EAAC,OAAO;IAAC,OAAO,EAAC;EAAU,gBACzC,6BAAC,eAAQ;IAAC,KAAK,EAAE;EAAG,EAAG,CACZ,EACZ,IAAI,iBACH,6BAAC,sBAAU;IAAC,IAAI,EAAC,OAAO;IAAC,OAAO,EAAC;EAAU,gBACzC,6BAAC,gBAAS;IAAC,KAAK,EAAE;EAAG,EAAG,CAE3B,CAC4B,eAC/B,6BAAC,wBAAa;IAAC,OAAO,EAAE;MAAA,OAAMC,WAAW,CAAC,CAACD,QAAQ,CAAC;IAAA;EAAC,gBACnD,6BAAC,iBAAU,OAAG,CACA,CACA;AAEtB,CAAC;AAAC;AAEFF,SAAS,CAACK,WAAW,GAAG,WAAW"}

package/dist/cjs/components/Stopwatch/Stopwatch.style.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTrigger = exports.StyledStopwatchCenterWrapper = exports.StyledStopwatch = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Trigger = require("../Trigger");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var StyledStopwatch = _styledComponents.default.div.withConfig({
+  displayName: "Stopwatchstyle__StyledStopwatch",
+  componentId: "sc-h5uscw-0"
+})(["background-color:var(--color-theme-300);border-radius:21px;padding:4px;max-width:320px;height:34px;display:flex;align-items:center;"]);
+exports.StyledStopwatch = StyledStopwatch;
+var StyledStopwatchCenterWrapper = _styledComponents.default.div.withConfig({
+  displayName: "Stopwatchstyle__StyledStopwatchCenterWrapper",
+  componentId: "sc-h5uscw-1"
+})(["flex-grow:1;display:flex;align-items:center;justify-content:center;"]);
+exports.StyledStopwatchCenterWrapper = StyledStopwatchCenterWrapper;
+var StyledTrigger = (0, _styledComponents.default)(_Trigger.Trigger).withConfig({
+  displayName: "Stopwatchstyle__StyledTrigger",
+  componentId: "sc-h5uscw-2"
+})(["width:32px;height:32px;border-radius:9999px;display:flex;justify-content:center;align-items:center;svg{fill:var(--color-theme-700);}&:hover{svg{fill:var(--color-theme-900);}}"]);
+exports.StyledTrigger = StyledTrigger;
+//# sourceMappingURL=Stopwatch.style.js.map

package/dist/cjs/components/Stopwatch/Stopwatch.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stopwatch.style.js","names":["StyledStopwatch","styled","div","StyledStopwatchCenterWrapper","StyledTrigger","Trigger"],"sources":["../../../../src/components/Stopwatch/Stopwatch.style.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Trigger } from \"../Trigger\";\n\nexport const StyledStopwatch = styled.div`\n  background-color: var(--color-theme-300);\n  border-radius: 21px;\n  padding: 4px;\n  max-width: 320px;\n  height: 34px;\n\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledStopwatchCenterWrapper = styled.div`\n  flex-grow: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const StyledTrigger = styled(Trigger)`\n  width: 32px;\n  height: 32px;\n  border-radius: 9999px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    fill: var(--color-theme-700);\n  }\n\n  &:hover {\n    svg {\n      fill: var(--color-theme-900);\n    }\n  }\n`;\n"],"mappings":";;;;;;AAAA;AACA;AAAqC;AAE9B,IAAMA,eAAe,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,2IASxC;AAAC;AAEK,IAAMC,4BAA4B,GAAGF,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,2EAKrD;AAAC;AAEK,IAAME,aAAa,GAAG,IAAAH,yBAAM,EAACI,gBAAO,CAAC;EAAA;EAAA;AAAA,sLAiB3C;AAAC"}

package/dist/cjs/components/Stopwatch/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Stopwatch = require("./Stopwatch");
+Object.keys(_Stopwatch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Stopwatch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Stopwatch[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Stopwatch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Stopwatch/index.ts"],"sourcesContent":["export * from \"./Stopwatch\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/utils/index.js

@@ -5,8 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   useForkRef: true,
-  useResizeObserver: true
+  useResizeObserver: true,
+  decimalToHours: true
 };
+Object.defineProperty(exports, "decimalToHours", {
+  enumerable: true,
+  get: function get() {
+    return _timeUtils.decimalToHours;
+  }
+});
 Object.defineProperty(exports, "useForkRef", {
   enumerable: true,
   get: function get() {
@@ -45,5 +52,6 @@ Object.keys(_validation).forEach(function (key) {
 });
 var _useForkRef = _interopRequireDefault(require("./useForkRef"));
 var _useResizeObserver = _interopRequireDefault(require("./useResizeObserver"));
+var _timeUtils = require("./timeUtils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/cjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport * from \"./validation\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AACA;AAAmE"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport * from \"./validation\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\nexport { decimalToHours } from \"./timeUtils\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AACA;AACA;AAA6C"}

package/dist/esm/components/Stopwatch/Stopwatch.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const Stopwatch: {
+    (): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=Stopwatch.d.ts.map

package/dist/esm/components/Stopwatch/Stopwatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stopwatch.d.ts","sourceRoot":"","sources":["../../../../src/components/Stopwatch/Stopwatch.tsx"],"names":[],"mappings":";AAiBA,eAAO,MAAM,SAAS;;;CAmCrB,CAAC"}

package/dist/esm/components/Stopwatch/Stopwatch.js

@@ -0,0 +1,43 @@
+import React, { useState } from "react";
+import { StyledStopwatch, StyledStopwatchCenterWrapper, StyledTrigger } from "./Stopwatch.style";
+import { IconButton } from "../IconButton";
+import { CloseIcon, NoteIcon, PauseSmallIcon, PlaySmallIcon, UploadIcon } from "../Icons";
+import { EditableHours } from "../EditableHours";
+import classNames from "classnames";
+export var Stopwatch = function Stopwatch() {
+  var _useState = useState(false),
+    isActive = _useState[0],
+    setIsActive = _useState[1];
+  return /*#__PURE__*/React.createElement(StyledStopwatch, {
+    className: classNames("", {
+      "tw-bg-red-100": isActive,
+      "tw-bg-gray-100": !isActive
+    })
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    onClick: function onClick() {
+      return setIsActive(!isActive);
+    },
+    className: classNames("tw-shadow-none hover:tw-shadow-none", {
+      "tw-bg-red-400 hover:bg-red-500": isActive,
+      "tw-bg-indigo-400 hover:bg-indigo-400": !isActive
+    })
+  }, !isActive ? /*#__PURE__*/React.createElement(PlaySmallIcon, null) : /*#__PURE__*/React.createElement(PauseSmallIcon, null)), /*#__PURE__*/React.createElement(StyledStopwatchCenterWrapper, null, /*#__PURE__*/React.createElement(EditableHours, {
+    value: "00:00"
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    size: "small",
+    variant: "tertiary"
+  }, /*#__PURE__*/React.createElement(NoteIcon, {
+    width: 20
+  })), true && /*#__PURE__*/React.createElement(IconButton, {
+    size: "small",
+    variant: "tertiary"
+  }, /*#__PURE__*/React.createElement(CloseIcon, {
+    width: 20
+  }))), /*#__PURE__*/React.createElement(StyledTrigger, {
+    onClick: function onClick() {
+      return setIsActive(!isActive);
+    }
+  }, /*#__PURE__*/React.createElement(UploadIcon, null)));
+};
+Stopwatch.displayName = "Stopwatch";
+//# sourceMappingURL=Stopwatch.js.map

package/dist/esm/components/Stopwatch/Stopwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stopwatch.js","names":["React","useState","StyledStopwatch","StyledStopwatchCenterWrapper","StyledTrigger","IconButton","CloseIcon","NoteIcon","PauseSmallIcon","PlaySmallIcon","UploadIcon","EditableHours","classNames","Stopwatch","isActive","setIsActive","displayName"],"sources":["../../../../src/components/Stopwatch/Stopwatch.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n  StyledStopwatch,\n  StyledStopwatchCenterWrapper,\n  StyledTrigger,\n} from \"./Stopwatch.style\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  CloseIcon,\n  NoteIcon,\n  PauseSmallIcon,\n  PlaySmallIcon,\n  UploadIcon,\n} from \"../Icons\";\nimport { EditableHours } from \"../EditableHours\";\nimport classNames from \"classnames\";\n\nexport const Stopwatch = () => {\n  const [isActive, setIsActive] = useState<boolean>(false);\n\n  return (\n    <StyledStopwatch\n      className={classNames(\"\", {\n        \"tw-bg-red-100\": isActive,\n        \"tw-bg-gray-100\": !isActive,\n      })}\n    >\n      <IconButton\n        onClick={() => setIsActive(!isActive)}\n        className={classNames(\"tw-shadow-none hover:tw-shadow-none\", {\n          \"tw-bg-red-400 hover:bg-red-500\": isActive,\n          \"tw-bg-indigo-400 hover:bg-indigo-400\": !isActive,\n        })}\n      >\n        {!isActive ? <PlaySmallIcon /> : <PauseSmallIcon />}\n      </IconButton>\n      <StyledStopwatchCenterWrapper>\n        <EditableHours value=\"00:00\" />\n        <IconButton size=\"small\" variant=\"tertiary\">\n          <NoteIcon width={20} />\n        </IconButton>\n        {true && (\n          <IconButton size=\"small\" variant=\"tertiary\">\n            <CloseIcon width={20} />\n          </IconButton>\n        )}\n      </StyledStopwatchCenterWrapper>\n      <StyledTrigger onClick={() => setIsActive(!isActive)}>\n        <UploadIcon />\n      </StyledTrigger>\n    </StyledStopwatch>\n  );\n};\n\nStopwatch.displayName = \"Stopwatch\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,eAAe,EACfC,4BAA4B,EAC5BC,aAAa,QACR,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,eAAe;AAC1C,SACEC,SAAS,EACTC,QAAQ,EACRC,cAAc,EACdC,aAAa,EACbC,UAAU,QACL,UAAU;AACjB,SAASC,aAAa,QAAQ,kBAAkB;AAChD,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAS,GAAS;EAC7B,gBAAgCZ,QAAQ,CAAU,KAAK,CAAC;IAAjDa,QAAQ;IAAEC,WAAW;EAE5B,oBACE,oBAAC,eAAe;IACd,SAAS,EAAEH,UAAU,CAAC,EAAE,EAAE;MACxB,eAAe,EAAEE,QAAQ;MACzB,gBAAgB,EAAE,CAACA;IACrB,CAAC;EAAE,gBAEH,oBAAC,UAAU;IACT,OAAO,EAAE;MAAA,OAAMC,WAAW,CAAC,CAACD,QAAQ,CAAC;IAAA,CAAC;IACtC,SAAS,EAAEF,UAAU,CAAC,qCAAqC,EAAE;MAC3D,gCAAgC,EAAEE,QAAQ;MAC1C,sCAAsC,EAAE,CAACA;IAC3C,CAAC;EAAE,GAEF,CAACA,QAAQ,gBAAG,oBAAC,aAAa,OAAG,gBAAG,oBAAC,cAAc,OAAG,CACxC,eACb,oBAAC,4BAA4B,qBAC3B,oBAAC,aAAa;IAAC,KAAK,EAAC;EAAO,EAAG,eAC/B,oBAAC,UAAU;IAAC,IAAI,EAAC,OAAO;IAAC,OAAO,EAAC;EAAU,gBACzC,oBAAC,QAAQ;IAAC,KAAK,EAAE;EAAG,EAAG,CACZ,EACZ,IAAI,iBACH,oBAAC,UAAU;IAAC,IAAI,EAAC,OAAO;IAAC,OAAO,EAAC;EAAU,gBACzC,oBAAC,SAAS;IAAC,KAAK,EAAE;EAAG,EAAG,CAE3B,CAC4B,eAC/B,oBAAC,aAAa;IAAC,OAAO,EAAE;MAAA,OAAMC,WAAW,CAAC,CAACD,QAAQ,CAAC;IAAA;EAAC,gBACnD,oBAAC,UAAU,OAAG,CACA,CACA;AAEtB,CAAC;AAEDD,SAAS,CAACG,WAAW,GAAG,WAAW"}

package/dist/esm/components/Stopwatch/Stopwatch.style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledStopwatch: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledStopwatchCenterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | "slot" | "style" | "title" | "key" | "css" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "cs" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw"> & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+//# sourceMappingURL=Stopwatch.style.d.ts.map

package/dist/esm/components/Stopwatch/Stopwatch.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stopwatch.style.d.ts","sourceRoot":"","sources":["../../../../src/components/Stopwatch/Stopwatch.style.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,eAAe,oEAS3B,CAAC;AAEF,eAAO,MAAM,4BAA4B,oEAKxC,CAAC;AAEF,eAAO,MAAM,aAAa,46JAiBzB,CAAC"}

package/dist/esm/components/Stopwatch/Stopwatch.style.js

@@ -0,0 +1,15 @@
+import styled from "styled-components";
+import { Trigger } from "../Trigger";
+export var StyledStopwatch = styled.div.withConfig({
+  displayName: "Stopwatchstyle__StyledStopwatch",
+  componentId: "sc-h5uscw-0"
+})(["background-color:var(--color-theme-300);border-radius:21px;padding:4px;max-width:320px;height:34px;display:flex;align-items:center;"]);
+export var StyledStopwatchCenterWrapper = styled.div.withConfig({
+  displayName: "Stopwatchstyle__StyledStopwatchCenterWrapper",
+  componentId: "sc-h5uscw-1"
+})(["flex-grow:1;display:flex;align-items:center;justify-content:center;"]);
+export var StyledTrigger = styled(Trigger).withConfig({
+  displayName: "Stopwatchstyle__StyledTrigger",
+  componentId: "sc-h5uscw-2"
+})(["width:32px;height:32px;border-radius:9999px;display:flex;justify-content:center;align-items:center;svg{fill:var(--color-theme-700);}&:hover{svg{fill:var(--color-theme-900);}}"]);
+//# sourceMappingURL=Stopwatch.style.js.map

package/dist/esm/components/Stopwatch/Stopwatch.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stopwatch.style.js","names":["styled","Trigger","StyledStopwatch","div","StyledStopwatchCenterWrapper","StyledTrigger"],"sources":["../../../../src/components/Stopwatch/Stopwatch.style.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Trigger } from \"../Trigger\";\n\nexport const StyledStopwatch = styled.div`\n  background-color: var(--color-theme-300);\n  border-radius: 21px;\n  padding: 4px;\n  max-width: 320px;\n  height: 34px;\n\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledStopwatchCenterWrapper = styled.div`\n  flex-grow: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const StyledTrigger = styled(Trigger)`\n  width: 32px;\n  height: 32px;\n  border-radius: 9999px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    fill: var(--color-theme-700);\n  }\n\n  &:hover {\n    svg {\n      fill: var(--color-theme-900);\n    }\n  }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,OAAO,QAAQ,YAAY;AAEpC,OAAO,IAAMC,eAAe,GAAGF,MAAM,CAACG,GAAG;EAAA;EAAA;AAAA,2IASxC;AAED,OAAO,IAAMC,4BAA4B,GAAGJ,MAAM,CAACG,GAAG;EAAA;EAAA;AAAA,2EAKrD;AAED,OAAO,IAAME,aAAa,GAAGL,MAAM,CAACC,OAAO,CAAC;EAAA;EAAA;AAAA,sLAiB3C"}

package/dist/esm/components/Stopwatch/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Stopwatch";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Stopwatch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Stopwatch/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/esm/components/Stopwatch/index.js

@@ -0,0 +1,2 @@
+export * from "./Stopwatch";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Stopwatch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Stopwatch/index.ts"],"sourcesContent":["export * from \"./Stopwatch\";\n"],"mappings":"AAAA,cAAc,aAAa"}

package/dist/esm/utils/index.d.ts

@@ -2,4 +2,5 @@ export * from "./layers";
 export * from "./validation";
 export { default as useForkRef } from "./useForkRef";
 export { default as useResizeObserver } from "./useResizeObserver";
+export { decimalToHours } from "./timeUtils";
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/utils/index.js

@@ -2,4 +2,5 @@ export * from "./layers";
 export * from "./validation";
 export { default as useForkRef } from "./useForkRef";
 export { default as useResizeObserver } from "./useResizeObserver";
+export { decimalToHours } from "./timeUtils";
 //# sourceMappingURL=index.js.map

package/dist/esm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","useForkRef","useResizeObserver"],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport * from \"./validation\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,qBAAqB"}
+{"version":3,"file":"index.js","names":["default","useForkRef","useResizeObserver","decimalToHours"],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport * from \"./validation\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\nexport { decimalToHours } from \"./timeUtils\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,qBAAqB;AAClE,SAASC,cAAc,QAAQ,aAAa"}

package/dist/index.js

@@ -478,6 +478,99 @@
   };
   var useResizeObserver$1 = useResizeObserver;
 
+  // export const decimalToHours = (decimal: string) => {
+  //   // we round it on two decimals first, to eliminate quirks, eg, 5.99999999 will return 5:59 instead of 6:00
+  //   decimal = parseFloat(decimal).toFixed(2);
+  //   decimal = decimal + "";
+  //   let hours;
+  //   let minutes_decimal;
+  //
+  //   if (decimal.indexOf(".") < 0) {
+  //     hours = parseInt(decimal);
+  //     minutes_decimal = 0;
+  //   } else {
+  //     hours = parseInt(decimal.substring(0, decimal.indexOf(".")));
+  //     minutes_decimal = decimal.substring(decimal.indexOf(".") + 1);
+  //     minutes_decimal = minutes_decimal.substring(0, 2);
+  //     if (minutes_decimal.length === 1) {
+  //       minutes_decimal += "0";
+  //     } // if
+  //     minutes_decimal = parseInt(minutes_decimal);
+  //   } // if
+  //
+  //   const minutes = Math.round((minutes_decimal / 100) * 60);
+  //
+  //   if (hours < 10) {
+  //     hours = `0${hours}`;
+  //   }
+  //   return {
+  //     hours: hours,
+  //     minutes: minutes,
+  //   };
+  // };
+
+  var decimalToHours = function decimalToHours(num) {
+    var withLeadingZeroHours = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    if (!num) {
+      return "";
+    }
+    if (typeof num === "string" && !num) {
+      return withLeadingZeroHours ? "00:00" : "0:00";
+    }
+    if (typeof num === "string" && num.indexOf(":") >= 0) {
+      //eslint-disable-next-line
+      var _num$split = num.split(":"),
+        _num$split2 = _slicedToArray(_num$split, 2),
+        _hours = _num$split2[0],
+        _minutes = _num$split2[1];
+      if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {
+        _minutes = "".concat(Number(_minutes), "0");
+      }
+      if (_hours && _minutes) {
+        if (withLeadingZeroHours) {
+          return "".concat(withLeadingZero(_hours), ":").concat(_minutes);
+        }
+        return "".concat(_hours, ":").concat(_minutes);
+      } else if (!_hours && _minutes) {
+        return withLeadingZeroHours ? "00:".concat(_minutes) : "0:".concat(_minutes);
+      } else if (!_minutes && _hours) {
+        return withLeadingZeroHours ? "".concat(withLeadingZero(_hours), ":00") : "".concat(_hours, ":00");
+      } else {
+        return withLeadingZeroHours ? "00:00" : "0:00";
+      }
+    }
+    if (typeof num === "string" && num.indexOf(",") >= 0) {
+      num = num.replace(",", ".");
+    }
+    var input = typeof num === "string" ? parseFloat(num) : num;
+    if (!isDecimal(input)) {
+      if (withLeadingZeroHours) {
+        return "".concat(withLeadingZero(input), ":00");
+      }
+      return "".concat(input, ":00");
+    }
+    var decimal = input.toFixed(2);
+    var time = decimal.toString().split(".");
+    var hours = time[0];
+    if (withLeadingZeroHours) {
+      hours = withLeadingZero(hours);
+    }
+    var minutes = time[1];
+    var minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
+    return "".concat(hours, ":").concat(withLeadingZero(minutes_formatted));
+  };
+  var withLeadingZero = function withLeadingZero(num) {
+    var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+    var s = "".concat(num);
+    while (s.length < size) {
+      s = "0" + s;
+    }
+    return s;
+  };
+  var isDecimal = function isDecimal(num) {
+    return !Number.isInteger(num);
+  };
+
   var MenuContext = /*#__PURE__*/React.createContext({});
   var MenuContextProvider = MenuContext.Provider;
   MenuContext.Consumer;
@@ -12276,99 +12369,6 @@
   });
   InputAdornment.displayName = "InputAdornment";
 
-  // export const decimalToHours = (decimal: string) => {
-  //   // we round it on two decimals first, to eliminate quirks, eg, 5.99999999 will return 5:59 instead of 6:00
-  //   decimal = parseFloat(decimal).toFixed(2);
-  //   decimal = decimal + "";
-  //   let hours;
-  //   let minutes_decimal;
-  //
-  //   if (decimal.indexOf(".") < 0) {
-  //     hours = parseInt(decimal);
-  //     minutes_decimal = 0;
-  //   } else {
-  //     hours = parseInt(decimal.substring(0, decimal.indexOf(".")));
-  //     minutes_decimal = decimal.substring(decimal.indexOf(".") + 1);
-  //     minutes_decimal = minutes_decimal.substring(0, 2);
-  //     if (minutes_decimal.length === 1) {
-  //       minutes_decimal += "0";
-  //     } // if
-  //     minutes_decimal = parseInt(minutes_decimal);
-  //   } // if
-  //
-  //   const minutes = Math.round((minutes_decimal / 100) * 60);
-  //
-  //   if (hours < 10) {
-  //     hours = `0${hours}`;
-  //   }
-  //   return {
-  //     hours: hours,
-  //     minutes: minutes,
-  //   };
-  // };
-
-  var decimalToHours = function decimalToHours(num) {
-    var withLeadingZeroHours = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    if (!num) {
-      return "";
-    }
-    if (typeof num === "string" && !num) {
-      return withLeadingZeroHours ? "00:00" : "0:00";
-    }
-    if (typeof num === "string" && num.indexOf(":") >= 0) {
-      //eslint-disable-next-line
-      var _num$split = num.split(":"),
-        _num$split2 = _slicedToArray(_num$split, 2),
-        _hours = _num$split2[0],
-        _minutes = _num$split2[1];
-      if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {
-        _minutes = "".concat(Number(_minutes), "0");
-      }
-      if (_hours && _minutes) {
-        if (withLeadingZeroHours) {
-          return "".concat(withLeadingZero(_hours), ":").concat(_minutes);
-        }
-        return "".concat(_hours, ":").concat(_minutes);
-      } else if (!_hours && _minutes) {
-        return withLeadingZeroHours ? "00:".concat(_minutes) : "0:".concat(_minutes);
-      } else if (!_minutes && _hours) {
-        return withLeadingZeroHours ? "".concat(withLeadingZero(_hours), ":00") : "".concat(_hours, ":00");
-      } else {
-        return withLeadingZeroHours ? "00:00" : "0:00";
-      }
-    }
-    if (typeof num === "string" && num.indexOf(",") >= 0) {
-      num = num.replace(",", ".");
-    }
-    var input = typeof num === "string" ? parseFloat(num) : num;
-    if (!isDecimal(input)) {
-      if (withLeadingZeroHours) {
-        return "".concat(withLeadingZero(input), ":00");
-      }
-      return "".concat(input, ":00");
-    }
-    var decimal = input.toFixed(2);
-    var time = decimal.toString().split(".");
-    var hours = time[0];
-    if (withLeadingZeroHours) {
-      hours = withLeadingZero(hours);
-    }
-    var minutes = time[1];
-    var minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
-    return "".concat(hours, ":").concat(withLeadingZero(minutes_formatted));
-  };
-  var withLeadingZero = function withLeadingZero(num) {
-    var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-    var s = "".concat(num);
-    while (s.length < size) {
-      s = "0" + s;
-    }
-    return s;
-  };
-  var isDecimal = function isDecimal(num) {
-    return !Number.isInteger(num);
-  };
-
   var StyledDiv = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledDiv",
     componentId: "sc-1wapx2a-0"
@@ -18065,6 +18065,7 @@
   exports._CommandPalette = _CommandPalette;
   exports._Dialog = _Dialog;
   exports._List = _List;
+  exports.decimalToHours = decimalToHours;
   exports.isOptionGroup = isOptionGroup;
   exports.layers = layers;
   exports.signifierTypes = signifierTypes;